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

:root {
  --primary-color: #004e86;;
  --secondary-color: #F8FAFC;;
  --hover-primary-color: #003254  !important; 
}

/* Header */
.header-top {
  background-color: #0099D4 !important;
}
a.headerlink-top, a.srch_tigger {
  color:#ffffff !important;
}
.header-wrapper {
  padding-top:0 !important;
}

.header-main {
    border-bottom: none !important;
}

.hs-menu-wrapper>ul {
 margin-top:10px !important;
}

/* Multi Box */
.teaser_box-boxmain {
    margin-top: 0px;
}

/* MA Hero */

.hs-hero__content {
    margin-top: 0px !important;
    padding: 0 0;
}

.hs-hero h1 {
    font-size: 50px !important;
    line-height:120%x !important;
    font-weight:500 !important;
    
} 
.hs-hero h2 {
    font-size: 35px !important;
    line-height:120%;
    padding-top:20px;
    padding-bottom:25px;
    font-weight: normal !important;
} 

/* Button */

.card .back a {
    background-color:#65922D !important;
    color: #fff !important;
    text-decoration: none;
    border-radius: 8px;
    font-size: 18px;
}

/* Content*/

.row-fluid-wrapper.row-depth-1 {
  padding-top:25px;
  padding-bottom:25px;
}

h1 {
   font-size:50px;
   line-height:120% !important;
   color: #004E86 ;
    font-weight:500 !important;
}

h2 {
   font-size:40px;
   line-height:120% !important;
   color: #004E86  ;
   font-weight:500 !important;
}

h3 {
   font-size:30px;
   line-height:120% !important;
   color: #004E86;
   font-weight:500 !important;
}

h2+h3 {
  font-size:23px;
  line-height:130% !important;
  color: #222222 !important;
  font-weight:normal !important;
  padding-top:10px;
  text-align:center;
}

h4 {
   font-size:20px;
   line-height:130% !important;
   color: #004e86;
   font-weight:500 !important;
}

p {
  font-size: 18px;
	line-height: 150%;
}

.teaser_box-content p {
	line-height: 140% !important;
}

.cardBox {
    margin: 2% 0 0 2%;
    width: 22.7%;
}

.testimonial-slider__inner-slide::before {
  color: #004E86 !important;
}

/**** BUTTON für Firefox *//

 a.hs-button.large.primary, .btn, .hs-button, .button--primary, .cta_button, .button {
  background-color: #004E86 ;
  border-color: #004E86 ;
}


a.button-teaser-link.btn-no1:hover, a.button-teaser-link.btn-no2:hover,a.button-teaser-link.btn-no3:hover,a.button-teaser-link.btn-no4:hover, .button:hover {
  background-color: #003254 !important;
  color: #FFFFFF;
  text-decoration: none !important;
}

  .alert_sec .hs_cos_wrapper_type_rich_text p a {
  font-size: 100%;
}
  
 .btn, .hs-button {
   font-size: 16px !important;
  }
a.hs-button.large.primary, .btn, .hs-button, .button--primary, .button, .button.button--link-dark {
  background-color: #004E86 ;
  border-color: #004E86 ;
  border-radius: 8px;
  border-width: 0px;
  color: #fff !important;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
}

.footer {
  background-color: #232E3A;
  text-align: center;
  color: #ffffff !important;
}

.modal-content {
    background-color: hsla(0, 0%, 100%,.5) !important;
}

.modal-content .embed-responsive {
    border: none !important;
}

.modal.fade .modal-dialog {
  max-width: 1200px;
}

.event-description {
    margin-top: -75px !important;
 }

@media (max-width: 951px){
  
    .hs-hero {
        padding-bottom: 0px !important;
    }
      .hs-hero h1, .content h1 {
        font-size: 32px !important;
        color:#222222;
        text-align:center;
        padding-top:40px
      }
        .hs-hero h2 {
        font-size: 28px !important;
        padding-top:0px !important;
        padding-bottom:0px !important;
        color:#222222;
        text-align:center;

      }
  
  .button.hero_button {
    background-color: #ffffff;
    border-color: #222222 !important;
    border-radius: 8px;
    border-width: 1px !important;
    color: #222222;
}
  
  .button.hero_button:hover {
    background-color: #ffffff;
    border-color: #222222;
    border-radius: 8px;
    border-width: 1px;
    color: #ffffff !important;

}

@media (max-width: 900px){
      .hs-hero h1 {
        font-size: 32px !important;
        color:#222222  !important;
        text-align:center !important
      }
        .hs-hero h2 {
        font-size: 26px !important;
        padding-top:0px !important;
        padding-bottom:0px !important;
        color:#222222  !important;
        text-align:center !important
 }

    h1 {
       font-size:32px;
    }

    h2 {
       font-size:28px;
    }

    h3 {
       font-size:24px;
    }

    h2+h3 {
      font-size:20px;
    }

    h4 {
       font-size:20px;

    }
}
  
  
@media (max-width: 767px) {
  .event-background .row .span3 {
        width: 16% !important;
    }
}