/* Unternehmensportal, Partnerseite, B2B-Angebot und Admin-Zentrale */
body.is-portal{background:#F1F5F9;margin:0}
.pt{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}
.pt-side{position:sticky;top:0;height:100vh;background:#0F2C59;color:#CBD5E1;display:flex;flex-direction:column;padding:18px 12px;gap:4px;overflow:auto}
.pt-brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:19px;color:#fff;text-decoration:none;margin:2px 10px}
.pt-brand img{filter:brightness(0) invert(1)}.pt-brand span span{color:#38BDF8}
.pt-brand.dark{color:#0F2C59}.pt-brand.dark img{filter:none}.pt-brand.dark span span{color:#0284C7}
.pt-tag{margin:0 10px 18px;color:#93C5FD;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.pt-side nav{display:grid;gap:2px}
.pt-side nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;color:#CBD5E1;font-weight:600;text-decoration:none}
.pt-side nav a:hover{background:rgba(255,255,255,.07);color:#fff}.pt-side nav a.on{background:#fff;color:#0F2C59}
.pt-dot{background:#0284C7;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}
.pt-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding:12px 10px 0;display:grid;gap:3px}
.pt-foot strong{color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis}.pt-foot small{color:#94A3B8}.pt-foot a{color:#E0F2FE;font-size:13px;margin-top:6px}
.pt-main{min-width:0;padding:0 28px 48px}
.pt-top{position:sticky;top:0;z-index:20;display:flex;gap:12px;align-items:center;background:#F1F5F9;padding:18px 0 14px}
.pt-top h1{flex:1;margin:0;font-size:24px;color:#0F2C59}
.pt-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:18px 20px;margin:0 0 16px}
.pt-card h2{font-size:17px;margin:0 0 10px;color:#0F2C59}.pt-card h3{font-size:14px;margin:12px 0 4px}
.pt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.pt-kpi{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:14px 16px;display:grid;gap:4px}
.pt-kpi small{color:#64748B;font-size:12px}.pt-kpi strong{font-size:22px;color:#0F172A;font-variant-numeric:tabular-nums}.pt-kpi a{font-size:13px;color:#0284C7}
.pt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pt-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pt-check li{padding-left:28px;position:relative}.pt-check li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;border:2px solid #CBD5E1}
.pt-check li.done::before{background:#166534;border-color:#166534}.pt-check li.done a{color:#64748B;text-decoration:line-through}
.pt-ol{margin:0;padding-left:20px;display:grid;gap:8px}
.pt-bar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.pt-leads{display:grid;gap:12px}
.pt-lead{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:14px 16px}
.pt-lead header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pt-lead header small{display:block;color:#64748B;font-size:12px}
.pt-lead select{border:1px solid #CBD5E1;border-radius:6px;padding:6px 8px;background:#fff}
.pt-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin:10px 0}
.pt-dl dt{font-size:12px;color:#64748B}.pt-dl dd{margin:0;font-weight:600;color:#0F172A;font-variant-numeric:tabular-nums}
.pt-msg{background:#F8FAFC;border-radius:8px;padding:8px 10px;white-space:pre-wrap}
.pt-empty{background:#fff;border:1px dashed #CBD5E1;border-radius:12px;padding:22px;text-align:center;color:#475569}
.pt-code{background:#0F172A;color:#E2E8F0;border-radius:8px;padding:10px 12px;font-size:12.5px;white-space:pre-wrap;word-break:break-all;margin:8px 0}
.pt-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pt-row input[type=email]{flex:1;min-width:200px;border:1px solid #CBD5E1;border-radius:6px;padding:10px 12px}
.pt-field{display:grid;gap:4px;font-size:13px;color:#64748B;margin:10px 0}
.pt-field textarea,.pt-field input{border:1px solid #CBD5E1;border-radius:6px;padding:8px 10px;font:inherit;color:#0F172A}
.pt-switch{display:inline-flex;gap:6px;align-items:center;font-weight:600}
.pt-qr{display:flex;gap:18px;align-items:center;margin-top:14px;flex-wrap:wrap}.pt-qr img{border:1px solid #E2E8F0;border-radius:8px;background:#fff}
.pt-qr .form-note{word-break:break-all}
.pt-logo{width:160px;height:56px;border:1px dashed #CBD5E1;border-radius:8px;display:grid;place-items:center;background:#fff}.pt-logo img{max-width:150px;max-height:48px}
.pt-alert{border:1px solid #BAE6FD;background:#F0F9FF;border-radius:10px;padding:12px 14px;margin:0 0 14px}.pt-alert.bad{border-color:#FECACA;background:#FEF2F2;color:#991B1B}
.pt-tabs{display:none}
.pt-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);opacity:0;background:#0F2C59;color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;z-index:100;transition:.25s}
.pt-toast.on{opacity:1;transform:translate(-50%,0)}.pt-toast.bad{background:#991B1B}
.pt-onb{max-width:880px;margin:0 auto;padding:28px 16px 60px}.pt-onb h1{color:#0F2C59;margin:18px 0 8px}
.pt-onb .pt-card h2{margin-top:14px}.pt-onb .obj-grid select{border:1px solid #CBD5E1;border-radius:4px;padding:8px 10px;background:#fff}
.pt-avv{border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;margin:10px 0;max-height:none;font-size:13px}.pt-avv summary{cursor:pointer;font-weight:700;color:#0F2C59}
.pt-avv[open]{max-height:360px;overflow:auto}
@media (max-width:900px){
  .pt{display:block}.pt-side{display:none}.pt-main{padding:0 14px calc(84px + env(safe-area-inset-bottom))}
  .pt-top{margin:0 -14px 10px;padding:12px 14px;background:#fff;border-bottom:1px solid #E2E8F0}.pt-top h1{font-size:19px}
  .pt-kpis{grid-template-columns:1fr 1fr}.pt-grid2{grid-template-columns:1fr}
  .pt-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #E2E8F0;padding:6px 2px calc(6px + env(safe-area-inset-bottom))}
  .pt-tabs a{text-align:center;font-size:11px;font-weight:600;color:#64748B;padding:8px 0;text-decoration:none}.pt-tabs a.on{color:#0284C7}
}

/* Partnerseite und Widget */
.pp{max-width:980px;margin:0 auto;padding:22px 16px 48px}
.pp-head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:3px solid var(--pp,#0F2C59);padding-bottom:14px;margin-bottom:18px}
.pp-head img{max-height:52px;max-width:200px}.pp-head h1{margin:0;font-size:24px;color:var(--pp,#0F2C59)}.pp-head small{display:block;color:#64748B}
.pp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.pp-out{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.pp-out div{background:#F8FAFC;border-radius:10px;padding:10px 12px}.pp-out .pp-l{display:block;color:#64748B;font-size:12px}.pp-out strong{font-size:19px;color:#0F172A;font-variant-numeric:tabular-nums}
.pp form label{display:grid;gap:4px;font-size:13px;color:#64748B;margin-bottom:8px}
.pp form input,.pp form textarea{border:1px solid #CBD5E1;border-radius:6px;padding:9px 11px;font:inherit;color:#0F172A}
.pp .btn-dark{background:var(--pp,#0F2C59)!important;border-color:var(--pp,#0F2C59)!important}
.pp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pp-foot{margin-top:22px;font-size:12px;color:#64748B;border-top:1px solid #E2E8F0;padding-top:12px}
body.embed .pp{padding:12px}body.embed .pp-head{padding-bottom:8px;margin-bottom:12px}body.embed .pp-head h1{font-size:18px}
@media (max-width:760px){.pp-grid{grid-template-columns:1fr}}

/* B2B-Angebotsseite */
.b2b-hero{background:linear-gradient(135deg,#0F2C59,#0B3A6E 60%,#0369A1);color:#fff;padding:56px 0 48px}
.b2b-hero h1{color:#fff;font-size:clamp(28px,4.4vw,44px);line-height:1.1;margin:0 0 14px;max-width:820px}.b2b-hero p{color:#DBEAFE;font-size:18px;max-width:720px}
.b2b-hero .btn{margin-top:10px}.b2b-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.b2b-roi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0;max-width:820px}
.b2b-roi div{border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:12px 14px}.b2b-roi strong{display:block;font-size:22px;color:#fff}.b2b-roi small{color:#BFDBFE}
.b2b-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.b2b-feat article{border:1px solid #E2E8F0;border-radius:12px;padding:16px 18px;background:#fff}.b2b-feat h3{margin:0 0 6px;font-size:16px}
.b2b-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:720px}.b2b-form .full{grid-column:1/-1}
.b2b-form label{display:grid;gap:4px;font-size:13px;color:#64748B}.b2b-form input,.b2b-form select,.b2b-form textarea{border:1px solid #CBD5E1;border-radius:6px;padding:9px 11px;font:inherit}
@media (max-width:760px){.b2b-roi,.b2b-feat,.b2b-form{grid-template-columns:1fr}}

/* Admin-Zentrale */
.ad-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.ad-tabs button{border:1px solid #CBD5E1;background:#fff;border-radius:999px;padding:7px 14px;font-weight:600;cursor:pointer;color:#334155}
.ad-tabs button[aria-selected="true"]{background:#0F2C59;color:#fff;border-color:#0F2C59}
.ad-table{width:100%;border-collapse:collapse;font-size:13px}.ad-table td,.ad-table th{padding:7px 8px;vertical-align:top}
.ad-wrap{overflow-x:auto}
.ad-amp{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.ad-amp.rot{background:#DC2626}.ad-amp.gelb{background:#EAB308}.ad-amp.gruen{background:#16A34A}
.ad-actions{display:flex;gap:6px;flex-wrap:wrap}.ad-actions button{font-size:12px;padding:4px 8px;border:1px solid #CBD5E1;border-radius:6px;background:#fff;cursor:pointer}
.ad-items{display:grid;gap:6px}.ad-items .row{display:grid;grid-template-columns:1fr 90px 120px 30px;gap:6px}
.ad-items input,.ad-form select,.ad-form input{border:1px solid #CBD5E1;border-radius:6px;padding:7px 9px;font:inherit}
.ad-mfa{max-width:420px}.ad-mfa img{background:#fff;border:1px solid #E2E8F0;border-radius:8px}
body.is-portal,body.is-partner{display:block}
body.intern>main,body.intern #intern{min-width:0}
#adView .seg{flex-wrap:wrap;border-radius:14px}
.pt-main>*,.pt-card,.pp-grid>*{min-width:0}
.pt-card table{display:block;overflow-x:auto}
.pt-onb .consent,.pt-main .consent,.pp .consent{display:block}.pt-onb .consent input,.pt-main .consent input,.pp .consent input{margin-right:8px;vertical-align:-2px}
.pt-main .seg{flex-wrap:wrap;border-radius:14px}
.pt-card table{max-width:100%}
.pp-out>div{min-width:0;overflow-wrap:anywhere}
.pp-head .pp-sub{display:block;color:#64748B;font-size:13px}
.ad-table td,.ad-table th{text-align:left!important}.ad-table small,.pt-main small:not(.pt-tag),.pt-lead small{text-transform:none;letter-spacing:0;font-size:12px}.ad-table td.ad-actions{display:table-cell}
.ad-actions button{margin:2px}

.ad-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;height:180px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:12px 12px 6px;margin-bottom:16px}
.ad-bar{display:grid;grid-template-rows:auto 1fr auto;height:100%;text-align:center;min-width:0}
.ad-bar-f{align-self:end;background:#0284C7;border-radius:4px 4px 0 0;width:70%;margin:0 auto}
.ad-bar-v{font-size:10px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-bar-l{font-size:10px;color:#64748B;padding-top:4px;white-space:nowrap}
@media (max-width:620px){.ad-bar-v{display:none}}
.ad-actions button.ad-primary{background:#0F2C59;border-color:#0F2C59;color:#fff;font-weight:700}
.pt-alert.warn{border-color:#FDE68A;background:#FFFBEB;color:#78350F}
.pt-alert .btn{margin-left:8px;vertical-align:middle}
.pt-up{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:end;margin:12px 0}
.pt-up label{display:grid;gap:4px;font-size:13px;font-weight:600;color:#475569}
.pt-up select,.pt-up input{border:1px solid #CBD5E1;border-radius:6px;padding:8px;font:inherit;min-width:0}
@media(max-width:700px){.pt-up{grid-template-columns:1fr}.pt-alert .btn{display:flex;margin:10px 0 0;justify-content:center}}
.pt-logout{background:none;border:1px solid rgba(255,255,255,.3);color:#E0F2FE;border-radius:6px;padding:6px 10px;font:inherit;font-size:13px;margin-top:8px;cursor:pointer;text-align:left}
.pt-logout:hover{background:rgba(255,255,255,.08)}
.pt-logout-m{display:none}
@media (max-width:900px){.pt-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pt-logout-m{display:inline-block;margin:0 0 0 auto;color:#0F2C59;border-color:#CBD5E1;background:#fff;min-height:40px}}
/* Kontaktformular: Felder volle Breite, iPhone ohne Zoom, großer Absende-Knopf */
.b2b-form label{font-size:14px;min-width:0}
.b2b-form input,.b2b-form select,.b2b-form textarea{width:100%;box-sizing:border-box;min-width:0;font-size:16px;min-height:46px;background:#fff}
.b2b-form textarea{min-height:120px;resize:vertical}
.b2b-form .btn{min-height:48px}
@media (max-width:760px){.b2b-form .full .btn{width:100%;justify-content:center}}
.b2b-form label.full{justify-content:stretch;justify-items:stretch}
/* Admin-Zentrale: Handy (wischbare Reiter, oben fixiert), Tablet (eine Zeile), Desktop (Seitenleiste) */
.ad-head h1{font-size:clamp(24px,4vw,34px)}
.ad-main{min-width:0}
.ad-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media (max-width:1099px){
  .ad-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;top:0;z-index:20;background:#fff;margin:10px 0 14px;padding:8px 0;border-bottom:1px solid #E2E8F0}
  .ad-tabs::-webkit-scrollbar{display:none}
  .ad-tabs button{flex:none;min-height:42px;white-space:nowrap}
}
@media (max-width:600px){
  .ad-head{flex-wrap:nowrap}
  .ad-head .btn{min-height:40px;padding:0 14px;font-size:14px}
  #intern>.form-note{font-size:12px}
  .ad-main input,.ad-main select,.ad-main textarea{font-size:16px}
}
@media (min-width:1100px){
  .ad-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
  .ad-tabs{flex-direction:column;flex-wrap:nowrap;gap:4px;margin:6px 0 0;position:sticky;top:16px}
  .ad-tabs button{border-radius:10px;text-align:left;border-color:transparent;background:transparent;padding:10px 14px}
  .ad-tabs button:hover{background:#F1F5F9}
  .ad-tabs button[aria-selected="true"]{background:#0F2C59;color:#fff}
}
.sec-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 16px}
.sec-kpis>div{border:1px solid #E2E8F0;border-radius:12px;padding:12px;display:grid;gap:2px;background:#F8FAFC}
.sec-kpis small{font-size:12px;color:#64748B;font-weight:600}
.sec-kpis strong{font-size:24px;color:#0F2C59}
.sec-kpis span{font-size:12px;color:#64748B}
@media (max-width:820px){.sec-kpis{grid-template-columns:1fr 1fr}}
/* Finanz-Cockpit: Zeitraum */
.ad-period{display:grid;gap:10px;margin:0 0 14px}
.ad-period .seg{display:flex;width:100%;overflow-x:auto;scrollbar-width:none}
.ad-period .seg button{flex:1 0 auto;min-height:40px}
.ad-range{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.ad-range label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.04em}
.ad-range input[type=date]{-webkit-appearance:none;appearance:none;min-height:44px;width:100%;box-sizing:border-box;border:1px solid #CBD5E1;border-radius:10px;padding:0 12px;background:#fff;color:#0F172A;font:inherit;font-size:16px;text-transform:none;letter-spacing:0}
.ad-range .btn{min-height:44px}
@media (max-width:600px){.ad-range{grid-template-columns:1fr 1fr}.ad-range .btn{grid-column:1/-1;width:100%}}
/* Diagramm */
.ad-chart{position:relative}
.ad-chart-empty{position:absolute;inset:0 0 28px;display:flex;align-items:center;justify-content:center;margin:0;color:#64748B;font-size:14px;text-align:center;padding:0 16px;pointer-events:none}
.ad-bar{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.ad-bar-f{flex:none}
.ad-bar-l{display:grid;line-height:1.15;font-size:10px}
.ad-bar-l em{font-style:normal;color:#94A3B8;font-size:9px}
@media (max-width:420px){.ad-bars{gap:3px;padding:10px 6px 6px}.ad-bar-l{font-size:9px}}
/* Nutzer */
.us-seg{display:flex;width:100%;overflow-x:auto;scrollbar-width:none;margin:6px 0 12px}
.us-seg button{flex:1 0 auto;min-height:42px;white-space:nowrap}
.ad-search{display:flex;gap:8px;margin:0 0 8px}
.ad-search input{flex:1;min-width:0;min-height:44px;border:1px solid #CBD5E1;border-radius:10px;padding:0 12px;font-size:16px}
.us-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:10px 0}
.us-card{border:1px solid #E2E8F0;border-radius:12px;padding:14px;background:#fff;display:grid;gap:8px}
.us-card.banned{background:#FEF2F2;border-color:#FCA5A5}
.us-top{display:grid;gap:6px}
.us-top strong{overflow-wrap:anywhere;color:#0F2C59;font-size:15px;line-height:1.35}
.us-tags{display:flex;flex-wrap:wrap;gap:6px}
.us-co{margin:0;display:grid;gap:6px;padding:10px 12px;border-radius:10px;background:#F8FAFC;font-size:13px;color:#334155}
.us-co>strong{color:#0F2C59;font-size:14px;overflow-wrap:anywhere}
.us-co-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.us-co-m>span:not(.st){color:#475569}
.ad-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:12px;background:#0F2C59;color:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 30px rgba(15,23,42,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10000}
.ad-toast.show{opacity:1;transform:translate(-50%,0)}
.ad-toast.bad{background:#B91C1C}
.us-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.us-meta dt{font-size:11px;color:#64748B;text-transform:uppercase;letter-spacing:.04em}
.us-meta dd{margin:2px 0 0;font-size:14px;color:#0F172A;font-variant-numeric:tabular-nums}
.us-act{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding-top:12px;margin-top:4px;border-top:1px solid #EEF2F7}
.us-act .btn{min-height:44px;justify-content:center;text-align:center;white-space:normal;line-height:1.25;padding:10px 14px;font-size:14px}
.us-act .us-danger{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding-top:10px;border-top:1px dashed #E2E8F0}
.us-act .us-danger .btn{min-height:40px;font-size:13.5px}
.acc-b2b .acc-tiers{display:grid;gap:8px;border:0;padding:0;margin:0 0 12px}
.acc-b2b .acc-tiers label{display:flex;gap:10px;align-items:flex-start;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px;cursor:pointer}
.acc-b2b .acc-tiers label:has(input:checked){border-color:#1D4ED8;background:#EFF6FF}
.acc-b2b .acc-tiers small{display:block;color:#64748B;font-size:12.5px;margin-top:2px}
.acc-busy{opacity:.6;pointer-events:none}
@media (max-width:600px){.us-list{grid-template-columns:1fr}}

/* Web-Admin: Bereichs-Umschalter B2C ⇄ B2B und Kachel-Übersicht */
.ad-head-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ad-seg-chip{white-space:nowrap}
body[data-ad-seg="b2b"] .ad-seg-chip{background:#0F2C59;color:#fff;border-color:#0F2C59}
#adView{transition:opacity .14s ease,transform .14s ease}
#adView.ad-switching{opacity:0;transform:translateY(4px)}
@media (prefers-reduced-motion:reduce){#adView{transition:none}}
.ad-over-h h2{margin:0 0 4px}
.ad-sub{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#64748B;margin:22px 0 10px}
.ad-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.ad-tile{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #E2E8F0;border-left:4px solid #0F2C59;border-radius:12px;padding:14px 16px;color:inherit;text-decoration:none;min-height:104px}
a.ad-tile{transition:box-shadow .15s,transform .15s}
a.ad-tile:hover,a.ad-tile:focus-visible{box-shadow:0 6px 18px rgba(15,44,89,.10);transform:translateY(-1px)}
.ad-tile.warn{border-left-color:#EAB308}.ad-tile.bad{border-left-color:#DC2626}
.ad-tile-l{font-size:13px;color:#64748B;font-weight:600}
.ad-tile strong{font-size:26px;line-height:1.15;color:#0F2C59;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ad-tile small{font-size:12.5px;color:#64748B}
.ad-tiles-wide{grid-template-columns:1fr}
.ad-mailtile strong{font-size:17px}
.ad-mails{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:6px}
.ad-mails li{display:grid;grid-template-columns:16px 1fr auto;gap:6px;align-items:center;font-size:14px}
.ad-mails li small{text-align:right}
.ad-mailtile .btn{align-self:flex-start}
.ad-mailsetup{margin-top:22px}
.ad-steps{margin:12px 0 0;padding:0;list-style:none;counter-reset:st;display:grid;gap:10px}
.ad-steps li{counter-increment:st;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px 12px 50px;position:relative;background:#fff}
.ad-steps li::before{content:counter(st);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:#0F2C59;color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center}
.ad-step-h{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.ad-step-st{display:flex;gap:6px;flex-wrap:wrap}
.ad-steps p{margin:6px 0 0;font-size:14.5px;line-height:1.55;color:#334155}
.ad-steps code,.ad-subj{background:#F1F5F9;border-radius:4px;padding:1px 5px;font-size:13px;overflow-wrap:anywhere}
.ad-tpl-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ad-tpl-act .btn{min-height:36px;padding:0 12px;font-size:13.5px}
@media (max-width:640px){
  .ad-head{flex-wrap:wrap}
  .ad-head-act{width:100%;justify-content:space-between}
  .ad-tiles{grid-template-columns:1fr 1fr;gap:10px}
  .ad-tile{padding:12px;min-height:96px}
  .ad-tile strong{font-size:22px}
  .ad-mails li{grid-template-columns:16px 1fr}
  .ad-mails li small{grid-column:2;text-align:left}
  .ad-steps li{padding-left:44px}
  .ad-steps li::before{left:10px}
  .ad-tpl thead{display:none}
  .ad-tpl tr{display:block;border-bottom:1px solid #E2E8F0;padding:10px 0}
  .ad-tpl td{display:block;border:0;padding:3px 0}
  .ad-tpl-act{justify-content:flex-start}
}
.ad-mailsetup{scroll-margin-top:72px}
.ad-mailsetup .pt-row{flex-wrap:wrap}
@media (max-width:640px){.ad-mailsetup .pt-row .btn{width:100%;justify-content:center;white-space:normal;text-align:center}}
.ad-tile small,.ad-mails small{text-transform:none;letter-spacing:0;font-weight:500}

/* Handy: kein automatisches Hineinzoomen bei Eingabefeldern, nichts steht seitlich über */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
@media (max-width:1024px),(pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}
}
/* Web-Admin: Testkauf */
.tk-pm{display:flex;flex-wrap:wrap;gap:6px}
.tk-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.tk-plan{display:grid;gap:4px;text-align:left;border:1px solid #E2E8F0;border-left:4px solid #0284C7;border-radius:12px;background:#fff;padding:14px;cursor:pointer;font:inherit;color:#0F2C59}
.tk-plan:hover{box-shadow:0 6px 18px rgba(15,44,89,.1)}.tk-plan span{font-size:20px;font-weight:800}.tk-plan small{color:#0369A1;font-weight:700;text-transform:none;letter-spacing:0}
.tk-plan:disabled{opacity:.6}
.tk-result.ok{border-left:4px solid #16A34A}.tk-result.warn{border-left:4px solid #EAB308}
@media (max-width:640px){.tk-plans{grid-template-columns:1fr}}

/* ---------- Unternehmensportal: Fachwissen ---------- */
.bw{display:grid;gap:16px}
.bw .pt-card h2{display:flex;gap:10px;align-items:center;font-size:clamp(18px,2.4vw,22px)}
.bw-no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0F2C59;color:#fff;font-size:15px;flex:none}
.bw-hero{background:linear-gradient(135deg,#0F2C59,#0B3A6E 60%,#0369A1);color:#fff;border:0}
.bw-hero h2{color:#fff;font-size:clamp(22px,3.2vw,30px)!important;margin:6px 0 8px}.bw-hero p{color:#DBEAFE;max-width:760px;margin:0 0 14px}
.bw-kick{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7DD3FC}
.bw-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.bw-toc a{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:600;font-size:14px;text-decoration:none}
.bw-toc a b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#38BDF8;color:#0F2C59;font-size:12px}
.bw-toc a:hover{background:rgba(255,255,255,.22)}
.bw-case{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:#E0F2FE;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.bw-case strong{color:#fff}
.bw-c-a{--c:#0F2C59}.bw-c-b{--c:#0369A1}.bw-c-c{--c:#475569}.bw-c-d{--c:#16A34A}.bw-c-e{--c:#DC2626}.bw-c-f{--c:#D97706}
/* Mindmap: Mitte mit sechs Ästen (Desktop), gestapelt (Handy) */
.bw-mind{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"b0 b1 b2" "core core core" "b3 b4 b5";gap:14px;position:relative;margin-top:10px}
.bw-mind-core{grid-area:core;justify-self:center;display:grid;place-items:center;text-align:center;width:min(320px,100%);padding:18px 20px;border-radius:999px;background:#0F2C59;color:#fff;box-shadow:0 0 0 8px #E0F2FE,0 10px 30px rgba(15,44,89,.25);position:relative;z-index:1}
.bw-mind-core span{font-size:20px;font-weight:800}.bw-mind-core small{color:#BAE6FD;font-size:12px;text-transform:none;letter-spacing:0}
.bw-mind::before{content:"";position:absolute;left:16%;right:16%;top:50%;height:2px;background:#CBD5E1}
.bw-mind-b{border:2px solid var(--c);border-radius:14px;padding:12px 14px;background:#fff;position:relative}
.bw-mind-b:nth-of-type(2){grid-area:b0}.bw-mind-b:nth-of-type(3){grid-area:b1}.bw-mind-b:nth-of-type(4){grid-area:b2}.bw-mind-b:nth-of-type(5){grid-area:b3}.bw-mind-b:nth-of-type(6){grid-area:b4}.bw-mind-b:nth-of-type(7){grid-area:b5}
.bw-mind-b::after{content:"";position:absolute;left:50%;width:2px;height:14px;background:var(--c)}
.bw-mind-b:nth-of-type(-n+4)::after{bottom:-16px}.bw-mind-b:nth-of-type(n+5)::after{top:-16px}
.bw-mind-b strong{display:block;color:var(--c);font-size:15.5px;margin-bottom:6px}
.bw-mind-b ul{margin:0;padding-left:16px;font-size:13.5px;line-height:1.45;color:#334155;display:grid;gap:3px}
@media (max-width:860px){
  .bw-mind{grid-template-columns:1fr;grid-template-areas:"core" "b0" "b1" "b2" "b3" "b4" "b5";gap:10px;padding-left:18px}
  .bw-mind::before{left:6px;right:auto;top:30px;bottom:20px;width:2px;height:auto}
  .bw-mind-core{justify-self:stretch;border-radius:14px;margin-left:-18px;width:auto}
  .bw-mind-b::after{left:-14px;top:22px!important;bottom:auto!important;width:12px;height:2px}
}
/* Struktogramm (Nassi-Shneiderman) */
.ns{border:2px solid #0F2C59;border-radius:6px;overflow:hidden;font-size:14px;background:#fff;margin-top:10px}
.ns-title{background:#0F2C59;color:#fff;font-weight:700;padding:8px 12px}
.ns-s{padding:9px 12px;border-top:1.5px solid #0F2C59;color:#0F172A}
.ns-if{border-top:1.5px solid #0F2C59}
.ns-cond{position:relative;text-align:center;padding:10px 54px 22px;background:linear-gradient(to bottom right,transparent calc(50% - 1px),#0F2C59 50%,transparent calc(50% + 1px)) left/50% 100% no-repeat,linear-gradient(to bottom left,transparent calc(50% - 1px),#0F2C59 50%,transparent calc(50% + 1px)) right/50% 100% no-repeat;background-color:#F0F9FF}
.ns-cond b{position:relative;background:#F0F9FF;padding:0 6px;font-weight:700;color:#0F2C59}
.ns-j,.ns-n{position:absolute;bottom:3px;font-style:normal;font-size:12px;font-weight:800}.ns-j{left:10px;color:#16A34A}.ns-n{right:10px;color:#DC2626}
.ns-br{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid #0F2C59}
.ns-yes{border-right:1.5px solid #0F2C59}.ns-yes>.ns-s:first-child,.ns-no>.ns-s:first-child,.ns-yes>.ns-if:first-child,.ns-no>.ns-if:first-child{border-top:0}
.ns-loop{border-top:1.5px solid #0F2C59}.ns-lh{padding:8px 12px;font-weight:700;color:#0284C7;background:#F0F9FF}
.ns-lb{margin-left:28px;border-left:1.5px solid #0F2C59}.ns-lb>.ns-s{border-top:1.5px solid #0F2C59}
@media (max-width:560px){.ns{font-size:13px}.ns-cond{padding:8px 34px 22px}.ns-s{padding:8px 9px}.ns-lb{margin-left:16px}}
/* Swimlane */
.bw-swim{display:grid;gap:6px;margin-top:10px}
.bw-swim-h,.bw-swim-r{display:grid;grid-template-columns:34px repeat(4,1fr);gap:6px;align-items:stretch}
.bw-swim-h{position:sticky;top:0;z-index:2}.bw-swim-h::before{content:""}
.bw-swim-h span{font-size:12.5px;font-weight:800;text-align:center;padding:8px 4px;border-radius:8px;color:#fff}
.bw-l0{--lc:#0284C7}.bw-l1{--lc:#0369A1}.bw-l2{--lc:#0F2C59}.bw-l3{--lc:#16A34A}
.bw-swim-h .bw-l0,.bw-swim-h .bw-l1,.bw-swim-h .bw-l2,.bw-swim-h .bw-l3{background:var(--lc)}
.bw-swim-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#E2E8F0;color:#0F2C59;font-size:13px;align-self:center}
.bw-swim-c{background:#F8FAFC;border-radius:6px;min-height:44px}
.bw-swim-box{height:100%;box-sizing:border-box;border-left:4px solid var(--lc);background:#fff;border-radius:6px;padding:8px 10px;font-size:13.5px;line-height:1.4;box-shadow:0 1px 0 #E2E8F0}
.bw-swim-box small{display:none}
@media (max-width:760px){
  .bw-swim-h{display:none}
  .bw-swim-r{grid-template-columns:34px 1fr}
  .bw-swim-c:empty{display:none}
  .bw-swim-box small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--lc);margin-bottom:2px}
}
/* Kennzahlenbaum */
.bw-tree,.bw-tree ul{list-style:none;margin:0;padding:0}
.bw-tree ul{margin-left:22px;padding-left:18px;border-left:2px solid #CBD5E1}
.bw-tree li{position:relative;padding-top:10px}
.bw-tree ul>li::before{content:"";position:absolute;left:-18px;top:30px;width:16px;height:2px;background:#CBD5E1}
.bw-node{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1.4fr) auto;gap:4px 14px;align-items:center;border:1px solid #E2E8F0;border-left:4px solid #0284C7;border-radius:10px;padding:10px 12px;background:#fff}
.bw-tree>li>.bw-node{border-left-color:#0F2C59;background:#F0F9FF}
.bw-node strong{color:#0F2C59}.bw-node code{font-size:12.5px;color:#475569;background:#F1F5F9;border-radius:4px;padding:2px 6px}.bw-node span{font-weight:800;color:#0F2C59;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:640px){.bw-node{grid-template-columns:1fr}.bw-node span{text-align:left}.bw-tree ul{margin-left:8px;padding-left:12px}.bw-tree ul>li::before{left:-12px;width:10px}}
/* Diagramme */
.bw-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bw-fig{margin:0;border:1px solid #E2E8F0;border-radius:12px;padding:14px;background:#fff;min-width:0}.bw-wide{grid-column:1/-1}
.bw-fig figcaption{display:grid;gap:2px;margin-bottom:8px}.bw-fig figcaption strong{color:#0F2C59}.bw-fig figcaption span{font-size:13px;color:#64748B}
.bw-svg{width:100%;height:auto;display:block}
.bw-ax{font-size:13px;fill:#64748B}.bw-red{fill:#DC2626;font-weight:700}.bw-lb{font-size:15px;fill:#0F2C59;font-weight:700}.bw-val{font-size:14px;fill:#0F172A;font-weight:700}.bw-big{font-size:20px;font-weight:800;fill:#0F2C59}
.bw-fo{font-size:13px;line-height:1.2;text-align:center;color:#334155;hyphens:auto}
.bw-gauge{max-width:360px;margin:0 auto}
.bw-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:#475569;margin-top:6px}.bw-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
@media (max-width:900px){.bw-grid{grid-template-columns:1fr}}
/* Rechtsrahmen und Glossar */
.bw-table{width:100%;border-collapse:collapse;font-size:14px}.bw-table th{background:#0F2C59;color:#fff;text-align:left;padding:9px 10px}.bw-table td{padding:9px 10px;border-bottom:1px solid #E2E8F0;vertical-align:top}
@media (max-width:640px){.bw-table thead{display:none}.bw-table tr{display:block;border-bottom:1px solid #E2E8F0;padding:8px 0}.bw-table td{display:block;border:0;padding:3px 0}}
.bw-q{width:100%;box-sizing:border-box;border:1px solid #CBD5E1;border-radius:10px;padding:11px 12px;font-size:16px;margin:4px 0 12px}
.bw-gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0}
.bw-gl>div{border:1px solid #E2E8F0;border-radius:10px;padding:10px 12px;background:#fff}.bw-gl dt{font-weight:800;color:#0F2C59;margin-bottom:3px}.bw-gl dd{margin:0;font-size:13.5px;line-height:1.5;color:#334155}

/* Struktogramm auf schmalen Geräten: Zweige untereinander mit Beschriftung ja / nein */
@media (max-width:560px){
  .ns-cond{background:#F0F9FF;padding:10px 12px}
  .ns-cond b{padding:0}
  .ns-j,.ns-n{display:none}
  .ns-br{grid-template-columns:1fr}
  .ns-yes{border-right:0;border-bottom:1.5px solid #0F2C59}
  .ns-yes::before,.ns-no::before{display:block;padding:4px 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
  .ns-yes::before{content:"ja";color:#16A34A;background:#F0FDF4}
  .ns-no::before{content:"nein";color:#DC2626;background:#FEF2F2}
  .ns-yes>.ns-s:first-of-type,.ns-no>.ns-s:first-of-type{border-top:1px dashed #CBD5E1}
  .ns-br .ns-br{margin-left:12px;border-left:1.5px solid #0F2C59}
}
.pt-top h1,.pt-tabs a{overflow-wrap:normal;hyphens:manual;word-break:normal}
/* Portal-Leiste unten: wischbar statt gequetscht (9 Bereiche) */
.pt-tabs{grid-auto-columns:max-content;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:6px;padding-right:6px}
.pt-tabs::-webkit-scrollbar{display:none}
.pt-tabs a{padding:9px 12px;font-size:12.5px;border-radius:999px;white-space:nowrap}
.pt-tabs a.on{background:#E0F2FE}
.ad-help{margin:12px 0;border:1px solid #E2E8F0;border-radius:10px;background:#F8FAFC;padding:0 14px}
.ad-help summary{cursor:pointer;padding:12px 0;font-weight:700;color:#0369A1}
.ad-help p{margin:0 0 10px;font-size:14px;line-height:1.55;color:#334155}
/* Fachwissen: Zusatzüberschriften, kompakte Handy-Ansicht, Umschalter */
.bw-h3{margin:26px 0 4px;color:#0F2C59;font-size:17px}
.bw-switch{background:#fff;color:#0F2C59;border-color:#fff;font-weight:700;margin-top:4px}
.bw-switch-m{display:none;margin-bottom:12px}
@media (max-width:899px){.bw-switch-m{display:inline-flex}}
.bw-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 10px}
.bw-kpis>div{border:1px solid #E2E8F0;border-radius:10px;padding:10px;background:#F8FAFC;display:grid;gap:2px}
.bw-kpis small{font-size:12px;color:#64748B;font-weight:600;text-transform:none;letter-spacing:0}.bw-kpis strong{font-size:17px;color:#0F2C59}
.bw-acc{padding:0}
.bw-acc>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:14px 16px;font-weight:700;color:#0F2C59;font-size:16px}
.bw-acc>summary::-webkit-details-marker{display:none}
.bw-acc>summary::after{content:"+";margin-left:auto;color:#0284C7;font-size:22px;font-weight:400}
.bw-acc[open]>summary::after{content:"–"}
.bw-acc>ul{margin:0;padding:0 16px 14px 42px;display:grid;gap:8px;font-size:15px;line-height:1.5;color:#334155}
.bw-acc>.bw-q,.bw-acc>.bw-gl,.bw-acc>.form-note{margin-left:16px;margin-right:16px}
.bw-acc>.bw-gl{grid-template-columns:1fr;margin-bottom:8px}
.bw-compact .bw-no{width:26px;height:26px;font-size:13px}
.bw-svg-mid{max-width:680px;margin:0 auto}
/* Portal: Kunden */
.kd-form{flex-wrap:wrap}.kd-form input{flex:1 1 200px;min-height:46px;border:1px solid #CBD5E1;border-radius:8px;padding:10px 12px;font-size:16px}
.kd-copy{margin:8px 0 4px}.kd-copy input{flex:1;min-width:0;border:1px solid #CBD5E1;border-radius:8px;padding:8px 10px;font-size:14px}
.kd-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.kd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:8px}
.kd-card{border:1px solid #E2E8F0;border-radius:12px;padding:14px;background:#fff;display:grid;gap:8px}
.kd-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.kd-top strong{color:#0F2C59}
.kd-mail{color:#64748B;font-size:13px;margin-top:-6px}
.kd-bar{height:8px;border-radius:99px;background:#E2E8F0;overflow:hidden}.kd-bar span{display:block;height:100%;background:linear-gradient(90deg,#0284C7,#16A34A)}
.kd-dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0}.kd-dl div{display:grid}.kd-dl dt{font-size:12px;color:#64748B}.kd-dl dd{margin:0;font-weight:700;color:#0F172A;font-size:14px}
.kd-act{display:flex;justify-content:space-between;align-items:center;gap:8px}.kd-act small{color:#64748B;font-size:12.5px}
.kd-sub{margin:18px 0 8px;font-size:15px;color:#0F2C59}
.kd-inv{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kd-inv li{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px dashed #CBD5E1;border-radius:10px;padding:8px 12px}
.kd-inv span{display:grid}.kd-inv small{color:#64748B;font-size:12.5px}
.kd-miss{font-size:13.5px;line-height:1.45;color:#7C2D12;background:#FFF7ED;border:1px solid #FED7AA;border-radius:8px;padding:8px 10px}
.kd-miss.ok{color:#14532D;background:#F0FDF4;border-color:#BBF7D0}
.kd-btns{display:flex;gap:8px;flex-wrap:wrap}.kd-btns .btn{flex:1 1 140px;min-height:42px;justify-content:center;font-size:14px}
.kd-last{color:#64748B;font-size:12.5px}
/* Web-Admin: Funnel */
.fn{display:grid;gap:8px}
.fn-row{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) 64px 150px;gap:10px;align-items:center;font-size:14px}
.fn-l{color:#0F2C59;font-weight:600}
.fn-bar{height:14px;border-radius:99px;background:#E2E8F0;overflow:hidden}.fn-bar i{display:block;height:100%;background:linear-gradient(90deg,#0F2C59,#0284C7)}
.fn-n{text-align:right;color:#0F2C59;font-variant-numeric:tabular-nums}
.fn-c{color:#64748B;font-size:12.5px;text-transform:none;letter-spacing:0}
.fn-period{margin:0 0 10px}
@media (max-width:700px){.fn-row{grid-template-columns:1fr auto;grid-template-areas:"l n" "b b" "c c";gap:4px 10px;padding-bottom:6px;border-bottom:1px solid #E2E8F0}.fn-l{grid-area:l}.fn-n{grid-area:n}.fn-bar{grid-area:b}.fn-c{grid-area:c}}
.fn-period{display:flex;gap:6px;flex-wrap:wrap}
.fn-period button{border:1px solid #CBD5E1;background:#fff;border-radius:999px;padding:6px 14px;font:inherit;font-size:13.5px;font-weight:600;color:#334155;cursor:pointer;min-height:36px}
.fn-period button[aria-pressed="true"]{background:#0F2C59;color:#fff;border-color:#0F2C59}
/* Finanz-Cockpit: weicher Wechsel */
.ck-res{transition:opacity .18s ease}
.ck-res.ck-busy{opacity:.45;pointer-events:none}
.ad-period .seg button{transition:background .15s,color .15s}
.de-date{position:relative;display:block}
.de-txt{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #CBD5E1;border-radius:8px;background:#fff;font-size:16px;font-weight:600;color:#0F172A;pointer-events:none}
.de-date input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
/* Web-Admin: Dialog Unternehmenskonto anlegen */
.ad-dlg{border:0;padding:0;border-radius:16px;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 80px rgba(15,44,89,.35)}
.ad-dlg::backdrop{background:rgba(15,23,42,.55)}
.ad-dlg-in{padding:20px;display:grid;gap:12px}
.ad-dlg-h{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #0F2C59;padding-bottom:8px}.ad-dlg-h h2{margin:0;color:#0F2C59}
.ad-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.ad-grid2 label{display:grid;gap:4px;font-size:13px;font-weight:600;color:#334155}
.ad-grid2 input,.ad-grid2 select{min-height:44px;border:1px solid #CBD5E1;border-radius:8px;padding:8px 10px;font-size:16px;font-weight:400}
.ad-dlg .chk{display:flex;gap:8px;align-items:center;font-size:14px}
.btn-sm{min-height:34px;padding:0 12px;font-size:13px}
@media (max-width:640px){.ad-grid2{grid-template-columns:1fr}.ad-dlg{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:16px 16px 0 0}}
.cred-dl{display:grid;gap:4px;margin:8px 0}.cred-dl div{display:flex;gap:8px}.cred-dl dt{min-width:110px;color:#64748B}.cred-dl dd{margin:0;font-weight:700}
.inv-send{display:flex;gap:6px;align-items:center;font-size:14px;white-space:nowrap}
.pt-first{max-width:560px;margin:0 auto}.pt-first-f{display:grid;gap:12px}.pt-first-f>label:not(.consent){display:grid;gap:6px;font-weight:600}
.pt-first-f input[type=password]{min-height:48px;border:1.5px solid #CBD5E1;border-radius:10px;padding:10px 12px;font-size:16px}
.pw-row input{flex:1 1 180px;min-height:44px;border:1px solid #CBD5E1;border-radius:8px;padding:8px 10px;font-size:16px}
/* Portal-Einstieg: Anmelden | Unternehmenskonto anfragen */
.pt-gate{max-width:640px;margin:0 auto;padding:18px 16px 40px}
.pt-gate-tabs{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 14px}
.pt-gate-tabs button{min-height:46px;font-weight:700}
.pt-req h1{font-size:clamp(22px,4vw,28px);margin:0 0 6px;color:#0F2C59}
.ad-mk-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.ad-mk{display:grid;gap:4px;text-align:left;padding:16px 18px;border-radius:14px;border:1px solid #CBD5E1;background:#fff;cursor:pointer;border-left:5px solid #0284C7;font:inherit}
.ad-mk.b2b{border-left-color:#0F2C59}.ad-mk:hover{background:#F8FAFC}.ad-mk b{color:#0F2C59;font-size:16px}.ad-mk span{color:#64748B;font-size:13.5px}
@media (max-width:560px){.ad-mk-tiles{grid-template-columns:1fr}}
.b2b-proof{border:1px dashed #94A3B8;border-radius:14px;padding:14px 16px;margin:4px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;background:#F8FAFC;min-width:0}
.b2b-proof legend{font-weight:800;color:#0F2C59;padding:0 6px}.b2b-proof>.form-note{grid-column:1/-1;margin:0}
.b2b-proof label{display:grid;gap:6px;min-width:0}.b2b-proof input[type=file]{padding:8px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;max-width:100%}
@media (max-width:620px){.b2b-proof{grid-template-columns:1fr}}
/* Web-Admin: Analyse */
.an .ad-period{margin:6px 0 14px}
.an-d{display:block;font-size:12px;margin-top:2px}.an-d.up{color:#15803D}.an-d.down{color:#B91C1C}
.an-chart{width:100%;height:auto;display:block}.an-g{stroke:#E2E8F0}.an-t{font-size:11px;fill:#64748B}
.an-v{fill:none;stroke:#0284C7;stroke-width:2.5}.an-p{fill:none;stroke:#94A3B8;stroke-width:1.6;stroke-dasharray:4 3}.an-dv{fill:#0284C7}
.an-legend{display:flex;gap:16px;font-size:12.5px;color:#475569;margin-bottom:4px}.an-legend span::before{content:"";display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle;background:#0284C7}.an-legend .an-lp::before{background:#94A3B8}
.an-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.an-list ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.an-list li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:6px;font-size:14px;overflow:hidden}
.an-bar{position:absolute;inset:0 auto 0 0;width:var(--w);background:#E0F2FE;z-index:0}.an-k,.an-list b{position:relative;z-index:1}.an-k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
/* Handy-Leiste: 5 Hauptbereiche + „Mehr“ (ersetzt die wischbare Leiste) */
@media (max-width:900px){
  .pt-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;gap:0;padding:4px 2px calc(4px + env(safe-area-inset-bottom))}
  .pt-tabs a,.pt-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:12px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;color:#64748B;background:none;border:0;cursor:pointer;text-decoration:none;min-height:50px;justify-content:center;-webkit-tap-highlight-color:transparent}
  .pt-tabs svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .pt-tabs button svg{fill:currentColor;stroke:none}
  .pt-tabs a.on,.pt-tabs button.on{color:#0284C7;background:#E0F2FE}
  .pt-tabs .pt-dot{position:absolute;top:2px;right:18%;min-width:16px;height:16px;font-size:10px;line-height:16px;padding:0 4px}
}
.pt-sheet{position:fixed;inset:0;z-index:60}.pt-sheet[hidden]{display:none}
.pt-sheet-bg{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.pt-sheet-in{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto;box-shadow:0 -10px 30px rgba(0,0,0,.2)}
.pt-sheet-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pt-sheet-h strong{color:#0F2C59}
.pt-sheet nav{display:grid;gap:4px}
.pt-sheet nav a,.pt-sheet nav button{display:block;text-align:left;padding:14px 12px;border-radius:10px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;color:#0F2C59;text-decoration:none;background:#F8FAFC;border:0}
.pt-sheet nav a.on{background:#E0F2FE;color:#0369A1}.pt-sheet nav .pt-logout{color:#B91C1C;background:#FEF2F2;margin-top:6px;width:100%}
body.pt-sheet-open{overflow:hidden}
.b2b-proof [hidden]{display:none!important}.b2b-proof-up{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.b2b-proof-up>.form-note{grid-column:1/-1;margin:0}
@media (max-width:620px){.b2b-proof-up{grid-template-columns:1fr}}
.bw-sf{padding:10px 0;border-top:1px solid #E2E8F0}.bw-sf:first-of-type{border-top:0}.bw-sf strong{color:#0F2C59;display:block;margin-bottom:4px}.bw-sf p{margin:0 0 4px;font-size:14px;line-height:1.5;color:#334155}.bw-sf-a{color:#0369A1!important;font-weight:600}
.bw-ew{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.bw-ew article{border:1px solid #E2E8F0;border-left:4px solid #0284C7;border-radius:10px;padding:12px 14px;background:#fff}.bw-ew strong{color:#0F2C59;display:block;margin-bottom:6px}.bw-ew p{margin:0;font-size:14px;line-height:1.55;color:#334155}
/* Branchen-Ansicht */
.pt-br{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #CBD5E1;background:#fff;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:13.5px;font-weight:700;color:#0F2C59;cursor:pointer;white-space:nowrap}
.pt-br b{color:#0284C7}.pt-br:hover{background:#F0F9FF}
.pt-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media (max-width:900px){.pt-top .pt-logout-m{order:3}.pt-br{padding:6px 10px;font-size:12.5px}}
.pt-focus{margin-bottom:16px}
.pt-focus-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pt-focus-h>span{font-size:28px}.pt-focus-h small{display:block;color:#64748B;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.pt-focus-h strong{color:#0F2C59;font-size:17px}.pt-focus-h .btn{margin-left:auto}
.pt-focus-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pt-focus-g a{display:grid;gap:4px;padding:12px 14px;border:1px solid #E2E8F0;border-radius:12px;background:#F8FAFC;text-decoration:none;color:inherit;border-top:3px solid #0284C7}
.pt-focus-g a:hover{background:#F0F9FF}.pt-focus-g strong{color:#0F2C59;font-size:14.5px}.pt-focus-g span{color:#475569;font-size:13.5px;line-height:1.45}
@media (max-width:760px){.pt-focus-g{grid-template-columns:1fr}.pt-focus-h{flex-wrap:wrap}.pt-focus-h .btn{margin-left:0;width:100%}}
.br-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0}
.br-tile{display:grid;gap:4px;text-align:left;padding:14px;border:1.5px solid #E2E8F0;border-radius:14px;background:#fff;cursor:pointer;font-family:inherit}
.br-tile span{font-size:24px}.br-tile strong{color:#0F2C59;font-size:15.5px}.br-tile small{color:#64748B;font-size:13px;line-height:1.4}
.br-tile:hover{border-color:#0284C7;background:#F0F9FF}.br-tile.on{border-color:#0284C7;background:#E0F2FE;box-shadow:0 0 0 3px rgba(2,132,199,.15)}
.bw-steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:10px}
.bw-steps li{counter-increment:st;position:relative;padding:12px 14px 12px 52px;border:1px solid #E2E8F0;border-radius:12px;background:#fff}
.bw-steps li::before{content:counter(st);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:#0F2C59;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.bw-steps strong{color:#0F2C59;display:block;margin-bottom:4px}.bw-steps p{margin:0;font-size:14px;line-height:1.55;color:#334155}
.bw-table td,.bw-table th{text-align:left!important}
/* Fall-Analyse */
.fa-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.fa-hero h2{margin:4px 0 8px;color:#0F2C59}.fa-hero p{margin:0 0 8px;color:#475569;line-height:1.55}
.fa-priv{font-size:13.5px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:10px;padding:8px 10px;color:#166534!important}
.fa-quota{display:grid;gap:8px}.fa-quota div{border:1px solid #E2E8F0;border-radius:10px;padding:8px 12px;background:#F8FAFC}.fa-quota small{display:block;color:#64748B;font-size:12px}.fa-quota strong{color:#0F2C59}
.fa-drop{display:grid;justify-items:center;gap:6px;text-align:center;padding:30px 16px;margin:14px 0;border:2px dashed #94A3B8;border-radius:16px;background:#fff;cursor:pointer;transition:.15s}
.fa-drop:hover,.fa-drop.on{border-color:#0284C7;background:#F0F9FF}.fa-drop svg{width:38px;height:38px;fill:none;stroke:#0284C7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fa-drop strong{color:#0F2C59;font-size:17px}.fa-drop span{color:#64748B;font-size:13.5px}
.fa-prog{margin:0;padding-left:20px;display:grid;gap:4px}.fa-prog span{color:#64748B;margin-left:6px}.fa-prog .ok span{color:#15803D}.fa-prog .bad span{color:#B91C1C}
.fa-tabs{display:flex;margin:6px 0 12px;overflow-x:auto}.fa-tabs button{flex:1 0 auto}
.fa-sum{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.fa-amp{padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700;background:#F1F5F9;color:#334155}.fa-amp.bad{background:#FEE2E2;color:#991B1B}.fa-amp.warn{background:#FEF3C7;color:#92400E}.fa-amp.ok{background:#DCFCE7;color:#166534}.fa-amp.miss{background:#E0F2FE;color:#0F2C59}
.fa-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.fa-flag{margin:8px 0 0;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600}.fa-flag.bad{background:#FEF2F2;color:#991B1B}.fa-flag.warn{background:#FFFBEB;color:#92400E}
.fa-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fa-in label{display:grid;gap:4px;font-size:12.5px;font-weight:600;color:#475569}.fa-in input{border:1px solid #CBD5E1;border-radius:8px;padding:8px 10px;font:inherit;font-size:15px;min-width:0}
.fa-var input{width:100%;min-width:60px;border:1px solid #CBD5E1;border-radius:6px;padding:5px 7px;font:inherit}.fa-var th input{font-weight:700;color:#0F2C59}.fa-var td.neg{color:#B91C1C;font-weight:700}
.fa-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.fa-doc{border:1px solid #E2E8F0;border-radius:12px;padding:12px;background:#fff;display:grid;gap:8px;align-content:start}
.fa-doc header{display:grid;gap:2px}.fa-doc select{font:inherit;font-weight:700;color:#0F2C59;border:1px solid #E2E8F0;border-radius:8px;padding:5px 6px;background:#F8FAFC}.fa-doc small{color:#64748B;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fa-doc dl{margin:0;display:grid;gap:3px}.fa-doc dl div{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}.fa-doc dt{color:#64748B}.fa-doc dd{margin:0;font-weight:700;color:#0F172A;text-align:right}
.fa-doc ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.fa-doc li{font-size:13px;line-height:1.45;padding:5px 8px;border-radius:6px;background:#F8FAFC}.fa-doc li.bad{background:#FEF2F2;color:#991B1B}.fa-doc li.warn{background:#FFFBEB;color:#92400E}.fa-doc li.ok{background:#F0FDF4;color:#166534}
.fa-miss,.fa-good,.fa-todo{margin:0;padding-left:20px;display:grid;gap:4px;line-height:1.5}.fa-good li::marker{color:#16A34A}
.fa-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fa-opts div{border:1px solid #E2E8F0;border-radius:12px;padding:12px;display:grid;gap:2px;background:#F8FAFC}.fa-opts strong{color:#0F2C59}.fa-opts b{font-size:22px;color:#0284C7}.fa-opts span{font-size:13px;color:#475569}
.fa-slides{border:1px solid #E2E8F0;border-radius:12px;padding:10px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin:10px 0}
@media (max-width:760px){.fa-hero{grid-template-columns:1fr}.fa-in{grid-template-columns:1fr 1fr}.fa-kpis{grid-template-columns:1fr 1fr!important}.fa-opts{grid-template-columns:1fr}}
/* Präsentation */
body.dk-open{overflow:hidden}
.dk{position:fixed;inset:0;z-index:200;background:#0B1220;display:grid;place-items:center;font-family:var(--dkf)}
.dk-slide{display:none;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16/9;max-height:100vh;background:#fff;color:#0F172A;position:relative;grid-template-rows:auto 1fr auto;overflow:hidden;font-size:clamp(11px,1.5vw,20px)}
.dk-slide.on{display:grid}
.dk-h{display:flex;align-items:center;gap:.6em;padding:1.2em 2em .6em;border-bottom:.25em solid var(--dk1)}.dk-h img{height:2.4em;width:auto;max-width:14em;object-fit:contain}.dk-brand{font-weight:800;font-size:1.3em;color:var(--dk1)}.dk-brand span{color:var(--dk2)}
.dk-body{padding:1.4em 2.4em;overflow:hidden}.dk-body h2{color:var(--dk1);font-size:2em;margin:0 0 .6em}.dk-body h3{color:var(--dk1);margin:0 0 .4em}.dk-body p{margin:0 0 .6em;color:#334155}
.dk-f{display:flex;justify-content:space-between;gap:1em;padding:.6em 2em;font-size:.65em;color:#64748B;border-top:1px solid #E2E8F0}
.dk-title{height:100%;display:grid;align-content:center;gap:.4em}.dk-title h1{font-size:3em;color:var(--dk1);margin:0;line-height:1.1}.dk-k{color:var(--dk2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8em}.dk-title p{font-size:1.3em}.dk-sub{color:#64748B!important;font-size:.9em!important}
.dk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em;margin-bottom:1.2em}.dk-kpis div{border-left:.3em solid var(--dk2);padding:.4em .8em;background:#F8FAFC}.dk-kpis small{display:block;color:#64748B;font-size:.75em}.dk-kpis strong{font-size:1.5em;color:var(--dk1)}
.dk-bars{display:grid;gap:.5em}.dk-bar{display:grid;grid-template-columns:11em 1fr 7em;align-items:center;gap:.8em}.dk-bar span{font-size:.9em}.dk-bar i{height:1.3em;background:var(--dk1);border-radius:.2em;display:block}.dk-bar b{text-align:right;color:var(--dk1)}
.dk-note{font-size:.8em!important;color:#64748B!important;margin-top:1em!important}
.dk-vars{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}.dk-vars>div{border:1px solid #E2E8F0;border-top:.3em solid var(--dk2);border-radius:.4em;padding:.8em 1em}.dk-vars strong{color:var(--dk1)}.dk-vars b{display:block;font-size:2em;color:var(--dk1);margin-top:.2em}.dk-vars>div>span{color:#64748B;font-size:.8em}.dk-vars dl{margin:.6em 0 0;display:grid;gap:.25em}.dk-vars dl div{display:flex;justify-content:space-between;font-size:.85em}.dk-vars dt{color:#64748B}.dk-vars dd{margin:0;font-weight:700}
.dk-docs{display:grid;grid-template-columns:1fr 1fr;gap:2em}.dk-docs ul{margin:0;padding-left:1.2em;display:grid;gap:.3em}.dk-docs li.ok::marker{color:#16A34A}
.dk-steps{margin:0;padding-left:1.4em;display:grid;gap:.6em;font-size:1.2em}.dk-steps li::marker{color:var(--dk2);font-weight:800}
.dk-ctl{position:fixed;right:16px;bottom:16px;display:flex;gap:8px;z-index:201}.dk-ctl button{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:24px;line-height:1;cursor:pointer;color:#0F172A}
@media print{
  body.dk-open>*:not(#faDeck){display:none!important}
  .dk{position:static;display:block;background:#fff}.dk-ctl{display:none}
  .dk-slide{display:grid!important;width:100%;height:auto;aspect-ratio:16/9;page-break-after:always;break-after:page;font-size:13px}
  @page{size:A4 landscape;margin:8mm}
}
.fa-doc{min-width:0;overflow:hidden}.fa-doc select{width:100%;min-width:0;max-width:100%}.fa-doc dd{overflow-wrap:anywhere}
@media screen and (orientation:portrait){
  .dk{place-items:stretch}
  .dk-slide{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;font-size:14px}
  .dk-body{overflow:auto;padding:1em 1.2em 5em}.dk-h{padding:1em 1.2em .6em}.dk-f{padding:.6em 1.2em}
  .dk-kpis,.dk-vars,.dk-docs{grid-template-columns:1fr 1fr}.dk-vars{grid-template-columns:1fr}
  .dk-bar{grid-template-columns:7em 1fr 5.5em}.dk-title h1{font-size:2.2em}
}
.kd-radar{border-left:4px solid #0284C7}
.kd-rlist{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.kd-rlist li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #E2E8F0;border-radius:10px;background:#F8FAFC}
.kd-rlist li span{display:grid}.kd-rlist small{color:#64748B}.kd-rlist b{color:#0F2C59}.kd-rlist em{font-style:normal;font-size:12px;font-weight:700;color:#0369A1;background:#E0F2FE;border-radius:999px;padding:3px 8px}
.kd-rlist li.hot{border-color:#FCA5A5;background:#FEF2F2}.kd-rlist li.hot b{color:#B91C1C}.kd-rlist li.warm{border-color:#FCD34D;background:#FFFBEB}
@media (max-width:560px){.kd-rlist li{grid-template-columns:1fr auto}.kd-rlist em{grid-column:1/-1;justify-self:start}}
/* Akquise und Werbung */
.mk-bar{margin-bottom:10px;gap:8px;flex-wrap:wrap}.mk-bar input,.mk-bar select{border:1px solid #CBD5E1;border-radius:8px;padding:8px 10px;font:inherit;min-width:0}.mk-bar input#mkQ{flex:1 1 220px}
.mk-table select,.mk-table input[type=date]{border:1px solid #E2E8F0;border-radius:6px;padding:4px 6px;font:inherit;font-size:13px;max-width:150px}.mk-table input.due{border-color:#F59E0B;background:#FFFBEB}
.mk-off{opacity:.55}
.mk-log{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin:10px 0}.mk-log input,.mk-log select{border:1px solid #CBD5E1;border-radius:8px;padding:8px;font:inherit;min-width:0}
.mk-acts{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:320px;overflow:auto}.mk-acts li{display:grid;grid-template-columns:110px 1fr auto;gap:8px;padding:8px 10px;border:1px solid #E2E8F0;border-radius:8px;font-size:13.5px}.mk-acts small{color:#64748B}
.mk-tpl{width:100%;border:1px solid #E2E8F0;border-radius:8px;padding:10px;font:inherit;font-size:13.5px;background:#F8FAFC;box-sizing:border-box}
.mk-camp{display:grid;grid-template-columns:2fr 1.4fr 1fr .7fr 1fr auto;gap:8px;margin-bottom:12px}.mk-camp input,.mk-camp select{border:1px solid #CBD5E1;border-radius:8px;padding:8px;font:inherit;min-width:0}
.mk-del{color:#B91C1C!important}
.pt-toast.on{transform:translate(-50%,0);opacity:1}
@media (max-width:760px){.mk-camp{grid-template-columns:1fr 1fr}.mk-log{grid-template-columns:1fr 1fr}.mk-acts li{grid-template-columns:1fr}}
#wSend .full,#mkF .full,#mkLF .full{grid-column:1/-1}
#wSend label,#mkF label,#mkLF label{display:grid;gap:4px;align-content:start;font-size:13px;font-weight:600;color:#475569}
#wSend input,#wSend select,#wSend textarea,#mkF input,#mkF select,#mkF textarea,#mkLF input,#mkLF select,#mkLF textarea{border:1px solid #CBD5E1;border-radius:8px;padding:8px 10px;font:inherit;font-size:14.5px;min-width:0;width:100%;box-sizing:border-box}
#wSend .pt-row{gap:10px}
/* Einrichtung */
.su-bar{height:10px;border-radius:99px;background:#E2E8F0;overflow:hidden;margin:6px 0 4px}.su-bar i{display:block;height:100%;background:linear-gradient(90deg,#0284C7,#16A34A)}
.su-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px}
.su-item{border:1px solid #E2E8F0;border-left:4px solid #DC2626;border-radius:12px;padding:12px 14px;background:#fff}.su-item.opt{border-left-color:#F59E0B}
.su-h{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.su-h strong{color:#0F2C59;font-size:15.5px;margin-right:auto}
.su-tag{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#F1F5F9;color:#475569}.su-tag.auto{background:#E0F2FE;color:#0369A1}.su-tag.man{background:#FEF3C7;color:#92400E}
.su-steps{margin:6px 0 4px;padding-left:20px;display:grid;gap:5px;font-size:14px;line-height:1.5;color:#334155}.su-steps code{background:#F1F5F9;border-radius:4px;padding:1px 5px;font-size:12.5px}
.su-done{display:inline-flex!important;gap:8px;align-items:center;margin-top:6px;font-weight:700;color:#166534}
.su-done-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.su-done-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #F1F5F9;font-size:14px}.su-done-list small{color:#64748B}
.sec-inc{border-left:4px solid #DC2626}.sec-inc-h{display:flex;align-items:center;gap:10px}.sec-inc-h h2{margin:0}
.sec-open td{background:#FEF2F2}.sec-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sec-blocks{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sec-blocks li{display:flex;gap:10px;align-items:center;padding:6px 10px;border:1px solid #E2E8F0;border-radius:8px}.sec-blocks span{flex:1;color:#475569;font-size:13.5px}
.btn-pay{background:#000!important;color:#fff!important;border:1px solid #000!important;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
.btn-pay:hover{background:#1d1d1f!important}.btn-pay:disabled{background:#3a3a3c!important;opacity:.6}
.tk-plan.btn-pay strong,.tk-plan.btn-pay span,.tk-plan.btn-pay small{color:#fff!important}
.su-row{display:grid;gap:4px;width:100%;text-align:left;font:inherit;cursor:pointer}.su-row:hover{border-color:#94A3B8;box-shadow:0 4px 14px rgba(15,44,89,.08)}
.su-sub{font-size:13.5px;color:#475569;line-height:1.45}.su-go{font-size:13px;font-weight:700;color:#0369A1}
.su-state{margin:0;font-size:13px;font-weight:700;color:#92400E}.su-state.ok{color:#166534}
.su-why,.su-need,.su-check{border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5}.su-why{background:#F8FAFC}.su-need{background:#FEF3C7}.su-check{background:#DCFCE7}
.su-gsteps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.su-gsteps label{display:grid;grid-template-columns:20px 28px 1fr;gap:8px;align-items:start;border:1px solid #E2E8F0;border-radius:10px;padding:10px;font-size:14.5px;line-height:1.55;color:#1E293B;cursor:pointer}
.su-gsteps input{margin-top:4px}.su-gsteps input:checked~.su-txt{color:#94A3B8;text-decoration:line-through}.su-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0F2C59;color:#fff;font-weight:700;font-size:13px}
.su-gsteps code,.su-check code{background:#F1F5F9;border-radius:4px;padding:1px 5px;font-size:12.5px;word-break:break-all}.su-guide a{color:#0369A1;font-weight:600}
.pt-sheet-t{display:grid;gap:1px}.pt-sheet-t small{font-size:12px;color:#64748B;font-weight:600}
.pt-muster{border:1px dashed #94A3B8;background:#F8FAFC}.pt-muster-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.pt-muster-h h2{margin:6px 0 2px}
.pt-muster .pt-kpis{margin:12px 0 6px}.pt-muster-d summary{cursor:pointer;font-weight:700;color:#0369A1;margin-top:6px}
.kd-consent{flex-basis:100%;font-size:13px;color:#334155;display:flex;gap:8px;align-items:flex-start}
.ec-drop{display:grid;place-items:center;gap:4px;border:2px dashed #94A3B8;border-radius:14px;padding:22px;text-align:center;cursor:pointer;background:#F8FAFC;margin:10px 0}.ec-drop.on{border-color:#0284C7;background:#F0F9FF}.ec-drop span{font-size:13px;color:#64748B}
.ec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ec-grid label{display:grid;gap:3px;font-size:12.5px;font-weight:600;color:#334155}.ec-grid input,.ec-grid select{min-height:40px;border:1px solid #CBD5E1;border-radius:8px;padding:0 9px;font-size:16px;width:100%}
.ec-sheet{border:1px solid #E2E8F0;border-radius:14px;padding:16px;margin-top:12px;background:#fff}.ec-head{display:flex;gap:12px;align-items:center;border-bottom:3px solid var(--ec,#0F2C59);padding-bottom:8px}.ec-head img{max-height:44px;max-width:150px}.ec-head small{display:block;color:#475569;font-size:12px}.ec-head strong{font-size:18px;color:var(--ec,#0F2C59)}
.ec-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:12px 0}.ec-facts small,.ec-facts span{display:block;font-size:12px;color:#475569}.ec-facts strong{font-size:18px;color:#0F172A}
.ec-table{width:100%;border-collapse:collapse;font-size:14px}.ec-table th,.ec-table td{text-align:left;padding:8px;border-bottom:1px solid #E2E8F0;vertical-align:top}.ec-table th{font-size:12px;color:#475569;background:transparent}.ec-table small{display:block;color:#64748B;font-size:12px}.ec-note{font-size:12px;color:#475569;line-height:1.5}
@media(max-width:800px){.ec-grid{grid-template-columns:1fr 1fr}.ec-table{font-size:13px}}
.pt-liab{margin:28px 0 90px;font-size:12px;line-height:1.5;color:#64748B;border-top:1px solid #E2E8F0;padding-top:12px}.pt-liab a{color:#475569}
/* Programme */
.pg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px}
.pg-tile{display:grid;gap:4px;text-align:left;border:1px solid #E2E8F0;border-radius:14px;padding:14px;background:#fff;cursor:pointer;font:inherit;color:#0F172A}
.pg-tile:hover,.pg-tile.on{border-color:#0284C7;box-shadow:0 6px 18px rgba(15,44,89,.1)}.pg-tile strong{color:#0F2C59;font-size:15px}.pg-tile span{font-size:13px;color:#475569;line-height:1.45}.pg-tile em{font-style:normal;font-size:12px;font-weight:700;color:#0369A1}
.pg-tile.locked{background:#F8FAFC}.pg-tile.locked em{color:#92400E}
.pg-head{display:flex;justify-content:space-between;align-items:center}.pg-head h3{margin:0;color:#0F2C59}
.pg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}.pg-grid h4{grid-column:1/-1;margin:8px 0 0;color:#0F2C59;font-size:14px}
.pg-f{display:grid;gap:3px;font-size:12.5px;font-weight:600;color:#334155}.pg-f.wide{grid-column:1/-1}
.pg-f input,.pg-f select,.pg-f textarea,.pg-in input{width:100%;min-height:40px;border:1px solid #CBD5E1;border-radius:8px;padding:0 9px;font:inherit;font-size:16px;font-weight:400;background:#fff}.pg-f textarea{padding:8px 9px;min-height:64px}
.pg-c{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:#1E293B;grid-column:span 2}.pg-c input{margin-top:3px}
.pg-checks{display:grid;gap:6px}.pg-checks .pg-c{grid-column:auto}.pg-h4{margin:14px 0 6px;color:#0F2C59}
.pg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:10px 0}.pg-kpis div{border:1px solid #E2E8F0;border-radius:12px;padding:10px;display:grid;gap:2px;background:#F8FAFC}.pg-kpis small{font-size:12px;color:#475569}.pg-kpis strong{font-size:19px;color:#0F2C59}.pg-kpis span{font-size:12px;color:#64748B}
.pg-kpis .ok{border-color:#86EFAC;background:#F0FDF4}.pg-kpis .ok strong{color:#166534}.pg-kpis .bad{border-color:#FCA5A5;background:#FEF2F2}.pg-kpis .bad strong{color:#B91C1C}
.pg-verdict{font-size:14px;line-height:1.5;border-radius:10px;padding:10px 12px;background:#F8FAFC;margin:8px 0}.pg-verdict.ok{background:#F0FDF4;color:#14532D}.pg-verdict.bad{background:#FEF2F2;color:#7F1D1D}
.pg-text{width:100%;border:1px solid #CBD5E1;border-radius:10px;padding:10px;font:13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:#F8FAFC}
.pg-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pg-tablewrap{overflow-x:auto}.pg-in,.pg-res{width:100%;border-collapse:collapse;min-width:620px}.pg-in th,.pg-res th{font-size:12px;color:#475569;text-align:left;padding:4px;background:transparent}.pg-in td{padding:3px}.pg-res td{padding:8px;border-bottom:1px solid #E2E8F0;font-size:14px}.pg-res small{display:block;color:#64748B;font-size:12px}.pg-res tr.best td{background:#F0FDF4}
@media(max-width:900px){.pg-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pg-grid{grid-template-columns:1fr}.pg-c{grid-column:auto}}
#pgBox,#pgBody,.pg-tablewrap{min-width:0;max-width:100%}.pg-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pg-warn{margin:8px 0;padding:10px 12px 10px 28px;border-radius:10px;background:#FFFBEB;border:1px solid #FDE68A;color:#78350F;font-size:13.5px;line-height:1.5}
.pg-legal{margin:14px 0 0;font-size:12px;color:#64748B;line-height:1.5;border-top:1px solid #E2E8F0;padding-top:10px}
.btn-pay{background:linear-gradient(180deg,#2c2c2e 0%,#000 55%)!important;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 6px 16px rgba(0,0,0,.18)!important;transition:transform .12s ease,box-shadow .12s ease}
.btn-pay:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 10px 22px rgba(0,0,0,.24)!important}
.btn-pay:not(:has(svg))::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6h15l-1.5 9h-12z'/%3E%3Cpath d='M6 6 5 3H2'/%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6h15l-1.5 9h-12z'/%3E%3Cpath d='M6 6 5 3H2'/%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.btn-pay:disabled::before,.btn-pay[disabled]::before,.tk-plan.btn-pay::before{display:none}
/* Gruppierte Navigation (Tagesgeschäft · Werkzeuge & Wissen · Konto) */
.pt-grp{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748B;padding:14px 12px 4px}
.pt-side .pt-grp:first-child,.pt-sheet nav .pt-grp:first-child{padding-top:2px}
.pt-side .pt-grp{color:#7C8DA6}
.pt-sheet nav .pt-grp{padding:12px 4px 2px}
/* ===== B2B-Landing 2026-10: Branchenwahl, ROI-Rechner, Demo-Fall, White-Label, Pipeline, Schnittstellen ===== */
.b2b-x small,.roi small,.sim small,.wl small,.pipe-cols small{text-transform:none;letter-spacing:0}
.b2b-x h2{font-size:clamp(28px,3.6vw,44px);line-height:1.1;letter-spacing:-.03em;margin:14px 0 14px}
.b2b-x .b2b-exec-txt>p{font-size:17px;color:#DBEAFE;line-height:1.6;max-width:640px;margin:0 0 22px}
.rb-chips{display:flex;flex-wrap:wrap;gap:8px}
.rb-chips button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#E0F2FE;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.rb-chips button[aria-checked=true]{background:#fff;color:#0F2C59;border-color:#fff}
.b2b-x .b2b-cta-main{min-height:54px;font-size:16px;border-radius:12px;padding:0 22px}
.b2b-cta-link{color:#BAE6FD;font-weight:700;align-self:center;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.cbadges{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:640px}
.cbadges li{display:grid;gap:2px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);text-align:center}
.cbadges b{font-size:15px;color:#fff;letter-spacing:.02em}.cbadges span{font-size:11.5px;color:#BAE6FD;line-height:1.3}
.roi{background:#fff;color:#0F172A;border-radius:18px;padding:20px;box-shadow:0 24px 60px rgba(2,6,23,.35);display:grid;gap:12px}
.roi-h h3{margin:0;font-size:19px;color:#0F2C59}.roi-h span{font-size:12.5px;color:#64748B}
.roi label{display:grid;grid-template-columns:1fr auto;gap:4px 8px;font-size:13.5px;font-weight:600;color:#334155;align-items:center}
.roi output{font-weight:800;color:#0F2C59;font-variant-numeric:tabular-nums}
.roi input[type=range]{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;--pct:50%}
.roi input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,#0284C7 var(--pct),#E2E8F0 var(--pct))}
.roi input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:#E2E8F0}.roi input[type=range]::-moz-range-progress{height:6px;background:#0284C7;border-radius:99px}
.roi input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #0284C7;margin-top:-9px}
.roi input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #0284C7}
.roi-out{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.roi-out div{border-radius:12px;background:#F0F9FF;border:1px solid #BAE6FD;padding:10px 12px;display:grid}
.roi-out strong{font-size:22px;color:#0F2C59;font-variant-numeric:tabular-nums}.roi-out span{font-size:12.5px;color:#475569}
.roi-out .roi-v{grid-column:1/-1;background:#ECFDF5;border-color:#A7F3D0}.roi-out .roi-v strong{color:#065F46;font-size:26px}
.roi-fine{margin:0;font-size:12px;color:#64748B;line-height:1.45}
@media(max-width:900px){.b2b-x .b2b-exec-grid{grid-template-columns:1fr}.cbadges{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Demo-Fall */
.demo-sec h2{margin:6px 0 20px}
.sim{border:1px solid #E2E8F0;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(15,44,89,.08);overflow:hidden}
.sim-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #E2E8F0}
.sim-steps button{width:100%;min-height:56px;border:0;background:#F8FAFC;font:inherit;font-weight:700;font-size:14px;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}
.sim-steps b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#E2E8F0;color:#334155;font-size:13px;flex:none}
.sim-steps button[aria-selected=true]{background:#fff;color:#0F2C59;box-shadow:inset 0 -3px 0 #0284C7}.sim-steps button[aria-selected=true] b{background:#0284C7;color:#fff}
.sim-panel{padding:20px;display:grid;gap:14px}
.sim-case{display:grid;gap:2px}.sim-case strong{color:#0F2C59;font-size:16px}.sim-case small{color:#64748B;font-size:13px}
.sim-docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.sim-docs li{padding:10px 12px 10px 36px;border-radius:10px;border:1px dashed #CBD5E1;font-size:14px;color:#64748B;position:relative;transition:.25s}
.sim-docs li::before{content:"";position:absolute;left:12px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:2px solid #CBD5E1}
.sim-docs li.done{border-style:solid;border-color:#86EFAC;background:#F0FDF4;color:#14532D}.sim-docs li.done::before{content:"✓";border:0;background:#22C55E;color:#fff;font-size:10px;display:grid;place-items:center}
.sim-docs li.miss{border-style:solid;border-color:#FCD34D;background:#FFFBEB;color:#78350F}.sim-docs li.miss::before{border-color:#F59E0B}
.sim-bar{height:8px;border-radius:99px;background:#E2E8F0;overflow:hidden}.sim-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0284C7,#16A34A);transition:width .25s}
.sim-note{margin:0;font-size:14px;color:#475569;line-height:1.5}
.sim-panel .btn{min-height:50px;justify-self:start}
.sim-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.sim-kpis li{border-radius:12px;padding:12px;border:1px solid #E2E8F0;display:grid;gap:2px;border-left-width:5px}
.sim-kpis li.ok{border-left-color:#22C55E}.sim-kpis li.warn{border-left-color:#F59E0B}
.sim-kpis span{font-size:12.5px;color:#64748B;font-weight:600}.sim-kpis b{font-size:20px;color:#0F2C59}.sim-kpis small{font-size:12.5px;color:#475569}
.sim-file{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px;border-radius:12px;background:#F8FAFC;border:1px solid #E2E8F0}
.sim-pdf{width:52px;height:64px;border-radius:8px;background:#DC2626;color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}
.sim-file strong{display:block;color:#0F2C59}.sim-file small{display:block;color:#64748B;font-size:13px}
.sim-file code{display:block;margin-top:6px;font-size:11.5px;color:#334155;word-break:break-all;background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:6px 8px}
.sim-act{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.sim-steps button{flex-direction:column;font-size:12.5px;gap:4px}.sim-panel .btn{justify-self:stretch}}
/* White-Label-Vorschau */
.wl{margin-top:28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}
.wl-cfg h3{margin:4px 0 6px;font-size:22px;color:#0F2C59}.wl-cfg p{margin:0 0 12px;color:#475569}
.wl-cfg label{display:grid;gap:4px;font-size:13.5px;font-weight:600;color:#334155;margin-bottom:10px}
.wl-cfg input{min-height:46px;border:1px solid #CBD5E1;border-radius:10px;padding:0 12px;font-size:16px}.wl-cfg input[type=color]{width:90px;padding:4px}
.wl-prev{--wl:#0F5E4B;border-radius:16px;background:#F1F5F9;padding:14px;display:grid;gap:10px}
.wl-mail{display:grid;gap:2px;font-size:12.5px;color:#475569;padding:8px 10px;border-radius:10px;background:#fff}.wl-mail b{color:#0F172A}
.wl-page{background:#fff;border-radius:12px;padding:16px;border-top:5px solid var(--wl);display:grid;gap:10px}
.wl-top{display:flex;gap:10px;align-items:center}.wl-top b{color:var(--wl)}
.wl-logo{width:36px;height:36px;border-radius:10px;background:var(--wl);color:#fff;display:grid;place-items:center;font-weight:800}
.wl-page h4{margin:0;font-size:17px;color:#0F172A}.wl-page ol{margin:0;padding-left:20px;color:#334155;font-size:14px;display:grid;gap:4px}
.wl-btn{justify-self:start;background:var(--wl);color:#fff;border-radius:10px;padding:10px 18px;font-weight:700}
.wl-foot{color:#94A3B8;font-size:11.5px}
@media(max-width:800px){.wl{grid-template-columns:1fr}}
/* Pipeline und Schnittstellen */
.pipe-cols{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:p}
.pipe-cols li{position:relative;border-radius:12px;background:#fff;border:1px solid #E2E8F0;padding:14px 12px;display:grid;gap:4px;counter-increment:p}
.pipe-cols li::before{content:counter(p);width:24px;height:24px;border-radius:50%;background:#0F2C59;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.pipe-cols li:nth-child(4)::before{background:#16A34A}.pipe-cols b{color:#0F2C59;font-size:15px}.pipe-cols span{font-size:13px;color:#64748B;line-height:1.4}
@media(max-width:900px){.pipe-cols{grid-template-columns:1fr 1fr}}@media(max-width:480px){.pipe-cols{grid-template-columns:1fr}}
.int-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0 10px}
.int-grid h3 small{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#E0F2FE;color:#0369A1;font-size:11px;font-weight:700;letter-spacing:.02em;vertical-align:middle}
.int-grid article{border:1px solid #E2E8F0;border-radius:14px;padding:16px;background:#fff}.int-grid h3{margin:0 0 6px;font-size:16px;color:#0F2C59}.int-grid p{margin:0;font-size:14px;color:#475569;line-height:1.5}
@media(max-width:900px){.int-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.int-grid{grid-template-columns:1fr}}
.b2b-x .roi p.roi-fine{color:#64748B;font-size:12px;margin:0}
.wl-page .wl-txt{margin:0;font-size:14px;color:#334155;line-height:1.55}.wl-page h4 span{color:var(--wl)}
/* ===== Portal 2026-10: Heute zu tun, Pipeline-Board, Einladungs-Vorschau, Unternehmer-Bestätigung, Präsentationsmodus ===== */
.todo-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.todo-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.todo-list a{display:grid;grid-template-columns:14px minmax(0,1fr) auto;width:100%;max-width:100%;gap:12px;align-items:center;min-height:56px;padding:10px 14px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;text-decoration:none;color:#0F172A}
.todo-list a:hover{border-color:#0284C7;background:#F0F9FF}
.todo-list strong{display:block;font-size:15px}.todo-list small{display:block;font-size:13px;color:#64748B;text-transform:none;letter-spacing:0}
.todo-list em{font-style:normal;color:#94A3B8;font-size:18px}
.todo-dot{width:12px;height:12px;border-radius:50%;background:#94A3B8}
.todo-list li.hot .todo-dot{background:#0284C7;box-shadow:0 0 0 4px #E0F2FE}.todo-list li.warn .todo-dot{background:#F59E0B;box-shadow:0 0 0 4px #FEF3C7}.todo-list li.ok .todo-dot{background:#22C55E;box-shadow:0 0 0 4px #DCFCE7}
.todo-list li.empty{padding:12px;color:#475569;font-size:14px}
.wl-card .wl-prev{margin:6px 0 10px}
.pipe-exp{display:flex;gap:6px;flex-wrap:wrap}
.pipe-board{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.pipe-col{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:10px;display:grid;gap:8px;align-content:start;min-height:120px;scroll-snap-align:start}
.pipe-col h3{margin:0;font-size:13px;color:#334155;display:flex;justify-content:space-between;gap:6px;align-items:center}
.pipe-col h3 b{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#E2E8F0;display:grid;place-items:center;font-size:12px}
.pipe-col.missing h3 b{background:#FEF3C7;color:#92400E}.pipe-col.check h3 b{background:#E0F2FE;color:#075985}.pipe-col.ready h3 b{background:#DCFCE7;color:#166534}.pipe-col.sent h3 b{background:#E0F2FE;color:#075985}
.pipe-card{display:grid;gap:4px;padding:10px;border-radius:10px;background:#fff;border:1px solid #E2E8F0;text-decoration:none;color:#0F172A;min-height:48px}
.pipe-card:hover{border-color:#0284C7}.pipe-card strong{font-size:14px}.pipe-card small{font-size:12px;color:#64748B;text-transform:none;letter-spacing:0;line-height:1.35}
.pipe-bar{height:5px;border-radius:99px;background:#E2E8F0;overflow:hidden}.pipe-bar i{display:block;height:100%;background:linear-gradient(90deg,#0284C7,#16A34A)}
.pipe-empty{margin:0;color:#94A3B8;font-size:13px;text-align:center}
@media(max-width:900px){.pipe-board{grid-template-columns:repeat(5,minmax(78vw,1fr))}}
.kd-flash{box-shadow:0 0 0 3px #38BDF8;transition:box-shadow .3s}
.b2b-terms{display:grid!important;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:12px 14px;border:2px solid #0F2C59;border-radius:12px;background:#F8FAFC;margin:10px 0;font-size:14px;line-height:1.5}
.b2b-terms input{width:20px;height:20px;margin:1px 0 0}
.b2b-terms.consent-missing{border-color:#DC2626;background:#FEF2F2}
.pt-pres-btn{border:1px solid #CBD5E1;background:#fff;border-radius:10px;min-height:40px;padding:0 12px;font:inherit;font-weight:700;color:#0F2C59;cursor:pointer;margin-right:8px}
body.pt-present .pt-side,body.pt-present .pt-tabs,body.pt-present .pt-top,body.pt-present .pt-liab,body.pt-present .pt-alert{display:none!important}
body.pt-present .pt{display:block}body.pt-present .pt-main{padding:28px 32px 40px;max-width:none;margin:0}
body.pt-present #ptView{font-size:1.18em}body.pt-present #ptView h2{font-size:1.6em}
body.pt-present #ptView svg{max-width:100%;height:auto}
.pt-pres-x{position:fixed;right:16px;bottom:16px;z-index:300;min-height:48px;padding:0 18px;border-radius:999px;border:0;background:#0F172A;color:#fff;font:inherit;font-weight:700;box-shadow:0 10px 30px rgba(2,6,23,.3);cursor:pointer}
/* ===== Web-Admin 2026-10: Sticky-Kopf mit B2B/B2C-Schalter, vier Hauptbereiche, Not-Aus-Stufen, Partner-Karten ===== */
.ad-sticky{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);padding:10px 0;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.ad-sticky h1{margin:0;font-size:22px;flex:none}
.ad-segctl{display:inline-grid;grid-template-columns:1fr 1fr;background:#F1F5F9;border-radius:12px;padding:4px;gap:4px;margin-left:auto}
.ad-segctl button{border:0;background:transparent;border-radius:9px;min-height:40px;padding:0 12px;font:inherit;font-size:14px;font-weight:700;color:#475569;cursor:pointer;white-space:nowrap}
.ad-segctl button[aria-pressed=true]{background:#fff;color:#0F2C59;box-shadow:0 1px 4px rgba(15,44,89,.18)}
body[data-ad-seg=b2b] .ad-segctl button[aria-pressed=true]{background:#0F2C59;color:#fff}
.ad-out{flex:none}
.ad-note{margin:8px 0 0}
.ad-grp{display:grid;gap:2px;margin-bottom:10px}
.ad-grp-h{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748B;padding:6px 14px 2px}
.ad-subtabs{display:none}
.ad-bottom{display:none}
@media (max-width:1099px){
  .ad-tabs{display:none!important}
  .ad-subtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;position:sticky;top:61px;z-index:30;background:#fff;padding:8px 0;margin:0 0 10px;border-bottom:1px solid #E2E8F0}
  .ad-subtabs::-webkit-scrollbar{display:none}
  .ad-sub-h{flex:none;align-self:center;font-size:12px;font-weight:800;color:#0F2C59;padding-right:4px}
  .ad-subtabs button{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #CBD5E1;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#334155;white-space:nowrap}
  .ad-subtabs button[aria-selected=true]{background:#0F2C59;color:#fff;border-color:#0F2C59}
  .ad-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #E2E8F0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(15,23,42,.06)}
  .ad-bottom button{border:0;background:none;display:grid;justify-items:center;gap:2px;min-height:56px;font:inherit;font-size:11.5px;font-weight:700;color:#64748B;cursor:pointer;border-radius:10px}
  .ad-bottom button[aria-current=page]{color:#0F2C59;background:#EFF6FF}
  #intern{padding-bottom:84px}
}
@media (max-width:600px){
  .ad-sticky h1{font-size:18px}
  .ad-segctl button{padding:0 8px;font-size:12.5px}
  .ad-out{min-height:40px;padding:0 10px;font-size:13px}
  .ad-note{display:none}
}
/* Not-Aus */
.panic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.panic-card{border:1px solid #FECACA;background:#FFF7F7;border-radius:14px;padding:14px;display:grid;gap:8px}
.panic-card.hard{border-color:#FCA5A5;background:#FEF2F2}
.panic-card p{margin:0;font-size:14px;color:#475569;line-height:1.5}
.panic-1{background:#B45309!important;border-color:#B45309!important}.panic-2{background:#991B1B!important;border-color:#991B1B!important}
.panic-act{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.panic-grid{grid-template-columns:1fr}}
/* Partner-Karten */
.pc-bar{display:grid;gap:8px;margin:10px 0}
.pc-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.pc-chips::-webkit-scrollbar{display:none}
.pc-chips button{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #CBD5E1;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#334155;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.pc-chips button b{font-size:12px;background:#F1F5F9;border-radius:999px;padding:1px 7px}
.pc-chips button[aria-pressed=true]{background:#0F2C59;color:#fff;border-color:#0F2C59}.pc-chips button[aria-pressed=true] b{background:rgba(255,255,255,.2)}
.pc-batch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-radius:12px;background:#FEF2F2;border:1px solid #FECACA;position:sticky;top:116px;z-index:20}
.pc-batch span{font-weight:700;color:#7F1D1D;margin-right:auto}
.pc-del{background:#991B1B;color:#fff;border-color:#991B1B}
.pc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.pc{border:1px solid #E2E8F0;border-radius:16px;background:#fff;padding:14px;display:grid;gap:10px;align-content:start}
.pc.on{border-color:#DC2626;box-shadow:0 0 0 2px #FECACA}
.pc-h{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}
.pc-h strong{display:block;font-size:16px;color:#0F2C59;line-height:1.3}.pc-h small{display:block;font-size:12.5px;color:#64748B;text-transform:none;letter-spacing:0}
.pc-sel{display:grid;place-items:center;width:28px;height:28px}.pc-sel input{width:20px;height:20px}
.pc-meta{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.pc-meta div{min-width:0}.pc-meta dt{font-size:11.5px;color:#64748B;font-weight:600}.pc-meta dd{margin:0;font-size:13.5px;color:#0F172A;overflow-wrap:anywhere}
.pc-meta small{text-transform:none;letter-spacing:0;color:#64748B;font-size:12px}
.pc-lock{margin:0;font-size:13px;color:#991B1B;background:#FEF2F2;border-radius:8px;padding:6px 10px}
.pc-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pc-act .btn{min-height:44px}
.pc-menu{position:relative}.pc-menu summary{list-style:none;cursor:pointer}.pc-menu summary::-webkit-details-marker{display:none}
.pc-menu-in{position:absolute;right:0;top:calc(100% + 6px);z-index:25;min-width:230px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.16);padding:6px;display:grid}
.pc-menu-in button{border:0;background:none;text-align:left;font:inherit;font-size:14.5px;padding:0 12px;min-height:44px;border-radius:8px;cursor:pointer;color:#0F172A}
.pc-menu-in button:hover{background:#F1F5F9}.pc-menu-in .pc-danger{color:#B91C1C}
@media(max-width:600px){.pc-list{grid-template-columns:1fr}.pc-menu-in{left:0;right:auto}}
.live-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.live-h h2{margin:0 0 4px}
.live-h .btn{min-height:48px}
.live-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.live-list li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid #E2E8F0;border-radius:12px}
.live-list strong{display:block;font-size:14.5px}.live-list small{display:block;font-size:13px;color:#475569;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.st-res{margin:10px 0 0;font-weight:700}.st-res.ok{color:#166534}.st-res.bad{color:#B91C1C}.st-res:empty{display:none}
/* Audit-Protokoll */
.aud-h{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.aud-h h2{margin:0}
.aud-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.aud-list li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 12px;border:1px solid #E2E8F0;border-left:4px solid #94A3B8;border-radius:10px;background:#fff}
.aud-list li.aud-sec{border-left-color:#DC2626}.aud-list li.aud-b2b{border-left-color:#0284C7}.aud-list li.aud-user{border-left-color:#0284C7}.aud-list li.aud-fin{border-left-color:#16A34A}
.aud-list time{font-size:12.5px;color:#64748B;font-variant-numeric:tabular-nums}
.aud-main{display:grid;gap:3px;min-width:0}.aud-main strong{font-size:14.5px;color:#0F172A}
.aud-who,.aud-tgt{font-size:13px;color:#475569;overflow-wrap:anywhere}.aud-who i{font-style:normal;font-size:11px;font-weight:800;background:#F1F5F9;border-radius:6px;padding:1px 6px;margin-right:6px;color:#334155}
.aud-det{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.aud-kv{font-size:12px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:6px;padding:2px 6px;color:#334155;overflow-wrap:anywhere}.aud-kv b{color:#64748B;font-weight:600}
@media(max-width:600px){.aud-list li{grid-template-columns:1fr;gap:4px}}
.b2b-login-hint{margin:-8px 0 18px;font-size:14.5px;color:#BAE6FD}.b2b-login-hint a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Etappe 1: 'Heute zu tun' fließt horizontal; Texte brechen nur zwischen Wörtern */
.todo,.todo-list,.todo-list li{width:100%;max-width:100%;min-width:0}
.todo-list a>span,.todo-list a>div{min-width:0}
.todo-list strong,.todo-list small{overflow-wrap:break-word;word-break:normal;hyphens:none;-webkit-hyphens:none}
.pt-grid2>*,.pt-kpis>*{min-width:0}
.todo-list li.empty p{margin:0 0 10px}.todo-empty-a{display:flex;flex-wrap:wrap;gap:8px}.todo-empty-a .btn{flex:1 1 180px;justify-content:center;min-height:44px;white-space:normal;text-align:center}

.pt-empty .todo-empty-a{justify-content:center;margin-top:10px}
/* Etappe 1: Kopfzeile in allen Portalen – Logo + Ebene immer sichtbar (am Handy oben fixiert) */
.pt-top-brand{display:none;align-items:center;gap:6px;font-weight:800;font-size:17px;color:#0F2C59;text-decoration:none;min-height:44px;flex:none}
.pt-top-brand span span{color:#0284C7}
.pt-top-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pt-top-k{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0284C7}
.pt-top .pt-top-t h1{flex:none;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){
  .pt-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:nowrap;gap:10px;padding:8px 14px;min-height:56px}
  .pt-top-brand{display:inline-flex}.pt-top-brand span{display:none}
  .pt-top .pt-top-t h1{font-size:17px;line-height:1.2}
  .pt-top-k{font-size:10.5px}
  .pt-top .st{display:none}
  .pt-top .pt-br,.pt-top .pt-logout-m{min-height:44px;flex:none}
}
@media (max-width:420px){.pt-top .pt-br b,.pt-top .pt-br{font-size:0}.pt-top .pt-br span{font-size:18px}.pt-top .pt-br{padding:6px 10px;min-width:44px}}

/* Web-Admin: Logo + Ebene im Kopf */
.ad-brand{display:inline-flex;align-items:center;min-width:44px;min-height:44px;flex:none}
.ad-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ad-title h1{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-kicker{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0284C7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.ad-title h1{font-size:18px}}
.todo-list .todo-empty-a a.btn{display:inline-flex;grid-template-columns:none;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:10px 16px;border-radius:11px;font-weight:700;font-size:15px}
.todo-list .todo-empty-a a.btn-dark{background:#0F2C59;border-color:#0F2C59;color:#fff}
.todo-list .todo-empty-a a.btn-outline{background:#fff;color:#0F2C59;border:1px solid #0F2C59}
.todo-list .todo-empty-a a.btn:hover{background:#0B2246;color:#fff}.todo-list .todo-empty-a a.btn-outline:hover{background:#F0F9FF;color:#0F2C59}
@media (max-width:900px){.pt-main>.pt-top:first-child{margin-top:0}}
/* Etappe 2: Drei Datenbereiche im Web-Admin (B2C · B2B · System) – farblich klar unterscheidbar */
.ad-segctl.ad-segctl3{grid-template-columns:repeat(3,auto)}
body[data-ad-seg=b2c] .ad-segctl button[aria-pressed=true]{background:#0284C7;color:#fff}
body[data-ad-seg=system] .ad-segctl button[aria-pressed=true]{background:#334155;color:#fff}
.ad-scope-band{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 6px;padding:8px 12px;border-radius:10px;font-size:13.5px;color:#334155;background:#F0F9FF;border:1px solid #BAE6FD}
.ad-scope-band strong{color:#0F2C59}
.ad-scope-dot{width:10px;height:10px;border-radius:50%;background:#0284C7;flex:none}
.ad-scope-band[data-seg=b2b]{background:#F0F9FF;border-color:#BAE6FD}.ad-scope-band[data-seg=b2b] .ad-scope-dot{background:#0F2C59}
.ad-scope-band[data-seg=system]{background:#F1F5F9;border-color:#CBD5E1}.ad-scope-band[data-seg=system] .ad-scope-dot{background:#334155}
@media (max-width:640px){.ad-segctl3 button span{display:none}.ad-segctl.ad-segctl3{margin-left:0}}
/* Admin-Kopf am Handy: Logo + Ebene in Zeile 1, Bereichsumschalter volle Breite in Zeile 2 */
@media (max-width:640px){
  .ad-head.ad-sticky{flex-wrap:wrap;row-gap:8px}
  .ad-head .ad-title{order:1;flex:1 1 0}.ad-head .ad-brand{order:0}.ad-head .ad-out{order:2;min-height:40px;padding:0 12px}
  .ad-head .ad-segctl.ad-segctl3{order:3;flex:1 1 100%;display:grid;grid-template-columns:repeat(3,1fr);margin:0}
  .ad-segctl3 button span{display:inline}
}
.ad-bottom{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important}
.fa-dual{margin-top:16px;border-top:1px solid #E2E8F0;padding-top:14px}.fa-dual h3{margin:0 0 10px;font-size:16px;color:#0F2C59}
.fa-dual-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fa-dl{display:grid;gap:4px;text-align:left;padding:14px;border:1px solid #CBD5E1;border-radius:12px;background:#fff;color:#0F172A;text-decoration:none;cursor:pointer;font:inherit;min-height:44px}
.fa-dl:hover{border-color:#0284C7;background:#F0F9FF}.fa-dl b{color:#0F2C59;font-size:15px}.fa-dl span{font-size:13px;color:#475569}.fa-dl:disabled{opacity:.6}
@media (max-width:640px){.fa-dual-g{grid-template-columns:1fr}}
/* Etappe 6: B2B-Tarifseite – ROI aus eigenen Werten, Rechtssicherheit, VIES */
.roi-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roi-in label{display:grid;gap:4px;font-size:13px;font-weight:600;color:#334155}
.roi-in input{border:1px solid #CBD5E1;border-radius:10px;padding:9px 11px;min-height:44px}
.roi-big{margin:12px 0 6px;font-size:16px;color:#0F172A}.roi-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.roi-l li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;border:1px solid #E2E8F0;border-radius:10px}.roi-l small{grid-column:1/-1;color:#64748B;font-size:12.5px;text-transform:none;letter-spacing:0}
.roi-l b.ok{color:#15803D}.roi-l b.warn{color:#B45309}
.trust-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.trust-l li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#F8FAFC;border:1px solid #E2E8F0}
.trust-l b{color:#0F2C59;font-size:14px}.trust-l span{font-size:13px;color:#475569}
@media (max-width:700px){.roi-in,.trust-l{grid-template-columns:1fr}}
.roi-res{display:block;width:100%}
.acc-f{display:grid;gap:12px;padding:20px}.acc-f h2{margin:0;color:#0F2C59}.acc-t{border:1px solid #E2E8F0;border-radius:12px;padding:10px 12px;display:grid;gap:8px}
.acc-t .chk{align-items:flex-start;line-height:1.45}.acc-f label{display:grid;gap:4px;font-size:13.5px;font-weight:600;color:#334155}.acc-f .chk{display:flex;gap:8px;font-weight:400}
.acc-f input[type=number],.acc-f input[type=date],.acc-f textarea{border:1px solid #CBD5E1;border-radius:8px;padding:8px 10px;font:inherit}

/* Branche wechseln: in der Seitenleiste statt in der Kopfzeile */
.pt-br-side{display:block;width:100%;margin:8px 0 4px;padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer}
.pt-br-side:hover{background:rgba(255,255,255,.16)}
/* Handy: Hinweis auf Tablet/Computer; Präsentationsmodus erst ab 768px */
.pt-mobile-hint{display:none}
@media (max-width:767px){
  .pt-mobile-hint{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border:1px solid #BAE6FD;border-radius:12px;background:#F0F9FF;color:#0C4A6E;font-size:14px;line-height:1.5}
  .pt-pres-btn,.pt-pres-x{display:none!important}
}
.ad-h-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ad-h-row h2{margin:0}
.ad-mk-one{min-height:44px}
.ad-mk-tiles:has(>:only-child){grid-template-columns:1fr}
/* Web-Admin: Modulrechte je Unternehmenskonto */
.mod-list{display:grid;gap:10px;margin:12px 0}
.mod-row{border:1px solid #E2E8F0;border-radius:12px;padding:12px;margin:0;display:grid;gap:10px}
.mod-row legend{display:grid;gap:2px;padding:0;float:left;width:100%}.mod-row legend small{color:#64748B;font-size:13px;font-weight:400}
.mod-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;clear:both}
.mod-opt{position:relative;display:block;margin:0}
.mod-opt input{position:absolute;opacity:0;inset:0}
.mod-opt span{display:grid;place-items:center;min-height:40px;border-radius:7px;font-size:13.5px;font-weight:600;color:#64748B;cursor:pointer}
.mod-opt input:checked+span{background:#fff;color:#0F2C59;box-shadow:0 1px 3px rgba(15,23,42,.14)}
.mod-opt input[value=off]:checked+span{color:#991B1B}.mod-opt input[value=on]:checked+span{color:#166534}
.mod-opt input:focus-visible+span{outline:2px solid #0284C7;outline-offset:1px}
/* Web-Admin: nur eine Kopfzeile – die Website-Kopfzeile verschwindet, sobald der Admin-Kopf steht */
body.intern:has(.ad-head)>header.site-header{display:none}
body.intern:has(.ad-head) main{padding-top:0}
.ad-brand{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:800;font-size:17px;color:#0F2C59}
.ad-brand span span{color:#0284C7}
@media (max-width:520px){.ad-brand span{display:none}}

/* Web-Admin: einheitliche Lade-, Fehler- und Leer-Zustände */
.ad-skel{display:grid;gap:14px}
.ad-skel-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.ad-skel-kpis span,.ad-skel-card i{display:block;border-radius:8px;background:linear-gradient(90deg,#EEF2F7 25%,#F8FAFC 37%,#EEF2F7 63%);background-size:400% 100%}
.ad-skel-kpis span{height:84px;border-radius:12px}
.ad-skel-card{display:grid;gap:12px;padding:18px;border:1px solid #E2E8F0;border-radius:12px}
.ad-skel-card i{height:14px}.ad-skel-card i.w40{width:40%;height:18px}.ad-skel-card i:nth-child(odd):not(.w40){width:88%}
@media (prefers-reduced-motion:no-preference){.ad-skel-kpis span,.ad-skel-card i{animation:ad-shim 1.4s ease infinite}}
@keyframes ad-shim{0%{background-position:100% 50%}100%{background-position:0 50%}}
.ad-state{display:grid;justify-items:center;gap:6px;text-align:center;padding:32px 18px;border:1px dashed #CBD5E1;border-radius:12px;background:#F8FAFC;color:#64748B}
.ad-state svg{color:#94A3B8}.ad-state strong{color:#0F2C59;font-size:15.5px}.ad-state span{font-size:14px;max-width:46ch}
.ad-state.err{border-style:solid;border-color:#FECACA;background:#FEF2F2}.ad-state.err svg{color:#DC2626}
.ad-state .btn{margin-top:8px;min-height:44px}
/* Nutzerliste und Vorschläge: Filter + Sortierung */
.us-tools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:end;justify-content:space-between;margin:4px 0 12px}
.us-sort{display:grid;gap:4px;font-size:12.5px;font-weight:600;color:#64748B}
.us-sort select{min-height:44px;padding:0 10px;border:1px solid #CBD5E1;border-radius:8px;background:#fff;font:inherit;font-size:14px;color:#0F2C59}
.fb-sort{margin:4px 0 12px;max-width:280px}
.us-card[hidden]{display:none}
.ad-subtabs button:focus-visible,.ad-tabs button:focus-visible,.ad-bottom button:focus-visible,.ad-segctl button:focus-visible{outline:3px solid #0284C7;outline-offset:2px}
/* Tarifkarten: Buchungsknopf bricht sauber um, Symbol bleibt im Knopf; § 14 BGB-Häkchen bündig zum Text */
.offer{min-width:0}
.offer .btn-pay{display:block;width:100%;max-width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.3;padding:11px 16px;min-height:48px;height:auto;overflow-wrap:anywhere;text-wrap:balance}
.offer .btn-pay::before{display:inline-block;vertical-align:-3px;margin-right:8px}
label.consent.b2b-terms{display:grid!important;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;position:static}
label.consent.b2b-terms>input[type="checkbox"]{position:static;width:20px;height:20px;margin:2px 0 0}
/* Portal-Hintergrund ohne Kartenrahmen (Klasse .is-portal wird auch für Karten genutzt) – Fußzeile über die volle Breite */
body.is-portal{padding:0;border:0;border-radius:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body.is-portal>#portal{flex:1 0 auto}

/* /b2b: ein einziger Hero (dunkel) – Seitentitel als kleine Überzeile, Branchenwahl, eine Hauptaussage */
.b2b-x h2#rbH{font-family:inherit;font-weight:800;letter-spacing:-.02em}
body .b2b-x h1.b2b-h1{font-family:inherit;font-size:12.5px;font-weight:800;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:#7DD3FC;margin:0 0 14px;max-width:none}
.b2b-x .b2b-cta-main{background:#fff;color:#0F2C59;box-shadow:0 10px 30px rgba(2,6,23,.25)}
.b2b-x .b2b-cta-main:hover{background:#E0F2FE;color:#0F2C59}
.b2b-login-hint a{text-decoration-thickness:1px}
.b2b-cta-link{text-decoration-thickness:1px}
@media (max-width:760px){
  .b2b-x{padding-top:24px}
  .b2b-x .b2b-exec-txt,.b2b-x .b2b-exec-grid>*{min-width:0}
  .rb-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:2px 14px 4px;scroll-padding:0 14px}
  .rb-chips::-webkit-scrollbar{display:none}
  .rb-chips button{flex:none;min-height:40px;font-size:13.5px;padding:0 14px}
  .b2b-x h2,.b2b-x h2#rbH{font-size:clamp(26px,7.2vw,31px);line-height:1.15;letter-spacing:-.01em;margin:18px 0 12px}
  .b2b-x .b2b-exec-txt>p{font-size:16px}
  .b2b-x .b2b-cta-main{width:100%;justify-content:center;font-size:16px}
  .b2b-cta-link,.b2b-login-hint{font-size:15px}
}

/* Kopfzeile: Branchen-Knopf („Ansicht“) neben Abmelden – öffnet das Auswahlmenü */
.pt-brh{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:4px 10px 4px 8px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;color:#0F2C59;font:inherit;cursor:pointer;margin-left:auto}
.pt-brh:hover{background:#F0F9FF;border-color:#0284C7}
.pt-brh-i{font-size:20px;line-height:1}
.pt-brh-t{display:grid;text-align:left;line-height:1.15}
.pt-brh-t small{font-size:10.5px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.05em}
.pt-brh-t b{font-size:13.5px;font-weight:800;color:#0F2C59;white-space:nowrap}
.pt-brh-l{color:#64748B}
.pt-top .pt-brh~.pt-logout-m{margin-left:0}
@media (max-width:360px){.pt-brh-t{display:none}.pt-brh{padding:4px 8px;gap:4px}}
/* Auswahlmenü */
.br-dlg .ad-dlg-in{max-width:760px}
.br-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px;margin:12px 0;max-height:min(62vh,640px);overflow:auto;padding:2px}
.br-opt{display:grid;gap:8px;text-align:left;padding:14px;border:1.5px solid #E2E8F0;border-radius:14px;background:#fff;cursor:pointer;font:inherit;color:#0F2C59}
.br-opt:hover{border-color:#7DD3FC}
.br-opt.on{border-color:#0284C7;box-shadow:0 0 0 3px #E0F2FE;background:#F8FCFF}
.br-opt-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}
.br-opt-i{font-size:26px;line-height:1}
.br-opt-h strong{display:block;font-size:16px}.br-opt-h small{display:block;font-size:13px;color:#64748B;text-transform:none;letter-spacing:0}
.br-opt-h em{font-style:normal;font-size:11.5px;font-weight:800;color:#047857;background:#DCFCE7;border-radius:999px;padding:3px 8px}
.br-opt ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13.5px;color:#334155;line-height:1.45}
.br-opt ul b{color:#0F2C59}
.br-opt-r{display:flex;flex-wrap:wrap;gap:4px}.br-opt-r i{font-style:normal;font-size:11.5px;color:#475569;background:#F1F5F9;border-radius:6px;padding:2px 6px}
.br-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:sticky;bottom:0;background:#fff;padding-top:8px}
.br-foot .btn{min-height:46px}

/* ---------- Kopfleiste und Tab-Leisten (Korrektur Okt. 2026) ---------- */
@media (max-width:900px){
  /* Ansicht-Knopf und Abmelden gleich hoch, gleicher Stil */
  .pt-top .pt-brh{min-height:40px;height:40px;padding:0 10px 0 8px}
  .pt-top .pt-logout-m{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-height:40px;border-radius:10px;border:1px solid #CBD5E1;background:#fff;color:#0F2C59;font-size:13px;font-weight:700;padding:0 12px;margin:0;flex:none}
  .pt-top .pt-logout-m svg{display:none}
  .pt-top-k{white-space:nowrap}
  /* Admin: Tab-Leiste passt sich der Zahl der Bereiche an */
  .ad-bottom{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .ad-out svg{display:none}
}
@media (max-width:480px){
  .pt-top .pt-logout-m,.ad-out{width:40px;padding:0;justify-content:center}
  .pt-top .pt-logout-m svg,.ad-out svg{display:block}
  .pt-top .pt-logout-m span,.ad-out span{display:none}
  .ad-out{display:inline-flex;align-items:center}
}
@media (min-width:481px){.ad-out svg{display:none}}
/* Kennzahl-Kacheln: lange Werte („unbegrenzt“) umbrechen statt überlaufen */
.pt-kpi strong{overflow-wrap:anywhere;font-size:clamp(17px,5vw,22px)}
.pt-gate-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.pt-gate-tabs button{white-space:normal;line-height:1.2;min-width:0}
@media (min-width:361px){.pt-top .pt-top-k{text-transform:uppercase;color:#0284C7;letter-spacing:.06em;font-size:10.5px;font-weight:700}}
/* Anmeldung Web-Admin: Logo steht schon in der Kopfzeile – nicht doppelt in der Karte */
body.intern .area-login>.pt-brand{display:none}
/* Software-Tools im Portal: gleicher Kachel-Stil wie im Privatbereich (Auswahl, Tool öffnet erst beim Antippen) */
.pg-tile{position:relative;padding:14px 40px 14px 16px;min-height:64px;align-content:center;box-shadow:0 1px 2px rgba(15,23,42,.04);-webkit-tap-highlight-color:transparent}
.pg-tile::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid #94A3B8;border-top:2px solid #94A3B8;transform:translateY(-50%) rotate(45deg);transition:transform .15s}
.pg-tile.on{background:#F0F9FF;border-color:#0284C7;box-shadow:0 0 0 2px rgba(2,132,199,.15)}
.pg-tile.on::after{border-color:#0284C7;transform:translateY(-70%) rotate(135deg)}
.pg-tile strong{font-size:15.5px;line-height:1.25}.pg-tile span{font-size:12.5px;line-height:1.35;color:#64748B}
@media (max-width:900px){.pg-list{grid-template-columns:1fr;gap:8px}}
/* Kachel-Auswahl in den Portal-Bereichen (b2b-portal.mjs tileView) */
#ptView>.pt-card.tl-off{display:none!important}
#ptView>.pt-tiles{margin:0 0 14px}
/* Beratungskompass: Inhalte in aufgeklappten Abschnitten mit Innenabstand (alle Branchen-Layouts) */
.bw-acc>:not(summary):not(ul){margin-left:16px;margin-right:16px}
.bw-acc[open]>:last-child{margin-bottom:16px}
.bw-acc[open]>summary{border-bottom:1px solid #E2E8F0;margin-bottom:12px}
.bw-sf{padding:12px 0}.bw-sf strong{font-size:16px}.bw-sf p{font-size:14px}
.bw-sf-a{font-size:14px!important;font-weight:600!important}
.bw-acc .bw-table{width:auto}
/* Hinweis-Meldung darf die Tab-Leiste nie blockieren (unsichtbar = nicht antippbar) und sitzt am Handy über der Leiste */
.pt-toast{pointer-events:none;max-width:calc(100vw - 32px)}
.pt-toast.on{pointer-events:auto}
@media (max-width:900px){.pt-toast{bottom:calc(84px + env(safe-area-inset-bottom))}}

/* ---------- Portal v2: Begrüßung, Fall-Kennzahlen, letzte Fälle, Einladungs-Workflow, Login-Hinweis ---------- */
.pt-hello{margin:4px 0 14px}
.pt-hello h2{margin:0;font-size:clamp(22px,2.6vw,28px);color:#0F2C59;letter-spacing:-.01em}
.pt-hello p{margin:2px 0 0;color:#64748B;font-weight:600}
.pt-case-kpis .pt-kpi strong{font-size:30px;font-variant-numeric:tabular-nums}
.pt-kpi-err{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pt-sec-h{margin:26px 0 10px;font-size:17px;color:#475569}
.todo-more{margin:12px 0 0}
.lc-list{list-style:none;margin:0;padding:0;display:grid}
.lc-list li a{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(120px,180px) auto;gap:14px;align-items:center;padding:12px 4px;border-top:1px solid #E2E8F0;color:#1E293B;min-height:44px}
.lc-list li:first-child a{border-top:0}
.lc-list li a:hover{background:#F8FAFC}
.lc-n strong{display:block;color:#0F2C59}
.lc-n small{display:block;text-transform:none;letter-spacing:0;font-size:13px;color:#64748B}
.lc-p{display:flex;align-items:center;gap:8px}
.lc-p .pipe-bar{flex:1}
.lc-p b{font-size:13px;color:#334155;font-variant-numeric:tabular-nums;min-width:38px;text-align:right}
.lc-list em{font-style:normal;color:#94A3B8}
.pt-empty{border:2px dashed #CBD5E1;border-radius:14px;padding:22px;text-align:center;color:#475569}
.pt-empty strong{display:block;font-size:18px;color:#0F2C59}
.pt-empty p{margin:4px 0 14px}
.pt-empty .todo-empty-a{justify-content:center}
.kd-flow{list-style:none;margin:6px 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kd-flow li{display:flex;gap:10px;align-items:center;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;color:#334155}
.kd-flow b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#E0F2FE;color:#0369A1;flex:0 0 auto}
.kd-form2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:end}
.kd-form2 label{display:grid;gap:6px;font-weight:600;font-size:14px;color:#1E293B}
.kd-form2 label small{display:inline;text-transform:none;letter-spacing:0;font-size:12px;color:#64748B}
.kd-form2 input[type=email],.kd-form2 input[type=text]{min-height:46px}
.kd-form2 .kd-consent{grid-column:1/-1;display:flex;font-weight:400}
.kd-form2 button{justify-self:start;min-height:46px}
.kd-sent .st{margin-left:6px;vertical-align:middle}
.kd-inv li .st{margin-left:auto;margin-right:10px}
.pt-sec-note{display:flex;gap:8px;align-items:flex-start;margin:18px 0 0;padding:12px 14px;background:#F1F5F9;border-radius:10px;font-size:13.5px;color:#475569}
.pt-sec-note svg{flex:0 0 auto;margin-top:2px;color:#0369A1}
@media(max-width:760px){
  .lc-list li a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n s" "p p";row-gap:8px}
  .lc-n{grid-area:n}.lc-list .st{grid-area:s}.lc-p{grid-area:p}.lc-list em{display:none}
  .kd-flow,.kd-form2{grid-template-columns:1fr}
  .kd-form2 button{justify-self:stretch}
  .kd-inv li{flex-wrap:wrap}
}
.lc-list .st:not(.ok):not(.warn):not(.bad),.kd-inv .st,.kd-sent .st{background:#E0F2FE;color:#0F2C59}
.kd-opt{font-weight:400;color:#64748B;font-size:13px}

/* ---------- Portal v3: Arbeitszentrale ---------- */
.pt-mobile-hint{display:flex;gap:8px;align-items:center}
.pt-mobile-hint svg{flex:0 0 auto;color:#0369A1}
.pt-skel strong{display:block;height:30px;border-radius:6px;background:linear-gradient(90deg,#EEF2F6,#F8FAFC,#EEF2F6);background-size:200% 100%;animation:ptSk 1.2s infinite}
@keyframes ptSk{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.pt-skel strong{animation:none}}
.pt-kpi-link{text-decoration:none;color:inherit;transition:border-color .15s}
.pt-kpi-link:hover{border-color:#0284C7}
.pt-kpi-zero{font-size:15px!important;font-weight:700;color:#64748B;line-height:1.3;padding:7px 0}
.pt-kpi-sm{font-size:16px!important;line-height:1.3}
/* Aufgaben mit eigener Aktion je Zeile */
.todo-list .todo-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:10px 14px;border-radius:12px;border:1px solid #E2E8F0;background:#fff}
.todo-list .todo-row>span{min-width:0}
.todo-list .todo-row a.btn{display:inline-flex;width:auto;min-height:40px;padding:6px 12px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;color:#0F2C59;font-weight:700;white-space:nowrap}
.todo-list .todo-row a.btn:hover{border-color:#0284C7;background:#F0F9FF}
.todo-done{display:flex;gap:12px;align-items:center;padding:16px!important;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px}
.todo-done svg{color:#16A34A;flex:0 0 auto}
.todo-done strong{color:#166534}
.todo-done p{margin:2px 0 0;color:#475569}
.pt-h2s{margin:0 0 12px}
.pt-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pt-quick a{display:flex;gap:10px;align-items:center;min-height:56px;padding:12px 14px;border:1px solid #E2E8F0;border-radius:12px;background:#F8FAFC;color:#0F2C59;font-weight:700;text-decoration:none}
.pt-quick a:hover{border-color:#0284C7;background:#F0F9FF}
.pt-quick svg{color:#0369A1;flex:0 0 auto}
.pt-tools-row{margin:12px 0 0;font-size:14px;color:#475569}
.pt-tools-row span{font-weight:700}
/* Fälle */
.fc-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.fc-lead{margin:0;max-width:640px}
.fc-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.fc-search{flex:1 1 240px}
.fc-search input{width:100%;min-height:44px;border:1px solid #CBD5E1;border-radius:10px;padding:0 12px;font:inherit}
.fc-seg{flex:0 1 auto;flex-wrap:wrap}
.seg button b{font-weight:800;color:#0369A1;margin-left:2px}
.fc-table{width:100%;border-collapse:collapse;font-size:14.5px}
.fc-table th,.fc-table td{text-align:left;padding:10px 12px;border-top:1px solid #EEF2F6;background:transparent;color:#334155;vertical-align:middle;font-weight:400}
.fc-table thead th{border-top:0;font-size:12.5px;font-weight:700;color:#64748B}
.fc-table tbody th strong{display:block;color:#0F2C59}
.fc-table tbody th small{display:block;text-transform:none;letter-spacing:0;font-size:12.5px;color:#64748B}
.fc-table .lc-p{min-width:130px}
.fc-dlg{width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 32px);border:0;border-radius:18px;padding:0;box-shadow:0 30px 80px rgba(2,6,23,.35);margin:auto 0 auto auto;height:calc(100vh - 32px);margin-right:16px}
.fc-dlg::backdrop{background:rgba(15,23,42,.45)}
.fc-d{padding:22px;display:grid;gap:16px}
.fc-dh{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:start}
.fc-dh small{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:#64748B}
.fc-dh h2{margin:2px 0 0;font-size:22px;color:#0F2C59}
.fc-dh p{margin:2px 0 0;color:#64748B;font-size:14px}
.fc-next{border-radius:14px;padding:16px;background:#F0F9FF;border:1px solid #BAE6FD;display:grid;gap:6px;justify-items:start}
.fc-next.warn{background:#FFFBEB;border-color:#FDE68A}
.fc-next small{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:#64748B}
.fc-next strong{font-size:18px;color:#0F172A}
.fc-next p{margin:0 0 6px;color:#475569}
.fc-comp-h{display:flex;justify-content:space-between;font-weight:700;color:#0F2C59;margin-bottom:6px}
.fc-comp-h b{font-size:22px}
.fc-bar{height:10px}
.fc-comp>small{display:block;margin-top:6px;text-transform:none;letter-spacing:0;font-size:12.5px;color:#64748B}
.fc-comp h3{margin:14px 0 6px;font-size:15px}
.fc-open{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fc-open li{display:flex;gap:10px;align-items:center;font-size:14.5px}
.fc-open em{font-style:normal;font-size:11.5px;font-weight:800;color:#854D0E;background:#FEF9C3;border-radius:99px;padding:2px 8px}
.fc-ok{color:#166534;margin:10px 0 0}
.fc-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.fc-kv div{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;padding:8px 10px}
.fc-kv dt{font-size:12px;color:#64748B}
.fc-kv dd{margin:2px 0 0;font-weight:700;color:#0F2C59}
.fc-acts h3{margin:0 0 8px;font-size:15px}
.fc-act-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fc-act-grid .btn{width:100%;white-space:normal;text-align:center}
/* Beratungskompass-Kopf */
.bw-head h2{margin:0 0 4px}
.bw-ctx{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:10px;background:#F0F9FF;border:1px solid #BAE6FD}
.bw-ctx span{flex:1 1 auto}
/* Kunden */
.kd-rcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:10px 0}
.kd-rcard{display:grid;gap:6px;align-content:start;border:1px solid #E2E8F0;border-radius:12px;padding:14px;background:#fff}
.kd-rcard strong{color:#0F2C59}
.kd-rcard>span:not(.st){font-size:14px;color:#475569}
.kd-rcard .st{justify-self:start;margin:0}
.kd-rcard .btn{justify-self:start}
.kd-radar-off{margin:8px 0}
.kd-radar-note{font-size:12.5px}
.kd-tools{margin:8px 0 14px}
.kd-open{width:100%;margin-top:8px}
.pt-lead-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
/* Verifizierung */
.vf-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.vf-h h2{margin:0}
.vf-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0}
.vf-dl div{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;padding:10px 12px}
.vf-dl dt{font-size:12px;color:#64748B}
.vf-dl dd{margin:2px 0 0;font-weight:700;color:#0F2C59;font-size:14.5px}
.tf-none{background:#FFFBEB;border:1px solid #FDE68A;border-radius:10px;padding:10px 12px}
.tf-act{margin:0 0 4px}
.roi-card h2 .st{vertical-align:middle;font-size:12px}
/* Fall-Analyse */
details.fa-priv>summary{cursor:pointer;list-style:none}
details.fa-priv>summary::-webkit-details-marker{display:none}
details.fa-priv>summary::after{content:" Mehr";color:#0369A1;font-weight:700}
details.fa-priv[open]>summary::after{content:" Weniger"}
details.fa-priv p{margin:8px 0 0}
.fa-q{display:inline-block;margin:4px 0 0;font-size:11.5px}
.fa-xc-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fa-xc-l>li{display:flex;gap:12px;align-items:flex-start;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px}
.fa-xc-l>li.warn{background:#FFFBEB;border-color:#FDE68A}
.fa-xc-l>li .st{flex:0 0 auto;margin:0}
.fa-xc-l details summary{cursor:pointer;color:#0369A1;font-weight:700;font-size:14px;margin-top:4px}
.fa-xc-l details ul{margin:6px 0;padding-left:18px;font-size:14px}
@media(max-width:900px){.pt-quick{grid-template-columns:1fr 1fr}.vf-dl,.fc-kv{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .fc-dlg{margin:auto;height:auto;max-height:calc(100vh - 24px)}
  .fc-table thead{display:none}
  .fc-table,.fc-table tbody,.fc-table tr,.fc-table th,.fc-table td{display:block;width:100%}
  .fc-table tr{border:1px solid #E2E8F0;border-radius:12px;padding:10px 12px;margin-bottom:10px;background:#fff}
  .fc-table th,.fc-table td{border:0;padding:4px 0}
  .fc-table td[data-label]{display:flex;justify-content:space-between;gap:12px}
  .fc-table td[data-label]::before{content:attr(data-label);color:#64748B;font-size:12.5px;font-weight:600}
  .fc-table td:last-child .btn{width:100%;margin-top:6px}
  .fc-act-grid{grid-template-columns:1fr}
  .todo-list .todo-row{grid-template-columns:14px minmax(0,1fr)}
  .todo-list .todo-row a.btn{grid-column:2;justify-self:start}
}
@media(max-width:420px){.pt-quick,.vf-dl,.fc-kv{grid-template-columns:1fr}}
.bw-ctx{margin:0 0 12px}
@media(max-width:760px){.fc-table td[data-label]{text-align:right;overflow-wrap:anywhere}.fc-table td[data-label]::before{flex:0 0 auto;text-align:left}}
/* Platz vorab reservieren, damit beim Laden nichts springt */
#portal{min-height:100vh}
.pt-skel-row{height:58px;border-radius:12px;margin-bottom:8px;background:linear-gradient(90deg,#EEF2F6,#F8FAFC,#EEF2F6);background-size:200% 100%;animation:ptSk 1.2s infinite;list-style:none}
@media(prefers-reduced-motion:reduce){.pt-skel-row{animation:none}}
/* Seitenleiste kompakter, damit Abmelden auch bei 900 px Höhe sichtbar bleibt */
@media(min-width:761px) and (max-height:1000px){.pt-side nav a{padding:7px 12px}.pt-side .pt-grp{padding:10px 12px 2px}.pt-tag{margin-bottom:10px}}
#ptView{min-height:calc(100vh - 90px)}
.pt-help{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;font-size:13px}
.pt-help a{color:#BFDBFE;text-decoration:none}
.pt-help a:hover{color:#fff;text-decoration:underline}
.todo-more-li{list-style:none}
@media(max-width:760px){.todo-list .pt-skel-row{height:96px}}
/* Fälle-Tabelle: passt in jede Breite, Aktion bleibt sichtbar */
#fcList{overflow-x:auto}
.fc-table td:last-child{white-space:nowrap;width:1%}
@media(max-width:1280px) and (min-width:761px){.fc-table th:nth-child(5),.fc-table td:nth-child(5){display:none}.fc-table .lc-p{min-width:100px}}
@media(max-width:760px){
  .fc-table td[data-label]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
  .fc-table td[data-label]>*{justify-self:end}
  .fc-table td:last-child{width:100%;white-space:normal}
}
@media(max-width:600px){.pt-top .pt-top-t h1{white-space:normal;overflow:visible;text-overflow:clip;font-size:16px}}
@media(max-width:760px){
  .fc-table td[data-label]{display:block;width:auto;max-width:100%;text-align:left;overflow-wrap:anywhere}
  .fc-table td[data-label]::before{display:block;margin-bottom:2px}
  .fc-table td[data-label]>*{justify-self:auto}
}
@media(max-width:760px){.fc-table th,.fc-table td{min-width:0!important}}

@media (max-width:360px){.pt-tabs a,.pt-tabs button{font-size:10.5px;letter-spacing:-.1px}}
.pt-tabs .pt-short{display:none}
@media (max-width:420px){.pt-tabs .pt-long{display:none}.pt-tabs .pt-short{display:inline}}

/* Einheitliche Knopfform (wie Website und Bezahlseite): Pillenform statt eckig. */
.btn,a.btn,button.btn,.btn-pay{border-radius:999px!important}

/* Fußzeile wie im Privatbereich: in der Inhaltsspalte, Seitenleiste läuft bis unten durch */
body:has(.pt-main .ia-legal-in-main)>footer.ia-legal-b2b{display:none}
.pt-main>.ia-legal .ia-legal-in{width:auto;padding:22px 28px 24px!important}
@media(min-width:901px){
  .pt-main{display:flex;flex-direction:column;min-height:100vh}
  .pt-main>.pt-liab{margin-bottom:40px}
  .pt-main>.ia-legal{margin:auto -28px -48px}
}
@media(max-width:900px){.pt-main>.ia-legal{margin:32px -14px 0}.pt-main>.ia-legal .ia-legal-in{padding-left:14px!important;padding-right:14px!important}}
.ia-copy{white-space:nowrap}
/* B2B-Hero im ImmoAdv-Fade-Stil (wie Startseite/KPI-Bänder) */
.b2b-exec.bx-hero{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 100% 0%,rgba(56,189,248,.34) 0%,rgba(56,189,248,0) 60%),radial-gradient(60% 70% at 0% 100%,rgba(2,132,199,.28) 0%,rgba(2,132,199,0) 65%),linear-gradient(140deg,#0F2C59 0%,#0B3B73 50%,#0369A1 100%)}
.b2b-exec.bx-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.06));pointer-events:none}
.b2b-exec.bx-hero>*{position:relative;z-index:1}
/* Pakete je Branche (öffentlich und im Portal) */
.br-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.br-tabs button{font:inherit;font-size:14px;font-weight:700;padding:9px 16px;border-radius:999px;border:1.5px solid #CBD5E1;background:#fff;color:#0F2C59;cursor:pointer}
.br-tabs button[aria-selected="true"]{background:#0F2C59;border-color:#0F2C59;color:#fff}
.br-desc{margin:0 0 14px;color:#475569}
.br-lock{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border:1px solid #BAE6FD;background:#F0F9FF;border-radius:12px;margin:0 0 14px;font-size:14px;color:#0F2C59}
.br-lock strong{font-weight:800}
.br-add{display:grid;gap:8px;padding:14px;border:1px dashed #94A3B8;border-radius:14px;margin:14px 0 0}
.br-add label{display:flex;gap:8px;align-items:center;font-size:14px}
.offer-price.offer-price-txt{font-size:22px!important;line-height:1.3!important}
.offer-price .op-v{transition:color .2s}.offer-price-up .op-v{color:#0369A1}.offer-extra{margin:-4px 0 8px;font-size:12.5px}
/* Aktueller Abopreis im Tarif-Bereich (nach Dazubuchen sofort aktualisiert) */
.tf-price{margin:10px 0 12px;padding:12px 14px;border:1px solid #E2E8F0;border-radius:12px;background:#F8FAFC}
.tf-price-main strong{font-size:1.35rem;letter-spacing:-.01em}
.tf-price-main small{color:#475569}
.tf-price-new{animation:tfPulse 1.6s ease-out 1}
@keyframes tfPulse{0%{background:#DCFCE7}100%{background:transparent}}
.tf-lines{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:4px}
.tf-lines li{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;color:#334155}
@media (prefers-reduced-motion:reduce){.tf-price-new{animation:none}}
/* Mit Apple anmelden: schwarzer Knopf nach Apple-Vorgaben (vor dem allgemeinen weißen SSO-Stil) */
.sso-box .sso-btn.sso-apple,.area-login .sso-btn.sso-apple{background:#000;color:#fff;border:1px solid #000}
.sso-box .sso-btn.sso-apple:hover,.area-login .sso-btn.sso-apple:hover{background:#1f1f1f}
.sso-box .sso-btn+.sso-btn{margin-top:10px}
/* Branchen-Symbole: schlichte Liniensymbole statt Emojis */
.br-opt-i,.pt-brh-i{display:inline-grid;place-items:center;color:#0369A1;line-height:0}
.br-opt-i{width:44px;height:44px;border-radius:12px;background:#E0F2FE;font-size:0}
.br-opt-i svg{width:24px;height:24px}
.pt-brh-i svg{width:20px;height:20px}
/* Tarif & Rechnungen: Buchung in einer Karte, Zusatzinfos zum Aufklappen */
.tf-book{display:grid;gap:14px}.tf-book>h2{margin-bottom:0}.tf-book>.form-note{margin:0}
.tf-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tf-book .offers{margin:0}
.tf-book .b2b-terms{margin:0;padding:12px 14px 12px 46px;border:1px solid #E2E8F0;border-radius:12px;background:#F8FAFC}
.tf-book .b2b-terms>input[type=checkbox]{left:14px;top:13px}
.tf-more{padding:0}.tf-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;min-height:56px}
.tf-more>summary::-webkit-details-marker{display:none}.tf-more>summary h2{margin:0;font-size:17px;display:flex;align-items:center;gap:8px}
.tf-more>summary::after{content:"";width:9px;height:9px;border-right:2px solid #64748B;border-bottom:2px solid #64748B;transform:rotate(45deg);transition:transform .2s;flex:none;margin-right:4px}
.tf-more[open]>summary::after{transform:rotate(-135deg)}.tf-more>:not(summary){margin-left:18px;margin-right:18px}.tf-more>:last-child{margin-bottom:18px}
.tf-sub{border-top:1px solid #EEF2F7;padding-top:12px;margin-top:4px}.tf-sub h3{margin:0 0 8px;font-size:15px;color:#0F2C59}