/* Bakenkontor Posteingang – Oberfläche für Gastgeber
   Farben, Schrift und Bausteine wie auf bakenkontor.de (statisch/css/bakenkontor.css, Fassung 15.10.2026):
   Programmfenster, Mail-Zeilen (.post), Etiketten, Knöpfe, Hausakte (.akte), Notiz „Aus Ihrer Hausakte“. */

@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("schriften/plex-sans-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("schriften/plex-sans-500.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("schriften/plex-sans-600.woff2") format("woff2")}

:root{
  --gruen:#2E6A53;
  --gruen-tief:#21503E;
  --gruen-nacht:#173B2E;
  --gruen-mittel:#CDE2D6;
  --gruen-hell:#E8F1EC;
  --gruen-zart:#F1F7F3;
  --sand:#A87A32;
  --sand-tief:#7E5A1C;
  --sand-mittel:#F3E7D3;
  --sand-hell:#F7F0E4;
  --ziegel:#8C3A22;
  --ziegel-hell:#F5E1D9;
  --anthrazit:#1B2320;
  --text:#3A4641;
  --grau:#5B6963;
  --linie:#DEE5E1;
  --linie-stark:#BCC8C2;
  --flaeche:#F3F6F4;
  --leiste:#F7F9F8;
  --seite:#FAFBFA;

  --sans:"IBM Plex Sans",Arial,Helvetica,sans-serif;
  --r:1rem;
  --r-klein:.6rem;
  --r-knopf:.45rem;
  --schatten:0 1px 2px rgba(27,35,32,.05),0 8px 24px -10px rgba(27,35,32,.14);
  --schatten-gross:0 2px 6px rgba(27,35,32,.08),0 30px 70px -20px rgba(23,59,46,.40);
  --leiste-hoehe:3.25rem;
}

