/* ═══════════════════════════════════════════════════════════════════════
   ÖFFENTLICH · 04 — SEITEN
   Was nur eine Seite betrifft. Alles, was zweimal vorkommt, gehört in den
   Baukasten — diese Datei ist ausdrücklich der Ort für Einzelfälle.
   ═════════════════════════════════════════════════════════════════════ */

@layer oe-seiten {

/* ── Die Kopfzeile klebt jetzt, sie schwebt nicht mehr ───────────────
   Vorher lag die Navigation `fixed` über dem Inhalt; jede Seite hat das
   mit einem eigenen `padding-top: 6.5rem` ausgeglichen. Eine klebende
   Leiste nimmt ihren Platz selbst ein — der Ausgleich ist damit nicht nur
   überflüssig, sondern eine handbreite Lücke unter jeder Überschrift. */
.pn-news, .pn-beitrag, .pn-kalender, .pn-partner, .pn-bewerbung, .pn-status,
.pn-mitglieder, .pn-squad, .cf-markt, .cf-spieler {
  padding-top: var(--s-7);
  padding-bottom: var(--abschnitt);
  max-width: var(--seitenbreite);
}
.pn-shop { padding-top: var(--s-8); }

/* ⚠ `.pn-kontakt` steht hier NICHT mehr. Seit die Seite mit einem Bildkopf
   anfängt und ihren Inhalt in einem Band trägt, setzt jeder von beiden
   seine Breite selbst. Der Deckel am `main` hat den Bildkopf bei 1200 px
   abgeschnitten — er soll über die ganze Breite laufen — und die Überschrift
   klebte am linken Fensterrand, weil `.oe-breite` innen keinen Platz mehr
   für seinen eigenen Innenabstand hatte. */

/* Eine Seite, die mit einem Bildkopf anfängt, braucht den Ausgleich erst
   recht nicht — der Kopf soll unter der Leiste kleben, nicht 72 px tiefer
   anfangen. Als `:has`-Regel gilt das für jede solche Seite, statt dass
   sie es einzeln nachträgt (vorher stand dafür `main.has-hero` im Markup
   und `.liga-start` in der Liga-Datei). */
/* ⚠ Der Ausgleich für die früher schwebende Navigation ist RAUS — nicht
   übersteuert, sondern aus dem Bestand entfernt. Er wurde erst mit
   `main.has-hero` im Markup umgangen, dann mit `.liga-start { padding: 0 }`,
   dann mit einer `:has`-Regel, und blieb trotzdem als graue Lücke über
   jeder Seite ohne eigenen Abstand stehen. Vier Übersteuerungen für eine
   Zeile, die niemand mehr braucht.

   Jede Seite bringt ihren Abstand jetzt selbst mit: die Bänder über
   `--abschnitt`, die Lesestrecken über die Regel oben, und ein Rückweg
   ganz oben über die Zeile hier. */
main > .oe-zurueck:first-child { margin-top: var(--s-6); }
/* Steht eine Seite schon in der Liste oben, reicht ihr eigener Abstand —
   sonst stünde der Rückweg doppelt so tief wie auf allen anderen. */
.pn-kalender > .oe-zurueck:first-child, .pn-squad > .oe-zurueck:first-child,
.pn-partner > .oe-zurueck:first-child { margin-top: 0; }

}
