: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}