@font-face{
  font-family:"Figtree"; src:url("/assets/fonts/Figtree-Variable.ttf") format("truetype-variations");
  font-weight:300 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Figtree"; src:url("/assets/fonts/Figtree-Italic-Variable.ttf") format("truetype-variations");
  font-weight:300 900; font-style:italic; font-display:swap;
}
:root{
  --bg:#FAF7F2; --surface:#FFFFFF; --surface-2:#F2ECE2;
  --ink:#18140F; --ink-2:#4A423A; --muted:#5A5147;
  --line:#E2D9CB; --line-soft:#EFE8DC;
  
  --karte-schatten:0 10px 22px -10px rgba(58,42,26,.20);
  --karte-schatten-hoch:0 18px 30px -12px rgba(58,42,26,.28);
  --primary:#9A4419;          
  --accent:#8A6408;           
  --primary-flaeche:#E2672B;  
  
  --knopf-flaeche:#B04915; --knopf-text:#FFFFFF;
  --accent-flaeche:#B8860B;
  --deep:#141210; --deep-2:#1E1B17; --on-deep:#F7F3EC; --on-deep-mut:#C6BCAB;
  --o1:#E2672B; --o2:#DE7530; --o3:#D68536; --o4:#C99B40; --o5:#E0B24A;
  --border:rgba(24,20,15,.12); --primary-glow:rgba(181,81,31,.16);
  --gutter:26px;
  
  --t-gross:clamp(16px,min(1.89vh,2.8vw),17px);
  --t-body:clamp(14px,min(1.67vh,2.45vw),15px);
  --t-fein:clamp(12px,min(1.44vh,2.1vw),13px);
  
  --t-klein:var(--t-body);
  
  
  --kopf-h:70px;
  --vertrauen-h:116px;
  
  --radius:18px;
  --btn-bg:var(--knopf-flaeche);
  --on-primary:var(--knopf-text);
  --r-klein:12px;
  --r:18px;
  --r-gross:24px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  
  --knopf-flaeche:#F0813F; --knopf-text:#141210;
  --bg:#141210; --surface:#1E1B17; --surface-2:#242019;
  --ink:#F7F3EC; --ink-2:#D6CDC0; --muted:#C6BCAB;
  --line:#372F26; --line-soft:#2A251E;
  --karte-schatten:0 20px 25px -5px rgba(0,0,0,.5);
  --karte-schatten-hoch:0 28px 34px -10px rgba(0,0,0,.55);
  --primary:#F0813F; --accent:#E0B24A;
  --border:rgba(247,243,236,.12); --primary-glow:rgba(240,129,63,.20);
}}
:root[data-theme="dark"]{
  
  --knopf-flaeche:#F0813F; --knopf-text:#141210;
  --bg:#141210; --surface:#1E1B17; --surface-2:#242019;
  --ink:#F7F3EC; --ink-2:#D6CDC0; --muted:#C6BCAB;
  --line:#372F26; --line-soft:#2A251E;
  --karte-schatten:0 20px 25px -5px rgba(0,0,0,.5);
  --karte-schatten-hoch:0 28px 34px -10px rgba(0,0,0,.55);
  --primary:#F0813F; --accent:#E0B24A;
  --border:rgba(247,243,236,.12); --primary-glow:rgba(240,129,63,.20);
}
*,*::before,*::after{box-sizing:border-box;}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth;} }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
:focus-visible{outline:2px solid var(--primary); outline-offset:3px; border-radius:2px;}
.skip{position:absolute; left:-9999px; top:0; z-index:100; background:var(--knopf-flaeche);
  color:var(--knopf-text); padding:12px 18px; border-radius:0 0 var(--r) 0; font-weight:700;}
.skip:focus{left:0;}
.wrap{width:min(1300px,80vw); margin-inline:auto;}
@media (max-width:1024px){
  .wrap{width:90vw;}
  
  :root{
    --t-gross:16px;
    --t-body:14px;
    --t-fein:12px;
  }
}
@media (max-width:640px){  .wrap{width:95vw;} }
.band{padding:clamp(56px,8vw,104px) 0; position:relative;}
.band--bg{background:var(--bg);}
.band--surface{background:var(--surface);}
.band--deep{background:var(--deep); color:var(--on-deep);}
.band--deep .kicker{color:var(--accent-flaeche);}
.band--deep .lead,.band--deep .small{color:var(--on-deep-mut);}
.band--deep h1,.band--deep h2,.band--deep h3,.band--deep h4{color:var(--on-deep);}
.band--deep .btn--ghost{color:var(--accent-flaeche); border-color:#372F26;}
.hero .kicker{color:var(--accent-flaeche);}
.hero .lead,.hero .small{color:var(--on-deep-mut);}
.band + .band--bg, .band + .band--surface{border-top:1px solid var(--line-soft);}
.band--deep + .band--deep{background:var(--deep-2); border-top:1px solid rgba(247,243,236,.09);}
h1,h2,h3,h4{margin:0; letter-spacing:-.03em; line-height:1.08; text-wrap:balance; font-weight:800;
  
  overflow-wrap:break-word;}
p{margin:0; max-width:68ch;}
.num{font-variant-numeric:tabular-nums;}
.stack{display:flex; flex-direction:column;}
.stack-8{gap:8px}
.stack-12{gap:12px}
.stack-16{gap:16px}
.stack-24{gap:24px}
.stack-32{gap:32px}
.stack-48{gap:48px}
.btn:hover{
  transform:translateY(-1px);
  background-image:linear-gradient(180deg,
    color-mix(in srgb, var(--knopf-flaeche) 90%, #fff),
    var(--knopf-flaeche));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),
             0 12px 24px -8px rgba(0,0,0,.5);
}
.btn:active{
  transform:translateY(0) scale(.98);
  background-image:none;
  background-color:color-mix(in srgb, var(--knopf-flaeche) 84%, #000);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.35);
  transition:transform .1s ease-out, background-color .1s ease-out;
}
.btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px var(--ring-grund), 0 0 0 4px var(--primary-flaeche),
             inset 0 1px 0 rgba(255,255,255,.32);
}
.band--deep .btn, .hero .btn{--ring-grund:var(--deep);}
.band--surface .btn{--ring-grund:var(--surface);}
.btn--ghost{background:transparent; background-image:none; color:var(--primary);
  border:1.5px solid var(--line); box-shadow:none;}
.btn--ghost:hover{background:transparent; background-image:none;
  border-color:var(--primary); transform:translateY(-2px); box-shadow:none;}
.link-quiet{display:inline-flex; width:fit-content; max-width:100%;
            align-self:flex-start; justify-self:start;
            align-items:center; gap:8px; color:var(--accent);
            font-size:var(--t-fein); font-weight:700; text-decoration:none;
            padding:13px 20px; border-radius:var(--r-klein);
            border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);
            background:color-mix(in srgb, var(--accent) 6%, transparent);
            transition:background-color .17s cubic-bezier(.2,.7,.3,1),
                       border-color .17s cubic-bezier(.2,.7,.3,1),
                       transform .17s cubic-bezier(.2,.7,.3,1);}
@media (hover:hover){
  .link-quiet:hover{transform:translateY(-1px);
    background:color-mix(in srgb, var(--accent) 13%, transparent);
    border-color:color-mix(in srgb, var(--accent) 58%, transparent);}
}
@media (prefers-reduced-motion:reduce){ .link-quiet{transition:none;} }
.band--deep .link-quiet{color:var(--accent-flaeche);
  border-color:color-mix(in srgb, var(--accent-flaeche) 34%, transparent);
  background:color-mix(in srgb, var(--accent-flaeche) 8%, transparent);}
.top{position:sticky; top:0; z-index:60;
     background:color-mix(in srgb, var(--bg) 88%, transparent);
     backdrop-filter:saturate(170%) blur(20px);
     -webkit-backdrop-filter:saturate(170%) blur(20px);
     border-bottom:0;
     transition:background .25s ease, box-shadow .25s ease;}
.top::after{content:""; position:absolute; left:0; right:0; top:100%; height:24px;
  pointer-events:none;
  background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 42%, transparent), transparent);}
.top.ist-gescrollt{background:color-mix(in srgb, var(--bg) 97%, transparent);
  box-shadow:0 8px 24px -16px rgba(0,0,0,.8);}
.top.ist-gescrollt .top__in{height:60px;}
@supports not (backdrop-filter: blur(1px)){ .top{background:var(--bg);} }
.brand{display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:-.03em;
       font-size:18px; white-space:nowrap; flex:none;}
