/*** Landingpage Custom Styles ***/

@media (min-width: 981px) {
  .page-id-1609 nav#top-menu-nav, .page-id-1612 nav#top-menu-nav, .page-id-1646 nav#top-menu-nav{
    display: none;
  }
  
  .page-id-1609.et_header_style_left #et-top-navigation, .page-id-1612.et_header_style_left #et-top-navigation, .page-id-1646.et_header_style_left #et-top-navigation {
    padding: 75px 0 0;
  }
  
  .page-id-1609.et_header_style_left .et-fixed-header #et-top-navigation, .page-id-1612.et_header_style_left .et-fixed-header #et-top-navigation, .page-id-1646.et_header_style_left .et-fixed-header #et-top-navigation  {
    padding: 65px 0 0;
  }
  
  .lp-badanhaenger-video .et_pb_video_box video {
    width: 70% !important;
    padding-right: 1px;
  }
  
  .lp-badanhaenger-video .et_pb_video_box {
    text-align: center;
  }
  
  .lp-badanhaenger-video.et_pb_video_0 .et_pb_video_overlay_hover:hover {
    background-color: rgba(255,255,255,.0);
  }
  
  .lp-badanhaenger-video.et_pb_video_0 .et_pb_video_overlay {
    background-size: contain;
  }
  
}

@media (max-width: 980px) {
  .page-id-1609 #et_mobile_nav_menu, .page-id-1612 #et_mobile_nav_menu, .page-id-1646 #et_mobile_nav_menu {
    display: none;
  }
  
  .page-id-1609.et_header_style_left #et-top-navigation, .page-id-1612.et_header_style_left #et-top-navigation, .page-id-1646.et_header_style_left #et-top-navigation {
    padding: 75px 0 0;
  }
  
  .page-id-1609.et_header_style_left .et-fixed-header #et-top-navigation, .page-id-1612.et_header_style_left .et-fixed-header #et-top-navigation, .page-id-1646.et_header_style_left .et-fixed-header #et-top-navigation {
    padding: 75px 0 0;
  }
  
  
}

::selection { color: #ffffff; background: #D06A2B;}

.nav li ul {
  width: 260px;
}


/*** BODY ***/
h1 {
  font-size: 48px !important;
}
.h1-heading h1 {
  font-size: 30px !important;
  font-weight: normal !important;
}

.h1-solo-title h1 {
  font-size: 40px !important;
 font-weight: normal !important; 
 font-family: 'Museo Sans 500',Helvetica,Arial,Lucida,sans-serif !important;
}
.h2-solo-title h2 {
  font-size: 26px !important;
 font-weight: normal !important; 
 font-family: 'Museo Sans 500',Helvetica,Arial,Lucida,sans-serif !important;
}

.startpage-heading-h1.et_pb_bg_layout_dark h1 {
  font-size: 25px !important;
  font-weight: normal !important;
  color: #6E8F8E !important;
  padding-bottom: 0px;
}

.h2-heading h2 {
  font-size: 30px !important;
  font-weight: normal !important;
}
  
.h3-heading h3 {
    font-weight: normal !important;
    font-size: 21px !important;
}

.heading-line:before {
  content: ' ';
  border: 1px solid #6E8F8E;
  background: #6E8F8E;
  width: 45px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 1px;
}

h2 {
  font-size: 40px !important;
}
h3 {
  font-size: 26px !important;
}
h4 {
  font-size: 24px !important;
}
a:hover {
  color: #d06a2b;
}

h5.et_pb_toggle_title {
  font-family: 'Museo Sans 500',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: normal !important;
  font-size: 18px !important;
}

.content-horizontal-align-center, .content-horizontal-align-center .et_pb_row {
  display: flex;
  align-items: center;
}

.content-vertical-align-center, .content-vertical-align-center .et_pb_row {
  display: flex;
  justify-content: center;
}

.full-width-container .et_pb_row {
  max-width: 100% !important;
  width: 100% !important;
}

/*** KONTAKT-Seite ***/

.contact-firstsection-col1 {
  padding: 0px !important;
  margin-right: 35px !important;
  width: 50% !important;
}

.contact-firstsection-col2 {
  width: 50% !important;
}

.contact-tile-col1 {
  margin-right: -80px !important;
  width: 53% !important;
  position: relative !important;
  z-index: 3 !important;
}

.contact-tile-col2 {
  width: 52% !important;
  padding: 0px !important;
}

.contact-icon-tile .dsm_icon_list_child {
  display: flex;
  flex-direction: column;
}

.contact-icon-tile .dsm_icon_list .dsm_icon_list_ltr_direction .dsm_icon_list_child .dsm_icon_list_text {
  padding-left: 0px;
  padding-top: 7px;
}

.contact-icon-tile .et_pb_column_1_4 {
    width: 300px !important;
    margin-right: 20px !important;
}

.seperator-contactoptions:before {
  border-top-color: #6e8f8e;
  border-top-width: 3px;
  width: 40px !important;
  top: 12px;
  right: 0px;
  left: 0px;
  margin: 0 auto;
}

.team-contact-options .dsm_icon_list_child {
  display: flex;
  justify-content: center;
}

/*** Startseite ***/




.knowhow_container {
  background: #6E8F8E;
  color: #ffffff;
  padding: 15px 12px;
  width: 200px;
  position: absolute;
  right: -15px;
  bottom: 118px;
}

.knowhow_text-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.knowhow_text-plus {
    font-size: 40px;
    font-weight: 400;
    font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif !important;
    margin-top: -6px;
}

.knowhow_text-year {
    font-size: 40px;
    font-weight: 400;
    font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif !important;
    padding-right: 8px;
    padding-left: 1px;
}

.knowhow_text-text {
    font-size: 20px;
    line-height: 26px;
    font-style: italic;
}

.field-row {
  
}

.field-col.et_pb_column_1_4 {
  width: 22.75% !important;
  margin-right: 3% !important;
}

ul.benefit-icon-list {
  padding: 10px 0px 0px 0px !important;
}

ul.benefit-icon-list li {
    list-style-type: none;
    list-style-position: outside;
    min-height: 60px;
    padding: 0 0 30px 0;
    position: relative;
    clear: both;
}

.iconlist-icon {
    font-family: 'FontAwesome' !important;
    float: left;
    position: relative;
    background-color: #6E8F8E;
    height: 50px;
    width: 50px;
    border-radius: 500px;
    border: 1px solid #6E8F8E;
    color: #ffffff;
    line-height: 50px;
    margin-right: 30px;
    text-align: center;
    font-size: 25px;
}

.iconlist-icon i {
  font-style: normal !important;
}

.iconlist-icon i.fa-solid.fa-paper-plane {
  position: absolute;
  left: 10px;
}

.iconlist-icon i.fa-solid.fa-bath {
  position: absolute;
  left: 11px;
}

.iconlist-icon i.fa-solid.fa-euro-sign {
  position: absolute;
  left: 14px;
}

.iconlist-icon i.fa-solid.fa-users {
  position: absolute;
  left: 8px;
}

.iconlist-text {
  padding-top: 12px;
  margin-left: 80px;
}

.iconlist-text_heading {
    font-weight: 400;
    font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif !important;
    color: #212121;
    font-size: 21px;
    padding: 0 0 10px 0;
}

.iconlist-text_content {
  font-size: 16px;
  overflow: hidden;
}

.iconlist-timeline {
    position: absolute;
    left: 25px;
    top: 2%;
    border-color: #d0d0d0 !important;
    width: 1px;
    border-right-width: 1px;
    border-right-style: dashed;
    height: 100%;
    z-index: -1;
}


.benefits-backgroundimage .et_parallax_bg{
  background-size: contain;
  left: -150px;
  top: -10px;
  height: 830px;
  width: 830px;
  transform: rotate(25deg);
  opacity: 0.5;
  -moz-opacity: 0.5; /* Firefox and Mozilla browsers */
  -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */
  background-color: #f1f1f1 !important;
}

.testimonials-startpage {
  
}

.testimonial-startpage i.fas.fa-quote-right {
  font-size: 40px;
  transform: rotate(180deg);
  padding-left: 10px;
  color: #6E8F8E;
}

.galerie-row .galerie-col {
  width: 19.2% !important;
  margin-right: 1% !important;
}

#sb_instagram.sbi_palette_custom_1 {
  background-color: #ffffff !important;
}

