/* ECHO-Monitor — Fenster. Eigene Software-Anmutung (Master und Untermarken, Abschnitt
   „Apps und Fenster", 04.09.2026): Farben und Schriften aus den Tokens, Setzweise frei —
   Radien, Schatten, Chips, Pillen, Bewegung. leichtbau ist der Absender, ECHO-Monitor das
   Werkzeug. Signal genau einmal je Ansicht. Keine eigene Farbe, keine eigene Schrift. */
:root{
  --weiss:#FFFFFF; --grund:#FAF9F6; --zebra:#FCFBF8;
  --r:14px; --r-s:8px;
  --schatten:0 1px 2px rgba(16,21,18,.06),0 8px 24px -12px rgba(16,21,18,.18);
  --schatten-l:0 2px 4px rgba(16,21,18,.05),0 24px 48px -24px rgba(16,21,18,.25);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font:400 15px/1.5 var(--font-display);color:var(--lbu-graphit);background:var(--grund);-webkit-font-smoothing:antialiased}
a{color:var(--lbu-tiefgruen)}
button,input,select{font:inherit}
button{cursor:pointer;border:0;background:none;color:inherit}
img.ico{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}
.mono{font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.hinweis{font-size:13px;color:var(--lbu-faser-600)}
.hinweis.klein{font-size:12px}
.leer{color:var(--lbu-faser-500)}
.karte{background:var(--weiss);border:1px solid var(--lbu-faser-300);border-radius:var(--r);box-shadow:var(--schatten)}
.chip{display:inline-block;font:500 12px/1 var(--font-mono);padding:6px 10px;border-radius:999px;background:var(--lbu-tiefgruen-300);color:var(--lbu-tiefgruen);white-space:nowrap}
.chip.warn{background:var(--lbu-glut-300);color:var(--lbu-glut)}
.chip.neutral{background:var(--lbu-faser-300);color:var(--lbu-faser-600)}
.chip.signal{background:var(--lbu-signal);color:var(--lbu-graphit)}   /* die eine Signal-Stelle */
.chip.dunkel{background:var(--lbu-tiefgruen);color:var(--weiss)}

/* ---- Rahmen ---- */
.app{display:grid;grid-template-rows:auto auto 1fr auto;min-height:100vh}
.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 32px;background:var(--weiss);border-bottom:1px solid var(--lbu-faser-300);position:sticky;top:0;z-index:5}
.absender{display:flex;align-items:center;gap:16px}
.absender .lbu{height:40px;width:auto;display:block}
.absender .trenner{width:1px;height:32px;background:var(--lbu-faser)}
.werkzeug{display:flex;align-items:center;gap:12px}
.werkzeug .zz{width:56px;height:56px}   /* ECHO-Zeichen: drei Ringe, Untergrenze 56 px */
.werkzeug b{display:block;font:600 16px/1 var(--font-display);color:var(--lbu-tiefgruen);letter-spacing:.01em}
.werkzeug small{display:block;font:500 10px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lbu-faser-600);margin-top:4px}
.reiter{display:flex;gap:4px;background:var(--lbu-faser-300);padding:4px;border-radius:999px;flex-wrap:wrap}
.reiter a{padding:8px 16px;border-radius:999px;color:var(--lbu-faser-600);font-weight:500;white-space:nowrap;text-decoration:none;transition:all .2s ease}
.reiter a:hover{color:var(--lbu-tiefgruen)}
.reiter a.jetzt{background:var(--lbu-tiefgruen);color:var(--weiss);box-shadow:var(--schatten)}
.konto{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--lbu-faser-600);white-space:nowrap}
.konto b{font:500 13px/1 var(--font-mono);background:var(--lbu-tiefgruen-300);color:var(--lbu-tiefgruen);padding:6px 10px;border-radius:999px}
.konto .dot{width:8px;height:8px;border-radius:50%;background:var(--lbu-tiefgruen-500)}
.konto .leise{font-size:13px;color:var(--lbu-faser-600);text-decoration:underline}
.band{background:var(--lbu-faser-300);color:var(--lbu-faser-700);font-size:12.5px;padding:6px 32px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.band .mono{font-size:11px;color:var(--lbu-tiefgruen)}
main{padding:32px 32px 80px;max-width:1360px;width:100%;margin:0 auto}
.kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;flex-wrap:wrap}
.kopf .oben{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lbu-faser-600);margin-bottom:10px}
h1{font:600 30px/1.1 var(--font-display);letter-spacing:-.02em;color:var(--lbu-tiefgruen)}
.kopf p{color:var(--lbu-faser-600);margin-top:8px;max-width:64ch}
.bottom{position:sticky;bottom:0;background:rgba(250,249,246,.92);backdrop-filter:blur(10px);border-top:1px solid var(--lbu-faser-300);padding:10px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fuss-absender{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--lbu-faser-600);white-space:nowrap}
.fuss-absender img{height:16px;width:auto;opacity:.85}
.knopfreihe{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{padding:10px 18px;border-radius:999px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;font-size:14px}
.btn.haupt{background:var(--lbu-tiefgruen);color:var(--weiss)}
.btn.haupt:hover{background:var(--lbu-tiefgruen-700);transform:translateY(-1px);box-shadow:var(--schatten)}
.btn.neben{color:var(--lbu-tiefgruen);background:var(--weiss);border:1px solid var(--lbu-faser)}
.btn.neben:hover{border-color:var(--lbu-tiefgruen)}
.btn.klein{padding:6px 12px;font-size:13px}

/* ---- Filter ---- */
.filter{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:20px}
.filter label{display:grid;gap:5px;font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lbu-faser-600)}
.filter select,.filter input{appearance:none;-webkit-appearance:none;min-width:150px;padding:9px 32px 9px 12px;border:1px solid var(--lbu-faser);border-radius:var(--r-s);background:var(--weiss) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%23655D4A' stroke-width='1.6'/></svg>") no-repeat right 10px center/14px;font:500 14px/1.2 var(--font-display);color:var(--lbu-tiefgruen);cursor:pointer;transition:border .15s}
.filter input{background-image:none;cursor:text;padding-right:12px}
.filter select:hover,.filter input:hover{border-color:var(--lbu-tiefgruen)}
.filter select:focus,.filter input:focus{outline:0;border-color:var(--lbu-tiefgruen);box-shadow:0 0 0 3px var(--lbu-tiefgruen-300)}
.filter .rechts{margin-left:auto;display:flex;gap:8px;align-items:center}
.schalter{display:inline-flex;background:var(--lbu-faser-300);padding:3px;border-radius:999px}
.schalter a{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--lbu-faser-600);text-decoration:none}
.schalter a.jetzt{background:var(--weiss);color:var(--lbu-tiefgruen);box-shadow:var(--schatten)}

