/*
Theme Name: FUCHS Child
Theme URI: https://point-break.ch
Template: FUCHS
Author: the PB team
Author URI: https://point-break.ch
Description: FUCHS theme
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.0.1727784805
Updated: 2024-10-01 14:13:25

*/

/* ===========================================
------------------GENERAL---------------------
============================================== */

:root{
  --font: #111111;
  --gold: #FFCA23;
  --l-gold:#FEE38D;
  --gray: #E7E7E7;
  --l-gray: #FAFAFA;

  --spacing: 4.6vw;
  --spacing-m: 12.15vw;
  --spacing-l: 19.78vw;

  --offset: 100px;
  --offset-m: 40px;
  --offset-l: 56px;
  --offset-x: 80px;
  --offset-xl: 120px;

  --easing:  cubic-bezier(0.3, 0, 0.7, 1);
}
body, body .vc_section{
  margin: 0;
}
.edit-link{
  display: none;
}
*{
  box-sizing: border-box;
  word-break: break-word;
  word-wrap: break-word;
}
.entry-content section.full_width{
  padding-left: 0;
  padding-right: 0;
}
.site-main{
  padding-top: 19px;
}
.entry-content section, .entry-content .vc_section.vc_section-has-fill+.vc_section{
  padding-top: var(--offset);
  padding-bottom: var(--offset)
}
.site_footer{
  padding-top: var(--offset);
}
.entry-content section.text_hero{
  padding-top: calc(var(--offset) * 2.6);
}
.entry-content section.text_header{
  padding-bottom: calc(var(--offset) * .6);
}
.entry-content section.single_news_hero, .entry-content section.referenzen_text_hero{
  padding-bottom: 0;
}
.entry-content section.referenzen_image_hero{
  padding-top: 64px;
  padding-bottom: 20px;
}
.entry-content section.single_news_hero + section{
  padding-top: var(--offset-x);
}
.entry-content .vc_section.vc_section-has-fill, .entry-content .vc_section.vc_section-has-fill+.vc_section.vc_section-has-fill{
  margin-top: var(--offset);
  margin-bottom: var(--offset);
  padding-bottom: 0;
}
.entry-content .vc_section.vc_section-has-fill+.vc_section.vc_section-has-fill{
  margin-top: calc(var(--offset) * 2);
}
.entry-content .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .entry-content .vc_section.vc_section-has-fill, .entry-content .vc_section.vc_section-has-fill+.vc_section.vc_section-has-fill,
.entry-content .vc_col-has-fill>.vc_column-inner, .entry-content .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .entry-content .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .entry-content .vc_row-has-fill>.vc_column_container>.vc_column-inner{
  padding-top: 0;
}
.vc_section>.vc_row, .footer_inner_wrapper, .footer_inner_wrapper_secondary{
  max-width: 1304px
}
.vc_section.small_section>.vc_row{
  max-width: 1038px;
}
.entry-content section.vc_section:not(.full_width, .small_section), .footer_inner {
  padding-left: var(--spacing-m);
  padding-right: var(--spacing-m);
}
.entry-content section.vc_section.small_section{
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
}
.wpb_content_element.mb-0, .vc_btn3-container.mb-0{
  margin-bottom: 0;
}
.wpb_content_element.mb-30{
  margin-bottom: 30px;
}
.wpb_content_element.mb-20{
  margin-bottom: 20px;
}
.wpb_content_element a{
  color: inherit;
}
.no_hover_link a, a.no_hover_link{
  text-decoration: none;
}
.entry-content .wpb_single_image .wpb_wrapper,
.entry-content .wpb_single_image .vc_single_image-wrapper{
  display: block;
  line-height: 0;
}
.master_row .vc_row, .column_content_row.vc_row{
  margin-left: 0;
  margin-right: 0;
}
.vc_section>.vc_row, .header_inner, .footer_inner_wrapper, .footer_inner_wrapper_secondary{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.master_row .vc_row .vc_column_container>.vc_column-inner, .vc_section >.vc_row>.vc_column_container>.vc_column-inner{
  padding-left: 0;
  padding-right: 0;
}
.lh-0{
  line-height: 0;
}
.content_col>div>div, .vc_tta-panel-body .vc_column-inner>div{
  display: grid;
  grid-gap: 24px;
}
.content_col.gap-40>div>div{
  grid-gap: var(--offset-m);
}
.content_col.gap-45>div>div{
  grid-gap: calc(var(--offset-m) + 5px);
}
.content_col.gap-8>div>div{
  grid-gap: 8px;
}
.content_col.gap-4>div>div{
  grid-gap: 4px;
}
.content_col.gap-32>div>div{
  grid-gap: 32px;
}
.content_col.gap-56>div>div{
  grid-gap: var(--offset-l);
}
.content_col>div>div>div, .teaser_seiten_item .wpb_content_element, section .vc_row>div>div>div>div:last-child, .count_wrapper .wpb_text_column, .vc_tta-panel-body .vc_column-inner>div>div{
  margin-bottom: 0;
}
.column_content_image .vc_column-inner{
  padding-bottom: calc(100% - 10px);
  border-radius: 16px;
}
.column_content_image:first-child .vc_column-inner, .aktuelles_first_item_img,
section>.vc_row>.vc_col-sm-6:first-child>.vc_column-inner>div,
section.referenzen_content_section .vc_row .vc_row>.vc_col-sm-6:first-child>.vc_column-inner>div{
  margin-right: 10px;
}
.vc_col-sm-6.column_content .vc_column-inner>div{
  margin: 0!important;
}
.column_content_image:last-child .vc_column-inner,
section>.vc_row>.vc_col-sm-6:last-child>.vc_column-inner>div, section.referenzen_content_section .vc_row .vc_row>.vc_col-sm-6:last-child>.vc_column-inner>div{
  margin-left: 10px;
}
.column_content:first-child>.vc_column-inner>div{
  padding: 40px 38px 40px 0;
}
.column_content:last-child>.vc_column-inner>div, .aktuelles_first_item_content{
  padding: 40px 0 40px 38px;
}
.kontakt_column_content.column_content:last-child>.vc_column-inner>div{
  padding-left: 8vw;
}
.kontakt_column_content.gap-32 h1{
  padding-bottom: calc(var(--offset-x) - 32px);
}
.column_content .vc_btn3-container, .teaser_kontakt .vc_btn3-container{
  padding-top: 16px;
}
.teaser{
  padding: calc(var(--offset) * 1.6) 0;
}
.teaser .vc_btn3-container{
  padding-top: 32px;
}
.top_offset_x, .vc_section>.vc_row + .vc_row{
  padding-top: var(--offset-x);
}
body.single-post .vc_section>.vc_row + .vc_row{
  padding-top: calc(var(--offset) * 1.2);
}
.teaser_service_row .wpb_column .vc_column-inner>div{
  border-radius: 16px;
  padding: 40px 46px;
  position: relative;
  background: var(--gray);
}
.teaser_service_row .wpb_column .vc_column-inner>div:has(.block_btn){
  transition: box-shadow .3s ease-out;
  background: var(--gold);
}
.teaser_service_row .wpb_column .vc_column-inner>div:has(.block_btn):hover{
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
.teaser_service_row .wpb_single_image{
  margin-bottom: 48px;
}
.teaser_kontakt>.vc_col-sm-4{
  width: 39.5%;
}
.teaser_kontakt>.vc_col-sm-8{
  width: 60.5%;
}
.teaser_kontakt>.vc_col-sm-8>div>div{
  padding-left: 40px;
}
.teaser_kontakt>.vc_col-sm-4 img{
  max-width: 100%!important;
  object-fit: cover;
  aspect-ratio: 1;
  border-radius: 16px;
}
.vc_section>.vc_row.column_content_row + .vc_row.column_content_row{
  padding-top: calc(var(--offset-x) + 10px);
}
.text_hero_row .content_col.gap-8 .wpb_text_column:has(h1){
  padding-bottom: 16px;
}
.site{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
body.single-post .wpb_single_image img{
  border-radius: 16px;
  max-width: 100%!important;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
}
/* ===========================================
------------------FONT---------------------
============================================== */
@font-face {
  font-family: "Inter";
  font-weight: 300;
  font-style: normal;
  src: url("/wp-content/themes/FUCHS-child/fonts/Inter_18pt-Light.ttf") format("truetype");
}
body, button, input{
  font-family:  "Inter", sans-serif;
  color: var(--font);
}
a, span{
  font-family: inherit;
  color: inherit;
}
h1, .h1 *{
  font-size: 4rem;
  line-height: 1.2032;
  text-wrap: pretty;
}
h2, .h2 *{
  font-size: 3rem;
  line-height: 1.2084;
  text-wrap: pretty;
}
h3, .title_m *, .h3 *{
  font-size: 2rem;
  line-height: 1.1878;
  text-wrap: pretty;
}
h4, .title_s *, .h4 *, h5, .h5 *, .vc_tta-panel-title a span.vc_tta-title-text, .zweischalenmauerwerk_akkordion .akk_num{
  font-size: 1.5rem;
  line-height: 1.2086;
}
h6, li, p, input[type=submit], .site-content .entry-content .vc_btn3-container:not(.block_btn)>.vc_general, .wp-block-button .wp-block-button__link, .c_button, label, input[type=password]{
  font-size: 1.125rem;
  line-height: 1.5;
}
p{
  margin-bottom: 18px;
}
.content_col p{
  margin-bottom: 24px;
}
p:last-child{
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6, p, li, a{
  margin-top: 0;
}
h1, h2, h3, h4, h6, p, h5, span, li, strong, b{
  letter-spacing: 0;
  font-weight: 300;
}
h1, h2, h3, h4, h6, p, h5, li{
  cursor: default;
}
a h1, a h2, a h3, a h4, a h6, a p, a h5{
  cursor: pointer;
}
.white_text *{
  color: white;
}
.description_text p, .description_text li{
  font-size: .875rem;
  line-height: 1.215;
  letter-spacing: 0.14px;
}
.count_number p{
  font-size: 5rem;
  line-height: 1.2;
  opacity: 0;
}
.wpb_text_column ul{
  list-style: none;
  padding: 0;
}
.wpb_text_column .wpb_wrapper>ul{
  margin-top: 0;
}
.wpb_text_column ul li{
  display: grid;
  grid-template-columns: 26px 1fr;
  align-items: center;
  grid-gap: 16px;
}
.wpb_text_column ul li::before{
  content: '';
  display: block;
  padding: 13px;
  background: url(/wp-content/uploads/2024/10/bullet.svg) no-repeat center/contain;
}
.wpb_text_column ul li + li{
  margin-top: 8px;
}
.wpb_text_column.check_list ul li::before{
  background-image: url(/wp-content/uploads/2024/10/check.svg);
}
/* ===========================================
------------------CONPONENTS------------------
============================================== */
/* btn */
input[type=submit]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
input[type=submit], .site-content .entry-content .vc_btn3-container:not(.block_btn)>.vc_general, ul.menu li.kontakt a, .wp-block-button .wp-block-button__link{
  background-image: none;
  border-radius: 50px;
  background-color: var(--font);
  color: white;
  position: relative;
  padding: 9px 23px;
  border: 1px solid var(--font);
  outline: none;
  font-weight: 300;
  transition: all .3s ease-out;
}
.site-content .entry-content .vc_btn3-container.alternative>.vc_general, .wp-block-button .wp-block-button__link{
  background-color: var(--gold);
  border-color: var(--gold);
  color: var(--font);
}
.site-content .entry-content .vc_btn3-container.secondary>.vc_general{
  background-color: transparent;
  color: var(--font);
}
.site-content .entry-content .home_hero_content .vc_btn3-container.secondary>.vc_general{
  background-color: var(--l-gray);
}
.site-content .entry-content .vc_btn3-container.link_with_icon, .site-content .entry-content .vc_btn3-container.pdf{
  display: flex;
}
.site-content .entry-content .vc_btn3-container.link_with_icon>.vc_general{
  padding: 3px 16px 3px 3px;
  gap: 6px;
}
.site-content .entry-content .vc_btn3-container.pdf>.vc_general, .site-content .entry-content .vc_btn3-container.link_with_icon>.vc_general{
  border: 0;
  background: transparent;
  color: var(--font);
  display: flex;
  align-items: center;
}
.site-content .entry-content .vc_btn3-container.pdf>.vc_general{
  gap: 24px;
  padding: 10px 24px 10px 4px;
}
.btn_icon_wrapper{
  display: block;
  width: 40px;
  height: 41px;
  overflow: hidden;
  position: relative;
}
.btn_icon_wrapper .lh-0 {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  transform: translateX(-8px);
}
.back_btn .btn_icon_wrapper .lh-0, .slick-prev .btn_icon_wrapper .lh-0{
  transform: translateX(8px);
}
.vc_btn3-container.vc_btn3-inline.block_btn{
  margin-bottom: 0;
  display: block;
}
.vc_btn3-container.vc_btn3-inline.block_btn>.vc_general{
  color: transparent;
  background-color: transparent!important;
  background-image: none;
  line-height: 0;
  font-size: 0;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  bottom: 0;
  z-index: 4;
}
@media screen  and (min-width: 1200px){
  input[type=submit]:hover, .site-content .entry-content .vc_btn3-container:not(.block_btn, .link_with_icon, .pdf)>.vc_general:hover, .header_menu ul.menu li.kontakt a:hover{
    background-color: var(--gold);
    border-color: var(--gold);
    color: var(--font);
  }
  .header_menu ul.menu li.kontakt a:active, .site-content .entry-content .vc_btn3-container:not(.block_btn, .link_with_icon, .pdf)>.vc_general:active, input[type=submit]:active{
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  }
  .site-content .entry-content .vc_btn3-container.secondary>.vc_general:hover{
    background-color: rgba(0, 0, 0, 0.04);
    color: var(--font);
    border-color: var(--font);
  }
  .site-content .entry-content .home_hero_content .vc_btn3-container.secondary>.vc_general:hover{
    background-color: var(--gray);
  }
  .btn_icon_wrapper .lh-0, .vc_btn3-container.link_with_icon .btn_text{
    transition: transform .3s ease;
  }
  .vc_btn3-container.link_with_icon>.vc_general:hover .btn_icon_wrapper .lh-0, .slick-next:hover .btn_icon_wrapper .lh-0{
    transform: translateX(-4px);
  }
  .vc_btn3-container.link_with_icon>.vc_general:hover .btn_text{
    transform: translateX(4px);
  }
  .site-content .entry-content .vc_btn3-container.alternative>.vc_general:hover, .wp-block-button .wp-block-button__link:hover{
    background-color: #E7AF00;
    border-color: #E7AF00;
  }
  .back_btn a:hover .btn_icon_wrapper .lh-0, .slick-prev:hover .btn_icon_wrapper .lh-0{
    transform: translateX(4px);
  }
}
/* akkordion */
.vc_tta-panel-heading{
  border: 0!important;
  background: transparent!important;
  margin: 0!important;
  display: flex;
}
.vc_tta.vc_general .vc_tta-panel-heading>.vc_tta-panel-title>a{
  padding: 0;
  display: grid;
  align-items: center;
  color: var(--font)!important;
  pointer-events: none;
  user-select: none;
}
.vc_tta.vc_general .is_open .vc_tta-panel-heading{
  pointer-events: none;
}
.vc_tta.vc_general .vc_tta-panel-heading>.vc_tta-panel-title>a:has(.akk_num){
  grid-template-columns: 24px 1fr;
  grid-gap: 24px;
}
.vc_tta-panels{
  display: grid;
  grid-gap: var(--offset-m);
}
p.vc_tta-panel-title{
  cursor: pointer;
}
.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body{
  border: 0!important;
  padding: 0!important;
  min-height: auto!important;
}
.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body>div{
  padding: 24px 0 0 48px;
}
.schritte_akkordion .vc_tta-panel-body .wpb_single_image {
  display: none;
}
.schritte_akkordion .vc_tta-panel-body .wpb_single_image img{
  border-radius: 16px;
}
.vc_tta-panel-title a span{
  margin-left: 0!important;
}
.zweischalenmauerwerk_akkordion .vc_tta-panels{
  grid-gap: 24px;
}
.zweischalenmauerwerk_akkordion.vc_tta.vc_general .vc_tta-panel-heading>.vc_tta-panel-title>a:has(.akk_num){
  grid-template-columns: 30px 1fr;
}
.zweischalenmauerwerk_akkordion.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body>div{
  padding-left: 0;
}
.zweischalenmauerwerk_akkordion .vc_tta-panel{
  opacity: .25;
  transition: opacity .4s ease-out;
}
.zweischalenmauerwerk_akkordion .vc_tta-panel.is_open {
  opacity: 1;
}

/* pass form */
.post-password-form__submit{
  margin-top: 24px;
}
.post-password-message{
  padding-bottom: var(--offset-m);
}
.post-password-form__label{
  padding-bottom: 4px;
  display: inline-block;
}
input[type=password]{
  outline: none;
  border: 1px solid var(--font);
  border-radius: 50px;
  padding: 9px 23px;
  border: 1px solid var(--font);
  transition: border-color .25s ease;
  width: 100%;
  max-width: 350px;
}
input[type=password]:focus{
  border-color: var(--gold);
}
/* ===========================================
-------------------HEADER---------------------
============================================== */
.site_header{
  position: fixed;
  inset: 0 0 auto;
  z-index: 555;
  background-color: white;
  padding: 15.5px var(--spacing);
}
.site_logo img{
  width: auto;
  max-width: 100%;
}
.header_inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html.with-fancybox .site_header{
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
}
/* ===========================================
-------------------FOOTER---------------------
============================================== */
.footer_inner.secondary, .footer_inner_wrapper{
  padding-top: var(--offset-xl);
}
.footer_inner.secondary{
  position: relative;
  padding-bottom: calc(var(--offset) * 2.37);
}
.footer_inner_wrapper_secondary{
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-gap: var(--offset-l);
  align-items: baseline;
}
.footer_inner.secondary .footer_inner_box{
  display: grid;
  grid-gap: var(--offset-m);
}
.fsc, .footer_inner_box ul{
  display: grid;
  grid-gap: 16px;
}
.footer_secondary_bot{
  text-align: center;
  background: black;
  padding: 22px;
}
.footer_inner.home{
  /* background: url(/wp-content/uploads/2024/10/Subtract.png) no-repeat center/contain; */
  background: var(--font);
}
.footer_inner_wrapper{
  position: relative;
  isolation: isolate;
}
.footer_video_home{
  -webkit-mask-image: url(/wp-content/uploads/2024/10/wall-shape.svg);
  mask-image: url(/wp-content/uploads/2024/10/wall-shape.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 0 40px;
  -webkit-mask-size: 986px;
  -webkit-mask-origin: border-box;
}
.footer_video_home{
  width: 986px;
  left: 52.5%;
  transform: translateX(-50%);
}
.footer_home_bot{
  justify-content: center;
  padding-bottom: 30px;
}
.footer_home_bot, .footer_home_bot ul{
  display: flex;
  gap: var(--offset-m);
}
.footer_home_mid{
  padding: calc(var(--offset) * 2.76) 0 calc(var(--offset) * 2.35);
  text-align: center;
}
.footer_home_mid .wp-block-buttons{
  justify-content: center;
}
/* ===========================================
--------------------MENU----------------------
============================================== */
ul.menu, ul.sub-menu{
  padding: 0;
  margin: 0;
  list-style: none;
}
.sub-menu-toggle, .header_burger, .sub-menu-toggle span{
  display: none;
}
#site-navigation{
  position: fixed;
  inset: 0;
  background: white;
  z-index: 556;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .22s var(--easing);
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav_wrapper{
  max-height: 100%;
  width: 100%;
  text-align: right;
  overflow: auto;
  padding: var(--offset-l) var(--offset-xl) var(--offset-x);
}
.primary-navigation .menu>li + li, .primary-navigation .sub-menu li{
  margin-top: 32px;
}
.header_menu ul.menu{
  display: flex;
  gap: var(--offset-m);
  padding: 3px 0;
}
.header_menu ul.menu a, .primary-navigation ul.menu a{
  display: inline-block;
  padding: 10px 16px;
  cursor: pointer;
}
.site_header ul.menu li.current-menu-item:not(.kontakt )>a{
  color: var(--gold);
}
.header_menu ul.menu li.menu-item-has-children{
  position: relative;
}
.header_menu li.menu-item-has-children .sub-menu{
  position: absolute;
  top: 100%;
  left: -50px;
  min-width: calc(100% + 100px);
  overflow: hidden;
  z-index: 5;
  padding: 36px 50px 42px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition: all .12s var(--easing);
  display: grid;
  grid-gap: 16px;
}
.header_menu li.menu-item-has-children .sub-menu::after {
  content: '';
  position: absolute;
  inset: -10px 10px 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  background: white;
  z-index: -1;
}
.header_menu li.menu-item-has-children:hover .sub-menu{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-duration: .2s;
}
.header_burger {
	padding: 4px 10px;
	cursor: pointer;
	position: relative;
  z-index: 558;
}
.header_burger svg{
	stroke: var(--font);
}
.header_burger svg g:first-child {
	opacity: 1;
	transition: opacity 0s .12s;
}
.header_burger svg g:first-child line {
	transition: transform .12s .12s;
	transform: translateY(0px);
}
.header_burger svg g:last-child {
	opacity: 0;
	transition: opacity 0s .12s;
}
.header_burger svg g:last-child line {
	transition: transform .12s;
	transform: rotate(0deg);
	transform-origin: center;
}
.header_burger.active svg g:first-child {
 	opacity: 0;
}
.header_burger.active svg g:first-child line {
	transition: transform .12s;
}
.header_burger.active svg g:first-child line:first-child{
	transform: translateY(7px);
}
.header_burger.active svg g:first-child line:last-child{
	transform: translateY(-7px);
}
.header_burger.active svg g:last-child {
	opacity: 1;
}
.header_burger.active svg g:last-child line {
	transition: transform .12s .12s;
}
.header_burger.active svg g:last-child line:first-child {
	 transform: rotate(45deg);
}
.header_burger.active svg g:last-child line:last-child {
	 transform: rotate(-45deg);
}
/* ===========================================
------------------HOME_PAGE-------------------
============================================== */

.home_hero_content>div>div>div, .image_hero>div>div>div{
  padding: 64px;
}
.home_hero_content>div>div>div, .image_hero{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.home_hero_content>div>div>div, .image_hero{
  aspect-ratio: 16 / 9;
  position: relative;
}
.image_hero>div>div>div{
  padding-top: calc(var(--offset)* 1.6);
  background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0.00) 100%);
  border-radius: 0 0 16px 16px;
}
.image_hero{
  border-radius: 16px;
}
.image_hero .description_text{
  padding-bottom: 8px;
}
.home_hero_content .wpb_text_column.white_text, .image_hero .wpb_text_column{
  max-width: 773px;
}
.home_hero_content .wpb_text_column.white_text{
  padding-bottom: 5px;
}
#home-video, .footer_video{
  width: 100%;
  left: 0;
}
#home-video{
  border-radius: 16px;
}
#home-video, .footer_video, .footer_video_home{
  position: absolute;
  top: 0;
  height: 100%;
  max-width: 100%;
  z-index: -1;
  object-fit: cover;
}
.home_hero_content .home_hero_arrow{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 20px));
  cursor: pointer;
}
.home_hero_content .home_hero_arrow a{
  padding: 20px;
}
.home_hero_content .home_hero_arrow a img{
  -webkit-animation: arrowDown 2s 1.5s infinite ease-out;
          animation: arrowDown 2s 1.5s infinite ease-out;
}
@-webkit-keyframes arrowDown {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1
  }
  50% {
      opacity: 1
  }
  100% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0
  }
}
@keyframes arrowDown {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1
  }
  50% {
      opacity: 1
  }
  100% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0
  }
}
.leistungen_row>div>div>div{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--offset-m);
}
.vc_section>.vc_row + .vc_row.leistungen_row{
  padding-top: var(--offset-l);
}
.leistungen_item>div>div>div{
  display: flex;
  align-items: flex-end;
  aspect-ratio: 1;
  padding: 32px 32px 0;
  position: relative;
  isolation: isolate;
}
.leistungen_item .wpb_single_image{
  position: absolute;
  inset: 0;
  z-index: -1;
}
.leistungen_item .wpb_single_image img{
  max-width: 100%!important;
  height: 100%!important;
  object-fit: cover;
  border-radius: 16px;
  pointer-events: none;
}
.leistungen_item .wpb_single_image figure, .leistungen_item .wpb_single_image div{
  height: 100%;
}
.leistungen_item{
  border-radius: 16px;
}
.leistungen_item .title_s{
  width: 100%;
  background: white;
  border-radius: 16px 16px 0px 0px;
  transform: translateY(1px);
}
.leistungen_item .title_s>div{
  padding: 24px;
}
.teaser_seiten>.vc_row:first-child{
  padding-top: var(--offset-xl);
}
.teaser_seiten>.vc_row:last-child{
  padding-bottom: var(--offset-xl);
}
.teaser_seiten_item{
  --size: 296px;
  position: relative;
  border-top: 1px solid white;
  padding: 23px 0;
  transition: border-color .18s ease-out;
}
.teaser_seiten_item:last-child{
  border-bottom: 1px solid white;
}
.teaser_seiten_item>div{
  position: static;
}
.teaser_seiten_item>.vc_col-sm-1{
  width: calc(60px + 80px);
}
.teaser_seiten_item>.vc_col-sm-7{
  width: calc(100% - 60px - 80px - 200px);
}
.teaser_seiten_item>.vc_col-sm-2{
  width: auto;
}
.teaser_seiten_item img{
  width: var(--size)!important;
  height: var(--size)!important;
  object-fit: cover;
  max-width: 100%!important;
  transition: transform 0.1s cubic-bezier(0.16,1,0.3,1);
  transform: scale(1.15);
}
.teaser_seiten_item .wpb_single_image{
  position: absolute;
  right: -10%;
  top: 50%;
  transform: translateY(-50%) scale(.94);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  background: #0E0E0E;
  transition: transform 0.1s cubic-bezier(0.16,1,0.3,1);
}
.teaser_seiten_item .wpb_single_image .wpb_wrapper{
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: 16px;
  clip-path: content-box;
}
@media screen  and (min-width: 1200px){
  .teaser_seiten_item:hover .wpb_single_image{
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
    transition-duration: 1.5s;
  }
  .teaser_seiten_item:hover .wpb_single_image img{
    transform: scale(1);
    transition-duration: 1.5s;
  }
  .teaser_seiten_item p{
    transition: opacity .18s ease-out;
  }
  .teaser_seiten_item.not_active p{
    opacity: .25;
    transition-duration: .25s
  }
  .teaser_seiten_item.is_active:first-child + .teaser_seiten_item + .teaser_seiten_item, .teaser_seiten_item.not_active:first-child, .teaser_seiten_item.not_active:first-child + .teaser_seiten_item.not_active{
    border-top-color: rgba(255, 255, 255, .25);
    transition-duration: .25s
  }
  .teaser_seiten_item.is_active:nth-child(2) + .teaser_seiten_item, .teaser_seiten_item.is_active:first-child + .teaser_seiten_item + .teaser_seiten_item, .teaser_seiten_item.is_active:first-child + .teaser_seiten_item{
    border-bottom-color: rgba(255, 255, 255, .25);
    transition-duration: .3s;
  }
}
.aktuelles_grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px 20px;
}
.aktuelles_grid_item a{
  display: grid;
  grid-template-columns: .53fr 1fr;
  grid-gap: var(--offset-l);
  align-items: center;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.05);
}
.aktuelles_grid_item .description_text p, .aktuelles_first_item_cat p{
  color: #9C9C9C;
  padding-bottom: 8px;
}
.aktuelles_first_item_cat p, .aktuelles_grid_item_text p{
  font-size: 1rem;
}
.aktuelles_grid_item_text p{
  padding-top: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.grid_img, .team_image, .geschichte_image_wrapper{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.grid_img, .gallery_item a img{
  transition: transform .4s ease-out;
  transform: scale(1);
  transform-origin: center;
}
@media screen  and (min-width: 1200px){
  .hover_grid_item a:hover .grid_img, .gallery_item a:hover img{
    transform: scale(1.1);
  }
  .is_big .hover_grid_item a:hover .grid_img{
    transform: scale(1.05);
  }
}
.aktuelles_grid_item_img, .referenzen_image, .aktuelles_first_item_img .grid_img{
  padding-bottom: 100%;
}
.grid_img_wrapper, .gallery_item a, .aktuelles_first_item_img{
  overflow: hidden;
  clip-path: content-box;
}
.referenzen_preview_item .grid_img_wrapper, .referenzen_inner .grid_img_wrapper, .gallery_item a, .aktuelles_first_item_img {
  border-radius: 16px;
}
.aktuelles_grid_item .grid_img_wrapper{
  border-radius: 8px;
}
.schritte_akkordion_image figure{
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
  clip-path: content-box;
}
.schritte_akkordion_image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: scale(.94);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.1s cubic-bezier(0.16,1,0.3,1);
}
.schritte_akkordion_image[index='0']{
  position: static;
}
.schritte_akkordion_image.is_shown{
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-duration: 1.5s;
}
.schritte_akkordion_image img{
  aspect-ratio: 1;
  max-width: 100%!important;
  object-fit: cover;
  transition: transform 0.1s cubic-bezier(0.16,1,0.3,1);
  transform: scale(1.15);
}
.schritte_akkordion_image.is_shown img{
  transform: scale(1);
  transition-duration: 1.5s;
}
.schritte_akkordion_image_wrapper>div>div{
  padding-left: 7.6vw;
}
.schritte_akkordion_images{
  position: relative;
}
.zweischalenmauerwerk_images>div>div{
  padding-right: 28px;
}
.zweischalenmauerwerk_images .wpb_single_image{
  display: none;
}
.zweischalenmauerwerk_images .wpb_single_image[index='0']{
  display: block;
}
.zweischalenmauerwerk_images .wpb_single_image img{
  max-width: 100%!important;
}
/* ===========================================
------------------NEWS_PAGE-------------------
============================================== */
.aktuelles_first_item_row{
  padding: calc(var(--offset)* 1.32) 0 calc(var(--offset)* 1.6);
  display: flex;
  align-items: center;
}
.aktuelles_first_item_row>div{
  width: 50%;
}
.aktuelles_first_item_row .h2{
  padding-bottom: 24px;
}
.site-content .entry-content .aktuelles_first_item_row .vc_btn3-container.link_with_icon{
  padding-top: 40px;
}
.impressum_content>.vc_row:not(:last-child){
  padding-bottom: var(--offset-x);
}
/* ===========================================
------------------referenzen------------------
============================================== */
.referenzen_preview_grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--offset-x) var(--offset-m);
  padding-bottom: var(--offset-m);
}
.referenzen_single_image img{
  max-width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
}
.referenzen_content_section .vc_col-sm-6>.vc_column-inner>div{
  max-width: min(510px, 92%);
}
.info_card .vc_row{
  border-radius: 16px;
  padding: 32px;
  background: var(--l-gray);
}
.gallery_item img{
  aspect-ratio: 1;
  object-fit: cover;
  max-width: 100%!important;
}
.gallery_item .img_wrp{
  padding: 0 20px;
}
.referenzen_content_section .wpb_image_grid .wpb_image_grid_ul.slick-slider{
  padding-top: var(--offset-m);
}
.wpb_image_grid_ul.slick-slider{
  margin-inline: calc(var(--spacing-m) * -1);
}
.wpb_image_grid_ul.slick-slider .slick-list{
  padding-inline: calc(var(--spacing-m) - 20px);
}
/* filters */
.filters-button-group{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 24px;
}
.c_button_main, .c_button_sec span{
  border-radius: 50px;
  border: 1px solid var(--font);
  background: transparent;
  cursor: pointer;
  padding: 9px 23px;
  user-select: none;
  transition: all .3s ease-out;
}
.c_button_main:hover, .c_button_sec:hover span{
  background-color: rgba(0, 0, 0, 0.04);
}
.c_button_sec span{
  display: inline-block;
}
.c_button_main.is_active, .c_button_sec input:checked + span{
  background-color: var(--font);
  color: white;
}
.c_button input{
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
#grid{
  overflow: hidden;
}
.referenzen_grid{
  margin-left: -20px;
  margin-right: -32px;
}
.referenzen_item{
  width: calc(25% - 3px);
}
.referenzen_item.is_big{
  width: calc(50% - 6px);
}
.referenzen_inner{
  padding: var(--offset-l) 20px 0;
}
.referenzen_item .title_s{
  padding: 24px 0;
}
.load_more_wrapper{
  padding-top: var(--offset-l);
}
.load_more_wrapper button{
  cursor: pointer;
}
.hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
  }
