/*
Theme Name: Hybrid
Theme URI: http://werbestudio-hild.de
Author: Werbestudio Hild
Description: Hybrid FSE Theme
Version: 1.0
*/

/* Change Columns breakpoint to 1200px */
@media (max-width: 1199px){
.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100% !important;
}
.wp-block-columns {flex-wrap: wrap !important;}
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
    grid-template-columns: 1fr!important;
}
}
@media (min-width: 1200px){
.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
}
}

/* WP Gallery Block Fix: Display all Images same height */
.wp-block-gallery.has-nested-images figure.wp-block-image img {
  aspect-ratio: 1; /* squared size thumbnails */ 
  object-fit: cover;
  }
  .wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0; /* width fix */ 
  }
  
  @media(max-width:1200px){
      .wp-block-columns.is-layout-flex {
          padding: 20px;
      }
  }

 .wp-block-image, 
 .wp-block-image img{
    transition: all 1s;
  }

  .wp-block-image:hover img,
  .wp-block-image:hover img{
    filter: none;
  }

html, body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    scroll-behavior: smooth;
    overflow-x:hidden;
    overflow-wrap: unset;
    word-break: unset;
    hyphens: auto;
}

p{hyphens:auto;}

strong{
  font-weight:600;
}

p,ul,li{
    font-size:22px;
    font-weight:100;
    font-family: "Open Sans", sans-serif;
}

a{
    text-decoration: none;
    color:#111;
}

.scrolloffset {scroll-margin-top: 200px;}
.wp-block-button{transition: all 1s;}

.wp-block-button .wp-block-button__link:where(.is-style-outline), .wp-block-button:where(.is-style-outline)>.wp-block-button__link {
    border: 1px solid;
    padding: 0.667em 1.333em;
}

.wp-block-button:hover{letter-spacing:2px;}

.alignwide{
    /* width:1400px; */
    margin: 0 auto;
}

.gap0{gap: 0;}

/* @media(max-width:1399px){
    .alignwide{width:100vw; padding: 0 40px;}
} */

h1,h2,h3,h4,h5,h6, .hsmall{
    line-height: 1.5;
    font-family: "Manrope", serif;
    font-family: "Jost", serif;
    font-family: "Nunito Sans", serif;
    font-weight:900;
    margin:0;
}

p#headline {
  font-weight: 900;
  line-height: 1.3;
}

footer{position:relative;width:100vw;overflow:hidden;}

.footer-content{
  position: relative;
  z-index: 2;
}

#return-to-top {
  opacity: 0;
  position: fixed;
  right: 10px;
  bottom: 35px;
  z-index: 2;
  cursor: pointer;
  background-color: #111;
  padding: 15px 22px;
  text-align: center;
}

#return-to-top i{color:#fff;}

/* Breakpoint WP anpassen / einspaltig schon ab 900px*/

@media (min-width: 782px) and (max-width:900px){
  .wp-block-columns {flex-wrap: wrap!important;}
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 100%!important;}
}

@media (max-width: 900px){
  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
      grid-template-columns: 1fr;
  }
}

/* Custom Tabs */
.tab{padding-top: 20px;}
.tab button {
  display: block;
  background-color: transparent;
  color: #ccc;
  width: 90%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: inherit;
  position: relative;
}

.tab button.active {
  font-weight: 700;
  color: #444;
  padding-left:20px;
}

.tab .wp-block-button .wp-block-button__link{
  font-size:18px;
}

.tab .wp-block-button:hover{
  letter-spacing: 0;
}

.tab .wp-block-button:hover .wp-block-button__link{
  background-color:#d02d2db0;
  color: #fff;
}

.tablinks.acb .wp-block-button__link{
  background-color:#d02d2d;
  color: #fff;
}


.tabcontent {
  position: relative;
  top: 0;
  min-height: 439px;
  width: 100%;
  padding: 0;
  opacity: 0;
  transition: 2s ease opacity;
  border-left: 10px solid #d02d2d;
  padding-left: 20px;
}

.tabcontent.defaultOpen{
  display:block;
  opacity:1;
}

.hsmall{
  position: relative;
  font-weight:700;
}
.hsmall:after {
  content: "";
  width: 250px;
  height: 5px;
  background-color: #d02d2d;
  position: absolute;
  left: -20px;
  top: 34px;
}

