/*
 Theme Name:   artho child
 Description:  Child Theme for artho
 Author:       point break
 Author URI:   https://www.point-break.ch
 Template:     artho
 Version:      1.0
 Text Domain:  artho-child
*/



/* ======================================== */
/*                 For Animation               */
/* ======================================== */
/* @-webkit-keyframes slide_right {

} */

@keyframes slide_right {
  0%{left: 0; right: 100%;}
  30%{left: 0; right: 40%;}
  40%{left: 0; right: 20%;}
  45%{left: 10%; right: 10%;}
  50%{left: 20%; right: 0;}
  100%{left: 100%; right: 0;}
}
@keyframes slide_right_text {
  0%{left: 0; right: 100%;}
  50%{left: 0; right: 0;}
  100%{left: 100%; right: 0;}
}

/* .word{
  position: relative;
}
.word::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  bottom: 0;
  background-color: tomato;
  transition: all .3s;
} */

.wpb_single_image:not(.not_animate) .wpb_wrapper,
.post-header-img-conatiner,
.vc_gitem-animated-block,
.referenz-img,
.menu_imgs {
  position: relative;
  overflow: hidden;
}
.wpb_single_image:not(.not_animate) .vc_single_image-wrapper,
.post-header-img, .vc_gitem-animated-block>.vc_gitem-zone,
.referenz-img img,
.portfolio-data-block,
.menu_imgs img{
  transform: scale(1.05);
  transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.wpb_single_image:not(.not_animate) .wpb_wrapper::before,
.post-header-img-conatiner::before,
.post-date::before,
.vc_gitem-animated-block::before,
.referenz-img::before,
.portfolio-data-container::before,
.menu_imgs::before {
  background-color: #F8F8F8;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: .7s;
  z-index: 5;
  right: 100%;
}
.post-date::before{
  background-color: #fff;
  animation-duration: .6s;
}
.wpb_single_image:not(.not_animate) .wpb_wrapper::after, .wpb_single_image:not(.not_animate) .wpb_wrapper::before, .post-header-img-conatiner::before, .post-header-img-conatiner::after,
.post-date::before, .vc_gitem-animated-block::before, .vc_gitem-animated-block::after, .referenz-img::before, .referenz-img::after, .portfolio-data-container::before, .portfolio-data-container::after,
.menu_imgs::before, .menu_imgs::after{
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  }
.wpb_single_image:not(.not_animate) .wpb_wrapper::after,
.post-header-img-conatiner::after,
.vc_gitem-animated-block::after,
.referenz-img::after,
.portfolio-data-container::after,
.menu_imgs::after{
  background-color: #fff;
  transition: all .2s linear;
  z-index: 4;
  right: 0;
}

.wpb_single_image.visible .vc_single_image-wrapper,
.post-header.visible .post-header-img, .vc_grid-item.visible  .vc_gitem-animated-block>.vc_gitem-zone, .referenz-logo-box.visible .referenz-img img,
.portfolio-item.visible .portfolio-data-block,
.menu-meta-box.showItem .menu_imgs img{
  transform: scale(1);
  transition-delay: .21s;
}
.post-header.visible .post-date span{
  opacity: 1;
  transition-delay: .7s;
}
.post-header.visible .post-date{
  background: #fff;
  transition-delay: .7s;
}
.wpb_single_image.visible .wpb_wrapper::after,
.post-header.visible .post-header-img-conatiner::after,
.vc_grid-item.visible .vc_gitem-animated-block::after,
.referenz-logo-box.visible .referenz-img::after,
.portfolio-item.visible .portfolio-data-container::after,
.menu-meta-box.showItem .menu_imgs::after{
  left: 100%;
  transition-delay: .2s;
}

.wpb_single_image.visible .wpb_wrapper::before,
.post-header.visible .post-header-img-conatiner::before,
.vc_grid-item.visible .vc_gitem-animated-block::before,
.referenz-logo-box.visible .referenz-img::before,
.portfolio-item.visible .portfolio-data-container::before,
.menu-meta-box.showItem .menu_imgs::before{
  animation-name: slide_right;
}

.post-header.visible .post-date::before{
  animation-name: slide_right_text;
  animation-delay: .4s;
}



/* ======================================== */
/*                 GENERAL                  */
/* ======================================== */
/* new */
.news-section .vc_gitem-zone{
	background-position: 50% 15%;
}
.post-header-img img{
	object-position: 50% 15%;
}
:root{
  --color-main: #231F20;
  --color-med: #DEDDDD;
  --color-light: #F9F8F9;
  --font-ci: 'Overpass', Verdana, Geneva, Tahoma, sans-serif;
}

#page{
  padding-top: 190px;
}
body.not_scroll{
  overflow-y: hidden;
  margin-right: 17px;
}
body{
  margin: 0;
}
.wpb_text_column a{
  text-decoration: none;
}
.wpb_text_column a:hover{
  text-decoration: underline;
}
.wpb_single_image *:not(img){
  width: 100%;
}
.entry-content section,
.entry-content section.full_width_section .vc_row{
  margin: 0;
}
.entry-content section:not(.full_width_section):not(.shipping-calculator-form){
  padding: 0 10.9vw;
}
.entry-content section.wpb-content-wrapper{
  padding: 0!important;
}
.entry-content section.full_width_section,
.entry-content section.full_width_section .vc_column_container>.vc_column-inner{
  padding: 0;
}
 .entry-content section .mb-0.wpb_content_element,
.entry-content section .mb-0.vc_btn3-container{
  margin-bottom: 0;
}
/* btn */
.entry-content section .vc_btn3-container>.vc_general{
  position: relative;
  z-index: 2;
  background-color: transparent!important;
  background-image: none;
  border: 2px solid var(--color-main);
  outline: 0;
  color: var(--color-main);
  border-radius: 0px;
  transition: all .3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.entry-content section .vc_btn3-container>.vc_general::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background: var(--color-main);
  z-index: -1;
  transition: all .3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.entry-content section.black_section .vc_btn3-container>.vc_general::before{
  background: #fff;
}
.entry-content section .vc_btn3-container>.vc_general:hover::before{
  width: 100%;
}
.entry-content section .vc_btn3-container>.vc_general:hover{
  color: #fff;
  border-color: var(--color-main);
}

.entry-content section .vc_btn3-container:not(.small)>.vc_general{
  letter-spacing: 4px;
  font-size: 27px;
  line-height: 35px;
}
.entry-content section .vc_btn3-container:not(.small):not(.map):not(.kollektion):not(.calendar):not(.shop)>.vc_general{
  padding: 29px 50px;
}
.entry-content section .vc_btn3-container.small>.vc_general{
  letter-spacing: 2.96px;
  font-size: 20px;
  line-height: 26px;
}
.entry-content section .vc_btn3-container.small:not(.calendar):not(.preisrechner)>.vc_general{
  padding: 19px 29px;
}
.entry-content section .vc_btn3-container.small.calendar>.vc_general{
  padding: 19px 117px 19px 29px;
}
.entry-content section .vc_btn3-container.special{
  display: none;
}
.entry-content section .vc_btn3-container.small.calendar>.vc_general::after{
  height: 35px;
  width: 35px;
  right: 29px;
}
.entry-content section .vc_btn3-container.preisrechner>.vc_general{
  padding: 19px 140px 19px 29px;
}
.entry-content section .vc_btn3-container.preisrechner>.vc_general::after{
  background: url(/wp-content/uploads/2021/09/calculator-b.png) no-repeat center/contain;
  height: 32px;
  width: 25px;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 38px;
  transform: translateY(-50%);
  transition: .3s;
}
.entry-content section .vc_btn3-container.preisrechner>.vc_general:hover::after{
  background: url(/wp-content/uploads/2021/09/calculator-w.png) no-repeat center/contain;
}

.entry-content section .vc_btn3-container.map>.vc_general{
  padding: 29px 172px 29px 49px;
}
.entry-content section .vc_btn3-container.map>.vc_general::after{
  background: url(/wp-content/uploads/2021/09/location-w.png) no-repeat center/contain;
  height: 42px;
  width: 30px;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 62px;
  transform: translateY(-50%);
  transition: .3s;
}
.entry-content section .vc_btn3-container.map>.vc_general:hover::after{
    background: url(/wp-content/uploads/2021/09/location-b.png) no-repeat center/contain;
}

.entry-content section .vc_btn3-container.kollektion>.vc_general{
  padding: 29px 118px 29px 49px;
}
.entry-content section .vc_btn3-container.kollektion>.vc_general::after{
  content: '';
  height: 0;
  right: 60px;
  position: absolute;
  top: 35px;
  width: 0;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 8px;
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transition: all .3s;
}
.entry-content section .vc_btn3-container.kollektion>.vc_general:hover::after{
  border-color: var(--color-main);
}

.entry-content section .vc_btn3-container.calendar>.vc_general{
  padding: 29px 159px 29px 49px;
}
.entry-content section .vc_btn3-container.calendar>.vc_general::after{
  background: url(/wp-content/uploads/2021/10/calendar-b.png) no-repeat center/contain;
  height: 45px;
  width: 45px;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 53px;
  transform: translateY(-50%);
  transition: .3s;
}
.entry-content section .vc_btn3-container.calendar>.vc_general:hover::after{
  background: url(/wp-content/uploads/2021/10/calendar-w.png) no-repeat center/contain;
}

.entry-content section.black_section .vc_btn3-container.calendar>.vc_general::after{
  background: url(/wp-content/uploads/2021/10/calendar-w.png) no-repeat center/contain;
}
.entry-content section.black_section .vc_btn3-container.calendar>.vc_general:hover::after{
  background: url(/wp-content/uploads/2021/10/calendar-b.png) no-repeat center/contain;
}

.calendar_in_text{
  padding: 50px 0 65px;
}
.entry-content section.beratungstermin_section{
  margin-bottom: 100px;
}


.entry-content section .vc_btn3-container.shop>.vc_general{
  padding: 29px 130px 29px 49px;
  white-space: nowrap;
}
.entry-content section .vc_btn3-container.shop>.vc_general::after{
  background: url(/wp-content/uploads/2021/10/cart-w.png) no-repeat center/contain;
  height: 36px;
  width: 45px;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 47px;
  transform: translateY(-50%);
  transition: .3s;
}
.entry-content section.black_section .vc_btn3-container.shop>.vc_general:hover::after{
  background: url(/wp-content/uploads/2021/10/cart-b.png) no-repeat center/contain;
}

/* ======================================== */
/*                 FONTS                    */
/* ======================================== */

html{
  font-size: 20px;
}

*{
  font-family: var(--font-ci);
  font-weight: 200;
  color: var(--color-main);
  box-sizing: border-box;
}
strong{
  font-weight: 700;
}
h1{
  font-size: 4rem;
  line-height: 4.75rem;
  font-weight: 900;
  margin: 0;
  letter-spacing: 1.6px;
}

h2, .small_h1 h1{
  font-size: 3.3rem;
  line-height: 3.8rem;
  font-weight: 900;
  letter-spacing: 1.32px;
  margin: 0;
}
h3{
  margin: 0;
  font-size: 2.05rem;
  line-height: 2.35rem;
  font-weight: 900;
  letter-spacing: 0.82px;
}
h4{
  font-size: 1.55rem;
  line-height: 1.8rem;
  font-weight: 900;
  margin: 0;
  letter-spacing: 0.62px;
}
h5, .label_h5{
  font-size: 1.35rem;
  line-height: 2.2rem;
  /* text-transform: uppercase; */
  margin: 0;
  letter-spacing: 4px;
}
.h5_lower h5{
  text-transform: none;
}
h6{
  font-size: 1.1rem;
  line-height: 1.5rem;
  letter-spacing: 3.26px;
  margin: 0;
}
p, li{
  margin-top: 0;
  line-height: 2rem;
  letter-spacing: 0.4px;
}
ul{
  margin-block-start: 0;
  margin-block-end: 0;
}

/* ======================================== */
/*               HEADER + NAV               */
/* ======================================== */
#masthead{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.7vw 0 45px;
  background-color: transparent;
  transition: all .45s cubic-bezier(0.39, 0.58, 0.57, 1);
}
#masthead.white{
  background-color: #fff;
}

#masthead.white .site-logo img{
  width: 90px;
}
.site-logo{
  line-height: 0;
}
.site-logo img{
  transition: all .45s cubic-bezier(0.39, 0.58, 0.57, 1);
  width: 120px;
  height: auto;
}
.header-nav{
  display: flex;
  align-items: center;
}
.woo_cart_icon{
  padding-left: 10px;
}
.woo_cart_icon a{
  display: block;
  padding: 10px;
  line-height: 0;
}
.header_shop_link{
  padding-left: 28px;
}
.header_shop_link a{
  text-decoration: none;
  font-size: 1.35rem;
  line-height: 2.1rem;
  letter-spacing: 4px;
}
.woo_cart_icon{
  position: relative;
}
#mini-cart-count{
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  background-color: #000;
  width: 22px;
  text-align: center;
  border-radius: 50%;
  padding-top: 3px;
  cursor: default;
}
#mini-cart-count.zero{
  opacity: 0;
}


