:root{--blau:#0176d3;--blau-dunkel:#014486;--blau-nacht:#032d60;--blau-hell:#eef4ff;--text:#181818;--text-2:#5c5c5c;--linie:#e5e5e5;--linie-2:#c9c9c9;--grund:#f3f3f3;--karte:#fff;--gruen:#2e844a;--gruen-hell:#ebf7e6;--rot:#ba0517;--rot-hell:#fef1ee;--gelb:#a96404;--gelb-hell:#fef0cd;--radius:14px;--schatten:0 1px 3px #00000014;--oben:env(safe-area-inset-top,0px);--unten:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--blau:#4aa3f0;--blau-dunkel:#78b9f5;--blau-nacht:#0b1a2e;--blau-hell:#14273f;--text:#f0f0f0;--text-2:#a8a8a8;--linie:#2c2c2e;--linie-2:#48484a;--grund:#000;--karte:#1c1c1e;--gruen:#5ec27a;--gruen-hell:#12301c;--rot:#ff6b6b;--rot-hell:#3a1414;--gelb:#f0b44a;--gelb-hell:#3a2a0c;--schatten:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--grund);color:var(--text);margin:0}body{overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.app{min-height:100dvh;padding-bottom:calc(72px + var(--unten))}.kopf{z-index:10;background:var(--blau-nacht);color:#fff;padding:calc(10px + var(--oben)) 16px 12px;align-items:center;gap:8px;min-height:56px;display:flex;position:sticky;top:0}.kopf h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:20px;font-weight:650;overflow:hidden}.kopf .klein{opacity:.8;font-size:13px;font-weight:400;display:block}.kopf button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px;font-size:16px}.kopf button:active{background:#ffffff26}.inhalt{max-width:720px;margin:0 auto;padding:12px 16px 96px}.leiste{z-index:20;background:var(--karte);border-top:1px solid var(--linie);padding-bottom:var(--unten);display:flex;position:fixed;bottom:0;left:0;right:0}.leiste a{color:var(--text-2);white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:8px 0 6px;font-size:10.5px;text-decoration:none;display:flex}.leiste a.aktiv{color:var(--blau);font-weight:600}.leiste svg{width:24px;height:24px}.fab{right:18px;bottom:calc(84px + var(--unten));z-index:15;background:var(--blau);color:#fff;cursor:pointer;border:0;border-radius:50%;width:58px;height:58px;font-size:30px;line-height:1;position:fixed;box-shadow:0 4px 14px #0176d366}.fab:active{transform:scale(.95)}.karte{background:var(--karte);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:12px;overflow:hidden}.karte>h2,.abschnitt-kopf{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);justify-content:space-between;align-items:center;margin:0;padding:12px 16px 6px;font-size:13px;font-weight:600;display:flex}.abschnitt-kopf button{text-transform:none;letter-spacing:0}.zeile{border-top:1px solid var(--linie);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;display:flex}.karte>h2+.zeile,.abschnitt-kopf+.zeile{border-top:0}.zeile .bez{color:var(--text-2)}.zeile .wert{text-align:right;font-variant-numeric:tabular-nums;word-break:break-word}.zeile .wert.betrag{white-space:nowrap;flex:none}.zeile.summe{font-weight:650}.zeile.tippbar{cursor:pointer}.zeile.tippbar:active{background:var(--grund)}.leer{color:var(--text-2);text-align:center;padding:16px}.plus{color:var(--gruen)}.minus{color:var(--rot)}.kennzahlen{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.kennzahl{background:var(--karte);border-radius:var(--radius);box-shadow:var(--schatten);padding:12px 14px}.kennzahl .bez{color:var(--text-2);font-size:12px}.kennzahl .wert{font-variant-numeric:tabular-nums;font-size:20px;font-weight:650}.suche{border:1px solid var(--linie-2);background:var(--karte);border-radius:12px;width:100%;margin-bottom:10px;padding:10px 14px;font-size:16px}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding-bottom:10px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--linie-2);background:var(--karte);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:6px 14px;font-size:14px}.chip.aktiv{background:var(--blau);border-color:var(--blau);color:#fff}.chip .anz{opacity:.7;margin-left:4px}.fz-karte{background:var(--karte);border-radius:var(--radius);box-shadow:var(--schatten);color:inherit;gap:12px;margin-bottom:10px;padding:10px;text-decoration:none;display:flex}.fz-karte:active{opacity:.8}.fz-bild{background:var(--grund);width:92px;height:70px;color:var(--linie-2);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.fz-bild img{object-fit:cover;width:100%;height:100%}.fz-bild svg{width:40px;height:40px}.fz-text{flex:1;min-width:0}.fz-titel{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.fz-unter{color:var(--text-2);font-size:14px}.fz-zahlen{font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:14px;display:flex}.pille{background:var(--grund);color:var(--text-2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.pille.angekauft{background:var(--blau-hell);color:var(--blau-dunkel)}.pille.aufbereitung{background:var(--gelb-hell);color:var(--gelb)}.pille.inseriert{color:#7526e3;background:#f3e9ff}.pille.verkauft{background:var(--gruen-hell);color:var(--gruen)}@media (prefers-color-scheme:dark){.pille.inseriert{color:#c39cff;background:#2a1846}}.hinweis{border-radius:var(--radius);background:var(--blau-hell);color:var(--text);margin-bottom:12px;padding:12px 14px;font-size:14px}.hinweis.warnung{background:var(--gelb-hell)}.hinweis.fehler{background:var(--rot-hell);color:var(--rot)}.hinweis b{margin-bottom:2px;display:block}.galerie{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0 -16px 12px;padding:0 16px;display:flex;overflow-x:auto}.galerie::-webkit-scrollbar{display:none}.galerie .bild{aspect-ratio:4/3;border-radius:var(--radius);background:var(--karte);scroll-snap-align:start;flex:none;width:82%;max-width:420px;position:relative;overflow:hidden}.galerie .bild img{object-fit:cover;width:100%;height:100%}.galerie .bild .titel-marke{color:#fff;background:#0000008c;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:8px;left:8px}.galerie .bild-neu{aspect-ratio:3/4;border-radius:var(--radius);border:2px dashed var(--linie-2);width:120px;color:var(--text-2);text-align:center;cursor:pointer;background:0 0;flex:none;place-items:center;font-size:14px;display:grid}.pfad{gap:2px;margin-bottom:12px;display:flex}.pfad button{cursor:pointer;background:var(--linie);color:var(--text-2);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%);border:0;flex:1;padding:10px 2px 10px 10px;font-size:12px;font-weight:600}.pfad button:first-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);border-radius:10px 0 0 10px;padding-left:4px}.pfad button:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);border-radius:0 10px 10px 0}.pfad button.erledigt{background:var(--blau-hell);color:var(--blau-dunkel)}.pfad button.aktuell{background:var(--blau);color:#fff}.pfad button.aktuell.verkauft{background:var(--gruen)}.feld{border-top:1px solid var(--linie);padding:8px 16px;display:block}.karte>h2+.feld{border-top:0}.feld>span{color:var(--text-2);margin-bottom:2px;font-size:13px;display:block}.feld input,.feld select,.feld textarea{background:0 0;border:0;outline:none;width:100%;min-height:32px;padding:4px 0;font-size:17px}.feld textarea{resize:vertical;min-height:64px}.feld input::placeholder,.feld textarea::placeholder{color:var(--linie-2)}.feld.fehler>span{color:var(--rot)}.feld-reihe{grid-template-columns:1fr 1fr;display:grid}.feld-reihe .feld+.feld{border-left:1px solid var(--linie)}.feld .gross{font-variant-numeric:tabular-nums;font-size:30px;font-weight:650}.knoepfe{gap:10px;margin:16px 0;display:flex}.knopf{cursor:pointer;background:var(--blau);color:#fff;border:0;border-radius:12px;flex:1;padding:14px;font-size:17px;font-weight:600}.knopf:active{filter:brightness(.92)}.knopf:disabled{opacity:.5}.knopf.zweit{background:var(--karte);color:var(--blau);box-shadow:inset 0 0 0 1px var(--linie-2)}.knopf.gefahr{background:var(--karte);color:var(--rot);box-shadow:inset 0 0 0 1px var(--linie-2)}.knopf.voll{flex:none;width:100%}.link-knopf{color:var(--blau);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:15px;font-weight:600}.kategorien{flex-wrap:wrap;gap:8px;padding:6px 16px 12px;display:flex}.schleier{z-index:50;background:#0006;justify-content:center;align-items:flex-end;animation:.15s ein;display:flex;position:fixed;inset:0}.blatt{background:var(--grund);width:100%;max-width:720px;max-height:92dvh;padding:8px 16px calc(16px + var(--unten));border-radius:18px 18px 0 0;animation:.2s ease-out hoch;overflow-y:auto}.blatt-griff{background:var(--linie-2);border-radius:3px;width:40px;height:5px;margin:0 auto 8px}.blatt h3{justify-content:space-between;align-items:center;margin:4px 0 12px;font-size:18px;display:flex}@keyframes ein{0%{opacity:0}}@keyframes hoch{0%{opacity:.5;transform:translateY(40px)}}.beleg{object-fit:contain;background:var(--karte);border-radius:10px;width:100%;max-height:260px}.vollbild{z-index:60;background:#000;place-items:center;display:grid;position:fixed;inset:0}.vollbild img{object-fit:contain;max-width:100%;max-height:100%}.vollbild .zu{top:calc(12px + var(--oben));position:absolute;right:12px}.vollbild .aktionen{bottom:calc(16px + var(--unten));gap:10px;display:flex;position:absolute;left:16px;right:16px}.balken{padding:4px 16px 12px}.balken-zeile{font-variant-numeric:tabular-nums;grid-template-columns:44px 1fr 92px;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:grid}.balken-spur{background:var(--grund);border-radius:7px;height:14px;position:relative;overflow:hidden}.balken-spur i{background:var(--gruen);border-radius:7px;position:absolute;top:0;bottom:0}.balken-spur i.neg{background:var(--rot)}.balken-zeile .wert{text-align:right}.jahr-wahl{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;font-size:18px;font-weight:650;display:flex}.jahr-wahl button{background:var(--karte);cursor:pointer;width:40px;height:40px;box-shadow:var(--schatten);border:0;border-radius:50%;font-size:18px}.jahr-wahl button:disabled{opacity:.3}.versteckt{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.klein-text{color:var(--text-2);font-size:13px}details.gruppe{border-top:1px solid var(--linie)}details.gruppe>summary{cursor:pointer;align-items:center;padding:12px 16px;font-weight:600;list-style:none;display:flex}details.gruppe>summary::-webkit-details-marker{display:none}details.gruppe>summary:after{content:"›";color:var(--text-2);margin-left:auto;font-size:20px;transition:transform .15s}details.gruppe[open]>summary:after{transform:rotate(90deg)}details.gruppe .kategorien{padding-top:0}.kopf{background:linear-gradient(135deg,#0a1a33,#0b3f86)}.kopf .logo{border-radius:8px;flex:none;width:32px;height:32px}.marke-wort{letter-spacing:.04em;font-style:italic;font-weight:800}.marke-wort b{color:#5cf2b0;font-weight:800}.fab{color:#0a1a33;background:linear-gradient(135deg,#5cf2b0,#1fd1e0);font-weight:600;box-shadow:0 4px 14px #1fd1e073}.segment{background:var(--linie);border-radius:10px;margin-bottom:12px;padding:3px;display:flex}.segment a,.segment button{cursor:pointer;text-align:center;color:var(--text-2);background:0 0;border:0;border-radius:8px;flex:1;padding:8px;font-size:15px;font-weight:600;text-decoration:none}.segment a.aktiv,.segment button.aktiv{background:var(--karte);color:var(--text);box-shadow:var(--schatten)}.auftrag-karte{color:inherit;text-decoration:none;display:block}.auftrag-karte:active{opacity:.8}.pille.a-angenommen{background:var(--blau-hell);color:var(--blau-dunkel)}.pille.a-inArbeit{background:var(--gelb-hell);color:var(--gelb)}.pille.a-fertig{background:var(--gruen-hell);color:var(--gruen)}.pille.a-abgeholt{background:var(--grund);color:var(--text-2)}.pfad button.aktuell.abgeholt{background:var(--text-2)}.pos-art{text-align:center;width:22px;margin-right:6px;display:inline-block}.planer-kopf{align-items:center;gap:8px;margin-bottom:12px;display:flex}.planer-kopf .titel{text-align:center;flex:1;font-weight:650}.planer-kopf button{background:var(--karte);cursor:pointer;min-width:40px;height:40px;box-shadow:var(--schatten);border:0;border-radius:20px;padding:0 12px;font-size:18px}.planer-kopf button.text{color:var(--blau);font-size:14px;font-weight:600}.tag-karte .tag-kopf{justify-content:space-between;align-items:center;padding:10px 16px 6px;font-weight:650;display:flex}.tag-karte .tag-kopf.heute{color:var(--blau)}.termin{border-top:1px solid var(--linie);cursor:pointer;align-items:baseline;gap:10px;padding:8px 16px;display:flex}.termin:active{background:var(--grund)}.termin .zeit{font-variant-numeric:tabular-nums;color:var(--text-2);flex:none;width:92px;font-size:14px}.termin.erledigt .titel{color:var(--text-2);text-decoration:line-through}.zeitleiste{border-left:1px solid var(--linie);margin-left:44px;position:relative}.zeitleiste .stunde{border-top:1px solid var(--linie);color:var(--text-2);font-size:12px;position:absolute;left:-44px;right:0}.zeitleiste .stunde span{text-align:right;background:var(--karte);width:38px;position:absolute;top:-8px;left:0}.zeitleiste .block{cursor:pointer;background:var(--blau-hell);border-left:4px solid var(--blau);color:var(--text);border-radius:8px;padding:4px 8px;font-size:13px;position:absolute;overflow:hidden}.zeitleiste .block.auftrag{background:var(--gelb-hell);border-left-color:var(--gelb)}.zeitleiste .block.erledigt{opacity:.55}.zeitleiste .jetzt{border-top:2px solid var(--rot);z-index:2;position:absolute;left:0;right:0}.galerie .bild .video-marke{color:#fff;background:#000000a6;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:600;position:absolute;bottom:8px;left:8px}.galerie .bild .video-ohne-bild{width:100%;height:100%;color:var(--text-2);background:var(--linie);place-items:center;display:grid}.vollbild video{max-width:100%;max-height:100%}.kunde-zeile{align-items:center}.kunde-zeile .anruf{background:var(--gruen-hell);border-radius:20px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;text-decoration:none;display:grid}.kopf .klein{text-overflow:ellipsis;max-width:60vw;overflow:hidden}.pille.kulanz{color:#7526e3;background:#f3e9ff;margin-top:2px}:root[data-theme=dark] .pille.kulanz{color:#c39cff;background:#2a1846}@media (prefers-color-scheme:dark){.pille.kulanz{color:#c39cff;background:#2a1846}}.anmelde-seite{min-height:100dvh;padding:calc(24px + var(--oben)) 16px calc(24px + var(--unten));flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.anmelde-seite>.hinweis,.anmelde-seite>.knopf{width:100%;max-width:380px}.anmelde-logo{border-radius:20px;width:88px;height:88px}.anmelde-titel{margin:4px 0 12px;font-size:34px}.anmelde-karte{width:100%;max-width:380px;padding:8px 0 16px}.anmelde-karte .feld:first-of-type{border-top:0}.anmelde-karte .knopf.voll{width:calc(100% - 32px);margin:8px 16px 0}.anmelde-karte .hinweis{margin:8px 16px 12px!important}.superadmin-band{left:50%;bottom:calc(72px + var(--unten));z-index:45;background:var(--gelb);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.superadmin-band span{text-overflow:ellipsis;overflow:hidden}.superadmin-band button{color:var(--gelb);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:650}.update-band{left:50%;top:calc(10px + var(--oben));z-index:90;background:var(--blau);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}.update-band button{color:var(--blau);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:650}.pille.g-kunde{background:var(--blau-hell);color:var(--blau-dunkel)}.pille.g-eigen{background:var(--gelb-hell);color:var(--gelb)}.klein-text.minus{color:var(--rot);font-weight:600}.klein-text.hu-bald{color:var(--gelb);font-weight:600}
