@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk-var.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono-var.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{
  --bg:#0d1017;--bg2:#10141b;--card:#161b21;--card2:#1b2129;--line:#252c36;
  --text:#e6edf3;--muted:#9aa5b1;--dim:#6e7a87;
  --green:#3ddd97;--green-d:#1f9e6b;--green-ink:#06291a;--red:#f1545b;--amber:#f2b33d;
  --paper:#f4f5f7;--paper-line:#d5dae0;--ink:#12161c;
  --r:20px;--wrap:1180px;--pad:clamp(16px,4vw,32px);
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 var(--sans);overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.6rem,7.2vw,5rem)}
h2{font-size:clamp(2rem,4.6vw,3.25rem)}
h3{font-size:1.25rem;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--pad));margin-inline:auto;padding-inline:var(--pad)}
.mono{font-family:var(--mono)}
.eyebrow{font:500 .8125rem/1.4 var(--mono);color:var(--green);letter-spacing:.06em;text-transform:uppercase;margin:0 0 1rem;display:inline-flex;align-items:center;gap:.6em}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.lead{font-size:clamp(1.125rem,2vw,1.3rem);color:var(--muted);max-width:36em}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--green);color:var(--green-ink);padding:.6em 1em;border-radius:8px}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}

/* Knöpfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.8em 1.6em;border-radius:999px;font:600 1rem/1.2 var(--sans);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn-primary{background:var(--green);color:var(--green-ink);box-shadow:0 0 0 0 rgba(61,221,151,.0)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(61,221,151,.55)}
.btn-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:var(--green);color:var(--green)}
.btn-sm{min-height:42px;padding:.55em 1.2em;font-size:.9375rem}

/* Kopf */
.kopf{position:sticky;top:0;z-index:50;background:rgba(13,16,23,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.kopf.gescrollt{border-color:var(--line)}
.kopf .wrap{display:flex;align-items:center;gap:1rem;min-height:72px}
.marke{display:flex;align-items:center;gap:.65rem;text-decoration:none;font:700 1.3125rem/1 var(--sans);letter-spacing:-.02em;flex:none;min-width:0}
.marke b{color:var(--green);font-weight:600}
.signet{width:36px;height:auto;flex:none}
.nav{margin-left:auto;display:flex;align-items:center;gap:.25rem}
.nav a{text-decoration:none;color:var(--muted);font-size:.9688rem;padding:.5em .8em;border-radius:8px;transition:color .2s}
.nav a:hover{color:var(--text)}
.kopf .btn{margin-left:.75rem}
.menu-knopf{display:none;margin-left:auto;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);cursor:pointer;place-items:center}
.menu-knopf svg{width:22px;height:22px}
@media (max-width:880px){
  .menu-knopf{display:grid}
  .kopf .btn{margin-left:0}
  .nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:.5rem var(--pad) 1.25rem;background:var(--bg);border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
  .nav a{padding:.9em .25em;border-bottom:1px solid var(--line);font-size:1.0625rem;color:var(--text)}
  .kopf.offen .nav{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
}
@media (max-width:420px){.kopf .btn{display:none}.marke{font-size:1.125rem}.signet{width:32px}}

/* Held */
.held{position:relative;isolation:isolate;overflow:hidden;padding:clamp(48px,8vw,96px) 0 clamp(64px,9vw,120px)}
.held::before{content:"";position:absolute;inset:auto -20% -40% -20%;height:80%;background:radial-gradient(ellipse at 50% 100%,rgba(61,221,151,.18),transparent 60%);z-index:-1}
.netz{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.5}
.form-deko{position:absolute;z-index:-1;stroke:var(--green);fill:none;stroke-width:2;opacity:.55;animation:schweben 9s ease-in-out infinite}
.f1{width:30px;top:14%;left:4%}
.f2{width:26px;top:58%;left:46%;animation-delay:-3s}
.f3{width:34px;top:10%;right:5%;animation-delay:-5s}
.f4{width:22px;bottom:12%;right:38%;animation-delay:-7s}
@keyframes schweben{50%{transform:translate(0,-14px) rotate(12deg)}}
.held-raster{display:grid;gap:clamp(40px,6vw,64px);align-items:center}
@media (min-width:960px){.held-raster{grid-template-columns:1.05fr 1fr}}
.held h1 span{color:var(--green)}
.cta-reihe{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 1.75rem}
.vertrauen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font:500 .875rem/1.4 var(--mono);color:var(--muted)}
.vertrauen li{display:flex;align-items:center;gap:.45em}
.vertrauen svg{width:16px;height:16px;color:var(--green);flex:none}

.chart-karte{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,3vw,28px);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.chart-kopf{display:flex;justify-content:space-between;gap:1rem;font:500 .8125rem/1.3 var(--mono);color:var(--dim);margin-bottom:.75rem}
.chart-kopf .plus{color:var(--green)}
.chart{width:100%;height:auto}
.score-mini{position:absolute;right:clamp(-8px,-1vw,0px);bottom:-28px;width:min(240px,66%);background:var(--paper);color:var(--ink);border-radius:14px;padding:14px 16px;box-shadow:0 20px 50px -14px rgba(0,0,0,.7);animation:schweben2 7s ease-in-out infinite}
@keyframes schweben2{50%{transform:translateY(-8px)}}
.score-mini p{margin:0 0 .5rem;font:500 .75rem/1.2 var(--mono);color:#5b6672;display:flex;justify-content:space-between}
.score-mini strong{display:block;font-size:1.0625rem;margin-bottom:.5rem}
.segmente{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.segmente i{height:12px;border-radius:3px;background:var(--paper-line)}
.segmente i.an{background:var(--green-d)}

/* Kerzen */
.kerze .k{fill:var(--green)}
.kerze.ab .k{fill:var(--red)}
.kerze line{stroke:var(--green);stroke-width:1.5}
.kerze.ab line{stroke:var(--red)}
.js .chart.animiert .kerze{transform-box:fill-box;transform-origin:50% 100%;opacity:0;transform:scaleY(.2)}
.js .chart.animiert.is-in .kerze{opacity:1;transform:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 45ms)}

/* Laufband */
.band-huelle{overflow:hidden;margin-top:-48px;padding:20px 0;position:relative;z-index:2}
.band{background:var(--green);color:var(--green-ink);transform:rotate(-2deg);margin:0 -20px;overflow:hidden;padding:18px 0;box-shadow:0 20px 40px -20px rgba(61,221,151,.5)}
.band-spur{display:flex;width:max-content;animation:laufen 38s linear infinite}
.band ul{display:flex;list-style:none;margin:0;padding:0}
.band li{font:700 clamp(1rem,2vw,1.25rem)/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:0 1.6rem;display:flex;align-items:center;gap:1.6rem;white-space:nowrap}
.band li::after{content:"";width:9px;height:9px;border:2px solid currentColor;transform:rotate(45deg)}
@keyframes laufen{to{transform:translateX(-50%)}}

/* Abschnitte */
.abschnitt{padding:clamp(72px,10vw,128px) 0}
.abschnitt.dunkler{background:var(--bg2);border-block:1px solid var(--line)}
.kopf-text{max-width:720px;margin-bottom:clamp(36px,5vw,56px)}
.zentriert{text-align:center;margin-inline:auto}
.zentriert .eyebrow{justify-content:center}
.zentriert .lead{margin-inline:auto}

/* Kennzahlen */
.zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media (min-width:860px){.zahlen{grid-template-columns:repeat(4,minmax(0,1fr))}}
.zahl{background:var(--bg);padding:clamp(22px,3vw,34px)}
.zahl b{display:block;font:700 clamp(2.4rem,5vw,3.4rem)/1 var(--mono);color:var(--green);margin-bottom:.4rem}
.zahl span{color:var(--muted);font-size:.9688rem}

/* Ablauf: versetzte Karten, grosse Ziffer neben dem Titel */
.ablauf{list-style:none;margin:0 auto;padding:0;display:grid;gap:20px;max-width:1080px}
@media (min-width:860px){
  .ablauf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .schritt:nth-child(1){grid-area:1/1}
  .schritt:nth-child(2){grid-area:1/2/3/3;align-self:center}
  .schritt:nth-child(3){grid-area:2/1}
}
.schritt{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(28px,4.5vw,64px);transition:border-color .25s,transform .25s}
.schritt:hover{border-color:rgba(61,221,151,.5);transform:translateY(-4px)}
.schritt-kopf{display:flex;align-items:center;gap:clamp(18px,2.5vw,30px);margin-bottom:clamp(20px,3vw,34px)}
.schritt-kopf b{font:700 clamp(4.5rem,9vw,6.5rem)/.8 var(--sans);letter-spacing:-.06em;color:var(--text);flex:none;text-shadow:4px 4px 0 var(--green-d)}
.schritt-kopf h3{font-weight:300;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.08;letter-spacing:-.025em;margin:0}
.schritt p{color:var(--muted);margin:0;line-height:1.75}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Bewertung */
.zwei{display:grid;gap:clamp(40px,6vw,72px);align-items:center}
@media (min-width:960px){.zwei{grid-template-columns:1fr 1fr}}
.kriterien{list-style:none;margin:1.75rem 0 2rem;padding:0;display:grid;gap:14px}
.kriterien li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
.kriterien li>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(61,221,151,.1);color:var(--green);font:700 .8125rem/1 var(--mono)}
.kriterien strong{display:block}
.kriterien p{margin:0;color:var(--muted);font-size:.9688rem}
.dokument{background:var(--paper);color:var(--ink);border-radius:var(--r);padding:clamp(22px,4vw,40px);box-shadow:0 40px 90px -30px rgba(0,0,0,.85);transform:rotate(1.2deg);transition:transform .4s}
.dokument:hover{transform:none}
.dok-kopf{display:flex;justify-content:space-between;gap:1rem;font:500 .8125rem/1.3 var(--mono);color:#5b6672;margin-bottom:1.5rem}
.dok-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:16px;padding:.55rem 0;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:500}
.balken{height:10px;border-radius:99px;background:#e2e6eb;overflow:hidden}
.balken i{display:block;height:100%;border-radius:inherit;background:var(--green-d);width:var(--w,60%)}
.b72{--w:72%}.b60{--w:60%}.b45{--w:45%}.b80{--w:80%}.b66{--w:66%}
.js .dokument .balken i{transform:scaleX(0);transform-origin:left}
.js .dokument.is-in .balken i{transform:none;transition:transform 1s cubic-bezier(.2,.8,.2,1) .2s}
.dok-score{border-top:1px solid var(--paper-line);margin-top:1.1rem;padding-top:1.25rem}
.dok-score>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}
.dok-score strong{font-size:1.4rem}
.dok-score .mono{color:var(--green-d);font-weight:700;font-size:1.2rem}
.dok-score .segmente i{height:20px;border-radius:5px}
.dok-hinweis{margin:1rem 0 0;font:500 .75rem/1.4 var(--mono);color:#5b6672}

/* Wissen */
.wissen-karte{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,3vw,28px)}
.wissen-karte figcaption{color:var(--muted);margin-top:1rem;font-size:.9688rem}
.chart .widerstand{stroke:var(--amber);stroke-width:2;stroke-dasharray:6 6}
.chart .t-amber{fill:var(--amber)}
.chart .t-gruen{fill:var(--green)}
.chart text{font:600 15px var(--mono)}
.begriffe{display:grid;gap:16px;margin-top:clamp(40px,5vw,56px)}
@media (min-width:640px){.begriffe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.begriffe{grid-template-columns:repeat(5,minmax(0,1fr))}}
.begriff{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;transition:border-color .25s,background-color .25s}
.begriff:hover{border-color:rgba(61,221,151,.45);background:var(--card2)}
.begriff h3{font-size:1.125rem;display:flex;align-items:center;gap:.5em}
.begriff h3 svg{width:20px;height:20px;color:var(--green);flex:none}
.begriff p{margin:0;color:var(--muted);font-size:.9375rem}

/* Hinweis */
.hinweis{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;padding:clamp(32px,6vw,72px);background:linear-gradient(135deg,#131a20 0%,var(--bg) 60%)}
.hinweis::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border:2px solid rgba(61,221,151,.25);border-radius:50%}
.hinweis h2{max-width:14ch}
.hinweis p{max-width:40em;color:var(--muted);font-size:1.125rem}
.hinweis p.stark{color:var(--text);font-weight:600;margin:0}

/* Instagram */
.folien{display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,300px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 20px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.folien figure{margin:0;scroll-snap-align:start}
.folien picture{display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.folien img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.folien figure:hover img{transform:scale(1.03)}
.folien figcaption{font:500 .8125rem/1.4 var(--mono);color:var(--dim);margin-top:.6rem}

/* FAQ */
.faq{max-width:820px;margin-inline:auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 0;font-size:clamp(1.0625rem,2vw,1.2rem);font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:500 1.2rem/1 var(--mono);color:var(--green);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin:0 0 1.4rem;max-width:62ch}

/* Anfrage */
.anfrage{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,64px);display:grid;gap:clamp(32px,5vw,56px)}
@media (min-width:960px){.anfrage{grid-template-columns:1fr 1.1fr}}
.anfrage::before{content:"";position:absolute;inset:auto auto -120px -120px;width:360px;height:360px;background:radial-gradient(circle,rgba(61,221,151,.16),transparent 70%)}
.anfrage>*{position:relative}
.formular{display:grid;gap:14px}
@media (min-width:560px){.formular{grid-template-columns:1fr 1fr}.formular .breit{grid-column:1/-1}}
.feld label{display:block;font:500 .8125rem/1.3 var(--mono);color:var(--muted);margin-bottom:.4rem}
.feld input,.feld textarea{width:100%;font:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.8em 1em;min-height:50px;transition:border-color .2s}
.feld textarea{min-height:110px;resize:vertical}
.feld input:focus,.feld textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(61,221,151,.18)}
.feld input::placeholder,.feld textarea::placeholder{color:var(--dim)}
.check{display:flex;gap:.7rem;align-items:flex-start;color:var(--muted);font-size:.9375rem}
.check input{width:20px;height:20px;margin:.15em 0 0;accent-color:var(--green);flex:none}
.formular .btn{justify-self:start}
.klein{font:500 .8125rem/1.5 var(--mono);color:var(--dim);margin:0}

/* Fuss */
.fuss{border-top:1px solid var(--line);padding:56px 0 32px;color:var(--muted);font-size:.9375rem}
.fuss-raster{display:grid;gap:32px}
@media (min-width:760px){.fuss-raster{grid-template-columns:1.6fr 1fr 1fr}}
.fuss h2{font:600 .8125rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0 0 1rem}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.fuss a{text-decoration:none}
.fuss a:hover{color:var(--green)}
.fuss .marke{margin-bottom:1rem;color:var(--text)}
.fuss-unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;border-top:1px solid var(--line);margin-top:40px;padding-top:24px;font:500 .8125rem/1.5 var(--mono);color:var(--dim)}

/* Textseiten */
.text-seite{padding:clamp(48px,8vw,96px) 0}
.text-seite .wrap{max-width:calc(780px + 2*var(--pad))}
.text-seite h1{font-size:clamp(2.2rem,5vw,3.25rem)}
.text-seite h2{font-size:1.5rem;margin-top:2.2em}
.text-seite p,.text-seite li{color:var(--muted)}
.text-seite a{color:var(--green)}
.brotkrumen{font:500 .8125rem/1.4 var(--mono);color:var(--dim);margin-bottom:1.5rem}
.brotkrumen ol{list-style:none;display:flex;gap:.5em;margin:0;padding:0}
.brotkrumen li+li::before{content:"/";margin-right:.5em}
.brotkrumen a{color:var(--muted);text-decoration:none}
.platzhalter{background:rgba(242,179,61,.12);color:var(--amber);padding:.1em .4em;border-radius:5px}

/* Auftritt */
.js .auftritt{opacity:0;transform:translateY(24px)}
.js .auftritt.is-in{opacity:1;transform:none;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .auftritt,.js .chart.animiert .kerze,.js .dokument .balken i{opacity:1!important;transform:none!important}
}
.cta-reihe.zentriert{justify-content:center}
@media (max-width:959px){.f2,.f4{display:none}.f1{top:3%;left:auto;right:18%}}

/* Coin-Liste im Formular */
.token-liste{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px}
.token-liste legend{font:600 1rem/1.3 var(--sans);margin-bottom:.75rem;padding:0}
.token-zeilen{display:grid;gap:12px}
.token-zeile{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px;align-items:end;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.token-zeile .feld{grid-column:1}
.entfernen{grid-column:2;grid-row:1/3;align-self:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:color .2s,border-color .2s}
.entfernen:hover{color:var(--red);border-color:var(--red)}
.token-zeile:only-child .entfernen{visibility:hidden}
@media (min-width:560px){
  .token-zeile{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 44px}
  .token-zeile .feld{grid-column:auto}
  .entfernen{grid-column:3;grid-row:1;align-self:end;height:50px}
}
.token-plus{justify-self:start}
.token-plus:disabled{opacity:.55;cursor:default;border-color:var(--line);color:var(--muted)}
html:not(.js) .token-plus,html:not(.js) .entfernen{display:none}
.preis-summe{margin:0;padding:.85em 1em;border-radius:12px;background:rgba(61,221,151,.08);border:1px solid rgba(61,221,151,.25);font:500 .875rem/1.5 var(--mono);color:var(--muted)}
.preis-summe strong{color:var(--green)}

/* Preise */
.preis-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.75rem 0 2rem}
.preis-karte{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:.35rem;transition:border-color .25s,transform .25s}
.preis-karte:hover{transform:translateY(-3px);border-color:rgba(61,221,151,.45)}
.preis-karte span{font:500 .8125rem/1.3 var(--mono);color:var(--muted)}
.preis-karte b{font-size:clamp(1.05rem,2.4vw,1.4rem);letter-spacing:-.01em}
.preis-karte em{font:700 .75rem/1 var(--mono);font-style:normal;color:var(--green-ink);background:var(--green);padding:.35em .5em;border-radius:99px;justify-self:start}
.preis-karte.hervor{border-color:var(--green);background:linear-gradient(160deg,rgba(61,221,151,.14),var(--card) 70%)}
.tabelle-huelle{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.preistabelle{width:100%;border-collapse:collapse;font-size:.9688rem}
.preistabelle caption{caption-side:bottom;text-align:left;padding:14px 20px;font:500 .75rem/1.4 var(--mono);color:var(--dim)}
.preistabelle th,.preistabelle td{padding:12px clamp(10px,2vw,20px);text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.preistabelle th:first-child{text-align:left}
.preistabelle thead th{font:600 .75rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--card2)}
.preistabelle tbody th{font:700 1rem/1 var(--mono);color:var(--green)}
.preistabelle td:nth-child(2){font-weight:600;color:var(--text)}
.preistabelle td:nth-child(3){color:var(--muted);font-family:var(--mono);font-size:.875rem}
.preistabelle td:last-child{color:var(--green);font-family:var(--mono);font-size:.875rem}
.preistabelle tbody tr{transition:background-color .2s}
.preistabelle tbody tr:hover{background:rgba(61,221,151,.05)}
@media (max-width:420px){.preistabelle td:nth-child(3){display:none}.preistabelle thead th:nth-child(3){display:none}}