/* CSS Variables */
:root {--ah1: center; /*Alignment of H1*/
--ah2: center; /*Alignment of H2*/
--ah3: center; /*Alignment of H3*/
--ah4: left; /*Alignment of H4-H6*/
--bc1: rgba(26,26,26,1); /*Background Color 1 (Footer)*/
--bc2: rgba(255,255,255,0.94); /*Background Color 2 (Header)*/
--bc3: rgba(26,26,26,1); /*Background Color 3 (OffCanvas Navigation)*/
--bc4: rgba(255,255,255,0); /*Background Color 4 (Teaser)*/
--bc5: rgba(255,255,255,1); /*Background Color 5 (remaining Text-Boxes)*/
--bc6: rgba(216,209,201,1); /*Background Color 1 for Page Segments*/
--bc7: rgba(216,209,201,0.68); /*Background Color 2 for Page Segments*/
--bc8: rgba(0,0,0,1); /*Background Color 3 for Page Segments*/
--bdc: rgba(216,209,201,1); /*Background Disabled Color*/
--bec: rgba(191,58,52,1); /*Background Error Color*/
--bf-ls: 0.04rem; /*Letter-spacing of Body-Text and smaller Text-Elements (H5, H6,Labels, Captions ...)*/
--bf-ws: 0.06rem; /*Word-spacing of Body-Text and smaller Text-Elements (H5, H6,Labels, Captions ...)*/
--bls: 0.125rem; /*Letter-Spacing in Buttons*/
--body-font-1: 'neue-haas-grotesk-display';
--body-font-2: normal;
--body-font-3: 300;
--body-font-boldstrong-1: 'neue-haas-grotesk-display';
--body-font-boldstrong-2: normal;
--body-font-boldstrong-3: 500;
--br1-1: 0px;
--br1-2: 0px;
--br1-3: 0px;
--br1-4: 0px; /*Border-Radius 1 (Teaser)*/
--br2-1: 0px;
--br2-2: 0px;
--br2-3: 0px;
--br2-4: 0px; /*Border-Radius 2 (Buttons)*/
--bsc1: rgba(26,26,26,1); /*Background Signal Color 1 (Hover)*/
--bsc2: rgba(216,209,201,1); /*Background Signal Color 2 (Primary Buttons and C2A)*/
--bsc3: rgba(255,255,255,1); /*Background Color Secondary Button*/
--bsc4: rgba(26,26,26,1); /*Background Color Secondary Button (Hover)*/
--btt: uppercase; /*Text-Transformation in Buttons*/
--bws: 0.2rem; /*Word-Spacing in Buttons*/
--fc10: rgba(216,209,201,1); /*Foreground Color 10 (Text in OffCanvas Navigation)*/
--fc1: rgba(0,0,0,1); /*Foreground Color 1 (Body text)*/
--fc2: rgba(38,38,38,1); /*Foreground Color 2 (Label, Breadcrumb, Captions, form elements and text in table)*/
--fc3: rgba(0,0,0,1); /*Foreground Color 3 (Headlines)*/
--fc4: rgba(0,0,0,1); /*Foreground Color 4 (Active state of navigation elements and color of text links)*/
--fc5: rgba(0,0,0,1); /*Foreground Color 5 (Teaser Text)*/
--fc6: rgba(0,0,0,1); /*Foreground Color 6 (Remaining text boxes)*/
--fc7: rgba(216,209,201,1); /*Foreground Color 7 (Text in footer)*/
--fc8: rgba(255,255,255,1); /*Foreground Color 8 (Text on images)*/
--fc9: rgba(0,0,0,1); /*Foreground Color 9 (Text in Header Navigation)*/
--fdc: rgba(222,222,222,1); /*Foreground Disabled Color*/
--fec: rgba(191,58,52,1); /*Foreground Error Color*/
--font-of-offcanvas-menue-1: 'neue-haas-grotesk-display';
--font-of-offcanvas-menue-2: normal;
--font-of-offcanvas-menue-3: 200;
--fpb: rgba(0,0,0,1); /*Color of text in Primary Button*/
--fs-l: 24px; /*Size of H1 - mobile, H2 - tablet, H3 - desktop*/
--fs-ll: 30px; /*Size of H1 - mobile, H2 - tablet, H3 - desktop*/
--fs-m: 20px; /*Size of H4 - desktop, H3 - tablet, H2 - mobile*/
--fs-s: 18px; /*Size of H5 (desktop), H4 (mobile) and Body-Text (desktop)*/
--fs-xl: 38px; /*Size of H1 - tablet and of H2 - desktop*/
--fs-xs: 16px; /*Size of H4 (tablet and smaller), of Captions, Labels and Teaser-Text (desktop) and the Body-Text and H5 (tablet)*/
--fs-xxl: 52px; /*Grösse der H1 - Tablet*/
--fs-xxs: 14px; /*Size of H5, Body-Text and Teaser-Text (mobile) and Caption and Labels (desktop)*/
--fs-xxxl: 72px; /*Size of H1 - Desktop*/
--fs-xxxs: 12px; /*Size of Form-Labels and text in footer*/
--fs-xxxxl: 112px; /*Schriftgrösse H1 desktop Hero-Area*/
--fsb: rgba(0,0,0,1); /*Color of text in Secondary Buttons*/
--fsc1: rgba(132,116,96,1); /*Foreground Signal Color 1 (Hover)*/
--fsc2: rgba(255,255,255,1); /*Foreground Signal Color 2 (Hover of Primary Button, C2A ...)*/
--headline-font-h1-1: 'neue-haas-grotesk-display';
--headline-font-h1-2: normal;
--headline-font-h1-3: 300;
--headline-font-h2-und-kleiner-1: 'neue-haas-grotesk-display';
--headline-font-h2-und-kleiner-2: normal;
--headline-font-h2-und-kleiner-3: 300;
--hf-ls: 0.1rem; /*Letter-spacing of H1-H4*/
--hf-ws: 0.2rem; /*Word-spacing of H1-H4*/
--lc1: rgba(26,26,26,1); /*Line color 1 (Lines on page background)*/
--lc2: rgba(216,209,201,0.75); /*Line color 2 (Lines Footer)*/
--lc3: rgba(255,255,255,1); /*Line color 3 (Line below Header)*/
--lc4: rgba(26,26,26,1); /*Line color 4 (Color of separation line in OffCanvas Navigation)*/
--lc5: rgba(132,116,96,1); /*Line color 5 (of form elements)*/
--lc6: rgba(255,255,255,0); /*Line color 6 around Teaser*/
--lc7: rgba(26,26,26,1); /*Line color 7 around Secondary Buttons*/
--ldc: rgba(216,209,201,1); /*Line disabled color*/
--lec: rgba(191,58,52,1); /*Line color error*/
--lh-l: 1.5; /*Line-Height of Intro- and Teaser-Text*/
--lh-m: 1.5; /*Line-Height of Body-Text, H2 and smaller*/
--lh-s: 1.3; /*Line-Height of Headlines (except H1)*/
--lh-xl: 2; /*Line-Height of lists*/
--lh-xs: 1.17; /*Line-Height of H1 and Captions*/
--lls-1: 0.1rem;
--lls-2: 0.2rem; /*Letter-Spacing in Labels*/
--lsc1: rgba(26,26,26,1); /*Line signal color 1 (Hover)*/
--lsc2: rgba(216,209,201,1); /*Line signal color 2 (Primary and C2A)*/
--lw1: 0px; /*Border width of separation lines*/
--lw2: 0px; /*Border width around teaser*/
--lw3: 1px; /*Border width around buttons*/
--lw4: 1px; /*Border width around secondary buttons*/
--p-ta: 12px; /*Padding in Tabellen-Zellen*/
--p-tb: 0px; /*Padding Text-Boxen*/
--pb-b: 9px; /*Padding-Bottom Buttons*/
--pb-te: 40px; /*Padding-Bottom Teaser*/
--pl-b: 23px; /*Padding-Left Buttons*/
--pl-te: 0px; /*Padding-Left Teaser*/
--pl-tln: 18px; /*Padding-Left Top Level Navigation*/
--position-carousel-caption: 10%; /*Distance from top to carousel caption*/
--pr-b: 23px; /*Padding-Right Buttons*/
--pr-te: 0px; /*Padding-Right Teaser*/
--pr-tln: 18px; /*Padding-Right Top Level Navigation*/
--pt-b: 9px; /*Padding-Top Buttons*/
--pt-te: 30px; /*Padding-Top Teaser*/
--teaser-image-ar: 0.8; /*Aspect ratio of images in teaser columns (by fixed heights: unset)*/
--teaser-image-height: auto; /*Heights of images in teaser columns (px or auto)*/
}


/* --------- 2 Breakpoints --------- */
/* --------- Desktop first --------- */

/* --- Templates --- */

/* Overview-Page */
div.S_detailpage1 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Example-Page 1 */
div.S_detailpage2 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Startpage 1 */
div.S_startpage1 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Startpage 2 */
div.S_startpage2 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Startpage */
div.S_startpage3 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Jobs & Karriere */
div.S_detailpage3 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Example-Page 3 */
div.S_detailpage4 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Example-Page 2 */
div.S_detailpage5 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Download-Center */
div.S_detailpage6 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}



/* --- Components --- */

/* Grid |  */
div.container.sgrid {
margin-bottom: 0px !important;
}

/* Hero-Area */
div.container div.row.hero-area.justify-content-center {
margin-top: 0;
}

/* Footer (1) */
footer.container.v1 {
background-color: var(--bc1);
color: var(--fc7);
margin-top: 160px;
padding-top: 26px;
padding-bottom: 32px;
width: 100%;
min-height: 200px;
}

/* Slider-Block (full) |  */
div.carousel-block-full.container.full {
margin-bottom: 3rem;
}

/* Header (2) */
header.sticky.v2 {
background-color:transparent; 
color: var(--fc8);
position:absolute; 
}

/* Search-Lightbox */
div.search-lightbox {
background-color: var(--bc3);
position:absolute; 
overflow:hidden; 
left:0; 
right:0; 
top:0; 
}

/* Breadcrumb */
div.breadcrumb-navi.container.full {
overflow:auto; 
text-overflow:ellipsis; 
display:inline-block; 
margin-top: 15px;
width: 50%;
min-width: 300px;
}

/* Offcanvas Navigation (unstyled) */
div.offcanvas-navigation {
background-color: var(--bc3);
color: var(--fc10);
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
width: 100%;
height: 100%;
}

/* Hero-Video (full view) | Idee wäre hier ein Contentelement zu erstellen, welches gleichermassen Bilder wie Videos verarbeiten kann und falls man nur ein Medium lädt, die Carousel-/Sliding-Funtionalität augeschaltet wird. (Erik: Ist das zuviel verlangt?)Einstellungen im Backend:- Autoplay an/aus- Abdunklung an/aus */
div.video-block-full.container.full {
margin-bottom: 3rem;
}

/* Hero-Area (H2) */
div.container div.row.hero-area.v2.justify-content-center {
margin-top: 0;
margin-bottom: 0;
}

/* Second-Footer (1) */
div.container.footer {
background-color: var(--bc1);
color: var(--fc7);
margin-top: 0px;
padding-top: 12px;
padding-bottom: 18px;
width: 100%;
}

/* C2A | Optional header (editor chooses between H2 and H3)Optional short text (H4)Optional button (editor chooses between primary or secondary) */
div.container.background.bgc2.c2a div.row.c2a {
text-align:center; 
padding-top: 72px;
padding-right: 200px;
padding-bottom: 60px;
padding-left: 200px;
}

/* Back-Link | Der CSS Code wird von dem der Breadcrumbs geerbt */
div.breadcrumb-navi.container.full.v2 {
overflow:hidden; 
margin-top: 15px;
width: 50%;
min-width: 300px;
}

/* Footer */
footer.container.v2 {
font-size: var(--fs-s);
background-color: var(--bc1);
color: var(--fc8);
margin-top: 160px;
padding-top: 60px;
padding-bottom: 48px;
width: 100%;
min-height: 200px;
}

/* Second-Footer */
div.container.footer.footer-bottom {
background-color: var(--bc1);
color: var(--fc7);
margin-top: 0px;
padding-top: 12px;
padding-bottom: 16px;
width: 100%;
}

/* Hero-Area (without Label) */
div.container div.row.hero-area.justify-content-center.S_v2 {
margin-top: 0;
margin-bottom: -1rem;
}

/* Hero-Area (2) */
div.container div.row.hero-area.justify-content-center.v2 {
margin-top: 0;
}

/* Hero-Area (Download-Center) */
div.container div.row.hero-area.justify-content-center.S_v3 {
margin-top: 0;
margin-bottom: -1rem;
}



/* --- Organisms --- */

/* Teaser-Column-1 */
div.teaser.col-12.col-md-4 {
margin-top: 4px;
margin-bottom: 30px;
}

/* Label + H1 + Introduction */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text {
text-align:center; 
}

/* Form */
form.mx-auto.col-12.col-md-10.col-lg-8 {
max-width: var(--max-w); 
}

/* MegaDropDown (O) */
div.megadropdown {
position:absolute; 
color: var(--fc1);
background-color: var(--bc2);
display:none; 
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
}

/* Teaser-Set-Column right */
div.teaser.col-12.col-sm-7 {
margin-top: min(calc(5.5vw + 20px), 120px);
}

/* H2 + Paragraph */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v2 {
text-align:center; 
}

/* Label + H1 + Introduction (2) */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_jobs {
text-align:center; 
}

/* Label + H1 + Introduction (3) */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v3 {
text-align:center; 
}

/* Label + H1 + Introduction (3) */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_downloads {
text-align:center; 
}



/* --- Molecules --- */

/* Button Group */
div.button-group {
margin-top: 30px;
margin-bottom: 30px;
}

/* Teaser-Text-long (1) */
div.teaser-text {
border-width: var(--lw2);
border-color: var(--lc6);
background-color: var(--bc4);
}

/* Radiobutton 2 */
div.form-check.mb-3.v2 {
display:flex; 
align-items: center;
}

/* Radiobutton */
div.form-check.mb-3 {
display:flex; 
align-items: center;
}

/* Checkbox */
div.form-check.mb-3.checkbox {
display:flex; 
align-items: center;
}

/* Checkbox 2 */
div.form-check.mb-3.v4 {
display:flex; 
align-items: center;
}

/* Text Input Field */
div.form-floating.mb-6 {
max-width: var(--max-w); 
display:flex; 
align-items: center;
}

/* Teaser-Text-with-BG (1) */
div.teaser-text.bg {
background-color: var(--bc4);
}

/* Teaser-with-line (1) */
div.teaser-text.wl {
border-color: var(--lc6);
border-width: var(--lw2);
background-color: var(--bc4);
}

/* obj-f-img (1) */
div.img-fit {
display:block; 
overflow:hidden; 
height: 240px;
}

/* Table (responsive) */
div.table {
overflow:auto; 
max-width: var(--max-w); 
margin-top: calc(var(--fs-xl) * var(--lh-s) / 2);
margin-bottom: calc(var(--fs-xl) * var(--lh-s) / 2);
}

/* Select Menue */
div.form-floating.mb-6.v2 {
max-width: var(--max-w); 
display:flex; 
align-items: center;
}

/* Password Field */
div.form-floating.mb-6.pw {
max-width: var(--max-w); 
display:flex; 
align-items: center;
}

/* Invalid Input Field */
div.form-floating.mb-6.error {
max-width: var(--max-w); 
display:flex; 
align-items: center;
}

/* Textarea */
div.form-floating.mb-6.textarea {
max-width: var(--max-w); 
display:flex; 
align-items: center;
}

/* Service Navigation */
nav.navi-2 {
text-align:right; 
position:absolute; 
}

/* Top Level Navigation */
nav.navi-1 {
position:relative; 
text-align:left; 
width:100%; 
}

/* Top Level Navigation (DropDown) */
nav.navi-1.dropdown-menue {
position:relative; 
text-align:left; 
width:100%; 
}

/* Search (mobile) */
div.search-mobile {
white-space:nowrap; 
margin-top: 54px;
margin-left: -8px;
}

/* Button (horicontal-aligned-center) */
div.w100.center {
width:100%; 
text-align:center; 
}

/* Sharing Button-Group */
div.sharing {
margin-top: 24px;
margin-bottom: 24px;
max-width: 890px;
}

/* obj-f-img (4) */
div.img-fit.v4 {
display:block; 
overflow:hidden; 
height: 240px;
}



/* --- Atoms --- */

/* Small Button (active) */
button.btn.btn-secondary.active.small {
font-family: var(--body-font-boldstrong-1);
font-style: var(--body-font-boldstrong-2);
font-weight: var(--body-font-boldstrong-3);
width:auto; 
border-width: var(--lw3);
padding-left: var(--pl-b);
padding-bottom: var(--pb-b);
padding-right: var(--pr-b);
padding-top: var(--pt-b);
letter-spacing: var(--bls);
word-spacing: var(--bws);
text-transform: var(--btt);
font-size: var(--fs-xxs);
color: var(--fpb);
background-color: var(--bsc2);
border-color: var(--lsc2);
margin-top: 12px;
margin-right: 12px;
margin-bottom: 12px;
margin-left: 12px;
}

/* Headline (H1) */
h1 {
color: var(--fc3);
font-size: var(--fs-xxxl);
line-height: var(--lh-xs);
letter-spacing: var(--hf-ls);
word-spacing: var(--hf-ws);
font-family: var(--headline-font-h1-1);
font-style: var(--headline-font-h1-2);
font-weight: var(--headline-font-h1-3);
text-align: var(--ah1);
text-align:center; 
margin-top: 0;
margin-right: auto;
margin-bottom: calc(var(--fs-xxxl) * var(--lh-xs) / 2);
margin-left: auto;
max-width: 890px;
}

/* Paragraph */
p {
color: var(--fc1);
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
word-spacing: var(--bf-ws);
letter-spacing: var(--bf-ls);
line-height: var(--lh-m);
font-size: var(--fs-m);
max-width: 890px;
}

/* Headline (H2) */
h2 {
color: var(--fc3);
font-size: var(--fs-xxl);
line-height: var(--lh-s);
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
text-align: var(--ah2);
letter-spacing: var(--hf-ls);
word-spacing: var(--hf-ws);
margin-bottom: calc(var(--fs-xxl) * var(--lh-s) / 2);
}

/* Headline (H3) */
h3 {
color: var(--fc3);
font-size: var(--fs-xl);
line-height: var(--lh-s);
text-align: var(--ah3);
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
letter-spacing: var(--hf-ls);
word-spacing: var(--hf-ws);
margin-bottom: calc(var(--fs-xl) * var(--lh-s) / 2);
}

/* Headline (H4) */
h4 {
color: var(--fc3);
font-size: var(--fs-ll);
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
text-align: var(--ah4);
letter-spacing: var(--hf-ls);
word-spacing: var(--hf-ws);
line-height: var(--lh-s);
margin-bottom: calc(var(--fs-ll) * var(--lh-m) / 2);
}

/* Bild */
img.img-fluid {
width: 100%;
}

/* Caption */
div.caption {
color: var(--fc2);
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
line-height: var(--lh-s);
font-size: var(--fs-s);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
max-width: var(--max-w); 
}

