/* slider */


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



/* typewriter */

.svente-tw-text {
  font-family: var(--primary-font);
  font-size: clamp(20px, 3vw, 34px) !important;
font-style: normal;
line-height: 120%; 
font-weight: 700;
padding-top: 0px;
margin-bottom: 0px;
}

.svente-typewriter-wrapper {padding-bottom: 7px;}

/* 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;
    }

    .slider-logo img {
      width: 80% !important;
      max-width: 300px !important;
      padding-bottom: 20px;
      }
      .svente-typewriter-wrapper {padding-bottom: 7px; padding-left: 30px;}

      .block-slider-start {padding-top: 80px !important; padding-bottom: 30px !important;}
  }