:root {
   /* ------------------
        typo 
    ------------------ */
    --step_800: clamp(1.375rem, 0.8414rem + 2.1891vw, 4.125rem); /* max 66px -  Display 390 - 2400 */
    --step_700: clamp(1.125rem, 0.8825rem + 0.995vw, 2.375rem); /* max 38px - Display 390 - 2400 */
    --step_600: clamp(1rem, 0.8787rem + 0.4975vw, 1.625rem); /* max 26px - Display 390 - 2400 */
    --step_500: clamp(0.875rem, 0.7537rem + 0.4975vw, 1.5rem); /* max 24px - Display 390 - 2400 */
    --step_450: clamp(0.75rem, 0.653rem + 0.398vw, 1.25rem); /* Display 390 - 2400 */    
    --step_400: clamp(0.75rem, 0.6772rem + 0.2985vw, 1.125rem); /* Display 390 - 2400 */
    --step_300: clamp(0.6875rem, 0.6269rem + 0.2488vw, 1rem); /* Display 390 - 2400 */

    --fs_800: var(--step_800); /* max 66px /// hero logo - bold/regular(light)  */
    --fs_700: var(--step_700); /* max 38px /// p in hero - regular - 1.1lh /// h2 - semi-bold 1.1lh */
    --fs_600: var(--step_600); /* max 26px /// h3 - semi-bold - 1.15lh */
    --fs_500: var(--step_500); /* max 24px /// bulletpoints - regular - 1.3lh */
    --fs_450: var(--step_450); /* max 20px /// Copy Text big - regular - 1.5lh */
    --fs_400: var(--step_400); /* max 18px /// Copy Text small - regular - 1.5lh /// Buttons */
    --fs_300: var(--step_300); /* max 16px /// Copy Text p in cards - regular - 1.5lh */
    
    --fs_price_small: clamp(0.625rem, 0.5765rem + 0.199vw, 0.875rem); /* 10px - max 14px /// Sterntext */
    --fs_price_67: clamp(1.6875rem, 1.2024rem + 1.99vw, 4.1875rem); /* 27px - max 67px /// je Standort... */
    --fs_price_100: clamp(2.5625rem, 1.847rem + 2.9353vw, 6.25rem); /* 41px - max 100px /// ab */
    --fs_price_169: clamp(4.3125rem, 3.0998rem + 4.9751vw, 10.5625rem); /* 69px - max 169px /// XX € */

    --lh_18: 1.8; /*  */
    --lh_16: 1.6; /*  */
    --lh_15: 1.5; /*  */
    --lh_14: 1.4; /*  */
    --lh_13: 1.3; /*  */
    --lh_12: 1.2; /* */
    --lh_115: 1.15; /* */
    --lh_11: 1.1; /* */
    --lh_1: 1; /*  */

    /* Cookie Confirmation */
    --cc_body_fontSize: var(--step_300);
    
    /* ------------------
		spacing
	------------------ */
    --main_header_height: clamp(3.5rem, 3.1483rem + 1.4428vw, 5.3125rem); /* 390 bis 2400 */
    --max_content_width: 102.5rem; /* max 1640px */
    --content_padding_inline: 2rem;
    --header_padding_inline: 1rem;
    --icon_headline_width: 3rem;
       
    --spacer_360: clamp(7.5rem, 2.8864rem + 18.9274vw, 15rem); /* 390 - 1024  120 - 240px */
    --spacer_240: clamp(6rem, 5.0773rem + 3.7855vw, 7.5rem); /* 390 - 1024   96 - 120px */
    --spacer_200: clamp(5rem, 3.7697rem + 5.0473vw, 7rem); /* 390 - 1024   96 - 120px */
    --spacer_120: clamp(4rem, 2.7697rem + 5.0473vw, 6rem); /* 390 - 1024   64 - 96px */
    --spacer_96: clamp(3rem, 2.3849rem + 2.5237vw, 4rem); /* 390 - 1024   48 - 64px */
    --spacer_80: clamp(2.5rem, 1.8849rem + 2.5237vw, 3.5rem); /* 390 - 1024   32 - 48px */
    --spacer_64: clamp(2rem, 1.3849rem + 2.5237vw, 3rem); /* 390 - 1024   32 - 48px */
    --spacer_56: clamp(1.5rem, 0.8849rem + 2.5237vw, 2.5rem); /* 390 - 1024   24 - 32px */
    --spacer_48: clamp(1rem, 0.3849rem + 2.5237vw, 2rem); /* 390 - 1024   24 - 32px */
    --spacer_32: clamp(0.75rem, 0.2886rem + 1.8927vw, 1.5rem); /* 390 - 1024   12 - 24px */
    --spacer_24: clamp(0.625rem, 0.5481rem + 0.3155vw, 0.75rem); /* 390 - 1024   10 - 12px */
    --spacer_16: clamp(0.5rem, 0.4231rem + 0.3155vw, 0.625rem); /* 390 - 1024   8 - 10px */
    --shrink_factor: 0.8; /* small Button in header */

    /* ------------------
		color
	------------------ */
    --blue: var(--colorAppBC);
    --blue_hover: var(--colorAppHoverBC);

    --gray_bg_fluid: #D5DDE5;

    --cc_overlay_backgroundColor: rgba(255, 255, 255, 0.7);
    --cc_modal_backgroundColor: #fff;
    --cc_body_text_color: inherit;
    --cc_checkbox_button_backgroundColor: #a6a6a6;
    --cc_color_active_indicator: var(--blue);
    --cc_checkbox_button_color: #fff;
    --cc_btn_text_color: #fff;
    --cc_btn_border_color: var(--cc_color_active_indicator);
 
    /* ------------------
        style
    ------------------ */
    --nav_level: 100; /* z-index */
    --section_level: 20; /* z-index */
    --footer_level: 100; /* z-index */

    --borderRadius: 8px;

    /* ------------------
		style
	------------------ */
    --boxShadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.3);
	--borderRadius: 4px;   

    --gradient_bg_box: ;
}

