/* ─────────────────────────────────────────────────────────────
   Kartenwerk Bergwanderfuehrer — gemeinsamer Stil aller Blaetter.

   Aus Blatt 1 herausgeloest, damit jedes weitere Blatt dieselbe
   Sprache spricht: Alpenvereinskarte 1:25.000, Blattrand mit
   Koordinatenstrichen, Bister-Hoehenlinien, hypsometrische Stufen.
   Wer hier eine Farbe aendert, aendert sie im ganzen Werk.
   ───────────────────────────────────────────────────────────── */

:root{
    /* Alpenvereinskarte */
    --papier:#FAFAF5; --papier-2:#F1F1E9; --papier-3:#E7E7DD;
    --bister:#96663A; --bister-hell:#C7A67F; --bister-blass:#E4D3BC;
    --fels:#53575A; --fels-hell:#8E9295; --fels-offen:#6B6F72;
    --linie:#8E9295;
    --wald:#7FA86A; --wald-hell:#CBDDBB;
    --wegrot:#A82E20; --wegrot-linie:#BE3A2B;
    --schrift:#1C1F22; --schrift-2:#575E62; --schrift-3:#63696F;
    --rahmen:#1C1F22;

    /* Höhenstufen, von unten nach oben */
    --stufe-d:#DDE6CE; --stufe-c:#EAE7C6; --stufe-b:#EEDFBE; --stufe-a:#F0E6DC;

    --ui:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;
    --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;

    --s--2:clamp(.63rem,.61rem+.08vw,.68rem);
    --s--1:clamp(.73rem,.71rem+.10vw,.80rem);
    --s-0:clamp(.94rem,.91rem+.16vw,1.01rem);
    --s-1:clamp(1.06rem,.99rem+.30vw,1.22rem);
    --s-2:clamp(1.26rem,1.10rem+.70vw,1.7rem);
    --s-3:clamp(1.7rem,1.35rem+1.5vw,2.7rem);
  }

  *,*::before,*::after{box-sizing:border-box}

  body{
    margin:0; background:var(--papier-3); color:var(--schrift);
    font-family:var(--ui); font-size:var(--s-0); line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }

  /* ── Blattrand: Koordinatenstriche wie am Kartenrand ─────────── */
  .blatt{
    position:relative; max-width:64rem; margin:0 auto; background:var(--papier);
    border:1px solid var(--rahmen);
    box-shadow:0 1px 2px rgba(28,31,34,.10), 0 14px 40px -22px rgba(28,31,34,.42);
  }
  .blatt::before,.blatt::after{
    content:""; position:absolute; left:0; right:0; height:9px; pointer-events:none;
    background:repeating-linear-gradient(90deg,var(--rahmen) 0 1px,transparent 1px 42px);
    opacity:.55;
  }
  .blatt::before{top:0} .blatt::after{bottom:0}

  .innen{
    position:relative; padding:clamp(1.6rem,4vw,2.8rem) clamp(1.1rem,4vw,3rem) 0;
    display:flex; flex-direction:column; gap:clamp(2.4rem,5vw,3.6rem);
  }
  .innen::before,.innen::after{
    content:""; position:absolute; top:0; bottom:0; width:9px; pointer-events:none;
    background:repeating-linear-gradient(180deg,var(--rahmen) 0 1px,transparent 1px 42px);
    opacity:.55;
  }
  .innen::before{left:0} .innen::after{right:0}

  /* ── Kartenkopf ─────────────────────────────────────────────── */
  .kopf{display:flex;flex-direction:column;gap:1.1rem}

  .karte-rahmen{
    position:relative; border:1px solid var(--fels-hell); background:var(--papier-2);
    overflow:hidden; aspect-ratio:16/6; min-height:132px;
  }
  #relief{display:block;width:100%;height:100%}
  .karte-titel{
    position:absolute; left:0; bottom:0; background:rgba(250,250,245,.93);
    border-top:1px solid var(--fels-hell); border-right:1px solid var(--fels-hell);
    padding:.5rem .85rem .55rem; max-width:min(88%,26rem);
  }
  .karte-titel b{display:block;font-size:var(--s--1);letter-spacing:.02em;font-weight:640}
  .karte-titel span{display:block;font-family:var(--mono);font-size:var(--s--2);
                    color:var(--schrift-2);letter-spacing:.06em;margin-top:.1rem}
  .nordpfeil{position:absolute;right:.7rem;top:.7rem;width:26px;height:42px;opacity:.8}

  .blattkopf{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.9rem 1.6rem;
             justify-content:space-between}
  h1{font-size:var(--s-3);line-height:1.04;letter-spacing:-.025em;margin:0;
     font-weight:660;text-wrap:balance}
  .blattnummer{font-family:var(--mono);font-size:var(--s--1);letter-spacing:.14em;
               text-transform:uppercase;color:var(--schrift-2);text-align:right;
               border-left:1px solid var(--linie);padding-left:1rem}
  .blattnummer b{display:block;color:var(--wegrot);font-weight:640;letter-spacing:.14em}
  .anriss{margin:0;color:var(--schrift-2);max-width:46ch;text-wrap:pretty}

  /* ── Abschnitte ─────────────────────────────────────────────── */
  section{display:flex;flex-direction:column;gap:1.1rem}
  h2{font-size:var(--s-2);font-weight:640;letter-spacing:-.02em;margin:0;text-wrap:balance;
     display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}
  h2 em{font-style:normal;font-family:var(--mono);font-size:var(--s--1);
        letter-spacing:.1em;text-transform:uppercase;color:var(--schrift-3);font-weight:500}
  section > p{margin:0;color:var(--schrift-2);max-width:62ch;text-wrap:pretty}

  /* ── Höhenstufen mit Signaturen ─────────────────────────────── */
  .stufen{border:1px solid var(--fels-hell);border-bottom:0}
  .stufe{border-bottom:1px solid var(--fels-hell);padding:1rem clamp(.8rem,2.5vw,1.3rem) 1.2rem;
         position:relative}
  .stufe[data-k="A"]{background:var(--stufe-a)}
  .stufe[data-k="B"]{background:var(--stufe-b)}
  .stufe[data-k="C"]{background:var(--stufe-c)}
  .stufe[data-k="D"]{background:var(--stufe-d)}

  .stufe-kopf{display:flex;align-items:baseline;justify-content:space-between;
              gap:.6rem 1.2rem;flex-wrap:wrap;margin-bottom:.9rem}
  .stufe-marke{display:flex;align-items:baseline;gap:.65rem;min-width:0}
  .stufe-buchstabe{font-family:var(--mono);font-size:1.35rem;font-weight:700;
                   color:var(--bister);line-height:1;flex:none}
  .stufe-name{font-weight:600;letter-spacing:-.005em;display:block}
  .stufe-regel{display:block;font-size:var(--s--1);color:var(--schrift-2);font-weight:400;
               margin-top:.05rem}
  .stufe-zahl{font-family:var(--mono);font-variant-numeric:tabular-nums;
              font-size:var(--s-1);color:var(--schrift-2);white-space:nowrap}
  .stufe-zahl b{color:var(--schrift);font-weight:660;font-size:1.15em}

  .signaturen{display:grid;gap:clamp(.3rem,1.3vw,.55rem);
              grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}
  .sig{position:relative;aspect-ratio:1;display:block;border:0;padding:0;background:none;
       border-radius:2px}
  .sig svg{display:block;width:100%;height:100%;overflow:visible}
  .sig[data-voll="ja"]{cursor:pointer}
  .sig[data-voll="ja"]:focus-visible{outline:2px solid var(--wegrot);outline-offset:2px}
  .sig[data-voll="ja"]:hover .zeichen,
  .sig[data-voll="ja"]:focus-visible .zeichen{transform:translateY(-2px)}
  .zeichen{transition:transform .22s cubic-bezier(.16,1,.3,1)}

  .sig[data-voll="ja"] .zeichen{animation:setzen .42s cubic-bezier(.16,1,.3,1) backwards;
                                animation-delay:var(--verzug)}
  @keyframes setzen{
    from{opacity:0;transform:translateY(7px) scale(.9)}
    to  {opacity:1;transform:translateY(0) scale(1)}
  }

  .stufe-fuss{margin:.75rem 0 0;font-size:var(--s--1);color:var(--schrift-2)}

  /* ── Kartenauskunft (Anzeige) ───────────────────────────────── */
  .auskunft{position:sticky;bottom:0;z-index:2;border:1px solid var(--fels);background:var(--papier-2);
            padding:.75rem 1rem;min-height:3.6rem;display:flex;align-items:center}
  .auskunft-leer{color:var(--schrift-2);font-size:var(--s--1)}
  .auskunft dl{margin:0;display:flex;flex-direction:column;gap:.15rem}
  .auskunft dt{font-weight:620;font-size:var(--s-0)}
  .auskunft dd{margin:0;font-family:var(--mono);font-size:var(--s--1);
               color:var(--schrift-2);font-variant-numeric:tabular-nums}

  /* ── Legende ────────────────────────────────────────────────── */
  .legende{border:1px solid var(--rahmen);background:var(--papier-2)}
  .legende-kopf{border-bottom:1px solid var(--rahmen);padding:.55rem .9rem;
                font-family:var(--mono);font-size:var(--s--1);letter-spacing:.14em;
                text-transform:uppercase;color:var(--schrift-2)}
  .legende-liste{margin:0;padding:.85rem .9rem;list-style:none;display:grid;gap:.7rem 1.4rem;
                 grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
  .leg{display:grid;grid-template-columns:34px 1fr;gap:.7rem;align-items:center;margin:0}
  .leg svg{display:block;width:34px;height:22px}
  .leg span{font-size:var(--s--1);color:var(--schrift-2)}
  .leg b{color:var(--schrift);font-weight:600}

  /* ── Aufstiegsprofil (Ränge) ────────────────────────────────── */
  .profil-rahmen:focus-visible{outline:2px solid var(--wegrot);outline-offset:2px}
  .profil-rahmen{border:1px solid var(--fels-hell);background:var(--papier-2);
                 padding:.9rem .9rem .4rem;overflow-x:auto}
  #profil{display:block;width:100%;min-width:30rem;height:auto}

  .raenge{display:flex;flex-direction:column;border-top:1px solid var(--linie)}
  .rang{display:grid;grid-template-columns:2.1rem 1fr;gap:.9rem;padding:.95rem .1rem;
        border-bottom:1px solid var(--linie);align-items:start}
  .rang-nr{font-family:var(--mono);font-size:var(--s--1);font-weight:700;
           color:var(--papier);background:var(--fels);width:2.1rem;height:2.1rem;
           display:grid;place-items:center;border-radius:2px}
  .rang[data-zustand="aktiv"] .rang-nr{background:var(--wegrot)}
  .rang-kopf{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}
  .rang-name{font-weight:620;letter-spacing:-.008em}
  .rang-wann{font-family:var(--mono);font-size:var(--s--1);color:var(--schrift-3)}
  .rang p{margin:.25rem 0 0;font-size:var(--s--1);color:var(--schrift-2);max-width:58ch}
  .rang[data-zustand="offen"] .rang-name{color:var(--schrift-2)}

  .laender{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.55rem}
  .land{font-family:var(--mono);font-size:var(--s--2);letter-spacing:.04em;
        padding:.14rem .45rem;border:1px solid var(--fels-hell);color:var(--schrift-2);
        background:var(--papier);border-radius:2px}
  .land[data-frei="ja"]{border-color:var(--wald);background:var(--wald-hell);color:#38562A}
  .land[data-frei="teil"]{border-color:var(--bister-hell);background:var(--bister-blass);
                          color:#6B4A24}

  /* ── Disziplinen ────────────────────────────────────────────── */
  .diszi-liste{border:1px solid var(--fels-hell)}
  .diszi{padding:.95rem 1.05rem;border-bottom:1px solid var(--linie);
         display:grid;grid-template-columns:1fr auto;gap:.35rem .9rem;align-items:baseline}
  .diszi:last-child{border-bottom:0}
  .diszi-name{font-weight:600;min-width:0}
  .diszi-wert{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:650;
              white-space:nowrap;font-size:var(--s-1)}
  .w-ja{color:#2F6B45} .w-vorbehalt{color:#8A5A12} .w-offen{color:var(--schrift-3)}
  .diszi p{grid-column:1/-1;margin:.15rem 0 0;font-size:var(--s--1);color:var(--schrift-2);
           max-width:64ch}
  .messlatte{grid-column:1/-1;position:relative;height:7px;background:var(--papier-3);
             border:1px solid var(--fels-hell);margin-top:.4rem}
  .messlatte .fuell{display:block;height:100%;background:var(--wald)}
  .messlatte .soll{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--wegrot)}

  /* ── Nächste Etappe ─────────────────────────────────────────── */
  .etappe{border:1px solid var(--rahmen)}
  .etappe-kopf{border-bottom:1px solid var(--rahmen);padding:.6rem .95rem;
               font-family:var(--mono);font-size:var(--s--1);letter-spacing:.14em;
               text-transform:uppercase;color:var(--schrift-2);
               display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
  .etappe-kopf b{color:var(--wegrot);letter-spacing:.14em}
  .schritte{list-style:none;margin:0;padding:0}
  .schritte li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;
               padding:.85rem .95rem;border-bottom:1px solid var(--linie);align-items:start}
  .schritte li:last-child{border-bottom:0}
  .schritte .nr{font-family:var(--mono);font-size:var(--s--1);font-weight:700;
                color:var(--wegrot);padding-top:.1rem}
  .schritte strong{display:block;font-weight:620}
  .schritte span{display:block;font-size:var(--s--1);color:var(--schrift-2);margin-top:.1rem}

  /* ── Randapparat ────────────────────────────────────────────── */
  .randapparat{border-top:1px solid var(--rahmen);margin-top:.6rem;
               padding:1rem 0 clamp(1.4rem,3vw,2.2rem);
               display:grid;gap:.9rem 1.8rem;
               grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
               font-family:var(--mono);font-size:var(--s--2);color:var(--schrift-2);
               letter-spacing:.03em}
  .randapparat b{display:block;color:var(--schrift);letter-spacing:.1em;
                 text-transform:uppercase;margin-bottom:.25rem;font-weight:640}

  @media (max-width:34rem){
    .signaturen{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}
    .blattnummer{border-left:0;padding-left:0;text-align:left}
  }

  /* ── Druck: ein Kartenblatt ist zum Ausdrucken da ──────────── */
  @media print{
    body{background:#fff}
    .blatt{box-shadow:none;max-width:none;border-color:#000}
    .blatt::before,.blatt::after,.innen::before,.innen::after{opacity:1}
    .auskunft{position:static}
    .profil-rahmen{overflow:visible}
    #profil{min-width:0}
    section{break-inside:avoid}
    .stufe,.leg,.rang,.diszi,.schritte li{break-inside:avoid}
    .sig[data-voll="ja"] .zeichen{animation:none}
    .stufe[data-k="A"],.stufe[data-k="B"],.stufe[data-k="C"],.stufe[data-k="D"]{
      -webkit-print-color-adjust:exact;print-color-adjust:exact}
  }

  @media (prefers-reduced-motion:reduce){
    .sig[data-voll="ja"] .zeichen{animation:none}
    .zeichen{transition:none}
  }

  /* ── Blattschnitt: die Uebersicht ueber das Kartenwerk ───────── */
  .blattschnitt{
    display:flex; flex-wrap:wrap; gap:0;
    border:1px solid var(--rahmen); background:var(--papier-2);
    margin-bottom:.2rem;
  }
  .blattschnitt a{
    flex:1 1 auto; min-width:8.5rem; text-decoration:none; color:var(--schrift-2);
    padding:.6rem .85rem; border-right:1px solid var(--linie);
    font-family:var(--mono); font-size:var(--s--2); letter-spacing:.1em;
    text-transform:uppercase; display:block; transition:background .15s;
  }
  .blattschnitt a:last-child{border-right:0}
  .blattschnitt a b{display:block;color:var(--schrift);font-weight:640;
                    letter-spacing:.02em;text-transform:none;font-size:var(--s--1);
                    font-family:var(--ui);margin-top:.1rem}
  .blattschnitt a:hover{background:var(--papier-3)}
  .blattschnitt a:focus-visible{outline:2px solid var(--wegrot);outline-offset:-2px}
  .blattschnitt a[aria-current="page"]{background:var(--papier-3);color:var(--wegrot)}
  .blattschnitt a[aria-current="page"] b{color:var(--wegrot)}

  /* ── Tabelle im Kartenstil ──────────────────────────────────── */
  .tafel{border:1px solid var(--fels-hell);background:var(--papier-2);overflow-x:auto}
  .tafel table{border-collapse:collapse;width:100%;min-width:34rem;font-size:var(--s--1)}
  .tafel th,.tafel td{text-align:left;padding:.5rem .75rem;
                      border-bottom:1px solid var(--linie);vertical-align:baseline}
  .tafel thead th{font-family:var(--mono);font-size:var(--s--2);letter-spacing:.1em;
                  text-transform:uppercase;color:var(--schrift-2);font-weight:600;
                  border-bottom:1px solid var(--rahmen);white-space:nowrap}
  .tafel tbody tr:last-child td{border-bottom:0}
  .tafel .zahl{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;
               white-space:nowrap}
  .tafel .name{font-weight:620}
  .tafel tr[data-matt="ja"] td{color:var(--schrift-3)}
  .tafel tr[data-hebt="ja"] td{color:var(--wegrot)}

  /* ── Eintrag im Randapparatstil ─────────────────────────────── */
  .eintraege{border:1px solid var(--fels-hell)}
  .eintrag{padding:.9rem 1.05rem;border-bottom:1px solid var(--linie)}
  .eintrag:last-child{border-bottom:0}
  .eintrag-kopf{display:flex;align-items:baseline;justify-content:space-between;
                gap:.5rem 1rem;flex-wrap:wrap;margin-bottom:.3rem}
  .eintrag-name{font-weight:620;letter-spacing:-.008em}
  .eintrag-name code{font-family:var(--mono);font-size:.92em;font-weight:600}
  .eintrag p{margin:0;font-size:var(--s--1);color:var(--schrift-2);max-width:64ch}
  .eintrag p + p{margin-top:.4rem}

  /* ── Marke im Kartenstil ────────────────────────────────────── */
  .zeichenmarke{font-family:var(--mono);font-size:var(--s--2);letter-spacing:.05em;
                padding:.12rem .45rem;border:1px solid var(--fels-hell);
                background:var(--papier);color:var(--schrift-2);
                border-radius:2px;white-space:nowrap}
  .zeichenmarke[data-art="frei"]{border-color:var(--wald);background:var(--wald-hell);color:#38562A}
  .zeichenmarke[data-art="warn"]{border-color:var(--wegrot);background:#F4DEDB;color:var(--wegrot)}
  .zeichenmarke[data-art="bister"]{border-color:var(--bister-hell);background:var(--bister-blass);color:#6B4A24}

  /* ── Balken in Bister ───────────────────────────────────────── */
  .quotebalken{height:8px;background:var(--papier-3);border:1px solid var(--fels-hell);
               margin-top:.5rem;position:relative}
  .quotebalken i{display:block;height:100%;background:var(--bister)}

  /* ── Wegwahl: welches Regelwerk das Blatt zeigt ─────────────── */
  .wegwahl{
    display:flex; flex-wrap:wrap; gap:0; align-items:stretch;
    border:1px solid var(--fels-hell); background:var(--papier);
    margin-bottom:.2rem;
  }
  .wegwahl > span{
    padding:.45rem .8rem; border-right:1px solid var(--fels-hell);
    font-family:var(--mono); font-size:var(--s--2); letter-spacing:.12em;
    text-transform:uppercase; color:var(--schrift-3); display:flex; align-items:center;
    background:var(--papier-2);
  }
  .wegwahl a{
    padding:.45rem .8rem; border-right:1px solid var(--fels-hell);
    text-decoration:none; color:var(--schrift-2); font-size:var(--s--1);
    display:flex; align-items:center; gap:.45rem; transition:background .15s;
  }
  .wegwahl a:last-child{border-right:0}
  .wegwahl a:hover{background:var(--papier-2)}
  .wegwahl a:focus-visible{outline:2px solid var(--wegrot);outline-offset:-2px}
  .wegwahl a[aria-current="page"]{background:var(--bister-blass);color:#6B4A24;font-weight:620}
  .wegwahl a em{font-style:normal;font-family:var(--mono);font-size:var(--s--2);
                color:var(--schrift-3);font-variant-numeric:tabular-nums}
  .wegwahl a[aria-current="page"] em{color:#6B4A24}

  /* ── Quotenkarte ────────────────────────────────────────────── */
  .kartenfeld{border:1px solid var(--rahmen);background:var(--papier-2);overflow:hidden}
  .quotenkarte{display:block;width:100%;height:auto}
  .kartenfuss{border-top:1px solid var(--linie);padding:.6rem .9rem;
              font-family:var(--mono);font-size:var(--s--2);color:var(--schrift-2);
              letter-spacing:.03em}
  .zeichenerklaerung{list-style:none;margin:0;padding:.85rem .9rem;display:grid;
                     gap:.55rem 1.4rem;
                     grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
  .zeichenerklaerung li{display:grid;grid-template-columns:30px 1fr;gap:.65rem;
                        align-items:center;margin:0}
  .zeichenerklaerung svg{display:block;width:30px;height:18px}
  .zeichenerklaerung span{font-size:var(--s--1);color:var(--schrift-2)}
  .zeichenerklaerung b{color:var(--schrift);font-weight:600}

  /* ── Kartenbedienung ────────────────────────────────────────── */
  .kartenfeld{position:relative;cursor:grab;touch-action:none}
  .kartenwerkzeug{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--linie);
                  background:var(--papier)}
  .kartenwerkzeug label,.kartenwerkzeug button{
    display:flex;align-items:center;gap:.4rem;padding:.45rem .8rem;
    border:0;border-right:1px solid var(--linie);background:none;
    font-family:var(--mono);font-size:var(--s--2);letter-spacing:.06em;
    color:var(--schrift-2);cursor:pointer;transition:background .15s}
  .kartenwerkzeug label:hover,.kartenwerkzeug button:hover{background:var(--papier-2)}
  .kartenwerkzeug input{accent-color:var(--wegrot);margin:0}
  .kartenwerkzeug .rechts{margin-left:auto;border-right:0;display:flex}
  .kartenwerkzeug .rechts button{border-right:0;border-left:1px solid var(--linie)}
  .kartenauskunft{border-top:1px solid var(--linie);padding:.6rem .9rem;min-height:3.1rem;
                  background:var(--papier-2);display:flex;align-items:center}
  .kartenauskunft dl{margin:0;display:flex;flex-direction:column;gap:.1rem}
  .kartenauskunft dt{font-weight:620;font-size:var(--s--1)}
  .kartenauskunft dd{margin:0;font-family:var(--mono);font-size:var(--s--2);
                     color:var(--schrift-2);font-variant-numeric:tabular-nums}
  .kartenauskunft .leer{color:var(--schrift-3);font-size:var(--s--2);font-family:var(--mono)}
  /* Der Fokusrahmen umschliesst bei einer langen Route deren ganze Ausdehnung —
     ein blauer Kasten ueber der halben Karte. Duenn und gestrichelt sieht das
     nach Absicht aus statt nach Browservoreinstellung, und bleibt sichtbar. */
  .quotenkarte [data-titel]:focus{outline:none}
  .quotenkarte [data-titel]:focus-visible{outline:1.5px dashed var(--wegrot);outline-offset:3px}
  @media (prefers-reduced-motion:reduce){.kartenwerkzeug label,.kartenwerkzeug button{transition:none}}

  /* ── Kartenfilter ───────────────────────────────────────────── */
  .kartenfilter{border-bottom:1px solid var(--linie)}
  .kartenfilter label em{font-style:normal;color:var(--schrift-3);
                         font-variant-numeric:tabular-nums;font-size:var(--s--2)}
  .kartenfilter label.leerfilter{opacity:.42}
  .kartenfilter > span{min-width:6.5rem}