#sb_instagram #sbi_images {
  background-color: #fafafa !important;
}

.cta-elevator {
  max-width: 400px;
  margin-top: 25px;
}

/* Leistungen Unterseite */

.benefits-backgroundimage.bg-us-image .et_parallax_bg{
  background-size: contain;
  left: -30px;
  top: unset;
  bottom: -30px;
  height: 550px;
  width: 550px;
  transform: rotate(25deg);
  opacity: 0.5;
  -moz-opacity: 0.5; /* Firefox and Mozilla browsers */
  -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */
  background-color: #f1f1f1 !important;
}

/* Badsanierung Unterseite */



.steps-col:before {
    content: ' ';
    border: 1px solid #fff;
    background: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    left: 11px;
    top: -1px;
    z-index: 1;
}

.steps-col:after {
    content: ' ';
    border: 1px solid #fff;
    background: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    right: 11px;
    top: -1px;
    z-index: 1;
}

.steps-title:before {
    content: ' ';
    border: 1px solid #fff;
    background: #fff;
    width: 100%;
    height: 0px;
    position: absolute;
    top: 11px;
    left: -1px;
}

.steps-text:after {
    content: ' ';
    border: 1px solid #fff;
    background: #fff;
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 11px;
    left: -1px;
}

.single-button.badplanung-button {
  justify-content: flex-start;
}

.single-button.badplanung-button .et_pb_column {
  margin-right: 0 !important;
  width: auto !important;
}

.single-button.badplanung-button .et_pb_button {
  padding: 0.3em 1em !important;
}

  .steps-row-1 .steps-col .steps-text {
      height: 144px;
  }

  .steps-klimaboden .steps-row-2 .steps-col .steps-text {
      height: 144px;
  }

  .steps-row-3 .steps-col .steps-text {
      height: 144px;
  }

/** Galerie **/

.galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1 {
    margin-top: 0px !important;
    margin-left: 0;
}

.galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-top: -65px !important;
    margin-left: 0;
}

.galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 18px !important;
}

/* Klimaboden */
.klimaboden-parallax .et_parallax_bg {
  background-size: contain;
  opacity: 0.5;
  -moz-opacity: 0.5; /* Firefox and Mozilla browsers */
  -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */
  background-color: #f1f1f1 !important;
  left: unset;
  top: -125px;
  right: -140px;
  height: 830px;
  width: 830px;
  transform: scaleX(-1) rotate(36deg) !important;
}

.icon-list-custom.dsm_icon_list .dsm_icon_list_child {
  align-items: baseline !important;
}

/* Badanhänger */

.pricing-badanhanger .et_pb_featured_table .et_pb_pricing_heading {
  background-color: #6e8f8e;
}

.pricing-badanhanger .et_pb_featured_table .et_pb_pricing_content {
  padding-bottom: 30px;
}

.pricing-badanhanger .et_pb_sum {
  color: #6e8f8e;
}

.pricing-badanhanger .et_pb_pricing_heading {
  padding: 15px 0 20px;
}

.pricing-badanhanger .et_pb_pricing_content_top {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pricing-badanhanger .et_pb_pricing li {
  padding: 0 0 15px 14px;
}


/*** CTA ROW ***/

.cta-row .cta-row-col1 {
  width: 73% !important;

}

.cta-row .cta-row-col1 p {
  letter-spacing: 0px;
}


/*** HEADER ***/
#top-header {
  border-top: 4px solid #d06a2b;
  font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 400 !important;
}

#top-menu li li a {
  width: 220px;
}


#top-header .container, #top-header .container, .page-id-1078 #top-header .container  {
  font-weight: 400 !important;
  font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif !important;
}

.page-id-1078 #top-header .container span#et-info-phone {
    font-weight: 400 !important;
    font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif !important;
}



