/* ===================================================================== thema-b.css — Thema B · "Nordwasser" Donker, nachtelijk museum aan de Elbe: diep waterblauw, licht zetwerk, warm havenlicht als accent. De serif HAMBURG/koppen lichten op tegen de diepte (molecularsound-achtig hoog contrast). Actief via . ===================================================================== */ html[data-thema="b"] { --bg: #0C1A23; --bg-diep: #122530; --ink: #ECF3F6; --ink-2: #93A9B4; --accent: #E0A458; /* havenlicht / messing */ --water: #5FB7D4; --water-diep: #A6DBEC; --water-licht: #2B5468; --lijn: rgba(236, 243, 246, 0.22); --lijn-zacht: rgba(236, 243, 246, 0.10); --vlak: #10212B; --inversie-bg: #ECF3F6; --inversie-ink: #0C1A23; } html[data-thema="b"] ::selection { background: #2B5468; color: #ECF3F6; } /* poster + koppen */ html[data-thema="b"] .pagina-kop { border-bottom-color: var(--ink); } html[data-thema="b"] .pagina-kop .kop-nr { -webkit-text-stroke-color: rgba(236, 243, 246, 0.22); } html[data-thema="b"] .landing-typo .bg-word { color: var(--ink); } /* op donkere achtergrond is de stroke-WASSERSTADT mooier dan vol blauw: de SVG-vulling blijft, maar we lichten het diepe basisvlak iets op */ /* vlakken / schaduwen */ html[data-thema="b"] .fiche, html[data-thema="b"] .structuur-kaart:hover, html[data-thema="b"] a.dg-node:hover { box-shadow: 5px 5px 0 rgba(95, 183, 212, 0.14); } html[data-thema="b"] .bron-popup { box-shadow: 8px 8px 0 rgba(95, 183, 212, 0.16); border-color: var(--water); } html[data-thema="b"] .figuur-vlak, html[data-thema="b"] .landing-beeld-slot, html[data-thema="b"] .kaart-slot { background: repeating-linear-gradient(45deg, transparent 0 14px, rgba(236, 243, 246, 0.06) 14px 15px); background-color: var(--vlak); } html[data-thema="b"] .gebied-hafencity { --punt-kleur: #7CC79A; } html[data-thema="b"] .onderwater .water-overlay { background: linear-gradient(180deg, rgba(95, 183, 212, 0) 0%, rgba(95, 183, 212, 0.06) 30%, rgba(8, 30, 41, 0.65) 100%); }