/* ============================================================ TGM — Tabletop Gaming Münster e.V. Globaler CSS-Einstiegspunkt für die Live-Website. Reihenfolge: Tokens → Basis/Layout → Sektions-Blocks. Eine Datei wird im verlinkt; der Rest kommt per @import. Responsiveness: Container-Queries auf .tgm-page (768 / 1200). ============================================================ */ /* ---- Tokens ---- */ @import url('tokens/fonts.css'); @import url('tokens/colors.css'); @import url('tokens/typography.css'); @import url('tokens/spacing.css'); /* ---- Basis / Layout / geteilte Primitives ---- */ @import url('blocks/_base.css'); /* ---- Globales Chrome ---- */ @import url('blocks/header.css'); @import url('blocks/mobile-menu.css'); @import url('blocks/footer.css'); /* ---- Sektions-Blocks ---- */ @import url('blocks/hero.css'); @import url('blocks/text.css'); @import url('blocks/image-text.css'); @import url('blocks/teaser-grid.css'); @import url('blocks/catalog-grid.css'); @import url('blocks/termine.css'); @import url('blocks/event-list.css'); @import url('blocks/gallery.css'); @import url('blocks/cta.css'); @import url('blocks/faq.css'); @import url('blocks/download-list.css'); @import url('blocks/membership-grid.css'); @import url('blocks/partner-grid.css'); @import url('blocks/orga-team.css'); /* ---- Richtext-Brücke (Writer-Ausgabe) ---- */ @import url('blocks/richtext.css'); /* ---- Event-Liste: Kürzen + Ausklappen ---- */ @import url('blocks/event-extras.css'); /* ---- Galerie-Lightbox ---- */ @import url('blocks/lightbox.css'); /* ---- Bild-Komponente (picture) ---- */ @import url('blocks/picture.css'); /* ============================================================ Kleine Ergänzungen für die Live-Site (im Board nicht nötig): Reset + globale Defaults, die der Board-Canvas selbst stellte. ============================================================ */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--surface-page); color: var(--text-body); font-family: var(--font-body); } img { max-width: 100%; display: block; } a { color: inherit; } /* Die Annotations-Tags aus dem Design-Board werden live nie gerendert, sicherheitshalber ausgeblendet. */ .tgm-anno { display: none !important; } /* Off-Canvas-Menü als Vollbild-Overlay auf der Live-Site (im Board lag es absolut in einem Telefon-Rahmen). */ .tgm-menu { position: fixed; } .tgm-menu[hidden] { display: none; } /* Verlinkte Karten (Teaser/Katalog) und Download-Zeilen als . */ a.tgm-teaser, a.tgm-catalog, a.tgm-download { text-decoration: none; color: inherit; } a.tgm-catalog { display: block; } @media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }