/* Finveo.ai – Website (29.09.2026). Designsprache wie produkt.html / CRM. Keine externen Schriften (CSP). */
:root{color-scheme:light;
--marke:#0551FF;--marke-dunkel:#0442CC;--marke-tief:#041F3C;--marke-hell:#EEF3FF;--marke-rand:#C9DAFF;
--bg:#F2F4F7;--flaeche:#fff;--rand:#EAECF0;--rand-stark:#D0D5DD;--text:#101828;--neben:#475467;--leise:#667085;
--gruen:#067647;--gruen-bg:#ECFDF3;--rot:#B42318;--rot-bg:#FEF3F2;--gelb:#B54708;--gelb-bg:#FFFAEB;--violett:#5925DC;--violett-bg:#F4F3FF;
--gold:#B7791F;--gold-bg:#FEF6E7;
--schatten:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);
--schatten-gross:0 20px 24px -4px rgba(16,24,40,.08),0 8px 8px -4px rgba(16,24,40,.03);
--schatten-app:0 32px 64px -12px rgba(16,24,40,.18);
--r:12px;--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:var(--marke);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em;color:var(--text)}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Kopf */
.kopf{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--rand)}
.kopf .wrap{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--text);letter-spacing:-.01em}
.logo:hover{text-decoration:none}
.logo i{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#2A6BFF,#0442CC);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:16px;box-shadow:0 2px 6px rgba(5,81,255,.35)}
.menue{display:flex;gap:4px;align-items:center;flex:1}
.menue>a,.menue>.dd>button{font:inherit;font-size:14.5px;font-weight:500;color:var(--neben);padding:8px 12px;border-radius:8px;background:none;border:0;cursor:pointer}
.menue>a:hover,.menue>.dd>button:hover,.menue>a[aria-current]{color:var(--text);background:var(--bg);text-decoration:none}
.dd{position:relative}
.dd-panel{position:absolute;top:100%;left:-12px;margin-top:8px;width:680px;background:#fff;border:1px solid var(--rand);border-radius:16px;box-shadow:var(--schatten-gross);padding:14px;display:none;grid-template-columns:1fr 1fr;gap:4px}
.dd:hover .dd-panel,.dd:focus-within .dd-panel,.dd.offen .dd-panel{display:grid}
.dd-panel::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.dd-panel a{display:flex;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text)}
.dd-panel a:hover{background:var(--bg);text-decoration:none}
.dd-panel b{display:block;font-size:14px;font-weight:600}
.dd-panel span{display:block;font-size:13px;color:var(--leise);line-height:1.4}
.ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--marke-hell);color:var(--marke)}
.ico svg{width:19px;height:19px}
.aktionen{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:15px;font-weight:600;padding:10px 18px;border-radius:10px;border:1px solid var(--rand-stark);background:#fff;color:var(--text);box-shadow:var(--schatten);cursor:pointer;white-space:nowrap}
.btn:hover{text-decoration:none;background:var(--bg)}
.btn.primaer{background:var(--marke);border-color:var(--marke);color:#fff}
.btn.primaer:hover{background:var(--marke-dunkel)}
.btn.gross{font-size:16px;padding:13px 22px}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--rand-stark);border-radius:10px;width:42px;height:42px;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--text);margin:4px auto;border-radius:2px}

