/* Ergänzungen zu den Vorlagen-Stilen: Platzhalter für Bilder, Hinweise */
.wi-vis-img.wi-ph{aspect-ratio:3/2;border-radius:var(--r-l);background:radial-gradient(120% 90% at 80% 0,rgba(193,5,59,.55),transparent 60%),linear-gradient(160deg,#06214F,#011740);box-shadow:var(--sh-2)}
/* Startseite: Hero ohne Foto (Marineblau mit Aurora), Platzhalter für Themen-Karten */
.tpl-start .hero-bg{background:radial-gradient(900px 520px at 82% 10%,rgba(193,5,59,.5),transparent 60%),radial-gradient(700px 500px at 5% 100%,rgba(12,44,99,.9),transparent 60%),linear-gradient(180deg,#010C26,#011740)}
.tpl-start .hero::before{display:none}
.hero-proof{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.75);font-size:.95rem}
.hero-proof b{display:block;color:#fff;font-size:1.35rem;font-weight:500}
.path-media.pm-ph{display:flex;align-items:flex-end;min-height:150px;background:radial-gradient(120% 120% at 90% 0,rgba(193,5,59,.6),transparent 60%),linear-gradient(160deg,#06214F,#011740);position:relative;overflow:hidden}
.path-media.pm-ph .pm-num{position:absolute;right:20px;bottom:6px;font-size:5rem;font-weight:700;line-height:1;color:rgba(255,255,255,.14)}
@media(max-width:900px){.tpl-start .vlist[style]{grid-template-columns:minmax(0,1fr)!important}}
.hero .btn-ghost{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.16)}
.bl-card-media.bl-ph{display:block;aspect-ratio:16/9;background:radial-gradient(120% 120% at 90% 0,rgba(193,5,59,.5),transparent 60%),linear-gradient(160deg,#06214F,#011740)}
/* Mega-Menü: Höhe passt sich dem Inhalt an (keine leere Fläche), bei wenig Platz scrollt der rechte Bereich intern */
.mega2{height:auto;min-height:360px;max-height:calc(100vh - 128px)}
.mega2 .mleft{align-self:stretch}
.mega2 .mright{max-height:calc(100vh - 152px)}
/* Teilnehmerstimmen: gleich hohe Karten, Foto, begrenzte Textlänge, «Weiterlesen» unten */
.vc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}
.vc{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh-1);height:100%;scroll-margin-top:110px}
.vc header{display:flex;align-items:center;gap:14px}
.vc-av{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--mist)}
.vc-ini{display:grid;place-items:center;font-weight:700;font-size:1.3rem;color:#fff;background:var(--grad)}
.vc header b{display:block;font-weight:500;color:var(--ink);line-height:1.25}
.vc header small{display:block;color:var(--muted);font-size:.82rem;line-height:1.35;margin-top:2px}
.vc blockquote{margin:0;flex:1}
.vc blockquote p{font-size:.98rem;line-height:1.6;color:var(--ink-2)}
.vc-clamp p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}
.vc-more{margin-top:auto;font-weight:500;color:var(--blue-ink);align-self:flex-start}
.vc-more:hover{text-decoration:underline}
.vc-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.vc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.vc-grid,.vc-grid.full{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:4px 20px 14px;-webkit-overflow-scrolling:touch}.vc-grid .vc{flex:0 0 84%;scroll-snap-align:center}.vc-grid.full{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;margin:0;padding:0}.vc-grid.full .vc{flex:none}}
/* Video-Vorschau (lädt YouTube erst nach Klick) */
.yt{position:relative;aspect-ratio:16/9;max-width:860px;margin:28px auto;border-radius:var(--r-l);overflow:hidden;background:#010C26;box-shadow:var(--sh-2)}
.yt-btn{all:unset;cursor:pointer;display:block;width:100%;height:100%;position:relative}
.yt-btn img,.yt iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.yt-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:var(--grad);box-shadow:var(--glow)}
.yt-play::after{content:"";position:absolute;left:30px;top:22px;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
.yt-btn:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}

/* ======================================================================
   Design (Stand 24.10.2026, 2. Fassung)
   Blau = exaktes Logo-Navy #011740, Rot = Logo-Karmin #C1053B
   ====================================================================== */
:root{--ui:#011740;--ui-2:#0C2C63;--hov:#C1053B}

/* FESTE REGEL: Texte nie abschneiden, Wörter nie trennen */
h1,h2,h3,h4,p,li,blockquote,summary,small,b,strong,a,span{overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}
h1,h2,h3{overflow:visible;padding-bottom:.05em}
.serif,.g,.hero h1 .serif{padding-bottom:.16em;padding-right:.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fm-q,.vc-clamp p,.te-q p,.fm-card p,.vf p,.bx p,.pf p{-webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;overflow:visible!important;max-height:none!important}
.fm-card{height:auto!important;min-height:0}
.fm-track{align-items:stretch}
.fm-card,.path,.vf,.bx,.pf,.card,.te-card,.fcard{overflow:visible}
.path-media{overflow:hidden;position:relative}

/* Logo unverändert; Aussenrand weiss, beim Hovern Bordeaux (zwei Bilddateien, Logo-Pixel unangetastet) */
.hdr .logo .lm{position:relative;display:inline-block;flex:none;height:44px;aspect-ratio:1039/731}
.hdr .logo .lm img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transition:opacity .25s;filter:none}
.hdr .logo .lm .lm-r{opacity:0}
.hdr .logo:hover .lm .lm-r,.hdr .logo:focus-visible .lm .lm-r{opacity:1}
.hdr .logo:hover .lm .lm-w,.hdr .logo:focus-visible .lm .lm-w{opacity:0}

/* Hero Startseite: Bühnenfoto, links starke blaue Überblendung; Hero + Laufband füllen den Bildschirm */
.tpl-start{--hp:clamp(40px,5.5vw,88px)}
.tpl-start .hero{min-height:calc(100svh - 138px);display:flex;align-items:center;background:#010C26}
.tpl-start .hero-bg{background:#010C26;inset:0}
.tpl-start .hero-bg picture,.tpl-start .hero-bg img{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:72% 30%;-webkit-mask:none;mask:none}
.tpl-start .hero-bg::after{content:"";position:absolute;inset:0;height:auto;background:linear-gradient(90deg,rgba(1,12,38,.98) 0%,rgba(1,23,64,.94) 32%,rgba(1,23,64,.78) 54%,rgba(12,44,99,.62) 78%,rgba(12,44,99,.55) 100%)}
.tpl-start .hero::before{display:none}
.tpl-start .hero-inner{padding-top:calc(86px + 52px);padding-bottom:52px}
.tpl-start .hero-copy{max-width:min(690px,56vw);text-align:left}
.tpl-start .hero h1{font-size:clamp(1.9rem,3vw,2.85rem);line-height:1.12}
.tpl-start .hero h1 .h1k{font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:16px}
.tpl-start .hero .lead{max-width:34em;font-size:1.04rem;line-height:1.6;margin-top:18px;color:rgba(255,255,255,.9)}
.hero-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-cta .btn{height:52px;padding:0 24px;font-size:.98rem;white-space:nowrap;justify-content:center}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:.88rem;color:rgba(255,255,255,.8)}
.hero-note .dot{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.hero-note .dot svg{width:12px;height:12px}
.tpl-start .hero-proof{display:grid;grid-template-columns:repeat(4,max-content);gap:0 clamp(18px,3vw,44px);margin-top:32px;padding-top:24px;list-style:none;border-top:1px solid rgba(255,255,255,.2);justify-content:start}
.tpl-start .hero-proof li{display:block;white-space:nowrap}
.tpl-start .hero-proof b{display:block;font-size:1.3rem;font-weight:500;color:#fff;line-height:1.2;font-variant-numeric:tabular-nums}
.tpl-start .hero-proof span{display:block;font-size:.78rem;color:rgba(255,255,255,.75);white-space:nowrap}
@media(max-width:900px){
  .tpl-start .hero{min-height:0;align-items:flex-start}
  .tpl-start .hero-bg picture,.tpl-start .hero-bg img{height:62vw;min-height:250px;bottom:auto;object-position:84% 25%}
  .tpl-start .hero-bg::after{background:linear-gradient(180deg,rgba(1,12,38,.3) 0,rgba(1,12,38,.1) 22%,rgba(1,12,38,.6) 52%,#010C26 66vw)}
  .tpl-start .hero-inner{padding-top:calc(58vw + 96px);padding-bottom:48px}
  .tpl-start .hero-copy{max-width:none}
  .hero-cta .btn{flex:1 1 100%}
  .tpl-start .hero-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
}
@media(max-width:600px){
  .hero-cta .btn{white-space:normal;text-align:center;height:auto;min-height:52px;padding:12px 20px;line-height:1.25}
  .tpl-start .hero-proof span{white-space:normal}
  .tpl-start .hero-proof b{font-size:1.15rem}
  .hero-cta{width:100%}
}
.w-aurora i{background:radial-gradient(closest-side,rgba(12,44,99,.35),transparent)!important}
.pm-aur.a{background:radial-gradient(closest-side,rgba(12,44,99,.7),transparent)!important}
.pm-aur.b{background:radial-gradient(closest-side,rgba(1,23,64,.8),transparent)!important}

/* Themenkarten: Logo-Blau statt Rot für die erste Karte, Haken bleiben rot, Fotos mit leichter blauer Überblendung */
.path .path-media img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.path .path-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,44,99,.22) 0%,rgba(1,23,64,.46) 100%);pointer-events:none}
.path .path-tag{z-index:2}
.path.feat{background:linear-gradient(160deg,#011740 0%,#0C2C63 100%)!important;box-shadow:0 30px 60px -34px rgba(1,23,64,.8)!important}
.path.feat:hover{box-shadow:0 34px 60px -30px rgba(1,23,64,.85)!important}
.path.feat .ticks2 .ckb{fill:var(--hov)}.path.feat .ticks2 .ckm{color:#fff}
.path:not(.feat) h3{transition:color .25s}
.path:not(.feat):hover h3{color:var(--hov)}
.path:hover .arrow-btn{background:var(--hov)!important}
.path:not(.feat) .arrow-btn{background:var(--ui)}

/* Icons: Logo-Blau mit weissem Symbol; beim Hovern Logo-Rot mit weissem Symbol, Titel wird rot */
.vic,.bico,.pm-ic,.mti,.ms .ic{background:var(--ui)!important;box-shadow:none!important;transition:background-color .3s,transform .5s}
.vic,.vic svg,.bico,.bico svg,.pm-ic,.pm-ic svg,.mti,.mti svg,.gchip .vic,.gchip .vic svg{color:#fff!important}
.ms .ic{color:#fff}
.vf:hover .vic,.bx:hover .bico,.pf:hover .vic,.imode:hover .vic,.pm-link:hover .pm-ic{background:var(--hov)!important}
.vf:hover h3,.bx:hover h3,.pf:hover h3,.imode:hover b,.pm-link:hover b{color:var(--hov)}
.vf h3,.bx h3,.pf h3,.imode b{transition:color .25s}
.pm-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;flex:none}
.mt:hover .mti,.ms:hover .ic,.ms.act .ic{background:#fff!important}
.mt:hover .mti,.mt:hover .mti svg,.ms:hover .ic,.ms:hover .ic svg,.ms.act .ic,.ms.act .ic svg{color:var(--hov)!important}

/* Links in Aufzählungen: Logo-Blau, beim Hovern Logo-Rot */
.flinks a{color:var(--ui)}
.flinks a:hover{color:var(--hov)}
.itext a,.iby a,.sec .lead a,.rating-line a{color:var(--ui)}
.itext a:hover,.iby a:hover,.sec .lead a:hover,.rating-line a:hover{color:var(--hov)}
.rating-line{text-align:center;font-size:.92rem;line-height:1.5;color:var(--muted);margin:30px auto 0;max-width:640px}
.rating-line b{color:var(--ink);font-weight:500}

/* Kennzahlen mit Zähler: kompakt, gleich gross, je 3 Zeilen */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
.kpi{position:relative;padding:24px 22px 22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:transform .3s,box-shadow .3s}
.kpi b{display:block;font-size:clamp(1.6rem,2.3vw,2.1rem);font-weight:500;letter-spacing:-.02em;color:var(--ui);line-height:1.1;font-variant-numeric:tabular-nums;transition:color .25s;white-space:nowrap}
.kpi span{display:block;margin-top:10px;font-size:.88rem;line-height:1.45;color:var(--muted);min-height:4.4em}
.kpi:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2)}
.kpi:hover b{color:var(--hov)}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi span{min-height:0}}

/* Fusszeile: vier gleich aufgebaute Spalten, Titel und Links je eine Zeile */
.ftr .fcols{grid-template-columns:repeat(4,minmax(0,1fr))}
.ftr .fcol{padding:0 clamp(14px,2vw,28px)}
.ftr .fcol .fh{white-space:nowrap;font-size:1rem;margin:0 0 18px}
.ftr .fcol ul{gap:12px}
.ftr .fcol li,.ftr .fcol a{white-space:nowrap}
.ftr .fcol a{font-size:.92rem;line-height:1.4}
@media(max-width:900px){.ftr .fcols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.ftr .fcol:nth-child(odd){border-left:0;padding-left:0}}
@media(max-width:420px){.ftr .fcol li,.ftr .fcol a{white-space:normal}}

/* Testansicht für Screenshots (?shot) */
.shot .rv,.shot .hin,.shot .hero-in,.shot .hero-in2{opacity:1!important;transform:none!important;translate:none!important;animation:none!important}
.shot .tpl-start .hero{min-height:760px!important}.shot .mnav,.shot .scrim{display:none}

/* Feinkorrekturen nach Sichtprüfung */
.path .path-body h3{font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.25;overflow-wrap:normal;word-break:normal}
.ticks2 li svg{margin-top:1px;flex:none}
.vlist>.vf{padding-top:0!important}
.pm-copy .pm-lead+.pm-lead{margin-top:14px}

.vlist{align-items:start}
.vlist>.vf .vic{align-self:start}
.vlist>.vf h3{align-self:start;margin-top:0}
.vlist>.vf p{margin-top:0}
.kpi span{min-height:2.9em}
.bento>.bx.top{justify-content:flex-start;gap:14px}

/* ======================================================================
   Gestaltung nach Fibonacci-Abständen (13 · 21 · 34 · 55 · 89) und Drittelregel
   ====================================================================== */
:root{--f1:13px;--f2:21px;--f3:34px;--f4:55px;--f5:89px}

/* Logo im Siegel bleibt unverändert, auch beim Hovern */
.iseal .seal-core:hover::before{opacity:0!important}
.iseal .seal-core:hover img,.iseal .seal-core img{filter:none!important}
.iseal .seal-core:hover{transform:none!important;box-shadow:0 56px 90px -28px rgba(15,30,60,.62),0 0 0 8px rgba(255,255,255,.6)!important}

/* Themenkarten: erste Karte rot, Hover blau; Haken weiss; mehr Abstand Haken zu Text */
.ticks2 li{grid-template-columns:22px minmax(0,1fr);gap:14px}
.path.feat{background:linear-gradient(160deg,#C1053B 0%,#9A0430 100%)!important;box-shadow:0 30px 60px -34px rgba(154,4,48,.7)!important}
.path.feat:hover{background:linear-gradient(160deg,#011740 0%,#0C2C63 100%)!important;box-shadow:0 34px 60px -30px rgba(1,23,64,.8)!important}
.path.feat .ticks2 .ckb{fill:#fff}.path.feat .ticks2 .ckm{color:var(--hov)}
.path.feat:hover .ticks2 .ckm{color:var(--ui)}
.path.feat .arrow-btn{background:#fff!important;color:var(--hov)}
.path.feat:hover .arrow-btn{color:var(--ui)}

/* «Kommt Ihnen das bekannt vor?»: Symbol links, Titel auf Höhe der Symbolmitte, Text darunter bündig mit dem Titel */
.vlist.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--f4) var(--f5);align-items:stretch}
.vlist.two>.vf{display:grid!important;grid-template-columns:56px minmax(0,1fr);grid-template-rows:56px 1fr;column-gap:var(--f2);row-gap:var(--f1);align-items:center;padding:0!important;border:0!important;background:none;box-shadow:none}
.vlist.two>.vf .vic{grid-column:1;grid-row:1;width:56px;height:56px;border-radius:16px;align-self:center}
.vlist.two>.vf h3{grid-column:2;grid-row:1;margin:0;font-size:1.25rem;line-height:1.2;align-self:center;white-space:nowrap}
.vlist.two>.vf p{grid-column:2;grid-row:2;margin:0;font-size:.98rem;line-height:1.6;color:var(--muted);align-self:start}
.vnote{max-width:720px;margin:var(--f4) auto 0;text-align:center;font-size:.98rem;line-height:1.65;color:var(--muted)}
.vnote b{color:var(--ink);font-weight:500}
@media(max-width:900px){.vlist.two{grid-template-columns:minmax(0,1fr);gap:var(--f3)}.vlist.two>.vf h3{white-space:normal}}

/* Persönliche Begleitung: Text volle Breite, drei Boxen, genug Luft zu Buttons */
.pm-body{padding-top:var(--f3)}
.premium .pm-body .pm-lead{max-width:none;font-size:1.08rem;line-height:1.75;color:var(--ink-2);margin:0}
.pm3{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--f2);margin:var(--f4) 0 0;padding:0}
.pm3c a{position:relative;display:flex;flex-direction:column;gap:var(--f1);height:100%;padding:var(--f3);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);color:var(--ink);transition:background-color .35s,transform .5s,box-shadow .35s}
.pm3n{position:absolute;right:var(--f3);top:var(--f2);font-size:2.6rem;font-weight:500;letter-spacing:-.04em;line-height:1;color:rgba(1,23,64,.08);transition:color .35s}
.pm3c .pm-ic{width:56px;height:56px;border-radius:16px;margin-bottom:var(--f1)}
.pm3c h3{font-size:1.35rem;margin:0}
.pm3c p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.6;flex:1}
.pm3go{margin-top:var(--f1);font-weight:500;color:var(--ui);font-size:.95rem;transition:color .3s}
.pm3c a:hover{background:linear-gradient(160deg,#C1053B 0%,#9A0430 100%);transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(154,4,48,.75)}
.pm3c a:hover h3,.pm3c a:hover p,.pm3c a:hover .pm3go{color:#fff}
.pm3c a:hover .pm3n{color:rgba(255,255,255,.16)}
.pm3c a:hover .pm-ic{background:rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 10px 24px -12px rgba(0,0,0,.35)!important}
.pm-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--f4)}
.premium .pm-body .pm-mini{margin-top:var(--f3)}
@media(max-width:900px){.pm3{grid-template-columns:minmax(0,1fr)}}

/* SEDA-Methode: vier Schritte als verbundene Stationen */
.seda{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--f2);margin:var(--f4) 0 0;padding:0;position:relative}
.seda::before{content:"";position:absolute;left:12.5%;right:12.5%;top:43px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ui),var(--hov));opacity:.28}
.sd{position:relative;display:flex;flex-direction:column;align-items:center}
.sd-k{position:relative;z-index:2;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--ui);color:#fff;font-size:2.2rem;font-weight:500;box-shadow:0 0 0 8px #fff,0 18px 34px -18px rgba(1,23,64,.65);transition:background-color .35s,transform .5s}
.sd-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--f1);flex:1;width:100%;margin-top:-44px;padding:calc(44px + var(--f2)) var(--f2) var(--f3);background:#fff;border-radius:28px;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);text-align:center;transition:transform .5s,box-shadow .35s}
.sd-i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--ui);color:#fff;transition:background-color .35s}
.sd-c h3{margin:0;font-size:1.25rem;transition:color .25s}
.sd-c p{margin:0;font-size:.95rem;line-height:1.6;color:var(--muted)}
.sd:hover .sd-k{background:var(--hov)}
.sd:hover .sd-c{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2)}
.sd:hover .sd-i{background:var(--hov)}
.sd:hover .sd-c h3{color:var(--hov)}
@media(max-width:1000px){.seda{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--f4)}.seda::before{display:none}}
@media(max-width:560px){.seda{grid-template-columns:minmax(0,1fr)}}

/* Zusammenarbeit als Reise: Linie mit vier Stationen */
.route{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--f2);margin:var(--f4) 0 0;padding:0;position:relative}
.route::before{content:"";position:absolute;left:27px;right:0;top:26px;height:2px;background:repeating-linear-gradient(90deg,rgba(1,23,64,.28) 0 8px,transparent 8px 16px)}
.rt{position:relative;display:flex;flex-direction:column;gap:var(--f1);padding-right:var(--f2)}
.rt-i{order:1;position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--ui);color:#fff;box-shadow:0 0 0 8px var(--mist);transition:background-color .35s,transform .5s}
.rt-n{order:2;margin-top:var(--f1);font-size:.78rem;font-weight:500;letter-spacing:.16em;color:var(--muted)}
.rt h3{order:3;margin:0;font-size:1.25rem;transition:color .25s}
.rt p{order:4;margin:0;font-size:.95rem;line-height:1.6;color:var(--muted)}
.rt:hover .rt-i{background:var(--hov)}
.rt:hover h3{color:var(--hov)}
@media(max-width:900px){.route{grid-template-columns:minmax(0,1fr);row-gap:var(--f3)}.route::before{left:26px;right:auto;top:26px;bottom:26px;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(1,23,64,.28) 0 8px,transparent 8px 16px)}.rt{padding-left:calc(54px + var(--f2));padding-right:0;min-height:54px}.rt-i{position:absolute;left:0;top:0}.rt-n{margin-top:0}}

/* Kennzahlen: ohne Streifen, beim Hovern rot mit weissem Text */
.kpi{padding:var(--f3) var(--f2) var(--f2);transition:background-color .35s,transform .4s,box-shadow .35s}
.kpi:hover{background:var(--hov)!important;transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(193,5,59,.7)}
.kpi:hover b,.kpi:hover span{color:#fff}

/* «Für wen»: Titel eine Zeile, Texte gleich lang */
.bento>.bx h3{white-space:nowrap;font-size:1.3rem}
.bento>.bx p{min-height:4.9em}
@media(max-width:900px){.bento>.bx h3{white-space:normal}.bento>.bx p{min-height:0}}
.path .path-tag{background:rgba(255,255,255,.92)!important;color:var(--ink)!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 20px -10px rgba(1,23,64,.5)}
.bento>.bx h3{margin-bottom:10px}
.tpl-start .sec:not(.premium){padding-block:clamp(64px,6.2vw,var(--f5))}

/* ======================================================================
   Feinschliff (Runde 3)
   ====================================================================== */
/* Icons werden beim Hovern nie gedreht oder verschoben, nur Farbe/Schatten */
.vic,.bico,.pm-ic,.sd-i,.rt-i,.sd-k,.gchip,.mti,.ic{transform:none!important}
.vf:hover .vic,.pf:hover .vic,.bx:hover .bico,.imode:hover .vic,.pm3c a:hover .pm-ic{transform:none!important}

/* Hero: Abstand über und unter dem Übertitel gleich (55 px), Hinweiszeile mit Luft zum Button */
.tpl-start .hero h1 .h1k{display:block;margin-bottom:var(--f4)}
.tpl-start .hero-inner{padding-top:calc(86px + var(--f4));padding-bottom:var(--f4)}
.hero-note{margin-top:var(--f3)}

/* Siegel: Text etwas kleiner und eleganter */
.itext .ifill{font-size:.98rem;line-height:1.72;color:var(--ink-2)}

/* Dunkler Abschnitt «Kommt Ihnen das bekannt vor?» */
.dark-sec{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-l);background:linear-gradient(160deg,#010C26 0%,#011740 100%);color:#B9C3D8;padding-block:var(--f5)}
.dark-sec .orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbDrift 22s ease-in-out infinite alternate}
.dark-sec .orb.a{width:520px;height:520px;right:-140px;top:-160px;background:radial-gradient(closest-side,rgba(31,95,191,.55),transparent)}
.dark-sec .orb.b{width:440px;height:440px;left:-160px;bottom:-180px;background:radial-gradient(closest-side,rgba(193,5,59,.24),transparent);animation-delay:-8s}
@keyframes orbDrift{to{transform:translate3d(-40px,30px,0) scale(1.08)}}
.dark-sec h2{color:#fff}
.dark-sec h2 .serif{background:var(--grad-d,linear-gradient(100deg,#FF9DB4,#FFC1CF));-webkit-background-clip:text;background-clip:text;color:transparent}
.dark-sec .lead{color:#B9C3D8}
.fx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--f2);margin-top:var(--f4)}
.fx{position:relative;display:flex;flex-direction:column;gap:var(--f1);padding:var(--f3) var(--f2);border-radius:24px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:background .4s,box-shadow .4s,transform .5s}
.fx-q{position:absolute;right:var(--f2);top:2px;font:italic 400 5.2rem/1 var(--serif);color:rgba(255,255,255,.08);pointer-events:none}
.fx .vic{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;margin-bottom:var(--f1)}
.fx h3{margin:0;font-size:1.3rem;color:#fff;transition:color .3s}
.fx p{margin:0;font-size:.95rem;line-height:1.65;color:#B9C3D8;transition:color .3s}
.fx:hover{background:linear-gradient(160deg,rgba(193,5,59,.95),rgba(154,4,48,.95));box-shadow:0 36px 60px -34px rgba(193,5,59,.7);transform:translateY(-6px)}
.fx:hover p{color:#fff}
.fx:hover .vic{background:rgba(255,255,255,.22)!important}
.dark-sec .vnote{color:#B9C3D8}.dark-sec .vnote b{color:#fff}
.vnote-go{display:inline-block;margin-left:8px;color:#fff!important;font-weight:500;border-bottom:1px solid rgba(255,255,255,.4)}
.vnote-go:hover{border-color:#fff}
@media(max-width:1000px){.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.fx-grid{grid-template-columns:minmax(0,1fr)}}

/* SEDA: Symbol ohne Hintergrund direkt vor dem Titel */
.sd-c h3{display:flex;align-items:center;justify-content:center;gap:10px}
.sd-i{display:inline-flex!important;width:auto!important;height:auto!important;background:none!important;color:var(--ui)!important;box-shadow:none!important}
.sd:hover .sd-i{background:none!important;color:var(--hov)!important}

/* Stimmen: mehr Luft über der Überschrift */
#stimmen{padding-top:var(--f5)}
#stimmen .sec-head{margin-bottom:var(--f4)}

/* Gründer: Box nach oben, Kopf neben dem Text */
#gruender .fcards{margin-top:-72px;position:relative;z-index:2}

/* Abschluss: moderne Bühne mit Foto, Glas-Chips und Vertrauenszeile */
.cta2{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-l);background:#010C26;color:#B9C3D8;text-align:center;padding:var(--f5) var(--f3) calc(var(--f5) + 8px);margin-bottom:12px}
.cta2-bg{position:absolute;inset:0;z-index:-2}
.cta2-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.cta2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 50% 110%,rgba(193,5,59,.45),transparent 70%),linear-gradient(180deg,rgba(1,23,64,.9) 0%,rgba(1,12,38,.94) 100%)}
.cta2-in{max-width:820px;margin:0 auto}
.cta2-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.cta2-badge i{width:8px;height:8px;border-radius:50%;background:var(--hov);box-shadow:0 0 12px 2px rgba(193,5,59,.8)}
.cta2 h2{color:#fff;margin:var(--f2) auto 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;max-width:16em}
.cta2 h2 .serif{background:linear-gradient(100deg,#FF9DB4,#FFC1CF);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta2-lead{margin:var(--f2) auto 0;max-width:36em;font-size:1.08rem;line-height:1.7;color:#C9D2E3}
.cta2-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:var(--f3)}
.btn-glass2{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:999px;color:#fff;font-weight:500;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s}
.btn-glass2:hover{background:rgba(255,255,255,.2)}
.cta2-btns .btn{height:52px;padding:0 26px}
.cta2-trust{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:var(--f3);font-size:.9rem;color:#C9D2E3}
.cta2-trust b{color:#fff;font-weight:500}
.cta2-faces{display:flex}
.cta2-faces .cf{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #011740;margin-left:-12px;background:#0C2C63}
.cta2-faces .cf:first-child{margin-left:0}
.cta2-faces img,.cta2-faces .te-ini{width:100%;height:100%;object-fit:cover;border-radius:50%;display:grid}
.cta2-facts{list-style:none;display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap;margin:var(--f3) 0 0;padding:0;font-size:.88rem;color:#B9C3D8}
.cta2-facts li{display:flex;align-items:center;gap:8px}
.cta2-facts svg{width:18px;height:18px}
.cta2-facts .ckb{fill:var(--hov)}.cta2-facts .ckm{color:#fff}
.cta2-chip{position:absolute;display:flex;flex-direction:column;align-items:flex-start;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 24px 40px -24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;animation:chipFloat 8s ease-in-out infinite alternate}
.cta2-chip b{font-size:1.5rem;font-weight:500;line-height:1.1}
.cta2-chip small{font-size:.78rem;color:#C9D2E3}
.cta2-chip.c1{left:6%;top:22%}
.cta2-chip.c2{right:6%;bottom:24%;animation-delay:-3s}
@keyframes chipFloat{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
@media(max-width:1100px){.cta2-chip{display:none}}
@media(max-width:700px){.cta2{padding:var(--f4) var(--f2)}.cta2-btns .btn,.btn-glass2{flex:1 1 100%;white-space:normal;text-align:center;height:auto;min-height:52px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){.cta2-chip,.dark-sec .orb{animation:none}}

.ftr .flogo img{height:44px;width:auto;max-width:none;filter:none}

/* Feinschliff Runde 4 */
/* «Kommt Ihnen das bekannt vor?»: hell, ruhig, rotes Serif-Wort */
.dark-sec{background:var(--mist,#F3F5F9);color:var(--muted)}
.dark-sec .orb{display:none}
.dark-sec h2{color:var(--ink)}
.dark-sec h2 .serif{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--hov)}
.dark-sec .lead{color:var(--muted)}
.fx{background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);-webkit-backdrop-filter:none;backdrop-filter:none}
.fx-q{color:rgba(1,23,64,.08)}
.fx .vic{background:var(--ui)!important;color:#fff!important;box-shadow:none!important}
.fx h3{color:var(--ink)}
.fx p{color:var(--muted)}
.fx:hover{background:linear-gradient(160deg,#C1053B,#9A0430);box-shadow:0 36px 60px -34px rgba(193,5,59,.55)}
.fx:hover h3,.fx:hover p{color:#fff}
.fx:hover .vic{background:rgba(255,255,255,.2)!important}
.fx:hover .fx-q{color:rgba(255,255,255,.18)}
.dark-sec .vnote{color:var(--muted)}.dark-sec .vnote b{color:var(--ink)}
.vnote-go{color:var(--ui)!important;border-bottom-color:rgba(1,23,64,.3)}
.vnote-go:hover{color:var(--hov)!important;border-color:var(--hov)}
/* SEDA: mehr Luft über dem Titel */
.seda{margin-top:var(--f5)}
.sd-c{padding-top:calc(44px + var(--f3))}
.sd-c p{min-height:calc(1.6em * 4)}
/* Ablauf und Zielgruppen: mehr Luft unter den Titeln */
.kpis{margin-top:var(--f5)}
.route{margin-top:var(--f5)}
#fuer-wen .sec-head{margin-bottom:var(--f5)}
/* Gründer: etwas weiter nach unten */
#gruender .fcards{margin-top:-28px}
/* Abschluss: ruhiger, ohne Glow, ohne Chips */
.cta2::before{background:linear-gradient(180deg,rgba(1,23,64,.9) 0%,rgba(1,12,38,.94) 100%)}
.cta2-chip{display:none}
.cta2{padding:calc(var(--f5) + var(--f2)) var(--f3)}
.cta2-badge i{box-shadow:none}
.cta2 h2 .serif{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff}
.cta2-lead{margin-top:var(--f3)}
.cta2-btns{margin-top:var(--f4)}
.cta2-trust{margin-top:var(--f4);gap:18px}
.cta2-faces .cf{width:46px;height:46px;margin-left:-8px;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.cta2-facts{margin-top:var(--f3)}

/* Feinschliff Runde 5 */
.tpl-start .hero h1 .h1k{margin-bottom:18px}
/* Hover der hellen Boxen: nur Icon, Titel, Zitatzeichen rot, Schatten */
.fx:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 30px 50px -30px rgba(1,23,64,.35);transform:none}
.fx:hover h3{color:var(--hov)}
.fx:hover p{color:var(--muted)}
.fx:hover .vic{background:var(--hov)!important}
.fx:hover .fx-q{color:var(--hov)}
.fx-q{transition:color .3s}
/* Themen-Karten: luftiger */
.ticks2 li + li{margin-top:9px}
.path .path-foot{padding-top:var(--f3);margin-top:auto}
.path .ticks2{margin-bottom:var(--f2)}
/* SEDA, Zielgruppen */
.sd-c{padding-top:calc(44px + var(--f3) + 8px)}
.bento>.bx.top{gap:var(--f2)}
/* Gründer weiter nach unten */
#gruender .fcards{margin-top:0}
/* Abschluss hell, passend zum dunklen Footer */
.cta2{background:var(--mist,#F3F5F9);color:var(--muted)}
.cta2-bg img{opacity:.14;filter:grayscale(.3)}
.cta2::before{background:linear-gradient(180deg,rgba(243,245,249,.55) 0%,rgba(243,245,249,.9) 100%)}
.cta2-badge{background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.cta2 h2{color:var(--ink)}
.cta2 h2 .serif{color:var(--hov)}
.cta2-lead{color:var(--muted)}
.cta2-trust{color:var(--muted)}.cta2-trust b{color:var(--ink)}
.cta2-faces .cf{box-shadow:0 0 0 3px #fff,0 6px 14px -6px rgba(1,23,64,.4);background:#fff}
.cta2-facts{color:var(--muted)}
.cta2-facts .ckm{color:#fff}
.cta2 .btn-glass2{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}
.cta2 .btn-glass2:hover{color:var(--hov);box-shadow:inset 0 0 0 1px var(--hov)}

/* Feinschliff Runde 6 */
.tpl-start .hero h1 .h1k{margin-bottom:30px}
/* «Gegenüber, das mitdenkt»: Hover blau, Icon weiss mit blauem Glyph, Zahl weiss */
.pm3c a:hover{background:linear-gradient(160deg,#0C2C63 0%,#011740 100%);box-shadow:0 40px 70px -40px rgba(1,23,64,.7)}
.pm3c a:hover .pm-ic{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important}
.pm3c a:hover .pm-ic,.pm3c a:hover .pm-ic svg{color:var(--ui)!important}
.pm3c a:hover .pm3n{color:#fff}
/* Themen-Pfeil hellgrau, beim Hover rot */
.path:not(.feat) .arrow-btn{background:#E6EAF1;color:var(--ui)}
.path:not(.feat):hover .arrow-btn{background:var(--hov)!important;color:#fff}
/* Abschluss wieder dunkel (wie zuvor) */
.cta2{background:#010C26;color:#B9C3D8}
.cta2-bg img{opacity:1;filter:none}
.cta2::before{background:linear-gradient(180deg,rgba(1,23,64,.9) 0%,rgba(1,12,38,.94) 100%)}
.cta2-badge{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff}
.cta2 h2{color:#fff}.cta2 h2 .serif{color:#fff}
.cta2-lead,.cta2-trust{color:#C9D2E3}.cta2-trust b{color:#fff}
.cta2-faces .cf{box-shadow:0 0 0 2px rgba(255,255,255,.85);background:#0C2C63}
.cta2-facts{color:#B9C3D8}
.cta2 .btn-glass2{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cta2 .btn-glass2:hover{background:rgba(255,255,255,.2);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
/* Heller Zwischenbereich vor dem Footer */
.ways{padding-block:var(--f5)}
.ways-head{text-align:center;max-width:760px;margin:0 auto var(--f4)}
.ways-k{display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--hov)}
.ways-head h2{margin:var(--f1) 0 0}
.ways-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--f2)}
.ways-grid li{display:flex}
.ways-grid a{position:relative;display:flex;align-items:center;gap:var(--f2);width:100%;padding:var(--f3) var(--f3);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);color:var(--ink);transition:box-shadow .35s}
.ways-grid a:hover{box-shadow:inset 0 0 0 1px var(--line),0 30px 50px -30px rgba(1,23,64,.35)}
.wy-i{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--ui);color:#fff;transition:background-color .3s}
.wy-t{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.wy-t b{font-size:1.15rem;font-weight:500;transition:color .3s}
.wy-t small{font-size:.92rem;line-height:1.5;color:var(--muted)}
.wy-go{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#E6EAF1;color:var(--ui);transition:background-color .3s,color .3s}
.ways-grid a:hover .wy-i,.ways-grid a:hover .wy-go{background:var(--hov);color:#fff}
.ways-grid a:hover .wy-t b{color:var(--hov)}
@media(max-width:1000px){.ways-grid{grid-template-columns:minmax(0,1fr)}}
.tpl-start .ways{padding-block:var(--f5) var(--f5)!important;margin-top:var(--f3)}
.ways-head h2{max-width:none!important}

/* ===== Wissen / Blog-Beiträge im Stil der Startseite ===== */
/* Hero: Foto mit dunkler Überblendung, weisse Schrift */
.wi-hero-dark{position:relative;isolation:isolate;overflow:hidden;background:#010C26;color:#fff}
.wi-hero-bg{position:absolute;inset:0;z-index:-1}
.wi-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.wi-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,38,.97) 0%,rgba(1,23,64,.92) 48%,rgba(12,44,99,.66) 100%)}
.wi-hero-dark h1{color:#fff;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.03em;max-width:20ch;margin-bottom:var(--f2)}
.wi-hero-dark h1 .serif{display:inline;font-size:1em;white-space:normal;color:#fff}
.wi-hero-dark .lead{color:rgba(255,255,255,.84);font-size:1rem;line-height:1.7;max-width:34rem}
.wi-hero-dark .w-crumbs,.wi-hero-dark .w-crumbs a,.wi-hero-dark .w-crumbs li{color:rgba(255,255,255,.7)}
.wi-hero-dark .w-crumbs [aria-current]{color:#fff}
.wi-hero-dark .wi-by b{color:#fff}.wi-hero-dark .wi-by small{color:rgba(255,255,255,.7)}
.wi-hero-dark .wi-hero-ctas{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:12px;width:auto;max-width:none;margin-top:var(--f3)}
.wi-hero-dark .wi-hero-ctas .btn{flex:0 0 auto;width:auto;white-space:nowrap}
.wi-hero-dark .btn-ghost{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.wi-hero-dark .btn-ghost:hover{background:rgba(255,255,255,.2);color:#fff}
.wi-hero-dark .btn-ghost svg{color:#fff}
.wi-vis-img img{filter:none}
/* Kennzahlen: ruhige Boxen mit Icon */
.wi-facts{gap:var(--f2)}
.wi-f{display:flex;align-items:center;gap:var(--f2);padding:var(--f2) var(--f2);border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .35s}
.wi-f:hover{box-shadow:inset 0 0 0 1px var(--line),0 28px 46px -30px rgba(1,23,64,.38)}
.wi-f-i{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ui);color:#fff;transition:background-color .3s}
.wi-f:hover .wi-f-i{background:var(--hov)}
.wi-f b{display:block;font-size:1.02rem;font-weight:500;letter-spacing:0;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);-webkit-text-fill-color:currentColor;transition:color .3s}
.wi-f:hover b{color:var(--hov)}
.wi-f span{display:block;margin-top:3px;font-size:.86rem;color:var(--muted)}
@media(max-width:1000px){.wi-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wi-facts{grid-template-columns:minmax(0,1fr)}}
/* Kurz & kompakt: sauberes Häkchen */
.wi-tldr li{padding-left:34px}
.wi-tldr li::before{width:22px;height:22px;top:.25em;border-radius:50%;background:var(--hov) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.wi-tldr li::after{display:none}
.bp-tldr{transition:box-shadow .35s}.bp-tldr:hover{box-shadow:0 30px 50px -32px rgba(1,23,64,.35)}
/* Artikeltext */
.wi-body{font-size:1.04rem;line-height:1.8;color:var(--ink-2)}
.wi-body{counter-reset:wis}
.wi-body p{margin:0 0 1.2em;max-width:68ch}
.wi-body h2{counter-increment:wis;font-size:clamp(1.3rem,1.7vw,1.6rem)!important;line-height:1.25;margin:2.9em 0 1em!important;color:var(--ink)}
.wi-body h2:first-child{margin-top:.4em!important}
.wi-body h2::before{content:counter(wis,decimal-leading-zero);display:block;margin-bottom:10px;font-size:.78rem;font-weight:500;letter-spacing:.16em;color:var(--hov)}
.wi-body h2 + p{font-size:1.12rem;line-height:1.7;color:var(--ink)}
.wi-body h3.wi-sub{margin:2em 0 .7em;font-size:1.1rem;font-weight:500;color:var(--ink)}


.wi-body img{display:block;max-width:100%;height:auto;border-radius:22px;margin:1.6em 0}
.wi-cards{list-style:none;margin:1.6em 0 2em;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--f1)}
.wi-cards li{display:flex;gap:14px;align-items:flex-start;padding:var(--f2);border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);line-height:1.6;transition:box-shadow .35s,transform .4s}
.wi-cards li:hover{box-shadow:inset 0 0 0 1px var(--line),0 26px 44px -30px rgba(1,23,64,.38);transform:translateY(-3px)}
.wi-cards li > div{min-width:0}.wi-cards li > div > :last-child{margin-bottom:0}
.wi-ci{flex:none;width:24px;height:24px;margin-top:2px;border-radius:50%;background:var(--hov) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.wi-ticks{list-style:none;margin:1.4em 0 1.8em;padding:0;display:grid;gap:14px}
.wi-ticks li{position:relative;padding-left:36px;line-height:1.7}
.wi-ticks li::before{content:"";position:absolute;left:0;top:.2em;width:24px;height:24px;border-radius:50%;background:var(--hov) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.wi-steps{list-style:none;counter-reset:st;margin:1.6em 0 2em;padding:0;display:grid;gap:var(--f1)}
.wi-steps li{counter-increment:st;display:flex;gap:var(--f2);align-items:flex-start;padding:var(--f2);border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .35s}
.wi-steps li:hover{box-shadow:inset 0 0 0 1px var(--line),0 26px 44px -30px rgba(1,23,64,.38)}
.wi-steps li::before{content:counter(st);flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ui);color:#fff;font-weight:500;transition:background-color .3s}
.wi-steps li:hover::before{background:var(--hov)}
.wi-steps li > div{min-width:0;line-height:1.65}
.wi-quote{position:relative;margin:2em 0;padding:var(--f3) var(--f3) var(--f3) calc(var(--f3) + 46px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .35s}
.wi-quote:hover{box-shadow:inset 0 0 0 1px var(--line),0 28px 46px -30px rgba(1,23,64,.38)}
.wi-qg{position:absolute;left:var(--f3);top:14px;font:italic 400 4rem/1 var(--serif);color:var(--hov)}
.wi-quote p{margin:0 0 .8em;font-size:1.05rem;color:var(--ink)}.wi-quote p:last-child{margin-bottom:0}
.wi-ic{display:flex;align-items:center;justify-content:space-between;gap:var(--f3);flex-wrap:wrap;margin:var(--f4) 0;padding:var(--f3);border-radius:28px;background:linear-gradient(160deg,#0C2C63,#011740);color:#fff;box-shadow:0 30px 50px -36px rgba(1,23,64,.6)}
.wi-ic b{display:block;font-size:1.15rem;font-weight:500}
.wi-ic span{display:block;margin-top:6px;color:#C9D2E3;font-size:.95rem;line-height:1.55;max-width:34rem}
@media(max-width:700px){.wi-cards{grid-template-columns:minmax(0,1fr)}.wi-ic{flex-direction:column;align-items:flex-start}}
/* Autor */
.wi-author{padding-block:var(--f5)}
.wa-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);border-radius:32px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .4s}
.wa-card:hover{box-shadow:inset 0 0 0 1px var(--line),0 40px 70px -44px rgba(1,23,64,.45)}
.wa-copy{padding:var(--f4)}
.wa-copy h2{font-size:clamp(1.5rem,2.2vw,2rem);margin:var(--f1) 0 var(--f3);max-width:none}
.wa-name b{display:block;font-size:1.3rem;font-weight:500;color:var(--ink)}
.wa-name span{display:block;margin-top:4px;color:var(--muted)}
.wa-bio{margin:var(--f2) 0 0;line-height:1.7;color:var(--ink-2)}
.wa-kpis{list-style:none;margin:var(--f3) 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--f1)}
.wa-kpis li{padding:var(--f2);border-radius:18px;background:var(--mist,#F3F5F9)}
.wa-kpis b{display:block;font-size:1.35rem;font-weight:500;color:var(--ui);white-space:nowrap}
.wa-kpis span{display:block;margin-top:4px;font-size:.82rem;line-height:1.4;color:var(--muted)}
.wa-links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--f2) var(--f3)}
.wa-l{font-weight:500;color:var(--ui);border-bottom:1px solid rgba(1,23,64,.25)}.wa-l:hover{color:var(--hov);border-color:var(--hov)}
.wa-vis{position:relative;min-height:440px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(160deg,#0C2C63 0%,#011740 100%)}
.wa-vis img{position:relative;z-index:2;display:block;height:94%;width:auto;max-width:80%;object-fit:contain;object-position:bottom}
.wa-ring{position:absolute;left:50%;bottom:-30%;border-radius:50%;border:1px solid rgba(255,255,255,.14);transform:translateX(-50%)}
.wa-ring.r1{width:70%;aspect-ratio:1}.wa-ring.r2{width:105%;aspect-ratio:1;border-color:rgba(255,255,255,.08)}
.wa-b{position:absolute;z-index:3;display:flex;flex-direction:column;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff}
.wa-b b{font-size:1.1rem;font-weight:500}.wa-b small{font-size:.76rem;color:#C9D2E3}
.wa-b.b1{left:6%;top:12%}.wa-b.b2{right:6%;bottom:14%}
@media(max-width:900px){.wa-card{grid-template-columns:minmax(0,1fr)}.wa-vis{min-height:340px;order:-1}.wa-kpis{grid-template-columns:minmax(0,1fr)}.wa-copy{padding:var(--f3)}}
/* Hover-Schatten auf Karten und Formular, Weiterlernen kräftiger */
.wi-of,.kt-fx,.faq details{transition:box-shadow .35s,transform .4s}
.wi-of:hover,.kt-fx:hover{box-shadow:0 34px 60px -36px rgba(1,23,64,.4)}
.faq details:hover{box-shadow:0 20px 40px -30px rgba(1,23,64,.3)}
.wi-rl{transition:background-color .35s,box-shadow .35s,transform .4s,color .3s}
.wi-rl:hover{background:linear-gradient(160deg,#C1053B,#9A0430);transform:translateY(-6px);box-shadow:0 34px 56px -30px rgba(193,5,59,.65)}
.wi-rl:hover b,.wi-rl:hover small{color:#fff}
.wi-rl:hover .wi-rl-go{background:#fff;color:var(--hov)}
.wi-f .wi-f-i{display:grid;margin:0;color:#fff;font-size:inherit}
.wi-f > div > span{display:block;margin-top:3px;font-size:.86rem;color:var(--muted)}
.wi-f span:not(.wi-f-i){margin-top:3px}
.wi-body a:not(.btn){color:var(--ui);text-decoration:underline;text-decoration-color:rgba(1,23,64,.3);text-underline-offset:3px}
.wi-body a:not(.btn):hover{color:var(--hov)}
.wi-body a.btn{color:#fff;text-decoration:none}
.tpl-wissen .wi-hero-dark .ctas.wi-hero-ctas{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:12px;width:max-content;max-width:100%}
.tpl-wissen .wi-hero-dark .wi-hero-ctas .btn{height:48px;font-size:.92rem;padding-inline:20px 8px;gap:10px}
.tpl-wissen .wi-hero-dark .wi-hero-ctas .btn-ghost{padding-inline:20px}
@media(max-width:520px){.tpl-wissen .wi-hero-dark .ctas.wi-hero-ctas{flex-wrap:wrap}}
.tpl-wissen .hdr-bar{background:rgba(255,255,255,.96);-webkit-backdrop-filter:none;backdrop-filter:none}

/* ===== Runde 2: Blogbeiträge ===== */
.wi-facts-sec{padding-top:var(--f3)}
.wi-layout{padding-top:var(--f3)!important;margin-top:0!important}
.bp-layout{margin-top:0}
.wi-body p{max-width:none}
.wi-body h2{font-size:clamp(1.2rem,1.5vw,1.42rem)!important;margin:3.2em 0 1.3em!important}
.wi-body h2 + p{margin-top:0}
.wi-body h3.wi-sub{font-size:1.05rem;margin:2.2em 0 1em}
.wi-body h3.wi-sub + p,.wi-body h3.wi-sub + .wi-cards,.wi-body h3.wi-sub + .wi-chips,.wi-body h3.wi-sub + .wi-tiles{margin-top:0}
.wi-body hr,.wi-body .wp-block-separator{display:none}
.wi-body a:not(.btn){text-decoration:none!important;color:var(--ui);font-weight:500}
.wi-body a:not(.btn):hover{color:var(--hov)}
/* Hinweis- und Begriffs-Karten */
.wi-term{margin:1.6em 0;padding:var(--f3);border-radius:22px;background:var(--mist,#F3F5F9);transition:box-shadow .35s,transform .4s}
.wi-term:hover{box-shadow:0 26px 44px -32px rgba(1,23,64,.35);transform:translateY(-3px)}
.wi-term b{display:block;margin-bottom:var(--f1);font-size:1.02rem;font-weight:500;color:var(--hov)}
.wi-term p{margin:0}
/* Aufzählung als Chips */
.wi-chips{list-style:none;margin:1.6em 0 2em;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wi-chips li{padding:10px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);font-size:.95rem;color:var(--ink);transition:background-color .3s,color .3s,box-shadow .3s}
.wi-chips li:hover{background:var(--hov);color:#fff;box-shadow:0 18px 30px -18px rgba(193,5,59,.7)}
/* Aufzählung als nummerierte Kacheln */
.wi-tiles{list-style:none;margin:1.8em 0 2.2em;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--f2)}
.wi-tiles li{position:relative;overflow:hidden;padding:var(--f3) var(--f2) var(--f2);border-radius:24px;background:var(--mist,#F3F5F9);line-height:1.6;transition:box-shadow .35s,transform .4s}
.wi-tiles li:hover{box-shadow:0 30px 50px -34px rgba(1,23,64,.4);transform:translateY(-4px)}
.wi-tn{display:block;margin-bottom:var(--f1);font-size:2.2rem;font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--hov)}
.wi-tiles li > div{min-width:0}
/* Feedback-Karten wie auf der Startseite */
.wi-fbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--f2);margin:var(--f3) 0 var(--f4)}
.wi-fb{display:flex;flex-direction:column;gap:var(--f2);padding:var(--f3);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .35s,transform .4s}
.wi-fb:hover{box-shadow:inset 0 0 0 1px rgba(193,5,59,.3),0 30px 50px -32px rgba(1,23,64,.4);transform:translateY(-4px)}
.wi-fb p{flex:1;margin:0;font-size:.98rem;line-height:1.7;color:var(--ink-2)}
.wi-fb footer{display:flex;align-items:center;gap:var(--f1)}
.wi-fb img,.wi-ini{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;margin:0!important}
.wi-ini{display:grid;place-items:center;background:var(--ui);color:#fff;font-weight:500}
.wi-fb b{display:block;font-weight:500;color:var(--ink)}.wi-fb small{color:var(--muted);font-size:.82rem}
/* Gesprächs-Kasten hell */
.wi-ic{background:var(--mist,#F3F5F9);color:var(--muted);box-shadow:none;transition:box-shadow .35s}
.wi-ic:hover{box-shadow:0 30px 50px -36px rgba(1,23,64,.4)}
.wi-ic b{color:var(--hov)}
.wi-ic span{color:var(--muted)}
/* Passende Angebote: kräftigerer Hover */
.wi-of{transition:background .4s,box-shadow .4s,transform .45s,color .3s}
.wi-of:not(.feat):hover{background:linear-gradient(160deg,#0C2C63,#011740);transform:translateY(-8px);box-shadow:0 44px 70px -40px rgba(1,23,64,.75)}
.wi-of:not(.feat):hover h3,.wi-of:not(.feat):hover li,.wi-of:not(.feat):hover .wi-of-k{color:#fff}
.wi-of:not(.feat):hover li svg{color:#fff}
.wi-of.feat:hover{transform:translateY(-8px);box-shadow:0 44px 70px -36px rgba(193,5,59,.7)}
/* Autorenbox: grau, ein Drittel Bild */
.wa-card{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.wa-vis{min-height:0;background:linear-gradient(160deg,#EEF1F6 0%,#DDE3EC 100%)}
.wa-vis img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:100%;max-height:none;max-width:none;width:auto;object-fit:contain}
.wa-ring{border-color:rgba(1,23,64,.09)}.wa-ring.r2{border-color:rgba(1,23,64,.06)}
.wa-b{background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 14px 30px -18px rgba(1,23,64,.35);color:var(--ink)}
.wa-b small{color:var(--muted)}
.wa-b.b1{left:8%;top:10%}.wa-b.b2{right:6%;bottom:8%}
@media(max-width:900px){.wa-vis{min-height:320px}}

/* ===== Blog-Archiv ===== */
.bl-card p{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
.bl2-c[hidden]{display:none!important}
.bl-card{transition:transform .45s,box-shadow .4s}
.bl-card:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--line),0 36px 60px -38px rgba(1,23,64,.4)}
.bl2-copy{padding-top:var(--f3);max-width:44rem}
.bl-hero2 h1{max-width:20ch}
.bl2-facts{list-style:none;margin:var(--f4) 0 0;padding:0 0 var(--f2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--f2)}
.bl2-facts li{display:flex;align-items:center;gap:var(--f2);padding:var(--f2);border-radius:22px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .35s,box-shadow .35s}
.bl2-facts li:hover{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 26px 44px -30px rgba(0,0,0,.6)}
.bl2-facts .wi-f-i{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);color:#fff}
.bl2-facts li:hover .wi-f-i{background:var(--hov)}
.bl2-facts b{display:block;font-size:1.35rem;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.bl2-facts span:not(.wi-f-i){display:block;margin-top:2px;font-size:.84rem;color:rgba(255,255,255,.75)}
@media(max-width:1000px){.bl2-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bl2-facts{grid-template-columns:minmax(0,1fr)}}
.bl2-feat{padding-block:var(--f5) var(--f3)}
.bl2-head{margin-bottom:var(--f2)}
.bl2-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:32px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .4s}
.bl2-hero:hover{box-shadow:inset 0 0 0 1px var(--line),0 44px 70px -44px rgba(1,23,64,.45)}
.bl2-hero-media{display:block;min-height:320px;background:var(--mist,#F3F5F9);overflow:hidden}
.bl2-hero-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}
.bl2-hero:hover .bl2-hero-media img{transform:scale(1.04)}
.bl2-hero-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--f2);padding:var(--f4)}
.bl2-tag{padding:6px 14px;border-radius:999px;background:rgba(193,5,59,.09);color:var(--hov);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.bl2-hero h2{margin:0;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.2}
.bl2-hero h2 a:hover{color:var(--hov)}
.bl2-hero p{margin:0;color:var(--muted);line-height:1.65}
.bl2-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--f1) var(--f2);font-size:.86rem;color:var(--muted)}
.bl2-meta span:first-child{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:500}
.bl2-meta img{width:32px;height:32px;border-radius:50%;object-fit:cover}
@media(max-width:900px){.bl2-hero{grid-template-columns:minmax(0,1fr)}.bl2-hero-body{padding:var(--f3)}}
.bl2-more{display:flex;justify-content:center;margin-top:var(--f4)}
.bl2-more[hidden]{display:none}
.bl2-promo{padding-block:var(--f3) var(--f5)}
.bl2-pcard{display:flex;align-items:center;justify-content:space-between;gap:var(--f4);flex-wrap:wrap;padding:var(--f4);border-radius:32px;background:var(--mist,#F3F5F9);transition:box-shadow .4s}
.bl2-pcard:hover{box-shadow:0 40px 70px -46px rgba(1,23,64,.4)}
.bl2-pcard h2{margin:var(--f1) 0;font-size:clamp(1.5rem,2.4vw,2.1rem)}
.bl2-pcard p{margin:0;max-width:36rem;color:var(--muted);line-height:1.65}
.bl2-pbtns{display:flex;gap:12px;flex-wrap:wrap}
.bl2-worlds{padding-block:var(--f5)}
.bl2-wgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--f2);margin-top:var(--f4)}
.bl2-w{display:flex;flex-direction:column;gap:var(--f1);padding:var(--f3);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);color:var(--muted);line-height:1.6;transition:background .4s,box-shadow .4s,transform .45s,color .3s}
.bl2-wi{display:grid;place-items:center;width:52px;height:52px;margin-bottom:var(--f1);border-radius:16px;background:var(--ui);color:#fff;transition:background-color .3s,color .3s}
.bl2-w b{font-size:1.25rem;font-weight:500;color:var(--ink);transition:color .3s}
.bl2-wgo{margin-top:auto;padding-top:var(--f1);font-style:normal;font-weight:500;color:var(--ui);transition:color .3s}
.bl2-w:hover{background:linear-gradient(160deg,#C1053B,#9A0430);transform:translateY(-6px);box-shadow:0 36px 60px -32px rgba(193,5,59,.65)}
.bl2-w:hover,.bl2-w:hover b,.bl2-w:hover .bl2-wgo{color:#fff}
.bl2-w:hover .bl2-wi{background:#fff;color:var(--hov)}
@media(max-width:1000px){.bl2-wgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bl2-wgrid{grid-template-columns:minmax(0,1fr)}}
.bl2-lex{padding-block:var(--f4) var(--f5)}
.bl2-lexhead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--f3);flex-wrap:wrap}
.bl2-lexhead h2{margin:var(--f1) 0 0}
.bl2-lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--f2);margin-top:var(--f4)}
.bl2-lx{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--f3);border-radius:28px;background:var(--mist,#F3F5F9);color:var(--muted);line-height:1.6;transition:box-shadow .4s,transform .45s}
.bl2-lx:hover{box-shadow:0 34px 56px -36px rgba(1,23,64,.4);transform:translateY(-5px)}
.bl2-lxl{position:absolute;right:var(--f3);top:var(--f2);font:italic 400 4.5rem/1 var(--serif);color:rgba(1,23,64,.08);transition:color .3s}
.bl2-lx:hover .bl2-lxl{color:var(--hov)}
.bl2-lx small{font-size:.74rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--hov)}
.bl2-lx b{font-size:1.3rem;font-weight:500;color:var(--ink)}
@media(max-width:900px){.bl2-lgrid{grid-template-columns:minmax(0,1fr)}}
.bl2-end{padding-block:var(--f4) var(--f3)}
.bl2-end .frame{margin:0}
.bl-hero2 h1,.wi-hero-dark h1{hyphens:manual;-webkit-hyphens:manual;word-break:normal;overflow-wrap:normal}
.bl-hero2 h1{max-width:26ch}
a{text-decoration:none}
.wa-l,.vnote-go{border-bottom:0!important}
.wa-l:hover,.vnote-go:hover{color:var(--hov)!important}

/* ===== Runde 3 ===== */
.wi-facts-sec{padding-top:var(--f3)}
.wi-facts{gap:var(--f2);max-width:none}
.wi-f{padding:var(--f2) var(--f3);gap:var(--f2);border-radius:20px}
.wi-f-i{width:40px;height:40px;border-radius:12px}
.wi-f-i svg{width:19px;height:19px}
.wi-f b{font-size:.98rem}
.wi-f > div > span{font-size:.82rem;line-height:1.45}
.wi-layout{padding-top:var(--f4)!important}
.bp-toc-in{scrollbar-width:thin;scrollbar-color:rgba(1,23,64,.25) transparent;overscroll-behavior:contain}
.bp-toc-in::-webkit-scrollbar{display:block;width:6px}
.bp-toc-in::-webkit-scrollbar-thumb{background:rgba(1,23,64,.25);border-radius:6px}
/* Passende Angebote: grau + blauer Button, Mitte wird blau */
.wi-of:not(.feat):hover{background:#EDF0F5;transform:translateY(-8px);box-shadow:0 40px 64px -42px rgba(1,23,64,.45)}
.wi-of:not(.feat):hover h3{color:var(--ink)}
.wi-of:not(.feat):hover li,.wi-of:not(.feat):hover .wi-of-k{color:inherit}
.wi-of:not(.feat):hover li svg{color:inherit}
.wi-of:not(.feat):hover .wi-of-k{color:var(--hov)}
.wi-of:not(.feat):hover .btn{background:var(--ui);box-shadow:0 18px 30px -16px rgba(1,23,64,.6)}
.wi-of.feat{transition:background .4s,box-shadow .4s,transform .45s}
.wi-of.feat:hover{background:linear-gradient(160deg,#0C2C63,#011740);transform:translateY(-8px);box-shadow:0 44px 70px -36px rgba(1,23,64,.7)}
.wi-of.feat:hover .btn{color:var(--ui)}
/* Autorenbox: Birol vollständig sichtbar, Badges neben dem Gesicht */
.wa-card{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);min-height:580px}
.wa-vis{min-height:580px;padding:var(--f3) var(--f3) 0;align-items:flex-end}
.wa-vis img{position:relative;left:auto;bottom:0;transform:none;height:auto;width:auto;max-width:100%;max-height:100%;object-fit:contain;align-self:flex-end}
.wa-b{padding:10px 14px;border-radius:16px}
.wa-b b{font-size:1rem}
.wa-b.b1{left:var(--f2);top:auto;bottom:var(--f3)}
.wa-b.b2{right:var(--f2);bottom:var(--f3)}
.wa-copy{padding:var(--f5) var(--f4)}
@media(max-width:900px){.wa-card{grid-template-columns:minmax(0,1fr);min-height:0}.wa-vis{min-height:0;order:-1;padding-top:var(--f3)}.wa-vis img{max-height:420px}}
.wa-vis img{width:calc(100% - 2*var(--f3));max-width:390px;height:auto;max-height:none}
.wa-vis{padding:var(--f3) var(--f3) 0}
.wa-card{min-height:0;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.wa-copy{padding:var(--f4)}
.wa-vis{min-height:0;padding:0}
.wa-vis img{width:100%;max-width:none;height:auto;align-self:flex-end}
.wa-b.b1{left:var(--f2);bottom:var(--f2)}.wa-b.b2{right:var(--f2);bottom:var(--f2)}
/* Blog-Archiv Hero: wie die Beiträge, aber höher */
.bl-hero2{padding-bottom:var(--f4)}
.bl-hero2 .wi-hero-grid{min-height:430px;margin-top:var(--f3);align-items:center}
.bl-hero2 .wi-vis-img{aspect-ratio:4/3.2}
.bl-hero2 .bl2-new .wi-a-h{font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--hov)}
.bl-hero2 .bl2-new p{margin:6px 0 8px;font-weight:500;color:var(--ink)}
.bl2-facts{margin-top:var(--f3)}
/* Teilen-Buttons */
.bp-share{border-top:0!important;padding-top:0!important;margin-top:var(--f2)}
.bp-sh{width:40px;height:40px;transition:background-color .3s,color .3s,box-shadow .3s}
.bp-sh:hover{transform:none;background:var(--hov);color:#fff;box-shadow:0 14px 24px -12px rgba(193,5,59,.6)}
/* Blog-Hero: Kennzahlen unter dem Text */
.bl-hero2 .bl2-facts{grid-template-columns:repeat(4,max-content);gap:var(--f1);margin-top:var(--f3);padding:0}
.bl-hero2 .bl2-facts li{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border-radius:18px}
.bl-hero2 .bl2-facts .wi-f-i{display:none}
.bl-hero2 .bl2-facts b{font-size:1.2rem}
.bl-hero2 .bl2-facts span:not(.wi-f-i){font-size:.76rem;margin:0}
@media(max-width:700px){.bl-hero2 .bl2-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bl-hero2 .wi-vis-img{aspect-ratio:4/3}
/* Inhaltsverzeichnis: Karte scrollt, Gespräch und Teilen bleiben darunter sichtbar */
.bp-toc-in{display:flex;flex-direction:column;gap:var(--f1);padding:0;background:none;box-shadow:none;overflow:visible;max-height:calc(100vh - 128px);top:108px}
.bp-toc-card{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:var(--f2) var(--f1) var(--f1) var(--f2);border-radius:24px;background:#fff;box-shadow:0 2px 6px rgba(15,20,30,.04),0 24px 50px -30px rgba(15,20,30,.35)}
.bp-toc-card .bp-toc-h{flex:none}
.bp-toc-card ol{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(1,23,64,.25) transparent;padding-right:6px}
.bp-toc-card ol::-webkit-scrollbar{width:6px}.bp-toc-card ol::-webkit-scrollbar-thumb{background:rgba(1,23,64,.25);border-radius:6px}
.bp-toc-act{flex:none;padding:var(--f2);border-radius:24px;background:#fff;box-shadow:0 2px 6px rgba(15,20,30,.04),0 24px 50px -30px rgba(15,20,30,.35)}
.bp-toc-act .bp-toc-cta{margin:0}
.bp-toc-act .bp-share{margin-top:var(--f2);justify-content:space-between}

/* Eingebettete Videos mit Zusammenfassung */
.wi-video{position:relative;margin:var(--f4) 0 var(--f1);border-radius:28px;overflow:hidden;background:#010C26;box-shadow:0 30px 60px -36px rgba(1,23,64,.55)}
.wi-vplay{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:none;cursor:pointer;color:#fff}
.wi-vplay img,.wi-video iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important;border:0}
.wi-vplay::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,12,38,0) 45%,rgba(1,12,38,.65) 100%)}
.wi-vp{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 20px 40px -18px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s}
.wi-vplay:hover .wi-vp{background:var(--hov)}
.wi-video figcaption{position:absolute;left:var(--f3);right:var(--f3);bottom:var(--f2);z-index:2;display:flex;flex-direction:column;gap:2px;color:#fff;pointer-events:none}
.wi-video figcaption b{font-weight:500;font-size:1.05rem;line-height:1.3}
.wi-video figcaption small{font-size:.78rem;color:rgba(255,255,255,.8)}
.wi-video.on figcaption{display:none}
.wi-vsum{margin:0 0 var(--f4);border-radius:22px;background:var(--mist,#F3F5F9);transition:box-shadow .35s}
.wi-vsum:hover{box-shadow:0 26px 44px -32px rgba(1,23,64,.35)}
.wi-vsum summary{display:flex;align-items:center;justify-content:space-between;gap:var(--f2);padding:var(--f2) var(--f3);cursor:pointer;list-style:none;font-weight:500;color:var(--ink)}
.wi-vsum summary::-webkit-details-marker{display:none}
.wi-vpm{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--ui);transition:background-color .3s,color .3s,transform .3s}
.wi-vsum[open] .wi-vpm{background:var(--hov);color:#fff;transform:rotate(45deg)}
.wi-vsum-b{padding:0 var(--f3) var(--f3);line-height:1.7;color:var(--ink-2)}
.wi-vsum-b p{margin:0 0 var(--f1)}
.wi-vsum-b ul{margin:var(--f1) 0 0;padding-left:1.2em}
.wi-vsum-b li{margin:6px 0}
.wi-vp{background:rgba(1,23,64,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 20px 40px -18px rgba(0,0,0,.6)}
/* Lexikon: Bildschirmfotos ohne 100svh-Streckung */
.shot .lxe-hero,.shot.lx-photo .lx-hero,.shot .lx-photo .lx-hero{min-height:780px}
/* Lexikon Archiv: sieben Themenkacheln, keine Trennlinien */
@media (min-width:1100px){.lx-tiles2{grid-template-columns:repeat(7,minmax(0,1fr))}}
.lx-gh{border-bottom:0;padding-bottom:4px}.lx-gh::after{display:none}
.lx-tile b{font-size:.92rem;line-height:1.3}
.shot .lx-gh .lx-letter .serif{clip-path:none;transform:none}

/* ===== Lexikon: Hero scharf mit dunkler Überblendung wie Startseite, volle Textfarben ===== */
.lx-ph img,.lxe-ph img,.lx-photo .lx-ph img{left:0;right:auto;width:100%;max-width:none;height:100%;object-fit:cover;object-position:40% 45%;transform:none;filter:none;-webkit-mask:none;mask:none;animation:none}
.lx-ph::after,.lxe-ph::after,.lxe-ph::after,.lx-photo .lx-ph::after{background:linear-gradient(90deg,#010C26 0%,rgba(1,12,38,.97) 40%,rgba(1,23,64,.93) 70%,rgba(1,23,64,.86) 100%),linear-gradient(0deg,rgba(1,12,38,.6) 0%,rgba(1,12,38,0) 40%)}
.lx-hero h1,.lx-hero .w-h1a,.lx-hero .w-h1b,.lxe-hero h1,.lx-hero .lead,.lxe-hero .lxe-lead,.lx-hero .lx-count,.lx-hero .lx-count b,.lxe-hero .lxe-pron,.lxe-hero .w-byline b,.lxe-hero .w-byline small,.lxe-hero .bp-facts,.lxe-hero .bp-facts li,.lx-hero .w-crumbs ol,.lx-hero .w-crumbs a,.lxe-hero .w-crumbs ol,.lxe-hero .w-crumbs a,.lx-hero .w-crumbs li,.lxe-hero .w-crumbs li{color:#fff;text-shadow:none}
.lx-hero .w-crumbs [aria-current],.lxe-hero .w-crumbs [aria-current]{color:#fff}
.lx-hero h1 .serif{color:#FF2E57;-webkit-text-fill-color:#FF2E57}
.lxe-hero h1 .serif,.lxe-hero .lxe-pron .serif{color:#FF2E57;-webkit-text-fill-color:#FF2E57;display:block}
.lxe-hero .lxe-pron .serif{display:inline}
.lx-photo .lx-defc,.lxe-kc.front{background:rgba(1,23,64,.78);border-color:#fff}
.lx-photo .lx-defc .lx-defc-t,.lx-photo .lx-defc .lx-defc-d,.lx-photo .lx-defc .lx-defc-k,.lxe-kc.front *,.lxe-kc .lxe-kt,.lxe-kc p,.lxe-def-k{color:#fff}
.lxe-kc.front .lxe-kl{color:#fff}
.lxe-kt,.lx-defc-t{font-size:clamp(1.5rem,2.2vw,2.1rem);overflow-wrap:break-word}
.lxe-hero .lxe-rel a,.lxe-hero .lxe-rel a.glass{color:#fff}
.lx-hero .w-search input,.lx-hero .w-search input::placeholder{color:#fff}
.lx-hero .chip.glass,.lxe-hero .chip.glass{color:#fff}

/* Keine Silbentrennung einzelner Wörter: Zusammensetzungen wie Persönlichkeitsentwicklung bleiben ganz, Umbruch nur an Wortgrenzen */
*,*::before,*::after{-webkit-hyphens:manual!important;hyphens:manual!important;word-break:normal!important}
h1,h2,h3,h4,.glass,.lx-card h3,.lxe-kt,.lx-defc-t{overflow-wrap:normal!important}

/* Archiv-Karten: Beschrieb zwei Zeilen, Pfeil bleibt im Button */
.lx-card p{-webkit-line-clamp:2!important}
.lx-foot em{min-width:0;flex:1 1 auto;line-height:1.5}
.lx-btn{flex:none}
.lx-card:hover .lx-btn-l{max-width:200px}
.lx-btn-i{flex:none}

/* Inhaltsverzeichnis: rote Punkte nie abgeschnitten (Blog und Lexikon) */
.bp-toc-card ol{padding-left:26px!important;padding-right:10px}
.bp-toc-card li a::before{left:-20px}
.bp-toc-card ol::before{left:6px}
.lxa-duo .lxa-av img{top:12%}
body .lxe-hero .lxe-ph::after,body.lx-photo .lx-hero .lx-ph::after{background:linear-gradient(90deg,#010C26 0%,rgba(1,12,38,.96) 38%,rgba(1,23,64,.9) 68%,rgba(1,23,64,.8) 100%),linear-gradient(0deg,rgba(1,12,38,.55) 0%,rgba(1,12,38,0) 45%)!important}
body .lxe-hero h1 .serif,body .lxe-hero .lxe-pron .serif,body .lx-hero h1 .serif{color:#FF2E57!important;-webkit-text-fill-color:#FF2E57!important;opacity:1!important;background:none!important}
body .lxe-hero .lxe-ph img,body.lx-photo .lx-hero .lx-ph img{width:100%!important;left:0!important;opacity:1!important;filter:none!important}
body .lxe-hero .lxe-ph::after,body.lx-photo .lx-hero .lx-ph::after{background:linear-gradient(90deg,rgba(1,12,38,.97) 0%,rgba(1,12,38,.92) 36%,rgba(1,23,64,.7) 68%,rgba(1,23,64,.56) 100%),linear-gradient(0deg,rgba(1,12,38,.5) 0%,rgba(1,12,38,0) 40%)!important}
.lxe-article a,.lxe-article a:hover,.lx-cards a,.lxr{text-decoration:none!important}

/* ===== Einfache Seiten (Impressum, Datenschutz, AGB, Kontakt) ===== */
.sg-hero{min-height:0!important;padding-block:clamp(120px,14vw,170px) clamp(48px,6vw,80px)}
.sg-hero h1{max-width:none}
.sg-body{padding-block:clamp(48px,6vw,88px)}
.sg-body .wrap>.sg-text{max-width:860px;margin-inline:auto}
.sg-text h2{font-size:clamp(1.3rem,2vw,1.6rem);margin:2.2em 0 .6em;letter-spacing:-.02em}
.sg-text h2:first-child{margin-top:0}
.sg-text p,.sg-text li{font-size:1.02rem;line-height:1.75;color:#1A1A2E;margin:0 0 1em}
.sg-text a{color:#C1053B;text-decoration:none}
.sg-text a:hover{text-decoration:none;color:#011740}
.kt-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:start}
.kt-info h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 .5em;letter-spacing:-.025em}
.kt-info p{font-size:1.02rem;line-height:1.75;color:#1A1A2E;margin:0 0 1em}
.kt-info ul{list-style:none;margin:1.2em 0;padding:0;display:grid;gap:12px}
.kt-info li{display:flex;gap:12px;align-items:flex-start;font-size:1rem;color:#1A1A2E}
.kt-info li::before{content:"";flex:none;width:10px;height:10px;margin-top:.55em;border-radius:50%;background:#C1053B}
.kt-card{background:#fff;border-radius:28px;padding:clamp(24px,3vw,40px);box-shadow:inset 0 0 0 1px #E3E6EF,0 30px 60px -40px rgba(1,23,64,.35)}
.kt-card .kt-fx{background:none;box-shadow:none;padding:0;border-radius:0}
.kt-card fieldset{border:0;margin:0 0 18px;padding:0}
.kt-card legend{font-weight:600;color:#011740;margin-bottom:10px;padding:0}
.kt-note{margin-top:20px;font-size:.92rem;line-height:1.65;color:#1A1A2E}
.kt-disc{margin-top:28px;padding:22px 24px;border-radius:20px;background:#F3F6FA;font-size:.95rem;line-height:1.7;color:#1A1A2E}
.kt-disc b{color:#011740}
@media (max-width:900px){.kt-wrap{grid-template-columns:minmax(0,1fr)}}

/* ===== Hero: je Seite eigener Ausschnitt des Hintergrundfotos; Grafik rechts statt blauer Fläche ===== */
.wi-hero-bg.hv1 img{transform:scale(1.32);transform-origin:10% 45%}
.wi-hero-bg.hv2 img{transform:scale(1.32);transform-origin:90% 35%}
.wi-vis-img.wi-vis-gfx{background:#fff}
.wi-vis-img.wi-vis-gfx img{object-fit:cover;object-position:50% 50%}

/* ===== «So läuft die Begleitung ab»: Zeitstrahl, der beim Scrollen wächst ===== */
.wi-weg-l{list-style:none!important;margin:var(--f4,40px) 0 0!important;padding:0!important;position:relative;display:grid;gap:26px;max-width:980px}
.wi-weg-l::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:4px;border-radius:4px;background:#D7DEEC}
.wi-weg-l::after{content:"";position:absolute;left:27px;top:28px;width:4px;border-radius:4px;height:calc((100% - 56px) * var(--p,0));background:linear-gradient(180deg,#011740 0%,#C1053B 100%)}
.wi-weg-l li{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);gap:26px;align-items:start;margin:0!important;padding:0!important;list-style:none!important}
.wi-weg-l li::marker{content:""}
.wi-weg-l .wi-st-n{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#011740;font-size:1.25rem;font-weight:600;box-shadow:inset 0 0 0 4px #D7DEEC,0 14px 28px -16px rgba(1,23,64,.5);transition:background-color .5s,color .5s,box-shadow .5s,transform .5s}
.wi-weg-l li.in .wi-st-n{background:#C1053B;color:#fff;box-shadow:inset 0 0 0 4px #C1053B,0 0 0 8px #FBE3EA,0 16px 30px -14px rgba(193,5,59,.7);transform:scale(1.04)}
.wi-weg-l li>div{background:#fff;border-radius:24px;padding:26px 32px;box-shadow:inset 0 0 0 1px #E3E8F2,0 24px 44px -34px rgba(1,23,64,.4);transition:transform .45s,box-shadow .45s}
.wi-weg-l li:hover>div{transform:translateY(-5px);box-shadow:inset 0 0 0 1px #C1053B,0 30px 50px -30px rgba(1,23,64,.45)}
.wi-weg-l h3{margin:0 0 8px;font-size:1.25rem;line-height:1.25;letter-spacing:-.02em;color:#011740;transition:color .3s}
.wi-weg-l li:hover h3{color:#C1053B}
.wi-weg-l p{margin:0;color:#3B4660;font-size:1rem;line-height:1.65}
@media(max-width:640px){.wi-weg-l li{grid-template-columns:44px minmax(0,1fr);gap:16px}.wi-weg-l .wi-st-n{width:44px;height:44px;font-size:1rem}.wi-weg-l::before,.wi-weg-l::after{left:20px}.wi-weg-l li>div{padding:20px 22px}}
@media(prefers-reduced-motion:reduce){.wi-weg-l{--p:1}.wi-weg-l li>div,.wi-weg-l .wi-st-n{transition:none}}

/* ===== Erfahrungen: Einleitung als gestaltete Abschnitte ===== */
.er-intro{padding-block:var(--f6,72px) var(--f4,40px)}
.er-lead{max-width:62rem;font-size:1.18rem;line-height:1.75;color:#1B2540;margin:var(--f2,20px) 0 0}
.er-lead+.er-lead{margin-top:var(--f2,20px)}
.er-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:var(--f4,40px)}
.er-tile{display:flex;flex-direction:column;gap:14px;padding:26px 22px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8F2,0 24px 44px -34px rgba(1,23,64,.4);transition:transform .45s,box-shadow .45s}
.er-tile:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px #C1053B,0 30px 50px -30px rgba(1,23,64,.45)}
.er-tile i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#011740;color:#fff;transition:background-color .3s}
.er-tile:hover i{background:#C1053B}
.er-tile b{font-size:1.04rem;font-weight:500;line-height:1.35;color:#011740}
.er-why{display:grid;gap:22px;margin-top:var(--f4,40px);max-width:1040px}
.er-why li{list-style:none;display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;align-items:start;padding:26px 30px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8F2,0 24px 44px -34px rgba(1,23,64,.4);transition:transform .45s,box-shadow .45s}
.er-why li:hover{transform:translateX(6px);box-shadow:inset 0 0 0 1px #C1053B,0 30px 50px -30px rgba(1,23,64,.45)}
.er-why .n{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#011740;color:#fff;font-size:1.3rem;font-weight:600;transition:background-color .3s}
.er-why li:hover .n{background:#C1053B}
.er-why h3{margin:0 0 6px;font-size:1.18rem;letter-spacing:-.02em;color:#011740}
.er-why p{margin:0;color:#3B4660;line-height:1.65}
.er-for{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--f3,28px)}
.er-for span{padding:12px 22px;border-radius:999px;background:#fff;color:#011740;font-weight:500;box-shadow:inset 0 0 0 1px #D7DEEC;transition:background-color .3s,color .3s,box-shadow .3s}
.er-for span:hover{background:#C1053B;color:#fff;box-shadow:inset 0 0 0 1px #C1053B}
@media(max-width:1000px){.er-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.er-grid{grid-template-columns:minmax(0,1fr)}.er-why li{grid-template-columns:48px minmax(0,1fr);padding:20px}.er-why .n{width:48px;height:48px;font-size:1.1rem}}
.wi-hero-dark .w-facts b{background:none;-webkit-text-fill-color:#FF2E57;color:#FF2E57}
.wi-hero-dark .w-facts span{color:#fff}
.er-h{margin:var(--f4,40px) 0 0;font-size:1.3rem;letter-spacing:-.02em;color:#011740}

/* ===== Schweizer Karte ===== */
.sm-sec{padding-block:var(--f5,64px)}
.sm-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:stretch}
.sm-card{position:relative;border-radius:32px;padding:28px 28px 20px;background:radial-gradient(120% 90% at 20% 0,#0B2C69 0%,#011740 62%);box-shadow:0 40px 80px -44px rgba(1,23,64,.7);overflow:hidden}
.sm-svg{display:block;width:100%;height:auto}
.sm-land{fill:#0C2D6B}.sm-border{fill:none;stroke:#6F8CC0;stroke-width:2}
.sm-edges path{fill:none;stroke:#FF2E57;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
.sm-card.in .sm-edges path{animation:smdraw 1.4s ease forwards;animation-delay:var(--d)}
@keyframes smdraw{to{stroke-dashoffset:0}}
.sm-city .dot{fill:#fff}.sm-city .halo{fill:#C1053B;opacity:0;transform-box:fill-box;transform-origin:center}
.sm-city text{fill:#fff;font-size:21px;font-weight:500;opacity:0}
.sm-city.big text{font-size:26px;font-weight:600}
.sm-card.in .sm-city text{animation:smfade .6s ease forwards;animation-delay:var(--d)}
.sm-card.in .sm-city .halo{animation:smpulse 2.6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes smfade{to{opacity:1}}
@keyframes smpulse{0%{opacity:.9;transform:scale(.5)}70%{opacity:0;transform:scale(1.6)}100%{opacity:0}}
.sm-leg{display:flex;gap:22px;margin-top:6px;color:#fff;font-size:.88rem}.sm-leg i{display:inline-block;width:14px;height:3px;margin-right:8px;vertical-align:middle;border-radius:2px}.sm-leg .a{background:#fff;height:10px;width:10px;border-radius:50%}.sm-leg .b{background:#FF2E57}
.sm-txt{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px;border-radius:32px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8F2,0 40px 80px -50px rgba(1,23,64,.35)}
.sm-k{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#C1053B}
.sm-txt h2{margin:0;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.12;letter-spacing:-.03em;color:#011740}
.sm-txt p{margin:0;color:#3B4660;line-height:1.7}.sm-txt .btn{align-self:flex-start}
@media(max-width:900px){.sm-grid{grid-template-columns:minmax(0,1fr)}.sm-txt{padding:28px}}

/* ===== Karten zum Wischen ===== */
.hb-sec{padding-block:var(--f5,64px);overflow:hidden}
.hb-bar{display:flex;align-items:center;gap:24px;margin-top:var(--f3,28px)}
.hb-prog{flex:1;max-width:320px;height:3px;border-radius:3px;background:#D7DEEC;overflow:hidden}.hb-prog i{display:block;height:100%;width:20%;border-radius:3px;background:#C1053B;transition:width .3s}
.hb-btns{display:flex;gap:10px}.hb-b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#011740;box-shadow:inset 0 0 0 1px #D7DEEC;transition:background-color .25s,color .25s}.hb-b:hover{background:#C1053B;color:#fff}
.hb-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px max(16px,calc((100vw - 1240px)/2)) 40px;scrollbar-width:none}
.hb-track::-webkit-scrollbar{display:none}
.hb-card{flex:0 0 min(420px,82vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:30px;background:#fff;color:#011740;box-shadow:inset 0 0 0 1px #E3E8F2,0 34px 60px -40px rgba(1,23,64,.45);transition:background-color .4s,color .4s,transform .4s}
.hb-card:hover,.hb-card.on{background:#C1053B;color:#fff;transform:translateY(-6px)}
.hb-n{font-size:.82rem;opacity:.7}.hb-i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#011740;color:#fff;transition:background-color .4s,color .4s}
.hb-card:hover .hb-i,.hb-card.on .hb-i{background:#fff;color:#C1053B}
.hb-card h3{margin:6px 0 0;font-size:1.7rem;letter-spacing:-.03em;color:inherit}.hb-card b{font-weight:500;font-size:1.05rem}.hb-card p{margin:0;line-height:1.65;color:inherit}
.hb-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hb-tags span{padding:6px 14px;border-radius:999px;font-size:.82rem;background:#E8EEF9;color:#011740}.hb-card:hover .hb-tags span,.hb-card.on .hb-tags span{background:#fff;color:#C1053B}
.hb-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-weight:500;color:inherit}

/* ===== Animierte Grafiken ===== */
.an-sec{padding-block:var(--f5,64px)}
.an-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:var(--f4,40px)}
.an-card{padding:32px;border-radius:30px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8F2,0 34px 60px -40px rgba(1,23,64,.4)}
.an-card h3{margin:0 0 6px;font-size:1.35rem;color:#011740;letter-spacing:-.02em}.an-card p{margin:0 0 18px;color:#3B4660;line-height:1.65}
.an-svg{display:block;width:100%;height:auto;border-radius:22px;background:radial-gradient(120% 100% at 15% 0,#0B2C69,#011740)}
.an-net path{fill:none;stroke:url(#anl);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1}.an-net .thin{stroke-width:1.5;opacity:.7}
.an-card.in .an-net path{animation:smdraw 1.8s ease forwards}
.an-node circle{fill:#0C2D6B;stroke:#6F8CC0;stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0}.an-node.red circle{fill:#C1053B;stroke:#FF2E57}
.an-node text{fill:#fff;font-size:17px;font-weight:600;opacity:0}.an-node text.s{font-size:13px;font-weight:400}
.an-card.in .an-node circle,.an-card.in .an-node text{animation:smfade .6s ease forwards;animation-delay:var(--d)}
.an-pk{fill:#fff}.an-pk.b{fill:#FF2E57}
.an-axis{stroke:#6F8CC0;stroke-width:2;fill:none}
.an-line{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.an-line.base{stroke:#6F8CC0}
.an-card.in .an-line{animation:smdraw 2.6s ease .3s forwards}
.an-dot{fill:#fff;opacity:0}.an-dot.red{fill:#FF2E57}
.an-card.in .an-dot{animation:smfade .5s ease 1.4s forwards}.an-card.in .an-dot.red{animation-delay:2.6s}
.an-lbl{fill:#fff;font-size:15px}.an-lbl.strong{font-weight:600;font-size:17px;fill:#FF2E57}
@media(max-width:900px){.an-grid{grid-template-columns:minmax(0,1fr)}.an-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.sm-edges path,.an-net path,.an-line{stroke-dashoffset:0!important;animation:none!important}.sm-city text,.an-node circle,.an-node text,.an-dot{opacity:1!important;animation:none!important}}

/* ===== Einfache Seite mit Bild rechts im Hero ===== */
.sg-two{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.sg-two .sg-vis{padding:0;max-width:none}.sg-two .wi-vis-img{aspect-ratio:4/3}
@media(max-width:900px){.sg-two{grid-template-columns:minmax(0,1fr);gap:28px}}

/* ===== Videos ===== */
.vd-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--f4,40px)}
.vd-nav a{padding:12px 22px;border-radius:999px;background:#fff;color:#011740;font-weight:500;box-shadow:inset 0 0 0 1px #D7DEEC;transition:background-color .25s,color .25s}
.vd-nav a:hover{background:#C1053B;color:#fff;box-shadow:inset 0 0 0 1px #C1053B}
.vd-cat{margin:var(--f6,72px) 0 var(--f3,28px);font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:-.03em;color:#011740}
.vd-cat:first-of-type{margin-top:0}
.vd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.vd-card{display:flex;flex-direction:column;border-radius:26px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px #E3E8F2,0 30px 54px -40px rgba(1,23,64,.45);transition:transform .4s,box-shadow .4s}
.vd-card:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px #C1053B,0 36px 60px -36px rgba(1,23,64,.5)}
.vd-card .yt{margin:0;max-width:none;border-radius:0}
.vd-b{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.vd-d{align-self:flex-start;padding:4px 12px;border-radius:999px;background:#011740;color:#fff;font-size:.78rem}
.vd-b h3{margin:0;font-size:1.15rem;line-height:1.3;letter-spacing:-.02em;color:#011740}
.vd-b p{margin:0;color:#3B4660;line-height:1.65;font-size:.97rem}
.vd-b details{margin-top:auto;border-top:1px solid #E3E8F2;padding-top:12px}
.vd-b summary{cursor:pointer;font-weight:500;color:#011740;list-style:none;display:flex;justify-content:space-between;align-items:center}
.vd-b summary::-webkit-details-marker{display:none}.vd-b summary::after{content:"+";font-size:1.3rem;color:#C1053B}.vd-b details[open] summary::after{content:"–"}
.vd-b summary:hover{color:#C1053B}
.vd-b ul{margin:12px 0 0;padding-left:20px;display:grid;gap:6px;color:#3B4660}
@media(max-width:1000px){.vd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.vd-grid{grid-template-columns:minmax(0,1fr)}}

/* Mobil und Tablet: Karte mit Bild und Text einspaltig, Listen ohne Icon als Fliesstext */
@media(max-width:900px){.wa-card{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.wa-copy{min-width:0;padding:var(--f3)!important}.wa-vis{order:-1;min-height:0!important}}
.lxe-list li:not(:has(>svg)){display:block}

/* Sicherheitsnetz für Safari und iPad: Bilder und Rasterkinder dürfen nie breiter als ihre Spalte werden */
main img,main video,main picture{max-width:100%}
.paths>*,.bento>*,.wa-card>*,.lxe-split>*,.er-grid>*,.te-grid>*{min-width:0}
@media(max-width:1100px){html,body{overflow-x:clip}}

/* Zeitleiste für Tabellen (Auszeichnungen, Belege): dezent, mit Luft, einspaltig auf dem Handy */
.wi-track{margin:clamp(28px,4vw,44px) 0 clamp(40px,5vw,64px);padding:0 0 0 4px;display:grid;gap:clamp(14px,2vw,20px);position:relative}
.wi-track::before{content:"";position:absolute;left:44px;top:14px;bottom:14px;width:2px;border-radius:2px;background:#E3E8F2}
.wi-trk{display:grid;grid-template-columns:88px minmax(0,1fr);gap:clamp(14px,2.4vw,24px);align-items:start;position:relative}
.wi-tr-y{position:relative;z-index:1;justify-self:start;min-width:88px;text-align:center;padding:9px 14px;border-radius:999px;background:#011740;color:#fff;font-weight:500;font-size:.95rem;letter-spacing:.02em;box-shadow:0 0 0 6px #fff;transition:background-color .35s,transform .35s}
.wi-tr-b{padding:clamp(16px,2.2vw,22px) clamp(18px,2.6vw,26px);border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #D7DEEC;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.wi-tr-b b{display:block;font-weight:500;font-size:1.05rem;line-height:1.4;color:#011740}
.wi-tr-b p{margin:8px 0 0;font-size:.95rem;line-height:1.6;color:#3B4660}
.wi-trk:hover .wi-tr-b,.wi-trk:focus-within .wi-tr-b{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #C1053B,0 22px 40px -28px rgba(1,23,64,.45)}
.wi-trk:hover .wi-tr-y{background:#C1053B;transform:scale(1.04)}
@media(max-width:640px){
  .wi-track{padding-left:0;gap:12px}
  .wi-track::before{left:18px;top:10px;bottom:10px}
  .wi-trk{grid-template-columns:minmax(0,1fr);gap:8px;padding-left:44px}
  .wi-trk::before{content:"";position:absolute;left:11px;top:15px;width:16px;height:16px;border-radius:50%;background:#011740;box-shadow:0 0 0 5px #fff}
  .wi-tr-y{min-width:0;padding:6px 12px;font-size:.85rem;box-shadow:none;background:#E3E8F2;color:#011740}
  .wi-trk:hover .wi-tr-y{background:#C1053B;color:#fff}
}
@media(prefers-reduced-motion:reduce){.wi-tr-b,.wi-tr-y{transition:none}.wi-trk:hover .wi-tr-b{transform:none}}
.wi-tbl-scroll{overflow-x:auto;margin:28px 0 44px;-webkit-overflow-scrolling:touch}
.wi-body table{border-collapse:collapse;min-width:100%}
.wi-body table+p,.wi-body .wi-track+p,.wi-body .wi-track+h2{margin-top:clamp(28px,4vw,44px)}

/* Impressionen */
.im-intro{display:grid;gap:clamp(40px,5vw,64px);margin-bottom:clamp(64px,8vw,104px)}
.im-lead{max-width:760px}
.im-lead h2{margin:14px 0 20px}
.im-lead p{margin:0 0 16px;font-size:1.06rem;line-height:1.75;color:#3B4660}
.im-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.im-card{padding:clamp(22px,2.6vw,32px);border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1px #D7DEEC;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.im-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #C1053B,0 26px 44px -30px rgba(1,23,64,.4)}
.im-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#011740;color:#fff;font-weight:500;font-size:.95rem;margin-bottom:16px;transition:background-color .3s}
.im-card:hover .im-n{background:#C1053B}
.im-card h3{margin:0 0 10px;font-size:1.2rem;font-weight:500;color:#011740}
.im-card p{margin:0;font-size:.98rem;line-height:1.65;color:#3B4660}
.im-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.im-tags li{padding:7px 13px;border-radius:999px;background:#E3E8F2;color:#011740;font-size:.85rem}
.im-stats{list-style:none;margin:0;padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-radius:26px;background:#011740;color:#fff}
.im-stats li{display:grid;gap:4px}
.im-stats b{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:500;letter-spacing:-.02em}
.im-stats span{color:#D7DEEC;font-size:.92rem}
.im-gh{margin:0 0 24px}
.im-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(24px,3vw,36px)}
.im-grid{list-style:none;margin:0;padding:0;columns:3;column-gap:16px}
.im-it{break-inside:avoid;margin:0 0 16px}
.im-it[hidden]{display:none}
.im-ph{display:block;width:100%;padding:0;border:0;border-radius:20px;overflow:hidden;background:#E3E8F2;cursor:zoom-in;position:relative;aspect-ratio:var(--ar)}
.im-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.im-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(1,23,64,.35));opacity:0;transition:opacity .4s}
.im-ph:hover img,.im-ph:focus-visible img{transform:scale(1.05)}
.im-ph:hover::after,.im-ph:focus-visible::after{opacity:1}
.im-ph:focus-visible{outline:3px solid #C1053B;outline-offset:3px}
.im-more{margin:clamp(28px,4vw,44px) 0 0;color:#3B4660}
.im-more a{color:#C1053B;font-weight:500}
.im-lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100%;height:100%;color:#fff}
.im-lb::backdrop{background:rgba(1,12,38,.92)}
.im-lb[open]{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;justify-items:center}
.im-lb figure{margin:0;display:grid;gap:12px;justify-items:center;max-width:100%;padding:16px 0}
.im-lb img{max-width:100%;max-height:82vh;border-radius:16px;object-fit:contain}
.im-lb figcaption{font-size:.92rem;color:#D7DEEC;text-align:center;padding:0 8px}
.im-lb button{border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.7rem;line-height:1;cursor:pointer;transition:background-color .3s}
.im-lb button:hover{background:#C1053B}
.im-x{position:absolute;top:16px;right:16px}
@media(max-width:1000px){.im-grid{columns:2}.im-pillars{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.im-grid{columns:1}.im-stats{grid-template-columns:minmax(0,1fr)}.im-lb[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}.im-pv,.im-nx{position:absolute;bottom:20px}.im-pv{left:20px}.im-nx{right:20px}.im-lb figure{padding:60px 12px 90px}}
@media(prefers-reduced-motion:reduce){.im-ph img,.im-card{transition:none}}
.im-bar .te-chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:999px;background:#E3E8F2;color:#011740;font:inherit;font-size:.92rem;font-weight:500;cursor:pointer;transition:background-color .25s,color .25s,transform .25s}
.im-bar .te-chip span{font-size:.8rem;color:#3B4660}
.im-bar .te-chip:hover{background:#D7DEEC;transform:translateY(-1px)}
.im-bar .te-chip.on{background:#011740;color:#fff}
.im-bar .te-chip.on span{color:#D7DEEC}
.im-bar .te-chip:focus-visible{outline:2px solid #C1053B;outline-offset:2px}
@media(max-width:700px){.im-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.im-bar .te-chip{flex:none}}

/* Videoseiten /videos/<slug>/ */
.vp{max-width:860px;margin:0 auto}
.vp h2{margin:var(--f6,64px) 0 var(--f3,24px);font-size:clamp(1.2rem,2vw,1.4rem);letter-spacing:-.02em;color:#011740}
.vp-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 var(--f4,40px);color:#3B4660;font-size:.92rem}
.vp-meta span:first-child{padding:3px 12px;border-radius:999px;background:#011740;color:#fff;font-size:.78rem}
.vp-meta a{color:#011740;text-decoration:none}.vp-meta a:hover{color:#C1053B}
.vp-short{position:relative;padding:28px 30px;border-radius:22px;background:#F2F4F9;box-shadow:inset 0 0 0 1px #E3E8F2}
.vp-k{display:block;margin-bottom:10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C1053B}
.vp-short p{margin:0 0 16px;line-height:1.75;color:#1E2A44}
.vp-cite{all:unset;cursor:pointer;padding:8px 18px;border-radius:999px;background:#011740;color:#fff;font-size:.85rem;transition:background-color .25s}
.vp-cite:hover{background:#C1053B}.vp-copied{margin-left:12px;font-size:.85rem;color:#3B4660}
.vp-pts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vp-pts li{display:flex;gap:16px;align-items:flex-start;padding:18px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8F2;transition:box-shadow .3s,transform .3s}
.vp-pts li:hover{box-shadow:inset 0 0 0 1px #C1053B,0 24px 40px -30px rgba(1,23,64,.4);transform:translateY(-3px)}
.vp-pts li>span{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#011740;color:#fff;font-size:.9rem;transition:background-color .3s}
.vp-pts li:hover>span{background:#C1053B}
.vp-pts p{margin:0;line-height:1.65;color:#1E2A44}
.vp-chap{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vp-chap a{display:flex;gap:16px;padding:12px 18px;border-radius:14px;background:#F2F4F9;color:#011740;text-decoration:none;transition:background-color .25s,color .25s}
.vp-chap a:hover{background:#011740;color:#fff}.vp-chap time{flex:none;min-width:52px;font-weight:700;color:#C1053B}.vp-chap a:hover time{color:#fff}
.vp-tr{border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8F2;padding:6px 24px}
.vp-tr summary{cursor:pointer;padding:16px 0;font-weight:500;color:#011740}
.vp-tr div{padding-bottom:18px}.vp-tr p{margin:0 0 14px;line-height:1.8;color:#1E2A44}
.vp-faq{display:grid;gap:12px}
.vp-faq details{border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8F2;padding:4px 22px}
.vp-faq summary{cursor:pointer;padding:16px 0;font-weight:500;color:#011740}.vp-faq details[open] summary{color:#C1053B}
.vp-faq .ans{padding:0 0 18px;line-height:1.75;color:#1E2A44}
.vp-links{display:flex;flex-wrap:wrap;gap:12px}
.vp-links a{padding:12px 22px;border-radius:999px;background:#fff;color:#011740;font-weight:500;text-decoration:none;box-shadow:inset 0 0 0 1px #D7DEEC;transition:background-color .25s,color .25s}
.vp-links a:hover{background:#C1053B;color:#fff;box-shadow:inset 0 0 0 1px #C1053B}
.vp-cta{margin-top:var(--f6,64px);padding:36px 34px;border-radius:26px;background:#011740;color:#fff}
.vp .vp-cta h2{margin:0 0 12px;color:#fff}.vp-cta p{margin:0 0 22px;line-height:1.7;color:#D7DEEC}
.vp-ext{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vp-ext li{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}.vp-ext a{font-weight:500;color:#011740;text-decoration:none}.vp-ext a:hover{color:#C1053B}.vp-ext span{color:#3B4660;font-size:.94rem}
.vp-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vp-rel a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#011740}
.vp-rel img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px}
.vp-rel a:hover b{color:#C1053B}.vp-rel small{color:#3B4660}
@media(max-width:700px){.vp-rel{grid-template-columns:minmax(0,1fr)}.vp-short{padding:22px 20px}.vp-cta{padding:28px 22px}}
.vd-b h3 a{color:inherit;text-decoration:none}.vd-b h3 a:hover{color:#C1053B}
.vd-more{display:inline-block;margin-top:.6rem;font-weight:600;color:var(--c1,#011740);text-decoration:none}
.vd-more:hover{color:#C1053B}
.vp-trnote{color:#4a5568;margin:0 0 1rem}
.vp-tr h3{margin:1.6rem 0 .5rem;font-size:1.1rem;color:var(--c1,#011740)}
.vp-ts{font-variant-numeric:tabular-nums;font-weight:600;color:#C1053B;text-decoration:none;margin-right:.4rem}

/* ===== Mobil: Hero-Foto sichtbar als Bildband, Text auf ruhiger Fläche; keine abgeschnittenen Überschriften ===== */
@media(max-width:760px){
  .wi-hero-dark h1,.bl-hero2 h1,.sg-hero h1,.w-hero h1{font-size:clamp(1.65rem,7.2vw,2.1rem)!important;line-height:1.14;letter-spacing:-.025em;-webkit-hyphens:manual!important;hyphens:manual!important;overflow-wrap:anywhere;max-width:none}
  .wi-hero-dark{padding-top:calc(92px + 54vw)!important}
  .wi-hero-dark .wi-hero-bg{inset:0 0 auto 0;height:calc(96px + 58vw)}
  .wi-hero-dark .wi-hero-bg img{transform:none!important;object-position:50% 22%}
  .wi-hero-dark .wi-hero-bg::after{background:linear-gradient(180deg,rgba(1,12,38,.5) 0,rgba(1,12,38,.12) 22%,rgba(1,12,38,.08) 50%,rgba(1,12,38,.7) 82%,#010C26 100%)}
  .wi-hero-dark .lead{font-size:1.02rem;line-height:1.65}
  .tpl-start .hero-bg{inset:0 0 auto 0;height:calc(96px + 66vw)}
  .tpl-start .hero-bg picture,.tpl-start .hero-bg img{height:100%!important;min-height:0;object-position:50% 18%}
  .tpl-start .hero-bg::after{background:linear-gradient(180deg,rgba(1,12,38,.72) 0,rgba(1,12,38,.25) 24%,rgba(1,12,38,.12) 46%,rgba(1,12,38,.78) 82%,#010C26 100%)}
  .tpl-start .hero-inner{padding-top:calc(92px + 62vw)}
  .tpl-start .hero h1{font-size:clamp(1.8rem,8.2vw,2.3rem);overflow-wrap:break-word}
  .tpl-start .hero .lead,.tpl-start .hero-note{color:#fff}
}
@media(max-width:760px){
  .wi-steps{grid-template-columns:minmax(0,1fr)!important}.wi-steps>li{min-width:0}.wi-steps>li>*{min-width:0}
  h1,h2,h3,h4{overflow-wrap:anywhere!important;-webkit-hyphens:manual;hyphens:manual}
  .wi-article h2,.wi-body h2{font-size:clamp(1.35rem,6vw,1.7rem);line-height:1.2}
}
.wi-steps li li{display:block!important;min-width:0}
.wi-steps li ul,.wi-steps li ol{display:block;min-width:0}
@media(max-width:760px){.lx-card h3,.lxe-kt,.lx-defc-t,.path .path-body h3{overflow-wrap:anywhere!important;-webkit-hyphens:manual!important;hyphens:manual!important}.lx-card h3{font-size:clamp(1.05rem,5.2vw,1.25rem)}}
@media(max-width:760px){figcaption,figcaption a,.wi-body a,.wi-article a,.sg-body a,td,th{overflow-wrap:anywhere}}
@media(max-width:760px){
  body .lxe-hero .lxe-ph,body.lx-photo .lx-hero .lx-ph,.lx-ph,.lxe-ph{inset:0 0 auto 0!important;bottom:auto!important;height:calc(96px + 58vw)!important}
  body .lxe-hero .lxe-ph img,body.lx-photo .lx-hero .lx-ph img,.lx-ph img,.lxe-ph img{height:100%!important;object-fit:cover;object-position:50% 22%;transform:none!important}
  body .lxe-hero .lxe-ph::after,body.lx-photo .lx-hero .lx-ph::after,.lx-ph::after,.lxe-ph::after{background:linear-gradient(180deg,rgba(1,12,38,.5) 0,rgba(1,12,38,.12) 22%,rgba(1,12,38,.08) 50%,rgba(1,12,38,.7) 82%,#010C26 100%)!important}
}