body, html {
-webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}

   .custom-scroll-btn {

            position: fixed;
             bottom: 0px;
            right: 100px;
       
     transition: opacity .2s linear, visibility .2s linear, bottom 0.4s ease-in-out;
            opacity: 0;
            z-index: 999999999;
        }
.custom-scroll-btn-1 a{
 box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}

#item-1741034794028 {
width: auto;
   opacity: 0;
}
        
        .custom-scroll-btn.visible {
            opacity: 1 !important;
          bottom: 40px;
        }

.head.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white; /* Hintergrund anpassen */
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
   z-index: 10;
}




#item-1673881465938.gold1{
  margin-top: 270px;
}
#item-179497138800-1 {
  background-color: rgba(0, 0, 0, 0); /* Vollständig transparent */
  transition: background-color 0.5s ease-in-out;
}

#item-179497138800-1.scrolled {
  background-color: rgba(0, 0, 0, 1); /* Voll sichtbar */
}
.test1{
bottom: 66px;
  right: 100px;
  position: fixed;
  z-index: 999999;
}

#eZ4dlsDxwgR1 {
 position: fixed;  /* Fixiert das SVG am Bildschirmrand */
    top: 0;  /* Am oberen Rand ausrichten */
    right: 0;  /* Am rechten Rand ausrichten */
    height: 100vh;  /* Höchstens so hoch wie der Bildschirm */
    width: auto;  /* Breite automatisch anpassen */
    max-width: 300px; /* Optionale Begrenzung der Breite */
   z-index: 99999999;  /* Ganz oben über allem */
pointer-events: none;
}

 #e04JPKTGOUa1 {
 position: fixed;  /* Fixiert das SVG am Bildschirmrand */
    top: 0;  /* Am oberen Rand ausrichten */
    right: 0;  /* Am rechten Rand ausrichten */
    height: 100vh;  /* Höchstens so hoch wie der Bildschirm */
    width: auto;  /* Breite auto1matisch anpassen */
    max-width: 300px; /* Optionale Begrenzung der Breite */
   z-index: 999999999;  /* Ganz oben über allem */
pointer-events: none;
}



.next {
    position: absolute;
    top: 40%; /* Start unter der zweiten Zeile */
    left: 50%;
    transform: translate(-50%, 40px); /* Startpunkt: weiter unten */
    opacity: 0;
    animation: slideInUp 2s ease-out forwards;
    animation-delay: 10.5s; /* Startet nach der zweiten Zeile */
}

#item-1741256112330 .ba-button-wrapper{
left: -32px;
  position: relative;
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translate(-50%, 40px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}



.gold h1 {
  /* background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  60s
  */
   opacity: 0;
    transform: scale(0.8);
   animation-delay: 60s;
    animation: fadeInZoom 10s ease-out 4s forwards;

}
@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.gold p {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.gold p span {
    opacity: 0;
    transform: translateY(20px);
    display: block;
    animation: fadeInLine 2s ease-out forwards;
    animation-delay: 80s;
}

/* Verzögerung für die zweite Zeile */
.gold1 p span:first-child {
    /* animation-delay: 80s;  Startet direkt nach H1 */
}

.gold1 p span:last-child {
   /* animation-delay: 85s;  Zweite Zeile mit 0.8s Verzögerung */
}

@keyframes fadeInLine {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}









i.ba-icons.ba-icon-close.ba-overlay-section-close {
  font-size: 50px;
}

i.ba-icons.ba-icon-close.ba-overlay-section-close:hover {
  rotate: 90deg;
}

@media (max-width: 1280px) {
	.body {
	    overflow: hidden;
	}
}

@media (max-width: 720px) {
	#eZ4dlsDxwgR1, #e04JPKTGOUa1 {
     right: -50px;
    max-width: 200px; /* Optionale Begrenzung der Breite */
}
  #item-1673881465938.gold1{
  margin-top: 150px;
}
  
 .head.sticky .gold1 h1{
  font-size: 20px !important;
  }
  i.ba-icons.ba-icon-close.ba-overlay-section-close {
  font-size: 60px;

}
}