diff --git a/public/assets/css/components.css b/public/assets/css/components.css index 0ca269c..8954bb3 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -6072,13 +6072,6 @@ body.is-sz-full .back-to-top { nicht, das erzeugt noch keinen Stacking-Context). */ z-index: 0; aspect-ratio: 148 / 210; - /* Gürtel und Hosenträger: die aspect-ratio gibt der Box eine Fläche, wenn die - Seite keine definite Höhe hat (No-JS-Stapel, Druck). Hat sie eine, füllt - min-height die Seite wirklich aus — 100% plus das doppelte Seiten-Padding, - weil der negative Margin unten genau um diesen Betrag über die Kante geht. - Ohne das entstand ein weißer Streifen unter dem Rasenbild, sobald die Seite - aus irgendeinem Grund höher war als ihr A5-Verhältnis. */ - min-height: calc(100% + var(--space-l) * 2); overflow-y: auto; margin: calc(var(--space-l) * -1); /* cqi statt Space-Token: Selbst-Containment wie das Cover — die Seite @@ -6088,6 +6081,24 @@ body.is-sz-full .back-to-top { text-align: left; } +/* DREI Seiten bringen eine eigene aspect-ratio mit und heben per negativem Margin + das Padding von .stadionzeitung-page auf, damit ihr Foto bis an die Blattkante + läuft: Vorwort, Sportheim und Termine. Alle drei brauchen deshalb dieselbe + Absicherung, und sie steht bewusst in EINER Regel — beim Vorwort allein behoben + fehlte sie den anderen zwei, und die Sportheim-Seite war dadurch 625,7px hoch in + einer 636,4px hohen Seite: 10,7px weißer Streifen unter dem Foto (31.07.2026). + + Wie es wirkt: die aspect-ratio gibt der Box eine Fläche, wenn die Seite keine + definite Höhe hat (No-JS-Stapel, Druck). Hat sie eine, füllt min-height die Seite + wirklich aus — 100% plus das doppelte Seiten-Padding, weil der negative Margin + unten genau um diesen Betrag über die Kante geht. Eine vierte Seite mit diesem + Konstrukt gehört in diesen Selektor, nicht in eine eigene Regel. */ +.stadionzeitung-vorwort, +.stadionzeitung-sportheim, +.stadionzeitung-termine { + min-height: calc(100% + var(--space-l) * 2); +} + /* Vereins-Hero-Bild (dieselbe Quelle wie Startseite/Cover) blendet unten ein — dasselbe Ausklingen wie bei .hero__media, hier aber am unteren Seitenrand: der Fließtext braucht oben die volle Fläche, im leeren Rest darunter darf @@ -7426,19 +7437,14 @@ a.news-feature__link:hover .news-feature__more { justify-content: flex-start; } -/* Falz-Steg auf den Innenbögen (ab Blatt 2): randabfallend gestaltete - Anzeigen stießen sonst mit 0mm an die Blattmitte — beim Falten - verschwindet das im Knick und wirkt, als liefe die Anzeige in die - Nachbarseite. 1% der Bogenbreite ≈ 3mm im Druck; der Umschlagbogen - (erste zwei Seiten) bleibt bewusst bündig, dort ist der Anschnitt - in die Falz Absicht. */ -.stadionzeitung-druck__blatt:nth-child(n+3) .stadionzeitung-druck__slot:first-child { - padding-right: 2%; -} - -.stadionzeitung-druck__blatt:nth-child(n+3) .stadionzeitung-druck__slot:last-child { - padding-left: 2%; -} +/* Hier lag ein Falz-Steg von 2% NUR auf den Innenbögen (`:nth-child(n+3)`), der + Umschlagbogen war bündig. Der Gedanke dahinter war richtig: randabfallende + Anzeigen stoßen sonst mit 0mm an die Blattmitte, was beim Falten im Knick + verschwindet. Die Umsetzung erzeugte aber unterschiedlich breite Seiten — + Umschlag 448,5px, Innenblätter 441px — und genau das fiel im Heft auf + (31.07.2026). Entfernt zugunsten von „alle Bögen gleich, alles randabfallend" + (Beschluss Felix, siehe @page margin: 0 weiter unten). + Falls der Steg je zurück soll: dann für ALLE Bögen, nie nur für einen Teil. */ /* Jede Seite füllt die Blatthöhe in A5-Proportion — Bilder bringen ihr Seitenverhältnis selbst mit (Canva exportiert A5), Live-Seiten bekommen