html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } html, body { border: none; margin: 0; padding: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, figure, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote::before, blockquote::after { content: ""; } .semantic { display: none; } @font-face { font-display: swap; font-family: 'Baloo2'; font-weight: 400; src: url('assets/fonts/baloo-2-v23-latin-regular.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Baloo2'; font-weight: 500; src: url('assets/fonts/baloo-2-v23-latin-500.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Baloo2'; font-weight: 600; src: url('assets/fonts/baloo-2-v23-latin-600.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Roboto'; font-weight: 400; src: url('assets/fonts/roboto-v51-latin-regular.woff2') format('woff2') } @font-face { font-display: swap; font-family: 'Roboto'; font-weight: 600; src: url('assets/fonts/roboto-v51-latin-600.woff2') format('woff2') } :root { --font-family-fancy: Baloo2, system-ui, -apple-system, sans-serif; --font-family-normal: Roboto, system-ui, -apple-system, sans-serif; --font-line-height-base: 1.6; --font-scale-factor: 1.2; --font-xx-small: calc(1rem * pow(var(--font-scale-factor), -0.5)); --font-x-small: calc(1rem * pow(var(--font-scale-factor), -0.25)); --font-small: calc(1rem * pow(var(--font-scale-factor), -0.125)); --font-medium: 1rem; --font-large: calc(1rem * pow(var(--font-scale-factor), 1)); --font-x-large: calc(1rem * pow(var(--font-scale-factor), 2)); --font-xx-large: calc(1rem * pow(var(--font-scale-factor), 3)); --font-xxx-large: calc(1rem * pow(var(--font-scale-factor), 4)); --font-xxxx-large: calc(1rem * pow(var(--font-scale-factor), 5)); --ratio-minor-second: calc(16/15); --ratio-major-second: calc(9/8); --ratio-minor-third: calc(6/5); --ratio-major-third: calc(5/4); --ratio-perfect-fourth: calc(4/3); --ratio-augmented-fourth: sqrt(2); --ratio-perfect-fifth: calc(3/2); --ratio-major-sixth: calc(5/3); --ratio-golden: calc((1 + sqrt(5)) / 2); } @media (width > 50em) { :root { --font-scale-factor: var(--ratio-perfect-fourth); } } :root { --size-logo-width: clamp(120px, 17vw, 280px); --size-logo-height: clamp(60px, 8.5vw, 160px); --size-wrapper-width: 1440px; } @media only screen and (max-width: 1440px) { :root { --size-wrapper-width: 100%; } } :root { --space-base: calc(1rem / 4); --space-scalefactor: 1; --space-1: calc(var(--space-base) * 1 * var(--space-scalefactor)); --space-2: calc(var(--space-base) * 2 * var(--space-scalefactor)); --space-3: calc(var(--space-base) * 3 * var(--space-scalefactor)); --space-4: calc(var(--space-base) * 4 * var(--space-scalefactor)); --space-5: calc(var(--space-base) * 5 * var(--space-scalefactor)); --space-6: calc(var(--space-base) * 6 * var(--space-scalefactor)); --space-7: calc(var(--space-base) * 7 * var(--space-scalefactor)); --space-8: calc(var(--space-base) * 8 * var(--space-scalefactor)); --space-9: calc(var(--space-base) * 9 * var(--space-scalefactor)); --space-10: calc(var(--space-base) * 10 * var(--space-scalefactor)); --space-12: calc(var(--space-base) * 12 * var(--space-scalefactor)); --space-14: calc(var(--space-base) * 14 * var(--space-scalefactor)); --space-16: calc(var(--space-base) * 16 * var(--space-scalefactor)); --space-18: calc(var(--space-base) * 18 * var(--space-scalefactor)); --space-20: calc(var(--space-base) * 20 * var(--space-scalefactor)); --space-22: calc(var(--space-base) * 22 * var(--space-scalefactor)); --space-24: calc(var(--space-base) * 24 * var(--space-scalefactor)); --space-26: calc(var(--space-base) * 26 * var(--space-scalefactor)); --space-28: calc(var(--space-base) * 28 * var(--space-scalefactor)); --space-30: calc(var(--space-base) * 30 * var(--space-scalefactor)); --spacing--fluid-1: clamp(0.5rem, 0.347rem + 0.7648vi, 1rem); --spacing--fluid-2: clamp(1rem, 0.847rem + 0.7648vi, 1.5rem); --spacing--fluid-3: clamp(1.5rem, 1.347rem + 0.7648vi, 2rem); --spacing--fluid-4: clamp(2rem, 1.847rem + 0.7648vi, 2.5rem); --spacing--fluid-5: clamp(2.5rem, 2.0411rem + 2.2945vi, 4rem); --spacing--fluid-6: clamp(1rem, 0.5411rem + 2.2945vi, 2.5rem); } :root { --color-feh-blue: #213A8F; --color-feh-darkblue: #1B2D70; --color-feh-lightblue: #28B4FF; --color-feh-white: #FFFFFF; --color-feh-whitetrans: #FFFFFFBF; } :root { --color-body: var(--color-feh-darkblue); --color-text: var(--color-feh-grey); --color-text-invers: var(--color-feh-white); --color-text-accent: var(--color-feh-gold); --color-link: var(--color-feh-gold); --color-link-hover: var(--color-feh-blue); --color-link-invers: var(--color-feh-white); --color-link-invers-hover: var(--color-feh-darkblue); --color-warning: #e8ad0c; --color-error: #b02c56; } :root { --box-radius-xs: 6px; --box-radius-s: 8px; --box-radius-m: 12px; --box-radius-l: 16px; --box-radius-xl: 24px; --box-shadow-md: 1px 1px 5px #00000055; } :root { --transition-duration-fast: 0.25s; --transition-duration-slow: 0.5s } html { scroll-behavior: smooth; } body { text-rendering: optimizeLegibility; margin: 0 auto; position: relative; } .wrapper { width: 100%; max-width: var(--size-wrapper-width); margin: 0 auto; padding: 0 var(--space-6); box-sizing: border-box; } header, main, footer { max-width: 1920px; margin: 0 auto; } body { font-family: var(--font-family-normal); font-weight: 400; line-height: var(--font-line-height-base); color: var(--color-text); background-color: var(--color-body); } h1, h2, h3, h4, h5, h6 { font-family: var(--font-family-fancy); line-height: 1em; padding-bottom: 0.5em; } h1 { font-size: var(--font-xxx-large); } h2 { font-size: var(--font-xx-large); } h3 { font-size: var(--font-x-large); } h4 { font-size: var(--font-large); } h5 { font-size: var(--font-medium); } h6 { font-size: var(--font-small); } p+p { margin-top: .5em; } p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 { margin-top: 1em; } ol, ul { padding: var(--space-6); } ol li, ul li { padding-bottom: var(--space-2); } a { color: var(--color-link); text-decoration: none; transition: var(--transition-duration-fast) ease; } a:hover { color: var(--color-link-hover); } a.lnk-btn { display: inline-block; text-decoration: none; color: var(--color-white); background-color: var(--color-link); padding: var(--space-2) var(--space-6); border-radius: 4px; transition: var(--transition-duration-fast); } a.lnk-btn:hover { background-color: var(--color-link-hover); } .btn-solid { text-align: center; display: inline-flex; flex-wrap: nowrap; justify-content: center; align-items: center; padding: var(--space-2) var(--space-6); box-sizing: border-box; font-weight: 500; color: var(--color-text-invers); background-color: var(--color-feh-gold); border: 1.5px solid var(--color-feh-gold); border-radius: 2em; transition: var(--transition-duration-fast); } .btn-solid.greydark { background-color: var(--color-feh-grey); border: 1.5px solid var(--color-feh-grey); } .btn-solid.gold-5 { color: var(--color-text); background-color: var(--color-feh-gold-5); border: 1.5px solid var(--color-feh-gold-5); } .btn-solid:hover { color: var(--color-text-invers); background-color: var(--color-feh-pink); border: 1.5px solid var(--color-feh-pink); } .btn-outline { display: inline-block; text-align: center; color: var(--color-feh-grey); border: 1.5px solid var(--color-feh-grey); border-radius: 2em; transition: var(--transition-duration-fast); } .btn-outline:hover { color: var(--color-text-invers); background-color: var(--color-feh-grey); } table { width: 100%; border-collapse: collapse; } table th { color: var(--color-white); background-color: var(--color-blue-light); padding: var(--space-2) var(--space-4); border-bottom: 1px solid var(--color-grey-medium); } table td { background-color: var(--color-grey-light); padding: var(--space-2) var(--space-4); border-bottom: 1px solid var(--color-grey-medium); } .semantic { display: none; } .structured ol { counter-reset: item; list-style: none; padding-left: 0.5em; } .structured ol li { font-family: var(--font-family-fancy); font-size: 42px; counter-increment: item; } .structured ol li::before { content: counters(item, ".") ". "; } .structured ol ol { counter-reset: item; } .structured ol ol li { font-family: var(--font-family-normal); font-size: 18px; font-weight: 400; line-height: 1.5em; } .structured ol ol ol { list-style-type: lower-latin; padding-left: 2em; } .structured ol ol ol li::before { content: ''; } #site-header { background: linear-gradient(90deg, var(--color-feh-white) 20%, var(--color-feh-lightblue)20%); } #site-header .wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } #site-header .header-title { width: var(--size-logo-width); background-color: var(--color-feh-white); padding: var(--space-1) var(--space-8) var(--space-3) 0; border-top-right-radius: calc(var(--box-radius-xs) + 1vw); border-bottom-right-radius: calc(var(--box-radius-xs) + 1vw); } #site-header .header-title a { background-size: contain; background-repeat: no-repeat; background-position: center; height: var(--size-logo-height); display: block; } #site-header .header-title a strong { display: none; } #site-header .btn-show-navigation span { display: none; } #site-header .btn-show-navigation svg line { transition: transform 0.3s ease, opacity 0.3s ease; transform-origin: center; } #site-header .btn-show-navigation.active svg line:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } #site-header .btn-show-navigation.active svg line:nth-child(2) { opacity: 0; } #site-header .btn-show-navigation.active svg line:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } #site-content { background-color: var(--color-feh-white); overflow: auto; } #site-footer { color: var(--color-text-invers); background-color: var(--color-feh-blue); } #site-footer .footer-group { display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--space-12) 0; font-weight: 400; line-height: 2em; } #site-footer .slogan { width: 32%; padding-top: 4.25em; font-size: var(--font-size-lg); font-weight: 600; background-size: auto 3em; background-repeat: no-repeat; background-position: top left; } #site-footer .quick li, #site-footer .contact p { font-size: var(--font-size-md); } #site-footer header { font-weight: 600; font-size: 1.5em; color: var(--color-text-accent); margin-bottom: var(--space-4); } #site-footer nav ul { list-style-type: none; margin: 0; padding: 0; line-height: 2.25em; } #site-footer nav ul li { margin: 0; padding: 0; } #site-footer a { color: var(--color-link-invers); transition: var(--transition-duration-fast) ease; } #site-footer a:hover { color: var(--color-link-invers-hover); } #site-footer .contact ul { list-style-type: none; margin: var(--space-6) 0 0 0; padding: 0; } #site-footer a.btn-solid.email, #site-footer a.btn-solid.phone { width: 100%; justify-content: left; padding: var(--space-1) var(--space-6); font-weight: 700; color: var(--color-text); border: none; background-color: var(--color-feh-white); } #site-footer a.btn-solid.email svg, #site-footer a.btn-solid.phone svg { font-size: 1.5em; margin-right: var(--space-2); } #site-footer a.btn-solid.email:hover, #site-footer a.btn-solid.phone:hover { color: var(--color-text-invers); background-color: var(--color-feh-pink); } #site-footer .footer-line .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--space-4) var(--space-6); box-sizing: border-box; } #site-footer .footer-line nav ul { display: flex; flex-wrap: wrap; } #site-footer .footer-line nav ul li { padding-left: var(--space-2); } #site-footer .copyright { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #service-navigation, #service-navigation .menu { list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; padding: 0; } #service-navigation .menu li { margin: 0 0 0 .5em; padding: 0; } @property --p { syntax: ""; inherits: true; initial-value: 100%; } #service-navigation a { display: flex; justify-content: center; align-items: center; font-size: 1.5em; line-height: 0; height: 1.8em; width: 1.8em; border-radius: 0.9em; color: var(--color-feh-white); box-sizing: border-box; border: 2px solid var(--color-feh-white); background-image: radial-gradient(transparent var(--p), var(--color-link-hover) var(--p)); transition-property: border, --p; } #service-navigation a:hover { --p: 0%; border: 2px solid var(--color-link-hover); } #service-navigation a span { display: none; } .page-stage { color: var(--color-feh-white); background-color: var(--color-feh-blue); background-image: var(--imgurl); background-size: 60%; background-position: right center; background-repeat: no-repeat; } .page-stage .wrapper { display: flex; justify-content: space-between; position: relative; } .page-stage .wrapper::before { position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, var(--color-feh-blue) 40%, transparent 70%); } .page-stage .wrapper .txt-box { position: relative; z-index: 2; width: 480px; padding: 6vw 0; } .page-stage .wrapper .img-box img { display: none; } .page-stage h1 { font-size: var(--font-xxxx-large); line-height: .9em; text-transform: uppercase; } .subline { font-size: var(--font-size-md); } .module .module-wrapper { color: var(--txc); background-color: var(--bgc); } .module.backgroundimage .module-wrapper { background-image: var(--bgi); background-size: cover; background-position: center; position: relative; } .module.backgroundimage .module-wrapper::before { content: ''; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background-color: var(--bgc); opacity: calc((100 - var(--opa)) / 100); z-index: 1; } .module.backgroundimage.gradient .module-wrapper::before { background: linear-gradient(var(--opadeg), transparent, var(--bgc) 80%); } .module.transparent.backgroundimage .module-wrapper::before { background-color: var(--color-feh-gold-10); } .module.backgroundimage .module-wrapper .wrapper { position: relative; z-index: 2; } .module.small .module-wrapper { max-width: var(--size-wrapper-width); margin: 0 auto; border-radius: var(--box-radius-l); box-sizing: border-box; overflow: hidden; } .module.small:not(.transparent) .module-wrapper { max-width: calc(var(--size-wrapper-width) - (2 * var(--space-6))); } .module.wide .module-wrapper { width: 100%; } .module p+a.btn-solid { margin-top: 1em; } .module { margin-top: calc(var(--space-base) * var(--mt)); margin-bottom: calc(var(--space-base) * var(--mb)); text-align: var(--alg); } .module .module-wrapper { padding-top: calc(var(--space-base) * var(--pt)); padding-bottom: calc(var(--space-base) * var(--pb)); } .module .headline { line-height: 1em; margin: 0 auto var(--space-4); } .module .subline { line-height: 1.25em; font-weight: 500; margin-bottom: var(--space-6); } .module-stage .module-wrapper { height: min(585px, 45vw); box-sizing: border-box; } .module-stage .module-wrapper, .module-stage.small .module-wrapper { display: flex; align-items: end; } .module-stage .module-wrapper { border-radius: 0; } .module-stage.zeromargintop .module-wrapper { border-top-left-radius: 0; border-top-right-radius: 0; } .module-stage.backgroundimage .module-wrapper::before { content: ''; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: linear-gradient(transparent, var(--bgc) 80%); opacity: calc((100 - var(--opa)) / 100); z-index: 1; } .module-breadcrumb.transparent:not(.backgroundimage) .wrapper { padding: 0 var(--space-6); } nav.breadcrumb { display: flex; align-items: center; } nav.breadcrumb a { color: var(--color-text); } nav.breadcrumb a:hover { color: var(--color-feh-gold); } nav.breadcrumb a, nav.breadcrumb span { margin-right: var(--space-2); } nav.breadcrumb .home strong { display: none; } nav.breadcrumb .home { font-size: 1.5em; } .module-text-image .flex-box { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: var(--fdi); } .module-text-image header+.flex-box { margin-top: var(--space-12); } .module-text-image .flex-box .txt-box { width: calc(98.5% - (var(--imgw)*1%)); text-align: left; } .module-text-image .flex-box .img-box { position: relative; width: calc(1% * var(--imgw) - 1.5%); border-radius: var(--box-radius-m); line-height: 0; overflow: hidden; } .module-text-image .flex-box.hasnotext .img-box { width: 100%; } .module-text-image .flex-box .img-box img { width: 100%; height: auto; border-radius: var(--box-radius-m); } .module-text-image .flex-box.hasnoimage .txt-box { width: 100%; text-align: var(--alg); } .module-text-image .flex-box.partially:not(.center) .img-box { background-image: var(--imgurl); background-size: cover; background-position: center; } .module-text-image .flex-box.partially:not(.center) .img-box img { display: none; } .module-text-image .flex-box.partially:not(.center) .img-box a { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .module-text-image .flex-box.center .txt-box, .module-text-image .flex-box.center .img-box { width: 100%; } .module-text-image .flex-box.center .txt-box { text-align: var(--alg); } .module-text-image .flex-box.center .img-box img { width: calc(1% * var(--imgwc)); height: auto; } .module-text-image .flex-box.center .txt-box+.img-box img { margin-top: var(--space-10); } .module-announcement { text-align: var(--alg); } .module-announcement .flex-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .module-announcement .flex-wrapper .txt-box, .module-announcement .flex-wrapper .img-box { width: 48%; } .module-form header+.nf-form-cont { margin-top: var(--space-12); } .module-form.gold .ninja-forms-form-wrap { background-color: transparent; padding: var(--space-4); } .module-form.gold .nf-field-container.subline { color: var(--color-feh-gold-5); } .module-form.gold .nf-form-fields-required { color: var(--color-feh-gold-10); } .module-form.gold .ninja-forms-field { color: var(--color-text-invers); font-weight: 600; border: 1.5px solid var(--color-feh-gold-20); background-color: var(--color-feh-gold-80); } .module-form.gold .ninja-forms-form-wrap .nf-error .ninja-forms-field { border: 1px solid var(--color-feh-white); } .module-form.gold .ninja-forms-field::placeholder { font-weight: 400; color: var(--color-feh-gold-10); } .module-form.gold .ninja-forms-field:placeholder-shown { border: 1.5px solid var(--color-feh-gold-60); } .module-form.gold .ninja-forms-field[type=submit] { color: var(--color-feh-white); background-color: var(--color-feh-grey); border: 1.5px solid var(--color-feh-grey); } .module-form.gold .ninja-forms-field[type=submit]:hover { background-color: var(--color-feh-pink); border: 1.5px solid var(--color-feh-pink); } .module-form.gold .ninja-forms-form-wrap .nf-error-msg, .module-form.gold .ninja-forms-form-wrap .ninja-forms-req-symbol { color: var(--color-feh-white); } .module-form.grey .ninja-forms-form-wrap { background-color: transparent; padding: var(--space-4); } .module-form.grey .ninja-forms-field { color: var(--color-text-invers); font-weight: 600; border: 1.5px solid var(--color-feh-grey-40); background-color: var(--color-feh-grey-80); } .module-form.grey .ninja-forms-form-wrap .nf-error .ninja-forms-field { border: 1px solid var(--color-feh-gold); } .module-form.grey .ninja-forms-field::placeholder { font-weight: 400; color: var(--color-feh-grey-20); } .module-form.grey .ninja-forms-field:placeholder-shown { border: 1.5px solid var(--color-feh-grey-60); } .module-form.grey .nf-form-fields-required { color: var(--color-feh-grey-40); } .module-form.grey .ninja-forms-field[type=submit] { color: var(--color-feh-white); background-color: var(--color-feh-gold); border: 1.5px solid var(--color-feh-gold); } .module-form.grey .ninja-forms-field[type=submit]:hover { background-color: var(--color-feh-pink); border: 1.5px solid var(--color-feh-pink); } .module-form.grey .ninja-forms-form-wrap .nf-error-msg, .module-form.grey .ninja-forms-form-wrap .ninja-forms-req-symbol { color: var(--color-feh-gold); } .archive .rows { margin-bottom: var(--space-24); } .archive .rows article { padding: var(--space-6) 0; border-bottom: 1px solid var(--color-feh-grey-40); } .archive .rows article:first-child { border-top: 1px solid var(--color-feh-grey-40); } .archive .rows article .article-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .archive .rows article .article-wrapper .title-box { width: 22.5%; } .archive .rows article .article-wrapper .desc-box { width: 55%; } .archive .rows article .article-wrapper .action-box { width: 20%; text-align: right; } .archive .tiles { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: var(--space-24); } .archive .tiles header { width: 100%; } .archive .tiles article { width: 32%; display: flex; margin-bottom: 2%; } .archive .tiles article .article-wrapper { width: 100%; background-color: var(--color-feh-white); border-radius: var(--box-radius-l); box-shadow: var(--boxshadow-m); box-sizing: border-box; padding: var(--space-4); } .archive .tiles article .article-wrapper .img-box { position: relative; overflow: hidden; background: linear-gradient(45deg, var(--color-feh-gold-40), var(--color-feh-gold-10)); border-radius: var(--box-radius-s); } .archive .tiles article .article-wrapper .img-box .img-wrapper { background-image: var(--imgurl); background-size: cover; background-position: center; padding-bottom: 100%; transition: var(--transition-duration-slow); } .archive .tiles article .article-wrapper .img-box .img-wrapper:hover { transform: scale(1.1); } .archive .tiles article .article-wrapper .img-box .img-wrapper img { display: none; } .archive .tiles .img-box .img-wrapper a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } .archive .tiles article .article-wrapper .txt-box { text-align: left; padding: var(--space-4) 0; } .archive .tiles article .article-wrapper .txt-box .subline { display: block; font-size: var(--font-size-sm); font-weight: 600; color: var(--color-feh-gold); margin: 0 auto var(--space-2); } .archive .tiles article .article-wrapper .txt-box .headline { font-size: var(--font-size-lg); } .archive .tiles.fullwidth article { width: 100%; margin-bottom: 3%; } .archive .tiles.fullwidth article .article-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .archive .tiles.fullwidth article .article-wrapper .img-box { width: 40%; } .archive .tiles.fullwidth article .article-wrapper .txt-box { width: 58%; } .archive .tiles.fullwidth article .article-wrapper .img-box .img-wrapper { padding-bottom: 65%; height: 100%; box-sizing: border-box; } .archive .tiles.fullwidth article .article-wrapper .txt-box .headline { padding-bottom: var(--space-4); } .pagination-separator { display: none; } nav.pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 58px; border-radius: 29px; border: 1px solid var(--color-feh-gold-80); padding: 0 var(--space-2); } nav.pagination .nav-links .page-numbers.prev, nav.pagination .nav-links .page-numbers.next { display: flex; justify-content: center; align-items: center; background-color: var(--color-feh-gold); width: 42px; height: 42px; border-radius: 21px; font-size: 22px; color: var(--color-feh-white); } nav.pagination .nav-links a.prev:hover, nav.pagination .nav-links a.next:hover { background-color: var(--color-link-hover); } nav.pagination .nav-links .prev.placeholder, nav.pagination .nav-links .next.placeholder { opacity: .5; } nav.pagination .nav-links .nav-prev-text, nav.pagination .nav-links .nav-next-text { display: none; } nav.pagination .nav-links .page-numbers { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 18px; } nav.pagination .nav-links .page-numbers.current { color: var(--color-feh-white); background-color: var(--color-feh-gold); } nav.pagination .nav-links .page-numbers.dots { color: var(--color-feh-gold); } nav.pagination .nav-links a.page-numbers:hover { color: var(--color-feh-white); background-color: var(--color-link-hover); } .lightbox { border-radius: var(--box-radius-l); padding: var(--space-4); border: none; } .lightbox::backdrop { background-color: #303D48; opacity: 0.8; } .lightbox form { display: grid; grid-template-rows: 0 1fr min-content; justify-items: end; } .lightbox form img { border-radius: var(--box-radius-s); width: 100%; height: auto; } .lightbox form button { z-index: 10; width: 2em; height: 2em; border-radius: var(--box-radius-s); color: var(--color-feh-gold-5); background-color: var(--color-feh-gold); cursor: pointer; display: flex; justify-content: center; align-items: center; } .lightbox form button:hover { background-color: var(--color-link-hover); } .lightbox form button:focus { outline: none; } .lightbox form button svg { width: 50%; height: 50%; } :root:has(.lightbox[open]) { overflow: clip; } .ninja-forms-form-wrap { text-align: left; background-color: var(--color-feh-gold-20); padding: var(--space-8); border-radius: var(--box-radius-m); position: relative; } .ninja-forms-field { width: 100%; border: 1.5px solid var(--color-feh-gold); border-radius: 4px; font-size: 16px; font-family: var(--font-family-normal); padding: var(--space-3); background-color: var(--color-feh-gold-5); box-sizing: border-box; } .ninja-forms-field:placeholder-shown { border: 1.5px solid var(--color-feh-gold-60); } .ninja-forms-field::placeholder { color: var(--color-feh-grey-80); } .ninja-forms-field[type=submit] { font-weight: 700; color: var(--color-feh-white); background-color: var(--color-feh-gold); border-radius: 2em; padding: var(--space-2) var(--space-6); cursor: pointer; } .ninja-forms-field[type=submit]:hover { background-color: var(--color-feh-pink); border: 1.5px solid var(--color-feh-pink); } .ninja-forms-form-wrap .nf-error .ninja-forms-field { border: 1px solid var(--color-feh-pink); } .ninja-forms-form-wrap .nf-error-msg, .ninja-forms-form-wrap .ninja-forms-req-symbol { color: var(--color-feh-pink); } .nf-field-container.subline { font-size: var(--font-size-md); font-weight: 700; color: var(--color-feh-gold); } .nf-before-form-content { position: relative; } .nf-form-fields-required { position: absolute; top: .5em; right: 0; font-size: var(--font-size-xs); color: var(--color-text); }
@media screen and (min-width: 0px) and (max-width: 1140px) {
.header-spacer { flex-grow: 1; } .btn-show-navigation { margin-left: var(--space-4); color: var(--color-link-invers); display: grid; align-items: center; } .btn-show-navigation:hover { color: var(--color-link-invers-hover); } #site-header #main-navigation { width: 100%; order: 4; display: none; position: absolute; z-index: 10; top: var(--header-height); left: 0; bottom: 0; background-color: var(--color-feh-darkblue); box-sizing: border-box; } #site-header #main-navigation.active { display: block; } #site-header #service-navigation { order: 2; } #site-header .btn-show-navigation { order: 3; } #main-navigation ul, #main-navigation ul { list-style-type: none; margin: 0; padding: 0; }
}
@media screen and (min-width: 0px) and (max-width: 575px) {
:root { } #site-header .header-title { }
}
@media screen and (min-width: 1141px) {
#site-header .btn-show-navigation { display: none; } #site-header .header-navigations { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #main-navigation .wrapper { justify-content: center; } #main-navigation .menu { list-style-type: none; margin: 0; padding: 0 var(--space-4); display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; box-sizing: border-box; } #main-navigation .menu li { margin: 0; padding: 0; } #main-navigation .menu li a { color: var(--color-feh-white); font-family: var(--font-family-fancy); font-size: min(2em, 0.7em + .75cqi); font-weight: 500; text-transform: uppercase; display: block; padding: var(--space-2); transition: 0ms; } #main-navigation .menu li a:hover { color: var(--color-feh-gold); } #main-navigation .menu li.menu-item-has-children>a { padding-right: 0.45em; } #main-navigation .menu li.menu-item-has-children>a::after { border-style: solid; border-width: 0.125em 0.125em 0 0; content: ''; display: inline-block; height: 0.35em; right: -0.45em; position: relative; top: 0.25em; transform: rotate(135deg); vertical-align: top; width: 0.35em; } #main-navigation .sub-menu { position: absolute; display: none; z-index: 100; margin: 0; padding: 0; list-style-type: none; color: var(--color-text-invers); background-color: var(--color-feh-gold); border-radius: var(--box-radius-s); box-shadow: var(--boxshadow-m); } #main-navigation .menu li.menu-item-has-children:hover .sub-menu { display: block; } #main-navigation .sub-menu li a { font-size: 16px; color: var(--color-link-invers); padding: var(--space-2) var(--space-4); } #main-navigation .sub-menu li a:hover { color: var(--color-text); background-color: var(--color-feh-gold-10); } #main-navigation .sub-menu li:first-child a { padding-top: var(--space-3); background: var(--color-feh-gold); border-top-left-radius: var(--box-radius-s); border-top-right-radius: var(--box-radius-s); } #main-navigation .sub-menu li:first-child a:hover { background: var(--color-feh-gold-10); } #main-navigation .sub-menu li:first-child::before { content: ''; width: 10px; height: 10px; background: var(--color-feh-gold); box-shadow: var(--boxshadow-m); position: absolute; top: -5px; left: 15px; transform: rotate(45deg); transition: var(--transition-duration-fast); z-index: -1; } #main-navigation .sub-menu li:first-child:hover:before { background: var(--color-feh-gold-10); } #main-navigation .sub-menu li:last-child a { padding-bottom: var(--space-3); border-bottom-left-radius: var(--box-radius-s); border-bottom-right-radius: var(--box-radius-s); }
}