/* =====================================================================
   AI VISIBILITY REPORT GROUP — gedeelde vormgeving
   =====================================================================
   Deze stylesheet legt de vormgeving van de homepage over de bestaande
   pagina's heen ZONDER hun HTML aan te raken. Dat is bewust: die pagina's
   bevatten formulieren, scripts en teksten die niet verloren mogen gaan,
   en de opmaak herschrijven zou dat risico wel lopen.

   Laad hem als LAATSTE stylesheet, na atlas-light.css en de rest, zodat
   deze regels de oude overschrijven waar dat nodig is.
   ===================================================================== */

:root{
  --bg:#f4f6fa;
  --card:#fff;
  --line:rgb(226 232 240 / .8);
  --ink:#0b1729;
  --ink-2:#334965;
  --muted:#64748b;
  --blauw:#1d4ed8;
  --indigo:#4f46e5;
  --cyaan:#06b6d4;
  --groen:#16a34a;
  --groen-l:#22c55e;
  --schaduw:0 10px 40px rgb(0 0 0 / .04);
  --schaduw-op:0 20px 52px rgb(2 10 26 / .10);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(50rem 32rem at 12% -8%, rgb(99 102 241 / .09), transparent 62%),
    radial-gradient(44rem 28rem at 90% 0%, rgb(6 182 212 / .09), transparent 58%);}
.wrap{position:relative;z-index:1;width:min(1220px,93vw);margin-inline:auto}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;position:fixed;z-index:99;background:var(--blauw);color:#fff;padding:.7rem 1.1rem;border-radius:.6rem;font-weight:700}

.top{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
  background:rgb(244 246 250 / .85);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:24px;
  width:min(1220px,93vw);margin-inline:auto;padding:13px 0}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;letter-spacing:.02em}
.brand svg{width:28px;height:32px;color:var(--blauw)}
.brand small{display:block;font-size:.58rem;letter-spacing:.24em;color:var(--muted);font-weight:700}
.top nav{display:flex;align-items:center;gap:25px}
.top nav a{text-decoration:none;color:var(--ink-2);font-size:.92rem;font-weight:600;transition:color .18s}
.top nav a:hover{color:var(--blauw)}
.top .cta{color:#fff;padding:11px 19px;border-radius:11px;font-weight:700;
  background:linear-gradient(135deg,var(--blauw),var(--indigo));background-size:180% 180%;background-position:0 50%;
  box-shadow:0 8px 22px rgb(29 78 216 / .24);transition:background-position .45s,box-shadow .25s,transform .18s}
.top .cta:hover{background-position:100% 50%;box-shadow:0 12px 30px rgb(79 70 229 / .34);transform:translateY(-1px)}
@media(max-width:960px){.top nav a:not(.cta){display:none}}

.hero{padding:70px 0 20px;text-align:center}
.zoek{margin:34px auto 0;max-width:680px}
.zoek-veld{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);
  border-radius:18px;padding:8px 8px 8px 20px;box-shadow:var(--schaduw);
  transition:box-shadow .3s,border-color .3s,transform .3s}
.zoek-veld:focus-within{box-shadow:0 22px 58px rgb(29 78 216 / .16),0 0 0 4px rgb(29 78 216 / .10);
  border-color:rgb(29 78 216 / .38);transform:translateY(-2px)}
.zoek-veld>svg{flex:0 0 auto;width:19px;height:19px;color:var(--muted)}
.zoek input{flex:1 1 auto;min-width:0;border:0;outline:0;background:none;font-size:1.03rem;
  color:var(--ink);padding:14px 0;font-family:inherit}