.slick-dots li button:before {
  font-size: 11px;
}

.menu-item.active a {
  /* border-bottom: 3px solid #e3031e; */
  font-weight:800!important;
}


/* Boxed Overlay Tabs */
.targetDiv {
  position: fixed;
  top: 120px;
  left: 0;
  z-index: 999;
  backdrop-filter: blur(10px);
  color: #111;
  width: 100vw;
  max-width: 100vw;
  height: calc(100vh - 120px);
  overflow: scroll;
  background: #fff;
  display: none;
}
.contentinner {
  height: 100%;
  padding: 150px 0;
}
.closecontent {
  cursor: pointer;
  position: absolute;
  right: 10%;
  top: 10vh;
  z-index: 2;
}
.bshowSingle{
  cursor:pointer;
  border: 1px solid #ccc;
  transition: all 1s;
}
.bshowSingle:hover{
  transform: scale(0.95);
}

/* Tabs Plugin */
.plethoraplugins-sidenavjump li a.active {
  border-left-color: #676767 !important;
}

/* .js-plethoraplugins-tabs--link.active span{
  color:#d02d2d!important;
} */

@media(max-width:900px){
  .plethoraplugins-sidenavjump{
    flex-basis: 100%!important;
    padding-left: 20px!important
  }
  .plethoraplugins-tabs--content.plethoraplugins-sidenavjump-content{
    flex-basis: 100%!important;
    padding:20px!important;
  }
}

.closecontent2{
  cursor: pointer;
}


.closecontent2 p{
  transition: all 0.5s;
}


.closecontent2:hover p{
  letter-spacing: 2px;
}

.iconafter{position:relative;}
.iconafter svg{
  position: absolute;
  margin-top: 46px;
  width: 50vw;
  height: 50vh;
  left: 0%;
}

/* #stage:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40vh 0 0 100vw;
  border-color: transparent transparent transparent #1c2831;
  transform: rotate(0deg);
  left: 0;
  position: absolute;
  z-index: 0;
  bottom: 0;
} */

/* Mega Menü */
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  margin-top: 5px;
}

.widget_media_image img{
  width: 100%;
  aspect-ratio: 3 / 2;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, 
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: white;
  font-family: inherit;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 300;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  border: 0;
}

.textwidget p{
  font-size:18px;
  margin: 0;
}

/*  */

#stage{position:relative;}

/* Scroll Down */
/* scroll down arrows */
.arrows_container {
  position: absolute;
  bottom: 10vh;
  left: calc(50vw - 30px);
  display: block;
  margin: 0 auto;
  width: 37px;
  height: 31px;
}

.chevron {
  position: absolute;
  width: 59px;
  height: 6px;
  opacity: 0;
  transform: scale3d(1, 2, 3);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50.5%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 5px;
}

.chevron:after {
  right: 0;
  transform: skew(0deg, -30deg);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 5px;
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}

.teamslider .slick-dots li button:before {
  color: #272d35;
}

.teamslider .slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #272d35;
}

#karriere .wp-block-columns{
  margin:0;
}

.teamslider .slick-dots {
  bottom: -50px;
}



#kundenstimmen .slick-nav{margin-top: 5px;}
#kundenstimmen .slick-prev, .slick-next {
  display: block;
  background: #272d35;
  position: absolute;
  left: 0;
  bottom: -180px;
  width: 70px;
  height: 100px;
  margin: 1px;
  text-align: center;
  padding: 25px 0;
  cursor: pointer;
  top: auto;
}

#kundenstimmen .slick-next {
  left: 45px;
}

#kundenstimmen .slick-prev:before, #kundenstimmen .slick-next:before {
    font: var(--fa-font-solid);
    color: #fff!important;
    opacity: 1!important;
    font-size: 2em;
    text-align: center;
}
#kundenstimmen .slick-prev:before {content: "\f104";}
#kundenstimmen .slick-next:before {content: "\f105";}
#kundenstimmen .slick-prev:hover, #kundenstimmen .slick-prev:focus, #kundenstimmen .slick-next:hover, #kundenstimmen .slick-next:focus {background: #c2c2c2}

#leistungen .wp-block-column{
  transition:all 1s;
}

/* #leistungen .wp-block-column:hover{
  transform: scale(1.1);
  cursor:pointer;
  border:1px solid #0084c6;
} */

