/* wsw-theme.css — opt-in WSW-Branding ueber karlkratz-bundle.css + site.css Wirkt ausschliesslich, wenn das die Klasse .theme-wsw traegt (Layout.php setzt das fuer Slugs mit Praefix "wsw-"). */ body.theme-wsw { --color-primary: #063d79; --color-primary-hover: #0a5099; --color-accent: #e87722; --color-text: #1a2230; --color-text-primary: #1a2230; --color-text-secondary: #4a5568; --color-text-muted: #6b7280; --color-bg-primary: #ffffff; --color-bg-secondary: #f5f7fa; --color-border: #d6dde6; --color-border-light: #e6ebf2; --font-family-base: "Helvetica Neue", "Inter", "Segoe UI", Arial, system-ui, sans-serif; } body.theme-wsw { font-family: var(--font-family-base); color: var(--color-text-primary); background: var(--color-bg-primary); } body.theme-wsw .site-header { background: #ffffff; border-bottom: 3px solid var(--color-primary); padding: 0.75rem 1.5rem; margin-bottom: 2rem; } body.theme-wsw .site-logo { width: auto; height: 36px; max-width: 260px; opacity: 1; } body.theme-wsw .site-brand { gap: 0.75rem; } body.theme-wsw h1 { color: var(--color-primary); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; } body.theme-wsw h2 { color: var(--color-primary); border-bottom: 1px solid var(--color-border-light); padding-bottom: 0.35rem; margin-top: 2.25rem; } body.theme-wsw h3 { color: var(--color-primary); } body.theme-wsw a { color: var(--color-primary); } body.theme-wsw a:hover { color: var(--color-accent); } body.theme-wsw strong { color: var(--color-text-primary); } body.theme-wsw main p > strong:first-child:last-child, body.theme-wsw main p strong em, body.theme-wsw .site-brand strong { color: var(--color-primary); } body.theme-wsw table th { background: var(--color-bg-secondary); color: var(--color-primary); font-weight: 700; border-bottom: 2px solid var(--color-primary); } body.theme-wsw table tbody tr:nth-child(odd) td { background: #fafbfd; } /* Hero-Banner ueber dem ersten H1 — nutzt den WSW-Mark als Bildgrundlage */ body.theme-wsw main::before { content: ""; display: block; width: 100%; height: 200px; background-color: var(--color-bg-secondary); background-image: url("/assets/wsw-mark.png"); background-repeat: no-repeat; background-position: center center; background-size: auto 70%; border-radius: 6px; margin: 0 0 1.75rem; } @media (max-width: 640px) { body.theme-wsw main::before { height: 140px; background-size: auto 65%; margin-bottom: 1.25rem; } }