.brand svg{width:26px; height:26px; flex:none;}
.nav{display:flex; gap:26px; margin-left:auto; font-size:15.5px; font-weight:600;}
.nav a{color:var(--ink-2);}
.nav a:hover{color:var(--ink);}
.top .btn{padding:11px 20px; font-size:14px; box-shadow:none;}
.burger{display:none; margin-left:auto; background:none; border:0; padding:8px; color:var(--ink);}
@media (max-width:900px){
  .nav{display:none;}
  .burger{display:grid; place-items:center;}
  .top__btn{display:none;}
}
.burger__auf, .burger__zu{
  grid-area:1/1;
  transition:opacity .25s cubic-bezier(.2,.7,.3,1), transform .25s cubic-bezier(.2,.7,.3,1);
}
.burger__auf{opacity:1; transform:rotate(0deg); pointer-events:auto;}
.burger__zu{opacity:0; transform:rotate(-90deg); pointer-events:none;}
.burger[aria-expanded="true"] .burger__auf{opacity:0; transform:rotate(90deg); pointer-events:none;}
.burger[aria-expanded="true"] .burger__zu{opacity:1; transform:rotate(0deg); pointer-events:auto;}
@media (prefers-reduced-motion:reduce){
  .burger__auf, .burger__zu{transition:none; transform:none;}
}
.mobilmenue{
  display:grid; grid-template-rows:0fr;
  overflow:hidden;
  background:color-mix(in srgb, var(--bg) 97%, transparent);
  backdrop-filter:saturate(170%) blur(20px);
  -webkit-backdrop-filter:saturate(170%) blur(20px);
  border-top:1px solid var(--line-soft);
  transition:grid-template-rows .26s cubic-bezier(.2,.7,.3,1);
}
.mobilmenue[hidden]{display:none;}
.mobilmenue__in{min-height:0; display:flex; flex-direction:column;
  
  visibility:hidden; transition:visibility 0s linear .26s;}
.top.menue-offen .mobilmenue__in{visibility:visible; transition-delay:0s;}
.top.menue-offen .mobilmenue{grid-template-rows:1fr;}
.mobilmenue__nav{
  display:flex; flex-direction:column;
  padding:6px 5vw 0;
}
.mobilmenue__nav a{
  padding:15px 0; font-size:var(--t-body); font-weight:600; color:var(--ink);
  border-bottom:1px solid var(--line-soft);
}
.mobilmenue__nav a:last-child{border-bottom:0;}
.mobilmenue__btn{
  margin:14px 5vw 22px; justify-content:center; text-align:center;
}
@media (prefers-reduced-motion:reduce){ .mobilmenue{transition:none;} }
@media (min-width:901px){ .mobilmenue{display:none;} }
@media (max-width:480px){
  .top__in{gap:12px;}
  .brand{font-size:16px; gap:8px;} .brand svg{width:22px; height:22px;}
  .top .btn{padding:10px 13px; font-size:13.5px;}
  .burger{padding:6px;}
}
.hero{position:relative;
      min-height:calc(100svh - var(--kopf-h) - var(--vertrauen-h));
      display:flex; align-items:center;
      overflow:hidden; background:var(--deep); color:var(--on-deep);
      padding:clamp(20px,3.5vh,48px) 0;}
@media (max-width:900px){ .hero{min-height:auto; padding:clamp(32px,6vh,64px) 0;} }
.hero__mq-viewport{position:absolute; inset:0; z-index:0; overflow:hidden;}
.hero__mq-field{position:absolute; inset:-45% -45%; z-index:0;
  transform:rotate(-7deg) scale(1.2); display:flex; flex-direction:column; gap:18px;
  justify-content:center; filter:saturate(.85) brightness(.58) contrast(1.05);}
.hero__mq-row{display:flex; gap:18px; width:max-content;
  flex:0 0 auto; height:clamp(150px,20vw,240px); will-change:transform;}
.hero__mq-row.dir-left{animation:heroMqLeft 120s linear infinite;}
.hero__mq-row.dir-right{animation:heroMqRight 132s linear infinite;}
@keyframes heroMqLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes heroMqRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.hero__mq-tile{position:relative; height:100%; aspect-ratio:1.5; border-radius:var(--r-gross); overflow:hidden;
  box-shadow:0 20px 40px -18px rgba(0,0,0,.6); flex:none; background:#2A251E;}
.hero__mq-tile img{width:100%; height:100%; object-fit:cover;}
.hero__scrim{position:absolute; inset:0; z-index:1;
  background:rgba(20,18,16,.86);}
.hero__in{position:relative; z-index:2; width:100%;}
@media (prefers-reduced-motion:reduce){ .hero__mq-row{animation:none!important;} }
[data-reveal]{transition:opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1);}
@media (prefers-reduced-motion:reduce){ [data-reveal]{transition:opacity .2s ease;} }
.ph{position:relative; background:var(--surface-2); border:1px dashed var(--line);
    border-radius:var(--r); display:grid; place-items:center; color:var(--muted);
    font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; overflow:hidden;}
