@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/schriften/ibm-plex-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/schriften/ibm-plex-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/schriften/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/schriften/ibm-plex-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/schriften/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/schriften/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/schriften/ibm-plex-sans-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/schriften/ibm-plex-sans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/schriften/ibm-plex-sans-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/schriften/ibm-plex-sans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/schriften/newsreader-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/schriften/newsreader-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/schriften/newsreader-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/schriften/newsreader-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}:root{
  --grund:#F5F2EC; --flaeche:#FFFFFF; --flaeche2:#ECE7DD;
  --tinte:#1D1A17; --gedaempft:#5C554D; --leise:#877E74;
  --linie:#DDD5CA; --linie-stark:#C4BAAC;
  --tief:#2E4F3A; --laub:#3E7A52; --licht:#A9D3B4; --licht-grund:#E4EFE6;
  --akzent:#C0623F; --akzent-grund:#F8E4DA;
  --notruf:#A8261D; --notruf-grund:#FBEAE7;
  --schatten:0 1px 2px rgba(29,26,23,.05), 0 10px 30px -18px rgba(29,26,23,.35);
  --rund:6px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --grund:#12110F; --flaeche:#1B1917; --flaeche2:#24211E;
    --tinte:#ECE6DE; --gedaempft:#A89F95; --leise:#7E766D;
    --linie:#302C28; --linie-stark:#433D37;
    --tief:#1C3326; --laub:#7FBF90; --licht:#8FC9A0; --licht-grund:#16291D;
    --akzent:#D9825F; --akzent-grund:#2D1A13;
    --notruf:#F08A80; --notruf-grund:#2E1714;
    --schatten:0 1px 2px rgba(0,0,0,.5), 0 10px 30px -18px rgba(0,0,0,.8);
  }
}
:root[data-theme="dark"]{
  --grund:#12110F; --flaeche:#1B1917; --flaeche2:#24211E;
  --tinte:#ECE6DE; --gedaempft:#A89F95; --leise:#7E766D;
  --linie:#302C28; --linie-stark:#433D37;
  --tief:#1C3326; --laub:#7FBF90; --licht:#8FC9A0; --licht-grund:#16291D;
  --akzent:#D9825F; --akzent-grund:#2D1A13;
  --notruf:#F08A80; --notruf-grund:#2E1714;
  --schatten:0 1px 2px rgba(0,0,0,.5), 0 10px 30px -18px rgba(0,0,0,.8);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--grund); color:var(--tinte);
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16.5px; line-height:1.62; -webkit-font-smoothing:antialiased}
.huelle{max-width:1080px; margin:0 auto; padding:0 22px}
.schmal{max-width:700px}
img,svg{max-width:100%; height:auto}
a{color:var(--laub); text-underline-offset:3px; text-decoration-thickness:1px}
a:hover{color:var(--akzent)}
:focus-visible{outline:2px solid var(--akzent); outline-offset:3px; border-radius:2px}

/* Kopf */
.kopf{background:var(--flaeche); color:var(--tinte); border-bottom:1px solid var(--linie)}
.kopf .huelle{display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding-block:14px}
.marke{display:inline-flex; align-items:center; gap:10px; color:#fff; text-decoration:none;
  font-family:Newsreader,Georgia,serif; font-size:22px; font-weight:600; letter-spacing:-.01em}
.marke svg{width:34px; height:34px; flex:none}
.marke b{font-weight:400; color:var(--licht)}
.marke .logo{height:clamp(44px,5vw,64px); width:auto; display:block}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .marke .logo{filter:brightness(1.25) saturate(.9)} }
:root[data-theme="dark"] .marke .logo{filter:brightness(1.25) saturate(.9)}
.navi{display:flex; gap:4px 16px; flex-wrap:wrap; margin-left:auto}
.navi a{color:var(--gedaempft); text-decoration:none; font-size:14.5px; padding:4px 0; border-bottom:1px solid transparent}
.navi a:hover,.navi a[aria-current]{color:var(--tief); border-color:var(--akzent)}

