/* Tapcharge — tapcharge.nl
   Kleuren uit het logo: blauw #034f93, groen #79a935.
   Groen wordt als vlak en lijn gebruikt (de lichtstrook op de laadpaal), niet als tekstkleur. */

@font-face { font-family: "Archivo"; src: url("../fonts/archivo-112-var.woff2") format("woff2"); font-weight: 500 800; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  --blauw: #034f93;
  --blauw-diep: #033866;
  --nacht: #062a4c;
  --groen: #79a935;
  --groen-tekst: #4a7216;
  --beton: #e8ecef;
  --beton-donker: #cfd6dc;
  --inkt: #17232e;
  --staal: #55626d;
  --wit: #ffffff;
  --fout: #a8261b;

  --f-kop: "Archivo", "Arial Narrow", Arial, sans-serif;
  --f-tekst: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4.5rem; --s9: 7rem;
  --breed: 72rem;
  --tekstbreed: 40rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--f-tekst);
  font-size: 1.125rem;
  line-height: 1.55;
  color: var(--inkt);
  background: var(--wit);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--blauw); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--groen); outline-offset: 3px; border-radius: 2px; }

h1, h2, h3 {
  font-family: var(--f-kop);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.012em;
  color: var(--blauw-diep);
  margin: 0 0 var(--s4);
  text-wrap: balance;
}
h1 { font-size: clamp(2.35rem, 5.4vw, 4rem); font-weight: 800; }
h2 { font-size: clamp(1.6rem, 3vw, 2.35rem); }
h3 { font-size: 1.3rem; line-height: 1.2; }
p { margin: 0 0 var(--s4); }
.lead { font-size: 1.3rem; line-height: 1.5; color: var(--inkt); max-width: 36rem; }
.klein { font-size: .95rem; color: var(--staal); }

.wrap { width: min(100% - 2.5rem, var(--breed)); margin-inline: auto; }
.tekst { max-width: var(--tekstbreed); }

.skip { position: absolute; left: -999px; top: 0; background: var(--wit); padding: var(--s3) var(--s4); z-index: 20; }
.skip:focus { left: var(--s4); top: var(--s4); }

/* ---------- Kop ---------- */
.kop { border-bottom: 1px solid var(--beton-donker); background: var(--wit); position: relative; z-index: 10; }
.kop .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--s5); min-height: 4.5rem; }
.kop .logo img { width: 11.5rem; }
.nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--s5); }
.nav a { color: var(--inkt); text-decoration: none; font-weight: 600; font-size: 1.02rem; padding: var(--s2) 0; border-bottom: 3px solid transparent; }
.nav a:hover { border-bottom-color: var(--beton-donker); }
.nav a[aria-current="page"] { border-bottom-color: var(--groen); color: var(--blauw-diep); }
.menuknop { display: none; font: inherit; font-weight: 600; background: none; border: 1px solid var(--beton-donker); border-radius: 6px; padding: var(--s2) var(--s4); color: var(--inkt); cursor: pointer; }

@media (max-width: 52rem) {
  .menuknop { display: block; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--wit); border-bottom: 1px solid var(--beton-donker); }
  .nav.open { display: block; }
  .nav ul { flex-direction: column; gap: 0; padding: var(--s2) 1.25rem var(--s4); }
  .nav a { display: block; padding: var(--s3) 0; border-bottom: 1px solid var(--beton); }
  .nav a[aria-current="page"] { border-bottom-color: var(--beton); box-shadow: inset 4px 0 0 var(--groen); padding-left: var(--s4); }
}

/* ---------- Knoppen ---------- */
.knoppen { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s5); }
.knop {
  display: inline-block; font-family: var(--f-tekst); font-weight: 600; font-size: 1.05rem; line-height: 1.2;
  padding: .9rem 1.35rem; border-radius: 6px; text-decoration: none; border: 2px solid var(--blauw);
  background: var(--blauw); color: var(--wit); cursor: pointer;
}
.knop:hover { background: var(--blauw-diep); border-color: var(--blauw-diep); }
.knop.licht { background: transparent; color: var(--blauw); }
.knop.licht:hover { background: var(--beton); }
.nacht .knop.licht { color: var(--wit); border-color: var(--wit); }
.nacht .knop.licht:hover { background: rgba(255,255,255,.1); }