.header-nav-btn,
.menu-button-container{
  line-height: 0;
  cursor: pointer;
  padding: 15px;
}
.header-nav-btn svg{
  height: 47px;
  width: 47px;
}
#site-navigation{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2222;
  transition: all .28s cubic-bezier(0.39, 0.58, 0.57, 1);
  background-color: #fff;
  transform: translateY(-110%);
  padding: 80px 0;
}
#site-navigation.open{
  transform: translateY(0);
}
.nav-container{
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.menu-button-container{
  position: fixed;
  top: 45px;
  left: 45px;
  z-index: 3333;
  transition: all .25s cubic-bezier(0.39, 0.58, 0.57, 1);
  transform: translateX(-50px);
  visibility: hidden;
  opacity: 0;
}
.menu-button-container svg{
  width: 47px;
  height: 47px;
}
.menu-button-container.show{
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.menu-item.menu-item-has-children button{
  display: none;
}
.menu-item.menu-item-has-children .sub-menu{
  display: none;
  /* padding-right: 10vw; */
  max-width: 530px;
  /* transition: all .45s cubic-bezier(0.39, 0.58, 0.57, 1); */
}


.menu-item.menu-item-has-children .sub-menu li a{
  font-size: 1.35rem;
  line-height: 2.1rem;
  letter-spacing: 4px;
  font-weight: normal!important;
}
.menu-item.menu-item-has-children .sub-menu li{
  margin: 7px 35px 7px 0;
  display: inline-block;
}
.primary-menu-container ul{
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
#primary-menu-list>.menu-item>a{
  font-size: 4rem;
  line-height: 5.1rem;
  letter-spacing: 1.6px;
  /* transition: all .38s cubic-bezier(0.39, 0.58, 0.57, 1); */
  transition: all .39s ease-out;
}
#primary-menu-list>.menu-item a{
  text-decoration: none;
  font-weight: 900;
  cursor: pointer;
  display: block;
}

#primary-menu-list>.menu-item{
  padding: 16px 0;
  transition: all .39s ease-out;
}
#primary-menu-list.menuActive>.menu-item:not(.open){
  padding: 10px 0;
}
#primary-menu-list.menuActive>.menu-item:not(.open)>a{
  font-size: 2.4rem;
  line-height: 3.1rem;
}
#primary-menu-list>.menu-item>a{
  transform: translateX(-50px);
  visibility: hidden;
  opacity: 0;
}
#primary-menu-list>.menu-item.showMenuItems>a{
  transform: translateX(0);
  visibility: visible;
  opacity: .3;
}
#primary-menu-list>.menu-item.showMenuItems>a:hover,
#primary-menu-list>.menu-item.showMenuItems.open>a{
  opacity: 1;
}
#primary-menu-list>.menu-item>a{
  position: relative;
}
#primary-menu-list>.menu-item>a::after{
  content: '';
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: -15px;
  transform: translate(-100%, -50%);
  top: 50%;
  background: var(--color-main);
  transition: all .25s cubic-bezier(0.39, 0.58, 0.57, 1);
}
#primary-menu-list>.menu-item>a:hover::after,
#primary-menu-list>.menu-item.showMenuItems.open>a::after{
  width: 11vw;
}
.menu-container{
  width: 47.5%;
  padding-left: 10.9vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
.menu-meta-container{
  width: 52.5%;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.menu-footer{
  transition: all .4s ease-out;
  transform: translateX(-50px);
  opacity: 0;
}
.menu-footer.showItem{
  transform: translateX(0);
  opacity: 1;
}
.menu-footer.showItem.nonActive{
  opacity: .3;
}
.menu-footer-wrapper .textwidget{
  display: flex;
}
.menu-footer-wrapper:first-child{
  margin-top: 45px;
  margin-bottom: 20px;
}
.menu-footer-wrapper .textwidget p a{
  text-decoration: none;
  font-size: 1.35rem;
  line-height: 2.1rem;
  letter-spacing: 4px;
  margin-right: 22px;
}
.menu-footer-wrapper .textwidget p a svg{
  margin-right: 15px;
  transform: translateY(2px);
}
.menu-footer-wrapper:nth-child(2){
  margin-bottom: 40px;
}
.menu-footer-wrapper:nth-child(3) .textwidget p:nth-child(2){
  position: relative;
  padding-left: 22px;
}
.menu-footer-wrapper:nth-child(3) .textwidget p:nth-child(2)::after{
  content: '';
  display: block;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 2px;
  left: 0;
  background-color: var(--color-main);
}

.menu-meta-wrapper{
  display: flex;
  overflow: hidden;
}

h5.widget-title{
  text-transform: capitalize;
}
.menu_imgs{
  height: 100%;
}
.menu_imgs img{
  height: 100%!important;
  object-fit: cover;
  max-width: 100%;
}
.menu-footer-wrapper:first-child .textwidget{
  flex-direction: column;
  display: none;
}
.menu-footer-wrapper:first-child{
  flex-direction: column;
  display: flex;
  align-items: baseline;
}

.menu-footer-wrapper:first-child .textwidget p{
  margin: 0;
  padding-top: 20px;
}
.menu-footer-wrapper:first-child h5.widget-title{
  position: relative;
  cursor: pointer;
  padding-right: 40px;
}
.menu-footer-wrapper:first-child h5.widget-title::after{
  content: '';
  height: 0;
  right: 0;
  position: absolute;
  top: 7px;
  width: 0;
  border: solid #231F20;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all .35s;
}
.menu-footer-wrapper:first-child h5.widget-title.open::after,
.menu-footer-wrapper:nth-child(2) h5.widget-title.open::after{
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  top: 12px;
}
.menu-footer-wrapper:nth-child(4){
  margin-top: 40px
}
.menu-footer-wrapper .footer_links svg path,
.menu-footer-wrapper .footer_links svg rect,
.menu-footer-wrapper .footer_links svg circle{
  stroke: var(--color-main);
}
.menu-footer-wrapper .footer_links a{
  background: rgba(35, 31, 32, .03);
}
.menu-footer-wrapper .footer_links{
  margin-top: 30px;
  display: none;
}
/* ======================================== */
/*                 FOOTER                  */
/* ======================================== */
.custom-footer-area{
  padding: 100px 10.9vw 80px;
  background-color: var(--color-main);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.custom-footer-area .widget_text:first-child{
  padding-right: 25px;
  max-width: 375px;
}
.custom-footer-area .widget_text:last-child{
  padding-left: 25px;
  max-width: 365px;
}
.custom-footer-area .widget_text:last-child h2{
  margin-top: 60px;
}
.custom-footer-area h2{
  color: #fff;
  font-size: 1.35rem;
  line-height: 1.75rem;
  letter-spacing: 4px;
  font-weight: 200;
  margin-bottom: 26px;
  pointer-events: none;
  position: relative;
}
.custom-footer-area .widget_text:nth-child(2) h2::after, .custom-footer-area .widget_text:nth-child(3) h2::after{
  content: '';
  height: 0;
  right: 0;
  position: absolute;
  top: 2px;
  width: 0;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  padding: 6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all .35s;
  display: none;
}
.custom-footer-area .widget_text:nth-child(2) h2.open::after, .custom-footer-area .widget_text:nth-child(3) h2.open::after{
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  top: 9px;
}


.custom-footer-area a, .custom-footer-area p{
  text-decoration: none;
  color: #fff;
}
.custom-footer-area a strong{
  text-decoration: underline;
  color: #fff;
}
.footer_links{
  display: flex;
  margin-bottom: 50px;
}
.footer_links a{
  height: 65px;
  width: 65px;
  margin-right: 20px;
  background: rgba(255, 255, 255, .03);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_impr a{
  opacity: .5;
  transition: .3s;
}
.footer_impr strong{
  color: #fff;
  opacity: .5;
  font-weight: 200;
  margin: 0 10px;
}
.footer_impr a:hover{
  opacity: 1;
}
.footer_mob{
  display: none;
}
/* ======================================== */
/*                 HOME                     */
/* ======================================== */

.home-title-row{
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: 10.9vw;
}
.home_subtitle{
  padding: 60px 130px 60px 0;
  background-color: #fff;
}
.home-title h1{
  font-size: 10.75rem;
  line-height: 9.5rem;
  z-index: 5;
  letter-spacing: 3.23px;
}
.home-title {
  padding-bottom: 25px;
}

.home-title h1:last-of-type{
  color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--color-main);
}

.home-header-row .wpb_single_image img{
  height: 100vh!important;
  object-fit: cover;
  max-width: 100%!important;
}
.home-header-row .wpb_single_image{
  max-width: 56.5%;
  margin-left: auto;
}
.home-header-row .wpb_single_image *{
  width: 100%;
}


.home-content-first-row{
  margin-top: clamp(110px, 20vh, 225px);
}
.pattern_1 .content_container{
  padding-left: clamp(120px, 5.8vw, 200px);
}
.pattern_3 .content_container{
  padding-right: clamp(120px, 10vw, 200px);
}
.pattern_1 .wpb_single_image img,
.pattern_2 .wpb_single_image img,
.pattern_3 .wpb_single_image img{
  height: clamp(700px, 83.5vh, 950px)!important;
  object-fit: cover;
  max-width: 100%!important;
}
.home-content-second-row{
  margin-top: clamp(110px, 20vh, 225px);
  margin-bottom: clamp(110px, 18vh, 200px);
}
.home-content-third-row{
  margin-top: clamp(65px, 11vh, 125px);
  margin-bottom: clamp(65px, 11vh, 125px);
}

.entry-content section.home-content-step-section{
  background-color: rgba(35, 31, 32, .03);
}
.entry-content section.home-content-step-section>.vc_row:first-of-type{
  padding-top: 130px;
}
.entry-content section .home-content-step-row{
  border: 1px solid var(--color-main);
  margin: 110px 0 165px;
}
.home-content-step-row>.vc_col-sm-3:nth-child(1),
.home-content-step-row>.vc_col-sm-3:nth-child(2),
.home-content-step-row>.vc_col-sm-3:nth-child(3){
  border-right: 1px solid var(--color-main);
}
.home-content-step-row>.vc_col-sm-3{
  padding: 6% 4%;
}
.home-content-step-row>.vc_col-sm-3 h5{
  font-size: 1.15rem;
  line-height: 1.5rem;
  letter-spacing: 3.4px;
}
.home-content-step-row>.vc_col-sm-3 .wpb_content_element:first-of-type{
  margin-bottom: 25px;
}
.home-content-step-row>.vc_col-sm-3 .wpb_content_element:last-of-type{
  margin-bottom: 0;
}
.home-content-step-row>.vc_col-sm-3:nth-child(1)::after,
.home-content-step-row>.vc_col-sm-3:nth-child(2)::after,
.home-content-step-row>.vc_col-sm-3:nth-child(3)::after{
  content: '';
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  background-color: #f8f8f8;
  top: 50%;
  right: -1px;
  z-index: 2;
  transform: translate(50%, -50%) rotate(45deg);
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
}
.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item{
  line-height: 0;
}
.vc_carousel-slideline-inner img{
  height: clamp(650px, 70.5vh, 850px)!important;
  max-width: 100%!important;
  object-fit: cover;
}
.vc_images_carousel .pagination-container a.vc_carousel-control{
  width: 80px;
  height: 80px;
  background-color: #fff;
  opacity: 1;
  top: auto;
  bottom: 0;
  margin-top: 0;
  left: 10.9vw;
}
.vc_images_carousel .pagination-container a.vc_carousel-control.vc_right{
  left: auto;
  right: 10.9vw;
}
.vc_images_carousel .pagination-container a.vc_carousel-control>span:before{
  content: '';
  width: 0;
  border: solid #231F20;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 10px;
  transition: all .35s;
  top: auto;
}
.vc_images_carousel .pagination-container a.vc_carousel-control:after{
  content: '';
  position: absolute;
  top: 0;
  background-color: var(--color-main);
  bottom: 0;
  width: 0;
  transition: all .35s;
}
.vc_images_carousel .pagination-container a.vc_carousel-control:hover>span:before{
  border-color: #fff;
}
.vc_images_carousel .pagination-container a.vc_carousel-control:hover:after{
  width: 100%;
}
.vc_images_carousel .pagination-container a.vc_carousel-control>span.icon-prev:before{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 20%;
}
.vc_images_carousel .pagination-container a.vc_carousel-control.vc_left:after{
  right: 0;
}
.vc_images_carousel .pagination-container a.vc_carousel-control>span.icon-next:before{
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  right: 20%;
}
.vc_images_carousel .pagination-container a.vc_carousel-control.vc_right:after{
  left: 0;
}
.showroom_section{
  position: relative;
}
.showroom_text_block{
  position: absolute;
  bottom: 0;
  left: calc(10.9vw + 80px);
  width: 688px;
  padding: 50px;
  background: #fff;
  z-index: 5;
}
.showroom_text_block .wpb_content_element:first-of-type{
  margin-bottom: 10px;
}
.entry-content section.showroom_section_standort{
  margin-bottom: 95px;
}
.entry-content section.showroom_section_page{
  margin: 50px 0;
}

.feedback_img.wpb_content_element{
  margin: 0 auto 40px;
  border-radius: 50%;
  overflow: hidden;
  width: 158px;
}
.feedback_img img{
  height: 158px!important;
  width: 158px!important;
  object-fit: cover;
}
.feedback_slider_item .wpb_text_column:first-child {
  padding-top: 198px;
}
.feedback_slider_item{
  padding: 0 3.3vw;
}
.feedback_person_info p{
  margin-bottom: 0;
  opacity: .5;
  font-size: .9rem;
  line-height: 1.4rem;
  letter-spacing: 2.66px;
}
.feedback_person_info{
  padding-bottom: 25px;
}
.entry-content section.feedback_slider{
  margin: clamp(25px, 7vh, 85px) 0 clamp(50px, 14vh, 175px);
}
.entry-content section.home_product_section{
  margin-bottom: 140px;
  background: var(--color-main);
}

.product_grid{
  margin: 135px 0 135px 10.9vw;
}
.product_grid_item span,
.product_grid_item a{
  color: #fff;
}
.product_btn a{
  text-decoration: none;
  letter-spacing: 2.96px;
  position: relative;
  line-height: 1.1;
  padding:10px 25px 10px 0;
}
.product_btn a::after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(-45deg);
  padding: 4px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  margin-top: -1px;
  transition: all .4s;
}
.product_title_block{
  display: flex;
  align-items: center;
  opacity: .3;
  cursor: default;
  transition: all .3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.product_title_block .product_title{
  font-size: 2.08rem;
  line-height: 2.6rem;
  letter-spacing: 0.82px;
  font-weight: 900;
  padding-right: 15px;
  white-space: nowrap;
}
.product_title_line{
  width: 0;
  height: 2px;
  background-color: #fff;
  display: block;
  transition: all .45s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.product_grid_item.active .product_title_line{
  width: 100%;
}
.product_container{
  position: relative;
}

.product_items{
  width: 57%;
  margin-left: auto;
  padding-left: clamp(100px, 7.3vw, 180px);
  padding-top: 95px;
  padding-bottom: 75px;
}
.product_img{
  position: absolute;
  top: 0;
  left: 0;
  width: 43%;
  bottom: 0;
  z-index: 1;
}
.product_img img{
  height: 100%!important;
  object-fit: cover;

}
.product_grid_item{
  padding: 6px 0;
}
.product_img,
.product_btn{
  opacity: 0;
  transition: all .3s cubic-bezier(0.39, 0.58, 0.57, 1);
  visibility: hidden;
}
.product_grid_item.active .product_img,
.product_grid_item.active .product_btn,
.product_grid_item.active .product_title_block{
  opacity: 1;
  visibility: visible;
}
.product_grid_item.active .product_btn a::after{
  transform: translate(5px, -50%) rotate(-45deg);
}
.product_grid_item .product_img{
  visibility: hidden;
}
.product_grid_item.active .product_img{
  visibility: visible;
}

.black_section h5{
  color: #fff;
}
.home_black_row{
  padding: 90px 0;
}
.calendar_row{
  padding: 50px 0 125px;
}
/* ======================================== */
/*        Standort + Freie Stellen          */
/* ======================================== */
.stellen_page_title{
  padding: 125px 0 65px;
}

.stellen_item>.vc_column-inner>.wpb_wrapper{
  border: 1px solid rgba(35, 31, 32, .15);
  padding: 47px 17% 3px;
  margin-bottom: 30px;
  position: relative;
  transition: .3s;
}
.stellen_item>.vc_column-inner>.wpb_wrapper:hover{
  border-color: var(--color-main);
}
.entry-content section .stellen_item>.vc_column-inner>.wpb_wrapper .vc_btn3-container>.vc_general{
  font-size: 0;
  line-height: 0;
  color: transparent;
  padding: 0;
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.entry-content section .stellen_item>.vc_column-inner>.wpb_wrapper .vc_btn3-container>.vc_general::before{
  display: none;
}
.stellen_item .wpb_single_image{
  margin-bottom: 20px;
}
.stellen_item .wpb_single_image img{
  object-fit: cover;
  max-width: 100%!important;
}
.stellen_item h5{
  line-height: 1.95rem;
}
.entry-content section.stellen_section{
  margin-bottom: clamp(110px, 20vh, 225px);
}

.standort_text>.vc_column-inner>.wpb_wrapper{
  padding: 100px 35px 0 10.9vw;
}
.standort_text .wpb_content_element{
  margin-bottom: 45px;
}
#map{
  height: 880px;
}

/* ======================================== */
/*                 TEAM                     */
/* ======================================== */
.team-position.wpb_content_element,
.single-post-text .wpb_text_column.team-position{
  margin-bottom: 10px;
}
.team-row.vc_row {
  margin: 0 -3.2% ;
}
.vc_row.team-row-title{
  padding-bottom: 35px;
}
.team-row.vc_row>.team-item .vc_column-inner{
  padding: 0;
  position: relative;
}
.team-row.vc_row>.team-item>.vc_column-inner{
  padding-bottom: 120px;
}
.team-row.vc_row>.team-item{
  /* padding: 66px 58px; */
  padding: 4% 3.2%;
}
.team-meta{
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: 40px;
  background-color: #fff;
  padding: 30px 65px 30px 30px;
  margin: 0!important;
}
.team-meta p{
  line-height: 1.4rem;
}
.entry-content section.team-section{
  margin-bottom: 120px;
}
.team-img.wpb_single_image>.vc_figure{
  position: static;
}
.team-img img{
  min-height: 520px;
  object-fit: cover;
}
.team_mail{
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(54px, 6px);
}
.team_mail a{
  padding: 14px;
  display: block;
  line-height: 0;
}
.team_mail svg{
  width: 24px;
}


/* ======================================== */
/*                BLOG + SINGLE             */
/* ======================================== */

.entry-content section.news-section{
  margin-bottom: 50px;
}
.blog-title-row h1{
  padding-bottom: 10px;
}
.blog-title-row .vc_col-sm-3{
  min-width: 400px;
}
.blog-title-row_mob{
  display: none;
}
.entry-content section .vc-gitem-zone-height-mode-auto:before{
  padding-top: 73%;
}
.entry-content section .post-title-row,
.entry-content section .project-title-row{
  position: absolute;
  bottom: 19px;
  left: -1px;

  width: 80%;
  z-index: 20;
}
.entry-content section .post-title-row .vc_gitem-col,
.entry-content section .project-title-row .vc_gitem-col,
.prod-thumbnail-meta .vc_column_container,
.referenz-tags .referenz-tag-item,
.portfolio-meta *{
  opacity: 0;
}
.entry-content section .post-title-row,
.entry-content section .project-title-row,
.entry-content section .post-title-row .vc_gitem-col,
.entry-content section .project-title-row .vc_gitem-col,
.prod-thumbnail-meta, .prod-thumbnail-meta .vc_column_container,
.referenz-tags, .referenz-tags .referenz-tag-item, .portfolio-meta, .portfolio-meta *{
  transition: all .01s;
}
.entry-content section .vc_grid-item.visible .post-title-row,
.entry-content section .vc_grid-item.visible .project-title-row,
.portfolio-item.visible .portfolio-meta{
  background-color: #fff;
  transition-delay: .75s;
}
.prod-thumbnail-meta.visible,
.referenz-logo-box.visible .referenz-tags{
  background-color: #fff;
  transition-delay: .85s;
}
.entry-content section .vc_grid-item.visible .post-title-row .vc_gitem-col,
.entry-content section .vc_grid-item.visible .project-title-row .vc_gitem-col,
.portfolio-item.visible .portfolio-meta *{
  opacity: 1;
  transition-delay: .75s;
}
.prod-thumbnail-meta.visible .vc_column_container,
.referenz-logo-box.visible .referenz-tags .referenz-tag-item{
  opacity: 1;
  transition-delay: .85s;
}
.entry-content section .post-title-row::after,
.entry-content section .project-title-row::after,
.prod-thumbnail-meta.vc_row::after,
.referenz-tags::after, .portfolio-meta::after{
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  background-color: #fff;
  position: absolute;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: .55s;
  z-index: 3;

}
.prod-thumbnail-meta.vc_row::after,
.referenz-tags::after{
  animation-delay: .6s;
}
.entry-content section .post-title-row::after,
.entry-content section .project-title-row::after, .portfolio-meta::after{
  animation-delay: .5s;
}
.entry-content section .vc_grid-item.visible .post-title-row::after,
.entry-content section .vc_grid-item.visible .project-title-row::after,
.prod-thumbnail-meta.vc_row.visible::after,
.referenz-logo-box.visible .referenz-tags::after,
.portfolio-item.visible .portfolio-meta::after{
  animation-name: slide_right_text;
}
.entry-content section .project-title-row.page-title-row{
  max-width: 60%;
}
.entry-content section .project-title-row.single-vertical{
  bottom: -1px;
}
.post-title-row .vc_col-sm-12.vc_gitem-col,
.project-title-row .vc_col-sm-12.vc_gitem-col{
  padding: 0;
}
.post-title-row .vc_gitem-post-data,
.project-title-row .vc_gitem-post-data {
  margin-bottom: 0;
}
.post-title-row .vc_gitem-post-data h3 a{
  padding: 42px 38px 42px 47px;
  /* padding: 8.5% 7.5% 8.5% 9.5%; */
}
.project-title-row .project_custom_subtitle a{
  text-decoration: none;
  padding: 55px 38px 0 47px;
}
.portfolio-meta span,
.project-title-row .project_custom_subtitle a{
  display: block;
  font-size: 1.1rem;
  line-height: 1.4rem;
  letter-spacing: 3.26px;
  text-transform: uppercase;
}
.project-title-row .vc_gitem-post-data h3 a{
  padding: 3px 38px 42px 47px;
}
.project-title-row .vc_gitem-post-data h3 a,
.post-title-row .vc_gitem-post-data h3 a{
  display: block;
  font-weight: 900;
  opacity: 1!important;
}
.post-header{
  display: flex;
}
.post-header-img-conatiner,
.single-post-img{
  width: 42.5%;
}
.post-header-content,
.single-post-text{
  width: 57.5%;
  padding-left: 7.3vw;
  padding-right: 5%;
}
.post-header-content{
  padding-top: 180px;
  padding-bottom: 10px;
}
.post-header-content{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.post-header-img img{
  height: 100vh;
  width: 100%;
  object-fit: cover;
}
.single-post-grid{
  display: flex;
  padding-top: 44px;
  padding-bottom: 125px;
}
.single-post-text .wpb_single_image:not(.static_img){
  display: none;
}
.post-img-item img{
  width: 100%;
}
.post-img-item{
  font-size: 0;
  margin-bottom: 44px;
}
.single-post-text{
  padding-top: 20px;
}
.single-post-text h5{
  margin-bottom: 31px;
}
.single-post-text .wpb_text_column{
  margin-bottom: 57px;
}
.post-date span{
  display: block;
  text-align: center;
  opacity: 0;
  transition: all .01s;
}
span.month{
  letter-spacing: 3.26px;
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 5px;
}
span.year{
  font-size: 2.6rem;
  line-height: 3.3rem;
  letter-spacing: 1.06px;
  font-weight: 900;
}
.post-date{
  transition: all .01s;
  /* background-color: #fff; */
  padding: 4%;
  position: absolute;
  right: 0;
  top: 17vh;
  transform: translateX(50%);
  z-index: 2;
}
.video video{
  width: 100%;
}
/* ======================================== */
/*               Uber uns            */
/* ======================================== */

.uber-banner{
  padding-right: 3.7%;
}
.uber-banner img{
  object-fit: cover;
  object-position: left;
  height: clamp(700px, 85vh, 1000px)!important;
  max-width: 100%!important;
}

.uber-banner-text p{
  margin-bottom: 0;
}
.uber-banner-text>.vc_column-inner>.wpb_wrapper{
  padding: 100px 10.9vw 0 7%;
}
.uber-tags-col>.vc_column-inner>.wpb_wrapper{
  display: flex;
  justify-content: space-between;
  padding: 70px 0;
  margin-top: 100px;
  position: relative;
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  flex-wrap: wrap;
}
.uber-tags-col>.vc_column-inner>.wpb_wrapper .uber-tags {
    padding: 10px 13px 10px 0;
}
.uber-tags-col>.vc_column-inner>.wpb_wrapper::after{
  content: '';
  display: block;
  height: 42px;
  width: 68px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(50%);
  background: url(/wp-content/uploads/2021/03/el.png) no-repeat right/contain, #fff;
}
.uber-tags-col>.vc_column-inner>.wpb_wrapper::before{
  content: 'UNSERE WERTE';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  padding-right: 36px;
  font-size: 27px;
  letter-spacing: 4px;
}
.entry-content section.uber-showcase-section{
  margin: 150px 0 100px;
}
.entry-content section .uber-gallery .wpb_gallery_slides_custom{
  height: 550px;
}
.partner-grid>.vc_column-inner>.wpb_wrapper{
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  row-gap: 40px;
  column-gap: 28px;
  margin-bottom: 15vh;
}
.partner-grid>.vc_column-inner>.wpb_wrapper .uber-partner-item{
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uber-partner-item img{
  max-width: 272px!important;
}
.partner-item-text{
  grid-column-start: 4;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 3;
}
.partner-item-text .wpb_text_column{
  padding: 0 6%;
}
.partner-item-text .wpb_text_column:first-of-type{
  padding-top: 35px;
}

/* ======================================== */
/*               Product single            */
/* ======================================== */
.product_over_img img{
  object-fit: cover;
  height: 110vh!important;
  max-width: 100%!important;
  min-height: 100%;
}
.product_over_text>.vc_column-inner>.wpb_wrapper{
  padding-bottom: 18vh;
  padding-right: clamp(100px, 7.3vw, 180px);
  padding-left: 10.9vw;
}
.prod_img>.vc_column-inner, .prod_img>.vc_column-inner>.wpb_wrapper,
.product_over_img, .product_over_img *{
  height: 100%;
}
.product_over_text.unique>.vc_column-inner>.wpb_wrapper{
  padding-bottom: 30px;
}
.single_prod_text>.vc_column-inner>.wpb_wrapper{
  padding-top: 350px;
}
.single_prod_img>.vc_column-inner, .single_prod_img>.vc_column-inner>.wpb_wrapper{
  height: 100%;
}
.product-nav a,
.referenz-header-nav a,
.referenz-footer-nav a{
  text-decoration: none;
}
.product-nav a:hover,
.referenz-header-nav a:hover,
.referenz-footer-nav a:hover{
  text-decoration: underline;
}
.product-nav a:first-child,
.referenz-header-nav a:first-child{
  margin-right: 55px;
}
.product_s_title{
  padding-bottom: 35px;
}
.product-nav{
  position: absolute;
  top: 260px;
  left: 10.9vw;
  right: clamp(100px, 7.3vw, 180px);
}
.product-nav.product-nav_bottom,
.product-nav.product-nav_bottom_uq{
  position: static;
}
.product-nav_bottom>.wpb_wrapper{
  max-width: 1250px;
  margin: 0 auto;
  padding: 35px 0 120px;
}
.product-nav_bottom_uq>.wpb_wrapper{
  padding: 35px 0 120px;
}
.product-nav h6{
  display: flex;
  justify-content: space-between;
}
.entry-content section.black_section_product{
  margin-bottom: clamp(110px, 19vh, 225px);
}
.prod-thumbnail-meta.vc_row{
  margin: 0;
  position: absolute;
  right: 0;
  left: 35%;
  top: 100vh;
  /* background-color: #fff; */
  transform: translateY(-100%);
  /* padding: 47px 63px; */
   padding: 4.6% 6%;
   transition: all .3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.thumbnail-meta-sub{
  letter-spacing: 2.96px;
}
.thumbnail-meta-title h5{
  text-transform: none;
  letter-spacing: 0.54px;
  font-weight: 900;
}
.content_type_1{
  padding-top: 105px;
  padding-bottom: 50px;
}
.content_type_2{
  padding-top: clamp(75px, 12vh, 150px);
  padding-bottom: 50px;
}
.content_type_3{
  padding-top: 16vh;
  padding-bottom: 50px;
}
.vertical_img img{
  object-fit: cover;
  height: clamp(650px, 73vh, 830px)!important;
  max-width: 100%!important;
}
.entry-content section.black_section_unique{
  margin-bottom: 80px;
}
.black_section_unique .vc_row{
  padding: 90px 0 55px;
}
.black_section_unique .wpb_single_image{
  margin-bottom: 30px;
}
.black_section_unique .wpb_single_image{
  max-width: 275px!important;
}
.content_type_2-text>.vc_column-inner>.wpb_wrapper{
  padding: 0 clamp(100px, 7.3vw, 180px);
}
.content_type_3-text>.vc_column-inner>.wpb_wrapper{
  padding: 9% 14.5% 0 18.5%;
}
.content_type_1-text>.vc_column-inner>.wpb_wrapper{
  padding-left: 60px;
  max-width: 535px;
}
.content_type_1-text_1{
  padding-bottom: 60px;
}
.content_type_1-text_1.unique{
  max-width: 390px;
}
.content_type_2-text_1{
  padding-bottom: 22px;
}
.go-shop-row{
  margin-bottom: 90px;
}
.go-shop-row .vc_column-inner>.wpb_wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 90px 0;
}
.go-shop-row .vc_column-inner>.wpb_wrapper h5{
  margin-bottom: 15px;
}
.go-shop-row .vc_btn3-container{
  margin-bottom: 0;
  padding-left: 25px;
}
.entry-content section.black_section .vc_btn3-container>.vc_general{
  color: #fff;
  border-color: #fff;
}
.entry-content section.black_section .vc_btn3-container>.vc_general:hover{
  color: var(--color-main);
}

.product-gallery{
  padding: 115px 0 90px;
}
.product-related-proj{
  padding-bottom: 90px;
}
/* ======================================== */
/*               Leistungen + single            */
/* ======================================== */
.entry-content section.black_section_leistungen{
  margin: 95px 0 clamp(110px, 19vh, 225px);
}
.black_section_leistungen .calendar{
  padding-bottom: 15px;
}
.leistungen-header-text>.vc_column-inner>.wpb_wrapper{
  padding-top:  50vh;
  padding-right: clamp(100px, 7.3vw, 180px);
  padding-left: 10.9vw;
}
.black_section p,
.black_section h2{
  color: #fff;
}
.black_row_leistungen .wpb_text_column{
  margin-bottom: 25px;
}
.black_row_leistungen{
  padding: 105px 0 80px
}

.leistungen-single-img_desk img{
  object-fit: cover;
  height: 110vh!important;
  max-width: 100%!important;
}
.leistungen-single-subtitle{
  padding: 10px 0;
}
.umbaumanagement_mob{
  display: none;
}
.umbaumanagement_meta_row .vc_column-inner>.wpb_wrapper{
  display: flex;
  align-items: center;
  padding: 45px 45px 45px 0;
}
.umbaumanagement_meta_row .wpb_single_image{
  padding-left: 54px;
}
.umbaumanagement_meta_row .wpb_single_image img{
  max-width: 220px!important;
}
.product_grid_item a{
  text-decoration: none;
}
.last_row{
  padding-bottom: clamp(110px, 17vh, 225px);
}
.unterhalt_subtitle.wpb_text_column {
  margin: 100px 0 28px;
}
.unterhalt_contact_person{
  display: flex;
  flex-direction: column;
  position: relative;
  width: 428px;
}
.unterhalt_contact_person>.vc_col-sm-6:not(.team-meta){
  width: 100%;
}
.unterhalt_contact_person img{
  width: 428px!important;
  height: 541px!important;
  object-fit: cover;
  object-position: top;
}
.unterhalt_contact_person>.vc_col-sm-6.team-meta{
  padding: 7.5% 10.5% 6.5% 11%;
  position: absolute;
  width: auto;
  bottom: 34px;
}
.unterhalt_contact_person .team-position p{
  line-height: 1.5rem;
}
.unterhalt_contact_data{
  padding-top: 15px;
}
.unterhalt_btns_row{
  position: absolute;
  bottom: 35px;
  right: 0;
  transform: translateX(100%);
}

.black_section_unique_2 .vc_row:first-of-type{
  padding-top: 100px;
}
.black_section_unique_2 .vc_row:last-of-type{
  padding-bottom: 85px
}
.unique_2_title{
  padding-bottom: 40px;
}
.unique_2_subtitle{
  padding-bottom: 17px;
  border-bottom: 2px solid #fff;
}
.black_section_unique_2 .vc_col-sm-4>.vc_column-inner>.wpb_wrapper{
  max-width: 77%;
}
/* ======================================== */
/*               Portfolio + single            */
/* ======================================== */

.entry-content section.referenzen_slider_section{
  margin-bottom: 80px;
}

.project_title_row{
  z-index: 5;
}
.project_title{
  padding-bottom: 10px;
}
.portfolio-container{
  display: flex;
  margin: 50px -9px 120px;
  flex-wrap: wrap;
}
.portfolio-addMore_wrapper.vc_btn3-container{
  width: 100%;
  text-align: center;
  padding-top: 60px;
  display: none;
}
.portfolio-addMore_wrapper a{
  cursor: pointer;
}
.portfolio_hidden_items{
  display: none;
}
.portfolio-item{
  width: 50%;
  padding: 9px;
  margin-bottom: 68px;
}
.portfolio-data-block{
  padding-bottom: 67%;
  background-position: center;
  background-size: cover;
}
.portfolio-data-container{
  position: relative;
  overflow: hidden;
}
.portfolio-meta{
  position: absolute;
  bottom: -1px;
  left: -1px;
  padding: 6.7% 5.5% 5.5% 5.8%;
  /* background-color: #fff; */
  /* width: clamp(400px, 75%, 484px); */
  width: 80%;

}
.vc_section.test_section-ar .portfolio-meta{
  padding: 4%;
    width: 75%;
}
.portfolio-meta span{
  padding-bottom: 5px;
}
.portfolio-gallery,
.portfolio-slider{
  padding: 60px 0 110px;
}
.referenz-header-nav a,
.product-nav a{
  letter-spacing: 2.96px;
}
.referenz-header-nav{
  position: absolute;
  top: 260px;
  left: 10.9vw;
  right: clamp(100px, 7.3vw, 180px);
}
.referenz-header-nav h6,
.referenz-footer-nav h6{
  display: flex;
  justify-content: space-between;
}
.referenz-footer-nav h6{
  max-width: 1250px;
  margin: 0 auto;
}
.referenz-footer-nav{
  padding: 0 0 120px;
}
.referenz-header-title{
  padding-bottom: 55px;
}
.referenz-meta{
  display: flex;
  margin-bottom: 50px;
}
.referenz-excerpt .more,
.referenz-excerpt .less{
  text-decoration: none;
  opacity: .5;
}
.referenz-img-container{
  width: 50%;
}
.referenz-header{
  width: 50%;
  padding-right: clamp(100px, 7.3vw, 180px);
  padding-left: 10.9vw;
  padding-top: 350px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.referenz-tags{
  position: absolute;
  top: 100vh;
  right: 0;
  left: 35%;
  transform: translateY(-100%);
  /* background-color: #FFF; */
  padding: 48px 5px 48px 63px;
  display: flex;
  transition: all .3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.referenz-logo-box{
  position: relative;
}
.referenz-tag-item h6{
  margin-bottom: 7px;
}
.referenz-tag-item:first-child{
  padding-right: 130px;
}
.referenz-tag-item span{
  letter-spacing: 0.4px;
  font-size: 1rem;
  line-height: 1.75rem;
  display: block;
}
.referenz-img img{
  object-fit: cover;
  height: 110vh!important;
  max-width: 100%!important;
}



/* ======================================== */
/*               Calculator                 */
/* ======================================== */

.calculator_text_row_last.vc_row{
  margin-bottom: 127px;
}
.calculator_row.vc_row{
  margin: 5px 0 129px;
}
.form_container h5,
.form_metrs h5{
  margin-bottom: 10px;
}
.form_container>.form_labels > h5,
.form_metrs>h5{
  min-height: 88px;
}
.cacl_input{
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
#form1{
  display: flex;
  padding: 32px 100px;
}
#form1 input[type=number],
#form1 input[type=text],
.contact_rows input[type=text],
.contact_rows textarea{
  padding: 15px 23px;
  font-size: 1rem;
  letter-spacing: 4px;
  border: 1px solid rgba(35, 31, 32, .15);
  outline: none;
  width: 445px;
  transition: all .3s;
  background-color: transparent;
  border-radius: 0;
}
.contact_rows input[type=text],
.contact_rows textarea{
  width: 100%;
}
#form1 input[type=submit],
.contact_rows input[type=submit],
.final_res_container input[type=submit],
#form1 input[type=button]{
  padding: 17px 29px 14px;
  border-radius: 0;
  border: 1px solid rgba(35, 31, 32, .15);
  outline: none;
  background-color: transparent;
  letter-spacing: 0.4px;
  font-size: 1rem;
  line-height: 25px;
  cursor: pointer;
  color: #231F20;
  font-weight: 200;
  transition: all .3s;
}
#form1 input[type=number]:focus,
#form1 input[type=text]:focus,
#form1 input[type=submit]:hover,
.contact_rows input[type=text]:focus,
.contact_rows textarea:focus,
.contact_rows input[type=submit]:hover,
.final_res_container input[type=submit]:hover,
#form1 input[type=button]:hover{
  border-color: rgba(35,31,32, 1);
}
.final_res_container input[type=submit]{
  margin: 0 auto;
}
#form1 input[type=number] {
  width: 100%;
  margin-top: 8px;

}
.form_metrs{
  width: 50%;
}
.form_container{
  width: 50%;
}
.form_container{
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.cacl_label{
  position: relative;
  cursor: pointer;
}
.first_lvl{
  padding: 20px 30px 20px 79px;
  border: 1px solid rgba(35,31,32,.15);
  transition: all .3s;
  margin: 8px 0;
  line-height: 20px;
}
.label_data{
  line-height: 30px;
  display: inline-block;
}
.first_lvl .checkmark{
  transform: translateY(0);
  top: 23px;
}
.first_lvl:hover,
.cacl_input:checked + label{
  border-color: rgba(35,31,32, 1);
}
.cacl_input:checked + label.first_lvl>.checkmark,
.cacl_input:checked + label.second_lvl>.checkmark{
  background-color: var(--color-main);
}
.cacl_input:checked + label.first_lvl>.checkmark::after,
.cacl_input:checked + label.second_lvl>.checkmark::after{
  display: block;
}
.first_lvl div label{
  display: block;
  padding-left: 50px;
  margin-top: 20px;
  max-width: 350px;
}
.first_lvl div label .checkmark{
  transform: translateY(0);
  top: 3px;
  left: 0;
}
.form_metrs_submit{
  margin-top: 120px;
  text-align: right;
}
.calc_form{
  padding: 17px 108px 40px 43px;
}
.calc_contact h5{
  margin-bottom: 25px;
}
.contact_row_radio{
  display: flex;
}
.contact_row_radio .first_lvl{
  margin: 0 30px 0 0;
  position: relative;
  cursor: pointer;
}
.contact_rows,
.contact_row_radio{
  margin-bottom: 64px;
}
.contact_rows.two_equal,
.contact_rows.not_two_equal{
  display: flex;
  justify-content: space-between;
}
.contact_rows.two_equal span{
  width: calc(50% - 30px);
}
.contact_rows.not_two_equal span:first-child{
  width: calc(25% - 30px);
  min-width: 50px;
}
.contact_rows.not_two_equal span:last-child{
  width: calc(75% - 30px);
}
.calc_contact{
  display: flex;
}
.calc_contact_inputs{
  width: 68.5%;
}
.calc_sum{
  width: 31.5%;
  padding-left: 50px;
}
.calc_sum_bnts{
  display: flex;
  justify-content: flex-start;
}
.calc_sum_bnts a{
  padding: 9px 0;
  border-bottom: 1px solid rgba(35,31,32,.15);
  text-decoration: none;
  transition: .3s;
}
.calc_sum_bnts a:hover{
  border-color: rgba(35,31,32,1);
}
.calc_sum_info{
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(35,31,32,.15);
  border-bottom: 1px solid rgba(35,31,32,.15);
  padding: 32px;
}
.cacl_wrapper{
  max-width: 312px;
  margin-left: auto;
}
.cacl_wrapper>h5{
  pointer-events: none;
}
.calc_sum_info span{
  font-weight: 700;
  padding-bottom: 9px;
}
.calc_sum_info input, .calc_sum_info p{
  padding: 0;
  border: none;
  outline: none;
  font-size: 1rem;
  line-height: 26px;
  letter-spacing: 0.4px;
  margin-bottom: 21px;
  background: transparent;
}
.calc_sum_info input#fType{
  display: none;
}
.entry-content section.calc_thanks_section{
  margin-bottom: 190px;
  background: url(/wp-content/uploads/2021/04/BAUWERK-megapark_nussbaum_wide-scaled.jpeg) no-repeat center/cover;
}
.calc_thanks_col>.vc_column-inner{
  display: flex;
}
.calc_thanks_col>.vc_column-inner>.wpb_wrapper{
  background-color: #fff;
  padding: 122px 259px 50px 179px;
}
.calc_thanks_col .mb64{
  margin-bottom: 64px;
}
.entry-content section .calc_thanks_col>.vc_column-inner>.wpb_wrapper .vc_btn3-container>.vc_general{
  padding: 22px 30px 18px;
}

.final_res_container{
  text-align: center;
  padding-top: 75px;
  padding-bottom: 35px;
}
.final_res_container #total_cost{
  padding-bottom: 23px;
}
.final_res_price {
  display: flex;
  justify-content: center;
}
.final_res_price h5{
  font-weight: 700;
  padding: 0 3px;
}
#final_res_more_80{
  padding: 35px 8.8vw;
  text-align: center;
}
#final_res_more_80 a{
  text-decoration: none;
}



/* ======================================== */
/*                MEDIA                     */
/* ======================================== */
/* small screen */
@media screen and (max-width: 1550px) {
  #map{
    height: 720px;
  }
  .portfolio-container{
    margin-bottom: 50px;
  }
  .product-nav{
    left: 7.5vw;
    top: 210px;
    right: 65px;
  }
  .prod-thumbnail-meta .wpb_single_image img{
    max-width: 215px!important;
  }
  .single_prod_text>.vc_column-inner>.wpb_wrapper{
    padding-top: 300px;
    padding-right: 65px;
  }
  .product_grid{
    margin: 100px 0 100px 7.5vw;
  }
  .post-title-row .vc_gitem-post-data h3 a{
    padding: 30px;
  }
  .product_over_text>.vc_column-inner>.wpb_wrapper{
    padding-left: 7.5vw;
  }
  .referenz-header{
    padding-left: 7.5vw;
    padding-right: 0;
    padding-top: 275px;
  }
  .referenz-header-nav{
    left: 7.5vw;
    right: 0;
    top: 175px;
  }
  .calc_thanks_col>.vc_column-inner>.wpb_wrapper{
    padding: 60px 75px 50px 7.5vw;
  }
  .calc_sum{
    width: 34.5%;
  }
  .calc_contact_inputs {
    width: 65.5%;
  }
  .entry-content section:not(.full_width_section):not(.shipping-calculator-form) {
    padding: 0 7.5vw;
  }
  .post-header-content, .single-post-text{
    padding-left: 7.5vw;
  }
  .post-header-content>.wpb_content_element.sub, .post-header-content>.wpb_content_element.sub p{
    margin-bottom: 0;
  }
  .home-title h1 {
    font-size: 7.5rem;
    line-height: 6.5rem;
  }
  h1{
    font-size: 3rem;
    line-height: 3.75rem;
  }
  h2, .small_h1 h1{
    font-size: 2.3rem;
    line-height: 2.8rem;
  }
   .product_title_block .product_title{
    font-size: 2rem;
    line-height: 2.5rem;
  }
  h3,   .menu-project-title{
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .portfolio-meta span, .project-title-row .project_custom_subtitle a{
    font-size: .9rem;
    line-height: 1.3rem;
  }
  h5, .label_h5{
    font-size: 1.2rem;
    line-height: 1.85rem;
  }
  .menu-project-subtitle{
    letter-spacing: 1.66px;
  }

  .home-content-step-row>.vc_col-sm-3 {
    padding: 4% 1.5%;
  }
  .home-content-step-row>.vc_col-sm-3 h5{
    font-size: 1.05rem;
  }
  .product_items{
    padding-top: 0;
    padding-bottom: 0;
  }
  .entry-content section.home_product_section {
    margin-bottom: 100px;
  }
  .product_img{
    width: 44.3%;
  }
  .uber-banner img{
    height:750px!important;
  }
  .entry-content section .vc_btn3-container.kollektion>.vc_general{
    padding: 22px 108px 22px 39px;
  }
  .entry-content section .vc_btn3-container.kollektion>.vc_general::after{
    top: 27px;
    right: 55px;
  }
  .product_img img {
    /* height: 500px!important; */
  }
  .entry-content section.home_product_section{
    margin-top: 50px;
  }
  .uber-banner-text>.vc_column-inner>.wpb_wrapper{
    padding: 0 7.5vw 0 15px;
  }
  .uber-tags-col>.vc_column-inner>.wpb_wrapper{
    flex-wrap: wrap;
    padding: 50px 0;
    margin-top: 125px;
    justify-content: center;
  }
  .entry-content section.uber-showcase-section{
    margin-top: 125px;
    margin-bottom: 75px;
  }
  .uber-tags-col>.vc_column-inner>.wpb_wrapper .uber-tags{
    padding: 10px 40px 10px 0;
  }
  #primary-menu-list>.menu-item>a{
    font-size: 2.65rem;
    line-height: 4rem;
  }

  .menu-item.menu-item-has-children .sub-menu li a{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #primary-menu-list.menuActive>.menu-item:not(.open)>a {
    font-size: 2rem;
    line-height: 2.7rem;
  }
  .menu-item.menu-item-has-children .sub-menu li {
    margin: 7px 25px 7px 0;
  }
  .menu-container{
    padding-left: 7.5vw;
    width: 50%;
  }
  .menu-button-container svg,
  .header-nav-btn svg, .woo_cart_icon svg{
    width: 38px;
    height: 38px;
  }
  .menu-button-container{
    top: 20px;
    left: 20px;
  }
  #site-navigation{
    padding: 80px 0 40px;
  }
  .menu-meta-container{
    width: 50%;
  }
  .menu-meta-container p{
    font-size: .9rem;
    line-height: 1.35rem;
    margin-bottom: 12px;
  }

  .menu-project-meta{
    padding: 30px 20px 30px;
  }
  .team-row.vc_row>.team-item{
    padding: 3.1% 1.6%;
  }
  .vc_row.team-row-title {
    padding-bottom: 95px;
  }
  .team-meta{
    padding: 20px 65px 10px 10px;
  }
  .wpb_wrapper .team-position.wpb_content_element {
    margin-bottom: 8px;
  }

  .content_type_2-text>.vc_column-inner>.wpb_wrapper{
    padding: 0;
  }
  .content_type_1{
    padding-top: 50px;
  }
  .content_type_2 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .portfolio-gallery, .portfolio-slider {
    padding: 35px 0 55px;
  }
  .referenz-img-container{
    padding-left: 5%;
  }
  .referenz-tags{
    padding: 30px 5px 30px 30px;
  }
  .referenz-tag-item:first-child {
    padding-right: 65px;
  }
  .content_type_3-text>.vc_column-inner>.wpb_wrapper{
    padding: 0;
  }
  .home-title-row{
    left: 7.5vw;
  }
  #form1{
    padding: 32px;
  }
  .calculator_row.vc_row{
    margin-bottom: 100px;
  }
  .form_container{
    padding-right: 20px;
  }
  .calc_form {
    padding: 17px 43px 40px;
  }
  .home-content-first-row{
    margin-top: 100px;
  }
  .neue_shop_item .wpb_single_image{
    padding-bottom: 0;
  }
  .neue_shop_item .wpb_text_column{
    margin-bottom: 15px;
  }
  .neue_shop_item>.vc_column-inner>.wpb_wrapper{
    padding: 46px 12% 3px;
  }
  .site-logo img{
    width: 86px;
  }
  #masthead.white .site-logo img {
    width: 66px;
  }
  .home_subtitle {
    padding: 45px 100px 45px 0;
  }

  .entry-content section .vc_btn3-container:not(.small):not(.map):not(.kollektion):not(.calendar):not(.shop)>.vc_general {
    padding: 22px 39px;
  }
  .entry-content section .vc_btn3-container.calendar>.vc_general {
    padding: 22px 149px 22px 39px;
  }
  .entry-content section .vc_btn3-container.shop>.vc_general{
    padding: 22px 118px 22px 39px;
  }
  .entry-content section .vc_btn3-container:not(.small)>.vc_general{
    letter-spacing: 3.5px;
    font-size: 25px;
    line-height: 32px;
  }
  .entry-content section.home-content-step-section>.vc_row:first-of-type {
    padding-top: 100px;
  }
  .entry-content section .home-content-step-row{
    margin: 60px 0 130px;
  }
  .vc_images_carousel .pagination-container a.vc_carousel-control{
    left: 7.5vw;
  }
  .showroom_text_block{
    left: calc(7.5vw + 80px);
  }
  .vc_images_carousel .pagination-container a.vc_carousel-control.vc_right{
    right: 7.5vw;
  }
  .custom-footer-area{
    padding: 50px 7.5vw 80px;
  }
  #primary-menu-list>.menu-item{
    padding: 2px 0;
  }
  .standort_text>.vc_column-inner>.wpb_wrapper{
    padding: 65px 35px 0 7.5vw
  }
  .stellen_page_title{
    padding: 0 0 35px;
  }
  .stellen_item>.vc_column-inner>.wpb_wrapper{
    padding: 37px 10% 3px;
  }
  .stellen_item>.vc_column-inner>.wpb_wrapper .wpb_text_column{
    margin-bottom: 0;
  }
  .project-title-row .project_custom_subtitle a{
    padding: 30px 30px 0 30px;
  }
  .project-title-row .vc_gitem-post-data h3 a {
    padding: 3px 30px 15px 30px;
  }
  .leistungen-header-text>.vc_column-inner>.wpb_wrapper{
    padding-top: 40vh;
    padding-right: 50px;
    padding-left: 7.8vw;
  }
  .leistungen-single-subtitle{
    padding: 0;
  }
  .black_row_leistungen {
    padding: 80px 0 80px;
  }
  .entry-content section.black_section_leistungen {
    margin: 75px 0;
  }
  .entry-content section .vc_btn3-container.map>.vc_general {
    padding: 22px 162px 22px 39px;
  }
  .entry-content section .vc_btn3-container.map>.vc_general::after{
    right: 46px;
    width: 22px;
  }
  .umbaumanagement_meta_row .vc_column-inner>.wpb_wrapper{
    padding-top: 0px;
  }
  .portfolio-meta{
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .portfolio-data-block{
    padding-bottom: 75%;
  }
  .team-row.vc_row>.team-item>.vc_column-inner{
    padding-bottom: 80px;
  }


}