/* Small Button (default) */
button.btn.btn-secondary.small {
font-family: var(--body-font-boldstrong-1);
font-style: var(--body-font-boldstrong-2);
font-weight: var(--body-font-boldstrong-3);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
border-width: var(--lw4);
padding-left: var(--pl-b);
padding-bottom: var(--pb-b);
padding-right: var(--pr-b);
padding-top: var(--pt-b);
width:auto; 
background-color:transparent; 
letter-spacing: var(--bls);
word-spacing: var(--bws);
text-transform: var(--btt);
font-size: var(--fs-xxs);
border-color: var(--lc7);
color: var(--fsb);
margin-top: 12px;
margin-right: 12px;
margin-bottom: 12px;
margin-left: 12px;
}

/* Label (in Teaser or at H1) */
div.label {
font-size: var(--fs-xxs);
line-height: var(--lh-m);
font-family: var(--body-font-boldstrong-1);
font-style: var(--body-font-boldstrong-2);
font-weight: var(--body-font-boldstrong-3);
letter-spacing: var(--lls-1);
word-spacing: var(--lls-2);
word-spacing: var(--bf-ws);
color: var(--fc2);
text-transform: var(--btt);
margin-right: auto;
margin-bottom: calc(var(--fs-xs) * var(--lh-m) / 2);
margin-left: auto;
max-width: 890px;
}

/* Teaser-Text */
p.teaser-bodytext {
color: var(--fc5);
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
word-spacing: var(--bf-ws);
letter-spacing: var(--bf-ls);
line-height: var(--lh-l);
font-size: var(--fs-l);
margin-bottom: 0.5rem;
max-width: 890px;
}

/* Headline (H5) */
h5 {
font-size: var(--fs-l);
line-height: var(--lh-m);
word-spacing: var(--bf-ws);
letter-spacing: var(--bf-ls);
color: var(--fc3);
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
text-align: var(--ah4);
margin-bottom: calc(var(--fs-m) * var(--lh-m) / 2);
}

/* Input (text) */
input[type=text].form-control {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-m);
color: var(--fc2);
border-color: var(--lc5);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
}

/* Label of form check element */
label.form-check-label {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-xs);
line-height: var(--lh-s);
color: var(--fc2);
margin-left: 10px;
}

/* Radio Button */
input[type=radio].form-check-input {
border-color: var(--lc5);
margin-top: 0px;
width: 26px;
height: 26px;
}

/* left-align */
.left-align {
text-align:left; 
}

/* Checkbox */
input[type=checkbox].form-check-input {
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
border-color: var(--lc5);
margin-top: 0px;
}

/* More-Link */
a.more {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-m);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
line-height: var(--lh-s);
color: var(--fc1);
display:inline-block; 
margin-top: 16px;
margin-bottom: 20px;
}

/* Introduction Paragraph */
p.intro {
color: var(--fc1);
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
word-spacing: var(--bf-ws);
letter-spacing: var(--bf-ls);
line-height: var(--lh-l);
font-size: var(--fs-l);
margin-right: auto;
margin-left: auto;
max-width: 890px;
}

/* Vertical-distance-top */
.top-distance {
margin-top: 160px !important;
}

/* Vertical-distance-bottom */
.bottom-distance {
margin-bottom: 160px !important;
}

/* Logo */
svg.logo {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
width: 188px;
height: auto;
}

/* Label of form input */
label {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-s);
color: var(--fc2);
}

/* Accordion */
div.accordion {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-m);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
color: var(--fc1);
max-width: var(--max-w); 
margin-top: calc(var(--fs-l) * var(--lh-s) * 1.5);
margin-bottom: calc(var(--fs-l) * var(--lh-s) * 1.5);
}

/* Breadcrumb Navigation */
nav.breadcrumb {
font-family: var(--body-font-boldstrong-1);
font-style: var(--body-font-boldstrong-2);
font-weight: var(--body-font-boldstrong-3);
font-size: var(--fs-xs);
line-height: var(--lh-xs);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
color: var(--fc2);
}

/* Carousel-Slider */
div.carousel.slide {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
line-height: var(--lh-m);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
}

/* Table */
table.table.v1 {
max-width: var(--max-w); 
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-xs);
line-height: var(--lh-m);
color: var(--fc2);
margin-top: calc(var(--fs-l) * var(--lh-s) / 2);
margin-bottom: calc(var(--fs-l) * var(--lh-s) / 2);
}

/* Select */
select.form-select.form-select-lg {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-m);
color: var(--fc2);
border-color: var(--lc5);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
padding-left: 0.75rem;
}

/* Carousel-Slider (full view) */
div.carousel.slide.xl {
font-family: var(--headline-font-h1-1);
font-style: var(--headline-font-h1-2);
font-weight: var(--headline-font-h1-3);
line-height: var(--lh-xs);
letter-spacing: var(--hf-ls);
word-spacing: var(--hf-ws);
overflow:hidden; 
}

/* Carousel Caption */
div.carousel-caption {
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
}

/* Tooltip */
a.tooltip-icon {
display:inline-block; 
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjYuMTcgNDY2LjE3Ij4NCiAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMjMzLjA4IDBDMTA0LjM2IDAgMCAxMDQuMzYgMCAyMzMuMDhzMTA0LjM2IDIzMy4wOCAyMzMuMDggMjMzLjA4UzQ2Ni4xNiAzNjEuOCA0NjYuMTYgMjMzLjA4IDM2MS44MSAwIDIzMy4wOCAwWm0xNDIuMTkgMzc1LjI3Yy0zNy45OCAzNy45OC04OC40OCA1OC45LTE0Mi4xOSA1OC45cy0xMDQuMjEtMjAuOTItMTQyLjE5LTU4LjljLTM3Ljk4LTM3Ljk4LTU4LjktODguNDgtNTguOS0xNDIuMTlzMjAuOTItMTA0LjIxIDU4LjktMTQyLjE5YzM3Ljk4LTM3Ljk4IDg4LjQ4LTU4LjkgMTQyLjE5LTU4LjlzMTA0LjIxIDIwLjkyIDE0Mi4xOSA1OC45IDU4LjkgODguNDggNTguOSAxNDIuMTktMjAuOTIgMTA0LjIxLTU4LjkgMTQyLjE5WiIgLz4NCiAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMjQ5Ljc5IDE4Mi40NmgtNTAuMTR2MjFoMTguMTR2MTE2LjIyaC0yMS45M3YyMWg3Ni40NXYtMjFoLTIyLjUyVjE4Mi40NnoiIC8+DQogIDxjaXJjbGUgZmlsbD0iY3VycmVudENvbG9yIiBjeD0iMjMzLjgiIGN5PSIxMzQuMTUiIHI9IjIzLjczIiAvPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 18px;
height: 18px;
}

/* Menue Item */
a.menue-item {
display:inline-block; 
text-decoration:none; 
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-xs);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
margin-right: var(--pr-tln);
margin-left: var(--pl-tln);
color: var(--fc9);
}

/* Hamburger Menue (mobile) */
svg.menue-icon {
display:none; 
position:relative; 
cursor:pointer; 
width: 40px;
height: 40px;
}

/* Input (password) */
input[type=password].form-control {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-m);
color: var(--fc2);
border-color: var(--lc5);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
}

/* Textarea */
textarea.form-control {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-m);
color: var(--fc2);
border-color: var(--lc5);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
max-height: 50vh;
min-height: 120px !important;
}

/* Input (text) with error */
input[type=email].form-control.is-invalid {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-m);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
}

/* Search Input (Bootstrap) */
div.input-group.search-input {
max-width: var(--max-w); 
}

/* Search Icon */
svg.search-icon {
display:block; 
}

/* Search Input (Header) */
input[type=text].search-input-header {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-s);
line-height: var(--lh-xs);
color: var(--fc1);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
background-color:transparent; 
opacity:0; 
width: 0px;
}

/* Arrow Icon */
svg.arrow-right-icon {
display:none; 
}

/* Hamburger Menue (currentColor) */
svg.menue-icon.white {
width: 40px;
height: 40px;
}

/* Search Input (Header 2) */
input[type=text].search-input-header.white {
color: var(--fc8);
}

/* Search Icon (2) */
svg.search-icon.v2 {
display:block; 
}

/* Search Input (Lightbox) */
input[type=text].search-input-lightbox {
color: var(--fc1);
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-m);
letter-spacing: var(--bf-ls);
line-height: var(--lh-s);
word-spacing: var(--bf-ws);
background-color:transparent; 
border-color: var(--lc5);
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 25vw;
}

/* Close Icon */
svg.close {
width: 32px;
height: 32px;
}

/* Search Icon (3) */
svg.search-icon-3 {
display:block; 
}

/* DropDown Navigation */
nav.subnavi {
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
border-width: var(--lw3);
background-color: var(--bc2);
}

/* Menue Item (with DropDown) */
li.dropdown {
display:inline-block; 
}

/* Vertical-distance-top (XL) */
.top-distance-large {
margin-top: 240px !important;
}

/* Vertical-distance-bottom (XL) */
.bottom-distance-large {
margin-bottom: 240px !important;
}

/* Button Variables */
div.button-variables {
text-align:center; 
}

/* Teaser Variables */
div.teaser-variables {
text-align:center; 
}

/* Grid System (4 columns) */
div.grid-4-col.container {
width:100%; 
overflow:hidden; 
}

/* Primary Color */
.primary {
color: var(--fsc2);
}

/* Social Media Navigation */
div.social-media {
white-space:nowrap; 
margin-top: 10px;
margin-bottom: 40px;
margin-left: -5px;
}

/* Primary Button (large) */
button.btn.btn-primary {
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
font-size: var(--fs-l);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
border-width: var(--lw3);
padding-left: var(--pl-b);
padding-bottom: var(--pb-b);
padding-right: var(--pr-b);
padding-top: var(--pt-b);
width:auto; 
letter-spacing: var(--bls);
word-spacing: var(--bws);
text-transform: var(--btt);
color: var(--fpb);
background-color: var(--bsc2);
border-color: var(--lsc2);
margin-top: 38px;
margin-bottom: 24px;
padding-top: 16px;
padding-right: 46px;
padding-bottom: 16px;
padding-left: 46px;
}

/* Secondary Button (large) */
button.btn.btn-secondary {
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
font-size: var(--fs-l);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
border-width: var(--lw4);
padding-left: var(--pl-b);
padding-bottom: var(--pb-b);
padding-right: var(--pr-b);
padding-top: var(--pt-b);
width:auto; 
letter-spacing: var(--bls);
word-spacing: var(--bws);
text-transform: var(--btt);
background-color:transparent; 
border-color: var(--lc7);
color: var(--fsb);
margin-top: 38px;
margin-bottom: 24px;
padding-top: 16px;
padding-right: 46px;
padding-bottom: 16px;
padding-left: 46px;
}

/* Language Switch */
div.language-switch {
display:inline-block; 
white-space:nowrap; 
letter-spacing: var(--lls-1);
word-spacing: var(--lls-2);
}

/* Search Icon (mobile) */
svg.search-icon-mobile {
display:block; 
}

/* Search Input (mobile) */
input[type=text].search-input-mobile {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
font-size: var(--fs-xs);
line-height: var(--lh-xs);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
background-color:transparent; 
color: var(--fc10);
}

/* Headline (H2 - animated) */
h2.animated {
overflow:hidden; 
font-family: var(--headline-font-h1-1);
font-style: var(--headline-font-h1-2);
font-weight: var(--headline-font-h1-3);
font-size: var(--fs-xxl);
letter-spacing: var(--hf-ls);
word-spacing: var(--hf-ws);
margin-top: 0;
margin-bottom: calc(var(--fs-xxxl) * var(--lh-xs) / 2);
}

/* Text Link */
a {
color: var(--fc4);
}

/* Hamburger Menue (desktop) */
svg.menue-icon.desktop {
position:relative; 
cursor:pointer; 
display:inline-block; 
width: 40px;
height: 40px;
}

/* Video */
div.video {
font-family: var(--headline-font-h1-1);
font-style: var(--headline-font-h1-2);
font-weight: var(--headline-font-h1-3);
line-height: var(--lh-xs);
word-spacing: var(--hf-ws);
letter-spacing: var(--hf-ls);
}

/* Back-Link */
a.back {
font-family: var(--body-font-boldstrong-1);
font-style: var(--body-font-boldstrong-2);
font-weight: var(--body-font-boldstrong-3);
letter-spacing: var(--lls-1);
word-spacing: var(--lls-2);
text-transform: var(--btt);
font-size: var(--fs-xxs);
text-decoration:none; 
position:relative; 
color: var(--fc2);
overflow:hidden; 
text-overflow:ellipsis; 
width: 100%;
}

/* List (also with linked items) */
ul {
line-height: var(--lh-xl);
}

/* Carousel Navigation */
div.carousel-navigation {
text-align:center; 
}

/* Quote */
p.blockquote {
font-size: var(--fs-xl);
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
line-height: var(--lh-l);
text-align:left; 
}

/* Bild */
img.img-fluid.v5 {
width: 100%;
}

/* Bild */
img.img-fluid.v4 {
width: 100%;
}

/* Bild */
img.img-fluid.v6 {
width: 100%;
}

/* Primary Button (large) */
a.btn.btn-primary {
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
font-size: var(--fs-l);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
border-width: var(--lw3);
padding-left: var(--pl-b);
padding-bottom: var(--pb-b);
padding-right: var(--pr-b);
padding-top: var(--pt-b);
width:auto; 
letter-spacing: var(--bls);
word-spacing: var(--bws);
text-transform: var(--btt);
color: var(--fpb);
background-color: var(--bsc2);
border-color: var(--lsc2);
margin-top: 38px;
margin-bottom: 24px;
padding-top: 16px;
padding-right: 46px;
padding-bottom: 16px;
padding-left: 46px;
}

/* Secondary Button (large) */
a.btn.btn-secondary {
font-family: var(--headline-font-h2-und-kleiner-1);
font-style: var(--headline-font-h2-und-kleiner-2);
font-weight: var(--headline-font-h2-und-kleiner-3);
font-size: var(--fs-l);
border-top-left-radius: var(--br2-1);
border-top-right-radius: var(--br2-2);
border-bottom-left-radius: var(--br2-3);
border-bottom-right-radius: var(--br2-4);
border-width: var(--lw4);
padding-left: var(--pl-b);
padding-bottom: var(--pb-b);
padding-right: var(--pr-b);
padding-top: var(--pt-b);
width:auto; 
letter-spacing: var(--bls);
word-spacing: var(--bws);
text-transform: var(--btt);
background-color:transparent; 
border-color: var(--lc7);
color: var(--fsb);
margin-top: 38px;
margin-bottom: 24px;
padding-top: 16px;
padding-right: 46px;
padding-bottom: 16px;
padding-left: 46px;
}

/* Notice 1 */
blockquote.internal-notice {
font-size: var(--fs-ll);
max-width: var(--max-w); 
}

/* List with download items */
ul.download-list {
line-height: var(--lh-xl);
}


