@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/schrift/outfit-latin-ext.9e38b3f1575daba3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/schrift/outfit-latin.92684e4acde79ef0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root{
  color-scheme: light;
  --brand:#F97316; --brand-hover:#EA580C; --brand-soft:#FFEDD5; --brand-on-soft:#9A3412; --on-brand:#2B2B2B;
  --ink:#2B2B2B; --ink-2:#4B5563; --ink-3:#9CA3AF; --ink-inverse:#FFFFFF;
  --ground:#FAFAF5; --surface:#FFFFFF; --surface-alt:#F3F4F6; --surface-muted:#FAFAFA; --hover-wash:rgba(43,43,43,.04);
  --edge:#E5E7EB; --edge-subtle:#F3F4F6; --edge-strong:#868FA0;
  --select:#2B2B2B; --on-select:#FFFFFF;
  --dark:#2B2B2B; --dark-ink-2:rgba(255,255,255,.78); --dark-edge:rgba(255,255,255,.14);
  --success:#10B981; --success-bg:#D1FAE5; --success-text:#047857;
  --warning:#F59E0B; --warning-bg:#FEF3C7; --warning-text:#92400E;
  --danger:#EF4444; --danger-bg:#FEE2E2; --danger-text:#B91C1C;
  --info-bg:#DBEAFE; --info-text:#1D4ED8;
  
  --aurora:
    radial-gradient(ellipse 72% 102% at 16% 48%, #D9ECF2 0%, transparent 63%),
    radial-gradient(ellipse 74% 102% at 84% 56%, #E1EFD0 0%, transparent 63%),
    linear-gradient(105deg, #EEF5F2 0%, #F2F7E9 100%);
  --aurora-strong:
    radial-gradient(ellipse 72% 102% at 16% 48%, #C2E1EA 0%, transparent 63%),
    radial-gradient(ellipse 74% 102% at 84% 56%, #CFE5B4 0%, transparent 63%),
    linear-gradient(105deg, #E4EFEA 0%, #EAF2DC 100%);
  --glass: rgba(255,255,255,.65); --glass-edge: rgba(255,255,255,.7);
  --focus:#EA580C; --focus-on-dark:#FFFFFF;
  --shadow-card: 0 1px 2px rgba(8,9,12,.05), 0 4px 16px rgba(8,9,12,.05);
  --shadow-elevated: 0 4px 12px rgba(8,9,12,.08), 0 12px 32px rgba(8,9,12,.10);
  --shadow-floating: 0 12px 32px rgba(8,9,12,.14), 0 24px 64px rgba(8,9,12,.18);
  --shadow-device: 0 2px 4px rgba(8,9,12,.18), 0 24px 48px -12px rgba(8,9,12,.35), 0 48px 96px -24px rgba(8,9,12,.30);
  
  --shadow-primary: 0 1px 2px rgba(194,65,12,.25), 0 8px 24px -8px rgba(249,115,22,.55);
  --ring-ink: 0 0 0 2px var(--ink);
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-tile:14px; --r-card:22px; --r-card-lg:28px; --r-pill:999px;
  
  --r-surface:var(--r-card-lg); --r-inner:var(--r-md); --pad-inner:var(--s-4); --r-panel:var(--r-inner);
  
  --surf-anthrazit:var(--dark);
  --surf-stein:color-mix(in srgb, var(--ink) 6%, var(--ground));
  --lh-orange:var(--brand-soft);
  --lh-stone:color-mix(in srgb, var(--ink) 12%, var(--ground));
  --lh-blue:var(--info-200);
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-24:96px;
  --font:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fw-body:300; --fw-display:200; --fw-mid:400; --fw-strong:500; --fw-bold:700;
  --t-display: clamp(3.5rem, 8.6vw, 7.25rem);
  --t-h1: clamp(2.25rem, 4.4vw, 3.75rem);
  --t-h2: clamp(2rem, 4vw, 3.5rem);
  --t-h3: clamp(1.25rem, 1.7vw, 1.5rem);
  --t-lead: clamp(1.1875rem, 1.5vw, 1.375rem);
  --t-body: 1.0625rem; --t-small: .9375rem; --t-meta: .875rem;
  --t-min: 8.8px; 
  --ease: cubic-bezier(.25,.46,.45,.94); --ease-io: cubic-bezier(.4,0,.2,1); --ease-out: cubic-bezier(.16,1,.3,1);
  --d-tap:120ms; --d-hover:200ms; --d-tab:300ms; --d-page:400ms; --d-fade:700ms;
  --wrap: 1240px; --gutter: max(clamp(16px, 4vw, 48px), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  
  --wrap-aussen: calc(var(--wrap) + 2 * var(--gutter));
  --sec-pad: clamp(72px, 9vw, 136px);
  --header-h: 72px; --chrome-h: 0px;
  
  --jump-rand: 10px; --jump-ziel: 44px; --jump-kante: 1px; --jump-h: calc(var(--jump-ziel) + 2 * var(--jump-rand) + var(--jump-kante));
  
  --metal: linear-gradient(135deg, #DADDE1 0%, #9EA3AA 18%, #F2F3F5 32%, #8C9198 50%, #D9DCE0 68%, #A7ACB3 84%, #E7E9EC 100%);
  --metal-dark: linear-gradient(135deg, #5B5F66 0%, #2E3136 30%, #6E737A 52%, #2A2D31 74%, #575B61 100%);
  --bezel:#0B0B0C;
  --ph-edge: var(--warning); --ph-bg: var(--warning-bg); --ph-ink: var(--warning-text);
  --chrome-bg:#15171C; --chrome-raise:#232630; --chrome-ink:#F3F4F6; --chrome-ink-2:#B9BFC9; --chrome-edge:rgba(255,255,255,.16); --chrome-accent:#FCD34D;
  --chrome-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body{ margin:0; background:var(--ground); color:var(--ink); font-family:var(--font); font-size:1rem; }
#zb{ font-family:var(--font); font-weight:var(--fw-body); color:var(--ink); background:var(--ground); font-size:var(--t-body); line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; padding-bottom:var(--chrome-h); min-height:100vh; }

:where(#zb) *, :where(#zb) *::before, :where(#zb) *::after{ box-sizing:border-box; }
:where(#zb) :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote){ margin:0; }
:where(#zb) :where(ul, ol){ padding:0; list-style:none; }
:where(#zb) :where(h1, h2, h3){ line-height:1.08; text-wrap:balance; hyphens:auto; -webkit-hyphenate-limit-before:5; -webkit-hyphenate-limit-after:5; hyphenate-limit-chars:12 5 5; overflow-wrap:break-word; font-weight:var(--fw-display); }
@media (min-width: 720px){ :where(#zb) :where(h1, h2, h3){ hyphens:manual; } }
:where(#zb) .nw{ white-space:nowrap; }
:where(#zb) :where(p, li, dd){ text-wrap:pretty; overflow-wrap:break-word; }
:where(#zb) :where(img, svg){ display:block; max-width:100%; }
:where(#zb) :where(button, input, select, textarea){ font:inherit; color:inherit; }
:where(#zb) :where(a){ color:inherit; }
:where(#zb) :where(strong, b){ font-weight:var(--fw-strong); }
#zb [hidden]{ display:none !important; }
:where(#zb) :focus{ outline:none; }
:where(#zb) :focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
#zb .band-dark :focus-visible{ outline-color:var(--focus-on-dark); }

#zb :focus-visible{ box-shadow:var(--ring-ink); }

#zb .btn-primary:focus-visible{ box-shadow:var(--ring-ink), var(--shadow-primary); }
#zb :is(.band-dark, .card-dark, .surf-anthrazit, .band-sec, .p1-cta) :focus-visible{ box-shadow:none; }
#zb .email-row:focus-within, #zb .p2-door:focus-within, #zb .p1-pick-item:has(.p1-pick-btn:focus-visible), #zb .p1-sheet .sheet:has(.sheet-scroll:focus-visible){ box-shadow:var(--ring-ink); }
#zb .email-row input:focus-visible{ box-shadow:none; }
.sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }


.wrap{ width:100%; max-width:var(--wrap-aussen); margin-inline:auto; padding-inline:var(--gutter); }
.sec{ padding-block:var(--sec-pad); }
.sec-white{ background:var(--surface); }
#anker-start-rechner, #anker-gf-paket, #preise-vergleich, #anker-dl-box{ scroll-margin-top:var(--s-4); }
.sec-head{ display:grid; gap:var(--s-4); max-width:820px; margin-bottom:clamp(40px, 5vw, 64px); }
.split{ display:grid; gap:var(--s-8); }
.split > *, .two-col > *, .media-split > *{ min-width:0; }
@media (min-width: 960px){ .split{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-16); align-items:start; } }
.two-col{ display:grid; gap:var(--s-8); }
@media (min-width: 900px){ .two-col{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:var(--s-16); } }
.media-split{ display:grid; gap:var(--s-12); align-items:center; }
@media (min-width: 1024px){ .media-split{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:var(--s-16); } .media-split.rev{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); } .media-split.rev > :first-child{ order:2; } }
.hero-copy > *, .int-copy > *, .prose > *, .sub-hero-copy > *, .demo-copy > *, .demo-side > *, .form-card > *, .form > *, .io-card > *, .block > *, .aktiv > *, .card-plain > *, .card-dark > *, .tier > *, .int-group > *, .facts > *, .role-card > *{ min-width:0; }


.eyebrow{ font-size:var(--t-meta); font-weight:var(--fw-strong); letter-spacing:.02em; color:var(--ink); display:inline-flex; align-items:center; gap:var(--s-2); }
.eyebrow::before{ content:""; width:8px; height:8px; border-radius:var(--r-pill); background:var(--brand); flex:none; }
.h-hero{ display:grid; gap:var(--s-6); }
.h-kat{ font-size:clamp(1.1875rem, 1.7vw, 1.5rem); font-weight:var(--fw-body); line-height:1.3; color:var(--ink); max-width:28ch; }
.h-marke{ font-size:var(--t-display); line-height:.94; letter-spacing:-.035em; display:block; }
.h-marke .w-strong{ font-weight:var(--fw-bold); display:block; }
.h-marke .w-light{ font-weight:var(--fw-display); display:block; }
.h-marke .dot{ color:var(--brand); font-weight:var(--fw-bold); }
.h1{ font-size:var(--t-h1); font-weight:var(--fw-display); letter-spacing:-.03em; line-height:1.04; }
.h2{ font-size:var(--t-h2); font-weight:var(--fw-display); letter-spacing:-.028em; line-height:1.06; }

:is([data-page="features"], [data-page="preise"], [data-page="leh"], [data-page="sicherheit"]){ --t-h2: clamp(1.75rem, 3.2vw, 2.75rem); }
.h3{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.25; }
.h-list{ font-size:var(--t-body); font-weight:var(--fw-strong); line-height:1.4; }
@media (max-width: 640px){ .h1, .h2{ font-weight:var(--fw-body); letter-spacing:-.02em; } }
.lead{ font-size:var(--t-lead); color:var(--ink); line-height:1.55; max-width:60ch; }
.lead-ink{ font-size:var(--t-lead); color:var(--ink); line-height:1.55; }
.meta{ font-size:var(--t-small); color:var(--ink); }
.body-2{ color:var(--ink); }
.mail{ user-select:text; -webkit-user-select:text; font-weight:var(--fw-strong); color:var(--ink); white-space:nowrap; }
.prose{ display:grid; gap:var(--s-4); max-width:68ch; }
.label{ font-size:var(--t-meta); font-weight:var(--fw-strong); letter-spacing:.01em; color:var(--ink); }


.btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--s-2); min-height:52px; padding:0 26px; border-radius:var(--r-pill); border:1px solid transparent; font-weight:var(--fw-strong); font-size:1.0625rem; line-height:1; text-decoration:none; cursor:pointer; white-space:nowrap; transition: background-color var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease), transform var(--d-tap) var(--ease), box-shadow var(--d-hover) var(--ease); }
.btn:active{ transform:translateY(1px); }
.btn-primary{ background:var(--brand); color:var(--on-brand); box-shadow:var(--shadow-primary); }
.btn-primary:hover{ background:var(--brand-hover); }
.btn-ghost{ background:var(--surface); color:var(--ink); border-color:var(--edge); }
.btn-sm{ min-height:44px; padding:0 20px; font-size:.9375rem; }
.btn-block{ width:100%; }
.text-link, .inline-link{ background:none; border:0; padding:0; cursor:pointer; font-weight:var(--fw-strong); color:var(--ink); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; text-decoration-color:var(--edge-strong); transition:text-decoration-color var(--d-hover) var(--ease); }
.text-link:hover, .inline-link:hover{ text-decoration-color:var(--brand); }
.text-link{ min-height:44px; display:inline-flex; align-items:center; }
.inline-link{ font-weight:inherit; display:inline; }
.arrow-link{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:44px; font-weight:var(--fw-strong); text-decoration:none; color:var(--ink); border-bottom:2px solid var(--brand); padding-bottom:2px; line-height:1.3; }
button.arrow-link{ background:none; border-width:0 0 2px; border-style:solid; border-color:var(--brand); cursor:pointer; padding:0 0 2px; font-size:inherit; }
.arrow-link svg{ width:18px; height:18px; flex:none; transition:transform var(--d-hover) var(--ease); }
.arrow-link:hover svg{ transform:translateX(3px); }
.band-dark .arrow-link, .card-dark .arrow-link{ color:var(--ink-inverse); }
.cta-row{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-3) var(--s-6); }


.site-head{ position:sticky; top:env(safe-area-inset-top, 0px); z-index:30; background:rgba(250,250,245,.78); backdrop-filter:saturate(170%) blur(18px); -webkit-backdrop-filter:saturate(170%) blur(18px); border-bottom:1px solid transparent; transition:border-color var(--d-hover) var(--ease), background-color var(--d-hover) var(--ease); }
.site-head.is-scrolled{ border-bottom-color:var(--edge); background:rgba(255,255,255,.86); }
.site-head :focus-visible{ outline-color:var(--ink); }
.head-row{ display:flex; align-items:center; gap:var(--s-4); min-height:var(--header-h); }
.brand{ display:inline-flex; align-items:center; color:var(--ink); min-height:44px; flex:none; }
.brand svg{ height:19px; width:auto; }
.head-nav{ display:none; flex:1; min-width:0; }
.head-nav ul{ display:flex; gap:var(--s-1); justify-content:center; }
.nav-link{ display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border-radius:var(--r-pill); border:0; background:none; font-size:1rem; font-weight:var(--fw-mid); color:var(--ink); text-decoration:none; cursor:pointer; transition:background-color var(--d-hover) var(--ease); }
.nav-link:hover{ background:var(--hover-wash); }
.nav-link[aria-current="page"]{ background:var(--select); color:var(--on-select); }
.head-actions{ margin-left:auto; display:flex; align-items:center; gap:var(--s-2); flex:none; }
.head-login{ display:none; }
.icon-btn{ width:44px; height:44px; display:inline-grid; place-items:center; border-radius:var(--r-pill); border:1px solid var(--edge); background:var(--surface); cursor:pointer; color:var(--ink); }
.icon-btn svg{ width:20px; height:20px; }
@media (min-width: 1024px){ .head-nav{ display:block; } .menu-btn{ display:none; } .brand svg{ height:22px; } .head-login{ display:inline-flex; } }
@media (max-width: 380px){ .brand svg{ height:16px; } .site-head .btn-sm{ padding:0 var(--s-3); } }

@media (max-width: 359px){ .head-row, .head-actions{ gap:var(--s-1); } .site-head .btn-sm{ padding:0 var(--s-2); font-size:var(--t-meta); } }


.hero{ background:var(--aurora-strong); position:relative; overflow:clip; padding-block:clamp(40px, 6vw, 96px) clamp(64px, 8vw, 120px); }
.hero-grid{ display:grid; gap:var(--s-12); align-items:center; }
.hero-grid > *{ min-width:0; }
.hero-copy{ display:grid; gap:var(--s-8); align-content:start; }
@media (min-width: 1100px){ .hero-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:var(--s-8); } }
.hero-form{ display:grid; gap:var(--s-2); max-width:560px; }
.field-label{ font-size:var(--t-small); font-weight:var(--fw-strong); color:var(--ink); }
.email-row{ display:flex; gap:6px; padding:6px; background:var(--surface); border:1px solid rgba(255,255,255,.9); border-radius:var(--r-pill); box-shadow:var(--shadow-elevated); transition:border-color var(--d-hover) var(--ease), box-shadow var(--d-hover) var(--ease); }
.email-row:focus-within{ border-color:var(--focus); box-shadow:var(--shadow-elevated), 0 0 0 3px rgba(249,115,22,.22); }
.email-row input{ flex:1; min-width:0; border:0; background:none; padding:0 18px; font-size:1.0625rem; font-weight:var(--fw-body); min-height:52px; }
.email-row input:focus-visible{ outline:none; }
.hero-after{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-1) var(--s-6); }
.hero-after .meta{ flex:1 1 260px; }
@media (max-width: 520px){ .email-row{ flex-direction:column; border-radius:var(--r-card); padding:8px; } .email-row .btn{ width:100%; } }
.sub-hero-copy{ display:grid; gap:var(--s-6); max-width:900px; }


.stage{ position:relative; }
.dev{ position:relative; flex:none; }
.dev-screen{ position:relative; overflow:hidden; background:#EEF5F2; isolation:isolate; }
.scr{ position:absolute; inset:0; background-size:cover; background-position:50% 0; background-repeat:no-repeat; opacity:0; transition:opacity var(--d-fade) var(--ease-io); }
.scr.is-on{ opacity:1; }
.dev-screen::after{ content:""; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(118deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 26%, transparent 42%); }
.bsp{ position:absolute; z-index:6; font-family:var(--font); font-size:11px; font-weight:var(--fw-strong); letter-spacing:.01em; line-height:1; padding:6px 10px; border-radius:var(--r-pill); background:rgba(255,255,255,.92); color:var(--ink); border:1px solid var(--edge); box-shadow:var(--shadow-card); white-space:nowrap; top:-12px; left:20px; }

.dev-iphone{ --w:300px; width:var(--w); padding:calc(var(--w) * .014); border-radius:calc(var(--w) * .165); background:var(--metal-dark); box-shadow:var(--shadow-device), inset 0 0 0 1px rgba(255,255,255,.18); }
.dev-iphone::before, .dev-iphone::after{ content:""; position:absolute; width:calc(var(--w) * .012); border-radius:2px; background:var(--metal-dark); }
.dev-iphone::before{ left:calc(var(--w) * -.009); top:22%; height:calc(var(--w) * .2); box-shadow:0 calc(var(--w) * .26) 0 0 #3A3D42; }
.dev-iphone::after{ right:calc(var(--w) * -.009); top:30%; height:calc(var(--w) * .3); }
.dev-iphone .dev-bezel{ border-radius:calc(var(--w) * .152); background:var(--bezel); padding:calc(var(--w) * .03); }
.dev-iphone .dev-screen{ aspect-ratio:402/874; border-radius:calc(var(--w) * .125); }
.dev-iphone .island{ position:absolute; z-index:5; top:calc(var(--w) * .028); left:50%; width:calc(var(--w) * .3); height:calc(var(--w) * .085); margin-left:calc(var(--w) * -.15); border-radius:var(--r-pill); background:#000; }
.dev-iphone .status{ position:absolute; z-index:4; top:0; left:0; right:0; height:calc(var(--w) * .14); display:flex; justify-content:space-between; align-items:center; padding:calc(var(--w) * .01) calc(var(--w) * .1) 0 calc(var(--w) * .12); font-size:calc(var(--w) * .043); font-weight:600; color:#14161A; }

.dev-iphone .status>span{ font-size:max(var(--t-min), 1em); }
.dev-iphone .status i{ display:flex; gap:calc(var(--w) * .014); align-items:center; }
.dev-iphone .status i::before{ content:""; width:calc(var(--w) * .05); height:calc(var(--w) * .03); background:linear-gradient(90deg, #14161A 0 18%, transparent 18% 27%, #14161A 27% 45%, transparent 45% 54%, #14161A 54% 72%, transparent 72% 81%, #14161A 81%); clip-path:polygon(0 100%, 100% 0, 100% 100%); }
.dev-iphone .status i::after{ content:""; width:calc(var(--w) * .07); height:calc(var(--w) * .032); border-radius:3px; border:1.5px solid #14161A; box-shadow:inset 0 0 0 1.5px #EEF5F2, inset calc(var(--w) * -.02) 0 0 0 #EEF5F2; background:#14161A; }

.dev-ipad{ --w:640px; width:var(--w); padding:calc(var(--w) * .006); border-radius:calc(var(--w) * .043); background:var(--metal); box-shadow:var(--shadow-device), inset 0 0 0 1px rgba(255,255,255,.6); }
.dev-ipad .dev-bezel{ border-radius:calc(var(--w) * .038); background:var(--bezel); padding:calc(var(--w) * .022); position:relative; }
.dev-ipad .dev-bezel::before{ content:""; position:absolute; top:calc(var(--w) * .009); left:50%; width:calc(var(--w) * .006); height:calc(var(--w) * .006); margin-left:calc(var(--w) * -.003); border-radius:50%; background:radial-gradient(circle at 35% 35%, #4A5A78 0 30%, #101418 60%); }
.dev-ipad .dev-screen{ aspect-ratio:1210/834; border-radius:calc(var(--w) * .02); }
.dev-ipad .scr{ background-position:0 0; }

.dev-laptop{ --w:760px; width:var(--w); }
.dev-laptop .lid{ background:#1A1B1E; border-radius:calc(var(--w) * .022) calc(var(--w) * .022) calc(var(--w) * .006) calc(var(--w) * .006); padding:calc(var(--w) * .022) calc(var(--w) * .022) calc(var(--w) * .03); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 0 0 calc(var(--w) * .004) #2A2B2F; position:relative; }
.dev-laptop .lid::before{ content:""; position:absolute; top:calc(var(--w) * .009); left:50%; width:calc(var(--w) * .005); height:calc(var(--w) * .005); margin-left:calc(var(--w) * -.0025); border-radius:50%; background:#2C3440; }
.dev-laptop .dev-screen{ aspect-ratio:1256/815; border-radius:calc(var(--w) * .004); background:#EEF5F2; }
.dev-laptop .base{ position:relative; height:calc(var(--w) * .028); margin-inline:calc(var(--w) * -.06); border-radius:0 0 calc(var(--w) * .03) calc(var(--w) * .03) / 0 0 calc(var(--w) * .022) calc(var(--w) * .022); background:linear-gradient(180deg, #E9EBEE 0%, #C9CDD2 45%, #A9AEB5 100%); box-shadow:var(--shadow-device); }
.dev-laptop .base::before{ content:""; position:absolute; top:0; left:50%; width:16%; height:42%; margin-left:-8%; border-radius:0 0 8px 8px; background:linear-gradient(180deg, #B9BDC3, #D6D9DD); }
.dev-laptop.is-wide .dev-screen{ aspect-ratio:1100/640; }

.stage-hero{ min-height:clamp(380px, 46vw, 600px); }
.stage-hero .dev-ipad{ --w:min(620px, 92%); position:absolute; right:0; top:4%; }
.stage-hero .dev-iphone{ --w:clamp(150px, 15vw, 210px); position:absolute; left:0; bottom:0; z-index:2; }
@media (max-width: 1099px){ .stage-hero{ min-height:0; padding-bottom:22%; } .stage-hero .dev-ipad{ position:relative; --w:min(640px, 88%); margin-left:auto; top:0; } .stage-hero .dev-iphone{ --w:clamp(120px, 28vw, 200px); } }
.stage-pair{ display:flex; justify-content:center; align-items:flex-end; gap:clamp(12px, 3vw, 40px); }
.stage-pair .dev-iphone{ --w:clamp(150px, 20vw, 250px); }
.stage-pair .dev-iphone:last-child{ transform:translateY(-8%); }
.stage-laptop{ display:flex; justify-content:center; padding-inline:6%; }
.stage-laptop .dev-laptop{ --w:min(680px, 100%); }
.stage-hero .dev-iphone .bsp, .stage-pair .dev-iphone + .dev-iphone .bsp{ top:auto; bottom:-12px; }
.band-dark .dev-laptop .lid{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 0 0 calc(var(--w) * .004) #2A2B2F, 0 0 0 1px rgba(255,255,255,.16); }

@keyframes devIn{ from{ transform:translateY(18px); } to{ transform:none; } }
.hero .stage .dev{ animation:devIn 900ms var(--ease-out) both; }
.hero .stage .dev-iphone{ animation-delay:120ms; }


.pic{ position:relative; border-radius:var(--r-card-lg); background-color:var(--surface-alt); background-size:cover; background-position:50% 40%; overflow:hidden; }
.pic::after{ content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(8,9,12,.06); pointer-events:none; }
.pic-wide{ aspect-ratio:16/10; }
.pic-tall{ aspect-ratio:4/5; }
.pic-card{ aspect-ratio:4/3; border-radius:var(--r-card); }
.pic .ph{ position:absolute; left:12px; bottom:12px; margin:0 !important; }

.pic.is-app{ display:grid; padding:clamp(12px, 4%, 28px); background:var(--surface-muted); }
.p2-hero-vis .pic.is-app{ background:var(--aurora-strong); }
.pic.is-app > .k8-asset{ width:100%; height:100%; max-width:none; aspect-ratio:auto; }


.logos{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-6) clamp(32px, 6vw, 72px); padding-block:var(--s-10); border-top:1px solid var(--edge); border-bottom:1px solid var(--edge); }
.logos-lab{ font-size:var(--t-small); color:var(--ink); font-weight:var(--fw-mid); }
.logo-list{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-8) clamp(32px, 6vw, 72px); }
.cust{ display:flex; align-items:center; height:40px; filter:grayscale(1); opacity:.78; transition:filter var(--d-hover) var(--ease), opacity var(--d-hover) var(--ease); }
.cust:hover{ filter:none; opacity:1; }
.cust img, .cust svg{ height:100%; width:auto; }

.logo-img{ background:center / contain no-repeat; forced-color-adjust:none; }
.cust-paulas{ height:22px; }
.cust-3bears{ height:46px; }
.logos-sec{ padding-block:var(--s-4) 0; }
.quote .cust{ height:30px; filter:none; opacity:1; }
.quote .cust-paulas{ height:18px; }
.quote .cust-3bears{ height:36px; }

@media (max-width: 520px){ .logos .logo-list{ flex-wrap:nowrap; gap:var(--s-6); } .logos .cust{ height:30px; } .logos .cust-paulas{ height:16px; } .logos .cust-3bears{ height:34px; } }

.lw{ display:grid; gap:var(--s-6); }
.lw-group{ display:grid; gap:var(--s-3); }
.lw-head{ display:flex; align-items:center; gap:var(--s-2); font-size:var(--t-small); font-weight:var(--fw-strong); }
.lw-head .dot-on{ width:10px; height:10px; border-radius:var(--r-pill); background:var(--success); box-shadow:0 0 0 4px var(--success-bg); }
.lw-head .dot-soon{ width:10px; height:10px; flex:none; border-radius:var(--r-pill); border:2px solid var(--edge-strong); } 
.lw-tiles{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(130px, 40%), 1fr)); gap:var(--s-3); }
@media (max-width: 520px){ .lw-tile{ min-height:96px; padding:var(--s-3); } .lw-mark{ height:30px; } .lw-mark.is-word{ height:20px; } }
.lw-tile{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--s-3); min-height:120px; padding:var(--s-4); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); text-align:center; }
.lw-mark{ height:36px; display:flex; align-items:center; justify-content:center; }
.lw-mark svg, .lw-mark img{ height:100%; width:auto; max-width:min(140px, 100%); object-fit:contain; }
.lw-mark.is-word{ height:26px; }

.ki-sym{ display:block; height:100%; width:auto; overflow:visible; }
.ki-sym-blase{ fill:var(--surface); stroke:var(--ink); stroke-width:2.5; stroke-linejoin:round; }
.ki-sym-p{ fill:var(--brand); transform-box:fill-box; transform-origin:50% 50%; }
@keyframes ki-tipp{ 0%, 55%, 100%{ transform:translateY(0); } 25%{ transform:translateY(-3px); } }
.ki-sym.is-an .ki-sym-p{ animation:ki-tipp 1.2s var(--ease) 3; }
.ki-sym.is-an .ki-sym-p:nth-of-type(2){ animation-delay:.15s; }
.ki-sym.is-an .ki-sym-p:nth-of-type(3){ animation-delay:.3s; }
@media (prefers-reduced-motion: reduce){ .ki-sym .ki-sym-p{ animation:none; } }
.lw-name{ font-size:var(--t-small); font-weight:var(--fw-mid); line-height:1.25; }
.lw-group.is-available .lw-tile{ border-color:rgba(16,185,129,.45); box-shadow:var(--shadow-elevated); }
.lw-group.is-available .lw-tile.is-lead{ flex-direction:row; justify-content:flex-start; gap:var(--s-4); min-height:96px; padding:var(--s-4) var(--s-6); }
.lw-group.is-soon .lw-tile{ background:transparent; border-color:transparent; box-shadow:none; } 
.lw-group.is-soon .lw-name{ color:var(--ink); }


.roles{ display:grid; gap:var(--s-6); }
@media (min-width: 860px){ .roles{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.role-card{ display:grid; gap:var(--s-4); align-content:start; }
.role-lab{ font-size:var(--t-small); font-weight:var(--fw-strong); line-height:1.3; letter-spacing:0; padding-top:var(--s-3); border-top:2px solid var(--ink); }
.role-text{ font-size:var(--t-lead); line-height:1.5; }


.day-grid{ display:grid; gap:var(--s-10); }
.day-grid > *{ min-width:0; }
@media (min-width: 1024px){ .day-grid{ grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); gap:var(--s-12); align-items:start; } .day-grid .day-aside{ position:sticky; top:calc(var(--header-h) + 32px); } }
.day-aside .pic{ aspect-ratio:4/5; }
.lanes-head{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:var(--s-4); padding:0 0 var(--s-3) 44px; font-size:var(--t-small); font-weight:var(--fw-strong); border-bottom:1px solid var(--edge); }
.timeline{ display:grid; position:relative; }
.timeline::before{ content:""; position:absolute; left:15px; top:28px; bottom:28px; width:2px; background:var(--edge); }
.tl-step{ position:relative; display:grid; gap:var(--s-2); padding:var(--s-6) 0 var(--s-6) 44px; border-bottom:1px solid var(--edge-subtle); transition:background-color var(--d-tab) var(--ease); }
.tl-step::before{ content:""; position:absolute; left:8px; top:30px; width:16px; height:16px; border-radius:var(--r-pill); background:var(--surface); border:2px solid var(--edge-strong); transition:background-color var(--d-tab) var(--ease), border-color var(--d-tab) var(--ease), box-shadow var(--d-tab) var(--ease); }
.tl-step.is-active::before{ background:var(--brand); border-color:var(--brand); box-shadow:0 0 0 6px rgba(249,115,22,.18); }
.tl-name{ font-size:var(--t-h3); font-weight:var(--fw-strong); line-height:1.3; }
.tl-lanes{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:var(--s-4); }
.tl-lane{ padding:var(--s-4); border-radius:var(--r-inner); background:var(--surface); border:1px solid var(--edge); transition:border-color var(--d-tab) var(--ease), box-shadow var(--d-tab) var(--ease); }
.tl-lane.vl{ background:transparent; border-style:solid; border-color:var(--edge); }
.tl-lane:empty{ border-style:dashed; border-color:var(--edge-subtle); }
.tl-step.is-active .tl-lane:not(:empty){ border-color:var(--ink); box-shadow:var(--shadow-card); }
.tl-lane .lane-lab{ display:none; }
@media (max-width: 640px){ .lanes-head{ display:none; } .tl-lanes{ grid-template-columns:minmax(0, 1fr); } .tl-lane .lane-lab{ display:block; font-size:var(--t-meta); font-weight:var(--fw-strong); margin-bottom:var(--s-1); } .tl-lane:empty{ display:none; } }


.band-dark{ background:var(--dark); color:var(--ink-inverse); }
.band-dark .lead{ color:var(--dark-ink-2); }
.dark-grid{ display:grid; gap:var(--s-12); align-items:center; }
.dark-grid > *{ min-width:0; }
@media (min-width: 1100px){ .dark-grid{ grid-template-columns:minmax(0, 4fr) minmax(0, 6fr); gap:var(--s-12); } }
.dark-line{ margin-top:var(--s-10); padding-top:var(--s-6); border-top:1px solid var(--dark-edge); color:var(--dark-ink-2); font-size:var(--t-body); }
.band-dark .bsp{ background:rgba(43,43,43,.92); color:var(--ink-inverse); border-color:var(--dark-edge); }


.calc{ display:grid; border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); overflow:hidden; }
.calc > *{ min-width:0; }
@media (min-width: 960px){ .calc{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); } }
.calc-in{ padding:clamp(20px, 3vw, 44px); display:grid; gap:var(--s-1); align-content:start; }
.calc-in-head{ display:flex; justify-content:flex-end; margin-bottom:var(--s-2); min-height:26px; }
.badge{ display:inline-flex; align-items:center; padding:5px 12px; border-radius:var(--r-pill); font-size:var(--t-meta); font-weight:var(--fw-mid); background:var(--surface-alt); color:var(--ink); }
.calc-row{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); padding-block:var(--s-3); border-bottom:1px solid var(--edge-subtle); }
.calc-row:last-child{ border-bottom:0; }
.calc-row label{ font-weight:var(--fw-mid); min-width:0; flex:1; line-height:1.35; }
.stepper{ display:flex; align-items:center; gap:var(--s-2); flex:none; background:var(--surface-alt); border-radius:var(--r-pill); padding:4px; }
.stepper input{ width:66px; text-align:center; border:0; background:var(--surface); border-radius:var(--r-pill); min-height:42px; font-weight:var(--fw-strong); font-size:1.0625rem; font-variant-numeric:tabular-nums; -moz-appearance:textfield; appearance:textfield; }
.stepper input::-webkit-outer-spin-button, .stepper input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.step-btn{ width:42px; height:42px; border-radius:var(--r-pill); border:0; background:none; display:grid; place-items:center; cursor:pointer; color:var(--ink); transition:background-color var(--d-hover) var(--ease); }
.step-btn:hover{ background:var(--surface); }
.step-btn svg{ width:16px; height:16px; }
.calc-out{ background:var(--brand-soft); color:var(--brand-on-soft); padding:clamp(24px, 3vw, 44px); display:grid; gap:var(--s-6); align-content:center; }
.out-block{ display:grid; gap:var(--s-1); }
.out-num{ font-size:clamp(3.25rem, 6.4vw, 5rem); font-weight:var(--fw-display); letter-spacing:-.04em; line-height:1; font-variant-numeric:tabular-nums; color:var(--brand-on-soft); white-space:nowrap; }
.out-lab{ font-weight:var(--fw-strong); font-size:var(--t-small); }
.out-note{ font-size:var(--t-small); padding-top:var(--s-4); border-top:1px solid rgba(154,52,18,.18); }


.quotes{ display:grid; gap:var(--s-4); }
.quotes > *{ min-width:0; }
@media (min-width: 960px){ .quotes{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); grid-template-rows:auto auto; } .quote-lg{ grid-row:1 / span 2; } }
.quote{ border-radius:var(--r-card-lg); padding:clamp(24px, 3vw, 44px); background:var(--ground); border:1px solid var(--edge); display:flex; flex-direction:column; gap:var(--s-8); justify-content:space-between; position:relative; }
.quote blockquote p{ font-size:var(--t-lead); line-height:1.45; font-weight:var(--fw-body); }
.quote-lg{ background:var(--aurora-strong); border-color:transparent; }
.quote-lg blockquote p{ font-size:clamp(2rem, 3.8vw, 3.25rem); font-weight:var(--fw-display); letter-spacing:-.025em; line-height:1.1; }

.quote::before, .st-quote p::before, .sm-quote p::before{ content:""; height:3px; border-radius:var(--r-pill); background:var(--brand); }
.quote::before{ width:32px; }
.quote figcaption{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2) var(--s-4); }
.quote-side{ background:var(--surface); }


.int-copy{ display:grid; gap:var(--s-6); }
.int-group{ display:grid; gap:var(--s-3); padding-top:var(--s-6); border-top:1px solid var(--edge); }
.int-lab{ font-size:var(--t-small); font-weight:var(--fw-strong); color:var(--ink); }

.lw-card{ border-radius:var(--r-card-lg); background:var(--surf-stein); padding:clamp(20px, 3vw, 40px); }

.files{ display:flex; gap:var(--s-3); flex-wrap:wrap; margin-top:var(--s-8); }
.file{ display:inline-flex; align-items:center; gap:var(--s-3); padding:12px 18px 12px 12px; background:var(--surface); border:1px solid var(--edge); border-radius:var(--r-md); box-shadow:var(--shadow-card); font-weight:var(--fw-mid); }
.file i{ width:30px; height:36px; border-radius:5px; background:var(--success-bg); position:relative; flex:none; }
.file i::after{ content:""; position:absolute; inset:9px 6px; background:repeating-linear-gradient(0deg, var(--success-text) 0 2px, transparent 2px 5px); opacity:.55; }
.callout{ margin-top:var(--s-6); padding:var(--s-6); border-radius:var(--r-card); background:var(--ground); border:1px solid var(--edge); display:grid; gap:var(--s-2); }
.callout-lab{ font-size:var(--t-small); font-weight:var(--fw-strong); }

.sec-points{ display:grid; gap:var(--s-6) var(--s-8); margin-block:var(--s-10); }
@media (min-width: 720px){ .sec-points{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.sec-points li{ display:grid; grid-template-columns:48px minmax(0, 1fr); gap:var(--s-4); align-items:start; font-size:var(--t-lead); line-height:1.5; }
.ico{ width:48px; height:48px; display:grid; place-items:center; color:var(--ink); } 
.ico svg{ width:22px; height:22px; }

.video-slot{ padding-block:var(--s-8); }
.video-box{ aspect-ratio:16/9; max-height:360px; width:100%; border:2px dashed var(--ph-edge); border-radius:var(--r-card-lg); background:repeating-linear-gradient(45deg, var(--ph-bg) 0 12px, transparent 12px 24px); display:grid; place-items:center; padding:var(--s-6); text-align:center; }
.video-box span{ font-family:var(--chrome-font); font-size:13px; color:var(--ph-ink); background:var(--surface); padding:6px 12px; border-radius:var(--r-pill); border:1px solid var(--ph-edge); max-width:100%; }


.faq-grid{ display:grid; gap:var(--s-8); }
.faq-grid > *{ min-width:0; }
@media (min-width: 960px){ .faq-grid{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-16); } .faq-grid > .faq-side{ position:sticky; top:calc(var(--header-h) + 24px); align-self:start; } }
.faq{ border-top:1px solid var(--edge); }
.faq details{ border-bottom:1px solid var(--edge); }
.faq summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); padding-block:var(--s-6); font-weight:var(--fw-mid); font-size:clamp(1.125rem, 1.4vw, 1.3125rem); line-height:1.35; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary .pm{ width:36px; height:36px; border-radius:var(--r-pill); border:1px solid var(--edge); display:grid; place-items:center; flex:none; transition:transform var(--d-hover) var(--ease), background-color var(--d-hover) var(--ease); }
.faq summary .pm svg{ width:14px; height:14px; }
.faq details[open] summary .pm{ transform:rotate(45deg); background:var(--select); color:var(--on-select); border-color:var(--select); }
.faq .ans{ padding:0 52px var(--s-6) 0; color:var(--ink); max-width:72ch; }
.faq details[open] .ans{ animation:fadeUp var(--d-tab) var(--ease); }


.close-cards{ display:grid; gap:var(--s-4); margin-top:var(--s-10); }
.close-cards > *{ min-width:0; }
@media (min-width: 840px){ .close-cards{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } }
.close-card{ text-align:left; display:grid; gap:var(--s-3); align-content:start; padding:clamp(28px, 3.6vw, 52px); border-radius:var(--r-card-lg); border:1px solid var(--edge); background:var(--surface); text-decoration:none; cursor:pointer; position:relative; min-height:280px; box-shadow:var(--shadow-card); transition:transform var(--d-page) var(--ease-out), box-shadow var(--d-page) var(--ease); }
.close-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-floating); }
.close-demo{ background:var(--dark); color:var(--ink-inverse); border-color:var(--dark); }
.cc-title{ font-size:clamp(2rem, 3.4vw, 3rem); font-weight:var(--fw-display); letter-spacing:-.025em; line-height:1.05; }
.cc-text{ font-size:var(--t-lead); max-width:36ch; line-height:1.5; }
.close-demo .cc-text{ color:var(--dark-ink-2); }
.cc-go{ margin-top:auto; width:56px; height:56px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--surface); border:1px solid var(--edge); color:var(--ink); }
.close-demo .cc-go{ background:var(--brand); border-color:var(--brand); color:var(--on-brand); }
.close-demo:focus-visible{ outline-color:var(--focus); }
.cc-go svg{ width:22px; height:22px; transition:transform var(--d-hover) var(--ease); }
.close-card:hover .cc-go svg{ transform:translateX(3px); }


.ticks{ display:grid; gap:var(--s-3); }
.ticks li{ display:grid; grid-template-columns:26px minmax(0, 1fr); gap:var(--s-3); align-items:start; }
.ticks li::before{ content:""; width:24px; height:24px; margin-top:2px; border-radius:var(--r-pill); background:var(--surface) url("/assets/bild/c6ee8bb6a93b0cb1.svg") center / 13px no-repeat; border:1px solid var(--edge); }
.demo-grid{ display:grid; gap:var(--s-10); align-items:start; }
.demo-grid > *{ min-width:0; }
@media (min-width: 1024px){ .demo-grid{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:var(--s-16); } }
.demo-copy{ display:grid; gap:var(--s-6); }
.demo-list{ display:grid; gap:var(--s-3); padding:var(--s-6); background:var(--glass); border:1px solid var(--glass-edge); border-radius:var(--r-card); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.demo-side{ display:grid; gap:var(--s-4); }
.form-card{ background:var(--surface); border:1px solid var(--edge); border-radius:var(--r-card-lg); box-shadow:var(--shadow-floating); padding:clamp(22px, 3vw, 40px); display:grid; gap:var(--s-6); }
.form-head{ display:grid; gap:var(--s-2); }
.h-card{ font-size:clamp(1.5rem, 2.2vw, 2rem); font-weight:var(--fw-body); letter-spacing:-.02em; line-height:1.15; }
.steps-ind{ display:grid; gap:var(--s-2); }
.steps-ind .st-txt{ font-size:var(--t-meta); font-weight:var(--fw-strong); }
.steps-ind .bar{ height:4px; border-radius:var(--r-pill); background:var(--surface-alt); overflow:hidden; }
.steps-ind .bar i{ display:block; height:100%; width:50%; background:var(--select); border-radius:var(--r-pill); transition:width var(--d-tab) var(--ease); }
.steps-ind.is-2 .bar i{ width:100%; }
.form{ display:grid; gap:var(--s-4); }
.field{ display:grid; gap:var(--s-2); border:0; padding:0; margin:0; min-width:0; }
.field > label, .field legend{ font-weight:var(--fw-strong); font-size:var(--t-small); padding:0; }
.field legend{ margin-bottom:var(--s-2); }
.field input[type="email"], .field input[type="text"]{ width:100%; min-height:50px; padding:0 18px; border:1px solid var(--edge-strong); border-radius:var(--r-md); background:var(--surface); font-size:1.0625rem; font-weight:var(--fw-body); transition:border-color var(--d-hover) var(--ease), box-shadow var(--d-hover) var(--ease); }
.field input::placeholder{ color:var(--ink-2); opacity:.8; }
.field input[type="email"]:focus-visible, .field input[type="text"]:focus-visible{ outline:none; border-color:var(--focus); box-shadow:0 0 0 3px rgba(249,115,22,.22); }
.field input[aria-invalid="true"]{ border-color:var(--danger-text); }
.field-help{ font-size:var(--t-small); margin-bottom:var(--s-2); }
.field-err{ font-size:var(--t-small); font-weight:var(--fw-mid); color:var(--danger-text); line-height:1.45; display:flex; gap:var(--s-2); }
.field-err::before{ content:""; width:16px; height:16px; flex:none; margin-top:3px; border-radius:var(--r-pill); background:var(--danger-text); -webkit-mask:url("/assets/bild/c7cdb89d54e6e47e.svg") center/contain no-repeat; mask:url("/assets/bild/c7cdb89d54e6e47e.svg") center/contain no-repeat; }
.form-alert{ padding:var(--s-3) var(--s-4); border-radius:var(--r-md); background:var(--danger-bg); color:var(--danger-text); font-size:var(--t-small); font-weight:var(--fw-mid); line-height:1.45; }
.form-alert.is-info{ background:var(--warning-bg); color:var(--warning-text); }
.form-note{ font-size:var(--t-small); }
.pill-radios{ display:flex; flex-wrap:wrap; gap:var(--s-2); }
.pill-radios input{ position:absolute; opacity:0; width:1px; height:1px; }
.pill-radios label{ display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:var(--r-pill); border:1px solid var(--edge-strong); background:var(--surface); font-weight:var(--fw-mid); font-size:var(--t-small); cursor:pointer; transition:background-color var(--d-hover) var(--ease), color var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease); }
.pill-radios label:hover{ border-color:var(--ink); }
.pill-radios input:checked + label{ background:var(--select); color:var(--on-select); border-color:var(--select); }
.pill-radios input:focus-visible + label{ outline:2px solid var(--focus); outline-offset:2px; }
.fs-invalid .pill-radios label{ border-color:var(--danger-text); }
.form-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2) var(--s-6); }
.branch{ display:grid; gap:var(--s-4); animation:fadeUp var(--d-tab) var(--ease); }
.flow-steps{ display:grid; gap:var(--s-4); counter-reset:fs; }
.flow-steps li{ counter-increment:fs; display:grid; gap:var(--s-2); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.flow-steps li::before{ content:counter(fs); width:34px; height:34px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); display:grid; place-items:center; font-weight:var(--fw-strong); font-size:var(--t-small); font-variant-numeric:tabular-nums; }
.flow-steps .fs-name{ font-weight:var(--fw-strong); font-size:1.125rem; }
.flow-steps li p:last-child{ font-size:var(--t-small); }
@media (min-width: 900px){ .flow-steps{ grid-template-columns:repeat(5, minmax(0, 1fr)); } }
.ok-badge{ width:64px; height:64px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--success-bg); color:var(--success-text); }
.ok-badge svg{ width:30px; height:30px; }
.termin-grid{ display:grid; gap:var(--s-4); }
.termin-grid > *{ min-width:0; }
@media (min-width: 900px){ .termin-grid{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); } }
.card-plain{ padding:var(--s-8); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); display:grid; gap:var(--s-4); align-content:start; box-shadow:var(--shadow-card); }
.card-dark{ padding:var(--s-8); border-radius:var(--r-card); background:var(--dark); color:var(--ink-inverse); display:grid; gap:var(--s-4); align-content:start; }
.card-dark p{ color:var(--dark-ink-2); }
.card-dark :focus-visible{ outline-color:var(--focus-on-dark); }
.mt-8{ margin-top:var(--s-8); }
.mt-10{ margin-top:var(--s-10); }
.mb-6{ margin-bottom:var(--s-6); }


.switch-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-4); margin-bottom:var(--s-10); }
.seg{ display:inline-flex; padding:5px; gap:4px; background:var(--surface); border:1px solid var(--edge); border-radius:var(--r-pill); box-shadow:var(--shadow-card); }
.seg button{ min-height:44px; padding:0 22px; border-radius:var(--r-pill); border:0; background:none; font-weight:var(--fw-mid); color:var(--ink); cursor:pointer; transition:background-color var(--d-hover) var(--ease), color var(--d-hover) var(--ease); }
.seg button[aria-pressed="true"]{ background:var(--select); color:var(--on-select); font-weight:var(--fw-strong); }
.tiers{ display:grid; gap:var(--s-4); }
.tiers > *{ min-width:0; }
@media (min-width: 720px){ .tiers{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1160px){ .tiers{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.tier{ display:flex; flex-direction:column; gap:var(--s-4); padding:var(--s-8) var(--s-6); border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); }
.tier-name{ font-size:1.375rem; font-weight:var(--fw-strong); letter-spacing:-.01em; }
.price{ display:grid; gap:var(--s-2); min-height:104px; align-content:start; }
.price .amt{ font-size:clamp(3rem, 4.6vw, 3.75rem); font-weight:var(--fw-display); letter-spacing:-.04em; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; }
.price .unit{ font-size:var(--t-meta); line-height:1.4; }
.tier-sit{ font-size:var(--t-small); min-height:3em; }
.tier-jump{ font-weight:var(--fw-strong); line-height:1.4; padding-block:var(--s-3); border-block:1px solid var(--edge-subtle); }
.tier ul{ display:grid; gap:var(--s-2); font-size:var(--t-small); }
.tier ul li{ display:grid; grid-template-columns:18px minmax(0, 1fr); gap:var(--s-2); align-items:start; }
.tier ul li::before{ content:""; width:16px; height:16px; margin-top:3px; background:url("/assets/bild/c6ee8bb6a93b0cb1.svg") center / 16px no-repeat; }
.tier-limit{ font-size:var(--t-small); padding:var(--s-3); border-radius:var(--r-md); background:var(--surface-alt); }
.tier-ad{ font-size:var(--t-small); margin-top:auto; padding-top:var(--s-3); border-top:1px solid var(--edge-subtle); }
.tier-act{ display:grid; gap:var(--s-1); }
.tier-act .meta{ font-size:var(--t-meta); }
.cmp{ margin-top:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.cmp > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); padding:var(--s-4) var(--s-6); min-height:60px; font-weight:var(--fw-strong); }
.cmp > summary::-webkit-details-marker{ display:none; }
.cmp > summary .pm{ width:34px; height:34px; border-radius:var(--r-pill); border:1px solid var(--edge); display:grid; place-items:center; flex:none; transition:transform var(--d-hover) var(--ease); }
.cmp > summary .pm svg{ width:14px; height:14px; }
.cmp[open] > summary .pm{ transform:rotate(180deg); }
.cmp-scroll{ overflow-x:auto; border-top:1px solid var(--edge); }
.cmp table{ border-collapse:collapse; width:100%; min-width:760px; font-size:var(--t-small); }
.cmp th, .cmp td{ padding:var(--s-3) var(--s-4); border-bottom:1px solid var(--edge-subtle); text-align:left; vertical-align:top; }
.cmp thead th{ position:sticky; top:0; background:var(--surface-muted); font-size:var(--t-meta); font-weight:var(--fw-strong); }
.cmp td.c, .cmp th.c{ text-align:center; width:76px; }
.cmp td.c svg{ width:18px; height:18px; margin-inline:auto; }
.cmp tbody th{ font-weight:var(--fw-strong); width:240px; }
.under{ display:grid; gap:var(--s-3); margin-top:var(--s-8); max-width:780px; }
.fit{ display:grid; gap:var(--s-2); margin-top:var(--s-2); }
.fit-row{ display:grid; gap:var(--s-3) var(--s-6); align-items:center; padding:var(--s-4) var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); transition:opacity var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease); }
@media (min-width: 760px){ .fit-row{ grid-template-columns:minmax(0, 1fr) auto 100px; } }
.fit-row p{ font-weight:var(--fw-mid); line-height:1.4; }
.fit-row .seg button{ min-width:72px; }
.fit-row.is-after{ opacity:.45; }
.fit-row.is-result{ border-color:var(--ink); box-shadow:var(--shadow-elevated); }
.fit-tier{ display:inline-flex; justify-content:center; align-items:center; min-height:38px; padding:0 20px; border-radius:var(--r-pill); background:var(--brand); color:var(--on-brand); font-weight:var(--fw-bold); }
.fit-slot{ min-height:38px; display:flex; align-items:center; }
.aktiv{ padding:var(--s-6); border-radius:var(--r-card); background:var(--ground); border:1px solid var(--edge); display:grid; gap:var(--s-2); }
.aktiv-lab{ font-weight:var(--fw-strong); }


.io{ display:grid; gap:var(--s-4); }
.io > *{ min-width:0; }
@media (min-width: 840px){ .io{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } }
.io-card{ padding:var(--s-8); border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); display:grid; gap:var(--s-3); align-content:start; }
.io-lab{ display:inline-flex; align-items:center; gap:var(--s-2); font-size:var(--t-small); font-weight:var(--fw-strong); }
.io-lab svg{ width:18px; height:18px; }
.facts{ display:grid; gap:var(--s-3); margin-top:var(--s-2); }
.fact{ display:grid; grid-template-columns:40px minmax(0, 1fr); gap:var(--s-3); align-items:start; padding:var(--s-4); border-radius:var(--r-inner); background:var(--surface); border:1px solid var(--edge); }
.fact .ico{ width:40px; height:40px; place-items:start center; }
.fact .ico svg{ width:22px; height:22px; }
.int-hero-grid{ display:grid; gap:var(--s-10); align-items:start; }
.int-hero-grid > *{ min-width:0; }
@media (min-width: 1100px){ .int-hero-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); grid-template-areas:'copy wall' 'cta wall'; gap:var(--s-8) var(--s-12); } .int-hero-grid > :nth-child(1){ grid-area:copy; } .int-hero-grid > :nth-child(2){ grid-area:wall; } .int-hero-grid > :nth-child(3){ grid-area:cta; align-self:start; } }


.rtable{ width:100%; border-collapse:collapse; background:var(--surface); border-radius:var(--r-card); overflow:hidden; box-shadow:0 0 0 1px var(--edge); }
.rtable th, .rtable td{ text-align:left; vertical-align:top; padding:var(--s-4) var(--s-6); border-bottom:1px solid var(--edge-subtle); }
.rtable thead th{ font-size:var(--t-meta); font-weight:var(--fw-strong); background:var(--surface-muted); }
.rtable tbody tr:last-child > *{ border-bottom:0; }
.rtable tbody th{ font-weight:var(--fw-strong); }
.rtable .role{ display:inline-flex; padding:4px 12px; border-radius:var(--r-pill); background:var(--surface-alt); font-size:var(--t-meta); font-weight:var(--fw-mid); white-space:nowrap; }
@media (max-width: 760px){
  .rtable thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .rtable, .rtable tbody, .rtable tr, .rtable th, .rtable td{ display:block; width:100%; }
  .rtable tr{ padding:var(--s-4) var(--s-4) var(--s-2); border-bottom:1px solid var(--edge); }
  .rtable tbody tr:last-child{ border-bottom:0; }
  .rtable th, .rtable td{ padding:var(--s-1) 0 var(--s-2); border:0; }
  .rtable td[data-label]::before{ content:attr(data-label); display:block; font-size:12px; font-weight:var(--fw-strong); margin-bottom:2px; }
}
.gf-points{ display:grid; gap:var(--s-3); margin-block:var(--s-8); }
@media (min-width: 760px){ .gf-points{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-3) var(--s-8); } }
.gf-points li{ display:grid; grid-template-columns:24px minmax(0, 1fr); gap:var(--s-3); padding-block:var(--s-3); border-bottom:1px solid var(--edge); }
.gf-points li::before{ content:""; width:10px; height:10px; margin-top:8px; border-radius:var(--r-pill); background:var(--select); }
.pkg{ display:grid; gap:var(--s-10); align-items:start; }
.pkg > *{ min-width:0; }
@media (min-width: 1024px){ .pkg{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:var(--s-16); } }
.docstack{ position:relative; height:260px; margin-top:var(--s-8); max-width:420px; }
.docstack i{ position:absolute; width:170px; height:240px; border-radius:6px; background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); padding:16px; display:grid; align-content:start; gap:7px; }
.docstack i::before{ content:""; height:10px; width:70%; background:var(--ink); border-radius:2px; }
.docstack i::after{ content:""; height:118px; background:repeating-linear-gradient(180deg, var(--edge) 0 5px, transparent 5px 12px); }
.docstack i:nth-child(1){ left:0; top:14px; transform:rotate(-5deg); }
.docstack i:nth-child(2){ left:70px; top:6px; transform:rotate(-1deg); }
.docstack i:nth-child(3){ left:140px; top:10px; transform:rotate(3deg); }
.docstack i:nth-child(4){ left:210px; top:0; transform:rotate(6deg); border-top:4px solid var(--brand); }
@media (max-width: 480px){ .docstack{ transform:scale(.8); transform-origin:0 0; height:210px; } }
.check{ display:grid; grid-template-columns:24px minmax(0, 1fr); gap:var(--s-3); align-items:start; font-size:var(--t-small); line-height:1.45; cursor:pointer; }
.field > .check{ font-weight:var(--fw-body); font-size:var(--t-small); }
.check input{ width:22px; height:22px; margin:0; accent-color:var(--select); cursor:pointer; }
.check.is-invalid input{ outline:2px solid var(--danger-text); outline-offset:1px; border-radius:4px; }
.ok-box{ display:grid; gap:var(--s-3); padding:var(--s-6); border-radius:var(--r-card); background:var(--success-bg); color:var(--success-text); animation:fadeUp var(--d-tab) var(--ease); }
.ok-box p{ color:var(--ink); }

.ok-box strong{ overflow-wrap:break-word; }


.dl-grid{ display:grid; gap:var(--s-10); align-items:start; }
.dl-grid > *{ min-width:0; }
@media (min-width: 1024px){ .dl-grid{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:var(--s-16); } }

@media (max-width: 719.98px){
  .dl-grid{ row-gap:var(--s-6); }
  .dl-grid > .sub-hero-copy{ display:contents; }
  .dl-grid > .form-card{ margin-block:var(--s-4); }
  .dl-grid .hero-lines{ order:1; }
}
.simple-table{ width:100%; border-collapse:collapse; background:var(--surface); border-radius:var(--r-card); overflow:hidden; box-shadow:0 0 0 1px var(--edge); font-size:var(--t-small); }
.simple-table th, .simple-table td{ text-align:left; padding:var(--s-3) var(--s-4); border-bottom:1px solid var(--edge-subtle); vertical-align:top; }
.simple-table thead th{ font-size:var(--t-meta); font-weight:var(--fw-strong); background:var(--surface-muted); }
.simple-table tbody th{ font-weight:var(--fw-strong); white-space:nowrap; }
.simple-table tr:last-child > *{ border-bottom:0; }
.steps-ol{ display:grid; gap:var(--s-3); counter-reset:st; }
.steps-ol li{ counter-increment:st; display:grid; grid-template-columns:38px minmax(0, 1fr); gap:var(--s-3); align-items:start; }
.steps-ol li::before{ content:counter(st); width:34px; height:34px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); display:grid; place-items:center; font-weight:var(--fw-strong); font-size:var(--t-small); }
.blocks{ display:grid; gap:var(--s-4); margin-top:var(--s-10); }
.blocks > *{ min-width:0; }
@media (min-width: 760px){ .blocks{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.block{ padding:var(--s-8); border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); display:grid; gap:var(--s-2); align-content:start; }
.block-n{ font-size:var(--t-meta); font-weight:var(--fw-strong); font-variant-numeric:tabular-nums; }
.bridge{ border-radius:var(--r-surface); background:var(--surf-stein); padding:clamp(28px, 4vw, 64px); display:grid; gap:var(--s-8); align-items:center; overflow:clip; }
.bridge > *{ min-width:0; }
@media (min-width: 900px){ .bridge{ grid-template-columns:minmax(0, 1fr) auto; } }
.bridge > p{ font-size:clamp(1.625rem, 2.8vw, 2.5rem); font-weight:var(--fw-display); letter-spacing:-.02em; line-height:1.2; max-width:26ch; }
.bridge .dev-iphone{ --w:clamp(170px, 18vw, 230px); margin-inline:auto; }
@media (max-width: 640px){ .bridge > p{ font-weight:var(--fw-body); } }
.sheet{ border-radius:var(--r-md); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); overflow:hidden; font-size:12px; position:relative; } 
.sheet-scroll{ overflow-x:auto; }
.sheet table{ border-collapse:collapse; min-width:980px; width:100%; }
.sheet th, .sheet td{ border:1px solid var(--edge); padding:6px 8px; text-align:left; white-space:nowrap; font-weight:var(--fw-mid); }
.sheet thead tr:first-child th{ background:var(--surface-alt); text-align:center; padding:3px; }
.sheet thead tr:nth-child(2) th{ background:var(--success-bg); color:var(--success-text); font-weight:var(--fw-bold); }
.sheet td.idx, .sheet th.idx{ background:var(--surface-alt); text-align:center; width:28px; }
.fig{ position:relative; min-width:0; }


.ph, .ph-only{ display:none; }
.ph-tools{ display:none; }
.chip-btn{ font-family:var(--chrome-font); font-size:12px; font-weight:600; line-height:1; min-height:32px; padding:0 12px; border-radius:var(--r-pill); border:1px solid var(--chrome-edge); background:var(--chrome-bg); color:var(--chrome-ink); cursor:pointer; }
.chip-btn:hover{ background:var(--chrome-raise); }

.chip-btn[aria-pressed]{ display:inline-flex; align-items:center; gap:6px; min-height:44px; white-space:nowrap; }
.chip-btn[aria-pressed="true"]{ padding-left:9px; background:var(--chrome-accent); border-color:var(--chrome-accent); color:var(--chrome-bg); }
.chip-btn[aria-pressed="true"]::before{ content:""; width:14px; height:14px; flex:none; background:currentColor; -webkit-mask:url("/assets/bild/fcad86e5d0a1a9d3.svg") center/contain no-repeat; mask:url("/assets/bild/fcad86e5d0a1a9d3.svg") center/contain no-repeat; }
.ph-tools .lbl{ color:var(--ph-ink); font-weight:600; }
.stage .ph{ position:relative; z-index:8; }


.chrome{ position:fixed; left:0; right:0; bottom:0; z-index:40; background:var(--chrome-bg); color:var(--chrome-ink); font-family:var(--chrome-font); font-size:13px; line-height:1.3; padding-bottom:env(safe-area-inset-bottom, 0px); box-shadow:0 -8px 24px rgba(0,0,0,.18); }
.chrome-row{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:8px max(12px, env(safe-area-inset-left, 0px)); max-width:1400px; margin-inline:auto; }
.chrome-name{ font-weight:600; color:var(--chrome-ink); min-width:0; flex:1 1 280px; }
.chrome-ctl{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.chrome label{ color:var(--chrome-ink-2); font-size:12px; }
.chrome select{ font-family:var(--chrome-font); font-size:13px; min-height:36px; border-radius:8px; border:1px solid var(--chrome-edge); background:var(--chrome-raise); color:var(--chrome-ink); padding:0 8px; max-width:210px; }
.chrome :focus-visible{ outline:2px solid var(--chrome-accent) !important; outline-offset:2px; }
.chrome-btn{ font-family:var(--chrome-font); font-size:13px; font-weight:600; min-height:36px; padding:0 12px; border-radius:8px; border:1px solid var(--chrome-edge); background:var(--chrome-raise); color:var(--chrome-ink); cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
.chrome-btn:hover{ border-color:var(--chrome-ink-2); }
.sw{ width:30px; height:18px; border-radius:var(--r-pill); background:var(--chrome-edge); position:relative; flex:none; transition:background-color var(--d-hover) var(--ease); }
.sw::after{ content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:var(--r-pill); background:var(--chrome-ink); transition:transform var(--d-hover) var(--ease); }
[aria-checked="true"] .sw{ background:var(--warning); }
[aria-checked="true"] .sw::after{ transform:translateX(12px); background:var(--chrome-bg); }
.chrome-toggle{ display:none; }
@media (max-width: 760px){
  .chrome-toggle{ display:inline-flex; margin-left:auto; }
  .chrome-name{ flex-basis:auto; flex:1; font-size:12px; }
  .chrome.is-collapsed .chrome-ctl{ display:none; }
  .chrome.is-collapsed .chrome-name .long{ display:none; }
  .chrome:not(.is-collapsed) .chrome-name .short{ display:none; }
  .chrome:not(.is-collapsed) .chrome-ctl{ width:100%; }
}
@media (min-width: 761px){ .chrome-name .short{ display:none; } }
.chrome-toggle svg{ width:16px; height:16px; transition:transform var(--d-hover) var(--ease); }
.chrome:not(.is-collapsed) .chrome-toggle svg{ transform:rotate(180deg); }


.site-foot{ border-top:1px solid var(--edge); background:var(--surface); padding-block:var(--s-12); }
.foot-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-3) var(--s-6); }

.foot-row ul{ display:flex; flex-wrap:wrap; gap:var(--s-1) var(--s-2); margin-inline:-10px 10px; }
.foot-link{ background:none; border:0; cursor:pointer; min-height:44px; padding:0 10px; font-size:var(--t-small); font-weight:var(--fw-body); color:var(--ink); border-radius:var(--r-pill); }
.foot-link:hover{ background:var(--hover-wash); }

.foot-marken{ flex-basis:100%; }


dialog.dlg{ padding:0; border:0; border-radius:var(--r-card); background:var(--surface); color:var(--ink); box-shadow:var(--shadow-floating); width:min(560px, calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; font-family:var(--font); font-weight:var(--fw-body); font-size:1rem; line-height:1.55; }
dialog.dlg::backdrop{ background:rgba(21,23,28,.48); backdrop-filter:blur(6px); }
dialog.dlg[open]{ animation:dlgIn 240ms var(--ease); }
dialog.dlg-wide{ width:min(1120px, calc(100vw - 32px)); }
dialog.dlg-mid{ width:min(760px, calc(100vw - 32px)); }
.dlg-menu{ margin-top:12px; }
.menu-top{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); }
.menu-top .brand svg{ height:18px; }
.dlg-chrome{ position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:10px; padding:10px 10px 10px 16px; background:var(--chrome-bg); color:var(--chrome-ink); font-family:var(--chrome-font); font-size:13px; font-weight:600; }
.dlg-chrome h2{ font-size:13px; font-weight:600; line-height:1.3; flex:1; min-width:0; font-family:var(--chrome-font); letter-spacing:0; }
.dlg-x{ width:40px; height:40px; border-radius:8px; border:1px solid var(--chrome-edge); background:var(--chrome-raise); color:var(--chrome-ink); display:grid; place-items:center; cursor:pointer; flex:none; }
.dlg-x svg{ width:16px; height:16px; }
.dlg-chrome :focus-visible{ outline:2px solid var(--chrome-accent) !important; }
.dlg-body{ padding:var(--s-6); display:grid; gap:var(--s-4); }
.dlg-note{ font-family:var(--chrome-font); font-size:14px; color:var(--ink); }
.menu-list{ display:grid; gap:var(--s-1); }
.menu-list .nav-link{ width:100%; justify-content:flex-start; font-size:1.125rem; min-height:var(--menu-zeile); padding:0 var(--s-4); border-radius:var(--r-md); }

.dlg-menu{ --menu-zeile:52px; }
.dlg-menu[open]{ display:flex; flex-direction:column; }
.dlg-menu .dlg-body{ display:flex; flex-direction:column; min-height:0; }
.dlg-menu .menu-list{ --fokus-rand:4px; min-height:calc(3 * var(--menu-zeile)); overflow-y:auto; padding:var(--fokus-rand); margin:calc(-1 * var(--fokus-rand)); scroll-padding-block:var(--fokus-rand); }
.dlg-menu .dlg-body > :not(.menu-list){ flex:none; }
.preview-mail{ border:1px solid var(--edge); border-radius:var(--r-inner); overflow:hidden; }
.pm-head{ padding:var(--s-4); background:var(--surface-muted); border-bottom:1px solid var(--edge); display:grid; gap:var(--s-1); }
.pm-lab{ font-family:var(--chrome-font); font-size:11px; color:var(--ink-2); }
.pm-subj{ font-weight:var(--fw-strong); font-size:1.0625rem; line-height:1.35; }
.pm-body{ padding:var(--s-6); display:grid; gap:var(--s-4); }
.pm-foot{ padding:var(--s-4) var(--s-6); border-top:1px solid var(--edge); display:grid; gap:6px; }
.bars-ph{ display:grid; gap:6px; }
.bars-ph i{ display:block; height:7px; border-radius:3px; background:var(--edge); }
.bars-ph i:nth-child(2n){ width:82%; } .bars-ph i:nth-child(3n){ width:64%; }
.attach{ display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--edge); border-radius:12px; width:max-content; max-width:100%; background:var(--surface); }
.attach i{ width:28px; height:34px; border-radius:4px; background:var(--danger-bg); color:var(--danger-text); font-style:normal; font-size:8.5px; font-weight:800; display:grid; place-items:end center; padding-bottom:4px; flex:none; }
.attach span{ font-weight:var(--fw-mid); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.preview-page{ padding:var(--s-8) var(--s-6); border-radius:var(--r-inner); background:var(--aurora-strong); display:grid; gap:var(--s-3); }
.reg-table{ width:100%; border-collapse:collapse; font-family:var(--chrome-font); font-size:13px; }
.reg-table th, .reg-table td{ padding:8px 10px; border-bottom:1px solid var(--edge); text-align:right; font-variant-numeric:tabular-nums; }
.reg-table th:first-child, .reg-table td:first-child{ text-align:left; }
.reg-table thead th{ font-size:11px; color:var(--ink-2); }
.reg-table .bad{ color:var(--danger-text); font-weight:700; }
.reg-scroll{ overflow-x:auto; }
.reg-details{ font-family:var(--chrome-font); font-size:13px; border:1px solid var(--edge); border-radius:var(--r-md); }
.reg-details summary{ cursor:pointer; padding:10px 12px; font-weight:600; min-height:44px; display:flex; align-items:center; }
.reg-details ol{ padding:0 12px 12px; display:grid; gap:4px; list-style:none; }
.reg-details li{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:8px; padding:6px 8px; border-radius:6px; background:var(--surface-muted); }
.reg-details li span:first-child{ overflow-wrap:anywhere; }
.reg-type{ font-size:11px; font-weight:700; padding:2px 8px; border-radius:var(--r-pill); white-space:nowrap; align-self:start; }
.rt-seite{ background:var(--success-bg); color:var(--success-text); }
.rt-overlay{ background:var(--info-bg); color:var(--info-text); }
.rt-folgt{ background:var(--warning-bg); color:var(--warning-text); }
.rt-aktion{ background:var(--surface-alt); color:var(--ink-2); }
.rt-ohne{ background:var(--danger-bg); color:var(--danger-text); }
.reg-target{ grid-column:1 / -1; font-size:12px; color:var(--ink-2); }
.a4-grid{ display:grid; gap:var(--s-6); padding:var(--s-6); background:var(--surface-alt); }
.a4-grid > *{ min-width:0; }
@media (min-width: 900px){ .a4-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.a4-wrap{ display:grid; gap:6px; }
.a4-cap{ font-family:var(--chrome-font); font-size:12px; font-weight:600; color:var(--ink-2); }
.a4{ contain:inline-size; min-width:0; background:var(--surface); aspect-ratio:1 / 1.414; box-shadow:var(--shadow-elevated); padding:28px 26px; display:flex; flex-direction:column; gap:10px; font-size:10.5px; line-height:1.42; color:var(--ink); font-weight:400; }
.a4 h3{ font-size:13px; font-weight:700; letter-spacing:-.005em; margin-top:4px; }
.a4 .a4-title{ font-size:15px; font-weight:800; line-height:1.2; padding-bottom:8px; border-bottom:2px solid var(--brand); }
.a4 .plakat{ font-weight:700; }
.a4 table{ width:100%; border-collapse:collapse; font-size:9.5px; }
.a4 th, .a4 td{ border:1px solid var(--edge); padding:4px 6px; text-align:left; vertical-align:top; }
.a4 thead th{ background:var(--surface-muted); font-weight:700; }
.kbar{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); border:1px solid var(--edge); border-radius:6px; overflow:hidden; }
.kbar div{ padding:7px 8px; border-right:1px solid var(--edge); display:grid; gap:2px; min-width:0; }
.kbar div:last-child{ border-right:0; }
.kbar b{ font-size:12.5px; font-weight:800; }
.kbar span{ font-size:9px; color:var(--ink-2); }
.five{ display:grid; gap:4px; }
.five p b{ font-weight:700; }
.a4-gap{ font-family:var(--chrome-font); font-size:9.5px; color:var(--ph-ink); background:var(--ph-bg); border:1px dashed var(--ph-edge); border-radius:4px; padding:4px 6px; display:grid; gap:4px; }
.a4-gap i{ display:block; height:5px; border-radius:2px; background:rgba(146,64,14,.18); }
.a4-gap i:nth-child(odd){ width:86%; }
.a4-foot{ margin-top:auto; padding-top:8px; border-top:1px solid var(--edge); }
.a4 ol{ display:grid; gap:6px; list-style:none; }
@media (max-width: 520px){ .a4{ aspect-ratio:auto; padding:20px 16px; } }
.zf-pop{ position:fixed; inset:auto; margin:0; z-index:90; max-width:min(320px, calc(100vw - 24px)); padding:10px 12px; border-radius:10px; border:1px solid var(--chrome-edge); background:var(--chrome-bg); color:var(--chrome-ink); font-family:var(--chrome-font); font-size:13px; line-height:1.4; box-shadow:var(--shadow-floating); display:none; }
.zf-pop:popover-open, .zf-pop.is-open{ display:grid; gap:2px; animation:fadeUp 160ms var(--ease); }
.zf-pop strong{ color:var(--chrome-accent); font-size:11px; letter-spacing:.06em; }


@keyframes fadeUp{ from{ transform:translateY(6px); } to{ transform:none; } }
@keyframes dlgIn{ from{ opacity:.6; transform:scale(.97); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){
  #zb *, #zb *::before, #zb *::after, dialog.dlg, .zf-pop{ transition-duration:0ms !important; animation:none !important; }
  .close-card:hover{ transform:none; }
}
@media (forced-colors: active){ .btn, .seg button, .pill-radios label{ border:1px solid ButtonText; } }



:root{ --fw-btn:450; --sh-float: 0 1px 2px rgba(8,9,12,.06), 0 18px 40px -12px rgba(8,9,12,.28), 0 40px 80px -30px rgba(8,9,12,.22); }


.btn, .seg button[aria-pressed="true"], .pill-radios label, .fit-tier{ font-weight:var(--fw-btn); }



.vis{ position:relative; margin:0; min-width:0; }
.cc{ position:absolute; z-index:3; width:var(--cw); aspect-ratio:var(--ar); background-size:cover; background-position:center; border-radius:calc(var(--cw) * var(--rr, .06)); box-shadow:var(--sh-float); }
.vis-photo{ padding:0 0 6%; }
.vis-photo .pic{ aspect-ratio:1213 / 870; border-radius:var(--r-card-lg); background-size:cover; box-shadow:0 30px 80px -30px rgba(0,0,0,.6); }


.eyebrow.stop{ position:relative; padding:6px 14px 6px 10px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); margin-bottom:var(--s-2); }
.band-dark .eyebrow.stop{ background:rgba(255,255,255,.08); color:var(--ink-inverse); box-shadow:0 0 0 1px var(--dark-edge); }
.sec-head > .eyebrow.stop{ justify-self:start; width:fit-content; }


.calc-how{ margin-top:var(--s-4); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.calc-how > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); padding:var(--s-4) var(--s-6); min-height:56px; font-weight:var(--fw-strong); }
.calc-how > summary::-webkit-details-marker{ display:none; }
.calc-how > summary .pm{ width:34px; height:34px; border-radius:var(--r-pill); border:1px solid var(--edge); display:grid; place-items:center; flex:none; transition:transform var(--d-hover) var(--ease); }
.calc-how > summary .pm svg{ width:14px; height:14px; }
.calc-how[open] > summary .pm{ transform:rotate(180deg); }

.calc-how > p{ padding:0 var(--s-6) var(--s-6); max-width:52ch; }


.rv-pending{ transform:translateY(12px); }
.rv-in{ transform:none; transition:transform 300ms var(--ease-out); }  .hero .rot-stage .dev-shot{ animation:none; }

@media (prefers-reduced-motion: reduce){
  .rv-pending{ transform:none !important; }
}





.dev-ipad .dev-screen{ aspect-ratio:1138/834; }
.scr{ image-rendering:auto; }
.vis-dev{ position:relative; margin:0; min-width:0; }
.vis-dev > .ph{ position:relative; z-index:8; margin-top:var(--s-6); }


.pic-photo{ aspect-ratio:3/2; }
.photo-fig{ position:relative; margin:0; min-width:0; }


.stimmen{ display:grid; gap:var(--s-6); }
.stimmen > *{ min-width:0; }
@media (min-width: 960px){ .stimmen{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } .stimmen > .stimme-lg{ grid-column:1 / -1; } }
.stimme{ position:relative; margin:0; display:grid; gap:var(--s-6); padding:clamp(20px, 3vw, 40px); border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); align-content:start; }
.stimme > *{ min-width:0; }
.st-top{ display:flex; align-items:center; gap:var(--s-4); }
.st-portrait{ flex:none; width:clamp(72px, 9vw, 104px); aspect-ratio:1; border-radius:var(--r-pill); background-size:cover; background-position:50% 30%; box-shadow:0 0 0 4px var(--surface), 0 0 0 5px var(--edge), var(--shadow-elevated); }
.st-who{ display:grid; gap:2px; }
.st-name{ font-size:var(--t-body); line-height:1.3; }
.st-role{ font-size:var(--t-small); color:var(--ink-2); line-height:1.4; }
.st-logo{ margin-left:auto; align-self:flex-start; }
.st-logo .cust{ filter:none; opacity:1; }
.st-quote{ margin:0; }
.st-quote p{ font-size:clamp(1.5rem, 2.4vw, 2.125rem); font-weight:var(--fw-display); letter-spacing:-.02em; line-height:1.18; }

.st-quote p::before, .sm-quote p::before{ display:var(--zitatmarke, block); width:36px; margin-bottom:var(--s-4); }
.st-full{ border-top:1px solid var(--edge); padding-top:var(--s-4); }
.st-full > summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:var(--s-2); min-height:44px; font-weight:var(--fw-strong); text-decoration:underline; text-decoration-color:var(--edge-strong); text-underline-offset:5px; }
.st-full > summary::-webkit-details-marker{ display:none; }
.st-full > summary .pm{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:var(--r-pill); border:1px solid var(--edge); transition:transform var(--d-hover) var(--ease); }
.st-full > summary .pm svg{ width:12px; height:12px; }
.st-full[open] > summary .pm{ transform:rotate(180deg); }
.st-full blockquote{ margin:var(--s-3) 0 0; }
.st-full blockquote p{ font-size:var(--t-lead); line-height:1.55; }


.stimme-lg{ background:var(--surf-stein); border-color:transparent; box-shadow:none; }
@media (min-width: 900px){
  .stimme-lg{ gap:var(--s-4) var(--s-10); align-items:start; align-content:center; padding:clamp(24px, 3vw, 48px); }
  .stimme-lg .st-portrait{ aspect-ratio:1; border-radius:var(--r-card); box-shadow:var(--shadow-floating); grid-row:1 / span 4; align-self:center; }
  .stimme-lg .st-top .st-portrait{ display:none; }
}
.stimme-lg .st-big{ display:none; }
@media (min-width: 900px){ .stimme-lg .st-big{ display:block; } }
.stimme-lg .st-quote p{ font-size:clamp(2rem, 3.6vw, 3.25rem); line-height:1.08; letter-spacing:-.025em; }
.stimme.is-side{ background:var(--surface); }
.stimme-sec .stimme{ max-width:1000px; }


.head-nav li{ position:relative; }
.nav-dd > .nav-link{ display:inline-flex; align-items:center; gap:6px; }
.nav-dd > .nav-link svg{ width:14px; height:14px; transition:transform var(--d-hover) var(--ease); }
.nav-dd > .nav-link[aria-expanded="true"] svg{ transform:rotate(180deg); }
.dd-panel{ position:absolute; left:-16px; top:calc(100% + 10px); z-index:60; min-width:280px; padding:var(--s-3); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-floating); display:grid; gap:var(--s-1); }
.dd-panel[hidden]{ display:none; }
.dd-panel.is-wide{ min-width:520px; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:var(--s-2) var(--s-4); }
.dd-col{ display:grid; gap:2px; align-content:start; }
.dd-lab{ font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink-2); padding:var(--s-2) var(--s-3) var(--s-1); }
.dd-link{ display:flex; align-items:center; min-height:44px; padding:0 var(--s-3); border-radius:var(--r-sm); text-decoration:none; color:var(--ink); font-weight:var(--fw-mid); transition:background-color var(--d-hover) var(--ease); }
.dd-link:hover{ background:var(--hover-wash); }
.dd-link[aria-current="page"]{ background:var(--brand-soft); }
.nav-dd > .nav-link[data-aktiv]{ background:var(--select); color:var(--on-select); }

.menu-group > summary[data-aktiv]{ background:var(--select); color:var(--on-select); border-radius:var(--r-md); }
.menu-group{ border-bottom:1px solid var(--edge); }
.menu-group > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; min-height:52px; padding:0 var(--s-4); font-size:1.125rem; font-weight:var(--fw-mid); }
.menu-group > summary::-webkit-details-marker{ display:none; }
.menu-group > summary svg{ width:16px; height:16px; transition:transform var(--d-hover) var(--ease); }
.menu-group[open] > summary svg{ transform:rotate(180deg); }
.menu-sub{ display:grid; gap:2px; padding:0 var(--s-4) var(--s-3) var(--s-8); }
.menu-sub .dd-lab{ padding-left:0; }
.menu-sub .dd-link{ padding-left:0; min-height:44px; }


.w2-hero-grid{ display:grid; gap:var(--s-10); align-items:center; }
.w2-hero-grid > *{ min-width:0; }
@media (min-width: 1100px){ .w2-hero-grid{ grid-template-columns:minmax(0, 6fr) minmax(0, 6fr); gap:var(--s-12); } }
.w2-hero-copy{ display:grid; gap:var(--s-6); }
.w2-hero-copy > *{ min-width:0; }
.jump{ display:flex; flex-wrap:wrap; gap:var(--s-2); margin-top:var(--s-2); }
.jump a{ display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border-radius:var(--r-pill); border:1px solid var(--edge); background:var(--surface); text-decoration:none; color:var(--ink); font-size:var(--t-small); font-weight:var(--fw-mid); transition:border-color var(--d-hover) var(--ease); }
.jump a:hover{ border-color:var(--brand); }

.limit{ margin-top:var(--s-6); padding:var(--s-4) var(--s-6); background:var(--surface); border:1px solid var(--edge); border-radius:var(--r-inner); }
.limit .pt-lab{ display:block; font-size:var(--t-meta); font-weight:var(--fw-strong); }
.link-row{ display:flex; flex-wrap:wrap; gap:var(--s-3) var(--s-8); margin-top:var(--s-6); }
.branch-card{ display:grid; gap:var(--s-3); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); scroll-margin-top:var(--s-6); }
.branch-card h3{ font-size:var(--t-h3); font-weight:var(--fw-strong); }
.anker-sec{ scroll-margin-top:var(--s-4); }
.obj-pair{ position:relative; min-height:clamp(260px, 30vw, 420px); }
.obj-pair .o-schild{ position:absolute; top:0; }
.obj-pair .o-pin{ position:absolute; bottom:0; z-index:2; }
.obj-pair > .ph{ position:absolute; left:0; bottom:-8px; z-index:4; }


.photo-fig .pic .ph{ bottom:auto; top:12px; }

@media (prefers-reduced-motion: reduce){ .st-full > summary .pm, .dd-link, .nav-dd > .nav-link svg{ transition:none; } }



:root{
  --info:#3B82F6;          
  --fw-semi:600;           
  --flat-shadow:0 10px 18px rgba(8,9,12,.10);
}


.email-row{ border-color:var(--edge-strong); }
.email-row input::placeholder, .field input::placeholder{ color:var(--ink-2); opacity:1; }
@media (max-width: 520px){
  .email-row{ background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); gap:8px; }
  .email-row input{ background:var(--surface); border:2px solid var(--edge-strong); border-radius:var(--r-md); padding:0 16px; min-height:52px; }
  .email-row:focus-within{ border-color:var(--edge); box-shadow:var(--shadow-card); }
  .email-row input:focus-visible{ border-color:var(--focus); box-shadow:0 0 0 3px rgba(249,115,22,.22); }
}
.stepper{ background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); }
.stepper input{ border:2px solid var(--edge-strong); }
.step-btn:hover{ background:var(--surface-alt); }
.stepper input:focus-visible{ outline:none; border-color:var(--focus); box-shadow:0 0 0 3px rgba(249,115,22,.22); }


.obj{ aspect-ratio:auto; background:none; }
.obj > svg{ display:block; width:100%; height:auto; overflow:visible; }
.s-tint{ fill:var(--info-bg); }
.s-main{ fill:var(--info); }
.s-deep{ fill:var(--info-text); }
.s-shade{ fill-opacity:.2; }
.s-white{ fill:var(--surface); }
.s-shackle{ fill:none; stroke:var(--surface); stroke-width:12; stroke-linecap:round; }
.obj-pair .o-schild{ width:min(48%, 300px); left:10%; }
.obj-pair .o-pin{ width:min(28%, 180px); right:10%; }


.price .amt{ font-weight:var(--fw-semi); letter-spacing:-.03em; }
.price .unit{ font-weight:var(--fw-mid); }
.tier-name{ font-weight:var(--fw-semi); }
.out-num{ font-weight:var(--fw-semi); letter-spacing:-.03em; }
.out-lab{ font-weight:var(--fw-semi); }
.stepper input{ font-weight:var(--fw-semi); }
.calc-row label{ font-weight:var(--fw-strong); }
.role-lab, .callout-lab{ font-weight:var(--fw-semi); }
.st-name{ font-weight:var(--fw-semi); }
.cmp tbody th{ font-weight:var(--fw-semi); }


.eyebrow.stop::before{ width:8px; height:8px; border:0; background:var(--brand); }
.band-dark .eyebrow.stop::before{ background:var(--brand); }


.st-logo .cust{ height:52px; }
.st-logo .cust-paulas{ height:28px; }
.st-logo .cust-3bears{ height:62px; }
.stimme-lg .st-logo .cust{ height:64px; }
.stimme-lg .st-logo .cust-paulas{ height:34px; }
@media (max-width: 640px){ .st-top{ flex-wrap:wrap; } .st-logo{ order:-1; flex-basis:100%; margin-left:0; } }



.photo-fig{ container-type:inline-size; }

.vis-photo{ container-type:inline-size; padding-bottom:0; }
.vis-photo > .pic{ margin-bottom:clamp(48px, 6vw, 72px); }


@media (min-width: 1024px){
  #zb{
    --t-body:1.125rem;                               
    --t-small:1rem;                                  
    --t-meta:.9375rem;                               
    --t-lead:clamp(1.3125rem, 1.65vw, 1.5rem);       
    --t-h3:clamp(1.375rem, 1.9vw, 1.625rem);         
  }
  .nav-link, .dd-link{ font-size:1.0625rem; }
  .btn{ font-size:1.125rem; }
  .btn-sm{ font-size:1rem; }
  .faq summary{ font-size:clamp(1.1875rem, 1.55vw, 1.375rem); }
  .email-row input, .field input[type="email"], .field input[type="text"], .stepper input{ font-size:1.125rem; }
  .tier-name{ font-size:1.5rem; }
  .lw-name, .lw-head{ font-size:var(--t-small); }
  .sheet{ font-size:13px; }
  .sheet thead tr:first-child th, .sheet td.idx, .sheet th.idx{ font-size:12px; }
  .st-quote p{ font-size:clamp(1.625rem, 2.5vw, 2.25rem); }
}



:root{
  
  --sec-y: clamp(64px, 7.5vw, 96px);         
  
  --sec-y-band: clamp(69.33px, 7.8vw, 106.67px);
  --sec-head-gap: clamp(28px, 3.2vw, 44px);  
  --fade: var(--sec-y);                      
  --band-inset: clamp(6px, 1.6vw, 24px);     
  --band-r: clamp(20px, 2.2vw, 28px);        
  --overlap: clamp(32px, 4.5vw, 64px);       
  --sec-pad: var(--sec-y);                   
  
  --info-200:#BFDBFE; --info-300:#93C5FD; --info-400:#60A5FA; --info-900:#1E3A8A; --info-950:#172554; --info-975:#0C1533;
  --sec-blue:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(59,130,246,.30) 0%, transparent 72%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(96,165,250,.10) 0%, transparent 70%),
    linear-gradient(180deg, var(--info-900) 0%, var(--info-950) 48%, var(--info-975) 100%);
  --on-blue:#FFFFFF; --on-blue-2:rgba(255,255,255,.82); --blue-edge:rgba(147,197,253,.24); --blue-card:rgba(255,255,255,.06);
}


.sec{ padding-block:var(--sec-y); }
.sec-head{ margin-bottom:var(--sec-head-gap); }
.sec-head.is-center{ justify-items:center; text-align:center; margin-inline:auto; }
.sec-head.is-center .lead{ margin-inline:auto; }

.eyebrow{ justify-self:start; width:fit-content; }
.sec-head.is-center > .eyebrow, .trust-head > .eyebrow{ justify-self:center; }
.logos-sec{ padding-block:0; }
.logos{ padding-block:var(--s-8); }

.sec-white{ background:linear-gradient(180deg, var(--ground) 0, var(--surface) var(--fade), var(--surface) calc(100% - var(--fade)), var(--ground) 100%); }
.hero{ padding-block:clamp(32px, 5vw, 80px) calc(var(--sec-y) + 8px); }
.hero::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:calc(var(--fade) * 1.5); background:linear-gradient(180deg, rgba(250,250,245,0) 0%, var(--ground) 100%); pointer-events:none; z-index:0; }
.hero > .wrap{ position:relative; z-index:1; }

.band-dark, .band-sec{ position:relative; padding-block:var(--sec-y-band); margin:clamp(4px, 1vw, 16px) var(--band-inset); border-radius:var(--band-r); overflow:clip; isolation:isolate; }
.band-dark::after, .band-sec::after{ display:none; }

.sec:has(+ .band-dark), .sec:has(+ .band-sec){ padding-bottom:calc(var(--sec-y) - 16px); }
.band-dark + .sec, .band-sec + .sec, .band-dark + .ph-only + .sec, .band-sec + .ph-only + .sec{ padding-top:calc(var(--sec-y) - 16px); }

@media (min-width: 1100px){
  .hang{ position:relative; z-index:3; margin-bottom:calc(-1 * var(--overlap)); }
  section:has(.hang) + section{ padding-top:calc(var(--sec-y) + var(--overlap)); }
  section:has(.hang){ overflow-x:clip; overflow-y:visible; }
}



.dev-shot{ --ar:1256 / 815; width:100%; padding:var(--pad-inner); border-radius:var(--r-surface); background:var(--surf-stein); }
.dev-shot .dev-screen{ aspect-ratio:var(--ar); border-radius:var(--r-inner); box-shadow:0 0 0 1px var(--edge), var(--shadow-floating); background:var(--surface); }
.dev-shot .dev-screen::after{ display:none; }
.dev-shot.is-ipad{ --ar:1138 / 834; }
.dev-shot.is-bare, .dev-shot.is-glass{ padding:0; background:none; border-radius:0; }


.stimme-mini{ --zitatmarke:none; margin:0; display:grid; grid-template-columns:auto minmax(0, 1fr); gap:var(--s-1) var(--s-4); align-items:center; padding:var(--s-4) var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); max-width:600px; }
.stimme-mini > *{ min-width:0; }
.stimme-mini .sm-logo{ grid-row:1 / span 2; display:flex; align-items:center; align-self:stretch; padding-right:var(--s-4); border-right:1px solid var(--edge); }
.stimme-mini .sm-logo .cust{ filter:none; opacity:1; height:30px; }
.stimme-mini .sm-logo .cust-paulas{ height:16px; }
.stimme-mini .sm-logo .cust-3bears{ height:36px; }
.stimme-mini .sm-quote{ margin:0; }
.stimme-mini .sm-quote p{ font-size:var(--t-body); line-height:1.4; font-weight:var(--fw-mid); }
.stimme-mini .sm-who{ display:flex; flex-wrap:wrap; gap:0 var(--s-2); font-size:var(--t-meta); color:var(--ink-2); }
.stimme-mini .sm-who .st-name{ font-weight:var(--fw-semi); color:var(--ink); }

.stimme-mini.has-por{ grid-template-columns:auto auto minmax(0, 1fr); }
.stimme-mini .sm-portrait{ grid-row:1 / span 2; width:var(--s-12); aspect-ratio:1; border-radius:var(--r-pill); background-size:cover; background-position:50% 30%; box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--edge); }

@media (max-width: 520px){ .stimme-mini{ grid-template-columns:minmax(0, 1fr); padding:var(--s-4); } .stimme-mini .sm-logo{ grid-row:auto; border-right:0; padding-right:0; } .stimme-mini .sm-quote p::before{ margin-top:calc(var(--s-6) - var(--s-1)); } }

@media (max-width: 520px){ .stimme-mini.has-por{ grid-template-columns:auto minmax(0, 1fr); } .stimme-mini .sm-portrait{ grid-row:auto; } .stimme-mini.has-por .sm-quote, .stimme-mini.has-por .sm-who{ grid-column:1 / -1; } }


.st-portrait{ max-width:200px; }
@media (min-width: 900px){
  .stimme-lg{ grid-template-columns:200px minmax(0, 1fr); }
  .stimme-lg .st-portrait{ width:200px; max-width:200px; }
}



.hero-rot{ display:grid; gap:var(--s-4); margin:0; min-width:0; }
.rot-stage{ position:relative; }
.rot-stage .dev-shot{ animation:devIn 900ms var(--ease-out) both; }
.hero-rot .scr{ transition:opacity var(--d-fade) var(--ease-io), transform 1400ms var(--ease-out); transform:scale(1.02); }
.hero-rot .scr.is-on{ transform:none; }
.hero-rot > .ph{ position:relative; z-index:4; margin-top:0; }


@media (max-width: 640px){ .dev-shot[data-zoom] .dev-screen{ aspect-ratio:var(--zar, var(--ar)); } }




.dk-top{ display:grid; gap:var(--s-10); align-items:center; }
.dk-top > *{ min-width:0; }
.dk-copy{ display:grid; gap:var(--s-6); align-content:start; justify-items:start; }
.dk-copy .dark-line{ margin:0; padding-top:var(--s-6); max-width:46ch; }
@media (min-width: 1024px){ .dk-top{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-12); } }
.band-dark .vis-photo:has(> .cc) > .pic{ margin-bottom:clamp(40px, 5vw, 64px); }
.vis-photo:not(:has(> .cc)) > .pic{ margin-bottom:0; }

.dk-when{ display:inline-flex; align-items:center; gap:var(--s-2); color:var(--brand); font-size:1.1875rem; font-weight:var(--fw-bold); line-height:1.3; }
.dk-when::before{ content:""; width:12px; height:12px; border-radius:var(--r-pill); background:var(--dark); border:3px solid var(--brand); box-shadow:0 0 0 4px var(--dark); flex:none; }
.dk-q{ font-size:var(--t-lead); line-height:1.45; color:var(--ink-inverse); }


.skip-link{ position:fixed; left:12px; top:12px; z-index:1000; display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:var(--t-small); font-weight:var(--fw-strong); text-decoration:none; box-shadow:var(--shadow-elevated); }
.skip-link:not(:focus){ clip-path:inset(50%); pointer-events:none; }

.step-btn{ min-width:44px; min-height:44px; }
.stepper input{ min-height:44px; }
a.foot-link{ display:inline-flex; align-items:center; text-decoration:none; }
.inline-link{ padding-block:12px; margin-block:-12px; text-align:inherit; }
.inline-link:focus-visible{ outline-offset:-10px; }

.email-row:focus-within{ outline:2px solid var(--focus); outline-offset:2px; }

.st-full > summary .pm{ background:var(--surface); border-color:var(--edge-strong); }


.band-sec{ background:var(--sec-blue); color:var(--on-blue); }
.band-sec :focus-visible{ outline-color:var(--on-blue); }
.band-sec .h1, .band-sec .h2{ color:var(--on-blue); }
.band-sec .lead{ color:var(--on-blue-2); }
.band-sec .meta{ color:var(--on-blue-2); }
.band-sec .eyebrow.stop{ background:rgba(255,255,255,.08); color:var(--on-blue); box-shadow:0 0 0 1px var(--blue-edge); }
.band-sec .arrow-link{ color:var(--on-blue); border-bottom-color:var(--info-300); }
.band-sec .text-link{ color:var(--on-blue); text-decoration-color:var(--info-300); }
.band-sec .btn-primary:focus-visible{ outline-color:var(--on-blue); }
.trust{ display:grid; gap:clamp(32px, 4.5vw, 56px); }
.trust > *{ min-width:0; }
.trust-head{ display:grid; justify-items:center; text-align:center; gap:var(--s-4); max-width:900px; margin-inline:auto; }
.trust-head .lead{ max-width:52ch; }
.trust-head .cta-row{ justify-content:center; }
.trust-cards{ display:grid; gap:var(--s-4); }
.trust-cards > li{ display:grid; min-width:0; }
@media (min-width: 860px){ .trust-cards{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-6); } }
.trust-card{ display:grid; justify-items:center; align-content:start; gap:var(--s-4); text-align:center; padding:clamp(24px, 3vw, 40px) clamp(20px, 2.4vw, 32px); border-radius:var(--r-card); color:var(--on-blue); text-decoration:none; background:linear-gradient(180deg, rgba(255,255,255,.085) 0%, rgba(255,255,255,.03) 100%); border:1px solid var(--blue-edge); box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 24px 48px -28px rgba(0,0,0,.6); }
.trust-art{ display:block; width:min(220px, 82%); }
@media (max-width: 859px){
  .trust-art{ width:min(200px, 62%); } .trust-card{ gap:var(--s-3); }
  .trust-card.is-link{ grid-template-columns:96px minmax(0, 1fr) auto; justify-items:start; align-items:center; text-align:left; gap:var(--s-4); padding:var(--s-4); }
  .trust-card.is-link .trust-art{ width:96px; }
}
.trust-art svg{ display:block; width:100%; height:auto; overflow:visible; }
.tc-text{ font-size:clamp(1.0625rem, 1.35vw, 1.25rem); font-weight:var(--fw-mid); line-height:1.45; color:var(--on-blue); max-width:30ch; }
.tc-lab{ font-size:clamp(1.125rem, 1.5vw, 1.375rem); font-weight:var(--fw-semi); line-height:1.3; }
.tc-go{ display:grid; place-items:center; width:44px; height:44px; border-radius:var(--r-pill); border:1px solid var(--blue-edge); color:var(--on-blue); }
.tc-go svg{ width:18px; height:18px; transition:transform var(--d-hover) var(--ease); }
.trust-card.is-link{ min-height:100%; transition:border-color var(--d-hover) var(--ease), background-color var(--d-hover) var(--ease), transform var(--d-page) var(--ease-out); }
.trust-card.is-link:hover{ border-color:rgba(147,197,253,.5); transform:translateY(-3px); }
.trust-card.is-link:hover .tc-go svg{ transform:translateX(3px); }
.ta-dot{ fill:var(--info-300); opacity:.32; }
.ta-ring{ fill:none; stroke:var(--info-300); stroke-width:1.5; }
.ta-ring.r1{ opacity:.75; } .ta-ring.r2{ opacity:.45; } .ta-ring.r3{ opacity:.22; }
.ta-shadow{ fill:var(--info-975); opacity:.7; }
.ta-pin{ fill:var(--info-400); stroke:var(--info-200); stroke-width:1.5; }
.ta-pin-c{ fill:var(--info-950); }
.ta-sep{ fill:none; stroke:var(--info-300); stroke-width:1.5; stroke-dasharray:3 6; stroke-linecap:round; opacity:.6; }
.ta-cyl{ fill:rgba(147,197,253,.10); stroke:var(--info-300); stroke-width:1.5; opacity:.75; }
.ta-cyl.is-arc{ fill:none; }
.ta-cyl.is-main{ fill:rgba(96,165,250,.22); stroke:var(--info-200); opacity:1; }
.ta-cyl.is-main.is-arc{ fill:none; }
.ta-lock{ fill:var(--info-400); stroke:var(--info-200); stroke-width:1.5; }
.ta-shackle{ fill:none; stroke:var(--info-200); stroke-width:4; stroke-linecap:round; }
.ta-key{ fill:var(--info-950); }
.ta-key-l{ fill:none; stroke:var(--info-950); stroke-width:3; stroke-linecap:round; }
.ta-sheet{ fill:rgba(147,197,253,.08); stroke:var(--info-300); stroke-width:1.5; opacity:.7; }
.ta-sheet.s1{ fill:rgba(191,219,254,.16); stroke:var(--info-200); opacity:1; }
.ta-rows{ fill:none; stroke:var(--info-300); stroke-width:3; stroke-linecap:round; opacity:.75; }
.ta-tray{ fill:rgba(96,165,250,.24); stroke:var(--info-200); stroke-width:1.5; stroke-linejoin:round; }
.ta-arrow{ fill:none; stroke:var(--info-400); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.trust-points{ display:grid; gap:var(--s-6); padding-top:clamp(28px, 3.5vw, 44px); border-top:1px solid var(--blue-edge); }
.trust-points > li{ min-width:0; align-content:start; }
.trust-points > li, .tp-link{ display:grid; grid-template-columns:40px minmax(0, 1fr); gap:var(--s-3); align-items:start; text-align:left; }
.trust-points p{ font-size:var(--t-small); line-height:1.5; color:var(--on-blue-2); padding-top:8px; }
.tp-ico{ width:40px; height:40px; display:grid; place-items:center; border-radius:var(--r-pill); color:var(--info-200); background:rgba(147,197,253,.10); box-shadow:inset 0 0 0 1px var(--blue-edge); }
.tp-ico svg{ width:20px; height:20px; }
.trust-points.is-links > li{ display:block; }
.tp-link{ align-items:center; min-height:44px; color:var(--on-blue); text-decoration:none; font-weight:var(--fw-semi); font-size:var(--t-body); }
.tp-link > span:last-child{ text-decoration:underline; text-decoration-color:var(--info-300); text-underline-offset:5px; text-decoration-thickness:1px; }
.tp-link:hover > span:last-child{ text-decoration-color:var(--on-blue); }
@media (min-width: 600px){ .trust-points{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6) var(--s-8); } }
@media (min-width: 1024px){
  .trust-points{ grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); }
  .trust-points > li{ grid-template-columns:minmax(0, 1fr); justify-items:center; text-align:center; gap:var(--s-2); }
  .trust-points p{ padding-top:0; max-width:28ch; }
  .trust-points.is-links > li{ justify-items:center; }
  .tp-link{ grid-template-columns:auto auto; }
}

.hero.band-sec::after{ display:none; }
.trust-hero{ margin-top:var(--s-2); padding-block:clamp(48px, 6vw, 88px) var(--sec-y-band); }
.trust-hero .h1{ font-size:clamp(2.25rem, 4.2vw, 3.5rem); max-width:22ch; } 
.trust-hero .cta-row{ margin-top:var(--s-2); }


.ico-grid{ display:grid; gap:var(--s-3); margin:0; }
.ico-grid > *{ min-width:0; }
.ig-item{ display:grid; gap:var(--s-2); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); }
.sec-white .ig-item{ background:var(--ground); box-shadow:none; }
.ig-item dt{ display:grid; gap:var(--s-3); justify-items:start; font-size:var(--t-body); font-weight:var(--fw-semi); line-height:1.3; }
.ig-item dd{ margin:0; }

.ig-ico{ display:grid; place-items:center start; color:var(--info-text); flex:none; }
.ig-ico svg{ width:26px; height:26px; }
@media (min-width: 720px){ .ico-grid.is-2, .ico-grid.is-3, .ico-grid.is-4{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-4); } }
@media (min-width: 1024px){ .ico-grid.is-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .ico-grid.is-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.ig-item.is-feature{ background:var(--aurora-strong); border-color:transparent; }
.ig-item.is-feature dd{ font-size:var(--t-lead); font-weight:var(--fw-mid); }
@media (min-width: 1024px){
  .ico-grid.has-feature .is-feature{ grid-column:span 2; grid-template-columns:auto minmax(0, 1fr); align-items:center; column-gap:var(--s-6); }
  .ico-grid.has-feature .is-feature dt{ grid-row:1 / span 2; }
  
  .ico-grid.is-3:has(> :nth-child(5):last-child){ grid-template-columns:repeat(6, minmax(0, 1fr)); }
  .ico-grid.is-3:has(> :nth-child(5):last-child) > *{ grid-column:span 2; }
  .ico-grid.is-3:has(> :nth-child(5):last-child) > :nth-child(n+4){ grid-column:span 3; }
}
.ig-item.is-feature dt{ font-size:var(--t-small); }

.set6-chip{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:32px; padding:4px 14px 4px 12px; border-radius:var(--r-pill); background:var(--surface); border:1px solid var(--edge-strong); font-size:var(--t-meta); font-weight:var(--fw-semi); line-height:1.2; color:var(--ink); }
.set6-chip::before{ content:""; width:8px; height:8px; border-radius:var(--r-pill); box-shadow:inset 0 0 0 2px var(--ink-2); }
.sb-bento{ display:grid; gap:var(--s-4); }
.sb-bento > *{ min-width:0; }

.sb-lead{ display:grid; gap:var(--s-6); align-content:start; padding:0 0 var(--s-4); }
.sb-lead .obj-pair{ min-height:clamp(220px, 24vw, 340px); }
@media (min-width: 1024px){ .sb-bento{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-6); } .sb-bento > .ph{ grid-column:1 / -1; } }
.ki-grid{ display:grid; gap:var(--s-4); align-items:start; }
.ki-grid > *{ min-width:0; }
.ki-grid .lw-card{ display:grid; gap:var(--s-6); }
@media (min-width: 1024px){ .ki-grid{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-6); } }


.doc6{ display:grid; gap:clamp(32px, 5vw, 72px); align-items:center; }
.doc6 > *{ min-width:0; }
@media (min-width: 900px){ .doc6{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); } }
.doc6-sheet{ margin:0; justify-self:center; width:min(100%, 420px); padding:clamp(24px, 3.4vw, 48px); border-radius:var(--r-card-lg); background:linear-gradient(160deg, var(--info-bg) 0%, var(--surface-muted) 100%); }
.doc6-sheet svg{ display:block; width:100%; height:auto; filter:drop-shadow(var(--flat-shadow)); }
.d6-paper{ fill:var(--surface); stroke:var(--edge); stroke-width:1.5; }
.d6-title{ fill:var(--ink); }
.d6-bar{ fill:var(--edge); }
.d6-bar.is-dark{ fill:var(--ink-3); }
.d6-hl{ fill:var(--info-bg); }
.d6-mark{ fill:var(--info-text); }
.d6-num, .d6-para{ font-family:var(--font); font-size:13px; font-weight:var(--fw-semi); }
.d6-num{ fill:var(--surface); }
.d6-para{ fill:var(--info-text); }
.doc6-copy{ display:grid; gap:var(--s-8); align-content:start; }
.doc6-copy > *{ min-width:0; }
.doc6-notes{ display:grid; gap:var(--s-6); }
.doc6-notes > li{ display:grid; grid-template-columns:36px minmax(0, 1fr); gap:var(--s-4); align-items:start; }
.doc6-num{ width:36px; height:36px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--info-text); color:var(--surface); font-size:var(--t-small); font-weight:var(--fw-semi); font-variant-numeric:tabular-nums; }
.doc6-lab{ font-weight:var(--fw-semi); margin-bottom:var(--s-1); }
.doc6 .link-row{ margin-top:0; }

.who6{ display:grid; gap:var(--s-8); }
.who6 > *{ min-width:0; }
@media (min-width: 1024px){ .who6{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); column-gap:var(--s-12); align-items:center; } .who6-tech{ grid-column:1 / -1; } }
.who6-map{ margin:0; padding:clamp(16px, 2.4vw, 32px); border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); }
.who6-map svg{ display:block; width:100%; height:auto; }
.w6-ten{ fill:var(--info-bg); stroke:var(--info); stroke-width:2; stroke-dasharray:6 6; }
.w6-other{ fill:var(--surface-alt); stroke:var(--edge); stroke-width:1.5; }
.w6-lock rect{ fill:var(--ink-3); }
.w6-lock path{ fill:none; stroke:var(--ink-3); stroke-width:3; stroke-linecap:round; }
.w6-pins circle{ fill:var(--surface); stroke:var(--edge-strong); stroke-width:2; }
.w6-pins.is-ad circle{ fill:var(--brand); stroke:var(--brand); }

.w6-ray{ fill:none; stroke:var(--edge-strong); stroke-width:1.5; }
.w6-ava > circle:first-child{ fill:var(--surface); stroke:var(--ink); stroke-width:2; }
.w6-ava.is-ad > circle:first-child{ stroke:var(--brand); }
.w6-head{ fill:var(--ink); }
.w6-ava.is-ad .w6-head{ fill:var(--brand); }
.w6-body{ fill:none; stroke:var(--ink); stroke-width:2.5; stroke-linecap:round; }
.w6-ava.is-ad .w6-body{ stroke:var(--brand); }
.w6-sup rect{ fill:var(--surface); stroke:var(--ink-2); stroke-width:1.5; }
.w6-sup path{ fill:none; stroke:var(--ink-3); stroke-width:2; stroke-linecap:round; }
.w6-sup-line{ fill:none; stroke:var(--ink-3); stroke-width:1.5; stroke-dasharray:4 5; }
.who6-list, .spec6{ display:grid; }
.who6-row, .spec6 > div{ padding-block:var(--s-6); border-top:1px solid var(--edge); }
.who6-row:first-child{ border-top:0; padding-top:0; }

.who6-row, .spec6 > div, .set6-row:not(.is-head){ display:grid; grid-template-columns:44px minmax(0, 1fr); column-gap:var(--s-4); row-gap:2px; align-items:start; align-content:start; }
.who6-row dt, .spec6 dt, .set6-row:not(.is-head) dt{ display:contents; font-weight:var(--fw-semi); line-height:1.35; }
.who6-row dt > span, .spec6 dt > span, .set6-row:not(.is-head) dt > span{ grid-row:1 / span 2; }
.who6-row dd, .spec6 dd, .set6-row:not(.is-head) dd{ grid-column:2; margin:0; padding-left:0; }
.who6-ava{ flex:none; width:44px; height:44px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--surface-alt); color:var(--ink); }
.who6-ava svg{ width:22px; height:22px; }

.who6-row.is-ad .who6-ava{ background:var(--surface); box-shadow:inset 0 0 0 2px var(--brand); color:var(--ink); }
.who6-tech{ display:grid; gap:var(--s-4); padding:var(--s-6); border-radius:var(--r-card); background:var(--info-bg); }
.who6-tech > div{ display:grid; grid-template-columns:40px minmax(0, 1fr); column-gap:var(--s-3); row-gap:2px; align-items:start; align-content:start; }
.who6-tech dt{ display:contents; font-weight:var(--fw-semi); }
.who6-tech dd{ grid-column:2; margin:0; }
.tp-ico6{ grid-row:1 / span 2; width:40px; height:40px; display:grid; place-items:center; border-radius:var(--r-pill); background:var(--surface); color:var(--info-text); }
.tp-ico6 svg{ width:20px; height:20px; }
@media (min-width: 720px){ .who6-tech{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-8); } }

.tl6{ position:relative; display:grid; gap:var(--s-4); max-width:1040px; margin-inline:auto; }
.tl6::before{ content:""; position:absolute; left:21px; top:22px; bottom:22px; width:2px; border-radius:2px; background:linear-gradient(180deg, var(--info) 0%, var(--info-200) 100%); }
.tl6-item{ position:relative; display:grid; grid-template-columns:44px minmax(0, 1fr); gap:var(--s-4); align-items:start; }
.tl6-node{ position:relative; z-index:1; width:44px; height:44px; display:grid; place-items:center; border-radius:var(--r-pill); background:var(--surface); color:var(--info-text); box-shadow:inset 0 0 0 2px var(--info-200), 0 0 0 6px var(--surface); }
.tl6-node svg{ width:20px; height:20px; }
.tl6-card{ display:grid; gap:var(--s-1); padding:var(--s-4) var(--s-6) var(--s-6); border-radius:var(--r-card); background:var(--ground); border:1px solid var(--edge); }
.tl6-when{ justify-self:start; margin-bottom:var(--s-2); padding:3px 12px; border-radius:var(--r-pill); background:var(--info-bg); color:var(--info-text); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.tl6-lab{ font-weight:var(--fw-semi); font-size:var(--t-body); }
@media (min-width: 900px){
  .tl6{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); column-gap:112px; row-gap:var(--s-6); }
  .tl6::before{ left:50%; margin-left:-1px; }
  .tl6-item{ grid-template-columns:minmax(0, 1fr); }
  .tl6-item:nth-child(even){ grid-column:2; margin-top:96px; }
  .tl6-item:nth-child(odd){ grid-column:1; }
  .tl6-node{ position:absolute; top:var(--s-4); }
  .tl6-item:nth-child(odd) .tl6-node{ right:-78px; }
  .tl6-item:nth-child(even) .tl6-node{ left:-78px; }
  .tl6-item:nth-child(odd) .tl6-card{ text-align:right; }
  .tl6-item:nth-child(odd) .tl6-when{ justify-self:end; }
}

@media (min-width: 720px){ .spec6{ grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--s-8); } .spec6 > div:nth-child(-n+2){ border-top:0; padding-top:0; } }
@media (max-width: 719px){ .spec6 > div:first-child{ border-top:0; padding-top:0; } }

.set6-grid{ display:grid; gap:var(--s-8); }
.set6-grid > *{ min-width:0; }
@media (min-width: 1024px){ .set6-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); column-gap:var(--s-12); align-items:start; } .set6-grid > .sec-head{ position:sticky; top:calc(var(--header-h) + 24px); margin-bottom:0; } }
.set6{ border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); overflow:hidden; }
.set6-row{ display:grid; gap:var(--s-1); padding:var(--s-4) var(--s-6); border-top:1px solid var(--edge-subtle); }
.set6-row:first-child{ border-top:0; }
.set6-row.is-head dt{ display:flex; align-items:center; gap:var(--s-4); font-weight:var(--fw-semi); line-height:1.3; }
.set6-row dd{ margin:0; }
.set6-row.is-head{ padding-block:var(--s-6); background:var(--surface-muted); border-bottom:1px solid var(--edge); }

.set6-row.is-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-2) var(--s-4); }
.set6-row.is-head dt{ font-size:var(--t-lead); }
.set6-row.is-head dd{ padding-left:0; }

.sicher-close .logos{ margin-bottom:var(--s-8); }

.sicher-close .p1-cta .lead-ink{ color:var(--dark-ink-2); max-width:56ch; display:grid; justify-items:inherit; }
.sicher-close .p1-cta .inline-link{ color:var(--ink-inverse); text-decoration-color:var(--dark-edge); }
.sicher-close .p1-cta .inline-link:hover{ text-decoration-color:var(--brand); }

@media (max-width: 640px){ .sicher-close .p1-cta .inline-link{ font-size:var(--t-body); } }


.foot-pruef{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:44px; padding:0 10px; border:0; border-radius:var(--r-pill); background:none; color:var(--ink-2); font-family:var(--chrome-font); font-size:12px; font-weight:500; cursor:pointer; }
.foot-pruef:hover{ background:var(--hover-wash); color:var(--ink); }
.foot-pruef .sw{ width:26px; height:16px; background:var(--edge); }
.foot-pruef .sw::after{ width:12px; height:12px; background:var(--surface); box-shadow:0 1px 2px rgba(8,9,12,.25); }
.foot-pruef[aria-checked="true"] .sw{ background:var(--warning); }
.foot-pruef[aria-checked="true"] .sw::after{ transform:translateX(10px); background:var(--surface); }

@media (prefers-reduced-motion: reduce){
  .rot-stage .dev-shot{ animation:none; }
  .hero-rot .scr, .hero-rot .scr.is-on{ transform:none; }
  .trust-card.is-link:hover{ transform:none; }
}


@media (max-width: 640px){
  .dev[data-zoom] .scr{ background-size:calc(var(--zoom, 2) * 100%) auto !important; background-position:var(--fx, 0%) var(--fy, 0%) !important; }
}






.p1-only-s{ display:none !important; }
@media (max-width: 640px){ .p1-only-l{ display:none !important; } .p1-only-s{ display:block !important; } }
.p1-head-c{ margin-inline:auto; text-align:center; justify-items:center; }
.p1-lab{ font-size:var(--t-meta); font-weight:var(--fw-semi); color:var(--ink); line-height:1.35; }
.p1-ico{ width:44px; height:44px; flex:none; border-radius:var(--r-md); display:inline-grid; place-items:center; background:var(--surface-alt); color:var(--ink); }
.p1-ico svg{ width:20px; height:20px; }
.p1-num{ width:34px; height:34px; flex:none; border-radius:var(--r-pill); display:inline-grid; place-items:center; background:var(--select); color:var(--on-select); font-size:var(--t-small); font-weight:var(--fw-semi); font-variant-numeric:tabular-nums; line-height:1; }
.p1-page .limit{ margin-top:0; }

.p1-page .inline-link, .p1-pg .inline-link{ display:inline-block; box-sizing:border-box; min-height:44px; padding-block:10px; margin-block:-10px; }


.jump.p1-subnav{ position:sticky; top:calc(var(--header-h) + env(safe-area-inset-top, 0px)); z-index:20; display:block; margin:0; padding-block:var(--jump-rand); background:color-mix(in srgb, var(--ground) 90%, transparent); -webkit-backdrop-filter:saturate(170%) blur(18px); backdrop-filter:saturate(170%) blur(18px); border-bottom:var(--jump-kante) solid var(--edge); }
.p1-subnav .wrap{ padding-inline:0; }
.p1-subnav-in{ display:flex; gap:var(--s-2); overflow-x:auto; scrollbar-width:none; padding-inline:var(--gutter); scroll-padding-inline:var(--gutter); }
.p1-subnav-in::-webkit-scrollbar{ display:none; }
.p1-subnav-in > :first-child{ margin-left:auto; }
.p1-subnav-in > :last-child{ margin-right:auto; }
.jump.p1-subnav a{ flex:none; min-height:var(--jump-ziel); padding:0 var(--s-4); background:var(--surface); white-space:nowrap; transition:background-color var(--d-hover) var(--ease), color var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease); }
.jump.p1-subnav a[aria-current="true"]{ background:var(--select); color:var(--on-select); border-color:var(--select); font-weight:var(--fw-strong); }
[data-page="features"] .anker-sec{ scroll-margin-top:calc(var(--s-3) - var(--jump-kante)); }

.p1-fhero{ padding-bottom:calc(var(--sec-y) / 2); }
[data-page="features"] #features-ueberblick{ padding-top:calc(var(--sec-y) / 2); }
.p1-fhero .w2-hero-grid{ grid-template-areas:"copy" "vis" "quote"; }
.p1-fhero .w2-hero-copy{ grid-area:copy; }
.p1-fhero .w2-hero-grid > .stimme-mini{ grid-area:quote; }
.p1-fhero-vis{ grid-area:vis; margin:0; display:grid; gap:var(--s-3); }
.p1-fhero-vis .dev-shot{ width:100%; }

@media (min-width: 1100px){
  .p1-fhero .w2-hero-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); grid-template-areas:"copy vis" "copy quote"; grid-template-rows:auto 1fr; row-gap:var(--s-6); align-items:start; }
  .p1-fhero .h1{ font-size:min(var(--t-h1), 3.25rem); }
  .p1-fhero .w2-hero-grid > .stimme-mini{ max-width:460px; justify-self:end; }
}


.p1-day{ display:grid; gap:clamp(56px, 7vw, 88px); }
.p1-day > *{ min-width:0; }

@media (min-width: 900px){
  .p1-day{ grid-template-columns:minmax(0, 7fr) minmax(0, 4fr); grid-template-rows:auto auto; column-gap:clamp(40px, 5vw, 80px); row-gap:0; }
  .p1-day-card{ grid-row:span 2; grid-template-rows:subgrid; }
  .p1-day-copy{ align-self:start; }
}
.p1-day-card{ margin:0; display:grid; justify-items:center; align-content:end; gap:var(--s-8); }
.p1-day-vis{ width:100%; display:grid; justify-items:center; align-items:end; }
.p1-day-vis .dev-iphone{ --w:clamp(200px, 19vw, 240px); }
.p1-day-vis .dev-shot{ width:100%; max-width:760px; }
.p1-day-vis .c-bericht-foto{ max-width:420px; }
.p1-day-card.is-vl .p1-day-copy{ max-width:52ch; }
.p1-day-copy{ display:grid; gap:var(--s-2); align-content:start; width:100%; max-width:44ch; }
.p1-day-head{ font-size:clamp(1.5rem, 2.3vw, 2.125rem); font-weight:var(--fw-strong); letter-spacing:-.02em; line-height:1.1; text-wrap:balance; }
.p1-day-copy p:last-child{ font-size:var(--t-lead); line-height:1.5; }
.p1-role{ display:inline-flex; align-items:center; gap:var(--s-2); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p1-role::before{ content:""; width:8px; height:8px; border-radius:var(--r-pill); background:var(--brand); flex:none; }
.p1-role.is-vl::before{ background:var(--ink); }


.p1-pick{ display:grid; gap:var(--s-8); }
.p1-pick > *{ min-width:0; }
@media (min-width: 1024px){ .p1-pick{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:var(--s-12); align-items:stretch; } }

.p1-pick-stage{ position:relative; margin:0; display:grid; min-height:clamp(420px, 44vw, 580px); border-radius:var(--r-surface); overflow:hidden; }
.p1-pick-vis{ grid-area:1 / 1; display:grid; place-items:center; padding:clamp(20px, 3vw, 44px); opacity:0; visibility:hidden; transform:translateY(14px) scale(.985); transition:opacity var(--d-tab) var(--ease-io), transform var(--d-page) var(--ease-out), visibility 0s linear var(--d-tab); }
.p1-pick-vis.is-on{ opacity:1; visibility:visible; transform:none; transition:opacity var(--d-tab) var(--ease-io), transform var(--d-page) var(--ease-out), visibility 0s; }
.p1-pick-vis .dev-iphone{ --w:clamp(200px, 18vw, 240px); }

.p1-pick-vis.is-map .k8-asset{ width:auto; height:100%; max-height:520px; max-width:100%; }
.p1-pick-stage > .ph{ position:absolute; left:16px; bottom:12px; z-index:3; margin:0; }
.p1-pick-list{ display:grid; gap:var(--s-2); }

.p1-pick-item{ position:relative; display:grid; gap:var(--s-1); padding:var(--s-4) var(--s-6); border-radius:var(--r-card); border:1px solid transparent; transition:background-color var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease), box-shadow var(--d-hover) var(--ease); }
.p1-pick-item:hover{ background:var(--hover-wash); }
.p1-pick-item.is-on{ background:var(--surface); border-color:var(--edge); box-shadow:var(--shadow-elevated); }
.p1-pick-btn{ display:flex; align-items:center; min-height:44px; padding:0; margin:-6px 0 -4px; border:0; background:none; font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; text-align:left; color:var(--ink); cursor:pointer; }
.p1-pick-btn::after{ content:""; position:absolute; inset:0; border-radius:inherit; }
.p1-pick-btn:focus-visible{ outline:none; }
.p1-pick-item:has(.p1-pick-btn:focus-visible){ outline:2px solid var(--focus); outline-offset:2px; }
.p1-pick-item p{ color:var(--ink); }
@media (max-width: 1023px){
  .p1-pick-stage{ position:sticky; top:calc(var(--header-h) + 66px); z-index:3; min-height:0; height:clamp(300px, 46vh, 380px); box-shadow:var(--shadow-elevated); }
  .p1-pick-vis{ padding:var(--s-4); }
  .p1-pick-vis .dev-iphone{ --w:clamp(128px, 15vh, 160px); }
  .p1-pick-vis.is-map .k8-asset{ max-height:100%; }
  .p1-pick-list{ padding-bottom:var(--s-8); }
}

@media (max-width: 640px){ .p1-pick-vis .dev-iphone{ --w:min(160px, calc((min(46vh, 380px) - 32px) * .46)); } }

.p1-pick-name{ display:none; }
@media (max-width: 759px){
  .p1-pick{ gap:0; }
  .p1-pick-stage, .p1-pick-list{ display:contents; }
  .p1-pick-vis{ grid-area:auto; opacity:1; visibility:visible; transform:none; transition:none; min-height:0; margin-top:var(--s-6); padding:var(--s-6) var(--s-4); border-radius:var(--r-surface); background:var(--surf-stein); }
  .p1-pick-vis:first-child{ margin-top:0; }
  .p1-pick-vis .dev-iphone{ --w:min(180px, 52vw); }
  .p1-pick-vis.is-map .k8-asset{ width:100%; height:auto; max-width:360px; max-height:none; }
  .p1-pick-vis[data-vis="0"]{ order:1; } .p1-pick-item:nth-child(1){ order:2; }
  .p1-pick-vis[data-vis="1"]{ order:3; } .p1-pick-item:nth-child(2){ order:4; }
  .p1-pick-vis[data-vis="2"]{ order:5; } .p1-pick-item:nth-child(3){ order:6; }
  .p1-pick-vis[data-vis="3"]{ order:7; } .p1-pick-item:nth-child(4){ order:8; }
  .p1-pick-stage > .ph{ position:static; order:9; margin-top:var(--s-3); }
  .p1-pick-item, .p1-pick-item.is-on, .p1-pick-item:hover{ padding:var(--s-4) var(--s-2) 0; background:none; border:0; box-shadow:none; }
  .p1-pick-btn{ display:none; }
  .p1-pick-name{ display:block; font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.25; }
  .p1-pick-list{ padding-bottom:0; }
}

@media (max-width: 1023px){
  .p1-pick-vis.is-map .p1-only-l{ display:none !important; }
  .p1-pick-vis.is-map .p1-only-s{ display:block !important; }
}


.p1-bento{ display:grid; gap:var(--s-4); grid-template-columns:minmax(0, 1fr); }
.p1-tile{ margin:0; position:relative; min-width:0; border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); padding:clamp(20px, 2.4vw, 32px); display:grid; gap:var(--s-4); align-content:start; overflow:hidden; box-shadow:var(--shadow-card); }
.p1-tile > *{ min-width:0; }
.p1-tile .p1-lab, .p1-t-copy .p1-lab{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; }
.p1-t-copy{ display:grid; gap:var(--s-2); align-content:start; }
.p1-t-photo{ padding:0; gap:0; }
.p1-t-media{ position:relative; overflow:hidden; }
.p1-t-media .pic{ border-radius:0; aspect-ratio:4 / 3; }
.p1-t-media .pic::after{ border-radius:0; }

.p1-t-shot{ order:3; display:grid; justify-items:start; padding:0 var(--s-6) var(--s-6); }
.p1-t-regalfoto{ max-width:355px; }
.p1-t-glass{ order:2; padding:var(--s-4) var(--s-6) var(--s-6); display:grid; gap:var(--s-1); background:var(--surface); }
.p1-t-photo > .ph{ position:absolute; z-index:4; right:12px; top:12px; margin:0; }


.p1-t-vorlage-vis{ container-type:inline-size; display:grid; }
.p1-t-vorlage-vis .frag7{ max-width:560px; }
.p1-t-vorlage .p1-vl-narrow{ display:none; }
@container (max-width: 479px){ .p1-t-vorlage .p1-vl-wide{ display:none; } .p1-t-vorlage .p1-vl-narrow{ display:block; } }

.p1-t-regal-dev{ margin:0; display:grid; justify-items:center; }
.p1-t-regal-dev .dev-iphone{ --w:200px; }
.sec-white .p1-tile{ background:var(--ground); }
@media (min-width: 900px){
  
  .p1-bento{ grid-template-columns:repeat(12, minmax(0, 1fr)); }
  .p1-t-vorlage{ grid-column:1 / -1; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); align-items:center; column-gap:var(--s-10); }
  .p1-t-vorlage .p1-t-copy{ max-width:40ch; }
  .p1-t-vorlage-vis{ justify-items:end; }
  
  .p1-t-photo{ grid-column:1 / -1; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); grid-template-rows:1fr auto auto 1fr; grid-template-areas:"media ." "media glass" "media shot" "media ."; min-height:420px; }
  .p1-t-photo .p1-t-media{ grid-area:media; min-height:100%; }
  .p1-t-photo .p1-t-media .pic{ position:absolute; inset:0; aspect-ratio:auto; }
  .p1-t-photo .p1-t-glass{ grid-area:glass; padding:clamp(24px, 3vw, 40px) clamp(24px, 3vw, 40px) var(--s-4); background:none; }
  .p1-t-shot{ grid-area:shot; padding:0 clamp(24px, 3vw, 40px) clamp(24px, 3vw, 40px); }
  .p1-t-letzter{ grid-column:span 5; }
  .p1-t-regal{ grid-column:span 7; grid-template-columns:minmax(0, 1fr) auto; column-gap:var(--s-8); align-items:start; }
  .p1-t-regal-dev .dev-iphone{ --w:clamp(190px, 17vw, 220px); }
  .p1-t-small{ grid-column:span 6; }
}


.p1-flowpanel{ border-radius:var(--r-surface); padding:clamp(20px, 4.4vw, 64px); display:grid; gap:clamp(28px, 4vw, 52px); overflow:hidden; }
.p1-flowpanel > *{ min-width:0; }
.p1-fp-head .h2{ max-width:22ch; }
.p1-flowpanel > .ph{ margin:0; }
.p1-order8{ min-width:0; }
.p1-order8-bm .k8-card{ box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.p1-order-more{ display:grid; gap:var(--s-6); margin-top:clamp(28px, 3vw, 40px); }
.p1-cards3{ display:grid; gap:var(--s-4); margin:0; }
.p1-cards3 > *{ min-width:0; }
@media (min-width: 900px){ .p1-cards3{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.p1-cards3 > div{ padding:var(--s-6); border-radius:var(--r-card); background:var(--ground); border:1px solid var(--edge); display:grid; gap:var(--s-2); align-content:start; }
.p1-cards3 dt{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.25; }
.p1-cards3 dd{ margin:0; }
.p1-erp-row{ display:grid; gap:var(--s-6); align-items:start; }
.p1-erp-row > *{ min-width:0; }
@media (min-width: 1024px){ .p1-erp-row{ grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); gap:var(--s-10); } }
.p1-erp-row .limit{ background:var(--ground); font-size:var(--t-lead); line-height:1.5; }
.p1-erp-soon{ display:grid; gap:var(--s-4); }
.p1-erp-soon .link-row{ margin-top:0; align-items:center; }


.p1-rail{ position:relative; }
.p1-rail-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--s-4) var(--s-8); }
.p1-rail-head .sec-head{ margin:0; flex:1 1 560px; }

.p1-rail-track{ position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:min(84%, 800px); align-items:start; gap:clamp(24px, 3.4vw, 48px); overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; margin-inline:calc(-1 * var(--gutter)); padding:clamp(28px, 3.4vw, 44px) var(--gutter) 24px; scroll-padding-inline:var(--gutter); }
.p1-rail-track::-webkit-scrollbar{ display:none; }
.p1-slide{ margin:0; scroll-snap-align:start; display:grid; gap:clamp(20px, 2.4vw, 32px); align-content:start; }
.p1-slide-vis{ display:grid; justify-items:start; }
.p1-slide-vis .k8-asset{ max-width:750px; }

.p1-slide figcaption{ transition:opacity var(--d-tab) var(--ease); }
.p1-slide.is-peek figcaption{ opacity:0; }
.p1-rail.is-more .p1-rail-track{ -webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--gutter) - 8px), transparent); mask-image:linear-gradient(to right, #000 calc(100% - var(--gutter) - 8px), transparent); }
.p1-slide > *{ min-width:0; }
.p1-slide figcaption{ display:grid; gap:var(--s-4); padding-inline:var(--s-2); max-width:64ch; }
.p1-slide figcaption > p{ font-size:var(--t-lead); line-height:1.5; }

.p1-rail-ctl{ display:flex; align-items:center; gap:var(--s-3); flex:none; }

:is(.p1-rail-btn, .p2-nav-btn){ width:48px; height:48px; border-radius:var(--r-pill); border:1px solid var(--edge); background:var(--surface); color:var(--ink); place-items:center; cursor:pointer; }
:is(.p1-rail-btn, .p2-nav-btn) svg{ width:20px; height:20px; transition:opacity var(--d-hover) var(--ease); }

:is(.p1-rail-btn, .p2-nav-btn)[aria-disabled="true"]{ cursor:default; }
:is(.p1-rail-btn, .p2-nav-btn)[aria-disabled="true"] svg{ opacity:.4; }
.p1-rail-btn{ display:inline-grid; box-shadow:var(--shadow-card); transition:background-color var(--d-hover) var(--ease); }
.p1-rail-btn:hover{ background:var(--surface-alt); }
.p1-rail-btn[data-dir="-1"] svg{ transform:scaleX(-1); }

.p1-rail-btn[aria-disabled="true"]{ box-shadow:none; }
.p1-rail-dots{ display:inline-flex; gap:6px; margin-inline:var(--s-2); }
.p1-rail-dots i{ display:block; width:8px; height:8px; border-radius:var(--r-pill); background:var(--edge-strong); opacity:.5; transition:width var(--d-tab) var(--ease), background-color var(--d-tab) var(--ease), opacity var(--d-tab) var(--ease); }
.p1-rail-dots i.is-on{ width:28px; background:var(--brand); opacity:1; }
.p1-rail > .ph{ margin-top:var(--s-3); }



.p1-stimme-row{ margin-top:0; }
.p1-stimme-row .stimme{ max-width:none; }
.p1-page .st-portrait, .p1-pg .st-portrait{ max-width:200px; max-height:200px; }
@media (min-width: 900px){
  .p1-page .stimme-lg, .p1-pg .stimme-lg{ grid-template-columns:minmax(0, 200px) minmax(0, 1fr); gap:var(--s-4) var(--s-12); padding:clamp(28px, 3.4vw, 48px); }
  .p1-page .stimme-lg .st-portrait.st-big, .p1-pg .stimme-lg .st-portrait.st-big{ width:200px; height:200px; }
}
.p1-sym{ margin-top:var(--s-8); max-width:62ch; }



.p1-priceband{ margin-top:clamp(32px, 4vw, 56px); display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:var(--s-4) var(--s-6); padding:var(--s-6) clamp(20px, 3vw, 40px); border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); }
.p1-priceband-txt{ font-size:var(--t-lead); line-height:1.4; }
.p1-priceband-go svg, .p1-cta .btn svg{ width:18px; height:18px; }
@media (max-width: 640px){ .p1-priceband{ grid-template-columns:minmax(0, 1fr); } .p1-priceband-go{ justify-self:start; } }


.p1-hub{ display:grid; justify-items:center; text-align:center; gap:clamp(32px, 4vw, 56px); }
.p1-hub > *{ min-width:0; max-width:100%; }
.p1-hub-head{ display:grid; gap:var(--s-4); justify-items:center; max-width:880px; }
.p1-hub-head .lead{ max-width:none; }
.p1-hub-map{ display:grid; justify-items:center; align-items:center; gap:var(--s-4); grid-template-columns:minmax(0, 1fr); }
.p1-hub-app{ width:120px; height:120px; border-radius:var(--r-card-lg); display:grid; place-items:center; background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); }
.p1-hub-app svg{ width:58px; height:auto; }
.p1-hub-line{ position:relative; width:2px; height:56px; background:var(--brand); border-radius:var(--r-pill); }
.p1-hub-line i{ position:absolute; left:50%; top:calc(100% - 10px); width:10px; height:10px; margin-left:-5px; border-radius:var(--r-pill); background:var(--brand); box-shadow:0 0 0 5px color-mix(in srgb, var(--brand) 20%, transparent); }

.p1-hub-map.k8-armed .p1-hub-line i{ top:0; }
.p1-hub-map.k8-s1 .p1-hub-line i{ animation:p1PulseV 1.5s var(--ease-io) 3 both; }
@keyframes p1PulseV{ from{ top:0; } to{ top:calc(100% - 10px); } }
@keyframes p1PulseH{ from{ left:0; } to{ left:calc(100% - 10px); } }
.p1-hub-claude .lw-tiles, .p1-hub-soon .lw-tiles{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--s-3); }
.p1-hub-claude .lw-tile.is-lead{ min-width:240px; min-height:104px; }
.p1-hub-soon{ justify-items:center; margin-top:var(--s-4); }
.p1-hub-soon .lw-tile{ min-width:160px; min-height:96px; }
.p1-hub-links{ justify-content:center; margin-top:0; }
@media (min-width: 900px){
  .p1-hub-map{ grid-template-columns:auto minmax(80px, 180px) auto; grid-template-areas:"app line claude" "soon soon soon"; gap:0; }
  .p1-hub-app{ grid-area:app; } .p1-hub-line{ grid-area:line; width:100%; height:2px; } .p1-hub-claude{ grid-area:claude; } .p1-hub-soon{ grid-area:soon; margin-top:var(--s-8); }
  .p1-hub-line i{ top:50%; left:calc(100% - 10px); margin:-5px 0 0; }
  .p1-hub-map.k8-armed .p1-hub-line i{ top:50%; left:0; }
  .p1-hub-map.k8-s1 .p1-hub-line i{ animation-name:p1PulseH; }
}


.p1-vs{ display:grid; gap:var(--s-6); align-items:center; }
.p1-vs > *{ min-width:0; }
@media (min-width: 1024px){ .p1-vs{ grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); gap:var(--s-10); } }
.p1-vs-col{ padding:clamp(24px, 3vw, 40px); border-radius:var(--r-card-lg); display:grid; gap:var(--s-4); align-content:start; }
.p1-vs-col.is-off{ background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); }
.p1-vs-col.is-on{ border:1px solid var(--edge-strong); }
.p1-vs-col.is-off .p1-ico{ background:var(--select); color:var(--on-select); }
.p1-vs-lab{ display:flex; align-items:center; gap:var(--s-3); font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; }
.p1-vs-big{ font-size:var(--t-lead); line-height:1.5; }
.p1-vs-sub{ padding-top:var(--s-4); border-top:1px solid var(--edge); display:grid; gap:var(--s-1); }
.p1-vs-dev{ margin:0; display:grid; justify-items:center; }
.p1-vs-dev .dev-iphone{ --w:clamp(200px, 19vw, 250px); }
.p1-vs-dev .cc{ margin-top:-56px; position:relative; z-index:3; }
.p1-vs-dev > .ph{ position:relative; z-index:4; }
.p1-vs-bridge{ margin:clamp(28px, 3vw, 44px) auto 0; max-width:860px; display:grid; grid-template-columns:48px minmax(0, 1fr); gap:var(--s-4); align-items:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); }
.p1-vs-bridge > *{ min-width:0; }
.p1-vs-arrow{ width:48px; height:48px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--success-bg); color:var(--success-text); }
.p1-vs-arrow svg{ width:22px; height:22px; }
.p1-vs-bridge p:last-child{ font-size:var(--t-lead); line-height:1.5; }
@media (max-width: 1023px){ .p1-vs-dev{ order:-1; } .p1-vs-dev .dev-iphone{ --w:200px; } }


.p1-banner{ position:relative; }
.p1-banner-top{ display:grid; gap:var(--s-6); }
.p1-banner-top > *{ min-width:0; }
.p1-banner-top .sec-head{ margin:0; }
.p1-banner-pic{ margin:0; }
.p1-banner-pic .pic{ aspect-ratio:3 / 2; }
.p1-banner-pic .pic .ph{ top:12px; bottom:auto; }
.p1-banner-cards{ position:relative; z-index:2; display:grid; gap:var(--s-3); margin:-40px var(--s-3) 0; }
.p1-banner-cards > *{ min-width:0; }
.p1-banner-cards > div{ padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); display:grid; gap:var(--s-2); align-content:start; }
.p1-banner-cards dt{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.25; }
.p1-banner-cards dd{ margin:0; }
@media (min-width: 760px){ .p1-banner-cards{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px){
  .p1-banner-top{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-12); align-items:start; }
  .p1-banner-cards{ grid-template-columns:repeat(4, minmax(0, 1fr)); margin:-96px 0 0; }
}


.p1-cta{ position:relative; overflow:hidden; isolation:isolate; display:grid; gap:var(--s-8); justify-items:start; padding:clamp(32px, 6vw, 88px); border-radius:var(--r-card-lg); background:var(--dark); color:var(--ink-inverse); }
.p1-cta::before{ content:""; position:absolute; z-index:-1; inset:-40% -20% auto auto; width:70%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb, var(--brand) 32%, transparent) 0%, color-mix(in srgb, var(--brand) 0%, transparent) 64%); pointer-events:none; }
.p1-cta .h2{ max-width:22ch; }
.p1-cta-copy{ display:grid; gap:var(--s-8); justify-items:start; }
.p1-cta-dev{ margin:0; display:none; }
@media (min-width: 900px){
  .p1-cta.has-dev{ grid-template-columns:minmax(0, 1fr) auto; align-items:center; padding-block:clamp(40px, 5vw, 72px) 0; }
  .p1-cta.has-dev .p1-cta-copy{ padding-bottom:clamp(40px, 5vw, 72px); }
  .p1-cta-dev{ display:block; align-self:end; height:clamp(300px, 30vw, 380px); overflow:hidden; padding-inline:var(--s-4); }
  .p1-cta-dev .dev-iphone{ --w:clamp(220px, 21vw, 270px); margin-top:var(--s-2); }
}

@media (min-width: 900px){ .p1-cta-dev.is-wide{ display:none; } }
@media (min-width: 1100px){
  .p1-cta.has-dev:has(.p1-cta-dev.is-wide){ grid-template-columns:minmax(0, 1fr) minmax(0, 600px); padding-block:clamp(40px, 5vw, 72px); }
  .p1-cta.has-dev:has(.p1-cta-dev.is-wide) .p1-cta-copy{ padding-bottom:0; }
  .p1-cta-dev.is-wide{ display:block; align-self:center; justify-self:stretch; width:100%; height:auto; overflow:visible; padding:0; }
  .p1-cta-dev.is-wide .dev-shot{ width:100%; }
}

@media (min-width: 900px){
  .p1-cta.has-dev:has(.p1-cta-dev.is-whole){ padding-block:clamp(40px, 5vw, 72px); }
  .p1-cta.has-dev:has(.p1-cta-dev.is-whole) .p1-cta-copy{ padding-bottom:0; }
  .p1-cta-dev.is-whole{ align-self:center; height:auto; overflow:visible; }
  .p1-cta-dev.is-whole .dev-iphone{ --w:clamp(190px, 16vw, 210px); margin-top:0; }
}

.p1-cta-dev.is-mail .k8-card{ max-width:480px; margin-inline:auto; }
.p1-cta-dev.is-k8 .k8-card{ box-shadow:0 0 0 1px rgba(255,255,255,.08), var(--shadow-elevated); }
.p1-cta-dev.is-k8 .k8-ort{ color:var(--dark-ink-2); }
.p1-cta-dev .dev-shot.k8-view .dev-screen{ box-shadow:0 0 0 1px var(--dark-edge), var(--shadow-floating); }
.p1-cta .text-link{ color:var(--ink-inverse); text-decoration-color:color-mix(in srgb, var(--surface) 55%, transparent); }
.p1-cta .text-link:hover{ text-decoration-color:var(--brand); }
.p1-cta .meta{ color:var(--dark-ink-2); }
.p1-cta :focus-visible{ outline-color:var(--focus-on-dark); }

.p1-close .logos{ margin-bottom:clamp(32px, 4vw, 48px); }




.p1-phero{ padding-top:clamp(24px, 3.2vw, 44px); padding-bottom:clamp(150px, 15vw, 210px); }
.p1-phero .sub-hero-copy{ gap:var(--s-4); }
.p1-tiersec{ position:relative; z-index:2; margin-top:calc(-1 * clamp(120px, 12vw, 170px)); padding-top:0; }
.p1-tiersec .switch-row{ margin-bottom:var(--s-6); }
.p1-tiersec .switch-row .h2{ font-size:clamp(1.5rem, 2.6vw, 2.25rem); }
.p1-tier{ gap:var(--s-4); padding:var(--s-6) var(--s-6) var(--s-8); box-shadow:var(--shadow-elevated); border-color:var(--edge); }
.p1-lv{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:3px; }
.p1-lv i{ font-style:normal; font-size:12px; font-weight:var(--fw-semi); line-height:1; letter-spacing:.01em; text-align:center; padding:6px 0; background:var(--surface); color:var(--ink-2); box-shadow:inset 0 0 0 1px var(--edge-strong); }
.p1-lv i:first-child{ border-radius:var(--r-pill) 0 0 var(--r-pill); }
.p1-lv i:last-child{ border-radius:0 var(--r-pill) var(--r-pill) 0; }
.p1-lv i.is-on{ background:var(--select); color:var(--on-select); box-shadow:none; }
.p1-lv i.is-cur{ background:var(--brand); color:var(--on-brand); }
.p1-tier .tier-name{ font-size:clamp(1.625rem, 2.1vw, 2rem); letter-spacing:-.02em; }
.p1-tier .tier-jump{ border:0; padding:var(--s-3) var(--s-4); border-radius:var(--r-md); background:var(--brand-soft); color:var(--brand-on-soft); }
.p1-tier ul{ gap:var(--s-3); }
.p1-tier-inc{ display:grid; gap:var(--s-4); align-content:start; }

@media (min-width: 720px){
  .p1-tier{ display:grid; grid-row:span 8; grid-template-rows:subgrid; }
  .p1-tier > *{ align-self:start; }
  .p1-tier > .p1-lv{ grid-row:1; } .p1-tier > .tier-name{ grid-row:2; } .p1-tier > .price{ grid-row:3; } .p1-tier > .tier-sit{ grid-row:4; min-height:0; }
  .p1-tier > .tier-jump{ grid-row:5; } .p1-tier > ul, .p1-tier > .p1-tier-inc{ grid-row:6; }
  .p1-tier > .tier-ad{ grid-row:7; margin-top:0; } .p1-tier > .tier-act{ grid-row:8; }
}
.p1-preise .cmp{ margin-top:var(--s-8); box-shadow:var(--shadow-card); }
.p1-preise .cmp > summary{ min-height:68px; font-size:var(--t-lead); }
.p1-preise .cmp tbody tr:hover{ background:var(--surface-muted); }
.p1-preise .cmp td.c svg{ color:var(--brand-on-soft); }
.p1-under{ max-width:none; grid-template-columns:minmax(0, 1fr); gap:var(--s-3); }
@media (min-width: 900px){ .p1-under{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }

.p1-under-i{ display:grid; gap:var(--s-2); align-items:start; padding:var(--s-4) var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.p1-under-i > *{ min-width:0; }

.p1-fitwrap{ display:grid; gap:var(--s-8); }
.p1-fitwrap > *{ min-width:0; }
.p1-fitwrap .sec-head{ margin:0; }
@media (min-width: 1024px){ .p1-fitwrap{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-16); align-items:start; } .p1-fitwrap .sec-head{ position:sticky; top:calc(var(--header-h) + 32px); } }
.p1-fit-card{ border-radius:var(--r-card-lg); background:var(--ground); border:1px solid var(--edge); padding:clamp(12px, 2vw, 24px); }
.p1-fit{ position:relative; gap:var(--s-1); margin:0; }
.p1-fit::before{ content:""; position:absolute; left:29px; top:44px; bottom:44px; width:2px; background:var(--edge); border-radius:var(--r-pill); }
.p1-fit .fit-row{ position:relative; background:transparent; border:1px solid transparent; padding:var(--s-4) var(--s-4) var(--s-4) 64px; }
.p1-fit .fit-row::before{ content:""; position:absolute; left:20px; top:calc(var(--s-4) + 3px); width:20px; height:20px; border-radius:var(--r-pill); background:var(--surface); border:2px solid var(--edge-strong); }
@media (min-width: 760px){ .p1-fit .fit-row::before{ top:50%; margin-top:-10px; } .p1-fit .fit-row{ grid-template-columns:minmax(0, 1fr) auto 112px; } }
.p1-fit .fit-row p{ font-size:var(--t-lead); line-height:1.4; }
.p1-fit .fit-row.is-result{ background:var(--surface); border-color:var(--edge); box-shadow:var(--shadow-elevated); }
.p1-fit .fit-row.is-result::before{ background:var(--brand); border-color:var(--brand); box-shadow:0 0 0 6px color-mix(in srgb, var(--brand) 18%, transparent); }
.p1-fit .fit-tier{ min-height:44px; padding:0 22px; font-size:1.125rem; }

.p1-facts{ display:grid; gap:var(--s-4); }
.p1-facts > *{ min-width:0; }
@media (min-width: 1024px){ .p1-facts{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); } }
.p1-fact-card{ border-radius:var(--r-card-lg); background:var(--surface); border:1px solid var(--edge); padding:clamp(24px, 3.4vw, 48px); display:grid; gap:var(--s-6); align-content:start; box-shadow:var(--shadow-card); }
.p1-fact-card > *{ min-width:0; }
.p1-fact-card .aktiv{ background:var(--ground); }

.p1-yearly{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-3); }
.p1-yearly li{ display:grid; gap:6px; align-content:start; padding:var(--pad-inner); border-radius:var(--r-inner); background:var(--surf-stein); }
.p1-yearly-t{ font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p1-yearly b{ font-size:clamp(1.5rem, 2.8vw, 2.375rem); font-weight:var(--fw-semi); letter-spacing:-.03em; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; }
.p1-yearly li > span:last-child{ font-size:var(--t-meta); color:var(--ink-2); line-height:1.35; }

.p1-calcband{ border-radius:var(--r-card-lg); background:var(--aurora-strong); padding:clamp(20px, 4.4vw, 64px); display:grid; gap:clamp(24px, 3.4vw, 44px); }
.p1-calcband > *{ min-width:0; }
.p1-calc-head .h2{ max-width:18ch; }

.p1-calcband.surf-stein > .p1-saved3{ padding:0; }
.p1-saved3 .saved3-role{ flex-wrap:wrap; row-gap:var(--s-1); }

.p1-ab{ white-space:nowrap; display:inline-flex; align-items:center; min-height:24px; padding:0 10px; margin-left:var(--s-1); border-radius:var(--r-pill); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge-strong); font-size:var(--t-meta); font-weight:var(--fw-semi); line-height:1; }
.p1-calcband .calc{ box-shadow:var(--shadow-floating); border-color:transparent; }
.p1-calcband .calc-how{ margin-top:calc(-1 * clamp(8px, 1.6vw, 24px)); }
.p1-calcband .calc-in{ grid-template-columns:minmax(0, 1fr); }
@media (max-width: 520px){
  .p1-calcband{ padding:var(--s-6) var(--s-2) var(--s-2); }
  .p1-calcband > .p1-calc-head, .p1-calcband.surf-stein > .p1-saved3{ padding-inline:var(--s-3); }
  .p1-calcband .calc-in{ padding:var(--s-4); }
  .p1-calcband .calc-row{ gap:var(--s-2); }
  .p1-calcband .stepper input{ width:48px; }
}

.p1-calcband .step-btn{ width:44px; height:44px; }
.p1-calcband .stepper input{ min-height:44px; }

@media (min-width: 900px){
  .p1-phero{ padding-bottom:clamp(250px, 24vw, 330px); }
  .p1-tiersec{ margin-top:calc(-1 * clamp(220px, 21vw, 290px)); }
}


.p1-anno-foot{ display:grid; gap:var(--s-4); justify-items:center; text-align:center; margin-top:clamp(28px, 3.4vw, 44px); }
.p1-anno-foot .limit{ max-width:640px; text-align:left; background:var(--surface); font-size:var(--t-lead); line-height:1.5; }

.p1-erpa{ margin-top:clamp(48px, 6vw, 80px); display:grid; gap:var(--s-6); padding:clamp(20px, 3.4vw, 48px); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.p1-erpa > *{ min-width:0; }
.p1-erpa-copy{ display:grid; gap:var(--s-4); align-content:start; justify-items:start; }
.p1-chip-ab{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:32px; padding:0 14px; border-radius:var(--r-pill); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge-strong); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p1-erpa-kosten{ color:var(--ink-2); font-size:var(--t-small); }
.p1-erpa-h{ font-size:clamp(1.5rem, 2.4vw, 2.125rem); letter-spacing:-.02em; line-height:1.15; max-width:22ch; text-wrap:balance; }
.p1-erpa-lead{ font-size:var(--t-lead); line-height:1.45; max-width:44ch; }
.p1-erpa-limit{ margin:0; max-width:640px; background:var(--ground); }
.p1-erpa-limit p{ font-size:var(--t-lead); line-height:1.5; }
.p1-erpa-vis{ align-self:center; }
.p1-erpa > .ph{ margin:0; }
@media (min-width: 1024px){
  .p1-erpa{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); column-gap:var(--s-12); align-items:center; }
  .p1-erpa > .ph{ grid-column:1 / -1; }
}

.p1-io8{ display:grid; gap:var(--s-8); }
.p1-io8 > .ph{ margin:0; }
.p1-io8-grp{ display:grid; gap:var(--s-3); min-width:0; }
.p1-io8-lab{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; }
.p1-io8-sk{ grid-template-columns:minmax(0, 1fr) !important; }
.p1-io8-sk .k8-sk-schritt{ align-items:start; }
@media (min-width: 700px){ .p1-io8-sk .k8-sk-schritt{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); column-gap:var(--s-8); } }
.p1-io8-raus{ gap:var(--s-6); padding:var(--s-6); }
.p1-io8-raus-copy{ display:grid; gap:var(--s-4); align-content:start; }
.p1-io8-raus-copy > p{ font-size:var(--t-body); line-height:1.55; color:var(--ink); max-width:56ch; }
.p1-io8-docs{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:var(--s-2); }
.p1-io8-docs li{ display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border-radius:var(--r-pill); background:var(--surface-alt); font-size:var(--t-small); font-weight:var(--fw-semi); }

.p1-io8-docs li.is-fot{ background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge-strong); color:var(--ink-2); }
.p1-io8-exp{ --k8-max:440px; justify-self:center; }

@media (max-width: 640px){ .p1-io8-raus{ padding:var(--s-4); } .p1-io8-raus .p1-io8-exp{ justify-self:stretch; width:auto; margin-inline:calc(-1 * var(--s-2)); } }
@media (min-width: 900px){ .p1-io8-raus{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); align-items:center; column-gap:var(--s-10); } }




.p1-chgsec .p2-gone::after{ display:none; }
.p1-chgsec .p2-gone > span{ background-image:linear-gradient(var(--danger), var(--danger)); background-repeat:no-repeat; background-position:0 55%; background-size:100% 2px; -webkit-box-decoration-break:clone; box-decoration-break:clone; transition:background-size 900ms var(--ease-out) 300ms; }
.p1-chgsec .rv-pending .p2-gone > span{ background-size:0 2px; }
.p1-now2{ display:grid; gap:var(--s-3); }
.p1-now2 .p2-now + .p2-now{ padding-top:var(--s-3); border-top:1px solid var(--edge); }
.p1-res-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--s-4) var(--s-8); margin-bottom:var(--sec-head-gap, var(--s-10)); }
.p1-res-head .sec-head{ margin:0; flex:1 1 560px; }
.p1-go svg{ width:18px; height:18px; }
.p1-results{ display:grid; gap:var(--s-4); }
.p1-results > *{ min-width:0; }
@media (min-width: 760px){ .p1-results{ grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:0; } .p1-results > .p1-res{ grid-row:span 4; grid-template-rows:subgrid; row-gap:var(--s-2); margin-bottom:var(--s-4); } }
@media (min-width: 1200px){ .p1-results{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.p1-res{ display:grid; grid-template-rows:auto 1fr auto auto; gap:var(--s-2); padding:var(--s-6); border-radius:var(--r-card-lg); background:var(--ground); border:1px solid var(--edge); }
.p1-res-tag{ font-size:var(--t-meta); font-weight:var(--fw-semi); color:var(--ink-2); }
.p1-res-big{ font-size:var(--t-lead); line-height:1.45; padding-bottom:var(--s-4); border-bottom:1px solid var(--edge); }

.p1-res-vorbehalt{ display:block; margin-top:var(--s-2); font-size:var(--t-small); line-height:1.5; color:var(--ink-2); }
.p1-chips{ display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; align-self:start; gap:6px; }
.p1-chips li{ padding:6px 12px; border-radius:var(--r-pill); background:var(--surface); border:1px solid var(--edge); font-size:var(--t-meta); font-weight:var(--fw-mid); line-height:1.3; }
.p1-calcband.is-gf .p1-calc-head{ justify-self:center; text-align:center; }
.p1-ready{ display:grid; gap:var(--s-8); align-items:center; }
.p1-ready > *{ min-width:0; }
@media (min-width: 1024px){ .p1-ready{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-16); } }
.p1-ready-copy{ display:grid; gap:var(--s-4); }

.p1-ready-vis{ margin:0; display:grid; gap:var(--s-6); padding:clamp(20px, 3vw, 40px); border-radius:var(--r-surface); background:var(--surf-stein); overflow:hidden; }
.p1-eq{ display:flex; align-items:center; justify-content:center; gap:clamp(6px, 1.4vw, 18px); }
.p1-eq-file{ display:block; width:clamp(58px, 7.4vw, 100px); }
.p1-eq-file svg{ display:block; width:100%; height:auto; overflow:visible; filter:drop-shadow(var(--flat-shadow)); }
.p1-eq-op{ flex:none; width:34px; height:34px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--surface); box-shadow:var(--shadow-card); }
.p1-eq-op.is-arrow{ background:var(--brand); color:var(--on-brand); }
.p1-eq-op svg{ width:16px; height:16px; }
.p1-eq-dev .dev-iphone{ --w:clamp(110px, 12vw, 170px); }
@media (max-width: 640px){
  .p1-eq{ display:grid; grid-template-columns:auto auto auto; justify-content:center; align-items:center; gap:var(--s-3) var(--s-4); }
  .p1-eq-file{ width:84px; }
  .p1-eq-op.is-arrow{ grid-column:1 / -1; justify-self:center; transform:rotate(90deg); }
  .p1-eq-dev{ grid-column:1 / -1; justify-self:center; }
  .p1-eq-dev .dev-iphone{ --w:200px; }
}
.p1-fact-dev{ background:color-mix(in srgb, var(--surface) 86%, transparent); border-color:var(--glass-edge); }
.p1-trust-links{ justify-content:center; }
.p1-state{ display:grid; gap:var(--s-6); align-items:end; }
.p1-state > *{ min-width:0; }
@media (min-width: 1024px){ .p1-state{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:var(--s-16); } }
.p1-state .h2{ font-size:clamp(1.875rem, 3.2vw, 3rem); }
.p1-docs{ --fan-step:112px; position:relative; height:270px; max-width:490px; margin-top:var(--s-6); }
.p1-page-a4{ position:absolute; top:0; width:140px; aspect-ratio:1 / 1.414; padding:16px 14px; border-radius:6px; background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); display:grid; align-content:start; gap:8px; }
.p1-page-a4 b{ max-width:96px; font-size:12px; font-weight:var(--fw-semi); line-height:1.25; padding-bottom:8px; margin-bottom:4px; border-bottom:2px solid var(--brand); }
.p1-page-a4 i{ display:block; height:6px; border-radius:3px; background:var(--edge); }
.p1-page-a4 i:nth-of-type(2){ width:82%; } .p1-page-a4 i:nth-of-type(3){ width:64%; }
.p1-page-a4:nth-child(1){ left:0; top:42px; transform:rotate(-5deg); }
.p1-page-a4:nth-child(2){ left:var(--fan-step); top:26px; transform:rotate(-1.5deg); }
.p1-page-a4:nth-child(3){ left:calc(2 * var(--fan-step)); top:12px; transform:rotate(2deg); }
.p1-page-a4:nth-child(4){ left:calc(3 * var(--fan-step)); top:0; transform:rotate(5deg); }
@media (max-width: 520px){ .p1-docs{ --fan-s:.68; transform:scale(var(--fan-s)); transform-origin:0 0; height:200px; } }

@media (max-width: 359px){ .p1-docs{ --fan-step:calc((100% / var(--fan-s) - 150px) / 3); } }


.p1-sheet{ display:grid; gap:var(--s-3); }
.p1-sheet .sheet{ box-shadow:var(--shadow-floating); }

@media (min-width: 1100px){ .p1-sheet .sheet table{ min-width:0; } .p1-sheet .sheet th, .p1-sheet .sheet td{ white-space:normal; vertical-align:top; } }
.p1-sheet .sheet-scroll:focus-visible{ outline:none; }
.p1-sheet .sheet:has(.sheet-scroll:focus-visible){ outline:2px solid var(--focus); outline-offset:2px; }
.p1-cols{ display:grid; gap:var(--s-3); margin-top:clamp(24px, 3vw, 40px); grid-template-columns:repeat(auto-fill, minmax(min(220px, 100%), 1fr)); }
.p1-cols > *{ min-width:0; }
@media (min-width: 1100px){ .p1-cols{ grid-template-columns:repeat(5, minmax(0, 1fr)); } }
.p1-cols li{ display:grid; grid-template-columns:34px minmax(0, 1fr); gap:2px var(--s-3); align-content:start; padding:var(--s-4); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.p1-cols li > *{ min-width:0; }
.p1-col-l{ grid-row:span 2; width:34px; height:34px; border-radius:var(--r-sm); display:grid; place-items:center; background:var(--success-bg); color:var(--success-text); font-weight:var(--fw-bold); font-size:var(--t-small); }
.p1-col-n{ font-weight:var(--fw-semi); font-size:var(--t-small); hyphens:auto; -webkit-hyphens:auto; }
.p1-cols li p:last-child{ font-size:var(--t-small); }
.p1-how{ display:grid; gap:var(--s-6); }
.p1-how > *{ min-width:0; }
@media (min-width: 1024px){ .p1-how{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-10); align-items:start; } }
.p1-how-who{ align-content:start; gap:var(--s-3); }
.p1-how-who .p1-ico{ background:var(--surface); box-shadow:var(--shadow-card); margin-bottom:var(--s-2); }
.p1-steps3{ position:relative; display:grid; gap:var(--s-3); margin-top:var(--s-4); counter-reset:p1s; }
.p1-steps3 > *{ min-width:0; }
.p1-steps3 li{ position:relative; z-index:1; counter-increment:p1s; display:grid; gap:var(--s-3); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--ground); border:1px solid var(--edge); }
.p1-steps3 li::before{ content:counter(p1s); width:40px; height:40px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--brand); color:var(--on-brand); font-weight:var(--fw-semi); }
@media (min-width: 900px){ .p1-steps3{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-6); } }
.p1-blocks{ display:grid; gap:var(--s-4); }
.p1-blocks > *{ min-width:0; }
@media (min-width: 760px){ .p1-blocks{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); } }
.p1-blk{ grid-template-rows:auto 1fr; padding:0; gap:0; }

.p1-blk-vis{ display:grid; place-items:center; min-height:240px; padding:var(--s-6) var(--s-8); }
.p1-blk-vis .frag7{ max-width:var(--p1-max, 440px); }

.p1-blk-vis .p1-blk-besuch{ --k8-max:340px; }
.p1-blk-vis .c-regal{ --p1-max:352px; }
.p1-blk-vis .c-vorlage-s{ --p1-max:343px; }
@media (min-width: 760px){
  .p1-blk-vis{ height:var(--p1-blk-h, 300px); container-type:size; }
  .p1-blk-vis .frag7{ width:min(100cqw, var(--p1-max, 440px), 100cqh * var(--far, var(--ar))); }
  .p1-blk-vis .k8-asset{ width:min(100cqw, var(--k8-max, 440px), 100cqh * var(--ar)); }
}
.p1-blk .p1-t-copy{ padding:var(--s-6) var(--s-8) var(--s-8); }
.p1-bridge{ overflow:visible; }
.p1-bridge .dev-iphone{ --w:clamp(200px, 18vw, 230px); }
@media (min-width: 900px){ .p1-bridge .dev-iphone{ margin-block:calc(-1 * clamp(64px, 8vw, 120px)) -16px; } }


.p1-demo .demo-list .ticks{ counter-reset:p1d; position:relative; gap:var(--s-4); }
.p1-demo .demo-list .ticks::before{ content:""; position:absolute; left:13px; top:16px; bottom:16px; width:2px; background:var(--edge); }
.p1-demo .demo-list .ticks li{ counter-increment:p1d; position:relative; grid-template-columns:28px minmax(0, 1fr); gap:var(--s-4); }
.p1-demo .demo-list .ticks li::before{ content:counter(p1d); width:28px; height:28px; margin-top:0; border:0; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--select); color:var(--on-select); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p1-demo .flow-steps{ position:relative; gap:var(--s-4); }
.p1-demo .flow-steps li{ position:relative; z-index:1; padding:var(--s-6); gap:var(--s-3); box-shadow:var(--shadow-card); }
.p1-demo .flow-steps li::before{ background:var(--brand); color:var(--on-brand); width:40px; height:40px; }
.p1-demo .flow-steps .fs-name{ font-size:var(--t-h3); letter-spacing:-.01em; }
.p1-demo .flow-steps li p:last-child{ font-size:var(--t-body); }
.p1-demo .flow-steps li:last-child{ background:var(--select); color:var(--on-select); border-color:var(--select); }
.p1-demo .flow-steps li:last-child::before{ background:var(--brand); }

@media (max-width: 1023px){
  .p1-demo .demo-grid{ row-gap:var(--s-6); }
  .p1-demo .demo-copy{ display:contents; }
  .p1-demo .demo-copy > *{ order:1; }
  .p1-demo .demo-side{ order:2; margin-top:var(--s-2); }
  .p1-demo .demo-copy > .demo-list{ order:3; }
  .p1-demo .demo-copy > .photo-fig{ order:4; }
}

.p1-demo .photo-fig .p1-demo-besuch{ position:absolute; z-index:4; right:-3%; bottom:-10%; width:clamp(220px, 22vw, 300px); }
@media (max-width: 640px){ .p1-demo .photo-fig{ margin-bottom:var(--s-8); } .p1-demo .photo-fig .p1-demo-besuch{ right:12px; bottom:-28px; width:min(250px, 72%); } }

@media (prefers-reduced-motion: reduce){
  .p1-pick-vis{ transition:none; transform:none; }
  .p1-slide figcaption{ transition:none; }
  .p1-hub-line i{ animation:none; }
}




.p2{ --p2-pad:clamp(20px, 2.4vw, 32px); --p2-gap:clamp(12px, 1.6vw, 20px); }
.p2-sprite{ position:absolute; width:0; height:0; overflow:hidden; }
.p2 .p2-ic{ width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }


.p2-only-s{ display:none !important; }
@media (max-width: 640px){ .p2-only-l{ display:none !important; } .p2-only-s{ display:block !important; } }


.p2-foto{ display:block; background-color:var(--surface-alt); background-repeat:no-repeat; background-size:cover; background-position:var(--fp, 50% 40%); }
.p2-foto.st8-tabellen{ --fp:50% 50%; }
.p2-foto.st8-regalluecke{ --fp:66% 40%; }
.p2-foto.st8-bestellzettel{ --fp:50% 42%; }
.p2-foto.st8-zuruf{ --fp:50% 50%; }
.p2-foto.st8-termin{ --fp:56% 34%; }
.p2-foto.st8-display{ --fp:62% 50%; }
.p2-foto.st8-saison{ --fp:48% 62%; }
.p2-foto.st8-leh-notiz{ --fp:50% 45%; }
.p2-foto.pic-innendienst13{ --fp:68% 35%; }
.p2-foto.pic-ausdrucke13{ --fp:55% 55%; }
.p2-foto.pic-chat7{ --fp:40% 45%; }
.p2-foto.pic-vorher-telefon, .p2-foto.pic-vorher-galerie{ --fp:50% 50%; }
.p2-ph-gap{ margin-top:var(--s-4); }

:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) :is(.k8-asset, .k8-shot){ margin-inline:auto; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) :is(.c-regal-matrix, .c-galerie, .c-platzierungen, .c-platzierungen-drogerie, .c-durchgang, .c-aktionen, .c-listung-zentrale, .c-bericht-leitung, .c-durchgang-drogerie, .c-aktionen-drogerie){ max-width:750px; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) .c-listungen{ max-width:700px; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) .c-vorlage{ max-width:560px; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) .c-bericht-foto{ max-width:622px; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) .c-gebiete{ max-width:620px; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) .c-hierarchie-drogerie{ max-width:600px; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) .c-naturalrabatt{ max-width:560px; }
:is([data-page="geschaeftsfuehrung"], [data-page="branchen"], [data-page="leh"], [data-page="drogerie"], [data-page="fmcg"], [data-page="rolle"], [data-page="rolle-vertriebsleiter"]) :is(.c-regal-matrix-s, .c-gebiete-s, .c-platzierungen-drogerie-s, .c-aktionen-s, .c-aktionen-drogerie-s, .c-durchgang-s, .c-durchgang-drogerie-s, .c-listung-zentrale-s, .c-hierarchie-drogerie-s, .c-cockpit-region-s, .c-vorlage-s){ max-width:360px; }


.p2-hero .w2-hero-grid{ grid-template-areas:"copy" "quote" "vis"; }
.p2-hero .w2-hero-copy{ grid-area:copy; }
.p2-hero .w2-hero-grid > .stimme-mini{ grid-area:quote; }
.p2-hero .p2-hero-vis{ grid-area:vis; position:relative; margin:0; min-width:0; display:grid; gap:var(--s-4); }
@media (min-width: 1100px){
  .p2-hero .w2-hero-grid{ grid-template-areas:"copy ." "copy vis" "copy quote" "copy ."; grid-template-rows:1fr auto auto 1fr; row-gap:0; }
  .p2-hero .w2-hero-grid > .stimme-mini{ position:relative; z-index:6; margin:calc(-1 * var(--s-12)) 0 0 calc(-1 * var(--s-8)); max-width:460px; box-shadow:var(--shadow-floating); }
  
  .p2-hero.is-screen .w2-hero-grid > .stimme-mini{ margin:var(--s-6) 0 0; }
}

@media (min-width: 641px) and (max-width: 1099px){ .p2-hero.is-person .w2-hero-grid > .stimme-mini{ margin-bottom:calc(var(--s-16) - var(--s-10)); } }
@media (min-width: 1100px){ .p2-hero.is-person .w2-hero-grid > .stimme-mini{ margin:var(--s-16) 0 0; } }

.p2-hero.is-person .w2-hero-grid > .stimme-mini{ --zitatmarke:block; }
.p2-hero .p2-hero-vis .pic{ box-shadow:var(--shadow-elevated); }

.p2-hero .p2-hero-vis .pic-leitung13{ background-position:55% 30%; }
.p2-hero .p2-hero-vis > .cc{ left:auto; right:auto; }
.p2-hero .p2-hero-vis > .ph{ margin:0; }

.p2-hero-vis.has-card{ padding-bottom:clamp(40px, 5vw, 64px); }
.p2-hero-vis.has-card > .cc{ position:absolute; left:calc(-1 * var(--s-8)); bottom:0; top:auto !important; }
@media (max-width: 1099px){ .p2-hero-vis.has-card > .cc{ left:var(--s-4); } }


.p2-lift{ position:relative; z-index:2; padding-top:0; }
.p2-lift > .wrap{ margin-top:calc(-1 * var(--overlap)); }
.p2-hero.is-lifted > .wrap{ padding-bottom:var(--overlap); }


.p2-pain-head{ display:grid; gap:var(--s-6); max-width:920px; margin-bottom:clamp(32px, 4vw, 56px); }
.p2-pain-head.has-vis{ max-width:none; align-items:center; }
@media (min-width: 1024px){ .p2-pain-head.has-vis{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:var(--s-16); } }
.p2-pain-grid{ display:grid; gap:var(--p2-gap); }
@media (min-width: 760px){ .p2-pain-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.p2-pain-card{ display:grid; grid-template-rows:auto 1fr; border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); overflow:hidden; box-shadow:var(--shadow-card); min-width:0; }
.p2-pain-body{ display:grid; gap:var(--s-3); align-content:start; padding:var(--s-6); }
.p2-pain-body p{ font-size:var(--t-body); }
.p2-role{ display:inline-flex; align-items:center; gap:var(--s-2); width:fit-content; padding:5px 12px 5px 8px; border-radius:var(--r-pill); background:var(--surface-alt); font-size:var(--t-meta); font-weight:var(--fw-semi); line-height:1.3; }
.p2-role .p2-ic{ width:16px; height:16px; }

.p2-vig{ position:relative; display:block; aspect-ratio:16 / 10; overflow:hidden; background:var(--surface-alt); border-bottom:1px solid var(--edge); }
.p2-vig > .p2-foto{ position:absolute; inset:0; }

.p2-display{ position:relative; margin:0; aspect-ratio:3 / 2; border-radius:var(--r-card); overflow:hidden; box-shadow:var(--shadow-card); }
.p2-display > .p2-foto{ position:absolute; inset:0; }


.p2-scenes{ display:grid; gap:var(--p2-gap); counter-reset:p2scene; }
.p2-scenes > *{ min-width:0; }
.p2-scenes-head{ display:grid; gap:var(--s-4); align-content:center; padding-block:var(--s-4); }
.p2-scene{ display:grid; grid-template-rows:auto 1fr; border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); overflow:hidden; counter-increment:p2scene; }
.p2-scene-cap{ display:flex; gap:var(--s-4); align-items:flex-start; padding:var(--s-6); }
.p2-scene-cap::before{ content:counter(p2scene, decimal-leading-zero); flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p2-scene-cap p{ font-size:var(--t-lead); line-height:1.45; }

@media (min-width: 760px){ .p2-scenes{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .p2-scenes-head{ grid-column:1 / -1; max-width:920px; } }


.p2-dk .p2-dk-vis{ margin:var(--s-2) 0 0; min-width:0; display:grid; }

.p2-dk .p2-dk-vis.is-plate{ justify-items:center; padding:var(--s-4); border-radius:var(--r-inner); background:var(--surface-muted); box-shadow:0 0 0 1px var(--dark-edge), var(--shadow-elevated); }
.p2-dk .p2-dk-vis.is-plate .k8-asset{ max-width:343px; filter:none; }
.p2-dk > li:has(> .p2-dk-vis.is-plate){ grid-template-rows:auto auto minmax(0, 1fr); align-content:stretch; }
.p2-dk .p2-dk-vis.is-plate{ align-content:center; }
.p2-dk .p2-dk-vis .k8-asset.c-listung-zentrale-s{ max-width:343px; justify-self:center; }
@media (min-width: 1100px){ .p2-dk .dk-big.p2-dk-wide > .p2-dk-vis{ grid-column:2; grid-row:1 / span 3; margin-top:0; } }
.p2-pointer{ margin:var(--s-4) 0 0; }
.p2-pointer .arrow-link{ font-weight:var(--fw-strong); min-height:44px; display:inline-flex; align-items:center; }


.p2 .stimme-lg .st-portrait.st-big, .p2 .stimme-lg .st-portrait{ max-width:200px; }
.p2-voice-lg .stimme-lg .st-quote p{ font-size:clamp(1.625rem, 2.6vw, 2.5rem); }
.p2-voice-lg .stimme-lg .st-portrait{ max-width:200px; }
.p2-voice-lg .stimme{ margin-inline:auto; }


.p2-calcband{ display:grid; gap:clamp(24px, 3.4vw, 44px); padding:clamp(20px, 4.4vw, 64px); border-radius:var(--r-surface); background:var(--surf-stein); }
.p2-calcband > *{ min-width:0; }
.p2-calc-head{ display:grid; gap:var(--s-6); align-items:end; }
.p2-calc-head .h2{ max-width:18ch; }
.p2-calcband .calc{ box-shadow:var(--shadow-floating); border-color:transparent; }
.p2-calcband .calc-how{ margin-top:calc(-1 * clamp(8px, 1.6vw, 24px)); }
.p2-calcband .step-btn{ width:44px; height:44px; }
.p2-calcband .stepper input{ min-height:44px; }
.p2-calcband.is-after-saved{ margin-top:clamp(32px, 4vw, 56px); }
.p2-saved3{ margin-top:clamp(8px, 1vw, 16px); }
@media (max-width: 520px){
  .p2-calcband{ padding:var(--s-6) var(--s-2) var(--s-2); }
  .p2-calcband > .p2-calc-head{ padding-inline:var(--s-3); }
  .p2-calcband .calc-in{ padding:var(--s-4); }
  .p2-calcband .calc-row{ gap:var(--s-2); }
  .p2-calcband .stepper input{ width:54px; }
}


.p2-ready{ display:grid; gap:var(--s-12); align-items:center; }
@media (min-width: 1024px){ .p2-ready{ grid-template-columns:minmax(0, 6fr) minmax(0, 6fr); gap:var(--s-16); } }
.p2-ready-vis{ position:relative; margin:0; }
.p2-ready-vis .pic{ aspect-ratio:4 / 3; box-shadow:var(--shadow-elevated); }
.p2-ready-vis > .ph{ position:relative; z-index:5; margin-top:var(--s-4); }
.p2-start{ display:grid; gap:var(--s-4); padding:var(--p2-pad); border-radius:var(--r-surface); background:var(--surf-stein); }
.p2-start-steps{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2); }
.p2-start-steps li{ display:inline-flex; align-items:center; gap:var(--s-2); padding:8px 14px 8px 8px; border-radius:var(--r-pill); background:var(--surface); box-shadow:var(--shadow-card); font-size:var(--t-small); font-weight:var(--fw-semi); }
.p2-start-steps li span{ display:grid; place-items:center; width:24px; height:24px; border-radius:var(--r-pill); background:var(--success-bg); color:var(--success-text); }
.p2-start-steps li span svg{ width:14px; height:14px; }


.p2-qa{ display:grid; gap:var(--p2-gap); }
@media (min-width: 900px){ .p2-qa{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.p2-qa-card{ display:grid; grid-template-rows:auto 1fr auto; gap:var(--s-6); padding:var(--p2-pad); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); min-width:0; }
.p2-qa-who{ display:flex; align-items:center; gap:var(--s-3); font-size:var(--t-small); font-weight:var(--fw-semi); }
.p2-qa-who span{ display:grid; place-items:center; width:44px; height:44px; border-radius:var(--r-pill); background:var(--surface-alt); }
.p2-qa-q{ position:relative; align-self:start; padding:var(--s-4) var(--s-6); border-radius:22px 22px 22px 6px; background:var(--brand-soft); color:var(--brand-on-soft); font-size:var(--t-lead); line-height:1.4; font-weight:var(--fw-mid); }
.p2-qa-a{ display:grid; gap:var(--s-2); padding-top:var(--s-4); border-top:1px solid var(--edge); }
.p2-qa-a .inline-link{ font-weight:var(--fw-strong); display:inline-flex; align-items:center; min-height:44px; }


.p2-band{ position:relative; display:grid; gap:var(--s-8); align-items:center; padding:clamp(28px, 5vw, 72px); border-radius:var(--r-surface); }
.p2-band.k8-buehne{ padding:clamp(24px, 4.4vw, 64px); }
.p2-band.is-frei{ padding:clamp(8px, 2vw, 24px) 0 0; }
.p2-band.surf-anthrazit{ box-shadow:var(--shadow-card); }
.p2-band.surf-anthrazit .text-link{ color:var(--ink-inverse); text-decoration-color:color-mix(in srgb, var(--surface) 55%, transparent); }
.p2-band.surf-anthrazit .text-link:hover{ text-decoration-color:var(--brand); }
.p2-band.surf-anthrazit .dev-shot.k8-view .dev-screen, .p2-band.surf-anthrazit .k8-cut{ box-shadow:0 0 0 1px var(--dark-edge), var(--shadow-floating); }
@media (min-width: 1024px){ .p2-band{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-12); } .p2-band.is-chan{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); } }
.p2-band-copy{ display:grid; gap:var(--s-6); position:relative; z-index:2; }
.p2-band-vis{ position:relative; margin:0; min-width:0; display:grid; gap:var(--s-4); justify-items:center; }
.p2-band-vis > *{ width:100%; }
.p2-band-vis > .ph{ justify-self:start; width:auto; margin:0; }
.p2-band-vis.is-k8 > :is(.k8-jg, .k8-bm){ max-width:640px; }
.p2-band-vis .k8-asset.c-regal-matrix-s{ max-width:360px; }
.p2-band-side{ display:grid; gap:var(--s-3); position:relative; z-index:2; margin-top:var(--s-4); }
.p2-close .logos{ margin-bottom:clamp(32px, 4vw, 48px); }
.p2-band .link-row{ margin-top:0; }
.p2-chan{ display:grid; gap:var(--s-3); }
.p2-chan > li{ display:grid; min-width:0; }
@media (min-width: 600px){ .p2-chan{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.p2-chan a{ position:relative; display:grid; gap:var(--s-3); align-content:space-between; min-height:112px; padding:var(--s-5, 20px); border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); text-decoration:none; color:var(--ink); font-weight:var(--fw-strong); font-size:var(--t-small); line-height:1.3; transition:background-color var(--d-hover) var(--ease), box-shadow var(--d-hover) var(--ease); }
.p2-chan a:hover{ background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }
.p2-chan a .p2-ic{ width:24px; height:24px; color:var(--ink); }
.p2-chan a .p2-go{ display:grid; place-items:center; width:40px; height:40px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); justify-self:end; }
.p2-chan a .p2-go svg{ width:18px; height:18px; transition:transform var(--d-hover) var(--ease); }
.p2-chan a:hover .p2-go svg{ transform:translateX(3px); }
.p2-chan-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--s-3); }
@media (max-width: 599px){ .p2-chan a{ display:flex; align-items:center; gap:var(--s-3); min-height:64px; padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4); } .p2-chan-top{ display:contents; } .p2-chan a .p2-go{ order:3; margin-left:auto; flex:none; } }


.p2-order{ display:grid; gap:var(--s-8); margin-top:clamp(32px, 4vw, 56px); align-items:center; }
.p2-order > *{ min-width:0; }
@media (min-width: 1024px){ .p2-order{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:var(--s-12); } }
.p2-order-vis{ display:grid; gap:var(--s-4); }
.p2-order-vis > .ph{ margin:0; }


.p2-anno{ display:grid; gap:var(--s-8); align-items:center; }
@media (min-width: 1100px){ .p2-anno{ grid-template-columns:minmax(0, 7.5fr) minmax(0, 4.5fr); gap:var(--s-12); } }
.p2-anno-vis{ position:relative; margin:0; display:grid; gap:var(--s-4); }
.p2-anno-vis.surf-stein{ padding:var(--pad-inner); }
@media (min-width: 641px){ .p2-anno-vis.surf-stein{ padding:clamp(16px, 2.4vw, 32px); } }
.p2-anno-shot{ position:relative; }
.p2-anno-vis > .ph{ position:relative; z-index:6; margin:0; }

@media (max-width: 640px){ .p2-anno-shot{ width:100%; max-width:360px; margin-inline:auto; } .p2-anno-shot .p2-pin{ left:var(--xm, var(--x)); top:var(--ym, var(--y)); } }
.p2-pin{ position:absolute; z-index:6; left:var(--x); top:var(--y); display:grid; place-items:center; width:30px; height:30px; margin:-15px 0 0 -15px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:var(--t-meta); font-weight:var(--fw-semi); box-shadow:0 0 0 4px color-mix(in srgb, var(--ink-inverse) 85%, transparent), var(--shadow-elevated); transition:transform var(--d-hover) var(--ease), background-color var(--d-hover) var(--ease); }
.p2-pin.is-hot{ background:var(--brand); color:var(--on-brand); transform:scale(1.18); }
@media (max-width: 640px){ .p2-pin{ width:20px; height:20px; margin:-10px 0 0 -10px; font-size:.75rem; box-shadow:0 0 0 3px color-mix(in srgb, var(--ink-inverse) 85%, transparent); } }
.p2-anno-list{ display:grid; gap:var(--s-3); counter-reset:p2anno; }
.p2-anno-list > div{ position:relative; display:grid; grid-template-columns:30px minmax(0, 1fr); gap:var(--s-1) var(--s-4); padding:var(--s-4); border-radius:var(--r-card); border:1px solid var(--edge); background:var(--surface); counter-increment:p2anno; transition:border-color var(--d-hover) var(--ease), box-shadow var(--d-hover) var(--ease); cursor:default; }
.sec-white .p2-anno-list > div{ background:var(--ground); }
.p2-anno-list > div::before{ content:counter(p2anno); grid-row:1 / span 2; display:grid; place-items:center; width:30px; height:30px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:var(--t-meta); font-weight:var(--fw-semi); transition:background-color var(--d-hover) var(--ease); }
.p2-anno-list > div.is-hot{ border-color:var(--brand); box-shadow:var(--shadow-card); }
.p2-anno-list > div.is-hot::before{ background:var(--brand); color:var(--on-brand); }
.p2-anno-list dt{ font-size:var(--t-meta); font-weight:var(--fw-semi); align-self:center; }
.p2-anno-list dd{ margin:0; grid-column:2; font-size:var(--t-small); line-height:1.5; }


.p2-split{ display:grid; gap:var(--s-10); align-items:center; }
@media (min-width: 1024px){ .p2-split{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:var(--s-16); } .p2-split.rev{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:var(--s-12); } .p2-split.rev > :first-child{ order:2; } }
.p2-split > *{ min-width:0; }
.p2-steps{ display:grid; gap:0; counter-reset:p2st; }
.p2-steps > div{ position:relative; display:grid; grid-template-columns:40px minmax(0, 1fr); gap:var(--s-1) var(--s-4); padding-bottom:var(--s-6); counter-increment:p2st; }
.p2-steps > div::before{ content:counter(p2st); grid-row:1 / span 2; display:grid; place-items:center; width:40px; height:40px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); font-weight:var(--fw-semi); font-size:var(--t-small); position:relative; z-index:1; }
.p2-steps > div:not(:last-child)::after{ content:""; position:absolute; left:19px; top:44px; bottom:4px; width:2px; background:var(--edge); }
.p2-steps dt{ font-weight:var(--fw-semi); font-size:var(--t-small); align-self:center; }
.p2-steps dd{ margin:0; grid-column:2; }
.p2-hier{ margin:0; display:grid; gap:var(--s-4); }
.p2-hier > .ph{ margin:0; }
.p2-hier .k8-asset{ width:100%; }
.p2-hier.is-dro .k8-asset{ max-width:520px; justify-self:center; }


.p2-phases{ display:grid; gap:var(--p2-gap); position:relative; counter-reset:p2ph; }
@media (min-width: 900px){ .p2-phases{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .p2-phases::before{ content:""; position:absolute; left:calc(100% / 6); right:calc(100% / 6); top:44px; height:2px; background:var(--edge-strong); } }
.p2-phase{ position:relative; display:grid; gap:var(--s-3); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); counter-increment:p2ph; min-width:0; }
.sec-white .p2-phase{ background:var(--ground); }
.p2-phase-ic{ display:grid; place-items:center; width:48px; height:48px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); box-shadow:0 0 0 6px var(--surface); position:relative; z-index:1; }
.sec-white .p2-phase-ic{ box-shadow:0 0 0 6px var(--ground); }
.p2-phase-ic .p2-ic{ width:22px; height:22px; }
.p2-phase dt{ font-weight:var(--fw-semi); font-size:var(--t-small); }
.p2-phase dd{ margin:0; }
@media (min-width: 900px){ .p2-phase{ background:transparent; border:0; padding:0 var(--s-4); justify-items:center; text-align:center; } .sec-white .p2-phase{ background:transparent; } .p2-phase-ic{ margin-top:20px; } }
.p2-shot-wide{ margin:clamp(32px, 4vw, 56px) 0 0; position:relative; display:grid; gap:var(--s-4); }
.p2-shot-wide .k8-asset{ justify-self:center; }
.p2-shot-wide > .ph{ margin:0; }


.p2-bento{ display:grid; gap:var(--p2-gap); }
.p2-bento > *{ min-width:0; }
.p2-tile{ position:relative; display:grid; gap:var(--s-4); align-content:start; padding:var(--p2-pad); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); overflow:hidden; }
.sec-white .p2-tile:not(.surf-anthrazit){ background:var(--ground); }

.p2-bento.k8-buehne .p2-tile{ border-radius:var(--r-inner); background:var(--surface); border-color:transparent; }
.p2-tile dt{ font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p2-tile dd{ margin:0; }
.p2-tile dl{ display:grid; gap:var(--s-1); margin:0; }
.p2-tile.is-big{ align-content:space-between; }
.p2-tile.is-big.surf-anthrazit{ border-color:transparent; }
.p2-tile-vis{ position:relative; margin:0; display:grid; gap:var(--s-4); justify-items:center; }
.p2-tile-vis.is-frag{ padding-top:var(--s-2); }
.p2-tile-vis .k8-asset{ width:100%; }
.p2-tile-vis .k8-asset.c-vorlage-s{ max-width:343px; }
.p2-tile-vis .k8-asset.c-platzierungen-drogerie-s{ max-width:340px; }
.p2-tile .p2-tile-vis > .k8-jg{ width:100%; max-width:520px; }
.p2-tile dd + dt{ margin-top:var(--s-3); }
.p2-tile-vis.is-geb .k8-asset.c-gebiete{ max-width:560px; }
.p2-tile-vis > .ph{ justify-self:start; margin:0; }
.p2-tile-ic{ display:grid; place-items:center; width:48px; height:48px; border-radius:var(--r-inner); background:var(--surface-alt); color:var(--ink); }
.p2-tile-ic .p2-ic{ width:24px; height:24px; }
.p2-tile > .ph{ margin:0; }
@media (min-width: 900px){
  .p2-bento.is-dro{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
  .p2-bento.is-dro .p2-tile.is-half{ grid-column:span 3; align-content:space-between; }
  .p2-bento.is-dro .p2-tile.is-wide{ grid-column:1 / -1; grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); align-items:center; column-gap:var(--s-10); }
  .p2-bento.is-geb{ grid-template-columns:repeat(12, minmax(0, 1fr)); }
  .p2-bento.is-geb .p2-tile:nth-child(1){ grid-column:1 / span 7; grid-row:1 / span 3; }
  .p2-bento.is-geb .p2-tile:nth-child(n+2){ grid-column:8 / span 5; }
}
.p2-bento + .ph{ margin-top:var(--s-4); }
.p2-tile.is-row{ grid-template-columns:48px minmax(0, 1fr); align-items:start; }


.p2-bento.is-br{ grid-template-columns:minmax(0, 1fr); }
@media (min-width: 640px){ .p2-bento.is-br{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .p2-bento.is-br .p2-br-photo{ grid-column:1 / -1; } }
@media (min-width: 1100px){
  .p2-bento.is-br{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .p2-bento.is-br .p2-br-photo{ grid-column:1 / span 2; grid-row:1 / span 2; }
  .p2-bento.is-br .branch-card:nth-of-type(5), .p2-bento.is-br .branch-card:nth-of-type(6){ grid-column:span 2; }
}
.p2-br-photo{ position:relative; margin:0; border-radius:var(--r-card); overflow:hidden; min-height:280px; }
.p2-br-photo .pic{ position:absolute; inset:0; border-radius:0; aspect-ratio:auto; }
.p2-br-photo .pic .ph{ top:12px; bottom:auto; }
.p2-br-photo > .ph{ position:absolute; left:12px; bottom:12px; margin:0; z-index:3; }
.p2-bento.is-br .branch-card{ align-content:start; gap:var(--s-3); padding:var(--s-6); border-radius:var(--r-card); box-shadow:var(--shadow-card); }
.sec-white .p2-bento.is-br .branch-card{ background:var(--ground); }
.p2-bento.is-br .branch-card h3{ font-size:var(--t-h3); font-weight:var(--fw-semi); letter-spacing:-.01em; }
.p2-bento.is-br .branch-card p{ font-size:var(--t-small); line-height:1.55; }
.p2-br-ic{ display:block; color:var(--ink); line-height:0; }
.p2-br-ic .p2-ic{ width:28px; height:28px; }


.p2-doors{ display:grid; gap:var(--p2-gap); }
@media (min-width: 640px){ .p2-doors.is-4{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px){
  .p2-doors.is-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .p2-doors.is-4 .p2-door-body{ padding:var(--s-6) var(--s-4) var(--s-8) var(--s-6); }
  .p2-doors.is-4 .p2-door-t{ font-size:clamp(1.0625rem, 1.42vw, 1.375rem); }
  .p2-doors.is-4 .p2-door-t :is(a, .p2-door-btn) .p2-go{ width:36px; height:36px; }
}
.p2-door{ position:relative; display:grid; grid-template-columns:minmax(0, 1fr); grid-template-rows:auto 1fr; border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-elevated); overflow:hidden; min-width:0; transition:box-shadow var(--d-hover) var(--ease), transform var(--d-hover) var(--ease); }
.p2-door:hover{ box-shadow:var(--shadow-floating); }
.p2-door:focus-within{ outline:2px solid var(--focus); outline-offset:3px; }
.p2-door .pic{ border-radius:0; aspect-ratio:16 / 10; }
.p2-door-body{ display:grid; gap:var(--s-3); align-content:start; padding:var(--s-6); }

.p2-door-t{ font-size:var(--t-h3); font-weight:var(--fw-semi); letter-spacing:-.01em; line-height:1.2; }
.p2-door-body p{ font-size:var(--t-small); }
.p2-door-t :is(a, .p2-door-btn){ display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); width:100%; text-decoration:none; color:inherit; min-height:44px; }
.p2-door-btn{ padding:0; border:0; background:none; font:inherit; text-align:left; cursor:pointer; }
.p2-door-t :is(a, .p2-door-btn)::after{ content:""; position:absolute; inset:0; z-index:3; border-radius:inherit; }
.p2-door-t :is(a, .p2-door-btn):focus-visible{ outline:none; }
.p2-door-t :is(a, .p2-door-btn) .p2-go{ display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:var(--r-pill); background:var(--brand); color:var(--on-brand); }
.p2-door-t :is(a, .p2-door-btn) .p2-go svg{ width:18px; height:18px; transition:transform var(--d-hover) var(--ease); }
.p2-door:hover .p2-door-t :is(a, .p2-door-btn) .p2-go svg{ transform:translateX(3px); }
.p2-door .ph{ position:relative; z-index:4; }
.p2-door .ph-mark{ background:none; }
.p2-roles{ display:grid; gap:var(--p2-gap); }
@media (min-width: 760px){
  .p2-roles{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  
  .p2-roles .p2-door{ grid-row:span 2; grid-template-rows:subgrid; row-gap:0; }
}
@media (min-width: 1100px){ .p2-roles{ grid-template-columns:repeat(12, minmax(0, 1fr)); } .p2-roles .p2-door:nth-child(1){ grid-column:span 7; } .p2-roles .p2-door:nth-child(2){ grid-column:span 5; } .p2-roles .p2-door:nth-child(3){ grid-column:span 6; } .p2-roles .p2-door:nth-child(4){ grid-column:span 6; } }
.p2-door-vis{ position:relative; margin:0; display:grid; place-items:center; gap:var(--s-3); padding:var(--s-6) var(--s-6) var(--s-4); min-width:0; }
.p2-door-vis + .p2-door-body{ border-top:1px solid var(--edge); }
.p2-door-vis .k8-asset{ width:100%; max-width:460px; }
.p2-door-vis .dev-iphone{ --w:clamp(180px, 15vw, 200px); }
.p2-door-vis .k8-bm{ width:100%; max-width:440px; }
.p2-door-vis > .ph{ justify-self:start; margin:0; }

.p2-door-vis.is-a4{ padding:var(--s-6) var(--s-6) var(--s-4); }
.p2-door-lh{ width:100%; min-width:0; display:flex; justify-content:center; }
.p2-a4{ width:min(320px, 100%); aspect-ratio:auto; transform:rotate(-1.5deg); transform-origin:50% 0; box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }
.p2-a4 .kbar{ grid-template-columns:repeat(2, minmax(0, 1fr)); }


.p2-day{ position:relative; margin-top:clamp(32px, 4vw, 56px); }
.p2-day-track{ display:grid; grid-auto-flow:column; gap:var(--p2-gap); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 4px var(--s-4); margin-inline:-4px; overscroll-behavior-x:contain; counter-reset:p2day; }
.p2-day-track::-webkit-scrollbar{ display:none; }
@media (min-width: 1100px){
  .p2-day-track{ grid-auto-flow:row; grid-template-columns:repeat(6, minmax(0, 1fr)); overflow:visible; row-gap:var(--s-10); }
  .p2-day-track > .p2-day-step{ grid-column:span 2; grid-row:span 2; grid-template-rows:subgrid; row-gap:0; }
  .p2-day-track > .p2-day-step:nth-child(n+4){ grid-column:span 3; }
}

@media (max-width: 1099px){ .p2-day-track{ --n:2; grid-auto-columns:calc((100% + var(--gutter) - var(--n) * var(--p2-gap) - 14px) / var(--n)); margin-inline:calc(-1 * var(--gutter)); padding-inline:var(--gutter); scroll-padding-inline:var(--gutter); } }
@media (max-width: 640px){ .p2-day-track{ --n:1; } }
.p2-day-step{ scroll-snap-align:start; display:grid; grid-template-rows:auto 1fr; border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); overflow:hidden; counter-increment:p2day; box-shadow:var(--shadow-card); }
.sec-white .p2-day-step{ background:var(--ground); }
.p2-day-vis{ position:relative; margin:0; display:grid; place-items:center; padding:var(--s-6) var(--s-4) var(--s-8); min-width:0; }
.p2-day-vis.surf-stein{ border-radius:0; }
.p2-day-vis .dev-iphone{ --w:clamp(176px, 15vw, 196px); }
.p2-day-vis .k8-shot.c-letzter{ width:100%; max-width:340px; }
.p2-day-vis .k8-cut.p2-day-akte{ width:100%; max-width:326px; }
.p2-day-vis .k8-jg{ width:100%; max-width:460px; }
@media (max-width: 1099px){ .p2-day-vis{ min-height:460px; padding-inline:var(--s-3); } }
.p2-day-body{ position:relative; display:grid; gap:var(--s-2); align-content:start; padding:var(--s-6); }
.p2-day-body::before{ content:counter(p2day); position:absolute; top:-20px; left:var(--s-6); display:grid; place-items:center; width:40px; height:40px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:var(--t-small); font-weight:var(--fw-semi); box-shadow:0 0 0 4px var(--surface); }
.sec-white .p2-day-body::before{ box-shadow:0 0 0 4px var(--ground); }
.p2-day-body dt{ font-weight:var(--fw-semi); font-size:var(--t-small); margin-top:var(--s-3); }
.p2-day-body dd{ margin:0; font-size:var(--t-small); line-height:1.55; }
.p2-day-nav{ display:flex; justify-content:flex-end; gap:var(--s-2); margin-top:var(--s-2); }
@media (min-width: 1100px){ .p2-day-nav{ display:none; } }

.p2-nav-btn{ display:grid; transition:border-color var(--d-hover) var(--ease); }
.p2-nav-btn:hover{ border-color:var(--ink-3); }
.p2-nav-btn.is-prev svg{ transform:rotate(180deg); }
.p2-day-quote{ margin-top:var(--s-10); }


.p2-cmp-wrap{ margin:clamp(32px, 4vw, 56px) 0 0; container-type:inline-size; }
.p2-cmp{ --pos:60%; --chat-x:50%; --cmp-top:calc(var(--s-4) * 2 + 46px); --cmp-pad:clamp(16px, 3cqi, 40px); position:relative; display:grid; border-radius:var(--r-inner); overflow:hidden; box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); background:var(--surface-muted); touch-action:pan-y; }
.p2-cmp::before{ content:""; grid-area:1 / 1; padding-top:72%; }

.p2-cmp-wrap.k8-buehne > .p2-cmp{ width:100%; max-width:880px; margin-inline:auto; }

.p2-cmp-after{ grid-area:1 / 1; position:relative; display:flex; align-items:center; justify-content:center; gap:clamp(60px, 7cqi, 72px); padding:var(--cmp-top) var(--cmp-pad) var(--cmp-pad) max(var(--cmp-pad), 60px); min-width:0; }

.p2-cmp-bericht{ flex:0 0.5 348px; min-width:0; }
@container (min-width: 660px){ .p2-cmp-bericht{ min-width:308px; } }
.p2-cmp-bericht .k8-asset{ --k8-max:348px; margin-inline:auto; }
.p2-cmp .p2-cmp-after .k8-jg{ flex:0 1 360px; width:auto; max-width:none; min-width:0; }
.p2-cmp-before{ position:absolute; inset:0; z-index:2; background-repeat:no-repeat; background-size:cover; background-position:var(--chat-x) 50%; clip-path:inset(0 calc(100% - var(--pos)) 0 0); }
.p2-cmp-line{ position:absolute; z-index:3; top:0; bottom:0; left:var(--pos); width:2px; margin-left:-1px; background:var(--surface); box-shadow:0 0 0 1px var(--edge); pointer-events:none; }
.p2-cmp-knob{ position:absolute; z-index:4; top:50%; left:clamp(30px, var(--pos), calc(100% - 30px)); display:flex; align-items:center; justify-content:center; gap:2px; width:52px; height:52px; margin:-26px 0 0 -26px; border-radius:var(--r-pill); background:var(--surface); box-shadow:var(--shadow-floating); color:var(--ink); pointer-events:none; }
.p2-cmp-knob svg{ width:16px; height:16px; }
.p2-cmp-knob svg:first-child{ transform:rotate(180deg); }
.p2-cmp-range{ position:absolute; z-index:5; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; -webkit-appearance:none; appearance:none; }
.p2-cmp-range::-webkit-slider-thumb{ -webkit-appearance:none; width:52px; height:400px; }
.p2-cmp-range:focus-visible ~ .p2-cmp-knob{ outline:2px solid var(--focus); outline-offset:3px; }
.p2-cmp-tag{ position:absolute; z-index:4; top:var(--s-4); display:flex; align-items:center; gap:var(--s-2); padding:8px; border-radius:var(--r-pill); background:var(--surface); box-shadow:var(--shadow-card); pointer-events:none; transition:opacity 160ms var(--ease); }
.p2-cmp-tag.is-off{ opacity:0; }
.p2-cmp-tag span{ display:grid; place-items:center; width:30px; height:30px; border-radius:var(--r-pill); }
.p2-cmp-tag .p2-ic{ width:16px; height:16px; }
.p2-cmp-tag.is-l{ left:var(--s-4); }
.p2-cmp-tag.is-l span{ background:var(--danger-bg); color:var(--danger-text); }
.p2-cmp-tag.is-r{ right:var(--s-4); }
.p2-cmp-tag.is-r span{ background:var(--success-bg); color:var(--success-text); }
.p2-cmp-tag.is-r span:first-child, .p2-cmp-tag.is-l span:first-child{ background:var(--surface-alt); color:var(--ink); }
.p2-cmp-word{ font-size:var(--t-small); font-weight:var(--fw-strong); color:var(--ink); }
.p2-cmp-wrap + .ph{ margin-top:var(--s-4); }
@media (prefers-reduced-motion: reduce){ .p2-cmp-tag{ transition:none; } }

@media (max-width: 640px){
  .p2-cmp{ display:grid; gap:var(--s-4); overflow:visible; border-radius:0; background:none; box-shadow:none; }
  .p2-cmp::before{ content:none; }
  .p2-cmp-before{ position:relative; inset:auto; order:-2; aspect-ratio:4 / 3; clip-path:none; border-radius:var(--r-inner); box-shadow:0 0 0 1px var(--edge); }
  .p2-cmp-after{ grid-area:auto; display:grid; justify-content:normal; align-items:normal; gap:var(--s-4); padding:0; background:none; }
  .p2-cmp-bericht .k8-asset{ --k8-max:none; }
  .p2-cmp .p2-cmp-after .k8-jg{ max-width:none; }
  .p2-cmp-line, .p2-cmp-knob, .p2-cmp-range{ display:none; }
  .p2-cmp-tag{ position:static; justify-self:start; padding:4px; box-shadow:0 0 0 1px var(--edge); }
  .p2-cmp-tag.is-off{ opacity:1; }
  .p2-cmp-tag.is-l{ order:-3; }
  .p2-cmp-tag.is-r{ order:-1; margin-top:var(--s-2); }
}


.p2-around{ display:grid; gap:var(--s-8); align-items:center; margin-top:clamp(32px, 4vw, 56px); }
@media (min-width: 1024px){ .p2-around{ grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); gap:var(--s-10); } }
.p2-around-col{ display:grid; gap:var(--p2-gap); }
.p2-around-col > div{ position:relative; display:grid; gap:var(--s-2); padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); }
.sec-white .p2-around-col > div{ background:var(--ground); }
.p2-around-col dt{ display:flex; align-items:center; gap:var(--s-2); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p2-around-col dt span{ display:grid; place-items:center; width:30px; height:30px; border-radius:var(--r-pill); background:var(--success-bg); color:var(--success-text); }
.p2-around-col dt .p2-ic{ width:16px; height:16px; }
.p2-around-col dd{ margin:0; }
.p2-around-dev{ position:relative; display:grid; justify-items:center; gap:var(--s-4); margin:0; padding:var(--s-6) var(--s-8); border-radius:var(--r-surface); }
.p2-around-dev .dev-iphone{ --w:clamp(224px, 20vw, 260px); }
.p2-around-dev > .ph{ justify-self:start; margin:0; }
.p2-around-link{ margin-top:var(--s-8); }


.p2-duo{ display:grid; gap:var(--s-8); margin-top:clamp(32px, 4vw, 56px); align-items:center; }
.p2-duo > *{ min-width:0; }
@media (min-width: 1024px){ .p2-duo{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-12); } }
.p2-duo-text{ display:grid; gap:var(--p2-gap); margin:0; }
.p2-duo-text > div{ display:grid; gap:var(--s-2); padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.sec-white .p2-duo-text > div{ background:var(--ground); }
.p2-duo-text dt{ display:flex; align-items:center; gap:var(--s-2); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p2-duo-text dd{ margin:0; font-size:var(--t-lead); line-height:1.45; }
.p2-duo-vis{ margin:0; display:grid; gap:var(--s-4); }
.p2-duo-vis > .ph{ margin:0; }


.p2-htabs{ position:relative; margin-top:clamp(8px, 1vw, 16px); padding-top:30px; }
.p2-htablist{ position:absolute; z-index:3; top:0; left:50%; transform:translateX(-50%); display:flex; gap:4px; padding:6px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); max-width:calc(100% - 16px); }
.p2-htab{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:48px; padding:0 20px; border:0; border-radius:var(--r-pill); background:none; color:var(--ink); font-size:1rem; font-weight:var(--fw-mid); cursor:pointer; white-space:nowrap; transition:background-color var(--d-hover) var(--ease), color var(--d-hover) var(--ease); }
.p2-htab:hover{ background:var(--hover-wash); }
.p2-htab[aria-selected="true"]{ background:var(--select); color:var(--on-select); font-weight:var(--fw-semi); }
.p2-htab .p2-ic{ width:18px; height:18px; }
@media (max-width: 520px){ .p2-htab{ padding:0 14px; } .p2-htab .p2-ic{ display:none; } }

@media (max-width: 359px){ .p2-htab{ padding-inline:var(--s-2); } }
.p2-htab-panels{ border-radius:var(--r-surface); padding:clamp(64px, 7vw, 88px) clamp(16px, 4vw, 56px) clamp(24px, 4vw, 56px); }
.p2-htab-panel{ display:grid; gap:var(--s-8); align-items:center; min-height:clamp(260px, 30vw, 420px); }
.p2-htab-panel[hidden]{ display:none; }
@media (min-width: 1024px){ .p2-htab-panel{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-12); } }
.p2-htab-txt{ font-size:var(--t-lead); line-height:1.45; max-width:30ch; }
.p2-htab-shot{ margin:0; position:relative; display:grid; justify-items:center; gap:var(--s-4); }
.p2-htab-shot .k8-asset{ width:100%; }
.p2-htab-shot .k8-asset.c-zielmaerkte{ max-width:400px; }
.p2-htab-shot > .ph{ justify-self:start; margin:0; }


.p2-fit{ display:grid; gap:var(--s-10); align-items:center; }
@media (min-width: 1024px){ .p2-fit{ grid-template-columns:minmax(0, 6fr) minmax(0, 6fr); gap:var(--s-16); } }
.p2-fit-copy{ display:grid; gap:var(--s-6); }


.p2-h-icons .p2-hi{ display:inline-grid; place-items:center; width:1.05em; height:1.05em; margin:0 .18em 0 0; border-radius:.32em; background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); vertical-align:-.12em; color:var(--ink); }
.p2-h-icons .p2-hi svg{ width:.56em; height:.56em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }



.p2-change{ --chg-stick:calc(var(--header-h) + 84px); --chg-nav-top:10px; --chg-nav-rand:5px; --chg-nav-ziel:44px; --chg-nav-h:calc(var(--chg-nav-ziel) + 2 * var(--chg-nav-rand)); position:relative; display:grid; gap:clamp(64px, 8vw, 128px); }
.p2-change .ph{ margin:0; }


.p2-change-nav{ position:sticky; top:calc(var(--header-h) + var(--chg-nav-top)); z-index:6; justify-self:start; display:flex; gap:4px; max-width:100%; padding:var(--chg-nav-rand); border-radius:var(--r-pill); background:color-mix(in srgb, var(--surface) 90%, transparent); -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); }
.p2-change-pill{ position:relative; display:inline-flex; align-items:center; gap:var(--s-2); min-height:var(--chg-nav-ziel); padding:0 16px 0 12px; border:0; border-radius:var(--r-pill); background:transparent; color:var(--ink); font:inherit; font-size:var(--t-small); font-weight:var(--fw-strong); white-space:nowrap; cursor:pointer; overflow:hidden; transition:background-color var(--d-hover) var(--ease), color var(--d-hover) var(--ease); }
.p2-change-pill:hover{ background:var(--hover-wash); }
.p2-change-pill[aria-current="true"]{ background:var(--select); color:var(--on-select); }
.p2-change-pill > i{ position:absolute; left:14px; right:14px; bottom:6px; height:2px; border-radius:2px; background:var(--brand); transform-origin:left center; transform:scaleX(var(--rp, 0)); }
.p2-change-pill:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.p2-change-dot{ flex:none; width:10px; height:10px; border-radius:var(--r-pill); background:var(--brand); }
[data-rolle="leitung"] .p2-change-dot{ background:var(--ink); }
[data-rolle="innendienst"] .p2-change-dot{ background:none; box-shadow:inset 0 0 0 2px var(--ink); }
.p2-change-pill[aria-current="true"][data-rolle="leitung"] .p2-change-dot{ background:var(--on-select); }
.p2-change-pill[aria-current="true"][data-rolle="innendienst"] .p2-change-dot{ box-shadow:inset 0 0 0 2px var(--on-select); }
@media (max-width: 480px){ .p2-change-nav{ gap:2px; padding:4px; } .p2-change-pill{ padding:0 10px; font-size:.8125rem; } .p2-change-pill .p2-change-dot{ display:none; } }


.p2-change-role{ scroll-margin-top:calc(var(--chg-nav-top) + var(--chg-nav-h) + var(--s-3)); min-width:0; }
.p2-change-who{ display:flex; align-items:center; gap:var(--s-3); margin:0 0 clamp(20px, 3vw, 40px); font-size:clamp(1.875rem, 3.4vw, 3rem); font-weight:var(--fw-display); letter-spacing:-.026em; line-height:1.08; }
.p2-change-who .p2-change-dot{ width:14px; height:14px; }
.p2-change-who:focus{ outline:none; }
.p2-change-who:focus-visible{ outline:2px solid var(--focus); outline-offset:6px; border-radius:var(--r-sm); }


.p2-change-list{ list-style:none; margin:0; padding:0; display:grid; gap:clamp(48px, 6vw, 88px); counter-reset:p2chg; }
.p2-change-row{ --s:1; counter-increment:p2chg; position:relative; display:grid; gap:var(--s-4); align-content:start; min-width:0; }
.p2-change-was{ display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; gap:var(--s-4); margin:0; }
.p2-change-old{ font-size:var(--t-lead); line-height:1.4; color:var(--ink-2); }
.p2-change-old > span{ background-image:linear-gradient(var(--danger), var(--danger)); background-repeat:no-repeat; background-position:0 60%; background-size:calc(var(--s) * 100%) 2px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.p2-change-now{ position:relative; display:grid; grid-template-columns:32px minmax(0, 1fr); column-gap:var(--s-3); margin:0; max-width:30ch; font-size:clamp(1.375rem, 2.1vw, 1.875rem); font-weight:var(--fw-strong); letter-spacing:-.016em; line-height:1.24; color:var(--ink); text-wrap:pretty; }
.p2-change-ok{ display:grid; place-items:center; width:32px; height:32px; margin-top:.08em; border-radius:var(--r-pill); background:var(--success-bg); color:var(--success-text); }
.p2-change-ok svg{ width:17px; height:17px; }

.p2-change-now > .p1-res-vorbehalt{ grid-column:2; font-weight:var(--fw-body); letter-spacing:0; }


.p2-change-before.is-thumb{ position:relative; width:96px; aspect-ratio:3 / 2; border-radius:var(--r-inner); box-shadow:inset 0 0 0 1px var(--edge); overflow:hidden; }
.p2-change-before.is-thumb::after{ content:counter(p2chg, decimal-leading-zero); position:absolute; left:4px; bottom:4px; display:grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); font-size:.75rem; font-weight:var(--fw-semi); font-variant-numeric:tabular-nums; color:var(--ink); }


.p2-change-vis{ position:relative; min-width:0; margin:var(--s-2) 0 0; }
.p2-change-after{ container-type:inline-size; width:100%; display:grid; justify-items:center; align-items:center; gap:var(--s-4); }
.p2-change-after > *{ width:100%; }
.p2-change-after .k8-asset.c-naturalrabatt{ max-width:560px; }
.p2-change-after .k8-asset.c-regal-matrix-s{ max-width:360px; }
.p2-change-after .k8-asset.c-cockpit-region-s{ max-width:340px; }
.p2-change-after .k8-shot.c-letzter{ max-width:400px; }

.p2-change-after .k8-shot.scr-iphone-bestellung12{ max-width:220px; }
.p2-change-after .k8-cut{ max-width:520px; }
.p2-change-after :is(.k8-jg, .k8-bm){ max-width:620px; }
.p2-change-after > .dev-iphone{ width:var(--w); --w:220px; }
@container (max-width: 519px){ .p2-cq-l{ display:none !important; } }
@container (min-width: 520px){ .p2-cq-s{ display:none !important; } }
@media (max-width: 640px){ .p2-change-before.is-thumb{ width:84px; } .p2-change-after > .dev-iphone{ --w:210px; } }
@media (min-width: 1024px){
  .p2-change-row{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); grid-template-rows:1fr auto auto 1fr; column-gap:clamp(40px, 5vw, 88px); align-items:center; }
  .p2-change-row > p{ grid-column:1; }
  .p2-change-was{ grid-row:2; }
  .p2-change-now{ grid-row:3; }
  .p2-change-vis{ grid-column:2; grid-row:1 / span 4; margin:0; }
}


.p2-change-stage{ display:none; }
@media (min-width: 1024px){
  .p2-change.is-live .p2-change-role{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); grid-template-rows:auto 1fr; column-gap:clamp(40px, 5vw, 88px); align-items:start; }
  .p2-change.is-live .p2-change-grid{ display:contents; }
  .p2-change.is-live .p2-change-who{ grid-column:1; grid-row:1; }
  .p2-change.is-live .p2-change-list{ grid-column:1; grid-row:2; gap:0; padding-bottom:clamp(120px, 24vh, 240px); }
  .p2-change.is-live .p2-change-stage{ grid-column:2; grid-row:1 / span 2; display:block; position:sticky; top:var(--chg-stick); }
  .p2-change.is-live .p2-change-row{ grid-template-columns:minmax(0, 1fr); grid-template-rows:none; align-content:center; min-height:clamp(320px, 50vh, 480px); }
  .p2-change.is-live .p2-change-row > p{ grid-column:1; grid-row:auto; }
  
  .p2-change.is-live .p2-change-row::before{ content:counter(p2chg, decimal-leading-zero); justify-self:start; display:grid; place-items:center; min-width:34px; height:34px; padding:0 10px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); font-size:var(--t-meta); font-weight:var(--fw-semi); font-variant-numeric:tabular-nums; transition:background-color var(--d-tab) var(--ease), color var(--d-tab) var(--ease), box-shadow var(--d-tab) var(--ease); }
  .p2-change.is-live .p2-change-row.is-on::before{ background:var(--select); color:var(--on-select); box-shadow:none; }
  .p2-change.is-live .p2-change-was{ grid-template-columns:minmax(0, 1fr); }
  .p2-change.is-live .p2-change-before.is-thumb, .p2-change.is-live .p2-change-vis{ display:none; }
  .p2-change.is-live > .p2-change-nav{ justify-self:end; }
}
.p2-change-frame{ position:relative; aspect-ratio:16 / 11; container-type:inline-size; }
.p2-change-layer{ --w:0; position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 420ms var(--ease-io), visibility 0s linear 420ms; }
.p2-change-layer.is-on{ opacity:1; visibility:visible; transition:opacity 420ms var(--ease-io), visibility 0s; }
.p2-change-layer > .p2-change-after{ position:absolute; inset:0; place-items:center; transform:scale(calc(.97 + .03 * var(--w))); }
.p2-change-layer > .p2-change-after > .k8-shot.scr-ipadq-berichte{ width:auto; height:100%; max-width:100%; }

.p2-change-layer > .p2-change-after > :is(.k8-asset.c-cockpit-region-s, .k8-asset.c-regal-matrix-s, .k8-shot.scr-iphone-bestellung12){ width:auto; height:calc(100% - 2 * var(--s-4)); max-width:100%; }

.p2-change-layer > .p2-change-after:has(> .geraete){ grid-template-rows:minmax(0, 1fr) auto; }
.p2-change-layer > .p2-change-after > .dev-iphone{ --w:min(196px, 30cqw); }
.p2-change-layer > .p2-change-before{ position:absolute; inset:0; z-index:2; border-radius:var(--r-inner); clip-path:inset(0 0 0 calc(var(--w) * 100%)); box-shadow:inset 0 0 0 1px var(--edge), var(--shadow-card); filter:saturate(.85); }
.p2-change-scan{ position:absolute; z-index:3; top:-12px; bottom:-12px; left:calc(var(--w) * 100%); width:2px; margin-left:-1px; border-radius:2px; background:var(--ink); opacity:clamp(0, calc(min(var(--w), 1 - var(--w)) * 14), 1); pointer-events:none; }
.p2-change-meter{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:var(--s-3); margin-top:var(--s-6); font-size:var(--t-meta); font-weight:var(--fw-semi); color:var(--ink-2); transition:opacity var(--d-tab) var(--ease); }
.p2-change-meter > span{ display:inline-flex; align-items:center; gap:6px; }
.p2-change-meter svg{ width:16px; height:16px; }
.p2-change-meter .is-was svg{ color:var(--danger-text); }
.p2-change-meter .is-now svg{ color:var(--success-text); }
.p2-change.is-live .p2-change-role:not(.is-cur) .p2-change-meter{ opacity:0; transition:none; }
.p2-change-meter > i{ position:relative; display:block; height:4px; border-radius:var(--r-pill); background:var(--edge); overflow:hidden; }
.p2-change-meter > i > b{ position:absolute; inset:0; border-radius:inherit; background:var(--ink-2); transform-origin:left center; transform:scaleX(var(--w, 0)); }

@media (max-width: 1023px){ .p2-change.is-live .p2-change-vis .p2-change-after{ transform:translateY(calc((1 - var(--s)) * 20px)); } }


.p2-change.is-tabs{ gap:clamp(24px, 3vw, 40px); }
.p2-change.is-tabs > .p2-change-nav{ position:static; }
.p2-change.is-tabs .p2-change-pill[aria-selected="true"]{ background:var(--select); color:var(--on-select); }
.p2-change.is-tabs .p2-change-pill[aria-selected="true"][data-rolle="leitung"] .p2-change-dot{ background:var(--on-select); }
.p2-change.is-tabs .p2-change-pill[aria-selected="true"][data-rolle="innendienst"] .p2-change-dot{ box-shadow:inset 0 0 0 2px var(--on-select); }
.p2-change.is-tabs .p2-change-pill > i{ display:none; }
.p2-change.is-tabs .p2-change-role[hidden]{ display:none; }
.p2-change.is-tabs .p2-change-role:focus-visible{ outline:2px solid var(--focus); outline-offset:8px; border-radius:var(--r-surface); }
.p2-change.is-tabs .p2-change-who{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; margin:0; }
.p2-change.is-tabs .p2-change-list{ gap:var(--p2-gap); }
.p2-change.is-tabs .p2-change-row{ grid-template-columns:minmax(0, 1fr); grid-template-rows:none; align-content:start; align-items:stretch; gap:var(--s-3); padding:0 0 var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); overflow:hidden; }
@media (min-width: 760px){
  .p2-change.is-tabs .p2-change-list{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .p2-change.is-tabs .p2-change-row{ grid-row:span 3; grid-template-rows:subgrid; row-gap:var(--s-3); }
}
.p2-change.is-tabs .p2-change-row > p{ grid-column:1; grid-row:auto; padding-inline:var(--s-6); }
.p2-change.is-tabs .p2-change-was, .p2-change.is-tabs .p2-change-now{ align-self:start; }
.p2-change.is-tabs .p2-change-vis{ order:-1; grid-column:1; grid-row:auto; display:grid; align-items:center; align-self:stretch; margin:0 0 var(--s-2); padding:var(--s-4) var(--s-2); border-radius:0; background:var(--surf-stein); }

@media (min-width: 1100px){ .p2-change.is-tabs .p2-change-vis{ padding:var(--s-6); } }
.p2-change.is-tabs .p2-change-after > .dev-iphone{ --w:170px; }
.p2-change.is-tabs .p2-change-was{ grid-template-columns:auto minmax(0, 1fr); }
.p2-change.is-tabs .p2-change-before.is-thumb{ width:72px; }
.p2-change.is-tabs .p2-change-before.is-thumb::after{ display:none; }
.p2-change.is-tabs .p2-change-old{ font-size:var(--t-body); }
.p2-change.is-tabs .p2-change-now{ font-size:clamp(1.1875rem, 1.6vw, 1.375rem); grid-template-columns:28px minmax(0, 1fr); max-width:none; }
.p2-change.is-tabs .p2-change-ok{ width:28px; height:28px; }

@keyframes p2TabIn{ from{ transform:translateY(14px); opacity:0; } to{ transform:none; opacity:1; } }
@keyframes p2Strike{ from{ background-size:0 2px; } to{ background-size:100% 2px; } }
.p2-change.is-tabs .p2-change-role.is-shown .p2-change-row{ animation:p2TabIn 420ms var(--ease-out) both; }
.p2-change.is-tabs .p2-change-role.is-shown .p2-change-row:nth-child(2){ animation-delay:70ms; }
.p2-change.is-tabs .p2-change-role.is-shown .p2-change-row:nth-child(3){ animation-delay:140ms; }
.p2-change.is-tabs .p2-change-role.is-shown .p2-change-row:nth-child(4){ animation-delay:210ms; }
.p2-change.is-tabs .p2-change-role.is-shown .p2-change-old > span{ animation:p2Strike 620ms var(--ease-out) 260ms both; }


.p2-sym .callout7-say{ max-width:30ch; }
@media (min-width: 1024px){ .p2-sym{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); align-items:center; column-gap:var(--s-12); } .p2-sym > .ph{ grid-column:1 / -1; } }
.p2-sym-one{ display:grid; gap:var(--s-4); justify-items:center; min-width:0; }
.p2-sym-roles{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--s-3); margin:0; }
.p2-sym-role{ display:inline-flex; align-items:center; min-height:40px; padding:0 var(--s-4); border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); font-size:var(--t-small); font-weight:var(--fw-strong); }
.p2-sym-mirror{ display:grid; place-items:center; width:40px; height:40px; border-radius:var(--r-pill); color:var(--ink-2); }
.p2-sym-vis{ width:100%; max-width:620px; }
.p2-sym > .ph{ margin:0; }


.p2-buy{ display:grid; gap:var(--s-4); margin:var(--s-6) 0 0; }
@media (min-width: 760px){ .p2-buy{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.p2-buy-item{ display:grid; gap:var(--s-3); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--surf-stein); }
.p2-buy dt{ display:flex; align-items:center; gap:var(--s-3); font-size:var(--t-lead); font-weight:var(--fw-strong); line-height:1.3; }
.p2-buy-ic{ flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge); color:var(--ink); }
.p2-buy-ic svg{ width:20px; height:20px; }
.p2-buy dd{ display:grid; gap:var(--s-2); margin:0; }
.p2-buy .arrow-link{ font-weight:var(--fw-strong); }


.p2-gf-ready{ display:grid; gap:var(--s-8); align-items:end; }
@media (min-width: 1024px){ .p2-gf-ready{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:var(--s-16); } }
.p2-gf-ready-copy{ display:grid; gap:var(--s-4); }
.p2-sk{ margin-top:clamp(32px, 4vw, 56px); }
.p2-sk + .ph{ margin-top:var(--s-4); }

.p2-cta-vis .k8-card{ box-shadow:0 0 0 1px var(--dark-edge), var(--shadow-elevated); }


.p2-zm{ display:grid; gap:var(--s-3); width:100%; max-width:440px; margin-inline:auto; padding:var(--s-6); border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); color:var(--ink); font-size:var(--t-small); line-height:1.35; }
.p2-zm p{ margin:0; }
.p2-zm svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.p2-zm-h{ font-size:var(--t-body); font-weight:var(--fw-strong); }
.p2-zm-all{ display:flex; align-items:center; gap:var(--s-3); min-height:44px; }
.p2-zm-hint{ font-size:var(--t-meta); color:var(--ink-2); }
.p2-zm-box{ flex:none; display:grid; place-items:center; width:20px; height:20px; border-radius:var(--r-xs); box-shadow:inset 0 0 0 1.5px var(--edge-strong); }
.p2-zm-chips{ display:flex; flex-wrap:wrap; gap:var(--s-2); }
.p2-zm-chip{ display:inline-flex; align-items:center; gap:var(--s-2); padding:var(--s-1) var(--s-3); border-radius:var(--r-pill); background:var(--surface-alt); font-size:var(--t-meta); font-weight:var(--fw-mid); }
.p2-zm-chip svg{ width:12px; height:12px; color:var(--ink-2); }
.p2-zm-search{ display:flex; align-items:center; gap:var(--s-2); min-height:48px; padding:0 var(--s-3); border-radius:var(--r-inner); box-shadow:inset 0 0 0 1px var(--edge); color:var(--ink-2); }
.p2-zm-lv{ display:flex; flex-wrap:wrap; gap:var(--s-2); }
.p2-zm-lv span{ display:inline-flex; align-items:center; min-height:36px; padding:0 var(--s-3); border-radius:var(--r-inner); box-shadow:inset 0 0 0 1px var(--edge); font-size:var(--t-meta); color:var(--ink-2); }
.p2-zm-lv span.is-on{ box-shadow:inset 0 0 0 1px var(--ink-3); background:var(--brand-soft); color:var(--ink); font-weight:var(--fw-mid); }
.p2-zm-list{ list-style:none; margin:0; padding:0; border-radius:var(--r-inner); box-shadow:inset 0 0 0 1px var(--edge); overflow:hidden; }
.p2-zm-list li{ display:flex; align-items:center; gap:var(--s-2); min-height:48px; padding:var(--s-1) var(--s-3); border-top:1px solid var(--edge); }
.p2-zm-list li:first-child{ border-top:0; }
.p2-zm-list li.is-sel{ background:var(--brand-soft); }
.p2-zm-list li.is-sel .p2-zm-box{ background:var(--select); color:var(--on-select); box-shadow:none; }
.p2-zm-list li.is-sel .p2-zm-box svg{ width:12px; height:12px; stroke-width:3; }
.p2-zm-ini{ flex:none; display:grid; place-items:center; width:18px; height:18px; border-radius:var(--r-pill); background:var(--ink-2); color:var(--ink-inverse); font-size:calc(var(--t-meta) * .72); font-weight:var(--fw-bold); }
.p2-zm-n{ flex:1; min-width:0; display:grid; }
.p2-zm-n b{ font-weight:var(--fw-mid); }
.p2-zm-n i{ font-style:normal; font-size:var(--t-meta); color:var(--ink-2); }
.p2-zm-lvl{ flex:none; font-size:calc(var(--t-meta) * .8); letter-spacing:.04em; text-transform:uppercase; color:var(--ink-2); }

@media (prefers-reduced-motion: reduce){
  .p2 *, .p2 *::before, .p2 *::after{ animation:none !important; transition:none !important; }
  .p2-change-row{ --s:1 !important; }
}
@media (forced-colors: active){ .p2-pin, .p2-nav-btn{ border:1px solid CanvasText; } }





.surf-anthrazit{ background:var(--surf-anthrazit); color:var(--ink-inverse); border-radius:var(--r-surface); }
.surf-stein{ background:var(--surf-stein); border-radius:var(--r-surface); }
:is(.surf-anthrazit, .surf-stein, .surf-lichthof) .dev-shot{ padding:0; background:none; border-radius:0; }
.surf-anthrazit :focus-visible{ outline-color:var(--focus-on-dark); }
:is(.surf-anthrazit .dev-shot, .dev-shot.surf-anthrazit) .dev-screen{ box-shadow:0 0 0 1px var(--dark-edge), var(--shadow-floating); }


.surf-lichthof{ position:relative; overflow:visible; background:none; border-radius:0; }
.dev-shot.surf-lichthof{ padding:0; }
:is(.surf-lichthof .dev-shot, .dev-shot.surf-lichthof) .dev-screen{ box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }
.band-sec :is(.surf-lichthof .dev-shot, .dev-shot.surf-lichthof) .dev-screen{ box-shadow:0 0 0 1px var(--blue-edge), var(--shadow-elevated); }
:is(.surf-lichthof .frag7, .frag7.surf-lichthof){ box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }
.surf-lichthof.is-cut{ --lh-cut-h:320px; isolation:isolate; overflow-x:visible; overflow-y:clip; width:fit-content; max-width:100%; height:var(--lh-cut-h); margin-inline:auto; padding:calc(clamp(14px, 2.2vw, 28px) * 2.6) 0 0; }
.surf-lichthof.is-cut .dev-iphone{ -webkit-mask-image:linear-gradient(180deg, var(--ink) 58%, transparent 100%); mask-image:linear-gradient(180deg, var(--ink) 58%, transparent 100%);
  -webkit-mask-size:100% calc(var(--lh-cut-h) - clamp(14px, 2.2vw, 28px) * 2.6); mask-size:100% calc(var(--lh-cut-h) - clamp(14px, 2.2vw, 28px) * 2.6); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }


.sec-lichthof{ --lh-c:var(--lh-orange); position:relative; isolation:isolate; }
.sec-lichthof.is-stone{ --lh-c:var(--lh-stone); }
[data-page="sicherheit"] .sec-lichthof.is-blue{ --lh-c:var(--lh-blue); }
.sec-lichthof::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:color-mix(in srgb, var(--lh-c) 70%, transparent);
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, var(--ink) 28%, var(--ink) 72%, transparent 100%); mask-image:linear-gradient(180deg, transparent 0%, var(--ink) 28%, var(--ink) 72%, transparent 100%); }


.frag7{ display:block; width:100%; aspect-ratio:var(--far, var(--ar, 4 / 3)); border-radius:var(--r-inner); background-color:var(--surface); background-repeat:no-repeat; background-size:calc(var(--zoom, 1) * 100%) auto; background-position:var(--fx, 50%) var(--fy, 0%); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); }
.surf-anthrazit .frag7{ box-shadow:0 0 0 1px var(--dark-edge), var(--shadow-card); }


.saved3{ display:grid; gap:clamp(24px, 3.4vw, 44px); min-width:0; }
.saved3-say{ margin:0; font-size:var(--t-h2); font-weight:var(--fw-display); letter-spacing:-.028em; line-height:1.06; text-wrap:balance; }
.saved3-cols{ list-style:none; margin:0; padding:0; display:grid; gap:var(--s-6); counter-reset:saved3; }
.saved3-col{ counter-increment:saved3; display:grid; grid-template-columns:minmax(0, 1fr); align-content:start; gap:var(--s-3); min-width:0; }
.saved3-vis{ position:relative; display:grid; place-items:center; height:clamp(176px, 16vw, 216px); margin-bottom:var(--s-2); padding:var(--pad-inner); border-radius:var(--r-surface); background:var(--surf-stein); overflow:hidden; }
.saved3-vis::after{ content:counter(saved3) / ""; position:absolute; z-index:2; left:var(--s-3); top:var(--s-3); display:grid; place-items:center; min-width:28px; height:28px; padding:0 var(--s-2); border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); font-size:var(--t-meta); font-weight:var(--fw-semi); font-variant-numeric:tabular-nums; color:var(--ink); }
.saved3-vis .frag7{ width:auto; height:100%; max-width:100%; }
.saved3-vis .frag7.is-wide{ width:100%; height:auto; max-height:100%; }
.saved3-ico{ width:72px; height:72px; display:grid; place-items:center; border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); color:var(--ink); }
.saved3-ico svg{ width:36px; height:36px; }
.saved3-role{ justify-self:start; display:inline-flex; align-items:center; gap:var(--s-2); margin:0; font-size:var(--t-small); font-weight:var(--fw-semi); line-height:1.3; }
.saved3-role::before{ content:""; flex:none; width:10px; height:10px; border-radius:var(--r-pill); background:var(--brand); }
.saved3-col[data-rolle="innendienst"] .saved3-role::before{ background:none; box-shadow:inset 0 0 0 2px var(--ink); }
.saved3-col[data-rolle="leitung"] .saved3-role::before{ background:var(--ink); }
.saved3-head{ margin:0; font-size:clamp(1.5rem, 2.3vw, 2.125rem); font-weight:var(--fw-strong); letter-spacing:-.02em; line-height:1.1; text-wrap:balance; }
.saved3-line{ margin:0; max-width:34ch; color:var(--ink); }
@media (min-width: 760px){ .saved3-cols{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(16px, 2.2vw, 32px); } }
@media (max-width: 759px){
  .saved3-col{ grid-template-columns:96px minmax(0, 1fr); column-gap:var(--s-4); row-gap:var(--s-1); align-items:start; padding-top:var(--s-6); border-top:1px solid var(--edge); }
  .saved3-col:first-child{ padding-top:0; border-top:0; }
  .saved3-col > :not(.saved3-vis){ grid-column:2; }
  .saved3-vis{ grid-column:1; grid-row:1 / span 3; height:96px; margin:0; padding:var(--s-2); border-radius:var(--r-inner); }
  .saved3-vis::after{ display:none; }
  .saved3-ico{ width:56px; height:56px; }
  .saved3-ico svg{ width:26px; height:26px; }
  .saved3-head{ font-size:1.375rem; }
}
@media (max-width: 640px){ .saved3-say{ font-weight:var(--fw-body); letter-spacing:-.02em; } }
.surf-anthrazit .saved3-vis{ background:color-mix(in srgb, var(--ink-inverse) 8%, transparent); }
.surf-anthrazit .saved3-line{ color:var(--ink-inverse); }
.surf-anthrazit .saved3-col[data-rolle="innendienst"] .saved3-role::before{ box-shadow:inset 0 0 0 2px var(--ink-inverse); }
.surf-anthrazit .saved3-col[data-rolle="leitung"] .saved3-role::before{ background:var(--ink-inverse); }
:is(.surf-stein, .surf-anthrazit).saved3, :is(.surf-stein, .surf-anthrazit) > .saved3{ padding:clamp(24px, 4vw, 48px); }
.surf-stein .saved3-vis{ background:var(--surface); }
.surf-stein .saved3-ico{ background:var(--surf-stein); box-shadow:none; }


.callout7{ display:grid; gap:clamp(20px, 2.8vw, 32px); min-width:0; }
.callout7:is(.surf-stein, .surf-anthrazit){ padding:clamp(24px, 4vw, 48px); }
.callout7-say{ margin:0; max-width:24ch; font-size:clamp(1.75rem, 3.4vw, 2.875rem); font-weight:var(--fw-display); letter-spacing:-.024em; line-height:1.1; text-wrap:balance; }
.callout7-items{ list-style:none; margin:0; padding:0; display:grid; gap:var(--s-4); }
.callout7-item{ display:grid; grid-template-columns:48px minmax(0, 1fr); gap:var(--s-4); align-items:center; min-width:0; }
.callout7-ico{ width:48px; height:48px; display:grid; place-items:center; border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge); color:var(--ink); }
.callout7-ico svg{ width:22px; height:22px; }
.callout7-item.has-frag{ grid-template-columns:96px minmax(0, 1fr); }
.callout7-txt{ margin:0; font-size:var(--t-lead); font-weight:var(--fw-strong); line-height:1.3; }
@media (min-width: 640px){ .callout7-items{ grid-template-columns:repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap:var(--s-6); } }
@media (max-width: 640px){ .callout7-say{ font-weight:var(--fw-body); letter-spacing:-.02em; } }
.callout7.is-center{ justify-items:center; text-align:center; }
.callout7.is-center .callout7-items{ justify-self:stretch; }
.surf-anthrazit .callout7-ico{ background:transparent; box-shadow:inset 0 0 0 1px var(--dark-edge); color:var(--ink-inverse); }


.hero-lines{ display:grid; gap:var(--s-2); margin:0; color:inherit; font-size:clamp(1.25rem, 1.8vw, 1.5rem); font-weight:var(--fw-mid); line-height:1.3; letter-spacing:-.005em; }
.hero-lines > :is(span, p){ display:grid; grid-template-columns:8px minmax(0, 1fr); column-gap:var(--s-3); max-width:34ch; margin:0; }

.hero-lines > :is(span, p)::before{ content:""; width:8px; height:8px; margin-top:calc((1.3em - 8px) / 2); border-radius:var(--r-pill); background:var(--brand); }
.hero-lines.is-center{ justify-items:center; text-align:center; }
.hero-lines.is-center > :is(span, p){ display:block; }
.hero-lines.is-center > :is(span, p)::before{ display:none; }


[data-rotate7]{ position:relative; }
.rot7-pause{ position:absolute; z-index:8; bottom:var(--rot7-y, var(--s-3)); right:var(--rot7-x, var(--s-3)); box-shadow:var(--shadow-elevated); }
.rot7-pause:not(:focus-visible){ width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); border:0; box-shadow:none; }
[data-rotate7-state="paused"] .rot7-pause{ width:44px; height:44px; overflow:visible; clip-path:none; border:1px solid var(--edge); box-shadow:var(--shadow-elevated); }
.rot7-pause .ic-play{ display:none; }
.rot7-pause[data-paused] .ic-play{ display:block; }
.rot7-pause[data-paused] .ic-pause{ display:none; }



.hero7{ padding-block:clamp(24px, 3.2vw, 44px) calc(var(--sec-y) + 8px); }
.hero7 .hero-copy{ grid-area:copy; gap:clamp(20px, 2vw, 28px); }
.hero7 .h-hero{ gap:var(--s-4); }
.hero7 .h-kat{ max-width:40ch; font-size:clamp(1.125rem, 1.55vw, 1.375rem); }
.hero7 .hero-lines > :is(span, p){ max-width:40ch; }
@media (min-width: 1100px){ .hero7 .h-marke{ font-size:clamp(3.5rem, 7vw, 6.25rem); } }
.hero-act{ display:grid; gap:var(--s-3); }
.hero-act > *{ min-width:0; }
.hero7 .email-row input{ width:0; }
.hero7 .hero-after{ gap:0 var(--s-6); }
.hero7 .hero-after .meta{ flex:0 1 auto; }

@media (min-width: 360px) and (max-width: 520px){
  .hero7 .email-row{ flex-direction:row; border-radius:var(--r-pill); padding:6px; }
  .hero7 .email-row input{ min-width:0; padding:0 14px; border:2px solid var(--edge-strong); border-radius:var(--r-pill); min-height:48px; font-size:1rem; }
  .hero7 .email-row .btn{ width:auto; flex:none; padding-inline:18px; }
}

.hero-logos{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2) var(--s-6); padding-top:var(--s-3); border-top:1px solid var(--edge); }
.hero-logos .logos-lab{ font-size:var(--t-meta); }
.hero-logos .logo-list{ flex-wrap:nowrap; gap:clamp(20px, 2.6vw, 32px); }
.hero-logos .cust{ height:30px; }
.hero-logos .cust-paulas{ height:16px; }
.hero-logos .cust-3bears{ height:36px; }
.hero-logos > .ph{ flex-basis:100%; }
@media (max-width: 520px){ .hero-logos{ column-gap:var(--s-4); } .hero-logos .logo-list{ gap:var(--s-4); } .hero-logos .cust{ height:24px; } .hero-logos .cust-paulas{ height:13px; } .hero-logos .cust-3bears{ height:30px; } }

.hero7 .hero-rot{ --rot7-x:var(--s-3); --rot7-y:var(--s-3); }


#anker-start-rechner .saved3-say{ font-size:clamp(1.75rem, 3.4vw, 2.875rem); }

.saved3-vis:has(> .frag7) > .saved3-ico{ display:none; }
@media (max-width: 759px){ .saved3-vis:has(> .saved3-ico) > .frag7{ display:none; } .saved3-vis:has(> .saved3-ico) > .saved3-ico{ display:grid; } }
.calc7{ display:grid; gap:var(--s-4); margin-top:clamp(40px, 5vw, 64px); }
.calc7-price{ margin:0; }
.calc7-price .arrow-link{ font-size:var(--t-body); }


.int7{ display:grid; gap:var(--s-6); }
.int7 > *{ min-width:0; }
.int7-panel{ display:grid; gap:clamp(28px, 3.4vw, 48px); padding:clamp(24px, 4.4vw, 64px); }
.int7-panel > *{ min-width:0; }
.int7-head{ display:grid; gap:var(--s-4); justify-items:start; }
.int7-head .h2{ max-width:18ch; }
.int7-more{ display:grid; gap:var(--s-4); align-items:end; }
.int7-other{ margin:0; font-size:var(--t-small); }

.int7-ki{ display:grid; gap:var(--s-4); align-items:center; padding:clamp(20px, 2.4vw, 32px); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); }
.int7-ki > *{ min-width:0; }
.int7-ki .lw-tiles{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.int7-ki .lw-group.is-available .lw-tile.is-lead{ min-height:64px; }
.int7-ki .lw-group.is-soon .lw-tile{ flex-direction:row; gap:var(--s-2); min-height:56px; }
.int7-ki .lw-group.is-soon .lw-mark{ height:24px; }
.int7-ki-txt{ margin:0; }
.int7-ki > .ph{ grid-column:1 / -1; }
@media (min-width: 1024px){ .int7-ki{ grid-template-columns:minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr); column-gap:var(--s-8); } .int7-ki > .int-lab{ grid-column:1 / -1; } }


@media (min-width: 860px){ .trust-cards.trust7{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.trust7 .trust-card{ grid-template-columns:minmax(0, 150px) minmax(0, 1fr); justify-items:start; align-items:center; gap:var(--s-6); text-align:left; height:100%; }
.trust7 .trust-art{ width:100%; }
.trust7 .tc-text{ max-width:none; }
.tc-sub{ display:block; margin-top:var(--s-2); font-size:var(--t-small); line-height:1.5; color:var(--on-blue-2); }
@media (max-width: 520px){ .trust7 .trust-card{ grid-template-columns:minmax(0, 1fr); justify-items:center; text-align:center; gap:var(--s-3); } .trust7 .trust-art{ width:min(200px, 62%); } }
.ta-sign{ fill:none; stroke:var(--info-200); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.ta-rows.is-thin{ stroke-width:2.5; }


button.dd-link{ width:100%; border:0; background:none; font:inherit; color:var(--ink); text-align:left; cursor:pointer; }


.sc7{ align-items:center; }
.sc7 .p1-cta-copy{ position:relative; z-index:1; }
.sc7-art{ margin:0; display:none; }
.sc7-art svg{ display:block; width:100%; height:auto; overflow:visible; }
@media (min-width: 900px){ .sc7{ grid-template-columns:minmax(0, 1fr) minmax(0, 340px); column-gap:clamp(32px, 5vw, 72px); } .sc7-art{ display:block; } }
.ta-box{ fill:rgba(147,197,253,.12); stroke:var(--info-300); stroke-width:1.5; }
.ta-check{ fill:none; stroke:var(--info-200); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.ta-env{ fill:none; stroke:var(--info-200); stroke-width:1.5; stroke-linejoin:round; }
.trust-hero .hero-lines{ font-size:clamp(1.25rem, 1.7vw, 1.5rem); }

.dev[data-crop] .scr{ background-size:calc(var(--zoom, 1.6) * 100%) auto !important; background-position:var(--fx, 0%) var(--fy, 0%) !important; }



:root{
  
  --app-swatch-regal:#94A3B8; --app-swatch-display:#9DB58C;
  
  --success-strong:#15803D;
  --chart-line-w:2.5px; --chart-line-w-compare:1.6px;
  --vh8:100vh;
  
  --k8-drop:drop-shadow(0 1px 1px rgba(8,9,12,.06)) drop-shadow(0 8px 20px rgba(8,9,12,.10));
}
@supports (height: 100svh){ :root{ --vh8:100svh; } }


.k8-buehne{ position:relative; border-radius:var(--r-surface); background:var(--aurora); padding:clamp(16px, 3.4vw, 48px); min-width:0; }
.k8-buehne > *{ min-width:0; }
.k8-frei :is(.dev-shot .dev-screen, .frag7, .k8-shot, .k8-cut), :is(.dev-shot.k8-frei .dev-screen, .frag7.k8-frei, .k8-shot.k8-frei, .k8-cut.k8-frei){ box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }
.k8-frei .k8-card, .k8-card.k8-frei{ box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }


.dev-shot.k8-view{ padding:0; background:none; border-radius:0; }
.dev-shot.k8-view .dev-screen{ aspect-ratio:var(--ar) !important; border-radius:var(--r-inner); box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); background:var(--surface); }
.dev-shot.k8-view .scr{ background-size:100% auto !important; background-position:50% 0 !important; }

.dev-shot.k8-rot .dev-screen{ background:none; box-shadow:none; border-radius:0; overflow:visible; isolation:auto; }
.dev-shot.k8-rot .scr{ inset:auto 0; top:50%; height:auto; aspect-ratio:var(--ar); border-radius:var(--r-inner); background-color:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); transform:translateY(-50%); }
.hero-rot .dev-shot.k8-rot .scr{ transform:translateY(-50%) scale(1.02); }
.hero-rot .dev-shot.k8-rot .scr.is-on{ transform:translateY(-50%); }
@media (prefers-reduced-motion: reduce){ .hero-rot .dev-shot.k8-rot .scr, .hero-rot .dev-shot.k8-rot .scr.is-on{ transform:translateY(-50%); } }


@media (max-width: 640px){
  .dev-shot.k8-rot .dev-screen{ aspect-ratio:1020 / 880 !important; container-type:inline-size; }
  .dev-shot.k8-rot .scr{ aspect-ratio:var(--cw) / var(--ch); background-image:-webkit-image-set(var(--z) 2x, var(--z2) 1x); background-image:image-set(var(--z) 2x, var(--z2) 1x);
    background-size:calc(var(--W) / var(--cw) * 100%) auto !important; background-position:calc(var(--cx) / var(--cw) * -100cqw) calc(var(--cy) / var(--cw) * -100cqw) !important; }
  
}

.dev-shot.k8-rot .scr.k9-lay{ background-color:transparent; box-shadow:none; border-radius:0; }
.k9-lay > .k8-asset{ position:absolute; inset:0; width:100%; height:100%; max-width:none; aspect-ratio:auto; }
.k9-lay > .k9-s{ display:none; }
@media (max-width: 640px){
  .dev-shot.k8-rot .scr.k9-lay{ aspect-ratio:1020 / 880; background-image:none !important; }
  .k9-lay > .k9-l{ display:none; }
  .k9-lay > .k9-s{ display:block; }
}
.k8-shot{ display:block; width:100%; aspect-ratio:var(--ar, 1210 / 834); border-radius:var(--r-inner); background-color:var(--surface); background-repeat:no-repeat; background-size:100% auto; background-position:50% 0; box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }
.k8-ipad{ display:flex; justify-content:center; margin:0; min-width:0; }
.k8-ipad .dev-ipad{ --w:min(100%, var(--k8-ipad-w, 640px)); }
.k8-ipad .dev-ipad .dev-screen{ aspect-ratio:1210 / 834; }
.k8-ipad .dev-ipad .scr{ background-size:100% auto; background-position:50% 0; }
.k8-asset{ display:block; width:100%; max-width:var(--k8-max, 100%); aspect-ratio:var(--ar, 4 / 3); background-repeat:no-repeat; background-size:contain; background-position:50% 50%; filter:var(--k8-drop); }
.k8-cut{ display:block; width:100%; aspect-ratio:var(--sw) / var(--sh); border-radius:var(--r-inner); background-color:var(--surface); background-repeat:no-repeat;
  background-size:calc(var(--W) / var(--sw) * 100%) auto; background-position:calc(var(--sx) / (var(--W) - var(--sw)) * 100%) calc(var(--sy) / (var(--H) - var(--sh)) * 100%);
  box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }

.k8-cut.is-r-lg, .k8-shot.is-r-lg{ border-radius:var(--r-card); }

.k8-cut.is-hd{ background-image:-webkit-image-set(var(--z) 2x, var(--z2) 1x); background-image:image-set(var(--z) 2x, var(--z2) 1x); }

.k8-shot.c-letzter.is-r-lg{ border-radius:26px; }

.k8-shot.c-regal.is-r-lg{ aspect-ratio:1065 / 541; background-position:50% 100%; border-radius:24px; }


.k8-card{ position:relative; display:grid; align-content:start; min-width:0; background:var(--surface); border-radius:var(--r-inner); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card);
  color:var(--ink); font-size:14px; font-weight:var(--fw-mid); line-height:1.45; text-align:left; font-variant-numeric:tabular-nums; }
.k8-card :where(p, li, dd, dt, td, th, span){ text-wrap:wrap; }
.k8-chip{ display:inline-flex; align-items:center; gap:6px; min-height:24px; padding:2px 10px; border-radius:var(--r-pill); background:var(--surface-alt); color:var(--ink-2); font-size:12px; font-weight:var(--fw-strong); line-height:1.2; white-space:nowrap; }
.k8-chip.is-ok{ background:var(--success-bg); color:var(--success-text); }
.k8-chip.is-soon{ background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); color:var(--ink); }
.k8-pill{ display:inline-flex; align-items:center; gap:4px; min-height:22px; padding:1px 8px; border-radius:var(--r-pill); background:var(--surface-alt); color:var(--ink-2); font-size:11.5px; font-weight:var(--fw-strong); white-space:nowrap; }
.k8-pill svg{ width:12px; height:12px; color:var(--ink-3); }
.k8-pill.is-aktiv{ background:var(--select); color:var(--on-select); }
.k8-btn{ display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 var(--s-4); border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:14px; font-weight:var(--fw-strong); line-height:1.2; text-align:center; white-space:nowrap; }
.k8-btn.is-hell{ background:var(--surface); color:var(--ink); box-shadow:inset 0 0 0 1px var(--edge); }
.k8-btn.is-aus{ background:var(--surface-alt); color:var(--ink-2); }
.k8-feld{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-2); min-height:40px; padding:0 var(--s-3); border-radius:var(--r-sm); box-shadow:inset 0 0 0 1px var(--edge); background:var(--surface); font-size:13.5px; color:var(--ink); min-width:0; }
.k8-feld svg{ flex:none; width:14px; height:14px; color:var(--ink-3); }
.k8-lab{ display:block; margin:0 0 4px; font-size:12px; font-weight:var(--fw-strong); color:var(--ink-2); }
.k8-ok{ display:flex; align-items:center; gap:var(--s-2); min-height:44px; padding:0 var(--s-3); border-radius:var(--r-sm); background:var(--success-bg); color:var(--success-text); font-size:13.5px; font-weight:var(--fw-strong); line-height:1.25; }
.k8-ok svg{ flex:none; width:16px; height:16px; }
.k8-ort{ margin:0 0 var(--s-2); font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink-2); }
.k8-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; flex:none; }
.k8-dot.is-regal{ background:var(--app-swatch-regal); }
.k8-dot.is-display{ background:var(--app-swatch-display); }


.k8-bm{ container-type:inline-size; min-width:0; }
.k8-bm-seite{ min-width:0; display:grid; align-content:start; }
.k8-bm-in{ display:grid; gap:var(--s-6); min-width:0; }
@container (min-width: 561px){ .k8-bm-in{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:clamp(16px, 3cqw, 32px); align-items:start; } }
@supports not (container-type: inline-size){ @media (min-width: 900px){ .k8-bm-in{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); } } }
.k8-bm-sheet{ gap:var(--s-3); padding:var(--s-4); }
.k8-bm-kopf{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); }
.k8-bm-titel{ font-size:18px; font-weight:var(--fw-strong); }
.k8-bm-status{ display:inline-grid; }
.k8-bm-status > *{ grid-area:1 / 1; justify-self:end; transition:opacity 260ms var(--ease); }
.k8-bm-kunde{ font-size:14px; font-weight:var(--fw-strong); }
.k8-bm-kunde span{ display:block; font-size:12.5px; font-weight:var(--fw-mid); color:var(--ink-2); }
.k8-bm-pos{ display:grid; gap:6px; }
.k8-bm-pos li{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); padding:8px 10px; border-radius:var(--r-sm); background:var(--surface-alt); font-size:13px; }
.k8-bm-pos b{ display:block; font-weight:var(--fw-strong); }
.k8-bm-pos small{ font-size:11.5px; color:var(--ink-2); }
.k8-bm-menge{ font-weight:var(--fw-strong); white-space:nowrap; }
.k8-bm-knopf{ display:grid; }
.k8-bm-knopf > *{ grid-area:1 / 1; transition:opacity 260ms var(--ease), transform 160ms var(--ease); }
.k8-bm-senden{ opacity:0; }
.k8-bm-confirm{ position:absolute; z-index:2; left:var(--s-3); right:var(--s-3); bottom:var(--s-3); display:grid; gap:var(--s-2); padding:var(--s-4); border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-floating);
  opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity 260ms var(--ease), transform 360ms var(--ease-out), visibility 0s linear 360ms; }
.k8-bm-frage{ font-size:15px; font-weight:var(--fw-strong); }
.k8-bm-empf{ font-size:12.5px; color:var(--ink-2); overflow-wrap:normal; }
.k8-bm-reihe{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-2); }
.k8-bm-reihe .k8-btn{ transition:transform 160ms var(--ease); }
.k8-st-entwurf{ opacity:0; }
.k8-bm-mail{ overflow:hidden; transition:opacity 420ms var(--ease), transform 600ms var(--ease-out); }
.k8-bm-mailkopf{ display:grid; gap:2px; padding:var(--s-3) var(--s-4); border-bottom:1px solid var(--edge); font-size:12.5px; color:var(--ink-2); }
.k8-bm-mailkopf p{ display:flex; gap:var(--s-2); min-width:0; }
.k8-bm-mailkopf span:first-child{ flex:none; width:30px; }
.k8-bm-mailkopf span:last-child{ color:var(--ink); overflow-wrap:normal; min-width:0; }
.k8-bm-streifen{ display:block; height:5px; background:var(--ink); }

.k8-bm-rumpf{ display:grid; gap:var(--s-1); padding:var(--s-4); }
.k8-bm-h{ font-size:19px; font-weight:var(--fw-strong); letter-spacing:-.01em; }
.k8-bm-meta{ font-size:13px; color:var(--ink-2); }
.k8-bm-meta b{ color:var(--ink); font-weight:var(--fw-strong); }
.k8-bm-abschnitt{ margin-top:var(--s-1); font-size:11px; font-weight:var(--fw-strong); letter-spacing:.06em; text-transform:uppercase; color:var(--ink-2); }
.k8-bm-stamm{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:2px var(--s-4); font-size:13px; }
.k8-bm-stamm dt{ color:var(--ink-2); }
.k8-bm-stamm dd{ font-weight:var(--fw-strong); min-width:0; overflow-wrap:anywhere; }
.k8-bm-tab{ width:100%; border-collapse:collapse; font-size:13px; }
.k8-bm-tab th{ padding:5px 6px; background:var(--surface-alt); font-size:11px; font-weight:var(--fw-strong); color:var(--ink-2); text-align:left; white-space:nowrap; }
.k8-bm-tab th:first-child{ border-radius:var(--r-xs) 0 0 var(--r-xs); }
.k8-bm-tab th:last-child{ border-radius:0 var(--r-xs) var(--r-xs) 0; }
.k8-bm-tab td{ padding:6px; border-bottom:1px solid var(--edge-subtle); vertical-align:middle; }
.k8-bm-tab .k8-c-nr{ color:var(--ink-2); white-space:nowrap; font-size:12px; }
.k8-bm-tab .k8-c-n{ text-align:right; font-weight:var(--fw-strong); white-space:nowrap; }
.k8-bm-summe{ display:flex; justify-content:space-between; font-size:13px; }
.k8-bm-summe b{ font-weight:var(--fw-strong); }
.k8-bm-sigblock{ display:grid; gap:2px; }
.k8-bm-sigline{ display:flex; align-items:flex-end; gap:var(--s-3); font-size:12.5px; font-weight:var(--fw-strong); }
.k8-bm-sigline span{ padding-bottom:4px; }
.k8-sig{ width:104px; height:auto; flex:none; overflow:visible; }
.k8-sig path{ fill:none; stroke:var(--ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1 1; stroke-dashoffset:0; }
.k8-bm-anhang{ display:flex; align-items:center; gap:var(--s-3); margin-top:var(--s-1); padding:var(--s-2) var(--s-3); border-radius:var(--r-sm); box-shadow:inset 0 0 0 1px var(--edge); font-size:12.5px; min-width:0; transition:opacity 360ms var(--ease); }
.k8-bm-anhang svg{ flex:none; width:20px; height:20px; color:var(--ink-2); }
.k8-bm-anhang span{ min-width:0; overflow-wrap:break-word; }
.k8-bm-anhang small{ display:block; font-size:11.5px; color:var(--ink-2); }
.k8-z{ transition:opacity 380ms var(--ease), transform 480ms var(--ease-out); transition-delay:calc(var(--i, 0) * 110ms); }

.k8-post{ gap:.45em; padding:.85em 1.1em; font-size:min(13px, 3.66cqw); line-height:1.25; align-content:start; }
.k8-post-kopf{ display:flex; align-items:baseline; justify-content:space-between; gap:.8em; padding-bottom:.5em; border-bottom:1px solid var(--edge); font-size:.96em; }
.k8-post-kopf b{ font-weight:var(--fw-strong); }
.k8-post-kopf span{ color:var(--ink-2); font-size:.9em; text-align:right; }
.k8-post-liste{ display:grid; }
.k8-post-liste li{ display:grid; grid-template-columns:minmax(0, 1fr) auto; column-gap:.8em; padding:.32em 0; border-bottom:1px solid var(--edge-subtle); }
.k8-post-liste li:last-child{ border-bottom:0; }
.k8-post-von{ font-weight:var(--fw-mid); }
.k8-post-liste li.is-neu .k8-post-von, .k8-post-liste li.is-neu .k8-post-betreff{ font-weight:var(--fw-strong); }
.k8-post-zeit{ color:var(--ink-2); font-size:.92em; text-align:right; }
.k8-post-betreff{ grid-column:1; color:var(--ink); white-space:nowrap; }
.k8-post-clip{ grid-column:2; justify-self:end; color:var(--ink-2); }
.k8-post-clip svg{ width:1.05em; height:1.05em; display:block; }

.k8-bm-mail.is-compact .k8-c-nr, .k8-bm-mail.is-compact .k8-c-eb{ display:none; }
@container (max-width: 420px){ .k8-bm-tab .k8-c-nr, .k8-bm-tab .k8-c-eb{ display:none; } }

@container (max-width: 560px){
  .k8-bm-in{ grid-template-columns:minmax(0, 1fr); }
  .k8-bm-in > .k8-bm-seite{ grid-area:1 / 1; transition:opacity 380ms var(--ease); }
  .k8-bm-in > .k8-bm-seite:first-child{ opacity:0; visibility:hidden; }
  .k8-armed:not(.k8-s5) .k8-bm-in > .k8-bm-seite:first-child{ opacity:1; visibility:visible; }
  .k8-armed:not(.k8-s5) .k8-bm-in > .k8-bm-seite:last-child{ opacity:0; }
}


.k8-jg{ container-type:inline-size; min-width:0; }
.k8-jg-in{ display:grid; gap:var(--s-4); min-width:0; }
@container (min-width: 640px){ .k8-jg:not(.is-eins) .k8-jg-in{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:stretch; } }
.k8-jg-karte{ gap:var(--s-3); padding:var(--s-4); }
.k8-jg-titel{ font-size:16px; font-weight:var(--fw-strong); }
.k8-jg-filter, .k8-jg-seg, .k8-jg-leg{ display:flex; flex-wrap:wrap; gap:var(--s-2); }
.k8-jg-fotos{ display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--s-2); }
@container (min-width: 600px){ .k8-jg-galerie .k8-jg-fotos{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.k8-jg-galerie{ container-type:inline-size; }
.k8-jg-fotos li{ display:grid; grid-template-columns:54px minmax(0, 1fr); gap:var(--s-3); align-items:center; padding:6px; border-radius:var(--r-sm); background:var(--surface-alt); transition:opacity 420ms var(--ease), transform 520ms var(--ease-out); transition-delay:calc(var(--i, 0) * 90ms); }
.k8-jg-text{ display:grid; gap:2px; align-content:center; min-width:0; }
.k8-jg-bild{ display:block; width:54px; aspect-ratio:1 / 1; border-radius:6px; background-color:var(--surface); background-repeat:no-repeat; }
.k8-jg-datum{ font-size:12.5px; font-weight:var(--fw-strong); }
.k8-jg-markt{ font-size:12px; color:var(--ink-2); line-height:1.3; }
.k8-jg-fotos .k8-chip{ justify-self:start; margin-top:2px; background:var(--surface); }

.k8-jg-bild:is(.k8-foto-display, .k8-foto-regal-a, .k8-foto-regal-b, .k8-foto-regal-c){ --W:2250; --H:705; --sw:160; --sh:160;
  background-size:calc(var(--W) / var(--sw) * 100%) auto; background-position:calc(var(--sx) / (var(--W) - var(--sw)) * 100%) calc(var(--sy) / (var(--H) - var(--sh)) * 100%); }
.k8-foto-display{ --sx:59; --sy:153; }
.k8-foto-regal-a{ --sx:613; --sy:151; }
.k8-foto-regal-b{ --sx:1167; --sy:153; }
.k8-foto-regal-c{ --sx:59; --sy:377; }

.k8-jg-bild:is(.k8-foto-kos1, .k8-foto-kos2, .k8-foto-kos3, .k8-foto-kos4){ background-size:cover; background-position:50% 50%; }
.k8-foto-kos1{ background-image:url("/assets/bild/d3ac5a8f58c1c6d6.webp"); }
.k8-foto-kos2{ background-image:url("/assets/bild/837655dbb415b878.webp"); }
.k8-foto-kos3{ background-image:url("/assets/bild/4b1905aeedce5a46.webp"); }
.k8-foto-kos4{ background-image:url("/assets/bild/40ad1af887086198.webp"); }
.k8-jg-seg{ justify-self:start; gap:0; padding:3px; border-radius:var(--r-pill); background:var(--surface-alt); }
.k8-jg-seg span{ display:inline-flex; align-items:center; min-height:28px; padding:0 var(--s-3); border-radius:var(--r-pill); font-size:12.5px; font-weight:var(--fw-strong); color:var(--ink-2); }
.k8-jg-seg span.is-aktiv{ background:var(--select); color:var(--on-select); }
.k8-jg-sub{ margin-top:-6px; font-size:12.5px; color:var(--ink-2); }
.k8-jg-verlauf{ container-type:inline-size; grid-template-rows:auto auto auto minmax(0, 1fr) auto; }
.k8-jg-chart{ display:block; width:100%; height:auto; overflow:visible; align-self:center; }
.k8-g{ stroke:var(--edge); stroke-width:1; stroke-dasharray:2 4; }
.k8-ax{ font:var(--fw-strong) 13px var(--font); fill:var(--ink-2); }
.k8-vp{ fill:none; stroke:var(--ink-2); stroke-width:var(--chart-line-w-compare); stroke-dasharray:5 4; transition:opacity 420ms var(--ease); }
.k8-linie{ fill:none; stroke:var(--success-strong); stroke-width:var(--chart-line-w); stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1 1; stroke-dashoffset:0; transition:stroke-dashoffset 1400ms var(--ease-io); }
.k8-flaeche{ fill:var(--success-bg); opacity:.7; transition:opacity 500ms var(--ease); }
.k8-ende circle{ fill:var(--surface); stroke:var(--success-strong); stroke-width:2; }
.k8-ende text{ font:var(--fw-strong) 16px var(--font); fill:var(--ink); }
.k8-ende{ transition:opacity 400ms var(--ease); }

@container (max-width: 600px){ .k8-ax{ font-size:16px; } .k8-ende text{ font-size:20px; } }
@container (max-width: 460px){ .k8-ax{ font-size:20px; } .k8-ende text{ font-size:25px; } }
@container (max-width: 360px){ .k8-ax{ font-size:23px; } .k8-ende text{ font-size:28px; } }
.k8-jg-leg{ gap:var(--s-4); font-size:12.5px; color:var(--ink-2); }
.k8-jg-leg span{ display:inline-flex; align-items:center; gap:var(--s-2); }
.k8-jg-leg i{ display:inline-block; width:20px; height:0; border-top:2.5px solid var(--success-strong); }
.k8-jg-leg i.is-vp{ border-top:1.6px dashed var(--ink-2); }


.k8-sk{ display:grid; gap:var(--s-4); }

@media (min-width: 1200px){ .k8-sk{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(16px, 2vw, 24px); align-items:stretch; } }
@media (min-width: 700px) and (max-width: 1199px){ .k8-sk-schritt{ grid-template-columns:minmax(0, 2fr) minmax(0, 3fr); column-gap:var(--s-8); align-items:start; } }
.k8-sk-schritt{ gap:var(--s-4); padding:var(--s-6) var(--s-4) var(--s-4); transition:transform 420ms var(--ease-out), box-shadow 420ms var(--ease); }
@media (min-width: 1200px){ .k8-sk-schritt{ padding:var(--s-6); } }
.k8-sk-kopf{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:2px var(--s-3); align-items:center; }
.k8-sk-nr{ grid-row:1 / span 2; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--surface-alt); color:var(--ink); font-size:15px; font-weight:var(--fw-strong); transition:background-color 300ms var(--ease); }
.k8-sk-h{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.25; }
.k8-sk-t{ font-size:var(--t-small); color:var(--ink-2); line-height:1.45; font-weight:var(--fw-body); text-wrap:balance; }
.k8-sk-datei{ container-type:inline-size; border-radius:var(--r-sm); box-shadow:inset 0 0 0 1px var(--edge); overflow:hidden; font-size:12px; }
.k8-sk-dateiname{ display:flex; align-items:center; gap:var(--s-2); padding:6px 10px; background:var(--surface-alt); font-weight:var(--fw-strong); font-size:12px; min-width:0; }
.k8-sk-dateiname svg{ flex:none; width:14px; height:14px; color:var(--success-text); }
.k8-sk-tab{ width:100%; border-collapse:collapse; font-size:12px; }
.k8-sk-tab th, .k8-sk-tab td{ padding:5px 6px; border-top:1px solid var(--edge); border-left:1px solid var(--edge-subtle); text-align:left; white-space:nowrap; }
.k8-sk-tab th{ font-weight:var(--fw-strong); background:var(--surface-muted); }
.k8-sk-tab th:first-child, .k8-sk-tab td:first-child{ border-left:0; }

@container (max-width: 330px){ .k8-sk-tab{ font-size:11px; } .k8-sk-tab th, .k8-sk-tab td{ padding:5px 4px; } }
.k8-sk-map, .k8-sk-form{ display:grid; gap:var(--s-2); }
.k8-sk-mapkopf, .k8-sk-zeile{ display:grid; grid-template-columns:minmax(0, 3fr) minmax(0, 7fr); gap:var(--s-2); align-items:center; }
.k8-sk-mapkopf{ font-size:12px; font-weight:var(--fw-strong); color:var(--ink-2); }
.k8-sk-spalte{ font-size:13px; font-weight:var(--fw-strong); }
.k8-sk-zeile .k8-feld{ min-height:36px; }
.k8-sk-wert{ display:inline-grid; min-width:0; }
.k8-sk-wert > span{ grid-area:1 / 1; transition:opacity 220ms var(--ease); transition-delay:calc(var(--i, 0) * 260ms); }
.k8-sk-leer{ opacity:0; color:var(--ink-2); }
.k8-sk-aktion{ display:grid; margin-top:var(--s-1); }
.k8-sk-aktion > *{ grid-area:1 / 1; transition:opacity 300ms var(--ease), transform 300ms var(--ease-out); }
.k8-sk-start, .k8-sk-einladen{ opacity:0; }
.k8-sk-formkopf{ font-size:15px; font-weight:var(--fw-strong); }
.k8-sk-f{ display:block; }
.k8-sk-tippt{ transition:opacity 260ms var(--ease); transition-delay:calc(var(--i, 0) * 240ms); }
.k8-sk-vorgemerkt{ font-size:12.5px; color:var(--ink-2); transition:opacity 360ms var(--ease); }
.k8-sk-vorgemerkt b{ color:var(--ink); font-weight:var(--fw-strong); }


.k8-erp{ container-type:inline-size; display:grid; gap:var(--s-4); min-width:0; }
.k8-erp-fluss{ display:grid; gap:var(--s-3); }
@container (min-width: 600px){ .k8-erp-fluss{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); align-items:center; gap:var(--s-6); } }
.k8-erp-panel{ gap:var(--s-3); padding:var(--s-4); background:var(--surface-muted); }
.k8-erp-kopf{ display:flex; align-items:center; gap:var(--s-2); }

.k8-erp-zeichen{ display:grid; place-items:center; color:var(--ink-2); flex:none; }
.k8-erp-zeichen svg{ width:22px; height:22px; }
.k8-erp-name{ font-size:16px; font-weight:var(--fw-strong); margin-right:auto; }
.k8-erp-eingang{ display:grid; gap:var(--s-2); padding:var(--s-3); border-radius:var(--r-sm); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
.k8-erp-zeile b{ display:block; font-weight:var(--fw-strong); font-size:14px; }
.k8-erp-zeile small{ display:block; font-size:12.5px; color:var(--ink-2); }
.k8-erp-eingang .k8-chip{ justify-self:start; }

.k8-anbieter{ display:grid; gap:var(--s-3); min-width:0; container-type:inline-size; }

.k8-anbieter-grp{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2) var(--s-4); min-width:0; }
.k8-anbieter .k8-anbieter-grp .lw-tiles{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2) var(--s-4); }
.k8-anbieter.is-lab{ padding-top:var(--s-4); border-top:1px solid var(--edge); }
.k8-anbieter .lw-head{ margin:0; color:var(--ink-2); }
.k8-anbieter .lw-tiles{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--s-3) var(--s-4); align-items:center; }
.k8-anbieter .lw-tile{ min-height:32px; padding:0; flex-direction:row; gap:var(--s-2); justify-content:flex-start; background:none; border:0; border-radius:0; box-shadow:none; }
.k8-anbieter .lw-mark{ height:20px; }
.k8-anbieter .lw-mark.is-word{ height:17px; }
.k8-anbieter .lw-mark img{ max-width:min(110px, 100%); }
.k8-anbieter .lw-name{ font-size:13px; line-height:1.2; color:var(--ink-2); text-align:left; }
@container (max-width: 520px){ .k8-anbieter .lw-tiles{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@supports not (container-type: inline-size){ @media (max-width: 640px){ .k8-anbieter .lw-tiles{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } }


.k8-rt{ container:k8rt / inline-size; min-width:0; }
.k8-rt-in{ --u-ueber:var(--danger); --u-bald:var(--warning); --u-ok:var(--success); --u-nie:var(--ink-3);
  display:grid; grid-template-rows:auto minmax(0, 1fr) auto; gap:.75em; padding:.9em; border-radius:var(--r-inner); background:var(--surface-muted); box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated);
  color:var(--ink); font-size:clamp(12.5px, 1.9cqw, 14px); font-weight:var(--fw-mid); line-height:1.3; text-align:left; font-variant-numeric:tabular-nums; }
@container k8rt (min-width: 560px){ .k8-rt.is-format .k8-rt-in{ aspect-ratio:2700 / 1752; font-size:clamp(9.5px, 1.9cqw, 15px); overflow:hidden; } }
.k8-rt-in :where(p, li, b, small, span){ text-wrap:wrap; }

.k8-rt-steps{ display:flex; align-items:center; gap:.6em; min-width:0; padding:0 .2em; }
.k8-rt-steps li{ display:flex; align-items:center; gap:.55em; min-width:0; }
.k8-rt-steps li:not(:last-child){ flex:1 1 auto; }
.k8-rt-steps li:not(:last-child)::after{ content:""; flex:1 1 1.5em; min-width:1em; height:.26em; border-radius:var(--r-pill); background:var(--edge); }
.k8-rt-kreis{ flex:none; display:grid; place-items:center; width:2.3em; height:2.3em; border-radius:50%; box-shadow:inset 0 0 0 1px var(--edge); background:var(--surface); color:var(--ink-2); font-size:.82em; font-weight:var(--fw-bold); }
.k8-rt-steps li.is-aktiv .k8-rt-kreis{ background:var(--select); box-shadow:none; color:var(--on-select); }
.k8-rt-stxt{ display:grid; min-width:0; }
.k8-rt-stxt b{ font-size:.92em; font-weight:var(--fw-mid); color:var(--ink-2); white-space:nowrap; }
.k8-rt-steps li.is-aktiv .k8-rt-stxt b{ font-weight:var(--fw-strong); color:var(--ink); }
.k8-rt-stxt small{ font-size:.75em; color:var(--ink-2); white-space:nowrap; }
@container k8rt (max-width: 559px){ .k8-rt-steps li:not(.is-aktiv) .k8-rt-stxt{ display:none; } }

.k8-rt-body{ display:grid; gap:.75em; min-height:0; }
@container k8rt (min-width: 560px){ .k8-rt-body{ grid-template-columns:minmax(0, 48fr) minmax(0, 52fr); } }
@container k8rt (min-width: 900px){ .k8-rt:not(.is-format) .k8-rt-body{ grid-template-columns:minmax(0, 24em) minmax(0, 17em) minmax(0, 1fr); } }
.k8-rt-panel{ display:grid; align-content:start; min-width:0; min-height:0; border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); overflow:hidden; }
.k8-rt-plan{ display:none; }
@container k8rt (min-width: 900px){ .k8-rt:not(.is-format) .k8-rt-plan{ display:grid; } }
.k8-rt-h{ padding:1.1em 1.2em .45em; font-size:.74em; font-weight:var(--fw-strong); letter-spacing:.06em; text-transform:uppercase; }
.k8-rt-chips{ display:flex; flex-wrap:wrap; gap:.4em; padding:0 .9em .65em; border-bottom:1px solid var(--edge-subtle); }
.k8-rt-chip{ display:inline-flex; align-items:center; gap:.4em; min-height:1.8em; padding:0 .7em; border-radius:var(--r-pill); font-size:.78em; font-weight:var(--fw-strong); white-space:nowrap; }
.k8-rt-chip i{ width:.62em; height:.62em; border-radius:50%; }
.k8-rt-chip.is-ueber{ background:var(--danger-bg); color:var(--danger-text); }
.k8-rt-chip.is-bald{ background:var(--warning-bg); color:var(--warning-text); }
.k8-rt-dot.is-ueber, .k8-rt-leg .is-ueber, .k8-rt-chip.is-ueber i{ background:var(--u-ueber); }
.k8-rt-dot.is-bald, .k8-rt-leg .is-bald, .k8-rt-chip.is-bald i{ background:var(--u-bald); }
.k8-rt-dot.is-ok, .k8-rt-leg .is-ok{ background:var(--u-ok); }
.k8-rt-leg .is-nie{ background:var(--u-nie); }

.k8-rt-rows{ display:grid; }
.k8-rt-row{ --sel:1; position:relative; display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; column-gap:.6em; padding:.5em .9em; border-bottom:1px solid var(--edge-subtle); }
.k8-rt-row:last-child{ border-bottom:0; }
.k8-rt-row::before{ content:""; position:absolute; inset:0; background:var(--success-bg); opacity:calc(var(--sel) * .42); transition:opacity 360ms var(--ease) var(--tw, 0ms); pointer-events:none; }
.k8-rt-row > *{ position:relative; }
.k8-rt-nein{ --sel:0; }
.k8-rt-dot{ width:.8em; height:.8em; border-radius:50%; }
.k8-rt-main{ display:grid; gap:.1em; min-width:0; }
.k8-rt-name{ display:flex; flex-wrap:wrap; align-items:center; gap:.2em .4em; min-width:0; }
.k8-rt-main b{ font-weight:var(--fw-strong); line-height:1.25; }
.k8-rt-main small{ font-size:.8em; color:var(--ink-2); line-height:1.3; }

.k8-rt-prio{ flex:none; padding:.1em .45em; border-radius:var(--r-xs); font-size:max(.7em, var(--t-min)); font-style:normal; font-weight:var(--fw-bold); line-height:1.3; }
.k8-rt-prio.is-a{ background:var(--danger-bg); color:var(--danger-text); }
.k8-rt-prio.is-b{ background:var(--warning-bg); color:var(--warning-text); }
.k8-rt-prio.is-c{ background:var(--surface-alt); color:var(--ink-2); }
.k8-rt-pill{ position:relative; display:inline-grid; place-items:center; min-height:2.2em; padding:0 .85em; border-radius:var(--r-pill); box-shadow:inset 0 0 0 1px var(--success); color:var(--success-text); font-size:.78em; font-weight:var(--fw-strong); white-space:nowrap; }
.k8-rt-pill::before{ content:""; position:absolute; inset:0; border-radius:inherit; background:var(--success-bg); opacity:0; transition:opacity 300ms var(--ease) var(--tw, 0ms); }
.k8-rt-ws::before{ opacity:var(--sel); }
.k8-rt-pill > *{ position:relative; }
.k8-rt-ws > *, .k8-rt-sw > *{ grid-area:1 / 1; transition:opacity 280ms var(--ease) var(--tw, 0ms); }
.k8-rt-ws > .k8-rt-v0{ opacity:calc(1 - var(--sel)); }
.k8-rt-ws > .k8-rt-v1{ opacity:var(--sel); }
.k8-rt-sw{ display:inline-grid; justify-items:start; }
.k8-rt-sw > :not(:last-child){ opacity:0; }

.k8-rt-w2{ --tw:220ms; }

.k8-rt-pl{ display:grid; }
.k8-rt-pli{ --sel:1; display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; column-gap:.6em; padding:.55em .9em; border-bottom:1px solid var(--edge-subtle); opacity:var(--sel); transform:translateY(calc((1 - var(--sel)) * 6px)); transition:opacity 320ms var(--ease) var(--tw, 0ms), transform 420ms var(--ease-out) var(--tw, 0ms); }
.k8-rt-pli:last-child{ border-bottom:0; }
.k8-rt-pnr{ display:grid; place-items:center; width:1.75em; height:1.75em; border-radius:50%; background:var(--brand-soft); color:var(--brand-on-soft); font-size:.8em; font-weight:var(--fw-bold); }

.k8-rt-karte{ position:relative; container-type:size; min-width:0; min-height:0; border-radius:var(--r-inner); background:var(--surf-stein); box-shadow:0 0 0 1px var(--edge-subtle); overflow:hidden; }
@container k8rt (max-width: 559px){ .k8-rt-karte{ order:-1; aspect-ratio:16 / 11; } }


@container k8rt (max-width: 559px){ .k8-rt.is-format .k8-rt-row small{ display:none; } .k8-rt.is-format .k8-rt-row{ padding-block:.5em; } .k8-rt.is-format .k8-rt-karte{ aspect-ratio:16 / 9; } }
.k8-rt-map{ position:absolute; left:50%; top:50%; width:min(100cqw, 100cqh); aspect-ratio:1; transform:translate(-50%, -50%); }
.k8-rt-map > svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.k8-rt-fluss{ fill:none; stroke:var(--lh-stone); stroke-width:3.6; stroke-linecap:round; }
.k8-rt-fluss.is-schmal{ stroke-width:2; }
.k8-rt-strassen path{ fill:none; stroke:var(--surface); stroke-width:.85; stroke-linecap:round; }
.k8-rt-route{ fill:none; stroke:var(--select); stroke-opacity:.75; stroke-width:.9; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1 1; stroke-dashoffset:0; transition:stroke-dashoffset 1300ms linear 200ms; }
.k8-rt-d{ fill:none; stroke:var(--select); stroke-opacity:.4; stroke-width:.9; stroke-dasharray:2.2 2.2; transition:opacity 260ms var(--ease); }
.k8-rt-d2{ transition-delay:1500ms; }
.k8-rt-home, .k8-rt-pin{ position:absolute; left:calc(var(--x) * 1%); top:calc(var(--y) * 1%); }
.k8-rt-home{ width:1.6em; height:1.6em; transform:translate(-50%, -92%); z-index:1; }
.k8-rt-home svg{ display:block; width:100%; height:100%; fill:var(--select); stroke:var(--surface); stroke-width:1.5; stroke-linejoin:round; }
.k8-rt-pin{ --sel:1; width:0; height:0; z-index:2; }
.k8-rt-pin.k8-rt-nein{ --sel:0; }
.k8-rt-p0, .k8-rt-p1{ position:absolute; left:0; top:0; display:grid; place-items:center; border-radius:50%; }
.k8-rt-p0{ width:1.55em; height:1.55em; margin:-.775em 0 0 -.775em; background:var(--c, var(--u-nie)); box-shadow:var(--shadow-card); opacity:calc(1 - var(--sel)); transform:scale(calc(1 - var(--sel) * .4)); transition:opacity 300ms var(--ease) var(--tw, 0ms), transform 360ms var(--ease-out) var(--tw, 0ms); }
.k8-rt-p0::after{ content:""; width:.45em; height:.45em; border-radius:50%; background:var(--surface); opacity:.55; }
.k8-rt-pin.is-ueber{ --c:var(--u-ueber); }
.k8-rt-pin.is-bald{ --c:var(--u-bald); }
.k8-rt-pin.is-ok{ --c:var(--u-ok); }
.k8-rt-p1{ width:2.15em; height:2.15em; margin:-1.075em 0 0 -1.075em; background:var(--select); border:.17em solid var(--surface); box-shadow:var(--shadow-card); color:var(--on-select); font-weight:var(--fw-bold); opacity:var(--sel); transform:scale(calc(.55 + var(--sel) * .45)); transition:opacity 300ms var(--ease) var(--tw, 0ms), transform 360ms var(--ease-out) var(--tw, 0ms); }
.k8-rt-num{ display:inline-block; transition:opacity 220ms var(--ease) var(--d, 0ms), transform 320ms var(--ease-out) var(--d, 0ms); }
.k8-rt-p1 .k8-rt-num{ font-size:.9em; }
.k8-rt-leg{ position:absolute; left:.6em; bottom:.6em; z-index:3; display:flex; flex-wrap:wrap; gap:.25em .85em; max-width:calc(100% - 1.2em); padding:.4em .7em; border-radius:var(--r-sm); background:var(--glass); box-shadow:0 0 0 1px var(--edge); color:var(--ink-2); font-size:.74em; }
.k8-rt-leg span{ display:inline-flex; align-items:center; gap:.4em; white-space:nowrap; }
.k8-rt-leg i{ width:.85em; height:.85em; border-radius:50%; }
@container k8rt (max-width: 559px){ .k8-rt-leg .k8-rt-leg-x{ display:none; } }
.k8-rt-fuss{ padding:0 .3em; color:var(--ink-2); font-size:.8em; }
.k8-rt-fuss b{ font-weight:var(--fw-strong); color:var(--ink); }


.k8-reset, .k8-reset *{ transition:none !important; }

.k8-armed:not(.k8-s4) .k8-st-entwurf{ opacity:1; }
.k8-armed:not(.k8-s4) .k8-st-versendet{ opacity:0; }
.k8-armed:not(.k8-s4) .k8-bm-senden{ opacity:1; }
.k8-armed:not(.k8-s4) .k8-bm-gesendet{ opacity:0; }
.k8-s1:not(.k8-s2) .k8-bm-senden{ transform:scale(.97); }
.k8-s2:not(.k8-s4) .k8-bm-confirm{ opacity:1; visibility:visible; transform:none; transition:opacity 260ms var(--ease), transform 360ms var(--ease-out), visibility 0s; }
.k8-s3:not(.k8-s4) .k8-bm-send{ transform:scale(.95); }
.k8-armed:not(.k8-s5) .k8-bm-mail{ opacity:0; transform:translateY(14px); }
.k8-armed:not(.k8-s6) .k8-bm-mail .k8-z{ opacity:0; transform:translateY(6px); }
.k8-armed:not(.k8-s7) .k8-bm-anhang{ opacity:0; }

.k8-armed:not(.k8-s1) .k8-jg-fotos li{ opacity:0; transform:translateY(8px); }
.k8-armed:not(.k8-s1) .k8-vp{ opacity:0; }
.k8-armed:not(.k8-s2) .k8-linie{ stroke-dashoffset:1; }
.k8-armed:not(.k8-s3) :is(.k8-flaeche, .k8-ende){ opacity:0; }

.k8-s1:not(.k8-s3) > .k8-sk-schritt:nth-child(1), .k8-s3:not(.k8-s6) > .k8-sk-schritt:nth-child(2), .k8-s6:not(.k8-s8) > .k8-sk-schritt:nth-child(3){ transform:translateY(-4px); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.k8-s1:not(.k8-s3) > .k8-sk-schritt:nth-child(1) .k8-sk-nr, .k8-s3:not(.k8-s6) > .k8-sk-schritt:nth-child(2) .k8-sk-nr, .k8-s6:not(.k8-s8) > .k8-sk-schritt:nth-child(3) .k8-sk-nr{ background:var(--brand); color:var(--on-brand); }
.k8-armed:not(.k8-s1) .k8-sk-tab tr.k8-z{ opacity:0; transform:none; }
.k8-armed:not(.k8-s2) .k8-sk-leer{ opacity:1; }
.k8-armed:not(.k8-s2) .k8-sk-voll{ opacity:0; }
.k8-s4:not(.k8-s5) .k8-sk-start{ opacity:1; }
.k8-armed:not(.k8-s5) .k8-sk-importiert{ opacity:0; transform:translateY(4px); }
.k8-armed:not(.k8-s6) .k8-sk-tippt{ opacity:0; }
.k8-s6:not(.k8-s7) .k8-sk-einladen{ opacity:1; }
.k8-s7:not(.k8-s8) .k8-sk-einladen{ opacity:1; transform:scale(.97); }
.k8-armed:not(.k8-s8) :is(.k8-sk-gesendet, .k8-sk-vorgemerkt){ opacity:0; }

.k8-armed:not(.k8-s1) :is(.k8-rt-w1, .k8-rt-w2), .k8-armed:not(.k8-s2) .k8-rt-w3, .k8-armed:not(.k8-s3) .k8-rt-w4{ --sel:0; }
.k8-armed:not(.k8-s4) .k8-rt-num{ opacity:0; transform:scale(.4); }
.k8-armed:not(.k8-s4) .k8-rt-route{ stroke-dashoffset:1; }
.k8-armed:not(.k8-s4) .k8-rt-d{ opacity:0; }
.k8-armed:not(.k8-s3) .k8-rt-sw > .k8-rt-v3{ opacity:0; }
.k8-armed:not(.k8-s1) .k8-rt-sw > .k8-rt-v0, .k8-armed.k8-s1:not(.k8-s2) .k8-rt-sw > .k8-rt-v1, .k8-armed.k8-s2:not(.k8-s3) .k8-rt-sw > .k8-rt-v2{ opacity:1; }
@media (prefers-reduced-motion: reduce){ :is(.k8-bm, .k8-jg, .k8-sk, .k8-erp, .k8-rt) *, .k8-rt-row::before, .k8-rt-pill::before{ transition:none !important; } }



.hero8 .hero-rot{ grid-area:vis; }
.hero8 .hero-rot .dev-shot{ width:100%; }
.hero8 .hero-logos{ grid-area:logos; padding-top:0; border-top:0; }
@media (min-width: 1100px){
  .hero8 .hero-grid{ grid-template-columns:minmax(0, 9fr) minmax(0, 14fr); grid-template-rows:auto minmax(0, 1fr); grid-template-areas:"copy vis" "copy logos"; column-gap:clamp(32px, 3.6vw, 56px); row-gap:var(--s-6); align-items:start; }
  .hero8 .hero-rot{ margin-top:clamp(12px, 2.2vw, 36px); }
  .hero8 .hero-logos{ justify-self:end; align-self:end; justify-content:flex-end; }
}
@media (max-width: 1099px){
  .hero8 .hero-grid{ grid-template-areas:"copy" "vis" "logos"; row-gap:var(--s-4); }
  .hero8 .hero-rot{ margin-top:var(--s-4); }
  .hero8 .hero-logos{ flex-wrap:nowrap; column-gap:var(--s-4); }
}
@media (max-width: 520px){ .hero8 .hero-logos{ justify-content:space-between; } .hero8 .hero-logos .logo-list{ gap:var(--s-4); } }

@media (max-width: 640px){
  .hero8{ padding-top:var(--s-2); }
  .hero8 .hero-copy{ gap:var(--s-3); }
  .hero8 .h-hero{ gap:var(--s-2); }
  .hero8 .h-marke{ font-size:clamp(2.5rem, 10.67vw, 3.5rem); }
  .hero8 .hero-lines{ font-size:1.125rem; gap:var(--s-1); }
  .hero8 .hero-act{ gap:var(--s-2); }
  .hero8 .hero-form{ gap:var(--s-1); }
  .hero8 .hero-grid{ row-gap:var(--s-2); }
  .hero8 .hero-rot{ margin-top:0; }
}

.hero8 .rot-stage{ padding-bottom:calc(44px + var(--s-2)); }
.hero8 .rot-stage > .rot7-pause{ top:auto; bottom:0; right:0; }

.hero8 .rot-stage > .rot7-dots{ position:absolute; z-index:8; bottom:0; left:50%; transform:translateX(-50%); display:flex; gap:var(--s-2); }

@media (max-width: 640px){ .hero8 .rot-stage:has(> .rot7-pause:not([hidden])) > .rot7-dots{ left:0; right:calc(44px + var(--s-2)); transform:none; justify-content:center; } }

.hero8 .rot-stage > .rot7-pause:not([hidden]){ width:44px; height:44px; overflow:visible; clip-path:none; border:1px solid var(--edge); box-shadow:var(--shadow-elevated); }
#zb .hero8 .rot-stage > .rot7-pause:focus-visible{ box-shadow:var(--ring-ink); }
.hero8 .rot-stage > .rot7-pause[hidden]{ display:none; }
.rot7-dot{ position:relative; flex:none; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:999px; background:transparent; cursor:pointer; }
.rot7-dot::before{ content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:999px; background:var(--ink-2); transform:translate(-50%, -50%); transition:width var(--d-hover) var(--ease-io), background-color var(--d-hover) var(--ease-io); }
.rot7-dot:hover:not([aria-current="true"])::before{ background:var(--ink); }
.rot7-dot[aria-current="true"]::before{ width:24px; background:var(--ink); }
#zb .rot7-dot:focus-visible{ outline-offset:-4px; }
@media (prefers-reduced-motion: reduce){ .rot7-dot::before{ transition:none; } }


.ab5{ position:relative; }
.ab5 .sec-head{ margin-bottom:clamp(24px, 3vw, 40px); }
.ab5-track{ position:relative; }
.ab5-stage{ position:relative; }



.ab5{ --mid:clamp(440px, 42.5vw, 560px); --views-h:clamp(420px, min(42vw, calc(var(--vh8) - var(--header-h) - var(--chrome-h, 0px) - 96px)), 600px); --dw:clamp(196px, min(19vw, calc((var(--views-h) - 12px) / 2.12)), 252px); }
.ab5 .ab5-stage{ display:grid; align-items:center; }
.ab5-grid{ position:relative; display:grid; grid-template-columns:minmax(0, 1fr) var(--mid) minmax(0, 1fr); column-gap:clamp(20px, 2.4vw, 40px); align-content:center; min-height:calc(var(--views-h) + 48px); }
.ab5-chips{ display:none; }
.ab5-head{ grid-row:1; justify-self:start; display:inline-flex; align-items:center; gap:12px; min-height:52px; padding:5px 20px 5px 5px; margin-bottom:var(--s-4); border-radius:var(--r-pill); border:1px solid var(--edge); background:var(--surface); box-shadow:var(--shadow-card);
  color:var(--ink); font-size:1.0625rem; font-weight:var(--fw-strong); line-height:1.2; text-align:left; cursor:pointer; transition:background-color var(--d-tab) var(--ease), color var(--d-tab) var(--ease), border-color var(--d-tab) var(--ease); }
.ab5-head:hover{ border-color:var(--edge-strong); }

@media (min-width: 1200px){ .ab5-head{ gap:8px; padding:4px 14px 4px 4px; font-size:clamp(14px, calc(1.8vw - 7.6px), 16px); white-space:nowrap; } .ab5-head .ab5-ava{ width:34px; height:34px; } }
.ab5-head.is-ad{ grid-column:1; }
.ab5-head.is-vl{ grid-column:3; }
.ab5.is-live[data-side="ad"] .ab5-head.is-ad{ background:var(--brand); border-color:var(--brand); color:var(--on-brand); }
.ab5.is-live[data-side="vl"] .ab5-head.is-vl{ background:var(--select); border-color:var(--select); color:var(--on-select); }
.ab5-ava{ flex:none; width:42px; height:42px; border-radius:50%; background-repeat:no-repeat; }

.ab5-ava.is-icon{ display:grid; place-items:center; background:var(--surface-alt); color:var(--ink); }
.ab5-ava.is-icon svg{ width:55%; height:55%; }
.ab5-ava.pic-leitung13{ background-size:222% auto; background-position:60% 12%; }
.ab5-list{ grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:subgrid; }
.ab5-step{ grid-column:1 / -1; display:grid; grid-template-columns:subgrid; }
.ab5-item{ border-top:1px solid var(--edge); min-width:0; }
.ab5-step:last-child .ab5-item{ border-bottom:1px solid var(--edge); }
.ab5-item.is-ad{ grid-column:1; }
.ab5-item.is-vl{ grid-column:3; }
.ab5-btn{ display:block; width:100%; margin:0; padding:13px var(--s-2) 13px 0; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; border-radius:var(--r-sm); scroll-margin-top:var(--s-6); }
.ab5-role{ display:none; }

@media (min-width: 1200px){ .ab5.is-live .ab5-role{ display:block; position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); clip-path:inset(50%); white-space:nowrap; border:0; } }
.ab5-when{ display:flex; align-items:center; gap:10px; font-size:var(--t-small); font-weight:var(--fw-strong); line-height:1.3; color:var(--ink-2); transition:color var(--d-tab) var(--ease); }
.ab5-when::before{ content:""; flex:none; width:10px; height:10px; border-radius:50%; border:2px solid var(--brand); background:var(--surface); transition:background-color var(--d-tab) var(--ease); }
.is-vl .ab5-when::before{ border-color:var(--ink); }
.ab5-btn:hover .ab5-when{ color:var(--ink); }
.ab5-body{ display:grid; grid-template-rows:1fr; }
.ab5-body > span{ overflow:hidden; min-height:0; }
.ab5-txt{ display:block; padding:8px 0 4px 20px; font-size:var(--t-lead); line-height:1.45; color:var(--ink); transition:color var(--d-tab) var(--ease); }
.ab5.is-live .ab5-body{ grid-template-rows:0fr; transition:grid-template-rows var(--d-page) var(--ease-io); }
.ab5.is-live .ab5-step.is-active .ab5-body{ grid-template-rows:1fr; }
.ab5.is-live .ab5-txt{ color:var(--ink-2); }
.ab5.is-live .ab5-item.is-beat .ab5-txt{ color:var(--ink); }
.ab5.is-live .ab5-step.is-active .ab5-when{ color:var(--ink); }
.ab5.is-live .ab5-step.is-active .ab5-item.is-ad .ab5-when::before{ background:var(--brand); }
.ab5.is-live .ab5-step.is-active .ab5-item.is-vl .ab5-when::before{ background:var(--ink); }
.ab5-btn:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }

.ab5-dev{ position:absolute; z-index:2; left:50%; top:50%; width:var(--mid); transform:translate(-50%, -50%); display:grid; justify-items:center; gap:14px; pointer-events:none; }

.ab5-views{ position:relative; width:100%; height:var(--views-h); }
.ab5-view{ position:absolute; inset:0; display:grid; grid-template-columns:100%; align-content:unsafe center; align-items:center; justify-items:center; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity 420ms var(--ease-io), transform 600ms var(--ease-out), visibility 0s linear 420ms; }
.ab5-view > *{ transform:scale(var(--fit, 1)); transform-origin:50% 50%; }
.ab5-view.is-on{ opacity:1; visibility:visible; transform:none; transition:opacity 420ms var(--ease-io), transform 600ms var(--ease-out), visibility 0s; }

.ab5-phone .geraete-huelle{ perspective:1400px; }
.ab5-phone .dev-iphone{ --w:var(--dw); transition:transform 800ms var(--ease-out); }
.ab5.is-live[data-side="ad"] .ab5-phone .dev-iphone{ transform:rotateY(8deg) translateX(-4px); }
.ab5.is-live[data-side="vl"] .ab5-phone .dev-iphone{ transform:rotateY(-8deg) translateX(4px); }
.ab5-view .dev-shot.k8-view{ width:100%; }
.ab5-view .k8-ipad{ width:100%; }
.ab5-view .k8-ipad .dev-ipad{ --w:min(100%, 560px); }
.ab5-card{ width:min(100%, 400px); }
.ab5-card.ab5-card-breit{ width:min(100%, 520px); }
.ab5-card.ab5-card-hoch{ width:min(100%, 380px); }
.ab5-card .k8-cut{ box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.ab5-card .k8-card{ box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.ab5-tag{ display:grid; justify-items:center; min-height:34px; }
.ab5-tag > span{ grid-area:1 / 1; display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:0 14px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); font-size:var(--t-meta); font-weight:var(--fw-strong); white-space:nowrap; transition:opacity var(--d-tab) var(--ease); }
.ab5-tag > span::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--brand); }
.ab5-tag > .is-vl::before{ background:var(--ink); }

.ab5.is-live[data-screen="ad"] .ab5-tag > .is-vl, .ab5.is-live[data-screen="vl"] .ab5-tag > .is-ad{ opacity:0; }
.ab5:not(.is-live) .ab5-tag{ display:none; }
.ab5-end{ height:clamp(48px, 6vw, 96px); }

@media (max-width: 1199px){ .ab5-wide-only{ display:none; } }

.ab5:not(.is-live) .ab5-grid{ align-content:start; }
.ab5:not(.is-live) :is(.ab5-dev, .ab5-head, .ab5-chips){ display:none; }
.ab5:not(.is-live) .ab5-btn{ cursor:default; height:auto; }
.ab5:not(.is-live) .ab5-role{ display:inline-flex; align-items:center; gap:6px; margin-bottom:6px; font-size:.8125rem; font-weight:var(--fw-strong); color:var(--ink-2); }
.ab5:not(.is-live) .ab5-role::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--brand); }
.ab5:not(.is-live) .is-vl .ab5-role::before{ background:var(--ink); }
.ab5:not(.is-live) .ab5-when::before{ display:none; }
.ab5:not(.is-live) .ab5-txt{ padding-left:0; }
@media (min-width: 1200px){
  .ab5:not(.is-live) .ab5-grid{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); column-gap:var(--s-12); }
  .ab5:not(.is-live) .ab5-item.is-vl{ grid-column:2; }
}

@media (max-width: 1199px){
  
  .ab5{ --card-h:156px; --mid:min(100%, 640px); --dev-h:clamp(300px, min(96vw, calc(var(--vh8) - var(--header-h) - var(--chrome-h, 0px) - 276px)), 540px); --dw:clamp(150px, min(48vw, calc((var(--dev-h) - 24px) / 2.08)), 236px); }
  .ab5-grid{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); grid-template-rows:auto auto var(--dev-h) auto; column-gap:var(--s-2); row-gap:var(--s-2); min-height:0; height:auto; padding-block:var(--s-3); align-content:start; }
  .ab5-chips{ grid-column:1 / -1; grid-row:1; display:flex; gap:var(--s-2); overflow-x:auto; scrollbar-width:none; margin-inline:calc(-1 * var(--gutter)); padding:2px var(--gutter); }
  .ab5-chips::-webkit-scrollbar{ display:none; }
  
  .ab5-chips{ -webkit-mask-image:linear-gradient(90deg, transparent 0, var(--ink) var(--gutter), var(--ink) calc(100% - var(--gutter)), transparent 100%); mask-image:linear-gradient(90deg, transparent 0, var(--ink) var(--gutter), var(--ink) calc(100% - var(--gutter)), transparent 100%); }
  .ab5-head{ grid-row:2; justify-self:stretch; margin:0; min-height:44px; padding:4px 10px 4px 4px; gap:8px; font-size:.8125rem; box-shadow:none; }
  .ab5-ava{ width:30px; height:30px; }
  .ab5-head.is-vl{ grid-column:2; }
  .ab5.is-live .ab5-stage{ display:block; }
  .ab5-dev{ position:relative; left:auto; top:auto; transform:none; width:100%; height:100%; min-height:0; grid-column:1 / -1; grid-row:3; align-self:stretch; justify-self:center; }
  .ab5-views{ height:100%; }
  .ab5-tag{ display:none; }
  .ab5-list{ grid-column:1 / -1; grid-row:4; display:block; position:relative; height:var(--card-h); }
  .ab5-step{ display:block; }
  .ab5-item, .ab5-step:last-child .ab5-item{ position:absolute; inset:0; border:1px solid var(--edge); border-radius:var(--r-card); background:var(--surface); box-shadow:var(--shadow-card); opacity:0; visibility:hidden; transition:opacity var(--d-tab) var(--ease), visibility 0s linear var(--d-tab); }
  .ab5-item.is-beat, .ab5-step:last-child .ab5-item.is-beat{ opacity:1; visibility:visible; transition:opacity var(--d-tab) var(--ease), visibility 0s; }
  .ab5-btn{ height:100%; padding:14px 18px; cursor:default; display:flex; flex-direction:column; justify-content:flex-start; }
  .ab5-role{ display:inline-flex; align-items:center; gap:6px; margin-bottom:6px; font-size:.8125rem; font-weight:var(--fw-strong); color:var(--ink-2); }
  .ab5-role::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--brand); }
  .is-vl .ab5-role::before{ background:var(--ink); }
  .ab5-when{ font-size:var(--t-body); color:var(--ink); }
  .ab5-when::before{ display:none; }
  .ab5.is-live .ab5-body{ grid-template-rows:1fr; }
  .ab5-txt, .ab5.is-live .ab5-txt{ padding:4px 0 0; font-size:1.0625rem; line-height:1.45; color:var(--ink); }
  .ab5-card{ width:min(100%, 420px); }
  .ab5-view .k8-ipad .dev-ipad{ --w:min(100%, 640px); }
  
  .ab5:not(.is-live) .ab5-grid{ display:block; padding-bottom:var(--s-8); height:auto; }
  .ab5:not(.is-live) :is(.ab5-head, .ab5-chips, .ab5-dev){ display:none; }
  .ab5:not(.is-live) .ab5-list{ height:auto; display:grid; gap:var(--s-3); }
  .ab5:not(.is-live) .ab5-step{ display:grid; gap:var(--s-3); }
  .ab5:not(.is-live) .ab5-item{ position:static; opacity:1; visibility:visible; }
}
@media (max-width: 640px){ .ab5-card:not(.ab5-card-hoch){ width:100%; } .ab5 .k8-bm-tab thead{ display:none; } }
@media (min-width: 641px) and (max-width: 1199px){ .ab5-view .dev-shot.k8-view{ width:min(100%, 640px); } }
.ab5-chip{ flex:none; min-height:44px; padding:0 16px; border-radius:var(--r-pill); border:1px solid var(--edge); background:var(--surface); color:var(--ink); font-size:var(--t-small); font-weight:var(--fw-mid); white-space:nowrap; cursor:pointer; transition:background-color var(--d-hover) var(--ease), color var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease); }
.ab5-chip[aria-current="step"]{ background:var(--select); color:var(--on-select); border-color:var(--select); font-weight:var(--fw-strong); }


@media (min-width: 1200px){ .ab5-item{ position:relative; } }
.ab5-prog{ position:absolute; z-index:1; left:0; right:0; top:-1px; height:2px; overflow:hidden; pointer-events:none; opacity:0; transition:opacity var(--d-hover) var(--ease); }
.ab5-prog i{ display:block; width:100%; height:100%; background:var(--brand); transform:scaleX(var(--ab5-p, 0)); transform-origin:0 50%; }
.is-vl .ab5-prog i{ background:var(--ink); }
.ab5.is-auto .ab5-item.is-beat .ab5-prog{ opacity:1; }

.ab5-pause{ position:absolute; z-index:5; left:calc(50% + var(--mid) / 2 - 44px); top:calc(50% + var(--views-h) / 2 - 15px); box-shadow:var(--shadow-card); }
.ab5-pause:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.ab5-pause .ic-play{ display:none; }
.ab5-pause[data-paused] .ic-play{ display:block; }
.ab5-pause[data-paused] .ic-pause{ display:none; }


.ab5.is-live .ab5-grid{ align-content:start; }
.ab5.is-still .ab5-body{ grid-template-rows:1fr; }
.ab5.is-still .ab5-txt{ color:var(--ink); }
@media (max-width: 1199px){
  .ab5-prog{ top:0; left:22px; right:22px; height:3px; border-radius:0 0 var(--r-pill) var(--r-pill); background:var(--edge-subtle); }
  .ab5-pause{ position:relative; left:auto; top:auto; grid-column:2; grid-row:1; justify-self:end; align-self:center; margin:0; }
  
  .ab5.is-auto .ab5-chips{ margin-right:calc(44px + var(--s-2)); padding-right:var(--s-4);
    -webkit-mask-image:linear-gradient(90deg, transparent 0, var(--ink) var(--gutter), var(--ink) calc(100% - var(--s-4)), transparent 100%); mask-image:linear-gradient(90deg, transparent 0, var(--ink) var(--gutter), var(--ink) calc(100% - var(--s-4)), transparent 100%); }
  .ab5.is-still .ab5-list{ height:auto; display:grid; gap:var(--s-3); grid-template-columns:minmax(0, 1fr); }
  .ab5.is-still .ab5-step{ display:grid; gap:var(--s-3); grid-template-columns:minmax(0, 1fr); }
  .ab5.is-still .ab5-item{ grid-column:1; }
  
  .ab5.is-still.is-dev-inline .ab5-grid{ grid-template-rows:auto auto auto; }
  .ab5.is-still.is-dev-inline .ab5-list{ grid-row:3; }
  .ab5.is-still .ab5-step > .ab5-dev{ grid-column:1; grid-row:auto; height:var(--dev-h); }
  .ab5.is-still .ab5-step > .ab5-dev .ab5-view{ align-content:unsafe start; }
  .ab5.is-still .ab5-step > .ab5-dev .ab5-view > *{ transform-origin:50% 0; }
  .ab5.is-still .ab5-item, .ab5.is-still .ab5-step:last-child .ab5-item{ position:relative; inset:auto; opacity:1; visibility:visible; transition:none; }
  .ab5.is-still .ab5-btn{ cursor:pointer; }
  .ab5.is-still .ab5-item.is-beat{ border-color:var(--edge-strong); }
}
@media (prefers-reduced-motion: reduce){ .ab5 *, .ab5 *::before{ transition:none !important; } }


.dk8{ position:relative; display:grid; gap:var(--s-4); margin-top:clamp(32px, 4vw, 48px); }
.dk8 > li{ display:grid; gap:var(--s-2); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:rgba(255,255,255,.05); border:1px solid var(--dark-edge); }
.dk8 .dk-when::before{ display:inline-block; }
.dk8 .dk-big{ gap:var(--s-6); }
.dk8 .dk-big .k8-jg{ margin-top:var(--s-1); }
@media (min-width: 900px){ .dk8{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .dk8 .dk-big{ grid-column:1 / -1; } }
@media (min-width: 1100px){ .dk8 .dk-big{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); column-gap:var(--s-8); align-items:start; } .dk8 .dk-big > .k8-jg{ grid-column:2; grid-row:1 / span 3; margin-top:0; } }
.dk8 .k8-card{ box-shadow:0 0 0 1px rgba(255,255,255,.06), var(--shadow-elevated); }


.saved3.k8-saved .saved3-cols{ gap:var(--s-10); }
.saved3.k8-saved .saved3-vis{ height:auto; padding:0; margin-bottom:var(--s-2); background:none; border-radius:0; overflow:visible; display:grid; place-items:start center; container-type:inline-size; }
.saved3.k8-saved .saved3-vis::after{ display:none; }
.saved3.k8-saved .saved3-vis > *{ width:100%; max-width:355px; height:auto; aspect-ratio:1065 / 547; }

.saved3.k8-saved .saved3-vis .frag7.c-regal{ --fy:-2px; height:auto; max-width:355px; aspect-ratio:var(--ar); border-radius:24px; box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.saved3.k8-saved .saved3-vis :is(.k8-card, .k8-cut){ border-radius:24px; box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
@media (min-width: 760px){
  .saved3.k8-saved .saved3-cols{ grid-template-rows:auto auto auto auto; column-gap:clamp(20px, 2.6vw, 40px); row-gap:var(--s-3); }
  .saved3.k8-saved .saved3-col{ grid-row:span 4; grid-template-rows:subgrid; row-gap:var(--s-3); }
  .saved3.k8-saved .saved3-vis{ margin-bottom:var(--s-3); }
}
@media (max-width: 759px){
  .saved3.k8-saved .saved3-col{ grid-template-columns:minmax(0, 1fr); row-gap:var(--s-2); padding-top:var(--s-8); }
  .saved3.k8-saved .saved3-col > :not(.saved3-vis){ grid-column:1; }
  .saved3.k8-saved .saved3-vis{ grid-column:1; grid-row:auto; height:auto; padding:0; border-radius:0; margin-bottom:var(--s-3); place-items:start; }
}


.int8-fork{ display:grid; gap:var(--s-6); }
.int8-fork > *{ min-width:0; }
.int8-src{ display:grid; justify-items:center; align-content:center; gap:var(--s-2); margin:0; }
.int8-src .k8-bm-sheet{ width:min(100%, 320px); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.int8-ways{ display:grid; gap:var(--s-4); min-width:0; }
.int8-way{ display:grid; gap:var(--s-6); align-content:start; padding:clamp(16px, 2vw, 28px); border-radius:var(--r-card); background:var(--surface); box-shadow:var(--shadow-card); }
.int8-way > *{ min-width:0; }
.int8-vis{ display:grid; align-items:start; }
.int8-vis .k8-card{ box-shadow:0 0 0 1px var(--edge); }
.int8-txt{ display:grid; gap:var(--s-3); align-content:start; }
.int8-txt > p{ margin:0; max-width:60ch; }
.int8-h{ margin:0; font-size:clamp(1.75rem, 2.8vw, 2.5rem); font-weight:var(--fw-display); letter-spacing:-.024em; line-height:1.08; }

.int8-ab{ order:-1; justify-self:start; display:inline-flex; align-items:center; gap:var(--s-2); min-height:32px; padding:4px 14px; border-radius:var(--r-pill); background:var(--surface-alt); color:var(--ink); font-size:var(--t-meta); font-weight:var(--fw-strong); line-height:1.25; }
.dot-ab{ width:10px; height:10px; flex:none; border-radius:var(--r-pill); border:2px solid var(--ink-2); }

.int8-ab .dot-on, .p1-chip-ab .dot-on{ width:10px; height:10px; flex:none; border-radius:var(--r-pill); background:var(--success); box-shadow:0 0 0 4px var(--success-bg); }
.int8-limit{ color:var(--ink-2); font-size:var(--t-small); }
.int8-txt .k8-anbieter{ margin-top:var(--s-2); }
.int8-oder{ display:flex; align-items:center; gap:var(--s-4); margin:0; padding-inline:var(--s-2); color:var(--ink-2); font-size:var(--t-small); font-weight:var(--fw-strong); }
.int8-oder::before, .int8-oder::after{ content:""; flex:1; height:1px; background:var(--edge-strong); }
@media (min-width: 760px){
  .int8-way{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); column-gap:clamp(20px, 2.6vw, 40px); align-items:start; }
  .int8-way.is-erp .int8-vis{ align-self:center; }
}
@media (min-width: 1100px){
  .int8-fork{ grid-template-columns:minmax(260px, 300px) minmax(0, 1fr); column-gap:clamp(24px, 3vw, 48px); align-items:center; }
}


.sk8{ margin-top:clamp(40px, 6vw, 72px); }


.buehne{ display:grid; gap:var(--s-4); margin:0; width:100%; max-width:720px; justify-self:center; }
.buehne-feld{ position:relative; container-type:inline-size; padding-bottom:12cqw; }
.buehne-feld > .dev{ transition:transform var(--d-tab) var(--ease-io), opacity var(--d-tab) var(--ease-io); }
.buehne .dev-ipad{ --w:88cqw; z-index:1; margin-left:auto; }

.buehne .dev-ipad .dev-screen{ aspect-ratio:1210 / 834; }
.buehne .dev-iphone{ --w:clamp(96px, 27cqw, 210px); position:absolute; left:0; bottom:0; z-index:2; }
.buehne[data-vorne="handy"] .dev-iphone{ z-index:3; transform:translateY(-2%); }
.buehne[data-vorne="handy"] .dev-ipad{ transform:scale(.985); opacity:.9; }
.buehne[data-vorne="tablet"] .dev-ipad{ z-index:3; }
.buehne[data-vorne="tablet"] .dev-iphone{ transform:translate(-6%, 4%) scale(.94); opacity:.9; }
.buehne-schalter{ display:flex; justify-content:center; gap:var(--s-2); }
.buehne-knopf{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:44px; padding:0 var(--s-4); border-radius:var(--r-pill); border:1px solid var(--edge); background:var(--surface); color:var(--ink); font:inherit; font-size:var(--t-small); font-weight:var(--fw-mid); line-height:1; cursor:pointer; transition:background-color var(--d-hover) var(--ease-io), color var(--d-hover) var(--ease-io), border-color var(--d-hover) var(--ease-io); }
.buehne-knopf svg{ width:18px; height:18px; flex:none; }
.buehne-knopf:hover{ border-color:var(--ink-3); }
.buehne-knopf[aria-pressed="true"]{ background:var(--ink); border-color:var(--ink); color:var(--ink-inverse); }
@media (prefers-reduced-motion: reduce){ .buehne-feld > .dev, .buehne-knopf{ transition:none; } }

.geraete{ display:flex; align-items:center; justify-content:center; gap:var(--s-1); margin:var(--s-2) 0 0; font-size:var(--t-small); line-height:1.3; color:inherit; opacity:.8; }
.geraete svg{ width:16px; height:16px; flex:none; }
.geraete span{ margin-left:var(--s-1); }


.geraete-huelle{ display:grid; justify-items:center; }
.geraete-huelle > .dev{ margin-bottom:0; }



:root{
  
  --wa-green:#25D366;
  
  --wa-size:56px; --wa-gap:var(--s-4); --wa-zone:calc(var(--wa-size) + 2 * var(--wa-gap));
  
  --app-swatch-k3:#E0A86A;
}


.wa-bubble{ position:fixed; z-index:35; right:calc(var(--wa-gap) + env(safe-area-inset-right, 0px)); bottom:calc(max(var(--chrome-h, 0px), env(safe-area-inset-bottom, 0px)) + var(--wa-gap));
  display:flex; align-items:center; justify-content:center; width:var(--wa-size); height:var(--wa-size); border-radius:50%;
  background:var(--surface); box-shadow:var(--shadow-elevated); text-decoration:none; -webkit-tap-highlight-color:transparent;
  transition:box-shadow var(--d-hover) var(--ease); }

.wa-bubble svg{ width:var(--s-8); height:var(--s-8); display:block; fill:var(--wa-green); }
.wa-bubble:hover{ box-shadow:var(--shadow-floating); }
#zb .wa-bubble:focus-visible{ outline:3px solid var(--ink); outline-offset:3px; }
@media (prefers-reduced-motion: reduce){ .wa-bubble{ transition:none; } }
@media print{ .wa-bubble{ display:none; } }

.site-foot{ padding-bottom:max(var(--s-12), var(--wa-zone)); }

@media (max-width: 719.98px){
  #zb{ position:relative; }
  .wa-bubble{ position:absolute; }
}

@media (min-width: 720px){ html{ scroll-padding-bottom:calc(var(--wa-zone) + env(safe-area-inset-bottom, 0px)); } }

html{ scroll-padding-top:calc(var(--header-h) + var(--leiste-h, 0px) + var(--s-2) + env(safe-area-inset-top, 0px)); }
html:has([data-page="features"]:not([hidden])){ --leiste-h:var(--jump-h); }


.dd-panel.is-produkt{ grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr); }
.menu-grp{ display:grid; gap:2px; }

.site-head .dd-panel :focus-visible{ outline-color:var(--focus); }


.foot9-nav{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6) var(--s-4); padding-bottom:var(--s-8); margin-bottom:var(--s-8); border-bottom:1px solid var(--edge); }
.foot9-col{ display:grid; align-content:start; gap:0; min-width:0; }
.foot9-col.is-loesungen{ grid-row:span 2; }
.foot9-h{ font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink); padding-bottom:var(--s-1); }
.foot9-lab{ font-size:var(--t-meta); font-weight:var(--fw-mid); color:var(--ink-2); padding-top:var(--s-3); }
.foot9-col a.foot-link{ display:flex; align-items:center; justify-self:start; max-width:calc(100% + 20px); margin-left:-10px; padding-block:var(--s-2); text-align:left; line-height:1.3; }
.foot9-col a.foot-link[aria-current="page"]{ background:var(--brand-soft); }
@media (min-width: 761px){
  .foot9-nav{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .foot9-col.is-loesungen{ grid-row:auto; }
  
  .foot9-col > .foot9-h:has(+ a.foot-link){ padding-bottom:calc(var(--s-1) + var(--s-3) + 1lh); }
}
@media (min-width: 1024px){
  .foot9-nav{ grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); }
  .foot9-col.is-loesungen{ grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--s-6); }
  .foot9-col.is-loesungen > .foot9-h{ grid-column:1 / -1; }
}
.foot9-sub{ display:grid; align-content:start; }


.k8-dot.is-k3{ background:var(--app-swatch-k3); }
.k8-jg-bild:is(.pic-apo9-1, .pic-apo9-2, .pic-apo9-3, .pic-apo9-4){ background-size:cover; background-position:50% 50%; }


.stimme:has(> .st-full[open]) > .st-quote{ display:none; }
.stimme:has(> .st-full[open]) > .st-full{ border-top:0; padding-top:0; }


.int9-wall{ display:grid; gap:var(--s-4); padding:var(--s-4); }
.int9-zone{ display:grid; align-content:start; gap:var(--s-3); padding:var(--s-4) clamp(16px, 2vw, 24px) clamp(16px, 2vw, 24px); border-radius:var(--r-inner); background:var(--surface); border:1px solid var(--edge); }

.int9-zone-h{ justify-self:start; display:block; min-height:44px; padding-block:10px; color:var(--ink); font-size:var(--t-body); font-weight:var(--fw-strong); line-height:1.4; text-decoration:none; border-radius:var(--r-sm); }
.int9-zone-h svg{ display:inline-block; width:18px; height:18px; margin-left:6px; vertical-align:-3px; color:var(--brand); transition:transform var(--d-hover) var(--ease); }
.int9-zone-h:hover svg{ transform:translateX(3px); }
.int9-nw{ white-space:nowrap; }
.int9-zone-h:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.int9-zone.is-ki{ gap:var(--s-4); padding-bottom:clamp(20px, 2.4vw, 28px); }
.int9-zone.is-ki .int9-zone-h{ font-size:var(--t-lead); }
.int9-zone-in{ display:grid; gap:var(--s-6); }
.int9-zone .lw-group{ gap:var(--s-2); }
.int9-zone .lw-head{ color:var(--ink-2); }

.int9-zone .lw-group.is-available .lw-tiles,
.int7-ki .lw-group.is-available .lw-tiles,
.ki-grid .lw-group.is-available .lw-tiles{ grid-template-columns:minmax(0, 1fr); }
.int9-zone .lw-group.is-available .lw-tile.is-lead{ min-height:88px; padding:var(--s-4) var(--s-6); }

.int9-zone .lw-group.is-soon .lw-tiles{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-3) var(--s-8); }
.int9-zone .lw-group.is-soon .lw-tile{ flex-direction:row; justify-content:flex-start; gap:var(--s-2); min-height:44px; padding:0; text-align:left; }
.int9-zone .lw-group.is-soon .lw-mark{ flex:none; height:26px; }
.int9-zone .lw-group.is-soon .lw-mark.is-word{ height:20px; }

@media (max-width: 719.98px){ .int9-zone .lw-group.is-soon .lw-mark.is-word{ height:18px; } }
.int9-zone .lw-group.is-soon .lw-mark img{ max-width:min(120px, 100%); }
@container (min-width: 460px){ .int9-zone-in{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:start; } }
.int9-zone.is-ki, .int9-zone.is-erp, .int9-zone.is-weitere{ container-type:inline-size; }

.int9-zone.is-erp .lw-group.is-available .lw-tile{ min-height:var(--s-16); padding:var(--s-3) var(--s-4); }
@supports not (container-type: inline-size){ @media (min-width: 1100px){ .int9-zone-in{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } } }

.int9-area-h{ display:flex; align-items:center; gap:var(--s-4); margin-bottom:clamp(32px, 4vw, 56px); }
.int9-area-h::before, .int9-area-h::after{ content:""; flex:1 1 0; min-width:var(--s-6); height:1px; background:var(--edge); }
.int9-area-h > span{ flex:none; max-width:calc(100% - 2 * var(--s-6) - 2 * var(--s-4)); display:inline-flex; align-items:center; gap:var(--s-2); min-height:40px; padding:6px 18px 6px 14px; border-radius:var(--r-pill);
  background:var(--surface); box-shadow:0 0 0 1px var(--edge); color:var(--ink); font-size:var(--t-body); font-weight:var(--fw-strong); line-height:1.25; text-align:center; }
.int9-area-h > span::before{ content:""; flex:none; width:8px; height:8px; border-radius:var(--r-pill); background:var(--brand); }
.int9-area-h:focus{ outline:none; }
.int9-area-h:focus-visible > span{ outline:2px solid var(--focus); outline-offset:2px; }
.int9-area.is-erp .int9-area-h > span{ background:var(--ground); }
.int9-hub{ gap:clamp(24px, 3vw, 40px); }

.int9-kal{ justify-items:center; gap:var(--s-3); margin:clamp(48px, 6vw, 88px) auto 0; }
.int9-kal .lw-head{ color:var(--ink-2); }
.int9-kal .lw-tiles{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--s-3) var(--s-8); }
.int9-kal .lw-tile{ flex-direction:row; gap:var(--s-2); min-height:56px; padding:0; background:none; border:0; box-shadow:none; }
.int9-kal .lw-mark{ flex:none; height:30px; }

.lw-tile.int9-wort{ flex-direction:row; justify-content:flex-start; min-height:56px; padding:var(--s-3) var(--s-4); border-radius:var(--r-md); text-align:left; cursor:default; } 
.lw-tile.int9-wort .lw-name{ font-size:var(--t-body); font-weight:var(--fw-strong); color:var(--ink); line-height:1.3; }

.int9-zone .lw-tile.int9-wort{ min-height:44px; padding:var(--s-2) var(--s-4); }
.int9-zone .lw-tile.int9-wort .lw-name{ font-size:var(--t-small); text-wrap:balance; }
.int9-zone.is-weitere .lw-group.is-soon .lw-tiles{ row-gap:var(--s-1); }
.int9-zone.is-weitere .lw-group.is-soon .lw-tile{ min-height:36px; }
.int9-verf{ justify-items:center; gap:var(--s-3); margin:0 auto clamp(24px, 3vw, 40px); }
.int9-verf .lw-head{ color:var(--ink-2); }
.int9-verf .lw-tiles{ display:flex; justify-content:center; }
.int9-verf .lw-tile.int9-wort{ padding:var(--s-3) var(--s-6); }

@media (min-width: 1100px){ .int-hero-grid.int9-hero{ grid-template-areas:'copy wall'; } }


.w9-stub .sec{ padding-block:var(--sec-pad); }





.p3a .p3a-only-s{ display:none; }
@media (max-width: 640px){ .p3a .p3a-only-l{ display:none !important; } .p3a .p3a-only-s{ display:block !important; } }


.p3a-hero-grid{ display:grid; gap:var(--s-8); grid-template-areas:"copy" "vis" "quote"; align-items:start; }
.p3a-hero-grid > *{ min-width:0; }
.p3a-hero-copy{ grid-area:copy; }
.p3a-hero-vis{ grid-area:vis; position:relative; margin:0; display:grid; gap:var(--s-4); }
.p3a-hero-vis > .ph{ margin:0; }
.p3a-hero-quote, .p3a-hero-logos{ grid-area:quote; }
.p3a-hero-quote{ display:grid; gap:var(--s-2); }
@media (min-width: 1100px){
  .p3a-hero-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); grid-template-areas:"copy vis" "copy quote"; column-gap:var(--s-12); row-gap:var(--s-6); }
  .p3a-hero-copy{ align-self:center; }
  .p3a-hero.is-tour .p3a-hero-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); }
  .p3a-hero-logos{ justify-self:end; padding-top:0; border-top:0; }
}


.p3a-hero-quote .stimme-mini{ max-width:460px; }
.p3a-hero-vis.is-route .k8-rt{ width:100%; }

@media (min-width: 1100px){
  .p3a-hero:not(.is-tour) .p3a-hero-grid{ grid-template-columns:minmax(0, 9fr) minmax(0, 11fr); grid-template-areas:"copy vis" "quote vis"; align-items:center; row-gap:var(--s-8); }
  .p3a-hero:not(.is-tour) .p3a-hero-copy{ align-self:end; }
  .p3a-hero:not(.is-tour) .p3a-hero-quote{ align-self:start; max-width:620px; }
}


.p3a-kurz{ padding-block:clamp(48px, 6vw, 96px); }
.p3a-kurz-in{ display:grid; gap:var(--s-4); }
@media (min-width: 960px){ .p3a-kurz-in{ grid-template-columns:minmax(0, 3fr) minmax(0, 9fr); gap:var(--s-12); align-items:baseline; } }
.p3a-kurz-body{ display:grid; gap:var(--s-4); }
.p3a-kurz-txt{ font-size:clamp(1.375rem, 2.3vw, 2rem); font-weight:var(--fw-body); line-height:1.35; letter-spacing:-.012em; max-width:42ch; }
.p3a-kurz-ab{ font-size:var(--t-lead); line-height:1.5; color:var(--ink-2); max-width:56ch; }


.p3a-lab, .p3a-item-h{ font-size:clamp(1.125rem, 1.45vw, 1.375rem); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.3; }
.p3a-bento{ display:grid; gap:clamp(12px, 1.6vw, 20px); }
@media (min-width: 900px){ .p3a-bento{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.p3a-tile, .p3a-duo-karte{ margin:0; min-width:0; display:grid; grid-template-rows:auto 1fr; gap:var(--s-6); padding:clamp(20px, 2.4vw, 32px); border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
.p3a-tile > *, .p3a-duo-karte > *{ min-width:0; }
.p3a-tile-copy{ display:grid; gap:var(--s-2); align-content:start; max-width:54ch; }

.p3a-tile-vis{ align-self:start; display:grid; justify-items:center; min-width:0; }
.p3a-tile-vis .k8-asset{ max-width:460px; }
.p3a-tile-vis .k8-asset.c-bericht-foto{ max-width:520px; }

.p3a-tile-vis .p3a-is-letzter{ max-width:400px; }

.p3a-tile-vis .p3a-is-regal{ max-width:352px; }
.p3a-duo{ display:grid; gap:clamp(12px, 1.6vw, 20px); margin-top:clamp(40px, 5vw, 64px); }
@media (min-width: 900px){ .p3a-duo{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.p3a-duo-karte > .p3a-app{ align-self:end; justify-self:center; }
.p3a-item{ display:grid; gap:var(--s-2); align-content:start; min-width:0; }
.p3a-item dd{ margin:0; }
.p3a-nr{ display:inline-grid; place-items:center; flex:none; width:26px; height:26px; margin-right:10px; border-radius:var(--r-pill); box-shadow:inset 0 0 0 1px var(--edge-strong); font-size:13px; font-weight:var(--fw-strong); line-height:1; letter-spacing:0; vertical-align:2px; }


.p3a-app{ position:relative; width:100%; max-width:440px; min-width:0; padding:var(--s-4); border-radius:var(--r-inner); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); color:var(--ink); font-size:14px; line-height:1.4; text-align:left; }
.p3a-app svg{ width:14px; height:14px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.p3a-app-cap{ display:flex; align-items:center; gap:var(--s-2); margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid var(--edge-subtle); font-size:11.5px; font-weight:var(--fw-body); letter-spacing:.08em; text-transform:uppercase; color:var(--ink-2); }
.p3a-app-cap.is-plain{ margin-bottom:var(--s-2); padding:0; border:0; font-size:14px; font-weight:var(--fw-strong); letter-spacing:0; text-transform:none; color:var(--ink); }
.p3a-app-area{ min-height:58px; padding:10px 12px; border-radius:var(--r-sm); box-shadow:inset 0 0 0 1px var(--edge); font-size:13.5px; }
.p3a-app-hint{ margin-top:6px; font-size:12px; line-height:1.45; color:var(--ink-2); }
.p3a-app-lab{ margin:12px 0 4px; font-size:12px; font-weight:var(--fw-strong); color:var(--ink-2); }
.p3a-app-feld{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-2); min-height:40px; padding:0 12px; border-radius:var(--r-sm); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); font-size:13.5px; font-variant-numeric:tabular-nums; }
.p3a-app-feld svg{ color:var(--ink-3); }
.p3a-app-feld.is-start{ justify-content:flex-start; }
.p3a-app-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:0 var(--s-4); border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:13px; font-weight:var(--fw-strong); line-height:1.2; white-space:nowrap; }
.p3a-app-btn.is-hell{ background:var(--surface); color:var(--ink); box-shadow:inset 0 0 0 1px var(--edge); }
.p3a-app-btn svg{ width:14px; height:14px; }
.p3a-badge{ display:inline-flex; align-items:center; gap:4px; min-height:20px; padding:0 8px; border-radius:var(--r-pill); background:var(--surface-alt); color:var(--ink-2); font-size:11px; font-weight:var(--fw-strong); line-height:1.2; }
.p3a-badge svg{ width:10px; height:10px; }
.p3a-badge.is-line{ background:none; box-shadow:inset 0 0 0 1px var(--edge-strong); }
.p3a-badge.is-cond{ background:none; box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 55%, var(--surface)); color:var(--brand-on-soft); }
.p3a-prio{ display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 4px; border-radius:var(--r-xs); background:var(--surface-alt); color:var(--ink-2); font-size:10.5px; font-style:normal; font-weight:var(--fw-bold); line-height:1; }
.p3a-prio.is-a{ background:var(--brand-soft); color:var(--brand-on-soft); }
.p3a-pill{ display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:var(--r-pill); font-size:11px; font-style:normal; font-weight:var(--fw-bold); white-space:nowrap; }
.p3a-pill.is-ueber{ background:var(--danger-bg); color:var(--danger-text); }
.p3a-pill.is-bald{ background:var(--warning-bg); color:var(--warning-text); }
.p3a-pill.is-nie{ background:var(--surface-alt); color:var(--ink-2); }
.p3a-grip{ flex:none; width:8px; height:14px; background-image:radial-gradient(circle, var(--ink-3) 1.2px, transparent 1.5px); background-size:4px 4.6px; }


.p3a-fu{ display:grid; gap:var(--s-4); }
.p3a-fu-karte{ padding:14px; border-radius:var(--r-inner); background:var(--surface-muted); box-shadow:inset 0 0 0 1px var(--edge-subtle); }
.p3a-fu-kopf{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); }
.p3a-fu-titel{ display:flex; align-items:center; gap:var(--s-2); font-size:14px; font-weight:var(--fw-strong); }
.p3a-fu-titel svg{ color:var(--brand-hover); }
.p3a-switch{ position:relative; flex:none; width:44px; height:24px; border-radius:var(--r-pill); background:color-mix(in srgb, var(--brand) 62%, var(--surface)); }
.p3a-switch i{ position:absolute; top:4px; left:24px; width:16px; height:16px; border-radius:var(--r-pill); background:var(--surface); box-shadow:var(--shadow-card); }
.p3a-fu-karte .p3a-app-hint{ margin-top:4px; }
.p3a-fu-karte .p3a-app-feld{ min-height:44px; }


.p3a-kom{ max-width:420px; padding:12px; }
.p3a-kom-item{ padding:12px; border-radius:var(--r-sm); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge-subtle); }
.p3a-kom-kopf{ display:flex; flex-wrap:wrap; align-items:center; gap:4px var(--s-2); font-size:12px; }
.p3a-kom-kopf b{ font-weight:var(--fw-strong); }
.p3a-kom-rolle{ padding:0 8px; border-radius:var(--r-pill); box-shadow:inset 0 0 0 1px var(--edge); font-size:11px; line-height:18px; }
.p3a-kom-zeit{ font-size:11px; color:var(--ink-2); }
.p3a-kom-txt{ margin-top:4px; font-size:13.5px; color:var(--ink-2); }
.p3a-kom-feld{ margin-top:12px; min-height:44px; color:var(--ink-2); }
.p3a-kom-feld svg{ color:var(--ink-2); }


.p3a-ed{ max-width:460px; padding:var(--s-4) var(--s-4) var(--s-6); }
.p3a-ed-kopf{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-3); margin-bottom:var(--s-4); }
.p3a-ed-kopf b{ font-size:18px; font-weight:var(--fw-strong); }
.p3a-ed-liste{ display:grid; gap:var(--s-2); }
.p3a-ed-liste li{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:var(--r-inner); background:var(--surface-muted); box-shadow:inset 0 0 0 1px var(--edge-subtle); }
.p3a-ed-liste li.is-folge{ margin-left:var(--s-6); }
.p3a-ed-f{ display:grid; gap:4px; min-width:0; }
.p3a-ed-f b{ font-size:13.5px; font-weight:var(--fw-strong); }
.p3a-ed-f em{ margin-left:3px; font-style:normal; color:var(--danger-text); }
.p3a-ed-b{ display:flex; flex-wrap:wrap; gap:6px; }


.p3a-adr{ max-width:none; padding:0; overflow:hidden; }
.p3a-adr li{ display:grid; gap:2px; padding:10px 14px; border-top:1px solid var(--edge-subtle); }
.p3a-adr li:first-child{ border-top:0; }
.p3a-adr b{ display:flex; align-items:center; gap:var(--s-2); font-size:14px; font-weight:var(--fw-strong); }
.p3a-adr small{ font-size:12px; color:var(--ink-2); }
.p3a-adr-meta{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-2); font-size:11.5px; color:var(--ink-2); font-variant-numeric:tabular-nums; }


.p3a-ob{ max-width:420px; padding:var(--s-6); border-radius:var(--r-card); }
.p3a-ob-titel{ font-size:18px; font-weight:var(--fw-strong); line-height:1.3; }
.p3a-ob-text{ margin-top:6px; font-size:13.5px; color:var(--ink-2); }
.p3a-ob-box{ display:grid; gap:var(--s-2); margin-top:14px; padding:14px; border-radius:var(--r-tile); background:var(--surface-alt); box-shadow:inset 0 0 0 1px var(--edge); font-size:12px; color:var(--ink-2); }
.p3a-ob-box > div{ display:flex; justify-content:space-between; gap:var(--s-3); }
.p3a-ob-box dd{ margin:0; font-weight:var(--fw-strong); font-variant-numeric:tabular-nums; white-space:nowrap; }
.p3a-ob-box .is-ueber{ padding-top:var(--s-2); border-top:1px solid var(--edge); color:var(--warning-text); }
.p3a-ob .p3a-app-hint{ margin-top:12px; }
.p3a-ob-knoepfe{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--s-2); margin-top:var(--s-4); }


.p3a-mt{ max-width:440px; padding:14px; }
.p3a-mt > div{ display:grid; gap:var(--s-2); }
.p3a-mt-tag{ padding:12px; border-radius:var(--r-sm); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); }
.p3a-mt-kopf{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px var(--s-3); font-size:13px; }
.p3a-mt-kopf span{ display:flex; align-items:center; gap:var(--s-2); }
.p3a-mt-kopf b{ font-weight:var(--fw-strong); }
.p3a-mt-kopf small{ font-size:11.5px; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.p3a-mt-dot{ width:12px; height:12px; border-radius:var(--r-pill); background:var(--ink); }
.p3a-mt-dot.is-2{ background:var(--surface); box-shadow:inset 0 0 0 2px var(--ink); }
.p3a-mt-kunden{ display:grid; gap:5px; margin-top:var(--s-2); font-size:12.5px; }
.p3a-mt-kunden li{ display:flex; align-items:center; gap:var(--s-2); }
.p3a-mt-nacht, .p3a-mt-gesamt{ display:flex; align-items:center; gap:var(--s-2); padding:var(--s-2) 12px; border-radius:var(--r-sm); background:var(--surface-alt); font-size:12.5px; }
.p3a-mt-nacht svg{ color:var(--ink); }
.p3a-mt-gesamt{ justify-content:space-between; font-variant-numeric:tabular-nums; }
.p3a-mt-gesamt b{ font-weight:var(--fw-strong); }


.p3a-mini{ align-self:end; max-width:none; padding:12px; background:var(--surface-muted); box-shadow:inset 0 0 0 1px var(--edge-subtle); font-size:13px; }
.p3a-mini .p3a-app-lab:first-child{ margin-top:0; }
.p3a-mini .p3a-app-feld{ min-height:36px; font-size:13px; }
.p3a-mini-ok{ display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:var(--fw-strong); color:var(--success-text); }
.p3a-mini-link{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-2); margin-top:var(--s-2); padding:var(--s-2) 10px; border-radius:var(--r-sm); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); font-size:12.5px; }
.p3a-mini-link svg{ transform:rotate(-90deg); color:var(--ink-3); }
.p3a-mini-fuss{ margin-top:10px; font-size:11.5px; color:var(--ink-2); }
.p3a-mini-fuss b{ color:var(--ink); font-weight:var(--fw-strong); }
.p3a-mini-fuss span{ white-space:nowrap; }
.p3a-oz{ display:flex; align-items:center; gap:var(--s-2); margin-top:6px; font-size:12.5px; }
.p3a-oz b{ width:24px; font-weight:var(--fw-strong); }
.p3a-oz .p3a-app-feld{ min-height:32px; padding:0 var(--s-2); font-size:12.5px; }
.p3a-oz-bis{ width:8px; height:1px; background:var(--ink-3); }
.p3a-oz-zu{ color:var(--ink-2); }
.p3a-mini-start{ display:flex; align-items:center; gap:var(--s-2); font-size:12.5px; font-weight:var(--fw-strong); }
.p3a-mini-start svg{ fill:var(--ink); stroke:none; }
.p3a-mini-stopps{ display:grid; gap:6px; margin-top:var(--s-2); font-size:12.5px; }
.p3a-mini-stopps li{ display:flex; align-items:center; gap:var(--s-2); min-width:0; }
.p3a-mini-stopps i{ display:grid; place-items:center; flex:none; width:20px; height:20px; border-radius:var(--r-pill); background:var(--ink); color:var(--ink-inverse); font-size:11px; font-style:normal; font-weight:var(--fw-strong); }


.p3a-lt{ display:grid; gap:var(--s-8); grid-template-areas:"vis" "side" "more"; }
.p3a-lt > *{ min-width:0; }
.p3a-lt-vis{ grid-area:vis; margin:0; }
.p3a-lt-cut{ max-width:440px; margin-inline:auto; }
.p3a-lt-side{ grid-area:side; display:grid; gap:var(--s-6); align-content:start; }
.p3a-kom-wrap{ position:relative; }
.p3a-lt-more{ grid-area:more; display:grid; gap:var(--s-6); }
.p3a-lt-more .p3a-item{ padding-top:var(--s-4); border-top:1px solid var(--edge); }
@media (min-width: 760px){ .p3a-lt-more{ grid-template-columns:repeat(3, minmax(0, 1fr)); column-gap:var(--s-8); } }
@media (min-width: 1100px){
  .p3a-lt{ grid-template-columns:minmax(0, 8fr) minmax(0, 4fr); grid-template-areas:"vis side" "more more"; column-gap:var(--s-10); row-gap:var(--s-12); align-items:center; }
  
  .p3a-kom-wrap::before{ content:""; position:absolute; top:50%; right:100%; width:var(--s-10); height:1px; background:var(--ink); }
  .p3a-kom-wrap::after{ content:""; position:absolute; top:calc(50% - 4px); right:calc(100% + var(--s-10) - 4px); width:8px; height:8px; border-radius:var(--r-pill); background:var(--ink); }
}
.p3a-verweis{ margin-top:clamp(32px, 4vw, 56px); font-size:var(--t-lead); line-height:1.5; }


.p3a-rg{ background:color-mix(in srgb, var(--ink) 3.5%, var(--ground)); border-block:1px solid var(--edge); }
.p3a-rg-sec{ padding-block:clamp(56px, 7vw, 104px); }
.p3a-rg-sec + .p3a-rg-sec{ padding-top:0; }
.p3a-rg-sec + .p3a-rg-sec > .wrap::before{ content:""; display:block; grid-column:1 / -1; height:1px; margin-bottom:clamp(56px, 7vw, 104px); background:var(--edge); }
.p3a-begriffe::before{ margin-bottom:calc(clamp(56px, 7vw, 104px) - var(--s-8)) !important; }
@media (min-width: 1024px){ .p3a-begriffe::before{ margin-bottom:calc(clamp(56px, 7vw, 104px) - var(--s-16)) !important; } }
.p3a-rg-head{ max-width:900px; }
.p3a-rg-mark{ justify-self:start; display:inline-flex; align-items:center; gap:var(--s-2); min-height:34px; padding:0 var(--s-4) 0 var(--s-3); border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); font-size:var(--t-meta); font-weight:var(--fw-strong); letter-spacing:.02em; }
.p3a-rg-mark::before{ content:""; width:8px; height:8px; border-radius:var(--r-pill); background:var(--brand); }
.p3a-h2s{ font-size:clamp(1.75rem, 3.1vw, 2.75rem); }
.p3a-h2xs{ font-size:clamp(1.5rem, 2.3vw, 2rem); }
.p3a-nach{ margin-top:clamp(32px, 4vw, 48px); max-width:68ch; font-size:var(--t-lead); line-height:1.5; }
.p3a-linkzeile{ margin-top:var(--s-3); max-width:68ch; }
.p3a-linkzeile.is-sk{ margin-top:var(--s-6); }
.p3a-schluss{ margin-top:clamp(28px, 3.4vw, 44px); max-width:56ch; font-size:var(--t-lead); font-weight:var(--fw-mid); line-height:1.45; }
.p3a-hinweis{ padding:var(--s-4) var(--s-6); border-radius:var(--r-card); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); }


.p3a-tab{ width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
.p3a-tab th, .p3a-tab td{ padding:var(--s-4) 20px; border-top:1px solid var(--edge-subtle); text-align:left; vertical-align:top; }
.p3a-tab thead th{ padding-block:12px; border-top:0; background:var(--surface-muted); color:var(--ink-2); font-size:var(--t-meta); font-weight:var(--fw-strong); }
.p3a-tab tbody th{ font-weight:var(--fw-strong); }
.p3a-tab-3 tbody th{ width:31%; }
.p3a-tab-3 tbody th{ position:relative; padding-left:58px; }
.p3a-tab-3 tbody th .p3a-nr{ position:absolute; left:20px; top:13px; margin:0; }
.p3a-tab-3{ font-size:var(--t-small); }
@media (max-width: 759px){
  .p3a-tab-3, .p3a-tab-3 tbody, .p3a-tab-3 tr, .p3a-tab-3 th, .p3a-tab-3 td{ display:block; width:auto; }
  .p3a-tab-3{ overflow:visible; background:none; border-radius:0; box-shadow:none; }
  .p3a-tab-3 thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0, 0, 0, 0); }
  .p3a-tab-3 tbody{ display:grid; gap:12px; }
  .p3a-tab-3 tr{ padding:var(--s-4) 18px; border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
  .p3a-tab-3 tbody th, .p3a-tab-3 td{ width:auto; padding:0; border:0; }
  .p3a-tab-3 tbody th{ padding-left:38px; min-height:26px; line-height:1.6; }
  .p3a-tab-3 tbody th .p3a-nr{ left:0; top:0; }
  .p3a-tab-3 td{ display:grid; grid-template-columns:6.5em minmax(0, 1fr); gap:var(--s-2); margin-top:var(--s-2); }
  .p3a-tab-3 td::before{ content:attr(data-lab); color:var(--ink-2); font-size:var(--t-meta); font-weight:var(--fw-strong); line-height:1.9; }
}
.p3a-tab-2 tbody th{ width:34%; }
@media (max-width: 640px){
  .p3a-tab-2, .p3a-tab-2 tbody, .p3a-tab-2 tr, .p3a-tab-2 th, .p3a-tab-2 td{ display:block; width:auto !important; }
  .p3a-tab-2 thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0, 0, 0, 0); }
  .p3a-tab-2 tbody th{ padding:14px 18px 2px; }
  .p3a-tab-2 td{ padding:0 18px 14px; border-top:0; }
  .p3a-tab-2 tbody tr:first-child th{ border-top:0; }
}


.p3a-felder{ display:grid; gap:var(--s-8); }
.p3a-felder > *{ min-width:0; }
.p3a-felder-vis{ margin:0; display:grid; gap:var(--s-4); justify-items:center; align-content:start; }
.p3a-felder-vis > .ph{ justify-self:stretch; margin:0; }
@media (min-width: 1100px){ .p3a-felder{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:var(--s-10); align-items:start; } .p3a-felder-vis{ position:sticky; top:calc(var(--header-h) + 24px); } }


.p3a-mu-vis{ position:relative; margin:0; }
.p3a-mu-vis.is-tel{ display:none; max-width:402px; margin-inline:auto; }
.p3a-mu-vis.is-tel .k8-shot{ aspect-ratio:1005 / 3260; background-position:50% 100%; }
@media (max-width: 1023px){ .p3a-mu-vis.is-tab{ display:none; } .p3a-mu-vis.is-tel{ display:block; } }
.p3a-mk{ position:absolute; z-index:1; left:var(--x); top:var(--y); width:28px; height:28px; margin:-14px 0 0 -14px; border-radius:var(--r-pill); background:var(--ink); color:var(--ink-inverse); font-size:var(--t-meta); font-weight:var(--fw-strong); line-height:28px; text-align:center; box-shadow:0 0 0 3px var(--surface); }
.p3a-legende{ list-style:none; margin:var(--s-6) 0 0; padding:0; display:grid; gap:var(--s-4); grid-template-columns:repeat(5, minmax(0, 1fr)); }
.p3a-legende li{ display:flex; gap:var(--s-3); font-size:var(--t-small); color:var(--ink-2); }
.p3a-legende b{ display:block; color:var(--ink); font-weight:var(--fw-strong); }
.p3a-legende .p3a-mk{ position:static; flex:none; margin:0; box-shadow:none; }
.p3a-nur-tel{ display:none; }
@media (max-width: 1023px){ .p3a-legende{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .p3a-nur-tab{ display:none; } .p3a-nur-tel{ display:block; } }
@media (max-width: 640px){ .p3a-legende{ grid-template-columns:minmax(0, 1fr); } }
.p3a-muster > .ph{ margin-top:var(--s-6); }
.p3a-begriffe{ display:grid; gap:var(--s-8); }
.p3a-begriffe > *{ min-width:0; }
@media (min-width: 1024px){ .p3a-begriffe{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-16); align-items:start; } }
.p3a-begriffe-in{ display:grid; gap:var(--s-6); }


.p3a-merk{ display:grid; gap:var(--s-6); margin-bottom:clamp(32px, 4vw, 56px); }
@media (min-width: 760px){ .p3a-merk{ grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--s-8); } }
@media (min-width: 1200px){ .p3a-merk{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.p3a-merk > div{ display:grid; gap:var(--s-2); align-content:start; padding-top:var(--s-4); border-top:1px solid var(--edge-strong); }
.p3a-merk dt{ font-size:clamp(1.0625rem, 1.3vw, 1.25rem); font-weight:var(--fw-strong); line-height:1.3; }
.p3a-merk dd{ margin:0; }
.p3a-sb{ display:grid; gap:var(--s-4); }
@media (min-width: 760px){ .p3a-sb{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); } }
.p3a-sb-karte{ margin:0; display:grid; gap:var(--s-4); align-content:start; padding:clamp(20px, 2.4vw, 28px); border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
.p3a-sb-etikett{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:28px; padding:0 12px; border-radius:var(--r-pill); background:var(--surface-alt); color:var(--ink-2); font-size:var(--t-meta); font-weight:var(--fw-strong); }
.p3a-sb-etikett::before{ content:""; width:8px; height:8px; border-radius:var(--r-pill); background:var(--ink-3); }
.is-gut .p3a-sb-etikett{ background:var(--success-bg); color:var(--success-text); }
.is-gut .p3a-sb-etikett::before{ background:var(--success); }
.p3a-sb-feld{ padding:14px var(--s-4); border-radius:var(--r-inner); box-shadow:inset 0 0 0 1px var(--edge); }
.p3a-sb-feld .p3a-app-lab{ margin-top:0; }
.p3a-sb-txt{ font-size:clamp(1.0625rem, 1.3vw, 1.1875rem); line-height:1.5; }


.p3a-kreis{ display:grid; }
.p3a-kreis li{ position:relative; display:grid; grid-template-columns:40px minmax(0, 1fr); column-gap:var(--s-4); row-gap:var(--s-1); padding-bottom:var(--s-6); }
.p3a-kreis li > :not(.p3a-kreis-nr){ grid-column:2; }
.p3a-kreis-nr{ position:relative; z-index:1; grid-row:1 / span 2; display:grid; place-items:center; width:40px; height:40px; border-radius:var(--r-pill); background:var(--surface); box-shadow:inset 0 0 0 1.5px var(--ink); font-weight:var(--fw-strong); }
.p3a-kreis li:not(:last-child)::before{ content:""; position:absolute; left:19.5px; top:40px; bottom:0; width:1px; background:var(--ink); }
@media (min-width: 1000px){
  .p3a-kreis{ grid-template-columns:repeat(5, minmax(0, 1fr)); column-gap:var(--s-6); }
  .p3a-kreis li{ grid-template-columns:minmax(0, 1fr); align-content:start; padding-bottom:0; }
  .p3a-kreis li > :not(.p3a-kreis-nr){ grid-column:1; }
  .p3a-kreis-nr{ grid-row:auto; margin-bottom:var(--s-3); }
  .p3a-kreis li:not(:last-child)::before{ left:48px; right:calc(-1 * var(--s-6) + 8px); top:20px; bottom:auto; width:auto; height:1px; }
}


.p3a-paar{ display:grid; gap:var(--s-6); padding-bottom:clamp(56px, 7vw, 104px); }
@media (min-width: 960px){ .p3a-paar{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.p3a-paar-sec{ display:grid; gap:var(--s-4); align-content:start; min-width:0; padding:clamp(24px, 3vw, 40px); border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
.p3a-fragen{ display:grid; gap:var(--s-3); counter-reset:p3aq; }
.p3a-fragen li{ display:grid; grid-template-columns:28px minmax(0, 1fr); gap:var(--s-3); counter-increment:p3aq; }
.p3a-fragen li::before{ content:counter(p3aq); display:grid; place-items:center; width:26px; height:26px; border-radius:var(--r-pill); box-shadow:inset 0 0 0 1px var(--edge-strong); font-size:13px; font-weight:var(--fw-strong); }
.p3a-danach{ font-weight:var(--fw-mid); }


.p3a-vs{ display:grid; gap:var(--s-6); }
@media (min-width: 860px){ .p3a-vs{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-8); } }
.p3a-vs-col{ margin:0; min-width:0; display:grid; grid-template-rows:auto 1fr; gap:var(--s-6); padding:clamp(20px, 2.4vw, 32px); border-radius:var(--r-card); background:color-mix(in srgb, var(--ink) 3%, var(--surface)); box-shadow:inset 0 0 0 1px var(--edge-subtle); }
.p3a-vs-col.is-tour{ background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.p3a-vs-copy{ display:grid; gap:var(--s-2); align-content:start; }
.p3a-vs-col .p3a-adr{ align-self:start; }


.p3a-tour{ display:grid; gap:var(--s-8); }
.p3a-tour > *{ min-width:0; }
@media (min-width: 1100px){ .p3a-tour{ grid-template-columns:minmax(0, 8fr) minmax(0, 4fr); gap:var(--s-10); align-items:center; } }
.p3a-tour-buehne{ margin:0; }

.p3a-tour-buehne .k8-view{ max-width:829px; margin-inline:auto; }
.p3a-wp-cut{ max-width:440px; margin-inline:auto; }
.p3a-tour-buehne > .ph{ margin-top:var(--s-4); }
.p3a-tour-list{ display:grid; gap:var(--s-6); }
.p3a-tour-list .p3a-item + .p3a-item{ padding-top:var(--s-6); border-top:1px solid var(--edge); }


.p3a-geb{ display:grid; gap:var(--s-8); }
.p3a-geb > *{ min-width:0; }
@media (min-width: 1100px){ .p3a-geb{ grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:var(--s-10); align-items:center; } }

.p3a-geb-vis{ margin:0 auto; width:100%; max-width:714px; }
.p3a-geb-vis .k8-asset{ max-width:420px; margin-inline:auto; }
.p3a-geb-list{ display:grid; gap:var(--s-6); }
.p3a-geb-list .p3a-item + .p3a-item{ padding-top:var(--s-6); border-top:1px solid var(--edge); }


.p3a-bs{ display:grid; gap:var(--s-4); }
@media (min-width: 700px){ .p3a-bs{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px){ .p3a-bs{ grid-template-columns:repeat(5, minmax(0, 1fr)); } }
.p3a-bs-k{ display:grid; grid-template-rows:auto 1fr; gap:var(--s-6); min-width:0; padding:var(--s-6) 20px 20px; border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
.p3a-bs-copy{ display:grid; gap:var(--s-2); align-content:start; }

@media (min-width: 700px){ .p3a-bs-k{ grid-row:span 2; grid-template-rows:subgrid; row-gap:var(--s-6); } .p3a-bs-k > .p3a-mini{ align-self:start; } }
.p3a-bs-copy .p3a-item-h{ display:flex; align-items:center; font-size:clamp(1.0625rem, 1.3vw, 1.1875rem); }
.p3a-bs-copy p{ font-size:var(--t-small); line-height:1.55; }


.p3a-fallen, .p3a-arten{ display:grid; gap:var(--s-4); }
@media (min-width: 860px){ .p3a-fallen{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); } }
@media (min-width: 960px){ .p3a-arten{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-6); } }
.p3a-fallen > div, .p3a-arten > div{ display:grid; gap:var(--s-3); align-content:start; padding:clamp(20px, 2.4vw, 32px); border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); }
.p3a-fallen dt, .p3a-arten dt{ display:flex; align-items:center; font-size:clamp(1.125rem, 1.45vw, 1.375rem); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.3; }
.p3a-fallen dd, .p3a-arten dd{ margin:0; }
.p3a-fallen dd{ font-size:var(--t-lead); line-height:1.5; }
.p3a-test{ display:grid; gap:var(--s-2); margin-top:clamp(24px, 3vw, 40px); padding:clamp(24px, 3vw, 40px); border-radius:var(--r-card); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); }
.p3a-test-txt{ max-width:36ch; font-size:clamp(1.375rem, 2.2vw, 1.875rem); font-weight:var(--fw-body); line-height:1.3; letter-spacing:-.01em; }
.p3a-test + .p3a-linkzeile{ margin-top:var(--s-6); }


.p3a-sk-head{ max-width:900px; margin-bottom:0; }
.p3a-sk-head + .sk8{ margin-top:clamp(32px, 4vw, 48px); }


.p3a-faq-eb{ font-size:clamp(1.0625rem, 1.5vw, 1.3125rem); font-weight:var(--fw-mid); line-height:1.35; letter-spacing:0; align-items:baseline; }
.p3a-faq-eb::before{ transform:translateY(-2px); }
.p3a-close{ padding-top:0; }
.p3a-band{ display:grid; gap:var(--s-8); align-items:center; padding:clamp(28px, 5vw, 72px); box-shadow:var(--shadow-card); }
.p3a-band > *{ min-width:0; }
@media (min-width: 1024px){ .p3a-band{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-12); } }
.p3a-band-copy{ display:grid; gap:var(--s-6); }
.p3a-band .text-link{ color:var(--ink-inverse); text-decoration-color:color-mix(in srgb, var(--surface) 55%, transparent); }
.p3a-band .text-link:hover{ text-decoration-color:var(--brand); }
.p3a-band-vis{ margin:0; display:grid; justify-items:center; }
.p3a-band-vis .k8-asset{ max-width:620px; }
.p3a-band.is-route .p3a-band-vis .k8-rt{ width:100%; max-width:760px; }
@media (min-width: 1024px){ .p3a-band.is-route{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-10); } }






.p3b-hero.is-cmp .w2-hero-grid{ grid-template-areas:"copy" "vis" "quote"; }
.p3b-hero-cmp .p2-cmp-wrap{ margin:0; }
.p3b-vxw-logos{ grid-area:quote; }
@media (min-width: 1100px){
  .p3b-hero.is-cmp .w2-hero-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); grid-template-areas:"copy vis" "copy quote"; grid-template-rows:auto auto; align-items:start; column-gap:var(--s-12); row-gap:var(--s-6); }
  .p3b-hero.is-cmp .w2-hero-copy{ align-self:center; }
  .p3b-vxw-logos{ justify-self:end; padding-top:0; border-top:0; }
}

.p3b-abgrenzung{ margin:0; max-width:46ch; padding:var(--s-3) var(--s-4); border-radius:var(--r-inner); background:color-mix(in srgb, var(--surface) 72%, transparent); border:1px solid var(--edge); font-size:var(--t-small); line-height:1.5; color:var(--ink); }
.p3b-hero-logos{ margin-top:var(--s-2); }
.p3b-apo-vis{ padding-bottom:clamp(56px, 7vw, 96px); }

.p3b-apo-vis > .p3b-apo-card{ position:absolute; left:calc(-1 * var(--s-8)); bottom:0; z-index:4; width:clamp(220px, 22vw, 280px); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-floating); }
@media (max-width: 1099px){ .p3b-apo-vis > .p3b-apo-card{ left:var(--s-4); } }
@media (max-width: 640px){ .p3b-apo-vis{ padding-bottom:0; } .p3b-apo-vis > .p3b-apo-card{ position:relative; left:auto; bottom:auto; width:82%; justify-self:end; margin:calc(-1 * var(--s-16)) var(--s-3) 0 0; } }


.p3b-tab{ width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; background:var(--surface); border-radius:var(--r-card); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); }
.p3b-tab th, .p3b-tab td{ text-align:left; vertical-align:top; padding:var(--s-4) var(--s-6); border-bottom:1px solid var(--edge-subtle); font-size:var(--t-small); line-height:1.55; overflow-wrap:break-word; }
.p3b-tab thead :is(th, td){ padding-block:var(--s-4); font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink); background:var(--surface-muted); }
.p3b-tab thead tr > :first-child{ border-top-left-radius:var(--r-card); }
.p3b-tab thead tr > :last-child{ border-top-right-radius:var(--r-card); }
.p3b-tab tbody tr:last-child > *{ border-bottom:0; }
.p3b-tab tbody tr:last-child > :first-child{ border-bottom-left-radius:var(--r-card); }
.p3b-tab tbody tr:last-child > :last-child{ border-bottom-right-radius:var(--r-card); }
.p3b-tab tbody th{ font-weight:var(--fw-semi); color:var(--ink); }
.p3b-tab .is-wir{ background:color-mix(in srgb, var(--brand-soft) 42%, var(--surface)); }
.p3b-tab thead .is-wir{ background:color-mix(in srgb, var(--brand-soft) 70%, var(--surface)); }
.p3b-tab-lab{ display:none; }
@media (min-width: 760px){
  .p3b-tab.is-4 thead tr > :first-child{ width:16%; }
}
@media (max-width: 759px){
  .p3b-tab, .p3b-tab tbody, .p3b-tab tr, .p3b-tab th, .p3b-tab td{ display:block; width:100%; }
  .p3b-tab{ background:none; box-shadow:none; border-radius:0; table-layout:auto; }
  .p3b-tab thead{ display:none; }
  .p3b-tab tbody{ display:grid; gap:var(--p2-gap); }
  .p3b-tab tbody tr{ overflow:hidden; border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); }
  .p3b-tab tbody tr > *{ border-radius:0 !important; }
  .p3b-tab tbody th{ padding:var(--s-4) var(--s-4) var(--s-2); border-bottom:0; font-size:var(--t-lead); line-height:1.35; }
  .p3b-tab tbody td{ display:grid; gap:2px; padding:var(--s-3) var(--s-4); border-bottom:0; border-top:1px solid var(--edge-subtle); }
  .p3b-tab tbody td.is-wir{ background:color-mix(in srgb, var(--brand-soft) 42%, var(--surface)); }
  .p3b-tab-lab{ display:block; font-size:var(--t-meta); font-weight:var(--fw-semi); color:var(--ink-2); }
  .p3b-tab td.is-wir .p3b-tab-lab{ color:var(--brand-on-soft); }
}
.p3b-tab + .p2-pointer{ margin-top:var(--s-6); }


@media (min-width: 600px){ .p3b-chan{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.p3b-chan a{ font-size:var(--t-lead); font-weight:var(--fw-semi); line-height:1.3; }


.p3b-bleibt-vis{ min-width:0; }
.p3b-bleibt-pair{ display:grid; gap:var(--s-6); align-items:center; }
@media (min-width: 640px){ .p3b-bleibt-pair{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); } }
.p3b-bleibt-pair > .k8-asset{ width:100%; border-radius:var(--r-inner); }

.p3b-bleibt-pair > .k8-shot.c-regal{ max-width:352px; justify-self:center; }

.p3b-chat{ display:grid; overflow:hidden; border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.p3b-chat-kopf{ display:flex; align-items:center; gap:var(--s-3); margin:0; padding:var(--s-3) var(--s-4); border-bottom:1px solid var(--edge); font-size:var(--t-small); font-weight:var(--fw-semi); }
.p3b-chat-ava{ display:grid; place-items:center; width:32px; height:32px; border-radius:var(--r-pill); background:var(--select); color:var(--on-select); font-size:.75rem; font-weight:var(--fw-semi); letter-spacing:.02em; }
.p3b-chat-feld{ display:grid; gap:var(--s-3); padding:var(--s-4) var(--s-4) var(--s-6); background:var(--surf-stein); }
.p3b-chat-tag{ justify-self:center; margin:0; padding:2px 10px; border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--edge); font-size:.75rem; color:var(--ink-2); }
.p3b-chat-blase{ position:relative; justify-self:start; max-width:min(100%, 260px); display:grid; gap:2px; padding:var(--s-2) var(--s-3) var(--s-2); border-radius:4px 16px 16px 16px; background:var(--surface); box-shadow:var(--shadow-card); }
.p3b-chat-blase::before{ content:""; position:absolute; left:-6px; top:0; width:12px; height:12px; background:var(--surface); clip-path:polygon(0 0, 100% 0, 100% 100%); }
.p3b-chat-von{ margin:0; font-size:.8125rem; font-weight:var(--fw-semi); color:var(--brand-on-soft); }
.p3b-chat-txt{ margin:0; font-size:var(--t-small); line-height:1.4; color:var(--ink); }
.p3b-chat-zeit{ justify-self:end; margin:0; font-size:.6875rem; color:var(--ink-2); font-variant-numeric:tabular-nums; }


.p3b-reicht{ display:grid; gap:var(--s-8); }
@media (min-width: 1024px){ .p3b-reicht{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); column-gap:var(--s-16); row-gap:var(--s-6); align-items:start; } .p3b-reicht-link{ grid-column:2; } }
.p3b-reicht-kopf{ display:grid; gap:var(--s-4); }
.p3b-reicht-kopf .h2, .p3b-reicht-kopf .lead-ink{ margin:0; }
.p3b-zeichen{ list-style:none; margin:0; padding:0; display:grid; gap:var(--s-3); counter-reset:p3bz; }
.p3b-zeichen > li{ counter-increment:p3bz; display:grid; grid-template-columns:36px minmax(0, 1fr); gap:var(--s-4); align-items:center; padding:var(--s-4) var(--s-6) var(--s-4) var(--s-4); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); font-size:var(--t-lead); line-height:1.4; font-weight:var(--fw-mid); }
.p3b-zeichen > li::before{ content:counter(p3bz); display:grid; place-items:center; width:36px; height:36px; border-radius:var(--r-pill); background:var(--surface-alt); font-size:var(--t-small); font-weight:var(--fw-semi); }
.p3b-reicht-link{ margin:0; }
.p3b-change .p2-change-after .k8-asset.c-vorlage{ max-width:540px; }

.p3b .k8-asset.c-bericht-foto{ max-width:622px; }
.p3b-change .p2-change-after .k8-asset.c-vorlage-s{ max-width:343px; }


.p3b-cmp-still{ container-type:inline-size; }

.p3b-still2{ display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 3fr); gap:var(--s-4); }
.p3b-still2-seite{ display:grid; grid-template-rows:auto minmax(0, 1fr); gap:var(--s-3); min-width:0; }
.p3b-still2 .p2-cmp-tag{ position:static; justify-self:start; box-shadow:none; }
.p3b-still2 .p2-cmp-tag.is-r{ justify-self:end; }
.p3b-still2-bild{ position:relative; min-height:clamp(300px, 64cqi, 440px); border-radius:var(--r-inner); overflow:hidden; background:var(--surface-muted); box-shadow:0 0 0 1px var(--dark-edge), var(--shadow-floating); }
.p3b-still2-foto{ position:absolute; inset:0; background-repeat:no-repeat; background-size:cover; background-position:var(--chat-x, 41%) 50%; }
.p3b-still2-bild.is-bericht{ display:grid; place-items:center; padding:var(--s-4); }
.p3b-still2-bild.is-bericht .k8-asset{ --k8-max:340px; }
@media (max-width: 640px){
  .p3b-still2{ grid-template-columns:minmax(0, 1fr); gap:var(--s-6); }
  .p3b-still2-bild{ min-height:0; }
  .p3b-still2-seite.is-chat .p3b-still2-bild{ aspect-ratio:4 / 3; }
  .p3b-still2-bild.is-bericht{ padding:0; background:none; box-shadow:none; }
  .p3b-still2 .p2-cmp-tag.is-r{ justify-self:start; }
}


.p3b-foto{ margin-top:0; padding:clamp(16px, 3vw, 40px); }
@media (min-width: 1024px){ .p3b-foto{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); } }
.p3b-foto .p2-duo-text > div{ border-color:transparent; }
.p3b-foto .p2-duo-text dd{ font-size:var(--t-small); line-height:1.55; }
.p3b-foto-vis .k8-jg{ width:100%; max-width:620px; justify-self:center; }
.p3b-check{ display:grid; gap:var(--s-8); align-items:center; }
@media (min-width: 1100px){ .p3b-check{ grid-template-columns:minmax(0, 8fr) minmax(0, 4fr); gap:var(--s-12); } }
.p3b-check-vis{ margin:0; display:grid; gap:var(--s-4); padding:clamp(16px, 3vw, 40px); min-width:0; }
.p3b-check-vis > .ph{ margin:0; }
.p3b-check-vis > .k8-cut{ max-width:520px; justify-self:center; box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.p3b-check-dl{ display:grid; gap:var(--p2-gap); margin:0; }
.p3b-check-dl > div{ display:grid; gap:var(--s-2); padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); }
.p3b-check-dl dt, .p3b-order-dl dt{ display:flex; align-items:center; gap:var(--s-2); font-size:var(--t-meta); font-weight:var(--fw-semi); }
.p3b-check-dl dd, .p3b-order-dl dd{ margin:0; font-size:var(--t-small); line-height:1.55; }
@media (min-width: 700px) and (max-width: 1099px){ .p3b-check-dl{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.p3b-matrix .k8-asset.c-regal-matrix-apo9-s{ max-width:343px; justify-self:center; }
.p3b-listung .prose .p2-pointer{ margin-top:var(--s-2); }
.p3b-order .p2-order-vis.k8-buehne{ padding:clamp(16px, 3vw, 40px); }
.p3b-order-dl{ display:grid; gap:var(--s-6); margin:0; }
.p3b-order-dl > div{ display:grid; gap:var(--s-2); }
.p3b-order-dl dd{ font-size:var(--t-lead); line-height:1.45; }



.c91-tier{ gap:var(--s-4); padding:var(--s-6) var(--s-6) var(--s-8); box-shadow:var(--shadow-elevated); }
.c91-tier .tier-name{ font-size:clamp(1.625rem, 2.1vw, 2rem); letter-spacing:-.02em; }


.c91-turm{ --c91-bs:38px; --c91-gap:4px; display:flex; flex-direction:column; justify-content:flex-end; gap:var(--c91-gap); margin-bottom:var(--s-2); }
.c91-bs{ display:flex; align-items:center; justify-content:flex-start; height:var(--c91-bs); padding:0 var(--s-3); border-radius:var(--r-xs); background:var(--surface-alt); color:var(--ink-2); box-shadow:inset 0 0 0 1px var(--edge); font-size:var(--t-meta); font-weight:var(--fw-mid); line-height:1.15; text-align:left; white-space:nowrap; cursor:default; }
.c91-bs.is-neu{ background:var(--brand-soft); color:var(--ink); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 40%, var(--brand-soft)); font-weight:var(--fw-strong); }
@media (min-width: 720px){
  .c91-turm{ height:calc(4 * var(--c91-bs) + 3 * var(--c91-gap)); }
}


.c91-say{ font-size:clamp(1.25rem, 1.55vw, 1.4375rem); font-weight:var(--fw-semi); line-height:1.25; letter-spacing:-.01em; color:var(--ink); text-wrap:balance; }


.c91-add{ display:grid; gap:var(--s-3); align-content:start; }
.c91-add > *{ min-width:0; }
.c91-von{ font-size:var(--t-meta); font-weight:var(--fw-semi); color:var(--ink-2); }
.tier .c91-list{ gap:var(--s-3); }


.tier .c91-grenze{ display:grid; gap:0; margin-top:var(--s-1); border-radius:var(--r-md); background:var(--surface-alt); }
.tier .c91-grenze li{ display:block; padding:var(--s-2) var(--s-3); font-size:var(--t-meta); line-height:1.35; }
.tier .c91-grenze li + li{ border-top:1px solid var(--surface); }
.tier .c91-grenze li::before{ content:none; }

@media (max-width: 719px){ .c91-tier .price{ min-height:0; } }


@media (min-width: 720px){
  .c91-tier{ display:grid; grid-row:span 6; grid-template-rows:subgrid; }
  .c91-tier > *{ align-self:start; }
  .c91-tier > .c91-turm{ grid-row:1; } .c91-tier > .tier-name{ grid-row:2; } .c91-tier > .price{ grid-row:3; }
  .c91-tier > .c91-say{ grid-row:4; } .c91-tier > .c91-add{ grid-row:5; } .c91-tier > .tier-act{ grid-row:6; }
}

@media (min-width: 1160px) and (max-width: 1279px){
  .c91-bs{ font-size:.8125rem; padding:0 var(--s-2); }
}

.p1-preise .cmp .c91-cmp-grp th{ padding-block:var(--s-2); background:var(--surface-alt); color:var(--ink); font-size:var(--t-meta); font-weight:var(--fw-strong); }
.p1-preise .cmp .c91-cmp-alle + tbody tr:first-child > *{ border-top:2px solid var(--edge); }
.p1-preise .cmp tbody tr.c91-cmp-grp:hover{ background:none; }
@media (forced-colors: active){
  .c91-bs{ border:1px solid CanvasText; }
  .c91-bs.is-neu{ border-width:3px; }
}





.pd-kopf{ display:grid; gap:var(--s-1); justify-items:start; }
.pd-krume ol{ display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--s-2); font-size:var(--t-meta); }
.pd-krume li{ display:inline-flex; align-items:center; gap:var(--s-2); min-height:44px; }

.pd-krume li + li::before{ content:"›"; content:"›" / ""; }
.pd-krume a{ display:inline-flex; align-items:center; min-height:44px; padding-inline:var(--s-2); margin-inline:calc(-1 * var(--s-2)); color:var(--ink); font-weight:var(--fw-mid); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; text-decoration-color:var(--edge-strong); transition:text-decoration-color var(--d-hover) var(--ease); }
.pd-krume a:hover{ text-decoration-color:var(--brand); }
.pd-krume [aria-current]{ font-weight:var(--fw-strong); }


.hero.pd-hero-kurz{ padding-bottom:clamp(32px, 4vw, 56px); }
.sec.pd-sec-karten{ padding-top:clamp(40px, 5vw, 64px); }
.pd-sec-karten .sec-head{ margin-bottom:clamp(24px, 3vw, 40px); }
.pd-karten{ display:grid; gap:var(--s-4); }
.pd-karten > *{ min-width:0; }
@media (min-width: 760px){ .pd-karten{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); } }
@media (min-width: 1100px){ .pd-karten{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.pd-karte{ position:relative; display:grid; grid-template-rows:auto auto 1fr auto; gap:var(--s-3); align-content:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); border:1px solid var(--edge); box-shadow:var(--shadow-card); transition:box-shadow var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease); }
.pd-karte > *{ min-width:0; }
.pd-karte:hover{ border-color:var(--edge-strong); box-shadow:var(--shadow-elevated); }
.pd-karte-link{ justify-self:start; display:inline-flex; align-items:center; gap:var(--s-2); min-height:44px; font-weight:var(--fw-strong); color:var(--ink); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; text-decoration-color:var(--edge-strong); transition:text-decoration-color var(--d-hover) var(--ease); }
.pd-karte:hover .pd-karte-link{ text-decoration-color:var(--brand); }
.pd-karte-link::after{ content:""; position:absolute; inset:0; border-radius:inherit; }
.pd-karte-link svg, .pd-download .btn svg{ flex:none; width:18px; height:18px; }

.pd-mini{ display:flex; align-items:stretch; margin-bottom:var(--s-2); border:1px solid var(--edge); border-radius:var(--r-sm); overflow:hidden; background:var(--success-bg); color:var(--success-text); font-size:11px; font-weight:var(--fw-bold); line-height:1.3; }
.pd-mini > span{ min-width:0; padding:6px var(--s-2); border-left:1px solid var(--edge); }
.pd-mini > .pd-mini-idx{ flex:none; width:28px; padding-inline:0; border-left:0; background:var(--surface-alt); color:var(--ink); font-size:10px; font-weight:var(--fw-mid); text-align:center; }
.pd-mini > .pd-mini-rest{ flex:1 1 auto; background:var(--surface-alt); color:var(--ink); font-weight:var(--fw-mid); }

.p1-cta-dev.pd-cta-vis{ display:block; align-self:center; width:100%; height:auto; overflow:visible; padding:0; }
.pd-cta-vis .k8-asset{ --k8-max:520px; margin-inline:auto; }
@media (min-width: 900px){
  .p1-cta.has-dev:has(.pd-cta-vis){ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); padding-block:clamp(40px, 5vw, 72px); }
  .p1-cta.has-dev:has(.pd-cta-vis) .p1-cta-copy{ padding-bottom:0; }
}


.pd-sheet{ gap:var(--s-4); }
.pd-blatt{ display:grid; gap:var(--s-2); }
.pd-blatt + .pd-blatt{ margin-top:var(--s-2); }
.pd-blatt.is-schmal{ max-width:420px; }
.pd-blatt.is-schmal .sheet table{ min-width:0; }
.pd-blatt-n{ font-size:var(--t-meta); font-weight:var(--fw-strong); }
.pd-sheet .sheet td.pd-f{ background:var(--brand-soft); font-weight:var(--fw-strong); }
.pd-sheet .sheet thead tr:nth-child(2) th.pd-f{ background:var(--brand-soft); color:var(--brand-on-soft); }
.pd-sheet .sheet .pd-gap{ display:none; }
.pd-legende{ display:flex; align-items:center; gap:var(--s-2); font-size:var(--t-small); }

.pd-legende i{ flex:none; width:var(--s-6); height:var(--s-3); border-radius:var(--r-xs); background:var(--brand-soft); }
.pd-mehr{ display:none; font-size:var(--t-small); }

@media (max-width: 1099px){
  .pd-sheet .sheet table{ min-width:0; }
  .pd-sheet .sheet :is(th, td){ white-space:normal; vertical-align:top; padding:6px; }
  .pd-sheet .sheet :is(th, td):not(.pd-s, .idx, .pd-gap){ display:none; }
  .pd-sheet .sheet .pd-gap{ display:table-cell; width:20px; padding-inline:0; background:var(--surface-alt); color:var(--ink); text-align:center; }
  .pd-sheet .sheet thead tr:nth-child(2) th.pd-gap{ background:var(--surface-alt); }
  .pd-sheet .sheet :is(td, th).idx{ width:22px; padding-inline:2px; }
  .pd-mehr{ display:block; }
}
@media (min-width: 1100px){
  .p1-cols.pd-cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .p1-cols.pd-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
.p1-col-l.pd-f{ background:var(--brand-soft); color:var(--brand-on-soft); }
.pd-notiz{ margin-top:var(--s-4); max-width:68ch; }
.pd-rechnet{ margin-top:var(--s-6); max-width:820px; background:var(--surface); }


.pd-blocks{ display:grid; gap:var(--s-4); }
.pd-blocks > *{ min-width:0; }
@media (min-width: 900px){
  .pd-blocks{ gap:var(--s-6); }
  .pd-blocks.is-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .pd-blocks.is-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
.pd-blk{ gap:var(--s-3); }
.pd-linkzeile{ margin-top:var(--s-6); max-width:68ch; }


.sec-head.pd-end-head{ max-width:980px; }
.pd-end{ display:grid; gap:var(--s-4); margin-bottom:var(--s-6); }
.pd-grenzen{ display:grid; gap:var(--s-3); }
.pd-grenzen > *{ min-width:0; }
@media (min-width: 900px){
  .pd-grenzen{ gap:var(--s-6); }
  .pd-grenzen.is-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .pd-grenzen.is-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
.pd-grenzen li{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:var(--s-3); align-items:start; padding:var(--s-6); border-radius:var(--r-card); background:var(--ground); border:1px solid var(--edge); }
.pd-grenze-z{ display:grid; place-items:center; width:28px; height:28px; border-radius:var(--r-pill); background:var(--surface-alt); color:var(--ink); }
.pd-grenze-z svg{ width:16px; height:16px; }
.pd-bridge-copy{ display:grid; gap:var(--s-4); align-content:start; }
.pd-bridge-copy > *{ min-width:0; }
.pd-bridge-satz{ font-size:clamp(1.625rem, 2.8vw, 2.5rem); font-weight:var(--fw-display); letter-spacing:-.02em; line-height:1.2; max-width:26ch; }
@media (max-width: 640px){ .pd-bridge-satz{ font-weight:var(--fw-body); } }
.pd-bridge-z{ max-width:52ch; }
.pd-bridge-vis{ margin:0; min-width:0; display:grid; justify-items:center; gap:var(--s-2); }

@media (min-width: 900px){ .pd-bridge.p1-bridge .dev-iphone{ margin-block:0; } }
@media (min-width: 900px){
  .pd-bridge.is-karte, .pd-bridge.is-sk{ grid-template-columns:minmax(0, 1fr) minmax(0, 400px); gap:var(--s-12); }
  .pd-bridge.is-route{ grid-template-columns:minmax(0, 1fr); }
}

@media (min-width: 1200px){ .pd-bridge.is-route{ grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:var(--s-10); } }
.pd-bridge.is-route .pd-bridge-vis{ justify-items:stretch; }
.pd-bridge.is-route .k8-rt{ width:100%; max-width:760px; margin-inline:auto; }

.pd-faellig{ width:100%; max-width:400px; overflow:hidden; }
.pd-faellig-kopf{ display:grid; gap:var(--s-2); padding:var(--s-3) 14px; border-bottom:1px solid var(--edge); font-size:12px; font-weight:var(--fw-strong); }
.pd-faellig-opt{ display:flex; flex-wrap:wrap; gap:6px; }
.pd-faellig-opt i{ display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:var(--r-pill); border:1px solid var(--edge); background:var(--surface); font-size:11.5px; font-style:normal; font-weight:var(--fw-mid); white-space:nowrap; }

.pd-sk{ display:grid; gap:var(--s-4); width:100%; max-width:400px; }
.pd-sk-karte{ padding:var(--s-4); }
.pd-sk .k8-sk-tab th, .pd-sk .k8-sk-tab td{ white-space:normal; vertical-align:top; }
.pd-sk .k8-sk-mapkopf, .pd-sk .k8-sk-zeile{ grid-template-columns:minmax(0, 2fr) minmax(0, 3fr); }

@media (forced-colors: active){
  .pd-sheet .sheet :is(th, td).pd-f, .p1-col-l.pd-f{ outline:2px solid CanvasText; outline-offset:-2px; }
  .pd-legende i{ border:2px solid CanvasText; }
}





.ps-hero-copy{ display:grid; gap:var(--s-4); justify-items:start; align-content:start; min-width:0; }
.ps-hero-copy .hero-lines{ margin-top:var(--s-2); }
.ps-sup-grid, .ps-aw-grid{ display:grid; gap:var(--s-8); }
.ps-sup-grid > *, .ps-aw-grid > *{ min-width:0; }
@media (min-width: 1000px){
  .ps-sup-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:var(--s-16); align-items:center; }
}
@media (min-width: 1100px){
  .ps-aw-grid{ grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:var(--s-12); align-items:center; }
}


.ps-wege{ display:grid; gap:var(--s-3); }
.ps-weg{ position:relative; display:grid; gap:var(--s-1); padding:var(--s-4) var(--s-6); border-radius:var(--r-card); background:var(--glass); box-shadow:0 0 0 1px var(--glass-edge); min-width:0; }
.ps-weg dt{ font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink); }
.ps-weg dd{ font-size:var(--t-body); line-height:1.5; color:var(--ink); }
.ps-weg.is-direkt{ background:var(--surface); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-card); transition:box-shadow var(--d-hover) var(--ease); }
.ps-weg.is-direkt:hover{ box-shadow:0 0 0 1px var(--edge), var(--shadow-elevated); }
.ps-weg.is-direkt dd{ font-size:var(--t-lead); line-height:1.3; }
.ps-weg-link{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); min-height:44px; color:var(--ink); font-weight:var(--fw-strong); text-decoration:none; overflow-wrap:anywhere; }
.ps-weg-link::after{ content:""; position:absolute; inset:0; border-radius:inherit; }
.ps-weg-go{ display:grid; place-items:center; flex:none; }
.ps-weg-go svg{ width:20px; height:20px; transition:transform var(--d-hover) var(--ease); }
.ps-weg.is-direkt:hover .ps-weg-go svg{ transform:translateX(3px); }

#zb .ps-weg-link:focus-visible{ outline:none; box-shadow:none; }
#zb .ps-weg.is-direkt:has(.ps-weg-link:focus-visible){ outline:2px solid var(--focus); outline-offset:2px; box-shadow:var(--ring-ink); }


.ps-dl{ display:grid; }
.ps-dl > div{ display:grid; align-content:start; gap:var(--s-1); padding-block:var(--s-4); border-top:1px solid var(--edge); min-width:0; }
.ps-dl dt{ font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink); }
.ps-dl dd{ font-size:var(--t-body); line-height:1.55; color:var(--ink); max-width:68ch; }
@media (min-width: 760px){
  .ps-dl:not(.is-2, .is-4, .ps-karte-dl) > div{ grid-template-columns:minmax(0, 160px) minmax(0, 1fr); gap:var(--s-6); align-items:baseline; }
  .ps-dl.is-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--s-12); }
  .ps-dl.is-4{ grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--s-8); }
}
@media (min-width: 1100px){ .ps-dl.is-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.ps-zahl{ font-weight:var(--fw-semi); white-space:nowrap; }
.ps-pointer{ margin-top:var(--s-6); }


.ps-melden{ display:grid; gap:var(--s-8); }
.ps-melden > *{ min-width:0; }
.ps-melden-copy{ display:grid; gap:var(--s-8); align-content:start; }
@media (min-width: 960px){ .ps-melden{ grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:var(--s-16); align-items:center; } }
.ps-melden-vis{ display:grid; justify-items:center; gap:var(--s-3); }

.ps-form{ width:100%; max-width:360px; gap:var(--s-3); padding:var(--s-4); }
.ps-form-f{ display:grid; gap:var(--s-1); justify-items:start; }
.ps-form-f .k8-lab{ margin:0; }
.ps-form .k8-feld{ width:100%; }
.ps-form .k8-feld.is-leer{ color:var(--ink-2); }
.ps-form .k8-feld.is-hoch{ min-height:80px; align-items:flex-start; padding-block:var(--s-3); }
.ps-form-plus{ display:grid; place-items:center; width:var(--s-12); height:var(--s-12); border-radius:var(--r-xs); border:1px dashed var(--edge-strong); color:var(--ink-2); }
.ps-form-plus svg{ width:18px; height:18px; }
.ps-form-hint{ font-size:12px; color:var(--ink-2); }


.ps-faq-col{ display:grid; min-width:0; }
.ps-recht{ padding-block:var(--s-4); }
.ps-recht-zeile{ display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--s-4); padding-block:var(--s-3); border-block:1px solid var(--edge); }
.ps-recht-zeile li{ display:inline-flex; align-items:center; gap:var(--s-4); }
.ps-recht-link{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; font-size:var(--t-small); font-weight:var(--fw-mid); color:var(--ink); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; text-decoration-color:var(--edge-strong); transition:text-decoration-color var(--d-hover) var(--ease); }
.ps-recht-link:hover{ text-decoration-color:var(--brand); }
@media (min-width: 760px){
  .ps-recht-zeile li + li::before{ content:""; width:4px; height:4px; border-radius:var(--r-pill); background:var(--ink-3); }
}


.ps-cta-akt{ display:grid; gap:var(--s-3); justify-items:start; }
.ps-still{ gap:var(--s-4); padding:var(--s-4); }


.ps-sprung{ margin-top:var(--s-2); }
.ps-sprung ul{ display:flex; flex-wrap:wrap; gap:var(--s-2); }
.ps-sprung-link{ display:inline-flex; align-items:center; min-height:44px; padding:0 var(--s-4); border-radius:var(--r-pill); background:var(--surface); box-shadow:inset 0 0 0 1px var(--edge); font-size:var(--t-small); font-weight:var(--fw-strong); color:var(--ink); text-decoration:none; transition:box-shadow var(--d-hover) var(--ease); }
.ps-sprung-link:hover{ box-shadow:inset 0 0 0 1px var(--edge-strong); }
.ps-aw-paar{ display:grid; gap:var(--s-4); align-items:start; }
@media (min-width: 700px){ .ps-aw-paar{ grid-template-columns:minmax(0, 3fr) minmax(0, 2fr); } }
.ps-aw-seite{ display:grid; gap:var(--s-2); align-content:start; min-width:0; }
.ps-aw-lab{ font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink); }
.ps-cut{ gap:var(--s-3); padding:var(--s-4); box-shadow:0 0 0 1px var(--edge-subtle), var(--shadow-elevated); }
.ps-cut-titel, .ps-form-titel{ font-size:var(--t-small); font-weight:var(--fw-strong); line-height:1.25; }
.ps-map{ width:100%; border-collapse:collapse; font-size:12.5px; }
.ps-map th{ padding:0 var(--s-2) var(--s-1) 0; font-size:12px; font-weight:var(--fw-strong); color:var(--ink-2); text-align:left; vertical-align:bottom; }
.ps-map td{ padding:var(--s-1) var(--s-2) var(--s-1) 0; vertical-align:middle; }
.ps-map :is(th, td):last-child{ padding-right:0; }
.ps-map td:first-child{ font-size:13px; font-weight:var(--fw-strong); }
.ps-map td:last-child{ color:var(--ink-2); }
.ps-map .k8-feld{ min-height:36px; padding:0 var(--s-2); font-size:12.5px; }
.ps-cut-akt{ display:grid; }
.ps-cut-rein .k8-btn{ justify-self:end; }
.ps-cut-export{ justify-self:start; gap:var(--s-2); padding-block:var(--s-2); white-space:normal; text-align:left; }
.ps-cut-export svg{ flex:none; width:16px; height:16px; }
.ps-cut-export span{ text-wrap:balance; }

@media (max-width: 480px){
  .ps-cut-rein{ padding:var(--s-3); }
  .ps-map, .ps-map .k8-feld{ font-size:12px; }
  .ps-map td:first-child{ font-size:12.5px; }
  .ps-map .k8-feld{ gap:var(--s-1); }
  .ps-map .k8-feld span, .ps-map td:last-child{ text-wrap:nowrap; }
}


@media (min-width: 1000px){
  .k8-sk.ps-rein-sk{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); align-items:stretch; }
  .ps-rein-sk .k8-sk-schritt{ grid-template-columns:minmax(0, 1fr); padding:var(--s-6); }
}
.ps-rein-dl{ margin-top:var(--s-8); }


.ps-umfang{ display:grid; gap:var(--s-4); margin-block:var(--s-4) var(--s-6); }
@media (min-width: 900px){ .ps-umfang{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); } }
.ps-karte{ display:grid; align-content:start; gap:var(--s-4); padding:var(--s-6); border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); min-width:0; }
@media (min-width: 760px){ .ps-karte{ padding:var(--s-8); } }
.ps-umfang .ps-karte{ grid-template-rows:minmax(0, 1fr) auto; }
.ps-karte-dl{ align-content:start; }
.ps-karte-dl > div:first-child{ padding-top:0; border-top:0; }
.ps-karte-dl > div:last-child{ padding-bottom:0; }
.ps-karte-dl > div:first-child dt{ font-size:var(--t-h3); letter-spacing:-.01em; line-height:1.25; }


.ps-tab{ width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; background:var(--surface); border-radius:var(--r-card); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); }
.ps-tab th, .ps-tab td{ padding:var(--s-4) var(--s-6); border-bottom:1px solid var(--edge); font-size:var(--t-small); font-weight:var(--fw-body); line-height:1.55; text-align:left; vertical-align:top; overflow-wrap:break-word; }
.ps-tab thead th{ font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink); background:var(--surface-muted); }
.ps-tab thead th:first-child{ width:24%; border-top-left-radius:var(--r-card); }
.ps-tab thead th:nth-child(2){ width:24%; }
.ps-tab thead th:last-child{ border-top-right-radius:var(--r-card); }
.ps-tab tbody th{ font-weight:var(--fw-strong); color:var(--ink); }
.ps-tab tbody tr:last-child > *{ border-bottom:0; }
.ps-tab-lab{ display:none; }

.ps-datei, .ps-kacheln li{ padding:2px var(--s-2); border-radius:var(--r-sm); font-size:var(--t-meta); font-weight:var(--fw-strong); }
.ps-datei{ display:inline-block; background:var(--surface-alt); font-family:inherit; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ps-kacheln li{ min-height:0; }
@media (max-width: 759px){
  .ps-tab, .ps-tab tbody, .ps-tab tr, .ps-tab th, .ps-tab td{ display:block; width:100%; }
  .ps-tab{ background:none; box-shadow:none; border-radius:0; table-layout:auto; }
  .ps-tab thead{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .ps-tab tbody{ display:grid; gap:var(--s-4); }
  .ps-tab tbody tr{ overflow:hidden; border-radius:var(--r-card); background:var(--surface); box-shadow:0 0 0 1px var(--edge), var(--shadow-card); }
  .ps-tab tbody th{ padding:var(--s-4) var(--s-4) var(--s-3); border-bottom:0; font-size:var(--t-lead); line-height:1.3; }
  .ps-tab tbody td{ display:grid; gap:var(--s-1); justify-items:start; padding:var(--s-3) var(--s-4); border-bottom:0; border-top:1px solid var(--edge); }
  .ps-tab-lab{ display:block; font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink-2); }
  .ps-tab tbody td:has(.ps-datei){ grid-template-columns:auto minmax(0, 1fr); align-items:center; gap:var(--s-3); }
}
.ps-reg-dazu{ margin-top:var(--s-6); }
.ps-reg-dazu > div{ border-top:0; }


.ps-fristen{ display:grid; gap:var(--s-4); }
@media (min-width: 640px){ .ps-fristen{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px){ .ps-fristen{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-6); } }
.ps-fristen .ps-karte{ gap:var(--s-2); }
.ps-fristen dt{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.25; }
.ps-fristen dd{ font-size:var(--t-body); line-height:1.55; }
.ps-fristen .inline-link{ white-space:nowrap; }


.ps-grenzen{ display:grid; padding:clamp(24px, 4vw, 48px); }
.ps-grenzen > div{ display:grid; gap:var(--s-2); padding-block:var(--s-6); border-top:1px solid var(--lh-stone); min-width:0; }
.ps-grenzen > div:first-child{ padding-top:0; border-top:0; }
.ps-grenzen > div:last-child{ padding-bottom:0; }
.ps-grenzen dt{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.3; }
.ps-grenzen dd{ font-size:var(--t-lead); line-height:1.5; max-width:60ch; }
@media (min-width: 760px){ .ps-grenzen > div{ grid-template-columns:minmax(0, 240px) minmax(0, 1fr); gap:var(--s-8); align-items:baseline; } }

@media (prefers-reduced-motion: reduce){
  .ps-weg.is-direkt, .ps-weg-go svg, .ps-recht-link, .ps-sprung-link{ transition:none; }
}
@media (forced-colors: active){
  .ps-weg, .ps-karte, .ps-cut, .ps-form, .ps-tab, .ps-sprung-link, .ps-grenzen{ border:1px solid CanvasText; }
  .ps-tab tbody tr{ border:1px solid CanvasText; }
}



.pr{ --pr-mass:36rem; --pr-rand:17.5rem; --pr-anker:var(--s-6); }
.pr-sec{ padding-block:var(--s-10) var(--s-16); }
.pr-dok{ display:grid; grid-template-columns:minmax(0, 1fr); }


.pr-kopf{ display:grid; gap:var(--s-4); padding-bottom:var(--s-8); margin-bottom:var(--s-8); border-bottom:1px solid var(--edge); }
.pr-titel{ display:grid; gap:var(--s-2); }
.pr-unter{ font-size:var(--t-lead); line-height:1.4; color:var(--ink-2); }
.pr-fassung{ font-size:var(--t-small); font-weight:var(--fw-mid); color:var(--ink-2); }


.pr-verz ol{ display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:var(--s-2); }
.pr-verz li{ display:grid; grid-template-columns:subgrid; grid-column:1 / -1; }
.pr-verz li > *{ display:grid; grid-template-columns:subgrid; grid-column:1 / -1; align-items:center; min-height:44px; padding:var(--s-2) var(--s-3);
  border:0; border-radius:var(--r-sm); background:none; font-size:var(--t-small); font-weight:var(--fw-mid); line-height:1.35; text-align:left; text-decoration:none;
  color:var(--ink-2); cursor:pointer; transition:background-color var(--d-hover) var(--ease), color var(--d-hover) var(--ease); }
.pr-verz li span:first-child{ font-variant-numeric:tabular-nums; white-space:nowrap; }
.pr-verz li span:only-child{ grid-column:2; white-space:normal; }
.pr-verz li > *:hover{ background:var(--hover-wash); color:var(--ink); }
.pr-verz li > [aria-current]{ background:var(--surf-stein); color:var(--ink); font-weight:var(--fw-strong); }
.pr-verz-m{ max-width:var(--pr-mass); margin-bottom:var(--s-8); border:1px solid var(--edge); border-radius:var(--r-md); background:var(--surface); }
.pr-verz-m > summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); min-height:var(--s-12); padding-inline:var(--s-4);
  border-radius:var(--r-md); font-weight:var(--fw-strong); cursor:pointer; }
.pr-verz-m > summary::-webkit-details-marker{ display:none; }
.pr-verz-m > summary svg{ width:20px; height:20px; flex:none; transition:transform var(--d-hover) var(--ease); }
.pr-verz-m[open] > summary svg{ transform:rotate(180deg); }
.pr-verz-m > nav{ padding:var(--s-1); border-top:1px solid var(--edge); }
.pr-verz-l{ display:none; }

.pr-verz-h{ position:sticky; top:calc(-1 * var(--s-1)); z-index:1; margin:calc(-1 * var(--s-1)) calc(-1 * var(--s-1)) 0; padding:var(--s-1) var(--s-4) var(--s-2); background:var(--ground);
  font-size:var(--t-meta); font-weight:var(--fw-strong); letter-spacing:.02em; }


.pr-text{ display:grid; grid-template-columns:minmax(0, 1fr); row-gap:var(--s-12); min-width:0; }
@media (min-width: 641px){ .pr-text{ line-height:1.7; } }
.pr-abs, .pr-sub, .pr-kasten{ display:grid; grid-template-columns:minmax(0, 1fr); row-gap:var(--s-4); }
.pr-abs > *, .pr-sub > *, .pr-text > .pr-stand{ max-width:var(--pr-mass); }
.pr-abs > .pr-sub{ max-width:none; margin-top:var(--s-4); }
.pr-abs, .pr-sub, .pr-text h2, .pr-text h3{ scroll-margin-top:var(--pr-anker); }
.pr-text h2{ font-size:var(--t-h3); font-weight:var(--fw-strong); letter-spacing:-.01em; line-height:1.25; }
.pr-text h3{ font-size:var(--t-body); font-weight:var(--fw-strong); line-height:1.4; }
.pr-text ul{ display:grid; row-gap:var(--s-2); padding-left:var(--s-6); list-style:disc; }
.pr-text .pr-roem{ display:grid; row-gap:var(--s-2); padding-left:var(--s-8); list-style:lower-roman; }
.pr-text li::marker{ color:var(--ink-2); }
.pr-term{ margin-top:var(--s-2); }
.pr-lit{ padding-left:var(--s-6); }
.pr-text code{ font:inherit; font-variant-numeric:tabular-nums; padding-inline:var(--s-1); border-radius:var(--r-xs); background:var(--surf-stein); overflow-wrap:anywhere; }
.pr-kasten{ row-gap:var(--s-3); padding:var(--s-4) var(--s-6); border-radius:var(--r-inner); background:var(--surf-stein); }
.pr-kasten code{ background:none; padding-inline:0; }
.pr-stand{ color:var(--ink-2); }
.pr-platz{ padding-inline:var(--s-1); border-radius:var(--r-xs); background:var(--surf-stein); color:var(--ink-2); }
[data-rechtstext] > .pr-platz{ padding-inline:0; }
@media (max-width: 640px){ .pr-text :where(p, li, td){ hyphens:auto; -webkit-hyphenate-limit-before:4; -webkit-hyphenate-limit-after:4; hyphenate-limit-chars:10 4 4; } }


.pr-abs > .pr-tab-r{ container-type:inline-size; }
@media (min-width: 1200px){ .pr-abs > .pr-tab-r{ max-width:none; } }
.pr-tab{ display:block; width:100%; border-collapse:collapse; font-size:var(--t-small); line-height:1.5; }
.pr-tab thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; }
.pr-tab tbody{ display:grid; row-gap:var(--s-3); }
.pr-tab tr{ display:grid; row-gap:var(--s-3); padding:var(--s-4); border:1px solid var(--edge); border-radius:var(--r-card); background:var(--surface); }
.pr-tab td{ display:block; min-width:0; }
.pr-tab-lab{ display:block; font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink-2); }
.pr-tab td:first-child{ font-size:var(--t-body); font-weight:var(--fw-strong); }
@container (min-width: 760px){
  .pr-tab{ display:table; max-width:calc(100% - var(--s-10)); }
  .pr-tab thead{ position:static; display:table-header-group; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal; }
  .pr-tab tbody{ display:table-row-group; }
  .pr-tab tr{ display:table-row; padding:0; border:0; border-radius:0; background:none; }
  .pr-tab th{ padding:0 var(--s-4) var(--s-2) 0; border-bottom:1px solid var(--edge-strong); font-weight:var(--fw-strong); text-align:left; vertical-align:bottom; }
  .pr-tab td{ display:table-cell; padding:var(--s-3) var(--s-4) var(--s-3) 0; border-bottom:1px solid var(--edge); vertical-align:top; }
  .pr-tab-lab{ display:none; }
  .pr-tab td:first-child{ font-size:inherit; }
  .pr-tab :is(th, td):last-child{ padding-right:0; }
}


@media (min-width: 1024px){
  .pr-sec{ padding-block:var(--s-16) var(--s-24); }
  .pr-kopf{ padding-bottom:var(--s-10); margin-bottom:var(--s-12); }
  .pr-dok{ grid-template-columns:var(--pr-rand) minmax(0, 1fr); column-gap:var(--s-16); }
  .pr-dok > .pr-kopf{ grid-column:1 / -1; }
  .pr-dok > .pr-text{ grid-column:2; }
  .pr-verz-m{ display:none; }
  .pr-verz-l{ display:block; grid-column:1; align-self:start; position:sticky; top:calc(var(--header-h) + var(--pr-anker));
    max-height:calc(100vh - var(--header-h) - var(--pr-anker) - var(--chrome-h, 0px) - var(--s-6)); padding:var(--s-1); margin:calc(-1 * var(--s-1));
    overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
}

@media (min-width: 1024px) and (max-width: 1199.98px){ .pr{ --pr-rand:16rem; } .pr-dok{ column-gap:var(--s-12); } }


@media (prefers-reduced-motion: reduce){ .pr-verz li > *, .pr-verz-m > summary svg{ transition:none; } }
@media (forced-colors: active){ .pr-verz li > [aria-current]{ outline:2px solid CanvasText; outline-offset:-2px; } .pr-kasten, .pr-platz{ border:1px solid CanvasText; } }





@media (min-width: 720px){
  .site-foot .foot-row{ padding-inline-end:max(var(--gutter), calc(var(--wa-zone) - (100vw - min(100vw, var(--wrap-aussen))) / 2)); }
}



.ba-dok{ display:grid; grid-template-columns:minmax(0, 1fr); }
.ba .pr-kopf > *{ max-width:44rem; }
.ba-platz{ white-space:nowrap; padding-inline:var(--s-1); border-radius:var(--r-xs); background:var(--surf-stein); }

.ba-kurz, .ba-beispiel{ display:grid; gap:var(--s-3); max-width:var(--pr-mass); }
.ba-lead{ font-size:var(--t-lead); line-height:1.5; }
.ba .pr-abs > h3{ margin-top:var(--s-4); }
.ba .pr-abs > h2 + h3{ margin-top:0; }

.ba-rechnung{ display:grid; row-gap:var(--s-3); padding:var(--s-4) var(--s-6); border-radius:var(--r-inner); background:var(--surf-stein); }
.ba-rechnung > p + p{ padding-top:var(--s-3); border-top:1px solid var(--edge); }
.ba-lab{ display:block; font-size:var(--t-meta); font-weight:var(--fw-strong); color:var(--ink-2); }
.ba-formel{ font-weight:var(--fw-mid); font-variant-numeric:tabular-nums; }

.ba .pr-abs > .ba-abb{ max-width:750px; margin-block:var(--s-4); }
.ba-abb .c-regal-matrix-s{ max-width:360px; }
.ba-abb figcaption{ max-width:var(--pr-mass); margin-top:var(--s-3); }

.ba-abb figcaption, .ps-melden-vis figcaption{ font-size:var(--t-small); color:var(--ink-2); }
.ba .limit{ margin-top:0; max-width:var(--pr-mass); }
.ba-close{ padding-top:0; }
.ba-einstieg{ margin-top:var(--s-6); }

@media (max-width: 640px){
  .ba-rechnung{ margin-inline:calc(-1 * var(--s-2)); padding-inline:var(--s-3); }
  .ba .faq .ans{ padding-right:0; }
}

@media (min-width: 1024px){
  .ba-dok.hat-verz{ grid-template-columns:var(--pr-rand) minmax(0, 1fr); column-gap:var(--s-16); }
  .ba-dok.hat-verz > .pr-kopf{ grid-column:1 / -1; }
  .ba-dok.hat-verz > .pr-text{ grid-column:2; }
}
@media (min-width: 1024px) and (max-width: 1199.98px){ .ba-dok.hat-verz{ column-gap:var(--s-12); } }
@media (forced-colors: active){ .ba-rechnung, .ba-platz{ border:1px solid CanvasText; } }


.form-card .field > .check > span{ text-wrap:pretty; }

dialog .ph-tools{ flex-wrap:wrap; align-items:center; gap:6px; }

.preview-mail .attach{ width:auto; justify-self:start; }
.preview-mail .attach span{ white-space:normal; overflow-wrap:anywhere; text-align:left; }




.lp{--S:var(--surface);--A:var(--surface-alt);--I:var(--ink);--J:var(--ink-2);--E:inset 0 0 0 1px var(--edge);--L:var(--select);--O:var(--on-select);--F:calc((var(--vh8) - var(--header-h) - var(--chrome-h, 0px) - var(--s-3) - 44px - var(--s-4)) / 2.08);display:grid;justify-items:center;gap:var(--s-3);width:100%;min-width:0;line-height:1.35}
.lp-v{position:relative;text-align:left}

.lp-ctl{margin:0;display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-meta);color:var(--ink-2)}
.lp-ctl:not(:has(button)){display:none}
.k8-ctl{margin-top:calc(var(--s-3) - var(--k8-gap,0px))}
@media (min-width:1100px){.dk8 .dk-big>.k8-ctl{grid-column:2}}
.lp-btn{box-shadow:var(--shadow-card)}
.lp-btn::before{content:"";width:12px;height:14px;border:solid;border-width:0 4px}
.lp-btn[data-paused]::before{width:0;margin-left:3px;border-width:7px 0 7px 12px;border-color:transparent var(--ink)}
.lp svg{flex:none;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.lp b{font-weight:500;color:var(--I)}
.lp-on [style*="--k"]{animation:var(--k)}
.lp-on:is(.is-wait,.is-halt) [style*="--k"],.lp-on .lp-v:hover [style*="--k"]{animation-play-state:paused}
@keyframes lz{to{opacity:1}}
@keyframes li{from{opacity:0}}
@keyframes lon{to{opacity:1}}
@keyframes lout{to{opacity:0}}
@keyframes lfl{0%,100%{opacity:0}12%,88%{opacity:1}}
@keyframes lpop{from{opacity:0;transform:scale(.9)}}
@keyframes lup{from{opacity:0;transform:translateY(8px)}}
@keyframes lmv{from{transform:var(--m)}}
@keyframes lrot{from{transform:rotate(-45deg)}}
@keyframes lsf{0%,100%{box-shadow:none}15%,85%{box-shadow:inset 0 0 0 1.5px var(--I)}}
@keyframes lns{from{box-shadow:none}}
@keyframes lrise{to{transform:none}}
@property --sig{syntax:"<number>";inherits:true;initial-value:1}
@keyframes lsig{to{--sig:1}}
[style^="--k:lz"]{position:absolute}
.lp-sw{display:grid}
.lp-sw>*{grid-area:1/1}
.lp-v .dev-screen{container-type:inline-size}
.lp-sh-b span{display:grid;place-items:center;border-radius:99px;box-shadow:var(--E)}

.lo .status i{--sig:.3}
.lo .status i::before{opacity:var(--sig)}
.lo-o{position:absolute;inset:0;background-size:cover}
.lp-scrim{position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--A) 50%,transparent);backdrop-filter:blur(3cqw);opacity:0}
.lp-sheet{position:absolute;inset:auto 0 0;z-index:2;display:grid;gap:3cqw;padding:0 6cqw 6cqw;border-radius:8cqw 8cqw 0 0;background:var(--S);box-shadow:var(--shadow-elevated);font-size:max(3.48cqw,9px);line-height:1.45;color:var(--J);transform:translateY(105%)}
.lp-sheet::before{content:"";justify-self:center;width:9cqw;height:1.25cqw;margin-top:2cqw;border-radius:3px;background:var(--edge)}
.lp-sh-h{display:flex;align-items:center;gap:3cqw;min-height:11cqw;font-size:max(4.48cqw,11.5px)}
.lp-sh-h i{display:grid;place-items:center;width:9cqw;aspect-ratio:1;border-radius:50%;background:var(--success-bg);color:var(--success-text)}
.lp-sh-h i+i{margin-left:auto;width:11cqw;background:none;color:var(--I);box-shadow:var(--E)}
.lp-sheet .lp-sw>:last-child{opacity:0}
.lp-sh-b{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;color:var(--I)}
.lp-sh-b span{height:12cqw}
.lp-sh-b span+span{background:var(--L);color:var(--O)}

.lw{width:100%;max-width:491px;container-type:inline-size;color:var(--J);--x0:6.2%;--y0:18.4%;--x1:70.4%;--y1:83.3%}
.lw-s{display:grid;grid-template-columns:667fr 300fr;gap:8px;--W:2700;--H:1861;--sh:1000}
.lw-q,.lw-t,.lw-g,.lw-n,.lw-z{position:absolute}
.lw-q,.lw-t,.lw-z{opacity:0}
.lw-q{left:4.2%;top:15.1%;width:62.9%;height:19.3%;border:1.5px dashed var(--edge-strong);border-radius:2.79cqw;background:color-mix(in srgb,var(--S) 55%,transparent)}
.lw-t{left:69.7%;top:0;width:30.3%;height:100%;border-radius:1.68cqw;background:color-mix(in srgb,var(--A) 20%,transparent);box-shadow:inset 0 0 0 2px var(--I)}
.lw-g{left:50.5%;top:17.6%;padding:.84cqw 2.32cqw;border-radius:99px;background:var(--S);box-shadow:0 0 0 3.07cqw var(--S),inset 0 0 0 1px var(--success);color:var(--success-text);font-size:2.79cqw;font-weight:500}

.lw-n,.lw-z{left:var(--x1);top:var(--y1);width:29.2%;height:10.7%;display:grid;align-content:center;padding:0 1.84cqw;border-radius:2.32cqw;background:var(--A);font-size:max(2.99cqw,9px)}
.lw-z{z-index:1;box-shadow:inset 0 0 0 1px var(--I),var(--shadow-elevated)}
.lw-z b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lw-z::after{content:"";position:absolute;left:-2.79cqw;bottom:-4.47cqw;width:7.26cqw;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--I) 22%,transparent);box-shadow:0 0 0 1px var(--I)}
@keyframes lwz{0%{left:var(--x0);top:var(--y0);opacity:0}8%{opacity:1;transform:scale(1.04)}20%{left:var(--x0);top:var(--y0)}80%{left:var(--x1);top:var(--y1);opacity:1;transform:scale(1.04)}92%,100%{opacity:0;transform:none}}
@media (max-width:640px){.lw-q{border-radius:1cqw}.lw-t{border-radius:.6cqw}.lw-g{left:calc(60.8% - 30px);top:calc(20.5% - 10px);padding:2px 6px;box-shadow:0 0 0 6px var(--S),inset 0 0 0 1px var(--success);font-size:10px}.lw-z::after{left:-6px;bottom:-9px;width:16px}}
.la{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:flex-start;width:100%;max-width:750px;font-size:13px;color:var(--J)}
.la-t{flex:1 1 330px;gap:2px;padding:var(--s-3) var(--s-2) var(--s-2)}
.la-h{display:flex;justify-content:space-between;align-items:baseline;padding:0 10px var(--s-2);font-size:12px}
.la-h b{font-size:15px}
.la-r,.la-r>span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.la-r{justify-content:space-between;height:34px;padding:0 10px;border-radius:10px;background:var(--surface-muted);color:var(--I)}
.la-r i{width:6px;height:6px;margin:0 3px;border:solid var(--ink-3);border-width:0 1.5px 1.5px 0;transform:rotate(-45deg)}
.la-r.auf i{transform:rotate(45deg)}
.la-r.l1>span{padding-left:16px}
.la-r.l2>span{padding-left:30px}
.la-r.l2 b{font-weight:400;color:var(--J)}
.la-r small{font-size:11px;color:var(--J)}
.la-r.sel{box-shadow:inset 0 0 0 1.5px var(--I)}
.la-w{--m:translateY(-36px)}
.la-g{flex:1 1 220px;gap:var(--s-3);padding:var(--s-4)}
.la-g .k8-pill{justify-self:start}
.la-f{display:grid;grid-template-columns:54px 1fr;gap:var(--s-3);align-items:center;padding:6px;border-radius:var(--r-sm);background:var(--A)}

@media (max-width: 640px){
  
  .p1-cta-copy, .p2-band-copy, .p3a-band-copy, [data-kopf-mittig] .hero :is(.w2-hero-copy, .sub-hero-copy), [data-kopf-mittig] .hero :is(.w2-hero-copy, .sub-hero-copy) .hero-lines, #features-auswertung .p1-slide figcaption, [aria-labelledby="gf-team-h"] .p1-state, .callout7.p2-sym{ justify-items:center; text-align:center; }
  :is(.p1-cta-copy, .p2-band-copy, .p3a-band-copy) .cta-row, #features-auswertung .p1-rail-head{ justify-content:center; }
  #start-close-h{ text-align:center; }
  [data-kopf-mittig] .hero :is(.w2-hero-copy, .sub-hero-copy) .hero-lines > :is(span, p){ display:block; }
  [data-kopf-mittig] .hero :is(.w2-hero-copy, .sub-hero-copy) .hero-lines > :is(span, p)::before{ display:none; }
  [data-kopf-mittig] .hero :is(.w2-hero-copy, .sub-hero-copy) :is(.cta-row, .hero-logos){ justify-content:center; }
  [data-kopf-mittig] .hero :is(.w2-hero-copy, .sub-hero-copy) > .eyebrow{ justify-self:center; }
  .sec-head:is(:has(> #features-auswertung-h), :has(> #tourenplanung-3-h)){ justify-items:center; text-align:center; margin-inline:auto; }
  .callout7.p2-sym > .p2-sym-one{ justify-self:stretch; }
  
  .ab5.is-live .ab5-item[data-beat="0"]{ bottom:auto; min-height:100%; }
  .ab5.is-live .ab5-item[data-beat="0"] .ab5-btn{ height:auto; }
  
  .p2-hero .w2-hero-grid:has(> .stimme-mini){ grid-template-areas:"copy" "vis" "quote"; }
  .p2-hero.is-photo .p2-hero-vis .pic{ aspect-ratio:16 / 10; }
  
  .p2-hero.is-photo .w2-hero-grid > .stimme-mini{ --zitatmarke:block; margin-top:calc(var(--s-16) - var(--s-10)); }
}




.scr-iphone-heute{background-image:-webkit-image-set(url("/assets/bild/ea8e4c1a10ff4a96.webp") 3x,url("/assets/bild/1cf8828aaa39cf9a.webp") 2x,url("/assets/bild/9f6c973f3e2fc86b.webp") 1x);--ar:990/2152}
.scr-iphone-abschluss{background-image:-webkit-image-set(url("/assets/bild/eae2dac2313ac612.webp") 3x,url("/assets/bild/3cd62aaaf55f357f.webp") 2x,url("/assets/bild/60e0664d8818501c.webp") 1x);--ar:990/2152}
.scr-iphone-planung{background-image:-webkit-image-set(url("/assets/bild/f96b27faa417a70f.webp") 3x,url("/assets/bild/73021e5b43ca5c5b.webp") 2x,url("/assets/bild/e633d72ec0758ade.webp") 1x);--ar:990/2152}
.scr-iphone-bericht{background-image:-webkit-image-set(url("/assets/bild/f21eb8813ffb750f.webp") 3x,url("/assets/bild/47b089e6688f239a.webp") 2x,url("/assets/bild/dd77cc40c59f2c03.webp") 1x);--ar:990/2152}
.scr-iphone-offline{background-image:-webkit-image-set(url("/assets/bild/fe56845d38e7a41f.webp") 3x,url("/assets/bild/7c6e7e96f8d4a7a2.webp") 2x,url("/assets/bild/bf39340c50bf2d04.webp") 1x);--ar:990/2152}
.scr-iphone-unterschrift{background-image:-webkit-image-set(url("/assets/bild/3f3d22c2bb990952.webp") 3x,url("/assets/bild/2041a81dea38006f.webp") 2x,url("/assets/bild/a684bf4236014951.webp") 1x);--ar:990/2152}
.scr-iphone-regal{background-image:-webkit-image-set(url("/assets/bild/5bf2b3095394b2eb.webp") 3x,url("/assets/bild/dd020c6b251efdca.webp") 2x,url("/assets/bild/aa58d9401dec0ecc.webp") 1x);--ar:990/2152}
.scr-iphone-kunde{background-image:-webkit-image-set(url("/assets/bild/ce0bd960b1013b3d.webp") 3x,url("/assets/bild/58b5d7697da8fed1.webp") 2x,url("/assets/bild/8ef7fba67898bc44.webp") 1x);--ar:990/2152}
.scr-iphone-kunden{background-image:-webkit-image-set(url("/assets/bild/a9b50745fce07ca4.webp") 3x,url("/assets/bild/78801e29a4be24c5.webp") 2x,url("/assets/bild/6ab3dd4fd481780d.webp") 1x);--ar:990/2152}
.scr-iphone-kundenkarte{background-image:-webkit-image-set(url("/assets/bild/aa797af41dd1873a.webp") 3x,url("/assets/bild/b61ebe34f4a46f13.webp") 2x,url("/assets/bild/0134f9a66340e9ec.webp") 1x);--ar:990/2152}
.scr-desk-regal{--z:url("/assets/bild/72216deaa5464e6d.webp");--z2:url("/assets/bild/0528286e35043a8b.webp");background-image:-webkit-image-set(var(--z) 3x,var(--z2) 2x,url("/assets/bild/ec43f563d250fadf.webp") 1x);--ar:2700/1752}
.scr-desk-gebiete{--z:url("/assets/bild/2742a829e468fa5f.webp");--z2:url("/assets/bild/95d336210e10430e.webp");background-image:-webkit-image-set(var(--z) 3x,var(--z2) 2x,url("/assets/bild/4c13f4af2b7cd4a0.webp") 1x);--ar:2700/1752}
.c-unterschrift{background-image:-webkit-image-set(url("/assets/bild/995bf71a40940f53.webp") 3x,url("/assets/bild/2bc21f59c69e03c0.webp") 2x,url("/assets/bild/d1ee6bd47c693dae.webp") 1x);--ar:762/1270}
.c-letzter{background-image:-webkit-image-set(url("/assets/bild/b517b0f027330717.webp") 3x,url("/assets/bild/018018338ecf45ab.webp") 2x,url("/assets/bild/4c33d348598f0501.webp") 1x);--ar:1458/1127}
.c-regal{background-image:-webkit-image-set(url("/assets/bild/fcae856ddec58271.webp") 3x,url("/assets/bild/a3d35c2751c3f0da.webp") 2x,url("/assets/bild/046c6db037578a3d.webp") 1x);--ar:1065/547}
.c-besuch{background-image:-webkit-image-set(url("/assets/bild/81bb013cf8f478b4.webp") 3x,url("/assets/bild/769c62c399e00fdd.webp") 2x,url("/assets/bild/dea72b2a36e22c75.webp") 1x);--ar:1110/432}
.c-listungen{background-image:-webkit-image-set(url("/assets/bild/037f069841651649.webp") 3x,url("/assets/bild/f61d7ed4752fb94f.webp") 2x,url("/assets/bild/24940dbc63e48325.webp") 1x);--ar:2100/943}
.g-grafiker{background-image:url("/assets/bild/910152919e8ebf23.webp");--ar:1213/870;max-width:606px;margin-left:auto}
.st-2167787657{background-image:url("/assets/bild/4f2efc4fe2991313.webp");--ar:1153/758}
.st-1403441642{background-image:url("/assets/bild/cdddf835480036ab.webp");--ar:1164/2095}
.st-1676366223{background-image:url("/assets/bild/cf1e809c00261ca4.webp");--ar:1457/1170}
.por-waterdrop{background-image:url("/assets/bild/1aed6e47e891cc29.webp");--ar:400/400}
.por-paulas{background-image:url("/assets/bild/99bdbb6a4da782ad.webp");--ar:400/400}
.por-threebears{background-image:url("/assets/bild/0e2f2dd5902ef316.webp");--ar:400/400}
.c-vorlage{background-image:-webkit-image-set(url("/assets/bild/33abf443a9bc5677.webp") 3x,url("/assets/bild/d90b9ca297d09c83.webp") 2x,url("/assets/bild/e7190217ebe0dc8c.webp") 1x);--ar:1740/1266}
.c-vorlage-s{background-image:-webkit-image-set(url("/assets/bild/6d411598a78d1835.webp") 3x,url("/assets/bild/388c2d16aed0010d.webp") 2x,url("/assets/bild/35586fc79852e2a5.webp") 1x);--ar:1089/1152}
.pic-chat7{background-image:-webkit-image-set(url("/assets/bild/a26f1496b8efa181.webp") 2x,url("/assets/bild/eaa888c02661016a.webp") 1x);--ar:2000/1250}
.c-zielmaerkte{background-image:-webkit-image-set(url("/assets/bild/91d519d12f43d15c.webp") 3x,url("/assets/bild/14ea667127d065e8.webp") 2x,url("/assets/bild/45807a45b7835630.webp") 1x);--ar:1380/2090}
.pic-vorher-telefon{background-image:-webkit-image-set(url("/assets/bild/d27635f07d4f683d.webp") 2x,url("/assets/bild/43b59bf23b3a7fdf.webp") 1x);--ar:1300/975}
.pic-vorher-galerie{background-image:-webkit-image-set(url("/assets/bild/279ecd73b98c7cd8.webp") 2x,url("/assets/bild/addbcf84909f3aa1.webp") 1x);--ar:1300/975}
.scr-ipadq-berichte{--z:url("/assets/bild/ccc2a62c8cc8f26b.webp");--z2:url("/assets/bild/5a5f2c528cb25601.webp");background-image:-webkit-image-set(var(--z) 2x,var(--z2) 1x);--ar:2700/1861}
.scr-ipadq-berichte-drogerie{--z:url("/assets/bild/575593681ee8a50a.webp");--z2:url("/assets/bild/085aa692a8adc965.webp");background-image:-webkit-image-set(var(--z) 2x,var(--z2) 1x);--ar:2700/1861}
.c-gebiete{background-image:-webkit-image-set(url("/assets/bild/1abd9dcf81f08154.webp") 3x,url("/assets/bild/828b1552b807e6d9.webp") 2x,url("/assets/bild/8f1207ea2b74087e.webp") 1x);--ar:1860/2268}
.c-gebiete-s{background-image:-webkit-image-set(url("/assets/bild/4551fa6d6f52acdf.webp") 3x,url("/assets/bild/030c3cc4f1b3f275.webp") 2x);--ar:1080/1231}
.c-regal-matrix{background-image:-webkit-image-set(url("/assets/bild/ff216bd13bc43cce.webp") 3x,url("/assets/bild/4f56a50dc2abebe0.webp") 2x,url("/assets/bild/7f6811dff5a86f19.webp") 1x);--ar:2250/1199}
.c-regal-matrix-s{background-image:-webkit-image-set(url("/assets/bild/15cdbfb80fab1996.webp") 3x,url("/assets/bild/071b094a052d1e45.webp") 2x);--ar:1080/911}
.c-bericht-foto{background-image:-webkit-image-set(url("/assets/bild/09cd466584b0ff82.webp") 3x,url("/assets/bild/ce14e434bfb568b8.webp") 2x,url("/assets/bild/58e68cae920dbbd2.webp") 1x);--ar:1866/1227}
.c-naturalrabatt{background-image:-webkit-image-set(url("/assets/bild/a4fbbe374244df4f.webp") 3x,url("/assets/bild/75200544eed83a82.webp") 2x,url("/assets/bild/61fe777f1f0d3aee.webp") 1x);--ar:1680/898}
.c-galerie{background-image:-webkit-image-set(url("/assets/bild/54d1b1c702460dde.webp") 3x,url("/assets/bild/82ad8670e93609e8.webp") 2x,url("/assets/bild/f6eefa6d1abf6868.webp") 1x);--ar:2250/705}
.c-galerie-s{background-image:-webkit-image-set(url("/assets/bild/3556bf2f2178fdab.webp") 3x,url("/assets/bild/01fcdb8f784798ff.webp") 2x);--ar:1080/1149}
.c-platzierungen{background-image:-webkit-image-set(url("/assets/bild/1cfa0369eaf49196.webp") 3x,url("/assets/bild/cdb109357466efbc.webp") 2x,url("/assets/bild/fa9498c3aba0d6e0.webp") 1x);--ar:2250/833}
.c-platzierungen-s{background-image:-webkit-image-set(url("/assets/bild/1083661f8049f6ee.webp") 3x,url("/assets/bild/68e4833e9413003a.webp") 2x);--ar:1080/1175}
.c-durchgang{background-image:-webkit-image-set(url("/assets/bild/53ccbbefb2c27b27.webp") 3x,url("/assets/bild/211920b8316ccb31.webp") 2x,url("/assets/bild/9405494d2ce518fa.webp") 1x);--ar:2250/893}
.c-aktionen{background-image:-webkit-image-set(url("/assets/bild/5a6b9fb2e4334e4d.webp") 3x,url("/assets/bild/1e8bc820a4f528fc.webp") 2x,url("/assets/bild/ff296ba8e54b8224.webp") 1x);--ar:2250/1068}
.c-cockpit-region{background-image:-webkit-image-set(url("/assets/bild/1e6115f0816bd215.webp") 3x,url("/assets/bild/ba373d03226433cc.webp") 2x,url("/assets/bild/5f15ade2aec4f673.webp") 1x);--ar:2250/1221}
.c-cockpit-region-s{background-image:-webkit-image-set(url("/assets/bild/eb0016a8e5cb8fff.webp") 3x,url("/assets/bild/169e6573062011c9.webp") 2x);--ar:1080/1428}
.c-import-artikel{background-image:-webkit-image-set(url("/assets/bild/263aeec44bb629a9.webp") 3x,url("/assets/bild/3a901ab398a3e464.webp") 2x,url("/assets/bild/25e7777933b0b5be.webp") 1x);--ar:2250/896}
.c-listung-zentrale{background-image:-webkit-image-set(url("/assets/bild/be96d3c48b57b9e8.webp") 3x,url("/assets/bild/064093bd60906451.webp") 2x,url("/assets/bild/94f125c431aa5c3c.webp") 1x);--ar:2250/1479}
.c-hierarchie-drogerie{background-image:-webkit-image-set(url("/assets/bild/496013ad73741157.webp") 3x,url("/assets/bild/a0714e1d0cf29982.webp") 2x,url("/assets/bild/22cebd31c4c07762.webp") 1x);--ar:1800/2054}
.c-export-bestellungen{background-image:-webkit-image-set(url("/assets/bild/cafb4f435646f669.webp") 3x,url("/assets/bild/6f7c0152dabf8830.webp") 2x,url("/assets/bild/a2035184234d66f3.webp") 1x);--ar:1440/735}
.st8-bestellzettel{background-image:-webkit-image-set(url("/assets/bild/76014d90100978b5.webp") 2x);--ar:1887/1258}
.st8-display{background-image:-webkit-image-set(url("/assets/bild/f4f8e2f415db2787.webp") 2x);--ar:1425/950}
.st8-regalluecke{background-image:-webkit-image-set(url("/assets/bild/887ccdeb53339448.webp") 2x);--ar:1472/981}
.st8-saison{background-image:-webkit-image-set(url("/assets/bild/f5fbbf9c02e3c0a9.webp") 2x);--ar:1062/661}
.st8-tabellen{background-image:-webkit-image-set(url("/assets/bild/5dae7cab2b6d3072.webp") 2x);--ar:1887/1258}
.st8-zuruf{background-image:-webkit-image-set(url("/assets/bild/1834590669dd1bc4.webp") 2x);--ar:384/256}
.c-besuch-ohne-knopf{background-image:-webkit-image-set(url("/assets/bild/cc0bc4797d911843.webp") 3x,url("/assets/bild/d8f6efd4fbf3ea3a.webp") 2x,url("/assets/bild/f0d28651718e096a.webp") 1x);--ar:900/350}
.c-aktionen-s{background-image:-webkit-image-set(url("/assets/bild/71639972eb53dede.webp") 3x,url("/assets/bild/259a02870e3f44b8.webp") 2x);--ar:1029/1980}
.c-aktionen-drogerie{background-image:-webkit-image-set(url("/assets/bild/4fab812339432fdc.webp") 3x,url("/assets/bild/a2b45d1656c3f7da.webp") 2x,url("/assets/bild/749c7492e87e889a.webp") 1x);--ar:2070/983}
.c-aktionen-drogerie-s{background-image:-webkit-image-set(url("/assets/bild/4b9d48f414d29f71.webp") 3x,url("/assets/bild/df30a8d186adca2f.webp") 2x);--ar:1029/2070}
.c-durchgang-s{background-image:-webkit-image-set(url("/assets/bild/bc7794b9564ffa19.webp") 3x,url("/assets/bild/31a7a1c3a463159d.webp") 2x);--ar:1029/1180}
.c-durchgang-drogerie{background-image:-webkit-image-set(url("/assets/bild/98e536a903609bfe.webp") 3x,url("/assets/bild/b92ac57627530d67.webp") 2x,url("/assets/bild/d757d76d991b65a0.webp") 1x);--ar:2070/821}
.c-durchgang-drogerie-s{background-image:-webkit-image-set(url("/assets/bild/de51d5f65a05a77c.webp") 3x,url("/assets/bild/13f39192c2382ec0.webp") 2x);--ar:1029/1180}
.c-listung-zentrale-s{background-image:-webkit-image-set(url("/assets/bild/7c9c985e4ff1a220.webp") 3x,url("/assets/bild/061b9b55e69adff3.webp") 2x);--ar:1029/1938}
.c-hierarchie-drogerie-s{background-image:-webkit-image-set(url("/assets/bild/0340aae57a55010b.webp") 3x,url("/assets/bild/2007512a0750488d.webp") 2x);--ar:1029/1560}
.st8-drogerie{background-image:-webkit-image-set(url("/assets/bild/c1658151f4ecb91d.webp") 2x);--ar:1136/757}
.c-platzierungen-drogerie{background-image:-webkit-image-set(url("/assets/bild/06a54e13aab568a1.webp") 3x,url("/assets/bild/ae354081f159992e.webp") 2x,url("/assets/bild/49ee51fe01f18800.webp") 1x);--ar:2250/833}
.c-platzierungen-drogerie-s{background-image:-webkit-image-set(url("/assets/bild/3a5293d492b382b9.webp") 3x,url("/assets/bild/3a9d6ba5212bd85c.webp") 2x);--ar:1080/1175}
.st8-leh-notiz{background-image:url("/assets/bild/536c0484c4020e8c.webp");--ar:1500/938}
.scr-ipadq-wochenplan9{--z:url("/assets/bild/2410ad4bec457e15.webp");--z2:url("/assets/bild/2f194eeaa22fc0f1.webp");background-image:-webkit-image-set(var(--z) 2x,var(--z2) 1x);--ar:2700/1861}
.scr-ipadq-regalcheck-apo9{--z:url("/assets/bild/d44866d591864e3e.webp");--z2:url("/assets/bild/6a1293f1a929b5c0.webp");background-image:-webkit-image-set(var(--z) 2x,var(--z2) 1x);--ar:2700/1861}
.c-regal-matrix-apo9{background-image:-webkit-image-set(url("/assets/bild/80e1d46ea80f90f7.webp") 3x,url("/assets/bild/e9f7a6ba10192d16.webp") 2x,url("/assets/bild/f2e0b556a87847cb.webp") 1x);--ar:2250/997}
.c-regal-matrix-apo9-s{background-image:-webkit-image-set(url("/assets/bild/0fca5db97068a439.webp") 3x,url("/assets/bild/d98f21373f018925.webp") 2x);--ar:1029/1863}
.pic-apo9-1{background-image:-webkit-image-set(url("/assets/bild/524f4343d3a68a71.webp") 2x,url("/assets/bild/32c36f32a1d429e6.webp") 1x);--ar:216/216}
.pic-apo9-2{background-image:-webkit-image-set(url("/assets/bild/a559062002c7441f.webp") 2x,url("/assets/bild/2f3d6b631f234a22.webp") 1x);--ar:216/216}
.pic-apo9-3{background-image:-webkit-image-set(url("/assets/bild/f84df019847ba33b.webp") 2x,url("/assets/bild/76f77cb5eb0771b1.webp") 1x);--ar:216/216}
.pic-apo9-4{background-image:-webkit-image-set(url("/assets/bild/0dc7eb9aef055c93.webp") 2x,url("/assets/bild/b66063946ab06611.webp") 1x);--ar:216/216}
.pic-apotheke9,.st-1490936174{background-image:-webkit-image-set(url("/assets/bild/d16e3aa248f9c4f4.webp") 2x);--ar:1136/757}
.c-hero-gebiete9-s{--z:url("/assets/bild/afb9486458863120.webp");--z2:url("/assets/bild/d9ebcb91b84140ca.webp");background-image:-webkit-image-set(var(--z) 3x,var(--z2) 1.5x);--tel:1029/888;--ar:1029/888}
.c-hero-gebiete9{background-image:-webkit-image-set(url("/assets/bild/84e75df904b07bea.webp") 3x,url("/assets/bild/dd5e3894165785cd.webp") 1.5x);--ar:2400/1557}
.c-hero-route9-s{--z:url("/assets/bild/91dcba13363b9371.webp");--z2:url("/assets/bild/cbefe5d55f106324.webp");background-image:-webkit-image-set(var(--z) 3x,var(--z2) 1.5x);--tel:1029/888;--ar:1029/888}
.c-hero-route9{background-image:-webkit-image-set(url("/assets/bild/34b96ea419f6857a.webp") 3x,url("/assets/bild/8921343f1388a724.webp") 1.5x);--ar:2400/1557}
.c-hero-cockpit9-s{--z:url("/assets/bild/c9f8bb188c58361a.webp");--z2:url("/assets/bild/4842b38c500bfc18.webp");background-image:-webkit-image-set(var(--z) 3x,var(--z2) 1.5x);--tel:1029/888;--ar:1029/888}
.c-hero-cockpit9{background-image:-webkit-image-set(url("/assets/bild/0dcc945d02fa42ab.webp") 3x,url("/assets/bild/0fb4e28abc076403.webp") 1.5x);--ar:2400/1557}
.c-bericht-kurz9{background-image:-webkit-image-set(url("/assets/bild/11be7e8fdca9b158.webp") 3x,url("/assets/bild/eb04b70ca76cc898.webp") 1.5x);--ar:1044/1488}
.c-bericht-kurz9-s{background-image:-webkit-image-set(url("/assets/bild/0dff7fe685384f21.webp") 3x,url("/assets/bild/0bc85622e2e6d166.webp") 1.5x);--ar:1053/1347}
.c-hero-heute92-s{--z:url("/assets/bild/5fac82a399b1dadc.webp");--z2:url("/assets/bild/f9d708cadd91e57b.webp");background-image:-webkit-image-set(var(--z) 3x,var(--z2) 1.5x);--tel:1029/888;--ar:1029/888}
.c-hero-heute92{background-image:-webkit-image-set(url("/assets/bild/6980d1cc29996b68.webp") 3x,url("/assets/bild/0ff73c105b89b6ec.webp") 1.5x);--ar:2400/1557}
.pic-zweitplatzierung{background-image:url("/assets/bild/4a35df080c9fc80d.webp");--ar:1062/663}
.c-hero-bericht12{background-image:-webkit-image-set(url("/assets/bild/c9258af6afbfd999.webp") 2.5x);--ar:2000/1298}
.c-hero-bericht12-s{--z:url("/assets/bild/3a62fe528bb3f5ed.webp");--z2:url("/assets/bild/5e9685c4e4411e0d.webp");background-image:-webkit-image-set(var(--z) 3x,var(--z2) 1.5x);--tel:1029/888;--ar:1029/888}
.c-bericht-tablet12{background-image:-webkit-image-set(url("/assets/bild/4d590420ea348273.webp") 2x);--ar:2420/1668}
.c-bericht-telefon12{background-image:-webkit-image-set(url("/assets/bild/f884d1a8231b6510.webp") 2.5x);--ar:1005/3365}
.pic-innendienst13{background-image:url("/assets/bild/9790e39d5d63b61c.webp");--ar:1100/619}
.pic-leitung13{background-image:url("/assets/bild/2f25671f5e58f32a.webp");--ar:1600/900}
.pic-gf13{background-image:url("/assets/bild/b8fd6c053959bffd.webp");--ar:1400/788}
.pic-ausdrucke13{background-image:url("/assets/bild/05ab20b9805aac85.webp");--ar:1400/933}
.c-plan-tablet12{background-image:-webkit-image-set(url("/assets/bild/a201a73aed92bffb.webp") 1x,url("/assets/bild/041bcfdbf6ea1607.webp") 2x,url("/assets/bild/2c9bd7901ae1679b.webp") 3x);--ar:640/441}
.c-plan-telefon12{background-image:-webkit-image-set(url("/assets/bild/04009cf7cd0cd499.webp") 1x,url("/assets/bild/a000172a61279b36.webp") 2x,url("/assets/bild/0a9b3ed99b09f54e.webp") 3x);--ar:215/467}
.scr-iphone-bestellung12{background-image:-webkit-image-set(url("/assets/bild/93a257f898dc8241.webp") 1x,url("/assets/bild/4a650bb87fb97c09.webp") 2x,url("/assets/bild/a3e8bb66c5f2cbf4.webp") 3x);--ar:260/565}
@media (max-width: 640px){ .scr-ipadq-berichte,.scr-ipadq-berichte-drogerie,.scr-ipadq-unterschrift,.scr-ipadq-wochenplan9,.scr-ipadq-regalcheck-apo9{ background-image:-webkit-image-set(var(--z2) 1x) } }



.logo-weclapp{ background-image:url("/assets/bild/ac19bb05f4da26cd.svg"); }
.logo-xentral{ background-image:url("/assets/bild/ab1d0cf5827ef96f.svg"); }
.logo-paulas{ background-image:url("/assets/bild/34869b22224f67bd.svg"); }
.logo-waterdrop{ background-image:url("/assets/bild/5f3a65eaf4dde16a.webp"); }
.logo-threebears{ background-image:url("/assets/bild/b24c7b5e36cd64e5.webp"); }
.logo-google-kalender{ background-image:url("/assets/bild/0cb98edb4f5a44db.svg"); }