/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html,body {
  margin: 0;
  padding: 0;
  height: 100%;
}

* {
  box-sizing: border-box; 
}


/*****************************************/
/* Sarah Variables    */
/*****************************************/
:root {
    --prime-50: #eef4ff;
    --prime-100: #d9e6ff;
    --prime-200: #bcd3ff ;
    --prime-300: #8eb8ff;
    --prime-400: #5991FF;
    --prime-500: #2962FF;
    --prime-600: #1b46f5;
    --prime-700: #1433e1;
    --prime-800: #172ab6;
  --prime-900: #192a8f;
  --prime-950: #141b57;}



/* Header */

main#main-content > .container-fluid:first-child {
  margin-top: 87px;
}

header {
  --primary-color: #7120D5;
  --secondary-color: #F5F7F9;
  --boxshadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset;
}

header.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; 
  background: white;
  z-index: 20;
}

header.header .header__wrapper {
  margin: 0 50px;
}

@media screen and (min-width: 1540px) {header.header .header__wrapper {
  margin: 0 auto;
  max-width: 75%; min-width: 1440px;
}}

@media screen and (max-width: 1200px) {
   header.header .header__wrapper {
  margin: 0 auto;
    }
  header.header .support-phone {
  margin-bottom:5px;}
  }


header.header .support-phone {
  margin: 3px 0px 0px auto;
  text-align: right;
  font-size: 12px;
      padding-right: 40px;
}

header.header .support-phone a {
  color: var(--prime-700);
  
}

header.header .support-phone a:hover {
  font-weight: 400; color: var(--prime-800);
}

header.header .support-phone p {
  margin: 0;
}

header.header .logo {
  width: 42px;
  margin-right: auto;
}

header.header .logo img {
  max-width: 100%;
  display: block;
}

header.header .mobile-nav-toggle {
  border-radius: 50%;
  background: var(--prime-700);
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  appearance: none;
  border: none;
  padding: 0;
}

header.header .mobile-nav-toggle .stroke {
  width: 16px;
  height: 2px;
  background: white;
  border-radius: 1px;
}

header.header .header-top__container {
  display: flex;
  align-items: center;
  margin: 0 15px 15px 15px;
}

header.header .language-picker {
  background: none;
}

header.header .language-picker button {
  background: none;
}

header.header .language-picker #hs_cos_wrapper_language-picker_ {
  width: 0;
  height: 0;
  margin: 0; 
}

header.header .language-picker #hs_cos_wrapper_language-picker_  svg {
  display: none; 
}

header.header .language-picker__mobile {
  background: none;
}


header.header .language-picker__desktop {
  display: none;
}

header.header #hs_cos_wrapper_language-picker .hs-language-switcher__menu.visible {
  border: none;
  display: flex;
  flex-direction: column;
  background: none;
  gap: 20px;
  margin-top: 10px;
  font-weight: 700;
}

header.header #hs_cos_wrapper_language-picker .hs-language-switcher__menu .hs-language-switcher__item {
  background: var(--secondary-color);
  box-shadow: var(--boxshadow);
  border-radius: 27px;
  font-weight: 700;
}

header.header #hs_cos_wrapper_language-picker .hs-language-switcher__current-language {
  width: 30px;
  opacity: 0;
  display: block;
  transition: opacity 0.3s ease-in-out
}

header.header #hs_cos_wrapper_language-picker .hs-language-switcher__current-language.visible {
  opacity: 1;
  font-weight: 700;
}

header.header .language-picker__desktop .hs-language-switcher__button {
  padding-left: 0;
  padding-right: 10px;
}

header.header .header-bottom__container {
  height: 0;
  overflow: hidden;
  padding: 0 25px;
  transition: height 0.3s ease-in-out;
}

header.header ul {
  gap: 10px;
  flex-direction: column;
}

header.header ul.hs-menu-children-wrapper {
  margin-left: 20px;
  margin-top: 10px;
}

header.header nav.main-navigation a {
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  display: block;
  background: red;
  padding-left: 15px;
  text-align: left;
  background: var(--secondary-color);
  box-shadow: var(--boxshadow);
  text-decoration: none;
  font-weight: 700;
}

header.header nav.main-navigation a:hover {
  font-weight: 700;
}

header.header nav.main-navigation {
  margin-bottom: 36px; 
}

header.header .mobile-nav {
  padding-bottom: 66px; 
}
/*
header.header .cta a {
  display: block;
  background: var(--primary-color);
  border-radius: 28px;
  color: #fff;
  font-weight: 700;
  padding: 4px 24px;
  text-decoration: 0;
}*/

header.header .cta a {
  font-size: 14px;
}

header.header .cta a: {
  font-weight: 700;
}