@font-face {
	font-family: regular;
	font-weight: 400;
	font-style: normal;
	src: url(../../general/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
}
@font-face {
	font-family: medium;
	font-weight: 400;
	font-style: normal;
	src: url(../../general/fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
	font-family: semi-bold;
	font-weight: 400;
	font-style: normal;
	src: url(../../general/fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
}
@font-face {
	font-family: bold;
	font-weight: 400;
	font-style: normal;
	src: url(../../general/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
}

/* ******************** 
    Utility Classes
 ******************** */
 .mb-0 {
    margin-bottom: 0 !important;
 }
 .mb-32 {
    margin-bottom: var(--spacer_32) !important;
 }
 .mb-48 {
    margin-bottom: var(--spacer_48) !important;
 }
 .mb-56 {
    margin-bottom: var(--spacer_56) !important;
 }
 .mb-64 {
    margin-bottom: var(--spacer_64) !important;
 }
 .mb-80 {
    margin-bottom: var(--spacer_80) !important;
 }
 .mb-120 {
    margin-bottom: var(--spacer_120) !important;
 }
 .mb-200 {
    margin-bottom: var(--spacer_200) !important;
 }

/* ------------------
	General 
------------------ */
.btn {
    display: inline-block;
    font-family: semi-bold;
    font-size: var(--fs_400);
    line-height: var(--lh_1);
    text-transform: uppercase;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    border: 2px solid var(--n1Blue);
    border-radius: var(--borderRadius);
     background-color: var(--n1Blue);
     padding: 0.75rem 1.5rem;
     outline: none;
     transition: all 0.3s ease-in-out;
    cursor: pointer;
 }
 .btn:hover {
    color: #fff;
    text-decoration: none;
}
 .btn-ghost {
    border: 2px solid #fff;
    background-color: transparent;
 }
 .btn-white {
    color: var(--n1Blue);
    border: 2px solid #fff;
    background-color: #fff;
 }
 .btn-white:hover {
    color: var(--n1Blue);
    border: 2px solid #fff;
    background-color: #fff;
 }
 .btn-header {
    font-size: 1rem; /* max 16px */
    transform: scale(var(--x_factor_navbar));
 }
 .btn-fluid {
    display: block;
    text-align: center;
 }
 .btn-ghost-neg {
    color: var(--n1Blue);
    border: 2px solid var(--n1Blue);
    background-color: transparent;
 }
 .btn-ghost-neg.active,
 .btn-ghost-neg:hover,
 .btn-ghost-neg:focus,
 .btn-ghost-neg:active {
    color: #fff;
    border: 2px solid var(--n1Blue);
    background-color: var(--n1Blue);
 }
 
 .btn-price-xl {
    display: grid;
    align-items: center;
    height: auto;
    font-size: var(--fs_400);
    line-height: 1.4;
    text-align: center;
    padding: 0.5rem;
 }
 .btn-price-xl:hover,
 .btn-price-xl:active,
 .btn-price-xl:focus,
 .btn-price-small:hover,
 .btn-price-small:active,
 .btn-price-small:focus {
    color: #fff;
 }
 
 .btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .35;
 }

 .btn-head {
    font-size: var(--fs_price_small);
    color: var(--n1Blue);
    background-color: #fff;
    margin-right: 1rem;
 }
 .btn-head[title="Bei Boden Check einloggen"] {
    margin-right: 2rem;
 }
 .btn-head:hover,
 .btn-head:active,
 .btn-head:focus {
    color: #fff;
    background-color: var(--n1Blue);
 }
 
 .bi-modal .btn {
    font-size: var(--fs_300);
     padding: 0.5rem 1rem;
 }

 .tns-nav button {
    width: 0.75rem;
    aspect-ratio: 1;
    border: none;
    border-radius: 50%;
    background-color: #ccc;
    margin-right: 0.5rem;
}
.tns-nav button.tns-nav-active {
    background-color: var(--n1Blue);
}
 
 .cc-btn {
    background-color: var(--cc_color_active_indicator);
    border: 1px solid var(--cc_btn_border_color);
    color: var(--cc_btn_text_color);
 }
 .cc-btn.cc-btn-default:hover {
    background-color: var(--blue_hover);
 }
 .cc-btn-ghost {
    background-color: transparent;
    border: 1px solid var(--cc_color_active_indicator);
    color: var(--n1Blue);
}
.cc-btn-ghost:hover {
    background-color: var(--cc_color_active_indicator);
    border: 1px solid var(--cc_btn_border_color);
    color: var(--cc_btn_text_color);
}
 
 .cc-cookie-detailinfo-row {
    margin-bottom: 2rem;
 }

.hero-box-content .hero-actions a {
    display: grid;
    align-items: center;
    justify-content: center;
}
.hero-box-content .hero-actions a:first-child {
    margin-bottom: 0.5rem;
}

.mobile-only {
    display: block;
}

.slider.mobile-only {
    color: #fff;
}

.hasAnimation {
    overflow: hidden;
}

img[data-zoom="true"]{
    cursor: pointer;
 }
 img.alternativeImage{
    display: none;
 }

/* ------------------
    Typo 
------------------ */
html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: regular;
    font-size: var(--fs_450);
    color: var(--n1Blue);
    padding: 0;
    margin: 0;
    background-color: #fff;
}

h1, .h1 {
    font-family: bold;
    font-size: 2em;
    line-height: 1.05;
}
h2, .h2 {
	font-family: semi-bold;
    font-size: var(--fs_700);
    line-height: var(--lh_11);
    text-transform: uppercase;
    margin-bottom: var(--spacer_48);
}
h3, .h3 {
    font-family: semi-bold;
    font-size: var(--fs_600);
    line-height: var(--lh_115);
    text-transform: uppercase;
 }

p, .cc-body-p, .cc-checkbox-label, .cc-checkbox-info, .cc-checkbox-head, .cc-cookie-detailinfo, .cc-cookie-detailinfo-col1 {
    font-family: regular;
    font-size: var(--fs_450);
    line-height: var(--lh_15);
}

ul {
    list-style: none;
}
.subpage-container ul {
    list-style: disc;
}
ul:has(.bulletpoint) {
    padding: 0;
    margin: 0 0 2rem 0;
    padding-left: 2rem;
}

i {
    font-style: italic !important;
}

a {
    color: var(--blue);
}
a:hover, a:focus, a:active {
    color: var(--blue_hover);
}

.primary-nav a {
    color: var(--n1Blue);
}

.cc-body-p, 
.cc-checkbox-label, 
.cc-checkbox-info, 
.cc-checkbox-head, 
.cc-cookie-detailinfo, 
.cc-cookie-detailinfo-col1 {
    font-family: regular;
    font-size: var(--cc_body_fontSize);
    line-height: var(--lh_15);
}
.cc-body-h2,
.cc-content-h2, 
.cc-checkbox-label {
   font-family: semi-bold;
   font-size: calc(var(--cc_body_fontSize) * 1.4);
   margin-bottom: var(--spacer_32);
}
.cc-content-h2, 
.cc-checkbox-label {
   font-size: calc(var(--cc_body_fontSize) * 1.2);
   margin-bottom: var(--spacer_24);
}
.cc-checkbox-label {
   margin-bottom: 0;
}
.cc-accordion-panel .cc-checkbox-label {
   font-size: var(--cc_body_fontSize);
}
.cc-checkbox-head .cc-checkbox-label {
   margin-left: 1rem !important;
}
.cc-checkbox-head .cc-checkbox-label ~ * {
   width: 2.5rem;
}
.cc-checkbox-info {
   margin-left: 3.5rem !important;
}
.cc-btn {
    margin-bottom: 0;
}

.legal * {
    font-family: regular;
    font-size: var(--fs_450);
    color: var(--n1Blue);
 }
 .legal section {
    margin-bottom: var(--spacer_56);
 }
 .legal h1 {
    font-family: semi-bold;
    font-size: var(--fs_700);
    line-height: var(--lh_11);
    text-transform: uppercase;
    margin-bottom: var(--spacer_48);
 }
 .legal h3, .legal .h3 {
    font-family: semi-bold;
    font-size: var(--fs_600);
    line-height: var(--lh_115);
    text-transform: uppercase;
 }
 .legal h4, .legal .h4 {
    font-family: semi-bold;
    font-size: var(--fs_500);
    line-height: var(--lh_115);
    text-transform: initial;
    margin-bottom: 0.5rem;
 }
 .legal h6, .legal p {
    font-family: regular;
    font-size: var(--fs_400);
    margin-bottom: var(--spacer_24);
 }
 .legal li {
    margin-bottom: var(--spacer_16) !important;
 }
 .legal a {
    color: var(--colorAppBC);
}
.legal a:hover {
    color: var(--colorAppHoverBC);
}

/* ------------------
	Structure 
------------------ */
.main {
    position: relative;
}


.wt-grid {
    --leftcol_width: 90%;
    display: none;
    position: absolute;
    background-color: var(--n1Blue);
    color: #fff;
    width: 100%;
    min-height: var(--XspacerMainContent);
    font-size: var(--copyTextFontSize);
    line-height: var(--copyTextLineHeight);
    z-index: 99;
    margin-top: 0;
    cursor: pointer;
}
.webinar-ticker {
    margin-top: var(--main_header_height);
}
.wt-grid .wt-toggle {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    margin: 0;
    font-size: 1.8rem;
    transform: rotate(0deg);
    transition: transform 200ms ease-in-out;
}
.wt-grid a {
    color: #fff;
    text-decoration: underline;
    margin-right: 0.5rem;
}
.wt-container {
    display: grid;
    grid-template-columns: 1fr auto auto;
    max-width: 90%;
    padding-left: calc(var(--XspacerMainContent) + 1rem);
}
.wt-container .top-row {
    display: flex;
    align-items: center;
    height: var(--XspacerMainContent);
}
.wt-container .top-row .label {
    display: inline;
    font-family: semi-bold;
    font-size: var(--headlineSizeLevel1);
    margin: 0 0.75rem 0 0;
}
.wt-container .top-row > div {
    width: var(--leftcol_width);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--n1Blue);
}
.wt-container .top-row.collapsed > div {
    color: #fff;
}
.wt-grid a:last-child {
    margin-right: 0;
}
.wt-container .top-row a {
    opacity: 0;
    color: var(--n1Blue);
    pointer-events: none;
    transition: all 200ms ease;
}
.wt-container .top-row.collapsed a {
    opacity: 1;
    color: #fff;
    pointer-events: initial;
}
.wt-container .bottom-row {
    height: calc(var(--XspacerMainContent)* 2);
    background-color: var(--n1Blue);
    color: #fff;
    padding-bottom: 2rem;
    overflow: hidden;
    transition: height 300ms ease-in-out, padding 300ms ease-in-out, opacity 200ms ease-in-out;
}
.wt-container .bottom-row.collapsed {
    height: 0;
    padding-bottom: 0;
}
.wt-container .bottom-row > * {
    opacity: 1;
}
.wt-container .bottom-row ul, 
.wt-container .bottom-row li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.wt-container .bottom-row.collapsed > * {
    opacity: 0;
}
.wt-container .bottom-row li {
    margin-bottom: 0.5rem;
}



.hero-wrapper {
    position: relative;
    height: calc(100vh + var(--main_header_height));
    margin-bottom: var(--spacer_240);    
    background: url(../img/landingpage/Stage.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.hero-positioning {
    position: relative;
    height: 100vh;
 }
 .hero-positioning > * {
    z-index: calc(var(--section_level) + 5);
 }

 .hero-box {
    --icon_width: 3rem;
    
    display: grid;
    align-items: center;    
    height: 100vh;
    box-shadow: var(--boxShadow);  
    overflow: hidden;
    background: url(../img/landingpage/hero_section_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
 }

 .hero-box-landing {
    display: grid;
    align-items: center;
    position: absolute;
    left: 2rem;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
 }

 /* .hero-box:not(.hero-box-main) .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/landingpage/Header_Verlauf_SiteDepotCommunity.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;    
    overflow: hidden;
 }
 .hero-box .video-bg .video-background {
    width: 100%;
    mix-blend-mode: multiply;
    transform: translate3d(0,0,0); /* bugfix for Safari (mix-blend-mode) 
 } */
  
 .hero-box-content {    
    position: relative;
    padding: 15%;
 }
 .hero-box-content > * {    
    color: #fff;
 }
 .hero-box-content h1 {
    margin-bottom: 0.5rem;
 }
 .hero-content-logo,
 .hero-p {
   margin-bottom: var(--spacer_56);
 }
 .hero-p {
   line-height: 1.2;
 }
 .hero-content-logo img {
    height: 2.313rem;
 }
 .hero-actions {
    display: grid;
 }
 .hero-box-content .hero-actions a {
    display: grid;
    align-items: center;
    justify-content: center;
 }
 .hero-box-content .hero-actions a:first-child {
    margin-bottom: 0.5rem;
 }

 .hero-img {
    position: relative;
 }

 
 .hero-wrapper .video-bg,
 .hero-img,
 .video-bg-main {
    display: none;
 }

section {
    scroll-margin-top: calc(var(--main_header_height) + 2rem);
}
section.with-box {
    max-width: 100%;
    padding: var(--content_padding_inline);
    background: url(../img/landingpage/hero_section_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
main > section {
    max-width: var(--max_content_width);
    padding-inline: var(--content_padding_inline);
    margin-inline: auto;
    margin-bottom: var(--spacer_240);
}
section:has(.full-width-split), section.with-bg {
    max-width: 100%;
    padding-inline: 0;
}
main > section#jumpto-intro {
    margin-bottom: var(--spacer_120);
}

.hasAnimation {
    overflow: hidden;
}
.hasAnimation > * {
    transition: all 1s ease;
}

.gradient-bg-box {
    background: url(../img/landingpage/hero_section_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.checkbox-col > *,
.checkbox-col-other > *,
.tabs-nav > *,
.tabs-panels > * {
    color: #fff;
}
.checkbox-col {
    margin-bottom: 4rem;
}
.checkbox-col-other {
    --seit_img_width: 10rem;
}
.checkbox-col-other > p {
    margin-bottom: var(--spacer_48);
}

.bulletpoint {
    font-family: regular;
    font-size: var(--fs_500);
    line-height: var(--lh_13);
    color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: var(--spacer_48);
}
li.bulletpoint {
    position: relative;
}
li.bulletpoint svg {
    /* display: none; */
    position: absolute;
    top: 0;
    left: -1.8rem;
    color: #fff;
    font-size: 1.5rem;
}

.expert-info ul {
    list-style: disc;
    margin-left: 1rem;
}
.expert-info li {
    margin-bottom: 0.5rem;
}
.expert-info li a {
    color: #fff;
    text-decoration: underline;
}
.expert-img {  
    margin-bottom: 2rem;
}
.expert-img img {
    display: block;
    width: var(--seit_img_width);
    aspect-ratio: 1;
    border-radius: 50%;
    margin: 0 auto;
}

.accordion-wrap {
    color: #fff;
}
.accordion .accordion-item {
    border: none;
    cursor: pointer;
    margin-bottom: var(--spacer_48);
}
.accordion .accordion-header {
    display: flex;
    align-items: center;
}
.accordion .accordion-header h3 {
    flex: 1;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}
.accordion .accordion-item.open h3 {
    position: relative;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}
.accordion .accordion-item.open h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1rem;
    height: 100%;
    width: 1px;
    border-left: 4px solid #fff;
}
.accordion .accordion-content {
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    transition: height 0.5s ease;
}
.accordion .accordion-item.open .accordion-content {
    margin-top: 1rem;
}
.accordion .accordion-content p {
    margin: 0;
}

.accordion-panels, .sliding-panles {
    overflow: hidden;
    display: grid;
}
.accordion-panels .accordion-panels-item, 
.sliding-panles .sliding-panles-item {
    grid-row: 1;
    grid-column: 1;
    opacity: 0;
    transform: translateX(30vw);
    transition: all 1000ms ease;
}
.accordion-panels .accordion-panels-item {
    align-self: center;
    margin: 0 auto;
}
.accordion-panels .accordion-panels-item.show, 
.sliding-panles .sliding-panles-item.show {
    transform: translateX(0);
    opacity: 1;
    z-index: 2;
}
.accordion-panels .accordion-panels-item img.screen-chatbot,
section.functions .slider-item img.screen-chatbot {
    width: 80%;
    justify-self: center;
}
.accordion-panels .accordion-panels-item img.img-maxheight {
    width: auto;
    max-height: 35rem;
    justify-self: center;
}
section.functions .slider-item img.img-maxheight {
    width: auto;
    max-height: 30rem;
    justify-self: center;
}
.accordion-panels .accordion-panels-item img.screen-sdc {
    width: 45rem;
}

.price-box-wrap {
    background: var(--gradient_bg_box);
    color: #fff;
}
.price-cta > div:first-of-type {
    margin-bottom: var(--spacer_48);
}
.price-box-wrap p > a {
    color: #fff;
    text-decoration: underline;
}
.price-box-wrap p.mobile-only {
    margin-bottom: var(--spacer_96);
}

.quote-container {
    --sd_company_img_width: 10rem;
    --sd_user_img_width: 10rem;
}
.quote-container img {
    display: block;
    width: var(--sd_user_img_width);
    margin: 0 0 var(--spacer_48);
}
.quote-container img.user-img {
    aspect-ratio: 1;
    border-radius: 50%;
}
.quote-container h3 {
    margin-bottom: var(--spacer_48);
}
.quote-container h3 span {
    font-size: var(--fs_450);
}

.tns-nav {
    text-align: center;
    margin-top: var(--spacer_32);
}
#partner-slider-controls {
    display: none;
}

.tabs-nav {
    padding: var(--spacer_64) var(--content_padding_inline);
    margin-bottom: 0;
}
[role="tablist"], [role="tablist"] ul {
    list-style: none;
    margin: 0;
    display: block;
}
.tabs-nav-itemcontainer {
    padding-bottom: 0.5rem;
    margin-bottom: var(--spacer_48);
}
.tabs-nav-itemcontainer, .tabs-nav-itemcontainer a {
    display: block;
    transition: all 300ms ease-in-out;
}
.tabs-nav-itemcontainer a:hover {
    text-decoration: none;
}
.tabs-nav-itemcontainer::before {
    content: "";
    position: absolute;
}
.tabs-nav-item, .tabs-nav-item:hover, .tabs-nav-item:focus, .tabs-nav-item:active {
    color: #fff;
}
.tabs-panels {
    display: none;
}

.targetgroup-wrappper, .targetgroup-wrappper li {
    position: relative;
}



.app-logo-header {
    display: grid;
    grid-template-columns: var(--icon_headline_width) 1fr;
    gap: 1rem;
    align-items: center;
}
.app-logo-header img {
    width: var(--icon_headline_width);
    margin-bottom: 1rem;
}
.app-logo-header > div > h3 {
    margin-bottom: 0.25rem;
}
.app-logo-header > div > span {
    font-family: semi-bold;
    line-height: var(--lh_12);
}


.zielgruppennetz ul{
    padding-left: 0;
 }
 .zielgruppennetz li::before{
    content: "";
 }
 .zielgruppennetz li{
    display: grid;
    grid-template-columns: var(--icon_headline_width) 1fr;
    margin-bottom: var(--spacer_32);
    column-gap: 1rem;
    font-size: var(--fs400);
 }
 .zielgruppennetz li svg{
    grid-column: 1;
    font-size: 1rem;
    justify-self: end;
 }

svg [data-name="Icons"] > g{
    transition: all 300ms ease;
    cursor: pointer;
}
svg [data-name="Icons"] > g.selected{
    transform: scale(1.5);
}


.full-width-split {
    display: grid;
}
.full-width-split .gradient-bg-box,
.full-width-split .tabs-nav {
    grid-column: 1 / 1;
    grid-row: 1;
}

section.functions {
    padding: var(--content_padding_inline);
}
section.functions .slider-item img {
    
}








#primary-header {
    position: fixed;
    z-index: 1000;
    top: calc((var(--main_header_height) + 0.5rem) * -1);
    background: transparent;
    width: 100%;
    height: var(--main_header_height);
    -webkit-transition: 0.2s;
    transition: 0.2s;   
}
#primary-header.nav-is-open {
    height: auto;
}
.primaryheader-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--main_header_height);
    position: relative;
    z-index: 9100;
    padding-inline: 2rem;
    background: hsl(0, 0%, 100%);
}
.primaryheader-container .login svg {
    font-size: 1.6rem;
    color: var(--n1Blue);
    margin-right: 1rem;
}


/*
#primary-header.nav-is-closed .primary-nav {
    display: none;
}
#primary-header.nav-is-open .primary-nav {
    display: flex;
    flex-direction: column;
    gap: var(--primary_nav_gap);
    padding: calc(var(--header_height) / 2);
    padding-right: 0;
    padding-bottom: calc(var(--header_height) / 1.5);
}
*/
#primary-header.nav-is-closed .primary-nav {
    transform: translateY(-32rem);
}
#primary-header.nav-is-open .primary-nav {
    transform: translateY(0);
}
.primary-shadow {
    box-shadow: var(--boxShadow);
    height: var(--main_header_height);
    position: absolute;
    width: 100%;
    top: 0;

}
.primary-nav {
    display: flex;
    flex-direction: column;
    gap: var(--primary_nav_gap);
    padding: calc(var(--main_header_height) / 2);
    padding-right: 0;
    padding-bottom: calc(var(--main_header_height) / 1.5);
    transition: transform 500ms ease-in-out;
    position: relative;
    z-index: 5;
    padding: 2rem;
    box-shadow: var(--boxShadow);
    background: hsl(0, 0%, 100%);
}
.primary-nav ul {
    text-align: right;
    list-style: none;
    font-family: 'medium';
    font-size: var(--fs_500);
    text-transform: uppercase;
}
.primary-nav ul li {
   margin-bottom: 1rem;
}
.primary-nav-item {
    padding-right: var(--primary_nav_gap);
}
.primary-nav-item a * {
    color: var(--n1Blue);
}
.primary-nav-item a:hover {
    text-decoration: none;
}
.primary-nav-item header {
    font-family: medium;
    font-size: var(--fs_400);
    text-transform: initial;
    text-align: right;
    margin-bottom: 0;
}
.primary-nav-item p {
    display: none;
    position: relative;
    left: 0;
    font-size: 0.875rem;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
}
.primary-nav-item a:hover header {
    color: var(--green_dark);
}
.primary-nav-item a:hover p {
    left: 0.5rem;
}

