Layout · Basis-Hülle · unique
Basis Content
layouts/BasisContent.astro
Hülle für Lesestrecken: solider Header, Artikel-Hero, Wide-Grid mit sticky Aside auf drei und Inhalt auf acht Spalten, Verwandtes am Schluss.
Regeln
- Grid 12 Spalten: aside 1–3 lg:sticky lg:top-24, Inhalt 5–12.
- Unter lg stapelt das Grid — Aside fällt über den Inhalt, Sticky aus.
- Bringt der Inhalt seine eigene Seitennav mit (ArtikelBody), bleibt der aside-Slot leer — dann läuft der Inhalt über alle 12 Spalten, keine toten Spalten.
- related-Slot sitzt außerhalb von main, volle Breite.
Partitur
| Nr | Sektion · Variante · Fläche | Container (Soll) | Mobil · CTA |
|---|---|---|---|
| 01 | Skip-Link · Zum Inhalt · paper | Default | Erster Tabstopp, sr-only bis Fokus |
| 02 | HeaderV2 · solid · paper | Bleed | Fester Grund, keine Transparenz über dem Satz |
| 03 | hero-Slot · hero/Article · nacht | Wide | Titel, Meta, Tags · kein CTA |
| 04 | aside-Slot · Seitennav · paper | Wide | 3 Spalten, lg:sticky top-24, mobil über dem Satz |
| 05 | main · default-Slot · paper | Wide | 8 Spalten Prose, Zeile max. 65 Zeichen |
| 06 | related-Slot · FooterV2 gross · paper/nacht | Bleed | Karten: Bild vor Satz, 3 → 2 → 1 |
Live