/* ============================================================ Geteiltes Basis-CSS der Rechtsseiten impressum + datenschutz (agb entfernt 19.08.) (seit 2026-07-28; 2026-08-18 erweitert: body/.wrap/h1 waren auf allen 3 Seiten deklarations-identisch inline und leben jetzt hier, dazu .footnote/.credit fuer die vorher inline gestylte Footer-Zeile). Seiten-eigene Regeln (datenschutz h3) bleiben inline. Laedt VOR /css/nav.css (Reihenfolge im ). ============================================================ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 1.6; color: #A89880; background: #0D0B08; min-height: 100vh; } .wrap { max-width: 820px; margin: 0 auto; padding: 44px 24px 64px; } /* pb 120->64: seit 19.08. folgt der globale Footer */ h1 { font-family: 'Archivo Black', sans-serif; font-size: clamp(40px, 7vw, 72px); line-height: .9; text-transform: uppercase; color: #F5EDE0; margin-bottom: 12px; } /* Akzent als grad-text-Verlauf wie auf index/franchise/speisekarte (statt flachem #FFD700) */ h1 .accent { background: linear-gradient(170deg, #FFD700 0%, #FF8C00 55%, #FF6B00 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .subhead { font-family: 'Archivo Black', sans-serif; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: rgba(255,215,0,.7); margin-bottom: 16px; } h2 { font-family: 'Archivo Black', sans-serif; font-size: 22px; text-transform: uppercase; color: #F5EDE0; margin-top: 48px; margin-bottom: 14px; letter-spacing: .04em; /* Lange Rechtsbegriffe (Universalschlichtungsstelle, Datenschutzerklaerung) sprengten auf 375px die Seitenbreite -> umbrechen statt ueberlaufen */ overflow-wrap: break-word; hyphens: auto; } p { color: #A89880; margin-bottom: 14px; } /* Unsichtbares ::after erweitert die Hitbox der Inline-Links auf ~44px Hoehe — Padding ginge nicht, es wuerde die border-bottom-Unterstreichung vom Text wegschieben. (Mobile-Audit 2026-08-19) */ a.inline { color: #FFD700; text-decoration: none; border-bottom: 1px solid rgba(255,215,0,.3); position: relative; } a.inline::after { content: ''; position: absolute; inset: -11px -4px; } @media (hover: hover) { a.inline:hover { border-color: #FFD700; } } a.inline:active { border-color: #FFD700; } @media (hover: none) { a:active { opacity: .75; } } hr { border: 0; border-top: 1px solid rgba(255,215,0,.12); margin: 56px 0; } /* Fussnote (nur noch datenschutz: "Stand: ..."); der Webtastic-Credit lebt seit 19.08. im globalen Footer (sections/footer.html + css/footer.css). */ .footnote { font-size: 13px; color: rgba(168,152,128,.5); }