:root { --zwart: #000; --wit: #fff; --grijs: #c8c8c8; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--zwart); color: var(--wit); font-family: Arial, Helvetica, sans-serif; }
.tijdelijk { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 16px; text-align: center; }
.tijdelijk__logo { width: min(340px, 80vw); height: auto; display: block; }
.tijdelijk__titel { margin: 8px 0 12px; font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 400; line-height: 1.25; }
.tijdelijk__tekst { margin: 0 0 24px; color: var(--grijs); font-size: 1.05rem; }
.tijdelijk__contact { margin: 0; padding: 0; list-style: none; font-size: 1.15rem; line-height: 2; }
.tijdelijk__contact a { color: var(--wit); overflow-wrap: anywhere; }