/* ---- Frage ---- */
.frage{padding:22px 26px;margin-bottom:20px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.frage .zz{width:56px;height:56px}
.frage .oben{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lbu-faser-600);margin-bottom:8px}
.frage p{font:500 18px/1.4 var(--font-display);color:var(--lbu-tiefgruen);max-width:80ch}
.frage small{display:block;margin-top:8px;font-size:12.5px;color:var(--lbu-faser-600)}

/* ---- Tabelle ---- */
.tabellenrahmen{overflow-x:auto;border-radius:var(--r)}
table.tabelle{width:100%;border-collapse:collapse;background:var(--weiss);font-size:14px}
.tabelle th{position:sticky;top:0;background:var(--weiss);text-align:left;font:500 10px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lbu-faser-600);padding:12px 10px 10px;border-bottom:1px solid var(--lbu-faser);white-space:nowrap}
.tabelle th a{color:inherit;text-decoration:none}
.tabelle th a.aktiv{color:var(--lbu-tiefgruen)}
.tabelle td{padding:10px 10px;border-bottom:1px solid var(--lbu-faser-300);vertical-align:middle;white-space:nowrap}
.tabelle td.produkt{white-space:normal;min-width:150px;max-width:260px;line-height:1.3}
.tabelle td.produkt .unter{white-space:normal;line-height:1.35}
.tabelle tr:hover td{background:var(--zebra)}
.tabelle .zahl{text-align:right;font:500 14px/1.3 var(--font-mono)}
.tabelle .klasse{font:500 12px/1 var(--font-mono);padding:4px 8px;border-radius:6px;background:var(--lbu-faser-300);color:var(--lbu-faser-700)}
.tabelle .klasse.k1{background:var(--lbu-tiefgruen-300);color:var(--lbu-tiefgruen)}
.tabelle .unter{display:block;font:500 10px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lbu-faser-600);margin-top:2px}
.tabelle .durch{text-decoration:line-through;color:var(--lbu-faser-500);font-weight:400;margin-right:6px}
.tabelle .aktion{display:inline-block;font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lbu-tiefgruen);border:1px solid var(--lbu-tiefgruen-400);padding:3px 6px;border-radius:6px;margin-top:3px}
.tabelle .wahl input{width:16px;height:16px;accent-color:var(--lbu-tiefgruen)}
.tabelle td.bild{width:52px;padding-right:0}
.mini{width:40px;height:40px;object-fit:contain;border-radius:6px;background:var(--weiss);border:1px solid var(--lbu-faser-300);display:block}
.dose{width:40px;height:40px;border-radius:6px;background:var(--lbu-faser-300);color:var(--lbu-faser-600);display:grid;place-items:center;font:500 11px/1 var(--font-mono)}
.zaehler{font-size:13px;color:var(--lbu-faser-600);margin-top:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}

