/* Opmaak voor de tekst onder de taalkeuze op de hoofdmap.
 *
 * Waarom een eigen bestand en niet onderin site.css. Elke wijziging aan
 * site.css geeft dat bestand een nieuwe versiestempel, en die stempel staat in
 * de <link> van alle 1008 pagina's. Alle 1008 bestanden veranderen dan, de
 * sitemap zet overal de lastmod op vandaag, en Google krijgt te horen dat de
 * hele site is herschreven terwijl er alleen een cijfer in een URL veranderde.
 * Google negeert lastmod zodra die te vaak onwaar blijkt, en dat is een signaal
 * dat je niet wilt verspelen aan een stylesheet. Deze regels gelden bovendien
 * maar op één pagina, dus ze horen ook inhoudelijk niet in het gedeelde
 * bestand.
 *
 * Inline in de <head> kon niet: style-src in _headers staat 'unsafe-inline'
 * niet toe, en dat is terecht.
 */

/* Zodra de voordeur doorstuurt verdwijnt de pagina uit beeld, zodat niemand
   hem ziet oplichten en weer weggaan. Dat gebeurt alleen nog bij een bezoeker
   die hier eerder zelf een taal koos; zie js/voordeur.js. */
html.routing #main{visibility:hidden}

/* Begint na het volle scherm van .pick, dus voor een bezoeker verandert er
   niets aan wat hij bij binnenkomst ziet. */
.voordeur{background:var(--black);color:rgba(255,255,255,.72);padding:0 24px 96px}
.voordeur-inner{max-width:720px;margin:0 auto}
.voordeur h2{color:#fff;font-size:clamp(1.25rem,2.4vw,1.6rem);margin:0 0 14px}
.voordeur p{margin:0 0 20px;line-height:1.7}
.voordeur p+h2,.voordeur ul+h2{margin-top:44px}
.voordeur a{color:var(--orange);text-decoration:none;
  border-bottom:1px solid rgba(240,126,16,.35);transition:border-color .2s ease}
.voordeur a:hover,.voordeur a:focus-visible{border-bottom-color:var(--orange)}
.voordeur-lijst{list-style:none;margin:0 0 20px;padding:0}
.voordeur-lijst li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.voordeur-lijst li:first-child{border-top:1px solid rgba(255,255,255,.09)}
