/* slider */


.slider-logo, .slider-text {
  z-index:9001;
}


/* sticky */
.sticky_class{
  box-sizing: border-box;
  position: -webkit-sticky; /* für ältere Safari */
  position: sticky;
  top: 120px; /* Abstand von oben (bei fixed header anpassen) */
  align-self: flex-start; /* verhindert Dehnung */
  justify-content: flex-start;
  display: grid;
  padding-bottom: 20px;
}



/* border-radius für Textfelder, Farben in den ACF-Textparts anpassen  */
.bg-textfeld-transparent { background-color: transparent; color: #000; }
.bg-textfeld-white { background-color: #fff; color: #000; }
.bg-textfeld-red { background-color: #ff0000; color: #fff; }
.bg-textfeld-blue { background-color: #0530bd; color: #fff; }
.bg-textfeld-green { background-color: #04a126; color: #fff; }

/* Animations für Bilder im Viewport */
.acf-image-wrapper {
  opacity: 0;
  transition: opacity 0.3s;
}




.block_zoomin, .block_slideright, .block_slideleft, .block_fadein {
  opacity: 0;
}




.sichtbar {
  opacity: 1;
}


.block_fadein.in-viewport {
  animation: block-fadein 1.4s ease;
}

@keyframes block-fadein {
  from { opacity: 0; transform: translateY(30px);}
  to { opacity: 1; transform: none; }
}

.block_fadein_1s {
 animation: block-fadein_1s 2s ease;
}
@keyframes block-fadein_1s {
  0% {   opacity: 0;}
  50% {   opacity: 0;}
  to {   opacity: 1; }
}
.block_zoomin.in-viewport {
  animation: block-zoomin 0.8s ease;
}
@keyframes block-zoomin {
  from { opacity: 0; transform: scale(0.7);}
  to { opacity: 1; transform: scale(1);}
}
.block_slideleft.in-viewport {
  animation: block-slideleft .7s cubic-bezier(.32,.72,.51,.98);
}
@keyframes block-slideleft {
  from { opacity: 0; transform: translateX(-150px);}
  to { opacity: 1; transform: none;}
}

.block_slideright.in-viewport {
    animation: block-slideright .7s cubic-bezier(.32,.72,.51,.98);
  }

@keyframes block-slideright {
    from { opacity: 0; transform: translateX(150px);}
    to { opacity: 1; transform: none;}
  }



  @keyframes block_fadein_1s {
    from { opacity: 0 !important; }
    to { opacity: 1 !important; }
  }

  @media only screen and (max-width: 900px) {
    .sticky_class{
      position: static;
      top: auto;
    }
  }