#top-header #et-info {
  float: none;
  display: flex;
  justify-content: flex-end;
  line-height: 2;
}


#top-header #et-info-email::before, #top-header #et-info-phone::before, #top-header .et-social-icon a::before, #footer-bottom .et-social-icon a::before {
  font-family: "FontAwesome" !important;
}
#et-info-email::before {
  content: "\f0e0" !important;
  position: relative;
  top: 1px;
}

span#et-info-email {
    position: relative;
    top: -1px;
}

#et-info-phone::before {
  content: "\f095" !important;
  top: 0px !important;
  margin-right: 4px !important;
  font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif !important;
}
.et-social-facebook a.icon::before {
  content: "\f39e" !important;
}
.et-social-twitter a.icon::before {
  content: "\f1a0" !important;
}
.et-social-instagram a.icon::before {
  content: "\f16d" !important;
}
.et-social-rss a.icon::before {
  content: "\e07b" !important;
}

#main-header, #main-header.et-fixed-header {
  -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 5px 0px !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 5px 0px !important;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: "\00d7";
  left: -7px;
  top: -5px;
}



/*** SLIDER ***/
/*.ds-vertical-align { 
  display: flex; 
  flex-direction: column; 
  justify-content: center;
}*/
.vertical-align {
  padding: 350px 0px 100px 0px !important;
}
.vertical-align .et_pb_row {
  padding: 10px 0px !important;
}

/*** BUTTONS ***/
.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
  width: 100%;
  padding: 0.3em 1em !important;
}

.single-button.left .et_pb_button_3_wrapper .et_pb_button_3, .et_pb_button_3_wrapper .et_pb_button_3:hover {
  padding-right: 1em !important;
}

.et_button_no_icon .et_pb_button:hover {
  background-color: #d06a2b !important;
  padding-right: 1em !important;
}

.double-button {
  display: flex;
  justify-content: flex-end;
}

.double-button .et_pb_column_1_4 {
  width: 195px !important;
}

.double-button.ads-button .et_pb_column_1_4 {
  width: 230px !important;
}

.double-button .et_pb_column_1_4.et_pb_column_inner_1 {
    margin-right: 10px !important;
}

.double-button .et_pb_button {
  padding: .3em 1em!important;
}

.button-slide {
  max-width: 360px;
  font-size: 23px !important;
}

.single-button {
  display: flex;
  justify-content: flex-end;
}

.single-button .et_pb_column_4_4 {
    width: 195px !important;
}

.single-button-field {
    width: 160px !important;
}

.button-slide {
  max-width: 300px;
}

/*** ICONS ***/
.fa {
  font-size: 50px;
}

/*** BLOG ***/
.et_pb_blog_grid {
  background: #efefef;
}
.et_pb_blog_grid .et_pb_post {
  min-height: 480px;
}
h2.entry-title {
  font-size: 22px !important;
  color: #D06A2B;
}
.aktuelles p {
  margin-bottom: 20px !important;
}
p.post-meta {
  display: none;
}
a.more-link {
  color: #ffffff;
  background: #6e8f8e;
  padding: 10px 40px 10px 40px;
}
a:hover.more-link {
  color: #ffffff;
  background: #D06A2B;
}

/*** VIDEO ***/
.videocontainer iframe {
  width: 100%;
  height: 662px;
}

/*** CALENDLY ***/
.calendly-inline-widget {
  overflow: hidden;
}

/*** CONTACT ***/
.form-control, select, input[type="text"] {
  background: #f3f3f3 !important;
  border-radius: 0px;
  font-size: 20px !important;
  font-family: "Open-Sans", sans-serif;
  box-shadow: inset 0 0 0 rgba(0,0,0,0) !important;
  border: 0px solid #d9d9d9 !important;
  width: 100%;
  padding: 10px !important;
  margin: 10px 0px 10px 0px;
}
.einwilligung {
  font-size: 12px;
}
.send {
  background: #6e8f8e;
  border-radius: 0px;
  border: 0px;
  padding: 10px !important;
  color: #ffffff;
  font-size: 20px !important;
  font-family: "Open-Sans", sans-serif;
  width: 33% !important;
}
.send:hover {
  background: #d06a2b;
  border-radius: 0px;
  border: 0px;
  padding: 10px !important;
  color: #ffffff;
  font-size: 20px !important;
  font-family: "Open-Sans", sans-serif;
  width: 33% !important;
  cursor: pointer !important;
}

/*** FOOTER ***/
#footer-info {
  font-size: 13px !important;
  font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 400;
}

#footer-info a {
  font-family: 'Museo Sans 700',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 400 !important;
}
#footer-info a, #main-footer .footer-widget a {
  font-size: 13px;
  color: #6E8F8E !important;
}
#footer-info a:hover, #main-footer .footer-widget a:hover {
  font-size: 13px;
  color: #D06A2B !important;
}
#footer-widgets {
  padding: 30px 0px 0px 0px !important;
}
#main-footer .footer-widget {
  font-size: 13px !important;
  line-height: 2;
}
#main-footer .footer-widget h4 {
  padding-left: 20px;
  margin-bottom: 20px;
  border-color: #6E8F8E !important;
  border-left: 5px;
  border-style: solid;
}

#main-footer .footer-widget .like-h4 {
    padding-left: 20px;
    margin-bottom: 20px;
    border-color: #6E8F8E !important;
    border-left: 5px;
    border-style: solid;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1.4em;
    font-family: 'Museo Sans 500',Helvetica,Arial,Lucida,sans-serif;
    color: #ffffff;
    padding-bottom: 10px;
}


#main-footer .footer-widget .fa {
  font-size: 12px !important;
  color: #6E8F8E !important;
}
#footer-bottom a {
  font-size: 13px !important;
}






/*** COOKIES ***/
#cmplz-document {
  max-width: 100%;
}
.cc-revoke, .cc-window {
  font-family: "Open-Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}


/****** RESPONSIVE ******/

@media (max-width: 1465px) {
  .contact-tile-col1 {
    width: 59% !important;
  }
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 16px !important;
  }

  
}

