/* ===================================================================== thema-c.css — Thema C · "Peilstand" Koel, technisch, Zwitsers: wit blad met fijn meetraster (millimeter- papier van de waterbouwkundige), hard waterblauw, scherpe hoeken, géén serif — alles grotesk. Het portfolio als meetstaat. Actief via . ===================================================================== */ html[data-thema="c"] { --bg: #FAFBFC; --bg-diep: #EEF3F5; --ink: #0F2230; --ink-2: #51646F; --accent: #C2452B; /* peilschaal-rood */ --water: #14617E; --water-diep: #0B3D52; --water-licht: #BBD9E4; --lijn: rgba(15, 34, 48, 0.24); --lijn-zacht: rgba(15, 34, 48, 0.10); --vlak: #FFFFFF; --inversie-bg: #0F2230; --inversie-ink: #F2F7F9; --radius: 0px; /* technisch thema: geen serif — display wordt strakke grotesk */ --font-serif: 'Space Grotesk', 'Inter', sans-serif; } /* fijn meetraster over het hele blad */ html[data-thema="c"] body { background-image: linear-gradient(rgba(20, 97, 126, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 97, 126, 0.05) 1px, transparent 1px); background-size: 56px 56px; } html[data-thema="c"] .site-nav { border-bottom: 1px solid var(--lijn); } /* strakke koppen i.p.v. warme serif */ html[data-thema="c"] .pagina-kop h1, html[data-thema="c"] .blok-kop h2, html[data-thema="c"] .dg-node h3, html[data-thema="c"] .hoewerkt .stap h3 { font-weight: 700; letter-spacing: -0.03em; } html[data-thema="c"] .pagina-kop h1 .dun { font-style: normal; font-weight: 400; } html[data-thema="c"] .pagina-kop .kop-vraag, html[data-thema="c"] .lead { font-style: normal; font-weight: 500; } html[data-thema="c"] .pagina-kop .kop-nr { color: var(--accent); -webkit-text-stroke: 0; opacity: 0.16; } html[data-thema="c"] .lead b, html[data-thema="c"] .lead strong { color: var(--water-diep); } /* landing: vol-zwart HAMBURG, geen stroke */ html[data-thema="c"] .landing-typo .bg-word { color: var(--ink); } /* strak: geen verspringend begrip-ritme, harde randen */ html[data-thema="c"] .fiche { box-shadow: none; border-left: 4px solid var(--water); } html[data-thema="c"] .begrip { border-top-width: 6px; } html[data-thema="c"] .begrip:nth-child(even) { transform: none; } html[data-thema="c"] .figuur-vlak, html[data-thema="c"] .landing-beeld-slot, html[data-thema="c"] .kaart-slot { background: linear-gradient(rgba(20, 97, 126, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 97, 126, 0.07) 1px, transparent 1px); background-size: 28px 28px; background-color: #FFFFFF; } html[data-thema="c"] .bron-popup { box-shadow: 6px 6px 0 rgba(15, 34, 48, 0.12); } html[data-thema="c"] .structuur-kaart:hover, html[data-thema="c"] a.dg-node:hover { box-shadow: 6px 6px 0 rgba(15, 34, 48, 0.10); }