.hidden-header {
    display: none;
}
.hidden-logos {
    display: none;
    margin-left: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0.5rem;
}
.hidden-nav {
    display: grid;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    height: var(--main_header_height); 
    margin-right: 2rem;  
}
.hidden-nav .primary-user svg {
    color: #fff;  
    font-size: 1.6rem;
    margin-right: 1rem;
}
.hidden-nav .primary-navtoggle span {
    background-color: #fff;
}

.primary-logo,
.logo-text {
    display: flex;
    align-items: center;
}
.primary-logo a:first-child img,
.hidden-logos img:first-child {
    width: 2.5rem;
    margin-right: 1rem;
}
.primary-logo a:last-child img,
.hidden-logos img:last-child {
    width: 8rem;
}
.hidden-logos img:first-child {
    height: 2.5rem;
}
.logo-text {
    flex-direction: column;
    align-items: flex-start;
}
.logo-text span:first-child {
    font-family: semi-bold;
}
.logo-text span:last-child {
    display: none;
    font-family: medium;
    font-size: 0.6875rem;   
    line-height: 1.1;
}

.primary-navtoggle {
    --burger_lineheight: 2px;
    --burger_spacing: 9px;
    --burger_height: 20px;
    --burger_width: 26px;

    width: var(--burger_width);
    height: var(--burger_height);
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.primary-navtoggle span{
    background-color: var(--n1Blue);
    position: absolute;
    border-radius: 2px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    width:100%;
    height: var(--burger_lineheight);
    transition-duration: 500ms
}
.primary-navtoggle span:nth-child(1){
    top:0px;
    left: 0px;
}
.primary-navtoggle span:nth-child(2){
    top: var(--burger_spacing);
    left: 0px;
    opacity:1;
}
.primary-navtoggle span:nth-child(3){
    bottom:0px;
    left: 0px;
}
.primary-navtoggle:not(.open):hover span:nth-child(1){
    transform: rotate(-3deg) scaleY(1.1);
}
.primary-navtoggle:not(.open):hover span:nth-child(2){
    transform: rotate(3deg) scaleY(1.1);
}
.primary-navtoggle:not(.open):hover span:nth-child(3){
    transform: rotate(-4deg) scaleY(1.1);
}
.primary-navtoggle.open span:nth-child(1){
    transform: rotate(45deg);
    top: 13px;
}
.primary-navtoggle.open span:nth-child(2){
    opacity:0;
}
.primary-navtoggle.open span:nth-child(3){
    transform: rotate(-45deg);
    top: 13px;
}

.primary-cta{
    display: none;
}

#start-journey {
    scroll-margin-top: var(--main_header_height);
}

