/* div#CybotCookiebotDialog { max-width: 650px; top: auto !important; bottom: 0 !important; right: 0 !important; left: auto !important; box-shadow: 0 0 60px rgba(0,0,0,0.2); margin: 0 25px 25px 0; width: calc(100% - 50px) !important; border-radius: 4px; z-index: 999999 !important; } div#CybotCookiebotDialogPoweredbyLink { display: none !important; } div#CybotCookiebotDialogBodyContent { padding: 1.5rem 1.2rem 0.7rem 1.2rem !important; } #CybotCookiebotDialogBody { padding-right: 0; } #CybotCookiebotDialogDetailFooter { display: none; } #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails, #CybotCookiebotDialogDetailBodyContentIABv2Details { overflow-x: hidden !important; } #CybotCookiebotDialog a, #CybotCookiebotDialog div { font-family: var(--base-font-1-light) !important; } #CybotCookiebotDialog a:hover { text-decoration: none !important; } div#CybotCookiebotDialogBodyButtons { padding: 0 1.2rem 1rem 1.2rem !important; margin: 0 !important; } #CybotCookiebotDialog a#CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialog a#CybotCookiebotDialogBodyButtonDecline { width: auto !important; padding: 0.6em 0.9em; transition: opacity 150ms; opacity: 1; font-weight: normal !important; font-family: var(--base-font-1-bold) !important; border-radius: 50px; text-transform: uppercase; } #CybotCookiebotDialog a#CybotCookiebotDialogBodyButtonAccept:hover, #CybotCookiebotDialog a#CybotCookiebotDialogBodyButtonDecline:hover { opacity: 0.9; } #CybotCookiebotDialog a#CybotCookiebotDialogBodyButtonDecline { background: var(--base-color-blue) !important; border-color: var(--base-color-blue) !important; margin-left: 0 !important; } #CybotCookiebotDialog a#CybotCookiebotDialogBodyButtonAccept { background: var(--base-color-blue) !important; border-color: var(--base-color-blue) !important; color: #fff !important; } #CybotCookiebotDialogBodyContentTitle { font-family: var(--base-font-1-bold) !important; font-weight: 400 !important; font-size: 1.25rem !important; color: #1e1f1c !important; margin-bottom: 12px !important; } #CybotCookiebotDialog br, #CybotCookiebotDialog div, #CybotCookiebotDialog td { line-height: 1.431 !important; } #CybotCookiebotDialogDetailBodyContent { border-bottom-width: 1px !important; } #CybotCookiebotDialogDetailBody { margin: 0 !important; padding: 0.3rem 1.2rem 0.5rem 1.2rem; width: auto !important; } @media only screen and (max-width: 650px) { #CybotCookiebotDialogBodyButtonDetails { display: block !important; text-align: left !important; float: none !important; background-position: left 12px !important; padding-left: 0px !important; } } @media only screen and (max-width: 500px) { div#CybotCookiebotDialog { width: 100% !important; border-radius: 0 !important; margin: 0 !important; } } #CybotCookiebotDialogBodyButtons { float: left; clear: both; } #CybotCookiebotDialogBodyButtons > a { float: left; } #CybotCookiebotDialogBodyButtons > #CybotCookiebotDialogBodyButtonDetails { float: left; clear: left; padding-top: 13px !important; background: transparent !important; }*/ .wysiwyg .CookieDeclarationType { font-size: inherit !important; overflow: auto; position: relative; padding: 1em !important; margin-left: -1em !important; margin-right: -1em !important; border: 1px solid rgba(0,0,0,0.2) !important; } .CookieDeclarationTable { width: 100% !important; } .CookieDeclarationTable thead { display: none; } .CookieDeclarationTable tbody tr { display: block; width: 100%; padding: 0.35em 0.75em; background: #fff; box-sizing: border-box; line-height: 1.2; } .CookieDeclarationTable tbody tr:not(:last-child) { margin-bottom: .5em; } .CookieDeclarationTable tbody td { display: block; width: 100%; padding-left: 6.25em !important; position: relative; border: 0 !important; box-sizing: border-box !important; max-width: none !important; } .CookieDeclarationTable tbody td::before { content: attr(data-label); display: inline-block; font-family: var(--base-font-1-regular) !important; font-weight: 400; position: absolute; left: 0; } .CookieDeclarationTypeHeader { font-family: var(--base-font-1-bold) !important; font-weight: 400 !important; } .cookieconsent-placeholder > div { background: #e3ebeb; padding: 1.5em; } .cookieconsent-placeholder .btn-set { margin-top: 1.9em; } .cookieconsent-placeholder .headline { margin-bottom: .6em; } .cookieconsent-placeholder[data-accepted="false"] + .embed-wrap { display: none; }@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@font-face { font-family: 'fontello'; src: url('/content/themes/bettertrust/fontello/font/fontello.eot?28302404&x39248'); src: url('/content/themes/bettertrust/fontello/font/fontello.eot?28302404#iefix&x39248') format('embedded-opentype'), url('/content/themes/bettertrust/fontello/font/fontello.woff2?28302404') format('woff2'), url('/content/themes/bettertrust/fontello/font/fontello.woff?28302404&x39248') format('woff'), url('/content/themes/bettertrust/fontello/font/fontello.ttf?28302404&x39248') format('truetype'), url('/content/themes/bettertrust/fontello/font/fontello.svg?28302404#fontello&x39248') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/content/themes/bettertrust/fontello/font/fontello.svg?28302404#fontello&x39248') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-wp-edit:before { content: '\e811'; } /* '' */ @font-face { font-display: swap; font-family:"Roboto Light"; src:url("/content/themes/bettertrust/webfonts/Roboto-Light.woff2") format("woff2"),url("/content/themes/bettertrust/webfonts/Roboto-Light.woff?x39248") format("woff"),url("/content/themes/bettertrust/webfonts/Roboto-Light.otf?x39248") format("opentype"); font-style:normal;font-weight:400; } @font-face { font-display: swap; font-family:"Roboto"; src:url("/content/themes/bettertrust/webfonts/Roboto-Regular.woff2") format("woff2"),url("/content/themes/bettertrust/webfonts/Roboto-Regular.woff?x39248") format("woff"),url("/content/themes/bettertrust/webfonts/Roboto-Regular.otf?x39248") format("opentype"); font-style:normal;font-weight:400; } @font-face { font-display: swap; font-family:"Roboto Bold"; src:url("/content/themes/bettertrust/webfonts/Roboto-Bold.woff2") format("woff2"),url("/content/themes/bettertrust/webfonts/Roboto-Bold.woff?x39248") format("woff"),url("/content/themes/bettertrust/webfonts/Roboto-Bold.otf?x39248") format("opentype"); font-style:normal;font-weight:400; } @font-face { font-display: swap; font-family:"Roboto Condensed Bold"; src:url("/content/themes/bettertrust/webfonts/RobotoCondensed-Bold.woff2") format("woff2"),url("/content/themes/bettertrust/webfonts/RobotoCondensed-Bold.woff?x39248") format("woff"),url("/content/themes/bettertrust/webfonts/RobotoCondensed-Bold.otf?x39248") format("opentype"); font-style:normal;font-weight:400; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* 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-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 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 */ } /* Text-level semantics ========================================================================== */ /** * 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; } /** * 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 */ 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; } /** * 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. * 1. Show the overflow in Edge. */ button, input { /* 1 */ 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"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 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 { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ 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; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { 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 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* 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; } html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset, iframe, figure, blockquote { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } ul, ol, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; } a { text-decoration: none; color: inherit; } [class^="icon-"]:before, [class*=" icon-"]:before { width: auto; margin-right: 0; margin-left: 0; } select::-ms-expand { display: none; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; 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); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [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; } .slick-slide { outline: 0; } .btn-wp-edit { display: block; float: left; position: fixed; bottom: 1rem; left: 1rem; z-index: 10000; color: #fff; background: #222; min-width: 1.875rem; height: 1.875rem; line-height: 1.875rem; text-align: center; border-radius: .9375rem; white-space: nowrap; font-family: Arial; text-transform: uppercase; } .btn-wp-edit i { position: absolute; top: 0; left: 0.55rem; } .btn-wp-edit > span { display: inline-block; position: relative; overflow: hidden; max-width: 0; -webkit-transition: max-width 150ms; -moz-transition: max-width 150ms; -ms-transition: max-width 150ms; -o-transition: max-width 150ms; transition: max-width 150ms; margin-left: 1.875rem; } .btn-wp-edit:hover > span { max-width: 12.5rem; } .btn-wp-edit > span > span { display: inline-block; padding-right: 0.55rem; font-size: .75rem; } .btn-wp-edit { font-size: 16px; bottom: 0; left: 0; min-width: 2.275em; height: 2.275em; line-height: 2.275em; border-radius: 0; } .btn-wp-edit i { left: 0.65em; } .btn-wp-edit > span { margin-left: 2.275em; } .btn-wp-edit > span > span { font-size: .75em; padding-right: .65em; } .btn-wp-edit:hover > span { max-width: 12.5em; } .sn-col-set { letter-spacing:-.31em; *letter-spacing:normal; *word-spacing:-.43em; text-rendering:optimizespeed; display:-webkit-flex; display: flex; -webkit-flex-flow:row wrap; display:-ms-flexbox; -ms-flex-flow:row wrap; flex-flow: row wrap; -ms-align-content:flex-start; -webkit-align-content:flex-start; align-content:flex-start; } .sn-col-set-nowrap { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .sn-col-set > * { display:inline-block; *display:inline; zoom:1; letter-spacing:normal; word-spacing:normal; vertical-align:top; text-rendering:auto; -moz-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sn-col-set-1 > * { width: 100%; margin-right: 0; } .sn-col-set-2 > * { width: 50%; } .sn-col-set-3 > * { width: 33.33333333333333333333%; } .sn-col-set-4 > * { width: 25%; } .sn-col-set-5 > * { width: 20%; } .sn-col-set-6 > * { width: 16.66666666666666666666%; } .sn-col-set > .sn-col-auto, .sn-col-set-footer > * { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } html:not(.explorer) .sn-col-set .sn-col-equal-height { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sn-col-set .sn-col-space-between { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .sn-col-set .sn-col-valigned { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .pull-left { float: left; } .pull-right { float: right; } .btn { border: 0; border-radius: 0; display: inline-block; white-space: nowrap; font-size: 1rem; background: transparent; position: relative; } button.btn { -webkit-appearance: none; appearance: none; } .btn-set { margin-top: 1.2em; } span.loading { height: 0; width: 0; display: inline-block; vertical-align: bottom; position: relative; transition: all 150ms; transform: scale(0); } span.loading img { width: 100%; padding: 0.75rem; position: absolute; top: -0.9rem; left: 0; animation: spin .4s infinite linear; } span.loading.now { height: 1.3rem; width: 1.3rem; transform: scale(1); } img.ajax-loader { display: none !important; } button.btn { -webkit-appearance: none; appearance: none; outline: 0; box-shadow: none; } .lnk { display: inline-block; transition: opacity 250ms; } .btn:hover, .lnk:hover, a:hover span.btn { } .btn span.icon { margin: 0 .875rem; } .btn span.icon, .btn span.label, .lnk span.icon, .lnk span.label { display: inline-block; line-height: 1.4; vertical-align: top; white-space: normal; } .lnk span.icon { margin: 0 .875em; } .btn span.icon:last-child, .lnk span.icon:last-child { margin-right: 0; } .btn span.icon:first-child, .lnk span.icon:first-child { margin-left: 0; } .spanned > span { display: block; } .figure-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; } .figure-contain { background-size: contain; background-position: center center; background-repeat: no-repeat; } .figure-cover img, .figure-contain img { display: none; } img.rounded { display: inline-block; border-radius: 50%; } .to-be-added { transform: translateY(60px); opacity: 0; transition: transform 1.2s, opacity 1.2s; transition-timing-function: cubic-bezier(0.19,1,.22,1); } .just-added { transform: translateY(0px); opacity: 1; } button.link { all: inherit; cursor: pointer; } address { font-style: normal; } a { text-decoration-skip: ink; } :focus:not(:focus-visible) { outline: none } html { overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wysiwyg a { word-wrap: break-word; } /* DEV */ #breakpoints { position: fixed; bottom: 0; right: 0; background: #000; padding: 0.5em .75em; font-size: 16px; color: #fff; z-index: 20000; } #breakpoints::after { content: 'max'; } /* ROOT */ :root { --base-font-1-light: "Roboto Light", sans-serif; --base-font-1-regular: "Roboto", sans-serif; --base-font-1-bold: "Roboto Bold", sans-serif; --base-font-1-condensed-bold: "Roboto Condensed Bold", sans-serif; --base-unit: calc((100 / 1920) * 1vw); --px: var(--base-unit); --base-unit-mobile: calc((100 / 375) * 1vw); --px-mobile: var(--base-unit-mobile); --ttf: cubic-bezier(0.19, 1, 0.22, 1); --ttf-2: cubic-bezier(0.075, 0.820, 0.165, 1); --ttf-3: cubic-bezier(0.64, 0, 0.78, 0); --ttf-4: cubic-bezier(0.8, 0, 0.2, 1); --ttf-5: cubic-bezier(0.165, 0.84, 0.4, 1); --ttf-6: cubic-bezier(0.6, 0.07, 0.17, 1); --ttf-7: cubic-bezier(0.247, 0.75, 0.187, 1); --ttf-8: cubic-bezier(1, 0, 0, 1); --page-padding-top: 0; --page-padding-left: max(36px, calc(90 * var(--base-unit))); --page-padding-right: max(36px, calc(90 * var(--base-unit))); --header-padding-top: max(49px, calc(67 * var(--base-unit))); --module-max-width-narrow: max(700px, min(1465px, calc(1465 * var(--base-unit)))); --badge-rotation: badge-rotation 20s linear infinite; --base-color-black: #000; --base-color-white: #fff; --base-color-blue: #174adb; --base-color-rose: #f8e2d7; } @media (min-width: 1920px) { :root { --base-unit: 1px; } } /* BASE */ html { scroll-behavior: smooth; } html.is-transitioning, html.is-forced-scrolling { scroll-behavior: auto; } body { font-size: 100%; font-family: var(--base-font-1-light); font-weight: 400; color: var(--base-color-black); line-height: 1.3; background: var(--base-color-white); } input, textarea, select, button { font-family: var(--base-font-1-light); font-weight: 400; color: var(--base-color-black); } img { max-width: 100%; height: auto; } *:not(.has-component-inner) .module-inner, header.main > .inner, footer.main > .inner, .cookie-bar > .inner, *.has-component-inner .component-inner { position: relative; margin: 0 auto; padding-left: var(--page-padding-left); padding-right: var(--page-padding-right); box-sizing: border-box; } .module-full-width .module-inner { max-width: none; padding-left: 0; padding-right: 0; } .load-more { text-align: center; } .wysiwyg.cpy-20 { line-height: 1.5; } .wysiwyg .headline, .wysiwyg .subheadline { text-transform: uppercase; } .wysiwyg a { text-decoration: underline; } .wysiwyg a:hover { text-decoration: none; } .wysiwyg > *:not(:last-child) { margin-bottom: 1.5em; } .wysiwyg > .headline { margin-bottom: .8em; line-height: 1; } .wysiwyg > .headline:not(:first-child) { margin-top: 2em; } .wysiwyg > .subheadline { margin-bottom: .25em; } .wysiwyg > .subheadline:not(:first-child) { margin-top: 2em; } .wysiwyg strong { font-weight: normal; font-family: var(--base-font-1-bold); } .wysiwyg > ul:not(.plain), .wysiwyg > ol:not(.plain) { counter-reset: supernovae; } .wysiwyg > ul:not(.plain) li, .wysiwyg > ol:not(.plain) li { position: relative; padding-left: 1.5em; } .wysiwyg > ul:not(.plain) li:not(:last-child), .wysiwyg > ol:not(.plain) li:not(:last-child) { } .wysiwyg > ul:not(.plain) li::before { content: '—'; position: absolute; left: 0; } .wysiwyg > ol:not(.plain) li::before { content: counter(supernovae) '.'; counter-increment: supernovae; position: absolute; left: 0; } .wysiwyg > ul ul li::before { } .wysiwyg > ul ul, .wysiwyg > ol ol { } .wysiwyg ul.large > li::before { content: ''; width: .4em; height: .4em; display: block; background: currentColor; top: 0.5em; } .wysiwyg ul.large > li { padding-left: 1em; } .wysiwyg ul.large:not(:last-child) { margin-bottom: 0.5em; } .wysiwyg ul.large + p { margin-top: 2.5em; } .wysiwyg ul.large > li + li { margin-top: 0.4em; } .wysiwyg table { width: auto !important; } .wysiwyg table td { width: auto !important; height: auto !important; } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } span.loading img { top: -12px; } span.loading { vertical-align: middle; } .btn-menu { appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; cursor: pointer; color: inherit; } @keyframes badge-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* HEADLINES */ *[class*="hdln-"] { font-family: var(--base-font-1-condensed-bold); font-size: var(--font-size); font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size)))); --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw); --scale-breakpoint: 1920; } *[class*="hdln-"][class*="hdln-o"] { -webkit-text-stroke: var(--stroke-width, 1px) var(--color, var(--base-color-black)); color: transparent; } .hdln-170.hdln-o { --stroke-width: max(1px, min(3px, calc(3 * var(--base-unit)))); } .hdln-170 { --font-size: 170; --min-font-size: 58px; --max-font-size: 170px; } .hdln-110 { --font-size: 110; --min-font-size: 58px; --max-font-size: 110px; line-height: .90909090909090909090; } .hdln-70 { --font-size: 70; --min-font-size: 24px; /*--min-font-size: 42px;*/ --max-font-size: 70px; line-height: 1.31428571428571428571; } .hdln-50 { --font-size: 50; --min-font-size: 24px; --max-font-size: 50px; line-height: 1.31428571428571428571; } .hdln-40 { --font-size: 40; --min-font-size: 16px; --max-font-size: 40px; line-height: 1.31428571428571428571; } .hdln-30 { --font-size: 30; --min-font-size: 24px; --max-font-size: 30px; line-height: 1.31428571428571428571; } @media (max-width: 750px) { .hdln-70 { line-height: 1.09523809523809523809; } } /* COPIES */ *[class*="cpy-"] { font-family: var(--base-font-1-light); font-size: var(--font-size); font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size)))); --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw); --scale-breakpoint: 1920; } *[class*="cpy-"][class*="cpy-b"] { font-family: var(--base-font-1-bold); } *[class*="cpy-"][class*="cpy-r"] { font-family: var(--base-font-1-regular); } .cpy-55 { --font-size: 55; --min-font-size: 24px; --max-font-size: 55px; line-height: 1.09090909090909090909; } .cpy-40 { --font-size: 40; --min-font-size: 24px; --max-font-size: 40px; } .cpy-34 { --font-size: 34; --min-font-size: 16px; --max-font-size: 34px; } .cpy-30 { --font-size: 30; --min-font-size: 16px; --max-font-size: 30px; line-height: 1.33333333333333333333; } .cpy-25 { --font-size: 25; --min-font-size: 16px; --max-font-size: 25px; line-height: 1.36; } .cpy-20 { --font-size: 20; --min-font-size: 16px; --max-font-size: 20px; } @media (max-width: 750px) { .cpy-34 { line-height: 1.4375; } } /* PAGE TRANSITIONS */ .transitioner { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 998; } .transitioner::before { content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: #1c48d7; transform: scaleY(0); transform-origin: center bottom; opacity: 1; z-index: 1; will-change: transform; } .barba-outer, .sn-pt-leave-active, .sn-pt-enter-active { transition: opacity; transition-duration: 1.2s; opacity: 1; } .sn-pt-leave-active .module, .sn-pt-enter-active .module, .barba-once-active .module { transition: opacity 1s, transform 1s; transition-timing-function: cubic-bezier(0.19,1,.22,1); } .sn-pt-leave-active .transitioner::before, .sn-pt-enter-active .transitioner::before, .barba-once-active .transition::before { transition: opacity .75s, transform .75s; transition-timing-function: cubic-bezier(0.19,1,.22,1); } .sn-pt-enter-active .transitioner::before { transition-delay: .15s; } /* Starting state for leave */ .sn-pt-leave .module { opacity: 1; } .sn-pt-leave .transitioner::before { opacity: 1; transform: scaleY(0); transform-origin: center bottom; } /* Ending state for leave */ .sn-pt-leave-to .module { opacity: 1; } .sn-pt-leave-to .transitioner::before { opacity: 1; transform: scaleY(1); transform-origin: center bottom; } /* Starting state for enter */ .sn-pt-enter .module, .barba-once .module { /*opacity: 0;*/ transform: translateY(80px); } .sn-pt-enter .transitioner::before, .barba-once .transitioner::before { opacity: 1; transform: scaleY(1); transform-origin: center top; } /* Ending state for enter */ .sn-pt-enter-to .module, .barba-once-to .module { opacity: 1; transform: none; } .sn-pt-enter-to .transitioner::before, .barba-once-to .transitioner::before { opacity: 1; transform: scaleY(0); transform-origin: center top; } /* ON SCREEN */ :root { --ios-delay: 500ms; } /* clip left to right */ *[data-ios] *[data-ios-item="clip-ltr"] { opacity: 0; -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="clip-ltr"] { opacity: 1; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } /* clip top to bottom */ *[data-ios] *[data-ios-item="b"] { opacity: 0; -webkit-clip-path: inset(0% 0% 100% 0%); clip-path: inset(0% 0% 100% 0%); transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="b"] { opacity: 1; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } /* pop randomly */ *[data-ios] *[data-ios-item="pop-randomly"] { transform: scale(0.8); opacity: 0; transition: transform 1s, opacity 1s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-random) * 30ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="pop-randomly"] { opacity: 1; transform: none; } /* clip vertically from center */ *[data-ios] *[data-ios-item="d"] { opacity: 0; -webkit-clip-path: inset(50% 0% 50% 0%); clip-path: inset(50% 0% 50% 0%); transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="d"] { opacity: 1; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } /* move in from bottom */ *[data-ios] *[data-ios-item="move-btt"] { opacity: 0; transform: translateY(2vw); transition: opacity 1.5s, transform 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="move-btt"] { opacity: 1; transform: none; } /* move in from right */ *[data-ios] *[data-ios-item="f"] { opacity: 0; transform: translateX(20vw); transition: opacity 1.5s, transform 1.5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms)); will-change: opacity; } *[data-ios].is-on-screen *[data-ios-item="f"] { opacity: 1; transform: none; } /* BUTTONS */ button, .btn, .lnk { margin: 0; border: 0; padding: 0; border-radius: 0; box-shadow: none; background: transparent; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; user-select: none; font-family: var(--base-font-1-light); font-size: var(--font-size); font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size)))); --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw); --scale-breakpoint: 1920; } button, a.btn { cursor: pointer; } .btn-a { --font-size: 23; --min-font-size: 16px; --max-font-size: 23px; font-family: var(--base-font-1-bold); color: var(--base-color-blue); text-transform: uppercase; border: max(2px, min(3px, calc(3 * var(--base-unit)))) solid var(--base-color-blue); border-radius: 100px; padding: .47826086956521739130em 2.17391304347826086956em; } .btn-a.small { --font-size: 14; --min-font-size: 14px; --max-font-size: 14px; border-width: max(1px, min(2px, calc(2 * var(--base-unit)))); } body.single-landingpage .btn-a { color: var(--base-color-white); background: var(--base-color-blue); } .btn-a span.label { white-space: nowrap; } .btn-white, .btn-contact { color: var(--base-color-white); border-color: var(--base-color-white); } .btn-contact { background: var(--base-color-blue); text-transform: none; } .btn-black { color: var(--base-color-black); border-color: var(--base-color-black); transition: 250ms var(--ttf-7); transition-property: color, border-color, background-color; } .btn-black.active { color: var(--base-color-white); border-color: var(--base-color-blue); background-color: var(--base-color-blue); } .btn-blue.btn-filled { color: var(--base-color-white); border-color: var(--base-color-blue); background: var(--base-color-blue); transition: 250ms var(--ttf-7); transition-property: color, border-color, background-color; } .btn[data-icon="arrow-right"] .icon { width: max(22px, calc(35 * var(--base-unit))); height: 1em; display: inline-block; position: relative; vertical-align: middle; } .btn-a.small[data-icon="arrow-right"] .icon { width: max(14px, calc(18 * var(--base-unit))); } .btn[data-icon="arrow-right"] svg { width: 100%; position: absolute; top: calc(50% - 1px); left: 0; transform: translateY(-50%); } .btn-white[data-icon="arrow-right"] svg path { fill: currentColor; } .btn-squared span.label { width: 0; height: 0; overflow: hidden; position: absolute; top: -10000px; height: 10000px; display: block; } .btn-squared span.label + span.icon { margin-left: 0; } /* LINKS */ .lnk-download { font-family: var(--base-font-1-bold); --font-size: 30; --min-font-size: 16px; --max-font-size: 30px; display: flex; flex-flow: row nowrap; } .lnk-download span.label { vertical-align: middle; align-self: center; } .btn-squared span.icon, .lnk-download span.icon { --size: max(40px, calc(69 * var(--base-unit))); width: var(--size); height: var(--size); display: inline-block; text-align: center; background: var(--base-color-blue); position: relative; vertical-align: middle; flex-shrink: 0; } .btn-squared .icon svg, .lnk-download .icon svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max(22px, calc(42 * var(--base-unit))); height: auto; display: block; } .btn-squared[data-icon="triangle-top"] .icon svg { width: max(22px, calc(30 * var(--base-unit))); } /* FORMS */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: var(--color); -webkit-box-shadow: 0 0 0px 1000px #000 inset; transition: background-color 5000s ease-in-out 0s; } ::-webkit-input-placeholder { color: var(--color); } ::placeholder { color: var(--color); } .styled-select, .styled-search { position: relative; } .styled-select select, li.search input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .styled-select select { cursor: pointer; } .styled-select::after, .styled-search::after { font-family: "fontello"; content: '\e800'; position: absolute; right: 1rem; top: calc(50% - 2px); z-index: 2; pointer-events: none; color: #fff; transform: translateY(-50%); } .styled-search::after { content: '\e80f'; font-size: 140%; top: 50%; } .form-list li.input input, .form-list textarea, .form-list .gdpr, .wpcf7-not-valid-tip, .response-wrapper, .module-landingpage-contact .form-list li.checkboxes, .module-landingpage-contact .form-list li.checkboxes > label, .module-landingpage-contact .form-list li.checkboxes .sub-label, .module-landingpage-contact .form-list li.checkboxes .wpcf7-list-item-label { font-family: var(--base-font-1-bold); font-size: var(--font-size); font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size)))); --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw); --scale-breakpoint: 1920; } .form-list li.input input, .form-list textarea, .module-landingpage-contact .form-list li.checkboxes > label { --font-size: 40; --min-font-size: 16px; --max-font-size: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0 !important; box-shadow: none !important; margin: 0; padding: 0; box-sizing: border-box; display: block; width: 100%; outline: 0; background: var(--input-background-color, var(--base-color-black)); --color: var(--input-text-color, var(--base-color-white)); color: var(--input-text-color, var(--base-color-white)); padding: .625em 0.2em; border-bottom: 2px solid var(--input-line-color, var(--base-color-white)); } .module-landingpage-contact .form-list li.input input, .module-landingpage-contact .form-list textarea, .module-landingpage-contact .form-list li.checkboxes > label, .module-landingpage-contact .form-list li.checkboxes .sub-label, .module-landingpage-contact .form-list li.checkboxes .wpcf7-list-item-label { --font-size: 30; --min-font-size: 16px; --max-font-size: 30px; } .form-list li.input input:focus, .form-list textarea:focus { border-color: var(--input-line-color-hover, var(--base-color-blue)); } .form-list textarea { height: max(200px, calc(330 * var(--base-unit))); } /* .form-list label { display: none; }*/ .form-list > li + li { margin-top: max(20px, calc(45 * var(--base-unit))); } .form-list > li.submit { margin-top: max(40px, calc(90 * var(--base-unit))); } .form-list li.checkboxes label { display: block; } .form-list li.checkboxes .wpcf7-list-item > label { cursor: pointer; user-select: none; } .module-landingpage-contact .form-list li.checkboxes > label { margin-bottom: .625em; } .module-landingpage-contact .form-list li.checkboxes .sub-label { margin-bottom: .85em; } .form-list .gdpr, .wpcf7-not-valid-tip, .response-wrapper, .module-landingpage-contact .form-list li.checkboxes { font-family: var(--base-font-1-light); --font-size: 20; --min-font-size: 16px; --max-font-size: 20px; } .form-list li.checkboxes .wpcf7-list-item { display: block; margin-bottom: 20px; } .form-list .gdpr .sn-col-set, .form-list li.checkboxes .wpcf7-list-item > label { display: flex; flex-flow: row nowrap; } .form-list .gdpr .sn-col-set > div:first-child, .form-list li.checkboxes .wpcf7-list-item .checkbox-wrap { margin-right: 2em; position: relative; } .form-list li.checkboxes .wpcf7-list-item .checkbox-wrap { padding-top: 5px; } .form-list .gdpr a { font-family: var(--base-font-1-bold); } .form-list .gdpr input[type="checkbox"], .form-list li.checkboxes input[type="checkbox"] { accent-color: var(--base-color-blue); transform: scale(2.3); transform-origin: left center; cursor: pointer; } .wpcf7-not-valid-tip, .response-wrapper { color: var(--base-color-blue); font-family: var(--base-font-1-bold); display: inline-block; padding: 0.5em 0; } .screen-reader-response, .response-wrapper.top { display: none !important; } .response-wrapper.bottom { margin-top: 2em; } .wpcf7-form.sent .response-wrapper.bottom { display: none !important; } @media (max-width: 780px) { .form-list li.checkboxes .wpcf7-list-item .checkbox-wrap { padding-top: 0; } .module-landingpage-contact .form-list li.checkboxes > label { margin-bottom: 17px; } } header.main { position: absolute; top: 0; left: 0; right: 0; z-index: 100; pointer-events: none; } body.has-sticky-ticker header.main { top: var(--sticky-ticker-height); } .btn-menu { display: none; } div.flyout { display: none; } header.main a { pointer-events: all; } header.main > .inner { padding-top: var(--header-padding-top); } .site-title a { display: inline-block; } .site-title svg { width: max(160px, calc(370 * var(--base-unit))); height: auto; display: block; } header.main .row-set { display: flex; flex-flow: column nowrap; } header.main .row-1 { margin-bottom: calc(42 * var(--base-unit)); text-align: right; } header.main .col-set { display: flex; flex-flow: row nowrap; } header.main .col-2 { margin-left: auto; display: flex; flex-flow: column nowrap; } header.main .row-2 { display: flex; flex-flow: row nowrap; } nav.header { text-transform: uppercase; margin-top: auto; margin-left: auto; } nav.header .menu { display: flex; flex-flow: row nowrap; } nav.header .menu > li + li { margin-left: 1em; } nav.header .menu > li, nav.secondary .languages > li { position: relative; } nav.header .menu a, nav.secondary .languages a { position: relative; transition: color 250ms var(--ttf-5); } nav.header .menu a:hover, nav.header li.current-menu-any > a, nav.header li:hover > a, nav.secondary .languages a:hover, nav.secondary .languages a.current { color: var(--base-color-blue); } nav.header .menu > li > a::after, nav.secondary .languages a::after { content: ''; display: block; position: absolute; left: 0; bottom: -.16666666666666666666em; height: .16666666666666666666em; background: var(--base-color-blue); width: 100%; pointer-events: none; transform: scaleX(0); transform-origin: left center; transition: transform 250ms var(--ttf-5); } nav.header .menu > li > a:hover::after, nav.header .menu > li.current-menu-any > a::after, nav.header .menu > li:hover > a::after, nav.secondary .languages a.current::after, nav.secondary .languages a:hover::after { transform: none; } nav.header .menu a strong { font-weight: normal; font-family: var(--base-font-1-bold); } nav.header .sub-menu-wrapper { position: absolute; top: calc(100% - 0.4em); left: 50%; transform: translateX(-50%); padding-top: 0.8em; clip-path: inset(0% 100% 0% 0%); overflow: hidden; transition: 250ms var(--ttf-5); transition-property: clip-path, opacity; pointer-events: none; opacity: 0; z-index: 2; } nav.header .menu > li:hover > .sub-menu-wrapper, nav.header .menu > li:focus-within > .sub-menu-wrapper { clip-path: inset(0% 0% 0% 0%); pointer-events: all; opacity: 1; } nav.header .sub-menu-ul { background: var(--base-color-white); padding: .2em .8em; } nav.header .sub-menu { display: flex; flex-flow: row nowrap; } nav.header .sub-menu > li + li { margin-left: 1em; } nav.secondary { text-transform: uppercase; } nav.secondary .menu { display: flex; flex-flow: row nowrap; } nav.secondary .btn-newsletter { color: var(--base-color-blue); } nav.secondary .btn-newsletter .icon-wrap { margin-left: 3px; } nav.secondary .btn-newsletter svg { width: 1.6em; height: auto; display: inline-block; } nav.secondary .btn-newsletter svg path { fill: currentColor; } nav.secondary .menu > li + li { margin-left: 2em; } nav.secondary .languages { display: flex; flex-flow: row nowrap; } nav.secondary .languages > li + li { margin-left: .8em; } @media (max-width: 750px) { body.menu header.main { position: fixed; } header.main .col-2 { display: none; } header.main .row-2 { display: none; } .btn-menu { display: block; position: absolute; right: var(--page-padding-right); top: calc(var(--header-padding-top) + 1px); height: 20px; pointer-events: all; } .btn-menu span[aria-hidden] > span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 150ms, transform 150ms; } .btn-menu span[aria-hidden] > span.close { opacity: 0; transform: translate(-50%, -50%) scale(0.5); } body.menu .btn-menu span[aria-hidden] > span.close { opacity: 1; transform: translate(-50%, -50%); } .btn-menu span[aria-hidden] > span.open { opacity: 1; transform: translate(-50%, -50%); } body.menu .btn-menu span[aria-hidden] > span.open { opacity: 0; transform: translate(-50%, -50%) scale(0.5); } div.flyout { display: block; position: fixed; inset: 0; z-index: 98; pointer-events: none; opacity: 0; overflow: auto; transition: opacity 500ms var(--ttf-7); } div.flyout > .inner { position: relative; z-index: 2; padding: 0 calc(var(--page-padding-left) / 2) 0 var(--page-padding-left); padding-top: 127px; padding-bottom: 50px; box-sizing: border-box; min-height: 100%; display: flex; flex-flow: column nowrap; } body.has-sticky-ticker div.flyout > .inner { padding-top: calc(127px + var(--sticky-ticker-height)); } div.flyout::after { content: ''; display: block; position: fixed; top: 20%; left: 80%; width: 600vw; height: 600vw; transform: translate(-50%, -50%); background: transparent radial-gradient(closest-side at 50% 50%, #9AABD2 0%, #A2AED1 10%, #C3BDCD 20%, #E5CCC8 30%, #F7DACE 40%, #F9E7DF 50%, #FCF4F0 60%, #ffffff 70%, #ffffff 80%, #ffffff 90%, #ffffff 100%) 0% 0% no-repeat padding-box; } body.menu div.flyout { opacity: 1; pointer-events: all; } div.flyout .hdln-70 { --min-font-size: 38px; text-transform: uppercase; line-height: 1.3; } div.flyout .hdln-30 { font-size: 30px; } div.flyout .sub-menu { padding-left: 25px; } div.flyout .current-menu-any > a { color: var(--base-color-blue); text-decoration: underline; text-decoration-thickness: 6px; text-underline-offset: 3px; } div.flyout ul.languages { margin-top: auto; padding-top: 23px; } } .sticky-ticker { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 101; background: var(--base-color-blue); color: var(--base-color-white); text-align: center; } .sticky-ticker > .inner { padding: max(6px, calc(13 * var(--px))) var(--page-padding-left); } .sticky-ticker .btn-set { margin-top: 0 !important; } .sticky-ticker .copy-wrap { display: inline-flex; flex-flow: row nowrap; gap: 0 1em; align-items: center; } @media (max-width: 750px) { .sticky-ticker .btn-set { display: none; } } @media (max-width: 500px) { .sticky-ticker .cpy-25 { --min-font-size: 11px; } } footer.main { background: var(--base-color-black); color: var(--base-color-white); position: relative; z-index: 3; } footer.main *::selection { background: var(--base-color-white); color: var(--base-color-black); } footer.main > .inner { padding-top: 80px; padding-bottom: max(72px, calc(94 * var(--base-unit))); } footer.main .better-headline { --color: var(--base-color-white); } footer.main .module-header { margin-bottom: max(72px, calc(140 * var(--base-unit))); } footer.main .row-set { display: flex; flex-flow: column nowrap; } footer.main .row-1 { margin-bottom: max(72px, calc(85 * var(--base-unit))); position: relative; } footer.main .row-2 { padding-top: calc(50 * var(--base-unit)); } .btn-back-to-top { display: block; position: absolute; right: 0; bottom: 0; } footer.main .col-set { display: flex; flex-flow: row nowrap; } footer.main .col-set > *:not(:last-child) { margin-right: calc(115 * var(--base-unit)); } footer.main .row-2 .col-3 { margin-left: auto; } footer.main .footer-addresses { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2em 2em; } @media (max-width: 1100px) { footer.main .footer-addresses { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 800px) { footer.main .footer-addresses { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { footer.main .footer-addresses { grid-template-columns: repeat(1, 1fr); } } footer.main .address p:last-child { margin-top: 1.28em; font-family: var(--base-font-1-bold); } footer.main .address .place { --min-font-size: 24px; } nav.footer .menu { display: flex; flex-flow: row nowrap; } nav.footer .menu > li:not(:first-child)::before { content: '|'; display: inline-block; padding: 0 0.5em; } .social-media-nav .menu { display: flex; flex-flow: row nowrap; --column-gap: max(15px, calc(30 * var(--base-unit))); margin-right: calc(var(--column-gap) * -1); } .social-media-nav .menu > li { margin-right: var(--column-gap); display: flex; flex-flow: column nowrap; justify-content: center; } .social-media-nav .title-wrap { position: absolute; width: 0; height: 0; overflow: hidden; top: 0; left: -10000px; } .social-media-nav svg { max-width: max(22px, calc(42 * var(--base-unit))); height: auto; } .footer-site-title { width: max(60px, calc(94 * var(--base-unit))); } .footer-site-title img { width: 100%; max-width: none; height: auto; } footer.main .badge { position: absolute; top: 0; left: 0; right: 0; z-index: 2; } body.view-contact footer.main .badge, body.view-contact footer.main .module-header, body.view-contact footer.main .row-1 { display: none; } .newsletter-form { position: relative; } .newsletter-form .headline { text-transform: uppercase; margin-bottom: calc(24 * var(--base-unit)); position: absolute; bottom: 100%; left: 0; } .newsletter-form .headline svg path { fill: currentColor; } .newsletter-form .headline span { display: inline-block; vertical-align: middle; } .newsletter-form .headline svg { display: inline-block; width: 1.68em; } .newsletter-form .copy { margin-top: calc(17 * var(--base-unit)); } .newsletter-form input, .newsletter-form button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border-radius: 0 !important; box-shadow: none !important; margin: 0; box-sizing: border-box; display: inline-block; } .newsletter-form input { border: 1px solid var(--base-color-white); color: var(--base-color-white); --color: var(--base-color-white); padding: 0.5em 0.75em; padding-right: 2.3em; width: 100%; max-width: 280px; } .newsletter-form .input > div { position: relative; display: inline-block; } .newsletter-form button { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 2.3em; background: url(/content/themes/bettertrust/imgs/submit.svg?x39248) no-repeat right 16px center / auto calc(100% - 18px); z-index: 2; } footer.main .row-3 { display: flex; flex-flow: row nowrap; padding-bottom: 50px; align-items: center; } footer.main .row-3 div:first-child { margin-left: auto; } footer.main .row-3 div.tuev { width: max(150px, calc(240 * var(--base-unit))); margin-left: calc(55 * var(--base-unit)); } footer.main .row-3 div.dpok { width: max(100px, calc(120 * var(--base-unit))); margin-left: calc(55 * var(--base-unit)); } footer.main .row-3 div.finalist { width: max(50px, calc(90 * var(--base-unit))); } footer.main .row-3 div.kununu { width: max(60px, calc(100 * var(--base-unit))); margin-left: calc(55 * var(--base-unit)); } footer.main .row-3 div.ft { width: max(150px, calc(280 * var(--base-unit))); margin-left: calc(55 * var(--base-unit)); } @media (max-width: 1150px) { footer.main .row-2 .col-set { flex-flow: row wrap; } footer.main .row-2 .col-set > *:last-child { width: 100%; margin-top: 72px; } } @media (max-width: 950px) { footer.main .row-1 .col-set { flex-flow: row wrap; position: relative; padding-left: 110px; } footer.main .row-1 .col-set > *:first-child { position: absolute; top: 0; left: 0; margin-right: 0; } } @media (max-width: 650px) { footer.main .row-2 { overflow: hidden; } footer.main .row-2 .col-set > * { width: 100%; box-sizing: border-box; margin: 0; } footer.main .row-2 .col-set .col-1 { padding-left: 110px; } footer.main .row-2 .col-set .col-2 { margin-top: 62px; } .newsletter-form .headline { position: static; margin-bottom: 18px; --min-font-size: 24px; } .newsletter-form .copy { margin-top: 15px; } .newsletter-form .input > div { display: block; } .newsletter-form input { max-width: none; } footer.main .row-1 { position: static; } .btn-back-to-top { bottom: 72px; right: var(--page-padding-right); } footer.main .row-3 { padding-left: 110px; display: block; } footer.main .row-3 > div:nth-child(n) { margin: 0; } footer.main .row-3 > div:not(:first-child) { margin-top: 25px; } nav.footer .menu { display: block; } nav.footer .menu > li { display: block; } nav.footer .menu > li::before { display: none !important; } } /* Theme Name: BETTERTRUST Author: SUPERNOVÆ Author URI: https://www.supernov.ae/ Version: 2022 */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 1cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .cookie-bar, .btn-wp-edit { display: none !important; } header.main, footer.main { display: none; } } .btn-badge, .js-badge { display: block; --size: max(126px, calc(250 * var(--base-unit))); width: var(--size); height: var(--size); color: var(--base-color-white); position: absolute; } .btn-news-badge, .js-badge { right: calc(var(--page-padding-right) * 1.5); bottom: var(--page-padding-right); } .btn-podcast-badge { color: var(--base-color-blue); pointer-events: none !important; right: var(--page-padding-right); top: calc(30 * var(--base-unit)); } body.single-landingpage .btn-news-badge { position: absolute; bottom: calc(var(--size) / -2); } .btn-jobs-badge { right: calc(var(--page-padding-right) * 3); top: calc(var(--size) / -2); } .btn-contact-badge { right: calc(var(--page-padding-right) * 1.5); top: calc(var(--size) / -2); --size: max(110px, calc(250 * var(--base-unit))); } .btn-badge::after { content: ''; display: block; position: absolute; inset: 0; border-radius: 50%; background: var(--base-color-blue); z-index: 1; transition: transform 500ms var(--ttf-5); } .btn-podcast-badge::after { background: transparent; } .btn-badge:hover::after { transform: scale(1.02); } .btn-badge span.text { position: absolute; display: block; inset: max(7px, calc(14 * var(--base-unit))); z-index: 2; background: url(/content/themes/bettertrust/imgs/news.svg?x39248) no-repeat center center / contain; animation: var(--badge-rotation); } .btn-jobs-badge span.text { background: url(/content/themes/bettertrust/imgs/jobs.svg?x39248) no-repeat center center / contain; } .btn-contact-badge span.text { background: url(/content/themes/bettertrust/imgs/contact.svg?x39248) no-repeat center center / contain; } .btn-podcast-badge span.text { background: url(/content/themes/bettertrust/imgs/podcast-badge-new.svg?x39248) no-repeat center center / contain; } .btn-badge span.logo { position: absolute; display: block; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); width: 37.6%; height: 37.6%; background: url(/content/themes/bettertrust/imgs/bettertrust-badge.svg?x39248) no-repeat center center / contain; } .btn-podcast-badge span.logo { background: url(/content/themes/bettertrust/imgs/podcast-badge.svg?x39248) no-repeat center center / contain; } .js-badge img { display: block; width: 100%; height: auto; max-width: none; } @media (max-width: 750px) { .btn-jobs-badge { right: 17px; top: calc(var(--size) / -1.4); } .btn-contact-badge { right: 17px; top: calc(var(--size) / -2); } } @media (max-width: 500px) { .btn-news-badge { right: 29px; bottom: calc(var(--size) / -5); } .btn-podcast-badge { display: none; } } article.case-teaser > a { display: block; } article.case-teaser figure { position: relative; } article.case-teaser[data-layout="standard"] figure { margin-bottom: calc(56 * var(--base-unit)); } article.case-teaser figure::before { content: ''; position: absolute; inset: 0; display: block; background: var(--base-color-blue); z-index: 2; opacity: 0; transition: opacity 500ms var(--ttf-7); } @media (hover: hover) { article.case-teaser a:hover figure::before { opacity: 0.3; } } article.case-teaser figure img { filter: brightness(1); transition: filter 500ms var(--ttf-7); } @media (hover: hover) { article.case-teaser a:hover figure img { filter: grayscale(1); } } .teaser-arrow { position: absolute; right: 0; bottom: 0; --size: max(40px, calc(70 * var(--base-unit))); width: var(--size); height: var(--size); display: block; z-index: 3; } .teaser-arrow::after { content: ''; position: absolute; display: block; inset: 0; background: var(--base-color-blue); z-index: 1; transition: transform 500ms var(--ttf-7); } @media (hover: hover) { a:hover .teaser-arrow::after, .teaser-arrow:hover::after { transform: scale(1.2); } } .teaser-arrow svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max(20px, calc(36 * var(--base-unit))); height: auto; z-index: 2; } article.case-teaser .headline { text-transform: uppercase; line-height: 1.25; } article.case-teaser .headline > span:nth-child(2) { color: var(--base-color-blue); } article.case-teaser .excerpt { margin-top: max(23px, calc(45 * var(--base-unit))); max-width: min(680px, calc(680 * var(--base-unit))); } article.case-teaser .row-2 { position: relative; padding-top: max(20px, calc(45 * var(--base-unit))); } article.case-teaser .row-2::before { content: ''; display: block; position: absolute; top: 0; left: 0; background: currentColor; width: max(38px, calc(81 * var(--base-unit))); height: max(3px, calc(12 * var(--base-unit))); } @media (max-width: 650px) { article.case-teaser .excerpt .cpy-30 { line-height: 1.4375; } } article.case-teaser[data-layout="latest"] { padding-top: calc(200 * var(--base-unit)); } article.case-teaser[data-layout="latest"] > a, article.case-teaser[data-layout="latest"] .a { display: flex; flex-flow: row nowrap; } article.case-teaser[data-layout="latest"] figure { width: 45.21472392638036809800%; margin-right: 7.36196319018404907900%; height: min-content; } article.case-teaser[data-layout="latest"] .row-2 { width: 41.22699386503067484600%; } article.case-teaser .new { display: block; position: absolute; right: calc(var(--size) / -3); top: calc(var(--size) / -2); pointer-events: none; --size: max(128px, calc(260 * var(--base-unit))); width: var(--size); height: var(--size); z-index: 3; animation: var(--badge-rotation); } article.case-teaser .new img { width: 100%; height: auto; display: block; } @media (max-width: 650px) { article.case-teaser[data-layout="latest"] { padding-top: 0; } article.case-teaser[data-layout="latest"] > a, article.case-teaser[data-layout="latest"] .a { flex-flow: column nowrap; } article.case-teaser[data-layout="latest"] > a > *, article.case-teaser[data-layout="latest"] .a > * { width: 100% !important; margin: 0; height: auto; } article.case-teaser .excerpt { max-width: none; } article.case-teaser figure { margin-bottom: 29px !important; } article.case-teaser .new { right: 20px; } } .cases-teasers-list { --base-width: 100%; --columns: 2; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: calc(85 * var(--base-unit)); --row-gap: max(60px, calc(140 * var(--base-unit))); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .cases-teasers-list > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); } .cases-teasers-list > *.note { width: 100%; } .cases-teasers-list > *:nth-child(even) { padding-top: calc(92 * var(--base-unit)); } @media (max-width: 650px) { .cases-teasers-list { --columns: 1; } .cases-teasers-list > *:nth-child(even) { padding-top: 0; } } .load-more { margin-top: max(57px, calc(85 * var(--base-unit))); } .load-more .col-prev, .load-more .col-pages { display: none; } body.single-landingpage header.main .col-2 nav.secondary, body.single-landingpage header.main .row-2, body.single-landingpage .btn-menu { display: none !important } body.single-landingpage header.main .landingpage-cta { margin-top: calc(-8 * var(--base-unit)); } body.single-landingpage .site-title a { pointer-events: none; cursor: default; } .better-headline { position: relative; } .better-headline[data-style="inline"] { display: flex; flex-flow: row nowrap; } .better-headline > span { position: relative; display: inline-block; } .better-headline[data-style="block"] > span { display: block; padding-left: .84545454545454545454em; } .better-headline > span.value { hyphens: auto; } .better-headline[data-style="block"] > span.value { margin-top: 0.15em; } .better-headline[data-style="inline"] > span.value { margin-left: 0.05em; } .better-headline > span.value::before { content: ''; display: block; position: absolute; left: 0; bottom: 0.1em; width: .73636363636363636363em; height: .10909090909090909090em; background: currentColor; } .better-headline[data-style="inline"] > span.value::before { width: .54705882352941176470em; height: .07058823529411764705em; bottom: 0.15em; } @media (max-width: 750px) { .better-headline[data-style="inline"] { flex-flow: column nowrap; line-height: 1; } .better-headline[data-style="inline"] > span.value::before { bottom: -0.1em; } .better-headline[data-style="inline"] > span.value { margin-left: 0; } } .mrgn-80 { margin-bottom: max(51px, calc(80 * var(--base-unit))); } .mrgn-140 { margin-bottom: max(90px, calc(140 * var(--base-unit))); } .mrgn-220 { margin-bottom: max(140px, calc(220 * var(--base-unit))); } .mrgn-280 { margin-bottom: max(180px, calc(280 * var(--base-unit))); } .mrgn-0-if-last:last-child { margin-bottom: 0; } .module-header + .module-body { margin-top: max(30px, calc(70 * var(--base-unit))); } .module { position: relative; z-index: 2; } article.news-teaser, article.news-teaser a, article.podcast-teaser, article.podcast-teaser a { flex-grow: 1; display: flex; flex-flow: column nowrap; } article.news-teaser .row-2, article.podcast-teaser .row-2 { background: var(--base-color-black); color: var(--base-color-white); position: relative; padding: max(36px, calc(46 * var(--base-unit))); padding-bottom: max(84px, calc(103 * var(--base-unit))); flex-grow: 1; } article.news-teaser .headline, article.podcast-teaser .headline { color: var(--base-color-rose); line-height: 1.11111111111111111111; margin-bottom: max(10px, calc(34 * var(--base-unit))); hyphens: auto; } article.news-teaser .date { margin-bottom: max(5px, calc(13 * var(--base-unit))); } article.podcast-teaser .date { margin-bottom: max(5px, calc(34 * var(--base-unit))); color: var(--base-color-blue); } article.podcast-teaser .excerpt .cpy-25 { line-height: 1.2; color: var(--base-color-rose); } article.podcast-teaser figure { position: relative; } article.podcast-teaser figure svg { width: max(90px, calc(153 * var(--base-unit))); height: auto; display: block; z-index: 2; opacity: .73; position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 600px) { article.news-teaser .headline, article.podcast-teaser .headline { line-height: 1.25; } article.news-teaser .excerpt .cpy-25, article.podcast-teaser .excerpt .cpy-25 { line-height: 1.4375; } } .news-teasers-list, .podcast-teasers-list { --base-width: 100%; --columns: 3; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: calc(18 * var(--base-unit)); --row-gap: calc(24 * var(--base-unit)); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .podcast-teasers-list { --column-gap: calc(30 * var(--base-unit)); --row-gap: calc(119 * var(--base-unit)); } .news-teasers-list > *, .podcast-teasers-list > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); display: flex; } .news-teasers-list > *.note, .podcast-teasers-list > *.note { width: 100%; } @media (max-width: 900px) { .news-teasers-list, .podcast-teasers-list { --columns: 2; } } @media (max-width: 600px) { .news-teasers-list, .podcast-teasers-list { --columns: 1; --row-gap: 20px; --column-gap: 0; } .news-teasers-list > *.note, .podcast-teasers-list > *.note { box-sizing: border-box; padding: 0 var(--page-padding-left); } } .better-video { position: relative; } .better-video .youtube-video { position: absolute; inset: 0; z-index: 3; display: none; } .better-video.is-playing .youtube-video { display: block; } .better-video .youtube-video iframe { width: 100% !important; height: 100% !important; } .better-video .poster { cursor: pointer; position: relative; } .better-video .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: max(47px, calc(101 * var(--base-unit))); height: auto; display: block; } .better-video .button svg { width: 100%; height: auto; } .sn-plyr { --plyr-color-main: #224dd3; } .sn-plyr .plyr__control--overlaid svg { display: none; } .sn-plyr .plyr__control--overlaid { background: url(/content/themes/bettertrust/imgs/play.svg?x39248) no-repeat center center !important; background-size: contain !important; width: max(40px, calc(223 * var(--base-unit))); height: auto; aspect-ratio: 1 / 1; opacity: 1 !important; } .sn-plyr .plyr.plyr--stopped .plyr__controls { opacity: 0; } .module-about-intro { color: var(--base-color-white); position: relative; background: var(--base-color-black); } .module-about-intro .module-inner { position: relative; z-index: 2; } .module-about-intro .better-headline { --color: var(--base-color-white); } .module-about-intro .module-wrap { padding-top: max(44px, calc(100 * var(--base-unit))); padding-bottom: max(100px, calc(120 * var(--base-unit))); } .module-about-intro .module-header, .module-about-intro .module-body { max-width: min(1370px, calc(1370 * var(--base-unit))); padding-left: calc(90 * var(--base-unit)); } .module-about-intro .subheadline { text-transform: uppercase; line-height: 1.41538461538461538461; margin-bottom: max(62px, calc(97 * var(--base-unit))); } .module-about-intro .module-header + .module-body { margin-top: 0; } .module-about-intro .badge { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } @media (max-width: 750px) { .module-about-intro .module-header, .module-about-intro .module-body { max-width: 100%; padding-left: 0; } .module-about-intro .subheadline { line-height: 1.09523809523809523809; margin-top: 105px; } } .module-awards { background-color: var(--base-color-rose); color: var(--base-color-black); } body.single-landingpage .module-awards { background: var(--base-color-white); } .module-awards .module-wrap { max-width: max(580px, min(1400px, calc(1400 * var(--base-unit)))); margin: 0 auto; text-align: center; padding: max(90px, calc(90 * var(--base-unit))) 0 max(125px, calc(165 * var(--base-unit))); } .module-awards .headline { text-transform: uppercase; } .awards-grid { --base-width: 100%; --columns: 4; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: calc(var(--page-padding-left) / 2); --row-gap: calc(var(--page-padding-left) / 6); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; margin-top: 45px; } .awards-grid.is-centered { justify-content: center; } .awards-grid > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); flex-shrink: 0; } .awards-grid > *.widget-item { display: flex; flex-flow: column nowrap; } .awards-grid > *.widget-item > .a { margin: auto; } .awards-grid > * > .a > div { padding: calc(30 * var(--base-unit)); } .awards-grid img { aspect-ratio: 1 / 1 !important; width: 100%; max-width: none; height: auto; object-fit: contain; } .awards-grid .a { display: block; } @media (max-width: 500px) { .awards-grid { --columns: 2; --row-gap: var(--column-gap); } } body.has-background-gradient { background-color: var(--base-color-white); background-image: linear-gradient(127deg, #9AABD2 0%, #C2BCCD 10%, #EBCFC7 20%, #F7DCD0 30%, #F9E7DE 40%, #FCF2ED 50%, #FEFDFC 60%, #FFFFFF 70%, #FFFFFF 80%, #FFFFFF 90%, #FFFFFF 100%); background-position-y: var(--background-gradient-offset, 0px); background-repeat: no-repeat; } .module-case-header { position: relative; } .module-case-header .background { position: absolute; bottom: 0; left: 0; right: 0; height: calc(100% - var(--offset-top, 100vh)); z-index: 1; background: var(--base-color-black); transition: height 250ms var(--ttf-2); } .module-case-header .module-inner { padding-top: max(calc(var(--header-height, 0px) + 50px), calc(370 * var(--base-unit))); position: relative; z-index: 2; } .module-case-header .row-1 { margin-bottom: calc(66 * var(--base-unit)); } .module-case-header .row-1 .tags { text-transform: uppercase; word-spacing: 0.5em; margin-bottom: calc(20 * var(--base-unit)); } .module-case-header .row-1 .tags li { display: inline-block; word-spacing: 0; } .module-case-header .row-1 .headline { text-transform: uppercase; color: var(--base-color-blue); line-height: 1.04545454545454545454; max-width: min(1070px, calc(1070 * var(--base-unit))); --min-font-size: 42px; } .module-case-header .row-2 figure { max-width: max(600px, min(1442px, calc(1442 * var(--base-unit)))); margin: 0 auto; position: relative; } .module-case-header figure .logo { display: block; position: absolute; width: calc(377 * var(--base-unit)); right: calc(109 * var(--base-unit)); top: calc(-145 * var(--base-unit)); z-index: 2; border: 1px solid #707070; } .module-case-header .row-2 + .row-3 { margin-top: max(48px, calc(78 * var(--base-unit))); } .module-case-header .row-3 { color: var(--base-color-white); --color: var(--base-color-white); padding-bottom: max(58px, calc(140 * var(--base-unit))); } @media (max-width: 600px) { .module-case-header .row-1 .headline { max-width: none; } .module-case-header .row-1 { margin-bottom: 50px; } } .module-case-header-2 { position: relative; } .module-case-header-2 .background { position: absolute; bottom: 0; left: 0; right: 0; height: calc(100% - var(--offset-top, 100vh)); z-index: 1; background: var(--base-color-black); transition: height 250ms var(--ttf-2); } .module-case-header-2 .module-inner { padding-top: 0px; position: relative; z-index: 2; } .module-case-header-2 .row-2 figure { max-width: max(600px, min(1442px, calc(1442 * var(--base-unit)))); margin: 0 auto; position: relative; } .module-case-header-2 .row-2 + .row-3 { margin-top: max(48px, calc(78 * var(--base-unit))); } .module-case-header-2 .row-3 { color: var(--base-color-white); --color: var(--base-color-white); padding-bottom: max(58px, calc(140 * var(--base-unit))); } .module-cases-overview .filter-bar { padding: max(35px, calc(120 * var(--base-unit))) 0; } .filter-bar .sectors-list { text-align: center; word-spacing: calc(40 * var(--base-unit)); --row-gap: calc(30 * var(--base-unit)); margin-bottom: calc(var(--row-gap) * -1); } .filter-bar .sectors-list > li { word-spacing: 0; display: inline-block; margin-bottom: var(--row-gap); } .module-cases-overview.is-loading .filter-bar { pointer-events: none; } .module-cases-overview .module-body { transition: opacity 500ms var(--ttf-7); } .module-cases-overview.is-loading .module-body { opacity: 0.3; } @media (max-width: 650px) { .filter-bar { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .filter-bar::-webkit-scrollbar { display: none; } .filter-bar .sectors-list { width: min-content; display: flex; flex-flow: row nowrap; margin: 0; padding: 0 var(--page-padding-left); --row-gap: 19px; } .filter-bar .sectors-list > li { margin-right: var(--row-gap); margin-bottom: 0; } .filter-bar .sectors-list > li:last-child { margin-right: 0; } } .module-cases-teaser { background: var(--base-color-black); color: var(--base-color-white); } .module-cases-teaser .module-wrap { padding: max(100px, calc(145 * var(--base-unit))) 0; } .module-cases-teaser .module-header :is(.headline, .video) + .wysiwyg { margin: 0 auto; margin-top: max(45px, calc(70 * var(--base-unit))); max-width: max(530px, min(1296px, calc(1296 * var(--base-unit)))); } .module-cases-teaser .module-header .headline { text-transform: uppercase; line-height: 1.18181818181818181818; text-align: center; --min-font-size: 42px; } .module-cases-teaser .module-header .headline .better { color: transparent; -webkit-text-stroke: 1px var(--base-color-white); } .module-cases-teaser .module-header .headline .better + span { display: inline-block; width: 0.1em; } .module-cases-teaser .module-header .headline .results { text-decoration: underline; text-decoration-thickness: .10909090909090909090em; text-underline-offset: 0.08em; } .module-cases-teaser figure.video { margin-inline: auto; max-width: max(530px, min(1296px, calc(1296 * var(--base-unit)))); } .module-cases-teaser .headline + figure.video { margin-top: max(55px, calc(80 * var(--base-unit))); } @keyframes marquee { 0% { transform: translate(0%, 0%); } 100% { transform: translate(calc(var(--marquee-width, 0%) * -1), 0%); } } .module-cases-teaser .module-header + .taxonomies { margin-top: max(70px, calc(90 * var(--base-unit))); } .module-cases-teaser .taxonomies { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); } .module-cases-teaser .marquee { overflow: hidden; position: relative; } .module-cases-teaser .marquee-inner { width: fit-content; display: flex; flex-flow: row nowrap; position: relative; } .module-cases-teaser .marquee.is-set-up .marquee-inner { animation: marquee 30s linear infinite; } .module-cases-teaser .marquee .clone { display: flex; flex-flow: row nowrap; } .module-cases-teaser .sectors-list { display: flex; flex-flow: row nowrap; } .module-cases-teaser .sectors-list > * { margin-right: max(23px, calc(38 * var(--base-unit))); } .module-cases-teaser .tags-marquee { margin-top: max(30px, calc(60 * var(--base-unit))); } .module-cases-teaser .tags-list { display: flex; flex-flow: row nowrap; text-transform: uppercase; } .module-cases-teaser .tags-list > * { margin-right: calc(80 * var(--base-unit)); } .module-cases-teaser .tags-list .tag { white-space: nowrap; } .module-cases-teaser .module-body { margin-top: max(58px, calc(140 * var(--base-unit))); } .module-cases-teaser .btn-set { margin-top: 60px; text-align: center; } @media (max-width: 500px) { .module-cases-teaser .module-header .headline + .wysiwyg { text-align: center; line-height: 1.4375; } } .module-contact { background: var(--base-color-black); color: var(--base-color-white); } .module-contact .module-wrap { display: flex; flex-flow: column-reverse nowrap; gap: max(90px, calc(270 * var(--base-unit))) 0; } .module-contact .module-inner { padding-top: max(50px, calc(140 * var(--base-unit))); padding-bottom: max(100px, calc(140 * var(--base-unit))); } .module-contact .module-headline { margin-bottom: max(50px, calc(120 * var(--base-unit))); text-transform: uppercase; } .addresses-list { --column-gap: var(--page-padding-left); --row-gap: var(--column-gap); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--row-gap) var(--column-gap); } @media (max-width: 750px) { .addresses-list { grid-template-columns: repeat(2, 1fr); } } .addresses-list .phone-and-mail { margin-top: 1.2em; font-family: var(--base-font-1-bold); } .addresses-list .directions { margin-top: 0.5em; } .addresses-list figure { margin-bottom: calc(40 * var(--base-unit)); } .addresses-list figure img { width: max(120px, calc(240 * var(--base-unit))); height: auto; } .module-contact .outer-form-wrap { max-width: max(1200px, calc(1200 * var(--base-unit))); } .module-contact .success-copy { display: none; } .module-contact .hdln-70 { --min-font-size: 24px; } .module-contact .row-2.form-row { display: flex; flex-flow: row nowrap; gap: 0 calc(270 * var(--px)); flex-shrink: 0; } .module-contact .contact-buttons { margin-top: calc(80 * var(--px)); display: flex; flex-flow: column nowrap; gap: calc(74 * var(--px)) 0; } .module-contact .contact-buttons li { display: flex; flex-flow: row nowrap; gap: 0 max(20px, calc(37 * var(--px))); align-items: center; } .module-contact .contact-buttons li > span.icon { width: max(40px, calc(61 * var(--px))); } .module-contact .contact-buttons svg { display: block; width: 100%; height: auto; } @media (max-width: 750px) { .module-contact .row-2.form-row { flex-flow: column nowrap; gap: 1.5rem 0; } .module-contact .contact-buttons { margin-top: 0; } } @media (max-width: 500px) { .addresses-list { grid-template-columns: 1fr; } .addresses-list .address { position: relative; } .addresses-list figure { position: absolute; right: var(--page-padding-right); top: 0; } .module-contact .hdln-70 { line-height: 1.16666666666666666666; } } .module-contact-person { background-color: var(--base-color-black); color: var(--base-color-white); } .module-contact-person[data-background="bright"] { background-color: var(--base-color-rose); color: var(--base-color-black); } .module-contact-person .module-wrap { padding: max(60px, calc(112 * var(--base-unit))) 0 max(100px, calc(180 * var(--base-unit))); } .module-contact-person .headline { text-align: center; text-transform: uppercase; --min-font-size: 28px; } .contact-person-card { max-width: max(550px, min(1150px, calc(1150 * var(--base-unit)))); width: 100%; margin: 0 auto; margin-top: max(34px, calc(90 * var(--base-unit))); display: flex; flex-flow: row nowrap; } .contact-person-card .col-1 { width: 46.95652173913043478200%; margin-right: auto; padding-top: calc(34 * var(--base-unit)); } .contact-person-card .col-2 { width: 49.21739130434782608600%; } .contact-person-card .row-1 { position: relative; } .contact-person-card .row-1::after { content: ''; display: block; position: absolute; left: 0; top: calc(100% + max(13px, (35 * var(--base-unit)))); background: currentColor; height: max(6px, calc(12 * var(--base-unit))); width: max(56px, calc(80 * var(--base-unit))); } .contact-person-card .row-2 { margin-top: max(67px, calc(130 * var(--base-unit))); line-height: 1.4; } .contact-person-card .name { margin-bottom: 0.1em; } .contact-person-card .email { word-wrap: break-word; } @media (max-width: 600px) { .contact-person-card .cpy-55 { --min-font-size: 28px; } .contact-person-card .cpy-30 { --min-font-size: 24px; } .contact-person-card { flex-flow: column nowrap; } .contact-person-card > * { width: 100% !important; margin: 0; } .contact-person-card .col-2 { order: 1; } .contact-person-card .col-1 { order: 2; margin-top: 30px; } .contact-person-card .col-2 img { width: max(310px, 75vw); } .contact-person-card .name { margin-bottom: 10px; } } .module-copy .module-wrap { margin: 0 auto; max-width: var(--module-max-width-narrow); } .module-copy .wysiwyg { max-width: max(1030px, calc(1300 * var(--base-unit))); } .module-copy .wysiwyg .headline.hdln-70 { --min-font-size: 24px; } .module-copy-on-black { background: var(--base-color-black); color: var(--base-color-white); --padding: max(50px, calc(135 * var(--base-unit))) 0; } .module-copy-on-black[data-layout="large"] { --padding: max(50px, calc(143 * var(--base-unit))) 0 max(50px, calc(160 * var(--base-unit))); text-transform: uppercase; } .module-copy-on-black .module-wrap { padding: var(--padding); max-width: var(--module-max-width-narrow); margin: 0 auto; } .module-copy-on-black .hdln-70 { --min-font-size: 24px; } @media (max-width: 500px) { .module-copy-on-black .hdln-70 { line-height: 1.16666666666666666666; } } .module-copy-on-blue { background: var(--base-color-blue); color: var(--base-color-white); --padding: max(50px, calc(135 * var(--base-unit))) 0; } .module-copy-on-blue[data-layout="large"] { --padding: max(50px, calc(143 * var(--base-unit))) 0 max(50px, calc(160 * var(--base-unit))); text-transform: uppercase; } .module-copy-on-blue .module-wrap { padding: var(--padding); max-width: var(--module-max-width-narrow); margin: 0 auto; } .module-copy-on-blue .hdln-70 { --min-font-size: 24px; } @media (max-width: 500px) { .module-copy-on-blue .hdln-70 { line-height: 1.16666666666666666666; } } .module-copy-with-headline .module-wrap, .module-case-header .copy-with-headline, .module-case-header-2 .copy-with-headline { max-width: min(1588px, calc(1588 * var(--base-unit))); } .module-copy-with-headline .copy, .module-case-header .copy-with-headline .copy, .module-case-header-2 .copy-with-headline .copy { max-width: max(500px, min(858px, calc(858 * var(--base-unit)))); margin-left: auto; margin-top: max(30px, calc(40 * var(--base-unit))); } .module-copy-with-headline .wysiwyg-inline-images { display: flex; flex-flow: row nowrap; align-items: center; } .module-copy-with-headline .wysiwyg-inline-images > * { margin-right: calc(80 * var(--px)); } @media (max-width: 600px) { .module-copy-with-headline .copy .cpy-30, .module-case-header .copy-with-headline .copy .cpy-30, .module-case-header-2 .copy-with-headline .copy .cpy-30, .module-jobs-intro .wysiwyg.cpy-30, .module-about-intro .wysiwyg.cpy-34 { line-height: 1.4375; } .module-copy-with-headline.mrgn-80 { margin-bottom: 30px; } } .module-cta[data-type="case"] { background: linear-gradient(63deg, rgba(255,255,255,1) 30%, rgba(252,242,237,1) 49%, rgba(249,231,222,1) 60%, rgba(247,220,208,1) 72%, rgba(235,207,199,1) 82%, rgba(194,188,205,1) 94%, rgba(154,171,210,1) 100%); } .module-cta .module-wrap { max-width: max(580px, min(1130px, calc(1130 * var(--base-unit)))); margin: 0 auto; text-align: center; padding: max(100px, calc(150 * var(--base-unit))) 0 max(125px, calc(175 * var(--base-unit))); } body.single-landingpage .module-media-wall + .module-cta .module-wrap { padding-top: 0; } .module-cta .headline { text-transform: uppercase; } .module-cta .subheadline { margin-top: max(40px, calc(72 * var(--base-unit))); } .module-cta .btn-set { --gap: calc(50 * var(--base-unit)); margin-top: max(40px, calc(70 * var(--base-unit))); word-spacing: var(--gap); margin-bottom: calc(var(--gap) * -1); } .module-cta .btn-set > * { word-spacing: normal; margin-bottom: var(--gap); } @media (max-width: 750px) { .module-cta .headline { line-height: 1.23809523809523809523; } } .facts-list { --base-width: 100%; --columns: 3; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: 22px; --row-gap: 22px; margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .facts-list > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); display: flex; flex-flow: column nowrap; min-height: calc(505 * var(--base-unit)); background: var(--base-color-black); color: var(--base-color-white); } .facts-list > * > div { padding: max(40px, calc(74 * var(--base-unit))) max(25px, calc(50 * var(--base-unit))); display: flex; flex-flow: column nowrap; flex-grow: 1; } .facts-list .number-wrap { color: var(--base-color-rose); display: flex; flex-flow: row nowrap; } .facts-list .title { text-transform: uppercase; line-height: 1.2; max-width: max(250px, calc(424 * var(--base-unit))); } .facts-list figure { text-align: center; margin-top: auto; padding-top: max(10px, calc(30 * var(--base-unit))); } .facts-list figure img { width: calc(220 * var(--base-unit)); height: auto; } @media (max-width: 750px) { .facts-list { --columns: 2; } } @media (max-width: 500px) { .module-facts .module-body { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); overflow: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .module-facts .module-body::-webkit-scrollbar { display: none; } .facts-list { --columns: 1; --column-gap: 13px; flex-flow: row nowrap; padding-left: var(--column-gap); width: min-content; } .facts-list > * { width: calc(100vw - (var(--page-padding-left) * 2)); flex-shrink: 0; min-height: calc(268 * var(--base-unit-mobile)); } .facts-list figure img { width: 30vw; } .facts-list .title { margin-top: 10px; } } .module-faqs .module-headline { text-transform: uppercase; text-align: center; margin-bottom: max(43px, calc(110 * var(--base-unit))); } .module-faqs .hdln-40 { --min-font-size: 24px; } .module-faqs-2 .headline { text-align: center; text-transform: uppercase; --min-font-size: 28px; margin-bottom: max(32px, calc(82 * var(--base-unit))); } .module-faqs-2 .module-wrap { max-width: calc(1610 * var(--base-unit)); margin: 0 auto; } .module-faqs-2 .module-body { --base-width: 100%; --columns: 2; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: calc(140 * var(--base-unit)); --row-gap: 0; margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .module-faqs-2 .module-body > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); } .module-faqs-2 .question { text-transform: uppercase; margin-bottom: .8em; line-height: 1.25; hyphens: auto; } .module-faqs-2 .answer { line-height: 1.3; } .module-faqs-2 .faq-item + .faq-item { margin-top: max(30px, calc(90 * var(--base-unit))); } .module-faqs-2 .faq-item { position: relative; padding-top: max(15px, calc(45 * var(--base-unit))); } .module-faqs-2 .faq-item::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: max(45px, calc(81 * var(--base-unit))); height: max(6px, calc(12 * var(--base-unit))); background: var(--base-color-black); } @media (max-width: 600px) { .module-faqs-2 .headline { text-align: left; } .module-faqs-2 .module-body { --columns: 1; --row-gap: max(30px, calc(90 * var(--base-unit))); } } .module-full-width-image img { max-width: none; width: 100%; min-height: 191px; object-fit: cover; object-position: right center; } .module-futuretalks-overview[data-timespan="past"] { background: var(--base-color-white); margin-bottom: 0; padding-block: max(90px, calc(140 * var(--base-unit))); } .module-futuretalks-overview .filter-bar { padding: max(35px, calc(120 * var(--base-unit))) 0; } .module-futuretalks-overview .module-body { transition: opacity 500ms var(--ttf-7); } .module-futuretalks-overview.is-loading .module-body { opacity: 0.3; } .module-goals { background: var(--base-color-black); color: var(--base-color-white); text-align: center; } body.single-landingpage .module-goals { background: var(--base-color-blue); } .module-goals .module-inner { padding-top: max(50px, calc(145 * var(--base-unit))); padding-bottom: max(59px, calc(145 * var(--base-unit))); } body.single-landingpage .module-goals .module-inner { padding-top: max(42px, calc(52 * var(--base-unit))); padding-bottom: 0; } .module-goals .module-header .headline { text-transform: uppercase; } .module-goals .module-header + .module-body { margin-top: max(50px, calc(125 * var(--base-unit))); } body.single-landingpage .module-goals .module-header + .module-body { margin-top: max(50px, calc(70 * var(--base-unit))); } .module-goals .module-footer { margin-top: max(50px, calc(125 * var(--base-unit))); } .module-goals .module-footer p { max-width: max(350px, calc(670 * var(--base-unit))); margin: 0 auto; } .module-goals .module-footer .btn-set { margin-top: max(40px, calc(70 * var(--base-unit))); } .goals-list { --base-width: 100%; --columns: 5; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: calc(75 * var(--base-unit)); --row-gap: max(50px, calc(130 * var(--base-unit))); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; justify-content: center; } .goals-list > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); display: flex; flex-flow: column nowrap; } .goals-list figure { margin-top: auto; padding-top: 35px; } .goals-list figure img { width: max(78px, calc(140 * var(--base-unit))); height: auto; } @media (max-width: 1100px) { .goals-list { --columns: 3; } } @media (max-width: 600px) { .goals-list { --columns: 2; justify-content: flex-start; } .goals-list .description .cpy-20 { --min-font-size: 12px; } body.single-landingpage .goals-list figure { margin-top: 0; } } .module-hero { --height: calc(100vh - var(--ios-vh-issue, 0px)); position: relative; z-index: 3; overflow: hidden; } .module-hero, .module-hero .module-inner { min-height: var(--height); } .module-hero .module-inner { display: flex; flex-flow: column nowrap; position: relative; z-index: 2; } .module-hero .module-wrap { padding-top: var(--header-height, 0px); display: flex; flex-flow: column nowrap; flex-grow: 1; } html.touchevents .module-hero .background, html.touchevents .module-subpage-hero .background, html.touchevents .module-landingpage-hero .background, html.touchevents .module-landingpage-hero-2 .background { --page-pointer-left: 60vw; --page-pointer-top: 60vw; } .module-hero .background, .module-subpage-hero .background, .module-landingpage-hero .background, .module-landingpage-hero-2 .background { position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; transform: translate(var(--page-pointer-left, 50vw), var(--page-pointer-top, 50vh)); } .module-hero .background span, .module-subpage-hero .background span, .module-landingpage-hero .background span, .module-landingpage-hero-2 .background span { display: block; position: absolute; top: 0; left: 0; width: max(1000px, 200vw); height: max(1000px, 200vw); transform: translate(-50%, -50%); background: transparent radial-gradient(closest-side at 50% 50%, #9AABD2 0%, #A2AED1 10%, #C3BDCD 20%, #E5CCC8 30%, #F7DACE 40%, #F9E7DF 50%, #FCF4F0 60%, #ffffff 70%, #ffffff 80%, #ffffff 90%, #ffffff 100%) 0% 0% no-repeat padding-box; } .module-hero .copy-rows { margin: auto 0; } .module-hero .copy-rows .row { line-height: .94117647058823529411; display: flex; flex-flow: row nowrap; } .module-hero .copy-rows .value { position: relative; display: inline-block; margin-left: 0.05em; } /* .module-hero .copy-rows .value::after { content: ''; display: block; position: absolute; bottom: 0; left: 0.05em; width: .54705882352941176470em; height: .07058823529411764705em; background: var(--base-color-black); pointer-events: none; }*/ .module-hero .copy-rows .better { -webkit-text-stroke: max(1px, min(3px, calc(3 * var(--base-unit)))) #707070; color: transparent; } .module-hero .chars { display: flex; flex-flow: row nowrap; } .module-hero .chars .cursor { position: relative; bottom: 0.1em; } .module-hero .chars .char { display: inline-block; max-width: 0px; position: relative; overflow: hidden; transition-property: max-width, transform, opacity; transition-duration: 0ms, 200ms, 200ms; transition-delay: calc(var(--char-index, 0) * var(--delay, 0ms)); transform: scale(0.8); transform-origin: left center; opacity: 0; } .module-hero .chars .cursor { display: none; } .module-hero .row.running .chars .cursor { display: block; } .module-hero .row.done .chars .cursor { display: none; } .module-hero .row.running .chars .char { max-width: 200px; opacity: 1; transform: none; } @media (max-width: 500px) { .module-hero { overflow: visible; } .module-hero .background { inset: 0; transform: none; overflow: hidden; } .module-hero .background span { left: 100%; top: 30%; width: 600vw; height: 600vw; } .module-hero .copy-rows { margin: 0; padding-top: 80px; } .module-hero .copy-rows .hdln-170 { font-size: calc(76 * var(--base-unit-mobile)); } .module-hero .copy-rows .row .better { display: none; } .module-hero .copy-rows .row { display: block; } .module-hero .copy-rows .row:first-child .better { display: block; } .module-hero .copy-rows .value { margin-left: 0; } } .module-image-copy .col-set { display: flex; flex-flow: row nowrap; } .module-image-copy .col-1 { width: 49.31034482758620689600%; margin-right: auto; } .module-image-copy .col-2 { width: 45.74712643678160919500%; } .module-image-copy .wysiwyg em { font-style: normal; display: block; line-height: 1.5; } .module-image-copy .wysiwyg > *:not(:last-child) { margin-bottom: calc(34 * var(--base-unit)); } .module-image-copy[data-layout="copy|image"] .col-1 { order: 2; margin-right: 0; margin-left: auto; } .module-image-copy[data-layout="copy|image"] .col-2 { order: 1; } @media (max-width: 750px) { .module-image-copy .col-set { flex-flow: column nowrap; } .module-image-copy .col-set > * { width: 100%; margin: 0; } .module-image-copy .col-set .col-1 { order: 1; margin-bottom: 20px; } .module-image-copy .col-set .col-2 { order: 2; } .module-image-copy img { width: max(310px, 75vw); } .module-image-copy .wysiwyg > *:not(:last-child) { margin-bottom: 15px; } } .jobs-list > li:not(:last-child) { margin-bottom: max(10px, calc(30 * var(--base-unit))); } .jobs-list *[data-accordion-handle] { background: var(--base-color-black); color: var(--base-color-white); cursor: pointer; user-select: none; padding: calc(36 * var(--base-unit)) calc(55 * var(--base-unit)); position: relative; } .jobs-list *[data-accordion-handle] .headline, .jobs-list *[data-accordion-handle] .focus { text-transform: uppercase; } .jobs-list .job-description > div { padding: calc(60 * var(--base-unit)) calc(55 * var(--base-unit)); } .jobs-list .copy-1 { margin-bottom: max(50px, calc(80 * var(--base-unit))); } .jobs-list .copy-1, .jobs-list .copy-4 { max-width: max(1160px, calc(1160 * var(--base-unit))); } .jobs-list .col-set { margin-bottom: max(50px, calc(70 * var(--base-unit))); display: flex; flex-flow: row nowrap; } .jobs-list .col-set > * { width: calc(50% - calc(35 * var(--base-unit))); } .jobs-list .col-set > *:first-child { margin-right: auto; } .jobs-list .wysiwyg > *:not(:last-child) { margin-bottom: 1em; } .jobs-list .job-description { opacity: 0; max-height: 0px; transform: translateY(-30px); overflow: hidden; transition: 500ms var(--ttf-7); transition-property: opacity, transform, max-height; } .jobs-list *[data-accordion-state="opened"] .job-description { opacity: 1; max-height: var(--max-height, 2000px); transform: none; } .jobs-list .teaser-arrow svg { transition: transform 500ms var(--ttf-7); } .jobs-list *[data-accordion-state="opened"] .teaser-arrow svg { transform: rotate(180deg) translate(50%, 50%); } .jobs-list .btn-set { margin-top: 0; margin-bottom: 42px; } @media (max-width: 750px) { .jobs-list *[data-accordion-handle] { padding: 34px var(--page-padding-right) 54px var(--page-padding-left); } .jobs-list .job-description > div { padding: 48px var(--page-padding-right) 50px var(--page-padding-left); } .jobs-list *[data-accordion-handle] .focus { margin-top: 30px; } } @media (max-width: 600px) { .jobs-list .col-set { flex-flow: column nowrap; } .jobs-list .col-set > * { width: 100%; } .jobs-list .col-set > * + * { margin-top: 50px; } } @media (max-width: 500px) { .jobs-list .cpy-30 { line-height: 1.4375; } .jobs-list-wrap { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); } .jobs-list *[data-accordion-handle] .headline { line-height: 1.23809523809523809523; } } .module-jobs-intro { background: var(--base-color-black); color: var(--base-color-white); } .module-jobs-intro .better-headline { --color: var(--base-color-white); } .module-jobs-intro .module-wrap { padding-top: max(44px, calc(100 * var(--base-unit))); padding-bottom: max(50px, calc(120 * var(--base-unit))); } .module-jobs-intro .subheadline { text-transform: uppercase; line-height: 1.41538461538461538461; max-width: max(550px, min(900px, calc(900 * var(--base-unit)))); margin-bottom: calc(40 * var(--base-unit)); } .module-jobs-intro .module-header + .module-body { margin-top: 0; } .module-jobs-intro .module-body { max-width: max(600px, min(1700px, calc(1700 * var(--base-unit)))); } .module-jobs-intro .wysiwyg { max-width: max(550px, min(970px, calc(970 * var(--base-unit)))); margin-left: auto; } @media (max-width: 750px) { .module-jobs-intro .module-header, .module-jobs-intro .module-body { max-width: 100%; padding-left: 0; } .module-jobs-intro .subheadline { line-height: 1.09523809523809523809; margin-top: 105px; margin-bottom: 62px; } } .module-jsq { background: var(--base-color-black); color: var(--base-color-white); } .module-jsq .module-wrap { padding: max(100px, calc(145 * var(--base-unit))) 0; } .module-jsq article.case-teaser[data-layout="latest"] { padding-top: 0 !important; } .module-jsq article.case-teaser .row-2::before { display: none; } .module-jsq .kicker { margin-bottom: 0.5em; } .module-jsq .quote { margin-bottom: 0.4em; } .module-jsq .btn-set { margin-top: max(30px, calc(44 * var(--px))); } article.case-teaser figure::before { display: none; } .module-landingpage-contact { background: var(--base-color-rose); color: var(--base-color-black); } .module-landingpage-contact .module-inner { padding-top: max(50px, calc(140 * var(--base-unit))); padding-bottom: max(100px, calc(140 * var(--base-unit))); } .module-landingpage-contact .module-headline { margin-bottom: max(50px, calc(120 * var(--base-unit))); text-transform: uppercase; max-width: max(1200px, calc(1200 * var(--base-unit))); } .module-landingpage-contact form { --input-line-color: var(--base-color-black); --input-line-color-hover: var(--base-color-blue); --input-background-color: var(--base-color-rose); --input-text-color: var(--base-color-black); } .module-landingpage-contact .outer-form-wrap { max-width: max(1200px, calc(1200 * var(--base-unit))); } .module-landingpage-contact .success-copy { display: none; } .module-landingpage-contact .hdln-70 { --min-font-size: 24px; } @media (max-width: 500px) { .module-landingpage-contact .hdln-70 { line-height: 1.16666666666666666666; } } .module-landingpage-hero { position: relative; z-index: 3; overflow: hidden; } .module-landingpage-hero .module-inner { display: flex; flex-flow: column nowrap; position: relative; z-index: 2; } .module-landingpage-hero .module-wrap { padding-top: calc(var(--header-height, 0px) + (80 * var(--base-unit))); display: flex; flex-flow: column nowrap; flex-grow: 1; max-width: calc(1560 * var(--base-unit)); margin: 0 auto; padding-bottom: max(80px, calc(177 * var(--base-unit))); } .landingpage-hero-badge { position: relative; height: 0; z-index: 4; display: none; } .module-landingpage-hero .headline-wrap { margin-bottom: 36px; } .module-landingpage-hero .headline-wrap .headline { text-transform: uppercase; max-width: max(350px, calc(950 * var(--base-unit))); } .module-landingpage-hero .col-set { display: flex; flex-flow: row nowrap; } .module-landingpage-hero .col-1 { width: calc(670 * var(--base-unit)); margin-right: max(30px, calc(97 * var(--base-unit))); flex-shrink: 0; display: flex; flex-flow: column nowrap; } .module-landingpage-hero .col-2 { flex-shrink: 1; width: 100%; } .module-landingpage-hero .btn-set { margin-top: 34px; } .module-landingpage-hero figure { margin-top: auto; padding-top: 34px; } .module-landingpage-hero figure img { width: max(180px, calc(486 * var(--base-unit))); height: auto; } .module-landingpage-hero .wysiwyg { line-height: 1.16666666666666666666; } .module-landingpage-hero video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; } @media (max-width: 900px) { .module-landingpage-hero .module-wrap { max-width: none; } } @media (max-width: 700px) { .module-landingpage-hero .col-set { flex-flow: column nowrap; } .module-landingpage-hero .col-1 { width: auto; margin-right: 0; } .module-landingpage-hero .col-2 { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); width: auto; margin-top: 32px; } } @media (max-width: 500px) { .module-landingpage-hero .background { inset: 0; transform: none; overflow: hidden; } .module-landingpage-hero .background span { left: 100%; top: 30%; width: 600vw; height: 600vw; } .module-landingpage-hero .headline-wrap { margin-bottom: 17px; } .module-landingpage-hero .headline-wrap .headline { --min-font-size: 42px; -webkit-hyphens: auto; hyphens: auto; } } .module-landingpage-hero-2 { position: relative; z-index: 3; overflow: hidden; } .module-landingpage-hero-2 .module-inner { display: flex; flex-flow: column nowrap; position: relative; z-index: 2; } .module-landingpage-hero-2 .module-wrap { padding-top: calc(var(--header-height, 0px) + (80 * var(--base-unit))); display: flex; flex-flow: column nowrap; flex-grow: 1; width: 100%; max-width: 1740px; margin: 0 auto; padding-bottom: 40px; } .module-landingpage-hero-2 .headline-wrap .headline { text-transform: uppercase; --min-font-size: 42px; } .module-landingpage-hero-2 .col-set { display: flex; flex-flow: row nowrap; } .module-landingpage-hero-2 .col-1 { width: calc(703 * var(--base-unit)); margin-right: max(30px, calc(97 * var(--base-unit))); flex-shrink: 0; display: flex; flex-flow: column nowrap; } .module-landingpage-hero-2 .col-2 { flex-shrink: 1; width: 100%; } .module-landingpage-hero-2 .btn-set { margin-top: 34px; } .module-landingpage-hero-2 .col-1 figure { margin-top: auto; padding-top: 60px; } .module-landingpage-hero-2 .col-1 figure img { width: max(180px, calc(486 * var(--base-unit))); height: auto; } .module-landingpage-hero-2 .wysiwyg { line-height: 1.16666666666666666666; } .module-landingpage-hero-2 .col-2 figure { margin-top: calc(-100 * var(--base-unit)); } .module-landingpage-hero-2 .col-2 figure img { width: max(317px, calc(744 * var(--base-unit))); height: auto; } @media (max-width: 900px) { .module-landingpage-hero-2 .module-wrap { max-width: none; } } @media (max-width: 700px) { .module-landingpage-hero-2 .col-set { flex-flow: column nowrap; } .module-landingpage-hero-2 .col-1 { width: auto; margin-right: 0; } .module-landingpage-hero-2 .col-2 { width: auto; margin-top: 32px; } .module-landingpage-hero-2 .col-2 figure { margin-top: 0; } } @media (max-width: 500px) { .module-landingpage-hero-2 .background { inset: 0; transform: none; overflow: hidden; } .module-landingpage-hero-2 .background span { left: 100%; top: 30%; width: 600vw; height: 600vw; } .module-landingpage-hero-2 .headline-wrap .headline { --min-font-size: 42px; -webkit-hyphens: auto; hyphens: auto; } .module-landingpage-hero-2 .col-1 figure { padding-top: 38px; } } .module-landingpage-hero-3 { position: relative; z-index: 3; overflow: hidden; } .module-landingpage-hero-3 .module-inner { display: flex; flex-flow: column nowrap; position: relative; z-index: 2; } .module-landingpage-hero-3 .module-wrap { padding-top: calc(var(--header-height, 0px) + (80 * var(--base-unit))); display: flex; flex-flow: column nowrap; flex-grow: 1; width: 100%; max-width: 1740px; margin: 0 auto; padding-bottom: 40px; } .module-landingpage-hero-3 .headline-wrap .headline { text-transform: uppercase; --min-font-size: 42px; } .module-landingpage-hero-3 .col-set { display: flex; flex-flow: row nowrap; } .module-landingpage-hero-3 .col-1 { width: calc(703 * var(--base-unit)); margin-right: max(30px, calc(97 * var(--base-unit))); flex-shrink: 0; display: flex; flex-flow: column nowrap; } .module-landingpage-hero-3 .col-2 { flex-shrink: 1; width: 100%; } .module-landingpage-hero-3 .btn-set { margin-top: 34px; } .module-landingpage-hero-3 .col-1 figure { margin-top: auto; padding-top: 60px; } .module-landingpage-hero-3 .col-1 figure img { width: max(180px, calc(486 * var(--base-unit))); height: auto; } .module-landingpage-hero-3 .wysiwyg { line-height: 1.16666666666666666666; } .module-landingpage-hero-3 .background-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .module-landingpage-hero-3 .background-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; } @media (max-width: 900px) { .module-landingpage-hero-3 .module-wrap { max-width: none; } } @media (max-width: 700px) { .module-landingpage-hero-3 .col-set { flex-flow: column nowrap; } .module-landingpage-hero-3 .col-1 { width: auto; margin-right: 0; } .module-landingpage-hero-3 .col-2 { width: auto; margin-top: 32px; } .module-landingpage-hero-3 .col-2 figure { margin-top: 0; } } @media (max-width: 500px) { .module-landingpage-hero-3 .background { inset: 0; transform: none; overflow: hidden; } .module-landingpage-hero-3 .background span { left: 100%; top: 30%; width: 600vw; height: 600vw; } .module-landingpage-hero-3 .headline-wrap .headline { --min-font-size: 42px; -webkit-hyphens: auto; hyphens: auto; } .module-landingpage-hero-3 .col-1 figure { padding-top: 38px; } } .module-large-image .module-wrap { max-width: max(700px, min(1442px, calc(1442 * var(--base-unit)))); margin: 0 auto; } .module-large-image img { max-width: none; width: 100%; } .module-latest-case-teaser { background: var(--base-color-black); color: var(--base-color-white); } .module-latest-case-teaser .module-wrap { padding-top: max(38px, calc(140 * var(--base-unit))); padding-bottom: max(90px, calc(200 * var(--base-unit))); } .module-latest-case-teaser .better-headline { --color: var(--base-color-white); } .module-latest-case-teaser .module-header + .module-body { margin-top: 70px; } @media (max-width: 650px) { .module-latest-case-teaser .module-header + .module-body { margin-top: 108px; } } .module-logo-wall.has-no-headline { background: var(--base-color-white); } body.single-landingpage .module-logo-wall { background: var(--base-color-white); } body.single-landingpage .module-logo-wall .module-inner { padding-top: max(50px, calc(100 * var(--base-unit))); } .module-logo-wall.has-no-headline .module-wrap { padding: calc(40 * var(--base-unit)) 0; } .module-logo-wall[data-mode="marquee"] { overflow: hidden; } .module-logo-wall .logos-marquee { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); } .logo-wall-grid { --base-width: 100%; --columns: 6; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: var(--page-padding-left); --row-gap: calc(var(--page-padding-left) / 6); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .logos-marquee .logo-wall-grid { flex-flow: row nowrap; width: min-content; --base-width: 100vw; margin-right: 0; } .logo-wall-grid > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); flex-shrink: 0; } .logo-wall-grid > * > div { padding: calc(30 * var(--base-unit)); } .logo-wall-grid img { aspect-ratio: 1 / 1 !important; width: 100%; max-width: none; height: auto; object-fit: contain; } .module-logo-wall .module-body { position: relative; } .module-logo-wall.has-headline .module-body { padding: calc(40 * var(--base-unit)) 0; } .module-logo-wall .module-body > * { position: relative; z-index: 2; } .module-logo-wall.has-headline .module-body::after { content: ''; display: block; position: absolute; top: 0; left: calc(var(--page-padding-left) * -1); right: calc(var(--page-padding-right) * -1); bottom: 0; background: var(--base-color-white); } .module-logo-wall .module-header.has-subheadline { display: flex; flex-flow: row nowrap; } .module-logo-wall .module-header.has-subheadline .better-headline { flex-shrink: 0; } .module-logo-wall .module-header.has-subheadline .subheadline { align-self: flex-end; margin-left: calc(70 * var(--base-unit)); margin-bottom: calc(5 * var(--base-unit)); max-width: calc(858 * var(--base-unit)); } .module-logo-wall .marquee { overflow: hidden; position: relative; } .module-logo-wall .marquee-inner { width: fit-content; display: flex; flex-flow: row nowrap; position: relative; } .module-logo-wall .marquee.is-set-up .marquee-inner { animation: marquee 60s linear infinite; } .module-logo-wall .logos-marquee-row-2.is-set-up .marquee-inner { animation: marquee 80s linear infinite; } .module-logo-wall .marquee .clone { display: flex; flex-flow: row nowrap; } @media (max-width: 1200px) { .logo-wall-grid { --columns: 5; } } @media (max-width: 900px) { .logo-wall-grid { --columns: 4; } } @media (max-width: 600px) { .module-logo-wall .module-header.has-subheadline { flex-flow: column nowrap; } .module-logo-wall .module-header.has-subheadline .subheadline { margin-left: 0; max-width: none; margin-top: 20px; } } @media (max-width: 500px) { .logo-wall-grid { --columns: 3; } } .module-media-wall { background: var(--base-color-white); } .module-media-wall .module-wrap { padding: max(90px, calc(110 * var(--base-unit))) 0 max(60px, calc(85 * var(--base-unit))); } .module-media-wall .module-header .headline { text-align: center; } .media-wall-grid { --base-width: 100%; --columns: 5; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: calc(var(--page-padding-left) / 3); --row-gap: calc(var(--page-padding-left) / 3); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; justify-content: center; } .media-wall-grid > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); flex-shrink: 0; } .media-wall-grid img { aspect-ratio: 1 / 1 !important; width: 100%; max-width: none; height: auto; object-fit: contain; transform: scale(1.35); pointer-events: none; user-select: none; } .module-media-wall .module-body { position: relative; } .module-media-wall .module-header + .module-body { margin-top: 20px; } .module-media-wall .module-body > * { position: relative; z-index: 2; } .module-media-wall.has-headline .module-body::after { content: ''; display: block; position: absolute; top: 0; left: calc(var(--page-padding-left) * -1); right: calc(var(--page-padding-right) * -1); bottom: 0; background: var(--base-color-white); } @media (max-width: 700px) { .media-wall-grid { --columns: 3; } } @media (max-width: 500px) { .media-wall-grid { --columns: 3; } .module-media-wall .module-header .headline { --min-font-size: 24px; } } .module-news-article-header .module-wrap { margin: 0 auto; max-width: var(--module-max-width-narrow); padding-top: max(153px, calc(440 * var(--base-unit))); } .module-news-article-header .headline { text-transform: uppercase; color: var(--base-color-blue); } .module-news-article-header .headline h1 { -webkit-hyphens: auto; hyphens: auto; } .module-news-article-header .date { margin-bottom: max(20px, calc(40 * var(--base-unit))); } .module-news-article-header .excerpt { margin-top: max(20px, calc(54 * var(--base-unit))); } .module-news-article-header .content-image { margin-top: max(20px, calc(70 * var(--base-unit))); } .module-news-article-header .name { color: var(--base-color-blue); } .module-news-overview .filter-bar { --padding-y: max(35px, calc(120 * var(--base-unit))); padding-bottom: var(--padding-y); } .module-news-overview .module-header + .filter-bar { padding-top: var(--padding-y); } .module-news-overview .filter-bar .sectors-list { text-align: left; } .module-news-overview.is-loading .filter-bar { pointer-events: none; } .module-news-overview .module-body { transition: opacity 500ms var(--ttf-7); } .module-news-overview.is-loading .module-body { opacity: 0.3; } @media (max-width: 600px) { .module-news-overview .module-body { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); } } .module-podcast-overview { background: var(--base-color-rose); } .module-podcast-overview .module-inner { padding-top: 55px; padding-bottom: max(100px, calc(144 * var(--base-unit))); } .module-podcast-overview .module-header .better-headline { line-height: .85; } .module-podcast-overview .module-header .better-headline .better { display: none; } .module-podcast-overview .module-intro { margin-top: max(25px, calc(75 * var(--base-unit))); margin-bottom: max(50px, calc(100 * var(--base-unit))); } ul.podcast-urls { display: flex; flex-flow: row nowrap; margin-top: max(12px, calc(28 * var(--base-unit))); } ul.podcast-urls > li + li { margin-left: max(12px, calc(24 * var(--base-unit))); } ul.podcast-urls img { width: max(40px, calc(91 * var(--base-unit))); } .module-podcast-overview .intro-copy { max-width: max(500px, calc(1327 * var(--base-unit))); margin-bottom: calc(70 * var(--base-unit)); } @media (max-width: 600px) { .module-podcast-overview .module-body { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); } } .module-quiz { background: var(--base-color-rose); } .module-quiz .module-inner { padding-top: max(150px, calc(275 * var(--px))); padding-bottom: max(150px, calc(275 * var(--px))); position: relative; z-index: 2; } .module-quiz .hdln-70 { --min-font-size: 30px; } .module-quiz .cpy-40 { --min-font-size: 16px; } .module-quiz .quform-edit-form { display: none; } .module-quiz .quform-label>label>.quform-required { display: none; } .module-quiz .quform-loading { position: absolute; top: -1000000px; left: -1000000px; } .module-quiz .quform-elements { display: flex; flex-flow: column nowrap; } .module-quiz .quform-error>.quform-error-inner { padding: 0; border: 0; font-size: max(16px, calc(25 * var(--px))); font-family: var(--base-font-1-bold); text-align: center; background: none; color: var(--base-color-blue); margin-top: calc(50 * var(--px)); } .module-quiz .quform-success-message { background: none; border: 0; padding: 0; margin: 0; text-align: center; } .module-quiz .quform-page-progress { order: 22; margin-top: max(80px, calc(80 * var(--px))); box-sizing: content-box; height: calc(22 * var(--px)); border: 3px solid var(--base-color-blue); } .module-quiz .quform-is-first-page .quform-page-progress { display: none; } @media (max-width: 600px) { .module-quiz .quform-page-progress { display: none; } } .module-quiz .quform-page-progress-text { display: none; } .module-quiz .quform-page-progress-bar { background: var(--base-color-blue) !important } .module-quiz .quform-element .quform-label, .module-quiz .quform-page-title > div, .module-quiz .sn-quiz-page-title { text-align: center; text-transform: uppercase; max-width: max(500px, calc(1120 * var(--px))); margin: 0 auto; margin-bottom: max(28px, calc(38 * var(--px))); } .module-quiz .quform-element .quform-inner, .module-quiz .quform-element-submit { max-width: max(400px, calc(840 * var(--px))); margin: 0 auto; } .module-quiz .quform-element-submit { margin-top: max(50px, calc(50 * var(--px))); text-align: center; } .module-quiz .quform-element-submit > div { text-align: center; float: none; margin: 0; display: inline-block; padding: 0 calc(15 * var(--px)); } .module-quiz .quform-element-submit button { display: inline-block; padding-left: 2em; padding-right: 2em; } .module-quiz .quform-button-back { } .quform-cf:after, .quform-cf:before, .quform-child-elements:after, .quform-child-elements:before, .quform-element-row:after, .quform-element-row:before { display: none !important; } .module-quiz .quform-page-title > div { max-width: none; } .module-quiz .quform-page-description { max-width: max(530px, calc(800 * var(--px))); margin: 0 auto; text-align: center; } img.sn-quiz-intro-thumb { width: max(140px, calc(290 * var(--px))); height: auto; display: inline-block; } img.sn-quiz-thumb { width: max(140px, calc(290 * var(--px))); height: auto; display: inline-block; } .module-quiz .sn-quiz-list .quform-inner { max-width: max(500px, calc(1170 * var(--px))); } .sn-quiz-list .quform-options { display: flex; flex-flow: column nowrap; margin: 0 !important; } .sn-quiz-list .quform-options .quform-option { float: none; padding: 0; position: relative; margin-bottom: 13px; } .sn-quiz-list .quform-options .quform-option label { display: block; padding: calc(30 * var(--px)) calc(30 * var(--px)) calc(60 * var(--px)) calc(125 * var(--px)); cursor: pointer; background-color: var(--base-color-black); color: var(--base-color-white); transition: background-color 250ms var(--ttf-2); } .module-quiz .sn-quiz-list-funnel .quform-inner { max-width: max(400px, calc(950 * var(--px))); } .sn-quiz-list-funnel .quform-options { --clip-indent: calc(150 * var(--px)); clip-path: polygon(0% 0%, 100% 0%, calc(100% - var(--clip-indent)) 100%, var(--clip-indent) 100%); } .sn-quiz-list-funnel .quform-options .quform-option label { padding: calc(30 * var(--px)); text-align: center; } .sn-quiz-list-funnel .cpy-40 { --min-font-size: 18px; } .module-quiz .sn-quiz-list-2-columns .quform-inner { max-width: max(640px, calc(1150 * var(--px))); } .sn-quiz-list-2-columns .quform-options { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 !important; --gap: calc(28 * var(--px)); margin-bottom: calc(var(--gap) * -1) !important; } .sn-quiz-list-2-columns .quform-options .quform-option { float: none; padding: 0; width: calc((100% - var(--gap)) / 2) !important; position: relative; margin-bottom: var(--gap); } .sn-quiz-list-2-columns .quform-options .quform-option label { padding: calc(30 * var(--px)) calc(15 * var(--px)); text-align: center; } @media (max-width: 750px) { .sn-quiz-list-2-columns .quform-options { flex-flow: column nowrap; align-items: center; } .sn-quiz-list-2-columns .quform-options .quform-option { width: 100% !important; max-width: 310px; } } .sn-quiz-list-2-columns .cpy-40 { --min-font-size: 18px; } .sn-quiz-boxes .quform-options { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 !important; margin-bottom: calc(var(--gap) * -1) !important; --gap: calc(35 * var(--px)); } .sn-quiz-boxes-b2b-b2c .quform-options { --gap: calc(28 * var(--px)); } .sn-quiz-boxes .quform-options .quform-option { float: none; padding: 0; width: calc((100% - (var(--gap) * 3)) / 4) !important; padding-top: 25%; position: relative; margin-bottom: var(--gap); } .sn-quiz-boxes-b2b-b2c .quform-options .quform-option { width: calc((100% - var(--gap)) / 2) !important; padding-top: 50%; } .module-quiz .sn-quiz-boxes .quform-inner { max-width: max(600px, calc(1225 * var(--px))); } .module-quiz .sn-quiz-boxes-b2b-b2c .quform-inner { max-width: max(400px, calc(590 * var(--px))); } .sn-quiz-boxes .quform-options .quform-option label { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; cursor: pointer; background-color: var(--base-color-black); color: var(--base-color-white); transition: background-color 250ms var(--ttf-2); text-align: center; } .sn-quiz-boxes-with-icons .quform-options .quform-option label { background-size: 50%; background-repeat: no-repeat; background-position: center top 30%; } .sn-quiz-boxes .quform-options .quform-option label > span { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); display: block; padding: 7%; box-sizing: border-box; } .sn-quiz-boxes-with-icons .quform-options .quform-option label > span { transform: translateX(-50%); top: auto; bottom: 0; } .sn-quiz-boxes .quform-options .quform-option input:checked + label, .sn-quiz-list .quform-options .quform-option input:checked + label { background-color: var(--base-color-blue); } .sn-quiz-boxes .quform-options .quform-option input, .sn-quiz-list .quform-options .quform-option input { position: absolute; top: 0; left: 0; opacity: 0; } .sn-quiz-boxes .cpy-40 { --min-font-size: 18px; } @media (max-width: 600px) { .sn-quiz-boxes .quform-options .quform-option { width: calc((100% - var(--gap)) / 2) !important; padding-top: 50%; } } .module-quiz .sn-quiz-text + .sn-quiz-text { margin-top: calc(55 * var(--px)); } .module-quiz .sn-quiz-text .quform-label { margin-bottom: 15px; } .module-quiz .sn-quiz-text .quform-inner { max-width: max(300px, calc(720 * var(--px))); } .module-quiz .sn-quiz-text .quform-label>label>.quform-required { display: inline; color: inherit; } .sn-quiz-text .quform-label-text { font-size: 23px; font-family: var(--base-font-1-bold); color: var(--base-color-blue); } .module-quiz .sn-quiz-text input.quform-field-text, .module-quiz .sn-quiz-text input.quform-field-email { border: 4px solid var(--base-color-black); width: 100%; margin: 0 auto; font-size: max(21px, calc(48 * var(--px))); padding: 0.25em 0.5em; background: transparent !important; box-shadow: none !important; } @media (max-width: 600px) { .module-quiz .sn-quiz-text input.quform-field-text, .module-quiz .sn-quiz-text input.quform-field-email { border-width: 2px; } } .sn-quiz-newsletter { margin-top: calc(96 * var(--px)); } .module-quiz .sn-quiz-newsletter .quform-inner { max-width: max(400px, calc(900 * var(--px))); } .sn-quiz-newsletter .quform-label { display: none; } .sn-quiz-newsletter .cpy-40, .sn-quiz-newsletter .quform-description { font-size: max(18px, calc(23 * var(--px))); } .sn-quiz-newsletter .quform-description { font-style: normal; display: block; margin-top: calc(30 * var(--px)); } .sn-quiz-newsletter .quform-option { position: relative; padding-left: max(40px, calc(96 * var(--px))); user-select: none; } .sn-quiz-newsletter .quform-option input[type="checkbox"] { position: absolute; top: 50%; left: 0; transform: translateY(-50%); --size: max(25px, calc(60 * var(--px))); width: var(--size); height: var(--size); -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; border: max(2px, calc(4 * var(--px))) solid var(--base-color-blue); background: var(--base-color-white); transition: background 250ms var(--ttf-2); cursor: pointer; } @media (max-width: 600px) { .sn-quiz-newsletter .quform-option input[type="checkbox"] { top: 0; transform: none; } } .sn-quiz-newsletter .quform-option input[type="checkbox"]:checked { background: var(--base-color-blue); } .module-quiz .sn-quiz-newsletter .quform-option-label { padding-left: 0; } .module-quiz .sn-quiz-range .quform-label { margin-bottom: max(60px, calc(140 * var(--px))); } .module-quiz .sn-quiz-range .quform-inner { max-width: none; } .sn-quiz-range .quform-options { display: flex; flex-flow: row nowrap; position: relative; height: max(25px, calc(64 * var(--px))); } .sn-quiz-range .quform-input::before { content: ''; display: block !important; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); height: calc(11 * var(--px)); background: var(--base-color-black); pointer-events: none; z-index: 1; } @media (max-width: 600px) { .sn-quiz-range .quform-input::before { height: 3px; } } .sn-quiz-range .quform-options > div { width: calc(100% / 12); position: relative; z-index: 2; text-align: center; } .sn-quiz-range .quform-options > div::after { display: block !important; content: ''; display: block; position: absolute; top: 0; left: 50%; height: 100%; width: 4px; background: #707070; pointer-events: none; transform: translateX(-50%); z-index: 2; } @media (max-width: 600px) { .sn-quiz-range .quform-options > div::after { width: 1px; } } .sn-quiz-range .quform-options > div .quform-option-text { font-size: calc(30 * var(--px)); display: block; position: absolute; bottom: calc(100% + (15 * var(--px))); left: 0; width: 100%; text-align: center; } .sn-quiz-range .quform-options input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; opacity: 0; width: 100%; height: 100%; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 2; } .sn-quiz-range .quform-option .quform-option-label { position: static; padding: 0; } .sn-quiz-range .quform-options input[type="radio"] + .quform-option-label::after { display: block !important; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); --size: calc(50 * var(--px)); width: var(--size); height: var(--size); border-radius: 50%; background: var(--base-color-blue); pointer-events: none; transition: transform 250ms var(--ttf-2); z-index: 3; } .sn-quiz-range .quform-options input[type="radio"]:checked + .quform-option-label::after { transform: translate(-50%, -50%); } .module-quiz .sn-quiz-visibility .quform-inner { max-width: calc(1350 * var(--px)); } .sn-quiz-visibility .quform-options { display: flex; flex-flow: row nowrap; position: relative; justify-content: space-between; text-align: center; } .sn-quiz-visibility .quform-options > div { width: calc(100% / 9); position: relative; z-index: 2; text-align: center; } .sn-quiz-visibility .quform-option .quform-option-label { display: none; } .sn-quiz-visibility .quform-option:first-child .quform-option-label, .sn-quiz-visibility .quform-option:last-child .quform-option-label { display: block; background-size: contain; background-repeat: no-repeat; background-position: center; height: 100%; padding-left: 0; } .sn-quiz-visibility .quform-option:first-child .quform-option-label .quform-option-text, .sn-quiz-visibility .quform-option:last-child .quform-option-label .quform-option-text { display: block; position: absolute; top: calc(100% + (20 * var(--px))); left: 0; width: 100%; text-align: center; } .sn-quiz-visibility .quform-option:first-child, .sn-quiz-visibility .quform-option:last-child { pointer-events: none; width: calc(105 * var(--px)); } .module-quiz .sn-quiz-visibility input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; border-radius: 50%; --size: calc(78 * var(--px)); width: var(--size); height: var(--size); border: max(2px, calc(10 * var(--px))) solid var(--base-color-blue); background: var(--base-color-white); box-sizing: border-box; cursor: pointer; transition: background 250ms var(--ttf-2); } .module-quiz .sn-quiz-visibility input[type="radio"]:checked { background: var(--base-color-blue); } .sn-quiz-visibility .quform-option:first-child input[type="radio"], .sn-quiz-visibility .quform-option:last-child input[type="radio"] { display: none; } .sn-quiz-visibility .cpy-40 { --min-font-size: 18px; } .module-quote .module-wrap { max-width: max(540px, min(1280px, calc(1280 * var(--base-unit)))); margin: 0 auto; text-align: center; padding: max(80px, calc(204 * var(--base-unit))) 0; } .module-quote figcaption { margin-top: max(20px, calc(40 * var(--base-unit))); } @media (max-width: 600px) { .module-quote blockquote p { line-height: 1.16666666666666666666; } } @media (max-width: 500px) { .module-quote .module-wrap { text-align: left; } } .module-results { background: var(--base-color-black); color: var(--base-color-white); } .module-results .better-headline { --color: var(--base-color-white); } .module-results .module-inner { padding-top: max(54px, calc(80 * var(--base-unit))); padding-bottom: max(90px, calc(170 * var(--base-unit))); } .results-list-wrap { overflow: hidden; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); } .results-list-wrap::-webkit-scrollbar { display: none; } .results-list { display: flex; flex-flow: row nowrap; --column-width: calc(796 * var(--base-unit)); --column-gap: max(30px, calc(69 * var(--base-unit))); padding-left: var(--page-padding-left); padding-right: var(--page-padding-right); padding-bottom: 25px; width: min-content; } .results-list > * { flex-shrink: 0; flex-grow: 0; width: var(--column-width); margin-right: var(--column-gap); } .results-list > *:last-child { margin-right: 0; } .results-list .copy { margin-top: max(30px, calc(95 * var(--base-unit))); padding-top: calc(25 * var(--base-unit)); position: relative; } .results-list .copy::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: calc(100 * var(--base-unit)); height: calc(6 * var(--base-unit)); background: currentColor; } .results-list .description { margin-top: max(20px, calc(44 * var(--base-unit))); } .results-list .headline { text-transform: uppercase; } @media (max-width: 600px) { .results-list .copy .cpy-40 { --min-font-size: 16px; } .results-list { --column-width: 75vw; } .module-results .module-header + .module-body { margin-top: 45px; } .results-list .copy { padding-top: 0; } .results-list .copy::before { display: none; } } .module-sectors-overview .module-header .headline { text-align: center; text-transform: uppercase; } .module-sectors-overview .module-body { max-width: max(800px, min(1500px, calc(1500 * var(--base-unit)))); margin-left: auto; margin-right: auto; } .sectors-teasers-list { --base-width: 100%; --columns: 3; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: 22px; --row-gap: 22px; margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .sectors-teasers-list > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); } .sectors-teasers-list a { display: block; position: relative; } .sectors-teasers-list a[href="#"] { pointer-events: none; cursor: default; } .sectors-teasers-list a[href="#"] .teaser-arrow { display: none; } .sectors-teasers-list figure { position: relative; overflow: hidden; } .sectors-teasers-list figure::before { content: ''; display: block; position: absolute; inset: 0; background: #0A0909; opacity: 0.58; z-index: 2; transition: opacity 500ms var(--ttf-7) } .sectors-teasers-list a:hover figure::before { opacity: 0; } .sectors-teasers-list figure img { position: relative; transition: transform 500ms var(--ttf-7); } .sectors-teasers-list a:hover figure img { transform: scale(1.03); } .sectors-teasers-list .name { position: absolute; left: calc(45 * var(--base-unit)); bottom: max(48px, calc(95 * var(--base-unit))); right: calc(10 * var(--base-unit)); padding-bottom: calc(20 * var(--base-unit)); z-index: 3; color: var(--base-color-white); text-transform: uppercase; transition: color 500ms var(--ttf-7); line-height: 1.125; } .sectors-teasers-list a:hover .name { color: var(--base-color-black); } .sectors-teasers-list .name::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: calc(96 * var(--base-unit)); height: calc(10 * var(--base-unit)); background: currentColor; } .sectors-teasers-list .cpy-40 { --min-font-size: 16px; -webkit-hyphens: auto; hyphens: auto; } @media (max-width: 750px) { .sectors-teasers-list { --columns: 2; } } @media (max-width: 500px) { .module-sectors-overview .module-body { margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-right) * -1); overflow: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .module-sectors-overview .module-body::-webkit-scrollbar { display: none; } .sectors-teasers-list { --columns: 1; --column-gap: 13px; flex-flow: row nowrap; padding-left: var(--page-padding-left); width: min-content; } .sectors-teasers-list > * { width: calc(100vw - (var(--page-padding-left) * 2)); flex-shrink: 0; } .sectors-teasers-list > *:last-child { margin-right: var(--page-padding-right); } .sectors-teasers-list .name { bottom: 70px; left: 25px; right: 25px; } .sectors-teasers-list .name::before { bottom: -10px; width: auto; right: 0; height: 4px; } } .module-services-overview .module-header .headline { text-align: center; text-transform: uppercase; } .module-services-overview .module-body { max-width: min(1600px, calc(1600 * var(--base-unit))); margin-left: auto; margin-right: auto; } .services-teasers-list { --base-width: 100%; --columns: 3; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: 22px; --row-gap: calc(130 * var(--base-unit)); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .services-teasers-list > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); display: flex; flex-flow: column nowrap; } .services-teasers-list a { display: flex; flex-flow: column nowrap; position: relative; flex-grow: 1; } .services-teasers-list a[href="#"] { pointer-events: none; cursor: default; } .services-teasers-list figure { position: relative; overflow: hidden; padding: 0 2em; padding-top: calc(40 * var(--base-unit)); text-align: center; margin-top: auto; } .services-teasers-list figure img { max-width: max(100px, calc(180 * var(--base-unit))); } .services-teasers-list .name { text-transform: uppercase; text-align: center; line-height: 1.2; -webkit-hyphens: auto; hyphens: auto; } .module-services-overview .hdln-70 { --min-font-size: 24px; } @media (max-width: 600px) { .module-services-overview .module-header + .module-body { margin-top: 43px; } .module-services-overview .module-body { max-width: 100%; } .services-teasers-list { --columns: 2; --row-gap: 60px; } .services-teasers-list figure { padding: 0 calc(120 * var(--base-unit)); padding-top: 21px; } } .module-slider { position: relative; } .module-slider::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 30%; background: var(--base-color-black); } .module-slider .module-inner { position: relative; z-index: 2; } .module-slider .module-wrap { max-width: min(1548px, calc(1548 * var(--base-unit))); margin: 0 auto; } @media (max-width: 450px) { .module-slider .module-wrap { max-width: 100%; } .module-slider .splide__arrows { display: none; } .module-slider .module-inner { padding-left: 0; padding-right: 0; } .module-slider img { display: block; width: auto; height: calc(343 * var(--base-unit-mobile)); object-fit: cover; } } .module-stories .slideshow { --width: min(1734px, calc(1734 * var(--base-unit))); width: var(--width); margin: 0 auto; --column-gap: 8px; } .splide { position: relative; } .splide__arrows { position: absolute; top: 50%; left: 0; right: 0; pointer-events: none; z-index: 5; } .splide__arrows button.teaser-arrow { top: auto; right: auto; bottom: auto; left: auto; pointer-events: all; } .splide__arrows button.teaser-arrow.splide__arrow--prev { left: 0; transform: translate(-50%, -50%); } .splide__arrows button.teaser-arrow.splide__arrow--next { right: 0; transform: translate(50%, -50%); } .splide__arrows button.teaser-arrow svg path { fill: var(--base-color-white); } .splide__arrows button.teaser-arrow.splide__arrow--prev svg { transform: translate(-50%, -50%) rotateZ(-180deg); } .module-stories .slideshow .copy { padding-top: calc(58 * var(--base-unit)); padding-right: calc(55 * var(--base-unit)); padding-left: calc(55 * var(--base-unit)); padding-bottom: calc(58 * var(--base-unit)); line-height: 1.19444444444444444444; order: 2; } .module-stories .slideshow figure { height: 100%; display: flex; flex-flow: column nowrap; } .module-stories .slideshow .image { text-align: center; } .module-stories .slideshow .image img { width: 100%; max-width: none; height: auto; display: block; } .module-stories .slideshow .story-1 { background: var(--base-color-black); color: var(--base-color-rose); } .module-stories .slideshow .story-2 { background: var(--base-color-black); color: var(--base-color-rose); } .module-stories .slideshow .story-3 { background: var(--base-color-rose); color: var(--base-color-black); } .module-stories .slideshow .story-2 .copy { order: 1; } .module-stories .slideshow .story-2 .image { order: 2; margin-top: auto; } .module-stories .slideshow .story-1 .copy { display: flex; flex-flow: column nowrap; } .module-stories .slideshow figcaption { --margin: 30px; margin-top: var(--margin); color: var(--base-color-white); } .module-stories .slideshow .story-3 figcaption { color: inherit; } .module-stories .slideshow figcaption > span { display: block; } .module-stories .slideshow figcaption > span:first-child { text-transform: uppercase; } .module-stories .slideshow .story-1 figcaption { order: 1; margin-top: 0; margin-bottom: var(--margin); } .module-stories .slideshow .story-1 blockquote { order: 2; } .module-stories .slideshow .cpy-25 { line-height: 1.2; } .module-stories .slideshow .cpy-30 { line-height: 1.16666666666666666666; } @media (max-width: 900px) { .module-stories .slideshow .cpy-34 { --min-font-size: 20px; } .module-stories .slideshow .copy { padding: 37px 30px 44px; } } @media (max-width: 650px) { .module-stories .slideshow { --width: 100%; } .module-stories .slideshow figure { height: auto; } .module-stories .slideshow figcaption { --margin: 20px; } .module-stories .splide__arrows { top: 80px; } } .module-subpage-hero { position: relative; height: max(440px, min(900px, calc(900 * var(--base-unit)))); overflow: hidden; } .module-subpage-hero .module-wrap { position: relative; z-index: 2; } .module-subpage-hero figure { position: absolute; inset: 0; z-index: 1; transform: translateY(calc(var(--parallax-y, 0) * -30%)); } .module-subpage-hero figure img { position: absolute; top: 0; left: 0; display: block; pointer-events: none; object-fit: cover; max-width: none; width: 100%; height: 100%; } .module-subpage-hero .headline-wrap { padding-top: max(calc(var(--header-height, 0px) + 50px), calc(300 * var(--base-unit))); } .module-subpage-hero .headline { text-transform: uppercase; line-height: .94117647058823529411; -webkit-hyphens: auto; hyphens: auto; } .module-subpage-hero .headline img { width: max(80px, calc(215 * var(--base-unit))); height: auto; position: relative; transform: translateY(calc(20 * var(--base-unit))); } .module-subpage-hero.has-icon .headline span:first-child { margin-right: 0.15em; } .module-subpage-hero .better-headline { line-height: .85; --color: #707070; } @media (max-width: 750px) { .module-subpage-hero .headline span[aria-hidden="true"] { display: block; margin-top: 18px; } .module-subpage-hero .headline img { transform: none; } } @media (max-width: 500px) { .module-subpage-hero .better-headline[data-style="block"] > span { padding-left: 0; } .module-subpage-hero .better-headline > span.value::before { bottom: -0.2em; } } .module-trustpilot { background: var(--base-color-white); } .module-trustpilot .module-inner { padding-top: max(50px, calc(100 * var(--base-unit))); padding-bottom: max(50px, calc(100 * var(--base-unit))); } .module-tuev .module-header .headline { text-align: center; text-transform: uppercase; max-width: max(350px, calc(920 * var(--base-unit))); margin: 0 auto; } .module-tuev .module-header .headline em { font-style: normal; color: var(--base-color-blue); text-decoration: underline; text-decoration-thickness: 0.10909090909090909em; text-underline-offset: 0.08em; } .module-tuev .module-header + .module-body { margin-top: max(44px, calc(124 * var(--base-unit))); } .module-tuev .col-set { display: flex; flex-flow: row nowrap; max-width: calc(1526 * var(--base-unit)); margin: 0 auto; } .module-tuev .col-1 { width: calc(804 * var(--base-unit)); flex-shrink: 0; } .module-tuev .col-2 { flex-grow: 1; position: relative; } .module-tuev .col-2 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(347 * var(--base-unit)); height: auto; max-width: none; } .module-tuev video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; } @media (max-width: 500px) { .module-tuev .col-set { max-width: none; margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-left) * -1); } .module-tuev .col-2 { display: none; } .module-tuev .col-1 { width: 100%; } } .module-tuev-2 .module-header .headline { text-align: center; text-transform: uppercase; max-width: max(350px, calc(1150 * var(--base-unit))); margin: 0 auto; } .module-tuev-2 .module-header .headline em { font-style: normal; color: var(--base-color-blue); text-decoration: underline; text-decoration-thickness: 0.10909090909090909em; text-underline-offset: 0.08em; } .module-tuev-2 .module-header + .module-body { margin-top: max(44px, calc(124 * var(--base-unit))); } .module-tuev-2 .col-set { display: flex; flex-flow: row nowrap; max-width: calc(1526 * var(--base-unit)); margin: 0 auto; } .module-tuev-2 .col-1 { width: calc(804 * var(--base-unit)); flex-shrink: 0; } .module-tuev-2 .col-2 { flex-grow: 1; position: relative; } .module-tuev-2 .copy { max-width: max(550px, calc(1280 * var(--base-unit))); margin: 0 auto; margin-top: calc(130 * var(--base-unit)); } @media (max-width: 500px) { .module-tuev-2 .col-set { max-width: none; margin-left: calc(var(--page-padding-left) * -1); margin-right: calc(var(--page-padding-left) * -1); } .module-tuev-2 .col-2 { display: none; } .module-tuev-2 .col-1 { width: 100%; } } .module-upcoming-futuretalk-teaser { background: var(--base-color-black); color: var(--base-color-white); } .module-upcoming-futuretalk-teaser .module-wrap { padding-top: max(38px, calc(140 * var(--base-unit))); padding-bottom: max(90px, calc(200 * var(--base-unit))); } .module-upcoming-futuretalk-teaser .module-header + .module-body { margin-top: 70px; } .module-upcoming-futuretalk-teaser .btn-set { margin-top: 50px; text-align: center; } .module-upcoming-futuretalk-teaser .better-headline { --color: var(--base-color-white); } .module-upcoming-futuretalk-teaser .intro-copy .wysiwyg { /*max-width: 32em;*/ margin-top: 1.25em; /*display: none !important;*/ /* FIXME */ } .module-upcoming-futuretalk-teaser .intro-copy .wysiwyg p { margin-bottom: 0.25em; } .module-upcoming-futuretalk-teaser .intro-copy .wysiwyg img { max-width: max(240px, min(440px, calc(440 * var(--px)))); width: 100%; height: auto; display: block; } .module-upcoming-futuretalk-teaser .intro-copy .wysiwyg .futuretalk-partners { display: flex; flex-flow: row wrap; gap: 2em 3em; } @media (max-width: 650px) { .module-upcoming-futuretalk-teaser .module-header + .module-body { margin-top: 108px; } .module-upcoming-futuretalk-teaser .intro-copy { margin-bottom: 90px; } } .module-usps .module-header .headline { text-align: center; text-transform: uppercase; max-width: max(580px, min(900px, calc(900 * var(--base-unit)))); margin: 0 auto; } .module-usps .module-header + .module-body { margin-top: calc(147 * var(--base-unit)); } .module-usps .module-body { max-width: min(1600px, calc(1600 * var(--base-unit))); margin-left: auto; margin-right: auto; } .usps-list { --base-width: 100%; --columns: 3; --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns)); --column-gap: calc(106 * var(--base-unit)); --row-gap: calc(130 * var(--base-unit)); margin-right: calc(var(--column-gap) * -1); margin-bottom: calc(var(--row-gap) * -1); display: flex; flex-flow: row wrap; } .usps-list > * { width: var(--column-width); margin-right: var(--column-gap); margin-bottom: var(--row-gap); display: flex; flex-flow: column nowrap; } .services-teasers-list a { display: flex; flex-flow: column nowrap; position: relative; flex-grow: 1; } .usps-list figure { position: relative; overflow: hidden; padding: 0 2em; padding-top: calc(40 * var(--base-unit)); padding-bottom: calc(40 * var(--base-unit)); text-align: center; } .usps-list figure img { max-width: max(100px, calc(180 * var(--base-unit))); } .usps-list .name { text-transform: uppercase; text-align: center; line-height: 1.2; -webkit-hyphens: auto; hyphens: auto; } .usps-list .description { text-align: center; padding-top: 15px; } .usps-overview .hdln-70 { --min-font-size: 24px; } .module-usps .module-footer { margin-top: max(60px, calc(130 * var(--base-unit))); text-align: center; } .module-usps .module-footer .btn-set { margin-top: max(40px, calc(70 * var(--base-unit))); } @media (max-width: 900px) { .usps-list { --columns: 2; --row-gap: 60px; } } @media (max-width: 600px) { .module-usps .module-header + .module-body { margin-top: 60px; } .module-usps .module-body { max-width: 100%; } .usps-list figure { padding: 0 calc(120 * var(--base-unit)); padding-top: 21px; } .usps-list { --columns: 1; --row-gap: 60px; } .usps-list .name .cpy-25 { --min-font-size: 12px; } }