:root { --page-width: calc(100% - 5rem); --content-width: 82rem; --content-width-medium: 58.125rem; --content-width-small: 48rem; --grid-gap-x: 4rem; --grid-gap-y: 0.75em; --grid-gap-small-x: calc(var(--grid-gap-x)/2); --grid-gap-small-y: calc(var(--grid-gap-y)/2); --grid-gap-extra-small-x: 1.25rem; --grid-gap-extra-small-y: 1.25rem; --c-main: #00946C; --c-main-hover: #09624A; --c-main-active: #009770; --c-main-contrast: #008561; --c-dark: #023C2B; --c-light: #757575; --c-medium: #404040; --c-text: #090206; --c-body: #0A0A0A; --c-link: var(--c-main-contrast); --c-link-hover: var(--c-main-hover); --c-link-active: var(--c-main-hover); --c-link-contrast: #007253; --c-border-main: var(--c-main); --c-border-light: var(--c-light); --cb-main: var(--c-main); --cb-main-light: #CCEAE2; --cb-dark: var(--c-dark); --cb-gray: var(--c-light); --cb-gray-light: #F2F2F2; --cb-button-primary: var(--c-main-contrast); --cb-button-primary-hover: #00946C1A; --cb-button-secondary-hover: #00946CCC; --cb-button-secondary-active: var(--c-link-hover); } .theme-blue { --c-main: #00009F; --c-main-hover: #0000B9; --c-main-active: #000086; --c-dark: #000086; --c-link: var(--c-main); --c-link-hover: var(--c-main-hover); --c-link-active: var(--c-main-active); --c-link-contrast: var(--c-main); --c-border-main: var(--c-main); --cb-main: #0000B9; --cb-main-light: #CCCCEA; --cb-main-hover: #0000AE; --cb-dark: var(--c-dark); --cb-button-primary: var(--c-main); --cb-button-primary-hover: #00009F1A; --cb-button-secondary-hover: var(--cb-main-hover); --cb-button-secondary-active: var(--cb-dark); } .theme-yellow { --c-main: #000; --c-main-hover: #0D0D0D; --c-main-active: #000; --c-dark: #000; --c-light: #555555; --c-text: #000; --c-body: #000; --c-link: var(--c-main); --c-link-hover: var(--c-main-hover); --c-link-active: var(--c-main-hover); --c-link-contrast: var(--c-main); --c-border-main: var(--c-main); --c-border-light: var(--c-light); --cb-body: #FFCE00; --cb-main: var(--c-main); --cb-main-light: #FFEC9F; --cb-main-hover: var(--c-main-hover); --cb-dark: var(--c-dark); --cb-button-primary: var(--c-main); --cb-button-primary-hover: #FFEC9F; --cb-button-secondary-hover: var(--cb-main-hover); --cb-button-secondary-active: var(--cb-dark); } @media screen and (max-width: 639px) { :root { --page-width: calc(100% - 2.5rem); } } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(../Fonts/Roboto-300-cyrillic-ext.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: 300; src: url(../Fonts/Roboto-300-cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(../Fonts/Roboto-300-greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(../Fonts/Roboto-300-greek.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(../Fonts/Roboto-300-vietnamese.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: 300; src: url(../Fonts/Roboto-300-latin-ext.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: 300; src: url(../Fonts/Roboto-300-latin.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: 500; src: url(../Fonts/Roboto-500-cyrillic-ext.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: 500; src: url(../Fonts/Roboto-500-cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(../Fonts/Roboto-500-greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(../Fonts/Roboto-500-greek.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(../Fonts/Roboto-500-vietnamese.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: 500; src: url(../Fonts/Roboto-500-latin-ext.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: 500; src: url(../Fonts/Roboto-500-latin.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; src: url(../Fonts/Roboto-700-cyrillic-ext.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; src: url(../Fonts/Roboto-700-cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(../Fonts/Roboto-700-greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(../Fonts/Roboto-700-greek.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(../Fonts/Roboto-700-vietnamese.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; src: url(../Fonts/Roboto-700-latin-ext.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; src: url(../Fonts/Roboto-700-latin.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; } @font-face { font-family: 'cc-icons'; src: url('../Fonts/cc-icons.ttf?cs77ou') format('truetype'), url('../Fonts/cc-icons.woff2?cs77ou') format('woff2'); font-weight: normal; font-style: normal; font-display: block; } .cc-icon { display: inline-flex; align-items: center; } .cc-icon::before, section.ce.kkmaskexport_list-teaser .list-content ul li::before, ul.list-check > li::before { font-family: 'cc-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cc-icon.cc-icon-logo::before { content: "\e900"; } .cc-icon.cc-icon-arrow::before { content: "\e910"; } .cc-icon.cc-icon-chevron::before { content: "\e911"; } .cc-icon.cc-icon-download::before { content: "\e912"; } .cc-icon.cc-icon-check::before { content: "\e913"; } .cc-icon.cc-icon-close::before { content: "\e914"; } .cc-icon.cc-icon-plus::before { content: "\e915"; } .cc-icon.cc-icon-minus::before { content: "\e916"; } .cc-icon.cc-icon-search::before { content: "\e917"; } .cc-icon.cc-icon-facebook::before { content: "\e940"; } .cc-icon.cc-icon-instagram::before { content: "\e941"; } .cc-icon.cc-icon-linkedin::before { content: "\e942"; } .cc-icon.cc-icon-info-circle::before { content: "\e950"; } .cc-icon.cc-icon-wallet::before { content: "\e951"; } .cc-icon.cc-icon-purse::before { content: "\e952"; } .cc-icon.cc-icon-coins::before { content: "\e953"; } .cc-icon.cc-icon-arrow-back::before, .cc-icon.cc-icon-arrow-top::before, .cc-icon.cc-icon-arrow-bottom::before { content: "\e910"; } .cc-icon.cc-icon-arrow-back::before { transform: rotate(180deg); } .cc-icon.cc-icon-arrow-top::before { transform: rotate(-90deg); } .cc-icon.cc-icon-arrow-bottom::before { transform: rotate(90deg); } .nav-open.cc-icon.cc-icon-plus::before, .expanded .cc-icon.cc-icon-plus::before { content: "\e916"; } section.ce.kkmaskexport_list-teaser .list-content ul li::before, ul.list-check > li::before { content: "\e913"; } body.is-direkt .cc-icon.cc-icon-logo::before { content: "\e901"; } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. */ [hidden] { display: none; } /** * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin: 0.75em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1.5em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7 * 5. Improve appearance and consistency with IE 6/7. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type=search] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .svg-expand, .expandable-element .foldout-button, section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__header:after, .svg-checkmark, section.ce.kkmaskexport_highlight-slider .highlight-box ul li:before, section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li:before, .field-label-nested:after, .list-item--checkmarked--inverse:before, .list-item--checkmarked:before { background: url("svg/sprite.css.svg") no-repeat; } .svg-checkmark, section.ce.kkmaskexport_highlight-slider .highlight-box ul li:before, section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li:before, .field-label-nested:after, .list-item--checkmarked--inverse:before, .list-item--checkmarked:before { background-position: 99.6124031008% 0; } .svg-checkmark-dims, section.ce.kkmaskexport_highlight-slider .highlight-box ul li:before, section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li:before, .field-label-nested:after, .list-item--checkmarked--inverse:before, .list-item--checkmarked:before { width: 90px; height: 90px; } .svg-expand, .expandable-element .foldout-button, section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__header:after { background-position: 0 0; } .svg-expand-dims, .expandable-element .foldout-button, section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__header:after { width: 128.5px; height: 127px; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** * Foundation for Sites by ZURB * Version 6.3.1 * foundation.zurb.com * Licensed under MIT Open Source */ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 0; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } picture > img { width: auto; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } button, [type=button], [type=reset], [type=submit] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=48em&large=62em&xlarge=75em&xxlarge=90em"; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; background: var(--cb-body, #fefefe); font-family: "Roboto", sans-serif; font-weight: 300; line-height: 1.5; color: var(--c-body); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } img, svg { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } hr { color: inherit; border-width: 1px 0 0 0; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; } [data-whatinput=mouse] button { outline: 0; } pre { overflow: auto; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 75rem; margin-right: auto; margin-left: auto; } .row::before, .row::after { display: table; content: " "; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 48em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 62em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.gutter-small > .column, .row.gutter-small > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } .row.gutter-medium > .column, .row.gutter-medium > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .column, .columns { width: 100%; float: left; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 48em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { width: 8.3333333333%; } .small-push-1 { position: relative; left: 8.3333333333%; } .small-pull-1 { position: relative; left: -8.3333333333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.6666666667%; } .small-push-2 { position: relative; left: 16.6666666667%; } .small-pull-2 { position: relative; left: -16.6666666667%; } .small-offset-1 { margin-left: 8.3333333333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.6666666667%; } .small-4 { width: 33.3333333333%; } .small-push-4 { position: relative; left: 33.3333333333%; } .small-pull-4 { position: relative; left: -33.3333333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.6666666667%; } .small-push-5 { position: relative; left: 41.6666666667%; } .small-pull-5 { position: relative; left: -41.6666666667%; } .small-offset-4 { margin-left: 33.3333333333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.6666666667%; } .small-7 { width: 58.3333333333%; } .small-push-7 { position: relative; left: 58.3333333333%; } .small-pull-7 { position: relative; left: -58.3333333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.6666666667%; } .small-push-8 { position: relative; left: 66.6666666667%; } .small-pull-8 { position: relative; left: -66.6666666667%; } .small-offset-7 { margin-left: 58.3333333333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.6666666667%; } .small-10 { width: 83.3333333333%; } .small-push-10 { position: relative; left: 83.3333333333%; } .small-pull-10 { position: relative; left: -83.3333333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.6666666667%; } .small-push-11 { position: relative; left: 91.6666666667%; } .small-pull-11 { position: relative; left: -91.6666666667%; } .small-offset-10 { margin-left: 83.3333333333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.6666666667%; } .small-up-1 > .column, .small-up-1 > .columns { float: left; width: 100%; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50%; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.3333333333%; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25%; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20%; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.6666666667%; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.2857142857%; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5%; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } .small-centered { margin-right: auto; margin-left: auto; } .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } @media print, screen and (min-width: 48em) { .medium-1 { width: 8.3333333333%; } .medium-push-1 { position: relative; left: 8.3333333333%; } .medium-pull-1 { position: relative; left: -8.3333333333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.6666666667%; } .medium-push-2 { position: relative; left: 16.6666666667%; } .medium-pull-2 { position: relative; left: -16.6666666667%; } .medium-offset-1 { margin-left: 8.3333333333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.6666666667%; } .medium-4 { width: 33.3333333333%; } .medium-push-4 { position: relative; left: 33.3333333333%; } .medium-pull-4 { position: relative; left: -33.3333333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.6666666667%; } .medium-push-5 { position: relative; left: 41.6666666667%; } .medium-pull-5 { position: relative; left: -41.6666666667%; } .medium-offset-4 { margin-left: 33.3333333333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.6666666667%; } .medium-7 { width: 58.3333333333%; } .medium-push-7 { position: relative; left: 58.3333333333%; } .medium-pull-7 { position: relative; left: -58.3333333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.6666666667%; } .medium-push-8 { position: relative; left: 66.6666666667%; } .medium-pull-8 { position: relative; left: -66.6666666667%; } .medium-offset-7 { margin-left: 58.3333333333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.6666666667%; } .medium-10 { width: 83.3333333333%; } .medium-push-10 { position: relative; left: 83.3333333333%; } .medium-pull-10 { position: relative; left: -83.3333333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.6666666667%; } .medium-push-11 { position: relative; left: 91.6666666667%; } .medium-pull-11 { position: relative; left: -91.6666666667%; } .medium-offset-10 { margin-left: 83.3333333333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.6666666667%; } .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100%; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50%; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.3333333333%; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25%; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20%; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.6666666667%; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.2857142857%; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5%; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .medium-centered { margin-right: auto; margin-left: auto; } .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 62em) { .large-1 { width: 8.3333333333%; } .large-push-1 { position: relative; left: 8.3333333333%; } .large-pull-1 { position: relative; left: -8.3333333333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.6666666667%; } .large-push-2 { position: relative; left: 16.6666666667%; } .large-pull-2 { position: relative; left: -16.6666666667%; } .large-offset-1 { margin-left: 8.3333333333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.6666666667%; } .large-4 { width: 33.3333333333%; } .large-push-4 { position: relative; left: 33.3333333333%; } .large-pull-4 { position: relative; left: -33.3333333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.6666666667%; } .large-push-5 { position: relative; left: 41.6666666667%; } .large-pull-5 { position: relative; left: -41.6666666667%; } .large-offset-4 { margin-left: 33.3333333333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.6666666667%; } .large-7 { width: 58.3333333333%; } .large-push-7 { position: relative; left: 58.3333333333%; } .large-pull-7 { position: relative; left: -58.3333333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.6666666667%; } .large-push-8 { position: relative; left: 66.6666666667%; } .large-pull-8 { position: relative; left: -66.6666666667%; } .large-offset-7 { margin-left: 58.3333333333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.6666666667%; } .large-10 { width: 83.3333333333%; } .large-push-10 { position: relative; left: 83.3333333333%; } .large-pull-10 { position: relative; left: -83.3333333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.6666666667%; } .large-push-11 { position: relative; left: 91.6666666667%; } .large-pull-11 { position: relative; left: -91.6666666667%; } .large-offset-10 { margin-left: 83.3333333333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.6666666667%; } .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100%; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50%; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.3333333333%; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25%; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20%; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.6666666667%; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.2857142857%; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5%; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .large-centered { margin-right: auto; margin-left: auto; } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 48em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; color: #0a0a0a; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid var(--c-border-light); background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: inherit; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { border-radius: 0 0 0 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; height: 2.5rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; width: 1%; height: 100%; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem; } .input-group .input-group-button { display: table-cell; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; background: #fefefe; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; line-height: normal; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } @media screen and (min-width: 0\0 ) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid var(--c-border-light); background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { border-color: #b80000; background-color: #f7e5e5; } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #b80000; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #b80000; } .is-invalid-input:not(:focus)::-ms-input-placeholder { color: #b80000; } .is-invalid-input:not(:focus)::placeholder { color: #b80000; } .is-invalid-label { color: #b80000; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #b80000; } .form-error.is-visible { display: block; } .close-button { position: absolute; color: var(--c-light); cursor: pointer; } [data-whatinput=mouse] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button, .close-button.medium { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .ce-image.ce-center figure.image { text-align: center; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .slider { position: relative; height: 0.75rem; margin-top: 1.25rem; margin-bottom: 2.25rem; border-radius: 0.375rem; background-color: #949494; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.75rem; border-radius: 0.375rem 0 0 0.375rem; background-color: #000; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 2.75rem; height: 2.75rem; border-radius: 0; background-color: #000; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; } [data-whatinput=mouse] .slider-handle { outline: 0; } .slider-handle:hover { background-color: black; } .slider-handle.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.8rem; height: 1.8rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 639px) { .slider { height: 0.5rem; border-radius: 0.25rem; } .slider-fill { height: 0.5rem; border-radius: 0.25rem; } .slider-handle { width: 1.875rem; height: 1.875rem; } } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; } .reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput=mouse] .reveal { outline: 0; } @media print, screen and (min-width: 48em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 48em) { .reveal { width: 600px; max-width: 75rem; } } @media print, screen and (min-width: 48em) { .reveal .reveal { right: auto; left: auto; margin: 0 auto; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 48em) { .reveal.tiny { width: 30%; max-width: 75rem; } } @media print, screen and (min-width: 48em) { .reveal.small { width: 50%; max-width: 75rem; } } @media print, screen and (min-width: 48em) { .reveal.large { width: 90%; max-width: 75rem; } } .reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 47.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } a, .anchor--primary { color: var(--c-link); text-decoration: underline; transition: color 0.25s; } a:focus, a:hover, .anchor--primary:focus, .anchor--primary:hover { color: var(--c-link-hover); } a:active, .anchor--primary:active { color: var(--c-link-active); } nav a { text-decoration: none; } .headline, .headline--h1, .headline--h2, .headline--h3, .calculator__content h1, .stage-text h1, .stage-faq h1, .headline--h4, .calculator__content h2, h1, h2, h3, h4 { color: var(--c-text); } h1, .headline--h1 { font-size: 4.5rem; line-height: 1.2; margin: 0.67em 0; font-weight: 700; } h2, .headline--h2, .calculator__content h1 { font-size: 3rem; line-height: 1.2; margin-top: 0.83em; margin-bottom: 0.83em; font-weight: 700; } h3, .headline--h3, .stage-text h1, .stage-faq h1 { font-size: 2.5rem; line-height: 1.2; margin: 1.5rem 0; font-weight: 700; } h4, .headline--h4 { font-size: 2rem; line-height: 1.3; font-weight: 700; } @media screen and (max-width: 576px) { h1, .headline--h1 { font-size: 2.5rem; } h2, .headline--h2 { font-size: 2.25rem; } h3, .headline--h3 { font-size: 2rem; } h4, .headline--h4 { font-size: 1.5rem; } } .text-left, .ce-headline-left { text-align: left; } .text-center, .ce-headline-center { text-align: center; } .text-right, .ce-headline-right { text-align: right; } .text-justify, .ce-headline-justify { text-align: justify; } .text-green { color: var(--c-main); } .text-gray { color: var(--c-light); } .font-x-small { font-size: 0.75em; } .font-small { font-size: 0.875em; } .font-large { font-size: 1.25em; } .font-x-large { font-size: 1.5em; } .column-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .column-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .column-2, .column-3 { -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; } @media screen and (max-width: 991px) { .column-3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (max-width: 767px) { .page-content .column-2, .page-content .column-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .highlight-greendark { --c-text: #FFFFFF; --c-link: #FFFFFF; --c-link-hover: var(--cb-main-light); --c-link-active: var(--cb-main-light); color: #FFFFFF; background-color: var(--cb-dark); } .highlight-greengradient { --c-text: #FFFFFF; --c-link: #FFFFFF; --c-link-hover: var(--cb-main-light); --c-link-active: var(--cb-main-light); color: #FFFFFF; background: linear-gradient(117.45deg, var(--cb-dark) 35.29%, var(--cb-main) 134.53%); } .highlight-gray { background-color: #F2F2F2; } .highlight-greenlight { background-color: #E5F4F0; } .highlight-blue { --c-text: #FFFFFF; --c-link: #FFFFFF; --c-link-hover: var(--cb-gray-light); --c-link-active: var(--cb-gray-light); color: #FFFFFF; background-color: #007FFE; } .highlight-yellow { background-color: #FFCE00; } .highlight-image { --c-text: #FFFFFF; --c-link: #FFFFFF; --c-link-hover: var(--cb-main-light); --c-link-active: var(--cb-main-light); position: relative; color: #FFFFFF; } .highlight-image > .grid-row > .grid-col > .frame-type-image:first-child .ce-gallery figure { position: absolute; top: 0; left: 50%; margin-left: -50vw; width: 100vw; height: 100%; z-index: -1; } .highlight-image > .grid-row > .grid-col > .frame-type-image:first-child .ce-gallery { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .highlight-image > .grid-row > .grid-col > .frame-type-image:first-child .ce-gallery figure { display: block; position: static; } .highlight-image > .grid-row > .grid-col > .frame-type-image:first-child .ce-gallery figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .highlight-greendark:not(.full-content):not(.medium-content):not(.small-content), .highlight-greengradient:not(.full-content):not(.medium-content):not(.small-content), .highlight-gray:not(.full-content):not(.medium-content):not(.small-content), .highlight-greenlight:not(.full-content):not(.medium-content):not(.small-content), .highlight-blue:not(.full-content):not(.medium-content):not(.small-content), .highlight-yellow:not(.full-content):not(.medium-content):not(.small-content), .highlight-image:not(.full-content):not(.medium-content):not(.small-content) { padding-left: calc(50% - var(--page-width)/2); padding-right: calc(50% - var(--page-width)/2); } .highlight-greendark .highlight-greendark, .highlight-greengradient .highlight-greengradient, .highlight-gray .highlight-gray, .highlight-greenlight .highlight-greenlight, .highlight-blue .highlight-blue, .highlight-yellow .highlight-yellow, .highlight-image .highlight-image { padding-left: 0; padding-right: 0; } p.highlight-greendark, p.highlight-greengradient, p.highlight-gray, ul.highlight-greendark, ul.highlight-greengradient, ul.highlight-gray, ol.highlight-greendark, ol.highlight-greengradient, ol.highlight-gray { padding-top: 1rem; padding-bottom: 1rem; } .text-underlined { border-bottom: 0.1666em solid var(--c-border-main); line-height: 1.5; } .headline--centered { text-align: center; } .headline-part--uppercase { text-transform: uppercase; display: block; } .section-background-graylight, .section-background-greendark { position: relative; } .section-background-graylight::after, .section-background-greendark::after { content: ''; display: block; height: 100%; position: absolute; background-color: var(--cb-gray-light); width: 100vw; top: 0; left: calc(-50vw + 50%); z-index: -1; } .section-background-greendark::after { background-color: var(--cb-dark); } .list { padding: 0; } .list-item--checkmarked { position: relative; font-size: 18px; line-height: 28px; font-weight: 300; padding: 10px 0; position: relative; list-style-type: none; padding-left: 32px; } .list-item--checkmarked:before { -webkit-transform: translate(-35px, -35px) scale(0.2222222222); transform: translate(-35px, -35px) scale(0.2222222222); content: ""; position: absolute; left: 0; height: 90px; width: 90px; top: 5px; display: inline-block; color: #353535; } .list-item--checkmarked--inverse { position: relative; list-style-type: none; padding-left: 32px; } .list-item--checkmarked--inverse:before { -webkit-transform: translate(-35px, -35px) scale(0.2222222222); transform: translate(-35px, -35px) scale(0.2222222222); content: ""; position: absolute; left: 0; height: 90px; width: 90px; top: 5px; display: inline-block; color: #353535; } .list-item--checkmarked--inverse:before { -webkit-filter: invert(100%); filter: invert(100%); } .list-item--checkmarked--inverse _:-ms-fullscreen, :root .list-item--checkmarked--inverse { list-style-type: disc; margin-left: 32px; padding-left: 0; } .list-item--checkmarked--inverse _:-ms-fullscreen:before, :root .list-item--checkmarked--inverse:before { display: none; } ul.list-check { list-style: none; } ul.list-check > li::before { margin: 0 1.25em 0 -2.25em; } .container p:first-child { margin-top: 0; } .container p:last-child { margin-bottom: 0; } .paragraph--large { font-weight: 500; font-size: 20px; line-height: 24px; } .paragraph--grey { color: var(--c-light); font-weight: 500; } .paragraph--centered { text-align: center; } .btn, .btn--primary, .btn--secondary { font-family: inherit; font-weight: bold; display: inline-block; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; border: 1px solid var(--c-border-main); border-radius: 4px; padding: 0.5em 1.5em; text-align: center; transition: all 0.25s; } .btn:disabled { pointer-events: none; } .btn--primary { background-color: var(--cb-button-primary); color: #FFFFFF; } .btn--primary:hover { background: var(--cb-button-primary-hover); border-color: var(--cb-button-primary-hover); color: #090206; } .btn--primary:focus { border-color: #012340; color: #FFFFFF; } .btn--primary.active, .btn--primary:active { background: var(--c-main-active); border-color: var(--c-main-active); } .btn--secondary { color: #1D1D1B; background-color: #FFFFFF; } .btn--secondary:focus, .btn--secondary:hover { color: #FFFFFF; background: var(--cb-button-secondary-hover); } .btn--secondary:focus { border-color: #012340; } .btn--secondary.active, .btn--secondary:active { background: var(--cb-button-secondary-active); } .btn--cta-icon { background: #009770; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 55px; padding: 3px 56px 3px 5px; position: relative; } .theme-blue .btn--cta-icon { background: #00009F; } .theme-yellow .btn--cta-icon { background: #000; } .btn--cta-icon.theme-yellow { background: #000; } .btn--cta-icon:focus, .btn--cta-icon:hover { background: #00a67b; } .theme-blue .btn--cta-icon:focus, .theme-blue .btn--cta-icon:hover { background: #0000ae; } .theme-yellow .btn--cta-icon:focus, .theme-yellow .btn--cta-icon:hover { background: #080808; } .btn--cta-icon:focus.theme-yellow, .btn--cta-icon:hover.theme-yellow { background: #080808; } .btn--cta-icon.active, .btn--cta-icon:active { background: #008865; } .theme-blue .btn--cta-icon.active, .theme-blue .btn--cta-icon:active { background: #000090; } .theme-yellow .btn--cta-icon.active, .theme-yellow .btn--cta-icon:active { background: black; } .btn--cta-icon.active.theme-yellow, .btn--cta-icon:active.theme-yellow { background: black; } .btn--cta-icon .btn__text { background: #fff; border-radius: 5px 0 0 0; color: #009770; display: inline-block; font-size: 18px; padding: 14px 30px 13px; } .theme-blue .btn--cta-icon .btn__text { color: #00009F; } .theme-yellow .btn--cta-icon .btn__text { color: #000; } .btn--cta-icon .btn__text.theme-yellow { color: #000; } .btn--cta-icon .btn__icon { position: absolute; display: block; width: 28px; height: 28px; margin: 10px; right: 3px; top: 3px; } .btn--cta-icon--small { min-height: 38px; padding: 3px 36px 3px 3px; } .btn--cta-icon--small .btn__text { font-weight: 700; display: inline-block; padding: 7px 10px 7px; } .btn--cta-icon--small .btn__icon { width: 20px; height: 20px; margin: 6px; } .btn--cta-icon--no-text { background: #009770; -webkit-box-sizing: border-box; box-sizing: border-box; height: 38px; min-height: 38px; padding: 0; width: 44px; } .theme-blue .btn--cta-icon--no-text { background: #00009F; } .theme-yellow .btn--cta-icon--no-text { background: #000; } .btn--cta-icon--no-text.theme-yellow { background: #000; } .btn--cta-icon--no-text .btn__text { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .btn--cta-icon--no-text .btn__icon { width: 20px; height: 20px; margin: 6px; margin-right: 9px; } .btn-group .btn--cta-icon--no-text { float: left; position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group .btn--cta-icon--no-text + .btn { border-top-left-radius: 0; } .btn-group .btn--cta-icon--no-text + .btn:before { background: #4db69b; content: ""; display: block; height: 24px; left: -1px; position: absolute; top: 8px; width: 1px; } .theme-blue .btn-group .btn--cta-icon--no-text + .btn:before { background: #fff; } .theme-yellow .btn-group .btn--cta-icon--no-text + .btn:before { background: #fff; } .btn-group .btn--cta-icon--no-text + .btn:before.theme-yellow { background: #fff; } .btn-group { background-clip: padding-box; border-radius: 0.5rem; display: table; overflow: hidden; } .btn-group .btn--cta-icon:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-box { position: relative; } .search-box__input { border: 1px solid var(--c-border-light); border-top-left-radius: 7px; border-right: none; height: 58px; width: calc(100% - 100px); padding-left: 30px; } .search-box__input::-webkit-input-placeholder { font-weight: 500; } .search-box__input:-ms-input-placeholder { font-weight: 500; } .search-box__input::-ms-input-placeholder { font-weight: 500; } .search-box__input::placeholder { font-weight: 500; } .search-box .search-box__button { position: absolute; top: 0; right: 0; border-top-left-radius: 0; height: 55px; min-width: 100px; } .logo { width: 9em; margin-right: 2em; } .logo > a { display: block; } .logo__image { display: block; width: 100%; } .theme-blue .logo__image .logo__background { fill: #fff; } .theme-blue .logo__image .logo__border { fill: #00009F; } .theme-blue .logo__image .logo__text { fill: #000; } .theme-blue .logo__image .logo__text--highlight { fill: #00009F; } .theme-yellow .logo__image .logo__background { fill: #FFCE00; } .theme-yellow .logo__image .logo__border { fill: #000; } .theme-yellow .logo__image .logo__text { fill: #000; } .theme-yellow .logo__image .logo__text--highlight { fill: #000; } .logo__image.theme-yellow .logo__background { fill: #FFCE00; } .logo__image.theme-yellow .logo__border { fill: #000; } .logo__image.theme-yellow .logo__text { fill: #000; } .logo__image.theme-yellow .logo__text--highlight { fill: #000; } .star-rating .full-star svg { fill: orange; } .table { width: 100%; } .table__head-cell { text-align: left; background: var(--cb-gray); color: #fff; font-size: 14px; } .table__body-cell { color: #000; } .table__body-row:nth-child(2n) .table__body-cell { background: #f5f5f5; } .table__cell { height: 40px; padding: 0; font-weight: 300; } .table-cell:first-child { padding-left: 15px; } .frame-type-form_formframework h2 { text-align: center; } .frame-type-form_formframework form { max-width: 1070px; margin: 0 auto; background-clip: padding-box; background-color: white; padding: 0 0 20px; padding: 30px 55px; } @media screen and (max-width: 576px) { .frame-type-form_formframework form { padding: 30px 20px; } } .field--checkbox { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; -webkit-transform: translate(17px, 34px); transform: translate(17px, 34px); } .field-label-nested { position: relative; display: block; padding: 3px 0 7px 45px; line-height: 28px; } .field-label-nested:before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 1px solid; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; display: block; padding: 0; width: 34px; height: 34px; float: left; position: absolute; margin: 0; left: 0; top: 0; } .field-label-nested:before:hover, .field-label-nested:before:focus, .field-label-nested:before:active { background: #eee; border: 1px solid; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error .field-label-nested:before { border-color: #b80000 !important; } .field-label-nested:after { -webkit-transform: translate(0, 0) scale(0.2222222222); transform: translate(0, 0) scale(0.2222222222); content: ""; position: absolute; left: -27px; top: -27px; display: inline-block; fill: #009770; opacity: 0; pointer-events: none; } input:checked + .field-label-nested:after { opacity: 1; } .form-error { color: #b80000; font-weight: 500; font-size: 12px; } ul.errors { list-style: none; padding: 0; margin: 0 0 15px; } ul.errors li { color: #b80000; text-align: center; } .field-label { font-size: 18px; line-height: 18px; } .field-wrap--has-error .field-label { color: #b80000 !important; } .field-label-nested { font-weight: 300; } .form__mandatory-info { color: #8e8e8e; font-size: 14px; margin-bottom: 15px; } .form-navigation { margin-top: 30px; } .form-navigation__btn-group--multiple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .btn-group__next:only-child { -ms-flex-item-align: end; align-self: flex-end; } .fieldset__radio { border: none; padding: 0; margin: 0; } .radio--hidden { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .fieldset__radio--btn-alike { margin-top: 40px; margin-bottom: 35px; width: 100%; background-clip: padding-box; display: table; overflow: hidden; padding: 2px; background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cfcfcf)); background: linear-gradient(to bottom, #dfdfdf, #cfcfcf); } .field__radio--btn-alike { width: 50%; float: left; } .label__radio--btn-alike { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; text-transform: uppercase; text-align: center; font-size: 1.05em; display: block; background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cfcfcf)); background: linear-gradient(to bottom, #dfdfdf, #cfcfcf); color: var(--c-light); line-height: 30px; padding: 6px 10px 4px; cursor: pointer; } .label__radio--btn-alike:focus, .label__radio--btn-alike:hover { background: #dbdbdb; } .label__radio--btn-alike.active, .label__radio--btn-alike:active { background: #d3d3d3; } .radio--hidden:checked + .label__radio--btn-alike { background: -webkit-gradient(linear, left top, right top, from(#00ae8a), to(#008e66)); background: linear-gradient(to right, #00ae8a, #008e66); color: #fff; cursor: default; } .theme-blue .radio--hidden:checked + .label__radio--btn-alike { background: #00009F; } .theme-yellow .radio--hidden:checked + .label__radio--btn-alike { background: #000; } .radio--hidden:checked + .label__radio--btn-alike.theme-yellow { background: #000; } input[type=text]:not(.unstyled), input[type=tel]:not(.unstyled) { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 1px solid; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; padding: 0 20px; line-height: 55px; height: 55px; } input[type=text]:not(.unstyled):hover, input[type=text]:not(.unstyled):focus, input[type=text]:not(.unstyled):active, input[type=tel]:not(.unstyled):hover, input[type=tel]:not(.unstyled):focus, input[type=tel]:not(.unstyled):active { background: #eee; border: 1px solid; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error input[type=text]:not(.unstyled), .field-wrap--has-error input[type=tel]:not(.unstyled) { border-color: #b80000 !important; } textarea { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 1px solid; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; padding: 15px 20px; min-height: 170px; } textarea:hover, textarea:focus, textarea:active { background: #eee; border: 1px solid; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error textarea { border-color: #b80000 !important; } form .row .field-label--checkbox { margin-bottom: 15px; } form .row .field-label--checkbox > span:first-child { display: inline-block; margin-bottom: 15px; } form .row:has(.field-label--checkbox) + .row .field-label--checkbox, form .row:has(.field-label--checkbox) + input + .row .field-label--checkbox, form .row .form-check + .form-check .field-label--checkbox { margin-top: -15px; } .frame-type-form_formframework table ul { padding: 0; margin: 0; } .frame-type-form_formframework table li { list-style: none; display: inline; } .frame-type-form_formframework table li:not(:last-child)::after { content: ', '; } @media print, screen and (min-width: 62em) { section.ce.gridelements_accordeon-container { width: 1064px; } } section.ce.gridelements_accordeon-container .intro { margin-bottom: 1px; } section.ce.gridelements_accordeon-container .intro section.ce.container__inner { margin-bottom: 0; } section.ce.gridelements_accordeon-container .intro .kkmaskexport_text-with-media, section.ce.gridelements_accordeon-container .intro .text-teaser__content { -webkit-box-shadow: none; box-shadow: none; } section.ce.gridelements_accordeon-container ul.accordeon { list-style-type: none; margin: 0; padding: 0 10px; } @media print, screen and (min-width: 62em) { section.ce.gridelements_accordeon-container ul.accordeon { padding: 0; } } section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 0.5rem; padding: 15px 20px; margin-bottom: 1px; } section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__header { font-weight: 300; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding-right: 50px; } section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__header:after { -webkit-transform: translate(41.75px, -41px) scale(0.3543307087); transform: translate(41.75px, -41px) scale(0.3543307087); content: " "; position: absolute; right: -8px; -webkit-transition: -webkit-transform 400ms ease; transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; top: 0; } section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__content { padding: 20px 0; } section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element.expanded .accordeon-element__header:after { -webkit-transform: translate(41.75px, -41px) scale(0.3543307087) rotate(-180deg); transform: translate(41.75px, -41px) scale(0.3543307087) rotate(-180deg); } @media print, screen and (min-width: 48em) { section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__header { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 50px; } section.ce.gridelements_accordeon-container ul.accordeon .accordeon-element__header:after { right: 0; } } [data-tabs] .tabs-nav { display: flex; justify-content: center; } [data-tabs] .tabs-nav a { display: inline-block; padding: 0.5rem 1rem; border: 1px solid transparent; border-radius: 0.25rem; color: inherit; text-decoration: none; } [data-tabs] .tabs-nav a:not(.active):hover { color: var(--c-link-hover); } [data-tabs] .tabs-nav a.active { border-color: var(--c-border-main); } [data-tabs] .tabs-nav a.disabled { opacity: 0.5; } [data-tabs] .tabs { position: relative; overflow: hidden; } [data-tabs] .tabs [data-tabs-element-content] { display: none; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; pointer-events: none; transition: opacity 0.5s, display 0.5s ease allow-discrete; } [data-tabs] .tabs .active[data-tabs-element-content] { display: block; position: relative; opacity: 1; pointer-events: initial; z-index: 1; } @starting-style { [data-tabs] .tabs .active[data-tabs-element-content] { opacity: 0; } } section.ce.kkmaskexport_account-teaser h3 { margin-top: 0; } section.ce.kkmaskexport_account-teaser .visual-content-container__content { padding-top: 140px; } @media screen and (min-width: 768px) { section.ce.kkmaskexport_account-teaser .visual-content-container__content { padding-right: 220px; padding-top: 44px; } } section.ce.kkmaskexport_account-teaser .text-wrap { margin-bottom: 1em; } section.ce.kkmaskexport_ad { max-width: 730px; margin: 30px auto; width: calc(100% - 2 * 12px); } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_ad { margin-top: 50px; margin-bottom: 50px; } } section.ce.kkmaskexport_ad .ad__video-wrapper { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; margin-bottom: 40px; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_ad .ad__video-wrapper { width: 1030px; } } section.ce.kkmaskexport_ad .ad__video-wrapper::before { content: ""; display: block; width: 100%; padding-bottom: 56.25%; } section.ce.kkmaskexport_ad .ad__video-wrapper > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section.ce.kkmaskexport_ad .ad__button-wrap { margin-bottom: 40px; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_ad .ad__button-wrap { margin-bottom: 70px; } } section.ce.kkmaskexport_ad .ad__button-wrap--centered { text-align: center; } section.ce.kkmaskexport_ad iframe, section.ce.kkmaskexport_ad video, section.ce.kkmaskexport_ad img { height: auto; width: 100%; border: none; } section.ce.kkmaskexport_ad a { margin: 0 20px; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_ad a { margin: 0; } } section.ce.kkmaskexport_ad .mobile { display: block; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_ad .mobile { display: none; } } section.ce.kkmaskexport_ad .desktop { display: none; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_ad .desktop { display: block; } } section.ce.kkmaskexport_ad .download-collection__button-wrap--centered { text-align: center; } .anchor-navigation-outer { clear: both; height: 75px; margin-bottom: 20px; } .anchor-navigation-outer .anchor-navigation { background: #009770; clear: both; height: 75px; z-index: 10; } @media screen and (min-width: 75em) { .anchor-navigation-outer .anchor-navigation { height: 100px; padding-top: 25px; } } .theme-blue .anchor-navigation-outer .anchor-navigation { background: #00009F; } .theme-yellow .anchor-navigation-outer .anchor-navigation { background: #000; } .anchor-navigation-outer .anchor-navigation.theme-yellow { background: #000; } .anchor-navigation-outer .anchor-navigation.fixed { left: 0; position: fixed; right: 0; top: 4rem; height: 75px; padding-top: 0; } @media print, screen and (min-width: 48em) { .anchor-navigation-outer .anchor-navigation.fixed { top: 6.25rem; } } .anchor-navigation-outer .anchor-navigation.cino { top: 280px; } @media print, screen and (min-width: 48em) { .anchor-navigation-outer .anchor-navigation.cino { top: 250px; } } .anchor-navigation-container { margin: 0 auto; overflow: auto; padding-bottom: 9px; } @media print, screen and (min-width: 48em) { .anchor-navigation-container { width: 720px; } } @media print, screen and (min-width: 62em) { .anchor-navigation-container { width: 1020px; } } .anchor-navigation-content { margin: 0 auto; } .anchor-navigation-content a { color: #fff; display: inline-block; float: left; font-size: 18px; font-weight: 300; line-height: 25px; padding: 25px 10px; text-decoration: none; } .anchor-navigation-content a.active { font-weight: 500; position: relative; } .anchor-navigation-content a.active:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 8.5px 0 8.5px; border-color: #009770 transparent transparent transparent; position: absolute; bottom: -9px; left: calc(50% - 8.5px); } .theme-blue .anchor-navigation-content a.active:after { border-color: #00009F transparent transparent transparent; } .theme-yellow .anchor-navigation-content a.active:after { border-color: #000 transparent transparent transparent; } .anchor-navigation-content a.active:after.theme-yellow { border-color: #000 transparent transparent transparent; } section[data-anchornav-container] { background: #fff; width: 100%; float: left; clear: left; } section[data-anchornav-container]:after { content: ""; display: table; clear: both; } .theme-yellow section[data-anchornav-container] { background: #FFCE00; } section[data-anchornav-container].theme-yellow { background: #FFCE00; } .app-teaser h2 { text-align: center; } .app-teaser .text-wrap { margin-bottom: 1em; } .app-teaser .app-links { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; margin: 0; padding: 0; } @media print, screen and (min-width: 48em) { .app-teaser .app-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .app-teaser .app-links li { margin: 18px auto; max-height: 55px; max-width: 178px; } @media print, screen and (min-width: 48em) { .app-teaser .app-links li { margin: 20px; } } .app-teaser .app-links li a { cursor: pointer; display: block; } @media print, screen and (min-width: 62em) { section.kkmaskexport_award-collection { width: 1050px; } } section.kkmaskexport_award-collection .slick-slider__control-button--previous { left: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } section.kkmaskexport_award-collection .slick-slider__control-button--next { right: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media print, screen and (min-width: 62em) { section.kkmaskexport_award-collection .slick-slider__control-button--previous { left: -20px; } section.kkmaskexport_award-collection .slick-slider__control-button--next { right: -20px; } } .expandable-element.expandable-element--award-collection { padding: 1px 10px 20px; margin-bottom: 50px; } .expandable-element.expandable-element--award-collection .foldout-button { margin-left: -64px; } @media screen and (max-width: 576px) { .expandable-element.expandable-element--award-collection { -webkit-box-shadow: none; box-shadow: none; padding: 0; } .expandable-element.expandable-element--award-collection .foldout-button { display: none; } } .expandable-element .expandable-element.expandable-element--award-collection { -webkit-box-shadow: none; box-shadow: none; } .expandable-element .expandable-element.expandable-element--award-collection .award-collection__list--foldout { max-height: none; overflow: visible; } .expandable-element .expandable-element.expandable-element--award-collection .foldout-button { display: none; } .award-collection .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .award-collection .slick-slide { height: inherit !important; } .award-collection .slick-slide > div { height: 100% !important; } .award-collection__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding: 0; } @media screen and (min-width: 577px) { .award-collection__list--foldout { max-height: 445px; overflow: hidden; } } .award-collection__list-item { display: inline-block; padding: 10px; height: 100%; width: 100%; } @media screen and (max-width: 400px) { .award-collection__list-item { max-width: 330px; display: block !important; margin: 0 auto; } } @media screen and (max-width: 576px) { .award-collection__list-item { margin: 0 auto; max-width: 350px; display: block !important; } } @media screen and (min-width: 577px) { .award-collection__list-item { width: 50%; } } @media screen and (min-width: 768px) { .award-collection__list-item { width: 340px; } } .award-collection__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; height: 100%; background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); padding: 20px; text-decoration: none; color: #000; font-weight: 300; } .award-collection__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: block; margin: 15px 0 30px; font-weight: 400; line-height: 33px; text-align: center; } .award-collection__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto; min-height: 100px; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .award-collection__description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1em; } .award-collection__link { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .award-collection__handheld-slide-nested-list { padding: 0; } .award-collection__handheld-slide-nested-list .award-collection__list-item { display: block; margin-left: auto; margin-right: auto; } @media screen and (min-width: 992px) { .slick-slider__control-button--previous.award-collection__slick-previous { left: -55px; } } @media screen and (min-width: 992px) { .slick-slider__control-button--next.award-collection__slick-next { right: -55px; } } section.ce.kkmaskexport_contact { padding: 0 10px; } section.ce.kkmaskexport_contact .box { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_contact .box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } section.ce.kkmaskexport_contact .box .image { width: 100%; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_contact .box .image { -ms-flex-item-align: start; align-self: flex-start; width: 23%; } } section.ce.kkmaskexport_contact .box .image img { width: 100%; border-top-right-radius: 7px; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_contact .box .image img { border-top-right-radius: 0; border-top-left-radius: 7px; } } section.ce.kkmaskexport_contact .box .text { padding: 25px; width: 100%; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_contact .box .text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 77%; } } section.ce.kkmaskexport_contact .box .text .text-wrap p:first-child { margin-top: 0; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_contact .box .text .text-wrap { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_contact .box .text .contact-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } section.ce.kkmaskexport_contact .box .text .contact-container .address { width: 40%; } section.ce.kkmaskexport_contact .box .text .contact-container .address p { margin: 0; } section.ce.kkmaskexport_contact .box .text .contact-container .phone-mail-container { width: 60%; } } section.ce.kkmaskexport_contact .box .text .contact-container a.phone, section.ce.kkmaskexport_contact .box .text .contact-container a.mail { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; text-decoration: none; } section.ce.kkmaskexport_contact .box .text .contact-container a.phone svg, section.ce.kkmaskexport_contact .box .text .contact-container a.mail svg { height: 20px; margin-right: 5px; width: 20px; } section.ce.kkmaskexport_contact .box .text .contact-container a.mail { font-size: 14px; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_contact .box .text .contact-container a.mail { font-size: 18px; } } .content-slider { margin: 80px 25px 0; } @media screen and (min-width: 768px) { .content-slider.slick-slider__container ul.slick-slider .slick-arrow.slick-next, .content-slider.slick-slider__container ul.slick-slider .slick-arrow.slick-prev { top: 70%; } } .content-slider__list { list-style: none; background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); } .content-slider__list .ce.kkmaskexport_text-with-media { -webkit-box-shadow: none; box-shadow: none; } .content-slider__slide .visual { border-radius: 7px 7px 0 0; height: 320px; background-position: center; background-size: cover; } .content-slider__slide img { width: 100%; height: auto; } .content-slider__slide h3 { margin-top: 20px; margin-bottom: 0; } .content-slider__slide p { font-weight: 500; padding: 0 20px; } @media screen and (min-width: 768px) { .content-slider__slide p { padding: 0 75px; } } @media screen and (min-width: 992px) { .content-slider__slide p { padding: 0 150px; } } .content-slider__button--centered { text-align: center; margin: 30px auto 20px; } .content-slider__navigation-list { list-style: none; padding: 0; margin-top: 30px; text-align: center; } .content-slider__navigation-list-item { display: inline; margin: 0 5px; } .content-slider__navigation-dot { background: #d3d3d3; display: inline-block; width: 15px; height: 15px; border-radius: 50%; } .content-slider__navigation-dot--active { background: var(--c-light); pointer-events: none; } .footer__contrast-switch { } .contrast-switch { display: flex; justify-content: flex-end; } .contrast-switch__label { line-height: 30px; text-align: center; } @media screen and (min-width: 577px) { .contrast-switch__label { display: inline-block; margin-right: 20px; text-align: left; } } .contrast-switch__list { display: inline-block; list-style: none; margin: 0; padding: 0; } .contrast-switch__list-item { display: inline-block; margin: 0 10px; } .contrast-switch__anchor { background: #fff; border: 1px solid #fff; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; height: 30px; overflow: hidden; position: relative; width: 35px; opacity: 0.5; } .contrast-switch__anchor:after { content: ""; display: block; width: 17px; height: 28px; position: absolute; right: 0; top: 0; background: #00946C; } .contrast-switch__anchor:hover, .contrast-switch__anchor:focus { opacity: 1; } body:not(.theme-blue):not(.theme-yellow) .contrast-switch__anchor--theme-default, .theme-blue .contrast-switch__anchor--theme-blue, .theme-yellow .contrast-switch__anchor--theme-yellow { opacity: 1; pointer-events: none; } .contrast-switch__anchor--theme-blue:after { background: #00009F; } .contrast-switch__anchor--theme-yellow { background: #ffcd00; border-color: #ffcd00; } .contrast-switch__anchor--theme-yellow:after { background: #000; } @media print, screen and (min-width: 62em) { section.kkmaskexport_credit-term-calculator { width: 1060px; } } @media screen and (max-width: 1059px) { section.kkmaskexport_credit-term-calculator { width: 100%; } } @media screen and (max-width: 991px) { .credit-term-calculator { padding-left: 10px; padding-right: 10px; } } .credit-term-calculator__box { background-clip: padding-box; background-color: white; padding: 0 0 20px; padding-bottom: 0; } .credit-term-calculator__box--top { padding: 20px 120px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1059px) { .credit-term-calculator__box--top { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 576px) { .credit-term-calculator__box--top { padding-top: 0; display: block; } } .credit-term-calculator__slider-label { -ms-flex-item-align: end; align-self: flex-end; font-weight: 300; margin-bottom: 13px; } @media screen and (max-width: 576px) { .credit-term-calculator__slider-label { padding-top: 0; text-align: center; margin-bottom: 10px; } } .credit-term-calculator .slider-and-input-container { width: 100%; } @media print, screen and (min-width: 62em) { .credit-term-calculator .slider-and-input-container { margin-left: 5%; width: 60%; } } .credit-term-calculator .input-container:not(.select) label:has(input:focus-visible) { outline: 2px solid var(--c-main); } .credit-term-calculator .input-container label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0.5rem; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 1px solid; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; line-height: 55px; height: 55px; font-weight: 500; font-size: 20px; padding: 10px 20px; } .credit-term-calculator .input-container label:hover, .credit-term-calculator .input-container label:focus, .credit-term-calculator .input-container label:active { background: #eee; border: 2px solid #959595; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error .credit-term-calculator .input-container label { border-color: #b80000 !important; } .credit-term-calculator .input-container label input { background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 20px; margin: 0; margin-top: -2px; padding: 0; text-align: right; } .credit-term-calculator__slider-container { width: 100%; max-width: 565px; text-align: right; } .credit-term-calculator__box-wrapper-2-col { margin-top: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media screen and (max-width: 991px) { .credit-term-calculator__box-wrapper-2-col { display: block; } } .credit-term-calculator__box-2-col-left { width: 440px; margin-right: 20px; } @media screen and (max-width: 1059px) { .credit-term-calculator__box-2-col-left { width: 40%; } } @media screen and (max-width: 991px) { .credit-term-calculator__box-2-col-left { margin-right: 0; width: auto; } } .credit-term-calculator__box-2-col-right { width: 600px; } @media screen and (max-width: 1059px) { .credit-term-calculator__box-2-col-right { width: 60%; } } @media screen and (max-width: 991px) { .credit-term-calculator__box-2-col-right { display: none; width: auto; } } .credit-term-calculator__table-head-cell.table-cell--credit-term { border-top-left-radius: 7px; } .credit-term-calculator__table-head-cell.table-cell--yield { border-top-right-radius: 7px; } .credit-term-calculator__chart-wrapper { width: 100%; height: 100%; position: relative; } @media screen and (max-width: 991px) { .credit-term-calculator__chart-wrapper { min-height: 400px; } } @media screen and (max-width: 767px) { .credit-term-calculator__chart-wrapper { min-height: 325px; } } @media screen and (max-width: 767px) { .credit-term-calculator__chart-wrapper { min-height: 250px; } } .credit-term-calculator__chart { width: 100%; } .credit-term-calculator__chart svg { float: left; } svg .ct-series-a .ct-point, svg .ct-series-a .ct-line, svg .ct-series-a .ct-bar, svg .ct-series-a .ct-slice-donut { stroke: var(--c-main); } svg .ct-series-a .ct-slice-pie, svg .ct-series-a .ct-slice-donut-solid, svg .ct-series-a .ct-area { fill: var(--cb-main); } svg .ct-area { fill-opacity: 0.17; } .theme-yellow svg .ct-series-a .ct-slice-pie, .theme-yellow svg .ct-series-a .ct-slice-donut-solid, .theme-yellow svg .ct-series-a .ct-area { fill: var(--cb-body); } .table-cell--credit-term { padding-left: 30px; } .table-cell__credit-term { font-weight: 700; } .table-cell--align-right { text-align: right; } .table-cell--yield { padding-right: 30px; } .table-cell--yield.credit-term-calculator__table-body-cell { color: #009770; font-weight: 700; } .credit-term-calculator__chart-fake-labels-y { position: absolute; top: 0; left: 0; font-size: 12px; display: block; width: 75px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-right: 5px; height: 40px; color: #000; background: #fff; font-weight: 300; text-align: right; } .credit-term-calculator__chart-fake-labels-x { position: absolute; bottom: 0; width: 100%; height: 40px; background: var(--cb-gray); color: #fff; } .chart-fake-labels { line-height: 40px; } .chart-fake-labels__legend { display: block; width: 75px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; color: #fff; font-size: 12px; } .chart-fake-labels__legend-item-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; padding-left: 75px; padding-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .chart-fake-labels__legend-item { width: 100%; color: #fff; font-size: 12px; display: inline-block; } .chart-fake-labels__legend-item span { -webkit-transform: translateX(-60%); transform: translateX(-60%); } .chart-fake-labels > .chart-fake-label { text-align: left; padding-left: 5px; padding-right: 0; } .chart-fake-label { float: left; } .chart-fake-label--last { position: absolute; right: 0; bottom: 0; width: 40px; } @media print, screen and (min-width: 62em) { section.kkmaskexport_credit-term-table { width: 1060px; } } @media screen and (max-width: 1059px) { section.kkmaskexport_credit-term-table { width: 100%; } } .credit-term-table__head { background: #006450; } @media screen and (max-width: 767px) { .credit-term-table__head { font-size: 9px; } } @media screen and (max-width: 991px) { .credit-term-table { padding-left: 10px; padding-right: 10px; } } .credit-term-table__box { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); padding-bottom: 0; } .credit-term-table__box--top { padding: 20px 120px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1059px) { .credit-term-table__box--top { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 576px) { .credit-term-table__box--top { padding-top: 0; display: block; } } .credit-term-table__slider-label { -ms-flex-item-align: end; align-self: flex-end; font-weight: 300; margin-bottom: 13px; } @media screen and (max-width: 576px) { .credit-term-table__slider-label { padding-top: 0; text-align: center; margin-bottom: 10px; } } .credit-term-table .slider-and-input-container { width: 100%; } @media print, screen and (min-width: 62em) { .credit-term-table .slider-and-input-container { margin-left: 5%; width: 60%; } } .credit-term-table .input-container label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px 7px 7px 0; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 2px solid #959595; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; line-height: 55px; height: 55px; font-weight: 500; font-size: 20px; padding: 10px 20px; } .credit-term-table .input-container label:hover, .credit-term-table .input-container label:focus, .credit-term-table .input-container label:active { background: #eee; border: 2px solid #959595; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error .credit-term-table .input-container label { border-color: #b80000 !important; } .credit-term-table .input-container label input { background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 20px; margin: 0; margin-top: -2px; padding: 0; text-align: right; } .credit-term-table__slider-container { width: 100%; max-width: 565px; text-align: right; } .credit-term-table__box-wrapper-2-col { margin-top: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; } @media screen and (max-width: 991px) { .credit-term-table__box-wrapper-2-col { display: block; } } .credit-term-table__text-wrap { width: 640px; margin-top: 3px; } @media screen and (max-width: 767px) { .credit-term-table__text-wrap { width: 100%; } } .credit-term-table__box-2-col-left { width: 640px; margin-right: 20px; } @media screen and (max-width: 1059px) { .credit-term-table__box-2-col-left { width: 40%; } } @media screen and (max-width: 991px) { .credit-term-table__box-2-col-left { margin-right: 0; width: auto; } } .credit-term-table__table-head-cell.table-cell--credit-term { border-top-left-radius: 7px; } .credit-term-table__table-head-cell.table-cell--span { width: 130px; } .credit-term-table__table-head-cell.table-cell--credit-term2 { border-top-left-radius: 0px; } .credit-term-table__table-head-cell.table-cell--yield { border-top-right-radius: 7px; } .credit-term-table__chart-wrapper { width: 100%; height: 100%; position: relative; } @media screen and (max-width: 991px) { .credit-term-table__chart-wrapper { min-height: 400px; } } @media screen and (max-width: 767px) { .credit-term-table__chart-wrapper { min-height: 325px; } } @media screen and (max-width: 767px) { .credit-term-table__chart-wrapper { min-height: 250px; } } .credit-term-table__chart { width: 100%; } .credit-term-table__chart svg { float: left; } .table-cell--credit-term { padding-left: 30px; } .table-cell--credit-term2 { padding-left: 30px; } .table-cell__credit-term { font-weight: 700; } .table-cell--interest-rate { font-weight: 700; } .table-cell__credit-term2 { font-weight: 700; } .table-cell--align-right { text-align: right; } .table-cell--span { width: 100px; } @media screen and (max-width: 767px) { .table-cell--span { width: 10px; } } .table-cell--yield { padding-right: 30px; } .table-cell--yield.credit-term-table__table-body-cell { color: #009770; font-weight: 700; } @media screen and (max-width: 767px) { .credit-term-table__table-body { font-size: 14px; } } section.kkmaskexport_download-archive { max-width: 676px; } @media print, screen and (min-width: 62em) { section.kkmaskexport_download-archive { width: 1050px; } } .download-archive__filter form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .download-archive__filter form { -ms-flex-wrap: wrap; flex-wrap: wrap; } .download-archive__filter form > * { -webkit-box-flex: 0 !important; -ms-flex: 0 0 calc(100% - 60px) !important; flex: 0 0 calc(100% - 60px) !important; margin: 0 30px; } } .download-archive__filter .input-container--sort, .download-archive__filter .input-container--single { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; } @media screen and (max-width: 991px) { .download-archive__filter .input-container--sort, .download-archive__filter .input-container--single { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .download-archive__filter .input-container--sort label, .download-archive__filter .input-container--single label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px 7px 7px 0; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 2px solid #959595; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; position: relative; line-height: 55px; height: 55px; } .download-archive__filter .input-container--sort label:hover, .download-archive__filter .input-container--sort label:focus, .download-archive__filter .input-container--sort label:active, .download-archive__filter .input-container--single label:hover, .download-archive__filter .input-container--single label:focus, .download-archive__filter .input-container--single label:active { background: #eee; border: 2px solid #959595; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error .download-archive__filter .input-container--sort label, .field-wrap--has-error .download-archive__filter .input-container--single label { border-color: #b80000 !important; } .download-archive__filter .input-container--sort label:before, .download-archive__filter .input-container--single label:before { content: ""; background: #959595; border-radius: 0 7px 7px 0; bottom: 0; pointer-events: none; position: absolute; right: -2px; top: 0; width: 20px; } .download-archive__filter .input-container--sort label:after, .download-archive__filter .input-container--single label:after { content: ""; width: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #fff transparent transparent transparent; height: 0; pointer-events: none; position: absolute; right: 3px; top: 22px; } .download-archive__filter .input-container--sort label select, .download-archive__filter .input-container--single label select { background: transparent; border: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; box-shadow: none; font-weight: 500; font-size: 18px; height: 33px; margin: 0; padding: 8px 15px; width: 215px; } .download-archive__filter .input-container--sort { display: none; } @media screen and (max-width: 991px) { .download-archive__filter .input-container--sort { display: block; } } .download-archive__filter .input-container--multiple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 3; -ms-flex: 3 0; flex: 3 0; } @media screen and (max-width: 991px) { .download-archive__filter .input-container--multiple { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .download-archive__filter .input-container--multiple .download-archive__checkbox { position: absolute; opacity: 0; z-index: -1; } .download-archive__filter .input-container--multiple .download-archive__checkbox-container { position: relative; } .download-archive__filter .input-container--multiple .download-archive__checkbox + label { font-weight: 300; font-size: 18px; line-height: 28px; margin-left: 0; background-color: #e5f4f1; padding: 0.15rem 0.75rem 0.15rem 0.75rem; border-radius: 3.5rem; margin-bottom: 0; } @media screen and (max-width: 767px) { .download-archive__filter .input-container--multiple .download-archive__checkbox + label { margin-bottom: 0.5rem; } } .download-archive__filter .input-container--multiple .download-archive__checkbox + label:hover, .download-archive__filter .input-container--multiple .download-archive__checkbox + label:active, .download-archive__filter .input-container--multiple .download-archive__checkbox + label:focus { text-decoration: underline; } .download-archive__filter .input-container--multiple .download-archive__checkbox:checked + label { background-color: #009770; color: #fff; } @media screen and (max-width: 991px) { .download-archive__filter .input-container--multiple { -ms-flex-wrap: wrap; flex-wrap: wrap; } .download-archive__filter .input-container--multiple > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .download-archive__filter .input-container--reset { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; } @media screen and (max-width: 991px) { .download-archive__filter .input-container--reset { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .download-archive__filter .input-container--reset .download-archive__reset-button { display: block; margin-left: auto; color: #009770; } @media screen and (max-width: 991px) { .download-archive__filter .input-container--reset .download-archive__reset-button { margin: 20px 0 15px; } } .theme-blue .download-archive__filter .input-container--reset .download-archive__reset-button { color: #00009F; } .theme-yellow .download-archive__filter .input-container--reset .download-archive__reset-button { color: #fff; } .download-archive__filter .input-container--reset .download-archive__reset-button.theme-yellow { color: #fff; } .download-archive__table { margin: 20px 0; padding: 0; list-style-type: none; } .download-archive__table[data-found-files="0"] { margin-bottom: -20px; } .download-archive__table[data-found-files="0"] + .foldout-button { display: none; } .download-archive__table[data-found-files="1"] { max-height: 516px; overflow: hidden; } @media screen and (max-width: 767px) { .download-archive__table[data-found-files="1"] { max-height: 450px; } } .download-archive__item { display: table; width: 100%; } .download-archive__item:nth-child(2n+3) { background-color: #e5f4f1; } .download-archive__item:nth-child(n+12) { display: block; height: 0; min-height: 0; max-height: 0; overflow: hidden; } .foldout-visible .download-archive__item:nth-child(n+12) { display: table; height: auto; max-height: none; overflow: visible; } @media screen and (min-width: 768px) { .download-archive__item { display: block; } .foldout-visible .download-archive__item:nth-child(n+12) { display: block; } } .download-archive__row { position: relative; display: table-cell; vertical-align: middle; height: 90px; padding: 10px 20px 10px 90px; } @media screen and (min-width: 768px) { .download-archive__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 10px; min-height: 0; } } .download-archive__row--header { display: none; } @media screen and (min-width: 768px) { .download-archive__row--header { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 15px 10px; border-radius: 7px 7px 7px 0; color: #fff; background-color: #009770; } .theme-blue .download-archive__row--header { background-color: #00009F; } .theme-blue .download-archive__row--header { background-color: #FFCE00; } .download-archive__row--header .download-archive__cell span { cursor: pointer; } .download-archive__row--header .download-archive__cell::after { content: ""; display: inline-block; width: 2em; height: 2em; background: url("svg/sprite.css.svg") no-repeat; background-position: 0 0; background-size: auto 2em; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease; opacity: 0; } .download-archive__row--header .download-archive__cell[data-order]::after { opacity: 1; } .download-archive__row--header .download-archive__cell[data-order][data-order=DESC]::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .download-archive__row--header .download-archive__cell--title { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; padding: 0 20px 0 30px; } .download-archive__row--header .download-archive__cell--year { padding: 0 20px 0 5px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .download-archive__cell { display: inline; } @media screen and (min-width: 768px) { .download-archive__cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .download-archive__cell .download-archive__icon { display: block; width: 50px; min-width: 50px; height: 50px; margin: 20px; fill: #d3d3d3; font-size: 12px; font-weight: 900; color: #009770; } @media screen and (min-width: 768px) { .download-archive__cell .download-archive__icon { margin: 0 20px; } } .download-archive__cell .download-archive__anchor { color: #000; text-decoration: none; } .download-archive__cell .download-archive__anchor:hover, .download-archive__cell .download-archive__anchor:active, .download-archive__cell .download-archive__anchor:focus { text-decoration: underline; } .download-archive__cell--type { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 768px) { .download-archive__cell--type { position: static; -webkit-transform: none; transform: none; } } @media screen and (min-width: 768px) { .download-archive__cell--title { width: calc(75% - 90px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(75% - 90px); flex: 0 0 calc(75% - 90px); padding-right: 20px; } } @media screen and (min-width: 768px) { .download-archive__cell--year { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } } .download-archive__cell--year .download-archive__icon { display: none; } @media screen and (min-width: 768px) { .download-archive__cell--year .download-archive__icon { position: relative; display: block; top: -2px; width: 25px; height: 25px; fill: none; } .download-archive__cell--year .download-archive__icon--current { fill: #009770; } } @media print, screen and (min-width: 62em) { section.kkmaskexport_download-collection { max-width: 48rem; } } section.kkmaskexport_download-collection footer { padding: 0 10px; } @media print, screen and (min-width: 48em) { section.kkmaskexport_download-collection footer { padding: 0; } } .download-collection__list { list-style: none; padding: 0; margin: 0; } .download-collection__list-item { padding: 1.25rem 0; border-top: 1px solid #d3d3d3; } .download-collection__list-item:last-child { border-bottom: 1px solid #d3d3d3; } .download-collection__list-item > a { display: flex; gap: 0.5em; align-items: center; text-decoration: none; color: inherit; } .download-collection__list-item > a:hover { color: var(--c-link-hover); } .download-collection__list-item > a > .cc-icon { margin-left: auto; margin-right: 0.25em; color: var(--c-link); flex-shrink: 0; font-size: 1.25rem; } .download-collection__file-extension { text-transform: uppercase; } .download-collection__file-size { white-space: nowrap; } .download-collection__button-wrap--centered { text-align: center; } .download-collection__handheld-slide-nested-list { padding: 0; } .download-collection__handheld-slide-nested-list .download-collection__list-item { display: block; margin-left: auto; margin-right: auto; } .slick-slider__control-button--previous.download-collection__slick-previous { left: -5px; } .slick-slider__control-button--next.download-collection__slick-next { right: -5px; } .expandable-element { position: relative; background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); } .expandable-element .intro section.ce.container__inner { margin-bottom: 0; } .expandable-element .intro .kkmaskexport_text-with-media, .expandable-element .intro .text-teaser__content { -webkit-box-shadow: none !important; box-shadow: none !important; } @media print, screen and (min-width: 62em) { .expandable-element .intro .kkmaskexport_text-with-media .text-wrap { padding-left: 160px; padding-right: 160px; } .expandable-element .intro .kkmaskexport_text-with-media .text-wrap p { padding: 0; } } .expandable-element .foldout { display: none; padding: 10px; } .expandable-element .foldout .container { min-width: 300px; } @media print, screen and (min-width: 48em) { .expandable-element .foldout { padding: 40px 160px; } } .expandable-element .foldout-button { -webkit-transform: translate(0, 41px) scale(0.3543307087) rotate(0); transform: translate(0, 41px) scale(0.3543307087) rotate(0); -webkit-transition: all 400ms ease; transition: all 400ms ease; position: absolute; bottom: -20px; left: 50%; margin-left: -60px; z-index: 5; } @media screen and (min-width: 768px) { .expandable-element .foldout-button { -webkit-transform: translate(0, 41px) scale(0.3543307087) rotate(0); transform: translate(0, 41px) scale(0.3543307087) rotate(0); bottom: -25px; } } .expandable-element.foldout-visible .foldout-button { -webkit-transform: translate(0, 41px) scale(0.3543307087) rotate(-180deg); transform: translate(0, 41px) scale(0.3543307087) rotate(-180deg); } @media screen and (min-width: 768px) { .expandable-element.foldout-visible .foldout-button { -webkit-transform: translate(0, 41px) scale(0.3543307087) rotate(-180deg); transform: translate(0, 41px) scale(0.3543307087) rotate(-180deg); } } .tabs_container.highlight-greendark, .tabs_container.highlight-greengradient, .tabs_container.highlight-gray, .tabs_container.highlight-image { padding-top: 2rem; padding-bottom: 2rem; } .faq-search { padding-top: 2rem; } .faq-search .search-box__form { display: flex; justify-content: center; margin-bottom: 2rem; } .faq-search .search-box__form .search-box { width: 100%; max-width: 35rem; } .faq-search .search-box__form .search-box__label { display: flex; border: 1px solid var(--c-text); background-color: #FFFFFF; } .faq-search .search-box__form .search-box__label::before { margin-left: 0.75rem; font-size: 1.75em; } .faq-search .search-box__form .search-box__input { width: 100%; height: 3rem; padding: 0.5rem; margin: 0; border: 0 none; border-radius: 0; box-shadow: none; font-weight: 300; } .faq-search .search-box__form .search-box__button { display: none; } section.kkmaskexport_faq { padding: 0; } @media print, screen and (min-width: 62em) { section.kkmaskexport_faq { width: 48rem; } } .faq-category--disabled { opacity: 0.5; pointer-events: none; } .faq-item__question { display: flex; gap: 1rem; align-items: center; cursor: pointer; } .faq-category__collapse-trigger-icon { color: var(--c-link); font-size: 1.25rem; margin-left: auto; margin-right: 0.375rem; } .faq-item__question > .cc-icon { color: var(--c-link); font-size: 1.5rem; margin-left: 0.25rem; } .faq-category--disabled .faq-category__collapse-trigger-icon { display: none; } .faq-category__collapse-trigger .faq-category__headline { color: #fff; font-size: 24px; line-height: 2rem; text-align: center; font-weight: 500; margin: 0; padding: 1.25rem 0; } .faq-category__found-items { font-size: 1.25rem; display: none; } .faq-category__found-items:before { content: "("; } .faq-category__found-items:after { content: ")"; } [data-search-active] .faq-category__found-items { display: inline; } .faq-item { padding: 1.25rem 0; border-top: 1px solid #d3d3d3; } .faq-item:last-child { border-bottom: 1px solid #d3d3d3; } .faq-item__headline { font-size: 18px; margin: 0; font-weight: normal; } .faq-item__answer { padding: 1.5rem 2rem 0 2.75rem; } .faq-item__answer-text p { margin-top: 0.5rem; } div.faq-item div.faq-item__answer .faq-cta-buttons__button { max-width: inherit; } .faq-cta-buttons__button + .faq-cta-buttons__button { margin-left: 1rem; } .container__footer-contact { clear: left; margin-top: 80px; background: -webkit-gradient(linear, left top, left bottom, from(#005b43), to(#007a5a)); background: linear-gradient(to bottom, #005b43, #007a5a); } .theme-blue .container__footer-contact { background: #0000b9; } .theme-yellow .container__footer-contact { background: #FFCE00; } .container__footer-contact.theme-yellow { background: #FFCE00; } .theme-yellow .container__footer-contact { border-top: 2px solid #000; color: #000; } .container__footer-contact.theme-yellow { border-top: 2px solid #000; color: #000; } .container__footer-contact h4 { font-size: 25px; line-height: 28px; font-weight: 500; text-align: center; } .container__footer-contact * { color: #fff; } .theme-yellow .container__footer-contact * { color: #000; } .container__footer-contact *.theme-yellow { color: #000; } .container__footer-contact svg { fill: #fff; } .theme-yellow .container__footer-contact p svg { fill: #000; } .container__footer-contact p svg.theme-yellow { fill: #000; } .container__inner.footer-contact__inner { padding: 40px 25px; } .footer-contact__headline { margin-top: 0; } .footer-contact__buttons { text-align: center; } .footer-contact__buttons .btn { background: #009770; margin: 10px auto; } @media screen and (min-width: 577px) { .footer-contact__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-contact__buttons .btn { margin: 0 15px; } } .footer-contact__telephone-cta { margin-top: 30px; } .footer-contact__telephone-link { text-decoration: none; white-space: nowrap; } .footer-contact__telephone-icon { position: relative; height: 20px; width: 20px; margin: 0 0 -2px 5px; } .footer-contact__social-links { margin-top: 40px; } section.ce.kkmaskexport_highlight-slider { max-width: 676px; margin: 0 18px 30px; width: calc(100% - 2 * 18px); } @media screen and (min-width: 577px) { section.ce.kkmaskexport_highlight-slider { margin: 0 auto; } } section.ce.kkmaskexport_highlight-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 0; } @media screen and (min-width: 577px) { section.ce.kkmaskexport_highlight-slider .slick-track .slick-slide { margin: 0 10px; } } section.ce.kkmaskexport_highlight-slider .slider-and-banderole { position: relative; } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole { font-weight: 500; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, right top, from(#00ae8a), to(#008e66)); background: linear-gradient(to right, #00ae8a, #008e66); padding: 20px; } @media screen and (min-width: 768px) { section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole { font-weight: 300; } } .theme-blue section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole { background: #00009F; } .theme-yellow section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole { background: #000; } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole.theme-yellow { background: #000; } @media screen and (min-width: 577px) { section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole { padding: 30px 40px; } } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul { padding: 0; margin: 0; } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li { position: relative; list-style-type: none; padding-left: 32px; margin-bottom: 10px; } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li:before { -webkit-transform: translate(-35px, -35px) scale(0.2222222222); transform: translate(-35px, -35px) scale(0.2222222222); content: ""; position: absolute; left: 0; height: 90px; width: 90px; top: 5px; display: inline-block; color: #353535; } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li:before { -webkit-filter: invert(100%); filter: invert(100%); } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li _:-ms-fullscreen, :root section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li { list-style-type: disc; margin-left: 32px; padding-left: 0; } section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li _:-ms-fullscreen:before, :root section.ce.kkmaskexport_highlight-slider .slider-and-banderole .banderole ul li:before { display: none; } section.ce.kkmaskexport_highlight-slider .highlight-box { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px 7px 7px 0; background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); width: 100%; padding: 25px 30px 133px; } @media screen and (min-width: 577px) { section.ce.kkmaskexport_highlight-slider .highlight-box { padding: 25px 40px 133px; } } @media screen and (min-width: 768px) { section.ce.kkmaskexport_highlight-slider .highlight-box { padding: 35px 40px 163px; } } section.ce.kkmaskexport_highlight-slider .highlight-box ul { padding: 0; } section.ce.kkmaskexport_highlight-slider .highlight-box ul li { position: relative; list-style-type: none; padding-left: 32px; line-height: 27px; margin-bottom: 15px; } section.ce.kkmaskexport_highlight-slider .highlight-box ul li:before { -webkit-transform: translate(-35px, -35px) scale(0.2222222222); transform: translate(-35px, -35px) scale(0.2222222222); content: ""; position: absolute; left: 0; height: 90px; width: 90px; top: 5px; display: inline-block; color: #353535; } section.ce.kkmaskexport_highlight-slider .highlight-box .button-wrap { position: absolute; bottom: 25px; left: 0; right: 0; text-align: center; } @media screen and (min-width: 577px) { section.ce.kkmaskexport_highlight-slider .highlight-box .button-wrap { bottom: 25px; } } @media screen and (min-width: 768px) { section.ce.kkmaskexport_highlight-slider .highlight-box .button-wrap { bottom: 35px; } } section.ce.kkmaskexport_highlight-slider .highlight-box .button-wrap a:not(.btn) { font-weight: 300; display: block; margin-top: 15px; } section.ce.kkmaskexport_highlight-slider .highlight-box .highlight-box__headline { margin-top: 0; margin-bottom: 15px; } @media screen and (min-width: 1280px) { section.ce.kkmaskexport_highlight-slider .slick-slider__control-button--previous { left: -25px; } section.ce.kkmaskexport_highlight-slider .slick-slider__control-button--next { right: -25px; } } .images { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .images img { width: 100%; height: auto; } .interest-rate-box { color: #000; width: auto; background: -webkit-gradient(linear, left top, left bottom, from(#ffc900), to(#ffe000)); background: linear-gradient(to bottom, #ffc900, #ffe000); border-radius: 10px; padding: 15px 15px 15px; text-align: center; } .theme-blue .interest-rate-box { background: #00009F; } .theme-yellow .interest-rate-box { background: #fff; } .interest-rate-box.theme-yellow { background: #fff; } .theme-blue .interest-rate-box { color: #fff; } .interest-rate-box .highlight-amount { font-size: 55px; font-weight: 900; line-height: 1; display: inline-block; } .interest-rate-box .highlight-text { font-size: 18px; line-height: 1.33; display: inline-block; margin-bottom: 1rem; } .interest-rate-box > div:nth-child(1) { font-size: 15px; text-align: center; font-weight: 300; margin: 0 auto 2px; max-width: 140px; } .interest-rate-box > div:nth-child(1) strong { display: block; font-size: 16px; } .interest-rate-box > div:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 2px; padding-top: 2px; } .interest-rate-box > div:nth-child(2) > span:nth-child(1) { font-size: 54px; font-weight: bold; letter-spacing: -4px; padding-right: 4px; } .interest-rate-box > div:nth-child(2) > span:nth-child(2) { margin-left: 10px; } .interest-rate-box > div:nth-child(2) > span:nth-child(2) > span:nth-child(1) { display: block; margin-top: 5px; margin-bottom: -5px; font-size: 25px; } .interest-rate-box-highlight > div:nth-child(2) { line-height: 1; } .interest-rate-box-highlight > div:nth-child(2) > span:nth-child(1) { font-size: 40px; font-weight: 900; letter-spacing: -2.5px; } .interest-rate-box-highlight > div:nth-child(2) > span:nth-child(2) { margin-left: 10px; } .interest-rate-box-highlight > div:nth-child(2) > span:nth-child(2) > span:nth-child(1) { display: block; margin-top: 0; margin-bottom: -5px; margin-left: -8px; font-size: 22px; } .interest-rate-box-highlight > div:nth-child(2) > span:nth-child(2) > span:nth-child(2) { font-size: 13px; } .interest-rate-box-and-seal-container { pointer-events: none; } .key-visual { background: #009770; min-height: 300px; margin-top: 20px; } .theme-blue .key-visual { background: #00009F; } @media screen and (min-width: 768px) { .key-visual { width: 75vw; height: 450px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; position: absolute; left: 0; top: 30px; margin-top: 0; } } .step-by-step-collection { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); padding-top: 30px; } .step-by-step-collection__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; counter-reset: steps; list-style: none; margin-bottom: 0; padding: 0; } .step-by-step-collection__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 10px; margin: 0 30px 30px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; counter-increment: steps; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; min-height: 165px; text-align: center; border-radius: 7px 7px 7px 0; border: 1px solid #979797; color: #000; font-weight: 300; } @media screen and (max-width: 400px) { .step-by-step-collection__list-item { max-width: 330px; } } @media screen and (max-width: 576px) { .step-by-step-collection__list-item { margin: 0 25px 40px; max-width: 350px; } } @media screen and (min-width: 577px) { .step-by-step-collection__list-item { width: 50%; } } @media screen and (min-width: 768px) { .step-by-step-collection__list-item { width: 260px; } } .step-by-step-collection__list-item:before { font-weight: 500; color: #fff; content: counter(steps); background-color: #009770; border-radius: 100%; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; position: absolute; top: -30px; left: -10px; } .step-by-step-collection__icon { display: inline-block; height: 55px; padding: 5px; } .step-by-step-collection__icon::before { content: ""; display: inline-block; height: 100%; vertical-align: bottom; } .step-by-step-collection__icon img { display: inline-block; height: auto; width: auto; max-height: none; max-width: none; } .step-by-step-collection__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 24px; padding: 0 35px; } .step-by-step-collection__content { margin: 0 10px; padding: 0 20px; } @media print, screen and (min-width: 62em) { .step-by-step-collection__content { padding: 0 60px; text-align: center; } } .step-by-step-collection__content .text-wrap p { margin-top: 0; } .stage { min-height: 365px; position: relative; float: left; } @media screen and (min-width: 768px) { .stage { min-height: 495px; } } .stage__gradient { height: 320px; left: 0; position: absolute; top: 45px; width: 100vw; background: radial-gradient(circle farthest-corner at right bottom, #cbe6e0, #007e66); } .theme-blue .stage__gradient { background: #0000b9; } .theme-yellow .stage__gradient { background: #000; } .stage__gradient.theme-yellow { background: #000; } @media screen and (min-width: 768px) { .stage__gradient { height: 490px; top: 60px; } } .stage__visual { border-top-right-radius: 20px; border-bottom-right-radius: 20px; left: 0; overflow: hidden; position: absolute; top: 15px; width: 95vw; } .stage__visual img { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .theme-blue .stage__visual { background: #00009F center; } .theme-yellow .stage__visual { background: #FFCE00 center; } .stage__visual.theme-yellow { background: #FFCE00 center; } @media screen and (min-width: 577px) { .stage__visual { max-width: 979px; } } @media screen and (min-width: 768px) { .stage__visual { height: 450px; top: 30px; } } @media screen and (min-width: 1200px) { .stage__visual { left: 50%; margin-left: -640px; } } .stage__content__lp { margin-bottom: 75px; margin-top: 365px; max-width: 525px; width: 100vw; } @media screen and (min-width: 577px) { .stage__content__lp { margin-left: auto; margin-right: auto; width: 525px; } } @media screen and (min-width: 768px) { .stage__content__lp { max-width: inherit; width: 620px; } } @media screen and (min-width: 992px) { .stage__content__lp { display: -webkit-box; display: -ms-flexbox; display: flex; float: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; } .has-anchor-navigation .stage__content__lp { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 490px; margin-top: 0; } .has-anchor-navigation .stage__content__lp > * { margin-bottom: 20px; } } .stage__content__lp .stage-text.lp { padding: 180px 20px 0 !important; width: auto; max-width: 580px; } @media screen and (min-width: 768px) { .stage__content__lp .stage-text.lp { padding: 40px 190px 20px 44px !important; } } .stage__content__lp .interest-rate-box > div:nth-child(2) > span:nth-child(1) { letter-spacing: -5px; line-height: 0.85; } .has-anchor-navigation .stage__content__lp { margin-bottom: 0; } .stage__content__lp a.btn { margin-left: 0 !important; } .stage__content__lp > *:first-child { background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 20px; position: relative; margin-bottom: 60px; } .theme-yellow .stage__content__lp > *:first-child { background: #FFCE00; } .stage__content__lp > *:first-child.theme-yellow { background: #FFCE00; } @media screen and (min-width: 768px) { .stage__content__lp > *:first-child { -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); padding: 44px 70px 44px 50px; } } .stage__content__lp .headline:first-child { margin: 0; } .stage footer ul { padding-left: 0; } .kkmaskexport_text-form-sent.ce { padding-top: 20px; } .text-form-sent_wrapper { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); margin-top: 20px; padding-top: 30px; padding-bottom: 40px; text-align: center; } .text-form-sent_wrapper .text-wrap { margin-bottom: 30px; } .text-form-sent__image { height: 60px; text-align: center; } .text-form-sent__image svg, .text-form-sent__image img { height: 100%; width: auto; } .field-errors { color: #b80000; font-weight: bold; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_list-teaser { width: 48rem; } } section.ce.kkmaskexport_list-teaser .list-content { } section.ce.kkmaskexport_list-teaser .list-content ul { list-style: none; padding: 0; margin-bottom: 1.5rem; } section.ce.kkmaskexport_list-teaser .list-content ul li { position: relative; padding: 1.25rem 0 1.25rem 2.5rem; border-top: 1px solid #d3d3d3; } section.ce.kkmaskexport_list-teaser .list-content ul li:last-child { border-bottom: 1px solid #d3d3d3; } section.ce.kkmaskexport_list-teaser .list-content ul li::before { position: absolute; left: 0; color: var(--c-link); font-size: 1.5rem; margin-right: 1rem; margin-left: 0.25rem; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_list-teaser .list-content { } section.ce.kkmaskexport_list-teaser .list-content .btn { margin-left: 2.5rem; } } section.ce.kkmaskexport_list-teaser footer { padding: 0 10px; margin-top: 1em; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_list-teaser footer { padding: 0; } } section.ce.kkmaskexport_profile:not(:last-child) { margin-bottom: 50px; } section.ce.kkmaskexport_profile .image-title-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section.ce.kkmaskexport_profile .image-title-wrap img { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 10px; width: 115px; } section.ce.kkmaskexport_profile .image-title-wrap h3 { font-size: 18px; line-height: 22px; margin: 6px 0; } section.ce.kkmaskexport_profile .image-title-wrap h4 { font-weight: 300; font-size: 14px; line-height: 19px; margin: 6px 0; } section.ce.kkmaskexport_profile .text-wrap { max-width: 660px; } section.ce.kkmaskexport_profile .text-wrap p { font-weight: 300; font-size: 14px; line-height: 19px; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_profile { padding: 0 80px; } section.ce.kkmaskexport_profile:not(:last-child) { margin-bottom: 80px; } section.ce.kkmaskexport_profile .image-title-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } section.ce.kkmaskexport_profile .image-title-wrap img { margin-right: 15px; margin-bottom: 0; } } .slick-slider__container { padding: 0; } .slick-slider__container ul.slick-slider { padding: 0; } @media screen and (min-width: 577px) { .slick-slider__container ul.slick-slider { margin-left: -10px; margin-right: -10px; } } .slick-slider__control-button { position: absolute; top: calc(50% - 1.125rem); border-radius: 50%; z-index: 5; color: var(--c-dark); background: #FFFFFF; border: 1px solid var(--c-border-main); display: block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; cursor: pointer; -webkit-transition: opacity 0.333s ease 0s; transition: opacity 0.333s ease 0s; will-change: opacity; } .slick-slider__control-button--previous { left: -1.25rem; } .slick-slider__control-button--next { right: -1.25rem; } @media screen and (min-width: 768px) { .slick-slider__control-button { width: 3.5rem; height: 3.5rem; line-height: 3.5rem; } .slick-slider__control-button--previous { left: -1.75rem; } .slick-slider__control-button--next { right: -1.75rem; } } .slick-slider__control-button:hover, .slick-slider__control-button:focus { background: var(--cb-main); } .theme-yellow .slick-slider__control-button:hover, .theme-yellow .slick-slider__control-button:focus { background: var(--cb-body); } .slick-slider__control-button:active { background: var(--cb-dark); } .slick-slider__control-button.slick-disabled { pointer-events: none; opacity: 0; } .slick-slider__control-button__svg { position: absolute; top: 26%; width: 48%; height: 48%; fill: #fff; } .slick-slider__control-button--previous .slick-slider__control-button__svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); left: 23%; } .slick-slider__control-button--next .slick-slider__control-button__svg { -webkit-transform: rotate(270deg); transform: rotate(270deg); left: 29%; } .slick-slide { height: auto; } .slick-slider__dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 25px 0 0; padding: 0; } .slick-slider__dots li { list-style-type: none; background-color: #8D8D8D; border-radius: 100%; height: 1rem; width: 1rem; margin: 0 0.75rem; cursor: pointer; } @media screen and (min-width: 768px) { .slick-slider__dots li { height: 0.5rem; width: 0.5rem; margin: 0 0.25rem; } } .slick-slider__dots li:hover, .slick-slider__dots li:focus { background-color: #D3D3D3; } .slick-slider__dots li:active, .slick-slider__dots li.slick-active { background-color: var(--c-dark); } .highlight-greendark .slick-slider__dots li:active, .highlight-greendark .slick-slider__dots li.slick-active { background-color: #FFFFFF; } .slick-slider__dots li.slick-active { cursor: default; } .slick-slider__dots button { display: none; } .slider-container { padding: 20px 0; } .slider-container .slider { margin: 0; } .slider-container .slider .container { min-width: 0; } .slider-container .slider.disabled, .slider-container .slider[disabled] { cursor: default; opacity: 1; } .slider-container .slider .slider-fill { background: -webkit-gradient(linear, left top, right top, from(#00ae8a), to(#008e66)); background: linear-gradient(to right, #00ae8a, #008e66); } .theme-blue .slider-container .slider .slider-fill { background: #00009F; } .theme-yellow .slider-container .slider .slider-fill { background: #000; } .slider-container .slider .slider-fill.theme-yellow { background: #000; } .slider-container .slider .slider-handle { display: flex; justify-content: space-evenly; align-items: center; background-color: #FFFFFF; border: 0.125rem solid var(--c-border-main); border-radius: 50%; outline: none; } .slider-container .slider .slider-handle:before, .slider-container .slider .slider-handle:after { font-size: 1.125rem; } .slider-container .slider .slider-handle:before { content: "<"; } .slider-container .slider .slider-handle:after { content: ">"; } @media screen and (max-width: 639px) { .slider-container .slider .slider-handle::before, .slider-container .slider .slider-handle::after { font-size: 0.75rem; } } .social-links__list { margin: 0; padding: 0; list-style: none; text-align: center; } .social-links__list-item { display: inline; margin: 0 15px; } .social-links__anchor { text-decoration: none; } @media screen and (min-width: 768px) { .stage-faq { margin: 119px -10px 0 0; width: 500px; } } .stage-faq h1 { margin-top: 0; } .stage-faq p { margin: 9px 0 24px; } @media screen and (min-width: 768px) { .stage__content.stage__content--direkt { height: auto !important; margin-top: 80px !important; min-height: 410px; } } .stage__content.stage__content--direkt .stage-text.direkt ul { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .stage__content.stage__content--direkt .stage-text.direkt ul li { width: calc(33.3333% - 26.6666666667px); line-height: 20px; } .stage__content.stage__content--direkt .stage-text.direkt ul li h5 { margin: 0; font-size: 14px; line-height: 20px; font-weight: 700; display: inline; } @media screen and (min-width: 768px) { .stage__content.stage__content--direkt .stage-text.direkt ul li h5 { display: block; letter-spacing: -0.01em; white-space: nowrap; } } .stage__content.stage__content--direkt .stage-text.direkt ul li h5 > span { display: block; font-size: 30px; line-height: 36px; color: #009770; } .theme-blue .stage__content.stage__content--direkt .stage-text.direkt ul li h5 > span { color: #00009F; } .theme-yellow .stage__content.stage__content--direkt .stage-text.direkt ul li h5 > span { color: #000; } .stage__content.stage__content--direkt .stage-text.direkt ul li h5 > span.theme-yellow { color: #000; } @media screen and (min-width: 768px) { .stage__content.stage__content--direkt .stage-text.direkt ul li h5 > span { display: inline; } } .stage__content.stage__content--direkt .stage-text.direkt ul li h5 small { font-size: inherit; line-height: inherit; font-weight: 300; color: var(--c-light); } @media screen and (min-width: 768px) { .stage__content.stage__content--direkt .stage-text.direkt ul li h5 small { font-weight: inherit; color: #009770; } .theme-blue .stage__content.stage__content--direkt .stage-text.direkt ul li h5 small { color: #00009F; } .theme-yellow .stage__content.stage__content--direkt .stage-text.direkt ul li h5 small { color: #000; } .stage__content.stage__content--direkt .stage-text.direkt ul li h5 small.theme-yellow { color: #000; } .stage__content.stage__content--direkt .stage-text.direkt ul li h5 small span { display: none; } .stage__content.stage__content--direkt .stage-text.direkt ul li h5 small::after { content: "."; } } .stage__content.stage__content--direkt .stage-text.direkt ul li p { display: inline; margin: 0; font-size: 14px; line-height: 20px; color: var(--c-light); } @media screen and (min-width: 768px) { .stage__content.stage__content--direkt .stage-text.direkt ul li p { display: block; } } .stage-text h1 { margin-top: 0; } @media screen and (min-width: 768px) { .stage-text { padding: 40px 44px 20px !important; margin-right: 20px; margin-top: 120px; width: 500px; } .has-anchor-navigation .stage-text { margin-top: 70px; } } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_step-by-step { width: 48rem; } } .step-by-step__figure__list { list-style: none; margin: 0; padding: 0; } .step-by-step__figure__list-item { position: relative; padding-left: 5rem; margin-bottom: 2rem; } .step-by-step__figure__list-item:not(:last-child) { min-height: 8rem; } .step-by-step__figure__list-item:not(:last-child)::before { content: ''; position: absolute; left: 1.1875rem; bottom: 0; display: block; width: 0.125rem; height: calc(100% - 3.5rem); background-color: #BFBFBF; } .step-by-step__figure__list-item::after { content: ''; display: block; clear: both; } .step-by-step__figure__list-item > span:first-child { position: absolute; top: 0; left: 0; display: block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 50%; font-size: 1.5rem; font-weight: 900; text-align: center; color: #FFFFFF; background-color: var(--cb-main); } .step-by-step__figure__headline { font-weight: bold; font-size: 1.5rem; line-height: 2.5rem; margin: 0; } .step-by-step__figure__image { float: right; display: block; max-width: 25%; margin: 0 0 0.5rem 1rem; } .step-by-step__figure__paragraph { margin: 0; color: #404040; } .step-by-step__button-wrap--centered { text-align: center; } @media screen and (max-width: 767px) { .step-by-step__figure__image { display: none; } } @media screen and (max-width: 479px) { .step-by-step__figure__headline { font-size: 1.125rem; } .step-by-step__button-wrap--centered a { width: 100%; } } .kkmaskexport_facts .facts { padding: 5rem 0; } .kkmaskexport_facts .facts > h2 { margin-top: 0; } .facts__figure__list { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; } .facts__figure__list-item { position: relative; max-width: 33.3333%; padding: 0 4.25rem; text-align: center; } .facts__figure__list-item:not(:nth-child(3n))::after { content: ''; position: absolute; right: 0; top: 1.25rem; display: block; width: 1px; height: calc(100% - 3.25rem); background-color: #BFBFBF; } .facts__figure__headline { font-weight: bold; font-size: 2.75rem; color: var(--c-dark); margin: 0; } .facts__figure__image { max-width: 100%; } .facts__figure__paragraph { margin: 0; margin-top: 1.25rem; color: var(--c-light); line-height: 1.375; } .facts__button-wrap--centered { text-align: center; margin-top: 2rem; } .highlight-greendark .headline--h2, .highlight-greendark .facts__figure__headline, .highlight-greendark .facts__figure__paragraph { color: inherit; } @media screen and (max-width: 991px) { .facts__figure__list-item { width: 100%; max-width: none; padding: 0 10%; } .facts__figure__list-item:not(:last-child)::after { position: static; height: 0.125rem; width: 11.25rem; margin: 2rem auto; background-color: #D9D9D9; } } @media screen and (max-width: 479px) { .facts__figure__headline { font-size: 2rem; } .facts__button-wrap--centered a { width: 100%; } } section.ce.kkmaskexport_testimonials .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } section.ce.kkmaskexport_testimonials .slick-slider__control-button--previous { left: 0; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_testimonials .slick-slider__control-button--previous { left: -35px; } } section.ce.kkmaskexport_testimonials .slick-slider__control-button--next { right: 0; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_testimonials .slick-slider__control-button--next { right: -35px; } } section.ce.kkmaskexport_testimonials .testimonial { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); margin: 5px 20px; padding-bottom: 0; } section.ce.kkmaskexport_testimonials .testimonial:before { background: -webkit-gradient(linear, left top, left bottom, from(#007a5a), to(#005c43)); background: linear-gradient(to bottom, #007a5a, #005c43); border-radius: 7px 7px 0 0; content: ""; display: block; height: 30px; margin-bottom: 30px; width: 100%; } section.ce.kkmaskexport_testimonials .testimonial .star-rating { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; } section.ce.kkmaskexport_testimonials .testimonial .star-rating span.star { background: transparent url("../Images/star-empty.png") no-repeat center; background-size: cover; height: 25px; margin: 0 5px; width: 25px; } section.ce.kkmaskexport_testimonials .testimonial .star-rating span.star.half { background: transparent url("../Images/star-half.png") no-repeat center; background-size: cover; } section.ce.kkmaskexport_testimonials .testimonial .star-rating span.star.full { background: transparent url("../Images/star-full.png") no-repeat center; background-size: cover; } section.ce.kkmaskexport_testimonials .testimonial span.name { display: block; font-size: 14px; font-weight: 500; line-height: 1; margin: 0 45px 30px; text-align: center; } section.ce.kkmaskexport_testimonials .testimonial .text-wrap { margin: 0 45px; } section.ce.kkmaskexport_text-teaser .text-teaser__content { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); margin: 0 10px; padding: 20px; } section.ce.kkmaskexport_text-teaser .text-teaser__content.round img { border: 3px solid white; border-radius: 100%; -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15); display: block; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_text-teaser { width: 1060px; } section.ce.kkmaskexport_text-teaser .text-teaser__content { padding: 20px 30px; } section.ce.kkmaskexport_text-teaser .text-teaser__content.with-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 110px 20px 45px; } section.ce.kkmaskexport_text-teaser .text-teaser__content.with-image > img, section.ce.kkmaskexport_text-teaser .text-teaser__content.with-image > picture { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 40px; width: 190px; } section.ce.kkmaskexport_text-teaser .text-teaser__content.with-image > .text-wrap { -ms-flex-preferred-size: calc(100% - (190px + 40px)); flex-basis: calc(100% - (190px + 40px)); } section.ce.kkmaskexport_text-teaser .text-teaser__content.with-image p:first-child { margin-top: 0; } section.ce.kkmaskexport_text-teaser .text-teaser__content:not(.with-image) { padding: 20px 60px; text-align: center; } } .text-with-image { display: -webkit-box; display: -ms-flexbox; display: flex; } .text-with-image .text p:first-child { margin-top: 0; } .text-with-image.has-image .image { -ms-flex-negative: 0; flex-shrink: 0; width: 40%; } .text-with-image.has-image .text { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 20px; width: 60%; } section.ce.kkmaskexport_text-with-media, section.ce.kkmaskexport_app-teaser { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_text-with-media, section.ce.kkmaskexport_app-teaser { padding-bottom: 30px; } } .accordeon section.ce.kkmaskexport_text-with-media, .accordeon section.ce.kkmaskexport_app-teaser { -webkit-box-shadow: none; box-shadow: none; } section.ce.kkmaskexport_text-with-media .visual, section.ce.kkmaskexport_app-teaser .visual { border-radius: 7px 7px 0 0; width: 100%; overflow: hidden; } section.ce.kkmaskexport_text-with-media h3, section.ce.kkmaskexport_app-teaser h3 { text-align: center; } section.ce.kkmaskexport_text-with-media .text-wrap, section.ce.kkmaskexport_app-teaser .text-wrap { max-width: 100%; padding: 30px 10px 30px; word-wrap: break-word; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_text-with-media .text-wrap, section.ce.kkmaskexport_app-teaser .text-wrap { padding: 30px 190px 30px; } } section.ce.kkmaskexport_text-with-media .text-wrap p, section.ce.kkmaskexport_app-teaser .text-wrap p { font-weight: 300; padding: 0 20px; line-height: 28px; } section.ce.kkmaskexport_text-with-media .text-wrap p:first-child, section.ce.kkmaskexport_app-teaser .text-wrap p:first-child { margin-top: 0; } section.ce.kkmaskexport_text-with-media .text-wrap p:last-child, section.ce.kkmaskexport_app-teaser .text-wrap p:last-child { margin-bottom: 0; } section.ce.kkmaskexport_text-with-media .button-container, section.ce.kkmaskexport_app-teaser .button-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .text-on-image .content-slider { margin-left: 0; margin-right: 0; } .text-on-image .content-slider h2 { color: inherit; } .text-on-image .slick-slider__container ul.slick-slider { margin: 0; border-radius: 0; box-shadow: none; background-color: transparent; } .text-on-image .content-slider__list .slick-list { margin: 0 -1rem; } .text-on-image .content-slider__list .slick-slide { margin: 0 1rem; } .text-on-image .container__content { min-width: 0; } .text-on-image section.ce.kkmaskexport_text-with-media { position: relative; width: 100%; max-width: none; padding: 0; margin: 0; background-color: transparent; } .text-on-image section.ce.kkmaskexport_text-with-media .visual { position: relative; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 100%; border-radius: 0; } .text-on-image section.ce.kkmaskexport_text-with-media .visual::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 26.76%, rgba(0, 0, 0, 0.70) 74.9%, rgba(0, 0, 0, 0.80) 79.21%); } .text-on-image section.ce.kkmaskexport_text-with-media .visual > picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-on-image section.ce.kkmaskexport_text-with-media .visual > picture img { width: 100%; height: 100%; object-fit: cover; } .text-on-image section.ce.kkmaskexport_text-with-media .text-content { position: absolute; bottom: 0; width: 100%; padding: 1.5em; color: #FFFFFF; text-shadow: 0 0 0.25em #000000; } .text-on-image section.ce.kkmaskexport_text-with-media .text-content * { color: inherit; } .text-on-image section.ce.kkmaskexport_text-with-media .text-content h3 { font-size: 1.5em; text-align: left; } .text-on-image section.ce.kkmaskexport_text-with-media .text-content .text-wrap, .text-on-image section.ce.kkmaskexport_text-with-media .text-content .text-wrap p { padding: 0; } @media print, screen and (min-width: 62em) { section.kkmaskexport_transfer-steps { width: 1050px; } } @media screen and (max-width: 479px) { .text-on-image section.ce.kkmaskexport_text-with-media .text-content { font-size: 4.4444vw; } .text-on-image section.ce.kkmaskexport_text-with-media .text-content p { line-height: 1.2; } } .expandable-element.expandable-element--transfer-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 60px; margin-left: 10px; margin-right: 10px; margin-bottom: 50px; } @media screen and (max-width: 576px) { .expandable-element.expandable-element--transfer-steps { -webkit-box-shadow: none; box-shadow: none; padding: 0; } } .expandable-element .expandable-element.expandable-element--transfer-steps { -webkit-box-shadow: none; box-shadow: none; } .transfer-steps__image { display: none; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-item-align: center; align-self: center; margin: 0 20px 0 0; } @media screen and (min-width: 768px) { .transfer-steps__image { display: block; width: calc(100% - 360px); } } .transfer-steps .text-wrap { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .transfer-steps__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; list-style: none; padding: 0; width: 100%; } @media screen and (max-width: 576px) { .transfer-steps__list { margin: 0 auto; } } @media screen and (min-width: 577px) { .transfer-steps__list { width: 100%; } } @media screen and (min-width: 992px) { .transfer-steps__list { width: 340px; } } .transfer-steps__list-item { display: inline-block; padding: 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .transfer-steps__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; height: 100%; padding: 20px; text-decoration: none; color: #000; font-weight: 300; } .transfer-steps__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; display: block; margin: 0 auto 30px; font-weight: 400; line-height: 26px; text-align: center; color: #009770; } .theme-blue .transfer-steps__title { color: #00009F; } .theme-yellow .transfer-steps__title { color: #FFCE00; } .transfer-steps__title.theme-yellow { color: #FFCE00; } .transfer-steps__title::before { content: ""; position: absolute; left: 50%; top: 50%; width: 1.5em; height: 1.5em; margin: -0.75em; border: 1px solid #000; border-radius: 50%; } .transfer-steps__description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 0; font-size: 14px; line-height: 18px; color: var(--c-light); -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } section.ce.kkmaskexport_video { margin: 0 20px; width: calc(100% - 40px); } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_video { margin: 0 auto; width: 720px; } } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_video { width: 1050px; } } section.ce.kkmaskexport_video--small { margin: 0 auto; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_video--small { width: 650px; } } section.ce.kkmaskexport_video .video__content { position: relative; overflow: hidden; background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); padding: 0; } section.ce.kkmaskexport_video .text-wrap { padding: 30px 60px; text-align: center; } section.ce.kkmaskexport_video .video-wrap { position: relative; } section.ce.kkmaskexport_video .video-wrap > * { position: absolute; border: none !important; top: 0; left: 0; width: 100%; height: 100%; } section.ce.kkmaskexport_video footer { padding: 0 10px; } @media print, screen and (min-width: 48em) { section.ce.kkmaskexport_video footer { padding: 0; } } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_visual-teaser { width: 1060px; } } section.ce.kkmaskexport_visual-teaser .visual-content-container__content h3 { margin: 5px 0; } section.ce.kkmaskexport_visual-teaser .visual-content-container__content .text-wrap { padding-bottom: 5px; } section.ce.kkmaskexport_visual-teaser .visual-content-container__content .text-wrap p:first-child { margin-top: 0; } section.ce.kkmaskexport_visual-teaser .visual-content-container__content .buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section.ce.kkmaskexport_visual-teaser .visual-content-container__content .buttons > a { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 20px; } @media screen and (min-width: 768px) { section.ce.kkmaskexport_visual-teaser .visual-content-container__content { margin-right: 38px; margin-top: 160px; width: 620px; padding: 15px 50px; } section.ce.kkmaskexport_visual-teaser .visual-content-container__content h3 { margin: 30px 0 5px; } section.ce.kkmaskexport_visual-teaser .visual-content-container__content .buttons { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } section.ce.kkmaskexport_visual-teaser .visual-content-container__content .buttons > a { -ms-flex-preferred-size: 47.5%; flex-basis: 47.5%; margin: 0; } } section.ce.exclusive_top { position: relative; } section.ce.exclusive_top > picture img { width: 100%; height: 100%; object-fit: cover; } section.ce.exclusive_top > .container__inner > .bodytext { font-size: 1.125rem; color: #FFFFFF; } section.ce.exclusive_top > .container__inner > .bodytext * { color: inherit; } section.ce.exclusive_top > .container__inner > .bodytext h1, section.ce.exclusive_top > .container__inner > .bodytext h2 { font-size: 5rem; font-weight: bold; margin: 0; line-height: inherit; text-align: inherit; } section.ce.exclusive_top > .container__inner .infobox { margin-left: auto; background-color: var(--cb-main); border-radius: 1.5em 1.5em 0 0; line-height: 1.25; color: #FFFFFF; text-align: center; padding: 1.25em; white-space: nowrap; } section.ce.exclusive_top > .container__inner .infobox .box_headline { font-size: 2.75em; font-weight: bold; } section.ce.exclusive_top > .container__inner .infobox .box_subline { font-size: 1.5em; font-weight: bold; } section.ce.exclusive_top > .container__inner .infobox .box_bottomline { font-size: 2em; } section.ce.exclusive_top > .container__inner .infobox .box_percent { font-weight: bold; } section.ce.exclusive_top > .container__inner .infobox .box_percent > span:first-child { font-size: 6.25em; font-weight: 900; } section.ce.exclusive_top > .container__inner .infobox .box_percent > span:nth-child(2) { font-size: 3.75em; vertical-align: top; margin-right: -0.73333em; } section.ce.exclusive_top > .container__inner .infobox .box_percent > span:last-child { font-size: 2em; } section.ce.exclusive_top.content__layout--default { background-color: var(--cb-dark); } section.ce.exclusive_top.content__layout--default > .container__inner { display: flex; flex-direction: row-reverse; gap: 1.25rem; align-items: center; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures { font-size: 1rem; display: flex; flex-direction: column; flex-wrap: wrap; flex-shrink: 0; gap: 1em 1.125em; width: 41em; height: 46.75em; overflow: hidden; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div { width: 19.9375em; height: 26.1875em; border-radius: 1.375em; overflow: hidden; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(1) { margin-top: -12.5em; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(2) { height: 23.25em; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(3) { margin-bottom: -18.375em; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(4) { margin-top: 2em; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(5) { margin-bottom: -8.625em; } section.ce.exclusive_top.content__layout--default > .container__inner .infobox { height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; } section.ce.exclusive_top.content__layout--default > .container__inner .infobox .box_subline { margin: -0.6667em 0 0.6667em 0; } section.ce.exclusive_top.content__layout--default > .container__inner .bodytext h1, section.ce.exclusive_top.content__layout--default > .container__inner .bodytext h2 { line-height: 1.125; } section.ce.exclusive_top.content__layout--single-image { display: flex; } section.ce.exclusive_top.content__layout--single-image > picture { width: 33.3333%; max-height: 45.25rem; flex-shrink: 0; } section.ce.exclusive_top.content__layout--single-image > .container__inner { flex-grow: 1; display: flex; flex-direction: column; padding: 0 5rem; background: linear-gradient(117.45deg, var(--cb-dark) 35.29%, var(--cb-main) 134.53%); } section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext { margin-top: 7.5rem; margin-bottom: auto; } section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext:last-child { margin-bottom: 5rem; } section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext h1, section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext h2 { line-height: 1.125; } section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox { margin: 0 auto 0 50%; } section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox .box_headline { font-size: 2em; } section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox .box_subline { font-size: 1em; } section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox .box_bottomline { font-size: 1em; } section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox .box_percent > span:first-child { font-size: 5.625em; } section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox .box_percent > span:last-child { font-size: 1.25em; } section.ce.exclusive_top.content__layout--transparent::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0000008C; z-index: -1; } section.ce.exclusive_top.content__layout--transparent > picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } section.ce.exclusive_top.content__layout--transparent > .container__inner { display: flex; flex-direction: column; } section.ce.exclusive_top.content__layout--transparent > .container__inner > .bodytext { text-align: center; } section.ce.exclusive_top.content__layout--transparent > .container__inner .infobox { background-color: #FFFFFF26; } .theme-yellow section.ce.exclusive_top.content__layout--transparent > .container__inner .btn--primary { background-color: var(--cb-body); color: var(--c-main); border-color: var(--c-main); } .theme-yellow section.ce.exclusive_top.content__layout--transparent > .container__inner .btn--primary:hover { background-color: var(--cb-button-primary-hover); } @media screen and (min-width: 768px) { section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext:has(> .btn:last-child), section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext:has(> .btn:last-child), section.ce.exclusive_top.content__layout--transparent > .container__inner > .bodytext:has(> p:last-child .btn), section.ce.exclusive_top.content__layout--transparent > .container__inner > .bodytext:has(> p:last-child .btn) { margin-bottom: -1.75rem; } section.ce.exclusive_top.content__layout--transparent > .container__inner > .bodytext { margin-top: 15vw; } section.ce.exclusive_top.content__layout--transparent > .container__inner > .bodytext:last-child { margin-bottom: 15vw; } } @media screen and (max-width: 1199px) { section.ce.exclusive_top.content__layout--default > .container__inner > .pictures { font-size: 0.75rem; } section.ce.exclusive_top.content__layout--single-image > picture { flex-shrink: 1; } section.ce.exclusive_top.content__layout--single-image > .container__inner { padding: 0 2.5rem; } } @media screen and (max-width: 991px) { section.ce.exclusive_top.content__layout--default > .container__inner { flex-direction: column-reverse; } section.ce.exclusive_top.content__layout--single-image { flex-direction: column-reverse; } section.ce.exclusive_top.content__layout--single-image > picture { width: 100%; } section.ce.exclusive_top.content__layout--single-image > .container__inner { max-width: 100%; padding: 0 1.25rem; } section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext { margin-top: 8rem; margin-bottom: 4rem; } section.ce.exclusive_top.content__layout--single-image > .container__inner > .bodytext:last-child { margin-bottom: 4rem; } section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox { position: absolute; right: 0; bottom: 0; margin: 0 1.25em 0 auto; } } @media screen and (max-width: 991px) { section.ce.exclusive_top.content__layout--default > .container__inner > .pictures { font-size: 1rem; max-width: 100%; height: 62.5em; gap: 1.5em; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div { position: relative; width: auto; max-width: calc(50% - 0.75em); height: 0; padding-bottom: calc(65.674% - 0.9851em); } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div > * { position: absolute; width: 100%; height: 100%; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(1) { margin-top: 5vw; order: 1; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(2) { font-size: 0.75em; height: auto; order: 4; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(3) { display: none; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(4) { margin-top: 0; order: 3; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(5) { margin-bottom: 0; order: 2; } section.ce.exclusive_top.content__layout--default > .container__inner .infobox .box_percent { font-size: 1.5em; } section.ce.exclusive_top.content__layout--default > .container__inner .infobox .box_bottomline { font-size: 1.5em; } } @media screen and (max-width: 767px) { section.ce.exclusive_top.content__layout--default > .container__inner > .pictures { height: 150vw; gap: 0.75em; } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div { max-width: calc(50% - 0.375em); padding-bottom: calc(68.471% - 0.5135em); } section.ce.exclusive_top.content__layout--default > .container__inner > .pictures > div:nth-child(2) { font-size: 2.5vw; } section.ce.exclusive_top > .container__inner > .bodytext { font-size: 1rem; margin-top: 8rem; margin-bottom: 3rem; } section.ce.exclusive_top > .container__inner > .bodytext h1, section.ce.exclusive_top > .container__inner > .bodytext h2 { font-size: 2.5rem; line-height: 1.2; } section.ce.exclusive_top > .container__inner .infobox { padding: 1.25em 2.5em; } section.ce.exclusive_top.content__layout--transparent > .container__inner .infobox .box_headline { font-size: 1.75em; } section.ce.exclusive_top > .container__inner .infobox .box_percent > span:first-child { font-size: 3.5em; } section.ce.exclusive_top > .container__inner .infobox .box_percent > span:nth-child(2) { font-size: 2.375em; margin-right: -0.7333em; } section.ce.exclusive_top > .container__inner .infobox .box_percent > span:last-child { font-size: 1em; } section.ce.exclusive_top.content__layout--transparent > .container__inner > .bodytext { margin-bottom: 4rem; } section.ce.exclusive_top.content__layout--transparent > .container__inner > .bodytext:last-child { margin-bottom: 8rem; } } @media screen and (max-width: 639px) { section.ce.exclusive_top.content__layout--single-image > .container__inner .infobox, section.ce.exclusive_top.content__layout--transparent > .container__inner .infobox { font-size: 3vw; } } section.ce.info_notice { display: none; position: sticky; top: 6.25rem; z-index: 10; margin: 0; } section.ce.info_notice a { color: inherit; } section.ce.info_notice > div { display: flex; gap: 0.75rem; align-items: center; padding: 0.5rem 0; max-width: 100%; } section.ce.info_notice > div > *:first-child, section.ce.info_notice > div > .notice-close { margin-left: auto; flex-shrink: 0; } section.ce.info_notice > div > .cc-icon { font-size: 1.25rem; } section.ce.info_notice.highlight-greenlight > div > .cc-icon { color: var(--c-main); } section.ce.info_notice.highlight-yellow > div > .cc-icon { color: #940800; } section.ce.info_notice > div > .notice-close { cursor: pointer; } .header-transparent > section.ce.info_notice { position: static; } .header-transparent.nav-open > section.ce.info_notice { height: 0; } @media screen and (max-width: 767px) { section.ce.info_notice { top: 4rem; } } .frame > .stage_box { position: relative; padding: 1.5rem 2rem 2rem; background-color: var(--cb-main-light); --c-link: var(--c-link-contrast); } .theme-yellow .frame > .stage_box { background-color: #FFFFFF; } .grid-gap-extra-small .frame > .stage_box { padding: 1.5rem; } .highlight-greendark .frame > .stage_box, .highlight-greengradient .frame > .stage_box, .highlight-greenlight .frame > .stage_box, .highlight-image .frame > .stage_box { background-color: #FFFFFF; --c-text: #090206; color: #090206; } .frame.frame-radius-small > .stage_box { border-radius: 0.25rem; } .frame.frame-radius-medium > .stage_box { border-radius: 1rem; } .frame > .stage_box .box_highlight { position: absolute; top: 0; right: 2.875rem; transform: translateY(-50%); padding: 0.625rem; min-width: 13.5rem; border-radius: 0.25rem 0.25rem 0.25rem 0; text-align: center; font-size: 1.25rem; font-weight: normal; color: #FFFFFF; background-color: var(--cb-main); } .frame > .stage_box .icon { text-align: center; } .frame > .stage_box > header { display: flex; justify-content: space-between; margin-top: 0.5rem; } .frame > .stage_box h3 { margin: 0; } .frame > .stage_box .box_percent { margin-bottom: -0.75em; font-weight: bold; line-height: 1.2; } .frame > .stage_box .box_percent > span:first-child { font-size: 1em; font-weight: 300; margin-right: 0.5em; } .frame > .stage_box .box_percent > span:first-child:empty { display: none; } .frame > .stage_box .box_percent > span:nth-child(2) { font-size: 3.5em; font-weight: 900; } .frame > .stage_box .box_percent > span:nth-child(3) { font-size: 2.5em; vertical-align: top; margin-right: -0.73333em; } .frame > .stage_box .box_percent > span:last-child { font-size: 1em; } .frame > .stage_box .box_body { margin-top: 1.5rem; } .frame > .stage_box header + .box_body { margin-top: 2.5rem; } .frame > .stage_box .box_body h4 { margin: 1.5rem 0 1rem 0; } .frame > .stage_box .box_button { margin-top: 2.5rem; } .frame > .stage_box .box_button .btn { width: 100%; } @media screen and (max-width: 479px) { .frame > .stage_box { padding: 1.5rem 1rem 1rem; } .frame > .stage_box .box_highlight { right: auto; left: 50%; transform: translate(-50%, -50%); } .frame > .stage_box > header { display: block; text-align: center; margin-bottom: 1rem; } } .handheld-main-navigation-panel { width: 100vw; height: 0; position: static; z-index: -1; opacity: 0; padding: 0; pointer-events: none; -webkit-transition: background 0.75s ease-in-out 0s; transition: background 0.75s ease-in-out 0s; will-change: background; background: transparent; -webkit-overflow-scrolling: touch; overflow-y: scroll; } .handheld-main-navigation-visible .handheld-main-navigation-panel { background: #000 !important; background: rgba(0, 0, 0, 0.3) !important; height: 100vh; opacity: 1; z-index: 9; } .header__navigation-main { display: flex; gap: 1.5em; align-items: center; flex-grow: 1; } @media screen and (max-width: 767px) { .header { position: relative; z-index: 10; } .navigation-toggle { align-items: center; display: flex; flex-direction: column; justify-content: space-between; width: 1.5rem; height: 1.5rem; padding: 0.125rem 0; order: 5; position: relative; z-index: 1; } .navigation-toggle > span { background: var(--c-link); display: block; width: 100%; height: 0.1875rem; transform: rotate(0deg); transition: 333ms ease-in-out; border-radius: 0.125rem; } .header__login-mobile { order: 4; } .theme-blue .navigation-toggle .btn__icon > span { background: #00009F; } .theme-yellow .navigation-toggle .btn__icon > span { background: #000; } .navigation-toggle .btn__icon > span.theme-yellow { background: #000; } .navigation-toggle .btn__icon > span:not(:last-child) { margin-bottom: 5px; } .header.nav-open .navigation-toggle > span:nth-child(1) { transform: translateY(0.625rem) rotate(45deg); } .header.nav-open .navigation-toggle > span:nth-child(2) { background: transparent; transition: 0s; } .header.nav-open .navigation-toggle > span:nth-child(3) { transform: translateY(-0.4375rem) rotate(-45deg); } .header.header-transparent:not(.nav-open) .navigation-toggle > span { background-color: #FFFFFF; } .header__navigation-main { display: none; position: absolute; top: 100%; left: 0; width: 100%; height: 0; padding: 0 1.25rem; flex-direction: column; align-items: normal; background-color: #FFFFFF; overflow-y: auto; transition: all 0.5s, display 0.5s ease allow-discrete; will-change: display, height, padding; } .header__navigation-main ul { list-style: none; padding: 0; margin: 0; } header.nav-open .header__navigation-main { display: block; height: calc(100vh - 4rem); } @starting-style { header.nav-open .header__navigation-main { height: 0; } } .header__navigation-main .navigation-main { margin-top: 1.5rem; margin-bottom: auto; } .header__navigation-main .header__contact .btn, .header__navigation-main .header__login .btn { width: 100%; } .header__navigation-main .header__login { order: 3; margin-bottom: 1.5rem; } .header__navigation-main > .navigation-main > .navigation-main__list { padding: 0; margin: 0; } .header__navigation-main > .navigation-main > .navigation-main__list > .navigation-main__listItem { display: flex; flex-wrap: wrap; margin: 0.375rem 0 1rem 0; } .header__navigation-main > .navigation-main > .navigation-main__list > .navigation-main__listItem > .navigation-main__anchor { text-transform: uppercase; font-weight: bold; } .navigation-main__toggle-submenu { margin-left: auto; color: var(--c-link); } .navigation-main__anchor { color: inherit; text-decoration: none; } .navigation-main__level--2 { display: none; } .nav-open + .navigation-main__level--2 { display: block; } .navigation-main__level--2 .navigation-main__anchor .cc-icon, .navigation-main__level--2 .navigation-main__anchor .description { display: none; } .navigation-main__level--2 .navigation-main__listItem { margin: 0.5rem 0 1rem 0.75rem; } .navigation-main__level--2 .navigation-main__listItem:last-child { margin-bottom: 0.5rem; } } @media (min-width: 768px) { .header__navigation-main, .header__navigation-main .navigation-main, .header__navigation-main .navigation-main__list, .header__navigation-main .navigation-main__list > .navigation-main__listItem, .header__navigation-main .navigation-main__list > .navigation-main__listItem > a { height: 100%; } .header__navigation-main .navigation-main { margin-right: auto; } .navigation-main__list { display: flex; gap: 2em; list-style: none; margin: 0; padding: 0; } .navigation-main__list:has(.navigation-main__listItem--has-submenu)::after { content: ''; position: fixed; top: 0; left: -1000000px; width: 100%; height: 100%; background-color: #000000CC; opacity: 0; z-index: -1; transition: opacity 0.25s ease 0.25s, left 0s linear 0.5s; } .navigation-main__list:has(.navigation-main__listItem--has-submenu.open)::after { left: 0; opacity: 1; transition: opacity 0.25s ease 0.15s, left 0s linear; } .navigation-main__list > .navigation-main__listItem > a { display: flex; text-transform: uppercase; align-items: center; } .navigation-main__list > .navigation-main__listItem > a:hover, .navigation-main__list > .navigation-main__listItem > a:focus, .navigation-main__list > .navigation-main__listItem > a:active { text-decoration: underline; } .navigation-main__anchor { color: inherit; text-decoration: none; } .navigation-main__anchor--current { color: var(--c-link); } .navigation-main__anchor--current:hover, .navigation-main__anchor--current:focus, .navigation-main__anchor--current:active { color: inherit; } .navigation-main__toggle-submenu { display: none; } .container.navigation-main__level--2 { position: absolute; top: 100%; left: -1000000px; width: 100%; font-size: 1rem; max-height: calc(100vh - 100px); background-color: #FFFFFF; opacity: 0; transition: opacity 0.25s ease 0.25s, left 0s linear 0.5s; } .navigation-main__listItem.open > .container.navigation-main__level--2 { left: 0; opacity: 1; transition: opacity 0.25s ease 0.15s, left 0s linear; } .container.navigation-main__level--2 > .navigation-main__submenu { list-style: none; max-width: var(--page-width); } .container.navigation-main__level--2 > .navigation-main__submenu .cc-icon { color: var(--c-link); font-size: 0.8125rem; } .container.navigation-main__level--2 > .navigation-main__submenu .navigation-main__anchor { display: flex; gap: 1rem; } .container.navigation-main__level--2 > .navigation-main__submenu .navigation-main__anchor:hover span, .container.navigation-main__level--2 > .navigation-main__submenu .navigation-main__anchor:active span, .container.navigation-main__level--2 > .navigation-main__submenu .navigation-main__anchor:focus-visible span { text-decoration: underline; } .container.navigation-main__level--2 > .navigation-main__submenu .navigation-main__anchor span { display: block; } .container.navigation-main__level--2:not(.navigation-main__submenu--has-subpageicons) { padding-bottom: 2.5rem; } .container.navigation-main__level--2:not(.navigation-main__submenu--has-subpageicons) > .navigation-main__submenu { margin-top: -1rem; } .container.navigation-main__level--2:not(.navigation-main__submenu--has-subpageicons) > .navigation-main__submenu { padding: 0 0.375rem } .container.navigation-main__level--2:not(.navigation-main__submenu--has-subpageicons) > .navigation-main__submenu .navigation-main__listItem { margin-bottom: 0.75rem; } .container.navigation-main__level--2:not(.navigation-main__submenu--has-subpageicons) > .navigation-main__submenu .description { display: none; } .container.navigation-main__level--2.navigation-main__submenu--has-subpageicons > .navigation-main__submenu { display: flex; gap: 2rem 8rem; padding: 3.125rem 0; } .container.navigation-main__level--2.navigation-main__submenu--has-subpageicons > .navigation-main__submenu .navigation-main__anchor { gap: 1.375rem; } .container.navigation-main__level--2.navigation-main__submenu--has-subpageicons > .navigation-main__submenu .cc-icon { font-size: 2.875rem; } .container.navigation-main__level--2.navigation-main__submenu--has-subpageicons > .navigation-main__submenu .title { text-transform: uppercase; margin-top: 0.5rem; } .container.navigation-main__level--2.navigation-main__submenu--has-subpageicons > .navigation-main__submenu .description { font-size: 0.875rem; } .header.header-transparent .navigation-main__list > .navigation-main__listItem > a { color: #FFFFFF; } .header.header-transparent .btn--primary:not(:hover):not(:focus):not(:active) { color: #FFFFFF; background-color: #FFFFFF33; border-color: #FFFFFF33; } .header.header-transparent .btn--primary:hover, .header.header-transparent .btn--primary:focus, .header.header-transparent .btn--primary:active { color: #FFFFFF; background-color: var(--cb-button-secondary-hover); border-color: var(--c-main); } .header.header-transparent .btn--secondary:not(:hover):not(:focus):not(:active) { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF33; } .theme-yellow .header.header-transparent .navigation-main__list > .navigation-main__listItem:not(.navigation-main__listItem--has-submenu) > a, .theme-yellow .header.header-transparent .navigation-main__list > .navigation-main__listItem--has-submenu:not(.open) > a { color: var(--c-main); } .theme-yellow .header.header-transparent .btn--secondary:not(:hover):not(:focus):not(:active), .theme-yellow .header.header-transparent .btn--primary:not(:hover):not(:focus):not(:active) { color: var(--c-main); border-color: var(--c-main); } } section.ce { margin-bottom: 60px; } @media print, screen and (min-width: 62em) { section.ce { margin-bottom: 70px; } } section.ce.container__inner { margin-bottom: 60px; } @media print, screen and (min-width: 62em) { section.ce.container__inner { margin-bottom: 70px; } } section.ce h2, section.ce .headline--h2 { text-align: center; } section.ce footer ul { padding-left: 25px; } section.ce footer p, section.ce footer ul { color: var(--c-light); font-size: 14px; line-height: 18px; margin-top: 24px; } section.ce footer li { list-style-type: none; position: relative; } section.ce footer li:before { content: "*"; position: absolute; left: -25px; } section.ce footer li:nth-child(2):before { content: "**"; } section.ce footer li:nth-child(3):before { content: "***"; } section.ce footer li:nth-child(4):before { content: "****"; } section.ce a.btn { display: inline-block; margin: 0 auto; text-align: center; } .frame-space-before-none { margin-top: 0; } .frame-space-before-extra-small { margin-top: 0.625em; } .frame-space-before-small { margin-top: 1.5em; } .frame-space-before-medium { margin-top: 2.5em; } .frame-space-before-large { margin-top: 5em; } .frame-space-before-extra-large { margin-top: 10em; } .frame-space-before-minus-extra-small { margin-top: -0.625em; } .frame-space-before-minus-small { margin-top: -1.5em; } .frame-space-before-minus-medium { margin-top: -2.5em; } .frame-space-before-minus-large { margin-top: -5em; } .frame-space-before-minus-extra-large { margin-top: -10em; } .frame-space-after-none { margin-bottom: 0; } .frame-space-after-extra-small { margin-bottom: 0.625em; } .frame-space-after-small { margin-bottom: 1.5em; } .frame-space-after-medium { margin-bottom: 2.5em; } .frame-space-after-large { margin-bottom: 5em; } .frame-space-after-extra-large { margin-bottom: 10em; } .frame-space-after-minus-extra-small { margin-bottom: -0.625em; } .frame-space-after-minus-small { margin-bottom: -1.5em; } .frame-space-after-minus-medium { margin-bottom: -2.5em; } .frame-space-after-minus-large { margin-bottom: -5em; } .frame-space-after-minus-extra-large { margin-bottom: -10em; } .frame > header *:first-child, .grid-col > .frame:first-child:not([class*="frame-space-before-"]) { margin-top: 0; } .grid-col > .frame:last-child:not([class*="frame-space-after-"]) { margin-bottom: 0; } .frame-radius-small { border: 1px solid var(--c-border-main); border-radius: 0.25rem; } .frame-radius-medium { border: 1px solid var(--c-border-main); border-radius: 1rem; } .grid-row { display: flex; flex-wrap: wrap; gap: var(--grid-gap-y) var(--grid-gap-x); } .grid-row.grid-gap-small { --grid-gap-x: var(--grid-gap-small-x); --grid-gap-y: var(--grid-gap-small-y); } .grid-row.grid-gap-extra-small { --grid-gap-x: var(--grid-gap-extra-small-x); --grid-gap-y: var(--grid-gap-extra-small-y); } .grid-row.grid-gap-symmetric { gap: var(--grid-gap-x) var(--grid-gap-x); } .grid-row-flex:not([data-columns=""]) { flex-wrap: wrap; } .grid-row > .grid-col-100 { width: 100%; } .grid-row > .grid-col-80 { width: calc(80% - var(--grid-gap-x)/5); } .grid-row > .grid-col-75 { width: calc(75% - var(--grid-gap-x)/4); } .grid-row > .grid-col-66 { width: calc(66.6666% - var(--grid-gap-x)/3); } .grid-row > .grid-col-50, .grid-row-flex[data-columns="2"] > .grid-col { width: calc(50% - var(--grid-gap-x)/2); } .grid-row > .grid-col-33, .grid-row-flex[data-columns="3"] > .grid-col { width: calc(33.3333% - var(--grid-gap-x)*2/3); } .grid-row > .grid-col-25, .grid-row-flex[data-columns="4"] > .grid-col { width: calc(25% - var(--grid-gap-x)*3/4); } .grid-row > .grid-col-20, .grid-row-flex[data-columns="5"] > .grid-col { width: calc(20% - var(--grid-gap-x)*4/5); } .grid-row > .grid-col-16, .grid-row-flex[data-columns="6"] > .grid-col { width: calc(16.6666% - var(--grid-gap-x)*5/6); } .grid-row > .grid-col-14, .grid-row-flex[data-columns="7"] > .grid-col { width: calc(14.2857% - var(--grid-gap-x)*6/7); } .grid-row > .grid-col-12, .grid-row-flex[data-columns="8"] > .grid-col { width: calc(12.5% - var(--grid-gap-x)*7/8); } body > .frame:not(.frame-type-screen), body > .frame-type-screen > div > .frame { width: var(--content-width); max-width: var(--page-width); margin-left: auto; margin-right: auto; } body > .frame.fullwidth, body > .frame.full-content, body > .frame.medium-content, body > .frame.small-content, body > .frame-type-screen > div > .frame.fullwidth, body > .frame-type-screen > div > .frame.full-content, body > .frame-type-screen > div > .frame.medium-content, body > .frame-type-screen > div > .frame.small-content { position: relative; width: 100%; max-width: 100%; } body > .frame.full-content > div, body > .frame.medium-content > div, body > .frame.small-content > div, body > .frame-type-screen > div > .frame.full-content > div, body > .frame-type-screen > div > .frame.medium-content > div, body > .frame-type-screen > div > .frame.small-content > div { width: var(--content-width); max-width: var(--page-width); margin: auto; } body > .frame.medium-content > div, body > .frame-type-screen > div > .frame.medium-content > div { width: var(--content-width-medium); } body > .frame.small-content > div, body > .frame-type-screen > div > .frame.small-content > div { width: var(--content-width-small); } @media screen and (max-width: 991px) { .grid-row { flex-wrap: wrap; } .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col, .grid-row-flex[data-columns="2"]:not(.grid-break-late):not(.grid-break-none) > .grid-col, .grid-row-flex[data-columns="3"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: 100%; } .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-25, .grid-row-flex[data-columns="4"]:not(.grid-break-late):not(.grid-break-none) > .grid-col, .grid-row-flex[data-columns="5"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: calc(50% - var(--grid-gap-x)/2); } .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-20, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-16, .grid-row-flex[data-columns="6"]:not(.grid-break-late):not(.grid-break-none) > .grid-col, .grid-row-flex[data-columns="7"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: calc(33.3333% - var(--grid-gap-x)*2/3); } .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-20, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-16, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-14, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-12, .grid-row-flex[data-columns="8"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: calc(25% - var(--grid-gap-x)*3/4); } } @media screen and (max-width: 767px) { .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-25, .grid-row-flex[data-columns="4"]:not(.grid-break-late):not(.grid-break-none) > .grid-col, .grid-row-flex[data-columns="5"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: 100%; } .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-20, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-16, .grid-row-flex[data-columns="6"]:not(.grid-break-late):not(.grid-break-none) > .grid-col, .grid-row-flex[data-columns="7"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: calc(50% - var(--grid-gap-x)/2); } .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-20, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-16, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-14, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-12, .grid-row-flex[data-columns="8"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: calc(33.3333% - var(--grid-gap-x)*2/3); } } @media screen and (max-width: 479px) { .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-20, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-16, .grid-row-flex[data-columns="6"]:not(.grid-break-late):not(.grid-break-none) > .grid-col, .grid-row-flex[data-columns="7"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: 100%; } .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-20, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-16, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-14, .grid-row:not(.grid-break-late):not(.grid-break-none) > .grid-col-12, .grid-row-flex[data-columns="8"]:not(.grid-break-late):not(.grid-break-none) > .grid-col { width: calc(50% - var(--grid-gap-x)/2); } .grid-row.grid-break-late > .grid-col, .grid-row-flex[data-columns="2"].grid-break-late > .grid-col, .grid-row-flex[data-columns="3"].grid-break-late > .grid-col { width: 100%; } .grid-row.grid-break-late > .grid-col-25, .grid-row-flex[data-columns="4"].grid-break-late > .grid-col, .grid-row-flex[data-columns="5"].grid-break-late > .grid-col { width: calc(50% - var(--grid-gap-x)/2); } .grid-row.grid-break-late > .grid-col-20, .grid-row.grid-break-late > .grid-col-16, .grid-row-flex[data-columns="6"].grid-break-late > .grid-col, .grid-row-flex[data-columns="7"].grid-break-late > .grid-col { width: calc(33.3333% - var(--grid-gap-x)*2/3); } .grid-row.grid-break-late > .grid-col-20, .grid-row.grid-break-late > .grid-col-16, .grid-row.grid-break-late > .grid-col-14, .grid-row.grid-break-late > .grid-col-12, .grid-row-flex[data-columns="8"].grid-break-late > .grid-col { width: calc(25% - var(--grid-gap-x)*3/4); } } @media screen and (max-width: 359px) { .grid-row.grid-break-late > .grid-col-20, .grid-row.grid-break-late > .grid-col-16, .grid-row-flex[data-columns="6"].grid-break-late > .grid-col, .grid-row-flex[data-columns="7"].grid-break-late > .grid-col { width: 100%; } .grid-row.grid-break-late > .grid-col-20, .grid-row.grid-break-late > .grid-col-16, .grid-row.grid-break-late > .grid-col-14, .grid-row.grid-break-late > .grid-col-12, .grid-row-flex[data-columns="8"].grid-break-late > .grid-col { width: calc(50% - var(--grid-gap-x)/2); } } .visual-content-container { min-height: 450px; overflow: hidden; position: relative; } .visual-content-container::after { content: ''; display: block; clear: both; } .visual-content-container__visual { position: absolute; top: 0; left: 0; right: 0; } .view-screen-tablet, .view-screen-mobile { display: none; } @media screen and (max-width: 1249px) { .view-screen-visible-1250 { display: block; } .view-screen-hidden-1250 { display: none; } } @media screen and (max-width: 991px) { .view-screen-visible-992, .view-screen-tablet.view-screen-visible-, .view-screen-desktop + .view-screen-mobile.view-screen-visible- { display: block; } .view-screen-hidden-992, .view-screen-desktop.view-screen-hidden- { display: none; } } @media screen and (max-width: 767px) { .view-screen-visible-768 { display: block; } .view-screen-hidden-768 { display: none; } } @media screen and (max-width: 639px) { .view-screen-visible-640, .view-screen-mobile.view-screen-visible- { display: block; } .view-screen-hidden-640, .view-screen-tablet.view-screen-visible- { display: none; } } @media screen and (max-width: 479px) { .view-screen-visible-480 { display: block; } .view-screen-hidden-480 { display: none; } } @media screen and (max-width: 359px) { .view-screen-visible-360 { display: block; } .view-screen-hidden-360 { display: none; } } @media screen and (min-width: 991px) { .visual-content-container { overflow: visible; } } @media screen and (min-width: 768px) { .visual-content-container__visual { border-radius: 5px 5px 5px 0; } } .visual-content-container__content { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); float: left; z-index: 5; position: relative; margin-left: 15px; margin-top: 200px; margin-bottom: 140px; padding: 25px 30px; width: calc(100% - 30px); } @media screen and (min-width: 991px) { .visual-content-container__content { margin-bottom: 0; } } @media screen and (min-width: 768px) { .visual-content-container__content { border-radius: 10px 10px 10px 0; float: right; padding: 44px 50px; margin-right: 30px; width: 600px; } } .visual-content-container__content a.btn { margin-left: 0 !important; } .container { width: 100%; min-width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container__inner { width: 82rem; max-width: calc(100% - 2.5rem); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; margin: 0 auto; padding: 0; } body > .container { overflow-x: clip; } @media print, screen and (min-width: 62em) { .container__inner { max-width: calc(100% - 5rem); } .container__inner.wide { } } .container__inner .container__inner, body > .frame:not(.frame-type-screen) .container__inner, .grid-col .container__inner, .grid-col .frame { max-width: 100%; } body.cookie-info-visible { padding-top: 0px; } body.is-reveal-open { position: relative !important; } body #modal { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } @media screen and (max-width: 1199px) { body:not(.is-direkt) .stage--compact .calculator__content .investment-input .slider-container, body:not(.is-direkt) .stage--compact .calculator__content .duration-input .slider-container { /*position: absolute; visibility: hidden; z-index: -1;*/ } body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) { padding-top: 0.5em; } body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label span { font-weight: 300; display: block; position: absolute; bottom: calc(100% - 5px); left: 0; font-size: 16px; color: var(--c-light); } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select { padding-top: 0.5em; } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label span { font-weight: 300; position: absolute; bottom: calc(100% - 5px); left: 0; font-size: 16px; color: var(--c-light); } body:not(.is-direkt) .stage--compact .calculator p.info strong { color: inherit; } body:not(.is-direkt) .stage--compact .calculator a.btn.btn--primary { width: 100%; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .stage__visual { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0; height: auto; max-width: 1200px; border-top-left-radius: 20px; } body:not(.is-direkt) .stage--compact .stage__visual img { width: 100%; } body:not(.is-direkt) .stage--compact .container__inner { max-width: 840px; } body:not(.is-direkt) .stage--compact .stage__content { margin-top: 60px; } body:not(.is-direkt) .stage--compact .stage__content > :first-child { padding: 40px 60px 40px 40px; } body:not(.is-direkt) .stage--compact .calculator { max-width: 540px; padding-bottom: 24px !important; } body:not(.is-direkt) .stage--compact .calculator__content { max-width: none; padding-top: 100px; padding-right: 0 !important; } body:not(.is-direkt) .stage--compact .calculator__content h3, body:not(.is-direkt) .stage--compact .calculator__content h1 { margin-top: 0; margin-bottom: 10px; } body:not(.is-direkt) .stage--compact .calculator__content .investment-input, body:not(.is-direkt) .stage--compact .calculator__content .duration-input { width: calc(50% - 12px); float: left; margin-top: 12px; margin-bottom: 12px; } body:not(.is-direkt) .stage--compact .calculator__content .investment-input .slider-container, body:not(.is-direkt) .stage--compact .calculator__content .duration-input .slider-container { /*position: absolute; visibility: hidden; z-index: -1;*/ } body:not(.is-direkt) .stage--compact .calculator__content .duration-input { float: right; } body:not(.is-direkt) .stage--compact .calculator__content > p { font-weight: 300; margin-top: 10px; } body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px 7px 7px 0; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 2px solid #959595; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; line-height: 55px; height: 55px; font-weight: 500; font-size: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px 20px; } body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label:hover, body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label:focus, body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label:active { background: #eee; border: 2px solid #959595; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label { border-color: #b80000 !important; } body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label input { background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 20px; margin: 0; margin-top: -2px; padding: 0; text-align: right; } body:not(.is-direkt) .stage--compact .calculator__content .input-container:not(.select) label span { font-weight: 300; display: block; position: absolute; bottom: calc(100% - 5px); left: 0; font-size: 16px; color: var(--c-light); } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px 7px 7px 0; font-size: 18px; margin-top: 15px; margin-bottom: 15px; border: 2px solid #959595; color: #353535; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; position: relative; line-height: 55px; height: 55px; } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:hover, body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:focus, body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:active { background: #eee; border: 2px solid #959595; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label { border-color: #b80000 !important; } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:before, body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:after { content: ""; width: 0; border-style: solid; border-width: 0.75em 0.8em 0 0.8em; background: none !important; border-color: #009770 transparent transparent transparent; border-radius: 7px; height: 0; pointer-events: none; position: absolute; right: 0.75em; top: 1.125em; } body.theme-blue:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:before { border-color: #00009F transparent transparent transparent; } body.theme-yellow:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:before { border-color: #000 transparent transparent transparent; } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:after { margin-top: -3px; border-top-color: #fff; } body.theme-yellow:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:after { border-top-color: #FFCE00; } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:hover:after, body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:focus:after, body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label:active:after { border-top-color: #eee; } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label select { background: transparent; border: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; box-shadow: none; font-weight: 500; font-size: 20px; height: 33px; margin: 0; padding: 10px 20px; } body:not(.is-direkt) .stage--compact .calculator__content .input-container.select label span { font-weight: 300; position: absolute; bottom: calc(100% - 5px); left: 0; font-size: 16px; color: var(--c-light); } } @media screen and (min-width: 992px) and (min-width: 768px) { body:not(.is-direkt) .stage--compact .calculator__content { padding-top: 0; padding-right: 190px; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .calculator .fieldset__radio--btn-alike { margin-top: 20px; margin-bottom: 30px; } body:not(.is-direkt) .stage--compact .calculator .fieldset__radio--btn-alike .label__radio--btn-alike { margin-left: 0; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .calculator p.result { font-weight: 700; font-size: 31px; line-height: 33px; margin-top: 0; margin-bottom: 0; color: #009770; clear: both; } body.theme-blue:not(.is-direkt) .stage--compact .calculator p.result { color: #00009F; } body.theme-yellow:not(.is-direkt) .stage--compact .calculator p.result { color: #000; } } @media screen and (min-width: 992px) { .is-direkt body:not(.is-direkt) .stage--compact .calculator--direkt p.result { font-weight: 700; color: #009770; } .is-direkt body:not(.is-direkt) .stage--compact .calculator--direkt p.result + .earning { color: var(--c-light); font-size: 0.9em; margin-bottom: 0.5em; } .is-direkt body:not(.is-direkt) .stage--compact .calculator--direkt p.result + .earning br { display: none; } .is-direkt body:not(.is-direkt) .stage--compact .calculator--direkt p.result + .earning + .info { font-weight: 500; } .is-direkt body:not(.is-direkt) .stage--compact .calculator--direkt p.result + .earning + .info strong { display: none; } .is-direkt body:not(.is-direkt) .stage--compact .calculator--direkt p.result + .earning + .info ~ .btn { width: 100%; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .calculator p.earning.info-next { margin-top: 0.25em; margin-bottom: 0; color: var(--c-light); font-size: 16px; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .calculator p.info { margin-top: 0; } body:not(.is-direkt) .stage--compact .calculator p.info strong { color: inherit; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .calculator a.btn.btn--primary { width: 100%; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .calculator a[data-modal] { display: inline-block; color: #000; margin: 0 1em; max-width: 250px; vertical-align: middle; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .interest-rate-box-and-seal-container { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: calc(100% - 44px); right: auto; top: 4.5rem; } body:not(.is-direkt) .stage--compact .interest-rate-box-and-seal-container .interest-rate-box { min-width: 190px; border-radius: 20px; border-bottom-left-radius: 0; } body:not(.is-direkt) .stage--compact .interest-rate-box-and-seal-container .interest-rate-box > div:nth-child(1) { font-size: inherit; line-height: 1.2; } body:not(.is-direkt) .stage--compact .interest-rate-box-and-seal-container .interest-rate-box > div:nth-child(1) strong { font-size: inherit; display: block; margin-bottom: 0.5em; } } @media screen and (min-width: 992px) and (min-width: 768px) { body:not(.is-direkt) .stage--compact .interest-rate-box-and-seal-container .interest-rate-box { margin-bottom: 10px; } } @media screen and (min-width: 992px) { body:not(.is-direkt) .stage--compact .interest-rate-box-and-seal-container .seal { display: none !important; max-width: 135px; width: 36vw; } } .calculator .slider-container.hidden { display: none; } .calculator__content { max-width: 63rem; margin: 0 auto; } .calculator__content h4 { font-size: 1.5rem; margin-bottom: 1.75rem; } .calculator__content--direkt { padding-right: 0 !important; } .calculator__content--direkt h3, .calculator__content--direkt h1 { margin-top: 0; } .calculator__content .investment-input { display: flex; flex-direction: row-reverse; gap: 0 1.5rem; align-items: center; } .calculator__content .investment-input .input-container { width: calc(33.3333% - 1.5rem*2/3); } .calculator__content .investment-input .slider-container { width: calc(66.6666% - 1.5rem*1/3); } .calculator__content .investment-input ~ .info { display: flex; clear: both; margin-top: -0.625rem; margin-bottom: 0.5rem; } .calculator__content .investment-input ~ .info::before { vertical-align: middle; color: var(--c-main); font-size: 1.5rem; margin-right: 0.5rem; margin-left: 0.25rem; } .calculator__content--direkt .investment-input--direkt, .calculator__content--direkt .duration-input--direkt { width: calc(50% - 12px); float: left; margin-top: 12px; margin-bottom: 12px; } .calculator__content--direkt .investment-input--direkt .slider-container, .calculator__content--direkt .duration-input--direkt .slider-container { position: absolute; visibility: hidden; z-index: -1; } .calculator__content--direkt .duration-input--direkt { float: right; } .calculator__content > p { font-weight: 300; margin-top: 10px; } .calculator__content .duration-header { margin-bottom: 0.5rem; } .calculator__content .duration-input-cards { margin: 0 -0.75rem; } .calculator__content .duration-input-cards .slick-slide { margin: 1rem 0.75rem; } .calculator__content .duration-input-cards .duration-input-card-item { position: relative; padding: 1.875rem 1rem; border-radius: 1rem; border: 1px solid #000; text-align: center; background-color: #FFFFFF; cursor: pointer; } .calculator__content .duration-input-cards .duration-input-card-item.selected { padding: calc(1.625rem + 1px) calc(0.75rem + 1px); border-width: 0.25rem; border-color: var(--c-border-main); background-color: var(--cb-main-light); } .calculator__content .duration-input-cards .duration-input-card-item[data-exclusive]:not([data-exclusive=""])::before { content: attr(data-exclusive); position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); padding: 0.25rem 0.5rem; border-radius: 0.25rem 0.25rem 0.25rem 0; font-size: 0.875em; font-weight: normal; color: #FFFFFF; background-color: var(--cb-main); } .calculator__content .duration-input-cards .duration-input-card-item.selected[data-exclusive]:not([data-exclusive=""])::before { top: calc(-0.25rem + 1px); } .calculator__content .duration-input-cards .duration-input-card-item > span { display: block; } .calculator__content .duration-input-cards .duration-input-card-item .box_headline { font-size: 1.5em; font-weight: bold; } .calculator__content .duration-input-cards .duration-input-card-item .box_subline { font-size: 1.25em; font-weight: bold; } .calculator__content .duration-input-cards .duration-input-card-item .box_mainline { font-size: 3em; font-weight: 900; } .calculator__content .duration-input-cards .duration-input-card-item .box_bottomline { font-size: 1.125em; color: #404040; } .calculator__content .duration-input-cards .duration-input-card-item .box_percent { font-weight: bold; } .calculator__content .duration-input-cards .duration-input-card-item .box_percent > span:first-child { font-size: 3.5em; font-weight: 900; } .calculator__content .duration-input-cards .duration-input-card-item .box_percent > span:nth-child(2) { font-size: 2.5em; vertical-align: top; margin-right: -0.73333em; } .calculator__content .duration-input-cards .duration-input-card-item .box_percent > span:last-child { font-size: 0.875em; } .calculator__content .slick-slider__container::after { height: calc(50% + 4.5rem); top: 50%; } .calculator__content .duration-input-cards + .slick-slider__control-dots { display: none; } .calculator__content .input-container:not(.select) label:has(input:focus-visible) { outline: 2px solid var(--c-main); } .calculator__content .input-container:not(.select) label, .calculator.is-compact .calculator__content .input-container.select label { position: relative; display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; border-radius: 0.5rem; margin-top: 1rem; margin-bottom: 1rem; border: 1px solid; box-shadow: none; padding: 0.625rem 0.75rem; } .calculator__content .input-container:not(.select) label:hover, .calculator__content .input-container:not(.select) label:focus, .calculator__content .input-container:not(.select) label:active { background: #eee; border: 1px solid #959595; -webkit-box-shadow: none; box-shadow: none; } .field-wrap--has-error .calculator__content .input-container:not(.select) label { border-color: #b80000 !important; } .calculator__content .input-container:not(.select) label input { height: auto; background: transparent; border: none; box-shadow: none; font-size: inherit; font-weight: inherit; margin: 0; padding: 0; text-align: right; } .calculator__content .input-container:not(.select) label span, .calculator.is-compact .calculator__content .input-container.select label span { position: absolute; top: -2rem; left: 0; font-size: 1rem; color: #808080; margin-left: 0; } .is-direkt .calculator__content .input-container:not(.select) label span { font-weight: 300; position: absolute; bottom: calc(100% - 10px); left: 0; font-size: 0.9em; color: var(--c-light); } .calculator__content .input-container.select label { position: relative; display: flex; align-items: center; margin-bottom: 1rem; border: 1px solid; border-radius: 0.5rem; color: #505050; box-shadow: none; } .calculator__content .input-container.select label:has(select:focus) { outline: 2px auto Highlight; outline: 2px auto -webkit-focus-ring-color; } .section-background-greendark + .duration-input:not(.selected) .input-container label { color: #FFFFFF; border-color: #FFFFFF; } .calculator__content .input-container.select label:hover, .calculator__content .input-container.select label:focus, .calculator__content .input-container.select label:active { background: #eee; border: 1px solid #959595; color: #505050; } .calculator__content .selected > .input-container.select label { border-color: var(--c-border-main); } .section-background-greendark + .duration-input.selected .input-container.select label { background-color: var(--cb-main-light); } .field-wrap--has-error .calculator__content .input-container.select label { border-color: #b80000 !important; } .calculator__content .input-container.select label > span { margin-left: 1.25rem; } .calculator__content .input-container.select label::before { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; pointer-events: none; font-size: 1.25rem; } .calculator__content .input-container.select label select { height: auto; background: transparent; border: none; font-weight: normal; color: inherit; margin: 0; padding: 0.75rem 1.25rem; box-shadow: none; } .calculator.is-compact { padding-top: 1px; } .calculator.is-compact.section-background-greendark .calculator__content, .calculator.is-compact.section-background-greendark .calculator__content .input-container label span { color: #FFFFFF; } .calculator.is-compact.section-background-greendark .calculator__content h1, .calculator.is-compact.section-background-greendark .calculator__content h2, .calculator.is-compact.section-background-greendark .calculator__content h3, .calculator.is-compact.section-background-greendark .calculator__content h4, .calculator.is-compact.section-background-greendark .calculator__content p { color: inherit; } .calculator.is-compact .calculator__content .subheader { margin-bottom: 1.5rem; } .calculator.is-compact .calculator__content .investment-input, .calculator.is-compact .calculator__content .duration-input { width: calc(50% - 1.375rem); float: left; } .calculator.is-compact .calculator__content .duration-input { float: right; } .calculator.is-compact .calculator__content .investment-input .input-container { width: 100%; } .calculator.is-compact .calculator__content .input-container label { background-color: #FFFFFF; } .calculator.is-compact .calculator__content .input-container.select label select { padding: 0.3125rem 1.5rem 0.3125rem 0; } .calculator.is-compact .calculator__content .investment-input .slider-container { display: none; } .calculator .result-container { --temp-container-top: 1.5rem; --temp-container-bottom: 3rem; max-width: 63rem; margin: var(--temp-container-top) auto var(--temp-container-bottom) auto; padding: 1.5rem 2rem; border-radius: 0.25rem; background-color: #FFFFFF; } .calculator .result-container .result-boxes { display: flex; justify-content: center; gap: 2rem 0; } .calculator .result-container h4 { font-size: 1.5rem; margin-top: 0; margin-bottom: 1.75rem; } .calculator .result-container .result-boxes > div { display: flex; flex-direction: column; gap: 0.5rem; min-width: 14.5rem; text-align: center; padding: 0 2.25rem; } .calculator .result-container .result-boxes > div:not(:last-child) { border-right: 1px solid #BFBFBF; } .calculator .result-container .result-boxes h5 { font-size: 1.25rem; font-weight: inherit; margin: 0; } .calculator .result-container .result-boxes > div > span { font-size: 2rem; font-weight: bold; } .calculator .result-container .result-boxes > div > span.box_percent > span:last-child { font-size: 0.625em; font-weight: 500; } .calculator .result-container .result-buttons { margin-top: 1.5rem; text-align: center; } .calculator .result-container > footer { margin-top: 1.5rem; text-align: center; } .calculator .result-container > footer p { color: var(--c-medium); } .calculator .result-container::after { top: calc(-1 * var(--temp-container-top)); height: calc(100% + var(--temp-container-top) + var(--temp-container-bottom)); } @media screen and (max-width: 767px) { .calculator__content .duration-input-cards { margin: 0 -1.25rem; padding: 0 2.75rem; } .calculator__content .duration-input-cards .slick-list { overflow: visible; } .calculator__content .duration-input-cards .slick-slide { margin: 1rem 0.5rem; } .calculator__content .slick-slider__container::after { height: calc(50% + 6rem); } .calculator__content .duration-input-cards + .slick-slider__control-dots { display: block; } .calculator__content .duration-input-cards + .slick-slider__control-dots ul { margin: 0 0 1rem 0; } .calculator__content .duration-input-cards + .slick-slider__control-dots ul li { width: 0.5rem; height: 0.5rem; margin: 0 0.5rem; } .calculator__content .section-background-greendark .duration-input-cards + .slick-slider__control-dots ul li:active, .calculator__content .section-background-greendark .duration-input-cards + .slick-slider__control-dots ul li.slick-active { background-color: #FFFFFF; } .calculator .result-container { position: relative; width: 100vw; left: calc(-50vw + 50%); padding: 1.25rem; } .calculator .result-container::after { display: none; } .calculator .result-container .result-boxes > div { flex-basis: 33.3333%; min-width: 0; padding: 0 1rem; } .calculator .result-container > footer { text-align: left; } } @media screen and (max-width: 639px) { .calculator__content .investment-input { flex-direction: column; } .calculator__content .investment-input .input-container, .calculator__content .investment-input .slider-container { width: 100%; } .calculator__content .investment-input .slider-container { margin-bottom: 1rem; } .calculator .result-container .result-boxes h5 { font-size: 0.875rem; } .calculator .result-container .result-boxes > div > span { font-size: 1.125rem; } } @media screen and (max-width: 479px) { .calculator.is-compact .calculator__content .investment-input, .calculator.is-compact .calculator__content .duration-input { width: 100%; float: none; } .calculator .result-container .result-boxes > div { padding: 0 0.5rem; } .calculator .result-container .result-boxes h5 { font-size: 0.875rem; } .calculator .result-container .result-boxes > div > span { font-size: 1.125rem; } .calculator__content .duration-input-cards .duration-input-card-item .box_mainline { font-size: 2.25em; } } @media screen and (max-width: 359px) { .calculator .result-container .result-boxes > div > span { font-size: 1rem; } } .calculator.has-highlight-badge .calculator__content { padding-top: 140px; } .calculator .fieldset__radio--btn-alike { margin-top: 20px; } .calculator .fieldset__radio--btn-alike .label__radio--btn-alike { margin-left: 0; } .calculator p.result { font-weight: 500; font-size: 31px; line-height: 33px; margin-bottom: 0; } .is-direkt .calculator--direkt p.result { font-weight: 700; color: #009770; } .is-direkt .calculator--direkt p.result + .earning { color: var(--c-light); font-size: 0.9em; margin-bottom: 0.5em; } .is-direkt .calculator--direkt p.result + .earning br { display: none; } .is-direkt .calculator--direkt p.result + .earning + .info { font-weight: 500; } .is-direkt .calculator--direkt p.result + .earning + .info strong { display: none; } .is-direkt .calculator--direkt p.result + .earning + .info ~ .btn { width: 100%; } .calculator p.earning.info-next { margin-bottom: 0; } .calculator p.info { margin-top: 0; } .calculator p.info strong { color: #b80000; } .calculator a[data-modal] { display: inline-block; color: #000; margin: 0 1em; max-width: 250px; vertical-align: middle; } .interest-rate-box-and-seal-container { position: absolute; top: -54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 0; right: 0; } .interest-rate-box-and-seal-container .interest-rate-box { line-height: 1.2; } .interest-rate-box-and-seal-container .interest-rate-box > div:nth-child(1) strong { display: block; margin-bottom: 0.5em; } .interest-rate-box-and-seal-container .interest-rate-box > div:nth-child(1) strong span { display: block; font-weight: 700; font-size: 54px; line-height: 1; } @media screen and (min-width: 768px) { .interest-rate-box-and-seal-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: -40px; right: 26px; } .interest-rate-box-and-seal-container .interest-rate-box { margin-bottom: 10px; } } .interest-rate-box-and-seal-container .seal { max-width: 135px; width: 36vw; } .container__content { clear: both; } .cookie-info { background: #009770; color: #fff; display: none; position: fixed; top: 0; width: 100%; padding: 20px; z-index: 7; } .theme-blue .cookie-info { background: #00009F; } .theme-yellow .cookie-info { background: #FFCE00; color: #000; } .cookie-info.theme-yellow { background: #FFCE00; color: #000; } .cookie-info.visible { display: block; } .cookie-info__container { margin: 0 auto; text-align: center; } @media print, screen and (min-width: 48em) { .cookie-info__container { width: 720px; } } @media print, screen and (min-width: 62em) { .cookie-info__container { text-align: right; } } .cookie-info__close { background: #fff; border-radius: 6px 6px 6px 0; color: #009770; margin-top: 20px; padding: 10px 30px 8px; } .cookie-info__text { font-size: 14px; line-height: 24px; font-weight: inherit; text-align: left; margin: 0; padding: 0; margin: 0 auto; padding: 0; } @media print, screen and (min-width: 62em) { .cookie-info__text { line-height: 18px; text-align: left; } } .cookie-info__text a { color: #fff; display: inline; margin: 0; } .cookiemanager-show { cursor: pointer; } section.ce.kkmaskexport_cookietoggle { background-clip: padding-box; background-color: white; padding: 0 0 20px; border-radius: 7px 7px 7px 0; -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15); } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_cookietoggle { padding-bottom: 30px; } } section.ce.kkmaskexport_cookietoggle::before { content: ""; display: block; width: 100%; background: #fff; height: 1rem; position: relative; top: -1rem; margin-top: -80px; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_cookietoggle::before { margin-top: -110px; } } section.ce.kkmaskexport_cookietoggle .text-wrap { max-width: 100%; padding: 0 30px 30px; word-wrap: break-word; } @media print, screen and (min-width: 62em) { section.ce.kkmaskexport_cookietoggle .text-wrap { padding: 0 210px 30px; } } section.ce.kkmaskexport_cookietoggle .text-wrap p { font-weight: 300; padding: 0 20px; line-height: 28px; } section.ce.kkmaskexport_cookietoggle .text-wrap p:first-child { margin-top: 0; } section.ce.kkmaskexport_cookietoggle .text-wrap p:last-child { margin-bottom: 0; } section.ce.kkmaskexport_cookietoggle .btn-cookie-toggle { color: #fff; padding: 17px 25px; border-radius: 7px 7px 7px 0; background: -webkit-gradient(linear, left top, right top, from(#00ae8a), to(#008e66)); background: linear-gradient(to right, #00ae8a, #008e66); } section.ce.kkmaskexport_cookietoggle .btn-cookie-toggle:hover, section.ce.kkmaskexport_cookietoggle .btn-cookie-toggle:focus { color: #fff; background: #00ae8a; } .container__footer { clear: both; color: #F4F4F4; background-color: var(--cb-dark); padding: 8rem 0 4.5rem; font-size: 1rem; line-height: 1.5; } .container__footer a { color: inherit; } .container__footer > .container__inner:first-child { display: flex; gap: 3rem 2rem; } .container__footer .footer-logo { width: 12.95%; flex-shrink: 1; margin-right: 2rem; } .container__footer .footer-logo .cc-icon { font-size: 4.5rem; line-height: 1; color: #FFFFFF80; } .container__footer .footer-contact { width: 25%; min-width: 0; font-size: 0.875em; } .container__footer .footer-menu { flex-grow: 1; font-weight: 600; } .container__footer .footer-menu a:not(:hover), .container__footer .footer-logo a, .container__footer .footer-links a { text-decoration: none; } .container__footer .footer-menu ul, .container__footer .footer-meta ul { list-style: none; margin: 0; padding: 0; } .container__footer .footer-menu ul.navigation-footer__list { display: flex; gap: 2rem; } .container__footer .footer-menu ul.navigation-footer__list > li { flex-grow: 1; } .container__footer .footer-menu ul.navigation-footer__list > li > a { color: #BFBFBF; text-transform: uppercase; } .container__footer .footer-menu ul.navigation-footer__list > li > .navigation-footer__submenu { margin-top: 1.5rem; } .container__footer .footer-menu ul.navigation-footer__list > li > .navigation-footer__submenu > li { margin-bottom: 0.75rem; } .container__footer > .container__inner + .container__inner { margin-top: 4.5rem; } .container__footer > .container__inner > hr { margin: 2rem 0; } .container__footer .footer-meta { display: flex; gap: 1rem 1.5rem; font-size: 0.875rem; } .container__footer .footer-meta ul.navigation-meta__list { display: flex; gap: 1rem 1.5rem; } .container__footer .footer-links a { margin-right: 1em; } .container__footer .footer-links .cc-icon { font-size: 1.375em; } .container__footer .footer-copyright { margin-left: auto; } @media screen and (max-width: 1199px) { .container__footer > .container__inner:first-child { flex-wrap: wrap; } .container__footer .footer-logo { width: calc(25% - 1.5rem); margin-right: 0; } .container__footer .footer-contact { width: calc(75% - 0.5rem); } .container__footer .footer-menu ul.navigation-footer__list > li { width: calc(25% - 1.5rem); flex-grow: 0; } } @media screen and (max-width: 991px) { .container__footer .footer-logo, .container__footer .footer-contact, .container__footer .footer-menu ul.navigation-footer__list > li { width: calc(50% - 1rem); } } @media screen and (max-width: 767px) { .container__footer { padding: 3rem 0 4rem; } .container__footer > .container__inner:first-child, .container__footer .footer-menu ul.navigation-footer__list, .container__footer .footer-meta, .container__footer .footer-meta ul.navigation-meta__list { flex-direction: column; } .container__footer > .container__inner > div, .container__footer .footer-meta > div, .container__footer .footer-menu ul.navigation-footer__list > li { width: 100%; } .container__footer > .container__inner > hr { margin-top: 2rem; margin-bottom: 1.5rem; } .container__footer .footer-menu ul.navigation-footer__list > li > .navigation-footer__submenu { margin-top: 1rem; } .container__footer .footer-meta { text-align: center; } } .header { -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); background: transparent; left: 0; position: sticky; right: 0; top: 0; font-weight: normal; z-index: 12; } .header.header-transparent { position: absolute; box-shadow: none; } .header.header-transparent.nav-open { position: fixed; } .header .btn__icon { fill: #fff; } .header .header__container { position: relative; height: 6.25rem; color: #090206; background: #fff; } .header.header-transparent { position: static; } .header.header-transparent .header__container { position: absolute; background: transparent; z-index: 1; } @media screen and (min-width: 992px) { .header .header__container { } } .theme-yellow .header .header__container { background: #FFCE00; } .header .header__container.theme-yellow { background: #FFCE00; } .cookie-info-visible .header { position: static; } .header .header__container .header__inner { display: flex; align-items: center; gap: 2rem; height: 100%; } @media screen and (min-width: 768px) { .header__navigation-toggle, .header__login-mobile { display: none; } } @media screen and (max-width: 991px) { .header .header__container { font-size: 0.75rem; } } @media screen and (max-width: 767px) { .header .header__container { height: 4rem; font-size: inherit; } .header .header__container .header__inner { gap: 1.5rem; } .header.header-transparent .header__navigation-main { top: 0; } .header.header-transparent.nav-open .header__navigation-main { height: 100vh; } @starting-style { .header.header-transparent.nav-open .header__navigation-main { height: 0; } } .header.header-transparent .header__navigation-main .navigation-main { margin-top: 5.5rem; } .logo { width: 6.25rem; margin-right: auto; z-index: 4; } } .stage { min-height: 365px; position: relative; float: left; } @media screen and (min-width: 768px) { .stage { min-height: 495px; } } .stage__gradient { height: 45px; left: 0; position: absolute; top: 0; width: 100vw; background: radial-gradient(circle farthest-corner at right bottom, #cbe6e0, #007e66); } .theme-blue .stage__gradient { background: #0000b9; } .theme-yellow .stage__gradient { background: #000; } .stage__gradient.theme-yellow { background: #000; } .is-direkt .stage__gradient { -webkit-box-shadow: 0 0 300px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 300px 0 rgba(0, 0, 0, 0.6); } @media screen and (min-width: 768px) { .stage__gradient { height: 60px; top: 0; } } .stage__visual { border-top-right-radius: 20px; border-bottom-right-radius: 20px; left: 0; overflow: hidden; position: absolute; top: 15px; width: 95vw; } .stage__visual img { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .theme-blue .stage__visual { background: #00009F center; } .theme-yellow .stage__visual { background: #FFCE00 center; } .stage__visual.theme-yellow { background: #FFCE00 center; } @media screen and (min-width: 577px) { .stage__visual { max-width: 979px; } } @media screen and (min-width: 768px) { .stage__visual { height: 450px; top: 30px; } } @media screen and (min-width: 1200px) { .stage__visual { left: 50%; margin-left: -640px; } } .stage__content { margin-bottom: 75px; margin-top: 365px; max-width: 525px; width: 100vw; } @media screen and (min-width: 577px) { .stage__content { margin-left: auto; margin-right: auto; width: 525px; } } @media screen and (min-width: 768px) { .stage__content { max-width: inherit; width: 620px; } } @media screen and (min-width: 992px) { .stage__content { display: -webkit-box; display: -ms-flexbox; display: flex; float: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 120px; } .has-anchor-navigation .stage__content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 490px; margin-top: 0; } .has-anchor-navigation .stage__content > * { margin-bottom: 20px; } } .has-anchor-navigation .stage__content { margin-bottom: 0; } .stage__content a.btn { margin-left: 0 !important; } .stage__content > *:first-child { background: transparent; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 20px; position: relative; z-index: 0; } @media screen and (min-width: 768px) { .stage__content > *:first-child { -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); padding: 44px 70px 44px 50px; } } @media screen and (min-width: 768px) { .is-direkt .stage__content > *:first-child.has-subheader { -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15), -10px 0 0 0 #009770; box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15), -10px 0 0 0 #009770; background-color: transparent; border-top-left-radius: 0; } .theme-blue.is-direkt .stage__content > *:first-child { -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15), -10px 0 0 0 #00009F; box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15), -10px 0 0 0 #00009F; } .theme-yellow.is-direkt .stage__content > *:first-child { -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15), -10px 0 0 0 #000; box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15), -10px 0 0 0 #000; } .is-direkt .stage__content > *:first-child::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; z-index: -1; } .theme-yellow.is-direkt .stage__content > *:first-child::after { background: #FFCE00; } } .stage__content .headline:first-child { margin: 0; } .is-direkt .stage__content .stage__subheadline--direkt { font-size: 18px; line-height: 28px; position: absolute; bottom: 100%; margin: 0; padding: 10px 15px 10px 20px; width: calc(95vw - 20px); max-width: 100%; color: #fff; background: #009770; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .theme-blue.is-direkt .stage__content .stage__subheadline--direkt { background: #00009F; } .theme-yellow.is-direkt .stage__content .stage__subheadline--direkt { background: #000; } @media screen and (min-width: 768px) { .is-direkt .stage__content .stage__subheadline--direkt { right: 152px; bottom: calc(100% - 20px); left: -10px; width: auto; padding-left: 40px; padding-bottom: 30px; z-index: -1; } } .stage footer ul { padding-left: 0; } .stage { min-height: 365px; position: relative; float: left; } @media screen and (min-width: 768px) { .stage { min-height: 530px; } } .stage__gradient { height: 320px; left: 0; position: absolute; top: 45px; width: 100vw; background: radial-gradient(circle farthest-corner at right bottom, #cbe6e0, #007e66); } .theme-blue .stage__gradient { background: #0000b9; } .theme-yellow .stage__gradient { background: #000; } .stage__gradient.theme-yellow { background: #000; } @media screen and (min-width: 768px) { .stage__gradient { height: 490px; max-height: calc(100% - 60px); top: 60px; } } .stage__visual { border-top-right-radius: 20px; border-bottom-right-radius: 20px; left: 0; overflow: hidden; position: absolute; top: 15px; width: 95vw; } .stage__visual img { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .theme-blue .stage__visual { background: #00009F center; } .theme-yellow .stage__visual { background: #FFCE00 center; } .stage__visual.theme-yellow { background: #FFCE00 center; } @media screen and (min-width: 577px) { .stage__visual { max-width: 979px; } } @media screen and (min-width: 768px) { .stage__visual { height: 450px; top: 30px; } } @media screen and (min-width: 1200px) { .stage__visual { left: 50%; margin-left: -640px; } } .stage__content { margin-bottom: 75px; margin-top: 365px; max-width: 525px; width: 100vw; } @media screen and (min-width: 577px) { .stage__content { margin-left: auto; margin-right: auto; width: 525px; } } @media screen and (min-width: 768px) { .stage__content { max-width: inherit; width: 620px; } } @media screen and (min-width: 992px) { .stage__content { display: -webkit-box; display: -ms-flexbox; display: flex; float: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 120px; } .has-anchor-navigation .stage__content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 490px; margin-top: 0; } .has-anchor-navigation .stage__content > * { margin-bottom: 20px; } } .has-anchor-navigation .stage__content { margin-bottom: 0; } .stage__content a.btn { margin-left: 0 !important; } .stage__content > *:first-child { background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 20px; position: relative; } .theme-yellow .stage__content > *:first-child { background: #FFCE00; } .stage__content > *:first-child.theme-yellow { background: #FFCE00; } @media screen and (min-width: 768px) { .stage__content > *:first-child { -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.15); padding: 44px 70px 44px 50px; } } .stage__content .headline:first-child { margin: 0; } .stage footer { margin-top: 1em; } .stage footer ul { padding-left: 0; } .theme-yellow body { background: #FFCE00; } body.theme-yellow { background: #FFCE00; } span.at span { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } span.at:before { content: "@"; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .stage-text table { width: 100%; font-size: 14px; font-weight: bold; border-spacing: 0; } .stage-text table tbody tr th { font-size: 30px; line-height: 28px; vertical-align: bottom; text-align: left; white-space: nowrap; width: 10px; } .stage-text table tbody tr th a { text-decoration: none; } .stage-text table tbody tr .month { padding-right: 15px; font-size: 14px; vertical-align: bottom; line-height: 20px; } .stage-text table tbody tr td { font-weight: normal; color: var(--c-light); padding-right: 10px; line-height: 1; } #promoform .mb-small { margin-top: 15px; } #promoform .mandatory-info-hidden > .mandatory-info { display: none; } .notransition { -webkit-transition: none !important; transition: none !important; } @media screen and (max-width: 767px) { .slick-slider__container ul.slick-slider { margin-bottom: 30px; } .slick-slider__control-button--previous, section.kkmaskexport_award-collection .slick-slider__control-button--previous { left: 15px; bottom: -48px; top: auto; } .slick-slider__control-button--next, section.kkmaskexport_award-collection .slick-slider__control-button--next { right: 15px; bottom: -48px; top: auto; } }