@media (max-width: 1456px) {
  .cta-row .cta-row-col1 p {
    font-size: 35px;
    line-height: 50px;
  }
}

@media (max-width: 1458px) {
  .field-row-leistungen-2 .field-col .field-description {
    height: 180px;
  }

  .field-row-2 .field-col .field-description {
    height: 275px;
  }

}



@media (max-width: 1419px) {
  .field-row-leistungen .field-col .field-description {
    height: 180px;
  }
  
}


@media (max-width: 1400px) {
  .contact-tile-col1 {
    width: 59% !important;
  }

  .end-button-row {
    display: flex;
    justify-content: center;
  }
  
  .end-button-row .et_pb_column {
    margin-right: 20px !important;
  }
  
  .end-button-row .button-col {
    width: 270px !important;
  }
  
}

@media (max-width: 1399px) {
  .field-col .field-description {
    height: 275px;
  }
  
}

@media (max-width: 1369px) {

  .field-row-2 .field-col .field-description {
    height: 305px;
  }

}



@media (max-width: 1366px) {
  
  body .et_pb_row, body .container {
    width: 93%;
  }
  
  .double-button .et_pb_button {
    font-size: 15px !important;
  }
  
  .double-button .et_pb_button:hover {
    padding: .3em 2em .3em .7em !important;
  }
  
  .benefits-backgroundimage .et_parallax_bg {
    left: -290px;
    top: 40px;
    height: 700px;
    width: 700px;
  }
  
  .field-col .field-description {
    height: 255px;
  }
  
  .field-row-leistungen .field-col .field-description {
    height: 160px;
  }
  
  .end-button-row {
    display: flex;
    justify-content: center;
  }
  
  .end-button-row .et_pb_column {
    margin-right: 20px !important;
  }
  
  .end-button-row .button-col {
    width: 270px !important;
  }
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 14px !important;
  }
  
  .klimaboden-parallax .et_parallax_bg {
    background-size: contain;
    opacity: 0.5;
    -moz-opacity: 0.5; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */
    background-color: #f1f1f1 !important;
    left: unset;
    top: 10px;
    right: -140px;
    height: 600px;
    width: 600px;
    transform: scaleX(-1) rotate(36deg) !important;
  }
  
  .field-row-2 .field-col .field-description {
    height: 255px;
  }
  
}

@media (max-width: 1260px) {
  
  .contact-tile-col1 {
    width: 56% !important;
  }
  
  .contact-tile-col2 {
    width: 49% !important;
  }
  
  .contact-icon-tile .et_pb_column_1_4 {
    width: 289px !important;
  }

  .firstsection-list-col1 {
      width: 49% !important;
      margin-right: 2% !important;
  }

  .firstsection-list-col2 {
     width: 49% !important;
  }
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 13px !important;
  }
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1 {
    margin-top: -30px !important;
  }
  

}

@media (max-width: 1254px) {
  .field-row-leistungen-2 .field-col .field-description {
    height: 180px;
  }
  
  .field-row-2 .field-col .field-description {
    height: 275px;
  }
  
}



@media (max-width: 1225px) { 
  
  .cta-row .cta-row-col1 p {
    font-size: 33px;
    line-height: 43px;
  }
  
}

@media (max-width: 1221px) {
  .field-row-leistungen .field-col .field-description {
    height: 180px;
  }
  
}

@media (max-width: 1213px) { 
  

  
}


@media (max-width: 1205px) { 
  
  .benefits-backgroundimage .et_parallax_bg {
    left: -325px;
    top: 40px;
    height: 685px;
    width: 685px;
  }
  
}

@media (max-width: 1203px) { 
  .field-col .field-description {
    height: 275px;
  }
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 12px !important;
  }
  
}

@media (max-width: 1177px) {
  
  .field-row-2 .field-col .field-description {
    height: 295px;
  }
  
}

@media (max-width: 1173px) {
  
  .field-row-2 .field-col .field-description {
    height: 320px;
  }
  
}

@media (max-width: 1150px) {

  .cta-row .cta-row-col1 {
    width: 61% !important;
  }
  
  .cta-row .cta-row-col1 p {
    font-size: 29px;
    line-height: 38px;
  }
  
  .cta-row .cta-row-col2 .et_pb_button {
    font-size: 22px !important;
  }
  
  .contact-tile-col1 {
    width: 59% !important;
  }
  
  .contact-tile-col1 .dsm_icon_list_child .dsm_icon_list_icon {
    font-size: 45px !important;
  }
  
  .contact-tile-col1 .dsm_icon_list_child .dsm_icon_list_text {
    font-size: 20px;
  }
  
  .contact-tile-col1 .et_pb_text p {
    font-size: 16px;
  }

  .field-col.et_pb_column_1_4 {
    width: 23.5% !important;
    margin-right: 2% !important;
  }

  .startpage-firstsection-col1 {
      width: 50% !important;
      margin-right: 4% !important;
  }
  
  .startpage-firstsection-col2 {
      width: 50% !important;
  }

  .knowhow_container {
    right: -15px;
    bottom: 95px;
  }

  .field-row-2 .field-col .field-description {
    height: 275px;
  }


}

@media (max-width: 1147px) { 
  .steps-klimaboden .steps-row-1 .steps-col .steps-text {
      height: 167px;
  }  

}

@media (max-width: 1140px) { 
  .field-row-2 .field-col .field-description {
    height: 295px;
  }
}

@media (max-width: 1135px) { 
  .field-row-2 .field-col .field-description {
    height: 320px;
  }
}


@media (max-width: 1128px) { 
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 10px !important;
  }
  
}

@media (max-width: 1110px) {
  .field-col .field-description {
    height: 300px;
  }
}

@media (max-width: 1104px) { 
  .steps-klimaboden .steps-row-2 .steps-col .steps-text {
      height: 167px;
  }  

}

@media (max-width: 1101px) {
  .field-row-leistungen-2 .field-col .field-description {
    height: 205px;
  }
  
}