/* ---------- Grundlagen ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;accent-color:var(--gruen);scrollbar-color:#A9B7B0 transparent}
body{margin:0;min-height:100vh;background:var(--flaeche);color:var(--text);font:400 .9375rem/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--gruen);text-underline-offset:.2em}
a:hover{color:var(--gruen-tief)}
:focus-visible{outline:2px solid var(--sand);outline-offset:2px}
::selection{background:var(--gruen-mittel);color:var(--anthrazit)}
p{margin:0 0 .75em}
h1,h2,h3{font-weight:600;color:var(--anthrazit);margin:0;letter-spacing:-.01em}
[hidden]{display:none!important}
.symbol{width:1.25rem;height:1.25rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nur-schmal{display:none}
@media (max-width:47.99rem){.nur-breit{display:none}.nur-schmal{display:inline}}
.nur-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Rahmen: Leiste oben, Ordner links, Liste, Hausakte rechts ---------- */
.app{min-height:100vh;display:flex;flex-direction:column;max-width:100rem;margin:0 auto;background:#fff}
@media (min-width:100rem){.app{border-left:1px solid var(--linie);border-right:1px solid var(--linie)}}

.leiste{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;height:var(--leiste-hoehe);padding:0 1rem;background:var(--leiste);border-bottom:1px solid var(--linie)}
.marke{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;color:var(--anthrazit);font-weight:600;font-size:.95rem;letter-spacing:-.01em;text-decoration:none}
.marke svg{width:1.45rem;height:1.45rem}
.leiste__titel{font-size:.875rem;font-weight:500;color:var(--grau);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.leiste__rechts{justify-self:end;display:flex;align-items:center;gap:.5rem}
.zahl{font-size:.75rem;font-weight:600;line-height:1.5;color:var(--gruen-tief);background:var(--gruen-hell);border-radius:999px;padding:.15rem .6rem;white-space:nowrap}
.zahl--eilt{color:var(--ziegel);background:var(--ziegel-hell)}

.band{padding:.5rem 1rem;background:var(--sand-hell);border-bottom:1px solid #EBDDC4;color:var(--sand-tief);font-size:.82rem;font-weight:500;text-align:center}

.koerper{flex:1;display:grid;grid-template-columns:14rem minmax(0,1fr);min-height:0}
.koerper--akte{grid-template-columns:14rem minmax(0,1fr) 21rem}

/* Ordner */
.ordner{position:sticky;top:var(--leiste-hoehe);align-self:start;display:flex;flex-direction:column;height:calc(100vh - var(--leiste-hoehe));padding:1rem .75rem;background:var(--seite);border-right:1px solid var(--linie)}
.ordner__liste{list-style:none;margin:0;padding:0}
.ordner__liste li{margin:0 0 .15rem}
.ordner__knopf{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .65rem;border:0;border-radius:var(--r-knopf);background:none;color:var(--grau);font-size:.9rem;text-align:left;transition:background-color .12s,color .12s}
.ordner__knopf:hover{background:#EEF2EF;color:var(--anthrazit)}
.ordner__knopf[aria-current="page"]{background:var(--gruen-hell);color:var(--gruen-tief);font-weight:600}
.ordner__knopf .symbol{display:none}
.ordner__name{flex:1}
.ordner__zahl{font-weight:600;font-variant-numeric:tabular-nums}
.ordner__trenner{height:1px;margin:.75rem .65rem;background:var(--linie)}
.ordner__fuss{margin-top:auto;padding:.85rem .65rem 0;border-top:1px solid var(--linie);font-size:.8rem;line-height:1.45;color:var(--grau)}
.ordner__fuss strong{display:block;color:var(--anthrazit);font-weight:600}
.ordner__fuss a{color:var(--gruen);font-weight:500;text-decoration:none}
.ordner__fuss a:hover{text-decoration:underline}
.ordner__abmelden{margin-top:.6rem;padding:0;border:0;background:none;color:var(--grau);font-size:.8rem;text-decoration:underline;text-underline-offset:.2em}
.ordner__abmelden:hover{color:var(--anthrazit)}

/* Inhalt */
.inhalt{min-width:0;padding-bottom:3rem}
.inhalt:focus{outline:none}
.kopfzeile{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.35rem 1.25rem .9rem;border-bottom:1px solid var(--linie)}
.kopfzeile h1{font-size:1.35rem;line-height:1.25;letter-spacing:-.02em}
.kopfzeile p{margin:.2rem 0 0;color:var(--grau);font-size:.875rem}
.tag{position:sticky;top:var(--leiste-hoehe);z-index:5;padding:.45rem 1.25rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--linie);font-size:.78rem;font-weight:600;color:var(--grau)}

/* ---------- Mail-Zeilen wie auf der Website ---------- */
.vorgang{border-bottom:1px solid var(--linie)}
.vorgang--weg{animation:weg .28s ease forwards}
@keyframes weg{to{opacity:0;transform:translateX(1.5rem)}}
.post{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.85rem;padding:1rem 1.25rem}
.post+.post{border-top:1px solid var(--linie)}
.post--gast{cursor:pointer;transition:background-color .12s}
.post--gast:hover{background:var(--seite)}
@media (min-width:75rem){.vorgang--aktiv .post--gast::before,.vorgang--aktiv .post--entwurf::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gruen)}}
.post__aufklappen{margin:-.35rem 0 .45rem;padding:0;border:0;background:none;color:var(--gruen);font-size:.8rem;font-weight:600}
.post__aufklappen:hover{color:var(--gruen-tief);text-decoration:underline;text-underline-offset:.2em}
.post__info{display:flex;align-items:center;gap:.35rem;margin:.4rem 0 0;font-size:.8rem;font-weight:500;color:var(--gruen-tief)}
.post__info .symbol{width:1rem;height:1rem;flex:none}
.post__info span{min-width:0;overflow-wrap:anywhere}
.post__bild{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#E3E8F3;color:#3B4A6B;font-size:.75rem;font-weight:600;letter-spacing:.02em}
.post__bild--portal{background:var(--sand-mittel);color:var(--sand-tief)}
.post__bild--entwurf{background:var(--gruen);color:#fff}
.post__bild--entwurf .symbol{width:1.1rem;height:1.1rem}
.post__bild--gesendet{background:var(--gruen-hell);color:var(--gruen-tief)}
.post__bild--gesendet .symbol{width:1.05rem;height:1.05rem}
.post__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.post__kopf b{font-weight:600;color:var(--anthrazit);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post__kopf time{flex:none;font-size:.78rem;color:var(--grau);font-variant-numeric:tabular-nums}
.post__betreff{font-weight:500;color:var(--anthrazit)}
.post__text{margin:.15rem 0 .5rem;color:var(--grau);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post__text--offen{display:block;-webkit-line-clamp:unset;overflow:visible}
.post__text,.post__betreff{max-width:48rem}
.post__mehr{font-size:.78rem;color:var(--grau)}
.post--entwurf{background:var(--gruen-zart)}
.post--entwurf.post--sand{background:#FCF8F1}
.entwurf__text{margin:.45rem 0 0;color:var(--text);max-width:44rem}
.entwurf__text p{margin:0 0 .55rem}
.entwurf__text p:last-child{margin-bottom:0}
.post__grund{margin:.35rem 0 0;font-size:.85rem;color:var(--text);max-width:44rem}

.etiketten{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.1rem}
.etikett{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.5;background:#EDF0EE;color:var(--grau);white-space:nowrap}
.etikett--gruen{background:var(--gruen-mittel);color:var(--gruen-tief)}
.etikett--sand{background:var(--sand-mittel);color:var(--sand-tief)}
.etikett--eilt{background:var(--ziegel-hell);color:var(--ziegel)}
.etikett--still{background:#fff;box-shadow:inset 0 0 0 1px var(--linie);color:var(--grau)}

.luecke{padding:0 .25rem;border-radius:.3rem;background:var(--sand-mittel);color:var(--sand-tief);font-weight:500}
.hinweis{display:flex;gap:.55rem;align-items:flex-start;margin:.7rem 0 0;padding:.6rem .75rem;border-radius:var(--r-klein);background:var(--sand-hell);color:var(--sand-tief);font-size:.84rem;line-height:1.45;max-width:44rem}
.hinweis .symbol{width:1.1rem;height:1.1rem;margin-top:.05rem}
.hinweis button{padding:0;border:0;background:none;color:var(--sand-tief);font-weight:600;text-decoration:underline;text-underline-offset:.2em}

/* Knöpfe (wie .post__knoepfe auf der Website, hier echt klickbar) */
.post__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.kn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;padding:.4rem .95rem;border:1px solid var(--gruen);border-radius:var(--r-knopf);background:var(--gruen);color:#fff;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:0 1px 2px rgba(23,59,46,.2),inset 0 1px 0 rgba(255,255,255,.12);transition:background-color .12s,border-color .12s}
.kn:hover{background:var(--gruen-tief);border-color:var(--gruen-tief);color:#fff}
.kn--still{background:#fff;border-color:var(--linie-stark);color:var(--anthrazit);box-shadow:0 1px 2px rgba(27,35,32,.06)}
.kn--still:hover{background:var(--flaeche);border-color:var(--anthrazit);color:var(--anthrazit)}
.kn--leise{border-color:transparent;background:none;box-shadow:none;color:var(--grau)}
.kn--leise:hover{background:var(--flaeche);border-color:transparent;color:var(--anthrazit)}
.kn[disabled]{opacity:.45;cursor:not-allowed}
.kn .symbol{width:1rem;height:1rem}

/* Bearbeiten */
.feld{display:block;width:100%;max-width:44rem;margin-top:.55rem;padding:.7rem .8rem;border:1px solid var(--linie-stark);border-radius:var(--r-klein);background:#fff;line-height:1.55;resize:vertical}
.feld:focus{outline:none;border-color:var(--gruen);box-shadow:0 0 0 3px var(--gruen-hell)}
textarea.feld{min-height:11rem}

/* Herkunft im Entwurf (schmale Bildschirme) */
.herkunft{margin-top:.7rem;max-width:44rem;font-size:.84rem}
.herkunft summary{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;color:var(--gruen-tief);font-weight:600;list-style:none}
.herkunft summary::-webkit-details-marker{display:none}
.herkunft summary::after{content:"";width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.15rem}
.herkunft[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.herkunft .haken{margin-top:.6rem}

/* ---------- Rechte Spalte: Aus Ihrer Hausakte (wie .notiz) ---------- */
.seitenblick{position:sticky;top:var(--leiste-hoehe);align-self:start;height:calc(100vh - var(--leiste-hoehe));overflow:auto;padding:1.25rem 1rem;background:var(--seite);border-left:1px solid var(--linie)}
.notiz{padding:1.1rem 1.2rem;background:#fff;border-radius:var(--r);box-shadow:var(--schatten);font-size:.875rem;line-height:1.45}
.notiz+.notiz{margin-top:1rem}
.notiz__titel{margin:0 0 .65rem;font-weight:600;color:var(--anthrazit)}
.notiz__unter{margin:-.35rem 0 .75rem;font-size:.8rem;color:var(--grau)}
.notiz__fuss{margin:.85rem 0 0;padding-top:.75rem;border-top:1px solid var(--linie);font-size:.8rem;color:var(--grau)}
.notiz__fuss button{padding:0;border:0;background:none;color:var(--gruen);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.notiz__leer{margin:0;color:var(--grau);font-size:.85rem}
.haken{list-style:none;margin:0;padding:0}
.haken li{position:relative;margin:0 0 .5rem;padding-left:1.6rem}
.haken li:last-child{margin-bottom:0}
.haken li::before{content:"";position:absolute;left:0;top:.05rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--gruen-hell)}
.haken li::after{content:"";position:absolute;left:.4rem;top:.28rem;width:.3rem;height:.52rem;border-right:2px solid var(--gruen);border-bottom:2px solid var(--gruen);transform:rotate(45deg)}
.haken .nein::before{background:var(--sand-mittel)}
.haken .nein::after{left:.3rem;top:.35rem;width:.5rem;height:.5rem;border:0;transform:none;background:linear-gradient(45deg,transparent calc(50% - 1px),var(--sand-tief) calc(50% - 1px),var(--sand-tief) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),var(--sand-tief) calc(50% - 1px),var(--sand-tief) calc(50% + 1px),transparent calc(50% + 1px))}
.haken b{font-weight:600;color:var(--anthrazit)}

/* ---------- Seiten: Hausakte und Monatsbericht ---------- */
.seite{max-width:52rem;padding:0 1.25rem}
.seite .kopfzeile{padding-left:0;padding-right:0;margin-bottom:1.25rem}
.karte{background:#fff;border-radius:.85rem;box-shadow:0 0 0 1px var(--linie),var(--schatten);overflow:hidden}
.karte+.karte,.karte+.abschnitt,.abschnitt+.karte{margin-top:1.25rem}
.karte__kopf{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1.25rem;background:var(--leiste);border-bottom:1px solid var(--linie);font-size:.8rem;font-weight:500;color:var(--grau)}
.karte__innen{padding:1.1rem 1.25rem}
.karte--sand{background:var(--sand-hell);box-shadow:none}
.karte--sand h2{font-size:1rem;margin-bottom:.35rem}
.karte--sand p{font-size:.875rem;color:var(--text)}

.akte{margin:0;padding:.35rem 1.25rem .75rem;font-size:.9rem}
.akte>div{display:grid;grid-template-columns:8.5rem minmax(0,1fr) auto;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--linie)}
.akte>div:last-child{border-bottom:0}
.akte dt{font-weight:600;color:var(--anthrazit)}
.akte dd{margin:0}
.akte__wo{font-size:.75rem;color:var(--grau);white-space:nowrap}
.akte__leer{color:var(--grau);font-style:italic}

.akte-form{padding:.5rem 1.25rem 1rem}
.akte-zeile{display:grid;grid-template-columns:8.5rem minmax(0,1fr) 8rem 2.25rem;gap:.6rem;align-items:start;padding:.55rem 0;border-bottom:1px solid var(--linie)}
.akte-zeile .feld{margin:0;max-width:none;padding:.5rem .6rem}
.akte-zeile textarea.feld{min-height:2.6rem;height:2.6rem}
.akte-zeile__weg{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:0;border-radius:var(--r-knopf);background:none;color:var(--grau)}
.akte-zeile__weg:hover{background:var(--ziegel-hell);color:var(--ziegel)}
.akte-kopf{display:grid;grid-template-columns:8.5rem minmax(0,1fr) 8rem 2.25rem;gap:.6rem;padding:.4rem 0;font-size:.75rem;font-weight:600;color:var(--grau)}
.leiste-unten{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.9rem 1.25rem;border-top:1px solid var(--linie);background:var(--seite)}
.leiste-unten .kn--leise{margin-right:auto}

.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.chip{padding:.3rem .8rem;border:1px solid var(--linie-stark);border-radius:999px;background:#fff;font-size:.82rem;font-weight:500;color:var(--text)}
.chip[aria-pressed="true"]{background:var(--gruen-hell);border-color:var(--gruen-mittel);color:var(--gruen-tief);font-weight:600}

.luecken{list-style:none;margin:0;padding:0}
.luecken li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #EBDDC4;font-size:.875rem}
.luecken li:last-child{border-bottom:0}
.luecken small{display:block;color:var(--sand-tief);font-size:.78rem}

.gestrichen{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.gestrichen li{padding:.2rem .65rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #EBDDC4;font-size:.8rem;color:var(--sand-tief)}

.kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kachel{padding:1.1rem 1.2rem;background:#fff;border-radius:.85rem;box-shadow:0 0 0 1px var(--linie),var(--schatten)}
.kachel__zahl{display:block;font-size:1.9rem;font-weight:600;line-height:1.1;letter-spacing:-.03em;color:var(--anthrazit);font-variant-numeric:tabular-nums}
.kachel__text{display:block;margin-top:.3rem;font-size:.84rem;color:var(--grau)}
.kachel--gruen{background:var(--gruen-hell);box-shadow:none}
.kachel--gruen .kachel__zahl{color:var(--gruen-tief)}
.balken{height:.5rem;margin-top:.7rem;border-radius:999px;background:var(--linie);overflow:hidden}
.balken i{display:block;height:100%;border-radius:999px;background:var(--gruen)}
.fussnote{margin-top:1rem;font-size:.8rem;color:var(--grau)}

/* Leer */
.leer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:4rem 1.5rem;color:var(--grau)}
.leer__symbol{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.5rem;border-radius:.8rem;background:var(--gruen-hell);color:var(--gruen)}
.leer h2{font-size:1.05rem}
.leer p{max-width:26rem;margin:0;font-size:.9rem}

/* Laden */
.laden{padding:1rem 1.25rem}
.laden i{display:block;height:4.5rem;margin-bottom:.75rem;border-radius:var(--r-klein);background:linear-gradient(90deg,var(--flaeche),#fff,var(--flaeche));background-size:200% 100%;animation:schimmer 1.2s linear infinite}
@keyframes schimmer{to{background-position:-200% 0}}

/* Meldung unten */
.meldung{position:fixed;left:50%;bottom:1.5rem;z-index:60;display:flex;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.7rem .75rem .7rem 1.1rem;border-radius:var(--r-klein);background:var(--anthrazit);color:#fff;font-size:.875rem;box-shadow:var(--schatten-gross);transform:translate(-50%,0);transition:opacity .2s,transform .2s}
.meldung[hidden]{display:flex!important;opacity:0;pointer-events:none;transform:translate(-50%,.75rem)}
.meldung button{padding:.3rem .6rem;border:0;border-radius:.35rem;background:rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:.82rem}
.meldung button:hover{background:rgba(255,255,255,.22)}
.meldung--fehler{background:var(--ziegel)}

/* ---------- Anmeldung: Karte auf dem Watt-Foto wie auf der Startseite ---------- */
.anmeldung{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--gruen-nacht) url("watt.webp") center/cover no-repeat}
.anmeldung__karte{width:100%;max-width:24rem;padding:2rem 1.75rem;background:#fff;border-radius:var(--r);box-shadow:var(--schatten-gross)}
.anmeldung__karte .marke{margin-bottom:1.5rem}
.anmeldung__karte h1{font-size:1.4rem;letter-spacing:-.02em;margin-bottom:.35rem}
.anmeldung__karte p{color:var(--grau);font-size:.9rem}
.anmeldung__karte label{display:block;margin-top:1.1rem;font-size:.85rem;font-weight:600;color:var(--anthrazit)}
.anmeldung__karte .feld{max-width:none;margin-top:.35rem}
.anmeldung__karte .kn{width:100%;min-height:2.9rem;margin-top:1rem;font-size:.95rem}
.anmeldung__fehler{margin:.75rem 0 0;color:var(--ziegel);font-size:.85rem;font-weight:500}
.anmeldung__fuss{margin:1.25rem 0 0!important;padding-top:1rem;border-top:1px solid var(--linie);font-size:.8rem!important}

/* ---------- Breiten ---------- */
@media (max-width:74.99rem){
  .koerper--akte{grid-template-columns:14rem minmax(0,1fr)}
  .seitenblick{display:none}
}
@media (min-width:75rem){
  .koerper--akte .herkunft{display:none}
}
@media (max-width:47.99rem){
  :root{--leiste-hoehe:3rem}
  body{background:#fff}
  .leiste{grid-template-columns:auto minmax(0,1fr) auto;padding:0 .9rem}
  .marke span{display:none}
  .leiste__titel{text-align:left;font-weight:600;color:var(--anthrazit)}
  .koerper,.koerper--akte{grid-template-columns:minmax(0,1fr)}
  .ordner{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:40;height:auto;padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:0;border-top:1px solid var(--linie)}
  .ordner__liste{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
  .ordner__liste li{margin:0}
  .ordner__liste li.ordner__trenner{display:none}
  .ordner__knopf{position:relative;flex-direction:column;gap:.15rem;padding:.4rem .1rem;font-size:.68rem;text-align:center}
  .ordner__knopf .symbol{display:block;width:1.3rem;height:1.3rem}
  .ordner__knopf[aria-current="page"]{background:none}
  .ordner__knopf[aria-current="page"] .symbol{color:var(--gruen)}
  .ordner__zahl{position:absolute;top:.1rem;left:calc(50% + .45rem);min-width:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--gruen);color:#fff;font-size:.65rem;line-height:1.1rem}
  .ordner__zahl:empty{display:none}
  .ordner__fuss{display:none}
  .inhalt{padding-bottom:5.5rem}
  .kopfzeile{padding:1.1rem 1rem .8rem}
  .tag{padding:.4rem 1rem}
  .post{padding:.95rem 1rem;gap:.75rem}
  .seite{padding:0 1rem}
  .akte>div{grid-template-columns:minmax(0,1fr);gap:0}
  .akte-kopf{display:none}
  .akte-zeile{grid-template-columns:minmax(0,1fr) 2.25rem}
  .akte-zeile .feld:nth-child(1){grid-column:1}
  .akte-zeile .feld:nth-child(2),.akte-zeile .feld:nth-child(3){grid-column:1}
  .akte-zeile__weg{grid-column:2;grid-row:1}
  .kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meldung{bottom:5rem}
}
@media (max-width:22.5rem){.kacheln{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}