@import url("/tokens.css");





:root{
  --paper:#FFFFFF;
  --paper-2:#F7F7F8;
  --ink:#0E0E12;
  --ink-2:#5B5B66;
  --ink-3:#8E8E99;
  --line:#E7E7EB;
  --line-2:#D9D9DF;
  --blue:#4A6324;
  --blue-soft:#EDF2DD;
  --moos-0:#141A0B;--moos-1:#35461A;--moos-2:#6F8A32;--moos-3:#D5E3A8;--moos-tief:#1A2210;
  --up:#0B7A4B;
  --sans:"Geist", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono:var(--sans);
  --max:1200px;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;
  padding-inline:clamp(16px,3.2vw,40px)}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--max);margin-inline:auto}
.mono{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-3)}

.kopf{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;margin-inline:calc(-1*clamp(16px,3.2vw,40px));padding-inline:clamp(16px,3.2vw,40px);
  background:#fff;border-bottom:1px solid transparent;transition:border-color .2s}
.kopf.gerollt{border-bottom-color:var(--line)}
.kopf .wrap{height:60px;display:flex;align-items:center;gap:36px}
.marke{display:inline-flex;align-items:center;gap:7px;color:var(--ink)}
.marke .zeichen{height:22px;width:auto;flex:0 0 auto}
.marke .wort{height:20px;width:auto;flex:0 0 auto}
.kopf nav{display:flex;gap:26px;font-size:14px;color:var(--ink-2);margin-right:auto}
.kopf nav a:hover,.kopf .anm:hover{color:var(--ink)}
.kopf .anm{font-size:14px;color:var(--ink-2)}
.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border-radius:8px;font:500 14px/1 var(--sans);
  background:var(--ink);color:#fff;border:1px solid var(--ink);transition:background .15s,border-color .15s;cursor:pointer}
.btn:hover{background:#2A2A33;border-color:#2A2A33}
.btn.hell{background:var(--paper);color:var(--ink);border-color:var(--line-2)}
.btn.hell:hover{background:var(--paper-2)}
.btn.gross{height:42px;padding:0 18px;font-size:15px}
.btn .p{color:#9A9AB0;transition:transform .15s}
.btn.hell .p{color:var(--ink-3)}
.btn:hover .p{transform:translateX(2px)}
.hero{padding-block:clamp(64px,9vw,120px) clamp(40px,5vw,64px)}
.hero .wrap{display:block}
.hero h1{max-width:13ch}
.hero h1+div>p{margin-top:28px}

h1{margin:0;font-weight:500;font-size:clamp(42px,6.2vw,76px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.hero p{margin:0 0 24px;font-size:18px;line-height:1.5;color:var(--ink-2);max-width:32ch}
h2{margin:0;font-weight:500;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;max-width:15ch;text-wrap:balance}
.fuss{border-top:1px solid var(--line);padding-block:48px 56px;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;font-size:14px}
.fuss h5{margin:0 0 14px;font-size:13px;font-weight:500}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--ink-2)}
.fuss a:hover{color:var(--ink)}
.fuss .klein{color:var(--ink-3);font-size:13px;margin-top:18px}
 
body{position:relative}
.farbfeld{position:absolute;top:0;left:0;right:0;height:1240px;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,var(--moos-0) 0px,var(--moos-1) 300px,var(--moos-2) 560px,var(--moos-3) 960px,#FFFFFF 1300px)}
.farbfeld .fz{position:absolute;max-width:26ch;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.34)}
.kopf,.hero,main>section{position:relative;z-index:1}
.kopf{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff;transition:background .25s,color .25s,border-color .25s}
.kopf .marke{color:#fff}
.kopf nav,.kopf .anm{color:rgba(255,255,255,.75)}
.kopf nav a:hover,.kopf .anm:hover{color:#fff}
.kopf .btn{background:#fff;color:var(--ink);border-color:#fff}
 
.kopf.gerollt{background:#fff!important}
.kopf.gerollt .marke{color:var(--ink)} .kopf.gerollt nav,.kopf.gerollt .anm{color:var(--ink-2)}
.kopf.gerollt .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
.kopf .marke .zeichen{color:var(--moos-3)} .kopf.gerollt .marke .zeichen{color:var(--blue)}
.hero h1{color:rgba(255,255,255,.95)}
.hero p{color:rgba(255,255,255,.75)}
.hero .btn{background:#fff;color:var(--ink);border-color:#fff}
.hero .btn .p{color:var(--ink-3)}
.hero .btn.hell{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
.hero .btn.hell:hover{background:rgba(255,255,255,.2)}

.fuss .marke .zeichen{color:var(--blue)}
.fetzen{position:absolute;inset:0;max-width:1240px;margin:0 auto}
.fetzen .fz{position:absolute;max-width:26ch;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.42);transition:opacity 1.2s ease}
.fetzen .fz.weg{opacity:0}
.fetzen .fz .cur{display:inline-block;width:1px;height:1.05em;margin-left:1px;vertical-align:-2px;background:rgba(255,255,255,.7);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
dialog#kontakt{border:0;padding:0;border-radius:20px;max-width:880px;width:calc(100% - 32px);background:var(--paper,#fff);color:var(--ink);box-shadow:0 30px 80px rgba(10,14,5,.25)}
dialog#kontakt::backdrop{background:rgba(20,26,11,.45);backdrop-filter:blur(3px)}
.af{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.af-links{background:linear-gradient(160deg,var(--moos-1),var(--moos-2));color:#fff;padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;gap:14px}
.af-links .mono{color:rgba(255,255,255,.65)}
.af-links h2{margin:0;color:#fff;font-size:clamp(26px,3vw,34px);line-height:1.1;letter-spacing:-.03em;font-weight:500}
.af-links p{margin:0;color:rgba(255,255,255,.8)}
.af-liste{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.af-liste li{padding-left:22px;position:relative;color:#fff}
.af-liste li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:6px;border-left:2px solid var(--moos-3);border-bottom:2px solid var(--moos-3);transform:rotate(-45deg) translateY(-3px)}
.af-klein{margin-top:auto!important;font-size:13px;color:rgba(255,255,255,.6)!important}
.af-mail{user-select:all;color:#fff}
.af-form{position:relative;padding:clamp(28px,4vw,44px)}
.af-felder{display:grid;gap:14px}
.af-form label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2)}
.af-form label span{font-weight:400;color:var(--ink-3)}
.af-form input,.af-form textarea{font:400 15px/1.4 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;resize:vertical}
.af-form input:focus,.af-form textarea:focus{outline:2px solid var(--moos-3);border-color:var(--moos-2)}
.af-form .btn{justify-self:start;margin-top:4px;background:var(--ink);color:#fff;border-color:var(--ink)}
.af-fehler{margin:-6px 0 0;font-size:13px;color:#B3401E}
.af-zu:focus:not(:focus-visible){outline:none}
.af-zu{position:absolute;top:12px;right:14px;border:0;background:none;font-size:22px;line-height:1;color:var(--ink-3);cursor:pointer}
.af-ok h3{margin:24px 0 8px;font-size:22px;font-weight:500}
.af-ok p{margin:0;color:var(--ink-2)}
@media (max-width:720px){.af{grid-template-columns:minmax(0,1fr)}.af-klein{margin-top:8px!important}}
 
.dash{display:grid;grid-template-columns:232px minmax(0,1fr);background:#fff;border:1px solid #E5E5E5;border-radius:14px;overflow:hidden;font-size:13px;color:#0A0A0A;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 40px 90px -40px rgba(20,20,70,.35)}
.ds{background:#FAFAFA;border-right:1px solid #E5E5E5;padding:12px 8px;display:flex;flex-direction:column;gap:2px}
.ds-konto,.ds-fuss{display:flex;align-items:center;gap:10px;padding:6px 8px 12px}
.ds-fuss{margin-top:auto;padding:12px 8px 4px}
.ds-konto i,.ds-fuss i{width:28px;height:28px;border-radius:7px;background:#1E3A2F;color:#fff;display:grid;place-items:center;font:600 12px/1 var(--sans);font-style:normal}
.ds-fuss i{background:#F0F0F0;color:#0A0A0A;border:1px solid #E5E5E5}
.ds-konto b,.ds-fuss b{display:block;font-weight:500}
.ds-konto small,.ds-fuss small{display:block;color:#737373;font-size:11.5px}
.dn{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;color:#262626}
.dn svg{color:#737373;flex:0 0 auto}
.dn.an{background:#F0F0F0;font-weight:500}
.dn-pf{margin-left:auto;color:#A3A3A3}
.dm{min-width:0;display:grid;grid-template-rows:auto 1fr}
.dm-kopf{display:flex;align-items:center;gap:10px;height:56px;padding:0 18px;border-bottom:1px solid #E5E5E5}
.dt{display:flex;gap:2px;padding:3px;background:#F5F5F5;border-radius:9px}
.dt span{padding:5px 10px;border-radius:6px;color:#525252}
.dt .an{background:#fff;color:#0A0A0A;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.dl{padding:6px 12px;border:1px solid #E5E5E5;border-radius:9px;background:#F5F5F5}
.dm-inhalt{padding:18px;display:grid;gap:14px;min-width:0}
.dk-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dk{border:1px solid #E5E5E5;border-radius:14px;padding:16px;text-align:center;min-width:0}
.dk-h{font-size:14px;font-weight:500}
.dk-u{color:#737373;font-size:12px;margin-top:3px}
.dk-h.l,.dk-u.l{text-align:left}
.dr{width:118px;height:118px;display:block;margin:14px auto 12px}
.dr-z{font:600 24px var(--sans);fill:#0A0A0A;letter-spacing:-.02em}
.dr-u{font:400 10.5px var(--sans);fill:#737373}
.dk-f{font-weight:500;font-size:12.5px}
.dk-f .hoch{color:#2F9E44}
.dk-breit{text-align:left}
.db-kopf{display:grid;grid-template-columns:150px minmax(0,1fr) 44px;color:#737373;padding:14px 0 8px;border-bottom:1px solid #E5E5E5}
.db{display:grid;grid-template-columns:150px minmax(0,1fr) 44px;align-items:center;padding:7px 0;border-bottom:1px solid #F0F0F0}
.db:last-child{border-bottom:0}
.db span{display:flex;align-items:center;gap:7px}
.db span i{width:8px;height:8px;border-radius:2px}
.db small{font-size:10.5px;border:1px solid #E5E5E5;border-radius:5px;padding:1px 5px;color:#525252}
.db-s{height:6px;border-radius:3px;background:#F0F0F0;overflow:hidden}
.db-s b{display:block;height:100%;border-radius:3px}
.db em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:900px){.dash{grid-template-columns:minmax(0,1fr)}.ds{display:none}.dk-reihe{grid-template-columns:minmax(0,1fr)}}




.at{--li:#E3E7EC;--fl:#FAFAFB;--bf:#F3F4F6;--tx:#1C1D1F;--gr:#6D7988;--aus:#D2D8DF;--kl:#EEEFF1;
  margin:clamp(48px,5vw,64px) calc(-1*clamp(16px,3.2vw,40px)) 0;padding:0 24px;background:var(--fl);color:var(--tx);border-top:1px solid var(--li)}
.at-f{border-left:1px solid var(--li);border-right:1px solid var(--li)}
.at-f>section{border-bottom:1px solid var(--li)}
.at-pille{display:inline-block;height:24px;line-height:24px;padding:0 6px;border-radius:8px;background:#EEF0F3;color:#4E5967;font-size:14px;font-weight:500}
.at-h2{margin:22px 0 0;font-size:40px;line-height:44px;font-weight:500;letter-spacing:-.01em;max-width:830px}
.at-h2 span,.at-h3 span,.at-sub span{color:var(--gr)}
.at-h3{margin:0;font-size:24px;line-height:27.6px;font-weight:500;letter-spacing:-.01em;max-width:560px}

.at-intro{padding:112px calc(100%/24) 72px}

.at-schritte{display:grid;grid-template-columns:calc(100%*6/24) minmax(0,1fr)}
.at-nav{position:sticky;top:60px;align-self:start;padding:88px 0 0;display:flex;flex-direction:column}
.at-nav a{position:relative;padding:7.75px 16px 7.75px calc(100%/6);font-size:18px;line-height:22px;font-weight:500;color:var(--aus);transition:color .25s}
.at-nav a::before{content:"";position:absolute;left:-1px;top:4px;bottom:4px;width:2px;background:transparent;transition:background .25s}
.at-nav a.an{color:var(--tx)}.at-nav a.an::before{background:var(--tx)}
.at-sp{border-left:1px solid var(--li)}
.at-art+.at-art{border-top:1px solid var(--li)}
.at-text{padding:88px calc(100%/18) 56px}
.at-bild{border-top:1px solid var(--li);background:var(--bf);height:500px;overflow:hidden;position:relative}
.at-k{position:absolute;left:71px;right:80px;top:64px;bottom:-24px;background:#fff;border:1px solid var(--kl);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04);font-size:14px;line-height:1.5;color:var(--tx)}
.at-unter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--li);height:380px}
.at-unter>div{padding:40px 28px 32px;display:flex;flex-direction:column;overflow:hidden}
.at-unter>div+div{border-left:1px solid var(--li)}
.at-sub{margin:0;font-size:18px;line-height:26px;font-weight:500;max-width:440px}
.at-sub span{display:block}
.at-ub{flex:1;display:flex;align-items:center;justify-content:center}
.klein{font-size:12.5px;color:var(--gr)}

 
.cur{display:inline-block;width:1px;height:1.05em;vertical-align:-2px;background:var(--tx);margin-left:1px;animation:blink 1s steps(1) infinite}

 
.at-urteil{padding:24px 32px}
.at-urteil .q{margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid var(--kl);color:var(--gr)}

 
.at-ent{padding:24px 32px}
.at-ent .kopf-z{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px}
.at-ent .kopf-z b{display:block;font-weight:500;font-size:15px}
.wert{text-align:right}
.wert strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.wert em{font-style:normal;color:var(--up);font-size:13px;font-weight:500}
.ak-kopf{display:flex;justify-content:space-between;gap:12px;margin-bottom:28px}
.leg{display:inline-flex;gap:16px}
.leg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.balk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;height:230px;align-items:end;border-bottom:1px solid var(--kl)}
.gr{display:flex;justify-content:center;align-items:flex-end;gap:6px;height:100%}
.gr b{width:min(40px,38%);height:var(--h);border-radius:5px 5px 0 0;position:relative;transition:height .9s cubic-bezier(.2,.7,.2,1)}
.gr .h{background:var(--aus)}.gr .n{background:var(--tx);transition-delay:.7s}
.gr b::after{content:attr(data-w);position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:11.5px;color:var(--gr);transition:opacity .3s}
.namen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:12px;text-align:center}
.namen .du{font-weight:600}

 

.gsp{width:min(420px,100%);background:#fff;border:1px solid var(--kl);border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.04);font-size:14px;line-height:1.55;transition:opacity .35s,transform .35s}
.gsp .wer{display:flex;align-items:center;gap:8px;margin-bottom:8px}.gsp .wer img{width:24px;height:24px;margin:-4px}.gsp p{margin:0}.gsp b{font-weight:600}
.punkte{width:min(400px,100%);background:#fff;border:1px solid var(--kl);border-radius:12px;padding:6px 18px 8px;box-shadow:0 1px 2px rgba(16,24,40,.04);font-size:14px}
.punkte>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--kl);transition:opacity .35s,transform .35s}
.punkte>div:last-child{border-bottom:0}.punkte .ph{padding-top:12px;border-bottom:0}
.punkte em{font-style:normal;font-variant-numeric:tabular-nums}.punkte s{color:#A3ABB5;margin-right:6px}
.punkte>div:nth-child(2){transition-delay:.1s}.punkte>div:nth-child(3){transition-delay:.2s}.punkte>div:nth-child(4){transition-delay:.3s}.punkte>div:nth-child(5){transition-delay:.4s}
.gsp .q{background:var(--bf);border-radius:9px;padding:8px 12px;margin:0 0 12px 40px}
.kz{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.kz b{font-weight:500;font-size:15px}
.gut{color:#2F7D3A}.vorb{color:#9A7310}
.at-tab{padding:24px 32px}
.as-z svg{height:14px;width:auto;color:var(--tx);display:block}
.zit{margin:0 0 20px;padding:14px 16px;background:var(--fl);border-radius:10px;font-size:15px;line-height:1.55}
.zit span{display:block;margin-top:8px}
.zwei-sp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.zwei-sp h4{margin:0 0 8px;font-weight:500}
.zwei-sp p{margin:0;padding:8px 0;border-top:1px solid var(--kl)}
.vn{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--kl)}
.vn em{font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}.vn s{color:#A3ABB5;margin-right:6px}
.at-ent .zit{margin:20px 0 0}
.fall{padding:14px 0;border-top:1px solid var(--kl);transition:opacity .35s,transform .35s}
.fall p{margin:0 0 8px;color:var(--gr)}
.fall>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}
.fall b{font-weight:500}.fall em{display:block;font-style:normal;color:var(--gr);font-size:12.5px;margin-top:3px}
.mk1{display:flex;align-items:center;gap:7px;white-space:nowrap}
.mk1 i{width:18px;height:18px;border-radius:5px;color:#fff;font:600 10px/18px var(--sans);text-align:center;font-style:normal}
.bild-oben{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:20px}
.bild-oben .rg{width:150px;height:150px;display:block}.rg-z{font:600 26px var(--sans);fill:var(--tx);letter-spacing:-.02em}.rg-u{font:400 10px var(--sans);fill:var(--gr)}
.stufen-l{display:grid;gap:8px}.stufen-l span{display:grid;grid-template-columns:14px minmax(0,1fr) 40px;align-items:center}
.stufen-l i{width:8px;height:8px;border-radius:2px}.stufen-l em{font-style:normal;text-align:right;color:var(--gr);font-variant-numeric:tabular-nums}
.punkte em .klein{margin-left:6px}
 

.at-faq{display:grid;grid-template-columns:calc(100%*6/24) minmax(0,1fr)}
.at-faq h2{margin:0;padding:72px 0 0 calc(100%/6);font-size:24px;line-height:27.6px;font-weight:500}
.at-faq-l{border-left:1px solid var(--li);padding:56px 0}
.at-faq-l details{border-bottom:1px solid var(--li)}
.at-faq-l details:first-child{border-top:1px solid var(--li)}
.at-faq-l summary{cursor:pointer;list-style:none;padding:20px calc(100%/18);font-size:18px;line-height:26px;font-weight:500;display:flex;justify-content:space-between;gap:16px}
.at-faq-l summary::-webkit-details-marker{display:none}
.at-faq-l summary::after{content:"+";color:var(--gr);font-weight:400}
.at-faq-l details[open] summary::after{content:"\2212"}
.at-faq-l p{margin:-6px 0 0;padding:0 calc(100%/18) 22px;color:var(--gr);font-size:16px;max-width:calc(62ch + 120px)}

.at-schluss{background:linear-gradient(180deg,var(--moos-0) 0%,var(--moos-1) 45%,var(--moos-2) 100%);color:#fff;text-align:center;padding:120px 24px 128px}
.at-schluss h2{margin:0 auto;font-size:56px;line-height:58px;font-weight:500;letter-spacing:-.015em;max-width:17ch;text-wrap:balance}
.at-schluss .wege{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.at-schluss .btn{background:#fff;color:var(--ink);border-color:#fff}.at-schluss .btn .p{color:var(--ink-3)}
.at-schluss .btn.hell{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.at-schluss .mail{display:block;margin-top:22px;font-size:14px;color:rgba(255,255,255,.5);user-select:all}
.fuss{border-top:0;max-width:none;padding-inline:max(0px,calc(82px - clamp(16px,3.2vw,40px)))}

 
.warte .gr b{height:0}.warte .gr b::after{opacity:0}


@media (max-width:1020px){
  .kopf nav{display:none}.kopf .wrap{justify-content:space-between}
  .fuss{grid-template-columns:repeat(2,minmax(0,1fr))}
  .at-schritte,.at-faq{grid-template-columns:minmax(0,1fr)}
  .at-nav{display:none}.at-sp,.at-faq-l{border-left:0}
  .at-faq h2{padding:72px calc(100%/18) 0}.at-faq-l{padding:24px 0 56px}
}
@media (max-width:720px){
  .at{padding:0 12px}
  .kopf .anm{display:none}
  .at-h2{font-size:30px;line-height:34px}.at-h3{font-size:21px;line-height:25px}
  .at-intro{padding:88px 20px 56px}.at-text{padding:56px 20px 40px}.at-mitte{padding:88px 20px 0}
  .at-bild{height:auto;padding:24px 12px 0}.at-k{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-bottom:-12px}
  .at-chat,.at-urteil,.at-ent{padding:20px}
  .at-chat .frage{max-width:85%}.at-chat .antwort{max-width:100%}
  .zeilen div{grid-template-columns:96px minmax(0,1fr) 40px}
  .zwei-sp{grid-template-columns:minmax(0,1fr);gap:12px}.bild-oben{grid-template-columns:minmax(0,1fr);justify-items:center}.stufen-l{width:100%}.fall>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .balk,.namen{gap:8px}.namen{font-size:12px}.balk{height:190px}
  .at-unter{grid-template-columns:minmax(0,1fr);height:auto}
  .at-unter>div{padding:40px 20px;min-height:380px}.at-unter>div+div{border-left:0;border-top:1px solid var(--li)}
  .at-schluss{padding:96px 20px}.at-schluss h2{font-size:38px;line-height:40px}
  .dt span:nth-child(1),.dt span:nth-child(4){display:none}.dm-kopf{padding:0 12px}.dm-inhalt{padding:12px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}




.schau{position:relative}
.sw{position:absolute;z-index:3;background:#fff;border:1px solid #E5E5E5;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 30px 70px -24px rgba(20,26,11,.35);font-size:12.5px;line-height:1.5;color:#0A0A0A;opacity:0;pointer-events:none}
.sw-top{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid #F0F0F0}
.sw-top i{width:9px;height:9px;border-radius:50%;background:#E5E5E5}
.sw-c{padding:12px 14px 14px}
.sw-l{width:300px;left:-56px;top:300px}
.sw-l .sw-f{background:#F5F5F5;border-radius:9px;padding:8px 10px;margin:0 0 10px 30px}
.sw-wer{display:flex;align-items:center;gap:7px;color:#737373;margin-bottom:6px}
.sw-wer img{width:22px;height:22px;margin:-4px}
.sw-l p{margin:0}.sw-l p+p{margin-top:6px}
.sw-r{width:250px;right:-72px;bottom:28px}
.kopf{position:sticky!important;top:env(safe-area-inset-top,0px);z-index:40!important}
.sw-t{color:#737373;margin-bottom:4px}
.sw-r b{font-weight:500;display:block;margin-bottom:10px}
.sw-zahl{border:1px solid #E5E5E5;border-radius:10px;padding:8px 10px;margin-bottom:8px}
.sw-zahl span{display:block;color:#737373}
.sw-zahl strong{font-size:22px;font-weight:600;letter-spacing:-.02em}
.sw-zahl s,.sw-z s{color:#A3A3A3;font-weight:400;font-size:.7em;margin-right:3px}
.sw-zahl em{font-style:normal;color:var(--up);font-weight:500;margin-left:6px}
.sw-z{display:flex;justify-content:space-between;padding:6px 2px;border-top:1px solid #F0F0F0}
.sw-z em{font-style:normal}
@media (min-width:1021px){
   
  .hb.an .hero{animation:hbText linear both;animation-timeline:scroll(root);animation-range:0px 300px}
  .hb.an .dash{transform-origin:50% 0;animation:hbDash linear both;animation-timeline:scroll(root);animation-range:0px 450px}
  .hb.an .sw-l{animation:hbL linear both;animation-timeline:scroll(root);animation-range:150px 480px}
  .hb.an .sw-r{animation:hbR linear both;animation-timeline:scroll(root);animation-range:220px 550px}
}
@keyframes hbText{to{opacity:0;transform:translate3d(0,-30px,0)}}
@keyframes hbDash{from{transform:scale(.95)}to{transform:scale(1)}}
@keyframes hbL{from{opacity:0;transform:translate3d(-60px,24px,0)}to{opacity:1;transform:none}}
@keyframes hbR{from{opacity:0;transform:translate3d(60px,24px,0)}to{opacity:1;transform:none}}
.sw{opacity:1}
.hb:not(.an) .sw{display:none}
@media (max-width:1020px){.sw{display:none}}

 
.at-preise{padding:88px calc(100%/24) 0}
.pkarten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:56px calc(-100%/22) 0;border-top:1px solid var(--li)}
.pk{padding:32px 28px 40px;display:flex;flex-direction:column;background:var(--fl)}
.pk+.pk{border-left:1px solid var(--li)}
.pk-h{background:#fff}
.pk-n{font-size:18px;font-weight:500;line-height:24px}
.pk-p{margin-top:16px;display:flex;align-items:baseline;gap:8px}
.pk-p b{font-size:36px;line-height:40px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pk-p span{font-size:14px;color:var(--gr)}
.pk-n{font-size:20px}.pk-note{margin:8px 0 0;font-size:15px;line-height:22px;color:var(--gr);min-height:44px}
.pk-go{margin-top:20px;justify-content:center;width:100%}
.btn.hell.pk-go{background:#fff;border-color:#C9D0D9;color:var(--tx)}
.pk-inc{margin-top:28px;font-size:13px;font-weight:500;color:var(--tx)}
.pk ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:9px}
.pk li{position:relative;padding-left:22px;font-size:14.5px;line-height:20px;color:#3B4048}
.pk li::before{content:"";position:absolute;left:2px;top:5px;width:9px;height:5px;border-left:1.5px solid var(--tx);border-bottom:1.5px solid var(--tx);transform:rotate(-45deg)}
.at-s-p{margin:16px auto 0;color:rgba(255,255,255,.75);font-size:17px}
 
.af-form input:focus,.af-form textarea:focus{outline:none!important;border-color:var(--ink)!important;box-shadow:0 0 0 3px rgba(14,14,18,.08)}
@media (max-width:1020px){.pkarten{grid-template-columns:repeat(2,minmax(0,1fr))}.pk:nth-child(3){border-left:0}.pk:nth-child(n+3){border-top:1px solid var(--li)}}
@media (max-width:720px){.at-preise{padding:64px 20px 0}.pkarten{grid-template-columns:minmax(0,1fr);margin-inline:-20px}.pk+.pk{border-left:0;border-top:1px solid var(--li)}.pk-note{min-height:0}}

 
:root{--st-font:var(--sans)}

















:root{
   
  --ui-bg:#FFFFFF;           
  --ui-fg:#0A0A0A;           
  --ui-primary:#171717;      
  --ui-primary-fg:#FAFAFA;   
  --ui-muted:#F5F5F5;        
  --ui-muted-fg:#737373;     
  --ui-border:#E5E5E5;       
  --ui-ring:#A1A1A1;         
  --ui-destructive:#E7000B;  
  --ui-sidebar:#FAFAFA;      
  --ui-input:rgba(229,229,229,.3);  
  

  --ui-r:10px;               
  --ui-r-klein:6px;          
  --ui-schatten-menu:0 0 0 1px rgba(10,10,10,.05),0 25px 50px -12px rgba(0,0,0,.25);   
  --ui-schatten-fenster:0 0 0 1px rgba(10,10,10,.1),0 10px 15px -3px rgba(0,0,0,.1);   
  --ui-schatten-xs:0 1px 2px rgba(0,0,0,.05);   
  --ui-aus:0 0 0 3px transparent;
  --ui-text-xs:12px; --ui-text-sm:14px; --ui-text-base:16px;   
  --ui-r-card:16px;          
   
  --ui-ease:cubic-bezier(.4,0,.2,1);
  --ui-dauer:150ms;
  --ui-fokus:0 0 0 3px rgba(161,161,161,.5);   
}

 
.ui-button{
  display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;
  height:36px;padding:0 12px;border:1px solid transparent;border-radius:var(--ui-r);background-clip:padding-box;
  font:500 14px/20px var(--st-font);white-space:nowrap;user-select:none;cursor:pointer;text-decoration:none;
  background:var(--ui-primary);color:var(--ui-primary-fg);
  transition:all var(--ui-dauer) var(--ui-ease);outline:none;
}
.ui-button:hover{background:color-mix(in srgb,var(--ui-primary) 80%,transparent)}
.ui-button:focus-visible{border-color:var(--ui-ring);box-shadow:var(--ui-fokus)}
.ui-button:active:not(:disabled):not([aria-haspopup]){transform:translateY(1px)}
.ui-button:disabled,.ui-button[aria-disabled="true"]{pointer-events:none;opacity:.5}
.ui-button svg{width:16px;height:16px;flex-shrink:0;pointer-events:none}
.ui-button[data-variant="outline"]{border-color:var(--ui-border);background:var(--ui-bg);color:var(--ui-fg)}
.ui-button[data-variant="outline"]:hover,.ui-button[data-variant="outline"][aria-expanded="true"]{background:var(--ui-muted)}
.ui-button[data-variant="secondary"]{background:var(--ui-muted);color:var(--ui-primary)}
.ui-button[data-variant="secondary"]:hover{background:color-mix(in srgb,var(--ui-muted),var(--ui-fg) 5%)}
.ui-button[data-variant="ghost"]{background:transparent;color:var(--ui-fg)}
.ui-button[data-variant="ghost"]:hover,.ui-button[data-variant="ghost"][aria-expanded="true"]{background:var(--ui-muted)}
.ui-button[data-variant="destructive"]{background:color-mix(in srgb,var(--ui-destructive) 10%,transparent);color:var(--ui-destructive)}
.ui-button[data-variant="destructive"]:hover{background:color-mix(in srgb,var(--ui-destructive) 20%,transparent)}
.ui-button[data-variant="destructive"]:focus-visible{border-color:color-mix(in srgb,var(--ui-destructive) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-destructive) 20%,transparent)}
.ui-button[data-variant="link"]{background:transparent;color:var(--ui-primary);text-underline-offset:4px}
.ui-button[data-variant="link"]:hover{text-decoration:underline}
.ui-button[data-size="xs"]{height:24px;gap:4px;padding:0 10px;font-size:12px;line-height:16px}
.ui-button[data-size="xs"] svg{width:12px;height:12px}
.ui-button[data-size="sm"]{height:32px;gap:4px;padding:0 12px}
.ui-button[data-size="lg"]{height:40px;padding:0 16px}
.ui-button[data-size="icon"]{width:36px;padding:0}
.ui-button[data-size="icon-sm"]{width:32px;height:32px;padding:0}
.ui-button[data-size="icon-xs"]{width:24px;height:24px;padding:0}
.ui-button[data-size="icon-xs"] svg{width:12px;height:12px}
.ui-button[data-size="icon-lg"]{width:40px;height:40px;padding:0}

 
.ui-input,.ui-textarea,.ui-select{
  width:100%;min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-r);background:var(--ui-input);
  color:var(--ui-fg);font:400 14px/20px var(--st-font);outline:none;transition:color var(--ui-dauer) var(--ui-ease),border-color var(--ui-dauer) var(--ui-ease),box-shadow var(--ui-dauer) var(--ui-ease);
}
.ui-input{height:36px;padding:4px 12px}
.ui-textarea{display:flex;min-height:64px;padding:12px;border-radius:var(--ui-r);field-sizing:content;resize:none}
.ui-select{height:36px;padding:4px 32px 4px 12px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background:var(--ui-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px 16px}
.ui-select[data-size="sm"]{height:32px}
:is(.ui-input,.ui-textarea)::placeholder{color:var(--ui-muted-fg)}
:is(.ui-input,.ui-textarea,.ui-select):focus-visible{border-color:var(--ui-ring);box-shadow:var(--ui-fokus)}
:is(.ui-input,.ui-textarea,.ui-select):disabled{cursor:not-allowed;opacity:.5;pointer-events:none}
:is(.ui-input,.ui-textarea,.ui-select)[aria-invalid="true"]{border-color:var(--ui-destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-destructive) 20%,transparent)}
 
@media (max-width:767px){.ui-input,.ui-textarea,.ui-select{font-size:16px;line-height:24px}}

 
.ui-input-group{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:36px;
  border:1px solid var(--ui-border);border-radius:var(--ui-r);background:var(--ui-input);transition:border-color var(--ui-dauer) var(--ui-ease),box-shadow var(--ui-dauer) var(--ui-ease)}
.ui-input-group:has(> textarea),.ui-input-group:has(> [data-align^="block"]){height:auto;flex-direction:column;align-items:stretch}
.ui-input-group:has(:is(input,textarea):focus-visible){border-color:var(--ui-ring);box-shadow:var(--ui-fokus)}
.ui-input-group > :is(input,textarea){flex:1;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;
  color:var(--ui-fg);font:400 14px/20px var(--st-font);padding:4px 12px}
.ui-input-group > textarea{resize:none;padding:8px 12px;field-sizing:content}
.ui-input-group > :is(input,textarea)::placeholder{color:var(--ui-muted-fg)}
.ui-input-group-addon{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;font-size:14px;font-weight:500;color:var(--ui-muted-fg);cursor:text;user-select:none}
.ui-input-group-addon[data-align="inline-start"]{order:-1;padding-left:12px}
.ui-input-group-addon[data-align="inline-end"]{order:1;padding-right:12px}
.ui-input-group-addon[data-align="block-end"]{order:1;width:100%;justify-content:flex-start;padding:0 12px 12px}
.ui-input-group-addon[data-align="block-start"]{order:-1;width:100%;justify-content:flex-start;padding:12px 12px 0}
.ui-input-group-addon svg{width:16px;height:16px}
@media (max-width:767px){.ui-input-group > :is(input,textarea){font-size:16px;line-height:24px}}

 
.ui-label{display:flex;align-items:center;gap:8px;font:500 14px/1 var(--st-font);color:var(--ui-fg);user-select:none}
.ui-field-group{display:flex;flex-direction:column;gap:20px;width:100%}
.ui-field{display:flex;flex-direction:column;gap:8px;width:100%}
.ui-field[data-orientation="horizontal"]{flex-direction:row;align-items:center}
.ui-field-description{font-size:14px;line-height:20px;color:var(--ui-muted-fg)}
.ui-field-error{font-size:14px;line-height:20px;color:var(--ui-destructive)}

 
.ui-checkbox{position:relative;appearance:none;-webkit-appearance:none;flex-shrink:0;display:inline-grid;place-content:center;
  width:16px;height:16px;margin:0;border:1px solid var(--ui-border);border-radius:var(--ui-r-klein);background:var(--ui-input);
  cursor:pointer;outline:none;transition:color var(--ui-dauer) var(--ui-ease),background-color var(--ui-dauer) var(--ui-ease),border-color var(--ui-dauer) var(--ui-ease)}
.ui-checkbox::after{content:"";position:absolute;inset:-8px -12px}            
.ui-checkbox:checked{border-color:var(--ui-primary);background:var(--ui-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAFAFA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/14px 14px}
.ui-checkbox:focus-visible{border-color:var(--ui-ring);box-shadow:var(--ui-fokus)}
.ui-checkbox:disabled{cursor:not-allowed;opacity:.5}

 
.ui-badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:4px;width:fit-content;height:20px;
  padding:2px 8px;border:1px solid transparent;border-radius:var(--ui-r-klein);overflow:hidden;white-space:nowrap;
  font:500 12px/16px var(--st-font);background:var(--ui-primary);color:var(--ui-primary-fg);transition:all var(--ui-dauer) var(--ui-ease)}
.ui-badge[data-variant="secondary"]{background:var(--ui-muted);color:var(--ui-primary)}
.ui-badge[data-variant="outline"]{background:var(--ui-input);border-color:var(--ui-border);color:var(--ui-fg)}
.ui-badge[data-variant="destructive"]{background:color-mix(in srgb,var(--ui-destructive) 10%,transparent);color:var(--ui-destructive)}
.ui-badge svg{width:12px;height:12px}

 
.ui-card{--card-spacing:24px;display:flex;flex-direction:column;gap:var(--card-spacing);overflow:hidden;
  padding:var(--card-spacing) 0;border-radius:var(--ui-r-card);background:var(--ui-bg);color:var(--ui-fg);
  font-size:14px;line-height:20px;box-shadow:0 0 0 1px rgba(10,10,10,.1)}        
.ui-card[data-size="sm"]{--card-spacing:16px}
.ui-card-header{display:grid;grid-auto-rows:min-content;align-items:start;gap:8px;padding:0 var(--card-spacing)}
.ui-card-header:has(> .ui-card-action){grid-template-columns:1fr auto}
.ui-card-header.ui-border-b{padding-bottom:var(--card-spacing);border-bottom:1px solid var(--ui-border)}
.ui-card-title{margin:0;font:500 16px/1.375 var(--st-font);color:var(--ui-fg)}
.ui-card[data-size="sm"] .ui-card-title{font-size:14px}
.ui-card-description{margin:0;font-size:14px;line-height:20px;color:var(--ui-muted-fg)}
.ui-card-action{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end}
.ui-card-content{padding:0 var(--card-spacing)}
.ui-card-footer{display:flex;align-items:center;padding:0 var(--card-spacing)}
.ui-card-footer.ui-border-t{padding-top:var(--card-spacing);border-top:1px solid var(--ui-border)}

 
.ui-tabs-list{display:inline-flex;align-items:center;justify-content:center;width:fit-content;height:36px;padding:3px;
  border-radius:var(--ui-r);background:var(--ui-muted);color:var(--ui-muted-fg)}
.ui-tab{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;gap:6px;height:calc(100% - 1px);
  padding:4px 8px;border:1px solid transparent;border-radius:var(--ui-r-klein);background:transparent;cursor:pointer;
  font:500 14px/20px var(--st-font);white-space:nowrap;color:color-mix(in srgb,var(--ui-fg) 60%,transparent);
  transition:all var(--ui-dauer) var(--ui-ease);outline:none}
.ui-tab:hover{color:var(--ui-fg)}
.ui-tab:is([aria-selected="true"],[data-active]){background:var(--ui-bg);color:var(--ui-fg);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ui-tab:focus-visible{border-color:var(--ui-ring);box-shadow:var(--ui-fokus)}
.ui-tab:disabled{pointer-events:none;opacity:.5}

 
.ui-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:36px;max-width:100%;padding:0 12px;
  border:1px solid var(--ui-border);border-radius:var(--ui-r);background:var(--ui-input);color:var(--ui-fg);font:400 14px/20px var(--st-font);
  white-space:nowrap;cursor:pointer;outline:none;transition:border-color var(--ui-dauer) var(--ui-ease),box-shadow var(--ui-dauer) var(--ui-ease)}
.ui-select-trigger > span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ui-select-trigger::after{content:"";flex:0 0 16px;width:16px;height:16px;background:var(--ui-muted-fg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat}
.ui-select-trigger:focus-visible{border-color:var(--ui-ring);box-shadow:var(--ui-fokus)}
.ui-select-trigger[data-size="sm"]{height:32px}
.ui-select-trigger:disabled{cursor:not-allowed;opacity:.5}

 
.ui-command{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--ui-r-card);background:var(--ui-bg);color:var(--ui-fg);
  box-shadow:0 0 0 1px rgba(10,10,10,.1),0 25px 50px -12px rgba(0,0,0,.25)}
.ui-command-input{display:flex;align-items:center;gap:8px;height:32px;margin:4px 4px 0;padding:0 8px;border:1px solid color-mix(in srgb,var(--ui-border) 30%,transparent);
  border-radius:var(--ui-r);background:var(--ui-input);color:var(--ui-muted-fg)}
.ui-command-input svg{flex:0 0 16px;width:16px;height:16px;opacity:.5;color:var(--ui-fg)}
.ui-command-input input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;box-shadow:none;padding:0;font:400 14px/20px var(--st-font);color:var(--ui-fg)}
.ui-command-input input::placeholder{color:var(--ui-muted-fg)}
.ui-command-list{max-height:288px;overflow-x:hidden;overflow-y:auto;padding:4px;scrollbar-width:none;scroll-padding:4px}
.ui-command-list:empty{display:none}
.ui-command-heading{padding:6px 8px;font:500 12px/16px var(--st-font);color:var(--ui-muted-fg)}
.ui-command-item{position:relative;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--ui-r-klein);font-size:14px;line-height:20px;
  cursor:default;user-select:none}
.ui-command-item:is([aria-selected="true"],[data-selected]){background:var(--ui-muted)}
.ui-command-empty{padding:24px 0;text-align:center;font-size:14px;color:var(--ui-muted-fg)}
.ui-command-separator{height:1px;margin:0 -4px;background:var(--ui-border)}

.ui-tab[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.ui-tab[aria-disabled="true"]:hover{color:var(--ui-muted-fg)}

 
.ui-toggle-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:fit-content}
.ui-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:36px;min-width:36px;padding:0 12px;
  border:1px solid transparent;border-radius:var(--ui-r);background:transparent;cursor:pointer;
  font:500 14px/20px var(--st-font);color:var(--ui-fg);white-space:nowrap;transition:all var(--ui-dauer) var(--ui-ease);outline:none}
.ui-toggle:hover{background:var(--ui-muted)}
.ui-toggle[aria-pressed="true"]{background:var(--ui-muted)}
.ui-toggle[data-variant="outline"]{border-color:var(--ui-border)}
.ui-toggle[data-size="sm"]{height:32px;min-width:32px}
.ui-toggle:focus-visible{border-color:var(--ui-ring);box-shadow:var(--ui-fokus)}
.ui-toggle:disabled{pointer-events:none;opacity:.5}

 
.ui-table-container{position:relative;width:100%;overflow-x:auto;border:1px solid var(--ui-border);border-radius:var(--ui-r)}
.ui-table{width:100%;border-collapse:collapse;caption-side:bottom;font-size:14px;line-height:20px;color:var(--ui-fg)}


.ui-table thead{position:sticky;top:0;z-index:5}
.ui-table thead th{background:var(--ui-muted)}
.ui-table tr{border-bottom:1px solid var(--ui-border);transition:background-color var(--ui-dauer) var(--ui-ease)}
.ui-table tbody tr:last-child{border-bottom:0}
.ui-table tbody tr:hover,.ui-table tbody tr[aria-expanded="true"]{background:color-mix(in srgb,var(--ui-muted) 50%,transparent)}
.ui-table tbody tr[aria-selected="true"]{background:var(--ui-muted)}
.ui-table thead th{padding:0 8px;vertical-align:middle}
.ui-table th{height:40px;padding:0 8px;text-align:left;vertical-align:middle;font-weight:500;white-space:nowrap;color:var(--ui-fg)}
.ui-table td{padding:8px;vertical-align:middle}
.ui-table :is(th,td):has(> .ui-checkbox){padding-right:0;width:1%}
.ui-table caption{margin-top:16px;font-size:14px;color:var(--ui-muted-fg)}
.ui-table tfoot{border-top:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-muted) 50%,transparent);font-weight:500}
.ui-data-table{display:flex;flex-direction:column;gap:16px}
.ui-data-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.ui-data-table-toolbar > .links,.ui-data-table-toolbar > .rechts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ui-data-table-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 4px;font-size:14px}
.ui-data-table-footer .ui-leise{flex:1}
.ui-data-table-footer .seite{font-weight:500;white-space:nowrap}
.ui-data-table-footer .knoepfe{display:flex;align-items:center;gap:8px}
 
.ui-table th .ui-button[data-variant="ghost"]{margin-left:-10px}

 
.ui-menu{z-index:50;min-width:192px;max-height:var(--available-height,60vh);overflow-x:hidden;overflow-y:auto;padding:4px;
  border-radius:var(--ui-r);background:var(--ui-bg);color:var(--ui-fg);
  box-shadow:0 0 0 1px rgba(10,10,10,.05),0 25px 50px -12px rgba(0,0,0,.25);   
  animation:ui-ein-oben 100ms var(--ui-ease)}
.ui-menu-label{padding:6px 8px;font-size:12px;line-height:16px;font-weight:500;color:var(--ui-muted-fg)}
.ui-menu-item{position:relative;display:flex;width:100%;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:var(--ui-r-klein);
  background:transparent;cursor:default;font:400 14px/20px var(--st-font);color:var(--ui-fg);text-align:left;white-space:nowrap;user-select:none;outline:none}
.ui-menu-item:is(:hover,:focus-visible,[data-highlighted]){background:var(--ui-muted)}
.ui-menu-item[data-variant="destructive"]{color:var(--ui-destructive)}
.ui-menu-item[data-variant="destructive"]:is(:hover,:focus-visible){background:color-mix(in srgb,var(--ui-destructive) 10%,transparent)}
.ui-menu-item:disabled,.ui-menu-item[aria-disabled="true"]{pointer-events:none;opacity:.5}
.ui-menu-item svg{width:16px;height:16px;flex-shrink:0}
.ui-menu-item[aria-checked]{padding-right:32px}
.ui-menu-item[aria-checked="true"]::after{content:"";position:absolute;right:8px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0A0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/16px}
.ui-menu-separator{height:1px;margin:4px -4px;background:var(--ui-border)}
.ui-menu-shortcut{margin-left:auto;font-size:12px;letter-spacing:.1em;color:var(--ui-muted-fg)}

 


.ui-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  animation:ui-ein 100ms var(--ui-ease)}
.ui-dialog-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(0,0,0,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:ui-ein 100ms var(--ui-ease)}
.ui-dialog-overlay[hidden]{display:none}
.ui-dialog{position:fixed;top:50%;left:50%;z-index:50;display:grid;gap:16px;width:100%;max-width:calc(100% - 32px);
  transform:translate(-50%,-50%);padding:16px;border-radius:var(--ui-r-card);background:var(--ui-bg);color:var(--ui-fg);
  font-size:14px;line-height:20px;box-shadow:0 0 0 1px rgba(10,10,10,.1);outline:none;animation:ui-dialog-ein 100ms var(--ui-ease)}
.ui-dialog-overlay > .ui-dialog{position:relative;top:auto;left:auto;transform:none;animation-name:ui-zoom-ein;max-height:calc(100dvh - 32px);overflow-y:auto;align-content:start}
@media (min-width:640px){.ui-dialog{max-width:384px}.ui-dialog[data-size="lg"]{max-width:512px}.ui-dialog[data-size="xl"]{max-width:640px}}
dialog.ui-dialog{margin:0;border:0}
dialog.ui-dialog::backdrop{background:rgba(0,0,0,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ui-dialog-header{display:flex;flex-direction:column;gap:8px;padding-right:24px}
.ui-dialog-title{margin:0;font:500 16px/1 var(--st-font);color:var(--ui-fg)}
.ui-dialog-description{margin:0;font-size:14px;line-height:20px;color:var(--ui-muted-fg)}
.ui-dialog-footer{display:flex;flex-direction:column-reverse;gap:8px;margin:0 -16px -16px;padding:16px;border-top:1px solid var(--ui-border);
  border-radius:0 0 var(--ui-r-card) var(--ui-r-card);background:color-mix(in srgb,var(--ui-muted) 50%,transparent)}
@media (min-width:640px){.ui-dialog-footer{flex-direction:row;justify-content:flex-end;align-items:center}}
.ui-dialog-footer > .ui-dialog-meldung{flex:1;margin:0;font-size:14px;color:var(--ui-muted-fg)}
.ui-dialog-footer > .ui-dialog-meldung:empty{display:none}
.ui-dialog-close{position:absolute;top:8px;right:8px}
.ui-dialog-footer > .links{margin-right:auto}
.ui-dialog-description:empty{display:none}
.ui-sheet{position:fixed;z-index:50;display:flex;flex-direction:column;gap:16px;background:var(--ui-bg);color:var(--ui-fg);font-size:14px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:transform 200ms ease-in-out,opacity 200ms ease-in-out}
.ui-sheet[data-side="right"]{inset:0 0 0 auto;width:75%;max-width:384px;border-left:1px solid var(--ui-border)}
.ui-sheet[data-side="bottom"]{inset:auto 0 0 0;max-height:85vh;border-top:1px solid var(--ui-border);border-radius:var(--ui-r-card) var(--ui-r-card) 0 0}
.ui-sheet-header{display:flex;flex-direction:column;gap:2px;padding:16px}
.ui-sheet-title{margin:0;font:500 16px/1.4 var(--st-font)}
.ui-sheet-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:16px}

 
 
.pci{position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:16px;height:16px;margin-left:6px;
  border-radius:50%;font-size:0;font-style:normal;color:var(--ui-muted-fg);cursor:help;outline:none;transition:color var(--ui-dauer) var(--ui-ease)}
.pci::before{content:"";width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") center/14px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") center/14px no-repeat}
.pci:is(:hover,:focus-visible){color:var(--ui-fg)}
.pci:focus-visible{box-shadow:var(--ui-fokus)}
.pci::after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;z-index:60;display:none;width:max-content;max-width:280px;
  margin-left:var(--tipx,0px);transform:translateX(-50%);padding:6px 12px;border-radius:var(--ui-r-klein);background:var(--ui-fg);color:var(--ui-bg);
  font:400 12px/16px var(--st-font);letter-spacing:0;text-align:left;text-transform:none;white-space:normal;pointer-events:none}
.pci:is(:hover,:focus-visible)::after{display:block;animation:ui-ein 100ms var(--ui-ease)}
.ui-tooltip{z-index:50;display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:320px;padding:6px 12px;
  border-radius:var(--ui-r-klein);background:var(--ui-fg);color:var(--ui-bg);font:400 12px/16px var(--st-font);
  animation:ui-ein 100ms var(--ui-ease)}

 
.ui-skeleton{border-radius:var(--ui-r-klein);background:var(--ui-muted);animation:ui-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
 
.ui-spinner{display:inline-block;width:16px;height:16px;flex-shrink:0;background:currentColor;animation:ui-dreh 1s linear infinite;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56'/%3E%3C/svg%3E") center/contain no-repeat}
.ui-progress{position:relative;display:flex;align-items:center;width:100%;height:4px;overflow:hidden;border-radius:999px;background:var(--ui-muted)}
.ui-progress > i{display:block;height:100%;background:var(--ui-primary);transition:width var(--ui-dauer) var(--ui-ease)}

 
.ui-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;min-width:0;
  padding:24px;border-radius:var(--ui-r-card);text-align:center;text-wrap:balance}
.ui-empty[data-variant="outline"]{border:1px dashed var(--ui-border)}
.ui-empty-header{display:flex;max-width:384px;flex-direction:column;align-items:center;gap:8px}
.ui-empty-media{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:8px;
  border-radius:var(--ui-r);background:var(--ui-muted);color:var(--ui-fg)}
.ui-empty-media svg{width:16px;height:16px}
.ui-empty-title{margin:0;font:500 14px/20px var(--st-font);letter-spacing:-.01em}
.ui-empty-description{margin:0;font-size:14px;line-height:1.625;color:var(--ui-muted-fg)}
.ui-empty-content{display:flex;width:100%;max-width:384px;flex-direction:column;align-items:center;gap:10px;font-size:14px}

 
.ui-alert{position:relative;display:grid;gap:2px;width:100%;padding:8px 10px;border:1px solid var(--ui-border);border-radius:var(--ui-r);
  background:var(--ui-bg);font-size:14px;line-height:20px;text-align:left}
.ui-alert:has(> svg){grid-template-columns:auto 1fr;column-gap:8px}
.ui-alert > svg{grid-row:span 2;width:16px;height:16px;transform:translateY(2px)}
.ui-alert-title{font-weight:500}
.ui-alert-description{color:var(--ui-muted-fg)}
.ui-alert[data-variant="destructive"]{color:var(--ui-destructive)}
.ui-alert[data-variant="destructive"] .ui-alert-description{color:color-mix(in srgb,var(--ui-destructive) 90%,transparent)}

 
.ui-separator{flex-shrink:0;border:0;margin:0;background:var(--ui-border);height:1px;width:100%}
.ui-separator[data-orientation="vertical"]{width:1px;height:auto;align-self:stretch}
.ui-kbd{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:20px;min-width:20px;padding:0 4px;
  border-radius:var(--ui-r-klein);background:var(--ui-muted);font:500 12px/1 var(--st-font);color:var(--ui-muted-fg)}

 
.ui-message{display:flex;min-width:0;flex-direction:column;gap:10px}
.ui-message[data-align="end"]{align-items:flex-end}
.ui-message-footer{display:flex;align-items:center;gap:4px}
.ui-bubble{display:flex;flex-direction:column;gap:4px;width:fit-content;max-width:80%;min-width:0}
.ui-message[data-align="end"] .ui-bubble{align-self:flex-end}
.ui-bubble-content{width:fit-content;max-width:100%;min-width:0;overflow:hidden;padding:10px 14px;border:1px solid transparent;
  border-radius:var(--ui-r-card);font-size:14px;line-height:1.625;overflow-wrap:break-word}
.ui-bubble[data-variant="muted"] > .ui-bubble-content{background:var(--ui-muted)}
.ui-bubble[data-variant="default"] > .ui-bubble-content{background:var(--ui-primary);color:var(--ui-primary-fg)}
.ui-bubble[data-variant="ghost"]{max-width:100%}
.ui-bubble[data-variant="ghost"] > .ui-bubble-content{padding:0;border-radius:0;background:transparent}
.ui-marker{position:relative;display:flex;width:100%;min-height:16px;align-items:center;gap:8px;font-size:14px;line-height:20px;color:var(--ui-muted-fg)}
.ui-marker[data-variant="separator"]::before,.ui-marker[data-variant="separator"]::after{content:"";flex:1;min-width:0;height:1px;background:var(--ui-border)}
.ui-marker[data-variant="separator"]::before{margin-right:4px}
.ui-marker[data-variant="separator"]::after{margin-left:4px}
.ui-message-scroller{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}
.ui-message-scroller-viewport{width:100%;height:100%;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
.ui-message-scroller-content{display:flex;flex-direction:column;gap:24px;min-height:100%;height:max-content}




@property --ui-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0px}
@property --ui-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0px}
.ui-scroll-fade{--ui-fade-gr:min(12%,40px);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--ui-fade-t),#000 calc(100% - var(--ui-fade-b)),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 var(--ui-fade-t),#000 calc(100% - var(--ui-fade-b)),transparent 100%);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.ui-scroll-fade[data-edge="bottom"]{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--ui-fade-b)),transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--ui-fade-b)),transparent 100%)}
@supports (animation-timeline:scroll()){
  .ui-scroll-fade{animation:ui-fade-t 1ms ease-in-out,ui-fade-b 1ms ease-in-out;animation-timeline:scroll(self y),scroll(self y);
    animation-range:0 96px,calc(100% - 96px) 100%;animation-fill-mode:both}
  .ui-scroll-fade[data-edge="bottom"]{animation:ui-fade-b 1ms ease-in-out;animation-timeline:scroll(self y);animation-range:calc(100% - 96px) 100%;animation-fill-mode:both}
}
@supports not (animation-timeline:scroll()){.ui-scroll-fade{--ui-fade-t:var(--ui-fade-gr);--ui-fade-b:var(--ui-fade-gr)}.ui-scroll-fade[data-edge="bottom"]{--ui-fade-t:0px}}
@keyframes ui-fade-t{from{--ui-fade-t:0px}to{--ui-fade-t:var(--ui-fade-gr)}}
@keyframes ui-fade-b{from{--ui-fade-b:var(--ui-fade-gr)}to{--ui-fade-b:0px}}






.app-shell .ui-sidebar{background:var(--ui-sidebar);color:var(--ui-fg)}
.ui-sidebar .ui-sidebar-menu-button{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 8px;margin:0;
  border:0;border-radius:var(--ui-r-klein);background:transparent;color:var(--ui-fg);font:400 14px/20px var(--st-font);text-align:left;
  text-decoration:none;cursor:pointer;overflow:hidden;outline:none;transition:background-color var(--ui-dauer) var(--ui-ease)}
.ui-sidebar .ui-sidebar-menu-button:hover,.ui-sidebar .ui-sidebar-menu-button[aria-expanded="true"]:hover{background:var(--ui-muted);color:var(--ui-fg)}
 
.ui-sidebar .ui-sidebar-menu-button:is(.on,[aria-current="true"]){background:#EBEBEB;font-weight:500;color:var(--ui-fg)}
.ui-sidebar .ui-sidebar-menu-button:focus-visible{box-shadow:0 0 0 2px var(--ui-ring)}
.ui-sidebar .ui-sidebar-menu-button[data-size="lg"]{min-height:48px;padding:8px}
.ui-sidebar .ui-sidebar-menu-button + .ui-sidebar-menu-button,.ui-sidebar .ui-sidebar-menu-sub + .ui-sidebar-menu-button,
.ui-sidebar .ui-sidebar-menu-button + .ui-sidebar-menu-sub{margin-top:4px}
.ui-sidebar .ui-sidebar-menu-sub{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0 14px;padding:2px 10px;
  border-left:1px solid var(--ui-border);transform:translateX(1px)}
.ui-sidebar .ui-sidebar-menu-sub[hidden]{display:none}
.ui-sidebar .ui-sidebar-menu-sub > .ui-sidebar-menu-button{min-height:28px;padding:4px 8px;margin:0;transform:translateX(-1px)}
 
.ui-sidebar .ui-sidebar-menu-button[data-size="lg"] :is(.ds-ava,.ui-sb-ava){flex:0 0 32px;width:32px;height:32px;border-radius:var(--ui-r-klein);
  display:grid;place-items:center;overflow:hidden;background:var(--ui-muted);color:var(--ui-fg);font:600 14px/1 var(--st-font)}
.ui-sidebar .ui-sidebar-menu-button[data-size="lg"] .ds-ava img{width:20px;height:20px;object-fit:contain}
.ui-sidebar .ui-sb-text{display:grid;flex:1;min-width:0;text-align:left;line-height:1.25}
.ui-sidebar .ui-sb-text > :first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500}
.ui-sidebar .ui-sb-sub{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--ui-muted-fg)}
.ui-sidebar .ui-sb-sub:empty{display:none}
.ui-sidebar .ui-sb-updown{flex:0 0 16px;width:16px;height:16px;margin-left:auto;background:var(--ui-muted-fg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E") center/contain no-repeat}
.ui-sidebar .ui-sb-konto{position:relative}
.ui-sidebar .ui-sb-menu{position:absolute;left:0;right:0;bottom:calc(100% + 4px)}
.ui-sidebar .ui-sb-menu[hidden]{display:none}
.ui-sidebar .ui-sb-menu a.ui-menu-item{text-decoration:none}
 
.ui-sidebar .ds-g .ds-car{width:16px;height:16px;transform:none;transition:transform 200ms var(--ui-ease);background:var(--ui-muted-fg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.ui-sidebar .ds-g[aria-expanded="true"] .ds-car{transform:rotate(90deg)}
.ui-sidebar .ui-sidebar-group-label{display:flex;align-items:center;height:32px;padding:0 8px;margin:0;
  font:500 12px/16px var(--st-font);letter-spacing:0;color:color-mix(in srgb,var(--ui-fg) 70%,transparent)}

 
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ui-leise{color:var(--ui-muted-fg)}
.ui-border-b{border-bottom:1px solid var(--ui-border)}

 
@keyframes ui-ein{from{opacity:0}}
@keyframes ui-dialog-ein{from{opacity:0;transform:translate(-50%,-50%) scale(.95)}}
@keyframes ui-zoom-ein{from{opacity:0;transform:scale(.95)}}
@keyframes ui-ein-oben{from{opacity:0;transform:translateY(-8px)}}
@keyframes ui-pulse{50%{opacity:.5}}
@keyframes ui-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  :is(.ui-button,.ui-input,.ui-textarea,.ui-select,.ui-tab,.ui-toggle,.ui-checkbox,.ui-badge,.ui-sheet,.ui-progress > i){transition:none}
  :is(.ui-menu,.ui-overlay,.ui-dialog-overlay,.ui-dialog,.ui-tooltip,.ui-skeleton){animation:none}
  .ui-spinner{animation-duration:3s}
}
 
@media (min-width:56.0625rem){.ui-sidebar .ds-sw{margin-bottom:8px}}



.ui-table tr:focus-visible,.tm-r:focus-visible{outline:2px solid var(--ui-ring);outline-offset:-2px;box-shadow:none}

 
.ui-badge[data-variant="outline"]{background:#fff}
.at-intro .ui-badge{margin-bottom:18px}.at-preise .ui-badge{margin-bottom:10px}
.at-intro .at-h2,.at-preise .at-h2{margin-top:0}
.at-k{border-color:var(--ui-border)!important;border-radius:var(--ui-r-card)!important;box-shadow:none!important}
.gsp,.punkte{border-color:var(--ui-border)!important;border-radius:var(--ui-r-card)!important;box-shadow:none!important}
 
.at-preise{padding:44px calc(100%/24) 44px}
.bl-bh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.bl-bh .at-h2{font-size:32px;line-height:38px}
.bl-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,200px);gap:16px;align-items:stretch}
.bl-k{display:flex;flex-direction:column;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-r-card);padding:20px}
.bl-kn{font-size:15px;color:var(--ui-muted-fg)}
.bl-kp{display:flex;align-items:baseline;gap:6px;margin-top:4px;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}
.bl-kp b{font-size:21px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ui-fg)}
.bl-kp span{font-size:13px;color:var(--ui-muted-fg)}
.bl-knote{font-size:13px;line-height:1.45;color:var(--ui-muted-fg);margin:10px 0 4px;min-height:38px}
.bl-frei{margin-top:4px;min-height:38px}
.bl-kz{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px;color:var(--ui-muted-fg)}
.bl-kz b{font-weight:600;color:var(--ui-fg);font-variant-numeric:tabular-nums}
.bl-kb{width:100%;margin-top:12px}
.bl-km{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ui-border)}
.bl-kmk{font-size:12px;color:#A3A3A3;letter-spacing:.02em}
.bl-kmarken{display:flex;gap:7px}
.bl-kmarken .fav{width:26px;height:26px;display:grid;place-items:center}
.bl-kmarken img{width:18px;height:18px}.bl-kmarken img.oai{width:36px;height:36px;margin:-9px}
 
img.oai,.gsp .wer img,.sw-wer img,.at-chat .wer img,.dienst img{max-width:none!important}
.bl-kl{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.bl-kplus{font-size:13px;color:var(--ui-muted-fg);margin-bottom:2px}
.bl-kf{position:relative;padding-left:20px;font-size:13px;line-height:1.45;color:var(--ui-fg)}
.bl-kf::before{content:"";position:absolute;left:2px;top:5px;width:8px;height:4px;border-left:1.5px solid var(--ui-fg);border-bottom:1.5px solid var(--ui-fg);transform:rotate(-45deg)}
.bl-anf{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;font-size:15px;color:var(--ui-muted-fg)}
.pkarten,.pk{display:none}
 
.gsp .wer img{width:32px!important;height:32px!important;margin:-8px!important}
.sw-wer img{width:32px!important;height:32px!important;margin:-8px!important}
.at-chat .wer img{width:32px!important;height:32px!important;margin:-8px!important}
 
.at-faq-l{padding:56px calc(100%/18)!important}
.acc{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-r-card);background:var(--ui-bg)}
.acc-i:not(:last-child){border-bottom:1px solid var(--ui-border)}
.acc-i[open]{background:color-mix(in srgb,var(--ui-muted) 50%,transparent)}
.acc-t{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:16px;cursor:pointer;list-style:none;font-size:14px;line-height:20px;font-weight:500;color:var(--ui-fg)}
.acc-t::-webkit-details-marker{display:none}
.acc-t:hover{text-decoration:underline}
.acc-ic{width:16px;height:16px;flex-shrink:0;color:var(--ui-muted-fg);transition:transform .2s}
.acc-i[open] .acc-ic{transform:rotate(180deg)}
.acc-c{padding:0 16px 16px;font-size:14px;line-height:20px;color:var(--ui-muted-fg)}
.at-faq-l details,.at-faq-l summary{border:0}
.at-faq-l summary.acc-t{padding:16px!important;font-size:14px!important;line-height:20px!important}
.at-faq-l summary.acc-t::after{content:none!important}
.acc-ic{margin-left:auto}
.at-faq-l .acc-c{margin:0;padding:0 16px 16px!important;max-width:none}
.at-faq-l details:first-child{border-top:0}
 
.af-felder{gap:20px}
.af-form .ui-field{display:flex}
.ui-leise{font-weight:400;color:var(--ui-muted-fg)}
@media (max-width:1020px){.bl-karten{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-anf{grid-column:1/-1}}
@media (max-width:720px){.at-preise{padding:64px 20px}.bl-karten{grid-template-columns:minmax(0,1fr)}.at-faq-l{padding:24px 20px 48px!important}}

.kopf.gruen{background:#1C250F!important;border-bottom-color:rgba(255,255,255,.08)!important}
.dm-inhalt{position:relative;display:block!important}
.dp{display:grid;gap:14px;transition:opacity .22s ease}
.dp:not(.dp-ov){position:absolute;inset:18px;opacity:0;pointer-events:none;align-content:start;overflow:hidden}
.dash.wechselt .dp-ov:not(.zeig){opacity:0}
.dash.wechselt .dp.zeig{opacity:1;transition:opacity .35s ease .22s}
.dash .dn [data-v]{display:none}
.dp [style*="--i"]{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*120ms + 250ms)}
.dash.wechselt .dp:not(.zeig) [style*="--i"]{opacity:0;transform:translate3d(0,8px,0);transition-delay:0s}
.dp-titel{font-size:18px;font-weight:600;letter-spacing:-.01em}
.dp-titel small{display:block;font-size:12px;font-weight:400;color:#737373;margin-top:2px;letter-spacing:0}
 
.re-tab{border:1px solid #E5E5E5;border-radius:12px;overflow:hidden}
.re-r{display:grid;grid-template-columns:33% 104px 24% minmax(0,1fr);gap:12px;padding:13px 12px;border-top:1px solid #F0F0F0;font-size:12px;line-height:1.45;align-items:start}
.re-kopf{border-top:0;background:#FAFAFA;font-weight:500;color:#0A0A0A;padding:9px 12px}
.re-q{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#0A0A0A}
.re-s{color:#737373;font-variant-numeric:tabular-nums}
.re-w{display:grid;gap:5px}
.re-a{display:flex;align-items:center;gap:6px}.re-a b{font-weight:500}.re-a small{color:#737373;font-size:11px}
.wz{width:15px;height:15px;border-radius:4px;background:#F0F0F0;color:#737373;font:500 9px/15px var(--sans);text-align:center;font-style:normal;flex:none}
.re-h{display:grid;gap:2px}.re-g{color:#0A0A0A}.re-x{color:#737373;font-size:11px}.re-strich{color:#A3A3A3}
 
.si-kenn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.si-kenn>div{border:1px solid #E5E5E5;border-radius:12px;padding:12px 14px}
.si-kenn>div>span{display:block;color:#737373;font-size:12px}
.si-kenn strong{font-size:22px;font-weight:600;letter-spacing:-.02em}
.si-kenn s{font-size:12px;color:#A3A3A3;font-weight:400;text-decoration:none;margin-left:4px}
.si-kenn strong>s:first-child{text-decoration:line-through;margin:0 4px 0 0}
.si-diag{border:1px solid #E5E5E5;border-radius:12px;padding:14px 16px 10px}
.si-dk{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#737373}
.si-dk b{font-weight:500}
.si-dk span{display:flex;align-items:center;gap:6px}
.si-dk i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-left:8px}
.si-dk i.h,.sg-s b.h{background:#D4D4D4}.si-dk i.n,.sg-s b.n{background:#171717}
.si-gruppen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.sg{text-align:center;font-size:12px;color:#404040}
.sg-s{height:118px;display:flex;align-items:flex-end;justify-content:center;gap:6px;border-bottom:1px solid #E5E5E5;margin-bottom:6px}
.sg-s b{width:26px;border-radius:4px 4px 0 0;height:calc(var(--hv,0)*1.65px);position:relative;transition:height .9s cubic-bezier(.2,.7,.2,1) .45s}
.sg-s b.n{transition-delay:.9s}
.sg-s em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-style:normal;font-size:10.5px;color:#737373;padding-bottom:2px;white-space:nowrap}
.sg-s b.n em{color:#0A0A0A;font-weight:500}
.dash.wechselt .dp-si:not(.zeig) .sg-s b{height:0;transition:none}
.si-listen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:12.5px}
.si-listen>div{border:1px solid #E5E5E5;border-radius:12px;padding:12px 14px}
.si-listen b{display:block;font-weight:500;color:#737373;margin-bottom:6px}
.sl{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid #F0F0F0}
.sl s{color:#A3A3A3;margin-right:4px}
 
.sw-o{width:270px;right:-84px;top:150px}
.sw-o .sw-f{background:#F5F5F5;border-radius:9px;padding:8px 10px;margin:0 0 10px 40px}
.sw-o p{margin:0}
@media (min-width:1021px){
  .hb.an .sw-l{animation:swRein linear both;animation-timeline:scroll(root);animation-range:40px 260px;--dx:-60px}
  .hb.an .sw-o{animation:swRein linear both;animation-timeline:scroll(root);animation-range:120px 340px;--dx:60px}
}
@keyframes swRein{0%{opacity:0;transform:translate3d(var(--dx),24px,0)}35%{opacity:1}100%{opacity:1;transform:none}}
@media (max-width:900px){.dp:not(.dp-ov){inset:12px}.si-kenn,.si-listen{grid-template-columns:minmax(0,1fr)}}

.at-intro .at-h2>span{display:block}
.du-z{font-size:11px;font-weight:500;color:#6D7988;background:#F3F4F6;border-radius:5px;padding:1px 5px;margin-left:4px}
.sf{width:100%;max-width:360px;background:#fff;border:1px solid #E3E7EC;border-radius:12px;padding:14px;display:grid;gap:10px;font-size:13px;text-align:left}
.sf-feld{background:#F5F5F5;border-radius:8px;padding:8px 10px;min-height:20px;color:#0A0A0A}
.sf-frage{color:#6D7988;font-size:12.5px;line-height:1.45}
.sf-zeile{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sf-chip{border:1px solid #E3E7EC;border-radius:8px;padding:4px 8px;font-size:12px}
.sf-chip span{color:#6D7988}
.sf-knopf{margin-left:auto;background:#1C1D1F;color:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:500}

 
:root{--im-sehr-gut:#2F9E44;--im-gut:#8CCB97;--im-vorbehalt:#C79100;--im-negativ:#D62828;--im-kein:#D9D9D9}
html{overflow-x:clip}
.bkx{background:var(--ui-muted);margin-inline:calc(50% - 50vw);padding:120px calc(50vw - 50% + 4px)}
.bk-kopf{max-width:1188px;margin:0 auto 40px;padding:0 4px}

.bk-zeile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:20px}
.bk-zeile h2{margin:0;font-size:39px;line-height:40.95px;font-weight:500;letter-spacing:-.78px;color:var(--ui-fg)}
.bk-zeile p{margin:0;padding-left:16px;border-left:1px solid var(--ui-border);font-size:22px;line-height:1.3;color:var(--ui-muted-fg)}
.bk-reihe{max-width:1188px;margin:0 auto;display:flex;gap:4px;padding:4px 4px 0}
.bk{flex:1 1 38%;background:#fff;border-radius:var(--ui-r-card);padding:40px 40px 0;height:548px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.bk.breit{flex-basis:62%}
.bk h3{margin:0;font-size:18px;line-height:21.6px;font-weight:600;color:var(--ui-fg)}
.bk>p{margin:6px 0 0;font-size:17px;line-height:1.35;color:var(--ui-muted-fg);max-width:360px}
.bk-bild{flex:1;position:relative;margin:28px -40px 0;min-height:0;overflow:hidden}
 
.ill-hinten{position:absolute;inset:10px 0 0 40px;opacity:.45;filter:blur(.4px);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 92%),linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent 92%);font-size:12px;color:var(--ui-muted-fg)}
.ill-z{display:grid;grid-template-columns:1.6fr 1fr .8fr;gap:12px;padding:11px 14px;border-bottom:1px solid var(--ui-border)}
.ill-vorn{position:absolute;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-r-card);box-shadow:var(--ui-schatten-menu);padding:18px 20px}
.ill-k,.ill-klein{display:block;font-size:12px;color:var(--ui-muted-fg);margin-bottom:6px}
.ill-v1{left:56px;bottom:36px;width:250px;text-align:center}
.ill-ring{width:150px;height:150px;display:block;margin:4px auto 0}
.ill-ring-z{font:600 30px var(--sans);fill:var(--ui-fg);letter-spacing:-.02em}.ill-ring-u{font:400 11px var(--sans);fill:var(--ui-muted-fg)}





.ill-t1{position:absolute;left:290px;top:120px}
.ill-t2{position:absolute;left:330px;top:184px}
.ill-stapel{position:absolute;inset:0;perspective:1400px}
.ill-karte{position:absolute;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-r-card);padding:18px 20px;box-shadow:var(--ui-schatten-menu);display:flex;flex-direction:column;gap:8px}
.ill-karte b{font-size:18px;line-height:1.3;font-weight:500;color:var(--ui-fg)}
.ill-karte p{margin:0;font-size:14px;line-height:1.45;color:var(--ui-muted-fg)}
.ill-stapel .ill-karte{left:40px;right:-30px;transform:rotateX(14deg) rotateZ(-6deg);transform-origin:0 100%}
.ill-stapel .hinten2{top:6px;opacity:.35}
.ill-stapel .hinten1{top:58px;opacity:.6}
.ill-stapel .vorn{top:118px}
.ill-stapel 
.ill-wer{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ui-muted-fg)}
.ill-wer img{width:24px;height:24px;margin:-5px;max-width:none!important}
.ill-kat{position:absolute;inset:0}
.ill-kat .kat1{left:40px;right:40px;top:14px;transform:rotate(-3deg)}
.ill-kat .kat2{left:56px;right:24px;top:170px;transform:rotate(2deg)}
.ill-gr{font-size:13px;color:var(--ui-muted-fg)}





.ill-v4{left:56px;top:54px;width:400px}
.ill-gross{display:block;font-size:17px!important;line-height:1.35;font-weight:500;color:var(--ui-fg);margin-bottom:14px}
.ill-rang{display:grid;gap:8px;margin-bottom:14px}
.ill-rang>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;font-size:14px;font-weight:500}
.ill-rang .du{color:var(--ui-muted-fg)}
.ill-rang em{font-style:normal;font-variant-numeric:tabular-nums}
.ill-grund{display:flex;justify-content:space-between;border-top:1px solid var(--ui-border);padding-top:12px;font-size:13px;color:var(--ui-muted-fg)}.ill-grund b{color:var(--ui-fg);font-weight:500}
.ill-p4{position:absolute;left:330px;top:262px}
.ill-balk{display:flex;align-items:flex-end;gap:26px;padding:0 40px 56px;inset:20px 0 0 330px;opacity:1;filter:none;-webkit-mask-image:none;mask-image:none}
.ill-g{display:flex;align-items:flex-end;gap:6px;height:100%;position:relative;padding-bottom:22px}
.ill-g b{width:28px;border-radius:4px 4px 0 0;height:calc(var(--hv,0)*3.4px);transition:height .9s cubic-bezier(.2,.7,.2,1) .5s}
.ill-g b.h{background:#D4D4D4}.ill-g b.n{background:var(--ui-primary);transition-delay:.9s}
.ill-g span{position:absolute;bottom:0;left:0;font-size:13px;color:var(--ui-muted-fg);white-space:nowrap}
.warte .ill-g b{height:0;transition:none}
.ill-v5{left:56px;top:40px;width:260px}
.ill-zahl{font-size:46px;font-weight:600;letter-spacing:-.03em;color:var(--ui-fg);line-height:1.1}
.ill-zahl s{font-size:18px;color:var(--ui-ring);font-weight:400}
.ill-p5{position:absolute;left:150px;top:200px}
.ill-form{top:60px!important}



 
.bk-bild.bew .ill-stapel .ill-karte[data-st]{transform:rotateX(14deg) rotateZ(-6deg)!important}
.bk-bild.bew .kat1[data-st]{transform:rotate(-3deg)!important}.bk-bild.bew .kat2[data-st]{transform:rotate(2deg)!important}
@media (max-width:900px){.bk-reihe{flex-direction:column}.bk{height:auto;min-height:460px;padding:28px 24px 0}.bk-bild{min-height:330px;margin-inline:-24px}.bk-zeile{grid-template-columns:minmax(0,1fr);gap:16px}.bk-zeile h2{font-size:30px;line-height:32px}.bkx{padding-block:72px}.ill-t1,.ill-t2{left:24px}.ill-t1{top:auto;bottom:120px}.ill-t2{top:auto;bottom:70px}.ill-v1{display:none}.ill-v4{left:24px;right:24px;width:auto}.ill-p4{left:auto;right:24px;top:auto;bottom:20px}.ill-balk{inset:20px 0 0 0}}

.bk-bild .pt{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:2px}
.ill-t1,.ill-t2,.ill-p4,.ill-p5{position:absolute;box-shadow:var(--ui-schatten-xs)}
.ill-t1{left:300px;top:126px}.ill-t2{left:330px;top:170px}
.ill-p4{left:340px;top:262px}.ill-p5{left:150px;top:200px}
.ill-karte .ui-badge{align-self:flex-start}
.ill-feld{display:flex;align-items:center;font-size:var(--ui-text-sm);color:var(--ui-fg)}
.ill-chips{display:flex;gap:6px;flex-wrap:wrap}
.ill-knopf{align-self:flex-start}

 
.bew [data-st]{opacity:0;transform:translate3d(0,8px,0);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.bew.spielt [data-st]{opacity:1;transform:none;transition-delay:calc(var(--i,0)*420ms + 200ms)}
.bew .gsp p[data-st]{min-height:4.5em}
@media (prefers-reduced-motion:reduce){.bew [data-st]{opacity:1;transform:none}}



.a{--a-li:#E8E9EC;--a-tx:#1C1D1F;--a-gr:#75777C;--a-gr2:#9A9CA3;--a-aus:#C9CBD0;--a-fl:#F7F7F8;--a-gn:#5E7A2A;
  position:relative;z-index:1;margin:clamp(72px,8vw,120px) calc(-1*clamp(16px,3.2vw,40px)) 0;color:var(--a-tx)}
.a-rahmen{margin:0 24px;border-left:1px solid var(--a-li);border-right:1px solid var(--a-li);border-top:1px solid var(--a-li)}
.a-rahmen>section{border-bottom:1px solid var(--a-li)}
.a-h2{margin:0;font-size:40px;line-height:44px;font-weight:500;letter-spacing:-.01em;max-width:860px;text-wrap:pretty}
.a-h3{margin:0;font-size:24px;line-height:27.6px;font-weight:500;letter-spacing:-.01em;max-width:560px}
.a-h2 span,.a-h3 span{color:var(--a-gr)}

.a-intro{padding:112px 7.6% 104px}

 
.a-plattform{display:grid;grid-template-columns:25% minmax(0,1fr)}
.a-liste{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;padding:120px 0 40px}
.a-liste a{position:relative;padding:8px 24px 8px 23.5%;font-size:18px;line-height:22px;font-weight:500;color:var(--a-aus);transition:color .25s}
.a-liste a::before{content:"";position:absolute;left:-1px;top:4px;bottom:4px;width:2px;background:transparent;transition:background .25s}
.a-liste a.an{color:var(--a-tx)}
.a-liste a.an::before{background:var(--a-gn)}
.a-liste a:hover{color:var(--a-tx)}
.a-spalte{border-left:1px solid var(--a-li);min-width:0}
.a-teil+.a-teil{border-top:1px solid var(--a-li)}
.a-text{padding:120px 8% 104px}
.a-bild{position:relative;height:540px;overflow:hidden;border-top:1px solid var(--a-li);background:var(--a-fl)}
.a-punkte{background-color:var(--a-fl);background-image:radial-gradient(rgba(28,29,31,.085) 1px,transparent 1.2px);background-size:16px 16px}
.a-unter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--a-li)}
.a-unter>div{position:relative;height:420px;overflow:hidden;padding:44px 32px 0}
.a-unter>div+div{border-left:1px solid var(--a-li)}
.a-unter h4{margin:0;font-size:18px;line-height:22px;font-weight:500;letter-spacing:-.01em}
.a-unter p{margin:6px 0 0;font-size:16px;line-height:22px;font-weight:500;color:var(--a-gr2);max-width:380px}
.a-ub{position:absolute;left:32px;right:32px;bottom:0;top:150px;display:flex;align-items:flex-end;justify-content:center}

 
.a-aus{position:absolute;display:block;background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(11,13,24,.06),0 1px 2px rgba(11,13,24,.024),0 3px 6px rgba(11,13,24,.03),0 8px 14px rgba(11,13,24,.035),0 16px 28px rgba(11,13,24,.04)}
.a-aus img{display:block;width:100%;height:auto;max-width:none}
.a-ub{justify-content:flex-start;align-items:flex-start}
.a-ub .a-aus{position:relative;flex:0 0 auto;border-radius:12px 12px 0 0}

 
.a-dunkel{background:linear-gradient(180deg,var(--moos-1) 0%,var(--moos-2) 100%);color:#F4F5F0;text-align:center;padding:136px 0 0;border-color:rgba(255,255,255,.18)!important}
.a-dk-klein{margin:0;font-size:16px;line-height:22px;font-weight:500;color:rgba(244,245,240,.75)}
.a-gross{margin:10px auto 0;font-size:clamp(48px,6.6vw,96px);line-height:1;font-weight:600;letter-spacing:-.024em;max-width:14ch;text-wrap:balance}
.a-raster5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:120px;border-top:1px solid rgba(255,255,255,.18);text-align:left}
.a-raster5>div{padding:96px 28px 32px;display:flex;flex-direction:column;gap:6px;min-height:200px}
.a-raster5>div+div{border-left:1px solid rgba(255,255,255,.18)}
.a-raster5 b{font-size:16px;line-height:22px;font-weight:500}
.a-raster5 span{font-size:14px;line-height:20px;font-weight:500;color:rgba(244,245,240,.72)}

 
.a-preise{padding:104px 0 0}
.a-preise-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding:0 7.6% 72px}
.a .bl-karten{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--a-li)}
.a .bl-k{border:0!important;border-radius:0!important;padding:36px 32px 44px!important;background:none!important}
.a .bl-k+.bl-k{border-left:1px solid var(--a-li)!important}
.a .bl-kn{font-size:18px;font-weight:500;color:var(--a-tx)}
.a .bl-kp{margin-top:12px;padding-bottom:20px;border-color:var(--a-li)!important}
.a .bl-kp b{font-size:40px;line-height:44px;font-weight:500;letter-spacing:-.01em}
.a .bl-knote{font-size:16px;line-height:22px;font-weight:500;color:var(--a-gr2);margin:18px 0 10px;min-height:44px}
.a .bl-kz{font-size:15px;padding:6px 0}
.a .bl-kb{height:40px;margin-top:22px}
.a .bl-km{border-color:var(--a-li)!important}
.a .bl-kf,.a .bl-kplus{font-size:14.5px}
.a .bl-anf{grid-column:1/-1!important;flex-direction:row!important;align-items:center;justify-content:space-between;border-top:1px solid var(--a-li);padding:28px 32px;font-size:16px;font-weight:500;color:var(--a-tx)}
.a .bl-anf>span::after{content:" Several companies, countries or an agency with many clients.";color:var(--a-gr2)}

 
.a-faq{display:grid;grid-template-columns:25% minmax(0,1fr)}
.a-faq>.a-h3{padding:72px 0 0 23.5%}
.a-faq .acc{border:0;border-radius:0;background:none;border-left:1px solid var(--a-li);padding:56px 0}
.a-faq .acc-i{border-bottom:1px solid var(--a-li)!important}
.a-faq .acc-i:first-child{border-top:1px solid var(--a-li)}
.a-faq .acc-i[open]{background:none}
.a-faq .acc-t{padding:20px 6%!important;font-size:18px!important;line-height:26px!important;font-weight:500}
.a-faq .acc-t:hover{text-decoration:none}
.a-faq .acc-c{padding:0 6% 24px!important;font-size:16px;line-height:24px;font-weight:500;color:var(--a-gr2);max-width:calc(62ch + 12%)}

 
.a-schluss{background:linear-gradient(180deg,var(--moos-1) 0%,var(--moos-2) 100%);color:#fff;text-align:center;padding:144px 24px 152px;margin-top:0}
.a-schluss h2{margin:0 auto;font-size:56px;line-height:56px;font-weight:500;letter-spacing:-.015em;max-width:18ch;text-wrap:balance}
.a-schluss .wege{margin-top:36px}
.a-schluss .btn{background:#fff;color:var(--ink);border-color:#fff}
.a-schluss .btn .p{color:var(--ink-3)}
.a-schluss .btn.hell{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.fuss{padding-inline:0!important;max-width:var(--max)!important;margin-inline:auto}

@media (max-width:1020px){
  .a-plattform,.a-faq{grid-template-columns:minmax(0,1fr)}
  .a-liste{display:none}
  .a-spalte,.a-faq .acc{border-left:0}
  .a-faq>.a-h3{padding:64px 6% 0}
  .a-raster5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-raster5>div:nth-child(3){border-left:0}
  .a-raster5>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}
  .a .bl-karten{grid-template-columns:minmax(0,1fr)!important}
  .a .bl-k+.bl-k{border-left:0!important;border-top:1px solid var(--a-li)!important}
}
@media (max-width:720px){
  .a-rahmen{margin:0 12px}
  .a-h2{font-size:30px;line-height:34px}.a-h3{font-size:21px;line-height:25px}
  .a-intro{padding:80px 20px 72px}.a-text{padding:64px 20px 48px}
  .a-bild{height:400px}
  .a-unter{grid-template-columns:minmax(0,1fr)}
  .a-unter>div{height:380px;padding:36px 20px 0}
  .a-unter>div+div{border-left:0;border-top:1px solid var(--a-li)}
  .a-ub{left:20px;right:20px;top:140px}
  .a-raster5{grid-template-columns:minmax(0,1fr)}
  .a-raster5>div{border-left:0!important;padding:40px 24px 32px;min-height:0}
  .a-raster5>div+div{border-top:1px solid rgba(255,255,255,.18)}
  .a-preise-kopf{padding:0 20px 48px}
  .a .bl-anf{flex-direction:column!important;align-items:flex-start}
  .a-schluss h2{font-size:38px;line-height:40px}
}
.a-ub.a-ub-mitte{align-items:center;justify-content:center;bottom:40px}
.a-ub-mitte .a-aus{border-radius:12px}

 
.a-intro{padding-bottom:80px}
.a-intro-bild{position:relative;height:740px;overflow:hidden}
.a-aus.oben{z-index:2;box-shadow:0 0 0 1px rgba(11,13,24,.07),0 2px 4px rgba(11,13,24,.04),0 12px 24px rgba(11,13,24,.08),0 32px 64px -12px rgba(11,13,24,.18)}
.a-intro-bild .a-aus{border-radius:20px}
@media (max-width:720px){.a-intro-bild{height:520px}.a-intro-bild .a-aus{left:16px!important;transform:none!important}}

.ic{display:inline-block;width:20px;height:20px;background:center/contain no-repeat}.ic-oai{background-size:200%}
.ic-oai{background-image:url("/brand/openai-dark.svg")}
.ic-goo{background-image:url("/brand/googleg.png")}
.ic-gem{background-image:url("/brand/gemini.svg")}

.hb-fenster{position:relative;border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:1440/900;box-shadow:0 0 0 1px rgba(10,10,10,.08),0 1px 2px rgba(0,0,0,.04),0 40px 90px -40px rgba(20,20,70,.35)}
.hb-fenster img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left top;opacity:0;transition:opacity .6s ease}
.hb-fenster img.zeig{opacity:1}
.hb.an .hb-fenster{transform-origin:50% 0;animation:hbDash linear both;animation-timeline:scroll(root);animation-range:0px 450px}
:root{--as-grund:url("/bild/as-grund.webp")}


.bu-rahmen{position:relative;z-index:2;margin-top:8px}
.bu-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.bu-schritte{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;counter-reset:s}
.bu-schritte li{counter-increment:s;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 8px;border-radius:999px;font-size:13px;font-weight:500;
  color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);transition:color .35s,background .35s}
.bu-schritte li::before{content:counter(s);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;background:rgba(255,255,255,.12);transition:background .35s,color .35s}
.bu-schritte li.an{color:#fff;background:rgba(255,255,255,.18)}
.bu-schritte li.an::before{background:#fff;color:var(--moos-1)}
.bu-schritte li.fertig{color:rgba(255,255,255,.82)}


html{overscroll-behavior-y:none}
.kopf::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:env(safe-area-inset-top,0px);background:#1C250F}
.kopf.gerollt::before{background:#fff}
.bu{position:relative;width:100%;height:640px}
.bu-innen{position:absolute;left:0;top:0;width:1200px;height:640px;transform-origin:0 0}
.bu-fuss{margin:14px 0 0;font-size:12.5px;color:rgba(28,29,31,.55);text-align:right}

.fen{position:absolute;background:#fff;border-radius:14px;overflow:hidden;color:#0A0A0A;font-size:14px;line-height:1.55;
  box-shadow:0 0 0 1px rgba(10,14,5,.08),0 2px 4px rgba(10,14,5,.05),0 18px 40px -10px rgba(10,14,5,.28),0 50px 100px -30px rgba(10,14,5,.35);
  transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .7s ease,filter .7s ease}
.fen-kopf{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;border-bottom:1px solid #EFEFEF;background:#FBFBFB}
.ampel{display:flex;gap:7px}
.ampel i{width:11px;height:11px;border-radius:50%;display:block;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
.ampel i:nth-child(1){background:#FF5F57}.ampel i:nth-child(2){background:#FEBC2E}.ampel i:nth-child(3){background:#28C840}
.fen-titel{font-size:12.5px;color:#737373;font-weight:500}
.st-marke{color:#0A0A0A;font-weight:600}

 
.bu-chat{left:40px;top:28px;width:680px;height:560px;display:flex;flex-direction:column}
.ch-verlauf{flex:1;overflow:hidden;padding:26px 30px 8px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px}
.ch-frage{align-self:flex-end;max-width:78%;background:#F2F2F2;border-radius:20px;padding:11px 16px;font-size:15px;line-height:1.5;
  animation:auf .45s cubic-bezier(.22,1,.36,1) both}
.ch-antwort{font-size:15.5px;line-height:1.62;max-width:96%;animation:auf .35s ease both}
.ch-antwort b{font-weight:600}
.ch-denkt{display:flex;gap:5px;padding:6px 0}
.ch-denkt i{width:7px;height:7px;border-radius:50%;background:#C9C9C9;animation:denkt 1s ease-in-out infinite}
.ch-denkt i:nth-child(2){animation-delay:.15s}.ch-denkt i:nth-child(3){animation-delay:.3s}
@keyframes denkt{0%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes auf{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
.mk{background-image:linear-gradient(transparent 58%,var(--mk,#FFE7A3) 58%);background-repeat:no-repeat;background-size:0 100%;transition:background-size 1.1s cubic-bezier(.22,1,.36,1);padding:0 1px}
.mk.an{background-size:100% 100%}
.mk.gut{--mk:#D5E9B8}
.ch-feld{position:relative;margin:10px 22px 22px;height:52px;border-radius:26px;border:1px solid #E3E3E3;display:flex;align-items:center;padding:0 54px 0 20px;font-size:15px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ch-platz{color:#A3A3A3;position:absolute;left:20px;top:50%;transform:translateY(-50%);pointer-events:none}
.ch-eingabe:not(:empty)+.ch-platz,.as-feld span:not(:empty)+.ch-platz{display:none}
.ch-eingabe::after,.as-feld span::after{content:"";display:inline-block;width:1.5px;height:1.1em;vertical-align:-3px;margin-left:1px;background:#0A0A0A;opacity:0}
.tippt::after{opacity:1!important;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.ch-senden{position:absolute;right:8px;top:8px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#E5E5E5;color:#fff;transition:background .2s}
.ch-senden.bereit{background:#0A0A0A}

 
.bu-produkt{left:300px;top:40px;width:880px;height:560px;opacity:0;transform:translate3d(80px,24px,0) scale(.97);pointer-events:none}
.st-flaeche{position:relative;display:flex;height:calc(100% - 40px)}
.st-haupt{position:relative;flex:1;min-width:0;padding:22px 24px;transition:padding .6s}
.st-h{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}
.st-tab{border:1px solid #E8E8E8;border-radius:12px;overflow:hidden;font-size:13.5px}
.st-z{display:grid;grid-template-columns:minmax(0,1.6fr) 130px minmax(0,1fr);gap:16px;padding:13px 16px;border-top:1px solid #F0F0F0;align-items:start;transition:background .25s}
.st-z:first-child{border-top:0}
.st-k{background:#F7F7F7;color:#737373;font-weight:500;font-size:12.5px;padding-block:10px}
.st-z b{font-weight:600}.st-z .du{color:#3F531C}.st-z .leer{color:#A3A3A3}
.st-z.hover{background:#F6F8F1}
.st-detail,.st-sim{position:absolute;left:24px;right:24px;top:22px;bottom:22px;background:#fff;border:1px solid #E8E8E8;border-radius:14px;padding:22px 24px;
  box-shadow:0 20px 50px -18px rgba(10,14,5,.25);opacity:0;transform:translate3d(0,14px,0) scale(.985);transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
.st-detail.an,.st-sim.an{opacity:1;transform:none}
.sd-frage{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.005em;max-width:560px}
.sd-block{margin-top:18px}
.sd-t{font-size:12.5px;font-weight:500;color:#737373;margin-bottom:6px}
.sd-r{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}
.sd-r span{display:flex;align-items:center;gap:8px}
.wz{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font:600 10.5px/1 var(--sans);font-style:normal;background:#F0F0F0;color:#525252}
.wz.du{background:#1E3A2F;color:#fff}
.sd-r em,.sd-grund em{font-style:normal;font-variant-numeric:tabular-nums;color:#525252}
.sd-grund{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #E8E8E8;border-radius:12px;padding:12px 14px;transition:box-shadow .5s,border-color .5s}
.sd-grund.an{border-color:#C9D9A6;box-shadow:0 0 0 4px rgba(111,138,50,.12)}
.sd-grund b{display:block;font-weight:600;font-size:14.5px}
.sd-grund small{display:block;color:#737373;font-size:12.5px;margin-top:2px}
.sd-test{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:14px;color:#525252;opacity:0;transform:translate3d(0,6px,0);transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}
.sd-test.an{opacity:1;transform:none}
.knopf{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:9px;background:#171717;color:#FAFAFA;font-weight:500;font-size:13.5px;transition:transform .15s,background .2s}
.knopf.druck{transform:scale(.95);background:#3A3A3A}
.knopf.hell{background:#fff;color:#0A0A0A;box-shadow:0 0 0 1px #E3E3E3}

 
.ss-t{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}
.ss-stand{font-size:12px;font-weight:500;color:#737373;background:#F3F3F3;border-radius:999px;padding:2px 9px;transition:color .3s,background .3s}
.ss-stand.fertig{color:#2F6E1F;background:#EAF3DD}
.ss-zahlen{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.ss-zahlen>div{border:1px solid #E8E8E8;border-radius:12px;padding:14px 16px;position:relative}
.ss-zahlen span{display:block;font-size:12.5px;color:#737373}
.ss-zahlen b{display:block;margin-top:4px;font-size:30px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ss-zahlen s{font-size:15px;color:#A3A3A3;font-weight:500;margin-right:4px}
.ss-plus{position:absolute;right:14px;top:14px;font-style:normal;font-size:12px;font-weight:600;color:#2F6E1F;background:#EAF3DD;border-radius:999px;padding:2px 8px;opacity:0;transform:scale(.8);transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.ss-plus.an{opacity:1;transform:none}
.ss-balken{margin-top:18px;display:grid;gap:12px}
.sb{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:14px;font-size:13.5px}
.sb-spur{display:grid;gap:4px}
.sb-spur b{display:block;height:9px;border-radius:5px;width:var(--w)}
.sb-spur .h{background:#D9D9D9}
.sb-spur .n{background:#0A0A0A;width:0;transition:width 1.4s cubic-bezier(.22,1,.36,1)}
.sb-spur .n.an{width:var(--w)}
.sb-leg{display:flex;gap:16px;font-size:12px;color:#737373;padding-left:104px}
.sb-leg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sb-leg .h{background:#D9D9D9}.sb-leg .n{background:#0A0A0A}

 
.st-as{width:0;overflow:hidden;border-left:1px solid #EFEFEF;background:#FCFCFC;display:flex;flex-direction:column;transition:width .8s cubic-bezier(.22,1,.36,1)}
.st-as.an{width:330px}
.as-k{padding:16px 18px 8px;font-size:13px;font-weight:600;white-space:nowrap}
.as-verlauf{flex:1;overflow:hidden;padding:4px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;width:330px}
.as-frage{align-self:flex-end;max-width:85%;background:#F0F0F0;border-radius:16px;padding:8px 12px;font-size:13.5px;animation:auf .4s cubic-bezier(.22,1,.36,1) both}
.as-antwort{font-size:13.5px;line-height:1.55;animation:auf .3s ease both}
.as-schaut{font-size:12.5px;color:#8A8A8A;background:linear-gradient(90deg,#8A8A8A 0%,#C9C9C9 50%,#8A8A8A 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:schimmer 1.4s linear infinite}
@keyframes schimmer{to{background-position:-200% 0}}
.as-karte{border:1px solid #E5E5E5;border-radius:12px;padding:12px;background:#fff;font-size:13px;animation:auf .45s cubic-bezier(.22,1,.36,1) both;box-shadow:0 6px 16px -8px rgba(0,0,0,.12)}
.as-karte small{display:block;font-size:11.5px;color:#737373;margin-bottom:6px}
.as-karte p{margin:0 0 10px;line-height:1.5}
.as-knoepfe{display:flex;gap:8px;justify-content:flex-end}
.as-knoepfe .knopf{height:30px;font-size:12.5px;padding:0 11px}
.as-feld{position:relative;margin:10px 14px 14px;height:44px;border:1px solid #E3E3E3;border-radius:12px;display:flex;align-items:center;padding:0 14px;font-size:13.5px;background:#fff;width:302px}
.as-feld .ch-platz{left:14px}

 
.bu-zeiger{position:absolute;left:0;top:0;z-index:10;width:22px;height:22px;opacity:0;transition:opacity .4s;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.bu-zeiger.an{opacity:1}
.bu-zeiger svg{display:block}
.klick{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(17,17,17,.35);opacity:0;transform:scale(.4)}
.klick.an{animation:klick .5s ease-out}
@keyframes klick{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.4)}}

 
.bu.zurueck .bu-chat{transform:translate3d(-30px,10px,0) scale(.94);opacity:.45;filter:blur(1.5px)}
.bu.stead .bu-produkt{opacity:1;transform:none;pointer-events:auto}
.bu.chat-vorn .bu-produkt{transform:translate3d(60px,20px,0) scale(.95);opacity:0}

@media (max-width:720px){.bu-schritte li:not(.an){display:none}.bu-fuss{text-align:left}}
@media (prefers-reduced-motion:reduce){.fen,.st-detail,.st-sim,.st-as,.mk,.sb-spur .n{transition:none!important}}
.ss-zahlen b span,.ss-zahlen b s{display:inline}
.bu-chat{left:260px}
.bu.zurueck .bu-chat{transform:translate3d(-250px,10px,0) scale(.94)}

 
.bu.schmal .bu-chat{left:0;top:0;width:440px;height:620px}
.bu.schmal .bu-produkt{left:0;top:0;width:440px;height:620px;transform:translate3d(0,30px,0) scale(.97)}
.bu.schmal.stead .bu-produkt{transform:none}
.bu.schmal.zurueck .bu-chat{transform:translate3d(0,-14px,0) scale(.92);opacity:0}
.bu.schmal .st-haupt{padding:16px}
.bu.schmal .st-z{grid-template-columns:minmax(0,1fr) 92px}
.bu.schmal .st-z>span:nth-child(3){display:none}
.bu.schmal .st-detail,.bu.schmal .st-sim{left:12px;right:12px;top:12px;bottom:12px;padding:18px}
.bu.schmal .st-as{position:absolute;right:0;top:0;bottom:0;z-index:3;box-shadow:-16px 0 40px -20px rgba(0,0,0,.25)}
.bu.schmal .st-as.an{width:440px}
.bu.schmal .as-verlauf{width:440px}
.bu.schmal .as-feld{width:412px}
.bu.schmal .ch-verlauf{padding:20px 20px 8px}
.bu.schmal .ch-feld{margin:8px 14px 16px}
.bu.schmal .ss-zahlen b{font-size:26px}
@media (max-width:720px){.fetzen{display:none!important}}
 
.ss-stand,.ss-stand.fertig{background:#F5F5F5;color:#171717;border-radius:999px}
.ss-plus{background:#fff;color:#16A34A;box-shadow:inset 0 0 0 1px #E5E5E5}
.mk.gut{--mk:transparent}
.sd-grund.an{border-color:#D4D4D4;box-shadow:0 0 0 4px rgba(10,10,10,.05)}
.st-z.hover{background:#F5F5F5}
.st-z .du{color:#0A0A0A}
.wz.du{background:#171717}
.ss-zahlen b span{font-size:inherit;color:inherit;font-weight:inherit}
.ss-stand{white-space:nowrap;flex:0 0 auto}
 
.bu-chat{display:block}
.ch-verlauf{position:absolute;left:0;right:0;top:40px;bottom:84px;justify-content:flex-start;padding:24px 30px 8px}
.ch-feld{position:absolute;left:22px;right:22px;margin:0;top:calc(100% - 74px);transition:top .75s cubic-bezier(.22,1,.36,1)}
.bu.schmal .ch-verlauf{padding:20px 20px 8px}
.bu.schmal .ch-feld{left:14px;right:14px;margin:0}
 
.bu-schritte{position:relative;display:block;height:24px;min-width:0;flex:1}
.bu-schritte li{position:absolute;left:0;top:0;display:block;height:auto;padding:0;background:none!important;border-radius:0;
  font-size:15px;font-weight:500;color:#fff!important;opacity:0;transform:translate3d(0,6px,0);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);white-space:nowrap}
.bu-schritte li::before{content:none!important}
.bu-schritte li.an{opacity:1;transform:none}
.bu-schritte li.fertig{opacity:0;transform:translate3d(0,-6px,0)}
@media (max-width:720px){.bu-schritte li:not(.an){display:block}}
 
.as-verlauf{justify-content:flex-end}
.as-antwort b{font-weight:600}

 
.bu-produkt .st-h,.bu-produkt .st-tab{display:none}
.st-haupt{overflow:hidden;transition:opacity .5s ease}
.bu-produkt.gross .st-haupt{opacity:0}
.bu-produkt.gross .st-as.an{width:880px;border-left-color:transparent;background:#fff}
.as-verlauf,.as-feld{transition:opacity .25s ease}
.st-as.wechsel .as-verlauf,.st-as.wechsel .as-feld,.st-as.wechsel .as-k{opacity:0}
.bu-produkt.gross .as-verlauf{width:540px;margin:0 auto;padding:4px 0}
.bu-produkt.gross .as-feld{width:540px;margin:10px auto 22px}
.bu-produkt.gross .as-k{padding-left:24px}
.bu-produkt.gross .as-frage,.bu-produkt.gross .as-antwort,.bu-produkt.gross .as-karte{font-size:14.5px}
.bu.schmal .bu-produkt.gross .st-as.an{width:440px}
.bu.schmal .bu-produkt.gross .as-verlauf{width:440px;padding:4px 18px}
.bu.schmal .bu-produkt.gross .as-feld{width:412px;margin:10px 14px 14px}



.st-as{position:relative;display:block;border-left:1px solid #EFEFEF;background:#fff}
.st-as::before{content:"";position:absolute;inset:0;background:var(--as-grund) center/cover no-repeat;opacity:0;transition:opacity .7s ease}
.bu-produkt.gross .st-as::before{opacity:1}
.bu-produkt.gross .st-as.an{width:880px;background:#fff}
.st-as.an{width:420px}
.as-k{display:none}
.as-spalte{position:relative;z-index:1;width:400px;height:100%;margin:0 auto;display:flex;flex-direction:column;padding:0 4px}
.as-gruss{padding:44px 6px 0;transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1),max-height .6s cubic-bezier(.22,1,.36,1);max-height:260px;overflow:hidden}
.as-gruss.weg{opacity:0;transform:translate3d(0,-10px,0);max-height:0;padding-top:0}
.as-gruss-t{font-size:23px;font-weight:600;letter-spacing:-.02em}
.as-gruss p{margin:10px 0 0;font-size:14px;line-height:1.55;color:#262626}
.as-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.as-chips span{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;border:1px solid #E5E5E5;background:#fff;font-size:13px;font-weight:500}
.as-verlauf{flex:1;width:auto!important;margin:0!important;padding:22px 6px 10px!important;display:flex;flex-direction:column;justify-content:flex-start!important;gap:12px;overflow:hidden;scroll-behavior:smooth}
.bu-produkt.gross .as-verlauf{width:auto!important}
.as-feld{position:relative;width:auto!important;margin:8px 0 16px!important;height:74px;border-radius:18px;border:1px solid #E5E5E5;background:#fff;display:block;padding:12px 14px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.bu-produkt.gross .as-feld{width:auto!important;margin:8px 0 16px!important}
.as-feld .ch-platz{left:14px;top:12px;transform:none}
.as-mik{position:absolute;left:14px;bottom:10px;color:#737373}
.as-senden{position:absolute;right:10px;bottom:9px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#A3A3A3;color:#fff;transition:background .2s}
.as-senden.bereit{background:#171717}
.st-haupt{opacity:1;transition:opacity .6s ease .15s}
.st-sim{transition:opacity .6s ease .2s,transform .8s cubic-bezier(.22,1,.36,1) .2s}
.st-as{transition:width .9s cubic-bezier(.65,0,.35,1)}
 
.ch-verlauf{transition:opacity .35s ease}
.ch-verlauf.aus{opacity:0}
.bu-innen{transition:opacity .5s ease}
.bu.neustart .bu-innen{opacity:0}
 
.bu.schmal .st-as.an,.bu.schmal .bu-produkt.gross .st-as.an{width:440px}
.bu.schmal .as-spalte{width:100%;padding:0 14px}
.bu.schmal .as-gruss{padding-top:28px}
.bu.ohne *,.bu.ohne *::before{transition:none!important;animation:none!important}

 
.st-as{position:relative}
.as-top{position:absolute;left:14px;right:14px;top:10px;height:30px;display:flex;align-items:center;gap:8px;z-index:2;font-size:13px;font-weight:500}
.as-dock{margin-left:auto;color:#525252;display:grid;place-items:center}
.st-as:not(.an) .as-top{opacity:0}
.as-spalte{position:relative!important;display:block!important;width:420px!important;padding:0!important;height:100%}
.as-gruss{position:absolute!important;left:0;right:0;top:calc(50% - 132px);padding:0!important;text-align:center;max-height:none!important;overflow:visible!important;transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.as-gruss.weg{opacity:0;transform:translate3d(0,-12px,0)}
.as-gruss-t{font-size:24px!important;font-weight:600;letter-spacing:-.02em}
.as-gruss p{margin:10px auto 0!important;max-width:370px;color:#737373!important;font-size:14px!important;line-height:1.6}
.as-chips{position:absolute!important;left:-30px;right:-30px;top:calc(50% + 66px);display:flex;justify-content:center;flex-wrap:nowrap;gap:8px;margin:0!important;transition:opacity .35s ease}
.as-chips span{height:32px!important;padding:0 13px!important;font-size:13px!important;white-space:nowrap;background:#F5F5F5!important;border:0!important}
.st-as:not(.leer) .as-chips{opacity:0}
.as-feld{position:absolute!important;left:0;right:0;margin:0!important;height:88px!important;bottom:16px;border-radius:20px!important;background:#F7F7F7!important;border:1px solid #E8E8E8!important;box-shadow:none!important;
  transition:bottom .85s cubic-bezier(.65,0,.35,1)}
.st-as.leer .as-feld{bottom:calc(50% - 50px)}
.as-mik{left:12px!important;bottom:10px!important;width:28px;height:28px;border-radius:50%;border:1px solid #E5E5E5;display:grid;place-items:center;background:#fff}
.as-senden{right:12px!important;bottom:10px!important;width:28px!important;height:28px!important;background:#737373!important}
.as-senden.bereit{background:#171717!important}
.as-verlauf{position:absolute!important;left:0;right:0;top:52px;bottom:120px;padding:6px 2px 10px!important;gap:14px!important}
.as-frage{align-self:flex-end;max-width:85%;background:#F2F2F2!important;border-radius:20px!important;padding:9px 15px!important;font-size:14px!important}
.as-antwort{font-size:14px!important;line-height:1.6!important;color:#0A0A0A}
.as-kopie{color:#737373;margin-top:-6px}
 
.as-trace{font-size:13.5px;color:#737373;display:flex;flex-direction:column;gap:9px}
.as-trace .tz{display:flex;align-items:center;gap:8px}
.as-trace .tz svg{flex:0 0 auto}
.as-trace .tz.laeuft span{background:linear-gradient(90deg,#8A8A8A 0%,#D4D4D4 50%,#8A8A8A 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:schimmer 1.4s linear infinite}
.as-trace .tz-kopf svg{transition:transform .25s}
.as-trace .tz-liste{display:flex;flex-direction:column;gap:9px;overflow:hidden;transition:max-height .35s ease,opacity .3s ease;max-height:120px}
.as-trace.zu .tz-liste{max-height:0;opacity:0}
 
.as-karte{border:1px solid #E5E5E5!important;border-radius:12px!important;padding:12px 14px!important;box-shadow:none!important;background:#fff}
.as-karte b{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}
.as-karte .as-text{border:1px solid #E5E5E5;border-radius:8px;padding:7px 10px;font-size:13.5px;line-height:1.5;background:#fff}
.as-karte .as-hin{display:block;margin-top:7px;font-size:12.5px;color:#737373}
.as-knoepfe{margin-top:11px}
.as-knoepfe .knopf{height:30px;font-size:12.5px;border-radius:9px}
.as-ok-fertig{display:inline-flex;align-items:center;gap:5px;color:#737373;font-size:12.5px;height:30px}
.bu.schmal .as-spalte{width:100%!important;padding:0 14px!important}
.bu.schmal .as-chips{left:0;right:0;flex-wrap:wrap}
.as-gruss{top:calc(50% - 168px)!important}
.st-sim{right:auto!important;width:412px}
.bu.schmal .st-sim{right:12px!important;width:auto}

 
.sm-kurve{margin-top:18px;border:1px solid #E8E8E8;border-radius:12px;padding:12px 14px 10px}
.sm-kopf{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:#737373}
.sm-woche{white-space:nowrap;font-variant-numeric:tabular-nums}
.sm-woche b{font-weight:600;color:#0A0A0A}
.sm-kurve svg{display:block;width:100%;height:96px;margin-top:8px;overflow:visible}
.sm-gitter line{stroke:#F0F0F0;stroke-width:1;vector-effect:non-scaling-stroke}
.sm-linie{fill:none;stroke:#0A0A0A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.sm-linie.an{stroke-dashoffset:0;transition:stroke-dashoffset 2.8s cubic-bezier(.45,0,.25,1)}
.sm-punkt{fill:#0A0A0A;opacity:0;transition:opacity .3s}
.sm-punkt.an{opacity:1}
.sm-achse{display:flex;justify-content:space-between;font-size:11.5px;color:#A3A3A3;margin-top:4px}
.as-karte ul{margin:0;padding:7px 10px 7px 26px;border:1px solid #E5E5E5;border-radius:8px;font-size:13.5px;line-height:1.5}
.as-karte li+li{margin-top:3px}
.bu.schmal .st-mess{right:12px!important;width:auto}
.st-mess .ss-plus{top:auto;bottom:16px}
@media (max-width:720px){.bu-schritte{height:40px}.bu-schritte li{right:0;white-space:normal;font-size:14px;line-height:1.35}}
 
.ch-feld{top:auto!important;bottom:22px;height:auto!important;min-height:52px;display:block;padding:14px 56px 14px 20px;line-height:1.5;border-radius:26px}
.ch-feld .ch-platz{top:26px}
.ch-eingabe{display:block;white-space:normal;overflow-wrap:anywhere}
.ch-senden{top:auto!important;bottom:7px}
.bu.schmal .ch-feld{bottom:16px}
.ch-senden,.as-senden{transition:background .2s,transform .15s}
.ch-senden.druck,.as-senden.druck{transform:scale(.88)}
 
.as-mik::after,.as-senden::after{content:none!important;display:none!important}
.as-mik svg,.as-senden svg,.ch-senden svg{display:block}



:root{--grund:#F6F8F0}
 
.farbfeld{background:linear-gradient(180deg,#1C250F 0px,#1C250F 80px,var(--moos-1) 300px,var(--moos-2) 560px,var(--moos-3) 960px,var(--grund) 1300px)!important}
.preise,.fragen,.schluss{position:relative;z-index:1}
.preise h2,.fragen h2,.schluss h2{margin:0;font-weight:500;font-size:clamp(32px,4.2vw,48px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance;text-align:center}
.preise{max-width:var(--max);margin-inline:auto;padding-top:clamp(96px,12vw,160px)}
.kopfzeile{display:flex;flex-direction:column;align-items:center;text-align:center}
.kopfzeile p{margin:14px 0 0;font-size:18px;color:var(--ink-2)}
.takt{display:inline-flex;margin-top:28px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(14,14,18,.12);background:#fff;overflow:hidden}
.takt .takt-knopf{all:unset;cursor:pointer;height:36px;padding:0 14px;font:500 14px/36px var(--sans);color:var(--ink)}
.takt .takt-knopf[aria-pressed="true"]{background:#F0F0F0}
.takt .takt-knopf+button{box-shadow:-1px 0 0 rgba(14,14,18,.12)}
.takt .takt-knopf:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.tk-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
 
.preise-dazu{margin:24px 0 0;text-align:center;font-size:15px;color:var(--ink-2)}
.tk{min-width:0;background:#fff;border-radius:18px;box-shadow:0 0 0 1px rgba(14,14,18,.1);padding:24px;display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:16px;align-content:start}
.tk h3{margin:0;font-size:18px;font-weight:500;letter-spacing:-.01em}
.tk-preis{margin:6px 0 0;display:flex;align-items:baseline;gap:6px}
.tk-preis b{font-size:32px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tk-preis span{font-size:14px;color:var(--ink-3)}
.tk-fuer{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.tk-zahlen{margin:12px 0 0;display:grid;gap:8px;font-size:14px}
.tk-zahlen div{display:flex;justify-content:space-between;gap:8px}
.tk-zahlen dt{color:var(--ink-2)}.tk-zahlen dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.tk-knopf,.tk-hell{display:flex;align-items:center;justify-content:center;height:34px;border-radius:999px;font:500 14px/1 var(--sans)}
.tk-knopf{background:var(--ink);color:#fff}.tk-knopf:hover{background:#2A2A30}
.tk-hell{justify-self:start;align-self:end;padding:0 14px;background:#F2F2F2;color:var(--ink)}.tk-hell:hover{background:#E8E8E8}
.tk-dienste{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink-2);letter-spacing:.02em}
.tk-dienste em{font-style:normal;font-size:12px;letter-spacing:0;color:var(--ink);background:#F2F2F2;border-radius:999px;padding:3px 9px}
.tk-zeichen{display:flex;gap:8px;align-items:center;margin-top:-6px}
.tk-zeichen img{width:16px;height:16px;display:block}
.tk-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.45;align-content:start}
.tk-liste li{position:relative;padding-left:24px}
.tk-liste li::before{content:"";position:absolute;left:3px;top:.42em;width:9px;height:5px;border-left:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:rotate(-45deg)}
.tk-liste .tk-plus{padding-left:0;color:var(--ink-2)}.tk-liste .tk-plus::before{content:none}
.tk-mehr{grid-template-rows:subgrid}.tk-mehr .tk-kopf{grid-row:1}.tk-mehr .tk-hell{grid-row:6}
 
.fragen{padding-top:clamp(96px,12vw,160px);max-width:760px;margin-inline:auto}
.faq{margin-top:40px}
.faq details{border-top:1px solid rgba(14,14,18,.12)}
.faq details:last-child{border-bottom:1px solid rgba(14,14,18,.12)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:17px;font-weight:500;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 auto;width:8px;height:8px;margin-right:4px;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:translateY(-3px) rotate(45deg);transition:transform .25s}
.faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.faq p{margin:-4px 0 22px;color:var(--ink-2);font-size:16px;line-height:1.6;max-width:62ch}
 
.schluss{margin-top:clamp(96px,12vw,160px);padding-block:clamp(56px,7vw,96px) clamp(40px,5vw,72px);text-align:center}





html:has(> body:not(.unterseite)){background:var(--moos-1)}


body:not(.unterseite){background:linear-gradient(0deg,var(--moos-1) 0px,var(--moos-2) 600px,var(--moos-3) 880px,var(--grund) 1200px) bottom/100% 1200px no-repeat,linear-gradient(var(--grund),var(--grund)) top/100% calc(100% - 1199px) no-repeat,var(--moos-1)}


@media (max-width:720px){body:not(.unterseite){background:linear-gradient(0deg,var(--moos-1) 0px,var(--moos-2) 820px,var(--moos-3) 1150px,var(--grund) 1450px) bottom/100% 1450px no-repeat,linear-gradient(var(--grund),var(--grund)) top/100% calc(100% - 1449px) no-repeat,var(--moos-1)}}


body:not(.unterseite) .kopf:not(.gerollt){background:#1C250F!important}
.schluss h2{max-width:24ch;margin-inline:auto}
.schluss .knoepfe{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:32px}
 
.schluss .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
.schluss .btn.hell{background:#fff;color:var(--ink);border-color:#fff}
.fuss{position:relative;z-index:1;border-top-color:rgba(14,14,18,.14)!important}
 
body:not(.unterseite) :is(.schluss h2,.fuss,.fuss a,.fuss h5,.fuss .marke .wort){color:#fff}
body:not(.unterseite) .fuss .marke .zeichen{color:var(--moos-3)}
body{overflow-x:clip}
@media (max-width:1000px){.tk-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tk-raster{grid-template-columns:minmax(0,1fr)}.tk{grid-row:auto;grid-template-rows:none}.tk-mehr .tk-hell{grid-row:auto}}
.tk-zeichen img[alt="ChatGPT"]{width:32px;height:32px;margin:-8px}
 
dialog#kontakt.ui-dialog{position:fixed;inset:0;margin:auto;transform:none;width:calc(100% - 32px);max-width:512px;height:fit-content;max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:0;border-radius:var(--ui-r-card);background:var(--ui-bg);color:var(--ui-fg);box-shadow:var(--ui-schatten-fenster);gap:20px}
dialog#kontakt.ui-dialog::backdrop{background:rgba(0,0,0,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
dialog#kontakt .ui-dialog-close{position:absolute;top:12px;right:12px}
dialog#kontakt form{display:grid;gap:20px}
dialog#kontakt .ui-dialog-footer{display:flex;gap:12px}
dialog#kontakt .af-mail{color:var(--ui-fg);user-select:all}
dialog#kontakt .af-zu{color:var(--ui-muted-fg);font-size:14px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-r)}dialog#kontakt .af-zu:hover{background:var(--ui-muted);color:var(--ui-fg)}
dialog#kontakt .af-zu-form{margin:0;display:contents}
dialog#kontakt:not([open]){display:none}
.fragen h2{max-width:none;font-size:clamp(28px,3.4vw,40px)}

.farbfeld{height:1340px!important}
body:not(.unterseite) .fuss .klein{color:rgba(255,255,255,.8)!important}
 
@media (max-width:720px){.fuss a:not(.marke){display:inline-block;padding-block:4px;min-height:24px}}

 
.af-falle{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}