/* ---------- Secties ---------- */
.sectie { padding-block: var(--s8); }
.sectie + .sectie { padding-top: 0; }
.band { background: var(--beton); padding-block: var(--s8); }
.nacht { background: var(--nacht); color: #dfe8f1; padding-block: var(--s8); }
.nacht h2, .nacht h3 { color: var(--wit); }
.nacht a { color: var(--wit); }

/* ---------- Hero (home) ---------- */
.hero { padding-block: var(--s7) var(--s8); }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s7); align-items: center; }
.hero h1 { max-width: 13ch; }
.hero figure { margin: 0; }
.hero figcaption { font-size: .9rem; color: var(--staal); margin-top: var(--s2); }
@media (max-width: 52rem) {
  .hero { padding-top: var(--s6); }
  .hero .wrap { grid-template-columns: 1fr; gap: var(--s6); }
}

/* ---------- Paginakop (subpagina's) ---------- */
.paginakop { padding-block: var(--s7); }
.paginakop h1 { font-size: clamp(2.1rem, 4.6vw, 3.4rem); max-width: 18ch; }

/* ---------- Eén lezer ---------- */
.lezer { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: var(--s7); align-items: start; }
.lezer img { border-radius: 4px; background: var(--beton); }
@media (max-width: 44rem) { .lezer { grid-template-columns: 1fr; } .lezer > img { display: none; } }

.feiten { margin: var(--s5) 0 0; display: grid; gap: var(--s5); }
.feiten div { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: var(--s4); padding-top: var(--s4); border-top: 1px solid var(--beton-donker); }
.feiten dt { font-family: var(--f-kop); font-weight: 700; color: var(--blauw-diep); font-size: 1.1rem; }
.feiten dd { margin: 0; }
@media (max-width: 44rem) { .feiten div { grid-template-columns: 1fr; gap: var(--s1); } }

/* ---------- Keten: gebruikelijk vs Tapcharge ---------- */
.keten { margin-top: var(--s6); display: grid; gap: var(--s6); }
.keten-rij h3 { font-size: 1.1rem; margin-bottom: var(--s3); color: var(--inkt); }
.schakels { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; flex-wrap: nowrap; }
.schakels li {
  position: relative; flex: 1 1 0; min-width: 0;
  background: var(--wit); border: 1px solid var(--beton-donker); border-radius: 4px;
  padding: var(--s3) var(--s4); font-weight: 600; line-height: 1.25; font-size: 1rem;
  display: flex; flex-direction: column; justify-content: center; gap: var(--s1);
}
.schakels li + li { margin-left: 2.25rem; }
.schakels li + li::before {
  content: ""; position: absolute; left: -2.25rem; top: 50%; width: 2.25rem; height: 2px; background: var(--beton-donker);
}
.schakels .kosten { font-family: var(--f-mono); font-weight: 500; font-size: .8rem; color: var(--staal); }
.keten-rij.oud li { color: var(--staal); }
.keten-rij.tc .schakels li { border-color: var(--groen); border-width: 2px; color: var(--blauw-diep); }
.keten-rij.tc .schakels li + li::before { background: var(--groen); height: 4px; margin-top: -1px; }
.keten-rij .uitleg { margin-top: var(--s3); font-size: 1rem; }
.keten-rij.tc .uitleg { font-weight: 600; color: var(--blauw-diep); }
@media (max-width: 44rem) {
  .schakels { flex-direction: column; }
  .schakels li + li { margin-left: 0; margin-top: 1.5rem; }
  .schakels li + li::before { left: 1.5rem; top: -1.5rem; width: 2px; height: 1.5rem; }
  .keten-rij.tc .schakels li + li::before { width: 4px; height: 1.5rem; margin-top: 0; margin-left: -1px; }
}

/* ---------- Grens (wat de pas niet kan) ---------- */
.grens { border-left: 6px solid var(--groen); padding: var(--s2) 0 var(--s2) var(--s5); max-width: 44rem; }
.grens p:last-child { margin-bottom: 0; }

/* ---------- Voor wie ---------- */
.rijen { list-style: none; margin: var(--s5) 0 0; padding: 0; border-top: 2px solid var(--blauw-diep); }
.rijen li { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) 10rem; gap: var(--s5); align-items: baseline; padding-block: var(--s5); border-bottom: 1px solid var(--beton-donker); }
.rijen h3 { margin: 0; }
.rijen p { margin: 0; }
.rijen a.naar { font-weight: 600; white-space: nowrap; justify-self: end; }
@media (max-width: 52rem) { .rijen a.naar { justify-self: start; } }
@media (max-width: 52rem) { .rijen li { grid-template-columns: 1fr; gap: var(--s2); } }

