/* @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    */
/*****************************************/

/* Roobert – Font */
@font-face {
  font-family: 'Roobert';
  src: url('/hubfs/fonts/Roobert-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roobert';
  src: url('/hubfs/fonts/Roobert-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roobert';
  src: url('/hubfs/fonts/Roobert-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roobert';
  src: url('/hubfs/fonts/Roobert-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}




h1, h2, h3, h4, h5, h6 {
  font-family: 'Roobert', sans-serif;
  margin-bottom: 30px !important;
    color: #000000 !important;
}

body {
  font-family: 'Roobert', sans-serif;
}


.sub-headline {
  font-family: 'Roobert', sans-serif;
  font-size: 20px;
  border-bottom: 3px solid #009fdb;
  margin-bottom: 15px;
  display: inline-block;
}


.cta-primary{color:#000000 !important; border: 1px solid #000000; font-weight: 400; box-shadow: unset;}
.cta-primary.indigo{color:#ffffff !important; box-shadow: unset;}
.cta-primary:hover{color:#2b2b2b !important;}
.cta-primary.indigo:hover{color:#ffffff !important;}
.img-footer .cta-primary{color:#ffffff !important; border: 1px solid #ffffff;}
.img-footer .cta-primary:hover{color:#ffffff !important;}

hr {
 border-bottom: 0 !important; 
}

p{
  font-family: 'Roobert', sans-serif;
}


li {	
  color: #000000;
  text-align: left;
}

ul {
  list-style: disc inside;
  margin-left: 1em;
  padding-left: 0;
}

ul li {
  font-family: 'Roobert', sans-serif;
  color: #000;
}

ul {
  list-style: disc;
  list-style-position: inside;
  color: #000;
}


/* Footer ausnehmen */
footer ul li::before {
  content: none;
}





.widget-type-custom_widget .hhs-rich-text ul li::before {
  content: "\2022";
  color: #009fdb;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  font-size: 1.2em;
  vertical-align: middle;
}


.widget-type-custom_widget .hhs-rich-text li{
  font-family: 'Roobert';
  text-align: left !important; 
}

.quote-con {

  font-family: 'Roobert';
}

.sh-box {
    box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.hero-phalf p {
  width: 50%; 
}

.cta-primary.mg {
 margin-top: 20px; 
}

.cta-primary.indigo {
  background-color: #009fdb;
  border-color: #009fdb;
}

.hhs-top-bar.hhs-alt-nav.sticky-menu, .hhs-top-bar.sticky-menu, .hhs-top-bar.hhs-alt-nav {
    background-color: transparent !important;
}

.hhs-nav-grid {
    display: grid !important;
}

.hhs-header-logo {
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.hhs-alt-nav .hhs-header-logo .logo-standard {
  display: block !important;
  max-width: 130px;
}

.hhs-alt-nav .hhs-header-logo .logo-sticky {
 display: none !important;  
}

.cta-primary {
  min-width: 140px; 
  text-align: center;

}

.hhs-icon-con img, .hhs-icon-con svg {
    margin-bottom: 40px !important;
    max-height: 70px;
}


.hs-input, select {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.hs-form-booleancheckbox label {
 color: #FFF; 
}

.inputs-list>li {
    margin-top: 20px;
}

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

.footer {
  position: absolute;
  z-index: 1; 
  width: 100%; 
}

.row.hhs-foot-nav-base {
    margin-bottom: 0 !important;
    margin-top: -70px; 
}

#hs_cos_wrapper_global_footer .hhs-footer-mod {
    background-color: transparent !important;
}


.hhs-foot-break-line {
    display: none !important;
}

.hhs-social-con {
    text-align: left !important;
}

.hhs-nav-grid__extras {
    display: none !important;
}

.wyg-pad .col-sm {
  padding-right: 45px;
  padding-left: 45px;
}

.wyg-pad .hhs-icon-con p{ font-size: 20px;}
.wyg-pad .hhs-icon-con h3, .wyg-pad .hhs-icon-con h4{ font-size: 36px;}

.iwt-3-border .col-sm:nth-child(n+2) {
 border-left: 1px solid #000000; 
}

.iwt-3-border .col-sm{
 padding: 20px 30px; 
}

.mc2-border .wow:nth-child(1)  {
 border-right: 1px solid #000000; 
}

.mc2-border .wow{ padding: 20px 30px;}

.left-border {
   border-left: 1px solid #000000; 
 padding: 20px 30px; 
}

.ucfooter .col-sm-6 {
    flex: 0 0 44%;
    max-width: 44%;
}

  .img-footer {
    padding-bottom: 150px !important; 
  }

.img-footer h2{ margin-bottom:10px !important;}

.consultation .hs_submit{ padding-top:15px;}

@media only screen and (max-width: 780px) {
  .iwt-3-border .col-sm:nth-child(n+2) {
    border-left: 0;
  }
  .iwt-3-border .col-sm {
    padding: 15px;
  }

.mc2-border .wow:nth-child(2)  {
  border-left: 0;
}
  
  .mc2-border .wow  {
    padding: 15px;
  }

.left-border {
  border-left: 0;
  padding: 0;
}
  
  .hero-phalf p {
  width: 80%; 
}
  
  .img-footer {
    padding-bottom: 150px !important; 
  }
  
  .hhs-social-con {
    text-align: center !important;
}
  
  .row.hhs-foot-nav-base {
    margin-top: -110px;
}
  
  .ucfooter .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
}

/* forms css*/
/* Formular-Schrift in Roobert Light */

.hs-form,
.hs-form label,
.hs-form input,
.hs-form textarea,
.hs-form select {
  font-family: 'Roobert', sans-serif;
  font-weight: 300;
  color: #000000;
}

/* Eingabefeld-Design */

.hs-input,
textarea,
select {
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC; /* grau im Normalzustand */
  border-radius: 11px;
  background-color: #ffffff;
  color: #000000;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  transition: border 0.3s ease;
}

.hs-input:focus,
textarea:focus,
select:focus {
  border-color: #A02BFF;
  outline: none;
box-shadow: 0 0 0 2px rgba(160, 43, 255, 0.3);



.hs-input:focus {
  outline: none;
  border-color: #009fdb; /* oder Markenfarbe */
}




.legal-consent-container, .legal-consent-container p{ color:#000000}