/* Aufmacher */
.aufmacher{background:var(--tief); color:#fff; padding:26px 0 40px}
.krumen{font-size:13px; color:var(--licht); margin:0 0 18px; display:flex; flex-wrap:wrap; gap:6px}
.krumen a{color:#D3E6D8; text-decoration:none}
.krumen a:hover{color:#fff; text-decoration:underline}
.krumen span[aria-hidden]{opacity:.55}
.ueberzeile{font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--licht); margin:0 0 10px}
h1{font-family:Newsreader,Georgia,serif; font-weight:600; font-size:clamp(32px,5.4vw,54px);
  line-height:1.06; letter-spacing:-.02em; margin:0 0 14px; max-width:20ch;
  text-wrap:balance; -webkit-hyphens:auto; hyphens:auto; overflow-wrap:break-word}
.vorspann{font-size:clamp(17px,2vw,19.5px); max-width:60ch; margin:0; color:#E8F1EA; line-height:1.55}
.kennzahlen{display:flex; flex-wrap:wrap; gap:22px 36px; margin-top:26px; padding-top:18px;
  border-top:1px solid rgba(255,255,255,.18)}
.kennzahl b{display:block; font-family:Newsreader,Georgia,serif; font-size:30px; font-weight:600; line-height:1.1}
.kennzahl span{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--licht)}
.kennzahl.warm b{color:#F3B98D}

/* Suche */
.finder{display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; max-width:640px; position:relative}
.finder button,.knopf{font:inherit; font-weight:500; background:var(--akzent); color:#fff; border:0;
  border-radius:var(--rund); padding:11px 16px; cursor:pointer}
.finder button:hover,.knopf:hover{filter:brightness(1.07)}
.finder input{font:inherit; flex:1 1 260px; min-width:0; padding:11px 14px; border-radius:var(--rund);
  border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.96); color:#1D1A17}
.treffer{list-style:none; margin:0; padding:0; position:absolute; left:0; right:0; top:100%; z-index:5;
  background:var(--flaeche); border:1px solid var(--linie); border-radius:var(--rund); box-shadow:var(--schatten)}
.treffer:empty{display:none}
.treffer a{display:block; padding:9px 13px; color:var(--tinte); text-decoration:none; border-bottom:1px solid var(--linie)}
.treffer a:hover,.treffer a:focus{background:var(--licht-grund)}
.finder-hinweis{font-size:13px; color:#D3E6D8; margin:8px 0 0; min-height:1.3em}

/* Abschnitte */
main{padding-bottom:30px}
section{margin-top:44px}
.kapitel{font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--laub); margin:0 0 6px}
h2{font-family:Newsreader,Georgia,serif; font-weight:600; font-size:clamp(24px,3vw,31px); line-height:1.15;
  letter-spacing:-.015em; margin:0 0 10px; text-wrap:balance}
h3{font-size:17px; margin:22px 0 6px}
.unterzeile{color:var(--gedaempft); margin:0 0 18px; max-width:66ch}
.klein{font-size:13.5px; color:var(--gedaempft)}

/* Warnung (Rückruf) */
.notruf{background:var(--notruf-grund); border:1px solid color-mix(in srgb,var(--notruf) 35%,transparent);
  border-left:5px solid var(--notruf); border-radius:var(--rund); padding:18px 20px; margin-top:-18px;
  position:relative; box-shadow:var(--schatten)}
.notruf .kapitel{color:var(--notruf)}
.notruf .nummer{display:inline-block; font-family:Newsreader,Georgia,serif; font-size:clamp(28px,4.5vw,38px);
  font-weight:600; color:var(--notruf); text-decoration:none; line-height:1.15}
.notruf p{margin:6px 0 0}
.notruf .klein{margin-top:8px}

/* Karten */
.karten{display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:12px}
.karte{background:var(--flaeche); border:1px solid var(--linie); border-radius:var(--rund); padding:14px 16px 15px;
  display:flex; flex-direction:column; gap:5px}
.karte h3{margin:0; font-size:16.5px; line-height:1.3}
.karte .zeile{font-size:14px; color:var(--gedaempft)}
.karte .zeile a{word-break:break-word}
.karte .tel{font-weight:600; color:var(--tinte); text-decoration:none}
.marken{display:flex; flex-wrap:wrap; gap:6px; margin-top:2px}
.mk{font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase;
  padding:2px 7px; border-radius:3px; background:var(--flaeche2); color:var(--gedaempft)}
.mk.not{background:var(--notruf-grund); color:var(--notruf)}
.mk.gut{background:var(--licht-grund); color:var(--laub)}
.km{margin-left:auto; font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--leise)}
.kopfzeile{display:flex; gap:8px; align-items:baseline}

/* Heute */
.heute{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px}
.kachel{background:var(--flaeche); border:1px solid var(--linie); border-radius:var(--rund); padding:16px 18px}
.kachel.warm{background:var(--akzent-grund); border-color:color-mix(in srgb,var(--akzent) 35%,transparent)}
.kachel.gruen{background:var(--licht-grund)}
.kachel .gross{font-family:Newsreader,Georgia,serif; font-size:30px; font-weight:600; line-height:1.1; margin:4px 0}
.kachel p{margin:6px 0 0}
.stunden{display:flex; gap:2px; margin-top:12px; align-items:flex-end; height:58px}
.stunden div{flex:1; border-radius:2px 2px 0 0; background:var(--licht); position:relative; min-width:0}
.stunden div.heiss{background:var(--akzent)}
.stunden div.warm{background:#E2B26F}
.achse{display:flex; justify-content:space-between; font-family:"IBM Plex Mono",monospace; font-size:10.5px; color:var(--leise); margin-top:3px}

/* Listen */
.liste{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:0 22px}
.liste a{display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid var(--linie);
  color:var(--tinte); text-decoration:none}
.liste a:hover{color:var(--akzent)}
.liste .wert{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--leise); white-space:nowrap}
.regeln{display:grid; gap:12px}
.regel{background:var(--flaeche); border:1px solid var(--linie); border-radius:var(--rund); padding:15px 18px}
.regel h3{margin:0 0 4px}
.regel p{margin:0}
.regel .quelle{font-size:13px; margin-top:6px; color:var(--leise)}
.tabelle{overflow-x:auto; border:1px solid var(--linie); border-radius:var(--rund); background:var(--flaeche)}
table{border-collapse:collapse; width:100%; font-size:14.5px}
th,td{text-align:left; padding:9px 12px; border-bottom:1px solid var(--linie); vertical-align:top}
th{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--gedaempft); background:var(--flaeche2)}
tr:last-child td{border-bottom:0}
.hinweis{border-left:3px solid var(--linie-stark); padding:2px 0 2px 14px; color:var(--gedaempft); max-width:70ch}
.text p,.text li{max-width:70ch}
.text h2{margin-top:32px}

/* Fuß */
.quellen{margin-top:56px; padding:26px 0 40px; border-top:1px solid var(--linie); font-size:13.5px; color:var(--gedaempft)}
.quellen h2{font-size:18px; margin-bottom:8px}
.quellen ul{margin:0; padding-left:18px}
.quellen li{margin:4px 0}
@media (max-width:640px){
  .huelle{padding:0 16px}
  .navi{margin-left:0; width:100%}
  .notruf{margin-top:-12px}
  section{margin-top:36px}
}
@media print{.kopf,.finder,.quellen{display:none} .aufmacher{background:none; color:#000}}

.notruf .regional{margin:8px 0 0}
.notruf .tel{font-weight:600; color:var(--notruf); text-decoration:none}

/* Tierheim */
.ablauf{margin:4px 0 0; padding-left:22px}
.ablauf li{margin:6px 0; max-width:70ch}
.mehr{padding-left:18px} .mehr li{margin:6px 0; max-width:70ch}
.kachel.status.offen{background:var(--licht-grund)}
.kachel.status.zu{background:var(--flaeche2)}
.karte h3 a{color:var(--tinte); text-decoration:none} .karte h3 a:hover{color:var(--akzent)}
.tierheim h3{margin-top:26px}

.hinweis.aktuell{border-left-color:var(--akzent); background:var(--akzent-grund); padding:10px 14px; color:var(--tinte); margin:0 0 14px; border-radius:0 var(--rund) var(--rund) 0}

/* Darf ich das essen? — Ergänzungen */
.zahl{font-family:"IBM Plex Mono",monospace; white-space:nowrap}
.karte.warn{border-left:4px solid var(--notruf)}
.karte.warn h3 a{color:var(--tinte); text-decoration:none} .karte.warn h3 a:hover{color:var(--akzent)}
.mk.warn{background:var(--akzent-grund); color:var(--akzent)}
tr.aktiv td{background:var(--akzent-grund)}
.treffer a{display:flex; justify-content:space-between; gap:12px}
.treffer .wert{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--leise); white-space:nowrap}
.kachel .gross{font-size:26px}
.heute{margin-top:8px}
.text ul{padding-left:20px} .text li{margin:5px 0}

/* Werkzeuge und Profil */
.profil-leiste{margin:0 0 18px; padding:12px 16px; border-radius:var(--rund); border:1px solid var(--linie); background:var(--flaeche); font-size:15px}
.profil-leiste.leer{color:var(--gedaempft)}
.profil-leiste.ja{background:var(--licht-grund); border-color:var(--laub)}
.profil-leiste.jein{background:var(--akzent-grund); border-color:var(--akzent)}
.profil-leiste.nein{background:var(--notruf-grund); border-color:var(--notruf)}
.profil-leiste:empty{display:none}
.profil-schalter{margin:0 0 18px; padding:10px 14px; border-radius:var(--rund); background:var(--flaeche2); font-size:14px}
.profil-schalter label{cursor:pointer}
tr.p-nein td, .liste a.p-nein{color:var(--leise); text-decoration:line-through; text-decoration-color:var(--notruf)}
tr.p-nein td a, .liste a.p-nein span:first-child{color:var(--leise)}
tr.p-jein td:first-child::after, .liste a.p-jein span:first-child::after{content:" ?"; color:var(--akzent); font-weight:600}
body.nur-passende tr.p-nein, body.nur-passende .liste a.p-nein{display:none}
.knopf.klein{font-size:13px; padding:6px 10px; background:var(--flaeche2); color:var(--tinte); border:1px solid var(--linie)}
.knopf.klein:hover{background:var(--licht-grund); filter:none}
.portion-eingabe{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px}
.portion-eingabe input{font:inherit; width:110px; padding:8px 10px; border:1px solid var(--linie-stark); border-radius:var(--rund); background:var(--flaeche); color:var(--tinte)}
.portionen{display:flex; flex-wrap:wrap; gap:6px}
tr.hervor td{font-weight:600; background:var(--licht-grund)}
.werkzeug{background:var(--flaeche); border:1px solid var(--linie); border-radius:var(--rund); padding:18px 20px}
.werkzeug label{display:block; margin:8px 0; font-size:15px}
.werkzeug input[type=search],.werkzeug input[type=text],.werkzeug input[type=number],.werkzeug textarea,.werkzeug select{font:inherit; width:100%; max-width:520px; padding:9px 12px; margin-top:4px; border:1px solid var(--linie-stark); border-radius:var(--rund); background:var(--grund); color:var(--tinte)}
.werkzeug input[type=number]{max-width:140px}
.werkzeug input[type=checkbox]{margin-right:8px}
.werkzeug fieldset{border:1px solid var(--linie); border-radius:var(--rund); padding:10px 16px 14px; margin:0 0 14px}
.werkzeug legend{font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--laub); padding:0 6px}
.werkzeug .zwei{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px}
.werkzeug .zwei > div,.werkzeug .zwei > label{position:relative}
.werkzeug .treffer{position:absolute; left:0; right:0; z-index:5; max-width:520px}
.werkzeug .gewaehlt{font-weight:600; margin:6px 0 0; min-height:1.4em}
.hinweis.ja{border-left-color:var(--laub)} .hinweis.nein{border-left-color:var(--notruf); color:var(--tinte)}
table select{font:inherit; font-size:13.5px; max-width:260px; padding:4px 6px; border:1px solid var(--linie); border-radius:4px; background:var(--flaeche); color:var(--tinte)}
.liste-zeile{display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid var(--linie)}
.plan-zelle{cursor:pointer; min-width:120px; vertical-align:top}
.plan-zelle.aktiv{outline:2px solid var(--akzent); outline-offset:-2px; background:var(--akzent-grund)}
.plan-eintrag{font-size:13px; margin:2px 0; display:flex; justify-content:space-between; gap:6px}
.plan-eintrag .x{border:0; background:none; color:var(--notruf); cursor:pointer; font-size:14px; line-height:1}
td.p-nein{background:var(--notruf-grund); text-decoration:none; color:var(--notruf)}
ul.spalten{columns:2; column-gap:30px; padding-left:20px} ul.spalten li{break-inside:avoid; margin:3px 0}
#rezept-aus,#vergleich-aus,#plan-tabelle{margin-top:18px}
@media (max-width:640px){ ul.spalten{columns:1} }