@media (max-width: 1100px) { 
  
  .contact-tile-col1 {
    width: 54% !important;
  }
  
  .contact-icon-tile .et_pb_column_1_4 {
    width: 265px !important;
  }
  
  .contact-tile-col2 {
    width: 49% !important;
  }
  
  .contact-icon-tile .et_pb_column_1_4 {
    width: 240px !important;
  }
  
  .contact-tile-col1 .dsm_icon_list_0, .contact-tile-col1 .dsm_icon_list_1, .contact-tile-col1 .dsm_icon_list_2, .contact-tile-col1 .dsm_icon_list_3 {
    padding-top: 30px;
  }
  
  .contact-tile-col1 .et_pb_text_4, .contact-tile-col1 .et_pb_text_5, .contact-tile-col1 .et_pb_text_6, .contact-tile-col1 .et_pb_text_7 {
    padding-bottom: 30px !important;
  }
  
  .contact-tile-col1 .dsm_icon_list_child .dsm_icon_list_icon {
    font-size: 39px !important;
  }
  
  .contact-tile-col1 .dsm_icon_list_child .dsm_icon_list_text {
    font-size: 19px;
  }
  
  .contact-tile-col1 .et_pb_text p {
    font-size: 15px;
  }
  
  .startpage-firstsection-col1 {
      width: 50% !important;
      margin-right: 3% !important;
  }
  
  .startpage-firstsection-col2 {
      width: 60% !important;
  }
  
}

@media (max-width: 1088px) { 
  .steps-row-3 .steps-col .steps-text {
        height: 167px;
    }
}

@media (max-width: 1063px) {
  .field-row-leistungen-2 .field-col .field-description {
    height: 225px;
  }
  
}


@media (max-width: 1040px) { 

 .field-col .h3-heading h3 {
    font-weight: normal !important;
    font-size: 20px !important;
}

  .end-button-row .button-col {
    width: 300px !important;
  }



}

@media (max-width: 1027px) { 
  .steps-row-2 .steps-col .steps-text {
        height: 167px;
    }
}

@media (max-width: 1025px) { 
  .field-row-2 .field-col .field-description {
    height: 340px;
  }
}


@media (max-width: 1024px) {
  
  .h1-heading h1 {
    font-size: 28px !important;
    font-weight: normal !important;
  }

  .h2-heading h2 {
    font-size: 28px !important;
    font-weight: normal !important;
  }

  .contact-firstsection-col1 {
    margin-right: 25px !important;
  }

  .cta-row .cta-row-col1 {
    width: 63% !important;
    margin-right: 20px;
  }
  
  .cta-row .cta-row-col2 {
    width: 37% !important;
  }

  .contact-tile-col1 {
    width: 58% !important;
  }
  
  .contact-tile-col2 {
    width: 51% !important;
  }
  
  .knowhow_container {
    right: -20px;
    bottom: 95px;
  }
  
  .benefits-backgroundimage .et_parallax_bg {
    left: -320px;
    top: 85px;
    height: 650px;
    width: 650px;
  }
  
}

@media (max-width: 1017px) { 
  .steps-klimaboden .steps-row-1 .steps-col .steps-text {
      height: 190px;
  }  

}

@media (max-width: 1013px) { 
  .steps-row-1 .steps-col .steps-text {
        height: 167px;
    }
}

@media (max-width: 1009px) {
  .field-row-leistungen .field-col .field-description {
    height: 200px;
  }
  
  .field-row-leistungen-2 .field-col .field-description {
    height: 225px;
  }
  
}


@media (max-width: 1007px) {
  .field-col .field-description {
    height: 320px;
  }
}


@media (max-width: 992px) {
  
    
  .h1-heading h1 {
    font-size: 26px !important;
    font-weight: normal !important;
  }

  .h2-heading h2 {
    font-size: 26px !important;
    font-weight: normal !important;
  }
  
  .claim-above-heading {
    font-size: 17px !important;
  }
  
  .cta-row .cta-row-col1 {
    width: 65% !important;
    margin-right: 20px;
  }
  
  .cta-row .cta-row-col1 p {
    font-size: 28px;
    line-height: 38px;
  }
  
  .cta-row .cta-row-col2 {
    width: 35% !important;
  }
  
  .cta-row .cta-row-col2 .et_pb_button {
    font-size: 20px !important;
  }
  
  .contact-ap-row {
    display: flex;
    justify-content: space-between;
  }
  
  .contact-ap-col {
    width: 32% !important;
    margin-right: 3%;
  }
  
  .benefits-backgroundimage .et_parallax_bg {
    left: -130px;
    top: 50px;
    height: 675px;
    width: 675px;
    opacity: 0.2;
    -moz-opacity: 0.2; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.2; /* WebKit browser e.g. Safari */
  }
  
  .startpage-firstsection-col1 {
    width: 45% !important;
    margin-right: 4% !important;
    margin-bottom: 0px !important;
  }
  
  .knowhow_container {
    right: -20px;
    bottom: 70px;
  }
  
  .field-row .field-col {
    width: 48.5% !important;
    margin-right: 3% !important;
  }
  
  .field-row .field-col.field-col-2, .field-row .field-col.field-col-4, .field-row .field-col.field-col-6, .field-row .field-col.field-col-8 {
    margin-right: 0 !important;
  }
  
  .field-row .field-col.field-col-1, .field-row .field-col.field-col-2, .field-row .field-col.field-col-5, .field-row .field-col.field-col-6 {
    margin-bottom: 3% !important;
  }
  
  .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
    height: auto;
  }
  
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: auto;
  }
  
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 90px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 90px;
  }
  
  .field-row-leistungen-2 .field-col.field-col-5 .field-description, .field-row-leistungen .field-col.field-col-6 .field-description {
    height: 110px;
  }
  
  .field-row-leistungen-2 .field-col.field-col-7 .field-description, .field-row-leistungen .field-col.field-col-8 .field-description {
    height: 110px;
  }
  
  .field-row-2 .field-col .field-description {
    height: 155px;
  }
  
}

