/* machmal Startseite (27.09.2026): Übernahmen aus /handwerk-neu (Bereiche mit echten Vorschauen, Woche, Start-Block, Fragen)
   und aus /handwerk/hw.css (Registrierungs-Fenster, feste Leiste am Handy, dunkles Formular). Nur für body.start geladen. */
.start{--karte:linear-gradient(160deg,#1b1a17f2,#111110f7);--haar:#ffffff21;--gold:#d4af37;--gold-2:#e8c96a}

/* ---------- Grundbausteine (aus neu.css) ---------- */
.n-kopf{margin-bottom:40px}
.n-kopf h2 em,.n-final h2 em{font-style:normal;color:var(--gold-2)}
.n-unter{margin:14px auto 0;max-width:560px;color:var(--text-2);font-size:clamp(16px,1.35vw,18px);line-height:1.55}
.section-head:not(.center) .n-unter{margin-left:0}
.n-fn{font-size:12.5px;color:var(--text-3);line-height:1.5;margin:14px 0 0}
.n-bsp{display:block;font-size:11px;color:var(--text-3);letter-spacing:.04em;text-align:right;margin-top:10px}
.n-klein{font-size:13px;color:var(--text-2);margin:12px 0 0}
.n-msg{border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.5}
.n-msg.kunde{background:#f3efe4;color:#1b1a16}
.n-msg.mm{background:#141412;border:1px solid var(--haar);border-left:2px solid var(--gold);color:var(--text);min-height:96px}
.n-msg-kopf{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:#7a7466;margin-bottom:5px}
.n-msg.mm .n-msg-kopf{color:var(--gold-2)}
.n-msg-kopf .ic{width:13px;height:13px;vertical-align:-2px}
.n-tipp:after{content:"";display:inline-block;width:2px;height:1em;background:var(--gold);margin-left:2px;vertical-align:-2px;animation:nBlink 1s steps(1) infinite}
.n-tipp.fertig:after{display:none}
@keyframes nBlink{50%{opacity:0}}
.n-checks{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12.5px;color:var(--text-2);opacity:0;transition:opacity .4s}
.n-checks.an{opacity:1}
.n-checks .ic,.n-info em .ic,.n-frei .ic,.n-ok .ic{width:15px;height:15px;color:var(--gold);vertical-align:-3px;margin-right:4px}

/* ---------- Einblenden ---------- */
.n-rein{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.n-rein.sichtbar{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.n-rein{opacity:1;transform:none;transition:none}.n-film-play,.n-schimmer:after{animation:none}}

/* ---------- Bereiche als Zeilen ---------- */
.n-reihen{display:flex;flex-direction:column;gap:28px}
.n-reihe{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:34px;border-radius:26px;border:1px solid var(--haar);background:radial-gradient(600px 300px at 0% 0%,#d4af370d,transparent 60%),linear-gradient(160deg,#161512,#0f0f0d)}
.n-reihe:nth-child(even) .n-reihe-text{order:2}
.n-reihe-nr{display:block;font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,#f3d67a,#b8912a);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.n-reihe-text h3{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.025em;margin:0 0 10px}
.n-reihe-text p{margin:0;color:var(--text-2);font-size:16.5px;line-height:1.55;max-width:44ch}
.n-reihe-text ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.n-reihe-text li{position:relative;padding-left:24px;font-size:15px}
.n-reihe-text li:before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.n-reihe-karte{min-width:0}
.n-reihe-karte .n-k{display:flex;flex-direction:column;gap:12px}
.n-info-kurz{padding:9px 13px}
.n-rest{margin-top:28px}
@media (max-width:900px){
  .n-reihen{gap:18px}
  .n-reihe{grid-template-columns:1fr;gap:20px;padding:22px 18px;border-radius:20px}
  .n-reihe:nth-child(even) .n-reihe-text{order:0}
  .n-reihe-nr{font-size:36px}
  .n-reihe-text h3{font-size:25px}
  .n-reihe-text p{font-size:15.5px}
}
.n-reihe-text p{max-width:52ch}
.n-rest{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:28px;padding:36px;border-radius:26px;border:1px solid #d4af3766;background:radial-gradient(700px 360px at 100% 0%,#d4af3722,transparent 60%),linear-gradient(160deg,#1c1a12,#0f0e0b);box-shadow:0 30px 80px #0009;position:relative;overflow:hidden}
.n-rest:before{content:"";position:absolute;left:36px;right:36px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#f3d67a,transparent)}
.n-rest-text h3{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.025em;margin:0 0 10px}
.n-rest-text p{margin:0;color:var(--text-2);font-size:16.5px;line-height:1.55}
.n-rest-text ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.n-rest-text li{position:relative;padding-left:24px;font-size:15px}
.n-rest-text li:before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.n-rest-chat{display:flex;flex-direction:column;gap:12px;min-width:0}
.n-msg.du{background:#1d2a36;color:#fff;border-radius:14px 14px 4px 14px;align-self:flex-end;max-width:88%}
.n-msg.du .n-msg-kopf{color:#9fb8cc}
@media (max-width:900px){.n-rest{grid-template-columns:1fr;gap:20px;padding:22px 18px;border-radius:20px}.n-rest-text ul{grid-template-columns:1fr}}

/* ---------- Echte Vorschauen (m-*) ---------- */
.m-k{gap:14px;font-family:var(--sans);color:#1f2328}
.n-reihe.n-rein .m-a{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.n-reihe.n-rein.sichtbar .m-a{opacity:1;transform:none}
.n-reihe.sichtbar .m-d1{transition-delay:.25s}.n-reihe.sichtbar .m-d2{transition-delay:.5s}.n-reihe.sichtbar .m-d3{transition-delay:.8s}.n-reihe.sichtbar .m-d4{transition-delay:1.1s}.n-reihe.sichtbar .m-d5{transition-delay:1.4s}.n-reihe.sichtbar .m-d6{transition-delay:1.8s}
@media (prefers-reduced-motion:reduce){.n-reihe.n-rein .m-a{opacity:1;transform:none;transition:none}}
.m-hk{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex:none}
.m-app{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0008,0 0 0 1px #ffffff14}
.m-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f1f2f4;border-bottom:1px solid #e3e5e8;font-size:12px;color:#5b616b;min-width:0}
.m-bar>i{width:9px;height:9px;border-radius:50%;background:#ff5f57;flex:none}.m-bar>i+i{background:#febc2e}.m-bar>i+i+i{background:#28c840}
.m-bar span{margin-left:8px;font-weight:600;color:#2b3036;white-space:nowrap}.m-bar em{margin-left:auto;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.m-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;flex:none}
.m-av-rot{background:#d9534f}.m-av-gold{background:linear-gradient(135deg,#eed77f,#c9a227);color:#1a1405}.m-av-gruen{background:#2e9d62}.m-av-lila{background:#7c5cd6}
.m-mail-item{display:flex;gap:11px;padding:13px 14px;border-bottom:1px solid #eceef1;background:#f7f9ff}
.m-mi{min-width:0;flex:1}.m-mi-z{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}.m-mi-z span{font-size:12px;color:#6b717a}
.m-mi strong{display:block;font-size:13.5px;margin:1px 0 3px}.m-mi p{margin:0;font-size:13px;line-height:1.45;color:#3d434b}
.m-antwort{margin:12px;border:1px solid #d9dde3;border-radius:10px;padding:11px 12px;background:#fff}
.m-antwort-kopf{display:flex;gap:9px;align-items:center;margin-bottom:8px}.m-antwort-kopf .m-av{width:28px;height:28px;font-size:11px}
.m-antwort-kopf b{display:block;font-size:13px}.m-antwort-kopf span{font-size:11.5px;color:#8a6d12}
.m-antwort-t{margin:0;font-size:13.5px;line-height:1.5;color:#1f2328;min-height:62px}
.m-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.m-chips span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;background:#eef7f1;color:#1e7a4a;border-radius:999px;padding:4px 9px}
.m-gesendet{display:flex;align-items:center;gap:8px;padding:0 14px 13px;font-size:12.5px;color:#1e7a4a;font-weight:600}
.m-punkt{width:8px;height:8px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 4px #2fbf7133;flex:none}
.m-orig{margin:6px 0 0!important;font-size:12px!important;color:#8b9098!important;font-style:italic}
.m-trans{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#eef3fd;color:#1a56c4;font-size:12.5px;border-bottom:1px solid #dbe5fa}
.m-trans svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
/* PDF */
.m-pdf{background:#4a4d52;border-radius:14px;padding:0 0 16px;box-shadow:0 24px 60px #0008;overflow:hidden}
.m-pdf-bar{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;background:#323539;color:#e7e8ea;font-size:12px}
.m-pdf-bar span{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-pdf-bar svg{width:13px;height:13px;fill:#e5534b;flex:none}
.m-blatt{position:relative;background:#fff;margin:16px 16px 0;padding:18px 18px 16px;border-radius:2px;box-shadow:0 6px 20px #0006;font-size:11px;color:#22262b}
.m-bk{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #1d3b6e}
.m-logo{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:17px;color:#fff;flex:none}.m-logo-blau{background:#1d3b6e}
.m-firma b{display:block;font-size:13.5px;color:#1d3b6e}.m-firma span{font-size:10px;color:#6b717a}
.m-adr{margin:12px 0 8px;font-size:11.5px;line-height:1.4}.m-adr small{display:block;font-size:8.5px;color:#8b9098;text-decoration:underline;margin-bottom:3px}
.m-titel{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 0}.m-titel b{font-size:19px;color:#1d3b6e}.m-titel span{font-size:10px;text-align:right;color:#6b717a;line-height:1.35}
.m-anrede{margin:0 0 8px;font-size:10.5px;color:#4a5058}
.m-tab{width:100%;border-collapse:collapse;font-size:10.5px}.m-tab th{text-align:left;background:#eef2f8;color:#1d3b6e;padding:5px 6px;font-weight:700}
.m-tab td{padding:5px 6px;border-bottom:1px solid #eceef1;vertical-align:top}.m-tab td:last-child,.m-tab th:last-child{text-align:right;white-space:nowrap}.m-tab td:nth-child(3){white-space:nowrap;color:#6b717a}
.m-summe{margin-left:auto;width:62%;margin-top:8px;font-size:11px}.m-summe div{display:flex;justify-content:space-between;padding:2px 0}
.m-ges{border-top:2px solid #1d3b6e;margin-top:3px;padding-top:5px!important;font-weight:800;font-size:13px;color:#1d3b6e}
.m-stempel{position:absolute;left:16px;bottom:18px;transform:rotate(-7deg);border:2px solid #c9a227;color:#a07f12;border-radius:6px;padding:4px 9px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#fffdf3}
.n-reihe.n-rein.sichtbar .m-stempel{transform:rotate(-7deg)}
/* Rechnungen */
.m-faecher{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 4px 0}
.m-re{background:#fff;border-radius:4px;padding:10px 9px 9px;box-shadow:0 14px 30px #0009;font-size:8.5px;color:#2a2e33;min-width:0;display:flex;flex-direction:column;gap:3px}
.m-re-kopf{display:flex;align-items:center;gap:5px;margin-bottom:4px}.m-re-kopf b{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-re-logo{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;background:#1d3b6e;flex:none}
.m-re-t{font-size:12.5px;font-weight:800}.m-re-nr{color:#80868e;font-size:7.5px;margin-bottom:4px}
.m-re-z,.m-re-s{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid #eceef1;padding:2px 0}.m-re-z span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-re-s{border:0;font-weight:800;font-size:9px;padding-top:4px}.m-re-f{font-size:6.8px;color:#80868e;margin-top:auto;padding-top:4px}
.m-re-klassisch{transform:rotate(-3deg)}.m-re-farbe{transform:rotate(3deg)}
.n-reihe.n-rein.sichtbar .m-re-klassisch{transform:rotate(-3deg)}.n-reihe.n-rein.sichtbar .m-re-farbe{transform:rotate(3deg)}
.m-re-modern{background:#1f2630;color:#e9edf2}.m-re-modern .m-re-logo{background:#fff;color:#1f2630}.m-re-modern .m-re-z{border-color:#333d4a}.m-re-modern .m-re-nr,.m-re-modern .m-re-f{color:#8d97a5}
.m-re-farbe{border-top:5px solid #c47a1c}.m-re-farbe .m-re-logo{background:#c47a1c}.m-re-farbe .m-re-t{color:#b0680f}
.m-faecher-l{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:12px;color:var(--text-2);margin-top:-2px}
.m-hinweis{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:11px 13px;box-shadow:0 14px 34px #0007}
.m-hinweis b{display:block;font-size:13.5px}.m-hinweis span{font-size:12.5px;color:#5b616b;line-height:1.4}
.m-glocke{width:34px;height:34px;border-radius:10px;background:#fff4dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b7791f' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E") center/18px no-repeat;flex:none}
.m-kal{width:38px;border-radius:8px;overflow:hidden;text-align:center;flex:none;box-shadow:0 0 0 1px #e3e5e8}
.m-kal b{display:block;font-size:16px;padding:3px 0 1px;color:#1f2328}.m-kal i{display:block;font-style:normal;font-size:9px;font-weight:700;background:#d9534f;color:#fff;padding:1px 0;order:-1}
/* Beleg */
.m-scan{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;align-items:center}
.m-bon{position:relative;overflow:hidden;background:#fbfbf7;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9.5px;color:#2a2a26;padding:12px 11px 16px;display:flex;flex-direction:column;gap:3px;transform:rotate(-2deg);box-shadow:0 14px 34px #0009;-webkit-mask-image:linear-gradient(#000 94%,transparent);mask-image:linear-gradient(#000 94%,transparent)}
.m-bon b{text-align:center;font-size:10px}.m-bon>span{text-align:center;color:#6d6d66}.m-bon hr{border:0;border-top:1px dashed #b9b9b0;width:100%;margin:3px 0}
.m-bon div{display:flex;justify-content:space-between;gap:6px}.m-bon div span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-bon-s{font-weight:700;font-size:11px}
.n-reihe.n-rein.sichtbar .m-bon{transform:rotate(-2deg)}
.m-scanlinie{position:absolute;left:0;right:0;top:0;height:3px;background:#2fbf71;box-shadow:0 0 14px 4px #2fbf7188;opacity:0}
.n-reihe.sichtbar .m-scanlinie{animation:mScan 1.6s ease-in-out .4s 2}
@keyframes mScan{0%{top:0;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.m-erkannt{background:#fff;border-radius:12px;padding:12px 13px;box-shadow:0 14px 34px #0008;min-width:0}
.m-erkannt-k{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#1e7a4a;margin-bottom:8px}
.m-erkannt dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px}.m-erkannt dt{color:#80868e}.m-erkannt dd{margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere}
.m-ok{margin-top:10px;font-size:11.5px;font-weight:700;color:#fff;background:#2e9d62;border-radius:7px;padding:6px 9px;text-align:center}
/* Material + Bautagebuch */
.m-feld{display:flex;gap:10px;padding:7px 13px;border-bottom:1px solid #eceef1;font-size:12.5px;min-width:0;overflow-wrap:anywhere}.m-feld span{color:#80868e;min-width:48px;flex:none}
.m-liste{list-style:none;margin:0;padding:9px 13px 12px;display:flex;flex-direction:column;gap:5px;font-size:13px}
.m-liste li{padding-left:18px;position:relative}.m-liste li:before{content:"";position:absolute;left:0;top:4px;width:11px;height:11px;border-radius:3px;border:1.5px solid #9aa0a8}
.m-btb{background:#fbfaf6;border-radius:12px;padding:12px 13px;box-shadow:0 14px 34px #0008}
.m-btb-k b{display:block;font-size:15px}.m-btb-k span{font-size:11.5px;color:#6b717a}
.m-btb-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.m-btb-fotos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.m-btb p{margin:0;font-size:12.5px;line-height:1.45;color:#3d434b}
/* Bewertung */
.m-sms{align-self:flex-end;max-width:88%;background:#e9e9eb;color:#1f2328;border-radius:18px 18px 4px 18px;padding:9px 13px;font-size:13px;line-height:1.4}
.m-sms-k{font-size:10.5px;color:#80868e;margin-bottom:2px}.m-sms p{margin:0}
.m-google{background:#fff;border-radius:14px;padding:13px 14px;box-shadow:0 24px 60px #0008}
.m-g-kopf{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6368;margin-bottom:8px}
.m-g-logo{font-weight:700;font-size:16px;letter-spacing:-.02em}.m-g-logo i{font-style:normal}.m-g-logo i:nth-child(1),.m-g-logo i:nth-child(4){color:#4285f4}.m-g-logo i:nth-child(2),.m-g-logo i:nth-child(6){color:#ea4335}.m-g-logo i:nth-child(3){color:#fbbc05}.m-g-logo i:nth-child(5){color:#34a853}
.m-g-firma b{display:block;font-size:16px}.m-g-firma span{font-size:13px;color:#5f6368}
.m-google em{font-style:normal;color:#fbbc05;letter-spacing:1px}
.m-g-rev{display:flex;gap:10px;margin-top:11px;padding-top:11px;border-top:1px solid #eceef1}.m-g-rev b{font-size:13.5px}.m-g-rev span{display:block;font-size:12px;color:#5f6368}.m-g-rev p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#3c4043}
/* Instagram + Job */
.m-ig{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0008;font-size:13px}
.m-ig-k{display:flex;align-items:center;gap:9px;padding:9px 11px}.m-ig-k b{display:block;font-size:13px}.m-ig-k span{font-size:11px;color:#737373}.m-ig-k i{margin-left:auto;font-style:normal;color:#262626;letter-spacing:1px}
.m-ig-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:#1d3b6e;box-shadow:0 0 0 2px #fff,0 0 0 4px #e1306c}
.m-ig-bild{position:relative}.m-ig-bild img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.m-ig-overlay{position:absolute;left:14px;bottom:14px;color:#fff;font-weight:800;font-size:clamp(20px,2.4vw,26px);line-height:1.1;text-shadow:0 2px 16px #000c;letter-spacing:-.02em}
.m-ig-cta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0095f6;color:#fff;font-weight:600}.m-ig-cta svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.5}
.m-ig-ic{display:flex;gap:14px;padding:9px 12px 4px}.m-ig-ic svg{width:22px;height:22px;fill:none;stroke:#262626;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.m-ig p{margin:0;padding:0 12px 12px;line-height:1.45;color:#262626}
.m-job{background:#fff;border-radius:14px;padding:14px;box-shadow:0 24px 60px #0008}
.m-job-k{display:flex;gap:11px;align-items:center}.m-job-k b{display:block;font-size:15.5px;color:#2557a7}.m-job-k span{font-size:12.5px;color:#595959}
.m-job-logo{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#fff;background:#1d3b6e;flex:none}
.m-job-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.m-job-chips span{font-size:11.5px;font-weight:600;background:#f3f2f1;color:#424242;border-radius:6px;padding:4px 8px}
.m-job p{margin:0 0 11px;font-size:13px;line-height:1.45;color:#424242}
.m-job-btn{display:inline-block;background:#2557a7;color:#fff;font-weight:700;font-size:13.5px;border-radius:8px;padding:9px 16px}
/* Förderformular */
.m-form{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0008}
.m-form-k{display:flex;gap:11px;align-items:center;padding:12px 14px;background:#00507a;color:#fff}.m-form-k b{display:block;font-size:14px}.m-form-k span{font-size:11.5px;color:#cfe3ee}
.m-form-badge{background:#fff;color:#00507a;font-weight:800;font-size:11px;border-radius:6px;padding:5px 7px;flex:none}
.m-form-f{display:flex;flex-direction:column;gap:1px;padding:8px 14px;border-bottom:1px solid #eceef1}.m-form-f span{font-size:10.5px;color:#80868e;text-transform:uppercase;letter-spacing:.06em}.m-form-f b{font-size:13.5px}
.m-form-zuschuss{display:flex;justify-content:space-between;align-items:center;margin:10px 14px;padding:10px 13px;border-radius:10px;background:#e8f5ee;color:#1e7a4a}.m-form-zuschuss span{font-size:12.5px;font-weight:600}.m-form-zuschuss b{font-size:22px;letter-spacing:-.02em}
.m-check{list-style:none;margin:0;padding:2px 14px 14px;display:flex;flex-direction:column;gap:6px;font-size:13px}.m-check li{display:flex;align-items:center;gap:8px}.m-check .m-hk{color:#fff;background:#2e9d62;border-radius:50%;padding:3px;width:18px;height:18px}
/* Eigene Programme */
.m-tool-in{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px}
.m-tool-in label{display:flex;flex-direction:column;gap:3px;border:1px solid #d9dde3;border-radius:8px;padding:7px 10px}.m-tool-in span{font-size:10.5px;color:#80868e}.m-tool-in b{font-size:14px}
.m-tool-erg{display:flex;align-items:center;gap:14px;margin:0 13px;padding:12px 14px;border-radius:10px;background:#fff8e6}
.m-tool-erg span{font-size:11.5px;color:#8a6d12}.m-tool-erg b{display:block;font-size:22px;letter-spacing:-.02em}.m-tool-erg em{display:block;font-style:normal;font-size:12px;color:#5b616b}
.m-eimer{display:flex;gap:5px;flex:none}.m-eimer i{width:24px;height:30px;border-radius:3px 3px 6px 6px;background:linear-gradient(#fff 0 22%,#c9a227 22%);box-shadow:inset 0 0 0 2px #8a6d12}
.m-tool-knopf{display:flex;gap:8px;padding:12px 13px 14px;flex-wrap:wrap}.m-tool-knopf span{font-size:12.5px;font-weight:600;border-radius:8px;padding:7px 11px;background:#1f2328;color:#fff}.m-tool-knopf span+span{background:#eef0f3;color:#1f2328}
@media (max-width:640px){.m-scan{grid-template-columns:1fr}.m-bon{max-width:260px;margin:0 auto}.m-faecher{gap:7px}.m-re{padding:8px 7px}.m-blatt{margin:12px 10px 0;padding:14px 12px 14px}.m-stempel{position:static;display:inline-block;margin-top:10px}.m-summe{width:75%}}
.m-g-rev .m-av{display:grid;font-size:12.5px;color:#fff}
.m-form-k .m-form-badge{color:#00507a;font-size:11px}
.m-antwort-kopf .m-av{color:#1a1405;font-size:11px}
.m-trans u{white-space:nowrap}
.m-re-s span:last-child{white-space:nowrap}
@media (max-width:640px){.m-re-s{font-size:8px}.m-re-t{font-size:11px}}
.m-ig-k .m-ig-av{color:#fff;font-size:14px}.m-job-k .m-job-logo{color:#fff;font-size:17px}
/* Rechnungen als echte A4-Blätter im Stapel (27.09.) */
.m-stapel{position:relative;aspect-ratio:1/1.02;margin:4px 0 6px}
.m-rs{position:absolute;top:0;width:66%;aspect-ratio:210/297;container-type:inline-size;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.m-rs1{left:0;top:5%;transform:rotate(-7deg)}.m-rs2{left:17%;top:2%;transform:rotate(-2deg)}.m-rs3{left:34%;top:0;transform:rotate(3deg)}
.n-reihe.n-rein .m-rs{opacity:0;transform:translateY(30px) rotate(0)}
.n-reihe.n-rein.sichtbar .m-rs{opacity:1}
.n-reihe.n-rein.sichtbar .m-rs1{transform:rotate(-7deg);transition-delay:.1s}.n-reihe.n-rein.sichtbar .m-rs2{transform:rotate(-2deg);transition-delay:.35s}.n-reihe.n-rein.sichtbar .m-rs3{transform:rotate(3deg);transition-delay:.6s}
@media (prefers-reduced-motion:reduce){.n-reihe.n-rein .m-rs{opacity:1;transition:none}.n-reihe.n-rein .m-rs1{transform:rotate(-7deg)}.n-reihe.n-rein .m-rs2{transform:rotate(-2deg)}.n-reihe.n-rein .m-rs3{transform:rotate(3deg)}}
.m-r{height:100%;background:#fff;color:#22262b;box-shadow:0 18px 44px #000b,0 0 0 1px #0000000f;padding:6.5cqw 6cqw 5cqw;display:flex;flex-direction:column;font-size:2.7cqw;line-height:1.35;overflow:hidden;border-radius:1px}
.m-r-kopf{display:flex;align-items:center;gap:3cqw;padding-bottom:3cqw;border-bottom:.6cqw solid var(--rf,#1d3b6e)}
.m-r-logo{width:10cqw;height:10cqw;border-radius:2cqw;display:grid;place-items:center;font-weight:800;font-size:5.5cqw;color:#fff;background:var(--rf,#1d3b6e);flex:none}
.m-r-kopf b{display:block;font-size:4.6cqw;color:var(--rf,#1d3b6e);letter-spacing:-.01em}.m-r-kopf span{font-size:2.6cqw;color:#6b717a}
.m-r-mitte{display:flex;justify-content:space-between;gap:3cqw;margin:5cqw 0 3cqw}
.m-r-adr{font-size:3cqw;line-height:1.4}.m-r-adr small{display:block;font-size:2cqw;color:#8b9098;text-decoration:underline;margin-bottom:1cqw}
.m-r-meta{display:flex;flex-direction:column;gap:.6cqw;font-size:2.4cqw;text-align:right;flex:none}.m-r-meta span{color:#8b9098;margin-right:1.5cqw}.m-r-meta b{font-weight:600}
.m-r-titel{font-size:6.2cqw;font-weight:800;color:var(--rf,#1d3b6e);margin:1cqw 0 2.5cqw;letter-spacing:-.01em}
.m-r-tab{width:100%;border-collapse:collapse;font-size:2.5cqw}.m-r-tab th{text-align:left;background:var(--rh,#eef2f8);color:var(--rf,#1d3b6e);padding:1.3cqw 1.2cqw;font-weight:700}
.m-r-tab td{padding:1.3cqw 1.2cqw;border-bottom:.25cqw solid #eceef1}.m-r-tab td:nth-child(n+3),.m-r-tab th:nth-child(n+3){text-align:right;white-space:nowrap}
.m-r-sum{margin-left:auto;width:58%;margin-top:2.5cqw;font-size:2.6cqw}.m-r-sum div{display:flex;justify-content:space-between;padding:.5cqw 0}
.m-r-ges{border-top:.5cqw solid var(--rf,#1d3b6e);margin-top:.8cqw;padding-top:1.3cqw!important;font-weight:800;font-size:3.2cqw;color:var(--rf,#1d3b6e)}
.m-r-extra{margin:3cqw 0 0;font-size:2.4cqw;color:#4a5058}
.m-r-fuss{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;border-top:.25cqw solid #d9dde3;padding-top:2cqw;font-size:1.8cqw;color:#80868e}
.m-r-gruen{--rf:#0f6b5a;--rh:#e7f3f0}.m-r-warm{--rf:#a8570f;--rh:#fbf0e3}
.m-r-dunkel .m-r-kopf{background:#1f2630;margin:-6.5cqw -6cqw 0;padding:5cqw 6cqw;border:0}.m-r-dunkel .m-r-kopf b{color:#fff;letter-spacing:.06em}.m-r-dunkel .m-r-kopf span{color:#a9b3c1}.m-r-dunkel .m-r-logo{background:#e8c96a;color:#1f2630}
.m-r-dunkel{--rf:#1f2630;--rh:#eef0f3}
@media (max-width:640px){.m-stapel{aspect-ratio:1/1.12}.m-rs{width:70%}.m-rs2{left:15%}.m-rs3{left:30%}}
.m-r-kopf .m-r-logo{color:#fff;font-size:5.5cqw}.m-r-dunkel .m-r-kopf .m-r-logo{color:#1f2630}
.m-ig-bild img{aspect-ratio:1/1;object-position:50% 20%}

/* ---------- Woche ---------- */
.n-woche-bilanz{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px;margin:0 auto 30px}
.n-woche-bilanz div{text-align:center;padding:18px 12px;border-radius:18px;border:1px solid #d4af3740;background:linear-gradient(160deg,#1b1910,#100f0c)}
.n-woche-bilanz b{display:block;font-size:clamp(34px,4vw,48px);letter-spacing:-.03em;color:var(--gold-2);font-variant-numeric:tabular-nums;line-height:1.05}
.n-woche-bilanz span{font-size:13.5px;color:var(--text-2)}
.n-wochenplan{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.n-tag{border:1px solid var(--haar);border-radius:18px;background:linear-gradient(180deg,#151411,#0f0f0d);padding:12px 10px 14px;min-width:0}
.n-tag-kopf{display:flex;align-items:baseline;gap:8px;padding:2px 4px 10px;border-bottom:1px solid var(--haar);margin-bottom:10px}
.n-tag-kopf b{font-size:18px}.n-tag-kopf span{font-size:12px;color:var(--text-3)}
.n-tag ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.n-auf{position:relative;padding:9px 10px 9px 30px;border-radius:12px;background:#1b1a17;border:1px solid #ffffff14;display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1),border-color .4s}
.n-auf:before{content:"";position:absolute;left:9px;top:11px;width:14px;height:14px;border-radius:50%;border:1.5px solid #ffffff40;transition:all .35s}
.n-auf.an{opacity:1;transform:none}
.n-auf.erledigt{border-color:#d4af3740}
.n-auf.erledigt:before{background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='%23151203' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;border-color:var(--gold)}
.n-auf time{font-size:11px;font-weight:700;color:var(--gold-2);font-variant-numeric:tabular-nums}
.n-auf span{font-size:13px;line-height:1.35;color:var(--text)}
.n-auf em{font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.n-woche-fn{text-align:center;margin-top:18px}
@media (max-width:1100px){.n-wochenplan{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.n-wochenplan{grid-template-columns:1fr}.n-woche-bilanz{gap:8px}.n-woche-bilanz div{padding:12px 6px}.n-woche-bilanz span{font-size:11.5px}.n-auf span{font-size:14px}}
@media (prefers-reduced-motion:reduce){.n-auf{opacity:1;transform:none}}
.n-auf{padding:10px 10px 10px 32px;--f:#8a857a;border-left:3px solid var(--f)}
.n-auf:before{display:none}
.n-auf-punkt{position:absolute;left:9px;top:11px;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--f);transition:all .35s}
.n-auf.erledigt .n-auf-punkt{background:var(--f) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='%23111' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;transform:scale(1.08)}
.n-auf.erledigt{border-color:var(--f);border-left-color:var(--f);box-shadow:0 0 0 1px color-mix(in srgb,var(--f) 25%,transparent)}
.n-auf em{color:var(--f)}
.n-auf-t{font-size:13px;line-height:1.35}
.f-blau{--f:#60a5fa}.f-gold{--f:#e8c96a}.f-orange{--f:#f59e0b}.f-lila{--f:#a78bfa}.f-gruen{--f:#34d399}.f-himmel{--f:#38bdf8}.f-pink{--f:#f472b6}.f-mint{--f:#4ade80}.f-koralle{--f:#fb923c}.f-tuerkis{--f:#22d3ee}.f-gelb{--f:#facc15}.f-violett{--f:#c084fc}.f-grau{--f:#d1d5db}
.n-woche-balken{display:flex;align-items:center;gap:12px;max-width:860px;margin:-10px auto 24px;font-size:12.5px;color:var(--text-2)}
.n-woche-balken i{flex:1;height:8px;border-radius:5px;background:#ffffff12;overflow:hidden;display:block}
.n-woche-balken b{display:block;height:100%;width:0;background:linear-gradient(90deg,#eed77f,var(--gold));border-radius:5px;transition:width .3s}
.n-woche-balken em{font-style:normal;font-weight:700;color:var(--gold-2);min-width:42px;text-align:right;font-variant-numeric:tabular-nums}
.n-tag,.n-auf{min-width:0}.n-auf-t{overflow-wrap:anywhere;hyphens:auto}
.n-auf-t{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}

/* ---------- Start-Block ---------- */
.n-preis-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:0 auto;align-items:stretch}
.n-preis-karte{background:linear-gradient(160deg,#1b1910,#100f0c);border:1px solid #d4af3755;border-radius:24px;padding:30px;position:relative;overflow:hidden}
.n-preis-karte:before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#f3d67a,transparent)}
.n-preis-zahl{display:flex;align-items:baseline;gap:10px}
.n-preis-zahl b{font-size:64px;letter-spacing:-.04em;line-height:1}
.n-preis-zahl span{color:var(--text-2);font-size:17px}
.n-preis-unter{margin:12px 0 0;color:var(--text)}
.n-preis-liste{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.n-preis-liste li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.n-preis-liste .ic{width:18px;height:18px;color:var(--gold);flex:none;margin-top:2px}
.n-preis .hw-reg-form{margin:0}
@media (max-width:900px){.n-preis-grid{grid-template-columns:1fr}.n-preis-karte{padding:24px 20px}.n-preis-zahl b{font-size:54px}}
.n-test-t{display:block;font-size:19px;margin-bottom:4px}
.n-test-karte .n-preis-liste{margin-top:14px}
.n-test-ende{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:14px 16px;border-radius:14px;background:#34d39912;border:1px solid #34d39940;font-size:14.5px;line-height:1.5;color:var(--text-2)}
.n-test-ende b{color:var(--text)}
.n-test-ende .ic{width:22px;height:22px;flex:none;color:#6ee7b7;fill:none;stroke:currentColor;stroke-width:1.8}
.n-preis-klein{margin:16px 0 0;font-size:13px;color:var(--text-3)}

/* ---------- Schluss ---------- */
.n-final{background:radial-gradient(800px 400px at 50% 0%,#2a220d88,transparent 70%),#0b0b0b;min-height:0;padding:110px 0 100px}
.n-final-inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.n-final-mm{width:64px;height:auto;margin-bottom:18px}
.n-final h2{font-size:clamp(38px,5vw,64px)}
.n-final p{color:var(--text-2);max-width:520px;margin:14px auto 26px}
.n-schimmer{position:relative;overflow:hidden}
.n-schimmer:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);animation:nSchimmer 3.6s ease-in-out infinite}
@keyframes nSchimmer{0%,55%{left:-60%}100%{left:130%}}

/* ---------- Fragen (aus hw.css) ---------- */
.hw-faq-list{margin-top:44px;border-top:1px solid var(--border);max-width:820px}
.hw-q{border-bottom:1px solid var(--border)}
.hw-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:18px;font-weight:500;letter-spacing:-.01em}
.hw-q summary::-webkit-details-marker{display:none}
.hw-q summary .ic{width:20px;height:20px;color:var(--accent);flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.hw-q[open] summary .ic{transform:rotate(45deg)}
.hw-a{overflow:hidden}
.hw-a p{padding:0 0 24px;max-width:680px;color:var(--text-2);font-size:16px;line-height:1.6}

/* ---------- Formular dunkel, Fenster, Leiste (aus hw.css) ---------- */
.hw-reg-form{position:relative;background:linear-gradient(160deg,#1a1812f2,#0f0e0bf7 55%,#14120ef2);color:var(--text);border:1px solid #d4af3740;border-radius:24px;padding:28px 28px 22px;gap:15px;box-shadow:0 0 0 1px #ffffff08 inset,0 40px 100px #000000b3,0 0 80px -20px #d4af3733;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hw-reg-form:before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#f3d67a,transparent)}
.reg-kopf{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}
.reg-kopf b{font-size:20px;font-weight:700;letter-spacing:-.01em;color:#fff}
.reg-kopf span{font-size:13px;color:var(--accent-2)}
.hw-reg-form label{color:#d9d2c3}
.hw-reg-form input[type=email],.hw-reg-form input[type=tel],.hw-reg-form input[type=password]{background:#0b0b0ae6;border:1px solid #ffffff1f;color:#fff;height:50px}
.hw-reg-form input::placeholder{color:#8a8374}
.hw-reg-form input:focus{border-color:#d4af37b3;box-shadow:0 0 0 3px #d4af372e}
.reg-meter{background:#ffffff14}
.reg-hint{color:#8f8878}
.reg-agb{color:#bdb5a5}
.reg-agb a{color:#e8dcc0}
.reg-klein{color:#8f8878}
.reg-klein a{color:#e8dcc0}
.reg-vertrauen{list-style:none;margin:2px 0 0;padding:12px 0 0;border-top:1px solid #ffffff12;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}
.reg-vertrauen li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#bdb5a5}
.reg-vertrauen svg{width:15px;height:15px;fill:none;stroke:var(--accent-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.hw-reg-form{padding:24px 18px 18px}}
.reg-agb input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid #ffffff38;background:#0b0b0a;display:grid;place-items:center;cursor:pointer}
.reg-agb input[type=checkbox]:checked{background:linear-gradient(180deg,#f3d67a,#c9a227);border-color:#d4af37}
.reg-agb input[type=checkbox]:checked:after{content:"";width:10px;height:6px;border:2px solid #151203;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.reg-agb input[type=checkbox]:focus-visible{outline:2px solid #d4af3799;outline-offset:2px}
.reg-fehler:empty{display:none}
/* Registrierungs-Fenster */
html.reg-sheet-offen,html.reg-sheet-offen body{overflow:hidden}
.reg-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.reg-sheet[hidden]{display:none}
.reg-sheet-bg{position:absolute;inset:0;background:#050504b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .32s ease}
.reg-sheet.auf .reg-sheet-bg{opacity:1}
.reg-sheet .reg-sheet-form{position:relative;width:min(480px,100%);max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain;margin:0;border-radius:26px 26px 0 0;padding:30px 22px calc(20px + env(safe-area-inset-bottom));transform:translateY(104%);transition:transform .38s cubic-bezier(.2,.8,.2,1);box-shadow:0 -30px 80px #000000b3,0 0 0 1px #d4af3740}
.reg-sheet.auf .reg-sheet-form{transform:none}
@media (min-width:761px){.reg-sheet{align-items:center}.reg-sheet .reg-sheet-form{border-radius:24px;transform:translateY(24px) scale(.98);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s}.reg-sheet.auf .reg-sheet-form{transform:none;opacity:1}.reg-sheet-griff{display:none}}
.reg-sheet-griff{position:absolute;left:50%;top:9px;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:#ffffff33}
.reg-sheet-zu{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;border:1px solid #ffffff1a;color:#d9d2c3;cursor:pointer;z-index:2}
.reg-sheet-zu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.reg-sheet-zu:hover{background:#ffffff1f;color:#fff}
.reg-sheet .reg-kopf{padding-right:44px}
.reg-sheet .reg-kopf b{font-size:22px}
.reg-sheet-agb{margin:-4px 0 0;font-size:12px;line-height:1.5;color:#9b9383;text-align:center}
.reg-sheet-agb a{color:#e8dcc0;text-decoration:underline}
.reg-sheet .reg-fehler{order:0}

/* Passwort-Auge und markierte Felder (beide Formulare) */
.reg-pw{position:relative;display:block}
.reg-pw input{width:100%;padding-right:52px!important}
.reg-auge{position:absolute;right:6px;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:10px;display:grid;place-items:center;background:transparent;border:0;color:#8f8878;cursor:pointer}
.reg-auge svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reg-auge.an,.reg-auge:hover{color:var(--accent-2)}
.hw-reg-form input.reg-falsch{border-color:#f87171!important;box-shadow:0 0 0 3px #f8717130!important}
.hw-reg-form .reg-fehler{color:#fca5a5;background:#f871711a;border:1px solid #f8717140;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45}
.hw-reg-form .reg-fehler:empty{display:none}

/* Feste Leiste am Handy */
.reg-leiste{display:none}
@media (max-width:760px){
  .reg-leiste{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:90;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:18px;background:linear-gradient(160deg,#1a1812f2,#0f0e0bf7);border:1px solid #d4af3747;box-shadow:0 18px 50px #000000b3,0 0 0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(140%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;pointer-events:none}
  .reg-leiste.an{transform:none;opacity:1;pointer-events:auto}
  .reg-leiste-t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
  .reg-leiste-t b{font-size:14.5px;color:#fff;font-weight:650}
  .reg-leiste-t span{font-size:11.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .reg-leiste-k{height:44px;padding:0 16px;font-size:14px;white-space:nowrap;border-radius:12px;flex:none}
}
.reg-sheet .reg-sheet-form{background:linear-gradient(160deg,#1a1812,#0f0e0b 55%,#14120e);-webkit-backdrop-filter:none;backdrop-filter:none}
.reg-sheet .reg-sheet-form>*{flex-shrink:0}
/* Feste Leiste: nur noch ein breiter Knopf, Kleintext darunter (27.09.) */
@media (max-width:760px){
  .reg-leiste{flex-direction:column;align-items:stretch;gap:6px;padding:10px}
  .reg-leiste-t{flex-direction:row;justify-content:center;order:2}
  .reg-leiste-t b{display:none}
  .reg-leiste-t span{font-size:11.5px;text-align:center}
  .reg-leiste-k{width:100%;height:46px;font-size:15px}
}
/* Kopf am Handy: Logo und Knopf „Probearbeiten“ passen nebeneinander */
@media (max-width:420px){.nav .brand .wort{height:18px;width:auto}.nav .brand .mm{height:26px;width:auto}.nav-right .btn-sm{padding:0 12px;font-size:13px}}

/* ===== Startseite: eigene Ergänzungen ===== */
.anker{display:block;position:relative;top:-80px;visibility:hidden;height:0}
.start .n-kopf{margin-bottom:40px}
.start .n-reihen{margin-top:8px}
.n-bereiche .n-bsp,.n-rest .n-bsp{text-align:right}
/* Kalender (Termine) */
.m-tag-kopf{display:flex;align-items:baseline;gap:10px;padding:11px 14px 9px;border-bottom:1px solid #eceef1}
.m-tag-kopf b{font-size:15px;color:#1f2328}.m-tag-kopf span{font-size:12.5px;color:#6b717a}
.m-slots{list-style:none;margin:0;padding:8px 10px 12px;display:flex;flex-direction:column;gap:6px}
.m-slots li{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:#f4f6f9;border-left:3px solid #9aa4b2;font-size:12.5px;color:#4a5058;line-height:1.35}
.m-slots time{font-weight:700;color:#1f2328;font-variant-numeric:tabular-nums}
.m-slots b{display:block;font-size:13px;color:#1f2328}
.m-slots li.m-neu{background:#fff8e6;border-left-color:#c9a227}
.m-slots li.m-pause{background:transparent;border-left-color:#e3e5e8}
.m-slots li.m-pause b{color:#8b9098;font-weight:500}
.m-slots em{font-style:normal;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a6d12;background:#fdeec2;border-radius:6px;padding:3px 6px}
/* Rechner (Eigene Programme): Uhr statt Farbeimer */
.m-uhr{width:44px;height:44px;border-radius:12px;flex:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a6d12' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:inset 0 0 0 2px #e8d9a8}
.m-tool-in label{min-width:0}
/* Woche: fünf Tage, Kopf ohne Bild */
.start .n-wochenplan{grid-template-columns:repeat(5,minmax(0,1fr))}
.n-tag-motto{margin:0 4px 10px;font-size:12.5px;color:var(--gold-2);font-style:italic;line-height:1.4}
.n-tag-kopf b{letter-spacing:-.02em}
@media (max-width:1100px){.start .n-wochenplan{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.start .n-wochenplan{grid-template-columns:1fr}.n-woche-bilanz b{font-size:30px}}
/* Für wen: Branchen */
.fw-branchen{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fw-branchen li{font-size:14px;color:var(--text);border:1px solid var(--haar);background:#ffffff08;border-radius:999px;padding:7px 14px}
.fw-eigene{margin:34px 0 -18px;font-size:13px;color:var(--text-3);letter-spacing:.04em}
/* Fragen */
.hw-faq .n-fn a{color:var(--text-2);text-decoration:underline}
@media (max-width:760px){.hw-faq-list{margin-top:30px}.hw-q summary{font-size:16.5px;padding:18px 0}.fw-branchen li{font-size:13px;padding:6px 12px}}
/* Kein Element darf am Handy seitlich überstehen */
.n-reihe>*,.n-preis-grid>*,.n-rest>*{min-width:0}
.m-ig-bild img{height:auto}
#nav .nav-links{margin-left:32px}@media (max-width:1200px){#nav .nav-links{margin-left:20px}#nav .nav-links a{padding-left:9px;padding-right:9px}}

/* Telefon mit Flagge und Vorwahl (27.09.) */
.tel-feld{display:flex;gap:8px;align-items:stretch;width:100%}
.tel-feld input{flex:1 1 auto;min-width:0;width:auto!important}
.hw-reg-form select.tel-land,select.tel-land{flex:none;height:50px;border-radius:12px;border:1px solid #ffffff1f;background:#0b0b0ae6;color:#fff;font:inherit;font-size:16px;padding:0 8px;max-width:112px;cursor:pointer}
.hw-reg-form select.tel-land:focus{outline:none;border-color:#d4af37b3;box-shadow:0 0 0 3px #d4af372e}
.hw-reg-form select.tel-land,select.tel-land{-webkit-appearance:none;appearance:none;background-color:#0b0b0ae6;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23c9b98f%27 stroke-width=%272.5%27 stroke-linecap=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding:0 28px 0 12px;color:#fff}
.hw-reg-form,.hw-reg-form label,.tel-feld{min-width:0;max-width:100%}

/* Preisseite verlinkt (08.10.2026) */
.n-alle-pakete{margin:16px 0 0;color:var(--text-2);font-size:14.5px}.n-alle-pakete a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}