/* ---------- Lijsten ---------- */
.twee { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s7); }
@media (max-width: 52rem) { .twee { grid-template-columns: 1fr; gap: var(--s6); } }
.punten { list-style: none; margin: 0; padding: 0; }
.punten li { padding: var(--s3) 0 var(--s3) var(--s5); border-top: 1px solid var(--beton-donker); position: relative; }
.punten li::before { content: ""; position: absolute; left: 0; top: 1.3rem; width: .6rem; height: .6rem; background: var(--groen); border-radius: 50%; }

/* Stappen: echte volgorde, dus genummerd */
.stappen { list-style: none; counter-reset: stap; margin: 0; padding: 0; }
.stappen li { counter-increment: stap; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--s3); padding-block: var(--s3); }
.stappen li::before {
  content: counter(stap); font-family: var(--f-kop); font-weight: 800; font-size: 1.1rem;
  width: 2.1rem; height: 2.1rem; border-radius: 50%; display: grid; place-items: center;
  background: var(--blauw); color: var(--wit);
}

/* Laadpaal-panelen op /laden: de groene lichtstrook */
.paneel { border-left: 6px solid var(--groen); background: var(--beton); padding: var(--s5) var(--s5) var(--s4); border-radius: 0 6px 6px 0; }
.paneel + .paneel { margin-top: var(--s5); }
.paneel h2 { font-size: 1.55rem; }
.paneel .na { margin: var(--s3) 0 0; font-size: 1rem; }

.support { background: var(--nacht); color: var(--wit); border-radius: 6px; padding: var(--s5); margin-top: var(--s5); }
.support h2 { color: var(--wit); font-size: 1.4rem; }
.support a { color: var(--wit); }
.support .tel { font-family: var(--f-kop); font-weight: 800; font-size: 1.8rem; color: var(--wit); text-decoration: none; display: inline-block; margin-bottom: var(--s2); }
.prijzen { width: 100%; border-collapse: collapse; margin-top: var(--s3); font-size: 1.05rem; }
.prijzen th, .prijzen td { text-align: left; padding: var(--s2) 0; border-bottom: 1px solid var(--beton-donker); }
.prijzen td { font-family: var(--f-mono); font-weight: 500; text-align: right; }

/* Typen laadplein */
.typen { display: grid; gap: 0; margin-top: var(--s5); border-top: 2px solid var(--blauw-diep); }
.typen article { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: var(--s5); padding-block: var(--s5); border-bottom: 1px solid var(--beton-donker); }
.typen h3 { margin: 0; }
.typen p { margin: 0 0 var(--s2); }
@media (max-width: 52rem) { .typen article { grid-template-columns: 1fr; gap: var(--s2); } }

.melding { background: var(--beton); border-left: 6px solid var(--blauw); padding: var(--s4) var(--s5); border-radius: 0 6px 6px 0; max-width: 44rem; }
.melding p:last-child { margin: 0; }

/* ---------- Formulieren ---------- */
.formulier { max-width: 40rem; margin-top: var(--s5); }
.veld { margin-bottom: var(--s4); }
.veld label, .veld legend { display: block; font-weight: 600; margin-bottom: var(--s1); }
.veld .hulp { display: block; font-size: .92rem; color: var(--staal); margin-top: var(--s1); font-weight: 400; }
.veld .opt { font-weight: 400; color: var(--staal); }
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=date], input[type=time], select, textarea {
  width: 100%; font: inherit; font-size: 1.05rem; color: var(--inkt);
  padding: .7rem .8rem; border: 1px solid #9aa6b0; border-radius: 6px; background: var(--wit);
}
textarea { min-height: 8rem; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 3px solid var(--groen); outline-offset: 1px; border-color: var(--blauw); }
fieldset { border: 0; padding: 0; margin: 0 0 var(--s4); }
.veld label.keuze { display: flex; gap: var(--s2); align-items: center; font-weight: 400; margin: var(--s1) 0; }
.keuze input { width: 1.15rem; height: 1.15rem; accent-color: var(--blauw); }
.rij2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); }
@media (max-width: 36rem) { .rij2 { grid-template-columns: 1fr; } }
.honing { position: absolute; left: -5000px; }
details.extra { margin: var(--s2) 0 var(--s4); border-top: 1px solid var(--beton-donker); padding-top: var(--s3); }
details.extra summary { cursor: pointer; font-weight: 600; color: var(--blauw); }
details.extra[open] summary { margin-bottom: var(--s3); }
.status { margin-top: var(--s4); padding: var(--s4); border-radius: 6px; display: none; }
.status.ok { display: block; background: #eef6e3; border-left: 6px solid var(--groen); }
.status.mis { display: block; background: #fbeceb; border-left: 6px solid var(--fout); }
.knop[disabled] { opacity: .6; cursor: wait; }

.contactgrid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--s7); }
@media (max-width: 52rem) { .contactgrid { grid-template-columns: 1fr; gap: var(--s5); } }
.contactgrid aside { border-top: 2px solid var(--blauw-diep); padding-top: var(--s4); }
address { font-style: normal; }