@media (max-width: 980px) { 
  
  .cta-row .cta-row-col1 {
    margin-bottom: 0px;
  }
  
  .badsanierung-usp-col1 {
    display: none;
  }
  
  .steps .et_pb_row.steps-row {
    padding-bottom: 30px !important;
  }
  
  .steps-row-1 .steps-col .steps-text, .steps-row-2 .steps-col .steps-text, .steps-row-3 .steps-col .steps-text, .steps-klimaboden .steps-row-1 .steps-col .steps-text, .steps-klimaboden .steps-row-2 .steps-col .steps-text {
      height: auto;
  }

  .klimaboden-parallax .et_parallax_bg {
    background-size: contain;
    opacity: 0.3;
    -moz-opacity: 0.3; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.3; /* WebKit browser e.g. Safari */
    background-color: #f1f1f1 !important;
    left: unset;
    top: 35px;
    right: -110px;
    height: 400px;
    width: 400px;
    transform: scaleX(-1) rotate(36deg) !important;
  }


}

@media (max-width: 977px) { 
  
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: 160px;
  }
  
  .cta-row.startpage-cta-row .cta-row-col1 p {
    font-size: 27px;
    line-height: 37px;
  }
  
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 90px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 90px;
  }
  
}

@media (max-width: 962px) {
  .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
    height: 160px;
  }
}


@media (max-width: 961px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 90px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 110px;
  }
}

@media (max-width: 949px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 110px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 110px;
  }
}

@media (max-width: 930px) {
  
  .contact-tile-col1 {
    width: 57% !important;
  }
  
  .contact-icon-tile .et_pb_column_1_4 {
    width: 215px !important;
  }
  
  .contact-tile-col2 {
    width: 53% !important;
  }
  
  .double-button .et_pb_column_1_4 {
    width: 180px !important;
  }
  
  .double-button .et_pb_button {
    font-size: 14px !important;
  }

  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 9px !important;
  }
  
}

@media (max-width: 902px) {
  .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: 180px;
  }
}

@media (max-width: 883px) { 
  
  .cta-row.startpage-cta-row .cta-row-col1 p {
    font-size: 26px;
    line-height: 36px;
  }
  
  .cta-row .cta-row-col1 {
    width: 66% !important;
    margin-right: 20px;
  }
  
  .cta-row .cta-row-col2 {
    width: 34% !important;
  }
  
  
}

@media (max-width: 861px) { 
  .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
    height: 180px;
  }
}

@media (max-width: 855px) {
  .field-row-2 .field-col.field-col-5 .field-description, .field-row-2 .field-col.field-col-6 .field-description {
    height: 180px;
  }
}


@media (max-width: 850px) {
  
  .contact-tile-col1 {
    width: 450px !important;
    margin-right: calc( 100% - 868px ) !important;
  }
  
  .contact-tile-col2 {
    width: 418px !important;
  }
  
  .cta-row .cta-row-col1 p {
    font-size: 26px;
    line-height: 36px;
  }

  .cta-row.startpage-cta-row .cta-row-col1 p, .elevator-pitch-headline p {
    font-size: 24px;
    line-height: 33px;
  }

  .cta-row.startpage-cta-row .cta-row-col1 {
    width: 68% !important;
    margin-right: 20px;
  }
  
  .cta-row.startpage-cta-row .cta-row-col2 {
    width: 32% !important;
  }

  .cta-row.startpage-cta-row .cta-row-col2 .et_pb_button {
    font-size: 18px;
  }
  
  .cta-row .cta-row-col2 .et_pb_button, .cta-elevator {
    font-size: 19px !important;
  }
  
  .startpage-heading-h1.et_pb_bg_layout_dark h1 {
    font-size: 20px !important;
    font-weight: normal !important;
  }
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 8px !important;
  }
  
}

@media (max-width: 830px) {
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: 180px;
  }
}

@media (max-width: 818px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 110px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 130px;
  }
}

@media (max-width: 807px) {

  .field-row-leistungen-2 .field-col.field-col-7 .field-description, .field-row-leistungen .field-col.field-col-8 .field-description {
    height: 135px;
  }

}

@media (max-width: 800px) {
  .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: 205px;
  }
}

@media (max-width: 779px) {
  .field-row-2 .field-col.field-col-5 .field-description, .field-row-2 .field-col.field-col-6 .field-description {
    height: 205px;
  }
}

@media (max-width: 769px) {

  .field-row-leistungen-2 .field-col.field-col-5 .field-description, .field-row-leistungen .field-col.field-col-6 .field-description {
    height: 135px;
  }

}


@media (min-width:768px) and (max-width:830px) {
  .contact-firstsection-col2 .double-button {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  
  .contact-firstsection-col2 .double-button .et_pb_column_1_4 {
    width: 200px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }

}

@media (max-width: 785px) {
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 7px !important;
  }
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1 {
    margin-top: -40px !important;
  }
  
}

@media (max-width: 768px) {
  
  
  
}