.band--deep .ph{background:var(--deep-2); border-color:#372F26; color:var(--on-deep-mut);}
.s17-top{display:flex; flex-direction:column; gap:36px;}
.s17-brand{max-width:360px;}
.s17-mark{width:28px; height:28px; color:var(--ink); margin-bottom:14px;}
.s17-satz{max-width:40ch;}
.s17-cols{display:grid; grid-template-columns:1fr; gap:28px;}
.s17-col h4{
  margin:0 0 14px; font-size:12px; font-weight:700; letter-spacing:.09em;
  text-transform:uppercase; color:var(--muted);
}
.s17-links{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.s17-bottom p{margin:0;}
.s17-colhead{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); margin:0 0 12px;}
.s17-links .link-quiet{
  padding:0; border:0; background:none; font-weight:600;
}
.s17-links .link-quiet:hover{
  transform:none; background:none;
  text-decoration:underline; text-underline-offset:3px;
}
.s17-wortmarke{
  margin:10px 0 12px;
  font-size:var(--t-gross); font-weight:800; letter-spacing:-.03em;
  color:var(--ink);
}
.s17-claim{
  margin:0;
  font-size:clamp(19px,min(2.6vh,3.9vw),24px);
  font-weight:800; letter-spacing:-.015em; line-height:1.25;
  color:var(--ink);
  max-width:22ch;
}
@media (max-width:560px){ .s17-claim br{display:none;} }
.s17-siegel{
  display:flex; flex-wrap:wrap; gap:clamp(20px,3vw,40px);
  margin-top:clamp(28px,4vw,40px);
  padding-top:clamp(24px,3vw,32px);
  border-top:1px solid var(--line-soft);
}
.s17-siegel__eintrag{display:flex; align-items:center; gap:14px; max-width:30ch;}
.s17-siegel__logo{
  flex:none; width:96px; height:64px;
  border-radius:var(--r-klein); background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(24,20,15,.09);
  display:flex; align-items:center; justify-content:center; padding:9px; overflow:hidden;
}
.s17-siegel__logo img{max-width:100%; max-height:100%; width:auto; height:auto; display:block;}
.s17-siegel__logo--dunkel{background:var(--deep); padding:2px;
  box-shadow:inset 0 0 0 1px rgba(246,241,231,.14);}
.s17-siegel__iso{
  width:100%; height:100%;
  
  color:#18140F; --accent-flaeche:#C79A1E;
}
@media (min-width:900px){
  .s17-top{flex-direction:row; justify-content:space-between; gap:clamp(32px,5vw,60px);}
  
  .s17-brand{flex:0 1 auto; min-width:0;}
  
  .s17-cols{flex:0 1 auto; grid-template-columns:repeat(2,minmax(0,max-content));
            gap:clamp(24px,4vw,48px); justify-items:start;}
}
.s17-thema{display:flex; align-items:center; gap:12px;}
.s17-thema__titel{
  font-size:var(--t-fein); font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted);
}
.s17-thema__gruppe{
  display:inline-flex; padding:3px; gap:2px;
  border:1px solid var(--line); border-radius:999px;
  background:var(--surface-2);
}
.s17-thema__gruppe button{
  appearance:none; border:0; cursor:pointer;
  padding:7px 15px; border-radius:999px;
  background:transparent; color:var(--ink-2);
  font:inherit; font-size:var(--t-fein); font-weight:700;
  transition:background-color .18s cubic-bezier(.2,.7,.3,1), color .18s cubic-bezier(.2,.7,.3,1);
}
.s17-thema__gruppe button:hover{color:var(--ink);}
.s17-thema__gruppe button[aria-checked="true"]{
  background:var(--surface); color:var(--ink);
  box-shadow:0 1px 3px rgba(0,0,0,.14);
}
.s17-thema__gruppe button:focus-visible{
  outline:2px solid var(--knopf-flaeche); outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  .s17-thema__gruppe button{transition:none;}
}
@media (max-width:560px){
  .s17-bottom{flex-direction:column; align-items:flex-start;}
}
.s17-social{display:flex; gap:10px; margin:0 0 16px;}
.s17-social__link{
  display:grid; place-items:center;
  width:38px; height:38px; border-radius:50%;
  color:var(--ink-2);
  border:1px solid var(--line);
  transition:color .17s cubic-bezier(.2,.7,.3,1),
             border-color .17s cubic-bezier(.2,.7,.3,1);
}
.s17-social__link svg{width:19px; height:19px; display:block;}
@media (hover:hover){
  .s17-social__link:hover{color:var(--primary); border-color:var(--primary);}
}
@media (prefers-reduced-motion:reduce){ .s17-social__link{transition:none;} }
.hero__in .kicker{color:var(--accent-flaeche); margin-bottom:0; max-width:none;}
.hero__in .lead{color:var(--on-deep-mut);}
.hero__in .small{color:var(--on-deep-mut);}
.s02-head{text-align:center; align-items:center; margin-bottom:clamp(20px,3vh,40px);}
.s02-head h1{max-width:none;}
.s02-head .lead{max-width:none;}
.s02-checks{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:14px;}
.s02-check-icon{width:22px; height:22px; flex:none; margin-top:2px;}
.s02-cta{display:flex; flex-direction:column; align-items:flex-start; gap:12px;}
.band.s03-trustband{
  padding:0;
  min-height:var(--vertrauen-h);
  display:flex; align-items:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
@media (max-width:759px){
  .band.s03-trustband{min-height:0; padding:28px 0;}
}
.s03-num{margin:0; font-weight:800; color:var(--ink); font-size:var(--t-gross); letter-spacing:-.01em;}
@media (min-width:760px){
  .s03-grid{grid-template-columns:repeat(4,1fr);}
}
.s02-grid{display:grid; grid-template-columns:1fr; gap:36px;}
@media (min-width:900px){
  .s02-grid{grid-template-columns:1fr 1fr; gap:clamp(28px,3vw,44px); align-items:center;}
}
.s02-vsl__rahmen{
  position:relative; border-radius:var(--r-gross); overflow:hidden;
  border:1px solid rgba(247,243,236,.10);
  box-shadow:0 24px 48px -18px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.07);
}
.s02-vsl__flaeche picture, .s02-vsl__flaeche img, .s02-vsl__flaeche wistia-player{
  display:block; width:100%; height:100%;
}
.s02-vsl__flaeche img{object-fit:cover;}
.s02-vsl__play{
  
  position:absolute; inset:0; margin:auto; width:56px; height:56px; padding:0; font:inherit;
  display:grid; place-items:center; border:0; cursor:pointer; border-radius:50%;
  color:#fff; background:color-mix(in srgb, var(--primary-flaeche) 92%, #000);
  box-shadow:0 10px 28px -8px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .17s cubic-bezier(.2,.7,.3,1),
             background-color .17s cubic-bezier(.2,.7,.3,1),
             box-shadow .17s cubic-bezier(.2,.7,.3,1);
}
.s02-vsl__play svg{width:24px; height:24px; margin-left:2px;}
.s02-vsl__play[hidden]{display:none;}
@media (hover:hover){
  .s02-vsl__play:hover{
    transform:scale(1.05);
    background-color:color-mix(in srgb, var(--primary-flaeche) 100%, #000);
    box-shadow:0 14px 34px -8px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.34);
  }
}
.s02-vsl__play:active{transform:scale(.96); transition-duration:.09s;}
@media (prefers-reduced-motion:reduce){ .s02-vsl__play{transition:none;} }
.s03-grid > *{text-align:center;}
.hero .ph{background:var(--deep-2); border-color:#372F26; color:var(--on-deep-mut);}
.s04-head{
  max-width:680px;
  margin-inline:auto;
  text-align:center;
}
.s04-head p{max-width:none;}
.s04-grid{
  list-style:none;
  display:grid;
  grid-template-columns:1fr;
  align-items:stretch;
  gap:clamp(20px,3vw,28px);
  margin:clamp(40px,6vw,64px) 0 0;
  padding:0;
}
@media (min-width:640px){
  .s04-grid{grid-template-columns:repeat(4,1fr);}
  .s04-item{grid-column:span 2;}
  .s04-item:nth-child(5){grid-column:2 / span 2;}
}
@media (min-width:1024px){
  .s04-grid{grid-template-columns:repeat(6,1fr);}
  .s04-item{grid-column:span 2;}
  .s04-item:nth-child(4){grid-column:2 / span 2;}
  .s04-item:nth-child(5){grid-column:4 / span 2;}
}
.s04-item::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  border-radius:inherit; opacity:0;
  box-shadow:var(--karte-schatten-hoch);
  transition:opacity .17s cubic-bezier(.2,.7,.3,1);
}
@media (hover:hover){
  .s04-item:hover{
    transform:translateY(-4px);
    background-color:color-mix(in srgb, var(--surface) 96%, var(--ink) 4%);
  }
  .s04-item:hover::after{opacity:1;}
}
@media (prefers-reduced-motion:reduce){
  .s04-item:hover{transform:none;}
  .s04-item,.s04-item::after,.s04-ic,.s04-ic svg{transition:none;}
}
.s04-ic{
  display:inline-flex; align-items:center; justify-content:center;
  width:48px; height:48px; flex:none;
  border-radius:var(--r-klein);
  color:var(--o);
  background:color-mix(in srgb, var(--o) 14%, transparent);
  border:1px solid color-mix(in srgb, var(--o) 30%, transparent);
  transition:background-color .17s cubic-bezier(.2,.7,.3,1),
             border-color .17s cubic-bezier(.2,.7,.3,1);
}
.s04-ic svg{width:25px; height:25px;
  transition:transform .17s cubic-bezier(.2,.7,.3,1);}
@media (hover:hover){
  .s04-item:hover .s04-ic{
    background:color-mix(in srgb, var(--o) 19%, transparent);
    border-color:color-mix(in srgb, var(--o) 46%, transparent);
  }
  .s04-item:hover .s04-ic svg{transform:scale(1.08);}
}
.s04-body p{color:var(--ink-2);}
.s04-quote{
  margin:0;
  padding-left:16px;
  border-left:3px solid var(--o);
}
.s04-quote p{
  margin:0;
  font-style:italic;
  color:var(--muted);
  font-size:var(--t-fein);
  line-height:1.55;
}
.s04-outro{
  margin-top:clamp(40px,6vw,64px);
  max-width:100%;
  margin-inline:auto;
  text-align:center;
  color:var(--ink-2);
  font-size:var(--t-gross);
  line-height:1.6;
}
.s05-grid{display:grid; grid-template-columns:1fr; gap:clamp(32px,5vw,56px);}
.s05-text{align-items:flex-start; text-align:left;}
.s05-p{color:var(--on-deep-mut);}
.s05-strong{color:var(--on-deep); font-weight:800;}
.s05-bild{margin:0; display:flex; flex-direction:column; gap:14px;}
.s05-bild__flaeche{
  aspect-ratio:4/5; width:100%; height:auto; object-fit:cover; display:block;
  border-radius:var(--r-gross);
  box-shadow:var(--karte-schatten);
}
figcaption.s05-bild__zeile{color:var(--on-deep-mut); font-style:italic; font-size:var(--t-fein);}
@media (min-width:900px){
  .s05-grid{grid-template-columns:1fr 0.82fr; align-items:center;}
}
.s06-body{
  display:flex; flex-direction:column; align-items:center;
  gap:clamp(36px,6vw,56px);
}
.s06-head{max-width:62ch; text-align:center;}
.s06-sub strong{color:var(--on-deep); font-weight:800;}
.s06-kicker{text-align:center;}
.s06-grid{
  align-self:stretch;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:40px;
}
.s06-col{display:contents;}
.s06-graphic{order:0; display:flex; justify-content:center; flex:none;}
.s06-graphic svg{width:clamp(210px,26vw,320px); height:auto; display:block;}
.s06-step[data-step="1"]{order:1;}
.s06-step[data-step="2"]{order:2;}
.s06-step[data-step="3"]{order:3;}
.s06-step[data-step="4"]{order:4;}
.s06-step[data-step="5"]{order:5;}
.s06-step[data-step="1"] .s06-step__ic{color:var(--o1);}
.s06-step[data-step="2"] .s06-step__ic{color:var(--o2);}
.s06-step[data-step="3"] .s06-step__ic{color:var(--o3);}
.s06-step[data-step="4"] .s06-step__ic{color:var(--o4);}
.s06-step[data-step="5"] .s06-step__ic{color:var(--o5);}
.s06-step__name{font-weight:800; color:var(--on-deep);}
.s06-step__text{font-size:var(--t-body); line-height:1.55; color:var(--on-deep-mut); max-width:34ch;}
@media (min-width:620px) and (max-width:819px){
  .s06-grid{
    display:grid; grid-template-columns:1fr 1fr;
    column-gap:28px; row-gap:32px;
  }
  .s06-col{display:contents;}
  .s06-graphic{grid-column:1 / -1; justify-self:center;}
  .s06-step{max-width:none;}
  .s06-step[data-step="5"]{
    grid-column:1 / -1; justify-self:center; text-align:center; max-width:40ch;
  }
}
@media (min-width:820px){
  .s06-grid{
    display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch;
    gap:28px;
  }
  .s06-col{display:flex; flex-direction:column; gap:36px; justify-content:flex-start;}
  .s06-col--left{align-items:flex-end; text-align:right;}
  .s06-col--right{align-items:flex-start; text-align:left;}
  .s06-graphic{align-self:center;}
}
.s06-close{max-width:100%; align-items:center; text-align:center;}
@media (min-width:820px){
  .s06-close{max-width:75%;}
  .s06-head{max-width:75%;}
}
.s07-body{
  display:flex; flex-direction:column; align-items:center;
  gap:clamp(40px,6vw,64px);
}
.s07-head{max-width:62ch; text-align:center;}
.s07-stufen{align-self:stretch; display:flex; flex-direction:column;}
.s07-stufe{display:flex; flex-direction:column; gap:32px; padding-top:48px;}
.s07-stufe:first-child{padding-top:0;}
.s07-stufe:not(:first-child){border-top:1px solid var(--line-soft);}
.s07-stufe__intro{max-width:60ch;}
.s07-cta{align-items:flex-start;}
.s07-cards{
  display:grid; gap:16px;
  
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
@media (max-width:1100px){ .s07-cards{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width:620px){  .s07-cards{grid-template-columns:minmax(0,1fr);} }
.s07-card{
  --ring-grund:var(--bg);
  display:flex; flex-direction:column; overflow:hidden;
  background:var(--surface-2);
  border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);
  border-radius:var(--r);
  box-shadow:var(--karte-schatten);
  transition:background-color .5s cubic-bezier(.4,0,.2,1);
}
.s07-card:hover{
  background-color:color-mix(in srgb, var(--surface-2) 92%, var(--ink) 8%);
}
.s07-card:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px var(--ring-grund), 0 0 0 4px var(--primary);
}
.s07-card[data-ramp="1"]{--rc:var(--o1);}
.s07-card[data-ramp="2"]{--rc:var(--o2);}
.s07-card[data-ramp="3"]{--rc:var(--o3);}
.s07-card[data-ramp="4"]{--rc:var(--o4);}
.s07-card[data-ramp="5"]{--rc:var(--o5);}
.s07-card__body{flex:1; display:flex; flex-direction:column; gap:8px; padding:20px 20px 18px;}
.s07-card__cat{
  margin:0; font-size:12px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--accent);
}
.s07-card__title{margin:0; font-size:var(--t-gross); letter-spacing:-.01em; color:var(--ink);}
.s07-card__text{margin:0; font-size:var(--t-klein); line-height:1.55; color:var(--ink-2);}
.s07-card__bar{display:block; flex:none; width:100%; height:9px; background:var(--rc);}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .s07-card__cat{color:var(--rc);}
}
:root[data-theme="dark"] .s07-card__cat{color:var(--rc);}
@media (min-width:760px){
  .s07-stufe{display:grid; grid-template-columns:290px 1fr; gap:40px; align-items:start;}
  .s07-cta .btn{padding:16px 18px; line-height:1.25;}
}
.s07-close{max-width:60ch; text-align:center;}
[data-g] path[data-seg]{transition:stroke-dashoffset .9s cubic-bezier(.65,0,.35,1);}
[data-g] [data-stationen]{transition:opacity .5s ease;}
@media (prefers-reduced-motion:reduce){
  [data-g] path[data-seg],[data-g] [data-stationen]{transition:none;}
}
#stufen .s07-head{text-align:left; margin-left:0; max-width:none;
  align-self:stretch;}