/* Privacy */
.proza h2 { font-size: 1.45rem; margin-top: var(--s6); }
.proza ul { padding-left: 1.2rem; }
.proza li { margin-bottom: var(--s2); }

/* ---------- Voet ---------- */
.voet { background: #03192e; color: #c9d6e3; padding-block: var(--s7) var(--s5); font-size: 1rem; }
.voet a { color: var(--wit); }
.voet .wrap > .kolommen { display: grid; grid-template-columns: minmax(0, 5fr) repeat(2, minmax(0, 3fr)); gap: var(--s6); }
.voet img { width: 9.5rem; margin-bottom: var(--s4); }
.voet h2 { font-family: var(--f-tekst); font-size: 1rem; font-weight: 600; color: var(--wit); margin: 0 0 var(--s3); letter-spacing: 0; }
.voet ul { list-style: none; margin: 0; padding: 0; }
.voet li { margin-bottom: var(--s2); }
.voet .regel { border-top: 1px solid rgba(255,255,255,.18); margin-top: var(--s6); padding-top: var(--s4); font-size: .95rem; }
@media (max-width: 52rem) { .voet .wrap > .kolommen { grid-template-columns: 1fr; gap: var(--s5); } }

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

/* ---------- Toevoegingen september 2026 ---------- */

/* Figuur naast tekst (uitleg betaalsysteem) */
.figuur { margin: 0; }
.figuur img { border-radius: 6px; width: 100%; }
.figuur figcaption { font-size: .9rem; color: var(--staal); margin-top: var(--s2); }
.twee.uitleg { align-items: center; }
.twee.uitleg.omgekeerd > .figuur { order: -1; }
@media (max-width: 52rem) { .twee.uitleg.omgekeerd > .figuur { order: 0; } }

/* Drie accounttypen */
.accounts { list-style: none; margin: var(--s5) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5); }
.accounts li { background: var(--wit); border: 1px solid var(--beton-donker); border-top: 6px solid var(--groen); border-radius: 0 0 6px 6px; padding: var(--s5); }
.accounts h3 { margin-bottom: var(--s2); }
.accounts .wie { font-family: var(--f-mono); font-size: .85rem; color: var(--staal); margin: 0 0 var(--s3); }
.accounts p { margin: 0 0 var(--s3); }
.accounts p:last-child { margin: 0; }
.nacht .accounts li { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); color: #dfe8f1; }
.nacht .accounts .wie { color: #a9bdd0; }
@media (max-width: 52rem) { .accounts { grid-template-columns: 1fr; } }

/* Rode lijn: goedkeuring eigenaar */
.rodelijn { border-left: 6px solid var(--fout); background: var(--beton); padding: var(--s4) var(--s5); border-radius: 0 6px 6px 0; max-width: 44rem; margin-top: var(--s5); }
.rodelijn h3 { color: var(--fout); font-size: 1.1rem; margin-bottom: var(--s2); }
.rodelijn p:last-child { margin: 0; }

/* Prijstabel */
.prijstabel { width: 100%; border-collapse: collapse; margin-top: var(--s5); font-size: 1.05rem; max-width: 44rem; }
.prijstabel th, .prijstabel td { text-align: left; padding: var(--s3) 0; border-bottom: 1px solid var(--beton-donker); vertical-align: top; }
.prijstabel thead th { font-family: var(--f-kop); color: var(--blauw-diep); border-bottom: 2px solid var(--blauw-diep); }
.prijstabel td.bedrag { font-family: var(--f-mono); font-weight: 500; text-align: right; white-space: nowrap; color: var(--blauw-diep); font-size: 1.15rem; }
.prijstabel .klein { display: block; margin-top: var(--s1); }

.vergelijk { width: 100%; border-collapse: collapse; margin-top: var(--s5); font-size: 1rem; }
.vergelijk th, .vergelijk td { text-align: left; padding: var(--s3) var(--s3); border-bottom: 1px solid var(--beton-donker); vertical-align: top; }
.vergelijk thead th { font-family: var(--f-kop); color: var(--blauw-diep); border-bottom: 2px solid var(--blauw-diep); }
.vergelijk th:first-child, .vergelijk td:first-child { padding-left: 0; font-weight: 600; width: 26%; }
.vergelijk td.tc { background: #eef6e3; font-weight: 600; color: var(--blauw-diep); }
.tabelwrap { overflow-x: auto; }
@media (max-width: 44rem) { .vergelijk { min-width: 36rem; } }

.rekenvoorbeeld { background: var(--beton); border-radius: 6px; padding: var(--s5); margin-top: var(--s5); max-width: 44rem; }
.rekenvoorbeeld dl { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s2) var(--s5); }
.rekenvoorbeeld dt { margin: 0; }
.rekenvoorbeeld dd { margin: 0; font-family: var(--f-mono); font-weight: 500; text-align: right; }
.rekenvoorbeeld .totaal dt, .rekenvoorbeeld .totaal dd { border-top: 2px solid var(--blauw-diep); padding-top: var(--s2); font-weight: 700; color: var(--blauw-diep); }

/* Beursstrook boven de voet */
.beurs { background: var(--groen); color: var(--inkt); padding-block: var(--s5); }
.beurs .wrap { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s5); align-items: center; }
.beurs h2 { font-size: 1.25rem; margin: 0 0 var(--s1); color: var(--inkt); }
.beurs p { margin: 0; font-size: 1rem; }
.beurs .knop { background: var(--nacht); border-color: var(--nacht); color: var(--wit); }
.beurs .knop:hover { background: var(--blauw-diep); border-color: var(--blauw-diep); }
@media (max-width: 52rem) { .beurs .wrap { grid-template-columns: 1fr; gap: var(--s4); } }

