/* @license GPL-2.0-or-later https: //www.drupal.org/licensing/faq */;
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
vertical-align: baseline;
border: 0;
margin: 0;
padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
body {
line-height: 1;
position: relative;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote: before,blockquote: after,q: before,q: after {
content: "";
content: none;
}: root {
font-size: 10px;
}
.hidden {
opacity: 0;
pointer-events: none;
clip-path: inset(50%);
font-size: 0;
line-height: 0;
transition: none;
display: none;
overflow: hidden;
transform: scale(0);
}
* {
box-sizing: border-box;
}
html {
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
font-family: sans-serif;
}
body {
box-sizing: border-box;
margin: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block;
}
audio,canvas,progress,video {
vertical-align: baseline;
display: inline-block;
}
audio: not([controls]) {
height: 0;
display: none;
}
[hidden],template {
display: none;
}
a {
background-color: #0000;
}
a: active,a: hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg: not(: root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,kbd,pre,samp {
font-family: monospace;
font-size: 1em;
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,select {
text-transform: none;
}
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border: none;
}
button[disabled],html input[disabled] {
cursor: not-allowed;
}
button: : -moz-focus-inner {
border: 0;
padding: 0;
}
input: : -moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]: : -webkit-inner-spin-button {
height: auto;
}
input[type=number]: : -webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
box-sizing: content-box;
}
input[type=search]: : -webkit-search-cancel-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=search]: : -webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,th {
padding: 0;
}: root {
--background-default: var(--color-neutral-100);
--color-text-default: var(--color-neutral-400);
--color-text-subtle: var(--color-neutral-300);
--border-radius-default: .8rem;
--color-action-primary: var(--color-secondary-200);
--height-main-header-top: 165px;
--color-white: #fff;
--color-black: #000;
--color-lighter-blue: #f3f7fb;
--color-grey-new: #b3b3b3;
--color-lighter-grey: #f8f9fa;
--color-disabled-grey: #61656e66;
--color-light-gray: #dde2e4;
--color-dark-grey: #909090;
--color-light-gray-1: #a9a9a9;
--color-light-gray-2: #cdcecf;
--color-light-gray-3: #d9d9d9;
--color-light-gray-5: #f6f8f9;
--color-neutral-500: #1a1b1d;
--color-neutral-400: #33363b;
--color-neutral-300: #61656e;
--color-neutral-200: #d6dbe1;
--color-neutral-150: #b3b3b3;
--color-neutral-100: #eef0f3;
--color-primary-700: #01172c;
--color-primary-600: #001c36;
--color-primary-500: #051939;
--color-primary-400: #003c75;
--color-primary-300: #014380;
--color-primary-200: #bed2e5;
--color-primary-100: #e1ebf4;
--color-secondary-500: #002b5b;
--color-secondary-400: #005dc5;
--color-secondary-200: #0078ff;
--color-secondary-150: #95c0f2;
--color-secondary-100: #e1efff;
--color-accent-01: #ffd200;
--color-accent-01-hover: #deb602;
--color-accent-02: #0078ff;
--color-accent-03: #23e182;
--color-accent-04: #7747ff;
--color-accent-05: #ff7647;
--color-accent-06: #ff3838;
--color-neutral-200-rgba-75: #d6dbe1bf;
--color-status-warning-300: var(--color-accent-05);
--color-status-warning-400: #bb4d00;
--color-status-warning-500: #621901;
--color-status-warning-bg: #ffe2d9;
--color-warning-dealer: #755315;
--color-warning-dealer-icon: #f6ae2d;
--color-message-default: #f4fcf8;
--color-message-warning: var(--color-lighter-blue);
--color-message-error: #ffefeb;
--color-logout: var(--color-status-warning-400);
--grid-max-width: 100%;
--grid-columns: 12;
--grid-gutter-width: 3rem;
--grid-gutter-width-mobile: 2.4rem;
--container-padding-h: 1.5rem;
--container-padding-h-mobile: 1.6rem;
--container-margin-v: 6.4rem;
--container-margin-v-mobile: 3.2rem;
--container-layout-builder-block-v: 12.8rem;
--container-layout-builder-block-v-mobile: 6.4rem;
--container-max-width: 120rem;
--container-max-width-sm: 77rem;
--container-max-width-sm-widescreen: 97rem;
--body-background-color: var(--color-white);
--transition-property-default: all;
--transition-duration-default: .25s;
--transition-timing-function: ease-out;
--transition-default: all .3s ease;
--transition-link: color .25s ease-out;
--font-family-defaults: "Verdana, sans-serif";
--font-family-faktum: "Faktum",var(--font-family-defaults);
--font-family-faktum-wide: "Faktum-Wide",var(--font-family-faktum);
--font-weight-extralight: 200;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--default-text-font-family: var(--font-family-faktum);
--default-text-font-weight: var(--font-weight-normal);
--default-text-color: var(--color-primary-500);
--default-text-font-size: 1.6rem;
--default-text-line-height: 150%;
--body-text-font-size: 1.6rem;
--small-text-font-size: 1.4rem;
--smaller-text-font-size: 1.2rem;
--large-text-font-size: 1.8rem;
--larger-text-font-size: 2.4rem;
--default-title-color: var(--color-primary-400);
--default-title-line-height: 125%;
--default-title-letter-spacing: -.01em;
--default-title-font-weight: 400;
--h1-font-family: var(--font-family-faktum-wide);
--h1-font-weight: var(--font-weight-extralight);
--h1-font-size: 4.8rem;
--h1-font-size-mobile: 3.6rem;
--h1-letter-spacing: -.01em;
--h2-font-family: var(--font-family-faktum-wide);
--h2-font-size: 3.6rem;
--h2-font-size-mobile: 2.6rem;
--h2-letter-spacing: -.01em;
--h3-font-family: var(--font-family-faktum-wide);
--h3-font-size: 2.4rem;
--h3-font-size-mobile: 2rem;
--h3-letter-spacing: -.01em;
--h4-font-family: var(--font-family-faktum-wide);
--h4-font-size: 2rem;
--h4-font-size-mobile: 1.8rem;
--h4-letter-spacing: -.01em;
--h5-font-family: var(--font-family-faktum);
--h5-font-size: 1.8rem;
--h5-font-size-mobile: 1.6rem;
--h6-font-family: var(--font-family-faktum);
--h6-font-size: 1.6rem;
--h6-font-size-mobile: 1.4rem;
--link-color: var(--color-secondary-200);
--backdrop-color: #0006;
--backdrop-color-lighter: #00000040;
--popup-background-color: var(--color-white);
--popup-splide-arrow-box-shadow: 0 .1rem .8rem #0000001f;
--media-background-color: #c4c4c4;
--media-overlay-color: #0006;
--media-overlay-color-lighter: #0003;
--media-button-width: 4.8rem;
--media-button-height: 4.8rem;
--media-button-border-radius: 50%;
--media-button-background-color: var(--color-secondary-200);
--media-button-pulse-scale: 1;
--media-button-icon-color: var(--color-white);
--button-font-family: var(--font-family-faktum);
--button-font-weight: var(--font-weight-medium);
--button-font-size: 1.4rem;
--button-line-height: 2.1rem;
--button-text-decoration: none;
--button-border-radius: 2rem;
--button-border-width: .1rem;
--button-border-style: solid;
--button-padding: .9rem 2.4rem;
--button-justify-content: center;
--button-background-color: var(--color-secondary-200);
--button-border-color: var(--color-secondary-200);
--button-transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out;
--button-cursor: pointer;
--button-focus-outline-color: var(--color-secondary-500);
--button-icon-width: 1.2rem;
--button-icon-height: 1rem;
--button-icon-gap: 1rem;
--button-icon-margin-top: .1rem;
--button-icon-mask-image: url("data: image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M6.85395%200.0720215L5.81795%201.10802L9.72395%204.46802L7.21795%204.31402H0.371948V5.71402L7.21795%205.70002L9.70995%205.53202L5.80395%208.89202L6.83995%209.92802L11.6279%205.14002V4.84602L6.85395%200.0720215Z'%20fill='%23002B5B'/%3e%3c/svg%3e");
--button-icon-transition: transform .25s ease-out,fill .25s ease-out,color .25s ease-out,background-color .25s ease-out;
--button-icon-translate-x: 0;
--button-icon-transform: translateX(var(--button-icon-translate-x));
--button-icon-mask-size: var(--button-icon-width) var(--button-icon-height);
--button-icon-mask-repeat: no-repeat;
--button-icon-mask-position: center center;
--button-small-padding: .8rem 1.2rem;
--button-small-line-height: 100%;
--input-color: var(--color-primary-500);
--input-background-color: var(--color-white);
--input-border-color: var(--color-neutral-200);
--input-border-radius: .5rem;
--input-search-background-color: var(--color-lighter-blue);
--input-outline-color: var(--color-secondary-200);
--input-font-size: 1.6rem;
--input-line-height: 150%;
--placeholder-color: var(--color-grey-new);
--label-color: var(--color-neutral-300);
--label-font-size: 1.4rem;
--label-line-height: 150%;
--checkbox-width: 2rem;
--checkbox-height: 2rem;
--checkbox-border-radius: .4rem;
--checkbox-border-color: #d6dbe180;
--admin-tools-height: 4rem;
--admin-tools-background-color: var(--color-primary-500);
--admin-tools-hover-background-color: var(--color-secondary-200);
--admin-tools-color: var(--color-white);
--admin-tools-font-family: var(--font-family-faktum);
--admin-tools-font-weight: var(--font-weight-medium);
--admin-tools-font-size: 1.4rem;
--header-mobile-height: 6.4rem;
--header-top-desktop-height: 16.5rem;
--header-max-width: 24rem;
--header-background-color: var(--color-white);
--header-box-shadow: inset 0 -.1rem 0 var(--color-neutral-100);
--header-box-shadow-desktop: inset -.1rem 0 0 var(--color-neutral-100);
--menu-back-link-background-color: var(--color-lighter-blue);
--menu-back-link-color: var(--color-neutral-300);
--panel-border: .1rem solid #0000001a;
--panel-border-radius: .8rem;
--panel-box-shadow: 0 .1rem 1rem #0000001f;
--panel-background-color: var(--color-white);
--mobile-menu-trigger-color: var(--color-neutral-400);
--language-switcher-background-color: var(--color-white);
--language-switcher-color: var(--color-neutral-400);
--language-switcher-footer-color: var(--color-white);
--language-switcher-box-shadow: inset 0 .1rem 0 var(--color-neutral-100);
--language-switcher-box-shadow-desktop: inset -.1rem 0 0 var(--color-neutral-100),inset 0 .1rem 0 var(--color-neutral-100);
--language-switcher-box-shadow-mobile: 0 0 .1rem #1a202452,0 -4rem 6.4rem #5b68713d;
--language-switcher-icon-color: var(--color-neutral-300);
--language-switcher-elements-background: var(--color-lighter-blue);
--language-switcher-language-active-background: var(--color-accent-02);
--language-switcher-language-active-color: var(--color-white);
--language-switcher-desktop-width: 25.2rem;
--language-switcher-desktop-max-height: 35.6rem;
--language-switcher-desktop-button-border: var(--footer-color);
--language-switcher-desktop-button-border-radius: var(--button-border-radius);
--language-switcher-desktop-button-border-style: var(--button-border-style);
--language-switcher-desktop-button-border-width: var(--button-border-width);
--language-switcher-desktop-border-radius: var(--panel-border-radius);
--language-switcher-desktop-border: var(--panel-border);
--language-switcher-desktop-box-shadow: var(--panel-box-shadow);
--language-switcher-flag-background-color: var(--color-lighter-grey);
--breadcrumbs-font-size: var(--small-text-font-size);
--breadcrumbs-line-height: 125%;
--breadcrumbs-color: var(--color-grey-new);
--breadcrumbs-hover-color: var(--color-neutral-300);
--breadcrumbs-active-color: var(--color-neutral-300);
--breadcrumbs-additional-transition: all 50ms ease-out;
--footer-background-color: var(--color-primary-400);
--footer-font-family: var(--font-family-faktum);
--footer-font-size: var(--small-text-font-size);
--footer-line-height: 150%;
--footer-color: #fffc;
--footer-color-alt: var(--color-white);
--footer-seperator-color: #fff3;
--footer-menu-title-font-family: var(--font-family-faktum);
--footer-menu-title-font-weight: var(--font-weight-medium);
--footer-menu-title-font-size: 1.6rem;
--footer-menu-title-line-height: 150%;
--footer-legal-font-size: 1.2rem;
--footer-legal-line-height: 150%;
--layout-builder-plus-radius: 5rem;
--layout-builder-plus-radius-small: .6rem;
--small-container: 77rem;
--header-webform-background: var(--color-white);
--header-webform-border-radius: 1.6rem;
--header-webform-box-shadow: 0px 4px 8px 0px #5b68711a,0px 0px 1px 0px #1a202440;
}
body {
--color-gin-primary: var(--color-primary-400);
--color-gin-primary-hover: var(--color-primary-500);
--color-gin-primary-active: var(--color-primary-600);
--color-gin-primary-light: var(--color-primary-300);
--color-gin-primary-light-hover: var(--color-primary-200);
--color-gin-primary-light-active: #0029504d;
--color-gin-primary-light-shadow: #00509a73;
}: root {
--the-magic-cubic-bezier: cubic-bezier(.5,0,0,1);
}
@keyframes loader-spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes infinite-scroll {
0% {
right: 0;
transform: translate(100%);
}
to {
right: 100%;
transform: translate(0);
}
}
@keyframes hide-scale-bottom-right {
0% {
opacity: 1;
transform-origin: 0 0;
transform: scale(1);
}
to {
opacity: 0;
transform-origin: 0 0;
transform: scale(0);
}
}
@keyframes show-scale-bottom-right {
0% {
opacity: 0;
transform-origin: 0 0;
transform: scale(0);
}
to {
opacity: 1;
transform-origin: 0 0;
transform: scale(1);
}
}: root {
--xs: 25em;
--sm: 35em;
--md: 48em;
--lg: 60em;
--xl: 80em;
--xxl: 90em;
--huge: 105em;
scroll-behavior: smooth;
}
html {
font-size: 10px;
}
body {
background: var(--body-background-color);
font-family: var(--default-text-font-family);
color: var(--default-text-color);
font-size: var(--default-text-font-size);
line-height: var(--default-text-line-height);
-webkit-font-smoothing: antialiased;
--scrollbar-width: calc(100vw - 100%);
}
body.download-loading: before {
content: "";
z-index: 5000;
background: #fff6;
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.download-loading: after {
border: .2rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: "";
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
margin-top: -.8rem;
margin-left: -.8rem;
animation: .8s linear infinite loader-spin;
display: block;
position: fixed;
top: 50%;
left: 50%;
}
body.path-external,body.gin--classic-toolbar.path-external {
padding-top: var(--container-padding-h-mobile)!important;
margin-top: 0!important;
}: : selection {
background: var(--color-primary-400);
color: var(--color-white);
}
.max-width-container {
width: 100%;
max-width: var(--container-max-width);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.max-width-container {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.max-width-container--no-padding {
width: 100%;
max-width: var(--container-max-width);
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1024px) {
.max-width-container--no-padding {
padding-left: 0;
padding-right: 0;
}
}
.max-width-container-sm {
width: 100%;
max-width: var(--container-max-width-sm);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.max-width-container-sm {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.max-width-container-sm--no-padding {
width: 100%;
max-width: var(--container-max-width-sm);
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1024px) {
.max-width-container-sm--no-padding {
padding-left: 0;
padding-right: 0;
}
}
.max-width-container-sm--no-padding {
width: calc(100% - 3.2rem);
}
.layout .block-layout-builder {
margin-bottom: var(--container-layout-builder-block-v-mobile);
}
@media (min-width: 1024px) {
.layout .block-layout-builder {
margin-bottom: var(--container-layout-builder-block-v);
}
}
.commercial-blocks .layout .block-layout-builder {
margin-bottom: var(--container-margin-v-mobile);
}
@media (min-width: 1024px) {
.commercial-blocks .layout .block-layout-builder {
margin-bottom: var(--container-margin-v);
}
}
.block-layout-builder {
margin-bottom: var(--container-margin-v-mobile);
scroll-margin-top: 9.6rem;
}
@media (min-width: 1024px) {
.block-layout-builder {
margin-bottom: var(--container-margin-v);
}
}
.layout {
word-break: break-word;
}
.commercial-blocks .block-inline-blocktext {
width: 100%;
max-width: var(--container-max-width);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.commercial-blocks .block-inline-blocktext {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.gin--dark-mode .glb-grid-item img,.gin--dark-mode .layout-builder-browser-block-item img {
filter: none!important;
}
.button {
--button-color: var(--color-white);
--button-icon-color: var(--button-color);
box-shadow: none;
align-items: center;
justify-content: var(--button-justify-content);
transition: var(--button-transition);
column-gap: var(--button-icon-gap);
font-family: var(--button-font-family);
font-weight: var(--button-font-weight,var(--font-weight-medium));
font-size: var(--button-font-size);
line-height: var(--button-line-height);
border-radius: var(--button-border-radius);
border-width: var(--button-border-width);
border-style: var(--button-border-style);
padding: var(--button-padding);
color: var(--button-color);
background-image: none;
background-color: var(--button-background-color);
border-color: var(--button-border-color);
cursor: var(--button-cursor);
text-decoration: none;
display: inline-flex;
}
.button .icon-frame {
width: var(--button-icon-frame-width,2.4rem);
height: var(--button-icon-frame-height,2.4rem);
justify-content: center;
align-items: center;
display: flex;
}
.button svg,.button object {
fill: var(--button-color);
width: var(--button-icon-width);
height: var(--button-icon-height);
margin-top: var(--button-icon-margin-top);
transform: var(--button-icon-transform);
transition: var(--button-icon-transition);
flex-shrink: 0;
}
.button svg path,.button object path {
transition: var(--button-icon-transition);
fill: var(--button-color);
}
.button: hover {
--button-background-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
text-decoration: none;
}
.button: hover svg {
--button-icon-transform: translateX(.3rem);
}
.button: focus {
outline: none;
}
.button: active,.button.active,.button: focus-within {
--button-background-color: var(--color-secondary-500);
--button-border-color: var(--color-secondary-500);
}
.button: focus-visible {
outline-offset: .2rem;
outline: .2rem solid var(--button-focus-outline-color);
--button-background-color: var(--color-secondary-200);
--button-border-color: var(--color-secondary-500);
}
.button.disabled,.button[disabled] {
--button-color: var(--color-disabled-grey);
--button-background-color: var(--color-lighter-grey);
--button-border-color: var(--color-lighter-grey);
--button-cursor: not-allowed;
outline: none;
}
.button.disabled svg,.button[disabled] svg {
--button-icon-transform: none;
}
.button.hidden {
display: none;
}
.button--negative {
--button-color: var(--color-secondary-200);
--button-background-color: var(--color-white);
--button-border-color: var(--color-white);
}
.button--negative: hover {
--button-color: var(--color-secondary-400);
--button-background-color: var(--color-white);
--button-border-color: var(--color-white);
text-decoration: none;
}
.button--negative: active,.button--negative.active,.button--negative: focus-within {
--button-color: var(--color-secondary-500);
--button-background-color: var(--color-white);
--button-border-color: var(--color-white);
}
.button--negative: focus-visible {
--button-focus-outline-color: var(--color-secondary-200);
--button-color: var(--color-secondary-200);
--button-background-color: var(--color-white);
--button-border-color: var(--color-secondary-200);
}
.button--negative.disabled,.button--negative[disabled] {
--button-color: var(--color-disabled-grey);
--button-background-color: var(--color-lighter-grey);
--button-border-color: var(--color-lighter-grey);
outline: none;
}
.button--secondary {
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-200);
}
.button--secondary: hover {
--button-color: var(--color-secondary-400);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-400);
}
.button--secondary: active,.button--secondary.active,.button--secondary: focus-within {
--button-color: var(--color-secondary-500);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-500);
}
.button--secondary: focus-visible {
--button-focus-outline-color: var(--color-secondary-500);
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-200);
}
.button--secondary.disabled,.button--secondary[disabled] {
--button-color: var(--color-disabled-grey);
--button-border-color: var(--color-disabled-grey);
--button-background-color: transparent;
}
.button--secondary-negative {
--button-background-color: transparent;
--button-border-color: var(--color-white);
}
.button--secondary-negative: hover {
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-200);
}
.button--secondary-negative: active,.button--secondary-negative.active,.button--secondary-negative: focus-within {
--button-color: var(--color-primary-200);
--button-background-color: transparent;
--button-border-color: var(--color-primary-200);
}
.button--secondary-negative: focus-visible {
--button-focus-outline-color: var(--color-secondary-200);
--button-color: var(--color-white);
--button-background-color: transparent;
--button-border-color: var(--color-white);
}
.button--secondary-negative.disabled,.button--secondary-negative[disabled] {
--button-color: var(--color-disabled-grey);
--button-background-color: transparent;
--button-border-color: var(--color-disabled-grey);
}
.button--tertiary,.block--type--slides-block+.block--type--linked-pages .button--secondary {
--button-border-width: 0;
--button-padding: 0;
--button-border-radius: 0;
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-justify-content: flex-start;
}
.button--tertiary: hover,.block--type--slides-block+.block--type--linked-pages .button--secondary: hover {
--button-color: var(--color-secondary-400);
--button-background-color: transparent;
}
.button--tertiary: active,.block--type--slides-block+.block--type--linked-pages .button--secondary: active,.button--tertiary.active,.block--type--slides-block+.block--type--linked-pages .active.button--secondary,.button--tertiary: focus-within,.block--type--slides-block+.block--type--linked-pages .button--secondary: focus-within {
--button-color: var(--color-secondary-500);
--button-background-color: transparent;
}
.button--tertiary: focus-visible {
--button-focus-outline-color: var(--color-secondary-200);
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-width: 0;
--button-padding: 0 .6rem;
}
.block--type--slides-block+.block--type--linked-pages .button--secondary: focus-visible {
--button-focus-outline-color: var(--color-secondary-200);
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-width: 0;
--button-padding: 0 .6rem;
}
.button--tertiary.disabled,.block--type--slides-block+.block--type--linked-pages .disabled.button--secondary,.button--tertiary[disabled],.block--type--slides-block+.block--type--linked-pages [disabled].button--secondary {
--button-border-width: 0;
--button-padding: 0;
--button-color: var(--color-disabled-grey);
--button-background-color: transparent;
}
.button--tertiary-negative {
--button-border-width: 0;
--button-padding: 0;
--button-border-radius: 0;
--button-background-color: transparent;
--button-justify-content: flex-start;
}
.button--tertiary-negative: hover {
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
}
.button--tertiary-negative: active,.button--tertiary-negative.active,.button--tertiary-negative: focus-within {
--button-color: var(--color-primary-200);
--button-background-color: transparent;
}
.button--tertiary-negative: focus-visible {
--button-focus-outline-color: var(--color-white);
--button-background-color: transparent;
--button-border-width: 0;
--button-padding: 0 .6rem;
}
.button--tertiary-negative.disabled,.button--tertiary-negative[disabled] {
--button-border-width: 0;
--button-padding: 0;
--button-color: var(--color-disabled-grey);
--button-background-color: transparent;
}
.button--small {
--button-border-radius: 1.6rem;
--button-padding: var(--button-small-padding);
--button-line-height: var(--button-small-line-height);
}
.button--download svg {
--button-icon-width: 1.1rem;
--button-icon-height: 1.1rem;
--button-icon-transition: none;
--button-icon-margin-top: 0;
}
.button--download: hover svg {
--button-icon-transform: none;
}
.button--filter {
--button-border-color: var(--color-neutral-200);
--button-background-color: var(--color-white);
--button-color: var(--color-neutral-300);
--button-icon-gap: .7rem;
}
.button--filter svg.icon__chevron {
--button-icon-margin-top: 0;
--button-icon-transform: rotate(90deg);
}
.button--filter svg.icon__filter {
--button-icon-transform: none;
--button-icon-width: 1.6rem;
--button-icon-height: 1.6rem;
}
.button--filter: hover,.button--filter: active,.button--filter.active,.button--filter.active-child,.button--filter: focus {
--button-icon-transform: 0;
--button-color: var(--color-secondary-200);
--button-background-color: var(--color-white);
--button-border-color: var(--color-secondary-200);
outline: none;
}
.button--filter: hover svg.icon__chevron,.button--filter: active svg.icon__chevron,.button--filter.active svg.icon__chevron,.button--filter.active-child svg.icon__chevron,.button--filter: focus svg.icon__chevron {
--button-color: var(--color-secondary-200);
}
.button--filter: focus-visible {
outline-offset: .2rem;
outline: .2rem solid var(--button-focus-outline-color);
}
.button--filter.disabled,.button--filter[disabled] {
--button-border-color: #d6dbe166;
}
.button--filter.disabled: hover,.button--filter.disabled: active,.button--filter.disabled.active,.button--filter.disabled: focus,.button--filter[disabled]: hover,.button--filter[disabled]: active,.button--filter[disabled].active,.button--filter[disabled]: focus {
--button-color: var(--color-disabled-grey);
--button-background-color: var(--color-lighter-grey);
--button-border-color: #d6dbe166;
outline: none;
}
.button--filter.disabled: hover svg.icon__chevron,.button--filter.disabled: active svg.icon__chevron,.button--filter.disabled.active svg.icon__chevron,.button--filter.disabled: focus svg.icon__chevron,.button--filter[disabled]: hover svg.icon__chevron,.button--filter[disabled]: active svg.icon__chevron,.button--filter[disabled].active svg.icon__chevron,.button--filter[disabled]: focus svg.icon__chevron {
--button-color: var(--color-disabled-grey);
}
.button--filter .button__active-count {
margin-left: -1.6rem;
}
.button__active-count {
min-width: 2.4rem;
min-height: 2.4rem;
font-size: var(--smaller-text-font-size);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
text-align: center;
color: var(--color-secondary-200);
background-color: var(--color-secondary-100);
border-radius: 50%;
margin-right: .4rem;
line-height: 2.4rem;
display: block;
}
.button__active-count.hidden {
display: none;
}
.button--tag {
--button-border-color: var(--color-neutral-200);
--button-background-color: var(--color-white);
--button-color: var(--color-neutral-300);
}
.button--tag: hover,.button--tag: active,.button--tag.active,.button--tag: focus {
--button-color: var(--color-neutral-500);
--button-background-color: var(--color-white);
--button-border-color: var(--color-secondary-200);
outline: none;
}
.button--tag.disabled,.button--tag[disabled] {
--button-border-color: #d6dbe166;
}
.button--tag.disabled: hover,.button--tag.disabled: active,.button--tag.disabled.active,.button--tag.disabled: focus,.button--tag[disabled]: hover,.button--tag[disabled]: active,.button--tag[disabled].active,.button--tag[disabled]: focus {
--button-color: var(--color-disabled-grey);
--button-background-color: var(--color-lighter-grey);
--button-border-color: #d6dbe166;
}
.button--tag-secondary {
--button-border-color: #fff3;
--button-background-color: #ffffff14;
}
.button--tag-secondary: hover,.button--tag-secondary: active,.button--tag-secondary.active {
--button-color: var(--color-secondary-200);
--button-background-color: var(--color-white);
--button-border-color: var(--color-white);
}
.button--tag-secondary: focus {
outline: none;
}
.button--tag-secondary.disabled,.button--tag-secondary[disabled] {
--button-border-color: #d6dbe166;
}
.button--tag-secondary.disabled: hover,.button--tag-secondary.disabled: active,.button--tag-secondary.disabled.active,.button--tag-secondary[disabled]: hover,.button--tag-secondary[disabled]: active,.button--tag-secondary[disabled].active {
--button-color: var(--color-disabled-grey);
--button-background-color: var(--color-lighter-grey);
--button-border-color: #d6dbe166;
}
.button--icon-left {
--button-icon-gap: .8rem;
}
.button--icon-left svg,.button--icon-left: after {
order: -1;
}
.button--clear {
--button-border-radius: .4rem;
--button-border-color: var(--color-grey-new);
--button-padding: .7rem 1.1rem .7rem .6rem;
--button-background-color: var(--color-white);
--button-color: var(--color-neutral-300);
--button-icon-width: 1.5rem;
--button-icon-height: 1.5rem;
--button-line-height: 100%;
}
.button--clear svg {
--button-color: var(--color-grey-new);
}
.button--clear: focus,.button--clear: hover {
--button-background-color: var(--color-white);
--button-color: var(--color-secondary-200);
}
.button--clear: focus svg,.button--clear: hover svg {
--button-icon-transform: none;
--button-color: var(--color-secondary-200);
}
.icon-button-download {
border: 1px solid var(--color-grey-new);
border-radius: .4rem;
justify-content: center;
align-items: center;
width: 3.2rem;
height: 3.2rem;
transition: background-color .3s,border-color .3s;
display: flex;
}
.icon-button-download svg {
width: 60%;
height: auto;
display: block;
}
.icon-button-download svg path {
transition: fill .3s;
}
.icon-button-download: hover,.icon-button-download: focus {
border-color: var(--color-secondary-200);
background-color: var(--color-secondary-200);
}
.icon-button-download: hover svg path,.icon-button-download: focus svg path {
fill: var(--color-white);
}
.button--filters {
--button-background-color: var(--color-white);
--button-border-color: var(--color-primary-400);
--button-color: var(--color-primary-400);
--button-border-radius: .4rem;
--button-padding: .4rem .4rem .4rem .8rem;
margin-right: var(--container-padding-h-mobile);
}
.button--filters svg,.button--filters object {
--button-icon-width: 1.6rem;
--button-icon-height: 1.6rem;
}
.button--filters: hover,.button--filters: focus {
--button-background-color: var(--color-primary-400);
--button-border-color: var(--color-primary-400);
--button-color: var(--color-white);
}
.button--filters: hover svg,.button--filters: hover object,.button--filters: focus svg,.button--filters: focus object {
--button-icon-transform: none;
}
.button--label {
--button-background-color: var(--color-lighter-blue);
--button-border-width: 0;
--button-color: var(--color-neutral-500);
--button-icon-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20%3e%3cpath%20fill='white'%20d='M11.9997%2010.5865L16.9495%205.63672L18.3637%207.05093L13.4139%2012.0007L18.3637%2016.9504L16.9495%2018.3646L11.9997%2013.4149L7.04996%2018.3646L5.63574%2016.9504L10.5855%2012.0007L5.63574%207.05093L7.04996%205.63672L11.9997%2010.5865Z'%3e%3c/path%3e%3c/svg%3e");
}
.button--label: after {
opacity: .4;
}
.button--label: hover,.button--label: focus,.button--label: active,.button--label: focus-within {
--button-background-color: var(--color-primary-100);
--button-border-color: var(--color-primary-100);
}
.button--label: hover: after,.button--label: focus: after,.button--label: active: after,.button--label: focus-within: after {
--button-icon-transform: none;
}
.button--bulk-action {
--button-font-size: 1.6rem;
--button-line-height: 2rem;
--button-border-width: 0;
--button-padding: 0;
--button-border-radius: 0;
--button-color: var(--color-primary-400);
--button-background-color: transparent;
--button-justify-content: flex-start;
--button-icon-gap: 0;
width: 3rem;
height: 3rem;
}
.button--bulk-action .button-content {
display: none;
}
.button--bulk-action svg {
--button-icon-margin-top: 0;
}
.button--bulk-action: hover {
--button-color: var(--color-primary-400);
--button-background-color: transparent;
}
.button--bulk-action: hover svg {
--button-icon-transform: translateX(0);
}
.button--bulk-action: active,.button--bulk-action.active,.button--bulk-action: focus-within {
--button-color: var(--color-secondary-500);
--button-background-color: transparent;
}
.button--bulk-action: focus-visible {
--button-focus-outline-color: var(--color-secondary-200);
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-width: 0;
--button-padding: 0;
}
.button--bulk-action.disabled,.button--bulk-action[disabled] {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
--button-border-width: 0;
--button-padding: 0;
--button-color: var(--color-light-gray-1);
--button-background-color: transparent;
}
.button--bulk-action--note svg {
--button-icon-width: 2.4rem;
--button-icon-height: 2.4rem;
}
.button--bulk-action--pdf svg {
--button-icon-width: 2.2rem;
--button-icon-height: 2.2rem;
}
.button--bulk-action--csv svg,.button--bulk-action--status svg {
--button-icon-width: 1.8rem;
--button-icon-height: 1.8rem;
}
@media (min-width: 1024px) {
.button--bulk-action {
--button-icon-gap: 1rem;
width: auto;
height: auto;
}
.button--bulk-action .button-content {
display: block;
}
}
.button--cancel {
--button-background-color: var(--color-status-warning-400);
--button-border-color: var(--color-status-warning-400);
}
.button--primary_yellow {
--button-background-color: var(--color-accent-01);
--button-border-color: var(--color-accent-01);
--button-color: var(--color-neutral-500);
}
.button--primary_yellow: hover,.button--primary_yellow: focus,.button--primary_yellow: active,.button--primary_yellow: focus-within {
--button-background-color: var(--color-accent-01-hover);
--button-border-color: var(--color-accent-01-hover);
--button-color: var(--color-neutral-500);
}
.button--secondary_yellow {
--button-background-color: transparent;
--button-border-color: var(--color-accent-01);
--button-color: var(--color-neutral-500);
}
.button--secondary_yellow: hover,.button--secondary_yellow: focus,.button--secondary_yellow: active,.button--secondary_yellow: focus-within {
--button-background-color: transparent;
--button-border-color: var(--color-accent-01-hover);
--button-color: var(--color-neutral-500);
}
.button--secondary_yellow-negative {
--button-background-color: transparent;
--button-border-color: var(--color-accent-01);
--button-color: var(--color-accent-01);
}
.button--secondary_yellow-negative: hover,.button--secondary_yellow-negative: focus,.button--secondary_yellow-negative: active,.button--secondary_yellow-negative: focus-within {
--button-background-color: transparent;
--button-border-color: var(--color-accent-01-hover);
--button-color: var(--color-accent-01-hover);
}
.button--hidden {
clip-path: inset(50%)!important;
white-space: nowrap!important;
border: 0!important;
width: 1px!important;
height: 1px!important;
margin: -1px!important;
padding: 0!important;
position: absolute!important;
overflow: hidden!important;
}
.button--icon: after {
content: "";
width: var(--button-icon-width);
height: var(--button-icon-height);
background-color: var(--button-icon-color);
-webkit-mask-image: var(--button-icon-mask-image);
mask-image: var(--button-icon-mask-image);
-webkit-mask-size: var(--button-icon-mask-size);
mask-size: var(--button-icon-mask-size);
-webkit-mask-repeat: var(--button-icon-mask-repeat);
mask-repeat: var(--button-icon-mask-repeat);
-webkit-mask-position: var(--button-icon-mask-position);
mask-position: var(--button-icon-mask-position);
margin-top: var(--button-icon-margin-top);
transform: var(--button-icon-transform);
transition: var(--button-icon-transition);
flex-shrink: 0;
display: block;
}
.button--icon.disabled: after,.button--icon[disabled]: after,.button--icon.button--no-icon-transform: after,.button--icon.disabled: hover: after,.button--icon[disabled]: hover: after,.button--icon.button--no-icon-transform: hover: after {
--button-icon-transform: none;
}
.button--icon: hover: after {
--button-icon-transform: translateX(.3rem);
}
.button--icon-reversed-transform: hover svg,.button--icon-reversed-transform: hover: after {
--button-icon-transform: translateX(-.3rem);
}
.button--icon-mail {
--button-icon-mask-image: url("data: image/svg+xml,%3csvg%20width='20'%20height='16'%20viewBox='0%200%2020%2016'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M18.125%200.5H1.875C0.839453%200.5%200%201.33945%200%202.375V13.625C0%2014.6605%200.839453%2015.5%201.875%2015.5H18.125C19.1605%2015.5%2020%2014.6605%2020%2013.625V2.375C20%201.33945%2019.1605%200.5%2018.125%200.5ZM18.125%202.375V3.96875C17.2488%204.68164%2015.8527%205.79102%2012.8677%208.12852C12.2095%208.6457%2010.9064%209.88914%209.99973%209.87461C9.09316%209.88926%207.78957%208.6457%207.13176%208.12813C4.14687%205.79102%202.75%204.68164%201.87422%203.96836V2.37422H18.1242L18.125%202.375ZM1.875%2013.625V6.37461C2.77008%207.0875%204.03906%208.08789%205.97383%209.60273C6.82762%2010.2746%208.32266%2011.7582%209.99961%2011.7492C11.668%2011.7582%2013.1441%2010.2961%2014.0251%209.60285C15.9595%208.08762%2017.2294%207.08684%2018.1246%206.37395V13.6239H1.87461L1.875%2013.625Z'%20fill='%2333363B'/%3e%3c/svg%3e");
--button-icon-width: 1.8rem;
--button-icon-height: 1.4rem;
}
.button--link {
--button-background-color: transparent;
--button-color: var(--color-secondary-200);
--button-border-radius: 0;
--button-padding: 0;
border: unset;
border-bottom: .1rem solid var(--button-color);
font-size: 1.2rem;
font-weight: 500;
line-height: 1.5;
display: inline-flex;
}
.button--link: hover,.button--link: focus {
--button-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
--button-background-color: transparent;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-Light/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-Light/font.woff)format("woff");
font-style: normal;
font-weight: 300;
font-display: block;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-LightItalic/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-LightItalic/font.woff)format("woff");
font-style: italic;
font-weight: 300;
font-display: block;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-Regular/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-Regular/font.woff)format("woff");
font-style: normal;
font-weight: 400;
font-display: block;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-RegularItalic/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-RegularItalic/font.woff)format("woff");
font-style: italic;
font-weight: 400;
font-display: block;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-Medium/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-Medium/font.woff)format("woff");
font-style: normal;
font-weight: 500;
font-display: block;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-MediumItalic/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-MediumItalic/font.woff)format("woff");
font-style: italic;
font-weight: 500;
font-display: block;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-SemiBold/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-SemiBold/font.woff)format("woff");
font-style: normal;
font-weight: 600;
font-display: block;
}
@font-face {
font-family: Faktum;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-SemiBoldItalic/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-SemiBoldItalic/font.woff)format("woff");
font-style: italic;
font-weight: 600;
font-display: block;
}
@font-face {
font-family: Faktum-Wide;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideExtraLight/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideExtraLight/font.woff)format("woff");
font-style: normal;
font-weight: 200;
font-display: block;
}
@font-face {
font-family: Faktum-Wide;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideLight/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideLight/font.woff)format("woff");
font-style: normal;
font-weight: 300;
font-display: block;
}
@font-face {
font-family: Faktum-Wide;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideRegular/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideRegular/font.woff)format("woff");
font-style: normal;
font-weight: 400;
font-display: block;
}
@font-face {
font-family: Faktum-Wide;
src: url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideMedium/font.woff2)format("woff2"),url(/themes/custom/reynaers/dist/fonts/Faktum/Faktum-WideMedium/font.woff)format("woff");
font-style: normal;
font-weight: 500;
font-display: block;
}
input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: var(--input-color);
background-color: var(--input-background-color);
border: .1rem solid var(--input-border-color);
border-radius: var(--input-border-radius);
width: 100%;
height: 4.5rem;
font-size: var(--input-font-size);
padding-left: 1.2rem;
padding-right: 1.2rem;
display: inline-block;
}
input[type=text]: focus,input[type=password]: focus,input[type=datetime]: focus,input[type=datetime-local]: focus,input[type=date]: focus,input[type=month]: focus,input[type=time]: focus,input[type=week]: focus,input[type=number]: focus,input[type=email]: focus,input[type=url]: focus,input[type=search]: focus,input[type=tel]: focus,input[type=color]: focus,textarea: focus {
outline-color: var(--input-outline-color);
}
input[type=text].error,input[type=password].error,input[type=datetime].error,input[type=datetime-local].error,input[type=date].error,input[type=month].error,input[type=time].error,input[type=week].error,input[type=number].error,input[type=email].error,input[type=url].error,input[type=search].error,input[type=tel].error,input[type=color].error,textarea.error {
border-color: var(--color-status-warning-400);
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
min-height: 18rem;
padding: 2rem 1.2rem;
}
textarea.resize-vertical {
min-height: 18rem;
}
input[type=search] {
box-sizing: border-box;
background-color: var(--input-search-background-color);
border: none;
}
input[type=search]: focus {
outline: none;
}
input[type=search]: : -webkit-search-cancel-button {
display: none;
}: : placeholder {
color: var(--placeholder-color);
}
label,legend {
color: var(--label-color);
font-size: var(--label-font-size);
line-height: var(--label-line-height);
margin-bottom: .4rem;
display: block;
}
label.form-required: after,label .form-required: after,legend.form-required: after,legend .form-required: after {
content: "*";
color: var(--color-status-warning-400);
margin-left: .2rem;
}
.form-item {
margin-top: 2.4rem;
position: relative;
}
.form-item: first-child {
margin-top: 0;
}
.form-item .description {
color: var(--color-grey-new);
font-size: var(--smaller-text-font-size);
}
.form-item.form-item--error .form-item--error-message {
position: relative;
}
.form-item-radio+.form-item-radio {
margin-top: .8rem;
}
.form-actions {
margin-top: 2.4rem;
}
.form-item--search {
--input-font-size: 1.4rem;
--placeholder-color: var(--color-neutral-300);
position: relative;
}
.form-item--search .icon--search {
fill: var(--color-neutral-300);
z-index: 1;
pointer-events: none;
width: 1.4rem;
height: 1.4rem;
position: absolute;
top: 50%;
left: 1.9rem;
transform: translateY(-50%);
}
.form-item--search input[type=text],.form-item--search input[type=search] {
background-color: var(--input-search-background-color);
border: none;
width: 100%;
padding-left: 4.4rem;
padding-right: 2.4rem;
}
.form-item--search input[type=text]: focus,.form-item--search input[type=search]: focus {
outline: none;
}
.form-item--search input[type=text]: : -webkit-search-cancel-button {
display: none;
}
.form-item--search input[type=search]: : -webkit-search-cancel-button {
display: none;
}
.form-item-lead-dealer .form-item--search input[type=text],.form-item-lead-dealer .form-item--search input[type=search] {
background-color: var(--color-white);
border: .1rem solid var(--color-grey-new);
}
.form-item--search .search-location,.form-item--search .search-reset {
cursor: pointer;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.form-item--search .search-reset {
background: var(--color-grey-new);
z-index: 1;
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
transition: background-color .3s;
display: none;
right: .6rem;
}
.form-item--search .search-reset svg {
width: .8rem;
height: .8rem;
fill: var(--color-white);
}
.form-item--search .search-reset: hover {
background: var(--color-secondary-200);
}
.form-item--search .search-location {
background: var(--color-secondary-100);
z-index: 1;
border-radius: .5rem;
width: 2.8rem;
height: 2.8rem;
display: none;
right: .6rem;
}
.form-item--search .search-location svg,.form-item--search .search-location path {
fill: var(--search-location-icon-color,var(--color-secondary-200));
}
.form-item--search .search-location: disabled {
--search-location-icon-color: var(--color-disabled-grey);
}
.form-item--search .search-location[data-tooltip]: after {
content: attr(data-tooltip);
background-color: var(--color-light-gray-1);
color: var(--color-white);
white-space: nowrap;
opacity: 0;
transition: opacity .6s var(--the-magic-cubic-bezier),transform .6s var(--the-magic-cubic-bezier);
border-radius: .4rem;
padding: .2rem .8rem;
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%,-2rem);
}
.form-item--search .search-location[data-tooltip]: hover: after {
opacity: 1;
transform: translate(-50%,-1rem);
}
.form-item--search.has-value .search-reset {
display: flex;
}
.form-item--search-location input[type=text],.form-item--search-location input[type=search] {
padding-right: 7.2rem;
}
.form-item-lead-marketing-communication-1,.form-item-checkbox,.form-item-radio {
position: relative;
}
.form-item-lead-marketing-communication-1 input[type=checkbox],.form-item-lead-marketing-communication-1 input[type=radio],.form-item-checkbox input[type=checkbox],.form-item-checkbox input[type=radio],.form-item-radio input[type=checkbox],.form-item-radio input[type=radio] {
opacity: 0;
width: var(--checkbox-width);
height: var(--checkbox-height);
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.form-item-lead-marketing-communication-1 input[type=checkbox]: checked~label: before,.form-item-lead-marketing-communication-1 input[type=radio]: checked~label: before,.form-item-checkbox input[type=checkbox]: checked~label: before,.form-item-checkbox input[type=radio]: checked~label: before,.form-item-radio input[type=checkbox]: checked~label: before,.form-item-radio input[type=radio]: checked~label: before {
--checkbox-background-color: var(--color-secondary-200);
--checkbox-border-color: var(--color-secondary-200);
}
.form-item-lead-marketing-communication-1 input[type=checkbox]: checked~label: after,.form-item-lead-marketing-communication-1 input[type=radio]: checked~label: after,.form-item-checkbox input[type=checkbox]: checked~label: after,.form-item-checkbox input[type=radio]: checked~label: after,.form-item-radio input[type=checkbox]: checked~label: after,.form-item-radio input[type=radio]: checked~label: after,.form-item-lead-marketing-communication-1 input[type=checkbox]: checked~.icon,.form-item-lead-marketing-communication-1 input[type=radio]: checked~.icon,.form-item-checkbox input[type=checkbox]: checked~.icon,.form-item-checkbox input[type=radio]: checked~.icon,.form-item-radio input[type=checkbox]: checked~.icon,.form-item-radio input[type=radio]: checked~.icon {
opacity: 1;
}
.form-item-lead-marketing-communication-1 input[type=checkbox]: focus~label: before,.form-item-lead-marketing-communication-1 input[type=radio]: focus~label: before,.form-item-checkbox input[type=checkbox]: focus~label: before,.form-item-checkbox input[type=radio]: focus~label: before,.form-item-radio input[type=checkbox]: focus~label: before,.form-item-radio input[type=radio]: focus~label: before {
outline: 2px solid var(--color-secondary-200);
outline-offset: .2rem;
}
.form-item-lead-marketing-communication-1 input[type=checkbox][disabled]~label,.form-item-lead-marketing-communication-1 input[type=radio][disabled]~label,.form-item-checkbox input[type=checkbox][disabled]~label,.form-item-checkbox input[type=radio][disabled]~label,.form-item-radio input[type=checkbox][disabled]~label,.form-item-radio input[type=radio][disabled]~label {
--label-color: var(--color-neutral-400);
cursor: not-allowed;
}
.form-item-lead-marketing-communication-1 input[type=checkbox][disabled]~label: before,.form-item-lead-marketing-communication-1 input[type=radio][disabled]~label: before,.form-item-checkbox input[type=checkbox][disabled]~label: before,.form-item-checkbox input[type=radio][disabled]~label: before,.form-item-radio input[type=checkbox][disabled]~label: before,.form-item-radio input[type=radio][disabled]~label: before {
cursor: not-allowed;
--checkbox-background-color: var(--color-lighter-grey);
--checkbox-border-color: #d6dbe180;
}
.form-item-lead-marketing-communication-1 input[type=checkbox][disabled]~.icon,.form-item-lead-marketing-communication-1 input[type=radio][disabled]~.icon,.form-item-checkbox input[type=checkbox][disabled]~.icon,.form-item-checkbox input[type=radio][disabled]~.icon,.form-item-radio input[type=checkbox][disabled]~.icon,.form-item-radio input[type=radio][disabled]~.icon,.form-item-lead-marketing-communication-1 input[type=checkbox][disabled]~.icon path,.form-item-lead-marketing-communication-1 input[type=radio][disabled]~.icon path,.form-item-checkbox input[type=checkbox][disabled]~.icon path,.form-item-checkbox input[type=radio][disabled]~.icon path,.form-item-radio input[type=checkbox][disabled]~.icon path,.form-item-radio input[type=radio][disabled]~.icon path {
fill: var(--color-disabled-grey);
}
.form-item-lead-marketing-communication-1 input[type=checkbox]: not([disabled]).temp-disabled,.form-item-lead-marketing-communication-1 input[type=radio]: not([disabled]).temp-disabled,.form-item-checkbox input[type=checkbox]: not([disabled]).temp-disabled,.form-item-checkbox input[type=radio]: not([disabled]).temp-disabled,.form-item-radio input[type=checkbox]: not([disabled]).temp-disabled,.form-item-radio input[type=radio]: not([disabled]).temp-disabled {
pointer-events: none;
}
.form-item-lead-marketing-communication-1 input[type=checkbox]: not([disabled]).temp-disabled~label,.form-item-lead-marketing-communication-1 input[type=radio]: not([disabled]).temp-disabled~label,.form-item-checkbox input[type=checkbox]: not([disabled]).temp-disabled~label,.form-item-checkbox input[type=radio]: not([disabled]).temp-disabled~label,.form-item-radio input[type=checkbox]: not([disabled]).temp-disabled~label,.form-item-radio input[type=radio]: not([disabled]).temp-disabled~label {
cursor: not-allowed;
pointer-events: none;
}
.form-item-lead-marketing-communication-1 label,.form-item-checkbox label,.form-item-radio label {
margin: 0;
padding-left: 2.8rem;
}
.form-item-lead-marketing-communication-1 label: before,.form-item-checkbox label: before,.form-item-radio label: before {
--checkbox-background-color: var(--color-lighter-grey);
box-sizing: border-box;
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
background: var(--checkbox-background-color);
border: 1px solid var(--checkbox-border-color);
border-radius: var(--checkbox-border-radius);
cursor: pointer;
z-index: 1;
transition: background-color .3s,border-color .3s;
position: absolute;
top: 0;
left: 0;
display: block!important;
}
.form-item-lead-marketing-communication-1 .description,.form-item-checkbox .description,.form-item-radio .description {
padding-left: 2.8rem;
}
.form-item-lead-marketing-communication-1 .icon,.form-item-checkbox .icon,.form-item-radio .icon {
z-index: 2;
opacity: 0;
width: 1.4rem;
height: 1.2rem;
transition: var(--transition-default);
pointer-events: none;
fill: var(--color-white);
position: absolute;
top: .4rem;
left: .3rem;
}
.form-item-lead-marketing-communication-1 .icon path,.form-item-checkbox .icon path,.form-item-radio .icon path {
fill: var(--color-white);
}
.form-item-lead-marketing-communication-1+.form-item-checkbox,.form-item-checkbox+.form-item-checkbox,.form-item-radio+.form-item-checkbox {
margin-top: .8rem;
}
.form-item-checkbox--facet>a {
display: none;
}
.form-item-radio input[type=radio]: checked~label: before {
--checkbox-background-color: var(--color-lighter-grey);
box-shadow: inset 0 0 0 calc(var(--checkbox-height) / 4) var(--color-secondary-200);
}
.form-item-radio label: before {
border-radius: 100%;
}
.webform-flexbox {
gap: .8rem;
margin: 0;
}
.webform-flexbox>* {
margin-top: 2.4rem;
}
.webform-flexbox: first-child {
margin-top: 0;
}
fieldset.webform-composite-hidden-title {
margin: 2.4rem 0 0;
}
fieldset.webform-composite-hidden-title: first-child {
margin-top: 0;
}
.form-item-managed-file: first-child,.form-item-job-application-file: first-child,.form-item--image-upload: first-child,.form-item--image-file: first-child,.form-item--iimage-file: first-child,.form-item-lead-plan-file: first-child,.form-item--video-file: first-child,.form-item--document-file-upload: first-child,.form-item-webform-document-file: first-child {
margin-top: 2.4rem;
}
.form-item-managed-file input[type=file],.form-item-job-application-file input[type=file],.form-item--image-upload input[type=file],.form-item--image-file input[type=file],.form-item--iimage-file input[type=file],.form-item-lead-plan-file input[type=file],.form-item--video-file input[type=file],.form-item--document-file-upload input[type=file],.form-item-webform-document-file input[type=file] {
display: none;
}
.form-item-managed-file input[type=file]~label,.form-item-job-application-file input[type=file]~label,.form-item--image-upload input[type=file]~label,.form-item--image-file input[type=file]~label,.form-item--iimage-file input[type=file]~label,.form-item-lead-plan-file input[type=file]~label,.form-item--video-file input[type=file]~label,.form-item--document-file-upload input[type=file]~label,.form-item-webform-document-file input[type=file]~label {
flex-wrap: wrap;
gap: .4rem .8rem;
margin-bottom: 0;
display: flex;
}
.form-item-managed-file .button--remove svg,.form-item-job-application-file .button--remove svg,.form-item--image-upload .button--remove svg,.form-item--image-file .button--remove svg,.form-item--iimage-file .button--remove svg,.form-item-lead-plan-file .button--remove svg,.form-item--video-file .button--remove svg,.form-item--document-file-upload .button--remove svg,.form-item-webform-document-file .button--remove svg {
display: none;
}
.form-item-managed-file .button--download,.form-item-job-application-file .button--download,.form-item--image-upload .button--download,.form-item--image-file .button--download,.form-item--iimage-file .button--download,.form-item-lead-plan-file .button--download,.form-item--video-file .button--download,.form-item--document-file-upload .button--download,.form-item-webform-document-file .button--download {
--button-background-color: transparent;
--button-padding: 0;
--button-border-width: 0;
--button-border-color: transparent;
--button-border-radius: 0;
--button-font-family: var(--font-family-faktum);
--button-font-weight: var(--font-weight-normal);
--button-color: var(--link-color);
text-decoration: underline;
display: inline;
}
.form-item-managed-file .button--download svg,.form-item-job-application-file .button--download svg,.form-item--image-upload .button--download svg,.form-item--image-file .button--download svg,.form-item--iimage-file .button--download svg,.form-item-lead-plan-file .button--download svg,.form-item--video-file .button--download svg,.form-item--document-file-upload .button--download svg,.form-item-webform-document-file .button--download svg {
display: none;
}
.form-item-managed-file .button--download: hover,.form-item-managed-file .button--download: active,.form-item-managed-file .button--download.active,.form-item-managed-file .button--download: focus-within,.form-item-job-application-file .button--download: hover,.form-item-job-application-file .button--download: active,.form-item-job-application-file .button--download.active,.form-item-job-application-file .button--download: focus-within,.form-item--image-upload .button--download: hover,.form-item--image-upload .button--download: active,.form-item--image-upload .button--download.active,.form-item--image-upload .button--download: focus-within,.form-item--image-file .button--download: hover,.form-item--image-file .button--download: active,.form-item--image-file .button--download.active,.form-item--image-file .button--download: focus-within,.form-item--iimage-file .button--download: hover,.form-item--iimage-file .button--download: active,.form-item--iimage-file .button--download.active,.form-item--iimage-file .button--download: focus-within,.form-item-lead-plan-file .button--download: hover,.form-item-lead-plan-file .button--download: active,.form-item-lead-plan-file .button--download.active,.form-item-lead-plan-file .button--download: focus-within,.form-item--video-file .button--download: hover,.form-item--video-file .button--download: active,.form-item--video-file .button--download.active,.form-item--video-file .button--download: focus-within,.form-item--document-file-upload .button--download: hover,.form-item--document-file-upload .button--download: active,.form-item--document-file-upload .button--download.active,.form-item--document-file-upload .button--download: focus-within,.form-item-webform-document-file .button--download: hover,.form-item-webform-document-file .button--download: active,.form-item-webform-document-file .button--download.active,.form-item-webform-document-file .button--download: focus-within {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item-managed-file .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item-job-application-file .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item--image-upload .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item--image-file .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item--iimage-file .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item-lead-plan-file .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item--video-file .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item--document-file-upload .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item-webform-document-file .button--download: focus-visible {
--button-background-color: transparent;
outline: none;
text-decoration: none;
}
.form-item-managed-file .button--download+.button--remove,.form-item-job-application-file .button--download+.button--remove,.form-item--image-upload .button--download+.button--remove,.form-item--image-file .button--download+.button--remove,.form-item--iimage-file .button--download+.button--remove,.form-item-lead-plan-file .button--download+.button--remove,.form-item--video-file .button--download+.button--remove,.form-item--document-file-upload .button--download+.button--remove,.form-item-webform-document-file .button--download+.button--remove {
--button-padding: 0;
width: 1.6rem;
height: 1.6rem;
margin: .3rem 0 0 .8rem;
font-size: 0;
line-height: 0;
}
.form-item-managed-file .button--download+.button--remove svg,.form-item-job-application-file .button--download+.button--remove svg,.form-item--image-upload .button--download+.button--remove svg,.form-item--image-file .button--download+.button--remove svg,.form-item--iimage-file .button--download+.button--remove svg,.form-item-lead-plan-file .button--download+.button--remove svg,.form-item--video-file .button--download+.button--remove svg,.form-item--document-file-upload .button--download+.button--remove svg,.form-item-webform-document-file .button--download+.button--remove svg {
--button-icon-transform: translateX(0);
width: .8rem;
height: .8rem;
margin: 0;
display: block;
}
.form-item-managed-file .button--download+.button--remove .button__text,.form-item-job-application-file .button--download+.button--remove .button__text,.form-item--image-upload .button--download+.button--remove .button__text,.form-item--image-file .button--download+.button--remove .button__text,.form-item--iimage-file .button--download+.button--remove .button__text,.form-item-lead-plan-file .button--download+.button--remove .button__text,.form-item--video-file .button--download+.button--remove .button__text,.form-item--document-file-upload .button--download+.button--remove .button__text,.form-item-webform-document-file .button--download+.button--remove .button__text {
display: none;
}
.form-item-managed-file .button--download+.button--remove: hover svg,.form-item-job-application-file .button--download+.button--remove: hover svg,.form-item--image-upload .button--download+.button--remove: hover svg,.form-item--image-file .button--download+.button--remove: hover svg,.form-item--iimage-file .button--download+.button--remove: hover svg,.form-item-lead-plan-file .button--download+.button--remove: hover svg,.form-item--video-file .button--download+.button--remove: hover svg,.form-item--document-file-upload .button--download+.button--remove: hover svg,.form-item-webform-document-file .button--download+.button--remove: hover svg {
--button-icon-transform: translateX(0);
}
.form-item-managed-file .form-managed-file,.form-item-job-application-file .form-managed-file,.form-item--image-upload .form-managed-file,.form-item--image-file .form-managed-file,.form-item--iimage-file .form-managed-file,.form-item-lead-plan-file .form-managed-file,.form-item--video-file .form-managed-file,.form-item--document-file-upload .form-managed-file,.form-item-webform-document-file .form-managed-file {
background-color: var(--color-lighter-blue);
border: 1px dashed var(--color-grey-new);
border-radius: .5rem;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
min-height: 7.4rem;
padding: 2rem 1.2rem;
transition: border-color .3s;
display: flex;
}
.form-item-managed-file .form-managed-file .messages,.form-item-job-application-file .form-managed-file .messages,.form-item--image-upload .form-managed-file .messages,.form-item--image-file .form-managed-file .messages,.form-item--iimage-file .form-managed-file .messages,.form-item-lead-plan-file .form-managed-file .messages,.form-item--video-file .form-managed-file .messages,.form-item--document-file-upload .form-managed-file .messages,.form-item-webform-document-file .form-managed-file .messages {
color: var(--color-status-warning-400);
font-size: var(--smaller-text-font-size);
flex: 0 0 100%;
order: 10;
margin-top: 1.2rem;
line-height: 1.5;
}
.form-item-managed-file .form-managed-file: hover,.form-item-managed-file .form-managed-file: focus,.form-item-job-application-file .form-managed-file: hover,.form-item-job-application-file .form-managed-file: focus,.form-item--image-upload .form-managed-file: hover,.form-item--image-upload .form-managed-file: focus,.form-item--image-file .form-managed-file: hover,.form-item--image-file .form-managed-file: focus,.form-item--iimage-file .form-managed-file: hover,.form-item--iimage-file .form-managed-file: focus,.form-item-lead-plan-file .form-managed-file: hover,.form-item-lead-plan-file .form-managed-file: focus,.form-item--video-file .form-managed-file: hover,.form-item--video-file .form-managed-file: focus,.form-item--document-file-upload .form-managed-file: hover,.form-item--document-file-upload .form-managed-file: focus,.form-item-webform-document-file .form-managed-file: hover,.form-item-webform-document-file .form-managed-file: focus {
border-color: var(--color-secondary-200);
}
.form-item-managed-file .form-item-checkbox,.form-item-job-application-file .form-item-checkbox,.form-item--image-upload .form-item-checkbox,.form-item--image-file .form-item-checkbox,.form-item--iimage-file .form-item-checkbox,.form-item-lead-plan-file .form-item-checkbox,.form-item--video-file .form-item-checkbox,.form-item--document-file-upload .form-item-checkbox,.form-item-webform-document-file .form-item-checkbox {
width: 100%;
}
.form-item-managed-file .form-item-checkbox+.button--remove+.ajax-progress,.form-item-job-application-file .form-item-checkbox+.button--remove+.ajax-progress,.form-item--image-upload .form-item-checkbox+.button--remove+.ajax-progress,.form-item--image-file .form-item-checkbox+.button--remove+.ajax-progress,.form-item--iimage-file .form-item-checkbox+.button--remove+.ajax-progress,.form-item-lead-plan-file .form-item-checkbox+.button--remove+.ajax-progress,.form-item--video-file .form-item-checkbox+.button--remove+.ajax-progress,.form-item--document-file-upload .form-item-checkbox+.button--remove+.ajax-progress,.form-item-webform-document-file .form-item-checkbox+.button--remove+.ajax-progress {
margin-top: 2.6rem;
}
.form-item-managed-file.form-item--error .form-managed-file,.form-item-job-application-file.form-item--error .form-managed-file,.form-item--image-upload.form-item--error .form-managed-file,.form-item--image-file.form-item--error .form-managed-file,.form-item--iimage-file.form-item--error .form-managed-file,.form-item-lead-plan-file.form-item--error .form-managed-file,.form-item--video-file.form-item--error .form-managed-file,.form-item--document-file-upload.form-item--error .form-managed-file,.form-item-webform-document-file.form-item--error .form-managed-file {
border-color: var(--color-status-warning-400);
}
.form-item-managed-file .webform-managed-file-preview,.form-item-job-application-file .webform-managed-file-preview,.form-item--image-upload .webform-managed-file-preview,.form-item--image-file .webform-managed-file-preview,.form-item--iimage-file .webform-managed-file-preview,.form-item-lead-plan-file .webform-managed-file-preview,.form-item--video-file .webform-managed-file-preview,.form-item--document-file-upload .webform-managed-file-preview,.form-item-webform-document-file .webform-managed-file-preview {
color: var(--color-neutral-500);
margin: 0;
}
.form-item-managed-file .ajax-progress,.form-item-job-application-file .ajax-progress,.form-item--image-upload .ajax-progress,.form-item--image-file .ajax-progress,.form-item--iimage-file .ajax-progress,.form-item-lead-plan-file .ajax-progress,.form-item--video-file .ajax-progress,.form-item--document-file-upload .ajax-progress,.form-item-webform-document-file .ajax-progress {
width: 2rem;
height: 2rem;
margin-left: .8rem;
padding: 0;
}
.form-item-managed-file .ajax-progress-throbber .throbber,.form-item-job-application-file .ajax-progress-throbber .throbber,.form-item--image-upload .ajax-progress-throbber .throbber,.form-item--image-file .ajax-progress-throbber .throbber,.form-item--iimage-file .ajax-progress-throbber .throbber,.form-item-lead-plan-file .ajax-progress-throbber .throbber,.form-item--video-file .ajax-progress-throbber .throbber,.form-item--document-file-upload .ajax-progress-throbber .throbber,.form-item-webform-document-file .ajax-progress-throbber .throbber {
background: 0 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.form-item-managed-file .ajax-progress-throbber .throbber: before,.form-item-job-application-file .ajax-progress-throbber .throbber: before,.form-item--image-upload .ajax-progress-throbber .throbber: before,.form-item--image-file .ajax-progress-throbber .throbber: before,.form-item--iimage-file .ajax-progress-throbber .throbber: before,.form-item-lead-plan-file .ajax-progress-throbber .throbber: before,.form-item--video-file .ajax-progress-throbber .throbber: before,.form-item--document-file-upload .ajax-progress-throbber .throbber: before,.form-item-webform-document-file .ajax-progress-throbber .throbber: before {
content: "";
border: .2rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
border-radius: 50%;
width: 1.2rem;
height: 1.2rem;
animation: .8s linear infinite loader-spin;
}
hr.webform-horizontal-rule {
background-color: var(--color-neutral-200);
border: none;
height: .1rem;
margin: 2.4rem 0;
}
.form-item--error-message {
color: var(--color-status-warning-400);
font-size: var(--smaller-text-font-size);
margin-top: .6rem;
line-height: 1.1;
}
form .messages ul {
padding: 0;
}
.form-item-datetime .container-inline {
grid-template-columns: 2fr 1fr;
gap: 1.6rem;
display: grid;
}
.form-item-datetime .form-item {
margin-top: 0;
display: block;
}
.block-webform .form-item.form-item-lead-appointment {
max-width: 60rem;
}
.block-webform .form-item.form-item-lead-appointment .description {
font-size: var(--default-text-font-size);
color: var(--color-neutral-500);
margin-bottom: 3.2rem;
}
.form-item-lead-appointment label {
--label-font-size: var(--default-text-font-size);
--label-line-height: var(--default-text-line-height);
--label-color: var(--color-neutral-500);
margin: 0;
}
.form-item-lead-appointment>label {
margin-bottom: 3.2rem;
}
.form-item-lead-appointment .appointment-table__row {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
font-size: var(--default-text-font-size);
line-height: var(--default-text-line-height);
color: var(--color-neutral-500);
grid-template-columns: 1fr;
gap: 1rem 3.5rem;
margin: 2.4rem 0;
display: grid;
}
@media (min-width: 480px) {
.form-item-lead-appointment .appointment-table__row {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 768px) {
.form-item-lead-appointment .appointment-table__row {
grid-template-columns: 1fr auto auto auto;
gap: 3.5rem;
margin: 1.6rem 0;
}
}
.form-item-lead-appointment .appointment-table__day {
font-weight: 700;
}
@media (min-width: 480px) {
.form-item-lead-appointment .appointment-table__day {
grid-column: span 3;
}
}
@media (min-width: 768px) {
.form-item-lead-appointment .appointment-table__day {
grid-column: initial;
font-weight: 400;
}
}
.form-item-lead-appointment .appointment-table__time input[disabled]+label {
opacity: .7;
text-decoration: line-through;
}
p.blue {
color: var(--color-primary-400);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
}
p.blue+p {
margin-top: 0;
}
h1,.h1,h2,.h2,.block-inline-blocktext.h2-styling h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
color: var(--default-title-color);
line-height: var(--default-title-line-height);
letter-spacing: var(--default-title-letter-spacing);
font-weight: var(--font-weight-normal);
margin: 3.2rem 0 0;
padding: 0;
}
h1: first-child,.h1: first-child,h2: first-child,.h2: first-child,.block-inline-blocktext.h2-styling h2: first-child,h3: first-child,.h3: first-child,h4: first-child,.h4: first-child,h5: first-child,.h5: first-child,h6: first-child,.h6: first-child {
margin-top: 0;
}
h1,.h1 {
font-family: var(--h1-font-family);
font-weight: var(--h1-font-weight);
font-size: var(--h1-font-size-mobile);
}
@media (min-width: 768px) {
h1,.h1 {
font-size: var(--h1-font-size);
}
}
h2,.h2,.block-inline-blocktext.h2-styling h2 {
font-family: var(--h2-font-family);
font-size: var(--h2-font-size-mobile);
}
@media (min-width: 768px) {
h2,.h2,.block-inline-blocktext.h2-styling h2 {
font-size: var(--h2-font-size);
}
}
h3,.h3 {
--default-title-color: var(--color-neutral-500);
font-family: var(--h3-font-family);
font-size: var(--h3-font-size-mobile);
}
@media (min-width: 768px) {
h3,.h3 {
font-size: var(--h3-font-size);
}
}
h4,.h4 {
--default-title-color: var(--color-neutral-500);
font-family: var(--h4-font-family);
font-size: var(--h4-font-size-mobile);
}
@media (min-width: 768px) {
h4,.h4 {
font-size: var(--h4-font-size);
}
}
h5,.h5 {
--default-title-color: var(--color-neutral-500);
font-family: var(--h5-font-family);
font-weight: var(--font-weight-medium);
font-size: var(--h5-font-size-mobile);
}
@media (min-width: 768px) {
h5,.h5 {
font-size: var(--h5-font-size);
}
}
h6,.h6 {
--default-title-color: var(--color-neutral-500);
font-family: var(--h6-font-family);
font-weight: var(--font-weight-medium);
font-size: var(--h6-font-size-mobile);
}
@media (min-width: 768px) {
h6,.h6 {
font-size: var(--h6-font-size);
}
}
.suptitle {
color: var(--color-secondary-200);
font-size: 1.8rem;
font-style: normal;
line-height: 125%;
display: block;
}
.suptitle+h1 {
margin-top: 0;
}
@media (min-width: 1024px) {
.suptitle {
font-size: 2rem;
}
}
.subtitle {
color: var(--color-neutral-300);
font-size: 1.6rem;
font-style: normal;
line-height: 150%;
display: block;
}
@media (min-width: 1024px) {
.subtitle {
font-size: 2rem;
line-height: 125%;
}
}
p {
margin: 1.6rem 0 0;
}
p: first-child {
margin-top: 0;
}
a {
color: var(--link-color);
transition: var(--transition-link);
text-decoration: none;
}
a: hover,a: active,a: focus,a: disabled {
text-decoration: none;
}
a: hover {
--link-color: var(--color-secondary-400);
}
a: active {
--link-color: var(--color-secondary-500);
}
a: focus {
--link-color: var(--color-secondary-200);
outline: none;
}
a: focus-visible {
outline-offset: .4rem;
outline: .2rem solid var(--color-secondary-200);
}
a.disabled,a[disabled] {
--link-color: var(--color-disabled-grey);
cursor: not-allowed;
outline: none;
}
b,strong {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
}
ul.list-squares,.block .field--name-field-body ul,.node--career--full .node--career--full__left,.node--training--full .node--training--full__technical ul,.basic-page--blue-header .page-header__text ul,.page-header__intro ul {
font-size: var(--list-square-font-size,var(--small-text-font-size));
line-height: var(--list-square-line-height,var(--default-text-line-height));
color: var(--list-square-text-color,var(--color-neutral-500));
padding: 0;
list-style: none;
}
ul.list-squares li,.block .field--name-field-body ul li,.node--career--full .node--career--full__left li,.node--training--full .node--training--full__technical ul li,.basic-page--blue-header .page-header__text ul li,.page-header__intro ul li {
margin: var(--list-square-item-margin,1.6rem 0 0 0);
padding: var(--list-square-item-padding,0 0 0 4.3rem);
position: relative;
}
ul.list-squares li: first-child,.block .field--name-field-body ul li: first-child,.node--career--full .node--career--full__left li: first-child,.node--training--full .node--training--full__technical ul li: first-child,.basic-page--blue-header .page-header__text ul li: first-child,.page-header__intro ul li: first-child {
margin-top: 0;
}
ul.list-squares li: before,.block .field--name-field-body ul li: before,.node--career--full .node--career--full__left li: before,.node--training--full .node--training--full__technical ul li: before,.basic-page--blue-header .page-header__text ul li: before,.page-header__intro ul li: before {
content: "";
width: var(--list-square-dot-width,.5rem);
height: var(--list-square-dot-height,.5rem);
background-color: var(--list-square-dot-color,var(--color-primary-200));
top: var(--list-square-dot-top,1.1rem);
left: var(--list-square-dot-left,1.1rem);
display: block;
position: absolute;
}
@media (min-width: 1024px) {
ul.list-squares,.block .field--name-field-body ul,.node--career--full .node--career--full__left,.node--training--full .node--training--full__technical ul,.basic-page--blue-header .page-header__text ul,.page-header__intro ul {
--list-square-font-size: var(--default-text-font-size);
--list-square-text-color: var(--color-neutral-400);
}
}
ul.checklist,.node--training--teaser ul,.node--training--full .field--name-body ul {
margin: 4rem 0;
}
ul.checklist li,.node--training--teaser ul li,.node--training--full .field--name-body ul li {
margin: var(--list-square-item-margin,1.6rem 0 0 0);
padding: var(--list-square-item-padding,0 0 0 4rem);
position: relative;
}
ul.checklist li: first-child,.node--training--teaser ul li: first-child,.node--training--full .field--name-body ul li: first-child {
margin-top: 0;
}
ul.checklist li: before,.node--training--teaser ul li: before,.node--training--full .field--name-body ul li: before {
content: "";
background-color: var(--color-secondary-200);
width: 1.4rem;
height: 1.2rem;
display: block;
position: absolute;
top: .6rem;
left: 0;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%2333363B'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%2333363B'/%3e%3c/svg%3e");
-webkit-mask-size: 1.4rem 1.2rem;
mask-size: 1.4rem 1.2rem;
}
.block .field--name-field-body ol,.page-header__intro ol {
padding: var(--list-square-item-padding,0 0 0 2.7rem);
list-style: auto;
}
.block .field--name-field-body ol li,.page-header__intro ol li {
margin: var(--list-square-item-margin,1.6rem 0 0 0);
padding: 0 0 0 1.5rem;
}
.block .field--name-field-body ol li: first-child,.page-header__intro ol li: first-child {
margin-top: 0;
}
.block .field--name-field-body ol li: before,.page-header__intro ol li: before {
content: none;
}
.block .field--name-field-body ul,.block .field--name-field-body ol,.page-header__intro ol,.page-header__intro ul {
margin: 1.6rem 0;
font-size: 1em;
}
img {
object-fit: cover;
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.has-tooltip,[data-tooltip] {
position: "relative";
}
.has-tooltip .tooltip,[data-tooltip] .tooltip {
will-change: opacity,transform;
color: var(--color-white);
background-color: var(--color-gin-primary-active);
white-space: nowrap;
text-indent: 0;
opacity: 0;
pointer-events: none;
z-index: 10;
padding: .4rem .8rem;
font-size: 1.4rem;
font-weight: 400;
line-height: 1;
transition: opacity .3s,transform .3s;
display: block;
position: absolute;
top: -.8rem;
left: 50%;
transform: translate(-50%,calc(1rem - 100%));
}
.has-tooltip .tooltip: after,[data-tooltip] .tooltip: after {
will-change: opacity,transform;
content: "";
border-top: .5rem solid var(--color-gin-primary-active);
border-left: .5rem solid #0000;
border-right: .5rem solid #0000;
width: 1px;
height: 1px;
transition: opacity .3s,transform .3s;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,-2px);
}
.has-tooltip: hover span,.has-tooltip: focus span,[data-tooltip]: hover span,[data-tooltip]: focus span {
opacity: 1;
transform: translate(-50%,-100%);
}
body: before {
display: none;
}
@media (min-width: 375px) {
body: before {
content: "xxs";
}
}
@media (min-width: 480px) {
body: before {
content: "xs";
}
}
@media (min-width: 550px) {
body: before {
content: "xsm";
}
}
@media (min-width: 768px) {
body: before {
content: "sm";
}
}
@media (min-width: 996px) {
body: before {
content: "md";
}
}
@media (min-width: 1024px) {
body: before {
content: "lg";
}
}
@media (min-width: 1280px) {
body: before {
content: "xl";
}
}
@media (min-width: 1440px) {
body: before {
content: "xxl";
}
}
@media (min-width: 1920px) {
body: before {
content: "huge";
}
}
.tooltip-advanced {
position: relative;
}
.tooltip-advanced.show-tooltip-advanced {
z-index: 100;
}
.tooltip-advanced__wrapper {
filter: drop-shadow(0 2rem 4rem #00000040);
opacity: 0;
pointer-events: none;
width: 100vw;
max-width: calc(100vw - 3.2rem);
transition: opacity .6s,transform .6s cubic-bezier(.5,0,0,1);
position: absolute;
}
@media (min-width: 1024px) {
.tooltip-advanced__wrapper {
max-width: 28rem;
top: -2.6rem;
left: 100%;
transform: translate(2rem);
}
}
.show-tooltip-advanced .tooltip-advanced__wrapper {
opacity: 1;
pointer-events: auto;
transform: translate(0);
}
.tooltip-advanced__wrapper .throbber {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
border-radius: 50%;
width: 2.2rem;
height: 2.2rem;
margin-inline-start: auto;
margin-inline-end: auto;
animation: .8s linear infinite loader-spin;
}
.tooltip-advanced__trigger,.tooltip-advanced__close {
cursor: pointer;
background: 0 0;
border: none;
justify-content: center;
align-items: center;
padding: 0;
font-size: 0;
display: flex;
}
.tooltip-advanced__trigger {
width: 3.2rem;
height: 1.6rem;
}
.tooltip-advanced__trigger: before {
--trigger-icon-width: 1.6rem;
--trigger-icon-height: 1.6rem;
--trigger-icon-color: var(--color-grey-new);
content: "";
width: var(--trigger-icon-width);
height: var(--trigger-icon-height);
background-color: var(--trigger-icon-color);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M7%205.25C7%204.83%207.33%204.5%207.75%204.5H8.25C8.66%204.5%209%204.83%209%205.25V5.75C9%206.16%208.66%206.5%208.25%206.5H7.75C7.33%206.5%207%206.16%207%205.75V5.25Z'%20fill='%23B3B3B3'/%3e%3cpath%20d='M10%2012.5H6V11.5H7V8.5H6V7.5H9V11.5H10V12.5Z'%20fill='%23B3B3B3'/%3e%3cpath%20d='M8%200.5C3.582%200.5%200%204.082%200%208.5C0%2012.91%203.582%2016.5%208%2016.5C12.41%2016.5%2016%2012.91%2016%208.5C16%204.08%2012.41%200.5%208%200.5ZM8%2015C4.41%2015%201.5%2012.09%201.5%208.5C1.5%204.91%204.41%202%208%202C11.59%202%2014.5%204.91%2014.5%208.5C14.5%2012.09%2011.59%2015%208%2015Z'%20fill='%23B3B3B3'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M7%205.25C7%204.83%207.33%204.5%207.75%204.5H8.25C8.66%204.5%209%204.83%209%205.25V5.75C9%206.16%208.66%206.5%208.25%206.5H7.75C7.33%206.5%207%206.16%207%205.75V5.25Z'%20fill='%23B3B3B3'/%3e%3cpath%20d='M10%2012.5H6V11.5H7V8.5H6V7.5H9V11.5H10V12.5Z'%20fill='%23B3B3B3'/%3e%3cpath%20d='M8%200.5C3.582%200.5%200%204.082%200%208.5C0%2012.91%203.582%2016.5%208%2016.5C12.41%2016.5%2016%2012.91%2016%208.5C16%204.08%2012.41%200.5%208%200.5ZM8%2015C4.41%2015%201.5%2012.09%201.5%208.5C1.5%204.91%204.41%202%208%202C11.59%202%2014.5%204.91%2014.5%208.5C14.5%2012.09%2011.59%2015%208%2015Z'%20fill='%23B3B3B3'/%3e%3c/svg%3e");
-webkit-mask-size: var(--trigger-icon-width) var(--trigger-icon-height);
mask-size: var(--trigger-icon-width) var(--trigger-icon-height);
flex-shrink: 0;
transition: background-color .25s ease-out;
display: block;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.tooltip-advanced__trigger: hover,.tooltip-advanced__trigger: focus,.show-tooltip-advanced .tooltip-advanced__trigger {
outline: none;
}
.tooltip-advanced__trigger: hover: before,.tooltip-advanced__trigger: focus: before,.show-tooltip-advanced .tooltip-advanced__trigger: before {
--trigger-icon-color: var(--color-accent-02);
}
.tooltip-advanced__close {
z-index: 2;
width: 2.4rem;
height: 2.4rem;
position: absolute;
top: .6rem;
right: .6rem;
}
.tooltip-advanced__close: before {
--trigger-icon-width: 1.4rem;
--trigger-icon-height: 1.4rem;
--trigger-icon-color: var(--color-neutral-500);
content: "";
width: var(--trigger-icon-width);
height: var(--trigger-icon-height);
background-color: var(--trigger-icon-color);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
-webkit-mask-size: var(--trigger-icon-width) var(--trigger-icon-height);
mask-size: var(--trigger-icon-width) var(--trigger-icon-height);
flex-shrink: 0;
transition: background-color .25s ease-out;
display: block;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (min-width: 1024px) {
.tooltip-advanced__close {
display: none;
}
}
.tooltip-advanced--direct-media .tooltip-advanced__close: before {
--trigger-icon-color: var(--color-white);
}
.tooltip-advanced__body {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
font-size: var(--small-text-font-size);
line-height: var(--default-text-line-height);
color: var(--color-neutral-400);
padding: 1.6rem 2.4rem 1.6rem 1.6rem;
}
@media (min-width: 1024px) {
.tooltip-advanced__body {
padding: 1.6rem 1.6rem 1.6rem 2.9rem;
}
}
.tooltip-advanced__content {
background: var(--color-white);
-webkit-mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
-webkit-mask-position: 0 0,100% 0,0 100%,100% 100%,0 6px,6px 0;
mask-position: 0 0,100% 0,0 100%,100% 100%,0 6px,6px 0;
-webkit-mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,100% calc(100% - 12px),calc(100% - 12px) 100%;
mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,100% calc(100% - 12px),calc(100% - 12px) 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.tooltip-advanced__content img {
object-fit: cover;
min-height: 100%;
margin: 0;
line-height: 0;
display: block;
}
@media (min-width: 1024px) {
.tooltip-advanced__content {
-webkit-mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url("data: image/svg+xml;
utf8,");
mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url("data: image/svg+xml;
utf8,");
-webkit-mask-position: 14px 0,100% 0,14px 100%,100% 100%,14px 6px,20px 0,0 22px;
mask-position: 14px 0,100% 0,14px 100%,100% 100%,14px 6px,20px 0,0 22px;
-webkit-mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,calc(100% - 14px) calc(100% - 12px),calc(100% - 26px) 100%,14px 24px;
mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,calc(100% - 14px) calc(100% - 12px),calc(100% - 26px) 100%,14px 24px;
}
}
.tooltip-advanced--arrow-down .tooltip-advanced__content {
-webkit-mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url("data: image/svg+xml;
utf8,");
mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url("data: image/svg+xml;
utf8,");
-webkit-mask-position: 0 0,100% 0,0 calc(100% - 14px),100% calc(100% - 14px),0 6px,6px 0,50% 100%;
mask-position: 0 0,100% 0,0 calc(100% - 14px),100% calc(100% - 14px),0 6px,6px 0,50% 100%;
-webkit-mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,100% calc(100% - 26px),calc(100% - 12px) calc(100% - 14px),24px 14px;
mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,100% calc(100% - 26px),calc(100% - 12px) calc(100% - 14px),24px 14px;
}
@media (min-width: 1024px) {
.tooltip-advanced--arrow-right .tooltip-advanced__wrapper {
left: auto;
right: 100%;
transform: translate(-2rem);
}
.tooltip-advanced--arrow-right.show-tooltip-advanced .tooltip-advanced__wrapper {
transform: translate(0);
}
.tooltip-advanced--arrow-right .tooltip-advanced__content {
-webkit-mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url("data: image/svg+xml;
utf8, ");
mask-image: radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),radial-gradient(#fff 5.5px,#fff0 6px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url("data: image/svg+xml;
utf8, ");
-webkit-mask-position: 0 0,calc(100% - 14px) 0,0 100%,calc(100% - 14px) 100%,0 6px,6px 0,100% 22px;
mask-position: 0 0,calc(100% - 14px) 0,0 100%,calc(100% - 14px) 100%,0 6px,6px 0,100% 22px;
-webkit-mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,calc(100% - 14px) calc(100% - 12px),calc(100% - 26px) 100%,14px 24px;
mask-size: 12px 12px,12px 12px,12px 12px,12px 12px,calc(100% - 14px) calc(100% - 12px),calc(100% - 26px) 100%,14px 24px;
}
.tooltip-advanced--arrow-right .tooltip-advanced__content .tooltip-advanced__body {
padding: 1.5rem 2.9rem 1.5rem 1.5rem;
}
}
.tooltip-advanced__wrapper.tooltip-advanced--map {
width: min(100vw - 3.2rem,var(--maps-popup-width,50.4rem));
opacity: 1;
pointer-events: auto;
filter: drop-shadow(0 .4rem .8rem #5b68711a)drop-shadow(0 0 .1rem #1a202440);
max-width: none;
position: absolute;
top: 0;
left: 0;
transform: translate(-50%,calc(-100% - 4rem));
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__content {
border-radius: .5rem;
padding: 3.6rem 1.2rem 1.2rem;
-webkit-mask: none;
mask: none;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .poi__icon {
display: block;
}
.tooltip-advanced__wrapper.tooltip-advanced--map h2 {
color: var(--color-neutral-300);
}
.tooltip-advanced__wrapper.tooltip-advanced--map p {
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-300);
margin-top: .6rem;
line-height: 150%;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .button {
width: 100%;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .product-icons {
display: none;
overflow: hidden;
}
@media (min-width: 1024px) {
.tooltip-advanced__wrapper.tooltip-advanced--map .product-icons {
flex-flow: wrap;
align-items: center;
width: 100%;
display: flex;
}
}
.tooltip-advanced__wrapper.tooltip-advanced--map .product-icons .icon,.tooltip-advanced__wrapper.tooltip-advanced--map .product-icons .dealer-product {
box-shadow: 0 0 0 .1rem var(--color-neutral-200);
border-radius: .8rem;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
margin: .4rem;
display: flex;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .product-icons .icon img,.tooltip-advanced__wrapper.tooltip-advanced--map .product-icons .dealer-product img {
width: auto;
height: 1.9rem;
min-height: auto;
}
.tooltip-advanced__wrapper.tooltip-advanced--map h5 a {
--default-title-color: var(--color-neutral-500);
color: var(--default-title-color);
line-height: var(--default-title-line-height);
letter-spacing: var(--default-title-letter-spacing);
font-weight: var(--font-weight-normal);
font-family: var(--h5-font-family);
font-size: var(--h5-font-size-mobile);
}
@media (min-width: 768px) {
.tooltip-advanced__wrapper.tooltip-advanced--map h5 a {
font-size: var(--h5-font-size);
}
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body,.tooltip-advanced__wrapper.tooltip-advanced--map .skeleton {
padding: 2.2rem 1.2rem 3.4rem;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__close {
width: 1.6rem;
height: 1.6rem;
top: 1rem;
right: 1rem;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__close: before {
--trigger-icon-width: 1rem;
--trigger-icon-height: 1rem;
}
@media (min-width: 1024px) {
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__close {
display: block;
}
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body {
padding: 0;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body>article,.tooltip-advanced__wrapper.tooltip-advanced--map .skeleton {
grid-template-areas: "header""footer""ctas";
gap: 1.2rem;
padding: 0;
display: grid;
}
@media (min-width: 1024px) {
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body>article,.tooltip-advanced__wrapper.tooltip-advanced--map .skeleton {
grid-template: "header space""footer ctas"/3fr 2fr;
gap: 1.6rem 3.2rem;
}
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body>article .dealer-header,.tooltip-advanced__wrapper.tooltip-advanced--map .skeleton .dealer-header {
grid-area: header;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body>article .dealer-ctas,.tooltip-advanced__wrapper.tooltip-advanced--map .skeleton .dealer-ctas {
grid-area: ctas;
align-self: end;
gap: .8rem;
display: grid;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body>article .dealer-footer,.tooltip-advanced__wrapper.tooltip-advanced--map .skeleton .dealer-footer {
grid-area: footer;
gap: 1.6rem;
display: grid;
}
.tooltip-advanced__wrapper.tooltip-advanced--map .tooltip-advanced__body>article .throbber,.tooltip-advanced__wrapper.tooltip-advanced--map .skeleton .throbber {
grid-area: 1/1/-1/-1;
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) {
scroll-behavior: smooth;
-ms-overflow-style: none;
scrollbar-width: none;
width: 100%;
max-width: 100%;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) {
scroll-behavior: smooth;
-ms-overflow-style: none;
scrollbar-width: none;
width: 100%;
max-width: 100%;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) {
scroll-behavior: smooth;
-ms-overflow-style: none;
scrollbar-width: none;
width: 100%;
max-width: 100%;
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)): : -webkit-scrollbar {
display: none;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)): : -webkit-scrollbar {
display: none;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)): : -webkit-scrollbar {
display: none;
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
font-size: var(--small-text-font-size);
border-bottom: .1rem solid var(--color-neutral-200);
text-align: center;
vertical-align: middle;
height: 7.6rem;
padding: .4rem;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
font-size: var(--small-text-font-size);
border-bottom: .1rem solid var(--color-neutral-200);
text-align: center;
vertical-align: middle;
height: 7.6rem;
padding: .4rem;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
font-size: var(--small-text-font-size);
border-bottom: .1rem solid var(--color-neutral-200);
text-align: center;
vertical-align: middle;
height: 7.6rem;
padding: .4rem;
}
@media (min-width: 1024px) {
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
padding: .4rem 1.5rem;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
padding: .4rem 1.5rem;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
padding: .4rem 1.5rem;
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th: first-child,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td: first-child {
padding-left: 0;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th: first-child,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td: first-child {
padding-left: 0;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th: first-child,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td: first-child {
padding-left: 0;
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th: last-child,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td: last-child {
padding-right: 0;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th: last-child,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td: last-child {
padding-right: 0;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th: last-child,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td: last-child {
padding-right: 0;
}
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th {
font-weight: var(--font-weight-normal);
line-height: var(--default-text-line-height);
color: var(--color-primary-400);
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th {
font-weight: var(--font-weight-normal);
line-height: var(--default-text-line-height);
color: var(--color-primary-400);
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) th {
font-weight: var(--font-weight-normal);
line-height: var(--default-text-line-height);
color: var(--color-primary-400);
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
color: var(--color-neutral-500);
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
color: var(--color-neutral-500);
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) td {
color: var(--color-neutral-500);
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) caption {
font-size: var(--smaller-text-font-size);
text-align: left;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) caption {
font-size: var(--smaller-text-font-size);
text-align: left;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) caption {
font-size: var(--smaller-text-font-size);
text-align: left;
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead td,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody td {
text-wrap: wrap;
word-break: normal;
width: 17rem;
min-width: 17rem;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead td,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody td {
text-wrap: wrap;
word-break: normal;
width: 17rem;
min-width: 17rem;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead td,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody td {
text-wrap: wrap;
word-break: normal;
width: 17rem;
min-width: 17rem;
}
@media (min-width: 1024px) {
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead td,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody td {
width: auto;
min-width: 0;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead td,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody td {
width: auto;
min-width: 0;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) thead td,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody td {
width: auto;
min-width: 0;
}
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th {
position: sticky;
top: 0;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th {
position: sticky;
top: 0;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th {
position: sticky;
top: 0;
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th: first-child {
z-index: 10;
top: 0;
left: 0;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th: first-child {
z-index: 10;
top: 0;
left: 0;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th: first-child {
z-index: 10;
top: 0;
left: 0;
}
@media (min-width: 1024px) {
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th {
position: static;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th {
position: static;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column thead th {
position: static;
}
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody th {
z-index: 1;
position: sticky;
left: 0;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody th {
z-index: 1;
position: sticky;
left: 0;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody th {
z-index: 1;
position: sticky;
left: 0;
}
@media (min-width: 1024px) {
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody th {
position: static;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody th {
position: static;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody th {
position: static;
}
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(odd) th: first-child: after,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(2n) th: first-child: after {
content: "";
z-index: 1;
background: linear-gradient(90deg,#0000001a 0%,#0000 100%);
width: 18px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -9px;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(odd) th: first-child: after,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(2n) th: first-child: after {
content: "";
z-index: 1;
background: linear-gradient(90deg,#0000001a 0%,#0000 100%);
width: 18px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -9px;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(odd) th: first-child: after,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(2n) th: first-child: after {
content: "";
z-index: 1;
background: linear-gradient(90deg,#0000001a 0%,#0000 100%);
width: 18px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -9px;
}
@media (min-width: 1024px) {
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(odd) th: first-child: after,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(2n) th: first-child: after {
display: none;
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(odd) th: first-child: after,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(2n) th: first-child: after {
display: none;
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(odd) th: first-child: after,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)).sticky-column tbody tr: nth-child(2n) th: first-child: after {
display: none;
}
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(odd) th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(odd) td: first-child {
background-color: var(--color-white);
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(odd) th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(odd) td: first-child {
background-color: var(--color-white);
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(odd) th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(odd) td: first-child {
background-color: var(--color-white);
}
table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(2n) th,table: not(: -webkit-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(2n) td: first-child {
background-color: var(--color-lighter-grey);
}
table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(2n) th,table: not(: -moz-any(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(2n) td: first-child {
background-color: var(--color-lighter-grey);
}
table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(2n) th,table: not(: is(.draggable-table,.my-leads-table,.vbo-table,.fc-scrollgrid,.fc-scrollgrid-sync-table,.fc-list-table)) tbody tr: nth-child(2n) td: first-child {
background-color: var(--color-lighter-grey);
}
.mobile-table-wrapper {
position: relative;
}
.mobile-table-wrapper .mobile-table-btn-wrapper {
z-index: 15;
pointer-events: none;
justify-content: space-between;
width: 100%;
padding-inline-start: 2rem;
padding-inline-end: 2rem;
display: flex;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 1024px) {
.mobile-table-wrapper .mobile-table-btn-wrapper {
display: none;
}
}
.mobile-table-wrapper: has(thead) .mobile-table-btn-wrapper {
top: calc(50% + 3rem);
}
.mobile-table-wrapper .btn-slide-left,.mobile-table-wrapper .btn-slide-right {
background: var(--color-white);
border: .1rem solid var(--color-neutral-100);
pointer-events: auto;
border-radius: 50%;
align-items: center;
width: 3.2rem;
height: 3.2rem;
transition: background-color .3s;
display: flex;
position: relative;
box-shadow: 0 .1rem .8rem #0000001f;
}
.mobile-table-wrapper .btn-slide-left: after,.mobile-table-wrapper .btn-slide-right: after {
content: "";
background: var(--color-neutral-500);
width: 3.2rem;
height: 3.2rem;
transition: background-color .3s;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 1.2rem 1.2rem;
mask-size: 1.2rem 1.2rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.mobile-table-wrapper .btn-slide-left: hover,.mobile-table-wrapper .btn-slide-right: hover {
background-color: var(--color-primary-400);
}
.mobile-table-wrapper .btn-slide-left: hover: after,.mobile-table-wrapper .btn-slide-right: hover: after {
background: var(--color-white);
}
.mobile-table-wrapper .btn-slide-left: after {
rotate: 180deg;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%20width='40'%20height='40'%20focusable='false'%3e%3cpath%20d='m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z'%3e%3c/path%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%20width='40'%20height='40'%20focusable='false'%3e%3cpath%20d='m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z'%3e%3c/path%3e%3c/svg%3e");
}
.mobile-table-wrapper .btn-slide-right: after {
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%20width='40'%20height='40'%20focusable='false'%3e%3cpath%20d='m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z'%3e%3c/path%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%20width='40'%20height='40'%20focusable='false'%3e%3cpath%20d='m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z'%3e%3c/path%3e%3c/svg%3e");
}
.mobile-table-wrapper table {
white-space: nowrap;
display: block;
overflow-x: auto;
}
@media (min-width: 1024px) {
.mobile-table-wrapper table {
white-space: initial;
display: table;
overflow-x: auto;
}
}
.mobile-table-dots {
flex-flow: wrap;
justify-content: center;
gap: .8rem;
margin-block-start: 1.6rem;
display: flex;
}
@media (min-width: 1024px) {
.mobile-table-dots {
display: none;
}
}
.mobile-table-dots button.dot {
background: var(--color-grey-new);
width: 2.2rem;
height: .2rem;
}
.mobile-table-dots button.dot.active {
background: var(--color-secondary-200);
}
.mobile-inline-table-heading {
display: inline-block;
}
@media (min-width: 1024px) {
.mobile-inline-table-heading {
display: none;
}
}
.table--mobile-block {
display: block;
}
@media (min-width: 1024px) {
.table--mobile-block {
display: table;
}
}
.table--mobile-block td,.table--mobile-block th {
text-align: left;
height: auto;
font-size: var(--default-text-font-size);
border: none;
padding-left: 1.6rem;
padding-right: 1.6rem;
line-height: 125%;
}
@media (min-width: 1024px) {
.table--mobile-block td,.table--mobile-block th {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.table--mobile-block td: first-child,.table--mobile-block th: first-child {
padding-left: 1.6rem;
}
.table--mobile-block td: last-child,.table--mobile-block th: last-child {
padding-right: 1.6rem;
}
}
.table--mobile-block th .tooltip-label {
align-items: center;
display: flex;
}
.table--mobile-block th .tooltip-label .tooltip-advanced__trigger: before {
--trigger-icon-color: var(--color-white);
}
.table--mobile-block thead {
background: var(--color-primary-400);
display: none;
}
.table--mobile-block thead th {
color: var(--color-white);
white-space: nowrap;
font-weight: 600;
}
.table--mobile-block thead th .tooltip-advanced {
white-space: normal;
}
@media (min-width: 1024px) {
.table--mobile-block thead {
display: table-header-group;
}
.table--mobile-block thead th {
padding-top: 1.3rem;
padding-bottom: 1.4rem;
}
}
.table--mobile-block tbody {
grid-template-columns: 1fr;
gap: 2.4rem;
display: grid;
}
.table--mobile-block tbody tr {
background-color: var(--color-lighter-grey);
border: .1rem solid var(--color-neutral-200);
border-radius: .5rem;
}
.table--mobile-block tbody td {
vertical-align: top;
display: block;
}
.table--mobile-block tbody a {
--link-color: var(--color-secondary-200);
text-decoration: underline;
}
.table--mobile-block tbody a: hover {
text-decoration: none;
}
@media (min-width: 768px) {
.table--mobile-block tbody {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.table--mobile-block tbody {
grid-template-columns: unset;
gap: 0;
display: table-row-group;
}
.table--mobile-block tbody tr {
border: none;
border-radius: 0;
display: table-row;
position: relative;
}
.table--mobile-block tbody tr: nth-child(2n) {
background-color: var(--color-lighter-grey);
}
.table--mobile-block tbody tr: nth-child(odd) {
background-color: var(--color-white);
}
.table--mobile-block tbody td {
padding-top: 2.4rem;
padding-bottom: 2.4rem;
display: table-cell;
}
}
.field--type-text-long table {
white-space: nowrap;
display: block;
overflow-x: auto;
}
@media (min-width: 1024px) {
.field--type-text-long table {
white-space: initial;
display: table;
overflow-x: auto;
}
}
.field--type-text-long table p+p {
margin-top: 0;
}
.field--type-text-long table th,.field--type-text-long table td {
padding: .4rem 1.5rem;
}
.field--type-text-long table th[style*=background],.field--type-text-long table td[style*=background] {
color: var(--color-primary-400);
}
.field--type-text-long table th[style*="background-color: #014380;
"],.field--type-text-long table th[style*="background-color: #003c75;
"],.field--type-text-long table th[style="background-color: #001c36;
"],.field--type-text-long table td[style*="background-color: #014380;
"],.field--type-text-long table td[style*="background-color: #003c75;
"],.field--type-text-long table td[style="background-color: #001c36;
"] {
color: var(--color-white);
}
.field--type-text-long table thead th {
background-color: var(--color-primary-400);
color: var(--color-white);
font-weight: 500;
}
.field--type-text-long table thead+tbody tr: nth-child(2n) td {
background-color: var(--color-lighter-grey);
}
.field--type-text-long table thead+tbody tr: last-child th,.field--type-text-long table thead+tbody tr: last-child td {
border-bottom: none;
}
#toolbar-administration {
z-index: 1006;
position: relative;
}
.grecaptcha-badge {
visibility: hidden;
}
html[lang=uk-UA] body {
--font-family-defaults: "Arial",sans-serif;
--default-text-font-family: var(--font-family-defaults);
--h1-font-family: var(--font-family-defaults);
--h2-font-family: var(--font-family-defaults);
--h3-font-family: var(--font-family-defaults);
--h4-font-family: var(--font-family-defaults);
--h5-font-family: var(--font-family-defaults);
--h6-font-family: var(--font-family-defaults);
--button-font-family: var(--font-family-defaults);
--admin-tools-font-family: var(--font-family-defaults);
--footer-font-family: var(--font-family-defaults);
--footer-menu-title-font-family: var(--font-family-defaults);
}
.ajax-progress-fullscreen {
background: 0 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.ajax-progress-fullscreen: before {
content: "";
border: .4rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
animation: .8s linear infinite loader-spin;
}
body: has(.ajax-progress-fullscreen) .block-webform {
opacity: .25;
pointer-events: none;
}
.block-webform {
transition: opacity .3s;
}
.panel {
border-radius: var(--panel-border-radius);
box-shadow: var(--panel-box-shadow);
border: var(--panel-border);
background-color: var(--panel-background-color);
padding: 1.6rem;
}
.panel--autocomplete {
z-index: 1002;
opacity: 0;
pointer-events: none;
width: 100vw;
margin-top: .8rem;
padding: 0;
position: fixed;
}
.panel--autocomplete.active {
opacity: 1;
pointer-events: auto;
}
.panel--autocomplete.loading: before,.panel--autocomplete.loading: after {
content: "";
position: absolute;
}
.panel--autocomplete.loading: before {
background: #ffffff80;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.breadcrumbs {
font-size: var(--breadcrumbs-font-size);
color: var(--breadcrumbs-color);
background: var(--color-white);
display: none;
}
.toolbar-fixed .breadcrumbs {
margin-right: unset;
position: relative;
}
.toolbar-fixed .breadcrumbs.active {
border-bottom: unset;
}
.page-node-type-project .breadcrumbs,.page-node-type-story .breadcrumbs,.page-node-type-career .breadcrumbs,.page-node-type-news .breadcrumbs {
padding: 1.6rem var(--container-padding-h);
}
.breadcrumbs ol,.breadcrumbs ul,.breadcrumbs li {
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumbs ol {
flex-flow: wrap;
align-items: center;
display: flex;
}
.breadcrumbs ol>li {
flex-direction: row;
align-items: center;
margin: 0 1.3rem;
display: flex;
position: relative;
}
.breadcrumbs ol>li>a {
color: var(--breadcrumbs-color);
flex-direction: row;
align-items: center;
display: flex;
}
.breadcrumbs ol>li>a: hover {
color: var(--breadcrumbs-hover-color);
}
.breadcrumbs ol>li>a>svg {
width: .7rem;
height: 1.2rem;
margin-left: 1rem;
transform: rotate(90deg);
}
.breadcrumbs ol>li: first-child {
margin-left: 0;
}
.breadcrumbs ol>li: last-child {
margin-right: 0;
}
.breadcrumbs ol>li.breadcrumbs__current,.breadcrumbs ol>li[data-breadcrumb-additional-links],.breadcrumbs ol>li.breadcrumbs__current a,.breadcrumbs ol>li[data-breadcrumb-additional-links] a {
color: var(--breadcrumbs-active-color);
}
.breadcrumbs ol>li[data-breadcrumb-additional-links] {
cursor: pointer;
}
@media (min-width: 1024px) {
.breadcrumbs {
justify-content: space-between;
display: flex;
}
}
.breadcrumbs__seperator {
fill: var(--breadcrumbs-color);
transition: fill .25s ease-out;
}
.additional-active .breadcrumbs__seperator {
fill: var(--breadcrumbs-active-color);
}
.breadcrumbs__expand {
fill: var(--breadcrumbs-active-color);
width: 1.2rem;
height: .7rem;
margin-left: 1rem;
}
.breadcrumbs__panel {
transition: var(--breadcrumbs-additional-transition);
opacity: 0;
z-index: -1;
pointer-events: none;
width: 100vw;
max-width: 24rem;
padding-top: .8rem;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
}
.breadcrumbs__panel ul {
padding: 1.6rem;
}
.breadcrumbs__panel ul li {
font-size: var(--body-text-font-size);
color: var(--color-neutral-400);
margin-top: .8rem;
}
.breadcrumbs__panel ul li: first-child {
margin-top: 0;
}
.breadcrumbs__panel ul li.panel__title {
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-300);
cursor: auto;
margin-bottom: .8rem;
}
.breadcrumbs__panel ul a {
color: var(--color-neutral-400);
display: block;
}
.breadcrumbs__panel ul a: hover {
color: var(--link-hover-color);
}
.breadcrumbs__panel[aria-expanded=true] {
z-index: 502;
opacity: 1;
pointer-events: auto;
}
.breadcrumbs {
display: none;
}
@media (min-width: 1024px) {
.breadcrumbs {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem;
display: flex;
}
.breadcrumbs .block-menu-cta-links {
flex-wrap: wrap;
gap: .8rem;
display: flex;
}
.breadcrumbs .block-menu-cta-links .button--icon: after {
display: none;
}
}
.breadcrumbs__buttons {
flex-shrink: 0;
gap: 1.2rem;
display: flex;
}
.language-switcher {
color: var(--language-switcher-color);
font-size: var(--small-text-font-size);
line-height: 2.1rem;
position: relative;
}
.language-switcher span: not(.menu__back-link) {
display: block;
}
.language-switcher .country__flag {
background-color: var(--language-switcher-flag-background-color);
border-radius: .2rem;
flex-shrink: 0;
width: 2.4rem;
min-height: 1.6rem;
line-height: 0;
position: relative;
overflow: hidden;
}
.language-switcher .country__flag svg,.language-switcher .country__flag img {
display: block;
}
.language-switcher .country__flag object {
width: 100%;
max-width: 2.4rem;
height: 100%;
max-height: 1.8rem;
}
.language-switcher .country__flag: before {
content: "";
z-index: 1;
border-radius: .2rem;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 0 .05rem #0000001a;
}
.language-switcher .country__name {
margin-left: .8rem;
}
.language-switcher ul,.language-switcher li {
margin: 0;
padding: 0;
list-style: none;
}
.language-switcher.active .language-switcher__browser {
opacity: 1;
transform: translateY(0);
}
.language-switcher .menu__back-link {
margin: 0 0 .8rem;
}
@media (min-width: 1024px) {
.language-switcher .menu__back-link {
speak: none;
pointer-events: none;
display: none;
}
}
.language-switcher__current {
cursor: pointer;
box-shadow: var(--language-switcher-box-shadow);
flex-direction: row;
align-items: center;
padding: 2.2rem 2.4rem 2.2rem 1.5rem;
display: flex;
}
@media (min-width: 1024px) {
.language-switcher__current {
padding-left: 3.2rem;
padding-right: 2.8rem;
}
}
.language-switcher__current .country__name+svg {
margin-left: auto;
}
@media (min-width: 1024px) {
.language-switcher__current .country__name+svg {
transform: rotate(90deg);
}
}
.language-switcher__search-form {
margin-top: .8rem;
margin-bottom: 1.2rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
position: relative;
}
.language-switcher__search-form>input {
font-size: var(--small-text-font-size);
width: 100%;
padding: 1.2rem 1.6rem 1.2rem 4.4rem;
line-height: 150%;
}
.language-switcher__search-form svg {
width: 1.4rem;
height: 1.4rem;
fill: var(--language-switcher-icon-color);
position: absolute;
top: 50%;
left: 1.9rem;
transform: translateY(-50%);
}
.language-switcher__browser {
z-index: 1001;
background-color: var(--language-switcher-background-color);
width: 100%;
height: 100%;
box-shadow: var(--language-switcher-desktop-box-shadow);
opacity: 0;
flex-direction: column;
display: flex;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
transform: translateY(100%);
}
@media (min-width: 1024px) {
.language-switcher__browser {
z-index: -1;
width: auto;
min-width: var(--language-switcher-desktop-width);
max-height: var(--language-switcher-desktop-max-height);
top: auto;
bottom: 0;
left: var(--header-max-width);
border-radius: var(--language-switcher-desktop-border-radius);
border: var(--language-switcher-desktop-box-shadow);
margin-left: .4rem;
}
}
.language-switcher__browser.animated {
transition: var(--transition-default);
}
.language-switcher__browser__inner {
-webkit-overflow-scrolling: touch;
height: 100%;
padding: 0 1.2rem 1.2rem;
overflow: hidden auto;
}
.language-switcher__browser__inner: : -webkit-scrollbar {
display: none;
}
.language-switcher__links {
flex-flow: wrap;
align-items: center;
margin: 0;
padding: 0;
display: flex;
}
@media (min-width: 1024px) {
.language-switcher__links {
flex-wrap: nowrap;
}
}
.language-switcher__links.hidden {
display: none;
}
.language-switcher__links+li {
margin-top: .8rem;
}
.language-switcher__links .country__languages {
flex-direction: row;
align-items: center;
margin-left: auto;
padding-left: 1.6rem;
display: flex;
}
.language-switcher__links .country__languages li+li {
margin-left: .4rem;
}
.language-switcher__links .country__languages a {
text-transform: uppercase;
text-align: center;
background-color: var(--language-switcher-elements-background);
width: 3.6rem;
height: 3.6rem;
color: var(--language-switcher-color);
border-radius: 50%;
line-height: 3.6rem;
text-decoration: none;
transition: color .3s,background-color .3s;
display: block;
}
.language-switcher__links .country__languages a.active,.language-switcher__links .country__languages a: active,.language-switcher__links .country__languages a: hover {
background-color: var(--language-switcher-language-active-background);
color: var(--language-switcher-language-active-color);
}
.language-switcher__links .country__name {
margin-left: 1.2rem;
}
.language-switcher--country-detect.active .language-switcher__browser {
opacity: 1;
pointer-events: auto;
transform: translateY(.8rem);
}
@media (min-width: 1024px) {
.language-switcher--country-detect.active .language-switcher__browser {
transform: translate(-50%)translateY(.8rem);
}
}
.language-switcher--country-detect .language-switcher__current {
padding: var(--button-padding);
border: var(--button-border-width) var(--button-border-style) var(--color-white);
border-radius: var(--button-border-radius);
line-height: var(--button-line-height);
--language-switcher-box-shadow: none;
color: var(--color-white);
}
.language-switcher--country-detect .language-switcher__current .country__name {
margin-right: 2.4rem;
}
.language-switcher--country-detect .language-switcher__current .country__name+svg,.language-switcher--country-detect .language-switcher__current .country__name+svg path {
fill: var(--color-white);
}
.language-switcher--country-detect .language-switcher__browser {
--language-switcher-color: var(--color-neutral-400);
z-index: 1001;
pointer-events: none;
width: 100vw;
height: 100vh;
max-height: 75vh;
position: absolute;
top: 100%;
left: -1.6rem;
transform: translateY(.8rem);
}
@media (min-width: 1024px) {
.language-switcher--country-detect .language-switcher__browser {
z-index: 1001;
pointer-events: none;
width: auto;
max-height: var(--language-switcher-desktop-max-height);
margin-left: 0;
top: 100%;
bottom: auto;
left: 50%;
transform: translate(-50%)translateY(.8rem);
}
}
.language-switcher--country-detect .language-switcher__links {
--language-switcher-color: var(--color-neutral-400);
}
.language-switcher.language-switcher-footer .language-switcher__current {
color: var(--language-switcher-footer-color);
box-shadow: none;
border: var(--language-switcher-desktop-button-border);
border-radius: var(--language-switcher-desktop-button-border-radius);
border-width: var(--language-switcher-desktop-button-border-width);
border-style: var(--language-switcher-desktop-button-border-style);
padding: .85rem 1.2rem;
}
.language-switcher.language-switcher-footer .language-switcher__current path {
fill: var(--color-white);
}
.language-switcher.language-switcher-footer .language-switcher__current .country__flag {
width: 1.75rem;
min-height: 1.2rem;
}
.language-switcher.language-switcher-footer .language-switcher__current .country__name {
font-size: var(--smaller-text-font-size);
}
.language-switcher.language-switcher-footer.active .language-switcher__browser {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.language-switcher.language-switcher-footer .language-switcher__browser {
z-index: 503;
pointer-events: none;
height: 100%;
bottom: 0;
right: 0;
}
@media (min-width: 1024px) {
.language-switcher.language-switcher-footer .language-switcher__browser {
max-height: var(--language-switcher-desktop-max-height);
border-radius: var(--language-switcher-desktop-border-radius);
height: 19.8rem;
box-shadow: var(--language-switcher-desktop-box-shadow);
margin-top: 1rem;
position: absolute;
top: 100%;
left: auto;
right: auto;
transform: translateY(2rem);
}
}
.language-switcher.language-switcher-footer .language-switcher__browser.animated {
transition: var(--transition-default);
}
@media (min-width: 1024px) {
.language-switcher.language-switcher-footer .language-switcher__browser.animated {
transition: opacity .6s,transform .6s cubic-bezier(.5,0,0,1);
}
}
.layout-builder .contextual-region .contextual .contextual-links {
padding: 0;
box-shadow: none!important;
border-radius: .3rem!important;
}
.layout-builder .contextual-region .contextual .contextual-links li a {
margin: 0;
padding: 1rem 2rem;
}
.layout-builder .contextual .trigger {
box-shadow: none!important;
background-image: url(/core/misc/icons/bebebe/pencil.svg)!important;
background-position: 50%!important;
background-repeat: no-repeat!important;
}
.layout-builder .contextual .trigger: before {
content: none!important;
}
.contextual .trigger: before {
background: var(--color-neutral-300)!important;
width: 1.25rem!important;
height: 1.25rem!important;
-webkit-mask-size: 1.25rem 1.25rem!important;
mask-size: 1.25rem 1.25rem!important;
}
.page-header {
margin-bottom: 6.9rem;
padding: 0 1.6rem;
}
.page-header .button {
margin-top: 2rem;
margin-right: 1rem;
}
@media (min-width: 1024px) {
.page-header {
flex-direction: row;
align-items: flex-end;
margin-bottom: 6.4rem;
padding: 0 1.5rem;
display: flex;
}
}
@media (min-width: 1280px) {
.page-header.has-header-block {
grid-template-columns: 65.6rem 38.5rem;
justify-content: space-between;
align-items: flex-start;
display: grid;
}
.page-header.has-header-block .page-header__left {
max-width: none;
padding-right: 0;
}
.page-header.has-header-block .page-header__right {
padding-left: 1.5rem;
}
}
.page-header h1 {
color: var(--color-primary-400);
}
.page-header h2 {
color: var(--color-neutral-300);
font-size: var(--h3-font-size);
}
.page-header h1+h2 {
margin-top: 2rem;
}
.page-header__video {
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
max-height: 48rem;
transform: none;
}
@media (min-width: 1024px) {
.page-header__left {
max-width: 50%;
padding-right: 1.5rem;
}
}
.page-header__right {
margin-top: 3.2rem;
}
@media (min-width: 1024px) {
.page-header__right {
margin-top: 0;
margin-left: auto;
padding-left: 1.5rem;
}
}
.page-header__intro {
color: var(--color-neutral-500);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
margin-top: 1.6rem;
font-size: 1.8rem;
line-height: 1.3;
}
.page-header--frame {
align-items: inherit;
}
.page-header--frame .page-header__intro {
margin-top: 0;
}
.page-header--frame .page-header__right {
align-self: flex-end;
}
.page-header--seo {
align-items: flex-start;
margin-top: 3.2rem;
}
@media (min-width: 768px) {
.page-header--seo {
margin-top: var(--container-margin-v);
}
}
@media (min-width: 1024px) {
.page-header--seo .page-header__left {
width: 68.4346%;
max-width: none;
padding-right: 3rem;
}
.page-header--seo .page-header__right {
width: 31.5654%;
max-width: none;
padding-left: 0;
}
}
.page-header--seo .page-header__intro {
color: var(--color-neutral-400);
margin-top: 2.8rem;
}
@media (min-width: 1024px) {
.page-header--seo .page-header__intro {
margin-top: 6.4rem;
}
}
.page-header--has-cta-block {
flex-direction: column;
display: flex;
}
.page-header--has-cta-block .cta-block {
width: 100%;
}
.page-header--has-cta-block .cta-block .button {
margin: 0!important;
}
.page-header--has-cta-block .cta-block--style-image: before {
width: 200vw;
transform: translate(-50vw);
}
.page-header--has-cta-block .cta-block--style-image .cta-block__content-wrapper {
padding-left: 0!important;
padding-right: 0!important;
}
@media (min-width: 1024px) {
.page-header--has-cta-block {
flex-flow: wrap;
}
}
.page-header--has-cta-block--above-intro .cta-block {
margin-bottom: var(--container-margin-v-mobile);
order: -1;
}
@media (min-width: 1024px) {
.page-header--has-cta-block--above-intro .cta-block {
margin-bottom: var(--container-margin-v);
}
}
.page-header--has-cta-block--under-intro .cta-block {
margin-top: var(--container-margin-v-mobile);
order: 2;
}
@media (min-width: 1024px) {
.page-header--has-cta-block--under-intro .cta-block {
margin-top: var(--container-margin-v);
order: 999;
}
}
.page-header--has-cta-block--under-intro .page-header__right {
order: 999;
}
@media (min-width: 1024px) {
.page-header--has-cta-block--under-intro .page-header__right {
order: 2;
}
}
.page-header-actions {
background-color: var(--color-white);
padding: .8rem var(--container-padding-h-mobile);
flex-direction: row;
align-items: center;
margin-bottom: 2.4rem;
display: flex;
box-shadow: inset 0 -.1rem #eef0f3;
}
@media (min-width: 1024px) {
.page-header-actions {
box-shadow: none;
padding: 1.1rem var(--container-padding-h) 0;
justify-content: flex-end;
margin-bottom: 1.6rem;
}
.page-header-actions.product-page-header-actions {
padding-top: 2rem;
}
}
.page-header-actions__links {
flex-direction: row;
align-items: center;
margin-left: auto;
padding-left: 1.6rem;
display: flex;
}
.page-header-actions__links [class*=button] {
white-space: nowrap;
}
.page-header-actions__links [class*=button]+[class*=button] {
margin-left: .8rem;
}
@media (min-width: 1024px) {
.page-header-actions__links {
margin-left: 0;
}
}
.page-header-actions--dropdown-tabs {
padding: 0 var(--container-padding-h-mobile);
align-items: flex-start;
}
.page-header-actions--dropdown-tabs .tablist--dropdown,.page-header-actions--dropdown-tabs .page-header-actions__links {
padding-top: .8rem;
}
.page-header-actions--dropdown-tabs .page-header-actions__links {
padding-bottom: .8rem;
}
@media (min-width: 1024px) {
.page-header-actions--dropdown-tabs {
padding: 0 var(--container-padding-h-mobile);
}
.page-header-actions--dropdown-tabs .page-header-actions__links,.page-header-actions--dropdown-tabs .tablist--dropdown {
padding-top: 1.1rem;
padding-bottom: 0;
}
.header-grid {
grid-template-columns: 31.6239% 57.265%;
gap: 4rem 11.1111%;
display: grid;
}
}
.header-grid__title {
padding: 0 var(--container-padding-h-mobile);
text-align: center;
}
@media (min-width: 1024px) {
.header-grid__title {
grid-row: 2/3;
grid-column-start: 1;
align-self: start;
}
}
.header-grid__col-left {
width: 100%;
display: none;
}
.header-grid__col-left>* {
width: 100%;
max-width: 37rem;
margin: 0 auto;
}
.header-grid__col-left .media-info {
margin: 0;
}
.header-grid__col-left .media {
position: relative;
}
.header-grid__col-left .media: before {
content: "";
background-color: var(--media-background-color);
padding-top: 121.081%;
display: block;
}
.header-grid__col-left .media img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1024px) {
.header-grid__col-left {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
grid-row: 1/2;
grid-column-start: 1;
align-self: end;
display: block;
}
}
.header-grid__col-right {
margin-top: 2.4rem;
}
.header-grid__col-right .media {
position: relative;
}
.header-grid__col-right .media: before {
content: "";
background-color: var(--media-background-color);
padding-top: 74.6667%;
display: block;
}
.header-grid__col-right .media img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1024px) {
.header-grid__col-right {
grid-row: 1/3;
grid-column-start: 2;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.header-grid__col-right .media: before {
padding-top: 105%;
}
}
.header-cta [class*=button] {
width: 100%;
margin-top: 1.2rem;
}
.header-cta__title,.header-cta__content {
font-size: var(--small-text-font-size);
margin: 0;
}
.header-image {
position: relative;
overflow: hidden;
}
.header-image .button {
margin-top: 1rem;
margin-right: 1rem;
}
.header-image .media {
background: var(--media-background-color);
position: relative;
overflow: hidden;
}
.header-image .media: before {
content: "";
padding-top: 74.6667%;
display: block;
}
.header-image .media img,.header-image .media video {
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.header-image .media video {
max-height: 48rem;
}
.header-image .dealer-search-result .media {
background: unset;
}
.header-image .dealer-search-result .media: before {
content: none;
}
.header-image .dealer-search-result img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
position: static;
}
.header-image+.page-header {
margin-top: 3.2rem;
}
@media (min-width: 1024px) {
.header-image .media: before {
padding-top: 47.5%;
}
.header-image+.page-header {
margin-top: 6.4rem;
}
}
@media (min-width: 1441px) {
.header-image .media: before {
height: 480px;
padding: 0!important;
}
.header-image--large .media: before {
height: 570px;
}
}
@media (min-width: 1024px) {
.header-image--small .media: before {
padding-top: 33.3333%;
}
}
.header-image--medium .media: before {
padding-top: 85.3333%;
}
@media (min-width: 1024px) {
.header-image--medium .media: before {
padding-top: 40%;
}
}
.header-image--product-group .media: before {
padding-top: 112.533%;
padding-top: min(74.6667%,42.2rem);
}
@media (min-width: 1024px) {
.header-image--product-group .media: before {
padding-top: 40%;
}
}
.header-image--basic-page .media: before {
padding-top: 74.6667%;
}
@media (min-width: 550px) {
.header-image--basic-page .media: before {
padding-top: 85.3333%;
}
}
@media (min-width: 768px) {
.header-image--basic-page .media: before {
padding-top: 40%;
}
}
.header-image--text-on-image {
padding: 0;
display: block;
}
.header-image--text-on-image>.field .media {
width: 100%;
position: relative;
}
.header-image--text-on-image>.field .media: after {
content: "";
background: linear-gradient(90.34deg,#0006 .2%,#0000 99.56%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 768px) {
.header-image--text-on-image>.field .media: after {
background: linear-gradient(90deg,#000c 0%,#0000 61.42%);
}
}
.header-image--text-on-image .header-image__inner {
padding: 0 var(--container-padding-h-mobile) 2.3rem var(--container-padding-h-mobile);
position: absolute;
bottom: 0;
}
@media (min-width: 768px) {
.header-image--text-on-image .header-image__inner {
padding: 0 4.5rem 3.6rem;
}
}
@media (min-width: 1280px) {
.header-image--text-on-image .header-image__inner {
padding: 0 0 3.6rem 4.5rem;
}
}
@media (min-width: 1441px) {
.header-image--text-on-image .header-image__inner {
max-width: 120rem;
padding: 0 var(--container-padding-h) 4.5rem var(--container-padding-h);
margin: auto;
left: 0;
right: 0;
}
}
.header-image--text-on-image .header-image__inner h1,.header-image--text-on-image .header-image__inner h2: not(.dealer-search-result__name),.header-image--text-on-image .header-image__inner .page-header__intro {
color: var(--color-white);
}
@media (min-width: 1024px) {
.header-image--text-on-image .header-image__inner h1,.header-image--text-on-image .header-image__inner h2: not(.dealer-search-result__name),.header-image--text-on-image .header-image__inner .page-header__intro {
max-width: 32.5rem;
}
}
@media (min-width: 1280px) {
.header-image--text-on-image .header-image__inner h1,.header-image--text-on-image .header-image__inner h2: not(.dealer-search-result__name),.header-image--text-on-image .header-image__inner .page-header__intro {
max-width: 55.5rem;
}
}
.header-image--text-on-image .header-image__inner .button {
width: 100%;
margin-top: 1.6rem;
}
@media (min-width: 550px) {
.header-image--text-on-image .header-image__inner .button {
width: auto;
}
}
.header-image--text-on-image+.page-header .page-header__intro {
max-width: 79.8rem;
padding: 0 1.6rem;
}
@media (min-width: 768px) {
.header-image--text-on-image+.page-header .page-header__intro {
padding: 0 1.4rem;
}
}
.header-image--center {
text-align: center;
}
.header-image--center .media: after {
background: linear-gradient(90.34deg,#0006 .2%,#0000 99.56%);
}
@media (min-width: 768px) {
.header-image--center .media: after {
background: linear-gradient(#0000 35.77%,#0006 81.89%);
}
}
.header-image--center .header-image__inner {
width: 100%;
}
@media (min-width: 1280px) {
.header-image--center .header-image__inner {
width: inherit;
max-width: 55.5rem;
margin: inherit;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
left: 50%;
transform: translate(-50%);
}
}
.header-image--center .page-header__intro {
font-size: 1.6rem;
}
.header-image--frame {
max-width: inherit;
display: grid;
}
.header-image--frame .field--name-field-header-image,.header-image--frame .header-image__inner {
grid-area: 1/1/-1/-1;
width: 100%;
}
.header-image--frame .media {
min-height: 100%;
}
.header-image--frame .media: before {
padding-top: 74.6667%;
}
@media (min-width: 550px) {
.header-image--frame .media: before {
padding-top: 85.3333%;
}
}
@media (min-width: 768px) {
.header-image--frame .media: before {
padding-top: 47.5%;
}
}
@media (min-width: 1280px) {
.header-image--frame .media: before {
padding-top: 40%;
}
}
.header-image--frame .media: after {
background: linear-gradient(#0000 27.9%,#0003 81.55%),linear-gradient(90deg,#00000080 0%,#0000 47.19%);
}
.header-image--frame .header-image__title-wrapper {
border: 3px solid var(--color-white);
padding: var(--container-padding-h-mobile) 0 var(--container-padding-h-mobile) var(--container-padding-h-mobile);
border-right: 0;
max-width: 47.8rem;
}
@media (min-width: 768px) {
.header-image--frame .header-image__title-wrapper {
padding: 1.8rem .6rem 1.8rem 2.4rem;
}
}
.header-image--frame .header-image__title-wrapper h1+h2 {
font-size: var(--h4-font-size);
margin-top: .8rem;
}
.header-image--frame .header-image__inner {
align-self: start;
padding-block-start: 2.6rem;
padding-block-end: 2.6rem;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
@media (min-width: 768px) {
.header-image--frame .header-image__inner {
padding-block-start: 9rem;
padding-block-end: 9rem;
}
}
.header-image--frame .header-image__inner .button: not(: -webkit-any(.header-button,.form-submit)) {
--button-color: var(--color-white);
--button-icon-color: var(--color-white);
background: 0 0;
border: 0;
width: auto;
margin-top: 2.4rem;
padding: .8rem 2rem;
}
.header-image--frame .header-image__inner .button: not(: -moz-any(.header-button,.form-submit)) {
--button-color: var(--color-white);
--button-icon-color: var(--color-white);
background: 0 0;
border: 0;
width: auto;
margin-top: 2.4rem;
padding: .8rem 2rem;
}
.header-image--frame .header-image__inner .button: not(: is(.header-button,.form-submit)) {
--button-color: var(--color-white);
--button-icon-color: var(--color-white);
background: 0 0;
border: 0;
width: auto;
margin-top: 2.4rem;
padding: .8rem 2rem;
}
@media (min-width: 768px) {
.header-image--frame .header-image__inner .button: not(: -webkit-any(.header-button,.form-submit)) {
padding: .9rem 2.8rem;
}
.header-image--frame .header-image__inner .button: not(: -moz-any(.header-button,.form-submit)) {
padding: .9rem 2.8rem;
}
.header-image--frame .header-image__inner .button: not(: is(.header-button,.form-submit)) {
padding: .9rem 2.8rem;
}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 155%;
}
}
@media screen and (min-width: 360px) and (max-width: 399px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 124%;
}
}
@media screen and (min-width: 400px) and (max-width: 419px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 100%;
}
}
@media screen and (min-width: 420px) and (max-width: 479px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 94.6667%;
}
}
@media (min-width: 768px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 62.5%;
}
}
@media screen and (min-width: 800px) and (max-width: 959px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 47.5%;
}
.header-image--frame.header-image--increase-height .header-image__title-wrapper {
max-width: 70%;
}
}
@media (min-width: 996px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 47.5%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 60.5%;
}
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
.header-image--frame.header-image--increase-height .media: before {
padding-top: 56%;
}
}
@media screen and (min-width: 1200px) {
.header-image--frame.header-image--increase-height .header-image__title-wrapper {
max-width: 48.8rem;
}
}
.header-image__banner {
position: relative;
}
.header-image__banner .field--name-field-header-video-link: before {
content: "";
background: linear-gradient(#0000 14.06%,#0000005d 52.95%,#00000080 78.52%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.header-image__banner .field--name-field-header-video-link .media: before {
content: none;
}
.header-image__banner .field--name-field-header-video-link .contextual-region {
position: static;
}
.header-image__banner .field--name-field-header-video-link .media-popup-trigger {
z-index: 1;
color: var(--color-white);
font-size: var(--small-text-font-size);
background-color: #0000;
font-weight: 400;
position: absolute;
top: auto;
bottom: 1.6rem;
left: 1.6rem;
right: auto;
}
.header-image__banner .field--name-field-header-video-link .media-popup-trigger: before {
content: none;
}
.header-image__banner .field--name-field-header-video-link .media-popup-trigger__play {
align-items: center;
gap: 1.6rem;
display: flex;
}
.header-image__banner .field--name-field-header-video-link .media-popup-trigger .icon--play {
width: 4rem;
height: auto;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
transform: none;
}
.header-image__sticker {
width: 16.7rem;
height: 16.7rem;
position: absolute;
top: 50%;
bottom: auto;
left: 3.8rem;
right: auto;
transform: translateY(-50%);
}
@media (min-width: 768px) {
.header-image__sticker {
width: 19.7rem;
height: 19.7rem;
}
}
.header-image__sticker .media {
background: 0 0;
width: 16.7rem;
height: 16.7rem;
}
.header-image__sticker .media: after {
display: none;
}
@media (min-width: 768px) {
.header-image__sticker .media {
width: 19.7rem;
height: 19.7rem;
}
}
.header-image__sticker--center {
top: 50%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%,-50%);
}
.header-image__sticker--right {
top: 50%;
bottom: auto;
left: auto;
right: 3.8rem;
}
.header-image--frame .header-image__sticker,.header-image--text-on-image .header-image__sticker {
display: none;
}
@media (min-width: 1024px) {
.header-image--frame .header-image__sticker,.header-image--text-on-image .header-image__sticker {
display: block;
top: 50%;
bottom: auto;
left: auto;
right: 3.8rem;
}
}
.header-image--frame .header-image__sticker.header-image__sticker--inline,.header-image--text-on-image .header-image__sticker.header-image__sticker--inline {
display: block;
}
@media (min-width: 1024px) {
.header-image--frame .header-image__sticker.header-image__sticker--inline,.header-image--text-on-image .header-image__sticker.header-image__sticker--inline {
display: none;
}
}
.header-image--text-on-image.has-header-block .header-image__sticker--inline {
display: block;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .header-image__sticker--inline {
display: block;
}
.header-image--center .header-image__sticker {
display: none;
}
}
@media (min-width: 1280px) {
.header-image--center .header-image__sticker {
display: block;
}
}
.header-image__sticker--inline {
inset: unset;
width: 11.2rem;
height: 11.2rem;
margin-block-end: 3.2rem;
display: block;
position: static;
transform: none;
}
@media (min-width: 768px) {
.header-image__sticker--inline {
width: 12.8rem;
height: 12.8rem;
}
}
.header-image__sticker--inline .media {
width: inherit;
height: inherit;
}
.header-image__sticker--inline .media: before {
content: none;
}
.header-image__sticker--inline .media img {
object-fit: contain;
width: 100%;
height: 100%;
position: static;
}
.header-image--text-above-image h1 {
margin-top: 4.8rem;
margin-bottom: 2.8rem;
padding: 0 1.5rem;
}
@media (min-width: 768px) {
.header-image--text-above-image h1 {
margin-top: 6.4rem;
margin-bottom: 1.8rem;
}
}
.header-image--text-above-image h2,.header-image--text-above-image .page-header__intro {
max-width: 79.8rem;
padding: 0 1.6rem;
}
@media (min-width: 768px) {
.header-image--text-above-image h2,.header-image--text-above-image .page-header__intro {
padding: 0 1.4rem;
}
}
.header-image--text-above-image h2 {
font-family: var(--h3-font-family);
font-size: var(--h3-font-size-mobile);
}
@media (min-width: 768px) {
.header-image--text-above-image h2 {
font-size: var(--h3-font-size);
}
}
.header-image--text-above-image p {
font-size: var(--large-text-font-size);
line-height: var(--default-text-line-height);
}
@media (min-width: 1441px) {
.header-image--media-above-text .header-image__introduction {
margin-left: calc(50% - var(--container-max-width) / 2);
}
}
.header-image--media-above-text h1 {
margin-top: 4.8rem;
margin-bottom: 2.8rem;
padding: 0 1.5rem;
}
@media (min-width: 768px) {
.header-image--media-above-text h1 {
margin-top: 6.4rem;
margin-bottom: 1.8rem;
}
}
.header-image--media-above-text h2,.header-image--media-above-text .page-header__intro {
padding: 0 1.6rem;
}
@media (min-width: 768px) {
.header-image--media-above-text h2,.header-image--media-above-text .page-header__intro {
padding: 0 1.4rem;
}
}
.header-image--media-above-text p {
font-size: var(--large-text-font-size);
line-height: var(--default-text-line-height);
}
.teaser-grid {
flex-direction: column;
padding: 0 .8rem;
display: flex;
}
@media (min-width: 1024px) {
.teaser-grid {
max-width: var(--container-max-width);
flex-flow: wrap;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding: 0;
}
}
.teaser-grid .teaser {
padding: 0 .8rem 3rem;
}
@media (min-width: 1024px) {
.teaser-grid .teaser {
padding: 0 var(--container-padding-h) 3.2rem var(--container-padding-h);
}
}
.teaser-grid--minis {
padding: 0;
}
.teaser-grid--minis .teaser {
padding: .8rem;
}
@media (min-width: 1024px) {
.teaser-grid--minis .teaser {
padding: var(--container-padding-h);
}
}
.teaser {
width: 100%;
}
.teaser: hover .media img {
transform: scale(1.03);
}
.teaser: hover .contextual .trigger {
clip-path: none;
overflow: visible;
width: 26px!important;
height: 26px!important;
}
.teaser__content {
position: relative;
}
.teaser__media,.teaser__no-media {
background: var(--media-background-color);
}
.teaser__media: before,.teaser__no-media: before {
content: "";
padding-top: 56.1404%;
display: block;
}
.teaser__media {
position: relative;
overflow: hidden;
}
.teaser__media .media {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute!important;
}
.teaser__media .media img {
transition: var(--transition-default);
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1024px) {
.teaser__media: before {
padding-top: 56.1404%;
}
}
.teaser__header {
margin-top: 1.6rem;
}
.teaser__header .teaser__date+h3 {
margin-top: .4rem;
}
.teaser__header--split {
flex-direction: column;
display: flex;
}
.teaser__header--split .teaser__header-cta {
margin-top: 1.6rem;
}
@media (min-width: 1024px) {
.teaser__header--split {
flex-direction: row;
}
.teaser__header--split .teaser__header__left {
flex-grow: 1;
padding-right: .8rem;
}
.teaser__header--split .teaser__header-cta {
white-space: nowrap;
flex-grow: 0;
margin-top: 0;
margin-left: auto;
padding-left: .8rem;
}
}
.teaser__date {
color: var(--color-neutral-300);
}
.teaser__pretitle {
color: var(--color-secondary-200);
font-style: normal;
}
.teaser__pretitle+h3 {
margin-top: 1.6rem;
}
@media (min-width: 1024px) {
.teaser__pretitle+h3 {
margin-top: .4rem;
}
}
.teaser__intro {
color: var(--color-neutral-300);
max-width: 37rem;
margin-top: 1.6rem;
}
@media (min-width: 1024px) {
.teaser__intro {
margin-top: .4rem;
}
}
.teaser__small {
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-300);
margin-block-start: .4rem;
}
.teaser__small .event-categories {
flex-wrap: wrap;
justify-content: space-between;
gap: 0 1.6rem;
display: flex;
}
.teaser__small .event-categories .field--name-field-event-type {
flex-wrap: wrap;
justify-content: space-between;
gap: .4rem;
display: flex;
}
.teaser__body {
margin-top: 1.6rem;
}
@media (min-width: 1024px) {
.teaser__body {
border-top: .1rem solid var(--color-neutral-200-rgba-75);
padding-top: 1.6rem;
}
}
.teaser__body ul,.teaser__body li {
color: var(--color-neutral-300);
margin: 0;
padding: 0;
font-size: 1.6rem;
line-height: 150%;
}
.teaser__body li {
margin-top: .6rem;
padding-left: 2rem;
position: relative;
}
.teaser__body li: first-child {
margin-top: 0;
}
.teaser__body li: before {
content: "";
background-color: var(--color-primary-200);
width: .5rem;
height: .5rem;
display: block;
position: absolute;
top: .9rem;
left: 0;
}
@media (min-width: 1024px) {
.teaser__body li {
margin-top: .8rem;
}
.teaser__body li: first-child {
margin-top: 0;
}
}
.teaser__subtitle {
color: var(--color-neutral-300);
margin-top: .4rem;
font-size: 1.6rem;
font-style: normal;
line-height: 150%;
display: block;
}
.teaser__header-cta a: before,.teaser__footer-cta a: before {
content: "";
z-index: 3;
cursor: pointer;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.teaser__footer-cta {
margin-top: 1.6rem;
}
@media (min-width: 1024px) {
.teaser--medium {
width: 50%;
}
.splide .teaser--medium {
width: 100%;
}
.teaser--medium .teaser__no-media: before,.teaser--medium .teaser__media: before {
padding-top: 56.1404%;
}
.teaser--small {
width: 33.3333%;
}
.teaser--small .teaser__no-media: before,.teaser--small .teaser__media: before {
padding-top: 63.7838%;
}
}
.teaser--product-group .teaser__no-media: before,.teaser--product-group .teaser__media: before {
padding-top: 102.439%;
}
@media (min-width: 1024px) {
.teaser--product-group.teaser--medium .teaser__no-media: before,.teaser--product-group.teaser--medium .teaser__media: before {
padding-top: 51.9298%;
}
.teaser--product-group.teaser--small .teaser__no-media: before,.teaser--product-group.teaser--small .teaser__media: before {
padding-top: 80%;
}
}
.teaser--product-group .teaser__header h3 {
--h3-font-size-mobile: 1.6rem;
}
.teaser--product-group .teaser__footer-cta {
margin-top: 0;
}
.teaser--product {
border-bottom: .1rem solid var(--color-neutral-200-rgba-75);
margin-bottom: 3rem;
}
.teaser--product: last-child {
border-bottom: none;
margin-bottom: 0;
}
@media (min-width: 1024px) {
.teaser--product {
border-bottom: none;
margin-bottom: 0;
}
}
.teaser--product .teaser__header h3 {
--h3-font-size-mobile: 2.6rem;
}
.teaser--project .teaser__footer-cta {
margin-top: 0;
}
@media (min-width: 1024px) {
.teaser--extended .teaser__content {
grid-template-columns: 1fr 2fr;
gap: 3rem;
display: grid;
}
.teaser--extended .teaser__content .teaser__media {
grid-area: 1/2/-1/-1;
}
.teaser--extended .teaser__content .teaser__media: before {
padding-top: 56.1039%;
}
.teaser--extended__content-wrapper {
grid-area: 1/1/-1/2;
align-self: center;
}
}
.teaser--wide .teaser__header,.teaser--wide .teaser__body,.teaser--wide .teaser__footer-cta {
text-align: center;
}
.teaser--wide .teaser__header {
--h3-font-size-mobile: var(--h4-font-size-mobile);
--h3-font-size: var(--h4-font-size);
--default-title-color: var(--color-primary-400);
}
.teaser--wide .teaser__body {
border-top: 0;
max-width: 50.9rem;
margin-left: auto;
margin-right: auto;
padding-top: 0;
}
@media (min-width: 768px) {
.teaser--wide .teaser__header {
margin-top: 3.2rem;
}
.teaser--wide .teaser__media: before,.teaser--wide .teaser__no-media: before {
padding-top: 38.961%;
}
}
.teaser--mini .teaser__content {
background-color: var(--color-white);
border: .1rem solid var(--color-grey-new);
transition: var(--transition-default);
text-align: center;
border-radius: .5rem;
padding: 1.2rem 1rem .7rem;
}
.teaser--mini .teaser__media,.teaser--mini .teaser__no-media {
background: var(--media-background-color);
}
.teaser--mini .teaser__media: before,.teaser--mini .teaser__no-media: before {
content: "";
padding-top: 100%;
display: block;
}
.teaser--mini .teaser__media .media img {
transition: none;
}
.teaser--mini .teaser__header {
margin-top: 1.2rem;
}
.teaser--mini h3 {
--default-title-color: var(--color-primary-400);
--h3-font-family: var(--font-family-faktum);
--h3-font-weight: var(--font-weight-medium);
--h3-font-size-mobile: 1.6rem;
--h3-font-size: 1.6rem;
--default-title-line-height: 150%;
transition: var(--transition-default);
}
.teaser--mini .teaser__footer-cta {
margin: 0;
font-size: 0;
line-height: 0;
}
.teaser--mini .teaser__footer-cta a {
font-size: 0;
line-height: 0;
}
.teaser--mini: hover .media img {
transform: scale(1);
}
.teaser--mini: hover .teaser__content {
background-color: var(--color-primary-400);
}
.teaser--mini: hover h3 {
--default-title-color: var(--color-white);
}
.media-info {
position: relative;
}
.media-info: hover .contextual .trigger {
clip-path: none;
overflow: visible;
width: 26px!important;
height: 26px!important;
}
.media-info__wrapper {
z-index: 1;
color: var(--color-white);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 1.6rem;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.media-info__wrapper: before,.media-info__wrapper: after {
content: "";
z-index: 0;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.media-info__wrapper: before {
opacity: 1;
background-image: linear-gradient(343.64deg,#0006 9.12%,#0000 16.36%);
}
.media-info__wrapper: after {
background-color: var(--media-overlay-color);
opacity: 0;
}
.media-info__wrapper.animated,.media-info__wrapper.animated: before,.media-info__wrapper.animated: after {
transition: var(--transition-default);
}
.media-info__wrapper.active-info: before {
opacity: 0;
}
.media-info__wrapper.active-info: after {
opacity: 1;
}
@media (min-width: 375px) {
.media-info__wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
}
}
@media (min-width: 1024px) {
.media-info__wrapper {
padding: 2.4rem 1.5rem;
}
.media-info__wrapper: before {
background-image: linear-gradient(342.88deg,#0006 8.94%,#0000 16.44%);
}
}
.media-info__trigger {
z-index: 2;
color: var(--color-white);
font-size: var(--small-text-font-size);
background: 0 0;
padding-right: 2.2rem;
text-decoration: none;
position: absolute;
bottom: 1.6rem;
right: 1.6rem;
}
.media-info__trigger svg {
transform: var(--trigger-translate-y,translateY(-50%)) var(--trigger-rotate,rotate(0));
width: 1.5rem;
height: 1.5rem;
transition: var(--transition-default);
position: absolute;
top: 50%;
right: 0;
}
.media-info__trigger: hover {
text-decoration: underline;
}
.media-info__trigger[aria-expanded=true] svg {
--trigger-rotate: rotate(45deg);
}
@media (min-width: 1024px) {
.media-info__trigger {
bottom: 2.4rem;
right: 1.5rem;
}
}
.media-info__content {
opacity: 0;
pointer-events: none;
z-index: -1;
width: 100%;
margin-bottom: 2.4rem;
position: relative;
}
.media-info__content h6,.media-info__content li a {
color: var(--color-white);
}
.media-info__content h6 {
font-family: var(--font-family-faktum);
}
.media-info__content .button {
--button-background-color: #fff3;
--button-padding: 1rem 2.4rem;
border: none;
margin-top: 1.6rem;
}
.active-info .media-info__content {
opacity: 1;
pointer-events: auto;
z-index: 1;
}
@media (min-width: 375px) {
.media-info__content {
max-width: 60%;
margin-bottom: 0;
padding-right: 2.4rem;
}
}
@media (min-width: 1024px) {
.media-info__content {
max-width: 50%;
}
}
.media-info__summary-list {
font-size: var(--smaller-text-font-size);
margin: .8rem 0 0;
padding: 0;
line-height: 158%;
list-style: none;
}
.media-info__summary-list li {
margin: .8rem 0 0;
padding: 0;
}
.media-info__summary-list li li {
margin: 0;
}
.media-info__summary-list a {
text-decoration: underline;
}
.media-info__summary-list a: hover,.media-info__summary-list a: focus,.media-info__summary-list a: active {
color: var(--color-white);
text-decoration: none;
}
.media-info__summary-list .summary__title,.media-info__summary-list .summary__body {
display: block;
}
.media-info__summary-list .summary__title {
font-style: normal;
font-family: var(--font-family-faktum);
}
.media-info__summary-list .summary__content {
display: block;
}
.media-info__summary-list .summary__content--location svg {
display: none;
}
@media (min-width: 375px) {
.media-info__summary-list {
columns: 2;
column-gap: .8rem;
}
.media-info__summary-list li {
break-inside: avoid;
}
}
@media (min-width: 1024px) {
.node--product-group .media-info__wrapper {
padding: 4.8rem;
}
.node--product-group .media-info__trigger {
bottom: 4.3rem;
right: 4.8rem;
}
}
.tablist {
position: relative;
}
.tablist: after {
content: "";
z-index: 1;
pointer-events: none;
background: var(--tablist-cover-background,linear-gradient(90deg,#fff0 0%,#fff 100%));
width: 4.8rem;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 1024px) {
.tablist: after {
display: none;
}
}
.tablist__inner {
flex-flow: wrap;
gap: .4rem 2.4rem;
display: flex;
overflow: visible;
}
.tablist__inner: : -webkit-scrollbar {
display: none;
}
@media (min-width: 1024px) {
.tablist__inner {
padding-right: 0;
overflow-x: hidden;
}
}
.tablist__button,.tablist__inner>a {
font-size: var(--small-text-font-size);
line-height: var(--default-text-line-height);
color: var(--tablist-button-color,var(--color-neutral-400));
font-family: var(--tablist-font-family,var(--font-family-faktum));
font-weight: var(--font-weight-normal);
background: 0 0;
padding: 0 0 .8rem;
transition: color .25s ease-out;
display: block;
position: relative;
}
@media (min-width: 1024px) {
.tablist__button,.tablist__inner>a {
padding: 0 0 1.2rem;
}
}
.tablist__button: hover,.tablist__button.active,.tablist__button: active,.tablist__button.active,.tablist__inner>a: hover,.tablist__inner>a.active,.tablist__inner>a: active,.tablist__inner>a.active {
--tablist-button-color: var(--color-accent-02);
}
.tablist__button.active,.tablist__inner>a.active {
--tablist-font-weight: var(--font-weight-semibold);
}
.tabpanels {
position: relative;
}
.tabpanels.tab-dropdown-active: before,.tabpanels.loading: before {
content: "";
display: block;
position: absolute;
}
.tabpanels.tab-dropdown-active: before {
z-index: var(--tabpanels-overlay-z-index,1);
background: var(--tabpanels-overlay-background,#0006);
opacity: var(--tabpanels-overlay-opacity,1);
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tabpanels.loading: after {
content: "";
display: block;
position: absolute;
}
.tabpanels.loading: before {
z-index: var(--tabpanels-overlay-z-index,10);
background: var(--tabpanels-overlay-background,var(--color-white));
opacity: var(--tabpanels-overlay-opacity,1);
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tabpanels.loading: after {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
width: 1.6rem;
height: 1.6rem;
top: var(--tabpanels-loader-top,50vh);
left: var(--tabpanels-loader-left,50%);
z-index: var(--tabpanels-loader-z-index,11);
border-radius: 50%;
margin-top: -.8rem;
margin-left: -.8rem;
animation: .8s linear infinite loader-spin;
}
.tabpanels.unload: before {
opacity: 0;
transition: opacity .75s ease-out;
}
.tabpanels.unload: after {
display: none;
}
.tablist--dropdown {
align-items: flex-start;
display: flex;
position: relative;
}
.tablist--dropdown: after {
display: none;
}
.tablist--dropdown .tablist__inner {
align-items: center;
padding-right: 0;
}
.tablist--dropdown .tablist__button {
--tablist-button-color: var(--color-neutral-300);
--tablist-font-family: var(--font-family-faktum);
line-height: var(--button-small-line-height);
white-space: nowrap;
padding-top: .9rem;
padding-bottom: 1.4rem;
}
.tablist--dropdown .tablist__button: after {
display: none;
}
.tablist--dropdown .tablist__button+.tablist__button {
margin-left: 1.6rem;
}
.tablist--dropdown .tablist__button.active,.tablist--dropdown .tablist__button: active {
--tablist-button-color: var(--color-neutral-500);
}
.tablist--dropdown .tablist__button: first-child {
margin-left: 0;
}
.tablist--dropdown.state-dropdown .tablist__button {
--tablist-button-color: var(--color-neutral-500);
text-align: left;
line-height: var(--default-text-line-height);
}
.tablist--dropdown.state-dropdown .tablist__button+.tablist__button {
margin-left: 0;
}
.tablist--dropdown.state-dropdown .tablist__button.active {
--tablist-button-color: var(--color-neutral-300);
order: 1;
}
.tablist--dropdown.state-dropdown .tablist__button: not(.active) {
opacity: 0;
pointer-events: none;
z-index: 11;
order: 2;
width: 100vw;
position: absolute;
top: 100%;
left: 0;
}
.tablist--dropdown.state-dropdown .tablist__button: not(.active): last-child {
margin-bottom: .8rem;
}
.tablist--dropdown.state-dropdown.dropdown-active .tablist__inner {
box-shadow: none;
}
.tablist--dropdown.state-dropdown.dropdown-active .tablist__button: not(.active) {
opacity: 1;
pointer-events: auto;
transition: opacity .25s ease-out;
}
.tablist--dropdown__button {
background: var(--color-white);
pointer-events: none;
order: 100;
padding: .8rem 1rem 1.5rem;
display: none;
}
.tablist--dropdown__button svg {
fill: var(--color-neutral-300);
width: 1.2rem;
height: .7rem;
}
.state-dropdown .tablist--dropdown__button {
pointer-events: auto;
display: block;
}
.tablist--dropdown__background {
background-color: var(--color-white);
width: 100vw;
height: 100%;
top: calc(100% - .1rem);
left: calc(var(--container-padding-h-mobile) * -1);
z-index: 10;
opacity: 0;
pointer-events: none;
display: block;
position: absolute;
}
.dropdown-active .tablist--dropdown__background {
opacity: 1;
pointer-events: auto;
}
.tablist--buttons {
position: relative;
}
.tablist--buttons: after {
--tablist-cover-background: linear-gradient(90deg,#003c7500 0%,#003c75 100%);
width: 6.9rem;
}
.tablist--buttons .tablist__inner {
padding-right: 4.8rem;
padding-left: var(--container-padding-h-mobile);
gap: .8rem;
}
.tablist--buttons .button {
--button-background-color: #ffffff14;
--button-border-color: #fff3;
}
.tablist--buttons .button: hover,.tablist--buttons .button: active,.tablist--buttons .button.active {
--button-background-color: var(--color-white);
--button-color: var(--color-secondary-200);
}
@media (min-width: 1024px) {
.tablist--buttons .tablist__inner {
justify-content: center;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
}
.tablist--negative: after {
display: none;
}
.tablist--negative .tablist__inner {
--tablist-box-shadow: inset 0 -.1rem 0 #fff3;
margin-left: var(--container-padding-h-mobile);
margin-right: var(--container-padding-h-mobile);
gap: 0 2.4rem;
padding: 0;
}
.tablist--negative .tablist__button {
--tablist-button-color: var(--color-white);
--tablist-font-family: var(--font-family-faktum);
opacity: .45;
}
.tablist--negative .tablist__button: hover,.tablist--negative .tablist__button.active,.tablist--negative .tablist__button: active {
opacity: 1;
}
.tablist--negative .tablist__button: first-child {
margin-left: 0;
}
@media (min-width: 1024px) {
.tablist--negative .tablist__inner {
margin-left: 0;
margin-right: 0;
}
}
.tablist--search {
box-shadow: var(--tablist-box-shadow,inset 0 -.1rem 0 var(--color-neutral-200-rgba-75));
}
.tablist--search .tablist__button {
white-space: nowrap;
}
.tablist--search .tablist__button: first-child {
margin-left: 0;
}
.tablist--colour-calculator {
box-shadow: var(--tablist-box-shadow,inset 0 -.1rem 0 var(--color-neutral-200-rgba-75));
}
.tablist--colour-calculator.single-tab {
display: none;
}
.tablist--colour-calculator .tablist__button {
--tablist-font-family: var(--font-family-faktum);
white-space: nowrap;
}
.tablist--colour-calculator .tablist__button: first-child {
margin-left: 0;
}
.share-buttons {
border-top: 1px solid var(--color-neutral-200);
border-bottom: 1px solid var(--color-neutral-200);
text-align: center;
margin: 8em auto;
padding: 1.6rem 0;
position: relative;
}
@media (min-width: 996px) {
.share-buttons {
text-align: left;
justify-content: space-between;
align-items: center;
display: flex;
}
}
@media (min-width: 1441px) {
.share-buttons {
max-width: var(--container-max-width-sm-widescreen);
}
}
.share-buttons__author {
width: 100%;
color: var(--color-neutral-300);
padding-bottom: .5em;
position: absolute;
bottom: 100%;
left: 0;
}
@media (min-width: 996px) {
.share-buttons__author {
text-align: right;
}
}
.share-buttons__text {
font-weight: 700;
font-size: var(--large-text-font-size);
color: var(--color-neutral-400);
}
.share-buttons ul {
justify-content: center;
align-items: center;
padding-top: 1em;
display: flex;
}
@media (min-width: 996px) {
.share-buttons ul {
justify-content: flex-end;
padding-top: 0;
}
}
.share-buttons ul li {
will-change: color,background-color,border-color;
cursor: pointer;
border: 1px solid var(--color-neutral-200);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3em;
height: 3em;
margin-left: .5em;
transition: color .3s,background-color .3s,border-color .3s;
display: flex;
position: relative;
}
.share-buttons ul li: hover {
background-color: var(--color-secondary-200);
border-color: var(--color-secondary-200);
color: var(--color-white);
}
.share-buttons ul li a {
text-indent: -999em;
border-radius: 100%;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.splide: not(.is-initialized) {
visibility: visible;
}
.splide: not(.is-initialized) .splide__list {
overflow-x: auto;
}
[data-carousel],[data-carousel-auto-width],[data-carousel-our-history],[data-image-grid-portrait-carousel],[data-image-grid-square-carousel],[data-carousel-linked-pages],.splide {
position: relative;
}
[data-carousel] .splide__arrows .splide__arrow,[data-carousel-auto-width] .splide__arrows .splide__arrow,[data-carousel-our-history] .splide__arrows .splide__arrow,[data-image-grid-portrait-carousel] .splide__arrows .splide__arrow,[data-image-grid-square-carousel] .splide__arrows .splide__arrow,[data-carousel-linked-pages] .splide__arrows .splide__arrow,.splide .splide__arrows .splide__arrow {
will-change: background-color,opacity;
z-index: 2;
background-color: var(--color-white);
opacity: 0;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
transition: background-color .3s,opacity .3s;
display: flex;
position: absolute;
top: calc(50% - 1em);
}
[data-carousel] .splide__arrows .splide__arrow svg,[data-carousel-auto-width] .splide__arrows .splide__arrow svg,[data-carousel-our-history] .splide__arrows .splide__arrow svg,[data-image-grid-portrait-carousel] .splide__arrows .splide__arrow svg,[data-image-grid-square-carousel] .splide__arrows .splide__arrow svg,[data-carousel-linked-pages] .splide__arrows .splide__arrow svg,.splide .splide__arrows .splide__arrow svg {
will-change: fill;
width: auto;
height: 1.2rem;
transition: fill .3s;
display: block;
}
[data-carousel] .splide__arrows .splide__arrow--prev,[data-carousel-auto-width] .splide__arrows .splide__arrow--prev,[data-carousel-our-history] .splide__arrows .splide__arrow--prev,[data-image-grid-portrait-carousel] .splide__arrows .splide__arrow--prev,[data-image-grid-square-carousel] .splide__arrows .splide__arrow--prev,[data-carousel-linked-pages] .splide__arrows .splide__arrow--prev,.splide .splide__arrows .splide__arrow--prev {
left: 1em;
}
[data-carousel] .splide__arrows .splide__arrow--prev svg,[data-carousel-auto-width] .splide__arrows .splide__arrow--prev svg,[data-carousel-our-history] .splide__arrows .splide__arrow--prev svg,[data-image-grid-portrait-carousel] .splide__arrows .splide__arrow--prev svg,[data-image-grid-square-carousel] .splide__arrows .splide__arrow--prev svg,[data-carousel-linked-pages] .splide__arrows .splide__arrow--prev svg,.splide .splide__arrows .splide__arrow--prev svg {
transform: scaleX(-1);
}
[data-carousel] .splide__arrows .splide__arrow--next,[data-carousel-auto-width] .splide__arrows .splide__arrow--next,[data-carousel-our-history] .splide__arrows .splide__arrow--next,[data-image-grid-portrait-carousel] .splide__arrows .splide__arrow--next,[data-image-grid-square-carousel] .splide__arrows .splide__arrow--next,[data-carousel-linked-pages] .splide__arrows .splide__arrow--next,.splide .splide__arrows .splide__arrow--next {
right: 1em;
}
[data-carousel] .splide__arrows .splide__arrow: hover,[data-carousel-auto-width] .splide__arrows .splide__arrow: hover,[data-carousel-our-history] .splide__arrows .splide__arrow: hover,[data-image-grid-portrait-carousel] .splide__arrows .splide__arrow: hover,[data-image-grid-square-carousel] .splide__arrows .splide__arrow: hover,[data-carousel-linked-pages] .splide__arrows .splide__arrow: hover,.splide .splide__arrows .splide__arrow: hover {
background-color: var(--color-primary-400);
}
[data-carousel] .splide__arrows .splide__arrow: hover svg,[data-carousel-auto-width] .splide__arrows .splide__arrow: hover svg,[data-carousel-our-history] .splide__arrows .splide__arrow: hover svg,[data-image-grid-portrait-carousel] .splide__arrows .splide__arrow: hover svg,[data-image-grid-square-carousel] .splide__arrows .splide__arrow: hover svg,[data-carousel-linked-pages] .splide__arrows .splide__arrow: hover svg,.splide .splide__arrows .splide__arrow: hover svg {
fill: var(--color-white);
}
[data-carousel]: hover .splide__arrows .splide__arrow,[data-carousel-auto-width]: hover .splide__arrows .splide__arrow,[data-carousel-our-history]: hover .splide__arrows .splide__arrow,[data-image-grid-portrait-carousel]: hover .splide__arrows .splide__arrow,[data-image-grid-square-carousel]: hover .splide__arrows .splide__arrow,[data-carousel-linked-pages]: hover .splide__arrows .splide__arrow,.splide: hover .splide__arrows .splide__arrow {
opacity: 1;
}
[data-carousel]: hover .splide__arrows .splide__arrow[disabled],[data-carousel-auto-width]: hover .splide__arrows .splide__arrow[disabled],[data-carousel-our-history]: hover .splide__arrows .splide__arrow[disabled],[data-image-grid-portrait-carousel]: hover .splide__arrows .splide__arrow[disabled],[data-image-grid-square-carousel]: hover .splide__arrows .splide__arrow[disabled],[data-carousel-linked-pages]: hover .splide__arrows .splide__arrow[disabled],.splide: hover .splide__arrows .splide__arrow[disabled] {
pointer-events: none;
opacity: .6;
}
[data-carousel] .splide__track--nav>.splide__list>.splide__slide,[data-carousel-auto-width] .splide__track--nav>.splide__list>.splide__slide,[data-carousel-our-history] .splide__track--nav>.splide__list>.splide__slide,[data-image-grid-portrait-carousel] .splide__track--nav>.splide__list>.splide__slide,[data-image-grid-square-carousel] .splide__track--nav>.splide__list>.splide__slide,[data-carousel-linked-pages] .splide__track--nav>.splide__list>.splide__slide,.splide .splide__track--nav>.splide__list>.splide__slide,[data-carousel] .splide__track--nav>.splide__list>.splide__slide.is-active,[data-carousel-auto-width] .splide__track--nav>.splide__list>.splide__slide.is-active,[data-carousel-our-history] .splide__track--nav>.splide__list>.splide__slide.is-active,[data-image-grid-portrait-carousel] .splide__track--nav>.splide__list>.splide__slide.is-active,[data-image-grid-square-carousel] .splide__track--nav>.splide__list>.splide__slide.is-active,[data-carousel-linked-pages] .splide__track--nav>.splide__list>.splide__slide.is-active,.splide .splide__track--nav>.splide__list>.splide__slide.is-active {
border: none;
}
[data-carousel] .splide__slide img {
object-fit: cover;
height: 100%;
}
[data-carousel-auto-width] .splide__slide: after,[data-carousel-auto-width-left] .splide__slide: after {
will-change: opacity;
content: "";
background-color: var(--color-black);
opacity: .5;
transition: opacity .3s;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
[data-carousel-auto-width] .splide__slide.is-prev+.splide__slide: after,[data-carousel-auto-width-left] .splide__slide.is-prev+.splide__slide: after {
opacity: 0;
}
[data-carousel-auto-width] .splide__slide img,[data-carousel-auto-width-left] .splide__slide img {
width: auto;
max-width: none;
height: 100%;
}
.pager {
font-size: var(--small-text-font-size);
color: var(--color-neutral-500);
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6.2rem 1.6rem 1.6rem;
line-height: 2.4rem;
display: flex;
}
.pager .default-select {
min-width: 8.8rem;
margin-right: 1.2rem;
}
.pager__items {
flex-direction: row;
align-items: center;
margin-left: auto;
display: flex;
}
@media (min-width: 1024px) {
.pager__items {
margin-left: 2.2rem;
}
}
.pager__item[disabled] {
pointer-events: none;
display: none;
}
.pager__button {
background-color: var(--color-white);
border: .1rem solid var(--color-light-gray);
border-radius: .5rem;
justify-content: center;
align-items: center;
width: 3.2rem;
height: 3.2rem;
margin: .2rem;
display: flex;
}
.pager__button svg,.pager__button svg path {
fill: var(--color-neutral-300);
transition: fill .25s ease-out;
}
.pager__button: hover svg,.pager__button: hover svg path {
fill: var(--color-neutral-500);
}
.pager__button--previous svg {
transform: rotate(-180deg);
}
.icon--play {
transform-box: fill-box;
display: block;
overflow: visible;
}
.icon--play: not(: root) {
overflow: visible;
}
.icon--play .circle--big,.icon--play .circle--medium,.icon--play .circle--small {
transform-box: fill-box;
transform-origin: 50%;
transition: transform .6s cubic-bezier(1,0,.75,1.5);
}
.icon--play: hover .circle--big,.icon--play: hover .circle--medium,.icon--play: hover .circle--small,.icon--play.hover .circle--big,.icon--play.hover .circle--medium,.icon--play.hover .circle--small {
transition: transform .8s cubic-bezier(1,0,.75,1.5);
transform: scale(1.4);
}
.icon--play: hover .circle--big,.icon--play.hover .circle--big {
transition-delay: .2s;
}
.icon--play: hover .circle--medium,.icon--play.hover .circle--medium {
transition-delay: .1s;
}
[data-drupal-messages]: has(.messages) {
margin-top: 1.6rem;
}
[data-drupal-messages] ul {
margin: .5rem auto;
padding: 0 1.5rem;
}
[data-drupal-messages] ul li {
background-color: var(--color-message-default);
color: var(--color-neutral-500);
margin: .3rem auto;
padding: .8rem 5.6rem .8rem 3rem;
position: relative;
}
[data-drupal-messages] ul li em {
font-style: normal;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
color: var(--color-neutral-500);
}
[data-drupal-messages] ul li em a {
--link-color: var(--color-neutral-500);
}
[data-drupal-messages] ul li svg {
cursor: pointer;
width: 1.4rem;
height: auto;
display: block;
position: absolute;
top: 1.3rem;
right: 2.1rem;
}
[data-drupal-messages] ul li pre~svg {
display: none;
}
[data-drupal-messages] .messages--warning ul li {
background-color: var(--color-message-warning);
}
[data-drupal-messages] .messages--error ul li {
background-color: var(--color-message-error);
}
.application-notice {
border-left: .4rem solid var(--color-secondary-200);
background-color: var(--color-secondary-100);
color: var(--color-primary-500);
font-size: var(--base-font-size);
border-radius: .4rem;
align-items: center;
gap: 1.2rem;
max-width: 47rem;
margin-bottom: 3.2rem;
padding: 1.6rem 2.4rem;
line-height: 1.5;
display: flex;
}
.application-notice: before {
content: "";
background-color: var(--color-secondary-200);
flex-shrink: 0;
width: 2.4rem;
height: 2.4rem;
display: block;
-webkit-mask-image: url(/themes/custom/images/svg/icons/info.svg);
mask-image: url(/themes/custom/images/svg/icons/info.svg);
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.application-notice a {
--link-color: var(--color-secondary-200);
font-weight: var(--font-weight-semibold);
text-decoration: underline;
}
.application-notice a: hover {
--link-color: var(--color-secondary-400);
}
.nl-postal-code-warning {
align-items: basline;
background-color: var(--color-lighter-grey);
color: var(--color-status-warning-400);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
font-size: var(--smaller-text-font-size);
border-radius: .8rem;
gap: 1.2rem;
max-width: 47rem;
margin-top: 1.6rem;
padding: .6rem 1.6rem;
line-height: 1.5;
display: flex;
}
.nl-postal-code-warning: before {
content: "";
background-color: var(--color-warning-dealer-icon);
flex-shrink: 0;
width: 1.6rem;
height: 1.6rem;
margin-block-start: .4rem;
margin-block-end: .4rem;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM8.00195%2010.7471C7.33728%2010.7472%206.79254%2011.2781%206.80176%2011.9336C6.79253%2012.5983%207.33727%2013.1337%208.00195%2013.1338C8.63441%2013.1338%209.19291%2012.5984%209.20215%2011.9336C9.1929%2011.2781%208.6344%2010.7471%208.00195%2010.7471ZM7.05078%2010.1055H8.94824L9.16113%203.5459H6.83887L7.05078%2010.1055Z'%20fill='currentColor'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM8.00195%2010.7471C7.33728%2010.7472%206.79254%2011.2781%206.80176%2011.9336C6.79253%2012.5983%207.33727%2013.1337%208.00195%2013.1338C8.63441%2013.1338%209.19291%2012.5984%209.20215%2011.9336C9.1929%2011.2781%208.6344%2010.7471%208.00195%2010.7471ZM7.05078%2010.1055H8.94824L9.16113%203.5459H6.83887L7.05078%2010.1055Z'%20fill='currentColor'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.nl-postal-code-warning a {
color: var(--color-status-warning-400);
text-decoration: underline;
}
.popup {
background: var(--backdrop-color);
z-index: 100100;
pointer-events: none;
opacity: 0;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.popup.animate {
transition: all .3s,z-index;
}
.popup.active {
opacity: 1;
pointer-events: auto;
}
.popup.loading .popup__content: after {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: " ";
z-index: 4;
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
margin-top: -.8rem;
margin-left: -.8rem;
animation: .8s linear infinite loader-spin;
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.popup__wrapper {
position: relative;
}
.popup__content {
background: var(--popup-background-color);
border-radius: var(--popup-border-radius);
position: relative;
overflow: hidden;
}
.popup__close {
background: 0 0;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
padding: 0;
display: flex;
position: absolute;
top: -28px;
right: -4px;
}
.popup__close: focus {
outline: none;
}
@media (min-width: 768px) {
.popup__close {
top: -34px;
right: -34px;
}
}
.popup__close svg,.popup__close svg path {
fill: var(--color-white);
}
.popup--media .popup__content {
width: 94vw;
position: relative;
}
.popup--media .popup__content: before {
content: "";
padding-top: 56.25%;
display: block;
}
@media (min-width: 550px) {
.popup--media .popup__content {
max-width: 58rem;
}
}
@media (min-width: 996px) {
.popup--media .popup__content {
max-width: 76.8rem;
}
}
.popup--media iframe {
z-index: 2;
border: .3rem solid var(--popup-background-color);
background: 0 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.popup--active {
overflow: hidden!important;
}
.media-popup-trigger {
background: 0 0;
width: 100%;
padding: 0;
display: block;
position: relative;
}
.media-popup-trigger: before {
content: "";
background: var(--backdrop-color);
transition: var(--transition-default);
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.media-popup-trigger: focus {
outline: none;
}
.media-popup-trigger .icon--play,.media-popup-trigger svg {
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.media-popup-trigger__placeholder: before {
content: "";
padding-top: 56.25%;
display: block;
}
.media-popup-trigger: hover: before {
--backdrop-color: #0003;
}
.reynaers-modal {
z-index: 1006;
background-color: #00000080;
transition: opacity .3s .8s;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.reynaers-modal: after {
border: .6rem solid #fff3;
border-top-color: var(--color-secondary-200);
content: "";
opacity: 0;
border-radius: 50%;
width: 4rem;
height: 4rem;
transition: opacity .3s;
animation: .8s linear infinite loader-spin;
display: block;
position: absolute;
top: calc(50% - 2rem);
left: calc(50% - 2rem);
transform: translate(-50%,-50%);
}
.reynaers-modal__close {
cursor: pointer;
z-index: 1;
background-color: var(--color-neutral-100);
padding: 1.7rem;
transition: background-color .3s;
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 996px) {
.reynaers-modal__close {
background-color: #0000;
padding: .6rem;
top: 2.2rem;
right: 1.9rem;
}
}
.reynaers-modal__close: after {
content: "";
background-color: var(--color-neutral-500);
width: 1.4rem;
height: 1.4rem;
transition: background-color .3s;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
-webkit-mask-size: 1.4rem 1.4rem;
mask-size: 1.4rem 1.4rem;
}
.reynaers-modal__close: hover {
background-color: var(--color-neutral-100);
}
.reynaers-modal__close: hover: after {
background-color: var(--color-secondary-200);
}
@media (min-width: 996px) {
.reynaers-modal.submodal-open .reynaers-modal__close {
background-color: var(--color-neutral-100);
padding: 1.7rem;
top: 6.4rem;
right: 0;
transform: translate(50%);
}
}
.reynaers-modal__content {
background-color: var(--color-white);
will-change: transform;
width: 100%;
max-width: 80.5rem;
height: 100vh;
transition: transform .8s cubic-bezier(.5,0,0,1);
position: relative;
}
.reynaers-modal__content__dynamic {
-ms-overflow-style: none;
scrollbar-width: none;
scrollbar-height: none;
height: 100%;
padding: 6rem 1.6rem;
overflow: hidden scroll;
}
.reynaers-modal__content__dynamic: : -webkit-scrollbar {
display: none;
}
@media (min-width: 996px) {
.reynaers-modal__content__dynamic {
padding: 6.4rem 13.5rem;
}
}
.reynaers-modal.loading {
transition-delay: 0s;
}
.reynaers-modal.loading .reynaers-modal__content {
transform: translate(-100%);
}
.reynaers-modal.loading: after {
opacity: 1;
}
.reynaers-modal.closing {
pointer-events: none;
opacity: 0;
}
.reynaers-modal.closing .reynaers-modal__content {
transform: translate(-100%);
}
.reynaers-modal.slide-direction-right .reynaers-modal__close {
left: 1.9rem;
right: auto;
}
.reynaers-modal.slide-direction-right .reynaers-modal__content {
margin-left: auto;
}
.reynaers-modal.slide-direction-right.loading .reynaers-modal__content {
transform: translate(100%);
}
.reynaers-modal.slide-direction-right.loading: after {
opacity: 1;
}
.reynaers-modal.slide-direction-right.closing {
pointer-events: none;
opacity: 0;
}
.reynaers-modal.slide-direction-right.closing .reynaers-modal__content {
transform: translate(100%);
}
@media (min-width: 996px) {
.reynaers-modal.slide-direction-right.submodal-open .reynaers-modal__close {
left: 0;
right: auto;
transform: translate(-50%);
}
}
.reynaers-select {
cursor: pointer;
position: relative;
}
.reynaers-select.focus .reynaers-select__options {
opacity: 1;
pointer-events: initial;
transform: none;
}
.reynaers-select~object.select-icon {
filter: invert(79%)sepia(0%)saturate(537%)hue-rotate(191deg)brightness(95%)contrast(81%);
}
.reynaers-select~svg.select-icon,.reynaers-select~object.select-icon {
pointer-events: none;
position: absolute;
bottom: 1.7rem;
right: 2rem;
transform: rotate(90deg);
}
.reynaers-select~svg.select-icon path,.reynaers-select~object.select-icon path {
fill: var(--color-secondary-200);
}
.reynaers-select input[type=text] {
cursor: pointer;
background-color: #0000;
border: none;
flex: auto;
width: auto;
max-width: 100%;
height: 3.4rem;
margin: .3rem;
padding: 0 2.6rem 0 1rem;
}
.reynaers-select input[type=text]: focus {
background-color: var(--color-lighter-blue);
outline: none;
}
.reynaers-select__values {
background-color: var(--input-background-color);
border: .1rem solid var(--input-border-color);
border-radius: var(--input-border-radius);
max-width: 100%;
min-height: 4.5rem;
transition: border-color var(--transition-duration-default) var(--transition-timing-function);
cursor: pointer;
flex-wrap: wrap;
align-items: center;
padding: .3rem .6rem;
display: flex;
position: relative;
}
.reynaers-select__values__clear {
background-color: var(--color-secondary-200);
z-index: 3;
border-radius: 100%;
place-items: center;
width: 2rem;
height: 2rem;
transition: background-color .3s;
display: grid;
position: absolute;
top: 1.2rem;
right: 1rem;
}
.reynaers-select__values__clear: before {
content: "";
background-color: var(--color-white);
width: 2rem;
height: 2rem;
transition: background-color .3s;
position: relative;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20%3e%3cpath%20fill='white'%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2010.5858L9.17157%207.75736L7.75736%209.17157L10.5858%2012L7.75736%2014.8284L9.17157%2016.2426L12%2013.4142L14.8284%2016.2426L16.2426%2014.8284L13.4142%2012L16.2426%209.17157L14.8284%207.75736L12%2010.5858Z'%3e%3c/path%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20%3e%3cpath%20fill='white'%20d='M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2010.5858L9.17157%207.75736L7.75736%209.17157L10.5858%2012L7.75736%2014.8284L9.17157%2016.2426L12%2013.4142L14.8284%2016.2426L16.2426%2014.8284L13.4142%2012L16.2426%209.17157L14.8284%207.75736L12%2010.5858Z'%3e%3c/path%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.reynaers-select__values__clear: hover {
background-color: var(--color-white);
}
.reynaers-select__values__clear: hover: before {
background-color: var(--color-secondary-200);
}
.reynaers-select__values: focus,.reynaers-select__values: hover {
border-color: var(--color-secondary-200);
}
.reynaers-select__values__item {
color: var(--color-neutral-500);
padding: .9rem 2.5rem .9rem .6rem;
font-size: 1.6rem;
line-height: 100%;
position: relative;
}
.reynaers-select__options {
z-index: 123;
border: 1px solid var(--color-grey-new);
background-color: var(--color-white);
color: var(--color-neutral-500);
opacity: 0;
pointer-events: none;
border-radius: .5rem;
transition: transform .3s,opacity .3s;
position: absolute;
top: calc(100% + .6rem);
left: 0;
right: 0;
transform: translateY(1rem);
}
.reynaers-select__options ul {
max-height: 28rem;
overflow-y: scroll;
}
.reynaers-select__options li {
cursor: pointer;
padding: .8rem 1.2rem;
transition: background-color .3s;
position: relative;
}
.reynaers-select__options li: focus {
color: var(--color-secondary-400);
background-color: var(--color-lighter-blue);
outline: none;
}
.reynaers-select__options li: hover,.reynaers-select__options li.selected {
background-color: var(--color-lighter-blue);
}
.reynaers-select__options li: first-child {
border-radius: .5rem .5rem 0 0;
}
.reynaers-select__options li: last-child {
border-radius: 0 0 .5rem .5rem;
}
.reynaers-select__options: before {
content: "";
z-index: 2;
height: .6rem;
display: block;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
}
.reynaers-select.is-multiple .reynaers-select__values__item {
border: 1px solid var(--color-secondary-200);
background-color: var(--color-lighter-blue);
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
border-radius: .4rem;
margin: .3rem;
}
.reynaers-select.is-multiple .reynaers-select__values__item__remove {
border: .1rem solid var(--color-secondary-200);
border-radius: 100%;
width: 1.5rem;
height: 1.5rem;
transition: background-color .3s;
position: absolute;
top: .85rem;
right: .4rem;
}
.reynaers-select.is-multiple .reynaers-select__values__item__remove: before {
content: "";
background-color: var(--color-secondary-200);
transition: background-color .3s;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20%3e%3cpath%20fill='white'%20d='M11.9997%2010.5865L16.9495%205.63672L18.3637%207.05093L13.4139%2012.0007L18.3637%2016.9504L16.9495%2018.3646L11.9997%2013.4149L7.04996%2018.3646L5.63574%2016.9504L10.5855%2012.0007L5.63574%207.05093L7.04996%205.63672L11.9997%2010.5865Z'%3e%3c/path%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20%3e%3cpath%20fill='white'%20d='M11.9997%2010.5865L16.9495%205.63672L18.3637%207.05093L13.4139%2012.0007L18.3637%2016.9504L16.9495%2018.3646L11.9997%2013.4149L7.04996%2018.3646L5.63574%2016.9504L10.5855%2012.0007L5.63574%207.05093L7.04996%205.63672L11.9997%2010.5865Z'%3e%3c/path%3e%3c/svg%3e");
-webkit-mask-position: .2rem;
mask-position: .2rem;
-webkit-mask-size: .75rem;
mask-size: .75rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.reynaers-select.is-multiple .reynaers-select__values__item__remove: hover {
background-color: var(--color-secondary-200);
}
.reynaers-select.is-multiple .reynaers-select__values__item__remove: hover: before {
background-color: var(--color-white);
}
.reynaers-select.is-multiple .reynaers-select__options li {
padding: .8rem 1.2rem .8rem 4rem;
}
.reynaers-select.is-multiple .reynaers-select__options li: before {
--checkbox-background-color: var(--color-lighter-grey);
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
background: var(--checkbox-background-color);
border: 1px solid var(--checkbox-border-color);
border-radius: var(--checkbox-border-radius);
cursor: pointer;
z-index: 1;
transition: background-color .3s;
position: absolute;
top: 1rem;
left: 1rem;
display: block!important;
}
.reynaers-select.is-multiple .reynaers-select__options li: after {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
background-color: var(--color-white);
z-index: 1;
transition: background-color .3s;
display: block;
position: absolute;
top: 1rem;
left: 1rem;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%2333363B'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%2333363B'/%3e%3c/svg%3e");
-webkit-mask-position: .4rem .5rem;
mask-position: .4rem .5rem;
-webkit-mask-size: 1.4rem 1.2rem;
mask-size: 1.4rem 1.2rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.reynaers-select.is-multiple .reynaers-select__options li.selected: before {
background-color: var(--color-secondary-200);
}
.reynaers-select.show .reynaers-select__options {
opacity: 1;
pointer-events: initial;
transform: none;
}
.reynaers-select: has(.reynaers-select__values__clear)+svg {
display: none;
}
.reynaers-select-skeleton {
background-color: var(--input-background-color);
border: .1rem solid var(--input-border-color);
border-radius: var(--input-border-radius);
pointer-events: none;
min-height: 4.5rem;
animation: .8s ease-in-out infinite alternate skeleton-load;
}
select: not(.set-default-select): has(~.reynaers-select-skeleton) {
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
position: absolute;
overflow: hidden;
}
svg.select-icon: has(~.reynaers-select-skeleton) {
display: none;
}
object.select-icon: has(~.reynaers-select-skeleton) {
display: none;
}
select.visually-hidden~.reynaers-select-skeleton {
display: none;
}
.form-item--error .reynaers-select {
--input-border-color: var(--color-status-warning-400);
}
.form-item--error .reynaers-select~svg.select-icon,.form-item--error .reynaers-select~object.select-icon {
bottom: 3.6rem;
}
.form-item--error .reynaers-select~svg.select-icon path,.form-item--error .reynaers-select~object.select-icon path {
fill: var(--color-status-warning-400);
}
.country-detect {
color: var(--color-white);
background-color: var(--color-accent-02);
padding: .8rem var(--container-padding-h-mobile);
width: 100%;
font-size: var(--small-text-font-size);
z-index: 1010;
flex-direction: column;
display: flex;
position: sticky;
top: 0;
}
@media (min-width: 1024px) {
.country-detect {
padding: .8rem var(--container-padding-h);
flex-direction: row;
justify-content: center;
align-items: center;
}
.country-detect p {
margin-right: 4.8rem;
}
}
.country-detect.hide {
height: 0!important;
padding: 0!important;
overflow: hidden!important;
}
.country-detect__actions {
flex-direction: row;
align-items: center;
margin-top: .8rem;
display: flex;
}
.country-detect__actions .language-switcher {
margin-right: .8rem;
}
@media (min-width: 1024px) {
.country-detect__actions {
margin-top: 0;
}
}
.caption__wrapper {
position: relative;
}
.caption {
--caption-space: 1.6rem;
background-color: var(--color-white);
color: var(--color-neutral-500);
width: 37rem;
min-height: 7.1rem;
font-size: var(--smaller-text-font-size);
line-height: var(--default-text-line-height);
bottom: var(--caption-space);
left: var(--caption-space);
z-index: 2;
padding: 2.6rem 1.4rem 2.6rem 2.6rem;
position: absolute;
}
.caption: before {
content: "";
border-top: .2rem solid var(--color-primary-400);
border-left: .2rem solid var(--color-primary-400);
pointer-events: none;
width: 5rem;
height: 5rem;
display: block;
position: absolute;
top: 1.1rem;
left: 1.1rem;
}
.layout--twocol-section .caption,.story-item--aligned-image .caption {
width: 27rem;
}
.caption h1,.caption h2,.caption h3,.caption h4,.caption h5,.caption h6 {
color: var(--color-neutral-500);
}
.caption h2 {
font-size: 2.4rem;
}
.caption h3 {
font-size: 2rem;
}
.caption a {
--link-color: var(--color-neutral-500);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
text-decoration: underline;
}
.caption a: hover,.caption a: focus {
text-decoration: none;
}
.caption-position--topleft .caption {
bottom: auto;
top: var(--caption-space);
left: var(--caption-space);
}
.caption-position--topright .caption,.story-item--align-right .caption {
inset: var(--caption-space) var(--caption-space) auto auto;
}
.caption-position--bottomright .caption,.story-item--align-left .caption {
left: auto;
bottom: var(--caption-space);
right: var(--caption-space);
}
.accordion__trigger {
cursor: pointer;
text-align: left;
background: 0 0;
border: none;
width: 100%;
padding: 0 3.6rem 0 0;
display: block;
position: relative;
}
.accordion__trigger .accordion__icon {
fill: var(--color-neutral-500);
transform: translateY(var(--icon-translate-y,-50%)) scaleY(var(--icon-scale-y,1));
width: 1.2rem;
height: .6rem;
margin-top: .2rem;
transition: transform .25s ease-out;
position: absolute;
top: 50%;
right: 1.8rem;
}
.accordion__trigger .accordion__icon path {
fill: var(--color-neutral-500);
}
.accordion__trigger .accordion__icon--cta {
width: 2rem;
height: 2rem;
margin-top: 0;
}
.accordion__trigger[aria-expanded=true] .accordion__icon {
--icon-scale-y: -1;
}
button.accordion__trigger {
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
button.accordion__trigger: focus {
outline: none;
}
.accordion__panel {
height: auto;
overflow: hidden;
}
.accordion__panel.animate {
transition: height .75s cubic-bezier(.5,0,0,1);
}
.accordion__panel[aria-expanded=false] {
height: 0;
min-height: 0;
}
.colour-calculator {
margin-top: 1.6rem;
margin-bottom: 3.2rem;
}
@media (min-width: 768px) {
.colour-calculator {
margin-top: 3.2rem;
margin-bottom: 6.4rem;
}
}
.colour-calculator .ajax-progress {
background: var(--color-white);
z-index: 5;
width: 2.2rem;
height: 2.2rem;
padding: 0;
display: block;
position: absolute;
top: 0;
left: 0;
}
.colour-calculator .ajax-progress .throbber {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
width: 2.2rem;
height: 2.2rem;
padding: none;
background: 0 0;
border-radius: 50%;
animation: .8s linear infinite loader-spin;
display: block;
}
.colour-calculator .ajax-progress .message {
display: none;
}
.colour-calculator .form-item-select .ajax-progress {
top: auto;
bottom: 1rem;
left: auto;
right: .8rem;
}
.colour-calculator [data-ral-tooltip-content] {
visibility: hidden;
opacity: 0;
pointer-events: none;
z-index: -1000;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.colour-calculator__wrapper {
gap: 3.2rem;
padding-top: 2.4rem;
display: grid;
}
@media (min-width: 768px) {
.colour-calculator__wrapper {
grid-template-columns: repeat(2,1fr);
padding-top: 3.2rem;
}
}
@media (min-width: 996px) {
.colour-calculator__wrapper {
grid-template-columns: 2fr 1fr;
}
}
.colour-calculator__form label.has-ral-tooltip {
align-items: center;
display: flex;
}
.colour-calculator__form .form-actions {
flex-direction: column;
margin-top: 3.2rem;
display: flex;
}
.colour-calculator__form .form-actions .button+.button {
margin-top: .8rem;
}
@media (min-width: 768px) {
.colour-calculator__form .form-actions {
flex-direction: row;
}
.colour-calculator__form .form-actions .button+.button {
margin-top: 0;
margin-left: .8rem;
}
}
.colour-calculator__result {
background-color: var(--color-lighter-blue);
padding: 3.2rem var(--container-padding-h-mobile);
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 3.2rem;
display: flex;
}
@media (min-width: 768px) {
.colour-calculator__result {
margin-top: 0;
padding: 3.2rem 4.8rem;
}
}
.colour-calculator__inner-wrapper {
gap: 3.2rem;
display: grid;
}
.colour-calculator__inner-wrapper+.colour-calculator__inner-wrapper {
margin-top: 2.4rem;
}
@media (min-width: 996px) {
.colour-calculator__inner-wrapper {
grid-template-columns: repeat(2,1fr);
}
.colour-calculator__inner-wrapper+.colour-calculator__inner-wrapper {
margin-top: 4rem;
}
}
.colour-calculator__inner-wrapper>h3 {
width: 100%;
margin-bottom: 1.6rem;
}
.colour-calculator__inner-wrapper .form-wrapper+.form-wrapper {
margin-top: 1.6rem;
}
.colour-calculator__inner-wrapper .form-wrapper+.form-wrapper: empty {
margin: 0;
}
.colour-calculator__inner-wrapper .form-radios {
flex-wrap: wrap;
display: flex;
}
.colour-calculator__inner-wrapper .form-radios .form-item {
margin: .8rem 0 0;
padding-right: 2.4rem;
}
.colour-calculator__inner-wrapper .form-item-ral-colour {
flex-direction: row;
align-items: flex-end;
display: flex;
}
.colour-calculator__inner-wrapper .form-item-ral-colour .form-item-textfield {
flex: 1 0 auto;
}
.colour-calculator__inner-wrapper .form-item-ral-colour .ral-colour-preview {
border-radius: .5rem;
width: 4.8rem;
height: 4.5rem;
margin-left: .8rem;
}
.colour-calculator__inner-wrapper__right {
align-self: start;
gap: .8rem 1.6rem;
display: grid;
margin-top: 2.4rem!important;
}
.colour-calculator__inner-wrapper__right .form-item-select+.checkbox-wrapper {
margin-top: 2.4rem;
}
@media (min-width: 768px) {
.colour-calculator__inner-wrapper__right {
grid-template-columns: repeat(2,1fr);
margin-top: 0!important;
}
.colour-calculator__inner-wrapper__right [data-ral-tooltip-content] {
order: 10;
}
.colour-calculator__inner-wrapper__right h4,.colour-calculator__inner-wrapper__right .form-item-select {
grid-column: span 2;
}
.colour-calculator__inner-wrapper__right .form-item-select {
margin-bottom: 1.6rem;
}
.colour-calculator__inner-wrapper__right .form-item-select+.checkbox-wrapper {
margin-top: 0;
}
}
.colour-calculator__inner-wrapper__right .checkbox-wrapper label {
padding-left: 0;
line-height: 1.25;
}
.colour-calculator__inner-wrapper__right .checkbox-wrapper label: before {
flex: none;
align-self: start;
margin-right: .8rem;
position: relative;
}
.colour-calculator__inner-wrapper__right .form-wrapper+.checkbox-wrapper {
margin-top: 0;
}
.colour-calculator__inner-wrapper__right .ral-tooltip {
margin: 0 0 0 .8rem;
}
.colour-calculator__inner-wrapper__right .ral-tooltip__button {
width: 1.6rem;
height: 1.6rem;
}
.colour-calculator__results {
width: 100%;
}
.colour-calculator__results h2 {
--h2-font-size: var(--default-font-size);
}
.colour-calculator__results .colour-result {
background-color: var(--color-white);
border-radius: .3rem;
margin-top: .8rem;
}
.colour-calculator__results .colour-result-box {
grid-template-columns: 2.4rem 1fr 1fr 2.4rem;
grid-template-areas: "colour colour colour colour""left rgb rgb right""left powder supplier right""left message message right""left description description right""left copy copy right";
display: grid;
}
.colour-calculator__results .colour-result-box span: not(.copy) {
text-align: center;
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-300);
margin-top: .4rem;
line-height: 1;
display: block;
}
.colour-calculator__results .colour-code-rgb {
grid-area: colour;
height: 6.4rem;
}
.colour-calculator__results .colour-code-rgb[style="background-color: #FFFFFF;
"] {
border-bottom: .1rem solid var(--color-neutral-100);
}
.colour-calculator__results .colour-code {
background-color: var(--color-white);
border-bottom: .1rem solid var(--color-neutral-200);
grid-area: rgb;
padding: 2.4rem .8rem 1.6rem;
}
.colour-calculator__results .colour-code p {
text-align: center;
font-size: 3.2rem;
line-height: 125%;
}
.colour-calculator__results .powder-code,.colour-calculator__results .powder-supplier {
text-align: center;
padding: 1.6rem .4rem;
}
.colour-calculator__results .powder-code p,.colour-calculator__results .powder-supplier p {
color: var(--color-neutral-500);
font-size: var(--smaller-text-font-size);
line-height: 1.25;
}
.colour-calculator__results .powder-code {
grid-area: powder;
}
.colour-calculator__results .powder-supplier {
grid-area: supplier;
}
.colour-calculator__results .colour-result-box-error,.colour-calculator__results .colour-message-default {
color: var(--color-neutral-500);
grid-area: message;
}
.colour-calculator__results .colour-message-default {
border-top: .1rem solid var(--color-neutral-200);
margin-top: 0;
padding-top: 1.6rem;
}
.colour-calculator__results .colour-message-description {
color: var(--color-neutral-500);
grid-area: description;
margin-top: .8rem;
}
.colour-calculator__results .colour-result-box-error,.colour-calculator__results .colour-message-default,.colour-calculator__results .colour-message-description {
text-align: center;
line-height: 1.25;
font-size: var(--default-text-font-size);
}
.colour-calculator__results .colour-result-box-error {
border: .2rem solid var(--color-status-warning-400);
padding: 4rem 2.4rem;
}
.colour-calculator__results .colour-error {
grid-column: span 4;
}
.colour-calculator__results .copy-colour-container {
text-align: center;
border-top: .1rem solid var(--color-neutral-200);
grid-area: copy;
margin-top: 1.6rem;
padding-top: 1.6rem;
}
.colour-calculator__results .copy-colour-container>.form-item {
opacity: 0;
z-index: -1;
pointer-events: none;
height: 0;
margin: 0;
}
.colour-calculator__results .colour-message-description+.copy-colour-container {
padding-bottom: 2.4rem;
}
.ral-autocomplete-wrapper {
z-index: 10000;
background-color: var(--color-white);
border-radius: .5rem;
position: absolute;
top: calc(100% + .8rem);
right: 0;
overflow: hidden;
box-shadow: 0 0 1px #1a202452,0 40px 64px #5b68713d;
}
.ral-autocomplete-wrapper span {
display: block;
}
.ral-autocomplete-item {
background-color: var(--color-white);
cursor: pointer;
align-items: center;
margin-top: .1rem;
padding-left: 1.6rem;
transition: background-color .25s ease-out;
display: flex;
}
.ral-autocomplete-item: first-child {
margin-top: 0;
}
.ral-autocomplete-item: hover {
background-color: var(--color-lighter-blue);
}
.ral-autocomplete-value {
padding-right: 1.6rem;
}
.ral-autocomplete-item-color {
width: 4rem;
height: 3.2rem;
margin-left: auto;
}
.ral-tooltip {
flex-grow: 0;
flex-shrink: 0;
margin: 0 0 0 .4rem;
position: relative;
}
.ral-tooltip__button {
background: 0 0;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
margin: 0;
padding: 0;
display: flex;
}
.ral-tooltip__button.active+.ral-tooltip__balloon {
opacity: 1;
pointer-events: auto;
transform: translateY(calc(-100% - .8rem))translate(-50%);
}
.ral-tooltip__balloon {
will-change: opacity,transform;
filter: drop-shadow(.1rem .1rem .3rem #00000040);
opacity: 0;
pointer-events: none;
z-index: 10;
width: max-content;
max-width: 35.2rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
transition: opacity .3s ease-out,transform .3s ease-out;
position: absolute;
top: 0;
left: 50%;
transform: translateY(-100%)translate(-50%);
}
.ral-tooltip__body {
background: var(--color-white);
font-size: var(--small-text-font-size);
border-radius: .5rem;
padding: 1.6rem 1.6rem 1.4rem;
line-height: 125%;
}
.ral-tooltip__body>.button {
margin-top: 2.4rem;
}
.ral-tooltip__arrow {
border-top: .7rem solid var(--color-white);
border-left: .6rem solid #0000;
border-right: .6rem solid #0000;
width: 0;
height: 0;
display: block;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
}
.layout-container {
position: relative;
overflow-x: clip;
}
.global-search {
z-index: 1001;
background-color: var(--color-white);
opacity: 0;
pointer-events: none;
flex-direction: column;
width: 100%;
height: 100vh;
padding: 0 1.5rem;
transition: opacity .3s,transform .6s cubic-bezier(.5,0,0,1);
display: flex;
position: fixed;
bottom: 0;
left: 0;
transform: translate(-2rem);
}
@media (min-width: 1024px) {
.global-search {
max-width: 70rem;
left: var(--header-max-width);
}
.gin--classic-toolbar.toolbar-tray-open .global-search {
height: calc(100vh - 11.8rem);
}
}
.gin--classic-toolbar .global-search {
height: calc(100vh - 13.5rem);
}
@media (min-width: 1024px) {
.gin--classic-toolbar .global-search {
height: calc(100vh - 7.8rem);
}
}
@media (max-width: 1023px) {
.mobile-search--active .global-search {
height: calc(100vh - 14.9rem);
}
.gin--classic-toolbar.mobile-search--active .global-search {
height: calc(100vh - 22.5rem);
}
}
.global-search[data-status=open] {
pointer-events: initial;
}
.mobile-search--active .global-search[data-status=open] {
opacity: 1;
transform: none;
}
@media (min-width: 1024px) {
.global-search[data-status=open] {
opacity: 1;
transform: none;
}
}
.global-search__close {
content: "";
-webkit-backdrop-filter: blur(.8rem);
backdrop-filter: blur(.8rem);
background-color: #0006;
width: 100vw;
position: absolute;
top: 0;
bottom: 0;
left: 100%;
}
.global-search h2 {
color: var(--color-primary-400);
flex: none;
padding: 2.4rem 0;
}
@media (min-width: 1024px) {
.global-search h2 {
padding: 4.2rem 0 4.8rem;
}
}
.global-search__result {
-ms-overflow-style: none;
scrollbar-width: none;
flex: auto;
overflow: scroll;
}
.global-search__result: : -webkit-scrollbar {
display: none;
}
.global-search__result .no-results {
font-size: var(--small-text-font-size);
color: var(--color-neutral-300);
border-top: .1rem solid var(--color-neutral-100);
padding: 1.6rem 0;
}
.global-search a.general-search-all-results {
position: absolute;
top: 1.6rem;
bottom: auto;
left: auto;
right: 1.2rem;
}
@media (min-width: 1024px) {
.global-search a.general-search-all-results {
top: 3.8rem;
bottom: auto;
left: auto;
right: 1.2rem;
}
}
@keyframes searchLoad {
0% {
right: 100%;
}
to {
right: -30rem;
}
}
.maintenance-page [data-off-canvas-main-canvas] {
min-height: 100vh;
display: block;
}
.maintenance-page .main-header {
box-shadow: none;
height: auto!important;
}
.maintenance-page .main-header__top {
position: relative;
top: auto;
left: auto;
}
.maintenance-page main {
justify-content: center;
align-items: center;
height: calc(100vh - 16.5rem);
display: flex;
}
@media (max-width: 1023px) {
.maintenance-page main {
height: calc(100vh - 5.6rem);
}
}
.maintenance-page main .content {
color: var(--color-neutral-300);
max-width: 55rem;
margin: 3.6rem 1.5rem;
position: relative;
}
.maintenance-page main .content h1 {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
}
.reynaers-modal--test-report .reynaers-modal__content {
max-width: 100rem;
}
.reynaers-modal--test-report .reynaers-modal__content__dynamic>h2 {
font-size: var(--default-font-size);
margin-bottom: 3.2rem;
}
.reynaers-modal--test-report .reynaers-modal__content__dynamic>h2 em {
font-size: var(--h2-font-size);
font-style: normal;
line-height: 125%;
display: block;
}
@media (min-width: 996px) {
.reynaers-modal--test-report .reynaers-modal__content__dynamic {
padding: 6.4rem;
}
}
.tag {
white-space: nowrap;
margin: var(--tag-margin,0);
padding: var(--tag-padding,.2rem 1rem);
border-radius: var(--tag-border-radius,1rem);
background-color: var(--tag-bg-color,var(--color-primary-400));
font-size: var(--tag-font-size,1.3rem);
line-height: var(--tag-line-height,1.6rem);
color: var(--tag-color,var(--color-white));
display: inline-block;
}
.tag--new {
--tag-bg-color: var(--color-accent-06);
}
.tag--counter {
--tag-margin: 0 0 0 .8rem;
--tag-padding: .1rem .8rem .2rem;
--tag-border-radius: .8rem;
--tag-font-size: var(--smaller-text-font-size);
--tag-line-height: 1.5rem;
}
footer .tag--counter {
display: none;
}
.ui-dialog--reynaers.ui-widget {
font-size: var(--default-text-font-size);
}
.ui-dialog--reynaers.ui-widget input,.ui-dialog--reynaers.ui-widget select,.ui-dialog--reynaers.ui-widget textarea {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
font-size: var(--input-font-size);
}
.ui-dialog--reynaers.ui-widget button {
font-family: var(--button-font-family);
font-size: var(--button-font-size);
}
.ui-dialog--reynaers.ui-widget .ui-widget {
font-size: var(--small-text-font-size);
}
.ui-dialog--reynaers.ui-dialog {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
color: var(--default-text-color);
}
.ui-dialog--reynaers.ui-dialog: not(.ui-dialog-off-canvas) {
background: var(--color-white);
z-index: 1008;
border-radius: 1.6rem 1.6rem 0 0;
width: 100%;
max-width: none;
margin: 0;
box-shadow: 0 0 .1rem #1a202452,0 -4rem 6.4rem #5b68713d;
border: none!important;
}
@media (min-width: 1024px) {
.ui-dialog--reynaers.ui-dialog: not(.ui-dialog-off-canvas) {
max-width: 63rem;
box-shadow: none;
border-radius: .4rem;
}
}
.ui-dialog--reynaers.ui-dialog: not(.ui-dialog-off-canvas)+.ui-widget-overlay {
opacity: 1;
background: #00000080;
z-index: 1007!important;
}
@media (max-width: 1023px) {
.ui-dialog--reynaers.ui-dialog: not(.ui-dialog-off-canvas) {
top: auto!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
}
}
.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar {
color: var(--color-primary-400);
background: 0 0;
border: none;
border-radius: 0;
padding: 1.6rem 1.6rem 0;
line-height: 125%;
}
@media (min-width: 1024px) {
.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar {
padding: 1.6rem 3rem 0;
}
}
.ui-dialog--reynaers.ui-dialog .ui-dialog-title {
margin: 0;
font-size: 2.4rem;
line-height: 125%;
}
.ui-dialog--reynaers.ui-dialog .ui-button,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button {
color: var(--color-neutral-500);
background: 0 0;
border: none;
text-decoration: underline;
}
.ui-dialog--reynaers.ui-dialog .ui-button: hover,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button: hover {
text-decoration: none;
}
.ui-dialog--reynaers.ui-dialog .ui-button.ui-button-icon-only,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-button-icon-only {
justify-content: center;
align-items: center;
display: flex;
}
@media (min-width: 1024px) {
.ui-dialog--reynaers.ui-dialog .ui-button.ui-button-icon-only,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-button-icon-only {
text-indent: 0;
justify-content: flex-start;
width: auto;
height: auto;
}
.ui-dialog--reynaers.ui-dialog .ui-button.ui-button-icon-only .ui-icon-closethick,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-button-icon-only .ui-icon-closethick {
order: 2;
margin: 0;
position: relative;
top: .1rem;
left: auto;
}
[dir=ltr] .ui-dialog--reynaers.ui-dialog .ui-button.ui-button-icon-only .ui-icon-closethick,[dir=ltr] .ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-button-icon-only .ui-icon-closethick {
left: auto;
}
[dir=rtl] .ui-dialog--reynaers.ui-dialog .ui-button.ui-button-icon-only .ui-icon-closethick,[dir=rtl] .ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-button-icon-only .ui-icon-closethick {
right: auto;
}
.ui-dialog--reynaers.ui-dialog .ui-button.ui-button-icon-only .ui-button-icon-space,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-button-icon-only .ui-button-icon-space {
order: 1;
width: .8rem;
}
}
.ui-dialog--reynaers.ui-dialog .ui-button.ui-dialog-titlebar-close,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close {
opacity: 1;
z-index: 1;
border-radius: 0;
width: 2.4rem;
height: 2.4rem;
top: 2.7rem;
right: 1.6rem;
}
.ui-dialog--reynaers.ui-dialog .ui-button.ui-dialog-titlebar-close .ui-icon-closethick,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-icon-closethick {
background: var(--color-neutral-500);
width: 2.4rem;
height: 2.4rem;
transform: translate(0);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 1.4rem 1.4rem;
mask-size: 1.4rem 1.4rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (min-width: 1024px) {
.ui-dialog--reynaers.ui-dialog .ui-button.ui-dialog-titlebar-close,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close {
width: auto;
height: auto;
}
.ui-dialog--reynaers.ui-dialog .ui-button.ui-dialog-titlebar-close .ui-icon-closethick,.ui-dialog--reynaers.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-icon-closethick {
width: 1.8rem;
height: 1.8rem;
-webkit-mask-size: 1.1rem 1.1rem;
mask-size: 1.1rem 1.1rem;
}
}
.ui-dialog--reynaers.ui-dialog.ui-dialog--reynaers--no-dialog-title .ui-dialog-titlebar {
padding-top: 0;
}
.ui-dialog--reynaers.ui-dialog.ui-dialog--reynaers--no-dialog-title .ui-dialog-title {
width: 0;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
display: none;
overflow: hidden;
}
.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content {
color: var(--default-text-color);
z-index: 0;
background: 0 0;
padding: 1.6rem 1.6rem 2.4rem;
}
@media (min-width: 1024px) {
.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content {
padding: 2.7rem 3rem 4rem;
}
}
.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content h1,.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content h2,.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content h3,.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content h4,.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content h5,.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content h6 {
color: var(--color-primary-400);
}
.ui-dialog--reynaers.ui-dialog .ui-widget-content.ui-dialog-content .form-actions {
justify-content: center;
align-items: center;
gap: .8rem;
padding-top: 2.4rem;
display: flex;
}
.ui-dialog--reynaers.ui-dialog .ajax-progress-throbber {
box-shadow: none;
background: 0 0;
border: none;
border-radius: 0;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
margin: 0 0 0 .4rem;
padding: 0;
display: flex;
}
.ui-dialog--reynaers.ui-dialog .ajax-progress-throbber: before,.ui-dialog--reynaers.ui-dialog .ajax-progress-throbber .message {
display: none;
}
.ui-dialog--reynaers.ui-dialog .ajax-progress-throbber .throbber {
background: var(--color-white);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
display: flex;
}
.ui-dialog--reynaers.ui-dialog .ajax-progress-throbber .throbber: before {
border: .2rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: "";
border-radius: 50%;
width: 1.2rem;
height: 1.2rem;
animation: .8s linear infinite loader-spin;
}
.links-block {
background: var(--color-lighter-blue);
padding-top: 3.2rem;
}
.links-block>h2.h3 {
color: var(--color-primary-400);
margin-bottom: 1.6rem;
margin-left: 3.2rem;
margin-right: 3.2rem;
}
.links-block h3 {
--h3-font-family: var(--font-family-faktum);
--h3-font-weight: var(--font-weight-normal);
--h3-font-size: 1.6rem;
--h3-line-height: 150%;
--default-title-color: var(--color-neutral-400);
}
.links-block h3+ul {
margin-top: 1.6rem;
}
.links-block .button--tertiary {
--button-font-size: 1.6rem;
--button-line-height: 2.4rem;
--button-font-family: var(--font-family-faktum);
--button-font-weight: var(--font-weight-normal);
}
.page-header .links-block .button--tertiary {
margin-top: 0;
margin-right: 0;
}
.links-block .accordion__trigger {
width: auto;
font-family: var(--font-family-faktum);
color: var(--color-secondary-200);
margin-top: 1.6rem;
}
.links-block .accordion__trigger .accordion__icon,.links-block .accordion__trigger .accordion__icon path {
fill: var(--color-secondary-200);
}
.links-block__columns {
grid-template-columns: 1fr;
display: grid;
}
@media (min-width: 768px) {
.links-block__columns {
grid-template-columns: repeat(2,1fr);
}
.page-header .links-block__columns {
grid-template-columns: 1fr;
}
}
@media (min-width: 1024px) {
.links-block__columns {
grid-template-columns: repeat(3,1fr);
}
.page-header .links-block__columns {
grid-template-columns: 1fr;
}
}
.links-block__column {
margin-bottom: 3.2rem;
}
.links-block__column>: not(.accordion__panel) {
margin-left: 3.2rem;
margin-right: 3.2rem;
}
.links-block__column .accordion__panel {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.links-block__column .accordion__panel>ul {
margin-top: .8rem;
}
@media (min-width: 768px) {
.links-block__column: nth-child(odd)>: not(.accordion__panel) {
margin-right: 2rem;
}
.page-header .links-block__column: nth-child(odd)>: not(.accordion__panel) {
margin-right: 3.2rem;
}
.links-block__column: nth-child(odd) .accordion__panel {
padding-right: 2rem;
}
.page-header .links-block__column: nth-child(odd) .accordion__panel {
padding-right: 3.2rem;
}
.links-block__column: nth-child(2n)>: not(.accordion__panel) {
margin-left: 2rem;
}
.links-block__column: nth-child(2n) .accordion__panel {
padding-left: 2rem;
}
}
@media (min-width: 1024px) {
.links-block__column: nth-child(3n+1)>: not(.accordion__panel) {
margin-left: 3.2rem;
margin-right: 2rem;
}
.page-header .links-block__column: nth-child(3n+1)>: not(.accordion__panel) {
margin-right: 3.2rem;
}
.links-block__column: nth-child(3n+1) .accordion__panel {
padding-right: 2rem;
}
.page-header .links-block__column: nth-child(3n+1) .accordion__panel {
padding-right: 3.2rem;
}
.links-block__column: nth-child(3n+2)>: not(.accordion__panel) {
margin-left: 2rem;
margin-right: 2rem;
}
.links-block__column: nth-child(3n+2) .accordion__panel {
padding-right: 2rem;
}
.links-block__column: nth-child(3n+3)>: not(.accordion__panel) {
margin-left: 2rem;
margin-right: 3.2rem;
}
.links-block__column: nth-child(3n+3) .accordion__panel {
padding-left: 2rem;
padding-right: 3.2rem;
}
}
.filter-dropdown {
position: relative;
}
.filter-dropdown__button {
color: var(--color-neutral-300);
font-size: var(--default-text-font-size);
white-space: nowrap;
background: 0 0;
border: none;
flex-direction: row;
align-items: center;
padding: 0;
line-height: 185%;
display: flex;
}
.filter-dropdown__button__active {
color: var(--color-secondary-200);
flex-direction: row;
align-items: center;
margin-left: 1rem;
display: flex;
position: relative;
}
.filter-dropdown__button__active: after {
content: "";
background-color: var(--color-secondary-200);
height: .1rem;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.filter-dropdown__button__active svg {
fill: var(--color-secondary-200);
margin-left: 1rem;
}
.filter-dropdown__button__active svg path {
fill: var(--color-secondary-200);
}
.filter-dropdown__panel-wrapper {
z-index: 500;
pointer-events: none;
background: 0 0;
transition: background .6s cubic-bezier(.5,0,0,1);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.filter-dropdown__panel-wrapper.active {
pointer-events: auto;
background: #0006;
}
@media (min-width: 1024px) {
.filter-dropdown__panel-wrapper {
width: 100%;
min-width: max-content;
position: absolute;
top: calc(100% + 1.2rem);
left: auto;
}
.filter-dropdown__panel-wrapper.active {
background: 0 0;
}
}
.filter-dropdown__panel {
z-index: 500;
opacity: 0;
pointer-events: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
max-height: calc(100vh - 20rem);
padding: 0;
transition: transform .6s cubic-bezier(.5,0,0,1),opacity .6s cubic-bezier(.5,0,0,1);
position: fixed;
bottom: 0;
left: 0;
right: 0;
transform: translateY(103%);
}
.active .filter-dropdown__panel {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
@media (min-width: 1024px) {
.filter-dropdown__panel {
border-radius: var(--panel-border-radius);
position: static;
transform: translateY(1rem);
box-shadow: 0 0 .1rem #1a202452,0 4rem 6.4rem #5b68713d;
}
}
.filter-dropdown__panel__header {
height: 5.8rem;
padding: 1.6rem 4.8rem 0 1.6rem;
position: relative;
}
@media (min-width: 1024px) {
.filter-dropdown__panel__header {
height: auto;
}
}
.filter-dropdown__panel__header h2.h3 {
font-size: 2.4rem;
line-height: 125%;
}
@media (min-width: 1024px) {
.filter-dropdown__panel__header h2.h3 {
font-size: var(--smaller-text-font-size);
line-height: var(--default-text-line-height);
text-transform: uppercase;
color: var(--color-grey-new);
}
}
.filter-dropdown__panel__close {
background: 0 0;
justify-content: center;
align-items: center;
width: 3.2rem;
height: 3.2rem;
padding: 0;
font-size: 0;
line-height: 0;
display: flex;
position: absolute;
top: 1.5rem;
right: .8rem;
}
.filter-dropdown__panel__close svg {
width: 1.4rem;
height: 1.4rem;
}
@media (min-width: 1024px) {
.filter-dropdown__panel__close {
pointer-events: none;
display: none;
}
}
.filter-dropdown__panel__content {
padding: 1.2rem 1.6rem 2.4rem;
}
@media (min-width: 1024px) {
.filter-dropdown__panel__content {
padding-bottom: 1.6rem;
}
}
.filter-dropdown__options {
margin: 0;
padding: 0;
list-style: none;
}
.filter-dropdown__options li+li {
margin-top: 1.2rem;
}
.filter-dropdown__option {
font-size: var(--small-text-font-size);
line-height: var(--default-text-line-height);
color: var(--color-neutral-400);
white-space: nowrap;
padding-left: 2.8rem;
text-decoration: none;
display: block;
position: relative;
}
.filter-dropdown__option: before {
--checkbox-background-color: var(--color-lighter-grey);
box-sizing: border-box;
content: "";
background: var(--checkbox-background-color);
border: 1px solid var(--checkbox-border-color);
cursor: pointer;
width: 2rem;
height: 2rem;
transition: var(--transition-default);
z-index: 1;
border-radius: 50%;
position: absolute;
top: .1rem;
left: 0;
display: block!important;
}
.filter-dropdown__option.active: before {
--checkbox-background-color: var(--color-lighter-grey);
box-shadow: inset 0 0 0 calc(var(--checkbox-height) / 4) var(--color-secondary-200);
}
a[data-pin-log] {
z-index: 1000;
display: none;
position: absolute;
top: 1rem;
left: 1rem;
}
body.pinterest-button .media,body.pinterest-button .splide__slide.is-active {
position: relative;
}
body.pinterest-button .media: hover a[data-pin-log],body.pinterest-button .splide__slide.is-active: hover a[data-pin-log] {
display: block;
}
.dealer-labels {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.dealer-labels .dealer-label {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
color: var(--color-black);
border-radius: 5rem;
margin: .8rem 0 0;
padding: .2rem .8rem;
line-height: 150%;
transition: opacity .3s;
}
.dealer-labels .dealer-label: hover {
opacity: .8;
}
.dealer-labels .dealer-label: first-child {
margin-top: 0;
}
.dealer-labels .dealer-label--yellow {
background-color: var(--color-accent-01);
}
.dealer-labels .dealer-label--blue {
background-color: var(--color-accent-02);
color: var(--color-white);
}
[data-drupal-progress] {
padding-top: 11.8rem;
padding-bottom: 11.8rem;
}
[data-drupal-progress] .progress__track {
border-radius: 10rem;
height: auto;
margin: 1rem 0 .5rem;
overflow: hidden;
}
[data-drupal-progress] .progress__bar {
background-color: var(--color-primary-400);
border-radius: 10rem;
}
.reynaers-dialog {
background: var(--color-white);
opacity: 0;
transition: var(--transition-default);
pointer-events: none;
border: none;
border-radius: .4rem;
padding: 3.2rem 2.4rem;
display: block;
}
.reynaers-dialog[open] {
opacity: 1;
pointer-events: auto;
}
@media (min-width: 1024px) {
.reynaers-dialog {
padding: 6.4rem 5.2rem;
}
}
.reynaers-dialog: : backdrop {
background-color: #00000080;
}
.reynaers-dialog__actions {
flex-wrap: wrap;
justify-content: center;
gap: 1.6rem;
margin-top: 1.6rem;
display: flex;
}
@media (min-width: 1024px) {
.reynaers-dialog__actions {
gap: 2.4rem;
}
}
.reynaers-dialog--cancel-confirmation {
text-align: center;
}
.reynaers-dialog--cancel-confirmation h3 {
--default-title-color: var(--color-primary-400);
}
.popup-carousel {
z-index: 1001;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.popup-carousel: after {
content: "";
background-color: var(--color-black);
opacity: .5;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.popup-carousel__inner {
z-index: 1;
background-color: var(--color-white);
width: 128rem;
max-width: 100%;
padding: 5.6rem 1.6rem 7.2rem;
position: relative;
}
@media (min-width: 480px) {
.popup-carousel__inner {
padding: 5.6rem 1.6rem;
}
}
@media (min-width: 1024px) {
.popup-carousel__inner {
padding: 4.6rem 17.1rem;
}
}
.popup-carousel__close {
cursor: pointer;
transition: opacity .3s;
position: absolute;
top: 2.3rem;
right: 2.3rem;
}
.popup-carousel__close: hover {
opacity: .5;
}
.popup-carousel__close svg {
width: 1.4rem;
height: auto;
display: block;
}
.popup-carousel .splide {
width: 100%;
height: 100%;
}
.popup-carousel .splide .media {
height: 23.7rem;
max-height: 100%;
}
@media (min-width: 480px) {
.popup-carousel .splide .media {
height: 62.7rem;
}
}
.popup-carousel .splide img {
object-fit: contain;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.popup-carousel .splide__arrows .splide__arrow--prev,.popup-carousel .splide__arrows .splide__arrow--next {
opacity: 1;
box-shadow: var(--popup-splide-arrow-box-shadow);
top: calc(100% + 2rem);
}
@media (min-width: 480px) {
.popup-carousel .splide__arrows .splide__arrow--prev,.popup-carousel .splide__arrows .splide__arrow--next {
top: 100%;
}
}
@media (min-width: 1024px) {
.popup-carousel .splide__arrows .splide__arrow--prev,.popup-carousel .splide__arrows .splide__arrow--next {
top: calc(50% - 1em);
}
.popup-carousel .splide__arrows .splide__arrow--prev {
left: -10rem;
}
.popup-carousel .splide__arrows .splide__arrow--next {
right: -10rem;
}
}
[data-popup-carousel-slide] {
cursor: pointer;
}
.story-detail .header-image--media-above-text .header-image__introduction,.story-detail .page-header--with-date,.story-detail .page-header--with-content,.news-detail .header-image--media-above-text .header-image__introduction,.news-detail .page-header--with-date,.news-detail .page-header--with-content,.basic-page .header-image--media-above-text .header-image__introduction,.basic-page .page-header--with-date,.basic-page .page-header--with-content {
margin-top: 3.2rem;
width: min(100% - 3rem,77rem);
margin-inline-start: auto;
margin-inline-end: auto;
padding: 0;
display: block;
}
@media (min-width: 1024px) {
.story-detail .header-image--media-above-text .header-image__introduction,.story-detail .page-header--with-date,.story-detail .page-header--with-content,.news-detail .header-image--media-above-text .header-image__introduction,.news-detail .page-header--with-date,.news-detail .page-header--with-content,.basic-page .header-image--media-above-text .header-image__introduction,.basic-page .page-header--with-date,.basic-page .page-header--with-content {
display: block;
}
}
@media (min-width: 1280px) {
.story-detail .header-image--media-above-text .header-image__introduction,.story-detail .page-header--with-date,.story-detail .page-header--with-content,.news-detail .header-image--media-above-text .header-image__introduction,.news-detail .page-header--with-date,.news-detail .page-header--with-content,.basic-page .header-image--media-above-text .header-image__introduction,.basic-page .page-header--with-date,.basic-page .page-header--with-content {
grid-template-columns: 1fr min(100%,77rem) 1fr;
grid-template-areas: "spacer-left content spacer-right";
align-items: start;
gap: 1rem;
width: min(100% - 3rem,144rem);
margin-top: 6.4rem;
display: grid;
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__content,.story-detail .page-header--with-date .page-header__content,.story-detail .page-header--with-content .page-header__content,.news-detail .header-image--media-above-text .header-image__introduction .page-header__content,.news-detail .page-header--with-date .page-header__content,.news-detail .page-header--with-content .page-header__content,.basic-page .header-image--media-above-text .header-image__introduction .page-header__content,.basic-page .page-header--with-date .page-header__content,.basic-page .page-header--with-content .page-header__content {
margin-bottom: 0;
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__right,.story-detail .page-header--with-date .page-header__right,.story-detail .page-header--with-content .page-header__right,.news-detail .header-image--media-above-text .header-image__introduction .page-header__right,.news-detail .page-header--with-date .page-header__right,.news-detail .page-header--with-content .page-header__right,.basic-page .header-image--media-above-text .header-image__introduction .page-header__right,.basic-page .page-header--with-date .page-header__right,.basic-page .page-header--with-content .page-header__right {
grid-area: spacer-right;
margin-top: 0;
padding-left: 0;
}
}
@media (min-width: 1440px) {
.story-detail .header-image--media-above-text .header-image__introduction,.story-detail .page-header--with-date,.story-detail .page-header--with-content,.news-detail .header-image--media-above-text .header-image__introduction,.news-detail .page-header--with-date,.news-detail .page-header--with-content,.basic-page .header-image--media-above-text .header-image__introduction,.basic-page .page-header--with-date,.basic-page .page-header--with-content {
grid-template-columns: 1fr min(100%,97rem) 1fr;
}
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__date,.story-detail .page-header--with-date .page-header__date,.story-detail .page-header--with-content .page-header__date,.news-detail .header-image--media-above-text .header-image__introduction .page-header__date,.news-detail .page-header--with-date .page-header__date,.news-detail .page-header--with-content .page-header__date,.basic-page .header-image--media-above-text .header-image__introduction .page-header__date,.basic-page .page-header--with-date .page-header__date,.basic-page .page-header--with-content .page-header__date {
color: var(--color-neutral-300);
flex-wrap: wrap;
align-items: center;
gap: 1.6rem;
margin-block-end: 1.6rem;
display: flex;
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__date .page-header__author-separator,.story-detail .page-header--with-date .page-header__date .page-header__author-separator,.story-detail .page-header--with-content .page-header__date .page-header__author-separator,.news-detail .header-image--media-above-text .header-image__introduction .page-header__date .page-header__author-separator,.news-detail .page-header--with-date .page-header__date .page-header__author-separator,.news-detail .page-header--with-content .page-header__date .page-header__author-separator,.basic-page .header-image--media-above-text .header-image__introduction .page-header__date .page-header__author-separator,.basic-page .page-header--with-date .page-header__date .page-header__author-separator,.basic-page .page-header--with-content .page-header__date .page-header__author-separator {
background-color: var(--color-dark-grey);
border-radius: 50%;
width: .4rem;
height: .4rem;
display: inline-flex;
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__date .page-header__author-link,.story-detail .page-header--with-date .page-header__date .page-header__author-link,.story-detail .page-header--with-content .page-header__date .page-header__author-link,.news-detail .header-image--media-above-text .header-image__introduction .page-header__date .page-header__author-link,.news-detail .page-header--with-date .page-header__date .page-header__author-link,.news-detail .page-header--with-content .page-header__date .page-header__author-link,.basic-page .header-image--media-above-text .header-image__introduction .page-header__date .page-header__author-link,.basic-page .page-header--with-date .page-header__date .page-header__author-link,.basic-page .page-header--with-content .page-header__date .page-header__author-link {
--button-color: #006ce5;
--button-border-color: var(--button-background-color);
margin: 0;
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.story-detail .page-header--with-date .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.story-detail .page-header--with-content .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.news-detail .header-image--media-above-text .header-image__introduction .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.news-detail .page-header--with-date .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.news-detail .page-header--with-content .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.basic-page .header-image--media-above-text .header-image__introduction .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.basic-page .page-header--with-date .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.basic-page .page-header--with-content .page-header__date: has(.field--name-field-event-type) {
flex-wrap: wrap;
justify-content: space-between;
gap: 1.6rem 3.2rem;
display: flex;
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__date .categories,.story-detail .page-header--with-date .page-header__date .categories,.story-detail .page-header--with-content .page-header__date .categories,.news-detail .header-image--media-above-text .header-image__introduction .page-header__date .categories,.news-detail .page-header--with-date .page-header__date .categories,.news-detail .page-header--with-content .page-header__date .categories,.basic-page .header-image--media-above-text .header-image__introduction .page-header__date .categories,.basic-page .page-header--with-date .page-header__date .categories,.basic-page .page-header--with-content .page-header__date .categories,.story-detail .header-image--media-above-text .header-image__introduction .page-header__date .field--name-field-event-type,.story-detail .page-header--with-date .page-header__date .field--name-field-event-type,.story-detail .page-header--with-content .page-header__date .field--name-field-event-type,.news-detail .header-image--media-above-text .header-image__introduction .page-header__date .field--name-field-event-type,.news-detail .page-header--with-date .page-header__date .field--name-field-event-type,.news-detail .page-header--with-content .page-header__date .field--name-field-event-type,.basic-page .header-image--media-above-text .header-image__introduction .page-header__date .field--name-field-event-type,.basic-page .page-header--with-date .page-header__date .field--name-field-event-type,.basic-page .page-header--with-content .page-header__date .field--name-field-event-type {
flex-wrap: wrap;
align-items: center;
gap: .4rem 3.2rem;
display: flex;
}
.story-detail .header-image--media-above-text .header-image__introduction__content,.story-detail .header-image--media-above-text .header-image__introduction .page-header__content,.story-detail .page-header--with-date__content,.story-detail .page-header--with-date .page-header__content,.story-detail .page-header--with-content__content,.story-detail .page-header--with-content .page-header__content,.news-detail .header-image--media-above-text .header-image__introduction__content,.news-detail .header-image--media-above-text .header-image__introduction .page-header__content,.news-detail .page-header--with-date__content,.news-detail .page-header--with-date .page-header__content,.news-detail .page-header--with-content__content,.news-detail .page-header--with-content .page-header__content,.basic-page .header-image--media-above-text .header-image__introduction__content,.basic-page .header-image--media-above-text .header-image__introduction .page-header__content,.basic-page .page-header--with-date__content,.basic-page .page-header--with-date .page-header__content,.basic-page .page-header--with-content__content,.basic-page .page-header--with-content .page-header__content {
margin-bottom: 3.2rem;
}
@media (min-width: 1280px) {
.story-detail .header-image--media-above-text .header-image__introduction__content,.story-detail .header-image--media-above-text .header-image__introduction .page-header__content,.story-detail .page-header--with-date__content,.story-detail .page-header--with-date .page-header__content,.story-detail .page-header--with-content__content,.story-detail .page-header--with-content .page-header__content,.news-detail .header-image--media-above-text .header-image__introduction__content,.news-detail .header-image--media-above-text .header-image__introduction .page-header__content,.news-detail .page-header--with-date__content,.news-detail .page-header--with-date .page-header__content,.news-detail .page-header--with-content__content,.news-detail .page-header--with-content .page-header__content,.basic-page .header-image--media-above-text .header-image__introduction__content,.basic-page .header-image--media-above-text .header-image__introduction .page-header__content,.basic-page .page-header--with-date__content,.basic-page .page-header--with-date .page-header__content,.basic-page .page-header--with-content__content,.basic-page .page-header--with-content .page-header__content {
grid-area: content;
}
}
.story-detail .header-image--media-above-text .header-image__introduction h1,.story-detail .header-image--media-above-text .header-image__introduction h2,.story-detail .header-image--media-above-text .header-image__introduction .page-header__intro,.story-detail .page-header--with-date h1,.story-detail .page-header--with-date h2,.story-detail .page-header--with-date .page-header__intro,.story-detail .page-header--with-content h1,.story-detail .page-header--with-content h2,.story-detail .page-header--with-content .page-header__intro,.news-detail .header-image--media-above-text .header-image__introduction h1,.news-detail .header-image--media-above-text .header-image__introduction h2,.news-detail .header-image--media-above-text .header-image__introduction .page-header__intro,.news-detail .page-header--with-date h1,.news-detail .page-header--with-date h2,.news-detail .page-header--with-date .page-header__intro,.news-detail .page-header--with-content h1,.news-detail .page-header--with-content h2,.news-detail .page-header--with-content .page-header__intro,.basic-page .header-image--media-above-text .header-image__introduction h1,.basic-page .header-image--media-above-text .header-image__introduction h2,.basic-page .header-image--media-above-text .header-image__introduction .page-header__intro,.basic-page .page-header--with-date h1,.basic-page .page-header--with-date h2,.basic-page .page-header--with-date .page-header__intro,.basic-page .page-header--with-content h1,.basic-page .page-header--with-content h2,.basic-page .page-header--with-content .page-header__intro {
padding: 0;
}
.story-detail .header-image--media-above-text .header-image__introduction h1,.story-detail .page-header--with-date h1,.story-detail .page-header--with-content h1,.news-detail .header-image--media-above-text .header-image__introduction h1,.news-detail .page-header--with-date h1,.news-detail .page-header--with-content h1,.basic-page .header-image--media-above-text .header-image__introduction h1,.basic-page .page-header--with-date h1,.basic-page .page-header--with-content h1 {
margin-top: 0;
}
.story-detail .header-image--media-above-text .header-image__introduction h4,.story-detail .header-image--media-above-text .header-image__introduction .field--name-field-location p,.story-detail .page-header--with-date h4,.story-detail .page-header--with-date .field--name-field-location p,.story-detail .page-header--with-content h4,.story-detail .page-header--with-content .field--name-field-location p,.news-detail .header-image--media-above-text .header-image__introduction h4,.news-detail .header-image--media-above-text .header-image__introduction .field--name-field-location p,.news-detail .page-header--with-date h4,.news-detail .page-header--with-date .field--name-field-location p,.news-detail .page-header--with-content h4,.news-detail .page-header--with-content .field--name-field-location p,.basic-page .header-image--media-above-text .header-image__introduction h4,.basic-page .header-image--media-above-text .header-image__introduction .field--name-field-location p,.basic-page .page-header--with-date h4,.basic-page .page-header--with-date .field--name-field-location p,.basic-page .page-header--with-content h4,.basic-page .page-header--with-content .field--name-field-location p {
width: 100%;
max-width: 67rem;
font-family: var(--font-family-faktum-wide);
letter-spacing: var(--h4-letter-spacing);
color: var(--color-neutral-300);
margin-block-start: 1.6rem;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 2.7rem;
}
@media (min-width: 768px) {
.story-detail .header-image--media-above-text .header-image__introduction h4,.story-detail .header-image--media-above-text .header-image__introduction .field--name-field-location p,.story-detail .page-header--with-date h4,.story-detail .page-header--with-date .field--name-field-location p,.story-detail .page-header--with-content h4,.story-detail .page-header--with-content .field--name-field-location p,.news-detail .header-image--media-above-text .header-image__introduction h4,.news-detail .header-image--media-above-text .header-image__introduction .field--name-field-location p,.news-detail .page-header--with-date h4,.news-detail .page-header--with-date .field--name-field-location p,.news-detail .page-header--with-content h4,.news-detail .page-header--with-content .field--name-field-location p,.basic-page .header-image--media-above-text .header-image__introduction h4,.basic-page .header-image--media-above-text .header-image__introduction .field--name-field-location p,.basic-page .page-header--with-date h4,.basic-page .page-header--with-date .field--name-field-location p,.basic-page .page-header--with-content h4,.basic-page .page-header--with-content .field--name-field-location p {
font-size: 2.4rem;
line-height: 3rem;
}
}
.story-detail .header-image--media-above-text .header-image__introduction h4 br,.story-detail .header-image--media-above-text .header-image__introduction .field--name-field-location p br,.story-detail .page-header--with-date h4 br,.story-detail .page-header--with-date .field--name-field-location p br,.story-detail .page-header--with-content h4 br,.story-detail .page-header--with-content .field--name-field-location p br,.news-detail .header-image--media-above-text .header-image__introduction h4 br,.news-detail .header-image--media-above-text .header-image__introduction .field--name-field-location p br,.news-detail .page-header--with-date h4 br,.news-detail .page-header--with-date .field--name-field-location p br,.news-detail .page-header--with-content h4 br,.news-detail .page-header--with-content .field--name-field-location p br,.basic-page .header-image--media-above-text .header-image__introduction h4 br,.basic-page .header-image--media-above-text .header-image__introduction .field--name-field-location p br,.basic-page .page-header--with-date h4 br,.basic-page .page-header--with-date .field--name-field-location p br,.basic-page .page-header--with-content h4 br,.basic-page .page-header--with-content .field--name-field-location p br {
display: none;
}
.story-detail .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: -webkit-any(.locality,.country)),.story-detail .page-header--with-date .field--name-field-location span: not(: -webkit-any(.locality,.country)),.story-detail .page-header--with-content .field--name-field-location span: not(: -webkit-any(.locality,.country)),.news-detail .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: -webkit-any(.locality,.country)),.news-detail .page-header--with-date .field--name-field-location span: not(: -webkit-any(.locality,.country)),.news-detail .page-header--with-content .field--name-field-location span: not(: -webkit-any(.locality,.country)),.basic-page .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: -webkit-any(.locality,.country)),.basic-page .page-header--with-date .field--name-field-location span: not(: -webkit-any(.locality,.country)),.basic-page .page-header--with-content .field--name-field-location span: not(: -webkit-any(.locality,.country)) {
display: none;
}
.story-detail .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: -moz-any(.locality,.country)),.story-detail .page-header--with-date .field--name-field-location span: not(: -moz-any(.locality,.country)),.story-detail .page-header--with-content .field--name-field-location span: not(: -moz-any(.locality,.country)),.news-detail .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: -moz-any(.locality,.country)),.news-detail .page-header--with-date .field--name-field-location span: not(: -moz-any(.locality,.country)),.news-detail .page-header--with-content .field--name-field-location span: not(: -moz-any(.locality,.country)),.basic-page .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: -moz-any(.locality,.country)),.basic-page .page-header--with-date .field--name-field-location span: not(: -moz-any(.locality,.country)),.basic-page .page-header--with-content .field--name-field-location span: not(: -moz-any(.locality,.country)) {
display: none;
}
.story-detail .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: is(.locality,.country)),.story-detail .page-header--with-date .field--name-field-location span: not(: is(.locality,.country)),.story-detail .page-header--with-content .field--name-field-location span: not(: is(.locality,.country)),.news-detail .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: is(.locality,.country)),.news-detail .page-header--with-date .field--name-field-location span: not(: is(.locality,.country)),.news-detail .page-header--with-content .field--name-field-location span: not(: is(.locality,.country)),.basic-page .header-image--media-above-text .header-image__introduction .field--name-field-location span: not(: is(.locality,.country)),.basic-page .page-header--with-date .field--name-field-location span: not(: is(.locality,.country)),.basic-page .page-header--with-content .field--name-field-location span: not(: is(.locality,.country)) {
display: none;
}
.story-detail .header-image--media-above-text .header-image__introduction .field--name-field-location .locality: after,.story-detail .page-header--with-date .field--name-field-location .locality: after,.story-detail .page-header--with-content .field--name-field-location .locality: after,.news-detail .header-image--media-above-text .header-image__introduction .field--name-field-location .locality: after,.news-detail .page-header--with-date .field--name-field-location .locality: after,.news-detail .page-header--with-content .field--name-field-location .locality: after,.basic-page .header-image--media-above-text .header-image__introduction .field--name-field-location .locality: after,.basic-page .page-header--with-date .field--name-field-location .locality: after,.basic-page .page-header--with-content .field--name-field-location .locality: after {
content: ",";
}
.story-detail .header-image--media-above-text .header-image__introduction .page-header__intro p,.story-detail .page-header--with-date .page-header__intro p,.story-detail .page-header--with-content .page-header__intro p,.news-detail .header-image--media-above-text .header-image__introduction .page-header__intro p,.news-detail .page-header--with-date .page-header__intro p,.news-detail .page-header--with-content .page-header__intro p,.basic-page .header-image--media-above-text .header-image__introduction .page-header__intro p,.basic-page .page-header--with-date .page-header__intro p,.basic-page .page-header--with-content .page-header__intro p {
color: var(--color-neutral-300);
font-family: var(--font-family-faktum-wide);
}
@media (min-width: 1024px) {
.story-detail .header-image--media-above-text .header-image__introduction .page-header__intro p,.story-detail .page-header--with-date .page-header__intro p,.story-detail .page-header--with-content .page-header__intro p,.news-detail .header-image--media-above-text .header-image__introduction .page-header__intro p,.news-detail .page-header--with-date .page-header__intro p,.news-detail .page-header--with-content .page-header__intro p,.basic-page .header-image--media-above-text .header-image__introduction .page-header__intro p,.basic-page .page-header--with-date .page-header__intro p,.basic-page .page-header--with-content .page-header__intro p {
font-weight: var(--font-weight-medium);
}
}
.story-detail .header--no-image .page-header__intro p: first-child,.news-detail .header--no-image .page-header__intro p: first-child,.basic-page .header--no-image .page-header__intro p: first-child {
font-family: var(--font-family-faktum-wide);
color: var(--color-neutral-500);
margin-block-start: max(1.6rem,min(4vw,3.2rem));
margin-block-end: 3.2rem;
font-size: max(1.8rem,min(4vw,2rem));
}
.basic-page--blue-header .page-header,.page-header--blue {
background-color: var(--color-lighter-blue);
padding: 3.2rem 0 0;
}
@media (min-width: 1024px) {
.basic-page--blue-header .page-header,.page-header--blue {
padding: 6.4rem 0;
}
}
.basic-page--blue-header .page-header .page-header__wrapper,.page-header--blue .page-header__wrapper {
gap: 3.2rem;
margin-bottom: 0;
display: grid;
}
@media (min-width: 1024px) {
.basic-page--blue-header .page-header .page-header__wrapper,.page-header--blue .page-header__wrapper {
grid-template-columns: repeat(2,1fr);
gap: 6.4rem;
}
}
@media (min-width: 1440px) {
.basic-page--blue-header .page-header .page-header__wrapper,.page-header--blue .page-header__wrapper {
grid-template-columns: 1fr 47rem;
gap: 13rem;
}
}
.basic-page--blue-header .page-header .page-header__text ul,.page-header--blue .page-header__text ul {
margin: 1.6rem auto;
}
.basic-page--blue-header .page-header .page-header__intro,.page-header--blue .page-header__intro {
max-width: 47rem;
}
.basic-page--blue-header .page-header .page-header__media,.page-header--blue .page-header__media {
align-self: center;
margin: 0 -1.6rem;
}
.basic-page--blue-header .page-header .page-header__media video,.page-header--blue .page-header__media video {
max-height: 36.3rem;
}
@media (min-width: 1024px) {
.basic-page--blue-header .page-header .page-header__media,.page-header--blue .page-header__media {
margin: 0;
}
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title,.story-detail .header--skewed-image-under-title,.news-detail .header--skewed-image-under-title {
grid-template-rows: 3.2rem 1fr;
grid-template-columns: 8.6rem 60% 1fr;
display: grid;
}
@media (min-width: 1024px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title,.story-detail .header--skewed-image-under-title,.news-detail .header--skewed-image-under-title {
width: min(100% - 6.4rem,var(--container-max-width));
margin: 3rem auto 11.4rem;
}
}
@media (min-width: 1440px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title,.story-detail .header--skewed-image-under-title,.news-detail .header--skewed-image-under-title {
grid-template-rows: 4.6rem 1fr;
grid-template-columns: 10.3rem 1fr 1fr;
}
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__image,.story-detail .header--skewed-image-under-title__image,.news-detail .header--skewed-image-under-title__image {
grid-area: 1/1/-1/-1;
}
@media (min-width: 1024px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title__image,.story-detail .header--skewed-image-under-title__image,.news-detail .header--skewed-image-under-title__image {
grid-area: 2/2/end/end;
}
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content,.story-detail .header--skewed-image-under-title__content,.news-detail .header--skewed-image-under-title__content {
z-index: 2;
grid-area: 1/1/-1/-1;
padding: 2.4rem 1.2rem;
position: relative;
}
@media (min-width: 1024px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content,.story-detail .header--skewed-image-under-title__content,.news-detail .header--skewed-image-under-title__content {
grid-area: 1/1/end/3;
padding: 0;
}
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content h1,.story-detail .header--skewed-image-under-title__content h1,.news-detail .header--skewed-image-under-title__content h1 {
font-family: var(--font-family-faktum);
color: var(--color-primary-300);
font-size: max(6.4rem,min(10vw,12rem));
font-weight: 500;
line-height: .95;
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content h2,.story-detail .header--skewed-image-under-title__content h2,.news-detail .header--skewed-image-under-title__content h2 {
color: var(--color-primary-700);
font-size: max(2rem,min(4vw,4.8rem));
line-height: 1.3;
}
.page-intro-to-large {
padding: 0 var(--container-padding-h-mobile) 2.3rem var(--container-padding-h-mobile);
}
@media (min-width: 768px) {
.page-intro-to-large {
padding: 0 4.5rem 3.6rem;
}
}
@media (min-width: 1280px) {
.page-intro-to-large {
padding: 0 0 3.6rem 4.5rem;
}
}
@media (min-width: 1441px) {
.page-intro-to-large {
max-width: 120rem;
padding: 0 var(--container-padding-h) 4.5rem var(--container-padding-h);
margin: auto;
}
}
.page-intro-to-large .page-header__intro,.page-intro-to-large h1 {
max-width: 67rem;
}
.page-intro-to-large .page-header__intro p {
line-height: 1.5;
}
.hide-scrollbars {
-ms-overflow-style: none;
scrollbar-width: none;
}
.hide-scrollbars: : -webkit-scrollbar {
display: none;
}
.skeleton {
--padding: 3.2rem 1.4rem;
--title-color: #d7dbe0;
--kicker-color: var(--color-neutral-100);
--sub-color: var(--color-neutral-100);
--image-ratio: 1 / 1;
--image-background: var(--color-neutral-100);
--button-color: var(--color-neutral-100);
--button-color--dark: #d7dbe0;
--bullet-color: var(--color-neutral-100);
--bullet-color--dark: #d7dbe0;
--square-color: var(--color-neutral-100);
--animation: skeleton-load .8s infinite alternate ease-in-out;
animation: var(--animation);
padding: var(--padding);
pointer-events: none;
}
.skeleton .mt-0 {
margin-top: 0;
}
.skeleton .mb-0 {
margin-bottom: 0;
}
.skeleton .mt-1 {
margin-top: 1.6rem;
}
.skeleton__title,.skeleton__kicker,.skeleton__sub {
border-radius: .2rem;
width: min(100%,19.5rem);
height: 1.6rem;
margin-block-start: .4rem;
margin-block-end: .4rem;
}
.skeleton__title {
background-color: var(--title-color);
}
.skeleton__title.small {
width: min(100%,5.5rem);
}
.skeleton__kicker {
background-color: var(--kicker-color);
width: min(100%,4.8rem);
}
.skeleton__sub {
background-color: var(--sub-color);
width: min(100%,10.8rem);
}
.skeleton__sub.small {
width: min(100%,7.8rem);
}
.skeleton__sub.full {
width: 100%;
}
.skeleton__image {
background-color: var(--image-background);
width: 100%;
aspect-ratio: var(--image-ratio);
border-radius: .4rem;
}
.skeleton__square {
aspect-ratio: 1;
background-color: var(--square-color);
border-radius: .5rem;
width: 3.5rem;
}
.skeleton__button {
background-color: var(--button-color);
border-radius: 4rem;
width: min(100%,19.8rem);
height: 3.5rem;
}
.skeleton__button.dark {
background-color: var(--button-color--dark);
}
.skeleton__bullet {
background-color: var(--bullet-color);
border-radius: 4rem;
width: min(100%,2.8rem);
height: 1.6rem;
}
.skeleton__bullet.dark {
background-color: var(--bullet-color--dark);
}
.skeleton__dealer-icon {
background-color: var(--title-color);
width: 11rem;
height: 3.5rem;
}
.skeleton__slim {
background-color: var(--title-color);
border-radius: .2rem;
width: 5.5rem;
height: 1rem;
margin-block-start: .8rem;
margin-block-end: .8rem;
}
.skeleton__slim.large {
width: 15.8rem;
}
@keyframes skeleton-load {
0% {
opacity: 1;
}
to {
opacity: .5;
}
}
.contact-point.skeleton {
--padding: 0;
}
.skeleton--dealer-search-result .dealer-search-result__logo {
border: none;
}
.skeleton--dealer-marker {
grid-area: 1/1/-1/-1;
grid-template-columns: subgrid;
grid-template-rows: subgrid;
}
.skeleton--dealer-marker .product-icons {
gap: .8rem;
}
.media.skeleton {
--color: #d7dbe0;
}
.media.skeleton .icon-button-download {
background-color: var(--color);
border: none;
}
.media.skeleton .media--download--list .skeleton__kicker: first-child,.media.skeleton .media--download--list .skeleton__sub.small {
display: none;
}
.media.skeleton .media--download--list .skeleton__title {
margin-top: 0;
}
.media.skeleton .media--download--list .skeleton__sub {
margin-bottom: 0;
}
.media.skeleton .media--download--list .media--download__media {
aspect-ratio: 1;
background-color: var(--color);
border-radius: .4rem;
width: 8rem;
}
.product-card.skeleton {
--padding: 0;
--image-ratio: 200 / 222;
}
.skeleton.skeleton--teaser {
--image-ratio: 552 / 320;
}
.general-search-result.skeleton .skeleton__image {
width: 6.4rem;
}
.general-search-result.skeleton .general-search-result__bullets {
gap: .8rem;
}
.skeleton.teaser--page-search-block .skeleton__sub {
margin-top: 3.2rem;
}
.header-image--text-on-image,.header-blue,.header-media {
--image-min-height: 32.3rem;
}
.header-image--text-on-image.has-header-block,.header-blue.has-header-block,.header-media.has-header-block {
--block-padding: 3.2rem 1.6rem;
grid-template-rows: 40.3rem auto auto;
display: grid;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block,.header-blue.has-header-block,.header-media.has-header-block {
--block-padding: 3.2rem;
grid-template-rows: minmax(var(--image-min-height),auto) auto;
}
}
.header-image--text-on-image.has-header-block .media: before,.header-blue.has-header-block .media: before,.header-media.has-header-block .media: before {
height: unset;
}
.basic-page--blue-header .header-image--text-on-image.has-header-block,.basic-page--blue-header .header-blue.has-header-block,.basic-page--blue-header .header-media.has-header-block {
--image-min-height: 34.7rem;
background-color: #0000;
padding: 0;
}
.header-image--text-on-image.has-header-block .header-image__sticker,.header-blue.has-header-block .header-image__sticker,.header-media.has-header-block .header-image__sticker {
z-index: 1;
grid-area: 1/1/2/-1;
}
.header-image--text-on-image.has-header-block .field--name-field-header-image,.header-image--text-on-image.has-header-block .blue-background,.header-blue.has-header-block .field--name-field-header-image,.header-blue.has-header-block .blue-background,.header-media.has-header-block .field--name-field-header-image,.header-media.has-header-block .blue-background {
grid-area: 1/1/2/-1;
position: relative;
overflow: clip;
}
.header-image--text-on-image.has-header-block .field--name-field-header-image .media,.header-image--text-on-image.has-header-block .blue-background .media,.header-blue.has-header-block .field--name-field-header-image .media,.header-blue.has-header-block .blue-background .media,.header-media.has-header-block .field--name-field-header-image .media,.header-media.has-header-block .blue-background .media {
position: static;
}
.header-image--text-on-image.has-header-block .field--name-field-header-image .media: before,.header-image--text-on-image.has-header-block .blue-background .media: before,.header-blue.has-header-block .field--name-field-header-image .media: before,.header-blue.has-header-block .blue-background .media: before,.header-media.has-header-block .field--name-field-header-image .media: before,.header-media.has-header-block .blue-background .media: before {
height: unset;
}
.header-image--text-on-image.has-header-block .field--name-field-header-image img,.header-image--text-on-image.has-header-block .blue-background img,.header-blue.has-header-block .field--name-field-header-image img,.header-blue.has-header-block .blue-background img,.header-media.has-header-block .field--name-field-header-image img,.header-media.has-header-block .blue-background img {
height: 100%;
position: absolute;
}
.header-image--text-on-image.has-header-block .blue-background,.header-blue.has-header-block .blue-background,.header-media.has-header-block .blue-background {
background-color: var(--color-lighter-blue);
height: 100%;
}
.header-image--text-on-image.has-header-block .header-image__title-wrapper,.header-blue.has-header-block .header-image__title-wrapper,.header-media.has-header-block .header-image__title-wrapper {
margin-block-start: 1.6rem;
}
.header-image--text-on-image.has-header-block .header-image__inner,.header-blue.has-header-block .header-image__inner,.header-media.has-header-block .header-image__inner {
grid-area: 1/1/4/-1;
grid-template-rows: subgrid;
padding: unset;
grid-template-columns: auto minmax(auto,43.7rem);
gap: 0 2rem;
display: grid;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .header-image__inner,.header-blue.has-header-block .header-image__inner,.header-media.has-header-block .header-image__inner {
grid-row: 1/3;
padding: 0 4.5rem 3.6rem;
}
}
.header-image--text-on-image.has-header-block .page-header__left,.header-blue.has-header-block .page-header__left,.header-media.has-header-block .page-header__left {
max-width: unset;
grid-area: 1/1/2/-1;
align-self: end;
padding-block-start: 3.2rem;
padding-block-end: 3.2rem;
padding-inline-start: 1.6rem;
padding-inline-end: 1.6rem;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .page-header__left,.header-blue.has-header-block .page-header__left,.header-media.has-header-block .page-header__left {
grid-column: unset;
padding-inline: unset;
}
}
.header-image--text-on-image.has-header-block .page-header__left: has(.field--name-field-header-tag) {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: start;
display: flex;
}
.header-image--text-on-image.has-header-block .page-header__left: has(.header-image__sticker) {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: start;
display: flex;
}
.header-blue.has-header-block .page-header__left: has(.field--name-field-header-tag) {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: start;
display: flex;
}
.header-blue.has-header-block .page-header__left: has(.header-image__sticker) {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: start;
display: flex;
}
.header-media.has-header-block .page-header__left: has(.field--name-field-header-tag) {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: start;
display: flex;
}
.header-media.has-header-block .page-header__left: has(.header-image__sticker) {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: start;
display: flex;
}
.header-image--text-on-image.has-header-block .page-header__left h1,.header-blue.has-header-block .page-header__left h1,.header-media.has-header-block .page-header__left h1 {
color: var(--color-white);
margin-block-start: 1.6rem;
}
.header-image--text-on-image.has-header-block .page-header__right,.header-blue.has-header-block .page-header__right,.header-media.has-header-block .page-header__right {
background-color: var(--header-webform-background);
border-radius: var(--header-webform-border-radius);
border: .1rem solid var(--color-neutral-100);
order: 3;
grid-area: 3/span 2/4;
align-self: start;
width: 100%;
padding-left: 0;
position: relative;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .page-header__right,.header-blue.has-header-block .page-header__right,.header-media.has-header-block .page-header__right {
box-shadow: var(--header-webform-box-shadow);
border: unset;
grid-row: 1/-1;
grid-column: unset;
order: unset;
margin-block-start: 6.4rem;
margin-block-end: 6.4rem;
}
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform,.header-blue.has-header-block .page-header__right .block-webform,.header-media.has-header-block .page-header__right .block-webform {
padding: 0;
margin: 0;
padding-block-start: 1.6rem;
overflow: clip;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform>h2,.header-blue.has-header-block .page-header__right .block-webform>h2,.header-media.has-header-block .page-header__right .block-webform>h2 {
color: var(--color-primary-400);
font-family: var(--font-family-faktum-wide);
text-align: center;
font-weight: 500;
font-size: var(--h4-font-size-mobile);
padding: 0 .8rem .8rem;
display: block;
}
@media (min-width: 768px) {
.header-image--text-on-image.has-header-block .page-header__right .block-webform>h2,.header-blue.has-header-block .page-header__right .block-webform>h2,.header-media.has-header-block .page-header__right .block-webform>h2 {
font-size: var(--h4-font-size);
}
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform .progress-step,.header-blue.has-header-block .page-header__right .block-webform .progress-step,.header-media.has-header-block .page-header__right .block-webform .progress-step {
font-size: var(--small-text-font-size);
flex-wrap: wrap;
justify-content: center;
gap: .4rem;
display: flex;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform .progress-step .progress-text,.header-blue.has-header-block .page-header__right .block-webform .progress-step .progress-text,.header-media.has-header-block .page-header__right .block-webform .progress-step .progress-text {
gap: .4rem;
display: flex;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform .progress-step .progress-text: before,.header-blue.has-header-block .page-header__right .block-webform .progress-step .progress-text: before,.header-media.has-header-block .page-header__right .block-webform .progress-step .progress-text: before {
content: "-";
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform form,.header-blue.has-header-block .page-header__right .block-webform form,.header-media.has-header-block .page-header__right .block-webform form {
padding-bottom: unset;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-wrapper,.header-blue.has-header-block .page-header__right .block-webform form>.form-wrapper,.header-media.has-header-block .page-header__right .block-webform form>.form-wrapper {
margin: 0;
padding: 3.2rem 1.6rem 0;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-wrapper,.header-blue.has-header-block .page-header__right .block-webform form>.form-wrapper,.header-media.has-header-block .page-header__right .block-webform form>.form-wrapper {
padding: var(--block-padding) var(--block-padding) 0;
}
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions,.header-blue.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions,.header-media.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions {
padding: 0 1.6rem 3.2rem;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions,.header-blue.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions,.header-media.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions {
padding: 0 var(--block-padding) var(--block-padding);
}
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions .button,.header-blue.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions .button,.header-media.has-header-block .page-header__right .block-webform form>.form-wrapper.form-actions .button {
margin-top: 1.6rem;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-item,.header-blue.has-header-block .page-header__right .block-webform form>.form-item,.header-media.has-header-block .page-header__right .block-webform form>.form-item {
width: calc(100% - 3.2rem);
margin-inline-start: auto;
margin-inline-end: auto;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-item,.header-blue.has-header-block .page-header__right .block-webform form>.form-item,.header-media.has-header-block .page-header__right .block-webform form>.form-item {
width: calc(100% - 6.4rem);
}
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform form>.form-item: first-child,.header-blue.has-header-block .page-header__right .block-webform form>.form-item: first-child,.header-media.has-header-block .page-header__right .block-webform form>.form-item: first-child {
padding-block-start: 3.2rem;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform .js-form-wrapper .form-item-webform-markup: first-child,.header-blue.has-header-block .page-header__right .block-webform .js-form-wrapper .form-item-webform-markup: first-child,.header-media.has-header-block .page-header__right .block-webform .js-form-wrapper .form-item-webform-markup: first-child {
margin-top: unset;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform .webform-confirmation,.header-blue.has-header-block .page-header__right .block-webform .webform-confirmation,.header-media.has-header-block .page-header__right .block-webform .webform-confirmation {
padding: 3.2rem 3.2rem 1.6rem;
}
.header-image--text-on-image.has-header-block .page-header__right .block-webform .webform-flexbox,.header-blue.has-header-block .page-header__right .block-webform .webform-flexbox,.header-media.has-header-block .page-header__right .block-webform .webform-flexbox {
margin: 1em 0;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress,.header-blue.has-header-block .page-header__right .webform-progress,.header-media.has-header-block .page-header__right .webform-progress {
text-align: center;
border-bottom: .1rem solid var(--color-neutral-200);
padding: 0 3.2rem 1.6rem;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress>ul,.header-blue.has-header-block .page-header__right .webform-progress>ul,.header-media.has-header-block .page-header__right .webform-progress>ul {
justify-content: space-between;
align-items: center;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress>ul *,.header-blue.has-header-block .page-header__right .webform-progress>ul *,.header-media.has-header-block .page-header__right .webform-progress>ul * {
white-space: normal;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress .prev,.header-image--text-on-image.has-header-block .page-header__right .webform-progress .next,.header-blue.has-header-block .page-header__right .webform-progress .prev,.header-blue.has-header-block .page-header__right .webform-progress .next,.header-media.has-header-block .page-header__right .webform-progress .prev,.header-media.has-header-block .page-header__right .webform-progress .next {
cursor: pointer;
border: .1rem solid var(--color-neutral-100);
aspect-ratio: 1;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.2rem;
padding: 0;
display: flex;
box-shadow: 0 .1rem .8rem #0000001f;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress .prev.disabled,.header-image--text-on-image.has-header-block .page-header__right .webform-progress .next.disabled,.header-blue.has-header-block .page-header__right .webform-progress .prev.disabled,.header-blue.has-header-block .page-header__right .webform-progress .next.disabled,.header-media.has-header-block .page-header__right .webform-progress .prev.disabled,.header-media.has-header-block .page-header__right .webform-progress .next.disabled {
box-shadow: unset;
cursor: default;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress .prev.disabled svg path,.header-image--text-on-image.has-header-block .page-header__right .webform-progress .next.disabled svg path,.header-blue.has-header-block .page-header__right .webform-progress .prev.disabled svg path,.header-blue.has-header-block .page-header__right .webform-progress .next.disabled svg path,.header-media.has-header-block .page-header__right .webform-progress .prev.disabled svg path,.header-media.has-header-block .page-header__right .webform-progress .next.disabled svg path {
fill: var(--color-neutral-200);
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress .prev,.header-blue.has-header-block .page-header__right .webform-progress .prev,.header-media.has-header-block .page-header__right .webform-progress .prev {
rotate: 180deg;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress .progress-step,.header-blue.has-header-block .page-header__right .webform-progress .progress-step,.header-media.has-header-block .page-header__right .webform-progress .progress-step {
border-bottom: unset;
padding-bottom: 0;
}
.header-image--text-on-image.has-header-block .page-header__right .webform-progress .progress-step: not(.is-active),.header-blue.has-header-block .page-header__right .webform-progress .progress-step: not(.is-active),.header-media.has-header-block .page-header__right .webform-progress .progress-step: not(.is-active) {
opacity: 0;
pointer-events: none;
position: absolute;
left: -999em;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .page-header__right: has(.page-header__block--customer-portal-login-register,.block-latest-opportunities) {
margin-block-start: calc(var(--image-min-height) / 2);
}
.header-blue.has-header-block .page-header__right: has(.page-header__block--customer-portal-login-register,.block-latest-opportunities) {
margin-block-start: calc(var(--image-min-height) / 2);
}
.header-media.has-header-block .page-header__right: has(.page-header__block--customer-portal-login-register,.block-latest-opportunities) {
margin-block-start: calc(var(--image-min-height) / 2);
}
}
.header-image--text-on-image.has-header-block .page-header__intro,.header-blue.has-header-block .page-header__intro,.header-media.has-header-block .page-header__intro {
max-width: unset;
margin-top: unset;
color: var(--color-neutral-300);
grid-area: 2/1/3/-1;
align-self: start;
padding-block-start: 5.6rem;
padding-block-end: 5.6rem;
padding-inline-start: 1.6rem;
padding-inline-end: 1.6rem;
line-height: 1.5;
}
@media (min-width: 1024px) {
.header-image--text-on-image.has-header-block .page-header__intro,.header-blue.has-header-block .page-header__intro,.header-media.has-header-block .page-header__intro {
padding-inline: unset;
grid-column: unset;
grid-row: unset;
}
}
.header-image--text-on-image.has-header-block .page-header__intro: has(.page-header__intro) {
justify-items: start;
gap: 1.6rem;
display: grid;
}
.header-blue.has-header-block .page-header__intro: has(.page-header__intro) {
justify-items: start;
gap: 1.6rem;
display: grid;
}
.header-media.has-header-block .page-header__intro: has(.page-header__intro) {
justify-items: start;
gap: 1.6rem;
display: grid;
}
.header-image--text-on-image.has-header-block .page-header__intro .page-header__intro,.header-blue.has-header-block .page-header__intro .page-header__intro,.header-media.has-header-block .page-header__intro .page-header__intro {
padding-inline: unset;
padding-block: unset;
}
.header-image--text-on-image.has-header-block .page-header__intro ul,.header-blue.has-header-block .page-header__intro ul,.header-media.has-header-block .page-header__intro ul {
--list-square-text-color: var(--color-neutral-300);
}
.header-blue.has-header-block .page-header__left h1 {
color: var(--color-primary-400);
}
header .field--name-field-header-tag {
color: var(--color-white);
background-color: var(--color-accent-02);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
border-radius: .8rem;
padding: .8rem 1.6rem;
display: inline-block;
}
.grid-teaser {
--cp-number-bg: var(--color-primary-400);
--cp-number-color: var(--color-white);
--cp-image-bg: var(--color-secondary-100);
--cp-description-color: var(--color-neutral-300);
--cp-cta-hover-color: var(--color-secondary-400);
--cp-cta-border-color: var(--link-color);
--cp-card-bg: var(--color-lighter-blue);
--gap: 1.6rem;
gap: var(--gap);
height: 100%;
font-family: var(--font-family-faktum);
flex-direction: column;
display: flex;
position: relative;
}
.grid-teaser: hover .grid-teaser__link__cta {
--button-color: var(--cp-cta-hover-color);
}
.grid-teaser__number {
display: flex;
}
.grid-teaser__number: before {
background-color: var(--cp-number-bg);
min-width: 2.4rem;
height: 2.4rem;
color: var(--cp-number-color);
border-radius: 2rem;
justify-content: center;
align-items: center;
display: flex;
}
.grid-teaser__image {
background-color: var(--cp-image-bg);
}
.grid-teaser__image .media__copyright {
display: none;
}
.grid-teaser__content {
flex: auto;
gap: .8rem;
display: grid;
}
.grid-teaser__content__description {
color: var(--cp-description-color);
margin: 0;
}
.grid-teaser__link {
display: flex;
}
.grid-teaser__link a {
text-indent: -999em;
white-space: nowrap;
color: #0000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.grid-teaser__link__cta {
display: none;
}
.grid-teaser__link__cta.button--link {
display: block;
}
.grid-teaser__link__cta.button--secondary {
--button-padding: .4rem 1.2rem;
--button-font-size: 1.2rem;
--button-border-color: var(--cp-cta-border-color);
}
.block-inline-blockgrid.hide-images .grid-teaser,.block-content-grid.hide-images .grid-teaser {
--gap: 1.6rem;
padding: var(--gap);
background-color: var(--cp-card-bg);
border-radius: .8rem;
}
@media (min-width: 768px) {
.block-inline-blockgrid.hide-images .grid-teaser,.block-content-grid.hide-images .grid-teaser {
--gap: 3.2rem;
}
}
.block-inline-blockgrid.hide-images .grid-teaser__image,.block-content-grid.hide-images .grid-teaser__image,.block-inline-blockgrid.hide-numbers .grid-teaser__number,.block-content-grid.hide-numbers .grid-teaser__number,.block-inline-blockgrid.hide-links .grid-teaser__link__cta,.block-content-grid.hide-links .grid-teaser__link__cta {
display: none;
}
.block-inline-blockgrid.link-style-cta: not(.has-global-cta) .grid-teaser__link__cta.button--secondary,.block-content-grid.link-style-cta: not(.has-global-cta) .grid-teaser__link__cta.button--secondary {
display: block;
}
.block-inline-blockgrid.link-style-cta: not(.has-global-cta) .grid-teaser__link__cta.button--link,.block-content-grid.link-style-cta: not(.has-global-cta) .grid-teaser__link__cta.button--link {
display: none;
}
.fc-theme-standard {
padding: 0 var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.fc-theme-standard {
padding: 0 var(--container-padding-h);
}
}
.fc-theme-standard .fc-view-harness {
max-height: 80rem;
overflow-y: auto;
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar {
margin-bottom: 1.6rem;
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
font-size: 2rem;
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar button {
border: 1px solid var(--color-neutral-100);
background-color: #0000;
width: 3.6rem;
height: 3.2rem;
transition: border-color .3s;
position: relative;
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar button: hover,.fc-theme-standard .fc-toolbar.fc-header-toolbar button: focus {
border-color: var(--color-secondary-200);
background-color: #0000;
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar button: hover: after,.fc-theme-standard .fc-toolbar.fc-header-toolbar button: focus: after {
background-color: var(--color-secondary-200);
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar button span,.fc-theme-standard .fc-toolbar.fc-header-toolbar button: before {
display: none;
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar button: after {
content: "";
background-color: var(--color-black);
width: 1.2rem;
height: 1rem;
transition: background-color .3s;
display: block;
position: absolute;
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
transform: translate(-50%,-50%);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M6.85395%200.0720215L5.81795%201.10802L9.72395%204.46802L7.21795%204.31402H0.371948V5.71402L7.21795%205.70002L9.70995%205.53202L5.80395%208.89202L6.83995%209.92802L11.6279%205.14002V4.84602L6.85395%200.0720215Z'%20fill='%23002B5B'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M6.85395%200.0720215L5.81795%201.10802L9.72395%204.46802L7.21795%204.31402H0.371948V5.71402L7.21795%205.70002L9.70995%205.53202L5.80395%208.89202L6.83995%209.92802L11.6279%205.14002V4.84602L6.85395%200.0720215Z'%20fill='%23002B5B'/%3e%3c/svg%3e");
-webkit-mask-size: 1.2rem 1rem;
mask-size: 1.2rem 1rem;
}
.fc-theme-standard .fc-toolbar.fc-header-toolbar button.fc-prev-button: after {
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%3e%3cpolygon%20fill='%23002B5B'%20points='6.482%200%205.446%201.036%209.352%204.396%206.846%204.242%200%204.242%200%205.642%206.846%205.628%209.338%205.46%205.432%208.82%206.468%209.856%2011.256%205.068%2011.256%204.774'%20transform='rotate(-180%205.814%204.964)'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%3e%3cpolygon%20fill='%23002B5B'%20points='6.482%200%205.446%201.036%209.352%204.396%206.846%204.242%200%204.242%200%205.642%206.846%205.628%209.338%205.46%205.432%208.82%206.468%209.856%2011.256%205.068%2011.256%204.774'%20transform='rotate(-180%205.814%204.964)'/%3e%3c/svg%3e");
}
.fc-theme-standard thead th {
background-color: var(--color-primary-400);
color: var(--color-white);
height: auto;
padding-block-start: .8rem;
padding-block-end: .8rem;
}
.fc-theme-standard thead th a {
color: var(--color-white);
}
.fc-theme-standard th[role=presentation] {
padding: 0;
}
.fc-theme-standard .fc-daygrid-day-number {
color: var(--color-neutral-300);
font-size: var(--small-text-font-size);
}
.fc-theme-standard .fc-daygrid-day.fc-day-today {
background-color: var(--color-neutral-100);
}
.fc-theme-standard .fc-h-event {
text-overflow: ellipsis;
white-space: nowrap;
background-color: var(--color-lighter-blue);
border: 1px solid var(--color-secondary-200);
border-radius: 10rem;
transition: all .3s;
position: relative;
overflow: hidden;
}
.fc-theme-standard .fc-h-event.fully-booked {
pointer-events: none;
background-color: var(--color-lighter-grey);
border-color: var(--color-neutral-200);
}
.fc-theme-standard .fc-h-event.fully-booked .fc-event-main {
color: var(--color-neutral-200);
}
.fc-theme-standard .fc-h-event .fc-event-main a {
--link-color: var(--color-secondary-200);
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 .8rem;
transition: all .3s;
display: block;
overflow: hidden;
}
.fc-theme-standard .fc-h-event .fc-event-main a .fully-booked {
--link-color: var(--color-logout);
border: 1px solid var(--color-logout);
border-radius: .6rem;
flex-shrink: 0;
padding: .2rem .6rem;
font-size: .8rem;
line-height: 1.25em;
color: var(--color-logout)!important;
}
.fc-theme-standard .fc-h-event .fc-event-main a: has(.fully-booked) {
--link-color: var(--color-neutral-200);
justify-content: space-between;
align-items: center;
gap: .8rem;
display: flex;
}
.fc-theme-standard .fc-h-event .fc-event-main a: has(.fully-booked) .fc-event-main-frame {
white-space: nowrap;
text-overflow: ellipsis;
flex: auto;
min-width: 0;
display: block;
overflow: hidden;
}
.fc-theme-standard .fc-h-event .fc-event-main a: has(.fully-booked) .title {
white-space: nowrap;
text-overflow: ellipsis;
flex: auto;
min-width: 0;
display: block;
overflow: hidden;
}
.fc-theme-standard .fc-h-event: hover,.fc-theme-standard .fc-h-event: focus {
background-color: var(--color-secondary-200);
}
.fc-theme-standard .fc-h-event: hover .fc-event-main,.fc-theme-standard .fc-h-event: focus .fc-event-main {
color: var(--color-white);
}
.fc-theme-standard .fc-h-event: hover .fc-event-main a,.fc-theme-standard .fc-h-event: focus .fc-event-main a {
--link-color: var(--color-white);
}
.fc .fc-list-empty {
background-color: var(--color-white);
}
.fc-list-day-cushion {
pointer-events: none;
}
.fc .fc-list-sticky .fc-list-day>* {
--link-color: var(--color-white);
background-color: var(--color-primary-400);
color: var(--color-white);
}
.fc .fc-cell-shaded,.fc .fc-day-disabled {
background-color: var(--color-primary-400);
}
.fc-list-table,.fc-list-table tbody {
display: block;
}
.fc-list-table .fc-list-day {
display: flex;
}
.fc-list-table .fc-list-day th {
flex: 1;
}
.fc-list-table .fc-list-event {
display: flex;
}
.fc-list-table .fc-list-event-graphic {
flex-shrink: 0;
align-items: center;
padding-inline-start: .8rem;
padding-inline-end: .8rem;
display: flex;
}
.fc-list-table .fc-list-event-title {
flex: 1;
min-width: 0;
overflow: hidden;
}
.fc-list-table .fc-event: hover td {
background-color: #0000;
}
.fc-list-table .fc-event a {
white-space: nowrap;
text-overflow: ellipsis;
color: var(--color-secondary-200);
padding: 0 .8rem;
transition: all .3s;
display: block;
overflow: hidden;
}
.fc-list-table .fc-event.fully-booked {
--fc-event-border-color: var(--color-neutral-300);
pointer-events: none;
color: var(--color-neutral-200);
}
.fc-list-table .fc-event.fully-booked a {
color: var(--color-neutral-200);
justify-content: space-between;
align-items: center;
gap: .8rem;
display: flex;
}
.fc-list-table .fc-event.fully-booked .fc-event-main-frame,.fc-list-table .fc-event.fully-booked .title {
white-space: nowrap;
text-overflow: ellipsis;
flex: auto;
min-width: 0;
display: block;
overflow: hidden;
}
.fc-list-table .fc-event .fully-booked {
--link-color: var(--color-logout);
border: 1px solid var(--color-logout);
border-radius: .6rem;
flex-shrink: 0;
margin-inline-start: .8rem;
padding: .2rem .6rem;
font-size: .8rem;
line-height: 1.25em;
color: var(--color-logout)!important;
}
.why-aluminium {
background-color: var(--color-primary-400);
color: var(--color-white);
text-align: center;
flex-direction: column;
justify-content: center;
padding: 3.2rem 1.6rem;
display: flex;
}
@media (min-width: 1024px) {
.why-aluminium {
padding: 6.4rem 11.5rem;
}
}
.why-aluminium__header h2 {
color: var(--color-white);
line-height: 125%;
}
.why-aluminium__header h2+em {
margin-top: 1.6rem;
font-style: normal;
display: block;
}
@media (min-width: 1024px) {
.why-aluminium__header h2+em {
margin-top: .8rem;
}
}
.why-aluminium__pillars {
flex-flow: wrap;
margin: 4.8rem -.8rem 0;
padding: 0;
list-style: none;
display: flex;
}
.why-aluminium__pillars li {
text-align: center;
flex-direction: column;
align-items: center;
width: 50%;
margin-bottom: 4.8rem;
padding: 0 .8rem;
display: flex;
}
.why-aluminium__pillars li svg,.why-aluminium__pillars li object {
margin-bottom: 1.6rem;
}
@media (min-width: 1024px) {
.why-aluminium__pillars {
margin-top: 6.4rem;
}
.why-aluminium__pillars li {
width: 25%;
margin-bottom: 6.4rem;
}
}
.why-aluminium__footer [class*=button] {
width: 100%;
}
.why-aluminium__footer .disclaimer {
font-size: var(--small-text-font-size);
color: var(--color-primary-200);
margin-top: 3.2rem;
}
@media (min-width: 1024px) {
.why-aluminium__footer [class*=button] {
width: auto;
}
}
.professional-usps {
padding: 0 var(--container-padding-h-mobile);
flex-direction: column;
display: flex;
}
@media (min-width: 1024px) {
.professional-usps {
flex-flow: row;
align-items: stretch;
padding-left: 0;
padding-right: 0;
}
}
.professional-usp {
background-color: var(--color-lighter-grey);
text-align: center;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 1.2rem 0;
padding: 4rem 3rem 3.4rem;
display: flex;
}
.professional-usp: first-child {
margin-top: 0;
}
.professional-usp svg {
object-fit: contain;
width: 4.8rem;
height: 4.8rem;
display: block;
}
.professional-usp svg path {
fill: var(--color-secondary-200);
}
.professional-usp h2 {
color: var(--color-primary-400);
max-width: 28rem;
margin: 2.8rem auto 0;
}
.professional-usp a[class*=button],.professional-usp .locator-area-search-form {
margin-top: 2.6rem;
}
.professional-usp .locator-area-search-form {
width: 100%;
max-width: 28.4rem;
position: relative;
}
.professional-usp .locator-area-search-form button {
--button-border-radius: 0 .4rem .4rem 0;
--button-padding: 0;
z-index: 1;
width: 4.5rem;
height: 4.5rem;
font-size: 0;
position: absolute;
top: 0;
right: 0;
}
.professional-usp .locator-area-search-form button: before {
content: "";
background-color: var(--color-white);
width: 1.4rem;
height: 1.4rem;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.0001%202C7.23865%202%205.00008%204.23858%205.00008%207C5.00008%208.12506%205.37081%209.16237%205.99811%209.99803L7.20718%2011.2071L1.70718%2016.7071L0.292969%2015.2929L4.39376%2011.1921C3.51908%2010.0239%203.00008%208.57196%203.00008%207C3.00008%203.13401%206.13408%200%2010.0001%200C13.8661%200%2017.0001%203.13401%2017.0001%207C17.0001%2010.866%2013.8661%2014%2010.0001%2014V12C12.7615%2012%2015.0001%209.76142%2015.0001%207C15.0001%204.23858%2012.7615%202%2010.0001%202Z'%20/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.0001%202C7.23865%202%205.00008%204.23858%205.00008%207C5.00008%208.12506%205.37081%209.16237%205.99811%209.99803L7.20718%2011.2071L1.70718%2016.7071L0.292969%2015.2929L4.39376%2011.1921C3.51908%2010.0239%203.00008%208.57196%203.00008%207C3.00008%203.13401%206.13408%200%2010.0001%200C13.8661%200%2017.0001%203.13401%2017.0001%207C17.0001%2010.866%2013.8661%2014%2010.0001%2014V12C12.7615%2012%2015.0001%209.76142%2015.0001%207C15.0001%204.23858%2012.7615%202%2010.0001%202Z'%20/%3e%3c/svg%3e");
-webkit-mask-size: 1.4rem 1.4rem;
mask-size: 1.4rem 1.4rem;
}
.professional-usp .form-item--textfield {
position: relative;
}
.professional-usp input[type=text] {
width: 100%;
height: 4.5rem;
}
@media (min-width: 1024px) {
.professional-usp {
width: 50%;
margin: 0 1.5rem;
padding-bottom: 6.4rem;
}
.professional-usp+.professional-usp {
margin-top: 0;
}
.professional-usp: only-child {
width: 100%;
}
.professional-usp--finder {
padding-top: 6.8rem;
}
.professional-usp--finder h2 {
max-width: 42rem;
}
.professional-usp--fabricator {
padding-top: 7.6rem;
}
.professional-usp--fabricator h2 {
max-width: 41.6rem;
margin-top: 3.3rem;
}
}
.product-usps__usps {
flex-flow: wrap;
justify-content: center;
margin: -3.2rem 0 0;
padding: 0;
list-style: none;
display: flex;
}
.product-usps__usps__usp {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
font-size: var(--small-text-font-size);
line-height: var(--button-line-height);
text-align: center;
width: 100%;
padding: 3.2rem var(--container-padding-h-mobile) 0;
flex-direction: column;
align-items: center;
max-width: 23.4rem;
margin: 0;
display: flex;
}
@media (min-width: 550px) {
.product-usps__usps__usp {
max-width: 20rem;
padding: 3.2rem var(--container-padding-h) 0;
}
}
.product-usps__usps__usp img {
max-width: 4.4rem;
margin-bottom: 1.6rem;
}
@media (min-width: 550px) {
.product-usps__usps__usp img {
max-width: 4.8rem;
margin-bottom: 2.5rem;
}
}
.product-introduction {
margin-bottom: var(--container-margin-v);
gap: 3.2rem 1.6rem;
display: grid;
}
@media (min-width: 768px) {
.product-introduction {
grid-template-columns: repeat(2,1fr);
align-items: center;
}
}
.product-introduction .play-wide {
z-index: 3;
align-items: center;
gap: 1rem;
display: flex;
position: absolute;
bottom: 1rem;
left: 1rem;
}
.product-introduction .play-wide svg {
width: 4rem;
height: auto;
display: block;
position: relative;
top: auto;
left: auto;
transform: none;
}
.product-introduction .play-wide__text {
color: var(--color-white);
font-size: var(--small-text-font-size);
}
.product-introduction--video .product-introduction__image,.product-introduction--video-wide .product-introduction__image {
grid-column: 1/-1;
}
.product-introduction--video-wide {
margin-top: 0;
margin-bottom: 0;
}
.product-introduction--video-wide .product-introduction__image {
padding: 1.6rem;
}
@media (min-width: 768px) {
.product-introduction__content .product-introduction__content-inner {
margin: 0 4rem;
}
}
@media (min-width: 1280px) {
.product-introduction__content .product-introduction__content-inner {
margin: 0 10rem;
}
}
.product-introduction__content h2 {
font-size: var(--h3-font-size);
margin-bottom: 2.6rem;
}
.product-introduction__content p {
margin-bottom: 2.6rem;
}
.product-introduction__content a {
width: 100%;
}
@media (min-width: 768px) {
.product-introduction__content a {
width: inherit;
}
}
.product-variants {
padding: var(--container-margin-v-mobile) 0 4.6rem;
background-color: var(--color-primary-400);
color: var(--color-white);
--default-title-color: var(--color-white);
--link-color: var(--color-white);
}
@media (min-width: 768px) {
.product-variants {
padding: var(--container-margin-v) 0;
}
.product-variants__container {
--container-max-width: 77rem;
}
}
.product-variants__title,.product-variants__intro {
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
}
@media (min-width: 768px) {
.product-variants__title,.product-variants__intro {
padding-left: 0;
padding-right: 0;
}
}
.product-variants__title {
color: var(--color-white);
text-align: center;
font-size: 2.6rem;
line-height: 125%;
}
.product-variants__intro {
font-size: var(--small-text-font-size);
text-align: center;
margin-top: 2rem;
}
@media (min-width: 768px) {
.product-variants__intro {
font-size: var(--body-text-font-size);
margin-top: .8rem;
}
}
.product-variants__tablist {
margin-top: 2rem;
}
@media (min-width: 768px) {
.product-variants__tablist {
margin-top: 3.2rem;
}
}
div[role=tabpanel]: focus {
outline: none;
}
.product-variants__subtabpanel {
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-top: 3.2rem;
}
@media (min-width: 1024px) {
.product-variants__subtabpanel {
padding-left: 0;
padding-right: 0;
}
}
.product-variants__tabpanel__content {
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
color: var(--color-white);
margin-top: 3.2rem;
}
.product-variants__tabpanel__content h3 {
--default-title-color: var(--color-white);
--h3-font-size-mobile: var(--h2-font-size-mobile);
}
@media (min-width: 1024px) {
.product-variants__tabpanel__content {
padding-left: 0;
padding-right: 0;
}
}
.product-variants__subtablist {
white-space: nowrap;
margin-top: 2.4rem;
}
@media (min-width: 1024px) {
.product-variants__subtablist {
--scrollbar-height: .4rem;
}
}
.product-variants__subtablist: before {
content: "";
bottom: 0;
left: var(--container-padding-h-mobile);
right: var(--container-padding-h-mobile);
background-color: var(--color-white);
opacity: .2;
height: .1rem;
position: absolute;
}
@media (min-width: 1024px) {
.product-variants__subtablist: before {
left: 0;
right: 0;
}
}
@media (min-width: 768px) {
.product-variants__subtablist {
margin-top: 3.2rem;
}
}
.product-variants__previews {
flex-direction: column;
display: flex;
}
@media (min-width: 768px) {
.product-variants__previews {
flex-direction: row;
align-items: stretch;
}
}
.product-variants__project-preview,.product-variants__product-preview {
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.product-variants__project-preview {
width: 74.026%;
}
}
.product-variants__product-preview {
background-color: var(--color-primary-700);
flex-direction: column;
justify-content: center;
align-items: center;
height: 16rem;
padding: .8rem;
display: flex;
}
.product-variants__product-preview img {
object-fit: contain;
max-height: 10.5rem;
}
@media (min-width: 768px) {
.product-variants__product-preview {
flex-grow: 0;
flex-shrink: 0;
width: 25.974%;
height: auto;
}
.product-variants__product-preview img {
max-height: 19.6rem;
}
}
.product-variants__footer {
padding: 0 var(--container-padding-h-mobile);
font-size: var(--small-text-font-size);
flex-direction: column;
margin-top: 2.4rem;
display: flex;
}
.product-variants__footer .button {
width: 100%;
margin-top: 1.6rem;
}
@media (min-width: 768px) {
.product-variants__footer {
flex-direction: row;
align-items: flex-start;
margin-top: 1.6rem;
}
.product-variants__footer .button {
flex-shrink: 0;
width: auto;
margin-top: 0;
margin-left: auto;
}
}
@media (min-width: 1024px) {
.product-variants__footer {
padding: 0;
}
}
@media (min-width: 768px) {
.product-variants__footer__content {
padding-right: calc(var(--container-padding-h) * 2);
}
}
.product-features .grid {
grid-template-columns: repeat(2,1fr);
gap: 1px;
display: grid;
}
@media (min-width: 768px) {
.product-features .grid {
grid-template-columns: repeat(3,1fr);
}
}
@media (min-width: 1280px) {
.product-features .grid {
grid-template-columns: repeat(4,1fr);
}
}
@media (min-width: 1440px) {
.product-features .grid {
grid-template-columns: repeat(5,1fr);
}
}
.product-features__header {
grid-column: span 2;
padding: 0 0 2em;
}
@media (min-width: 768px) {
.product-features__header {
padding: 0 2em 2em 0;
}
}
@media (min-width: 1280px) {
.product-features__header {
grid-column: span 3;
}
}
.product-features__header h2 {
color: var(--color-primary-400);
margin: 0 0 .5em;
}
.product-features__header p {
font-size: var(--small-text-font-size);
margin: 0;
}
@media (min-width: 768px) {
.product-features__header p {
font-size: var(--default-text-font-size);
}
}
.product-features__feature {
outline: 1px solid var(--color-neutral-200-rgba-75);
box-sizing: content-box;
padding: 1.5em;
}
.product-features__feature--linkable {
cursor: pointer;
transition: box-shadow .25s ease-out,outline-color .25s ease-out;
position: relative;
box-shadow: 0 0 #0000;
}
.product-features__feature--linkable: hover {
outline-color: var(--color-secondary-200);
z-index: 1;
box-shadow: 0 4px 10px #00000026;
}
.product-features__feature img,.product-features__feature .media--no-icon {
width: auto;
height: 4.8rem;
display: block;
}
.product-features__feature h3 {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
font-size: var(--default-text-font-size);
margin: 3.2rem 0 .4rem;
}
.product-features__feature p {
font-size: var(--small-text-font-size);
color: var(--color-neutral-300);
margin: 0;
line-height: 125%;
}
@media (min-width: 768px) {
.product-features__feature p {
line-height: var(--default-text-line-height);
}
}
.product-features__feature__link {
font-size: 0;
line-height: 0;
display: block;
}
.product-features__feature__link: before {
content: "";
z-index: 1;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.product-features__disclaimer {
color: var(--color-grey-new);
font-size: var(--small-text-font-size);
margin: 2em 0 0;
}
@media (min-width: 768px) {
.product-features__disclaimer {
text-align: center;
padding: 0 1.5em;
}
}
.block-product-three-sixty-viewer {
margin-bottom: var(--container-margin-v);
}
.block-product-three-sixty-viewer: last-child {
margin-bottom: 0;
}
.product-technical-details {
background-color: var(--color-lighter-blue);
text-align: center;
}
.product-technical-details h2 {
color: var(--color-primary-400);
}
.product-technical-details.multiple .product-technical-details__360-degree-viewer,.product-technical-details.multiple .input-slider {
cursor: grab;
}
.product-technical-details.multiple.mousedown .product-technical-details__360-degree-viewer,.product-technical-details.multiple.mousedown .input-slider {
cursor: grabbing;
}
.product-technical-details.multiple.mousedown .input-slider {
opacity: 0;
}
.product-technical-details__body {
width: min(100% - 3.2rem,167rem);
max-width: none;
padding: var(--container-margin-v-mobile) 0;
}
@media (min-width: 1024px) {
.product-technical-details__body {
width: min(100% - 12.8rem,167rem);
padding-top: 8rem;
padding-bottom: 8rem;
}
}
.product-technical-details__body .button {
width: 100%;
margin: var(--container-margin-v) auto 0;
}
@media (min-width: 768px) {
.product-technical-details__body .button {
width: auto;
}
}
@media (min-width: 1280px) {
.product-technical-details__body .button {
margin-top: 5rem;
}
}
.product-technical-details .grid {
margin: var(--container-margin-v-mobile) auto 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
gap: 0 2.8rem;
display: grid;
}
@media (min-width: 1280px) {
.product-technical-details .grid {
grid-template-rows: none;
grid-template-columns: 20% minmax(50%,72rem) 20%;
justify-content: space-between;
align-items: center;
gap: 0;
margin: 4.8rem auto;
}
}
@media (min-width: 1680px) {
.product-technical-details .grid {
grid-template-columns: 18% minmax(62%,102rem) 18%;
}
}
.product-technical-details__360-degree-viewer {
-webkit-user-select: none;
user-select: none;
grid-area: 1/1/2/3;
height: 40.8rem;
position: relative;
}
@media (min-width: 1280px) {
.product-technical-details__360-degree-viewer {
grid-area: auto;
align-self: end;
height: 48rem;
}
}
@media (min-width: 1680px) {
.product-technical-details__360-degree-viewer {
height: 68rem;
}
}
.product-technical-details__360-degree-viewer__list {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.product-technical-details__360-degree-viewer .product-image {
-webkit-user-drag: none;
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.product-technical-details__360-degree-viewer .product-image.active {
display: block;
}
.product-technical-details__360-degree-viewer .product-image .contextual-region {
position: static;
}
.product-technical-details__360-degree-viewer .product-image img {
object-fit: contain;
-webkit-user-drag: none;
width: calc(100% - 4rem);
height: calc(100% - 4rem);
position: absolute;
top: 2rem;
bottom: 2rem;
left: 2rem;
right: 2rem;
}
.product-technical-details .input-slider {
will-change: opacity;
grid-area: 2/1/3/3;
transition: opacity .3s;
position: relative;
}
@media (min-width: 1280px) {
.product-technical-details .input-slider {
grid-area: auto/2/auto/3;
padding: 1.9rem 0 0;
}
}
.product-technical-details .input-slider p {
font-weight: var(--font-weight-semibold);
pointer-events: none;
-webkit-user-select: none;
user-select: none;
margin-bottom: 1.2rem;
}
.product-technical-details .input-slider .thumb {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
z-index: 2;
width: 4rem;
height: 4rem;
margin: 0 auto;
display: block;
position: relative;
}
.product-technical-details .input-slider .oval {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
width: 100%;
height: auto;
display: block;
position: absolute;
bottom: 5rem;
left: 0;
right: 0;
}
@media (min-width: 1280px) {
.product-technical-details .input-slider .oval {
bottom: 2rem;
}
}
.product-technical-details__properties {
text-align: left;
}
.product-technical-details__property {
margin: var(--container-margin-v-mobile) 0 0;
}
.product-technical-details__property h3 {
--h3-font-size-mobile: 1.6rem;
--h3-font-size: 1.8rem;
--h3-font-family: var(--font-family-faktum);
--default-title-line-height: 150%;
border-left: 2px solid var(--color-secondary-200);
margin: 0 0 .8rem;
padding-left: 1.2rem;
}
@media (min-width: 768px) {
.product-technical-details__property h3 {
--default-title-line-height: 125%;
}
}
.product-technical-details__property .tooltip-advanced {
margin-left: .6rem;
display: inline-block;
position: relative;
transform: translateY(.3rem);
}
@media (min-width: 1024px) {
.product-technical-details__property .tooltip-advanced .tooltip-advanced__wrapper {
left: calc(100% + 1rem);
}
}
.product-technical-details__property .tooltip-advanced__trigger {
width: auto;
}
@media (min-width: 1024px) {
.product-technical-details__property .tooltip-advanced--arrow-right .tooltip-advanced__wrapper {
left: auto;
right: calc(100% + 1rem);
}
}
@media (max-width: 1023px) {
.product-technical-details__property .tooltip-advanced__wrapper {
position: fixed;
bottom: 3.2rem;
left: 1.6rem;
transform: translateY(calc(100% + 2rem));
}
.product-technical-details__property .show-tooltip-advanced .tooltip-advanced__wrapper {
transform: translateY(0);
}
}
.product-technical-details__property h4,.product-technical-details__property ul,.product-technical-details__property__disclaimer {
padding-left: 1.4rem;
}
.product-technical-details__property h4 {
font-size: var(--small-text-font-size);
color: var(--color-neutral-500);
margin: 0 0 .4rem;
}
@media (min-width: 768px) {
.product-technical-details__property h4 {
font-family: var(--font-family-faktum);
font-size: var(--default-text-font-size);
}
}
.product-technical-details__property ul {
color: var(--color-neutral-400);
font-size: var(--small-text-font-size);
line-height: var(--default-text-line-height);
}
@media (min-width: 768px) {
.product-technical-details__property ul {
font-size: var(--default-text-font-size);
}
}
.product-technical-details__property__disclaimer {
font-size: var(--small-text-font-size);
color: var(--color-neutral-300);
margin: .8rem 0 0;
display: none;
}
@media (min-width: 768px) {
.product-technical-details__property__disclaimer {
display: block;
}
}
.product-labels-and-certifications {
background: var(--color-lighter-blue);
}
.product-labels-and-certifications__container {
padding-top: var(--container-margin-v-mobile);
padding-bottom: var(--container-margin-v-mobile);
text-align: center;
max-width: 80rem;
}
.product-labels-and-certifications__container h2 {
font-family: var(--h3-font-family);
margin: 0 0 2.8rem;
}
@media (min-width: 768px) {
.product-labels-and-certifications__container h2 {
font-size: var(--h3-font-size);
}
}
.product-labels-and-certifications__container>ul {
flex-wrap: wrap;
justify-content: center;
gap: 3rem;
padding: 0;
list-style: none;
display: flex;
}
.product-labels-and-certifications__container>ul li {
flex: 0 0 100%;
overflow: hidden;
}
@media (min-width: 1024px) {
.product-labels-and-certifications__container>ul li {
flex: 0 calc(33.3333% - 2rem);
}
}
.product-labels-and-certifications__container>ul .description {
font-size: var(--small-text-font-size);
flex: 0 0 100%;
display: block;
}
.product-labels-and-certifications__container>ul .media {
justify-content: center;
line-height: 0;
display: flex;
position: relative;
}
.product-labels-and-certifications__container>ul .media img {
object-fit: contain;
width: min(100%,10rem);
height: 7.6rem;
display: block;
}
.product-technical-info h2 {
--h2-font-size-mobile: 2.2rem;
--default-title-color: var(--color-primary-500);
margin-top: 0;
margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
.product-technical-info h2 {
--h2-font-size-mobile: 2.4rem;
margin-bottom: var(--container-margin-v-mobile);
}
}
.product-technical-info h3 {
--h3-font-family: var(--font-family-faktum);
--h3-font-weight: var(--font-weight-medium);
--h3-font-size-mobile: 1.6rem;
--default-title-line-height: 150%;
--default-title-color: var(--color-secondary-200);
margin-top: 0;
margin-bottom: var(--container-margin-v-mobile);
}
@media (min-width: 768px) {
.product-technical-info h3 {
--h3-font-size: 1.8rem;
--default-title-line-height: 125%;
margin-bottom: 1.6rem;
}
}
.product-technical-info__disclaimer {
font-size: var(--small-text-font-size);
color: var(--color-grey-new);
margin-bottom: var(--container-margin-v-mobile);
font-style: normal;
line-height: 143%;
display: block;
}
.specifications {
font-size: var(--small-text-font-size);
margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
.specifications {
font-size: var(--default-text-font-size);
margin-bottom: var(--container-margin-v-mobile);
grid-template-columns: 1fr 1fr;
gap: 0 3rem;
display: grid;
}
}
.specifications__property {
border-top: 1px solid var(--color-neutral-200-rgba-75);
grid-template-columns: 58.0175% 34.9854%;
gap: 0 2.4rem;
padding: 2rem 0;
display: grid;
}
@media (min-width: 768px) {
.specifications__property {
grid-template-columns: 64.2105% 31.5789%;
}
}
.specifications__property__label {
color: var(--color-neutral-300);
}
.specifications__property__values {
color: var(--color-neutral-500);
}
.specifications__property__values .specifications__property__value {
display: block;
}
.specifications__property__values .specifications__property__value--empty {
text-align: center;
}
.specifications__property__values.multiple {
flex-wrap: wrap;
gap: .2rem .4rem;
display: flex;
}
.specifications__property__values.multiple span: first-child {
text-align: left;
}
.story-item {
font-size: var(--large-text-font-size);
color: var(--color-neutral-500);
line-height: var(--default-text-line-height);
margin-bottom: 3.2rem;
}
@media (min-width: 996px) {
.story-item {
margin-bottom: 8rem;
}
.story-item.story-item--body+.story-item--body,.story-item.story-item--body+.story-item--intro {
margin-top: -4.8rem;
}
}
.story-item .media {
background-color: var(--media-background-color);
}
.story-item--intro {
margin-bottom: 3.2rem;
}
@media (min-width: 1441px) {
.story-item--intro {
max-width: var(--container-max-width-sm-widescreen);
}
}
.story-item--intro * {
font-size: var(--large-text-font-size);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
color: var(--color-neutral-500);
line-height: var(--default-text-line-height);
}
.story-item--image-caption {
max-width: 168rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.story-item--image-caption__image,.story-item--image-caption__image img {
max-height: 57rem;
}
@media (max-width: 995px) {
.story-item--image-caption__caption {
width: auto;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
}
.story-item--aligned-image {
gap: 2em;
display: grid;
position: relative;
}
@media (min-width: 996px) {
.story-item--aligned-image {
grid-template-columns: repeat(2,1fr);
}
}
.story-item--aligned-image__image {
align-self: baseline;
position: relative;
}
@media (max-width: 995px) {
.story-item--aligned-image .story-item--aligned-image__caption {
width: auto;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
}
.story-item--aligned-image.story-item--align-right .story-item--aligned-image__image {
order: 1;
}
.story-item--quote {
text-align: center;
padding-top: 3.5rem;
}
.story-item--quote.with-image {
text-align: left;
padding-top: 0;
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
max-width: var(--container-max-width);
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.story-item--quote.with-image {
padding: 0 var(--container-padding-h) 8.3rem var(--container-padding-h);
}
}
.story-item--quote.with-image .quote__inner {
background: var(--color-primary-400);
padding: var(--container-margin-v-mobile) var(--container-padding-h-mobile) 0 var(--container-padding-h-mobile);
}
@media (min-width: 768px) {
.story-item--quote.with-image .quote__inner {
padding: 0;
display: flex;
}
}
.story-item--quote.with-image .quote__left {
color: var(--color-white);
}
@media (min-width: 768px) {
.story-item--quote.with-image .quote__left {
flex-direction: column;
flex-grow: 1;
width: 51.2821%;
padding: 3rem 4rem 7rem 5rem;
display: flex;
position: relative;
}
}
@media (min-width: 996px) {
.story-item--quote.with-image .quote__left {
padding: 7rem 4rem 7rem 5rem;
}
}
@media (min-width: 1024px) {
.story-item--quote.with-image .quote__left {
padding: 3rem 4rem 7rem 5rem;
}
}
@media (min-width: 1280px) {
.story-item--quote.with-image .quote__left {
padding: 8rem 9rem 8rem 8.8rem;
}
}
.story-item--quote.with-image .field--quote {
color: var(--color-white);
padding-left: .6rem;
padding-right: .6rem;
}
@media (min-width: 768px) {
.story-item--quote.with-image .field--quote {
padding-top: 6rem;
padding-left: 3.2rem;
padding-right: 3.2rem;
}
}
.story-item--quote.with-image.only-quote .quotation-mark-rotated {
bottom: 20px;
}
@media (min-width: 768px) {
.story-item--quote.with-image.only-quote .quotation-mark-rotated {
bottom: -5rem;
}
}
.story-item--quote.with-image .quotation-mark {
position: absolute;
top: -1.2rem;
left: 0;
}
@media (min-width: 768px) {
.story-item--quote.with-image .quotation-mark {
top: 0;
left: -2.4rem;
}
}
.story-item--quote.with-image .quotation-mark path {
fill: var(--color-white);
}
.story-item--quote.with-image .quotation-mark-rotated {
position: absolute;
bottom: 20px;
right: 0;
transform: rotate(-180deg);
}
@media (min-width: 768px) {
.story-item--quote.with-image .quotation-mark-rotated {
bottom: -5rem;
right: 1.6rem;
left: inherit;
}
}
.story-item--quote.with-image .quotation-mark-rotated path {
fill: var(--color-white);
}
.story-item--quote .quote__inner {
position: relative;
}
.story-item--quote .quote__left {
color: var(--color-primary-400);
}
.story-item--quote .quote__left .quote__left-inner {
position: relative;
}
.story-item--quote .quote__right {
margin-top: 2.2rem;
}
.story-item--quote .quote__right: before {
content: "";
background: var(--color-white);
width: 100%;
height: 3.2rem;
position: absolute;
bottom: 0;
left: 0;
}
@media (min-width: 768px) {
.story-item--quote .quote__right {
align-self: flex-end;
width: 48.718%;
margin-top: 0;
padding-right: 5rem;
display: flex;
transform: translateY(8.3rem);
}
.story-item--quote .quote__right: before {
content: none;
}
}
@media (min-width: 1280px) {
.story-item--quote .quote__right {
padding-right: 10rem;
}
}
.story-item--quote .field--quote {
color: var(--color-primary-400);
font-size: var(--h4-font-size);
margin: 0;
}
@media (min-width: 768px) {
.story-item--quote .field--quote {
padding-top: 3.5rem;
}
}
.story-item--quote .author-credentials {
margin-top: var(--container-margin-v-mobile);
padding-left: .6rem;
padding-right: .6rem;
}
@media (min-width: 768px) {
.story-item--quote .author-credentials {
padding-righ: 3.6rem;
margin-top: 2.4rem;
padding-left: 3.6rem;
}
}
.story-item--quote .field--author {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
font-size: var(--small-text-font-size);
}
.story-item--quote .field--function {
font-size: var(--smaller-text-font-size);
line-height: var(--label-line-height);
margin-top: .4rem;
}
@media (min-width: 768px) {
.story-item--quote .field--function {
margin-top: 0;
}
}
.story-item--quote .button {
margin-top: 1.6rem;
overflow: hidden;
}
@media (min-width: 768px) {
.story-item--quote .button {
margin-top: 2.4rem;
}
}
.story-item--quote .quotation-mark {
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1280px) {
.story-item--quote .quotation-mark {
left: auto;
right: 100%;
}
}
.story-item--quote .quotation-mark path {
fill: var(--color-primary-400);
}
.story-item--quote.only-quote .quotation-mark-rotated {
bottom: 0;
}
.story-item--quote .quotation-mark-rotated {
position: absolute;
bottom: 4rem;
right: 0;
transform: rotate(180deg);
}
@media (min-width: 1280px) {
.story-item--quote .quotation-mark-rotated {
left: 100%;
right: auto;
}
}
.story-item--quote .quotation-mark-rotated path {
fill: var(--color-primary-400);
}
.story-item--quote .button+.quotation-mark-rotated {
bottom: -3rem;
}
.story-item--biography {
scroll-margin-top: calc(var(--height-top-bars) + 8.8rem);
}
.toolbar-horizontal .story-item--biography {
scroll-margin-top: var(--height-top-bars);
}
.story-item--biography {
--button-background-color: #006ce5;
--button-border-color: var(--button-background-color);
color: var(--color-white);
padding: 3.2rem 1.6rem 0;
}
@media (min-width: 996px) {
.story-item--biography {
padding: 9.1rem 1.45rem 0;
}
}
.story-item--biography .media {
background-color: #0000;
}
.story-item--biography__wrapper {
background-color: var(--color-primary-400);
gap: 2rem;
padding: 3.2rem 1.6rem;
display: grid;
}
@media (min-width: 996px) {
.story-item--biography__wrapper {
grid-template-columns: 27rem auto;
gap: 6.4rem;
padding: 4.6rem 6.4rem;
}
}
@media (min-width: 1280px) {
.story-item--biography__wrapper {
gap: 13.1rem;
padding: 4.6rem 6.4rem 4.6rem 8.5rem;
}
}
.story-item--biography__image {
margin-top: -6.4rem;
margin-bottom: 3.2rem;
}
@media (min-width: 996px) {
.story-item--biography__image {
margin-top: -13.7rem;
margin-bottom: 4.4rem;
}
}
.story-item--biography__image img {
max-width: 24.5rem;
margin: 0 auto;
}
@media (min-width: 996px) {
.story-item--biography__image img {
max-width: none;
margin: 0;
}
}
.story-item--biography .field--name-field-company,.story-item--biography .field--name-field-jobtitle {
line-height: var(--default-text-line-height);
color: var(--color-white);
}
.story-item--biography .field--name-field-company {
font-weight: var(--font-weight-bold);
color: var(--color-white);
}
.story-item--biography.no-image .story-item--biography__persona {
align-self: center;
}
.story-item--biography__name {
font-size: var(--larger-text-font-size);
color: var(--color-white);
}
.story-item--biography__url {
margin-top: 3.2rem;
}
.story-item--biography__text {
color: var(--color-white);
}
@media (min-width: 1441px) {
.story-item--body {
max-width: var(--container-max-width-sm-widescreen);
}
}
.story-item--body .body {
margin: 1.6rem 0 0;
}
.story-item--video .iframe-wrapper {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.story-item--video iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.story-item--paralax-with-image {
grid-template-rows: auto minmax(24rem,auto) 10rem minmax(10rem,auto) auto;
grid-template-columns: repeat(4,1fr);
grid-template-areas: "header header header header""back back back back""overlap overlap overlap overlap""front front front front""footer footer footer footer";
gap: 3.2rem;
width: min(100% - 3rem,120rem);
margin-inline-start: auto;
margin-inline-end: auto;
display: grid;
}
@media (min-width: 1024px) {
.story-item--paralax-with-image {
grid-template-rows: repeat(3,minmax(10rem,auto));
grid-template-columns: repeat(10,1fr);
grid-template-areas: "header header header header overlap back back back. ."". .front front overlap back back back. ."". .front front overlap.footer footer footer footer";
gap: 0 3.2rem;
}
}
.story-item--paralax-with-image__header {
grid-area: header;
margin: 0 0 3.2rem;
}
.story-item--paralax-with-image__image-back {
grid-area: back/back/overlap;
}
@media (min-width: 1024px) {
.story-item--paralax-with-image__image-back {
grid-area: back/overlap/back/back;
}
}
.story-item--paralax-with-image__image-front {
grid-area: overlap/front/front;
position: relative;
}
@media (min-width: 1024px) {
.story-item--paralax-with-image__image-front {
grid-area: front/front/front/overlap;
}
}
.story-item--paralax-with-image__image-front img {
max-width: 90%;
height: auto;
box-shadow: 0 2.8rem 4.2rem #0006;
}
@media (max-width: 1023px) {
.story-item--paralax-with-image__image-front img {
transform: none!important;
}
}
@media (min-width: 1024px) {
.story-item--paralax-with-image__image-front img {
width: 100%;
max-width: none;
height: auto;
box-shadow: none;
position: absolute;
top: 0;
left: 0;
}
}
.story-item--paralax-with-image__footer {
grid-area: footer;
margin: 6.2rem 0 0;
}
.story-item--paralax-with-image h2 {
--default-title-color: var(--color-neutral-500);
font-family: var(--h4-font-family);
font-size: clamp(var(--h4-font-size-mobile),2vw,var(--h4-font-size));
color: var(--color-neutral-500);
}
.story-item--paralax-with-image p {
font-family: var(--h3-font-family);
font-size: clamp(var(--h3-font-size-mobile),2vw,var(--h3-font-size));
color: var(--color-primary-400);
line-height: 1.25;
}
.story-item--paralax-with-image .media {
background-color: #0000;
}
.block-social-media h2 {
display: none;
}
.block-socialmedia__title {
color: var(--color-white);
font-family: var(--footer-menu-title-font-family);
font-size: var(--default-text-font-size);
line-height: var(--default-text-line-height);
margin-bottom: var(--container-padding-h-mobile);
display: block;
}
.block-socialmedia__icons {
flex-wrap: wrap;
display: flex;
}
.block-socialmedia__icons .icon {
will-change: color,background-color,border-color;
border: 1px solid;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
margin: 0 .8rem .8rem 0;
transition: color .3s,background-color .3s,border-color .3s;
display: flex;
}
.block-socialmedia__icons .icon-twitter svg {
width: 1.2rem;
height: 1.2rem;
}
.block-socialmedia--footer .icon {
border-color: var(--color-white);
}
.block-socialmedia--footer .icon: hover,.block-socialmedia--footer .icon: focus {
background-color: var(--color-white);
}
.block-socialmedia--footer .icon: hover path,.block-socialmedia--footer .icon: focus path {
fill: var(--color-primary-400);
}
.dealer-socials .icon {
border-color: var(--color-secondary-200);
}
.dealer-socials .icon: hover {
background-color: var(--color-secondary-200);
}
.dealer-socials .icon: hover svg path {
fill: var(--color-white);
}
.dealer-socials .icon svg path {
fill: var(--color-secondary-200);
}
.block--type--testimonials .splide__list {
align-items: flex-start;
}
.block--type--testimonials .splide__slide: not(.is-active) {
height: 0;
}
.block--type--testimonials .paragraph--type--testimonial {
text-align: center;
padding-top: 3.5rem;
}
.block--type--testimonials .paragraph--type--testimonial.with-image {
text-align: left;
padding-top: 0;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial.with-image {
padding: 0 0 8.3rem;
}
}
.block--type--testimonials .paragraph--type--testimonial.with-image .paragraph--type--testimonial__inner {
background: var(--color-primary-400);
padding: var(--container-margin-v-mobile) var(--container-padding-h-mobile) 0 var(--container-padding-h-mobile);
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .paragraph--type--testimonial__inner {
padding: 0;
display: flex;
}
}
.block--type--testimonials .paragraph--type--testimonial.with-image .paragraph--type--testimonial__left {
color: var(--color-white);
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .paragraph--type--testimonial__left {
flex-direction: column;
flex-grow: 1;
width: 51.2821%;
padding: 3rem 4rem 7rem 5rem;
display: flex;
position: relative;
}
}
@media (min-width: 996px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .paragraph--type--testimonial__left {
padding: 7rem 4rem 7rem 5rem;
}
}
@media (min-width: 1024px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .paragraph--type--testimonial__left {
padding: 3rem 4rem 7rem 5rem;
}
}
@media (min-width: 1280px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .paragraph--type--testimonial__left {
padding: 8rem 9rem 8rem 8.8rem;
}
}
.block--type--testimonials .paragraph--type--testimonial.with-image .field--name-field-testimonial-quote {
color: var(--color-white);
padding-left: .6rem;
padding-right: .6rem;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .field--name-field-testimonial-quote {
padding-top: 6rem;
padding-left: 3.2rem;
padding-right: 3.2rem;
}
}
.block--type--testimonials .paragraph--type--testimonial.with-image .quotation-mark {
position: absolute;
top: -1.2rem;
left: 0;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .quotation-mark {
top: 0;
left: -2.4rem;
}
}
.block--type--testimonials .paragraph--type--testimonial.with-image .quotation-mark path {
fill: var(--color-white);
}
.block--type--testimonials .paragraph--type--testimonial.with-image.only-quote .quotation-mark-rotated {
bottom: 20px;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial.with-image.only-quote .quotation-mark-rotated {
bottom: -5.2rem;
}
}
.block--type--testimonials .paragraph--type--testimonial.with-image .quotation-mark-rotated {
position: absolute;
bottom: -3rem;
right: 0;
transform: rotate(-180deg);
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial.with-image .quotation-mark-rotated {
bottom: -5rem;
right: 0;
left: inherit;
}
}
.block--type--testimonials .paragraph--type--testimonial.with-image .quotation-mark-rotated path {
fill: var(--color-white);
}
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__inner {
position: relative;
}
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__left {
color: var(--color-primary-400);
}
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__left .paragraph--type--testimonial__left-inner,.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__left .paragraph--type--testimonial__left-inner__quote {
position: relative;
}
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__right {
margin-top: 2.2rem;
}
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__right: before {
content: "";
background: var(--color-white);
width: 100%;
height: 3.2rem;
position: absolute;
bottom: 0;
left: 0;
}
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__right>.media {
position: relative;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__right {
width: 48.718%;
margin-top: 0;
padding-right: 5rem;
display: flex;
transform: translateY(8.3rem);
}
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__right: before {
content: none;
}
}
@media (min-width: 1280px) {
.block--type--testimonials .paragraph--type--testimonial .paragraph--type--testimonial__right {
padding-right: 10rem;
}
}
.block--type--testimonials .paragraph--type--testimonial .field--name-field-testimonial-quote {
color: var(--color-primary-400);
font-size: var(--h4-font-size);
margin: 0;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial .field--name-field-testimonial-quote {
padding-top: 3.5rem;
}
}
.block--type--testimonials .paragraph--type--testimonial .author-credentials {
margin-top: var(--container-margin-v-mobile);
padding-left: .6rem;
padding-right: .6rem;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial .author-credentials {
margin-top: 2.4rem;
padding-left: 3.6rem;
padding-right: 3.6rem;
}
}
.block--type--testimonials .paragraph--type--testimonial .field--name-field-testimonial-author {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
font-size: var(--small-text-font-size);
}
.block--type--testimonials .paragraph--type--testimonial .field--name-field-testimonial-function {
font-size: var(--smaller-text-font-size);
line-height: var(--label-line-height);
margin-top: .4rem;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial .field--name-field-testimonial-function {
margin-top: 0;
}
}
.block--type--testimonials .paragraph--type--testimonial .button {
margin-top: 1.6rem;
overflow: hidden;
}
@media (min-width: 768px) {
.block--type--testimonials .paragraph--type--testimonial .button {
margin-top: 2.4rem;
}
}
.block--type--testimonials .paragraph--type--testimonial .quotation-mark {
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1280px) {
.block--type--testimonials .paragraph--type--testimonial .quotation-mark {
left: auto;
right: 100%;
}
}
.block--type--testimonials .paragraph--type--testimonial .quotation-mark path {
fill: var(--color-primary-400);
}
.block--type--testimonials .paragraph--type--testimonial .quotation-mark-rotated {
position: absolute;
bottom: 4rem;
right: 0;
transform: rotate(180deg);
}
@media (min-width: 1280px) {
.block--type--testimonials .paragraph--type--testimonial .quotation-mark-rotated {
left: 100%;
right: auto;
}
}
.block--type--testimonials .paragraph--type--testimonial .quotation-mark-rotated path {
fill: var(--color-primary-400);
}
.block--type--testimonials .paragraph--type--testimonial .button+.quotation-mark-rotated {
bottom: -3rem;
right: -3rem;
}
@media (min-width: 768px) {
.block--type--cta-block {
display: flex;
}
}
@media (min-width: 1280px) {
.block--type--cta-block {
padding: 0 11.5rem;
}
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__left {
width: calc(50% - 1.5rem);
margin-right: 1.5rem;
}
}
.block--type--cta-block .block--type--cta-block__left .cta-image-left {
max-width: 37rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__left .cta-image-left {
margin: 0 10rem 0 0;
}
}
.block--type--cta-block .block--type--cta-block__left .field--name-field-cta-tagline {
display: none;
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__left .field--name-field-cta-tagline {
display: block;
}
.block--type--cta-block .block--type--cta-block__right {
width: calc(50% - 1.5rem);
margin-top: 6.4rem;
margin-left: 1.5rem;
}
}
.block--type--cta-block .block--type--cta-block__right .field--name-field-cta-title {
margin-top: 3.2rem;
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__right .field--name-field-cta-title {
margin-top: 0;
}
}
.block--type--cta-block .block--type--cta-block__right .field--name-field-cta-description {
margin-top: 1.6rem;
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__right .field--name-field-cta-description {
max-width: 37rem;
}
}
.block--type--cta-block .block--type--cta-block__right a {
width: 100%;
margin-top: 1.6rem;
}
@media (min-width: 550px) {
.block--type--cta-block .block--type--cta-block__right a {
width: inherit;
}
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__right a {
margin-top: 2.4rem;
}
}
.block--type--cta-block .block--type--cta-block__right .cta-image-right {
max-width: 37rem;
margin: 3.2rem var(--container-padding-h-mobile) 0 var(--container-padding-h-mobile);
}
@media (min-width: 480px) {
.block--type--cta-block .block--type--cta-block__right .cta-image-right {
margin: 3.2rem auto 0;
}
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__right .cta-image-right {
margin: 4rem 0 0 10rem;
padding: 0;
}
}
.block--type--cta-block .block--type--cta-block__right .field--name-field-cta-tagline {
margin-top: 6.4rem;
}
@media (min-width: 768px) {
.block--type--cta-block .block--type--cta-block__right .field--name-field-cta-tagline {
display: none;
}
}
.block--type--cta-block .field--name-field-cta-tagline {
font-size: var(--h3-font-size);
color: var(--color-grey-new);
line-height: var(--default-title-line-height);
margin-top: 3.2rem;
}
.block--type--cta-block .media-info__trigger {
bottom: 1.3rem;
right: 1.45rem;
}
.block--type--slides-block+.block--type--linked-pages {
margin-top: -22.8rem;
}
@media (min-width: 768px) {
.block--type--slides-block+.block--type--linked-pages {
margin-top: -26.8rem;
}
}
.block--type--slides-block+.block--type--linked-pages .block--type--linked-pages__inner {
background: var(--color-white);
max-width: 37.5rem;
margin-right: 0;
padding: 1.8rem;
transform: translate(3.2rem);
box-shadow: 0 4px 50px #00000040;
}
@media (min-width: 550px) {
.block--type--slides-block+.block--type--linked-pages .block--type--linked-pages__inner {
max-width: inherit;
}
}
@media (min-width: 768px) {
.block--type--slides-block+.block--type--linked-pages .block--type--linked-pages__inner {
max-width: 122rem;
padding: 2.4rem;
transform: translate(11.5rem);
}
}
@media (min-width: 1024px) {
.block--type--slides-block+.block--type--linked-pages .block--type--linked-pages__inner {
padding: 2.4rem;
}
}
.block--type--slides-block+.block--type--linked-pages .block--type--linked-pages__header {
margin-right: 3.4rem;
}
@media (min-width: 768px) {
.block--type--slides-block+.block--type--linked-pages .block--type--linked-pages__header {
margin-right: 12rem;
}
}
.block--type--slides-block+.block--type--linked-pages .field--name-field-title {
--default-title-color: var(--color-neutral-500);
}
.block--type--slides-block+.block--type--linked-pages .splide {
margin-top: 2.4rem;
}
@media (min-width: 768px) {
.block--type--slides-block+.block--type--linked-pages .splide {
margin-top: 3.2rem;
}
}
.block--type--slides-block+.block--type--linked-pages .splide .splide__arrows .splide__arrow--prev {
left: 1rem;
}
@media (min-width: 768px) {
.block--type--slides-block+.block--type--linked-pages .splide .splide__arrows .splide__arrow--next {
right: 6.5em;
}
}
.block--type--linked-pages {
width: 100%;
}
.block--type--linked-pages .block--type--linked-pages__inner {
width: 100%;
max-width: var(--container-max-width);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.block--type--linked-pages .block--type--linked-pages__inner {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.block--type--linked-pages .block--type--linked-pages__header {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
@media (min-width: 768px) {
.block--type--linked-pages .block--type--linked-pages__header {
align-items: flex-end;
}
}
.block--type--linked-pages .block--type--linked-pages__header h2 {
--default-title-color: var(--color-primary-400);
--h2-font-size-mobile: var(--h3-font-size-mobile);
--h2-font-size: var(--h3-font-size);
}
.path-frontpage .block--type--linked-pages .block--type--linked-pages__header h2 {
--h2-font-family: var(--h1-font-family);
--h2-font-size-mobile: var(--h1-font-size-mobile);
--h2-font-size: var(--h1-font-size);
}
.block--type--linked-pages .splide {
width: 100%;
max-width: 100%;
margin-top: 4rem;
}
@media (min-width: 768px) {
.block--type--linked-pages .splide {
margin-top: 6.4rem;
}
}
.block--type--linked-pages .splide .splide__arrows .splide__arrow--next,.block--type--linked-pages .splide .splide__arrows .splide__arrow--prev {
top: 37%;
}
.block--type--linked-pages .splide .basic-page,.block--type--linked-pages .splide .story-detail,.block--type--linked-pages .splide .project-detail {
margin-top: 0;
position: relative;
}
.block--type--linked-pages .splide .basic-page: hover img,.block--type--linked-pages .splide .story-detail: hover img,.block--type--linked-pages .splide .project-detail: hover img {
transition: var(--transition-default);
transform: scale(1.03);
}
.block--type--linked-pages .splide .basic-page .field--name-field-header-image,.block--type--linked-pages .splide .basic-page .media,.block--type--linked-pages .splide .story-detail .field--name-field-header-image,.block--type--linked-pages .splide .story-detail .media,.block--type--linked-pages .splide .project-detail .field--name-field-header-image,.block--type--linked-pages .splide .project-detail .media {
overflow: hidden;
}
.block--type--linked-pages .splide .basic-page .field--name-field-header-image img,.block--type--linked-pages .splide .basic-page .media img,.block--type--linked-pages .splide .story-detail .field--name-field-header-image img,.block--type--linked-pages .splide .story-detail .media img,.block--type--linked-pages .splide .project-detail .field--name-field-header-image img,.block--type--linked-pages .splide .project-detail .media img {
transition: var(--transition-default);
}
.block--type--linked-pages .splide .basic-page span,.block--type--linked-pages .splide .story-detail span,.block--type--linked-pages .splide .project-detail span {
font-family: var(--font-family-faktum);
font-size: var(--small-text-font-size);
line-height: var(--button-line-height);
margin-top: 1.2rem;
display: block;
}
@media (min-width: 768px) {
.block--type--linked-pages .splide .basic-page span,.block--type--linked-pages .splide .story-detail span,.block--type--linked-pages .splide .project-detail span {
margin-top: 1.6rem;
}
}
.block--type--linked-pages .splide .basic-page .cover-link,.block--type--linked-pages .splide .story-detail .cover-link,.block--type--linked-pages .splide .project-detail .cover-link {
text-indent: -99999px;
z-index: 20;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--type--linked-pages .splide .basic-page .media,.block--type--linked-pages .splide .story-detail .media,.block--type--linked-pages .splide .project-detail .media,.block--type--linked-pages .splide .basic-page__image,.block--type--linked-pages .splide .story-detail__image,.block--type--linked-pages .splide .project-detail__image {
background-color: var(--color-neutral-100);
}
.block--type--linked-pages--alternative .block--type--linked-pages--alternative__header {
margin-bottom: 2.4rem;
}
@media (min-width: 1024px) {
.block--type--linked-pages--alternative .block--type--linked-pages--alternative__header {
margin-bottom: 3.2rem;
}
}
.path-frontpage .block--type--linked-pages--alternative .block--type--linked-pages--alternative__header h2 {
--h2-font-family: var(--h1-font-family);
--h2-font-size-mobile: var(--h1-font-size-mobile);
--h2-font-size: var(--h1-font-size);
}
.block--type--linked-pages--alternative .block--type--linked-pages--alternative__header h3 {
color: var(--color-grey-new);
font-size: var(--h2-font-size);
font-family: var(--h2-font-family);
margin: 0;
}
@media (min-width: 768px) {
.block--type--linked-pages--alternative .two-col,.block--type--linked-pages--alternative .three-col {
flex-flow: wrap;
}
}
@media (min-width: 1024px) {
.block--type--linked-pages--alternative .two-col,.block--type--linked-pages--alternative .three-col {
align-items: stretch;
}
}
.block--type--linked-pages--alternative .two-col .field--name-field-linked-pages,.block--type--linked-pages--alternative .three-col .field--name-field-linked-pages {
padding: 0 .8rem 3rem;
}
@media (min-width: 1024px) {
.block--type--linked-pages--alternative .two-col .field--name-field-linked-pages,.block--type--linked-pages--alternative .three-col .field--name-field-linked-pages {
padding: 0 var(--container-padding-h) 3.2rem var(--container-padding-h);
}
}
.block--type--linked-pages--alternative .two-col .field--name-field-linked-pages .teaser,.block--type--linked-pages--alternative .three-col .field--name-field-linked-pages .teaser {
padding: 0!important;
}
@media (min-width: 768px) {
.block--type--linked-pages--alternative .three-col .field--name-field-linked-pages {
width: 50%;
}
}
@media (min-width: 1024px) {
.block--type--linked-pages--alternative .three-col .field--name-field-linked-pages {
width: 33.3333%;
}
}
.block--type--linked-pages--alternative .three-col .teaser__content {
padding-bottom: 4rem;
position: relative;
}
.block--type--linked-pages--alternative .three-col .teaser__header__left {
padding-right: 0;
}
.block--type--linked-pages--alternative .three-col .teaser__header-cta {
padding-left: 0;
position: absolute;
bottom: 0;
}
@media (min-width: 768px) {
.block--type--linked-pages--alternative .two-col .field--name-field-linked-pages {
width: 50%;
}
}
.block--type--linked-pages--alternative .field--name-field-linked-pages .teaser__no-media: before,.block--type--linked-pages--alternative .field--name-field-linked-pages .teaser__media: before {
padding-top: 56.1404%;
}
.block--type--linked-pages--alternative .field--name-field-linked-pages .cover-link: before {
content: "";
z-index: 3;
cursor: pointer;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--type--linked-pages--carousel-full-width__inner,.block--type--linked-pages--parallax-slider__inner {
flex-direction: column;
display: flex;
}
.block--type--linked-pages--carousel-full-width__inner>.block--type--linked-pages--carousel-full-width__header,.block--type--linked-pages--parallax-slider__inner>.block--type--linked-pages--carousel-full-width__header {
order: 1;
}
.block--type--linked-pages--carousel-full-width__inner>.block--type--linked-pages--carousel-full-width__header h2,.block--type--linked-pages--parallax-slider__inner>.block--type--linked-pages--carousel-full-width__header h2 {
max-width: 76.7rem;
}
.path-frontpage .block--type--linked-pages--carousel-full-width__inner>.block--type--linked-pages--carousel-full-width__header h2,.path-frontpage .block--type--linked-pages--parallax-slider__inner>.block--type--linked-pages--carousel-full-width__header h2 {
--h2-font-family: var(--h1-font-family);
--h2-font-size-mobile: var(--h1-font-size-mobile);
--h2-font-size: var(--h1-font-size);
}
.block--type--linked-pages--carousel-full-width__inner>.block--type--linked-pages--carousel-full-width__header h3,.block--type--linked-pages--parallax-slider__inner>.block--type--linked-pages--carousel-full-width__header h3 {
color: var(--color-secondary-200);
--h3-font-size-mobile: 1.8rem;
--h3-font-size: 1.8rem;
--h3-font-family: var(--font-family-faktum);
margin: .8rem 0 0;
}
.block--type--linked-pages--carousel-full-width__inner>.button,.block--type--linked-pages--parallax-slider__inner>.button {
order: 3;
width: 100%;
margin-top: 4rem;
}
.block--type--linked-pages--carousel-full-width__inner>.splide,.block--type--linked-pages--parallax-slider__inner>.splide {
order: 2;
margin-top: 3.2rem;
}
.block--type--linked-pages--carousel-full-width__inner .splide__arrows .splide__arrow,.block--type--linked-pages--parallax-slider__inner .splide__arrows .splide__arrow {
top: calc(50% - 5em);
}
@media (min-width: 1024px) {
.block--type--linked-pages--carousel-full-width__inner,.block--type--linked-pages--parallax-slider__inner {
flex-flow: wrap;
align-items: flex-end;
}
.block--type--linked-pages--carousel-full-width__inner>.block--type--linked-pages--carousel-full-width__header,.block--type--linked-pages--parallax-slider__inner>.block--type--linked-pages--carousel-full-width__header {
max-width: 80%;
}
.block--type--linked-pages--carousel-full-width__inner>.button,.block--type--linked-pages--parallax-slider__inner>.button {
flex-grow: 0;
flex-shrink: 0;
order: 2;
width: auto;
max-width: 20%;
margin-top: 0;
margin-left: auto;
}
.block--type--linked-pages--carousel-full-width__inner>.splide,.block--type--linked-pages--parallax-slider__inner>.splide {
order: 3;
width: 100%;
margin-top: 6.4rem;
}
}
.block--type--linked-pages: has(.block--type--linked-pages__grid) h2 {
width: min(100% - 3rem,114rem);
margin: 0 auto 1em;
}
.block--type--linked-pages__grid {
gap: 1.6rem;
width: min(100% - 3rem,114rem);
margin: 3.2rem auto 0;
display: grid;
}
@media (min-width: 768px) {
.block--type--linked-pages__grid {
grid-template-columns: repeat(2,1fr);
gap: 4rem 3rem;
margin: 0 auto;
}
}
.block--type--linked-pages__grid__item .teaser__header-cta {
display: none;
}
.block--type--linked-pages__grid__item a.cover-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tabbed-block>* {
padding: 0 var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.tabbed-block {
grid-template-columns: 25% 33.3333% 41.6667%;
display: grid;
}
.tabbed-block>* {
padding: 0 var(--container-padding-h);
align-self: center;
}
}
.tabbed-block__header em {
--default-title-color: var(--color-secondary-200);
--h5-font-size-mobile: 1.8rem;
font-style: normal;
}
.tabbed-block__header h2 {
margin-top: 1.6rem;
}
.tabbed-block__images {
max-width: 27.9rem;
margin: 3.2rem auto 0;
position: relative;
}
.tabbed-block__images: before {
content: "";
padding-top: 121.458%;
display: block;
}
.tabbed-block__images .media {
position: relative;
}
.tabbed-block__images .media: before {
content: "";
background-color: var(--media-background-color);
padding-top: 121.458%;
display: block;
}
.tabbed-block__images .media img {
object-position: 50% 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tabbed-block__images .media.contextual-region .contextual .trigger {
position: relative!important;
}
@media (min-width: 1024px) {
.tabbed-block__images {
max-width: none;
margin: 0;
}
.tabbed-block__images: before {
content: "";
padding-top: 129.73%;
display: block;
}
.tabbed-block__images .media: before {
padding-top: 129.73%;
}
}
.tabbed-block__tab__image {
inset: 0 var(--container-padding-h-mobile) 0 var(--container-padding-h-mobile);
opacity: 0;
transition: opacity .45s ease-out;
position: absolute;
}
.tabbed-block__tab__image[hidden] {
opacity: 0;
display: block;
}
@media (min-width: 1024px) {
.tabbed-block__tab__image {
max-width: none;
right: var(--container-padding-h);
left: var(--container-padding-h);
}
}
.tabbed-block__tab__image.active {
opacity: 1;
}
.tabbed-block__content {
margin-top: 3.2rem;
}
@media (min-width: 1024px) {
.tabbed-block__content {
margin-top: 0;
}
}
.tabbed-block__content>.button {
margin-top: 3rem;
}
.tabbed-block__tab {
margin-top: 3.2rem;
position: relative;
}
.tabbed-block__tab: first-child {
margin-top: 0;
}
.tabbed-block__tab: before {
content: "";
background-color: var(--tabbed-block-tab-border-color,var(--color-grey-new));
opacity: .5;
width: .2rem;
transition: opacity .25s ease-out,background-color .25s ease-out;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.tabbed-block__tab .button {
margin-top: 1.6rem;
}
.tabbed-block__tab.active: before {
--tabbed-block-tab-border-color: var(--color-secondary-200);
opacity: 1;
}
.tabbed-block__content__title {
--h6-font-size-mobile: var(--body-text-font-size);
--h6-font-size: var(--small-text-font-size);
--default-title-line-height: var(--default-text-line-height);
cursor: pointer;
opacity: .5;
padding-left: 2.4rem;
transition: opacity .25s ease-out;
}
.tabbed-block__content__title: hover {
opacity: .75;
}
.tabbed-block__content__title.active {
opacity: 1;
}
.tabbed-block__tab__content {
padding-left: 2.4rem;
transition: max-height .3s ease-out,opacity .25s ease-out;
overflow: hidden;
}
.tabbed-block__tab__content[hidden] {
opacity: 0;
max-height: 0;
display: block;
}
.tabbed-block__tab__content.active {
opacity: 1;
}
.tabbed-block__tab__content>: first-child {
margin-top: .8rem;
}
.tabbed-block__content__description {
color: var(--color-neutral-500);
font-size: var(--tabbed-block-description-font-size,1.4rem);
opacity: .6;
line-height: 150%;
}
.tabbed-block--titles-above: not(: has(.tabbed-block__header>.title)) {
gap: 0 5.2rem;
}
.tabbed-block--titles-above .tabbed-block__header {
display: none;
}
.tabbed-block--titles-above .tabbed-block__header: has(.title,.h4) {
display: block;
}
.tabbed-block--titles-above .tabbed-block__header: not(: has(.title))+.tabbed-block__images {
margin-top: 0;
}
.tabbed-block--titles-above .tabbed-block__header em {
--default-title-color: var(--color-neutral-500);
}
.tabbed-block--titles-above .tabbed-block__header .h3 {
--default-title-color: var(--color-primary-400);
}
.tabbed-block--titles-above .tabbed-block__images .media img {
height: 100%;
}
@media (min-width: 1024px) {
.tabbed-block--titles-above .tabbed-block__images: before,.tabbed-block--titles-above .tabbed-block__images .media: before {
padding-top: 100%;
}
}
.tabbed-block--titles-above .tabbed-block__tab {
margin-top: 1.6rem;
transition: margin-top .45s ease-out;
}
.tabbed-block--titles-above .tabbed-block__tab: first-child {
margin-top: 0;
}
.tabbed-block--titles-above .tabbed-block__tab.active+.tabbed-block__tab {
margin-top: 3.2rem;
}
@media (min-width: 1024px) {
.tabbed-block--titles-above .tabbed-block__tab {
margin-top: 2.4rem;
}
.tabbed-block--titles-above .tabbed-block__tab: first-child {
margin-top: 0;
}
.tabbed-block--titles-above .tabbed-block__tab.active+.tabbed-block__tab {
margin-top: 4.8rem;
}
}
.tabbed-block--titles-above .tabbed-block__content__title {
--h6-font-family: var(--h4-font-family);
--h6-font-size-mobile: var(--h4-font-size-mobile);
--h6-font-size: var(--h4-font-size);
--default-title-line-height: 125%;
}
@media (min-width: 1024px) {
.tabbed-block--titles-above .tabbed-block__content__description {
--tabbed-block-description-font-size: var(--default-text-font-size);
}
.tabbed-block--titles-above {
grid-template-columns: 41.6667% 35.8333%;
column-gap: 8.16667%;
}
.tabbed-block--titles-above .tabbed-block__header {
grid-area: 1/1/1/1;
}
.tabbed-block--titles-above .tabbed-block__header+.tabbed-block__images,.tabbed-block--titles-above .tabbed-block__header+.tabbed-block__content {
margin-top: 6.4rem;
}
.tabbed-block--titles-above .tabbed-block__images {
grid-area: 2/1/2/1;
}
.tabbed-block--titles-above .tabbed-block__content {
grid-area: 2/2/2/2;
}
}
.tabbed-block--titles-above .tabbed-block__tab .button {
--button-border-width: 0;
--button-padding: 0;
--button-border-radius: 0;
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-justify-content: flex-start;
}
.tabbed-block--titles-above .tabbed-block__tab .button: hover {
--button-color: var(--color-secondary-400);
--button-background-color: transparent;
}
.tabbed-block--titles-above .tabbed-block__tab .button: active,.tabbed-block--titles-above .tabbed-block__tab .button.active {
--button-color: var(--color-secondary-500);
--button-background-color: transparent;
}
.tabbed-block--titles-above .tabbed-block__tab .button: focus {
--button-focus-outline-color: var(--color-secondary-200);
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-200);
--button-border-width: .1rem;
--button-padding: 0 .6rem;
}
.tabbed-block--titles-above .tabbed-block__tab .button: disabled,.tabbed-block--titles-above .tabbed-block__tab .button[disabled] {
--button-border-width: 0;
--button-padding: 0;
--button-color: var(--color-disabled-grey);
--button-background-color: transparent;
}
.tabbed-block.view-mode--landscape {
grid-template-columns: 720fr 398fr;
gap: 3.2rem 5.2rem;
padding: 0;
}
@media (min-width: 1024px) {
.tabbed-block.view-mode--landscape {
padding: 0 var(--container-padding-h);
}
}
.tabbed-block.view-mode--landscape .tabbed-block__images {
max-width: none;
padding: 0;
display: grid;
}
.tabbed-block.view-mode--landscape .tabbed-block__images: before,.tabbed-block.view-mode--landscape .tabbed-block__images .media: before {
content: none;
}
@media (min-width: 1024px) {
.tabbed-block.view-mode--landscape .tabbed-block__content {
padding: 0;
}
}
.tabbed-block.view-mode--landscape .tabbed-block__tab__image {
grid-area: 1/1/-1/-1;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.tabbed-block.view-mode--landscape .tabbed-block__tab__image img {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.search-overview {
position: relative;
}
.search-overview__header {
z-index: 10;
position: relative;
}
.search-overview__header [data-facet-panel-button].disabled {
display: none;
}
.search-overview__title {
margin-bottom: 3.65rem;
}
.search-overview__filters {
flex-direction: column;
padding: 1.2rem 0;
display: flex;
}
@media (min-width: 1024px) {
.search-overview__filters {
flex-direction: row;
gap: 1.6rem 0;
}
}
.search-overview__filters .form-item--search-location {
width: 100%;
}
.search-overview__filters .form-item--search-location input[type=text] {
height: 4.1rem;
}
@media (min-width: 1024px) {
.search-overview__filters .form-item--search-location {
width: 35.3rem;
}
}
.search-overview__blocks {
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.search-overview__blocks {
padding-left: var(--container-padding-h);
order: 0;
padding-right: 0;
}
.search-overview__blocks+.search-overview__filter-buttons {
margin-left: .8rem;
padding-left: 0;
}
}
.search-overview__filter-buttons {
order: 2;
margin-top: 1.2rem;
overflow: hidden;
}
@media (min-width: 1024px) {
.search-overview__filter-buttons {
order: 1;
margin-top: 0;
}
}
.search-overview__filter-buttons__scroll {
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
flex-flow: wrap;
align-items: center;
gap: .8rem;
min-height: 4.1rem;
display: flex;
}
@media (min-width: 1024px) {
.search-overview__filter-buttons__scroll: has(.button--filter: first-child) {
min-height: 0;
}
}
.search-overview__filter-buttons__scroll: : -webkit-scrollbar {
display: none;
}
@media (min-width: 1024px) {
.search-overview__filter-buttons__scroll: : -webkit-scrollbar {
display: block;
}
}
.search-overview__filter-buttons__scroll>* {
white-space: nowrap;
}
.search-overview__filter-buttons__scroll .facet-block {
border: none;
margin-top: 0;
padding-top: 0;
}
.search-overview__filter-buttons__scroll .facets-widget-checkbox .facet-item {
margin: 0!important;
}
@media (min-width: 1024px) {
.search-overview__filter-buttons__scroll {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
order: 1;
}
.search-overview__view-mode-toggle {
order: 3;
}
}
.search-overview__fulltext-search {
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
order: 0;
position: relative;
}
.search-overview__fulltext-search input[type=text] {
height: 4.1rem!important;
}
@media (min-width: 1024px) {
.search-overview__fulltext-search {
flex-shrink: 0;
order: 2;
margin-left: auto;
padding-left: .8rem;
}
.search-overview__fulltext-search form {
width: auto;
max-width: 17.8rem;
}
}
.search-overview__fulltext-search .search-reset .icon--reset.hidden {
clip-path: none;
font-size: initial;
line-height: initial;
opacity: 1;
pointer-events: initial;
width: 1.2rem;
height: 1.2rem;
display: flex;
overflow: visible;
transform: none;
}
.search-overview__container {
margin-top: 1.2rem;
margin-bottom: var(--container-layout-builder-block-v);
position: relative;
}
.layout: last-child .block-dealer-campaign-overview: last-child .search-overview__container {
margin-bottom: 0;
}
.search-overview__container .product-card: last-of-type {
border-bottom: none;
}
@media (min-width: 1024px) {
.search-overview__container {
margin-top: 1.6rem;
}
}
.search-overview__container: before {
content: " ";
z-index: 11;
opacity: 0;
pointer-events: none;
background: #ffffffbf;
width: 100%;
height: 100%;
transition: opacity .25s ease-out;
display: block;
position: absolute;
top: 0;
left: 0;
}
.ajaxified-facets-loading: not(.facet-panel-active) .search-overview__container: before {
opacity: 1;
pointer-events: auto;
z-index: 1011;
}
.ajaxified-facets-loading: not(.facet-panel-active) .search-overview__container: after {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: " ";
z-index: 1012;
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
margin-top: -.8rem;
margin-left: -.8rem;
animation: .8s linear infinite loader-spin;
display: block;
position: absolute;
top: 4.8rem;
left: 50%;
}
.block-search-overview--dealers .ajaxified-facets-loading .search-overview__container: before {
opacity: 1;
pointer-events: auto;
z-index: 1100;
}
.block-search-overview--dealers .ajaxified-facets-loading .search-overview__container: after {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: " ";
z-index: 1101;
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
margin-top: 0;
margin-left: 0;
animation: .8s linear infinite loader-spin;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.search-overview__counter {
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
color: var(--color-neutral-300);
margin-bottom: 1.6rem;
font-style: normal;
display: block;
}
@media (min-width: 1024px) {
.search-overview__counter {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
margin-bottom: 2.2rem;
}
}
.search-overview__facet__clear-all {
font-family: var(--font-family-faktum);
font-size: var(--small-text-font-size);
color: var(--color-grey-new);
white-space: nowrap;
margin-top: .1rem;
margin-left: 1.6rem;
line-height: 100%;
}
.search-overview__facet__clear-all: hover {
color: var(--color-neutral-300);
}
.block-search-overview--dealers .facet-block+.search-overview__facet__clear-all {
margin-left: 2.4rem;
}
.search-overview__facet__actions {
font-family: var(--font-family-faktum);
font-size: var(--small-text-font-size);
flex-direction: row;
align-items: center;
margin-top: 2.4rem;
line-height: 100%;
display: flex;
}
.search-overview__grid .search-overview__counter {
margin-bottom: .9rem;
}
.search-overview__grid .facet-block {
border: none;
margin-top: 0;
padding-top: 0;
}
.search-overview__grid .facet-block~.facet-block {
margin-top: 1.2rem;
}
.search-overview__grid .facets-widget h3 {
--default-title-color: var(--color-neutral-300);
--h3-font-size-mobile: 1.6rem;
--h3-font-size: 1.6rem;
--h3-letter-spacing: 0;
text-transform: none;
margin: 0 0 .9rem;
}
@media (min-width: 1024px) {
.search-overview__grid {
grid-auto-columns: auto 1fr;
display: grid;
}
.search-overview__grid .search-overview__counter {
margin-bottom: .9rem;
}
}
.search-overview__grid__filters {
z-index: 501;
pointer-events: none;
background: 0 0;
transition: background .25s ease-out;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.facet-panel-active .search-overview__grid__filters {
pointer-events: auto;
background: #0006;
}
body.grid-filters-desktop .search-overview__grid__filters {
pointer-events: none!important;
background: 0 0!important;
}
body.grid-filters-desktop .search-overview__grid__filters .search-overview__grid__filters.active {
pointer-events: auto;
}
.search-overview__grid__filters.animate {
transition: transform .25s ease-out;
}
@media (min-width: 1024px) {
.search-overview__grid__filters {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
z-index: 1;
max-width: 30rem;
padding-bottom: 1.6rem;
position: relative;
bottom: auto;
left: auto;
right: auto;
}
}
.search-overview__grid__filters__panel {
background-color: var(--color-white);
z-index: 20;
border-radius: 16px 16px 0 0;
flex-direction: column;
height: auto;
max-height: calc(100% - 4.6rem);
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
transform: translateY(100%);
}
.search-overview__grid__filters__panel.animate {
transition: transform .25s ease-out;
}
.search-overview__grid__filters__panel.active {
pointer-events: auto;
transform: translateY(0);
box-shadow: 0 0 1px #1a202452,0 -40px 64px #5b68713d;
}
@media (min-width: 1024px) {
.search-overview__grid__filters__panel.active {
pointer-events: auto;
box-shadow: none;
transform: translateY(0);
}
.search-overview__grid__filters__panel {
max-height: none;
box-shadow: none;
pointer-events: auto;
z-index: 1;
border-radius: 0;
position: relative;
bottom: auto;
left: auto;
right: auto;
transform: translateY(0);
}
}
.search-overview__grid__filters__header {
justify-content: flex-end;
height: 4.2rem;
padding: 1rem .9rem 0;
display: flex;
}
@media (min-width: 1024px) {
.search-overview__grid__filters__header {
pointer-events: none;
height: 0;
padding: 0;
display: none;
}
}
.search-overview__grid__filters__content {
-webkit-overflow-scrolling: touch;
height: calc(100% - 4.2rem);
padding: 0 1.5rem 6.2rem;
overflow: hidden auto;
}
@media (min-width: 1024px) {
.search-overview__grid__filters__content {
padding: 0;
overflow: hidden;
}
}
.search-overview__grid__filters__close {
background: 0 0;
border: none;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
padding: 0;
font-size: 0;
line-height: 1;
display: flex;
}
.search-overview__grid__filters__close svg {
width: 1.4rem;
height: 1.4rem;
}
.search-overview__grid__filters__actions {
background: var(--color-white);
z-index: 1;
height: 4.6rem;
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
flex-direction: row;
align-items: center;
padding: 1.6rem;
line-height: 100%;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 0 .1rem #1a202452,0 -.1rem 1rem #5b68711f;
}
@media (min-width: 1024px) {
.search-overview__grid__filters__actions {
pointer-events: none;
height: 0;
padding: 0;
display: none;
}
}
.search-overview__grid__filters__actions a[data-facets-filter-link] {
--link-color: var(--color-neutral-300);
}
.search-overview__grid__filters__actions a.search-overview__grid__filters__view-results {
margin-left: auto;
}
[data-facet-nav-replace]: empty {
margin-bottom: 6.4rem;
}
@media (min-width: 1024px) {
.search-overview__grid__results {
grid-column-start: 2;
}
}
.facet-block-story-type {
flex-flow: wrap;
align-items: center;
gap: .8rem;
min-height: 4.1rem;
display: flex;
}
@media (min-width: 550px) {
.block-project-search-overview .teaser-grid {
flex-flow: wrap;
}
.block-project-search-overview .teaser-grid .teaser {
width: 50%;
}
}
@media (min-width: 1024px) {
.block-project-search-overview .teaser-grid .teaser {
width: 100%;
}
.block-project-search-overview .teaser-grid .teaser--small {
width: 33.3333%;
}
.block-project-search-overview .teaser-grid .teaser--medium {
width: 50%;
}
}
.block-career-search-overview {
margin-bottom: var(--container-layout-builder-block-v-mobile);
}
@media (min-width: 768px) {
.block-career-search-overview {
margin-bottom: var(--container-layout-builder-block-v);
}
}
.block-career-search-overview .search-overview__header {
padding-top: 0;
}
.block-career-search-overview .node--career--search-result {
border-top: 1px solid var(--color-neutral-100);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.block-career-search-overview .node--career--search-result {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.block-career-search-overview__spontaneous-application {
background-color: var(--color-primary-400);
text-align: center;
padding: 6.4rem 3.2rem;
}
.block-career-search-overview__spontaneous-application h2,.block-career-search-overview__spontaneous-application p {
color: var(--color-white);
margin: 0;
}
.block-career-search-overview__spontaneous-application .button {
margin-top: 3.2rem;
}
.block-news-search-overview .search-overview__header {
padding-top: 2rem;
}
@media (min-width: 1024px) {
.block-search-overview--dealers .facet-panel,.block-dealer-seo-map .facet-panel,.block-dealer-campaign-overview .facet-panel {
left: var(--header-max-width);
}
.block-search-overview--dealers .search-overview__blocks+.search-overview__filter-buttons,.block-dealer-seo-map .search-overview__blocks+.search-overview__filter-buttons,.block-dealer-campaign-overview .search-overview__blocks+.search-overview__filter-buttons {
margin-left: 0;
}
}
body.facet-panels-desktop .block-search-overview--dealers .search-overview__filter-buttons .button--filter,body.facet-panels-desktop .block-dealer-seo-map .search-overview__filter-buttons .button--filter,body.facet-panels-desktop .block-dealer-campaign-overview .search-overview__filter-buttons .button--filter {
pointer-events: none;
display: none;
}
body.facet-panels-desktop .block-search-overview--dealers .facet-panel,body.facet-panels-desktop .block-search-overview--dealers .facet-panel__show,body.facet-panels-desktop .block-dealer-seo-map .facet-panel,body.facet-panels-desktop .block-dealer-seo-map .facet-panel__show,body.facet-panels-desktop .block-dealer-campaign-overview .facet-panel,body.facet-panels-desktop .block-dealer-campaign-overview .facet-panel__show {
top: auto;
bottom: 2.4rem;
right: 1.6rem;
}
body.facet-panels-desktop .block-search-overview--dealers .button--filter,body.facet-panels-desktop .block-dealer-seo-map .button--filter,body.facet-panels-desktop .block-dealer-campaign-overview .button--filter {
top: 1.6rem;
bottom: auto;
left: 1.6rem;
right: auto;
}
body.facet-panels-desktop .block-search-overview--dealers .facet-panel,body.facet-panels-desktop .block-dealer-seo-map .facet-panel,body.facet-panels-desktop .block-dealer-campaign-overview .facet-panel {
pointer-events: auto;
opacity: 1;
z-index: 2;
top: 1.6rem;
bottom: auto;
left: 1.6rem;
right: auto;
}
body.facet-panels-desktop .block-search-overview--dealers .facet-panel .facet-panel__view-results,body.facet-panels-desktop .block-dealer-seo-map .facet-panel .facet-panel__view-results,body.facet-panels-desktop .block-dealer-campaign-overview .facet-panel .facet-panel__view-results {
pointer-events: none;
display: none;
}
body.facet-panels-desktop .block-search-overview--dealers .facet-panel__show,body.facet-panels-desktop .block-dealer-seo-map .facet-panel__show,body.facet-panels-desktop .block-dealer-campaign-overview .facet-panel__show {
pointer-events: auto;
z-index: 1;
position: absolute;
}
.block-search-overview--dealers .search-overview__header,.block-dealer-seo-map .search-overview__header,.block-dealer-campaign-overview .search-overview__header {
z-index: inherit;
}
.block-search-overview--dealers .search-overview__container,.block-dealer-seo-map .search-overview__container,.block-dealer-campaign-overview .search-overview__container {
width: 100%;
max-width: none;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1024px) {
.block-search-overview--dealers .search-overview__container,.block-dealer-seo-map .search-overview__container,.block-dealer-campaign-overview .search-overview__container {
overflow: hidden;
}
}
@media (min-width: 1441px) {
.block-search-overview--dealers .search-overview__container,.block-dealer-seo-map .search-overview__container,.block-dealer-campaign-overview .search-overview__container {
margin-left: calc((100% - var(--container-max-width)) / 2);
width: auto;
padding-top: 1.6rem;
}
}
.block-search-overview--dealers .search-overview__filter-buttons__scroll,.block-dealer-seo-map .search-overview__filter-buttons__scroll,.block-dealer-campaign-overview .search-overview__filter-buttons__scroll {
display: block;
}
@media (min-width: 1024px) {
.block-search-overview--dealers .search-overview__filter-buttons__scroll,.block-dealer-seo-map .search-overview__filter-buttons__scroll,.block-dealer-campaign-overview .search-overview__filter-buttons__scroll {
display: flex;
}
}
.block-search-overview--dealers .search-overview__facet__clear-all,.block-dealer-seo-map .search-overview__facet__clear-all,.block-dealer-campaign-overview .search-overview__facet__clear-all {
display: none;
}
@media (min-width: 1024px) {
.block-search-overview--dealers .search-overview__facet__clear-all,.block-dealer-seo-map .search-overview__facet__clear-all,.block-dealer-campaign-overview .search-overview__facet__clear-all {
display: block;
}
}
@media (max-width: 1023px) {
.block-search-overview--dealers .search-overview__filters .facets-widget-single_value_toggle,.block-dealer-seo-map .search-overview__filters .facets-widget-single_value_toggle,.block-dealer-campaign-overview .search-overview__filters .facets-widget-single_value_toggle {
white-space: normal;
}
.block-search-overview--dealers .search-overview__filters .facets-widget-single_value_toggle li,.block-dealer-seo-map .search-overview__filters .facets-widget-single_value_toggle li,.block-dealer-campaign-overview .search-overview__filters .facets-widget-single_value_toggle li {
flex: auto;
}
.block-search-overview--dealers .search-overview__filters .button--filter,.block-dealer-seo-map .search-overview__filters .button--filter,.block-dealer-campaign-overview .search-overview__filters .button--filter {
width: 100%;
margin-top: 1.2rem;
margin-left: 0;
}
}
.search-banner {
background-color: var(--color-primary-400);
margin: 3rem 1.5rem;
}
@media (min-width: 996px) {
.search-banner {
grid-template-columns: repeat(2,1fr);
display: grid;
}
}
.search-banner h2 {
color: var(--color-white);
margin-bottom: .5em;
}
.search-banner p {
color: var(--color-lighter-grey);
}
.search-banner__content {
align-self: center;
padding: 4rem 4.4rem;
}
.search-banner__image {
position: relative;
}
@media (min-width: 996px) {
.search-banner__image .media {
height: 100%;
position: relative;
}
.search-banner__image img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.block-downloads-search .downloads-results .media {
padding: 0 var(--container-padding-h-mobile) .8rem var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.block-downloads-search .downloads-results .media {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.block-downloads-search .downloads-results--list {
margin-bottom: 2.4rem;
}
.block-downloads-search .downloads-results--list .media--download .media--download__media: has(img) {
background-color: var(--color-neutral-100);
border-radius: .6rem;
padding: .8rem;
}
.block-downloads-search .downloads-results--list .media--download .media--download__media img {
object-fit: contain;
filter: drop-shadow(0 .2rem .4rem #00000040);
width: 6.4rem;
height: 6.4rem;
display: block;
}
.block-downloads-search .downloads-results--grid {
grid-template-columns: 1fr;
display: grid;
}
.block-downloads-search .downloads-results--grid .media {
padding-bottom: 3.2rem;
}
@media (min-width: 768px) {
.block-downloads-search .downloads-results--grid {
grid-template-columns: repeat(3,1fr);
}
.block-downloads-search .downloads-results--grid .media {
padding-bottom: 3rem;
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
@media (min-width: 1280px) {
.block-downloads-search .downloads-results--grid {
grid-template-columns: repeat(4,1fr);
}
}
.block-downloads-search .downloads-results--grid .media--download {
background-color: var(--color-lighter-grey);
border-color: var(--color-neutral-200);
flex-direction: column;
height: 100%;
padding: 0 0 2rem;
}
.block-downloads-search .downloads-results--grid .media--download>div {
width: 100%;
margin: 0;
}
.block-downloads-search .downloads-results--grid .media--download .media--download__media {
margin: 0;
display: block;
position: relative;
}
.block-downloads-search .downloads-results--grid .media--download .media--download__media: before {
content: "";
background-color: var(--color-neutral-100);
padding-top: 40%;
display: block;
}
@media (min-width: 768px) {
.block-downloads-search .downloads-results--grid .media--download .media--download__media: before {
padding-top: 50%;
}
}
@media (min-width: 1024px) {
.block-downloads-search .downloads-results--grid .media--download .media--download__media: before {
padding-top: 100%;
}
}
.block-downloads-search .downloads-results--grid .media--download .media--download__media svg.icon-filetype {
height: 6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
@media (min-width: 480px) {
.block-downloads-search .downloads-results--grid .media--download .media--download__media svg.icon-filetype {
height: 9rem;
}
}
.block-downloads-search .downloads-results--grid .media--download .media--download__media img {
object-fit: contain;
filter: drop-shadow(0 .4rem 1rem #00000040);
width: calc(100% - 4.8rem);
height: calc(100% - 4.8rem);
position: absolute;
top: 2.4rem;
bottom: 2.4rem;
left: 2.4rem;
right: 2.4rem;
}
.block-downloads-search .downloads-results--grid .media--download .media--download__info {
padding: 2rem 2rem 0;
}
.block-downloads-search .downloads-results--grid .media--download .media--download__info .flag {
top: .9rem;
}
.block-downloads-search .downloads-results--grid .media--download .media--download__download {
flex-direction: row;
padding: .8rem 2rem 0;
display: flex;
}
.block-downloads-search .downloads-results--grid .media--download .media--download__download .filename {
order: -1;
margin-top: 0;
}
.block-downloads-search .downloads-results--grid .media--download .media--download__download>a {
margin-left: auto;
}
@media (min-width: 768px) {
.search-overview__grid__filters+.search-overview__grid__results .downloads-results--grid {
grid-template-columns: repeat(2,1fr);
}
}
@media (min-width: 1280px) {
.search-overview__grid__filters+.search-overview__grid__results .downloads-results--grid {
grid-template-columns: repeat(3,1fr);
}
}
.dealer-overview .h3,.dealer-overview h3 {
--default-title-color: var(--color-primary-400);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-bottom: 1.6rem;
}
@media (min-width: 1024px) {
.dealer-overview .h3,.dealer-overview h3 {
padding-left: var(--container-padding-h);
padding-right: 0;
}
}
.dealer-overview>header {
margin-bottom: 1.2rem;
position: static;
}
@media (min-width: 1024px) {
.dealer-overview>header {
margin-bottom: 2.4rem;
}
}
@media (min-width: 1441px) {
.block-dealer-campaign-overview {
margin-left: calc(50% - var(--container-max-width) / 2);
}
}
.block-dealer-campaign-overview h3 {
padding-left: var(--container-padding-h);
}
.block-dealer-campaign-overview .search-overview__container {
margin-left: 0;
}
@media (min-width: 1441px) {
.block-dealer-campaign-overview .search-overview__blocks {
padding-right: 0;
}
}
.block-my-leads .search-overview__header {
z-index: inherit;
}
.block-contact-point-search-overview {
--columns: 1;
}
@media (min-width: 768px) {
.block-contact-point-search-overview {
--columns: 2;
}
}
@media (min-width: 1280px) {
.block-contact-point-search-overview {
--columns: 3;
}
}
.block-contact-point-search-overview .views-element-container>div {
grid-template-columns: repeat(var(--columns),1fr);
gap: 3.2rem;
display: grid;
}
.block-contact-point-search-overview .contact-point {
min-height: 100%;
}
.block-contact-point-search-overview [data-facet-nav-replace] {
grid-column: span var(--columns);
}
.block--type--slides-block {
width: 100%;
margin: 0 0 12.8rem;
position: relative;
}
.layout: last-child .block--type--slides-block: last-child {
margin: 0;
}
.block-inline-blockimage {
width: 100%;
padding: 0 1.5rem;
}
.block-inline-blockimage img {
background-color: var(--color-neutral-100);
height: auto;
}
.block-inline-blockimage .caption__wrapper {
margin: 0 auto;
}
.block-inline-blockimage.block-image-portrait-small .caption__wrapper,.block-inline-blockimage.block-image-portrait-large .caption__wrapper {
max-width: 47rem;
}
.block-inline-blockimage.block-image-image-square .caption__wrapper {
max-width: 57rem;
}
.block-inline-blockimage.block-image-landscape-small .caption__wrapper {
max-width: 67rem;
}
.block-inline-blockimage.block-image-landscape-full-width .caption__wrapper {
max-width: 117rem;
}
.block-inline-blockimage.block-image-default img {
width: auto;
margin-left: auto;
margin-right: auto;
}
.layout--onecol .block-image-landscape-full-width {
width: 100%;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.layout--onecol .block-image-landscape-full-width img {
margin: 0;
}
@media (min-width: 1920px) {
.layout--onecol .block-image-landscape-full-width img {
max-height: 57rem;
}
}
@media (min-width: 1024px) {
.layout--twocol-section .caption__wrapper {
margin: 0;
}
.layout--twocol-section .layout__region--second .caption__wrapper {
margin-left: auto;
}
}
.layout--twocol-section .layout__region--second .block-inline-blockimage {
margin-left: auto;
}
.layout--twocol-section .block-inline-blockimage {
width: 100%;
}
@media (max-width: 1023px) {
.layout--twocol-section .block-inline-blockimage {
margin-bottom: var(--container-margin-v-mobile);
}
}
.layout-builder__region .block--type--image-carrousel,.layout-builder__region .splide--loop {
max-width: 144rem;
}
.layout-builder__region .block--type--image-carrousel .contextual-region,.layout-builder__region .splide--loop .contextual-region {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--type--image-carrousel .contextual-region {
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block-inline-blockimage-grid {
max-width: 168rem;
margin-left: auto;
margin-right: auto;
padding: .8rem;
display: grid;
}
@media (min-width: 996px) {
.block-inline-blockimage-grid {
padding: 0;
}
}
.block-inline-blockimage-grid .media {
padding: .8rem;
}
@media (min-width: 996px) {
.block-inline-blockimage-grid .media {
padding: 1.5rem;
}
}
.block-inline-blockimage-grid.layout--1-landscape-2-squares,.block-inline-blockimage-grid.layout--all-squares {
grid-template-columns: repeat(2,1fr);
}
.block-inline-blockimage-grid.layout--1-landscape-2-squares img,.block-inline-blockimage-grid.layout--all-squares img {
max-height: 57rem;
}
.block-inline-blockimage-grid.layout--1-square-left {
grid-template-columns: repeat(2,1fr);
}
@media (min-width: 480px) {
.block-inline-blockimage-grid.layout--1-square-left {
grid-template-columns: repeat(4,1fr);
}
}
.block-inline-blockimage-grid.layout--1-square-left .media: first-of-type,.block-inline-blockimage-grid.layout--1-square-left .contextual+.media {
grid-column: span 2;
}
@media (min-width: 480px) {
.block-inline-blockimage-grid.layout--1-square-left .media: first-of-type,.block-inline-blockimage-grid.layout--1-square-left .contextual+.media {
grid-row: span 2;
}
}
@media (max-width: 640px) {
.block-inline-blockimage-grid.layout--3-portrait,.block-inline-blockimage-grid.layout--2-squares,.block-inline-blockimage-grid.layout--3-portrait .media,.block-inline-blockimage-grid.layout--2-squares .media {
padding-left: 0;
padding-right: 0;
}
}
.block-inline-blockimage-grid.layout--3-portrait .splide__arrow--prev,.block-inline-blockimage-grid.layout--2-squares .splide__arrow--prev {
left: 1rem;
}
@media (min-width: 640px) {
.block-inline-blockimage-grid.layout--3-portrait .splide__arrow--prev,.block-inline-blockimage-grid.layout--2-squares .splide__arrow--prev {
left: 2.5rem;
}
}
.block-inline-blockimage-grid.layout--3-portrait .splide__arrow--next,.block-inline-blockimage-grid.layout--2-squares .splide__arrow--next {
right: 1rem;
}
@media (min-width: 640px) {
.block-inline-blockimage-grid.layout--3-portrait .splide__arrow--next,.block-inline-blockimage-grid.layout--2-squares .splide__arrow--next {
right: 2.5rem;
}
}
.block-inline-blockimage-grid.layout--1-landscape-2-squares .media: first-of-type,.block-inline-blockimage-grid.layout--1-landscape-2-squares .contextual+.media {
grid-column: span 2;
}
.layout--onecol .block-inline-blocktext,.layout--onecol-section .block-inline-blocktext {
max-width: var(--container-max-width-sm);
width: calc(100% - 3.2rem);
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1441px) {
.layout--onecol .block-inline-blocktext,.layout--onecol-section .block-inline-blocktext {
max-width: var(--container-max-width-sm-widescreen);
}
}
.layout--onecol .block-inline-blocktext.center-text,.layout--onecol-section .block-inline-blocktext.center-text {
text-align: center;
}
@media (max-width: 1023px) {
.layout--twocol-section .layout__region--first .block-inline-blocktext {
margin-bottom: var(--container-margin-v-mobile);
}
}
.layout--twocol-section .layout__region--first .block-inline-blocktext.center-text {
margin-left: 0;
}
@media (min-width: 1024px) {
.layout--twocol-section .layout__region--second {
margin-left: auto;
}
}
.layout--twocol-section .block-inline-blocktext {
max-width: 60rem;
padding: 0 1.5rem;
}
@media (min-width: 1024px) {
.layout--twocol-section .block-inline-blocktext.center-text {
align-self: center;
margin-left: 0;
}
}
.block-inline-blocktext .field--name-field-body {
margin-bottom: 2.4rem;
}
@media (min-width: 1024px) {
.block-inline-blocktext .field--name-field-body {
margin-bottom: var(--container-margin-v-mobile);
}
}
.block-inline-blocktext h2+.field--name-field-body {
margin-top: 3.2rem;
}
.block-inline-blocktext .field--subtitle {
color: var(--color-neutral-300);
margin: .8rem 0 3.2rem;
}
.block-inline-blocktext.h2-styling h2 {
--default-title-color: var(--color-primary-400);
}
.block-inline-blocktext+.block-inline-blocktext {
margin-top: calc(-1 * (var(--container-layout-builder-block-v-mobile) - 3.2rem));
}
@media (min-width: 1024px) {
.block-inline-blocktext+.block-inline-blocktext {
margin-top: calc(-1 * (var(--container-layout-builder-block-v) - 3.2rem));
}
}
.block-inline-blocktext: has(+.block-inline-blockvideo,+.block-inline-blockimage,+.block-inline-blockimage-grid) {
margin-bottom: 3.2rem;
}
.block-inline-blocktext: has(+.block-inline-blockvideo,+.block-inline-blockimage,+.block-inline-blockimage-grid).center-text {
text-align: center;
}
@media (max-width: 1023px) {
.layout--twocol-section .layout__region--first .block-inline-blockvideo {
margin-bottom: var(--container-margin-v-mobile);
}
}
.block-inline-blockvideo {
max-width: var(--container-max-width-sm);
margin-left: auto;
margin-right: auto;
padding: 0 1.5rem;
}
.block-inline-blockvideo .media-popup-trigger {
background-color: var(--color-primary-400);
}
.block--type--video--large {
max-width: var(--container-max-width);
margin-left: auto;
margin-right: auto;
}
.block-related-events {
gap: 1.6rem 3.2rem;
margin-block-start: 3.2rem;
margin-block-end: 3.2rem;
display: grid;
}
@media (min-width: 768px) {
.block-related-events {
grid-template-columns: repeat(2,1fr);
}
}
.block-related-events h3.h2 {
color: var(--color-neutral-150);
margin-block-start: 0;
}
@media (min-width: 768px) {
.block-related-events .related-stories-header {
grid-column: span 2;
}
}
.block-related-stories,.block-related-projects {
margin-bottom: var(--container-layout-builder-block-v-mobile);
padding-right: 0;
}
@media (min-width: 550px) {
.block-related-stories,.block-related-projects {
padding-right: 1.6rem;
}
}
@media (min-width: 768px) {
.block-related-stories,.block-related-projects {
margin-bottom: var(--container-layout-builder-block-v);
}
}
.block-related-stories .related-stories-header,.block-related-projects .related-stories-header {
width: 100%;
padding-right: var(--container-padding-h-mobile);
justify-content: space-between;
align-items: center;
margin-bottom: 3.2rem;
display: flex;
}
@media (min-width: 550px) {
.block-related-stories .related-stories-header,.block-related-projects .related-stories-header {
padding-right: 0;
}
}
.block-related-stories .story-related .teaser__media: before,.block-related-projects .story-related .teaser__media: before,.block-related-stories .story-related .teaser__no-media: before,.block-related-projects .story-related .teaser__no-media: before {
content: "";
padding-top: 56.2701%;
display: block;
}
@media (min-width: 768px) {
.block-related-stories .story-related .teaser__media: before,.block-related-projects .story-related .teaser__media: before,.block-related-stories .story-related .teaser__no-media: before,.block-related-projects .story-related .teaser__no-media: before {
padding-top: 56.1404%;
}
}
.block-related-stories .story-related .teaser__header,.block-related-projects .story-related .teaser__header {
flex-wrap: wrap;
}
.block-related-stories .story-related .teaser__header__left,.block-related-projects .story-related .teaser__header__left {
padding: 0;
}
@media (min-width: 768px) {
.block-related-stories .story-related .teaser__header__left,.block-related-projects .story-related .teaser__header__left {
width: 77.7193%;
margin-right: 5.26316%;
}
}
.block-related-stories .story-related .teaser__header-cta,.block-related-projects .story-related .teaser__header-cta {
margin-left: inherit;
margin-top: 1.6rem;
padding: 0;
}
@media (min-width: 550px) {
.block-related-stories .story-related .teaser__header-cta,.block-related-projects .story-related .teaser__header-cta {
margin-top: 0;
}
}
.block-related-stories .story-related .button--tertiary,.block-related-projects .story-related .button--tertiary {
font-size: var(--default-text-font-size);
line-height: var(--default-text-line-height);
}
.block-related-stories .all-stories-mobile,.block-related-projects .all-stories-mobile {
margin-top: var(--container-margin-v-mobile);
margin-right: var(--container-padding-h-mobile);
text-align: center;
display: inline-flex;
}
@media (min-width: 550px) {
.block-related-stories .all-stories-mobile,.block-related-projects .all-stories-mobile {
display: none;
}
}
.block-related-stories .all-stories-desktop,.block-related-projects .all-stories-desktop {
display: none;
}
@media (min-width: 550px) {
.block-related-stories .all-stories-desktop,.block-related-projects .all-stories-desktop {
display: inline-flex;
}
}
.block-related-projects {
max-width: var(--container-max-width);
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
}
.block-related-projects .teaser__header__left h3 {
font-size: var(--h3-font-size);
}
.block--video-testimonial {
max-width: 58rem;
margin-left: auto;
margin-right: auto;
padding: 0 1.6rem;
position: relative;
}
@media (min-width: 1024px) {
.block--video-testimonial {
margin-left: 0;
margin-right: 0;
}
}
.block--video-testimonial__image {
padding-bottom: 16.2rem;
}
@media (min-width: 1024px) {
.block--video-testimonial__image {
max-width: 47rem;
}
}
.block--video-testimonial__thumbnail {
cursor: pointer;
border-radius: 1rem;
width: 50%;
max-width: 21rem;
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
box-shadow: 0 3rem 5rem -1rem #0006;
}
.block--video-testimonial__thumbnail.no-hover {
cursor: default;
}
@media (min-width: 768px) {
.block--video-testimonial__thumbnail {
max-width: none;
}
}
@media (min-width: 1024px) {
.block--video-testimonial__thumbnail {
max-width: 24.7rem;
}
}
.block--video-testimonial__thumbnail img {
transition: transform .6s;
}
.block--video-testimonial__thumbnail svg {
z-index: 2;
pointer-events: none;
width: 7rem;
height: 7rem;
display: block;
position: absolute;
top: calc(50% - 3.5rem);
left: calc(50% - 3.5rem);
}
.block--video-testimonial__thumbnail.playing .block--video-testimonial__video {
opacity: 1;
pointer-events: initial;
visibility: visible;
}
.block--video-testimonial__thumbnail: hover img {
transform: scale(1.05);
}
.block--video-testimonial__thumbnail: hover.no-hover img {
transform: none;
}
.block--video-testimonial__video {
background: var(--media-overlay-color);
visibility: hidden;
opacity: 0;
pointer-events: none;
z-index: 501;
transition: opacity .3s,z-index;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--video-testimonial__video .contextual-region,.block--video-testimonial__video .media {
position: static;
}
.block--video-testimonial__video svg {
opacity: 0;
width: 4rem;
height: auto;
transition: opacity .3s;
top: auto;
bottom: .8rem;
left: 1rem;
}
.block--video-testimonial__video video {
background: var(--color-white);
border-radius: 0;
width: 100%;
height: 100%;
transition: all 1s ease-in-out;
display: block;
position: absolute;
top: 0;
left: 0;
}
.block--video-testimonial__video: hover svg {
opacity: 1;
}
.layout__region--second .block--video-testimonial__image {
margin-left: auto;
}
.layout__region--second .block--video-testimonial__thumbnail {
left: 0;
right: auto;
}
.layout .block-inline-blockcta-paralax {
text-align: center;
padding-top: 12.48rem;
position: relative;
}
@media (min-width: 996px) {
.layout .block-inline-blockcta-paralax {
padding-top: 26rem;
}
}
@media (min-width: 1024px) {
.layout .block-inline-blockcta-paralax {
margin: 29.5rem auto;
}
}
.layout .block-inline-blockcta-paralax h2 {
will-change: transform;
text-align: left;
white-space: nowrap;
min-width: 100%;
font-size: 9.6rem;
line-height: 130%;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
color: #0000;
-webkit-text-stroke-width: .2rem;
-webkit-text-stroke-color: var(--color-secondary-200);
z-index: 2;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.layout .block-inline-blockcta-paralax h2: before,.layout .block-inline-blockcta-paralax h2: after {
content: attr(data-text);
}
@media (min-width: 996px) {
.layout .block-inline-blockcta-paralax h2 {
font-size: 20rem;
}
}
.layout .block-inline-blockcta-paralax h3 {
color: var(--color-neutral-300);
margin: 0 auto 3.7rem;
}
.layout .block-inline-blockcta-paralax .button {
width: calc(100% - 3rem);
}
@media (min-width: 996px) {
.layout .block-inline-blockcta-paralax .button {
--button-color: var(--color-white);
--button-background-color: var(--color-secondary-200);
--button-border-color: var(--color-secondary-200);
width: auto;
}
.layout .block-inline-blockcta-paralax .button: hover {
--button-color: var(--color-white);
--button-background-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
}
}
.block--cta-paralax-image {
margin-bottom: var(--container-layout-builder-block-v-mobile);
}
@media (min-width: 768px) {
.block--cta-paralax-image {
margin-bottom: var(--container-layout-builder-block-v);
}
}
@media (min-width: 996px) {
.block--cta-paralax-image {
grid-template-rows: repeat(4,auto);
grid-template-columns: repeat(4,auto);
display: grid;
}
}
.block--cta-paralax-image .h3 {
color: var(--color-primary-400);
}
.block--cta-paralax-image>header {
grid-area: 1/1/2/5;
margin-bottom: 3.2rem;
}
@media (min-width: 1280px) {
.block--cta-paralax-image>header {
grid-area: 1/1/2/2;
margin-bottom: 0;
}
}
.block--cta-paralax-image>header h2 {
margin: 0 0 1.5rem;
}
.block--cta-paralax-image>header p {
max-width: 46.8rem;
margin: 0;
}
.block--cta-paralax-image__image {
grid-area: 2/1/3/5;
}
@media (min-width: 1280px) {
.block--cta-paralax-image__image {
grid-area: 1/2/4/4;
padding-left: 3.2rem;
}
.block--cta-paralax-image__image img {
max-width: initial;
width: 44.8rem;
height: 47rem;
}
}
.block--cta-paralax-image__parallax {
grid-area: 3/4/4/5;
}
@media (min-width: 1024px) {
.block--cta-paralax-image__parallax {
justify-content: flex-end;
display: flex;
}
}
@media (min-width: 1280px) {
.block--cta-paralax-image__parallax {
grid-area: 3/1/4/2;
}
}
.block--cta-paralax-image__parallax .box {
background-color: var(--color-primary-400);
width: 30.4rem;
max-width: calc(100vw - 3.2rem);
height: 20.2rem;
color: var(--color-white);
position: relative;
overflow: hidden;
transform: translate(-1.6rem,-6.4rem);
box-shadow: 0 3rem 5rem -1rem #0006;
}
@media (min-width: 996px) {
.block--cta-paralax-image__parallax .box {
width: 35.2rem;
height: 23.4rem;
transform: translate(1.6rem,-6.4rem);
}
}
@media (min-width: 1280px) {
.block--cta-paralax-image__parallax .box {
transform: translate(7.2rem,6.2rem);
}
}
.block--cta-paralax-image__parallax .box img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--cta-paralax-image__text {
grid-area: 3/1/5/4;
}
@media (min-width: 996px) {
.block--cta-paralax-image__text {
padding: 3.2rem 0 0;
}
}
@media (min-width: 1280px) {
.block--cta-paralax-image__text {
grid-area: 4/3/5/5;
}
}
.block--cta-paralax-image__text .h3 {
margin-bottom: 2.7rem;
}
.block--cta-paralax-image__text a {
width: 100%;
}
@media (min-width: 996px) {
.block--cta-paralax-image__text a {
width: auto;
}
}
.block--cta-paralax-image-alt {
max-width: 96.9rem;
margin-bottom: var(--container-layout-builder-block-v-mobile);
--parallax-background: var(--color-lighter-blue);
}
@media (min-width: 550px) {
.block--cta-paralax-image-alt {
padding-right: 1.6rem;
}
}
@media (min-width: 768px) {
.block--cta-paralax-image-alt {
margin-bottom: var(--container-layout-builder-block-v);
grid-template-rows: repeat(4,auto);
grid-template-columns: 37rem auto;
column-gap: 6rem;
display: grid;
}
}
.block--cta-paralax-image-alt__parallax {
grid-area: 1/1/3/2;
}
.block--cta-paralax-image-alt__parallax .box {
--animation-duration: 15s;
background-color: var(--parallax-background);
width: 100%;
max-width: calc(100% - 3.2rem);
height: 40rem;
margin: 0 auto;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.block--cta-paralax-image-alt__parallax .box {
max-width: 100%;
height: 47rem;
}
}
.block--cta-paralax-image-alt__parallax .box img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--cta-paralax-image-alt__parallax .box strong {
will-change: transform;
text-align: left;
white-space: nowrap;
min-width: 100%;
font-size: 14.4rem;
line-height: 130%;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
color: #0000;
-webkit-text-stroke-width: .2rem;
-webkit-text-stroke-color: var(--color-primary-400);
z-index: 2;
animation-name: infinite-scroll;
animation-iteration-count: infinite;
animation-duration: var(--animation-duration);
animation-timing-function: linear;
display: inline-block;
position: absolute;
top: 10.5rem;
right: 100%;
}
@media (min-width: 996px) {
.block--cta-paralax-image-alt__parallax .box strong {
font-size: 20rem;
}
}
.block--cta-paralax-image-alt__introduction {
grid-area: 1/2/2/3;
padding: 3.2rem 0;
}
@media (min-width: 768px) {
.block--cta-paralax-image-alt__introduction {
padding: 12.8rem 0 17.9rem;
}
}
.block--cta-paralax-image-alt__text {
grid-area: 3/1/5/2;
}
.block--cta-paralax-image-alt__text .button {
width: 100%;
margin-top: 3.2rem;
}
@media (min-width: 768px) {
.block--cta-paralax-image-alt__text .button {
width: auto;
}
}
.block--cta-paralax-image-alt__image {
grid-area: 2/2/5/3;
}
.block--cta-paralax-image-alt__image img {
width: 100%;
height: auto;
margin-top: 3.2rem;
margin-left: auto;
}
@media (min-width: 768px) {
.block--cta-paralax-image-alt__image img {
max-width: 47rem;
margin-top: 0;
}
}
.block--our-values {
margin-bottom: var(--container-layout-builder-block-v-mobile);
}
@media (min-width: 768px) {
.block--our-values {
margin-bottom: var(--container-layout-builder-block-v);
}
}
.block--our-values>header {
padding: 0 var(--container-padding-h-mobile);
margin-bottom: 7.1rem;
}
@media (min-width: 1024px) {
.block--our-values>header {
padding: 0 var(--container-padding-h);
}
}
.block--our-values>header h2 {
margin: 0 0 1.5rem;
}
.block--our-values>header p {
color: var(--color-primary-400);
max-width: 46.8rem;
margin: 0;
}
.block--our-values__values {
cursor: pointer;
text-align: center;
max-width: 100vw;
padding: 0 var(--container-padding-h-mobile);
-ms-overflow-style: none;
scrollbar-width: none;
grid-template-columns: repeat(4,1fr);
gap: 7rem;
display: grid;
overflow-x: scroll;
}
.block--our-values__values: : -webkit-scrollbar {
display: none;
}
@media (min-width: 1024px) {
.block--our-values__values {
padding: 0 var(--container-padding-h);
}
}
@media (min-width: 1440px) {
.block--our-values__values {
gap: 10rem;
}
}
.block--our-values__values svg,.block--our-values__values object {
width: 20rem;
height: 20rem;
margin: 0 auto 5.5rem;
display: block;
}
.block--our-values__values h3 {
font-weight: var(--font-weight-bold);
margin: 0 auto .6rem;
}
.block--our-values__values p {
color: var(--color-neutral-300);
margin: 0;
}
.block--our-values__item--accent-01 h3 {
color: var(--color-accent-01);
}
.block--our-values__item--accent-02 h3 {
color: var(--color-accent-02);
}
.block--our-values__item--accent-03 h3 {
color: var(--color-accent-03);
}
.block--our-values__item--accent-04 h3 {
color: var(--color-accent-04);
}
.block--our-values__item--accent-05 h3 {
color: var(--color-accent-05);
}
.block--history-slideshow {
margin-bottom: 16.8rem;
}
.block--history-slideshow>header {
margin-bottom: 6.4rem;
}
.block--history-slideshow>header h2 {
margin: 0 0 1.5rem;
}
.block--history-slideshow>header p {
color: var(--color-primary-400);
max-width: 59.4rem;
margin: 0;
}
.block--history-slideshow .slides .splide .splide__arrow {
top: calc(8.75rem - 1em);
}
@media (min-width: 480px) {
.block--history-slideshow .slides .splide .splide__arrow {
top: calc(20vw - 1em);
}
}
@media (min-width: 996px) {
.block--history-slideshow .slides .splide .splide__arrow {
top: calc(16.5rem - 1em);
}
}
.block--history-slideshow .splide__track {
overflow: visible;
}
.block--history-slideshow .splide__slide>a {
text-indent: -999em;
opacity: 0;
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.user-logged-in .block--history-slideshow .splide__slide--has-link .paragraph {
z-index: 3;
position: relative;
}
.block--history-slideshow .splide__slide--has-link: hover .paragraph--type--history-slide .field--name-field-slide-image img {
transform: scale(1.05);
}
.block--history-slideshow .paragraph--type--history-slide {
text-align: center;
width: 100%;
max-width: 31.1rem;
position: relative;
}
@media (min-width: 480px) {
.block--history-slideshow .paragraph--type--history-slide {
max-width: 85vw;
}
}
@media (min-width: 996px) {
.block--history-slideshow .paragraph--type--history-slide {
max-width: 72rem;
}
}
.block--history-slideshow .paragraph--type--history-slide .contextual-region {
position: static!important;
}
.block--history-slideshow .paragraph--type--history-slide .field--name-field-slide-image {
background-color: var(--color-neutral-200);
overflow: hidden;
}
.block--history-slideshow .paragraph--type--history-slide .field--name-field-slide-image img {
transition: transform .6s cubic-bezier(.5,0,0,1);
}
.block--history-slideshow .paragraph--type--history-slide .field--name-field-slide-year {
white-space: nowrap;
font-size: 8rem;
line-height: 100%;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
color: #0000;
-webkit-text-stroke-width: .2rem;
-webkit-text-stroke-color: var(--color-primary-400);
z-index: 2;
position: relative;
}
@media (min-width: 480px) {
.block--history-slideshow .paragraph--type--history-slide .field--name-field-slide-year {
font-size: 10rem;
}
}
@media (min-width: 996px) {
.block--history-slideshow .paragraph--type--history-slide .field--name-field-slide-year {
font-size: 12rem;
}
}
.block--history-slideshow .paragraph--type--history-slide p {
max-width: 48rem;
margin: 0 auto;
}
.block--history-slideshow .paragraph--type--history-slide .field--name-field-link a {
z-index: 2;
opacity: 0;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--history-slideshow .paragraph--type--history-slide: has(.field--name-field-link a: hover) button.trigger {
clip-path: none;
}
.block-contact-block {
margin-bottom: .2rem;
}
@media (min-width: 768px) {
.block-contact-block {
margin-bottom: 3.4rem;
}
}
.block-contact-block .articles-wrapper {
flex-wrap: wrap;
padding: 0;
display: flex;
}
.block-contact-block .contact-point {
margin: 0 1.5rem 3rem;
}
@media (min-width: 768px) {
.block-contact-block .contact-point {
width: calc(50% - 3rem);
}
}
@media (min-width: 1280px) {
.block-contact-block .contact-point {
width: calc(33.3333% - 3rem);
}
}
.block-privacy {
margin-bottom: var(--container-margin-v-mobile);
}
@media (min-width: 768px) {
.block-privacy {
margin-bottom: var(--container-margin-v);
}
}
.block-privacy .region {
border-top: 1px solid var(--color-neutral-100);
}
.block-privacy .region.active .language-switcher__wrapper {
visibility: visible;
opacity: 1;
max-height: none;
}
.block-privacy .region.active .region__name svg {
transform: rotate(270deg);
}
.block-privacy .region__name {
cursor: pointer;
align-items: center;
width: min(100%,32rem);
padding: 2.75rem 0;
display: flex;
}
.block-privacy .region__name span {
font-family: var(--h4-font-family);
font-size: var(--h4-font-size);
width: 100%;
}
.block-privacy .region__name svg {
width: 1.2rem;
height: 1.4rem;
margin-left: 2.2rem;
transform: rotate(90deg);
}
.block-privacy .region__name svg path {
fill: var(--color-neutral-300);
}
.block-privacy .language-switcher__wrapper {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: var(--transition-default);
flex-wrap: wrap;
display: flex;
overflow: hidden;
}
@media (min-width: 768px) {
.block-privacy .links-left {
margin: 0 15rem 0 0;
}
}
.block-privacy .links-right {
padding-bottom: 2.3rem;
}
.block-privacy .language-switcher__links {
align-self: flex-start;
margin: 0;
padding-bottom: 2rem;
}
.block-privacy .language-switcher__links .country__flag,.block-privacy .language-switcher__links .country__name,.block-privacy .language-switcher__links .languages {
margin-bottom: 1rem;
}
.block-privacy .language-switcher__links .country__flag {
border-radius: .2rem;
flex-shrink: 0;
width: 2.4rem;
line-height: 0;
overflow: hidden;
}
.block-privacy .language-switcher__links .country__name {
min-width: 13.5rem;
margin-right: 1.2rem;
}
.block-privacy .language-switcher__links .languages {
display: flex;
}
.block-privacy .language-switcher__links .languages a {
border-left: 1px solid var(--color-grey-new);
color: var(--color-neutral-300);
padding: .2rem 1.2rem;
text-decoration: underline;
}
.block-privacy .language-switcher__links .languages a: hover,.block-privacy .language-switcher__links .languages a: focus {
color: var(--color-accent-02);
}
.block-latest-opportunities {
z-index: 10;
position: relative;
}
.block-latest-opportunities h2 {
color: var(--color-secondary-200);
}
.block-latest-opportunities .views-row {
border-top: 1px solid var(--color-neutral-200);
}
.block-latest-opportunities .views-row .node--career--opportunity__location {
padding-left: 1.6rem;
}
.header-image__inner .block-latest-opportunities h2 {
color: var(--color-secondary-200);
padding: var(--block-padding);
}
.discover {
padding-right: 0;
}
@media (min-width: 768px) {
.discover {
padding-right: 1.6rem;
}
}
.discover .discover__header {
padding-right: var(--container-padding-h-mobile);
margin-bottom: 3.2rem;
}
.discover .discover__header>h3 {
color: var(--color-grey-new);
font-size: var(--h2-font-size-mobile);
font-family: var(--h2-font-family);
margin: 0;
}
@media (min-width: 768px) {
.discover .discover__header>h3 {
font-size: var(--h2-font-size);
}
}
.discover .cover-link: before {
content: "";
z-index: 3;
cursor: pointer;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.discover.single-node {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
.discover.single-node .teaser {
max-width: 54.4rem;
}
.layout--onecol .block--type--usps {
position: relative;
}
.layout--onecol .block--type--usps: before {
content: "";
background: var(--color-neutral-100);
height: 1px;
position: absolute;
bottom: 0;
left: 1.5rem;
right: 1.5rem;
}
.layout--onecol .block--type--usps>ul,.layout--onecol .block--type--usps>ol {
flex-wrap: wrap;
margin: 0 -1.5rem;
display: flex;
}
.layout--onecol .block--type--usps>ul li,.layout--onecol .block--type--usps>ol li {
width: calc(100% - 3rem);
margin-left: 1.5rem;
margin-right: 1.5rem;
}
@media (min-width: 550px) {
.layout--onecol .block--type--usps>ul li,.layout--onecol .block--type--usps>ol li {
width: calc(50% - 3rem);
}
}
@media (min-width: 768px) {
.layout--onecol .block--type--usps>ul li,.layout--onecol .block--type--usps>ol li {
width: calc(33.3333% - 3rem);
}
}
.layout--onecol .block--type--usps .button {
width: 100%;
margin-bottom: 1.6rem;
}
@media (min-width: 550px) {
.layout--onecol .block--type--usps .button {
width: auto;
margin-top: 0;
}
}
.block--type--usps h2 {
margin-block-start: 0;
margin-block-end: 3.2rem;
}
.block--type--usps .description {
margin-bottom: 3.2rem;
}
.block--type--usps ul li span {
color: var(--color-neutral-300);
}
.block--type--usps ol li {
counter-increment: custom;
display: flex;
}
.block--type--usps ol li: before {
content: counter(custom) " ";
color: var(--color-white);
font-weight: var(--font-weight-bold);
background: var(--color-primary-400);
border-radius: 10rem;
justify-content: center;
align-items: center;
width: 3.6rem;
height: 3.6rem;
margin-right: .8rem;
display: flex;
}
.block--type--usps ol li span {
width: calc(100% - 6rem);
margin-top: .6rem;
}
.block--type--usps li {
margin-bottom: 1.6rem;
display: flex;
}
.block--type--usps li: last-child {
margin-bottom: 3rem;
}
@media (min-width: 1024px) {
.block--type--usps li: last-child {
margin-bottom: 1.6rem;
}
}
.block--type--usps li svg {
flex: none;
margin-top: .5rem;
}
.block--type--usps li svg path {
fill: var(--color-secondary-200);
}
.block--type--usps li span {
margin-left: 1.6rem;
}
.block-inline-blockimage+.block--type--usps {
margin-top: calc(var(--container-layout-builder-block-v-mobile) * -1);
padding-top: 4rem;
padding-bottom: 4.8rem;
}
@media (min-width: 1024px) {
.block-inline-blockimage+.block--type--usps {
margin-top: calc(var(--container-layout-builder-block-v) * -1);
}
}
.block-customer-portal-my-account {
margin-top: 2.4rem;
margin-bottom: 6.4rem;
}
.block-customer-portal-my-account header {
padding: 4rem 0;
}
.block-customer-portal-my-account header a {
width: 100%;
margin-top: 3.2rem;
}
@media (min-width: 768px) {
.block-customer-portal-my-account header a {
width: auto;
}
}
@media (min-width: 1024px) {
.block-customer-portal-my-account header {
border-bottom: 1px solid var(--color-neutral-100);
justify-content: space-between;
align-items: center;
margin-bottom: 6.4rem;
display: flex;
}
.block-customer-portal-my-account header a {
margin-top: 0;
}
}
.block-customer-portal-my-account__body {
gap: 3rem;
display: grid;
}
@media (min-width: 768px) {
.block-customer-portal-my-account__body {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.block-customer-portal-my-account__body {
grid-template-columns: 2fr 1fr 1fr;
}
}
@media (min-width: 768px) {
.block-customer-portal-my-account__personal {
grid-column: span 2;
}
}
@media (min-width: 1024px) {
.block-customer-portal-my-account__personal {
grid-column: auto;
}
}
.block-customer-portal-my-account__profile__picture {
background-color: var(--color-neutral-100);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 12rem;
height: 12rem;
margin: 0;
display: flex;
position: relative;
overflow: hidden;
}
.block-customer-portal-my-account__profile__picture img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block-customer-portal-my-account__profile__picture svg {
opacity: .4;
width: 4rem;
height: auto;
display: block;
}
.block-customer-portal-my-account h2 {
color: var(--color-primary-400);
margin-bottom: 3.2rem;
}
.block-customer-portal-my-account dl {
grid-template-columns: max-content 1fr;
display: grid;
}
.block-customer-portal-my-account dl dt {
white-space: nowrap;
border-right: 1px solid var(--color-grey-new);
font-size: var(--large-text-font-size);
color: var(--color-neutral-300);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
padding: .4rem 2.4rem .4rem 0;
}
.block-customer-portal-my-account dl dd {
color: var(--color-neutral-300);
padding: .4rem 0 .4rem 2.4rem;
}
.block--customer-portal-cta-block,.block--type--customer-portal-cta-block {
background-color: var(--color-primary-400);
color: var(--color-white);
margin-top: 3.2rem;
padding: 3.2rem 1.7rem;
}
@media (min-width: 1024px) {
.block--customer-portal-cta-block,.block--type--customer-portal-cta-block {
grid-template-rows: auto auto;
grid-template-columns: 1fr max-content;
padding: 6.4rem 10rem;
display: grid;
}
}
.block--customer-portal-cta-block h2,.block--type--customer-portal-cta-block h2 {
color: var(--color-white);
margin-bottom: 2.4rem;
}
.block--customer-portal-cta-block .button,.block--type--customer-portal-cta-block .button {
width: 100%;
}
@media (min-width: 768px) {
.block--customer-portal-cta-block .button,.block--type--customer-portal-cta-block .button {
width: auto;
}
}
.block--customer-portal-cta-block .field--name-field-body,.block--type--customer-portal-cta-block .field--name-field-body {
border-left: 1px solid var(--color-white);
grid-area: 1/2/3/3;
margin-top: 4rem;
padding: 0 0 0 1.6rem;
}
@media (min-width: 1024px) {
.block--customer-portal-cta-block .field--name-field-body,.block--type--customer-portal-cta-block .field--name-field-body {
margin-top: 0;
margin-left: 6.4rem;
padding: 1.6rem 0 1.6rem 6.4rem;
}
}
.block--customer-portal-cta-block .field--name-field-body a,.block--type--customer-portal-cta-block .field--name-field-body a {
--link-color: var(--color-white);
}
.block--customer-portal-cta-block .field--name-field-body a: hover,.block--customer-portal-cta-block .field--name-field-body a: focus,.block--type--customer-portal-cta-block .field--name-field-body a: hover,.block--type--customer-portal-cta-block .field--name-field-body a: focus {
--link-color: var(--color-secondary-200);
}
.discover-series__intro {
color: var(--color-primary-400);
margin: 0;
font-size: 2rem;
line-height: 125%;
}
@media (min-width: 1024px) {
.discover-series__intro {
text-align: center;
max-width: 37.8rem;
margin: 0 auto;
}
}
.discover-series__links {
margin: 0 calc(var(--container-padding-h-mobile) * -1);
flex-flow: wrap;
display: flex;
}
@media (min-width: 1024px) {
.discover-series__links {
margin: 0 calc(var(--container-padding-h) * -1);
justify-content: center;
}
}
.discover-series__link {
--link-color: var(--color-neutral-500);
text-align: center;
width: 8.8rem;
margin: 2.4rem var(--container-padding-h-mobile) 0 var(--container-padding-h-mobile);
text-decoration: none;
display: block;
}
.discover-series__link: hover .discover-series__icon {
background-color: var(--color-secondary-400);
box-shadow: 0 1rem 4rem #00000040;
}
@media (min-width: 1024px) {
.discover-series__link {
margin: 3.2rem var(--container-padding-h) 0 var(--container-padding-h);
width: 14rem;
}
}
.discover-series__icon {
background-color: var(--color-primary-400);
border-radius: 2rem;
justify-content: center;
align-items: center;
width: 8.8rem;
height: 8.8rem;
transition: all .35s ease-out;
display: flex;
box-shadow: 0 0 #0000;
}
.discover-series__icon svg {
fill: var(--color-white);
width: 100%;
height: 100%;
max-height: 4.6rem;
}
.discover-series__icon svg path,.discover-series__icon svg g {
fill: var(--color-white);
}
@media (min-width: 1024px) {
.discover-series__icon {
width: 14rem;
height: 14rem;
}
.discover-series__icon svg {
max-height: 7.6rem;
}
}
.discover-series__label {
font-size: var(--smaller-text-font-size);
line-height: var(--default-text-line-height);
color: var(--color-neutral-500);
letter-spacing: -.01em;
margin-top: .8rem;
display: block;
}
@media (min-width: 1024px) {
.discover-series__label {
font-size: var(--default-text-font-size);
margin-top: 3.2rem;
}
}
.block-product-technical-info {
background-color: var(--color-lighter-blue);
padding: 4.8rem 0;
}
@media (min-width: 1024px) {
.block-product-technical-info {
padding: 8.8rem 0 19.3rem;
}
}
.block-product-technical-info__header {
max-width: 66.7rem;
}
.block-product-technical-info__header .h1 {
--default-title-color: var(--color-primary-400);
margin-top: 1.8rem;
}
.block-product-technical-info__content {
margin-top: 2.4rem;
display: grid;
}
@media (min-width: 1024px) {
.block-product-technical-info__content {
grid-template-rows: auto 1fr;
grid-template-columns: 62.3932% 37.6068%;
margin-top: 4.8rem;
}
}
.block-product-technical-info__content>.button {
place-self: start;
}
@media (min-width: 1024px) {
.block-product-technical-info__content>.button {
grid-area: 1/1/1/2;
margin-top: 1.6rem;
}
}
.block-product-technical-info__content .technical-data {
margin-top: .8rem;
}
@media (min-width: 550px) {
.block-product-technical-info__content .technical-data {
grid-template-columns: 50% 50%;
display: grid;
}
}
@media (min-width: 1024px) {
.block-product-technical-info__content .technical-data {
grid-area: 2/1/3/1;
margin-top: 0;
display: block;
}
}
.block-product-technical-info__content .technical-data__item {
margin-top: 2.4rem;
}
@media (min-width: 1024px) {
.block-product-technical-info__content .technical-data__item {
margin-top: max(2.4rem,min(5vw + 1rem,8.1rem));
}
.block-product-technical-info__content .technical-data__item: nth-child(2n) {
margin-top: max(2.4rem,min(5vw + 1rem,6.9rem));
margin-left: 9.8rem;
}
}
.block-product-technical-info__content .technical-data__item span,.block-product-technical-info__content .technical-data__item strong,.block-product-technical-info__content .technical-data__item em {
display: block;
}
@media (min-width: 1024px) {
.block-product-technical-info__content .technical-data__item span,.block-product-technical-info__content .technical-data__item strong,.block-product-technical-info__content .technical-data__item em {
width: max-content;
max-width: 60%;
}
}
@media (min-width: 1441px) {
.block-product-technical-info__content .technical-data__item span,.block-product-technical-info__content .technical-data__item strong,.block-product-technical-info__content .technical-data__item em {
max-width: 32.8767%;
}
}
.block-product-technical-info__content .technical-data__item__title {
position: relative;
}
@media (min-width: 1024px) {
.block-product-technical-info__content .technical-data__item__title: after {
content: "";
background-color: var(--color-secondary-200);
height: .1rem;
display: block;
position: absolute;
top: 50%;
left: 0;
right: -9.0411%;
}
}
.block-product-technical-info__content .technical-data__item__title span {
background-color: var(--color-lighter-blue);
border-left: .2rem solid var(--color-secondary-200);
z-index: 1;
margin: 0;
padding-left: 1.2rem;
padding-right: 1.6rem;
display: inline-block;
position: relative;
}
.block-product-technical-info__content .technical-data__item__content {
margin-top: .8rem;
padding-left: 1.4rem;
}
.block-product-technical-info__content .technical-data__item__disclaimer {
font-style: normal;
font-size: var(--small-text-font-size);
margin-top: .8rem;
}
.block-product-technical-info__content .technical-data__media {
max-height: 300px;
margin-top: 4rem;
}
.block-product-technical-info__content .technical-data__media img {
width: auto;
height: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.block-product-technical-info__content .technical-data__media {
order: unset;
grid-area: 1/2/3/2;
max-width: 44.1rem;
max-height: none;
margin-top: 0;
}
.block-product-technical-info__content .technical-data__media img {
width: 100%;
height: auto;
margin: 0;
}
}
.block--type--key-figures {
background-color: var(--color-lighter-blue);
margin-bottom: var(--container-layout-builder-block-v-mobile);
padding: 5.6rem 1.5rem;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.block--type--key-figures {
margin-bottom: var(--container-layout-builder-block-v);
}
}
.block--type--key-figures__header {
width: 100%;
max-width: 120rem;
margin: 0 auto;
}
@media (min-width: 1280px) {
.block--type--key-figures__header {
grid-template-columns: 57rem 1fr;
gap: .8rem 2.4rem;
display: grid;
}
}
.block--type--key-figures__header__right {
align-self: center;
align-items: start;
margin-bottom: 4.8rem;
display: flex;
}
@media (min-width: 1280px) {
.block--type--key-figures__header__right {
justify-content: end;
margin-bottom: 0;
}
}
.block--type--key-figures__header__right .field--name-field-usps {
display: flex;
}
@media (min-width: 1280px) {
.block--type--key-figures__header__right .field--name-field-usps {
justify-content: flex-end;
}
}
.block--type--key-figures__header__right .field--name-field-usps .field__item {
font-family: var(--font-family-faktum);
text-transform: uppercase;
max-width: 18.9rem;
color: var(--color-primary-400);
padding: 0 4.6rem 0 1rem;
position: relative;
}
.block--type--key-figures__header__right .field--name-field-usps .field__item: before {
content: "";
background-color: var(--color-primary-500);
width: 2px;
position: absolute;
top: .4em;
bottom: .4em;
left: 0;
}
.block--type--key-figures .field--name-field-intro {
color: var(--color-primary-400);
}
.block--type--key-figures h2 {
grid-column: span 2;
}
.block--type--key-figures .field--name-field-intro {
margin-bottom: 2.8rem;
}
.block--type--key-figures .field--name-field-image {
width: 100%;
max-width: 117rem;
margin: 0 auto;
}
.block--type--key-figures .field--name-field-image .contextual-region {
position: static;
}
.block--type--key-figures .field--name-field-main-figures {
z-index: 1;
white-space: nowrap;
grid-template-columns: repeat(2,1fr);
gap: 3rem;
max-width: 97.9rem;
margin: 2.4rem auto 0;
display: grid;
position: relative;
}
@media (min-width: 996px) {
.block--type--key-figures .field--name-field-main-figures {
grid-template-columns: repeat(6,1fr);
}
}
.block--type--key-figures .paragraph--type--key-figure {
text-align: center;
color: var(--color-primary-400);
}
.block--type--key-figures .paragraph--type--key-figure .field--name-field-number {
font-family: var(--font-family-faktum);
margin: .8rem 0;
font-size: 2.4rem;
}
.block--type--key-figures .paragraph--type--key-figure .field--name-field-prefix,.block--type--key-figures .paragraph--type--key-figure .field--name-field-suffix {
font-size: var(--small-text-font-size);
color: var(--color-primary-500);
}
.block--type--key-figures .field--name-field-legend {
gap: 1.6rem;
display: grid;
}
.block--type--key-figures .legend-item {
align-items: center;
gap: 1.6rem;
display: flex;
}
.block--type--key-figures .legend-item__handle {
width: .3rem;
min-height: 2.4rem;
}
.block-customer-portal-login-link a {
--link-color: var(--color-white);
background-color: var(--color-primary-400);
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
align-items: center;
padding: 2rem 3rem 2rem 2rem;
transition: background-color .3s;
display: flex;
}
.block-customer-portal-login-link a svg {
width: 1.1rem;
height: auto;
margin-right: 1.6rem;
display: block;
}
.block-customer-portal-login-link a: focus,.block-customer-portal-login-link a: hover {
--link-color: var(--color-white);
background-color: var(--color-primary-300);
}
@media (min-width: 1024px) {
.block-customer-portal-login-link a {
padding: 2rem 3rem 2rem 3.6rem;
}
}
.block--type--linked-pages--parallax-slider .max-width-container {
overflow: visible;
}
.path-frontpage .block--type--linked-pages--parallax-slider__header h2 {
--h2-font-family: var(--h1-font-family);
--h2-font-size-mobile: var(--h1-font-size-mobile);
--h2-font-size: var(--h1-font-size);
}
@media (min-width: 996px) {
.block--type--linked-pages--parallax-slider [data-carousel-linked-pages-parallax-slider] {
margin-top: 6.4rem;
}
}
.block--type--linked-pages--parallax-slider .splide__track {
overflow: visible;
}
.block--type--linked-pages--parallax-slider__inner .splide__arrows .splide__arrow {
top: calc(50% - 1.6rem);
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide {
pointer-events: none;
flex-wrap: wrap;
height: auto;
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide: after {
content: none;
transition: opacity .3s;
}
@media (min-width: 996px) {
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide {
height: 57rem;
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide: after {
content: "";
}
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content {
text-align: left;
opacity: .6;
flex: 0 0 100%;
order: 2;
transition: opacity .3s;
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content h2 {
--h2-font-size-mobile: 1.8rem;
--h2-font-size: 1.8rem;
color: var(--color-primary-400);
margin-top: 1.6rem;
margin-bottom: 0;
}
@media (min-width: 996px) {
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content h2 {
color: var(--color-white);
margin-top: 0;
}
}
@media (min-width: 1024px) {
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content h2 {
--h2-font-size: 2.4rem;
}
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content .button {
--button-color: var(--color-secondary-200);
--button-border-width: 0;
--button-padding: 0;
margin-top: 1.6rem;
}
@media (min-width: 996px) {
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content .button {
--button-color: var(--color-white);
--button-border-width: .1rem;
--button-padding: .9rem 2.4rem;
margin-top: 3.2rem;
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content .button: hover {
--button-color: var(--color-secondary-200);
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide__content {
text-align: center;
}
}
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide img {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
@media (min-width: 996px) {
.block--type--linked-pages--parallax-slider .paragraph--type--cta-slide img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.block--type--linked-pages--parallax-slider .splide__slide.is-active .paragraph--type--cta-slide {
pointer-events: initial;
}
.block--type--linked-pages--parallax-slider .splide__slide.is-active .paragraph--type--cta-slide__content {
opacity: 1;
}
.block--type--linked-pages--parallax-slider .splide__slide.is-active .paragraph--type--cta-slide: after {
opacity: .45;
}
.block-gdpr-form-block h2+form {
margin-top: 3.2rem;
}
.block-download-tree-block {
margin-bottom: var(--container-layout-builder-block-v-mobile);
}
@media (min-width: 768px) {
.block-download-tree-block {
margin-bottom: var(--container-layout-builder-block-v);
}
}
@media (min-width: 996px) {
.block-download-tree-block {
grid-template-columns: 27rem 1fr;
gap: 3rem;
display: grid;
}
}
.block-download-tree-block__categories {
margin-bottom: 3rem;
}
@media (min-width: 996px) {
.block-download-tree-block__categories {
margin-top: 7.7rem;
margin-bottom: 0;
}
}
.block-download-tree-block__categories ul {
color: var(--color-neutral-500);
font-family: var(--font-family-faktum);
align-items: flex-end;
display: flex;
}
@media (min-width: 996px) {
.block-download-tree-block__categories ul {
font-size: var(--small-text-font-size);
background-color: var(--color-lighter-blue);
padding: 1.6rem 2.4rem;
display: block;
}
}
.block-download-tree-block__categories ul li {
cursor: pointer;
border-bottom: 1px solid var(--color-neutral-100);
padding: .6rem 1rem;
transition: color .3s,border-color .3s;
}
@media (min-width: 996px) {
.block-download-tree-block__categories ul li {
border-bottom: none;
}
}
.block-download-tree-block__categories ul li.active {
color: var(--color-secondary-200);
border-bottom-color: var(--color-secondary-200);
}
.block-download-tree-block__search {
margin-bottom: 1rem;
}
.block-download-tree-block__search input {
background-color: var(--color-lighter-blue);
height: 5.6rem;
padding: 1.6rem;
display: block;
}
.block-download-tree-block__trees {
position: relative;
}
.block-download-tree-block__trees: before {
content: "";
background-color: var(--color-white);
z-index: 10;
opacity: 0;
pointer-events: none;
transition: opacity .3s .3s;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block-download-tree-block__trees: after {
content: "";
z-index: 11;
opacity: 0;
pointer-events: none;
border: .4rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
border-radius: 50%;
width: 2.4rem;
height: 2.4rem;
transition: opacity .3s .3s;
animation: .8s linear infinite loader-spin;
position: absolute;
top: 7.7rem;
left: calc(50% - 1.2rem);
}
.block-download-tree-block__trees.loading: before,.block-download-tree-block__trees.loading: after {
opacity: 1;
}
.block-download-tree-block__trees.loading .block-download-tree-block__trees__child {
display: block;
}
.block-download-tree-block__trees h2 {
margin-bottom: 3.2rem;
}
.block-download-tree-block__trees__child {
display: none;
}
.block-download-tree-block__trees__child.active {
display: block;
}
.block-download-tree-block__trees__child.searching h3 {
display: none;
}
.block-download-tree-block__trees__child.searching ul: not(.contextual-links) {
pointer-events: initial;
padding-left: 0;
display: block;
height: auto!important;
}
.block-download-tree-block__trees__child.searching .media--download.hide {
display: none;
}
.block-download-tree-block__trees__child__subcat {
cursor: pointer;
border: 1px solid var(--color-grey-new);
font-size: var(--large-text-font-size);
font-family: var(--font-family-faktum);
border-radius: .5rem;
justify-content: space-between;
align-items: center;
margin: .8rem 0;
padding: 1.6rem;
transition: background-color .3s,color .3s;
display: flex;
}
.block-download-tree-block__trees__child__subcat>svg {
width: 1.6rem;
height: auto;
transition: var(--transition-default);
margin-right: 2.9rem;
transform: rotate(-90deg);
}
.block-download-tree-block__trees__child__subcat>svg path {
transition: var(--transition-default);
}
.block-download-tree-block__trees__child__subcat: hover,.block-download-tree-block__trees__child__subcat.active {
background-color: var(--color-lighter-blue);
color: var(--color-secondary-200);
}
.block-download-tree-block__trees__child__subcat: hover svg path,.block-download-tree-block__trees__child__subcat: hover svg g,.block-download-tree-block__trees__child__subcat.active svg path,.block-download-tree-block__trees__child__subcat.active svg g {
fill: var(--color-secondary-200);
}
.block-download-tree-block__trees__child__subcat.active svg {
transform: none;
}
.block-download-tree-block__trees__child__subcat.active+ul {
opacity: 1;
pointer-events: initial;
}
.block-download-tree-block__trees__child>ul ul {
pointer-events: none;
padding-left: 3rem;
transition: height 1s cubic-bezier(.5,0,0,1);
overflow: hidden;
}
.block-download-tree-block__trees__child>ul ul li: first-child .media--download {
margin-top: 0;
}
.block-inline-blocklayered-images {
max-width: 37.5rem;
margin: 0 auto;
padding: 0 1.6rem;
position: relative;
}
@media (min-width: 1024px) {
.block-inline-blocklayered-images {
max-width: 65rem;
margin-left: 0;
margin-right: 0;
}
}
.block-inline-blocklayered-images img {
width: auto;
max-width: 100%;
}
.block-inline-blocklayered-images__first {
max-width: 47rem;
}
.block-inline-blocklayered-images__first .media {
position: relative;
}
.block-inline-blocklayered-images__first .media: before {
content: "";
background-color: var(--media-background-color);
padding-top: 100%;
display: block;
}
.block-inline-blocklayered-images__first .media img {
object-position: 50% 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block-inline-blocklayered-images__second,.block-inline-blocklayered-images .field--name-field-video {
--second-image-width: 20rem;
filter: drop-shadow(0 20px 50px #00000040);
margin-top: calc(var(--second-image-width) / 2 * -1);
position: relative;
}
@media (min-width: 1024px) {
.block-inline-blocklayered-images__second,.block-inline-blocklayered-images .field--name-field-video {
--second-image-width: 34.8rem;
}
}
.block-inline-blocklayered-images__second img,.block-inline-blocklayered-images .field--name-field-video img {
width: var(--second-image-width);
margin-left: auto;
}
.block-inline-blocklayered-images .field--name-field-video {
--second-image-width: min(90%,28rem);
width: var(--second-image-width);
margin-left: auto;
}
@media (min-width: 1024px) {
.block-inline-blocklayered-images .field--name-field-video {
--second-image-width: min(90%,42.8rem);
}
}
.block-inline-blocklayered-images .field--name-field-video img {
width: 100%;
height: auto;
}
.layout__region--second .block-inline-blocklayered-images__first {
margin-left: auto;
}
.layout__region--second .block-inline-blocklayered-images__second img {
margin-left: 0;
margin-right: auto;
}
.block-inline-blocklayered-images.has-video .block-inline-blocklayered-images__second {
display: none;
}
.customer-portal-teaser-text {
--default-text-color: var(--color-neutral-500);
text-align: center;
}
.block--type--testimonials {
gap: 3.2rem;
width: calc(100% - 3.2rem);
padding: 0 0 6rem;
display: grid;
}
.block--type--testimonials header {
gap: .8rem;
display: grid;
}
.block--type--testimonials header .field--name-field-body {
color: var(--color-neutral-400);
max-width: 84.4rem;
}
.block--type--testimonials header .description {
color: var(--color-text-default);
max-width: 86rem;
}
.block--type--testimonials.no-blue {
background-color: #0000;
}
.block--type--testimonials.no-blue .paragraph--type--testimonial .quotation-mark-rotated {
bottom: 0;
}
@media (min-width: 768px) {
.block--type--testimonials {
width: 100%;
}
}
.block--type--testimonials .testimonials {
background: var(--color-primary-400);
}
@media (min-width: 1280px) {
.block--type--testimonials .testimonials {
grid-template-columns: repeat(2,1fr);
display: grid;
}
}
.block--type--testimonials .content {
color: var(--color-white);
padding: 6rem 0 0;
overflow: hidden;
}
@media (min-width: 1280px) {
.block--type--testimonials .content {
padding: 6rem 0;
}
}
.block--type--testimonials .content h4 {
color: var(--color-white);
font-size: var(--h4-font-size);
}
.block--type--testimonials .content .splide__track {
overflow: visible;
}
.block--type--testimonials .content .splide__slide {
opacity: 0;
transition: opacity .3s;
}
.block--type--testimonials .content .splide__slide.is-active {
opacity: 1;
transition-delay: .3s;
}
.block--type--testimonials .images {
align-self: end;
width: calc(100% - 3.2rem);
margin: 3.2rem auto 0;
position: relative;
}
.block--type--testimonials .images: before {
content: "";
background-color: var(--color-white);
position: absolute;
top: 65%;
bottom: 0;
left: -1.6rem;
right: -1.6rem;
}
@media (min-width: 768px) {
.block--type--testimonials .images {
width: calc(100% - 1.6rem);
margin: 0 0 0 auto;
transform: translateY(6rem);
}
.block--type--testimonials .images: before {
content: none;
}
}
@media (min-width: 1280px) {
.block--type--testimonials .images {
width: 100%;
margin: 0;
}
}
.block--type--testimonials .images .splide__arrow {
opacity: 1;
}
.block--type--testimonials h4 {
margin-bottom: 3.2rem;
}
.block--type--testimonials .button {
margin-top: 2rem;
margin-bottom: 3.2rem;
}
.block--type--testimonials .field--name-field-testimonial-author {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
}
.block--type--testimonials .field--name-field-testimonial-author,.block--type--testimonials .field--name-field-subtitle,.block--type--testimonials .field--name-field-testimonial-function {
font-size: var(--small-text-font-size);
margin: .2rem 0;
}
.block--type--testimonials .quote {
position: relative;
}
.block--type--testimonials .quote .quotation-mark {
position: absolute;
top: -3.6rem;
left: 0;
}
@media (min-width: 768px) {
.block--type--testimonials .quote .quotation-mark {
top: -4.2rem;
left: -5.6rem;
}
}
.block--type--testimonials .quote .quotation-mark path {
fill: var(--color-white);
}
.block--type--testimonials .quote .quotation-mark-rotated {
position: absolute;
bottom: -3rem;
right: 0;
transform: rotate(-180deg);
}
@media (min-width: 768px) {
.block--type--testimonials .quote .quotation-mark-rotated {
bottom: -5rem;
right: 0;
left: inherit;
}
}
.block--type--testimonials .quote .quotation-mark-rotated path {
fill: var(--color-white);
}
.block-feature-test-report {
margin-bottom: var(--container-margin-v);
gap: 1.2rem 3rem;
display: grid;
position: relative;
}
@media (min-width: 1024px) {
.block-feature-test-report {
grid-template: "aside search""aside view"1fr/30rem 1fr;
}
}
.block-feature-test-report: before {
content: " ";
z-index: 6;
opacity: 0;
pointer-events: none;
background: #ffffffbf;
width: 100%;
height: 100%;
transition: opacity .25s ease-out;
display: block;
position: absolute;
top: 0;
left: 0;
}
.ajaxified-facets-loading .block-feature-test-report: before {
opacity: 1;
pointer-events: auto;
}
.ajaxified-facets-loading .block-feature-test-report: after {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: " ";
z-index: 100;
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
margin-top: -.8rem;
margin-left: -.8rem;
animation: .8s linear infinite loader-spin;
display: block;
position: absolute;
top: 4.8rem;
left: 50%;
}
.block-feature-test-report .form-item--select-all {
display: none;
}
.block-feature-test-report .pseudo-select-all {
cursor: pointer;
color: var(--color-neutral-300);
align-items: center;
gap: .8rem;
display: flex;
}
.block-feature-test-report .pseudo-select-all: first-child {
display: none;
}
.block-feature-test-report .pseudo-select-all .floating-tip__trigger {
width: 2rem;
padding: 0 .4rem 0 0;
}
.block-feature-test-report .pseudo-select-all__checkbox {
border: .1rem solid var(--color-grey-new);
border-radius: .4rem;
padding: .5rem;
}
.block-feature-test-report .pseudo-select-all__checkbox svg {
opacity: 0;
transition: opacity .3s;
}
.block-feature-test-report .pseudo-select-all__checkbox svg path {
fill: var(--color-white);
}
.block-feature-test-report .pseudo-select-all__checkbox__box {
aspect-ratio: 1;
background-color: var(--color-white);
border: .1rem solid var(--color-neutral-200);
border-radius: .4rem;
place-items: center;
width: 2rem;
transition: background-color .3s,border-color .3s;
display: grid;
}
.block-feature-test-report .pseudo-select-all.active .pseudo-select-all__checkbox__box {
background-color: var(--color-secondary-200);
border-color: var(--color-secondary-200);
}
.block-feature-test-report .pseudo-select-all.active svg {
opacity: 1;
}
.block-feature-test-report__sorts {
gap: .8rem;
display: grid;
}
@media (min-width: 1024px) {
.block-feature-test-report__sorts {
grid-column: 2;
justify-content: flex-end;
display: flex;
}
}
.block-feature-test-report__sorts .search-links {
flex-wrap: wrap;
flex: 100%;
order: 2;
align-items: center;
gap: .8rem;
display: flex;
}
@media (min-width: 1024px) {
.block-feature-test-report__sorts .search-links {
order: 0;
}
}
.block-feature-test-report__sorts .search-links a {
font-size: var(--small-text-font-size);
--button-background-color: var(--color-lighter-blue);
--button-border-color: var(--color-lighter-blue);
--button-color: var(--color-neutral-500);
--button-icon-color: var(--color-dark-grey);
display: block;
}
.block-feature-test-report__sorts .search-links a svg path {
fill: var(--button-icon-color);
}
.block-feature-test-report__sorts .search-links a: hover {
--button-icon-color: var(--color-secondary-200);
}
.block-feature-test-report__sorts .search-links a: hover svg {
--button-icon-transform: none;
}
.block-feature-test-report__sorts .search-links__clear {
display: none;
}
.block-feature-test-report__sorts__select-search {
width: 100%;
}
@media (min-width: 768px) {
.block-feature-test-report__sorts__select-search {
max-width: 32rem;
}
}
.block-feature-test-report__sorts .form-item--search input[type=text] {
max-width: none;
}
.block-feature-test-report .date-sort {
--button-border-radius: .5rem;
--button-padding: .6rem 1.6rem .6rem 1.2rem;
position: relative;
}
.block-feature-test-report .date-sort button svg {
width: 1rem;
height: auto;
}
.block-feature-test-report .date-sort button svg path {
fill: var(--color-secondary-200);
}
.block-feature-test-report .date-sort .options {
border-radius: var(--panel-border-radius);
box-shadow: var(--panel-box-shadow);
border: var(--panel-border);
background-color: var(--panel-background-color);
z-index: 10;
opacity: 0;
pointer-events: none;
padding: 1.2rem 1.6rem;
transition: opacity .3s,transform .3s;
position: absolute;
top: 100%;
left: 0;
transform: translateY(-1rem);
}
.block-feature-test-report .date-sort .options a {
font-size: var(--small-text-font-size);
white-space: nowrap;
padding: .2rem 1rem;
display: block;
}
.block-feature-test-report .date-sort .options a.active {
background-color: var(--color-lighter-blue);
}
.block-feature-test-report .date-sort .options.active {
opacity: 1;
pointer-events: initial;
transform: translateY(1rem);
}
.block-feature-test-report__aside {
z-index: 2;
grid-area: aside;
margin: .8rem 0;
display: none;
position: relative;
}
.block-feature-test-report__aside h2 {
color: var(--color-neutral-300);
order: -2;
align-self: center;
min-height: 3.3rem;
font-size: 1.6rem;
}
@media (min-width: 1024px) {
.block-feature-test-report__aside {
display: block;
}
}
.block-feature-test-report__aside__facets {
border-radius: .3rem;
grid-template-columns: repeat(2,1fr);
gap: .8rem;
display: grid;
top: 16rem;
right: 100%;
}
.block-feature-test-report__aside__facets .facets-widget {
gap: .8rem;
display: grid;
}
.block-feature-test-report__aside__facets .facets-widget h3~a {
white-space: nowrap;
flex-grow: 0;
flex-shrink: 0;
justify-self: end;
margin-left: auto;
font-size: 1.2rem;
line-height: 150%;
}
.block-feature-test-report__aside__facets .facet-block,.block-feature-test-report__aside__facets>div.facet-wrapper-block {
background-color: var(--color-lighter-blue);
border-top: none;
border-radius: .5rem;
grid-column: span 2;
margin-top: .4rem;
padding: 1.6rem;
}
.block-feature-test-report__aside__facets .facet-block: first-child,.block-feature-test-report__aside__facets>div.facet-wrapper-block: first-child {
padding-top: 1.6rem;
}
.block-feature-test-report__aside__facets .facet-block .facets-reset,.block-feature-test-report__aside__facets>div.facet-wrapper-block .facets-reset {
display: none;
}
.block-feature-test-report__aside__facets .facet-block.closed h3: after,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed h3: after {
transform: none;
}
.block-feature-test-report__aside__facets .facet-block.closed h4,.block-feature-test-report__aside__facets .facet-block.closed .facet-block,.block-feature-test-report__aside__facets .facet-block.closed input[type=checkbox],.block-feature-test-report__aside__facets .facet-block.closed .facets-widget>ul,.block-feature-test-report__aside__facets .facet-block.closed .facets-widget>a,.block-feature-test-report__aside__facets .facet-block.closed .facets-widget>span,.block-feature-test-report__aside__facets .facet-block.closed .facets-widget>.default-select,.block-feature-test-report__aside__facets .facet-block.closed .facets-widget>.facet-block,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed h4,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed .facet-block,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed input[type=checkbox],.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed .facets-widget>ul,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed .facets-widget>a,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed .facets-widget>span,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed .facets-widget>.default-select,.block-feature-test-report__aside__facets>div.facet-wrapper-block.closed .facets-widget>.facet-block {
display: none;
}
.block-feature-test-report__aside__facets .facets-widget-range_slider h3 {
margin: 0 -1rem;
}
.block-feature-test-report__aside__facets .facets-widget.facets-widget--do-not-show-children {
display: flex;
}
.block-feature-test-report__aside__facets .facets-widget.facets-widget--do-not-show-children>span {
flex: none;
top: unset!important;
position: static!important;
}
.block-feature-test-report__aside__facets .facets-widget.facets-widget--do-not-show-children>span: before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block-feature-test-report__aside__facets .facets-widget.facets-widget--do-not-show-children h3 {
flex: auto;
padding-left: 0;
}
.block-feature-test-report__aside__facets .facets-widget.facets-widget--do-not-show-children h3: after {
content: none;
}
.block-feature-test-report__aside__facets .facets-widget.facets-widget--do-not-show-children>a,.block-feature-test-report__aside__facets .facets-widget.facets-widget--do-not-show-children [data-dl-filter-group] {
display: none;
}
.block-feature-test-report__aside__facets h3,.block-feature-test-report__aside__facets .facets-widget h3 {
--default-title-color: var(--color-neutral-500);
--default-title-line-height: 150%;
--h3-font-size-mobile: 1.2rem;
--h3-font-size: var(--small-text-font-size);
--h3-font-family: var(--font-family-faktum);
--h3-letter-spacing: .05em;
text-transform: capitalize;
cursor: pointer;
grid-template-columns: 1fr auto auto;
align-items: center;
font-weight: 500;
display: grid;
}
.block-feature-test-report__aside__facets h3: after,.block-feature-test-report__aside__facets .facets-widget h3: after {
content: "";
background-color: var(--color-neutral-500);
width: 1.2rem;
height: .8rem;
transition: transform .6s cubic-bezier(.5,0,0,1);
display: block;
transform: rotate(-180deg);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.18341e-08%201.35372L0.850619%200.361329L5%203.91794L9.14938%200.361328L10%201.35372L5%205.63943L1.18341e-08%201.35372Z'%20fill='%2361656E'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.18341e-08%201.35372L0.850619%200.361329L5%203.91794L9.14938%200.361328L10%201.35372L5%205.63943L1.18341e-08%201.35372Z'%20fill='%2361656E'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.block-feature-test-report__aside__facets h3: not(: has(+ul)): after {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
cursor: pointer;
z-index: 2;
opacity: 0;
background: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%23fff'/%3e%3c/svg%3e") 50%/60% no-repeat;
transition: opacity .3s;
position: absolute;
top: 0;
left: 0;
-webkit-mask: none;
mask: none;
}
.block-feature-test-report__aside__facets .facets-widget h3: not(: has(+ul)): after {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
cursor: pointer;
z-index: 2;
opacity: 0;
background: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%23fff'/%3e%3c/svg%3e") 50%/60% no-repeat;
transition: opacity .3s;
position: absolute;
top: 0;
left: 0;
-webkit-mask: none;
mask: none;
}
.block-feature-test-report__aside__facets h4 {
--default-title-color: var(--color-neutral-500);
--default-title-line-height: 150%;
--h4-font-size-mobile: 1.2rem;
--h4-font-size: var(--small-text-font-size);
--h4-font-family: var(--font-family-faktum);
--h4-letter-spacing: .05em;
text-transform: capitalize;
cursor: pointer;
grid-template-columns: 1fr auto auto;
align-items: center;
margin-block-start: .8rem;
font-weight: 500;
display: grid;
}
.block-feature-test-report__aside__facets .facet-item-block,.block-feature-test-report__aside__facets .facet-item-block .facets-widget {
position: relative;
}
.block-feature-test-report__aside__facets .facet-item-block .facets-widget span[data-toggle-all-facets] {
width: var(--checkbox-width);
height: var(--checkbox-height);
background: var(--checkbox-background-color);
border: 1px solid var(--checkbox-border-color);
border-radius: var(--checkbox-border-radius);
z-index: 1;
font-size: 0;
position: absolute;
top: 0;
overflow: hidden;
display: block!important;
}
.block-feature-test-report__aside__facets .facet-item-block .facets-widget span[data-toggle-all-facets]: hover {
cursor: pointer;
}
.block-feature-test-report__aside__facets .facet-item-block .facets-widget span[data-toggle-all-facets]: after {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
box-sizing: border-box;
z-index: 1;
pointer-events: none;
opacity: 0;
background: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%23fff'/%3e%3c/svg%3e") 50%/60% no-repeat;
display: block;
position: absolute;
top: -.1rem;
left: -.1rem;
}
.block-feature-test-report__aside__facets .facet-item-block .facets-widget span[data-toggle-all-facets].active {
background: var(--color-secondary-200);
border-color: var(--color-secondary-200);
}
.block-feature-test-report__aside__facets .facet-item-block .facets-widget span[data-toggle-all-facets].active: after {
opacity: 1;
}
.block-feature-test-report__aside__facets .facet-item-block: has(: not(ul)) a.active+h3: before {
background-color: var(--color-secondary-200);
border-color: var(--color-secondary-200);
}
.block-feature-test-report__aside__facets .facet-item-block: has(: not(ul)) a.active+h3: after {
opacity: 1;
}
.block-feature-test-report__aside__facets .facet-item-block h3 {
padding-inline-start: 2.8rem;
}
.block-feature-test-report__aside__facets .facet-item-block h3: before {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
box-sizing: border-box;
background: var(--checkbox-background-color);
border: 1px solid var(--checkbox-border-color);
border-radius: var(--checkbox-border-radius);
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.block-feature-test-report__aside__facets .facet-item-block .facet-block {
margin-block-start: 0;
padding-block-start: .8rem;
padding-block-end: 0;
padding-inline-start: 0;
padding-inline-end: 0;
}
.block-feature-test-report__aside__facets .default-select {
width: 100%;
}
.block-feature-test-report__aside__facets>a: last-child {
color: var(--color-neutral-300);
font-size: var(--small-text-font-size);
font-weight: var(--font-weight-bold);
border: .1rem solid var(--color-grey-new);
border-radius: .4rem;
order: -1;
align-items: center;
gap: 1.4rem;
margin-bottom: .4rem;
margin-left: auto;
padding: .9rem .6rem;
line-height: 1;
display: flex;
}
.block-feature-test-report__aside__facets>a: last-child: after {
content: "";
border: .1rem solid var(--color-grey-new);
background-color: var(--color-grey-new);
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
padding: .1rem;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%200.5C3.3525%200.5%200%203.8525%200%208C0%2012.1475%203.3525%2015.5%207.5%2015.5C11.6475%2015.5%2015%2012.1475%2015%208C15%203.8525%2011.6475%200.5%207.5%200.5ZM7.5%2014C4.1925%2014%201.5%2011.3075%201.5%208C1.5%204.6925%204.1925%202%207.5%202C10.8075%202%2013.5%204.6925%2013.5%208C13.5%2011.3075%2010.8075%2014%207.5%2014ZM10.1925%204.25L7.5%206.9425L4.8075%204.25L3.75%205.3075L6.4425%208L3.75%2010.6925L4.8075%2011.75L7.5%209.0575L10.1925%2011.75L11.25%2010.6925L8.5575%208L11.25%205.3075L10.1925%204.25Z'%20fill='%23B3B3B3'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%200.5C3.3525%200.5%200%203.8525%200%208C0%2012.1475%203.3525%2015.5%207.5%2015.5C11.6475%2015.5%2015%2012.1475%2015%208C15%203.8525%2011.6475%200.5%207.5%200.5ZM7.5%2014C4.1925%2014%201.5%2011.3075%201.5%208C1.5%204.6925%204.1925%202%207.5%202C10.8075%202%2013.5%204.6925%2013.5%208C13.5%2011.3075%2010.8075%2014%207.5%2014ZM10.1925%204.25L7.5%206.9425L4.8075%204.25L3.75%205.3075L6.4425%208L3.75%2010.6925L4.8075%2011.75L7.5%209.0575L10.1925%2011.75L11.25%2010.6925L8.5575%208L11.25%205.3075L10.1925%204.25Z'%20fill='%23B3B3B3'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.block-feature-test-report__aside__facets .facets-widget-checkbox input[type=checkbox][disabled],.block-feature-test-report__aside__facets .facets-widget-checkbox input[type=checkbox][disabled]~label {
display: block;
}
.block-feature-test-report__aside__facets .facets-widget-checkbox input[type=checkbox][disabled]: checked~label: before {
--checkbox-background-color: var(--color-secondary-200);
}
.block-feature-test-report__aside__facets .facets-widget-checkbox input[type=checkbox][disabled]: checked~.icon path {
fill: var(--color-white);
}
@media (min-width: 1024px) {
.block-feature-test-report__aside .tooltip-advanced__wrapper {
max-width: 38rem;
}
}
.block-feature-test-report__aside .lead-status-legend li {
--status-color: var(--color-accent-05);
font-size: var(--smaller-text-font-size);
}
.block-feature-test-report__aside .lead-status-legend li: has(.test-report-status--valid) {
--status-color: var(--color-accent-03);
}
.block-feature-test-report__aside .lead-status-legend li: has(.test-report-status--ce) {
--status-color: var(--color-status-warning-300);
}
.block-feature-test-report__aside .lead-status-legend li: has(.test-report-status--internal) {
--status-color: var(--color-secondary-200);
}
.block-feature-test-report__aside .lead-status-legend li: has(.test-report-status--cancelled) {
--status-color: var(--color-status-warning-500);
}
.block-feature-test-report__aside .lead-status-legend li: has(.test-report-status--non_standard) {
--status-color: var(--color-status-warning-400);
}
.block-feature-test-report__aside .lead-status-legend li .test-report-status {
color: var(--status-color);
font-family: var(--font-family-faktum);
display: inline-block;
}
.block-feature-test-report__aside .lead-status-legend li .test-report-status: before {
content: "";
aspect-ratio: 1;
background-color: var(--status-color);
border-radius: 50%;
width: 1.2rem;
margin-right: .4rem;
display: block;
}
.block-feature-test-report__aside .lead-status-legend li .test-report-status+strong {
color: var(--status-color);
}
.block-feature-test-report .test-report-autocomplete-form {
position: relative;
}
.block-feature-test-report .autocomplete-wrapper {
border: 1px solid var(--color-grey-new);
background-color: var(--color-white);
color: var(--color-neutral-500);
z-index: 10;
opacity: 0;
pointer-events: none;
border-radius: .5rem;
padding: 1.6rem;
position: absolute;
top: calc(100% + .6rem);
left: 0;
right: 0;
transform: translateY(1rem);
}
.block-feature-test-report .autocomplete-wrapper.loading,.block-feature-test-report .autocomplete-wrapper.active {
opacity: 1;
pointer-events: initial;
transition: opacity .3s,transform .3s;
transform: none;
}
.block-feature-test-report .autocomplete-wrapper.loading {
min-height: 6rem;
}
.block-feature-test-report .autocomplete-wrapper.loading: after {
content: "";
z-index: 20;
pointer-events: none;
border: .4rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
border-radius: 50%;
width: 1.4rem;
height: 1.4rem;
transition: opacity .3s .3s;
animation: .8s linear infinite loader-spin;
position: absolute;
top: calc(50% - 1.1rem);
left: calc(50% - 1.1rem);
}
.block-feature-test-report .autocomplete-results li {
border-bottom: none;
}
.block-feature-test-report .autocomplete-results li>ul {
border-left: 1px solid var(--color-light-gray);
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: .8rem;
padding-left: 1.6rem;
position: relative;
}
.block-feature-test-report .autocomplete-results li span {
cursor: pointer;
transition: color .3s;
}
.block-feature-test-report .autocomplete-results li span: hover {
color: var(--color-secondary-200);
}
.block-feature-test-report__fixed-bar {
z-index: 1007;
transition: opacity .3s ease-out;
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.block-feature-test-report__fixed-bar.hide {
opacity: 0;
pointer-events: none;
}
.block-feature-test-report__fixed-bar__limit {
z-index: 2;
background-color: var(--color-status-warning-bg);
color: var(--color-status-warning-400);
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
opacity: 1;
justify-content: center;
align-items: center;
gap: .4rem 1rem;
padding: .7rem 1.6rem;
font-weight: 500;
transition: opacity .3s ease-out;
display: flex;
position: relative;
}
.block-feature-test-report__fixed-bar__limit svg {
flex: none;
display: block;
}
.block-feature-test-report__fixed-bar__limit.hide {
opacity: 0;
pointer-events: none;
}
.block-feature-test-report__fixed-bar__actions {
--button-padding: .4rem 2.4rem;
background-color: var(--color-white);
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: .4rem 1.6rem;
padding: 1.6rem;
display: flex;
box-shadow: 0 -.1rem 1.2rem #00000014;
}
.block-feature-test-report__fixed-bar__actions .button--download svg {
--button-icon-width: 1.5rem;
--button-icon-height: 1.5rem;
}
.block-feature-test-report__list .vbo-view-form tbody td {
border: 0;
padding: 0;
}
@media (min-width: 768px) {
.block-feature-test-report__list .vbo-view-form .form-actions {
display: none;
}
}
.block-feature-test-report__list .vbo-view-form [data-drupal-selector=edit-views-bulk-operations-bulk-form] {
flex-wrap: wrap;
align-items: center;
gap: 1.6rem;
}
@media (min-width: 768px) {
.block-feature-test-report__list .vbo-view-form [data-drupal-selector=edit-views-bulk-operations-bulk-form] {
justify-content: end;
}
}
.block-feature-test-report__list .vbo-view-form [data-drupal-selector=edit-views-bulk-operations-bulk-form] header {
flex: auto;
}
.block-product-group-grid {
gap: 3.2rem;
display: grid;
}
.block-product-group-grid header {
gap: .8rem;
display: grid;
}
.block-product-group-grid header .description {
color: var(--color-text-default);
max-width: 86rem;
}
@media (min-width: 550px) {
.block-product-group-grid .teaser-grid {
flex-flow: wrap;
align-items: flex-start;
}
}
.block-product-group-grid .teaser-grid.carousel {
margin-bottom: var(--container-layout-builder-block-v-mobile);
max-width: 100vw;
padding: 0;
display: block;
}
@media (min-width: 1024px) {
.block-product-group-grid .teaser-grid.carousel {
margin-bottom: var(--container-layout-builder-block-v);
}
}
.block-product-group-grid .teaser-grid.carousel .teaser--small {
width: 100%;
padding: 0;
}
.block-product-group-grid .teaser-grid.carousel .teaser--small h3 {
font-family: var(--font-family-faktum-wide);
}
.block-product-group-grid .teaser-grid.carousel .teaser--small .teaser__media: before {
content: none;
}
.block-product-group-grid .teaser-grid.carousel .teaser--small .teaser__media .media {
top: unset;
right: unset;
bottom: unset;
left: unset;
position: relative!important;
}
.block-product-group-grid .teaser-grid.carousel .teaser--small .teaser__media .media img {
top: unset;
right: unset;
bottom: unset;
left: unset;
aspect-ratio: 357.333/236;
width: 100%;
height: auto;
position: relative;
}
.block-product-group-grid .teaser-grid.carousel .splide__arrows .splide__arrow {
opacity: 1;
}
.block-product-group-grid .teaser-grid.carousel .splide__arrows .splide__arrow--prev {
left: 3.2rem;
}
.block-product-group-grid .teaser-grid.carousel .splide__arrows .splide__arrow--next {
right: 3.2rem;
}
@media (min-width: 550px) and (--media-lg-max) {
.block-product-group-grid .teaser {
width: 50%;
}
}
.block-inline-blocknewsletter {
--background: var(--color-lighter-blue);
--title-color: var(--color-primary-400);
--title-highlight: var(--color-secondary-200);
width: 100%;
max-width: var(--container-max-width);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.block-inline-blocknewsletter {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.block-inline-blocknewsletter {
padding-bottom: 6.5rem;
}
@media (min-width: 1280px) {
.block-inline-blocknewsletter {
padding-bottom: 0;
}
}
.block-inline-blocknewsletter .wrapper {
background-color: var(--background);
gap: 3.2rem;
padding: 0 1.6rem;
display: grid;
}
@media (min-width: 1280px) {
.block-inline-blocknewsletter .wrapper {
grid-template-columns: 1fr 47rem;
gap: 4.8rem;
padding: 0 4.4rem 0 0;
}
}
@media (min-width: 1440px) {
.block-inline-blocknewsletter .wrapper {
gap: 11.8rem;
}
}
.block-inline-blocknewsletter h2 {
color: var(--title-color);
margin-bottom: 2.4rem;
}
.block-inline-blocknewsletter h2 span {
color: var(--title-color);
display: block;
}
.block-inline-blocknewsletter h2 span+span {
color: var(--title-highlight);
}
@media (min-width: 996px) {
.block-inline-blocknewsletter h2 span {
margin-right: .6rem;
display: inline;
}
.block-inline-blocknewsletter h2 span+span {
margin-right: 0;
}
}
.block-inline-blocknewsletter__content {
padding: 3.2rem 0 0;
}
@media (min-width: 996px) {
.block-inline-blocknewsletter__content {
padding: 6.5rem 4rem 0;
}
}
@media (min-width: 1280px) {
.block-inline-blocknewsletter__content {
padding: 6.5rem 0 6.5rem 6rem;
}
}
.block-inline-blocknewsletter__image {
margin-bottom: -6.5rem;
}
@media (min-width: 1280px) {
.block-inline-blocknewsletter__image {
margin-bottom: 0;
transform: translateY(6.5rem);
}
}
@media (min-width: 996px) {
.block-inline-blocknewsletter__image img {
width: auto;
margin-left: auto;
margin-right: auto;
}
}
.block-inline-blocknewsletter--alt {
--background: var(--color-primary-400);
--title-color: var(--color-white);
--title-highlight: var(--color-secondary-150);
}
.block-masquerade {
border-top: .1rem solid var(--footer-seperator-color);
margin: 3.2rem 0 -.8rem;
padding-top: 1.6rem;
}
@media (min-width: 1024px) {
.block-masquerade {
margin-top: 2.4rem;
}
}
.block-masquerade .container-inline {
flex-direction: column;
display: flex;
}
.block-masquerade .container-inline div,.block-masquerade .container-inline label {
display: block;
}
@media (min-width: 1024px) {
.block-masquerade .container-inline {
flex-direction: row;
align-items: center;
}
.block-masquerade .container-inline .form-item--masquerade-as {
width: 100%;
}
.block-masquerade .container-inline .form-actions {
align-items: center;
margin-top: 0;
margin-left: 2.4rem;
display: flex;
}
}
.block--mission-statement {
--background-color: var(--color-primary-500);
--color: var(--color-white);
background-color: var(--background-color);
gap: 1.6rem;
padding: 5.9rem 0;
display: grid;
}
@media (min-width: 996px) {
.block--mission-statement {
padding: 16rem 0;
}
}
.block--mission-statement h2 {
text-align: center;
width: min(100% - 6.4rem,92.8rem);
color: var(--color);
margin-inline-start: auto;
margin-inline-end: auto;
font-size: max(3.2rem,min(4vw,6.4rem));
}
.block--mission-statement h3 {
text-align: center;
order: -1;
width: min(100% - 6.4rem,92.8rem);
margin: 0 auto;
}
.block--mission-statement h3: before {
content: "";
background-color: var(--default-title-color);
width: 3.2rem;
height: .2rem;
margin: 0 auto .8rem;
display: block;
}
.block-inline-blocksolid-cta,.block--solid-cta {
--color: var(--color-white);
width: min(100% - var(--container-padding-h) * 2,117rem);
background-color: var(--color-primary-500);
text-align: center;
border-radius: .8rem;
margin-inline-start: auto;
margin-inline-end: auto;
padding: 3.2rem 2rem;
overflow: hidden;
}
@media (min-width: 1024px) {
.block-inline-blocksolid-cta,.block--solid-cta {
padding: 6.65rem 4rem 8.25rem;
}
}
.block-inline-blocksolid-cta h2,.block--solid-cta h2 {
color: var(--color);
max-width: 36rem;
margin: 2.4rem auto;
font-size: max(2rem,min(4vw,3.2rem));
}
.block-inline-blocksolid-cta .field--name-field-icon img,.block--solid-cta .field--name-field-icon img {
width: 4.8rem;
height: auto;
margin-inline-start: auto;
margin-inline-end: auto;
display: block;
}
.block-inline-blocksolid-cta .button: hover,.block--solid-cta .button: hover {
--button-color: var(--color-primary-500);
--button-background-color: var(--color-white);
--button-border-color: var(--color-white);
}
.block-inline-blocksolid-cta--light,.block--solid-cta--light {
--color: var(--color-primary-400);
background-color: var(--color-lighter-grey);
}
.block-inline-blocksolid-cta--light .button,.block--solid-cta--light .button {
--button-background-color: var(--color-secondary-200);
--button-border-color: var(--color-secondary-200);
}
.block-inline-blocksolid-cta--light .button: hover,.block--solid-cta--light .button: hover {
--button-color: var(--color-white);
--button-background-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
}
.block--solid-cta {
margin-block-start: 4rem;
margin-block-end: 4rem;
}
.block-inline-blockproduct-slider {
width: min(100% - 3rem,120rem);
margin-inline-start: auto;
margin-inline-end: auto;
}
.block-inline-blockproduct-slider .splide__arrows .splide__arrow {
opacity: 1;
border: .1rem solid var(--color-neutral-100);
top: 13.5rem;
box-shadow: 0 .1rem .8rem #0000001f;
}
@media (min-width: 1024px) {
.block-inline-blockproduct-slider .splide__arrows .splide__arrow {
top: calc(50% - 1em);
}
}
.block-inline-blockproduct-slider .splide__pagination {
gap: 1rem;
display: flex;
}
.block-inline-blockproduct-slider .splide__pagination__page {
border: .1rem solid var(--color-neutral-200);
width: 1rem;
height: 1rem;
padding: unset;
background-color: #0000;
border-radius: 50%;
transition: all .5s;
}
.block-inline-blockproduct-slider .splide__pagination__page.is-active {
background-color: var(--color-primary-700);
border-color: var(--color-primary-700);
}
.block--type--text-with-layered-images {
align-items: start;
gap: 6.4rem;
display: grid;
}
@media (min-width: 768px) {
.block--type--text-with-layered-images {
grid-template-columns: repeat(2,1fr);
}
}
.block--type--text-with-layered-images__content {
display: grid;
}
@media (min-width: 1024px) {
.block--type--text-with-layered-images__content {
padding-block-start: 8rem;
padding-block-end: 8rem;
}
}
.block--type--text-with-layered-images__content h2 {
max-width: 44.8rem;
font-family: var(--font-family-faktum);
margin-block-start: .8rem;
margin-block-end: 3.2rem;
font-size: max(3.2rem,min(5vw,6.4rem));
}
.block--type--text-with-layered-images__content h3 {
font-family: var(--font-family-faktum);
order: -1;
margin-top: 0;
font-size: 2rem;
font-weight: 500;
display: none;
}
@media (min-width: 1024px) {
.block--type--text-with-layered-images__content h3 {
display: block;
}
}
.block--type--text-with-layered-images__content .button {
justify-self: start;
}
.block--type--text-with-layered-images__images {
grid-template-rows: 8rem 1fr 8rem;
grid-template-columns: minmax(3.2rem,1fr) auto;
justify-self: start;
display: grid;
}
@media (min-width: 768px) {
.block--type--text-with-layered-images__images {
justify-self: initial;
}
}
.block--type--text-with-layered-images__images .field--name-field-image {
grid-area: 1/2/3/3;
}
.block--type--text-with-layered-images__images .field--name-field-image img {
margin-inline-start: auto;
margin-inline-end: 0;
}
.block--type--text-with-layered-images__images .field--name-field-image-top {
grid-area: 2/1/4/3;
}
.block--type--text-with-layered-images__images .field--name-field-image-top img {
width: auto;
box-shadow: .4rem 2.4rem 4rem #00000040;
}
.general-search-extra {
background-color: var(--color-lighter-blue);
margin: .8rem 0;
padding: 2.4rem;
}
@media (min-width: 768px) {
.general-search-extra {
padding: 4rem;
}
}
.general-search-extra h4,.general-search-extra p {
font-size: var(--small-text-font-size);
margin: 0;
}
.general-search-extra h4 {
color: var(--color-neutral-500);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
}
.general-search-extra .button {
margin-top: 1.2rem;
}
.block-downloads-search .accordion__panel .accordion__panel[aria-expanded=true],.block-downloads-search .accordion__panel .accordion__panel[aria-expanded=true] ul {
overflow: visible;
}
.cta-block__body {
gap: 2.4rem;
display: grid;
}
.cta-block__heading {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
font-size: var(--h2-font-size-mobile);
line-height: var(--default-title-line-height);
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.cta-block__heading {
font-size: var(--h2-font-size);
}
}
.cta-block--align-content-center .cta-block__body {
justify-items: center;
}
@media (min-width: 1024px) {
.cta-block--align-content-center .cta-block__ctas {
justify-content: center;
}
}
.cta-block--align-content-right .cta-block__body {
justify-items: end;
}
@media (min-width: 1024px) {
.cta-block--align-content-right .cta-block__ctas {
justify-content: right;
}
}
.cta-block__ctas {
flex-direction: column;
gap: .8rem 1.6rem;
width: 100%;
display: flex;
}
@media (min-width: 1024px) {
.cta-block__ctas {
flex-flow: wrap;
gap: 1.6rem 2.4rem;
width: auto;
}
}
.cta-block--style-light_grey_background .cta-block__body {
background-color: var(--color-lighter-grey);
padding: var(--container-margin-v-mobile) 1.6rem;
}
@media (min-width: 1024px) {
.cta-block--style-light_grey_background .cta-block__body {
padding: var(--container-margin-v) 1.5rem;
}
}
.cta-block--style-image {
position: relative;
}
.cta-block--style-image: before {
content: "";
background-color: var(--color-primary-400);
z-index: 0;
display: block;
position: absolute;
top: 0;
bottom: 5.5rem;
left: 0;
right: 0;
}
@media (min-width: 1024px) {
.cta-block--style-image: before {
top: 0;
bottom: 5.5rem;
left: 0;
right: 0;
}
}
.cta-block--style-image .cta-block__content-wrapper {
z-index: 1;
color: var(--color-white);
gap: 3.2rem;
padding: 0 1.6rem;
display: grid;
position: relative;
}
@media (min-width: 1024px) {
.cta-block--style-image .cta-block__content-wrapper {
grid-template-rows: 6.5rem 3.5rem 1fr 5.5rem;
grid-template-columns: repeat(12,1fr);
column-gap: 3rem;
padding: 0 1.5rem;
}
}
.cta-block--style-image .cta-block__body {
grid-auto-rows: min-content;
gap: 0;
padding-top: 3.2rem;
}
@media (min-width: 1024px) {
.cta-block--style-image .cta-block__body {
grid-area: 3/1/auto/7;
padding-top: 0;
padding-bottom: 3.2rem;
}
}
@media (min-width: 1280px) {
.cta-block--style-image .cta-block__body {
grid-column: 2/7;
margin-left: -3rem;
}
}
@media (min-width: 1024px) {
.cta-block--style-image .cta-block__media {
z-index: 1;
grid-area: 2/7/5/13;
}
.cta-block--style-image .cta-block__media img {
height: 100%;
}
}
@media (min-width: 1280px) {
.cta-block--style-image .cta-block__media {
margin-left: 2.2rem;
}
}
.cta-block--style-image .cta-block__heading {
color: var(--color-white);
}
@media (min-width: 1280px) {
.cta-block--style-image .cta-block__heading {
max-width: 60%;
}
}
.cta-block--style-image .cta-block__description {
margin-top: .4rem;
}
.cta-block--style-image .cta-block__ctas {
margin-top: 1.6rem;
}
.block--tabbed-content {
--color: var(--color-neutral-500);
--body-border-color: var(--color-white);
margin-block-start: 6.4rem;
margin-block-end: 6.4rem;
padding-block-start: 3.2rem;
padding-block-end: 3.2rem;
}
@media (min-width: 768px) {
.block--tabbed-content {
padding-block-start: 6.4rem;
padding-block-end: 6.4rem;
}
}
.block--tabbed-content__title {
text-align: center;
color: var(--color);
margin: 0;
}
.block--tabbed-content__intro {
text-align: center;
color: var(--color);
margin: .8rem 0 0;
}
.block--tabbed-content .tablist {
white-space: nowrap;
margin-block-start: 3.2rem;
margin-block-end: 3.2rem;
}
.block--tabbed-content .paragraph--type--tabbed-content-tab .field--name-field-tab-video img {
aspect-ratio: 722/320;
}
.block--tabbed-content .paragraph--type--tabbed-content-tab h3 {
color: var(--color);
}
.block--tabbed-content .paragraph--type--tabbed-content-tab__body {
color: var(--color);
grid-template-columns: auto;
gap: 1.6rem 3.2rem;
margin: 1.6rem 0 0;
display: grid;
}
@media (min-width: 768px) {
.block--tabbed-content .paragraph--type--tabbed-content-tab__body {
grid-template-columns: 1fr auto;
}
}
.block--tabbed-content .paragraph--type--tabbed-content-tab__body: before {
content: "";
background-color: var(--body-border-color);
opacity: .16;
width: 100%;
height: .1rem;
display: block;
}
@media (min-width: 768px) {
.block--tabbed-content .paragraph--type--tabbed-content-tab__body: before {
grid-column: span 2;
}
}
.block--tabbed-content .paragraph--type--tabbed-content-tab__body .button {
align-self: center;
}
.block--tabbed-content,.block--tabbed-content.color-light {
--body-border-color: var(--color-primary-400);
}
.block--tabbed-content h2,.block--tabbed-content.color-light h2 {
--color: var(--color-primary-400);
}
.block--tabbed-content .tablist .button,.block--tabbed-content.color-light .tablist .button {
--button-color: var(--color-neutral-500);
--button-background-color: var(--color-white);
--button-border-color: var(--color-neutral-100);
}
.block--tabbed-content .tablist .button: hover,.block--tabbed-content.color-light .tablist .button: hover {
--button-border-color: var(--color-secondary-200);
}
.block--tabbed-content .tablist .button.active,.block--tabbed-content.color-light .tablist .button.active {
--button-color: var(--color-secondary-200);
--button-border-color: var(--color-secondary-200);
}
.block--tabbed-content .tablist--buttons: after,.block--tabbed-content.color-light .tablist--buttons: after {
--tablist-cover-background: linear-gradient(90deg,#003c7500 0%,var(--color-lighter-blue) 100%);
}
.block--tabbed-content.color-light {
background-color: var(--color-lighter-blue);
}
.block--tabbed-content.color-dark {
--color: var(--color-white);
background-color: var(--color-primary-400);
}
.block--tabbed-content.color-dark h2 {
--color: var(--color-white);
}
.block--tabbed-content.color-dark .tablist .button {
--button-background-color: #ffffff14;
--button-border-color: #fff3;
--button-color: var(--color-white);
}
.block--tabbed-content.color-dark .tablist .button: hover {
--button-border-color: var(--color-white);
}
.block--tabbed-content.color-dark .tablist .button.active {
--button-color: var(--color-secondary-200);
--button-background-color: var(--color-white);
--button-border-color: var(--color-white);
}
.vbo-view-form thead,.vbo-view-form tbody tr .views-field-views-bulk-operations-bulk-form,.vbo-view-form tbody tr .views-field-search-api-rendered-item {
display: none;
}
.vbo-view-form tbody td {
background-color: #0000;
padding: 2rem 0;
}
.reynaers-modal--test-report [data-modal] {
display: none;
}
.block-story-search-overview .search-overview__filter-buttons,.block-story-search-overview .search-overview__filter-buttons__scroll {
overflow: visible;
}
.block-story-search-overview .facet-panel__header {
height: auto;
}
.block--type--figures {
--color: var(--color-white);
--secondary-color: var(--color-neutral-100);
--title-color: var(--color);
--background: var(--color-primary-400);
background-color: var(--background);
color: var(--color);
text-align: center;
gap: 3.2rem;
padding-block-start: 3.2rem;
padding-block-end: 3.2rem;
display: grid;
}
.block--type--figures: has(+.block-inline-blocktext) {
margin-bottom: var(--container-layout-builder-block-v-mobile);
}
@media (min-width: 768px) {
.block--type--figures: has(+.block-inline-blocktext) {
margin-bottom: var(--container-layout-builder-block-v);
}
}
.block--type--figures__header h2 {
color: var(--title-color);
}
.block--type--figures__main-figures {
width: min(100% - 3.2rem,80rem);
margin-inline-start: auto;
margin-inline-end: auto;
}
.block--type--figures__main-figures .field--name-field-figures {
gap: 3rem;
display: grid;
}
@media (min-width: 1024px) {
.block--type--figures__main-figures .field--name-field-figures {
grid-template-columns: repeat(3,1fr);
}
}
.paragraph--type--figure {
gap: .4rem;
display: grid;
}
.paragraph--type--figure .field--name-field-number {
font-size: 3.6rem;
font-weight: 700;
line-height: 1.1;
}
.paragraph--type--figure .field--name-field-description {
color: var(--secondary-color);
font-size: var(--small-text-font-size);
margin-top: 1rem;
}
.paragraph--type--figure img {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 6rem;
margin-inline-start: auto;
margin-inline-end: auto;
display: block;
}
.block--brands {
text-align: center;
justify-items: center;
gap: 6.4rem;
padding-block-start: 6.4rem;
padding-block-end: 6.4rem;
display: grid;
}
.block--brands .field--name-field-brands {
grid-template-columns: repeat(2,1fr);
gap: 1.6rem;
display: grid;
}
@media (min-width: 768px) {
.block--brands .field--name-field-brands {
grid-template-columns: repeat(4,1fr);
}
}
@media (min-width: 1280px) {
.block--brands .field--name-field-brands {
grid-template-columns: repeat(7,1fr);
}
}
.block--brands .field--name-field-brands .field__item {
display: flex;
}
.paragraph--type--brand {
--background: var(--color-white);
width: 100%;
display: flex;
}
.paragraph--type--brand a {
aspect-ratio: 164/114;
background-color: var(--background);
border-radius: 1.2rem;
justify-content: center;
align-items: center;
width: 100%;
padding: 1.6rem 2.8rem;
transition: filter .3s;
display: flex;
overflow: clip;
}
@media (min-width: 1280px) {
.paragraph--type--brand a {
aspect-ratio: 154/114;
filter: grayscale();
}
}
.paragraph--type--brand a: hover,.paragraph--type--brand a: focus {
filter: none;
}
.paragraph--type--brand a img {
object-position: center;
width: 100%;
height: auto;
max-height: 5.6rem;
display: block;
}
.block--career {
--background: var(--color-primary-400);
--color: var(--color-white);
grid-template: ".container."3.2rem".container."".container."".container."15rem/1fr min(100% - 3rem,120rem) 1fr;
display: grid;
}
@media (min-width: 768px) {
.block--career {
grid-template-rows: 6.4rem auto 8.6rem;
grid-template-areas: ".container."".container."".container.";
}
}
.block--career: before {
content: "";
background-color: var(--background);
grid-area: 1/1/4/-1;
display: block;
}
@media (min-width: 768px) {
.block--career: before {
grid-area: 1/1/3/-1;
}
}
.block--career__container {
grid-area: container;
grid-template-columns: subgrid;
grid-template-rows: subgrid;
grid-template-areas: "content""content""image""image";
align-items: center;
gap: 3.2rem;
display: grid;
}
@media (min-width: 768px) {
.block--career__container {
grid-template-columns: repeat(2,1fr);
grid-template-areas: "content.""content image"".image";
}
}
@media (min-width: 1024px) {
.block--career__container {
gap: 0 6.4rem;
}
}
@media (min-width: 1280px) {
.block--career__container {
gap: 0 15.3rem;
}
}
.block--career__content {
color: var(--color);
grid-area: content;
padding-block-start: 3.2rem;
padding-block-end: 0;
}
@media (min-width: 768px) {
.block--career__content {
padding-block-start: 6.4rem;
padding-block-end: 6.4rem;
}
}
.block--career__content h2,.block--career__content h3 {
color: var(--color);
}
.block--career__content h2 {
margin: 0 0 .8rem;
}
.block--career__content h3 {
margin: 0 0 1.6rem;
}
.block--career__content .field--name-field-body-plain {
margin: 0 0 2.4rem;
}
.block--career__image {
grid-area: image;
}
.block--career__image img {
width: auto;
max-width: 100%;
height: auto;
margin-inline-start: auto;
margin-inline-end: auto;
}
@media (min-width: 768px) {
.block--career__image img {
margin: 0;
}
}
.block--cards__header {
text-align: center;
width: min(100% - var(--container-padding-h) * 2,69.2rem);
gap: 1.6rem;
margin: 0 auto 6.4rem;
display: grid;
}
.block--cards .field--name-field-cards {
gap: 1.6rem;
display: grid;
}
@media (min-width: 768px) {
.block--cards .field--name-field-cards {
grid-template-columns: repeat(2,1fr);
}
}
@media (min-width: 1280px) {
.block--cards .field--name-field-cards {
gap: 3rem 4.8rem;
}
}
.block--cards--4-columns .field--name-field-cards {
align-items: start;
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
display: flex;
overflow-x: auto;
}
.block--cards--4-columns .field--name-field-cards .paragraph {
flex: 0 0 27rem;
}
@media (min-width: 768px) {
.block--cards--4-columns .field--name-field-cards {
grid-template-columns: repeat(2,1fr);
display: grid;
overflow-x: hidden;
}
}
@media (min-width: 1280px) {
.block--cards--4-columns .field--name-field-cards {
grid-template-columns: repeat(4,1fr);
gap: 3.2rem 2.9rem;
}
}
.block--sustainability-card {
background-color: var(--color-neutral-200);
padding-block-start: 3.2rem;
padding-block-end: 3.2rem;
}
.block--sustainability-card__container {
flex-wrap: wrap;
gap: 1.6rem;
display: flex;
}
@media (min-width: 1024px) {
.block--sustainability-card__container {
flex-wrap: nowrap;
}
}
@media (min-width: 1280px) {
.block--sustainability-card__container {
gap: 1.6rem 3.2rem;
}
}
.block--sustainability-card__container>.field--name-field-image-single,.block--sustainability-card__container>.paragraph {
flex: 100%;
}
.block--sustainability-card__container .field--name-field-image-single {
align-self: center;
}
.block--sustainability-card__container img {
max-width: 20rem;
margin: 0 auto;
}
@media (min-width: 1024px) {
.block--sustainability-card__container img {
margin: 0;
}
}
.block--type--customer-portal-login-register {
z-index: 10;
margin-block-end: 0;
position: relative;
}
@media (min-width: 1024px) {
.block--type--customer-portal-login-register {
width: 100%;
overflow: hidden;
}
}
.block--type--customer-portal-login-register div h4 {
color: var(--color-black)!important;
}
.block--type--customer-portal-login-register .button.button--icon {
width: 100%;
}
.block--type--customer-portal-login-register .button.button--icon: after {
display: none;
}
.block--type--customer-portal-login-register .button.button--icon+.button {
margin-block-start: .8rem;
}
.block--type--customer-portal-login-register>div {
padding: var(--block-padding);
}
.block--type--customer-portal-login-register>div~div {
border-top: .1rem solid var(--color-neutral-200);
}
.block--type--customer-portal-login-register>div~div a {
text-decoration: underline;
}
.block--type--faq>h2 {
margin-block-end: 3.2rem;
}
.block--type--faq>.button {
margin-block-start: 3.2rem;
}
.block--type--faq .field-faq {
gap: .8rem;
display: grid;
}
.block-faq-search-overview .search-overview__filters {
padding-inline: var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.block-faq-search-overview .search-overview__filters {
padding-inline: var(--container-padding-h);
}
}
.block-faq-search-overview: has(.field--name-field-additional-faq-blocks) .search-overview__container {
margin-block-end: 0;
}
.block--faq-categories {
--h5-font-size: 2rem;
--spacing: 1.6rem;
gap: var(--spacing) 0;
margin-block-end: var(--spacing);
display: grid;
}
@media (min-width: 996px) {
.block--faq-categories {
--spacing: 3.2rem;
margin-block-end: calc(var(--spacing) * 2);
}
.block--faq-categories: has(.block--faq-categories__sidebar) {
gap: calc(var(--spacing) / 2) var(--spacing);
grid-template-columns: 25.9rem auto;
}
}
.block--faq-categories .field--name-field-faq-sections {
gap: calc(var(--spacing) * 2) 0;
display: grid;
}
.block--faq-categories .field--name-field-grid-block {
margin-block: calc(var(--spacing) * 2) calc(var(--spacing) * 1.5);
padding: 0;
}
.block--faq-categories .block-content-grid {
margin-block-end: 0;
padding: 0;
}
.block--faq-categories .views-element-container {
margin-block-start: var(--spacing);
}
.block--faq-categories .search-overview__counter {
margin: 0;
padding: 0;
}
.block--faq-categories .search-overview__filters {
padding: 0;
}
.block--faq-categories__header {
grid-column: 1/-1;
}
@media (min-width: 996px) {
.block--faq-categories__header {
flex-wrap: wrap;
align-items: center;
display: flex;
}
}
.block--faq-categories__header h1: first-child {
margin-block: calc(var(--spacing) * 2);
flex: 0 0 100%;
}
.block--faq-categories__header .search-overview__header {
margin-inline-start: auto;
}
.block--faq-categories__header .search-overview__fulltext-search {
padding: 0;
}
.block--faq-categories__back-link {
padding-block-start: 1.6rem;
padding-block-end: 1.6rem;
}
.block--faq-categories__topics-button {
align-items: center;
gap: .8rem;
display: flex;
}
@media (min-width: 996px) {
.block--faq-categories__topics-button {
display: none;
}
}
.block--faq-categories__topics-button: hover svg {
--button-icon-transform: 0;
}
.block--faq-categories__content {
padding-block-start: 3.2rem;
}
.block--faq-categories__content .faq-term>h2 {
padding-block-start: 3.2rem;
padding-block-end: 2.4rem;
}
.block--faq-categories__content article {
scroll-margin-top: calc(var(--height-top-bars) + 7.3rem);
}
.toolbar-horizontal .block--faq-categories__content article {
scroll-margin-top: var(--height-top-bars);
}
.block--faq-categories .faq-term__questions {
gap: .8rem;
display: grid;
}
.block--faq-categories__sidebar {
z-index: 501;
pointer-events: none;
background: 0 0;
transition: background .25s ease-out;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.faq-topics-panel-active .block--faq-categories__sidebar {
pointer-events: auto;
background: #0006;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar {
z-index: auto;
pointer-events: auto;
background: 0 0;
transition: none;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.block--faq-categories__sidebar__inner {
top: calc(var(--height-top-bars) + 10.5rem);
gap: var(--spacing);
display: grid;
position: sticky;
}
.toolbar-horizontal .block--faq-categories__sidebar__inner {
top: calc(var(--height-top-bars) + var(--spacing));
}
}
.block--faq-categories__sidebar__panel {
z-index: 502;
background: var(--color-white);
border-radius: 1.6rem 1.6rem 0 0;
flex-direction: column;
max-height: calc(100vh - 6rem);
transition: transform .3s cubic-bezier(.5,0,0,1);
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
transform: translateY(100%);
}
.block--faq-categories__sidebar__panel.active {
transform: translateY(0);
box-shadow: 0 0 1px #1a202452,0 -40px 64px #5b68713d;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar__panel {
max-height: none;
box-shadow: none;
background: 0 0;
border-radius: 0;
transition: none;
position: static;
overflow: visible;
transform: none;
}
}
.block--faq-categories__sidebar__panel-header {
border-bottom: .1rem solid var(--color-neutral-200);
justify-content: space-between;
align-items: center;
padding: 1.6rem;
display: flex;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar__panel-header {
display: none;
}
}
.block--faq-categories__sidebar__close {
cursor: pointer;
background: 0 0;
border: none;
justify-content: center;
align-items: center;
width: 3.2rem;
height: 3.2rem;
padding: 0;
display: flex;
}
.block--faq-categories__sidebar__close: before {
content: "";
background-color: var(--color-neutral-500);
width: 1.4rem;
height: 1.4rem;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 1.4rem 1.4rem;
mask-size: 1.4rem 1.4rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar__close {
display: none;
}
}
.block--faq-categories__sidebar__menu {
--link-color: var(--color-secondary-500);
-webkit-overflow-scrolling: touch;
flex: 1;
overflow-y: auto;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar__menu {
background-color: var(--color-lighter-blue);
border-radius: .8rem;
overflow: visible;
}
}
.block--faq-categories__sidebar__menu h3 {
display: none;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar__menu h3 {
border-block-end: .1rem solid var(--color-neutral-200);
padding: 1.6rem;
display: block;
}
}
.block--faq-categories__sidebar__menu ul {
display: grid;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar__menu ul {
margin-block-start: .8rem;
margin-block-end: .8rem;
}
}
.block--faq-categories__sidebar__menu a {
--link-color: var(--color-neutral-300);
font-family: var(--font-family-faktum);
transition: all .6s var(--the-magic-cubic-bezier);
border-inline-start: .2rem solid #0000;
border-inline-end: .2rem solid #0000;
padding: .8rem 1.4rem;
font-weight: 500;
display: block;
}
@media (min-width: 996px) {
.block--faq-categories__sidebar__menu a {
border-inline-color: var(--color-lighter-blue);
}
}
.block--faq-categories__sidebar__menu a: hover {
--link-color: var(--color-secondary-400);
}
.block--faq-categories__sidebar__menu a: focus,.block--faq-categories__sidebar__menu a[aria-current=page] {
--link-color: var(--color-primary-500);
background-color: var(--color-neutral-200);
border-left-color: var(--color-secondary-400);
border-right-color: var(--color-neutral-200);
}
body.faq-topics-panel-active {
overflow: hidden;
}
@media (min-width: 996px) {
body.faq-topics-panel-active {
overflow: auto;
}
}
.block--faq-categories__cta-block {
background-color: var(--color-primary-400);
text-align: center;
justify-items: center;
gap: var(--spacing);
margin-block-start: 1.6rem;
padding: 3.2rem;
padding-block-start: 6.4rem;
padding-block-end: 6.4rem;
display: grid;
}
.block--faq-categories__cta-block .h2 {
--default-title-color: var(--color-white);
}
@media (min-width: 996px) {
.block--faq-categories: has(.block--faq-categories__sidebar) .block--faq-categories__cta-block {
grid-column-start: 2;
}
}
.block-faq-search-overview .search-overview__filter-buttons {
margin-top: 0;
}
.block-faq-search-overview .search-overview__filter-buttons__scroll {
min-height: 0;
}
.block-content-grid {
--cp-title-color: var(--color-primary-400);
--cp-subtitle-color: var(--color-secondary-200);
--cp-settings-color: var(--color-secondary-200);
}
.block-content-grid.layout-alternative {
gap: 3.2rem 1.6rem;
display: grid;
}
@media (min-width: 1024px) {
.block-content-grid.layout-alternative {
grid-template-columns: 2fr 3fr;
}
.block-content-grid.layout-alternative>header {
margin-block-start: 15.7rem;
}
}
.block-content-grid>header {
flex-direction: column;
align-items: start;
display: flex;
}
.block-content-grid>header>h2 {
--default-title-color: var(--cp-title-color);
margin: 0 0 2.4rem;
}
.block-content-grid>header>h3 {
--default-title-color: var(--cp-subtitle-color);
order: -1;
margin: 0 0 .4rem;
}
.block-content-grid>footer {
margin-block-start: 2.4rem;
}
.block-content-grid .settings {
flex-wrap: wrap;
gap: 1rem;
margin-block-start: 2.4rem;
margin-block-end: 2.4rem;
display: flex;
}
.block-content-grid .settings li {
border: .1rem solid var(--cp-settings-color);
color: var(--cp-settings-color);
border-radius: 10rem;
padding: .4rem 1.6rem;
font-size: 1.4rem;
}
.block-content-grid .settings li.disabled {
opacity: .5;
}
.block-content-grid .cards {
container: block-grid/inline-size;
}
.block-content-grid .field__items {
counter-set: grid-counter;
gap: 1.6rem;
display: grid;
}
@container block-grid (width>=480px) {
.block-content-grid .field__items {
gap: 3.2rem;
}
}
.block-content-grid .field__items .field__item {
counter-increment: grid-counter;
}
.block-content-grid .field__items .field__item .grid-teaser__number: before {
content: counter(grid-counter);
}
.block-content-grid.cols-2 .field__items {
grid-template-columns: 1fr;
}
@container block-grid (width>=480px) {
.block-content-grid.cols-2 .field__items {
grid-template-columns: repeat(2,1fr);
}
}
.block-content-grid.cols-3 .field__items {
grid-template-columns: 1fr;
}
@container block-grid (width>=480px) {
.block-content-grid.cols-3 .field__items {
grid-template-columns: repeat(2,1fr);
}
}
@container block-grid (width>=680px) {
.block-content-grid.cols-3 .field__items {
grid-template-columns: repeat(3,1fr);
}
}
.block-content-grid.cols-4 .field__items {
grid-template-columns: 1fr;
}
@container block-grid (width>=480px) {
.block-content-grid.cols-4 .field__items {
grid-template-columns: repeat(2,1fr);
}
}
@container block-grid (width>=680px) {
.block-content-grid.cols-4 .field__items {
grid-template-columns: repeat(4,1fr);
}
}
.block-dealer-seo-map .views-element-container {
max-width: none;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1024px) {
.block-dealer-seo-map .views-element-container {
overflow: hidden;
}
}
@media (min-width: 1441px) {
.block-dealer-seo-map .views-element-container {
margin-left: calc((100% - var(--container-max-width)) / 2);
width: auto;
padding-top: 1.6rem;
}
}
.block--type--downloads {
width: calc(100% - 3.2rem);
margin-inline-start: auto;
margin-inline-end: auto;
}
@media (min-width: 1441px) {
.block--type--downloads {
max-width: var(--container-max-width-sm-widescreen);
}
}
.block-event-search-overview .facets-widget-single_value_toggle {
padding-inline: var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.block-event-search-overview .facets-widget-single_value_toggle {
padding-inline-start: 0;
padding-inline-end: 0;
}
}
.mobile-menu__button-search {
cursor: pointer;
background: 0 0;
width: 3.4rem;
height: 3.4rem;
padding: 0;
position: relative;
}
.mobile-menu__button-search svg {
width: 1.7rem;
height: 1.7rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.mobile-menu-trigger {
background: 0 0;
justify-content: center;
align-items: center;
width: 3.4rem;
height: 3.4rem;
padding: 0;
display: flex;
}
.mobile-menu-trigger__lines {
cursor: pointer;
flex-direction: column;
justify-content: space-around;
width: 1.6rem;
height: 1.2rem;
display: flex;
}
.mobile-menu-trigger-line {
background-color: var(--mobile-menu-trigger-color);
width: 100%;
height: .2rem;
transition: var(--transition-default);
}
.mobile-menu-trigger-line.end {
align-self: flex-end;
}
.mobile-menu--active,.mobile-menu--active body {
overflow: clip;
}
.mobile-menu--active .mobile-menu-trigger .mobile-menu-trigger-line {
width: 125%;
transform: rotate(45deg);
}
.mobile-menu--active .mobile-menu-trigger .mobile-menu-trigger-line.start {
transform-origin: 1rem -.8rem;
width: 60%;
transform: rotate(-45deg);
}
.mobile-menu--active .mobile-menu-trigger .mobile-menu-trigger-line.end {
transform-origin: 0 1rem;
width: 42%;
transform: rotate(-45deg);
}
.main-navigation {
--main-navigation-panel-width: 27.5rem;
font-family: var(--main-navigation-font-family,var(--font-family-faktum));
font-weight: var(--main-navigation-font-weight,var(--font-weight-medium));
font-size: var(--main-navigation-font-size,1.8rem);
line-height: var(--main-navigation-line-height,150%);
margin: .8rem 0 0;
padding: 0;
list-style: none;
}
.main-navigation .menu__back-link__wrapper {
margin-bottom: .8rem;
}
@media (min-width: 1024px) {
.main-navigation {
--main-navigation-font-size: 1.6rem;
}
.main-navigation .menu__back-link__wrapper {
speak: none;
pointer-events: none;
margin: 0;
display: none!important;
}
}
.main-navigation ul,.main-navigation li {
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation a: not(.menu__back-link) {
--link-color: var(--color-primary-500);
padding: .8rem 1.6rem;
display: block;
position: relative;
}
.main-navigation a: not(.menu__back-link): after {
content: "";
background-color: var(--main-navigation-icon-color,var(--link-color));
width: .5rem;
height: 1rem;
margin-left: 1.1rem;
transition: background-color .3s,transform .3s;
display: inline-block;
transform: translateY(-.1rem);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='6'%20height='11'%20viewBox='0%200%206%2011'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.35335%2010.4725L0.360962%209.62191L3.91757%205.47253L0.360962%201.32315L1.35335%200.472534L5.63907%205.47253L1.35335%2010.4725Z'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='6'%20height='11'%20viewBox='0%200%206%2011'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.35335%2010.4725L0.360962%209.62191L3.91757%205.47253L0.360962%201.32315L1.35335%200.472534L5.63907%205.47253L1.35335%2010.4725Z'/%3e%3c/svg%3e");
}
.main-navigation a: not(.menu__back-link): hover {
--link-color: var(--color-secondary-400);
}
@media (min-width: 1024px) {
.main-navigation a: not(.menu__back-link) {
padding: 0 3.2rem;
}
.main-navigation a: not(.menu__back-link): after {
display: none;
}
.main-navigation a: not(.menu__back-link): before {
content: "";
background-color: var(--main-navigation-bar-bg,var(--color-accent-02));
opacity: 0;
width: .2rem;
transition: var(--transition-default);
pointer-events: none;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
}
.main-navigation .main-navigation__submenu {
z-index: 1;
background: var(--main-navigation-background-color,var(--color-white));
opacity: 0;
pointer-events: none;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
right: 0;
transform: translate(100%);
}
.main-navigation .main-navigation__submenu.animate {
transition: var(--transition-default);
}
@media (min-width: 1024px) {
.main-navigation .main-navigation__submenu {
z-index: -1;
width: var(--main-navigation-panel-width);
transform: translateX(calc(var(--main-navigation-panel-width) * -1));
top: 0;
left: 0;
right: auto;
}
}
.main-navigation .main-navigation__submenu: before {
content: "";
background-color: var(--header-background-color);
box-shadow: var(--header-box-shadow-desktop);
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 1024px) {
.main-navigation .main-navigation__submenu: before {
z-index: 0;
}
}
.main-navigation .main-navigation__submenu>ul {
-webkit-overflow-scrolling: touch;
max-height: 100%;
position: relative;
overflow-y: auto;
}
@media (min-width: 1024px) {
.main-navigation .main-navigation__submenu>ul {
padding-top: calc(var(--height-main-header-top) + .8rem);
padding-bottom: 3.2rem;
overflow-x: visible;
}
.main-navigation li {
padding: .8rem 0;
}
}
.main-navigation li.menu-item-active {
z-index: 2;
}
.main-navigation li.menu-item-active>.main-navigation__submenu {
opacity: 1;
pointer-events: auto;
transform: translate(0);
}
@media (min-width: 1024px) {
.main-navigation li.menu-item-active>.main-navigation__submenu {
transform: translateX(var(--header-max-width));
}
.main-navigation li.menu-item-active>a {
--link-color: var(--color-secondary-200);
}
.main-navigation li.menu-item-active>a: before {
opacity: 1;
}
}
.main-navigation li.menu-item-close>.main-navigation__submenu {
opacity: 0;
pointer-events: none;
transform: translate(100%)!important;
}
@media (min-width: 1024px) {
.main-navigation li.menu-item-close>.main-navigation__submenu {
transform: translateX(calc(var(--main-navigation-panel-width) * -1))!important;
}
}
.main-navigation li li.spacing-top,.main-navigation li li li.spacing-top: last-child {
padding-top: 3.2rem;
}
@media (min-width: 1024px) {
.main-navigation li li.spacing-top,.main-navigation li li li.spacing-top: last-child {
padding-top: 4rem;
}
.main-navigation li li.menu__back-link__wrapper+li,.main-navigation li li: only-child {
padding-top: .8rem;
}
.main-navigation li li.menu-item-active>.main-navigation__submenu {
transform: translateX(var(--main-navigation-panel-width));
}
.main-navigation li li.menu-item-close>.main-navigation__submenu {
transform: translateX(calc(var(--main-navigation-panel-width) * -1))!important;
}
}
.main-navigation--secondary {
--main-navigation-font-weight: var(--font-weight-normal);
--main-navigation-font-size: 1.4rem;
margin-top: 2.5rem;
}
.main-navigation--secondary .main-navigation__submenu {
--main-navigation-font-size: 1.8rem;
font-size: var(--main-navigation-font-size);
}
@media (min-width: 1024px) {
.main-navigation--secondary .main-navigation__submenu {
--main-navigation-font-size: 1.4rem;
}
}
.main-navigation--secondary .main-navigation__submenu a: not(.menu__back-link) {
--link-color: var(--color-primary-500);
}
@media (min-width: 1024px) {
.main-navigation--secondary .main-navigation__submenu a: not(.menu__back-link) {
--link-color: var(--color-neutral-300);
}
}
.main-navigation--secondary .menu__back-link__wrapper {
margin-bottom: 1.6rem;
}
.main-navigation--secondary a: not(.menu__back-link) {
--link-color: var(--color-neutral-300);
}
.main-navigation--secondary a: not(.menu__back-link): after {
transform: translateY(0);
}
.footer-menu {
font-family: var(--footer-font-family);
font-size: var(--footer-font-size);
line-height: var(--footer-line-height);
grid-template-columns: 1fr 1fr;
grid-template-areas: "footer-area-1 footer-area-2""footer-area-3 footer-area-social""footer-area-languages footer-area-languages";
gap: 3.2rem;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
@media (min-width: 768px) {
.footer-menu {
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "footer-area-1 footer-area-2 footer-area-3""footer-area-social footer-area-social footer-area-languages";
gap: 2rem;
}
}
@media (min-width: 1280px) {
.footer-menu {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "footer-area-1 footer-area-2 footer-area-3 footer-area-social""footer-area-1 footer-area-2 footer-area-3 footer-area-languages";
}
}
@media (min-width: 1024px) {
.footer-menu .language-switcher__browser {
max-height: 1rem;
}
}
.footer-menu__col-textual ul,.footer-menu__col-textual li {
margin: 0;
padding: 0;
list-style: none;
}
.footer-menu__col-textual li {
margin-top: .8rem;
}
.footer-menu__col-textual li: first-child {
margin-top: 1.6rem;
}
.footer-menu__col-textual a {
color: var(--footer-color);
}
.footer-menu__col-textual a: hover {
--footer-color: #fff;
font-weight: var(--font-weight-medium);
}
.footer-menu__col-textual>a {
font-family: var(--footer-menu-title-font-family);
font-weight: var(--footer-menu-title-font-weight,var(--font-weight-medium));
font-size: var(--footer-menu-title-font-size);
line-height: var(--footer-menu-title-line-height);
color: var(--footer-color-alt);
}
.footer-menu__col-1 {
grid-area: footer-area-1;
}
.footer-menu__col-2 {
grid-area: footer-area-2;
}
.footer-menu__col-3 {
grid-area: footer-area-3;
}
.footer-menu__col-social {
grid-area: footer-area-social;
}
.footer-menu__col-languages {
grid-area: footer-area-languages;
}
.footer-menu__col-languages .button--language-selector {
width: 100%;
}
@media (min-width: 768px) {
.footer-menu__col-languages {
grid-template-columns: 1fr;
align-items: end;
padding-bottom: .8rem;
display: grid;
}
}
#block-legal-menu-block>ul,.block-legal-menu-block>ul {
font-family: var(--footer-font-family);
font-size: var(--footer-legal-font-size);
line-height: var(--footer-legal-line-height);
flex-flow: wrap;
align-items: center;
gap: .4rem 1.6rem;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
#block-legal-menu-block>ul li,.block-legal-menu-block>ul li {
padding: 0;
list-style: none;
}
#block-legal-menu-block>ul li a,.block-legal-menu-block>ul li a {
color: var(--footer-color);
}
.menu__actions {
margin-top: 3.2rem;
padding: 0 1.6rem;
}
@media (min-width: 550px) {
.menu__actions {
grid-template-columns: repeat(2,1fr);
gap: 1.6rem;
display: grid;
}
}
@media (min-width: 1024px) {
.menu__actions {
margin-top: 0;
display: block;
}
}
.menu__actions__item {
z-index: 1;
background-color: var(--color-lighter-blue);
margin-bottom: 2rem;
padding: 3.2rem 1.8rem;
position: relative;
}
@media (min-width: 550px) {
.menu__actions__item: first-child: last-child {
grid-column: span 2;
}
}
.menu__actions__item h2,.menu__actions__item p {
font-size: var(--small-text-font-size);
}
.menu__actions__item h2 {
font-weight: var(--font-weight-semibold);
font-family: var(--font-family-faktum);
color: var(--color-neutral-500);
margin-bottom: .25em;
}
.menu__actions__item p {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
color: var(--color-neutral-300);
margin: 0 0 1.6rem;
}
.menu__actions__item a: not(.menu__back-link) {
padding: var(--button-padding);
display: flex;
}
.menu__actions__item a: not(.menu__back-link): after {
display: none;
}
.main-footer {
background-color: var(--footer-background-color);
color: var(--footer-color);
}
.main-footer__contact {
font-family: var(--footer-font-family);
font-size: var(--smaller-text-font-size);
line-height: var(--footer-line-height);
flex-wrap: wrap;
gap: 0 .8rem;
margin: .8rem 1.6rem 0;
display: flex;
}
.main-footer__contact a {
--link-color: var(--footer-color);
}
.main-footer__contact .address {
flex: 0 0 100%;
}
.main-footer__contact .address+.separator {
display: none;
}
@media (min-width: 1024px) {
.main-footer__contact .address {
flex: none;
}
.main-footer__contact .address+.separator {
display: block;
}
}
.main-footer__container {
padding: 3.2rem 0;
}
@media (min-width: 1024px) {
.main-footer__container {
width: 83.3333%;
margin: 0 auto;
padding: 4rem 0;
}
}
.main-footer__container>svg,.main-footer__container>object {
margin-left: 1.6rem;
}
.main-footer__menu {
margin: 3.2rem 1.6rem 0;
}
@media (min-width: 1024px) {
.main-footer__menu {
margin-top: 5.6rem;
}
}
.main-footer__content {
border-top: .1rem solid var(--footer-seperator-color);
border-bottom: .1rem solid var(--footer-seperator-color);
font-family: var(--footer-font-family);
font-size: var(--smaller-text-font-size);
line-height: var(--footer-line-height);
margin: 3.2rem 1.6rem 0;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
@media (min-width: 1024px) {
.main-footer__content {
margin-top: 2.4rem;
}
}
.main-footer__bottom {
margin: 0 1.6rem;
padding-top: 3.2rem;
}
@media (min-width: 1024px) {
.main-footer__bottom {
flex-direction: row;
align-items: center;
gap: 1.6rem;
padding-top: 2.4rem;
display: flex;
}
}
.main-footer__bottom .reynaers-group-block {
white-space: nowrap;
flex-direction: row;
align-items: center;
display: flex;
}
.main-footer__bottom .reynaers-group-block a {
flex: none;
}
.main-footer__bottom .reynaers-group-block svg,.main-footer__bottom .reynaers-group-block object,.main-footer__bottom .reynaers-group-block img {
display: block;
}
.main-footer__bottom .reynaers-group-block img {
object-fit: contain;
width: 10rem;
height: auto;
}
.main-footer__bottom .reynaers-group-block a+p {
font-size: var(--small-text-font-size);
margin-top: 0;
margin-left: auto;
padding-left: 1.6rem;
display: block;
}
@media (min-width: 1024px) {
.main-footer__bottom .reynaers-group-block a+p {
font-size: var(--smaller-text-font-size);
padding-left: 4rem;
}
.main-footer__bottom .reynaers-group-block {
order: 1;
margin-left: auto;
}
}
.main-footer__recaptcha-message {
opacity: .6;
text-align: center;
margin: 0 1.6rem;
padding-bottom: .4rem;
}
.main-footer__recaptcha-message small {
font-size: 70%;
}
.main-footer__recaptcha-message a {
color: var(--color-white);
}
.main-footer__legal-menu {
font-family: var(--footer-font-family);
font-size: var(--footer-legal-font-size);
line-height: var(--footer-legal-line-height);
flex-flow: wrap;
gap: .4rem 1.6rem;
margin-top: 3.2rem;
display: flex;
}
@media (min-width: 1024px) {
.main-footer__legal-menu {
order: 0;
margin-top: 0;
}
}
.main-footer__legal-menu>a {
--link-color: var(--footer-color);
white-space: nowrap;
}
.main-footer__legal-menu .copyright {
flex-shrink: 0;
font-style: normal;
}
.main-footer__legal-menu #block-legal-menu-block {
flex-grow: 1;
}: root {
--local-task-height: 4rem;
}
.region-header {
top: var(--height-top-bars,0);
z-index: 500;
position: sticky;
left: 0;
}
@media (min-width: 1024px) {
.region-header {
position: relative;
top: auto;
left: auto;
}
}
.main-header {
background-color: var(--header-background-color);
position: relative;
}
@media (min-width: 1024px) {
.main-header {
width: var(--header-max-width);
height: calc(100vh - var(--height-top-bars,0px));
top: var(--height-top-bars,0);
z-index: 500;
flex-direction: column;
display: flex;
position: sticky;
left: 0;
}
}
.main-header .general-search-form {
background-color: var(--header-background-color);
box-shadow: var(--header-box-shadow);
top: var(--header-mobile-height);
z-index: -1;
opacity: 0;
pointer-events: none;
padding: 2.4rem 1.6rem;
position: fixed;
left: 0;
right: 0;
transform: translateY(-100%);
}
.main-header .general-search-form.animated {
transition: var(--transition-default);
}
.mobile-search--active .main-header .general-search-form {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
@media (max-width: 1023px) {
.gin--classic-toolbar.mobile-search--active .main-header .general-search-form {
transform: translateY(7.8rem);
}
}
@media (min-width: 1024px) {
.main-header .general-search-form {
box-shadow: none;
z-index: 1;
opacity: 1;
pointer-events: auto;
margin-top: 4rem;
padding: 0;
display: block;
position: relative;
top: auto;
left: auto;
right: auto;
transform: translateY(0);
}
}
.main-header .general-search-form label {
display: none;
}
.main-header .general-search-form .icon--reset {
width: 1.2rem;
height: 1.2rem;
}
.main-header .general-search-form .icon--loading {
width: 1.6rem;
height: 1.6rem;
animation: 1s linear infinite loader-spin;
}
.main-header .general-search-form .search-reset: not(: has(.icon--loading.hidden)) {
background-color: #0000;
}
.main-header__top {
height: var(--header-mobile-height);
z-index: 500;
background-color: var(--header-background-color);
align-items: center;
width: 100%;
padding: .8rem 2.4rem .8rem 1.6rem;
display: flex;
}
.main-header__top>* {
z-index: 1;
position: relative;
}
.main-header__top: after {
content: "";
background-color: var(--header-background-color);
box-shadow: var(--header-box-shadow);
width: 100%;
height: var(--header-mobile-height);
z-index: 0;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1024px) {
.main-header__top: after {
display: none;
}
.main-header__top {
box-shadow: none;
height: var(--height-main-header-top);
z-index: 501;
background-color: #0000;
flex-direction: column;
align-items: flex-start;
padding: 3.2rem 3.2rem 0;
position: absolute;
overflow: hidden;
}
.main-header__top .mobile-menu-trigger {
display: none;
}
}
.main-header__top .logo--home-link {
flex-grow: 0;
flex-shrink: 0;
line-height: 0;
display: block;
}
.main-header__top .logo--home-link svg,.main-header__top .logo--home-link object {
pointer-events: none;
width: 14rem;
height: 4.8rem;
display: block;
}
.main-header__top .mobile-menu__button-search {
margin-left: auto;
}
.main-header__top .mobile-menu__button-search+.mobile-menu-trigger {
margin-left: .1rem;
}
@media (min-width: 1024px) {
.main-header__top .mobile-menu__button-search {
pointer-events: none;
display: none;
}
}
.mobile-menu--active .main-header__top .mobile-menu__button-search {
opacity: 0;
pointer-events: none;
}
.main-header__top .mobile-menu-trigger {
flex-grow: 0;
flex-shrink: 0;
margin-left: auto;
}
.main-header__panel {
background-color: var(--header-background-color);
inset: calc(var(--header-mobile-height) + var(--height-top-bars,0px)) 0 0;
z-index: 500;
flex-direction: column;
width: 100%;
display: flex;
position: fixed;
transform: translate(100%);
}
.main-header__panel: before {
content: "";
background-color: var(--header-background-color);
box-shadow: var(--header-box-shadow-desktop);
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 1024px) {
.main-header__panel: before {
z-index: 0;
}
}
.main-header__panel.animated {
transition: var(--transition-default);
}
.mobile-menu--active .main-header__panel {
transform: translate(0);
}
@media (min-width: 1024px) {
.main-header__panel {
width: var(--header-max-width);
flex-grow: 1;
position: static;
top: auto;
left: auto;
right: auto;
transform: translate(0);
}
}
.main-header__menu {
-webkit-overflow-scrolling: touch;
position: relative;
overflow: hidden auto;
}
@media (min-width: 1024px) {
.main-header__menu {
margin-top: var(--height-main-header-top);
}
}
@media (max-width: 1023px) {
.main-header__menu {
z-index: 1;
}
.language-switcher-active .main-header__menu {
z-index: 0;
}
}
.main-header__bottom {
flex-shrink: 0;
margin-top: auto;
position: relative;
}
.main-header__bottom__links {
z-index: 0;
padding: 1.6rem;
position: relative;
}
.main-header__bottom__links .button {
width: 100%;
max-width: 40rem;
margin: 1.6rem auto;
display: flex;
}
.main-header__bottom .block-menu-cta-links {
padding: 1.5rem 1.6rem;
position: relative;
}
@media (min-width: 1024px) {
.main-header__bottom .block-menu-cta-links {
padding: 0;
}
.main-header__bottom .block-menu-cta-links: has(a: not(.hide-desktop)) {
padding: 1.5rem 1.6rem;
}
}
.main-header__bottom .block-menu-cta-links .button {
--button-padding: .9rem .8rem;
width: 100%;
}
.main-header__bottom .block-menu-cta-links .button+.button {
margin-top: 1.6rem;
}
@media (max-width: 1023px) {
.main-header__bottom .block-menu-cta-links .hide-mobile {
display: none;
}
}
@media (min-width: 1024px) {
.main-header__bottom .block-menu-cta-links .hide-desktop {
display: none;
}
.main-header__bottom {
z-index: 1;
position: relative;
}
.main-header__bottom .block-menu-cta-links: has(a: not(.hide-desktop)) {
padding: 1.6rem 3.2rem 3.2rem;
}
.main-header__bottom .general-search-form {
padding: 0 3.2rem;
}
}
@media (max-width: 1023px) {
.main-header__bottom {
z-index: 0;
}
}
.menu__back-link {
--main-navigation-font-size: 1.8rem;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
cursor: pointer;
background-color: var(--menu-back-link-background-color);
color: var(--menu-back-link-color);
font-size: var(--main-navigation-font-size);
flex-direction: row;
align-items: center;
padding: 1.2rem 1.6rem;
display: flex;
}
.menu__back-link svg {
fill: var(--menu-back-link-color);
margin-right: 1.8rem;
}
@media (min-width: 1024px) {
.main-content {
padding-top: 0;
}
.dialog-off-canvas-main-canvas {
grid-template-columns: 23.9rem calc(100% - 23.9rem);
display: grid;
}
.dialog-off-canvas-main-canvas: not(: has(.region-header)) .layout-container {
grid-column: 1/-1;
}
}
.mobile-fixed {
z-index: 100;
background-color: var(--color-white);
position: fixed;
bottom: 0;
left: 0;
right: 0;
overflow-y: scroll;
box-shadow: 0 -.4rem .5rem #0000001a;
}
.mobile-fixed: not(: has(a)) {
display: none;
}
@media (min-width: 1024px) {
.mobile-fixed {
display: none;
}
}
.mobile-fixed__links {
justify-content: center;
gap: .8rem;
padding: .8rem 2rem;
display: flex;
}
.mobile-fixed .button {
white-space: nowrap;
padding: .4rem 1.2rem;
}
.mobile-fixed .button svg {
display: none;
}
.facet-panel-active .mobile-fixed {
z-index: -1;
pointer-events: none;
}
.region--breadcrumb {
background-color: var(--color-white);
z-index: 499;
display: none;
position: sticky;
top: 0;
bottom: auto;
left: 24rem;
right: 0;
}
.toolbar-fixed .region--breadcrumb {
inset: unset;
position: relative;
}
@media (min-width: 1024px) {
.region--breadcrumb {
inset: var(--height-top-bars) 0 auto 24rem;
padding: 1.6rem var(--container-padding-h);
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 1.6rem;
display: flex;
}
}
.region--breadcrumb .block-system-breadcrumb-block {
align-items: center;
min-height: 4.1rem;
display: flex;
}
.region--breadcrumb .block-cta-menu-block {
flex: 1 0 auto;
}
.region--breadcrumb .block-menu-cta-links {
justify-content: flex-end;
align-items: center;
gap: .4rem .8rem;
display: flex;
}
.region--breadcrumb .block-menu-cta-links a {
display: flex;
}
.basic-page .header-image {
margin-bottom: 3.2rem;
}
@media (min-width: 1024px) {
.basic-page .header-image {
margin-bottom: 6.4rem;
}
}
.basic-page+.page-header {
margin-top: 0;
}
.basic-page--no-image {
padding-top: 2.4rem;
}
@media (min-width: 1024px) {
.basic-page--no-image {
padding-top: 8.2rem;
}
}
.basic-page--blue-header .page-header {
background-color: var(--color-lighter-blue);
padding: 3.2rem 0 0;
}
@media (min-width: 1024px) {
.basic-page--blue-header .page-header {
padding: 6.4rem 0;
}
}
.basic-page--blue-header .page-header__wrapper {
gap: 3.2rem;
margin-bottom: 0;
display: grid;
}
@media (min-width: 1024px) {
.basic-page--blue-header .page-header__wrapper {
grid-template-columns: repeat(2,1fr);
gap: 6.4rem;
}
}
@media (min-width: 1440px) {
.basic-page--blue-header .page-header__wrapper {
grid-template-columns: 1fr 47rem;
gap: 13rem;
}
}
.basic-page--blue-header .page-header__text ul {
margin: 1.6rem auto;
}
.basic-page--blue-header .page-header__intro {
max-width: 47rem;
}
.basic-page--blue-header .page-header__media {
align-self: center;
margin: 0 -1.6rem;
}
.basic-page--blue-header .page-header__media video {
max-height: 36.3rem;
}
@media (min-width: 1024px) {
.basic-page--blue-header .page-header__media {
margin: 0;
}
}
.basic-page--blue-header .page-header.no-image .page-header__wrapper {
grid-template-columns: auto;
}
.basic-page--blue-header .page-header.no-image .page-header__intro {
max-width: none;
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title {
grid-template-rows: 3.2rem 1fr;
grid-template-columns: 8.6rem 60% 1fr;
display: grid;
}
@media (min-width: 1024px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title {
width: min(100% - 6.4rem,var(--container-max-width));
margin: 3rem auto 11.4rem;
}
}
@media (min-width: 1440px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title {
grid-template-rows: 4.6rem 1fr;
grid-template-columns: 10.3rem 1fr 1fr;
}
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__image {
grid-area: 1/1/-1/-1;
}
@media (min-width: 1024px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title__image {
grid-area: 2/2/end/end;
}
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content {
z-index: 2;
grid-area: 1/1/-1/-1;
padding: 2.4rem 1.2rem;
position: relative;
}
@media (min-width: 1024px) {
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content {
grid-area: 1/1/end/3;
padding: 0;
}
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content h1 {
font-family: var(--font-family-faktum);
color: var(--color-primary-300);
font-size: max(6.4rem,min(10vw,12rem));
font-weight: 500;
line-height: .95;
}
.basic-page--skewed-image-under-title .header--skewed-image-under-title__content h2 {
color: var(--color-primary-700);
font-size: max(2rem,min(4vw,4.8rem));
line-height: 1.3;
}
.page-node-type-variant .product-overview-header {
margin-top: 2rem;
}
.node--basic-page.align-content-left .header-image__introduction {
margin-left: 0;
}
.node--basic-page.align-content-left .layout--onecol .layout__region>: not(: -webkit-any(.block-feature-site,.block--type--image-carrousel)) {
margin-left: 1.6rem;
}
.node--basic-page.align-content-left .layout--onecol .layout__region>: not(: -moz-any(.block-feature-site,.block--type--image-carrousel)) {
margin-left: 1.6rem;
}
.node--basic-page.align-content-left .layout--onecol .layout__region>: not(: is(.block-feature-site,.block--type--image-carrousel)) {
margin-left: 1.6rem;
}
.node--basic-page.align-content-left .layout--twocol-section {
margin-left: 1.6rem;
}
.node--product-group {
margin-top: .8rem;
}
@media (min-width: 1024px) {
.node--product-group {
margin-top: 1.6rem;
}
}
.node--product-group .teaser-grid {
margin-bottom: 3.2rem;
}
.project-detail__header {
background-color: var(--media-background-color);
margin-bottom: 2em;
}
.project-detail__header img {
max-height: 57rem;
}
.project-detail__header .story-item {
margin-bottom: 0;
}
.project-detail__introduction {
padding: 0 0 2em;
}
@media (min-width: 996px) {
.project-detail__introduction {
padding: 2em 0;
}
}
@media (min-width: 1441px) {
.project-detail__introduction {
max-width: var(--container-max-width-sm-widescreen);
}
}
.project-detail__introduction h1 {
color: var(--color-primary-400);
margin: .8rem 0;
}
.project-detail__introduction__info {
color: var(--color-neutral-500);
flex-wrap: wrap;
align-items: center;
display: flex;
}
.project-detail__introduction__info span {
margin: 0 .6rem;
}
.project-detail__introduction__info .location {
flex-wrap: wrap;
align-items: center;
margin: 0;
display: flex;
}
.project-detail__introduction__info a {
--link-color: var(--color-neutral-500);
text-decoration: underline;
display: block;
}
.project-detail__introduction__info a: hover {
--link-color: var(--color-secondary-200);
}
.project-detail__introduction__info svg {
margin-right: 1rem;
}
.project-detail__introduction__info path {
fill: var(--color-neutral-500);
}
.project-detail__introduction .members {
flex-wrap: wrap;
align-items: center;
display: flex;
}
.project-detail__introduction .members__item {
margin-right: .8rem;
position: relative;
}
.project-detail__introduction .members__item+.members__item {
padding-left: 1.2rem;
}
.project-detail__introduction .members__item+.members__item: before {
content: "|";
display: block;
position: absolute;
top: 0;
left: 0;
}
.project-detail__introduction .members a,.project-detail__introduction .members span {
font-size: var(--large-text-font-size);
color: var(--color-neutral-300);
display: block;
}
.project-detail__introduction .members a: hover,.project-detail__introduction .members a: focus {
color: var(--link-color);
}
.project-detail__paragraphs .story-item .button {
margin-top: 2.4rem;
}
.project-detail__summary {
margin-bottom: 6.4rem;
position: relative;
overflow: hidden;
}
@media (min-width: 1024px) {
.project-detail__summary {
margin-bottom: 12.8rem;
}
}
.project-detail__summary+.project-detail__summary {
margin-top: -3.2rem;
}
@media (min-width: 1024px) {
.project-detail__summary+.project-detail__summary {
margin-top: -9.6rem;
}
}
.project-detail__summary h3 {
--default-title-color: var(--color-primary-400);
text-align: center;
}
@media (min-width: 550px) {
.project-detail__summary h3 {
text-align: left;
}
}
.project-detail__summary__items {
flex-wrap: wrap;
align-items: flex-start;
margin: 0 -1.5rem;
display: flex;
}
.project-detail__summary__item {
text-align: center;
width: 100%;
padding: 1.5rem;
}
@media (min-width: 550px) {
.project-detail__summary__item {
text-align: left;
width: 50%;
}
}
@media (min-width: 1024px) {
.project-detail__summary__item {
width: 25%;
}
}
.project-detail__summary__icon {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 4rem;
display: flex;
}
@media (min-width: 550px) {
.project-detail__summary__icon {
width: 4rem;
}
}
.project-detail__summary__icon svg {
max-width: 100%;
max-height: 2.8rem;
fill: var(--color-secondary-200);
}
.project-detail__summary__icon svg path {
fill: var(--color-secondary-200);
}
.project-detail__summary ul {
margin: .2rem 0 0;
padding: 0;
list-style: none;
}
.project-detail__summary ul li {
color: var(--color-neutral-500);
--link-color: var(--color-neutral-500);
margin-top: .4rem;
font-size: 1.2rem;
line-height: 150%;
}
.project-detail__summary .summary__title {
font-size: var(--small-text-font-size);
color: var(--color-secondary-200);
margin-top: 1.2rem;
}
.project-detail__summary__sidenote {
font-size: var(--smaller-text-font-size);
color: var(--color-black);
text-align: right;
margin-bottom: 1.6rem;
margin-right: 1.6rem;
font-style: normal;
line-height: 150%;
display: block;
}
.project-detail__summary--background {
background-color: var(--color-lighter-blue);
padding-top: 3.2rem;
}
@media (min-width: 1441px) {
.project-detail__summary--background .max-width-container-sm {
max-width: var(--container-max-width-sm-widescreen);
}
}
.project-detail__summary--background .project-detail__summary__items {
margin-bottom: 6.4rem;
}
.project-detail__summary--background .summary__title {
color: var(--color-secondary-200);
}
.project-detail__summary--background .summary__title a {
--link-color: var(--color-secondary-200);
}
@media (min-width: 1441px) {
.project-detail__summary--partners .max-width-container-sm {
max-width: var(--container-max-width-sm-widescreen);
}
}
.story-detail .header-image {
margin-bottom: 3.2rem;
}
@media (min-width: 1024px) {
.story-detail .header-image {
margin-bottom: 6.4rem;
}
}
.story-detail__introduction>div {
margin: var(--container-margin-v-mobile) auto;
max-width: var(--container-max-width-sm);
}
@media (min-width: 1024px) {
.story-detail__introduction>div {
margin: var(--container-layout-builder-block-v-mobile) auto var(--container-layout-builder-block-v) auto;
}
}
@media (min-width: 1441px) {
.story-detail__introduction>div {
max-width: var(--container-max-width-sm-widescreen);
}
}
.story-detail__introduction>div .field--name-field-date {
color: var(--color-neutral-300);
}
.story-detail__introduction>div h1 {
color: var(--color-primary-400);
margin: .8rem 0 0;
}
.story-detail__info {
color: var(--color-neutral-300);
font-size: var(--h4-font-size-mobile);
margin: 3.2rem 0 0;
}
@media (min-width: 768px) {
.story-detail__info {
font-size: var(--h4-font-size);
}
}
.story-detail .share-buttons {
margin-top: 0;
}
.dealer-detail {
margin-top: 2.4rem;
}
@media (min-width: 768px) {
.dealer-detail {
margin-top: var(--container-margin-v);
}
}
.dealer-detail h1 {
width: 100%;
margin-bottom: 6.2rem;
}
.dealer-detail h3 {
margin-top: 1.6rem;
}
.dealer-detail .h3-alternate {
color: var(--color-primary-400);
margin-bottom: 1.6rem;
}
.dealer-detail .showroom {
width: 100%;
max-height: 40rem;
margin-bottom: 2.4rem;
position: relative;
overflow: hidden;
}
@media (min-width: 1280px) {
.dealer-detail .showroom {
max-width: 77rem;
}
}
.dealer-detail .showroom--default: after {
content: "";
width: 100%;
height: 0;
padding-bottom: 48.052%;
display: block;
}
.dealer-detail .showroom--default img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.dealer-detail .showroom.gallery {
grid-template-rows: auto auto;
grid-template-columns: repeat(2,1fr);
grid-template-areas: "big big""second third";
gap: 3rem;
max-height: none;
display: grid;
}
@media (min-width: 1024px) {
.dealer-detail .showroom.gallery {
grid-template-columns: 7fr 4fr;
grid-template-areas: "big second""big third";
}
}
.dealer-detail .showroom.gallery figure: first-child {
grid-area: big;
}
@media (min-width: 1024px) {
.dealer-detail .showroom.gallery figure {
height: 100%;
}
.dealer-detail .showroom.gallery figure img {
object-fit: cover;
min-height: 100%;
display: block;
}
}
.dealer-detail .showroom.gallery.image-count-0,.dealer-detail .showroom.gallery.image-count-1 {
grid-template-columns: 100%;
}
.dealer-detail .showroom.gallery.image-count-2 {
grid-template-areas: "big big""second second";
}
@media (min-width: 1024px) {
.dealer-detail .showroom.gallery.image-count-2 {
grid-template-areas: "big second""big second";
}
}
.dealer-detail .showroom.gallery.image-count-2 img: nth-child(2) {
grid-area: second;
}
.dealer-detail .showroom.slider img {
min-height: 27rem;
}
@media (min-width: 1024px) {
.dealer-detail .showroom.slider img {
min-height: 37rem;
}
}
.dealer-detail .dealer-detail__inner {
flex-wrap: wrap;
display: flex;
}
.dealer-detail .dealer-detail__left {
gap: 0 3rem;
width: 100%;
margin: 0;
display: grid;
}
@media (min-width: 1024px) {
.dealer-detail .dealer-detail__left {
grid-template-columns: 3fr 2fr;
grid-template-areas: "header aside""main aside";
}
.dealer-detail .dealer-detail__left .showroom {
grid-area: header;
}
.dealer-detail .dealer-detail__left .dealer-detail__info {
grid-area: main;
}
.dealer-detail .dealer-detail__left .dealer-detail__right {
grid-area: aside;
}
}
@media (min-width: 1280px) {
.dealer-detail .dealer-detail__left {
grid-template-columns: 4fr 2fr;
}
}
.dealer-detail .dealer-slogan+.dealer-description {
margin-top: 1.6rem;
}
.dealer-detail .dealer-usps li {
color: var(--color-neutral-300);
margin-bottom: .8rem;
}
.dealer-detail .dealer-usps li svg path {
fill: var(--color-secondary-200);
}
.dealer-detail .dealer-usps li span {
margin-left: 1.6rem;
}
.dealer-detail .dealer-products {
flex-wrap: wrap;
margin-top: 6.4rem;
margin-bottom: 3.2rem;
margin-right: -2.9rem;
display: flex;
}
.dealer-detail .dealer-products h3 {
width: 100%;
margin-bottom: 3.2rem;
margin-right: 2.9rem;
}
.dealer-detail .dealer-products .dealer-product {
text-align: center;
width: 100%;
max-width: 8.5rem;
max-height: 8.5rem;
margin-bottom: 3.2rem;
margin-right: 2.9rem;
}
.dealer-detail .dealer-products .dealer-product button {
pointer-events: none;
background-color: #0000;
padding: 0;
}
.dealer-detail .dealer-products .dealer-product .field--name-field-icon {
border: .1rem solid var(--color-grey-new);
border-radius: 2rem;
max-height: 8.5rem;
padding: 1.9rem;
}
.dealer-detail .dealer-products .dealer-product .field--name-field-icon img {
object-fit: contain;
width: 4.6rem;
height: 4.6rem;
margin: auto;
}
.dealer-detail .dealer-products .dealer-product .field--name-name {
line-height: var(--default-text-line-height);
font-size: var(--smaller-text-font-size);
color: var(--color-primary-500);
margin-top: .8rem;
}
.dealer-detail .dealer-location .map--dealer-detail {
width: 100%;
height: 48rem;
margin-bottom: 3.2rem;
}
@media (min-width: 768px) {
.dealer-detail .dealer-location .map--dealer-detail {
height: 43.2rem;
}
}
.dealer-detail .dealer-location span {
font-size: var(--large-text-font-size);
color: var(--color-neutral-400);
width: 100%;
margin-bottom: .8rem;
display: block;
}
.dealer-detail .dealer-location .button {
width: 100%;
}
@media (min-width: 768px) {
.dealer-detail .dealer-location .button {
width: inherit;
}
}
.dealer-detail .dealer-info,.dealer-detail .dealer-usps,.dealer-detail .dealer-location {
margin-bottom: var(--container-margin-v);
}
.dealer-detail .dealer-detail__right {
margin-bottom: 2.4rem;
}
.dealer-detail .dealer-detail__right.animated,.dealer-detail .dealer-detail__right.animated .dealer-detail__right-inner,.dealer-detail .dealer-detail__right.animated .mobile-close {
transition: var(--transition-default);
}
.dealer-detail .dealer-detail__right.active {
visibility: visible;
opacity: 1;
}
.dealer-detail .dealer-detail__right.active .mobile-close {
top: 0;
}
.dealer-detail .dealer-detail__right.active .dealer-detail__right-inner {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
@media (min-width: 1024px) {
.dealer-detail .dealer-detail__right {
position: inherit;
padding: 0 0 3.2rem;
}
.dealer-detail .dealer-detail__right: before {
content: none;
}
}
.dealer-detail .dealer-detail__right .dealer-detail__right-inner {
background: var(--color-white);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
flex-direction: column-reverse;
padding: 2.4rem 1.6rem 2.1rem;
display: flex;
box-shadow: 0 0 1px #1a202452,0 4px 8px #5b68713d;
}
.dealer-detail .dealer-detail__right .dealer-detail__right-inner>* {
border-top: 1px solid var(--color-neutral-200-rgba-75);
margin-top: 1.6rem;
padding-top: 1.6rem;
}
.dealer-detail .dealer-detail__right .dealer-detail__right-inner>: first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
@media (min-width: 1024px) {
.dealer-detail .dealer-detail__right .dealer-detail__right-inner {
display: inherit;
max-height: inherit;
opacity: 1;
visibility: visible;
overflow-y: inherit;
border-radius: 5px;
padding: 2.4rem;
position: sticky;
top: 1.5rem;
right: 0;
}
}
.dealer-detail .dealer-detail__right .dealer-detail__right-inner .dealer-information {
order: 4;
}
.dealer-detail .dealer-detail__right .dealer-detail__right-inner .dealer-contact {
order: 3;
}
.dealer-detail .dealer-detail__right .dealer-detail__right-inner .dealer-ctas {
order: 2;
}
.dealer-detail .dealer-detail__right .dealer-detail__right-inner .openinghours {
order: 1;
}
.dealer-detail .dealer-detail__right .dealer-information__logos {
align-items: flex-start;
margin-bottom: 1.6rem;
display: flex;
}
.dealer-detail .dealer-detail__right .dealer-information__logos .logo {
border: 1px solid var(--color-neutral-200);
justify-content: center;
align-items: center;
width: 8rem;
height: 8rem;
padding: .5rem;
display: flex;
}
.dealer-detail .dealer-detail__right .dealer-information__logos .logo img {
object-fit: contain;
max-width: 7.5rem;
max-height: 7.5rem;
}
.dealer-detail .dealer-detail__right .dealer-information__logos .logo svg {
width: 5rem;
height: 5rem;
}
.dealer-detail .dealer-detail__right .dealer-information__logos .field--name-field-icon {
max-width: 9.6rem;
margin-left: auto;
}
.dealer-detail .dealer-detail__right .dealer-information__name {
font-size: var(--h3-font-size);
margin-bottom: .8rem;
display: block;
}
.dealer-detail .dealer-detail__right .dealer-information__address {
margin: .8rem 0 0;
display: block;
}
.dealer-detail .dealer-detail__right .dealer-contact {
grid-template-columns: repeat(2,50%);
gap: 1.6rem;
display: grid;
}
.dealer-detail .dealer-detail__right .dealer-contact .dealer-socials {
gap: 1rem;
}
.dealer-detail .dealer-detail__right .dealer-contact .dealer-socials a {
margin: 0;
}
.dealer-detail .dealer-detail__right .dealer-contact>.icon {
word-break: break-word;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.dealer-detail .dealer-detail__right .dealer-contact>.icon svg {
flex-shrink: 0;
margin-top: .4rem;
margin-right: 1.2rem;
}
.dealer-detail .dealer-detail__right .dealer-contact .icon-qa svg,.dealer-detail .dealer-detail__right .dealer-contact .icon-email svg {
width: 1.8rem;
height: 1.4rem;
}
.dealer-detail .dealer-detail__right .dealer-contact .icon-qa svg path,.dealer-detail .dealer-detail__right .dealer-contact .icon-email svg path {
fill: var(--color-secondary-200);
}
.dealer-detail .dealer-detail__right .dealer-ctas .button {
width: 100%;
}
.dealer-detail .dealer-detail__right .dealer-ctas .button+.button {
margin-top: .8rem;
}
.dealer-detail .mobile-close {
background: var(--color-white);
z-index: 5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 4rem;
padding: 0 1.4rem 0 0;
display: flex;
position: absolute;
top: 100%;
right: 0;
}
@media (min-width: 1024px) {
.dealer-detail .mobile-close {
display: none;
}
}
.dealer-detail .mobile-close svg {
cursor: pointer;
transition: var(--transition-default);
}
.dealer-detail .mobile-close svg: hover path,.dealer-detail .mobile-close svg: focus path {
fill: var(--breadcrumbs-hover-color);
}
.dealer-detail .mobile-contact.button {
--button-padding: .8rem 1.5rem;
z-index: 5;
position: fixed;
bottom: 1.2rem;
left: 50%;
transform: translate(-50%);
}
@media (min-width: 1024px) {
.dealer-detail .mobile-contact.button {
display: none;
}
}
.dealer-detail__projects {
margin-block-start: 6.4rem;
margin-block-end: 6.4rem;
}
@media (min-width: 1024px) {
.dealer-detail__projects {
margin-block-start: 12.8rem;
margin-block-end: 12.8rem;
}
}
.dealer-detail__projects .teaser+.teaser {
margin-top: 3.2rem;
}
.dealer-detail__projects .splide__arrows {
display: none;
}
.dealer-detail__realisations {
margin-block-start: 6.4rem;
margin-block-end: 6.4rem;
}
.dealer-detail__realisations .realisations__header {
margin-bottom: 1.6rem;
}
.dealer-detail__realisations .splide__arrows {
display: block;
}
.dealer-detail__realisations>.splide>.splide__track>.splide__list>.splide__slide {
cursor: pointer;
place-items: center;
width: 90%;
display: grid;
position: relative;
}
.dealer-detail__realisations>.splide>.splide__track>.splide__list>.splide__slide .overlay-text {
color: var(--color-white);
z-index: 2;
grid-area: 1/1/-1/-1;
place-items: center;
gap: .5rem;
padding: 1rem;
display: grid;
}
.dealer-detail__realisations>.splide>.splide__track>.splide__list>.splide__slide .overlay-text h3 {
color: var(--color-white);
text-align: center;
}
.dealer-detail__realisations>.splide>.splide__track>.splide__list>.splide__slide .field--name-field-image-single {
grid-area: 1/1/-1/-1;
}
.dealer-detail__realisations>.splide>.splide__track>.splide__list>.splide__slide .field--name-field-image-single img {
aspect-ratio: 16/9;
object-fit: cover;
}
.dealer-detail__realisations>.splide>.splide__track>.splide__list>.splide__slide: after {
content: "";
background-color: var(--color-black);
opacity: .4;
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 1024px) {
.dealer-detail__realisations>.splide>.splide__track>.splide__list>.splide__slide {
width: calc(33.3% - 2rem);
}
}
.dealer-detail__realisations__popup {
z-index: 1000;
opacity: 0;
pointer-events: none;
background-color: #00000080;
place-items: center;
display: grid;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.dealer-detail__realisations__popup.active {
opacity: 1;
pointer-events: initial;
}
.dealer-detail__realisations__popup__inner {
background-color: var(--color-white);
width: min(128rem,100svw);
padding: 4.8rem 1.6rem 1.6rem;
position: relative;
}
@media (min-width: 1024px) {
.dealer-detail__realisations__popup__inner {
padding: 6.4rem 9.3rem;
}
}
.dealer-detail__realisations__popup__inner__close {
cursor: pointer;
position: absolute;
top: 1.8rem;
bottom: auto;
left: auto;
right: 1.8rem;
}
.dealer-detail__realisations__popup .splide__slide .paragraph {
flex-direction: column-reverse;
gap: .8rem;
height: min(80svh,37.5rem);
display: flex;
}
@media (min-width: 1024px) {
.dealer-detail__realisations__popup .splide__slide .paragraph {
height: min(100svh,60rem);
}
}
.dealer-detail__realisations__popup .splide__slide .media,.dealer-detail__realisations__popup .splide__slide .alt {
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
.dealer-detail__realisations__popup .splide__slide .media {
flex: auto;
position: relative;
}
.dealer-detail__realisations__popup .splide__slide img {
object-fit: contain;
background-color: var(--color-lighter-blue);
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.dealer-detail__realisations__popup .splide__slide .alt {
flex: none;
}
.dealer-detail__realisations__popup .splide__slide .alt p {
max-width: 72rem;
color: var(--color-neutral-300);
font-size: var(--small-text-font-size);
line-height: 1.5;
}
.node--career--search-result {
padding: 1.6rem 0;
transition: background-color .3s;
position: relative;
}
@media (min-width: 996px) {
.node--career--search-result {
justify-content: space-between;
align-items: flex-start;
gap: 0 1.6rem;
padding: 1.6rem;
display: flex;
}
}
.node--career--search-result__link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.node--career--search-result: hover,.node--career--search-result: focus {
background-color: var(--color-lighter-blue);
}
.node--career--search-result__summary__header {
grid-template-rows: repeat(3,auto);
grid-template-columns: 6.4rem auto 2rem;
grid-template-areas: "thumb title.""thumb company.""introduction introduction introduction";
gap: .2rem 1.6rem;
display: grid;
}
@media (min-width: 1024px) {
.node--career--search-result__summary__header {
grid-template-rows: repeat(3,auto);
grid-template-columns: 6.4rem auto;
grid-template-areas: "thumb title""thumb company""thumb introduction";
}
}
.node--career--search-result__summary__thumbnail {
background-color: var(--color-neutral-100);
grid-area: thumb;
align-self: start;
padding: 1.6rem;
}
.node--career--search-result__summary__thumbnail svg,.node--career--search-result__summary__thumbnail img {
width: 3.2rem;
max-width: none;
height: 3.2rem;
display: block;
}
.node--career--search-result__summary h2 {
color: var(--color-neutral-400);
font-size: var(--default-text-font-size);
font-family: var(--font-family-faktum);
grid-area: title;
margin-top: .8rem;
font-weight: 500;
}
.node--career--search-result__summary .company {
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
color: var(--color-neutral-300);
grid-area: company;
margin: 0;
font-weight: 500;
}
.node--career--search-result__summary .introduction {
font-size: var(--small-text-font-size);
color: var(--color-neutral-300);
grid-area: introduction;
margin-block-start: .8rem;
line-height: 1.25;
}
@media (min-width: 1024px) {
.node--career--search-result__summary .introduction {
margin-block-start: 0;
}
}
.node--career--search-result__summary .introduction strong,.node--career--search-result__summary .introduction a {
color: var(--color-neutral-300);
font-weight: 400;
font-family: var(--font-family-faktum);
}
.node--career--search-result__requirements {
flex-wrap: wrap;
margin-top: 1.2rem;
display: flex;
}
.node--career--search-result__requirements li {
color: var(--color-neutral-500);
background-color: var(--color-white);
border: 1px solid var(--color-neutral-100);
border-radius: var(--button-border-radius);
margin-top: .4rem;
margin-right: .4rem;
padding: .3rem .8rem;
font-size: 1.2rem;
}
.node--career--search-result__location {
color: var(--color-neutral-400);
flex: none;
align-items: center;
position: absolute;
top: 1.6rem;
bottom: auto;
left: auto;
right: 1.6rem;
}
@media (min-width: 996px) {
.node--career--search-result__location {
gap: .25em;
margin-top: 2rem;
display: flex;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
}
.node--career--search-result__location .field {
margin-left: .8rem;
display: none;
}
@media (min-width: 996px) {
.node--career--search-result__location .field {
display: block;
}
}
.node--career--search-result__location img {
border-radius: .2rem;
width: 2rem;
height: auto;
display: block;
overflow: hidden;
}
@media (min-width: 996px) {
.node--career--search-result__location img {
width: 2.4rem;
}
}
.node--career--search-result .employment-data {
align-items: center;
margin-block-start: 1.6rem;
display: flex;
}
.node--career--search-result .employment-data li {
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-500);
align-items: center;
display: flex;
}
.node--career--search-result .employment-data li svg {
margin-inline-end: .4rem;
}
.node--career--search-result .employment-data li: not(: last-child): after {
content: "";
background-color: var(--color-neutral-100);
width: .1rem;
height: 1.2rem;
margin-inline-start: .8rem;
margin-inline-end: .8rem;
display: block;
}
.node--career--search-result .employment-data li.employment-data__posted-date {
color: var(--color-neutral-300);
}
.news__header .contextual-region {
position: static;
}
.page-node-type-news .header-image {
margin-bottom: 3.2rem;
}
@media (min-width: 1024px) {
.page-node-type-news .header-image {
margin-bottom: 6.4rem;
}
}
.page-node-type-news .header-image--frame .header-image__title-wrapper,.page-node-type-news .header-image--frame .header-image__title-wrapper h1 {
max-width: 70rem;
}
.node--career--opportunity {
justify-content: space-between;
align-items: flex-start;
padding: 1.6rem;
transition: background-color .3s;
display: flex;
position: relative;
}
@media (min-width: 1024px) {
.node--career--opportunity {
padding: 1.6rem 3.2rem;
}
}
.node--career--opportunity: hover {
background-color: var(--color-lighter-blue);
}
.node--career--opportunity h3 {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
font-size: var(--body-text-font-size);
}
.node--career--opportunity__location {
flex: none;
align-items: center;
display: flex;
}
.node--career--opportunity__location img {
width: 2.4rem;
height: auto;
margin-right: .8rem;
display: block;
}
.node--career--opportunity a {
text-indent: -999em;
color: #0000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.node--career--full .mobile {
display: block;
}
@media (min-width: 1024px) {
.node--career--full .mobile {
display: none;
}
}
.node--career--full__page-header {
padding: 0;
display: block;
}
.node--career--full__page-header__actions {
z-index: 10;
background: var(--color-white);
transition: opacity .3s;
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.node--career--full__page-header__actions.mobile {
pointer-events: none;
opacity: 0;
}
.node--career--full__page-header__actions.mobile.show {
pointer-events: initial;
opacity: 1;
}
.node--career--full__page-header__actions .buttons {
gap: .8rem;
padding: 1.6rem;
display: grid;
box-shadow: 0 -4px 8px #5b68713d;
}
.node--career--full__page-header__intro {
margin-top: 2.4rem;
margin-bottom: 1.8rem;
padding: 0 1.5rem;
display: grid;
}
.node--career--full__page-header__intro h2 {
color: var(--color-neutral-300);
order: -1;
margin: 0 0 .4rem;
font-size: 1.6rem;
font-weight: 400;
}
@media (min-width: 1024px) {
.node--career--full__page-header__intro {
margin-top: 6.7rem;
}
}
.node--career--full__page-header img {
object-position: top;
width: 100%;
height: 48rem;
}
.node--career--full__page-header__bullets {
flex-wrap: wrap;
margin-top: 1.6rem;
display: flex;
}
.node--career--full__page-header__bullets li {
color: var(--color-neutral-500);
background-color: var(--color-white);
border: 1px solid var(--color-neutral-100);
border-radius: var(--button-border-radius);
margin-top: .4rem;
margin-right: .4rem;
padding: .3rem .8rem;
font-size: 1.2rem;
}
.node--career--full__content {
margin-bottom: 6.4rem;
display: grid;
}
@media (min-width: 1024px) {
.node--career--full__content {
grid-template-columns: 3fr 2fr;
gap: 12.5rem;
margin-bottom: 12.8rem;
}
}
.node--career--full__left h2,.node--career--full__left h3,.node--career--full__left h4,.node--career--full__left h5,.node--career--full__left h6 {
color: var(--color-primary-300);
}
.node--career--full__left ul {
margin: 1.6rem 0;
}
.node--career--full__left__introduction {
padding: 3.2rem 0 6.4rem;
}
.node--career--full__block {
margin-bottom: 6.4rem;
}
.node--career--full__block h2 {
margin-bottom: 3rem;
}
.node--career--full__block ul {
margin: 1.6rem 0;
}
.node--career--full__right {
order: -1;
margin-top: -14rem;
position: relative;
}
@media (min-width: 1024px) {
.node--career--full__right {
order: 1;
}
}
.node--career--full__right .box {
background-color: var(--color-white);
border-radius: .5rem;
padding: 2.4rem;
box-shadow: 0 0 .1rem #1a202452,0 .4rem .8rem #5b68713d;
}
@media (min-width: 1024px) {
.node--career--full__right .box {
position: sticky;
top: 10.5rem;
right: 0;
}
}
.node--career--full__right .box img {
width: 2.4rem;
height: auto;
display: block;
}
.node--career--full__right .box h2 {
display: none;
}
@media (min-width: 1024px) {
.node--career--full__right .box h2 {
display: block;
}
}
.node--career--full__right .box__info {
padding: 0 0 .8rem;
}
.node--career--full__right .box__info .location,.node--career--full__right .box__info .company {
align-items: center;
margin-bottom: .8rem;
display: flex;
}
.node--career--full__right .box__info .location img,.node--career--full__right .box__info .location svg,.node--career--full__right .box__info .company img,.node--career--full__right .box__info .company svg {
margin-right: .8rem;
}
.node--career--full__right .box__info .location img,.node--career--full__right .box__info .company img {
border-radius: .2rem;
}
.node--career--full__right .box__info .location .field {
margin-right: .4rem;
}
.node--career--full__right .box__interested {
border-top: 1px solid var(--color-neutral-200-rgba-75);
padding: 1.6rem 0 0;
}
.node--career--full__right .box__interested h3 {
color: var(--color-neutral-400);
font-size: var(--large-text-font-size);
margin-bottom: 1.6rem;
}
.node--career--full__right .box__interested .button {
text-align: center;
width: 100%;
margin-bottom: .8rem;
display: block;
}
.node--career--full__right .box__interested .button: last-child {
margin-bottom: 0;
}
.node--career--full__right .box .share-buttons {
border-top: none;
width: 100%;
max-width: none;
margin: 0;
padding: 1.6rem 0;
display: block;
}
@media (min-width: 1024px) {
.node--career--full__right .box .share-buttons {
border-top: 1px solid var(--color-neutral-200-rgba-75);
}
}
.node--career--full__right .box .share-buttons: last-child {
border-bottom: none;
padding-bottom: 0;
}
.node--career--full__right .box .share-buttons__text {
color: var(--color-neutral-400);
font-weight: 400;
font-size: var(--large-text-font-size);
margin-bottom: 1.6rem;
}
.node--career--full__right .box .share-buttons ul {
padding-top: 0;
}
@media (min-width: 1024px) {
.node--career--full__right .box .share-buttons ul {
justify-content: flex-start;
}
}
.node--career--full__right .box .share-buttons ul li {
border-color: var(--color-secondary-200);
color: var(--color-secondary-200);
margin-left: 0;
margin-right: .8rem;
}
@media (min-width: 1024px) {
.node--career--full__right .box .share-buttons ul li {
width: 3.2rem;
height: 3.2rem;
}
.node--career--full__right .box .share-buttons ul li svg {
width: 1.4rem;
height: 1.4rem;
}
}
.node--career--full__right .box .share-buttons ul li: hover {
color: var(--color-white);
border-color: var(--color-primary-400);
}
.node--career--full__right .box__contact {
flex-wrap: wrap;
justify-content: center;
padding-top: 1.6rem;
display: flex;
}
@media (min-width: 1024px) {
.node--career--full__right .box__contact {
justify-content: flex-start;
}
}
.node--career--full__right .box__contact__info {
align-self: center;
padding: 1rem 0;
}
.node--career--full__right .box__contact__info__function {
color: var(--color-neutral-300);
margin-top: 0;
margin-bottom: 1.6rem;
}
.node--career--full__right .box__contact__info a {
align-items: center;
display: flex;
}
.node--career--full__right .box__contact__info a svg {
margin-right: 1.2rem;
}
.node--career--full__right .box__contact img {
background-color: var(--color-neutral-100);
border-radius: 100%;
width: 14rem;
height: 14rem;
margin-right: 1.6rem;
}
.node--career--full .share-buttons {
border-top: none;
justify-content: start;
gap: 1.6rem;
max-width: none;
margin: 6.4rem 0 12.8rem;
}
.node--career--full .share-buttons__text {
font-weight: 400;
}
.node--career--full .share-buttons ul {
gap: .8rem;
}
.node--career--full .share-buttons ul li {
border-color: var(--color-secondary-200);
width: 3.2rem;
height: 3.2rem;
color: var(--color-secondary-200);
margin: 0;
padding: 0;
}
.node--career--full .share-buttons ul li: hover,.node--career--full .share-buttons ul li: focus {
color: var(--color-white);
}
.node--career--full .share-buttons ul li svg {
width: 1.4rem;
height: 1.4rem;
}
.node--career--full .share-buttons ul li: before {
content: none;
}
.career-webform-header {
gap: 1.6rem;
padding-block-start: 4.6rem;
display: grid;
}
.career-webform-header__info {
flex-wrap: wrap;
align-items: center;
gap: 1.6rem;
margin-block-end: 1.6rem;
display: flex;
}
.career-webform-header__info .location,.career-webform-header__info .company {
color: var(--color-neutral-400);
align-items: center;
display: flex;
}
.career-webform-header__info .location svg,.career-webform-header__info .location img,.career-webform-header__info .company svg,.career-webform-header__info .company img {
width: 2.4rem;
height: auto;
margin-right: .8rem;
}
.career-webform-header__info .location svg,.career-webform-header__info .location img {
border-radius: .2rem;
}
.career-webform-header__employment-data {
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-500);
flex-wrap: wrap;
align-items: center;
gap: .8rem;
line-height: 1.25;
display: flex;
}
.career-webform-header__employment-data li {
border: .1rem solid var(--color-neutral-200);
border-radius: 2rem;
padding: .3rem .8rem;
}
.node--test-report--teaser {
text-align: left;
text-align: left;
background: var(--color-lighter-blue);
margin: .4rem 0;
padding: 1.6rem;
position: relative;
}
@media (min-width: 768px) {
.node--test-report--teaser__content {
grid-template-columns: 1fr 25rem;
gap: .8rem;
display: grid;
}
.node--test-report--teaser__content__right {
flex-direction: column;
align-items: flex-end;
display: flex;
}
}
.node--test-report--teaser__content__right__top {
flex-wrap: wrap;
align-items: center;
gap: 1.6rem;
margin-bottom: 1.6rem;
display: flex;
position: absolute;
top: 1.6rem;
bottom: auto;
left: auto;
right: 1.6rem;
}
@media (min-width: 768px) {
.node--test-report--teaser__content__right__top {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
}
.node--test-report--teaser__content__right time {
font-family: var(--font-family-faktum);
color: var(--color-grey-new);
font-size: 1.6rem;
line-height: 2.4rem;
display: block;
}
.node--test-report--teaser__content__header {
flex: auto;
}
.node--test-report--teaser__content__header__row {
color: var(--color-neutral-400);
font-size: var(--smaller-text-font-size);
}
.node--test-report--teaser__content__header__row>* {
margin-right: 1.6rem;
}
.node--test-report--teaser__content__header__row>: last-child {
margin-right: 0;
}
.node--test-report--teaser__content__header__row span {
margin-right: 1.6rem;
}
.node--test-report--teaser__content__header__row span: last-child {
margin-right: 0;
}
.node--test-report--teaser__content__header__row .label {
font-family: var(--font-family-faktum);
}
.node--test-report--teaser__content__header__row .opening-types {
color: var(--color-neutral-300);
margin-top: 0;
}
.node--test-report--teaser__content__links {
flex: none;
align-items: center;
margin: .8rem 0;
display: flex;
}
.node--test-report--teaser__content__links>.button--secondary {
margin-right: .8rem;
}
.node--test-report--teaser__content h3 {
--default-title-color: var(--color-primary-400);
--h3-font-family: var(--font-family-faktum);
--h3-font-size-mobile: 2rem;
--h3-font-size: 2rem;
letter-spacing: -.01em;
margin-top: .8rem;
}
.node--test-report--teaser__content h4 {
--h4-font-family: var(--font-family-faktum);
--h4-font-size-mobile: 1.8rem;
--h4-font-size: 1.8rem;
color: var(--color-neutral-300);
margin-top: .4rem;
}
.node--test-report--teaser__content .status {
--status-color: var(--color-accent-05);
color: var(--status-color);
font-family: var(--font-family-faktum);
font-size: var(--small-text-font-size);
align-items: center;
gap: .4rem;
display: flex;
}
.node--test-report--teaser__content .status: before {
content: "";
aspect-ratio: 1;
background-color: var(--status-color);
border-radius: 50%;
width: 1.2rem;
margin-right: .8rem;
display: block;
}
.node--test-report--teaser__content .status--valid {
--status-color: var(--color-accent-03);
}
.node--test-report--teaser__content .status--ce {
--status-color: var(--color-status-warning-300);
}
.node--test-report--teaser__content .status--internal {
--status-color: var(--color-secondary-200);
}
.node--test-report--teaser__content .status--cancelled {
--status-color: var(--color-status-warning-500);
}
.node--test-report--teaser__content .status--non-standard {
--status-color: var(--color-status-warning-400);
}
.node--test-report--teaser__content__results {
flex: 0 0 100%;
grid-template-columns: repeat(2,1fr);
gap: 0 6.4rem;
display: grid;
}
.node--test-report--teaser__content__results>ul {
font-size: var(--smaller-text-font-size);
gap: .4rem;
margin: 1.6rem 0 0;
display: grid;
}
.node--test-report--teaser__content__results>ul li {
color: var(--color-neutral-300);
margin-top: 0;
font-size: 1.4rem;
line-height: 2.1rem;
}
.node--test-report--teaser__content .checklist li {
margin: 0;
padding: 0 0 0 2.4rem;
}
.node--test-report--teaser__content details summary {
--color: var(--color-secondary-200);
cursor: pointer;
font-size: var(--small-text-font-size);
color: var(--color);
padding-top: .3rem;
transition: color .3s;
}
.node--test-report--teaser__content details summary svg {
width: .8rem;
}
.node--test-report--teaser__content details summary path {
fill: var(--color);
}
.node--test-report--teaser__content details summary: hover {
--color: var(--color-primary-400);
}
.node--test-report--teaser__content details[open] summary {
display: none;
}
.node--test-report--teaser__details {
grid-column: span 2;
}
.node--test-report--teaser__details[open] summary {
--color: var(--color-primary-400);
}
.node--test-report--teaser__details[open] summary svg {
transform: rotate(-180deg);
}
.node--test-report--teaser__details summary {
--color: var(--color-secondary-200);
cursor: pointer;
color: var(--color);
font-size: var(--small-text-font-size);
padding-block-start: .4rem;
padding-block-end: .4rem;
transition: color .3s;
}
.node--test-report--teaser__details summary svg {
margin-bottom: .1rem;
margin-left: .2rem;
transition: transform .3s;
}
.node--test-report--teaser__details summary svg path {
fill: var(--color);
}
.node--test-report--teaser__details__content {
padding-top: 1.6rem;
}
.node--test-report--teaser__details__content h4 {
--default-title-color: var(--color-secondary-200);
--h4-font-size-mobile: 1.6rem;
--h4-font-size: 1.6rem;
margin-top: 1.6rem;
margin-bottom: .8rem;
}
.node--test-report--teaser__details__content h4: first-child {
margin-top: 0;
}
.node--test-report--teaser__details__content dl {
font-size: var(--smaller-text-font-size);
grid-template-columns: repeat(4,1fr);
display: grid;
}
.node--test-report--teaser__footer {
min-height: 3.2rem;
margin-block-start: .8rem;
position: relative;
}
.node--test-report--teaser__footer .downloads {
z-index: 1;
width: max-content;
margin-left: 100%;
position: absolute;
top: 0;
right: 0;
}
.node--test-report--teaser__footer .downloads.active~.downloads__trigger .button {
border-radius: var(--button-border-radius) 0 0;
--button-background-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
}
.node--test-report--teaser__footer .downloads.active~.downloads__trigger .button: hover {
--button-background-color: var(--color-primary-400);
}
.node--test-report--teaser__footer .downloads.active~.downloads__trigger .downloads__toggle {
--button-background-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
border-radius: 0 1.6rem 0 0;
}
.node--test-report--teaser__footer .downloads.active~.downloads__trigger .downloads__toggle svg {
transform: rotate(-180deg);
}
.node--test-report--teaser__footer .downloads.active~.downloads__trigger .downloads__toggle: hover {
--button-background-color: var(--color-primary-400);
}
.node--test-report--teaser__footer .downloads.active .downloads__list {
opacity: 1;
pointer-events: initial;
}
.node--test-report--teaser__footer .downloads__trigger {
display: flex;
}
.node--test-report--teaser__footer .downloads__trigger .button {
border-radius: var(--button-border-radius) 0 0 var(--button-border-radius);
transition: all .3s;
}
.node--test-report--teaser__footer .downloads__trigger .downloads__toggle {
background-color: var(--button-background-color);
border-left: 1px solid var(--color-secondary-400);
cursor: pointer;
border-radius: 0 1.6rem 1.6rem 0;
align-items: center;
margin: 0;
padding: 0 1.4rem;
transition: all .3s;
display: flex;
}
.node--test-report--teaser__footer .downloads__trigger .downloads__toggle svg {
transition: transform .3s;
}
.node--test-report--teaser__footer .downloads__trigger .downloads__toggle path {
fill: var(--color-white);
}
.node--test-report--teaser__footer .downloads__trigger .downloads__toggle: hover {
--button-background-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
}
.node--test-report--teaser__footer .downloads ul {
background-color: var(--color-secondary-200);
opacity: 0;
pointer-events: none;
border-radius: .5rem;
width: min(80vw,18.5rem);
transition: opacity .3s;
position: absolute;
top: calc(100% + 1.1rem);
right: 0;
overflow: hidden;
}
.node--test-report--teaser__footer .downloads ul a {
font-family: var(--button-font-family);
font-size: var(--button-font-size);
line-height: var(--button-line-height);
padding: var(--button-small-padding);
--link-color: var(--color-white);
transition: background-color .3s;
display: block;
}
.node--test-report--teaser__footer .downloads ul a: hover {
background-color: var(--color-primary-400);
}
.node--test-report--teaser .checkbox {
cursor: pointer;
border: .1rem solid var(--color-grey-new);
border-radius: .4rem;
padding: .5rem;
}
.node--test-report--teaser .checkbox svg {
opacity: 0;
transition: opacity .3s;
}
.node--test-report--teaser .checkbox svg path {
fill: var(--color-white);
}
tr.selected .node--test-report--teaser .checkbox__box {
background-color: var(--color-secondary-200);
border-color: var(--color-secondary-200);
}
tr: has(input[type=checkbox]: checked) .node--test-report--teaser .checkbox__box {
background-color: var(--color-secondary-200);
border-color: var(--color-secondary-200);
}
tr.selected .node--test-report--teaser .checkbox svg {
opacity: 1;
}
tr: has(input[type=checkbox]: checked) .node--test-report--teaser .checkbox svg {
opacity: 1;
}
.node--test-report--teaser .checkbox__box {
aspect-ratio: 1;
background-color: var(--color-white);
border: .1rem solid var(--color-neutral-200);
border-radius: .4rem;
place-items: center;
width: 2rem;
transition: background-color .3s,border-color .3s;
display: grid;
}
.general-search-group {
border-top: 1px solid var(--color-neutral-100);
padding: 1.6rem 0 3.2rem;
}
@media (min-width: 768px) {
.general-search-group {
grid-template-columns: 17rem 1fr;
gap: 3.8rem;
display: grid;
}
}
.general-search-group h3 {
font-size: var(--small-text-font-size);
color: var(--color-neutral-300);
padding: .8rem 0 1.6rem;
}
@media (min-width: 768px) {
.general-search-group h3 {
padding: 0;
}
}
.general-search-group__body__more {
padding: 1.2rem 0 0;
}
@media (min-width: 768px) {
.general-search-group__body__more {
padding: 1.5rem .8rem 0;
}
}
.general-search-result {
grid-template-columns: auto 1fr;
gap: 1.6rem;
margin-bottom: 1.6rem;
padding: 0 .8rem 0 0;
transition: background-color .3s;
display: grid;
position: relative;
}
@media (min-width: 768px) {
.general-search-result {
margin-bottom: 0;
padding: .8rem;
}
}
.general-search-result__image {
background-color: var(--color-neutral-100);
justify-content: center;
align-items: center;
width: 6.4rem;
height: 6.4rem;
display: flex;
position: relative;
overflow: hidden;
}
.general-search-result__image .contextual-region {
position: static;
}
.general-search-result__image .dealer-default-logo {
width: 100%;
height: 100%;
}
.general-search-result__image .icon-filetype {
width: 2.4rem;
height: auto;
}
.general-search-result__info {
align-self: center;
}
.general-search-result__title {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
font-size: var(--default-text-font-size);
color: var(--color-neutral-400);
}
@media (min-width: 768px) {
.general-search-result__title {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 36.7rem;
overflow: hidden;
}
}
.general-search-result__subtitle {
color: var(--color-neutral-300);
font-size: var(--small-text-font-size);
margin: .2rem 0 0;
}
.general-search-result__link {
text-indent: -999em;
color: #0000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.general-search-result__bullets {
flex-wrap: wrap;
margin: .8rem 0 0;
display: flex;
}
.general-search-result__bullets li {
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-500);
border: 1px solid var(--color-neutral-100);
line-height: var(--default-text-line-height);
border-radius: 2rem;
align-items: center;
margin-bottom: .4rem;
margin-right: .4rem;
padding: .3rem .8rem;
display: flex;
}
.general-search-result__bullets li svg {
object-fit: contain;
width: 1.2rem;
height: 1.2rem;
margin-right: .7rem;
display: block;
}
.general-search-result__bullets li svg path {
fill: var(--color-secondary-200);
}
.general-search-result: hover,.general-search-result: focus {
background-color: var(--color-lighter-blue);
}
.general-search-result--dealer .general-search-result__image {
background-color: var(--color-white);
}
.general-search-result--faq {
grid-template-columns: 1fr;
}
.general-search-result--faq .general-search-result__description {
font-size: var(--small-text-font-size);
color: var(--color-neutral-300);
margin-block-start: .6rem;
}
.general-search-result--faq.skeleton .skeleton__title {
width: min(100%,24rem);
}
.general-search-result--faq.skeleton .skeleton__sub {
width: 100%;
}
.general-search-result--faq.skeleton .skeleton__sub.small {
width: min(100%,16rem);
}
[data-carousel-linked-pages] .contact-point,.teaser-grid .field--name-field-linked-pages .contact-point {
min-height: 100%;
}
.contact-point {
background: var(--color-lighter-grey);
border: 1px solid var(--color-neutral-200);
border-radius: .5rem;
flex-direction: column;
width: 100%;
display: flex;
}
.contact-point .subtitle {
font-size: .8em;
}
.contact-point--inner {
flex-direction: column;
height: 100%;
padding: 1.6rem;
display: flex;
}
.contact-point--inner .contact-point--header {
margin-bottom: .8rem;
line-height: 21px;
}
.contact-point--inner .contact-point--header span {
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
line-height: var(--default-text-line-height);
}
.contact-point--inner .contact-point--header div {
color: var(--color-primary-400);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
}
.contact-point--inner .contact-point--contact {
font-size: var(--smaller-text-font-size);
line-height: var(--default-text-line-height);
margin-bottom: 1.6rem;
}
.contact-point--inner .contact-point--contact span {
display: inline-block;
}
.contact-point--inner .contact-point--site {
font-size: var(--smaller-text-font-size);
line-height: var(--default-text-line-height);
margin-top: auto;
}
.contact-point--telephone {
flex-wrap: wrap;
display: flex;
}
.contact-point--practical {
justify-content: center;
align-items: center;
margin-top: auto;
display: flex;
}
.contact-point--practical a {
border-top: 1px solid var(--color-neutral-200);
width: 50%;
font-size: var(--smaller-text-font-size);
color: var(--color-grey-new);
transition: var(--transition-default);
flex-grow: 1;
justify-content: center;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.contact-point--practical a: only-child {
border-bottom-right-radius: 5px;
}
.contact-point--practical a: first-child {
border-bottom-left-radius: 5px;
}
.contact-point--practical a: not(: first-child) {
border-left: 1px solid var(--color-neutral-200);
}
.contact-point--practical a: last-child {
border-bottom-right-radius: 5px;
}
.contact-point--practical a: hover,.contact-point--practical a: focus {
background: var(--color-secondary-200);
color: var(--color-white);
border-top: 1px solid var(--color-secondary-200);
}
.contact-point--practical a: hover svg path,.contact-point--practical a: focus svg path {
fill: var(--color-white);
}
.contact-point--practical a svg {
margin-right: 8px;
}
.contact-point--practical a .location {
width: 11px;
height: 16px;
}
.contact-point--practical a .email {
width: 20px;
height: 13px;
}
.seo-page__section>h2.h3 {
--default-title-color: var(--color-primary-400);
padding: 0 var(--container-padding-h-mobile);
margin-bottom: 1.6rem;
}
@media (min-width: 1024px) {
.seo-page__section>h2.h3 {
padding: 0 var(--container-padding-h);
margin-bottom: 3.2rem;
}
}
.seo-page--overview .seo-page__section {
width: 100%;
max-width: var(--container-max-width);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.seo-page--overview .seo-page__section {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.cta-banner {
margin: 1.6rem 0;
position: relative;
}
.cta-banner__cta {
z-index: 10;
text-indent: -999em;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.cta-banner__sticker {
width: 15rem;
height: 15rem;
max-height: calc(100% - 1.6rem);
position: absolute;
top: .8rem;
bottom: auto;
left: 1.2rem;
right: auto;
}
@media (min-width: 768px) {
.cta-banner__sticker {
width: unset;
height: unset;
top: 50%;
bottom: auto;
left: 3.8rem;
right: auto;
transform: translateY(-50%);
}
}
.cta-banner__sticker--center {
top: .8rem;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%);
}
@media (min-width: 768px) {
.cta-banner__sticker--center {
top: 50%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%,-50%);
}
}
.cta-banner__sticker--right {
top: .8rem;
bottom: auto;
left: auto;
right: 1.2rem;
}
@media (min-width: 768px) {
.cta-banner__sticker--right {
top: 50%;
bottom: auto;
left: auto;
right: 3.8rem;
}
}
.cta-banner__sticker img {
object-fit: contain;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 768px) {
.cta-banner__sticker img {
object-fit: cover;
width: 100%;
height: auto;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
}
.openinghours-dealer.animated .days,.openinghours-dealer.animated .openinghours-title {
transition: var(--transition-default);
}
.openinghours-dealer.active .openinghours-title svg {
transform: rotate(270deg);
}
.openinghours-dealer.active .days {
max-height: 50rem;
}
.openinghours-dealer .openinghours-title {
font-weight: var(--font-weight-semibold);
cursor: pointer;
justify-content: space-between;
align-items: center;
display: flex;
}
.openinghours-dealer .openinghours-title svg {
transform: rotate(90deg);
}
.openinghours-dealer .days {
max-height: 0;
overflow: hidden;
}
.openinghours-dealer .day {
margin-top: .8rem;
}
.openinghours-dealer .day: first-child {
margin-top: 0;
}
.openinghours-dealer .day: last-child {
margin-bottom: 1.6rem;
}
.openinghours-dealer .day>span {
width: 100%;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
display: block;
}
.openinghours-dealer .day ul {
grid-template-columns: repeat(2,1fr);
gap: 1rem;
display: grid;
}
.openinghours-dealer .day ul .appointment {
font-size: var(--small-text-font-size);
color: var(--color-secondary-200);
flex-wrap: wrap;
align-items: center;
display: flex;
}
.openinghours-dealer .day ul .appointment svg {
margin-right: .5rem;
display: block;
}
.teaser--page-search-block {
padding: 1.6rem var(--container-padding-h);
border-bottom: .1rem solid var(--color-neutral-100);
}
.teaser--page-search-block .teaser__content {
grid-template: "image title""image link"/20rem auto;
gap: 0 3rem;
display: grid;
}
.teaser--page-search-block .teaser__no-media,.teaser--page-search-block .teaser__media {
grid-area: image;
max-width: 20rem;
}
.teaser--page-search-block .teaser__header {
grid-area: title;
}
.teaser--page-search-block .teaser__footer-cta {
grid-area: link;
}
.node--faq,.page-node-type-faq {
scroll-margin-top: calc(var(--height-top-bars) + 7.3rem);
}
.toolbar-horizontal .node--faq,.toolbar-horizontal .page-node-type-faq {
scroll-margin-top: var(--height-top-bars);
}
.node--faq summary: not(.glb-claro-details__summary),.page-node-type-faq summary: not(.glb-claro-details__summary) {
cursor: pointer;
background-color: var(--color-neutral-100);
border-radius: .4rem;
padding: 1.6rem 6.2rem 1.6rem 2rem;
transition: background-color .3s;
position: relative;
}
.node--faq summary: not(.glb-claro-details__summary) h3,.page-node-type-faq summary: not(.glb-claro-details__summary) h3 {
color: var(--color-neutral-400);
}
.node--faq summary: not(.glb-claro-details__summary): after,.page-node-type-faq summary: not(.glb-claro-details__summary): after {
content: "";
aspect-ratio: 1;
background-color: var(--color-secondary-200);
transform-origin: 50%;
width: 2.2rem;
transition: rotate .6s var(--the-magic-cubic-bezier);
position: absolute;
top: 1em;
right: 2rem;
rotate: 90deg;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='6'%20height='11'%20viewBox='0%200%206%2011'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.35335%2010.4725L0.360962%209.62191L3.91757%205.47253L0.360962%201.32315L1.35335%200.472534L5.63907%205.47253L1.35335%2010.4725Z'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20xmlns='http: //www.w3.org/2000/svg'%20width='6'%20height='11'%20viewBox='0%200%206%2011'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.35335%2010.4725L0.360962%209.62191L3.91757%205.47253L0.360962%201.32315L1.35335%200.472534L5.63907%205.47253L1.35335%2010.4725Z'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.node--faq__answer,.page-node-type-faq__answer {
color: var(--color-neutral-400);
padding: 1.6rem 2rem;
}
.node--faq__answer img,.node--faq__answer video,.node--faq__answer .media-popup-trigger: before,.page-node-type-faq__answer img,.page-node-type-faq__answer video,.page-node-type-faq__answer .media-popup-trigger: before {
border-radius: .8rem;
}
.node--faq: open>summary: after {
rotate: -90deg;
}
.page-node-type-faq: open>summary: after {
rotate: -90deg;
}
.node--faq.skeleton,.page-node-type-faq.skeleton {
background-color: var(--color-neutral-100);
justify-content: space-between;
gap: 1.6rem;
padding: 1.6rem;
display: flex;
}
.node--faq.skeleton .skeleton__title,.page-node-type-faq.skeleton .skeleton__title {
width: min(100%,64rem);
height: 2.5rem;
margin-block-start: 0;
margin-block-end: 0;
}
.node--faq.skeleton .skeleton__sub.arrow,.page-node-type-faq.skeleton .skeleton__sub.arrow {
background-color: var(--color-neutral-200);
width: 2.5rem;
height: 2.5rem;
margin-block-start: 0;
margin-block-end: 0;
}
.views-row .node--faq,.views-row .page-node-type-faq {
margin-block-end: .8rem;
}
.node--faq .layout--onecol,.node--faq .layout--twocol-section,.page-node-type-faq .layout--onecol,.page-node-type-faq .layout--twocol-section {
gap: 1rem;
padding-inline-start: 0;
padding-inline-end: 0;
}
.node--faq .layout,.page-node-type-faq .layout {
margin-bottom: 2.4rem;
}
.node--faq .layout .block-layout-builder,.page-node-type-faq .layout .block-layout-builder {
margin-bottom: 1rem;
}
.node--faq .layout .block-layout-builder: last-child,.page-node-type-faq .layout .block-layout-builder: last-child,.node--faq .layout: last-child,.page-node-type-faq .layout: last-child {
margin-bottom: 0;
}
.node--faq .block-inline-blockimage,.node--faq .block-inline-blocktext,.page-node-type-faq .block-inline-blockimage,.page-node-type-faq .block-inline-blocktext {
width: 100%;
max-width: none;
padding: 0;
}
.node--faq .block-inline-blocktext .field--name-field-body,.page-node-type-faq .block-inline-blocktext .field--name-field-body {
margin-bottom: 0;
}
.node--tail-page.tail-page--no-image .page-header {
align-items: start;
margin-block-start: 3.2rem;
display: grid;
}
@media (min-width: 1024px) {
.node--tail-page.tail-page--no-image .page-header {
gap: 1.6rem;
margin-block-start: 6.4rem;
}
}
.node--tail-page.tail-page--no-image .page-header .page-header__left,.node--tail-page.tail-page--no-image .page-header .page-header__right {
max-width: 84.4rem;
}
.node--tail-page.tail-page--no-image .page-header .page-header__right {
padding-left: unset;
margin-left: unset;
display: flex;
}
.node--tail-page.tail-page--no-image .page-header .page-header__intro {
color: var(--color-neutral-300);
line-height: 1.5;
}
.node--tail-page.tail-page--no-image .page-header .button {
--button-color: var(--color-white);
--button-background-color: var(--color-secondary-200);
--button-border-color: var(--color-secondary-200);
}
.node--tail-page.tail-page--no-image .page-header .button: hover {
--button-color: var(--color-white);
--button-background-color: var(--color-secondary-400);
--button-border-color: var(--color-secondary-400);
}
.event-detail footer.attachments {
max-width: var(--container-max-width-sm-widescreen);
margin: 3.2rem auto;
}
.event-detail footer.attachments h2 {
margin-block-end: 3.2rem;
}
.event-detail .layout__region: last-child .block-layout-builder: last-child {
margin-bottom: 3.2rem;
}
.node--event--search-result .teaser__date {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.node--event--search-result .field--name-field-location p {
flex-wrap: wrap;
gap: .4rem;
display: flex;
}
.node--event--search-result .field--name-field-location p span: not(: -webkit-any(.locality,.country)),.node--event--search-result .field--name-field-location p br {
display: none;
}
.node--event--search-result .field--name-field-location p span: not(: -moz-any(.locality,.country)),.node--event--search-result .field--name-field-location p br {
display: none;
}
.node--event--search-result .field--name-field-location p span: not(: is(.locality,.country)),.node--event--search-result .field--name-field-location p br {
display: none;
}
.node--event--search-result .field--name-field-location p .locality: after {
content: ",";
}
.node--event--search-result .field--name-field-event-type {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.user-login-form {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 57rem;
height: 100%;
padding: 6.4rem 0;
display: flex;
}
.user-login-form .form-item,.user-login-form .form-actions {
padding: 0 var(--container-padding-h-mobile);
}
@media (min-width: 1024px) {
.user-login-form {
width: 50%;
margin: 0 auto;
}
.user-login-form .form-item,.user-login-form .form-actions {
padding: 0 var(--container-padding-h);
}
.path-user .main-header__top {
position: absolute;
top: 0;
left: 0;
}
}
.reynaers-modal form {
max-width: 37rem;
}
.reynaers-modal .form-required: after {
content: "*";
color: var(--color-logout);
margin-left: .5rem;
}
.reynaers-modal .form-item--error-message {
border: 1px solid var(--color-logout);
color: var(--color-logout);
font-size: var(--small-text-font-size);
border-radius: .3rem;
margin-top: .4rem;
padding: .2rem 1rem;
}
.reynaers-modal .form-item,.reynaers-modal .fieldgroup {
margin-top: 2.4rem;
}
.reynaers-modal .form-item.error .form-required,.reynaers-modal .fieldgroup.error .form-required {
color: var(--color-logout);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
}
.reynaers-modal label {
color: var(--color-primary-400);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
margin-bottom: .8rem;
position: relative;
}
.reynaers-modal input,.reynaers-modal textarea {
font-size: var(--small-text-font-size);
}
.reynaers-modal textarea {
resize: none;
height: 8rem;
padding: .8rem 1.6rem;
}
.reynaers-modal [data-drupal-selector=edit-sex] .form-checkboxes {
display: flex;
}
.reynaers-modal [data-drupal-selector=edit-sex] .form-checkboxes label {
margin-bottom: 0;
}
.reynaers-modal [data-drupal-selector=edit-sex] .form-checkboxes>* {
margin: 1rem 0;
}
.reynaers-modal [data-drupal-selector=edit-sex] .form-checkboxes>*+* {
border-left: 1px solid var(--color-neutral-100);
margin-left: 1rem;
padding-left: 1rem;
}
.reynaers-modal [data-drupal-selector=edit-sex] .form-checkboxes>*+* .icon {
left: 1.4rem;
}
.block-webform {
margin: 6.4rem auto;
}
.block-webform form>: not(.form-actions) {
transition: opacity .3s;
}
.block-webform form: has(.throbber)>: not(.form-actions) {
opacity: .25;
}
.block-webform form .ajax-progress-throbber .throbber {
background: 0 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block-webform form .ajax-progress-throbber .throbber: before {
content: "";
border: .4rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
animation: .8s linear infinite loader-spin;
}
.block-webform .form-actions: has(.ajax-progress-throbber) {
--color-secondary-200: var(--color-neutral-300);
}
.block-webform .form-actions: has(.ajax-progress-throbber) button: not([disabled]) {
opacity: .5;
pointer-events: none;
transition: all .3s;
}
.block-webform .form-item,.block-webform .webform-flexbox {
max-width: 47rem;
}
.block-webform .form-item-lead-dealer {
max-width: none;
}
.block-webform .webform-flex--container {
margin: 0;
}
.block-webform h2 {
display: none;
}
.block-webform .dealer-search-result h2 {
display: block;
}
.block-webform form {
width: 100%;
max-width: none;
padding: 0 0 5rem;
}
.block-webform form h3 {
color: var(--color-primary-400);
font-size: 1.8rem;
}
.block-webform .webform-button--previous {
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-200);
}
.block-webform .webform-button--previous: hover {
--button-color: var(--color-secondary-400);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-400);
}
.block-webform .webform-button--previous: active,.block-webform .webform-button--previous.active,.block-webform .webform-button--previous: focus-within {
--button-color: var(--color-secondary-500);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-500);
}
.block-webform .webform-button--previous: focus-visible {
--button-focus-outline-color: var(--color-secondary-500);
--button-color: var(--color-secondary-200);
--button-background-color: transparent;
--button-border-color: var(--color-secondary-200);
}
.block-webform .webform-button--previous.disabled,.block-webform .webform-button--previous[disabled] {
--button-color: var(--color-disabled-grey);
--button-border-color: var(--color-disabled-grey);
--button-background-color: transparent;
}
.block-webform .form-item-webform-markup,.block-webform .js-form-wrapper .form-item-webform-markup: first-child {
margin-top: 4.8rem;
}
.webform-progress {
counter-reset: steps;
position: relative;
}
.webform-progress .prev,.webform-progress .next {
display: none;
}
.webform-progress>ul {
-ms-overflow-style: none;
scrollbar-width: none;
gap: 4rem;
margin: 0;
display: flex;
overflow-x: scroll;
}
@media (min-width: 768px) {
.webform-progress>ul {
overflow-x: unset;
}
}
.webform-progress>ul: : -webkit-scrollbar {
display: none;
}
.webform-progress>ul * {
color: var(--color-grey-new);
white-space: nowrap;
}
.webform-progress>ul>li {
flex: unset;
padding: 0 0 .5rem;
}
.webform-progress>ul .progress-step.is-active {
border-bottom: 1px solid var(--color-accent-02);
}
.webform-progress>ul .progress-step.is-active * {
color: var(--color-accent-02);
}
.webform-progress>ul .progress-title {
font-weight: 400;
}
.webform-progress>ul .progress-marker {
font-weight: 600;
}
.webform-progress>ul .progress-marker: after {
counter-increment: steps;
content: " " counter(steps);
}
.webform-progress: after {
content: "";
background-color: var(--color-grey-new);
z-index: -1;
width: 100vw;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
}
.webform-progress+div,.webform-progress+input[type=hidden]+div {
margin: 4rem 0;
}
.webform-button--previous {
margin-right: 1.2rem;
}
.webform-button--previous[value*=Previous] {
border: 1px solid var(--color-secondary-200);
}
.default-select {
background-color: var(--input-background-color);
border: .1rem solid var(--input-border-color);
border-radius: var(--input-border-radius);
max-width: 100%;
min-height: 4.5rem;
transition: border-color var(--transition-duration-default) var(--transition-timing-function);
cursor: pointer;
display: inline-block;
position: relative;
}
.webform-flex .default-select,form .default-select {
width: 100%;
}
.facet-panel .default-select,.pager .default-select {
--input-color: var(--color-neutral-500);
min-height: 4rem;
}
.facet-panel .default-select select,.pager .default-select select {
font-size: var(--small-text-font-size);
}
.default-select.disabled,.default-select[disabled] {
--input-color: var(--color-grey-new);
--input-background-color: var(--color-lighter-grey);
}
.default-select.disabled select,.default-select[disabled] select {
cursor: not-allowed;
}
.default-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: var(--input-color);
z-index: 1;
cursor: pointer;
background: 0 0;
border: none;
border-radius: 0;
width: 100%;
height: 100%;
padding-left: 1.6rem;
padding-right: 3.2rem;
line-height: 100%;
position: absolute;
top: 0;
left: 0;
}
.default-select select: focus {
outline: none;
}
.default-select svg.select-icon,.default-select object.select-icon {
fill: var(--input-color);
pointer-events: none;
z-index: 2;
width: .5rem;
height: 1rem;
position: absolute;
top: 1.75rem;
right: 1.6rem;
transform: rotate(90deg);
}
.default-select svg.select-icon path,.default-select object.select-icon path {
fill: var(--input-color);
}
form.newsletter-block-email {
flex-direction: column;
gap: .8rem;
display: flex;
}
@media (min-width: 996px) {
form.newsletter-block-email {
flex-direction: row;
align-items: center;
}
form.newsletter-block-email .form-item-email {
width: 100%;
}
form.newsletter-block-email .button {
white-space: nowrap;
flex-shrink: 0;
}
}
form.newsletter-block-email label {
display: none;
}
.layout-builder-block-visibility [type=submit] {
margin-top: 1.6rem;
}
.webform-type-nested-checkboxes,.webform-type-lead-products-hifinity {
--spacing: .8rem;
}
.webform-type-nested-checkboxes .form-checkboxes,.webform-type-lead-products-hifinity .form-checkboxes {
gap: var(--spacing);
display: grid;
}
.webform-type-nested-checkboxes .group,.webform-type-lead-products-hifinity .group {
padding-left: calc(var(--spacing) * 4);
gap: var(--spacing);
padding-top: var(--spacing);
display: grid;
}
fieldset.webform-type-choice .form-radios {
flex-flow: column;
gap: .8rem;
width: 32rem;
display: flex;
}
fieldset.webform-type-choice span {
text-align: center;
display: block;
}
fieldset.webform-type-choice .form-item-radio {
margin-block-start: 0;
}
fieldset.webform-type-choice .form-item-radio label {
--size: 2.4rem;
--size-icon: 1.6rem;
justify-content: center;
align-items: center;
gap: var(--input-border-radius);
background: var(--input-background-color);
border: .1rem solid var(--input-border-color);
width: 100%;
color: var(--input-color);
font-size: 1.4rem;
line-height: var(--input-line-height);
cursor: pointer;
border-radius: .5rem;
flex-flow: row;
padding: .75rem 1rem;
transition: all .25s ease-out;
display: flex;
}
fieldset.webform-type-choice .form-item-radio label: before {
content: "";
width: var(--size);
height: var(--size);
background-color: var(--color-neutral-300);
border: 0;
transition: all .25s ease-out;
display: block;
position: static;
}
fieldset.webform-type-choice .form-item-radio label: after {
display: none;
}
fieldset.webform-type-choice .form-item-radio label: hover {
color: var(--input-outline-color);
border: .1rem solid var(--input-outline-color);
}
fieldset.webform-type-choice .form-item-radio label: hover: before {
background-color: var(--input-outline-color);
}
fieldset.webform-type-choice .form-item-radio input[value=upload]+label: before {
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%2015H5V18H19V15H21V20H3V15Z'%20fill='%23B3B3B3'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%203.99996L17.7071%209.70707L16.2929%2011.1213L13%207.82838V16.4142H11V7.82838L7.70711%2011.1213L6.29289%209.70707L12%203.99996Z'%20fill='%23B3B3B3'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%2015H5V18H19V15H21V20H3V15Z'%20fill='%23B3B3B3'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%203.99996L17.7071%209.70707L16.2929%2011.1213L13%207.82838V16.4142H11V7.82838L7.70711%2011.1213L6.29289%209.70707L12%203.99996Z'%20fill='%23B3B3B3'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: var(--size-icon) var(--size-icon);
mask-size: var(--size-icon) var(--size-icon);
}
fieldset.webform-type-choice .form-item-radio input[value=text]+label: before {
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.3374%200.585938L18.4142%205.66285L5.07686%2019.0002L0%2019.0001V13.9233L13.3374%200.585938ZM11.0501%205.70162L13.4338%207.81484L15.5858%205.66284L13.3373%203.41437L11.0501%205.70162ZM12.017%209.23161L9.63334%207.11838L2%2014.7517V17.0001L4.24845%2017.0002L12.017%209.23161Z'%20fill='currentColor'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.3374%200.585938L18.4142%205.66285L5.07686%2019.0002L0%2019.0001V13.9233L13.3374%200.585938ZM11.0501%205.70162L13.4338%207.81484L15.5858%205.66284L13.3373%203.41437L11.0501%205.70162ZM12.017%209.23161L9.63334%207.11838L2%2014.7517V17.0001L4.24845%2017.0002L12.017%209.23161Z'%20fill='currentColor'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: var(--size-icon) var(--size-icon);
mask-size: var(--size-icon) var(--size-icon);
}
fieldset.webform-type-choice .form-item-radio input: checked+label {
color: var(--input-outline-color);
border: .1rem solid var(--input-outline-color);
}
fieldset.webform-type-choice .form-item-radio input: checked+label: before {
background-color: var(--input-outline-color);
}
.user-logout-confirm,.user-pass {
width: 100%;
max-width: var(--container-max-width);
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.user-logout-confirm,.user-pass {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.user-logout-confirm,.user-pass {
padding-block-start: 6.4rem;
padding-block-end: 6.4rem;
font-size: 2rem;
}
.user-logout-confirm p,.user-pass p {
max-width: 72rem;
}
.user-logout-confirm p em,.user-pass p em {
font-weight: 700;
}
.user-logout-confirm .dialog-cancel,.user-pass .dialog-cancel {
--button-background-color: transparent;
color: var(--button-border-color);
}
.dealer-search-form .search-reset .icon--reset {
clip-path: none;
opacity: 1;
font-size: 1.6rem;
line-height: unset;
transform: unset;
pointer-events: initial;
width: 1.2rem;
height: 1.2rem;
display: block;
}
.autocomplete-results,.ui-autocomplete {
-webkit-overflow-scrolling: touch;
max-height: 32rem;
font-size: var(--label-font-size);
line-height: var(--label-line-height);
margin: 0;
padding: 0;
list-style: none;
overflow: hidden auto;
border: none!important;
}
.autocomplete-results li,.ui-autocomplete li {
border-bottom: .1rem solid var(--color-neutral-200-rgba-75);
margin: 0;
padding: 0;
list-style-image: none;
}
.autocomplete-results li: last-child,.ui-autocomplete li: last-child {
border-bottom: none;
}
.autocomplete-results li: focus,.ui-autocomplete li: focus {
background: red;
}
.autocomplete-results a,.ui-autocomplete a {
background-color: var(--color-white);
cursor: pointer;
transition: background-color .25s ease-out;
display: block;
color: var(--label-color)!important;
padding: .8rem 1.6rem!important;
}
.autocomplete-results a: focus,.autocomplete-results a: hover,.autocomplete-results a.active,.ui-autocomplete a: focus,.ui-autocomplete a: hover,.ui-autocomplete a.active {
--link-color: var(--color-secondary-400);
background-color: var(--color-lighter-blue);
}
.autocomplete-results a: focus,.ui-autocomplete a: focus {
outine: none;
}
.autocomplete-results a[data-result-type=warning],.ui-autocomplete a[data-result-type=warning] {
--label-color: var(--color-warning-dealer);
gap: .8rem;
font-size: 1.2rem;
line-height: 1.5;
display: flex;
}
.autocomplete-results a[data-result-type=warning]: before,.ui-autocomplete a[data-result-type=warning]: before {
content: " ";
aspect-ratio: 1;
background-color: var(--color-warning-dealer-icon);
flex: none;
align-self: start;
width: 2.4rem;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM8.00195%2010.7471C7.33728%2010.7472%206.79254%2011.2781%206.80176%2011.9336C6.79253%2012.5983%207.33727%2013.1337%208.00195%2013.1338C8.63441%2013.1338%209.19291%2012.5984%209.20215%2011.9336C9.1929%2011.2781%208.6344%2010.7471%208.00195%2010.7471ZM7.05078%2010.1055H8.94824L9.16113%203.5459H6.83887L7.05078%2010.1055Z'%20fill='currentColor'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM8.00195%2010.7471C7.33728%2010.7472%206.79254%2011.2781%206.80176%2011.9336C6.79253%2012.5983%207.33727%2013.1337%208.00195%2013.1338C8.63441%2013.1338%209.19291%2012.5984%209.20215%2011.9336C9.1929%2011.2781%208.6344%2010.7471%208.00195%2010.7471ZM7.05078%2010.1055H8.94824L9.16113%203.5459H6.83887L7.05078%2010.1055Z'%20fill='currentColor'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 1.6rem;
mask-size: 1.6rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.ui-autocomplete {
border-radius: .5rem;
box-shadow: 0 0 1px #1a202452,0 40px 64px #5b68713d;
}
.ui-autocomplete .ui-state-active {
background-color: var(--color-lighter-blue)!important;
border: none!important;
margin: 0!important;
}
.js input.form-autocomplete {
background-image: none!important;
}
.autocomplete-loader {
padding: 1rem 1.6rem .6rem!important;
}
.autocomplete-loader: before {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: "";
border-radius: 50%;
width: 1rem;
height: 1rem;
animation: .8s linear infinite loader-spin;
display: inline-block;
}
.dealers-view-results__list,.dealer-search-results {
container: dealer-search-results-list/inline-size;
}
.dealer-search-result {
--radius: .8rem;
padding: 1.6rem var(--container-padding-h-mobile);
cursor: pointer;
border: .1rem solid var(--color-neutral-200);
border-radius: var(--radius);
grid-template-columns: auto 1fr;
grid-template-areas: "logo text""badge text""icons icons""footer footer";
gap: .8rem 1.6rem;
margin-block-end: 1rem;
transition: background-color .3s;
display: grid;
}
.dealer-search-result: has(.dealer-search-result__features__footer: not(.includes-openinghours)) {
grid-template-areas: "logo text""badge text""icons icons";
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result: has(.dealer-search-result__features__footer: not(.includes-openinghours)) {
grid-template-areas: "logo text icons""logo text badge""logo footer footer";
}
.dealer-search-result {
--radius: 0;
border-top: .1rem solid var(--color-neutral-200-rgba-75);
border-bottom: none;
border-left: none;
border-right: none;
grid-template-columns: 9rem auto auto;
grid-template-areas: "logo text icons""logo text badge""logo footer footer";
gap: 1.6rem 3.2rem;
margin-block-end: 0;
overflow: visible;
}
.dealer-search-result: first-child,.dealer-search-result: first-of-type {
border-top: none;
}
}
.dealer-search-result: hover,.dealer-search-result.active {
background-color: var(--color-lighter-blue);
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result {
padding: 2rem 1.4rem;
}
}
.dealer-search-result__dealer-icon {
position: relative;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result__dealer-icon {
justify-content: flex-end;
padding-top: .4rem;
display: flex;
}
}
.dealer-search-result__dealer-icon img {
width: 6.4rem;
}
@container dealer-search-results-list (width>=400px) {
.dealer-search-result__dealer-icon img {
width: 9rem;
}
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result__dealer-icon img {
width: 11rem;
}
}
.dealer-search-result__logo {
border: .1rem solid var(--color-neutral-200);
flex-grow: 0;
flex-shrink: 0;
grid-area: logo;
justify-content: center;
align-items: center;
width: 6.4rem;
height: 6.4rem;
display: flex;
}
@container dealer-search-results-list (width>=400px) {
.dealer-search-result__logo {
width: 9rem;
height: 9rem;
}
}
.dealer-search-result__logo .media {
max-width: 100%;
max-height: 100%;
}
.dealer-search-result__logo .media img {
object-fit: contain;
width: 100%;
max-width: 7.4rem;
height: 100%;
max-height: 7.4rem;
}
.dealer-search-result__logo .dealer-default-logo {
width: 5rem;
height: 5rem;
}
@container dealer-search-results-list (width>=400px) {
.dealer-search-result__logo .dealer-default-logo {
width: 5rem;
height: 5rem;
}
}
.dealer-search-result__info {
flex: auto;
grid-area: text;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result__info {
width: 21.5rem;
}
}
.dealer-search-result__info .button.hide-on-mobile {
margin-top: .4rem;
}
@container dealer-search-results-list (width<=480px) {
.dealer-search-result__info .button.hide-on-mobile {
display: none;
}
}
.dealer-search-result__info .dealer-labels {
margin: 0 0 .4rem;
}
.dealer-search-result__info .dealer-labels .hover-background {
pointer-events: none;
opacity: 0;
background-color: var(--color-white);
z-index: -1;
transition: opacity .3s;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.dealer-search-result__info .dealer-labels: hover .hover-background {
opacity: 1;
}
.dealer-search-result__info .dealer-label {
font-size: var(--smaller-text-font-size);
margin: .4rem 0 0;
}
.dealer-search-result__info .show-on-mobile {
display: inline-flex;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result__info .show-on-mobile {
display: none;
}
}
.dealer-search-result__name,.dealer-search-result__address,.dealer-search-result__distance {
letter-spacing: 0;
line-height: 150%;
}
.dealer-search-result__name {
font-family: var(--font-family-faktum);
font-size: var(--body-text-font-size);
color: var(--color-neutral-500);
margin: 0 0 .4rem;
}
.dealer-search-result__address,.dealer-search-result__distance {
font-size: var(--smaller-text-font-size);
margin: 0;
}
.dealer-search-result__address {
color: var(--color-neutral-300);
}
.dealer-search-result__distance {
color: var(--color-primary-400);
}
.dealer-search-result__product-types {
flex-flow: wrap;
grid-area: icons;
align-self: start;
align-items: center;
gap: .8rem;
padding: .8rem 0 0;
display: flex;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result__product-types {
justify-content: flex-end;
padding: 0;
}
}
.dealer-search-result__product-types .dealer-product {
box-shadow: 0 0 0 .1rem var(--color-neutral-200);
border-radius: .8rem;
width: 3.5rem;
height: 3.5rem;
display: block;
}
.dealer-search-result__product-types .field__item .media {
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.dealer-search-result__product-types .field__item .media img {
width: auto;
height: 1.9rem;
}
.dealer-search-result__product-types .dealer-product--speciality .field__item .media img {
height: 3rem;
}
.dealer-search-results {
grid-template-columns: 1fr;
gap: 1.6rem;
width: auto;
margin: 3.2rem 0;
display: grid;
}
.dealer-search-results~.form-item--search-location {
width: 100%;
}
.dealer-search-results~.form-item--search-location input[type=text] {
max-width: none;
}
.dealer-search-results~.form-item--search-location .icon--reset {
clip-path: none;
opacity: 1;
font-size: 1.6rem;
line-height: unset;
transform: unset;
pointer-events: initial;
width: 1.2rem;
height: 1.2rem;
display: block;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-results {
max-width: 68rem;
}
.dealer-search-results~.form-item--search-location input[type=text] {
max-width: none;
}
}
.dealer-search-result-wrapper {
padding: 0 0 0 5.2rem;
position: relative;
}
.dealer-search-result-wrapper input[type=checkbox] {
width: var(--checkbox-width);
height: var(--checkbox-height);
opacity: 0;
z-index: 1;
cursor: pointer;
margin: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.dealer-search-result-wrapper input[type=checkbox]: checked~article {
border: 1px solid var(--color-secondary-200)!important;
}
.dealer-search-result-wrapper input[type=checkbox]: disabled {
cursor: not-allowed;
pointer-events: none;
}
.dealer-search-result-wrapper: before {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
background: var(--color-lighter-grey);
border: 1px solid var(--checkbox-border-color);
border-radius: var(--checkbox-border-radius);
pointer-events: none;
transition: background-color .3s,border-color .3s;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.dealer-search-result-wrapper: after {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
opacity: 0;
pointer-events: none;
z-index: 1;
background: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%23fff'/%3e%3c/svg%3e") 50%/70% no-repeat;
border: 1px solid #0000;
transition: opacity .3s;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.dealer-search-result-wrapper: has(input: checked): before {
background-color: var(--color-secondary-200);
border-color: var(--color-secondary-200);
}
.dealer-search-result-wrapper: has(input: checked): after {
opacity: 1;
}
.dealer-search-result-wrapper--disabled {
cursor: not-allowed;
}
.dealer-search-result-wrapper--disabled: before {
border-color: var(--checkbox-border-color);
background-color: #61656e66;
}
.dealer-search-result-wrapper--disabled label {
pointer-events: none;
}
.dealer-search-result-wrapper label {
z-index: 2;
cursor: pointer;
opacity: 0;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 5.2rem;
right: 0;
}
.dealer-search-result-wrapper article {
--radius: .5rem;
width: 100%;
border: 1px solid var(--color-neutral-200)!important;
}
.dealer-search-result-wrapper article ul {
flex-wrap: nowrap;
}
.dealer-search-result-wrapper .dealer-search-result__features__footer,.dealer-search-result-wrapper .dealer-search-result__info .button {
display: none;
}
@container dealer-search-results-list (width<=480px) {
.dealer-search-result-wrapper .dealer-search-result__dealer-icon {
display: none;
}
}
.dealer-search-result .hide-on-mobile {
display: none;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result .hide-on-mobile {
display: inline-flex;
}
}
.dealer-search-result .show-on-mobile {
display: inline-flex;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result .show-on-mobile {
display: none;
}
}
.dealer-search-result__features__footer {
flex: 0 0 100%;
grid-area: footer;
justify-content: flex-end;
align-items: flex-start;
gap: 2.4rem;
display: flex;
}
.dealer-search-result__features__footer: not(.includes-openinghours) {
display: none;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result__features__footer: not(.includes-openinghours) {
display: flex;
}
}
.dealer-search-result__features__footer.includes-openinghours {
justify-content: space-between;
}
.dealer-search-result__features__footer .button {
white-space: nowrap;
align-self: flex-start;
}
@container dealer-search-results-list (width>=480px) {
.dealer-search-result__features__footer {
justify-content: space-between;
}
}
.dealer-search-result__features__footer .openinghours-dealer {
font-size: var(--small-text-font-size);
border-bottom: none;
margin-bottom: 0;
}
.dealer-search-result__features__footer .openinghours-dealer .small {
color: var(--color-secondary-200);
}
.dealer-search-result__features__footer .openinghours-dealer .day: first-child {
margin-top: 1.6rem;
}
.dealer-search-result__features__footer .openinghours-dealer .day: last-child {
margin-bottom: 0;
}
.dealer-search-result__features__footer .openinghours-dealer .openinghours-title {
color: var(--color-secondary-200);
font-family: var(--font-family-faktum);
font-size: var(--small-text-font-size);
justify-content: flex-start;
margin-bottom: 0;
font-weight: 400;
}
.dealer-search-result__features__footer .openinghours-dealer .openinghours-title svg {
margin-left: 1.6rem;
}
.dealer-search-result__features__footer .openinghours-dealer .openinghours-title svg path {
fill: var(--color-secondary-200);
}
.partner-popup {
--list-square-dot-left: 0;
--list-square-item-padding: 0 0 0 2rem;
--list-square-item-margin: .8rem 0 0;
opacity: 0;
pointer-events: none;
z-index: 1001;
background-color: var(--color-white);
border-radius: .5rem;
grid-template-columns: 1fr auto;
gap: 1rem;
width: min(80vw,34.2rem);
padding: 1.6rem;
transition: opacity .3s;
display: grid;
position: fixed;
box-shadow: 0 1rem 2rem #00000040;
}
.partner-popup .close {
aspect-ratio: 1;
background-color: var(--color-neutral-500);
cursor: pointer;
width: 2.4rem;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 1.4rem;
mask-size: 1.4rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.partner-popup h3 {
font-size: 1.6rem;
font-weight: 600;
font-family: var(--font-family-faktum);
color: var(--color-primary-400);
margin: unset;
grid-column: 1/-1;
}
.partner-popup p {
color: var(--color-neutral-500);
}
.partner-popup ul {
color: var(--color-neutral-300);
}
.partner-popup p,.partner-popup ul {
font-size: var(--small-text-font-size);
grid-column: 1/-1;
margin: 0;
}
.dealers-view-results {
flex-flow: column wrap;
display: flex;
overflow: hidden;
}
.dealers-viewport-desktop .dealers-view-results {
flex-flow: row;
}
.dealers-view-results--fixed-height .map {
height: 32rem;
}
.dealers-viewport-desktop .dealers-view-results--fixed-height .dealers-view-results__list-wrapper,.dealers-viewport-desktop .dealers-view-results--fixed-height .map {
height: 71.4rem;
max-height: 100vh;
}
.dealers-view-results__list-wrapper {
flex-direction: column;
order: 1;
width: 100%;
padding-top: .9rem;
display: flex;
overflow: hidden;
}
.dealers-viewport-desktop .dealers-view-results__list-wrapper {
flex-grow: 0;
flex-shrink: 0;
order: 0;
padding-top: 0;
}
.dealers-view-results__list {
width: 100%;
height: 100%;
display: none;
}
.dealers-viewport-mobile .dealers-view-results__list {
width: calc(100% - 3.2rem);
margin-inline-start: auto;
margin-inline-end: auto;
display: grid;
}
.dealers-viewport-desktop .dealers-view-results__list {
-webkit-overflow-scrolling: touch;
overflow: hidden scroll;
}
.dealers-viewport-desktop .dealers-view-results__list-wrapper {
width: 0;
overflow: hidden;
}
.dealers-viewport-desktop .search-overview--filtered .dealers-view-results__list-wrapper {
width: auto;
}
.dealers-viewport-desktop .search-overview--filtered .dealers-view-results__list {
width: 50rem;
max-width: 100%;
display: block;
}
@media (min-width: 1280px) {
.dealers-viewport-desktop .search-overview--filtered .dealers-view-results__list {
width: 61.5rem;
}
}
.dealers-view-results__map {
order: 0;
width: 100%;
overflow: hidden;
}
@media (min-width: 1280px) {
.dealers-view-results__map {
z-index: 1000;
position: relative;
}
}
.dealers-viewport-desktop .dealers-view-results__map {
order: 1;
}
.search-viewmode-link {
line-height: 1;
display: block;
}
.search-viewmode-link svg {
fill: var(--color-neutral-300);
height: 1.6rem;
}
.search-viewmode-link svg path {
fill: var(--color-neutral-300);
}
.search-viewmode-link.active svg,.search-viewmode-link.active svg path {
fill: var(--color-secondary-200);
}
.products-grid {
gap: 2.4rem;
display: grid;
}
@media (min-width: 768px) {
.products-grid {
grid-template-columns: 1fr 1fr;
gap: 2.4rem 1.6rem;
padding-left: .8rem;
padding-right: .8rem;
}
}
@media (min-width: 1024px) {
.products-grid {
flex-flow: column;
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1441px) {
.products-grid {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.product-overview-header {
margin-bottom: 6.4rem;
}
.product-overview-header .page-header {
margin-top: 6.4rem;
margin-bottom: 0;
}
@media (min-width: 1024px) {
.product-overview-header .page-header {
align-items: flex-start;
}
}
.product-detail-header {
margin-top: 2.4rem;
margin-bottom: 4.3rem;
}
.product-detail-header .max-width-container {
flex-direction: column;
align-items: center;
display: flex;
}
@media (min-width: 768px) {
.product-detail-header {
margin-bottom: var(--container-margin-v-mobile);
}
.product-detail-header .max-width-container {
flex-direction: row;
align-items: center;
}
}
.product-detail-header__titles {
text-align: center;
order: 1;
}
@media (min-width: 768px) {
.product-detail-header__titles {
text-align: left;
order: 0;
}
}
.product-detail-header__aside {
margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
.product-detail-header__aside {
margin-bottom: 0;
margin-left: auto;
padding-right: 8.5rem;
}
}
.product-detail-header__aside .media {
margin: 0 auto;
}
.product-detail-header__aside .media img {
width: auto;
max-width: 100%;
height: 20rem;
}
@media (min-width: 768px) {
.product-detail-header__aside .media {
margin: 0;
}
.product-detail-header__aside .media img {
height: 32rem;
}
.product-detail-header--background {
background-color: var(--color-lighter-blue);
padding-top: var(--container-margin-v-mobile);
padding-bottom: var(--container-margin-v-mobile);
margin-bottom: 6.4rem;
}
}
.product-content {
margin-bottom: var(--container-margin-v);
}
.product-content>section {
margin-top: var(--container-margin-v);
}
.product-content>section: first-child,.product-content>section.has-bg-color+section.has-bg-color {
margin-top: 0!important;
}
.product-content .commercial-blocks {
margin-top: var(--container-margin-v);
}
.product-content .commercial-blocks>: last-child {
margin-bottom: 0;
}
.product-card {
background-color: var(--color-white);
border-bottom: .1rem solid var(--color-neutral-200-rgba-75);
cursor: pointer;
margin-bottom: 2.4rem;
transition: box-shadow .25s ease-out;
position: relative;
}
.product-card: last-child {
border-bottom: none;
}
.product-card: hover {
z-index: 1;
box-shadow: 0 .1rem 1.2rem #00000040;
}
.product-card: hover .product-card__compare {
opacity: 1;
pointer-events: initial;
}
.product-card: hover .product-card__properties {
border-radius: 0;
}
.product-card .media {
position: relative;
}
.product-card .media: before {
content: "";
background-color: var(--media-background-color);
padding-top: 61.3333%;
display: block;
}
.product-card .media img {
object-position: 50% 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.product-card .media: before {
background-color: var(--color-white);
}
@media (min-width: 1024px) {
.product-card {
grid-template-columns: 16.6667% 28.3333% 1fr;
gap: 0 3rem;
min-height: 27rem;
margin-bottom: 0;
display: grid;
}
.product-card .media: before {
padding-top: 115%;
}
.product-card__media {
flex-direction: column;
justify-content: center;
display: flex;
}
.product-card__media .media {
width: 100%;
}
}
.product-card__content {
flex-direction: column;
padding-top: 1.6rem;
display: flex;
}
@media (min-width: 1024px) {
.product-card__content {
padding-bottom: 1.6rem;
}
}
.product-card__header {
margin: 0 var(--container-padding-h-mobile) 1.6rem;
}
@media (min-width: 1024px) {
.product-card__header {
margin: 0 0 1.6rem;
}
}
.product-card__header--search>* {
margin-top: .4rem;
}
.product-card__header--search>: first-child {
margin-top: 0;
}
.product-card__suptitle,.product-card__subtitle {
font-size: 1.6rem;
font-style: normal;
line-height: 150%;
display: block;
}
.product-card__suptitle {
color: var(--color-accent-02);
}
.product-card__subtitle {
color: var(--color-neutral-300);
}
ul.product-card__usps {
margin: 0 var(--container-padding-h-mobile) var(--container-padding-h-mobile) var(--container-padding-h-mobile);
--list-square-font-size: var(--small-text-font-size);
--list-square-text-color: var(--color-neutral-300);
}
ul.product-card__usps li {
--list-square-item-margin: .8rem 0 0 0;
--list-square-item-padding: 0 0 0 2.1rem;
}
ul.product-card__usps li: before {
--list-square-dot-top: .8rem;
--list-square-dot-left: 0;
}
@media (min-width: 1024px) {
ul.product-card__usps {
border-top: .1rem solid var(--color-neutral-200-rgba-75);
margin: 0 0 var(--container-padding-h-mobile) 0;
--list-square-font-size: var(--small-text-font-size);
padding-top: 1.6rem;
}
}
.product-card__full-link {
margin: 0 var(--container-padding-h-mobile) 3.2rem var(--container-padding-h-mobile);
}
.product-card__full-link: before {
content: "";
z-index: 3;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 1024px) {
.product-card__full-link {
margin: auto 0 0;
}
}
.product-card__properties {
background-color: var(--color-lighter-blue);
padding: var(--container-padding-h-mobile);
border-radius: 0 .5rem .5rem 0;
margin: 0 0 2.4rem;
}
.product-card__properties .block-product-three-sixty-properties {
grid-template-columns: repeat(3,1fr);
gap: 3.2rem 1.5rem;
display: grid;
}
@media (min-width: 1024px) {
.product-card__properties {
margin: 1.6rem 0;
}
}
.product-card__property__label {
font-family: var(--font-family-faktum);
font-size: var(--small-text-font-size);
line-height: var(--default-text-line-height);
color: var(--color-neutral-500);
padding-left: 1.4rem;
position: relative;
}
.product-card__property__label: before {
content: "";
background-color: var(--color-secondary-200);
width: .2rem;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.product-card__property__values {
font-size: var(--small-text-font-size);
line-height: var(--default-text-line-height);
color: var(--color-neutral-300);
margin-top: .8rem;
}
.product-card__compare {
cursor: pointer;
border: .1rem solid var(--color-neutral-200-rgba-75);
z-index: 5;
opacity: .6;
background: #fffffff2;
border-radius: .5rem;
padding: .8rem;
transition: opacity .3s;
display: none;
position: absolute;
top: 1.6rem;
left: 1.6rem;
box-shadow: 0 0 .1rem #1a202452,0 4rem 6.4rem #5b68713d;
}
.product-card__compare.active {
pointer-events: initial;
opacity: 1;
}
.product-compare--active .product-card__compare {
display: block;
}
.product-card__compare label {
font-family: var(--font-family-faktum);
}
.product-card__compare label: after {
content: "";
height: var(--checkbox-height);
width: var(--checkbox-width);
z-index: 1;
background-color: var(--color-white);
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%2333363B'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%2333363B'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 1.4rem 1.2rem;
mask-size: 1.4rem 1.2rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.paragraph--type--paralax-slide .field--name-field-slide-title {
will-change: left;
white-space: nowrap;
font-size: 15rem;
line-height: 15rem;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-semibold);
color: #0000;
-webkit-text-stroke-width: .2rem;
-webkit-text-stroke-color: var(--color-white);
z-index: 2;
transition: left .1s linear;
position: absolute;
top: 50vh;
left: 100%;
transform: translate(-50%,-50%);
}
@media (min-width: 996px) {
.paragraph--type--paralax-slide .field--name-field-slide-title {
font-size: 27rem;
line-height: 27rem;
}
}
.paragraph--type--paralax-slide .container {
z-index: 2;
height: 100vh;
position: sticky;
top: 0;
bottom: auto;
left: 0;
right: 0;
}
.paragraph--type--paralax-slide .container: after {
content: "";
background-color: var(--color-black);
opacity: .5;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.paragraph--type--paralax-slide .field--name-field-link {
text-align: center;
z-index: 1;
position: absolute;
bottom: 9.4rem;
left: 0;
right: 0;
}
.paragraph--type--cta-slide,.paragraph--type--paralax-slide {
box-sizing: content-box;
height: 100svh;
position: relative;
}
.paragraph--type--cta-slide: after,.paragraph--type--paralax-slide: after {
content: "";
background-color: var(--color-black);
opacity: .5;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.paragraph--type--cta-slide .media,.paragraph--type--paralax-slide .media {
position: static;
}
.paragraph--type--cta-slide img,.paragraph--type--paralax-slide img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.block--type--slides-block .slide {
box-sizing: content-box;
height: 100svh;
position: sticky;
top: 0;
left: 0;
}
.paragraph--type--cta-slide {
justify-content: center;
align-items: center;
display: flex;
}
.paragraph--type--cta-slide__content {
text-align: center;
z-index: 2;
max-width: 65.6rem;
position: relative;
}
.paragraph--type--cta-slide__content h2,.paragraph--type--cta-slide__content h3,.paragraph--type--cta-slide__content p {
color: var(--color-white);
}
.paragraph--type--cta-slide__content h2 {
margin-top: 0;
margin-bottom: .8rem;
}
.paragraph--type--cta-slide__content h3 {
margin-top: 0;
margin-bottom: 1.6rem;
}
.paragraph--type--cta-slide__content p {
max-width: 45.2rem;
margin: 0 auto;
}
.paragraph--type--cta-slide__content .field--name-field-link {
margin-top: 3.2rem;
}
.paragraph--type--cta-slide .media {
background-color: var(--color-neutral-100);
width: auto;
}
.paragraph--type--product-slide {
gap: 3.2rem;
margin-inline-start: auto;
margin-inline-end: auto;
display: grid;
}
@media (min-width: 1024px) {
.paragraph--type--product-slide {
grid-template-columns: 35.2rem 1fr;
width: min(100% - 8rem,92.8rem);
}
}
.paragraph--type--product-slide__content,.paragraph--type--product-slide__image {
align-self: center;
}
.paragraph--type--product-slide__image img {
width: auto;
max-height: 27rem;
margin-inline-start: auto;
margin-inline-end: auto;
display: block;
}
@media (min-width: 1024px) {
.paragraph--type--product-slide__image img {
max-height: none;
}
}
.paragraph--type--product-slide h2 {
font-size: var(--h1-font-size-mobile);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
color: var(--color-primary-700);
}
@media (min-width: 768px) {
.paragraph--type--product-slide h2 {
font-size: var(--h1-font-size);
}
}
.paragraph--type--product-slide h3 {
font-family: var(--h2-font-family);
font-size: var(--h2-font-size-mobile);
color: var(--color-primary-700);
margin-top: 0;
}
@media (min-width: 768px) {
.paragraph--type--product-slide h3 {
font-size: var(--h2-font-size);
}
}
.paragraph--type--product-slide .field--name-field-slide-description {
margin: 1.6rem 0 2.4rem;
font-size: max(1.4rem,min(2vw,2rem));
line-height: 1.5;
}
@media (min-width: 1024px) {
.paragraph--type--product-slide .field--name-field-slide-description {
max-width: 45rem;
}
}
.paragraph--type--product-slide .field-links {
flex-wrap: wrap;
gap: 1.6rem;
display: flex;
}
.paragraph--type--card {
background-color: var(--color-neutral-200);
border-radius: 1.2rem;
grid-template-columns: 1fr;
align-items: start;
gap: 1.6rem;
padding: 1.6rem;
display: grid;
}
.paragraph--type--card: has(img) {
grid-template-columns: 10rem 1fr;
}
@media (min-width: 1280px) {
.paragraph--type--card {
grid-template-columns: 1fr;
align-items: center;
gap: 2.4rem;
padding: 3.2rem;
}
.paragraph--type--card: has(img) {
grid-template-columns: 16rem 1fr;
}
}
.paragraph--type--card__image {
background-color: var(--color-white);
aspect-ratio: 1;
border-radius: 1.2rem;
place-items: center;
display: flex;
overflow: clip;
}
.paragraph--type--card h3 {
margin-bottom: .8rem;
}
.paragraph--type--card .field--name-field-description: has(+.button) {
margin-bottom: 1.6rem;
}
.block--cards--4-columns .paragraph--type--card {
align-items: initial;
text-align: center;
background-color: #0000;
border-radius: 0;
grid-template-columns: 1fr;
padding: 0;
}
.block--cards--4-columns .paragraph--type--card__image {
aspect-ratio: initial;
}
.paragraph--type--sustainability {
background-color: var(--color-white);
border-radius: 1.6rem;
grid-template-rows: auto 1fr auto;
justify-items: start;
gap: 1.6rem;
padding: 2.4rem;
display: grid;
overflow: clip;
}
.paragraph--type--sustainability .field--name-field-body {
color: var(--color-neutral-300);
}
.paragraph--type--sustainability .field--name-field-body ul,.paragraph--type--sustainability .field--name-field-body ol {
margin-block-end: .8rem;
}
.paragraph--type--sustainability .field--name-field-body ul: last-child,.paragraph--type--sustainability .field--name-field-body ol: last-child {
margin-block-end: 0;
}
.paragraph--type--sustainability .field--name-field-body ul {
gap: .8rem;
display: grid;
}
.paragraph--type--sustainability .field--name-field-body ul li {
padding-left: 2.1rem;
position: relative;
}
.paragraph--type--sustainability .field--name-field-body ul li: before {
content: "";
background-color: var(--color-secondary-300);
width: .5rem;
height: .5rem;
display: block;
position: absolute;
top: 1rem;
left: 0;
}
.paragraph--type--sustainability .field--name-field-body ol {
gap: .8rem;
padding-left: 2.7rem;
list-style: auto;
display: grid;
}
.paragraph--type--sustainability .field--name-field-body ol li {
padding-left: 1.5rem;
}
.paragraph--type--sustainability .field--name-field-body ol li: before {
content: none;
}
.faq-section {
gap: var(--spacing,3.2rem) 0;
display: grid;
}
.faq-section .field--name-field-faq-items {
gap: .8rem 0;
display: grid;
}
.faq-section__link .button--link {
font-size: 1.4rem;
}
.facet-panel {
z-index: 500;
opacity: 0;
pointer-events: none;
flex-direction: column;
height: auto;
max-height: calc(100vh - 20rem);
padding: 0;
transition: opacity .6s,transform .6s cubic-bezier(.5,0,0,1);
display: flex;
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
transform: translateY(103%);
}
[class^=toolbar-] .facet-panel {
max-height: calc(100vh - 24rem);
}
.facet-panels-desktop .facet-panel {
width: 100vw;
max-width: 27rem;
height: auto;
position: absolute;
top: calc(100% - .4rem);
bottom: auto;
right: auto;
transform: translateY(0);
}
.facet-panels-desktop .facet-panel--story-type {
top: calc(100% + .4rem);
}
.facet-panel .default-select {
width: 100%;
}
.facet-panel.animated {
transition: opacity .6s,transform .6s cubic-bezier(.5,0,0,1);
}
.facet-panel.active {
opacity: 1;
pointer-events: initial;
transform: translateY(0);
}
.facet-panel: before {
content: " ";
z-index: 2;
opacity: 0;
pointer-events: none;
background: #ffffffbf;
width: 100%;
height: 100%;
transition: opacity .25s ease-out;
display: block;
position: absolute;
top: 0;
left: 0;
}
.ajaxified-facets-loading .facet-panel: before {
opacity: 1;
pointer-events: auto;
}
.ajaxified-facets-loading .facet-panel: after {
border: .3rem solid var(--color-neutral-200);
border-top-color: var(--color-accent-02);
content: " ";
z-index: 3;
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
margin-top: -.8rem;
margin-left: -.8rem;
animation: .8s linear infinite loader-spin;
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.facet-panels-desktop .facet-panel: before,.facet-panels-desktop .facet-panel: after {
display: none!important;
}
.facet-panel .tooltip-advanced {
margin-left: auto;
}
.facet-panel .tooltip-advanced.show-tooltip-advanced .tooltip-advanced__wrapper {
transform: translateY(0);
}
.facet-panel .tooltip-advanced__trigger {
justify-content: flex-end;
}
.facet-panel .tooltip-advanced__wrapper {
left: calc(100% + 2.4rem);
}
@media (max-width: 1023px) {
.facet-panel .tooltip-advanced__wrapper {
max-width: none;
padding: 1.6rem;
position: fixed;
top: 0;
left: 0;
transform: translateY(2rem);
}
.facet-panel .tooltip-advanced__close {
top: 2.2rem;
right: 2.2rem;
}
}
.animate-hide-floating-panels .facet-panel {
animation: .2s cubic-bezier(.25,.46,.45,.94) both hide-scale-bottom-right;
}
.animate-show-floating-panels .facet-panel {
animation: .2s cubic-bezier(.25,.46,.45,.94) both show-scale-bottom-right;
}
.facet-panel__header {
height: 5.8rem;
padding: 1.6rem 4.8rem 0 1.6rem;
position: relative;
}
.facet-panel__header h2.h3 {
--h3-font-size: 2.4rem;
--default-title-line-height: 125%;
}
@media (min-width: 1024px) {
.facet-panel__header {
pointer-events: none;
display: none;
}
}
.facet-panel__close {
background: 0 0;
justify-content: center;
align-items: center;
width: 3.2rem;
height: 3.2rem;
padding: 0;
font-size: 0;
line-height: 0;
display: flex;
position: absolute;
top: 1.5rem;
right: .8rem;
}
.facet-panel__close: before {
--trigger-icon-width: 1.4rem;
--trigger-icon-height: 1.4rem;
--trigger-icon-color: var(--color-neutral-500);
content: "";
width: var(--trigger-icon-width);
height: var(--trigger-icon-height);
background-color: var(--trigger-icon-color);
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e");
-webkit-mask-size: var(--trigger-icon-width) var(--trigger-icon-height);
mask-size: var(--trigger-icon-width) var(--trigger-icon-height);
flex-shrink: 0;
transition: background-color .25s ease-out;
display: block;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.facet-panel__close[data-facet-panel-hide] {
pointer-events: none;
display: none;
}
@media (min-width: 1024px) {
.facet-panel__close: not([data-facet-panel-hide]) {
pointer-events: none;
}
.facet-panel__close[data-facet-panel-hide] {
pointer-events: initial;
z-index: 1;
display: flex;
top: .2rem;
right: .1rem;
}
}
.facet-panel__content {
-webkit-overflow-scrolling: touch;
height: calc(100% - 5.8rem);
padding: 1.2rem 1.6rem 6.2rem;
overflow: hidden auto;
}
.facet-panel__content: has(select) {
height: min(100vh - 5rem,30rem);
max-height: none;
overflow: visible;
}
@media (min-width: 1024px) {
.facet-panel__content {
height: auto;
max-height: calc(50vh - 20rem);
padding-top: 1.6rem;
overflow: scroll;
}
.facet-panel__content: has(select) {
height: auto;
max-height: none;
overflow: visible;
}
.dealers-view-results__map .facet-panel__content {
max-height: none;
overflow: visible;
}
}
.facet-panel__actions {
background: var(--color-white);
z-index: 1;
height: 4.6rem;
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
font-size: var(--small-text-font-size);
flex-direction: row;
padding: 1.6rem;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 0 .1rem #1a202452,0 -.1rem 1rem #5b68711f;
}
.facet-panels-desktop .facet-panel__actions {
box-shadow: none;
border-bottom-left-radius: var(--panel-border-radius);
border-bottom-right-radius: var(--panel-border-radius);
}
.facet-panel__clear {
color: var(--color-neutral-300);
margin-right: .4rem;
}
.facet-panel__view-results {
margin-left: auto;
}
.facet-group-panels {
z-index: 1009;
pointer-events: none;
background: 0 0;
transition: background .25s ease-out;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.facet-panel-active .facet-group-panels {
pointer-events: initial;
background: #0006;
}
body.facet-panels-desktop .facet-group-panels {
background: 0 0;
position: absolute;
pointer-events: none!important;
}
body.facet-panels-desktop .facet-group-panels .facet-panel.active {
pointer-events: initial;
}
.facet-panel__show {
opacity: 0;
transform: scale(0);
}
.animate-hide-floating-panels .facet-panel__show {
animation: .1s cubic-bezier(.25,.46,.45,.94) both show-scale-bottom-right;
}
.animate-show-floating-panels .facet-panel__show {
animation: .1s cubic-bezier(.25,.46,.45,.94) both hide-scale-bottom-right;
}
body.facet-panel-active {
overflow: hidden;
}
@media (min-width: 1024px) {
body.facet-panel-active {
overflow: auto;
}
}
body.facet-panel-active.reynaers_portal.facet-panels-desktop {
overflow: auto;
}
@media (min-width: 1024px) {
.facet-panel--leads.active .facet-panel__header {
pointer-events: initial;
}
}
.facet-panel--leads .facet-panel__header {
height: auto;
}
@media (max-width: 1023px) {
.facet-panel--leads .facet-panel__header h2.h3,.facet-panel--leads .facet-panel__header .tooltip-advanced {
vertical-align: middle;
display: inline-block;
}
.facet-panel--leads .facet-panel__header .tooltip-advanced {
margin-left: .8rem;
}
.facet-panel--leads .facet-panel__header .tooltip-advanced__trigger {
justify-content: flex-start;
}
}
@media (min-width: 1024px) {
.facet-panel--leads .facet-panel__header {
flex-flow: row;
align-items: center;
height: auto;
padding-right: 1.6rem;
display: flex;
}
.facet-panel--leads .facet-panel__header h2.h3,.facet-panel--leads .facet-panel__header .tooltip-advanced {
display: block;
}
.facet-panel--leads .facet-panel__header h2.h3 {
--default-title-color: var(--color-grey-new);
--default-title-line-height: 150%;
--h3-font-size-mobile: 1.2rem;
--h3-font-size: 1.2rem;
--h3-font-family: var(--font-family-faktum);
--h3-letter-spacing: .05em;
text-transform: uppercase;
margin: 0;
font-weight: 500;
}
.facet-panel--leads .facet-panel__header .tooltip-advanced {
margin-left: auto;
}
.facet-panel--leads .facet-panel__header .facet-panel__close {
pointer-events: none;
display: none;
}
}
.facet-block {
border-top: .1rem solid var(--color-neutral-200-rgba-75);
margin-top: 1.2rem;
padding-top: 1.2rem;
}
.facet-block: first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.facet-card {
background-color: var(--color-lighter-blue);
border-radius: .5rem;
padding: 1.6rem 0 1.6rem 1.6rem;
display: block;
overflow: hidden;
}
.facet-card[disabled] {
display: none;
}
.facet-card~.facet-card {
margin-top: .8rem;
}
.facet-card h4 {
--h4-font-family: var(--font-family-faktum);
--h4-font-weight: var(--font-weight-medium);
--h4-font-size-mobile: var(--small-text-font-size);
--h4-font-size: var(--small-text-font-size);
--default-title-line-height: 150%;
}
.facet-card ul {
overflow: hidden;
}
.facet-card .form-item-checkbox label: before {
--checkbox-background-color: var(--color-white);
}
.facet-card .form-item-checkbox input[type=checkbox][disabled]~label {
--label-color: var(--color-grey-new);
}
.facet-card .form-item-checkbox input[type=checkbox][disabled]~label: before {
--checkbox-background-color: var(--color-white);
}
.facet-card .form-item-checkbox input[type=checkbox][disabled]~label span {
opacity: 1;
}
.facet-card .facet-item .facet-item--sub {
width: 100%;
padding-left: 2.8rem;
}
.facet-card .facet-item .accordion__trigger {
width: 1.2rem;
margin-left: auto;
}
a.facet-card,a.facet-card h4 {
color: inherit;
}
a.facet-card: hover {
color: var(--color-secondary-400);
}
.facets-widget h3 {
--default-title-color: var(--color-grey-new);
--default-title-line-height: 150%;
--h3-font-size-mobile: 1.2rem;
--h3-font-size: 1.2rem;
--h3-font-family: var(--font-family-faktum);
--h3-letter-spacing: .05em;
text-transform: uppercase;
margin: 0;
font-weight: 500;
}
.facets-widget-checkbox [data-dl-filter-group] {
gap: 1.2rem;
display: grid;
}
.facets-widget-checkbox ul {
padding-top: 1rem;
}
.facets-widget-checkbox .facet-item {
grid-template-columns: 1fr 3.2rem;
align-items: center;
display: grid;
position: relative;
}
.facets-widget-checkbox .facet-item: has(>.form-item-checkbox.visually-hidden) {
display: none;
}
.facets-widget-checkbox .facet-item .accordion__panel {
width: 100%;
}
.facets-widget-checkbox .facet-item[disabled] {
display: none;
}
.facets-widget-checkbox label: after {
content: "";
width: var(--checkbox-width);
height: var(--checkbox-height);
cursor: pointer;
z-index: 2;
opacity: 0;
background: url("data: image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%201.03274L5.03332%2011.7074L0%207.13162L1.08008%205.94353L4.87786%209.39606L12.7705%200L14%201.03274Z'%20fill='%23fff'/%3e%3c/svg%3e") 50%/60% no-repeat;
transition: opacity .3s;
position: absolute;
top: 0;
left: 0;
}
.facets-widget-checkbox input[type=checkbox][disabled],.facets-widget-checkbox input[type=checkbox][disabled]~label {
display: none;
}
.facets-widget-checkbox h6 {
text-transform: uppercase;
color: var(--color-grey-new);
font-weight: 500;
font-size: var(--smaller-text-font-size);
font-family: var(--font-family-faktum);
}
.facets-widget-checkbox h6: not(: first-child) {
border-top: .1rem solid var(--color-neutral-200-rgba-75);
margin: 1.6rem 0 .6rem;
padding-top: 1.6rem;
}
.facets-widget-links--filter-buttons .item-list__links {
flex-flow: wrap;
gap: .8rem;
display: flex;
}
.facets-widget-dropdown ul.item-list__dropdown {
display: none;
}: root {
--range-slider: var(--color-secondary-150);
--range-handle-inactive: var(--color-secondary-200);
--range-handle: var(--color-secondary-400);
--range-handle-focus: var(--color-secondary-200);
--range-range-inactive: var(--color-secondary-200);
--range-pip: var(--color-neutral-300);
--range-pip-active: var(--color-primary-500);
--range-pip-hover: var(--color-secondary-400);
}
.rangeSlider .pipVal {
font-size: 1rem;
}
.rangeSlider .rangeHandle {
cursor: pointer;
}
.facets-widget-single_value_toggle {
margin: 1.2rem 0 0;
}
@media (min-width: 1024px) {
.facets-widget-single_value_toggle {
margin: 0;
}
}
.facets-widget-single_value_toggle h3 {
display: none;
}
.facets-widget-single_value_toggle .disable-facet {
pointer-events: none;
}
.facets-widget-single_value_toggle .disable-facet a {
background: var(--color-neutral-100);
color: var(--color-neutral-200);
}
.facets-widget-single_value_toggle .item-list__single_value_toggle {
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-medium);
color: var(--color-neutral-300);
flex-flow: row;
align-items: center;
margin: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
@media (min-width: 1024px) {
.facets-widget-single_value_toggle .item-list__single_value_toggle {
padding-right: var(--container-padding-h);
}
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li {
flex: 100%;
position: relative;
overflow: hidden;
}
@media (min-width: 1024px) {
.facets-widget-single_value_toggle .item-list__single_value_toggle li {
flex: auto;
}
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li a {
--link-color: var(--color-neutral-300);
text-align: center;
border: .1rem solid var(--color-neutral-200);
min-width: 11rem;
padding: .9rem 1.8rem;
line-height: 150%;
display: block;
position: relative;
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li a .facet-item__status {
display: none;
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li: first-child a {
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li: last-child {
left: -.1rem;
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li: last-child: first-child {
left: 0;
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li: last-child a {
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li.is_active a {
--link-color: var(--color-neutral-500);
border-color: var(--color-secondary-200);
background-color: var(--color-lighter-blue);
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li: has(.is_active) a {
--link-color: var(--color-neutral-500);
border-color: var(--color-secondary-200);
background-color: var(--color-lighter-blue);
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li.is_active+li a {
border-left-color: #0000;
}
.facets-widget-single_value_toggle .item-list__single_value_toggle li: has(.is_active)+li a {
border-left-color: #0000;
}
.facets-horizontal__header {
grid-template-columns: 1fr 3.2rem;
align-items: center;
display: grid;
}
.facets-horizontal__facets {
flex-flow: wrap;
column-gap: 1.2rem;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.facets-horizontal__facets .facet-item {
grid-template-columns: 1fr;
}
.facets-horizontal__facets .form-item-checkbox label {
padding-left: 0;
}
.facets-horizontal__facets .form-item-checkbox label: before,.facets-horizontal__facets .form-item-checkbox label: after {
left: 50%;
transform: translate(-50%);
}
.facets-horizontal__facets .form-item-checkbox label: before {
position: relative;
}
.facets-horizontal__facets .form-item-checkbox label span {
margin-top: .4rem;
display: block;
}
.map {
width: 100%;
height: 71.2rem;
max-height: 80rem;
}
.map--dealers {
width: 100%;
height: auto;
min-height: 32rem;
max-height: none;
}
body.facet-panels-desktop .map--dealers {
min-height: 60rem;
}
.dealers-view-results__list-wrapper {
min-height: 32rem;
}
body.facet-panels-desktop .dealers-view-results__list-wrapper {
min-height: 60rem;
}
.media--download {
border: 1px solid var(--color-grey-new);
border-radius: .5rem;
align-items: center;
margin: .8rem 0;
padding: .9rem 1.6rem .9rem 2.5rem;
display: flex;
position: relative;
}
.media--download__media {
margin-right: 2.9rem;
display: flex;
}
.media--download__media: empty {
margin: 0;
}
.media--download img.icon-filetype,.media--download svg.icon-filetype {
width: auto;
height: 5.3rem;
}
.media--download__info {
flex: auto;
padding-right: .8rem;
position: relative;
}
.media--download__info span {
display: block;
}
.media--download__info span.product-group {
font-size: var(--small-text-font-size);
font-family: var(--font-family-faktum);
}
.media--download__info span.text {
font-size: var(--small-text-font-size);
}
.media--download__info .flag {
text-transform: uppercase;
font-family: var(--font-family-faktum);
font-size: var(--small-text-font-size);
color: var(--color-secondary-200);
line-height: 150%;
position: absolute;
top: 0;
right: 2rem;
}
.media--download__info h3 {
--default-title-color: var(--color-primary-400);
--h3-font-family: var(--font-family-faktum);
--h3-font-weight: var(--font-weight-medium);
--h3-font-size-mobile: 1.6rem;
--h3-font-size: 1.6rem;
margin: .2rem 0 0;
}
.media--download__download {
color: var(--color-neutral-300);
flex-direction: column;
flex: none;
align-items: flex-end;
padding: 1rem 0 .1rem;
font-size: 1.2rem;
display: flex;
}
.media--download__download .filename {
font-size: var(--smaller-text-font-size);
color: var(--color-neutral-300);
margin-top: .8rem;
line-height: 150%;
display: block;
}
.media--download__download a {
display: block;
}
.media--download__download a: before {
content: "";
z-index: 2;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.media--download: hover .icon-button-download {
border-color: var(--color-secondary-200);
background-color: var(--color-secondary-200);
}
.media--download: hover .icon-button-download svg path {
fill: var(--color-white);
}
.media--download--search {
margin: 0;
}
.downloads-header {
min-height: 3.2rem;
padding-left: var(--container-padding-h-mobile);
padding-right: var(--container-padding-h-mobile);
flex-flow: wrap;
align-items: center;
gap: .8rem 1.6rem;
margin-bottom: 1.2rem;
display: flex;
}
@media (min-width: 1024px) {
.downloads-header {
padding-left: var(--container-padding-h);
padding-right: var(--container-padding-h);
}
}
.downloads-header .button+.button {
margin: 0;
}
.downloads-header .button--clear {
display: none;
}
@media (min-width: 1024px) {
.downloads-header .button--clear {
display: inline-flex;
}
}
.downloads-header .button--filters {
white-space: nowrap;
display: inline-flex;
}
@media (min-width: 1024px) {
.downloads-header .button--filters {
display: none;
}
}
.downloads-header__right {
flex-direction: row;
align-items: center;
margin-left: auto;
display: flex;
}
.downloads-header__right .search-viewmode-link+.search-viewmode-link,.downloads-header__right .button+.search-viewmode-link {
margin-left: 1.6rem;
}
.downloads-header__right .search-overview__fulltext-search {
margin-left: 1rem;
}
.downloads-header__right .search-overview__fulltext-search: before {
content: none;
}
.downloads-header__left {
justify-content: space-between;
gap: .8rem 1.6rem;
width: 100%;
margin-bottom: 1.6rem;
display: flex;
}
@media (min-width: 1024px) {
.downloads-header__left {
width: auto;
margin-bottom: 0;
display: inline;
}
}
.downloads-teaser-overview {
margin-bottom: 6.4rem;
padding-top: 1.6rem;
}
@media (min-width: 1024px) {
.downloads-teaser-overview {
margin-bottom: 12.8rem;
}
}
.downloads-teaser-overview>h2 {
--h2-font-size-mobile: 2rem;
--h2-font-size: 2rem;
}
.downloads-teaser-overview .teaser-grid {
flex-flow: wrap;
margin-top: .8rem;
margin-left: -.8rem;
margin-right: -.8rem;
}
@media (min-width: 1024px) {
.downloads-teaser-overview .teaser-grid {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
}
.downloads-teaser-overview .teaser {
width: calc(50% - 1.6rem);
margin: .8rem;
padding: 0;
}
@media (min-width: 550px) {
.downloads-teaser-overview .teaser {
width: calc(33.3333% - 1.6rem);
}
}
@media (min-width: 768px) {
.downloads-teaser-overview .teaser {
width: calc(25% - 1.6rem);
}
}
@media (min-width: 1024px) {
.downloads-teaser-overview .teaser {
width: calc(20% - 3rem);
margin: 1.5rem;
}
}
@media (min-width: 1280px) {
.downloads-teaser-overview .teaser {
width: calc(16.6667% - 3rem);
}
}
.downloads-teaser-overview .teaser--mini .teaser__media,.downloads-teaser-overview .teaser--mini .teaser__no-media {
background: var(--media-background-color) url(/themes/custom/reynaers/dist/downloads-teaser-default-bg.jpg) no-repeat center center;
background-size: cover;
}
.downloads-teaser-overview .teaser__content {
min-height: 22.9rem;
}
.block-notifications-widget li.notification-items {
justify-content: space-between;
align-items: center;
gap: .8rem;
display: flex;
}
.block-notifications-widget li.notification-items .notification-remove {
cursor: pointer;
background: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.98202%205.61434L1.36781%200.000201225L0%201.36801L12.6322%2014L14%2012.6322L8.34984%206.98213L13.9642%201.36781L12.5963%200L6.98202%205.61434ZM5.54276%209.78928L1.36782%2013.9642L7.7184e-06%2012.5964L4.17495%208.42147L5.54276%209.78928Z'%20fill='%231A1B1D'/%3e%3c/svg%3e") 50%/.75rem .75rem no-repeat;
width: 1.6rem;
height: 1.6rem;
display: block;
}
.admin-tools {
background-color: var(--admin-tools-background-color);
color: var(--admin-tools-color);
font-family: var(--admin-tools-font-family);
font-weight: var(--admin-tools-font-weight,var(--font-weight-medium));
font-size: var(--admin-tools-font-size);
top: var(--gin-toolbar-y-offset);
z-index: 1001;
position: sticky;
}
.admin-tools>ul {
-ms-overflow-style: none;
scrollbar-width: none;
margin: 0;
padding: 0;
list-style: none;
display: flex;
overflow-x: scroll;
}
.admin-tools>ul: : -webkit-scrollbar {
display: none;
}
.admin-tools>ul li {
margin: 0;
padding: 0;
}
.admin-tools>ul a {
color: var(--admin-tools-color);
line-height: var(--admin-tools-height);
background-color: var(--admin-tools-background-color);
transition: var(--transition-default);
padding: 0 1.2rem;
text-decoration: none;
display: block;
}
.admin-tools>ul a: hover {
background-color: var(--admin-tools-hover-background-color);
}
#toolbar-bar li {
margin-top: 0;
}
#toolbar-bar a {
border: none;
}
.toolbar-oriented .toolbar-bar {
position: fixed;
}
.glb-toolbar--small {
border-top: 1px solid var(--color-neutral-200-rgba-75);
box-shadow: none;
bottom: 0;
top: auto!important;
}
.glb-toolbar--extended {
z-index: 1000;
}
.admin-inpage-toolbar {
border-top: .1rem solid var(--color-neutral-200-rgba-75);
border-bottom: .1rem solid var(--color-neutral-200-rgba-75);
margin-top: 2.4rem;
margin-bottom: 2.4rem;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.admin-inpage-toolbar form+form {
margin-top: 3.2rem;
}
.admin-inpage-toolbar--forms-on-row [class*=max-width-container] {
align-items: stretch;
display: flex;
}
.admin-inpage-toolbar--forms-on-row [class*=max-width-container] form+form {
margin: 0 0 0 3.2rem;
}
.grid-layout-switch-form {
align-items: flex-end;
display: flex;
}
.grid-layout-switch-form .form-item+.form-item,.grid-layout-switch-form .form-item+.button,.grid-layout-switch-form .button+.form-item,.grid-layout-switch-form .button+.button {
margin-left: .8rem;
}
.grid-layout-switch-form+.product-group-queue-operations-form {
align-self: flex-end;
}
.professional-switch-form .form-item+button {
margin-top: 1.6rem;
}
.product-group-queue-operations-form .form-item+.form-item,.product-group-queue-operations-form .form-item+.button,.product-group-queue-operations-form .button+.form-item,.product-group-queue-operations-form .button+.button {
margin-left: .8rem;
}
.glb-button.glb-button--primary {
font-family: var(--font-family-faktum)!important;
font-weight: var(--font-weight-semibold)!important;
filter: none!important;
}
.layout-builder__link--add: not(: focus): hover {
color: var(--color-white)!important;
}
.layout-container {
margin: 0;
}
.glb-toolbar {
background-color: var(--color-white);
}
.glb-toolbar--extended .form-actions {
display: block!important;
}
.glb-toolbar--extended .form-actions .form-submit,.glb-toolbar--extended .form-actions .form-type--checkbox {
width: calc(100% - 20px);
margin: 0 0 1rem!important;
}
.glb-toolbar--extended .form-actions .form-item--toggle-content-preview {
margin-top: 3rem!important;
}
.glb-toolbar--extended .glb-messages-list {
padding-left: 0;
}
.layout-builder-page {
font-family: var(--font-family-faktum);
font-weight: var(--font-weight-normal);
}
.layout-builder-page .block-page-title-block {
margin-bottom: 0;
}
@media (min-width: 1440px) {
.layout-builder-page .block-page-title-block {
margin-bottom: 5em;
}
}
.layout-builder-page .glb-button--primary {
box-shadow: none!important;
}
.layout-builder {
position: relative;
}
.layout-builder .ajax-progress-throbber {
z-index: 1009;
width: 100vw;
height: 100vh;
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.layout-builder .ajax-progress-throbber: before {
left: calc(50% - .5625em);
}
.layout-builder__link--add-template-to-library {
will-change: color;
border-radius: var(--layout-builder-plus-radius-small);
text-align: right;
background-color: #0000;
border: none;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
width: auto;
margin-left: auto;
margin-right: auto;
padding-left: 1.5em;
font-weight: 700;
transition: color .3s;
display: flex;
color: var(--color-gin-primary)!important;
}
@media (min-width: 1440px) {
.layout-builder__link--add-template-to-library {
flex-direction: row;
max-width: calc(100% - 3em);
padding-left: 0;
}
}
.layout-builder__link--add-template-to-library: after {
will-change: color,background-color;
transition: color .6s var(--cubic-default),background-color .6s var(--cubic-default);
content: "+";
border-radius: var(--layout-builder-plus-radius);
border: 2px solid var(--color-gin-primary);
width: 1em;
height: 1em;
color: var(--color-gin-primary);
box-sizing: border-box;
justify-content: center;
align-items: center;
margin-right: 2rem;
padding-bottom: .15em;
font-family: sans-serif;
font-size: 3.2rem;
font-weight: 300;
display: flex;
}
@media (min-width: 1440px) {
.layout-builder__link--add-template-to-library: after {
margin-left: .5em;
margin-right: 0;
font-size: 4.8rem;
}
}
.layout-builder__link--add-template-to-library: hover,.layout-builder__link--add-template-to-library: focus {
border: none;
color: var(--color-gin-primary-active)!important;
}
.layout-builder__link--add-template-to-library: hover: after,.layout-builder__link--add-template-to-library: focus: after {
background-color: var(--color-gin-primary-active);
border-color: var(--color-gin-primary-active);
color: var(--color-white);
}
.layout-builder__add-section {
z-index: 1;
width: var(--xxl);
border: none;
justify-content: center;
max-width: calc(100% - 3em);
margin: 0 auto;
padding: 1rem 0;
display: flex;
position: relative;
}
.layout-builder__add-section.active: after {
background-color: var(--color-gin-primary);
}
.layout-builder__add-section.active .toggle {
opacity: 0;
pointer-events: none;
}
.layout-builder__add-section.active .js-wrapper {
opacity: 1;
pointer-events: initial;
}
.layout-builder__add-section .toggle {
cursor: pointer;
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.layout-builder__add-section .toggle .tooltip {
top: 2rem;
}
.layout-builder__add-section .toggle: before {
will-change: opacity;
content: "";
z-index: -1;
opacity: 0;
background-color: var(--color-gin-primary-active);
height: 2px;
transition: opacity .6s;
position: absolute;
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.layout-builder__add-section .toggle: after {
will-change: background-color,opacity;
content: "+";
box-sizing: border-box;
border-radius: var(--layout-builder-plus-radius);
background-color: var(--color-neutral-300);
width: 3.2rem;
height: 3.2rem;
color: var(--color-white);
box-shadow: 0 0 0 .5em var(--color-white);
justify-content: center;
align-items: center;
padding-bottom: .5rem;
font-family: sans-serif;
font-size: 2em;
transition: background-color .6s,opacity .6s;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.layout-builder__add-section .toggle: hover: before,.layout-builder__add-section .toggle: focus: before {
opacity: 1;
}
.layout-builder__add-section .toggle: hover: after,.layout-builder__add-section .toggle: focus: after {
background-color: var(--color-gin-primary-active);
}
.layout-builder__add-section .js-wrapper {
background-color: var(--color-white);
opacity: 0;
pointer-events: none;
padding: 1rem;
}
.layout-builder__add-section a {
will-change: background-color;
border: none;
font-weight: 700;
transition: background-color .3s;
position: relative;
box-shadow: 0 1px 2px var(--color-gin-primary-light)!important;
background: var(--color-gin-primary)!important;
color: var(--color-white)!important;
border-radius: 6px!important;
margin: 0 1rem!important;
padding: calc(1em - 2px) calc(1.5em - 2px)!important;
}
.layout-builder__add-section a: hover,.layout-builder__add-section a: focus {
background: var(--color-gin-primary-active)!important;
}
.layout-builder__add-section: after {
content: "";
z-index: -1;
background-color: var(--color-neutral-300);
height: 2px;
position: absolute;
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.layout-builder__section {
width: var(--xxl);
flex-wrap: wrap;
justify-content: flex-end;
max-width: 100%;
margin-bottom: 2px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.layout-builder__section: hover>div: before {
opacity: 1;
}
.layout-builder__section: hover>a,.layout-builder__section: hover>div>a {
opacity: 1;
pointer-events: initial;
}
.layout-builder__section>div: first-of-type: not(.layout) {
margin-left: 1rem;
padding-left: .7rem;
display: flex;
position: relative;
}
.layout-builder__section>div: first-of-type: not(.layout): before {
will-change: opacity;
content: "";
opacity: 0;
background-color: var(--color-grey-new);
width: 1px;
transition: opacity .3s;
position: absolute;
top: .6rem;
bottom: .2rem;
left: 0;
}
.layout-builder__section>a,.layout-builder__section>div>a {
will-change: opacity;
opacity: 0;
pointer-events: none;
text-indent: -999em;
z-index: 2;
width: 2rem;
height: 2rem;
-webkit-mask-image: none;
mask-image: none;
-webkit-mask-repeat: initial;
mask-repeat: initial;
-webkit-mask-position: initial;
mask-position: initial;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border: none;
margin: 1rem 3px 3px;
padding: .5rem 1.5rem;
transition: opacity .3s;
display: block;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
color: var(--color-gin-primary)!important;
background-color: #0000!important;
}
.layout-builder__section>a.layout-builder__link--remove,.layout-builder__section>div>a.layout-builder__link--remove {
background-image: url("data: image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%200%2019%2020'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9973%203.30171H17.2454L17.2455%203.30165C17.708%203.30165%2018.0867%203.65901%2018.0867%204.12234C18.0867%204.58486%2017.708%204.96358%2017.2455%204.96358H16.6145V17.9602C16.6145%2019.0955%2015.6895%2020%2014.5747%2020H3.53339C2.39805%2020%201.49354%2019.075%201.49354%2017.9602V4.9842H0.841243C0.378727%204.9842%200%204.60547%200%204.14295C0%203.68044%200.378727%203.30171%200.841243%203.30171H5.08931L5.61509%201.53544C5.88866%200.630932%206.7299%200%207.6763%200H10.4103C11.3567%200%2012.198%200.630932%2012.4716%201.53544L12.9973%203.30171ZM7.67617%201.68246C7.46586%201.68246%207.29744%201.83035%207.23418%202.0193L6.83501%203.30171L11.2524%203.30253L10.8737%202.0193C10.8104%201.80898%2010.642%201.68246%2010.4317%201.68246H7.67617ZM14.5532%2018.297C14.7421%2018.297%2014.9105%2018.1286%2014.9105%2017.9396H14.9319V4.96365H3.17594V17.9396C3.17594%2018.1286%203.34435%2018.297%203.5333%2018.297H14.5532ZM12.3245%2016.9301C12.7871%2016.9301%2013.1658%2016.5513%2013.1658%2016.0888V7.25576C13.1658%206.79325%2012.7871%206.41452%2012.3245%206.41452C11.862%206.41452%2011.4833%206.79325%2011.4833%207.25576V16.0888C11.4833%2016.5727%2011.8612%2016.9301%2012.3245%2016.9301ZM6.60314%2016.0888C6.60314%2016.5513%206.22441%2016.9301%205.7619%2016.9301C5.29938%2016.9301%204.92065%2016.5727%204.92065%2016.0888V7.25576C4.92065%206.79325%205.29938%206.41452%205.7619%206.41452C6.22441%206.41452%206.60314%206.79325%206.60314%207.25576V16.0888ZM9.88463%2016.0888C9.88463%2016.5513%209.50591%2016.9301%209.04339%2016.9301C8.58088%2016.9301%208.20215%2016.5727%208.20215%2016.0888V7.25576C8.20215%206.79325%208.58088%206.41452%209.04339%206.41452C9.50591%206.41452%209.88463%206.79325%209.88463%207.25576V16.0888Z'%20fill='%232F0071'/%3e%3c/svg%3e");
}
.layout-builder__section>a.layout-builder__link--configure,.layout-builder__section>div>a.layout-builder__link--configure {
background: url(/themes/custom/reynaers/dist/settings.svg) 50% no-repeat!important;
}
.layout-builder__section>a.layout-builder__link--add-section-to-library,.layout-builder__section>div>a.layout-builder__link--add-section-to-library {
background-image: url(/themes/custom/reynaers/dist/add.svg);
}
.layout-builder__section>a.layout-builder__link--rearrange: first-of-type,.layout-builder__section>div>a.layout-builder__link--rearrange: first-of-type {
background-image: url("data: image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.3%2010C18.3%2014.584%2014.584%2018.3%2010%2018.3C5.41604%2018.3%201.7%2014.584%201.7%2010C1.7%205.41604%205.41604%201.7%2010%201.7C14.584%201.7%2018.3%205.41604%2018.3%2010ZM20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010ZM14.34%209.94922C14.5655%209.94922%2014.7823%209.85995%2014.9408%209.69977C15.101%209.54119%2015.1902%209.32443%2015.1902%209.0989C15.1902%208.87418%2015.1009%208.65741%2014.9415%208.49802L10.6915%204.24804C10.3584%203.91732%209.8213%203.91732%209.48899%204.24804L5.23901%208.49802C4.91626%208.83193%204.92103%209.36187%205.24937%209.68941C5.57689%2010.0177%206.10685%2010.0225%206.44076%209.69977L9.2396%206.90093V16.1497C9.2396%2016.6191%209.62053%2017%2010.0899%2017C10.5593%2017%2010.9402%2016.6191%2010.9402%2016.1497V6.90093L13.7391%209.69977C13.8985%209.85996%2014.1144%209.94922%2014.34%209.94922Z'%20fill='%232F0071'/%3e%3c/svg%3e");
}
.layout-builder__section>a.layout-builder__link--rearrange: last-of-type,.layout-builder__section>div>a.layout-builder__link--rearrange: last-of-type {
background-image: url("data: image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.7%2010C1.7%205.41604%205.41604%201.7%2010%201.7C14.584%201.7%2018.3%205.41604%2018.3%2010C18.3%2014.584%2014.584%2018.3%2010%2018.3C5.41604%2018.3%201.7%2014.584%201.7%2010ZM8.74228e-07%2010C1.35705e-06%204.47715%204.47715%20-1.35705e-06%2010%20-8.74228e-07C15.5228%20-3.91405e-07%2020%204.47715%2020%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%203.91405e-07%2015.5228%208.74228e-07%2010ZM5.66004%2010.0508C5.4345%2010.0508%205.21775%2010.14%205.05916%2010.3002C4.89897%2010.4588%204.80984%2010.6756%204.80984%2010.9011C4.80984%2011.1258%204.8991%2011.3426%205.05848%2011.502L9.30846%2015.752C9.64157%2016.0827%2010.1787%2016.0827%2010.511%2015.752L14.761%2011.502C15.0837%2011.1681%2015.079%2010.6381%2014.7506%2010.3106C14.4231%209.98225%2013.8931%209.97748%2013.5592%2010.3002L10.7604%2013.0991L10.7604%203.85032C10.7604%203.38093%2010.3795%203%209.91008%203C9.44069%203%209.05976%203.38093%209.05976%203.85032L9.05976%2013.0991L6.26091%2010.3002C6.10154%2010.14%205.88557%2010.0508%205.66004%2010.0508Z'%20fill='%232F0071'/%3e%3c/svg%3e");
}
.layout-builder__section>a: after,.layout-builder__section>div>a: after {
content: none!important;
}
.layout-builder__section>a: hover,.layout-builder__section>a: focus,.layout-builder__section>div>a: hover,.layout-builder__section>div>a: focus {
background-color: #0000!important;
}
.layout-builder__section: not(.gin-lb--disable-section-focus): after {
will-change: border;
border: 1px solid var(--colorGinBorder);
content: "";
pointer-events: none;
border-radius: var(--layout-builder-plus-radius-small);
width: 100%;
height: 100%;
transition: border .3s;
position: absolute;
top: 0;
left: 0;
}
.layout-builder__section .container {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.layout-builder__region {
will-change: border-color;
border: 1px dashed var(--color-white);
transition: border-color .3s;
}
.layout-builder__region: hover {
border-color: var(--color-neutral-300);
}
.layout-builder__region: hover .layout-builder__add-block {
opacity: 1;
pointer-events: initial;
}
.layout-builder__add-block {
will-change: opacity;
opacity: 0;
pointer-events: none;
transition: opacity .3s;
}
.layout-builder__add-block>a,.layout-builder__add-block>a: not(: focus) {
text-indent: -999em;
width: 3.2rem;
height: 3.2rem;
display: block;
position: relative;
border-radius: var(--layout-builder-plus-radius)!important;
background-color: var(--color-gin-primary)!important;
color: var(--color-white)!important;
padding: 0!important;
}
.layout-builder__add-block>a: before,.layout-builder__add-block>a: not(: focus): before {
content: "";
background-color: var(--color-white);
width: .2rem;
height: 50%;
display: block;
position: absolute;
top: 25%;
left: calc(50% - .1rem);
}
.layout-builder__add-block>a: after,.layout-builder__add-block>a: not(: focus): after {
content: "";
background-color: var(--color-white);
width: 50%;
height: .2rem;
display: block;
position: absolute;
top: calc(50% - .1rem);
left: 25%;
}
.layout-builder-browser-block-item {
will-change: border,background-color;
border: 1px solid var(--color-white);
border-radius: 0;
transition: border .3s,background-color .3s;
}
.layout-builder-browser-block-item: hover,.layout-builder-browser-block-item: focus {
border: 1px solid var(--color-gin-primary);
}
.section-library-links {
gap: 1em;
display: grid;
}
@media (min-width: 996px) {
.section-library-links {
grid-template-columns: repeat(2,1fr);
}
}
@media (min-width: 1440px) {
.section-library-links {
grid-template-columns: repeat(3,1fr);
}
}
.section-library-links li {
width: 100%!important;
}
.section-library-links li a {
will-change: border,background-color,color;
width: 100%;
color: var(--color-gin-primary);
border: 1px solid var(--color-gin-primary);
border-radius: var(--layout-builder-plus-radius-small);
background-color: #0000;
transition: border .3s,background-color .3s,color .3s;
}
.section-library-links li a: hover,.section-library-links li a: focus {
background-color: var(--color-gin-primary);
color: var(--color-white);
}
.glb-layout-builder-browser .glb-claro-details__wrapper {
gap: 1em;
display: grid;
}
@media (min-width: 996px) {
.glb-layout-builder-browser .glb-claro-details__wrapper {
grid-template-columns: repeat(2,1fr);
}
}
@media (min-width: 1440px) {
.glb-layout-builder-browser .glb-claro-details__wrapper {
grid-template-columns: repeat(3,1fr);
}
}
.glb-layout-builder-browser .layout-builder-browser-block-item {
will-change: border,background-color,color;
width: 100%;
color: var(--color-gin-primary);
border: 1px solid var(--color-gin-primary);
border-radius: var(--layout-builder-plus-radius-small);
background-color: #0000;
padding: 1.5rem;
transition: border .3s,background-color .3s,color .3s;
}
.glb-layout-builder-browser .layout-builder-browser-block-item: hover,.glb-layout-builder-browser .layout-builder-browser-block-item: focus {
color: var(--color-white);
background-color: var(--color-gin-primary)!important;
}
.glb-layout-builder-browser .layout-builder-browser-block-item img {
object-fit: contain;
background: var(--color-gray-light);
width: 100%;
height: 30rem;
margin-bottom: 1.5rem;
display: block;
}
.glb-claro-details__wrapper {
padding-top: 1rem;
padding-bottom: 1rem;
}
.glb-form-wrapper .form-item {
margin-block-start: 0;
margin-block-end: 0;
margin-right: 1.6rem;
}
[data-drupal-selector=edit-layout-builder-style] {
padding-left: 2rem!important;
}
[data-drupal-selector=edit-layout-builder-style] legend {
margin-bottom: 2rem;
font-size: 1.6rem!important;
}
[data-drupal-selector=edit-layout-builder-style] .form-type--checkbox {
margin-bottom: 1rem;
}
[data-drupal-selector=edit-layout-builder-style] .form-type--checkbox label {
min-height: 2.2rem;
padding-left: 3.2rem!important;
}
.ui-autocomplete {
background-color: var(--gin-bg-layer2)!important;
}
.ui-autocomplete a {
color: var(--gin-color-text)!important;
}
.ui-autocomplete a: hover {
color: var(--label-color)!important;
}
.draggable-table h4 {
color: var(--gin-color-text)!important;
}
.draggable-table a.tabledrag-handle .handle {
display: none;
}
#drupal-modal form>.form-actions {
display: block;
}
.glb-form fieldset: not(.fieldgroup) {
padding: .8rem;
}
.glb-layout-builder-browser .glb-claro-details__wrapper {
margin-inline-start: 0;
margin-inline-end: 0;
}
.glb-form .glb-claro-details {
margin-left: -.8rem!important;
margin-right: -.8rem!important;
}
.glb-form-composite {
padding-inline-start: 2rem;
padding-inline-end: 2rem;
}
.glb-form-composite legend {
font-size: 1em!important;
}
.glb-form-checkboxes {
gap: .8rem;
padding-block-start: 1.6rem;
padding-block-end: 1.6rem;
display: grid;
}
.glb-layout-builder-browser .ajax-progress {
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.glb-layout-builder-browser .ajax-progress: before {
transform: translate(-50%,-50%);
top: 50%!important;
left: 50%!important;
}
.ui-dialog .ui-dialog-buttonset {
align-items: center;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger {
background-color: var(--gin-color-danger)!important;
border-color: var(--gin-color-danger)!important;
border-radius: 6px!important;
margin: 1em .75em 1em 0!important;
padding: calc(1em - 2px) calc(1.5em - 2px)!important;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger: hover {
background-color: var(--gin-color-danger-lightest)!important;
border-color: var(--gin-color-danger-lightest)!important;
}
.glb-form-wrapper .form-item--settings-block-form-status-value {
margin-block-start: 4rem;
margin-block-end: 4rem;
font-size: 1.2em;
}
.glb-form-wrapper .form-item--settings-block-form-status-value .glb-option {
font-weight: 600!important;
}
.glb-media-library-item .glb-media-library-item__remove,.glb-media-library-item .glb-media-library-item__remove: not(: -webkit-any(: hover,: checked)),.glb-media-library-item .glb-media-library-item__remove.glb-button: not(: -webkit-any(: hover,: checked)) {
right: 4rem;
}
.glb-media-library-item .glb-media-library-item__remove,.glb-media-library-item .glb-media-library-item__remove: not(: -moz-any(: hover,: checked)),.glb-media-library-item .glb-media-library-item__remove.glb-button: not(: -moz-any(: hover,: checked)) {
right: 4rem;
}
.glb-media-library-item .glb-media-library-item__remove,.glb-media-library-item .glb-media-library-item__remove: not(: is(: hover,: checked)),.glb-media-library-item .glb-media-library-item__remove.glb-button: not(: is(: hover,: checked)) {
right: 4rem;
}
.glb-media-library-item: has(.notification) {
position: relative;
}
.glb-media-library-item .notification {
width: 32px;
height: 32px;
margin: var(--gin-spacing-s);
box-sizing: border-box;
position: absolute;
top: 12px;
right: 52px;
}
.glb-media-library-item .notification .form-item {
margin: 0;
position: relative;
width: 32px!important;
height: 32px!important;
}
.glb-media-library-item .notification input[type=checkbox] {
z-index: 1;
pointer-events: auto;
cursor: pointer;
position: absolute;
opacity: 0!important;
width: 32px!important;
height: 32px!important;
top: 0!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
transform: translateY(0)!important;
}
.glb-media-library-item .notification input[type=checkbox]: hover+.glb-checkbox-toggle,.glb-media-library-item .notification input[type=checkbox]: focus+.glb-checkbox-toggle,.glb-media-library-item .notification input[type=checkbox]: focus-within+.glb-checkbox-toggle {
outline: .2rem solid var(--gin-color-primary)!important;
}
.glb-media-library-item .notification input[type=checkbox]: checked+.glb-checkbox-toggle {
background-color: var(--gin-color-info-light,#589ac5)!important;
}
.glb-media-library-item .notification input[type=checkbox]: checked~svg {
display: none;
}
.glb-media-library-item .notification input[type=checkbox]: checked+.glb-checkbox-toggle .glb-checkbox-toggle__inner {
background-color: #fff!important;
}
.glb-media-library-item .notification .glb-checkbox-toggle {
background-color: #fff;
display: block;
border-radius: 50%!important;
width: 32px!important;
height: 32px!important;
box-shadow: 0 2px 4px #00000026!important;
}
.glb-media-library-item .notification .glb-checkbox-toggle .glb-checkbox-toggle__inner {
opacity: 1;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3c!--%20Generated%20by%20IcoMoon.io%20--%3e%3csvg%20version='1.1'%20xmlns='http: //www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%3e%3cpath%20d='M6%208v7h8v-7c0-2.209-1.791-4-4-4s-4%201.791-4%204v0zM8.030%202.33c-0.016-0.095-0.025-0.204-0.025-0.315%200-1.105%200.895-2%202-2s2%200.895%202%202c0%200.111-0.009%200.22-0.027%200.327l0.002-0.012c2.361%200.843%204.020%203.060%204.020%205.664%200%200.002%200%200.004%200%200.006v-0%206l3%202v1h-18v-1l3-2v-6c0-0.001%200-0.002%200-0.003%200-2.608%201.664-4.827%203.988-5.654l0.042-0.013zM12%2018c0%201.105-0.895%202-2%202s-2-0.895-2-2v0h4z'%3e%3c/path%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3c!--%20Generated%20by%20IcoMoon.io%20--%3e%3csvg%20version='1.1'%20xmlns='http: //www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%3e%3cpath%20d='M6%208v7h8v-7c0-2.209-1.791-4-4-4s-4%201.791-4%204v0zM8.030%202.33c-0.016-0.095-0.025-0.204-0.025-0.315%200-1.105%200.895-2%202-2s2%200.895%202%202c0%200.111-0.009%200.22-0.027%200.327l0.002-0.012c2.361%200.843%204.020%203.060%204.020%205.664%200%200.002%200%200.004%200%200.006v-0%206l3%202v1h-18v-1l3-2v-6c0-0.001%200-0.002%200-0.003%200-2.608%201.664-4.827%203.988-5.654l0.042-0.013zM12%2018c0%201.105-0.895%202-2%202s-2-0.895-2-2v0h4z'%3e%3c/path%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 12px 12px;
mask-size: 12px 12px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #000!important;
width: 32px!important;
height: 32px!important;
}
.glb-media-library-item .notification .glb-checkbox-toggle .glb-checkbox-toggle__inner: before {
display: none!important;
}
.glb-media-library-item .notification label {
font-size: 0!important;
display: none!important;
}
.glb-media-library-item .notification {
border-radius: 2rem;
width: 29px;
height: 29px;
top: 15px;
right: 82px;
}
.glb-media-library-item .notification .form-item,.glb-media-library-item .notification .form-item input,.glb-media-library-item .notification .form-item .glb-checkbox-toggle,.glb-media-library-item .notification .form-item .glb-checkbox-toggle .glb-checkbox-toggle__inner {
width: 29px!important;
height: 29px!important;
}
.glb-media-library-item: not(: has(.glb-checkbox-toggle)) .notification {
background-color: var(--color-white);
background-image: url("data: image/svg+xml,%3c!--%20Generated%20by%20IcoMoon.io%20--%3e%3csvg%20version='1.1'%20xmlns='http: //www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%3e%3cpath%20d='M6%208v7h8v-7c0-2.209-1.791-4-4-4s-4%201.791-4%204v0zM8.030%202.33c-0.016-0.095-0.025-0.204-0.025-0.315%200-1.105%200.895-2%202-2s2%200.895%202%202c0%200.111-0.009%200.22-0.027%200.327l0.002-0.012c2.361%200.843%204.020%203.060%204.020%205.664%200%200.002%200%200.004%200%200.006v-0%206l3%202v1h-18v-1l3-2v-6c0-0.001%200-0.002%200-0.003%200-2.608%201.664-4.827%203.988-5.654l0.042-0.013zM12%2018c0%201.105-0.895%202-2%202s-2-0.895-2-2v0h4z'%3e%3c/path%3e%3c/svg%3e");
background-position: 50%;
background-repeat: no-repeat;
background-size: 16px;
border-radius: 2rem;
width: 29px;
height: 29px;
top: 2px;
right: 48px;
}
.glb-media-library-item: not(: has(.glb-checkbox-toggle)) .notification: has(input[type=checkbox]: checked) {
background-color: var(--color-secondary-200);
}
.glb-media-library-item: not(: has(.glb-checkbox-toggle)) .media-library-item__remove {
width: 29px!important;
height: 29px!important;
}
.glb-media-library-item: not(: has(.glb-checkbox-toggle)) .media-library-item__remove svg {
display: none;
}
.layout {
gap: 0;
width: 100%;
margin: 0 auto;
display: grid;
}
.layout--onecol {
display: block;
}
.layout--twocol-section {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1024px) {
.layout--twocol-section {
grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.layout--twocol-section--40-60 {
grid-template-columns: 2fr 3fr;
}
.layout--twocol-section--60-40 {
grid-template-columns: 3fr 2fr;
}
.layout--twocol-section .layout__region {
width: 100%;
display: grid;
}
.layout--twocol-section .layout__region: has(.block--type--linked-pages .splide) {
display: block;
}
}
.node__content>.background,.layout-builder__section>.background {
padding-top: var(--container-layout-builder-block-v-mobile);
overflow: auto;
}
@media (min-width: 768px) {
.node__content>.background,.layout-builder__section>.background {
padding-top: var(--container-layout-builder-block-v);
}
}
.layout-builder__section>.background {
flex: 0 0 100%;
}
.block-video-form .js-media-library-edit-field-video-wrapper .fieldset__wrapper {
flex-wrap: wrap;
gap: .8rem;
display: flex;
}
.block-video-form .js-media-library-edit-field-video-wrapper .glb-fieldset__description {
width: 100%;
}
.block-video-form .js-media-library-edit-field-video-wrapper .glb-media-library-selection .glb-media-library-item--grid {
width: 100%!important;
}
.block-video-form .js-media-library-edit-field-video-wrapper .video-translate-messages {
align-content: start;
gap: .8rem;
padding-block-start: 2.4rem;
padding-block-end: 2.4rem;
display: grid;
}
.block-video-form .js-media-library-edit-field-video-wrapper div.change-video-everywhere,.block-video-form .js-media-library-edit-field-video-wrapper div.change-video-here {
color: var(--gin-color-text);
align-items: center;
gap: .4rem;
font-size: 1.2rem;
display: flex;
}
.block-video-form .js-media-library-edit-field-video-wrapper div.change-video-everywhere: before,.block-video-form .js-media-library-edit-field-video-wrapper div.change-video-here: before {
content: "";
aspect-ratio: 3/5;
background-color: var(--color-primary-400);
height: 2rem;
display: block;
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M9.1875%205.87891V4.15625H0.65625C0.273438%204.15625%200%203.88281%200%203.5C0%203.14453%200.273438%202.84375%200.65625%202.84375H9.1875V1.12109C9.1875%200.519531%209.67969%200%2010.3086%200C10.582%200%2010.8828%200.136719%2011.1016%200.328125L13.8086%203.03516C13.918%203.17188%2014%203.33594%2014%203.5C14%203.69141%2013.918%203.85547%2013.8086%203.96484L11.1016%206.67188C10.8828%206.89062%2010.582%207%2010.3086%207C9.67969%207%209.1875%206.50781%209.1875%205.87891ZM12.4141%203.5L10.5%201.58594V5.44141L12.4141%203.5ZM3.69141%207C4.29297%207%204.8125%207.51953%204.8125%208.12109V9.84375H13.3438C13.6992%209.84375%2014%2010.1445%2014%2010.5C14%2010.8828%2013.6992%2011.1562%2013.3438%2011.1562H4.8125V12.8789C4.8125%2013.5078%204.29297%2014%203.69141%2014C3.39062%2014%203.08984%2013.8906%202.89844%2013.6719L0.191406%2010.9648C0.0546875%2010.8555%200%2010.6914%200%2010.5C0%2010.3359%200.0546875%2010.1719%200.191406%2010.0352L2.89844%207.32812C3.08984%207.13672%203.39062%207%203.69141%207ZM3.5%2012.4414V12.4141V8.58594L1.55859%2010.5L3.5%2012.4414Z'%20fill='%23003C75'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M9.1875%205.87891V4.15625H0.65625C0.273438%204.15625%200%203.88281%200%203.5C0%203.14453%200.273438%202.84375%200.65625%202.84375H9.1875V1.12109C9.1875%200.519531%209.67969%200%2010.3086%200C10.582%200%2010.8828%200.136719%2011.1016%200.328125L13.8086%203.03516C13.918%203.17188%2014%203.33594%2014%203.5C14%203.69141%2013.918%203.85547%2013.8086%203.96484L11.1016%206.67188C10.8828%206.89062%2010.582%207%2010.3086%207C9.67969%207%209.1875%206.50781%209.1875%205.87891ZM12.4141%203.5L10.5%201.58594V5.44141L12.4141%203.5ZM3.69141%207C4.29297%207%204.8125%207.51953%204.8125%208.12109V9.84375H13.3438C13.6992%209.84375%2014%2010.1445%2014%2010.5C14%2010.8828%2013.6992%2011.1562%2013.3438%2011.1562H4.8125V12.8789C4.8125%2013.5078%204.29297%2014%203.69141%2014C3.39062%2014%203.08984%2013.8906%202.89844%2013.6719L0.191406%2010.9648C0.0546875%2010.8555%200%2010.6914%200%2010.5C0%2010.3359%200.0546875%2010.1719%200.191406%2010.0352L2.89844%207.32812C3.08984%207.13672%203.39062%207%203.69141%207ZM3.5%2012.4414V12.4141V8.58594L1.55859%2010.5L3.5%2012.4414Z'%20fill='%23003C75'/%3e%3c/svg%3e");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.gin--dark-mode .block-video-form .js-media-library-edit-field-video-wrapper div.change-video-everywhere: before,.gin--dark-mode .block-video-form .js-media-library-edit-field-video-wrapper div.change-video-here: before {
background-color: var(--color-secondary-200);
}
.block-video-form .js-media-library-edit-field-video-wrapper div.change-video-everywhere: before {
-webkit-mask-image: url("data: image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M1.03906%2010.0078C1.14844%209.625%201.36719%209.26953%201.64062%208.99609L9.95312%200.683594C10.6367%200%2011.7578%200%2012.4414%200.683594L13.5078%201.75C13.5898%201.83203%2013.6719%201.94141%2013.7266%202.02344C14.1914%202.70703%2014.1094%203.63672%2013.5078%204.23828L5.19531%2012.5508C5.16797%2012.5781%205.11328%2012.6055%205.08594%2012.6602C4.8125%2012.8789%204.51172%2013.043%204.18359%2013.1523L2.05078%2013.7812L0.875%2014.1367C0.65625%2014.1914%200.410156%2014.1367%200.246094%2013.9453C0.0546875%2013.7812%200%2013.5352%200.0820312%2013.3164L0.410156%2012.1406L1.03906%2010.0078ZM2.29688%2010.3906L2.10547%2011.0195L1.66797%2012.5234L3.17188%2012.0859L3.80078%2011.8945C3.99219%2011.8398%204.12891%2011.7578%204.26562%2011.6211L10.5273%205.35938L8.83203%203.66406L2.57031%209.92578C2.54297%209.92578%202.54297%209.95312%202.51562%209.98047C2.40625%2010.0898%202.35156%2010.2266%202.29688%2010.3906Z'%20fill='%23003C75'/%3e%3c/svg%3e");
mask-image: url("data: image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M1.03906%2010.0078C1.14844%209.625%201.36719%209.26953%201.64062%208.99609L9.95312%200.683594C10.6367%200%2011.7578%200%2012.4414%200.683594L13.5078%201.75C13.5898%201.83203%2013.6719%201.94141%2013.7266%202.02344C14.1914%202.70703%2014.1094%203.63672%2013.5078%204.23828L5.19531%2012.5508C5.16797%2012.5781%205.11328%2012.6055%205.08594%2012.6602C4.8125%2012.8789%204.51172%2013.043%204.18359%2013.1523L2.05078%2013.7812L0.875%2014.1367C0.65625%2014.1914%200.410156%2014.1367%200.246094%2013.9453C0.0546875%2013.7812%200%2013.5352%200.0820312%2013.3164L0.410156%2012.1406L1.03906%2010.0078ZM2.29688%2010.3906L2.10547%2011.0195L1.66797%2012.5234L3.17188%2012.0859L3.80078%2011.8945C3.99219%2011.8398%204.12891%2011.7578%204.26562%2011.6211L10.5273%205.35938L8.83203%203.66406L2.57031%209.92578C2.54297%209.92578%202.54297%209.95312%202.51562%209.98047C2.40625%2010.0898%202.35156%2010.2266%202.29688%2010.3906Z'%20fill='%23003C75'/%3e%3c/svg%3e");
}
.block-video-form .js-media-library-edit-field-video-wrapper input.change-video-here {
background-image: url("data: image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M9.1875%205.87891V4.15625H0.65625C0.273438%204.15625%200%203.88281%200%203.5C0%203.14453%200.273438%202.84375%200.65625%202.84375H9.1875V1.12109C9.1875%200.519531%209.67969%200%2010.3086%200C10.582%200%2010.8828%200.136719%2011.1016%200.328125L13.8086%203.03516C13.918%203.17188%2014%203.33594%2014%203.5C14%203.69141%2013.918%203.85547%2013.8086%203.96484L11.1016%206.67188C10.8828%206.89062%2010.582%207%2010.3086%207C9.67969%207%209.1875%206.50781%209.1875%205.87891ZM12.4141%203.5L10.5%201.58594V5.44141L12.4141%203.5ZM3.69141%207C4.29297%207%204.8125%207.51953%204.8125%208.12109V9.84375H13.3438C13.6992%209.84375%2014%2010.1445%2014%2010.5C14%2010.8828%2013.6992%2011.1562%2013.3438%2011.1562H4.8125V12.8789C4.8125%2013.5078%204.29297%2014%203.69141%2014C3.39062%2014%203.08984%2013.8906%202.89844%2013.6719L0.191406%2010.9648C0.0546875%2010.8555%200%2010.6914%200%2010.5C0%2010.3359%200.0546875%2010.1719%200.191406%2010.0352L2.89844%207.32812C3.08984%207.13672%203.39062%207%203.69141%207ZM3.5%2012.4414V12.4141V8.58594L1.55859%2010.5L3.5%2012.4414Z'%20fill='%23003C75'/%3e%3c/svg%3e")!important;
background-size: 1.4rem 2rem!important;
}
.block-video-form .js-media-library-edit-field-video-wrapper a.change-video-everywhere {
background-image: url("data: image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http: //www.w3.org/2000/svg'%3e%3cpath%20d='M1.03906%2010.0078C1.14844%209.625%201.36719%209.26953%201.64062%208.99609L9.95312%200.683594C10.6367%200%2011.7578%200%2012.4414%200.683594L13.5078%201.75C13.5898%201.83203%2013.6719%201.94141%2013.7266%202.02344C14.1914%202.70703%2014.1094%203.63672%2013.5078%204.23828L5.19531%2012.5508C5.16797%2012.5781%205.11328%2012.6055%205.08594%2012.6602C4.8125%2012.8789%204.51172%2013.043%204.18359%2013.1523L2.05078%2013.7812L0.875%2014.1367C0.65625%2014.1914%200.410156%2014.1367%200.246094%2013.9453C0.0546875%2013.7812%200%2013.5352%200.0820312%2013.3164L0.410156%2012.1406L1.03906%2010.0078ZM2.29688%2010.3906L2.10547%2011.0195L1.66797%2012.5234L3.17188%2012.0859L3.80078%2011.8945C3.99219%2011.8398%204.12891%2011.7578%204.26562%2011.6211L10.5273%205.35938L8.83203%203.66406L2.57031%209.92578C2.54297%209.92578%202.54297%209.95312%202.51562%209.98047C2.40625%2010.0898%202.35156%2010.2266%202.29688%2010.3906Z'%20fill='%23003C75'/%3e%3c/svg%3e")!important;
background-size: 1.4rem 2rem!important;
}
.glb-sidebar {
z-index: 1009;
width: 100%;
height: auto;
bottom: 0;
right: 0;
transform: none;
top: auto!important;
}
.glb-sidebar__titlebar,.glb-sidebar [data-drupal-selector=edit-advanced] {
display: none!important;
}
.glb-sidebar .layout-builder__message {
display: none;
}
.glb-sidebar .form-actions {
flex-direction: row-reverse;
padding-right: .5em;
}
.glb-sidebar .form-actions .glb-button {
margin: 0!important;
}
.toastify.notification {
position: fixed;
z-index: 2147483647;
width: calc(100% - 30px);
max-width: 350px;
padding: 10px 16px;
border-radius: 2px;
user-select: none;
font-family: Faktum,sans-serif;
text-decoration: none;
color: var(--gin-color-text,#000000);
background: var(--gin-bg-layer,#FFFFFF);
filter: drop-shadow(0px 4px 8px #5B68711A) drop-shadow(0px 0px 1px #1A202440);
opacity: 0;
transform: translateX(calc(100% + 15px));
transition: all.5s cubic-bezier(.5,0,0,1);
display: grid;
grid-template-columns: 24px 1fr;
grid-template-areas: "icon title ";
". message ";
gap: 0 8px;
}
.toastify h3 {
color: var(--gin-color-text,#000000);
}
.toastify: has(.toast-close) {
grid-template-columns: 24px 1fr 18px;
grid-template-areas: "icon title close";
". message . ";
}
.notification__icon {
grid-area: icon;
margin: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(/themes/custom/reynaers/images/toast/info.svg);
}
.notification--success .notification__icon {
background-image: url(/themes/custom/reynaers/images/toast/success.svg);
}
.notification--warning .notification__icon {
background-image: url(/themes/custom/reynaers/images/toast/warning.svg);
}
.notification--error .notification__icon {
background-image: url(/themes/custom/reynaers/images/toast/error.svg);
}
.notification--loading .notification__icon {
background-image: url(/themes/custom/reynaers/images/toast/loading.svg);
background-size: 16px;
animation: toastify-loading 1s linear infinite;
}
.notification__title {
grid-area: title;
align-self: baseline;
margin: 0;
font-size: 16px;
padding-block-start: 2px;
}
.notification__message {
grid-area: message;
margin: 8px 0 0;
font-size: 16px;
}
.toast-close {
grid-area: close;
color: transparent;
background: var(--gin-color-title,#000000);
mask: url(/themes/custom/reynaers/images/toast/close.svg) center no-repeat;
border: none;
border-radius: 0;
aspect-ratio: 1 / 1;
cursor: pointer;
}
.toastify: has(.notification__message) .notification__title {
font-size: 18px;
font-weight: 500;
}
.toastify-right {
right: 15px;
}
.toastify-left {
left: 15px;
}
.toastify-top {
top: 15px;
}
.toastify-bottom {
bottom: 15px;
}
.toastify.on {
opacity: 1;
transform: none;
}
@media only screen and (max-width: 360px) {
.toastify-right,.toastify-left {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: fit-content;
}
}
@keyframes toastify-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}