.content-width {
    width: var(--content_width);
    max-width: var(--content_maxwidth);
    margin: 0 auto;
}

.hero-wrap {
    background: url(../img/landingpage/hero_section_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden; 

    color: #fff;
}
.hero-content-wrap {
    display: flex;
    align-items: center;
    height: 100%;
   
    position: relative;
    z-index: 800;
}
.hero-content {
    text-align: center;
    color: white;
}
.hero-content .hero-grafik {
    width: var(--hero_img_width);
    margin: 0 auto var(--spacer_32to80);
}
.hero-content .bs-logo {
    text-align: center;
    margin-bottom: 0.6rem; /* von Björn wg Margin + LineHeight */
}
.hero-content .bs-logo img {
    display: inline;
    width: var(--bs_logo_width);
    border: 2px solid #fff;
    border-radius: 6px;
}
.hero-content p {
    margin-bottom: var(--spacer_24to32);
}
.hero-content h1 {
    font-family: semi-bold;
    margin-bottom: 0.6rem; /* von Björn wg Margin + LineHeight */
}
/*
.hero-content h1,
.hero-content p {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
*/

.content-section {
    position: relative;
    padding: var(--spacer_80to320) 0;
}
.content-section.bg-blue {
    
    background-color: var(--blue);
    color: #fff;
}
.content-section.bg-light {
    background: url(../img/landingpage/Verlauf.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content-section.bg-img {
    background: url(../img/landingpage/bg_img_cta.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flex-list-row {
    margin-bottom: 1.5rem;
}
.w-big {
    width: 66.666%;
}
.w-small {
    width: 100%;
}
.flex-img  {
    display: none;
}
.flex-img img {
    max-width: initial;
    width: 100%;
}
.flex-icon {
    background-color: #fff;
    color: var(--blue);
    height: 12rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flex-icon svg {
    font-size: 5rem;
}
.flex-icon h5 {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-family: 'semi-bold';
}

.floating-box {
    background-color: #fff;
    margin: 0 1rem;
    padding: var(--spacer_80to160) 1rem;
    text-align: center;
    box-shadow: var(--boxShadow);
}
.floating-box a {
    margin-bottom: var(--spacer_32to56);
}

#partner {
    margin-bottom: var(--spacer_80to320);
}
#partner .slider-wrap {
    max-width: calc(var(--slider_maxwidth) - 20rem);
}

#partner .price-old {
    position: relative;
    margin-right: 2rem;
}
#partner .price-old::before {
    position: absolute;
    content: '';
    left: 0;
    top: 45%;
    right: 0;
    border-top: 2px solid;
    border-color: red;
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
#partner .price-new {
    font-family: medium;
    font-size: var(--fs_500);
    line-height: var(--lh_500);
}

#partner .partner-item p {
    font-family: semi-bold;
    font-size: var(--fs_300);
    line-height: var(--lh_300);
}
#partner .partner-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 183px;
    margin-bottom: var(--spacer_32to56);
}
#partner .partner-logo-wrap img {
    margin: 0;
}
#partner .partner-logo-wrap svg {
    font-size: 3rem;
}

#partner-slider-controls {
    position: absolute;
    top: 20%;
    list-style: none;
    margin: 0;
}
#partner-slider-controls .prev {
    left: -2rem;    
}
#partner-slider-controls .next {
    right: -2rem;
}

.subpage-container {
    margin-top: var(--main_header_height);
    padding: calc(var(--main_header_height) / 1.5);
}

.subpage-container ol,
.subpage-container ul {
    padding-left: 1.5rem;
}
.subpage-container ol ul {
    list-style-type: lower-alpha;
}

.subpage-container.agb ol {
    margin-bottom: var(--spacer_32to80);
}
.subpage-container li {
    margin-bottom: var(--spacer_24to32);
}

.cc-outerlayer {
   z-index: 1600;
}