@media screen and (min-width: 1200px) {
  main#main-content > .container-fluid:first-child {
    margin-top: 100px;
  }
  .header {border: none !important; box-shadow:none !important; background:none !important;}
  header.header {
    background: none !important;
    border-radius: 0;
    padding-bottom: 0px;
    box-shadow: none !important;
    border: none !important;
  }
  
  header.header .logo {
    width: 60px;
    margin-right: auto;
  }
  
  header.header .header-containers {
    display: flex;
    padding: 12px 25px 0px 25px;
  }
  
  header.header .header-top__container {
    margin: 0 auto 0 0;
  }
  
  header.header .header-bottom__container {
    padding: 0;
    height: auto !important;
    overflow: unset;
    align-content: flex-end;
  }
  
  header.header .language-picker__desktop {
    display: block;
  }
      
  header.header .language-picker__mobile {
    display: none;
  }
  
  header.header nav.main-navigation {
    margin-bottom: 0;
  }
  
  header.header ul {
    flex-direction: row;
    gap: 25px;
  }
  
  header.header nav.main-navigation a {
    height: auto;
    line-height: auto;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    font-size: 14px;
  }
  
  header.header nav.main-navigation li.hs-item-has-children {
    position: relative; 
    margin-right: 20px;
  }
  
  header.header nav.main-navigation li.hs-item-has-children:hover > ul {
    left: 0;
    opacity: 1;
    top: 100%;
    gap: 5px;
  }
  
  header.header nav.main-navigation li.hs-item-has-children > a::after {
    content: '⌄';
    position: absolute;
    right: -20px;
    top: -5px;
  }
  
  header.header nav.main-navigation ul.hs-menu-children-wrapper {
    background: none;
    margin-top: 0;
    padding-top: 14px;
    margin-left: -25px;
  }
  
  header.header nav.main-navigation ul.hs-menu-children-wrapper li {
    background: var(--secondary-color);
    box-shadow: var(--boxshadow);
    border-radius: 27px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  header.header .mobile-nav {
    padding: 0 15px 0 25px;
    height: 55px;  
    background: var(--secondary-color);
    border-radius: 27px;
    display: flex;
    align-items: center;
    box-shadow: var(--boxshadow);
  }
  
  header.header .mobile-nav-toggle {
    display: none; 
  }
  


}

/* Header END */

/* Form Adjustments */
form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex;
  padding: 0;
}

form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0 !important;
}

  
/* Form Adjustments END */

/* customizing theme overrides */

.button--highlight,
.button--primary,
.button--secondary,
.button--brutalist {
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset;
}

.button--highlight:hover,
.button--primary:hover,
.button--secondary:hover {
  text-decoration: none;
  box-shadow: 0px -2px 2px 0px rgba(255, 255, 255, 0.10) inset, 0px 2px 2px 2px rgba(0, 0, 0, 0.07) inset;
}