/* Design-Token for Atoms in Organisms */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text > div.label {
margin-bottom: 54px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text > p.intro {
margin-top: 54px;
}

div.img-col.col-12.col-md-6 > img.teaser.img-fluid.landscape {
width: 100%;
aspect-ratio: 0.8; object-fit: cover;
}

div.img-col.v2.col-12.col-md-6 > img.img-fluid {
aspect-ratio: 0.8; object-fit: cover;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_jobs > p.intro {
margin-top: 54px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v3 > div.label {
margin-bottom: 54px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v3 > p.intro {
margin-top: 54px;
}

div.img-col.v3.col-12.col-md-6 > img.teaser.img-fluid.v2 {
aspect-ratio: 0.8; object-fit: cover;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_downloads > p.intro {
margin-top: 54px;
}


/* Design-Token for Atoms in Molecules */
div.sharing > div.label {
margin-bottom: 24px;
}

/* More-Link */
a.more:hover, a.more:focus {
color: var(--fsc1);
}

/* Tooltip */
a.tooltip-icon:hover, a.tooltip-icon:focus {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjYuMTcgNDY2LjE3Ij4NCiAgPHBhdGggZmlsbD0idmFyKC0tZnNjMSkiIGQ9Ik0yMzMuMDggMEMxMDQuMzYgMCAwIDEwNC4zNiAwIDIzMy4wOHMxMDQuMzYgMjMzLjA4IDIzMy4wOCAyMzMuMDhTNDY2LjE2IDM2MS44IDQ2Ni4xNiAyMzMuMDggMzYxLjgxIDAgMjMzLjA4IDBabTE0Mi4xOSAzNzUuMjdjLTM3Ljk4IDM3Ljk4LTg4LjQ4IDU4LjktMTQyLjE5IDU4LjlzLTEwNC4yMS0yMC45Mi0xNDIuMTktNTguOWMtMzcuOTgtMzcuOTgtNTguOS04OC40OC01OC45LTE0Mi4xOXMyMC45Mi0xMDQuMjEgNTguOS0xNDIuMTljMzcuOTgtMzcuOTggODguNDgtNTguOSAxNDIuMTktNTguOXMxMDQuMjEgMjAuOTIgMTQyLjE5IDU4LjkgNTguOSA4OC40OCA1OC45IDE0Mi4xOS0yMC45MiAxMDQuMjEtNTguOSAxNDIuMTlaIiAvPg0KICA8cGF0aCBmaWxsPSJ2YXIoLS1mc2MxKSIgZD0iTTI0OS43OSAxODIuNDZoLTUwLjE0djIxaDE4LjE0djExNi4yMmgtMjEuOTN2MjFoNzYuNDV2LTIxaC0yMi41MlYxODIuNDZ6IiAvPg0KICA8Y2lyY2xlIGZpbGw9InZhcigtLWZzYzEpIiBjeD0iMjMzLjgiIGN5PSIxMzQuMTUiIHI9IjIzLjczIiAvPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
}

/* Menue Item */
a.menue-item:hover, a.menue-item:focus {
color: var(--fsc1);
}

/* Primary Button (large) */
button.btn.btn-primary:hover, button.btn.btn-primary:focus {
border-color: var(--lsc1);
background-color: var(--bsc1);
color: var(--fsc2);
}

/* Secondary Button (large) */
button.btn.btn-secondary:hover, button.btn.btn-secondary:focus {
background-color: var(--bsc4);
color: var(--fsc2);
border-color: var(--lsc1);
}

/* Text Link */
a:hover, a:focus {
color: var(--fsc1);
}

/* Back-Link */
a.back:hover, a.back:focus {
color: var(--fsc1);
}

/* Primary Button (large) */
a.btn.btn-primary:hover, a.btn.btn-primary:focus {
border-color: var(--lsc1);
background-color: var(--bsc1);
color: var(--fsc2);
}

/* Secondary Button (large) */
a.btn.btn-secondary:hover, a.btn.btn-secondary:focus {
background-color: var(--bsc4);
color: var(--fsc2);
border-color: var(--lsc1);
}

/* Radio Button */
input[type=radio].form-check-inputdisabled {
background-color: var(--bc5);
opacity:1; 
}



/* --------- M-VIEW and smaller --------- */
@media screen and (max-width: 991px) {

/* --- Templates --- */



/* --- Components --- */

/* Hero-Area */
div.container div.row.hero-area.justify-content-center {
margin-top: 0;
}

/* Footer (1) */
footer.container.v1 {
margin-top: 120px;
}

/* Slider-Block (full) |  */
div.carousel-block-full.container.full {
margin-bottom: 2rem;
}

/* Hero-Video (full view) | Idee wäre hier ein Contentelement zu erstellen, welches gleichermassen Bilder wie Videos verarbeiten kann und falls man nur ein Medium lädt, die Carousel-/Sliding-Funtionalität augeschaltet wird. (Erik: Ist das zuviel verlangt?)Einstellungen im Backend:- Autoplay an/aus- Abdunklung an/aus */
div.video-block-full.container.full {
margin-bottom: 2rem;
}

/* Hero-Area (H2) */
div.container div.row.hero-area.v2.justify-content-center {
margin-top: 0;
margin-bottom: 0;
}

/* C2A | Optional header (editor chooses between H2 and H3)Optional short text (H4)Optional button (editor chooses between primary or secondary) */
div.container.background.bgc2.c2a div.row.c2a {
padding-top: 64px;
padding-right: 5vw;
padding-bottom: 54px;
padding-left: 5vw;
}

/* Footer */
footer.container.v2 {
margin-top: 120px;
padding-top: 54px;
}

/* Hero-Area (without Label) */
div.container div.row.hero-area.justify-content-center.S_v2 {
margin-top: 0;
margin-bottom: -0.75rem;
}

/* Hero-Area (2) */
div.container div.row.hero-area.justify-content-center.v2 {
margin-top: 0;
}

/* Hero-Area (Download-Center) */
div.container div.row.hero-area.justify-content-center.S_v3 {
margin-top: 0;
margin-bottom: -0.75rem;
}



/* --- Organisms --- */

/* MegaDropDown (O) */
div.megadropdown {
display:none; 
}



/* --- Molecules --- */

/* Table (responsive) */
div.table {
margin-top: calc(var(--fs-ll) * var(--lh-s) / 2);
margin-bottom: calc(var(--fs-ll) * var(--lh-s) / 2);
}



/* --- Atoms --- */

/* Headline (H1) */
h1 {
font-size: var(--fs-xxl);
margin-top: 0;
margin-bottom: calc(var(--fs-xl) * var(--lh-xs) / 2);
max-width: 640px;
}

/* Paragraph */
p {
font-size: var(--fs-s);
}

/* Headline (H2) */
h2 {
font-size: var(--fs-xl);
margin-bottom: calc(var(--fs-xl) * var(--lh-s) / 2);
}

/* Headline (H3) */
h3 {
font-size: var(--fs-ll);
margin-bottom: calc(var(--fs-ll) * var(--lh-s) / 2);
}

/* Headline (H4) */
h4 {
font-size: var(--fs-l);
line-height: var(--lh-m);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
margin-bottom: calc(var(--fs-l) * var(--lh-s) / 2);
}

/* Caption */
div.caption {
font-size: var(--fs-xs);
}

/* Label (in Teaser or at H1) */
div.label {
font-size: var(--fs-xxs);
margin-bottom: calc(var(--fs-xxs) * var(--lh-m) / 2);
}

/* Teaser-Text */
p.teaser-bodytext {
font-size: var(--fs-m);
}

/* Headline (H5) */
h5 {
font-size: var(--fs-m);
margin-bottom: calc(var(--fs-s) * var(--lh-m) / 2);
}

/* More-Link */
a.more {
font-size: var(--fs-s);
margin-top: 12px;
margin-bottom: 16px;
}

/* Introduction Paragraph */
p.intro {
font-size: var(--fs-m);
}

/* Vertical-distance-top */
.top-distance {
margin-top: 120px !important;
}

/* Vertical-distance-bottom */
.bottom-distance {
margin-bottom: 120px !important;
}

/* Accordion */
div.accordion {
font-size: var(--fs-xs);
margin-top: calc(var(--fs-m) * var(--lh-s));
margin-bottom: calc(var(--fs-m) * var(--lh-s) * 2);
}

/* Breadcrumb Navigation */
nav.breadcrumb {
font-size: var(--fs-xxs);
}

/* Table */
table.table.v1 {
font-size: var(--fs-xxs);
margin-top: calc(var(--fs-m) * var(--lh-s) / 2);
margin-bottom: calc(var(--fs-m) * var(--lh-s) / 2);
}

/* Carousel Caption */
div.carousel-caption {
font-family: var(--body-font-1);
font-style: var(--body-font-2);
font-weight: var(--body-font-3);
}

/* Vertical-distance-top (XL) */
.top-distance-large {
margin-top: 180px !important;
}

/* Vertical-distance-bottom (XL) */
.bottom-distance-large {
margin-bottom: 180px !important;
}

/* Primary Button (large) */
button.btn.btn-primary {
font-size: var(--fs-m);
}

/* Secondary Button (large) */
button.btn.btn-secondary {
font-size: var(--fs-m);
}

/* Headline (H2 - animated) */
h2.animated {
font-size: var(--fs-xl);
margin-top: 0;
margin-bottom: calc(var(--fs-xl) * var(--lh-xs) / 2);
}

/* Quote */
p.blockquote {
font-size: var(--fs-ll);
}

/* Primary Button (large) */
a.btn.btn-primary {
font-size: var(--fs-m);
}

/* Secondary Button (large) */
a.btn.btn-secondary {
font-size: var(--fs-m);
}

/* Notice 1 */
blockquote.internal-notice {
font-size: var(--fs-l);
}


/* Design-Token for Atoms in Organisms */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text > div.label {
margin-bottom: 42px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text > p.intro {
margin-top: 42px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_jobs > p.intro {
margin-top: 42px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v3 > div.label {
margin-bottom: 42px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v3 > p.intro {
margin-top: 42px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_downloads > p.intro {
margin-top: 42px;
}



}

/* --------- S-VIEW and smaller --------- */
@media screen and (max-width: 575px) {

/* --- Templates --- */



/* --- Components --- */

/* Hero-Area */
div.container div.row.hero-area.justify-content-center {
margin-top: 0;
}

/* Footer (1) */
footer.container.v1 {
margin-top: 80px;
padding-top: 20px;
padding-bottom: 26px;
}

/* Slider-Block (full) |  */
div.carousel-block-full.container.full {
margin-bottom: 1rem;
}

/* Hero-Video (full view) | Idee wäre hier ein Contentelement zu erstellen, welches gleichermassen Bilder wie Videos verarbeiten kann und falls man nur ein Medium lädt, die Carousel-/Sliding-Funtionalität augeschaltet wird. (Erik: Ist das zuviel verlangt?)Einstellungen im Backend:- Autoplay an/aus- Abdunklung an/aus */
div.video-block-full.container.full {
margin-bottom: 1rem;
}

/* Hero-Area (H2) */
div.container div.row.hero-area.v2.justify-content-center {
margin-top: 0;
margin-bottom: 0;
}

/* C2A | Optional header (editor chooses between H2 and H3)Optional short text (H4)Optional button (editor chooses between primary or secondary) */
div.container.background.bgc2.c2a div.row.c2a {
padding-top: 54px;
padding-right: 0;
padding-bottom: 48px;
padding-left: 0;
}

/* Footer */
footer.container.v2 {
margin-top: 80px;
padding-top: 48px;
}

/* Hero-Area (without Label) */
div.container div.row.hero-area.justify-content-center.S_v2 {
margin-top: 0;
margin-bottom: -0.5rem;
}

/* Hero-Area (2) */
div.container div.row.hero-area.justify-content-center.v2 {
margin-top: 0;
}

/* Hero-Area (Download-Center) */
div.container div.row.hero-area.justify-content-center.S_v3 {
margin-top: 0;
margin-bottom: -0.5rem;
}



/* --- Organisms --- */

/* MegaDropDown (O) */
div.megadropdown {
padding-top: 10px;
padding-bottom: 10px;
}

/* Teaser-Set-Column right */
div.teaser.col-12.col-sm-7 {
margin-top: 0px;
}



/* --- Molecules --- */

/* Table (responsive) */
div.table {
margin-top: calc(var(--fs-l) * var(--lh-m) / 2);
margin-bottom: calc(var(--fs-l) * var(--lh-m) / 2);
}



/* --- Atoms --- */

/* Small Button (active) */
button.btn.btn-secondary.active.small {
width:auto; 
}

/* Headline (H1) */
h1 {
font-size: var(--fs-ll);
line-height: var(--lh-s);
margin-top: 0;
margin-bottom: calc(var(--fs-l) * var(--lh-s) / 2);
}

/* Paragraph */
p {
font-size: var(--fs-xs);
}

/* Headline (H2) */
h2 {
font-size: var(--fs-ll);
margin-bottom: calc(var(--fs-ll) * var(--lh-s) / 2);
}

/* Headline (H3) */
h3 {
font-size: var(--fs-l);
line-height: var(--lh-m);
letter-spacing: var(--bf-ls);
word-spacing: var(--bf-ws);
margin-bottom: calc(var(--fs-l) * var(--lh-m) / 2);
}

/* Headline (H4) */
h4 {
font-size: var(--fs-m);
margin-bottom: calc(var(--fs-m) * var(--lh-m) / 2);
}

/* Caption */
div.caption {
font-size: var(--fs-xxs);
}

/* Small Button (default) */
button.btn.btn-secondary.small {
width:auto; 
}

/* Label (in Teaser or at H1) */
div.label {
font-size: var(--fs-xxxs);
margin-bottom: calc(var(--fs-xxxs) * var(--lh-m) / 2);
}

/* Teaser-Text */
p.teaser-bodytext {
font-size: var(--fs-s);
}

/* Headline (H5) */
h5 {
font-size: var(--fs-s);
margin-bottom: calc(var(--fs-xs) * var(--lh-m) / 2);
}

/* More-Link */
a.more {
font-size: var(--fs-xs);
margin-top: 8px;
margin-bottom: 12px;
}

/* Introduction Paragraph */
p.intro {
font-size: var(--fs-s);
}

/* Vertical-distance-top */
.top-distance {
margin-top: 80px !important;
}

/* Vertical-distance-bottom */
.bottom-distance {
margin-bottom: 80px !important;
}

/* Accordion */
div.accordion {
font-size: var(--fs-xxs);
margin-top: calc(var(--fs-s) * var(--lh-m));
margin-bottom: calc(var(--fs-s) * var(--lh-m) * 2);
}

/* Table */
table.table.v1 {
font-size: var(--fs-xxxs);
margin-top: calc(var(--fs-s) * var(--lh-m) / 2);
margin-bottom: calc(var(--fs-s) * var(--lh-m) / 2);
}

/* Vertical-distance-top (XL) */
.top-distance-large {
margin-top: 120px !important;
}

/* Vertical-distance-bottom (XL) */
.bottom-distance-large {
margin-bottom: 120px !important;
}

/* Primary Button (large) */
button.btn.btn-primary {
margin-top: 24px;
}

/* Secondary Button (large) */
button.btn.btn-secondary {
margin-top: 24px;
}

/* Headline (H2 - animated) */
h2.animated {
font-size: var(--fs-l);
line-height: var(--lh-s);
margin-top: 0;
margin-bottom: calc(var(--fs-l) * var(--lh-s) / 2);
}

/* Back-Link */
a.back {
font-size: var(--fs-xxxs);
}

/* Quote */
p.blockquote {
font-size: var(--fs-l);
}

/* Primary Button (large) */
a.btn.btn-primary {
margin-top: 24px;
}

/* Secondary Button (large) */
a.btn.btn-secondary {
margin-top: 24px;
}

/* Notice 1 */
blockquote.internal-notice {
font-size: var(--fs-m);
max-width: var(--max-w); 
}


/* Design-Token for Atoms in Organisms */
div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text > div.label {
margin-bottom: 30px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text > p.intro {
margin-top: 30px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_jobs > p.intro {
margin-top: 30px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v3 > div.label {
margin-bottom: 30px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v3 > p.intro {
margin-top: 30px;
}

div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.S_downloads > p.intro {
margin-top: 30px;
}



}
/* --------- Additional CSS --------- */

/* Grid div.container.sgrid */
div > div.container.sgrid {
    position: fixed;
    z-index: 9999999;
    top: 100px;
    left: 0;
    bottom: 100px;
    right: 0;
    display: none;
}

div > div.container.sgrid.show {
    display: block;
}

/* Teaser-Block (natural heights) div.container div.row.teaser-block */
.teaser-block > h2 {
  margin-bottom: 1.75rem !important;
}

/* Hero-Area div.container div.row.hero-area.justify-content-center */
div.container:first-of-type > div.hero-area {
  margin-top: 180px !important;
}

/* Header (1) header.sticky */
:root {
  --height-header: 120px;
}

header { 
  height: var(--height-header);
  color: var(--fc1);
  border-bottom: 1px solid var(--lc3);
  background-color: var(--bc2);
  position: absolute;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100vw !important;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: visible !important;
  backdrop-filter: blur(6px) contrast(0.9);
}

@media screen and (max-width: 991px), screen and (max-height: 771px) {
  :root {
    --height-header: 90px;
  }
}

@media screen and (max-width: 575px), screen and (max-height: 389px) {
  :root {
    --height-header: 60px;
  }
  header {
    padding-top: 10px;
    padding-bottom: 10px;
    backdrop-filter: none;
  }
}

header.sticky + .container {
  margin-top: 0;
}

header.sticky + .container.video-block-full, 
header.sticky + .container.carousel-block-full {
  margin-top: 0;
}

body:not(.sg_elements) .sticky {
  position: fixed;
  z-index: 999;
  top: 0;
  transition: top 0.25s ease-in-out;
}

body:not(.sg_elements) header.sticky {
  backdrop-filter: blur(6px) contrast(0.9) !important;
}

body:not(.sg_elements) header.hide {
    top: calc(var(--height-header) * -1);
}

/* Footer (1) footer.container.v1 */
footer { 
  border-top: 1px solid var(--lc2); 
}

footer.v1 span {
  display: flex;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  height: auto;
  font-size: var(--fs-xxs);
  line-height: var(--lh-l);
  color: var(--fc7);
  font-family: var(--body-font-1);
  font-style: var(--body-font-2);
  font-weight: var(--body-font-3);
  letter-spacing: var(--bf-ls);
  word-spacing: var(--bf-ws);
}

footer .info-block-title,
footer .footer-title,
footer label {
  display: flex;
  width: 100%;
  margin-top: 11px;
  margin-bottom: 20px;
  height: auto;
  font-size: var(--fs-xxs);
  line-height: var(--lh-m);
  color: var(--fc7);
  text-transform: var(--btt);
  letter-spacing: var(--lls-1);
  word-spacing: var(--lls-2);
  font-family: var(--body-font-boldstrong-1);
  font-style: var(--body-font-boldstrong-2);
  font-weight: var(--body-font-boldstrong-3);
}

footer a.menue-item {
  padding: 0;
  margin: 0;
  display: block;
  width: fit-content;
  margin-bottom: 12px;
  height: auto;
  font-size: var(--fs-xxs);
  line-height: var(--lh-s);
  letter-spacing: var(--bf-ls);
  word-spacing: var(--bf-ws);
  color: var(--fc7);
  border-bottom: 1px solid transparent;
}

footer a.menue-item:hover {
  color: var(--fc7);
  border-bottom: 1px solid var(--fc7);
}

@media screen and (max-width: 1199px) {
 footer label { 
    font-size: var(--fs-xxxs);
    max-width: 320px;
  }
}

@media screen and (max-width: 991px) {
 footer.v1 { 
    --bs-gutter: 2rem;
  }
}

/* Teaser-Set div.container div.row.teaser-set */
.teaser-set .teaser-img-portrait,
.teaser-set .teaser-img-square,
.teaser-set .teaser-img-landscape {
    background-image: none !important;
    padding: 0;
    position: relative;
}

.teaser-set .teaser-img-portrait > div,
.teaser-set .teaser-img-square > div,
.teaser-set .teaser-img-landscape > div {
    bottom: 0;
    padding: 24px;
    position: absolute;
}

.teaser-set .teaser-img-portrait > span.teaser-img-darken,
.teaser-set .teaser-img-square > span.teaser-img-darken,
.teaser-set .teaser-img-landscape > span.teaser-img-darken {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    bottom: 0;
    height: 150px;
    opacity: 0.56;
    position: absolute;
    transition: all 750ms ease;
    width: 100%;
}

.teaser-set .teaser-img-portrait:hover > span.teaser-img-darken,
.teaser-set .teaser-img-square:hover > span.teaser-img-darken,
.teaser-set .teaser-img-landscape:hover > span.teaser-img-darken {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    opacity: 0.62;
}

.teaser-set .teaser-img-portrait img {
    aspect-ratio: 0.64;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.teaser-set .teaser-img-square img {
    aspect-ratio: 1;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.teaser-set .teaser-img-landscape img {
    aspect-ratio: 1.64;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* Teaser-Block Variables div.container div.row.teaser-block.teaser-block-wl */
div.teaser-block-wl {
  --bs-gutter: var(--lw_b20,0.5rem);
  --lw2: var(--lw_b11,1px);
  --pl-te: var(--lw_b12,20px);
  --pr-te: var(--lw_b16,20px);
  --pt-te: calc(var(--lw_b13,18px) + 6px);
  --pb-te: var(--lw_b13,18px);
  --br1-1: var(--lw_b15, 8px);
  --br1-2: var(--lw_b15, 8px);
  --br1-3: var(--lw_b15, 8px);
  --br1-4: var(--lw_b15, 8px);
  --lc6: hsl(0,0%,var(--lw_b17, 80%));
  --bc4: hsl(0,0%,var(--lw_b18, 100%));
  --fs-m_: calc(var(--fs-m) * var(--lw_b21, 1));
  --fs-s_: calc(var(--fs-s) * var(--lw_b21, 1));
  --fs-xs_: calc(var(--fs-xs) * var(--lw_b22, 1));
  --fs-xxs_: calc(var(--fs-xxs) * var(--lw_b22, 1));
  --teaser-box-shadow: var(--lw_b23, none);
}

div.teaser-text div.label {
  display: var(--lw_b24,block);
}

div.teaser-text a.more {
  display: var(--lw_b25,none);
}

div.teaser.wl > * {
  box-shadow: var(--teaser-box-shadow);
}

/* div.teaser.wl:hover > * {
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.14);
} */

.teaser-block-wl div.teaser-text {
  --fs-m: var(--fs-m_);
  --fs-s: var(--fs-s_);
  --fs-xs: var(--fs-xs_);
  --fs-xxs: var(--fs-xxs_);
}

.teaser-block-wl div.teaser-text {
  height: var(--lw_b19, auto);
}

div.img-fit {
  height: var(--lw_b14,240px);
}

.teaser-block-wl img {
  width: 100%;
  height: var(--lw_b14,240px);
  object-fit: cover;
    transform: scale(1);
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

/* Teaser-Block (equilize & in. gutter) div.container div.row.teaser-block.teaser-block-fi */
.teaser-block-fi {
  --bs-gutter: 0.5rem;
}

.teaser-block-fi div.teaser-text {
  height: 100%
}

.teaser-block-fi img {
  width: 100%;
  height: 240px;
  object-fit: cover;
    transform: scale(1);
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

div.teaser.wl:hover  {
  cursor: pointer;
}

div.teaser.wl:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* _ Slider-Block (M) div.container div.row.carousel-block-m.justify-content-center */
.carousel-block-m img {
  object-fit: cover;
  aspect-ratio: 1.5;
}

.carousel-block-m div.carousel-caption {
  bottom: calc(var(--position-carousel-caption) * 0);
}

.carousel-block-m div.carousel-caption p {
  font-size: var(--fs-m);
}

@media screen and (max-width: 991px) {

  .carousel-block-m div.carousel-caption p {
    font-size: var(--fs-s);
  }

}

@media screen and (max-width: 767px) {

  .carousel-block-m .carousel-control-prev, 
  .carousel-block-m .carousel-control-next {
    width: 22.5%;
  }
  .carousel-block-m div.carousel-caption p {
    font-size: var(--fs-xs);
  }

}

@media screen and (max-width: 575px) {

  .carousel-block-m .carousel-control-prev, 
  .carousel-block-m .carousel-control-next {
    width: 25%;
  }
  .carousel-block-m .carousel-control-prev-icon, 
  .carousel-block-m .carousel-control-next-icon {
    padding: 22px;
    background-size: 22px 22px;
  }

}

/* _ Slider-Block (L) div.container div.row.carousel-block-l.justify-content-center */
.carousel-block-l img {
  object-fit: cover;
  aspect-ratio: 1.5;
}

.carousel-block-l div.carousel-caption {
  bottom: calc(var(--position-carousel-caption) * 0);
}

.carousel-block-l div.carousel-caption p {
  font-size: var(--fs-l);
}

@media screen and (max-width: 991px) {

  .carousel-block-l div.carousel-caption p {
    font-size: var(--fs-m);
  }

}

@media screen and (max-width: 767px) {

  .carousel-block-l .carousel-control-prev, 
  .carousel-block-l .carousel-control-next {
    width: 20%;
  }
  .carousel-block-l div.carousel-caption p {
    font-size: var(--fs-s);
  }

}

@media screen and (max-width: 575px) {

  .carousel-block-l .carousel-control-prev, 
  .carousel-block-l .carousel-control-next {
    width: 22.5%;
  }
  .carousel-block-l .carousel-control-prev-icon,
  .carousel-block-l .carousel-control-next-icon {
    padding: 24px;
    background-size: 24px 24px;
  }

}

/* _ Image-Block (L) div.container div.row.image-block-l.ar.justify-content-center */
.image-block-l.ar img {
  aspect-ratio: 1.6;
  object-fit: cover;
}

/* Slider-Block (full) div.carousel-block-full.container.full */
@media screen and (min-width: 992px) {
  .carousel-block-full .carousel-control-prev,
  .carousel-block-full .carousel-control-next {
    width: 12.5%;
  }
}

@media screen and (min-width: 1200px) {
  .carousel-block-full .carousel-control-prev, 
  .carousel-block-full .carousel-control-next {
    width: 11%;
  }
}

@media screen and (min-width: 1400px) {
  .carousel-block-full .carousel-control-prev, 
  .carousel-block-full .carousel-control-next {
    width: 10%;
  }
}

.carousel-block-full .carousel-indicators {
  bottom: 3%;
}

.carousel-block-full.left-align .carousel-indicators {
  margin-right: 10%;
  margin-left: 0;
  left: 64px;
  justify-content: flex-start;
}

.carousel-block-full.left-align div.carousel-caption {
  right: 30%;
  left: 64px;
  max-width: 1100px;
}

.carousel-block-full div.carousel-caption p {
  font-size: var(--fs-xxxl);
  text-transform: uppercase;
  font-family: var(--headline-font-h1-1);
  font-style: var(--headline-font-h1-2);
  font-weight: 400;
  line-height: var(--lh-xs);
  letter-spacing: var(--hf-ls);
  word-spacing: var(--hf-ws);
  text-shadow: 0 0 12px rgba(0,0,0,0.25);
}

.carousel-block-full.left-align div.carousel-caption p {
  text-align: left;
}

@media screen and (max-width: 1399px) {
  .carousel-block-full div.carousel-caption p {
    font-size: var(--fs-xxxl);
  }
}

@media screen and (max-width: 1199px) {
  .carousel-block-full.left-align div.carousel-caption, 
  .carousel-block-full.left-align .carousel-indicators {
    left: 56px;
  }
  .carousel-block-full div.carousel-caption p {
    font-size: var(--fs-xxl);
  }
}

@media screen and (max-width: 991px) {
  .carousel-block-full.left-align div.carousel-caption, 
  .carousel-block-full.left-align .carousel-indicators {
    left: 48px;
  }
}

@media screen and (max-width: 767px) {
  .carousel-block-full.left-align div.carousel-caption,
  .carousel-block-full.left-align .carousel-indicators {
    left: 40px;
  }
  .carousel-block-full .carousel-control-prev, 
  .carousel-block-full .carousel-control-next {
    width: 17.5%;
  }
  .carousel-block-full div.carousel-caption p {
    font-size: var(--fs-xl);
  }
}

@media screen and (max-width: 575px) {
  .carousel-block-full.left-align div.carousel-caption,
  .carousel-block-full.left-align .carousel-indicators {
    left: 32px;
  }
  .carousel-block-full .carousel-control-prev,
  .carousel-block-full .carousel-control-next {
    width: 20%;
  }
  .carousel-block-full .carousel-control-prev-icon,
  .carousel-block-full .carousel-control-next-icon {
    background-color: transparent;
  }
}

@media screen and (max-width: 389px) {
  .carousel-block-full.left-align div.carousel-caption,
  .carousel-block-full.left-align .carousel-indicators {
    left: 24px;
  }
  .carousel-block-full div.carousel-caption p {
    font-size: var(--fs-l);
  }
}

/* _ Image-Block (M) div.container.mt-6 div.row.image-block-m.ar.justify-content-center */
.image-block-m.ar img {
  aspect-ratio: 1.6;
  object-fit: cover;
}

/* Header (2) header.sticky.v2 */
header.v1 { 
  z-index: 999;
}

header.v2 { 
  border-bottom-color: transparent; 
  z-index: 999;
  backdrop-filter: none;
}

header.v2 nav.navi-1 a.menue-item { 
  color: var(--fc8) !important;
}

header.v2 nav.navi-1 nav.subnavi a.menue-item {
  color: var(--fc1) !important;
}

header.v2 nav.navi-1 a.menue-item:hover, 
header.v2 nav.navi-1 a.menue-item.selected { 
  color: var(--fc8) !important;
  border-bottom: 1px solid var(--fc8);
}

header.v1 nav.navi-1, header.v2 nav.navi-1 { 
  top: -2px;
}

header.v1 .search-icon, header.v2 .search-icon, 
header.v1 .arrow-right-icon, header.v2 .arrow-right-icon { 
  top: 39px;
}

header.v1 input[type='text'].search-input-header, 
header.v2 input[type='text'].search-input-header { 
  top: 44px;
  right: 100px;
}

/* for Display in Styleguide only */
.styleguide.segments header.v2 {
  background-color: rgba(0,0,0,.33) !important;
}

/* Search-Lightbox div.search-lightbox */
div.search-lightbox {
  z-index: 99999;
  align-items: center;
  transform: translateX(0px);
  transition: 400ms ease-in-out;
  transition-property: all;
  height: 0;
  opacity: 0.94;
}

div.search-lightbox.open {
  display: flex;
  height: var(--height-header);
}

div.search-lightbox .arrow-right-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 63vw;
  cursor: pointer;
  transform: translateX(0px);
  transition: 400ms ease-in-out;
  transition-property: all;
}

div.search-lightbox .close {
  position: absolute;
  right: 8px;
  top: 30px;
  cursor: pointer;
  transform: rotate(0deg);
  transition: 400ms ease-in-out;
  transition-property: all;
  border: 12px solid transparent;
  width: 60px;
  height: 60px;
}

@media (hover: hover) {
  div.search-lightbox .close:hover {
    transform: rotate(180deg);
  }
  div.search-lightbox .arrow-right-icon:hover {
    transform: translateX(10px);
  }
}

@media screen and (max-width: 991px) {
 div.search-lightbox .close {
   top: 14px;
  }
}

@media screen and (max-width: 575px) {
 div.search-lightbox .close {
   top: 7px;
  }
}

/* Single-Teaser V2 (image left) div.container div.row.teaser-block.teaser-block-1-il */
@media screen and (max-width: 766px) {
  .img-col + .txt-col {
    margin-top: 24px
  }
}

/* Single-Teaser V2 (image right) div.container.background.bgc2 div.row.teaser-block.teaser-block-1-ir */
@media screen and (max-width: 766px) {
  .txt-col + .img-col {
    margin-top: 24px
  }
}

/* Carousel-Block (Swiper) div.container div.ceh.block.row */
.carousel-eh, 
.block > h2 {
  /* --bs-gutter-x: calc(3.5 * var(--bs-gutter));
  margin-left: calc((100% - var(--max-w)) / 2 + (var(--bs-gutter-x) * 0.5)) !important; */
  margin-right: 0 !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: 100px;
}

.carousel-eh::-webkit-scrollbar {
    width: 0 !important;
}

.block h2 {
    position: relative;
    overflow: visible;
    /* max-width: var(--max-inner-w); */
    margin-bottom: -12px;
}

.block button {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-left: 0 !important;
}

.carousel-navigation {
  position: relative;
  margin-bottom: 12px;
  display: flex;
  justify-content: flex-end;
}

div.carousel-eh .carousel-control-prev, 
div.carousel-eh .carousel-control-next {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.swiper-button-disabled:hover,
.swiper-button-disabled {
  visibility: hidden;
}


.block .carousel-control-prev-icon, 
.block .carousel-control-next-icon {
  background-color: transparent;
  z-index: +1;
  padding: 20px;
  background-size: 20px;
  border-radius: 40px;
  margin-left: 12px;
}

@media (hover: hover) {
  .block .carousel-control-prev-icon:hover, 
  .block .carousel-control-next-icon:hover {
    background-color: var(--bsc2);
  }
}

.block .carousel-control-prev-icon {
  right: 0px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjkuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNS4yIDE1LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1LjIgMTUuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBwb2ludHM9IjE1LjIsNy4xIDIuMSw3LjEgOC40LDAuOCA3LjYsMCAwLDcuNiA3LjYsMTUuMiA4LjQsMTQuNCAyLjIsOC4yIDE1LjIsOC4yICIvPgo8L3N2Zz4K');
}

.block .carousel-control-next-icon {
  right: -4px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjkuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNS4yIDE1LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1LjIgMTUuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBwb2ludHM9IjAsOC4yIDEzLjEsOC4yIDYuOSwxNC40IDcuNywxNS4yIDE1LjIsNy42IDcuNiwwIDYuOCwwLjggMTMsNyAwLDcgIi8+Cjwvc3ZnPgo=');
}


@media screen and (max-width: 1399px) {
  /* .carousel-eh, 
  .block > h2 {
    margin-left: 0 !important;
    width: calc(100vw - var(--op-xl));
  } */
  .carousel-eh {
    margin-bottom: 96px;
  }
}

@media screen and (max-width: 1199px) {
  /* .carousel-eh, 
  .block > h2 {
    width: calc(100vw - var(--op-l));
  } */
  .carousel-eh {
    margin-bottom: 84px;
  }
}

@media screen and (max-width: 991px) {
  /* .carousel-eh, 
  .block > h2 {
    width: calc(100vw - var(--op-m));
  } */
  .carousel-eh {
    margin-bottom: 72px;
  }
}

@media screen and (max-width: 767px) {
  /* .carousel-eh, 
  .block > h2 {
    width: calc(100vw - var(--op-s));
  } */
  .carousel-eh {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 575px) {
  /* .carousel-eh, 
  .block > h2 {
    width: calc(100vw - var(--op-xs));
  } */
  .carousel-eh {
    margin-bottom: 48px;
  }
  .block h2 {
    padding-right: 0;
    margin-bottom: 24px;
  }  
  .carousel-navigation {
    display: none;
  }
}

@media screen and (max-width: 389px) {
  /* .carousel-eh, 
  .block > h2 {
    width: calc(100vw - var(--op-xxs));
  } */
  .carousel-eh {
    margin-bottom: 36px;
  }
}

/* Breadcrumb div.breadcrumb-navi.container.full */
div.breadcrumb-navi {
  --ind-p: 7px;
  margin-left: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));
}

header.sticky + div.breadcrumb-navi {
  margin-top: calc(var(--height-header) + 7px) !important;
}

/* Image-Text-Block (image left) div.container.mt-5 div.row.image-text-block.justify-content-center */
.image-text-block .img-col {
  margin-top: 5px !important;
}

@media screen and (max-width: 575px) {
  .image-text-block .img-col + .txt-col {
    margin-top: 24px
  }
}

/* Offcanvas Navigation (unstyled) div.offcanvas-navigation */
div.offcanvas-navigation {
  padding: 72px 48px;
  position: fixed;
  top: 0;
  left: -101vw;
  z-index: 99999;
  opacity: 0;
  transition: left 400ms ease-in-out, opacity 400ms ease-in-out 400ms;
  overflow-y: auto;
  overflow-x: hidden;
}

div.offcanvas-navigation.open {
  left: 0vw;
  opacity: 1;
  transition: opacity 400ms ease-in-out, left 400ms ease-in-out 400ms;
}

div.offcanvas-navigation a.menue-item::before {
  content: '';
  margin-right: 0;
  margin-left: 0;
}

div.offcanvas-navigation a.menue-item.active::before {
  content: '—';
  margin-right: 10px;
  margin-left: -6px;
}

div.offcanvas-navigation a.menue-item {
  display: block;
  width: calc(100% - 30px);
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 28px;
  font-size: var(--fs-s);
  color: var(--fc10);
}

div.offcanvas-navigation a.menue-item:hover {
  color: var(--fsc2);
}

div.offcanvas-navigation a.menue-item.selected, 
div.offcanvas-navigation a.menue-item.selected:hover {
  cursor: default;
  color: var(--fsc2) !important;
  border-bottom: 1px solid var(--fsc2);
  text-decoration: none;
}

div.offcanvas-navigation li.dropdown {
  display: block;
}

div.offcanvas-navigation .close {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  transition: 400ms ease-in-out;
  transition-property: all;
  border: 12px solid transparent;
  right: 8px;
  top: 8px;
  width: 64px;
  height: 64px;
}

div.offcanvas-navigation.open .close {
  position: fixed;
  opacity: 1;
  transition: 400ms ease-in-out 800ms;
  transition-property: all;
}

@media (hover: hover) {
  div.offcanvas-navigation .close:hover {
    transform: rotate(180deg);
  }
}

div.offcanvas-navigation nav.subnavi {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  box-shadow: none !important;
  max-height: 0;
  overflow: hidden;
  transition: all 400ms ease-in-out;
  background-color: transparent;
  backdrop-filter: none;
  opacity: 0;
}

div.offcanvas-navigation nav.subnavi.show {
  max-height: 500px;
  margin: 0 0 22px 22px !important;
  overflow: visible;
  transition: all 400ms ease-in-out;
  opacity: 1;
}

div.offcanvas-navigation nav.subnavi a.menue-item {
  font-size: var(--fs-xs) !important;
  margin: 0 0 22px !important;
  max-width: calc(100vw - 100px) !important;
}

div.offcanvas-navigation nav.navi-2 {
  position: relative;
  margin-top: 64px;
  top: unset;
  left: unset;
  right: unset;
  text-align: left;
  display: block !important;
}

div.offcanvas-navigation nav.navi-2 a.menue-item {
  padding: 0;
  margin: 0 18px 22px 0px;
  font-size: var(--fs-xxs);
}

.offcanvas-navigation nav.navi-2 .language-switch a.menue-item {
  display: inline;
  margin: 0 18px 22px 18px;
}

div.offcanvas-navigation nav.navi-2 .language-switch a.menue-item:last-of-type {
  margin-right: 0;
}

div.offcanvas-navigation nav.navi-2 .language-switch a.menue-item:first-of-type {
  margin-left: 0;
}

div.offcanvas-navigation nav.navi-2 .language-switch a.menue-item.selected {
  text-decoration: none;
  font-weight: bolder;
}


/* nur für Anzeige im Styleguide */
div.styleguide.segments div.offcanvas-navigation {
  left: 0;
  position: absolute;
  display: block;
  opacity: 1;
  height: 100vh;
}

div.styleguide.segments div.offcanvas-navigation .close {
  opacity: 1;
  position: absolute;
}

/* Hero-Video (full view) div.video-block-full.container.full */
.video-block-full {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.video-block-full .video  {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-block-full .video video {
  min-width: 100%; 
  min-height: 100%; 
  width: auto;
  height: auto;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.video-block-full div.video-caption {
  max-width: 1200px;
  position: absolute;
  top: calc(50% - var(--fs-xxxxl));
  top: 50%;
  left: 50%;
  transform: translate(-50%,calc(var(--height-header) / 2 - 50%));
  min-width: min(75%,1200px);
}

.video-block-full div.video-caption h1 {
  font-size: var(--fs-xxxxl);
  text-transform: uppercase;
  font-family: var(--headline-font-h1-1);
  font-style: var(--headline-font-h1-2);
  font-weight: var(--headline-font-h1-3);
  line-height: var(--lh-xs);
  letter-spacing: calc(var(--hf-ls) * 1.5);
  word-spacing: calc(var(--hf-ws) * 1.5);
  text-align: center;
  color: var(--fc8);
  max-width: none;
}

.video-block-full div.video-caption p {
  font-size: var(--fs-xl);  
  font-family: var(--headline-font-h1-1);
  font-style: var(--headline-font-h1-2);
  font-weight: var(--headline-font-h1-3);
  line-height: var(--lh-s);
  letter-spacing: var(--hf-ls);
  word-spacing: var(--hf-ws);
  text-align: center;
  color: var(--fc8);
  max-width: none;
  padding: 0 175px;
}

@media screen and (max-width: 1399px) {
  .video-block-full div.video-caption h1 {
    font-size: var(--fs-xxxl);
  }
  .video-block-full div.video-caption p {
    font-size: var(--fs-l);
    line-height: var(--lh-m);
    padding: 0 85px;
  }
}

@media screen and (max-width: 991px) {
  .carousel-block-full div.video-caption h1 {
    font-size: var(--fs-xxl);
  }
  .video-block-full div.video-caption p {
    font-size: var(--fs-m);
    padding: 0 40px;
    font-family: var(--body-font-1);
    font-style: var(--body-font-2);
    font-weight: var(--body-font-3);
    line-height: var(--lh-l);
    letter-spacing: var(--bf-ls);
    word-spacing: var(--bf-ws);
    font-weight: bolder;
  }
}

@media screen and (max-width: 575px) {
  .video-block-full div.video-caption h1 {
    font-size: var(--fs-xl);
  }
  .video-block-full div.video-caption p {
    font-size: var(--fs-s);
    padding: 0 0px;
  }
}

@media screen and (max-width: 389px) {
  .video-block-full div.video-caption h1 {
    font-size: var(--fs-xl);
  }
  .video-block-full div.video-caption p {
    font-size: var(--fs-s);
  }
}

/* Second-Footer (1) div.container.footer */
.footer { 
  border-top: 1px solid var(--lc2);
  --ind-p: 8px;
  padding-right: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));
  padding-left: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));
}

.footer div.language-switch {
  float: right;
}

.footer .divider-language {
  padding: 0 6px;
}

.footer label, .footer a.menue-item {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: fit-content;
  height: auto;
  font-size: var(--fs-xxs);
  line-height: var(--lh-s);
  color: var(--fc7);
  border-bottom: 1px solid transparent;
  text-decoration: none:
}

.footer a.menue-item:hover {
  color: var(--fc7);
  border-bottom: 1px solid var(--fc7);
}

.footer a.menue-item.selected, 
.footer a.menue-item.selected:hover {
  cursor: default;
  color: var(--fc7) !important;
  border-bottom: 1px solid var(--fc7);
}

@media screen and (max-width: 1199px) {
  .footer label, .footer a.menue-item { 
    font-size: var(--fs-xxxs);
  }
}

/* C2A div.container.background.bgc2.c2a div.row.c2a */
.c2a button.btn {
  margin: 38px auto 24px;
  width: auto !important;
}

.c2a h2 + h4 {
  margin-top: 24px !important;
  text-align: center;
}

.c2a + footer {
  margin-top: 0 !important;
}

/* Teaser-Block (???) div.container div.row.teaser-block.ar */
.teaser-block > h2 {
  margin-bottom: 1.75rem !important;
}

/* Teaser-Block (Label + Headline) div.container.mt-8 div.row.teaser-block.teaser-block-ar */
.teaser-block-ar div.teaser-text {
  height: 100%
}

.teaser-block-ar div.img-fit {
  height: var(--teaser-image-height);
  aspect-ratio: var(--teaser-image-ar);
}

.teaser-block-ar img {
  width: 100%;
  height: var(--teaser-image-height);
  aspect-ratio: var(--teaser-image-ar);
  object-fit: cover;
    transform: scale(1);
    transition: -webkit-transform 1500ms ease-out;
    transition: transform 1500ms ease-out;
}

.teaser-block-ar .teaser:hover  {
  cursor: pointer;
}

.teaser-block-ar .teaser:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

.teaser-block-ar .teaser .img-fit {
    position: relative;
}

.teaser-block-ar .teaser .img-fit-darken {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    bottom: 0;
    height: 0px;
    opacity: 0.25;
    position: absolute;
    transition: all 250ms ease-out;
    width: 100%;
}

.teaser-block-ar .teaser:hover .img-fit-darken {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    height: 68%;
}

.teaser-block-ar .teaser:hover h5 {
    padding-left: 0;
}

.teaser-block-ar .teaser h5::before {
    content: '+';
    display: inline-block;
    opacity: 0;
    transition: width .5s ease-out, opacity .4s ease-out;
    width: 0;
}

.teaser-block-ar .teaser:hover h5::before {
    opacity: 1;
    width: 20px;
}

/* Footer footer.container.v2 */
footer p a {
  color: var(--fc8);
  text-decoration: none;
}

footer.v2 .footer-description {
/*
  display: flex;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  height: auto;
  font-size: var(--fs-xs);
  line-height: var(--lh-l);
  color: var(--fc7);
  font-family: var(--body-font-1);
  font-style: var(--body-font-2);
  font-weight: var(--body-font-3);
  letter-spacing: var(--bf-ls);
  word-spacing: var(--bf-ws);
  max-width: 400px;
*/
} 

footer.v2 div.social-media > a > svg {
  height: 46px;
  width: 46px;
}

footer.v2 a.menue-item {
  margin: 0;
  border-bottom: 1px solid transparent;
  color: var(--fc8);
}

footer.v2 .language-switch {
  display:inline-block; 
  white-space: nowrap;
  gap: 9px;
}

footer.v2 li a[href^="http"]::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 360 360" version="1.1" viewBox="0 0 360 360"><path d="M300 300V60H60v24h199L60 283l17 17 199-199v199z" style="fill:%23FFFFFF"/></svg>');
  transition: all 300ms ease-in-out;
}

footer.v2 .language-switch-mobile {
  margin-top: 44px;
}

footer.v2 .divider-language {
  width: 3px;
  height: 3px;
  background-color: var(--bc5);
  border-radius: 50%;
}

footer.v2 .row + .row {
  margin-top: 24px
}

footer.v2 li a[href^="http"] {
  text-indent: 0;
  padding-left: 21px;
}

.footer-bottom-nav li,
.footer-nav li {
  padding-left: 0;
}

.footer-bottom-nav li::before,
.footer-nav li::before {
  display: none;
}

footer.v2 .info-block-title,
footer.v2 .footer-title {
  color: var(--fc8);
  letter-spacing: var(--bf-ls);
  word-spacing: var(--bf-ws);
  text-align: left;
}

footer.v2 p  {
  display: block;
  font-size: var(--fs-xxs);
  margin-bottom: 20px;
  letter-spacing: var(--bf-ls);
  word-spacing: var(--bf-ws);
  color: var(--fc7);
  margin-top: 12px;
}

footer.v2 .info-block-links a {
  display: block;
  margin-bottom: 17px;
}

.footer-bottom-nav ul {
  display: flex;
  justify-content: flex-end;
  column-gap: 57px
}

.footer-bottom .copyright {
  color: var(--fc7);
  margin: auto 0;
  letter-spacing: var(--bf-ls);
  word-spacing: var(--bf-ws);
  font-size: var(--fs-xxs);
  line-height: var(--lh-s);
}

footer.v2 .info-block-wrapper {
  margin-bottom: 30px;
}


/* Anfang LANTAL spezifische Anpassung */

footer svg .st0 { fill: var(--fc7) }
footer svg .st1 { fill: var(--bc1) }

footer.v2 ul li {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

footer.v2 div.social-media > a:hover > svg .st0 {
  fill: var(--fec);
}

footer.v2 div.social-media > a:hover > svg .st1 {
  fill: var(--fsc2);
}

footer.v2 a.menue-item:hover {
  color: var(--fc7);
}

footer.v2 .language-switch .menue-item.selected,
footer.v2 .language-switch .menue-item.selected:hover {
  cursor: default;
  color: var(--fc7) !important;
  border-bottom: 1px solid var(--fc7);
}

footer.v2 li a[href^="http"]:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 360 360" version="1.1" viewBox="0 0 360 360"><path d="M300 300V60H60v24h199L60 283l17 17 199-199v199z" style="fill:%23D8D1C9"/></svg>');
  transform: rotate(45deg);
  transition: all 300ms ease-in-out;
}

footer.v2 a.menue-item:hover {
  color: var(--fc7);
}

/* Ende LANTAL spezifische Anpassung !!! */





@media screen and (max-width: 767px) {
  .footer-logo-wrapper > img {
    width: 136px;
    height: auto;
  }
  footer.v2 .row + .row {
    margin-top: 20px;
  }
  .footer-bottom .row {
    flex-direction: column-reverse;
  }
  footer.v2 li {
    margin-bottom: 17px;
  }
  footer.v2 li:last-of-type {
    margin-bottom: 0;
  }
  .footer-bottom-nav ul {
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 0;
  }
  footer.v2 div.social-media > a > svg {
    height: 42px;
    width: 42px;
    margin-right: 8px;
  }
}

@media screen and (min-width: 767px) {
  footer.v2 .row + .row {
    margin-top: 48px
  }
  .footer-logo-wrapper > img {
    width: 150px;
    height: auto;
  }
  footer.v2 .info-block-links a.menue-item,
  footer.v2 .info-block {
    font-size: var(--fs-xxs);
    line-height: var(--lh-m);
  }
}

@media screen and (max-width: 575px), screen and (max-height: 389px) {
  footer.v2 li {
    margin-left: 0;
  }
  .footer-bottom .copyright {
    margin-bottom: 20px;
    margin-top: 12px;
  }
}

/* Single-Teaser (image left) div.container div.row.teaser-block.justify-content-between.il */
@media screen and (max-width: 766px) {
  .txt-col-50 + .img-col {
    margin-top: 24px
  }
  .img-col + .txt-col-50 {
    margin-top: 24px
  }
}

/* _ Single-Teaser (image right) div.container div.row.teaser-block.justify-content-between.ir */
@media screen and (max-width: 766px) {
  .txt-col-50 + .img-col {
    margin-top: 24px
  }
  .img-col + .txt-col-50 {
    margin-top: 24px
  }
}

/* Offcanvas-Navigation div.offcanvas-navigation-2.S_sg-version */
div.offcanvas-navigation-2 {
  background-color: var(--bc3);
  color: var(--fc10);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -101vw;
  z-index: 99999;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: var(--font-of-offcanvas-menue-1); 
  font-style: var(--font-of-offcanvas-menue-2); 
  font-weight: var(--font-of-offcanvas-menue-3); 
}

div.offcanvas-navigation-2 a.menue-item::before {
  content: '';
  margin-right: 0;
  margin-left: 0;
}

div.offcanvas-navigation-2 a.menue-item.active::before {
  content: '—';
  margin-right: 12px;
  margin-left: -12px;
}

div.offcanvas-navigation-2 a.menue-item {
  display: block;
  width: calc(100% - 30px);
  margin-bottom: 28px;
  padding: 0 18px;
  font-size: var(--fs-s);
  color: var(--fc10);
}

div.offcanvas-navigation-2 a.menue-item.selected, 
div.offcanvas-navigation-2 a.menue-item.selected:hover {
  cursor: default;
  color: var(--fsc2) !important;
}

div.offcanvas-navigation-2 li.dropdown {
  display: block;
}

div.offcanvas-navigation-2 .close {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  transition: 400ms ease-in-out;
  transition-property: all;
  border: 12px solid transparent;
  right: 8px;
  top: 0px;
  width: 64px;
  height: 64px;
}

div.offcanvas-navigation-2.open .close {
  position: fixed;
  opacity: 1;
  transition: 400ms ease-in-out;
  transition-property: all;
}

@media (hover: hover) {
  div.offcanvas-navigation-2 .close:hover {
    transform: rotate(180deg);
  }
}

div.offcanvas-navigation-2 nav.subnavi {
  box-shadow: none !important;
  padding: 0 !important;
  position: relative !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  max-height: 0;
  overflow: hidden;
  transition: all 400ms ease-in-out;
  opacity: 0;
}

div.offcanvas-navigation-2 nav.subnavi.show {
  max-height: 500px;
  margin: 0px 0 32px 0 !important;
  overflow: visible;
  transition: all 400ms ease-in-out;
  opacity: 1;
}

div.offcanvas-navigation-2 nav.subnavi a.menue-item {
  font-size: var(--fs-xs) !important;
  margin: 0 0 20px !important;
  max-width: calc(100vw - 100px) !important;
}

div.offcanvas-navigation-2 nav.navi-2 a.menue-item {
  padding: 0 18px;
  margin-bottom: 22px;
  font-size: var(--fs-xxs);
}

div.offcanvas-navigation-2 nav.navi-2 .language-switch a.menue-item.selected {
  text-decoration: underline !important;
  text-decoration-style: solid !important;
  font-weight: bolder;
}

div.offcanvas-navigation-2 nav.navi-2 {
  position: relative;
  margin-top: 64px;
  top: unset;
  left: unset;
  right: unset;
  text-align: left;
  display: block !important;
}

.offcanvas-navigation-2 .language-switch a.menue-item {
  display: inline;
}

div.styleguide.segments div.offcanvas-navigation-2 {
  left: 0;
  position: relative;
  display: block;
  opacity: 1;
}

div.styleguide.segments div.offcanvas-navigation-2 .close {
  position: absolute;
  opacity: 1;
}

/* Eniko's codes */
:root {
--navBg: rgb(38, 38, 38);
--black: rgb(0, 0, 0);
--white: rgb(255, 255, 255);
--red: rgb(191, 58, 52);
--lightGrey: rgb(216, 209, 201);
--darkBeige: rgb(206, 197, 186);
}

@-webkit-keyframes logoColorTransition {
  0% {
      fill: var(--bc3);
  }
  90% {
     fill: var(--bc3);
  }
  100% {
     fill: #fff;
  }
}

@-webkit-keyframes showElement {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@-webkit-keyframes menuList {
  0% {
      margin-left: 15px;
      opacity: 0;
  }

  100% {
      margin-left: 0;
      opacity: 1;
  }
}

div.offcanvas-navigation-2 {
    left: 100%;
    overflow: hidden;
    padding: 0;
    transition: none;
}

div.offcanvas-navigation-2 p,
div.offcanvas-navigation-2 a {
    color: var(--white);
}

div.offcanvas-navigation-2-inner {
    height: calc(100% - 250px);
    margin: 150px auto 100px auto;
    max-width: 1400px;
    position: relative;
}

div.offcanvas-navigation-2.open {
    left: 0;
    transition: left .2s ease-in;
    transition-delay: .2s;
}

/* OPEN OFFCANVAS ICON AND HEADER CHANGES, ANIMATIONS */
.menu-open-wrapper {
    --ind-p: 5px;
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    right: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));
    width: 40px;
}

.menu-open-wrapper svg.menue-icon {
    right: unset;
}

.menu-open-wrapper .offcanvas-close-icon-wrapper {
    position: absolute;
    z-index: -1;
}

.offcanvas-close-icon-wrapper {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.offcanvas-close-icon {
    height: 2.5px;
    position: relative;
    width: 32px;
}

.offcanvas-close-icon span {
    background-color: var(--black);
    border-radius: 5px;
    display: block;
    height: 1.5px;
    position: absolute;
    transition: transform .3s linear;
    width: 32px;
}

.offcanvas-close-icon.animate span:first-of-type {
    background-color: var(--white);
    transform: rotate(-45deg);
    transition: transform .3s linear, background-color .5s linear;
}

.offcanvas-close-icon.animate span:last-of-type {
    background-color: var(--white);
    transform: rotate(45deg);
    transition: transform .3s linear, background-color .5s linear;
}

body.no-scroll .menu-open-wrapper svg.menue-icon {
    opacity: 0;
    z-index: -1;
}

body.no-scroll header.sticky {
    backdrop-filter: none !important;
    background-color: transparent;
    border: 0;
    z-index: 999999;
}

body.no-scroll svg.logo > path {
     animation: logoColorTransition .3s ease .2s normal forwards;
}

/* OFFCANVAS LEFT-BOTTOM PART (CONTACT INFORMATION) */
div.offcanvas-contact {
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 376px;
    opacity: 0;
    position: absolute;
    row-gap: 38px;
}

div.offcanvas-contact .text-uppercase {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
}

div.offcanvas-contact-info {
    display: flex;
    column-gap: 24px;
    justify-content: space-between;
}

div.offcanvas-contact-location {
    width: 196px;
}

div.offcanvas-contact-location > p {
    color: var(--lightGrey);
    font-size: 18px;
    letter-spacing: 0.72px;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: 0;
}

div.offcanvas-contact-location > p:last-of-type {
    margin-bottom: 0
}

div.offcanvas-contact-data > p {
    margin-bottom: 10px;
    margin-top: 0;
}

div.offcanvas-contact-data > p:last-of-type {
    margin-bottom: 0;
    margin-top: 0;
}

div.offcanvas-contact-data > p > a {
    color: var(--white);
    font-size: 18px;
    letter-spacing: 0.72px;
    line-height: 30px;
    text-decoration: none;
}

div.offcanvas-contact-data > p > a:hover {
     color: var(--darkBeige);
}

div.offcanvas-contact.animate {
    animation: showElement .8s ease .6s forwards;
}

/* SOCIAL MEDIA ICONS */
div.offcanvas-navigation-2 div.offcanvas-social-media {
    display: flex;
    column-gap: 15px;
}

div.offcanvas-navigation-2 div.offcanvas-social-media > a {
    align-items: center;
    background-color: var(--lightGrey);
    border-radius: 50%;
    display: flex;
    height: 46px;
    justify-content: center;
    margin: 0;
    transition: background-color .15s ease-in;
    width: 46px;
}

div.offcanvas-navigation-2 div.offcanvas-social-media > a > svg {
    height: 32px;
    width: 32px;
}

div.offcanvas-navigation-2 div.offcanvas-social-media > a.instagram > svg,
div.offcanvas-navigation-2 div.offcanvas-social-media > a.youtube > svg {
    height: 38px;
    width: 38px;
}

div.offcanvas-navigation-2 div.offcanvas-social-media > a > svg .st0,
div.offcanvas-navigation-2 div.offcanvas-social-media > a > svg .st1 {
   transition: fill .15s ease-in;
}

div.offcanvas-navigation-2 div.offcanvas-social-media > a:hover {
    background-color: var(--red);
}

div.offcanvas-navigation-2 div.offcanvas-social-media > a:hover svg .st0 {
    fill: var(--red);
}

div.offcanvas-navigation-2 div.offcanvas-social-media > a:hover svg .st1 {
    fill: var(--white);
}
/* OFFCANVAS MENU */
div.offcanvas-navigation-2 .menu-list-container {
    height: auto;
    margin-left: 568px;
    max-height: calc(100vh - 156px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

div.offcanvas-navigation-2 .menu-list-container::-webkit-scrollbar {
    background: transparent;
    width: 0;
}

div.offcanvas-navigation-2 .menu-list-container::-moz-scrollbar {
    background: transparent;
    width: 0;
}

div.offcanvas-navigation-2 ul.menu-list li {
    align-items: center;
    color: var(--darkBeige);
    display: flex;
    font-size: 48px;
    font-weight: 200;
    letter-spacing: 2.5px;
    line-height: 60px;
    margin: 0 0 37px 20px;
    opacity: 0;
    text-transform: capitalize;
    width: max-content;
}

div.offcanvas-navigation-2 ul.menu-list li > a {
    color: var(--darkBeige);
}

div.offcanvas-navigation-2 ul.menu-list li:not(.active):hover,
div.offcanvas-navigation-2 ul.menu-list li:not(.active):hover > a {
    color: var(--white);
}

div.offcanvas-navigation-2 ul.menu-list li.active,
div.offcanvas-navigation-2 ul.menu-list li.active > a {
    color: var(--white);
}

div.offcanvas-navigation-2 ul.menu-list li a {
    text-decoration: none;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children {
    align-items: flex-start;
    flex-direction: column;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children > div.menu-item-label {
    align-items: center;
    cursor: pointer;
    display: flex;
}

div.offcanvas-navigation-2 ul.menu-list li:not(.has-children)::before,
div.offcanvas-navigation-2 ul.menu-list li.has-children > div.menu-item-label::before {
    font-size: 30px;
    margin-right: 22.35px;
    opacity: 0;
    position: initial;
    transform: none;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children::before {
    display: none;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children > div.menu-item-label::before {
    content: '+'
}

div.offcanvas-navigation-2 ul.menu-list li:not(.has-children, li.has-children ul li):hover::before,
div.offcanvas-navigation-2 ul.menu-list li.active:not(.has-children, li.has-children ul li)::before,
div.offcanvas-navigation-2 ul.menu-list li.has-children:hover > div.menu-item-label::before,
div.offcanvas-navigation-2 ul.menu-list li.has-children.active > div.menu-item-label::before {
    opacity: 1;
}

div.offcanvas-navigation-2 ul.menu-list li ul {
    max-height: 0;
    transition: max-height 0.15s ease;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children ul li {
    display: none;
    line-height: normal;
    margin: 27px 0 0;
    padding-left: 0;
    pointer-events: none;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children ul li a {
    color: var(--darkBeige);
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1.2px;
    margin-left: 2px;
    text-transform: capitalize;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children ul li.active a {
     color: var(--white);
}

div.offcanvas-navigation-2 ul.menu-list li.has-children.active ul {
    max-height: 100vh;
    transition: max-height 0.25s ease;
}

div.offcanvas-navigation-2 ul.menu-list li.has-children.active ul li {
    display: flex;
    pointer-events: all;
    animation: showElement 1.5s ease forwards;
}

div.offcanvas-navigation-2 ul.menu-list.animate li:not(ul li ul li) {
    animation: menuList .5s ease forwards;
}

@media print,screen and (max-width: 1489px) {
    div.offcanvas-navigation-2-inner {
        max-width: unset;
        margin-left: 64px;
        margin-right: 64px;
    }
}

@media print,screen and (max-width: 1399px) {
    div.offcanvas-contact-info {
        flex-direction: column;
        row-gap: 18px;
    }
    
    div.offcanvas-navigation-2 .menu-list-container {
        margin-left: auto;
        max-width: 55%;
    }
    
    div.offcanvas-navigation-2 ul.menu-list li {
        font-size: 40px;
        letter-spacing: 2px;
        margin-bottom: 28px;
        max-width: 100%;
    }
}

@media print,screen and (max-width: 772px) {
    div.offcanvas-navigation-2-inner {
        height: calc(100% - 246px);
        margin: 166px 48px 80px 48px; 
    }
}

@media print,screen and (max-width: 760px) {
    div.offcanvas-navigation-2.open {
        overflow-y: auto;
    }
    
    .no-scroll svg.logo {
        opacity: 0;
    }
    
    div.offcanvas-navigation-2-inner {
        height: auto;
        margin: 119.5px 40px 122px 40px; 
    }
    
    div.offcanvas-navigation-2 .menu-list-container {
        max-height: unset;
        max-width: 100%;
        overflow: hidden;
    }
    
    div.offcanvas-navigation-2 ul.menu-list li {
        font-size: 26px;
        letter-spacing: 1.3px;
        line-height: 32px;
    }
    
    div.offcanvas-navigation-2 ul.menu-list li:not(.has-children)::before,
    div.offcanvas-navigation-2 ul.menu-list li.has-children > div.menu-item-label::before {
        font-size: 20px;
        margin-right: 8px;
    }
    
    div.offcanvas-navigation-2 ul.menu-list li.has-children ul li {
        margin-top: 25px;
    }
    
    div.offcanvas-navigation-2 ul.menu-list li.has-children ul li a {
        font-size: 18px;
        letter-spacing: 0.9px;
    }
    
    div.offcanvas-contact {
        position: initial;
        row-gap: 23px;
    }
    
    div.offcanvas-navigation-2 .menu-list-container {
        height: auto;
        margin-bottom: 150px;
        margin-left: -40px;
    }
}

/* _ Teaser-Block [with only 2 images] div.container div.row.teaser-block.teaser-block-ar.jc */
.teaser-block-ar.jc {
  justify-content: center
}

/* Image-Block (full) div.container.full div.image-block-full.ar */
.image-block-full.ar img {
  /*aspect-ratio: 1.6;*/
  object-fit: cover;
}

/* Hero-Area (2) div.container div.row.hero-area.justify-content-center.v2 */
div.container:first-of-type > div.hero-area {
  margin-top: 180px !important;
}

/* Teaser-Column-1 div.teaser.col-12.col-md-4 */
div.teaser > img {
  margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
  div.teaser > img {
    margin-bottom: 18px
  }
}

@media screen and (max-width: 575px) {
  div.teaser > img {
    margin-bottom: 12px
  }
}

/* Form form.mx-auto.col-12.col-md-10.col-lg-8 */
form .caption {
  margin-top: -36px;
  margin-bottom: 36px;
}

form .is-invalid + .caption, form .error + .caption {
  margin-top: -36px;
  color: var(--fec)
}

form .is-invalid + label {
  color: var(--fec) !important;
}

.form-floating > div {
  display: none !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  padding-right: 50px !important;
}

.form-floating > .form-control, 
.form-floating > .form-control-plaintext {
  padding: 1rem 1rem;
}

.form-control {
  padding: 0.375rem 1rem;
}

.form-floating > label {
  padding: 1rem 1rem;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
  transform: scale(0.7) translateY(-0.6rem) translateX(0.5rem);
  color: var(--fc2);
  font-weight: 400;
}

select.form-select.form-select-lg {
  padding-left: 1rem;
}

/* Teaser-Column (3s) with BG div.teaser.bg.col-12.col-md-4 */
div.teaser.bg > img {
  margin-bottom: 0
}

.teaser.bg .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }

@media screen and (max-width: 991px) {
  .teaser.bg .teaser-text { padding: var(--pt-te) calc(var(--pr-te)) var(--pb-te) var(--pl-te); }
}

@media screen and (max-width: 575px) {
  .teaser.bg .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }
}

/* Teaser-Column with line (1) div.teaser.wl.col-12.col-md-4 */
div.teaser.wl {
  display: flex;
  flex-direction: column;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
  border-bottom-left-radius: var(--br1-3);
  border-bottom-right-radius: var(--br1-4);
}

div.teaser.wl > img {
  margin-bottom: 0;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}

.teaser.wl div.teaser-text {
  border-style: solid; 
  border-top: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.teaser.wl > div.d-none + div.teaser-text { 
  border-top: var(--lw2) solid var(--lc6);
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}



.teaser.wl .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }

@media screen and (max-width: 991px) {
  .teaser.wl .teaser-text { padding: var(--pt-te) calc(var(--pr-te)) var(--pb-te) var(--pl-te); }
}

@media screen and (max-width: 575px) {
  .teaser.wl .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }
}

/* Teaser-Column with BG (2) div.teaser.bg.col-12.col-md-4.v2 */
div.teaser.bg > img {
  margin-bottom: 0
}

.teaser.bg .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }

@media screen and (max-width: 991px) {
  .teaser.bg .teaser-text { padding: var(--pt-te) calc(var(--pr-te)) var(--pb-te) var(--pl-te); }
}

@media screen and (max-width: 575px) {
  .teaser.bg .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }
}

/* Teaser-Column with BG (3) div.teaser.bg.col-12.col-md-4.v3 */
div.teaser.bg > img {
  margin-bottom: 0
}

.teaser.bg .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }

@media screen and (max-width: 991px) {
  .teaser.bg .teaser-text { padding: var(--pt-te) calc(var(--pr-te)) var(--pb-te) var(--pl-te); }
}

@media screen and (max-width: 575px) {
  .teaser.bg .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }
}

/* Teaser-Text-Column div.txt-col.col-12.col-md-4 */
@media screen and (max-width: 991px) {

}

@media screen and (max-width: 575px) {

}

/* Teaser-Image-Column (v2) div.img-col.v2.col-12.col-md-8 */
@media screen and (max-width: 991px) {

}

@media screen and (max-width: 575px) {

}

/* Carousel (Swiper) div.swiper.carousel-eh.mx-auto.col-12 */
div.carousel-eh img {
  height: 464px;
  display: inline-block;
  width: auto;
  object-fit: cover;
  vertical-align: top;
  transition: transform 1s ease; 
}

div.carousel-eh .plus-sign {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 9px;
  display: block;
  opacity: 0;
  transition: all 0.25s ease-out;
}

div.carousel-eh .plus-sign:before,
div.carousel-eh .plus-sign:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 13px;
  background-color: var(--fc8);
}

div.carousel-eh .plus-sign:after {
  rotate: 90deg;
}

@media screen and (min-width: 768px) {
  .carousel-eh {
    overflow: initial;
    clip-path: inset(-100vw -100vw -100vw 0);
  }
}

.carousel-link {
  position: relative;
  display: block;
}

.carousel-link:hover .carousel-content {
  padding-left: 64px;
  transition: all 0.25s ease-in;
}

.carousel-link:hover .plus-sign {
  left: -23px;
  opacity: 1;
  transition: all 0.25s ease-in;
}

.carousel-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--fc8);
  background: transparent linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.56) 100%) 0% 0% no-repeat padding-box;
  padding: 24px 40px 40px;
  transition: all 0.25s ease-out;
}

.carousel-date {
  font-size: var(--fs-xs);
  line-height: var(--lh-m);
  letter-spacing: var(--lls-1);
  word-spacing: var(--lls-2);
  margin-bottom: 0.5rem;
  display: inline-block;
  position: relative;
}

.carousel-title {
  position: relative;
  color: var(--fc8);
  text-align: left;
  font-size: var(--fs-l);
  line-height: var(--lh-s);
  word-spacing: var(--bf-ws);
  margin: 0;
  letter-spacing: var(--bf-ls);
}

.swiper-slide {
  width: fit-content;
}


.swiper-slide img {
  max-width: initial;
}

@media screen and (max-width: 767px) {
  div.inner-carousel-eh img {
    width: 100%;
  }
}

/* MegaDropDown (O) div.megadropdown */
.megadropdown { 
  border-bottom: 1px solid var(--lc3); 
  align-items: center;
  justify-content: space-between;
  left: 0;
  right: 0;
  top: var(--height-header);
  backdrop-filter: blur(5px) contrast(0.72);
}

.megadropdown.show { 
  display: flex;
}

@media (max-width: 1199px) {
  .megadropdown.show {
    display: none;
  } 
}

.megadropdown .container {
  padding-top: 0px !important;
  padding-bottom: 20px !important;
}

.megadropdown label {
  display: flex;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  height: 20px;
  font-size: 0.875rem;
  line-height: var(--lh-l);
}

.megadropdown a.menue-item {
  padding: 0;
  margin: 0;
  display: block;
  margin-top: 20px;
  width: fit-content;
  height: 20px;
}

div.styleguide.organisms .megadropdown {
  display: block;
}

/* H2 + Paragraph div.mx-auto.col-12.col-md-10.col-lg-8.hero-area-text.v2 */
.hero-area-text.v2 p {
  margin-top: 58px;
  font-size: var(--fs-l);
  font-family: var(--headline-font-h1-1);
  font-style: var(--headline-font-h1-2);
  font-weight: var(--headline-font-h1-3);
  padding: 0 24px;
}

@media screen and (max-width: 991px) {
  .hero-area-text.v2 p {
    font-size: var(--fs-m);
    font-family: var(--body-font-1);
    font-style: var(--body-font-2);
    font-weight: var(--body-font-3);
    margin-top: 36px;
    padding: 0px;
  }
}

/* Teaser-Column-1 aspect ratio div.teaser.col-12.col-md-4.ar */
div.teaser.ar > img {
  aspect-ratio: 0.8;
  object-fit: cover;
}

div.teaser.ar > img {
  margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
  div.teaser > img {
    margin-bottom: 18px
  }
}

@media screen and (max-width: 575px) {
  div.teaser > img {
    margin-bottom: 12px
  }
}

/* Teaser-Column aspect-ratio (1) a.teaser.a-r.col-12.col-md-4 */
a.teaser.a-r {
  display: flex;
  flex-direction: column;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
  border-bottom-left-radius: var(--br1-3);
  border-bottom-right-radius: var(--br1-4);
  text-decoration: none;
}

a.teaser.a-r > img {
  margin-bottom: 0;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}

a.teaser.a-r div.teaser-text {
  border-style: solid; 
  border-top: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

a.teaser.a-r > div.d-none + div.teaser-text { 
  border-top: var(--lw2) solid var(--lc6);
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}



a.teaser.a-r .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }

@media screen and (max-width: 991px) {
  a.teaser.a-r .teaser-text { padding: var(--pt-te) calc(var(--pr-te)) var(--pb-te) var(--pl-te); }
}

@media screen and (max-width: 575px) {
  a.teaser.a-r .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }
}

/* Teaser-Column aspect-ratio v2 (1) a.teaser.a-r.col-12.col-md-4.medium */
a.teaser.a-r {
  display: flex;
  flex-direction: column;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
  border-bottom-left-radius: var(--br1-3);
  border-bottom-right-radius: var(--br1-4);
  text-decoration: none;
}

a.teaser.a-r > img {
  margin-bottom: 0;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}

a.teaser.a-r div.teaser-text {
  border-style: solid; 
  border-top: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

a.teaser.a-r > div.d-none + div.teaser-text { 
  border-top: var(--lw2) solid var(--lc6);
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}



.teaser.a-r .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }

@media screen and (max-width: 991px) {
  a.teaser.a-r .teaser-text { padding: var(--pt-te) calc(var(--pr-te)) var(--pb-te) var(--pl-te); }
}

@media screen and (max-width: 575px) {
  a.teaser.a-r .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }
}

/* Teaser-Text-Column (50%) div.txt-col-50.col-12.col-md-6.col-lg-5 */
.txt-col-50 {
  align-items: center;
  display: flex;
}

/* Teaser-Image-Column (50%) V2 div.img-col.v2.col-12.col-md-6 */
@media screen and (max-width: 991px) {

}

@media screen and (max-width: 575px) {

}

/* Teaser-Column aspect-ratio (4) a.teaser.a-r.col-12.col-md-4.S_v4 */
a.teaser.a-r {
  display: flex;
  flex-direction: column;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
  border-bottom-left-radius: var(--br1-3);
  border-bottom-right-radius: var(--br1-4);
}

a.teaser.a-r > img {
  margin-bottom: 0;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}

a.teaser.a-r div.teaser-text {
  border-style: solid; 
  border-top: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

a.teaser.a-r > div.d-none + div.teaser-text { 
  border-top: var(--lw2) solid var(--lc6);
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}



a.teaser.a-r .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }

@media screen and (max-width: 991px) {
  a.teaser.a-r .teaser-text { padding: var(--pt-te) calc(var(--pr-te)) var(--pb-te) var(--pl-te); }
}

@media screen and (max-width: 575px) {
  a.teaser.a-r .teaser-text { padding: var(--pt-te) var(--pr-te) var(--pb-te) var(--pl-te); }
}

/* Button Group div.button-group */
@media (min-width: 576px) {
  .button-group button + button, .button-group .btn + .btn {
    margin-left: 24px !important;
  }
}

@media (max-width: 575px) {
  .button-group button + button, .button-group .btn + .btn {
    margin-top: 0px !important;
  }
}

/* Teaser-Text-long (1) div.teaser-text */
.teaser-text { padding-right: calc(var(--pr-te) * 2); }

@media screen and (max-width: 991px) {
  .teaser-text { padding-right: var(--pr-te); }
}

@media screen and (max-width: 575px) {
  .teaser-text { padding-right: 0; }
}

/* Teaser-with-line (1) div.teaser-text.wl */
div.teaser-text.wl {
  border-bottom-left-radius: var(--br1-3);
  border-bottom-right-radius: var(--br1-4);
}

/* obj-f-img (1) div.img-fit */
div.img-fit {
  flex-shrink: inherit;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}

/* Select Menue div.form-floating.mb-6.v2 */
.form-floating > .form-select {
  padding-top: 1rem;
  padding-bottom: 0;
}

/* Service Navigation nav.navi-2 */
nav.navi-2 {
  top: 3px;
  --ind-p: 0px;
  right: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));
}

@media (max-width: 1199px) {
  nav.navi-2 {
    display: none;
  } 
}

nav.navi-2 a.menue-item {
  font-size: var(--fs-xxs);
  margin: 0 9px;
  padding: 0;
}

nav.navi-2 span {
  font-size: var(--fs-xxs);
}

/* Top Level Navigation nav.navi-1 */
nav.navi-1 {
  top: 6px;
  padding-left: calc(64px - var(--pl-tln));
}

@media (max-width: 1199px) {
  nav.navi-1 {
    display: none;
  } 
}

/* Top Level Navigation (DropDown) nav.navi-1.dropdown-menue */
li.dropdown > nav.subnavi {
  position: absolute;
  top: 72px;
  left: -8px;
  display: none;
}

li.dropdown > a.menue-item {
  padding: 0 !important;
}

/* Teaser-Text-short (1) div.teaser-text.short */
div.teaser-text { 
  padding-right: calc(var(--pr-te) * 2);
  border-bottom-left-radius: var(--br1-3);
  border-bottom-right-radius: var(--br1-4);
}

@media screen and (max-width: 991px) {
  div.teaser-text { padding-right: var(--pr-te); }
}

@media screen and (max-width: 575px) {
  div.teaser-text { padding-right: 0; }
}

/* obj-f-img (4) div.img-fit.v4 */
div.img-fit {
  flex-shrink: inherit;
  border-top-left-radius: var(--br1-1);
  border-top-right-radius: var(--br1-2);
}

/* Grid System div.row.grid-system */
.grid { background-color: #1ce2dc; opacity: 0.33; height: calc(84vh - 32px); }

/* Small Button (active) button.btn.btn-secondary.active.small */
.btn.active {
   cursor: default;
}

/* Headline (H1) h1 */
@media screen and (max-width: 767px) {
  h1 { font-size: var(--fs-xl) }
}

@media screen and (max-width: 389px) {
  h1 { 
    font-size: var(--fs-ll);
    /* margin-bottom: calc(var(--fs-m) * var(--lh-s) / 2); */
  }
}

/* Paragraph p */
p {
  margin-block-start: 0;
  margin-top: 0;
  margin-block-end: 0;
  margin-bottom: 0;
}

p + p {
  margin-top: calc(var(--fs-s) * var(--lh-m) / 2);
}

@media screen and (max-width: 991px) {
  p + p {
    margin-top: calc(var(--fs-xs) * var(--lh-m) / 2);
  }
}

@media screen and (max-width: 575px) {
  p + p {
    margin-top: calc(var(--fs-xxs) * var(--lh-m) / 2);
  }
}

.teaser-text p {
  color: var(--fc5);
  font-family: var(--body-font-1);
  font-style: var(--body-font-2);
  font-weight: var(--body-font-3);
  word-spacing: var(--bf-ws);
  letter-spacing: var(--bf-ls);
  line-height: var(--lh-l);
  font-size: var(--fs-l);
  margin-bottom: 0.5rem;
  max-width: 890px;
}

@media screen and (max-width: 991px) {
  .teaser-text p {
    font-size: var(--fs-m);
  }
}

@media screen and (max-width: 575px) {
  .teaser-text p {
    font-size: var(--fs-s);
  }
}

.hero-area-text p {
  color: var(--fc1);
  font-family: var(--body-font-1);
  font-style: var(--body-font-2);
  font-weight: var(--body-font-3);
  word-spacing: var(--bf-ws);
  letter-spacing: var(--bf-ls);
  line-height: var(--lh-l);
  font-size: var(--fs-l);
  margin-top: 54px;
  margin-bottom: calc(var(--fs-s) * var(--lh-l));
  margin-right: auto;
  margin-left: auto;
  max-width: 890px;
}

@media screen and (max-width: 991px) {
  .hero-area-text p {
    font-size: var(--fs-m);
    margin-top: 42px;
  }
}

@media screen and (max-width: 575px) {
  .hero-area-text p {
    font-size: var(--fs-s);
    margin-top: 30px;
  }
}

/* Headline (H2) h2 */
p + h2, h1 + h2  {
  margin-top: calc(var(--fs-xxl) * var(--lh-s) * 1.5) !important;
}

.container.background .top-distance > h2:first-of-type,
.container.background .top-distance-large > h2:first-of-type {
  margin-top: -12px !important;
}

@media screen and (max-width: 991px) {
  p + h2, h1 + h2  { 
    margin-top: calc(var(--fs-xl) * var(--lh-s) * 1.25) !important;
  }
}

@media screen and (max-width: 575px) {
  p + h2, h1 + h2  {
    margin-top: calc(var(--fs-ll) * var(--lh-s)) !important;
  }
}

@media screen and (max-width: 389px) {
  h2 { font-size: var(--fs-l) }
  h2.animated, h2.large { font-size: var(--fs-l) }
}

/* Headline (H3) h3 */
p + h3, form div + h3, h1 + h3, h2 + h3  {
  margin-top: calc(var(--fs-xl) * var(--lh-s) * 1.5) !important;
}

@media screen and (max-width: 991px) {
  p + h3, form div + h3, h1 + h3, h2 + h3 { 
    margin-top: calc(var(--fs-ll) * var(--lh-s) * 1.25) !important;
  }
}

@media screen and (max-width: 575px) {
  p + h3, form div + h3, h1 + h3, h2 + h3 {
    margin-top: calc(var(--fs-l) * var(--lh-m)) !important;
  }
}

/* Headline (H4) h4 */
p + h4, form div + h4, h1 + h4, h2 + h4, h3 + h4 {
  margin-top: calc(var(--fs-ll) * var(--lh-s) * 1.5) !important;
}

@media screen and (max-width: 991px) {
  p + h4, form div + h4, h1 + h4, h2 + h4, h3 + h4 { 
    margin-top: calc(var(--fs-l) * var(--lh-m) * 1.25) !important;
  }
}

@media screen and (max-width: 575px) {
  p + h4, form div + h4, h1 + h4, h2 + h4, h3 + h4 {
    margin-top: calc(var(--fs-m) * var(--lh-m)) !important;
  }
}

/* Caption div.caption */
img + .caption {
  margin-top: 6px;
}

/* Small Button (default) button.btn.btn-secondary.small */
.btn.small {
   border-radius: 30px !important;
}

@media screen and (max-width: 389px) {
  .btn.small {
    width: auto;
  }
}

.btn.small:not(.active):focus, 
.btn.small:not(.active):focus-visible {
  color: var(--fpb) !important;
  background-color: var(--bsc2) !important;
  border-color: var(--lsc2) !important;
}

.btn.small:not(.active):hover {
  color: var(--fsc2) !important;
  background-color: var(--bsc4) !important;
  border-color: var(--lsc1) !important;
}

/* Headline (H5) h5 */
p + h5, form div + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5 {
  margin-top: calc(var(--fs-s) * var(--lh-m)) !important;
}

@media screen and (max-width: 991px) {
  p + h5, form div + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5 { 
    margin-top: calc(var(--fs-xs) * var(--lh-m)) !important;
  }
}

@media screen and (max-width: 575px) {
  p + h5, form div + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5 {
    margin-top: calc(var(--fs-xxs) * var(--lh-m)) !important;
  }
}

/* Radio Button input[type=radio].form-check-input */
.form-check-input:focus[type=radio] {
  box-shadow: none;
}

.form-check-input:focus-visible[type=radio] {
  border-color: var(--lsc1);
  box-shadow: 0 0 0 0.15rem var(--bsc1);
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: var(--fdc);
  opacity: 1;
}

.form-check-input:checked[type=radio] {
  background-color: var(--bsc2);
  border-color: var(--lsc2);
}

.form-check-input:checked[type=radio][disabled],
.form-check-input:checked:disabled[type=radio] {
  border-color: var(--ldc);
}

/* left-align .left-align */
h1.left-align {
margin-left: -4px;
}

@media screen and (max-width: 991px) {

h1.left-align {
margin-left: -3px;
}

}

@media screen and (max-width: 575px) {

h1.left-align {
margin-left: -2px;
}

}

/* Checkbox input[type=checkbox].form-check-input */
.form-check-input[type='checkbox'] {
  width: 26px;
  height: 26px;
}

.form-check-input:focus[type='checkbox'] {
  box-shadow: none;
}

.form-check-input:focus-visible[type='checkbox']  {
  border-color: var(--lsc1);
  box-shadow: 0 0 0 0.15rem var(--bsc1);
}

.form-check-input[type='checkbox']:checked {
  --bs-form-check-bg-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714.552%27 height=%2710.914%27 viewBox=%270 0 14.552 10.914%27%3E%3Cpath id=%27checked_2_%27 data-name=%27checked(2)%27 d=%27M0,70.365l4.983,4.993,9.569-9.56-1.374-1.355-8.2,8.186L1.355,69Z%27 transform=%27translate(0 -64.443)%27 fill=%27%23fff%27/%3E%3C/svg%3E%0A');
  background-size: 15px 10px;
  background-color: var(--bsc2);
  border-color: var(--lsc2);
}

/* More-Link a.more */
a.more {
  text-decoration: none;
  border-bottom: 1px solid var(--fsc1);
}

/* Introduction Paragraph p.intro */
p.intro  {
  margin-block-start: 0;
  margin-top: 0;
  margin-block-end: calc(var(--fs-s) * var(--lh-l));
}

@media screen and (max-width: 991px) {
 p.intro  {
  margin-block-start: 0;
  margin-top: 0;
  margin-block-end: calc(var(--fs-xs) * var(--lh-l));
 }
}

@media screen and (max-width: 575px) {
 p.intro {
  margin-block-start: 0;
  margin-top: 0;
  margin-block-end: calc(var(--fs-xxs) * var(--lh-l));
 }
}

@media screen and (max-width: 389px) {
 p.intro {
  font-size: var(--fs-xs);
 }
}

/* Logo svg.logo */
svg.logo {
  --ind-p: 9px;
  margin-left: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));
}

svg.logo > path {
  fill: #000;
}

header.v2 svg.logo > path {
  fill: #fff;
}


@media screen and (max-width: 991px), screen and (max-height: 771px) {
  svg.logo {
    width: 164px
  }
}

@media screen and (max-width: 575px), screen and (max-height: 389px) {
  svg.logo {
    width: 136px;
    margin-top: 3px;
  }
}

/* Accordion div.accordion */
.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-active-color: var(--fc4);
  --bs-accordion-btn-focus-border-color: var(--fsc1);
  --bs-accordion-active-bg: transparent;
  --bs-accordion-body-padding-x: 0.5rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-btn-padding-x: 0.5rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJFYmVuZV8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjAgMzYwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNjAgMzYwIj4KICA8cGF0aCBkPSJNMTkyIDE2OFY2MGgtMjR2MTA4SDYwdjI0aDEwOHYxMDhoMjRWMTkyaDEwOHYtMjR6IiBzdHlsZT0iZmlsbDojMDEwMjAyIi8+Cjwvc3ZnPg==");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJFYmVuZV8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjAgMzYwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNjAgMzYwIj4KICA8cGF0aCBkPSJNNjAgMTY4aDI0MHYyNEg2MHoiIHN0eWxlPSJmaWxsOiMwMTAyMDIiLz4KPC9zdmc+");
}

div.show > .accordion-body {
  border-bottom: 1px solid var(--lc5);
}

.accordion-button {
  border-bottom: 1px solid var(--lc5);
  font-weight: 300;
  box-shadow: none !important;
  background-color: transparent;
}

.accordion-button:not(.collapsed) {
  border-bottom: none !important;
}

.accordion-item {
  border: none;
}

.accordion-item:last-of-type .accordion-button {
  border-bottom: none;
}

.accordion-button:focus {
  z-index: 0;
  border-color: none;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  border-bottom: 1px solid var(--fsc2);
  font-weight: bolder;
}

.accordion-button:focus-visible {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

h2.accordion-header button {
  font-size: var(--fs-s);
  font-weight: bolder;
}

div.accordion-body {
  font-size: var(--fs-s);
  padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
  h2.accordion-header button {
    font-size: var(--fs-s); 
  }
  div.accordion-body {
    font-size: var(--fs-xs);
  }
}


@media screen and (max-width: 991px) {
  div.accordion-body {
    font-size: var(--fs-xxs);
  }
}

/* Breadcrumb Navigation nav.breadcrumb */
ol.breadcrumb { 
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-divider-color: var(--fc2);
  --bs-breadcrumb-divider: '>'; 
}

li.breadcrumb-item.active {
  color: var(--fc2);
}

li.breadcrumb-item > a { text-decoration: none; }
li.breadcrumb-item > a:hover { text-decoration: none; }

@media screen and (max-width: 575px) {
  ol.breadcrumb > * { display: none; }
}

@media screen and (max-width: 575px) {
  ol.breadcrumb > li:nth-last-child(2) { display: inline; padding-left: 0; }
  ol.breadcrumb { --bs-breadcrumb-divider: '<'; }
}

/* Table table.table.v1 */
.table > :not(caption) > * > * {
  background-color: transparent;
}

thead th {
  border-bottom: 1px solid var(--lc5) !important;
  font-weight: 500;
}

tbody > tr:last-of-type > * {
  border-color: transparent;
}

/* Select select.form-select.form-select-lg */
.form-select:focus {
  box-shadow: none;
}

.form-select:focus-visible {
  box-shadow: 0 0 0 1px var(--bsc1);
  border-color: var(--bsc1) !important;
}

/* Carousel-Slider (full view) div.carousel.slide.xl */
.carousel.xl img {
  width: 100%;
  display: block;
  height: 100vh;
  object-fit: cover;
}

.carousel.xl .carousel-indicators {
  margin-bottom: 2.5vh;
}

/* Carousel Caption div.carousel-caption */
div.carousel-caption {
  bottom: var(--position-carousel-caption);
}

div.carousel-caption p {
  color: var(--fc8);
  font-size: var(--fs-xxl);
  font-weight: bolder;
  max-width: none
}

@media screen and (max-width: 1399px) {
  div.carousel-caption p { 
    font-size: var(--fs-xl);
  }
}

@media screen and (max-width: 991px) {
  div.carousel-caption p { 
    font-size: var(--fs-l);
  }
}

@media screen and (max-width: 767px) {
  div.carousel-caption p { 
    font-size: var(--fs-m);
  }
}

@media screen and (max-width: 389px) {
  div.carousel-caption p { 
    font-size: var(--fs-s);
  }
}

/* Menue Item a.menue-item */
a.menue-item.selected, 
a.menue-item.selected:hover {
  cursor: default;
  color: var(--fc4) !important;
  border-bottom: 1px solid var(--fc4);
}

a.menue-item.active, a.menue-item:active {
  color: var(--fsc1);
}

@media screen and (max-width: 1399px) {
  a.menue-item { 
    font-size: var(--fs-xs);
  }
}

/* Hamburger Menue (mobile) svg.menue-icon */
svg.menue-icon {
  --ind-p: 5px;

  top: -0.5px;
  right: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));

  transition:all 200ms ease-in-out
}

@media (max-width: 1199px) {
  svg.menue-icon {
    display: block;
  } 
}

#hm1, #hm2, #hm3 {
  transition: 200ms ease-in-out;
  transform-origin: 50% 50%;
  transition-property: transform
}

svg.menue-icon:hover > #hm1 {
  transform:translateY(144px)
}
svg.menue-icon:hover > #hm2 {
  transform:rotate(-90deg)
}
svg.menue-icon:hover > #hm3 {
  transform:translateY(-144px)
}

svg.menue-icon.open {
  transform:rotate(-45deg)
}

svg.menue-icon.open > #hm1 {
  transform:translateY(144px)
}
svg.menue-icon.open > #hm2 {
  transform:rotate(-90deg)
}
svg.menue-icon.open > #hm3 {
  transform:translateY(-144px)
}