.modal .modal-md {
    max-width: 39rem;
}
.modal .modal-content {
    border-radius: 0;
    border-color: var(--blue);
    padding: 4rem;
}
.modal .modal-header {
    padding: 0;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
}
.modal .modal-body {
    padding: 0 0 4rem;
}
.form-container .form-block {
    margin-bottom: var(--spacer_32to56);
}
.modal .modal-body .form-block:last-child, .modal .modal-body .form-group:last-child {
    margin-bottom: 0;
}
.modal .form-container .form-block .form-headline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--n1Blue);
    margin-bottom: 2rem;
}
.modal .form-container .form-block .form-headline h5 {
    font-size: var(--headlineSizeLevel1);
    margin: 0;
    line-height: 2rem;
    font-family: semi-bold;
}
.modal .form-container .form-group {
    margin-bottom: 2rem;
    align-items: baseline;
}
.modal .form-container .form-group label, 
.modal .label {
    display: block;
    font-size: var(--headlineSizeLevel2) !important;
    line-height: 0.9375rem !important;
    font-family: medium !important;
    margin-bottom: 0.1875rem;
}
.modal .form-container .form-group .col-form-label, 
.modal .businesshours-item span, 
.modal .businesshours-inquiry {
    margin-bottom: 0;
    font-size: var(--headlineSizeLevel2);
    font-family: medium;
    text-transform: initial;
    display: block;
    line-height: 0.9375rem;
}
.modal p, .modal textarea, .modal textarea.form-control {
    font-family: var(--copyTextFontFamily);
    font-size: var(--copyTextFontSize);
}
.modal p {
    line-height: var(--copyTextLineHeight);
    margin-bottom: 1rem;
}
.modal input, .modal input.form-control, .modal .inquiry-pile-details-container.form-container .form-block .inquiries-message p {
    font-size: var(--inputFontSize);
    line-height: var(--inputLineHeight);
    font-family: regular;
    padding: 0.3125rem 0.375rem;
    border: 1px solid var(--n1Blue);
    background: hsl(0, 0%, 100%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
    color: var(--n1Blue);
}
.modal .form-group select {
    opacity: 0;
    visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.modal .select2-container--default {
    max-width: 1230px;
    width: 100% !important;
    z-index: 95;
}
.modal .select2.select2-container {
    z-index: 90 !important;
}
.modal .select2-container--default .select2-selection {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border-color: var(--n1Blue) !important;
    outline: 0 !important;
    line-height: var(--inputLineHeight) !important;
    height: var(--singleInputHeight) !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    font-size: var(--inputFontSize) !important;
    font-family: regular;
}
.modal .select2-container--default .select2-selection .select2-selection__rendered {
    line-height: var(--inputLineHeight) !important;
    font-size: var(--inputFontSize) !important;
    font-family: regular !important;
    color: var(--n1Blue) !important;
    padding: 0 1.625rem 0 0.375rem !important;
    height: var(--singleInputHeight) !important;
}
.modal .select2-container--default .select2-selection .select2-selection__arrow, .modal #tab-lvnavigator #TreeGrid .chevron span {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    height: var(--singleInputHeight) !important;
    width: 1.875rem !important;
    line-height: var(--inputLineHeight) !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}
.modal .select2-container--default .select2-selection .select2-selection__arrow:before, .modal #tab-lvnavigator #TreeGrid .chevron span:before {
    background: url(//cdn.biexcellence.com/fragBob/apps/general/img/icon-arrow-down.svg) no-repeat;
    content: "";
    cursor: pointer;
    height: 7px;
    right: 10px;
    top: 8px;
    width: 12px;
    transition: all 0.2s;
}
.modal .select2.select2-container.select2-container--open .select2-selection__arrow:before, .modal #tab-lvnavigator #TreeGrid .shrink .chevron span:before {
    background: url(//cdn.biexcellence.com/fragBob/apps/general/img/icon-arrow-down.svg) no-repeat;
    content: "";
    cursor: pointer;
    height: 7px;
    right: 10px;
    top: 8px;
    width: 12px;
    transform: rotate(180deg);
    transition: all 0.2s;
}
.modal .select2-container--default .select2-selection .select2-selection__arrow b {
    display: none;
}
.modal .select2-container--default .select2-results__option {
    background: hsl(0, 0%, 100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: regular;
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px 10px;
    position: relative;
    word-break: break-word;
    line-height: 1.375rem;
}
.modal .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--blue);
}
.modal .form-container .form-group .custom--checkbox {
    display: flex;
    margin-bottom: 0;
    align-items: center;
}
.modal .custom--checkbox--input input, .modal .custom--checkbox--label {
    cursor: pointer;
    font-size: var(--headlineSizeLevel2);
    line-height: var(--headlineSizeLevel2);
    font-family: medium;
}
.modal .custom--checkbox--input input {
    transform: scale(1);
    color: hsl(0, 0%, 100%);
    background-color: var(--blue);
}
.custom--checkbox--input input:checked {
    border: 1px solid var(--blue);
}
.modal .custom--checkbox--control {
    border-radius: 0;
    border: 0.03rem solid var(--colorBorder);
    width: 0.8125rem;
    height: 0.8125rem;
    background-color: hsl(0, 0%, 100%);
}
.custom--checkbox--input input:checked + .custom--checkbox--control svg {
    transform: scale(1);
    color: hsl(0, 0%, 100%);
    background-color: var(--blue);
    cursor: pointer;
}
.modal .custom--checkbox--label {
    font-family: regular;
    font-size: var(--inputFontSize);
}
.modal .custom--checkbox--label {
    transform: translateY(0);
}


.modal .btn {
    border-radius: var(--borderRadius);
    background-color: var(--blue);
    color: hsl(0, 0%, 100%);
    border: 1px solid var(--blue);
    font-size: 0.85rem;
    line-height: 1;
    font-family: semi-bold;
    padding: 0.75rem 1.5rem;
    text-transform: none;
    outline: none;
    transition: all 0.3s ease-in-out;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    position: relative;
}
.modal .btn-disabled, .modal .btn-disabled:hover {
    border-color: var(--colorBorder);
    background-color: var(--colorBorder);
    cursor: not-allowed;
}
.modal .modal-footer button {
    margin-left: 1rem;
}
.modal .btn.btn-small, .modal .btn-mobile {
    font-family: var(--copyTextFontFamily);
    font-size: var(--copyTextFontSize);
    padding: 0.6719rem 1.5rem;
    max-height: 2.25rem;
}
.modal .btn.btn-ghost {
    background-color: hsl(0, 0%, 100%);
    color: var(--n1Blue);
    border: 1px solid var(--n1Blue);
}
.btn svg {
    position: relative;
    margin-left: 1rem;
    font-size: var(--fs_500);
}
.btn-video svg {
    margin: 0 0.5rem 0 0;
}
.modal .btn.btn-small svg {
    font-size: 0.75rem;
    margin-left: 0.75rem;
}
.modal .btn.btn-small.btn-lefticon svg {
    margin-left: auto;
    margin-right: 0.75rem;
}

.modal .modal-footer {
    padding: 0;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.modal .modal-footer .mandatory {
    font-family: regular;
    font-size: var(--inputFontSize);
}

#modalRegister .modal-content {
    padding: 2rem;
}
#modalRegister .modal-body {
    max-height: calc(100vh - 8rem);
    overflow-y: scroll;
    padding: 0 1rem 2rem 0;
}

.toast{
	position: fixed;
	bottom: 5%;
	left: 0;
	right: 0;
	margin: 0 auto 1rem;
	color: hsl(0, 0%, 100%);
	border-radius: var(--borderRadius);
	border-color: transparent;
	box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.3);
	z-index: 9999999;
	animation-name: toastAnimation;
	animation-duration: 5000ms;
	animation-fill-mode: forwards;
}

.toast .toast-body{
	background-color: transparent;
	border-radius: var(--borderRadius);
}

.toast.toast-success .toast-body .toast-icon{
	background-color: var(--colorSuccess);
	color: hsl(0, 0%, 100%);
	border-radius: var(--borderRadius);
	font-size: 3.2rem;
}

.toast.toast-error .toast-body .toast-icon{
	background-color: var(--colorError);
	color: hsl(0, 0%, 100%);
	border-radius: var(--borderRadius);
	font-size: 3.2rem;
}

.toast .toast-body .toast-text h3{
	color: var(--colorToastText);
	margin: 0.5rem;
	font-size: 1.2rem;
	font-family: bold;
}

.toast .toast-body .toast-text p{
	color: var(--n1Blue);
	margin: 0.5rem;
	font-size: 0.6875rem;
	line-height: 1.3;
}

.file-input-container.has-error .input-container.input-box {
	border-color: var(--colorApp);
}
.form-container .form-group.has-error .form-control,
.form-container .form-group.has-error .input-checkbox span:before,
.form-container .form-group.has-error .select2-container .select2-selection,
.has-error .custom--radio--label input[type="radio"] + span:before {
	border: 1px solid var(--colorError) !important;
}
.has-error .custom--radio--label input[type="radio"]:checked + span:before {
	border: 1px solid var(--colorApp) !important;
}
.form-container .form-group.has-error.datepicker-container .form-control,
.form-container .form-group.has-error .datepicker-container .form-control
{
	border: none !important;
	border-bottom: 1px solid var(--colorError) !important;
}
.detailapp-header .form-group.has-error .form-control{
	background-color: hsl(0deg 100% 92.12%);
}