/* ---- Auswahlleiste (Vergleichen) ---- */
.auswahl{position:sticky;bottom:56px;z-index:4;margin-top:16px;padding:12px 18px;display:none;align-items:center;gap:14px;background:var(--lbu-tiefgruen);color:var(--weiss);border-radius:var(--r);box-shadow:var(--schatten-l)}
.auswahl.an{display:flex}
.auswahl .liste{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.auswahl .liste span{font:500 12px/1 var(--font-mono);background:var(--lbu-tiefgruen-700);padding:6px 10px;border-radius:999px}
.auswahl .btn.haupt{background:var(--weiss);color:var(--lbu-tiefgruen)}

/* ---- Gegenüber ---- */
.suchfeld{position:relative;max-width:520px;margin-bottom:22px}
.suchfeld input{width:100%;padding:12px 16px;border:1px solid var(--lbu-faser);border-radius:999px;background:var(--weiss);font-size:15px}
.suchfeld input:focus{outline:0;border-color:var(--lbu-tiefgruen);box-shadow:0 0 0 3px var(--lbu-tiefgruen-300)}
.suchfeld .vorschlaege{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:6;display:none;overflow:hidden}
.suchfeld .vorschlaege.an{display:block}
.suchfeld .vorschlaege a{display:flex;gap:12px;align-items:center;padding:10px 14px;text-decoration:none;border-bottom:1px solid var(--lbu-faser-300)}
.suchfeld .vorschlaege a:hover{background:var(--zebra)}
.suchfeld .vorschlaege small{color:var(--lbu-faser-600)}
.gegen{display:grid;grid-template-columns:200px repeat(var(--n,2),1fr);gap:0;background:var(--weiss);overflow:hidden}
.gegen>div{padding:12px 16px;border-bottom:1px solid var(--lbu-faser-300);border-right:1px solid var(--lbu-faser-300);min-width:0}
.gegen>div:nth-child(1n){border-left:0}
.gegen .zeilenname{font:500 10px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lbu-faser-600);background:var(--zebra);display:flex;align-items:center}
.gegen .abschnitt{grid-column:1 / -1;background:var(--lbu-tiefgruen);color:var(--weiss);font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border:0}
.gegen .produktkopf{text-align:center;padding:20px 16px}
.gegen .produktkopf img{width:140px;height:140px;object-fit:contain;display:block;margin:0 auto 12px;border-radius:var(--r-s)}
.gegen .produktkopf .dose{width:140px;height:140px;margin:0 auto 12px;font-size:14px}
.gegen .produktkopf b{display:block;font:600 16px/1.2 var(--font-display);color:var(--lbu-tiefgruen)}
.gegen .produktkopf small{display:block;color:var(--lbu-faser-600);font-size:13px;margin-top:4px}
.gegen .produktkopf .weg{display:inline-block;margin-top:8px;font-size:12px;color:var(--lbu-faser-600)}
.gegen .wert{font:500 15px/1.3 var(--font-mono)}
.gegen .wert.gross{font-size:22px;color:var(--lbu-tiefgruen)}
.gegen .wert.beste{color:var(--lbu-graphit);background:var(--lbu-signal);display:inline-block;padding:2px 8px;border-radius:6px}   /* die eine Signal-Stelle: günstigster Liter */
.gegen ul{list-style:none;display:grid;gap:6px}
.gegen li{font-size:13.5px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.gegen li .mono{font-size:11px;color:var(--lbu-faser-600);letter-spacing:.06em}
.gegen .h{display:inline-block;font:500 12px/1 var(--font-mono);padding:5px 8px;border-radius:6px;background:var(--lbu-glut-300);color:var(--lbu-glut);margin:0 6px 6px 0}
.gegen .h.euh{background:var(--lbu-faser-300);color:var(--lbu-faser-700)}
.gegen .siegel{display:inline-block;font-size:13px;font-weight:500;padding:5px 10px;border-radius:999px;background:var(--lbu-tiefgruen-300);color:var(--lbu-tiefgruen);margin:0 6px 6px 0}
.gegen .siegel small{font-weight:400;color:var(--lbu-tiefgruen-600)}
.gegen .download{display:inline-flex;gap:8px;align-items:center;font-size:13.5px;font-weight:500;text-decoration:none;padding:6px 0}
.gegen .download img{width:18px;height:18px}
.leerhinweis{padding:48px 32px;text-align:center;color:var(--lbu-faser-600)}
.leerhinweis b{display:block;font:600 18px/1.2 var(--font-display);color:var(--lbu-tiefgruen);margin-bottom:8px}

/* ---- Eigenmarken-Karte ---- */
.matrix{overflow-x:auto}
.matrix table{border-collapse:collapse;background:var(--weiss);font-size:13px;min-width:100%}
.matrix th{position:sticky;top:0;background:var(--weiss);font:500 10px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lbu-faser-600);padding:12px 10px;border-bottom:1px solid var(--lbu-faser);text-align:left;vertical-align:bottom;max-width:150px;white-space:normal}
.matrix th.zeile{position:sticky;left:0;background:var(--zebra);color:var(--lbu-tiefgruen);font:600 14px/1.2 var(--font-display);text-transform:none;letter-spacing:0;z-index:2;min-width:150px}
.matrix td{padding:8px 10px;border-bottom:1px solid var(--lbu-faser-300);border-right:1px solid var(--lbu-faser-300);vertical-align:top;min-width:130px}
.matrix td.leerzelle{background:var(--zebra)}
.matrix .zelle b{display:block;font-size:13px;font-weight:500;line-height:1.3}
.matrix .zelle .hm{font:500 9px/1 var(--font-mono);letter-spacing:.06em;color:var(--lbu-faser-600);margin-left:4px}
.matrix .zelle small{display:block;font:500 11px/1.4 var(--font-mono);color:var(--lbu-faser-600);margin-top:3px}
.matrix .zelle .s{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.s.belegt{background:var(--lbu-tiefgruen-600)}.s.gestützt{background:var(--lbu-faser-500)}.s.offen{background:var(--lbu-glut-500)}
.legende{display:flex;gap:18px;font-size:12.5px;color:var(--lbu-faser-600);margin-top:12px;flex-wrap:wrap;align-items:center}

/* ---- Markt ---- */
.stimmen{display:grid;gap:12px}
.stimme{display:grid;grid-template-columns:110px 1fr auto;gap:18px;padding:16px 20px;align-items:start}
.stimme .datum{font:500 12px/1.4 var(--font-mono);color:var(--lbu-faser-600)}
.stimme .datum b{display:block;font:600 15px/1.2 var(--font-display);color:var(--lbu-tiefgruen);margin-top:2px}
.stimme p{font-size:14.5px;max-width:80ch}
.stimme .quelle{font-size:12.5px;margin-top:6px}
.stimme .rechts{display:grid;gap:6px;justify-items:end}
.woche{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lbu-faser-600);margin:20px 0 8px}
.woche:first-child{margin-top:0}