/* ===========================================
------------------UEBER UNS------------------
============================================== */
.count_wrapper{
  padding-inline: calc(var(--spacing-l) - var(--spacing-m));
  padding-bottom: var(--offset-xl);
}
.count_wrapper .vc_row>div{
  width: 100%;
  text-align: center;
}
.count_wrapper .count_number{
  padding-bottom: 16px;
}
.count_wrapper>div>div>div{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--offset-x) var(--offset);
}
.team_grid{
  margin-left: -13px;
  margin-right: -25px;
}
.team_item{
  width: calc(25% - 3px);
}
.team_item .team_inner{
  padding: var(--offset-l) 13px 0;
}
.team_image_wrapper{
  position: relative;
  padding-bottom: 100%;
  margin-bottom: 24px;
}
.team_image_swap{
  cursor: pointer;
}
.team_social{
  display: flex;
  gap: 8px;
  transform: translateX(-4px);
  padding-top: 6px;
}
.team_social a{
  padding: 10px 4px;
  color: var(--font);
  transition: color .25s ease;
}

@media screen  and (min-width: 1200px){
  .team_social a:hover{
    color: var(--gold);
  }
}
.team_image{
  -webkit-transition: z-index .001s ease .161s;
       -o-transition: z-index .001s ease .161s;
          transition: z-index .001s ease .161s;
  animation-duration: .32s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.team_image.main{
  animation-name: team_in;
}
.team_image.fun{
  animation-name: team_out;
}
.team_image_wrapper.is_active .team_image.main{
  z-index: 4;
  animation-name: team_out;
}
.team_image_wrapper.is_active .team_image.fun{
  z-index: 6;
  animation-name: team_in;
}
@-webkit-keyframes team_out {
 0%   {-webkit-transform: translate( 0, 14px);transform: translate( 0, 14px);opacity: 1;}
  50% {opacity: 0; }
  100% {-webkit-transform: translate(14px, 0);transform: translate(14px, 0);opacity: 1;}
}
@keyframes team_out {
 0%   {-webkit-transform: translate( 0, 14px);transform: translate( 0, 14px);opacity: 1;}
  50% {opacity: 0; }
  100% {-webkit-transform: translate(14px, 0);transform: translate(14px, 0);opacity: 1;}
}
@-webkit-keyframes team_in {
  0% {-webkit-transform: translate(14px, 0);transform: translate(14px, 0);}
  100% {-webkit-transform: translate( 0, 14px);transform: translate( 0, 14px);}
}
@keyframes team_in {
  0% {-webkit-transform: translate(14px, 0);transform: translate(14px, 0);}
  100% {-webkit-transform: translate( 0, 14px);transform: translate( 0, 14px);}
}
.team_image{
  padding-bottom: calc(100% - 14px);
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 14px);
}
.team_image.main{
  z-index: 5;
  transform: translate( 0, 14px);
}
.team_image.fun{
  z-index: 4;
  transform: translate( 14px, 0);
}
.team_filter{
  position: relative;
}
.team_hint{
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(42%, 95%);
  z-index: 10;
  transition: opacity .3s ease .2s;
  opacity: 0;
}
.team_hint.is_shown{
  opacity: 1;
}
.team_hint::after{
  content: '';
  background: url(/wp-content/uploads/2024/10/Vector-28.svg) no-repeat center/contain;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 14px;
  transform: translate(-135%, 50%);
}
.geschichte_wrapper{
  position: relative;
}
.geschichte_container.slick-slider{
  margin-inline: calc(var(--spacing-m) * -1);
}
.geschichte_container.slick-slider .slick-list{
  padding-inline: calc(var(--spacing-m) - 12px);
}
.geschichte_container.slick-slider .slick-track{
  display: flex;
}
.geschichte_item{
  padding: 0 12px var(--offset-x);
}
.geschichte_inner{
  border-radius: 16px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
  height: 100%;
}
.geschichte_text_wrapper{
  padding: var(--offset-m);
}
.geschichte_image_wrapper{
  padding-bottom: 102.5%;
  position: relative;
}
.geschichte_image_wrapper .h2{
  position: absolute;
  z-index: 2;
  inset: calc(var(--offset-l) + 8px) var(--offset-m) 0;
}
/* ===========================================
---------------------JOBS---------------------
============================================== */
.jobs_grid{
  margin-left: -11px;
  margin-right: -20px;
}
.jobs_item{
  width: calc((100% /3) - 3px);
}
.jobs_inner{
  padding: 11px;
}
.jobs_inner .title_m p{
  -webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}
