.bottom-color {
    position: relative;
    /* required for positioning the pseudo-element */
}

.bottom-color::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    /* height of the "border" */
    background: linear-gradient(to right,
            #bc4239 0%,
            #bc4239 25%,
            #5777c4 25%,
            #5777c4 50%,
            #69a52b 50%,
            #69a52b 75%,
            #dbd143 75%,
            #dbd143 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.top-color {
    position: relative;
    /* required for positioning the pseudo-element */
    margin-top: 20px;
}

.top-color::after {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 40%;
    height: 8px;
    /* height of the "border" */
    background: linear-gradient(to right,
            #bc4239 0%,
            #bc4239 25%,
            #5777c4 25%,
            #5777c4 50%,
            #69a52b 50%,
            #69a52b 75%,
            #dbd143 75%,
            #dbd143 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.3
}
body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    z-index: -1;
    background: url('/images/logo/achos_bg_top.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(0deg);
    opacity: 0.1
}

@media (prefers-color-scheme: dark) {
body::before {
    opacity: 0.3
}
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* LET OP, DEZE CSS WORDT AUTOMATISCH GEGENEREERD.. aanpassingen raak je dus kwijt :) */
@media only screen and (max-width : 767px){
  .css-background-1991556094{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-63_xs,sm/domeinnaam-registreren-md.jpg?m=W3sidHlwZSI6InJlc2l6ZSIsIm1heC13aWR0aCI6NzY3LCJtYXgtaGVpZ2h0IjpudWxsLCJ0by1maWxlLXR5cGUiOiJwbmcifV0%3D"); background-size: cover; background-position: center center; }
  .css-background-2251003815{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-92_xs,sm,md,lg/browser-address-bar.jpg?m=W3sidHlwZSI6InJlc2l6ZSIsIm1heC13aWR0aCI6NzY3LCJtYXgtaGVpZ2h0IjpudWxsLCJ0by1maWxlLXR5cGUiOiJwbmcifV0%3D"); background-size: cover; background-position: center center; }
}
@media only screen and (min-width : 768px){
  .css-background-1991556094{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-63_xs,sm/domeinnaam-registreren-md.jpg?m=W3sidHlwZSI6InJlc2l6ZSIsIm1heC13aWR0aCI6OTkxLCJtYXgtaGVpZ2h0IjpudWxsLCJ0by1maWxlLXR5cGUiOiJwbmcifV0%3D"); background-size: cover; background-position: center center; }
  .css-background-2251003815{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-92_xs,sm,md,lg/browser-address-bar.jpg?m=W3sidHlwZSI6InJlc2l6ZSIsIm1heC13aWR0aCI6OTkxLCJtYXgtaGVpZ2h0IjpudWxsLCJ0by1maWxlLXR5cGUiOiJwbmcifV0%3D"); background-size: cover; background-position: center center; }
}
@media only screen and (min-width : 992px){
  .css-background-1991556094{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-63_md,lg/domain-bar-click.jpg?m=W3sidHlwZSI6InJlc2l6ZSIsIm1heC13aWR0aCI6MTE5OSwibWF4LWhlaWdodCI6bnVsbCwidG8tZmlsZS10eXBlIjoicG5nIn1d"); background-size: cover; background-position: center center; }
  .css-background-2251003815{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-92_xs,sm,md,lg/browser-address-bar.jpg?m=W3sidHlwZSI6InJlc2l6ZSIsIm1heC13aWR0aCI6MTE5OSwibWF4LWhlaWdodCI6bnVsbCwidG8tZmlsZS10eXBlIjoicG5nIn1d"); background-size: cover; background-position: center center; }
}
@media only screen and (min-width : 1200px){
  .css-background-1991556094{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-63_md,lg/domain-bar-click.jpg"); background-size: cover; background-position: center center; }
  .css-background-2251003815{ background: url("/virtual/images/remote/cdn/backgrounds/achos-header/block-92_xs,sm,md,lg/browser-address-bar.jpg"); background-size: cover; background-position: center center; }
}

.achos-header {
  position: relative;
}
.achos-header .overlay,
.achos-header .background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
}
.achos-header .intro-message {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.achos-header .intro-message ul {
  display: flex;
  gap: 10px;
}

/*# sourceMappingURL=achos-header.css.map */