/* ============ st69 — de band onder het eerste scherm terug op de computer: het feit (Al 20+ jaar ervaring) op een
   lijn van 2006 tot nu, op het donkergroen van het eerste scherm, en het werkgebied op een strook steen eronder, dan
   de crème. Gezet door ../st69-ervaring-vast.py uit st68-feit/varianten.css (de trede + stand 3), elke standkiezer
   :root. Alles binnen @media (min-width:621px): tot 620px raakt niets hier de pagina (daar Gevestigd in 2006 en
   Vanuit Den Haag, zoals st68). ============ */

@media (min-width:621px){

/* ═════════ de trede (st68-overgang, stand 2) ═════════ */

:root #feiten{display:block;background:var(--groen-900);padding:clamp(2.75rem,4.5vw,3.75rem) 0 0}
:root .feiten__in{display:none}
:root .er{display:block;text-align:center}
:root .er p{margin:0}
:root .er__feit{font-family:var(--serif);font-weight:600;font-size:clamp(2.1rem,3.6vw,3.15rem);line-height:1.08;
  letter-spacing:-.01em;font-variant-numeric:lining-nums;color:var(--kalk-000)}
:root .er__van,:root .er__tot{display:none}
:root .er__gebied{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.6rem;
  margin-top:clamp(2.25rem,3.5vw,2.9rem);padding:1.15rem 0 1.25rem;
  border-image:conic-gradient(var(--kalk-300) 0 0) fill 0//0 100vmax}
:root .er__label{font:600 11.2px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--groen-700)}
:root .er__plaatsen{display:flex;flex-wrap:wrap;justify-content:center;row-gap:.35rem;max-width:56rem;
  font:500 15.5px/1.5 var(--sans);color:var(--lei-900)}
:root .er__plaatsen li{display:inline-flex;align-items:center;white-space:nowrap}
:root .er__plaatsen li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--bak-800);
  margin:0 .95em}
:root .er__thuis{font-weight:600}
:root .er__pin{margin-right:.4em;color:var(--groen-700)}
@media (max-width:899px){
  :root .er__plaatsen{font-size:14px}
  :root .er__plaatsen li+li::before{margin:0 .7em}
}


/* ═════════ het feit (st68-feit, stand 3), de tijdlijn: het feit staat op een lijn die loopt van 2006 tot nu ═════════ */

:root .er__feit{display:flex;align-items:center;gap:clamp(.9rem,1.8vw,1.6rem)}
:root .er__zin{flex:none;white-space:nowrap}
:root .er__getal{color:var(--bak-400)}
:root .er__van,:root .er__tot{display:flex;align-items:center;gap:clamp(.8rem,1.5vw,1.3rem);flex:1 1 0;min-width:0;
  font:600 12.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:lining-nums;
  color:var(--groen-300);white-space:nowrap}
:root .er__van::after,:root .er__tot::before{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--groen-600),var(--bak-600))}
:root .er__tot::before{background:linear-gradient(90deg,var(--bak-600),var(--groen-600))}
:root .er__van::before,:root .er__tot::after{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--groen-300)}
:root .er__tot::after{background:var(--bak-600)}

}