@charset "utf-8";

/* =======================================================
   SPEZIAL-LOGIK FÜR FLACHE MATRIX-ETAGEN (Desktop ab 900px)
   ======================================================= */
@media (min-width: 900px) {
    /* Absolute Priorität: Zwingt Doppelseiten starr über 2 Spalten zu gehen */
    .master-grid .double-width,
    .master-grid-etagen .double-width,
    .master-grid-oben .double-width {
        grid-column: span 2 !important;
    }

    /* UNZERSTÖRBARE KOMBI-REGEL FÜR SPALTE 2 + 3 (Das Daffy-Bild): 
       Zwingt das Bild, exakt in Spalte 2 zu starten und Spalte 2 und 3 komplett auszufüllen! */
    .master-grid-oben .double-width.col-2,
    .master-grid .double-width.col-2 {
        grid-column: 2 / span 2 !important;
    }

    /* DIE KOMBI-REGEL FÜR SPALTE 3 + 4: */
    .master-grid-etagen .double-width.col-3 {
        grid-column: 3 / span 2 !important;
    }

    /* Präzise Startpositionen für die flachen Einzelelemente */
    .col-1 { grid-column-start: 1 !important; }
    .col-2:not(.double-width) { grid-column-start: 2 !important; }
    .col-3:not(.double-width) { grid-column-start: 3 !important; }
    .col-4 { grid-column-start: 4 !important; }
}

/* =======================================================
   DER UNERBITTLICHE ZOOM-SCHUTZ & BASISAUSRICHTUNG
   ======================================================= */
.master-grid-oben .book-box {
    align-items: flex-start !important; 
    justify-content: center !important; 
}

.master-grid-oben .book-box img {
    width: 100% !important; 
    height: auto !important; 
    max-height: 100% !important;
    object-fit: contain !important; /* Zoom-Sperre: Keine Bildteile werden abgeschnitten! */
}

@media (min-width: 900px) {
    .master-grid-oben .grid-item {
        align-self: start !important; 
    }
}

/* =======================================================
   BILDUNTERSCHRIFTEN-FLUCHT (Zeile 2 parallel ausrichten)
   ======================================================= */
@media (min-width: 900px) {
    /* Zwingt die Doppelseiten-Unterschrift starr auf Spalte 2 & 3 */
    .master-grid-oben .caption-doppel-sp2,
    .master-grid .caption-doppel-sp2 {
        grid-column: 2 / span 2 !important;
    }
    
    /* Nagelt die Einzelseiten-Unterschrift starr in Spalte 4 fest */
    .master-grid-oben .caption-einzel-sp4,
    .master-grid .caption-einzel-sp4 {
        grid-column: 4 !important;
    }
}