div.styleguide.atoms svg.menue-icon {
  display: block !important;
  left: 3px;
  right: none:
}

/* Input (text) with error input[type=email].form-control.is-invalid */
label.error {
  color: var(--fec) !important;
}

/* Search Icon svg.search-icon */
.search-icon {

  --ind-p: 6px;

  position: absolute;
  width: 32px;
  height: 32px;
  cursor: pointer;
  transform: rotate(0deg);
  transition: 400ms ease-in-out;
  transition-property: all;

  top: 63px;
  right: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));

}

@media (hover: hover) {
  .search-icon:hover {
    transform: rotate(90deg);
  }
}

@media (max-width: 1199.98px) {
  svg.search-icon {
    display: none !important;
  }
}

div.styleguide.atoms svg.search-icon {
    display: block !important;
    position: static;
 }

/* Search Input (Header) input[type=text].search-input-header */
.search-input-header, .search-input-header:focus {
  --ind-p: 40px;
  border-top: none;
  border-right: none;
  border-left: none;
  outline: none;
  position: absolute;
  right: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p)));
  top: 68px;
  transition: 400ms ease-in-out;
  transition-property: all;
}

input[type='text'].search-input-header.open {
  width: 220px; 
  opacity: 1;
}

@media (max-width: 1399px) {
  input[type='text'].search-input-header.open {
    width: 180px; 
    font-size: var(--fs-xs);
  }
}