#stufen .s07-head .kicker{text-align:left;}
#stufen .s07-head h2{margin-left:0;}
#stufen .s07-head .lead{margin-left:0;}
.s06-step__h{display:block;}
@media (min-width:820px){
  
  .s06-grid{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    grid-template-rows:auto auto auto;
    column-gap:clamp(24px,3vw,44px);
    row-gap:clamp(28px,4vh,52px);
    align-items:start;
  }
  .s06-col{display:contents;}
  .s06-step{max-width:32ch;}
  .s06-step[data-step="1"]{grid-column:1; grid-row:1; justify-self:end; text-align:right;}
  .s06-step[data-step="3"]{grid-column:1; grid-row:2; justify-self:end; text-align:right;}
  .s06-step[data-step="2"]{grid-column:3; grid-row:1; justify-self:start; text-align:left;}
  .s06-step[data-step="4"]{grid-column:3; grid-row:2; justify-self:start; text-align:left;}
  .s06-step[data-step="5"]{grid-column:1 / -1; grid-row:3; justify-self:center;
                           text-align:center; max-width:40ch;}
  .s06-graphic{grid-column:2; grid-row:1 / span 2; align-self:center;}
}
.nowrap{white-space:nowrap;}
.s08-head{max-width:700px;}
.s08-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,32px);
  margin-top:clamp(40px,6vw,64px);
}
@media (min-width:620px){
  .s08-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:900px){
  
  .s08-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
.s08-card{
  --ring-grund:var(--surface);
  position:relative;
  background:var(--surface-2);
  border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);
  border-radius:var(--r);
  padding:clamp(20px,3vw,28px);
  box-shadow:var(--karte-schatten);
  transition:transform .17s cubic-bezier(.2,.7,.3,1),
             background-color .17s cubic-bezier(.2,.7,.3,1);
}
@media (hover:hover){
  .s08-card:hover{
    transform:translateY(-4px);
    background-color:color-mix(in srgb, var(--surface-2) 96%, var(--ink) 4%);
  }
}
.s08-card p{color:var(--ink-2);}
.s08-card__media{overflow:hidden; border-radius:var(--r-klein);}
.s08-card__bild{
  width:100%; height:auto; display:block;
  aspect-ratio:16/10; object-fit:cover;
  transition:transform .25s cubic-bezier(.2,.7,.3,1);
}
@media (hover:hover){
  .s08-card:hover .s08-card__bild{transform:scale(1.04);}
}
@media (prefers-reduced-motion:reduce){
  .s08-card, .s08-card__bild{transition:none;}
  .s08-card:hover, .s08-card:hover .s08-card__bild{transform:none;}
}
.s08-card__link{margin-top:auto;}
.s08-card__link::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--r);
}
.s08-card__link:focus-visible{outline:none;}
.s08-card__link:focus-visible::after{
  box-shadow:0 0 0 2px var(--ring-grund), 0 0 0 4px var(--primary);
}
.s08-check-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px 16px;
  list-style:none;
  margin:0;
  padding:0;
}
.s08-check-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.s08-check-icon{
  width:18px;
  height:18px;
  flex:none;
  margin-top:3px;
}
.s08-check-list li span{
  font-size:var(--t-body);
  font-weight:600;
  line-height:1.4;
  color:var(--ink);
  overflow-wrap:break-word;
}
.s08-cta{
  max-width:60ch;
  margin:clamp(40px,6vw,64px) auto 0;
  padding-top:clamp(28px,4vw,40px);
  border-top:1px solid var(--line);
  align-items:center;
  text-align:center;
}
.s09-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(32px,6vw,40px) clamp(20px,4vw,32px);
}
@media (min-width:760px){
  .s09-grid{grid-template-columns:repeat(4,1fr);}
}
.s09-stat{
  position:relative;
  align-items:center;
  text-align:center;
  padding-left:clamp(16px,3vw,24px);
  border-left:1px solid transparent;
}
.s09-stat:nth-child(even){
  border-left-color:color-mix(in srgb, var(--on-deep-mut) 35%, transparent);
}
@media (min-width:760px){
  .s09-stat:not(:first-child){
    border-left-color:color-mix(in srgb, var(--on-deep-mut) 35%, transparent);
  }
}
.s09-num{
  display:block;
  font-size:clamp(40px,6vw,64px);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--accent-flaeche);
}
.s09-label{
  max-width:24ch;
  font-size:14px;   
  line-height:1.5;
  color:var(--on-deep-mut);
}
.s10-head{max-width:640px;}
.s10-timeline{
  margin-top:clamp(40px,6vw,64px);
  --s10-gap:clamp(24px,3vw,40px);
}
.s10-line{
  display:none;
  position:relative;
  margin:0 0 28px;
  padding:0;
  list-style:none;
}
.s10-steps{
  display:flex;
  flex-direction:column;
  gap:32px;
  list-style:none;
  margin:0;
  padding:0;
}
.s10-step__body p{color:var(--ink-2);}
@media (max-width:899px){
  .s10-steps{
    position:relative;
    padding-left:34px;
  }
  
  .s10-steps::before{
    content:"";
    position:absolute;
    left:5px; top:9px; bottom:9px;
    width:1px;
    background:var(--line);
  }
  .s10-step{position:relative;}
  .s10-step::before{
    content:"";
    position:absolute;
    left:-34px; top:4px;
    width:11px; height:11px;
    border-radius:50%;
    background:var(--primary-flaeche);
    
    box-shadow:0 0 0 4px var(--bg);
  }
}
@media (min-width:900px){
  .s10-line{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:var(--s10-gap);
  }
  .s10-line::before{
    content:"";
    position:absolute;
    top:50%;
    left:5px;
    right:calc((100% - 3 * var(--s10-gap)) / 4 - 5px);
    height:1px;
    background:var(--line);
    transform:translateY(-50%);
  }
  .s10-line li{
    position:relative;
    width:10px;
    height:10px;
    margin:0;
    border-radius:50%;
    background:var(--primary-flaeche);
  }
  .s10-steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:var(--s10-gap);
    align-items:start;
  }
}
.s10-callout{
  background:var(--surface-2);
  border-left:3px solid var(--primary);
  border-radius:0 var(--r) var(--r) 0;
  padding:clamp(20px,3vw,28px);
}
.s11-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 5vw, 3rem);
}
.s11-media {
  max-width: 420px;
  width: 100%; height: auto;
  aspect-ratio: 4/5; object-fit: cover; display: block;
  border-radius: var(--r-gross);
  box-shadow: var(--karte-schatten);
}
@media (min-width: 900px) {
  .s11-grid {
    grid-template-columns: minmax(260px, 340px) 1fr;
    gap: clamp(3rem, 6vw, 5rem);
    align-items: start;
  }

  .s11-media {
    max-width: none;
  }
}
.s11-standout {
  color: var(--primary);
}
.band--deep.s12-cta {
  padding-top: clamp(3rem, 7vw, 5rem);
  padding-bottom: clamp(3rem, 7vw, 5rem);
}
.s12-grid{
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 5vw, 40px);
}
.s12-bild{
  margin: 0 auto;
  max-width: 340px;
  width: 100%;
  border-radius: var(--r-gross);
  overflow: hidden;
  box-shadow: var(--karte-schatten-hoch);
}
.s12-bild img{
  width: 100%; height: auto; display: block;
  aspect-ratio: 4/5; object-fit: cover;
}
.s12-inner {
  background: var(--deep-2);
  border: 1px solid rgba(247,243,236,.10);
  border-radius: var(--r-gross);
  box-shadow: var(--karte-schatten-hoch);
  padding: clamp(28px, 4vw, 44px);
  text-align: left;
  align-items: flex-start;
}
.s12-body p {
  color: var(--on-deep-mut);
}
@media (min-width: 900px){
  
  .s12-grid{grid-template-columns:2fr 3fr; gap:0; align-items:center;}
  .s12-bild{
    position:relative; z-index:2;
    max-width:none; width:100%; margin:0;
    align-self:center;
  }
  .s12-inner{
    position:relative; z-index:1;
    margin-left:-64px;                     
    padding:clamp(40px,4.5vw,60px);
    padding-left:calc(64px + clamp(40px,4.5vw,60px));
    max-width:none;
  }
}
.s14-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 4vw, 2.5rem);
}
@media (min-width: 760px) {
  .s14-grid {
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 5vw, 4rem);
    align-items: start;
  }
}
@media (min-width:900px){ .s11-grid{grid-template-columns:2fr 3fr;} }
.s13-head{max-width:62ch;}
.s13-liste{
  list-style:none; margin:clamp(36px,5vw,56px) 0 0; padding:0;
  display:grid; grid-template-columns:1fr; gap:clamp(20px,3vw,28px);
  align-items:stretch;
}
@media (min-width:820px){ .s13-liste{grid-template-columns:repeat(3,1fr);} }
.s13-eintrag{
  display:flex; flex-direction:column; gap:18px; height:100%;
  padding:clamp(22px,3vw,30px);
  background:var(--surface-2);
  border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);
  border-radius:var(--r);
  box-shadow:var(--karte-schatten);
}
.s13-siegel{
  flex:none; align-self:flex-start;
  padding:1.5px; border-radius:calc(var(--r-klein) + 2px);
  background:linear-gradient(140deg,
    color-mix(in srgb, var(--o) 85%, transparent),
    color-mix(in srgb, var(--o) 22%, transparent) 55%,
    color-mix(in srgb, var(--o) 60%, transparent));
}
.s13-siegel__in{
  width:150px; height:100px; border:0; border-radius:var(--r-klein);
  background:#FFFFFF;                 
  box-shadow:inset 0 0 0 1px rgba(24,20,15,.09);
  display:flex; align-items:center; justify-content:center; padding:12px; overflow:hidden;
}
.s13-siegel__in img{max-width:100%; max-height:100%; width:auto; height:auto; display:block;}
.s13-siegel__in--dunkel{background:var(--deep); padding:8px;
  box-shadow:inset 0 0 0 1px rgba(246,241,231,.14);}