/* Voorwaarden: genummerde artikelen */
.proza ol { padding-left: 1.2rem; }
.proza h2 span { color: var(--staal); font-weight: 700; margin-right: var(--s2); }

/* Prijstabel v2: drie kolommen, robuust ook zonder de rest van dit blok */
.prijstabel colgroup col.c1 { width: 32%; }
.prijstabel colgroup col.c3 { width: 7rem; }
.prijstabel th.rij { font-weight: 600; color: var(--inkt); }
.prijstabel td.toel { color: var(--staal); font-size: 1rem; }
.prijstabel th.rij, .prijstabel td.toel, .prijstabel td.bedrag { padding-right: var(--s4); }
.prijstabel thead th:last-child, .prijstabel td.bedrag { text-align: right; padding-right: 0; }
@media (max-width: 44rem) {
  .prijstabel td.toel { display: none; }
  .prijstabel thead th:nth-child(2) { display: none; }
}
.rekentabel { width: 100%; border-collapse: collapse; margin-top: var(--s3); font-size: 1.05rem; }
.rekentabel td { padding: var(--s2) 0; border-bottom: 1px solid var(--beton-donker); }
.rekentabel td:last-child { font-family: var(--f-mono); font-weight: 500; text-align: right; white-space: nowrap; }
.rekentabel tr.totaal td { border-top: 2px solid var(--blauw-diep); border-bottom: 0; font-weight: 700; color: var(--blauw-diep); padding-top: var(--s3); }

/* Batterij + Tapcharge */
.batterij { background: var(--nacht); color: #dfe8f1; padding-block: var(--s8); }
.batterij h2, .batterij h3 { color: var(--wit); }
.batterij a { color: var(--wit); }
.batterij .wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s7); align-items: center; }
.batterij figure { margin: 0; }
.batterij img { border-radius: 6px; }
.batterij figcaption { font-size: .9rem; color: #a9bdd0; margin-top: var(--s2); }
.batterij .blokken { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s5); margin-top: var(--s5); }
.batterij .blokken div { border-top: 3px solid var(--groen); padding-top: var(--s3); }
.batterij .blokken h3 { font-size: 1.15rem; margin-bottom: var(--s2); }
.batterij .blokken p { margin: 0; font-size: 1rem; }
.batterij .klein { color: #a9bdd0; }
@media (max-width: 52rem) { .batterij .wrap { grid-template-columns: 1fr; gap: var(--s6); } .batterij .blokken { grid-template-columns: 1fr; } }

/* /laden: laadpaal naast de panelen */
.lezer.laden { align-items: start; }
.lezer.laden img { margin-top: var(--s2); }