@font-face{font-family:'Geist';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/geist-latin-ext.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:'Geist';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/geist-latin.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{--disc:color-mix(in srgb,var(--fg) 7%,transparent);
  
  
  --bg:#f2f3f5;            
  --band:#f2f3f5;          
  --plate:#ffffff;         
  --raised:rgba(10,12,16,.045); 
  --skeleton:rgba(10,12,16,.09); 
  --line:rgba(10,12,16,.08);
  --line-strong:rgba(10,12,16,.14);
  --hair:rgba(10,12,16,.06);   
  
  --panel:var(--g-glass);
  
  --fg:#0a0c10; --fg-2:rgba(10,12,16,.76); --fg-3:rgba(10,12,16,.64);
  
  --v-accent:#5b3ff0; --v-accent-hover:#4a2fe0; --v-accent-ink:#5236e8; --v-accent-soft:#efecff; --v-accent-mid:#c4b9ff; --v-on-accent:#ffffff;
  --v-kicker:#5b3ff0;        
  --v-ok:#2b7fd4; --ok-soft:#e3f1fd;
  
  --a-navy:#2a1f7a; --a-indigo:#4b33c9; --a-violet:#6a3df0; --a-blue:#5b7cf0; --a-sky:#6cc4ff;
  --a-sky-ink:#1f78c8;   
  
  --band-plate:#ffffff; --band-raised:rgba(10,12,16,.045); --band-skeleton:rgba(10,12,16,.09);
  
  --plate-0:#f3f4f6; --raised-0:#ffffff; --skeleton-0:#e4e7ec;

  
  --shadow-s1:0 1px 2px rgba(10,12,16,.06);
  --shadow-s2:0 1px 2px rgba(10,12,16,.05),0 8px 24px -8px rgba(10,12,16,.14);
  --shadow-s3:0 30px 60px -30px rgba(42,31,122,.55),0 18px 36px -18px rgba(0,0,0,.25);
  
  --shadow-sm:var(--shadow-s1);
  --shadow-md:var(--shadow-s2);
  --shadow-lg:var(--shadow-s3);
  --shadow-float:0 2px 6px rgba(10,12,16,.06),0 18px 44px -12px rgba(10,12,16,.24);

  
  
  --liquid:color-mix(in srgb,var(--raised-0) 84%,transparent);
  --liquid-blur:blur(16px) saturate(170%);
  --liquid-edge:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 -1px 0 rgba(10,12,16,.04);
  
  
  --glass:rgba(255,255,255,.86);   
  --glass-blur:blur(22px) saturate(180%);
  --glass-edge:0 0 0 0 transparent;  
  
  --g-glass:rgba(255,255,255,.72);
  --g-glass-blur:blur(16px) saturate(170%);
  --g-glass-edge:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.5),inset 0 -1px 0 rgba(10,12,16,.04);
  
  --g-inner:rgba(255,255,255,.55);
  --g-inner-hover:rgba(255,255,255,.85);
  --g-line:rgba(10,12,40,.08);
  
  --g-sheen:rgba(255,255,255,.2);
  
  --gframe:rgba(255,255,255,.18);
  --gframe-blur:blur(24px);
  --gframe-edge:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.14);

  
  --brand-line:linear-gradient(100deg,#2a1f7a 0%,#4b33c9 28%,#6a3df0 52%,#5b7cf0 76%,#6cc4ff 100%);
  
  --brand-mesh:var(--brand-line);
  
  --grad-deep:linear-gradient(120deg,color-mix(in srgb,var(--a-navy) 45%,var(--a-indigo)),var(--a-indigo));
  --grad-core:linear-gradient(120deg,var(--a-indigo),color-mix(in srgb,var(--a-indigo) 50%,var(--a-violet)));
  --grad-cool:linear-gradient(120deg,var(--a-violet),color-mix(in srgb,var(--a-violet) 60%,var(--a-blue)));
  --grad-sky:linear-gradient(120deg,var(--a-blue),color-mix(in srgb,var(--a-blue) 55%,var(--a-sky)));
  --grad-full:linear-gradient(120deg,var(--a-indigo),var(--a-violet) 50%,var(--a-blue));
  
  --btn-grad:linear-gradient(100deg,#3f2fc4 0%,#5b3ff0 32%,#5a64ee 64%,#2f8fdc 100%);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  
  --r-xs:8px; --r-sm:8px; --r-md:12px; --r-lg:20px; --r-xl:20px; --r-stage:32px; --r-full:999px;
  --r-section:32px;

  
  --sp-4:4px; --sp-8:8px; --sp-12:12px; --sp-16:16px; --sp-24:24px; --sp-32:32px; --sp-48:48px; --sp-64:64px; --sp-96:96px; --sp-128:128px;

  
  --gutter:16px;                             
  --frame-max:1680px;                        
  --content:1200px;                          
  --pad-x:max(24px,env(safe-area-inset-left,0px));
  --section-y:128px;                         
  --head-gap:64px;                           
  --col-gap:48px;                            
  --grid-gap:24px;
  --block-gap:64px;                          
  --gap-l:32px;                              
  --card-pad:40px;                           
  --item-gap:24px;                           
  --stage-pad:64px;                          
  --frame-w:40px;                            
  --gframe-w:12px;                           
  --panel-pad:40px;                          
  --measure-lead:620px; --measure:560px;     
  --header-h:64px;

  
  --font:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-h1:clamp(2rem,5.4vw,5rem);
  --fs-h2:clamp(1.75rem,3.9vw,3.5rem);
  --fs-h1l:clamp(2rem,4.4vw,4rem);   
  --fs-h3:clamp(1.375rem,1.8vw,1.625rem);
  --fs-h4:clamp(1.125rem,1.39vw,1.25rem);
  --fs-h3l:clamp(1.75rem,2.8vw,2.5rem);     
  --fs-h2s:var(--fs-h3);
  --fs-lead:clamp(1.125rem,1.39vw,1.25rem);
  --fs-body:1.0625rem; --fs-small:.9375rem; --fs-meta:.8125rem;
  --fs-card:var(--fs-h4);                  
  --fs-num:clamp(3rem,5vw,4.5rem);         
  --fs-num-s:clamp(2.25rem,3.3vw,3rem);    
  --lh-h1:1; --lh-h2:1.04; --lh-h3:1.2; --lh-lead:1.5; --lh-body:1.59; --lh-small:1.5;
  --w-head:500; --w-strong:550; --w-medium:500; --w-regular:400;
  
  --g-fs-s:14px; --g-fs-m:14px; --g-fs-l:16px; --g-fs-xl:20px; --g-fs-num:36px; --g-fs-hero:48px;
  --track-h1:-.04em; --track-h2:-.035em; --track-h3:-.02em;

  
  --ease:cubic-bezier(.16,1,.3,1);
  --t-fast:.2s; --t-mid:.35s; --t-slow:.7s;

  color-scheme:light;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0a0c10; --band:#0a0c10; --plate:rgba(255,255,255,.045); --raised:rgba(255,255,255,.07); --skeleton:rgba(255,255,255,.14); --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.14); --hair:rgba(255,255,255,.08);
    --fg:#f3f4f6; --fg-2:rgba(243,244,246,.74); --fg-3:rgba(243,244,246,.6);
    --v-accent:#6b4dff; --v-accent-hover:#7d62ff; --v-accent-ink:#a998ff; --v-accent-soft:#1c1640; --v-accent-mid:#3e2f8f; --v-kicker:#9d8bff;
    --v-ok:#6cc4ff; --ok-soft:#10283d; --a-navy:#4a3cc0; --a-indigo:#6650ff; --a-violet:#8a63ff; --a-blue:#7d9bff; --a-sky:#8fd3ff; --a-sky-ink:#8fd3ff;
    --band-plate:rgba(255,255,255,.045); --band-raised:rgba(255,255,255,.07); --band-skeleton:rgba(255,255,255,.14);
    --plate-0:#121419; --raised-0:#1d2027; --skeleton-0:#2a2e37;
    --shadow-s1:0 1px 2px rgba(0,0,0,.4);
    --shadow-s2:inset 0 1px 0 rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.4),0 10px 28px -10px rgba(0,0,0,.7);
    --shadow-s3:0 30px 60px -30px rgba(8,5,40,.8),0 18px 36px -18px rgba(0,0,0,.5);
    --shadow-float:0 20px 50px -14px rgba(0,0,0,.9);
    --glass:rgba(20,22,27,.88); --glass-edge:0 0 0 0 transparent;
    --liquid:color-mix(in srgb,var(--raised-0) 80%,transparent);
    --liquid-edge:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.25);
    --g-glass:rgba(16,18,25,.68);
    --g-glass-edge:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.25);
    --g-inner:rgba(255,255,255,.06); --g-inner-hover:rgba(255,255,255,.1); --g-line:rgba(255,255,255,.08); --g-sheen:rgba(255,255,255,.09);
    --gframe:rgba(255,255,255,.1); --gframe-edge:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.08);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0a0c10; --band:#0a0c10; --plate:rgba(255,255,255,.045); --raised:rgba(255,255,255,.07); --skeleton:rgba(255,255,255,.14); --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.14); --hair:rgba(255,255,255,.08);
  --fg:#f3f4f6; --fg-2:rgba(243,244,246,.74); --fg-3:rgba(243,244,246,.6);
  --v-accent:#6b4dff; --v-accent-hover:#7d62ff; --v-accent-ink:#a998ff; --v-accent-soft:#1c1640; --v-accent-mid:#3e2f8f; --v-kicker:#9d8bff;
  --v-ok:#6cc4ff; --ok-soft:#10283d; --a-navy:#4a3cc0; --a-indigo:#6650ff; --a-violet:#8a63ff; --a-blue:#7d9bff; --a-sky:#8fd3ff; --a-sky-ink:#8fd3ff;
  --band-plate:rgba(255,255,255,.045); --band-raised:rgba(255,255,255,.07); --band-skeleton:rgba(255,255,255,.14);
  --plate-0:#121419; --raised-0:#1d2027; --skeleton-0:#2a2e37;
  --shadow-s1:0 1px 2px rgba(0,0,0,.4);
  --shadow-s2:inset 0 1px 0 rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.4),0 10px 28px -10px rgba(0,0,0,.7);
  --shadow-s3:0 30px 60px -30px rgba(8,5,40,.8),0 18px 36px -18px rgba(0,0,0,.5);
  --shadow-float:0 20px 50px -14px rgba(0,0,0,.9);
  --glass:rgba(20,22,27,.88); --glass-edge:0 0 0 0 transparent;
  --liquid:color-mix(in srgb,var(--raised-0) 80%,transparent);
  --liquid-edge:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.25);
  --g-glass:rgba(16,18,25,.68);
  --g-glass-edge:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.25);
  --g-inner:rgba(255,255,255,.06); --g-inner-hover:rgba(255,255,255,.1); --g-line:rgba(255,255,255,.08); --g-sheen:rgba(255,255,255,.09);
  --gframe:rgba(255,255,255,.1); --gframe-edge:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.08);
  color-scheme:dark;
}

@media (max-width:1024px){:root{--section-y:96px;--head-gap:48px;--block-gap:48px;--col-gap:32px;--stage-pad:48px}}
@media (max-width:640px){:root{--section-y:72px;--head-gap:48px;--block-gap:48px;--gap-l:24px;--card-pad:24px;--item-gap:16px;--grid-gap:16px;--stage-pad:16px;--panel-pad:24px;--frame-w:20px;--gframe-w:8px;--gutter:8px;--header-h:56px;--r-section:20px}}


*{box-sizing:border-box}
html{scroll-behavior:smooth;interpolate-size:allow-keywords}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;font-kerning:normal;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
b,strong{font-weight:var(--w-strong)}
a{color:inherit}
svg text{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
svg.i{width:20px;height:20px;stroke:currentColor;fill:none;flex:none}
h1,h2{text-wrap:balance;font-weight:var(--w-head);color:var(--fg);font-feature-settings:"kern" 1,"liga" 1,"calt" 1}
h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--track-h1)}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}
h3{font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3)}
.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--fg-2);max-width:var(--measure-lead);letter-spacing:-.005em}
.src{font-size:var(--fs-meta);color:var(--fg-3)}
.ph{}
.show-s{display:none}
@media (max-width:560px){.hide-s{display:none}.show-s{display:inline}}


.hov{transition:transform var(--t-mid) var(--ease),background-color var(--t-fast)}
.hov .icon-disc,.hov .num-disc{transition:background-color var(--t-fast),color var(--t-fast),transform var(--t-mid) var(--ease)}
@media (hover:hover){
  .hov:hover{transform:translateY(-4px)}
  .hov:hover .icon-disc,.hov:hover .num-disc{background:var(--accent-soft);color:var(--accent-ink)}
}
@media (prefers-reduced-motion:reduce){.hov:hover{transform:none}}



.frame{width:calc(100% - 2 * var(--gutter));max-width:var(--frame-max);margin-inline:auto}
.wrap{max-width:var(--content);margin-inline:auto;padding-inline:var(--pad-x)}
section{padding-block:var(--section-y)}
.band{background:var(--band);border-radius:var(--r-section);--plate:var(--band-plate);--raised:var(--band-raised);--skeleton:var(--band-skeleton)}

.head{display:flex;flex-direction:column;gap:var(--sp-16);max-width:780px;margin-bottom:var(--head-gap)}
.head > h2 + .lead,.head > h1 + .lead{margin-top:var(--sp-4)}
.head > .lead + .sec-cta,.head > .lead + .ctas{margin-top:var(--sp-16)}

@media (min-width:700px){h2 .ln{display:block}}
.head.c{margin-inline:auto;text-align:center;align-items:center}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--col-gap);align-items:center}
.split .head{margin:0}
.copy{display:flex;flex-direction:column;gap:24px}
@media (max-width:900px){.split{grid-template-columns:1fr}.split .media-first{order:2}}



.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:var(--w-medium);font-size:var(--fs-body);line-height:1.2;letter-spacing:-.01em;border-radius:var(--r-full);padding:14px 24px;text-decoration:none;border:0;cursor:pointer;text-align:center;transition:background-color var(--t-fast),background-position var(--t-slow) var(--ease),transform var(--t-mid) var(--ease)}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--fg);color:var(--bg)}   
.btn-primary:hover{background:color-mix(in srgb,var(--fg) 84%,transparent);transform:translateY(-1px)}
.btn-secondary{background:var(--plate);color:var(--fg)}
.btn-secondary:hover{background:var(--line);transform:translateY(-1px)}
.band .btn-secondary{background:var(--band)}
.btn-sm{padding:10px 18px;font-size:var(--fs-small)}

@media (max-width:1024px){.btn-sm{min-height:40px}}
@media (max-width:520px){.btn-block-s{width:100%}}


.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge)}


.plate{background:var(--plate);border-radius:var(--r-lg);min-width:0}
.inset{--plate:var(--plate-0);--raised:var(--raised-0);--skeleton:var(--skeleton-0);background:var(--plate);border-radius:var(--r-md)}

.card{display:flex;flex-direction:column;padding:8px;border-radius:var(--r-xl);background:var(--plate)}
.card .g{min-width:0}
.card .txt{display:flex;flex-direction:column;gap:8px;padding:24px}
.card .txt p{color:var(--fg-2);font-size:var(--fs-body);line-height:1.5}
@media (max-width:640px){.card .txt{padding:20px 16px 18px}}
.lift{transition:transform var(--t-mid) var(--ease)}
.lift:hover{transform:translateY(-4px)}

.stage{position:relative;isolation:isolate;border-radius:var(--r-stage);padding:var(--stage-pad);background:var(--brand-mesh);background-repeat:no-repeat}
.stage-sm{padding:var(--sp-32)}
@media (max-width:640px){.stage-sm{padding:var(--sp-16)}}

.btn-play{background:transparent;color:var(--fg-2);font-size:var(--fs-small);padding:8px 12px 8px 6px;gap:9px}
.btn-play:hover{color:var(--fg)}
.btn-play:hover .sp-ic{transform:scale(1.06)}
.sp-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;transition:transform var(--t-mid) var(--ease)}
.sp-ic svg{width:12px;height:12px;fill:currentColor;margin-left:2px}
.vmodal{width:min(1200px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:var(--r-xl);background:#000;overflow:visible;box-shadow:var(--shadow-float)}
.vmodal::backdrop{background:rgba(10,12,16,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.vmodal video{display:block;width:100%;height:auto;border-radius:inherit}
.vm-close{position:absolute;top:-52px;right:0;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.vm-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.vm-close:hover{background:rgba(255,255,255,.24)}

.stats .g,.steps .g,.bento .g,.plate.media{background-color:var(--plate-0);background-image:var(--brand-mesh);background-repeat:no-repeat;position:relative;isolation:isolate}
.plate.media{border-radius:var(--r-stage)}


.plate.media.is-stage{padding:var(--stage-pad);border-radius:var(--r-stage)}
.plate.media.is-stage.is-bleed{padding-bottom:0;overflow:hidden}
.plate.media.is-stage.is-bleed > .g-glassframe{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:0;margin-bottom:calc(-1 * var(--sp-48))}
.plate.media.is-frame{padding:var(--frame-w);border-radius:var(--r-stage)}

:where(.plate.media.is-frame) > *{position:relative;min-width:0;border-radius:var(--r-xl);background:var(--g-glass);-webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);box-shadow:var(--g-glass-edge),var(--shadow-s2)}
.g-glassframe{position:relative;padding:var(--gframe-w);border-radius:var(--r-stage);background:var(--gframe);-webkit-backdrop-filter:var(--gframe-blur);backdrop-filter:var(--gframe-blur);box-shadow:var(--gframe-edge),var(--shadow-s3);min-width:0}

.g-panel{position:relative;color:var(--fg);border-radius:var(--r-xl);padding:var(--panel-pad);min-width:0;
  background:var(--g-glass);-webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);box-shadow:var(--g-glass-edge),var(--shadow-s2);
  --plate:var(--g-inner);--plate-0:var(--g-inner);--band:var(--g-inner);--band-plate:var(--g-inner);--raised:var(--g-inner-hover);
  --skeleton:color-mix(in srgb,var(--fg) 10%,transparent);--line:var(--g-line);--hair:var(--g-line)}

.g-glassframe > .g-panel{border-radius:var(--r-xl);box-shadow:var(--g-glass-edge)}
.g-panel.is-flush{padding:0;overflow:hidden}
.g-panel.is-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}

.g-hairrow{display:flex;align-items:center;gap:var(--sp-12);min-height:44px}
.g-hairrow + .g-hairrow{box-shadow:0 -1px 0 var(--g-line)}



.gx-lift{transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s var(--ease)}

:where(.gx-sheen){position:relative;isolation:isolate}
.gx-sheen::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),var(--g-sheen),transparent 70%);transition:opacity .3s var(--ease)}

.gx-row{transition:background-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}
.gx-row:focus-visible,.gx-row:focus-within{background-color:var(--g-inner-hover)}
@media (hover:hover){
  .gx-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);transition-delay:0s}
  .g-panel.gx-lift:hover,.plate.media.is-frame > .gx-lift:hover{box-shadow:var(--g-glass-edge),var(--shadow-s3)}
  .gx-row:hover{background-color:var(--g-inner-hover);transform:translateX(2px);transition-delay:0s}
}
@media (hover:hover) and (pointer:fine){.gx-sheen:hover::after{opacity:1}}

@media (prefers-reduced-motion:reduce){
  .gx-lift:hover,.gx-row:hover{transform:none}
  .gx-lift,.gx-row{transition:background-color .2s ease,box-shadow .2s ease!important}
  .gx-sheen::after{display:none}
}
@media (hover:none),(pointer:coarse){.gx-sheen::after{display:none}}



.icon-disc{width:40px;height:40px;border-radius:50%;background:var(--plate);display:grid;place-items:center;color:var(--fg);flex:none;transition:background-color var(--t-fast),color var(--t-fast),transform var(--t-mid) var(--ease)}
.num-disc{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--disc);color:var(--fg-2);font-size:var(--fs-meta);font-weight:var(--w-medium);flex:none}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--plate);border-radius:var(--r-full);padding:8px 16px;font-size:var(--fs-small);color:var(--fg-2);transition:background-color var(--t-fast),color var(--t-fast)}
.chip:hover{background:var(--line);color:var(--fg)}
.chip svg.i{width:16px;height:16px;color:var(--fg-2)}
.badge{display:inline-flex;align-self:flex-start;font-size:var(--fs-meta);font-weight:var(--w-medium);color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-full);padding:4px 12px}
.pill-note{display:inline-flex;align-items:center;font-size:var(--fs-meta);color:var(--fg-3);background:var(--bg);border-radius:var(--r-full);padding:4px 12px}


.top{position:sticky;top:0;z-index:50;padding-top:var(--gutter);margin-bottom:calc(-1 * (var(--header-h) + var(--gutter)))}
.top .bar{max-width:calc(var(--content) - 2 * var(--pad-x));border-radius:var(--r-full);transition:box-shadow var(--t-mid) var(--ease)}
.top.scrolled .bar{box-shadow:var(--glass-edge),var(--shadow-md)}
.top .wrap{padding-inline:clamp(16px,2.4vw,28px) clamp(10px,1.2vw,14px);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);height:var(--header-h)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:var(--w-strong);font-size:var(--fs-body);letter-spacing:-.025em;white-space:nowrap}
.logo svg{width:24px;height:24px}
.nav{display:flex;align-items:center;gap:4px;font-size:var(--fs-small)}
.nav a.n{text-decoration:none;color:var(--fg-2);padding:8px 12px;border-radius:var(--r-full);position:relative;transition:color var(--t-fast)}
.nav a.n::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--t-mid) var(--ease)}
.nav a.n:hover{color:var(--fg)}
.nav a.n:hover::after{transform:scaleX(1)}
.theme{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--fg-2);display:grid;place-items:center;cursor:pointer;margin:0 6px 0 8px;transition:background-color var(--t-fast),color var(--t-fast)}
.theme:hover{color:var(--fg);background:var(--plate)}
.theme svg{width:18px;height:18px}
.theme .moon{display:none}
:root[data-theme="dark"] .theme .sun{display:none}:root[data-theme="dark"] .theme .moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .sun{display:none}:root:not([data-theme="light"]) .theme .moon{display:block}}
@media (max-width:900px){.nav a.n{display:none}}
@media (max-width:640px){.top .wrap{padding-inline:16px 8px}.theme{margin:0 4px}}


.fbar{position:fixed;z-index:40;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:28px;padding:10px 10px 10px 22px;border-radius:var(--r-full);box-shadow:var(--glass-edge),var(--shadow-float);transform:translate(-50%,calc(100% + 40px));opacity:0;transition:transform .6s var(--ease),opacity .4s ease;white-space:nowrap}
.fbar.show{transform:translate(-50%,0);opacity:1}
.fbar .lead-in{display:flex;align-items:center;gap:14px}
.fbar .mark{width:28px;height:28px;flex:none}
.fbar .txt{display:flex;flex-direction:column;gap:2px;line-height:1.3}
.fbar .txt b{font-weight:var(--w-strong);font-size:var(--fs-small);letter-spacing:-.012em}
.fbar .txt span{font-size:var(--fs-meta);color:var(--fg-3)}
.fbar .btn{padding:13px 22px}
@media (max-width:560px){.fbar{left:12px;right:12px;gap:10px;padding-left:18px;transform:translateY(calc(100% + 40px))}.fbar.show{transform:none}.fbar .mark:not(.face),.fbar .txt span{display:none}.fbar .face{width:30px;height:30px}.fbar .lead-in{min-width:0}.fbar .txt b{font-size:var(--fs-small);white-space:normal}.fbar .btn{flex:none;margin-left:auto;padding:11px 16px;font-size:var(--fs-small)}}


.form{background:var(--bg);border-radius:var(--r-xl);padding:var(--panel-pad);display:flex;flex-direction:column;gap:var(--sp-16)}
.form h3{font-size:var(--fs-h3);letter-spacing:-.025em}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:var(--fs-small);font-weight:var(--w-medium)}
.field label small{font-weight:var(--w-regular);color:var(--fg-3);font-size:inherit}
.field input{font:inherit;font-size:var(--fs-body);padding:14px 20px;border:0;border-radius:var(--r-full);background:var(--plate);color:var(--fg);width:100%;transition:box-shadow var(--t-fast)}
.field input::placeholder{color:var(--fg-3)}
.field input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}
.field.err input{box-shadow:0 0 0 1.5px var(--fg)}
.field .msg{font-size:var(--fs-meta);color:var(--fg)}
.field .msg:empty{display:none}
.consent{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:var(--fs-meta);color:var(--fg-2);line-height:1.45;align-items:start}
.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}
.consent.err span{color:var(--fg);text-decoration:underline;text-decoration-style:dotted}
.form .btn{width:100%}
.form-note{font-size:var(--fs-meta);color:var(--fg-3)}
.state{border-radius:var(--r-md);padding:14px 16px;font-size:var(--fs-small);line-height:1.5;background:var(--plate);color:var(--fg-2)}
.state b{color:var(--fg);font-weight:var(--w-medium)}
.state button{font:inherit;font-weight:var(--w-medium);background:none;border:0;color:var(--accent-ink);text-decoration:underline;cursor:pointer;padding:0;margin-top:6px}
.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent-hover);border-top-color:var(--on-accent);animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}


.qa{max-width:780px;margin-inline:auto;display:flex;flex-direction:column;gap:10px}
.qa details{background:var(--plate);border-radius:var(--r-xl);padding:0 28px}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;font-size:var(--fs-card);font-weight:var(--w-medium);letter-spacing:-.015em;line-height:1.35;transition:color var(--t-fast)}
.qa summary:hover{color:var(--fg-2)}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg.i{color:var(--fg-3);transition:transform .45s var(--ease)}
.qa details[open] summary svg.i{transform:rotate(45deg)}
.qa details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
.qa details[open]::details-content{height:auto}
.qa details p{padding:0 48px 24px 0;color:var(--fg-2);max-width:var(--measure)}
@media (max-width:640px){.qa details{padding:0 20px}.qa details p{padding-right:0}}


.compare{position:relative;isolation:isolate;max-width:960px;margin-inline:auto;background:var(--plate);border-radius:var(--r-xl);overflow:hidden}

.cmp-brand{position:absolute;z-index:-1;top:0;bottom:0;right:0;width:calc(100% / 3.3);background:var(--brand-mesh);background-repeat:no-repeat}
.cmp-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
.cmp-row>div{padding:22px 28px;display:flex;align-items:center;gap:12px;font-size:var(--fs-body);transition:background-color var(--t-fast)}
.cmp-row>div.us{background:transparent}
.cmp-row:not(.h):hover>div:not(.us){background:var(--band)}
.cmp-row.h>div{font-size:var(--fs-body);font-weight:var(--w-strong);letter-spacing:-.015em;color:var(--fg-2);padding-block:24px}
.cmp-row.h>div.us{color:#fff;font-weight:var(--w-strong)}
.cmp-row>div.us{color:#fff;font-weight:var(--w-medium)}
.cmp-row:not(.h)>div:first-child{font-weight:var(--w-medium);letter-spacing:-.01em;color:var(--fg)}
.cmp-row>div:not(:first-child):not(.us){color:var(--fg-2)}
.cmp-row .us .yes{color:#fff}
.cmp-row .no{color:var(--fg-3)} .cmp-row .yes{color:var(--a-blue)}
@media (max-width:700px){.cmp-brand{width:50%}.cmp-row{grid-template-columns:1fr 1fr}.cmp-row>div{padding:16px 18px}.cmp-row>div:first-child{grid-column:1/-1;padding-bottom:4px}.cmp-row>div:not(:first-child){padding-top:10px;font-size:var(--fs-small)}.cmp-row.h>div:first-child{display:none}}


.cta-sec{padding-block:clamp(48px,6vw,88px)}
.cta-stage{padding:clamp(36px,6vw,88px) clamp(24px,6vw,88px)}
.cta-in{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:32px 64px;align-items:end}
.cta-copy{display:flex;flex-direction:column;gap:20px;max-width:720px}
.on-brand{color:#fff}
.lead.on-brand{color:rgba(255,255,255,.9);max-width:52ch}
.on-brand-meta{font-size:var(--fs-small);color:rgba(255,255,255,.88)}
.cta-act{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.btn-light{background:#fff;color:#0a0c10;box-shadow:0 8px 24px -10px rgba(10,12,16,.35)}
.btn-light:hover{transform:translateY(-1px);box-shadow:0 14px 32px -12px rgba(10,12,16,.45)}
@media (max-width:900px){.cta-in{grid-template-columns:1fr;align-items:start}}
@media (max-width:520px){.cta-act,.cta-act .btn{width:100%}.cta-act{align-items:stretch}}


.foot{padding:clamp(48px,6vw,72px) 0 28px;margin-top:var(--gutter);margin-bottom:var(--gutter);color:var(--fg-3)}
.foot-top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.foot-brand{display:flex;flex-direction:column;gap:14px;max-width:32ch}
.foot-brand .logo{color:var(--fg)}
.foot-brand p{font-size:var(--fs-small);line-height:1.5}
.foot-cta{align-self:flex-start;margin-top:6px}
.foot-col{display:flex;flex-direction:column;gap:10px;font-size:var(--fs-small)}
.foot-col b{color:var(--fg);font-weight:var(--w-medium);margin-bottom:4px}
.foot-col a{text-decoration:none;transition:color var(--t-fast)}
.foot-col a:hover{color:var(--fg)}
.foot-band{position:relative;isolation:isolate;margin-top:32px;height:clamp(120px,14vw,200px);border-radius:var(--r-xl);background:var(--brand-mesh);background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-end;padding-right:clamp(24px,4vw,56px)}
.foot-band svg{width:clamp(44px,5vw,64px);height:auto;aspect-ratio:1;color:#fff}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(40px,5vw,56px);padding-top:24px;font-size:var(--fs-meta)}
@media (max-width:900px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:480px){.foot-top{grid-template-columns:1fr}}



.kicker{display:inline-flex;align-items:center;gap:var(--sp-8);align-self:flex-start;padding:6px 14px 6px 10px;border-radius:var(--r-full);background:var(--plate);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:var(--lh-small);letter-spacing:-.005em;color:var(--fg-2)}
.band .kicker{background:var(--raised)}
.head.c .kicker{align-self:center}
.kicker svg.i{width:16px;height:16px;color:var(--accent-ink)}
.sec-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12) var(--sp-24);margin-top:var(--sp-48)}
.sec-cta.c{justify-content:center}
.btn-link{display:inline-flex;align-items:center;gap:8px;font-weight:var(--w-medium);color:var(--fg);text-decoration:none;padding:10px 4px}
.btn-link svg.i{width:18px;height:18px;transition:transform var(--t-mid) var(--ease)}
.btn-link:hover svg.i{transform:translateX(3px)}
.btn .i-after{width:18px;height:18px;margin-left:-2px;transition:transform var(--t-mid) var(--ease)}
.btn:hover .i-after{transform:translateX(3px)}
.icon-disc.is-lg{width:48px;height:48px}
.icon-disc.is-lg svg.i{width:22px;height:22px}
.icon-disc svg.i{stroke-width:1.5}

.icon-disc,.icon-disc.is-soft,.icon-disc.is-brand{background:var(--disc);color:var(--fg)}
.ifeats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap-l);list-style:none;margin:0;padding:0}
.ifeats li{display:flex;flex-direction:column;gap:10px}
.ifeats b{font-weight:var(--w-strong);font-size:var(--fs-card);letter-spacing:-.012em}
.ifeats span{color:var(--fg-2);font-size:var(--fs-small);line-height:1.55}



.hero{padding-block:calc(var(--header-h) + var(--gutter) + clamp(56px,8vw,120px)) clamp(88px,10vw,144px)}
.hero-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}
.hero h1{max-width:15em}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:-6px;padding:7px 16px 7px 12px;border-radius:var(--r-full);background:var(--plate);font-size:var(--fs-small);font-weight:var(--w-medium);letter-spacing:-.005em;color:var(--fg-2)}
.eb-wp{width:18px;height:18px;fill:var(--fg-2);flex:none}
.eb-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.hero h1 span{display:block}
.hero h1 .h1-mut{color:var(--fg-3)}
.hero .lead{max-width:46ch}
.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;font-size:var(--fs-small);color:var(--fg-3)}
.meta span{display:inline-flex;align-items:center;gap:8px}
.meta svg.i{width:16px;height:16px;color:var(--fg-2)}
.shot{margin-top:clamp(64px,8vw,104px)}
.shot figcaption{margin-top:18px;text-align:center}
@media (max-width:520px){.ctas{flex-direction:column;align-self:stretch}.ctas .btn{width:100%}}

.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:clamp(72px,8vw,112px)}
.trust-item{display:flex;flex-direction:column;gap:14px}
.trust-item:hover .icon-disc{background:var(--accent-soft);color:var(--accent-ink);transform:translateY(-2px)}
.trust-item b{display:block;font-weight:var(--w-medium);font-size:var(--fs-body);letter-spacing:-.012em;line-height:1.4}
.trust-item div span{display:block;font-size:var(--fs-small);color:var(--fg-3);line-height:1.45;margin-top:2px}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr 1fr;row-gap:40px}}

.prob{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}
.prob .head{position:sticky;top:120px}
.stats{display:flex;flex-direction:column;gap:var(--grid-gap)}
.stat .g{height:240px}
.stat .txt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:end}
.stat .txt p{max-width:30ch}
.num{font-size:var(--fs-num-s);font-weight:var(--w-head);letter-spacing:-.05em;line-height:.95;white-space:nowrap;color:var(--fg)}
@media (max-width:900px){.prob{grid-template-columns:1fr}.prob .head{position:static}}
@media (max-width:640px){.stat .g{height:220px}.stat .txt{grid-template-columns:1fr;gap:12px}}

.media{min-width:0}
.h-myth{height:420px}
.h-layers{height:520px;margin-bottom:clamp(56px,7vw,96px)}
.head-sub{margin-bottom:var(--head-gap)}
.sub-h{font-size:var(--fs-h3);letter-spacing:-.03em;font-weight:var(--w-head)}
@media (max-width:1100px){.h-layers{height:auto}}
.h-guar{height:460px}
@media (max-width:640px){.h-myth{height:360px}.h-guar{height:440px}}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
.step .g{height:280px}
.step .txt{align-items:center;text-align:center;gap:12px;padding-top:26px}
.step .txt p{max-width:30ch}
@media (max-width:1100px){.steps{grid-template-columns:1fr}.step .g{height:260px}}

.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--grid-gap)}
.bento .card{grid-column:span 3}
.bento .card.w2{grid-column:span 2}
.bento .g{height:240px}
@media (min-width:901px) and (max-width:1100px){.bento .card.w2{grid-column:span 3}.bento .card.w2:nth-child(5){grid-column:span 6}}
@media (max-width:900px){.bento{grid-template-columns:1fr}.bento .card,.bento .card.w2{grid-column:auto}}

.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);max-width:1000px;margin-inline:auto}
.plan{border-radius:var(--r-xl);padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:26px;background:var(--plate)}
.plan .badge{margin-bottom:-6px}
.plan .for{font-size:var(--fs-small);color:var(--fg-3)}
.plan h3{font-size:var(--fs-h3);letter-spacing:-.028em;margin-top:4px}
.amount{display:flex;align-items:baseline;gap:10px}
.amount b{font-size:var(--fs-num-s);font-weight:var(--w-head);letter-spacing:-.05em;line-height:1}
.amount span{color:var(--fg-3)}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.plan li{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:var(--fs-body);line-height:1.45;color:var(--fg-2)}
.plan li svg.i{color:var(--accent-ink);margin-top:2px}
.plan .setup{font-size:var(--fs-small);color:var(--fg-3);padding-top:6px}
.plan .btn{margin-top:auto}
@media (max-width:860px){.plans{grid-template-columns:1fr}}
.price-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 32px;margin-top:36px;font-size:var(--fs-small);color:var(--fg-3)}
.founder{margin:24px auto 0;width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;background:var(--plate);border-radius:var(--r-full);padding:12px 24px;font-size:var(--fs-body);color:var(--fg-2);text-align:center}
.founder b{color:var(--fg);font-weight:var(--w-medium)}
@media (max-width:640px){.founder{border-radius:var(--r-lg)}}

.portrait{aspect-ratio:4/5;max-width:440px;width:100%;position:relative;overflow:hidden}
.portrait svg{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:68%;aspect-ratio:200/220;height:auto;fill:var(--skeleton)}
.portrait .pill-note{position:absolute;left:18px;top:18px}
.quote{font-size:var(--fs-h3);font-weight:var(--w-head);letter-spacing:-.034em;line-height:1.14;text-wrap:balance}
.who{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.who b{display:block;font-weight:var(--w-medium)}
.who span{font-size:var(--fs-small);color:var(--fg-3)}
.ph-text{background:var(--plate);border-radius:var(--r-lg);padding:16px 20px;color:var(--fg-3);font-size:var(--fs-body);max-width:52ch}

.cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--col-gap);align-items:center}
.cta-grid .lead{margin-top:22px}
.next{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-direction:column;gap:22px}
.next li{display:grid;grid-template-columns:30px 1fr;gap:16px;align-items:start}
.next b{display:block;font-weight:var(--w-medium)}
.next span{font-size:var(--fs-small);color:var(--fg-3)}
.tel{display:flex;align-items:center;gap:10px;margin-top:36px;color:var(--fg-2)}
@media (max-width:900px){.cta-grid{grid-template-columns:1fr}}


.gx{position:relative;width:100%;min-width:0;line-height:1.3;color:var(--fg)}

.gx{--fg-2:color-mix(in srgb,var(--fg) 74%,transparent);--fg-3:color-mix(in srgb,var(--fg) 60%,transparent);--skeleton:color-mix(in srgb,var(--fg) 10%,transparent);--line:color-mix(in srgb,var(--fg) 9%,transparent);--line-strong:color-mix(in srgb,var(--fg) 18%,transparent);--plate:var(--g-inner);--plate-0:var(--g-inner);--band:var(--g-inner);--raised:var(--g-inner-hover);--accent-soft:color-mix(in srgb,var(--accent) 14%,transparent);--accent-mid:color-mix(in srgb,var(--accent) 40%,transparent);--ok-soft:color-mix(in srgb,var(--ok) 16%,transparent)}
.gx-fill{height:100%;display:flex;align-items:center;justify-content:center}
.g-card,.g-card-lg,.g-glass,.g-pill.is-raised{background:var(--liquid);-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);box-shadow:var(--liquid-edge),var(--shadow-md)}
.g-card{border-radius:var(--r-md)}
.g-card-lg{border-radius:var(--r-lg)}
.g-glass{--liquid:color-mix(in srgb,var(--raised) 70%,transparent)}
.g-tone{background:var(--plate);border-radius:var(--r-sm)}
.g-title{font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--fg);letter-spacing:-.01em}
.g-text{font-size:var(--g-fs-s);color:var(--fg-2)}
.g-meta{font-size:var(--g-fs-s);color:var(--fg-3)}
.g-num{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1.1;color:var(--fg);font-variant-numeric:tabular-nums}
.g-row{display:flex;align-items:center;gap:10px;min-width:0}
.g-spread{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.g-stack{display:flex;flex-direction:column;gap:10px;min-width:0}
.g-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--r-full);font-size:var(--g-fs-s);font-weight:var(--w-medium);white-space:nowrap;background:var(--plate);color:var(--fg-2)}

.g-pill.is-accent{background:var(--accent-soft);color:var(--fg)}
.g-pill.is-ok{background:var(--plate);color:var(--fg-2)}
.g-pill.is-ok svg,.g-pill.is-ok .ic{stroke:var(--ok)}
.g-pill.is-solid{background:var(--accent);color:var(--on-accent)}
.g-pill svg{width:12px;height:12px}
.g-tile{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--plate);flex:none}
.g-tile svg{width:14px;height:14px}
.g-tile.is-raised{background:var(--raised)}
.g-meta.is-strong{font-weight:var(--w-strong);color:var(--fg)}
.g-meta.is-accent{color:var(--accent-ink)}
.g-text.is-strong{color:var(--fg);font-weight:var(--w-medium)}
.g-tile.is-accent{background:var(--accent);color:var(--on-accent)}
.g-avatar.is-solid{background:var(--accent);color:var(--on-accent)}
.g-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--fg);font-size:var(--g-fs-s);font-weight:var(--w-strong);flex:none}
.g-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fg-3);flex:none}
.g-dot.is-ok{background:var(--ok)} .g-dot.is-accent{background:var(--accent)}
.g-dot.is-sm{width:6px;height:6px}
.g-tone.is-accent{background:var(--accent-soft)}
.g-dot.is-pulse{animation:g-pulse 2.6s ease-in-out infinite}
@keyframes g-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 35%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 0%,transparent)}}
.g-track{position:relative;height:8px;border-radius:var(--r-full);background:var(--skeleton);overflow:hidden}
.g-track>i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--accent);transform-origin:left center}
.g-skel{display:block;height:7px;border-radius:4px;background:var(--skeleton)}
.g-skel.is-round{border-radius:50%}
.g-trunc{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-bar{display:block;height:10px;border-radius:var(--r-xs);background:var(--line-strong)}.g-bar.is-accent{background:var(--accent)}.g-bar.is-muted{background:var(--line-strong)}.g-bar.is-soft{background:var(--accent-mid)}.g-bar.is-neutral{background:var(--line-strong)}
.g-pill.is-raised{height:32px;padding:0 14px;font-size:var(--g-fs-s);background:var(--raised);box-shadow:var(--shadow-md);color:var(--fg)}
.t-accent{color:var(--accent-ink)}.t-fg{color:var(--fg)}.t-fg2{color:var(--fg-2)}.t-fg3{color:var(--fg-3)}.t-ok{color:var(--ok)}.t-on{color:var(--on-accent)}
.w-30{width:30%}.w-45{width:45%}.w-60{width:60%}.w-75{width:75%}.w-90{width:90%}

.f-fg{fill:var(--fg)}.f-fg2{fill:var(--fg-2)}.f-fg3{fill:var(--fg-3)}.f-accent{fill:var(--accent)}.f-accent-soft{fill:var(--accent-soft)}.f-ok{fill:var(--ok)}.f-ok-soft{fill:var(--ok-soft)}.f-skel{fill:var(--skeleton)}.f-line{fill:var(--line-strong)}.f-plate{fill:var(--plate)}.f-raised{fill:var(--raised)}.f-on{fill:var(--on-accent)}.f-none{fill:none}
.s-fg2{stroke:var(--fg-2)}.s-fg3{stroke:var(--fg-3)}.s-accent{stroke:var(--accent)}.s-accent-ink{stroke:var(--accent-ink)}.s-ok{stroke:var(--ok)}.s-on{stroke:var(--on-accent)}.s-line{stroke:var(--line-strong)}.s-skel{stroke:var(--skeleton)}
.ic{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.c-navy{--c:var(--a-navy)}.c-indigo{--c:var(--a-indigo)}.c-violet{--c:var(--a-violet)}.c-blue{--c:var(--a-blue)}.c-sky{--c:var(--a-sky)}.c-accent{--c:var(--accent)}
.bg-c{background:var(--c)}.bg-c-soft{background:color-mix(in srgb,var(--c) 16%,transparent)}.bg-c-mid{background:color-mix(in srgb,var(--c) 42%,transparent)}
.t-c{color:var(--c)}.c-sky .t-c,.t-c.c-sky{color:var(--a-sky-ink)}
.f-c{fill:var(--c)}.f-c-soft{fill:color-mix(in srgb,var(--c) 16%,transparent)}.s-c{stroke:var(--c)}
.st-navy{stop-color:var(--a-navy)}.st-indigo{stop-color:var(--a-indigo)}.st-violet{stop-color:var(--a-violet)}.st-blue{stop-color:var(--a-blue)}.st-sky{stop-color:var(--a-sky)}
.bg-grad-deep{background:var(--grad-deep)}.bg-grad-core{background:var(--grad-core)}.bg-grad-cool{background:var(--grad-cool)}.bg-grad-sky{background:var(--grad-sky)}.bg-grad-full{background:var(--grad-full)}
.t-grad{background:var(--grad-full);-webkit-background-clip:text;background-clip:text;color:transparent}


@keyframes rise{from{opacity:0;transform:translateY(24px)}}
@keyframes rise-stage{from{transform:translateY(48px) scale(.97)}}
@keyframes rise-in{from{opacity:0;transform:translateY(36px)}}
.js [data-hero]{animation:rise 1.2s var(--ease) backwards}
.js .stage[data-hero]{animation-name:rise-stage;animation-duration:1.6s}
.hd1{animation-delay:.08s!important}.hd2{animation-delay:.2s!important}.hd3{animation-delay:.36s!important}.hd4{animation-delay:.48s!important}.hd5{animation-delay:.58s!important}.hd6{animation-delay:.62s!important}
.js [data-reveal]:not(.in){opacity:0}
.js [data-reveal].in{animation:rise-in 1.2s var(--ease) backwards;animation-delay:calc(var(--i,0) * 120ms)}

.a-rise,.a-fade,.a-pop,.a-grow-x,.a-grow-y,.a-slide{transition:opacity var(--t-slow) var(--ease),transform .8s var(--ease)}
.a-draw{transition:stroke-dashoffset 1s var(--ease)}
.js .gx:not(.in) .a-rise{opacity:0;transform:translateY(8px)}
.js .gx:not(.in) .a-fade{opacity:0}
.js .gx:not(.in) .a-pop{opacity:0;transform:scale(.96)}
.js .gx:not(.in) .a-slide{opacity:0;transform:translateX(10px)}
.js .gx:not(.in) .a-grow-x{transform:scaleX(0)}
.js .gx:not(.in) .a-grow-y{transform:scaleY(0)}
.a-grow-x{transform-origin:left center}.a-grow-y{transform-origin:center bottom;transform-box:fill-box}
.a-pop{transform-origin:center;transform-box:fill-box}
.a-draw{stroke-dasharray:1;stroke-dashoffset:0}
.js .gx:not(.in) .a-draw{stroke-dashoffset:1}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.d5{transition-delay:.35s}.d6{transition-delay:.42s}.d7{transition-delay:.49s}.d8{transition-delay:.56s}.d9{transition-delay:.63s}.d10{transition-delay:.7s}.d11{transition-delay:.77s}.d12{transition-delay:.84s}.d13{transition-delay:.91s}.d14{transition-delay:.98s}.d15{transition-delay:1.05s}.d16{transition-delay:1.12s}.d17{transition-delay:1.19s}.d18{transition-delay:1.26s}.d19{transition-delay:1.33s}.d20{transition-delay:1.4s}.d21{transition-delay:1.47s}.d22{transition-delay:1.54s}.d23{transition-delay:1.61s}.d24{transition-delay:1.68s}

::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:ease}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


.src cite{font-style:normal}





.gx.gk{
  --gk-gap:32px;          
  --gk-gap-s:12px;        
  --gk-tile:44px;         
  --gk-icon:16px;         
  --gk-icon-s:14px;       
  --gk-stroke:1.75;
  --gk-row-h:48px;        
  --gk-pad:16px;          
  --gk-track-h:28px;      
  --gk-key:8px;           
  --gk-dot:6px;           
  --gk-edge:0px;          
  --gk-lift:-2px;         
  --gk-t:200ms cubic-bezier(.2,.8,.2,1);
  --gk-in:var(--g-inner);--gk-in-h:var(--g-inner-hover);--gk-red:#d4382c;
  container-type:inline-size;display:flex;flex-direction:column;gap:var(--gk-gap);text-align:left;font-variant-numeric:tabular-nums}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gx.gk{--gk-red:#ff6b5e}}
:root[data-theme="dark"] .gx.gk{--gk-red:#ff6b5e}


.gk svg.i{width:var(--gk-icon-s);height:var(--gk-icon-s);stroke-width:var(--gk-stroke);flex:none}
.gk .gk-tile svg.i{width:var(--gk-icon);height:var(--gk-icon)}


.gk-tiles,.gk-axis{display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));column-gap:var(--gk-gap-s);padding-inline:var(--gk-edge)}
.gk-n7{--n:7}.gk-n8{--n:8}
.gk-at1{--at:1}.gk-at2{--at:2}.gk-at3{--at:3}.gk-at4{--at:4}.gk-at5{--at:5}.gk-at6{--at:6}.gk-at7{--at:7}.gk-at8{--at:8}
.gk-axis{font-size:var(--g-fs-s);color:var(--fg-3);line-height:1}
.gk-axis > span{grid-column:var(--at,auto);justify-self:center;white-space:nowrap}
.gk-axis > span.is-strong{color:var(--fg);font-weight:var(--w-strong)}
.gk-axis + .gk-tiles,.gk-tiles + .gk-axis{margin-top:calc(var(--gk-gap-s) - var(--gk-gap))}


.gk-tile{position:relative;justify-self:center;display:grid;place-items:center;width:100%;max-width:var(--gk-tile);aspect-ratio:1;border-radius:var(--r-sm);
  background:var(--gk-in);color:var(--fg-2);transition:transform var(--gk-t),background-color var(--gk-t)}
.gk-tile.is-on{background:var(--accent);color:var(--on-accent)}
.gk-tile.is-hit::after{content:"";position:absolute;top:4px;right:4px;width:var(--gk-dot);height:var(--gk-dot);border-radius:50%;background:var(--gk-red)}


.gk-rows{display:grid;gap:var(--gk-gap-s)}
.gk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--gk-row-h);padding:0 var(--gk-pad);border-radius:var(--r-md);
  background:var(--gk-in);font-size:var(--g-fs-m);white-space:nowrap;transition:transform var(--gk-t),background-color var(--gk-t)}
.gk-k{display:inline-flex;align-items:center;gap:var(--gk-gap-s);color:var(--fg);font-weight:var(--w-medium)}
.gk-v{color:var(--fg-2)}
.gk-v.is-ok{color:var(--ok);font-weight:var(--w-medium)}
.gk-row.is-total{background:none;border-radius:0;min-height:0;padding:var(--gk-pad) var(--gk-pad) 0;margin-top:var(--gk-gap-s);box-shadow:inset 0 1px 0 var(--g-line)}
.gk-row.is-total .gk-k{font-weight:var(--w-regular,400);color:var(--fg-2)}
.gk-row.is-total .gk-v{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;color:var(--fg)}


.gk-bars{display:grid;gap:calc(var(--gk-gap) - 4px)}
.gk-bar{display:grid;gap:var(--gk-gap-s)}
.gk-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:var(--g-fs-m);white-space:nowrap}
.gk-track{position:relative;display:block;height:var(--gk-track-h);border-radius:var(--r-sm);background:var(--gk-in);overflow:hidden;transition:transform var(--gk-t),background-color var(--gk-t)}
.gk-fill{position:absolute;inset:0 auto 0 0;width:var(--w,50%);background:color-mix(in srgb,var(--fg) 40%,transparent);transform-origin:left center}
.gk-bar.is-on .gk-fill{background:var(--accent)}
.gk-bar.is-on .gk-v{color:var(--fg);font-weight:var(--w-medium)}


.gk-legend{display:flex;flex-wrap:wrap;gap:var(--gk-gap-s) var(--gk-gap);font-size:var(--g-fs-s);color:var(--fg-2)}
.gk-legend > span{display:inline-flex;align-items:center;gap:var(--gk-gap-s);white-space:nowrap}
.gk-key{display:inline-block;flex:none;width:var(--gk-key);height:var(--gk-key);border-radius:50%;background:var(--fg-3)}
.gk-key.is-on{border-radius:2px;background:var(--accent)}
.gk-key.is-hit{background:var(--gk-red)}


@media (hover:hover){
  .gk-tile:hover,.gk-row:not(.is-total):hover,.gk-track:hover{transform:translateY(var(--gk-lift))}
  .gk-tile:not(.is-on):hover,.gk-row:not(.is-total):hover,.gk-track:hover{background-color:var(--gk-in-h)}
  .gk-tile.is-on:hover{background-color:var(--accent-hover,var(--accent))}
}
@media (prefers-reduced-motion:reduce){.gk-tile,.gk-row,.gk-track{transform:none!important}}


@media (max-width:600px){.gx.gk{--gk-gap:24px;--gk-gap-s:8px;--gk-pad:12px}.gk-axis{font-size:12px}}
@media (max-width:360px){.gx.gk{--gk-icon:12px;--gk-gap-s:6px;--gk-pad:10px}}

@media (max-width:640px){
  .gk-row,.gk-head{flex-wrap:wrap;white-space:normal;row-gap:2px}
  .gk-row > *,.gk-head > *{min-width:0}
  .gk-row .gk-v,.gk-head .gk-v{white-space:nowrap;margin-left:auto}
  .gk-range{min-width:0;max-width:100%}
}

@container (max-width:240px){
  .gk-row{flex-wrap:wrap;white-space:normal;padding-block:8px;row-gap:2px}
  .gk-head{flex-wrap:wrap;white-space:normal;row-gap:2px}
  .gk-row.is-total .gk-v{font-size:var(--g-fs-l)}
}

.plate.media.is-frame:has(.gx.gk){width:100%;max-width:440px;margin-inline:auto}


.gk-n4{--n:4}
.gk-key.is-ok{background:var(--ok)}

.gk-row.is-on{background:var(--accent);color:var(--on-accent)}
.gk-row.is-on .gk-k,.gk-row.is-on .gk-v{color:var(--on-accent)}
.gk-row.is-on .gk-v{font-weight:var(--w-medium)}

.gk-avatar{display:inline-grid;place-items:center;flex:none;width:calc(var(--g-fs-s) * 2);aspect-ratio:1;border-radius:50%;
  background:color-mix(in srgb,var(--fg) 10%,transparent);color:var(--fg);font-size:var(--g-fs-s);font-weight:var(--w-medium);letter-spacing:.02em;line-height:1}

.gk-win{display:flex;flex-direction:column;border-radius:var(--r-md);background:var(--gk-in);overflow:hidden;transition:transform var(--gk-t),background-color var(--gk-t)}
.gk-win-bar{display:flex;align-items:center;gap:var(--gk-pad);padding:var(--gk-gap-s) var(--gk-gap-s) var(--gk-gap-s) var(--gk-pad);box-shadow:inset 0 -1px 0 var(--g-line)}
.gk-win-dots{display:inline-flex;gap:4px;flex:none}
.gk-win-dots i{width:var(--gk-key);height:var(--gk-key);border-radius:50%;background:color-mix(in srgb,var(--fg) 18%,transparent)}
.gk-win-url{display:flex;align-items:center;gap:var(--gk-gap-s);flex:1;min-width:0;height:var(--gk-track-h);padding-inline:12px;border-radius:var(--r-sm);
  background:var(--gk-in);font-size:var(--g-fs-s);color:var(--fg-2);white-space:nowrap;overflow:hidden}
.gk-win-view{display:grid;min-height:calc(var(--gk-row-h) * 4)}
.gk-win-view > *{grid-area:1 / 1;transition:opacity var(--gk-t),visibility var(--gk-t)}

.gk-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gk-gap-s)}
.gk-seg-b{display:inline-flex;align-items:center;justify-content:center;gap:var(--gk-gap-s);min-height:calc(var(--gk-row-h) - var(--gk-gap-s));padding:0 12px;
  border:0;border-radius:var(--r-full);background:var(--gk-in);font:inherit;font-size:var(--g-fs-m);color:var(--fg-2);white-space:nowrap;cursor:pointer;
  transition:transform var(--gk-t),background-color var(--gk-t),color var(--gk-t)}
.gk-seg-b[aria-pressed="true"]{background:var(--gk-in-h);color:var(--fg);font-weight:var(--w-medium)}
.gk-seg-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@container (max-width:240px){.gk-seg{grid-template-columns:minmax(0,1fr)}}
@media (hover:hover){
  .gk-row.is-on:hover{background-color:var(--accent-hover,var(--accent))}
  .gk-win:hover,.gk-seg-b:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}
  .gk-seg-b:hover{color:var(--fg)}
}
@media (prefers-reduced-motion:reduce){.gk-win,.gk-seg-b{transform:none!important}}


.gx.gk{--gk-mark:calc(var(--gk-row-h) / 2 + var(--gk-gap-s))}
@media (max-width:600px){.gx.gk{--gk-mark:calc(var(--gk-row-h) / 2 + 4px)}}
.gk-avatar{width:var(--gk-mark)}
.gk-avatar.is-on{background:var(--accent);color:var(--on-accent)}

.gk-check{display:grid;place-items:center;flex:none;width:var(--gk-mark);aspect-ratio:1;border-radius:var(--r-sm);
  background:var(--gk-in-h);box-shadow:inset 0 0 0 1px var(--g-line);color:transparent;transition:background-color var(--gk-t),color var(--gk-t)}
input:checked + .gk-check{background:var(--accent);box-shadow:none;color:var(--on-accent)}
input:focus-visible + .gk-check{outline:2px solid var(--accent);outline-offset:2px}

.gk-field{position:relative;display:flex;align-items:center;min-height:var(--gk-row-h);padding:0 var(--gk-pad);border-radius:var(--r-md);
  background:var(--gk-in);box-shadow:inset 0 0 0 1px var(--g-line);cursor:text;transition:transform var(--gk-t),background-color var(--gk-t),box-shadow var(--gk-t)}
.gk-field input{flex:1;min-width:0;margin:0;padding:0;border:0;background:none;font:inherit;font-size:var(--g-fs-m);color:var(--fg);outline:none}
.gk-field input::placeholder{color:var(--fg-3);opacity:1}
.gk-field:focus-within{background-color:var(--gk-in-h);box-shadow:0 0 0 2px var(--accent)}

.gk-range{--rt:var(--gk-in);--knob:calc(2 * var(--gk-gap-s));--fill:calc(var(--f,0) * (100% - var(--knob)) + var(--knob) / 2);
  display:block;width:100%;height:var(--gk-track-h);margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:var(--r-sm);transition:transform var(--gk-t)}
.gk-range::-webkit-slider-runnable-track{height:var(--gk-track-h);border-radius:var(--r-sm);background:linear-gradient(to right,var(--accent) var(--fill),var(--rt) var(--fill))}
.gk-range::-moz-range-track{height:var(--gk-track-h);border-radius:var(--r-sm);background:var(--rt)}
.gk-range::-moz-range-progress{height:var(--gk-track-h);border-radius:var(--r-sm);background:var(--accent)}
.gk-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--knob);height:var(--gk-track-h);border:0;border-radius:var(--r-sm);background:var(--on-accent);box-shadow:var(--shadow-s2)}
.gk-range::-moz-range-thumb{width:var(--knob);height:var(--gk-track-h);border:0;border-radius:var(--r-sm);background:var(--on-accent);box-shadow:var(--shadow-s2)}
.gk-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media (hover:hover){
  .gk-field:hover{background-color:var(--gk-in-h);transform:translateY(var(--gk-lift))}
  .gk-range:hover{--rt:var(--gk-in-h);transform:translateY(var(--gk-lift))}
}
@media (prefers-reduced-motion:reduce){.gk-field,.gk-range{transform:none!important}}


.bx{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);margin-top:var(--block-gap)}
.bx-card{grid-column:span 6;display:flex;flex-direction:column;padding:8px;border-radius:var(--r-xl);background:var(--plate);min-width:0}
.band .bx-card{background:var(--raised)}
.bx-s4{grid-column:span 4}.bx-s5{grid-column:span 5}.bx-s6{grid-column:span 6}.bx-s7{grid-column:span 7}.bx-s8{grid-column:span 8}.bx-s12{grid-column:span 12}
.bx-media{--bx-h:320px;display:grid;place-items:center;min-height:var(--bx-h);padding:var(--g-inset);border-radius:var(--r-md);overflow:hidden}
.bx-tall .bx-media{--bx-h:420px}
.bx-media > .g-panel{width:100%;max-width:400px}
.bx-media.is-wide > .g-panel{max-width:560px}
.bx-text{display:flex;flex-direction:column;gap:8px;padding:20px 20px 16px}
.bx-text h3{font-size:var(--fs-h3);line-height:var(--lh-h3,1.25);font-weight:var(--w-strong);letter-spacing:var(--track-h3,-.02em)}
.bx-text p{font-size:var(--fs-body);line-height:1.55;color:var(--fg-2);max-width:52ch;text-wrap:pretty}
.bx-text .src{margin-top:4px}
@media (min-width:901px) and (max-width:1100px){.bx-s4,.bx-s5{grid-column:span 6}.bx-s7,.bx-s8{grid-column:span 6}}
@media (max-width:900px){.bx{grid-template-columns:minmax(0,1fr)}.bx-card[class*="bx-s"]{grid-column:auto}.bx-media{--bx-h:260px;padding:var(--g-inset)}.bx-tall .bx-media{--bx-h:300px}}

.bx-text p.src,.bx-text .src{font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3)}


.d1{--d:0.07s}.d2{--d:0.14s}.d3{--d:0.21s}.d4{--d:0.28s}.d5{--d:0.35s}.d6{--d:0.42s}.d7{--d:0.49s}.d8{--d:0.56s}.d9{--d:0.63s}.d10{--d:0.70s}.d11{--d:0.77s}.d12{--d:0.84s}.d13{--d:0.91s}.d14{--d:0.98s}.d15{--d:1.05s}.d16{--d:1.12s}.d17{--d:1.19s}.d18{--d:1.26s}.d19{--d:1.33s}.d20{--d:1.40s}.d21{--d:1.47s}.d22{--d:1.54s}.d23{--d:1.61s}.d24{--d:1.68s}
.gx :is(.gk-tile,.gk-row,.gk-track,.gk-win,.gk-seg-b,.gk-field,.gk-range):is(.a-rise,.a-pop,.a-fade){transition-delay:0s}
.gx.in :is(.gk-tile,.gk-row,.gk-track,.gk-win,.gk-seg-b,.gk-field,.gk-range).a-rise{animation:gk-rise .6s var(--ease) var(--d,0s) backwards}
.gx.in :is(.gk-tile,.gk-row,.gk-track,.gk-win,.gk-seg-b,.gk-field,.gk-range).a-pop{animation:gk-pop .5s var(--ease) var(--d,0s) backwards}
.gx.in :is(.gk-tile,.gk-row,.gk-track,.gk-win,.gk-seg-b,.gk-field,.gk-range).a-fade{animation:gk-fade .6s var(--ease) var(--d,0s) backwards}
@keyframes gk-rise{from{opacity:0;transform:translateY(8px)}}
@keyframes gk-pop{from{opacity:0;transform:scale(.96)}}
@keyframes gk-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.gx.in :is(.gk-tile,.gk-row,.gk-track,.gk-win,.gk-seg-b,.gk-field,.gk-range){animation:none}}


.bx-card{padding:12px;border-radius:var(--r-stage)}
.bx-card > .bx-media.plate.media{border-radius:var(--r-xl)}
.bx-text{padding:20px 20px 12px}
@media (max-width:640px){.bx-card{padding:8px;border-radius:var(--r-section,20px)}.bx-card > .bx-media.plate.media{border-radius:var(--r-md)}}
.g-glassframe{padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.g-glassframe > .g-panel{box-shadow:var(--g-glass-edge),var(--shadow-s3)}


.gx.gk{--gk-loop:3.6s;--gk-live-in:1.6s;--gk-live-step:.22s}
.gx.in .gk-live-ring{animation:gk-ring var(--gk-loop) ease-out var(--gk-live-in) infinite}
.gx.in .gk-live-wave{animation:gk-wave var(--gk-loop) ease-in-out calc(var(--gk-live-in) + var(--i,0) * var(--gk-live-step)) infinite}
@keyframes gk-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gk-live-c,var(--gk-red)) 30%,transparent)}
  60%,100%{box-shadow:0 0 0 var(--gk-gap-s) color-mix(in srgb,var(--gk-live-c,var(--gk-red)) 0%,transparent)}}
@keyframes gk-wave{0%,40%,100%{opacity:1}20%{opacity:.5}}
.gk-live-accent{--gk-live-c:var(--accent)}  
@media (prefers-reduced-motion:reduce){.gk-live-ring,.gk-live-wave{animation:none!important}}


.gx.gk{--ok:var(--accent-ink)}
:root[data-theme="dark"] .gx.gk{--ok:color-mix(in srgb,var(--accent) 55%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gx.gk{--ok:color-mix(in srgb,var(--accent) 55%,#fff)}}


:root{
  --accent:var(--fg); --accent-hover:color-mix(in srgb,var(--fg) 84%,transparent); --accent-ink:var(--fg);
  --accent-soft:color-mix(in srgb,var(--fg) 7%,transparent); --accent-mid:color-mix(in srgb,var(--fg) 22%,transparent);
  --on-accent:var(--bg); --kicker:var(--fg-2); --ok:var(--fg);
}
.gx{
  --accent:var(--v-accent); --accent-hover:var(--v-accent-hover); --accent-ink:var(--v-accent-ink);
  --accent-soft:var(--v-accent-soft); --accent-mid:var(--v-accent-mid); --on-accent:var(--v-on-accent); --kicker:var(--v-kicker); --ok:var(--v-accent-ink);
}


.band{background:transparent}
.band .bx-card{background:var(--plate)}
.band .kicker{background:var(--plate)}
.band .btn-secondary{background:var(--plate)}
.kicker svg.i{color:var(--fg-2)}


.gk-row.is-total{box-shadow:none;margin-top:var(--gk-gap-s)}
.gk-win-bar{box-shadow:none;background:var(--gk-in)}


.tip{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}
.tip-btn{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--disc);color:var(--fg-3);cursor:help;transition:background-color var(--t-fast),color var(--t-fast)}
.tip-btn svg.i{width:14px;height:14px}
.tip:hover .tip-btn,.tip-btn:focus-visible{background:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg)}
.tip-body{position:absolute;z-index:30;bottom:calc(100% + 10px);left:-8px;display:none;width:max-content;max-width:min(300px,calc(100vw - 32px));
  padding:10px 14px;border-radius:var(--r-md);background:var(--fg);color:var(--bg);font-size:var(--fs-meta);font-weight:var(--w-regular);line-height:1.45;letter-spacing:0;text-align:left;white-space:normal;
  box-shadow:var(--shadow-float);pointer-events:none;transform:translateX(var(--tip-x,0px))}

.tip:hover .tip-body,.tip:focus-within .tip-body{display:block;animation:tip-in var(--t-fast) var(--ease)}
@keyframes tip-in{from{opacity:0;transform:translate(var(--tip-x,0px),4px)}}
.tip-body cite{font-style:normal}


[data-tabs] [role="tabpanel"][hidden]{display:none}
[data-tabs] [role="tabpanel"]{animation:tab-in .45s var(--ease)}
@keyframes tab-in{from{transform:translateY(6px)}}   
@media (prefers-reduced-motion:reduce){[data-tabs] [role="tabpanel"]{animation:none}}
.nowrap{white-space:nowrap}


:root{--g-inset:clamp(24px,3.4vw,48px)}
.h-dim{color:color-mix(in srgb,var(--fg) 64%,transparent)}

@media (min-width:901px){
  .bx-card:has(> .bx-media){display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
  .bx-card:not(:has(> .bx-media)){grid-row:span 2}
  .bx-card > .bx-media{height:auto;min-height:var(--bx-h)}
}
.bx-media{overflow:visible}
.head-c{display:flex;flex-direction:column;align-items:center;text-align:center;margin-inline:auto}
.head-c h2,.head-c .lead{margin-inline:auto}
.head-c .kicker{align-self:center;margin-inline:auto}


.hero-face img,#check .ck-photo img,.fbar .face img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:none}

.fbar .face{position:relative;display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--brand-line)}


.fbar .fbar-sh{display:none}
body[data-fbar="sh"] .fbar .qin-bar{display:none}
body[data-fbar="sh"] .fbar{padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-12)}
body[data-fbar="sh"] .fbar .fbar-sh{display:flex;align-items:center;gap:var(--sp-12)}
.fbar-sh-t{display:flex;flex-direction:column;line-height:1.25;font-size:var(--fs-small);white-space:nowrap;margin-right:var(--sp-12)}
.fbar-sh-t b{font-weight:var(--w-strong);color:var(--fg)}
.fbar-sh-t span{color:var(--fg-2)}
.fbar-sh .btn svg.i{width:16px;height:16px}
.fbar-sh .btn-secondary{background:var(--raised)}
@media (max-width:560px){
  body[data-fbar="sh"] .fbar .fbar-sh{width:100%}
  .fbar-sh-t span{display:none}   
  .fbar-sh-t{margin-right:auto}
  .fbar-sh .fbar-sh-l{display:none}
  
  .fbar-sh-t{flex:1 1 auto;min-width:0;white-space:normal}
  .fbar-sh .btn{flex:none;min-height:40px}
}


:root{--shadow-lift:0 2px 4px rgba(10,12,40,.04),0 16px 36px -20px rgba(10,12,40,.16)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--shadow-lift:var(--shadow-s3)}}
:root[data-theme="dark"]{--shadow-lift:var(--shadow-s3)}

.fbar .face{width:40px;height:40px}


.bm{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0;min-width:0}
.bm > canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}   
.bm > canvas.on{opacity:1}


:where(p,li,dd,figcaption,blockquote):not(.gx *) strong{font-weight:var(--w-strong);color:var(--fg)}


:root{--face-bg:linear-gradient(160deg,#5b7cf0,#4b4fdc)}   
.hero-face,.ck-photo,.s3d-photo,.mark.face,.st-face,.sc-face,.st-pic-s,.dg-photo,.sc-photo{background-color:transparent!important;background-image:var(--face-bg)!important}

@media (max-width:360px){:root{--fs-h1:1.875rem;--fs-h1l:1.75rem;--fs-h2:1.5rem}}


.icon-disc:not([class*="-tog"]){width:auto!important;height:auto!important;border-radius:0;background:none!important;box-shadow:none;place-items:start;color:var(--fg)}
.icon-disc:not([class*="-tog"]) > svg.i{width:24px!important;height:24px!important;stroke-width:1.5}
#check .ck-trust .icon-disc > svg.i,.trust-item .icon-disc > svg.i{width:20px!important;height:20px!important}

.hp-w{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0;pointer-events:none}

.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
s{text-decoration-thickness:1px;opacity:.6}   

.nav a.n::after{display:none}
footer .ft-contact a:hover{text-decoration:none}

.icon-disc[class*="-tog"],#ablauf .ab-tog{background:none!important;box-shadow:none!important}
.icon-disc[class*="-tog"] svg.i,#ablauf .ab-tog svg.i{width:22px!important;height:22px!important;stroke-width:1.75}

:is(ul,ol):not(.gx *) > li:not(:has(> h3, > h4, > b)) > svg.i:first-child,:is(ul,ol):not(.gx *) > li:not(:has(> h3, > h4)) > span:first-child:not(.icon-disc) > svg.i:only-child{transform:scale(1.15);transform-origin:center}
:is(ul,ol):not(.gx *) > li:not(:has(> h3, > h4)) > svg.i:first-child:has(use[href="#ic-check"]){transform:scale(1.45);stroke-width:1.6}

.num-disc{width:auto!important;height:auto!important;min-width:1.1em;border-radius:0!important;background:none!important;box-shadow:none!important;
  font-size:inherit;font-weight:var(--w-strong);line-height:inherit;color:color-mix(in srgb,var(--fg) 38%,transparent)!important;font-variant-numeric:tabular-nums;place-items:start}
.s3a-t:has(> .num-disc) > .num-disc{font-size:var(--fs-h3)}


.gx.gk.gx-lage-kurve{gap:var(--gk-gap-s)}
.gx-lage-kurve .lkv-n{display:flex;align-items:baseline;gap:var(--gk-gap-s);margin-bottom:var(--gk-gap-s)}
.gx-lage-kurve .lkv-n b{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;color:var(--gk-red)}
.gx-lage-kurve .lkv-n span{font-size:var(--g-fs-m);color:var(--fg-2)}
.gx-lage-kurve .lkv-plot{position:relative;height:calc(var(--gk-row-h) * 2.6)}
.gx-lage-kurve svg{position:absolute;inset:0 var(--gk-dot) 0 0;width:calc(100% - var(--gk-dot));height:100%;overflow:visible}
.gx-lage-kurve .lkv-line{fill:none;stroke:var(--gk-red);stroke-width:2;stroke-linecap:round}
.gx-lage-kurve .lkv-area{fill:color-mix(in srgb,var(--gk-red) 8%,transparent);transition:fill var(--gk-t)}
.gx-lage-kurve .lkv-dot{position:absolute;right:0;top:calc(5% - var(--gk-dot));display:block;width:calc(var(--gk-dot) * 2);aspect-ratio:1}
.gx-lage-kurve .lkv-ring{position:absolute;inset:0;border-radius:50%;background:var(--gk-red);transition:transform var(--gk-t)}
.gx-lage-kurve .lkv-x{display:flex;justify-content:space-between;font-size:var(--g-fs-s);color:var(--fg-3)}
@media (hover:hover){
  .gx-lage-kurve:hover .lkv-area{fill:color-mix(in srgb,var(--gk-red) 16%,transparent)}
  .gx-lage-kurve:hover .lkv-ring{transform:scale(1.3)}
}



.gx-lage-quartal{--lq-h:calc(var(--gk-track-h) * 1.25)}
.gx-lage-quartal .lq-cmp{display:grid;gap:var(--gk-gap-s)}
.gx-lage-quartal .lq-k,.gx-lage-quartal .lq-foot{margin:0}
.gx-lage-quartal .lq-k{font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--fg);line-height:1.2;white-space:nowrap}
.gx-lage-quartal .lq-v{font-size:var(--g-fs-m);color:var(--fg-2);line-height:1.2;white-space:nowrap}
.gx-lage-quartal .lq-foot .lq-v{color:var(--gk-red);font-weight:var(--w-medium)}
.gx-lage-quartal .lq-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gk-gap-s);min-width:0}
.gx-lage-quartal .lq-n{margin-left:auto;font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;color:var(--gk-red);white-space:nowrap}
.gx-lage-quartal .lq-foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gk-gap-s)}
.gx-lage-quartal .lq-bar{display:block;flex:none;height:var(--lq-h);transition:transform var(--gk-t)}
.gx-lage-quartal .lq-w24{width:21.95%}.gx-lage-quartal .lq-w25{width:100%}
.gx-lage-quartal .lq-fill{display:block;width:100%;height:100%;border-radius:var(--r-sm);background:color-mix(in srgb,var(--fg) 30%,transparent);
  transition:opacity var(--t-slow) var(--ease) var(--d,0s),transform .8s var(--ease) var(--d,0s),background-color var(--gk-t) 0s}
.gx-lage-quartal .is-hit .lq-fill{background:color-mix(in srgb,var(--gk-red) 85%,transparent)}
@media (hover:hover){
  .gx-lage-quartal .lq-bar:hover{transform:translateY(var(--gk-lift))}
  .gx-lage-quartal .lq-bar:hover .lq-fill{background-color:color-mix(in srgb,var(--fg) 42%,transparent)}
  .gx-lage-quartal .lq-bar.is-hit:hover .lq-fill{background-color:var(--gk-red)}
}
@media (prefers-reduced-motion:reduce){.gx-lage-quartal .lq-bar{transform:none!important}}



.gx.gk.gx-lage-passwort{gap:var(--gk-gap-s);align-items:center}
.gx-lage-passwort .lpw-gauge{position:relative;width:100%;max-width:calc(var(--gk-tile) * 5.5);aspect-ratio:200 / 106}
.gx-lage-passwort svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gx-lage-passwort .lpw-track{fill:none;stroke:color-mix(in srgb,var(--fg) 12%,transparent);stroke-width:12;stroke-linecap:round}
.gx-lage-passwort .lpw-arc{fill:none;stroke:color-mix(in srgb,var(--gk-red) 85%,transparent);stroke-width:12;stroke-linecap:round;
  transition:stroke-dashoffset 1.2s var(--ease) var(--d,0s),stroke var(--gk-t)}
.gx-lage-passwort .lpw-notch{fill:var(--bg)}
.gx-lage-passwort .lpw-needle{fill:none;stroke:var(--fg);stroke-width:3;stroke-linecap:round}
.gx-lage-passwort .lpw-hub{position:absolute;left:50%;top:94.34%;width:6%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--fg)}
.gx-lage-passwort .lpw-end{position:absolute;left:90.65%;top:62.57%;display:block;width:6%;aspect-ratio:1;translate:-50% -50%}
.gx-lage-passwort .lpw-ring{position:absolute;inset:0;border-radius:50%;background:var(--gk-red);transition:transform var(--gk-t)}
.gx-lage-passwort .lpw-v{position:absolute;display:flex;flex-direction:column;align-items:center;translate:-50% -50%;
  font-size:var(--g-fs-s);line-height:1.15;color:var(--fg-2);white-space:nowrap}
.gx-lage-passwort .lpw-v1{left:26.6%;top:74%}
.gx-lage-passwort .lpw-v2{left:50%;top:44%}
.gx-lage-passwort .lpw-y{color:var(--fg-3)}
.gx-lage-passwort .lpw-n{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0}
.gx-lage-passwort .lpw-n b{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;color:var(--gk-red)}
.gx-lage-passwort .lpw-n span{font-size:var(--g-fs-m);color:var(--fg-2);white-space:nowrap}
@media (hover:hover){
  .gx-lage-passwort:hover .lpw-arc{stroke:var(--gk-red)}
  .gx-lage-passwort:hover .lpw-ring{transform:scale(1.3)}
}

@container (max-width:150px){
  .gx-lage-passwort .lpw-y{display:none}
  .gx-lage-passwort .lpw-v1{left:25%;top:68%}
  .gx-lage-passwort .lpw-v2{left:50%;top:36%}
}



.gx-lage-treppe{--ltr-h:calc(var(--gk-row-h) * 2.8)}
.gx-lage-treppe .ltr-plot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;column-gap:var(--gk-gap-s)}
.gx-lage-treppe .ltr-col{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.gx-lage-treppe .ltr-v{font-size:var(--g-fs-m);color:var(--fg-2);line-height:1;white-space:nowrap}
.gx-lage-treppe .ltr-bar{display:block;width:100%;max-width:var(--gk-tile);transition:transform var(--gk-t)}
.gx-lage-treppe .ltr-h1{height:calc(var(--ltr-h) * .218)}.gx-lage-treppe .ltr-h2{height:calc(var(--ltr-h) * .28)}
.gx-lage-treppe .ltr-h3{height:calc(var(--ltr-h) * .555)}.gx-lage-treppe .ltr-h4{height:var(--ltr-h)}
.gx-lage-treppe .ltr-fill{display:block;width:100%;height:100%;border-radius:var(--r-sm);background:color-mix(in srgb,var(--fg) 24%,transparent);
  transition:opacity var(--t-slow) var(--ease) var(--d,0s),transform .8s var(--ease) var(--d,0s),background-color var(--gk-t) 0s}
.gx-lage-treppe .is-hit .ltr-fill{background:color-mix(in srgb,var(--gk-red) 85%,transparent)}
.gx-lage-treppe .is-hit .ltr-v{color:var(--gk-red);font-weight:var(--w-medium)}
.gx-lage-treppe .ltr-q{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px;font-size:var(--g-fs-s);line-height:1.15;color:var(--fg-2);white-space:nowrap}
.gx-lage-treppe .ltr-y{color:var(--fg-3)}
.gx-lage-treppe .ltr-ys{display:none}
@container (max-width:200px){.gx-lage-treppe .ltr-plot{column-gap:8px}.gx-lage-treppe .ltr-yl{display:none}.gx-lage-treppe .ltr-ys{display:inline}}
@media (hover:hover){
  .gx-lage-treppe .ltr-bar:hover{transform:translateY(var(--gk-lift))}
  .gx-lage-treppe .ltr-bar:hover .ltr-fill{background-color:color-mix(in srgb,var(--fg) 36%,transparent)}
  .gx-lage-treppe .is-hit .ltr-bar:hover .ltr-fill{background-color:var(--gk-red)}
}
@media (prefers-reduced-motion:reduce){.gx-lage-treppe .ltr-bar{transform:none!important}}




.gx.gk.gx-lage-vorlauf{gap:var(--gk-gap-s);width:100%;max-width:calc(var(--gk-tile) * 5.5);margin-inline:auto}
.gx-lage-vorlauf .lvl-top{align-self:flex-start;font-size:var(--g-fs-m);font-weight:var(--w-medium);line-height:1;color:var(--fg);white-space:nowrap}
.gx-lage-vorlauf .lvl-plot{position:relative;aspect-ratio:1}
.gx-lage-vorlauf .lvl-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gx-lage-vorlauf .lvl-zone{position:absolute;top:68%;right:0;bottom:0;left:0;display:block;border-radius:0 0 var(--r-sm) var(--r-sm);
  background:color-mix(in srgb,var(--gk-red) 10%,transparent);transition:opacity var(--t-slow) var(--ease),background-color var(--gk-t)}
.gx-lage-vorlauf .lvl-zero{position:absolute;top:68%;right:0;left:0;display:block;height:1px;
  background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--fg) 30%,transparent) 0 4px,transparent 4px 8px)}
.gx-lage-vorlauf .lvl-ink,.gx-lage-vorlauf .lvl-red{fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.gx-lage-vorlauf .lvl-ink{stroke:color-mix(in srgb,var(--fg) 60%,transparent)}
.gx-lage-vorlauf .lvl-red{stroke:var(--gk-red);transition-duration:.5s}
.gx-lage-vorlauf .lvl-d{position:absolute;display:block;width:var(--gk-key);aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:var(--fg)}
.gx-lage-vorlauf .lvl-d1{left:5%;top:5%}.gx-lage-vorlauf .lvl-d2{left:20%;top:24%}.gx-lage-vorlauf .lvl-d3{left:50%;top:36%}
.gx-lage-vorlauf .lvl-d4{left:65%;top:63%}
.gx-lage-vorlauf .lvl-d5{left:95%;top:75%;width:calc(var(--gk-dot) * 2);background:none}
.gx-lage-vorlauf .lvl-ring{position:absolute;inset:0;border-radius:50%;background:var(--gk-red);transition:transform var(--gk-t)}

.gx-lage-vorlauf .lvl-upd{position:absolute;left:0;bottom:calc(32% + 6px);font-size:var(--g-fs-s);line-height:1.2;color:var(--fg-2);white-space:nowrap}
.gx-lage-vorlauf .lvl-upd span{display:block}
@container (min-width:200px){.gx-lage-vorlauf .lvl-upd span{display:inline}}

.gx-lage-vorlauf .lvl-neg{position:absolute;right:0;top:calc(75% + var(--gk-dot) + 8px);font-size:var(--g-fs-m);font-weight:var(--w-medium);line-height:1;color:var(--gk-red);white-space:nowrap}
.gx-lage-vorlauf .lvl-x{display:flex;justify-content:space-between;font-size:var(--g-fs-s);line-height:1;color:var(--fg-3)}

@container (max-width:150px){.gx-lage-vorlauf .lvl-ink,.gx-lage-vorlauf .lvl-red{stroke-width:1.5}}
@container (min-width:200px){.gx-lage-vorlauf .lvl-ink,.gx-lage-vorlauf .lvl-red{stroke-width:.9}}
@media (hover:hover){
  .gx-lage-vorlauf .lvl-plot:hover .lvl-zone{background-color:color-mix(in srgb,var(--gk-red) 16%,transparent)}
  .gx-lage-vorlauf .lvl-plot:hover .lvl-ring{transform:scale(1.3)}
}



.gx-folgen-hack{--fh-run:5.5s;--fh-start:.7s;--fh-fix:1.8s;--fh-view-h:calc(var(--gk-row-h) * 5);--fh-chrome:calc(var(--gk-track-h) + var(--gk-gap-s));
  --fh-warn-bg:color-mix(in srgb,var(--gk-red) 10%,transparent);--fh-ink:color-mix(in srgb,var(--fg) 40%,transparent);--fh-btn-h:calc(var(--gk-row-h) - 4px)}
.gx-folgen-hack .fh-win{min-width:0}
.gx-folgen-hack .fh-win:focus{outline:none}
.gx-folgen-hack svg.fh-ic{fill:none;stroke:currentColor;stroke-width:var(--gk-stroke);flex:none}



.gx-folgen-hack .fh-swap{display:grid;min-width:0}
.gx-folgen-hack .fh-swap > *{grid-area:1 / 1;display:flex;align-items:center;gap:var(--gk-gap-s);min-width:0;white-space:nowrap}
.gx-folgen-hack .fh-ok{opacity:0}
.gx-folgen-hack .fh-red{color:var(--gk-red)}


.gx-folgen-hack .fh-tabs{display:flex;align-items:flex-end;gap:var(--gk-pad);height:var(--fh-chrome);padding:0 var(--gk-gap-s) 0 var(--gk-pad)}
.gx-folgen-hack .fh-tabs .gk-win-dots{align-self:center}
.gx-folgen-hack .fh-tab{display:flex;align-items:center;flex:0 1 auto;min-width:0;width:calc(var(--gk-tile) * 4);height:var(--gk-track-h);padding:0 12px;
  border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--gk-in);font-size:var(--g-fs-s);color:var(--fg)}
.gx-folgen-hack .fh-tab .fh-swap > *{overflow:hidden}
.gx-folgen-hack .fh-fav{flex:none;width:var(--gk-icon-s);height:var(--gk-icon-s);border-radius:50%;background:color-mix(in srgb,var(--fg) 70%,transparent)}


.gx-folgen-hack .fh-tool{display:flex;align-items:center;gap:var(--gk-pad);padding:var(--gk-gap-s) var(--gk-gap-s) var(--gk-gap-s) var(--gk-pad);background:var(--gk-in)}
.gx-folgen-hack .fh-nav{display:inline-flex;align-items:center;gap:12px;flex:none;color:var(--fg-2)}
.gx-folgen-hack .fh-back{transform:rotate(180deg)}
.gx-folgen-hack .fh-fwd{opacity:.4}
.gx-folgen-hack .fh-url{display:grid;align-items:center;background:var(--gk-in)}
.gx-folgen-hack .fh-url svg.i{color:var(--fg-2)}
.gx-folgen-hack .fh-url svg.fh-red{color:var(--gk-red)}
.gx-folgen-hack .fh-url b{flex:none;padding-right:var(--gk-gap-s);margin-right:2px;font-weight:var(--w-medium);color:var(--gk-red)}
.gx-folgen-hack .fh-host{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--fg)}


.gx-folgen-hack .fh-view{position:relative;min-height:var(--fh-view-h);background:var(--gk-in);overflow:hidden}
.gx-folgen-hack .fh-load{align-self:start;display:block;height:2px;background:var(--fh-ink);transform-origin:left center;opacity:0}


.gx-folgen-hack .fh-site{display:flex;flex-direction:column;min-width:0;opacity:0}
.gx-folgen-hack .fh-bar{display:flex;align-items:center;min-height:var(--gk-row-h);padding:0 var(--gk-gap);background:color-mix(in srgb,var(--fg) 3%,transparent);font-size:var(--g-fs-s);white-space:nowrap}
.gx-folgen-hack .fh-logo{display:inline-flex;align-items:center;gap:var(--gk-gap-s);font-weight:var(--w-strong);color:var(--fg)}
.gx-folgen-hack .fh-mark{display:inline-grid;place-items:center;flex:none;width:calc(var(--gk-icon) * 1.5);aspect-ratio:1;border-radius:var(--r-sm);
  background:color-mix(in srgb,var(--fg) 10%,transparent);font-style:normal;font-size:var(--g-fs-s);font-weight:var(--w-strong);letter-spacing:-.02em;line-height:1}
.gx-folgen-hack .fh-hero{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--gk-gap-s);padding:var(--gk-gap)}
.gx-folgen-hack .fh-title{max-width:16ch;font-size:var(--g-fs-xl);font-weight:var(--w-medium);line-height:1.2;letter-spacing:-.02em;color:var(--fg);text-wrap:balance}
.gx-folgen-hack .fh-cta{display:inline-flex;align-items:center;height:calc(var(--gk-track-h) + 4px);margin-top:var(--gk-gap-s);padding:0 var(--gk-pad);border-radius:var(--r-full);
  background:var(--fg);color:var(--bg);font-size:var(--g-fs-s);font-weight:var(--w-medium);white-space:nowrap}


.gx-folgen-hack .fh-code{align-self:end;display:flex;flex-direction:column;gap:var(--gk-gap-s);min-width:0;margin:var(--gk-pad);padding:var(--gk-pad);
  border-radius:var(--r-sm);background:var(--gk-in-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-s2);opacity:0}
.gx-folgen-hack .fh-head{display:grid}
.gx-folgen-hack .fh-head > *{grid-area:1 / 1;display:inline-flex;align-items:center;gap:8px;font-size:var(--g-fs-s);font-weight:var(--w-medium);white-space:nowrap}
.gx-folgen-hack .fh-alert{color:var(--gk-red)}
.gx-folgen-hack .fh-fix{color:var(--fg);opacity:0}
.gx-folgen-hack .fh-lines{display:flex;flex-direction:column;gap:2px;font-size:var(--g-fs-s);line-height:1.5;white-space:nowrap}
.gx-folgen-hack .fh-ln{position:relative;display:block;max-height:1.5em;padding:0 8px 0 24px;overflow:hidden;color:var(--fg-3)}
.gx-folgen-hack .fh-ln.is-bad{background:color-mix(in srgb,var(--gk-red) 12%,transparent);color:var(--gk-red)}
.gx-folgen-hack .fh-ln.is-bad::before{content:"+";position:absolute;left:8px;font-weight:var(--w-medium)}


.gx-folgen-hack .fh-warn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--gk-gap-s);min-width:0;padding:var(--gk-gap);
  background:var(--fh-warn-bg);color:var(--fg)}
.gx-folgen-hack .fh-ic{width:calc(var(--gk-icon) * 2.5);height:calc(var(--gk-icon) * 2.5);margin-bottom:4px;color:var(--gk-red)}
.gx-folgen-hack .fh-h{font-size:var(--g-fs-xl);font-weight:var(--w-strong);line-height:1.2;letter-spacing:-.02em;color:var(--gk-red)}


.gx-folgen-hack .fh-act{display:none;justify-items:center;min-width:0}
.gx-folgen-hack.fh-js .fh-act{display:grid}
.gx-folgen-hack .fh-act > button{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--fh-btn-h);max-width:100%;margin:0;padding:0 var(--gk-pad);
  border:0;border-radius:var(--r-full);font:inherit;font-size:var(--g-fs-m);font-weight:var(--w-medium);line-height:1.2;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .4s var(--ease),visibility 0s linear .4s,transform .4s var(--ease),background-color var(--gk-t)}
.gx-folgen-hack .fh-save{padding:0 calc(var(--gk-pad) + 8px);background:var(--fg);color:var(--bg)}
.gx-folgen-hack .fh-again{background:var(--gk-in-h);color:var(--fg)}
.gx-folgen-hack .fh-act > button svg.i{color:currentColor}
.gx-folgen-hack .fh-act > button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.gx-folgen-hack.fh-ready .fh-save,.gx-folgen-hack.fh-saved .fh-again{opacity:1;visibility:visible;transform:none;transition-delay:0s}

.gx-folgen-hack.fh-clean .fh-save{opacity:0;visibility:visible;transform:none;pointer-events:none;transition-delay:0s}
.gx-folgen-hack.fh-ready .fh-save{animation:gk-ring var(--gk-loop) ease-out .6s infinite;--gk-live-c:var(--fg)}
@media (hover:hover){
  .gx-folgen-hack.fh-ready .fh-save:hover{background:color-mix(in srgb,var(--fg) 84%,transparent);transform:translateY(var(--gk-lift))}
  .gx-folgen-hack.fh-saved .fh-again:hover{background:var(--line);transform:translateY(var(--gk-lift))}
}


.gx-folgen-hack .fh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gk-gap-s);margin-top:calc(var(--gk-gap-s) - var(--gk-gap))}
.gx-folgen-hack .fh-step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.gx-folgen-hack .fh-track{position:relative;display:block;align-self:stretch;height:4px;border-radius:var(--r-full);background:var(--gk-in);overflow:hidden}
.gx-folgen-hack .fh-fill{position:absolute;inset:0;background:var(--fh-ink);transform-origin:left center}
.gx-folgen-hack :is(.fh-s2,.fh-s3) .fh-fill{background:var(--gk-red)}
.gx-folgen-hack .fh-s4 .fh-fill{transform:scaleX(0)}
.gx-folgen-hack .fh-lab{font-size:var(--g-fs-s);line-height:1.3;color:var(--fg-3);text-align:center;white-space:nowrap}
.gx-folgen-hack .fh-s3 .fh-lab{color:var(--gk-red)}


.gx-folgen-hack.fh-saved :is(.fh-site,.fh-ok){opacity:1}
.gx-folgen-hack.fh-saved :is(.fh-warn,.fh-code,.fh-bad){opacity:0}
.gx-folgen-hack.fh-saved .fh-ln.is-bad{max-height:0;opacity:0}
.gx-folgen-hack.fh-saved :is(.fh-s2,.fh-s3) .fh-fill{background:var(--fh-ink)}
.gx-folgen-hack.fh-saved .fh-s4 .fh-fill{transform:none;background:var(--ok)}
.gx-folgen-hack.fh-saved .fh-s3 .fh-lab{color:var(--fg-3)}
.gx-folgen-hack.fh-saved .fh-s4 .fh-lab{color:var(--ok)}
.gx-folgen-hack:is(.fh-clean,.fh-saved) .fh-url svg.fh-lock{color:var(--ok)}
.gx-folgen-hack:is(.fh-clean,.fh-saved) .fh-alert{opacity:0}
.gx-folgen-hack.fh-clean .fh-fix{opacity:1}


.gx-folgen-hack.in.fh-play :is(.fh-load,.fh-site,.fh-hero,.fh-code,.fh-in1,.fh-in2,.fh-alert,.fh-warn,.fh-ok,.fh-bad,.fh-fill,.fh-lab){
  animation-duration:var(--fh-run);animation-delay:var(--fh-start);animation-iteration-count:1;animation-fill-mode:both;animation-timing-function:ease-in-out}
.gx-folgen-hack.in.fh-play .fh-load{animation-name:fh-load}
.gx-folgen-hack.in.fh-play .fh-site{animation-name:fh-site}
.gx-folgen-hack.in.fh-play .fh-hero{animation-name:fh-hero}
.gx-folgen-hack.in.fh-play .fh-code{animation-name:fh-code}
.gx-folgen-hack.in.fh-play .fh-in1{animation-name:fh-in1}
.gx-folgen-hack.in.fh-play .fh-in2{animation-name:fh-in2}
.gx-folgen-hack.in.fh-play .fh-alert{animation-name:fh-alert}
.gx-folgen-hack.in.fh-play .fh-warn{animation-name:fh-warn}
.gx-folgen-hack.in.fh-play .fh-ok{animation-name:fh-ok}
.gx-folgen-hack.in.fh-play .fh-bad{animation-name:fh-bad}
.gx-folgen-hack.in.fh-play .fh-s1 .fh-fill{animation-name:fh-f1}
.gx-folgen-hack.in.fh-play .fh-s2 .fh-fill{animation-name:fh-f2}
.gx-folgen-hack.in.fh-play .fh-s3 .fh-fill{animation-name:fh-f3}
.gx-folgen-hack.in.fh-play .fh-s1 .fh-lab{animation-name:fh-l1}
.gx-folgen-hack.in.fh-play .fh-s2 .fh-lab{animation-name:fh-l2}
.gx-folgen-hack.in.fh-play .fh-s3 .fh-lab{animation-name:fh-l3}
.gx-folgen-hack.in.fh-play .fh-s4 :is(.fh-fill,.fh-lab){animation:none}


@keyframes fh-load{0%{opacity:1;transform:scaleX(0)}17.5%{opacity:1;transform:scaleX(1)}23.3%,100%{opacity:0;transform:scaleX(1)}}
@keyframes fh-site{0%,2.9%{opacity:0}13.1%,45.5%{opacity:1}50.9%,81.8%{opacity:.4}87.3%,100%{opacity:0}}

@keyframes fh-hero{0%,45.5%{opacity:1}50.9%,87.3%{opacity:0}90%,100%{opacity:1}}

@keyframes fh-code{0%,45.5%{opacity:0;transform:translateY(8px)}50.9%,81.8%{opacity:1;transform:none}87.3%,100%{opacity:0;transform:none}}
@keyframes fh-in1{0%,52.4%{opacity:0}56.7%,100%{opacity:1}}
@keyframes fh-in2{0%,59.6%{opacity:0}64%,100%{opacity:1}}
@keyframes fh-alert{0%,65.5%{opacity:0}69.8%,100%{opacity:1}}

@keyframes fh-warn{0%,81.8%{opacity:0}87.3%,100%{opacity:1}}
@keyframes fh-ok{0%,81.8%{opacity:1}85.8%,100%{opacity:0}}
@keyframes fh-bad{0%,81.8%{opacity:0}85.8%,100%{opacity:1}}

@keyframes fh-f1{0%{transform:scaleX(0)}45.5%,100%{transform:scaleX(1)}}
@keyframes fh-f2{0%,45.5%{transform:scaleX(0)}81.8%,100%{transform:scaleX(1)}}
@keyframes fh-f3{0%,81.8%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes fh-l1{0%,43.6%{color:var(--fg)}48%,100%{color:var(--fg-3)}}
@keyframes fh-l2{0%,43.6%{color:var(--fg-3)}48%,80%{color:var(--gk-red)}84.4%,100%{color:var(--fg-3)}}
@keyframes fh-l3{0%,80%{color:var(--fg-3)}84.4%,100%{color:var(--gk-red)}}


.gx-folgen-hack.fh-clean :is(.fh-warn,.fh-code,.fh-ln.is-bad,.fh-site,.fh-hero,.fh-ok,.fh-bad,.fh-fill,.fh-s3 .fh-lab,.fh-s4 .fh-lab){
  animation-duration:var(--fh-fix);animation-iteration-count:1;animation-fill-mode:both;animation-timing-function:ease-in-out}
.gx-folgen-hack.fh-clean .fh-warn{animation-name:fh-c-warn}
.gx-folgen-hack.fh-clean .fh-code{animation-name:fh-c-code}
.gx-folgen-hack.fh-clean .fh-ln.is-bad{animation-name:fh-c-line}
.gx-folgen-hack.fh-clean .fh-site{animation-name:fh-c-site}
.gx-folgen-hack.fh-clean .fh-hero{animation-name:fh-c-hero}
.gx-folgen-hack.fh-clean .fh-ok{animation-name:fh-c-ok}
.gx-folgen-hack.fh-clean .fh-bad{animation-name:fh-c-bad}
.gx-folgen-hack.fh-clean .fh-s1 .fh-fill{animation:none}
.gx-folgen-hack.fh-clean :is(.fh-s2,.fh-s3) .fh-fill{animation-name:fh-c-red}
.gx-folgen-hack.fh-clean .fh-s4 .fh-fill{animation-name:fh-c-f4}
.gx-folgen-hack.fh-clean .fh-s3 .fh-lab{animation-name:fh-c-l3}
.gx-folgen-hack.fh-clean .fh-s4 .fh-lab{animation-name:fh-c-l4}
.gx-folgen-hack.fh-clean .fh-spin{animation:fh-spin .9s linear infinite}
@keyframes fh-c-warn{0%{opacity:1}16.7%,100%{opacity:0}}
@keyframes fh-c-code{0%,8.3%{opacity:0;transform:translateY(8px)}25%,75%{opacity:1;transform:none}88.9%,100%{opacity:0;transform:none}}
@keyframes fh-c-line{0%,30%{opacity:1;max-height:1.5em}50%{opacity:0;max-height:1.5em}65%,100%{opacity:0;max-height:0}}
@keyframes fh-c-site{0%{opacity:0}16.7%,80%{opacity:.4}100%{opacity:1}}
@keyframes fh-c-hero{0%,80%{opacity:0}100%{opacity:1}}
@keyframes fh-c-ok{0%,80%{opacity:0}88.9%,100%{opacity:1}}
@keyframes fh-c-bad{0%,80%{opacity:1}88.9%,100%{opacity:0}}
@keyframes fh-c-red{0%,83%{background-color:var(--gk-red)}92%,100%{background-color:var(--fh-ink)}}
@keyframes fh-c-f4{0%,16.7%{transform:scaleX(0);background-color:var(--fh-ink)}80%,83%{transform:scaleX(1);background-color:var(--fh-ink)}92%,100%{transform:scaleX(1);background-color:var(--ok)}}
@keyframes fh-c-l3{0%,83%{color:var(--gk-red)}92%,100%{color:var(--fg-3)}}
@keyframes fh-c-l4{0%,83%{color:var(--fg-3)}92%,100%{color:var(--ok)}}
@keyframes fh-spin{to{transform:rotate(360deg)}}


.gx-folgen-hack .fh-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


@media (prefers-reduced-motion:reduce){
  .gx-folgen-hack *{animation:none!important}
  .gx-folgen-hack .fh-act > button{transform:none!important}
}


@container (max-width:400px){
  .gx-folgen-hack .fh-tabs .gk-win-dots,.gx-folgen-hack .fh-back,.gx-folgen-hack .fh-fwd{display:none}
  .gx-folgen-hack .fh-tabs{padding-left:var(--gk-gap-s)}
  .gx-folgen-hack .fh-tool{padding-left:var(--gk-pad);gap:12px}
  .gx-folgen-hack .fh-bar{padding:0 var(--gk-pad)}
  .gx-folgen-hack .fh-hero,.gx-folgen-hack .fh-warn{padding:var(--gk-pad)}
  .gx-folgen-hack .fh-code{margin:var(--gk-gap-s);padding:var(--gk-gap-s)}
  .gx-folgen-hack .fh-ic{width:calc(var(--gk-icon) * 2);height:calc(var(--gk-icon) * 2)}
  .gx-folgen-hack .fh-view{min-height:calc(var(--gk-row-h) * 4.5)}
  .gx-folgen-hack .fh-lab{white-space:normal}
}
@container (max-width:280px){
  .gx-folgen-hack .fh-url b{display:none}
  .gx-folgen-hack .fh-head > *{white-space:normal}
}

@container (max-width:220px){
  .gx-folgen-hack .fh-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--gk-gap-s)}
  .gx-folgen-hack .fh-lab{white-space:nowrap}
}



.gx-folgen-rechnung{--fr-h:calc(var(--gk-row-h) * 4)}
.gx-folgen-rechnung .fr-plot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gk-gap-s);align-items:end}
.gx-folgen-rechnung .fr-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--gk-gap-s);min-width:0}

.gx-folgen-rechnung .fr-v{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.15;font-size:var(--g-fs-m);white-space:nowrap}
.gx-folgen-rechnung .fr-p{color:var(--fg-2)}
.gx-folgen-rechnung .fr-n{color:var(--fg);font-weight:var(--w-medium)}
.gx-folgen-rechnung .fr-c3 .fr-n{font-size:var(--g-fs-xl);letter-spacing:-.02em}

.gx-folgen-rechnung .fr-bar{display:block;width:100%;max-width:calc(var(--gk-tile) * 1.5);transition:transform var(--gk-t)}
.gx-folgen-rechnung .fr-c1 .fr-bar{height:max(calc(var(--fr-h) * .111),16px)}
.gx-folgen-rechnung .fr-c2 .fr-bar{height:calc(var(--fr-h) * .222)}
.gx-folgen-rechnung .fr-c3 .fr-bar{height:var(--fr-h)}
.gx-folgen-rechnung .fr-fill{display:block;width:100%;height:100%;border-radius:var(--r-sm);
  transition:opacity var(--t-slow) var(--ease) var(--d,0s),transform .8s var(--ease) var(--d,0s),background-color var(--gk-t) 0s}

.gx-folgen-rechnung .fr-c1 .fr-fill{background:color-mix(in srgb,var(--gk-red) 30%,transparent)}
.gx-folgen-rechnung .fr-c2 .fr-fill{background:color-mix(in srgb,var(--gk-red) 60%,transparent)}
.gx-folgen-rechnung .fr-c3 .fr-fill{background:var(--gk-red)}

.gx-folgen-rechnung .fr-k{justify-self:center;align-self:start;display:flex;flex-direction:column;align-items:center;max-width:100%;text-align:center;font-size:var(--g-fs-s);line-height:1.25;color:var(--fg-2);hyphens:manual}
.gx-folgen-rechnung .fr-k > span{max-width:100%}
@media (hover:hover){
  .gx-folgen-rechnung .fr-bar:hover{transform:translateY(var(--gk-lift))}
  .gx-folgen-rechnung .fr-c1 .fr-bar:hover .fr-fill{background-color:color-mix(in srgb,var(--gk-red) 42%,transparent)}
  .gx-folgen-rechnung .fr-c2 .fr-bar:hover .fr-fill{background-color:color-mix(in srgb,var(--gk-red) 74%,transparent)}
}
@media (prefers-reduced-motion:reduce){.gx-folgen-rechnung .fr-bar{transform:none!important}}

@media (min-width:901px){.gx-folgen-rechnung{--fr-h:calc(var(--gk-row-h) * 5.5)}}

@container (max-width:280px){.gx-folgen-rechnung .fr-c3 .fr-n{font-size:var(--g-fs-l)}}

@container (max-width:200px){
  .gx-folgen-rechnung .fr-plot{column-gap:4px}
  .gx-folgen-rechnung .fr-c3 .fr-n{font-size:var(--g-fs-m);letter-spacing:-.02em}
}



.gx-rundum-schutz .rs-head{display:flex;align-items:center;gap:var(--gk-gap-s)}
.gx-rundum-schutz .rs-head .gk-tile{width:var(--gk-tile);flex:none}
.gx-rundum-schutz .rs-url{font-size:var(--g-fs-l);font-weight:var(--w-medium);color:var(--fg);white-space:nowrap}
.gx-rundum-schutz .rs-on{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--ok);white-space:nowrap}
.gx-rundum-schutz .rs-dot{display:block;flex:none;width:var(--gk-key);height:var(--gk-key);border-radius:50%;background:var(--ok)}
.gx-rundum-schutz .rs-rows{grid-template-columns:repeat(2,minmax(0,1fr))}
.gx-rundum-schutz .rs-atk{color:var(--gk-red)}
.gx-rundum-schutz .rs-ok{color:var(--ok)}


@container (max-width:420px){.gx-rundum-schutz .rs-rows{grid-template-columns:minmax(0,1fr)}}

@container (max-width:260px){
  .gx-rundum-schutz .rs-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--gk-gap-s);row-gap:2px}
  .gx-rundum-schutz .rs-head .gk-tile{grid-row:span 2}
  .gx-rundum-schutz .rs-url{align-self:end}
  .gx-rundum-schutz .rs-on{align-self:start;margin-left:0}
  .gx-rundum-schutz .rs-rows .gk-row{flex-wrap:nowrap}
  .gx-rundum-schutz .rs-rows .gk-k{min-width:0;white-space:normal}
}
@container (max-width:200px){
  .gx-rundum-schutz{--g-fs-m:13px;--g-fs-l:14px}
  .gx-rundum-schutz .gk-k{gap:8px}
}



.gx.gk.gx-zeitvorsprung{gap:var(--gk-gap);--pza-name:calc(var(--gk-tile) * 2.2)}
.gx-zeitvorsprung .pza-lane{display:grid;grid-template-columns:var(--pza-name) minmax(0,1fr);align-items:center;gap:var(--gk-gap-s);min-height:var(--gk-row-h)}
.gx-zeitvorsprung .pza-name{font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--fg);white-space:nowrap}
.gx-zeitvorsprung .pza-track{position:relative;display:block;height:var(--gk-track-h);border-radius:var(--r-sm);background:var(--gk-in);transition:transform var(--gk-t),background-color var(--gk-t)}
@media (hover:hover){.gx-zeitvorsprung .pza-track:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}}
.gx-zeitvorsprung .pza-bar{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-left:10px;border-radius:var(--r-sm);font-style:normal}
.gx-zeitvorsprung .pza-bar b{font-size:var(--g-fs-s);font-weight:var(--w-medium);white-space:nowrap}

.gx-zeitvorsprung .pza-bar.is-on{left:0;background:var(--accent)}
.gx-zeitvorsprung .pza-bar.is-on b{color:var(--on-accent)}
.gx-zeitvorsprung .pza-bar.is-atk{left:62.5%;background:color-mix(in srgb,var(--fg) 16%,transparent)}
.gx-zeitvorsprung .pza-bar.is-atk b{color:var(--fg)}
.gx-zeitvorsprung .pza-axis{display:grid;grid-template-columns:var(--pza-name) minmax(0,1fr);gap:var(--gk-gap-s);font-size:var(--g-fs-s);color:var(--fg-3)}
.gx-zeitvorsprung .pza-ax{display:flex;justify-content:space-between;white-space:nowrap}
.gx-zeitvorsprung .pza-lane .pza-bar{transform-origin:left center}
@container (max-width:300px){.gx-zeitvorsprung{--pza-name:calc(var(--gk-tile) * 1.7)}.gx-zeitvorsprung .pza-name{font-size:var(--g-fs-s)}}
.gx-zeitvorsprung .pza-name{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.gx-zeitvorsprung .pza-name small{font-size:var(--g-fs-s);font-weight:var(--w-regular);color:var(--fg-2)}
.gx-zeitvorsprung .pza-short{display:none}
@container (max-width:250px){.gx-zeitvorsprung .pza-long{display:none}.gx-zeitvorsprung .pza-short{display:inline}}
.gx-zeitvorsprung .pza-axis{margin-top:calc(var(--gk-gap-s) - var(--gk-gap))}


@container (max-width:260px){
  .gx-zeitvorsprung .pza-lane{grid-template-columns:minmax(0,1fr);gap:var(--gk-gap-s)}
  .gx-zeitvorsprung .pza-name{flex-direction:row;justify-content:space-between;align-items:baseline}
  .gx-zeitvorsprung .pza-axis{grid-template-columns:minmax(0,1fr)}.gx-zeitvorsprung .pza-sp{display:none}
}
@container (max-width:260px){.gx-zeitvorsprung .pza-long{display:inline}.gx-zeitvorsprung .pza-short{display:none}}


.gx-zeitvorsprung .pza-bar.is-atk{background:color-mix(in srgb,var(--gk-red) 70%,transparent)}


.gx-zeitvorsprung .pza-lane.is-upd .pza-track{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 22%,transparent);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--fg) 7%,transparent) 0 6px,transparent 6px 12px)}
.gx-zeitvorsprung .pza-lane.is-upd .pza-name{color:var(--fg-2)}
.gx-zeitvorsprung .pza-lane.is-upd .pza-name small{white-space:normal}



.gx-fruehwarnung .fw-log{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--gk-gap-s) var(--gk-pad)}
.gx-fruehwarnung .fw-t{font-size:var(--g-fs-s);color:var(--fg-3);white-space:nowrap}


.gx-fruehwarnung .fw-hit{background:color-mix(in srgb,var(--gk-red) 8%,transparent)}
.gx-fruehwarnung .fw-hit .gk-k{color:var(--gk-red)}
.gx-fruehwarnung .fw-fix{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.gx-fruehwarnung .fw-fix .gk-k{color:var(--ok)}
.gx-fruehwarnung .fw-alarm .gk-k{color:var(--fg)}
@media (hover:hover){
  .gx-fruehwarnung .fw-hit:hover{background:color-mix(in srgb,var(--gk-red) 13%,transparent)}
  .gx-fruehwarnung .fw-fix:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}
}


.gx-fruehwarnung .fw-res{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--gk-gap-s) var(--gk-gap)}
.gx-fruehwarnung .fw-kpi{display:inline-flex;align-items:baseline;gap:var(--gk-gap-s);white-space:nowrap}
.gx-fruehwarnung .fw-n{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;color:var(--fg)}
.gx-fruehwarnung .fw-l{font-size:var(--g-fs-m);color:var(--fg-2)}
.gx-fruehwarnung .fw-on{display:inline-flex;align-items:center;gap:8px;font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--ok);white-space:nowrap}
.gx-fruehwarnung .fw-dot{flex:none;width:var(--gk-key);height:var(--gk-key);border-radius:50%;background:var(--ok)}


@container (max-width:280px){
  .gx-fruehwarnung .fw-log{grid-template-columns:minmax(0,1fr);row-gap:4px}
  .gx-fruehwarnung .fw-log > .gk-row + .fw-t{margin-top:var(--gk-gap-s)}
}
@container (max-width:200px){
  .gx-fruehwarnung .gk-row{white-space:normal;padding-block:8px}
  .gx-fruehwarnung .gk-k{hyphens:auto}
  .gx-fruehwarnung .gk-k svg.i{display:none}
  .gx-fruehwarnung .fw-kpi{white-space:normal}
}





.gx-kunden-dashboard .kd-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gk-gap-s) var(--gk-gap);font-size:var(--g-fs-m)}
.gx-kunden-dashboard .kd-site{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--fg);font-weight:var(--w-medium);white-space:nowrap}
.gx-kunden-dashboard .kd-site svg.i{color:var(--fg-3)}
.gx-kunden-dashboard .kd-state{display:inline-flex;align-items:center;gap:8px;color:var(--ok);font-weight:var(--w-medium);white-space:nowrap}
.gx-kunden-dashboard .kd-dot{flex:none;width:var(--gk-key);height:var(--gk-key);border-radius:50%;background:var(--ok)}


.gx-kunden-dashboard .kd-kpi{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--gk-gap-s)}
.gx-kunden-dashboard .kd-num-wrap{display:grid;gap:6px}
.gx-kunden-dashboard .kd-num{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;color:var(--fg)}
.gx-kunden-dashboard .kd-lab{font-size:var(--g-fs-s);color:var(--fg-2);white-space:nowrap}
.gx-kunden-dashboard .kd-spark{flex:1 1 120px;max-width:176px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));column-gap:2px;align-items:end;height:var(--gk-row-h)}
.gx-kunden-dashboard .kd-spark i{display:block;height:var(--h);border-radius:2px;background:color-mix(in srgb,var(--accent) 45%,transparent)}
:root[data-theme="dark"] .gx-kunden-dashboard .kd-spark i{background:color-mix(in srgb,var(--ok) 55%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gx-kunden-dashboard .kd-spark i{background:color-mix(in srgb,var(--ok) 55%,transparent)}}


.gx-kunden-dashboard .kd-spark .h26{--h:26%}.gx-kunden-dashboard .kd-spark .h27{--h:27%}.gx-kunden-dashboard .kd-spark .h28{--h:28%}.gx-kunden-dashboard .kd-spark .h29{--h:29%}
.gx-kunden-dashboard .kd-spark .h30{--h:30%}.gx-kunden-dashboard .kd-spark .h31{--h:31%}.gx-kunden-dashboard .kd-spark .h33{--h:33%}.gx-kunden-dashboard .kd-spark .h34{--h:34%}
.gx-kunden-dashboard .kd-spark .h35{--h:35%}.gx-kunden-dashboard .kd-spark .h36{--h:36%}.gx-kunden-dashboard .kd-spark .h38{--h:38%}.gx-kunden-dashboard .kd-spark .h40{--h:40%}
.gx-kunden-dashboard .kd-spark .h42{--h:42%}.gx-kunden-dashboard .kd-spark .h44{--h:44%}.gx-kunden-dashboard .kd-spark .h58{--h:58%}.gx-kunden-dashboard .kd-spark .h72{--h:72%}
.gx-kunden-dashboard .kd-spark .h100{--h:100%}


@container (max-width:419px){.gx-kunden-dashboard .kd-x{display:none}}
@container (max-width:280px){.gx-kunden-dashboard .kd-spark{flex-basis:100%;max-width:none;height:calc(var(--gk-row-h) * .75)}}
@container (max-width:260px){
  .gx-kunden-dashboard .gk-row .gk-k svg.i{display:none}
  .gx-kunden-dashboard .gk-row{flex-wrap:nowrap;white-space:nowrap;padding-block:0}
}
@container (max-width:200px){
  .gx-kunden-dashboard .gk-row{flex-wrap:wrap;white-space:normal;padding-block:8px}
  .gx-kunden-dashboard .gk-row > *{white-space:normal;min-width:0;hyphens:auto}
  .gx-kunden-dashboard .kd-lab{white-space:normal}
}



.gx-r7d-backups.gx.gk{--gk-edge:12px}
.gx-r7d-backups .gk-rows{padding-inline:var(--gk-edge)}

.gx-r7d-backups .r7b-short{display:none}
@container (max-width:220px){.gx-r7d-backups .r7b-long{display:none}.gx-r7d-backups .r7b-short{display:inline}}


@container (max-width:240px){.gx-r7d-backups .gk-row{flex-wrap:wrap;white-space:normal;padding-block:8px}.gx-r7d-backups .gk-row > *{white-space:normal;min-width:0;hyphens:auto}}
@container (max-width:200px){.gx-r7d-backups .gk-row .gk-k svg.i{display:none}}



.gx-r7d-uhr{align-items:center}
.gx-r7d-uhr .r7u-dial{width:100%;max-width:calc(var(--gk-row-h) * 4.5)}
.gx-r7d-uhr .r7u-face{display:block;width:100%;height:auto;overflow:visible}
.gx-r7d-uhr .r7u-track{fill:none;stroke:var(--gk-in);stroke-width:12}
.gx-r7d-uhr .r7u-seg{fill:none;stroke:color-mix(in srgb,var(--ok) 72%,transparent);stroke-width:14;transition:stroke var(--gk-t)}
.gx-r7d-uhr .r7u-seg.is-on{stroke:var(--accent);stroke-width:12}
.gx-r7d-uhr .r7u-h{font-size:var(--g-fs-s);fill:var(--fg-3);text-anchor:middle;dominant-baseline:central}
.gx-r7d-uhr .r7u-c{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;fill:var(--fg);text-anchor:middle;dominant-baseline:central}
.gx-r7d-uhr .r7u-cu{font-size:var(--g-fs-s);fill:var(--fg-3);text-anchor:middle;dominant-baseline:central}

.gx-r7d-uhr .r7u-legend{display:grid;justify-content:center;justify-items:start}
@media (hover:hover){
  .gx-r7d-uhr .r7u-seg:hover{stroke:var(--ok)}
  .gx-r7d-uhr .r7u-seg.is-on:hover{stroke:var(--accent-hover,var(--accent))}
}


.gx-r7d-uhr{--gk-live-step:.15s}
.gx-r7d-uhr .r7u-face > g:nth-of-type(2) .r7u-seg{--i:1}.gx-r7d-uhr .r7u-face > g:nth-of-type(3) .r7u-seg{--i:2}.gx-r7d-uhr .r7u-face > g:nth-of-type(4) .r7u-seg{--i:3}.gx-r7d-uhr .r7u-face > g:nth-of-type(5) .r7u-seg{--i:4}.gx-r7d-uhr .r7u-face > g:nth-of-type(6) .r7u-seg{--i:5}.gx-r7d-uhr .r7u-face > g:nth-of-type(7) .r7u-seg{--i:6}.gx-r7d-uhr .r7u-face > g:nth-of-type(8) .r7u-seg{--i:7}.gx-r7d-uhr .r7u-face > g:nth-of-type(9) .r7u-seg{--i:8}.gx-r7d-uhr .r7u-face > g:nth-of-type(10) .r7u-seg{--i:9}.gx-r7d-uhr .r7u-face > g:nth-of-type(11) .r7u-seg{--i:10}.gx-r7d-uhr .r7u-face > g:nth-of-type(12) .r7u-seg{--i:11}.gx-r7d-uhr .r7u-face > g:nth-of-type(13) .r7u-seg{--i:12}.gx-r7d-uhr .r7u-face > g:nth-of-type(14) .r7u-seg{--i:13}.gx-r7d-uhr .r7u-face > g:nth-of-type(15) .r7u-seg{--i:14}.gx-r7d-uhr .r7u-face > g:nth-of-type(16) .r7u-seg{--i:15}.gx-r7d-uhr .r7u-face > g:nth-of-type(17) .r7u-seg{--i:16}.gx-r7d-uhr .r7u-face > g:nth-of-type(18) .r7u-seg{--i:17}.gx-r7d-uhr .r7u-face > g:nth-of-type(19) .r7u-seg{--i:18}.gx-r7d-uhr .r7u-face > g:nth-of-type(20) .r7u-seg{--i:19}.gx-r7d-uhr .r7u-face > g:nth-of-type(21) .r7u-seg{--i:20}.gx-r7d-uhr .r7u-face > g:nth-of-type(22) .r7u-seg{--i:21}.gx-r7d-uhr .r7u-face > g:nth-of-type(23) .r7u-seg{--i:22}.gx-r7d-uhr .r7u-face > g:nth-of-type(24) .r7u-seg{--i:23}

.gx-r7d-uhr .r7u-foot{margin:0;text-align:center;font-size:var(--g-fs-m);color:var(--fg-2)}



.gx-ernstfall .ef-why{font-size:var(--g-fs-s);font-weight:var(--w-regular);color:var(--fg-3)}
@container (max-width:300px){.gx-ernstfall .gk-row .gk-k:has(.ef-why){flex-direction:column;align-items:flex-start;gap:2px;padding-block:8px}}



.gx-g6-bereinigung .g6b-file{display:flex;flex-direction:column;border-radius:var(--r-md);background:var(--gk-in);overflow:hidden;
  transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-g6-bereinigung .g6b-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--gk-row-h);
  padding:0 12px 0 var(--gk-pad);box-shadow:inset 0 -1px 0 var(--g-line);font-size:var(--g-fs-m);white-space:nowrap}
.gx-g6-bereinigung .g6b-name{display:inline-flex;align-items:center;gap:var(--gk-gap-s);min-width:0;color:var(--fg);font-weight:var(--w-medium)}
.gx-g6-bereinigung .g6b-pill{display:inline-flex;align-items:center;gap:4px;flex:none;height:var(--gk-track-h);padding:0 12px 0 10px;
  border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font-size:var(--g-fs-s);font-weight:var(--w-medium)}
.gx-g6-bereinigung .g6b-code{display:grid;padding:var(--gk-gap-s) 0}
.gx-g6-bereinigung .g6b-ln{display:grid;grid-template-columns:calc(var(--gk-pad) * 2) var(--gk-dot) minmax(0,1fr);align-items:center;column-gap:var(--gk-gap-s);
  height:calc(var(--gk-row-h) / 2);padding-right:var(--gk-pad)}
.gx-g6-bereinigung .g6b-n{font-size:var(--g-fs-s);line-height:1;color:var(--fg-3);text-align:right}
.gx-g6-bereinigung .g6b-dot{width:var(--gk-dot);height:var(--gk-dot);border-radius:50%}
.gx-g6-bereinigung .g6b-tx{display:block;width:var(--w,60%);height:var(--gk-key);margin-left:var(--in,0%);border-radius:var(--r-full);
  background:color-mix(in srgb,var(--fg) 16%,transparent)}

.gx-g6-bereinigung .g6b-ln.is-hit .g6b-dot{background:var(--gk-red)}
.gx-g6-bereinigung .g6b-ln.is-hit .g6b-tx{height:2px;border-radius:0;
  background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--fg) 28%,transparent) 0 4px,transparent 4px 8px)}

.gx-g6-bereinigung .g6b-l1{--w:34%}
.gx-g6-bereinigung .g6b-l2{--w:58%;--in:8%}
.gx-g6-bereinigung .g6b-l3{--w:84%;--in:8%}
.gx-g6-bereinigung .g6b-l4{--w:66%;--in:8%}
.gx-g6-bereinigung .g6b-l5{--w:46%;--in:8%}
.gx-g6-bereinigung .g6b-l6{--w:62%;--in:16%}
.gx-g6-bereinigung .g6b-l7{--w:12%}
.gx-g6-bereinigung .g6b-legend{justify-content:center}
@media (hover:hover){.gx-g6-bereinigung .g6b-file:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}}
@media (prefers-reduced-motion:reduce){.gx-g6-bereinigung .g6b-file{transform:none!important}}
@container (max-width:280px){.gx-g6-bereinigung .g6b-name svg.i{display:none}}

.gx-g6-bereinigung .g6b-ln.is-hit .g6b-dot{background:var(--ok)}
.gx-g6-bereinigung .g6b-cut{font-size:var(--g-fs-s);font-weight:var(--w-medium);color:var(--ok);white-space:nowrap}


@container (max-width:260px){.gx-g6-bereinigung .g6b-bar{flex-wrap:wrap;row-gap:var(--gk-gap-s);padding-block:var(--gk-gap-s)}}


.gx-g6-bereinigung .g6b-bar{box-shadow:none;background:var(--gk-in)}



.gx-sh3-zugang .s3z-user{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--gk-gap-s);
  min-height:calc(var(--gk-row-h) + var(--gk-gap-s) + 4px);padding-block:var(--gk-gap-s)}
.gx-sh3-zugang .s3z-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.gx-sh3-zugang .s3z-name,.gx-sh3-zugang .s3z-role{display:block;line-height:1.3;white-space:nowrap}
.gx-sh3-zugang .s3z-role{font-size:var(--g-fs-s);color:var(--fg-3)}
.gx-sh3-zugang .s3z-user.is-you .s3z-name{color:var(--fg-2)}
.gx-sh3-zugang .s3z-av svg.i{color:var(--fg-2)}
.gx-sh3-zugang .s3z-pill{display:block;justify-self:end}
.gx-sh3-zugang .s3z-pill-in{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-full);
  background:color-mix(in srgb,var(--ok) 12%,transparent);font-size:var(--g-fs-s);font-weight:var(--w-medium);line-height:1.3;color:var(--ok);white-space:nowrap}
.gx-sh3-zugang .s3z-note{display:flex;align-items:center;gap:var(--gk-gap-s);padding-inline:var(--gk-pad);font-size:var(--g-fs-s);line-height:1.3;color:var(--fg-3)}
.gx-sh3-zugang .s3z-note svg.i{color:var(--fg-3)}

@container (max-width:340px){
  .gx-sh3-zugang .s3z-user{grid-template-columns:auto minmax(0,1fr);row-gap:var(--gk-gap-s)}
  .gx-sh3-zugang .s3z-pill{grid-column:2;justify-self:start}
}

@container (max-width:200px){
  .gx-sh3-zugang .s3z-user{grid-template-columns:minmax(0,1fr)}
  .gx-sh3-zugang .s3z-av{display:none}
  .gx-sh3-zugang .s3z-pill{grid-column:1;max-width:100%}
  .gx-sh3-zugang .s3z-pill-in{align-items:flex-start;padding-inline:10px;border-radius:var(--r-md);white-space:normal}
  .gx-sh3-zugang .s3z-pill-in svg.i{margin-top:2px}
  .gx-sh3-zugang .s3z-name,.gx-sh3-zugang .s3z-role{white-space:normal;hyphens:auto}
  .gx-sh3-zugang .s3z-note{align-items:flex-start;padding-inline:0}
  .gx-sh3-zugang .s3z-note svg.i{margin-top:2px}
}

@container (max-width:150px){.gx-sh3-zugang .s3z-pill-in svg.i{display:none}}



.gx-r7c-systeme .r7y{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gk-gap-s)}
.gx-r7c-systeme .r7y-c{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;
  min-height:calc(var(--gk-row-h) * 2 - var(--gk-gap-s));padding:var(--gk-pad);border-radius:var(--r-md);background:var(--gk-in);
  transition:transform var(--gk-t),background-color var(--gk-t)}
@media (hover:hover){.gx-r7c-systeme .r7y-c:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}}
@media (prefers-reduced-motion:reduce){.gx-r7c-systeme .r7y-c{transform:none!important}}
.gx-r7c-systeme .r7y-i{display:grid;place-items:center;width:var(--gk-mark);aspect-ratio:1;border-radius:var(--r-sm);
  background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg)}
.gx-r7c-systeme .r7y-n{font-size:var(--g-fs-m);font-weight:var(--w-medium);line-height:1.2;color:var(--fg);white-space:nowrap}
.gx-r7c-systeme .r7y-on{position:absolute;top:var(--gk-pad);right:var(--gk-pad);width:var(--gk-key);height:var(--gk-key);border-radius:50%;
  background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}
@container (max-width:460px){.gx-r7c-systeme .r7y{grid-template-columns:repeat(2,minmax(0,1fr))}}

@container (max-width:340px){
  .gx-r7c-systeme .r7y{grid-template-columns:minmax(0,1fr)}
  .gx-r7c-systeme .r7y-c{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--gk-gap-s);min-height:var(--gk-row-h);padding:0 var(--gk-pad)}
  .gx-r7c-systeme .r7y-on{top:calc(50% - var(--gk-key) / 2)}}
@container (max-width:200px){.gx-r7c-systeme .r7y-i{display:none}.gx-r7c-systeme .r7y{--g-fs-m:12px}.gx-r7c-systeme .r7y-c{padding-inline:8px}.gx-r7c-systeme .r7y-on{right:12px}}


.gx-r7c-systeme .r7y{gap:var(--gk-gap-s)}
.gx-r7c-systeme .r7y-head{display:inline-flex;align-items:center;gap:var(--gk-gap-s);font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--fg)}
.gx-r7c-systeme .r7y-head svg.i{color:var(--accent)}
:root[data-theme="dark"] .gx-r7c-systeme .r7y-head svg.i{color:color-mix(in srgb,var(--accent) 60%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gx-r7c-systeme .r7y-head svg.i{color:color-mix(in srgb,var(--accent) 60%,#fff)}}


.gx-r7c-systeme .r7y > div:nth-child(1) svg{--i:1}.gx-r7c-systeme .r7y > div:nth-child(2) svg{--i:2}.gx-r7c-systeme .r7y > div:nth-child(3) svg{--i:3}.gx-r7c-systeme .r7y > div:nth-child(4) svg{--i:4}.gx-r7c-systeme .r7y > div:nth-child(5) svg{--i:5}



.gx.gk.gx-bk3-ernstfall{--bk3-cols:14fr 24fr 24fr 12fr;--bk3-day-gap:4px;--bk3-dot:calc(var(--gk-key) + 2px);
  --bk3-wait:color-mix(in srgb,var(--gk-red) 16%,transparent);--bk3-clean:color-mix(in srgb,var(--accent) 16%,transparent)}
.gx-bk3-ernstfall .bk3-lane{display:grid;gap:var(--gk-gap-s)}
.gx-bk3-ernstfall .bk3-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:var(--g-fs-m);line-height:1.3}
.gx-bk3-ernstfall .bk3-head > span{white-space:nowrap}
.gx-bk3-ernstfall .bk3-name{font-weight:var(--w-medium);color:var(--fg)}
.gx-bk3-ernstfall .bk3-res{color:var(--fg-2)}
.gx-bk3-ernstfall .is-sec .bk3-res{color:var(--ok);font-weight:var(--w-medium)}
.gx-bk3-ernstfall .is-ohne .bk3-res{color:var(--gk-red);font-weight:var(--w-medium)}


.gx-bk3-ernstfall .bk3-days{display:grid;grid-template-columns:var(--bk3-cols);column-gap:var(--bk3-day-gap);background:none;overflow:visible}
.gx-bk3-ernstfall .bk3-d{position:relative;display:block;min-width:0;border-radius:var(--r-sm);background-color:var(--gk-in);transition:background-color var(--gk-t)}
@media (hover:hover){
  .gx-bk3-ernstfall .gk-track.bk3-days:hover{background-color:transparent}
  .gx-bk3-ernstfall .bk3-days:hover .bk3-d{background-color:var(--gk-in-h)}
}


.gx-bk3-ernstfall .bk3-fill{position:absolute;inset:0;border-radius:var(--r-sm);background:var(--bk3-wait);font-style:normal}
.gx-bk3-ernstfall .bk3-fill.is-mo{right:25%}                                   
.gx-bk3-ernstfall .bk3-fill.is-fr{right:14.3%;background:var(--accent)}          
.gx-bk3-ernstfall .bk3-d.is-clean{background-image:linear-gradient(var(--bk3-clean),var(--bk3-clean))}


.gx-bk3-ernstfall .bk3-dot{position:absolute;top:50%;width:var(--bk3-dot);height:var(--bk3-dot);margin:calc(var(--bk3-dot) / -2) 0 0 calc(var(--bk3-dot) / -2);border-radius:50%}
.gx-bk3-ernstfall .bk3-dot.is-mo{left:75%;background:var(--gk-red)}
.gx-bk3-ernstfall .bk3-dot.is-call{left:28.6%;background:var(--on-accent);--gk-live-c:var(--on-accent)}


.gx-bk3-ernstfall .bk3-tag{position:absolute;z-index:1;top:0;bottom:0;left:var(--gk-gap-s);display:inline-flex;align-items:center;gap:6px;
  font-size:var(--g-fs-s);font-weight:var(--w-medium);color:var(--ok);white-space:nowrap}


.gx-bk3-ernstfall .bk3-axis{display:grid;grid-template-columns:var(--bk3-cols);column-gap:var(--bk3-day-gap);margin-top:calc(var(--gk-gap-s) - var(--gk-gap));
  font-size:var(--g-fs-s);color:var(--fg-3);line-height:1}
.gx-bk3-ernstfall .bk3-axis > span{justify-self:center;white-space:nowrap}
.gx-bk3-ernstfall .bk3-axis > .bk3-start{justify-self:start;color:var(--fg);font-weight:var(--w-medium)}


@container (max-width:260px){.gx-bk3-ernstfall .bk3-head{flex-wrap:wrap;row-gap:2px}}
@container (max-width:220px){.gx-bk3-ernstfall .bk3-head{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.gx-bk3-ernstfall .bk3-days{transform:none!important}}



.gx-r7i-nachricht .r7n{display:flex;flex-direction:column;gap:var(--gk-gap-s)}
.gx-r7i-nachricht .r7n-meta{align-self:center;margin-bottom:var(--gk-gap-s);font-size:var(--g-fs-s);line-height:1;color:var(--fg-3)}
.gx-r7i-nachricht .r7n-msg{display:flex;align-items:flex-end;gap:var(--gk-gap-s);min-width:0}
.gx-r7i-nachricht .r7n-msg.is-me{justify-content:flex-end;margin-bottom:var(--gk-gap-s)}
.gx-r7i-nachricht .r7n-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gk-gap-s);flex:1;min-width:0}
.gx-r7i-nachricht .r7n-w{display:block;max-width:100%}
.gx-r7i-nachricht .r7n-b{display:block;padding:12px var(--gk-pad);border-radius:var(--r-md) var(--r-md) var(--r-md) var(--r-xs);background:var(--gk-in);
  font-size:var(--g-fs-m);line-height:1.4;color:var(--fg);transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-r7i-nachricht .r7n-b.is-on{border-radius:var(--r-md) var(--r-md) var(--r-xs) var(--r-md);background:var(--accent);color:var(--on-accent);font-weight:var(--w-medium)}
.gx-r7i-nachricht .r7n-file{align-self:stretch}
.gx-r7i-nachricht .r7n-file .gk-v{color:var(--fg-3)}
@media (hover:hover){
  .gx-r7i-nachricht .r7n-b:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}
  .gx-r7i-nachricht .r7n-b.is-on:hover{background-color:var(--accent-hover,var(--accent))}
}
@media (prefers-reduced-motion:reduce){.gx-r7i-nachricht .r7n-b{transform:none!important}}
@container (max-width:240px){.gx-r7i-nachricht .r7n-file .gk-v{display:none}}

.gx-r7i-nachricht .r7n-pic{overflow:hidden;background:var(--gk-in-h)}
.gx-r7i-nachricht .r7n-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}




.gx-pa3-teilung .b6t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gk-gap-s)}
.gx-pa3-teilung .b6t-lane{display:flex;flex-direction:column;gap:var(--gk-gap-s);padding:var(--gk-pad);border-radius:var(--r-md);background:var(--gk-in)}
.gx-pa3-teilung .b6t-head{display:flex;align-items:center;gap:var(--gk-gap-s);margin-bottom:var(--gk-gap-s);font-size:var(--g-fs-l);font-weight:var(--w-medium);line-height:1;color:var(--fg)}
.gx-pa3-teilung .gk-avatar svg.i{width:var(--gk-icon-s);height:var(--gk-icon-s)}
.gx-pa3-teilung .b6t-w{display:block}
.gx-pa3-teilung .b6t-pill{display:flex;align-items:center;gap:var(--gk-gap-s);min-height:calc(var(--gk-track-h) + 8px);padding:0 12px;border-radius:var(--r-full);
  background:var(--gk-in);font-size:var(--g-fs-m);color:var(--fg);white-space:nowrap;transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-pa3-teilung .b6t-pill svg.i{color:var(--fg-2)}
.gx-pa3-teilung .b6t-lane:first-child .b6t-pill{color:var(--fg-2)}
@media (hover:hover){.gx-pa3-teilung .b6t-pill:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}}
@media (prefers-reduced-motion:reduce){.gx-pa3-teilung .b6t-pill{transform:none!important}}
@container (max-width:250px){.gx-pa3-teilung .b6t-pill svg.i{display:none}.gx-pa3-teilung .b6t-lane{padding:12px}}




.gx-pa3-anruf .r7a{display:flex;flex-direction:column;align-items:center;text-align:center}
.gx-pa3-anruf .r7a-time{font-size:var(--g-fs-s);line-height:1;color:var(--fg-3)}
.gx-pa3-anruf .r7a-who{position:relative;display:grid;place-items:center;width:calc(var(--gk-row-h) * 1.5);aspect-ratio:1;margin-top:calc(var(--gk-gap) + 2 * var(--gk-gap-s))}
.gx-pa3-anruf .r7a-av{display:grid;place-items:center;width:100%;height:100%;border-radius:var(--r-full);background:var(--gk-in-h);color:var(--fg-2)}
.gx-pa3-anruf .r7a-ring{position:absolute;inset:calc(-1 * var(--gk-gap-s));border-radius:var(--r-full);
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--gk-red) 55%,transparent),0 0 0 calc(var(--gk-gap-s) + 1px) color-mix(in srgb,var(--gk-red) 12%,transparent)}
.gx-pa3-anruf .r7a-name{margin-top:calc(var(--gk-gap) + var(--gk-gap-s));font-size:var(--g-fs-l);font-weight:var(--w-medium);line-height:1.2;color:var(--fg)}
.gx-pa3-anruf .r7a-meta{margin-top:4px;font-size:var(--g-fs-s);line-height:1.2;color:var(--fg-3)}
.gx-pa3-anruf .r7a-pill{display:inline-flex;align-items:center;gap:var(--gk-gap-s);margin-top:var(--gk-gap-s);padding:4px 12px;border-radius:var(--r-full);
  background:color-mix(in srgb,var(--gk-red) 12%,transparent);font-size:var(--g-fs-s);font-weight:var(--w-medium);line-height:1.4;color:var(--gk-red)}
.gx-pa3-anruf .r7a-keys{display:flex;gap:calc(var(--gk-gap) * 2);margin-top:var(--gk-gap)}
.gx-pa3-anruf .r7a-w{display:block}
.gx-pa3-anruf .r7a-k{display:grid;place-items:center;width:var(--gk-row-h);aspect-ratio:1;border-radius:var(--r-full);background:var(--gk-in);color:var(--fg-2);
  transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-pa3-anruf .r7a-k.is-on{background:var(--accent);color:var(--on-accent)}
.gx-pa3-anruf .r7a-foot{justify-content:center;margin-top:var(--gk-gap);color:var(--gk-red);font-weight:var(--w-medium)}
@media (hover:hover){
  .gx-pa3-anruf .r7a-k:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}
  .gx-pa3-anruf .r7a-k.is-on:hover{background-color:var(--accent-hover,var(--accent))}
}
@media (prefers-reduced-motion:no-preference){
  .gx-pa3-anruf.in .r7a-ring{animation:r7a-puls 2.4s var(--ease) 1.2s infinite}
  @keyframes r7a-puls{0%{transform:scale(1);opacity:1}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}
}
@container (max-width:240px){.gx-pa3-anruf .r7a-foot > span{white-space:normal;justify-content:center}}
@media (prefers-reduced-motion:reduce){.gx-pa3-anruf .r7a-k{transform:none!important}}


.gx-pa3-anruf .r7a-foot{color:var(--fg-2);font-weight:var(--w-regular)}
.gx-pa3-anruf .r7a-foot svg.i{color:var(--gk-red)}


.gx-pa3-anruf .r7a-k.is-on{background:var(--fg);color:var(--bg)}
@media (hover:hover){.gx-pa3-anruf .r7a-k.is-on:hover{background-color:color-mix(in srgb,var(--fg) 85%,transparent)}}
.gx-pa3-anruf .r7a-foot{display:flex;align-items:center;gap:6px;font-size:var(--g-fs-s)}
.gx-pa3-anruf .r7a-foot svg.i{color:var(--fg-2)}
.gx-pa3-anruf .r7a-foot > span{display:inline-flex;align-items:center;gap:6px}




.gx-pa3-rechner{--f:.2308}
.gx-pa3-rechner .pr-n{color:var(--fg);font-weight:var(--w-medium)}
.gx-pa3-rechner .pr-long{margin-top:calc(var(--gk-gap-s) - var(--gk-gap));padding:0 var(--gk-pad);text-align:right;font-size:var(--g-fs-s);line-height:1.4;color:var(--fg-3)}
.gx-pa3-rechner .pr-long b{font-weight:var(--w-medium);color:var(--fg-2);white-space:nowrap}




.gx-pa3-bericht .gk-k{min-width:0}
.gx-pa3-bericht .pb-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.gx-pa3-bericht .gk-v{flex:none;display:inline-flex;align-items:center;gap:4px}
.gx-pa3-bericht .gk-row:first-child .gk-v{color:var(--fg-3)}
.gx-pa3-bericht .pb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}



.gx-sh3-diagnose .gk-rows{--s3d-chip:var(--gk-mark)}   

.gx-sh3-diagnose .s3d-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--gk-row-h);padding:0 var(--gk-pad);border-radius:var(--r-full);
  background:var(--gk-in-h);box-shadow:inset 0 0 0 1px var(--g-line);white-space:nowrap;transition:transform var(--gk-t),background-color var(--gk-t)}
@media (hover:hover){.gx-sh3-diagnose .s3d-field:hover{transform:translateY(var(--gk-lift))}}
@media (prefers-reduced-motion:reduce){.gx-sh3-diagnose .s3d-field{transform:none!important}}
.gx-sh3-diagnose .s3d-url{display:inline-flex;align-items:center;gap:var(--gk-gap-s);font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--fg)}
.gx-sh3-diagnose .s3d-url svg.i{color:var(--fg-3)}
.gx-sh3-diagnose .s3d-pw{display:inline-flex;align-items:center;gap:6px;font-size:var(--g-fs-s);color:var(--fg-3)}

.gx-sh3-diagnose .s3d-ic{display:inline-grid;place-items:center;flex:none;width:var(--s3d-chip);aspect-ratio:1;border-radius:var(--r-sm);
  background:color-mix(in srgb,var(--gk-red) 12%,transparent);color:var(--gk-red)}
.gx-sh3-diagnose .gk-row:nth-child(1) svg.i{--i:0}
.gx-sh3-diagnose .gk-row:nth-child(2) svg.i{--i:1}
.gx-sh3-diagnose .gk-row:nth-child(3) svg.i{--i:2}

.gx-sh3-diagnose .s3d-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:var(--gk-pad);margin-top:calc(var(--gk-gap-s) - var(--gk-gap) + 4px);white-space:nowrap}
.gx-sh3-diagnose .s3d-by{display:inline-flex;align-items:center;gap:var(--gk-gap-s);font-size:var(--g-fs-s);color:var(--fg-2)}
.gx-sh3-diagnose .s3d-free{font-size:var(--g-fs-s);font-weight:var(--w-medium);color:var(--fg)}


@container (max-width:300px){
  .gx-sh3-diagnose .s3d-field{flex-wrap:wrap;row-gap:4px;padding-block:10px;border-radius:var(--r-md);white-space:normal}
  .gx-sh3-diagnose .s3d-pw{gap:var(--gk-gap-s)}
}
@container (max-width:280px){
  .gx-sh3-diagnose .gk-rows{--s3d-chip:var(--gk-icon-s)}
  .gx-sh3-diagnose .s3d-ic{background:none;border-radius:0}
  .gx-sh3-diagnose .s3d-field,.gx-sh3-diagnose .gk-row{padding-inline:var(--gk-gap-s)}
  .gx-sh3-diagnose .gk-row{column-gap:8px}
  .gx-sh3-diagnose .gk-k{gap:8px}
  .gx-sh3-diagnose .s3d-foot{padding-inline:var(--gk-gap-s)}
}
@container (max-width:240px){
  .gx-sh3-diagnose .gk-row > *{white-space:nowrap}
}
@container (max-width:220px){
  .gx-sh3-diagnose .gk-v{flex-basis:100%;padding-left:calc(var(--s3d-chip) + 8px)}
  .gx-sh3-diagnose .s3d-foot{flex-wrap:wrap;column-gap:8px;row-gap:2px}
  .gx-sh3-diagnose .s3d-by{gap:8px}
  .gx-sh3-diagnose .s3d-free{margin-left:auto}
}
@container (max-width:180px){
  .gx-sh3-diagnose .gk-row > *{white-space:normal;hyphens:auto}
}



.gx-sh3-festpreis .shf-head{display:grid;gap:var(--gk-gap-s);padding-inline:var(--gk-pad)}
.gx-sh3-festpreis .shf-head p{margin:0}
.gx-sh3-festpreis .shf-top,.gx-sh3-festpreis .shf-what{display:flex;align-items:center;gap:var(--gk-gap-s);font-size:var(--g-fs-s);color:var(--fg-2);white-space:nowrap}
.gx-sh3-festpreis .shf-top svg.i,.gx-sh3-festpreis .shf-what svg.i{color:var(--fg-3)}
.gx-sh3-festpreis .shf-price{display:flex;align-items:baseline;gap:8px;padding-top:4px}
.gx-sh3-festpreis .shf-num{font-size:var(--g-fs-num);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;color:var(--fg);white-space:nowrap}
.gx-sh3-festpreis .shf-net{font-size:var(--g-fs-s);color:var(--fg-3)}
.gx-sh3-festpreis .shf-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gk-gap-s)}
.gx-sh3-festpreis .shf-btn{display:flex;align-items:center;justify-content:center;gap:var(--gk-gap-s);min-width:0;min-height:calc(var(--gk-row-h) - 4px);padding:0 12px;
  border-radius:var(--r-full);font-size:var(--g-fs-m);font-weight:var(--w-medium);white-space:nowrap;transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-sh3-festpreis .shf-btn.is-no{background:var(--gk-in);color:var(--fg-2)}
.gx-sh3-festpreis .shf-btn.is-yes{background:var(--accent);color:var(--on-accent)}
@media (hover:hover){
  .gx-sh3-festpreis .shf-btn:hover{transform:translateY(var(--gk-lift))}
  .gx-sh3-festpreis .shf-btn.is-no:hover{background-color:var(--gk-in-h)}
  .gx-sh3-festpreis .shf-btn.is-yes:hover{background-color:var(--accent-hover,var(--accent))}
}
@media (prefers-reduced-motion:reduce){.gx-sh3-festpreis .shf-btn{transform:none!important}}

@container (max-width:240px){.gx-sh3-festpreis .shf-acts{grid-template-columns:minmax(0,1fr)}.gx-sh3-festpreis .shf-btn.is-yes{order:-1}
  .gx-sh3-festpreis .shf-top,.gx-sh3-festpreis .shf-what{white-space:normal;hyphens:auto}}

@container (max-width:200px){.gx-sh3-festpreis .shf-head{padding-inline:0}.gx-sh3-festpreis .shf-head svg.i{display:none}}



.gx-sh-nachkontrolle{--n:3;--gk-tile:52px}
.gx-sh-nachkontrolle .shn-way{position:relative;isolation:isolate}
.gx-sh-nachkontrolle .shn-way::before{content:"";position:absolute;z-index:-1;top:50%;left:calc(100% / 6);right:calc(100% / 6);height:4px;margin-top:-2px;border-radius:var(--r-full);background:var(--gk-in)}
.gx-sh-nachkontrolle .gk-tile:not(.is-on){color:var(--ok)}
@media (min-width:601px){.gx-sh-nachkontrolle .gk-axis{font-size:var(--g-fs-m)}.gx-sh-nachkontrolle .shn-what{font-size:var(--g-fs-s)}}
.gx-sh-nachkontrolle .gk-axis + .gk-axis{margin-top:calc(var(--sp-8) - var(--gk-gap))}
.gx-sh-nachkontrolle .gk-v.is-ok{display:inline-flex;align-items:center;gap:var(--sp-8)}
@media (max-width:600px){.gx-sh-nachkontrolle{--gk-tile:44px}}

@container (max-width:200px){.gx-sh-nachkontrolle .gk-row{justify-content:center}}



.gx-sh2-anruf .s2c{display:flex;flex-direction:column;align-items:center;text-align:center}
.gx-sh2-anruf .s2c-time{display:inline-flex;align-items:center;gap:var(--gk-gap-s);font-size:var(--g-fs-s);line-height:1.2;color:var(--fg-3);font-variant-numeric:tabular-nums}
.gx-sh2-anruf .s2c-live{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.gx-sh2-anruf .s2c-who{display:grid;place-items:center;width:calc(var(--gk-row-h) * 1.75);aspect-ratio:1;margin-top:calc(var(--gk-gap) + var(--gk-gap-s))}
.gx-sh2-anruf .s2c-av{position:relative;display:block;width:100%;height:100%;border-radius:var(--r-full);overflow:hidden;background:var(--brand-line);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ok) 55%,transparent)}
.gx-sh2-anruf .s2c-av img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.gx-sh2-anruf .s2c-name{margin-top:var(--gk-gap);font-size:var(--g-fs-l);font-weight:var(--w-medium);line-height:1.2;color:var(--fg)}
.gx-sh2-anruf .s2c-meta{margin-top:4px;font-size:var(--g-fs-s);line-height:1.2;color:var(--fg-3)}
.gx-sh2-anruf .s2c-pill{display:inline-flex;align-items:center;gap:6px;margin-top:var(--gk-gap);padding:6px 14px;border-radius:var(--r-full);
  background:color-mix(in srgb,var(--ok) 12%,transparent);font-size:var(--g-fs-s);font-weight:var(--w-medium);line-height:1.4;color:var(--ok);white-space:nowrap;
  transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-sh2-anruf .s2c-pill svg.i{width:var(--gk-icon-s);height:var(--gk-icon-s)}
@media (hover:hover){.gx-sh2-anruf .s2c-pill:hover{transform:translateY(var(--gk-lift));background:color-mix(in srgb,var(--ok) 18%,transparent)}}
@media (prefers-reduced-motion:reduce){.gx-sh2-anruf .s2c-pill{transform:none!important}}



.gx-r7h-google{--r7g-dot:calc(var(--gk-key) + 4px);--r7g-rail:calc(var(--gk-tile) / 2)}
.gx-r7h-google .r7g{display:grid;gap:var(--gk-gap-s);margin:0;padding:0;list-style:none}
.gx-r7h-google .r7g-st{position:relative;display:grid;grid-template-columns:var(--r7g-rail) minmax(0,1fr);align-items:center}
.gx-r7h-google .r7g-st:not(:last-child)::before{content:"";position:absolute;left:calc(var(--r7g-rail) / 2 - .5px);top:50%;height:calc(100% + var(--gk-gap-s));width:1px;background:var(--g-line)}
.gx-r7h-google .r7g-st.is-done::before{background:var(--ok)}
.gx-r7h-google .r7g-st.is-on::before{background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--fg) 30%,transparent) 0 4px,transparent 4px 8px)}
.gx-r7h-google .r7g-dot{position:relative;z-index:1;justify-self:center;width:var(--r7g-dot);height:var(--r7g-dot);border-radius:50%;
  background:var(--gk-in-h);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fg) 30%,transparent)}
.gx-r7h-google .is-done .r7g-dot{background:var(--ok);box-shadow:none}
.gx-r7h-google .is-on .r7g-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.gx-r7h-google .r7g-box{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:calc(var(--gk-row-h) + var(--gk-gap-s) * 2);padding:0 12px 0 var(--gk-pad);
  border-radius:var(--r-md);background:var(--gk-in);transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-r7h-google .r7g-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.gx-r7h-google .r7g-k{font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--fg);white-space:nowrap}
.gx-r7h-google .r7g-v{font-size:var(--g-fs-s);color:var(--fg-3);white-space:nowrap}
.gx-r7h-google .r7g-pill{flex:none;display:inline-flex;align-items:center;height:calc(var(--gk-track-h) - 4px);padding-inline:10px;border-radius:var(--r-full);
  background:var(--gk-in-h);box-shadow:inset 0 0 0 1px var(--g-line);font-size:var(--g-fs-s);color:var(--fg-3);white-space:nowrap}
.gx-r7h-google .r7g-pill.is-ok{background:color-mix(in srgb,var(--ok) 12%,transparent);box-shadow:none;color:var(--ok);font-weight:var(--w-medium)}
.gx-r7h-google .r7g-pill.is-on{background:var(--accent);box-shadow:none;color:var(--on-accent);font-weight:var(--w-medium)}
@media (hover:hover){.gx-r7h-google .r7g-box:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}}
@media (prefers-reduced-motion:reduce){.gx-r7h-google .r7g-box{transform:none!important}}
@container (max-width:280px){.gx-r7h-google .r7g-box{flex-wrap:wrap;row-gap:var(--gk-gap-s);padding-block:12px}.gx-r7h-google .r7g-k{white-space:normal}}


.gx-r7h-google [class*="r7g-"]{--g-line:transparent}



.gx-r7h-tuer{gap:var(--gk-gap-s)}
.gx-r7h-tuer .r7t-lane{display:grid;gap:12px;padding:var(--gk-pad);border-radius:var(--r-md);background:var(--gk-in);transition:transform var(--gk-t),background-color var(--gk-t)}
.gx-r7h-tuer .r7t-lane.is-bad{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gk-red) 22%,transparent)}
.gx-r7h-tuer .r7t-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--gk-track-h);white-space:nowrap}
.gx-r7h-tuer .r7t-k{font-size:var(--g-fs-m);font-weight:var(--w-medium);color:var(--fg)}
.gx-r7h-tuer .r7t-res{display:inline-flex;align-items:center;gap:6px;height:var(--gk-track-h);padding-inline:10px 12px;border-radius:var(--r-full);font-size:var(--g-fs-s);font-weight:var(--w-medium)}
.gx-r7h-tuer .r7t-res.is-hit{background:color-mix(in srgb,var(--gk-red) 14%,transparent);color:var(--gk-red)}
.gx-r7h-tuer .r7t-res.is-on{background:var(--accent);color:var(--on-accent)}
.gx-r7h-tuer .r7t-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gk-gap-s)}
.gx-r7h-tuer .r7t-it{display:flex;align-items:center;gap:var(--gk-gap-s);min-height:calc(var(--gk-row-h) - var(--gk-gap-s));padding:0 12px;border-radius:var(--r-sm);
  background:var(--gk-in-h);font-size:var(--g-fs-m);color:var(--fg);white-space:nowrap}
.gx-r7h-tuer .r7t-it.is-ok svg.i{color:var(--ok)}
.gx-r7h-tuer .r7t-it.is-hit{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--gk-red) 55%,transparent);color:var(--gk-red);font-weight:var(--w-medium)}
.gx-r7h-tuer .is-bad .r7t-it.is-ok{color:var(--fg-2)}
@media (hover:hover){.gx-r7h-tuer .r7t-lane:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}}
@media (prefers-reduced-motion:reduce){.gx-r7h-tuer .r7t-lane{transform:none!important}}
@container (max-width:340px){
  .gx-r7h-tuer .r7t-items{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:260px){
  .gx-r7h-tuer .r7t-head{flex-wrap:wrap;row-gap:var(--gk-gap-s)}
}


.gx-r7h-tuer .r7t-lane.is-bad{box-shadow:none}
.gx-r7h-tuer .r7t-it.is-hit{box-shadow:none;color:var(--fg);font-weight:var(--w-medium)}
.gx-r7h-tuer .r7t-it.is-hit svg.i{color:var(--gk-red)}


.gx-r7h-tuer .r7t-it.is-hit svg.i{color:var(--fg-2)}



.gx-r7h-bericht{align-items:center}
.gx-r7h-bericht .r7b-wrap{width:100%;max-width:calc(var(--gk-tile) * 7.5)}
.gx-r7h-bericht .r7b-doc{display:flex;flex-direction:column;gap:var(--gk-pad);padding:var(--gk-gap) var(--gk-gap) var(--gk-pad);border-radius:var(--r-md);
  background:var(--gk-in);transition:transform var(--gk-t),background-color var(--gk-t)}
@media (hover:hover){.gx-r7h-bericht .r7b-doc:hover{transform:translateY(var(--gk-lift));background-color:var(--gk-in-h)}}
@media (prefers-reduced-motion:reduce){.gx-r7h-bericht .r7b-doc{transform:none!important}}
.gx-r7h-bericht .r7b-top{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap}
.gx-r7h-bericht .r7b-name{display:inline-flex;align-items:center;gap:var(--gk-gap-s);font-size:var(--g-fs-l);font-weight:var(--w-medium);color:var(--fg)}
.gx-r7h-bericht .r7b-name svg.i{color:var(--fg-2)}
.gx-r7h-bericht .r7b-meta{font-size:var(--g-fs-s);color:var(--fg-3)}
.gx-r7h-bericht .r7b-sk{display:grid;gap:var(--gk-gap-s)}
.gx-r7h-bericht .r7b-l{display:block;height:var(--gk-key);border-radius:var(--r-full);background:color-mix(in srgb,var(--fg) 9%,transparent)}
.gx-r7h-bericht .is-90{width:90%}.gx-r7h-bericht .is-60{width:60%}
.gx-r7h-bericht .r7b-find{display:grid;margin:0}
.gx-r7h-bericht .r7b-find > div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:var(--gk-gap-s) 12px;font-size:var(--g-fs-m);white-space:nowrap}
.gx-r7h-bericht .r7b-find > div + div{box-shadow:inset 0 1px 0 var(--g-line);padding-top:12px}
.gx-r7h-bericht .r7b-find dt{display:inline-flex;align-items:center;gap:var(--gk-gap-s);color:var(--fg);font-weight:var(--w-medium)}
.gx-r7h-bericht .r7b-find dd{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--fg-2)}
.gx-r7h-bericht .r7b-find dd.is-ok{color:var(--ok);font-weight:var(--w-medium)}
.gx-r7h-bericht .r7b-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:var(--gk-gap-s)}
.gx-r7h-bericht .r7b-att{display:inline-flex;align-items:center;gap:var(--gk-gap-s);height:var(--gk-track-h);padding-inline:10px 12px;border-radius:var(--r-full);
  background:var(--gk-in-h);font-size:var(--g-fs-s);color:var(--fg-2);white-space:nowrap}
.gx-r7h-bericht .r7b-stamp{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 2px var(--accent);
  color:var(--accent-ink);font-size:var(--g-fs-m);font-weight:var(--w-strong);letter-spacing:.01em;white-space:nowrap;rotate:-6deg;margin-left:auto}
@container (max-width:300px){
  .gx-r7h-bericht .r7b-doc{padding:var(--gk-pad)}
  .gx-r7h-bericht .r7b-foot{flex-wrap:wrap;row-gap:var(--gk-pad)}
  .gx-r7h-bericht .r7b-find > div,.gx-r7h-bericht .r7b-top{flex-wrap:wrap;white-space:normal;row-gap:2px}
}


.gx-r7h-bericht .r7b-foot{flex-wrap:wrap;row-gap:var(--gk-gap-s)}
@container (max-width:220px){.gx-r7h-bericht .r7b-att{white-space:normal;height:auto;padding-block:6px}}


.gx-r7h-bericht .r7b-find > div + div{box-shadow:none;padding-top:8px}


@container (max-width:180px){
  .gx-r7h-bericht .r7b-doc{padding:var(--gk-gap-s)}
  .gx-r7h-bericht .r7b-stamp{padding:4px 8px}
  .gx-r7h-bericht .r7b-stamp svg.i{display:none}
}



#ablauf .ab-head{margin-bottom:var(--head-gap)}
#ablauf .ab-tabs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-64);align-items:stretch;margin-top:var(--head-gap)}


#ablauf .ab-steps{display:flex;flex-direction:column;gap:var(--sp-8)}
#ablauf .ab-step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-24);row-gap:var(--sp-8);padding:var(--sp-24) var(--sp-24) var(--sp-24) var(--sp-24);border-radius:var(--r-xl);cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:background-color .3s var(--ease)}
#ablauf .ab-step .num-disc{grid-row:1 / span 2;align-self:start;display:block;width:auto;min-width:1.1ch;height:auto;border-radius:0;background:none;
  font-size:var(--fs-num-s);font-weight:var(--w-head);line-height:1;letter-spacing:var(--track-h2);font-variant-numeric:tabular-nums;color:var(--fg-3);
  margin-top:-.06em;transition:color .3s var(--ease)}
#ablauf .ab-step h3{font-size:var(--fs-h3);color:var(--fg-2);text-wrap:balance;transition:color .3s var(--ease)}
#ablauf .ab-step p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-3);text-wrap:pretty;max-width:var(--measure);transition:color .3s var(--ease)}
#ablauf .ab-step[aria-selected="true"]{background:var(--plate);cursor:default}
#ablauf .ab-step[aria-selected="true"] .num-disc,#ablauf .ab-step[aria-selected="true"] h3{color:var(--fg)}
#ablauf .ab-step[aria-selected="true"] p{color:var(--fg-2)}
@media (hover:hover){
  #ablauf .ab-step[aria-selected="false"]:hover{background:color-mix(in srgb,var(--plate) 55%,transparent)}
  #ablauf .ab-step[aria-selected="false"]:hover h3,#ablauf .ab-step[aria-selected="false"]:hover .num-disc{color:var(--fg)}
  #ablauf .ab-step[aria-selected="false"]:hover p{color:var(--fg-2)}
}
#ablauf .ab-step:focus-visible{outline:2px solid var(--fg);outline-offset:2px}


#ablauf .ab-stage{display:grid;min-width:0}

#ablauf .ab-pane{grid-area:1 / 1;display:grid;min-width:0;animation:none}
#ablauf .ab-tabs .ab-pane[hidden]{display:grid;visibility:hidden;animation:none}
#ablauf .ab-tabs.in .ab-pane:not([hidden]) .g-panel{animation:ab-in .5s var(--ease)}
@keyframes ab-in{from{transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){#ablauf .ab-tabs.in .ab-pane .g-panel{animation:none}}
#ablauf .ab-plate{display:grid;place-items:center;min-height:520px;max-width:none;margin:0}
#ablauf .ab-plate > .g-panel{width:100%;max-width:420px}


#ablauf .ab-plate > .ab-tip{position:absolute;top:9px;right:9px;margin:0;border-radius:50%;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2}
#ablauf .ab-tip .tip-btn{background:var(--g-glass);color:var(--fg-2);box-shadow:var(--g-glass-edge);-webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur)}
#ablauf .ab-tip:hover .tip-btn,#ablauf .ab-tip .tip-btn:focus-visible{background:var(--g-glass);color:var(--fg)}
#ablauf .ab-tip .tip-body{left:auto;right:-9px;transform:translate(var(--tip-x,0px),4px)}
#ablauf .ab-tip:hover .tip-body,#ablauf .ab-tip:focus-within .tip-body{transform:translate(var(--tip-x,0px),0)}


#ablauf .ab-more{max-width:880px;margin:var(--block-gap) auto 0}
#ablauf .ab-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--sp-12);width:max-content;max-width:100%;margin-inline:auto;padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-24);border-radius:var(--r-full);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.4;color:var(--fg-2);transition:color var(--t-fast),background-color var(--t-fast)}
#ablauf .ab-more summary::-webkit-details-marker{display:none}
#ablauf .ab-more summary:hover{color:var(--fg);background:var(--plate)}
#ablauf .ab-tog{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--disc);color:var(--fg);flex:none}
#ablauf .ab-tog svg.i{width:16px;height:16px;transition:transform .45s var(--ease)}
#ablauf .ab-more[open] .ab-tog svg.i{transform:rotate(45deg)}
#ablauf .ab-more::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#ablauf .ab-more[open]::details-content{height:auto}
#ablauf .ab-list{list-style:none;margin:var(--sp-24) 0 0;padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-16) var(--sp-32);text-align:left}
#ablauf .ab-list li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-small);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg-2)}
#ablauf .ab-list svg.i{width:16px;height:16px;margin-top:.15em;color:var(--fg)}
@media (prefers-reduced-motion:reduce){#ablauf .ab-more::details-content,#ablauf .ab-step{transition:none}}

#ablauf .sec-cta{margin-top:var(--sp-32)}

@media (max-width:1100px){
  #ablauf .ab-tabs{gap:var(--sp-48)}
  #ablauf .ab-step{column-gap:var(--sp-16);padding:var(--sp-24) var(--sp-24) var(--sp-24) var(--sp-16)}
  #ablauf .ab-plate{min-height:480px}
}


@media (max-width:900px){
  #ablauf .ab-tabs{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:640px;margin-inline:auto}
  #ablauf .ab-steps,#ablauf .ab-stage{display:contents}
  #ablauf .ab-step,#ablauf .ab-step[aria-selected="true"]{padding:0;background:none;cursor:auto}
  #ablauf .ab-step .num-disc,#ablauf .ab-step h3{color:var(--fg)}
  #ablauf .ab-step p{color:var(--fg-2)}
  #ablauf .ab-step:focus-visible{outline:none}
  #ablauf #ab-t1{order:1}#ablauf #ab-p1{order:2}
  #ablauf #ab-t2{order:3}#ablauf #ab-p2{order:4}
  #ablauf #ab-t3{order:5}#ablauf #ab-p3{order:6}
  #ablauf #ab-t2,#ablauf #ab-t3{margin-top:var(--block-gap)}
  #ablauf .ab-tabs .ab-pane,#ablauf .ab-tabs .ab-pane[hidden]{display:grid;visibility:visible;animation:none;margin-top:var(--sp-24)}
  #ablauf .ab-plate{min-height:0}
}
@media (max-width:640px){
  #ablauf .ab-step{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-12)}
  #ablauf .ab-step .num-disc{grid-row:auto;margin:0}
  #ablauf .ab-list{grid-template-columns:minmax(0,1fr);padding:var(--sp-24)}
  #ablauf .ab-plate > .ab-tip{top:5px;right:5px}
}


#ablauf .ab-ways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto 1fr;column-gap:var(--grid-gap);row-gap:0}
#ablauf .ab-way{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-items:start;justify-items:start;min-width:0;padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate)}
#ablauf .ab-way .icon-disc{margin-bottom:var(--sp-24);background:var(--disc);color:var(--fg-2)}
#ablauf .ab-way h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#ablauf .ab-way p{margin-top:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#ablauf .ab-way .btn{align-self:end;margin-top:var(--sp-32)}
#ablauf .ab-safe{margin-top:var(--block-gap)}
#ablauf .ab-safe-media{display:grid;place-items:center;padding:var(--sp-32);border-radius:var(--r-stage)}
#ablauf .ab-safe-media > .g-panel{width:100%}
#ablauf .ab-way .btn-secondary{background:var(--disc)}
#ablauf .ab-way .btn-secondary:hover{background:var(--line)}
#ablauf .ab-safe-text h3{font-size:var(--fs-h3l);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.015em;text-wrap:balance}
#ablauf .ab-safe-text > .ab-list{grid-template-columns:minmax(0,1fr);padding:0;background:none;margin-top:var(--sp-24)}
#ablauf .ab-safe .ab-more{max-width:none;margin:var(--sp-32) 0 0}
#ablauf .ab-safe .ab-more summary{margin-inline:0;padding-left:0}
#ablauf .ab-safe .ab-more summary:hover{background:none}
#ablauf .ab-safe .ab-more .ab-list{grid-template-columns:minmax(0,1fr)}
@media (max-width:1100px){
  #ablauf .ab-safe{grid-template-columns:minmax(0,1fr);gap:var(--sp-48)}
  #ablauf .ab-safe-media{max-width:640px}
}
@media (max-width:900px){
  #ablauf .ab-ways{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--grid-gap)}
  #ablauf .ab-way{grid-row:auto;grid-template-rows:none}
  #ablauf .ab-safe{grid-template-columns:minmax(0,1fr);gap:var(--sp-48)}
}
@media (max-width:640px){
  #ablauf .ab-safe-media{padding:var(--sp-8)}
  #ablauf .ab-safe-media > .g-panel{padding:var(--sp-16)}
  
  #ablauf .gx-sh3-zugang .s3z-pill{grid-column:1 / -1;max-width:100%}
  #ablauf .gx-sh3-zugang .s3z-pill-in{white-space:normal}
}

@media (min-width:1101px){#ablauf .ab-safe{align-items:stretch}#ablauf .ab-safe-text{display:flex;flex-direction:column;justify-content:center}}
#ablauf .ab-list b{font-weight:var(--w-strong);color:var(--fg)}



#ansprechpartner{--ap-rise:56px}
#ansprechpartner .ap-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr auto;
  grid-template-areas:"media head" "media body";column-gap:var(--sp-96);row-gap:var(--sp-48)}
#ansprechpartner .ap-head{grid-area:head;align-self:end;margin:0}
#ansprechpartner .ap-head h2{text-wrap:balance}


#ansprechpartner .ap-media{grid-area:media;align-self:center;position:relative;aspect-ratio:10 / 11;margin-top:var(--ap-rise);
  container-type:size;overflow:visible;clip-path:inset(calc(-1 * var(--ap-rise) - var(--sp-24)) 0 0 0 round 0 0 var(--r-stage) var(--r-stage))}
#ansprechpartner .ap-photo{position:absolute;bottom:-1px;left:50%;display:block;width:auto;max-width:none;
  height:min(calc(100cqh + var(--ap-rise)),126cqw);transform:translateX(-50%)}


#ansprechpartner .ap-body{grid-area:body;display:flex;flex-direction:column;gap:var(--sp-48)}
#ansprechpartner .ap-quote{display:flex;flex-direction:column;gap:var(--sp-24);margin:0}
#ansprechpartner .ap-quote blockquote{margin:0}
#ansprechpartner .ap-quote blockquote p{max-width:30ch;font-size:var(--fs-h3);font-weight:var(--w-regular);line-height:1.4;letter-spacing:-.015em;color:var(--fg);text-indent:-.42em;text-wrap:pretty}
#ansprechpartner .ap-who{display:flex;flex-direction:column;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-3)}
#ansprechpartner .ap-who b{font-weight:var(--w-strong);color:var(--fg)}

#ansprechpartner .ap-contact{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-12)}
#ansprechpartner .ap-hours{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#ansprechpartner .ap-hours svg.i{width:16px;height:16px;color:var(--fg-3)}
#ansprechpartner .ap-num{font-size:var(--fs-num-s);font-weight:var(--w-medium);line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
#ansprechpartner .ap-num a{color:var(--fg);text-decoration:none}
#ansprechpartner .ap-cta{display:flex;flex-wrap:wrap;gap:var(--sp-12);margin-top:var(--sp-12)}
#ansprechpartner .ap-cta svg.i{width:18px;height:18px}

@media (max-width:1100px){
  #ansprechpartner .ap-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-64)}
}
@media (max-width:900px){
  #ansprechpartner{--ap-rise:40px}
  #ansprechpartner .ap-split{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "media" "body"}
  
  #ansprechpartner .ap-media{width:100%;aspect-ratio:auto;height:400px;margin-top:var(--ap-rise)}
}
@media (max-width:640px){
  #ansprechpartner .ap-media{height:320px}
  #ansprechpartner .ap-cta{width:100%}
  #ansprechpartner .ap-cta .btn{flex:1 1 100%}
}
@media (max-width:380px){#ansprechpartner .ap-media{height:280px}#ansprechpartner .ap-num{font-size:var(--fs-h3)}}


#ansprechpartner .ap-tag{position:absolute;left:var(--sp-24);bottom:var(--sp-24);z-index:2;display:flex;flex-direction:column;gap:2px;
  padding:12px 18px;border-radius:var(--r-md);background:var(--g-glass);-webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);
  font-size:var(--fs-meta);line-height:1.4;color:var(--fg-2)}
#ansprechpartner .ap-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}
#ansprechpartner .ap-body{gap:var(--sp-48)}
#ansprechpartner .ap-quote{margin:0}
#ansprechpartner .ap-quote p{max-width:26ch;font-size:var(--fs-h3);font-weight:var(--w-regular);line-height:1.4;letter-spacing:-.015em;color:var(--fg-2);text-indent:-.42em;text-wrap:pretty}
#ansprechpartner .ap-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hours cta" "num cta";align-items:center;
  column-gap:var(--sp-32);row-gap:var(--sp-4);padding:var(--sp-32);border-radius:var(--r-xl);background:var(--plate);max-width:600px}
#ansprechpartner .ap-hours{grid-area:hours}
#ansprechpartner .ap-num{grid-area:num;font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:-.02em}
#ansprechpartner .ap-cta{grid-area:cta;margin:0;flex-direction:column;align-items:stretch}
@media (max-width:1100px){#ansprechpartner .ap-contact{grid-template-columns:minmax(0,1fr);grid-template-areas:"hours" "num" "cta"}#ansprechpartner .ap-cta{flex-direction:row;margin-top:var(--sp-16)}}
@media (max-width:640px){#ansprechpartner .ap-contact{padding:var(--sp-24)}#ansprechpartner .ap-tag{left:var(--sp-16);bottom:var(--sp-16)}}
#ansprechpartner .ap-tag{background:color-mix(in srgb,var(--bg) 84%,transparent)}
#ansprechpartner .ap-contact .btn-secondary{background:var(--bg)}


#ansprechpartner .ap-contact{grid-template-columns:minmax(0,1fr);grid-template-areas:"hours" "num" "cta";row-gap:var(--sp-8);padding:var(--card-pad)}
#ansprechpartner .ap-cta{flex-direction:row;flex-wrap:wrap;align-items:center;margin-top:var(--sp-24)}
#ansprechpartner .ap-contact .btn-secondary{background:var(--raised)}
#ansprechpartner .ap-contact .btn-secondary:hover{background:var(--line-strong)}
@media (max-width:640px){#ansprechpartner .ap-contact{padding:var(--sp-24)}#ansprechpartner .ap-cta .btn{flex:1 1 0}}

#ansprechpartner .ap-cred{list-style:none;margin:var(--sp-32) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
#ansprechpartner .ap-cred li{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-16) var(--sp-16);border-radius:var(--r-xl);background:var(--plate)}
#ansprechpartner .ap-cred b{font-size:var(--fs-h4);font-weight:var(--w-strong);letter-spacing:-.02em;line-height:1.15;color:var(--fg)}
#ansprechpartner .ap-cred span{font-size:var(--fs-small);line-height:1.35;color:var(--fg-2)}
@media (max-width:420px){#ansprechpartner .ap-cred{grid-template-columns:minmax(0,1fr)}}

#ansprechpartner .ap-body{gap:var(--sp-32)}
#ansprechpartner .ap-cred{margin:0}
#ansprechpartner .ap-cred li{gap:var(--sp-8);padding:var(--sp-24)}
@media (max-width:640px){#ansprechpartner .ap-cred li{padding:var(--sp-16) var(--sp-24)}}

@media (min-width:901px){
  #ansprechpartner .ap-media{align-self:stretch;aspect-ratio:auto;min-height:440px}
}



#bk-auftrag .bt-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--col-gap);align-items:center}
#bk-auftrag .bt-stage{order:-1;display:grid;place-items:center;align-self:stretch;padding:var(--g-inset)}
#bk-auftrag .bt-stage > .g-panel{width:100%;max-width:420px}
#bk-auftrag .bt-copy{display:flex;flex-direction:column;gap:var(--sp-48);min-width:0}
#bk-auftrag .bt-head{margin:0}
#bk-auftrag .bt-head h2{text-wrap:balance}
#bk-auftrag .bt-head .lead{max-width:36ch;text-wrap:pretty}


#bk-auftrag .bt-reach{display:flex;flex-direction:column;gap:var(--sp-16)}
#bk-auftrag .bt-cta{display:flex;flex-wrap:wrap;gap:var(--sp-12)}
#bk-auftrag .bt-cta .btn svg.i{width:18px;height:18px}
#bk-auftrag .bt-meta{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk-auftrag .bt-meta a{color:var(--fg);text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}


#bk-auftrag .bt-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-24)}
#bk-auftrag .bt-step{display:grid;grid-template-columns:var(--sp-32) minmax(0,1fr);gap:var(--sp-16);align-items:start}
#bk-auftrag .bt-step:nth-child(2){--i:1}
#bk-auftrag .bt-step:nth-child(3){--i:2}
#bk-auftrag .bt-n{font-size:var(--fs-h3);font-weight:var(--w-medium);line-height:1.1;color:var(--fg-3);font-variant-numeric:tabular-nums}
#bk-auftrag .bt-step div{display:flex;flex-direction:column;gap:var(--sp-4)}
#bk-auftrag .bt-step h3{font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:1.3;letter-spacing:-.012em}
#bk-auftrag .bt-step p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}

@media (max-width:900px){
  #bk-auftrag .bt-split{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-48)}
  #bk-auftrag .bt-copy{display:contents}
  #bk-auftrag .bt-head{order:0}
  #bk-auftrag .bt-reach{order:1;margin-top:calc(-1 * var(--sp-16))}
  #bk-auftrag .bt-stage{order:2}
  #bk-auftrag .bt-steps{order:3}
  #bk-auftrag .bt-step:nth-child(n){--i:0}
}
@media (max-width:520px){
  #bk-auftrag .bt-cta .btn{flex:1 1 0;padding-inline:var(--sp-16)}
  #bk-auftrag .bt-cta .btn-primary{flex-basis:100%}
}



#bk-fragen{--bf-tile:var(--plate);--bf-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--bf-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#bk-fragen .bf-head .lead{max-width:40ch;text-wrap:balance}
#bk-fragen .bf-list{display:flex;flex-direction:column;gap:var(--sp-12);max-width:780px;margin-inline:auto}
#bk-fragen .bf-item{border-radius:var(--r-xl);background:var(--bf-tile);transition:background-color .3s var(--ease)}
#bk-fragen .bf-item[open]{background:var(--bf-tile-open)}
#bk-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#bk-fragen summary::-webkit-details-marker{display:none}
#bk-fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#bk-fragen .bf-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-align:left;text-wrap:pretty}
#bk-fragen .bf-tog{flex:none;width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast)}
#bk-fragen .bf-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#bk-fragen .bf-item[open] .bf-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#bk-fragen .bf-item[open] .bf-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #bk-fragen .bf-item:not([open]):hover{background:var(--bf-tile-hover)}
  #bk-fragen .bf-item:hover .bf-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}
#bk-fragen .bf-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#bk-fragen .bf-item[open]::details-content{height:auto}
#bk-fragen .bf-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);line-height:var(--lh-body);text-align:left;text-wrap:pretty}
#bk-fragen .bf-item[open] p{animation:bf-in .6s var(--ease) both}
@keyframes bf-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #bk-fragen .bf-item::details-content{transition:none}
  #bk-fragen .bf-item[open] p{animation:none}
}
@media (max-width:640px){
  #bk-fragen .bf-list{gap:var(--sp-8)}
  #bk-fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #bk-fragen .bf-tog{width:32px;height:32px}
  #bk-fragen .bf-tog svg.i{width:16px;height:16px}
  #bk-fragen .bf-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #bk-fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #bk-fragen .bf-item p{padding:0 var(--sp-16) var(--sp-16)}
}



#bk-jetzt .bj-head h2{text-wrap:balance}
#bk-jetzt .bj-head .lead{max-width:44ch;text-wrap:balance}
#bk-jetzt .bj-nums{--i:1;justify-content:space-between;gap:var(--sp-48);padding:var(--card-pad)}
@media (min-width:901px){#bk-jetzt .bj-nums{display:flex;flex-direction:column}}
#bk-jetzt .bj-stat{display:flex;flex-direction:column;gap:var(--sp-8)}
#bk-jetzt .bj-stat .bj-n{margin-bottom:var(--sp-16);font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#bk-jetzt .bj-stat h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);text-wrap:balance}
#bk-jetzt .bj-stat p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#bk-jetzt .bj-stat .src{margin-top:var(--sp-4);font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}

#bk-jetzt .bj-relief{margin-top:var(--block-gap);gap:var(--sp-16) var(--sp-24)}
#bk-jetzt .bj-relief-t{font-size:var(--fs-h3);font-weight:var(--w-medium);line-height:var(--lh-h3);letter-spacing:-.02em;color:var(--fg);text-align:center;text-wrap:balance}
@media (max-width:900px){#bk-jetzt .bj-nums{--i:0;gap:var(--sp-32)}}
@media (max-width:520px){#bk-jetzt .bj-relief{flex-direction:column}#bk-jetzt .bj-relief .btn{width:100%}}



#bk-pakete .bp-nw{white-space:nowrap}
#bk-pakete .bp-head .lead{max-width:44ch;text-wrap:pretty}


#bk-pakete .bp-stage{display:block;min-height:0;padding:var(--sp-48)}
#bk-pakete .bp-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(11,auto);column-gap:var(--sp-16);max-width:960px;margin-inline:auto}
#bk-pakete .bp-plan{display:grid;grid-template-rows:subgrid;grid-row:1 / -1;row-gap:0;min-width:0;padding:var(--sp-32)}
#bk-pakete .bp-feat{display:contents}

#bk-pakete .bp-name{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);min-height:28px}
#bk-pakete .bp-name h3{font-size:var(--fs-h3);line-height:var(--lh-h3,1.25);font-weight:var(--w-strong);letter-spacing:var(--track-h3,-.02em)}
#bk-pakete .bp-rec{flex:none;padding:var(--sp-4) var(--sp-12);border-radius:var(--r-full);background:var(--fg);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.4;color:var(--bg)}
#bk-pakete .bp-for{margin-top:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk-pakete .bp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-4) var(--sp-12);margin-top:var(--sp-24)}
#bk-pakete .bp-price b{font-size:var(--fs-num);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#bk-pakete .bp-price span{font-size:var(--fs-small);color:var(--fg-3)}
#bk-pakete .bp-btn{width:100%;margin-top:var(--sp-24)}
#bk-pakete .is-basis .bp-btn{background:var(--g-inner-hover)}
#bk-pakete .bp-inc{margin-top:var(--sp-32);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.4;color:var(--fg)}
#bk-pakete .bp-feat li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--sp-12);align-items:start;padding-top:var(--sp-16);font-size:var(--fs-small);line-height:1.5;color:var(--fg)}
#bk-pakete .bp-feat svg.i{width:18px;height:18px;margin-top:2px;color:var(--fg);stroke-width:2.2}
#bk-pakete .bp-feat li.is-none{color:var(--fg-3)}
#bk-pakete .bp-feat li.is-none svg.i{color:var(--fg-3)}
@media (hover:hover){#bk-pakete .is-basis .bp-btn:hover{background:linear-gradient(color-mix(in srgb,var(--fg) 10%,transparent),color-mix(in srgb,var(--fg) 10%,transparent)),var(--g-inner-hover)}}

#bk-pakete .bp-foot{padding:var(--sp-16) var(--sp-24) var(--sp-8)}
#bk-pakete .bx-text p.bp-terms{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-3);max-width:none}
#bk-pakete .bp-terms b{font-weight:var(--w-medium);color:var(--fg)}


#bk-pakete .bp-scope{margin-top:var(--grid-gap)}
#bk-pakete .bp-list{gap:var(--sp-24);padding:var(--card-pad)}
#bk-pakete .bp-list.is-out{--i:1}
#bk-pakete .bp-list h3{font-size:var(--fs-h3);line-height:var(--lh-h3,1.25);font-weight:var(--w-strong);letter-spacing:var(--track-h3,-.02em)}
#bk-pakete .bp-ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-16)}
#bk-pakete .bp-ul li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-body);line-height:1.45;color:var(--fg);max-width:48ch}
#bk-pakete .bp-ul svg.i{width:18px;height:18px;margin-top:var(--sp-4);color:var(--fg);stroke-width:2.2}
#bk-pakete .is-out h3{color:var(--fg-2)}
#bk-pakete .is-out .bp-ul li{color:var(--fg-2)}
#bk-pakete .is-out .bp-ul svg.i{color:var(--fg-3)}

@media (max-width:1100px){#bk-pakete .bp-stage{padding:var(--sp-32)}}
@media (max-width:900px){
  #bk-pakete .bp-stage{padding:var(--sp-16)}
  #bk-pakete .bp-plans{column-gap:var(--sp-8)}
  #bk-pakete .bp-plan{padding:var(--sp-24)}
  #bk-pakete .bp-foot{padding:var(--sp-16) var(--sp-16) var(--sp-8)}
  #bk-pakete .bp-list.is-out{--i:0}
}
@media (max-width:760px){
  #bk-pakete .bp-plans{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--sp-16)}
  #bk-pakete .bp-plan{display:flex;flex-direction:column;grid-row:auto}
  #bk-pakete .bp-plan.is-rec{order:-1}
}
@media (max-width:640px){#bk-pakete .bp-stage{padding:var(--sp-8)}#bk-pakete .bp-plan{padding:var(--sp-24) var(--sp-16)}}



#bk-start .bs-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--col-gap);align-items:center}
#bk-start .bs-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#bk-start h1{grid-column:1 / -1;max-width:none;margin-bottom:var(--sp-32)}
#bk-start .bs-lead{margin-top:0}
#bk-start .bs-letter{margin-top:var(--sp-32);max-width:var(--measure);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
#bk-start .bs-sign{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-16);font-size:var(--fs-small);color:var(--fg-3)}
#bk-start .bs-sign b{font-size:var(--fs-body);font-weight:var(--w-medium);color:var(--fg)}
#bk-start .bs-cta{margin-top:var(--sp-32)}
#bk-start .bs-cta .btn-link{padding-left:0}

#bk-start .bs-fig{position:relative;margin:0;width:100%;max-width:320px;justify-self:end;aspect-ratio:677/930;min-width:0}
#bk-start .bs-stage{position:absolute;left:0;right:0;bottom:0;top:22%;padding:0}
#bk-start .bs-photo{position:relative;z-index:1;display:block;width:88%;height:auto;margin:0 auto;clip-path:inset(0 0 0 0 round 0 0 var(--r-stage) var(--r-stage))}
#bk-start .bs-tag{position:absolute;z-index:2;left:var(--sp-16);bottom:var(--sp-16);display:flex;flex-direction:column;gap:2px;padding:var(--sp-12) var(--sp-24);border-radius:var(--r-full);background:var(--gframe);-webkit-backdrop-filter:var(--gframe-blur);backdrop-filter:var(--gframe-blur);box-shadow:var(--gframe-edge);color:var(--on-accent)}
#bk-start .bs-tag b{font-size:var(--fs-body);font-weight:var(--w-medium);line-height:1.3}
#bk-start .bs-tag span{font-size:var(--fs-small);opacity:.86}

@media (max-width:900px){
  #bk-start .bs-grid{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}
  #bk-start h1{margin-bottom:calc(-1 * var(--head-gap) + var(--sp-24))}
  #bk-start .bs-fig{justify-self:start;max-width:400px}
}
@media (max-width:520px){
  #bk-start .bs-cta{flex-direction:column;align-items:stretch;align-self:stretch}
  #bk-start .bs-cta .btn{width:100%}
  #bk-start .bs-cta .btn-link{justify-content:center}
  #bk-start .bs-fig{max-width:none}
}



#bk3-auftrag .b3a-split{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--sp-64);align-items:center}
#bk3-auftrag .b3a-media{display:grid;place-items:center;align-self:stretch;min-height:420px;padding:var(--g-inset);border-radius:var(--r-stage)}
#bk3-auftrag .b3a-media > .g-panel{width:100%;max-width:420px}
#bk3-auftrag .b3a-copy{display:flex;flex-direction:column;gap:var(--sp-48);min-width:0;max-width:720px}
#bk3-auftrag .b3a-head{margin:0}
#bk3-auftrag .b3a-head h2{text-wrap:balance}
#bk3-auftrag .b3a-head .lead{max-width:36ch;text-wrap:pretty}
#bk3-auftrag .b3a-reach{display:flex;flex-direction:column;gap:var(--sp-16)}
#bk3-auftrag .b3a-cta{display:flex;flex-wrap:wrap;gap:var(--sp-12)}
#bk3-auftrag .b3a-cta .btn{min-height:56px}
#bk3-auftrag .b3a-cta svg.i{width:18px;height:18px}
#bk3-auftrag .b3a-meta{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk3-auftrag .b3a-meta a{color:var(--fg);text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
#bk3-auftrag .b3a-meta a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

@media (max-width:1200px){
  #bk3-auftrag .b3a-split{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}
  #bk3-auftrag .b3a-copy{order:-1;max-width:none}
  #bk3-auftrag .b3a-media{min-height:0}
}
@media (max-width:640px){
  #bk3-auftrag .b3a-copy{gap:var(--sp-32)}
  #bk3-auftrag .b3a-cta{flex-direction:column;align-items:stretch}
  #bk3-auftrag .b3a-cta .btn{width:100%}
  #bk3-auftrag .b3a-media{min-height:0}
  #bk3-auftrag .b3a-media > .g-panel{--panel-pad:var(--sp-24)}
}


#bk3-auftrag .gx-r7i-nachricht .r7n-file{flex-wrap:wrap;white-space:normal;row-gap:2px;padding-block:var(--sp-8)}
#bk3-auftrag .gx-r7i-nachricht .r7n-file > span{white-space:nowrap}
@container (max-width:240px){#bk3-auftrag .gx-r7i-nachricht .r7n-file .gk-v{display:inline}}


#bk3-auftrag .b3a-head .lead strong{color:var(--fg)}
#bk3-auftrag .b3a-urg{display:flex;align-items:flex-start;gap:var(--sp-8);margin:0 0 var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk3-auftrag .b3a-urg svg.i{width:18px;height:18px;margin-top:2px;flex:none;color:var(--fg)}
#bk3-auftrag .b3a-urg strong{font-weight:var(--w-strong);color:var(--fg)}



#bk3-bleibt .b3l-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--sp-64);align-items:center}
#bk3-bleibt .b3l-head{margin:0}
#bk3-bleibt .b3l-head h2{text-wrap:balance}
#bk3-bleibt .b3l-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}
#bk3-bleibt .b3l-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-24);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#bk3-bleibt .b3l-tile:nth-child(2n){--i:1}
#bk3-bleibt .b3l-tile > svg.i{width:24px;height:24px;color:var(--fg)}
#bk3-bleibt .b3l-tile p{font-size:var(--fs-h4);line-height:1.4;font-weight:var(--w-medium);letter-spacing:-.01em;color:var(--fg);text-wrap:pretty}
@media (hover:hover){#bk3-bleibt .b3l-tile:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#bk3-bleibt .b3l-tile:hover{transform:none}}

@media (max-width:900px){
  #bk3-bleibt .b3l-split{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}
  #bk3-bleibt .b3l-tile:nth-child(2n){--i:0}
}
@media (max-width:640px){#bk3-bleibt .b3l-tile{gap:var(--sp-16)}}
@media (max-width:560px){#bk3-bleibt .b3l-grid{grid-template-columns:minmax(0,1fr)}}


#bk3-bleibt .b3l-tile p{color:var(--fg-2)}
#bk3-bleibt .b3l-tile p strong{font-weight:var(--w-strong);color:var(--fg)}



#bk3-brief{--b3b-rise:56px}
#bk3-brief .b3b-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:var(--sp-64);align-items:center}
#bk3-brief .b3b-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#bk3-brief .b3b-kicker{align-self:flex-start;margin-bottom:var(--sp-24)}
#bk3-brief h1{max-width:none;text-align:left;font-size:var(--fs-h1l);text-wrap:balance}
#bk3-brief h1 > span{display:inline}
#bk3-brief .b3b-lead{max-width:38ch;margin-top:var(--sp-32);text-align:left;text-wrap:pretty}
#bk3-brief .b3b-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12);margin-top:var(--sp-48)}
#bk3-brief .b3b-act .btn{min-height:64px;padding-inline:var(--sp-32)}
#bk3-brief .b3b-act svg.i{width:18px;height:18px;transition:transform var(--t-mid) var(--ease)}
#bk3-brief .b3b-act .btn:hover svg.i{transform:translateX(3px)}


#bk3-brief .b3b-pic{position:relative;justify-self:end;width:100%;max-width:420px;aspect-ratio:10 / 11;margin:var(--b3b-rise) 0 0;
  container-type:size;overflow:visible;clip-path:inset(calc(-1 * var(--b3b-rise) - var(--sp-24)) 0 0 0 round 0 0 var(--r-stage) var(--r-stage))}
#bk3-brief .b3b-photo{position:absolute;bottom:-1px;left:50%;z-index:1;display:block;width:auto;max-width:none;
  height:min(calc(100cqh + var(--b3b-rise)),126cqw);transform:translateX(-50%)}
#bk3-brief .b3b-tag{position:absolute;left:var(--sp-24);bottom:var(--sp-24);z-index:2;display:flex;flex-direction:column;gap:2px;
  padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 84%,transparent);
  -webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);font-size:var(--fs-meta);line-height:1.4;color:var(--fg-2)}
#bk3-brief .b3b-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}

@media (max-width:1100px){
  #bk3-brief{--b3b-rise:40px}
  #bk3-brief .b3b-in{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-64)}
  #bk3-brief .b3b-pic{justify-self:stretch;max-width:none;aspect-ratio:auto;height:480px;margin-top:var(--b3b-rise)}
}
@media (max-width:900px){#bk3-brief .b3b-pic{height:440px}}
@media (max-width:640px){
  #bk3-brief .b3b-kicker{margin-bottom:var(--sp-16)}
  #bk3-brief .b3b-lead{margin-top:var(--sp-24)}
  #bk3-brief .b3b-act{align-self:stretch;margin-top:var(--sp-32)}
  #bk3-brief .b3b-act .btn{width:100%;min-height:56px}
  #bk3-brief .b3b-in{row-gap:var(--sp-48)}
  #bk3-brief .b3b-pic{height:340px}
  #bk3-brief .b3b-tag{left:var(--sp-16);bottom:var(--sp-16)}
}
@media (max-width:380px){#bk3-brief .b3b-pic{height:300px}}


#bk3-brief .b3b-lead strong{color:var(--fg)}


#bk3-brief .b3b-lead strong{color:var(--fg)}
#bk3-brief .b3b-direct{justify-content:flex-start;margin-top:var(--sp-24)}
#bk3-brief .hero-tech{margin-top:var(--sp-96)}
@media (max-width:640px){#bk3-brief .hero-tech{margin-top:var(--sp-64)}}



#bk3-dazu .b3d-head h2{text-wrap:balance}
#bk3-dazu .b3d-head .lead{margin-inline:auto;text-wrap:balance}
#bk3-dazu .b3d-head .lead strong{color:var(--fg)}
#bk3-dazu .b3d-list{list-style:none;margin:0 auto;padding:0;max-width:880px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-32) var(--sp-48)}
#bk3-dazu .b3d-list li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:var(--sp-12);min-width:0}
#bk3-dazu .b3d-list svg.i{width:22px;height:22px;margin-top:1px;color:var(--fg);stroke-width:1.75}
#bk3-dazu .b3d-k{display:flex;flex-direction:column;gap:2px;min-width:0}
#bk3-dazu .b3d-k b{font-size:var(--fs-body);font-weight:var(--w-strong);line-height:1.4;color:var(--fg)}
#bk3-dazu .b3d-k small{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk3-dazu .b3d-k cite{font-style:normal}
#bk3-dazu .b3d-v{font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.5;color:var(--fg)}
#bk3-dazu .b3d-v s{margin-right:var(--sp-4);font-weight:var(--w-regular);color:var(--fg-2);text-decoration-thickness:1px}
#bk3-dazu .b3d-sum{max-width:60ch;margin:var(--sp-48) auto 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-align:center;text-wrap:balance}
#bk3-dazu .b3d-sum strong{color:var(--fg)}
@media (max-width:900px){#bk3-dazu .b3d-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}}
@media (max-width:560px){#bk3-dazu .b3d-list{grid-template-columns:minmax(0,1fr);gap:var(--sp-24)}}
#bk3-dazu .b3d-k small.src{font-size:var(--fs-meta);color:var(--fg-3)}



#bk3-dazu .b3d-src{max-width:60ch;margin:var(--sp-48) auto 0;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3);text-align:center}
#bk3-dazu .b3d-src cite{font-style:normal}



#bk3-ernstfall .b3e-head h2{text-wrap:balance}
#bk3-ernstfall .b3e-card{display:flex;flex-direction:column;max-width:960px;margin-inline:auto;padding:var(--sp-12);border-radius:var(--r-stage);background:var(--plate)}
#bk3-ernstfall .b3e-media{display:grid;place-items:center;min-height:320px;padding:var(--g-inset);border-radius:var(--r-xl)}
#bk3-ernstfall .b3e-media > .g-panel{width:100%;max-width:600px}
#bk3-ernstfall .b3e-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-24) var(--sp-48);padding:var(--sp-32) calc(var(--card-pad) - var(--sp-12)) calc(var(--card-pad) - var(--sp-12))}
#bk3-ernstfall .b3e-col{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
#bk3-ernstfall .b3e-col h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg)}
#bk3-ernstfall .b3e-col p{max-width:40ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}

@media (max-width:760px){#bk3-ernstfall .b3e-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  #bk3-ernstfall .b3e-card{padding:var(--sp-8);border-radius:var(--r-section)}
  #bk3-ernstfall .b3e-media{min-height:0;border-radius:var(--r-md)}
  #bk3-ernstfall .b3e-media > .g-panel{--panel-pad:var(--sp-16)}
  #bk3-ernstfall .b3e-cols{padding:var(--sp-24) var(--sp-16) var(--sp-16)}
}

@media (max-width:380px){
  #bk3-ernstfall .b3e-card{padding:var(--sp-4)}
  #bk3-ernstfall .b3e-media > .g-panel{--panel-pad:var(--sp-12)}
}

@container (max-width:200px){#bk3-ernstfall .gx-bk3-ernstfall .bk3-tag svg.i{display:none}}
#bk3-ernstfall .b3e-col p strong{font-weight:var(--w-medium);color:var(--fg)}



#bk3-fragen{--fq-tile:var(--plate);--fq-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--fq-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#bk3-fragen .b3f-head h2{max-width:14em}
#bk3-fragen .b3f-list{display:flex;flex-direction:column;gap:var(--sp-12);max-width:760px;margin-inline:auto}
#bk3-fragen .fq-item{border-radius:var(--r-xl);background:var(--fq-tile);transition:background-color .3s var(--ease)}
#bk3-fragen .fq-item[open]{background:var(--fq-tile-open)}
#bk3-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#bk3-fragen summary::-webkit-details-marker{display:none}
#bk3-fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#bk3-fragen .fq-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-wrap:pretty}
#bk3-fragen .fq-tog{width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast),transform .5s var(--ease)}
#bk3-fragen .fq-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#bk3-fragen .fq-item[open] .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#bk3-fragen .fq-item[open] .fq-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #bk3-fragen .fq-item:not([open]):hover{background:var(--fq-tile-hover)}
  #bk3-fragen .fq-item:hover .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}
#bk3-fragen .fq-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#bk3-fragen .fq-item[open]::details-content{height:auto}
#bk3-fragen .fq-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-body);text-wrap:pretty}
#bk3-fragen .fq-item[open] p{animation:b3f-in .6s var(--ease) both}
@keyframes b3f-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #bk3-fragen .fq-item::details-content{transition:none}
  #bk3-fragen .fq-item[open] p{animation:none}
}
@media (max-width:640px){
  #bk3-fragen .b3f-list{gap:var(--sp-8)}
  #bk3-fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #bk3-fragen .fq-tog{width:32px;height:32px}
  #bk3-fragen .fq-tog svg.i{width:16px;height:16px}
  #bk3-fragen .fq-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #bk3-fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #bk3-fragen .fq-item p{padding:0 var(--sp-16) var(--sp-16)}
}

#bk3-fragen .fq-item p strong{font-weight:var(--w-medium);color:var(--fg)}



#garantie .gt-head.head-c .lead{margin-inline:auto}
#garantie .gt-col .gt-media > .g-panel:has(.gx-bk3-ernstfall){max-width:520px}
@container (max-width:200px){#garantie .gx-bk3-ernstfall .bk3-tag svg.i{display:none}}



#bk3-jetzt .b3j-head h2{text-wrap:balance}
#bk3-jetzt .b3j-head .lead{max-width:40ch;text-wrap:pretty}
#bk3-jetzt .b3j-head .lead strong{color:var(--fg)}
#bk3-jetzt .b3j-bx{margin-top:0}
#bk3-jetzt .b3j-top .bx-media{--bx-h:440px}
#bk3-jetzt .b3j-top .bx-media > .g-panel{max-width:520px}
#bk3-jetzt .b3j-case .bx-media{--bx-h:360px}
#bk3-jetzt .bx-text h3{text-wrap:balance}
#bk3-jetzt .bx-text .src cite{font-style:normal}
@media (max-width:1100px){#bk3-jetzt .b3j-top .bx-media{--bx-h:400px}}
@media (max-width:900px){#bk3-jetzt .b3j-top .bx-media,#bk3-jetzt .b3j-case .bx-media{--bx-h:320px}}
@media (max-width:640px){#bk3-jetzt .bx-media > .g-panel{--panel-pad:var(--sp-16)}}



.b3v{margin-top:var(--sp-64)}
.b3v-frame{position:relative;margin:0;padding:8px;border-radius:var(--r-xl);background:var(--brand-line);box-shadow:var(--shadow-s3)}
.b3v-v{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md);background:#ffffff}
@media (max-width:640px){.b3v{margin-top:var(--sp-48)}}



#bk3-pakete{--b3p-pad:var(--sp-32);--b3p-cap:56px}
#bk3-pakete .b3p-head h2{text-wrap:balance}
#bk3-pakete .b3p-head .lead{max-width:44ch;text-wrap:pretty}
#bk3-pakete .b3p-head .lead strong{font-weight:var(--w-strong);color:var(--fg)}


#bk3-pakete .b3p-all{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--sp-12) var(--sp-32);max-width:1080px}
#bk3-pakete .b3p-all li{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg);white-space:nowrap}
#bk3-pakete .b3p-all svg.i{width:18px;height:18px;flex:none;color:var(--fg);stroke-width:1.75;transform:none}


#bk3-pakete .b3p-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:var(--b3p-cap) repeat(5,auto);column-gap:var(--grid-gap);row-gap:0;
  margin-top:var(--block-gap)}
#bk3-pakete .b3p-plan{position:relative;isolation:isolate;display:grid;grid-template-rows:subgrid;grid-row:2 / 7;row-gap:0;min-width:0;
  border-radius:var(--r-section);background:var(--plate);transition:transform var(--t-mid) var(--ease)}
#bk3-pakete .b3p-plan.is-rec{grid-row:1 / 7;box-shadow:var(--shadow-s2)}
#bk3-pakete .b3p-plan > :not(.b3p-cap){position:relative;z-index:1;min-width:0}


#bk3-pakete .b3p-cap{position:absolute;inset:0;z-index:0;border-radius:var(--r-section);pointer-events:none;transform:scaleY(-1);
  clip-path:inset(calc(100% - var(--b3p-cap)) 0 0 0 round 0 0 var(--r-section) var(--r-section))}
#bk3-pakete .b3p-flag{display:flex;align-items:center;justify-content:center;min-height:var(--b3p-cap);padding:0 var(--b3p-pad);
  font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.3;color:#fff;text-align:center}


#bk3-pakete .b3p-hd{display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-32) var(--b3p-pad) 0}
#bk3-pakete .b3p-hd h3{margin:0;font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3);color:var(--fg);white-space:nowrap}
#bk3-pakete .b3p-hd p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#bk3-pakete .b3p-hd strong{font-weight:var(--w-strong);color:var(--fg)}


#bk3-pakete .b3p-price{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);padding:var(--sp-32) var(--b3p-pad) 0}

#bk3-pakete .b3p-amt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4)}
#bk3-pakete .b3p-amt b{font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg)}
#bk3-pakete .b3p-was{font-size:var(--fs-small);line-height:var(--lh-small);white-space:nowrap;color:var(--fg-2);font-variant-numeric:tabular-nums}
#bk3-pakete .b3p-was s{text-decoration-thickness:1px}
#bk3-pakete .b3p-was.is-ph{visibility:hidden}
#bk3-pakete .b3p-per{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk3-pakete .b3p-meta{text-wrap:balance;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3);font-variant-numeric:tabular-nums}

#bk3-pakete .b3p-alt{font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg)}
#bk3-pakete .b3p-swap{animation:b3p-swap .4s var(--ease)}
@keyframes b3p-swap{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}


#bk3-pakete{--b3p-track:var(--g-line,rgba(10,12,40,.08));--b3p-on:var(--g-inner-hover,rgba(255,255,255,.85));--b3p-on-shadow:0 1px 2px rgba(10,12,40,.08),0 4px 12px -4px rgba(10,12,40,.16)}
:root[data-theme="dark"] #bk3-pakete{--b3p-on:rgba(255,255,255,.14);--b3p-on-shadow:0 1px 2px rgba(0,0,0,.4)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bk3-pakete{--b3p-on:rgba(255,255,255,.14);--b3p-on-shadow:0 1px 2px rgba(0,0,0,.4)}}
#bk3-pakete .b3p-bill{position:relative;isolation:isolate;display:flex;flex:none;width:max-content;max-width:100%;padding:4px;gap:4px;border-radius:var(--r-full);background:var(--b3p-track)}
#bk3-pakete .b3p-bill[hidden]{display:none}
#bk3-pakete .b3p-knob{position:absolute;left:0;top:0;z-index:-1;width:0;height:0;border-radius:var(--r-full);background:var(--b3p-on);box-shadow:var(--b3p-on-shadow);pointer-events:none}
#bk3-pakete .b3p-bill.is-ready .b3p-knob{transition:transform .4s cubic-bezier(.2,.8,.2,1),width .4s cubic-bezier(.2,.8,.2,1)}
#bk3-pakete .b3p-bill-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 var(--sp-16);border:0;border-radius:var(--r-full);background:none;font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.2;color:var(--fg-2);white-space:nowrap;cursor:pointer;transition:color var(--t-fast),background-color var(--t-fast)}
#bk3-pakete .b3p-bill-b:hover,#bk3-pakete .b3p-bill-b[aria-pressed="true"]{color:var(--fg)}
#bk3-pakete .b3p-bill-b:focus-visible{outline-offset:2px}
#bk3-pakete .b3p-gift{padding:4px 8px;border-radius:var(--r-full);background:var(--b3p-track);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:1.2;color:var(--fg-2);transition:background-color var(--t-fast),color var(--t-fast)}
#bk3-pakete .b3p-bill-b[aria-pressed="true"] .b3p-gift{background:var(--fg);color:var(--bg)}
#bk3-pakete .b3p-bar + .b3p-grid{margin-top:var(--sp-48)}
@media (prefers-reduced-motion:reduce){#bk3-pakete .b3p-swap{animation:none}#bk3-pakete .b3p-bill.is-ready .b3p-knob{transition:none}}
@media (max-width:420px){
  #bk3-pakete .b3p-bill{width:100%}
  #bk3-pakete .b3p-bill-b{flex:1 1 0;flex-direction:column;gap:4px;min-height:56px;padding:8px}
}


#bk3-pakete .b3p-cta{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-12);padding:var(--sp-32) var(--b3p-pad) 0}
#bk3-pakete .b3p-cta .btn{width:100%;padding-inline:var(--sp-16);white-space:nowrap}
#bk3-pakete .b3p-cta svg.i{width:18px;height:18px}

#bk3-pakete .b3p-cta .btn-secondary{background:var(--raised)}
#bk3-pakete .b3p-cta .btn-secondary:hover{background:linear-gradient(color-mix(in srgb,var(--fg) 7%,transparent),color-mix(in srgb,var(--fg) 7%,transparent)),var(--raised)}


#bk3-pakete .b3p-lim{padding:var(--sp-48) var(--b3p-pad) 0}
#bk3-pakete .b3p-svc{padding:var(--sp-32) var(--b3p-pad) var(--b3p-pad)}
#bk3-pakete .b3p-list-t{margin-bottom:var(--sp-16);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg)}
#bk3-pakete :is(.b3p-lim,.b3p-svc) ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-12)}
#bk3-pakete :is(.b3p-lim,.b3p-svc) li{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:var(--sp-12);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk3-pakete :is(.b3p-lim,.b3p-svc) li svg.i{width:16px;height:16px;margin-top:var(--sp-4);color:var(--fg);stroke-width:1.75}
#bk3-pakete :is(.b3p-lim,.b3p-svc) strong{font-weight:var(--w-strong);color:var(--fg)}

@media (hover:hover){#bk3-pakete .b3p-plan:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#bk3-pakete .b3p-plan{transition:none}#bk3-pakete .b3p-plan:hover{transform:none}}


#bk3-pakete .b3p-note{max-width:none;margin-top:var(--sp-32);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#bk3-pakete .b3p-note strong{font-weight:var(--w-medium);color:var(--fg)}


@media (max-width:1280px) and (min-width:1101px){#bk3-pakete{--b3p-pad:var(--sp-24)}}


@media (max-width:1100px) and (min-width:641px){
  #bk3-pakete .b3p-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--b3p-cap) repeat(5,auto) var(--grid-gap) repeat(5,auto)}
  #bk3-pakete .b3p-plan{grid-row:2 / 7}
  #bk3-pakete .b3p-plan.is-rec{grid-row:1 / 7}
  #bk3-pakete .b3p-plan:nth-child(3),#bk3-pakete .b3p-plan:nth-child(4){grid-row:8 / 13}
}


@media (max-width:640px){
  #bk3-pakete{--b3p-pad:var(--sp-24)}
  #bk3-pakete .b3p-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--grid-gap)}
  #bk3-pakete .b3p-plan,#bk3-pakete .b3p-plan.is-rec{grid-row:auto;display:flex;flex-direction:column}
  #bk3-pakete .b3p-hd{padding-top:var(--b3p-pad)}
  #bk3-pakete .b3p-price{padding-top:var(--sp-24)}
  #bk3-pakete .b3p-cta{padding-top:var(--sp-24)}
  #bk3-pakete .b3p-lim{padding-top:var(--sp-32)}
  #bk3-pakete .b3p-svc{padding-top:var(--sp-24)}
  
  #bk3-pakete .b3p-was.is-ph{display:none}
}
@media (max-width:560px){
  #bk3-pakete .b3p-all{flex-direction:column;align-items:flex-start}
  #bk3-pakete .b3p-all li{white-space:normal}
}
@media (max-width:400px){#bk3-pakete{--b3p-pad:var(--sp-16)}}


#bk3-pakete .b3p-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-24) var(--sp-48);margin-top:var(--sp-48)}
#bk3-pakete .b3p-urg{display:flex;align-items:flex-start;gap:var(--sp-8);max-width:520px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#bk3-pakete .b3p-urg svg.i{width:18px;height:18px;margin-top:2px;flex:none;color:var(--fg)}
#bk3-pakete .b3p-urg strong{font-weight:var(--w-strong);color:var(--fg)}
@media (max-width:1100px){#bk3-pakete .b3p-bar{flex-direction:column;align-items:flex-start}}
@media (max-width:420px){#bk3-pakete .b3p-bar{align-items:stretch}}


#bk3-pakete .b3p-trust{list-style:none;margin:var(--sp-48) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-12) var(--sp-32)}
#bk3-pakete .b3p-trust li{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg);white-space:nowrap}
#bk3-pakete .b3p-trust svg.i{width:18px;height:18px;flex:none;color:var(--fg);stroke-width:1.75}
#bk3-pakete .b3p-trust + .b3p-note{margin-top:var(--sp-24)}
@media (max-width:560px){#bk3-pakete .b3p-trust{flex-direction:column;align-items:flex-start}#bk3-pakete .b3p-trust li{white-space:normal}}



#bk3-ziele .b3z-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--sp-64);align-items:start}
#bk3-ziele .b3z-head{margin:0}
#bk3-ziele .b3z-head h2{text-wrap:balance}
#bk3-ziele .b3z-head .lead{max-width:34ch;text-wrap:pretty}
#bk3-ziele .b3z-head .lead strong{color:var(--fg)}
#bk3-ziele .b3z-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-48) var(--sp-32)}
#bk3-ziele .b3z-list li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0}
#bk3-ziele .b3z-list svg.i{width:24px;height:24px;margin-bottom:var(--sp-8);color:var(--fg);flex:none}
#bk3-ziele .b3z-list b{font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#bk3-ziele .b3z-list span{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
#bk3-ziele .b3z-list span strong{color:var(--fg)}
#bk3-ziele .b3z-list .src{font-style:normal;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
@media (max-width:900px){#bk3-ziele .b3z-split{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}}
@media (max-width:560px){#bk3-ziele .b3z-list{grid-template-columns:minmax(0,1fr);gap:var(--sp-32)}}



#check{--ck-field:var(--g-inner);--ck-field-hover:var(--g-inner-hover)}
#check .ck-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
#check .ck-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-24)}
#check .ck-copy .head{margin:0 0 var(--sp-8)}


#check .ck-who{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-16);align-items:center;width:100%;max-width:420px;margin:0;padding:var(--sp-16) var(--sp-24) var(--sp-16) var(--sp-16);border-radius:var(--r-xl);background:var(--plate)}
#check .ck-photo{position:relative;flex:none;width:64px;height:64px;overflow:hidden;border-radius:var(--r-md);background:var(--disc)}
#check .ck-photo img{position:absolute;left:50%;top:4px;width:150%;height:auto;max-width:none;transform:translateX(-50%)}
#check .ck-who figcaption{display:flex;flex-direction:column;gap:2px}
#check .ck-who figcaption span{font-size:var(--fs-body);font-weight:var(--w-medium);line-height:1.45;color:var(--fg)}
#check .ck-who figcaption b{font-size:var(--fs-small);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg-3)}


#check .ck-trust{list-style:none;margin:0;padding:0 var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-12)}
#check .ck-trust li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--sp-12);align-items:center}
#check .ck-trust li:nth-child(2){--i:1}
#check .ck-trust .icon-disc{width:32px;height:32px}
#check .ck-trust .icon-disc svg.i{width:16px;height:16px}
#check .ck-trust div{display:flex;flex-direction:column;gap:2px}
#check .ck-trust b{font-weight:var(--w-medium);font-size:var(--fs-body);line-height:1.4;color:var(--fg)}
#check .ck-trust .ck-spots{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#check .ck-trust .ck-spots[hidden]{display:none}
#check .ck-trust li.hov:hover{transform:none}


#check .ck-stage{--stage-pad:var(--sp-48)}

#check .ck-card{padding:var(--panel-pad)}
#check .af{background:transparent;padding:0;border-radius:0;gap:var(--item-gap)}
#check .af-top{display:flex;flex-direction:column;gap:var(--sp-8)}
#check .af-count{font-size:var(--fs-meta);font-weight:var(--w-regular);color:var(--fg-3);font-variant-numeric:tabular-nums}
#check .af-bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8)}
#check .af-bar i{height:4px;border-radius:var(--r-full);background:color-mix(in srgb,var(--fg) 10%,transparent);transition:background-color var(--t-mid) var(--ease)}

#check .af-progress i.on{background:var(--accent)}
#check .af-step{display:flex;flex-direction:column;gap:var(--sp-16);min-width:0}
#check .af-title{font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3);color:var(--fg)}


#check .af-chips{display:flex;flex-wrap:wrap;gap:8px}
#check .af-chip{font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg-2);background:var(--ck-field);border:0;border-radius:var(--r-full);padding:8px 16px;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast)}
#check .af-chip:hover{color:var(--fg);background:var(--ck-field-hover)}
#check .af-chip[aria-pressed="true"]{background:var(--accent-soft);color:var(--fg)}
#check .af-urgent{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-small);color:var(--fg-2)}
#check .af-urgent svg.i{width:16px;height:16px;color:var(--fg-3)}


#check .field{gap:8px}
#check .field label{font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg-2)}
#check .field input,#check .af textarea{background:var(--ck-field);box-shadow:none;transition:box-shadow var(--t-fast),background-color var(--t-fast)}
#check .af textarea{border-radius:var(--r-md);min-height:128px;font-size:var(--fs-body)}
@media (max-width:640px){#check .af textarea{min-height:192px}}
#check .field input:hover,#check .af textarea:hover{background:var(--ck-field-hover)}
#check .field input:focus,#check .af textarea:focus{background:var(--ck-field-hover);box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft)}
#check .field.err input,#check .field.err textarea{box-shadow:0 0 0 1.5px var(--fg);background:var(--ck-field-hover)}
#check .field.err input:focus,#check .field.err textarea:focus{box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft)}
#check .af-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16) var(--sp-12)}

#check .af .btn svg.i{width:18px;height:18px;transition:transform var(--t-mid) var(--ease)}
#check .af .btn:hover svg.i{transform:translateX(3px)}

#check .af-alt{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--sp-4) var(--sp-8);font-size:var(--fs-small);color:var(--fg-2);text-align:left}
#check .af-check{font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg);background:transparent;border:0;border-radius:var(--r-full);padding:var(--sp-4) 0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}
#check .af-check:hover{text-decoration-color:currentColor}


#check .af-recap{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-12);background:var(--ck-field);border-radius:var(--r-md);padding:var(--sp-12) var(--sp-16)}
#check .af-recap p{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--fs-small);line-height:1.45;color:var(--fg);overflow-wrap:anywhere}
#check .af-recap p span{font-size:var(--fs-meta);color:var(--fg-3);font-weight:var(--w-regular)}
#check .af-recap q{quotes:"„" "“"}
#check .af-edit{flex:none;font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg);background:var(--ck-field-hover);border:0;border-radius:var(--r-full);padding:var(--sp-8) var(--sp-16);cursor:pointer;transition:background-color var(--t-fast)}
#check .af-edit:hover{background:var(--g-glass)}
#check .consent{font-size:var(--fs-meta);line-height:1.5}
#check .consent a{color:var(--fg)}
#check .form-note{text-align:left;font-size:var(--fs-meta)}


@media (max-width:900px){
  #check .ck-split{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-32)}
  #check .ck-copy{display:contents}
  #check .ck-copy .head{order:0}
  #check .ck-who{order:1}
  #check .ck-stage{order:2}
  #check .ck-trust{order:3}
}
@container (max-width:400px){
  #check .af-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  #check .ck-stage{--stage-pad:var(--sp-12)}
}


#check .ck-copy .head .lead{max-width:34ch}
#check .ck-who{grid-template-columns:56px minmax(0,1fr);gap:var(--sp-16);max-width:none;padding:0;border-radius:0;background:none}
#check .ck-photo{width:56px;height:56px;border-radius:50%}
#check .ck-photo img{top:5px;width:172%;transform:translateX(-49%)}
#check .ck-who figcaption{gap:0}
#check .ck-who figcaption b{font-size:var(--fs-body);font-weight:var(--w-strong);line-height:1.4;color:var(--fg)}
#check .ck-who figcaption span{font-size:var(--fs-small);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg-2)}


@media (min-width:901px){
  #check .ck-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  #check .ck-stage{order:-1}
}
#check .ck-who{grid-template-columns:64px minmax(0,1fr)}
#check .ck-photo{width:64px;height:64px}
#check .ck-photo img{left:0;top:10%;width:118%;transform:translateX(-7.6%)}
#check .ck-trust .icon-disc{background:var(--raised)}


#check .af{gap:var(--sp-24)}
#check .af-step{gap:var(--sp-16)}
#check .af-top{gap:0}
#check .af-step > .btn{margin-top:var(--sp-8)}
#check .af textarea{min-height:120px}
@media (max-width:640px){#check .af textarea{min-height:136px}}
#check .af-grid .af-wide{grid-column:1 / -1}
#check .af-urgent{display:block;line-height:var(--lh-small)}
#check .af-urgent a{color:var(--fg)}
#check .af-recap{align-items:center}
#check .af-recap p{gap:var(--sp-4)}
#check .af-recap q{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#check .consent{color:var(--fg-2)}


#check .af-direct{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8) var(--sp-16);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#check .af-direct a{display:inline-flex;align-items:center;gap:var(--sp-8);font-weight:var(--w-medium);color:var(--fg);text-decoration:none;white-space:nowrap;border-radius:var(--r-full);padding:var(--sp-4) 0;transition:opacity var(--t-fast)}
#check .af-direct a:hover{opacity:.72}
#check .af-direct a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#check .af-direct svg.i{width:16px;height:16px;flex:none;color:var(--fg-2)}
#check .af:has(.af-done:not([hidden])) .af-direct{display:none}
@media (max-width:400px){#check .af-direct{column-gap:var(--sp-12)}}
#check .af-call{display:none}
@container (max-width:400px){
  #check .af-num{display:none}
  #check .af-call{display:inline}
}
@media (max-width:640px){#check .ck-card{padding:var(--sp-24)}}
#check .af-links{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8) var(--sp-16)}
#check .af-chip{white-space:nowrap}
@media (max-width:360px){#check .ck-card{padding:var(--sp-16)}}
#check .ck-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:none}



#ebenen .eb-head h2{text-wrap:balance}
#ebenen .eb-head .lead{max-width:44ch;text-wrap:pretty}

#ebenen .eb-rows{display:flex;flex-direction:column;gap:var(--sp-128)}
#ebenen .eb-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-96);align-items:center}
#ebenen .eb-row.is-flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
#ebenen .eb-row.is-flip .eb-media{order:2}


#ebenen .eb-media{display:grid;place-items:center;min-height:480px;padding:var(--g-inset);border-radius:var(--r-stage);overflow:hidden}
#ebenen .eb-media > .g-panel{width:100%;max-width:520px}


#ebenen .eb-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-16);min-width:0}
#ebenen .eb-text h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance;max-width:20ch}
#ebenen .eb-text p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#ebenen .eb-text p.src{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
#ebenen .eb-text .src cite{font-style:normal}
#ebenen .eb-text .tip{margin-left:var(--sp-8);vertical-align:.08em}

#ebenen .eb-next{margin-top:var(--sp-96)}
#ebenen .eb-next .btn-link{display:inline;padding-inline:0;text-wrap:balance}
#ebenen .eb-next .btn-link svg.i{display:inline-block;margin-left:var(--sp-8);vertical-align:-.2em}

@media (max-width:1100px){
  #ebenen .eb-row{gap:var(--sp-64)}
  #ebenen .eb-media{min-height:440px;padding:var(--g-inset)}
}

@media (max-width:900px){
  #ebenen .eb-rows{gap:var(--sp-96)}
  #ebenen .eb-row,#ebenen .eb-row.is-flip{grid-template-columns:minmax(0,1fr);gap:var(--sp-32)}
  #ebenen .eb-row.is-flip .eb-media{order:0}
  #ebenen .eb-media{min-height:400px}
  #ebenen .eb-text h3{max-width:28ch}
  #ebenen .eb-text p{max-width:52ch}
  #ebenen .eb-next{margin-top:var(--sp-64)}
}
@media (max-width:640px){
  #ebenen .eb-rows{gap:var(--sp-64)}
  #ebenen .eb-row,#ebenen .eb-row.is-flip{gap:var(--sp-24)}
  #ebenen .eb-media{min-height:0;padding:var(--g-inset)}
  #ebenen .eb-text{gap:var(--sp-12)}
  #ebenen .eb-next{margin-top:var(--sp-48)}
}


#ebenen .eb-next.is-c{display:flex;justify-content:center}


#ebenen .eb-head{max-width:960px}
#ebenen .eb-head .lead{max-width:56ch}
#ebenen .eb-facts{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-32) var(--grid-gap);margin:var(--block-gap) 0 0;padding:0}
#ebenen .eb-facts li{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate)}
#ebenen .eb-facts b{font-size:var(--fs-num-s);font-weight:var(--w-head);letter-spacing:-.05em;line-height:1;color:var(--fg);white-space:nowrap}
#ebenen .eb-facts span{max-width:22ch;font-size:var(--fs-small);line-height:1.45;color:var(--fg-2);text-wrap:balance}
#ebenen .eb-rows{margin-top:var(--sp-128)}
#ebenen .eb-text h3{font-size:var(--fs-h3l);line-height:1.1;font-weight:var(--w-head);letter-spacing:var(--track-h2);max-width:16ch}
#ebenen .eb-text{gap:var(--sp-24)}
@media (max-width:1100px){#ebenen .eb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){#ebenen .eb-rows{margin-top:var(--sp-96)}}
@media (max-width:640px){#ebenen .eb-facts{gap:var(--sp-12)}#ebenen .eb-facts li{padding:var(--sp-24)}#ebenen .eb-rows{margin-top:var(--sp-64)}#ebenen .eb-text{gap:var(--sp-12)}}
@media (max-width:480px){#ebenen .eb-facts li{padding:var(--sp-16) var(--sp-16) var(--sp-24)}#ebenen .eb-facts b{font-size:var(--fs-h3)}}


#ebenen .eb-facts{grid-template-rows:auto auto auto;row-gap:var(--grid-gap)}
#ebenen .eb-facts li{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;padding:var(--sp-12) var(--sp-12) var(--card-pad)}
#ebenen .eb-facts .eb-fact-media{display:grid;place-items:center;padding:var(--sp-24) var(--sp-24);border-radius:var(--r-xl)}
#ebenen .eb-facts .eb-fact-media > .g-panel{width:100%;padding:var(--sp-24)}
#ebenen .eb-facts li > b{margin:var(--sp-24) var(--sp-16) 0}
#ebenen .eb-facts li > span{margin:var(--sp-8) var(--sp-16) 0;max-width:none}

#ebenen .eb-facts span{font-size:inherit;color:inherit;max-width:none}
#ebenen .eb-facts li > .eb-fact-t{font-size:var(--fs-small);line-height:1.45;color:var(--fg-2);text-wrap:pretty}
@media (max-width:640px){
  #ebenen .eb-facts li{padding:var(--sp-8) var(--sp-8) var(--sp-24)}
  #ebenen .eb-facts .eb-fact-media{padding:var(--sp-12)}
  #ebenen .eb-facts .eb-fact-media > .g-panel{padding:var(--sp-12)}
  #ebenen .eb-facts li > b{margin:var(--sp-16) var(--sp-8) 0}
  #ebenen .eb-facts li > span{margin:var(--sp-4) var(--sp-8) 0}
}

#ebenen .eb-facts li > b{font-size:var(--fs-h4);font-weight:var(--w-strong);letter-spacing:-.01em;line-height:var(--lh-h3);white-space:normal;text-wrap:balance}
@media (max-width:480px){#ebenen .eb-facts li > b{font-size:var(--fs-h4)}}

#ebenen .eb-facts .eb-fact-media > .g-panel{padding:var(--sp-16)}
@media (max-width:560px){#ebenen .eb-facts{grid-template-columns:minmax(0,1fr)}}
#ebenen .eb-facts .nowrap{white-space:nowrap;text-wrap:nowrap;line-height:inherit}

@media (max-width:400px){#ebenen-titel .nowrap{white-space:normal}}

#ebenen .eb-facts-ic{grid-template-rows:none}
#ebenen .eb-facts-ic li{display:flex;flex-direction:column;align-items:flex-start;grid-row:auto;padding:var(--card-pad)}
#ebenen .eb-facts-ic li > .icon-disc{width:44px;height:44px;margin-bottom:var(--sp-24);background:var(--disc);color:var(--fg)}
#ebenen .eb-facts-ic li > .icon-disc .i{width:20px;height:20px}
#ebenen .eb-facts-ic li > b{margin:0}
#ebenen .eb-facts-ic li > .eb-fact-t{margin:var(--sp-8) 0 0}
@media (max-width:640px){#ebenen .eb-facts-ic li{padding:var(--sp-24)}#ebenen .eb-facts-ic li > .icon-disc{margin-bottom:var(--sp-16)}}

#ebenen .eb-facts-ic li > .icon-disc{margin:0 0 var(--sp-24);max-width:none;display:grid;place-items:center}
@media (max-width:640px){#ebenen .eb-facts-ic li > .icon-disc{margin:0 0 var(--sp-16)}}



#folgen .fo-head{max-width:960px}
#folgen .fo-head h2{text-wrap:balance}
#folgen .fo-head .lead{max-width:44ch;text-wrap:pretty}

#folgen .fo-pair{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--grid-gap);margin-top:var(--block-gap)}
#folgen .fo-col{display:flex;flex-direction:column;gap:var(--sp-24);min-width:0}
#folgen .fo-media{display:grid;place-items:center;height:560px;padding:var(--g-inset);border-radius:var(--r-stage);overflow:hidden}
#folgen .fo-col-w .fo-media > .g-panel{width:100%;max-width:560px}
#folgen .fo-col:not(.fo-col-w) .fo-media > .g-panel{width:100%;max-width:400px}
#folgen .fo-col h3{padding-inline:var(--sp-8);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}
#folgen .fo-col .src{margin-top:calc(-1 * var(--sp-12));padding-inline:var(--sp-8);font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
#folgen .fo-col .src cite{font-style:normal}

#folgen .fo-relief{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-16) var(--sp-24);margin-top:var(--sp-64);
  padding:var(--sp-32) var(--sp-32) var(--sp-32) var(--sp-48);border-radius:var(--r-stage);background:var(--plate)}
#folgen .fo-relief-t{font-size:var(--fs-h3);font-weight:var(--w-strong);line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}

@media (max-width:1100px){#folgen .fo-media{height:500px}}
@media (max-width:900px){
  #folgen .fo-pair{grid-template-columns:minmax(0,1fr);gap:var(--sp-48)}
  #folgen .fo-media{height:auto;min-height:360px}
}
@media (max-width:640px){
  #folgen .fo-relief{padding:var(--sp-24)}
  #folgen .fo-relief .btn{width:100%}
}

@media (min-width:901px){
  #folgen .fo-pair{grid-template-rows:auto auto auto;row-gap:0}
  #folgen .fo-col{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
  #folgen .fo-media{height:auto;min-height:520px}
  #folgen .fo-col h3{margin-top:var(--sp-24)}
  #folgen .fo-col .src{margin-top:var(--sp-8)}
}

#folgen .fo-col h3,#folgen .fo-col .src{text-align:center}


#folgen .fo-more{display:block;margin-top:var(--block-gap)}
#folgen .fo-more-k{margin:0 0 var(--sp-16);text-align:center;font-size:var(--fs-small);color:var(--fg-2)}
#folgen .fo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#folgen .fo-grid li{display:flex;align-items:center;gap:var(--sp-12);min-width:0;padding:var(--sp-16) var(--sp-24);border-radius:var(--r-xl);background:var(--plate);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.3;color:var(--fg)}
#folgen .fo-grid .icon-disc{width:36px;height:36px;background:var(--disc);color:var(--fg-2)}
#folgen .fo-grid .icon-disc .i{width:16px;height:16px}
@media (max-width:900px){#folgen .fo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:380px){#folgen .fo-grid li{padding:var(--sp-12);gap:var(--sp-8)}#folgen .fo-grid .icon-disc{width:32px;height:32px}}



footer.foot{padding:var(--block-gap) 0 var(--gap-l)}
footer .foot-top{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:var(--sp-48) var(--gap-l)}
footer .foot-brand{gap:var(--sp-24);max-width:none}
footer .ft-lead{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);max-width:40ch}
footer .ft-contact{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:var(--sp-16) var(--sp-48)}
footer .ft-contact li{display:flex;align-items:center;gap:var(--sp-12);min-width:0}

footer .ft-contact .icon-disc{width:36px;height:36px}
footer .ft-contact .icon-disc svg.i{width:16px;height:16px}
footer .ft-contact li > span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--fs-small);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg)}
footer .ft-contact small{font-size:var(--fs-small);font-weight:var(--w-regular);color:var(--fg-3)}
footer .ft-contact a{color:var(--fg);text-decoration:none;overflow-wrap:anywhere;transition:color var(--t-fast)}
footer .ft-contact a:hover{color:var(--fg-2);text-decoration:underline;text-underline-offset:3px}
footer .foot-col{gap:var(--sp-12)}
footer .foot-col b{font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg);margin-bottom:var(--sp-4)}
footer .foot-col a{font-weight:var(--w-regular);color:var(--fg-2)}
footer .foot-col a:hover{color:var(--fg)}


footer .foot-band{background-image:linear-gradient(90deg,var(--band) 8%,transparent 72%),var(--brand-line);margin-top:var(--block-gap);height:auto;min-height:clamp(150px,16vw,232px);border-radius:var(--r-xl);justify-content:space-between;gap:var(--gap-l);padding:var(--card-pad)}
footer .ft-claim{display:flex;flex-direction:column;gap:var(--sp-12);margin:0}
footer .ft-word{font-size:var(--fs-h1);font-weight:var(--w-head);line-height:.95;letter-spacing:-.05em;color:var(--fg)}
footer .ft-sub{font-size:var(--fs-small);font-weight:var(--w-regular);color:var(--fg-2)}

footer .ft-shield{width:clamp(44px,5vw,64px);height:auto;aspect-ratio:1;color:var(--on-accent);flex:none}


footer .foot-bottom{margin-top:var(--gap-l);padding-top:0;border-top:0;align-items:center;font-size:var(--fs-small);color:var(--fg-3)}
footer .ft-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12) var(--sp-32)}
footer .ft-meta a{display:inline-flex;align-items:center;gap:var(--sp-8);color:var(--fg-2);text-decoration:none;transition:color var(--t-fast)}
footer .ft-meta a:hover{color:var(--fg)}
footer .ft-meta svg.i{width:14px;height:14px;transform:rotate(-90deg)}

@media (max-width:900px){footer .foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}footer .foot-brand{grid-column:1/-1}}
@media (max-width:560px){
  footer .ft-contact{grid-template-columns:minmax(0,1fr)}
  footer .foot-top{gap:var(--sp-32) var(--gap-l)}
  footer .foot-band{flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:180px}
  footer .ft-word{font-size:var(--fs-h2)}
  footer .ft-sub{max-width:22ch}
  footer .ft-shield{position:absolute;top:var(--card-pad);right:var(--card-pad);width:40px}
  footer .foot-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:360px){footer .ft-word{font-size:var(--fs-h3);line-height:var(--lh-h3)}}


footer .foot-top{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}
footer .foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-16)}
footer .ft-lead{font-size:var(--fs-body);color:var(--fg-2);max-width:30ch}
footer .ft-sos{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg);text-decoration:none}
footer .ft-sos svg.i{width:14px;height:14px;transition:transform var(--t-mid) var(--ease)}
footer .ft-sos:hover svg.i{transform:translateX(3px)}
footer .foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-12);font-size:var(--fs-small)}
footer .foot-col a,footer .foot-col span{color:var(--fg-2);text-decoration:none;overflow-wrap:anywhere}
footer .foot-col a:hover{color:var(--fg)}
footer .foot-band{display:flex;align-items:flex-end;justify-content:flex-start;background-image:var(--brand-line);min-height:clamp(160px,18vw,260px);padding:var(--card-pad) calc(var(--card-pad) + var(--sp-8))}
footer .ft-logo{display:inline-flex;align-items:center;gap:clamp(12px,1.6vw,24px);color:#ffffff;text-decoration:none;font-size:var(--fs-h1);font-weight:var(--w-strong);letter-spacing:-.045em;line-height:1}
footer .ft-mark{width:.9em;height:.9em;flex:none}
footer .ft-check{stroke:var(--a-indigo)}
@media (max-width:900px){footer .foot-top{grid-template-columns:repeat(3,minmax(0,1fr))}footer .foot-brand{grid-column:1/-1}}
@media (max-width:560px){
  footer .foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer .foot-band{min-height:140px;padding:var(--sp-24)}
  footer .ft-logo{font-size:var(--fs-h2)}
}

@media (max-width:560px){
  footer .foot-col{overflow-wrap:normal}
  footer .ft-kontakt{grid-column:1/-1;order:-1}
  footer .foot-brand{order:-2}
  footer .foot-col a,footer .foot-col span{overflow-wrap:normal}
}


.side-contact{position:fixed;z-index:41;right:var(--sp-16);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--sp-8)}
.side-contact .sdc-btn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-edge),var(--shadow-s2);color:var(--fg);text-decoration:none;transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}
.side-contact .sdc-btn svg.i{width:22px;height:22px;stroke-width:1.75}
@media (hover:hover){.side-contact .sdc-btn:hover{transform:translateX(-3px);box-shadow:var(--glass-edge),var(--shadow-s3)}}
.side-contact .sdc-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
@media (max-width:640px){
  .side-contact{top:auto;bottom:calc(max(24px,env(safe-area-inset-bottom,0px)) + 72px);right:var(--sp-12);transform:none}
  .side-contact .sdc-btn{width:44px;height:44px}
  .side-contact .sdc-btn svg.i{width:20px;height:20px}
}

.side-contact .sdc-top{margin-top:var(--sp-8);border:0;padding:0;font:inherit;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}
.side-contact.has-top .sdc-top{opacity:1;pointer-events:auto;transform:none}
@media (hover:hover){.side-contact.has-top .sdc-top:hover{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.side-contact .sdc-top{transition:opacity var(--t-mid) var(--ease);transform:none}}
@media print{.side-contact{display:none}}



#fragen{--fq-tile:var(--plate);--fq-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--fq-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#fragen .fq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-64);align-items:start}
#fragen .fq-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--sp-32));display:flex;flex-direction:column;gap:var(--sp-48)}
#fragen .fq-head{margin:0}


#fragen .fq-contact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-16);align-items:start;max-width:420px;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--fq-tile)}
#fragen .fq-contact .icon-disc{color:var(--fg)}
#fragen .fq-contact-txt{display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-8)}
#fragen .fq-contact-t{font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:1.3;letter-spacing:-.01em;color:var(--fg)}
#fragen .fq-contact-txt p:not(.fq-contact-t){font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#fragen .fq-contact-txt p.fq-hours{white-space:nowrap;color:var(--fg-3)}
#fragen .fq-contact-cta{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12) var(--sp-24);margin-top:var(--sp-8)}
#fragen .fq-contact .btn-secondary{background:var(--raised-0)}
#fragen .fq-tel{font-size:var(--fs-small);font-variant-numeric:tabular-nums;color:var(--fg)}
#fragen .fq-tel svg.i{width:16px;height:16px;color:var(--fg-2)}


#fragen .fq-list{display:flex;flex-direction:column;gap:var(--sp-48)}
#fragen .fq-group{display:flex;flex-direction:column;gap:var(--sp-12)}
#fragen .fq-gt{padding:0 var(--sp-4) var(--sp-4);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:var(--lh-small);letter-spacing:.01em;color:var(--fg-3)}
#fragen .fq-item{border-radius:var(--r-xl);background:var(--fq-tile);transition:background-color .3s var(--ease)}
#fragen .fq-item[open]{background:var(--fq-tile-open)}
#fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#fragen summary::-webkit-details-marker{display:none}
#fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#fragen .fq-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-wrap:pretty}

#fragen .fq-tog{width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast),transform .5s var(--ease)}
#fragen .fq-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#fragen .fq-item[open] .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#fragen .fq-item[open] .fq-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #fragen .fq-item:not([open]):hover{background:var(--fq-tile-hover)}
  #fragen .fq-item:hover .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}

#fragen .fq-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#fragen .fq-item[open]::details-content{height:auto}
#fragen .fq-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-body);text-wrap:pretty}
#fragen .fq-item p a{color:var(--fg);text-decoration-thickness:1px;text-underline-offset:3px}
#fragen .fq-item[open] p{animation:fq-in .6s var(--ease) both}
@keyframes fq-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #fragen .fq-item::details-content{transition:none}
  #fragen .fq-item[open] p{animation:none}
}

@media (max-width:1100px){#fragen .fq-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--sp-48)}}
@media (max-width:900px){
  #fragen .fq-grid{display:flex;flex-direction:column;gap:var(--head-gap)}
  #fragen .fq-side{display:contents}
  #fragen .fq-head{order:0}
  #fragen .fq-list{order:1}
  #fragen .fq-contact{order:2;max-width:none}
}
@media (max-width:640px){
  #fragen .fq-list{gap:var(--sp-32)}
  #fragen .fq-group{gap:var(--sp-8)}
  #fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #fragen .fq-tog{width:32px;height:32px}
  #fragen .fq-tog svg.i{width:16px;height:16px}
  #fragen .fq-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #fragen .fq-item p{padding:0 var(--sp-16) var(--sp-16)}
  #fragen .fq-contact{padding:var(--sp-16)}
}


#fragen .fq-list{gap:var(--sp-64)}
#fragen .fq-group{gap:var(--sp-12)}
#fragen .fq-gt{padding:0 var(--sp-4) var(--sp-12);font-size:var(--fs-h3);font-weight:var(--w-strong);line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--fg)}
@media (max-width:900px){#fragen .fq-list{gap:var(--sp-48)}}


#fragen .fq-contact{grid-template-columns:minmax(0,1fr);gap:var(--sp-16);padding:var(--card-pad)}
#fragen .fq-contact-txt{padding-top:0}
#fragen .fq-contact .btn-secondary{background:var(--raised)}
@media (max-width:640px){#fragen .fq-contact{padding:var(--sp-24)}}



#garantie .gt-head h2{text-wrap:balance}
#garantie .gt-head .lead{max-width:44ch}


#garantie .gt-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:var(--gap-l);row-gap:var(--sp-32)}
#garantie .gt-col{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:var(--sp-32);min-width:0}
#garantie .gt-media{display:grid;place-items:center;min-height:400px;padding:var(--g-inset);border-radius:var(--r-stage);overflow:hidden}
#garantie .gt-media > .g-panel{width:100%;max-width:440px}

@media (min-width:901px){#garantie .gt-media > .g-panel{--panel-pad:var(--sp-32)}}
@media (min-width:901px) and (max-width:1100px){#garantie .gt-media > .g-panel{--panel-pad:var(--sp-24)}}

#garantie .gt-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-12);padding-inline:var(--sp-8);min-width:0}
#garantie .gt-text h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}
#garantie .gt-text p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#garantie .gt-text p.src{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
#garantie .gt-text .src cite{font-style:normal}
#garantie .gt-text .tip{margin-left:var(--sp-8);vertical-align:.08em}


#garantie .gt-tiles{list-style:none;margin:var(--sp-96) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#garantie .gt-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--sp-32) var(--sp-24);border-radius:var(--r-xl);background:var(--plate)}
#garantie .gt-tile .icon-disc{margin-bottom:var(--sp-16);background:var(--disc);color:var(--fg-2)}
#garantie .gt-tile h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#garantie .gt-tile p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}

@media (max-width:1100px){
  #garantie .gt-cols{column-gap:var(--grid-gap)}
  #garantie .gt-media{min-height:360px;padding:var(--g-inset)}
  #garantie .gt-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  #garantie .gt-cols{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--sp-64)}
  #garantie .gt-col{grid-row:auto;grid-template-rows:auto auto;row-gap:var(--sp-24)}
  #garantie .gt-media{min-height:360px;padding:var(--g-inset)}
  #garantie .gt-text{padding-inline:0}
  #garantie .gt-text p{max-width:52ch}
  #garantie .gt-tiles{margin-top:var(--sp-64)}
}
@media (max-width:640px){
  #garantie .gt-cols{row-gap:var(--sp-48)}
  #garantie .gt-media{min-height:0;padding:var(--g-inset)}
  #garantie .gt-tiles{margin-top:var(--sp-48)}
  #garantie .gt-tile{padding:var(--sp-24)}
}
@media (max-width:560px){
  #garantie .gt-tiles{grid-template-columns:minmax(0,1fr)}
}


@media (min-width:901px){
  #garantie{--g-inset:clamp(24px,2.5vw,36px)}
  #garantie .gt-cols{column-gap:var(--grid-gap)}
  #garantie .gt-media > .g-panel{--panel-pad:var(--sp-24)}
}
#garantie .gt-head .lead{max-width:58ch}


@media (min-width:901px){#garantie .gt-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}




.hero{padding-top:calc(var(--header-h) + var(--gutter) + clamp(48px,6vw,96px))}
.hero .hero-in{gap:0}
.hero .kicker{align-self:center;margin-bottom:var(--sp-24)}


.hero h1{max-width:none}
.hero h1 span{display:block}
@media (max-width:640px){.hero h1 span{display:inline}}
.hero .hero-lead{max-width:620px;margin-top:var(--sp-24);line-height:1.5;text-wrap:balance}
.hero .nw{white-space:nowrap}


.hero .ctas{flex-direction:column;align-items:center;gap:var(--sp-16);width:100%;margin-top:var(--sp-48)}
.hero .qin{width:min(640px,100%);background:var(--plate);box-shadow:var(--shadow-s1)}
.hero .qin:focus-within{box-shadow:0 0 0 2px var(--accent)}
.hero .qin-go{padding-block:13px}
@media (min-width:521px){.hero .qin-in{padding-block:10px}}
@media (max-width:520px){
  .hero .qin:not(.qin-bar) .qin-in{box-shadow:none}
  .hero .qin:not(.qin-bar) .qin-in:focus{box-shadow:0 0 0 2px var(--accent)}
}


.hero .hero-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-4) var(--sp-24)}
.hero .hero-note{font-size:var(--fs-small);line-height:1.5;color:var(--fg-2)}
.hero .hero-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.5;color:var(--fg);text-decoration:none}
.hero .hero-link svg.i{width:16px;height:16px;color:var(--fg-3);transition:transform var(--t-mid) var(--ease),color var(--t-fast)}
.hero .hero-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hero .hero-link:hover svg.i{color:var(--fg);transform:translateX(3px)}
@media (max-width:520px){.hero .hero-meta{flex-direction:column;gap:var(--sp-4)}}


.hero .hero-stage{position:relative;width:calc(100% - 2 * var(--pad-x));max-width:1120px;margin:var(--sp-96) auto 0}
.hero .hero-stage::before{content:"";position:absolute;inset:8% 0 -6%;z-index:0;border-radius:50%;
  background:radial-gradient(closest-side at 22% 55%,color-mix(in srgb,var(--a-sky) 55%,transparent),transparent),
             radial-gradient(closest-side at 78% 45%,color-mix(in srgb,var(--a-violet) 55%,transparent),transparent);
  filter:blur(56px);opacity:.45;pointer-events:none}
.hero .hv-glass{position:relative;z-index:1;margin:0;border-radius:var(--r-xl);box-shadow:var(--shadow-s3)}
.hero .hv-v{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-xl);background:#ffffff}


.hero-tech{display:flex;flex-direction:column;align-items:center;gap:var(--sp-24);margin-top:var(--sp-96);text-align:center}
.hero-tech .ht-k{font-size:var(--fs-small);color:var(--fg-2)}
.hero-tech .ht-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-16) var(--sp-48)}
.hero-tech .ht-l li{font-size:var(--fs-h4);font-weight:var(--w-strong);letter-spacing:-.03em;line-height:1.2;color:color-mix(in srgb,var(--fg) 56%,transparent);white-space:nowrap}

@media (max-width:640px){
  .hero .hero-stage{width:calc(100% - 2 * var(--gutter));margin-top:var(--sp-64)}
  .hero .hv-glass,.hero .hv-v{border-radius:var(--r-lg)}
  .hero-tech{margin-top:var(--sp-64)}
  .hero-tech .ht-l{gap:var(--sp-12) var(--sp-24)}
  .hero-tech .ht-l li{font-size:var(--fs-body)}
}
.hero{overflow-x:clip}



.hero .hero-kicker{gap:var(--sp-8);padding-left:6px}
.hero .hero-face{position:relative;flex:none;width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--brand-line)}
.hero .hero-face img{position:absolute;left:0;top:10%;width:118%;max-width:none;height:auto;transform:translateX(-7.6%)}

.hero .hero-stage::before{display:none}
.hero .hv-glass{padding:8px;border-radius:var(--r-xl);background:var(--brand-line);box-shadow:var(--shadow-s3)}
.hero .hv-v{border-radius:var(--r-md)}
@media (max-width:640px){.hero .hv-glass{padding:8px;border-radius:var(--r-xl)}.hero .hv-v{border-radius:var(--r-md)}}

.hero-tech .ht-l{align-items:center;gap:var(--sp-24) var(--sp-64)}
.hero-tech .ht-l li{display:flex;align-items:center;gap:var(--sp-8);color:color-mix(in srgb,var(--fg) 58%,transparent);font-size:var(--fs-body);font-weight:var(--w-medium);letter-spacing:-.02em;transition:color var(--t-fast)}
.hero-tech .ht-l li:hover{color:var(--fg)}
.hero-tech .ht-logo{display:block;height:22px;width:auto}
.hero-tech .ht-logo[aria-label="Cloudflare"]{height:34px}
.hero-tech .ht-icon{height:22px}
@media (max-width:640px){.hero-tech .ht-l{gap:var(--sp-24) var(--sp-32)}.hero-tech .ht-logo{height:17px}.hero-tech .ht-logo[aria-label="Cloudflare"]{height:27px}.hero-tech .ht-icon{height:18px}.hero-tech .ht-l li{font-size:var(--fs-small)}}


.hero-tech{width:100%;max-width:var(--content)}
.hero-tech .ht-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.hero-tech .ht-track{display:flex;width:max-content;animation:ht-run 36s linear infinite}
.hero-tech .ht-marquee:hover .ht-track{animation-play-state:paused}
.hero-tech .ht-track .ht-l{flex:none;flex-wrap:nowrap;justify-content:flex-start;padding-right:var(--sp-64)}
@keyframes ht-run{to{transform:translateX(-50%)}}
@media (max-width:640px){.hero-tech .ht-track .ht-l{padding-right:var(--sp-32)}.hero-tech .ht-track{animation-duration:28s}}
@media (prefers-reduced-motion:reduce){
  .hero-tech .ht-marquee{-webkit-mask-image:none;mask-image:none}
  .hero-tech .ht-track{width:auto;animation:none;justify-content:center}
  .hero-tech .ht-track .ht-l{flex:1 1 auto;flex-wrap:wrap;justify-content:center;padding-right:0}
  .hero-tech .ht-track .ht-l[aria-hidden="true"]{display:none}
}
.hero-tech .ht-marquee{padding-block:var(--sp-8)}

.hero .hero-face{width:32px;height:32px}
.hero .hero-kicker{padding-block:4px}
.hero .hero-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}


.hero-sos{display:flex;justify-content:center;margin-top:var(--sp-48)}
.hs-band{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--sp-8) var(--sp-12);max-width:100%;padding:var(--sp-12) var(--sp-12) var(--sp-12) var(--sp-24);border-radius:var(--r-full);background:var(--plate);color:var(--fg);text-decoration:none;font-size:var(--fs-small);line-height:1.4;transition:background-color var(--t-fast) var(--ease),transform var(--t-mid) var(--ease)}
.hs-band:hover{background:var(--raised);transform:translateY(-1px)}
.hs-band b{font-weight:var(--w-strong)}
.hs-band .hs-t{color:var(--fg-2)}
.hs-band .hs-go{display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-16);border-radius:var(--r-full);background:var(--disc);font-weight:var(--w-medium)}
.hs-band .hs-go .i{width:16px;height:16px}
.hs-band .sos-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--gk-red,#e5484d)}
.hs-band .sos-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--gk-red,#e5484d);opacity:.35;animation:sos-pulse 2.4s var(--ease) infinite}
@media (prefers-reduced-motion:reduce){.hs-band .sos-dot::after{animation:none}}
@media (max-width:640px){
  .hero-sos{margin-top:var(--sp-32)}
  .hs-band{justify-content:flex-start;width:100%;border-radius:var(--r-xl);padding:var(--sp-16) var(--sp-16) var(--sp-16) var(--sp-24);text-align:left}
  .hs-band .hs-t{flex-basis:100%}
}


.hero-tech .ht-l li:has(.ht-wp){display:flex;align-items:center;gap:var(--sp-8)}
.hero-tech .ht-logo.ht-wp{height:26px;width:26px}
.hero-tech .ht-wp-t{font-size:var(--fs-h4);font-weight:var(--w-strong);letter-spacing:-.02em;line-height:1}
@media (max-width:640px){.hero-tech .ht-logo.ht-wp{height:21px;width:21px}.hero-tech .ht-wp-t{font-size:var(--fs-body)}}
.kicker .kicker-wp{width:14px;height:14px;margin-right:-2px}

.hero .hero-direct{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-8) var(--sp-12);margin-top:var(--sp-24)}
.hero .hero-direct-k{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);color:var(--fg-2)}
.hero .hero-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--fg) 45%,transparent)}
.hero .hero-direct .btn svg.i{width:16px;height:16px}
@media (max-width:520px){.hero .hero-direct-k{flex-basis:100%;justify-content:center}}


#hero h1{max-width:1120px;margin-inline:auto;text-wrap:balance}
#hero .hero-lead{max-width:760px;font-size:var(--fs-h3);line-height:1.4;font-weight:var(--w-regular);letter-spacing:-.01em}
#hero .hero-lead > strong:first-child{display:block}   

@media (max-width:520px){#hero .hero-kicker{white-space:nowrap;font-size:var(--fs-meta);width:auto;max-width:100%}}
@media (max-width:360px){#hero .hero-kicker .kicker-wp{display:none}}





.top .sos{display:inline-flex;align-items:center;gap:var(--sp-8);height:36px;padding:0 var(--sp-16) 0 var(--sp-12);border-radius:var(--r-full);background:var(--raised);color:var(--fg);text-decoration:none;font-size:var(--fs-small);font-weight:var(--w-medium);white-space:nowrap;transition:background-color var(--t-fast) var(--ease)}
.top .sos .i{width:16px;height:16px;color:var(--fg-2)}
.top .sos:hover{background:var(--line-strong)}

.top .logo svg{width:24px;height:24px}

@media (max-width:640px){.top .wrap{padding-inline:var(--sp-16) var(--sp-8)}}
@media (max-width:460px){.top .sos{width:36px;padding:0;justify-content:center}.top .sos .hide-s,.top .sos .show-s{display:none}}
@media (max-width:360px){.top .wrap{gap:var(--sp-8);padding-inline:var(--sp-12) var(--sp-4)}.top .logo{gap:var(--sp-8);font-size:var(--fs-small)}.top .logo svg{width:20px;height:20px}.top .nav{gap:0}.top .theme{margin:0;width:32px;height:32px}.top .sos{width:32px;height:32px}}


.top .sos{gap:var(--sp-8);padding:0 var(--sp-16) 0 var(--sp-12)}
.top .sos-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--gk-red,#e5484d)}
.top .sos-dot{animation:live-breathe 3.2s ease-in-out infinite}   
@keyframes sos-pulse{0%{transform:scale(.6);opacity:.45}70%,100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.top .sos-dot{animation:none}}
@media (max-width:460px){.top .sos{width:auto;padding:0 var(--sp-12)}.top .sos .show-s{display:inline}}

.top .sos .sos-wp{display:none}
.top .sos .hide-s::first-letter{text-transform:uppercase}
@media (min-width:1200px){.top .sos .sos-wp{display:inline}.top .sos .hide-s::first-letter{text-transform:none}}

.top .logo .logo-tag{margin-left:var(--sp-4);font-size:var(--fs-small);font-weight:var(--w-regular);letter-spacing:0;color:var(--fg-3);white-space:nowrap}
@media (max-width:1100px){.top .logo .logo-tag{display:none}}

.top .logo .logo-tag{display:grid;gap:1px;margin-left:var(--sp-8);line-height:1.15;letter-spacing:0}
.top .logo .logo-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg)}
.top .logo .logo-tag span{font-size:var(--fs-meta);font-weight:var(--w-regular);color:var(--fg-3)}
@media (max-width:1100px){.top .logo .logo-tag{display:none}}


.top .sos .hide-s,.top .sos .show-s,.top .sos .sos-wp{display:none}
.menu-btn{display:none;width:40px;height:40px;border:0;border-radius:50%;background:none;color:var(--fg);cursor:pointer;place-items:center;padding:0}
.menu-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;overflow:visible}
.menu-btn path{transition:transform var(--t-mid) var(--ease);transform-box:fill-box;transform-origin:center}
.menu-btn[aria-expanded="true"] .m1{transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .m2{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:1024px){.nav a.n{display:none}.menu-btn{display:grid}}
.menu{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--content) - 2 * var(--pad-x));margin:var(--sp-8) auto 0;border-radius:var(--r-xl);padding:var(--sp-16);box-shadow:var(--glass-edge),var(--shadow-md)}
.menu[hidden]{display:none}
.menu-l{list-style:none;margin:0;padding:0;display:grid}
.menu-l a{display:block;padding:var(--sp-12) var(--sp-12);border-radius:var(--r-md);color:var(--fg);text-decoration:none;font-size:var(--fs-body);font-weight:var(--w-medium)}
.menu-l a:hover{background:var(--raised)}
.menu-sos{width:100%;margin-top:var(--sp-16);gap:var(--sp-8)}
.menu-sos .sos-dot{width:8px;height:8px;border-radius:50%;background:var(--gk-red,#e5484d);flex:none}
.menu-direct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8);margin-top:var(--sp-8)}

@media (max-width:400px){.menu-direct .btn{padding-inline:var(--sp-12)}}
.menu-direct .btn{gap:var(--sp-8)}
.menu-direct svg.i{width:18px;height:18px}
@media (min-width:1025px){.menu{display:none!important}}
@media (max-width:400px){.top .theme{display:none}.top .sos{padding:0 var(--sp-12) 0 var(--sp-8)}}

@media (max-width:1024px){.top .logo{min-height:40px}.top .sos{height:40px}.top .theme{width:40px;height:40px}}



#lage .lg-head{max-width:720px}
#lage .lg-head h2{text-wrap:balance}
#lage .lg-head .lead{max-width:52ch;text-wrap:pretty}
#lage .lg-bx{margin-top:0}
#lage .nw{white-space:nowrap}
#lage .bx-text h3{text-wrap:balance}

@media (min-width:901px){#lage .lg-case .bx-media{--bx-h:calc(320px + var(--sp-16,16px))}}

#lage .lg-stat{padding:var(--card-pad)}
#lage .lg-stat h3{max-width:16ch;text-wrap:balance}
#lage .lg-stat-num{margin:auto 0 0;padding-top:var(--sp-32);font-size:var(--fs-num);font-weight:var(--w-medium);line-height:1;letter-spacing:-.03em;color:var(--fg);font-variant-numeric:tabular-nums}
#lage .lg-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-24);margin:var(--sp-24) 0 0}
#lage .lg-stat-list > div{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
#lage .lg-stat-list dt{font-size:var(--fs-num-s);font-weight:var(--w-strong);line-height:1.2;letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}
#lage .lg-stat-list dd{margin:0;font-size:var(--fs-small);line-height:1.5;color:var(--fg-2);text-wrap:pretty}
#lage .lg-stat .src{margin-top:var(--sp-24)}
@media (min-width:901px) and (max-width:1100px){
  #lage .bx-card.bx-s8{grid-column:span 8}
  #lage .bx-card.bx-s4{grid-column:span 4}
}
@media (max-width:900px){
  #lage .lg-stat{padding:var(--sp-24)}
}


@media (min-width:901px){#lage .lg-case .bx-media{--bx-h:380px}}


@media (min-width:901px) and (max-width:1100px){
  #lage .bx-card.bx-s7,#lage .bx-card.bx-s5{grid-column:span 6}
}
#lage .lg-side .bx-media{--bx-h:380px}


#lage .lg-ziele{margin-top:var(--block-gap)}
#lage .lg-ziele-head{max-width:640px;margin-bottom:var(--sp-32)}
#lage .lg-ziele-head h3{margin:0;font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3);color:var(--fg)}
#lage .lg-ziele-head p{margin:var(--sp-8) 0 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
#lage .lg-ziele-head strong{color:var(--fg)}
#lage .lg-ziele-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-32) var(--grid-gap)}
#lage .lg-ziele-l li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0}
#lage .lg-ziele-l svg.i{width:24px;height:24px;margin-bottom:var(--sp-8);color:var(--fg);flex:none}
#lage .lg-ziele-l b{font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#lage .lg-ziele-l span{font-size:var(--fs-small);line-height:1.45;color:var(--fg-2);text-wrap:pretty}
#lage .lg-ziele-l span strong{color:var(--fg)}
#lage .lg-ziele-l .src{font-style:normal;font-size:var(--fs-meta);color:var(--fg-3)}
@media (max-width:1100px){#lage .lg-ziele-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#lage .lg-ziele-l{grid-template-columns:minmax(0,1fr);gap:var(--sp-24)}}



#leistungen .le-head{margin-bottom:0}
#leistungen .le-head h2{max-width:16ch}
#leistungen .le-head .lead{max-width:48ch}


#leistungen .le-big{grid-row:span 2}
#leistungen .le-big .bx-media{flex:1}
#leistungen .le-small .bx-media{--bx-h:272px}


#leistungen .bx-text .src{font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3)}


#leistungen .le-wide{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:var(--grid-gap)}
#leistungen .le-price{padding:var(--sp-32) var(--sp-32) var(--sp-32) var(--sp-8)}
#leistungen .le-cmp{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-16)}
#leistungen .le-cmp .le-cmp-a{font-size:var(--fs-body);line-height:1.5;color:var(--fg-2)}
#leistungen .le-cmp .le-num{font-size:var(--fs-num-s);font-weight:var(--w-medium);line-height:1.1;letter-spacing:-.035em;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#leistungen .le-cmp .le-cmp-b{font-size:var(--fs-card);font-weight:var(--w-medium);line-height:1.35;letter-spacing:-.012em;color:var(--fg)}

@media (max-width:900px){
  #leistungen .le-big{grid-row:auto}
  #leistungen .le-small .bx-media{--bx-h:240px}
  #leistungen .le-wide{display:flex;flex-direction:column;align-items:stretch;gap:0}
  #leistungen .le-price{padding:var(--sp-24) var(--sp-16) var(--sp-16)}
}

@media (min-width:901px){#leistungen .le-big .gx-abwehr-bericht .pbb-bars{height:calc(var(--gk-row-h) * 4)}}


#leistungen .le-big{grid-row:auto}
#leistungen .bx-card{display:flex;flex-direction:column}
#leistungen .bx-card .bx-media{flex:1}
#leistungen .le-small .bx-media,#leistungen .le-big .bx-media,#leistungen .le-wide .bx-media{--bx-h:340px}
#leistungen .le-wide{display:flex;flex-direction:column;align-items:stretch;gap:0}
#leistungen .le-price{padding:20px 20px 16px}
#leistungen .le-cmp{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:var(--sp-12);row-gap:0}
#leistungen .le-cmp .le-cmp-a{flex-basis:100%}
@media (min-width:901px){#leistungen .le-big .gx-abwehr-bericht .pbb-bars{height:calc(var(--gk-row-h) * 2.2)}}


#leistungen .bx-card .bx-media{flex:none}
#leistungen .le-small .bx-media,#leistungen .le-big .bx-media,#leistungen .le-wide .bx-media{--bx-h:440px}
@media (max-width:900px){#leistungen .le-small .bx-media,#leistungen .le-big .bx-media,#leistungen .le-wide .bx-media{--bx-h:300px}}


@media (min-width:901px){#leistungen .le-bx > .bx-card{grid-row:span 2}}
#leistungen .le-head{max-width:880px}#leistungen .le-head h2{text-wrap:balance}
#leistungen .le-head h2{max-width:24ch}


#leistungen .le-more{margin-top:var(--block-gap)}
#leistungen .le-more-head{margin-bottom:var(--sp-32)}
#leistungen .le-more-head h3{font-size:var(--fs-h3l);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.015em;text-wrap:balance}
#leistungen .le-more-head p{margin-top:var(--sp-8);font-size:var(--fs-body);color:var(--fg-2)}
#leistungen .le-more-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#leistungen .le-more-g li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate)}
#leistungen .le-more-g .icon-disc{width:44px;height:44px;margin-bottom:var(--sp-16);background:var(--disc);color:var(--fg)}
#leistungen .le-more-g .icon-disc .i{width:20px;height:20px}
#leistungen .le-more-g b{font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#leistungen .le-more-g li > span:last-child{font-size:var(--fs-small);line-height:1.45;color:var(--fg-2);text-wrap:pretty}
@media (max-width:1100px){#leistungen .le-more-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#leistungen .le-more-g{grid-template-columns:minmax(0,1fr)}}



:root{--live:#3fae73}
.live-wrap{position:relative;display:inline-flex;flex:none;vertical-align:middle}
.live-badge,.live-dot{position:relative;display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--fg) 30%,transparent)}
.live-badge{position:absolute;right:0;top:0;z-index:3;box-shadow:0 0 0 2px var(--bg);pointer-events:none}
.sdc-btn{position:relative}
.sdc-btn .live-badge{right:3px;top:3px}
.live-line{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:1.3;color:var(--fg)}
.hero .hero-dot{width:8px;height:8px}
html[data-live="1"] .live-badge,html[data-live="1"] .live-dot,html[data-live="1"] .hero .hero-dot,html[data-live="1"] .dg-dot{background:var(--live);animation:live-breathe 3.2s ease-in-out infinite}
@keyframes live-breathe{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){html[data-live="1"] .live-badge,html[data-live="1"] .live-dot,html[data-live="1"] .hero .hero-dot,html[data-live="1"] .dg-dot{animation:none}}

@media (max-width:768px){.side-contact{transition:opacity var(--t-mid) var(--ease)}.side-contact.is-away{opacity:0;pointer-events:none}}

.st-dot,.dg-dot,.sc-dot,.sc-ndot{width:8px!important;height:8px!important;border-radius:50%;background:color-mix(in srgb,var(--fg) 30%,transparent)!important}
.st-dot::after,.dg-dot::after,.sc-dot::after,.sc-ndot::after{content:none!important;animation:none!important}
html[data-live="1"] .st-dot,html[data-live="1"] .dg-dot,html[data-live="1"] .sc-dot,html[data-live="1"] .sc-ndot{background:var(--live)!important;animation:live-breathe 3.2s ease-in-out infinite}
.st-face .st-dot,.sc-face .sc-dot{position:absolute!important;top:0!important;right:0!important;bottom:auto!important;z-index:3;box-shadow:0 0 0 2px var(--bg)}
@media (prefers-reduced-motion:reduce){html[data-live="1"] .st-dot,html[data-live="1"] .dg-dot,html[data-live="1"] .sc-dot,html[data-live="1"] .sc-ndot{animation:none}}



#pa-fragen{--pf-tile:var(--plate);--pf-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--pf-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#pa-fragen .pf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-64);align-items:start}
#pa-fragen .pf-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--sp-32))}
#pa-fragen .pf-head{margin:0}
#pa-fragen .pf-head .lead{max-width:34ch}
#pa-fragen .pf-list{display:flex;flex-direction:column;gap:var(--sp-12)}
#pa-fragen .pf-item{border-radius:var(--r-xl);background:var(--pf-tile);transition:background-color .3s var(--ease)}
#pa-fragen .pf-item[open]{background:var(--pf-tile-open)}
#pa-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#pa-fragen summary::-webkit-details-marker{display:none}
#pa-fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#pa-fragen .pf-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-wrap:pretty}
#pa-fragen .pf-tog{flex:none;width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast)}
#pa-fragen .pf-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#pa-fragen .pf-item[open] .pf-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#pa-fragen .pf-item[open] .pf-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #pa-fragen .pf-item:not([open]):hover{background:var(--pf-tile-hover)}
  #pa-fragen .pf-item:hover .pf-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}
#pa-fragen .pf-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#pa-fragen .pf-item[open]::details-content{height:auto}
#pa-fragen .pf-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty}
#pa-fragen .pf-item[open] p{animation:pf-in .6s var(--ease) both}
@keyframes pf-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #pa-fragen .pf-item::details-content{transition:none}
  #pa-fragen .pf-item[open] p{animation:none}
}
@media (max-width:1100px){#pa-fragen .pf-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--sp-48)}}
@media (max-width:900px){
  #pa-fragen .pf-grid{display:flex;flex-direction:column;gap:var(--head-gap)}
  #pa-fragen .pf-side{position:static}
}
@media (max-width:640px){
  #pa-fragen .pf-list{gap:var(--sp-8)}
  #pa-fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #pa-fragen .pf-tog{width:32px;height:32px}
  #pa-fragen .pf-tog svg.i{width:16px;height:16px}
  #pa-fragen .pf-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #pa-fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #pa-fragen .pf-item p{padding:0 var(--sp-16) var(--sp-16)}
}



#pa-kontakt .pk-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--col-gap);align-items:center}
#pa-kontakt .pk-stage{order:-1;display:grid;place-items:center;padding:var(--sp-32)}
#pa-kontakt .pk-copy{display:flex;flex-direction:column;gap:var(--sp-48);min-width:0}
#pa-kontakt .pk-head{margin:0}
#pa-kontakt .pk-head h2{text-wrap:balance}
#pa-kontakt .pk-head .lead{max-width:36ch;text-wrap:pretty}


#pa-kontakt .pk-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-24)}
#pa-kontakt .pk-step{display:grid;grid-template-columns:var(--sp-32) minmax(0,1fr);gap:var(--sp-16);align-items:start}
#pa-kontakt .pk-step:nth-child(2){--i:1}
#pa-kontakt .pk-step:nth-child(3){--i:2}
#pa-kontakt .pk-n{font-size:var(--fs-h3);font-weight:var(--w-medium);line-height:1.1;color:var(--fg-3);font-variant-numeric:tabular-nums}
#pa-kontakt .pk-step div{display:flex;flex-direction:column;gap:var(--sp-4)}
#pa-kontakt .pk-step h3{font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:1.3;letter-spacing:-.012em}
#pa-kontakt .pk-step p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}


#pa-kontakt .pk-card{container-type:inline-size;display:flex;flex-direction:column;gap:var(--sp-32);width:100%;max-width:560px;padding:var(--panel-pad)}
#pa-kontakt .pk-who{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-16);align-items:center;margin:0}
#pa-kontakt .pk-photo{position:relative;display:block;width:64px;height:64px;padding:0;border-radius:50%;overflow:hidden}
#pa-kontakt .pk-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
#pa-kontakt .pk-who figcaption{display:flex;flex-direction:column}
#pa-kontakt .pk-who b{font-size:var(--fs-body);font-weight:var(--w-strong);line-height:1.4;color:var(--fg)}
#pa-kontakt .pk-who span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa-kontakt .pk-reach{display:flex;flex-direction:column;gap:var(--sp-8)}
#pa-kontakt .pk-num a{font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.035em;line-height:1.05;color:var(--fg);text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap}
#pa-kontakt .pk-meta{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa-kontakt .pk-meta a{color:var(--fg);text-decoration:none;white-space:nowrap}
@media (hover:hover){#pa-kontakt .pk-meta a:hover{text-decoration:underline;text-underline-offset:3px}}
#pa-kontakt .pk-cta{display:flex;gap:var(--sp-12)}
#pa-kontakt .pk-cta .btn{flex:1 1 auto;padding-inline:var(--sp-16)}
#pa-kontakt .pk-cta .btn svg.i{width:18px;height:18px}
#pa-kontakt .pk-cta .btn-secondary{background:var(--g-inner)}
@media (hover:hover){#pa-kontakt .pk-cta .btn-secondary:hover{background:var(--g-inner-hover)}}
@container (max-width:380px){
  #pa-kontakt .pk-cta{flex-wrap:wrap}
  #pa-kontakt .pk-cta .btn{flex:1 1 0}
  #pa-kontakt .pk-cta .btn-primary{flex-basis:100%}
  #pa-kontakt .pk-num a{font-size:var(--fs-h3)}
}

@media (max-width:900px){
  #pa-kontakt .pk-split{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-48)}
  #pa-kontakt .pk-stage{order:0}
}
@media (max-width:640px){#pa-kontakt .pk-stage{padding:var(--sp-12)}}



#pa-problem .pp-head h2{text-wrap:balance}
#pa-problem .pp-head .lead{max-width:44ch;text-wrap:pretty}
#pa-problem .pp-nums{--i:1;justify-content:space-between;gap:var(--sp-48);padding:var(--card-pad)}
#pa-problem .pp-stat{display:flex;flex-direction:column;gap:var(--sp-8)}
#pa-problem .pp-stat .pp-n{margin-bottom:var(--sp-16);font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#pa-problem .pp-stat h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);text-wrap:balance}
#pa-problem .pp-stat p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#pa-problem .pp-stat .src{margin-top:var(--sp-4);font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
#pa-problem .bx-text .src{font-size:var(--fs-meta);color:var(--fg-3)}
@media (min-width:901px){#pa-problem .pp-nums{display:flex;flex-direction:column}}
@media (max-width:900px){#pa-problem .pp-nums{--i:0;gap:var(--sp-32)}}



#pa-start .ps-in{display:flex;flex-direction:column;align-items:center;text-align:center}
#pa-start .kicker{align-self:center;margin-bottom:var(--sp-24)}
#pa-start h1{max-width:none}
#pa-start .ps-lead{max-width:34ch;margin-top:var(--sp-24);text-wrap:balance}
#pa-start .ps-cta{margin-top:var(--sp-48)}
#pa-start .ps-note{margin-top:var(--sp-16);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:balance}

#pa-start .ps-fig{width:calc(100% - 2 * var(--pad-x));max-width:760px;margin:var(--sp-96) auto 0}
#pa-start .ps-stage{display:grid;place-items:center;padding:var(--g-inset)}
#pa-start .ps-stage > .g-panel{width:100%;max-width:480px}

@media (max-width:640px){
  #pa-start .ps-fig{width:calc(100% - 2 * var(--gutter));margin-top:var(--sp-64)}
}
@media (max-width:520px){
  #pa-start .ps-cta{flex-direction:column;align-items:stretch;width:100%}
  #pa-start .ps-cta .btn{width:100%}
}



#pa-wege .pw-head h2{text-wrap:balance}
#pa-wege .pw-head .lead{max-width:46ch;text-wrap:balance}
#pa-wege .pw-card:nth-child(2){--i:1}
#pa-wege .pw-card:nth-child(4){--i:1}
#pa-wege .pw-way{font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.4;color:var(--fg-3)}
#pa-wege .bx-text p.pw-way{font-size:var(--fs-small);line-height:1.4;color:var(--fg-3)}
#pa-wege .bx-text .pw-gain{font-size:var(--fs-body);line-height:1.5;color:var(--fg);font-weight:var(--w-medium);font-variant-numeric:tabular-nums}
#pa-wege .bx-text .src{margin-top:var(--sp-4);text-wrap:pretty}


#pa-wege .pw-basis{justify-content:space-between;gap:var(--sp-48);padding:var(--card-pad)}
@media (min-width:901px){#pa-wege .pw-basis{display:flex;flex-direction:column}}
#pa-wege .pw-top{display:flex;flex-direction:column;gap:var(--sp-8)}
#pa-wege .pw-n{margin-top:var(--sp-8);font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#pa-wege .pw-n-t{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa-wege .pw-t{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8)}
#pa-wege .pw-t h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);text-wrap:balance}
#pa-wege .pw-t p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#pa-wege .pw-link{margin-top:var(--sp-8);padding-left:0}

@media (max-width:900px){
  #pa-wege .bx > *:nth-child(n){--i:0}
  #pa-wege .pw-basis{gap:var(--sp-32)}
}



#pa3-ablauf .p3a-head h2{text-wrap:balance}
#pa3-ablauf .p3a-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
#pa3-ablauf .p3a-step{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#pa3-ablauf .p3a-step:nth-child(2){--i:1}
#pa3-ablauf .p3a-step:nth-child(3){--i:2}
#pa3-ablauf .p3a-n{margin-bottom:var(--sp-32);font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg-3);font-variant-numeric:tabular-nums}
#pa3-ablauf .p3a-step h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}
#pa3-ablauf .p3a-step p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:32ch;text-wrap:pretty}
@media (hover:hover){#pa3-ablauf .p3a-step:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#pa3-ablauf .p3a-step:hover{transform:none}}

@media (max-width:900px){
  #pa3-ablauf .p3a-steps{grid-template-columns:minmax(0,1fr)}
  #pa3-ablauf .p3a-step:nth-child(n){--i:0}
  #pa3-ablauf .p3a-step{display:grid;grid-template-columns:var(--sp-48) minmax(0,1fr);column-gap:var(--sp-16);row-gap:var(--sp-8);align-items:baseline}
  #pa3-ablauf .p3a-n{grid-row:1 / span 2;margin:0;font-size:var(--fs-h3l)}
  #pa3-ablauf .p3a-step p{grid-column:2;max-width:44ch}
}
@media (max-width:640px){#pa3-ablauf .p3a-step{grid-template-columns:var(--sp-32) minmax(0,1fr);column-gap:var(--sp-12)}}



#pa3-fragen{--fq-tile:var(--plate);--fq-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--fq-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#pa3-fragen .p3f-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-64);align-items:start}
#pa3-fragen .p3f-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--sp-32))}
#pa3-fragen .p3f-head{margin:0}
#pa3-fragen .p3f-head h2{text-wrap:balance}
#pa3-fragen .p3f-head .lead{max-width:34ch}
#pa3-fragen .p3f-list{display:flex;flex-direction:column;gap:var(--sp-12)}
#pa3-fragen .fq-item{border-radius:var(--r-xl);background:var(--fq-tile);transition:background-color .3s var(--ease)}
#pa3-fragen .fq-item[open]{background:var(--fq-tile-open)}
#pa3-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#pa3-fragen summary::-webkit-details-marker{display:none}
#pa3-fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#pa3-fragen .fq-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-wrap:pretty}
#pa3-fragen .fq-tog{flex:none;width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast),transform .5s var(--ease)}
#pa3-fragen .fq-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#pa3-fragen .fq-item[open] .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#pa3-fragen .fq-item[open] .fq-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #pa3-fragen .fq-item:not([open]):hover{background:var(--fq-tile-hover)}
  #pa3-fragen .fq-item:hover .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}
#pa3-fragen .fq-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#pa3-fragen .fq-item[open]::details-content{height:auto}
#pa3-fragen .fq-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-body);text-wrap:pretty}
#pa3-fragen .fq-item[open] p{animation:p3f-in .6s var(--ease) both}
@keyframes p3f-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #pa3-fragen .fq-item::details-content{transition:none}
  #pa3-fragen .fq-item[open] p{animation:none}
}
@media (max-width:1100px){#pa3-fragen .p3f-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--sp-48)}}
@media (max-width:900px){
  #pa3-fragen .p3f-grid{display:flex;flex-direction:column;gap:var(--head-gap)}
  #pa3-fragen .p3f-side{position:static}
}
@media (max-width:640px){
  #pa3-fragen .p3f-list{gap:var(--sp-8)}
  #pa3-fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #pa3-fragen .fq-tog{width:32px;height:32px}
  #pa3-fragen .fq-tog svg.i{width:16px;height:16px}
  #pa3-fragen .fq-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #pa3-fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #pa3-fragen .fq-item p{padding:0 var(--sp-16) var(--sp-16)}
}



#pa3-kontakt .p3c-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-64);align-items:center}
#pa3-kontakt .p3c-stage{display:grid;place-items:center;padding:var(--g-inset);border-radius:var(--r-stage)}
#pa3-kontakt .p3c-head{margin:0}
#pa3-kontakt .p3c-head h2{text-wrap:balance}
#pa3-kontakt .p3c-head .lead{max-width:34ch;text-wrap:pretty}


#pa3-kontakt .p3c-card{container-type:inline-size;display:flex;flex-direction:column;gap:var(--sp-32);width:100%;max-width:520px;padding:var(--panel-pad)}
#pa3-kontakt .p3c-who{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-16);align-items:center;margin:0}
#pa3-kontakt .p3c-photo{position:relative;display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--g-inner)}
#pa3-kontakt .p3c-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
#pa3-kontakt .p3c-who figcaption{display:flex;flex-direction:column}
#pa3-kontakt .p3c-who b{font-size:var(--fs-body);font-weight:var(--w-strong);line-height:1.4;color:var(--fg)}
#pa3-kontakt .p3c-who span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa3-kontakt .p3c-reach{display:flex;flex-direction:column;gap:var(--sp-8)}
#pa3-kontakt .p3c-num a{font-size:var(--fs-h3l);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1.1;color:var(--fg);text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap}
#pa3-kontakt .p3c-meta{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa3-kontakt .p3c-meta a{color:var(--fg);text-decoration:none;white-space:nowrap}
@media (hover:hover){
  #pa3-kontakt .p3c-num a:hover,#pa3-kontakt .p3c-meta a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
}
#pa3-kontakt .p3c-cta{display:flex;gap:var(--sp-12)}
#pa3-kontakt .p3c-cta .btn{flex:1 1 auto;padding-inline:var(--sp-16)}
#pa3-kontakt .p3c-cta .btn svg.i{width:18px;height:18px}
#pa3-kontakt .p3c-cta .btn-secondary{background:var(--g-inner)}
@media (hover:hover){#pa3-kontakt .p3c-cta .btn-secondary:hover{background:var(--g-inner-hover)}}
@container (max-width:380px){
  #pa3-kontakt .p3c-cta{flex-wrap:wrap}
  #pa3-kontakt .p3c-cta .btn{flex:1 1 0}
  #pa3-kontakt .p3c-cta .btn-primary{flex-basis:100%}
  #pa3-kontakt .p3c-num a{font-size:var(--fs-h3)}
}

@media (max-width:900px){
  #pa3-kontakt .p3c-split{display:flex;flex-direction:column;align-items:stretch;gap:var(--head-gap)}
  #pa3-kontakt .p3c-head{order:-1}
}
@media (max-width:640px){#pa3-kontakt .p3c-stage{padding:var(--sp-24) var(--sp-12)}}



#pa3-marke .p3m-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-64);align-items:center}
#pa3-marke .p3m-copy{display:flex;flex-direction:column;gap:var(--sp-48);min-width:0}
#pa3-marke .p3m-head{margin:0}
#pa3-marke .p3m-head h2{text-wrap:balance}
#pa3-marke .p3m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-24)}
#pa3-marke .p3m-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--sp-16);align-items:start;max-width:34em;
  font-size:var(--fs-h4);font-weight:var(--w-medium);line-height:1.4;letter-spacing:-.01em;color:var(--fg);text-wrap:pretty}
#pa3-marke .p3m-list li:nth-child(2){--i:1}
#pa3-marke .p3m-list li:nth-child(3){--i:2}
#pa3-marke .p3m-list li:nth-child(4){--i:3}
#pa3-marke .p3m-list svg.i{width:20px;height:20px;margin-top:.2em;color:var(--fg);stroke-width:2.2}
#pa3-marke .p3m-media{display:grid;place-items:center;align-self:stretch;min-height:440px;padding:var(--g-inset);border-radius:var(--r-stage)}
#pa3-marke .p3m-media > .g-panel{width:100%;max-width:440px}

@media (max-width:1100px){
  #pa3-marke .p3m-split{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}
  #pa3-marke .p3m-media{min-height:0}
}
@media (max-width:640px){
  #pa3-marke .p3m-copy{gap:var(--sp-32)}
  #pa3-marke .p3m-list{gap:var(--sp-16)}
  #pa3-marke .p3m-list li{font-size:var(--fs-body);gap:var(--sp-12)}
  #pa3-marke .p3m-list svg.i{width:18px;height:18px}
  #pa3-marke .p3m-media > .g-panel{--panel-pad:var(--sp-24)}
}



#pa3-problem .p3p-head h2{text-wrap:balance}
#pa3-problem .p3p-head .lead{max-width:44ch;text-wrap:pretty}
#pa3-problem .p3p-nums{--i:1;justify-content:space-between;gap:var(--sp-48);padding:var(--card-pad)}
@media (min-width:901px){#pa3-problem .p3p-nums{display:flex;flex-direction:column}}
#pa3-problem .p3p-stat{display:flex;flex-direction:column;gap:var(--sp-8)}
#pa3-problem .p3p-stat .p3p-n{margin-bottom:var(--sp-16);font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#pa3-problem .p3p-stat h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);text-wrap:balance}
#pa3-problem .p3p-stat p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#pa3-problem .p3p-stat .src{margin-top:var(--sp-4);font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
@media (max-width:900px){#pa3-problem .p3p-nums{--i:0;gap:var(--sp-32)}}



#pa3-schutz .p3k-head h2{text-wrap:balance}
#pa3-schutz .p3k-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#pa3-schutz .p3k-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--sp-32);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#pa3-schutz .p3k-card:nth-child(2){--i:1}
#pa3-schutz .p3k-card:nth-child(3){--i:2}
#pa3-schutz .p3k-card:nth-child(4){--i:3}
#pa3-schutz .p3k-card > svg.i{width:24px;height:24px;margin-bottom:var(--sp-24);color:var(--fg)}
#pa3-schutz .p3k-card h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#pa3-schutz .p3k-card p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
@media (hover:hover){#pa3-schutz .p3k-card:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#pa3-schutz .p3k-card:hover{transform:none}}

@media (max-width:1100px){
  #pa3-schutz .p3k-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pa3-schutz .p3k-card:nth-child(n){--i:0}
}
@media (max-width:640px){
  #pa3-schutz .p3k-card{padding:var(--sp-24)}
  #pa3-schutz .p3k-card > svg.i{margin-bottom:var(--sp-16)}
}
@media (max-width:560px){#pa3-schutz .p3k-cards{grid-template-columns:minmax(0,1fr)}}



#pa3-start .p3s-in{display:flex;flex-direction:column;align-items:center;text-align:center}
#pa3-start .kicker{align-self:center;margin-bottom:var(--sp-24)}
#pa3-start h1{max-width:none}
#pa3-start .p3s-lead{max-width:36ch;margin-top:var(--sp-24);text-wrap:balance}

@media (min-width:901px){#pa3-start .p3s-lead{max-width:none}#pa3-start .p3s-lead span{display:block}}
#pa3-start .p3s-cta{margin-top:var(--sp-48)}
#pa3-start .p3s-note{margin-top:var(--sp-16);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:balance}
#pa3-start .p3s-nw{white-space:nowrap}

#pa3-start .p3s-fig{width:calc(100% - 2 * var(--pad-x));max-width:760px;margin:var(--sp-96) auto 0}
#pa3-start .p3s-stage{display:grid;place-items:center;padding:var(--g-inset)}
#pa3-start .p3s-stage > .g-panel{width:100%;max-width:480px}

@media (max-width:640px){
  #pa3-start .p3s-fig{width:calc(100% - 2 * var(--gutter));margin-top:var(--sp-64)}
}
@media (max-width:520px){
  #pa3-start .p3s-cta{flex-direction:column;align-items:stretch;width:100%}
  #pa3-start .p3s-cta .btn{width:100%}
  
  #pa3-start .p3s-note{display:flex;flex-direction:column;gap:2px}
  #pa3-start .p3s-dot{display:none}
}



#pa3-verdienst .p3v-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-64);align-items:center}
#pa3-verdienst .p3v-media{display:grid;place-items:center;align-self:stretch;min-height:440px;padding:var(--g-inset);border-radius:var(--r-stage)}
#pa3-verdienst .p3v-media > .g-panel{width:100%;max-width:440px}
#pa3-verdienst .p3v-copy{display:flex;flex-direction:column;gap:var(--sp-32);min-width:0}
#pa3-verdienst .p3v-head{margin:0}
#pa3-verdienst .p3v-head h2{text-wrap:balance}
#pa3-verdienst .p3v-head .lead{max-width:38ch;text-wrap:pretty}

#pa3-verdienst .p3v-alt{display:flex;flex-direction:column;gap:var(--sp-8);max-width:520px;padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate)}
#pa3-verdienst .p3v-alt-k{font-size:var(--fs-small);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg-2)}
#pa3-verdienst .p3v-alt-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-4) var(--sp-12);margin-top:var(--sp-4)}
#pa3-verdienst .p3v-alt-n b{font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#pa3-verdienst .p3v-alt-n span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa3-verdienst .p3v-alt-t{margin-top:var(--sp-8);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#pa3-verdienst .p3v-src{max-width:52ch;font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3);text-wrap:pretty}

@media (max-width:1100px){
  #pa3-verdienst .p3v-split{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}
  #pa3-verdienst .p3v-copy{order:-1}
  #pa3-verdienst .p3v-media{min-height:0}
}
@media (max-width:640px){
  #pa3-verdienst .p3v-copy{gap:var(--sp-24)}
  #pa3-verdienst .p3v-media > .g-panel{--panel-pad:var(--sp-24)}
}



#pa3-wege{
  --p3w-feat-w:27%;
  --p3w-gap:var(--grid-gap);
  --p3w-in:var(--sp-32);
  --p3w-row:72px;
}
#pa3-wege .p3w-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#pa3-wege .p3w-head h2{text-wrap:balance}


#pa3-wege .p3w-help{list-style:none;margin:var(--sp-8) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8);
  font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--fg-2);text-wrap:balance}
#pa3-wege .p3w-help b{font-weight:var(--w-medium);color:var(--fg);white-space:nowrap}


#pa3-wege .p3w-wrap{margin-top:0}
#pa3-wege .p3w-t{width:calc(100% + 2 * var(--p3w-gap));margin-inline:calc(-1 * var(--p3w-gap));table-layout:fixed;border-collapse:separate;border-spacing:var(--p3w-gap) 0;text-align:left}
#pa3-wege .p3w-c-feat{width:var(--p3w-feat-w)}
#pa3-wege .p3w-c-way{width:calc((100% - var(--p3w-feat-w)) / 2)}
#pa3-wege .p3w-t th,#pa3-wege .p3w-t td{height:var(--p3w-row);padding:var(--sp-12) var(--p3w-in);vertical-align:middle;
  font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg)}
#pa3-wege .p3w-t tr > :first-child{padding-left:0}
#pa3-wege .p3w-l{display:none}
#pa3-wege .p3w-v{display:block}
#pa3-wege .p3w-nw{white-space:nowrap}
#pa3-wege .p3w-v b{font-weight:var(--w-medium);white-space:nowrap;font-variant-numeric:tabular-nums}
#pa3-wege .p3w-v.is-no{display:flex;align-items:center;min-height:24px}
#pa3-wege .p3w-v.is-no svg.i{width:18px;height:18px;color:var(--fg-3)}


#pa3-wege .p3w-t td,#pa3-wege .p3w-t thead .p3w-way{background:var(--plate)}
#pa3-wege .p3w-t thead th{height:auto;padding-top:var(--p3w-in);padding-bottom:var(--sp-16);vertical-align:bottom}
#pa3-wege .p3w-t thead .p3w-way{border-radius:var(--r-stage) var(--r-stage) 0 0}
#pa3-wege .p3w-name{display:flex;align-items:center;gap:var(--sp-12);font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3);letter-spacing:-.01em;color:var(--fg)}
#pa3-wege .p3w-name svg.i{flex:none;width:20px;height:20px;color:var(--fg)}
#pa3-wege .p3w-t tbody th{font-weight:var(--w-medium);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}

#pa3-wege .p3w-t tbody tr:last-child > *{height:calc(var(--p3w-row) + var(--p3w-in) - var(--sp-12));padding-bottom:var(--p3w-in)}
#pa3-wege .p3w-t tbody tr:last-child > td{border-radius:0 0 var(--r-stage) var(--r-stage)}

#pa3-wege .p3w-note{max-width:62ch;margin:var(--sp-48) auto 0;text-align:center;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:balance}

@media (max-width:1100px){#pa3-wege{--p3w-feat-w:26%;--p3w-in:var(--sp-24)}}


@media (max-width:900px){
  #pa3-wege .p3w-help{font-size:var(--fs-body);line-height:var(--lh-body)}
  #pa3-wege .p3w-help b{white-space:normal}
  #pa3-wege .p3w-nw{white-space:normal}
  #pa3-wege .p3w-wrap{max-width:560px;margin-inline:auto}
  #pa3-wege .p3w-t,#pa3-wege .p3w-t tbody,#pa3-wege .p3w-t tr,#pa3-wege .p3w-t th,#pa3-wege .p3w-t td{display:block;width:auto;height:auto;margin:0}
  #pa3-wege .p3w-t colgroup{display:none}
  #pa3-wege .p3w-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #pa3-wege .p3w-t tbody{display:flex;flex-direction:column;gap:var(--sp-12)}
  #pa3-wege .p3w-t tbody tr{display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-24);border-radius:var(--r-xl);background:var(--plate)}
  #pa3-wege .p3w-t tbody tr > *,#pa3-wege .p3w-t tbody tr:last-child > *{padding:0;background:none;border-radius:0}
  #pa3-wege .p3w-t tbody th{padding:0 0 var(--sp-8);font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3)}
  #pa3-wege .p3w-t tbody td{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:var(--sp-12);align-items:baseline}
  #pa3-wege .p3w-l{display:block;font-size:var(--fs-small);color:var(--fg-3)}
  #pa3-wege .p3w-v.is-no{min-height:0}
}
@media (max-width:640px){#pa3-wege .p3w-t tbody tr{padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}}
@media (max-width:360px){
  #pa3-wege .p3w-t tbody tr{padding:var(--sp-16)}
  #pa3-wege .p3w-t tbody td{grid-template-columns:minmax(0,1fr);gap:0}
  #pa3-wege .p3w-t tbody td + td{margin-top:var(--sp-4)}
}



#pa4-ablauf .p4a-head h2{text-wrap:balance}
#pa4-ablauf .p4a-head .lead{max-width:40ch}
#pa4-ablauf .p4a-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
#pa4-ablauf .p4a-step{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#pa4-ablauf .p4a-step:nth-child(2){--i:1}
#pa4-ablauf .p4a-step:nth-child(3){--i:2}
#pa4-ablauf .p4a-n{margin-bottom:var(--sp-32);font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg-3);font-variant-numeric:tabular-nums}
#pa4-ablauf .p4a-step h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}
#pa4-ablauf .p4a-step p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:32ch;text-wrap:pretty}
@media (hover:hover){#pa4-ablauf .p4a-step:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#pa4-ablauf .p4a-step:hover{transform:none}}

@media (max-width:900px){
  #pa4-ablauf .p4a-steps{grid-template-columns:minmax(0,1fr)}
  #pa4-ablauf .p4a-step:nth-child(n){--i:0}
  #pa4-ablauf .p4a-step{display:grid;grid-template-columns:var(--sp-48) minmax(0,1fr);column-gap:var(--sp-16);row-gap:var(--sp-8);align-items:baseline}
  #pa4-ablauf .p4a-n{grid-row:1 / span 2;margin:0;font-size:var(--fs-h3l)}
  #pa4-ablauf .p4a-step p{grid-column:2;max-width:44ch}
}
@media (max-width:640px){#pa4-ablauf .p4a-step{grid-template-columns:var(--sp-32) minmax(0,1fr);column-gap:var(--sp-12)}}



#pa4-fragen{--fq-tile:var(--plate);--fq-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--fq-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#pa4-fragen .p4f-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-64);align-items:start}
#pa4-fragen .p4f-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--sp-32))}
#pa4-fragen .p4f-head{margin:0}
#pa4-fragen .p4f-head h2{text-wrap:balance}
#pa4-fragen .p4f-head .lead{max-width:34ch}
#pa4-fragen .p4f-list{display:flex;flex-direction:column;gap:var(--sp-12)}
#pa4-fragen .fq-item{border-radius:var(--r-xl);background:var(--fq-tile);transition:background-color .3s var(--ease)}
#pa4-fragen .fq-item[open]{background:var(--fq-tile-open)}
#pa4-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#pa4-fragen summary::-webkit-details-marker{display:none}
#pa4-fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#pa4-fragen .fq-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-wrap:pretty}
#pa4-fragen .fq-tog{flex:none;width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast)}
#pa4-fragen .fq-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#pa4-fragen .fq-item[open] .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#pa4-fragen .fq-item[open] .fq-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #pa4-fragen .fq-item:not([open]):hover{background:var(--fq-tile-hover)}
  #pa4-fragen .fq-item:hover .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}
#pa4-fragen .fq-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#pa4-fragen .fq-item[open]::details-content{height:auto}
#pa4-fragen .fq-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-body);text-wrap:pretty}
#pa4-fragen .fq-item[open] p{animation:p4f-in .6s var(--ease) both}
@keyframes p4f-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #pa4-fragen .fq-item::details-content{transition:none}
  #pa4-fragen .fq-item[open] p{animation:none}
}
@media (max-width:1100px){#pa4-fragen .p4f-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--sp-48)}}
@media (max-width:900px){
  #pa4-fragen .p4f-grid{display:flex;flex-direction:column;gap:var(--head-gap)}
  #pa4-fragen .p4f-side{position:static}
}
@media (max-width:640px){
  #pa4-fragen .p4f-list{gap:var(--sp-8)}
  #pa4-fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #pa4-fragen .fq-tog{width:32px;height:32px}
  #pa4-fragen .fq-tog svg.i{width:16px;height:16px}
  #pa4-fragen .fq-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #pa4-fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #pa4-fragen .fq-item p{padding:0 var(--sp-16) var(--sp-16)}
}



#pa4-kontakt .p4c-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-64);align-items:center}
#pa4-kontakt .p4c-stage{display:grid;place-items:center;min-height:440px;padding:var(--g-inset);border-radius:var(--r-stage)}
#pa4-kontakt .p4c-copy{display:flex;flex-direction:column;gap:var(--sp-32);min-width:0}
#pa4-kontakt .p4c-head{margin:0}
#pa4-kontakt .p4c-head h2{text-wrap:balance}
#pa4-kontakt .p4c-head .lead{max-width:34ch;text-wrap:pretty}
#pa4-kontakt .p4c-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-12)}
#pa4-kontakt .p4c-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
#pa4-kontakt .p4c-list li:nth-child(2){--i:1}
#pa4-kontakt .p4c-list li:nth-child(3){--i:2}
#pa4-kontakt .p4c-list svg.i{width:18px;height:18px;margin-top:.25em;color:var(--fg)}

#pa4-kontakt .p4c-card{container-type:inline-size;display:flex;flex-direction:column;gap:var(--sp-32);width:100%;max-width:520px;padding:var(--panel-pad)}
#pa4-kontakt .p4c-who{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-16);align-items:center;margin:0}
#pa4-kontakt .p4c-photo{position:relative;display:block;width:64px;height:64px;border-radius:50%;overflow:hidden}
#pa4-kontakt .p4c-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
#pa4-kontakt .p4c-who figcaption{display:flex;flex-direction:column}
#pa4-kontakt .p4c-who b{font-size:var(--fs-body);font-weight:var(--w-strong);line-height:1.4;color:var(--fg)}
#pa4-kontakt .p4c-who span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa4-kontakt .p4c-reach{display:flex;flex-direction:column;gap:var(--sp-8)}
#pa4-kontakt .p4c-num a{font-size:var(--fs-h3l);font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1.1;color:var(--fg);text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap}
#pa4-kontakt .p4c-meta{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa4-kontakt .p4c-meta a{color:var(--fg);text-decoration:none;white-space:nowrap}
@media (hover:hover){
  #pa4-kontakt .p4c-num a:hover,#pa4-kontakt .p4c-meta a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
}
#pa4-kontakt .p4c-cta{display:flex;gap:var(--sp-12)}
#pa4-kontakt .p4c-cta .btn{flex:1 1 auto;padding-inline:var(--sp-16)}
#pa4-kontakt .p4c-cta .btn svg.i{width:18px;height:18px}
#pa4-kontakt .p4c-cta .btn-secondary{background:var(--g-inner)}
@media (hover:hover){#pa4-kontakt .p4c-cta .btn-secondary:hover{background:var(--g-inner-hover)}}
@container (max-width:400px){
  #pa4-kontakt .p4c-cta{flex-wrap:wrap}
  #pa4-kontakt .p4c-cta .btn{flex:1 1 0}
  #pa4-kontakt .p4c-cta .btn-primary{flex-basis:100%}
  #pa4-kontakt .p4c-num a{font-size:var(--fs-h3)}
}
@container (max-width:340px){
  #pa4-kontakt .p4c-meta{display:flex;flex-direction:column}
  #pa4-kontakt .p4c-dot{display:none}
}

@media (max-width:900px){
  #pa4-kontakt .p4c-split{display:flex;flex-direction:column;align-items:stretch;gap:var(--head-gap)}
  #pa4-kontakt .p4c-copy{order:-1}
  #pa4-kontakt .p4c-stage{min-height:0}
}
@media (max-width:640px){#pa4-kontakt .p4c-stage{padding:var(--sp-24) var(--sp-12)}}



#pa4-marke .p4m-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-64);align-items:center}
#pa4-marke .p4m-copy{display:flex;flex-direction:column;gap:var(--sp-48);min-width:0}
#pa4-marke .p4m-head{margin:0}
#pa4-marke .p4m-head h2{text-wrap:balance}
#pa4-marke .p4m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-24)}
#pa4-marke .p4m-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--sp-16);align-items:start;max-width:34em;
  font-size:var(--fs-h4);font-weight:var(--w-regular);line-height:1.4;letter-spacing:-.01em;color:var(--fg-2);text-wrap:pretty}
#pa4-marke .p4m-list li:nth-child(2){--i:1}
#pa4-marke .p4m-list li:nth-child(3){--i:2}
#pa4-marke .p4m-list li:nth-child(4){--i:3}
#pa4-marke .p4m-list li:nth-child(5){--i:4}
#pa4-marke .p4m-list svg.i{width:20px;height:20px;margin-top:.2em;color:var(--fg);stroke-width:2.2}
#pa4-marke .p4m-media{display:grid;place-items:center;align-self:stretch;min-height:480px;padding:var(--g-inset);border-radius:var(--r-stage)}
#pa4-marke .p4m-media > .g-panel{width:100%;max-width:440px}

@media (max-width:1100px){
  #pa4-marke .p4m-split{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}
  #pa4-marke .p4m-media{min-height:0}
}
@media (max-width:640px){
  #pa4-marke .p4m-copy{gap:var(--sp-32)}
  #pa4-marke .p4m-list{gap:var(--sp-16)}
  #pa4-marke .p4m-list li{font-size:var(--fs-body);gap:var(--sp-12)}
  #pa4-marke .p4m-list svg.i{width:18px;height:18px}
  
  #pa4-marke .p4m-media{margin-inline:calc(var(--gutter) - var(--pad-x))}
  #pa4-marke .p4m-media > .g-panel{--panel-pad:var(--sp-16)}
}



#pa4-problem .p4p-head h2{text-wrap:balance}
#pa4-problem .p4p-head .lead{max-width:44ch;text-wrap:pretty}
#pa4-problem .p4p-nums{--i:1;justify-content:space-between;gap:var(--sp-48);padding:var(--card-pad)}
@media (min-width:901px){#pa4-problem .p4p-nums{display:flex;flex-direction:column}}
#pa4-problem .p4p-stat{display:flex;flex-direction:column;gap:var(--sp-8)}
#pa4-problem .p4p-stat .p4p-n{margin-bottom:var(--sp-16);font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#pa4-problem .p4p-stat h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);text-wrap:balance}
#pa4-problem .p4p-stat p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#pa4-problem .p4p-stat .src{margin-top:var(--sp-4);font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
#pa4-problem .bx-text .src{font-size:var(--fs-meta);color:var(--fg-3)}
@media (max-width:900px){#pa4-problem .p4p-nums{--i:0;gap:var(--sp-32)}}



#pa4-schutz .p4k-head h2{text-wrap:balance}
#pa4-schutz .p4k-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#pa4-schutz .p4k-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--sp-32);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#pa4-schutz .p4k-card:nth-child(2){--i:1}
#pa4-schutz .p4k-card:nth-child(3){--i:2}
#pa4-schutz .p4k-card:nth-child(4){--i:3}
#pa4-schutz .p4k-card > svg.i{width:24px;height:24px;margin-bottom:var(--sp-24);color:var(--fg)}
#pa4-schutz .p4k-card h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#pa4-schutz .p4k-card p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
@media (hover:hover){#pa4-schutz .p4k-card:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#pa4-schutz .p4k-card:hover{transform:none}}

@media (max-width:1100px){
  #pa4-schutz .p4k-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pa4-schutz .p4k-card:nth-child(n){--i:0}
}
@media (max-width:640px){
  #pa4-schutz .p4k-card{padding:var(--sp-24)}
  #pa4-schutz .p4k-card > svg.i{margin-bottom:var(--sp-16)}
}
@media (max-width:560px){#pa4-schutz .p4k-cards{grid-template-columns:minmax(0,1fr)}}



#pa4-start .p4s-in{display:flex;flex-direction:column;align-items:center;text-align:center}
#pa4-start .kicker{align-self:center;margin-bottom:var(--sp-24)}
#pa4-start h1{max-width:none}
#pa4-start .p4s-lead{max-width:36ch;margin-top:var(--sp-24);text-wrap:balance}
@media (min-width:901px){#pa4-start .p4s-lead{max-width:none}#pa4-start .p4s-lead span{display:block}}
#pa4-start .p4s-cta{margin-top:var(--sp-48)}
#pa4-start .p4s-note{margin-top:var(--sp-16);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:balance}
#pa4-start .p4s-nw{white-space:nowrap}

#pa4-start .p4s-fig{width:calc(100% - 2 * var(--pad-x));max-width:760px;margin:var(--sp-96) auto 0}
#pa4-start .p4s-stage{display:grid;place-items:center;padding:var(--g-inset);border-radius:var(--r-stage)}
#pa4-start .p4s-stage > .g-panel{width:100%;max-width:480px}

@media (max-width:640px){
  #pa4-start .p4s-fig{width:calc(100% - 2 * var(--gutter));margin-top:var(--sp-64)}
  #pa4-start .p4s-stage > .g-panel{--panel-pad:var(--sp-24)}
}

@media (max-width:640px){
  #pa4-start h1{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}
  #pa4-start h1 span{display:block;text-wrap:balance}
}
@media (max-width:520px){
  #pa4-start .p4s-cta{flex-direction:column;align-items:stretch;width:100%}
  #pa4-start .p4s-cta .btn{width:100%}
  #pa4-start .p4s-note{display:flex;flex-direction:column;gap:var(--sp-4)}
  #pa4-start .p4s-dot{display:none}
}



#pa4-verdienst .p4v-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-64);align-items:center}
#pa4-verdienst .p4v-media{display:grid;place-items:center;align-self:stretch;min-height:480px;padding:var(--g-inset);border-radius:var(--r-stage)}
#pa4-verdienst .p4v-media > .g-panel{width:100%;max-width:440px}
#pa4-verdienst .p4v-copy{display:flex;flex-direction:column;gap:var(--sp-32);min-width:0}
#pa4-verdienst .p4v-head{margin:0}
#pa4-verdienst .p4v-head h2{text-wrap:balance}
#pa4-verdienst .p4v-head .lead{max-width:38ch;text-wrap:pretty}

#pa4-verdienst .p4v-alt{display:flex;flex-direction:column;gap:var(--sp-8);max-width:520px;padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate)}
#pa4-verdienst .p4v-alt-k{font-size:var(--fs-small);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg-2)}
#pa4-verdienst .p4v-alt-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-4) var(--sp-12);margin-top:var(--sp-4)}
#pa4-verdienst .p4v-alt-n b{font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#pa4-verdienst .p4v-alt-n span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#pa4-verdienst .p4v-alt-t{margin-top:var(--sp-8);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);max-width:40ch;text-wrap:pretty}
#pa4-verdienst .p4v-src{max-width:52ch;font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3);text-wrap:pretty}

@media (max-width:1100px){
  #pa4-verdienst .p4v-split{grid-template-columns:minmax(0,1fr);row-gap:var(--head-gap)}
  #pa4-verdienst .p4v-copy{order:-1}
  #pa4-verdienst .p4v-media{min-height:0}
}
@media (max-width:640px){
  #pa4-verdienst .p4v-copy{gap:var(--sp-24)}
  #pa4-verdienst .p4v-media > .g-panel{--panel-pad:var(--sp-24)}
  
  #pa4-verdienst .p4v-media{padding:var(--sp-12)}
  #pa4-verdienst .p4v-media > .g-panel{--panel-pad:var(--sp-16)}
}



#pa4-wege{--p4w-feat-w:27%;--p4w-gap:var(--grid-gap);--p4w-in:var(--sp-32);--p4w-row:72px}
#pa4-wege .p4w-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#pa4-wege .p4w-head h2{text-wrap:balance}

#pa4-wege .p4w-help{list-style:none;margin:var(--sp-8) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8);
  font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--fg-2);text-wrap:balance}
#pa4-wege .p4w-help strong{font-weight:var(--w-strong);color:var(--fg);white-space:nowrap}

#pa4-wege .p4w-t{width:calc(100% + 2 * var(--p4w-gap));margin-inline:calc(-1 * var(--p4w-gap));table-layout:fixed;border-collapse:separate;border-spacing:var(--p4w-gap) 0;text-align:left}
#pa4-wege .p4w-c-feat{width:var(--p4w-feat-w)}
#pa4-wege .p4w-c-way{width:calc((100% - var(--p4w-feat-w)) / 2)}
#pa4-wege .p4w-t th,#pa4-wege .p4w-t td{height:var(--p4w-row);padding:var(--sp-12) var(--p4w-in);vertical-align:middle;
  font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg)}
#pa4-wege .p4w-t tr > :first-child{padding-left:0}
#pa4-wege .p4w-l{display:none}
#pa4-wege .p4w-v{display:block}
#pa4-wege .p4w-v.is-soft{color:var(--fg-2)}
#pa4-wege .p4w-nw{white-space:nowrap}
#pa4-wege .p4w-v strong{font-weight:var(--w-strong);font-variant-numeric:tabular-nums}

#pa4-wege .p4w-t td,#pa4-wege .p4w-t thead .p4w-way{background:var(--plate)}
#pa4-wege .p4w-t thead th{height:auto;padding-top:var(--p4w-in);padding-bottom:var(--sp-16);vertical-align:bottom}
#pa4-wege .p4w-t thead .p4w-way{border-radius:var(--r-stage) var(--r-stage) 0 0}
#pa4-wege .p4w-name{display:flex;align-items:center;gap:var(--sp-12);font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3);letter-spacing:-.01em;color:var(--fg)}
#pa4-wege .p4w-name svg.i{flex:none;width:20px;height:20px;color:var(--fg)}
#pa4-wege .p4w-sub{display:block;margin-top:var(--sp-4);padding-left:var(--sp-32);font-size:var(--fs-meta);font-weight:var(--w-regular);line-height:1.4;color:var(--fg-3)}
#pa4-wege .p4w-t tbody th{font-weight:var(--w-medium);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#pa4-wege .p4w-t tbody tr:last-child > *{height:calc(var(--p4w-row) + var(--p4w-in) - var(--sp-12));padding-bottom:var(--p4w-in)}
#pa4-wege .p4w-t tbody tr:last-child > td{border-radius:0 0 var(--r-stage) var(--r-stage)}

#pa4-wege .p4w-note{max-width:62ch;margin:var(--sp-48) auto 0;text-align:center;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:balance}
#pa4-wege .p4w-more{display:flex;justify-content:center;margin-top:var(--sp-16)}

@media (max-width:1100px){#pa4-wege{--p4w-feat-w:26%;--p4w-in:var(--sp-24)}}

@media (max-width:900px){
  #pa4-wege .p4w-help{font-size:var(--fs-body);line-height:var(--lh-body)}
  #pa4-wege .p4w-help strong,#pa4-wege .p4w-nw{white-space:normal}
  #pa4-wege .p4w-wrap{max-width:560px;margin-inline:auto}
  #pa4-wege .p4w-t,#pa4-wege .p4w-t tbody,#pa4-wege .p4w-t tr,#pa4-wege .p4w-t th,#pa4-wege .p4w-t td{display:block;width:auto;height:auto;margin:0}
  #pa4-wege .p4w-t colgroup{display:none}
  #pa4-wege .p4w-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #pa4-wege .p4w-t tbody{display:flex;flex-direction:column;gap:var(--sp-12)}
  #pa4-wege .p4w-t tbody tr{display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-24);border-radius:var(--r-xl);background:var(--plate)}
  #pa4-wege .p4w-t tbody tr > *,#pa4-wege .p4w-t tbody tr:last-child > *{height:auto;padding:0;background:none;border-radius:0}
  #pa4-wege .p4w-t tbody th{padding:0 0 var(--sp-8);font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3)}
  #pa4-wege .p4w-t tbody td{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:var(--sp-12);align-items:baseline}
  #pa4-wege .p4w-l{display:block;font-size:var(--fs-small);color:var(--fg-3)}
}
@media (max-width:640px){#pa4-wege .p4w-t tbody tr{padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}}

@media (max-width:480px){
  #pa4-wege .p4w-t tbody td{grid-template-columns:minmax(0,1fr);gap:0}
  #pa4-wege .p4w-t tbody td + td{margin-top:var(--sp-8)}
}
@media (max-width:360px){#pa4-wege .p4w-t tbody tr{padding:var(--sp-16)}}



section#partner{padding-block:var(--card-pad)}
#partner .pt-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-16);text-align:left}
#partner:not(.band) .pt-bar{padding:var(--sp-16) var(--sp-24) var(--sp-16) var(--sp-16);border-radius:var(--r-xl);background:var(--plate)}
#partner .pt-txt{margin:0;min-width:0;font-size:var(--fs-small);font-weight:var(--w-regular);line-height:1.5;color:var(--fg-2)}
#partner .pt-txt b{font-weight:var(--w-strong);color:var(--fg)}
#partner .pt-link{flex:none;padding-block:var(--sp-8);font-size:var(--fs-small);white-space:nowrap}
#partner .pt-link svg.i{width:16px;height:16px}
@media (hover:hover){#partner .pt-bar:hover .pt-link svg.i{transform:translateX(3px)}}

@media (hover:hover){#partner .pt-bar:hover .icon-disc{background:var(--accent-soft);color:var(--accent-ink)}}


@media (max-width:760px){
  #partner .pt-bar{grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-16);row-gap:0;justify-content:start;align-items:start}
  #partner .icon-disc{grid-row:1 / span 2}
  #partner .pt-txt b{display:block}
  #partner .pt-link{grid-column:2;justify-self:start;padding-inline:0}
}




#preise{--pr-track:var(--g-line,rgba(10,12,40,.08));--pr-on:var(--g-inner-hover,rgba(255,255,255,.85));--pr-on-shadow:0 1px 2px rgba(10,12,40,.08),0 4px 12px -4px rgba(10,12,40,.16);
  --pr-ease:cubic-bezier(.2,.8,.2,1);--pr-cap:64px;--pr-pad:var(--sp-48)}
:root[data-theme="dark"] #preise{--pr-on:rgba(255,255,255,.14);--pr-on-shadow:0 1px 2px rgba(0,0,0,.4)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #preise{--pr-on:rgba(255,255,255,.14);--pr-on-shadow:0 1px 2px rgba(0,0,0,.4)}}


#preise .pr-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-24) var(--gap-l)}
#preise .pr-head{margin-bottom:0}
#preise .pr-head h2{text-wrap:balance}
#preise .pr-head .lead{max-width:44ch}


#preise .pr-bill{position:relative;isolation:isolate;display:flex;flex:none;width:max-content;max-width:100%;padding:4px;gap:4px;border-radius:var(--r-full);background:var(--pr-track)}
#preise .pr-knob{position:absolute;left:0;top:0;z-index:-1;width:0;height:0;border-radius:var(--r-full);background:var(--pr-on);box-shadow:var(--pr-on-shadow);pointer-events:none}
#preise .pr-bill.is-ready .pr-knob{transition:transform .4s var(--pr-ease),width .4s var(--pr-ease)}
#preise .pr-bill[hidden]{display:none}
#preise .pr-bill-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 var(--sp-16);border:0;border-radius:var(--r-full);background:none;font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);line-height:1.2;color:var(--fg-2);white-space:nowrap;cursor:pointer;transition:color var(--t-fast),background-color var(--t-fast)}
#preise .pr-bill-b:hover{color:var(--fg)}
#preise .pr-bill-b[aria-pressed="false"]:hover{background:color-mix(in srgb,var(--pr-on) 45%,transparent)}
#preise .pr-bill-b[aria-pressed="true"]{color:var(--fg)}
#preise .pr-bill-b:focus-visible{outline-offset:2px}
#preise .pr-gift{padding:4px 8px;border-radius:var(--r-full);background:var(--pr-track);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:1.2;color:var(--fg-2);transition:background-color var(--t-fast),color var(--t-fast)}
#preise .pr-bill-b[aria-pressed="true"] .pr-gift{background:var(--fg);color:var(--bg)}


#preise .pr-alt{margin-top:var(--sp-4);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg)}

#preise .pr-swap{animation:pr-swap .4s var(--ease)}
@keyframes pr-swap{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#preise .pr-swap{animation:none}#preise .pr-bill.is-ready .pr-knob{transition:none}}


#preise .pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:var(--pr-cap) repeat(4,auto);column-gap:var(--grid-gap);row-gap:0;
  margin-top:var(--block-gap)}
#preise .pr-plan{position:relative;isolation:isolate;display:grid;grid-template-rows:subgrid;grid-row:1 / 6;row-gap:0;min-width:0;
  border-radius:var(--r-section);background:var(--plate)}
#preise .pr-plan > :not(.pr-cap){position:relative;z-index:1;min-width:0}
#preise .pr-plan > .pr-flag{grid-row:1}#preise .pr-plan > .pr-hd{grid-row:2}#preise .pr-plan > .pr-price{grid-row:3}
#preise .pr-plan > .pr-act{grid-row:4}#preise .pr-plan > .pr-incl{grid-row:5}

#preise .pr-plan .btn-secondary,#preise .pr-ind .btn-secondary{background:var(--raised)}
#preise .pr-plan .btn-secondary:hover,#preise .pr-ind .btn-secondary:hover{background:linear-gradient(color-mix(in srgb,var(--fg) 7%,transparent),color-mix(in srgb,var(--fg) 7%,transparent)),var(--raised)}


#preise .pr-cap{position:absolute;inset:0;z-index:0;border-radius:var(--r-section);pointer-events:none;transform:scaleY(-1);
  clip-path:inset(calc(100% - var(--pr-cap)) 0 0 0 round 0 0 var(--r-section) var(--r-section))}
#preise .pr-flag{display:flex;align-items:center;min-height:var(--pr-cap);padding:0 var(--pr-pad)}
#preise .pr-rec{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--r-full);background:var(--g-glass);-webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);
  font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:1.5;color:var(--fg)}


#preise .pr-hd{padding:var(--sp-32) var(--pr-pad) 0}
#preise .pr-hd h3{margin:0;font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3);color:var(--fg)}
#preise .pr-sum{margin-top:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}


#preise .pr-price{padding:var(--sp-32) var(--pr-pad) 0}
#preise .amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-8)}
#preise .amount b{font-size:var(--fs-num-s);font-weight:var(--w-medium);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg)}
#preise .amount > span{font-size:var(--fs-body);line-height:1.2;color:var(--fg-2)}

#preise .pr-meta{margin-top:var(--sp-12);font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3);font-variant-numeric:tabular-nums}


#preise .pr-act{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-16);padding:var(--sp-32) var(--pr-pad) 0}
#preise .pr-act .btn{width:100%}
#preise .setup{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 8px;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:var(--disc);
  font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#preise .setup svg.i{width:16px;height:16px;margin-top:2px;flex:none;color:var(--fg-2)}
#preise .setup > span:first-of-type{flex:1 1 0;min-width:0}
#preise .setup s{text-decoration-thickness:1px;color:var(--fg-3)}
#preise .setup b{font-weight:var(--w-medium);color:var(--fg)}
#preise .pr-spots{flex:none;padding:0 8px;border-radius:var(--r-full);background:var(--raised);font-weight:var(--w-medium);color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#preise .pr-spots[hidden]{display:none}


#preise .pr-incl{padding:var(--sp-48) var(--pr-pad) var(--pr-pad)}
#preise .pr-incl-t{margin-bottom:var(--sp-24);font-size:var(--fs-small);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg)}
#preise .incl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-16)}
#preise .incl li,#preise .pr-more{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:var(--sp-12);font-size:var(--fs-small);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg)}
#preise .incl li svg.i,#preise .pr-more > svg.i{width:16px;height:16px;margin-top:var(--sp-4);color:var(--fg-3);stroke-width:2.25}

#preise .pr-more{grid-template-columns:16px auto auto;justify-content:start;align-items:center;margin-top:var(--sp-16);color:var(--fg-2)}
#preise .pr-more > svg.i{margin-top:0}
#preise .pr-more{position:relative}
#preise .pr-more .tip{position:static;margin-left:0}

#preise .pr-more .tip-body{left:0;max-width:min(300px,100%);transform:translate(var(--tip-x,0px),4px)}
#preise .pr-more .tip:hover .tip-body,#preise .pr-more .tip:focus-within .tip-body{transform:translate(var(--tip-x,0px),0)}
#preise .pr-tip-l{display:block}
#preise .pr-tip-l + .pr-tip-l{margin-top:var(--sp-4)}


#preise .pr-ind{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-24) var(--gap-l);margin-top:var(--grid-gap);
  padding:var(--sp-48) var(--pr-pad);border-radius:var(--r-section);background:var(--plate)}
#preise .pr-ind-t{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;max-width:44ch}
#preise .pr-ind h3{font-size:var(--fs-h4);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3);color:var(--fg)}
#preise .pr-ind-t > p:not(.pr-ind-p){font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#preise .pr-ind-p{display:flex;align-items:baseline;gap:var(--sp-8);margin-top:var(--sp-8);white-space:nowrap}
#preise .pr-ind-p b{font-size:var(--fs-h3);font-weight:var(--w-medium);letter-spacing:-.02em;line-height:1.2;color:var(--fg);font-variant-numeric:tabular-nums}
#preise .pr-ind-p span{font-size:var(--fs-small);line-height:1.2;color:var(--fg-2)}

@media (max-width:1100px){
  #preise{--pr-pad:var(--sp-32)}
}
@media (max-width:900px){
  #preise .pr-top{flex-direction:column;align-items:flex-start}
  #preise .pr-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--grid-gap)}
  #preise .pr-plan,#preise .pr-plan.is-rec{grid-row:auto;display:flex;flex-direction:column}
  #preise .pr-plan:not(.is-rec) > .pr-hd{padding-top:var(--pr-pad)}
}
@media (max-width:520px){
  #preise{--pr-pad:var(--sp-24);--pr-cap:56px}
  #preise .pr-bill-b{min-height:40px;padding:0 var(--sp-16);gap:4px}
  #preise .pr-plan,#preise .pr-ind{border-radius:var(--r-lg)}
  #preise .pr-cap{border-radius:var(--r-lg);clip-path:inset(calc(100% - var(--pr-cap)) 0 0 0 round 0 0 var(--r-lg) var(--r-lg))}
  #preise .pr-ind{flex-direction:column;align-items:stretch;padding-block:var(--sp-32)}
  #preise .pr-ind .btn{width:100%}
}

@media (max-width:420px){
  #preise .pr-bill{width:100%}
  #preise .pr-bill-b{flex:1 1 0;flex-direction:column;gap:4px;min-height:56px;padding:8px}
}

@media (max-width:400px){
  #preise{--pr-pad:var(--sp-16)}
  #preise .pr-act .btn,#preise .pr-ind .btn{padding-inline:var(--sp-16)}
}
@media (max-width:360px){
  #preise .pr-act .btn,#preise .pr-ind .btn{gap:var(--sp-8);padding-inline:var(--sp-12);font-size:var(--fs-small);white-space:nowrap}
}


#preise .pr-top{flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sp-32);text-align:center}
#preise .pr-head .lead{margin-inline:auto}
@media (max-width:640px){#preise .pr-top{align-items:stretch}#preise .pr-bill{width:100%}}


@media (max-width:1280px) and (min-width:901px){
  #preise{--pr-pad:var(--sp-32)}
}
@media (max-width:1100px) and (min-width:901px){
  #preise{--pr-pad:var(--sp-24)}
  #preise .pr-act .btn{gap:var(--sp-8);padding-inline:var(--sp-12);font-size:var(--fs-small);white-space:nowrap}
}


#preise{--pr-cap:72px}
#preise .pr-plan.is-rec{box-shadow:var(--shadow-s3)}
#preise .pr-flag{align-items:flex-end;padding-bottom:0}
#preise .pr-rec{gap:var(--sp-8);padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:var(--fs-small);color:var(--fg-2)}
#preise .pr-rec i{width:8px;height:8px;border-radius:50%;background:#6a3df0;flex:none}
#preise .pr-lim li svg.i{color:var(--fg);stroke-width:1.75}
#preise .pr-lim li strong{font-weight:var(--w-strong)}
#preise .pr-incl{padding-top:var(--sp-32)}


#preise .pr-rule{max-width:72ch;margin:var(--sp-32) auto 0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-align:center;text-wrap:balance}
#preise .pr-rule strong{color:var(--fg)}


#preise .pr-all-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-12) var(--sp-32);max-width:980px}
#preise .pr-all-l li{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg);white-space:nowrap}
#preise .pr-all-l li svg.i{width:18px;height:18px;flex:none;color:var(--fg);stroke-width:1.75;transform:none}
@media (max-width:900px){
  #preise .pr-plan.is-rec > .pr-flag{min-height:0;padding-top:var(--pr-pad)}
  #preise .pr-plan:not(.is-rec) > .pr-flag{display:none}
}
@media (max-width:560px){#preise .pr-all-l{flex-direction:column;align-items:flex-start;gap:var(--sp-12);margin-inline:auto}}

@media (min-width:901px){
  #preise .pr-plan:not(.is-rec){grid-row:2 / 6}
  #preise .pr-plan:not(.is-rec) > .pr-hd{grid-row:1;padding-top:var(--sp-32)}
  #preise .pr-plan:not(.is-rec) > .pr-price{grid-row:2}
  #preise .pr-plan:not(.is-rec) > .pr-act{grid-row:3}
  #preise .pr-plan:not(.is-rec) > .pr-incl{grid-row:4}
  #preise .pr-plan.is-rec > .pr-hd{padding-top:var(--sp-32)}
  #preise{--pr-cap:60px}
}


#preise .pr-head .lead{max-width:52ch}

#preise .pr-flag{align-items:center;justify-content:center;padding:0 var(--pr-pad)}
#preise .pr-rec{padding:0;background:none;font-size:var(--fs-small);font-weight:var(--w-medium);letter-spacing:0;color:#fff}
#preise .pr-rec i{display:none}
#preise .pr-plan.is-rec{box-shadow:var(--shadow-s2)}
@media (max-width:900px){
  #preise .pr-plan.is-rec > .pr-flag{min-height:var(--pr-cap);padding-top:0}
  #preise .pr-plan.is-rec > .pr-hd{padding-top:var(--sp-32)}
}


#preise .pr-care-t{margin-top:var(--sp-32)}


#preise .pr-ind-alt{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2);font-variant-numeric:tabular-nums}



.rg{padding-top:calc(var(--header-h) + var(--gutter) + var(--section-y))}
.rg-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-64);align-items:start}
@media (min-width:1100px){.rg-grid{grid-template-columns:minmax(0,720px) 300px;justify-content:space-between}}
.rg-main{min-width:0;max-width:720px;overflow-wrap:break-word;hyphens:manual}


.rg-crumbs{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin:0 0 var(--sp-24);font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-3)}
.rg-crumbs a{color:var(--fg-2);text-decoration:none}
@media (hover:hover){.rg-crumbs a:hover{color:var(--fg)}}
.rg-head h1{margin:0;font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2);text-wrap:balance;hyphens:manual}
.rg-head .lead{margin:var(--sp-16) 0 0;max-width:var(--measure-lead)}
.rg-author{display:flex;align-items:center;gap:var(--sp-12);margin-top:var(--sp-24)}
.rg-face{position:relative;flex:none;display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--face-bg)}
.rg-face img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.rg-author-t{display:flex;flex-direction:column;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
.rg-author-t b{font-weight:var(--w-strong);color:var(--fg)}


.rg-kurz{margin-top:var(--sp-48);padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate)}
.rg .rg-kurz-k{margin:0 0 var(--sp-12);font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);letter-spacing:0;color:var(--fg-2)}
.rg-kurz p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg)}
.rg-kurz p + p{margin-top:var(--sp-12)}


.rg-sec{margin-top:var(--sp-64)}
.rg-sec h2{margin:0 0 var(--sp-16);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--track-h3);font-weight:var(--w-strong);text-wrap:balance;scroll-margin-top:calc(var(--header-h) + var(--sp-32))}
.rg-sec h3{margin:var(--sp-24) 0 var(--sp-8);font-size:var(--fs-body);font-weight:var(--w-strong)}
.rg-sec p,.rg-sec li{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
.rg-sec p + p{margin-top:var(--sp-12)}
.rg-sec ol,.rg-sec ul{margin:var(--sp-12) 0 0;padding-left:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-8)}
.rg-sec li::marker{color:var(--fg-3);font-weight:var(--w-medium)}
.rg strong{font-weight:var(--w-strong);color:var(--fg)}
.rg-cite{font-size:.7em;line-height:0;margin-left:2px;white-space:nowrap}
.rg-cite a{color:var(--fg-3);text-decoration:none;font-weight:var(--w-medium);padding:0 1px}
@media (hover:hover){.rg-cite a:hover{color:var(--fg)}}
.rg-kurz,.rg-sec,.rg-box{scroll-margin-top:calc(var(--header-h) + var(--sp-32))}
.rg-quellen li:target{color:var(--fg)}


.rg-box{display:grid;margin:var(--sp-32) 0;padding:var(--g-inset);border-radius:var(--r-stage)}
.rg-box-in{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-16);padding:var(--sp-24)}
.rg-box .rg-box-t{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--w-medium);color:var(--fg)}
.rg-box-cta{display:flex;flex-wrap:wrap;gap:var(--sp-8)}


.rg-faq-list{display:flex;flex-direction:column;gap:var(--sp-12)}
.rg-faq-item{border-radius:var(--r-xl);background:var(--plate)}
.rg-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);padding:var(--sp-16) var(--sp-16) var(--sp-16) var(--sp-24);cursor:pointer;list-style:none}
.rg-faq-item summary::-webkit-details-marker{display:none}
.rg-q{font-size:var(--fs-body);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
.rg-faq-item .fq-tog{flex:none;display:grid;place-items:center;width:40px;height:40px;color:var(--fg)}
.rg-faq-item .fq-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
.rg-faq-item[open] .fq-tog svg.i{transform:rotate(45deg)}
.rg-sec .rg-faq-item p{padding:0 var(--sp-24) var(--sp-24);max-width:62ch}


.rg-quellen ol{gap:var(--sp-8)}
.rg-quellen li{font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3);overflow-wrap:anywhere;scroll-margin-top:calc(var(--header-h) + var(--sp-32))}
.rg-quellen a{color:var(--fg-2)}
.rg-sec .rg-note{margin-top:var(--sp-24);font-size:var(--fs-meta);color:var(--fg-3)}


.rg-side{display:none}
@media (min-width:1100px){
  .rg-side{display:flex;flex-direction:column;gap:var(--sp-32);position:sticky;top:calc(var(--header-h) + var(--sp-32))}
}
.rg-toc-t{margin:0 0 var(--sp-12);font-size:var(--fs-meta);font-weight:var(--w-medium);color:var(--fg-3)}
.rg-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8)}
.rg-toc a{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-decoration:none}
@media (hover:hover){.rg-toc a:hover{color:var(--fg)}}
.rg-side-cta{display:grid;padding:var(--sp-16);border-radius:var(--r-stage)}
.rg-side-in{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-12);padding:var(--sp-24);border-radius:var(--r-xl)}
.rg-side .rg-side-t{margin:0;font-size:var(--fs-body);font-weight:var(--w-strong);color:var(--fg)}
.rg-side .rg-side-s{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}


.rg-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-16)}
@media (min-width:800px){.rg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rg-card{display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate);color:inherit;text-decoration:none;transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}
@media (hover:hover){.rg-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}}
.rg-card:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.rg-card .rg-card-t{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);color:var(--fg);text-wrap:balance}
.rg-card .rg-card-d{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
.rg-card-m{display:inline-flex;align-items:center;gap:var(--sp-8);margin-top:auto;padding-top:var(--sp-8);font-size:var(--fs-meta);color:var(--fg-3)}
.rg-card-m svg.i{width:16px;height:16px}
@media (prefers-reduced-motion:reduce){.rg-card{transition:none}.rg-card:hover{transform:none}}



.rt{padding-top:calc(var(--header-h) + var(--gutter) + var(--section-y))}
.rt .rt-in{max-width:720px;overflow-wrap:break-word;hyphens:auto}
.rt h1{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2);margin:0;overflow-wrap:anywhere}
.rt h2{font-size:var(--fs-card);font-weight:var(--w-strong);line-height:var(--lh-h3);margin:var(--sp-48) 0 var(--sp-16)}
.rt h3{font-size:var(--fs-body);font-weight:var(--w-strong);margin:var(--sp-24) 0 var(--sp-8)}
.rt p,.rt li{color:var(--fg-2);font-size:var(--fs-body);line-height:var(--lh-body);margin:0;max-width:var(--measure-lead)}
.rt p + p{margin-top:var(--sp-12)}
.rt ul,.rt ol{margin:var(--sp-12) 0 0;padding-left:var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-8)}
.rt a{color:var(--fg);overflow-wrap:anywhere}
.rt .rt-stand{margin-top:var(--sp-16);font-size:var(--fs-small);color:var(--fg-3)}
.rt .rt-todo{background:var(--plate);border-radius:var(--r-xl);padding:var(--card-pad);margin-top:var(--head-gap)}



#sicherheitscheck{--sc-side:360px;--sc-field:var(--g-inner);--sc-field-hover:var(--g-inner-hover);--sc-red:var(--qc-risk);--sc-pos:var(--v-accent-ink);
  --sc-red-soft:color-mix(in srgb,var(--sc-red) 14%,transparent);--sc-red-faint:color-mix(in srgb,var(--sc-red) 8%,transparent);
  --sc-red-mid:color-mix(in srgb,var(--sc-red) 72%,transparent);--sc-pos-soft:color-mix(in srgb,var(--sc-pos) 13%,transparent);
  --sc-ink-faint:color-mix(in srgb,var(--fg) 7%,transparent);--sc-ink-dot:color-mix(in srgb,var(--fg) 20%,transparent);--sc-ink-arc:color-mix(in srgb,var(--fg) 12%,transparent)}
#sicherheitscheck [hidden]{display:none!important}

.sc-page{padding-block:calc(var(--header-h) + var(--gutter) + var(--sp-48)) var(--section-y)}

#sicherheitscheck strong{color:var(--fg);font-weight:var(--w-strong)}
#sicherheitscheck .sc-small strong,#sicherheitscheck .sc-name strong{font-weight:var(--w-medium)}
#sicherheitscheck .sc-nb{white-space:nowrap}


#sicherheitscheck .sc-head{margin:0 0 var(--sp-48);max-width:760px}
#sicherheitscheck h1{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2);font-weight:var(--w-head);text-wrap:balance}
#sicherheitscheck .sc-head .lead{max-width:46ch;text-wrap:pretty}
#sicherheitscheck h1 .ln{display:block}


#sicherheitscheck .sc-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--sc-side);column-gap:var(--sp-48);align-items:stretch}
#sicherheitscheck .sc-stage{--stage-pad:var(--sp-48);--sc-mesh-h:2600px;display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:clip;min-width:0;padding:var(--stage-pad);border-radius:var(--r-stage)}
#sicherheitscheck .sc-mesh{position:absolute;top:0;left:0;right:0;z-index:-1;height:max(100%,var(--sc-mesh-h));border-radius:0;pointer-events:none}
#sicherheitscheck .sc-card{padding:var(--sp-48)}


#sicherheitscheck .sc-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--sp-24));align-self:start;display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
#sicherheitscheck .sc-tile{margin:0;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--plate)}

#sicherheitscheck .sc-person{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:var(--sp-16);row-gap:var(--sp-12);align-items:center}
#sicherheitscheck .sc-person > .sc-avail,#sicherheitscheck .sc-person > .sc-acts{grid-column:1 / -1}
#sicherheitscheck .sc-pic{position:relative;margin:0;width:64px;height:64px;overflow:clip;border-radius:50%;background:var(--face-bg)}
#sicherheitscheck .sc-name{display:flex;flex-direction:column;gap:2px}
#sicherheitscheck .sc-name b{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg)}
#sicherheitscheck .sc-name span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-avail{display:flex;align-items:center;gap:var(--sp-8);margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg-2)}
#sicherheitscheck [data-avail="1"] .sc-avail{color:var(--fg)}
#sicherheitscheck .sc-dot{position:relative;flex:none;display:block;width:8px;height:8px;border-radius:50%;background:var(--sc-ink-dot)}
#sicherheitscheck [data-avail="1"] .sc-dot{background:var(--sc-pos)}
#sicherheitscheck [data-avail="1"] .sc-dot::after,#sicherheitscheck [data-on="1"] .sc-ndot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--sc-pos);animation:sc-pulse 2.4s var(--ease) infinite}
#sicherheitscheck .sc-acts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8)}
#sicherheitscheck .sc-btn,#sicherheitscheck .sc-mbtn{min-height:48px;padding-inline:var(--sp-16);background:var(--raised);font-variant-numeric:tabular-nums;white-space:nowrap}
#sicherheitscheck .sc-btn:hover,#sicherheitscheck .sc-mbtn:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}
#sicherheitscheck .sc-btn svg.i,#sicherheitscheck .sc-mbtn svg.i{width:18px;height:18px}
#sicherheitscheck .sc-promise ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-12)}
#sicherheitscheck .sc-promise li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-promise svg.i{width:18px;height:18px;margin-top:2px;color:var(--fg)}
#sicherheitscheck .sc-promise{display:flex;flex-direction:column;gap:var(--sp-16)}
#sicherheitscheck .sc-k{margin:0;font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg-2)}


#sicherheitscheck .sc-mbar{display:none}
#sicherheitscheck .sc-face{position:relative;flex:none;display:block;width:40px;height:40px;border-radius:50%;background:var(--face-bg)}
#sicherheitscheck .sc-face img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%}
#sicherheitscheck .sc-face .sc-dot{position:absolute;right:0;bottom:0;width:12px;height:12px}
#sicherheitscheck .sc-mbar-t{display:flex;flex-direction:column;min-width:0;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-mbar-t b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}
#sicherheitscheck .sc-mbar-acts{display:flex;gap:var(--sp-8);margin-left:auto}
#sicherheitscheck .sc-mbtn{min-height:44px}


#sicherheitscheck .sc-form{container-type:inline-size;min-width:0}
#sicherheitscheck .sc-prog{list-style:none;margin:0 0 var(--sp-32);padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-24)}
#sicherheitscheck .sc-prog li{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg-2);transition:color var(--t-mid)}
#sicherheitscheck .sc-prog i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--sc-ink-dot);transition:background-color var(--t-mid)}
#sicherheitscheck .sc-prog i::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--sc-ink-faint);opacity:0;transform:scale(.5);transition:opacity var(--t-mid),transform var(--t-mid) var(--ease)}
#sicherheitscheck .sc-prog .is-done i,#sicherheitscheck .sc-prog .is-now i{background:var(--fg)}
#sicherheitscheck .sc-prog .is-now{color:var(--fg)}
#sicherheitscheck .sc-prog .is-now i::after{opacity:1;transform:none}
#sicherheitscheck .sc-view{position:relative;min-width:0}
#sicherheitscheck .sc-view.is-anim{overflow:clip;overflow-clip-margin:var(--sp-8);transition:height .4s var(--ease)}
#sicherheitscheck .sc-step{display:flex;flex-direction:column;gap:var(--sp-32);min-width:0}
#sicherheitscheck .sc-step.is-out{opacity:0;transform:translateY(-4px);transition:opacity .17s ease,transform .17s ease}
#sicherheitscheck .sc-step.is-in{animation:sc-in .36s var(--ease) both}
@keyframes sc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sc-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes sc-spin{to{transform:rotate(360deg)}}
@keyframes sc-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.6);opacity:0}}
@keyframes sc-arc{from{opacity:0}to{opacity:1}}
#sicherheitscheck .sc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#sicherheitscheck .sc-group{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
#sicherheitscheck .sc-title{margin:0;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance;overflow-wrap:anywhere}
#sicherheitscheck .sc-title:focus{outline:none}
#sicherheitscheck .sc-help h3,#sicherheitscheck .sc-sub{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg)}
#sicherheitscheck .sc-text{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
#sicherheitscheck .sc-text a{color:var(--fg)}
#sicherheitscheck .sc-small{margin:0;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#sicherheitscheck .sc-small a{color:var(--fg)}
#sicherheitscheck .sc-btn-main{min-height:56px;padding-inline:var(--sp-32)}
#sicherheitscheck .sc-btn-main svg.i{width:18px;height:18px}
#sicherheitscheck .sc-btn-main:disabled{cursor:default;transform:none;background:color-mix(in srgb,var(--fg) 72%,transparent)}
#sicherheitscheck .sc-link{align-self:flex-start;font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg);background:none;border:0;padding:var(--sp-4) 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--fg) 30%,transparent);transition:text-decoration-color var(--t-fast)}
#sicherheitscheck .sc-link:hover{text-decoration-color:var(--fg)}
#sicherheitscheck .sc-link:focus-visible,#sicherheitscheck .sc-more:focus-visible,#sicherheitscheck .sc-fold summary:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:var(--r-xs)}


#sicherheitscheck .field{gap:var(--sp-12);min-width:0}
#sicherheitscheck .field label{font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg)}
#sicherheitscheck [data-step="url"] .field label{font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3)}
#sicherheitscheck [data-step="url"] .field{gap:var(--sp-16)}
#sicherheitscheck .field input{font:inherit;font-size:var(--fs-body);color:var(--fg);width:100%;min-width:0;min-height:56px;border:0;background:var(--sc-field);box-shadow:none;transition:box-shadow var(--t-fast),background-color var(--t-fast)}
#sicherheitscheck .field input:hover{background:var(--sc-field-hover)}
#sicherheitscheck .field input:focus{outline:none;background:var(--sc-field-hover);box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--disc)}
#sicherheitscheck .field.err input{background:var(--sc-field-hover);box-shadow:0 0 0 1.5px var(--fg)}
#sicherheitscheck .field.err input:focus{box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--disc)}
#sicherheitscheck .field .msg{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg)}
#sicherheitscheck .field .msg:empty{display:none}
#sicherheitscheck .sc-go{display:flex;flex-direction:column;gap:var(--sp-12)}


#sicherheitscheck .sc-what{display:flex;flex-direction:column;gap:var(--sp-16);padding:var(--sp-24);border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-pv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-12) var(--sp-24)}
#sicherheitscheck .sc-pv li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:center;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg)}
#sicherheitscheck .sc-pv-ic,#sicherheitscheck .sc-lic{display:grid;place-items:center;width:28px;height:28px;color:var(--fg)}
#sicherheitscheck .sc-pv-ic svg.i,#sicherheitscheck .sc-lic svg.i{width:20px;height:20px}


#sicherheitscheck .sc-list{list-style:none;margin:0;padding:var(--sp-24);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-16) var(--sp-24);border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:center;min-width:0;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
#sicherheitscheck .sc-item.is-shown{opacity:1;transform:none}
#sicherheitscheck .sc-ic{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;color:var(--fg)}
#sicherheitscheck .sc-ic svg.i{width:20px;height:20px}
#sicherheitscheck .sc-ti{display:flex;flex-direction:column;min-width:0}
#sicherheitscheck .sc-ti b{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#sicherheitscheck .sc-st{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2);overflow-wrap:anywhere}
#sicherheitscheck [data-s="run"] > .sc-ic::after{content:"";position:absolute;inset:var(--sp-4);border-radius:50%;background:conic-gradient(var(--fg) 0 90deg,var(--sc-ink-dot) 90deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));animation:sc-spin .8s linear infinite}

#sicherheitscheck [data-s="ok"] > .sc-ic,#sicherheitscheck [data-s="ok"] > .sc-ftop > .sc-ic{color:var(--sc-pos)}
#sicherheitscheck [data-s="hint"] > .sc-ic,#sicherheitscheck [data-s="hint"] > .sc-ftop > .sc-ic{color:var(--sc-red-mid)}
#sicherheitscheck [data-s="risk"] > .sc-ic,#sicherheitscheck [data-s="risk"] > .sc-ftop > .sc-ic{color:var(--sc-red)}
#sicherheitscheck [data-s="skip"] > .sc-ic,#sicherheitscheck [data-s="open"] > .sc-ic,#sicherheitscheck [data-s="open"] > .sc-ftop > .sc-ic{color:var(--fg-2)}
#sicherheitscheck .sc-item[data-s="risk"] .sc-st{color:var(--fg);font-weight:var(--w-medium)}
#sicherheitscheck .sc-item:not([data-s="run"]) > .sc-ic{animation:sc-pop .4s var(--ease)}


#sicherheitscheck .sc-res{display:flex;flex-direction:column;gap:var(--sp-24);min-width:0}
#sicherheitscheck .sc-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-4) var(--sp-12);border-radius:var(--r-full);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:var(--lh-small);background:var(--sc-pos-soft);color:var(--fg)}
#sicherheitscheck .sc-tag i{width:8px;height:8px;border-radius:50%;background:var(--sc-pos)}
#sicherheitscheck [data-level="risk"] .sc-tag{background:var(--sc-red-soft);color:var(--sc-red)}
#sicherheitscheck [data-level="risk"] .sc-tag i{background:var(--sc-red)}
#sicherheitscheck [data-level="weak"] .sc-tag{background:var(--sc-red-faint)}
#sicherheitscheck [data-level="weak"] .sc-tag i{background:var(--sc-red-mid)}
#sicherheitscheck .sc-eyebrow{margin:0;font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg-2);overflow-wrap:anywhere}
#sicherheitscheck .sc-score{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"ring head" "ring text";gap:var(--sp-8) var(--sp-24);align-items:center;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-score .sc-ring{grid-area:ring}
#sicherheitscheck .sc-score-t{grid-area:head;align-self:end}
#sicherheitscheck .sc-score > .sc-text{grid-area:text;align-self:start}
#sicherheitscheck .sc-score-t{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
#sicherheitscheck .sc-big{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--fg-2);text-wrap:balance}
#sicherheitscheck .sc-score .sc-text{font-size:var(--fs-small);line-height:var(--lh-small)}
#sicherheitscheck .sc-ring{position:relative;width:112px;height:112px}
#sicherheitscheck .sc-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
#sicherheitscheck .sc-arc{fill:none;stroke-width:12;stroke-linecap:butt;stroke:var(--sc-ink-arc);animation:sc-arc .5s var(--ease) both}
#sicherheitscheck .sc-arc:nth-child(2){animation-delay:.08s}
#sicherheitscheck .sc-arc:nth-child(3){animation-delay:.16s}
#sicherheitscheck .sc-arc:nth-child(4){animation-delay:.24s}
#sicherheitscheck .sc-arc:nth-child(5){animation-delay:.32s}
#sicherheitscheck .sc-arc:nth-child(6){animation-delay:.4s}
#sicherheitscheck .sc-arc[data-s="ok"]{stroke:var(--sc-pos)}
#sicherheitscheck .sc-arc[data-s="risk"]{stroke:var(--sc-red)}
#sicherheitscheck .sc-arc[data-s="hint"]{stroke:var(--sc-red-mid)}
#sicherheitscheck .sc-ring-n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center}
#sicherheitscheck .sc-ring-n b{font-size:var(--fs-h3);line-height:1;font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);font-variant-numeric:tabular-nums}
#sicherheitscheck .sc-ring-n i{font-style:normal;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg-2)}
#sicherheitscheck .sc-ring-n span{font-size:var(--fs-meta);line-height:1;color:var(--fg-2)}
#sicherheitscheck .sc-layers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8)}
#sicherheitscheck .sc-layer{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:center;min-width:0;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:var(--sc-field);transition:background-color var(--t-fast)}
#sicherheitscheck .sc-layer:hover{background:var(--sc-field-hover)}
#sicherheitscheck .sc-lt{display:flex;flex-direction:column;min-width:0}
#sicherheitscheck .sc-lt b{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#sicherheitscheck .sc-ls{display:flex;align-items:center;gap:var(--sp-8);min-width:0;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-ls em{font-style:normal;font-weight:var(--w-medium);color:var(--fg)}
#sicherheitscheck .sc-lm{flex:none;display:grid;place-items:center;width:8px;height:8px;border-radius:50%;background:var(--sc-ink-dot)}
#sicherheitscheck .sc-layer[data-s="ok"] .sc-lm{width:14px;height:14px;background:none;color:var(--sc-pos)}
#sicherheitscheck .sc-layer[data-s="ok"] .sc-lm svg.i{width:14px;height:14px}
#sicherheitscheck .sc-layer[data-s="risk"] .sc-lm{background:var(--sc-red)}
#sicherheitscheck .sc-layer[data-s="hint"] .sc-lm{background:var(--sc-red-mid)}
#sicherheitscheck .sc-layer[data-s="ok"] .sc-ls,#sicherheitscheck .sc-layer[data-s="risk"] .sc-ls,#sicherheitscheck .sc-layer[data-s="hint"] .sc-ls{color:var(--fg)}
#sicherheitscheck .sc-note{margin-top:calc(-1 * var(--sp-8))}


#sicherheitscheck .sc-block{display:flex;flex-direction:column;gap:var(--sp-16)}
#sicherheitscheck .sc-finds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8)}
#sicherheitscheck .sc-find{display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-16) var(--sp-24) var(--sp-16) var(--sp-16);border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-ftop{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--sp-12);align-items:center}
#sicherheitscheck .sc-ftitle{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#sicherheitscheck .sc-sev{padding:var(--sp-4) var(--sp-8);border-radius:var(--r-full);font-size:var(--fs-meta);line-height:1.2;font-weight:var(--w-medium);background:var(--sc-ink-faint);color:var(--fg-2);white-space:nowrap}
#sicherheitscheck .sc-find[data-s="risk"] .sc-sev{background:var(--sc-red-soft);color:var(--sc-red)}
#sicherheitscheck .sc-find[data-s="hint"] .sc-sev{background:var(--sc-red-faint);color:var(--fg)}
#sicherheitscheck .sc-fmean,#sicherheitscheck .sc-fdet{margin:0 0 0 calc(var(--sp-32) + var(--sp-8));font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-fdet{font-size:var(--fs-meta)}
#sicherheitscheck .sc-ffoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-8) var(--sp-16);margin-left:calc(var(--sp-32) + var(--sp-8))}
#sicherheitscheck .sc-ffix{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg)}
#sicherheitscheck .sc-ffix svg.i{width:14px;height:14px;color:var(--sc-pos)}
#sicherheitscheck .sc-more{font:inherit;font-size:var(--fs-meta);font-weight:var(--w-medium);color:var(--fg-2);background:none;border:0;padding:var(--sp-4) 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--fg) 30%,transparent)}
#sicherheitscheck .sc-more:hover{color:var(--fg)}


#sicherheitscheck .sc-folds{display:flex;flex-direction:column;gap:var(--sp-8);margin-top:calc(-1 * var(--sp-8))}
#sicherheitscheck .sc-fold{border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-fold summary{display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-16);list-style:none;cursor:pointer;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg);border-radius:var(--r-xl);transition:background-color var(--t-fast)}
#sicherheitscheck .sc-fold summary::-webkit-details-marker{display:none}
#sicherheitscheck .sc-fold summary:hover{background:var(--sc-field-hover)}
#sicherheitscheck .sc-fold-n{font-size:var(--fs-meta);color:var(--fg-2);font-variant-numeric:tabular-nums}
#sicherheitscheck .sc-fold summary svg.i{width:16px;height:16px;margin-left:auto;color:var(--fg-2);transition:transform var(--t-mid) var(--ease)}
#sicherheitscheck .sc-fold[open] summary svg.i{transform:rotate(180deg)}
#sicherheitscheck .sc-fold > ul,#sicherheitscheck .sc-fold > .sc-small{margin:0;padding:0 var(--sp-16) var(--sp-16)}
#sicherheitscheck .sc-fold .sc-finds .sc-find{background:var(--sc-ink-faint)}
#sicherheitscheck .sc-lines{list-style:none;display:flex;flex-direction:column;gap:var(--sp-12)}
#sicherheitscheck .sc-lines li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-lines .sc-ic{height:auto}
#sicherheitscheck .sc-lines .sc-ic svg.i{width:16px;height:16px}
#sicherheitscheck .sc-lines b{font-weight:var(--w-medium);color:var(--fg)}


#sicherheitscheck .sc-solve{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-24);padding:var(--sp-32);border-radius:var(--r-xl);color:#fff;background-color:#2a1f7a;background-image:var(--brand-line);background-repeat:no-repeat}
#sicherheitscheck .sc-solve .sc-group{gap:var(--sp-8)}
#sicherheitscheck .sc-solve-k{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:rgba(255,255,255,.8)}
#sicherheitscheck .sc-solve h3{margin:0;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:#fff;text-wrap:balance;max-width:24ch}
#sicherheitscheck .sc-price{display:flex;align-items:center;gap:var(--sp-16);margin:0;min-width:0}
#sicherheitscheck .sc-price b{font-size:var(--fs-h3);line-height:1;font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:#fff;white-space:nowrap}
#sicherheitscheck .sc-price span{font-size:var(--fs-meta);line-height:var(--lh-small);color:rgba(255,255,255,.82)}
#sicherheitscheck .sc-solve strong{color:#fff;font-weight:var(--w-medium)}
#sicherheitscheck .sc-solve-go{white-space:normal}
#sicherheitscheck .sc-solve-go:focus-visible{outline:2px solid #fff;outline-offset:3px}


#sicherheitscheck .sc-help{display:flex;flex-direction:column;gap:var(--sp-24);padding:var(--sp-24);border-radius:var(--r-xl);background:var(--sc-field);min-width:0}
#sicherheitscheck .sc-who{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-16);align-items:center}
#sicherheitscheck .sc-photo{position:relative;display:block;width:48px;height:48px;overflow:hidden;border-radius:50%;background:var(--face-bg)}
#sicherheitscheck .sc-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
#sicherheitscheck .sc-now{display:flex;align-items:flex-start;gap:var(--sp-8);margin:var(--sp-4) 0 0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck [data-on="1"] .sc-now{color:var(--fg)}
#sicherheitscheck .sc-ndot{position:relative;flex:none;width:8px;height:8px;margin-top:calc((var(--lh-small) * 1em - 8px) / 2);border-radius:50%;background:var(--sc-ink-dot)}
#sicherheitscheck [data-on="1"] .sc-ndot{background:var(--sc-pos)}

#sicherheitscheck .sc-help .sc-acts,#sicherheitscheck .sc-acts-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-12)}
#sicherheitscheck .sc-help .sc-acts .sc-btn-main,#sicherheitscheck .sc-acts-2 .sc-btn-main{width:100%;padding-inline:var(--sp-16);font-variant-numeric:tabular-nums;white-space:nowrap}
#sicherheitscheck .sc-help .btn-secondary{background:var(--sc-ink-faint)}
#sicherheitscheck .sc-help .btn-secondary:hover{background:color-mix(in srgb,var(--fg) 12%,transparent)}
#sicherheitscheck .sc-help .sc-link{margin-top:calc(-1 * var(--sp-8))}
#sicherheitscheck .sc-meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8)}
#sicherheitscheck .sc-meta .sc-small:empty{display:none}


#sicherheitscheck .sc-who-s{grid-template-columns:40px minmax(0,1fr);gap:var(--sp-12)}
#sicherheitscheck .sc-who-s .sc-photo{width:40px;height:40px}
#sicherheitscheck .sc-who-s .sc-text{font-size:var(--fs-small);line-height:var(--lh-small)}
#sicherheitscheck .sc-set{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:var(--sp-12)}
#sicherheitscheck .sc-set legend{padding:0;margin-bottom:var(--sp-12);font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg)}
#sicherheitscheck .sc-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8)}
#sicherheitscheck .sc-opt{position:relative;display:flex;align-items:center;min-width:0;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:var(--sc-field);cursor:pointer;transition:background-color var(--t-fast)}
#sicherheitscheck .sc-opt:hover{background:var(--sc-field-hover)}
#sicherheitscheck .sc-opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
#sicherheitscheck .sc-opt:has(input:checked){background:var(--sc-pos-soft)}
#sicherheitscheck .sc-opt:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:2px}
#sicherheitscheck .sc-opt-t{display:flex;flex-direction:column;min-width:0}
#sicherheitscheck .sc-opt-t b{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#sicherheitscheck .sc-opt-t small{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-send{display:flex;flex-direction:column;gap:var(--sp-16)}
#sicherheitscheck .sc-alert{margin:0;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:var(--sc-field);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg)}
#sicherheitscheck .sc-alert:empty{display:none}
#sicherheitscheck .sc-alert a{color:var(--fg);font-weight:var(--w-medium);white-space:nowrap}
#sicherheitscheck .sc-backlink{margin-top:calc(-1 * var(--sp-8))}


#sicherheitscheck .sc-done-top{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-16)}
#sicherheitscheck .sc-done-ic{display:block;color:var(--sc-pos)}
#sicherheitscheck .sc-done-ic svg.i{display:block;width:40px;height:40px;stroke-width:1.75}
#sicherheitscheck .sc-recap{margin:0;padding:var(--sp-16) var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-12);border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-recap div{display:grid;grid-template-columns:136px minmax(0,1fr);gap:var(--sp-12)}
#sicherheitscheck .sc-recap dt{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-recap dd{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg);overflow-wrap:anywhere}


@container (max-width:419px){
  #sicherheitscheck .sc-what{display:none}
  #sicherheitscheck .sc-score{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"ring head" "text text";gap:var(--sp-16);padding:var(--sp-16)}
  #sicherheitscheck .sc-score-t{align-self:center}
  #sicherheitscheck .sc-ring{width:88px;height:88px}
  #sicherheitscheck .sc-ring-n b{font-size:var(--fs-h4)}
  #sicherheitscheck .sc-ftop{grid-template-columns:28px minmax(0,1fr)}
  #sicherheitscheck .sc-sev{grid-column:2;justify-self:start}
  #sicherheitscheck .sc-fmean,#sicherheitscheck .sc-fdet,#sicherheitscheck .sc-ffoot{margin-left:0}
  #sicherheitscheck .sc-recap div{grid-template-columns:minmax(0,1fr);gap:0}
  #sicherheitscheck .sc-price{flex-direction:column;align-items:flex-start;gap:var(--sp-8)}
}

@container (max-width:340px){
  #sicherheitscheck .sc-prog{flex-wrap:nowrap;gap:var(--sp-8)}
  #sicherheitscheck .sc-prog li{gap:var(--sp-4)}
}

@container (max-width:299px){
  #sicherheitscheck .sc-prog{gap:var(--sp-12)}
  #sicherheitscheck .sc-prog li:not(.is-now) > span:not(.sc-sr){display:none}
}
@container (min-width:460px){
  #sicherheitscheck .sc-go{flex-direction:row}
  #sicherheitscheck .sc-go input{flex:1}
  #sicherheitscheck .sc-go .sc-btn-main{flex:none;width:auto}
}
@container (min-width:480px){#sicherheitscheck .sc-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:520px){
  #sicherheitscheck .sc-pv,#sicherheitscheck .sc-list,#sicherheitscheck .sc-layers{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1100px){#sicherheitscheck{--sc-side:300px}#sicherheitscheck .sc-grid{column-gap:var(--sp-32)}#sicherheitscheck .sc-stage{--stage-pad:var(--sp-32)}#sicherheitscheck .sc-card{padding:var(--sp-32)}}
@media (max-width:900px){
  #sicherheitscheck .sc-mbar{display:flex;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-32);padding:var(--sp-8);border-radius:var(--r-full);background:var(--plate)}
  #sicherheitscheck .sc-head{margin-bottom:var(--sp-32)}
  #sicherheitscheck .sc-grid{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-12)}
  #sicherheitscheck .sc-stage{--sc-mesh-h:3600px}
  #sicherheitscheck .sc-side{position:static}
  #sicherheitscheck .sc-person{display:none}
}
@media (max-width:640px){
  #sicherheitscheck .sc-stage{--stage-pad:var(--sp-12)}
  #sicherheitscheck .sc-card{padding:var(--sp-24) var(--sp-16)}
  #sicherheitscheck .sc-prog{margin-bottom:var(--sp-24);gap:var(--sp-8) var(--sp-16)}
  #sicherheitscheck .sc-step{gap:var(--sp-24)}
  #sicherheitscheck .sc-btn-main{width:100%;padding-inline:var(--sp-16)}
  #sicherheitscheck .sc-list,#sicherheitscheck .sc-help,#sicherheitscheck .sc-what,#sicherheitscheck .sc-recap{padding:var(--sp-16)}
  #sicherheitscheck .sc-solve{padding:var(--sp-24)}
  #sicherheitscheck .sc-find{padding:var(--sp-16)}
}
@media (max-width:479px){
  #sicherheitscheck .sc-solve{padding:var(--sp-24) var(--sp-16)}
  #sicherheitscheck .sc-solve-go{padding-inline:var(--sp-12);gap:var(--sp-8);font-size:var(--fs-small)}
  #sicherheitscheck .sc-mbar-t,#sicherheitscheck .sc-mwa-t{display:none}
  #sicherheitscheck .sc-mwa{width:44px;padding-inline:0}
}
@media (max-width:360px){
  #sicherheitscheck .sc-card{padding:var(--sp-16) var(--sp-12)}
  #sicherheitscheck .sc-mbtn{padding-inline:var(--sp-12)}
  #sicherheitscheck .sc-solve{padding:var(--sp-16)}
  #sicherheitscheck .sc-prog{gap:var(--sp-8) var(--sp-12)}
}
@media (prefers-reduced-motion:reduce){
  #sicherheitscheck .sc-step.is-in,#sicherheitscheck .sc-item > .sc-ic,#sicherheitscheck .sc-ndot::after,#sicherheitscheck .sc-dot::after,#sicherheitscheck .sc-arc{animation:none!important}
  #sicherheitscheck .sc-view.is-anim,#sicherheitscheck .sc-step.is-out,#sicherheitscheck .sc-item,#sicherheitscheck .sc-prog li,#sicherheitscheck .sc-prog i,#sicherheitscheck .sc-prog i::after,#sicherheitscheck .field input,#sicherheitscheck .sc-fold summary svg.i{transition:none!important}
  #sicherheitscheck .sc-item{transform:none}
  #sicherheitscheck [data-s="run"] > .sc-ic::after{animation-duration:2.4s!important}
}


#sicherheitscheck .sc-face img,#sicherheitscheck .sc-photo img,#sicherheitscheck .sc-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;border-radius:50%;transform:none}


#sicherheitscheck .sc-calm{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8) var(--sp-24)}
#sicherheitscheck .sc-calm li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--sp-8);align-items:start;min-width:0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-calm svg.i{width:16px;height:16px;margin-top:calc((var(--lh-small) * 1em - 16px) / 2);color:var(--sc-pos)}
#sicherheitscheck .sc-calm-row{display:flex;flex-wrap:wrap}
#sicherheitscheck .sc-calm-row li{flex:0 1 auto}
#sicherheitscheck [data-step="url"] .sc-calm{margin-top:calc(-1 * var(--sp-16))}
#sicherheitscheck .sc-solve .sc-calm{margin-top:calc(-1 * var(--sp-8))}
#sicherheitscheck .sc-solve .sc-calm li{color:rgba(255,255,255,.82)}
#sicherheitscheck .sc-solve .sc-calm svg.i{color:#fff}
@container (min-width:460px){#sicherheitscheck .sc-calm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


#sicherheitscheck .sc-next{display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--sp-16) var(--sp-24);border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8)}
#sicherheitscheck .sc-flow li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-fn{display:block;color:color-mix(in srgb,var(--fg) 40%,transparent);font-size:var(--fs-small);font-weight:var(--w-strong);line-height:var(--lh-small);font-variant-numeric:tabular-nums}
#sicherheitscheck .sc-safe{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--sp-8);align-items:start;margin:0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sicherheitscheck .sc-safe svg.i{width:16px;height:16px;margin-top:calc((var(--lh-small) * 1em - 16px) / 2);color:var(--sc-pos)}
#sicherheitscheck .sc-safe + .sc-small{margin-top:calc(-1 * var(--sp-8))}
@media (max-width:640px){#sicherheitscheck .sc-next{padding:var(--sp-16)}}


@media (max-width:640px){#sicherheitscheck h1 .ln{display:inline}}


#sicherheitscheck .sc-direct{display:flex;flex-direction:column;gap:var(--sp-16);padding:var(--sp-16) var(--sp-24) var(--sp-24);border-radius:var(--r-xl);background:var(--sc-field)}
#sicherheitscheck .sc-direct-t{display:flex;flex-direction:column;gap:var(--sp-4)}
#sicherheitscheck .sc-direct-h{margin:0;font-size:var(--fs-body);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#sicherheitscheck .sc-direct .sc-now{margin:0}
#sicherheitscheck [data-avail="1"] .sc-now{color:var(--fg)}
#sicherheitscheck [data-avail="1"] .sc-ndot{background:var(--sc-pos)}
#sicherheitscheck [data-avail="1"] .sc-ndot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--sc-pos);animation:sc-pulse 2.4s var(--ease) infinite}
#sicherheitscheck .sc-direct .btn-secondary{background:var(--sc-ink-faint)}
#sicherheitscheck .sc-direct .btn-secondary:hover{background:color-mix(in srgb,var(--fg) 12%,transparent)}
#sicherheitscheck .sc-direct .sc-btn-main{min-height:48px}
@container (max-width:419px){#sicherheitscheck .sc-help .sc-acts,#sicherheitscheck .sc-acts-2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){#sicherheitscheck .sc-direct{padding:var(--sp-16)}}
@media (prefers-reduced-motion:reduce){#sicherheitscheck [data-avail="1"] .sc-ndot::after{animation:none!important}}



#sh-ablauf .sa-head{margin-bottom:0}
#sh-ablauf .sa-head h2{text-wrap:balance}
#sh-ablauf .sa-head .lead{max-width:44ch;text-wrap:pretty}
#sh-ablauf .bx-text h3{text-wrap:balance}
#sh-ablauf .bx-text .src{font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3)}
#sh-ablauf .sa-liste .bx-media{flex:1}
#sh-ablauf .sa-call{align-self:flex-start;margin-top:var(--sp-4);padding-left:0}
#sh-ablauf .sa-call svg.i{width:16px;height:16px}


#sh-ablauf .sa-steps-card{gap:var(--sp-24);padding:var(--card-pad)}
#sh-ablauf .sa-steps-t{font-size:var(--fs-h3);line-height:var(--lh-h3,1.25);font-weight:var(--w-strong);letter-spacing:var(--track-h3,-.02em)}
#sh-ablauf .sa-steps{flex:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-24)}
#sh-ablauf .sa-step{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--sp-16);row-gap:var(--sp-4);align-items:start;min-width:0}
#sh-ablauf .sa-step .num-disc{grid-row:1 / span 2;width:40px;height:40px;font-size:var(--fs-body);font-weight:var(--w-medium);font-variant-numeric:tabular-nums}
#sh-ablauf .sa-step h4{grid-column:2;min-height:40px;display:flex;align-items:center;font-size:var(--fs-card);font-weight:var(--w-strong);line-height:1.35;letter-spacing:-.012em;color:var(--fg)}
#sh-ablauf .sa-step p{grid-column:2;margin-top:calc(-1 * var(--sp-8));max-width:52ch;font-size:var(--fs-body);line-height:1.55;color:var(--fg-2);text-wrap:pretty}


#sh-ablauf .sa-wide{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--grid-gap)}
@media (min-width:901px){#sh-ablauf .sa-wide-text{padding:var(--sp-32) var(--sp-8) var(--sp-32) var(--sp-32)}}
#sh-ablauf .sa-wide-text p:not(.src){max-width:40ch}
#sh-ablauf .sa-wide .bx-media{--bx-h:400px}

@media (min-width:901px) and (max-width:1100px){
  #sh-ablauf .bx-card.bx-s5{grid-column:span 5}
  #sh-ablauf .bx-card.bx-s7{grid-column:span 7}
  #sh-ablauf .sa-steps{justify-content:flex-start;gap:var(--sp-32)}
}
@media (max-width:900px){
  #sh-ablauf .sa-steps-card{padding:var(--sp-24)}
  #sh-ablauf .sa-wide{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0}
  #sh-ablauf .sa-wide .bx-media{--bx-h:300px}
}



#sh-danach .sd-head{margin-bottom:0}
#sh-danach .sd-head h2{max-width:20em;text-wrap:balance}
#sh-danach .sd-head .lead{max-width:44ch;text-wrap:pretty}
#sh-danach .sd-nw{white-space:nowrap}
#sh-danach .bx-text h3{text-wrap:balance}
#sh-danach .bx-media{--bx-h:320px}


#sh-danach .sd-gut{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-16);padding:var(--card-pad)}
#sh-danach .sd-gut h3{max-width:14em;font-size:var(--fs-h3);line-height:var(--lh-h3,1.25);font-weight:var(--w-strong);letter-spacing:var(--track-h3,-.02em);color:var(--fg);text-wrap:balance}
#sh-danach .sd-gut p{max-width:40ch;font-size:var(--fs-body);line-height:1.55;color:var(--fg-2);text-wrap:pretty}
#sh-danach .sd-btn{margin-top:auto;white-space:nowrap}
#sh-danach .sd-gut h3 + p{margin-top:var(--sp-8)}


#sh-danach .sd-tiles{list-style:none;margin:var(--grid-gap) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#sh-danach .sd-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--sp-32);border-radius:var(--r-xl);background:var(--plate)}
#sh-danach .sd-tile .icon-disc{margin-bottom:var(--sp-16);background:var(--disc);color:var(--fg-2)}
#sh-danach .sd-tile h4{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#sh-danach .sd-tile p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}

@media (min-width:901px) and (max-width:1100px){
  #sh-danach .bx-card.bx-s7{grid-column:span 7}
  #sh-danach .bx-card.bx-s5{grid-column:span 5}
}
@media (max-width:1100px){#sh-danach .sd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  #sh-danach .bx-media{--bx-h:260px}
  #sh-danach .sd-gut{padding:var(--sp-32)}
  #sh-danach .sd-btn{margin-top:var(--sp-16)}
}
@media (max-width:640px){
  #sh-danach .sd-gut{padding:var(--sp-24)}
  #sh-danach .sd-tile{padding:var(--sp-24)}
}
@media (max-width:560px){
  #sh-danach .sd-tiles{grid-template-columns:minmax(0,1fr)}
  #sh-danach .sd-btn{align-self:stretch;justify-content:center}
}

@media (max-width:400px){
  #sh-danach .sd-gut{padding:var(--sp-24) var(--sp-16)}
  #sh-danach .sd-btn{padding-inline:var(--sp-16);font-size:var(--fs-small)}
}



#sh-eile .se-head{margin-bottom:0}
#sh-eile .se-head h2{text-wrap:balance}
#sh-eile .se-head .lead{max-width:44ch;text-wrap:pretty}
#sh-eile .bx-text h3{text-wrap:balance}
#sh-eile .bx-text .src{font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3)}
#sh-eile .se-nw{white-space:nowrap}
#sh-eile .bx-media{--bx-h:400px}


#sh-eile .se-stat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--sp-24) var(--grid-gap);padding:var(--card-pad)}
#sh-eile .se-stat h3{max-width:14em;font-size:var(--fs-h3);line-height:var(--lh-h3,1.25);font-weight:var(--w-strong);letter-spacing:var(--track-h3,-.02em);text-wrap:balance}
#sh-eile .se-stat-b{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#sh-eile .se-num{margin:0;font-size:var(--fs-num);font-weight:var(--w-medium);line-height:1;letter-spacing:-.03em;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#sh-eile .se-unit{margin-left:var(--sp-8);font-size:var(--fs-h3);font-weight:var(--w-medium);letter-spacing:-.02em;color:var(--fg-3)}
#sh-eile .se-what{margin-top:var(--sp-16);max-width:44ch;font-size:var(--fs-body);line-height:1.55;color:var(--fg-2);text-wrap:pretty}
#sh-eile .se-stat .src{margin-top:var(--sp-12);font-size:var(--fs-meta);line-height:1.5;color:var(--fg-3)}

@media (min-width:901px) and (max-width:1100px){
  #sh-eile .bx-card.bx-s7{grid-column:span 7}
  #sh-eile .bx-card.se-google{grid-column:span 5}
  #sh-eile .bx-card.se-stat{grid-column:span 12}
}
@media (max-width:900px){
  #sh-eile .bx-media{--bx-h:300px}
  #sh-eile .se-stat{grid-template-columns:minmax(0,1fr);padding:var(--sp-32)}
}
@media (max-width:640px){
  #sh-eile .se-stat{padding:var(--sp-24)}
}



#sh-fragen .fh-grid{display:grid;grid-template-columns:minmax(0,13fr) minmax(0,14fr);gap:var(--col-gap);align-items:start}
#sh-fragen .fh-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--item-gap))}
#sh-fragen .fh-head{margin:0}

#sh-fragen .fh-head{gap:var(--sp-16)}
#sh-fragen .fh-contact{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-16);max-width:440px;margin-top:var(--sp-48);padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate)}
#sh-fragen .fh-who{display:flex;align-items:center;gap:var(--sp-16)}
#sh-fragen .fh-face{position:relative;flex:none;width:48px;height:48px;padding:0;border-radius:50%;overflow:hidden;background:var(--brand-line)}
#sh-fragen .fh-who-t{display:flex;flex-direction:column;gap:2px;min-width:0}
#sh-fragen .fh-contact-t{font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:1.3;letter-spacing:-.01em;color:var(--fg)}
#sh-fragen .fh-who-t p:not(.fh-contact-t){font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sh-fragen .fh-hours{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sh-fragen .fh-hours svg.i{width:16px;height:16px;color:var(--fg-3)}
#sh-fragen .fh-cta{display:flex;flex-wrap:wrap;gap:var(--sp-12);margin-top:var(--sp-8)}
#sh-fragen .fh-cta svg.i{width:18px;height:18px}
#sh-fragen .fh-contact .btn-secondary{background:var(--raised)}
#sh-fragen .fh-contact .btn-secondary:hover{background:var(--line-strong)}

#sh-fragen .fh-list{display:flex;flex-direction:column;gap:var(--sp-12)}
#sh-fragen .fh-list>details{border-radius:var(--r-xl)}
@media (hover:hover){#sh-fragen .fh-list>details:hover{box-shadow:var(--shadow-s2)}#sh-fragen .fh-list>details:hover .icon-disc{background:var(--accent-soft);color:var(--accent-ink)}}
#sh-fragen .fh-list .icon-disc{transition:background-color .2s var(--ease),color .2s var(--ease)}
#sh-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--item-gap);padding:var(--sp-24);border-radius:inherit}
#sh-fragen summary::-webkit-details-marker{display:none}
#sh-fragen summary:focus-visible{outline-offset:-2px;border-radius:var(--r-xl)}
#sh-fragen .fh-q{flex:1;min-width:0;font-size:var(--fs-card);font-weight:var(--w-strong);letter-spacing:-.012em;line-height:1.4;color:var(--fg)}
#sh-fragen .fh-tog{width:36px;height:36px}
#sh-fragen .fh-tog svg.i{width:16px;height:16px;transition:transform .5s var(--ease)}
#sh-fragen .fh-list>details[open] .fh-tog svg.i{transform:rotate(45deg)}
#sh-fragen .fh-list>details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#sh-fragen .fh-list>details[open]::details-content{height:auto}
#sh-fragen .fh-list>details p{padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:-4px;color:var(--fg-2);font-size:var(--fs-small);font-weight:var(--w-regular);line-height:1.6;max-width:62ch;box-sizing:content-box}
#sh-fragen .fh-list>details[open] p{animation:fh-in .6s var(--ease) both}
@keyframes fh-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #sh-fragen .fh-list>details::details-content{transition:none}
  #sh-fragen .fh-list>details[open] p{animation:none}
}

@media (max-width:1100px){#sh-fragen .fh-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
@media (max-width:900px){
  #sh-fragen .fh-grid{display:flex;flex-direction:column;gap:0}
  #sh-fragen .fh-side{position:static;margin-bottom:var(--head-gap)}
}
@media (max-width:640px){
  #sh-fragen .fh-list{gap:var(--sp-8)}
  #sh-fragen summary{gap:var(--sp-16);padding:var(--sp-16) var(--sp-16) var(--sp-16) var(--sp-24)}
  #sh-fragen .fh-list>details p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:900px){#sh-fragen .fh-contact{max-width:none}}
@media (max-width:640px){#sh-fragen .fh-contact{margin-top:var(--sp-32);padding:var(--sp-24)}#sh-fragen .fh-cta{width:100%}#sh-fragen .fh-cta .btn{flex:1 1 0;justify-content:center}}



#sh-hero .sh-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--col-gap);align-items:center}
#sh-hero .sh-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#sh-hero .sh-kicker{align-self:flex-start;margin-bottom:var(--sp-24)}
#sh-hero h1{max-width:none;text-align:left}
#sh-hero .sh-lead{max-width:40ch;margin-top:var(--sp-24);text-align:left;text-wrap:pretty}
#sh-hero .sh-act{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--sp-12);width:auto;margin:var(--sp-48) 0 0}
#sh-hero .sh-call{padding:var(--sp-12) var(--sp-32) var(--sp-12) var(--sp-24);gap:var(--sp-16);text-align:left}
#sh-hero .sh-call svg.i{width:20px;height:20px}
#sh-hero .sh-call-t{display:flex;flex-direction:column;gap:2px;line-height:1.2}
#sh-hero .sh-call-t small{font-size:var(--fs-small);font-weight:var(--w-regular);opacity:.86}
#sh-hero .sh-call-t b{font-size:var(--fs-lead);font-weight:var(--w-medium);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
#sh-hero .sh-wa{min-height:64px;padding-inline:var(--sp-24)}
#sh-hero .sh-wa svg.i{width:18px;height:18px}


#sh-hero .sh-facts{list-style:none;margin:var(--sp-48) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:var(--sp-16) var(--sp-48)}
#sh-hero .sh-facts li{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
#sh-hero .sh-facts b{font-size:var(--fs-h3);font-weight:var(--w-strong);line-height:1.2;letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
#sh-hero .sh-facts span{max-width:18ch;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:balance}


#sh-hero .sh-pic{position:relative;justify-self:end;width:min(100%,440px);margin:0}
#sh-hero .sh-plate{position:absolute;inset:21% 0 0 0;z-index:0;padding:0;border-radius:var(--r-stage)}
#sh-hero .sh-photo{position:relative;z-index:1;display:block;width:100%;height:auto;clip-path:inset(0 round 0 0 var(--r-stage) var(--r-stage))}

#sh-hero .sh-tag{position:absolute;z-index:2;left:var(--sp-24);bottom:var(--sp-24);display:flex;flex-direction:column;gap:2px;
  padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 84%,transparent);
  -webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);
  font-size:var(--fs-meta);line-height:1.4;color:var(--fg-2)}
#sh-hero .sh-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}


#sh-hero .sh-tech{margin-top:var(--sp-96)}

@media (max-width:1100px){
  #sh-hero .sh-facts{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--sp-24)}
}
@media (max-width:900px){
  #sh-hero .sh-in{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-64)}
  #sh-hero .sh-lead{max-width:44ch}
  #sh-hero .sh-pic{justify-self:start;width:min(100%,360px)}
  #sh-hero .sh-tech{margin-top:var(--sp-64)}
}
@media (max-width:640px){
  #sh-hero .sh-kicker{margin-bottom:var(--sp-16)}
  #sh-hero .sh-lead{margin-top:var(--sp-16)}
  #sh-hero .sh-act{margin-top:var(--sp-32)}
  #sh-hero .sh-facts{margin-top:var(--sp-32);grid-template-columns:minmax(0,1fr);row-gap:var(--sp-16)}
  #sh-hero .sh-facts li{flex-direction:row;align-items:baseline;gap:var(--sp-12)}
  #sh-hero .sh-facts b{flex:none;min-width:6.5em;font-size:var(--fs-h4)}
  #sh-hero .sh-facts span{max-width:none}
  #sh-hero .sh-tag{left:var(--sp-16);bottom:var(--sp-16)}
}
@media (max-width:520px){
  #sh-hero .sh-act{flex-direction:column;align-items:stretch;align-self:stretch}
  #sh-hero .sh-act .btn{width:100%;justify-content:center}
  #sh-hero .sh-pic{width:min(100%,320px)}
}



:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]){
  --u-glass:var(--g-glass,rgba(255,255,255,.72));
  --u-blur:var(--g-glass-blur,blur(20px) saturate(1.4));
  --u-edge:var(--g-glass-edge,inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.55));
  --u-inner:var(--g-inner,rgba(255,255,255,.55));
  --u-inner-h:var(--g-inner-hover,rgba(255,255,255,.85));
  --u-line:var(--g-line,rgba(10,12,40,.08));
  --u-card:#ffffff;
  --u-frame:max(var(--frame-w),40px);
}
:root[data-theme="dark"] :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]){
  --u-glass:var(--g-glass,rgba(16,18,25,.68));
  --u-edge:var(--g-glass-edge,inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.08));
  --u-inner:var(--g-inner,rgba(255,255,255,.06));
  --u-inner-h:var(--g-inner-hover,rgba(255,255,255,.1));
  --u-line:var(--g-line,rgba(255,255,255,.08));
  --u-card:var(--band-plate);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]){
    --u-glass:var(--g-glass,rgba(16,18,25,.68));
    --u-edge:var(--g-glass-edge,inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.08));
    --u-inner:var(--g-inner,rgba(255,255,255,.06));
    --u-inner-h:var(--g-inner-hover,rgba(255,255,255,.1));
    --u-line:var(--g-line,rgba(255,255,255,.08));
    --u-card:var(--band-plate);
  }
}
@media (max-width:1024px){:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]){--u-frame:max(var(--frame-w),32px)}}
@media (max-width:640px){:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]){--u-frame:20px}}


:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .plate.media.is-frame{padding:var(--u-frame)}
:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .plate.media.is-frame > .g-panel,
:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .g-panel{
  background:var(--u-glass);-webkit-backdrop-filter:var(--u-blur);backdrop-filter:var(--u-blur);box-shadow:var(--u-edge),var(--shadow-s2);
  --plate:var(--u-inner);--raised:var(--u-inner-h);--skeleton:color-mix(in srgb,var(--fg) 10%,transparent);--line:var(--u-line);--hair:var(--u-line)}
:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .g-glassframe > .g-panel{box-shadow:var(--u-edge)}

:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .g-panel.gx-lift{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}


:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .u-surf{background:var(--u-card);box-shadow:var(--shadow-s2);border-radius:var(--r-xl);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .2s var(--ease)}


:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .gx-row{transition:background-color .2s var(--ease),transform .2s var(--ease)}
:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .gx-row:focus-within{background-color:var(--u-inner-h)}

:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .u-hair + .u-hair{background-image:linear-gradient(var(--u-line),var(--u-line));background-size:calc(100% - 24px) 1px;background-position:12px 0;background-repeat:no-repeat}

@media (hover:hover){
  :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .u-surf.gx-lift:hover,
  :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .g-panel.gx-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-s3)}
  :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .g-panel.gx-lift:hover{box-shadow:var(--u-edge),var(--shadow-s3)}
  :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .gx-row:hover{background-color:var(--u-inner-h);transform:translateX(2px)}
  :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .gx-lift:hover .icon-disc,
  :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .gx-lift:hover .num-disc{background:var(--accent-soft);color:var(--accent-ink)}
}
@media (prefers-reduced-motion:reduce){
  :is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .u-surf.gx-lift:hover,:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .g-panel.gx-lift:hover,:is(section[id^="sh-"],section[id^="bk-"],section[id^="pa-"]) .gx-row:hover{transform:none}
}



#sh2-ablauf .s2a-head h2{max-width:18em}
#sh2-ablauf .s2a-cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:var(--grid-gap);row-gap:var(--sp-32)}
#sh2-ablauf .s2a-col{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:var(--sp-32);min-width:0}
#sh2-ablauf .s2a-media{display:grid;place-items:center;min-height:400px;padding:var(--g-inset);border-radius:var(--r-stage);overflow:visible}
#sh2-ablauf .s2a-media > .g-panel{width:100%;max-width:440px;--panel-pad:var(--sp-32)}

#sh2-ablauf .s2a-text{display:flex;flex-direction:column;align-items:center;gap:var(--sp-12);padding-inline:var(--sp-16);text-align:center;min-width:0}
#sh2-ablauf .s2a-text .num-disc{margin-bottom:var(--sp-4)}
#sh2-ablauf .s2a-text h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}
#sh2-ablauf .s2a-text p{max-width:34ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}

@media (min-width:901px){#sh2-ablauf{--g-inset:clamp(24px,2.5vw,36px)}}
@media (min-width:901px) and (max-width:1100px){#sh2-ablauf .s2a-media > .g-panel{--panel-pad:var(--sp-24)}#sh2-ablauf .s2a-media{min-height:360px}}
@media (max-width:900px){
  #sh2-ablauf .s2a-cols{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--sp-64)}
  #sh2-ablauf .s2a-col{grid-row:auto;grid-template-rows:auto auto;row-gap:var(--sp-24)}
  #sh2-ablauf .s2a-media{min-height:360px}
  #sh2-ablauf .s2a-media > .g-panel{--panel-pad:var(--sp-32)}
  #sh2-ablauf .s2a-text p{max-width:44ch}
}
@media (max-width:640px){
  #sh2-ablauf .s2a-cols{row-gap:var(--sp-48)}
  #sh2-ablauf .s2a-media{min-height:0}
  #sh2-ablauf .s2a-media > .g-panel{--panel-pad:var(--sp-24)}
  #sh2-ablauf .s2a-text{padding-inline:0}
}



#sh2-fragen{--fq-tile:var(--plate);--fq-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--fq-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#sh2-fragen .s2f-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-64);align-items:start}
#sh2-fragen .s2f-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--sp-32))}
#sh2-fragen .s2f-head{margin:0}
#sh2-fragen .s2f-head h2{text-wrap:balance}

#sh2-fragen .s2f-list{display:flex;flex-direction:column;gap:var(--sp-12)}
#sh2-fragen .fq-item{border-radius:var(--r-xl);background:var(--fq-tile);transition:background-color .3s var(--ease)}
#sh2-fragen .fq-item[open]{background:var(--fq-tile-open)}
#sh2-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#sh2-fragen summary::-webkit-details-marker{display:none}
#sh2-fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#sh2-fragen .fq-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-wrap:pretty}
#sh2-fragen .fq-tog{width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast),transform .5s var(--ease)}
#sh2-fragen .fq-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#sh2-fragen .fq-item[open] .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#sh2-fragen .fq-item[open] .fq-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #sh2-fragen .fq-item:not([open]):hover{background:var(--fq-tile-hover)}
  #sh2-fragen .fq-item:hover .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}
#sh2-fragen .fq-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#sh2-fragen .fq-item[open]::details-content{height:auto}
#sh2-fragen .fq-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-body);text-wrap:pretty}
#sh2-fragen .fq-item[open] p{animation:s2f-in .6s var(--ease) both}
@keyframes s2f-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #sh2-fragen .fq-item::details-content{transition:none}
  #sh2-fragen .fq-item[open] p{animation:none}
}

@media (max-width:1100px){#sh2-fragen .s2f-grid{gap:var(--sp-48)}}
@media (max-width:900px){
  #sh2-fragen .s2f-grid{display:flex;flex-direction:column;gap:var(--head-gap)}
  #sh2-fragen .s2f-side{position:static}
}
@media (max-width:640px){
  #sh2-fragen .s2f-list{gap:var(--sp-8)}
  #sh2-fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #sh2-fragen .fq-tog{width:32px;height:32px}
  #sh2-fragen .fq-tog svg.i{width:16px;height:16px}
  #sh2-fragen .fq-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #sh2-fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #sh2-fragen .fq-item p{padding:0 var(--sp-16) var(--sp-16)}
}



#sh2-hero{--s2h-rise:56px}
#sh2-hero .s2h-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--sp-64);align-items:center}
#sh2-hero .s2h-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#sh2-hero .s2h-kicker{align-self:flex-start;margin-bottom:var(--sp-24)}
#sh2-hero h1{max-width:none;text-align:left}
#sh2-hero .s2h-lead{max-width:34ch;margin-top:var(--sp-24);text-align:left;text-wrap:pretty}


#sh2-hero .s2h-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12);margin-top:var(--sp-48)}
#sh2-hero .s2h-act .btn{min-height:56px;padding-inline:var(--sp-24)}
#sh2-hero .s2h-act svg.i{width:18px;height:18px}
#sh2-hero .s2h-num{font-variant-numeric:tabular-nums;white-space:nowrap}
#sh2-hero .s2h-note{margin-top:var(--sp-16);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}


#sh2-hero .s2h-pic{position:relative;justify-self:end;width:100%;max-width:460px;aspect-ratio:10 / 11;margin:var(--s2h-rise) 0 0;
  container-type:size;overflow:visible;clip-path:inset(calc(-1 * var(--s2h-rise) - var(--sp-24)) 0 0 0 round 0 0 var(--r-stage) var(--r-stage))}
#sh2-hero .s2h-photo{position:absolute;bottom:-1px;left:50%;z-index:1;display:block;width:auto;max-width:none;
  height:min(calc(100cqh + var(--s2h-rise)),126cqw);transform:translateX(-50%)}
#sh2-hero .s2h-tag{position:absolute;left:var(--sp-24);bottom:var(--sp-24);z-index:2;display:flex;flex-direction:column;gap:2px;
  padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 84%,transparent);
  -webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);font-size:var(--fs-meta);line-height:1.4;color:var(--fg-2)}
#sh2-hero .s2h-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}


#sh2-hero .s2h-facts{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap);margin:var(--sp-96) 0 0;padding:0}
#sh2-hero .s2h-facts li{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0;padding:var(--sp-32);border-radius:var(--r-stage);background:var(--plate)}
#sh2-hero .s2h-facts b{font-size:var(--fs-h3l);font-weight:var(--w-head);letter-spacing:-.04em;line-height:1.1;color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}
#sh2-hero .s2h-facts span{max-width:22ch;font-size:var(--fs-small);line-height:1.45;color:var(--fg-2);text-wrap:balance}

#sh2-hero .hero-tech{margin-top:var(--sp-96)}

@media (max-width:1100px){
  #sh2-hero .s2h-in{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:var(--sp-48)}
  #sh2-hero .s2h-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  #sh2-hero{--s2h-rise:40px}
  #sh2-hero .s2h-in{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-64)}
  #sh2-hero .s2h-lead{max-width:40ch}
  #sh2-hero .s2h-pic{justify-self:stretch;max-width:none;aspect-ratio:auto;height:440px;margin-top:var(--s2h-rise)}
  #sh2-hero .s2h-facts{margin-top:var(--sp-64)}
  #sh2-hero .hero-tech{margin-top:var(--sp-64)}
}
@media (max-width:640px){
  #sh2-hero .s2h-kicker{margin-bottom:var(--sp-16)}
  #sh2-hero .s2h-lead{margin-top:var(--sp-16)}
  #sh2-hero .s2h-act{flex-direction:column;align-items:stretch;align-self:stretch;margin-top:var(--sp-32)}
  #sh2-hero .s2h-act .btn{width:100%}
  #sh2-hero .s2h-note{align-self:center;text-align:center}
  #sh2-hero .s2h-in{row-gap:var(--sp-48)}
  #sh2-hero .s2h-pic{height:340px}
  #sh2-hero .s2h-tag{left:var(--sp-16);bottom:var(--sp-16)}
  #sh2-hero .s2h-facts{margin-top:var(--sp-48);gap:var(--sp-12)}
  #sh2-hero .s2h-facts li{padding:var(--sp-24) var(--sp-16)}
  #sh2-hero .s2h-facts b{font-size:var(--fs-h3)}
}

@media (max-width:1100px){
  #sh2-hero .s2h-call{min-height:64px}
  #sh2-hero .s2h-sep{display:none}
  #sh2-hero .s2h-call > span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2;text-align:left}
  #sh2-hero .s2h-call > span > span:not(.s2h-sep){font-size:var(--fs-lead);font-weight:var(--w-strong)}
}
@media (max-width:380px){
  #sh2-hero .s2h-pic{height:300px}
  #sh2-hero .s2h-act .btn{padding-inline:var(--sp-16)}
}



#sh2-justin{--s2j-rise:56px}
#sh2-justin .s2j-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr auto;
  grid-template-areas:"media head" "media body";column-gap:var(--sp-96);row-gap:var(--sp-48)}
#sh2-justin .s2j-head{grid-area:head;align-self:end;margin:0}
#sh2-justin .s2j-head h2{text-wrap:balance}
#sh2-justin .s2j-head h2 .ln{display:block}
#sh2-justin .s2j-head .lead{max-width:40ch;text-wrap:pretty}

#sh2-justin .s2j-media{grid-area:media;align-self:center;position:relative;aspect-ratio:10 / 11;margin-top:var(--s2j-rise);
  container-type:size;overflow:visible;clip-path:inset(calc(-1 * var(--s2j-rise) - var(--sp-24)) 0 0 0 round 0 0 var(--r-stage) var(--r-stage))}
#sh2-justin .s2j-photo{position:absolute;bottom:-1px;left:50%;display:block;width:auto;max-width:none;
  height:min(calc(100cqh + var(--s2j-rise)),126cqw);transform:translateX(-50%)}
#sh2-justin .s2j-tag{position:absolute;left:var(--sp-24);bottom:var(--sp-24);z-index:2;display:flex;flex-direction:column;gap:2px;
  padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 84%,transparent);
  -webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);font-size:var(--fs-meta);line-height:1.4;color:var(--fg-2)}
#sh2-justin .s2j-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}

#sh2-justin .s2j-body{grid-area:body;display:flex;flex-direction:column;gap:var(--sp-48)}
#sh2-justin .s2j-quote{margin:0}
#sh2-justin .s2j-quote p{max-width:26ch;font-size:var(--fs-h3);font-weight:var(--w-regular);line-height:1.4;letter-spacing:-.015em;color:var(--fg-2);text-indent:-.42em;text-wrap:pretty}

#sh2-justin .s2j-contact{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);max-width:600px;padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate)}
#sh2-justin .s2j-hours{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sh2-justin .s2j-hours svg.i{width:16px;height:16px;color:var(--fg-3)}
#sh2-justin .s2j-num{font-size:var(--fs-h3);font-weight:var(--w-strong);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
#sh2-justin .s2j-num a{color:var(--fg);text-decoration:none}
#sh2-justin .s2j-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12);margin-top:var(--sp-24)}
#sh2-justin .s2j-cta svg.i{width:18px;height:18px}
#sh2-justin .s2j-contact .btn-secondary{background:var(--raised)}
#sh2-justin .s2j-contact .btn-secondary:hover{background:var(--line-strong)}

@media (max-width:1100px){#sh2-justin .s2j-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-64)}}
@media (max-width:900px){
  #sh2-justin{--s2j-rise:40px}
  #sh2-justin .s2j-split{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "media" "body"}
  #sh2-justin .s2j-media{width:100%;aspect-ratio:auto;height:400px}
}
@media (max-width:640px){
  #sh2-justin .s2j-media{height:320px}
  #sh2-justin .s2j-contact{padding:var(--sp-24)}
  #sh2-justin .s2j-cta{width:100%}
  #sh2-justin .s2j-cta .btn{flex:1 1 0}
  #sh2-justin .s2j-tag{left:var(--sp-16);bottom:var(--sp-16)}
}
@media (max-width:380px){#sh2-justin .s2j-media{height:280px}#sh2-justin .s2j-cta .btn{padding-inline:var(--sp-16)}}



#sh2-schluss .s2e-stage{display:grid;place-items:center;padding:var(--sp-96) var(--g-inset);border-radius:var(--r-stage)}
#sh2-schluss .s2e-panel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:760px;padding:var(--sp-64) var(--sp-48);text-align:center}
#sh2-schluss .s2e-panel h2{max-width:14em;text-wrap:balance}
#sh2-schluss .s2e-panel h2 .ln{display:block}
#sh2-schluss .s2e-num{margin-top:var(--sp-32);font-size:var(--fs-num-s);font-weight:var(--w-head);line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
#sh2-schluss .s2e-num a{color:var(--fg);text-decoration:none}
#sh2-schluss .s2e-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-12);margin-top:var(--sp-32)}
#sh2-schluss .s2e-cta .btn{min-height:56px;padding-inline:var(--sp-24)}
#sh2-schluss .s2e-cta svg.i{width:18px;height:18px}
#sh2-schluss .s2e-cta .btn-secondary{background:var(--g-inner-hover)}
#sh2-schluss .s2e-cta .btn-secondary:hover{background:var(--g-glass)}
#sh2-schluss .s2e-note{margin-top:var(--sp-16);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}

@media (max-width:900px){#sh2-schluss .s2e-stage{padding:var(--sp-64) var(--g-inset)}}
@media (max-width:640px){
  #sh2-schluss .s2e-stage{padding:var(--sp-32) var(--sp-16)}
  #sh2-schluss .s2e-panel{padding:var(--sp-48) var(--sp-16)}
  #sh2-schluss .s2e-cta .btn{padding-inline:var(--sp-16)}
  #sh2-schluss .s2e-num{font-size:var(--fs-h3l)}
  #sh2-schluss .s2e-cta{flex-direction:column;align-self:stretch}
  #sh2-schluss .s2e-cta .btn{width:100%}
}
@media (max-width:380px){
  #sh2-schluss .s2e-stage{padding:var(--sp-32) var(--sp-12)}
  #sh2-schluss .s2e-panel{padding:var(--sp-32) var(--sp-16)}
  #sh2-schluss .s2e-num{font-size:var(--fs-h3)}
}



#sh2-sorgen{--s2s-red:#d4382c}
:root[data-theme="dark"] #sh2-sorgen{--s2s-red:#ff6b5e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sh2-sorgen{--s2s-red:#ff6b5e}}

#sh2-sorgen .s2s-head{max-width:920px}
#sh2-sorgen .s2s-head h2{text-wrap:balance}
#sh2-sorgen .s2s-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}
#sh2-sorgen .s2s-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-12);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#sh2-sorgen .s2s-worry{display:inline-flex;align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-24);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sh2-sorgen .s2s-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--s2s-red)}
#sh2-sorgen .s2s-tile h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}
#sh2-sorgen .s2s-tile > p:last-child{max-width:40ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
@media (hover:hover){#sh2-sorgen .s2s-tile:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#sh2-sorgen .s2s-tile:hover{transform:none}}

@media (max-width:760px){#sh2-sorgen .s2s-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  #sh2-sorgen .s2s-tile{padding:var(--sp-24)}
  #sh2-sorgen .s2s-worry{margin-bottom:var(--sp-16)}
}



#sh2-zusagen .s2z-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#sh2-zusagen .s2z-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--sp-32);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#sh2-zusagen .s2z-card > svg.i{width:24px;height:24px;margin-bottom:var(--sp-24);color:var(--fg-2)}
#sh2-zusagen .s2z-card h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#sh2-zusagen .s2z-card p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#sh2-zusagen .s2z-link{display:inline;margin-top:auto;padding:var(--sp-16) 0 0;font-size:var(--fs-small);text-decoration:none}
#sh2-zusagen .s2z-link svg.i{display:inline-block;width:16px;height:16px;margin-left:var(--sp-4);vertical-align:-.2em;transition:transform var(--t-mid) var(--ease)}
#sh2-zusagen .s2z-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#sh2-zusagen .s2z-link:hover svg.i{transform:translateX(3px)}
#sh2-zusagen .s2z-note{margin-top:var(--sp-48);text-align:center;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
@media (hover:hover){#sh2-zusagen .s2z-card:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#sh2-zusagen .s2z-card:hover{transform:none}}

@media (max-width:1100px){#sh2-zusagen .s2z-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  #sh2-zusagen .s2z-card{padding:var(--sp-24)}
  #sh2-zusagen .s2z-card > svg.i{margin-bottom:var(--sp-16)}
  #sh2-zusagen .s2z-note{margin-top:var(--sp-32)}
}
@media (max-width:560px){#sh2-zusagen .s2z-cards{grid-template-columns:minmax(0,1fr)}}



#sh3-ablauf .s3a-head{max-width:920px}
#sh3-ablauf .s3a-head h2{text-wrap:balance}
#sh3-ablauf .s3a-head .lead{max-width:44ch}
#sh3-ablauf .s3a-bx{list-style:none;margin:0;padding:0}
#sh3-ablauf .bx-media{--bx-h:400px}
#sh3-ablauf .bx-media > .g-panel{max-width:440px}
#sh3-ablauf .bx-text{gap:var(--sp-12);padding:var(--sp-24) var(--sp-24) var(--sp-16)}
#sh3-ablauf .s3a-t{display:flex;align-items:center;gap:var(--sp-12)}
#sh3-ablauf .s3a-t h3{min-width:0;text-wrap:balance}
#sh3-ablauf .bx-text p{max-width:44ch}

@media (max-width:900px){#sh3-ablauf .bx-media{--bx-h:320px}}
@media (max-width:640px){
  #sh3-ablauf .bx-media{--bx-h:0px}
  #sh3-ablauf .bx-media > .g-panel{--panel-pad:var(--sp-16)}
  #sh3-ablauf .bx-text{padding:var(--sp-16) var(--sp-12) var(--sp-12)}
  #sh3-ablauf .s3a-t{align-items:flex-start}
}


#sh3-ablauf .s3a-vid{position:relative;margin:0 0 var(--block-gap);padding:8px;border-radius:var(--r-xl);background:var(--brand-line);box-shadow:var(--shadow-s3)}
#sh3-ablauf .s3a-v{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md);background:#ffffff}





#sh3-anzeichen .s3n-head h2{max-width:16em}
#sh3-anzeichen .s3n-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
#sh3-anzeichen .s3n-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#sh3-anzeichen .s3n-tile > svg.i{width:24px;height:24px;margin-bottom:var(--sp-24);color:var(--fg)}
#sh3-anzeichen .s3n-tile h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#sh3-anzeichen .s3n-tile p{max-width:34ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
@media (hover:hover){#sh3-anzeichen .s3n-tile:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#sh3-anzeichen .s3n-tile:hover{transform:none}}

#sh3-anzeichen .s3n-note{margin-top:var(--sp-48);text-align:center;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:balance}
#sh3-anzeichen .s3n-link{display:inline-flex;align-items:center;gap:var(--sp-4);margin-left:var(--sp-4);font-weight:var(--w-medium);color:var(--fg);text-decoration:none;white-space:nowrap}
#sh3-anzeichen .s3n-link svg.i{width:16px;height:16px;transition:transform var(--t-mid) var(--ease)}
#sh3-anzeichen .s3n-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#sh3-anzeichen .s3n-link:hover svg.i{transform:translateX(3px)}

@media (max-width:1100px){#sh3-anzeichen .s3n-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  #sh3-anzeichen .s3n-grid{grid-template-columns:minmax(0,1fr)}
  #sh3-anzeichen .s3n-tile > svg.i{margin-bottom:var(--sp-16)}
  #sh3-anzeichen .s3n-note{margin-top:var(--sp-32)}
}

@media (max-width:400px){#sh3-anzeichen .s3n-note{flex-wrap:wrap}#sh3-anzeichen .s3n-link{white-space:normal}}

#sh3-anzeichen .s3n-group + .s3n-group{margin-top:var(--sp-64)}
#sh3-anzeichen .s3n-k{margin:0 0 var(--sp-24);text-align:center;font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg-2)}
@media (max-width:640px){#sh3-anzeichen .s3n-group + .s3n-group{margin-top:var(--sp-48)}#sh3-anzeichen .s3n-k{margin-bottom:var(--sp-16)}}

@media (max-width:640px){
  #sh3-anzeichen .s3n-tile{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:var(--sp-12);row-gap:var(--sp-8);align-items:center}
  #sh3-anzeichen .s3n-tile > svg.i{margin-bottom:0;align-self:start;margin-top:2px}
  #sh3-anzeichen .s3n-tile p{grid-column:1 / -1}
}



#diagnose{--dg-pos:var(--v-accent-ink)}
#diagnose strong{color:var(--fg);font-weight:var(--w-strong)}
#diagnose .s3d-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"stage copy";column-gap:var(--sp-64);align-items:stretch}
#diagnose .s3d-stage{grid-area:stage;--stage-pad:var(--sp-48);display:flex;flex-direction:column;justify-content:center;min-width:0;padding:var(--stage-pad);border-radius:var(--r-stage)}
#diagnose .s3d-copy{grid-area:copy;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--sp-48);min-width:0;padding-block:var(--sp-48)}
#diagnose .s3d-head{margin:0}
#diagnose .s3d-head h2{text-wrap:balance}
#diagnose .s3d-head .lead{max-width:30ch;text-wrap:pretty}


#diagnose .s3d-who{display:flex;flex-direction:column;gap:var(--sp-24)}
#diagnose .s3d-sig{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-16);align-items:center;margin:0}
#diagnose .s3d-photo{position:relative;display:block;width:64px;height:64px;overflow:hidden;border-radius:50%}
#diagnose .s3d-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
#diagnose .s3d-sig figcaption{display:flex;flex-direction:column}
#diagnose .s3d-sig b{font-size:var(--fs-body);font-weight:var(--w-strong);line-height:var(--lh-small);color:var(--fg)}
#diagnose .s3d-sig span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#diagnose .s3d-sig span strong{font-weight:var(--w-medium)}
#diagnose .s3d-direct{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8) var(--sp-24);margin:0;font-size:var(--fs-body);line-height:var(--lh-body)}
#diagnose .s3d-direct a{display:inline-flex;align-items:center;gap:var(--sp-8);font-weight:var(--w-medium);color:var(--fg);text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity var(--t-fast)}
#diagnose .s3d-direct a:hover{opacity:.72}
#diagnose .s3d-direct svg.i{width:18px;height:18px;color:var(--fg-2)}


#diagnose .s3d-card{padding:var(--sp-48)}
#diagnose .s3d-entry{container-type:inline-size;display:flex;flex-direction:column;gap:var(--sp-32);min-width:0}
#diagnose .field{gap:var(--sp-16);min-width:0}
#diagnose .field label{font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3);color:var(--fg)}
#diagnose .field input{font:inherit;font-size:var(--fs-body);color:var(--fg);width:100%;min-width:0;min-height:56px;border:0;background:var(--g-inner);box-shadow:none;transition:box-shadow var(--t-fast),background-color var(--t-fast)}
#diagnose .field input:hover{background:var(--g-inner-hover)}
#diagnose .field input:focus{outline:none;background:var(--g-inner-hover);box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--disc)}
#diagnose .field.err input{box-shadow:0 0 0 1.5px var(--fg);background:var(--g-inner-hover)}
#diagnose .field.err input:focus{box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--disc)}
#diagnose .field .msg{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg)}
#diagnose .field .msg:empty{display:none}
#diagnose .s3d-go{display:flex;flex-direction:column;gap:var(--sp-12)}
#diagnose .s3d-btn{min-height:56px;padding-inline:var(--sp-32)}
#diagnose .s3d-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-12) var(--sp-24)}
#diagnose .s3d-trust li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--sp-8);align-items:start;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#diagnose .s3d-trust svg.i{width:18px;height:18px;margin-top:2px;color:var(--dg-pos)}
@container (min-width:460px){
  #diagnose .s3d-go{flex-direction:row}
  #diagnose .s3d-go input{flex:1}
  #diagnose .s3d-go .s3d-btn{flex:none;width:auto}
}
@container (min-width:520px){#diagnose .s3d-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (max-width:1100px){#diagnose .s3d-split{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:var(--sp-48)}#diagnose .s3d-card{padding:var(--sp-32)}}
@media (max-width:900px){
  #diagnose .s3d-split{grid-template-columns:minmax(0,1fr);grid-template-areas:none;row-gap:var(--sp-32)}
  #diagnose .s3d-copy{display:contents}
  #diagnose .s3d-head{order:0}
  #diagnose .s3d-stage{grid-area:auto;order:1}
  #diagnose .s3d-who{order:2}
}
@media (max-width:640px){
  #diagnose .s3d-stage{--stage-pad:var(--sp-12)}
  #diagnose .s3d-card{padding:var(--sp-24) var(--sp-16)}
  #diagnose .s3d-btn{width:100%;padding-inline:var(--sp-16)}
}
@media (prefers-reduced-motion:reduce){#diagnose .field input{transition:none!important}}

#diagnose .s3d-head h2{font-size:var(--fs-h3l)}
#diagnose .s3d-head h2 .ln{display:inline}



#sh3-ergebnis .s3e-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-96);align-items:center}
#sh3-ergebnis .s3e-media{display:grid;place-items:center;min-height:520px;padding:var(--g-inset);border-radius:var(--r-stage)}
#sh3-ergebnis .s3e-media > .g-panel{width:100%;max-width:420px}
#sh3-ergebnis .s3e-copy{display:flex;flex-direction:column;min-width:0}
#sh3-ergebnis .s3e-head{margin-bottom:var(--sp-48)}
#sh3-ergebnis .s3e-head h2{text-wrap:balance}
#sh3-ergebnis .s3e-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-16)}
#sh3-ergebnis .s3e-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--sp-16);align-items:start;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--fg)}
#sh3-ergebnis .s3e-list svg.i{width:18px;height:18px;margin-top:.4em;color:var(--fg-2)}
#sh3-ergebnis .s3e-list span{text-wrap:pretty}
#sh3-ergebnis .s3e-list em{font-style:normal;color:var(--fg-3)}
#sh3-ergebnis .s3e-opt span{color:var(--fg-2)}

@media (max-width:1100px){#sh3-ergebnis .s3e-split{column-gap:var(--sp-64)}#sh3-ergebnis .s3e-media{min-height:460px}}
@media (max-width:900px){
  #sh3-ergebnis .s3e-split{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-48)}
  #sh3-ergebnis .s3e-copy{order:-1}
  #sh3-ergebnis .s3e-head{margin-bottom:var(--sp-32)}
  #sh3-ergebnis .s3e-media{min-height:400px}
}
@media (max-width:640px){
  #sh3-ergebnis .s3e-media{min-height:0}
  #sh3-ergebnis .s3e-list{gap:var(--sp-12)}
  #sh3-ergebnis .s3e-list li{gap:var(--sp-12);font-size:var(--fs-body);line-height:var(--lh-body)}
  #sh3-ergebnis .s3e-list svg.i{width:16px;height:16px}
  #sh3-ergebnis .s3e-list li{grid-template-columns:16px minmax(0,1fr)}
}



#sh3-fragen{--fq-tile:var(--plate);--fq-tile-hover:linear-gradient(color-mix(in srgb,var(--fg) 2.5%,transparent),color-mix(in srgb,var(--fg) 2.5%,transparent)),var(--plate);--fq-tile-open:linear-gradient(color-mix(in srgb,var(--fg) 4%,transparent),color-mix(in srgb,var(--fg) 4%,transparent)),var(--plate)}
#sh3-fragen .s3f-head h2{max-width:14em}
#sh3-fragen .s3f-list{display:flex;flex-direction:column;gap:var(--sp-12);max-width:760px;margin-inline:auto}
#sh3-fragen .fq-item{border-radius:var(--r-xl);background:var(--fq-tile);transition:background-color .3s var(--ease)}
#sh3-fragen .fq-item[open]{background:var(--fq-tile-open)}
#sh3-fragen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-24);padding:var(--sp-24);border-radius:inherit;-webkit-tap-highlight-color:transparent}
#sh3-fragen summary::-webkit-details-marker{display:none}
#sh3-fragen summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
#sh3-fragen .fq-q{flex:1;min-width:0;font-size:var(--fs-h4);font-weight:var(--w-medium);letter-spacing:-.01em;line-height:1.35;color:var(--fg);text-wrap:pretty}
#sh3-fragen .fq-tog{width:40px;height:40px;background:var(--disc);color:var(--fg);transition:background-color var(--t-fast),transform .5s var(--ease)}
#sh3-fragen .fq-tog svg.i{width:18px;height:18px;transition:transform .5s var(--ease)}
#sh3-fragen .fq-item[open] .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
#sh3-fragen .fq-item[open] .fq-tog svg.i{transform:rotate(45deg)}
@media (hover:hover){
  #sh3-fragen .fq-item:not([open]):hover{background:var(--fq-tile-hover)}
  #sh3-fragen .fq-item:hover .fq-tog{background:color-mix(in srgb,var(--fg) 11%,transparent)}
}
#sh3-fragen .fq-item::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
#sh3-fragen .fq-item[open]::details-content{height:auto}
#sh3-fragen .fq-item p{max-width:62ch;padding:0 var(--sp-64) var(--sp-24) var(--sp-24);margin-top:calc(-1 * var(--sp-8));color:var(--fg-2);font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-body);text-wrap:pretty}
#sh3-fragen .fq-item[open] p{animation:s3f-in .6s var(--ease) both}
@keyframes s3f-in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
  #sh3-fragen .fq-item::details-content{transition:none}
  #sh3-fragen .fq-item[open] p{animation:none}
}
@media (max-width:640px){
  #sh3-fragen .s3f-list{gap:var(--sp-8)}
  #sh3-fragen summary{gap:var(--sp-16);padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-24)}
  #sh3-fragen .fq-tog{width:32px;height:32px}
  #sh3-fragen .fq-tog svg.i{width:16px;height:16px}
  #sh3-fragen .fq-item p{padding:0 var(--sp-24) var(--sp-24)}
}
@media (max-width:380px){
  #sh3-fragen summary{padding:var(--sp-16) var(--sp-12) var(--sp-16) var(--sp-16)}
  #sh3-fragen .fq-item p{padding:0 var(--sp-16) var(--sp-16)}
}



#sh3-hero{--s3h-rise:56px}
#sh3-hero .s3h-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);column-gap:var(--sp-48);align-items:center}
#sh3-hero .s3h-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#sh3-hero .s3h-kicker{align-self:flex-start;margin-bottom:var(--sp-24)}
#sh3-hero h1{max-width:none;text-align:left}
#sh3-hero .s3h-lead{max-width:36ch;margin-top:var(--sp-24);text-align:left;text-wrap:pretty}


#sh3-hero .s3h-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12);margin-top:var(--sp-48)}
#sh3-hero .s3h-act .btn{min-height:64px;padding-inline:var(--sp-24)}
#sh3-hero .s3h-act svg.i{width:18px;height:18px}
#sh3-hero .s3h-num{font-variant-numeric:tabular-nums;white-space:nowrap}

#sh3-hero .s3h-sep{display:none}
#sh3-hero .s3h-call > span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2;text-align:left;font-size:var(--fs-meta);color:var(--fg-2)}
#sh3-hero .s3h-call .s3h-num{font-size:var(--fs-body);font-weight:var(--w-strong);color:var(--fg)}
#sh3-hero .s3h-note{margin-top:var(--sp-16);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}


#sh3-hero .s3h-pic{position:relative;justify-self:end;width:100%;max-width:460px;aspect-ratio:10 / 11;margin:var(--s3h-rise) 0 0;
  container-type:size;overflow:visible;clip-path:inset(calc(-1 * var(--s3h-rise) - var(--sp-24)) 0 0 0 round 0 0 var(--r-stage) var(--r-stage))}
#sh3-hero .s3h-photo{position:absolute;bottom:-1px;left:50%;z-index:1;display:block;width:auto;max-width:none;
  height:min(calc(100cqh + var(--s3h-rise)),126cqw);transform:translateX(-50%)}
#sh3-hero .s3h-tag{position:absolute;left:var(--sp-24);bottom:var(--sp-24);z-index:2;display:flex;flex-direction:column;gap:2px;
  padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 84%,transparent);
  -webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);font-size:var(--fs-meta);line-height:1.4;color:var(--fg-2)}
#sh3-hero .s3h-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}


#sh3-hero .s3h-facts{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap);margin:var(--sp-96) 0 0;padding:0}
#sh3-hero .s3h-facts li{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0;padding:var(--sp-32);border-radius:var(--r-stage);background:var(--plate)}
#sh3-hero .s3h-facts b{font-size:var(--fs-h3l);font-weight:var(--w-head);letter-spacing:-.04em;line-height:1.1;color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}
#sh3-hero .s3h-facts span{max-width:22ch;font-size:var(--fs-small);line-height:1.45;color:var(--fg-2);text-wrap:balance}

#sh3-hero .hero-tech{margin-top:var(--sp-96)}


@media (max-width:1200px){
  #sh3-hero{--s3h-rise:40px}
  #sh3-hero .s3h-in{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-64)}
  #sh3-hero .s3h-lead{max-width:40ch}
  #sh3-hero .s3h-pic{justify-self:stretch;max-width:none;aspect-ratio:auto;height:480px;margin-top:var(--s3h-rise)}
}
@media (max-width:1100px){#sh3-hero .s3h-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  #sh3-hero .s3h-pic{height:440px}
  #sh3-hero .s3h-facts{margin-top:var(--sp-64)}
  #sh3-hero .hero-tech{margin-top:var(--sp-64)}
}
@media (max-width:640px){
  #sh3-hero .s3h-kicker{margin-bottom:var(--sp-16)}
  #sh3-hero .s3h-lead{margin-top:var(--sp-16)}
  #sh3-hero .s3h-act{flex-direction:column;align-items:stretch;align-self:stretch;margin-top:var(--sp-32)}
  #sh3-hero .s3h-act .btn{width:100%;min-height:56px}
  
  #sh3-hero .s3h-sep{display:inline}
  #sh3-hero .s3h-call > span{display:inline;font-size:var(--fs-body);color:var(--fg)}
  #sh3-hero .s3h-call .s3h-num{font-weight:var(--w-medium)}
  #sh3-hero .s3h-note{align-self:center;text-align:center;text-wrap:balance}
  #sh3-hero .s3h-in{row-gap:var(--sp-48)}
  #sh3-hero .s3h-pic{height:340px}
  #sh3-hero .s3h-tag{left:var(--sp-16);bottom:var(--sp-16)}
  #sh3-hero .s3h-facts{margin-top:var(--sp-48);gap:var(--sp-12)}
  #sh3-hero .s3h-facts li{padding:var(--sp-24) var(--sp-16)}
  #sh3-hero .s3h-facts b{font-size:var(--fs-h3)}
}
@media (max-width:380px){
  #sh3-hero .s3h-pic{height:300px}
  #sh3-hero .s3h-act .btn{padding-inline:var(--sp-16)}
}


@media (max-width:374px){
  body[data-fbar="sh"] .fbar{left:var(--sp-8);right:var(--sp-8);padding-left:var(--sp-8)}
  body[data-fbar="sh"] .fbar .fbar-sh{gap:var(--sp-8)}
  body[data-fbar="sh"] .fbar .fbar-sh .btn{padding-inline:var(--sp-12)}
  
  body[data-fbar="sh"] .fbar .fbar-sh-t{min-width:0;white-space:normal}
  body[data-fbar="sh"] .fbar .fbar-sh .btn{flex:none}
}

@media (min-width:1101px){
  #sh3-hero .s3h-in{grid-template-columns:minmax(0,1fr) minmax(0,520px);column-gap:var(--sp-64)}
  #sh3-hero .s3h-pic{max-width:520px}
  #sh3-hero .s3h-act{max-width:520px}
  #sh3-hero .s3h-main{flex:1 1 100%}
}

#sh3-hero h1 span{display:inline}
#sh3-hero h1{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}

#sh3-hero .s3h-main{flex-direction:column;gap:2px;line-height:1.2}
#sh3-hero .s3h-ms{font-size:var(--fs-meta);font-weight:var(--w-regular);opacity:.72}



#sh3-justin{--s3j-rise:56px}
#sh3-justin .s3j-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:1fr auto;
  grid-template-areas:"head media" "body media";column-gap:var(--sp-96);row-gap:var(--sp-48)}
#sh3-justin .s3j-head{grid-area:head;align-self:end;margin:0}
#sh3-justin .s3j-head h2{text-wrap:balance}
#sh3-justin .s3j-head h2 .ln{display:block}
#sh3-justin .s3j-head .lead{max-width:42ch;text-wrap:pretty}

#sh3-justin .s3j-media{grid-area:media;align-self:center;position:relative;aspect-ratio:10 / 11;margin-top:var(--s3j-rise);
  container-type:size;overflow:visible;clip-path:inset(calc(-1 * var(--s3j-rise) - var(--sp-24)) 0 0 0 round 0 0 var(--r-stage) var(--r-stage))}
#sh3-justin .s3j-photo{position:absolute;bottom:-1px;left:50%;display:block;width:auto;max-width:none;
  height:min(calc(100cqh + var(--s3j-rise)),126cqw);transform:translateX(-50%)}
#sh3-justin .s3j-tag{position:absolute;left:var(--sp-24);bottom:var(--sp-24);z-index:2;display:flex;flex-direction:column;gap:2px;
  padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 84%,transparent);
  -webkit-backdrop-filter:var(--g-glass-blur);backdrop-filter:var(--g-glass-blur);font-size:var(--fs-meta);line-height:1.4;color:var(--fg-2)}
#sh3-justin .s3j-tag b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}

#sh3-justin .s3j-body{grid-area:body;display:flex;flex-direction:column;gap:var(--sp-48)}
#sh3-justin .s3j-quote{margin:0}
#sh3-justin .s3j-quote p{max-width:28ch;font-size:var(--fs-h3);font-weight:var(--w-regular);line-height:1.4;letter-spacing:-.015em;color:var(--fg-2);text-indent:-.42em;text-wrap:pretty}

#sh3-justin .s3j-contact{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);max-width:560px;padding:var(--card-pad);border-radius:var(--r-xl);background:var(--plate)}
#sh3-justin .s3j-hours{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sh3-justin .s3j-hours svg.i{width:16px;height:16px;color:var(--fg-3)}
#sh3-justin .s3j-num{font-size:var(--fs-h3);font-weight:var(--w-strong);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
#sh3-justin .s3j-num a{color:var(--fg);text-decoration:none}
#sh3-justin .s3j-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12);margin-top:var(--sp-24)}
#sh3-justin .s3j-cta svg.i{width:18px;height:18px}
#sh3-justin .s3j-contact .btn-secondary{background:var(--raised)}
#sh3-justin .s3j-contact .btn-secondary:hover{background:var(--line-strong)}

@media (max-width:1100px){#sh3-justin .s3j-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-64)}}
@media (max-width:900px){
  #sh3-justin{--s3j-rise:40px}
  #sh3-justin .s3j-split{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "media" "body"}
  #sh3-justin .s3j-media{width:100%;aspect-ratio:auto;height:400px}
}
@media (max-width:640px){
  #sh3-justin .s3j-media{height:320px}
  #sh3-justin .s3j-contact{padding:var(--sp-24)}
  #sh3-justin .s3j-cta{width:100%}
  #sh3-justin .s3j-cta .btn{flex:1 1 0}
  #sh3-justin .s3j-tag{left:var(--sp-16);bottom:var(--sp-16)}
}
@media (max-width:380px){#sh3-justin .s3j-media{height:280px}#sh3-justin .s3j-cta .btn{padding-inline:var(--sp-16)}}



#sh3-preis .s3p-head h2{text-wrap:balance}
#sh3-preis .s3p-head .lead{max-width:40ch;text-wrap:pretty}
#sh3-preis .s3p-cards{list-style:none;margin:0 auto;padding:0;max-width:1080px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
#sh3-preis .s3p-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate)}
#sh3-preis .s3p-card > svg.i{width:24px;height:24px;margin-bottom:var(--sp-16);color:var(--fg)}
#sh3-preis .s3p-card h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg)}
#sh3-preis .s3p-amt{display:flex;align-items:baseline;gap:var(--sp-8);margin-bottom:var(--sp-8)}
#sh3-preis .s3p-amt b{font-size:var(--fs-num-s);font-weight:var(--w-head);line-height:1;letter-spacing:-.05em;color:var(--fg);white-space:nowrap}
#sh3-preis .s3p-amt span{font-size:var(--fs-small);color:var(--fg-3)}
#sh3-preis .s3p-card p:last-child{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#sh3-preis .s3p-card p:last-child strong{font-weight:var(--w-medium);color:var(--fg)}

#sh3-preis .s3p-foot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-24);margin-top:var(--sp-48);text-align:center}
#sh3-preis .s3p-note{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:balance}
#sh3-preis .s3p-note strong{font-weight:var(--w-medium);color:var(--fg)}

@media (max-width:760px){
  #sh3-preis .s3p-cards{grid-template-columns:minmax(0,1fr);max-width:480px}
  #sh3-preis .s3p-foot{margin-top:var(--sp-32)}
}



#sh3-sorgen{--s3s-red:#d4382c}
:root[data-theme="dark"] #sh3-sorgen{--s3s-red:#ff6b5e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sh3-sorgen{--s3s-red:#ff6b5e}}

#sh3-sorgen .s3s-head h2{max-width:14em}
#sh3-sorgen .s3s-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--grid-gap)}
#sh3-sorgen .s3s-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;min-width:0;padding:var(--sp-12);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#sh3-sorgen .s3s-worry{display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-12) var(--sp-24);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sh3-sorgen .s3s-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--s3s-red)}
#sh3-sorgen .s3s-media{display:grid;place-items:center;min-height:380px;padding:var(--g-inset);border-radius:var(--r-xl);overflow:visible}
#sh3-sorgen .s3s-media > .g-panel{width:100%;max-width:420px}
#sh3-sorgen .s3s-text{display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-24) var(--sp-12) var(--sp-12)}
#sh3-sorgen .s3s-text h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance}
#sh3-sorgen .s3s-text p{max-width:44ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
@media (hover:hover){#sh3-sorgen .s3s-card:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#sh3-sorgen .s3s-card:hover{transform:none}}


@container (max-width:340px){#sh3-sorgen .gx-sh3-zugang .s3z-pill{grid-column:1 / -1}}
@media (max-width:900px){
  #sh3-sorgen .s3s-grid{grid-template-columns:minmax(0,1fr)}
  #sh3-sorgen .s3s-card{grid-row:auto;grid-template-rows:auto auto auto}
  #sh3-sorgen .s3s-media{min-height:320px}
}
@media (max-width:640px){
  #sh3-sorgen .s3s-card{padding:var(--sp-8);border-radius:var(--r-xl)}
  #sh3-sorgen .s3s-media{min-height:0;border-radius:var(--r-md)}
  
  #sh3-sorgen .s3s-media > .g-panel{--panel-pad:var(--sp-16)}
  #sh3-sorgen .s3s-worry{padding:var(--sp-12) var(--sp-12) var(--sp-16)}
  #sh3-sorgen .s3s-text{padding:var(--sp-16) var(--sp-12) var(--sp-12)}
}



#sh3-vergleich{
  --s3v-feat-w:28%;
  --s3v-us-w:25%;
  --s3v-px:var(--sp-16);
  --s3v-in:var(--sp-32);
  --s3v-row:84px;
  --vg-red:#d4382c;
}
:root[data-theme="dark"] #sh3-vergleich{--vg-red:#ff6b5e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sh3-vergleich{--vg-red:#ff6b5e}}

#sh3-vergleich .s3v-head h2{text-wrap:balance}
#sh3-vergleich .s3v-head .lead{max-width:40ch;text-wrap:pretty}
#sh3-vergleich .s3v-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#sh3-vergleich .s3v-nw{white-space:nowrap}
#sh3-vergleich .s3v-wrap{position:relative;margin-top:var(--block-gap)}
#sh3-vergleich .s3v-col{position:absolute;top:0;bottom:0;right:0;width:var(--s3v-us-w);border-radius:var(--r-stage);pointer-events:none}

#sh3-vergleich .s3v-t{position:relative;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left}
#sh3-vergleich .s3v-c-feat{width:var(--s3v-feat-w)}
#sh3-vergleich .s3v-c-alt{width:calc((100% - var(--s3v-feat-w) - var(--s3v-us-w)) / 3)}
#sh3-vergleich .s3v-c-us{width:var(--s3v-us-w)}

#sh3-vergleich .s3v-t th,#sh3-vergleich .s3v-t td{position:relative;height:var(--s3v-row);padding:var(--sp-16) var(--s3v-px);vertical-align:middle;
  font-size:var(--fs-small);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg-3)}
#sh3-vergleich .s3v-t tr>:first-child{padding-left:0}
#sh3-vergleich .s3v-l{display:none}
#sh3-vergleich .s3v-v{display:flex;align-items:center;gap:var(--sp-12);min-height:24px}
#sh3-vergleich .s3v-t svg.i{flex:none;width:18px;height:18px}
#sh3-vergleich .s3v-v.is-part svg.i{color:color-mix(in srgb,var(--fg) 60%,transparent)}
#sh3-vergleich .s3v-v.is-no svg.i{color:var(--vg-red)}


#sh3-vergleich .s3v-t thead th{height:auto;padding-block:var(--sp-48) var(--sp-24);vertical-align:bottom;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg-2);text-wrap:balance}
#sh3-vergleich .s3v-name{display:flex;align-items:center;gap:var(--sp-8);min-height:24px}
#sh3-vergleich .s3v-logo{flex:none;width:22px;height:22px}


#sh3-vergleich .s3v-t tbody th{font-size:var(--fs-body);font-weight:var(--w-medium);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}


#sh3-vergleich .s3v-t .us{padding-inline:var(--s3v-in)}
#sh3-vergleich .s3v-t thead th.us{font-size:var(--fs-body);font-weight:var(--w-strong);letter-spacing:-.01em}
#sh3-vergleich .s3v-t tbody .us{font-size:var(--fs-body);font-weight:var(--w-medium)}
#sh3-vergleich .s3v-t tbody .us svg.i{stroke-width:2.25}
#sh3-vergleich .s3v-t tbody tr:last-child>*{padding-bottom:var(--sp-32)}
@media (min-width:901px){
  #sh3-vergleich .s3v-t .us,#sh3-vergleich .s3v-t .us svg.i{color:#ffffff}
}
@media (min-width:1101px){#sh3-vergleich .s3v-t td .s3v-v{white-space:nowrap}}


#sh3-vergleich .s3v-cta{display:flex;flex-direction:column;align-items:center;gap:var(--sp-12);margin-top:var(--sp-48);text-align:center}
#sh3-vergleich .s3v-cta-note{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#sh3-vergleich .s3v-cta-note strong{font-weight:var(--w-medium);color:var(--fg)}

@media (max-width:1100px){#sh3-vergleich{--s3v-px:var(--sp-12);--s3v-in:var(--sp-24);--s3v-feat-w:24%;--s3v-us-w:27%;--s3v-row:80px}}


@media (max-width:900px){
  #sh3-vergleich .s3v-wrap{max-width:560px;margin-inline:auto}
  #sh3-vergleich .s3v-col{display:none}
  #sh3-vergleich .s3v-t,#sh3-vergleich .s3v-t tbody,#sh3-vergleich .s3v-t tr,#sh3-vergleich .s3v-t th,#sh3-vergleich .s3v-t td{display:block;width:auto;height:auto}
  #sh3-vergleich .s3v-t colgroup{display:none}
  #sh3-vergleich .s3v-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  #sh3-vergleich .s3v-t tbody{display:flex;flex-direction:column;gap:var(--sp-12)}
  #sh3-vergleich .s3v-t tbody tr{display:flex;flex-direction:column;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--plate)}
  #sh3-vergleich .s3v-t tbody tr>*,#sh3-vergleich .s3v-t tbody tr:last-child>*{padding:0}
  #sh3-vergleich .s3v-t tbody tr>th:first-child{order:-2;padding:0 0 var(--sp-16);font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3)}
  #sh3-vergleich .s3v-t tbody td,#sh3-vergleich .s3v-t tbody tr:last-child>td{display:grid;grid-template-columns:minmax(0,6em) minmax(0,1fr);gap:var(--sp-12);align-items:center;padding:var(--sp-8) 0}
  #sh3-vergleich .s3v-l{display:block;color:var(--fg-3)}
  #sh3-vergleich .s3v-t tbody .us,#sh3-vergleich .s3v-t tbody tr:last-child>.us{order:-1;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);margin-bottom:var(--sp-12);
    padding:var(--sp-16);border-radius:var(--r-md);background:var(--brand-line);color:#ffffff}
  #sh3-vergleich .s3v-t tbody .us svg.i{color:#ffffff}
  #sh3-vergleich .s3v-t tbody .us .s3v-l{font-size:var(--fs-meta);font-weight:var(--w-medium);color:rgba(255,255,255,.8)}
  #sh3-vergleich .s3v-cta{margin-top:var(--sp-32)}
}
@media (max-width:360px){
  #sh3-vergleich .s3v-t tbody tr{padding:var(--sp-16)}
  #sh3-vergleich .s3v-t tbody td{grid-template-columns:minmax(0,1fr);gap:0}
  #sh3-vergleich .s3v-t tbody td + td:not(.us){margin-top:var(--sp-4)}
}



#sh3-warten .s3w-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--sp-96);align-items:center}
#sh3-warten .s3w-head{order:2;margin:0}
#sh3-warten .s3w-head h2{text-wrap:balance}
#sh3-warten .s3w-head .lead{max-width:34ch;text-wrap:pretty}
#sh3-warten .s3w-act{display:flex;flex-wrap:wrap;gap:var(--sp-12);margin-top:var(--sp-16)}
#sh3-warten .s3w-act svg.i{width:18px;height:18px}

#sh3-warten .s3w-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}
#sh3-warten .s3w-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--card-pad);border-radius:var(--r-stage);background:var(--plate)}
#sh3-warten .s3w-num{margin-bottom:var(--sp-8);font-size:var(--fs-num-s);font-weight:var(--w-head);line-height:1.05;letter-spacing:-.04em;color:var(--fg);text-wrap:balance}
#sh3-warten .s3w-txt{max-width:30ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
#sh3-warten .s3w-txt strong{font-weight:var(--w-medium);color:var(--fg)}
#sh3-warten .s3w-tile .src{margin-top:auto;padding-top:var(--sp-8)}

@media (max-width:1100px){
  #sh3-warten .s3w-split{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-48)}
  #sh3-warten .s3w-head{order:0}
}
@media (max-width:560px){
  #sh3-warten .s3w-grid{grid-template-columns:minmax(0,1fr)}
  #sh3-warten .s3w-act .btn{flex:1 1 auto}
}

@media (min-width:1101px){
  #sh3-warten .s3w-head h2{font-size:var(--fs-h3l)}
  #sh3-warten .s3w-head h2 .ln{display:inline}
}

@media (min-width:561px){
  #sh3-warten .s3w-tile{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-content:start;row-gap:var(--sp-8)}
  #sh3-warten .s3w-num{align-self:end}
  #sh3-warten .s3w-tile .src{align-self:end}
}



#sh3-zusagen .s3u-head h2{text-wrap:balance}
#sh3-zusagen .s3u-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
#sh3-zusagen .s3u-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8);min-width:0;padding:var(--sp-32);border-radius:var(--r-stage);background:var(--plate);
  transition:transform var(--t-mid) var(--ease)}
#sh3-zusagen .s3u-card > svg.i{width:24px;height:24px;margin-bottom:var(--sp-24);color:var(--fg)}
#sh3-zusagen .s3u-card h3{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#sh3-zusagen .s3u-card p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
@media (hover:hover){#sh3-zusagen .s3u-card:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){#sh3-zusagen .s3u-card:hover{transform:none}}

#sh3-zusagen .s3u-note{max-width:62ch;text-wrap:balance;margin-top:var(--sp-48);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
#sh3-zusagen .s3u-link{display:inline-flex;align-items:center;gap:var(--sp-4);font-weight:var(--w-medium);color:var(--fg);text-decoration:none;white-space:nowrap}
#sh3-zusagen .s3u-link svg.i{width:16px;height:16px;transition:transform var(--t-mid) var(--ease)}
#sh3-zusagen .s3u-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#sh3-zusagen .s3u-link:hover svg.i{transform:translateX(3px)}

@media (max-width:1100px){#sh3-zusagen .s3u-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  #sh3-zusagen .s3u-card{padding:var(--sp-24)}
  #sh3-zusagen .s3u-card > svg.i{margin-bottom:var(--sp-16)}
  #sh3-zusagen .s3u-note{margin-top:var(--sp-32)}
}
@media (max-width:560px){#sh3-zusagen .s3u-cards{grid-template-columns:minmax(0,1fr)}}

@media (min-width:1101px){#sh3-zusagen .s3u-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}



#schnelltest{--st-side:360px;--dg-field:var(--g-inner);--dg-field-hover:var(--g-inner-hover);--dg-red:var(--qc-risk);--dg-pos:var(--v-accent-ink);
  --dg-red-soft:color-mix(in srgb,var(--dg-red) 14%,transparent);--dg-red-faint:color-mix(in srgb,var(--dg-red) 8%,transparent);
  --dg-red-mid:color-mix(in srgb,var(--dg-red) 72%,transparent);--dg-pos-soft:color-mix(in srgb,var(--dg-pos) 13%,transparent);
  --dg-ink-faint:color-mix(in srgb,var(--fg) 7%,transparent);--dg-ink-dot:color-mix(in srgb,var(--fg) 20%,transparent)}
#schnelltest [hidden]{display:none!important}

.st-page{padding-block:calc(var(--header-h) + var(--gutter) + var(--sp-48)) var(--section-y)}


#schnelltest strong{color:var(--fg);font-weight:var(--w-strong)}
#schnelltest .dg-small strong,#schnelltest .st-name strong{font-weight:var(--w-medium)}


#schnelltest .st-head{margin:0 0 var(--sp-48);max-width:760px}
#schnelltest h1{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2);font-weight:var(--w-head);text-wrap:balance}
#schnelltest .st-head .lead{max-width:44ch;text-wrap:pretty}
#schnelltest h1 .ln{display:block}


#schnelltest .st-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--st-side);column-gap:var(--sp-48);align-items:stretch}
#schnelltest .st-stage{--stage-pad:var(--sp-48);--st-mesh-h:2400px;display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:clip;min-width:0;padding:var(--stage-pad);border-radius:var(--r-stage)}
#schnelltest .st-mesh{position:absolute;top:0;left:0;right:0;z-index:-1;height:max(100%,var(--st-mesh-h));border-radius:0;pointer-events:none}
#schnelltest .st-card{padding:var(--sp-48)}


#schnelltest .st-side{position:sticky;top:calc(var(--header-h) + var(--gutter) + var(--sp-24));align-self:start;display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
#schnelltest .st-tile{margin:0;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--plate)}
#schnelltest .st-person{display:flex;flex-direction:column;gap:var(--sp-16)}

#schnelltest .st-pic{position:relative;margin:0;height:144px;overflow:clip;border-radius:var(--r-md)}
#schnelltest .st-pic img{position:absolute;top:var(--sp-12);left:50%;width:172px;height:auto;max-width:none;transform:translateX(-50%)}
#schnelltest .st-name{display:flex;flex-direction:column;gap:2px}
#schnelltest .st-name b{font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg)}
#schnelltest .st-name span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .st-avail{display:flex;align-items:center;gap:var(--sp-8);margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg-2)}
#schnelltest [data-avail="1"] .st-avail{color:var(--fg)}
#schnelltest .st-dot{position:relative;flex:none;display:block;width:8px;height:8px;border-radius:50%;background:var(--dg-ink-dot)}
#schnelltest [data-avail="1"] .st-dot{background:var(--dg-pos)}
#schnelltest [data-avail="1"] .st-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--dg-pos);animation:dg-pulse 2.4s var(--ease) infinite}
#schnelltest .st-acts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8)}
#schnelltest .st-btn,#schnelltest .st-mbtn{min-height:48px;padding-inline:var(--sp-16);background:var(--raised);font-variant-numeric:tabular-nums;white-space:nowrap}
#schnelltest .st-btn:hover,#schnelltest .st-mbtn:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}
#schnelltest .st-btn svg.i,#schnelltest .st-mbtn svg.i{width:18px;height:18px}
#schnelltest .st-promise ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-12)}
#schnelltest .st-promise li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .st-promise svg.i{width:18px;height:18px;margin-top:2px;color:var(--fg)}
#schnelltest .st-promise{display:flex;flex-direction:column;gap:var(--sp-16)}
#schnelltest .st-k{margin:0;font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg-2)}


#schnelltest .st-mbar{display:none}
#schnelltest .st-face{position:relative;flex:none;display:block;width:40px;height:40px;border-radius:50%}
#schnelltest .st-face img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%}
#schnelltest .st-face .st-dot{position:absolute;right:0;bottom:0;width:12px;height:12px}
#schnelltest .st-mbar-t{display:flex;flex-direction:column;min-width:0;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .st-mbar-t b{font-size:var(--fs-small);font-weight:var(--w-strong);color:var(--fg)}
#schnelltest .st-mbar-acts{display:flex;gap:var(--sp-8);margin-left:auto}
#schnelltest .st-mbtn{min-height:44px}


#schnelltest .st-form{container-type:inline-size;min-width:0}
#schnelltest .dg-prog{list-style:none;margin:0 0 var(--sp-32);padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-24)}
#schnelltest .dg-prog li{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:var(--lh-small);color:var(--fg-2);transition:color var(--t-mid)}
#schnelltest .dg-prog i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--dg-ink-dot);transition:background-color var(--t-mid)}
#schnelltest .dg-prog i::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--dg-ink-faint);opacity:0;transform:scale(.5);transition:opacity var(--t-mid),transform var(--t-mid) var(--ease)}
#schnelltest .dg-prog .is-done i,#schnelltest .dg-prog .is-now i{background:var(--fg)}
#schnelltest .dg-prog .is-now{color:var(--fg)}
#schnelltest .dg-prog .is-now i::after{opacity:1;transform:none}
#schnelltest .dg-view{position:relative;min-width:0}
#schnelltest .dg-view.is-anim{overflow:clip;overflow-clip-margin:var(--sp-8);transition:height .4s var(--ease)}
#schnelltest .dg-step{display:flex;flex-direction:column;gap:var(--sp-32);min-width:0}
#schnelltest .dg-step.is-out{opacity:0;transform:translateY(-4px);transition:opacity .17s ease,transform .17s ease}
#schnelltest .dg-step.is-in{animation:dg-in .36s var(--ease) both}
@keyframes dg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dg-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes dg-spin{to{transform:rotate(360deg)}}
@keyframes dg-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.6);opacity:0}}
#schnelltest .dg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#schnelltest .dg-title{margin:0;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);text-wrap:balance;overflow-wrap:anywhere}
#schnelltest .dg-title:focus{outline:none}
#schnelltest .dg-help h3,#schnelltest .dg-block h3{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg)}
#schnelltest .dg-text{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);text-wrap:pretty}
#schnelltest .dg-text a{color:var(--fg)}
#schnelltest .dg-small{margin:0;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#schnelltest .dg-small a{color:var(--fg)}
#schnelltest .dg-btn{min-height:56px;padding-inline:var(--sp-32)}
#schnelltest .dg-btn svg.i{width:18px;height:18px}
#schnelltest .dg-btn:disabled{cursor:default;transform:none;background:color-mix(in srgb,var(--fg) 72%,transparent)}
#schnelltest .dg-link{align-self:flex-start;font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg);background:none;border:0;padding:var(--sp-4) 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--fg) 30%,transparent);transition:text-decoration-color var(--t-fast)}
#schnelltest .dg-link:hover{text-decoration-color:var(--fg)}
#schnelltest .dg-link:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:var(--r-xs)}


#schnelltest .field{gap:var(--sp-12);min-width:0}
#schnelltest .field label{font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg)}
#schnelltest [data-step="url"] .field label{font-size:var(--fs-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);line-height:var(--lh-h3)}
#schnelltest [data-step="url"] .field{gap:var(--sp-16)}
#schnelltest .field input{font:inherit;font-size:var(--fs-body);color:var(--fg);width:100%;min-width:0;min-height:56px;border:0;background:var(--dg-field);box-shadow:none;transition:box-shadow var(--t-fast),background-color var(--t-fast)}
#schnelltest .field input:hover{background:var(--dg-field-hover)}
#schnelltest .field input:focus{outline:none;background:var(--dg-field-hover);box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--disc)}
#schnelltest .field.err input{box-shadow:0 0 0 1.5px var(--fg);background:var(--dg-field-hover)}
#schnelltest .field.err input:focus{box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--disc)}
#schnelltest .field .msg{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg)}
#schnelltest .field .msg:empty{display:none}
#schnelltest .dg-go{display:flex;flex-direction:column;gap:var(--sp-12)}


#schnelltest .dg-what{display:flex;flex-direction:column;gap:var(--sp-16);padding:var(--sp-24);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-k{margin:0;font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg-2)}
#schnelltest .dg-pv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-12) var(--sp-24)}
#schnelltest .dg-pv li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:center;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg)}
#schnelltest .dg-pv-ic{display:grid;place-items:center;width:28px;height:28px;color:var(--fg)}
#schnelltest .dg-pv-ic svg.i{width:20px;height:20px}


#schnelltest .dg-list{list-style:none;margin:0;padding:var(--sp-24);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-16) var(--sp-24);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:center;min-width:0;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
#schnelltest .dg-item.is-shown{opacity:1;transform:none}
#schnelltest .dg-ic{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;color:var(--fg)}
#schnelltest .dg-ic svg.i{width:20px;height:20px}
#schnelltest .dg-ti{display:flex;flex-direction:column;min-width:0}
#schnelltest .dg-ti b{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#schnelltest .dg-st{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2);overflow-wrap:anywhere}
#schnelltest [data-s="run"] > .dg-ic::after{content:"";position:absolute;inset:var(--sp-4);border-radius:50%;background:conic-gradient(var(--fg) 0 90deg,var(--dg-ink-dot) 90deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));animation:dg-spin .8s linear infinite}

#schnelltest [data-s="ok"] > .dg-ic,#schnelltest [data-s="ok"] > .dg-ftop > .dg-ic{color:var(--dg-pos)}
#schnelltest [data-s="hint"] > .dg-ic,#schnelltest [data-s="hint"] > .dg-ftop > .dg-ic{color:var(--dg-red-mid)}
#schnelltest [data-s="risk"] > .dg-ic,#schnelltest [data-s="risk"] > .dg-ftop > .dg-ic{color:var(--dg-red)}
#schnelltest [data-s="skip"] > .dg-ic{color:var(--fg-2)}
#schnelltest .dg-item[data-s="risk"] .dg-st{color:var(--fg);font-weight:var(--w-medium)}
#schnelltest .dg-item:not([data-s="run"]) > .dg-ic{animation:dg-pop .4s var(--ease)}


#schnelltest .dg-res{display:flex;flex-direction:column;gap:var(--sp-24);min-width:0}
#schnelltest .dg-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-4) var(--sp-12);border-radius:var(--r-full);font-size:var(--fs-meta);font-weight:var(--w-medium);line-height:var(--lh-small);background:var(--dg-pos-soft);color:var(--fg)}
#schnelltest .dg-tag i{width:8px;height:8px;border-radius:50%;background:var(--dg-pos)}
#schnelltest [data-level="hack"] .dg-tag{background:var(--dg-red-soft);color:var(--dg-red)}
#schnelltest [data-level="hack"] .dg-tag i{background:var(--dg-red)}
#schnelltest [data-level="auff"] .dg-tag{background:var(--dg-red-faint)}
#schnelltest [data-level="auff"] .dg-tag i{background:var(--dg-red-mid)}

#schnelltest [data-level="down"] .dg-tag{background:var(--dg-red-soft);color:var(--dg-red)}
#schnelltest [data-level="down"] .dg-tag i{background:var(--dg-red)}
#schnelltest [data-level="gone"] .dg-tag{background:var(--dg-red-faint)}
#schnelltest [data-level="gone"] .dg-tag i{background:var(--dg-red-mid)}


#schnelltest .dg-help{display:flex;flex-direction:column;gap:var(--sp-24);padding:var(--sp-24);border-radius:var(--r-xl);background:var(--dg-field);min-width:0}
#schnelltest .dg-who{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-16);align-items:center}
#schnelltest .dg-photo{position:relative;display:block;width:48px;height:48px;overflow:hidden;border-radius:50%}
#schnelltest .dg-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
#schnelltest .dg-avail{display:flex;align-items:flex-start;gap:var(--sp-8);margin:var(--sp-4) 0 0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest [data-on="1"] .dg-avail{color:var(--fg)}
#schnelltest .dg-dot{position:relative;flex:none;width:8px;height:8px;margin-top:calc((var(--lh-small) * 1em - 8px) / 2);border-radius:50%;background:var(--dg-ink-dot)}
#schnelltest [data-on="1"] .dg-dot{background:var(--dg-pos)}
#schnelltest [data-on="1"] .dg-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--dg-pos);animation:dg-pulse 2.4s var(--ease) infinite}

#schnelltest .dg-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-12)}
#schnelltest .dg-acts .dg-main{grid-column:1 / -1}
#schnelltest .dg-acts .dg-btn{width:100%;padding-inline:var(--sp-16);font-variant-numeric:tabular-nums;white-space:nowrap}
#schnelltest .dg-help .btn-secondary{background:var(--dg-ink-faint)}
#schnelltest .dg-help .btn-secondary:hover{background:color-mix(in srgb,var(--fg) 12%,transparent)}


#schnelltest .dg-send{display:flex;flex-direction:column;gap:var(--sp-16)}
#schnelltest .dg-notes{display:flex;flex-direction:column;gap:var(--sp-4)}
#schnelltest .dg-alert{margin:0;padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);background:var(--dg-field);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg)}
#schnelltest .dg-alert:empty{display:none}
#schnelltest .dg-alert a{color:var(--fg);font-weight:var(--w-medium);white-space:nowrap}
#schnelltest .dg-backlink{margin-top:calc(-1 * var(--sp-8))}


#schnelltest .dg-done-top{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-16)}
#schnelltest .dg-done-ic{display:block;color:var(--dg-pos)}
#schnelltest .dg-done-ic svg.i{display:block;width:40px;height:40px;stroke-width:1.75}
#schnelltest .dg-block{display:flex;flex-direction:column;gap:var(--sp-16)}
#schnelltest .dg-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-12)}
#schnelltest .dg-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:center;font-size:var(--fs-body);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .dg-num{display:block;flex:none;color:color-mix(in srgb,var(--fg) 40%,transparent);font-size:var(--fs-body);font-weight:var(--w-strong);line-height:var(--lh-small);font-variant-numeric:tabular-nums}


@container (max-width:419px){#schnelltest .dg-what{display:none}}
@container (min-width:460px){
  #schnelltest .dg-go{flex-direction:row}
  #schnelltest .dg-go input{flex:1}
  #schnelltest .dg-go .dg-btn{flex:none;width:auto}
}
@container (min-width:520px){
  #schnelltest .dg-pv,#schnelltest .dg-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1100px){#schnelltest{--st-side:300px}#schnelltest .st-grid{column-gap:var(--sp-32)}#schnelltest .st-stage{--stage-pad:var(--sp-32)}#schnelltest .st-card{padding:var(--sp-32)}}
@media (max-width:900px){
  #schnelltest .st-mbar{display:flex;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-32);padding:var(--sp-8);border-radius:var(--r-full);background:var(--plate)}
  #schnelltest .st-head{margin-bottom:var(--sp-32)}
  #schnelltest .st-grid{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-12)}
  #schnelltest .st-stage{--st-mesh-h:3200px}
  #schnelltest .st-side{position:static}
  #schnelltest .st-person{display:none}
}
@media (max-width:640px){
  #schnelltest .st-stage{--stage-pad:var(--sp-12)}
  #schnelltest .st-card{padding:var(--sp-24) var(--sp-16)}
  #schnelltest .dg-prog{margin-bottom:var(--sp-24)}
  #schnelltest .dg-step{gap:var(--sp-24)}
  #schnelltest .dg-btn{width:100%;padding-inline:var(--sp-16)}
  #schnelltest .dg-list,#schnelltest .dg-help,#schnelltest .dg-what{padding:var(--sp-16)}
}
@media (max-width:479px){
  #schnelltest .st-mbar-t,#schnelltest .st-mwa-t{display:none}
  #schnelltest .st-mwa{width:44px;padding-inline:0}
}
@media (max-width:360px){#schnelltest .st-card{padding:var(--sp-16) var(--sp-12)}#schnelltest .st-mbtn{padding-inline:var(--sp-12)}}
@media (prefers-reduced-motion:reduce){
  #schnelltest .dg-step.is-in,#schnelltest .dg-item > .dg-ic,#schnelltest .dg-dot::after,#schnelltest .st-dot::after{animation:none!important}
  #schnelltest .dg-view.is-anim,#schnelltest .dg-step.is-out,#schnelltest .dg-item,#schnelltest .dg-prog li,#schnelltest .dg-prog i,#schnelltest .dg-prog i::after,#schnelltest .field input{transition:none!important}
  #schnelltest .dg-item{transform:none}
  #schnelltest [data-s="run"] > .dg-ic::after{animation-duration:2.4s!important}
}

#schnelltest .st-person{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:var(--sp-16);row-gap:var(--sp-12);align-items:center}
#schnelltest .st-pic.st-pic-s{grid-row:span 1;width:64px;height:64px;border-radius:50%;overflow:clip}
#schnelltest .st-person > .st-avail,#schnelltest .st-person > .st-acts{grid-column:1 / -1}
#schnelltest .dg-scope{margin-top:0}


#schnelltest .dg-lists{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
#schnelltest .dg-grp{display:flex;flex-direction:column;gap:var(--sp-16);min-width:0;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-grp > .dg-k{opacity:0;transition:opacity .3s var(--ease)}
#schnelltest .dg-grp.is-shown > .dg-k{opacity:1}
#schnelltest .dg-grp .dg-list{padding:0;border-radius:0;background:none}
@media (max-width:640px){
  #schnelltest .dg-grp{padding:var(--sp-16)}
}
@media (prefers-reduced-motion:reduce){#schnelltest .dg-grp > .dg-k{transition:none!important}}



#schnelltest .st-face img,#schnelltest .dg-photo img,#schnelltest .st-pic.st-pic-s img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;border-radius:50%;transform:none}


#schnelltest .dg-calm{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8) var(--sp-24)}
#schnelltest .dg-calm li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--sp-8);align-items:start;min-width:0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .dg-calm svg.i{width:16px;height:16px;margin-top:calc((var(--lh-small) * 1em - 16px) / 2);color:var(--dg-pos)}
#schnelltest .dg-calm-row{display:flex;flex-wrap:wrap}
#schnelltest .dg-calm-row li{flex:0 1 auto}
#schnelltest [data-step="url"] .dg-calm{margin-top:calc(-1 * var(--sp-16))}
#schnelltest .dg-head{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
#schnelltest .dg-notes{gap:var(--sp-12)}
@container (min-width:460px){#schnelltest .dg-calm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#schnelltest .dg-done-top .dg-text{margin-top:calc(-1 * var(--sp-8))}
#schnelltest .st-sub{display:block;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}


#schnelltest .dg-next{display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--sp-16) var(--sp-24);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8)}
#schnelltest .dg-flow li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .dg-fn{display:block;color:color-mix(in srgb,var(--fg) 40%,transparent);font-size:var(--fs-small);font-weight:var(--w-strong);line-height:var(--lh-small);font-variant-numeric:tabular-nums}
#schnelltest .dg-safe{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--sp-8);align-items:start;margin:0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .dg-safe svg.i{width:16px;height:16px;margin-top:calc((var(--lh-small) * 1em - 16px) / 2);color:var(--dg-pos)}
#schnelltest .dg-safe + .dg-small{margin-top:calc(-1 * var(--sp-8))}
@media (max-width:640px){#schnelltest .dg-next{padding:var(--sp-16)}}


@media (max-width:900px){#schnelltest .st-person{display:none}}


@media (max-width:640px){#schnelltest h1 .ln{display:inline}}


#schnelltest .dg-eyebrow{margin:0;font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg-2);overflow-wrap:anywhere}
#schnelltest .dg-score{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"ring head" "ring text";gap:var(--sp-8) var(--sp-24);align-items:center;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-score .dg-ring{grid-area:ring}
#schnelltest .dg-score-t{grid-area:head;align-self:end;display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}
#schnelltest .dg-score > .dg-text{grid-area:text;align-self:start;font-size:var(--fs-small);line-height:var(--lh-small)}
#schnelltest .dg-big{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--fg-2);text-wrap:balance}
#schnelltest .dg-ring{position:relative;width:112px;height:112px}
#schnelltest .dg-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
#schnelltest .dg-arc{fill:none;stroke-width:12;stroke-linecap:butt;stroke:var(--dg-ink-faint);animation:dg-arc .5s var(--ease) both}
@keyframes dg-arc{from{opacity:0}to{opacity:1}}
#schnelltest .dg-arc[data-s="ok"]{stroke:var(--dg-pos)}
#schnelltest .dg-arc[data-s="risk"]{stroke:var(--dg-red)}
#schnelltest .dg-arc[data-s="hint"]{stroke:var(--dg-red-mid)}
#schnelltest .dg-ring-n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center}
#schnelltest .dg-ring-n b{font-size:var(--fs-h3);line-height:1;font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg);font-variant-numeric:tabular-nums}
#schnelltest .dg-ring-n i{font-style:normal;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg-2)}
#schnelltest .dg-ring-n span{font-size:var(--fs-meta);line-height:1;color:var(--fg-2)}


#schnelltest .dg-sub{margin:0;font-size:var(--fs-h4);line-height:var(--lh-h3);font-weight:var(--w-strong);letter-spacing:var(--track-h3);color:var(--fg)}
#schnelltest .dg-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-8)}
#schnelltest .dg-find{display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-16) var(--sp-24) var(--sp-16) var(--sp-16);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-ftop{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--sp-12);align-items:center}
#schnelltest .dg-ftitle{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#schnelltest .dg-sev{padding:var(--sp-4) var(--sp-8);border-radius:var(--r-full);font-size:var(--fs-meta);line-height:1.2;font-weight:var(--w-medium);background:var(--dg-ink-faint);color:var(--fg-2);white-space:nowrap}
#schnelltest .dg-find[data-s="risk"] .dg-sev{background:var(--dg-red-soft);color:var(--dg-red)}
#schnelltest .dg-find[data-s="hint"] .dg-sev{background:var(--dg-red-faint);color:var(--fg)}
#schnelltest .dg-fmean,#schnelltest .dg-ffix{margin:0 0 0 calc(var(--sp-32) + var(--sp-8))}
#schnelltest .dg-fmean{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--fg-2);text-wrap:pretty}
#schnelltest .dg-ffix{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-meta);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg)}
#schnelltest .dg-ffix svg.i{flex:none;width:14px;height:14px;color:var(--dg-pos)}


#schnelltest .dg-folds{display:flex;flex-direction:column;gap:var(--sp-8);margin-top:calc(-1 * var(--sp-8))}
#schnelltest .dg-fold{border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-fold summary{display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-16);list-style:none;cursor:pointer;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg);border-radius:var(--r-xl);transition:background-color var(--t-fast)}
#schnelltest .dg-fold summary::-webkit-details-marker{display:none}
#schnelltest .dg-fold summary:hover{background:var(--dg-field-hover)}
#schnelltest .dg-fold summary:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:var(--r-xs)}
#schnelltest .dg-fold-n{font-size:var(--fs-meta);color:var(--fg-2);font-variant-numeric:tabular-nums}
#schnelltest .dg-fold summary svg.i{width:16px;height:16px;margin-left:auto;color:var(--fg-2);transition:transform var(--t-mid) var(--ease)}
#schnelltest .dg-fold[open] summary svg.i{transform:rotate(180deg)}
#schnelltest .dg-fold > ul,#schnelltest .dg-fold > .dg-small{margin:0;padding:0 var(--sp-16) var(--sp-16)}
#schnelltest .dg-fold .dg-find{background:var(--dg-ink-faint)}
#schnelltest .dg-lines{list-style:none;display:flex;flex-direction:column;gap:var(--sp-12)}
#schnelltest .dg-lines li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12);align-items:start;font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .dg-lines .dg-ic{height:auto}
#schnelltest .dg-lines .dg-ic svg.i{width:16px;height:16px}
#schnelltest .dg-lines b{font-weight:var(--w-medium);color:var(--fg)}
#schnelltest .dg-meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-8)}
#schnelltest .dg-meta .dg-small:empty{display:none}


#schnelltest .dg-who-s{grid-template-columns:40px minmax(0,1fr);gap:var(--sp-12)}
#schnelltest .dg-who-s .dg-photo{width:40px;height:40px}
#schnelltest .dg-who-s .dg-text{font-size:var(--fs-small);line-height:var(--lh-small)}


#schnelltest .dg-direct{display:flex;flex-direction:column;gap:var(--sp-16);padding:var(--sp-16) var(--sp-24) var(--sp-24);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-direct-t{display:flex;flex-direction:column;gap:var(--sp-4)}
#schnelltest .dg-direct-h{margin:0;font-size:var(--fs-body);line-height:var(--lh-small);font-weight:var(--w-strong);color:var(--fg)}
#schnelltest .dg-direct .dg-avail{margin:0}
#schnelltest [data-avail="1"] .dg-avail{color:var(--fg)}
#schnelltest [data-avail="1"] .dg-dot{background:var(--dg-pos)}
#schnelltest [data-avail="1"] .dg-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--dg-pos);animation:dg-pulse 2.4s var(--ease) infinite}
#schnelltest .dg-direct .btn-secondary{background:var(--dg-ink-faint)}
#schnelltest .dg-direct .btn-secondary:hover{background:color-mix(in srgb,var(--fg) 12%,transparent)}
#schnelltest .dg-direct .dg-btn{min-height:48px}


#schnelltest .dg-recap{margin:0;padding:var(--sp-16) var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-12);border-radius:var(--r-xl);background:var(--dg-field)}
#schnelltest .dg-recap div{display:grid;grid-template-columns:136px minmax(0,1fr);gap:var(--sp-12)}
#schnelltest .dg-recap dt{font-size:var(--fs-meta);line-height:var(--lh-small);color:var(--fg-2)}
#schnelltest .dg-recap dd{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--w-medium);color:var(--fg);overflow-wrap:anywhere}

@container (max-width:419px){
  #schnelltest .dg-score{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"ring head" "text text";gap:var(--sp-16);padding:var(--sp-16)}
  #schnelltest .dg-score-t{align-self:center}
  #schnelltest .dg-ring{width:88px;height:88px}
  #schnelltest .dg-ring-n b{font-size:var(--fs-h4)}
  #schnelltest .dg-ftop{grid-template-columns:28px minmax(0,1fr)}
  #schnelltest .dg-sev{grid-column:2;justify-self:start}
  #schnelltest .dg-fmean,#schnelltest .dg-ffix{margin-left:0}
  #schnelltest .dg-recap div{grid-template-columns:minmax(0,1fr);gap:0}
  #schnelltest .dg-acts{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:340px){
  #schnelltest .dg-prog{flex-wrap:nowrap;gap:var(--sp-8)}
  #schnelltest .dg-prog li{gap:var(--sp-4)}
}

@container (max-width:299px){
  #schnelltest .dg-prog{gap:var(--sp-12)}
  #schnelltest .dg-prog li:not(.is-now) > span:not(.dg-sr){display:none}
}
@media (max-width:640px){
  #schnelltest .dg-find,#schnelltest .dg-recap,#schnelltest .dg-direct{padding:var(--sp-16)}
  #schnelltest .dg-prog{gap:var(--sp-8) var(--sp-16)}
}
@media (prefers-reduced-motion:reduce){
  #schnelltest .dg-arc,#schnelltest [data-avail="1"] .dg-dot::after{animation:none!important}
  #schnelltest .dg-fold summary svg.i{transition:none!important}
}



.hero-tech .ht-logo.ht-cf{height:34px}
.hero-tech .ht-logo.ht-wpu{height:21px}
.hero-tech .ht-logo.ht-up{height:34px}
.hero-tech .ht-logo.ht-kuma-i{height:22px}

.hero-tech .ht-track{animation-duration:54s}
@media (max-width:640px){
  .hero-tech .ht-logo.ht-cf{height:27px}
  .hero-tech .ht-logo.ht-wpu{height:16px}
  .hero-tech .ht-logo.ht-up{height:27px}
  .hero-tech .ht-logo.ht-kuma-i{height:18px}
  .hero-tech .ht-track{animation-duration:42s}
}



#vergleich{
  --vg-feat-w:28%;
  --vg-us-w:25%;
  --vg-px:var(--sp-16);
  --vg-in:var(--sp-32);
  --vg-row:84px;
}
#vergleich .vg-head h2{text-wrap:balance}
#vergleich .vg-head .lead{max-width:40ch;text-wrap:pretty}
#vergleich .vg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#vergleich .vg-nw{white-space:nowrap}
#vergleich .vg-wrap{margin-top:var(--block-gap)}

#vergleich .vg-t{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left}
#vergleich .vg-c-feat{width:var(--vg-feat-w)}
#vergleich .vg-c-alt{width:calc((100% - var(--vg-feat-w) - var(--vg-us-w)) / 3)}
#vergleich .vg-c-us{width:var(--vg-us-w)}

#vergleich .vg-t th,#vergleich .vg-t td{position:relative;height:var(--vg-row);padding:var(--sp-16) var(--vg-px);vertical-align:middle;
  font-size:var(--fs-small);font-weight:var(--w-regular);line-height:var(--lh-small);color:var(--fg-3)}
#vergleich .vg-t tr>:first-child{padding-left:0}
#vergleich .vg-l{display:none}
#vergleich .vg-v{display:flex;align-items:center;gap:var(--sp-12);min-height:24px}
#vergleich .vg-t svg.i{flex:none;width:18px;height:18px}
#vergleich .vg-t .vg-v.is-no svg.i{color:color-mix(in srgb,var(--fg) 30%,transparent)}


#vergleich .vg-t thead th{height:auto;padding-block:var(--sp-48) var(--sp-24);vertical-align:bottom;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--fg-2)}
#vergleich .vg-name{display:flex;align-items:center;gap:var(--sp-8);min-height:24px}
#vergleich .vg-logo{flex:none;width:22px;height:22px}


#vergleich .vg-t tbody th{font-size:var(--fs-body);font-weight:var(--w-medium);letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
#vergleich .vg-t tbody th .tip{position:static}
#vergleich .vg-t tbody th .tip-body{left:0;bottom:calc(100% - var(--sp-8));max-width:min(300px,100%);transform:translate(var(--tip-x,0px),4px)}
#vergleich .vg-t tbody th .tip:hover .tip-body,#vergleich .vg-t tbody th .tip:focus-within .tip-body{transform:translate(var(--tip-x,0px),0)}


#vergleich .vg-t .us{padding-inline:var(--vg-in);background:var(--fg);color:var(--bg)}
#vergleich .vg-t thead th.us{border-radius:var(--r-stage) var(--r-stage) 0 0;font-size:var(--fs-body);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--bg)}
#vergleich .vg-t tbody .us{font-size:var(--fs-body);font-weight:var(--w-medium);color:var(--bg)}
#vergleich .vg-t tbody .us svg.i{color:var(--bg);stroke-width:2.25}
#vergleich .vg-t tbody tr:last-child>*{padding-bottom:var(--sp-32)}
#vergleich .vg-t tbody tr:last-child>.us{border-radius:0 0 var(--r-stage) var(--r-stage)}

@media (max-width:1100px){#vergleich{--vg-px:var(--sp-12);--vg-in:var(--sp-24);--vg-feat-w:24%;--vg-us-w:27%;--vg-row:80px}}


@media (max-width:900px){
  #vergleich .vg-wrap{max-width:560px}
  #vergleich .vg-t,#vergleich .vg-t tbody,#vergleich .vg-t tr,#vergleich .vg-t th,#vergleich .vg-t td{display:block;width:auto;height:auto}
  #vergleich .vg-t colgroup{display:none}
  #vergleich .vg-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  #vergleich .vg-t tbody{display:flex;flex-direction:column;gap:var(--sp-12)}
  #vergleich .vg-t tbody tr{display:flex;flex-direction:column;padding:var(--sp-24);border-radius:var(--r-xl);background:var(--plate)}
  #vergleich .vg-t tbody tr>*,#vergleich .vg-t tbody tr:last-child>*{padding:0}
  #vergleich .vg-t tbody tr>th:first-child{order:-2;padding:0 0 var(--sp-16);font-size:var(--fs-h4);font-weight:var(--w-strong);line-height:var(--lh-h3)}
  #vergleich .vg-t tbody td{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr);gap:var(--sp-12);align-items:center;padding:var(--sp-8) 0}
  #vergleich .vg-l{display:block;color:var(--fg-3)}
  #vergleich .vg-t tbody .us,#vergleich .vg-t tbody tr:last-child>.us{order:-1;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);margin-bottom:var(--sp-12);padding:var(--sp-16);border-radius:var(--r-md)}
  #vergleich .vg-t tbody .us .vg-l{font-size:var(--fs-meta);font-weight:var(--w-medium);color:color-mix(in srgb,var(--bg) 64%,transparent)}
}
@media (max-width:360px){
  #vergleich .vg-t tbody tr{padding:var(--sp-16)}
  #vergleich .vg-t tbody td{grid-template-columns:minmax(0,1fr);gap:0}
  #vergleich .vg-t tbody td + td:not(.us){margin-top:var(--sp-4)}
}


#vergleich .vg-t .us{background:linear-gradient(90deg,color-mix(in srgb,var(--a-violet) 17%,transparent),color-mix(in srgb,var(--a-blue) 11%,transparent));color:var(--fg)}
#vergleich .vg-t thead th.us,#vergleich .vg-t tbody .us,#vergleich .vg-t tbody .us svg.i{color:var(--fg)}
#vergleich .vg-t tbody .us svg.i{color:var(--fg)}
@media (max-width:900px){#vergleich .vg-t tbody .us .vg-l{color:var(--fg-3)}}


#vergleich .vg-wrap{position:relative}
#vergleich .vg-col{position:absolute;top:0;bottom:0;right:0;width:var(--vg-us-w);border-radius:var(--r-stage);opacity:.2;pointer-events:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #vergleich .vg-col{opacity:.3}}
:root[data-theme="dark"] #vergleich .vg-col{opacity:.3}
#vergleich .vg-t{position:relative}
@media (min-width:901px){#vergleich .vg-t .us{background:none}}
@media (max-width:900px){#vergleich .vg-col{display:none}}


#vergleich .vg-col{opacity:1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #vergleich .vg-col{opacity:1}}
:root[data-theme="dark"] #vergleich .vg-col{opacity:1}
@media (min-width:901px){
  #vergleich .vg-t .us,#vergleich .vg-t thead th.us,#vergleich .vg-t tbody .us,#vergleich .vg-t tbody .us svg.i{color:#ffffff}
}
@media (max-width:900px){
  #vergleich .vg-t tbody .us,#vergleich .vg-t tbody tr:last-child>.us{background:var(--brand-line);color:#ffffff}
  #vergleich .vg-t tbody .us svg.i{color:#ffffff}
  #vergleich .vg-t tbody .us .vg-l{color:rgba(255,255,255,.8)}
}

#vergleich .vg-t .vg-v.is-no svg.i,#vergleich .vg-t .vg-v.is-part svg.i{box-sizing:content-box;width:14px;height:14px;padding:5px;border-radius:50%;background:color-mix(in srgb,var(--fg) 7%,transparent)}
#vergleich .vg-t .vg-v.is-no svg.i{color:color-mix(in srgb,var(--fg) 45%,transparent)}
#vergleich .vg-t .vg-v.is-part svg.i{color:color-mix(in srgb,var(--fg) 60%,transparent)}
#vergleich .vg-t td.us .vg-v svg.i{box-sizing:content-box;width:14px;height:14px;padding:5px;border-radius:50%;background:color-mix(in srgb,#fff 22%,transparent)}

@media (min-width:1101px){#vergleich .vg-t td .vg-v{white-space:nowrap}}

#vergleich{--vg-red:#d4382c}
:root[data-theme="dark"] #vergleich{--vg-red:#ff6b5e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #vergleich{--vg-red:#ff6b5e}}
#vergleich .vg-t .vg-v.is-no svg.i{color:var(--vg-red);background:color-mix(in srgb,var(--vg-red) 12%,transparent)}

#vergleich .vg-t .vg-v svg.i,#vergleich .vg-t td.us .vg-v svg.i,#vergleich .vg-t .vg-v.is-no svg.i,#vergleich .vg-t .vg-v.is-part svg.i{box-sizing:border-box;width:18px;height:18px;padding:0;border-radius:0;background:none}



.vframe-sec .wrap{max-width:1120px}
.vframe.plate.media,.vframe{position:relative;margin:0;padding:8px;border-radius:var(--r-stage);background:var(--brand-line);box-shadow:var(--shadow-s3)}
.vframe-v{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r-stage) - 8px);background:#ffffff}
@media (max-width:640px){.vframe.plate.media,.vframe{padding:6px;border-radius:var(--r-lg)}.vframe-v{border-radius:calc(var(--r-lg) - 6px)}}



[data-vplayer]{container-type:inline-size}
[data-vplayer] video{cursor:pointer}
.vp-bar{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:4px;height:48px;padding:0 8px 0 4px;
  border-radius:var(--r-full);background:rgba(10,12,16,.64);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 4px 16px rgba(10,12,16,.18);color:#fff;font-size:var(--fs-meta);line-height:1;
  transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease)}
.vp-b{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;height:40px;margin:0;padding:0;border:0;border-radius:var(--r-full);
  background:transparent;color:#fff;font:inherit;font-size:var(--fs-small);font-weight:var(--w-medium);cursor:pointer;transition:background-color var(--t-fast) var(--ease)}
.vp-b:hover{background:rgba(255,255,255,.14)}
.vp-b:focus-visible,.vp-seek:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vp-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vp-ic .vp-fill{fill:currentColor;stroke:none}
.vp-i-pause,.vp-i-on{display:none}
.is-playing .vp-i-play{display:none}.is-playing .vp-i-pause{display:block}
[data-vplayer]:not(.is-muted) .vp-i-off{display:none}[data-vplayer]:not(.is-muted) .vp-i-on{display:block}
.vp-t{flex:none;padding:0 8px;font-variant-numeric:tabular-nums;white-space:nowrap;color:rgba(255,255,255,.86)}

.vp-snd .vp-sl{display:none}
.is-muted .vp-snd{padding:0 16px 0 12px}
.is-muted .vp-snd .vp-sl{display:inline}

.vp-seek{flex:1 1 auto;min-width:48px;height:40px;margin:0 4px;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--vp-p:0%}
.vp-seek::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-full);background:linear-gradient(90deg,#fff 0 var(--vp-p),rgba(255,255,255,.3) var(--vp-p))}
.vp-seek::-moz-range-track{height:4px;border-radius:var(--r-full);background:rgba(255,255,255,.3)}
.vp-seek::-moz-range-progress{height:4px;border-radius:var(--r-full);background:#fff}
.vp-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(10,12,16,.35)}
.vp-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(10,12,16,.35)}

@media (hover:hover) and (pointer:fine){
  [data-vplayer].is-idle .vp-bar{opacity:0;transform:translateY(4px);pointer-events:none}
  [data-vplayer].is-idle video{cursor:none}
}

@container (max-width:520px){
  .vp-bar{left:8px;right:8px;bottom:8px;height:44px;gap:0;padding:0 4px 0 2px}
  .vp-t{padding:0 4px;font-size:12px}
  .is-muted .vp-snd{padding:0}
  .is-muted .vp-snd .vp-sl{display:none}
  .vp-seek{margin:0 4px}
}

@container (max-width:300px){.vp-sep,.vp-dur{display:none}}
@media (prefers-reduced-motion:reduce){.vp-bar,.vp-b{transition:none}}





:root{--qc-risk:#c9302c;--qc-warn:#c98a12;--qc-okarc:#cfd3da}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--qc-risk:#ff6b62;--qc-warn:#f2b540;--qc-okarc:#3a404b}}
:root[data-theme="dark"]{--qc-risk:#ff6b62;--qc-warn:#f2b540;--qc-okarc:#3a404b}

.qc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.qc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.af [hidden]{display:none!important}



.qin{display:flex;align-items:center;gap:4px;width:min(560px,100%);padding:4px;border-radius:var(--r-full);background:var(--plate);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-fast)}
.qin:focus-within{box-shadow:inset 0 0 0 1px var(--line),0 0 0 2px var(--accent)}
.qin-in{flex:1;min-width:0;font:inherit;font-size:var(--fs-body);letter-spacing:-.01em;color:var(--fg);background:transparent;border:0;border-radius:var(--r-full);padding:12px 12px 12px 24px;outline:none}
.qin-in::placeholder{color:var(--fg-3)}
.qin .btn{flex:none}
.qin-go{padding:16px 24px}
.hero .ctas{flex-direction:column;align-items:center;gap:16px;width:100%}
.hero .ctas .btn-play{width:auto}
@media (max-width:520px){
  .hero .ctas{align-self:stretch}
  .qin:not(.qin-bar){flex-direction:column;align-items:stretch;gap:10px;padding:0;background:transparent;box-shadow:none}
  .qin:not(.qin-bar):focus-within{box-shadow:none}
  .qin:not(.qin-bar) .qin-in{background:var(--plate);box-shadow:inset 0 0 0 1px var(--line);padding:16px 22px;text-align:center}
  .qin:not(.qin-bar) .qin-in:focus{box-shadow:inset 0 0 0 1px var(--line),0 0 0 2px var(--accent)}
  .qin-go{width:100%;padding:16px 24px}
}


.fbar{padding:6px;gap:0}
.qin-bar{width:auto;padding:0;gap:6px;background:transparent;box-shadow:none}
.qin-bar:focus-within{box-shadow:none}
.qin-bar .mark{margin:0 2px 0 10px}
.qin-q{font-weight:var(--w-medium);font-size:var(--fs-small);letter-spacing:-.012em;padding:0 10px 0 4px}
.qin-field{display:flex;align-items:center;gap:4px;width:260px;padding:4px;border-radius:var(--r-full);background:color-mix(in srgb,var(--fg) 7%,transparent);transition:box-shadow var(--t-fast)}
.qin-field:focus-within{box-shadow:0 0 0 2px var(--accent)}
.qin-bar .qin-in{flex:1;width:auto;min-width:0;font-size:var(--fs-small);padding:8px 6px 8px 16px;background:transparent}
.qin-bar .qin-in:focus{box-shadow:none}
.qin-bar .btn{flex:none;padding:9px 16px;font-size:var(--fs-small)}
@media (max-width:900px){.qin-bar .mark{margin-left:4px}.qin-q{padding-left:10px}}   
@media (max-width:720px){.qin-q{display:none}.qin-field{width:280px}}
@media (max-width:560px){
  .fbar{padding:6px 6px 6px 18px}
  .qin-bar{flex:1;justify-content:space-between}
  .qin-bar .qin-in{display:none}
  .qin-field{width:auto;padding:0;background:transparent}
  .qin-field:focus-within{box-shadow:none}
  .qin-q{display:block;padding:0;white-space:normal;line-height:1.3}
  .qin-bar .btn{padding:11px 16px}
}


.af h3[tabindex]{outline:none}
.af h3[tabindex]:focus-visible{outline:none}  
.qc-lead{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}
.qc-msg{font-size:var(--fs-meta);color:var(--fg);margin-top:-8px}
.qc-msg:empty{display:none}
.qc-alert{font-size:var(--fs-small);line-height:1.5;color:var(--fg);background:var(--plate);border-radius:var(--r-md);padding:12px 14px}
.qc-alert:empty{display:none}
.af .consent + .qc-msg{margin-top:-10px;padding-left:32px}
.qc-done-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--disc);color:var(--fg)}
.qc-done-ic svg.i{width:24px;height:24px}
.qc-preview{font-size:var(--fs-small);line-height:1.5;color:var(--fg-2)}
.qc-preview b{color:var(--fg);font-weight:var(--w-medium)}


.af{container-type:inline-size}
.af textarea{font:inherit;font-size:var(--fs-body);line-height:1.5;padding:16px 20px;border:0;border-radius:var(--r-xl);background:var(--plate);color:var(--fg);width:100%;min-height:132px;resize:vertical;transition:box-shadow var(--t-fast)}
.af textarea::placeholder{color:var(--fg-3)}
.af textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}
.af-done{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:8px 0}
.af-done h3{font-size:var(--fs-card);font-weight:var(--w-strong);letter-spacing:-.02em}
.af-done .qc-lead{font-size:var(--fs-small)}  

@media (max-width:360px){.top .nav .btn-sm{padding-inline:13px}.top .theme{margin:0 2px}.qin:not(.qin-bar) .qin-in{padding-inline:14px}}


.qc-enter{animation:qc-in .42s var(--ease) both}
@keyframes qc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qc-enter{animation:none!important}}


@media (min-width:721px){.fbar .qin-field{width:420px}}