/* from tablet */
@media screen and (max-width: 1250px) {
  #masthead{
    padding: 0 36px 0 21px;
  }
  .go-shop-row .vc_column-inner>.wpb_wrapper{
    flex-direction: column;
  }
  .go-shop-row .vc_btn3-container{
    padding: 45px 0 0;
  }
  .menu-button-container svg g g g{
    fill: var(--color-main);
  }
  .menu-footer-wrapper:nth-child(2),
  .menu-footer-wrapper .footer_links{
    display: flex;
  }
  .menu-footer-wrapper:first-child h5.widget-title::after, .menu-footer-wrapper:nth-child(2) h5.widget-title::after{
    padding: 6px;
  }
  .menu-footer-wrapper:nth-child(2) h5.widget-title::after{
    top: 6px;
  }
  .product_title_line{
    display: none;
  }
  .product_grid_item span, .product_grid_item a{
    color: var(--color-main)
  }
  .entry-content section.home_product_section{
    background-color: transparent;
  }

  .black_section_unique_2 .vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
    max-width: 86%;
  }
  .product_over_img img{
    height: 600px!important;
  }
  .prod-thumbnail-meta.vc_row{
    top: 600px;
    transform: translateY(-50%);
  }
  .product-nav{
    position: static;
    padding-bottom: 35px;
  }
  .black_section_unique .vc_row {
    padding: 70px 0 55px;
  }
  .black_section_unique .vc_row>.vc_column_container{
    width: 100%;
    text-align: center;
  }
  .black_section_unique .wpb_single_image.vc_align_left{
    margin-left: auto;
    margin-right: auto;
  }
  .black_section_unique .vc_btn3-container.vc_btn3-right{
    text-align: center;
  }
  .product_over_text.single_prod_text>.vc_column-inner>.wpb_wrapper{
    padding-top: 90px;
    padding-bottom: 50px;
  }
  .product_s_title{
    padding-bottom: 0;
  }


  .single_prod_header>.vc_col-sm-6,
  .project-header>.vc_col-sm-6{
    width: 100%;
  }
  .project-header, .single_prod_header{
    flex-direction: column-reverse;
  }
  .product_over_text>.vc_column-inner>.wpb_wrapper {
    padding: 25px 36px 0;
  }
  .portfolio-data-block {
    padding-bottom: 115%;
  }
  .portfolio-container{
    margin: 0px -9px 60px;
  }
  .portfolio-item{
    margin-bottom: 30px;
  }
  .entry-content section.feedback_slider {
    margin: 50px 0 100px;
  }

  .first_lvl{
    padding-left: 60px;
  }
  .first_lvl div label{
    padding-left: 35px;
  }
  .unternehmen_row>.vc_column_container{
    width: 100%;
  }
  .uber-banner{
    padding-right: 0;
  }
  .uber-banner-text>.vc_column-inner>.wpb_wrapper {
    padding: 0 36px 100px 36px;
  }




  #form1 {
    padding: 32px 10px;
  }
  .calc_contact{
    flex-direction: column-reverse;
  }
  .calc_contact_inputs{
    width: 100%;
  }
  .contact_rows, .contact_row_radio {
    margin-bottom: 40px;
  }
  .calc_contact h5 {
    margin-bottom: 20px;
  }
  .calc_sum{
    width: auto;
    padding: 0 0 50px;
  }
  .cacl_wrapper{
    margin-left: 0;
  }
  .calc_sum_info{
    border-top: none;
    display: none;
  }
  .cacl_wrapper>h5{
    margin: 0;
    padding: 0 25px 20px 0;
    position: relative;
    border-bottom: 1px solid rgba(35,31,32,.15);
    pointer-events: auto;
  }
  .cacl_wrapper>h5::after{
    content: '';
    height: 0;
    right: 8px;
    position: absolute;
    top: 6px;
    width: 0;
    border: solid #231F20;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .35s;
  }
  .cacl_wrapper>h5.open::after{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 10px;
  }

  h1, h2, .small_h1 h1 {
    font-size: 1.9rem;
    line-height: 2.65rem;
  }
  h5, .label_h5 {
    font-size: 1.1rem;
    line-height: 1.65rem;
    letter-spacing: 3.26px;
  }
  p, li {
    font-size: .9rem;
    line-height: 1.75rem;
  }
  h3, .menu-project-title{
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
  h4{
    font-size: 1.1rem;
    line-height: 1.35rem;
  }

  .entry-content section:not(.full_width_section):not(.shipping-calculator-form){
    padding: 0 36px;
  }

  .post-title-row .vc_gitem-post-data h3 a {
    padding: 25px 20px 20px;
  }
  .uber-banner-text .wpb_content_element:last-child{
    margin-bottom: 0;
  }
  .uber-banner img {
    min-height: 380px;
  }
  .uber-tags-col>.vc_column-inner>.wpb_wrapper{
    margin-top: 0;
    padding: 36px 0;
  }
  .uber-tags-col>.vc_column-inner>.wpb_wrapper::before{
    font-size: 22px;
    letter-spacing: 3.26px;
    padding-right: 15px;
  }
  .uber-tags h4 {
    font-size: .9rem;
    line-height: 1.15rem;
    letter-spacing: 0.36px;
  }
  .uber-tags-col>.vc_column-inner>.wpb_wrapper .uber-tags {
    padding: 10px 25px 10px 0;
  }
  .entry-content section.uber-showcase-section {
    margin: 90px 0;
  }
  .uber-tags-col>.vc_column-inner>.wpb_wrapper::after{
    height: 24px;
    width: 48px;
  }
  .uber_showroom>.vc_column_container{
    width: 100%;
  }


  .portfolio-data-block{
    padding-bottom: 80%;
  }
  .portfolio-meta{
    padding: 25px 20px 20px;
  }
  .referenz-header-nav{
    padding-bottom: 40px;
  }
  .referenz-meta{
    flex-direction: column-reverse;
  }
  .referenz-img-container{
    padding: 0;
    width: 100%;
  }
  .referenz-img img{
    height: 600px!important;
  }
  .referenz-tags{
    top: 600px;
    transform: translateY(-50%);
  }
  .referenz-header {
    padding: 75px 36px 0;
    width: 100%;
  }
  .referenz-header-nav{
    position: static;
  }
  .content_type_1-text>.vc_column-inner>.wpb_wrapper{
    padding: 0 0 40px;
  }

  .vertical_img img {
    height: clamp(380px, 59vh, 600px)!important;
  }

  .portfolio-gallery, .portfolio-slider {
    padding: 30px 0;
  }
  .home-header-row{
    padding-left: 0;
    position: relative;
  }
  .home-header-row>.vc_column_container{
    width: 100%;
  }
  .home-content-second-row {
    margin-top: 125px;
    margin-bottom: 125px;
  }
  .home-content-section>.vc_row {
    padding: 0;
  }


  .home-title h1 {
    font-size: 5.5rem;
    line-height: 4.8rem;
  }

  .post-header-content, .single-post-text{
    padding-left: 36px;
    padding-right: 36px;
  }
  .single-post-text .unterhalt_btns_row{
    margin-bottom: 60px;
  }
  .post-header-img img{
    height: clamp(400px, 58vh, 650px);
  }
  .post-header,
  .single-post-grid {
    flex-direction: column;
  }
  .post-header{
    position: relative;
  }
  #page{
    padding-top: 110px;
  }
  .post-header-content{
    padding-top: 175px;
    position: static;
    padding-bottom: 35px;
  }
  .post-header-content, .post-header-img-conatiner, .single-post-text{
    width: 100%;
  }
  .single-post-img{
    display: none;
  }
  .post-date{
    right: 20px;
    transform: translate(0, 50%);
    top: auto;
    bottom: 0;
    padding: 22px;
  }
  .post-header-content p{
    margin-bottom: 0;
  }
  span.month{
    font-size: 17px;
    line-height: 22px;
    margin: 0;
  }
  span.year{
    font-size: 37px;
    line-height: 47px;
  }
  .single-post-grid .wpb_wrapper .wpb_single_image:not(.static_img){
    display: block;
    margin-bottom: 57px;
    margin-left: -36px;
    margin-right: -36px;
  }
  .single-post-grid{
    padding-bottom: 0;
  }

  .entry-content section .vc-gitem-zone-height-mode-auto:before {
    padding-top: 85%;
  }
  .partner-grid>.vc_column-inner>.wpb_wrapper{
    row-gap: 50px;
    column-gap: 25px;
    padding-right: 0;
  }
  .partner-item-text .wpb_text_column{
    padding: 0;
  }
  h6 {
    font-size: .9rem;
    line-height: 1.15rem;
    letter-spacing: 0.44px;
  }

  .go-shop-row .vc_column-inner>.wpb_wrapper h5{
    margin-bottom: 25px;
  }
  .feedback_slider_item {
    /* padding: 0 0.6%; */
  }
  .entry-content section .home-content-step-row> .vc_col-sm-3{
    width: 100%;
  }
  .entry-content section .home-content-step-row {
    margin: 50px auto clamp(65px, 11vh, 125px);
    max-width: 600px;
  }
  .home_black_row>.vc_column_container{
    width: 100%;
    text-align: center;
  }
  .home_black_row>.vc_column_container .vc_btn3-container.vc_btn3-right{
    text-align: center;
    padding-top: 40px;
  }
  .entry-content section.home-content-step-section>.vc_row:first-of-type{
    max-width: 630px;
    margin: 0 auto;
  }
  .home-content-step-row>.vc_col-sm-3 {
    padding: 60px 30px 40px;
  }

  .home-content-step-row>.vc_col-sm-3:nth-child(1)::after, .home-content-step-row>.vc_col-sm-3:nth-child(2)::after, .home-content-step-row>.vc_col-sm-3:nth-child(3)::after{
    transform: translate(50%, -50%) rotate(135deg);
    top: 100%;
    width: 32px;
    height: 32px;
    right: 50%;
  }
  .home-content-step-row>.vc_col-sm-3:nth-child(1), .home-content-step-row>.vc_col-sm-3:nth-child(2), .home-content-step-row>.vc_col-sm-3:nth-child(3) {
    border-bottom: 1px solid var(--color-main);
    border-right: none;
  }

  .calc_thanks_col>.vc_column-inner>.wpb_wrapper{
    padding: 100px 60px;
  }
  .product_grid{
    margin: 0 36px;
  }
  .product_grid_item .product_img{
    margin: 30px 0 10px;
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    order: 2;
  }
  .product_grid_item .product_img{
    display: none;
  }
  .product_grid_item.active .product_img{
    display: block;
  }
  .product_btn a::after{
    border-color: var(--color-main);
  }
  .product_grid_item{
    display: flex;
    flex-direction: column;
    border-top: 2px solid rgba(35, 31, 32, .5);
    padding: 25px 0;
    position: relative;
  }
  .product_grid_item::after{
    content: '';
    height: 0;
    right: 20px;
    position: absolute;
    top: 35px;
    width: 0;
    border: solid #231F20;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .35s;
  }
  .product_grid_item.active::after{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 45px;
  }
  .product_grid_item.active .product_btn{
    display: block;
  }
  .product_grid_item:last-child{
    border-bottom: 2px solid rgba(35, 31, 32, .5);
  }
  .entry-content section .project-title-row.page-title-row{
    max-width: 75%;
  }
  .product_btn{
    order: 3;
    display: none;
  }
  .product_title_block{
    order: 1;
    opacity: 1;
  }
  .product_btn a{
    display: inline-block;
  }
  .product_items {
    padding-left: 0;
  }
  .product_items{
    width: 100%;
  }
  .product_title:not(.entry-title){
    white-space: nowrap;
  }
  .product_btn{
    margin-top: 10px;
  }
  .product_title_block a{
    pointer-events: none;
    touch-action: none;
  }

  .menu-meta-wrapper{
    justify-content: center;
  }
  .menu-container{
    width: 100%;
  }
  .menu-meta-container{
    display: none;
  }
  .menu-container{
    padding-left: 9.1vw;
  }
  .menu-button-container{
    left: auto;
    right: 20px;
  }

  .menu-footer{
    padding-bottom: 0;
  }

  body.not_scroll{
    margin-right: 0;
  }

  .menu-button-container{
    transform: translateX(50px);
  }

  .pattern_1 .content_container{
    padding-left: 0;
  }
  .pattern_3 .content_container{
    padding-right: 0;
  }
  .entry-content section.showroom_section_standort{
    margin-top: 100px;
  }
  .showroom_text_block{
    position: static;
    padding: 36px;
  }
  .home-title-row{
    padding: 225px 36px 75px;
    position: static;
  }
  .home-header-row .wpb_single_image img{
    height: 70vh!important;
  }
  .home-header-row .wpb_column{
    position: static;
  }
  .home_subtitle{
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: 0;
    max-width: 75%;
    padding: 60px 60px 60px 36px;
  }
  .home_subtitle h3{
    font-size: 1.35rem;
    line-height: 1.65rem;
  }

  .pattern_1 .wpb_single_image img, .pattern_2 .wpb_single_image img, .pattern_3 .wpb_single_image img{
    height: 600px!important;
  }
  .vc_images_carousel .pagination-container a.vc_carousel-control {
    left: 0;
  }
  .vc_images_carousel .pagination-container a.vc_carousel-control.vc_right {
    right: 0;
  }
  .vc_images_carousel .pagination-container a.vc_carousel-control{
    bottom: 50%;
    transform: translateY(50%);
  }
  .vc_carousel-slideline-inner img {
    height: 600px!important;
  }
  .custom-footer-area {
    padding: 60px 36px 75px;
    flex-wrap: wrap;
  }
  .custom-footer-area .widget_text:last-child h2 {
    margin-top: 40px;
  }

  .custom-footer-area .widget_text:nth-child(1){
    width: 30%;
  }
  .custom-footer-area h2{
    letter-spacing: 2.96px;
  }

  .custom-footer-area .widget_text:nth-child(2){
    width: 32%;
  }
  .custom-footer-area .widget_text:nth-child(3){
    width: 38%;
  }
  .custom-footer-area .widget_text:last-child{
    padding-left: 0;
  }
  .menu-footer-wrapper:first-child h5.widget-title::after{
    top: 4px;

    }
  .menu-footer-wrapper .textwidget p a{
    font-size: 1.1rem;
    line-height: 1.4rem;
    letter-spacing: 3.26px;
  }
  .home-header-row .wpb_single_image{
    max-width: 100%;
  }
  .standort_row>.vc_col-sm-6{
    width: 100%;
  }
  .standort_text>.vc_column-inner>.wpb_wrapper {
    padding: 35px 36px;
  }
  .standort_text .wpb_content_element{
    margin-bottom: 30px;
  }
  .entry-content section.stellen_section{
    margin-bottom: 100px;
  }
  .last_row {
    padding-bottom: 100px;
  }
  .stellen_item>.vc_column-inner>.wpb_wrapper{
    padding: 30px 30px 0;
  }
  .stellen_item h5{
    line-height: 1.4rem;
  }
  .leistungen-header-row{
    display: flex;
    flex-direction: column-reverse;
  }
  .leistungen-header-row>.vc_col-sm-6{
    width: 100%;
  }
  .leistungen-single-img_desk img{
    height: 750px!important;
    max-height: 70vh;
  }
  .leistungen-header-text>.vc_column-inner>.wpb_wrapper {
    padding-top: 25px;
    padding-right: 36px;
    padding-left: 36px;
  }
 .umbaumanagement_desk{
   display: none;
 }
 .umbaumanagement_mob{
   display: block;
 }
 .umbaumanagement_meta_row .vc_column-inner>.wpb_wrapper{
   padding: 50px 0 0;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 .umbaumanagement_meta_row .wpb_single_image{
   padding-left: 0;
   padding-top: 15px;
 }
 .unterhalt_btns_row{
   position: static;
   transform: translateX(0);
 }
 .unterhalt_contact_person>.vc_col-sm-6.team-meta{
   padding: 25px;
 }
 .product_img img {
   height: 450px!important;
 }
 .black_row_leistungen>.vc_column_container{
   width: 100%;
 }
  .black_row_leistungen .btn_col .vc_btn3-container.vc_btn3-right{
    text-align: center;
  }
  .work_time>.wpb_wrapper{
    display: flex;
  }
  .work_time>.wpb_wrapper p:first-child{
    padding-right: 65px;
  }
  .text_col_work>.vc_column-inner>.wpb_wrapper{
    margin: 0 auto;
    width: 512px;
  }
  .calendar_in_text {
    padding: 25px 0 30px;
  }

}

