/**
 * Theme Name:     HGB Holz &amp; Gartenbau Gbr
 * Author:         Kontraste
 * Template:       hello-biz
 * Text Domain:	   hgb-holz-gartenbau-gbr
 * Description:    HGB Holz &amp; Gartenbau von Kontraste Agency
 */


/* Wenn offen (Klasse auf <html>) */
html.is-menu-open { overflow: hidden; }

.menu-open{ display:block; }
.menu-close{ display: none; }
.mobile-menu { display: none !important; }

html.is-menu-open .menu-open  { display: none !important; }
html.is-menu-open .menu-close { display: block !important; }
html.is-menu-open .mobile-menu { display: block !important; }

.navigation.active{
  .elementor-button-icon{

    overflow: hidden;
    
      svg {
          path.cls-1{
              fill: var( --e-global-color-e95712c );
              
          }
          
          g rect{
              fill: white;
          }
      }
  }
}


/* Spalte mit voller Höhe für das Bild */
.full-height-img-col {
  display: flex;        /* sorgt für strecken des Inhalts */
  align-items: stretch; /* Inhalt (Bild) auf volle Höhe */
  overflow: hidden;     /* Überschuss wird abgeschnitten */
}

/* Bild oder Image-Widget */
.full-height-img {
  height: 100%;         /* volle Höhe füllen */
  width: auto;          /* Breite proportional */
  object-fit: cover;    /* Zuschneiden falls nötig */
  display: block;       /* entfernt mögliche Lücken bei Inline-Images */
  align-items: stretch; 
}

.full-height-img img{
    height: 100% !important;
    align-items: stretch; 
}

.full-img{
    height: 100% !important;
    align-items: stretch; 
}

.full-img img {
  width: auto;
  height: 100% !important;
  display:flex;
  object-fit: cover; /* Bild füllt Container und schneidet ggf. zu */
  align-items: stretch; 
}

#custom-prev, #custom-next{
    cursor: pointer;
    
    &:hover{
        cursor: pointer;
    }
}

/* ACCORDEON CSS */

.js-acc-icon {
  transition: 0s !important;
}

.js-acc-title *:hover{
  cursor: pointer;
}

.js-acc-title.is-active .js-acc-icon {
  transform: rotate(180deg) translateY(4px);

  @media screen and (max-width: 769px){
    transform: rotate(180deg) translateY(4px) translateX(-5px);
  }
}

.js-acc-content{
  height: 0px;
  max-height: 0px;
  overflow: hidden !important;
  transition: 200ms ease;

  &:not(.is-active){
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1024px){
  .jseq-item {
    height: auto !important;
  }
}


button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show{
  visibility: hidden;
}

.cmplz-manage-consent{
	visibility: hidden;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}