.card-slider .card-slider__slide-image img {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

a[id]::before {
  content: '';
  display: block;
  height:      120px;
  margin-top: -120px;
  visibility: hidden;
  cursor: pointer;
}
/*
/*****************************************************************************************************************************************************************************************************/
/* Sarah Custom  */
/*****************************************************************************************************************************************************************************************************/
/*FONTS*/
h1, h2, h3 {line-height:1.2; margin-bottom: 2.5rem; color:black;}
h4 {line-height:1.4;}
h5, h6, p {line-height:1.5;}

@media screen and (min-width: 1080px) {
h1, h2 {font-size:40px;}
h3 {font-size: 30px;} 
h4 /*chapeau*/ {font-size: 24px; font-weight:400;}
h5 {font-size: 24px; font-weight:700;}
h6 /*small*/  {font-size:15px;font-weight:400;}
  
  .card-group__content h4 {padding-top:18px;}
}

@media screen and (max-width: 1079px) {
 h1, h2 {font-size:32px !important;}
h3 {font-size: 24px !important;} 
h4 /*chapeau*/ {font-size: 18px; font-weight:400 !important;}
h5 {font-size: 18px; font-weight:700 !important;}
h6 {font-size:12px !important;font-weight:400;} 
  p {font-size:14px;max-width:1080px;}
}


@media screen and (max-width: 678px) { h1 {hyphens: auto;}
}
/*image*/

.column.image img {border-radius:20px;}
/*buttons*/

  .button--highlight, .button--primary, .button--secondary, .button--brutalist, .tns-controls__button, .hs-button .primary .large{
      box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset !important;
  -webkit-box-shadow:0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset !important;}

  .button--highlight:hover, .button--primary:hover, .button--secondary:hover, .button--brutalist:hover, .tns-controls__button:hover,.hs-button .primary .large:hover {
      box-shadow: 0px -2px 2px 0px rgba(255, 255, 255, 0.10) inset, 0px 2px 2px 2px rgba(0, 0, 0, 0.07) inset !important;
  -webkit-box-shadow:0px -2px 2px 0px rgba(255, 255, 255, 0.10) inset, 0px 2px 2px 2px rgba(0, 0, 0, 0.07) inset !important;}
 /* .tns-controls__button {width:36px; height:36px;}*/

.tns-controls__button {border-radius: 50px; border: 1px solid var(--Prime-600);background: var(--Prime-700;)}
.tns-controls__button:hover {border-radius: 50px; border: 1px solid var(--Prime-600);background: var(--Prime-800;)}

/*header*/
@media screen and (min-width: 1200px){
 .header__wrapper {
    margin: 0 4vw;
    max-width: -webkit-fill-available;
  }}
.header .hs-menu-wrapper li.hs-menu-depth-1 a:hover, a:active {color:var(--prime-700);}

    .header .hs-menu-wrapper li.hs-menu-depth-1:last-child a{color:white;}
    .header .hs-menu-wrapper li.hs-menu-depth-1:last-child a{
      display: flex;
    height: var(--fixed-height-buttons, 35px);
    padding: 12px 24px;
    align-items: center;
     border-radius: 80px;
    border: 1px solid var(--prime-600);
    background: var(--prime-700);
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset;
    }

    .header .hs-menu-wrapper li.hs-menu-depth-1:last-child a:hover {
        background-color: var(--prime-800);
box-shadow: 0px -2px 2px 0px rgba(255, 255, 255, 0.10) inset, 0px 2px 2px 2px rgba(0, 0, 0, 0.07) inset; color:white;
    }


div.Support_extended {    
  display: flex;
  justify-content: flex-end;}
.Portal_Link {margin-right:12px;}
@media screen and (max-width: 781px){  
  div.Support_extended {    
   display: flex;
  justify-content: flex-end; flex-direction: column !important;}
  .Portal_Link {margin-right:0px;}
  .Support_phone {padding-right:20px;}
}



    /*mobil*/
@media screen and (max-width: 1200px){
      .header{
      border-radius: 0px 0px 20px 20px;
      border: 1px solid var(--prime-50);
        background: #FFF;
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset;}
  
      .header-bottom__container{font-size:14px!important;}}

      header.header nav.main-navigation ul > li.hs-menu-depth-1:last-child a {border: 1px solid var(--prime-600);
      background: var(--prime-700);
      box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset;
      }
      
      .mobile-nav {padding-top:36px}
/*Box styles*/
  /*testimonials*/
  .testimonial-slider__inner-wrapper{ background-color: var(--prime-50)!important; padding:24px !important;}
  .tns-item {padding: 0 20px 0 20px;}
/*certificates*/
.card-group__card {align-items: center; margin-bottom:24px;    align-items: center}
.card-group__content {padding:5px !important; max-width:370px;}
.card-group__content h5 {margin-bottom:5px !important;}

/*Noch fragen CTA*/

.cell_1733159664749-background-color, .cell_17322460830153-background-color {
    border-radius: 20px;
    border: 1px solid var(--prime-900);
    background: var(--prime-950);
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset;}
.cell_1733159664749-background-color .span9 , .cell_17322460830153-background-color .span9 {width: calc(95% - 250px);}
.cell_1733159664749-background-color .span3 , .cell_17322460830153-background-color .span3 {width:250px;}
.cell_1733159664749-background-color .button, .cell_17322460830153-background-color .button { width: -webkit-fill-available; justify-content: center;}

@media screen and (max-width: 990px){
  .cell_1733159664749-background-color .span9, .cell_17322460830153-background-color .span9 {width: 100%;}
.cell_1733159664749-background-color, .cell_17322460830153-background-color {
  justify-items: center;}
}
/*partner mobil*/
    @media screen and (max-width: 990px){
      #card-slider__module_1732726416652-mw .tns-horizontal {width: calc(100%)!important;}
      #card-slider__module_1732726416652-mw .tns-slider {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
                justify-content: space-evenly !important;
      }
      #card-slider__module_1732726416652-mw .tns-item {
        width: calc(40%)!important;
        padding-right: 5px;

      }

}


/*
/*faqs*/
.accordion-wrapper { width:100%; max-width:1080px; justify-self:center; margin: auto; }
.accordion-wrapper .accordion__summary {font-size:18px !important; padding-left: 0px!important; line-height:1.3;}
.accordion-wrapper .hs_cos_wrapper_type_module {justify-self:center !important;}

@media screen and (max-width: 990px)
{.accordion__summary {font-size:15px;}
  .accordion__content{font-size:15px;}}

