*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#f2f5f7;-webkit-tap-highlight-color:transparent;background:#101418;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}.page{padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 32px);flex-direction:column;gap:24px;max-width:560px;margin:0 auto;display:flex}.header h1{letter-spacing:-.02em;margin:0;font-size:28px}.header p{color:#9aa7b2;margin:6px 0 0;font-size:16px}.recorder{flex-direction:column;align-items:center;gap:16px;display:flex}.record-button{aspect-ratio:1;color:#fff;letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#d92d20;border:none;border-radius:50%;width:min(260px,70vw);font-size:24px;font-weight:700;transition:transform 80ms,background .2s;box-shadow:0 12px 32px #d92d2059}.record-button:active{transform:scale(.97)}.record-button[data-state=recording]{color:#fff;background:#1a1f26;border:4px solid #d92d20;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 8px #d92d202e}.record-button:disabled{color:#6f7c88;box-shadow:none;cursor:default;background:#2a3138;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 0 8px #d92d202e}50%{box-shadow:0 0 0 20px #d92d200d}}@media (prefers-reduced-motion:reduce){.record-button[data-state=recording]{animation:none}}.timer{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:40px;font-weight:600}.status{color:#9aa7b2;text-align:center;min-height:24px;font-size:16px}.panel{background:#171d24;border:1px solid #232c35;border-radius:16px;padding:18px}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:#8f9daa;margin:0 0 10px;font-size:15px}.transcript{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.6}.panel--error{color:#ffd7d2;background:#2a1513;border-color:#5b2019}.panel--warning{color:#ffeeb8;background:#2a2313;border-color:#5b4b19}.meta{color:#8f9daa;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:14px;display:grid}.meta dt{color:#6f7c88}.meta dd{overflow-wrap:anywhere;margin:0}.playback{width:100%;margin-top:4px}.secondary-button{appearance:none;color:#cfd8e0;touch-action:manipulation;background:0 0;border:1px solid #333e49;border-radius:12px;width:100%;min-height:52px;padding:14px 18px;font-size:16px;font-weight:600}.page--zentriert{justify-content:center;min-height:100dvh}.header--zentriert{text-align:center}.login{flex-direction:column;gap:14px;display:flex}.login-label{text-transform:uppercase;letter-spacing:.08em;color:#8f9daa;font-size:15px}.login-input{color:#f2f5f7;letter-spacing:.05em;background:#171d24;border:1px solid #333e49;border-radius:14px;width:100%;min-height:64px;padding:18px;font-size:22px}.login-input:focus{border-color:#d92d20;outline:none;box-shadow:0 0 0 4px #d92d202e}.primary-button{appearance:none;color:#fff;touch-action:manipulation;background:#d92d20;border:none;border-radius:14px;width:100%;min-height:68px;padding:20px;font-size:20px;font-weight:700}.primary-button:disabled{color:#6f7c88;background:#2a3138}.login-error{color:#ffd7d2;background:#2a1513;border:1px solid #5b2019;border-radius:12px;margin:0;padding:14px 16px;font-size:16px}.login-success{flex-direction:column;align-items:center;gap:12px;display:flex}.login-firmname{margin:0;font-size:22px;font-weight:600}.monteur-liste{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.monteur-button{appearance:none;text-align:left;color:#f2f5f7;touch-action:manipulation;background:#171d24;border:1px solid #333e49;border-radius:14px;width:100%;min-height:76px;padding:22px 20px;font-size:21px;font-weight:600}.monteur-button:active{background:#212a33;border-color:#d92d20}.firm-header{border-bottom:1px solid #232c35;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding-bottom:4px;display:flex}.firm-logo{object-fit:contain;width:auto;max-width:55%;max-height:36px}.firm-logo--gross{max-width:80%;max-height:96px}.firm-header-name,.firm-header-monteur{color:#8f9daa;font-size:14px}.firm-header-monteur{color:#cfd8e0;white-space:nowrap;font-weight:600}.firm-header-monteur--knopf{appearance:none;text-underline-offset:3px;touch-action:manipulation;background:0 0;border:none;min-height:44px;padding:10px 2px;font-family:inherit;font-size:14px;text-decoration:underline}.firm-header-monteur--knopf:active{color:#f2f5f7}.formular{flex-direction:column;gap:22px;display:flex}.feldgruppe{flex-direction:column;gap:12px;display:flex}.feldgruppe h2{text-transform:uppercase;letter-spacing:.08em;color:#8f9daa;margin:0;font-size:14px}.feld{flex-direction:column;gap:6px;display:flex}.feld>span{color:#8f9daa;font-size:14px}.feld input,.feld textarea,.position input{color:#f2f5f7;background:#171d24;border:1px solid #333e49;border-radius:12px;width:100%;min-height:54px;padding:14px;font-family:inherit;font-size:18px}.feld textarea{resize:vertical;min-height:90px}.feld input:focus,.feld textarea:focus,.position input:focus{border-color:#d92d20;outline:none}.feld-paar{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hinweis{color:#8f9daa;margin:0;font-size:15px}.position{background:#141a20;border:1px solid #232c35;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.position--offen{background:#1c1a12;border-color:#5b4b19}.position-zeile{grid-template-columns:1fr 1fr 1.3fr auto;align-items:center;gap:8px;display:grid}.position-loeschen{color:#9aa7b2;touch-action:manipulation;background:0 0;border:1px solid #333e49;border-radius:12px;min-width:52px;min-height:54px;font-size:20px}.position-fuss{justify-content:flex-end;font-size:15px;display:flex}.position-warnung{color:#ffd479}.position-betrag{color:#cfd8e0;font-variant-numeric:tabular-nums;font-weight:600}.summen{border-top:1px solid #232c35;flex-direction:column;gap:8px;padding-top:16px;display:flex}.summen-zeile{color:#cfd8e0;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:17px;display:flex}.summen-zeile--total{color:#f2f5f7;border-top:1px solid #232c35;padding-top:10px;font-size:22px}.summen-warnung{color:#ffd479;margin:4px 0 0;font-size:15px}.unterschrift{flex-direction:column;gap:8px;display:flex}.unterschrift-feld{touch-action:none;cursor:crosshair;background:#fff;border:1px solid #333e49;border-radius:14px;width:100%;height:220px}.unterschrift-fuss{color:#8f9daa;justify-content:space-between;align-items:center;font-size:15px;display:flex}.unterschrift-loeschen{appearance:none;color:#cfd8e0;touch-action:manipulation;background:0 0;border:1px solid #333e49;border-radius:10px;min-height:46px;padding:10px 16px;font-size:15px}.unterschrift-loeschen:disabled{opacity:.4}.pdf-link{text-align:center;color:#fff;background:#1f7a3d;border-radius:14px;min-height:60px;padding:18px;font-size:18px;font-weight:600;text-decoration:none;display:block}.versand{flex-direction:column;gap:12px;width:100%;display:flex}.versand-status{text-align:center;color:#9aa7b2;margin:0;font-size:16px}.versand-status--ok{color:#6ee7a8}.uebersicht{flex-direction:column;gap:16px;display:flex}.uebersicht-liste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.uebersicht-liste li{border-bottom:1px solid #232c35;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;font-size:16px;display:flex}.uebersicht-liste li:last-child{border-bottom:none}.uebersicht-liste small{color:#8f9daa;font-size:14px;display:block}.uebersicht-liste strong{font-variant-numeric:tabular-nums;white-space:nowrap}.liste-filter{background:#141a20;border:1px solid #232c35;border-radius:14px;gap:8px;padding:4px;display:flex}.liste-filter-knopf{appearance:none;color:#8f9daa;touch-action:manipulation;background:0 0;border:none;border-radius:10px;flex:1;min-height:48px;padding:0 8px;font-family:inherit;font-size:16px;font-weight:600}.liste-filter-knopf.ist-aktiv{color:#f2f5f7;background:#232c35}.liste-filter-knopf:disabled{color:#4d5763}.liste-suche{align-items:center;display:flex;position:relative}.liste-suche-feld{color:#f2f5f7;background:#171d24;border:1px solid #333e49;border-radius:14px;width:100%;min-height:58px;padding:16px 48px 16px 16px;font-family:inherit;font-size:18px}.liste-suche-feld:focus{border-color:#d92d20;outline:none}.liste-suche-feld::-webkit-search-cancel-button{appearance:none}.liste-suche-leeren{color:#8f9daa;touch-action:manipulation;background:0 0;border:none;width:44px;height:44px;font-size:18px;position:absolute;right:6px}.rapport-adresse{color:#9aa7b2;font-size:14px}.einstellung{flex-direction:column;gap:12px;display:flex}.einstellung h2{color:#f2f5f7;margin:0;font-size:18px}.einstellung-wert{background:#141a20;border:1px solid #232c35;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.einstellung-name{color:#f2f5f7;font-size:20px;font-weight:700}.rapport-liste{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rapport-zeile{color:#f2f5f7;touch-action:manipulation;background:#171d24;border:1px solid #232c35;border-radius:14px;flex-direction:column;gap:6px;min-height:76px;padding:16px;text-decoration:none;display:flex}a.rapport-zeile:active{background:#1c242c;border-color:#d92d20}.rapport-zeile--ohne-pdf{opacity:.75}.rapport-kopf{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rapport-kunde{font-size:18px;font-weight:600}.rapport-total{font-variant-numeric:tabular-nums;white-space:nowrap}.rapport-fuss{color:#8f9daa;justify-content:space-between;gap:12px;font-size:14px;display:flex}.rapport-versendet{color:#6ee7a8}.rapport-offen{color:#ffd479}.rapport-hinweis{color:#8f9daa;font-size:13px}.aufnahme-fuss{margin-top:4px}.monteur-suche{align-items:center;display:flex;position:relative}.monteur-suche-feld{color:#f2f5f7;background:#171d24;border:1px solid #333e49;border-radius:14px;width:100%;min-height:58px;padding:16px 48px 16px 16px;font-family:inherit;font-size:18px}.monteur-suche-feld:focus{border-color:#d92d20;outline:none}.monteur-suche-feld::-webkit-search-cancel-button{appearance:none}.monteur-suche-leeren{color:#8f9daa;touch-action:manipulation;background:0 0;border:none;width:44px;height:44px;font-size:18px;position:absolute;right:6px}.abmelden-link{appearance:none;color:#8f9daa;touch-action:manipulation;background:0 0;border:none;align-self:center;min-height:44px;padding:12px 4px;font-family:inherit;font-size:15px}.abmelden-link:active{color:#f2f5f7}.abmelden-frage{background:#141a20;border:1px solid #333e49;border-radius:12px;padding:16px}.abmelden-frage p{color:#cfd8e0;margin:0 0 14px;font-size:15px;line-height:1.5}.abmelden-knoepfe{gap:10px;display:flex}.abmelden-ja,.abmelden-nein{appearance:none;touch-action:manipulation;border-radius:10px;flex:1;min-height:48px;padding:0 18px;font-family:inherit;font-size:16px;font-weight:600}.abmelden-ja{color:#fff;background:#d92d20;border:none}.abmelden-nein{color:#cfd8e0;background:0 0;border:1px solid #333e49}.legal{max-width:none;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 28px) clamp(20px, 4vw, 56px) calc(env(safe-area-inset-bottom) + 36px);align-items:flex-start;gap:20px;margin:0}.legal-text{color:#d7dee5;width:100%;max-width:68rem;font-size:17px;line-height:1.65}.legal-text h1{color:#f2f5f7;border-bottom:1px solid #232c35;margin:0 0 22px;padding-bottom:18px;font-size:clamp(28px,3.2vw,34px);line-height:1.2}.legal-text h2{color:#f2f5f7;margin:32px 0 8px;font-size:20px}.legal-text h3{color:#f2f5f7;margin:22px 0 6px;font-size:17px}.legal-text p{margin:0 0 14px}.legal-text ul{margin:0 0 14px;padding-left:22px}.legal-text li{margin-bottom:6px}.legal-text a{color:#5b9cff;text-decoration:none}.legal-text a:active,.legal-text strong{color:#8fbaff}.legal-text code{background:#171d24;border-radius:6px;padding:2px 6px;font-size:15px}.legal-text hr{border:none;border-top:1px solid #232c35;margin:26px 0}.legal-text blockquote{color:#d7dee5;background:#161c23;border-left:3px solid #333e49;border-radius:0 12px 12px 0;margin:0 0 18px;padding:14px 16px}.legal-text blockquote p{margin:0}.legal-tabelle{-webkit-overflow-scrolling:touch;border:1px solid #232c35;border-radius:12px;margin:0 0 18px;overflow-x:auto}.legal-text table{border-collapse:collapse;width:100%;min-width:460px;font-size:16px}.legal-text th,.legal-text td{text-align:left;vertical-align:top;border-bottom:1px solid #232c35;padding:12px 14px}.legal-text th{color:#f2f5f7;white-space:nowrap;background:#161c23;font-weight:600}.legal-text tbody tr:last-child td{border-bottom:none}@media (max-width:640px){.legal{padding-top:calc(env(safe-area-inset-top) + 20px);gap:16px}.legal-text{font-size:16px;line-height:1.5}.legal-text h1{margin-bottom:16px;padding-bottom:14px}.legal-text h2{margin:24px 0 6px;font-size:18px}.legal-text p,.legal-text ul{margin:0 0 10px}.legal-text li{margin-bottom:4px}.legal-text table{min-width:0}.legal-text thead{display:none}.legal-text tr{border-bottom:1px solid #232c35;display:block}.legal-text tbody tr:last-child{border-bottom:none}.legal-text td{border-bottom:none;gap:12px;padding:6px 14px;display:flex}.legal-text tr td:first-child{padding-top:14px}.legal-text tr td:last-child{padding-bottom:14px}.legal-text td:before{content:attr(data-label);color:#8f9daa;flex:0 0 84px;font-size:15px}}.legal .secondary-button{text-align:center;width:auto;min-width:220px}.legal-footer{color:#6f7c88;border-top:1px solid #232c35;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:68rem;margin-top:8px;padding-top:18px;font-size:14px;display:flex}.legal .legal-footer{justify-content:flex-start}.legal-footer a{color:#8f9daa;padding:8px 4px;text-decoration:none}.legal-footer a:active{color:#f2f5f7}.zustimmung{justify-content:center;gap:14px;max-width:460px;min-height:100dvh}.zustimmung-titel{letter-spacing:-.01em;color:#f2f5f7;margin:0;font-size:21px}.zustimmung-text{color:#9aa7b2;margin:0;font-size:15px;line-height:1.55}.zustimmung-text a{color:#5b9cff;text-decoration:none}.zustimmung-text a:active{color:#8fbaff}.zustimmung-aktion{margin-top:6px}.zustimmung-knopf{appearance:none;color:#fff;touch-action:manipulation;background:#d92d20;border:none;border-radius:10px;min-height:46px;padding:0 26px;font-family:inherit;font-size:16px;font-weight:600}.zustimmung-knopf:disabled{color:#6f7c88;background:#2a3138}.login-legal{text-align:center;color:#6f7c88;margin:2px 0 0;font-size:14px;line-height:1.6}.login-legal a{color:#8f9daa;padding:6px 2px}