/* Seitenspezifisches CSS für /kampagne-landing
 *
 * 21.09.2026 aus dem Inline-<style> von kampagne-landing.html herausgelöst — derselbe Schritt wie bei den
 * Seitenskripten: der Browser kann die Datei zwischenspeichern, und die
 * Content-Security-Policy kommt damit ohne 'unsafe-inline' für style-src aus.
 *
 * Gemeinsame Bausteine stehen in css/components.css, Farben und Abstände in
 * css/tokens.css. Was hier steht, gilt nur für diese Seite.
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.landing { text-align: center; max-width: 520px; padding: 48px 32px; }
.landing-logo { width: 56px; height: auto; margin-bottom: 32px; }
.landing h1 { font-size: 1.5rem; font-weight: 700; margin-bottom: 12px; color: var(--text-primary); }
.landing p { font-size: 0.95rem; line-height: 1.7; color: var(--text-secondary); margin-bottom: 16px; }
.landing .highlight { display: inline-flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 24px; }
.landing .tag { font-size: 0.8rem; font-weight: 500; color: var(--text-secondary); background: var(--border-color); padding: 5px 14px; border-radius: 20px; }
.landing-footer { margin-top: 40px; font-size: 0.8rem; color: var(--text-tertiary); }
.landing-footer a { color: var(--text-muted); text-decoration: none; }
.landing-footer a:hover { text-decoration: underline; }