@media (max-width: 767px) {
  
  .h1-heading h1 {
    font-size: 24px !important;
    font-weight: normal !important;
  }

  .h2-heading h2 {
    font-size: 24px !important;
    font-weight: normal !important;
  }
  
  .contact-firstsection .et_pb_row {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .contact-firstsection-col1, .contact-firstsection-col2 {
    width: 100% !important;
  }
  
  .contact-firstsection .et_pb_row .contact-firstsection-col2:last-child {
    margin-bottom: 30px;
  }
  
  .double-button .et_pb_column_1_4 {
    width: 200px !important;
    
  }
  
  .contact-firstsection-col1 {
    margin-right: 0px !important;
  }
  
  .contact-ap-row {
    display: flex;
    flex-direction: column;
  }
  
  .contact-ap-col {
    width: 300px !important;
    margin-bottom: 25px !important;
    margin: 0 auto;
  }
  
  .et_pb_row .et_pb_column.contact-ap-col:last-child { 
    margin-bottom: 0px !important;
    margin-right: auto !important;
  }
  
  .contact-tile-col1 .et_pb_row_inner_2.et_pb_row_inner {
    padding-bottom: 6px !important;
  }
  
  .contact-tile-col1 .et_pb_row_inner_3.et_pb_row_inner {
    padding-top: 6px !important;
  }
  
  .contact-icon-tile .et_pb_column_1_4 {
    width: 210px !important;
    margin-right: 12px !important;
  }
  
  .cta-row .et_pb_row {
    display: flex; 
    flex-direction: column;
  }
  
  .cta-row .cta-row-col1, .cta-row .cta-row-col2 {
    width: 100% !important;
    margin: 0 !important;
  }
  
  .cta-row.startpage-cta-row .cta-row-col1 {
    width: 100% !important;

  }
  
  .cta-row .cta-row-col2 {
    max-width: 450px;
  }
  
  .cta-row.startpage-cta-row .cta-row-col2 {
    width: 450px !important;
  }
  
  .cta-row .cta-row-col1 {
    margin-bottom: 20px !important;
  }
  
  .cta-row .cta-row-col1 p {
    text-align: center;
  }
  
  .contact-firstsection-col1, .contact-firstsection-col2 {
    width: 100% !important;
  }
  
  
  .startpage-firstsection .et_pb_row {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .startpage-firstsection-col1, .startpage-firstsection-col2 {
    width: 100% !important;
    margin-right: 0 !important;
  }
  
  .startpage-firstsection .et_pb_row .startpage-firstsection-col2:last-child {
    margin-bottom: 30px;
  }
  
  .knowhow_container {
      right: 15%;
      bottom: 50px;
  }
  
  .textimage-lastsection .et_pb_row {
    display: flex;
    flex-direction: column;
  }
  
  .badplanung .et_pb_row {
    display: flex;
    flex-direction: column;
  }
  
  .badplanung .et_pb_column {
    width: 100% !important;
  }
  
  
}

@media (max-width: 737px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 130px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 130px;
  }
  
  .klimaboden-parallax .et_parallax_bg {
    background-size: contain;
    opacity: 0.3;
    -moz-opacity: 0.3; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.3; /* WebKit browser e.g. Safari */
    background-color: #f1f1f1 !important;
    left: unset;
    top: unset;
    bottom: 0;
    right: -110px;
    height: 400px;
    width: 400px;
    transform: scaleX(-1) rotate(36deg) !important;
  }
  
}


@media (max-width: 731px) {
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: 200px;
  }
}

@media (max-width: 721px) {
  .field-row-2 .field-col.field-col-5 .field-description, .field-row-2 .field-col.field-col-6 .field-description {
    height: 225px;
  }
}



@media (max-width: 714px) { 
    .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
      height: 200px;
    }
    
    .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: 225px;
  }
    
}

@media (max-width: 695px) {

  .field-row-leistungen-2 .field-col.field-col-7 .field-description, .field-row-leistungen .field-col.field-col-8 .field-description {
    height: 155px;
  }

}


@media (max-width: 680px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 155px;
  }
}

@media (max-width: 663px) {
  .field-row-2 .field-col.field-col-5 .field-description, .field-row-2 .field-col.field-col-6 .field-description {
    height: 250px;
  }
}

@media (max-width: 650px) {
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: 225px;
  }
  
    .field-row-leistungen-2 .field-col.field-col-5 .field-description, .field-row-leistungen .field-col.field-col-6 .field-description {
    height: 155px;
  }
  
}


@media (max-width: 643px) {
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: 250px;
  }
}

@media (max-width: 638px) { 
    .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
      height: 225px;
    }
}

@media (max-width: 636px) {
  .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: 250px;
  }
}


@media (max-width: 635px) {
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 155px;
  }
}

@media (max-width: 626px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 155px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 155px;
  }
}


@media (max-width: 615px) { 
    .knowhow_container {
      right: 0%;
  }
  
}

@media (max-width: 596px) { 
    .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
      height: 250px;
    }
}

@media (max-width: 588px) {

  .field-row-leistungen-2 .field-col.field-col-7 .field-description, .field-row-leistungen .field-col.field-col-8 .field-description {
    height: 180px;
  }

  .field-row-2 .field-col.field-col-5 .field-description, .field-row-2 .field-col.field-col-6 .field-description {
    height: 275px;
  }


}

@media (max-width: 573px) {
  
  .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: 275px;
  }
}

@media (max-width: 572px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 180px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 155px;
  }
}

@media (max-width: 564px) {
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: 270px;
  }
}

@media (max-width: 562px) { 
    .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
      height: 270px;
    }
}

@media (max-width: 561px) {

  .field-row-leistungen-2 .field-col.field-col-5 .field-description, .field-row-leistungen .field-col.field-col-6 .field-description {
    height: 180px;
  }

}

@media (max-width: 552px) {
  
  .field-row-2 .field-col.field-col-5 .field-description, .field-row-2 .field-col.field-col-6 .field-description {
    height: 300px;
  }
  
  .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: 300px;
  }
}

@media (max-width: 550px) {
  
  .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: 320px;
  }
}

@media (max-width: 538px) {
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: 180px;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: 180px;
  }
}

@media (max-width: 537px) { 
  
  .field-row .field-col {
    width: 100% !important;
    margin-right: 0% !important;
  }
  
  .field-row .field-col.field-col-1, .field-row .field-col.field-col-2, .field-row .field-col.field-col-3, .field-row .field-col.field-col-5, .field-row .field-col.field-col-6, .field-row .field-col.field-col-7 {
    margin-bottom: 20px !important;
  }
  
  .field-row .field-col.field-col-4 {
    margin-bottom: -20px !important;
  }
  
  
  .field-col.field-col-1 .field-description, .field-col.field-col-2 .field-description {
    height: auto;
  }
  
  .field-col.field-col-3 .field-description, .field-col.field-col-4 .field-description {
    height: auto;
  }
  
  .field-row-leistungen .field-col.field-col-1 .field-description, .field-row-leistungen .field-col.field-col-2 .field-description {
    height: auto;
  }
  
  .field-row-leistungen .field-col.field-col-3 .field-description, .field-row-leistungen .field-col.field-col-4 .field-description {
    height: auto;
  }
  
  .field-row-leistungen-2 .field-col.field-col-5 .field-description, .field-row-leistungen .field-col.field-col-6 .field-description {
    height: auto;
  }
  
  .field-row-leistungen-2 .field-col.field-col-7 .field-description, .field-row-leistungen .field-col.field-col-8 .field-description {
    height: auto;
  }
  
  .field-row-2 .field-col.field-col-5 .field-description, .field-row-2 .field-col.field-col-6 .field-description {
    height: auto;
  }
  
  .field-row-2 .field-col.field-col-7 .field-description, .field-row-2 .field-col.field-col-8 .field-description {
    height: auto;
  }
  
  
  
  
}