/* Abschnitte */
.held{padding:84px 0 56px;background:radial-gradient(1200px 500px at 50% -120px,var(--marke-hell),#fff 70%);text-align:center}
.held.links{text-align:left}
.plakette{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#fff;border:1px solid var(--marke-rand);font-size:13.5px;font-weight:600;color:var(--marke-dunkel)}
.plakette em{font-style:normal;background:var(--marke-hell);border:1px solid var(--marke-rand);border-radius:999px;padding:1px 9px}
.held h1{font-size:clamp(36px,6vw,62px);letter-spacing:-.035em;margin:22px auto 20px;max-width:980px}
.held h1 .blau,.blau{color:var(--marke)}
.held .lead{font-size:clamp(17px,2.2vw,20px);color:var(--neben);max-width:760px;margin:0 auto}
.held.links .lead,.held.links h1{margin-left:0}
.held .knoepfe{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.held.links .knoepfe{justify-content:flex-start}
.fein{font-size:13.5px;color:var(--leise);margin-top:16px}
.abschnitt{padding:96px 0}
.abschnitt.grau{background:var(--bg)}
.abschnitt.dunkel{background:var(--marke-tief);color:#fff}
.abschnitt.dunkel h2,.abschnitt.dunkel h3{color:#fff}
.abschnitt.dunkel .unter{color:#B9C6DA}
.kicker{display:inline-block;font-size:14px;font-weight:600;color:var(--marke);margin-bottom:12px}
.abschnitt.dunkel .kicker{color:#8FB0FF}
h2.gross{font-size:clamp(28px,4vw,42px);letter-spacing:-.03em;max-width:820px}
.unter{font-size:18px;color:var(--neben);margin-top:16px;max-width:760px}
.mitte{text-align:center}.mitte h2.gross,.mitte .unter{margin-left:auto;margin-right:auto}
.kopfzeile{margin-bottom:56px}

/* Funktions-Zeilen */
.zeile{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;padding:56px 0;border-top:1px solid var(--rand)}
.zeile:first-of-type{border-top:0}
.zeile.umgedreht{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.zeile.umgedreht .text{order:2}
.zeile h3{font-size:clamp(24px,3vw,32px);letter-spacing:-.025em;margin:6px 0 14px}
.zeile .text>p{color:var(--neben);font-size:17px}
.haken{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.haken li{position:relative;padding-left:32px;color:var(--text);font-size:15.5px;line-height:1.55}
.haken li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--gruen-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5' fill='none' stroke='%23067647' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.haken li b{font-weight:600}
.haken.klein li{font-size:14.5px}
.nutzen{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.nutzen span{font-size:13px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--bg);color:var(--neben);border:1px solid var(--rand)}
.nutzen span b{color:var(--text)}

/* Kacheln */
.gitter{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kachel{background:#fff;border:1px solid var(--rand);border-radius:16px;padding:26px;box-shadow:var(--schatten)}
.kachel h3{font-size:18px;margin:14px 0 8px;letter-spacing:-.01em}
.kachel p{color:var(--neben);font-size:15px}
.kachel .mehr{display:inline-block;margin-top:14px;font-weight:600;font-size:14.5px;color:var(--marke)}
a.kachel{display:block;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
a.kachel:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--schatten-gross);border-color:var(--marke-rand)}
.kachel .ico{width:44px;height:44px;border-radius:12px}
.kachel .ico svg{width:22px;height:22px}
.kachel ul{margin:12px 0 0;padding-left:18px;color:var(--neben);font-size:14.5px}
.kachel ul li{margin:3px 0}
.zahlreihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px}
.zahl{padding:22px;border-radius:16px;background:#fff;border:1px solid var(--rand)}
.abschnitt.dunkel .zahl{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.zahl b{display:block;font-size:34px;letter-spacing:-.03em;line-height:1.1}
.zahl span{display:block;color:var(--neben);font-size:14.5px;margin-top:6px}
.abschnitt.dunkel .zahl span{color:#B9C6DA}

/* Detail-Katalog */
.katalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.katalog details{background:#fff;border:1px solid var(--rand);border-radius:14px;padding:0;box-shadow:var(--schatten)}
.katalog summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px}
.katalog summary::-webkit-details-marker{display:none}
.katalog summary::after{content:"+";font-size:22px;font-weight:400;color:var(--leise);line-height:1}
.katalog details[open] summary::after{content:"–"}
.katalog summary small{display:block;font-weight:400;color:var(--leise);font-size:13px;margin-top:2px}
.katalog .inhalt{padding:0 20px 18px;border-top:1px solid var(--rand)}
.katalog .inhalt ul{margin:14px 0 0;padding-left:18px;display:grid;gap:7px;font-size:14.5px;color:var(--neben)}
.katalog .inhalt ul b{color:var(--text);font-weight:600}

/* Seitennavigation Module */
.modnav{position:sticky;top:68px;z-index:40;background:#fff;border-bottom:1px solid var(--rand)}
.modnav .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.modnav .wrap::-webkit-scrollbar{display:none}
.modnav a{flex:none;font-size:14px;font-weight:500;color:var(--neben);padding:6px 12px;border-radius:999px;border:1px solid var(--rand)}
.modnav a:hover{text-decoration:none;color:var(--text);background:var(--bg)}
.modnav a[aria-current]{background:var(--marke);border-color:var(--marke);color:#fff}

/* CTA + Fuß */
.cta{background:linear-gradient(135deg,#0551FF,#0433A8);color:#fff;border-radius:24px;padding:64px;text-align:center;position:relative;overflow:hidden}
.cta h2{color:#fff;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em}
.cta p{color:#D6E2FF;font-size:18px;margin:14px auto 0;max-width:640px}
.cta .knoepfe{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.cta .btn{border-color:rgba(255,255,255,.3)}
.cta .btn.weiss{background:#fff;color:var(--marke-dunkel);border-color:#fff}
.cta .btn.hohl{background:transparent;color:#fff}
.cta .btn.hohl:hover{background:rgba(255,255,255,.1)}
.fuss{border-top:1px solid var(--rand);padding:56px 0 40px;background:#fff;font-size:14.5px}
.fuss .spalten{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.fuss h4{font-size:14px;margin-bottom:12px}
.fuss a{display:block;color:var(--neben);padding:3px 0}
.fuss p{color:var(--leise);margin-top:12px;max-width:340px}
.fuss .unten{margin-top:40px;padding-top:24px;border-top:1px solid var(--rand);display:flex;justify-content:space-between;color:var(--leise);font-size:13.5px;flex-wrap:wrap;gap:12px}

/* Preise */
.preise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.preis{background:#fff;border:1px solid var(--rand);border-radius:20px;padding:32px;display:flex;flex-direction:column;box-shadow:var(--schatten)}
.preis.hervor{border:2px solid var(--marke);box-shadow:var(--schatten-gross);position:relative}
.preis.hervor::before{content:"Für Berater und kleine Teams";position:absolute;top:-13px;left:32px;background:var(--marke);color:#fff;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px}
.preis h3{font-size:20px}
.preis .betrag{font-size:46px;font-weight:700;letter-spacing:-.04em;margin:18px 0 2px}
.preis .betrag small{font-size:16px;font-weight:500;color:var(--leise);letter-spacing:0}
.preis .hinweis{color:var(--leise);font-size:14px}
.preis ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px;flex:1;align-content:start}
.preis li{position:relative;padding-left:28px;font-size:15px}
.preis li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--marke-hell) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5' fill='none' stroke='%230551FF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.vergleich{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--rand);font-size:15px}
.vergleich th,.vergleich td{padding:14px 18px;border-bottom:1px solid var(--rand);text-align:left;vertical-align:top}
.vergleich th{background:var(--bg);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--leise)}
.vergleich td:not(:first-child),.vergleich th:not(:first-child){text-align:center;width:18%}
.vergleich .j{color:var(--gruen);font-weight:700}
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq details{border:1px solid var(--rand);border-radius:14px;background:#fff}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:600;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--leise);font-size:22px;font-weight:400;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 22px 20px;color:var(--neben)}

/* ============ App-Mockups ============ */
.app{background:#fff;border:1px solid var(--rand);border-radius:16px;box-shadow:var(--schatten-app);overflow:hidden;font-size:12.5px;line-height:1.45;color:var(--text);text-align:left}
.app-leiste{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--rand);background:#FCFCFD}
.app-leiste i{width:10px;height:10px;border-radius:50%;background:#E4E7EC}
.app-leiste u{margin-left:12px;text-decoration:none;font-size:11.5px;color:var(--leise);background:var(--bg);padding:2px 12px;border-radius:6px}
.app-rumpf{display:flex;min-height:300px}
.app-seite{width:150px;flex:none;background:var(--marke-tief);color:#B9C6DA;padding:12px 10px;display:flex;flex-direction:column;gap:3px}
.app-seite .al{display:flex;align-items:center;gap:7px;color:#fff;font-weight:700;font-size:13px;margin:2px 4px 12px}
.app-seite .al i{width:20px;height:20px;border-radius:6px;background:var(--marke);display:grid;place-items:center;font-style:normal;font-size:11px}
.app-seite span{padding:5px 8px;border-radius:6px;font-size:11.5px}
.app-seite span.an{background:rgba(255,255,255,.12);color:#fff}
.app-haupt{flex:1;min-width:0;background:var(--bg);padding:14px}
.app-haupt.weiss{background:#fff}
.app-titel{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.app-titel b{font-size:15px}
.app-titel small{color:var(--leise)}
.k{background:#fff;border:1px solid var(--rand);border-radius:10px;padding:10px 12px}
.k h5{margin:0 0 6px;font-size:11.5px;color:var(--leise);font-weight:500}
.k .w{font-size:20px;font-weight:700;letter-spacing:-.02em}
.k .d{font-size:11px;font-weight:600}
.k .d.plus{color:var(--gruen)}.k .d.minus{color:var(--rot)}
.kgit{display:grid;gap:10px}
.kg2{grid-template-columns:repeat(2,minmax(0,1fr))}.kg3{grid-template-columns:repeat(3,minmax(0,1fr))}.kg4{grid-template-columns:repeat(4,minmax(0,1fr))}
.p{display:inline-block;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap}
.p.gruen{background:var(--gruen-bg);color:var(--gruen)}.p.rot{background:var(--rot-bg);color:var(--rot)}.p.gelb{background:var(--gelb-bg);color:var(--gelb)}.p.blau{background:var(--marke-hell);color:var(--marke-dunkel)}.p.violett{background:var(--violett-bg);color:var(--violett)}.p.grau{background:var(--bg);color:var(--neben);border:1px solid var(--rand)}.p.gold{background:var(--gold-bg);color:var(--gold)}
.mt{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rand);border-radius:10px;overflow:hidden;font-size:11.5px}
.mt th{background:#F9FAFB;color:var(--leise);font-weight:500;text-align:left;padding:7px 10px;border-bottom:1px solid var(--rand);white-space:nowrap}
.mt td{padding:7px 10px;border-bottom:1px solid var(--rand);white-space:nowrap}
.mt tr:last-child td{border-bottom:0}
.mt .r{text-align:right}
.balken{height:8px;border-radius:999px;background:#E4E7EC;overflow:hidden}
.balken i{display:block;height:100%;background:var(--marke);border-radius:999px}
.balken.gruen i{background:#17B26A}.balken.gelb i{background:#F79009}.balken.rot i{background:#F04438}
.zeilen{display:grid;gap:7px}
.zl{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--rand);border-radius:8px;padding:7px 10px}
.zl .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zl small{color:var(--leise)}
.punkt{width:8px;height:8px;border-radius:50%;flex:none;background:var(--marke)}
.punkt.rot{background:#F04438}.punkt.gelb{background:#F79009}.punkt.gruen{background:#17B26A}.punkt.grau{background:#98A2B3}.punkt.gold{background:#DCA43A}.punkt.violett{background:#7A5AF8}
.av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#fff;background:var(--marke);flex:none}
.av.g{background:#DCA43A}.av.p{background:#17B26A}.av.v{background:#7A5AF8}
.fokus{background:linear-gradient(135deg,var(--marke),#0433A8);color:#fff;border-radius:12px;padding:14px 16px}
.fokus small{color:#C9DAFF;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.fokus b{display:block;font-size:15px;margin:4px 0}
.fokus p{color:#D6E2FF;font-size:12px}
.fokus .knopf{display:inline-block;margin-top:10px;background:#fff;color:var(--marke-dunkel);font-weight:600;border-radius:8px;padding:5px 12px;font-size:12px}
.knopfchen{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid var(--rand-stark);background:#fff;font-weight:600;font-size:11.5px;color:var(--text)}
.knopfchen.blau{background:var(--marke);border-color:var(--marke);color:#fff}
.knopfchen.gruen{background:#17B26A;border-color:#17B26A;color:#fff}
.knopfchen.rot{background:#F04438;border-color:#F04438;color:#fff}
.box-gelb{background:var(--gelb-bg);border:1px solid #FEDF89;border-radius:10px;padding:9px 11px;color:#7A2E0E}
.box-gruen{background:var(--gruen-bg);border:1px solid #ABEFC6;border-radius:10px;padding:9px 11px;color:#085D3A}
.box-blau{background:var(--marke-hell);border:1px solid var(--marke-rand);border-radius:10px;padding:9px 11px;color:#0B2E7A}
.box-rot{background:var(--rot-bg);border:1px solid #FECDCA;border-radius:10px;padding:9px 11px;color:#912018}
.zeile .app-seite{display:none}
.bild{min-width:0}
/* Chat */
.chat{display:grid;gap:9px}
.bl{max-width:86%;padding:9px 12px;border-radius:14px;font-size:12px;line-height:1.5}
.bl.ich{margin-left:auto;background:var(--marke);color:#fff;border-bottom-right-radius:4px}
.bl.ki{background:#fff;border:1px solid var(--rand);border-bottom-left-radius:4px}
.bl.ki small{display:block;color:var(--leise);font-size:10.5px;margin-bottom:3px;font-weight:600}
.werkzeug{display:inline-flex;gap:5px;align-items:center;font-size:10.5px;color:var(--violett);background:var(--violett-bg);border-radius:6px;padding:2px 7px;margin:2px 4px 2px 0;font-weight:600}
/* Kanban */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(128px,1fr);gap:9px;overflow:hidden}
.spalte{background:#F9FAFB;border:1px solid var(--rand);border-radius:10px;padding:7px;display:flex;flex-direction:column;gap:6px;min-height:210px}
.spalte h6{margin:0 0 2px;font-size:10.5px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:3px 5px;border-radius:6px}
.spalte.violett h6{background:var(--violett-bg);color:var(--violett)}
.spalte.gold h6{background:var(--gold-bg);color:var(--gold)}
.spalte.gruen h6{background:var(--gruen-bg);color:var(--gruen)}
.spalte.grau h6{background:#fff;color:var(--neben);border:1px solid var(--rand)}
.spalte.blau h6{background:var(--marke-hell);color:var(--marke-dunkel)}
.karte{background:#fff;border:1px solid var(--rand);border-radius:8px;padding:7px 8px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.karte b{display:block;font-size:11.5px}
.karte small{display:block;color:var(--leise);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karte .fz{display:flex;justify-content:space-between;align-items:center;margin-top:5px}
/* Kalender */
.kal{display:grid;grid-template-columns:34px repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--rand);border-radius:10px;overflow:hidden;font-size:10.5px}
.kal .kk{padding:6px 4px;text-align:center;font-weight:600;border-bottom:1px solid var(--rand);background:#F9FAFB}
.kal .kk.heute{color:var(--marke)}
.kal .zeit{color:var(--leise);text-align:right;padding:0 5px;height:30px;border-bottom:1px solid #F2F4F7;font-size:9.5px}
.kal .zelle{border-left:1px solid #F2F4F7;border-bottom:1px solid #F2F4F7;height:30px;position:relative}
.term{position:absolute;left:2px;right:2px;border-radius:5px;padding:2px 4px;font-size:9.5px;line-height:1.25;overflow:hidden;z-index:1;font-weight:600}
.term.crm{background:var(--marke-hell);color:var(--marke-dunkel);border-left:3px solid var(--marke)}
.term.tel{background:var(--violett-bg);color:var(--violett);border-left:3px solid #7A5AF8}
.term.auf{background:var(--gelb-bg);color:var(--gelb);border-left:3px solid #F79009}
.term.priv{background:#F2F4F7;color:var(--leise);border-left:3px solid #98A2B3}
/* Gerät */
.handy{width:250px;border-radius:36px;background:#101828;padding:10px;box-shadow:var(--schatten-app);margin:0 auto}
.handy .schirm{background:#fff;border-radius:28px;overflow:hidden;min-height:470px;font-size:12px}
.handy .notch{height:26px;display:flex;justify-content:center;align-items:center}
.handy .notch i{width:80px;height:18px;border-radius:12px;background:#101828}
/* Dokument */
.blatt{background:#fff;border:1px solid var(--rand);border-radius:6px;box-shadow:var(--schatten-gross);padding:22px 22px 26px;font-size:11px;line-height:1.5}
.blatt h5{margin:0 0 8px;font-size:15px;letter-spacing:-.01em}
.linie{height:7px;border-radius:4px;background:#EAECF0;margin:6px 0}
/* Code */
.code{background:#0B1220;color:#D0D5DD;border-radius:14px;padding:18px 20px;font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;box-shadow:var(--schatten-app);text-align:left}
.code .s{color:#9AE6B4}.code .k2{color:#93C5FD}.code .c{color:#667085}.code .n{color:#FBBF24}
/* Diagramm */
.fluss{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.fluss .pfeil{display:none}
.fluss .schritt{max-width:none;min-width:0}
a.schritt:hover{border-color:var(--marke-rand);box-shadow:var(--schatten-gross)}
.schritt{background:#fff;border:1px solid var(--rand);border-radius:14px;padding:14px 16px;min-width:140px;max-width:190px;box-shadow:var(--schatten);font-size:13px}
.schritt b{display:block;font-size:14px;margin-bottom:3px}
.schritt small{color:var(--leise);font-size:12px;line-height:1.4;display:block}
.pfeil{display:grid;place-items:center;padding:0 8px;color:var(--rand-stark);font-size:22px}
.nummer{width:26px;height:26px;border-radius:50%;background:var(--marke);color:#fff;font-weight:700;display:grid;place-items:center;font-size:13px;margin-bottom:8px}

@media (max-width:1060px){
 .dd-panel{width:560px}
 .zeile,.zeile.umgedreht{grid-template-columns:minmax(0,1fr);gap:36px}
 .zeile.umgedreht .text{order:0}
 .g4,.zahlreihe{grid-template-columns:repeat(2,minmax(0,1fr))}
 .preise{grid-template-columns:1fr}
 .fuss .spalten{grid-template-columns:1fr 1fr}
}
@media (max-width:1060px){.fluss{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
 .menue,.aktionen .btn:not(.primaer){display:none}
 .burger{display:block}
 .kopf.offen .menue{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--rand);padding:12px 16px 18px;gap:2px;box-shadow:var(--schatten-gross)}
 .kopf.offen .dd-panel{position:static;display:grid;width:auto;grid-template-columns:1fr;box-shadow:none;border:0;padding:0 0 0 8px;margin:0}
 .kopf.offen .dd>button{display:none}
 .g3,.g2,.katalog{grid-template-columns:1fr}
 .abschnitt{padding:64px 0}
 .held{padding:56px 0 40px}
 .cta{padding:40px 22px}
 .app-seite{display:none}
 .kg4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vergleich{font-size:13px}.vergleich th,.vergleich td{padding:10px 8px}
}
@media (max-width:560px){
 .wrap{padding:0 16px}
 .g4,.zahlreihe{grid-template-columns:1fr}
 .aktionen .btn.primaer{padding:8px 12px;font-size:14px}
 .fuss .spalten{grid-template-columns:1fr}
 .kg3{grid-template-columns:1fr 1fr}
 .kanban{grid-auto-columns:minmax(118px,1fr);overflow-x:auto}
 .fluss{grid-template-columns:minmax(0,1fr)}
 .mt{display:block;overflow-x:auto}
}
/* ===== Produktansichten (fx) ===== */
.fx{position:relative;margin:0;width:100%;border-radius:24px;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px rgba(16,24,40,.06)}
.fx-in{position:absolute;left:0;top:0;transform-origin:0 0;font:14px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#101828;-webkit-font-smoothing:antialiased;text-align:left;letter-spacing:-.003em}
.fx-in>.win{position:absolute;left:44px;top:44px;right:-24px;bottom:-24px}
.fx-in.mitte{display:flex;align-items:center;justify-content:center}
.fx.blau{background:radial-gradient(60% 70% at 85% 0%,#CFE0FF 0%,rgba(207,224,255,0) 70%),radial-gradient(50% 60% at 0% 100%,#E4ECFF 0%,rgba(228,236,255,0) 70%),linear-gradient(160deg,#F3F7FF,#FFFFFF)}
.fx.violett{background:radial-gradient(60% 70% at 90% 0%,#E3DAFF 0%,rgba(227,218,255,0) 70%),radial-gradient(50% 60% at 0% 100%,#DDE8FF 0%,rgba(221,232,255,0) 70%),linear-gradient(160deg,#F7F5FF,#FFFFFF)}
.fx.gold{background:radial-gradient(60% 70% at 90% 0%,#FCE9B8 0%,rgba(252,233,184,0) 70%),radial-gradient(50% 60% at 0% 100%,#E4ECFF 0%,rgba(228,236,255,0) 70%),linear-gradient(160deg,#FFFBF1,#FFFFFF)}
.fx.gruen{background:radial-gradient(60% 70% at 90% 0%,#C9F3DC 0%,rgba(201,243,220,0) 70%),radial-gradient(50% 60% at 0% 100%,#DDE8FF 0%,rgba(221,232,255,0) 70%),linear-gradient(160deg,#F2FBF6,#FFFFFF)}
.fx.nacht{background:radial-gradient(55% 70% at 85% 0%,rgba(59,123,255,.55) 0%,rgba(59,123,255,0) 70%),radial-gradient(45% 60% at 0% 100%,rgba(122,90,248,.35) 0%,rgba(122,90,248,0) 70%),linear-gradient(160deg,#0A2A50,#041326)}
.fx.hld{background:radial-gradient(50% 60% at 80% 0%,rgba(59,123,255,.5) 0%,rgba(59,123,255,0) 70%),radial-gradient(45% 55% at 5% 100%,rgba(122,90,248,.35) 0%,rgba(122,90,248,0) 70%),linear-gradient(165deg,#0A2A50,#041326);border-radius:28px}
.fx::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(16,24,40,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.fx.nacht::before,.fx.hld::before{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px)}
.fx .ic{flex:none;display:block}

/* Fenster */
.fx .win{background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(16,24,40,.08),0 30px 60px -18px rgba(16,24,40,.35),0 12px 24px -12px rgba(16,24,40,.18)}
.fx.nacht .win,.fx.hld .win{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 80px -20px rgba(0,0,0,.6)}
.fx .win-top{height:40px;flex:none;display:flex;align-items:center;gap:8px;padding:0 48px 0 16px;background:#F9FAFB;border-bottom:1px solid #EAECF0}
.fx .d{width:12px;height:12px;border-radius:50%;background:#FF5F57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}.fx .d.g{background:#FEBC2E}.fx .d.gr{background:#28C840}
.fx .url{margin:0 auto;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #EAECF0;border-radius:8px;padding:4px 14px;font-size:12.5px;color:#475467;min-width:260px;justify-content:center}
.fx .url .ic{color:#12B76A}
.fx .win-r{display:flex;align-items:center;gap:12px;color:#667085}
.fx .win-rumpf{flex:1;display:flex;min-height:0}
.fx .mn{flex:1;min-width:0;background:#F2F4F7;padding:22px 26px;overflow:hidden}
.fx .mn.weiss{background:#fff}
.fx .mn.ohne-kopf .mh{display:none}

/* Seitenleiste wie im CRM */
.fx .sb{width:228px;flex:none;background:linear-gradient(180deg,#0A2A50,#041B34);color:#B7C4D8;padding:18px 12px;display:flex;flex-direction:column;gap:2px}
.fx .sb-kopf{display:flex;align-items:center;gap:10px;padding:0 6px 14px;color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em}
.fx .sb-logo{display:grid;place-items:center;filter:drop-shadow(0 4px 10px rgba(59,123,255,.45))}
.fx .sb-suche{display:flex;align-items:center;gap:8px;margin:0 2px 12px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:13px;color:#8FA2BF}
.fx .sb-suche span{flex:1}.fx .sb-suche kbd{font-family:inherit;font-size:11px;font-weight:600;line-height:1;background:rgba(255,255,255,.1);padding:3px 5px;border-radius:5px;color:#B7C4D8}
.fx .sb-gr{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(183,196,216,.55);padding:12px 10px 5px}
.fx .sb-i{display:flex;align-items:center;gap:11px;height:36px;padding:0 10px;border-radius:9px;font-size:13.5px;font-weight:500}
.fx .sb-i b{font-weight:500;flex:1}.fx .sb-i em{font-style:normal;font-size:11px;font-weight:700;background:#F04438;color:#fff;border-radius:999px;padding:1px 7px}
.fx .sb-i.an{background:linear-gradient(90deg,rgba(5,81,255,.95),rgba(5,81,255,.55));color:#fff;box-shadow:inset 3px 0 0 #7FAAFF,0 6px 16px -6px rgba(5,81,255,.7)}
.fx .sb-nutzer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.08)}
.fx .sb-nutzer b{display:block;color:#fff;font-size:13px}.fx .sb-nutzer small{font-size:11.5px;color:#8FA2BF}
.fx .sb.schmal{width:64px;align-items:center;padding:16px 0;gap:4px}
.fx .sb.schmal .sb-logo{margin-bottom:14px}
.fx .sb.schmal .sb-i{width:40px;height:38px;padding:0;justify-content:center}
.fx .sb.schmal .sb-fuss{margin-top:auto}

/* Seitenkopf */
.fx .mh{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.fx .mh h1{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0}
.fx .mh small{display:block;font-size:12.5px;color:#667085;margin-top:2px}
.fx .mh-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.fx .ib{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,#3B7BFF,#0442CC);box-shadow:0 6px 14px -6px rgba(5,81,255,.6),inset 0 1px 0 rgba(255,255,255,.25)}
.fx .ib.gruen{background:linear-gradient(135deg,#32D583,#039855);box-shadow:0 6px 14px -6px rgba(3,152,85,.6)}
.fx .ib.violett{background:linear-gradient(135deg,#9B8AFB,#6938EF);box-shadow:0 6px 14px -6px rgba(105,56,239,.6)}
.fx .ib.gold{background:linear-gradient(135deg,#FDB022,#B54708);box-shadow:0 6px 14px -6px rgba(181,71,8,.5)}
.fx .ib.rot{background:linear-gradient(135deg,#F97066,#D92D20)}

/* Karten & Raster */
.fx .kt{background:#fff;border:1px solid #EAECF0;border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.fx .kt.gross{padding:24px 26px;border-radius:18px;box-shadow:0 0 0 1px rgba(16,24,40,.04),0 30px 60px -20px rgba(16,24,40,.3)}
.fx.nacht .kt.gross{box-shadow:0 40px 80px -20px rgba(0,0,0,.6)}
.fx .kt.ohne-p{padding:0;overflow:hidden}
.fx .kt-k{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.fx .kt-k h4{margin:0;font-size:14.5px;font-weight:650;letter-spacing:-.01em}
.fx .c2,.fx .c3,.fx .c4{display:grid;gap:14px}.fx .c2{grid-template-columns:1fr 1fr}.fx .c3{grid-template-columns:repeat(3,1fr)}.fx .c4{grid-template-columns:repeat(4,1fr)}
.fx .oben{margin-top:14px}
.fx .kpi small{display:block;font-size:12.5px;color:#667085;font-weight:500}
.fx .kpi b{display:block;font-size:26px;font-weight:700;letter-spacing:-.025em;margin:4px 0 6px;font-variant-numeric:tabular-nums}
.fx .dl{font-size:12px;font-weight:600;color:#067647}.fx .dl.minus{color:#B42318}.fx .dl.neutral{color:#667085;font-weight:500}
.fx .sp{margin-top:6px}
.fx .chart{display:block;overflow:visible}
.fx .ring text{font-family:inherit;font-size:20px;font-weight:700;fill:#101828;letter-spacing:-.02em}

/* Pillen, Knöpfe, Avatare */
.fx .pl{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;background:#EEF3FF;color:#0442CC;border:1px solid #D6E3FF}
.fx .pl i{width:6px;height:6px;border-radius:50%;background:currentColor}
.fx .pl.gruen{background:#ECFDF3;color:#067647;border-color:#ABEFC6}.fx .pl.rot{background:#FEF3F2;color:#B42318;border-color:#FECDCA}
.fx .pl.gelb{background:#FFFAEB;color:#B54708;border-color:#FEDF89}.fx .pl.violett{background:#F4F3FF;color:#5925DC;border-color:#D9D6FE}
.fx .pl.grau{background:#F9FAFB;color:#475467;border-color:#EAECF0}.fx .pl.gold{background:#FEF7E6;color:#93650B;border-color:#F5D98C}
.fx .kn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;padding:8px 14px;border-radius:9px;background:#fff;color:#344054;border:1px solid #D0D5DD;box-shadow:0 1px 2px rgba(16,24,40,.05);white-space:nowrap}
.fx .kn.prim{background:linear-gradient(180deg,#2A6BFF,#0551FF);border-color:#0442CC;color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.1),inset 0 1px 0 rgba(255,255,255,.2)}
.fx .kn.weiss{background:#fff;color:#0442CC;border-color:#fff}
.fx .kn.glas{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.25);box-shadow:none}
.fx .kn.gruen2{background:linear-gradient(180deg,#17B26A,#079455);border-color:#067647;color:#fff}
.fx .kn.rot{background:#fff;color:#B42318;border-color:#FECDCA}
.fx .kn.rotw{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.fx .kn.mini{padding:5px 10px;font-size:12px;border-radius:8px}
.fx .kn.voll{width:100%}.fx .kn.gross{padding:12px 22px;font-size:15px;border-radius:12px}
.fx .avt{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#5B8CFF,#0442CC);box-shadow:0 0 0 2px #fff}
.fx .avt.a2{background:linear-gradient(135deg,#F9A8D4,#DB2777)}.fx .avt.a3{background:linear-gradient(135deg,#FDB022,#DC6803)}.fx .avt.a4{background:linear-gradient(135deg,#6CE9A6,#039855)}.fx .avt.a5{background:linear-gradient(135deg,#A48AFB,#6938EF)}
.fx .avt.klein{width:26px;height:26px;font-size:10.5px}.fx .avt.ky{width:28px;height:28px;font-size:11px}
.fx .avt.xl{width:56px;height:56px;font-size:19px;box-shadow:0 0 0 3px #fff,0 8px 20px -8px rgba(219,39,119,.6)}
.fx .avt.gr{width:44px;height:44px;font-size:15px}
.fx .bk{display:block;height:8px;border-radius:999px;background:#EAECF0;overflow:hidden;flex:1}
.fx .bk i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5B8CFF,#0551FF)}
.fx .bk.gruen i{background:linear-gradient(90deg,#47CD89,#079455)}.fx .bk.gelb i{background:linear-gradient(90deg,#FEC84B,#DC6803)}.fx .bk.rot i{background:linear-gradient(90deg,#F97066,#D92D20)}
.fx .bk.blau i{background:linear-gradient(90deg,#84ADFF,#2A6BFF)}
.fx .pdot{width:9px;height:9px;border-radius:50%;flex:none;background:#0551FF;box-shadow:0 0 0 3px rgba(5,81,255,.15)}
.fx .pdot.rot{background:#F04438;box-shadow:0 0 0 3px rgba(240,68,56,.15)}.fx .pdot.gelb{background:#F79009;box-shadow:0 0 0 3px rgba(247,144,9,.15)}
.fx .pdot.gruen{background:#17B26A;box-shadow:0 0 0 3px rgba(23,178,106,.15)}.fx .pdot.violett{background:#7A5AF8;box-shadow:0 0 0 3px rgba(122,90,248,.15)}.fx .pdot.grau{background:#98A2B3;box-shadow:0 0 0 3px rgba(152,162,179,.18)}
.fx .chips{display:flex;gap:6px;flex-wrap:wrap}
.fx .mini-r{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid #F2F4F7;font-size:13.5px;color:#475467}
.fx .mini-r b{color:#101828;font-variant-numeric:tabular-nums}
.fx .fein2{font-size:12.5px;color:#667085;margin:10px 0 0;line-height:1.5}
.fx .li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #F2F4F7}
.fx .li:first-of-type{border-top:0;padding-top:2px}
.fx .li-t{flex:1;min-width:0}.fx .li-t b{display:block;font-size:14px;font-weight:600}.fx .li-t small{display:block;font-size:12.5px;color:#667085}
.fx .li.hl{background:#ECFDF3;margin:0 -10px;padding:10px;border-radius:10px;border:0}

/* schwebende Karte */
.fx .sw{position:absolute;z-index:5;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.96);border-radius:16px;padding:14px 16px;box-shadow:0 0 0 1px rgba(16,24,40,.06),0 24px 48px -12px rgba(16,24,40,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.fx .sw .ib{width:36px;height:36px;border-radius:10px}
.fx .sw b{display:block;font-size:14px;font-weight:650;letter-spacing:-.01em}.fx .sw small{display:block;font-size:12.5px;color:#475467;line-height:1.4;margin-top:2px}
.fx .sw-kn{display:flex;gap:6px;margin-top:10px}.fx .sw-kn .kn{padding:6px 12px;font-size:12.5px}

/* Tabellen */
.fx .tb{width:100%;border-collapse:collapse;font-size:13.5px}
.fx .tb th{text-align:left;font-size:12px;font-weight:600;color:#667085;padding:0 12px 10px;border-bottom:1px solid #EAECF0;white-space:nowrap}
.fx .tb td{padding:12px;border-bottom:1px solid #F2F4F7;vertical-align:middle}
.fx .tb tr:last-child td{border-bottom:0}
.fx .tb td small{display:block;color:#667085;font-size:12px}
.fx .tb .r{text-align:right;font-variant-numeric:tabular-nums}
.fx .tb th:first-child,.fx .tb td:first-child{padding-left:4px}
.fx .tb tr.best td{background:#F6FEF9}.fx .tb tr.sum td{font-weight:700;background:#F9FAFB}
.fx .nm{display:flex;align-items:center;gap:10px}
.fx .qi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#EEF3FF;color:#0551FF}
.fx .bk-z{display:flex;align-items:center;gap:8px}.fx .bk-z small{color:#475467;font-size:12px;font-variant-numeric:tabular-nums}

/* Tagesplan */
.fx .fks{position:relative;display:flex;gap:22px;align-items:center;padding:22px 26px;border-radius:18px;color:#fff;background:radial-gradient(80% 120% at 100% 0%,rgba(122,90,248,.55),rgba(122,90,248,0) 60%),linear-gradient(135deg,#2A6BFF,#0433A8);box-shadow:0 18px 36px -16px rgba(5,81,255,.7);overflow:hidden}
.fx .fks::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.06)}
.fx .fk-l{flex:1;position:relative;z-index:1}
.fx .fk-l small{font-size:11.5px;font-weight:700;letter-spacing:.08em;opacity:.75}
.fx .fk-l>b{display:block;font-size:24px;letter-spacing:-.025em;margin:6px 0 6px}
.fx .fk-l p{margin:0;font-size:14px;opacity:.88;max-width:470px}
.fx .fk-kn{display:flex;gap:8px;margin-top:16px}
.fx .fk-r{position:relative;z-index:1;text-align:center}.fx .fk-r small{display:block;font-size:12px;opacity:.8;margin-top:4px}
.fx .fk-r .ring circle:first-child{stroke:rgba(255,255,255,.2)}.fx .fk-r .ring text{fill:#fff}
.fx .plan{display:grid;gap:4px}
.fx .ps{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px}
.fx .ps-z{width:44px;font-size:12.5px;font-weight:600;color:#667085;font-variant-numeric:tabular-nums}
.fx .ps-p{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#F2F4F7;color:#475467;flex:none}
.fx .ps-t{flex:1;min-width:0}.fx .ps-t b{display:block;font-size:14px;font-weight:600}.fx .ps-t small{display:block;font-size:12.5px;color:#667085}
.fx .ps.done .ps-t b{color:#98A2B3;text-decoration:line-through}.fx .ps.done .ps-p{background:#ECFDF3;color:#079455}
.fx .ps.jetzt{background:#EEF3FF;box-shadow:inset 0 0 0 1px #C9DAFF}.fx .ps.jetzt .ps-p{background:#0551FF;color:#fff}
.fx .ps .kn{padding:6px 12px;font-size:12.5px}
.fx .zl-z{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.fx .zl-z b{font-size:36px;letter-spacing:-.03em}.fx .zl-z span{color:#475467;font-size:14px}
.fx .zl-z+.bk{margin-bottom:10px}
.fx .frei{display:grid;gap:8px}.fx .frei>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:10px 12px;border-radius:12px;background:#F9FAFB;border:1px solid #F2F4F7}
.fx .frei b{font-size:14px}.fx .frei small{grid-column:1;color:#667085;font-size:12.5px}.fx .frei .pl{grid-column:2;grid-row:1/3;justify-self:end;align-self:center}
.fx .mm{display:flex;justify-content:space-between;align-items:flex-start}.fx .mm small{display:block;color:#667085;font-size:12.5px}.fx .mm b{font-size:26px;letter-spacing:-.025em}

/* Dialog Rückfrage */
.fx .dlg{width:560px;background:#fff;border-radius:20px;padding:26px;box-shadow:0 0 0 1px rgba(16,24,40,.05),0 40px 80px -24px rgba(16,24,40,.4)}
.fx .dlg-k{display:flex;gap:14px;align-items:center;margin-bottom:20px}.fx .dlg-k b{display:block;font-size:19px;letter-spacing:-.02em}.fx .dlg-k small{color:#667085;font-size:13px}
.fx .dlg-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fx .dlg-g .w{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;border:1px solid #D0D5DD;font-weight:600;font-size:14px;color:#344054}
.fx .dlg-g .w.prim{background:linear-gradient(180deg,#17B26A,#079455);border-color:#067647;color:#fff;box-shadow:0 8px 16px -8px rgba(7,148,85,.7)}
.fx .dlg-f{display:flex;gap:10px;margin-top:18px;padding:12px 14px;border-radius:12px;background:#F9FAFB;font-size:12.5px;color:#475467}.fx .dlg-f .ic{color:#7A5AF8;margin-top:2px}

/* Chat */
.fx .cht{display:flex;flex-direction:column;gap:14px;padding:4px 40px 0}
.fx .bb{max-width:78%;font-size:14px;line-height:1.5}
.fx .bb.ich{align-self:flex-end;background:linear-gradient(180deg,#2A6BFF,#0551FF);color:#fff;padding:11px 15px;border-radius:16px 16px 4px 16px;box-shadow:0 8px 18px -10px rgba(5,81,255,.7)}
.fx .bb.ki{display:flex;gap:10px;align-items:flex-start;max-width:86%}
.fx .bb.ki>div{background:#fff;border:1px solid #EAECF0;padding:12px 15px;border-radius:4px 16px 16px 16px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.fx .ki-av{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#9B8AFB,#0551FF);flex:none}
.fx .wz{display:flex;gap:6px;margin-bottom:8px}.fx .wz span{display:inline-flex;align-items:center;gap:5px;font:600 11.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:#F4F3FF;color:#5925DC;padding:5px 8px;border-radius:6px}
.fx .mtab{border-collapse:collapse;margin:10px 0;font-size:13px;width:260px}.fx .mtab th{text-align:left;color:#667085;font-weight:600;font-size:12px;padding:5px 8px;background:#F9FAFB}.fx .mtab td{padding:6px 8px;border-top:1px solid #F2F4F7}
.fx .eing{position:absolute;left:104px;right:40px;bottom:66px;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 18px;border-radius:16px;border:1px solid #D0D5DD;background:#fff;box-shadow:0 12px 24px -12px rgba(16,24,40,.25);color:#98A2B3;font-size:14px}
.fx .eing>span:first-child{flex:1}.fx .ein-s{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#0551FF;color:#fff}

/* Zielkette */
.fx .zkette{display:grid;gap:8px}
.fx .zk{display:grid;grid-template-columns:330px 1fr;align-items:center;gap:16px}
.fx .zk-b{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:10px;background:linear-gradient(90deg,#DCE7FF,#B9CFFF);color:#0433A8;font-size:14px}
.fx .zk:nth-child(n+4) .zk-b{background:linear-gradient(90deg,#E9E4FF,#CFC4FF);color:#4A1FB8}
.fx .zk:last-child .zk-b{background:linear-gradient(90deg,#2A6BFF,#0442CC);color:#fff}
.fx .zk span{font-weight:600;font-size:14px}.fx .zk small{display:block;color:#667085;font-size:12px}
.fx .zk-heute{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border-radius:14px;background:#EEF3FF;border:1px solid #D6E3FF}
.fx .zk-heute>div{flex:1}.fx .zk-heute b{display:block;font-size:16px}.fx .zk-heute small{color:#475467;font-size:12.5px}

/* Telefonie */
.fx .anruf{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0A2A50,#12356A);box-shadow:0 16px 32px -16px rgba(4,27,52,.8)}
.fx .an-p{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#17B26A;box-shadow:0 0 0 6px rgba(23,178,106,.25)}
.fx .anruf b{display:block;font-size:15px}.fx .anruf small{color:#9DB2D3;font-size:12.5px}
.fx .wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:30px}.fx .wave i{width:3px;border-radius:3px;background:#7FAAFF}
.fx .an-z{font-size:20px!important;font-variant-numeric:tabular-nums;margin:0 6px}
.fx .an-kn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.fx .an-kn.rot{background:#F04438}
.fx .seg{display:inline-flex;background:#F2F4F7;border-radius:8px;padding:3px;font-size:12px}.fx .seg>*{padding:3px 10px;border-radius:6px}.fx .seg b{background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.1)}
.fx .lf{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:#344054}.fx .lf b{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#7A5AF8;margin-bottom:3px}
.fx .ew{padding:10px 12px;border-radius:10px;background:#FFFAEB;border:1px solid #FEDF89;font-size:12.5px}.fx .ew b{display:block;color:#B54708}.fx .ew span{color:#7A2E0E}
.fx .fa .mini-r:first-child{border-top:0}
.fx .fa-s{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:10px 0 14px;padding:12px 14px;border-radius:12px;background:#ECFDF3}.fx .fa-s span{font-weight:600;color:#067647}.fx .fa-s b{font-size:16px;color:#067647;white-space:nowrap}
.fx .lk-k{display:flex;gap:12px;align-items:center;margin-bottom:12px}.fx .lk-k b{display:block;font-size:15.5px}.fx .lk-k small{color:#667085;font-size:12.5px}
.fx .lk-p{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.fx .lk-f{display:flex;justify-content:space-between;font-size:12.5px;padding:10px 0;border-top:1px solid #F2F4F7}.fx .lk-f small{color:#667085}
.fx .lk-n{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:#FFFAEB;font-size:13px;color:#7A2E0E;margin-bottom:12px}
.fx .lk-kn{display:grid;gap:8px}
.fx .dl-ab{display:flex;justify-content:flex-end;gap:8px}
.fx .rr-wrap{display:flex;align-items:center;gap:30px}
.fx .rr{width:340px;text-align:center;color:#fff;padding:34px 28px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fx .rr-puls{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#17B26A;box-shadow:0 0 0 12px rgba(23,178,106,.22),0 0 0 26px rgba(23,178,106,.1)}
.fx .rr small{display:block;font-size:11.5px;letter-spacing:.08em;color:#9DB2D3;font-weight:600}
.fx .rr>b{display:block;font-size:26px;letter-spacing:-.02em;margin:8px 0 4px}.fx .rr>span{color:#B7C4D8;font-size:13.5px}
.fx .rr-kn{display:flex;gap:10px;justify-content:center;margin:22px 0 16px}
.fx .rr-t{height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}.fx .rr-t i{display:block;height:100%;background:#32D583}
.fx .rr-s{margin-top:8px;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
.fx .sv{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid #F2F4F7;margin-top:8px}
.fx .sv:first-of-type{border-color:#C9DAFF;background:#F5F8FF}
.fx .sv-n{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#F2F4F7;font-size:12px;font-weight:700;color:#475467}
.fx .sv>div{flex:1}.fx .sv>div b{display:block;font-size:14.5px}.fx .sv>div small{color:#667085;font-size:12.5px}
.fx .sv-z{font-size:18px;font-variant-numeric:tabular-nums}.fx .sv .ic{color:#98A2B3}
.fx .stapel{position:relative;width:820px;height:520px}
.fx .stapel>.kt.gross{position:absolute;left:10px;top:40px}
.fx .stapel>.tr{position:absolute;right:0;top:0;transform:rotate(2deg);box-shadow:0 30px 60px -20px rgba(16,24,40,.35)}
.fx .nb-g{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.fx .nb-g small{font-size:11px;font-weight:700;letter-spacing:.08em;color:#7A5AF8}.fx .nb-g p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#344054}
.fx .nb-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #F2F4F7;font-size:13px;color:#475467}.fx .nb-h{margin-left:auto;font-size:12px;color:#98A2B3}
.fx .tr p{margin:0 0 10px;font-size:13px;line-height:1.5;color:#344054}.fx .spk{display:block;font-size:11px;font-weight:700;letter-spacing:.04em}.fx .spk.b{color:#0551FF}.fx .spk.ky{color:#DB2777}

/* Beratung */
.fx .akte-k{display:flex;align-items:center;gap:16px}.fx .akte-k h2{margin:0;font-size:24px;letter-spacing:-.025em}.fx .akte-k small{color:#667085;font-size:13px}
.fx .akte-kn{margin-left:auto;display:flex;gap:8px}
.fx .stufen{display:flex;margin-top:18px;background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:4px;gap:4px}
.fx .stufen span{flex:1;text-align:center;font-size:13px;font-weight:600;padding:8px;border-radius:9px;color:#98A2B3}
.fx .stufen .fertig{background:#ECFDF3;color:#067647}.fx .stufen .jetzt{background:linear-gradient(135deg,#a97e08,#8f6c07);color:#fff;box-shadow:0 6px 14px -8px rgba(143,108,7,.8)}
.fx .vb{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fx .vb>div{padding:12px;border-radius:12px;background:#F9FAFB;border:1px solid #F2F4F7}
.fx .vb small{font-size:11px;font-weight:700;letter-spacing:.08em;color:#667085}.fx .vb b{display:block;font-size:14.5px;margin-top:2px}
.fx .pflicht{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:12px;background:#FEF3F2;border:1px solid #FECDCA;color:#B42318;font-size:13px}.fx .pflicht span{flex:1;color:#7A271A}
.fx .zlt{display:grid;gap:8px}.fx .ze{padding:10px 12px;border-radius:10px;font-size:13px;border-left:3px solid;color:#344054}
.fx .ze small{display:block;font-size:11.5px;color:#667085;margin-bottom:2px}
.fx .ze.gelb{background:#FFFAEB;border-color:#FDB022}.fx .ze.gruen{background:#ECFDF3;border-color:#17B26A}.fx .ze.blau{background:#EEF3FF;border-color:#0551FF}.fx .ze.grau{background:#F9FAFB;border-color:#98A2B3}
.fx .hdy{width:318px;height:640px;padding:10px;border-radius:52px;background:linear-gradient(145deg,#2B3442,#0B0F17);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 50px 90px -30px rgba(16,24,40,.6),inset 0 0 0 2px #3A4556;position:relative;top:24px}
.fx .h-rand{height:100%;border-radius:43px;overflow:hidden;background:#fff;position:relative}
.fx .h-notch{position:absolute;left:50%;top:10px;width:96px;height:28px;margin-left:-48px;border-radius:20px;background:#0B0F17;z-index:2}
.fx .h-schirm{padding:54px 20px 20px;height:100%}
.fx .pp-k{display:flex;align-items:center;gap:8px;font-size:15px}.fx .pp-l{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#3B7BFF,#0442CC);color:#fff;font-weight:800}
.fx .pp-fort{height:6px;border-radius:6px;background:#EAECF0;margin:16px 0 6px;overflow:hidden}.fx .pp-fort i{display:block;height:100%;background:linear-gradient(90deg,#5B8CFF,#0551FF)}
.fx .pp-s{font-size:12px;color:#667085}
.fx .pp h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:14px 0 14px}
.fx .pz{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;padding:11px 13px;border:1px solid #EAECF0;border-radius:12px;margin-bottom:8px;font-size:13.5px}
.fx .pz b{text-align:right}.fx .pz small{grid-column:2;text-align:right;font-size:11.5px;color:#667085}.fx .pz .pl{grid-column:1;grid-row:2;justify-self:start;margin-top:3px;font-size:11px;padding:1px 8px}
.fx .pp-h{display:flex;gap:8px;padding:10px 12px;border-radius:12px;background:#EEF3FF;color:#0433A8;font-size:12px;margin:12px 0 14px}
.fx .pp-kn{display:block;text-align:center;padding:13px;border-radius:14px;background:linear-gradient(180deg,#2A6BFF,#0551FF);color:#fff;font-weight:650;box-shadow:0 10px 20px -10px rgba(5,81,255,.8)}
.fx .tabs{display:flex;gap:4px;margin:16px 0 14px;border-bottom:1px solid #EAECF0}.fx .tabs>*{padding:8px 12px;font-size:13.5px;color:#667085;font-weight:500}.fx .tabs b{color:#0551FF;box-shadow:inset 0 -2px 0 #0551FF;font-weight:600}
.fx .stack{display:flex;height:16px;border-radius:999px;overflow:hidden;gap:3px;margin-bottom:16px}.fx .stack i{display:block;height:100%}
.fx .lgs{display:grid;gap:4px}.fx .lg{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13.5px}.fx .lg i{width:10px;height:10px;border-radius:3px}.fx .lg span{flex:1;color:#475467}
.fx .warn{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#FFFAEB;border:1px solid #FEDF89;font-size:13px;color:#7A2E0E;margin-bottom:8px}.fx .warn .ic{color:#DC6803;margin-top:1px}
.fx .rch{display:grid;grid-template-columns:230px 1fr;gap:16px}
.fx .rch-l{display:grid;gap:10px;align-content:start}.fx .fld{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #EAECF0}.fx .fld small{display:block;font-size:12px;color:#667085}.fx .fld b{font-size:17px}
.fx .rch-r{background:#fff;border:1px solid #EAECF0;border-radius:14px;padding:18px}
.fx .rch-lg{display:flex;gap:16px;font-size:12.5px;color:#475467;margin-bottom:6px}.fx .rch-lg i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.fx .rch-lg .c1{background:#0551FF}.fx .rch-lg .c2{background:#7A5AF8}
.fx .rch-e{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}.fx .rch-e>div{padding:10px 12px;border-radius:12px;background:#F9FAFB}.fx .rch-e small{display:block;font-size:12px;color:#667085}.fx .rch-e b{font-size:17px}
.fx .rch-e .plus{background:#ECFDF3}.fx .rch-e .plus b{color:#067647}
.fx .beleg{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#F9FAFB;font-size:12.5px;color:#475467}.fx .beleg span{flex:1}
.fx .mappe{position:relative;display:flex;gap:0;margin-left:70px}
.fx .blt{width:230px;height:320px;margin-left:-40px;background:#fff;border-radius:10px;padding:18px;box-shadow:0 0 0 1px rgba(16,24,40,.06),0 30px 50px -20px rgba(16,24,40,.35);border-top:6px solid var(--c)}
.fx .bl-k{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--c)}.fx .bl-k small{color:#98A2B3;letter-spacing:0;font-weight:500}
.fx .blt>b{display:block;font-size:19px;line-height:1.2;letter-spacing:-.02em;margin:14px 0 18px}
.fx .bl-bar{display:flex;align-items:flex-end;gap:10px;height:110px;padding:10px;border-radius:10px;background:#F9FAFB}.fx .bl-bar i{flex:1;border-radius:5px 5px 2px 2px;background:var(--c);opacity:.85}
.fx .bl-bar i:nth-child(odd){opacity:.45}
.fx .bl-l{margin-top:18px;display:grid;gap:8px}.fx .bl-l i{height:7px;border-radius:4px;background:#EAECF0}
.fx .folie{width:780px;background:#fff;border-radius:18px;padding:28px 34px;box-shadow:0 40px 80px -24px rgba(0,0,0,.6)}
.fx .fo-k{display:flex;align-items:center;gap:10px;font-size:14px}.fx .fo-k small{margin-left:auto;color:#667085}
.fx .fo-ki{display:block;margin-top:22px;font-size:12px;font-weight:700;letter-spacing:.1em;color:#0551FF}
.fx .folie h3{font-size:27px;letter-spacing:-.025em;margin:6px 0 20px}
.fx .fo-g{display:flex;align-items:flex-end;gap:26px;height:260px;padding:0 10px;border-bottom:1px solid #EAECF0}
.fx .fo-g>div{flex:1;text-align:center}.fx .fo-g i{display:grid;place-items:start center;padding-top:10px;border-radius:12px 12px 0 0;font-style:normal;font-weight:700;color:#fff;background:linear-gradient(180deg,#2A6BFF,#0442CC)}
.fx .fo-g i.b2{background:linear-gradient(180deg,#8FB2FF,#5C8DFF)}.fx .fo-g i.b3{background:linear-gradient(180deg,#F97066,#D92D20);font-size:13px;padding-top:6px}
.fx .fo-g span{display:block;font-size:12.5px;color:#667085;padding:8px 0}
.fx .fo-g .fo-lueck{flex:1.2;align-self:center;text-align:left;padding:14px 16px;border-radius:14px;background:#FEF3F2}.fx .fo-lueck b{display:block;font-size:26px;color:#B42318;letter-spacing:-.02em}.fx .fo-lueck small{color:#7A271A}
.fx .fo-f{display:flex;justify-content:space-between;align-items:center;margin-top:18px}

/* Pipeline (Farben aus dem Design-Paket) */
.fx .pl-k{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}
.fx .bws{display:flex;align-items:center;background:#fff;border:1px solid #EAECF0;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.fx .bws>div{padding:8px 16px;border-left:1px solid #EAECF0}.fx .bws>div:first-child{border-left:0}
.fx .bws small{display:block;font-size:11.5px;color:#667085}.fx .bws b{font-size:15px;font-variant-numeric:tabular-nums}.fx .bws-z{width:130px}.fx .bws-z .bk{margin-top:6px}
.fx .brett{display:flex;gap:12px}
.fx .sp-s{width:200px;flex:none}
.fx .sp-k{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:11px;color:#fff;font-size:13px;box-shadow:0 8px 16px -10px rgba(16,24,40,.5)}
.fx .sp-k b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.fx .sp-k em{font-style:normal;font-size:12px;font-weight:700;background:rgba(0,0,0,.16);border-radius:999px;padding:1px 8px}
.fx .sp-k.lila{background:linear-gradient(135deg,#7c3aed,#5e21c9)}.fx .sp-k.gold1{background:linear-gradient(135deg,#c99a13,#a67c0d)}.fx .sp-k.gold2{background:linear-gradient(135deg,#a97e08,#8f6c07)}
.fx .sp-k.gold3{background:linear-gradient(135deg,#7d5e05,#5c4504)}.fx .sp-k.gruen1{background:linear-gradient(135deg,#18a653,#128040)}.fx .sp-k.gruen4{background:linear-gradient(135deg,#0a5c2e,#063f20)}
.fx .sp-w{display:flex;justify-content:space-between;align-items:baseline;padding:8px 4px 10px}.fx .sp-w small{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#98A2B3}.fx .sp-w b{font-size:13.5px}
.fx .pk{border-radius:16px;padding:12px 13px;margin-bottom:10px;border:1px solid;box-shadow:0 1px 2px rgba(16,24,40,.05),0 6px 12px -8px rgba(16,24,40,.15)}
.fx .pk.lila{background:linear-gradient(135deg,#f7f2ff,#ece0fb);border-color:#d6bdf4}.fx .pk.gold1{background:linear-gradient(135deg,#fdf9ec,#faf0cb);border-color:#ecd48a}
.fx .pk.gold2{background:linear-gradient(135deg,#fef9ec,#fbefc9);border-color:#e8c766}.fx .pk.gold3{background:linear-gradient(135deg,#fbf4e3,#f2e0b6);border-color:#d9b854}
.fx .pk.gruen1{background:linear-gradient(135deg,#f0fdf6,#dcfbe7);border-color:#8fe2b0}.fx .pk.gruen4{background:linear-gradient(135deg,#e9f9f0,#b9efd1);border-color:#4bc286}
.fx .pk-k{display:flex;align-items:center;gap:8px;font-size:14px}.fx .mp{width:8px;height:8px;border-radius:50%}.fx .mp.mA{background:#1f6fb2}.fx .mp.mB{background:#b8860b}.fx .mp.mC{background:#1e7a4f}
.fx .pk-m{display:flex;align-items:center;gap:8px;margin-top:10px}.fx .pk-m small{font-size:12px;color:#475467}
.fx .kl{display:flex;flex-direction:column}
.fx .kl-t{display:grid;grid-template-columns:52px repeat(5,1fr);border-bottom:1px solid #EAECF0}.fx .kl-t b{padding:10px 12px;font-size:13px;font-weight:600;color:#475467}.fx .kl-t b.heute{color:#0551FF}
.fx .kl-r{display:flex;position:relative}.fx .kl-zs{width:52px;flex:none}.fx .kl-z{height:52px;font-size:11.5px;color:#98A2B3;padding:0 8px;transform:translateY(-7px)}.fx .kl-z:first-child{margin-top:34px}
.fx .kl-f{flex:1;position:relative;height:450px;background-image:linear-gradient(#F2F4F7 1px,transparent 1px),linear-gradient(90deg,#F2F4F7 1px,transparent 1px);background-size:100% 52px,20% 100%;background-position:0 34px,0 0}
.fx .kl-e{position:absolute;width:calc(20% - 6px);border-radius:9px;padding:6px 9px;font-size:12px;border-left:3px solid;overflow:hidden}
.fx .kl-e b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx .kl-e small{display:block;font-size:11px;opacity:.8}
.fx .kl-e.violett{background:#F4F3FF;border-color:#7A5AF8;color:#4A1FB8}.fx .kl-e.blau{background:#EEF3FF;border-color:#0551FF;color:#0433A8}.fx .kl-e.gold{background:#FEF7E6;border-color:#C99A13;color:#7D5E05}
.fx .kl-e.gelb{background:#FFFAEB;border-color:#F79009;color:#93370D}.fx .kl-e.gruen{background:#ECFDF3;border-color:#17B26A;color:#05603A}
.fx .kl-e.grau{background:repeating-linear-gradient(135deg,#F2F4F7,#F2F4F7 6px,#EAECF0 6px,#EAECF0 12px);border-color:#98A2B3;color:#475467}
.fx .kl-jetzt{position:absolute;left:20%;width:20%;top:250px;height:2px;background:#F04438}.fx .kl-jetzt::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#F04438}
.fx .ne{padding:10px 12px;border-radius:10px;border:1px dashed #D0D5DD;font-size:13px;margin-bottom:8px;background:#fff}
.fx .brett4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fx .as{background:#EAECF0;border-radius:14px;padding:10px}.fx .as-k{display:flex;align-items:center;gap:8px;padding:4px 4px 10px;font-size:13.5px}.fx .as-k em{margin-left:auto;font-style:normal;font-size:12px;color:#667085;font-weight:600}
.fx .ak{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.fx .ak-k{display:flex;gap:8px;align-items:flex-start;font-size:13.5px}.fx .ak-k .ic{color:#667085;margin-top:2px}.fx .ak>small{display:block;color:#667085;font-size:12px;margin:4px 0 10px 23px}
.fx .ak-f{display:flex;justify-content:space-between;align-items:center}

/* Automationen */
.fx .stf{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid #EAECF0;background:#fff}
.fx .stf>div{flex:1}.fx .stf small{display:block;font-size:12px;color:#667085;font-weight:600}.fx .stf b{font-size:14.5px}
.fx .stf-p{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff}
.fx .stf-p.gruen{background:linear-gradient(135deg,#32D583,#039855)}.fx .stf-p.blau{background:linear-gradient(135deg,#3B7BFF,#0442CC)}.fx .stf-p.grau{background:#D0D5DD}
.fx .stf.aus{background:#F9FAFB}.fx .stf.aus b{color:#98A2B3;text-decoration:line-through}
.fx .stf-l{width:2px;height:14px;margin-left:35px;background:repeating-linear-gradient(#D0D5DD 0 4px,transparent 4px 8px)}
.fx .haupts{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px}.fx .haupts>div{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #EAECF0}
.fx .haupts b{flex:1;font-size:14.5px}.fx .haupts .ic{color:#0551FF}.fx .hs-i{font-size:13px;color:#475467;background:#EEF3FF!important;border-color:#D6E3FF!important}
.fx .tg{width:38px;height:22px;border-radius:999px;background:#17B26A;position:relative;display:inline-block}.fx .tg i{position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.fx .tg.aus{background:#D0D5DD}.fx .tg.aus i{right:auto;left:3px}
.fx .mail{max-width:640px}.fx .mf{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #F2F4F7;font-size:14px}.fx .mf small{width:60px;color:#667085}
.fx .chip2{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border-radius:999px;background:#F2F4F7;font-weight:600;font-size:13px}
.fx .mt-t{padding:18px 0;font-size:14.5px;line-height:1.65;color:#344054}.fx .mt-t p{margin:0 0 12px}.fx .mt-t u{color:#0551FF;text-decoration:none;font-weight:600}
.fx .sig{padding-top:12px;border-top:1px solid #F2F4F7}.fx .sig b{display:block}.fx .sig small{color:#667085;font-size:12.5px}
.fx .anh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #EAECF0;background:#F9FAFB;font-size:13.5px;width:420px}.fx .anh .ic{color:#D92D20}.fx .anh span{flex:1;font-weight:600}.fx .anh small{color:#667085}
.fx .mail-f{display:flex;justify-content:space-between;align-items:center;margin-top:18px}

/* Reporting */
.fx .tri{display:grid;grid-template-columns:200px 1fr 60px 90px;align-items:center;gap:14px;padding:6px 0;font-size:13.5px}
.fx .tri-l{color:#344054;font-weight:500}.fx .tri-b{position:relative;height:30px;background:#F9FAFB;border-radius:8px}
.fx .tri-b i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,#5B8CFF,#0551FF)}
.fx .tri:nth-child(n+4) .tri-b i{background:linear-gradient(90deg,#9B8AFB,#6938EF)}.fx .tri:last-of-type .tri-b i{background:linear-gradient(90deg,#47CD89,#079455)}
.fx .tri-b b{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fff;font-size:13px;font-variant-numeric:tabular-nums}
.fx .tri-q{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.fx .tri-bm{font-size:12px;color:#98A2B3}
.fx .note{display:flex;align-items:center;gap:18px}.fx .note small{display:block;color:#667085;font-size:12.5px}.fx .note b{display:block;font-size:24px;letter-spacing:-.02em;margin-bottom:6px}
.fx .mess{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.fx .mess>div{padding:10px 12px;border-radius:12px;background:#F9FAFB}.fx .mess small{display:block;font-size:12px;color:#667085}.fx .mess b{font-size:18px}
.fx .kr{display:grid;grid-template-columns:150px 1fr 34px;align-items:center;gap:12px;padding:7px 0;font-size:13.5px}.fx .kr b{text-align:right;font-variant-numeric:tabular-nums}
.fx .zit{padding:16px 18px;border-radius:14px;background:#ECFDF3;border:1px solid #ABEFC6}.fx .zit small{font-size:11px;font-weight:700;letter-spacing:.08em;color:#067647}
.fx .zit p{margin:6px 0 4px;font-size:14.5px;line-height:1.5;font-weight:600;color:#054F31}.fx .zit span{font-size:12px;color:#067647}
.fx .zit.rot{background:#FFFAEB;border-color:#FEDF89}.fx .zit.rot small{color:#B54708}.fx .zit.rot p{color:#7A2E0E}
.fx .vg{margin:14px 0 18px}.fx .vg-k{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.fx .vg-k b{font-size:15px}.fx .vg-k small{font-size:12.5px;color:#667085}
.fx .vg-b{display:flex;height:58px;border-radius:14px;overflow:hidden;gap:3px}
.fx .vg-b i{display:flex;flex-direction:column;justify-content:center;padding:0 14px;color:#fff;font-style:normal;white-space:nowrap}.fx .vg-b i b{font-size:15px}.fx .vg-b i small{font-size:11.5px;opacity:.85}
.fx .vg-b i:last-child{color:#475467}
.fx .vg-h{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:#F4F3FF;color:#3E1C96;font-size:13px}.fx .vg-h .ic{color:#7A5AF8;margin-top:2px}

/* Leads */
.fx .paks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fx .pak{position:relative;padding:18px;border-radius:16px;background:#fff;border:1px solid #EAECF0}.fx .pak small{font-size:11px;font-weight:700;letter-spacing:.08em;color:#667085}
.fx .pak b{display:block;font-size:26px;letter-spacing:-.025em;margin:4px 0}.fx .pak span{font-size:13px;color:#475467}.fx .pak .pl{position:absolute;right:14px;top:14px}
.fx .pak.an{border:2px solid #0551FF;box-shadow:0 12px 24px -12px rgba(5,81,255,.5);background:linear-gradient(180deg,#F5F8FF,#fff)}
.fx .lief{display:flex;align-items:center;gap:18px}.fx .lief b{display:block;font-size:22px;letter-spacing:-.02em}.fx .lief small{color:#667085;font-size:12.5px}

/* Team */
.fx .kurs{background:#fff;border:1px solid #EAECF0;border-radius:16px;overflow:hidden}
.fx .kurs-b{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;position:relative}
.fx .kurs-b span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}.fx .kurs-b small{font-size:12px;opacity:.85}
.fx .kurs-t{padding:14px}.fx .kurs-t b{display:block;font-size:14.5px;margin-bottom:10px}.fx .kurs-t small{display:block;font-size:12px;color:#667085;margin-top:8px}
.fx .weiter{display:flex;align-items:center;gap:16px}.fx .weiter>div{flex:1}.fx .weiter b{display:block;font-size:14.5px}.fx .weiter small{display:block;font-size:12.5px;color:#667085;margin-bottom:8px}
.fx .kurs-mini{width:64px;height:44px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#041F3C,#0551FF)}
.fx .emp-k{display:flex;align-items:center;gap:10px}.fx .emp-k b{display:block;font-size:14.5px}.fx .emp-k small{font-size:12px;color:#667085}
.fx .emp-v{height:120px;border-radius:14px;margin:14px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,#FDB022,#DC6803)}
.fx .emp-v .ic{width:44px;height:44px;padding:12px;border-radius:50%;background:rgba(255,255,255,.22)}.fx .emp-v small{font-size:11.5px}
.fx .emp h3{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
.fx .wa,.fx .ln{display:block;text-align:center;padding:11px;border-radius:12px;font-weight:650;font-size:14px;margin-bottom:8px}.fx .wa{background:#25D366;color:#fff}.fx .ln{border:1px solid #D0D5DD}
.fx .emp-s{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#667085;margin:12px 0 6px}
.fx .emp-l{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #F2F4F7;font-size:13.5px}
.fx .est{display:grid;grid-template-columns:170px 1fr;gap:16px}
.fx .est-n{display:grid;gap:2px;align-content:start}.fx .est-n span{padding:9px 12px;border-radius:9px;font-size:13.5px;color:#475467;font-weight:500}.fx .est-n .an{background:#fff;color:#0551FF;font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.fx .marke{position:relative;padding:16px 14px 14px;border-radius:14px;border:1px solid #EAECF0;background:#fff;overflow:hidden}
.fx .marke::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--c)}
.fx .mk-l{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;background:var(--c);margin-bottom:10px}
.fx .marke b{display:block;font-size:14.5px}.fx .marke small{display:block;font-size:12px;color:#667085;margin-bottom:10px}

/* Sicherheit, Schnittstellen */
.fx .sk-w{display:flex;align-items:center;gap:34px}
.fx .sk-g{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:470px}
.fx .sk{padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff}
.fx .sk b{display:block;font-size:15px;margin:14px 0 4px}.fx .sk small{display:block;font-size:12.5px;color:#9DB2D3;line-height:1.45}
.fx .sk-code{width:270px;padding:26px;border-radius:22px;background:#fff;box-shadow:0 40px 80px -24px rgba(0,0,0,.7)}
.fx .sk-code small{font-size:11px;font-weight:700;letter-spacing:.1em;color:#667085}.fx .sk-code b{display:block;font-size:20px;margin:4px 0 16px}
.fx .cd{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:16px}.fx .cd span{height:46px;border-radius:10px;border:1px solid #D0D5DD;display:grid;place-items:center;font-size:20px;font-weight:700}
.fx .cd span:nth-child(-n+4){border-color:#0551FF;box-shadow:0 0 0 3px rgba(5,81,255,.12)}
.fx .wc-g{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.fx .wc{padding:14px;border-radius:14px;background:#F9FAFB;border:1px solid #F2F4F7}.fx .wc b{display:block;font-size:14px;margin-top:10px}.fx .wc small{font-size:12px;color:#667085}
.fx .ok{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ECFDF3;color:#079455}
.fx .upt{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:13px}.fx .upt small{color:#667085;width:150px}.fx .upt b{font-size:15px;color:#067647}
.fx .upt-b{flex:1;display:flex;gap:3px}.fx .upt-b i{flex:1;height:28px;border-radius:4px;background:#47CD89}.fx .upt-b i.y{background:#FDB022}
.fx .trm{width:620px;border-radius:16px;overflow:hidden;background:#0B1628;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 80px -24px rgba(0,0,0,.7)}
.fx .term-k{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0F1D33;border-bottom:1px solid rgba(255,255,255,.06)}.fx .term-k small{margin-left:12px;color:#7C8DA8;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.fx .trm pre{margin:0;padding:22px 24px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#D5DEEB;white-space:pre}
.fx .trm .c{color:#5E6E89}.fx .trm .ky{color:#8FB2FF}.fx .trm .s{color:#6CE9A6}.fx .trm .n{color:#FDB022}
.fx .tz{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid #F2F4F7}.fx .tz:first-of-type{border-top:0;padding-top:0}
.fx .tz>b{width:46px;font-size:13px;color:#475467;font-variant-numeric:tabular-nums}.fx .tz-l{width:4px;height:36px;border-radius:4px;background:#0551FF}
.fx .tz-l.gold{background:#C99A13}.fx .tz-l.violett{background:#7A5AF8}.fx .tz>div{flex:1}.fx .tz>div b{display:block;font-size:14px}.fx .tz>div small{display:block;font-size:12.5px;color:#667085}
.logo img{width:34px;height:34px;border-radius:9px;box-shadow:0 4px 12px -4px rgba(5,81,255,.55)}

/* ================= Feinschliff 29.09. ================= */
::selection{background:#C9DAFF;color:#041F3C}
:focus-visible{outline:3px solid rgba(5,81,255,.45);outline-offset:2px;border-radius:8px}
.kopf .wrap{height:76px}
.modnav{top:76px}
.logo.wm img{width:auto;height:40px;border-radius:0;box-shadow:none}
.logo.wm{gap:0}
.kopf .btn.primaer,.btn.primaer{background:linear-gradient(180deg,#2A6BFF,#0551FF 55%,#0445DE);border-color:#0445DE;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px -8px rgba(5,81,255,.75);transition:transform .15s,box-shadow .15s,filter .15s}
.btn.primaer:hover{background:linear-gradient(180deg,#2A6BFF,#0551FF 55%,#0445DE);filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 14px 28px -10px rgba(5,81,255,.8)}
.btn{transition:transform .15s,box-shadow .15s,background .15s}
.btn:not(.primaer):hover{transform:translateY(-1px)}
.held{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 50% -80px,#DCE7FF,rgba(220,231,255,0) 70%),radial-gradient(600px 300px at 90% 10%,rgba(122,90,248,.12),transparent 70%),#fff}
.held::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(5,81,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(5,81,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 0%,#000 20%,transparent 75%);pointer-events:none}
.held>.wrap{position:relative}
.held h1 .blau{background:linear-gradient(95deg,#0551FF 10%,#5B8CFF 55%,#7A5AF8 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{padding:4px 12px;border-radius:999px;background:var(--marke-hell);border:1px solid var(--marke-rand);font-size:13px;letter-spacing:.01em}
.abschnitt.dunkel .kicker,.ki-sek .kicker,.ks-sek.dunkel .kicker{background:rgba(143,176,255,.12);border-color:rgba(143,176,255,.3);color:#A9C2FF}
.zeile .kicker{margin-bottom:6px}
.kachel .ico,.ico{background:linear-gradient(145deg,#EEF3FF,#DCE7FF);box-shadow:inset 0 0 0 1px rgba(5,81,255,.12)}
a.kachel{position:relative;overflow:hidden}
a.kachel::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px 160px at 0% 0%,rgba(5,81,255,.07),transparent 70%);opacity:0;transition:opacity .2s;pointer-events:none}
a.kachel:hover::after{opacity:1}
a.kachel:hover .ico{background:linear-gradient(145deg,#2A6BFF,#0442CC);color:#fff}
.cta{background:radial-gradient(600px 300px at 85% 0%,rgba(122,90,248,.55),transparent 70%),radial-gradient(500px 260px at 0% 100%,rgba(42,107,255,.7),transparent 70%),linear-gradient(135deg,#0551FF,#041F3C);box-shadow:0 40px 80px -30px rgba(5,81,255,.6)}
.cta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.cta>*{position:relative}
.faq details{transition:border-color .15s,box-shadow .15s}
.faq details[open]{border-color:var(--marke-rand);box-shadow:0 12px 24px -12px rgba(16,24,40,.12)}
.faq summary:hover{color:var(--marke-dunkel)}
.fuss{background:linear-gradient(180deg,#06213F,#031428);color:#B7C4D8;border-top:0}
.fuss h4{color:#fff}
.fuss a{color:#B7C4D8}.fuss a:hover{color:#fff}
.fuss p{color:#8FA2BF}
.fuss .unten{border-top-color:rgba(255,255,255,.1);color:#8FA2BF}
.fuss .logo.wm img{height:44px}
.plakette{box-shadow:0 6px 16px -8px rgba(5,81,255,.35)}

/* ---------- Traumreise ---------- */
.tr-sek{padding-top:72px}
.tr{position:relative;border-radius:32px;padding:40px 40px 44px;background:#EEF0F3;border:1px solid #E4E7EC;transition:background .6s,border-color .6s,box-shadow .6s;overflow:hidden;isolation:isolate}
.tr::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 85% 0%,rgba(59,123,255,.55),transparent 70%),radial-gradient(50% 50% at 0% 100%,rgba(122,90,248,.4),transparent 70%),linear-gradient(165deg,#0A2A50,#041326);opacity:0;transition:opacity .6s}
.tr::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(16,24,40,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%)}
.tr[data-zustand=finveo]{border-color:transparent;box-shadow:0 40px 90px -30px rgba(5,40,110,.55)}
.tr[data-zustand=finveo]::before{opacity:1}
.tr[data-zustand=finveo]::after{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px)}
.tr-schalter{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(520px,100%);margin:0 auto 40px;padding:5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #E4E7EC,0 10px 24px -12px rgba(16,24,40,.25)}
.tr-schalter button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;padding:13px 16px;border:0;background:none;border-radius:999px;color:#475467;cursor:pointer;transition:color .3s}
.tr-schalter button img{width:20px;height:20px;border-radius:6px}
.tr-schalter button[aria-pressed=true]{color:#fff}
.tr-schalter i{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(180deg,#667085,#475467);box-shadow:0 6px 14px -6px rgba(16,24,40,.5);transition:transform .45s cubic-bezier(.6,.05,.25,1),background .45s}
.tr[data-zustand=finveo] .tr-schalter{background:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.tr[data-zustand=finveo] .tr-schalter button{color:#B7C4D8}
.tr[data-zustand=finveo] .tr-schalter button[aria-pressed=true]{color:#fff}
.tr[data-zustand=finveo] .tr-schalter i{transform:translateX(100%);background:linear-gradient(180deg,#2A6BFF,#0445DE);box-shadow:0 8px 22px -6px rgba(5,81,255,.9)}
.tr-rumpf{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:start}
.tr-linie{list-style:none;margin:0;padding:0;position:relative}
.tr-linie::before{content:"";position:absolute;left:99px;top:20px;bottom:20px;width:2px;background:#D0D5DD;transition:background .6s}
.tr[data-zustand=finveo] .tr-linie::before{background:linear-gradient(180deg,#5B8CFF,#7A5AF8)}
.tr-z{display:grid;grid-template-columns:72px 56px minmax(0,1fr);gap:0 0;align-items:start;padding:8px 0;opacity:0;transform:translateY(18px);transition:opacity .6s calc(var(--n)*90ms),transform .6s calc(var(--n)*90ms)}
.tr.sicht .tr-z{opacity:1;transform:none}
.tr-zeit,.tr-punkt,.tr-karte{display:grid}
.tr-zeit>span,.tr-punkt>span,.tr-karte>div{grid-area:1/1;transition:opacity .45s,transform .45s}
.tr .f{opacity:0;transform:translateY(8px);pointer-events:none}
.tr[data-zustand=finveo] .h{opacity:0;transform:translateY(-8px);pointer-events:none}
.tr[data-zustand=finveo] .f{opacity:1;transform:none;pointer-events:auto}
.tr-zeit{padding-top:20px;font-size:15px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#667085;text-align:right;padding-right:14px}
.tr[data-zustand=finveo] .tr-zeit{color:#A9C2FF}
.tr-punkt{justify-items:center;padding-top:8px}
.tr-punkt>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#667085;box-shadow:0 0 0 5px #EEF0F3,0 0 0 6px #D0D5DD}
.tr-punkt>.f{background:linear-gradient(145deg,#2A6BFF,#0442CC);color:#fff;box-shadow:0 0 0 5px rgba(10,42,80,.9),0 0 0 6px rgba(127,170,255,.45),0 8px 22px -4px rgba(5,81,255,.9)}
.tr-karte>div{background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:16px 18px 16px;margin-left:10px;box-shadow:0 1px 2px rgba(16,24,40,.05);position:relative}
.tr-karte b{display:block;font-size:16.5px;letter-spacing:-.01em;padding-right:130px}
.tr-karte p{color:#667085;font-size:14.5px;margin-top:4px;line-height:1.5}
.tr-karte em{position:absolute;top:14px;right:14px;font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.tr-karte .h em{background:#FEF3F2;color:#B42318;border:1px solid #FECDCA}
.tr-karte .h b{color:#344054}
.tr-karte .f{background:rgba(255,255,255,.97);border-color:rgba(255,255,255,.6);box-shadow:0 20px 40px -18px rgba(0,0,0,.55)}
.tr-karte .f em{background:#ECFDF3;color:#067647;border:1px solid #ABEFC6}
.tr-karte .f p{color:#475467}
.tr-bilanz{position:sticky;top:110px;background:#fff;border:1px solid #E4E7EC;border-radius:22px;padding:24px;box-shadow:0 20px 40px -20px rgba(16,24,40,.25);transition:background .6s}
.tr-bk{display:grid;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#667085;margin-bottom:10px}
.tr-bk>span{grid-area:1/1;transition:opacity .4s}
.tr[data-zustand=finveo] .tr-bk{color:#0551FF}
.tr-b{position:relative;padding:14px 0;border-top:1px solid #F2F4F7}
.tr-b small{display:block;font-size:13.5px;color:#667085}
.tr-b>div{display:grid;margin-top:2px}
.tr-b>div>*{grid-area:1/1;font-size:26px;font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:opacity .45s,transform .45s}
.tr-b s.h{color:#B42318}
.tr-b b.f{color:#067647}
.tr-bh{display:none}
.tr[data-zustand=finveo] .tr-bh{display:block;position:absolute;right:0;bottom:16px;font-size:13px;color:#98A2B3;text-decoration:line-through}
.tr-fein{font-size:12.5px;color:#98A2B3;margin:12px 0 18px;line-height:1.5}
.btn.voll{width:100%;white-space:normal;text-align:center}

/* ---------- KI-Bühne ---------- */
.ki-sek{position:relative;background:radial-gradient(50% 50% at 80% 0%,rgba(59,123,255,.35),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(122,90,248,.3),transparent 70%),linear-gradient(170deg,#0A2A50,#041326);color:#fff;overflow:hidden}
.ki-sek h2{color:#fff}.ki-sek .unter{color:#B7C4D8}
.kt-wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:40px;align-items:center}
.kt-tabs{display:grid;gap:10px}
.kt-tab{display:flex;gap:14px;align-items:flex-start;text-align:left;font:inherit;color:#B7C4D8;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.kt-tab:hover{background:rgba(255,255,255,.07)}
.kt-tab .ico{background:rgba(143,176,255,.14);color:#A9C2FF;box-shadow:none}
.kt-tab b{display:block;color:#fff;font-size:16px}
.kt-tab small{display:block;font-size:14px;line-height:1.5;margin-top:4px;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s,opacity .35s}
.kt-tab.an{background:rgba(255,255,255,.1);border-color:rgba(143,176,255,.45);box-shadow:0 20px 40px -20px rgba(5,81,255,.8)}
.kt-tab.an .ico{background:linear-gradient(145deg,#2A6BFF,#0442CC);color:#fff}
.kt-tab.an small{max-height:140px;opacity:1}
.kt-mehr{margin-top:6px;display:inline-flex;align-items:center;gap:8px;color:#A9C2FF;font-weight:600;padding:6px 4px}
.kt-mehr:hover{color:#fff;text-decoration:none}
.kt-bilder{min-width:0}
.kt-bild{display:none}
.kt-bild.an{display:block;animation:ktein .5s ease}
@keyframes ktein{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
.ki-sek .fx{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 80px -30px rgba(0,0,0,.7)}

/* ---------- Kostenvergleich ---------- */
.ks-sek.dunkel{background:radial-gradient(50% 60% at 100% 0%,rgba(59,123,255,.3),transparent 70%),linear-gradient(170deg,#06213F,#031428);color:#fff}
.ks-schalter{display:flex;justify-content:center;gap:6px;margin:0 auto 32px;padding:5px;border-radius:999px;width:max-content;max-width:100%;background:#fff;box-shadow:0 0 0 1px #E4E7EC}
.dunkel .ks-schalter{background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.ks-schalter button{font-family:inherit;font-size:14.5px;font-weight:600;line-height:1;padding:11px 18px;border-radius:999px;border:0;background:none;color:#475467;cursor:pointer}
.dunkel .ks-schalter button{color:#B7C4D8}
.ks-schalter button[aria-pressed=true]{background:linear-gradient(180deg,#2A6BFF,#0445DE);color:#fff;box-shadow:0 6px 16px -6px rgba(5,81,255,.9)}
.ks-g{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:stretch}
.ks-liste{background:#fff;border:1px solid #E4E7EC;border-radius:22px;padding:8px 22px 0;box-shadow:0 20px 40px -24px rgba(16,24,40,.25)}
.dunkel .ks-liste{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none}
.ks-kopf{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#98A2B3;padding:14px 0 10px}
.ks-z{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #F2F4F7}
.dunkel .ks-z{border-top-color:rgba(255,255,255,.08)}
.ks-i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#F2F4F7;color:#475467;flex:none}
.dunkel .ks-i{background:rgba(255,255,255,.08);color:#B7C4D8}
.ks-t{flex:1;min-width:0}.ks-t b{display:block;font-size:15px;font-weight:600}.ks-t small{display:block;font-size:12.5px;color:#98A2B3}
.dunkel .ks-t b{color:#fff}
.ks-w{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#344054}
.dunkel .ks-w{color:#E4E7EC}
.ks-sum{display:flex;justify-content:space-between;align-items:center;margin:0 -22px;padding:18px 22px;border-top:1px solid #E4E7EC;border-radius:0 0 22px 22px;background:#FEF3F2}
.ks-sum span{font-weight:600;color:#912018}.ks-sum b{font-size:24px;letter-spacing:-.02em;color:#B42318;font-variant-numeric:tabular-nums}
.dunkel .ks-sum{background:rgba(240,68,56,.12);border-top-color:rgba(255,255,255,.1)}.dunkel .ks-sum span{color:#FDA29B}.dunkel .ks-sum b{color:#FECDCA}
.ks-fin{position:relative;background:#fff;border-radius:22px;padding:28px;color:#101828;box-shadow:0 0 0 2px #0551FF,0 40px 80px -30px rgba(5,81,255,.8);display:flex;flex-direction:column;overflow:hidden}
.ks-fin::before{content:"";position:absolute;inset:0 0 auto;height:140px;background:radial-gradient(80% 100% at 100% 0%,#DCE7FF,transparent 70%);pointer-events:none}
.ks-fin>*{position:relative}
.ks-fl{display:flex;gap:12px;align-items:center}.ks-fl img{width:40px;height:40px;border-radius:11px}
.ks-fl b{display:block;font-size:17px}.ks-fl small{display:block;font-size:13px;color:#667085}
.ks-preis{margin-top:22px}.ks-preis b{display:block;font-size:44px;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}.ks-preis small{color:#667085;font-size:13.5px}
.ks-spar{margin-top:20px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#ECFDF3,#D1FADF);border:1px solid #ABEFC6}
.ks-spar small{display:block;font-size:13px;font-weight:600;color:#067647}
.ks-spar b{display:block;font-size:34px;letter-spacing:-.03em;color:#067647;font-variant-numeric:tabular-nums;line-height:1.15}
.ks-spar>span{display:block;font-size:14px;font-weight:600;color:#085D3A}
.ks-plus{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px;font-size:14px;color:#475467}
.ks-plus li{position:relative;padding-left:24px}
.ks-plus li::before{content:"";position:absolute;left:0;top:4px;width:15px;height:15px;border-radius:50%;background:#EEF3FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5' fill='none' stroke='%230551FF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.ks-fein{font-size:12.5px;color:#98A2B3;margin:22px auto 0;max-width:900px;text-align:center;line-height:1.55}
.dunkel .ks-fein{color:#7C8DA8}

/* ---------- Zwei Wege ---------- */
.zw-g{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:0;align-items:center}
.zw-k{background:#fff;border:1px solid #E4E7EC;border-radius:22px;padding:28px;box-shadow:0 20px 40px -24px rgba(16,24,40,.2);position:relative;overflow:hidden;height:100%}
.zw-k::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2A6BFF,#7A5AF8)}
.zw-k.gold::before{background:linear-gradient(90deg,#DCA43A,#F5C86B)}
.zw-kk{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.zw-kk b{display:block;font-size:20px;letter-spacing:-.02em}
.zw-kk small{display:block;color:#667085;font-size:14.5px;margin-top:3px;line-height:1.5}
.zw-k.gold .ico{background:linear-gradient(145deg,#FEF6E7,#FCE9B8);color:#B7791F;box-shadow:inset 0 0 0 1px rgba(183,121,31,.15)}
.zw-k ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.zw-k li{position:relative;padding-left:28px;font-size:15px}
.zw-k li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#EEF3FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5' fill='none' stroke='%230551FF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.zw-k.gold li::before{background-color:#FEF6E7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5' fill='none' stroke='%23B7791F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.zw-m{position:relative;display:grid;justify-items:center;text-align:center;padding:0 12px;z-index:1}
.zw-m::before{content:"";position:absolute;left:-2px;right:-2px;top:34px;height:2px;background:repeating-linear-gradient(90deg,#9DB8FF 0 6px,transparent 6px 12px);z-index:-1}
.zw-m>span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2A6BFF,#0442CC);box-shadow:0 0 0 8px #fff,0 0 0 9px #DCE7FF,0 14px 30px -8px rgba(5,81,255,.8)}
.abschnitt.grau .zw-m>span{box-shadow:0 0 0 8px #F2F4F7,0 0 0 9px #DCE7FF,0 14px 30px -8px rgba(5,81,255,.8)}
.zw-m b{margin-top:16px;font-size:15px}
.zw-m small{font-size:12.5px;color:#667085;line-height:1.45;margin-top:4px}
.zw-pool{margin-top:22px;display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:20px;background:linear-gradient(135deg,#041F3C,#0A2A50);color:#B7C4D8;box-shadow:0 20px 40px -24px rgba(4,31,60,.8)}
.zw-pool .ico{background:rgba(143,176,255,.14);color:#A9C2FF;box-shadow:none}
.zw-pool>div{flex:1}.zw-pool b{display:block;color:#fff;font-size:16.5px}.zw-pool small{display:block;font-size:14px;line-height:1.5;margin-top:2px}
.zw-pool a{flex:none;display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;padding:10px 16px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.zw-pool a:hover{text-decoration:none;background:rgba(255,255,255,.16)}

/* ---------- Nutzung (Preise) ---------- */
.nutz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.nutz>div{background:#fff;border:1px solid #E4E7EC;border-radius:18px;padding:22px;box-shadow:var(--schatten)}
.nutz b{display:block;font-size:16.5px;margin:12px 0 6px}
.nutz p{font-size:14.5px;color:#475467}
.nutz-hin{display:flex;gap:14px;align-items:center;margin-top:16px;padding:16px 20px;border-radius:16px;background:#ECFDF3;border:1px solid #ABEFC6;color:#085D3A;font-size:15px}
.nutz-hin b{color:#067647}

@media (max-width:1060px){
 .tr-rumpf{grid-template-columns:minmax(0,1fr)}
 .tr-bilanz{position:static}
 .kt-wrap{grid-template-columns:minmax(0,1fr)}
 .kt-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kt-mehr{grid-column:1/-1}
 .ks-g{grid-template-columns:minmax(0,1fr)}
 .zw-g{grid-template-columns:minmax(0,1fr)}
 .zw-m{padding:18px 0}
 .zw-m::before{left:50%;right:auto;top:-10px;bottom:-10px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#9DB8FF 0 6px,transparent 6px 12px)}
 .nutz{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){.kopf .wrap{height:68px}.modnav{top:68px}.logo.wm img{height:34px}.kopf.offen .menue{top:68px}}
@media (max-width:640px){
 .tr{padding:24px 14px 26px;border-radius:24px}
 .tr-schalter button{font-size:13.5px;padding:12px 8px}
 .tr-schalter button img{display:none}
 .tr-linie::before{left:19px}
 .tr-z{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"p z" "p k"}
 .tr-punkt{grid-area:p;padding-top:0}.tr-punkt>span{width:34px;height:34px}
 .tr-zeit{grid-area:z;text-align:left;padding:8px 0 6px 10px}
 .tr-karte{grid-area:k}
 .tr-karte>div{padding:14px}
 .tr-karte b{padding-right:0;font-size:15.5px}
 .tr-karte em{position:static;display:inline-block;margin-top:10px}
 .kt-tabs{grid-template-columns:minmax(0,1fr)}
 .kt-tab small{max-height:none;opacity:1}
 .ks-schalter button{padding:10px 12px;font-size:13px}
 .ks-liste{padding:6px 16px 0}.ks-sum{margin:0 -16px;padding:16px}
 .ks-t small{white-space:normal}
 .ks-w{font-size:14.5px}
 .ks-fin{padding:22px}
 .zw-k{padding:22px}
 .zw-pool{flex-direction:column;align-items:flex-start}
}
.ks-btn{margin-top:auto}
.ks-plus{margin-bottom:24px}
.zahlreihe.erleben .zahl{text-align:left;background:rgba(255,255,255,.8);backdrop-filter:blur(6px);box-shadow:0 12px 24px -16px rgba(16,24,40,.25)}
.zahlreihe.erleben .zahl b{font-size:20px;letter-spacing:-.02em;background:linear-gradient(95deg,#0551FF,#7A5AF8);-webkit-background-clip:text;background-clip:text;color:transparent}
.zahlreihe.erleben .zahl span{font-size:15px;color:#344054}
.fx .po{display:flex;align-items:center;gap:0;margin-top:-30px}
.fx .po-akte{width:320px;background:#fff;border-radius:18px;padding:20px;box-shadow:0 0 0 1px rgba(16,24,40,.06),0 30px 60px -20px rgba(16,24,40,.35)}
.fx .po-k{display:flex;gap:12px;align-items:center}.fx .po-k>div{flex:1}.fx .po-k b{display:block;font-size:16px}.fx .po-k small{font-size:12.5px;color:#667085}
.fx .po-f{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.fx .po-f span{padding:9px 11px;border-radius:10px;background:#F9FAFB;border:1px solid #F2F4F7}
.fx .po-f small{display:block;font-size:11px;color:#667085}.fx .po-f b{font-size:13.5px}
.fx .po-knopf{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;color:#fff;font-weight:600;background:linear-gradient(180deg,#2A6BFF,#0445DE);box-shadow:0 10px 20px -8px rgba(5,81,255,.8)}
.fx .po-pf{flex:none}
.fx .po-ziele{display:grid;gap:22px;width:300px}
.fx .po-z{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 1px rgba(16,24,40,.06),0 20px 40px -18px rgba(16,24,40,.3);border-top:3px solid #0551FF}
.fx .po-z.violett{border-top-color:#7A5AF8}
.fx .po-zk{display:flex;gap:10px;align-items:center;margin-bottom:10px}.fx .po-zk b{display:block;font-size:15px}.fx .po-zk small{font-size:12px;color:#667085}
.fx .po-l{display:flex;gap:8px;align-items:center;font-size:13px;padding:4px 0;color:#344054}.fx .po-l .ic{color:#079455}
@media (max-width:1060px){.zw-m::before{bottom:auto;height:96px}}

/* ================= Runde 4: Tagesreise, Umsatzrechner, Kosten, Bento, Demo ================= */
.rs-sek{position:relative}
.rs{position:relative;isolation:isolate;padding:104px 0 96px;background:#F2F3F5;color:#101828;transition:background .7s,color .7s}
.rs::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 40% at 85% 0%,rgba(59,123,255,.5),transparent 70%),radial-gradient(45% 35% at 0% 60%,rgba(122,90,248,.35),transparent 70%),radial-gradient(40% 30% at 100% 100%,rgba(18,183,106,.18),transparent 70%),linear-gradient(170deg,#0A2A50,#041326 60%,#03101F);opacity:0;transition:opacity .7s}
.rs::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(16,24,40,.07) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 40%);mask-image:linear-gradient(180deg,#000,transparent 40%);transition:opacity .7s}
.rs[data-zustand=finveo]{color:#fff}
.rs[data-zustand=finveo]::before{opacity:1}
.rs[data-zustand=finveo]::after{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px)}
.rs .h,.rs .f{transition:opacity .5s,transform .5s,filter .5s}
.rs .f{opacity:0;transform:translateY(8px);pointer-events:none}
.rs[data-zustand=finveo] .h{opacity:0;transform:translateY(-8px);pointer-events:none}
.rs[data-zustand=finveo] .f{opacity:1;transform:none;pointer-events:auto}
.rs-kopf{text-align:center;max-width:860px;margin:0 auto}
.rs-kopf h2{display:grid;font-size:clamp(34px,5.2vw,58px);letter-spacing:-.04em;line-height:1.05;color:inherit}
.rs-kopf h2>span{grid-area:1/1}
.rs-kopf h2 .f{background:linear-gradient(95deg,#fff 20%,#A9C2FF 60%,#C4B5FD);-webkit-background-clip:text;background-clip:text;color:transparent}
.rs-kopf p{font-size:18.5px;color:#667085;margin-top:18px;transition:color .7s}
.rs[data-zustand=finveo] .rs-kopf p{color:#B7C4D8}
.rs[data-zustand=finveo] .kicker{background:rgba(143,176,255,.12);border-color:rgba(143,176,255,.3);color:#A9C2FF}
.rs-schalter{position:sticky;top:92px;z-index:6;display:grid;grid-template-columns:1fr 1fr;width:min(440px,100%);margin:36px auto 24px;padding:5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #E4E7EC,0 14px 30px -14px rgba(16,24,40,.35);transition:background .5s,box-shadow .5s}
.rs-schalter button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:650;line-height:1;padding:14px 16px;border:0;background:none;border-radius:999px;color:#475467;cursor:pointer;transition:color .3s}
.rs-schalter button img{width:20px;height:20px;border-radius:6px}
.rs-schalter button[aria-pressed=true]{color:#fff}
.rs-schalter i{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(180deg,#667085,#344054);box-shadow:0 6px 14px -6px rgba(16,24,40,.5);transition:transform .45s cubic-bezier(.6,.05,.25,1),background .45s}
.rs[data-zustand=finveo] .rs-schalter{background:rgba(10,30,60,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 14px 30px -14px rgba(0,0,0,.6)}
.rs[data-zustand=finveo] .rs-schalter button{color:#B7C4D8}
.rs[data-zustand=finveo] .rs-schalter button[aria-pressed=true]{color:#fff}
.rs[data-zustand=finveo] .rs-schalter i{transform:translateX(100%);background:linear-gradient(180deg,#2A6BFF,#0445DE);box-shadow:0 8px 24px -6px rgba(5,81,255,.95)}
.rs-g{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px;align-items:start}
.rs-linie{list-style:none;margin:0;padding:0}
.rs-st{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(0,360px);gap:28px;align-items:center;padding:44px 0;border-top:1px solid rgba(16,24,40,.08);opacity:.28;transform:translateY(24px);transition:opacity .7s,transform .7s,border-color .7s}
.rs-st:first-child{border-top:0}
.rs-st.an{opacity:1;transform:none}
.rs[data-zustand=finveo] .rs-st{border-top-color:rgba(255,255,255,.09)}
.rs-zeit{display:grid;align-self:start;padding-top:4px}
.rs-zeit>span{grid-area:1/1;font-size:44px;font-weight:300;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.rs-zeit .h{color:#98A2B3}
.rs-zeit .f{background:linear-gradient(180deg,#fff,#8FB0FF);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.rs-text>small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#98A2B3;margin-bottom:10px;transition:color .6s}
.rs[data-zustand=finveo] .rs-text>small{color:#8FB0FF}
.rs-x{display:grid}.rs-x>div{grid-area:1/1}
.rs-x h3{font-size:25px;letter-spacing:-.025em;line-height:1.2;color:inherit;margin-bottom:10px}
.rs-x .h h3{color:#344054}
.rs-x p{font-size:16px;line-height:1.65}
.rs-x .h p{color:#667085}
.rs-x .f p{color:#C3CFE0}
.rs-vis{display:grid;align-self:center}.rs-vis>div{grid-area:1/1}
.rs-chaos{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:18px;border:1.5px dashed #D0D5DD;border-radius:18px;background:repeating-linear-gradient(135deg,rgba(208,213,221,.18) 0 10px,transparent 10px 20px)}
.rs-tool{font-size:13px;font-weight:600;color:#667085;padding:6px 11px;border-radius:8px;background:#fff;border:1px solid #E4E7EC;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.rs-tool:nth-child(odd){transform:rotate(-2.5deg)}.rs-tool:nth-child(even){transform:rotate(2deg) translateY(3px)}
.rs-verlust{margin-left:auto;font-size:14px;font-weight:750;color:#B42318;background:#FEE4E2;padding:6px 12px;border-radius:999px;white-space:nowrap}
.rs-ui{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 50px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rs-ui>div{flex:1;min-width:0}
.rs-ui b{display:block;font-size:15px;color:#fff}
.rs-ui small{display:block;font-size:13px;color:#B7C4D8;margin-top:2px}
.rs-ui em{font-style:normal;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(18,183,106,.18);color:#6CE9A6;white-space:nowrap}
.rs-ui-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3B7BFF,#0442CC);box-shadow:0 8px 20px -6px rgba(5,81,255,.8)}
.rs-ui.violett .rs-ui-ic{background:linear-gradient(135deg,#9B8AFB,#6938EF);box-shadow:0 8px 20px -6px rgba(105,56,239,.8)}
.rs-ui.gruen .rs-ui-ic{background:linear-gradient(135deg,#32D583,#039855);box-shadow:0 8px 20px -6px rgba(3,152,85,.8)}
.rs-ui.gold .rs-ui-ic{background:linear-gradient(135deg,#FDB022,#DC6803);box-shadow:0 8px 20px -6px rgba(220,104,3,.8)}
.rs-mod{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0 4px;font-size:13.5px;font-weight:600;color:#A9C2FF}
.rs-mod:hover{color:#fff;text-decoration:none}
.rs-tafel{position:sticky;top:170px;padding:24px;border-radius:24px;background:#fff;border:1px solid #E4E7EC;box-shadow:0 24px 48px -28px rgba(16,24,40,.35);transition:background .7s,border-color .7s,box-shadow .7s}
.rs[data-zustand=finveo] .rs-tafel{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.rs-tk{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}
.rs-tk>span{grid-row:1;grid-column:1;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#98A2B3}
.rs[data-zustand=finveo] .rs-tk>span{color:#8FB0FF}
.rs-uhr{grid-row:1;grid-column:2;font-size:34px;font-weight:300;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.rs-bar{height:4px;border-radius:4px;background:rgba(16,24,40,.08);margin:16px 0 6px;overflow:hidden}
.rs[data-zustand=finveo] .rs-bar{background:rgba(255,255,255,.1)}
.rs-bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#98A2B3,#667085);transition:width .6s}
.rs[data-zustand=finveo] .rs-bar i{background:linear-gradient(90deg,#2A6BFF,#7A5AF8)}
.rs-m{padding:14px 0;border-top:1px solid rgba(16,24,40,.07)}
.rs[data-zustand=finveo] .rs-m{border-top-color:rgba(255,255,255,.08)}
.rs-m small{display:block;font-size:13px;color:#667085}
.rs[data-zustand=finveo] .rs-m small{color:#B7C4D8}
.rs-m b{display:block;font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px}
.rs .rs-m[data-k=v] b{color:#B42318}
.rs[data-zustand=finveo] .rs-m[data-k=v] b{color:#6CE9A6}
.rs[data-zustand=finveo] .rs-m[data-k=e] b,.rs[data-zustand=finveo] .rs-m[data-k=t] b{color:#fff}
.rs-ende{margin-top:56px;padding-top:56px;border-top:1px solid rgba(16,24,40,.08);text-align:center}
.rs[data-zustand=finveo] .rs-ende{border-top-color:rgba(255,255,255,.1)}
.rs-ek{display:grid;font-size:clamp(24px,3vw,34px);font-weight:750;letter-spacing:-.03em;max-width:760px;margin:0 auto}
.rs-ek>span{grid-area:1/1}
.rs-bilanz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px;transition:filter .6s,opacity .6s}
.rs[data-zustand=heute] .rs-bilanz{filter:grayscale(1) blur(5px);opacity:.35}
.rs-bz{padding:26px 20px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-align:left}
.rs-bz b{display:block;font-size:clamp(30px,3.4vw,42px);letter-spacing:-.04em;line-height:1.05;background:linear-gradient(95deg,#6CE9A6,#A9C2FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.rs-bz span{display:block;margin-top:8px;font-size:14.5px;color:#C3CFE0}
.rs-fein{margin-top:22px;font-size:13px;color:#98A2B3}
.rs[data-zustand=finveo] .rs-fein{color:#7C8DA8}

/* Umsatzrechner */
.ur-sek{background:#fff}
.ur{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:stretch}
.ur-links{padding:34px;border-radius:26px;background:#F9FAFB;border:1px solid #EAECF0;display:grid;gap:26px;align-content:start}
.ur-r{display:grid;gap:12px}
.ur-r>span{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ur-r b{font-size:15.5px}
.ur-r output{font-size:22px;font-weight:750;letter-spacing:-.02em;color:#0551FF;font-variant-numeric:tabular-nums}
.ur-r input{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#2A6BFF var(--p,30%),#E4E7EC var(--p,30%));outline:none;cursor:pointer}
.ur-r input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #0551FF;box-shadow:0 4px 12px -2px rgba(5,81,255,.5)}
.ur-r input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #0551FF;box-shadow:0 4px 12px -2px rgba(5,81,255,.5)}
.ur-hin{font-size:14px;color:#667085;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #EAECF0}
.ur-rechts{position:relative;overflow:hidden;padding:36px;border-radius:26px;color:#fff;background:radial-gradient(70% 60% at 100% 0%,rgba(59,123,255,.6),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(18,183,106,.3),transparent 70%),linear-gradient(160deg,#0A2A50,#041326);box-shadow:0 40px 80px -36px rgba(5,40,110,.8);display:flex;flex-direction:column}
.ur-rechts>small{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8FB0FF}
.ur-mon{display:block;font-size:clamp(46px,6vw,68px);letter-spacing:-.045em;line-height:1.02;margin-top:12px;background:linear-gradient(95deg,#fff 30%,#6CE9A6);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ur-sub{font-size:16px;color:#B7C4D8}
.ur-jahr{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.ur-jahr span{color:#B7C4D8;font-size:14.5px}.ur-jahr b{font-size:26px;letter-spacing:-.03em;color:#6CE9A6;font-variant-numeric:tabular-nums}
.ur-k{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 26px}
.ur-k>div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ur-k b{display:block;font-size:26px;letter-spacing:-.03em}.ur-k span{display:block;font-size:13px;color:#B7C4D8;margin-top:2px}
.ur-rechts .btn{margin-top:auto}
.btn.weiss{background:#fff;color:#0442CC;border-color:#fff}
.btn.weiss:hover{background:#EEF3FF}
.ur-fein{font-size:12.5px;color:#98A2B3;text-align:center;margin-top:18px}

/* Kostenvergleich v2 */
.kv-schalter{display:flex;justify-content:center;gap:6px;margin:0 auto 26px;padding:5px;border-radius:999px;width:max-content;max-width:100%;background:#fff;box-shadow:0 0 0 1px #E4E7EC}
.kv-schalter button{font-family:inherit;font-size:14.5px;font-weight:600;line-height:1;padding:11px 18px;border-radius:999px;border:0;background:none;color:#475467;cursor:pointer}
.kv-schalter button[aria-pressed=true]{background:linear-gradient(180deg,#2A6BFF,#0445DE);color:#fff;box-shadow:0 6px 16px -6px rgba(5,81,255,.9)}
.kv-held{position:relative;overflow:hidden;padding:44px;border-radius:30px;color:#fff;text-align:center;background:radial-gradient(60% 70% at 50% 0%,rgba(18,183,106,.35),transparent 70%),radial-gradient(50% 60% at 100% 100%,rgba(59,123,255,.45),transparent 70%),linear-gradient(165deg,#0A2A50,#041326);box-shadow:0 40px 90px -40px rgba(5,40,110,.9)}
.kv-held>small{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8FB0FF}
.kv-gross{display:flex;justify-content:center;align-items:baseline;gap:12px;margin-top:10px}
.kv-gross>span[data-n]{font-size:clamp(52px,9vw,104px);font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(95deg,#6CE9A6,#fff 70%);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.kv-gross>span:last-child{font-size:20px;color:#B7C4D8}
.kv-jahr{font-size:18px;font-weight:600;color:#D1E0FF;margin-top:8px}
.kv-bars{display:grid;gap:12px;max-width:760px;margin:34px auto 0;text-align:left}
.kv-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:14px}
.kv-bar span{font-size:14px;color:#B7C4D8;grid-column:1;grid-row:1}
.kv-bar b{grid-column:3;grid-row:1;text-align:right;font-size:18px;font-variant-numeric:tabular-nums}
.kv-bar::before{content:"";grid-column:2;grid-row:1;height:18px;border-radius:999px;background:rgba(255,255,255,.08)}
.kv-bar i{grid-column:2;grid-row:1;height:18px;border-radius:999px;justify-self:start}
.kv-bar.ein i{background:linear-gradient(90deg,#F97066,#D92D20)}
.kv-bar.fin i{background:linear-gradient(90deg,#2A6BFF,#12B76A)}
.kv-det{margin-top:18px;border-radius:20px;background:#fff;border:1px solid #EAECF0;box-shadow:var(--schatten)}
.kv-det summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:650;display:flex;justify-content:space-between}
.kv-det summary::-webkit-details-marker{display:none}
.kv-det summary::after{content:"+";font-size:22px;font-weight:400;color:#98A2B3;line-height:1}
.kv-det[open] summary::after{content:"–"}
.kv-liste{padding:0 22px 8px}
.kv-z{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #F2F4F7}
.kv-z.kv-pf{background:repeating-linear-gradient(135deg,#FFFAEB 0 10px,#fff 10px 20px);margin:0 -22px;padding:12px 22px}
.kv-i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#F2F4F7;color:#475467}
.kv-t{flex:1;min-width:0}.kv-t b{display:block;font-size:15px;font-weight:600}.kv-t small{display:block;font-size:12.5px;color:#98A2B3}
.kv-w{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:#344054}
.kv-sum{display:flex;justify-content:space-between;align-items:center;margin:0 -22px;padding:16px 22px;border-top:1px solid #EAECF0;background:#FEF3F2}
.kv-sum span{font-weight:650;color:#912018}.kv-sum b{font-size:22px;color:#B42318}
.kv-ohne{font-size:13px;color:#667085;padding:10px 0 12px;text-align:right}
.kv-fein{font-size:12.5px;color:#98A2B3;margin:20px auto 0;max-width:900px;text-align:center;line-height:1.55}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bn{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:28px;border-radius:24px;background:#fff;border:1px solid #EAECF0;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:transform .2s,box-shadow .2s,border-color .2s;isolation:isolate}
.bn::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:var(--c);opacity:.09;filter:blur(30px);z-index:-1;transition:opacity .25s}
.bn:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(16,24,40,.35);border-color:#D0D5DD}
.bn:hover::before{opacity:.2}
.bn-ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--c);box-shadow:0 10px 22px -10px var(--c),inset 0 1px 0 rgba(255,255,255,.3)}
.bn h3{font-size:19px;letter-spacing:-.02em;margin:18px 0 8px}
.bn p{font-size:14.5px;color:#667085;line-height:1.55}
.bn ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:7px}
.bn li{position:relative;padding-left:18px;font-size:14px;color:#344054}
.bn li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--c)}
.bn-pf{position:absolute;right:22px;bottom:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #EAECF0;color:#667085;transition:background .2s,color .2s,border-color .2s}
.bn:hover .bn-pf{background:var(--c);border-color:var(--c);color:#fff}
.bn.breit{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.bn-plan{display:grid;gap:9px;padding:16px;border-radius:18px;background:#F9FAFB;border:1px solid #EAECF0;margin-bottom:28px}
.bn-plan>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #EAECF0;font-size:13.5px}
.bn-plan i{width:4px;height:26px;border-radius:4px}
.bn-plan span{flex:1}.bn-plan span b{color:#667085;font-weight:600;margin-right:6px;font-variant-numeric:tabular-nums}
.bn-plan em{font-style:normal;font-size:11.5px;font-weight:700;color:#6938EF;background:#F4F3FF;padding:3px 8px;border-radius:999px}
.bn.alle{background:linear-gradient(160deg,#0A2A50,#041326);color:#fff;border-color:transparent}
.bn.alle p{color:#B7C4D8}.bn.alle h3{color:#fff}
.bn.alle .bn-ic{background:rgba(255,255,255,.12);box-shadow:none}
.bn.alle .bn-pf{border-color:rgba(255,255,255,.2);color:#fff}

/* Login + Demo */
.btn.login{gap:7px}
.dm-sek{padding:64px 0 104px;background:radial-gradient(900px 400px at 20% -100px,#DCE7FF,transparent 70%),#fff}
.dm{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.dm-links h1{font-size:clamp(34px,4.6vw,50px);letter-spacing:-.035em;margin:6px 0 18px}
.dm-links .lead{font-size:18px;color:#475467}
.dm-p{display:flex;gap:14px;margin-top:26px}
.dm-p b{display:block;font-size:16px}.dm-p p{font-size:14.5px;color:#667085;margin-top:3px}
.dm-i{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#0551FF;background:linear-gradient(145deg,#EEF3FF,#DCE7FF)}
.dm-login{margin-top:34px;padding:16px 18px;border-radius:16px;background:#F9FAFB;border:1px solid #EAECF0;font-size:15px;color:#475467}
.dm-login a{display:inline-flex;align-items:center;gap:6px;font-weight:650}
.dm-karte{padding:34px;border-radius:26px;background:#fff;border:1px solid #EAECF0;box-shadow:0 40px 80px -40px rgba(16,24,40,.35)}
.df-g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.df-f{display:grid;gap:7px}.df-f.voll{margin-top:16px}
.df-f>span{font-size:13.5px;font-weight:600;color:#344054}
.df-f input,.df-f select,.df-f textarea{width:100%;font:inherit;font-size:15px;color:#101828;padding:12px 14px;border:1px solid #D0D5DD;border-radius:11px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .15s,box-shadow .15s}
.df-f textarea{resize:vertical}
.df-f input:focus,.df-f select:focus,.df-f textarea:focus{outline:none;border-color:#84ADFF;box-shadow:0 0 0 4px rgba(5,81,255,.12)}
.df-trenner{display:flex;align-items:center;gap:12px;margin:26px 0 16px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#98A2B3}
.df-trenner::after{content:"";flex:1;height:1px;background:#EAECF0}
.df-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.df-ok{display:flex;gap:12px;align-items:flex-start;margin:20px 0 18px;font-size:13.5px;color:#475467;line-height:1.5;cursor:pointer}
.df-ok input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:#0551FF}
.df-fehler{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#FEF3F2;border:1px solid #FECDCA;color:#912018;font-size:14px}
.df-klein{font-size:12.5px;color:#98A2B3;margin-top:10px;text-align:center}
.df-danke{text-align:center;padding:30px 10px}
.df-danke h2{font-size:28px;margin:18px 0 10px}.df-danke p{color:#475467;margin-bottom:24px}
.dm-ok{width:64px;height:64px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,#32D583,#039855);box-shadow:0 14px 30px -10px rgba(3,152,85,.7)}

@media (max-width:1060px){
 .rs-g{grid-template-columns:minmax(0,1fr)}
 .rs-tafel{order:-1;top:150px;z-index:5;display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:12px;align-items:center;padding:12px 16px;border-radius:18px}
 .rs-tk{display:block}.rs-tk>span{display:none}.rs-uhr{font-size:24px}
 .rs-bar{display:none}
 .rs-m{padding:0;border:0}.rs-m small{font-size:11px;line-height:1.2}.rs-m b{font-size:20px}
 .rs-st{grid-template-columns:90px minmax(0,1fr);gap:18px 22px}
 .rs-vis{grid-column:2}
 .rs-bilanz{grid-template-columns:1fr 1fr}
 .ur{grid-template-columns:minmax(0,1fr)}
 .bento{grid-template-columns:1fr 1fr}
 .dm{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width:860px){
 .aktionen .btn.login{display:inline-flex;padding:8px 12px;font-size:14px}
 .rs-schalter{top:76px}
 .rs-tafel{top:136px}
}
@media (max-width:640px){
 .rs{padding:72px 0 64px}
 .rs-schalter button{font-size:14px;padding:12px 8px}
 .rs-schalter button img{display:none}
 .rs-tafel{grid-template-columns:auto 1fr 1fr 1fr;gap:8px;padding:10px 12px}
 .rs-m small{font-size:10px}.rs-m b{font-size:17px}.rs-uhr{font-size:20px}
 .rs-st{grid-template-columns:minmax(0,1fr);gap:10px;padding:32px 0}
 .rs-zeit>span{font-size:32px}
 .rs-vis{grid-column:1;margin-top:8px}
 .rs-x h3{font-size:21px}.rs-x p{font-size:15px}
 .rs-chaos{padding:14px}
 .rs-ui{padding:14px}.rs-ui em{display:none}
 .rs-bz{padding:18px 16px}
 .ur-links,.ur-rechts{padding:24px}
 .kv-held{padding:30px 18px}
 .kv-bar{grid-template-columns:84px minmax(0,1fr) 84px;gap:10px}.kv-bar b{font-size:15px}
 .kv-schalter button{padding:10px 12px;font-size:13px}
 .bento{grid-template-columns:minmax(0,1fr)}
 .bn.breit{grid-column:auto;grid-template-columns:minmax(0,1fr)}
 .bn-plan{margin-bottom:40px}
 .dm-karte{padding:22px}
 .df-g{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
 .aktionen .btn.login svg{display:none}
 .aktionen .btn.login{padding:8px 10px}
 .aktionen .btn.primaer{padding:8px 10px;font-size:13.5px}
}
.rs-um{margin-top:30px}
.rs[data-zustand=finveo] .rs-um{display:none}
.rs-um{white-space:normal;max-width:100%}
@media (min-width:1061px){.rs-g{grid-template-columns:minmax(0,1fr) 250px;gap:40px}.rs-st{grid-template-columns:96px minmax(0,1fr) minmax(0,330px);gap:28px}.rs-tafel{padding:22px}.rs-uhr{font-size:30px}}
.rs[data-zustand=heute] .rs-bilanz{filter:none;opacity:1}
.rs-bz{display:grid}.rs-bz>div{grid-area:1/1}
.rs[data-zustand=heute] .rs-bz{background:#fff;border-color:#E4E7EC;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.rs-bz .h b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#B42318}
.rs-bz .h span{color:#667085}
@media (max-width:1060px){.rs[data-zustand=finveo] .rs-tafel{background:rgba(8,26,52,.94)}.rs[data-zustand=finveo] .rs-schalter{background:rgba(8,26,52,.94)}}
.kv [hidden],.rs [hidden],.ur [hidden]{display:none!important}
/* 29.09.2026: Schalter "Mit Finveo" pocht, bis einmal umgeschaltet wurde */
.rs-bw{display:inline-flex;align-items:center;gap:8px}
.rs-tipp{display:none}
@keyframes rsPuls{0%{box-shadow:0 0 0 0 rgba(5,81,255,.55)}70%{box-shadow:0 0 0 16px rgba(5,81,255,0)}100%{box-shadow:0 0 0 0 rgba(5,81,255,0)}}
@keyframes rsWipp{0%,100%{transform:scale(1)}45%{transform:scale(1.08)}}
@keyframes rsHuepf{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.rs[data-zustand=heute]:not(.rs-an) .rs-schalter button[data-z=finveo]{color:#0551FF;background:rgba(5,81,255,.09)}
.rs[data-zustand=heute]:not(.rs-an) .rs-schalter button[data-z=finveo]::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(5,81,255,.55);pointer-events:none;animation:rsRing 1.6s ease-out infinite;will-change:transform,opacity}
.rs[data-zustand=heute]:not(.rs-an) .rs-schalter button[data-z=finveo] .rs-bw{animation:rsWipp 1.6s ease-in-out infinite}
.rs[data-zustand=heute]:not(.rs-an) .rs-tipp{display:block;position:absolute;right:8px;top:-12px;font-style:normal;font-size:11px;font-weight:700;line-height:1;color:#fff;background:#0551FF;padding:5px 9px;border-radius:999px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 18px -8px rgba(5,81,255,.9);animation:rsHuepf 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.rs-schalter button,.rs-bw,.rs-tipp{animation:none!important}}
.kv-jahr a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.kv-bar.anfrage b{font-weight:700}

/* 29.09.2026 Mobil: Schalter und Tafel als durchgehendes Band, nichts scheint mehr durch */
@media (max-width:860px){
 .rs{overflow-x:clip;--rp:max(16px,calc(50vw - 230px))}
 .rs-schalter{top:var(--kh,68px);width:100vw;max-width:none;margin:24px 0 0 calc(50% - 50vw);padding:10px var(--rp);border-radius:0;background:#F2F3F5;box-shadow:0 1px 0 rgba(16,24,40,.06)}
 .rs-schalter::before{content:"";position:absolute;top:10px;bottom:10px;left:var(--rp);right:var(--rp);border-radius:999px;background:#fff;box-shadow:0 0 0 1px #E4E7EC,0 10px 24px -14px rgba(16,24,40,.35)}
 .rs-schalter i{top:15px;bottom:15px;left:calc(var(--rp) + 5px);width:calc(50vw - var(--rp) - 5px)}
 .rs[data-zustand=finveo] .rs-schalter{background:rgba(8,26,52,.97);box-shadow:0 1px 0 rgba(255,255,255,.08)}
 .rs[data-zustand=finveo] .rs-schalter::before{background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.14)}
 .rs-tafel{top:calc(var(--kh,68px) + var(--sh,68px));width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:10px var(--rp);border-radius:0;border-width:0 0 1px;box-shadow:0 14px 24px -18px rgba(16,24,40,.35)}
 .rs[data-zustand=finveo] .rs-tafel{background:rgba(8,26,52,.97);border-color:rgba(255,255,255,.1)}
 .rs[data-zustand=heute]:not(.rs-an) .rs-tipp{top:-8px;right:6px}
}
@media (max-width:860px){.rs{--kh:68px;--sh:68px}}
@media (max-width:640px){.rs{--sh:58px}}
@media (max-width:860px){.rs-schalter button{margin:5px}.rs{--sh:78px}.rs[data-zustand=heute]:not(.rs-an) .rs-tipp{top:-13px}}
@media (max-width:640px){.rs{--sh:68px}}
/* 29.09.2026 Mobil: kompaktere Abschnitte, Bento als 2er-Raster, Rollen/Warum zum Wischen */
@media (max-width:640px){
 .abschnitt{padding:52px 0}
 .kopfzeile{margin-bottom:28px}
 .gitter.wisch{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gitter.wisch::-webkit-scrollbar{display:none}
 .gitter.wisch>*{scroll-snap-align:center}
 .bento{grid-template-columns:1fr 1fr;gap:10px}
 .bn{padding:16px 14px 18px;border-radius:18px}
 .bn:not(.breit) p,.bn ul,.bn-pf{display:none}
 .bn-ic{width:40px;height:40px;border-radius:12px}.bn-ic svg{width:19px;height:19px}
 .bn h3{font-size:15px;line-height:1.25;margin:12px 0 0}
 .bn.breit{grid-column:1/-1;gap:14px}
 .bn.breit p{margin-top:6px;font-size:14px}
 .bn-plan{margin-bottom:0;padding:10px}
 .bn.alle{grid-column:1/-1}
 .bn.alle p{display:block;margin-top:6px;font-size:13.5px}
 .fuss .spalten{grid-template-columns:1fr 1fr;gap:24px 16px}
 .fuss .spalten>:first-child{grid-column:1/-1}
}
@media (max-width:640px){
 .gitter.kompakt{grid-template-columns:1fr 1fr;gap:10px}
 .gitter.kompakt .kachel{padding:16px 14px}
 .gitter.kompakt .kachel p,.gitter.kompakt .kachel .mehr,.gitter.kompakt .kachel ul{display:none}
 .gitter.kompakt .kachel h3{font-size:15px;line-height:1.25;margin:10px 0 0}
}
.kopfzeile.uk{margin:56px 0 24px}
@media (max-width:640px){
 .kopfzeile.uk{margin:36px 0 14px}
 .gitter.liste{gap:10px}
 .gitter.liste .kachel{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;padding:16px}
 .gitter.liste .kachel>.ico{grid-row:1/3;margin:0}
 .gitter.liste .kachel h3{margin:0 0 4px;font-size:16px}
 .gitter.liste .kachel p{margin:0;font-size:14px}
 .gitter.liste .kachel .mehr{display:none}
}
@media (max-width:560px){
 .zahlreihe.erleben{grid-template-columns:1fr 1fr;gap:10px}
 .zahlreihe.erleben .zahl{padding:14px}
 .zahlreihe.erleben .zahl b{font-size:17px}
 .zahlreihe.erleben .zahl span{font-size:13px;line-height:1.35}
 .knoepfe{flex-wrap:wrap}
}
@media (max-width:640px){
 .dm-p p{display:none}
 .dm-p{align-items:center}
 .dm .lead{font-size:16px}
 .df-f input,.df-f select,.df-f textarea{font-size:16px}
}

/* 29.09.2026: Ruckeln am Handy – Puls nur noch per transform/opacity, keine Unschaerfe auf den klebenden Leisten, eigene Ebene */
@keyframes rsRing{0%{transform:scale(1);opacity:1}100%{transform:scale(1.12,1.45);opacity:0}}
@media (prefers-reduced-motion:reduce){.rs-schalter button::after{animation:none!important;display:none}}
@media (max-width:860px){
 .kopf{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
 .rs-schalter,.rs-tafel,.rs[data-zustand=finveo] .rs-schalter,.rs[data-zustand=finveo] .rs-tafel{-webkit-backdrop-filter:none;backdrop-filter:none;transition:none;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
 .rs-schalter i{transition:transform .35s cubic-bezier(.6,.05,.25,1)}
 .rs-schalter button{transition:none}
 .rs-tafel{grid-template-columns:52px 1fr 1fr 1fr}
 .rs-uhr{font-variant-numeric:tabular-nums}
 .rs-m b{white-space:nowrap}
}
@media (max-width:860px){.rs-tafel{grid-template-columns:64px 1fr 1fr 1fr}}
@media (max-width:640px){.rs-tafel{grid-template-columns:54px 1fr 1fr 1fr}}
@media (max-width:860px){.rs[data-zustand=finveo] .rs-schalter,.rs[data-zustand=finveo] .rs-tafel{background:#081A34}}

/* Nacht 30.09.: Schalter bekommt auf Desktop ein Band, damit Zeilentitel nicht unter der Pille durchscheinen */
@media (min-width:1061px){.rs-schalter.rs-fest{box-shadow:0 0 0 1px #E4E7EC,0 14px 30px -14px rgba(16,24,40,.35),0 0 0 100vmax rgba(242,243,245,.94);clip-path:inset(-15px -100vmax -14px -100vmax)}.rs[data-zustand=finveo] .rs-schalter.rs-fest{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 14px 30px -14px rgba(0,0,0,.6),0 0 0 100vmax rgba(8,26,52,.94)}}

.dd-panel .ico{display:grid}