/* ===== v2-neu4: roter Faden in Farben und Schriften (nur auf v2-neu4 geladen) ===== */

/* --- Ein Akzent-Rot für Kringel, Linien, Buttons, Links (= Farbe der Scribbles) --- */
.n4{--red:#9E0200;--scribble:#9E0200;--shadow-red:0 18px 40px -18px rgba(158,2,0,.55);--light:#EFEDEA;--praxis:#F6F3EE;--ink:#0A0A0A}

/* --- Akte: Podcast + Person hell (gleiches Hell), Bühne schwarz, Praxis warmes Weiß, Beweis schwarz, Magazin weinrot --- */
.n4 #podcast,.n4 #folgen,.n4 #host{background:var(--light)}
.n4 #video,.n4 #prime{background:#0A0A0A;color:var(--on-dark)}
.n4 #praxen{background:var(--praxis)}

/* --- Kringel nur noch da, wo es zählt: „7-stelligen“ (Host) und „Magazin“ --- */
.n4 #folgen h2 em img,.n4 #buehne h2 em img,.n4 #video h2 em img,.n4 #praxen h2 em img,.n4 #referenzen h2 em img{display:none}

/* --- Headlines und Leads: überall gleich --- */
.n4 section:not(.pq) h2{font-size:clamp(2.1rem,3.8vw,3.4rem);letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
.n4 section:not(.pq) .lead,.n4 #praxen .sec-head p,.n4 .c-stage-intro p{font-size:1.15rem;line-height:1.55;text-wrap:pretty}
.n4 #praxen .lead,.n4 #praxen .sec-head p{color:#4A4A4E}
.n4 .c-stage-intro p{font-size:1.05rem}

/* --- Bühne-Akt dunkel: Videos + Prime --- */
.n4 #video h2,.n4 #prime h2{color:var(--on-dark)}
.n4 #video .lead,.n4 #prime p{color:rgba(242,240,237,.62)}
.n4 #video .yt-chip{color:rgba(242,240,237,.7)}
.n4 #video .vid{box-shadow:none}
.n4 #prime img[src*="logo-primevideo"]{filter:none!important}
.n4 #prime .prime-img,.n4 #prime figure,.n4 #prime .pv-img{box-shadow:none}

/* --- Keine Mono-Großbuchstaben mehr (wie im Hero): normale Schrift, klein --- */
.n4 #folgen .num,.n4 #folgen .meta,.n4 #host .tag,.n4 #video .yt-chip,.n4 #video .vtag,.n4 #video .cap span,.n4 #referenzen small,.n4 #magazin .cnt,.n4 #magazin .cur,.n4 .fx-steps span,.n4 .fx-step .q,.n4 .offer .facts span,.n4 .offer .badge{font-family:var(--font-text)!important;letter-spacing:0!important;text-transform:none!important;font-weight:500}
.n4 #folgen .num{font-size:.78rem}
.n4 #folgen .meta{font-size:.82rem;color:#77777C}
.n4 #host .tag{font-size:.85rem}
.n4 #video .vtag{font-size:.8rem}
.n4 #video .cap span{font-size:.85rem;opacity:.75}
.n4 #video .yt-chip{font-size:.85rem}
.n4 #referenzen small{font-size:.85rem;opacity:.65}
.n4 .fx-steps span{font-size:.8rem}
.n4 .fx-step .q{font-size:.85rem;opacity:.65}

/* --- Handschrift: immer in der Textfarbe der Fläche (wie im Hero) – Rot nur für Kringel --- */
.n4 .fx-hand{color:rgba(242,240,237,.85)}

/* --- Alles aus einer Hand: ruhige Logo-Leiste --- */
.n4 .eco{padding-top:clamp(3.5rem,6vw,5.5rem)}
.n4 .eco-hand{display:inline-block;font-family:"Oliver",cursive;font-size:clamp(1.6rem,2.2vw,2rem);color:var(--ink);transform:rotate(-3deg);margin:0 0 1.6rem .2rem}
.n4 .eco-row{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(10,10,10,.12);border-bottom:1px solid rgba(10,10,10,.12)}
.n4 .eco-it{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:1.8rem 1.4rem 1.6rem;color:var(--ink);text-decoration:none;border-left:1px solid rgba(10,10,10,.12);transition:background .35s}
.n4 .eco-it:first-child{border-left:0}
.n4 .eco-it:hover{background:rgba(255,255,255,.55)}
.n4 .eco-lg{height:40px;display:flex;align-items:center}
.n4 .eco-lg img{max-height:34px;max-width:132px;width:auto;height:auto;object-fit:contain;filter:invert(1);opacity:.88}
.n4 .eco-svg{height:15px;width:auto;max-width:150px;color:var(--ink);opacity:.88}
.n4 .eco-tx{display:flex;flex-direction:column;gap:.3rem}
.n4 .eco-tx b{font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.n4 .eco-tx span{font-size:.85rem;line-height:1.4;color:#5A5A5F}
.n4 .eco-ar{position:absolute;top:1.5rem;right:1.2rem;width:18px;height:18px;color:var(--red);opacity:0;transform:translate3d(-4px,4px,0);transition:opacity .3s,transform .3s}
.n4 .eco-ar svg{width:100%;height:100%}
.n4 .eco-it:hover .eco-ar{opacity:1;transform:none}
@media (max-width:1100px){.n4 .eco-row{grid-template-columns:repeat(3,1fr)}.n4 .eco-it:nth-child(4){border-left:0}.n4 .eco-it:nth-child(n+4){border-top:1px solid rgba(10,10,10,.12)}}
@media (max-width:600px){
  .n4 .eco-row{grid-template-columns:repeat(2,1fr)}
  .n4 .eco-it{padding:1.3rem 1rem 1.2rem;gap:.8rem;border-left:0}
  .n4 .eco-it:nth-child(even){border-left:1px solid rgba(10,10,10,.12)}
  .n4 .eco-it:nth-child(n+3){border-top:1px solid rgba(10,10,10,.12)}
  .n4 .eco-lg{height:32px}
  .n4 .eco-lg img{max-height:26px;max-width:110px}
  .n4 .eco-svg{height:11px;max-width:120px}
  .n4 .eco-tx b{font-size:.88rem}
  .n4 .eco-tx span{font-size:.78rem}
  .n4 .eco-ar{display:none}
}

/* --- Mobil: Swipe-Reihen nur seitlich, Seite scrollt trotzdem, Schatten nicht abgeschnitten --- */
@media (max-width:900px){
  .n4 .ep-grid,.n4 .vid-side,.n4 .quotes,.n4 .c-stage-track,.n4 .pn-pr-row{overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y!important}
  .n4 .ep-grid,.n4 .quotes{padding-bottom:1.8rem!important;margin-bottom:-1.8rem}
  .n4 #host .s-self{position:static!important;display:block;width:max-content;margin:0 auto .4rem;transform:rotate(-4deg)!important;opacity:1}
  .n4 #host .s-self img{display:none}
}

/* ===== Mobil-Überarbeitung (19:01) ===== */
.n4 .nw{white-space:nowrap}
@media (max-width:900px){
  /* Hero: „Dein Podcast-Host“ neben den Kopf statt über den Namen */
  /* 04.11.: Notiz jetzt rechts auf Schulterhöhe (Regel in hero-neu3.css) */
  .n4 .pq .sn.pq-note{font-size:1.3rem}
  /* Hero-Ende: Bewertungen-Karten ohne Mono */
  .n4 .rv figcaption,.n4 .rv figcaption *{font-family:var(--font-text)!important;letter-spacing:0!important;text-transform:none!important}
  .n4 .pq-after{padding-top:.5rem}

  /* 04.11.: Mobil alles mittig – nur der Host-Text (viel Fließtext) bleibt linksbündig */
  .n4 section:not(.pq):not(#host) .sec-head{align-items:center!important;text-align:center!important}
  .n4 section:not(.pq):not(#host) h2,.n4 section:not(.pq):not(#host) h3,.n4 section:not(.pq):not(#host) .lead,.n4 section:not(.pq):not(#host) .sec-head p,
  .n4 #prime p,.n4 #prime .prime-txt,.n4 .mag-top,.n4 .mag-top p,.n4 .offer h3{text-align:center!important}
  .n4 #host .hostx-txt,.n4 #host .hostx-txt p,.n4 #host h2{text-align:left!important}
  .n4 #podcast .tg-grid{justify-content:center!important}
  .n4 #podcast .pq-hw,.n4 #podcast .tg-lead{text-align:center!important;display:block;transform:rotate(-2deg)}
  .n4 .c-stage-intro{text-align:center}
  .n4 #praxen .pn-pr-note,.n4 #praxen small,.n4 #praxen .pn-pr-foot{text-align:center!important}
  .n4 #praxen .pn-pr-head{margin-left:auto;margin-right:auto}
  .n4 .tg-toggle{margin:0 auto}
  /* Folgen-Karten: Schatten unten nicht abschneiden */
  .n4 .ep-grid{padding-bottom:2.6rem!important;margin-bottom:-2.2rem}

  /* Host: Selfmade linksbündig über der Headline */
  .n4 #host .s-self{margin:0 0 .3rem!important}
  /* Host-Bio: erster Absatz, Rest per „Weiterlesen“ (Kanon bleibt vollständig) */
  .n4 .hb.is-short p:not(.hb-first){display:none}
  .n4 .hb-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;padding:.6rem 1rem;border-radius:99px;border:1px solid rgba(10,10,10,.18);background:transparent;font:inherit;font-size:.9rem;font-weight:600;color:var(--ink)}
  .n4 .hb-more svg{width:14px;height:14px;transition:transform .3s}
  .n4 .hb:not(.is-short) .hb-more svg{transform:rotate(180deg)}

  /* Abstände zwischen den Sektionen etwas ruhiger */
  .n4 section:not(.pq):not(.c-stage){padding-top:4.2rem;padding-bottom:4.2rem}
  .n4 .wall-more{font-family:var(--font-text)!important;letter-spacing:0!important;text-transform:none!important;font-size:.85rem}
}
.n4 .wall-more{font-family:var(--font-text)!important;letter-spacing:0!important;text-transform:none!important}
@media (min-width:901px){.n4 .hb-more{display:none}}
@media (max-width:900px){
  /* gleiche Fläche hintereinander: weniger Luft dazwischen */
  .n4 #podcast{padding-bottom:1.5rem!important}
  .n4 #folgen{padding-top:1.5rem!important;padding-bottom:2rem!important}
  .n4 #host{padding-top:1.5rem!important}
}

/* ===== Magazin: geschlossen kleiner (alles auf einen Screen), beim Aufklappen wächst es ===== */
.n4 .mag2 .fb{transition:width .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
@media (min-width:901px){
  .n4 .mag2 .fb.closed{width:min(100%,600px)}
  .n4 .mag2 .fb-wrap{padding-top:1.4rem;padding-bottom:1.6rem}
}
@media (max-width:900px){
  .n4 .mag2 .fb.is-cover{width:min(100%,215px)}
  .n4 .mag2 .fb-wrap{padding-top:.8rem;padding-bottom:1rem}
}

/* ===== Magazin geschlossen NEBEN der Headline, beim Aufmachen nach unten + groß (Desktop ≥ 1000px) ===== */
.n4 #magazin .fb-wrap,.n4 #magazin .fb-ui,.n4 #magazin .dots{transition:margin-top .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.n4 #magazin.opening .fb.closed{width:min(100%,920px)}
@media (min-width:1000px){
  .n4 #magazin.side-closed .fb-wrap{margin-top:calc(-1 * var(--mt,300px) - 1.2rem)}
  .n4 #magazin.side-closed .fb.closed{width:min(100%,520px);transform:rotateX(6deg) translateX(-25%) translateX(var(--mx,300px))}
  .n4 #magazin.side-closed .fb-ui,.n4 #magazin.side-closed .dots{transform:translateX(var(--mx,300px))}
  .n4 #magazin.side-closed .sn.s-mag{left:calc(50% + var(--mx,300px) + var(--pw,260px) / 2 + 1.6rem)!important;right:auto!important;top:24%!important;flex-direction:row!important;align-items:flex-start!important;opacity:1!important;white-space:nowrap;--r:4deg}
  .n4 #magazin.side-closed .sn.s-mag .ar{order:-1!important;transform:scaleX(-1) rotate(-125deg)!important;margin:.45em .3rem 0 0!important}
  .n4 #magazin:not(.side-closed) .sn.s-mag{opacity:0!important}
}

/* ===== Magazin-Varianten zum Vergleichen (?mag=1|2|3) ===== */
.n4 #magazin .mag-top{transition:padding-top .9s cubic-bezier(.16,1,.3,1)}
.n4 #magazin:not(.side-closed) .mag-top{padding-top:0!important}
.n4 .mag-cta{display:none}
@media (min-width:1000px){
  /* 1 + 2: Produkt-Bühne – größer, leicht gedreht, Button statt Pfeile, Navigation erst beim Aufmachen */
  .n4 #magazin.mag-v1.side-closed .fb.closed,.n4 #magazin.mag-v2.side-closed .fb.closed{width:var(--fbw,620px);transform:rotateX(4deg) translateX(-25%) translateX(var(--mx,300px)) rotateY(-14deg);cursor:pointer}
  .n4 #magazin.mag-v1.side-closed .fb-ui,.n4 #magazin.mag-v1.side-closed .dots,.n4 #magazin.mag-v2.side-closed .fb-ui,.n4 #magazin.mag-v2.side-closed .dots{opacity:0;pointer-events:none}
  .n4 #magazin.mag-v1.side-closed .sn.s-mag{display:none!important}
  .n4 #magazin.mag-v1 .mag-cta,.n4 #magazin.mag-v2 .mag-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;margin-top:2rem;transition:opacity .4s}
  .n4 #magazin:not(.side-closed) .mag-cta{opacity:0;pointer-events:none;height:0;margin:0;overflow:hidden}
  .n4 .mag-open{font:inherit;font-weight:600;font-size:1rem;border:0;border-radius:99px;padding:1rem 1.6rem;background:var(--on-dark,#F2F0ED);color:#0A0A0A;cursor:pointer;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);transition:transform .25s}
  .n4 .mag-open:hover{transform:translateY(-2px)}
  .n4 .mag-req{color:var(--on-dark,#F2F0ED);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(242,240,237,.4);padding-bottom:2px}
  .n4 .mag-facts{flex-basis:100%;margin:.4rem 0 0;font-size:.85rem;color:rgba(242,240,237,.55)}
  /* 2: Innenseiten schauen hinter dem Cover heraus */
  .n4 .mag-fan{display:none}
  .n4 #magazin.mag-v2.side-closed .mag-fan{display:block;position:absolute;top:1.4rem;left:calc(50% + var(--mx,300px) - var(--pw,310px) / 2);width:var(--pw,310px);height:calc(var(--pw,310px) * 1.42);object-fit:cover;border-radius:2px 6px 6px 2px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);transform-origin:0 100%;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .4s}
  .n4 #magazin.mag-v2.side-closed .mag-fan1{transform:translateX(36%) rotate(4deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan2{transform:translateX(78%) rotate(8deg)}
  .n4 #magazin.mag-v2 .fb{position:relative;z-index:2}
  .n4 #magazin.mag-v2.side-closed .sn.s-mag{left:calc(50% + var(--mx,300px) + var(--pw,310px) / 2 + var(--pw,310px) * 1.12 + 1.2rem)!important;top:30%!important}
  /* 3: Zentriert – Text mittig, Magazin mittig darunter, wächst an Ort und Stelle */
  .n4 #magazin.mag-v3 .mag-top{display:flex;flex-direction:column;align-items:center;text-align:center}
  .n4 #magazin.mag-v3 .mag-top p{margin-left:auto;margin-right:auto;max-width:36rem}
  .n4 #magazin.mag-v3 .fb.closed{width:min(100%,500px)}
  .n4 #magazin.mag-v3 .sn.s-mag{left:calc(50% - 125px - 300px)!important;right:auto!important;top:30%!important;opacity:1!important;flex-direction:row!important}
  .n4 #magazin.mag-v3 .sn.s-mag .ar{order:2;transform:rotate(-130deg)!important;margin:.1em 0 0 1rem!important}
  .n4 #magazin.mag-v3.is-open .sn.s-mag,.n4 #magazin.mag-v3.opening .sn.s-mag{opacity:0!important;transition:opacity .3s}
}
/* geschlossen liegt der Magazin-Bereich über dem Text: nur das Magazin selbst klickbar, Text/Buttons darunter bleiben bedienbar */
.n4 #magazin.side-closed .fb-wrap{pointer-events:none}
.n4 #magazin.side-closed .fb-wrap .fb{pointer-events:auto}

/* ===== „Lust auf das Magazin“ ===== */
.n4 .mz{color:var(--on-dark,#F2F0ED);margin:clamp(4rem,8vw,7rem) 0 clamp(4rem,7vw,6rem)}
.n4 .mz h3{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.035em;line-height:1.05;margin:0}
.n4 .mz h3 em{font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-weight:400}
.n4 .mz-hand{font-family:"Oliver",cursive;font-size:clamp(1.6rem,2.2vw,2.1rem);color:var(--on-dark,#F2F0ED);display:inline-block;transform:rotate(-3deg)}
.n4 .mz-hand--sm{font-size:clamp(1.35rem,1.8vw,1.7rem);margin-bottom:.6rem}
/* Reinkommen: nacheinander, aus leichter Tiefe */
.n4 .mz-stats>*,.n4 .mz-ch li,.n4 .mz-ch h3,.n4 .mz-nums>div,.n4 .mz-q>*{opacity:0;transform:translate3d(0,26px,0);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.n4 .in>*,.n4 .mz-ch.in h3,.n4 .mz-ch.in li,.n4 .mz-case.in .mz-nums>div,.n4 .mz-q.in>*{opacity:1;transform:none}
.n4 .mz-stats.in>:nth-child(2),.n4 .mz-ch.in li:nth-child(2),.n4 .mz-case.in .mz-nums>:nth-child(2),.n4 .mz-q.in>:nth-child(2){transition-delay:.1s}
.n4 .mz-stats.in>:nth-child(3),.n4 .mz-ch.in li:nth-child(3),.n4 .mz-case.in .mz-nums>:nth-child(3),.n4 .mz-q.in>:nth-child(3){transition-delay:.2s}
.n4 .mz-stats.in>:nth-child(4),.n4 .mz-case.in .mz-nums>:nth-child(4){transition-delay:.3s}
/* Zahlen */
.n4 .mz-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(242,240,237,.16);border-bottom:1px solid rgba(242,240,237,.16)}
.n4 .mz-st{padding:2rem 1.6rem 1.8rem;border-left:1px solid rgba(242,240,237,.16)}
.n4 .mz-st:first-child{border-left:0;padding-left:0}
.n4 .mz-st b{display:block;font-family:"Ethic Serif",Georgia,serif;font-weight:400;font-size:clamp(3.4rem,6vw,5.6rem);line-height:.9;letter-spacing:-.04em}
.n4 .mz-st span{display:block;margin-top:.8rem;font-size:.92rem;line-height:1.4;color:rgba(242,240,237,.62);max-width:20ch}
/* Kapitel */
.n4 .mz-ch{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start;margin-top:clamp(3.5rem,6vw,5.5rem)}
.n4 .mz-ch ol{list-style:none;margin:0;padding:0}
.n4 .mz-ch li{display:flex;align-items:baseline;gap:1.2rem;padding:1.3rem 0;border-bottom:1px solid rgba(242,240,237,.16)}
.n4 .mz-ch li:first-child{padding-top:.2rem}
.n4 .mz-k{flex:none;font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:99px;background:var(--on-dark,#F2F0ED);color:#0A0A0A}
.n4 .mz-ch li b{font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.25}
/* Heftstreifen */
.n4 .mz-strip{position:relative;margin:clamp(4rem,7vw,6rem) calc(50% - 50vw) 0;width:100vw;overflow:hidden;padding:2.6rem 0 3.2rem;perspective:1800px}
.n4 .mz-strip .mz-hand{position:absolute;top:0;left:max(1.5rem,calc(50vw - 620px));z-index:2}
.n4 .mz-track{display:flex;gap:1.6rem;width:max-content;padding:0 max(1.5rem,calc(50vw - 620px));will-change:transform;transform-style:preserve-3d}
.n4 .mz-pg{margin:0;width:clamp(200px,17vw,270px);aspect-ratio:1100/1564;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 30px 50px -28px rgba(0,0,0,.75);transform:rotateY(-8deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.n4 .mz-pg:nth-child(even){transform:rotateY(-8deg) translateY(1.4rem)}
.n4 .mz-pg:hover{transform:rotateY(0) translateY(-.4rem) scale(1.04)}
.n4 .mz-pg img{width:100%;height:100%;object-fit:cover;display:block}
/* Fallstudie */
.n4 .mz-case{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.5rem,5vw,5rem);align-items:center;margin-top:clamp(3.5rem,6vw,5rem);perspective:1600px}
.n4 .mz-case-img{margin:0;border-radius:10px;overflow:hidden;box-shadow:0 50px 80px -40px rgba(0,0,0,.8);transform:rotateY(18deg) rotateX(4deg) scale(.92);opacity:0;transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity .8s ease}
.n4 .mz-case.in .mz-case-img{transform:rotateY(6deg) rotateX(1deg);opacity:1}
.n4 .mz-case-img img{display:block;width:100%;height:auto}
.n4 .mz-case-tx h3{margin-bottom:2rem}
.n4 .mz-nums{display:grid;grid-template-columns:1fr 1fr;gap:2rem 2.4rem}
.n4 .mz-nums b{display:block;font-family:"Ethic Serif",Georgia,serif;font-weight:400;font-size:clamp(3rem,5vw,4.6rem);line-height:.9;letter-spacing:-.04em}
.n4 .mz-nums span{display:block;margin-top:.6rem;font-size:.92rem;line-height:1.4;color:rgba(242,240,237,.62)}
/* Vorwort-Zitat */
.n4 .mz-q{margin:clamp(4.5rem,8vw,7rem) auto 0;max-width:860px;text-align:center}
.n4 .mz-q p{font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}
.n4 .mz-q footer{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.6rem}
.n4 .mz-sig{height:54px;width:auto}
.n4 .mz-q footer span{font-size:.9rem;color:rgba(242,240,237,.55)}
.n4 .mz-cta{display:inline-block;margin-top:2.2rem;padding:1.05rem 1.8rem;border-radius:99px;background:var(--on-dark,#F2F0ED);color:#0A0A0A;font-weight:600;text-decoration:none;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);transition:transform .25s}
.n4 .mz-cta:hover{transform:translateY(-2px)}
@media (max-width:900px){
  .n4 .mz{margin:3.5rem 0 3rem}
  .n4 .mz-stats{grid-template-columns:1fr 1fr}
  .n4 .mz-st{padding:1.4rem 1rem 1.3rem;border-left:0}
  .n4 .mz-st:nth-child(even){border-left:1px solid rgba(242,240,237,.16)}
  .n4 .mz-st:nth-child(n+3){border-top:1px solid rgba(242,240,237,.16)}
  .n4 .mz-st:nth-child(odd){padding-left:0}
  .n4 .mz-st b{font-size:3.2rem}
  .n4 .mz-st span{font-size:.82rem}
  .n4 .mz-ch{grid-template-columns:1fr;gap:1.2rem;margin-top:3rem}
  .n4 .mz-ch li{flex-direction:column;gap:.55rem;padding:1.1rem 0}
  .n4 .mz-ch li b{font-size:1.1rem}
  .n4 .mz-strip{margin-top:3rem;padding:2.4rem 0 1.6rem;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  .n4 .mz-strip::-webkit-scrollbar{display:none}
  .n4 .mz-strip .mz-hand{left:1.25rem}
  .n4 .mz-track{gap:1rem;padding:0 1.25rem}
  .n4 .mz-pg{width:58vw;transform:none!important;scroll-snap-align:center}
  .n4 .mz-case{grid-template-columns:1fr;gap:2rem;margin-top:3rem}
  .n4 .mz-case-img{max-width:78%;margin:0 auto}
  .n4 .mz-nums{gap:1.4rem 1.2rem}
  .n4 .mz-nums b{font-size:2.8rem}
  .n4 .mz-nums span{font-size:.82rem}
  .n4 .mz-q{text-align:left;margin-top:3.5rem}
  .n4 .mz-q p{font-size:1.75rem}
  .n4 .mz-q footer{justify-content:flex-start}
  .n4 .mz-sig{height:44px}
}

@media (min-width:1000px){.n4 #magazin.mag-v2.no-note.side-closed .sn.s-mag{display:none!important}}
.n4 .mag-fan{display:none}
@media (min-width:1000px){.n4 #magazin.mag-v2.side-closed .mag-fan{display:block}}

/* ===== Magazin-Inhalt als Grafiken (FOMO) ===== */
.n4 .mz-head{max-width:720px;margin-bottom:2.4rem}
.n4 .mz-head .mz-k{display:inline-block;margin-bottom:1rem}
.n4 .mz-head p{margin:.9rem 0 0;font-size:1.1rem;color:rgba(242,240,237,.65)}
.n4 .mz-head,.n4 .mz-fomo{opacity:0;transform:translate3d(0,26px,0);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.n4 .mz-head.in,.n4 .mz-fomo.in{opacity:1;transform:none}
.n4 .mz-k{flex:none;font-size:.8rem;font-weight:600;padding:.3rem .75rem;border-radius:99px;background:var(--on-dark,#F2F0ED);color:#0A0A0A}

/* Schach-Kamerafahrt */
.n4 .mz-dive{position:relative;margin:clamp(4rem,7vw,6rem) calc(50% - 50vw) 0;width:100vw}
.n4 .mz-dive.pinned{height:320vh}
.n4 .mz-dive-pin{position:relative;height:auto;overflow:hidden}
.n4 .mz-dive.pinned .mz-dive-pin{position:sticky;top:0;height:100vh}
.n4 .mz-chess{display:block;width:min(86vw,880px);height:auto;margin:0 auto;opacity:.95}
.n4 .mz-dive.pinned .mz-chess{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);transform-origin:54% 46%;will-change:transform,opacity}
.n4 .mz-dive-t{text-align:center;padding:0 1.25rem}
.n4 .mz-dive.pinned .mz-dive-t{position:absolute;left:50%;top:16%;transform:translate3d(-50%,-50%,0);width:min(90vw,760px);z-index:2}
.n4 .mz-dive-t h3{font-size:clamp(2.6rem,5vw,4.4rem)}
.n4 .mz-dive-t p{margin:.8rem 0 0;font-size:1.15rem;color:rgba(242,240,237,.7)}
.n4 .mz-dive-ch{display:flex;flex-direction:column;gap:1.6rem;padding:2rem 1.25rem 0;max-width:980px;margin:0 auto}
.n4 .mz-dive.pinned .mz-dive-ch{position:absolute;inset:0;justify-content:center;padding:0 var(--gx,3rem);z-index:2}
.n4 .mz-dc{display:flex;align-items:baseline;gap:1.4rem}
.n4 .mz-dive.pinned .mz-dc{opacity:0}
.n4 .mz-dc b{font-size:clamp(1.8rem,3.6vw,3.4rem);letter-spacing:-.035em;line-height:1.05;text-shadow:0 4px 40px rgba(60,20,20,.9)}

/* Kapitel 1: Fehler mit gesperrter Lösung */
.n4 .mz-err{margin-top:clamp(5rem,9vw,8rem)}
.n4 .mz-err ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(242,240,237,.16)}
.n4 .mz-err li{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:start;padding:1.8rem 0;border-bottom:1px solid rgba(242,240,237,.16);opacity:0;transform:translate3d(-30px,0,0);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.n4 .mz-err.in li{opacity:1;transform:none}
.n4 .mz-err.in li:nth-child(2){transition-delay:.15s}.n4 .mz-err.in li:nth-child(3){transition-delay:.3s}
.n4 .mz-n{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#0A0A0A;color:#fff;font-weight:700;font-size:1.4rem;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 30px -10px rgba(0,0,0,.7)}
.n4 .mz-err b{display:block;font-size:clamp(1.25rem,2.1vw,1.85rem);letter-spacing:-.025em;line-height:1.2;max-width:30ch}
.n4 .mz-lock{position:relative;display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.55rem 1rem .55rem .7rem;border-radius:99px;font-size:.9rem;color:rgba(242,240,237,.85);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.n4 .mz-lock i{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
.n4 .mz-lock::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translateX(-100%);animation:mzShine 3.2s ease-in-out infinite}
@keyframes mzShine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.n4 .mz-pull{margin:3rem 0 0;font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.15;max-width:24ch;opacity:0;transition:opacity 1s ease .4s}
.n4 .mz-err.in .mz-pull{opacity:1}

/* Kapitel 2: 29 Faktoren */
.n4 .mz-net{margin-top:clamp(5rem,9vw,8rem)}
.n4 .mz-cnt{display:inline-block;margin-left:.6rem;padding:.2rem .7rem;border-radius:99px;background:rgba(255,255,255,.08);font-weight:600;color:var(--on-dark,#F2F0ED);font-variant-numeric:tabular-nums}
.n4 .mz-net-map{position:relative;height:clamp(460px,46vw,620px)}
.n4 .mz-net-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.n4 .mz-net-lines path{fill:none;stroke:rgba(242,240,237,.35);stroke-width:1.2;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .8s ease}
.n4 .mz-net-lines path.on{opacity:1}
.n4 .mz-node{position:absolute;transform:translate(-50%,-50%) scale(.6);display:flex;flex-direction:column;align-items:center;gap:.45rem;width:150px;text-align:center;opacity:0;transition:opacity .5s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}
.n4 .mz-node.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.n4 .mz-node i{width:12px;height:12px;border-radius:50%;background:var(--on-dark,#F2F0ED);box-shadow:0 0 0 5px rgba(242,240,237,.12)}
.n4 .mz-node em{font-style:normal;font-size:.8rem;font-weight:600;line-height:1.25;letter-spacing:-.005em;text-transform:none}
.n4 .mz-node.is-locked em{filter:blur(4.5px);opacity:.75;user-select:none}
.n4 .mz-node.is-locked i{background:rgba(242,240,237,.45)}
.n4 .mz-net-more{margin:1.6rem 0 0;font-size:1rem;color:rgba(242,240,237,.7)}

/* Weg zur Nr. 1 */
.n4 .mz-way{margin-top:clamp(5rem,9vw,8rem)}
.n4 .mz-chart{position:relative;height:clamp(320px,34vw,460px)}
.n4 .mz-bands{position:absolute;inset:0;display:grid;grid-template-rows:43fr 28fr 29fr;border-radius:14px;overflow:hidden}
.n4 .mz-band{all:unset;position:relative;cursor:pointer;transition:background .4s}
.n4 .mz-band span{position:absolute;left:1.2rem;top:1rem;font-weight:700;font-size:clamp(.85rem,1.2vw,1.05rem);color:rgba(242,240,237,.9)}
.n4 .mz-band.b3{background:rgba(242,240,237,.08)}
.n4 .mz-band.b2{background:rgba(242,184,102,.16)}
.n4 .mz-band.b1{background:rgba(233,128,124,.18)}
.n4 .mz-band.b3.sel{background:rgba(242,240,237,.2)}
.n4 .mz-band.b2.sel{background:rgba(242,184,102,.34)}
.n4 .mz-band.b1.sel{background:rgba(233,128,124,.36)}
.n4 .mz-way:not(.touched) .mz-band.sel span::after{content:"";display:inline-block;width:8px;height:8px;margin-left:.6rem;border-radius:50%;background:#fff;vertical-align:middle;animation:mzPulse 1.4s ease-in-out infinite}
@keyframes mzPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.4}}
.n4 .mz-curves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.n4 .mz-curves .c{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}
.n4 .mz-curves .c4{stroke:#7EE2A0;stroke-width:3}
.n4 .mz-tag{position:absolute;font-family:"Oliver",cursive;font-size:clamp(1.05rem,1.6vw,1.45rem);color:#fff;white-space:nowrap;opacity:0;transform:translateY(8px) rotate(-3deg);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none}
.n4 .mz-tag.on{opacity:1;transform:rotate(-3deg)}
.n4 .t1{left:24%;top:62%}.n4 .t2{left:60%;top:86%}.n4 .t3{left:44%;top:-2%}.n4 .t4{left:68%;top:27%}.n4 .t5{left:86%;top:52%}.n4 .t6{left:73%;top:7%;color:#B8F5CB}.n4 .t7{left:58%;top:58%}
.n4 .mz-top{position:absolute;right:-1rem;top:-2.4rem;display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:clamp(1.1rem,1.8vw,1.6rem);letter-spacing:-.02em;opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .9s cubic-bezier(.34,1.56,.64,1)}
.n4 .mz-top i{width:16px;height:16px;border-radius:50%;background:#7EE2A0;box-shadow:0 0 0 8px rgba(126,226,160,.25),0 0 40px 14px rgba(126,226,160,.45)}
.n4 .mz-top.on{opacity:1;transform:none}
.n4 .mz-ans{position:relative;min-height:4.2rem;margin-top:1.6rem}
.n4 .mz-ans p{position:absolute;inset:0;margin:0;font-size:1.1rem;line-height:1.5;color:rgba(242,240,237,.85);max-width:60ch;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s ease}
.n4 .mz-ans p.on{opacity:1;transform:none}
.n4 .mz-ans b{color:#fff}

/* FOMO-Satz */
.n4 .mz-fomo{margin:clamp(5rem,9vw,8rem) auto 0;max-width:24ch;text-align:center;font-size:clamp(2rem,4.2vw,3.6rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}
.n4 .mz-fomo b{font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-weight:400}

@media (max-width:900px){
  .n4 .mz-dive{margin-top:3.5rem}
  .n4 .mz-chess{width:100vw}
  .n4 .mz-dive-t{margin-top:-2rem;position:relative}
  .n4 .mz-dive-t h3{font-size:2.3rem}
  .n4 .mz-dive-t,.n4 .mz-dive-t p{text-align:left}
  .n4 .mz-dc{flex-direction:column;gap:.6rem}
  .n4 .mz-dc b{font-size:1.5rem}
  .n4 .mz-dive .mz-dc{opacity:0;transform:translateY(24px);transition:opacity .7s,transform 1s cubic-bezier(.16,1,.3,1)}
  .n4 .mz-dive.in .mz-dc{opacity:1;transform:none}
  .n4 .mz-dive.in .mz-dc:nth-child(2){transition-delay:.15s}.n4 .mz-dive.in .mz-dc:nth-child(3){transition-delay:.3s}
  .n4 .mz-err li{gap:1rem;padding:1.4rem 0}
  .n4 .mz-n{width:2.6rem;height:2.6rem;font-size:1.1rem}
  .n4 .mz-lock{font-size:.8rem}
  .n4 .mz-net-map{height:auto}
  .n4 .mz-net-lines{display:none}
  .n4 .mz-net-nodes{display:flex;flex-wrap:wrap;gap:.5rem}
  .n4 .mz-node{position:static;transform:scale(.8)!important;width:auto;flex-direction:row;gap:.45rem;padding:.45rem .8rem .45rem .6rem;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
  .n4 .mz-node.on{transform:none!important}
  .n4 .mz-node i{width:8px;height:8px;box-shadow:none}
  .n4 .mz-node em{font-size:.78rem}
  .n4 .mz-chart{height:300px}
  .n4 .mz-tag{font-size:.95rem}
  .n4 .t3{left:30%}.n4 .t5{left:72%}.n4 .t6{left:56%}
  .n4 .mz-top{right:0;top:-2.2rem;font-size:1rem}
  .n4 .mz-band span{left:.7rem;top:.6rem;font-size:.75rem}
  .n4 .mz-ans{min-height:7.5rem}
  .n4 .mz-ans p{font-size:.98rem}
  .n4 .mz-fomo{text-align:left;font-size:2rem;margin-top:4rem}
}
.n4 #magazin{overflow:visible!important;overflow-x:clip!important}
@media (min-width:901px){.n4 .mz-dive.pinned .mz-chess{top:60%;width:min(64vw,700px,88vh)}.n4 .mz-dive.pinned .mz-dive-t{top:12%}}
.n4 .mag-cta{justify-self:start!important;align-self:auto!important}
/* 12:18 – vier Seiten wie ein aufgefächertes Blatt Karten hinter dem Cover */
@media (min-width:1000px){
  .n4 #magazin.mag-v2.side-closed .mag-fan{transform-origin:12% 100%}
  .n4 #magazin.mag-v2.side-closed .mag-fan1{transform:translateX(22%) rotate(5deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan2{transform:translateX(42%) rotate(10deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan3{transform:translateX(62%) rotate(15deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan4{transform:translateX(82%) rotate(20deg)}
  .n4 #magazin.mag-v2.side-closed .sn.s-mag{left:calc(50% + var(--mx,300px) + var(--pw,310px) * 1.55 + 1rem)!important;top:44%!important}
}
.n4 .mz{margin-top:clamp(3rem,6vw,5rem)}
.n4 .mz-net{margin-top:0}
@media (min-width:1000px){
  .n4 #magazin.mag-v2.side-closed .mag-fan{transform-origin:0 100%}
  .n4 #magazin.mag-v2.side-closed .mag-fan1{transform:translateX(42%) rotate(1.5deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan2{transform:translateX(84%) translateY(-2%) rotate(3deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan3{transform:translateX(126%) translateY(-4%) rotate(4.5deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan4{transform:translateX(168%) translateY(-6%) rotate(6deg)}
  .n4 #magazin.mag-v2 .sn.s-mag{display:none!important}
}
/* 12:24 – Fächer enger: nur anteasern */
@media (min-width:1000px){
  .n4 #magazin.mag-v2.side-closed .mag-fan1{transform:translateX(20%) rotate(1.5deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan2{transform:translateX(38%) translateY(-1.5%) rotate(3deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan3{transform:translateX(56%) translateY(-3%) rotate(4.5deg)}
  .n4 #magazin.mag-v2.side-closed .mag-fan4{transform:translateX(74%) translateY(-4.5%) rotate(6deg)}
}

/* ===== Inhaltskarten (Stil Mastermind /themen) ===== */
.n4 .mzg{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:clamp(2.5rem,4vw,3.5rem)}
.n4 .mc{position:relative;grid-column:span 6;padding:clamp(1.5rem,2.4vw,2.2rem);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;color:var(--on-dark,#F2F0ED);opacity:0;transform:translate3d(0,30px,0) scale(.98);transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.n4 .mc.in{opacity:1;transform:none}
.n4 .mc--7{grid-column:span 7}.n4 .mc--5{grid-column:span 5}
.n4 .mc h3{font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:-.03em;line-height:1.12;margin:0}
.n4 .mc p{margin:.7rem 0 0;font-size:.98rem;line-height:1.5;color:rgba(242,240,237,.66);max-width:44ch}
/* Stepper */
.n4 .mc-steps{display:flex;gap:6px;flex-wrap:wrap}
.n4 .mc-steps button,.n4 .mc-tgl button{font:inherit;font-size:.85rem;font-weight:600;padding:.5rem .95rem;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(242,240,237,.7);cursor:pointer;transition:all .35s}
.n4 .mc-steps button.past{color:#fff;border-color:rgba(255,255,255,.3)}
.n4 .mc-steps button.on,.n4 .mc-tgl button.on{background:var(--on-dark,#F2F0ED);color:#0A0A0A;border-color:transparent}
.n4 .mc-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.12);margin:1.4rem 0 0;overflow:hidden}
.n4 .mc-bar span{display:block;height:100%;width:0;background:#fff;transition:width .9s cubic-bezier(.16,1,.3,1)}
.n4 .mc-panes{position:relative;min-height:12rem;margin-top:1.8rem}
.n4 .mc-panes>div{position:absolute;inset:0;opacity:0;transform:translate3d(24px,0,0);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
.n4 .mc-panes>div.on{opacity:1;transform:none;pointer-events:auto}
.n4 .mc-panes h3{font-size:clamp(1.7rem,2.8vw,2.6rem);max-width:18ch}
/* Vorher/Nachher-Organigramm */
.n4 .mc-tgl{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1)}
.n4 .mc-tgl button{border:0;padding:.45rem .9rem}
.n4 .org{display:block;width:100%;height:auto;max-height:200px;margin:1rem 0 1.2rem}
.n4 .org line{stroke:rgba(242,240,237,.35);stroke-width:1.4}
.n4 .org circle{fill:rgba(242,240,237,.22);stroke:rgba(242,240,237,.5);stroke-width:1}
.n4 .org .me{fill:#F2F0ED;stroke:none}
.n4 .org .l2{fill:rgba(242,240,237,.55)}
.n4 .org text{font:700 12px var(--font-text,sans-serif);text-anchor:middle;fill:#0A0A0A}
.n4 .org g{transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1);transform-origin:150px 95px}
.n4 .org-b{opacity:0;transform:scale(.9)}
.n4 [data-state="2"] .org-a{opacity:0;transform:scale(1.08)}
.n4 [data-state="2"] .org-b{opacity:1;transform:none}
.n4 [data-state="1"] .org-a line{stroke:rgba(233,128,124,.6);animation:mcBusy 1.2s ease-in-out infinite}
@keyframes mcBusy{50%{stroke:rgba(233,128,124,.25)}}
/* Umdrehen */
.n4 .mc-hint{font-family:"Oliver",cursive;font-size:1.3rem!important;color:rgba(242,240,237,.8)!important;margin:.3rem 0 0!important;transform:rotate(-2deg)}
.n4 .flips{display:flex;flex-direction:column;gap:10px;margin-top:1.2rem}
.n4 .flips button{all:unset;position:relative;display:block;cursor:pointer;min-height:3.6rem;border-radius:16px;perspective:900px}
.n4 .flips s,.n4 .flips b{display:flex;align-items:center;min-height:3.6rem;padding:.75rem 1.1rem;border-radius:16px;font-size:.95rem;line-height:1.3;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.34,1.3,.64,1)}
.n4 .flips s{text-decoration:none;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);color:rgba(242,240,237,.6)}
.n4 .flips b{position:absolute;inset:0;font-weight:600;background:var(--on-dark,#F2F0ED);color:#0A0A0A;transform:rotateX(180deg)}
.n4 .flips button.on s{transform:rotateX(-180deg)}
.n4 .flips button.on b{transform:rotateX(0)}
/* Orbit */
.n4 .mc--7:has(.orb){display:grid;grid-template-columns:1.05fr .95fr;gap:1.6rem;align-items:center}
.n4 .orb{position:relative;aspect-ratio:1;width:100%;max-width:340px}
.n4 .orb-ring{position:absolute;inset:0;width:100%;height:100%;animation:mcSpin 80s linear infinite}
.n4 .orb-ring circle{fill:none;stroke:rgba(242,240,237,.16);stroke-dasharray:2 6}
.n4 .orb-ring circle+circle{stroke-dasharray:none;stroke:rgba(242,240,237,.1)}
@keyframes mcSpin{to{transform:rotate(360deg)}}
.n4 .orb-c{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 30% 25%,#7A3A3B,#3A1617);box-shadow:0 0 0 1px rgba(255,255,255,.18),0 20px 50px rgba(0,0,0,.45),0 0 60px rgba(233,128,124,.25)}
.n4 .orb-c span{font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-size:1rem;color:rgba(242,240,237,.7)}
.n4 .orb-c b{font-size:1.15rem;letter-spacing:-.02em}
.n4 .orb>span{--r:41%;position:absolute;left:calc(50% + var(--r) * cos(var(--a) * 51.43deg - 90deg));top:calc(50% + var(--r) * sin(var(--a) * 51.43deg - 90deg));transform:translate(-50%,-50%);padding:.4rem .7rem;border-radius:12px;font-size:.74rem;font-weight:700;white-space:nowrap;background:rgba(30,12,12,.8);border:1px solid rgba(255,255,255,.12);color:rgba(242,240,237,.75);transition:all .4s}
.n4 .orb>span.on{background:var(--on-dark,#F2F0ED);color:#0A0A0A;border-color:transparent;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 8px 24px rgba(0,0,0,.35)}
/* Netz kompakter, damit alles in einer Sektion bleibt */
.n4 .mz-net-map{height:clamp(380px,36vw,500px)}
@media (max-width:900px){
  .n4 .mzg{grid-template-columns:1fr;gap:14px}
  .n4 .mc,.n4 .mc--7,.n4 .mc--5{grid-column:auto}
  .n4 .mc--7:has(.orb){grid-template-columns:1fr}
  .n4 .orb{max-width:300px;margin:0 auto}
  .n4 .mc-panes{min-height:10.5rem}
  .n4 .mc-panes h3{font-size:1.6rem}
}
@media (max-width:900px){.n4 .mz-net-map{height:auto!important}}

/* ===== Apple-Karten (farbig) ===== */
.n4 .mc--8{grid-column:span 8}.n4 .mc--4{grid-column:span 4}
.n4 .mzg-trio{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.n4 .ap{border:0;box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.n4 .ap-light{background:#F5F5F7;color:#1D1D1F}
.n4 .ap-light p{color:#6E6E73}
.n4 .ap-black{background:#000;color:#F5F5F7}
.n4 .ap-grad{background:linear-gradient(135deg,#FF9F0A 0%,#FF375F 55%,#BF5AF2 100%);color:#fff}
.n4 .ap-grad p{color:rgba(255,255,255,.85)}
.n4 .ap-blue{background:linear-gradient(160deg,#0A84FF,#0040DD);color:#fff}
.n4 .ap-blue p{color:rgba(255,255,255,.82)}
.n4 .ap h3{font-size:clamp(1.25rem,1.8vw,1.65rem)}
.n4 .ap svg path,.n4 .ap-rings .fg{stroke-dasharray:var(--L,600);stroke-dashoffset:var(--L,600)}
.n4 .ap.go svg path,.n4 .ap.go .ap-rings .fg{transition:stroke-dashoffset 1.8s cubic-bezier(.65,0,.35,1)}
.n4 .ap.go svg path{stroke-dashoffset:0}
.n4 .ap svg path.grid{stroke-dasharray:none;stroke-dashoffset:0}
/* Weg zur Nr. 1 */
.n4 .ap-chart{position:relative;height:clamp(200px,20vw,260px);margin-bottom:1.4rem;border-radius:16px;overflow:hidden}
.n4 .ap-bands{position:absolute;inset:0;display:grid;grid-template-rows:42fr 28fr 30fr}
.n4 .ap-bands i{position:relative;display:block}
.n4 .ap-bands span{position:absolute;left:.9rem;top:.6rem;font-style:normal;font-size:.78rem;font-weight:700;color:rgba(29,29,31,.75)}
.n4 .ap-bands .b3{background:linear-gradient(90deg,#D9D9DE,#ECECF0)}
.n4 .ap-bands .b2{background:linear-gradient(90deg,#F5B94F,#F8DCA5)}
.n4 .ap-bands .b1{background:linear-gradient(90deg,#E8807C,#F4C3C0)}
.n4 .ap-chart svg{position:absolute;inset:0;width:100%;height:100%}
.n4 .ap-chart path{fill:none;stroke:#1D1D1F;stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}
.n4 .ap-chart .w3{stroke:#1D1D1F;stroke-width:3}
.n4 .ap.go .ap-chart .w2{transition-delay:.6s}.n4 .ap.go .ap-chart .w3{transition-delay:1.1s}
.n4 .ap-glow{position:absolute;right:-6%;top:-40%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(48,209,88,.85),rgba(48,209,88,.25) 45%,transparent 70%);opacity:0;transform:scale(.4);transition:opacity 1s ease 2.2s,transform 1.4s cubic-bezier(.16,1,.3,1) 2.2s}
.n4 .ap.go .ap-glow{opacity:1;transform:none;animation:apPulse 3s ease-in-out 3.4s infinite}
@keyframes apPulse{50%{transform:scale(1.08)}}
.n4 .ap-nr{position:absolute;right:1rem;top:.7rem;font-weight:800;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.03em;color:#1D1D1F;opacity:0;transition:opacity .8s ease 2.6s}
.n4 .ap.go .ap-nr{opacity:1}
/* Ringe */
.n4 .ap-rings{width:min(100%,190px);margin:0 auto 1rem}
.n4 .ap-rings svg{display:block;width:100%;transform:rotate(-90deg)}
.n4 .ap-rings circle{fill:none;stroke-width:17;stroke-linecap:round}
.n4 .ap-rings .bg{stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:.22}
.n4 .ap-rings .r1{stroke:#FF375F}.n4 .ap-rings .r2{stroke:#30D158}.n4 .ap-rings .r3{stroke:#0A84FF}
.n4 .ap.go .ap-rings .fg.r1{stroke-dashoffset:calc(var(--L) * .08)}
.n4 .ap.go .ap-rings .fg.r2{stroke-dashoffset:calc(var(--L) * .14);transition-delay:.25s}
.n4 .ap.go .ap-rings .fg.r3{stroke-dashoffset:calc(var(--L) * .04);transition-delay:.5s}
.n4 .ap-leg{display:flex;gap:1rem;justify-content:center;list-style:none;margin:0 0 1.1rem;padding:0;font-size:.8rem;font-weight:600;color:#A1A1A6}
.n4 .ap-leg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.35rem;vertical-align:middle}
.n4 .ap-leg .c1{background:#FF375F}.n4 .ap-leg .c2{background:#30D158}.n4 .ap-leg .c3{background:#0A84FF}
.n4 .ap-black h3{text-align:center}
/* Roter Faden */
.n4 .ap-thread{position:relative;height:110px;margin-bottom:1.2rem}
.n4 .ap-thread svg{position:absolute;inset:0;width:100%;height:100%}
.n4 .ap-thread path{fill:none;stroke:#E30613;stroke-width:2.5;stroke-linecap:round}
.n4 .ap-thread b{position:absolute;left:var(--x);top:50%;transform:translate(-50%,-50%) scale(.6);width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff;border:2px solid #1D1D1F;font-size:1.05rem;color:#1D1D1F;opacity:0;transition:opacity .4s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}
.n4 .ap.go .ap-thread b{opacity:1;transform:translate(-50%,-50%) scale(1)}
.n4 .ap.go .ap-thread b:nth-of-type(1){transition-delay:.4s}.n4 .ap.go .ap-thread b:nth-of-type(2){transition-delay:.9s}.n4 .ap.go .ap-thread b:nth-of-type(3){transition-delay:1.4s}
/* Brandbook */
.n4 .ap-brand{display:flex;align-items:center;justify-content:space-between;height:110px;margin-bottom:1.2rem}
.n4 .ap-brand .aa{font-family:"Ethic Serif",Georgia,serif;font-size:5rem;line-height:1;letter-spacing:-.04em}
.n4 .ap-brand .sw{display:grid;grid-template-columns:repeat(2,34px);gap:8px}
.n4 .ap-brand .sw i{width:34px;height:34px;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:scale(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.n4 .ap-brand .sw i:nth-child(1){background:#fff}.n4 .ap-brand .sw i:nth-child(2){background:#1D1D1F}.n4 .ap-brand .sw i:nth-child(3){background:#FFD60A}.n4 .ap-brand .sw i:nth-child(4){background:#5E2BFF}
.n4 .ap.go .ap-brand .sw i{transform:scale(1)}
.n4 .ap.go .ap-brand .sw i:nth-child(2){transition-delay:.15s}.n4 .ap.go .ap-brand .sw i:nth-child(3){transition-delay:.3s}.n4 .ap.go .ap-brand .sw i:nth-child(4){transition-delay:.45s}
.n4 .ap.go .ap-brand .aa{animation:apAa 4s ease-in-out 1s infinite}
@keyframes apAa{0%,40%{font-family:"Ethic Serif",Georgia,serif;font-style:normal}50%,90%{font-family:var(--font-display);font-weight:800;font-style:normal}}
/* Neupatienten-Kurve */
.n4 .ap-s{position:relative;height:110px;margin-bottom:1.2rem}
.n4 .ap-s svg{position:absolute;inset:0;width:100%;height:100%}
.n4 .ap-s .grid{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1}
.n4 .ap-s .s{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}
.n4 .ap-s .dot{position:absolute;right:1%;top:4%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.25);opacity:0;transition:opacity .5s ease 1.6s}
.n4 .ap.go .ap-s .dot{opacity:1;animation:mzPulse 1.6s ease-in-out 2s infinite}
@media (max-width:900px){
  .n4 .mc--8,.n4 .mc--4{grid-column:auto}
  .n4 .mzg-trio{grid-column:auto;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;overscroll-behavior-x:contain;margin:0 -1.25rem;padding:0 1.25rem 1.6rem;scrollbar-width:none}
  .n4 .mzg-trio::-webkit-scrollbar{display:none}
  .n4 .mzg-trio .mc{flex:0 0 78vw;scroll-snap-align:center}
  .n4 .ap-chart{height:190px}
}
.n4 .mzg-trio .mc{grid-column:auto}

/* ===== Neue Inhaltskarten (Glas auf Weinrot, nur Weiß) ===== */
.n4 .mk-six h3,.n4 .mk-g h3{max-width:24ch}
/* 6 Dinge – gesperrt */
.n4 .mk-six ol{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.4rem}
.n4 .mk-six li{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translate3d(-14px,0,0);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.n4 .mc.in .mk-six li,.n4 .mk-six.in li{opacity:1;transform:none}
.n4 .mk-six.in li:nth-child(2){transition-delay:.12s}.n4 .mk-six.in li:nth-child(3){transition-delay:.24s}.n4 .mk-six.in li:nth-child(4){transition-delay:.36s}.n4 .mk-six.in li:nth-child(5){transition-delay:.48s}.n4 .mk-six.in li:nth-child(6){transition-delay:.6s}
.n4 .mk-six li span{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:#F2F0ED;color:#0A0A0A}
.n4 .mk-six li i{display:block;height:.7rem;width:var(--w);border-radius:99px;background:rgba(242,240,237,.28);filter:blur(2.5px)}
.n4 .mk-lock{display:inline-flex!important;align-items:center;gap:.55rem;margin-top:1.4rem!important;padding:.55rem 1rem .55rem .75rem;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#F2F0ED!important;font-size:.9rem!important;position:relative;overflow:hidden}
.n4 .mk-lock b{width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
.n4 .mk-lock::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.16) 50%,transparent 70%);transform:translateX(-100%);animation:mzShine 3.2s ease-in-out infinite}
/* Klarheit – Häkchen nacheinander */
.n4 .mk-clear ul{list-style:none;margin:1.3rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.n4 .mk-clear li{position:relative;padding-left:2.2rem;font-size:1rem;line-height:1.35;font-weight:600;color:rgba(242,240,237,.35);transition:color .5s ease}
.n4 .mk-clear li::before{content:"";position:absolute;left:0;top:-.05rem;width:1.45rem;height:1.45rem;border-radius:50%;border:1.5px solid rgba(242,240,237,.3);transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.n4 .mk-clear li::after{content:"";position:absolute;left:.42rem;top:.25rem;width:.38rem;height:.7rem;border:solid #0A0A0A;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.n4 .mk-clear.in li{color:#F2F0ED}
.n4 .mk-clear.in li::before{background:#F2F0ED;border-color:#F2F0ED}
.n4 .mk-clear.in li::after{transform:rotate(45deg) scale(1)}
.n4 .mk-clear.in li:nth-child(1),.n4 .mk-clear.in li:nth-child(1)::before,.n4 .mk-clear.in li:nth-child(1)::after{transition-delay:.4s}
.n4 .mk-clear.in li:nth-child(2),.n4 .mk-clear.in li:nth-child(2)::before,.n4 .mk-clear.in li:nth-child(2)::after{transition-delay:1s}
.n4 .mk-clear.in li:nth-child(3),.n4 .mk-clear.in li:nth-child(3)::before,.n4 .mk-clear.in li:nth-child(3)::after{transition-delay:1.6s}
.n4 .mk-clear.in li:nth-child(4),.n4 .mk-clear.in li:nth-child(4)::before,.n4 .mk-clear.in li:nth-child(4)::after{transition-delay:2.2s}
.n4 .mk-foot{font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-size:1.25rem!important;line-height:1.25!important;color:#F2F0ED!important;margin-top:1.5rem!important}
/* Google */
.n4 .mk-g{display:flex;flex-direction:column}
.n4 .mk-g h3{order:3;margin-top:1.4rem}
.n4 .mk-search{display:flex;align-items:center;gap:.7rem;padding:.85rem 1.1rem;border-radius:99px;background:#F2F0ED;color:#0A0A0A;font-size:1rem;font-weight:500;box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}
.n4 .mk-search svg{width:18px;height:18px;flex:none;opacity:.55}
.n4 .mk-caret{width:2px;height:1.15em;background:#0A0A0A;animation:mkBlink 1s steps(1) infinite}
@keyframes mkBlink{50%{opacity:0}}
.n4 .mk-res{margin-top:1rem;min-height:8.2rem}
.n4 .mk-r{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:16px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);opacity:0;transform:translate3d(0,14px,0);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.n4 .mk-g.found .mk-r{opacity:1;transform:none}
.n4 .mk-pos{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:#F2F0ED;color:#0A0A0A;font-weight:800}
.n4 .mk-r b{display:block;font-size:1.05rem}
.n4 .mk-st{display:inline-block;margin:.2rem 0;color:#F2F0ED;letter-spacing:.08em;clip-path:inset(0 100% 0 0);transition:clip-path 1s ease .5s}
.n4 .mk-g.found .mk-st{clip-path:inset(0 0 0 0)}
.n4 .mk-r em{display:block;font-style:normal;font-size:.85rem;color:rgba(242,240,237,.6)}
.n4 .mk-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}
.n4 .mk-chips span{font-size:.8rem;font-weight:600;padding:.4rem .75rem;border-radius:99px;border:1px solid rgba(255,255,255,.16);color:rgba(242,240,237,.85);opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.n4 .mk-g.found .mk-chips span{opacity:1;transform:none}
.n4 .mk-g.found .mk-chips span:nth-child(1){transition-delay:.9s}.n4 .mk-g.found .mk-chips span:nth-child(2){transition-delay:1.05s}.n4 .mk-g.found .mk-chips span:nth-child(3){transition-delay:1.2s}.n4 .mk-g.found .mk-chips span:nth-child(4){transition-delay:1.35s}.n4 .mk-g.found .mk-chips span:nth-child(5){transition-delay:1.5s}
.n4 .mk-hand{position:absolute;right:1.6rem;top:5.6rem;font-family:"Oliver",cursive;font-size:1.5rem;color:#F2F0ED;transform:rotate(-6deg);opacity:0;transition:opacity .6s ease 1.6s}
.n4 .mk-g.found .mk-hand{opacity:1}
/* Wartezeit */
.n4 .mk-wait{display:flex;flex-direction:column;justify-content:space-between}
.n4 .mk-weeks{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.n4 .mk-weeks i{height:2.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);transition:background .4s ease,border-color .4s ease}
.n4 .mk-wait.in .mk-weeks i{background:#F2F0ED;border-color:#F2F0ED}
.n4 .mk-wait.in .mk-weeks i:nth-child(1){transition-delay:.3s}.n4 .mk-wait.in .mk-weeks i:nth-child(2){transition-delay:.45s}.n4 .mk-wait.in .mk-weeks i:nth-child(3){transition-delay:.6s}.n4 .mk-wait.in .mk-weeks i:nth-child(4){transition-delay:.75s}.n4 .mk-wait.in .mk-weeks i:nth-child(5){transition-delay:.9s}.n4 .mk-wait.in .mk-weeks i:nth-child(6){transition-delay:1.05s}.n4 .mk-wait.in .mk-weeks i:nth-child(7){transition-delay:1.2s}.n4 .mk-wait.in .mk-weeks i:nth-child(8){transition-delay:1.35s}
.n4 .mk-quote{font-family:"Ethic Serif",Georgia,serif;font-style:italic;font-size:clamp(1.45rem,2.2vw,2rem)!important;line-height:1.2!important;color:#F2F0ED!important;margin-top:1.6rem!important;max-width:none!important}
@media (max-width:900px){
  .n4 .mk-six ol{grid-template-columns:1fr}
  .n4 .mk-hand{position:static;display:block;margin-top:.8rem}
}
.n4 .mk-hand{top:9.4rem;right:1.8rem}
.n4 .mk-wait{justify-content:center}
.n4 .mk-wait .mk-quote{margin-top:2rem!important}
/* 19:06 – Klarheit + Wartezeit raus: 6 Dinge und Google-Karte nebeneinander */
.n4 .mk-six,.n4 .mk-g{grid-column:span 6}
@media (max-width:900px){.n4 .mk-six,.n4 .mk-g{grid-column:auto}}
.n4 .mk-six{grid-column:1 / -1}.n4 .mk-six ol{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.n4 .mk-six ol{grid-template-columns:1fr}}
.n4 .mk-six li.open b{font-size:.98rem;font-weight:600;line-height:1.3;color:#F2F0ED}.n4 .mk-six li{align-items:flex-start}.n4 .mk-six li span{margin-top:-.15rem}
/* 03.11. – Magazin-Erklärung als Bento in zwei Reihen */
.n4 .mz{margin-top:clamp(2.5rem,4vw,3.5rem)}
.n4 .mzg{gap:14px;margin-top:0}
.n4 .mc{padding:1.35rem 1.45rem 1.45rem;border-radius:22px}
.n4 .mc-k{display:block;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#E9A49F;margin-bottom:.8rem}
.n4 .mc h3{font-size:1.2rem}
.n4 .mc p{font-size:.86rem;margin-top:.5rem;max-width:46ch;line-height:1.45}
.n4 .mc--8{grid-column:span 8}.n4 .mc--4{grid-column:span 4}
/* helle Kapitel-Karte mit Netz rechts */
.n4 .mk-light{background:#F2F0ED;color:#0A0A0A;border-color:transparent;display:grid;grid-template-columns:1fr 1.15fr;gap:1.4rem;align-items:stretch}
.n4 .mk-light .mc-k{color:#9E0200}
.n4 .mk-light p{color:rgba(10,10,10,.66)}
.n4 .mk-light .mc-steps button{border-color:rgba(10,10,10,.18);color:rgba(10,10,10,.65);font-size:.76rem;padding:.35rem .7rem}
.n4 .mk-light .mc-steps button.past{color:#0A0A0A;border-color:rgba(10,10,10,.35)}
.n4 .mk-light .mc-steps button.on{background:#0A0A0A;color:#fff}
.n4 .mk-light .mc-bar{background:rgba(10,10,10,.1);margin-top:.9rem}.n4 .mk-light .mc-bar span{background:#0A0A0A}
.n4 .mk-light .mc-panes{min-height:7rem;margin-top:1rem}
.n4 .mk-light .mc-panes h3{font-size:1.45rem;max-width:20ch}
.n4 .mn-r{position:relative;border-left:1px solid rgba(10,10,10,.08);padding-left:1.4rem;display:flex;flex-direction:column}
.n4 .mn-rt{font-size:.8rem!important;margin:0 0 .2rem!important;color:rgba(10,10,10,.6)!important;max-width:none!important;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.n4 .mn-rt b{color:#0A0A0A;font-weight:700}
.n4 .mn-rt .mz-cnt{margin-left:auto;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:99px;background:#0A0A0A;color:#fff}
.n4 .mk-net .mz-net-map{height:auto!important;flex:1;min-height:230px;margin:0}
.n4 .mk-net .mz-net-lines,.n4 .mk-net .mz-net-nodes{position:absolute;inset:26px 36px 18px 36px}
.n4 .mk-net .mz-net-lines{width:calc(100% - 72px);height:calc(100% - 44px)}
.n4 .mk-net .mz-net-lines path{stroke:rgba(10,10,10,.28)}
.n4 .mk-net .mz-node{width:88px;gap:.25rem}
.n4 .mk-net .mz-node em{font-size:.6rem;line-height:1.15;color:#0A0A0A}
.n4 .mk-net .mz-node i{width:8px;height:8px;background:#0A0A0A;box-shadow:0 0 0 4px rgba(10,10,10,.08)}
.n4 .mk-net .mz-node.is-locked i{background:rgba(10,10,10,.25);box-shadow:none}
.n4 .mk-net .mz-node.is-locked em{display:none}
.n4 .mk-net .mz-net-more{font-size:.78rem!important;margin:.2rem 0 0!important;color:rgba(10,10,10,.55)!important}
/* Org-Chart */
.n4 .org{max-height:130px;margin:.5rem 0 .6rem}
.n4 .mc-tgl button{font-size:.76rem;padding:.35rem .75rem}
/* Orbit */
.n4 .mc--4:has(.orb) .orb{max-width:260px;margin:0 auto .5rem}
.n4 .orb>span{--r:46%;font-size:.66rem;padding:.3rem .55rem}
.n4 .orb-c{width:36%}.n4 .orb-c b{font-size:.9rem}.n4 .orb-c span{font-size:.8rem}
/* Flips */
.n4 .mc-hint{font-size:1rem!important}
.n4 .flips{gap:7px;margin-top:.8rem}
.n4 .flips button,.n4 .flips s,.n4 .flips b{min-height:2.7rem}
.n4 .flips s,.n4 .flips b{font-size:.8rem;padding:.5rem .8rem;border-radius:12px}
/* Sechs Dinge */
.n4 .mk-six{grid-column:span 4}
.n4 .mk-six h3{max-width:none}
.n4 .mk-six ol{grid-template-columns:1fr;gap:0;margin-top:.8rem}
.n4 .mk-six li{padding:.42rem 0;gap:.55rem}
.n4 .mk-six li span{width:1.45rem;height:1.45rem;font-size:.72rem}
.n4 .mk-six li.open b{font-size:.82rem}
.n4 .mk-six li i{height:.6rem}
.n4 .mk-lock{margin-top:.9rem!important;font-size:.8rem;padding:.4rem .85rem .4rem .65rem}
@media (max-width:1100px){
  .n4 .mzg{grid-template-columns:1fr 1fr}
  .n4 .mc--8,.n4 .mc--4,.n4 .mk-six{grid-column:auto}
  .n4 .mc--8{grid-column:1 / -1}
}
@media (max-width:900px){
  .n4 .mzg{grid-template-columns:1fr}
  .n4 .mk-light{grid-template-columns:1fr;gap:1rem}
  .n4 .mn-r{border-left:0;padding-left:0;border-top:1px solid rgba(10,10,10,.08);padding-top:1rem}
  .n4 .mk-net .mz-net-map{min-height:0}
  .n4 .mk-net .mz-net-lines,.n4 .mk-net .mz-net-nodes{position:static;inset:auto;width:auto;height:auto}
  .n4 .mk-net .mz-node.is-locked{display:none}
  .n4 .mk-net .mz-node{width:auto}
  .n4 .mc{padding:1.2rem 1.1rem}
  .n4 .mc--4:has(.orb) .orb{max-width:300px}.n4 .orb>span{font-size:.76rem}
}
.n4 .mk-net .mz-net-map{width:100%}
.n4 .mn-rt{display:flex;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.n4 .mn-rt .mz-cnt b{color:#fff}
.n4 .mk-light{grid-template-columns:1fr 1.35fr}
.n4 .mk-net .mz-node em{display:none}
.n4 .mk-net .mz-node:nth-child(2) em,.n4 .mk-net .mz-node:nth-child(9) em,.n4 .mk-net .mz-node:nth-child(16) em,.n4 .mk-net .mz-node:nth-child(18) em,.n4 .mk-net .mz-node:nth-child(24) em,.n4 .mk-net .mz-node:nth-child(26) em{display:block}
.n4 .mk-net .mz-node{width:96px}
.n4 .mk-net .mz-node em{font-size:.62rem}
.n4 .mk-net .mz-node i{width:9px;height:9px}
@media (max-width:900px){.n4 .mk-net .mz-node em{display:block}.n4 .mk-net .mz-node{width:auto}}
.n4 .mk-net .mz-node.is-locked i{background:#CFCBC5;box-shadow:0 0 0 3px #F2F0ED}
.n4 .mk-net .mz-node i{box-shadow:0 0 0 3px #F2F0ED}
.n4 .mk-net .mz-node:nth-child(9) em{display:none}
.n4 .mk-net .mz-node:nth-child(19) em{display:block}
.n4 .mk-net .mz-node em{position:relative;z-index:2;background:rgba(242,240,237,.92);border-radius:6px;padding:1px 3px}
.n4 .mk-net .mz-node.on{z-index:3}
@media (max-width:900px){.n4 .mk-net .mz-node em{position:static;background:none;padding:0}}

/* 03.11. – Kundenstimmen als ruhiges Laufband (Desktop), Swipe-Reihe (mobil) */
.n4 .qrow{margin:2.6rem -1.25rem 0;padding:0 1.25rem 1.6rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}
.n4 .qrow::-webkit-scrollbar{display:none}
.n4 .qtrack{display:flex;gap:14px;width:max-content}
.n4 .qc{flex:0 0 300px;scroll-snap-align:start;margin:0;display:flex;flex-direction:column;padding:1.5rem 1.4rem 1.3rem;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);position:relative;backdrop-filter:blur(6px)}
.n4 .qc::before{content:"\201C";position:absolute;right:1.1rem;top:.6rem;font-family:"Ethic Serif",Georgia,serif;font-size:3.4rem;line-height:1;color:rgba(255,255,255,.16)}
.n4 .qc h3{font-family:"Ethic Serif",Georgia,serif;font-weight:400;font-size:1.5rem;letter-spacing:-.01em;line-height:1.15;margin:0 2.2rem .8rem 0;color:#fff}
.n4 .qc blockquote{margin:0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.7);flex:1}
.n4 .qc figcaption{display:flex;align-items:center;gap:.7rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}
.n4 .qc figcaption img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.n4 .qc figcaption b{display:block;font-size:.88rem}
.n4 .qc figcaption small{display:block;font-size:.76rem;color:rgba(255,255,255,.5)}
@media (min-width:900px){
  .n4 .qrow{overflow:hidden;margin-left:0;margin-right:0;padding:0 0 .4rem;scroll-snap-type:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .n4 .qtrack{animation:qLoop 70s linear infinite}
  .n4 .qrow:hover .qtrack{animation-play-state:paused}
  .n4 .qc{flex-basis:320px}
  @keyframes qLoop{to{transform:translate3d(calc(-50% - 7px),0,0)}}
}
@media (max-width:767px){.n4 .qc{flex-basis:78vw;scroll-snap-align:center}.n4 .qc h3{font-size:1.3rem}}
@media (prefers-reduced-motion:reduce){.n4 .qtrack{animation:none}}

/* 03.11. – Kundenstimmen kompakter: Headline einzeilig, Logo statt Praxisname */
.n4 .qrow{margin-top:2rem;padding-bottom:.2rem}
.n4 .qc{padding:1.1rem 1.15rem 1rem;border-radius:16px}
.n4 .qc::before{font-size:2.6rem;top:.45rem;right:.9rem}
.n4 .qc h3{font-size:1.15rem;white-space:nowrap;margin:0 1.6rem .45rem 0;overflow:hidden;text-overflow:ellipsis}
.n4 .qc blockquote{font-size:.82rem;line-height:1.45;flex:none}
.n4 .qc figcaption{margin-top:.8rem;padding-top:.7rem;gap:.55rem}
.n4 .qc figcaption img{width:30px;height:30px}
.n4 .qc figcaption b{font-size:.8rem;white-space:nowrap}
.n4 .qc figcaption .qc-logo{width:auto;height:20px;max-width:96px;border-radius:0;object-fit:contain;margin-left:auto;opacity:.85}
@media (min-width:900px){.n4 .qc{flex-basis:290px}}
@media (max-width:767px){.n4 .qc{flex-basis:76vw}.n4 .qc h3{font-size:1.1rem}}
.n4 .qc figcaption{margin-top:auto;padding-top:.7rem}
.n4 .qc blockquote{margin-bottom:.8rem}
.n4 .qc figcaption .qc-logo{height:26px;max-width:120px;opacity:.9}
.n4 .qtrack{align-items:stretch}

/* 03.11. – Kundenstimmen: Scroll-gesteuert, drei Varianten (?st=1|2|3) */
.n4 .qc figcaption .qc-logo{height:34px;max-width:140px;opacity:1}
@media (min-width:900px){
  .n4 .qrow.sl{-webkit-mask-image:none;mask-image:none;overflow:visible}
  .n4 .qrow.sl .qtrack{animation:none;will-change:transform}
  .n4 .qrow:hover .qtrack{animation-play-state:running}
}
/* V2: zwei dichte Reihen, nur Kernsatz + Person + Logo, laufen gegeneinander */
.n4 .qwall{margin-top:2rem;display:grid;gap:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.n4 .qwall .qtrack{display:flex;gap:10px;width:max-content;will-change:transform}
.n4 .qmini{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem .7rem .7rem;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.n4 .qmini img.av{width:38px;height:38px;border-radius:50%;object-fit:cover}
.n4 .qmini b{font-family:"Ethic Serif",Georgia,serif;font-weight:400;font-size:1.15rem;letter-spacing:-.01em}
.n4 .qmini small{display:block;font-size:.74rem;color:rgba(255,255,255,.55);margin-top:.1rem}
.n4 .qmini .qc-logo{height:28px;max-width:110px;object-fit:contain;margin-left:.6rem;opacity:.95}
/* V3: ein Band aus großen Serif-Zitaten, scrollt mit */
.n4 .qband{margin-top:2rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.n4 .qband .qtrack{display:flex;gap:3.5rem;width:max-content;align-items:center;will-change:transform;padding:.6rem 0}
.n4 .qline{display:flex;align-items:center;gap:1rem;white-space:nowrap}
.n4 .qline img.av{width:44px;height:44px;border-radius:50%;object-fit:cover}
.n4 .qline em{font-family:"Ethic Serif",Georgia,serif;font-style:normal;font-size:clamp(1.3rem,2vw,1.9rem);letter-spacing:-.01em}
.n4 .qline span{font-size:.8rem;color:rgba(255,255,255,.55);padding-left:.6rem;border-left:1px solid rgba(255,255,255,.2)}
.n4 .qline .qc-logo{height:30px;max-width:120px;object-fit:contain;margin-left:.2rem}
@media (max-width:899px){.n4 .qwall,.n4 .qband{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y;mask-image:none;-webkit-mask-image:none}.n4 .qwall .qtrack,.n4 .qband .qtrack{transform:none!important}}
.n4 .qc figcaption .qc-logo{height:30px;max-width:130px;width:auto}
.n4 .qmini .qc-logo{height:26px;max-width:120px;width:auto}
.n4 .qline .qc-logo{height:28px;max-width:130px;width:auto}
.n4 .qc figcaption .qc-logo{width:110px;height:38px;max-width:none;object-fit:contain;object-position:right center}
.n4 .qmini .qc-logo{width:96px;height:32px;max-width:none;object-fit:contain;object-position:right center}
.n4 .qline .qc-logo{width:110px;height:34px;max-width:none;object-fit:contain;object-position:left center}

.n4 .qc figcaption .qc-logo{width:84px;height:28px}
.n4 .qmini .qc-logo{width:76px;height:26px}
.n4 .qline .qc-logo{width:84px;height:28px}
@media (min-width:900px){.n4 .qrow.sl{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);overflow:hidden}}

/* 03.11. – Kundenstimmen als Kartenstapel (scrollt sich ab) */
@media (min-width:900px){
  .n4 .qdeck-track{height:260vh;margin-top:2rem}
  .n4 .qdeck{position:sticky;top:calc(50vh - 150px);display:grid;grid-template-columns:1fr;justify-items:center;gap:1.1rem}
  .n4 .qdeck-wrap{position:relative;width:min(680px,100%);height:230px}
  .n4 .qdeck .qc{position:absolute;inset:0;width:100%;height:100%;flex:none;padding:1.5rem 1.7rem 1.3rem;border-radius:22px;background:#161616;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);transition:none;transform-origin:50% 100%}
  .n4 .qdeck .qc h3{font-size:1.6rem;white-space:normal;margin-bottom:.6rem}
  .n4 .qdeck .qc blockquote{font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.72)}
  .n4 .qdeck .qc figcaption{margin-top:auto;padding-top:.8rem}
  .n4 .qdeck .qc figcaption img{width:34px;height:34px}
  .n4 .qdeck .qc figcaption b{font-size:.86rem}
  .n4 .qdeck .qc figcaption .qc-logo{width:96px;height:30px}
  .n4 .qdeck-dots{display:flex;gap:6px}
  .n4 .qdeck-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:background .3s,transform .3s}
  .n4 .qdeck-dots i.on{background:#fff;transform:scale(1.3)}
}
@media (min-width:900px){.n4 #referenzen.dark{overflow:clip visible}.n4 .qdeck-track{height:170vh}}
@media (min-width:900px){.n4 .qdeck .qc figcaption .qc-logo{width:110px;height:36px}}

/* 03.11. – Referenzen als Flug (Vorschlag ?ref=flug) */
@media (min-width:900px){
  .n4 #referenzen.rf{height:620vh;padding:0;overflow:visible}
  .n4 .rf-stick{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 50% 50%,#17110F,#000 75%);color:#F2F0ED}
  .n4 .rf-space{position:absolute;inset:0;perspective:900px;perspective-origin:50% 50%;transform-style:preserve-3d}
  .n4 .rf-it{position:absolute;left:50%;top:50%;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden;opacity:0}
  .n4 img.rf-it{height:clamp(46px,5vw,72px);width:auto;max-width:260px;object-fit:contain}
  .n4 .rf-q{margin:0;width:min(78vw,540px);padding:1.5rem 1.7rem 1.2rem;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .n4 .rf-q h3{font-family:"Ethic Serif",Georgia,serif;font-weight:400;font-size:1.6rem;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5rem}
  .n4 .rf-q p{margin:0;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.72)}
  .n4 .rf-q figcaption{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem}
  .n4 .rf-q figcaption img{width:32px;height:32px;border-radius:50%;object-fit:cover}
  .n4 .rf-q figcaption .rf-logo{width:100px;height:32px;border-radius:0;object-fit:contain;object-position:right center;margin-left:auto}
  .n4 .rf-start{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;margin:0;padding:0 1rem}
  .n4 .rf-end{position:absolute;left:0;right:0;top:50%;transform:translate3d(0,-50%,0) scale(.55);text-align:center;opacity:0;padding:0 1rem}
  .n4 .rf-num{font-family:"Ethic Serif",Georgia,serif;font-size:clamp(6rem,16vw,15rem);line-height:.8;letter-spacing:-.05em}
  .n4 .rf-num i{font-style:normal}
  .n4 .rf-end h2{margin:1.4rem 0 0}
  .n4 .rf-end p{margin:1rem auto 0;max-width:44ch;opacity:.6}
}

@media (min-width:900px){.n4 .rf-start{font-size:clamp(3rem,6.5vw,6.4rem);letter-spacing:-.04em;transform-origin:50% 50%;will-change:transform,opacity}.n4 .rf-start em{font-style:italic}}

@media (min-width:900px){
  .n4 .rf-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);align-content:space-evenly;justify-items:center;gap:2.5rem 1.5rem;padding:5vh 5vw;opacity:0;pointer-events:none;will-change:opacity,transform;-webkit-mask-image:radial-gradient(ellipse 50% 45% at 50% 50%,transparent 20%,#000 70%);mask-image:radial-gradient(ellipse 50% 45% at 50% 50%,transparent 20%,#000 70%)}
  .n4 .rf-grid img{height:34px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1)}
}

@media (min-width:900px){.n4 .rf-space{z-index:2}.n4 .rf-start{z-index:1;will-change:transform,opacity,filter}.n4 .rf-end{z-index:3}.n4 .rf-grid{z-index:0}}

@media (min-width:900px){
  .n4 .rf-q{background:rgba(18,18,18,.93);border-color:rgba(255,255,255,.18);box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 40px rgba(0,0,0,.35)}
  .n4 .rf-grid{opacity:0}
  .n4 .rf-grid img{height:42px;max-width:170px;filter:none}
  .n4 .rf-faces{display:flex;justify-content:center;margin-top:1.8rem}
  .n4 .rf-faces img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:4px solid #0A0A0A;margin-left:-18px;box-shadow:0 10px 30px -10px rgba(0,0,0,.8)}
  .n4 .rf-faces img:first-child{margin-left:0}
}
@media (min-width:900px){
  .n4 .rf-grid{inset:auto 4vw 4vh 4vw;display:grid;grid-template-columns:repeat(12,1fr);align-content:end;gap:1.6rem 1.2rem;padding:0;-webkit-mask-image:none;mask-image:none}
  .n4 .rf-grid img{height:22px;max-width:110px;opacity:.75}
  .n4 .rf-end{top:44%}
  .n4 .rf-num{font-size:clamp(5rem,13vw,12rem)}
  .n4 .rf-faces{margin-top:1.4rem}
  .n4 .rf-faces img{width:64px;height:64px;border-width:3px;margin-left:-14px}
}
@media (min-width:900px){.n4 .rf-grid img{height:26px;max-width:120px;opacity:.9}.n4 .rf-grid{gap:1.8rem 1.4rem}}

@media (min-width:900px){.n4 .rf-q{background:rgba(16,16,16,.9);box-shadow:0 30px 70px -30px rgba(0,0,0,.8);border-color:rgba(255,255,255,.14)}}

@media (min-width:900px){
  .n4 .rf-grid{inset:auto 0 3vh 0;display:block;padding:0;gap:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);transform:none!important}
  .n4 .rf-row{overflow:hidden;margin:14px 0}
  .n4 .rf-row>div{display:flex;gap:56px;width:max-content;align-items:center;animation:rfRow var(--dur,50s) linear infinite}
  .n4 .rf-row.rf-rev>div{animation-direction:reverse}
  .n4 .rf-grid img{height:24px;max-width:120px;opacity:.85;flex:none}
  @keyframes rfRow{to{transform:translate3d(calc(-50% - 28px),0,0)}}
  .n4 .rf-end{top:38%}
  .n4 .rf-faces img{width:48px;height:48px;border-width:2px;margin-left:-10px}
  .n4 .rf-faces{margin-top:1.2rem}
}

@media (min-width:900px){.n4 .rf-grid img{height:28px;max-width:130px;opacity:.9}.n4 .rf-row>div{gap:64px}.n4 .rf-row{margin:18px 0}.n4 .rf-end{top:36%}}

@media (min-width:900px){
  .n4 .rf-grid{inset:auto 5vw 4vh 5vw;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 44px;padding:0;-webkit-mask-image:none;mask-image:none;transform:none!important}
  .n4 .rf-grid img{height:34px;max-width:150px;opacity:.9;flex:none}
  .n4 .rf-end{top:34%}
}
@media (min-width:900px){.n4 .rf-grid{inset:auto 4vw 5vh 4vw;gap:34px 54px}.n4 .rf-grid img{height:44px;max-width:190px;opacity:1}.n4 .rf-end{top:30%}}

/* 03.11. – Flug: Ende = 55+ im Sticky, Logo-Wand danach als eigener Block */
@media (min-width:900px){
  .n4 #referenzen.rf{height:auto;padding-bottom:clamp(4rem,7vw,6rem)}
  .n4 #referenzen.rf .rf-stick{position:sticky;top:0}
  .n4 #referenzen.rf .rf-track{height:560vh;position:relative}
  .n4 .rf-grid{position:static;inset:auto;display:block;opacity:1!important;transform:none!important;padding:0;margin-top:clamp(3rem,6vw,5rem);background:#000}
  .n4 .rf-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
  .n4 .rf-wall div{display:grid;place-items:center;height:92px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
  .n4 .rf-wall img{height:38px;max-width:150px;object-fit:contain;opacity:1}
  .n4 .rf-end{top:50%}
}
@media (min-width:900px){.n4 .rf-grid>.container{padding:0 1.5rem}.n4 .rf-wall{max-width:1180px;margin:0 auto}.n4 #referenzen.rf .rf-track{height:480vh}}
@media (min-width:900px){.n4 .rf-grid>.container{max-width:none;width:100%;padding:0 clamp(1.5rem,5vw,4rem)}.n4 .rf-wall{max-width:1180px;width:100%;margin:0 auto;grid-template-columns:repeat(6,minmax(0,1fr))}.n4 .rf-grid{margin-top:0;padding-top:clamp(2rem,4vw,3rem)}}
@media (min-width:900px){.n4 .rf-grid{padding-top:0;margin-top:-10vh}}

@media (min-width:900px){
  .n4 .rf-end{top:0;bottom:0;transform:none!important;display:flex;flex-direction:column;justify-content:center;gap:0;padding:6vh 0 4vh;visibility:hidden}
  .n4 .rf-num{font-size:clamp(4.5rem,11vw,9.5rem)}
  .n4 .rf-end h2{margin-top:.8rem;font-size:clamp(1.8rem,3.2vw,2.8rem)}
  .n4 .rf-end p{margin-top:.6rem}
  .n4 .rf-faces{margin-top:1rem}
  .n4 .rf-grid{margin:3.5vh 0 0;padding:0;background:transparent}
  .n4 .rf-wall{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
  .n4 .rf-wall div{height:70px;border-radius:12px}
  .n4 .rf-wall img{height:30px;max-width:120px}
  .n4 #referenzen.rf{padding-bottom:0}
}

/* 03.11. – Endbild: Logos als Wolke um den Text, fliegen rein */
@media (min-width:900px){
  .n4 .rf-grid{display:none}
  .n4 .rf-end{padding:0;justify-content:center}
  .n4 .rf-num{font-size:clamp(5rem,13vw,12rem)}
  .n4 .rf-end h2{font-size:clamp(2rem,3.6vw,3.2rem)}
  .n4 .rf-faces{margin-top:1.3rem}
  .n4 .rf-faces img{width:56px;height:56px}
  .n4 .rf-orbit{position:absolute;inset:0;pointer-events:none}
  .n4 .rf-orbit img{position:absolute;height:clamp(28px,3.2vw,46px);max-width:190px;object-fit:contain;opacity:0;will-change:transform,opacity}
}

@media (min-width:900px){.n4 .rf-orbit img{height:clamp(24px,2.6vw,38px);max-width:160px}.n4 .rf-num{font-size:clamp(4.5rem,11vw,10rem)}.n4 .rf-end h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}}
@media (min-width:900px){.n4 .rf-orbit img{height:clamp(28px,3.1vw,44px);max-width:180px}}

/* 03.11. – Host: gepinnt, Kreis und Strich als Stiftlinien */
@media (min-width:900px){
  .n4 .host-track{height:190vh}
  .n4 .host-stick{position:sticky;top:0;height:100vh;display:grid;align-items:center}
  .n4 #host.host-draw .container.host{align-items:center}
  .n4 #host.host-draw .frame img{max-height:78vh;width:auto;object-fit:cover}
  .n4 #host.host-draw .frame{max-height:78vh;overflow:hidden}
  .n4 #host.host-draw .s-self{overflow:visible}
  .n4 .pen{position:absolute;overflow:visible;pointer-events:none;fill:none;stroke:#9E0200;stroke-linecap:round;stroke-linejoin:round}
  .n4 .pen path{fill:none;stroke-dashoffset:9999}
  .n4 .pen-k{left:-14%;top:-30%;width:128%;height:160%;stroke-width:2.2}
  .n4 .pen-u{left:-2%;bottom:-.18em;width:104%;height:.3em;stroke-width:2.6}
}


.n4 .fx-hint{margin:-.4rem 0 1rem;font-size:.9rem;color:var(--grey,#6E6E73);line-height:1.45}


/* 03.11. – Host: kratzige Striche, Text-Notizen, Bildrahmen */
@media (min-width:900px){
  .n4 .host-track{height:320vh}
  .n4 .pen path{stroke-linecap:round;stroke-linejoin:round;opacity:.92}
  .n4 .pen-k{left:-12%;top:-26%;width:124%;height:152%}
  .n4 .pen-u{left:-1%;bottom:-.22em;width:102%;height:.34em}
  .n4 .nt{position:relative;display:inline}
  .n4 .nt-mark{background-image:linear-gradient(120deg,rgba(236,170,36,.0) 0,rgba(236,170,36,.55) 2%,rgba(236,170,36,.55) 98%,rgba(236,170,36,.0) 100%);background-repeat:no-repeat;background-size:var(--w,0%) 78%;background-position:0 62%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;margin:0 -.08em}
  .n4 .pen-t{left:-1%;bottom:-.14em;width:102%;height:.32em}
  .n4 .pen-c{left:-10%;top:-28%;width:120%;height:156%}
  .n4 #host .hb-first{position:relative}
  .n4 .nt-note{position:absolute;right:-.5rem;top:100%;margin-top:.1em;width:240px;opacity:0;pointer-events:none;text-align:right;z-index:2}
  .n4 .nt-note .pen-a{position:absolute;right:150px;top:-14px;width:110px;height:56px}
  .n4 .nt-note i{display:block;font-family:"Oliver",cursive;font-style:normal;font-size:1.25rem;line-height:1.05;color:#9E0200;transform:rotate(-3deg);white-space:nowrap}
  .n4 #host.host-draw .hostx-txt .pc-r{position:relative;overflow:visible}
  /* Bildrahmen: Rahmen und Bild gleich groß */
  .n4 #host.host-draw .frame{height:78vh;max-height:none;width:auto;aspect-ratio:1024/1429;max-width:100%;overflow:hidden}
  .n4 #host.host-draw .frame img{width:100%;height:100%;max-height:none;object-fit:cover}
}
@media (min-width:900px){
  .n4 #host.host-draw .hb-first{margin-bottom:3.4rem!important}
  .n4 .nt-note{right:auto;left:5.5rem;top:100%;margin-top:.15em;text-align:left;width:260px}
  .n4 .nt-note .pen-a{right:auto;left:-70px;top:-16px;width:80px;height:44px}
  .n4 .nt-note i{font-size:1.2rem}
}

@media (min-width:900px){
  .n4 .host-track{height:380vh}
  .n4 .pen-k path,.n4 .pen-u path{stroke:#B3261E;opacity:.75;stroke-linecap:round;mix-blend-mode:multiply}
  .n4 .nt-mark2{background-image:linear-gradient(120deg,rgba(236,170,36,.0) 0,rgba(236,170,36,.55) 2%,rgba(236,170,36,.55) 98%,rgba(236,170,36,.0) 100%);background-repeat:no-repeat;background-size:var(--w,0%) 78%;background-position:0 62%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;margin:0 -.08em}
  .n4 .nt-note i{font-size:1.45rem;color:#9E0200;text-shadow:0 1px 0 rgba(255,255,255,.6)}
  .n4 .nt-note .pen-a path{stroke-width:2.8!important}
  .n4 #host.host-draw .pc-r p:last-child{position:relative;margin-bottom:3.2rem!important}
  .n4 .nt-note2{left:auto;right:1rem;text-align:right}
  .n4 .nt-note2 .pen-a{left:auto;right:-10px;transform:scaleX(-1)}
  /* „Praxisinhaber seit 2019“ oben links */
  .n4 #host.host-draw .frame .s-host{left:1.2rem;right:auto;top:1.1rem;bottom:auto;--r:-4deg;font-size:1.55rem}
}
@media (min-width:900px){
  .n4 #host.host-draw .frame .s-host{opacity:1!important;left:1.2rem!important;right:auto!important;top:1rem!important;bottom:auto!important;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
  .n4 .pen-k path,.n4 .pen-u path{stroke:#9E0200;opacity:.95;mix-blend-mode:normal}
  .n4 .nt-note2{left:5.5rem;right:auto;text-align:left}
  .n4 .nt-note2 .pen-a{left:-70px;right:auto;transform:none}
}

@media (min-width:900px){
  .n4 #host.host-draw .s-self{opacity:1!important}
  .n4 #host.host-draw .frame .s-host{color:#0A0A0A;text-shadow:0 1px 10px rgba(255,255,255,.7)}
  .n4 .nt-under3{background-image:linear-gradient(90deg,#9E0200,#9E0200);background-repeat:no-repeat;background-size:var(--w,0%) 2px;background-position:0 96%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:1px}
}

/* 03.11. – Newsletter-Haken im Magazin-Formular */
.n4 .fx-check{display:flex;gap:.7rem;align-items:flex-start;margin:.9rem 0 .2rem;padding:.85rem 1rem;border-radius:14px;background:rgba(10,10,10,.04);border:1px solid rgba(10,10,10,.1);cursor:pointer;font-size:.86rem;line-height:1.4;color:var(--ink)}
.n4 .fx-check input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin-top:.1rem;border:1.5px solid rgba(10,10,10,.35);border-radius:6px;background:#fff;display:grid;place-items:center;cursor:pointer}
.n4 .fx-check input::after{content:"";width:11px;height:11px;border-radius:3px;background:#9E0200;transform:scale(0);transition:transform .15s}
.n4 .fx-check input:checked{border-color:#9E0200}
.n4 .fx-check input:checked::after{transform:scale(1)}
.n4 .fx-check b{font-weight:600}
.n4 .fx-legal{font-size:.76rem;color:var(--grey,#6E6E73);margin-top:.8rem}
.n4 .fx-legal a{color:inherit}
@media (min-width:900px){
  .n4 .nt-note:not(.nt-note2){left:auto;right:0;text-align:left;width:250px;margin-top:.3em}
  .n4 .nt-note:not(.nt-note2) .pen-a{left:-10px;top:-64px;width:70px;height:70px}
}
@media (min-width:900px){.n4 .nt-note:not(.nt-note2){right:-2.2rem}.n4 .nt-note:not(.nt-note2) .pen-a{left:4px;top:-66px;width:60px;height:72px}}

@media (min-width:900px){
  .n4 .host-stick{padding-top:30px}
  .n4 #host.host-draw .container.host{transform-origin:50% 50%}
  .n4 .pen-k{left:-10%;top:-30%;width:120%;height:160%}
  .n4 .pen-u{left:-1%;bottom:-.2em;width:102%;height:.28em}
  .n4 .pen-k image,.n4 .pen-u image{opacity:1}
}

@media (min-width:900px){
  .n4 .host-stick{padding-top:70px}
  .n4 .pen-frag{position:absolute;height:.32em;bottom:auto}
  .n4 .nt-under3{background:none!important}
}
@media (min-width:900px){
  .n4 .nt-note:not(.nt-note2){right:-3.5rem;margin-top:-.35em;width:260px}
  .n4 .nt-note:not(.nt-note2) .pen-a{left:-2px;top:-58px;width:52px;height:62px}
  .n4 #host.host-draw .hb-first{margin-bottom:3.6rem!important}
}

@media (min-width:900px){
  .n4 .host-stick{height:auto;padding-top:0;display:block}
  .n4 .host-track{height:calc(380vh + var(--extra,0px))}
  .n4 #host.host-draw .container.host{transform:none!important}
  .n4 #host.host-draw .frame{height:78vh;max-height:none;width:auto;aspect-ratio:1024/1429;max-width:100%;overflow:hidden}
  .n4 #host.host-draw .frame img{width:100%;height:100%;max-height:none;object-fit:cover}
}

/* Newsletter-Haken: unauffällig, eine Zeile */
.n4 .fx-check{display:flex;gap:.5rem;align-items:center;margin:.6rem 0 0;padding:0;border:0;background:none;font-size:.78rem;line-height:1.35;color:var(--grey,#6E6E73)}
.n4 .fx-check input{width:15px;height:15px;margin:0;border-radius:4px;border-color:rgba(10,10,10,.3)}
.n4 .fx-check input::after{width:8px;height:8px;border-radius:2px}
.n4 .fx-legal{margin-top:.5rem}

.n4 .fx-legal{font-size:.74rem;line-height:1.45;color:var(--grey,#6E6E73);margin-top:.9rem;max-width:46ch}

@media (min-width:900px){.n4 .host-track{height:calc(420vh + var(--extra,0px))}}
@media (min-width:900px){.n4 #host.host-draw .container.host{align-items:start}}

/* 03.11. – Alles aus einer Hand: eine ruhige Logo-Zeile statt Kästen */
.n4 .eco2{padding-top:clamp(3rem,5vw,4.5rem)}
.n4 .eco2 .eco-head{display:flex;align-items:baseline;gap:1.4rem;flex-wrap:wrap;margin-bottom:1.6rem}
.n4 .eco2 .eco-hand{margin:0}
.n4 .eco2 .eco-sub{margin:0;font-size:.95rem;color:#5A5A5F}
.n4 .eco2 .eco-line{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 0;border-top:1px solid rgba(10,10,10,.12);border-bottom:1px solid rgba(10,10,10,.12)}
.n4 .eco2 .eco-lk{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);flex:0 1 auto}
.n4 .eco2 .eco-lg{height:44px;display:flex;align-items:center;opacity:.55;filter:grayscale(1);transition:opacity .35s,filter .35s,transform .35s}
.n4 .eco2 .eco-lg img{max-height:36px;max-width:150px;width:auto;height:auto;object-fit:contain;filter:invert(1)}
.n4 .eco2 .eco-svg{height:16px;width:auto;max-width:170px;color:var(--ink)}
.n4 .eco2 .eco-nm{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8A8A8F;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;white-space:nowrap}
.n4 .eco2 .eco-lk:hover .eco-lg{opacity:1;filter:none;transform:translateY(-2px)}
.n4 .eco2 .eco-lk:hover .eco-nm{opacity:1;transform:none}
@media (max-width:1100px){.n4 .eco2 .eco-line{flex-wrap:wrap;justify-content:center;gap:1.6rem 2.6rem}.n4 .eco2 .eco-nm{opacity:1;transform:none}}
@media (max-width:600px){.n4 .eco2 .eco-line{gap:1.3rem 1.8rem;padding:1.3rem 0}.n4 .eco2 .eco-lk{flex:0 0 calc(50% - .9rem)}.n4 .eco2 .eco-lg{height:34px}.n4 .eco2 .eco-lg img{max-height:28px;max-width:120px}.n4 .eco2 .eco-svg{height:12px;max-width:130px}}
.n4 .eco2 .eco-lk{padding-bottom:0}
.n4 .eco2 .eco-nm{position:absolute;top:calc(100% + .35rem);left:50%;transform:translate(-50%,4px)}
.n4 .eco2 .eco-lk:hover .eco-nm{transform:translate(-50%,0)}
.n4 .eco2 .eco-line{padding:1.9rem 0 2.2rem}
.n4 .eco2 .eco-head{padding-left:.6rem}
@media (max-width:1100px){.n4 .eco2 .eco-nm{display:none}}
@media (min-width:1101px){.n4 .eco2 .eco-line{display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;gap:1rem}}
/* 03.11. – Sticky-CTA (Neue Folge) auf dieser Seite aus: lugte unten 8px heraus, Hero-Selektor passt hier nicht */
.n4 .sticky{display:none}

@media (min-width:1101px){.n4 .eco2 .eco-line{grid-template-columns:repeat(5,1fr)}}

/* 03.11. – Logo-Zeile: 6 Logos, Beyond Marketing als Wortmarke + „Marketing“, Hover zeigt den Satz */
@media (min-width:1101px){.n4 .eco2 .eco-line{grid-template-columns:repeat(6,1fr);padding-bottom:3.4rem;gap:.6rem}}
.n4 .eco2 .eco-bm{display:flex;flex-direction:column;align-items:center;gap:.1rem;line-height:1}
.n4 .eco2 .eco-bm img{max-height:26px}
.n4 .eco2 .eco-bm i{font-style:normal;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin-left:.3em}
.n4 .eco2 .eco-nm{text-transform:none;letter-spacing:0;font-size:.8rem;line-height:1.35;white-space:normal;width:190px;text-align:center;color:#3A3A3F}

/* ===== 03.11. – Mobile-Durchgang ===== */
@media (max-width:900px){
  /* Referenzen: Logo-Wand lief rechts aus dem Bild */
  .n4 #referenzen .wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .n4 #referenzen .wall div{min-width:0;overflow:hidden}
  .n4 #referenzen .wall img{width:100%;height:auto;max-height:28px;object-fit:contain}
  /* Magazin-Bento: helle Kapitel-Karte untereinander, Kapitel-Texte nicht mehr übereinander */
  .n4 .mk-light{grid-template-columns:1fr!important;gap:1.2rem}
  .n4 .mk-light .mc-panes{min-height:0}
  .n4 .mk-light .mc-panes>div{position:static;display:none;transform:none}
  .n4 .mk-light .mc-panes>div.on{display:block}
  .n4 .mk-light .mc-panes h3{font-size:1.35rem;max-width:none}
  .n4 .mk-net .mz-net-nodes{display:flex;flex-wrap:wrap;gap:.4rem}
  .n4 .mk-net .mz-node{position:static;transform:none!important;opacity:1;flex-direction:row;width:auto;gap:.4rem;padding:.35rem .7rem .35rem .55rem;border-radius:99px;background:rgba(10,10,10,.05);border:1px solid rgba(10,10,10,.08);text-align:left}
  .n4 .mk-net .mz-node em{display:block!important;font-size:.72rem;white-space:nowrap}
  .n4 .mk-net .mz-node i{box-shadow:none}
  .n4 .mk-net .mz-net-lines{display:none}
  .n4 .mn-rt{white-space:normal;overflow:visible}
  /* Logo-Zeile: größer, zwei Spalten */
  .n4 .eco2 .eco-line{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 1.2rem;padding:1.4rem 0 1.6rem;justify-items:center}
  .n4 .eco2 .eco-lg{height:40px;opacity:.75}
  .n4 .eco2 .eco-lg img{max-height:32px;max-width:140px}
  .n4 .eco2 .eco-svg{height:13px;max-width:150px}
  .n4 .eco2 .eco-bm img{max-height:24px}
  .n4 .eco2 .eco-nm{display:none}
  /* Host: Notizen statisch – Marker und Unterstreichung ohne Animation */
  .n4 #host .nt-mark,.n4 #host .nt-mark2{--w:100%}
  .n4 #host .nt-under,.n4 #host .nt-under2,.n4 #host .nt-under4{background-image:linear-gradient(90deg,#9E0200,#9E0200);background-repeat:no-repeat;background-size:100% 2px;background-position:0 96%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .n4 #host .nt-circ{box-shadow:inset 0 -2px 0 #9E0200}
  .n4 #host .nt-under3{background-image:linear-gradient(90deg,#9E0200,#9E0200)!important;background-repeat:no-repeat!important;background-size:100% 2px!important;background-position:0 96%!important}
  .n4 #host .s-self img{display:block;position:absolute;left:-14%;top:-30%;width:128%;height:160%;pointer-events:none}
  .n4 #host .s-self{position:relative!important;display:inline-block;margin:0 0 .5rem .4rem!important}
}
@media (max-width:900px){
  .n4 .mk-net .mz-node{max-width:100%}
  .n4 .mk-net .mz-node em{white-space:normal!important;line-height:1.25}
  .n4 .mk-net .mz-node i{flex:0 0 auto}
  .n4 .mn-rt{flex-wrap:wrap!important}
  .n4 .mn-rt .mz-cnt{margin-left:0}
  .n4 .mk-net .mz-net-more{white-space:normal}
  .n4 #host .nt-mark,.n4 #host .nt-mark2{background-image:linear-gradient(120deg,rgba(236,170,36,.0) 0,rgba(236,170,36,.55) 2%,rgba(236,170,36,.55) 98%,rgba(236,170,36,.0) 100%);background-repeat:no-repeat;background-size:100% 78%;background-position:0 62%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;margin:0 -.08em}
}

/* 04.11. – „preach“: roter Strich, wird beim Scrollen gezogen */
.n4 #praxen h2 em img{display:block;animation:none!important;clip-path:inset(-30% 100% -30% -2%)}
@media (min-width:1101px){.n4 .eco2 .eco-line{padding-bottom:4.9rem}.n4 .eco2 .eco-nm{width:200px;font-size:.78rem}}
/* 04.11. – Prime mobil: Headline links, Prime-Logo rechts daneben, dann Bild, dann Text */
@media (max-width:900px){
  .n4 #prime .prime{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1rem;row-gap:1.1rem;text-align:left}
  .n4 #prime .prime>div:not(.pic){display:contents}
  .n4 #prime .prime h2{grid-column:1;grid-row:1;margin:0;text-align:left!important;font-size:1.6rem}
  .n4 #prime .prime .plogo{grid-column:2;grid-row:1;height:22px;margin:0!important}
  .n4 #prime .prime .pic{grid-column:1 / -1;grid-row:2;margin:0;border-radius:18px;aspect-ratio:4/3}
  .n4 #prime .prime p{grid-column:1 / -1;grid-row:3;text-align:left!important;margin:0}
}
/* 04.11. – Host mobil: „Praxisinhaber seit 2019“ oben rechts im Bild */
@media (max-width:900px){
  .n4 #host .frame .sn.s-host{top:1rem!important;bottom:auto!important;left:auto!important;right:1rem!important;text-align:right;--r:4deg;font-size:1.3rem}
}

/* 04.11. – Logo-Zeile mobil: erster Tipp zeigt die Erklärung + „Zur Seite“, zweiter Tipp öffnet */
.n4 .eco2 .eco-go{display:none}
@media (max-width:900px){
  .n4 .eco2 .eco-lk{align-items:center;text-align:center}
  .n4 .eco2 .eco-nm{display:none;position:static;transform:none;width:auto;max-width:170px;margin-top:.5rem;font-size:.78rem;line-height:1.35;color:#3A3A3F;opacity:1}
  .n4 .eco2 .eco-lk.on .eco-nm{display:block}
  .n4 .eco2 .eco-lk.on .eco-go{display:inline-block;margin-top:.35rem;font-size:.74rem;font-weight:600;color:#9E0200}
  .n4 .eco2 .eco-lk.on .eco-lg{opacity:1;filter:none}
  .n4 .eco2 .eco-line{align-items:start}
}
@media (max-width:900px){
  .n4 .eco2 .eco-lk:hover .eco-nm,.n4 .eco2 .eco-lk.on .eco-nm{transform:none;position:static}
  .n4 #host .frame .sn.s-host{width:max-content;transform-origin:100% 0;white-space:nowrap;right:1.2rem!important}
  .n4 #host .frame .sn.s-host .t{text-align:right}
}
@media (max-width:900px){
  .n4 #host .frame .sn.s-host{left:calc(100% - 1.2rem)!important;right:auto!important;translate:-100% 0;width:auto;max-width:none;overflow:visible}
}
@media (max-width:900px){
  .n4 #host .frame .sn.s-host{left:auto!important;right:1.2rem!important;translate:0 0;width:170px!important;justify-content:flex-end}
  .n4 #host .frame .sn.s-host .t{width:100%;text-align:right;white-space:normal}
}
@media (max-width:900px){
  /* Host-Bild lief 45px rechts aus dem Bild (Vollbleed-Rand) – jetzt in der Spalte, abgerundet */
  .n4 #host .frame{margin:0!important;width:100%;max-width:100%;border-radius:18px;overflow:hidden}
  .n4 #host .frame .sn.s-host{width:auto!important}
}

/* 04.11. – Magazin mobil: Seitenwechsel als Schieben statt 3D-Flip */
@media (max-width:768px){
  .n4 .fb .fb-ov{z-index:12;left:0;right:auto;width:100%;border-radius:6px;box-shadow:-12px 0 30px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}
  .n4 .fb .fb-ov.from-r{transform:translateX(104%)}
  .n4 .fb .fb-ov.from-l{transform:translateX(-104%);box-shadow:12px 0 30px rgba(0,0,0,.35)}
  .n4 .fb .fb-ov.in{transform:translateX(0)}
  .n4 .fb .sheet{display:none!important}
}
/* 04.11. – Magazin-Bento mobil: Karteninhalte linksbündig (nur Sektions-Headlines sind mittig) */
@media (max-width:900px){
  .n4 .mc h3,.n4 .mc p,.n4 .mc .mc-k{text-align:left!important}
  .n4 .mc h3{max-width:none}
}
/* 04.11. – Magazin-Formular mobil: Fragen und Chips mittig */
@media (max-width:900px){
  .n4 .fx-step .q,.n4 .fx-step h3,.n4 .fx-step .fx-hint{text-align:center}
  .n4 .opts--chips{justify-content:center}
  .n4 .fx-nav{justify-content:center}
}

/* 04.11. – Referenzen-Flug auch mobil */
@media (max-width:899px){
  .n4 #referenzen.rf{height:auto;padding:0;overflow:visible}
  .n4 #referenzen.rf .rf-track{height:calc(4.2 * 100svh);position:relative}
  .n4 #referenzen.rf .rf-stick{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 50% 50%,#17110F,#000 75%);color:#F2F0ED}
  .n4 .rf-space{position:absolute;inset:0;perspective:700px;perspective-origin:50% 50%;transform-style:preserve-3d;z-index:2}
  .n4 .rf-it{position:absolute;left:50%;top:50%;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden;opacity:0}
  .n4 img.rf-it{height:38px;width:auto;max-width:150px;object-fit:contain}
  .n4 .rf-q{margin:0;width:80vw;padding:1.2rem 1.2rem 1rem;border-radius:18px;background:rgba(18,18,18,.93);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 30px rgba(0,0,0,.35)}
  .n4 .rf-q h3{font-family:"Ethic Serif",Georgia,serif;font-weight:400;font-size:1.3rem;letter-spacing:-.01em;line-height:1.15;margin:0 0 .45rem;text-align:left!important}
  .n4 .rf-q p{margin:0;font-size:.86rem;line-height:1.45;color:rgba(255,255,255,.72);text-align:left!important}
  .n4 .rf-q figcaption{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem}
  .n4 .rf-q figcaption img{width:28px;height:28px;border-radius:50%;object-fit:cover}
  .n4 .rf-q figcaption .rf-logo{width:80px;height:26px;border-radius:0;object-fit:contain;object-position:right center;margin-left:auto}
  .n4 .rf-start{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;margin:0;padding:0 1.2rem;font-size:2.2rem;letter-spacing:-.035em;line-height:1.05;z-index:1;will-change:transform,opacity,filter}
  .n4 .rf-start em{font-style:italic}
  .n4 .rf-end{position:absolute;inset:0;transform:none!important;display:flex;flex-direction:column;justify-content:center;text-align:center;opacity:0;visibility:hidden;padding:0 1.2rem;z-index:3}
  .n4 .rf-num{font-family:"Ethic Serif",Georgia,serif;font-size:5.6rem;line-height:.8;letter-spacing:-.05em}
  .n4 .rf-num i{font-style:normal}
  .n4 .rf-end h2{margin:1rem 0 0;font-size:1.6rem}
  .n4 .rf-end p{margin:.7rem auto 0;max-width:62vw;opacity:.6;font-size:.9rem}
  .n4 .rf-faces{display:flex;justify-content:center;margin-top:1.1rem}
  .n4 .rf-faces img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #0A0A0A;margin-left:-10px;box-shadow:0 10px 30px -10px rgba(0,0,0,.8)}
  .n4 .rf-faces img:first-child{margin-left:0}
  .n4 .rf-grid{display:none}
  .n4 .rf-orbit{position:absolute;inset:0;pointer-events:none}
  .n4 .rf-orbit img{position:absolute;height:18px;max-width:72px;object-fit:contain;opacity:0;will-change:transform,opacity}
}

/* 04.11. – Logo-Zeile mobil: Erklärung als Popup über dem Logo (verschiebt nichts) */
.n4 .eco2 .eco-pop{display:contents}
@media (max-width:900px){
  .n4 .eco2 .eco-lk{position:relative;overflow:visible}
  .n4 .eco2 .eco-pop{display:block;position:absolute;left:50%;bottom:calc(100% + 10px);width:210px;max-width:calc(100vw - 2.5rem);padding:.8rem .9rem .75rem;border-radius:14px;background:#fff;color:#0A0A0A;box-shadow:0 18px 40px -12px rgba(0,0,0,.35),0 0 0 1px rgba(10,10,10,.06);text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .25s,transform .25s,visibility .25s;z-index:5;pointer-events:none}
  .n4 .eco2 .eco-pop::after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);box-shadow:3px 3px 6px -3px rgba(0,0,0,.2)}
  .n4 .eco2 .eco-lk:nth-child(odd) .eco-pop{transform:translate(-38%,6px)}
  .n4 .eco2 .eco-lk:nth-child(odd) .eco-pop::after{left:38%}
  .n4 .eco2 .eco-lk:nth-child(even) .eco-pop{transform:translate(-62%,6px)}
  .n4 .eco2 .eco-lk:nth-child(even) .eco-pop::after{left:62%}
  .n4 .eco2 .eco-lk.on .eco-pop{opacity:1;visibility:visible;pointer-events:auto}
  .n4 .eco2 .eco-lk.on:nth-child(odd) .eco-pop{transform:translate(-38%,0)}
  .n4 .eco2 .eco-lk.on:nth-child(even) .eco-pop{transform:translate(-62%,0)}
  .n4 .eco2 .eco-nm{display:block!important;position:static;transform:none!important;width:auto;max-width:none;margin:0;font-size:.8rem;line-height:1.35;color:#3A3A3F;opacity:1}
  .n4 .eco2 .eco-go{display:inline-block!important;margin-top:.45rem;font-size:.76rem;font-weight:700;color:#9E0200}
  .n4 .eco2 .eco-lk:hover .eco-nm{transform:none}
  .n4 .eco2 .eco-line{align-items:center;overflow:visible}
  .n4 .eco2{overflow:visible}
}
/* 04.11. – Mobile-Feedback Runde 2 */
@media (max-width:900px){
  /* Prime: Headline links + Logo rechts, Bild volle Breite, Text darunter links */
  .n4 #prime.prime2 .prime{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;column-gap:1rem;row-gap:1.1rem}
  .n4 #prime.prime2 .prime>div:not(.pic){display:contents!important}
  .n4 #prime.prime2 .prime .pic{display:block!important}
  .n4 #prime.prime2 .prime h2{grid-column:1!important;grid-row:1!important;margin:0!important;text-align:left!important;font-size:1.65rem;line-height:1.08}
  .n4 #prime.prime2 .prime .plogo{grid-column:2!important;grid-row:1!important;height:22px!important;width:auto;margin:0!important;display:block}
  .n4 #prime.prime2 .prime .pic{grid-column:1 / -1!important;grid-row:2!important;width:100%;margin:0!important;border-radius:18px;aspect-ratio:4/3;overflow:hidden}
  .n4 #prime.prime2 .prime .pic img{width:100%;height:100%;object-fit:cover}
  .n4 #prime.prime2 .prime p{grid-column:1 / -1!important;grid-row:3!important;text-align:left!important;margin:0!important;max-width:none}
  /* Praxen: Notiz linksbündig wie die Bildunterschriften */
  .n4 #praxen.pn-pr .pnote{text-align:left!important}
  /* Magazin-Bento Karte 1: Faktoren-Liste mobil weg, nur Kopfzeile + Satz */
  .n4 .mk-net .mz-net-map{display:none!important}
  .n4 .mk-net .mn-r{padding-top:.9rem}
  .n4 .mk-net .mz-net-more{margin-top:.4rem!important}
  /* Formular: „dauert nur 30 Sekunden“ nicht mehr über „Frage 1 von 4“ */
  .n4 .fx-hand{position:static!important;display:block;text-align:center;margin:.5rem 0 .2rem!important;transform:rotate(-2deg);font-size:1.15rem}
  /* Flug: Logos näher an der Mitte, kein grauer Ring, langsamer */
  .n4 .rf-q{box-shadow:0 30px 70px -30px rgba(0,0,0,.9)!important;border-color:rgba(255,255,255,.12)!important}
  .n4 #referenzen.rf .rf-track{height:calc(6.4 * 100svh)}
}
@media (max-width:899px){.n4 .rf-orbit img{height:16px;max-width:64px}}
/* 04.11. – Magazin-Cover im Formular mobil mittig */
@media (max-width:900px){
  .n4 .offer .cov,.n4 .offer--glass .cov{margin:0 auto!important;justify-self:center!important;width:56%}
}