@media (max-width: 1199px) {
  input[type='text'].search-input-header {
    display: none;
  } 
}

/* Arrow Icon svg.arrow-right-icon */
header svg.arrow-right-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 21px;
  top: 63px; 
  cursor: pointer;
  transform: translateX(0px);
  transition: 400ms ease-in-out;
  transition-property: all;
}

@media (hover: hover) {
  header svg.arrow-right-icon:hover {
    transform: translateX(10px);
  }
}

@media (max-width: 1199.98px) {
  header svg.arrow-right-icon {
    display: none !important;
  }
}

/* Arrow Icon (white) svg.arrow-right-icon.white */
svg.arrow-right-icon.white .st3 {
  fill: #fff;
}

/* Search Icon (white) svg.search-icon.white */
svg.search-icon.white .st3 {
  fill: #fff;
}

/* Search Input (Lightbox) input[type=text].search-input-lightbox */
.search-input-lightbox, .search-input-lightbox:focus {
  border-width: 1px;
  border-top: none;
  border-right: none;
  border-left: none;
  outline: none;
  transition: 400ms ease-in-out;
  transition-property: all;
}

/* Close Icon svg.close */
svg.close {
    transform: rotate(0deg);
    transition: 200ms ease-out;
  }
svg.close.active {
    transform: rotate(180deg);
    transition: 200ms ease-out;
  }

