/* machmal /handwerk-neu: Neuaufbau nach Raphaels Briefing (27.09.2026). Bildwelt der Anzeige: dunkle Karten mit Verlauf, Haarlinie 13 %, Goldkante, Versal-Überzeilen, goldene Häkchen. */
.neu{--karte:linear-gradient(160deg,#1b1a17f2,#111110f7);--haar:#ffffff21;--gold:#d4af37;--gold-2:#e8c96a}
.neu .section{padding:96px 0}
.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}

/* ---------- 1 Hero ---------- */
.n-hero{min-height:0;padding:112px 0 56px;display:block;background:radial-gradient(1200px 600px at 75% 10%,#2a220d55,transparent 60%),var(--bg)}
.n-hero-glow{position:absolute;inset:0;background:radial-gradient(700px 400px at 20% 30%,#d4af3712,transparent 70%);pointer-events:none}
.n-hero-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;text-align:left;position:relative}
.n-hero-copy .eyebrow{margin-bottom:18px}
.n-h1{font-size:clamp(42px,5.4vw,74px);line-height:1.02;letter-spacing:-.035em;margin:0 0 20px}
.n-h1 span{color:var(--gold-2)}
.n-sub{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--text-2);max-width:34ch;margin:0}
.n-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}
.n-film-link{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--text);font:600 15px var(--sans);cursor:pointer;padding:8px 2px}
.n-film-link .ic{width:18px;height:18px;padding:5px;box-sizing:content-box;border-radius:50%;background:#ffffff14;color:var(--gold-2);fill:currentColor;stroke:none}
.n-film-link span{color:var(--text-3);font-weight:500}
.n-film-link:hover{color:var(--gold-2)}
.n-film{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid var(--haar);background:#000 center/cover;cursor:pointer;padding:0;box-shadow:0 40px 100px #000000b3,0 0 80px -20px #d4af3740;isolation:isolate}
.n-film:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,transparent,var(--gold),transparent);z-index:3}
.n-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.n-loop-hoch{display:none}
.n-film-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#000000a6);z-index:1}
.n-film-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#eed77f,var(--gold) 55%,#c9a230);color:#151203;z-index:2;box-shadow:0 12px 40px #000a;animation:nPuls 2.4s infinite}
.n-film-play svg{width:34px;height:34px;fill:currentColor;margin-left:4px}
@keyframes nPuls{0%{box-shadow:0 12px 40px #000a,0 0 0 0 #d4af3766}70%{box-shadow:0 12px 40px #000a,0 0 0 20px #d4af3700}100%{box-shadow:0 12px 40px #000a,0 0 0 0 #d4af3700}}
.n-film-meta{position:absolute;right:14px;bottom:12px;z-index:2;font-size:12.5px;font-weight:600;color:#fff;background:#000000a6;border-radius:999px;padding:5px 11px}
.n-ki{position:absolute;left:14px;bottom:12px;z-index:2;font-size:10.5px;color:#ffffffa6}
.n-film:hover .n-film-play{transform:scale(1.05)}
@media (max-width:900px){
  .n-hero{padding:88px 0 28px}
  .n-hero-inner{grid-template-columns:1fr;gap:0}
  .n-hero-copy{display:contents}
  .n-hero-copy .eyebrow{order:1;margin-bottom:12px;font-size:10.5px}
  .n-h1{order:2;font-size:clamp(36px,10.4vw,48px);margin-bottom:14px}
  .n-film{order:3;aspect-ratio:auto;height:min(40svh,360px);border-radius:18px;margin-bottom:18px}
  .n-loop-quer{display:none}.n-loop-hoch{display:block}
  .n-sub{order:4;font-size:16.5px;max-width:none}
  .n-cta{order:5;margin-top:18px;flex-direction:column;align-items:stretch;gap:6px}
  .n-cta .btn{width:100%}
  .n-klein{order:6;text-align:center}
  .n-film-link{justify-content:center}
  .n-film-play{width:66px;height:66px;margin:-33px 0 0 -33px}.n-film-play svg{width:28px;height:28px}
}

/* ---------- 2 Ticker ---------- */
.n-ticker{position:relative;display:flex;align-items:center;gap:14px;border-top:1px solid var(--haar);border-bottom:1px solid var(--haar);background:#0f0f0e;padding:14px 0 14px 20px;overflow:hidden}
.n-ticker-label{flex:none;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.n-ticker-band{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.n-ticker-track{display:flex;gap:34px;width:max-content;animation:nTicker 60s linear infinite}
.n-ticker:hover .n-ticker-track{animation-play-state:paused}
.n-ticker-track span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:14.5px;color:var(--text)}
.n-ticker-track span:before{content:"";width:16px;height:16px;border-radius:50%;flex:none;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.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
@keyframes nTicker{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.n-ticker-track{animation:none;flex-wrap:wrap;width:auto}}

/* ---------- 3 Problem ---------- */
.n-problem{overflow:hidden}
.n-uhr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(140px,26vw,360px);font-weight:700;letter-spacing:-.05em;color:#ffffff06;pointer-events:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.n-problem .wrap{position:relative}
.n-probleme{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1060px;margin:0 auto}
.n-pk{position:relative;background:var(--karte);border:1px solid var(--haar);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 20px 50px #0008}
.n-pk-k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
.n-pk b{font-size:17px;letter-spacing:-.01em}
.n-pk-s{font-size:13.5px;display:inline-flex;align-items:center;gap:7px}
.n-pk-s:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.n-pk-s.rot{color:#f87171}.n-pk-s.gelb{color:#fbbf24}
.n-pk-berg [data-nachher]{display:none}
.n-pk-berg.umgekippt [data-vorher]{display:none}
.n-pk-berg.umgekippt [data-nachher]{display:inline-flex;animation:nRein .5s ease both}
.n-pk-berg.umgekippt{border-color:#f8717155}
@keyframes nRein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:900px){.n-probleme{grid-template-columns:1fr 1fr;gap:10px}.n-pk{padding:13px 14px}.n-pk b{font-size:15px}.n-pk-s{font-size:12.5px}}
@media (max-width:420px){.n-pk-berg{grid-column:1/-1}}

/* ---------- 4 Neun Bereiche ---------- */
.n-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.n-b{position:relative;grid-column:span 2;text-align:left;background:var(--karte);border:1px solid var(--haar);border-radius:18px;padding:22px 22px 20px;color:var(--text);font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s;overflow:hidden}
.n-b:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:var(--gold);opacity:0;transition:opacity .25s}
.n-b:hover,.n-b:focus-visible{transform:translateY(-3px);border-color:#d4af3766;box-shadow:0 24px 60px #000a}
.n-b:hover:before,.n-b:focus-visible:before{opacity:1}
.n-b.gross{min-height:210px}
.n-b-nr{font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.n-b.gross .n-b-nr{font-size:30px;letter-spacing:-.02em}
.n-b b{font-size:19px;letter-spacing:-.015em;line-height:1.2}
.n-b.gross b{font-size:24px}
.n-b ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.n-b li{font-size:14px;color:var(--text-2);padding-left:18px;position:relative;line-height:1.45}
.n-b li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:5px;border-left:1.8px solid var(--gold);border-bottom:1.8px solid var(--gold);transform:rotate(-45deg)}
.n-b-mehr{margin-top:auto;font-size:13px;font-weight:600;color:var(--gold-2);display:inline-flex;align-items:center;gap:6px}
.n-b-mehr:after{content:"→";transition:transform .2s}
.n-b:hover .n-b-mehr:after{transform:translateX(3px)}
.n-b:not(.gross){grid-column:span 2}
.n-b-breit{grid-column:1/-1;cursor:default;flex-direction:column;align-items:center;text-align:center;padding:26px;border-style:dashed;border-color:#d4af3755;background:linear-gradient(160deg,#1d1a10cc,#11100ecc)}
.n-b-breit:hover{transform:none;box-shadow:none}
.n-b-breit b{font-size:21px}.n-b-breit span{color:var(--text-2)}.n-b-breit small{font-size:12.5px;color:var(--text-3)}
/* Desktop: immer drei Kacheln je Reihe, 01 bis 03 größer, 10 über die volle Breite */
@media (min-width:901px){.n-bento{grid-template-columns:repeat(3,1fr)}.n-bento .n-b{grid-column:auto}.n-bento .n-b.n-b-breit{grid-column:1/-1}.n-b:not(.gross){min-height:170px}}
@media (max-width:900px){
  .n-bento{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:4px 20px 14px;scrollbar-width:none}
  .n-bento::-webkit-scrollbar{display:none}
  .n-b,.n-b.gross{flex:0 0 78%;min-height:230px;scroll-snap-align:center}
  .n-b .n-b-nr,.n-b.gross .n-b-nr{font-size:34px}
  .n-b b,.n-b.gross b{font-size:21px}
  .n-b-breit{flex:0 0 78%;justify-content:center}
}
.n-wisch{display:none}
@media (max-width:900px){.n-wisch{display:flex;justify-content:center;gap:6px;margin-top:6px}.n-wisch i{width:6px;height:6px;border-radius:3px;background:#ffffff2e;transition:all .25s}.n-wisch i.an{width:18px;background:var(--gold)}}

/* Detailfenster */
.n-detail,.n-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.n-detail[hidden],.n-lightbox[hidden]{display:none}
.n-lb-bg{position:absolute;inset:0;background:#050504d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:nFade .3s both}
@keyframes nFade{from{opacity:0}}
.n-lb-zu{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid var(--haar);color:#fff;cursor:pointer;z-index:3}
.n-lb-zu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.n-detail-box{position:relative;width:min(560px,100%);max-height:calc(100svh - 40px);overflow-y:auto;background:linear-gradient(160deg,#1a1812,#0f0e0b);border:1px solid #d4af3740;border-radius:22px;padding:28px 24px 24px;box-shadow:0 40px 120px #000;animation:nHoch .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes nHoch{from{opacity:0;transform:translateY(18px) scale(.98)}}
.n-detail-nr{font-size:34px;font-weight:700;color:var(--gold);letter-spacing:-.02em}
.n-detail-box h3{font-size:24px;margin:2px 0 18px}
.n-detail-box .btn{width:100%;margin-top:16px}
.n-detail-inhalt{display:flex;flex-direction:column;gap:12px}
.n-lb-box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 120px #000;animation:nHoch .35s cubic-bezier(.2,.8,.2,1) both}
.n-lb-box video{width:100%;height:100%;display:block;background:#000}
@media (max-width:900px){.n-lb-box{width:auto;height:min(86svh,calc((100vw - 40px) * 16 / 9));aspect-ratio:9/16}.n-detail{align-items:flex-end;padding:0}.n-detail-box{border-radius:22px 22px 0 0;width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}

/* Karten im Stil des Films */
.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}
.n-kz{display:flex;align-items:baseline;gap:10px}.n-kz small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}.n-kz b{font-size:30px;letter-spacing:-.02em}
.n-doc{background:#fbfaf6;color:#1d2330;border-radius:10px;padding:16px 16px 12px;font-size:13px}
.n-doc-kopf{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #1d2330;padding-bottom:7px;margin-bottom:9px}
.n-doc-kopf span{font-size:11.5px;color:#6b7485}
.n-doc-t{font-size:18px;font-weight:700;margin-bottom:2px}
.n-doc-z{font-size:12px;color:#6b7485;margin-bottom:9px}
.n-doc-pos,.n-doc-sum{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #e6e2d8}
.n-doc-sum{border:0;font-weight:700;padding-top:8px}
.n-chips{display:flex;gap:8px}
.n-chips span{font-size:12px;font-weight:600;color:var(--gold-2);border:1px solid #d4af3755;border-radius:999px;padding:4px 10px}
.n-frei,.n-ok{display:inline-flex;align-items:center;font-size:13.5px;font-weight:600;color:var(--text);background:#1a1810;border:1px solid #d4af3766;border-radius:10px;padding:9px 12px}
.n-info{background:var(--karte);border:1px solid var(--haar);border-left:2px solid var(--gold);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:3px}
.n-info small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
.n-info b{font-size:16px}
.n-info span{font-size:13.5px;color:var(--text-2)}
.n-info em{font-style:normal;font-size:13px;color:var(--text);margin-top:4px}
.n-info .n-pl{color:var(--text-3);font-style:italic}
.n-sterne{color:var(--gold)!important;font-size:17px!important;letter-spacing:2px}
.n-knopf-mini{align-self:flex-start;background:var(--gold);color:#151203!important;border-radius:7px;padding:5px 11px;font-weight:600}
.n-haken{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.n-haken li{font-size:14px;padding-left:22px;position:relative}
.n-haken li:before{content:"";position:absolute;left:2px;top:5px;width:9px;height:5px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.n-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.n-rd{background:#fbfaf6;border-radius:8px;padding:12px 10px 34px;position:relative;display:flex;flex-direction:column;gap:6px;aspect-ratio:210/260}
.n-rd i{display:block;height:5px;border-radius:3px;background:#d9d5cb}.n-rd i:first-child{width:55%;height:8px;background:#1d2330}.n-rd i:nth-child(2){width:80%}.n-rd i:nth-child(3){width:65%}
.n-rd.modern{background:#1f2630}.n-rd.modern i{background:#3a4452}.n-rd.modern i:first-child{background:#fff}
.n-rd.farbe i:first-child{background:#b7791f}.n-rd.farbe{box-shadow:inset 0 4px 0 #b7791f}
.n-rd span{position:absolute;left:0;right:0;bottom:-24px;text-align:center;font-size:12px;color:var(--text-2)}
.n-designs{margin-bottom:24px}
.n-rechner-mini{background:#141412;border:1px solid var(--haar);border-radius:12px;padding:14px 16px}
.n-rechner-mini small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
.n-rm-z,.n-rm-e{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff12;font-size:14px}
.n-rm-e{border:0;font-size:16px}.n-rm-e b{color:var(--gold-2)}

/* ---------- 5 Sprachnachricht ---------- */
.n-sprache-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.n-schritte{list-style:none;counter-reset:s;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.n-schritte li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:baseline}
.n-schritte li:before{content:counter(s);grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#151203;background:linear-gradient(180deg,#eed77f,var(--gold));font-size:15px}
.n-schritte b{font-size:18px}.n-schritte span{color:var(--text-2);font-size:15px}
.n-lernt{margin:18px 0 0;font-size:13.5px;color:var(--text-3)}
.n-demo{background:var(--karte);border:1px solid var(--haar);border-radius:20px;padding:20px;box-shadow:0 30px 80px #000a;display:flex;flex-direction:column;gap:12px}
.n-voice{display:flex;align-items:center;gap:12px;background:#1d2a36;border-radius:14px 14px 14px 4px;padding:10px 14px;align-self:flex-end;width:min(330px,100%)}
.n-voice-play{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:#5aa9e6;display:grid;place-items:center;cursor:pointer}
.n-voice-play svg{width:18px;height:18px;fill:#fff;margin-left:2px}
.n-wave{flex:1;display:flex;align-items:center;gap:2px;height:26px}
.n-wave i{flex:1;background:#ffffff4d;border-radius:2px;min-width:2px;transition:background .15s}
.n-wave i.an{background:#fff}
.n-voice-t{font-size:12px;color:#c9d7e3;font-variant-numeric:tabular-nums}
.n-voice-text{margin:0;font-size:13.5px;color:var(--text-2);font-style:italic;align-self:flex-end;max-width:330px;text-align:right}
.n-demo-doc{background:#fbfaf6;color:#1d2330;border-radius:12px;padding:14px 16px;font-size:13.5px}
.n-demo-doc .n-doc-pos,.n-demo-doc .n-doc-sum{opacity:.08;transform:translateY(4px);transition:opacity .45s,transform .45s}
.n-demo-doc .an{opacity:1;transform:none}
.n-demo-frei{display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0;transition:opacity .4s}
.n-demo-frei.an{opacity:1}
.n-du{background:#1d2a36;color:#fff;border-radius:12px 12px 4px 12px;padding:7px 14px;font-size:14px}
@media (max-width:900px){.n-sprache-grid{grid-template-columns:1fr;gap:30px}}

/* ---------- 6 41 Stunden + Rechner ---------- */
.n-41{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-bottom:56px}
.n-41-zahl{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:14px}
.n-41-zahl b{font-size:clamp(96px,13vw,168px);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.n-41-zahl span{font-size:clamp(22px,2.4vw,30px);font-weight:600;color:var(--gold-2);letter-spacing:-.02em}
.n-41-l .n-unter{margin-left:0}
.n-tage{display:flex;gap:8px;margin-top:22px}
.n-tage i{width:46px;height:12px;border-radius:4px;background:#ffffff14;transition:background .4s}
.n-tage i.an{background:linear-gradient(90deg,#eed77f,var(--gold))}
.n-41-r{background:var(--karte);border:1px solid var(--haar);border-radius:18px;padding:22px}
.n-vgl-t{display:block;margin-bottom:14px;font-size:15px}
.n-vgl{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:16px;font-size:14px;color:var(--text-2)}
.n-vgl b{color:var(--text)}.n-vgl.gold b{color:var(--gold-2)}
.n-bar{grid-column:1/-1;display:block;height:8px;border-radius:5px;background:#ffffff12;overflow:hidden}
.n-bar i{display:block;height:100%;border-radius:5px}
.n-bar .voll{width:100%;background:#8a857a}
.n-bar .kurz{width:0;background:linear-gradient(90deg,#eed77f,var(--gold));transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.n-rechner{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;background:linear-gradient(160deg,#16150f,#0e0d0b);border:1px solid #d4af3733;border-radius:24px;padding:30px}
.n-rechner h3{font-size:24px;margin:0 0 18px}
.n-rechner-l{display:flex;flex-direction:column;gap:6px}
.n-rechner-r{display:flex;flex-direction:column;gap:12px}
.n-erg{background:#ffffff08;border:1px solid var(--haar);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column}
.n-erg small{font-size:12px;color:var(--text-3)}
.n-erg b{font-size:30px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.n-erg>span{font-size:12.5px;color:var(--text-2)}
.n-erg.gold{border-color:#d4af3766;background:#d4af370f}.n-erg.gold b{color:var(--gold-2)}
.n-rechner-r .btn{width:100%;margin-top:4px}
@media (max-width:900px){.n-41{grid-template-columns:1fr;gap:26px;margin-bottom:36px}.n-rechner{grid-template-columns:1fr;padding:20px 16px;border-radius:20px}.n-erg b{font-size:26px}}

/* ---------- 8 Woche ---------- */
.n-woche-reihe{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(20px,calc((100vw - 1180px)/2 + 28px)) 16px;scrollbar-width:none}
.n-woche-reihe::-webkit-scrollbar{display:none}
.n-w{flex:0 0 300px;scroll-snap-align:start;background:var(--karte);border:1px solid var(--haar);border-radius:18px;overflow:hidden;position:relative}
.n-w:after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--gold),transparent)}
.n-w img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 20%;display:block;filter:saturate(.9)}
.n-w-t{padding:16px 18px 20px}
.n-w time{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.n-w p{margin:8px 0 0;font-size:16px;line-height:1.45}
.n-woche-ende{margin:18px 0 0;text-align:center;color:var(--text-2);font-size:16px}
@media (max-width:900px){.n-w{flex:0 0 78%}}

/* ---------- 9 Einrichtung ---------- */
.n-etappen{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px}
.n-etappen li{background:var(--karte);border:1px solid var(--haar);border-radius:16px;padding:20px}
.n-etappen span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #d4af3780;color:var(--gold-2);font-weight:700;font-size:14px;margin-bottom:12px}
.n-etappen b{display:block;font-size:19px;margin-bottom:4px}
.n-etappen p{margin:0;color:var(--text-2);font-size:14.5px}
.n-ki-konto{max-width:640px;margin:22px auto 0;text-align:center;font-size:14px;color:var(--text-2);border:1px solid var(--haar);border-radius:12px;padding:12px 16px;background:#ffffff05}
.n-einrichtung .hw-logos{margin-top:44px}
.n-logos-mehr{text-align:center;color:var(--text-3);font-size:13.5px;margin:14px 0 0}
@media (max-width:900px){.n-etappen{grid-template-columns:1fr;gap:10px}.n-etappen li{display:grid;grid-template-columns:44px 1fr;column-gap:4px;padding:14px 16px}.n-etappen span{grid-row:1/3;margin:0}}

/* ---------- 10 Sicherheit, 11 Gewerke ---------- */
.n-sicher .hw-trust-item p{font-size:14.5px}
.n-rail{margin-top:0}

/* ---------- 12 Preis und Start ---------- */
.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}}

/* ---------- 14 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%}}

/* Einblenden beim Scrollen */
.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}}
@media (max-width:900px){.neu .section{padding:64px 0}.n-kopf{margin-bottom:26px}}

/* Navigation: sechs Punkte passen neben das Logo */
@media (min-width:901px){.neu .nav-links{gap:2px;margin-left:28px}.neu .nav-links .nav-link{padding:6px 9px;font-size:13.5px}}
@media (min-width:901px) and (max-width:1180px){.neu .nav-links .nav-link[href="#sicherheit"],.neu .nav-links .nav-link[href="#fragen"]{display:none}}
.neu .n-ki-konto{margin-left:auto;margin-right:auto}
/* Feinschliff: Play-Knopf unten links, damit der Text im laufenden Film lesbar bleibt; Abstand unter Abschnittsköpfen */
.n-film-play{left:22px;top:auto;bottom:18px;margin:0;width:64px;height:64px}
.n-film-play svg{width:26px;height:26px}
.n-film:hover .n-film-play{transform:scale(1.06)}
.n-ki{left:auto;right:14px;top:12px;bottom:auto}
.neu .section-head.n-kopf{margin-bottom:40px}
@media (max-width:900px){.n-film-play{left:14px;bottom:14px;width:56px;height:56px;margin:0}.n-film-play svg{width:24px;height:24px}.neu .section-head.n-kopf{margin-bottom:26px}}

/* ===== Überarbeitung 27.09. abends: Problem filmisch, Einrichtung als Zeitleiste + Logo-Raster ===== */
.n-problem{position:relative;overflow:hidden;padding:120px 0}
.n-problem .n-uhr{display:none}
.n-problem-bild{position:absolute;inset:0;z-index:0}
.n-problem-bild img{width:100%;height:100%;object-fit:cover;object-position:30% 30%;filter:saturate(.8) brightness(.55)}
.n-problem-bild:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0bf2 0%,#0b0b0bcc 45%,#0b0b0b8c 100%),linear-gradient(180deg,#0b0b0b 0%,transparent 20%,transparent 80%,#0b0b0b 100%)}
.n-problem-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.n-problem-text h2{font-size:clamp(34px,4.2vw,56px);line-height:1.05;margin:0}
.n-problem-text .n-unter{margin:18px 0 0;max-width:440px;font-size:clamp(17px,1.5vw,20px)}
.n-zeit{display:inline-flex;align-items:baseline;gap:12px;margin-bottom:18px;padding:8px 16px;border-radius:999px;border:1px solid #d4af3755;background:#0b0b0bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.n-zeit span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.n-zeit b{font-size:26px;font-weight:700;color:var(--gold-2);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.n-stapel{display:flex;flex-direction:column;gap:12px}
.n-stapel .n-pk{padding:16px 18px 16px 20px;border-radius:16px;background:linear-gradient(160deg,#1c1b18f7,#121210fa);box-shadow:0 24px 60px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid #f8717199}
.n-stapel .n-pk:nth-child(1){margin-right:48px}
.n-stapel .n-pk:nth-child(2){margin-left:24px;margin-right:24px}
.n-stapel .n-pk:nth-child(3){margin-left:48px}
.n-stapel .n-pk-berg{margin:6px 0 0;border-left-color:#fbbf24;transform:scale(1.02)}
.n-stapel .n-pk-berg.umgekippt{border-left-color:#f87171;box-shadow:0 24px 70px #000c,0 0 0 1px #f8717166}
.n-stapel .n-pk b{font-size:18px}
@media (max-width:900px){
  .n-problem{padding:0 0 56px}
  .n-problem-bild{position:relative;height:250px}
  .n-problem-bild img{object-position:40% 25%;filter:saturate(.85) brightness(.7)}
  .n-problem-bild:after{background:linear-gradient(180deg,transparent 30%,#0b0b0b 100%)}
  .n-problem-grid{grid-template-columns:1fr;gap:26px;margin-top:-70px}
  .n-problem-text h2{font-size:clamp(30px,8.6vw,40px)}
  .n-zeit b{font-size:22px}
  .n-stapel .n-pk:nth-child(n){margin-left:0;margin-right:0}
  .n-stapel .n-pk:nth-child(1){margin-right:28px}.n-stapel .n-pk:nth-child(2){margin-left:14px;margin-right:14px}.n-stapel .n-pk:nth-child(3){margin-left:28px}
  .n-stapel .n-pk b{font-size:16px}
}

.n-einrichtung .hw-logos,.n-einrichtung .n-logos-mehr,.n-ki-konto{display:none}
.n-etappen{position:relative;counter-reset:none}
@media (min-width:901px){
  .n-etappen:before{content:"";position:absolute;left:16.6%;right:16.6%;top:36px;height:1px;background:linear-gradient(90deg,transparent,#d4af3799,#d4af3799,transparent)}
  .n-etappen li{text-align:center;padding:24px 22px 26px;background:transparent;border:0}
  .n-etappen span{width:48px;height:48px;font-size:17px;background:#0b0b0b;border-color:var(--gold);box-shadow:0 0 0 6px #0b0b0b,0 0 30px #d4af3733;position:relative;margin-bottom:16px}
  .n-etappen b{font-size:21px}
  .n-etappen p{max-width:240px;margin:0 auto}
}
.n-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:980px;margin:44px auto 0}
.n-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px;border-radius:16px;border:1px solid var(--haar);background:var(--karte);padding:14px 8px;transition:border-color .2s,transform .2s}
.n-logo:hover{border-color:#d4af3755;transform:translateY(-2px)}
.n-logo img{width:34px;height:34px;object-fit:contain}
.n-logo span{font-size:12px;color:var(--text-2);text-align:center;line-height:1.3}
.n-logo-mehr{border-style:dashed;border-color:#d4af3766;background:linear-gradient(160deg,#1d1a10cc,#11100ecc);grid-column:span 2}
.n-logo-mehr b{font-size:24px;color:var(--gold-2);letter-spacing:-.02em}
@media (max-width:900px){.n-logos{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px}.n-logo{min-height:78px;border-radius:12px;padding:10px 4px}.n-logo img{width:28px;height:28px}.n-logo span{font-size:10.5px}.n-logo-mehr{grid-column:span 2}}
.n-problem-grid>*,.n-stapel .n-pk{min-width:0}
.n-pk-s{flex-wrap:wrap}
.n-41>*,.n-rechner>*,.n-rechner-l .hw-slider{min-width:0}.n-rechner-l .hw-slider input{width:100%}
/* Start-Block: Fokus auf 7 Tage kostenlos, Preis nur als kleine Zeile (27.09.) */
.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)}

/* ===== Bereiche als Zeilen im Lesefluss (27.09.) ===== */
.n-bento,.n-wisch{display:none!important}
.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}
}

/* ===== Woche als Wochenplan (27.09.) ===== */
.n-woche-reihe,.n-woche-ende{display:none}
.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}}

/* ===== Gewerke als Raster statt Wischreihe (27.09.) ===== */
.n-rail .hw-rail{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px;transform:none!important;width:auto!important;overflow:visible!important;padding:0!important}
.n-rail .hw-rail figure{width:auto!important;margin:0;min-width:0}
.n-rail .hw-rail img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block}
@media (max-width:640px){.n-rail .hw-rail{grid-template-columns:1fr 1fr;gap:10px}}
/* „Und alles andere“ als hochwertiger Abschluss mit Chat-Beispiel (27.09.) */
.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}}
.n-reihe-text p{max-width:52ch}
/* ===== Woche mit Bildern, Farben und Mini-Vorschauen (27.09.) ===== */
.n-tag{padding:0;overflow:hidden}
.n-tag-kopf{display:none}
.n-tag-bild{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden}
.n-tag-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transform:scale(1.12);transition:transform 2.4s cubic-bezier(.2,.7,.2,1);filter:saturate(.9)}
.n-tag.an .n-tag-bild img{transform:scale(1)}
.n-tag-bild:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0f0f0de6)}
.n-tag-bild figcaption{position:absolute;left:12px;bottom:10px;z-index:1;display:flex;align-items:baseline;gap:8px}
.n-tag-bild figcaption b{font-size:22px;letter-spacing:-.02em}
.n-tag-bild figcaption span{font-size:12px;color:var(--text-2)}
.n-tag-motto{margin:0;padding:10px 12px 0;font-size:12.5px;color:var(--gold-2);font-style:italic}
.n-tag ul{padding:10px}
.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-mini{display:block;margin-top:8px}
.n-mini-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.n-mini-fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.n-mini-post{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;background:#ffffff08;border-radius:8px;padding:6px}
.n-mini-post img{width:44px;height:44px;object-fit:cover;border-radius:6px}
.n-mini-post i,.n-mini-beleg i{font-style:normal;font-size:11px;color:var(--text-2);line-height:1.3}
.n-mini-beleg{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center}
.n-mini-beleg img{width:40px;height:50px;object-fit:cover;border-radius:4px;transform:rotate(-4deg);box-shadow:0 4px 10px #0008}
.n-mini-doc img{width:70%;border-radius:4px;box-shadow:0 8px 20px #000a;transform:rotate(-2deg);background:#fff}
.n-mini-angebot{background:#fbfaf6;color:#1d2330;border-radius:6px;padding:7px 9px;font-size:10.5px}
.n-mini-angebot b{display:block;font-size:10.5px;margin-bottom:4px}
.n-mini-angebot i{display:block;height:4px;border-radius:2px;background:#dcd7cb;margin:3px 0}.n-mini-angebot i:nth-of-type(2){width:80%}.n-mini-angebot i:nth-of-type(3){width:60%}
.n-mini-angebot em{display:block;text-align:right;font-style:normal;font-weight:700;margin-top:4px}
.n-mini-uebers{display:flex;flex-direction:column;gap:4px}
.n-mini-uebers i{font-style:italic;font-size:11px;background:#f3efe4;color:#1b1a16;border-radius:8px 8px 8px 2px;padding:5px 8px}
.n-mini-uebers b{font-size:11px;font-weight:500;background:#1d2a36;color:#fff;border-radius:8px 8px 2px 8px;padding:5px 8px;align-self:flex-end}
.n-mini-sterne{color:#facc15;letter-spacing:2px;font-size:14px}
.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}
@media (max-width:640px){.n-tag-bild{aspect-ratio:16/8}.n-tag-bild figcaption b{font-size:24px}.n-auf-t{font-size:14px}.n-mini-doc img{width:55%}}
.n-tag,.n-auf{min-width:0}.n-auf-t{overflow-wrap:anywhere;hyphens:auto}
.n-auf .n-mini-angebot{color:#1d2330;font-size:10.5px}
.n-auf .n-mini-post{grid-template-columns:1fr}.n-mini-post img{width:100%;height:64px}
@media (max-width:640px){.n-auf .n-mini-post{grid-template-columns:64px 1fr}.n-mini-post img{width:64px;height:64px}.n-tag-bild{aspect-ratio:16/7}}
.n-auf-t{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
/* ===== Bereiche: echte Vorschauen (27.09.) ===== */
.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%}