@keyframes toastAnimation{
	0% {
		bottom: -20%;
	}
	20%{
		bottom: 5%;
	}
	80%{
		bottom: 5%;
	}
	100% {
		bottom: -20%;
	}
}


#video_modal iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}

.price-cta > div:last-of-type {
    margin-bottom: var(--spacer_96);
}
.price-cta > div:last-of-type div {
    margin-bottom: var(--spacer_48);
}
.price-box-inner h2 {
    font-family: regular;
    font-size: var(--fs_700);
    line-height: var(--lh_11);
    text-transform: uppercase;
    margin-bottom: var(--spacer_48);
}
.price-box-inner > div {
    text-align: center;
}
.price-box-wrap .fs-67 {
    display: block;
    font-size: var(--fs_price_67);
    margin-bottom: var(--spacer_96);
 }
 .price-box-wrap .fs-100 {
    font-size: var(--fs_price_100);
    line-height: 1;
 }
 .price-box-wrap .fs-169 {
    font-family: 'bold';
    font-size: var(--fs_price_169);
    line-height: 1;
    margin-right: var(--spacer_32);
 }
 .price-box-wrap .small {
    font-size: var(--fs_price_small);
 }
 
 .price-box-wrap .fs-600 {
    font-size: var(--fs_600);
    line-height: var(--lh_11);   
 }
 .price-box-wrap .fs-800 {
    font-size: var(--fs_800);
    line-height: var(--lh_11);
 }

 .login.mobile-only {
    display: inline;
 }
 .desktop-only {
    display: none;
 }

 .align-center {
    text-align: center !important;
}

.partner2 .slider-item > header img {
    height: 4rem;
    margin-bottom: var(--spacer_32);
}
.partner2 .slider-item > .quote-container img {
    
}

.new-companion {
    margin-bottom: var(--spacer_96);
}

#modalRegister .register-member {
    align-items: flex-start;
}
#modalRegister .register-member .custom--radio--label {
    display: flex;
    align-items: flex-start;
    padding-top: calc(.375rem + 1px);
}
#modalRegister .register-member .custom--radio--label span {
    margin-left: 0.5rem;
}


/* Animation Stuff */
.hasAnimation{
    overflow: hidden;
 }
 
 .hasAnimation > *{
    transition: all 1s ease;
 }
 
 .card-item.hasAnimation > *{
    transition: all 1s ease, shadow 200ms ease-in-out;
 }
 
 .animateBG:not(.appear){
    transform: translateX(-10rem);
 }
 .animateLeft:not(.appear){
    transform: translateX(-100%);
    opacity: 0;
 }
 .animateRight:not(.appear){
    transform: translateX(100%);
    opacity: 0;
 }
 .animateScale:not(.appear){
    transform: scale(0);
    opacity: 0;
 }



/* **************************** */
/* N1 footer */
body > footer {
    position: relative;
    z-index: calc(var(--nav_level) - 8);
}
footer > .blue-bg {
    --mainfooter-cols: 2;
    --footerlinks-cols: 1;

    background-color: var(--n1Blue);
    color: #fff;
    padding: 3rem;
    padding-inline: var(--content_padding_inline);
}
footer > .blue-bg * {
    font-size: var(--fs_300);
}
footer > .blue-bg > div {
    display: grid;
    grid-template-columns: repeat(var(--mainfooter-cols), 1fr);
    gap: 1rem;
    row-gap: 2rem;
    max-width: var(--max_content_width);
    margin: 0 auto;
}
footer .footer-headline {
    display: flex;
    align-items: baseline;
    gap: var(--spacer_16);
}
footer > .blue-bg .footer-apps, 
footer > .blue-bg .footer-links {
    display: grid;
    grid-template-columns: repeat(var(--footerlinks-cols), 1fr);
    gap: 1rem;
}
footer a {
    text-decoration: none;
}
.blue-bg a {
    color: #fff;
}
.blue-bg h6 {
    font-family: semi-bold;
    margin-bottom: var(--spacer_32);
}
footer a svg {
    margin-right: var(--spacer_16);
    transition: all 300ms ease;
}
footer a:hover {
    text-decoration: none;
}
footer a:hover svg {
    transform: translateX(0.5rem);
}
footer .col-contact > div {
    display: flex;
    align-items: flex-start;
    gap: var(--spacer_16);
    margin-bottom: var(--spacer_16);
}

footer .white-bg {
    text-align: center;
    padding: 1rem;
    background-color: #fff;
}
footer .white-bg a {
    text-decoration: none;
    color: var(--n1Blue);
}







@media screen and (max-width: 1400px) {
    footer .footer-container .top-links .links .links-container {
        padding-right: 20px;
    }
}
@media screen and (max-width: 1100px) {
    footer .footer-container .top-links {
        flex-direction: column;
    }
}
@media screen and (max-width: 640px) {
    footer .footer-container .top-links {
        display: flex;
        flex-direction: column;
    }
    footer .footer-container .top-links .links {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    footer .footer-container .top-links .link {
        text-align: left;
    }
    footer .footer-container .top-links .contacts {
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 400px) {
    footer .footer-container .top-links .links .links-container .link {
        width: 100%;
    }
    footer .bottom-links {
        justify-content: left;
        flex-wrap: wrap;
    }
    footer .bottom-links nav a.link {
        display: block;
        line-height: 25px;
        width: 100%;
    }
}


/* ************************* */
/* ***** media queries ***** */
/* ************************* */
@media (max-width: 59em) {  /* ca 950er Auflösung */   
    .cc-modal-body {
       max-height: calc(var(--cc_body_maxHeight) - 8rem);
    }
    .cc-checkbox-row {
       position: relative;
       margin-bottom: 1rem;
    }
    .cc-checkbox-head .cc-checkbox-label,
    .cc-checkbox-info {
       margin-left: 0 !important;
    }
    .cc-checkbox-head .cc-checkbox-label ~ * {
       width: 1.6rem;
    }
    .cc-btn {
        margin-bottom: 1rem;
    }
 }

@media (min-width: 31em) {  /* ca 490er Auflösung */
    #partner-slider-controls .prev {
        left: -6rem;    
    }
    #partner-slider-controls .next {
        right: -6rem;
    }
}

@media (min-width: 42em) {
    footer > .blue-bg {
        --footerlinks-cols: 3;
    }
}

