/* kaushan-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Slider Script';
  font-style: normal;
  font-weight: 400;
  src: url('../Font/sliderfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Swiper Container */
.swiper-container {
   position: relative;
   width: 100%;
   height: 600px; /* Passe die Höhe nach Bedarf an */
   overflow: hidden;
}

/* PNG Hintergrund als separater Layer */
.swiper-container::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url('../Image/slider_deko.png');
   background-size: cover;
   background-position: left center;
   background-repeat: no-repeat;
   z-index: 5;
   pointer-events: none;
   mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
   -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
}

/* Statischer Text-Container */
.static-slide-content {
   position: absolute;
   left: 50px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   max-width: 40%;
   color: #666;
   padding: 20px;
   //background-color: rgba(255, 255, 255, 0.9);
   //border-radius: 8px;
}

/* Titel-Styling */
.slide-title {
   font-family: 'Slider Script';
   font-size: 3.5rem;
   font-weight: bold;
   margin-bottom: 1rem;
   line-height: 1.2;
}

/* Text-Styling */
.slide-text {
   font-size: 1.1rem;
   line-height: 1.6;
}

/* Swiper Wrapper und Slides */
.swiper-wrapper {
   height: 100%;
}

.swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.slide-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* Keine Opacity mehr - Bilder sind voll sichtbar */
}

/* Navigation Buttons */
.swiper-button-prev,
.swiper-button-next {
   display: none;
   /*color: #fff;
   background-color: rgba(0, 0, 0, 0.5);
   width: 44px;
   height: 44px;
   border-radius: 50%;*/
}

.swiper-button-prev:after,
.swiper-button-next:after {
   /*font-size: 20px;*/
}

/* Pagination */
.swiper-pagination {
   bottom: 20px;
}

.swiper-pagination-bullet {
   background-color: #fff;
   opacity: 0.7;
}

.swiper-pagination-bullet-active {
   opacity: 1;
   background-color: #007bff; /* Aktive Bullet-Farbe */
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
   .static-slide-content {
       max-width: 80%;
       left: 20px;
       padding: 15px;
   }

   .slide-title {
       font-size: 1.8rem;
   }

   .slide-text {
       font-size: 1rem;
   }
}

/* Alternative: Ohne Hintergrund-Box für den Text */
.static-slide-content.no-background {
   background-color: transparent;
   color: #fff;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  .swiper-container {
     height: 300px; /* Passe die Höhe nach Bedarf an */
  }
}

@media screen and (min-width: 40em) {
  .swiper-container {
     height: 400px; /* Passe die Höhe nach Bedarf an */
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  .swiper-container {
     height: 600px; /* Passe die Höhe nach Bedarf an */
  }
}