/* ==========================================================================
   7. BRUTALIST PHOTO SLIDER STYLE
   ========================================================================== */
.slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* ⚠️ height: 250px; gelöscht – Container passt sich jetzt dem Inhalt an */
    background-color: #000000;
}

.slide {
    /* ⚠️ position: absolute; gelöscht – Bilder liegen jetzt im normalen Textfluss */
    display: none; /* Versteckt alle inaktiven Slides standardmäßig */
    width: 100%;
}

.slide.active {
    display: block; /* Zeigt nur das aktive Bild an */
    z-index: 10;
}

.slide img {
    width: 100%; /* Volle Breite */
    height: auto; /* Höhe berechnet sich automatisch proportional */
    display: block; /* Verhindert kleine Abstände unter dem Bild */
    /* ⚠️ object-fit: cover; entfernt, da keine feste Box mehr erzwungen wird */
}

/* Kantige Slider-Knöpfe */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.5);
    color: #000000;
    border: 2px solid #000000;
    padding: 10px 15px;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    z-index: 20;
    transition: background-color 0.1s ease;
}

.slider-btn:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.prev-btn { left: 10px; }
.next-btn { right: 10px; }