/* Search Icon (3) svg.search-icon-3 */
svg.search-icon-3 {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 63vw;
}

/* DropDown Navigation nav.subnavi */
nav.subnavi {
  padding: 14px 10px 12px 10px;
  min-width: 220px;
  width: fit-content;
  border-style: solid;
  z-index: 999;
  border-color: transparent;
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
  backdrop-filter: blur(5px) contrast(0.72);
}

@media (max-width: 1199px) {
  nav.subnavi {
    display: none;
  } 
}

nav.subnavi > a.menue-item {
  display: block;
  width: fit-content;
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 300px;
}

/* Button Variables div.button-variables */
.button-variables {
  --lw3: var(--lw_b1, 0px);
  --pr-b: var(--lw_b2, 25px);
  --pl-b: var(--lw_b2, 25px);
  --pt-b: var(--lw_b3, 5px);
  --pb-b: var(--lw_b3, 5px);
  --bls: var(--lw_b4, 0.1rem);
  --br2-1: var(--lw_b5, 0px);
  --br2-2: var(--lw_b5, 0px);
  --br2-3: var(--lw_b5, 0px);
  --br2-4: var(--lw_b5, 0px);
  --fs-xs: var(--lw_b6, 16px);
  --body-font-boldstrong-3: var(--lw_b7, 500);
  --bsc2-1: hsl(var(--lw_b8, 214),100%,45%);
  --lsc2-1: hsl(var(--lw_b9, 90),100%,50%);
  --btt: var(--lw_b10, none);
}



