:root{--navy:#12242d;--petrol:#178c8c;--petrol-d:#116d6d;--mint:#73c9b7;--warm:#f5f3ed;--paper:#fcfaf4;--graphite:#313a3e;--soft:#dde1df;--muted:#5c6b70;--ghost:#8a968f;--alarm:#b4443a;--radius:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--warm);color:var(--graphite);-webkit-font-smoothing:antialiased;font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Calibri,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--petrol);background:var(--petrol);color:#fff;border-radius:7px;padding:8px 16px;font-weight:600}button:hover{background:var(--petrol-d);border-color:var(--petrol-d)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{font:inherit;border:1px solid var(--soft);color:var(--graphite);background:#fff;border-radius:6px;width:100%;padding:9px 11px}input:focus,textarea:focus,select:focus{outline:2px solid var(--mint);border-color:var(--petrol)}a{color:var(--petrol-d);text-decoration:none}.wm{letter-spacing:.11em;font-weight:800}.wm i{color:var(--petrol);font-style:normal}.wm.hell i{color:var(--mint)}.mitte{background:var(--navy);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.karte{background:#fff;border-radius:14px;width:100%;max-width:390px;padding:38px 34px;box-shadow:0 18px 50px #00000040}.karte .wm{color:var(--navy);margin-bottom:26px;font-size:15px}.karte h1{color:var(--navy);margin:0 0 4px;font-size:22px}.karte p.sub{color:var(--muted);margin:0 0 22px;font-size:14px}.karte label{color:var(--navy);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.karte button{width:100%;margin-top:16px;padding:11px}.fehler{border:1px solid var(--alarm);color:var(--alarm);background:#fdf0ee;border-radius:7px;margin-top:14px;padding:9px 12px;font-size:14px}.claim{color:var(--ghost);text-align:center;margin-top:24px;font-size:12px;font-style:italic}.kopf{background:var(--navy);color:#fff;z-index:50;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 22px;display:flex;position:sticky;top:0}.kopf .wm{font-size:15px}.kopf .rechts{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.kopf button.geist{color:#fff;background:0 0;border-color:#ffffff73}.kopf button.geist:hover{background:#ffffff1f;border-color:#fff}.huelle{max-width:1000px;margin:0 auto;padding:42px 22px 80px}.huelle h1{color:var(--navy);letter-spacing:-.01em;margin:0 0 6px;font-size:29px}.huelle p.lead{color:var(--muted);margin:0 0 34px;font-size:16px}.kunden{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.kunde{border:1px solid var(--soft);border-radius:var(--radius);text-align:left;color:inherit;background:#fff;padding:22px;transition:border-color .15s,transform .1s;display:block}.kunde:hover{border-color:var(--petrol);transform:translateY(-2px)}.kunde h2{color:var(--navy);margin:0 0 3px;font-size:19px}.kunde .ort{color:var(--muted);margin-bottom:14px;font-size:13.5px}.kunde .meta{color:var(--graphite);font-size:13px}.marke{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}.marke.bereit{color:var(--petrol-d);background:#e4f2ef}.marke.offen{color:var(--ghost);background:#f0efe9}.kunde.leer{opacity:.75}.kunde.leer:hover{border-color:var(--soft);transform:none}.kopf .kundename{color:var(--mint);font-size:14px;font-weight:600}.uhr{font-variant-numeric:tabular-nums;color:var(--soft);font-size:13px}.uhr b{color:#fff;margin-left:5px;font-size:18px;font-weight:700}.uhr.warn b{color:#ffcf6b}.uhr.ueber b{color:#ff8f83}button.sicht{border-color:var(--mint);color:var(--mint);background:0 0}button.sicht:hover{background:var(--mint);color:var(--navy);border-color:var(--mint)}.blocknav{z-index:40;background:var(--paper);border-bottom:1px solid var(--soft);white-space:nowrap;gap:6px;padding:8px 22px;display:flex;position:sticky;top:56px;overflow-x:auto}.blocknav button{color:var(--muted);border:1px solid var(--soft);background:0 0;padding:5px 11px;font-size:13px}.blocknav button:hover{background:var(--soft);color:var(--navy);border-color:var(--soft)}.blocknav button.an{background:var(--navy);color:#fff;border-color:var(--navy)}.blocknav button.fertig{border-color:var(--petrol);color:var(--petrol-d)}.blocknav button.an.fertig{color:#fff}.demobanner{z-index:39;color:var(--navy);text-align:center;background:#ffcf6b;padding:7px 22px;font-size:13.5px;font-weight:600;position:sticky;top:101px}.huelle.termin{max-width:1000px;padding:22px 22px 130px}.huelle.termin h1{margin:6px 0 3px;font-size:25px}.huelle.termin .sub{color:var(--petrol);margin-bottom:4px;font-size:15px}.huelle.termin .plan{color:var(--muted);margin-bottom:18px;font-size:13px}.say{border:1px solid var(--soft);border-left:4px solid var(--petrol);color:var(--navy);background:#fff;border-radius:9px;margin:0 0 18px;padding:14px 18px;font-size:16.5px}.say p{margin:0 0 8px}.say p:last-child{margin:0}.frage{background:var(--paper);border:1px solid var(--soft);border-radius:9px;margin-bottom:11px;padding:12px 15px}.frage.pflicht{border-color:var(--petrol);background:#fff}.frage label{color:var(--navy);margin-bottom:6px;font-size:15.5px;font-weight:600;display:block}.frage .nr{color:var(--petrol);margin-right:7px;font-weight:700}.frage .hinweis{color:var(--muted);margin:-2px 0 7px;font-size:13px;font-style:italic}.frage textarea{resize:vertical;min-height:46px}.frage .antwort{display:none}.varianten{align-items:center;gap:5px;margin:0 0 7px;display:flex}.varianten span{color:var(--ghost);margin-right:2px;font-size:11.5px}.varianten button{color:var(--muted);border:1px solid var(--soft);background:0 0;padding:1px 8px;font-size:12px;font-weight:700;line-height:1.5}.varianten button:hover{background:var(--petrol);color:#fff;border-color:var(--petrol)}.varianten button.x:hover{background:var(--alarm);border-color:var(--alarm)}.zweig{border:1px dashed var(--petrol);color:var(--petrol-d);background:#fff;border-radius:7px;margin-top:9px;padding:9px 12px;font-size:14px;display:none}.zweig.zeig{display:block}.zweig b{color:var(--navy)}.calc{background:var(--navy);color:#fff;border-radius:11px;margin:16px 0;padding:20px}.calc h3{color:#fff;margin:0 0 4px;font-size:18px}.calc .note{color:var(--mint);margin-bottom:16px;font-size:13.5px}.calc .reihe{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.calc .feld{flex:1;min-width:150px}.calc .feld span{color:var(--soft);margin-bottom:4px;font-size:12.5px;display:block}.calc input{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#ffffff1a;border:1px solid #ffffff4d;font-size:19px;font-weight:700}.aus{color:var(--navy);text-align:center;background:#fff;border-radius:9px;padding:16px}.aus .gross{color:var(--petrol);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1.1}.aus .lbl{color:var(--muted);margin-top:2px;font-size:14px}.aus .klein{color:var(--ghost);font-size:11.5px}.aus .teile{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.aus .teile>div{min-width:150px}.aus .formel{color:var(--ghost);font-variant-numeric:tabular-nums;margin-top:11px;font-size:12.5px}.danach{border:1px solid var(--petrol);color:var(--navy);background:#fff;border-radius:9px;margin-top:14px;padding:13px 16px;font-size:15.5px}.platzhalter{text-align:center;color:var(--ghost);border:1px dashed var(--soft);border-radius:11px;margin-top:20px;padding:60px 20px;font-size:15px;display:none}.fussleiste{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;display:flex}button.geist.dunkel{color:var(--petrol-d);border-color:var(--soft);background:0 0}.statusleiste{background:var(--navy);color:var(--soft);z-index:60;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 22px;font-size:12.5px;display:flex;position:fixed;bottom:0;left:0;right:0}.statusleiste .gut{color:var(--mint)}.statusleiste .warn{color:#ffcf6b}.statusleiste .werkzeuge{flex-wrap:wrap;align-items:center;gap:7px;margin-left:auto;display:flex}.statusleiste button{padding:4px 11px;font-size:12.5px}.statusleiste button.geist{color:#fff;background:0 0;border-color:#fff6}.statusleiste button.geist:hover{background:#ffffff24}.statusleiste button.geist.scharf{border-color:var(--alarm);color:#ff8f83}.statusleiste .trenner{color:var(--ghost);margin-left:6px}.statusleiste .zurueck{color:var(--mint);margin-left:4px;font-weight:600}.statusleiste select{color:#fff;background:#ffffff1a;border-color:#ffffff4d;width:auto;padding:4px 8px;font-size:12.5px}.statusleiste input.zusatz{color:#fff;background:#ffffff1a;border-color:#ffffff4d;width:210px;padding:4px 9px;font-size:12.5px}.statusleiste input.zusatz::placeholder{color:var(--ghost)}.ki{border-left:1px solid var(--soft);z-index:70;background:#fff;flex-direction:column;width:420px;max-width:92vw;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-14px 0 40px #0000001a}.ki.offen{transform:none}.kikopf{background:var(--navy);color:#fff;align-items:center;padding:13px 18px;display:flex}.kikopf b{font-size:15px}.kikopf .x{color:#fff;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:20px}.kikoerper{flex:1;padding:18px;overflow:auto}.kikoerper .laeuft{color:var(--ghost);font-style:italic}.kitext{white-space:pre-wrap;color:var(--navy);font-size:15px}.kunde .say,.kunde .hinweis,.kunde .varianten,.kunde .zweig,.kunde .danach,.kunde .plan,.kunde .sub,.kunde .demobanner,.kunde .statusleiste,.kunde .fussleiste,.kunde .frage.privat,.kunde .frage.leerfeld{display:none!important}.kunde .huelle.termin{padding-bottom:40px}.kunde .kopf{background:var(--petrol)}.kunde button.sicht{color:var(--petrol-d);background:#fff;border-color:#fff}.kunde .frage{background:#fff;border-color:#e6e9e7;margin-bottom:8px;padding:11px 16px}.kunde .frage.pflicht{border-color:#e6e9e7}.kunde .frage label{color:var(--petrol-d);margin-bottom:3px;font-size:14px;font-weight:600}.kunde .frage .nr{color:var(--ghost)}.kunde .frage textarea{display:none}.kunde .frage .antwort{color:var(--navy);white-space:pre-wrap;font-size:16.5px;display:block}.kunde .platzhalter{display:block}.kunde .calc{padding:28px}.kunde .calc .note{display:none}.kunde .aus .gross{font-size:54px}.kunde .huelle.termin h1{font-size:30px}.frage.istdemo{background:#fffaf0;border-color:#e8c97a}.frage.istdemo label:before{content:"Testtext";float:right;letter-spacing:.05em;text-transform:uppercase;color:#a07a22;background:#fdf0d0;border-radius:20px;margin-left:8px;padding:1px 7px;font-size:10.5px;font-weight:700}.kunde .frage.istdemo{background:#fff;border-color:#e6e9e7}.kunde .frage.istdemo label:before{display:none}.abschluss{z-index:95;background:#12242d99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.abox{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:660px;max-height:90vh;display:flex;box-shadow:0 26px 70px #00000052}.akopf{background:var(--navy);color:#fff;border-radius:14px 14px 0 0;align-items:center;padding:14px 20px;display:flex}.akopf b{font-size:16px}.akopf button{color:#fff;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:22px}.akoerper{padding:22px;overflow:auto}.akoerper section{margin-bottom:26px}.akoerper h3{color:var(--navy);margin:0 0 6px;font-size:15px}.akoerper p.klein{color:var(--muted);margin:0 0 9px;font-size:13px}.akoerper textarea{resize:vertical;min-height:110px}button.geist2{color:var(--petrol-d);border-color:var(--soft);background:0 0;margin-top:9px}button.geist2:hover{background:var(--petrol);color:#fff;border-color:var(--petrol)}.varianten2{flex-wrap:wrap;gap:11px;display:flex}button.vwahl{text-align:left;background:var(--paper);border:1px solid var(--soft);min-width:220px;color:var(--graphite);border-radius:9px;flex:1;padding:13px 15px}button.vwahl b{color:var(--navy);margin-bottom:2px;font-size:15px;display:block}button.vwahl span{color:var(--muted);font-size:12.5px}button.vwahl.an{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol);background:#fff}button.vwahl.an b{color:var(--petrol-d)}button.vwahl:hover{border-color:var(--petrol);background:#fff}.sigpad{border:1px dashed var(--petrol);background:var(--paper);touch-action:none;cursor:crosshair;border-radius:9px;width:100%;height:170px;display:block}.sigzeile{flex-wrap:wrap;align-items:center;gap:9px;margin-top:9px;display:flex}.sigzeile input{flex:1;min-width:130px}.sigzeile button{margin-top:0}.sendzeile{flex-wrap:wrap;gap:10px;display:flex}.sendzeile button{margin-top:0}.gutmeldung{border:1px solid var(--petrol);color:var(--petrol-d);background:#e4f2ef;border-radius:7px;margin-top:12px;padding:9px 12px;font-size:14px}.akoerper .fehler{margin-top:12px}.nachfassen{margin-top:20px}.nachfassen button{margin:0}ul.luecken{flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}ul.luecken li{border:1px solid var(--petrol);color:var(--navy);background:#fff;border-left-width:3px;border-radius:8px;padding:9px 13px;font-size:15px}.nachfassen .fehler{margin-top:10px}.kunde .nachfassen{display:none!important}.huelle.themen{max-width:720px;padding-top:36px}.huelle.themen h1{font-size:27px}.themenkarte{text-align:left;border:1px solid var(--soft);width:100%;color:var(--graphite);background:#fff;border-radius:11px;align-items:flex-start;gap:14px;margin-bottom:22px;padding:18px 20px;display:flex}.themenkarte:hover{border-color:var(--petrol);background:#fff}.themenkarte.an{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol)}.themenkarte .haken{border:1.5px solid var(--soft);color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;display:flex}.themenkarte.an .haken{background:var(--petrol);border-color:var(--petrol)}.themenkarte b{color:var(--navy);margin-bottom:2px;font-size:16px;display:block}.themenkarte em{color:var(--muted);font-size:13.5px;font-style:normal}.themenfeld label{color:var(--navy);margin-bottom:4px;font-weight:600;display:block}.themenfeld p.klein{color:var(--muted);margin:0 0 10px;font-size:13.5px}.themenfuss{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.themenfuss button{margin:0}.saytext{border:1px solid var(--soft);border-left:4px solid var(--petrol);background:#fff;border-radius:9px;margin:0 0 18px;padding:16px 20px}.saytext h3{color:var(--navy);margin:16px 0 8px;font-size:16px}.saytext h3:first-child{margin-top:0}.saytext .etikett{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;margin:12px 0 6px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.saytext .etikett.frag{color:var(--petrol-d);background:#e4f2ef}.saytext .etikett.erw{color:#a07a22;background:#fdf0d0}.saytext .zeile{color:var(--navy);padding:3px 0 3px 14px;font-size:15px;position:relative}.saytext .zeile:before{content:"·";color:var(--petrol);font-weight:700;position:absolute;left:2px}.kundemail{margin-bottom:14px}.kundemail label{color:var(--navy);margin-bottom:3px;font-size:14px;font-weight:600;display:block}.kundemail textarea{min-height:90px;margin-top:9px}.themenhilfe{margin-top:18px}.themenhilfe .thema{background:var(--paper);border:1px solid var(--soft);border-radius:10px;margin-bottom:12px;padding:14px 17px}.themenhilfe h3{color:var(--navy);margin:0 0 4px;font-size:15.5px}.themenhilfe .klein{color:var(--ghost);margin:0;font-size:13px;font-style:italic}.themenhilfe .etikett{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;margin:11px 0 6px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-block}.themenhilfe .etikett.frag{color:var(--petrol-d);background:#e4f2ef}.themenhilfe .etikett.erw{color:#a07a22;background:#fdf0d0}.chips{flex-wrap:wrap;gap:7px;display:flex}button.chip{border:1px dashed var(--petrol);color:var(--petrol-d);text-align:left;background:#fff;border-radius:20px;padding:6px 12px;font-size:13.5px;font-weight:500}button.chip:hover{background:var(--petrol);color:#fff;border-style:solid}.erwartet{color:var(--graphite);padding:4px 0 4px 14px;font-size:14px;position:relative}.erwartet:before{content:"·";color:#a07a22;font-weight:700;position:absolute;left:2px}.erwartet b{color:var(--navy)}.kunde .themenhilfe{display:none!important}.warnhinweis{color:#7a5c10;background:#fdf7e8;border:1px solid #e8c97a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding:11px 14px;font-size:13.5px;display:flex}.warnhinweis span{flex:1;min-width:220px}.warnhinweis button{color:#7a5c10;background:0 0;border-color:#c9a44a;padding:5px 12px;font-size:13px}.warnhinweis button:hover{color:#fff;background:#c9a44a;border-color:#c9a44a}.warnhinweis button.scharf{border-color:var(--alarm);color:var(--alarm)}.themenfuss .klein.warnton{color:#a07a22;font-weight:600}.tb-frage-klein{color:var(--muted);margin:0 0 12px;font-size:15px}.tb-themen{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}button.tb-thema{border:1px solid var(--soft);color:var(--graphite);text-align:left;background:#fff;border-radius:11px;padding:18px 20px}button.tb-thema:hover{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol);background:#fff}button.tb-thema b{color:var(--navy);margin-bottom:3px;font-size:17px;display:block}button.tb-thema span{color:var(--muted);font-size:13px}.tb-kopf{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.tb-kopf b{color:var(--navy);font-size:16px}.tb-kopf span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}button.tb-zurueck{color:var(--petrol-d);background:0 0;border:0;padding:0;font-size:14px}button.tb-zurueck:hover{background:0 0;text-decoration:underline}.tb-spalten{grid-template-columns:1fr 300px;align-items:start;gap:18px;display:grid}@media (max-width:860px){.tb-spalten{grid-template-columns:1fr}}.tb-haupt{border:1px solid var(--petrol);background:#fff;border-radius:11px;padding:20px}label.tb-frage{color:var(--navy);margin-bottom:14px;font-size:20px;font-weight:600;line-height:1.35;display:block}.tb-haupt textarea{min-height:130px;font-size:16.5px}.tb-fuss{justify-content:space-between;gap:10px;margin-top:14px;display:flex}button.tb-blass{color:var(--petrol-d);border-color:var(--soft);background:0 0}.tb-leer{color:var(--muted);margin:0;font-style:italic}.tb-seite{flex-direction:column;gap:6px;display:flex}.tb-titel{letter-spacing:.06em;text-transform:uppercase;color:var(--ghost);margin:8px 0 2px;font-size:10.5px;font-weight:700}.tb-titel.neu{color:var(--petrol-d)}.tb-titel.erw{color:#a07a22}button.tb-naechste{background:var(--paper);border:1px solid var(--soft);color:var(--graphite);text-align:left;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:500;line-height:1.4}button.tb-naechste:hover{border-color:var(--petrol);color:var(--navy);background:#fff}button.tb-naechste.fertig{color:var(--ghost)}button.tb-naechste.fertig:before{content:"✓ ";color:var(--petrol)}button.tb-neu{border:1px dashed var(--petrol);color:var(--petrol-d);text-align:left;background:#fff;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:500;line-height:1.4}button.tb-neu:hover{background:var(--petrol);color:#fff;border-style:solid}.tb-erw{color:var(--graphite);background:#fdf7e8;border-radius:8px;padding:8px 11px;font-size:13px}.tb-erw b{color:var(--navy);margin-bottom:1px;font-weight:600;display:block}.kunde .tb-kopf,.kunde .tb-seite,.kunde .tb-fuss{display:none!important}.huelle.themen .lead .anrede{color:var(--petrol-d);font-weight:600}button.tb-neuvor{color:var(--petrol-d);border-color:var(--soft);background:0 0;margin-top:14px;padding:6px 13px;font-size:13.5px}button.tb-neuvor:hover{background:var(--petrol);color:#fff;border-color:var(--petrol)}