@media (max-width: 479px) {
  .et_pb_row .et_pb_column.et_pb_column_1_4, .et_pb_row .et_pb_column.et_pb_column_1_5, .et_pb_row .et_pb_column.et_pb_column_1_6 {
    margin-bottom: 0px !important;
  }
  
  .field-row .field-col.field-col-1, .field-row .field-col.field-col-2, .field-row .field-col.field-col-3 {
    margin-bottom: 20px !important;
  }
  
    .field-row .field-col.field-col-1, .field-row .field-col.field-col-2, .field-row .field-col.field-col-3, .field-row .field-col.field-col-5, .field-row .field-col.field-col-6, .field-row .field-col.field-col-7 {
    margin-bottom: 20px !important;
  }
  
  .field-row .field-col.field-col-4 {
    margin-bottom: -20px !important;
  }
  
  .contact-firstsection-col2 .double-button {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    
  }

  .contact-firstsection-col2 .double-button .et_pb_column_1_4 {
    width: 220px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
  
  .double-button .et_pb_button {
    font-size: 15px !important;
  }
  
  .contact-firstsection-col2 .double-button .et_pb_column_1_4 a {
    padding: 8px 10px !important;
  }
  
  
  .contact-tile-col1 {
    width: 100% !important;
    margin-right: 0px !important;
  }
  
  .contact-tile-col2 {
    display: none;
  }
  
  .contact-icon-tile {
    display: flex;
    justify-content: center;
    
  }
  
  .et_pb_row .contact-icon-tile .et_pb_column_1_4 {
    margin-right: 0px !important;
    margin-bottom: 12px !important;
  }
  
  .et_pb_row .contact-icon-tile .et_pb_column_1_4.et_pb_column_inner_6 {
    margin-bottom: 0px !important;
  }
  
  
  .contact-icon-tile .et_pb_column_1_4 {
    width: 230px !important;
  }
  
  .contact-tile-col1 .et_pb_row_inner_2.et_pb_row_inner {
    padding-bottom: 0px !important;
  }
  
  .contact-tile-col1 .et_pb_row_inner_3.et_pb_row_inner {
    padding-top: 0px !important;
  }
  
  .startpage-heading-h1.et_pb_bg_layout_dark h1 {
    font-size: 18px !important;
    font-weight: normal !important;
  }
  
  
  .cta-row.startpage-cta-row .cta-row-col2 {
    width: 100% !important;
  }
  
  .benefits-backgroundimage .et_parallax_bg {
    left: -100px;
    top: 125px;
    height: 675px;
    width: 675px;
    opacity: 0.2;
  }
  
  .galerie-row .galerie-col {
    width: 89% !important;
    margin: 10px auto !important;
  }
  
  .galerie-row .galerie-col:last-child {
    margin: 10px auto !important;
  }
  
  .galerie-row .et_pb_row .et_pb_column.galerie-col.galerie-col5 {
    margin: 10px auto !important;
  }
  
  
  .galerie-col .et_pb_image_7, .galerie-col .et_pb_image_11 {
    margin-top: 0px !important;
  }

  .firstsection-list-col1, .firstsection-list-col2 {
    width: 100% !important;
  }

  .startpage-firstsection .startpage-firstsection-col2 .firstsection-list-row .firstsection-list-col1 {
    margin-bottom: 10px !important;
  }  
  
  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1, .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-bottom: 10px !important;
  }

  .galerie-col1 .galerie-col1-bild1, .galerie-col3 .galerie-col3-bild1, .galerie-col5 .galerie-col5-bild1 {
    margin-top: 0px !important;
  }
  
  .galerie-col2 .galerie-col2-bild1, .galerie-col4 .galerie-col4-bild1 {
    margin-top: 0px !important;
  }
  
  .end-button-row .button-col {
    margin: 15px 0px !important;
  }
  
  .badplanung .et_pb_row {
    display: flex;
    flex-direction: column;
  }
  
  .badplanung .et_pb_column {
    width: 100% !important;
  }
 
   .klimaboden-parallax .et_parallax_bg {
    background-size: contain;
    opacity: 0.3;
    -moz-opacity: 0.3; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.3; /* WebKit browser e.g. Safari */
    background-color: #f1f1f1 !important;
    left: unset;
    top: unset;
    bottom: 0;
    right: -120px;
    height: 300px;
    width: 300px;
    transform: scaleX(-1) rotate(36deg) !important;
  }
 
  
}

@media (max-width: 375px) {
  
  
  
}





@media (max-width: 1690px) {
}
@media (max-width: 1390px) {
  #logo { max-height: 40% !important; }
}
@media (max-width: 980px) {
  .videocontainer iframe { width: 100%; height: 362px; }
  
  .page-id-584 .et_pb_column {
    margin-bottom: 0px;
  }
  
  #main-header.et-fixed-header {
    position: fixed;
    top: 0px !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  }
  
  .et_mobile_menu {
    overflow: scroll !important;
    max-height: 71vh;
  }
  
}
@media (max-width: 767px) {
  #top-header .et-social-icons { display: inline-block; }
  #logo { max-height: 60%; }
}
@media (max-width: 480px) {
  #top-header #et-info {
    display: block;
  }
  h1 { font-size: 30px !important; }
  .vertical-align { padding: 75px 0 !important; }
  .vertical-align p { font-size: 25px !important; }
  .send { width: 100% !important; }
  .send:hover { width: 100% !important; }
  .videocontainer iframe { width: 100%; height: 262px; }
}