input[type='range'] {
  width: 200px;
  display: block;
  margin: 0 auto;
}

input[type='range'] + span {
    display: inline-block;
    font-size: 0.875rem;
    margin-bottom: 20px;
  }

.form-range::-webkit-slider-runnable-track,
.form-range::-moz-range-track {
  background-color: gray !important;
}

input[type='range']::-webkit-slider-thumb, 
input[type='range']::-moz-range-thumb {
  border: none;
}

/* Teaser Variables div.teaser-variables */
div.teaser-variables {
  display: flex;
  width: 100%;
  max-width: 1300px;
  flex-wrap: wrap;
}

div.teaser-variables > div {
  white-space: nowrap;
  margin: 30px 30px 0 0;
}

div.teaser-variables input[type='range'] + span {
  white-space: nowrap;
  margin: 0;
}

div.teaser-variables input[type='range'] {
  margin: 0;
}

/* Grid System (4 columns) div.grid-4-col.container */
.grid-4-col .grid { height: 25vh; }

/* Social Media Navigation div.social-media */
div.social-media > a {
  display: inline-block;
}

div.social-media > a + a {
  margin-left: 6px;
}

div.social-media > a > svg {
  height: 28px;
  width: 28px;
  margin: 4px;
}

div.social-media > a:hover > svg .st0 {
  fill: var(--fsc1);
}

div.social-media > a:hover > svg .st1 {
  fill: var(--fsc2);
}

/* form control (Bootstrap) .form-control */
.form-control:focus {
  box-shadow: none;
}

.form-control:focus-visible {
  box-shadow: 0 0 0 1px var(--bsc1);
  border-color: var(--bsc1) !important;
}

/* Primary Button (large) button.btn.btn-primary */
@media screen and (max-width: 389px) {
  button.btn.btn-primary {
    width: 100%;
  }
}

/* Secondary Button (large) button.btn.btn-secondary */
@media screen and (max-width: 389px) {
  button.btn.btn-secondary {
    width: 100%;
  }
}

/* Search Icon (mobile) svg.search-icon-mobile */
svg.search-icon-mobile {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
}

/* Search Input (mobile) input[type=text].search-input-mobile */
.search-input-mobile, 
.search-input-mobile:focus {
  border-color: var(--lc5);
  border-width: 1px;
  border-top: none;
  border-right: none;
  border-left: none;
  outline: none;
  position: relative;
  width: 220px;
  margin-left: 5px;
}

/* Headline (H2 - animated) h2.animated */
.animated .letter {
  display: inline-block;
}

/* Text Link a */
a { text-decoration-color: var(--fsc1); }
a:hover { text-decoration-color: var(--fsc1); }

/* Teaser-Set-Image-2 a.teaser-img-landscape.v1 */
.teaser-img-landscape:hover {
  background-image: linear-gradient(180deg, 
  rgba(0, 0, 0, 0) 0%,
  rgba(0, 0, 0, 0.5) 100%),
  var(--teaser-set-img); 
}

.teaser-img-landscape {
  cursor: pointer;
  transition: all 400ms ease-in-out;
  background-image: linear-gradient(180deg, 
  rgba(0, 0, 0, 0) 0%, 
  rgba(0, 0, 0, 0) 40%, 
  rgba(0, 0, 0, 0.26) 65%, 
  rgba(0, 0, 0, 0.44) 100%),
  var(--teaser-set-img); 
  height: 490px;
  width: 100%;
  margin-bottom: 50px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center; 
  background-size: cover;
  color: var(--fc8);
  font-family: var(--headline-font-h2-und-kleiner-1);
  font-style: var(--headline-font-h2-und-kleiner-2);
  font-weight: var(--headline-font-h2-und-kleiner-3);
  font-size: var(--fs-l);
  line-height: var(--lh-s);
  word-spacing: var(--bf-ws);
  letter-spacing: var(--bf-ls);
  display: flex;
  flex-flow: column-reverse;
  padding: 24px;
}

.teaser-img-landscape span {
  width: 1px;
  display: inline-block;
  overflow: hidden;
  transition: all 400ms ease-in-out;
  vertical-align: bottom;
}

.teaser-img-landscape:hover span {
  width: 20px;
}

@media screen and (max-width: 1399px) {
  .teaser-img-landscape {
    width: 100%;
    height: auto;
    aspect-ratio: 1.64;
    margin-bottom: calc(2.5vw + 10px);
  }
}

@media screen and (max-width: 971px) {
  .teaser-img-landscape {
    font-size: var(--fs-s);
  }
}

/* Teaser-Set Image a.teaser-img-portrait.v1 */
.teaser-img-portrait:hover {
  background-image: linear-gradient(180deg, 
  rgba(0, 0, 0, 0) 0%, 
  rgba(0, 0, 0, 0) 35%, 
  rgba(0, 0, 0, 0.5) 100%),
  var(--teaser-set-img);
}

.teaser-img-portrait {
  transition: all 400ms ease-in-out;
  cursor: pointer;
  background-image: linear-gradient(180deg, 
  rgba(0, 0, 0, 0) 0%,
  rgba(0, 0, 0, 0) 55%,
  rgba(0, 0, 0, 0.26) 80%,
  rgba(0, 0, 0, 0.44) 100%),
  var(--teaser-set-img); 
  height: 875px;
  width: 100%;
  margin-bottom: 50px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center; 
  background-size: cover;
  color: var(--fc8);
  font-family: var(--headline-font-h2-und-kleiner-1);
  font-style: var(--headline-font-h2-und-kleiner-2);
  font-weight: var(--headline-font-h2-und-kleiner-3);
  font-size: var(--fs-l);
  line-height: var(--lh-s);
  word-spacing: var(--bf-ws);
  letter-spacing: var(--bf-ls);
  display: flex;
  flex-flow: column-reverse;
  padding: 24px;
}