@media (min-width: 59em) {  /* ca 950er Auflösung */
    :root {
         /* ------------------
            spacing
        ------------------ */
        --hero_img_width: 20rem; 
        --content_width: 82%;

        --slider_featureimg_height: 22rem;
        --slider_testimonialimg_height: 15rem;

        --header_padding_inline: 4rem;
        --section_margin_inline: clamp(10.25rem, 1.3248rem + 13.9456vw, 20.5rem);
        --content_padding_inline: 4rem;
        --icon_headline_width: 4rem;
        --spacer_360: clamp(15rem, 9.4186rem + 8.7209vw, 22.5rem);
        --spacer_240: clamp(7.5rem, 1.9186rem + 8.7209vw, 15rem);
        --spacer_200: clamp(7rem, 2.907rem + 6.3953vw, 12.5rem);
        --spacer_120: clamp(6rem, 4.8837rem + 1.7442vw, 7.5rem);
        --spacer_96: clamp(4rem, 2.5116rem + 2.3256vw, 6rem);
        --spacer_80: clamp(3.5rem, 2.3837rem + 1.7442vw, 5rem);
        --spacer_64: clamp(3rem, 2.2558rem + 1.1628vw, 4rem);
        --spacer_56: clamp(2.5rem, 1.7558rem + 1.1628vw, 3.5rem);
        --spacer_48: clamp(2rem, 1.2558rem + 1.1628vw, 3rem);
        --spacer_32: clamp(1.5rem, 1.1279rem + 0.5814vw, 2rem);
        --spacer_24: clamp(0.75rem, 0.1919rem + 0.8721vw, 1.5rem);
        --spacer_16: clamp(0.625rem, 0.3459rem + 0.436vw, 1rem);
    }

    .mobile-only,
    .login.mobile-only {
        display: none;
     }
     .desktop-only {
        display: block;
     }
     .btn-head.desktop-only {
        display: inline;
     }

     .wt-grid {
        --leftcol_width: 45rem;
        display: block;
    }
    .wt-container {
        padding-left: 4rem;
    }


    .hero-positioning {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        align-items: center;
        width: 90%;
        margin: auto;
    }

    .hero-content-logo img {
        height: 2.52rem;
     }
    .hero-actions {
       grid-template-columns: 1fr 1fr;
       gap: 0.5rem;
    }
    .hero-box-content .hero-actions a {
       margin-bottom: 0 !important;
    }
 
    .hero-box.hero-box-main{
       grid-template-columns: 50vw;
       overflow: visible;
    }
  
     .hero-box {
        height: auto;
     }
  
     .hero-wrapper .video-bg,
     .hero-img,
     aside video,
     .moving-bg {
        display: block;
     }
     .hero-img {
        display: flex;
        justify-content: center;
     }
     .higher-zindex {
        position: relative;
        z-index: calc(var(--section_level) + 10);
     }

    .video-bg-main {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        background-image: url(../../apps/site-depot-community/img/landingpage/Header_Verlauf_HG_SiteDepotCommunity.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: top left;
    }

    .teaser {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 10rem;
        aspect-ratio: 1;
        font-family: semi-bold;
        color: #fff;
        background-color: var(--blue);
        border-radius: 50%;
        text-align: center;
        box-shadow: var(--boxShadow);  
        transform: rotate(-0.05turn);
    }

    section {
        position: relative;
        z-index: var(--section_level);
    }
    section.with-box {
        padding: 0;
        background: transparent;
    }

    .full-width-split {
        display: grid;
        grid-template-columns: 1fr minmax(0, calc(var(--max_content_width) / 2)) minmax(0, calc(var(--max_content_width) / 2)) 1fr;
    }
    .full-width-split > aside.gradient-bg-box {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    .full-width-split > aside.gradient-bg-box.width-fluid {
        grid-column: 1 / 5;
        grid-row: 1;
    }

    .two-cols {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .full-width-split > .checkbox-col,
    .full-width-split > .accordion-wrap,
    .full-width-split > .tabs-nav {
        grid-column: 2 / 3;
        grid-row: 1;
        padding: var(--spacer_120) var(--spacer_64) var(--spacer_120) var(--content_padding_inline);
        z-index: calc(var(--section_level) + 1);
    }
    .full-width-split > .checkbox-col-other,
    .full-width-split > .accordion-panels,
    .full-width-split > .tabs-panels {
        grid-column: 3 / 4;
        grid-row: 1;
        align-self: center;
        padding: var(--spacer_120) var(--spacer_64);
        z-index: calc(var(--section_level) + 1);
    }

    .tabs-nav-itemcontainer:has(a[aria-selected="true"]), 
    .tabs-nav-itemcontainer:has(a:hover), 
    .tabs-nav-itemcontainer:has(a:focus), 
    .tabs-nav-itemcontainer:has(a:active) {
        border-bottom: 1px solid #fff;
    }
    .tabs-nav-itemcontainer a[aria-selected="true"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1rem;
        height: 100%;
        width: 1px;
        border-left: 4px solid #fff;
    }

    ul:has(.bulletpoint) {
        margin-bottom: 0;
    }
    li.bulletpoint svg {
        display: block;
        top: 0.2rem;
        font-size: 1.5rem;
    }

    .checkbox-col-other > *,
    .tabs-panels > * {
        color: var(--n1Blue);
    }
    .expert-info li a {
        color: var(--n1Blue);
        text-decoration: underline;
    }

    .price-box-wrap {
        display: grid;
        grid-template-columns: 60% 40%;
        gap: 1rem;
        background: transparent;
        color: var(--n1Blue);
    }
    .price-box {
        color: #fff;
        background-image: url(../img/landingpage/BC_Pfeil.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }
    .price-box-inner {
        padding: var(--spacer_120) var(--spacer_120) var(--spacer_120) var(--content_padding_inline);
    }
    .price-box-inner > div {
        text-align: left;
    }
    .price-box-inner .small.desktop-only {
        padding-right: 3rem;
    }
    
    .price-box-wrap .price-cta {
        position: relative;
        top: 50%;
        transform: translatey(-2rem);
        padding: 0 var(--spacer_64);
    }
    .price-cta > div:first-of-type {
        margin-bottom: var(--spacer_32);
    } 
    
    .btn-price-xl {
        display: grid;
        align-items: center;
        height: auto;
        font-size: var(--fs_400);
        line-height: 1.4;
        text-align: center;
        padding: 0.75rem;
        color: #fff;
        border: 2px solid var(--blue);
        background-color: var(--blue);
     }

    .quote-container {
        --sd_company_img_width: 10rem;
        --sd_user_img_width: 10rem;
        display: grid;
        grid-template-columns: var(--sd_user_img_width) 1fr;
        gap: 2rem;
        align-items: center;
    }
    .quote-container img {
        margin: 0 auto;
    }
    .quote-container p {
        margin-bottom: 0;
    }

    .tabs-nav {
        padding: var(--spacer_120) var(--content_padding_inline);
        margin-bottom: 0;
    }
    .tabs-nav-itemcontainer:has(a[aria-selected="false"]) {
        border-bottom: 1px solid transparent;
    }
    .tabs-nav-itemcontainer a {
        position: relative;
    }
    .tabs-panels {
        display: grid;
        align-items: center;
        padding: var(--spacer_120) var(--content_padding_inline) 0 var(--spacer_64);
    }    


     footer > .blue-bg {
        --mainfooter-cols: 2;
        --footerlinks-cols: 1;
    }
    footer > .blue-bg > div {
        grid-template-columns: 35% 40% 25%;
    }






    .hidden-logos {
        display: flex;
        align-items: center;
    }
    .hidden-header {
        display: block;
    }

    .slider-wrap.app-slider {
        --slider_width: 100%;
        --slider_maxwidth: 100%;
        
        width: var(--slider_width);
        max-width: var(--slider_maxwidth);
    }

    .slider-wrap ul.controls li {
        font-size: 2rem;
     }

     .slider-wrap .item-info img[alt*="RAAB"] {
        width: 10rem;
    }
    .slider-wrap .item-info img[alt*="N1"] {
        width: 7rem;
    }
    .slider-wrap .item-info img[alt*="LBB"] {
        width: 12rem;
    }
    #testimonial-slider-controls .prev {
        left: -5rem;
    }
    #testimonial-slider-controls .next {
        right: -5rem;
    }

    .app-slider .app-item-wrap {
        display: flex;
        gap: 0;
     }
    .app-slider .app-img img {
        display: block;
     }

    .flex-list-row {
        display: flex;
        gap: 1.5rem;
    }
    .w-small {
        width: 33.333%;
    }
    .flex-img  {
        display: block;
    }
    .flex-icon {
       height: 100%;
    }
    .flex-icon svg {
        font-size: 10rem;
    }
    .flex-icon h5 {
        font-size: 2rem;
    }

    .floating-box {
        margin: 0 var(--spacer_280);
    }

    .subpage-container {
        margin-top: var(--main_header_height);
        padding: calc(var(--main_header_height) * 1.5);
    }

    #partner .slider-wrap {
        max-width: calc(var(--slider_maxwidth) * 2);
    }
    #partner-slider-controls .prev {
        left: -8rem;    
    }
    #partner-slider-controls .next {
        right: -8rem;
    }

    #modalRegister .modal-body {
        max-height: calc(100vh - 10rem);
    }

    /* N1 footer */
    footer .bottom-links nav a.link[href*=Impressum]:after {
        content: " | ";
    }
}

@media (min-width: 71em) {  /* ca 1100er Auflösung */
    :root {
        /* ------------------
            spacing
        ------------------ */
        --hero_img_width: 24rem; 

        --slider_featureimg_height: 24rem;
        --slider_testimonialimg_height: 18rem;        
    }

    .primary-logo a img,
    .hidden-logos img:first-child {
        width: 3.5rem;
    }
    .hidden-logos img:first-child {
        height: 3.5rem;
    }

    .hero-text-wrap {
        padding: 0;
    }

    .slider-wrap ul.controls li {
        font-size: 2.4rem;
     }

     .slider-wrap .item-info img[alt*="RAAB"] {
        width: 12rem;
    }
    .slider-wrap .item-info img[alt*="LBB"] {
        width: 15rem;
    }
}