/* ---- Verwaltung ---- */
.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}
.kachel{padding:16px 18px}
.kachel b{display:block;font:700 28px/1 var(--font-display);letter-spacing:-.02em;color:var(--lbu-tiefgruen)}
.kachel small{display:block;font:500 10px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lbu-faser-600);margin-top:6px}
.kachel.warn b{color:var(--lbu-glut)}
.block{padding:20px 24px;margin-bottom:20px}
.block h2{font:600 17px/1.2 var(--font-display);color:var(--lbu-tiefgruen);margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.balken{height:8px;border-radius:4px;background:var(--lbu-faser-300);overflow:hidden;margin-top:6px}
.balken i{display:block;height:100%;background:var(--lbu-tiefgruen-600);border-radius:4px}
.zeilenliste{display:grid;gap:8px}
.zeilenliste>div{display:grid;grid-template-columns:120px 1fr auto;gap:14px;font-size:13.5px;padding:8px 0;border-bottom:1px solid var(--lbu-faser-300)}
.zeilenliste .mono{font-size:11px;color:var(--lbu-faser-600)}

/* ---- Anmeldung ---- */
body.anmeldung{background:var(--lbu-tiefgruen)}
.anmeldung-flaeche{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:48px 32px}
.anmeldung-links{color:var(--lbu-papier);display:grid;gap:40px;align-content:space-between;min-height:60vh}
.anmeldung-links .lbu{height:48px;width:auto}
.anmeldung-links .zz{width:72px;height:72px;margin-bottom:20px}
.anmeldung-links h1{font:700 44px/1.02 var(--font-display);letter-spacing:-.025em;color:var(--lbu-papier);margin-bottom:14px}
.anmeldung-links p{font-size:17px;line-height:1.55;color:var(--lbu-tiefgruen-400);max-width:46ch}
.anmeldung-links small{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lbu-tiefgruen-500)}
.anmeldung-form{padding:36px;display:grid;gap:16px}
.anmeldung-form h2{font:600 24px/1.1 var(--font-display);color:var(--lbu-tiefgruen)}
.anmeldung-form label{display:grid;gap:6px;font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lbu-faser-600)}
.anmeldung-form input{padding:12px 14px;border:1px solid var(--lbu-faser);border-radius:var(--r-s);font:400 15px/1.2 var(--font-display);color:var(--lbu-graphit)}
.anmeldung-form input:focus{outline:0;border-color:var(--lbu-tiefgruen);box-shadow:0 0 0 3px var(--lbu-tiefgruen-300)}
.anmeldung-form .btn{justify-content:center;margin-top:4px}
.fehler{padding:10px 14px;border-radius:var(--r-s);background:var(--lbu-glut-300);color:var(--lbu-glut);font-size:14px;border-left:4px solid var(--lbu-glut)}
@media (max-width:900px){.anmeldung-flaeche{grid-template-columns:1fr}.anmeldung-links{min-height:auto}.top{flex-wrap:wrap}.gegen{grid-template-columns:120px repeat(var(--n,2),1fr)}}