/*kontakt form*/
  .sarah-table p{margin-bottom:5px;}
    .widget-type-form {
      font-size: 12px;
      border: 0px none #eee8ff;
      padding: 36px;
      background-color: var(--prime-50);
      border-radius: 16px;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
  .sarah-table .table{margin-bottom:5px;}

  .widget-type-form {
    font-size: 12px;
    border: 0px none #eee8ff;
    padding: 36px;
    background-color: var(--prime-50);
    border-radius: 16px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
  
   .hs-input[type='text'], .hs-input[type='email'], .hs-input[type='tel']{
    border-radius: var(--Rounded-Corners, 36px);
    border: 1px solid var(--White, #FFF);
    background: var(--White, #FFF);
    box-shadow: 0px -2px 2px 0px rgba(255, 255, 255, 0.10) inset, 0px 2px 2px 2px rgba(0, 0, 0, 0.07) inset;
    font-size:15px;}

  .hs-fieldtype-textarea textarea{
    border-radius: var(--Rounded-Corners, 18px);
    border: 1px solid var(--White, #FFF);
    background: var(--White, #FFF);
    box-shadow: 0px -2px 2px 0px rgba(255, 255, 255, 0.10) inset, 0px 2px 2px 2px rgba(0, 0, 0, 0.07) inset;
    font-size:15px;}

 .hs-fieldtype-intl-phone .hs-input, .is-placeholder{
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.10) inset, 0px -2px 2px 1px rgba(0, 0, 0, 0.09) inset; border: none !Important;
    font-size:15px;}

  .hs-form-field {
    margin: 0 2% 12px 2%; }
.hs-fieldtype-intl-phone .hs-input {padding:10px;}

  .form-columns-2 .hs-form-field {  width:46% !important;}
.widget-type-form .actions {margin-top:24px;}


form .legal-consent-container, form .legal-consent-container .hs-richtext, .hs-form-booleancheckbox-display, form .legal-consent-container .hs-richtext p {font-size:8px !important;}

.grecaptcha-badge {margin: 36px 0px;}


@media screen and (max-width: 990px)
{  .widget-type-form {padding:18px;}
  .form-columns-2 .hs-form-field {  width:100%;}
  .hs-fieldtype-intl-phone .hs-input, .is-placeholder {height:36px;}}

/*alex meeting*/
.embedded .private-card__wrapper .date-picker-section .m-bottom-0 .flex-grow-1 {background-color: var(--prime-50)!important; color:#313231;}

  @media screen and (max-width: 990px) {  
    .form-columns-2 .hs-form-field {  width:-webkit-fill-available !important;}
    .hs.input {font-size:12px};
  }
    


 /*alignments and paddings*/
    /*.dnd_area-row-0-vertical-alignment*/ 

.row-fluid {align-items: flex-start;
    }

 .hs_cos_wrapper_widget .hs_cos_wrapper_type_rich_text {display: grid;}


/*.span12 .hs_cos_wrapper_type_rich_text {max-width:1000px;}*/
    .widget-type-cell .dnd-column{justify-content: normal;}
    .widget-type-rich_text {padding-top:0px !Important;}
    @media screen and (min-width: 990px){
      .main-content: {margin-top:120px;} 
}
      
/*Content Library*/
  @media screen and (min-width: 990px) {
      .hs-content-library {--grid-column-count: 4 !important;--grid-layout-gap: 50px !important; --grid-item--min-width: calc(25% - 38px) !important; padding-top: 2%; padding-bottom:4%;}}
.hs-content-library__image--custom img {border-radius:20px; margin-bottom:12px;}
.hs-content-library h2{font-size:24px;}

/*content slider*/
.content-slider-2__content {text-align:left;}
.content-slider-2__content a {text-decoration:none;}
.content-slider-2__content button, .content-slider-2__content .button, .content-slider-2__content .hs-button {margin-top:36px;}


@media (max-width: 768px) {
    .content-slider-2__content {
        display: flex !important;
      flex-direction:column-reverse !important;}
      
      .content-slider-2__content button, .content-slider-2__content .button, .content-slider-2__content .hs-button {margin-top 36px;margin-bottom:36px;}
    }


/*footer styles overwriting*/
.footer.footer .form .hs-richtext {padding-left:15px !important;}

a{font-weight:700 !important;}


/*button override*/
.button--primary:hover {
    background-color: var(--prime-200)!important;
}

#card-slider__module_17472211848207-iw a, #card-slider__module_17472279421365-mw a {text-decoration:none !important;}

@media (min-width: 768px) {
  #hs_cos_wrapper_widget_1734287087796 .card-group__card {
    width: calc(25% - 33.333333333333336px); margin-right: 33px;
    }
  #hs_cos_wrapper_widget_1734287087796 .card-group{ 
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.card-slider__slide-content a {text-decoration: none !important; }