.filters-button-group.jobs_filter{
  padding-bottom: 29px;
}
.jobs_item a{
  background: var(--l-gray);
  padding: var(--offset-m) var(--offset-m) var(--offset-x);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--offset-m);
  aspect-ratio: 1;
  transition: box-shadow .3s ease-out;
}
.jobs_item a:hover{
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
.benefits_row>div>div>div{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.benefits_row .vc_row{
  background: var(--l-gray);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 40px 46px;
  justify-content: space-between;
}
.benefits_row .vc_row>div{
  width: 100%;
}
.benefits_row .vc_row::after, .benefits_row .vc_row::before{
  display: none;
}
.benefits_row .vc_row img{
  width: 80px!important;
  height: 80px!important;
  object-fit: contain;
  object-position: center;
}
.back_btn{
  position: absolute;
  top: -10px;
  left: -4px;
  z-index: 5;
  transform: translateX(calc((var(--spacing-m) - var(--spacing)) * -1));
}
.back_btn a{
  display: block;
  padding: 10px 16px 10px 4px;
}
.no_content_wrapper{
  display: grid;
  grid-template-columns: .8fr 1fr;
  grid-gap: 6.85vw;
  align-items: center;
}
.no_content_image img{
  max-width: 100%;
  aspect-ratio: 1;
  border-radius: 16px;
  object-fit: cover;
}
.no_content_wrapper h1{
  margin-bottom: var(--offset-m);
}
/* ===========================================
------------------animation---------------
============================================== */
.vc_section>.vc_row:not(.static),
.animation_el{
	transform: translateY(14px) translateZ(0);
	transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity: 0;
  will-change: opacity, transform;
}
.vc_section.vc_section-has-fill, .site_footer {
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header_inner{
  opacity: 0;
  transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.vc_section>.vc_row:not(.static).is_shown,
.animation_el.is_shown{
	opacity: 1;
	transform: translateY(0) translateZ(0);
  transition-delay: 0.15s;
}
.vc_section.vc_section-has-fill.is_shown, .header_inner.is_shown, .site_footer.is_shown{
  opacity: 1;
  transition-delay: 0.15s;
}
/* ===========================================
------------------cookies---------------
============================================== */
.cky-btn-revisit-wrapper{
  visibility: hidden;
}
.cky-notice .cky-title, .cky-accordion-header .cky-accordion-btn, .cky-preference-header .cky-preference-title, .cky-cookie-des-table li div:first-child{
  font-weight: 300!important;
}
.cky-preference-content-wrapper .cky-show-desc-btn, .cky-accordion-header .cky-always-active{
  color: var(--font)!important;
}
.cky-audit-table .cky-cookie-des-table li, .cky-audit-table .cky-cookie-des-table li p{
  font-size: 12px;
}
.cky-btn-accept{
  background-color: var(--gold)!important;
  color: var(--font)!important;
  border: 1px solid  var(--gold)!important;
}
.cky-btn{
  outline: none;
  font-weight: 300!important;
  transition: all .3s ease-out;
  font-size: 1.125rem!important;
  line-height: 1.5!important;
  border-radius: 50px!important;
  padding: 9px 14px!important;
  opacity: 1!important;
}
.cky-btn-customize, .cky-btn-preferences{
  border: 1px solid  var(--font)!important;
  background-color: transparent!important;
  color: var(--font)!important;
}
@media screen and (min-width: 1200px){
  .cky-btn-accept:hover{
    background-color: #E7AF00!important;
    border-color: #E7AF00!important;
  }
  .cky-btn-customize:hover, .cky-btn-preferences:hover{
    background-color: rgba(0, 0, 0, 0.04)!important;
  }
}
@media screen and (max-width: 767px){
  .cky-btn{
    font-size: 1rem!important;
  }
}