/* gvq.ricooess.ch — "Register am See"
   Ein Verein, dessen echte Artefakte ein Protokoll, ein Mitgliederregister und eine
   Messe sind: Papiergrund, Tinte, Haarlinien, Tabellenziffern. Eine Fotografie
   (Walensee), eine gesättigte Farbe (das Schildrot des Logos). */

:root{
  --paper:#f8f5ee; --paper-2:#efe9dc; --paper-3:#e6dfcf;
  --ink:#1b1e22; --ink-2:#464c54; --ink-3:#5d636c;
  --line:#d8d0bf; --line-2:#c4bba6; --chip:#8f8468;
  --rot:#e7302a; --rot-tief:#c1231d; --rot-dunkel:#9c1b16;
  --see:#1c5d84; --see-tief:#164a6a; --see-hell:#e3ecf2; --see-linie:#b9cddb;
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --text:"Source Sans 3","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:3px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 17.5px/1.6 var(--text);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--rot-tief)}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.018em;text-wrap:balance;font-variation-settings:"opsz" 96}
h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}
h3{font-size:clamp(1.25rem,2vw,1.5rem);letter-spacing:-.01em;font-variation-settings:"opsz" 48}
p{max-width:66ch}
::selection{background:var(--rot);color:#fff}
:focus-visible{outline:3px solid var(--see);outline-offset:3px;border-radius:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- Kopf ---- */
.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:clamp(14px,2.5vw,30px);min-height:74px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.marke{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.marke:hover{color:inherit}
.marke img{width:44px;height:44px}
.marke b{display:block;font-family:var(--display);font-weight:700;font-size:1.12rem;line-height:1.05;letter-spacing:-.015em}
.marke b small{display:block;font-family:var(--text);font-weight:600;font-size:.85rem;color:var(--ink-3);letter-spacing:.02em;margin-top:2px}
.nav{display:flex;gap:clamp(4px,1.6vw,10px);margin-left:auto;align-items:center}
.nav a{text-decoration:none;font-weight:600;font-size:1rem;padding:10px 10px;border-radius:var(--r);min-height:44px;display:inline-flex;align-items:center;color:var(--ink-2)}
.nav a:hover{background:var(--paper-2);color:var(--ink)}
.nav a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--rot)}
.tel{display:inline-flex;align-items:center;gap:9px;background:var(--rot-tief);color:#fff;text-decoration:none;font-weight:700;padding:0 18px;min-height:46px;border-radius:var(--r);white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}
.tel:hover{background:var(--rot-dunkel);color:#fff}
.tel svg{width:17px;height:17px;flex:none}
@media(max-width:480px){.marke b small{display:none}}
@media(max-width:900px){
  .top .wrap{row-gap:4px}
  .nav{order:3;flex-basis:100%;margin-left:-8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;gap:0}
  .nav a{font-size:.92rem;padding:8px 7px;min-height:44px}
  .nav{mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
  .nav.ende{mask-image:none;-webkit-mask-image:none}
  .nav::-webkit-scrollbar{display:none}
  .tel{margin-left:auto}
  .tel span{display:none}
  .tel{padding:0 13px}
}

/* ---- Knöpfe ---- */
.btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;padding:0 20px;min-height:48px;border-radius:var(--r);border:1.5px solid var(--ink);color:var(--ink);background:transparent;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.rot{background:var(--rot-tief);border-color:var(--rot-tief);color:#fff}
.btn.rot:hover{background:var(--rot-dunkel);border-color:var(--rot-dunkel)}
.btn.see{background:var(--see);border-color:var(--see);color:#fff}
.btn.see:hover{background:var(--see-tief);border-color:var(--see-tief)}
.btn svg{width:18px;height:18px}

/* ---- Hero (Start) ---- */
.hero{border-bottom:1px solid var(--line);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:stretch;padding-right:0}
.hero-text{padding:clamp(40px,6vw,88px) 0 clamp(36px,5vw,72px)}
.hero h1{font-size:clamp(2.5rem,5.2vw,4.4rem);max-width:12ch}
.hero h1 em{font-style:normal;color:var(--rot-tief)}
.lead{margin-top:22px;font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.5;color:var(--ink-2);max-width:44ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-fakten{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 26px;font-size:1rem;color:var(--ink-2)}
.hero-fakten b{color:var(--ink);font-weight:700}
.hero-bild{position:relative;min-height:340px;margin-right:min(0px,calc(600px - 50vw))}
.hero-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;animation:einfahren 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes einfahren{from{transform:scale(1.045)}to{transform:scale(1)}}
.hero-bild figcaption{position:absolute;left:0;bottom:0;background:var(--paper);color:var(--ink-2);font-size:.9rem;padding:8px 14px 8px 0;max-width:34ch;line-height:1.35;border-top-right-radius:var(--r)}
.hero-bild .schild{position:absolute;top:-1px;left:0;width:clamp(78px,9vw,116px);height:auto;filter:drop-shadow(0 6px 14px rgba(20,20,20,.28))}
@media(max-width:860px){
  .hero .wrap{grid-template-columns:1fr;padding-right:clamp(18px,4vw,44px);gap:0}
  .hero-bild{order:-1;min-height:0;aspect-ratio:16/10;margin:0 calc(-1*clamp(18px,4vw,44px))}
  .hero-bild figcaption{left:clamp(18px,4vw,44px)}
  .hero-bild .schild{left:clamp(18px,4vw,44px)}
  .hero-text{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){.hero-bild img{animation:none}}
@media(max-width:860px){.hero-bild .schild{display:none}}

/* ---- Abschnitte ---- */
.abschnitt{padding:clamp(48px,7vw,96px) 0;border-bottom:1px solid var(--line)}
.abschnitt.dunkel{background:var(--ink);color:var(--paper);border-color:#2a2e34}
.abschnitt.dunkel h2{color:#fff}
.abschnitt.dunkel .ink-2{color:#c9cfd6}
.abschnitt.dunkel .btn{border-color:var(--paper);color:var(--paper)}
.abschnitt.dunkel .btn:hover{background:var(--paper);color:var(--ink)}
.abschnitt.dunkel .form label,.abschnitt.dunkel .form .check{color:#e4e7eb}
.abschnitt.dunkel .form .check{color:#f2f3f5}
.abschnitt.see-grund{background:var(--see-hell);border-color:var(--see-linie)}
.kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(26px,3.5vw,44px)}
.kopf p{color:var(--ink-2);max-width:56ch;font-size:1.05rem}
.kopf .btn{flex:none}
.ink-2{color:var(--ink-2)}
.ink-3{color:var(--ink-3)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.drei{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}
@media(max-width:860px){.zwei,.drei{grid-template-columns:1fr}}

/* ---- Branchen ---- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a,.chips label{text-decoration:none;border:1.5px solid var(--chip);background:transparent;border-radius:999px;padding:9px 14px;min-height:44px;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.98rem;cursor:pointer;line-height:1.2}
.chips a:hover,.chips label:hover{border-color:var(--ink);color:var(--ink)}
.chips small{color:var(--ink-3);font-weight:600}

/* ---- Register (Mitglieder) ---- */
.filter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:20px}
.filter label.suche{display:block;font-weight:600;font-size:.95rem;color:var(--ink-2)}
.filter input[type=search]{display:block;width:100%;margin-top:6px;font:inherit;font-size:1.1rem;padding:11px 14px;border:1.5px solid var(--line-2);border-radius:var(--r);background:#fff;color:var(--ink);min-height:50px}
.filter input[type=search]:focus{border-color:var(--see);outline:none;box-shadow:0 0 0 3px rgba(28,93,132,.18)}
.filter input[type=search]::placeholder{color:var(--ink-3)}
.filter .stand{font-size:.95rem;color:var(--ink-3);white-space:nowrap;padding-bottom:12px}
@media(max-width:600px){.filter{grid-template-columns:1fr}.filter .stand{padding:0}}
/* Das Buch: Daumenindex links, Seiten rechts */
.buch{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(48px,7vw,96px)}
.daumen{position:sticky;top:96px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin;border-left:2px solid var(--ink);padding-left:2px}
.daumen ol{list-style:none;padding:0;margin:0}
.daumen a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;text-decoration:none;font-weight:600;font-size:.98rem;padding:7px 12px;min-height:38px;color:var(--ink-2);border-radius:0 var(--r) var(--r) 0}
.daumen a small{color:var(--ink-3);font-weight:600;font-size:.85rem}
.daumen a:hover{background:var(--paper-2);color:var(--ink)}
.daumen a.aktiv{background:var(--ink);color:var(--paper)}
.daumen a.aktiv small{color:#cfd3d8}
.daumen a.leer{opacity:.35}
.grp{margin-top:clamp(36px,5vw,56px);scroll-margin-top:110px}
.seiten>.grp:first-child{margin-top:0}
@media(max-width:900px){
  .buch{grid-template-columns:1fr;gap:0}
  .daumen{position:sticky;top:126px;z-index:10;max-height:none;overflow-x:auto;overflow-y:hidden;border-left:0;padding:0;margin:0 calc(-1*clamp(18px,4vw,44px));background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:none}
  .daumen::-webkit-scrollbar{display:none}
  .daumen ol{display:flex;gap:2px;padding:8px clamp(18px,4vw,44px)}
  .daumen a{white-space:nowrap;border:1.5px solid var(--chip);border-radius:999px;padding:8px 13px;min-height:44px;align-items:center}
  .daumen a.aktiv{border-color:var(--ink)}
  .grp{scroll-margin-top:190px}
  .seiten>.grp:first-child{margin-top:28px}
}
@media(max-width:480px){.daumen{top:110px}}
.grp h2{font-size:clamp(1.55rem,2.6vw,2.05rem);padding-bottom:12px;border-bottom:2px solid var(--ink);display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.grp h2 small{font-family:var(--text);font-size:.95rem;font-weight:600;color:var(--ink-3);letter-spacing:0}
.reg{list-style:none;padding:0}
.m{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr);gap:8px 22px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.m .firma{font-weight:700;font-size:1.12rem;line-height:1.3}
.m .firma a{text-decoration:none;box-shadow:inset 0 -1px 0 var(--line-2)}
.m .firma a:hover{box-shadow:inset 0 -2px 0 var(--rot)}
.m .firma a svg{width:13px;height:13px;margin-left:6px;vertical-align:-1px;color:var(--ink-3);display:inline}
.m .person{color:var(--ink-2);font-size:1rem;margin-top:2px}
.m .adr{color:var(--ink-2);font-size:1rem;line-height:1.45}
.m .adr b{font-weight:600;color:var(--ink)}
.m .kontakt{display:flex;flex-direction:column;gap:2px;font-size:1rem;line-height:1.5}
.m .kontakt a{text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:32px;color:var(--ink)}
.m .kontakt a:hover{color:var(--rot-tief)}
.m .kontakt svg{width:15px;height:15px;color:var(--ink-3);flex:none}
.m .kontakt a.mail{color:var(--ink-2);overflow-wrap:anywhere}
@media(hover:none){.m .kontakt a{min-height:44px}}
@media(max-width:760px){
  .m{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .m .kontakt{flex-direction:row;flex-wrap:wrap;gap:4px 18px;margin-top:4px}
  .m .kontakt a{min-height:44px}
}
.leer{display:none;padding:40px 0;color:var(--ink-2);font-size:1.1rem}
.leer .btn{vertical-align:middle}
body[data-leer] .leer{display:block}

/* ---- Fotos ---- */
.galerie{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.galerie figure{margin:0;position:relative;overflow:hidden;border-radius:var(--r);background:var(--paper-2)}
.galerie img{width:100%;height:100%;object-fit:cover}
.galerie figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-size:.92rem;line-height:1.35;color:#fff;background:linear-gradient(to top,rgba(15,17,20,.78),rgba(15,17,20,0))}
.galerie .g-a{grid-column:span 7;aspect-ratio:3/2}
.galerie .g-b{grid-column:span 5;aspect-ratio:5/4}
.galerie .g-c{grid-column:span 4;aspect-ratio:4/3}
@media(max-width:760px){.galerie .g-a,.galerie .g-b,.galerie .g-c{grid-column:span 12;aspect-ratio:3/2}}

/* ---- Anlässe: Liste mit Datumsspalte ---- */
.termine{list-style:none;padding:0;border-top:2px solid var(--ink)}
.termine li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px 28px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.termine .datum{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.15;letter-spacing:-.01em}
.termine .datum small{display:block;font-family:var(--text);font-weight:600;font-size:.88rem;color:var(--ink-3);margin-top:4px;letter-spacing:0}
.termine h3{margin-bottom:6px}
.termine p{color:var(--ink-2);font-size:1.02rem}
.termine .docs{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:.98rem}
.termine .docs a{display:inline-flex;align-items:center;gap:7px;min-height:36px}
.termine .docs svg{width:15px;height:15px;color:var(--ink-3)}
.termine .stempel{font-size:.9rem;font-weight:600;color:var(--ink-3);border:1.5px solid var(--line-2);border-radius:999px;padding:5px 11px;white-space:nowrap;align-self:start}
.termine li.offen .stempel{color:var(--rot-tief);border-color:var(--rot-tief)}
@media(max-width:700px){.termine li{grid-template-columns:1fr}.termine .stempel{order:-1;justify-self:start}}

/* ---- Vorstand ---- */
.vorstand{list-style:none;padding:0;border-top:2px solid var(--ink)}
.vorstand li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:6px 24px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.vorstand .rolle{font-weight:700;font-size:1.12rem}
.vorstand .seit{color:var(--ink-3);font-size:.98rem}
.vorstand a{font-size:1rem;overflow-wrap:anywhere}
@media(max-width:700px){.vorstand li{grid-template-columns:1fr;gap:2px}}
.logos{display:flex;flex-wrap:wrap;gap:22px 34px;align-items:center;margin-top:28px}
.logos img{max-height:64px;width:auto;opacity:.9;background:#fff;padding:6px 10px;border-radius:var(--r);border:1px solid var(--line)}

/* ---- Text (Statuten, Impressum) ---- */
.prosa{max-width:70ch}
.prosa h3{margin-top:30px;margin-bottom:8px}
.prosa p+p{margin-top:12px}
.prosa ul{padding-left:22px;margin-top:8px}
.prosa li+li{margin-top:5px}
.hinweis{border:1.5px solid var(--line-2);border-radius:var(--r);padding:16px 18px;font-size:1rem;color:var(--ink-2);background:var(--paper-2)}
.hinweis b{color:var(--ink)}

/* ---- Formular ---- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.form .voll{grid-column:1/-1}
.form label{display:block;font-weight:600;font-size:.98rem;color:var(--ink-2)}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;font:inherit;font-size:1.05rem;padding:11px 13px;border:1.5px solid var(--line-2);border-radius:var(--r);background:#fff;color:var(--ink);min-height:48px}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--see);outline:none;box-shadow:0 0 0 3px rgba(28,93,132,.18)}
.form input:user-invalid{border-color:var(--rot-tief)}
.form .check{display:flex;gap:12px;align-items:flex-start;font-weight:400;color:var(--ink)}
.form .check input{width:22px;height:22px;margin:3px 0 0;min-height:0;accent-color:var(--rot-tief);flex:none}
.form .aktion{display:flex;flex-wrap:wrap;gap:14px;align-items:center;grid-column:1/-1;margin-top:6px}
.form .aktion small{color:var(--ink-3);font-size:.92rem}
@media(max-width:640px){.form{grid-template-columns:1fr}}

/* ---- Kontakt ---- */
.adresse{font-style:normal;font-size:1.1rem;line-height:1.55}
.adresse b{font-family:var(--display);font-weight:700;font-size:1.3rem;display:block;margin-bottom:6px}
.adresse a{text-decoration:none;display:inline-flex;align-items:center;gap:9px;min-height:44px}
.adresse a:hover{text-decoration:underline}
.adresse svg{width:16px;height:16px;color:var(--ink-3)}

/* ---- Fuss ---- */
.fuss{background:var(--paper-2);border-top:1px solid var(--line);padding:clamp(36px,5vw,60px) 0 28px;font-size:1rem;color:var(--ink-2)}
.fuss .drei{gap:30px}
.fuss h4{font-size:1rem;margin-bottom:10px;color:var(--ink);font-family:var(--text);font-weight:700}
.fuss ul{list-style:none;padding:0}
.fuss li{margin:0 0 6px}
.fuss a{text-decoration:none}
.fuss a:hover{text-decoration:underline}
.fuss .unten{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.92rem;color:var(--ink-3);justify-content:space-between}
.fuss .unten a{color:var(--ink-2)}

/* ---- Entwurfs-Hinweis (nur Vorschau) ---- */
.entwurf-band{background:var(--see-tief);color:#fff;font-size:.9rem;text-align:center;padding:7px 14px;line-height:1.4}
.entwurf-band a{color:#fff;font-weight:700}

/* ---- Gewerke ---- */
.gewerke{list-style:none;padding:0;margin-top:clamp(26px,3.5vw,44px);border-top:2px solid var(--paper);display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(20px,3vw,40px)}
.gewerke li{border-bottom:1px solid #3a3f46}
.gewerke a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0;text-decoration:none;color:var(--paper);font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.015em;min-height:44px}
.gewerke a:hover{color:var(--rot)}
.gewerke small{font-family:var(--text);font-weight:600;font-size:1rem;color:#c9cfd6}
@media(max-width:760px){.gewerke{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.gewerke{grid-template-columns:1fr}}
.band{position:relative;aspect-ratio:21/7;min-height:260px;overflow:hidden;border-bottom:1px solid var(--line)}
.band img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.band figcaption{position:absolute;right:0;bottom:0;background:var(--paper);color:var(--ink-2);font-size:.9rem;padding:8px 14px;max-width:40ch;border-top-left-radius:var(--r)}

/* ---- Entwurf (Vorher/Nachher) ---- */
.vergleich{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.vergleich figure{margin:0;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:#fff}
.vergleich figcaption{padding:12px 14px;font-size:.98rem;color:var(--ink-2);border-top:1px solid var(--line)}
.vergleich figcaption b{color:var(--ink)}
@media(max-width:760px){.vergleich{grid-template-columns:1fr}}
.liste{padding-left:22px}
.liste li{margin-bottom:8px}
.liste li b{font-weight:700}
.nachweis{font-size:.95rem;color:var(--ink-2);columns:2;column-gap:32px}
.nachweis li{break-inside:avoid;margin-bottom:6px}
@media(max-width:700px){.nachweis{columns:1}}

/* Kennzahlen im Hero, Vorteils-Karten, Downloads */
.zahlen{gap:10px 34px}
.zahlen span{display:flex;flex-direction:column;font-size:.95rem}
.zahlen b{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.3rem);line-height:1;letter-spacing:-.02em}
.karten>div{border-top:2px solid var(--ink);padding-top:16px}
.karten h3{margin-bottom:8px}
.karten p{color:var(--ink-2);font-size:1.02rem}
.liste.zweispaltig{columns:2;column-gap:clamp(24px,4vw,56px)}
.liste.zweispaltig li{break-inside:avoid}
@media(max-width:700px){.liste.zweispaltig{columns:1}}
.dl{list-style:none;padding:0;border-top:2px solid var(--ink)}
.dl li{border-bottom:1px solid var(--line)}
.dl a{display:flex;align-items:center;gap:14px;padding:14px 0;text-decoration:none;font-weight:600;font-size:1.08rem;min-height:44px}
.dl a:hover span{text-decoration:underline}
.dl svg{width:20px;height:20px;color:var(--ink-3);flex:none}
.dl small{display:block;font-weight:600;font-size:.88rem;color:var(--ink-3);margin-top:2px}
@media(max-width:480px){.zahlen{display:grid;grid-template-columns:1fr 1fr}}