/* #leistungen .wp-block-column:hover .wp-block-cover__background{
  opacity:0;
} */

.scrollsection{
scroll-margin-top: 150px;
}

.partnercards .wp-block-group{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  padding:20px 30px;
  min-height: 450px;
}

.partnercards p{
  font-size: 18px;
  hyphens: none;
}

.wp-block-cloudcatch-tab{
  background-color: #8dc3dc;
  color:#fff;
  padding: 20px 30px;
  border-radius: 50px;
  margin-bottom: 50px;
  cursor: pointer;
}

.wp-block-cloudcatch-tab__label{cursor: pointer;}

.wp-block-cloudcatch-tab.active {
  background-color: #0084c6;
  color:#fff;
}

.wp-block-cloudcatch-tab-content {margin-top: 50px!important;}

.wp-block-cloudcatch-tabs__container {
  -moz-column-gap: 13px;
  column-gap: 13px;
}

.wpcf7 input {
  height: 35px;
  width: 80%;
  text-indent: 20px;
}

.wpcf7 textarea{
  width: 80%;
  height: 250px;
  text-indent: 20px;
}

input.wpcf7-submit{
  width:200px;
  height:50px;
  background-color: #ccc;
  color:#fff;
  border:none;
  border-radius:50px;
  cursor:pointer;
}

input[type="checkbox"] {
  width: 30px;
  height: 30px;
}

.wpcf7-list-item{margin:0;padding:0;}

.fernverwartung{
  position: absolute;
  right: 30px;
  top: 62px;
  padding: 8px 20px;
  font-size: 15px;
  color: #fff;
  border-radius: 50px;
  background-color: #0085c6;
  border:1px solid #0085c6;
}

.fernverwartung:hover{
  background-color:#fff;
  color:#0085c6;
}

/* Neu */
.border-lr{
  border-left: 1px solid #83cfa8;
  border-right: 1px solid #83cfa8;
}

#header.small{
    background-color: #64ba93;
    height: 90px;
}

#header.small #logo{
    top: 0;
    width: 179px;
    padding-top: 20px;
}

#header.small #navbar{
  top:34px;
}

.current-menu-item a{
    color: #64ba93 !important;
}

#header.small .current-menu-item a{
    color: #fff !important;
}

.af2_form_heading_wrapper{display:none;}

.blogcard{
  min-height: 320px;
  padding:20px 35px;
}

.wp-block-post{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.btn-more{
  /* background: #64ba93;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 50px; */
  float:left;
  margin: 20px 0;
  position: absolute;
  bottom: -20px;
  transition: all 1s;
}

.btn-more:hover{
  letter-spacing:2px;
}

.wp-block-post-excerpt {
    padding-bottom: 20px;
}

.wp-block-query ul li .wp-block-cover,
.wp-block-query ul li .wp-block-cover__background{
  transition: all 1s;
}

.wp-block-query ul li .wp-block-cover .wp-block-outermost-icon-block{opacity:0;}

.wp-block-query ul li:hover  .wp-block-cover__background{opacity:0.5!important}
.wp-block-query ul li:hover  .wp-block-cover .wp-block-outermost-icon-block{opacity:1;}

.sub-menu{
  display:none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
}

#header.small .sub-menu{
  background-color: #64ba93;
}

.sub-menu a {
  font-size: 16px !important;
}

#header.small .sub-menu a {
  color:#111!important;
}

.sub-menu li {
  display: block !important;
}

#hiddencontent{
  height: 0;
  opacity: 0;
  transition: all 1s;
}

#hiddencontent.show{
    height: auto;
    opacity: 1;
    margin-top: 30px;
}

figure.wp-block-post-featured-image {
  overflow: hidden;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {transition:all 1s;}

.wp-block-query ul li:hover img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  transform: scale(1.1);
}

#leistungen .wp-block-column{
  padding:30px;
}

#leistungen .lcard{
  min-height:100%;
}

#leistungen .wp-block-button{
  position:absolute;
  margin-top:30px;
  bottom: -30px;
}

@media(max-width:1199px){
  #leistungen .wp-block-button{
    position:relative;
    bottom: 0;
  }

  .border-lr{
  border-left: 0;
  border-right: 0;
  padding: 0;
}
}

#af2_form_0 .af2_textbereich_frage.desktop {
    padding: 20px;
}