:root{--grund:#ffffff;--flaeche:#ffffff;--hintergrund:#f7f7f7;--leiste:#303030;--leiste-text:#bdbdbd;--leiste-aktiv:#ffffff;--text:#171717;--leise:#777777;--linie:#e8e8e8;--akzent:#1d70f1;--akzent-hell:#f1f6ff;--gut:#2e7d4f;--gut-hell:#e6f3eb;--warn:#b26a00;--warn-hell:#fbf0de;--kritisch:#b3261e;--kritisch-hell:#fbe7e5;--schrift:"Open Sans",Arial,sans-serif;--mono:"JetBrains Mono Variable",ui-monospace,Menlo,Consolas,monospace;--radius:2px}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:13px;line-height:1.5}a{color:var(--akzent)}h1{font-size:20px;letter-spacing:0}h1,h2{font-weight:600;margin:0}h2{font-size:14px}.zahl,td.zahl,th.zahl{font-family:var(--schrift);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.leise{color:var(--leise)}.os{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.leiste{background:var(--leiste);color:var(--leiste-text);display:flex;flex-direction:column;padding:20px 14px;gap:24px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.marke{color:#fff;font-weight:700;font-size:17px;letter-spacing:.01em;padding:0 8px}.marke span{color:#7fc7bd;font-weight:500}.nav{display:flex;flex-direction:column;gap:2px}.nav-titel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 8px 6px;color:#8a9893}.nav .gesperrt,.nav a{color:var(--leiste-text);text-decoration:none;padding:7px 8px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.nav a:hover{background:rgba(255,255,255,.06);color:#fff}.nav a.aktiv{background:rgba(127,199,189,.16);color:var(--leiste-aktiv)}.nav .unter{padding-left:22px;font-size:13px}.nav .gesperrt{opacity:.45;cursor:default}.nav .bald{font-size:10px;border:1px solid #50605b;border-radius:99px;padding:0 6px}.leiste-fuss{margin-top:auto;font-size:12px;padding:0 8px;display:grid;grid-gap:6px;gap:6px}.leiste-fuss button{background:none;border:1px solid #50605b;color:var(--leiste-text);border-radius:var(--radius);padding:5px 8px;cursor:pointer;font:inherit}.inhalt{padding:16px 20px 40px;min-width:0;display:grid;grid-gap:12px;gap:12px;align-content:start}.kopf{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.kopf p{margin:4px 0 0;color:var(--leise)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:18px}.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.kennzahl{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:14px 16px}.kennzahl b{display:block;font-family:var(--schrift);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.kennzahl span{color:var(--leise);font-size:12px}.hinweis{border-radius:var(--radius);padding:12px 14px;border:1px solid;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hinweis.warn{background:var(--warn-hell);border-color:#ecd3a6}.hinweis.gut{background:var(--gut-hell);border-color:#bfdcc9}.hinweis.fehler{background:var(--kritisch-hell);border-color:#efc1bc}.tabelle{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:none;letter-spacing:0;color:var(--text);font-weight:400;padding:10px 8px;white-space:nowrap;background:#fafafa;position:-webkit-sticky;position:sticky;top:0}td,th{font-size:12px;border-bottom:1px solid var(--linie)}td{padding:5px 8px;line-height:1.4;vertical-align:middle}tr:last-child td{border-bottom:0}tr.alt td{color:var(--leise)}.pille{display:inline-block;font-size:11px;font-weight:600;padding:1px 8px;border-radius:99px;white-space:nowrap}.pille.gut{background:var(--gut-hell);color:var(--gut)}.pille.warn{background:var(--warn-hell);color:var(--warn)}.pille.kritisch{background:var(--kritisch-hell);color:var(--kritisch)}.pille.neutral{background:#eceeed;color:var(--leise)}input,select,textarea{font:inherit;color:var(--text);background:#fff;border:1px solid #e2e2e2;border-radius:var(--radius);padding:5px 8px;min-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}input.zahl{width:84px}.knopf{font:inherit;font-weight:400;font-size:12px;background:var(--akzent);color:#fff;border:0;border-radius:var(--radius);padding:7px 14px;cursor:pointer}.knopf:hover{background:#155bc7}.knopf.zweit{background:#fff;color:var(--akzent);border:1px solid #e6e6e6}.knopf.zweit:hover{background:#f4f4f4}.knopf.klein{padding:4px 10px;font-size:12px}.knopf:disabled{opacity:.5;cursor:default}input[type=checkbox],input[type=radio]{accent-color:var(--akzent)}.reihe{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.feld{display:grid;grid-gap:4px;gap:4px}.feld label{font-size:12px;color:var(--leise);font-weight:600}.anmeldung{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--leiste)}.anmeldung .karte{width:min(400px,100%);display:grid;grid-gap:16px;gap:16px;padding:28px}.anmeldung .marke{color:var(--text);padding:0;font-size:20px}.anmeldung .marke span{color:var(--akzent)}.anmeldung input{width:100%;padding:8px 10px}.fehlertext{color:var(--kritisch);font-size:13px}.qr{display:grid;place-items:center;background:#fff;border:1px solid var(--linie);border-radius:var(--radius);padding:12px}.code{font-family:var(--mono);font-size:12px;word-break:break-all;color:var(--leise)}@media (max-width:860px){.os{grid-template-columns:1fr}.leiste{position:static;height:auto}.inhalt{padding:20px 16px 48px}}.sortkopf{color:inherit;text-decoration:none;white-space:nowrap}.sortkopf span{color:#a3ada9}.sortkopf.aktiv,.sortkopf:hover{color:var(--text)}.sortkopf.aktiv span{color:var(--akzent)}textarea.notiz{width:280px;min-height:30px;resize:vertical;line-height:1.35;field-sizing:content;max-height:7.5em}textarea.notiz.schmal{width:180px}details.neu>summary{list-style:none;display:inline-block}details.neu>summary::-webkit-details-marker{display:none}details.neu[open]>summary{margin-bottom:12px}details.neu .karte{display:flex;flex-wrap:wrap;gap:8px;align-items:end}a.kennzahl{text-decoration:none;color:inherit}a.kennzahl:hover{border-color:var(--akzent)}@media (max-width:960px){.inhalt>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}.region{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:6px;width:-moz-fit-content;width:fit-content;max-width:100%}.region-titel{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--leise);padding:0 8px}.region button{border:0;background:transparent;color:var(--text);font:inherit;padding:8px 14px;border-radius:var(--radius);cursor:pointer}.region-flagge{display:inline-block;font-size:21px;line-height:1;vertical-align:-2px;margin-right:6px}.region button b{font-family:var(--schrift);margin-right:4px}.region button:hover{background:var(--akzent-hell)}.region button.aktiv{background:var(--akzent);color:#fff}.region button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.region-name{color:var(--akzent)}details.aktion{position:relative}details.aktion>summary{list-style:none;cursor:pointer;padding:2px 8px;border-radius:6px;color:var(--leise);font-weight:700}details.aktion>summary::-webkit-details-marker{display:none}details.aktion>summary:hover,details.aktion[open]>summary{background:var(--akzent-hell);color:var(--text)}details.aktion>form{margin-top:6px;white-space:nowrap}.korb{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.korb-feld{display:flex;align-items:baseline;gap:8px;padding:10px 16px;border-radius:var(--radius);background:var(--flaeche);color:var(--text);text-decoration:none;border:1px solid var(--linie);border-left-width:4px}.korb-feld b{font-family:var(--schrift);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:22px}.korb-feld span{color:var(--leise)}.korb-feld.neu{border-left-color:var(--kritisch)}.korb-feld.bearbeitung{border-left-color:var(--warn)}.korb-feld.geloest{border-left-color:var(--gut)}.korb-feld.aktiv,.korb-feld:hover{background:var(--akzent-hell)}.korb-feld.aktiv{outline:2px solid var(--akzent)}.profit-diagramm .monat .tipp{opacity:0;transition:opacity .12s}.profit-diagramm .monat:focus .tipp,.profit-diagramm .monat:focus-within .tipp,.profit-diagramm .monat:hover .tipp{opacity:1}.profit-diagramm .monat:focus .treffer,.profit-diagramm .monat:hover .treffer{fill:var(--akzent-hell);fill-opacity:.35}.profit-diagramm .monat:focus{outline:none}@media (prefers-reduced-motion:reduce){.profit-diagramm .monat .tipp{transition:none}}.umschalter{display:inline-flex;border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden;background:var(--flaeche)}.umschalter a{padding:6px 14px;color:var(--text);text-decoration:none}.umschalter a+a{border-left:1px solid var(--linie)}.umschalter a.aktiv{background:var(--akzent);color:#fff}.umschalter a:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}.gv table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gv th[scope=row],.gv thead th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:var(--flaeche);text-align:left;min-width:190px;box-shadow:1px 0 0 var(--linie)}.gv td.summe,.gv th.summe{background:var(--grund)}.gv tr.trenner>*{border-top:2px solid var(--linie)}.gv td,.gv th{white-space:nowrap}.profit-diagramm{max-height:240px}.gv button.aufklappen{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.gv button.aufklappen span{display:inline-block;width:1em;color:var(--leise)}.gv button.aufklappen:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.gv tr.unterzeile th[scope=row]{padding-left:34px}.gv tr.unterzeile td,.gv tr.unterzeile th[scope=row]{color:var(--leise);font-size:13px}.speicherleiste{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);color:var(--leise)}.speicherleiste.aktiv{border-color:var(--akzent);color:var(--text);box-shadow:0 -4px 14px rgba(0,0,0,.08)}tr.geaendert>td{background:var(--akzent-hell)}.reiter{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--linie)}.reiter a{padding:8px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:var(--flaeche);color:var(--text);text-decoration:none;font-size:14px}.reiter a.aktiv{border-bottom-color:var(--akzent);color:var(--akzent);font-weight:600}.trello-board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:8px}.trello-liste{flex:0 0 272px;background:#f5f5f5;border-radius:var(--radius);padding:8px;display:grid;grid-gap:8px;gap:8px;max-height:75vh;overflow-y:auto}.trello-liste h3{margin:4px 6px;font-size:14px;display:flex;justify-content:space-between}.trello-karte{display:grid;grid-gap:6px;gap:6px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:8px 10px;color:var(--text);text-decoration:none;box-shadow:0 1px 1px rgba(0,0,0,.04)}.trello-karte:hover{border-color:var(--akzent)}.trello-titel{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.trello-labels{display:flex;flex-wrap:wrap;gap:4px}.trello-labels span{min-width:32px;min-height:8px;border-radius:4px;font-size:11px;font-weight:600;padding:0 6px;color:#172b4d;line-height:16px}.trello-info{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--leise)}.trello-info .kritisch{color:var(--kritisch);font-weight:600}.trello-info .gut{color:var(--gut)}.historie-jahressumme{font-weight:700;background:var(--hintergrund)}.historie-jahressumme td,.historie-jahressumme th{border-top:2px solid var(--linie)}.os{grid-template-columns:56px minmax(0,1fr)}.os>.inhalt{grid-column:2}.os>.leiste{position:fixed;inset:0 auto 0 0;width:56px;height:100dvh;padding:0;gap:0;z-index:40;overflow:hidden;background:#303030;color:#bbb;transition:width .18s ease,box-shadow .18s ease}.os>.leiste[data-offen=true]{width:min(256px,calc(100vw - 32px));box-shadow:5px 0 20px #0003}.leiste .nav-text{opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .12s ease}.leiste[data-offen=true] .nav-text{opacity:1;visibility:visible}.leiste .nav-schalter{display:flex;align-items:center;gap:12px;flex:0 0 64px;width:256px;padding:0;border:0;border-bottom:1px solid #ffffff13;background:transparent;color:white;font:inherit;text-align:left;cursor:pointer}.leiste .nav-logo{width:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center}.leiste .nav-logo img{display:block;width:24px;height:24px;object-fit:contain}.leiste .nav-schalter .nav-text{margin-left:-6px;font-size:17px}.leiste .nav-schalter b{font-weight:400;color:#aebfd8}.leiste .nav-pfeil{margin-left:auto;margin-right:20px;opacity:0}.leiste[data-offen=true] .nav-pfeil{opacity:1}.leiste .nav-scroll{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#666 transparent;padding:6px 0}.leiste .nav{gap:2px}.leiste .nav-titel{height:22px;padding:3px 18px;font-size:10px;color:#999;white-space:nowrap}.leiste .nav-titel span{visibility:hidden}.leiste[data-offen=true] .nav-titel span{visibility:visible}.leiste .nav-verwaltung{margin-top:12px;border-top:1px solid #ffffff13;height:30px;padding-top:8px}.leiste .nav .gesperrt,.leiste .nav a,.leiste-fuss button{display:flex;justify-content:flex-start;align-items:center;gap:16px;min-height:40px;width:100%;padding:8px 18px;border-radius:0;color:#bbb;font-size:13px;line-height:20px;text-decoration:none}.leiste .nav-icon{flex:0 0 20px}.leiste .nav .unter{font-size:12px}.leiste .nav .unter .nav-text{padding-left:8px}.leiste .nav a:hover,.leiste-fuss button:hover{background:#414141;color:white}.leiste .nav a.aktiv{background:#383f4a;color:#88b1ff;box-shadow:inset 3px 0 #458afa}.leiste a:focus-visible,.leiste button:focus-visible{outline:2px solid #a5c6ff;outline-offset:-3px}.leiste .nav .gesperrt{opacity:.45}.leiste .nav .bald{margin-left:10px;border-color:#777}.leiste .leiste-fuss{flex-shrink:0;margin-top:auto;padding:8px 0;gap:0;border-top:1px solid #ffffff13}.leiste .nav-benutzer{padding:0 18px;overflow:hidden;text-overflow:ellipsis;height:0}.leiste[data-offen=true] .nav-benutzer{height:24px}.leiste .leiste-fuss button{background:transparent;border:0;cursor:pointer;font-family:inherit;text-align:left}.nav-abdeckung{display:none}@media (hover:none),(max-width:860px){.nav-abdeckung:not([hidden]){display:block;position:fixed;inset:0;z-index:39;border:0;background:#0003}}@media (prefers-reduced-motion:reduce){.leiste .nav-text,.os>.leiste{transition:none}}.nav-modul{border-bottom:1px solid #ffffff0a;padding-bottom:3px}.nav-modulkopf{display:flex;align-items:center}.leiste .nav-modulkopf>a{flex:1 1;font-weight:600}.leiste .nav-modul-aktiv .nav-modulkopf>a{color:#fff}.nav-gruppenschalter{flex:0 0 32px;height:36px;padding:0;margin-right:6px;border:0;background:transparent;color:#bbb;font:inherit;font-size:20px;cursor:pointer}.nav-gruppenschalter:hover{background:#414141;color:#fff}.leiste:not([data-offen=true]) .nav-gruppenschalter{display:none}.nav-unterseiten{list-style:none;margin:0;padding:0}.nav-unterseiten[hidden]{display:none}.leiste[data-offen=true] .nav-unterseiten{margin:2px 8px 6px 27px;border-left:1px solid #666}.leiste[data-offen=true] .nav .unter{padding:6px 10px;gap:9px;min-height:34px}.leiste[data-offen=true] .nav .unter .nav-icon{width:16px;height:16px;flex-basis:16px}.leiste .nav .unter .nav-text{padding-left:0}.modul-links{display:flex;gap:8px;flex-wrap:wrap}.modul-links a{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid var(--linie);border-radius:var(--radius);text-decoration:none;font-size:12px}.modul-links a:hover{background:var(--akzent-hell);border-color:var(--akzent)}.modul-links svg{width:17px;height:17px;flex-shrink:0}.karte>.modul-links{margin-top:12px}.markt-kopf{margin:6px 0 14px}.markt-kopf h2{font-size:17px}.markt-kopf p{margin:4px 0 0;font-size:12px}.markt-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.markt-karte{position:relative;overflow:hidden;border:1px solid var(--linie);border-radius:5px;padding:14px 14px 8px;background:#fff}.markt-karte header{display:flex;align-items:center;gap:10px}.markt-flagge{font-size:24px;line-height:1}.markt-karte h3{margin:0;font-size:14px;font-weight:600}.markt-karte header .leise{font-size:11px}.markt-status{width:7px;height:7px;border-radius:50%;background:#439068;margin-left:auto}.markt-status.wartet{background:#c58a32}.markt-umsatz{margin-top:8px}.markt-umsatz>span{font-size:11px}.markt-umsatz strong{display:block;font-size:25px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.35}.markt-umsatz small{display:block;min-height:17px;font-size:10px}.markt-mengen{display:grid;grid-template-columns:1fr 1fr;margin:6px 0 8px}.markt-mengen dt{color:var(--leise);font-size:11px}.markt-mengen dd{margin:2px 0 0;font-size:17px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.markt-top{border-top:1px solid var(--linie);padding-top:7px;min-height:86px}.markt-top h4{font-size:11px;font-weight:600;margin:0 0 8px}.markt-top h4 span{color:var(--leise);font-weight:400;float:right}.markt-top ol{padding:0;margin:0;list-style:none;counter-reset:rang}.markt-top li{display:flex;gap:6px;align-items:baseline;font-size:11px;line-height:20px}.markt-top li:before{counter-increment:rang;content:counter(rang);color:#999;width:12px;flex:none}.markt-top li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markt-top li b{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.markt-top p{font-size:11px}.markt-karte footer{border-top:1px solid var(--linie);padding-top:6px;margin-top:6px;font-size:10px}.markt-warn{color:#a46a18}@media(max-width:540px){.markt-raster{grid-template-columns:1fr}}.leiste .nav-favorit{flex:0 0 26px;width:26px;height:32px;padding:0;border:0;background:transparent;color:#aaa;font-size:18px;cursor:pointer}.leiste .nav-favorit.markiert,.leiste .nav-favorit:hover{color:#e8bd50}.leiste .nav-favorit:disabled{opacity:.5;cursor:wait}.leiste .nav-favorit:focus-visible{outline:2px solid #fff;outline-offset:-2px}.leiste:not([data-offen=true]) .nav-favorit,.leiste:not([data-offen=true]) .nav-favoriten-fehler,.leiste:not([data-offen=true]) .nav-favoriten-hilfe{display:none}.leiste .nav-favoriten-fehler,.leiste .nav-favoriten-hilfe{margin:0 12px 10px;font-size:11px;white-space:normal}.leiste .nav-favoriten-fehler{color:#ffc1b8}.leiste .nav-modulkopf>a{min-width:0}.leiste .nav-modulkopf>a .nav-text{overflow:hidden;text-overflow:ellipsis}.leiste .nav-ziehgriff{flex:0 0 18px;width:18px;padding:0;align-self:stretch;border:0;background:transparent;color:#aaa;cursor:-webkit-grab;cursor:grab;font-size:20px}.leiste .nav-ziehgriff:active{cursor:-webkit-grabbing;cursor:grabbing}.leiste .nav-ziehgriff:focus-visible{outline:2px solid white;outline-offset:-2px}.leiste:not([data-offen=true]) .nav-ziehgriff{display:none}.nav-favoritenzeile.zieht{opacity:.45}.nav-favoritenzeile.ablage-oben{box-shadow:inset 0 2px #e8bd50}.nav-favoritenzeile.ablage-unten{box-shadow:inset 0 -2px #e8bd50}.nur-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}