.s13-siegel__iso{
  width:100%; height:100%;
  
  color:#18140F; --accent-flaeche:#C79A1E;
}
@media (max-width:640px){
  .s13-siegel__in{width:118px; height:80px; padding:9px;}
}
.s13-text h3{color:var(--ink); font-size:clamp(17px,min(2.33vh,3.4vw),21px); line-height:1.25;}
.s13-text p{color:var(--ink-2); font-size:var(--t-klein);}
.s14-head{max-width:62ch;}
.s14-lead{color:var(--on-deep-mut);}
.s14-duell{
  position:relative;
  margin-top:clamp(36px,5vw,56px);
  display:grid; grid-template-columns:1fr;
  gap:clamp(20px,3vw,28px);
  align-items:stretch;
}
@media (min-width:900px){
  .s14-duell{grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,56px);}
}
.s14-spalte{display:flex; flex-direction:column;}
.s14-titel{
  margin:0 0 16px; text-align:center;
  font-size:clamp(17px,min(2.33vh,3.4vw),21px); font-weight:800;
  letter-spacing:-.01em;
}
.s14-spalte--andere .s14-titel{color:var(--on-deep-mut);}
.s14-spalte--gf .s14-titel{color:var(--accent-flaeche);}
.s14-liste{
  list-style:none; margin:0; padding:0; flex:1;
  display:flex; flex-direction:column;
  border-radius:var(--r);
  background:var(--deep-2);
  border:1px solid rgba(247,243,236,.10);
  box-shadow:var(--karte-schatten);
}
.s14-spalte--gf .s14-liste{
  border:0; padding:1.5px;
  background:linear-gradient(150deg,
    color-mix(in srgb, var(--accent-flaeche) 62%, transparent),
    color-mix(in srgb, var(--primary-flaeche) 24%, transparent) 55%,
    color-mix(in srgb, var(--accent-flaeche) 45%, transparent));
}
.s14-spalte--gf .s14-liste > li{background:var(--deep-2);}
.s14-spalte--gf .s14-liste > li:first-child{border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;}
.s14-spalte--gf .s14-liste > li:last-child{border-radius:0 0 calc(var(--r) - 1px) calc(var(--r) - 1px);}
.s14-liste > li{
  display:flex; align-items:flex-start; gap:14px;
  padding:18px clamp(18px,2.4vw,24px);
}
.s14-liste > li + li{border-top:1px solid rgba(247,243,236,.09);}
.s14-spalte--gf .s14-liste > li + li{border-top:none;}
.s14-liste > li:last-child{flex:1;}
.s14-ic{
  flex:none; width:38px; height:38px; border-radius:var(--r-klein);
  display:grid; place-items:center;
}
.s14-ic svg{width:20px; height:20px;}
.s14-spalte--andere .s14-ic{color:var(--on-deep-mut); background:rgba(247,243,236,.07);}
.s14-spalte--gf .s14-ic{
  color:var(--accent-flaeche);
  background:color-mix(in srgb, var(--accent-flaeche) 15%, transparent);
}
.s14-liste h3{margin:0 0 4px; font-size:var(--t-gross); font-weight:800; line-height:1.3;}
.s14-spalte--andere .s14-liste h3{color:var(--on-deep-mut);}
.s14-spalte--gf .s14-liste h3{color:var(--on-deep);}
.s14-liste p{margin:0; font-size:var(--t-klein); color:var(--on-deep-mut);}
.s14-vs{display:none;}
@media (min-width:900px){
  .s14-vs{
    display:grid; place-items:center;
    position:absolute; left:50%; top:14px; transform:translate(-50%,-50%);
    width:46px; height:46px; border-radius:50%;
    background:var(--deep-2); border:1px solid rgba(247,243,236,.14);
    font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
    color:var(--on-deep-mut); z-index:2;
  }
}
.s18-head{max-width:62ch;}
.s18-grid{
  margin-top:clamp(36px,5vw,56px);
  display:grid; grid-template-columns:1fr; gap:clamp(20px,3vw,28px);
  align-items:stretch;
}
@media (min-width:860px){ .s18-grid{grid-template-columns:1fr 1fr;} }
.s18-karte{
  position:relative; height:100%;
  border-radius:var(--r);
  padding:clamp(22px,3vw,32px);
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--karte-schatten);
}
.s18-karte--ja > *{position:relative;}
.s18-karte--ja::before{
  content:""; position:absolute; inset:1.5px;
  border-radius:calc(var(--r) - 1px);
  background:var(--surface);
}
.s18-karte__kopf{margin:0 0 18px;}
.s18-karte--ja .s18-karte__kopf{color:var(--primary);}
.s18-karte--nein .s18-karte__kopf{color:var(--muted);}
.s18-liste{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px;}
.s18-liste li{display:flex; align-items:flex-start; gap:12px; color:var(--ink-2);}
.s18-ic{width:20px; height:20px; flex:none; margin-top:3px;}
.s18-karte--ja .s18-ic{color:var(--primary);}
.s18-karte--nein .s18-ic{color:var(--muted);}
.s18-abbinder{
  margin-top:clamp(32px,4vw,44px);
  align-items:center; text-align:center;
}
.s18-abbinder p{color:var(--ink-2);}
.s15-head{max-width:800px; margin:0 0 40px;}
.s15-list{max-width:800px; border-top:1px solid var(--line-soft);}
.s15-item{border-bottom:1px solid var(--line-soft);}
.s15-item > button{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  width:100%; margin:0; padding:22px 2px;
  background:none; border:0; cursor:pointer; text-align:left;
  font-family:inherit; font-size:var(--t-gross); font-weight:700; letter-spacing:-.01em;
  line-height:1.4; color:var(--ink);
}
.s15-item > button span{flex:1 1 auto;}
.s15-item > button:hover span{color:var(--primary);}
.s15-chev{flex:none; width:20px; height:20px; color:var(--muted); transition:transform .2s cubic-bezier(0,0,.2,1), color .2s ease;}
.s15-item.is-open .s15-chev{color:var(--primary); transform:rotate(180deg);}
.s15-a{display:grid; grid-template-rows:0fr; transition:grid-template-rows .2s cubic-bezier(0,0,.2,1);}
.s15-a > .s15-a__in{
  overflow:hidden; padding:0 40px 0 2px; max-width:66ch;
  color:var(--ink-2); font-size:var(--t-body); line-height:1.65;
  transition:padding-bottom .2s cubic-bezier(0,0,.2,1);
}
.s15-a__in p{margin:0;}
.s15-a__in p + p{margin-top:.9em;}
.s15-item.is-open .s15-a{grid-template-rows:1fr;}
.s15-item.is-open .s15-a > .s15-a__in{padding-bottom:22px;}
@media (prefers-reduced-motion:reduce){
  .s15-a{transition:none;}
  .s15-a > .s15-a__in{transition:none;}
  .s15-chev{transition:none;}
}
.s16-in{
  max-width:720px; margin-inline:auto; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:22px;
}
.s16-line2{color:var(--accent-flaeche);}
.s16-satz{
  margin:0; font-size:clamp(19px,min(2.89vh,4.3vw),26px); font-weight:800;
  letter-spacing:-.01em; line-height:1.3; color:var(--on-deep);
}
.s16-btn{margin-top:10px; padding:20px 40px;}
#erstgespraech .small{color:var(--on-deep-mut);}
@media (min-width:1000px){
  #faq .wrap{
    display:grid; grid-template-columns:minmax(260px,1fr) minmax(0,1.55fr);
    gap:clamp(48px,6vw,88px); align-items:start;
  }
  .s15-head{margin:0; max-width:none; position:sticky; top:110px;}
  .s15-list{max-width:none;}
}
.s19-wrap{width:min(1600px, 90vw);}
.band.s19{
  padding:clamp(26px,3.5vw,42px) 0;
  border-bottom:1px solid var(--line);
}
.s19-kicker{text-align:center; max-width:none; margin:0 0 clamp(18px,2.5vw,26px);}
.s19-reihe--klon{display:none;}
.s19-reihe{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,1fr);
  justify-items:center; align-items:center;
  gap:clamp(18px,2.6vw,36px) clamp(16px,2.4vw,32px);
}
@media (min-width:560px){  .s19-reihe--klon{display:none;}

.s19-reihe{grid-template-columns:repeat(4,1fr);} }
@media (min-width:1100px){ .s19-reihe--klon{display:none;}

.s19-reihe{grid-template-columns:repeat(8,1fr);} }
.s19-mark{
  
  display:block;
  width:min(100%, calc(46px * var(--vh, 4)));
  height:100%;
  background-color:currentColor;
  -webkit-mask-image:var(--logo); mask-image:var(--logo);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
}
@media (hover:hover){
  .s19-logo:hover{opacity:.85; color:var(--primary);}
  .s19-logo:hover img{filter:none;}
}
@media (prefers-reduced-motion:reduce){ .s19-logo,.s19-logo img{transition:none;} }
@media (max-width:640px){
  
  
  .s19-wrap{overflow:hidden;}
  .s19-band{
    display:flex; width:max-content;
    animation:logoBand 46s linear infinite;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  }
  .s19-reihe, .s19-reihe--klon{
    display:flex; flex:none; flex-wrap:nowrap;
    grid-template-columns:none;
    gap:clamp(26px,7vw,44px);
    padding-inline:clamp(13px,3.5vw,22px);
  }
  .s19-logo{width:auto; flex:none;}
  .s19-logo{height:30px;}
  .s19-mark{height:30px; width:min(38vw, calc(30px * var(--vh, 4)));}
}
@keyframes logoBand{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){
  .s19-band{animation:none; width:100%; overflow-x:auto; scrollbar-width:none;}
  .s19-band::-webkit-scrollbar{display:none;}
  .s19-reihe--klon{display:none;}
}
.s08-logo{width:104px; margin-bottom:14px; color:var(--ink); opacity:.42;}
.s08-logo .s19-mark{width:100%; height:38px;}
.s08-logo img{width:100%; height:38px; object-fit:contain; filter:grayscale(1);}
@media (max-width:640px){

  
  .btn, .btn__haupt, .btn__sub{text-align:center;}


  
  .wrap{width:90vw;}

  
  
  .s04-item, .s07-card, .s08-card, .s10-callout,
  .s13-eintrag, .s18-karte{
    margin-inline:-2.5vw;
    padding-inline:calc(2.5vw + 14px);
  }
  
  .s18-karte--ja{padding-inline:calc(2.5vw + 15.5px);}

  
  .s14-liste{margin-inline:-2.5vw;}
  .s14-liste > li{padding-inline:calc(2.5vw + 14px);}

  
  .s07-card__body{padding-inline:0;}
  .s07-card__bar{margin-inline:calc(-2.5vw - 14px); width:auto; height:11px;}

  
  .s02-vsl__rahmen, .s05-bild{margin-inline:-2.5vw;}

  
  .s02-head, .s03-grid > *, .s04-head, .s04-outro,
  .s06-head, .s06-kicker, .s06-grid, .s06-close,
  .s07-head, .s07-close, .s08-industries,
  .s12-inner, .s14-titel, .s16-in, .s18-abbinder{
    text-align:left;
  }
  
  .s19-kicker{text-align:center;}
  .s02-head, .s06-close, .s08-industries,
  .s12-inner, .s12-group, .s16-in, .s18-abbinder{
    align-items:flex-start;
  }
  .s03-grid{justify-items:start;}
  .s13-liste{justify-items:stretch;}
  .s06-body, .s07-body, .s06-grid{align-items:stretch;}
  .s12-inner, .s16-in{max-width:none; margin-inline:0;}
  .s04-outro, .s08-industries{margin-inline:0;}
  .s02-head > *, .s04-head > *, .s06-head > *, .s06-close > *,
  .s18-abbinder > *, .s16-in > *, .uebs-schluss > *,
  .kon-kopf > *, .dnk-kopf > *{margin-inline:0;}
  .s06-step{max-width:none;}

  .s06-graphic{align-self:flex-start;}

  
  .s12-inner{padding-inline:16px;}
}
h4{font-size:clamp(17px,min(2.33vh,3.4vw),21px);}
h5{font-size:clamp(16px,min(2.11vh,3.1vw),19px);}
h6{font-size:clamp(15px,min(1.89vh,2.8vw),17px);}
p,li,dd,dt,blockquote{font-size:var(--t-body);}
figcaption{font-size:var(--t-fein);}
.s09-num,.s09-stat .s09-num{font-size:clamp(30px,min(4.44vh,6.6vw),40px); line-height:1.05;}
.btn--zwei{
  flex-direction:column; gap:2px; align-items:center;
  line-height:1.25; padding-block:13px;
}
.btn__haupt{font-weight:700;}
.btn__sub{
  font-weight:400; font-size:.78em; letter-spacing:.01em;
  white-space:nowrap;
}
.s02-head > *, .s04-head > *, .s06-head > *, .s06-close > *,
.s18-abbinder > *, .s16-in > *, .uebs-schluss > *,
.kon-kopf > *, .dnk-kopf > *{
  max-width:min(100%, 68ch);
  margin-inline:auto;
}
/* ── Fliesstext-Grundregeln ───────────────────────────────────────────
   WICHTIG: Dieser Block stand im Original NUR auf den Unterseiten, NICHT
   auf der Startseite (index.html). Beim Zusammenlegen in kernel.css wuerde
   er sonst auf die Startseite "durchsickern" und dort Abstaende (margin-top
   an p/h2/li) sowie die Knopf-Ausrichtung veraendern, die es im Original
   nicht gab. Der Praefix :where(body:not([data-seite="start"])) blendet
   ihn genau fuer die Startseite aus. :where() hat Spezifitaet 0, die
   Regeln verhalten sich auf allen anderen Seiten also bit-identisch. */