.zoek input::placeholder{color:#94a3b8}
.zoek button{flex:0 0 auto;border:0;cursor:pointer;color:#fff;font-weight:800;font-size:.97rem;
  padding:14px 26px;border-radius:13px;font-family:inherit;
  background:linear-gradient(135deg,var(--blauw),var(--indigo));background-size:180% 180%;background-position:0 50%;
  box-shadow:0 10px 26px rgb(29 78 216 / .26);transition:background-position .45s,box-shadow .25s,transform .18s}
.zoek button:hover{background-position:100% 50%;transform:translateY(-1px);box-shadow:0 16px 36px rgb(79 70 229 / .34)}
.zoek small{display:block;margin-top:12px;color:var(--muted);font-size:.85rem}

.dash{margin:52px 0 0;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);text-align:left}
@media(max-width:1050px){.dash{grid-template-columns:1fr}}
.kaart{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;
  box-shadow:var(--schaduw);display:flex;flex-direction:column;
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.kaart:hover{transform:translateY(-4px);border-color:rgb(34 197 94 / .5);
  box-shadow:var(--schaduw-op),0 0 0 4px rgb(34 197 94 / .06)}
.k-titel{margin:0;font-size:1.16rem;font-weight:800;letter-spacing:.01em;color:var(--blauw);text-transform:uppercase}
.k-sub{margin:8px 0 0;font-size:1.02rem;font-weight:700;color:var(--ink)}
.k-intro{margin:8px 0 0;font-size:.87rem;color:var(--muted);line-height:1.6}
.k-foot{margin-top:auto;padding-top:16px;font-size:.78rem;color:#94a3b8}

.prod-vlak{margin:18px 0 0;border-radius:14px;border:1px solid var(--line);background:#f8fafc;
  aspect-ratio:16/10;display:grid;place-items:center;color:#b6c4d6}
.prod-vlak svg{width:64px;height:64px}
.prod-lijst{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:15px}
.prod-lijst li{display:flex;gap:12px}
.prod-ico{flex:0 0 auto;width:20px;height:20px;color:var(--blauw);margin-top:2px}
.prod-lijst b{display:block;font-size:.92rem;color:var(--ink)}
.prod-lijst span{display:block;font-size:.86rem;color:var(--muted);line-height:1.5}
.auth-box{margin:20px 0 0;background:#f0f7ff;border:1px solid rgb(29 78 216 / .12);border-radius:13px;
  padding:14px;text-align:center}
.auth-box i{display:block;font-style:normal;font-size:.66rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.auth-box b{display:block;margin-top:4px;font-size:1.5rem;font-weight:900;color:var(--ink);letter-spacing:-.02em}

.ring{position:relative;width:158px;height:158px;flex:0 0 auto}
.ring svg{transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:13;stroke-linecap:round}
.ring .bgc{stroke:#eef2f7}
.ring .fgc{stroke:var(--groen-l);stroke-dasharray:427;stroke-dashoffset:427;
  animation:vul 1.2s cubic-bezier(.22,1,.36,1) .3s forwards}
.ring::after{content:"";position:absolute;inset:16px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgb(34 197 94 / .14),transparent 70%);
  animation:adem 3.4s ease-in-out 1.7s infinite}
.ring-mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring-n{font-size:2.9rem;font-weight:900;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.ring-s{font-size:.82rem;color:var(--muted)}
.deel{flex:1 1 130px;list-style:none;margin:0;padding:0;display:grid;gap:12px}
.deel li{border-bottom:1px solid var(--line);padding-bottom:10px}
.deel li:last-child{border-bottom:0;padding-bottom:0}
.deel i{display:block;font-style:normal;font-size:.66rem;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted)}
.deel b{display:block;font-size:1.5rem;font-weight:800;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums}
.melding{margin:20px 0 0;display:flex;gap:12px;background:#f0fdf6;border:1px solid rgb(22 163 74 / .16);
  border-radius:13px;padding:16px}
.melding svg{flex:0 0 auto;width:22px;height:22px;color:var(--groen)}
.melding p{margin:0;font-size:.88rem;color:#26543c;line-height:1.6}

.conc{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px;counter-reset:c}
.conc li{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;counter-increment:c}
.conc li::before{content:counter(c);grid-row:span 2;font-size:.78rem;color:#a3b1c4;font-variant-numeric:tabular-nums}
.conc .nm{font-size:.92rem;font-weight:700;color:var(--ink)}
.conc .pc{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}
.conc .track{grid-column:2/3;height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}
.conc .fill{display:block;height:100%;border-radius:999px;width:0;background:var(--groen-l);
  animation:vulbalk 1s cubic-bezier(.22,1,.36,1) forwards}
.conc li:nth-child(1) .fill{animation-delay:.40s}
.conc li:nth-child(2) .fill{animation-delay:.52s}
.conc li:nth-child(3) .fill{animation-delay:.64s}
.conc li:nth-child(4) .fill{animation-delay:.76s}
.conc li:nth-child(5) .fill{animation-delay:.88s}
.eigen{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:1fr auto;gap:5px 10px}
.eigen .nm{font-size:.92rem;font-weight:700;color:var(--groen)}
.eigen .pc{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}
.eigen .track{grid-column:1/-1;height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}
.eigen .fill{display:block;height:100%;border-radius:999px;width:0;background:var(--groen);
  animation:vulbalk 1s cubic-bezier(.22,1,.36,1) 1s forwards}
.legenda{margin:14px 0 0;display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}
.legenda i{width:9px;height:9px;border-radius:2px;background:var(--groen-l)}

.lint{margin:30px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.lint ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 42px}
.lint li{font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--ink-2);opacity:.6;
  transition:opacity .25s ease,color .25s ease;cursor:default}
.lint li:hover{opacity:1;color:var(--blauw)}
.lint p{margin:12px 0 0;text-align:center;font-size:.78rem;color:#94a3b8}

.sec-h{font-size:clamp(1.75rem,3.2vw,2.45rem);line-height:1.14;letter-spacing:-.025em;margin:0 0 12px;font-weight:800}
.sec-p{color:var(--ink-2);max-width:64ch;margin:0 0 32px;line-height:1.7}
.plan{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:30px;box-shadow:var(--schaduw);
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.plan:hover{transform:translateY(-4px);border-color:rgb(6 182 212 / .5);
  box-shadow:var(--schaduw-op),0 0 0 4px rgb(6 182 212 / .06)}
.plan.top{border-color:rgb(79 70 229 / .4)}
.p-badge{display:inline-block;font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  background:linear-gradient(135deg,var(--blauw),var(--indigo));color:#fff;padding:5px 12px;border-radius:999px;margin-bottom:14px}
.plan h3{margin:0;font-size:1.26rem;font-weight:800}
.p-prijs{margin:14px 0 4px;font-size:2.45rem;font-weight:900;letter-spacing:-.035em}
.p-prijs small{font-size:.83rem;font-weight:600;color:var(--muted);margin-left:6px}
.plan ul{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:11px;flex:1 1 auto}
.plan li{display:flex;gap:11px;color:var(--ink-2);font-size:.92rem;line-height:1.55}
.plan li::before{content:"";flex:0 0 auto;width:17px;height:17px;margin-top:3px;border-radius:50%;
  background:rgb(22 163 74 / .12);box-shadow:inset 0 0 0 1.6px rgb(22 163 74 / .5)}
.p-btn{margin-top:auto;display:block;text-align:center;text-decoration:none;font-weight:800;
  padding:14px 20px;border-radius:13px;background:#fff;border:1.5px solid #cfd9e6;color:var(--blauw);
  transition:border-color .22s,transform .18s}
.p-btn:hover{border-color:var(--blauw);transform:translateY(-1px)}
.plan.top .p-btn{color:#fff;border:0;background:linear-gradient(135deg,var(--blauw),var(--indigo));
  background-size:180% 180%;background-position:0 50%;box-shadow:0 10px 26px rgb(29 78 216 / .26);
  transition:background-position .45s,transform .18s}
.plan.top .p-btn:hover{background-position:100% 50%}

.slot{padding:72px 0 90px}
.slot-in{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);
  border-radius:24px;padding:48px 40px;text-align:center;box-shadow:var(--schaduw)}
.slot-in::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(32rem 15rem at 50% -30%, rgb(34 197 94 / .12), transparent 70%)}
.slot h2{position:relative;margin:0 0 10px;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800;letter-spacing:-.02em}
.slot p{position:relative;margin:0 auto 26px;color:var(--ink-2);max-width:58ch}
.slot a{position:relative;display:inline-block;text-decoration:none;font-weight:800;padding:15px 32px;border-radius:13px;
  color:#fff;background:linear-gradient(135deg,var(--blauw),var(--indigo));background-size:180% 180%;background-position:0 50%;
  box-shadow:0 12px 32px rgb(29 78 216 / .28);transition:background-position .45s,transform .18s}
.slot a:hover{background-position:100% 50%;transform:translateY(-2px)}

footer{border-top:1px solid var(--line);padding:34px 0 60px;color:var(--muted);font-size:.87rem}
footer a{color:var(--ink-2)}


.prod-vlak{overflow:hidden}
.schoen{width:88%;height:auto;animation:zweef 4.6s ease-in-out infinite}
.prod-vlak .schaduw{animation:zweefschaduw 4.6s ease-in-out infinite}
.live{margin:46px 0 0;padding:24px 0 26px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#eef4ff,#f8fbff);
  border-block:1px solid var(--line)}
.live::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40rem 12rem at 50% 120%, rgb(6 182 212 / .14), transparent 70%)}
.live-kop{position:relative;margin:0 0 16px;text-align:center;font-size:.72rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--blauw)}
.marquee{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-rij{display:flex;gap:64px;width:max-content;animation:schuif 26s linear infinite}
.marquee-rij span{font-size:1.28rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap;color:#5b6f8c;opacity:.72;transition:opacity .25s,color .25s}
.marquee-rij span:hover{opacity:1;color:var(--blauw)}
.prod-vlak{overflow:hidden;background:linear-gradient(160deg,#fbfdff,#eef3f9)}
.schoen{display:block;width:100%;height:auto;
  animation:zweef 4.6s ease-in-out infinite;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
  filter:drop-shadow(0 12px 18px rgb(15 35 65 / .13))}
.kaart:hover .schoen{transform:scale(1.05)}
.kaart:hover .schoen{animation-play-state:paused}

.aura{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aura i{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.5}
.aura .a1{width:46rem;height:46rem;left:-14rem;top:-16rem;
  background:radial-gradient(circle,rgb(103 232 249 / .55),transparent 70%);
  animation:drift1 34s ease-in-out infinite}
.aura .a2{width:40rem;height:40rem;right:-12rem;top:-6rem;
  background:radial-gradient(circle,rgb(167 139 250 / .45),transparent 70%);
  animation:drift2 42s ease-in-out infinite}
.aura .a3{width:52rem;height:52rem;left:32%;bottom:-26rem;
  background:radial-gradient(circle,rgb(129 178 255 / .40),transparent 70%);
  animation:drift3 50s ease-in-out infinite}
.kaart{border:0;background:
  linear-gradient(#fff,#fff) padding-box,
  linear-gradient(135deg,#e6ecf4,#dfe6ef) border-box;
  border:1px solid transparent;
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .45s}
.kaart:hover{background:
  linear-gradient(#fff,#fff) padding-box,
  linear-gradient(135deg,rgb(6 182 212 / .55),rgb(16 185 129 / .45)) border-box;
  box-shadow:var(--schaduw-op),0 0 0 4px rgb(6 182 212 / .06)}

.badges{position:absolute;top:16%;display:grid;gap:14px;z-index:2}
.badges-links{left:0;align-items:flex-start}
.badges-rechts{right:0;align-items:flex-end}
.badge{display:inline-flex;align-items:center;gap:9px;background:#fff;
  border:1px solid #eef2f7;border-radius:999px;padding:10px 17px;
  font-size:.79rem;font-weight:700;color:var(--ink-2);white-space:nowrap;
  box-shadow:0 8px 24px rgb(15 35 65 / .08)}
.badge svg{width:15px;height:15px;color:var(--blauw);flex:0 0 auto}
.badges-links .b1{margin-left:6px}
.badges-links .b2{margin-left:26px}
.badges-links .b3{margin-left:2px}
.badges-links .b4{margin-left:34px}
.badges-rechts .b1{margin-right:20px}
.badges-rechts .b2{margin-right:0}
.badges-rechts .b3{margin-right:30px}
.badges-rechts .b4{margin-right:8px}
.badges-links .badge{animation:zweefL 6.4s ease-in-out infinite}
.badges-rechts .badge{animation:zweefR 7.6s ease-in-out infinite}
.badges .b2{animation-delay:.9s}
.badges .b3{animation-delay:1.7s}
.badges .b4{animation-delay:2.5s}
@media(max-width:1240px){.badges{display:none}}

.zoek-veld{position:relative;overflow:hidden}
.zoek-veld::after{content:"";position:absolute;top:0;bottom:0;width:38%;left:-40%;
  background:linear-gradient(90deg,transparent,rgb(6 182 212 / .22),transparent);
  opacity:0;pointer-events:none}
.zoek.bezig .zoek-veld::after{opacity:1;animation:scanlijn 1.05s ease-in-out infinite}
.zoek.bezig button{pointer-events:none}
.zoek.bezig .knop-spin{display:inline-block}
@media (prefers-reduced-motion:reduce){
  .aura i{animation:none}.badge{animation:none}.schoen{animation:none}
}

@media (prefers-reduced-motion:reduce){
  .marquee-rij{animation:none}.schoen{animation:none}.stip{animation:none}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .ring .fgc{stroke-dashoffset:124}
  .fill{width:var(--w)}
}


/* =====================================================================
   OUDE OPMAAK OVERSCHRIJVEN
   =====================================================================
   Veertig pagina's gebruiken nog Tailwind-klassen uit twee eerdere
   ontwerpen: donkere vlakken, randen van wit-op-transparant, scherpe
   hoeken en vlakke knoppen. Ze herschrijven is een klus per pagina; deze
   regels geven ze intussen dezelfde kaarten, knoppen en randen als de
   nieuwe pagina's, zodat de site er als één geheel uitziet.
   ===================================================================== */

/* kaarten: overal dezelfde witte vulling, ragfijne rand en zachte schaduw */
[class*="rounded-3xl"],[class*="rounded-2xl"]{
  background:#fff!important;
  border:1px solid rgb(226 232 240 / .8)!important;
  border-radius:20px!important;
  box-shadow:0 10px 40px rgb(0 0 0 / .04)!important;
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;
}
[class*="rounded-3xl"]:hover,[class*="rounded-2xl"]:hover{
  transform:translateY(-4px);
  border-color:rgb(6 182 212 / .5)!important;
  box-shadow:0 20px 52px rgb(2 10 26 / .10)!important;
}

/* knoppen: dezelfde gradiënt en dezelfde verschuiving bij hover */
a[class*="bg-cyan-300"],a[class*="bg-emerald"],a[class*="bg-\[#0b3b82\]"],
.avr-btn-primary,.pricing-plan-cta,.atlas-premium-free,
a[class*="bg-green"],a[class*="bg-emerald-4"],.top .cta{
  background:linear-gradient(135deg,#1d4ed8,#4f46e5)!important;
  background-size:180% 180%!important;background-position:0 50%!important;
  color:#fff!important;border:0!important;border-radius:13px!important;
  box-shadow:0 10px 26px rgb(29 78 216 / .26)!important;
  transition:background-position .45s ease,transform .18s ease!important;
}
a[class*="bg-cyan-300"]:hover,a[class*="bg-emerald"]:hover,
.avr-btn-primary:hover,.pricing-plan-cta:hover,.atlas-premium-free:hover,
a[class*="bg-green"]:hover,a[class*="bg-emerald-4"]:hover{
  background-position:100% 50%!important;transform:translateY(-1px);
}
a[class*="border-white/"],a[class*="border-cyan-300/"]{
  background:#fff!important;color:#1d4ed8!important;
  border:1.5px solid #cfd9e6!important;border-radius:13px!important;
}

/* tabellen in de oude opzet */
table{border-collapse:separate;border-spacing:0}
main table{background:#fff;border:1px solid rgb(226 232 240 / .8);border-radius:16px;overflow:hidden;
  box-shadow:0 10px 40px rgb(0 0 0 / .04)}
main table th{background:#f5f9ff;color:#0b1729;font-weight:800;font-size:.78rem;
  letter-spacing:.07em;text-transform:uppercase;padding:14px 18px;text-align:left}
main table td{padding:14px 18px;border-top:1px solid #eef2f7;font-size:.95rem}

/* aura ook op de oude pagina's, zodat de achtergrond overal gelijk is */
body.atlas-premium-page::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(50rem 32rem at 12% -8%, rgb(99 102 241 / .09), transparent 62%),
    radial-gradient(44rem 28rem at 90% 0%, rgb(6 182 212 / .09), transparent 58%);}
body.atlas-premium-page>*{position:relative;z-index:1}

/* skip-links van beide oude ontwerpen verbergen tot ze focus krijgen */
.avr-skip-link,.skip{position:absolute!important;left:-9999px!important}
.avr-skip-link:focus,.skip:focus{left:1rem!important;top:1rem!important;position:fixed!important;
  z-index:99;background:#1d4ed8;color:#fff;padding:.7rem 1.1rem;border-radius:.6rem;font-weight:700}