/* ---- Mehrfachwahl mit Tippvorschlag (Händler, Marke) ---- */
.mehrfach{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:220px;max-width:420px;min-height:40px;padding:4px 8px;border:1px solid var(--lbu-faser);border-radius:var(--r-s);background:var(--weiss);cursor:text}
.mehrfach:focus-within{border-color:var(--lbu-tiefgruen);box-shadow:0 0 0 3px var(--lbu-tiefgruen-300)}
.mehrfach .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;text-transform:none;letter-spacing:0;font:500 13px/1 var(--font-display)}
.mehrfach .chip button{color:inherit;opacity:.7;font-size:15px;line-height:1;padding:0 2px}
.mehrfach .chip button:hover{opacity:1}
.mehrfach input{flex:1 1 90px;min-width:90px;border:0;padding:6px 4px;font:400 14px/1.2 var(--font-display);color:var(--lbu-graphit);background:transparent}
.mehrfach input:focus{outline:0}

/* ---- Kanal-Kacheln (Was sagt der Markt) ---- */
.kanaele{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:8px}
.kanal{padding:16px 18px;display:grid;gap:6px;align-content:start}
.kanal-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kanal-kopf a{font-size:11px;color:var(--lbu-faser-600);text-decoration:none;letter-spacing:.04em;text-transform:none}
.kanal b{font:600 16px/1.2 var(--font-display);color:var(--lbu-tiefgruen)}
.kanal-zahl{font:700 30px/1 var(--font-display);letter-spacing:-.02em;color:var(--lbu-tiefgruen);display:flex;align-items:baseline;gap:8px}
.kanal-zahl small{font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lbu-faser-600)}
.kanal ul{list-style:none;display:grid;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--lbu-faser-300)}
.kanal li{font-size:13px;line-height:1.35;display:flex;gap:8px;align-items:baseline}
.kanal li .mono{font-size:10px;color:var(--lbu-faser-600);flex:none}
.kanal li a{text-decoration:none;color:var(--lbu-graphit)}
.kanal li a:hover{text-decoration:underline}