:where(body:not([data-seite="start"])) main h1 + p,
:where(body:not([data-seite="start"])) main h2 + p,
:where(body:not([data-seite="start"])) main h3 + p,
:where(body:not([data-seite="start"])) main h1 + .lead,
:where(body:not([data-seite="start"])) main h2 + .lead{margin-top:14px;}
:where(body:not([data-seite="start"])) main .wrap > h2,
:where(body:not([data-seite="start"])) main .wrap > .stack > h2{margin-top:clamp(28px,3.5vw,44px);}
:where(body:not([data-seite="start"])) main p + p{margin-top:12px;}
:where(body:not([data-seite="start"])) main ul,
:where(body:not([data-seite="start"])) main ol{margin:12px 0 0; padding-left:20px;}
:where(body:not([data-seite="start"])) main li + li{margin-top:6px;}
:where(body:not([data-seite="start"])) main li::marker{color:var(--muted);}
:where(body:not([data-seite="start"])) main .wrap p a:not(.btn):not(.link-quiet){
  color:var(--primary); text-decoration:underline; text-underline-offset:3px;
}
:where(body:not([data-seite="start"])) main .band--deep p a:not(.btn):not(.link-quiet){color:var(--accent-flaeche);}
:where(body:not([data-seite="start"])) main .btn{width:fit-content; max-width:100%; align-self:flex-start; justify-self:start;}
:where(body:not([data-seite="start"])) main .band--deep .wrap > .stack > .btn,
:where(body:not([data-seite="start"])) main [class$="-abbinder"] .btn,
:where(body:not([data-seite="start"])) main [class$="-close"] .btn{align-self:center; justify-self:center;}
:where(body:not([data-seite="start"])) main .link-quiet{width:fit-content; max-width:100%; align-self:flex-start; justify-self:start;}
.kon-kopf{
  text-align:center;
  max-width:640px;
  margin-inline:auto;
}
.kon-sr{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap;
}
.kon-schrittform{
  max-width:600px;
  margin:32px auto 0;
}
#kon-formular{padding:clamp(32px,6vw,72px) 0;}
.kon-fortschritt{margin-bottom:24px;}
.kon-fortschritt__text{
  margin:0 0 8px; font-size:var(--t-fein); font-weight:700;
  letter-spacing:.04em; color:var(--muted);
}
.kon-balken{
  height:6px; border-radius:999px; background:var(--surface-2);
  border:1px solid var(--line); overflow:hidden;
}
.kon-balken__fuellung{
  height:100%; border-radius:999px; background:var(--primary-flaeche);
  width:16.6%;   
  transition:width .35s cubic-bezier(.2,.7,.3,1);
}
@media (prefers-reduced-motion:reduce){ .kon-balken__fuellung{transition:none;} }
.kon-form{text-align:left;}
.kon-schritt:not([hidden]) + .kon-schritt:not([hidden]){
  margin-top:40px; padding-top:32px; border-top:1px solid var(--line-soft);
}
.kon-schritt{scroll-margin-top:90px;}
.kon-feld, .kon-feld-gruppe{border:0; margin:0; padding:0; min-width:0;}
.kon-feld label{
  display:block; margin:0 0 8px; font-weight:700; font-size:var(--t-fein); color:var(--ink);
}
.kon-frage{
  display:block; margin:0 0 16px; padding:0;
  font-size:var(--t-gross); font-weight:700; color:var(--ink); line-height:1.35;
}
.kon-form input[type="text"],
.kon-form input[type="email"],
.kon-form input[type="tel"],
.kon-form textarea{
  display:block; width:100%;
  font-family:inherit; font-size:var(--t-body); color:var(--ink);
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-klein);
  padding:12px 14px; line-height:1.5;
}
.kon-form textarea{resize:vertical; min-height:110px;}
.kon-form input::placeholder,
.kon-form textarea::placeholder{color:var(--muted);}
.kon-form input:focus,
.kon-form textarea:focus{border-color:var(--primary);}
.kon-form input.ist-ungueltig,
.kon-form textarea.ist-ungueltig{border-color:#B04915;}
.kon-optionen.ist-ungueltig{outline:2px solid #B04915; outline-offset:4px; border-radius:var(--r-klein);}
.kon-hp{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap;
}
.kon-hinweis{font-size:var(--t-fein); color:var(--muted); margin:6px 0 0;}
.kon-hinweis--fehler{color:#B04915; font-weight:600;}
.kon-optionen{display:flex; flex-direction:column; gap:10px;}
.kon-option{
  position:relative; isolation:isolate;   
  display:flex; align-items:center; gap:12px;
  padding:14px 16px; border-radius:var(--r-klein);
  cursor:pointer;
}
.kon-option input[type="radio"]{
  position:absolute; width:1px; height:1px; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}
.kon-kasten{
  position:absolute; inset:0; z-index:-1;
  border:1px solid var(--line); border-radius:var(--r-klein);
  background:var(--surface);
  transition:border-color .15s ease, background-color .15s ease;
}
.kon-option input:checked + .kon-kasten + span{font-weight:700;}
.kon-option input:focus-visible + .kon-kasten{
  outline:2px solid var(--primary); outline-offset:3px;
}
@media (hover:hover){
  .kon-option:hover .kon-kasten{border-color:var(--primary);}
}
@media (prefers-reduced-motion:reduce){ .kon-kasten{transition:none;} }
.kon-option input:checked + .kon-kasten{
  border-color:var(--primary);
  background:color-mix(in srgb, var(--primary) 7%, var(--surface));
}
.kon-feld-gruppe{display:flex; flex-direction:column; gap:16px;}
.kon-einwilligungstext{
  margin:20px 0 0; font-size:var(--t-fein); color:var(--muted); line-height:1.5;
}
.kon-einwilligungstext a{color:var(--primary); text-decoration:underline; text-underline-offset:3px;}
.kon-nav{display:flex; gap:12px; margin-top:32px;}
.kon-nav .btn{width:auto; flex:1 1 auto; justify-content:center;}
.kon-nav__zurueck{flex:0 0 auto;}
.kon-nav .btn[hidden]{display:none;}
.kon-fehler{
  margin:0 0 24px; padding:14px 16px;
  border:1px solid color-mix(in srgb, #B04915 45%, transparent);
  border-left:3px solid #B04915;
  border-radius:var(--r-klein);
  background:color-mix(in srgb, #B04915 8%, transparent);
  color:var(--ink); font-size:var(--t-body); line-height:1.5;
}
@media (max-width:480px){
  
  .kon-form textarea{min-height:88px;}
  .kon-schritt:not([hidden]) + .kon-schritt:not([hidden]){margin-top:28px; padding-top:24px;}
}
@media (max-width:640px){

  
  .btn, .btn__haupt, .btn__sub{text-align:center;}


  
  .wrap{width:90vw;}

  
  
  .s04-item, .s07-card, .s08-card, .s10-callout,
  .s13-eintrag, .s18-karte{
    margin-inline:-2.5vw;
    padding-inline:calc(2.5vw + 14px);
  }
  
  .s18-karte--ja{padding-inline:calc(2.5vw + 15.5px);}

  
  .s14-liste{margin-inline:-2.5vw;}
  .s14-liste > li{padding-inline:calc(2.5vw + 14px);}

  
  .s07-card__body{padding-inline:0;}
  .s07-card__bar{margin-inline:calc(-2.5vw - 14px); width:auto; height:11px;}

  
  .s02-vsl__rahmen, .s05-bild{margin-inline:-2.5vw;}

  
  .s02-head, .s03-grid > *, .s04-head, .s04-outro,
  .s06-head, .s06-kicker, .s06-grid, .s06-close,
  .s07-head, .s07-close, .s08-industries,
  .s12-inner, .s14-titel, .s16-in, .s18-abbinder{
    text-align:left;
  }
  
  .s19-kicker{text-align:center;}
  .s02-head, .s06-close, .s08-industries,
  .s12-inner, .s12-group, .s16-in, .s18-abbinder{
    align-items:flex-start;
  }
  .s03-grid{justify-items:start;}
  .s13-liste{justify-items:stretch;}
  .s06-body, .s07-body, .s06-grid{align-items:stretch;}
  .s12-inner, .s16-in{max-width:none; margin-inline:0;}
  .s04-outro, .s08-industries{margin-inline:0;}
  .s02-head > *, .s04-head > *, .s06-head > *, .s06-close > *,
  .s18-abbinder > *, .s16-in > *, .uebs-schluss > *,
  .kon-kopf > *, .dnk-kopf > *{margin-inline:0;}
  .s06-step{max-width:none;}

  
  /* Nur Unterseiten: die Startseite hatte im Original an dieser Stelle
     align-self:flex-start (siehe frueherer @media(max-width:640px)-Block).
     :where() = Spezifitaet 0, fuer alle anderen Seiten unveraendert. */
  :where(body:not([data-seite="start"])) .s06-graphic{align-self:center;}


  .s12-inner{padding-inline:16px;}
}
.leg-body{max-width:66%;}
.leg-body p,.leg-body li,.leg-body ul,.leg-body ol{max-width:none;}
@media (max-width:1023px){ .leg-body{max-width:100%;} }
main section:first-of-type:has(.leg-body){padding-top:clamp(44px,5vw,64px);}
.leg-offen {
  margin: 0;
  padding: 14px 18px;
  background: color-mix(in srgb, var(--accent-flaeche) 16%, transparent);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-klein);
  color: var(--ink-2);
  font-size: var(--t-fein);
}
.leg-body h2{
  font-size:clamp(19px,min(2.89vh,4.3vw),24px);
  line-height:1.25;
  margin:clamp(34px,4vw,48px) 0 10px;
}
.leg-body > :first-child{margin-top:clamp(34px,4vw,48px);}
.leg-body h3{
  font-size:clamp(16px,min(2.11vh,3.1vw),18px);
  line-height:1.3;
  margin:26px 0 8px;
}
.leg-body p{margin:0 0 12px;}
.leg-body ul,.leg-body ol{margin:0 0 14px; padding-left:20px;}
.leg-body li{margin-bottom:6px;}
.leg-body li::marker{color:var(--muted);}
.leg-body a{color:var(--primary); text-decoration:underline; text-underline-offset:3px;}
.leg-body .leg-offen{margin:14px 0 18px;}
@media (max-width:640px){
  .s12-inner{padding-inline:16px;}
}
.dnk-kopf{text-align:center; max-width:640px; margin-inline:auto;}
.dnk-schritte{
  display:grid;
  gap:clamp(20px,3vw,32px);
  list-style:none; margin:clamp(28px,4vw,44px) 0 0; padding:0;
}
.dnk-schritte li{margin-top:0; padding-left:0;}
.dnk-nr{
  display:block; color:var(--primary);
  font-size:clamp(28px,3.4vw,38px); font-weight:800; line-height:1;
  letter-spacing:-.02em; margin-bottom:8px;
}
.dnk-schritte h3{margin:0 0 6px;}
@media (min-width:820px){
  .dnk-schritte{grid-template-columns:repeat(3,1fr);}
}
.abt-hero{
  display:grid; grid-template-columns:1fr;
  gap:clamp(32px,5vw,48px);
  align-items:center;
}
@media (min-width:900px){ .abt-hero{grid-template-columns:1.3fr 1fr;} }
.abt-portrait{
  margin:0;
  display:flex; flex-direction:column; gap:12px;
  max-width:320px;
}
@media (min-width:900px){ .abt-portrait{max-width:none;} }
.abt-portrait__bild{
  width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; display:block;
  border-radius:var(--r-gross); box-shadow:var(--karte-schatten);
}
#abt-start .lead{font-size:clamp(17px,2vw,20px);}
.abt-weg-grid{
  display:grid; grid-template-columns:1fr;
  gap:clamp(40px,6vw,56px);
}
@media (min-width:900px){
  .abt-weg-grid{grid-template-columns:1fr 1.15fr; align-items:start;}
}
@media (min-width:900px) and (min-height:860px){
  .abt-weg-grid > .stack-24{
    position:sticky;
    top:calc(var(--kopf-h) + 24px);
  }
}
.abt-mache{font-weight:700; color:var(--ink); margin:0 0 4px;}
.abt-check{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:14px;
}
.abt-check li{display:flex; align-items:flex-start; gap:12px; margin:0;}
.abt-check svg{width:20px; height:20px; flex:none; margin-top:3px;}
.abt-check span{color:var(--ink-2);}
.abt-zeitstrahl{
  list-style:none; margin:clamp(32px,5vw,44px) 0 0; padding:0;
  position:relative;
  display:flex; flex-direction:column;
  gap:clamp(28px,4vw,40px);
}
@media (min-width:900px){ .abt-zeitstrahl{margin-top:0;} }
.abt-zeitstrahl::before{
  content:"";
  position:absolute;
  left:8px; top:6px; bottom:6px;
  width:1px;
  background:var(--line);
}
.abt-meilenstein{
  position:relative;
  display:grid;
  grid-template-columns:18px 1fr;
  gap:20px;
  align-items:start;
}
.abt-punkt{
  position:relative; z-index:1;
  width:18px; height:18px;
  margin-top:4px;
  border-radius:50%;
  background:var(--primary-flaeche);
  box-shadow:0 0 0 4px var(--bg);
}
.abt-karte{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:clamp(20px,3vw,26px);
}
.abt-datum{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  margin:0 0 6px;
  color:var(--primary);
}
.abt-karte h3{margin:0 0 8px;}
.abt-karte h3:last-child{margin-bottom:0;}
.abt-karte p{color:var(--ink-2); margin:0;}
.abt-zahlen-grid{
  display:grid; grid-template-columns:1fr;
  gap:clamp(32px,6vw,40px);
  text-align:center;
}
@media (min-width:640px){ .abt-zahlen-grid{grid-template-columns:repeat(3,1fr);} }
.abt-zahl{align-items:center;}
.abt-zahl .s09-num{font-weight:800; letter-spacing:-.02em; color:var(--accent-flaeche);}
.abt-zahl-label{max-width:26ch; margin-inline:auto;}
.abt-kopf{text-align:center; max-width:640px; margin:0 auto;}
.abt-stolz-liste{
  list-style:none; margin:clamp(32px,5vw,48px) 0 0; padding:0;
  display:grid; grid-template-columns:1fr; gap:clamp(20px,3vw,28px);
}
@media (min-width:820px){ .abt-stolz-liste{grid-template-columns:repeat(3,1fr);} }
#abt-stolz .abt-kopf h2{margin-top:0;}
.abt-spalte{
  height:100%;
  padding:clamp(22px,3vw,28px);
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r);
}
.abt-spalte h3{margin:0 0 8px;}
.abt-spalte p{color:var(--ink-2); margin:0;}
.abt-siegel{width:150px; height:100px; align-self:flex-start;}
.abt-siegel__in{
  width:100%; height:100%; border-radius:var(--r-klein);
  background:#FFFFFF;  
  box-shadow:inset 0 0 0 1px var(--line);
  display:flex; align-items:center; justify-content:center; padding:12px; overflow:hidden;
}
.abt-siegel__in img{max-width:100%; max-height:100%; width:auto; height:auto; display:block;}
.abt-siegel__in--dunkel{
  background:var(--deep); padding:8px;
  box-shadow:inset 0 0 0 1px rgba(247,243,236,.14);
}
.abt-siegel__iso{
  width:100%; height:100%;
  
  color:#18140F; --accent-flaeche:#C79A1E;
}
@media (max-width:640px){
  .abt-siegel{width:118px; height:80px;}
  .abt-siegel__in{padding:9px;}
}
.uebs-liste{list-style:none; margin:0; padding:0; display:grid; gap:clamp(20px,3vw,28px);}
@media (min-width:900px){ .uebs-liste{grid-template-columns:repeat(3,1fr);} }
.uebs-karte{
  display:flex; flex-direction:column; height:100%;
  text-decoration:none; overflow:hidden;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); box-shadow:var(--karte-schatten);
  transition:transform .17s cubic-bezier(.2,.7,.3,1),
             background-color .17s cubic-bezier(.2,.7,.3,1);
}
@media (hover:hover){
  .uebs-karte:hover{transform:translateY(-4px);
    background-color:color-mix(in srgb, var(--surface) 96%, var(--ink) 4%);}
}
@media (prefers-reduced-motion:reduce){ .uebs-karte{transition:none;} .uebs-karte:hover{transform:none;} }
.uebs-karte img{display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover;}
.uebs-koerper{display:flex; flex-direction:column; gap:10px; padding:clamp(18px,2.4vw,24px);}
.uebs-koerper h2{margin:0; font-size:clamp(17px,min(2.33vh,3.4vw),21px); line-height:1.3; color:var(--ink);}
.uebs-koerper p{margin:0; color:var(--ink-2); font-size:var(--t-klein);}
.uebs-koerper .link-quiet{margin-top:auto;}
.uebs-schluss{align-items:center; text-align:center; max-width:60ch; margin-inline:auto;}
.uebs-schluss .kicker{margin-bottom:10px;}