.teaser-img-portrait span {
  width: 1px;
  display: inline-block;
  overflow: hidden;
  transition: all 400ms ease-in-out;
  vertical-align: bottom;
}

.teaser-img-portrait:hover span {
  width: 20px;
}

@media screen and (max-width: 1399px) {
  .teaser-img-portrait {
    width: 100%;
    height: auto;
    aspect-ratio: 0.64;
    margin-bottom: calc(2.5vw + 10px);
  }
}

@media screen and (max-width: 971px) {
  .teaser-img-portrait {
    font-size: var(--fs-s);
  }
}

/* Teaser-Set-Image-4 a.teaser-img-square */
.teaser-img-square:hover {
  background-image: linear-gradient(180deg, 
  rgba(0, 0, 0, 0) 0%,
  rgba(0, 0, 0, 0.5) 100%),
  var(--teaser-set-img); 
}

.teaser-img-square {
  cursor: pointer;
  transition: all 400ms ease-in-out;
  background-image: linear-gradient(180deg, 
  rgba(0, 0, 0, 0) 0%, 
  rgba(0, 0, 0, 0) 40%, 
  rgba(0, 0, 0, 0.26) 65%, 
  rgba(0, 0, 0, 0.44) 100%),
  var(--teaser-set-img); 
  height: 490px;
  width: 100%;
  margin-bottom: 50px;                           
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center; 
  background-size: cover;
  color: var(--fc8);
  font-family: var(--headline-font-h2-und-kleiner-1);
  font-style: var(--headline-font-h2-und-kleiner-2);
  font-weight: var(--headline-font-h2-und-kleiner-3);
  font-size: var(--fs-l);
  line-height: var(--lh-s);
  word-spacing: var(--bf-ws);
  letter-spacing: var(--bf-ls);
  display: flex;
  flex-flow: column-reverse;
  padding: 24px;
}

.teaser-img-square span {
  width: 1px;
  display: inline-block;
  overflow: hidden;
  transition: all 400ms ease-in-out;
  vertical-align: bottom;
}

.teaser-img-square:hover span {
  width: 20px;
}

@media screen and (max-width: 1399px) {
  .teaser-img-square {
    height: auto;
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: calc(2.5vw + 10px);
  }
}

@media screen and (max-width: 971px) {
  .teaser-img-square {
    font-size: var(--fs-s);
  }
}

/* Hamburger Menue (desktop) svg.menue-icon.desktop */
svg.menue-icon {
  transition:all 200ms ease-in-out
}

@media (max-width: 1199px) {
  svg.menue-icon {
    display: block;
  } 
}

#hm1, #hm2, #hm3 {
  transition: 200ms ease-in-out;
  transform-origin: 50% 50%;
  transition-property: transform
}

svg.menue-icon:hover > #hm1 {
  transform:translateY(144px)
}
svg.menue-icon:hover > #hm2 {
  transform:rotate(-90deg)
}
svg.menue-icon:hover > #hm3 {
  transform:translateY(-144px)
}

svg.menue-icon.open {
  transform:rotate(-45deg)
}

svg.menue-icon.open > #hm1 {
  transform:translateY(144px)
}
svg.menue-icon.open > #hm2 {
  transform:rotate(-90deg)
}
svg.menue-icon.open > #hm3 {
  transform:translateY(-144px)
}

div.styleguide.atoms svg.menue-icon {
  display: block !important;
  left: 3px;
  right: none:
}

/* Youtube-Video div.youtube.mx-auto.col-12.col-md-10.col-lg-8 */
div.youtube > iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

/* Back-Link a.back */
a.back {
  text-indent: 26px;
  display: inline-block;
}

a.back::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 360 360" version="1.1" viewBox="0 0 360 360"><path d="M180 10.3 27.3 163l-17 17 17 17L180 349.7l17-17L56.2 192h281.5v-24H56.2L197 27.3z" style="fill: %23010202"/></svg>');
  position: absolute;
  width: 16px;
  height: 16px;
  content: '';
  left: 0;
  top: 52%;
  transform: translateY(-54%);
  background-size: contain;
}

a.back:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 360 360" version="1.1" viewBox="0 0 360 360"><path d="M180 10.3 27.3 163l-17 17 17 17L180 349.7l17-17L56.2 192h281.5v-24H56.2L197 27.3z" style="fill: %23847460"/></svg>');
}

@media screen and (max-width: 575px) {
  a.back {
    text-indent: 23px;
  }
  a.back::before {
    width: 13px;
    height: 13px;
  }
}

/* List (also with linked items) ul */
ul {
    list-style-type: none; 
    margin: 0;
    padding: 0;
}

ul li {
    position: relative;     
    padding-left: 21px;
    line-height: 1.2;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}

ul > li > ul > li {
  margin-bottom: 0;
  padding: 0;
  margin-top: 6px;
  font-size: smaller;
}

ul li::before {
    content: "+";     
    position: absolute;     
    left: 0;                
    top: 0;
}

footer li,
li.download {
    list-style-type: none;
    padding: 0;
    margin-left: 0px;
}

footer li::before, 
ul li.download::before {
    content: "";
    padding-left: 0px; 
}

footer li a[href^="http"], 
li.download a {
  text-indent: 21px;
  display: inline-block;
  text-decoration: none;
  position: relative;
}

footer li a[href^="http"]::before, 
li.download a::before {
  position: absolute;
  content: '';
  background-size: contain;
}

footer li a[href^="http"]::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 360 360" version="1.1" viewBox="0 0 360 360"><path d="M300 300V60H60v24h199L60 283l17 17 199-199v199z" style="fill: %23010202"/></svg>');
  width: 16px;
  height: 16px;
  left: -3px;
  top: 1px;
}

footer li a[href^="http"]:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" style="enable-background:new 0 0 360 360" version="1.1" viewBox="0 0 360 360"><path d="M300 300V60H60v24h199L60 283l17 17 199-199v199z" style="fill: %23847460"/></svg>');
}

li.download a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 360 360"><path d="m289.5 125-61.2-63.5c-.9-.9-2.1-1.4-3.3-1.4h-91.1c-10.2 0-18.5 8.3-18.5 18.5v64.6h-37c-7.6 0-13.8 6.2-13.8 13.8v69.2c0 7.6 6.2 13.8 13.8 13.8h36.9v41.6c0 10.2 8.3 18.5 18.5 18.5h138.4c10.2 0 18.5-8.2 18.5-18.4V128.2c.1-1.2-.4-2.4-1.2-3.2zm-63.4-52.5 50.2 52.2h-50.2V72.5zM78.4 230.8c-2.5 0-4.6-2.1-4.6-4.6V157c0-2.5 2.1-4.6 4.6-4.6h124.7c2.5 0 4.6 2.1 4.6 4.6v69.2c0 2.5-2.1 4.6-4.6 4.6H78.4zm203.1 50.8c0 5.1-4.2 9.2-9.3 9.2H133.8c-5.1 0-9.3-4.1-9.3-9.2V240H203c7.6 0 13.8-6.2 13.8-13.8V157c0-7.6-6.2-13.8-13.8-13.8h-78.5V78.5c0-5.1 4.2-9.3 9.3-9.3h83.1v60c0 2.5 2.1 4.6 4.6 4.6h60v147.8z" style="fill: %23000000" /></svg>');
  width: 26px;
  height: 26px;
  left: -8px;
  top: 10px;
  transform: translateY(-52%);
}

li.download a:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 360 360"><path d="m289.5 125-61.2-63.5c-.9-.9-2.1-1.4-3.3-1.4h-91.1c-10.2 0-18.5 8.3-18.5 18.5v64.6h-37c-7.6 0-13.8 6.2-13.8 13.8v69.2c0 7.6 6.2 13.8 13.8 13.8h36.9v41.6c0 10.2 8.3 18.5 18.5 18.5h138.4c10.2 0 18.5-8.2 18.5-18.4V128.2c.1-1.2-.4-2.4-1.2-3.2zm-63.4-52.5 50.2 52.2h-50.2V72.5zM78.4 230.8c-2.5 0-4.6-2.1-4.6-4.6V157c0-2.5 2.1-4.6 4.6-4.6h124.7c2.5 0 4.6 2.1 4.6 4.6v69.2c0 2.5-2.1 4.6-4.6 4.6H78.4zm203.1 50.8c0 5.1-4.2 9.2-9.3 9.2H133.8c-5.1 0-9.3-4.1-9.3-9.2V240H203c7.6 0 13.8-6.2 13.8-13.8V157c0-7.6-6.2-13.8-13.8-13.8h-78.5V78.5c0-5.1 4.2-9.3 9.3-9.3h83.1v60c0 2.5 2.1 4.6 4.6 4.6h60v147.8z" style="fill: %23847460" /><path d="M119.78 177.115c-1.4-1.9-3.5-3.3-5.8-3.9-3.1-.5-6.3-.7-9.5-.6h-12.7v39.7h8v-15h5.2c2.8.1 5.6-.1 8.3-.6 1.5-.3 2.9-1 4.2-1.9 1.4-1 2.6-2.4 3.4-3.9.9-1.9 1.4-4 1.3-6.1.1-2.7-.8-5.4-2.4-7.7zm-6.9 11c-.6.9-1.5 1.6-2.5 1.9-2.1.5-4.2.7-6.3.6h-4.3v-11.2h3.9c1.9-.1 3.9 0 5.8.3 1.2.2 2.4.8 3.2 1.8.9 1 1.3 2.3 1.3 3.6-.1 1-.4 2.1-1.1 3zM160.541 183.515c-.8-2.4-2.1-4.6-3.8-6.4-1.6-1.7-3.7-3-6-3.6-2.5-.6-5-.8-7.5-.8h-14.6v39.7h15.1c2.4.1 4.8-.2 7.1-.8 2.1-.6 4-1.7 5.6-3.2 2-2 3.4-4.4 4.3-7 .9-2.7 1.3-5.6 1.2-8.4 0-3.3-.5-6.4-1.4-9.5zm-7.8 16.3c-.3 1.4-1.1 2.8-2.1 3.8-.9.8-2 1.4-3.2 1.6-1.6.3-3.2.4-4.8.4h-6v-26.3h3.6c2.2-.1 4.4.1 6.6.4 1.4.3 2.7.9 3.7 1.9 1.1 1.1 1.9 2.4 2.3 3.8.6 2.3.9 4.7.8 7.1 0 2.5-.3 4.9-.9 7.3zM195.921 179.415v-6.7h-27.2v39.7h8v-16.9h16.5v-6.7h-16.6v-9.4h19.3z" style="fill: %23847460" /></svg>');
}



@media screen and (max-width: 575px) {
  footer li a[href^="http"], 
  li.download a {
    text-indent: 20px;
  }
  footer li a[href^="http"]::before {
    width: 13px;
    height: 13px;
    top: 3px;
  }
  li.download a::before {
    width: 24px;
    height: 24px;
    top: 11px;
  }
}

/* Quote p.blockquote */
p.blockquote {
    position: relative;
}

p.blockquote::before {
    content: "";
    display: inline-block;
  position: relative;
  height: 38px;
  width: 38px;
  background-size: 38px 38px;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJFYmVuZV8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjAgMzYwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNjAgMzYwIj4KICA8ZyBpZD0iTGF5ZXJfMV8wMDAwMDA2NzkyOTI0MzM5Nzg5MDk0NTcyMDAwMDAwNDM5NzU1NTAxNjk4MzMxNjYyN18iIHRyYW5zZm9ybT0icm90YXRlKDE4MCA0MTUuNTE3NSAtMzIuNjg1NSkiPgogICAgPGcgaWQ9Il8yNjA5ODc2MDBfMDAwMDAxNzE3MTAxNzIwOTE3MTc1Njk3ODAwMDAwMDI1MzQzNzQyOTU3NTMzMDQ3NTBfIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OTUuNTIyIC05MC40OCkiPgogICAgICA8ZyBpZD0iXzI2MDk4ODEwNF8wMDAwMDA3NjU4OTEwMzg3Nzc3OTQ4NzUyMDAwMDAwNjUxODM1MTQxNjE5NzYzODU0MV8iPgogICAgICAgIDxwYXRoIGlkPSJQZmFkXzQ2ODNfMDAwMDAwMjgzMDA4NjUyOTc4MjkxNDUwNDAwMDAwMDg2MDIyNTg5OTIxNDA5ODUwMTFfIiBkPSJNLTIxOC43LTM1LjRjMTYuOC0yNy40IDI3LjEtNTguMiAzMC4yLTkwLjIuNi01LjgtMy42LTEwLjktOS40LTExLjUtMi4yLS4yLTQuMy4yLTYuMiAxLjMtMzUuOCAyMC04MS4xIDcuMS0xMDEtMjguNy0yMC0zNS44LTcuMS04MS4xIDI4LjctMTAxIDExLTYuMSAyMy4zLTkuMyAzNS44LTkuNCA0Ny41IDAgNzAuNyA0Mi4yIDc2LjYgODEuOCA4LjIgNTguMy0xMi4yIDExNy01NC43IDE1Ny43eiIgY2xhc3M9InN0MSIvPgogICAgICA8L2c+CiAgICAgIDxnIGlkPSJfMjYwOTg3NzkyXzAwMDAwMDc1MTMwOTY1MTAzNDgyODQ2NzMwMDAwMDA4MzAzMDI4NjQ5MDUyOTc2MDE2XyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkuNTM1KSI+CiAgICAgICAgPHBhdGggaWQ9IlBmYWRfNDY4NF8wMDAwMDEzNTY4OTk3NDkzNDMzMjExMTY1MDAwMDAxNTE3NjU5NzYwNzM1NzM0ODAyOV8iIGQ9Ik0tNTEuOS0zNS40YzE2LjgtMjcuNCAyNy4xLTU4LjIgMzAuMi05MC4yLjYtNS44LTMuNi0xMC45LTkuNC0xMS41LTIuMi0uMi00LjMuMi02LjIgMS4zLTM1LjggMjAtODEuMSA3LjEtMTAxLTI4LjctMjAtMzUuOC03LjEtODEuMSAyOC43LTEwMSAxMS02LjEgMjMuMy05LjMgMzUuOS05LjQgNDcuNSAwIDcwLjcgNDIuMiA3Ni42IDgxLjhDMTEtMTM0LjgtOS40LTc2LjEtNTEuOS0zNS40eiIgY2xhc3M9InN0MSIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    top: -5px;
    margin-right: 10px;
}

p.blockquote::after {
    content: "";
    display: inline-block;
  position: relative;
  height: 38px;
  width: 38px;
  background-size: 38px 38px;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJFYmVuZV8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjAgMzYwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNjAgMzYwIj4KICA8ZyBpZD0iTGF5ZXJfMV8wMDAwMDE0ODY1NDIyMzkyNzc0MTM1MDgwMDAwMDAwMzAxODM1Mzk3MTUwNTM5ODE1MV8iIHRyYW5zZm9ybT0icm90YXRlKDE4MCA0MTUuNTE3NSAtMzIuNjg1NSkiPgogICAgPGcgaWQ9Il8yNjA5ODc2MDBfMDAwMDAxNTY1Njk2ODk0MDM1NTIyODM1ODAwMDAwMTcxODQyNzcyOTAxMzU2MTEwMzhfIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OTUuNTIyIC05MC40OCkiPgogICAgICA8ZyBpZD0iXzI2MDk4ODEwNF8wMDAwMDE0MzU4MDg5MDEzOTk2OTI4MjI5MDAwMDAwOTEzNzI3NTU3NTU4NjE0ODI3OV8iPgogICAgICAgIDxwYXRoIGlkPSJQZmFkXzQ2ODNfMDAwMDAxNDI4OTM1NDkwNDY5ODc3NTY5NTAwMDAwMDY4MzgxMTk5MjU2Mjg5NDg2NDFfIiBkPSJNLTcwLjctMjc0LjljLTE2LjggMjcuNC0yNy4xIDU4LjItMzAuMiA5MC4yLS42IDUuOCAzLjYgMTAuOSA5LjQgMTEuNSAyLjIuMiA0LjMtLjIgNi4yLTEuMyAzNS44LTIwIDgxLjEtNy4xIDEwMSAyOC43IDIwIDM1LjggNy4xIDgxLjEtMjguNyAxMDEtMTEgNi4xLTIzLjMgOS4zLTM1LjggOS40LTQ3LjUgMC03MC43LTQyLjItNzYuNi04MS44LTguMi01OC4zIDEyLjItMTE3IDU0LjctMTU3Ljd6IiBjbGFzcz0ic3QxIi8+CiAgICAgIDwvZz4KICAgICAgPGcgaWQ9Il8yNjA5ODc3OTJfMDAwMDAwMDAyMTc5MjQ3ODI5OTU2ODAwMjAwMDAwMTM2MjUxODc1MTQwNzM1MzkyMDZfIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOS41MzUpIj4KICAgICAgICA8cGF0aCBpZD0iUGZhZF80Njg0XzAwMDAwMDgwOTI1MjUxODE1OTI5NDcyNjUwMDAwMDExMTU3Mjg0NTE3MDcwNTMwMjMxXyIgZD0iTS0yNzYuNi0yNzQuOWMtMTYuOCAyNy40LTI3LjEgNTguMi0zMC4yIDkwLjItLjYgNS44IDMuNiAxMC45IDkuNCAxMS41IDIuMi4yIDQuMy0uMiA2LjItMS4zIDM1LjgtMjAgODEuMS03LjEgMTAxIDI4LjcgMjAgMzUuOCA3LjEgODEuMS0yOC43IDEwMS0xMSA2LjEtMjMuMyA5LjMtMzUuOSA5LjQtNDcuNSAwLTcwLjctNDIuMi03Ni42LTgxLjgtOC4xLTU4LjMgMTIuMy0xMTYuOSA1NC44LTE1Ny43eiIgY2xhc3M9InN0MSIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    bottom: -17px;
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    p.blockquote::before,
    p.blockquote::after {
        height: 25px;
        width: 25px;
        background-size: 25px 25px;
    }
    p.blockquote::before {
        margin-right: 6px;
    }
    p.blockquote::after {
        bottom: -11px;
		margin-left: 6px;
    }
}

@media screen and (max-width: 575px) {
    p.blockquote::before,
    p.blockquote::after {
        height: 20px;
        width: 20px;
        background-size: 20px 20px;
    }
    p.blockquote::before {
        margin-right: 4px;
    }
    p.blockquote::after {
        bottom: -9px;
		margin-left: 4px;
    }
}

/* Share on Instagram a.share.share-instagram */
a.share {
  text-decoration: none;
}

a.share:first-of-type {
  margin-left: -1px;
}

a.share + a.share {
  margin-left: 12px;
}

a.share svg .st0 {
  fill: var(--bc8);
}

a.share svg .st1 {
  fill: #fff;
}

a.share:hover svg .st0 {
  fill: var(--bec);
}

/* Primary Button (large) a.btn.btn-primary */
@media screen and (max-width: 389px) {
  a.btn.btn-primary {
    width: 100%;
  }
}

/* Secondary Button (large) a.btn.btn-secondary */
@media screen and (max-width: 389px) {
  a.btn.btn-secondary {
    width: 100%;
  }
}

/* Notice 1 blockquote.internal-notice */
.internal-notice {
  padding: 30px;
}

.internal-notice b {
  color: var(--fec);
}

.internal-notice ul li {
  padding-left: 24px;
}

/* List with download items ul.download-list */
ul.download-list li.download a {
  text-indent: 26px;
}