@media (min-width: 86em) {  /* ca 1400er Auflösung */
    :root {
        /* ------------------
            spacing
        ------------------ */
        --hero_img_width: 26rem;
        --spacer_280: clamp(6.00rem, calc(-15.79rem + 24.21vw), 17.50rem);
        --spacer_160: clamp(6.00rem, calc(-1.58rem + 8.42vw), 10.00rem);  

        --content_padding_inline: 6rem;
        --icon_headline_width: 4.3rem;
    }

    .quote-container {
        --sd_company_img_width: 12rem;
        --sd_user_img_width: 12rem;
        gap: 4rem;
    }

    .hero-positioning {
        gap: 4rem;
    }
    .hero-img {
        padding-left: 2rem;
    }
    .teaser {
        bottom: 4rem;
        left: -2rem;
        width: 11rem;
    }

    footer > .blue-bg {
        --mainfooter-cols: 3;
        --footerlinks-cols: 1;
    }
    footer > .blue-bg > div {
        margin-bottom: 0;
    }

    .primary-logo a:first-child img, 
    .hidden-logos img:first-child,
    .primary-logo a:last-child img, 
    .hidden-logos img:last-child {
        width: auto;
        height: calc(var(--main_header_height) - 0.6rem);
    }
    .primary-logo a:first-child img, 
    .hidden-logos img:first-child {
        height: calc(var(--main_header_height) - 1rem);
    }

    .partner2 .slider-item > header img {
        height: 5rem;
    }
    .partner2 .slider-item > header img[alt="Logo N1 Circular GmbH"] {
        height: 6rem;
    }

    .accordion-panels .accordion-panels-item img.img-maxheight {
        max-height: 40rem;
    }
    .accordion-panels .accordion-panels-item img.screen-sdc {
        width: 45rem;
    }



    .main .hero-box-content img {
        width: 6rem;
     }

     li.bulletpoint svg {
        font-size: 1.8rem;
        left: -2.2rem;
    }

    .full-width-split > .checkbox-col-other,
    .full-width-split > .accordion-panels,
    .full-width-split > .tabs-panels {
        padding: var(--spacer_120) var(--spacer_120) var(--spacer_120) var(--spacer_64);
    }

    .checkbox-col-other > div {
        display: grid;
        grid-template-columns: var(--seit_img_width) 1fr;
        gap: 3rem;
    }

    .price-box-wrap .price-cta {
        padding: var(--spacer_120) 0 var(--spacer_120) var(--spacer_64);
        padding: 0 var(--content_padding_inline) 0 var(--spacer_64);
    }

    .price-box-inner {
        padding: var(--spacer_120) calc(var(--spacer_120) + 1.5rem) var(--spacer_120) var(--content_padding_inline);
    }
    .price-box-inner .small.desktop-only {
        padding-right: 3rem;
    }

    /* Für Netzgrafik */
    .zielgruppennetz .sliding-panles{
        align-self: center;
     }
     .zielgruppennetz li svg{
        font-size: 1.8rem;
     }





    .primary-logo, 
    .primary-user {        
        width: 50%;
    }
    .primary-user {        
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .slider-wrap.app-slider {
        --slider_width: 100%;
        --slider_maxwidth: 70rem;
        width: var(--slider_width);
        max-width: var(--slider_maxwidth);
    }
    .app-slider .app-item-wrap {
        margin-bottom: var(--spacer_32to80);
    }
    .app-slider .app-img img {
        width: 70rem;
    }

    .slider-wrap ul.controls li {
        font-size: 2.6rem;
     }

    .legal-container {
        max-width: 65rem;
    }
    .legal-container .backbutton {
        right: 2rem;
        bottom: 2rem;
    }

    .primary-cta{
        display: block;
        width: 100%;
        text-align: center;
        opacity: 0;
        transition: opacity 250ms ease-in;
    }

    .primary-cta.cta-visible{
        opacity: 1;
    }
     
    .anim-ltr {
        transform: translateX(-50%);
    }
    .anim-rtl {
        transform: translateX(50%);
    }
    .anim-ltr,
    .anim-rtl {
       transition: opacity 600ms cubic-bezier(0,0,0,1), transform 1000ms cubic-bezier(0, 0, 0, 1);
       opacity: 0;
    } 
    .anim-ltr.appear,
    .anim-rtl.appear {
       transform: translateX(0);
       opacity: 1;
    }

    #modalRegister .modal-body {
        overflow-y: hidden;
    }

    #partner .partner-logo-wrap {
        height: 156px;
    }
}

@media (min-width: 118em) {  /* ca 1890er Auflösung */
    :root {
    /* ------------------
            spacing
        ------------------ */
        --hero_img_width: 34rem;   
        --slider_featureimg_height: 26rem;  
        --slider_testimonialimg_height: 18rem; 

        --x_factor_navbar: 0.9;
        --content_padding_inline: 0;
    }

    .hero-img {
        padding-left: 6rem;
    }
    .teaser {
        bottom: 4rem;
        left: 0rem;
        width: 12rem;
    }

    .full-width-split > .checkbox-col,
    .full-width-split > .accordion-wrap,
    .full-width-split > .tabs-nav {
        padding: var(--spacer_120) var(--spacer_120) var(--spacer_120) var(--content_padding_inline);
    }
    .full-width-split > .checkbox-col-other,
    .full-width-split > .accordion-panels,
    .full-width-split > .tabs-panels {
        padding: var(--spacer_120) 0 var(--spacer_120) var(--spacer_120);
    }

    .slider-wrap {
        position: relative;
    }

    .price-box-wrap {
        --content_padding_inline: 8rem;
    }
    .price-box-inner {
        padding: var(--spacer_120) calc(var(--spacer_120) + 5rem) var(--spacer_120) var(--content_padding_inline);
    }
    .price-box-wrap .price-cta {
        top: calc(50% - 1rem);
        padding: 0 var(--content_padding_inline) 0 var(--spacer_64);
    }
    .btn-price-xl {
        font-size: var(--fs_500);
    }

    .quote-container {
        --sd_company_img_width: 14rem;
        --sd_user_img_width: 14rem;
    }

    #slider-partner2-ow .tns-nav {
        display: none;
    }
    #partner-slider-controls {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        list-style-type: none;
        padding: 0;
        margin: 0;
        z-index: -1;
    }
    #partner-slider-controls li {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    #partner-slider-controls li.prev {
        left: -5rem;
    }
    #partner-slider-controls li.next {
        right: -5rem;
    }
    #partner-slider-controls svg {
        font-size: 5rem;
    }

    .tabs-nav {
        padding: var(--spacer_120) var(--spacer_120) var(--spacer_120) var(--content_padding_inline);
    }
    .tabs-panels {
        padding: var(--spacer_120) 0 0 var(--spacer_120);
    }

    footer > .blue-bg {
        --footerlinks-cols: 2;
    }
    footer > .blue-bg > div {
        grid-template-columns: 35% 50% 25%;
    }

    .accordion-panels .accordion-panels-item img.img-maxheight {
        max-height: 45rem;
    }
    .accordion-panels .accordion-panels-item img.screen-sdc {
        width: 45rem;
    }




    .slider-wrap.app-slider {
        --slider_width: 100%;
        --slider_maxwidth: 80rem;
        width: var(--slider_width);
        max-width: var(--slider_maxwidth);
    }
    .app-slider .app-img img {
        width: 90rem;
    }

    .slider-wrap ul.controls li {
        font-size: 3rem;
     }
     .slider-wrap .item-info img[alt*="RAAB"] {
        width: 14rem;
    }
    .slider-wrap .item-info img[alt*="LBB"] {
        width: 17rem;
    }
    #testimonial-slider-controls .prev {
        left: -8rem;
    }
    #testimonial-slider-controls .next {
        right: -8rem;
    }

    #modalRegister .modal-content {
        padding: 4rem;
    }

    #partner .partner-logo-wrap {
        height: 193px;
    }
    
}

@media (min-width: 137em) {  /* ca 2200er Auflösung */
    :root {
        /* ------------------
                spacing
            ------------------ */
            --slider_featureimg_height: 30rem;   
        }

        .price-box-wrap {
            --content_padding_inline: 29%;
        }

        .quote-container {
            --sd_company_img_width: 16rem;
            --sd_user_img_width: 16rem;
        }

        .hero-img {
           padding-left: 0;
        }
        .teaser {
            bottom: 10%;
            left: 6%;
            width: 13rem;
        }



        .hero-positioning .hero-box {
            margin-left: 5rem; /* mit Björn festgelegt */
         }
         .hero-box.hero-box-main .hero-box-content{
            padding: 8%;
         }
         .hero-box.hero-box-main .hero-box-content h1{
            font-size: 60px;
         }
         .hero-box.hero-box-main .hero-box-content p{
            font-size: 32px;
         }
         
         .hero-content-logo img { /* mit Björn festgelegt */
            height: 3.5rem;
         }
         .hero-box h1 {  /* mit Björn festgelegt */
            font-family: bold;
            font-size: 45px; /* max */
            line-height: 1.05;
            margin-bottom: 0.5rem;
         }
         .hero-p { /* mit Björn festgelegt */
            margin-bottom: var(--spacer_64);
         }
      
         /* .hero-box-main,
         .hero-box-targetgroup,
         .hero-box-products {
            width: 60rem;
         } */  /* mit Björn festgelegt */
         .main .hero-box-content img {
            width: 10rem;
            margin-bottom: 1.5rem;
         }   






        .slider-wrap ul.controls li {
            font-size: 3.5rem;
         }

         #partner .partner-logo-wrap {
            height: 300px;
        }
}