/* from  mobile*/
@media screen and (max-width: 767px) {

  .freie-stellen-h{
    max-height: 65px;
  }


  .home-content-first-row {
    margin-top: 60px;
  }
  .team-row.vc_row{
    margin: 0;
  }
  .entry-content section.showroom_section_standort{
    margin-top: 70px;
  }
  .entry-content section .vc_btn3-container.shop>.vc_general{
    padding: 17px 88px 17px 29px;
  }
  .entry-content section .vc_btn3-container.shop>.vc_general::after{
    height: 23px;
    width: 32px;
    right: 32px;
  }
  .go-shop-row .vc_column-inner>.wpb_wrapper{
    padding: 60px 0 50px;
  }
  .entry-content section .vc_btn3-container.kollektion>.vc_general{
    padding: 17px 60px 17px 29px;
  }
  .umbaumanagement_meta_row .vc_column-inner>.wpb_wrapper{
    padding: 0;
  }
  .text_col_work>.vc_column-inner>.wpb_wrapper{
    width: auto;
  }
  .work_time>.wpb_wrapper p:first-child {
    padding-right: 18px;
  }
  .black_row_leistungen {
    padding: 60px 0 50px;
  }
  .calendar_in_text {
    padding: 10px 0;
  }
  .entry-content section .vc_btn3-container.small.calendar>.vc_general{
    padding: 17px 77px 17px 24px;
  }
  .entry-content section .vc_btn3-container.small:not(.calendar):not(.preisrechner)>.vc_general{
    padding: 17px 24px;
  }
  .entry-content section .vc_btn3-container.small>.vc_general{
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 2.66px;
  }
  .entry-content section .vc_btn3-container.small.calendar>.vc_general::after{
    right: 27px;
    width: 26px;
    height: 26px;
  }



  .menu-footer-wrapper:nth-child(2){
    margin-bottom: 18px;
  }
  .menu-footer-wrapper .footer_links{
    margin-top: 5px;
    margin-bottom: 0;
  }

  .boden_mob{
    display: none;
  }
  .boden_title{
    padding-top: 115px;
  }
  .entry-content section.home_product_section {
    margin-top: 5px;
  }
  .product_title_block .product_title{
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .product_img img {
    height: 310px!important;
  }
  .feedback_slider_item{
    padding: 0 36px;
  }
  .prod-thumbnail-meta .wpb_single_image img {
    max-width: 160px!important;
  }
  .prod-thumbnail-meta .wpb_single_image {
    padding: 15px;
  }
  .black_section_unique .wpb_single_image {
    max-width: 180px!important;
  }
  .black_section_unique .vc_row>.vc_column_container{
    text-align: left;
  }
  .black_section_unique h5{
    font-size: .9rem;
  }
  .referenz-img img, .product_over_img img {
    height: 450px!important;
  }
  .black_section_unique .vc_row {
    padding: 55px 0 45px;
  }
  .entry-content section .vc_btn3-container.kollektion>.vc_general::after{
    top: 21px;
    padding: 5px;
    right: 29px;
  }

  .entry-content section.referenzen_slider_section {
    margin-bottom: 0;
  }
  .entry-content section.feedback_slider{
    margin-top: 35px;
    margin-bottom: 25px;
  }
  .feedback_person_info p{
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 2.22px;
  }
  .feedback_person_info{
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .feedback_img img{
    height: 86px!important;
    width: 86px!important;
  }
  .feedback_img.wpb_content_element{
    width: 86px;
  }
  .feedback_slider_item .wpb_text_column:first-child {
    padding-top: 109px;
  }
  .uber-banner img {
    height: 450px!important;
  }
  .uber-news-section{
    display: none;
  }
  .blog-title-row_mob{
    display: block;
    padding: 30px 0;
  }
  .entry-content section.uber-showcase-section{
    margin-bottom: 35px;
  }
  .unterhalt_contact_person img{
    width: 100%!important;
    height: 100%!important;
  }
  .unterhalt_contact_person{
    width: 100%;
  }
  .unterhalt_contact_person>.vc_col-sm-6.team-meta{
    bottom: 21px;
  }
  .unterhalt_subtitle.wpb_text_column{
    margin-top: 60px;
  }
  .black_row_leistungen .vc_btn3-container.vc_btn3-right{
    text-align: center;
  }
  .team-meta {
    padding: 20px 65px 20px 20px;
  }




  .leistungen-single-img_desk img{
    height: 450px!important;
  }
  .leistungen-header-text>.vc_column-inner>.wpb_wrapper{
    padding-top: 15px;
  }

  .primary-menu-container ul.menu-wrapper{
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .menu-footer-wrapper:first-child, .menu-footer-wrapper:nth-child(2){
    margin-top: 0;
  }
  .menu-footer-wrapper:first-child{
    margin-bottom: 10px;
  }
  .menu-item.menu-item-has-children .sub-menu {
    padding-right: 36px;
  }
  #primary-menu-list>.menu-item.showMenuItems:not(.open)>a:hover{
    opacity: .3;
  }
  #primary-menu-list>.menu-item:not(.open)>a:hover::after{
    width: 0;
  }
  .menu-item.menu-item-has-children .sub-menu li a {
    font-size: 20px;
    line-height: 26px;
  }
  .menu-item.menu-item-has-children .sub-menu li {
    margin: 10px 0;
    display: block;
  }
  .entry-content section.calc_thanks_section{
    background: #fff;
    justify-content: center;
    margin-bottom: 0;
  }
  .calc_thanks_col>.vc_column-inner>.wpb_wrapper {
    padding: 50px 40px;
  }
  .calc_sum_info{
    padding: 25px 5px 25px;
  }
  .calc_form {
    padding: 17px 25px 40px;
  }
  .contact_row_radio, .contact_rows.two_equal, .contact_rows.not_two_equal{
    flex-wrap: wrap;
  }
  .contact_row_radio .first_lvl{
    margin: 0 15px 10px 0;
  }
  .contact_rows.two_equal span, .contact_rows.not_two_equal span:first-child, .contact_rows.not_two_equal span:last-child{
    width: 100%;
  }
  .contact_rows.two_equal span:first-child,
  .contact_rows.not_two_equal span:first-child{
    margin-bottom: 40px;
  }

  #form1{
    flex-direction: column;
    padding: 5px 25px;
  }
  .label_data{
    font-size: 18px;
  }
  .form_metrs{
    padding: 70px 0 0;
  }
  .form_metrs_submit{
    margin-top: 70px;
  }
  .calculator_row.vc_row {
    margin: 5px 0 70px;
  }
  .calculator_text_row_last.vc_row {
    margin-bottom: 70px;
  }
  .form_container, .form_metrs{
    width: 100%;
    padding-right: 0;
  }
  .first_lvl {
    padding-left: 50px;
  }
  .project-title-row .project_custom_subtitle a {
    padding: 20px 20px 0 20px;
  }
  .project-title-row .vc_gitem-post-data h3 a {
    padding: 3px 20px 15px 20px;
  }
  .home-content-step-row>.vc_col-sm-3 {
    padding: 60px 8px 40px;
  }

  .home-title h1 {
    font-size: 58px;
    line-height: 68px;
  }
  .home-title h1:last-of-type{
    -webkit-text-stroke-width: 1px;
  }
  .home-title-row{
    padding: 120px 36px 35px;
  }
  .home-header-row .wpb_single_image img {
    height: 460px!important;
  }
  .home_subtitle{
    padding: 26px 20px 26px 36px;
  }
  .home_subtitle h3 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .44px;
  }
  .product-gallery {
    padding: 65px 0 50px;
  }
  .prod_nav_row{
    display: flex;
    flex-direction: column-reverse;
  }
  .product-nav p{
    text-align: left!important;
  }
  .prod-thumbnail-meta.vc_row{
    right: 0;
    width: 75%;
    left: auto;
    top: 450px;
  }
  .product-nav a:nth-child(2){
    display: none;
  }
  .product-nav_bottom>.wpb_wrapper,
  .product-nav_bottom_uq>.wpb_wrapper{
    padding: 0 0 75px;
  }
  .black_section_unique_2 .vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
    max-width: 100%;
  }
  .black_section_unique_2 .vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
    margin-bottom: 50px;
  }
  .unique_2_title{
    padding-bottom: 10px;
  }
  .black_section_unique_2 .vc_row:first-of-type {
    padding-top: 60px;
  }
  .entry-content section.black_section_unique_2{
    margin-bottom: 30px;
  }
  .black_section_unique_2 .vc_row:last-of-type {
    padding-bottom: 10px;
  }
  .black_section_unique_2 .vc_col-sm-4>.vc_column-inner>.wpb_wrapper .unique_2_subtitle{
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .content_type_1-text_1 {
    padding-bottom: 35px;
  }
  .product-nav{
    padding-bottom: 10px;
  }
  .product_over_text.single_prod_text>.vc_column-inner>.wpb_wrapper{
    padding-bottom: 10px;
  }
  .content_type_3 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .go-shop-row .vc_column-inner>.wpb_wrapper{
    flex-direction: column;
  }
  .content_type_2-text{
    order: 2;
  }
  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: .5px;
  }
  .content_type_1{
    padding-top: 0;
    padding-bottom: 0;
  }
  .content_type_2{
    padding-top: 65px;
  }
  .content_type_3-text>.vc_column-inner>.wpb_wrapper{
    margin-top: 35px;
  }
  .referenz-header-nav h6 a:last-child,
  .referenz-footer-nav h6 a:last-child{
    display: none;
  }
  .referenz-header-title {
    padding-bottom: 35px;
  }
  .content_type_2{
    padding-top: 0;
  }
 .vertical_img img {
    height: 345px!important;
  }
  .vertical_img{
    padding-bottom: 15px;
  }
  .referenz-tags{
    top: 450px;
  }
  .referenz-tag-item p {
    margin-bottom: 4px;
    letter-spacing: 2.66px;
    line-height: 1.15rem;
  }
  .referenz-tag-item span {
    letter-spacing: .44px;
    font-size: .9rem;
    line-height: 26px;
  }
  .referenz-tag-item:first-child {
    padding-right: 47px;
  }
  .referenz-header-nav a,
  .product-nav a{
    font-size: .8rem;
    letter-spacing: 2.37px;
  }
  .product-nav a:first-child, .referenz-header-nav a:first-child {
    margin-right: 40px;
  }
  .portfolio-container{
    margin: 35px 0 60px;
  }
  .portfolio-item{
    width: 100%;
    padding: 0;
    margin-bottom: 60px;
  }
  .portfolio-item.portfolio-item_start{
    margin-bottom: 30px;
  }
  .portfolio-item:last-child{
    margin-bottom: 0;
  }
  .portfolio-data-block {
    padding-bottom: 123%;
  }
  .entry-content section .project-title-row.page-title-row {
    max-width: 70%;
  }
  .vc_row.team-row-title {
    padding-bottom: 43px;
  }
  .wpb_wrapper .wpb_content_element,
  .single-post-text h5{
    margin-bottom: 21px;
  }
  .entry-content section .vc-gitem-zone-height-mode-auto:before {
    padding-top: 123%;
  }
  .blog-title-row .vc_col-sm-3{
    min-width: 1px;
  }
  .partner-grid>.vc_column-inner>.wpb_wrapper {
    row-gap: 25px;
    column-gap: 16px;
    grid-template-columns: repeat(3, 1fr);
  }
  .partner-item-text {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .partner-item-text .vc_column_container>.vc_column-inner{
    padding: 0;
  }
  .team-row.vc_row>.team-item{
    padding: 0 0 50px;
    margin-top: 0!important;
  }
  .team-img img{
    min-height: 400px;
  }

  .menu-container, .menu-meta-container{
    padding-left: 36px;
  }

  #primary-menu-list>.menu-item,
#primary-menu-list.menuActive>.menu-item:not(.open){
    padding: 0 0 20px;
  }
  #primary-menu-list>.menu-item>a{
    line-height: 50px;
    font-size: 40px;
  }
  .menu-footer-wrapper:nth-child(4) {
    margin-top: 20px;
  }
  .menu-footer-wrapper .textwidget p a{
    font-size: 18px;
    line-height: 25px;
  }
  .nav-container{
    padding-bottom: 35px;
  }
  #primary-menu-list.menuActive>.menu-item:not(.open)>a{
    line-height: 50px;
  }
  .custom-logo-link>img{
    width: 65px;
    height: auto;
  }
  .showroom_text_block{
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .custom-footer-area .widget_text:nth-child(1),
  .custom-footer-area .widget_text:nth-child(2),
  .custom-footer-area .widget_text:nth-child(3){
    width: 100%;
    max-width: 100%;
  }
  .custom-footer-area .widget_text:nth-child(1) p:first-of-type,
  .custom-footer-area .widget_text:nth-child(1){
    margin-bottom: 60px;
  }
  .custom-footer-area .widget_text:nth-child(2),
  .custom-footer-area .widget_text:nth-child(3){
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
  .footer_links a{
    width: 48px;
    height: 48px;
  }
  .footer_links{
    margin: 45px 0 60px;
  }
  .footer_links a svg:not(.footer_links > a:last-child svg){
    max-width: 24px;
    max-height: 27px;
  }
  .footer_links a:nth-child(2) svg{
    max-width: 14px;
  }
  .footer_impr a, .footer_impr strong{
    opacity: 1;
  }
  .footer_impr a, .footer_mob p, .footer_impr strong{
    font-size: 16px;
  }
  .footer_impr strong{
    margin: 0 5px;
  }
  .footer_mob{
    display: block;
    margin-top: 10px;
  }
  .custom-footer-area .widget_text:nth-child(3) .textwidget h2{
    display: none;
  }
  .custom-footer-area h2{
    font-size: 1rem;
    margin-bottom: 20px;
    line-height: 1.3rem;
  }
  .custom-footer-area .widget_text:nth-child(2) .toggleBox, .custom-footer-area .widget_text:nth-child(3) .toggleBox{
    display: none;
  }
  .custom-footer-area .widget_text:nth-child(3) .toggleBox p{
    margin: 0;
    padding-top: 20px;
  }
  .custom-footer-area .widget_text:last-child h2 {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .custom-footer-area .widget_text:nth-child(2) h2, .custom-footer-area .widget_text:nth-child(3) h2{
    pointer-events: auto;
    padding-right: 40px;
  }
  .custom-footer-area .widget_text:nth-child(2) h2::after, .custom-footer-area .widget_text:nth-child(3) h2::after{
    display: inline-block;
  }
  .custom-footer-area{
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .vc_carousel-slideline-inner img,
  .pattern_1 .wpb_single_image img, .pattern_2 .wpb_single_image img, .pattern_3 .wpb_single_image img {
    height: 345px!important;
  }
  .pattern_3 .wpb_single_image, .pattern_2 .wpb_single_image, .pattern_1 .wpb_single_image{
    padding-bottom: 30px;
  }
  .vc_images_carousel .pagination-container a.vc_carousel-control{
    height: 58px;
    width: 58px;
  }
  .vc_images_carousel .pagination-container a.vc_carousel-control>span:before{
    top: -10px;
    padding: 6px;
  }
  h5, .label_h5 {
    font-size: 1rem;
    letter-spacing: 2.96px;
  }
  .pattern_3, .pattern_2{
    display: flex;
    flex-direction: column-reverse;
  }
  .home-content-second-row{
    margin-top: 76px;
    margin-bottom: 66px;
  }
  .entry-content section .vc_btn3-container:not(.small)>.vc_general{
    font-size: 18px;
    letter-spacing: 2.66px;
    line-height: 23px;
  }
  .entry-content section .vc_btn3-container.calendar>.vc_general{
    padding: 17px 77px 17px 24px;
  }
  .black_section_leistungen .calendar {
    padding-bottom: 5px;
  }
  .entry-content section .vc_btn3-container.map>.vc_general{
    padding: 17px 78px 17px 24px;
  }
  .entry-content section .vc_btn3-container.calendar>.vc_general::after{
    right: 27px;
    width: 26px;
    height: 26px;
  }
  .calendar_row {
    padding: 25px 0 70px;
  }
  .entry-content section .vc_btn3-container.preisrechner>.vc_general{
    padding: 17px 79px 17px 24px;
  }
  .entry-content section .vc_btn3-container.preisrechner>.vc_general::after{
    width: 20px;
    right: 30px;
  }
  .entry-content section .vc_btn3-container.map>.vc_general::after {
    right: 29px;
    width: 18px;
  }
  .unterhalt_contact_data {
    padding-top: 10px;
  }
  .unterhalt_btns_row{
    padding-top: 40px;
  }

  .entry-content section .vc_btn3-container:not(.small):not(.map):not(.kollektion):not(.calendar):not(.shop)>.vc_general {
    padding: 17px 29px;
  }
  .home-content-third-row{
    margin-top: 60px;
  }
  .home_black_row {
    padding: 60px 0;
  }
  .home_black_row h5{
    font-size: .9rem;
    text-align: center;
  }
  .home-content-step-row>.vc_col-sm-3 h5{
    font-size: .9rem;
  }
  .entry-content section .home-content-step-row{
    margin: 0 auto 75px;
  }
  .entry-content section.home-content-step-section>.vc_row:first-of-type .vc_column_container>.vc_column-inner{
    padding: 0;
  }
  .entry-content section.home-content-step-section>.vc_row:first-of-type{
    padding-top: 60px;
  }
  .entry-content section.home-content-step-section>.vc_row:first-of-type h2{
    padding-bottom: 20px;
  }
  .woo_cart_icon, .header_shop_link{
    display: none;
  }
  .menu-button-container svg, .header-nav-btn svg {
    width: 27px;
    height: 27px;
  }
  .header-nav-btn svg #Group_22 g{
    fill: var(--color-main);
  }
  #masthead.white .site-logo img {
    width: 50px;
  }

  .entry-content section .stellen_item>.vc_column-inner>.wpb_wrapper .vc_btn3-container>.vc_general{
    font-size: .9rem;
    border: 1px solid rgba(35, 31, 32, .15);
    color: var(--color-main);
    position: static;
    line-height: 1;
  }
  .stellen_item>.vc_column-inner>.wpb_wrapper:hover{
    border: 1px solid rgba(35, 31, 32, .15);
  }
  .entry-content section .stellen_item>.vc_column-inner>.wpb_wrapper .vc_btn3-container>.vc_general:hover{
    border-color: var(--color-main);
  }
  .stellen_item .wpb_single_image{
    display: none;
  }
  .stellen_item>.vc_column-inner>.wpb_wrapper {
    padding: 40px 35px;
  }
  .stellen_item>.vc_column-inner>.wpb_wrapper .wpb_text_column {
    margin-bottom: 35px;
  }
  .stellen_page_title{
    padding-top: 50px;
  }
  .entry-content section.stellen_section {
    margin-bottom: 60px;
  }
  .entry-content section .vc-gitem-zone-height-mode-auto.page_img_g:before {
    padding-top: 90%;
  }
  .unterhalt_btns_row .vc_btn3-container.vc_btn3-left{
    text-align: center;
  }
  .neue_shop_item>.vc_column-inner>.wpb_wrapper {
    padding: 30px 30px 0;
  }
  .neue_shop_item .wpb_text_column.wpb_content_element{
    margin-bottom: 10px;
  }
  .portfolio-meta span, .project-title-row .project_custom_subtitle a{
    line-height: 1.15rem;
  }
  .product_grid_item::after{
    top: 25px;
  }
  .product_grid_item.active::after{
    top: 35px;
  }
.entry-content section .home_subtitle .vc_btn3-container:not(.special){
  display: none;
}
  .entry-content section .vc_btn3-container.special{
    display: block;
    position: absolute;
    bottom: 38px;
    right: 0px;
    transform: translateX(100%);
    width: 33%;
    text-align: center;
  }
  .entry-content section .vc_btn3-container.special.small.calendar>.vc_general{
    font-size: 0;
    line-height: 0;
    padding: 28px!important;
    letter-spacing: 0;
    height: 0;
    width: 0;
  }
  .entry-content section .vc_btn3-container.special.small.calendar>.vc_general::after{
    right: 14px;
  }
  .entry-content section .vc_btn3-container.special.small.calendar>.vc_general:hover::after{
    background: url(/wp-content/uploads/2021/10/calendar-b.png) no-repeat center/contain;
  }
  .entry-content section .vc_btn3-container.special.small.calendar>.vc_general:hover::before,
  .entry-content section .vc_btn3-container.special.small.calendar>.vc_general::before{
    background: #fff;
    width: 100%;
  }
  .referenz-footer-nav{
    padding: 50px 0 75px;
  }
  .vc_grid-container>.vc_grid.vc_row{
    overflow: hidden;
  }
  .form_metrs_submit{
    text-align: center;
  }
  #map{
    height: 500px;
  }

}
/* from small mobile*/
@media screen and (max-width: 385px) {

  .home-title h1 {
    font-size: 40px;
    line-height: 37px;
  }
  .feedback_slider_item {
    padding: 0 18px;
  }

  .referenz-tags{
    left: 18px;
    max-width: calc(100% - 18px);
  }
  .post-header-content, .single-post-text, .entry-content section:not(.full_width_section):not(.shipping-calculator-form), .custom-footer-area,
  .showroom_text_block, .standort_text>.vc_column-inner>.wpb_wrapper, .uber-banner-text>.vc_column-inner>.wpb_wrapper, .product_over_text>.vc_column-inner>.wpb_wrapper,
  .referenz-header, .leistungen-header-text>.vc_column-inner>.wpb_wrapper, .home_subtitle{
    padding-left: 18px;
    padding-right: 18px;
  }
  .single-post-grid .wpb_wrapper .wpb_single_image:not(.static_img){
    margin-left: -18px;
    margin-right: -18px;
  }
  #offerte-anfordern, #preisrechner_form{
    padding: 0;
  }
  #masthead{
    padding: 0 18px 0 0;
  }
  .calc_thanks_col>.vc_column-inner>.wpb_wrapper {
    padding: 50px 18px;
  }
  #primary-menu-list>.menu-item>a{
    font-size: 2rem;
  }
  .menu-container, .menu-meta-container{
    padding-left: 18px;
  }
  .product_grid{
    margin: 0 18px;
  }
  .prod-thumbnail-meta.vc_row{
    width: 90%;
  }
  .work_time>.wpb_wrapper p:last-child{
    max-width: 40%;
  }
  .entry-content section .vc_btn3-container.shop>.vc_general{
    white-space: normal;
  }
  #form1{
    padding: 5px 3px;
  }
  .calc_form{
     padding: 17px 3px 40px;
  }
  .home-title-row{
    padding: 120px 18px 20px;
  }
  .small_h1 h1{
    font-size: 1.5rem;
    line-height: 2.05rem;
  }


}
@media screen and (max-width: 1030px) and (min-width: 768px){
  .footer_links a svg:not(.footer_links a:last-child svg) {
      max-width: 29px;
      max-height: 29px;
  }
  .footer_links a {
    height: 50px;
    width: 50px;
    margin-right: 20px;
}
}

/* calendly widget*/
@media screen and (max-width: 1088px) {
  .entry-content section.beratungstermin_section{
    margin-bottom: 0;
  }
  .calendly-inline-widget iframe{
    max-height: 100%!important;
    overflow: hidden;

  }
  .calendly-inline-widget{
    height: 1100px!important;
    overflow: hidden!important;
  }
}
@media screen and (max-width: 738px) {
  .calendly-inline-widget{
    height: 1035px!important;
    margin: 0 -18px;

  }
}

}