/* @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:#2699d6;
  --secondary-color: #F8FAFC;
  --hover-primary-color: #003758;
}

/* Header */

.header-top {
    background-color: #003758;
}

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

/* MA Hero-Slider */

.room120_panels__title {
    font-size: 40px;
    color:#ffffff !important
}

/* 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:600 !important;
    color:#ffffff !important;
    
} 
.hs-hero h2 {
    font-size: 35px !important;
    line-height:120%;
    padding-top:20px;
    padding-bottom:25px;
    font-weight: normal !important;
    color:#ffffff;
} 

/* Content*/

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

h1 {
   font-size:50px;
   line-height:120% !important;
   color: #003758 !important;
   font-weight:600 !important;
   text-align:left;
}

h2 {
   font-size:40px;
   line-height:120% !important;
   color: #003758;
   font-weight:600 !important;
   text-align:left;
}

h3 {
   font-size:30px;
   line-height:120% !important;
   color: #003758 !important;
   font-weight:600 !important;
    text-align:left;  
}

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

h4 {
   font-size:20px;
   line-height:130% !important;
   color: #003758 !important;
   font-weight:500 !important;
   text-align:left;
}

p {
  font-size: 18px;
	line-height: 150%;
}
  
/* Links in blau und bold */
.main-content a:not(.hs-button):not(.btn):not(.button--primary):not(.hero_button):not(.lightbox):not(.cont_form):not(.button) {
    color: #2699d6;
    font-weight: bold;
}

/* Blog-Links ebenfalls in blau */
.blog-post .blog-post__w-sidebar .blog-post__w-sidebar-left .container .blog-section .blog-post-wrapper .post-body .hs_cos_wrapper a {
  color: #2699d6;
    font-weight: bold;
}

.teaser_box-content a {
  color: #2699d6;
    font-weight: bold;
}

.two-column a {
   color: #2699d6;
    font-weight: bold;
}

.richtext-adv a {
  color: #2699d6;
    font-weight: bold;
}

ol, ul {
    line-height: 135%;
    margin-bottom: 0;
    margin-top: 8px;
}

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

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

/**** BUTTONS *//

 a.hs-button.large.primary, a.btn, a.hs-button, a.button--primary, a.cta_button, a.span.bttn_text, a.button, a.lightbox.cont_form.button, a.button.hero_button  {
  background-color: #2699d6 !important;
  border-color: #2699d6;
  color: #FFFFFF !important;
}


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, a.span.bttn_text:hover, .hs-button:hover, a.button:hover, a.lightbox.cont_form.button:hover, a.btn:hover  {
  background-color: #003758 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

  .alert_sec .hs_cos_wrapper_type_rich_text p a {
  font-size: 100%;
}
  
 .btn, .hs-button {
   font-size: 20px !important;
  }
a.hs-button.large.primary, .btn, .hs-button, .button--primary, .hero_button, a.lightbox.cont_form.button, button.button, a.button {
  background-color: #2699d6 !important;
  border-color: #2699d6 !important;
  border-radius: 8px;
  border-width: 0px;
  color: #fff !important;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
  font-size: 20px !important;
}

#partner_hubdb select.selectpicker, #references_hubdb select.selectpicker, #events_hubdb select.selectpicker, #listing_hubdb select.selectpicker {
  background-color: #2699d6 !important;
} 

/* Mediathek Button Hover Load more */
button.button.loadmore:hover {
 background-color: #c9e8fb !important;
 border-color: #2699d6 !important;
  color: #222 !important;
  cursor: pointer !important;
}

/* MA Testimonalslider */
div.testimonial-slider__slide {
    padding: 0px !important;
}

.testimonial-slider__inner-slide::before {
    color: #2699d6 !important;
    font-size: 1.3em  !important;
    top: 5px  !important;
}
h5.testimonial-slider__slide-subtitle {
    font-size: 0.8em !important;
}

@media (max-width: 950px){
      #hs_cos_wrapper_widget_1721736282091_ {
        font-size: 32px !important;
        color:#fff  !important;
        text-align:center !important
      }
        .hs-hero__content .wrapper .content h2 {
        font-size: 26px !important;
        padding-top:0px !important;
        padding-bottom:0px !important;
        color:#222  !important;
        text-align:center !important
          }
}
@media (max-width: 951px){
      .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
          }

    .hs-hero p {
        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;

    }
}

/* back-to-top button */
.scrollUp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
  cursor: pointer;
  display: none;
}
.scrollUp-circle {
  width: 65px;
  height: 65px;
  background-color: #ffffff;
  border: 3px solid #2699d6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.scrollUp-svg {
  width: 50%;
  height: 50%;
  fill: #2699d6;
}

@media (max-width: 768px) {
  .scrollUp-circle {
    width: 52px;
    height: 52px;
  }
  .scrollUp-svg {
    width: 40%;
    height: 40%;
  }
}

.hsfc-FieldLabel {
    font-weight: normal !important;
    line-height: 150%;
}

.header-link ul>li:before {
 display: none !important; 
}

/* list-margin für Margin-Top bei Aufzählungen   */
.list-margin>li {
  margin-top: 10px;
}

/* Häkchen als Zeichen bei Aufzählungen im Fließtext */
ul:not(.submenu_block):not(.mm-listview):not(.hs-tools-actions):not(.slick-dots):not(.inputs-list.multi-container):not(.dropdown-menu .inner):not(.no-list.hs-error-msgs):not(.inputs-list):not(.hs-image__grid__list):not(.uiList.private-list--unstyled)>li:before {
  content: '✓';
  color: rgba(38, 153, 214, 1);
  margin-right: 5px;
  font-weight: 800;
}

ul {
 list-style-type: none; 
}

header ul>li:before, .socialmenu_wrap ul>li:before {
  display: none;
}

.selectpicker.form-control {
 background-color: #2699d6 !important; 
}

.sidebaricon:hover {
    background: #003758 !important;
}

/* Hover-Farbe bei Links in der Hauptnavi */
 ul.submenu_block li a:hover {
    color: #004e86;
    font-weight: bold !important;
  }

/* Anchor */
html {  scroll-padding-top: 140px;
	}

/* Header-Logo und Menü mittig auf Linie bringen */
.header-logo {
 padding-bottom: 5px; 
}

p.menulevel1 {
  margin-top: 23px !important;
}