.slide-window {
margin-top: -100vh;
  width: 100% !important;
  height: 100vh !important; /* <--- Setzt den Hauptcontainer auf volle Bildschirmhöhe */
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 2px solid #5f3700;
  background-color: #382100;
}

.slide-window .slide-wrapper {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  width: 100% !important;
  height: 100vh !important; /* <--- Auch den Wrapper auf 100vh setzen */
  height: 100dvh !important; /* <--- Auch den Wrapper auf 100vh setzen */
  position: relative !important;
}

.slide-window .slide-wrapper .slide {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  width: 100% !important;
  height: 100vh !important; /* <--- ÄNDERUNG: 100vh statt auto/aspect-ratio */
  /* aspect-ratio komplett entfernen oder auskommentieren */
  position: relative !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease-in-out, visibility 1.2s ease-in-out;
  z-index: 1;
}

/* Pseudo-Elemente komplett deaktivieren, falls noch Reste im Browser-Cache/CSS sind */
.slide-window:before,
.slide-window .slide-wrapper .slide:before {
  display: none !important;
}

.slide-window .slide-wrapper .slide.active-slide {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

/* Bild-Layer fest an das aspect-ratio binden */
.slide-window .slide-wrapper .slide .slide-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  /* Dunkelt das Hintergrundbild direkt ab */
  background-color: rgba(56, 33, 0, 0.6) !important;
  background-blend-mode: darken !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.slide-window .slide-wrapper .slide .slide-caption {
  position: absolute;
  bottom: 10%;
left: 50%;
  transform: translateX(-50%);
 white-space: nowrap;
  color: #fff;
}
@media (orientation: portrait) {
.slide-window .slide-wrapper .slide .slide-caption {
     bottom: 15%!important;
}
}

.slide-window .slide-wrapper .slide .slide-caption h5 {
      font-family: 'snell', sans-serif;
white-space: nowrap;
  font-size: 350%;
  font-style: italic;
  color: #ffffff;
 width: 100%;
   text-align: center;
  font-weight: 600;
  
}

.slide-window .slide-wrapper .slide .slide-caption h6 {
        font-family: 'snell', sans-serif;

  font-size: 250%;
  color: #ffffff;
  text-align: center;
 width: 100%;
  font-weight: 400;
}

@media screen and (max-width: 1200px) {
  .slide-window .slide-wrapper .slide .slide-caption h5 { font-size: 350%; }
  .slide-window .slide-wrapper .slide .slide-caption h6 { font-size: 250%; }
}

@media screen and (max-width: 767px) {
  .slide-window .slide-wrapper .slide .slide-caption h5 { font-size: 250%; }
  .slide-window .slide-wrapper .slide .slide-caption h6 { font-size: 150%; }
}

@media screen and (max-width: 450px) {
  .slide-window .slide-wrapper .slide .slide-caption h5 { font-size: 250%; }
  .slide-window .slide-wrapper .slide .slide-caption h6 { font-size: 150%; }
}
/* Klickflächen links und rechts aktiv halten, aber völlig unsichtbar machen */
.slide-control-left,
.slide-control-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15%; /* Breite der unsichtbaren Klick-Zone am Rand */
  height: 100%;
  border-radius: 0;
  border: none !important;
  background: transparent !important;
  opacity: 1 !important; /* Bleibt dauerhaft klickbar */
  cursor: pointer;
  z-index: 10;
}

.slide-control-left {
  left: 0;
}

.slide-control-right {
  right: 0;
}

/* Die gezeichneten Pfeil-Linien innerhalb der Klickflächen ausblenden */
.slide-control-line {
  display: none !important;
}

/* Punkte-Navigation unten ebenfalls ausblenden (falls erwünscht) */
.slide-control-btn {
  display: none !important;
}