:root,
:root[data-theme="light"],
:root[data-theme="dark"]{
  --pink:#FF3D6E; --pink-2:#FF7A9C; --pink-deep:#FFA8BF;
  --ink:#F7F3F5; --ink-2:#CFC6CC; --mute:#8D8290;
  --ground:#08070A; --panel:#100E14; --panel-2:#17141C;
  --line:#221E2A; --line-2:#332D3D;
  --tint:#2A0F1B; --tint-ink:#FFB3C8;
  --ok:#3DD98B;
  --dia-a:#FF3D6E; --dia-b:#2E93B4; --dia-c:#BF8420;
  --shadow:0 1px 2px rgb(0 0 0 / .6), 0 24px 70px -30px rgb(255 61 110 / .45);
  color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="light"]){color-scheme:dark}
}
body{font-size:17px}
h1{font-size:clamp(2.6rem,8vw,6.2rem);font-weight:800;letter-spacing:-.045em;line-height:.96}
h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.035em;line-height:1}
h3{letter-spacing:-.02em}
.eyebrow{letter-spacing:.2em;font-size:.7rem;color:var(--pink)}
:root{--r:10px; --r-lg:16px}
.card,.us,.marke,.num,.br,.vs .col,.ref,.result,.nogo-col,.disziplin,.partner,.presse,form.kf{
  background:var(--panel);border-color:var(--line)}
.card,.us,.marke,.ref,.disziplin,.br{position:relative;overflow:hidden}
.card::before,.us::before,.marke::before,.ref::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgb(255 61 110 / .10),transparent 70%);
  opacity:0;transition:opacity .45s var(--ease)}
.card:hover::before,.us:hover::before,.marke:hover::before,.ref:hover::before{opacity:1}
.card:hover,.us:hover,.marke:hover,.ref:hover{border-color:var(--pink);box-shadow:var(--shadow)}
.hero{padding-block:clamp(70px,12vw,150px) clamp(48px,7vw,96px)}
.blob{opacity:.42;filter:blur(90px)}
.blob.a{background:radial-gradient(circle at 30% 30%,#FF3D6E,transparent 62%)}
.blob.b{background:radial-gradient(circle at 60% 40%,#5B2BFF,transparent 62%)}
.blob.c{background:radial-gradient(circle at 50% 50%,#FF8A3D,transparent 64%);opacity:.28}
.gridlines{opacity:.35;background-size:80px 80px}
.hero h1 .swap{color:var(--pink);text-shadow:0 0 60px rgb(255 61 110 / .45)}
.hero-art .mark{filter:drop-shadow(0 30px 60px rgb(255 61 110 / .55))}
.hero-art .ring{border-color:var(--line-2)}
.chip{background:rgb(255 255 255 / .04);border-color:var(--line-2);backdrop-filter:blur(8px)}
.btn{border-radius:8px;font-weight:800;letter-spacing:-.01em;background:var(--pink);border-color:var(--pink);color:#0B0509}
.btn:hover{background:var(--pink-2);border-color:var(--pink-2);color:#0B0509}
.btn.ghost{color:var(--ink);border-color:var(--line-2);background:transparent}
.btn.ghost:hover{border-color:var(--pink);color:var(--pink);background:transparent}
.icon-btn{background:var(--panel);border-color:var(--line-2)}
header{background:color-mix(in srgb,var(--ground) 76%,transparent)}
header.scrolled{border-bottom-color:var(--line)}
.nav ul a:hover,.nav ul a[aria-current]{background:var(--panel-2);color:var(--ink)}
.marquee{background:var(--panel);border-color:var(--line)}
.marquee::before,.marquee::after{background:linear-gradient(90deg,var(--panel),transparent)}
.track{color:var(--mute)}
.num .v{font-size:clamp(2rem,4.4vw,3.2rem)}
.num .v em{color:var(--pink);text-shadow:0 0 40px rgb(255 61 110 / .4)}
.num::after{background:linear-gradient(90deg,var(--pink),transparent)}
.card.feature{background:linear-gradient(145deg,#FF3D6E 0%,#B3164A 60%,#6B0F2E 100%);border-color:transparent;color:#0B0509}
.card.feature h3,.card.feature p,.card.feature .tag,.card.feature .more{color:#150609}
.card.feature p,.card.feature .tag{opacity:.78}
.card.feature .ico{background:rgb(0 0 0 / .18);color:#150609}
.vs .col.win{border-color:var(--pink);background:linear-gradient(180deg,rgb(255 61 110 / .10),var(--panel) 45%)}
.weg{background:#060509}
.stufe-visual{background:var(--panel);border-color:var(--line)}
.stufe{border-left-color:var(--line)}
.stufe.on{border-left-color:var(--pink)}
.stufe li{border-color:var(--line-2);color:var(--ink-2)}
:root .vision,
:root[data-theme="dark"] .vision,
:root[data-theme="light"] .vision,
:root:not([data-theme="light"]) .vision{background:#C91C4B;color:#FFFFFF;border-color:#C91C4B}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .vision{background:#C91C4B;color:#FFFFFF}
}
.vision h2{color:#FFFFFF}
.vision .eyebrow{color:#FFD9E2}
.vision-text{color:#FFFFFF;opacity:1}
.vision-text p{color:#FFF1F5}
:root .vision-punkte div,
:root[data-theme="dark"] .vision-punkte div,
:root:not([data-theme="light"]) .vision-punkte div{border-top-color:rgb(255 255 255 / .34)}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .vision-punkte div{border-top-color:rgb(255 255 255 / .34)}
}
.vision-punkte b{color:#FFFFFF}
.vision-punkte span{color:#FFE4EC;opacity:1}
.presse-bild img{filter:invert(1) hue-rotate(180deg) saturate(.7) contrast(.92);border-color:var(--line-2)}
.presse cite{color:var(--pink)}
.zeit::before{background:var(--line)}
.z-item::before{background:var(--ground)}
.z-item .z-tag{background:rgb(255 61 110 / .14);color:var(--pink-2)}
.kf input,.kf textarea,.kf select{background:var(--ground);border-color:var(--line-2);color:var(--ink)}
.faq details[open]{border-color:var(--pink);background:linear-gradient(180deg,rgb(255 61 110 / .06),var(--panel) 40%)}
.chat-fab{background:var(--pink);color:#0B0509}
.chat-fab .dot{background:rgb(0 0 0 / .2)}
.chat-fab .dot svg{stroke:#0B0509}
.msg.me{background:var(--pink);color:#0B0509}
.num .v.nowrap{white-space:nowrap;font-size:clamp(1.7rem,3.6vw,2.9rem)}
.probleme{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.probleme{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.probleme{grid-template-columns:1fr}}
.prob{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);
  padding:26px;display:grid;gap:12px;align-content:start;position:relative;overflow:hidden;
  transition:transform .35s var(--ease),border-color .3s,box-shadow .3s}
.prob::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(420px circle at 50% 0%,rgb(255 61 110 / .10),transparent 70%);
  opacity:0;transition:opacity .45s var(--ease)}
.prob:hover{transform:translateY(-4px);border-color:var(--pink);box-shadow:var(--shadow)}
.prob:hover::before{opacity:1}
.p-frage{font-size:1.12rem;font-weight:800;letter-spacing:-.015em;line-height:1.28;color:var(--ink);text-wrap:pretty}
.prob p{color:var(--mute);text-wrap:pretty}
.prob p::before{content:"";display:block;width:26px;height:2px;background:var(--pink);margin-bottom:12px}
.hero h1{max-width:16ch}
@media (max-width:900px){.hero h1{max-width:none}}
.chip.c4{bottom:-4%;right:-2%}
.marken-zwei{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:900px){.marken-zwei{grid-template-columns:1fr}}
.gross{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);
  overflow:hidden;display:grid;grid-template-rows:auto 1fr;
  transition:transform .35s var(--ease),border-color .3s,box-shadow .3s}
.gross:hover{transform:translateY(-4px);border-color:var(--pink);box-shadow:var(--shadow)}
.gross figure{margin:0;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--panel-2)}
.gross figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gross:hover figure img{transform:scale(1.03)}
.gross figure::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgb(8 7 10 / .75) 100%)}
.gross .gross-text{padding:26px;display:grid;gap:11px;align-content:start}
.gross .tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--pink)}
.gross h3{font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.025em}
.gross p{color:var(--mute);text-wrap:pretty}
.marken-mehr{margin-top:clamp(24px,3vw,36px);max-width:76ch;color:var(--mute);
  border-left:2px solid var(--pink);padding-left:20px;text-wrap:pretty}
.marken-mehr b{color:var(--ink);font-weight:700}
.word{padding-bottom:.14em;margin-bottom:-.14em}
h2{line-height:1.08}
@media (max-width:900px){
  .mobile-nav{
    position:fixed;inset:0;top:0;z-index:70;
    background:#08070A;                     
    padding:calc(64px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));
    overflow-y:auto;overscroll-behavior:contain;display:none}
  .mobile-nav.open{display:block;animation:menuauf .28s var(--ease)}
  @keyframes menuauf{from{opacity:0;transform:translateY(-8px)}}
  .mobile-nav .mnav-sp a{color:#F7F3F5}
  .mobile-nav .mnav-sp a:active{color:var(--pink)}
  body.menu-offen header{z-index:80;background:#08070A;backdrop-filter:none;border-bottom-color:#221E2A}
  body.menu-offen .chat-fab{display:none}
  .mobile-nav .mnav-fuss{font-size:.86rem}
}
.rate-box{display:grid;gap:3px;padding:16px 18px;border-radius:10px;
  background:linear-gradient(135deg,rgb(255 61 110 / .14),rgb(255 61 110 / .05));
  border:1px solid rgb(255 61 110 / .34)}
.rate-l{font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--pink)}
.rate-box b{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rate-h{font-size:.82rem;color:var(--mute)}
.vs.drei{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.vs.drei{grid-template-columns:1fr}}
.vs .preis{font-size:1.55rem;font-weight:800;letter-spacing:-.025em;color:var(--ink);
  padding-bottom:14px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.vs .preis span{font-size:.86rem;font-weight:500;color:var(--mute);letter-spacing:0;display:block;margin-top:3px}
.vs .col.win .preis{color:var(--pink)}
.vs-fuss{margin-top:clamp(22px,3vw,34px);color:var(--mute);max-width:78ch;
  border-left:2px solid var(--line-2);padding-left:20px;text-wrap:pretty}
.preisband{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:18px;
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--panel)}
@media (max-width:900px){.preisband{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.preisband{grid-template-columns:1fr}}
.preisband > div{padding:22px;display:grid;gap:5px;border-right:1px solid var(--line);
  transition:background .3s}
.preisband > div:last-child{border-right:0}
.preisband > div:hover{background:var(--panel-2)}
@media (max-width:900px){
  .preisband > div:nth-child(2n){border-right:0}
  .preisband > div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:520px){
  .preisband > div{border-right:0;border-bottom:1px solid var(--line)}
  .preisband > div:last-child{border-bottom:0}
}
.pb-l{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.preisband b{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--pink);
  font-variant-numeric:tabular-nums;line-height:1}
.pb-r{font-size:.84rem;color:var(--ink-2)}
.preisband-note{margin-bottom:clamp(26px,4vw,40px);font-size:.9rem;color:var(--mute);max-width:78ch}
.kreis{display:contents}
.hero-chips{display:contents}
@media (max-width:900px){
  .hero-art{max-width:min(420px,88vw);margin-top:10px}
  .chip{font-size:.68rem;padding:6px 10px;gap:.35em}
  .chip.c1{top:2%;left:0}
  .chip.c2{top:26%;right:0}
  .chip.c3{bottom:18%;left:0}
  .chip.c4{bottom:9%;right:0}
}
@media (max-width:420px){
  .hero-art{max-width:92vw}
  .chip{font-size:.62rem;padding:5px 9px}
  .chip.c3{bottom:20%}
}
.msg.briefing{display:grid;gap:12px;max-width:100%;background:rgb(255 255 255 / .05);
  border:1px solid var(--pink);border-radius:14px;padding:14px}
.briefing-text{margin:0;white-space:pre-wrap;word-break:break-word;
  font-family:var(--mono);font-size:.76rem;line-height:1.7;color:var(--ink)}
.btn.klein{padding:10px 16px;font-size:.84rem;justify-self:start}
.mail.zweit{font-size:.92em;opacity:.9}
.chat form button.mic{background:transparent;border:1px solid var(--line-2);color:var(--mute)}
.chat form button.mic:hover{border-color:var(--pink);color:var(--pink)}
.chat form button.mic.an{background:var(--pink);border-color:var(--pink);color:#fff;
  animation:mic-puls 1.4s ease-in-out infinite}
@keyframes mic-puls{0%,100%{box-shadow:0 0 0 0 rgb(255 61 110 / .45)}
  50%{box-shadow:0 0 0 7px rgb(255 61 110 / 0)}}
@media (prefers-reduced-motion:reduce){.chat form button.mic.an{animation:none}}
@media (max-width:420px){
  .chat form{gap:6px;padding:10px}
  .chat form button{width:40px}
  .chat textarea{font-size:16px}
}
@media (max-width:600px){
  .chat{
    left:0;right:0;bottom:0;top:auto;
    width:100%;max-width:100%;
    height:100dvh;
    border-radius:0;border-left:0;border-right:0;border-bottom:0;
    transform-origin:center bottom;
  }
  @supports (height:100svh){ .chat{height:100svh} }
  .chat .foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  body.chat-offen .chat-fab{display:none}
}
html{overflow-x:clip}
body{overflow-x:clip;max-width:100%}
.hero-bg{overflow:clip;contain:paint}
.preisband>*,.vs>*,.nums>*,.branchen>*,.bento>*,.team-grid>*,.partner-grid>*,
.marken-zwei>*,.probleme>*,.us-grid>*,.ref>*,.steps>*{min-width:0}
img,svg,video,canvas{max-width:100%}
.lp{max-width:760px;padding-block:32px 96px;display:grid;gap:8px}
.lp-krume{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.lp-krume a{color:var(--mute);text-decoration:none}
.lp-krume a:hover{color:var(--pink)}
.lp-kopf{display:grid;gap:14px;padding-block:14px 26px;border-bottom:1px solid var(--line)}
.lp-kopf h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.08;letter-spacing:-.025em;margin:0}
.lp-kopf .lead{font-size:1.1rem;color:var(--mute);margin:0;text-wrap:pretty}
.lp-akt{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.lp-meta{font-family:var(--mono);font-size:.76rem;color:var(--mute);margin:2px 0 0}
.lp-block{padding-block:26px;border-bottom:1px solid var(--line)}
.lp-block h2{font-size:clamp(1.35rem,3.6vw,1.9rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}
.lp-block p{margin:0 0 14px;text-wrap:pretty}
.lp-liste{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.lp-liste li{position:relative;padding-left:26px;color:var(--mute)}
.lp-liste li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:var(--pink)}
.lp-faq{border-top:1px solid var(--line);padding:14px 0}
.lp-faq:first-of-type{border-top:0}
.lp-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;gap:12px;align-items:flex-start}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::before{content:"+";color:var(--pink);font-weight:800;line-height:1.4}
.lp-faq[open] summary::before{content:"–"}
.lp-faq p{margin:10px 0 2px 24px;color:var(--mute)}
.lp-schluss{border-bottom:0}
.lp-weiter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:22px;border-top:1px solid var(--line);
  font-size:.86rem}
.lp-weiter span{color:var(--mute);font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.lp-weiter a{padding:7px 13px;border:1px solid var(--line-2);border-radius:99px;text-decoration:none;color:var(--ink)}
.lp-weiter a:hover{border-color:var(--pink);color:var(--pink)}
@media (max-width:600px){.lp{padding-block:22px 72px}}
.rechnung{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.r-kopf{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.rechnung dl{margin:0;display:grid;gap:6px}
.rechnung dl > div{display:flex;gap:12px;align-items:baseline;justify-content:space-between}
.rechnung dt{margin:0;color:var(--mute);font-size:.86rem}
.rechnung dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}
.r-summe{display:flex;gap:12px;align-items:baseline;justify-content:space-between;
  margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line)}
.r-summe span{font-weight:700}
.r-summe b{font-size:1.18rem;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}
.vs .win .r-summe b{color:var(--pink)}
.r-ende{margin:10px 0 0;font-size:.84rem;color:var(--mute)}
.r-ende.gut{color:var(--ink);font-weight:600}
.vs .col{display:flex;flex-direction:column}
@media (max-width:420px){
  .rechnung dt{font-size:.8rem}
  .rechnung dd,.r-summe b{font-size:.84rem}
  .r-summe b{font-size:1.05rem}
}
.info{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.info>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;
  min-height:40px;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--mute);user-select:none;transition:color .2s}
.info>summary::-webkit-details-marker{display:none}
.info>summary:hover{color:var(--pink)}
.i-kreis{display:grid;place-items:center;width:19px;height:19px;flex:none;border-radius:50%;
  border:1px solid var(--line-2);font-size:.62rem;font-weight:700;line-height:1;
  transition:border-color .2s,color .2s,background .2s}
.info>summary:hover .i-kreis,.info[open]>summary .i-kreis{border-color:var(--pink);color:var(--pink)}
.info[open]>summary .i-kreis{background:color-mix(in srgb,var(--pink) 16%,transparent)}
.info>summary:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:6px}
.info-inhalt{margin-top:10px;font-family:var(--display);font-size:.84rem;line-height:1.62;
  font-weight:400;letter-spacing:normal;text-transform:none;color:var(--mute);text-align:left}
.info-inhalt p{margin:0 0 10px}
.info-inhalt p:last-child{margin-bottom:0}
.info-inhalt b{color:var(--ink)}
.info-inhalt .quelle{font-size:.76rem;opacity:.75;padding-top:9px;border-top:1px solid var(--line)}
.r-balken{position:relative;height:9px;border-radius:99px;background:rgb(255 255 255 / .06);
  margin-top:13px;overflow:hidden}
.r-balken i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;display:block}
.r-balken .bis{background:rgb(255 255 255 / .16)}
.r-balken .von{background:rgb(255 255 255 / .38)}
.r-balken.win .bis{background:color-mix(in srgb,var(--pink) 35%,transparent)}
.r-balken.win .von{background:var(--pink);box-shadow:0 0 18px -2px color-mix(in srgb,var(--pink) 70%,transparent)}
.r-aufwand{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin:13px 0 0}
.r-aufwand span{color:var(--mute);font-size:.86rem}
.r-aufwand b{font-size:.9rem;white-space:nowrap}
.vs .col:not(.win) .r-aufwand b{color:var(--ink)}
.r-ende{margin-top:12px}
html{scrollbar-gutter:stable}
.lp-inhalt{margin:18px 0 4px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;
  background:color-mix(in oklab,var(--card) 70%,transparent)}
.lp-inhalt b{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mute);margin-bottom:9px}
.lp-inhalt ol{margin:0;padding-left:1.25em;display:grid;gap:6px}
.lp-inhalt li{color:var(--mute)}
.lp-inhalt a{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}
.lp-inhalt a:hover{color:var(--pink);border-bottom-color:currentColor}
.lp-tab{margin:8px 0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);border-radius:14px}
.lp-tab table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:min(520px,100%)}
.lp-tab th,.lp-tab td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.lp-tab thead th{font-family:var(--mono);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--mute);background:color-mix(in oklab,var(--card) 70%,transparent);white-space:nowrap}
.lp-tab tbody tr:last-child td{border-bottom:0}
.lp-tab td:first-child{font-weight:650;color:var(--ink)}
.lp-tab td{color:var(--mute)}
.lp-merk{margin:10px 0 2px;padding:13px 16px;border-left:3px solid var(--pink);border-radius:0 12px 12px 0;
  background:color-mix(in oklab,var(--pink) 9%,transparent);color:var(--ink)}
.rg-liste{display:grid;gap:14px;padding-block:24px}
.rg-karte{display:grid;gap:7px;padding:22px;border:1px solid var(--line);border-radius:18px;
  background:var(--card);text-decoration:none;color:inherit;
  transition:border-color .2s ease,transform .2s ease}
.rg-karte:hover{border-color:var(--pink);transform:translateY(-2px)}
.rg-karte h2{margin:0;font-size:clamp(1.2rem,3.2vw,1.55rem);line-height:1.18;letter-spacing:-.02em}
.rg-karte p{margin:0;color:var(--mute);font-size:.95rem;text-wrap:pretty}
.rg-mehr{font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;color:var(--pink);margin-top:4px}
@media (max-width:600px){.rg-karte{padding:18px}.lp-inhalt{padding:14px 15px}}
.sec-head .sec-note{max-width:62ch;margin:10px 0 0;color:var(--mute);font-size:.98rem;text-wrap:pretty}
.ref .who .shot{margin-top:16px}
@media (max-width:900px){.ref .who .shot{margin-top:12px}}
.pp-schritte{list-style:none;counter-reset:s;margin:10px 0 18px;padding:0;display:grid;gap:14px}
.pp-schritte li{counter-increment:s;position:relative;padding-left:52px;display:grid;gap:3px}
.pp-schritte li::before{content:counter(s);position:absolute;left:0;top:-2px;width:34px;height:34px;
  border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:.86rem;font-weight:700;
  color:var(--pink);border:1px solid color-mix(in oklab,var(--pink) 45%,transparent);
  background:color-mix(in oklab,var(--pink) 10%,transparent)}
.pp-schritte b{font-size:1.02rem}
.pp-schritte span{color:var(--mute)}
.pp-stufen{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 18px}
.pp-stufe{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.pp-stufe.hoch{border-color:var(--pink);background:color-mix(in oklab,var(--pink) 8%,var(--card))}
.pp-nr{font-family:var(--mono);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.pp-stufe b{font-size:2rem;line-height:1;letter-spacing:-.03em;color:var(--pink);font-variant-numeric:tabular-nums}
.pp-stufe small{color:var(--mute);font-size:.82rem}
@media (max-width:640px){.pp-stufen{grid-template-columns:1fr}.pp-stufe{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
  .pp-stufe b{font-size:1.6rem}.pp-nr{flex:1 0 100%}}
.pp-form{display:grid;gap:14px;border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--card);margin-top:8px}
.pp-form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.pp-form label > span{display:flex;align-items:baseline;gap:6px}
.pp-form label i{color:var(--pink);font-style:normal}
.pp-form label small{font-weight:400;color:var(--mute);font-size:.78rem}
.pp-form input{font:inherit;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;
  background:var(--ground);color:var(--ink);width:100%;min-width:0}
.pp-form input:focus{outline:2px solid var(--pink);border-color:transparent}
.f-reihe{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.f-reihe{grid-template-columns:1fr}.pp-form{padding:18px}}
.pp-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-check{display:flex !important;align-items:flex-start;gap:10px;font-weight:400 !important;font-size:.86rem;color:var(--mute)}
.f-check input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--pink)}
.f-check a{color:var(--pink)}
.pp-status{margin:0;font-size:.9rem;min-height:1.2em}
.pp-status.fehler{color:#ff6b7f}
.pp-status.gut{color:var(--ok,#3ddc97)}
.pp-ergebnis{display:grid;gap:10px;padding:16px;border-radius:14px;
  border:1px solid var(--pink);background:color-mix(in oklab,var(--pink) 9%,transparent)}
.pp-elabel{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.pp-ergebnis code{font-family:var(--mono);font-size:1rem;word-break:break-all;color:var(--ink)}
.pp-ergebnis .btn{justify-self:start}
.pp-leiste{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:flex;flex-wrap:wrap;
  align-items:center;gap:10px 14px;padding:14px 18px;border-radius:16px;border:1px solid var(--line-2);
  background:var(--panel);box-shadow:0 18px 50px -18px rgb(0 0 0 / .6);max-width:660px;margin-inline:auto}
.pp-leiste p{margin:0;flex:1 1 260px;font-size:.9rem;color:var(--ink-2)}
.pp-leiste .btn{padding:9px 16px;font-size:.88rem}
.ref .kpi .kpi-note{margin:2px 0 0;font-size:.74rem;color:var(--mute);line-height:1.45}
.ref-mehr{margin-top:-4px}
.ref-mehr summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:.78rem;letter-spacing:.05em;color:var(--pink);
  padding:10px 0;min-height:44px}
.ref-mehr summary::-webkit-details-marker{display:none}
.ref-mehr summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s ease}
.ref-mehr[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.ref-mehr summary:hover{color:var(--pink-2)}
.ref-mehr .zu,.ref-mehr[open] .auf{display:none}
.ref-mehr[open] .zu{display:inline}
.ref-mehr > p{margin-top:0}
@media (min-width:901px){
  .about{align-items:stretch}
  .portrait{display:flex;flex-direction:column}
  .portrait img{flex:1 1 auto;aspect-ratio:auto;min-height:0;height:100%}
}
.galerie{grid-template-columns:repeat(2,1fr)}
.galerie img{height:auto}
@media (max-width:820px){.galerie{grid-template-columns:1fr}}
.briefing-kopf{display:block;font-size:.95rem;margin-bottom:8px}
.briefing-fein{display:block;font-size:.76rem;color:var(--mute);margin:8px 0 10px;line-height:1.45}
.lp-bilder{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:16px 0 18px}
.lp-bilder figure{margin:0;display:grid;gap:8px}
.lp-bilder img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.lp-bilder figcaption{font-size:.78rem;color:var(--mute);line-height:1.45}
@media (max-width:600px){
  .chat.tastatur{top:0;bottom:auto;height:auto}
  .chat.tastatur .log{overscroll-behavior:contain}
}
@media (max-width:600px){
  input[type=text],input[type=email],input[type=tel],input[type=number],
  input[type=password],input[type=search],input[type=date],textarea,select{font-size:16px}
}
.btn.wa{
  --wa:#25D366;
  display:inline-flex;align-items:center;gap:10px;
  background:var(--wa);border-color:var(--wa);color:#072915;
  font-weight:800;justify-self:start;
}
.btn.wa:hover{background:#3ae07a;border-color:#3ae07a;color:#072915}
.btn.wa svg{width:20px;height:20px;flex:none}
@media (max-width:600px){.btn.wa{width:100%;justify-content:center}}
.btn.wa.klein{margin-top:12px;padding:9px 14px;font-size:.86rem;border-radius:10px}
.btn.wa.klein svg{width:17px;height:17px}
.msg.ai .btn.wa{display:inline-flex}
.msg.ai a.btn.wa,.msg.ai a.btn.wa:hover,.msg.ai a.btn.wa:visited{color:#062B14;text-decoration:none}
@media (max-width:600px){.btn.wa.klein{width:auto;justify-content:flex-start}}
@media (max-width:900px){
  header{background:var(--ground);backdrop-filter:none;-webkit-backdrop-filter:none}
  header.scrolled{box-shadow:0 8px 24px -16px rgb(0 0 0 / .8)}
  .nav{padding-block:9px}
  .brand svg{width:30px;height:30px}
  .brand{font-size:.92rem;letter-spacing:.14em}
}
@media (max-width:700px){
  section{padding-block:44px}
  .sec-head{margin-bottom:22px;gap:10px}
  .sec-head p,.sec-head .sec-note{font-size:1rem}
  h2{font-size:1.65rem;line-height:1.1}
  .us-head h2{font-size:1.75rem}
  .hero h1{font-size:2.1rem;line-height:1.08}
  .lp-kopf h1{font-size:1.85rem;line-height:1.12}
  .lp-kopf .lead{font-size:1rem}
  .lp-block{padding-block:22px}
  .lp-block h2{font-size:1.3rem}
  .lp{padding-block:16px 64px}
  
  .about{gap:16px}
  .portrait{max-width:170px}
  .portrait img{aspect-ratio:1/1;border-radius:14px}
  .portrait figcaption{margin-top:8px;font-size:.7rem}
  .about-copy{gap:16px}
  .vita .v-item span:not(.y){font-size:.94rem}
  
  .vs.drei{gap:12px}
  .vs.drei .col.win{order:-1}
  .vs .col{padding:18px}
  .vs li{font-size:.94rem}
}
.mehr-zeile{display:flex;justify-content:center;margin-top:14px}
.mehr-knopf{font:inherit;font-size:.88rem;font-weight:700;color:var(--ink);
  background:var(--panel);border:1px solid var(--line-2);border-radius:99px;
  padding:11px 20px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.mehr-knopf:hover{border-color:var(--pink);color:var(--pink)}
.mehr-knopf::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s ease}
.mehr-knopf[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.versteckt{display:none !important}
.portrait img,.galerie img,.marken-hero img,.lp-bilder img{height:auto}
@media (max-width:700px){.portrait img{height:auto}}
.lp,.p-haupt{grid-template-columns:minmax(0,1fr)}
.lp>*,.p-haupt>*{min-width:0;max-width:100%}
.lp-tab,.p-tab{max-width:100%}
.lp-tab table{min-width:0}
.lp-tab th,.lp-tab td{min-width:8.5em}
.lp-bilder,.pp-stufen,.p-zusatz,.rg-liste{min-width:0}
.lp-inhalt,.lp-block,.lp-kopf,.lp-krume,.lp-weiter{min-width:0;max-width:100%}
.lp-block pre,.lp-block code{white-space:pre-wrap;word-break:break-word}
@media (max-width:640px){
  .lp-tab{border:0;overflow:visible}
  .lp-tab table,.lp-tab tbody,.lp-tab tr,.lp-tab td{display:block;width:100%}
  .lp-tab thead{display:none}
  .lp-tab tr{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;
    background:color-mix(in oklab,var(--card) 70%,transparent)}
  .lp-tab td{border:0;padding:6px 0}
  .lp-tab td:first-child{font-size:1.02rem;padding-top:0}
  .lp-tab td:not(:first-child)::before{
    content:attr(data-spalte);display:block;font-family:var(--mono);font-size:.64rem;
    letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
  .lp-tab td:last-child{padding-bottom:0}
}
.legal{grid-template-columns:minmax(0,1fr)}
.legal>*{min-width:0;max-width:100%}
.legal a,.legal p,.legal li{overflow-wrap:anywhere}
.direct .card a.btn.wa,.direct .card a.btn.wa:hover,
a.btn.wa,a.btn.wa:hover,a.btn.wa:visited{color:#062B14}
@media (max-width:700px){
  .nums{grid-template-columns:1fr 1fr;gap:10px}
  .num{padding:14px}
  .num .v{font-size:1.6rem;line-height:1.1}
  .num .v em{font-size:inherit}
  .num .l{font-size:.8rem;line-height:1.35}
  .nums-note{font-size:.82rem}
  
  .portrait::before{inset:8px -8px -8px 8px}
  .portrait figcaption{font-size:.68rem;letter-spacing:0}
  .about{grid-template-columns:1fr}
}
@media (max-width:420px){
  .nums{grid-template-columns:1fr}
  .num .v{font-size:1.9rem}
}
@media (max-width:700px){
  .portrait::before{display:none}
  .portrait figcaption{max-width:100%;line-height:1.4}
}
.lesebalken{position:fixed;left:0;top:0;height:3px;width:100%;z-index:90;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--pink),var(--pink-2));
  box-shadow:0 0 18px rgb(255 61 110 / .55);pointer-events:none;
  will-change:transform}
header{transition:border-color .3s,padding .35s var(--ease),background .3s}
header.scrolled .nav{padding-block:8px}
header.scrolled .brand svg{width:30px;height:30px;transition:width .3s,height .3s}
.brand svg{transition:width .3s,height .3s}
.hero-bg .blob.a{transform:translate3d(0,calc(var(--scroll,0) * -160px),0)}
.hero-bg .blob.b{transform:translate3d(0,calc(var(--scroll,0) * 240px),0)}
.card,.ref,.us,.marke,.rg-karte,.p-kachel{transition:transform .5s var(--ease),border-color .35s,box-shadow .5s var(--ease)}
.im-blick{transform:translateY(-3px)}
.card.im-blick,.us.im-blick,.rg-karte.im-blick{box-shadow:0 22px 50px -32px rgb(255 61 110 / .45)}
@media (prefers-reduced-motion:reduce){
  .lesebalken{display:none}
  .hero-bg .blob.a,.hero-bg .blob.b{transform:none}
  .im-blick{transform:none}
  header.scrolled .nav{padding-block:12px}
}
@media (max-width:900px){
  .im-blick{transform:none;box-shadow:none}
}
.tippt-text{display:block;margin-top:8px;font-size:.8rem;color:var(--mute);line-height:1.4}
@media (max-width:700px){
  .brand{min-height:44px;display:inline-flex;align-items:center}
  .lp-krume{line-height:2}
  .lp-krume a,.lp-weiter a,.lp-inhalt a,
  footer a,.p-mehr summary,.rg-mehr{
    display:inline-flex;align-items:center;min-height:44px}
  .lp-inhalt ol{gap:2px}
  .lp-inhalt li{line-height:1.5}
  .lp-faq summary{min-height:44px;padding:8px 0}
  .faq summary{min-height:48px}
  footer ul{gap:2px}
  footer .cols a{padding-block:2px}
  
  .eyebrow{font-size:.78rem}
  .lp-meta,.m-fuss,.nums-note,.p-fein,.lp-bilder figcaption,
  .galerie figcaption,.portrait figcaption,.kpi-note,.fine{font-size:.8rem}
  .lp-tab th{font-size:.74rem}
  .tag,.us-k,.br .em{font-size:.78rem}
  footer,footer a{font-size:.88rem}
  .lp-weiter span,.lp-weiter a{font-size:.82rem}
  .chat .foot{font-size:.76rem}
}
@media (max-width:700px){
  .m-fuss,.menu .m-fuss{font-size:.82rem}
  .stufen .chip,.stufe li,.stufen li,.br .tag,.tag,span.tag{font-size:.8rem}
  .lp-krume span,.lp-weiter span,.pp-elabel,.p-elabel,.us-k,.r-kopf{font-size:.78rem}
  .f-check,.f-check span,.f-check a{font-size:.85rem}
  .f-check a{display:inline;min-height:0}
}
@media (max-width:700px){
  .bento .tag,.bento span.tag,article .tag{font-size:.8rem}
  .vs small,.col small,h3 small,label small{font-size:.8rem}
  .quelle,p.quelle{font-size:.8rem}
  .pb-l,span.pb-l{font-size:.78rem}
}
@media (max-width:700px){
  .vs h3 small{font-size:.8rem}
  .info-inhalt .quelle{font-size:.8rem}
  .rate-l{font-size:.78rem}
  .preisband small,.pb small{font-size:.8rem}
}
@media (max-width:700px){
  .kf small,.calc small,fieldset small,legend small{font-size:.8rem}
  .kpi-note,.ref .kpi .kpi-note{font-size:.78rem}
  .us-k,span.us-k{font-size:.78rem}
  .us-quote span{font-size:.86rem}
}
@media (max-width:900px){
  header{position:sticky;top:0;z-index:60;background:var(--ground);
         backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
         border-bottom:1px solid var(--line)}
  header.scrolled{box-shadow:0 10px 26px -20px rgb(0 0 0 / .9)}
  header .nav,header.scrolled .nav{padding-block:7px}
  .brand{font-size:.78rem;letter-spacing:.11em;gap:8px;min-width:0}
  .brand svg,header.scrolled .brand svg{width:28px;height:28px;flex:0 0 28px}
  .brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav-right{gap:6px}
  .nav-right #theme{display:none}
  .nav-right{display:flex;align-items:center}
  .nav .cta-head{order:1;display:inline-flex;align-items:center;gap:6px;
    padding:8px 13px;font-size:.8rem;min-height:38px;white-space:nowrap;flex:0 0 auto}
  .nav .cta-head .lang{display:none}
  .nav .cta-head .arr{display:none}
  .icon-btn.burger{order:2;width:38px;height:38px;flex:0 0 38px}
  html{scroll-padding-top:60px}
  body.menu-offen header{position:sticky;top:0}
}
@media (max-width:360px){
  .brand span{display:none}
  .nav .cta-head{padding:8px 11px}
}
@media (min-width:901px){
  .nav .cta-head{white-space:nowrap}
  .nav .cta-head .lang{display:none}
  .nav .cta-head .kurz{display:inline}
}
@media (min-width:1150px){
  .nav .cta-head .kurz{display:none}
  .nav .cta-head .lang{display:inline}
}
@media (min-width:901px){
  header{background:color-mix(in srgb,var(--ground) 97%,transparent)}
  header.scrolled{background:var(--ground);box-shadow:0 10px 30px -22px rgb(0 0 0 / .9)}
  html{scroll-padding-top:90px}
  
  body:has(main.lp) .lp{max-width:820px}
  .lp-kopf{padding-block:22px 30px}
}
@media (min-width:901px){
  .lp{gap:4px}
  .lp-block{padding-block:34px}
  .lp-block h2{margin-bottom:14px}
  .lp-block p{font-size:1.04rem;line-height:1.65}
  .lp-kopf .lead{font-size:1.18rem;line-height:1.55}
}
main header,article header,section header,.lp-kopf,.chat header,
.lp header,.legal header,.p-haupt header{
  position:static;top:auto;z-index:auto;background:transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none
}
.chat header{background:var(--panel);border-bottom:1px solid var(--line)}
@media (max-width:900px){
  .mobile-nav{top:var(--kopfhoehe,53px);padding:18px 20px 28px}
  html{scroll-padding-top:calc(var(--kopfhoehe,53px) + 10px)}
  .m-schalter .icon-btn{width:42px;height:42px}
}
.dia{margin:26px 0 30px;padding:18px 18px 14px;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--panel)}
.dia-kopf{display:grid;gap:5px;margin-bottom:12px}
.dia-kopf b{font-size:1.06rem;letter-spacing:-.02em;line-height:1.25}
.dia-kopf span{font-size:.86rem;color:var(--mute);line-height:1.5}
.dia-leiste{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:6px}
.dia-leg{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--ink-2)}
.dia-leg i{width:13px;height:13px;border-radius:4px;flex:0 0 13px}
.dia svg{display:block;width:100%;height:auto;overflow:visible}
.dia-gitter{stroke:var(--line);stroke-width:1}
.dia-marke{stroke:var(--mute);stroke-width:1.5;stroke-dasharray:3 4}
.dia svg text{font-family:var(--display);fill:var(--mute)}
.dia-achse{font-size:12.5px}
.dia-name{font-size:14px;font-weight:700;fill:var(--ink-2)}
.dia-wert{font-size:13.5px;font-weight:700;fill:var(--ink)}
.dia-notiz{font-size:12.5px;font-weight:600;fill:var(--ink-2)}
.dia-mitte{text-anchor:middle}
.dia-rechts{text-anchor:end}
.dia-links{text-anchor:start}
.dia-tab{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.dia-tab summary{cursor:pointer;font-size:.84rem;color:var(--mute);font-weight:600}
.dia-tab table{margin-top:10px;font-size:.88rem}
@media (max-width:700px){
  .dia{padding:14px 12px 10px;margin-left:-4px;margin-right:-4px}
  .dia{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
  .dia svg[viewBox^="0 0 720 "]{min-width:720px}
  .dia-kopf,.dia-leiste,.dia-tab{position:sticky;left:0}
}
@media (max-width:700px){
  .eyebrow,.lp-kopf .eyebrow,.dia-kopf span{font-size:.82rem}
  .lp-weiter span,.dia-tab summary{font-size:.86rem}
  .legal a,.lp p > a,.lp li > a,footer .bottom a{
    display:inline-block;padding:6px 0;min-height:40px;line-height:28px}
  .lp-krume a{padding:6px 0;display:inline-block;min-height:40px;line-height:28px}
}
.us-bild{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
  border-radius:var(--r);border:1px solid var(--line);margin:12px 0 14px;display:block}
@media (max-width:700px){
  .us-bild{aspect-ratio:3/2;margin:10px 0 12px}
}
.card-bild{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
  border-radius:calc(var(--r) - 3px);border:1px solid var(--line);
  margin:10px 0 12px;display:block}
@media (max-width:700px){ .card-bild{aspect-ratio:3/2} }
.ref-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:22px;margin-top:26px}
.ref-karte{padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}
.ref-karte:hover{border-color:var(--pink)}
.ref-karte h3{margin:8px 0 6px;font-size:1.5rem;letter-spacing:-.02em}
.ref-karte > p{color:var(--ink-2);margin:0 0 12px}
.geraet-laptop{position:relative;padding:10px 10px 0;border-radius:12px 12px 0 0;
  background:var(--panel-2);border:1px solid var(--line-2);border-bottom:none}
.geraet-laptop img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
  object-position:top center;border-radius:6px}
.geraet-laptop::after{content:"";display:block;height:11px;margin:10px -11px 0;
  border-radius:0 0 12px 12px;background:var(--line-2)}
.geraet{margin-bottom:16px}
.ref-punkte{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px}
.ref-punkte li{position:relative;padding-left:22px;color:var(--ink-2);font-size:.95rem;line-height:1.5}
.ref-punkte li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;
  border-radius:50%;background:var(--pink)}
@media (max-width:700px){
  .ref-karte{padding:14px}
  .ref-karte h3{font-size:1.35rem}
}
.ref-karte .more{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-weight:700}
.tun{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:34px;align-items:center;margin-top:26px}
.tun-rad{min-width:0}
.tun-tafeln{min-width:0}
.tun-tafel{border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--panel);padding:18px}
.tun-tafel img{display:block;width:100%;height:auto;aspect-ratio:16/10;
  object-fit:cover;object-position:top center;border-radius:var(--r);
  border:1px solid var(--line);margin-bottom:14px}
.tun-tafel h3{margin:0 0 8px;font-size:1.5rem;letter-spacing:-.025em;line-height:1.15}
.tun-tafel > p{margin:0 0 14px;color:var(--ink-2)}
.tun-fuss{margin-top:22px;color:var(--mute);font-size:.94rem;max-width:62ch}
.rad-knoten{cursor:pointer;outline:none}
.rad-knoten.an .rad-scheibe{fill:var(--tint);stroke:var(--pink);stroke-width:2.5}
.rad-knoten.an .rad-text{fill:var(--ink)}
.rad-knoten:focus-visible .rad-scheibe{stroke:var(--pink);stroke-width:3}
@media (prefers-reduced-motion:no-preference){
  .tun-tafel.an{animation:tafelEin .35s var(--ease)}
  @keyframes tafelEin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (max-width:980px){
  .tun{grid-template-columns:1fr;gap:22px}
  .rad{max-width:440px}
}
@media (max-width:640px){
  .rad-liste a,.rad-knopf{display:flex;align-items:center;justify-content:center;
    text-align:center;width:100%;min-height:56px;padding:10px 12px;
    border:1px solid var(--line-2);border-radius:var(--r);background:var(--panel-2);
    color:var(--ink);font-family:inherit;font-weight:700;font-size:.9rem;line-height:1.2;cursor:pointer}
  .rad-knopf.an{border-color:var(--pink);background:var(--tint);color:var(--tint-ink)}
  .tun-tafel{padding:14px}
  .tun-tafel h3{font-size:1.3rem}
}
.tun-fuss a{display:inline-block;padding:8px 0;min-height:40px;line-height:26px;font-weight:700}
.tun-wahl{display:grid;gap:14px;align-content:start;min-width:0}
.tun-knopf{appearance:none;background:none;border:0;padding:6px 2px;margin:0;
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:clamp(1.45rem,3vw,2.5rem);letter-spacing:-.02em;line-height:1.02;
  text-align:left;cursor:pointer;min-height:48px;
  color:transparent;-webkit-text-stroke:1.4px var(--line-2);
  transition:color .25s var(--ease),-webkit-text-stroke-color .25s var(--ease),
             transform .25s var(--ease)}
.tun-knopf:hover{-webkit-text-stroke-color:var(--pink);transform:translateX(4px)}
.tun-knopf.an{color:var(--ink);-webkit-text-stroke:1.4px transparent}
.tun-knopf:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:6px}
@supports not (-webkit-text-stroke: 1px red){
  .tun-knopf{color:var(--mute);opacity:.55}
  .tun-knopf.an{color:var(--ink);opacity:1}
}
.tun-knopf.an::after{content:"";display:block;height:3px;width:56px;margin-top:8px;
  background:var(--pink);border-radius:2px}
@media (max-width:980px){
  .tun-knopf{font-size:clamp(1.3rem,5.4vw,1.9rem)}
}
.collage{position:relative;margin-bottom:62px;padding-top:4px}
.collage .collage-haupt{margin:0}
.collage .collage-haupt img{width:100%}
.collage .collage-klein{position:absolute;height:auto;border-radius:7px;
  border:1px solid var(--line-2);box-shadow:0 20px 44px -18px rgb(0 0 0 / .9);
  object-fit:cover;object-position:top center;background:var(--panel-2)}
.collage .collage-a{right:-4%;bottom:-19%;width:33%;transform:rotate(3.5deg);z-index:2}
.collage .collage-b{left:-4%;bottom:-13%;width:27%;transform:rotate(-4deg);z-index:2}
@media (prefers-reduced-motion:no-preference){
  .collage .collage-klein{transition:transform .45s var(--ease)}
  .tun-tafel:hover .collage .collage-a{transform:rotate(2deg) translateY(-6px)}
  .tun-tafel:hover .collage .collage-b{transform:rotate(-2.5deg) translateY(-6px)}
}
@media (max-width:700px){
  .collage{margin-bottom:52px}
  .collage .collage-a{right:-3%;bottom:-16%;width:36%}
  .collage .collage-b{left:-3%;bottom:-11%;width:30%}
}
.hat-deko{position:relative;isolation:isolate}
.lp-deko{
  position:absolute;inset:0 0 auto 0;height:clamp(300px,42vw,460px);
  z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 35%,transparent);
  mask-image:linear-gradient(#000 35%,transparent);
}
.lp-deko .glanz{
  position:absolute;left:50%;top:-38%;width:min(860px,120%);aspect-ratio:1;
  transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,color-mix(in oklab,var(--pink) 26%,transparent) 0%,transparent 62%);
  filter:blur(8px);opacity:.5;animation:dekoAtmen 14s ease-in-out infinite;
}
@keyframes dekoAtmen{0%,100%{transform:translateX(-50%) scale(1);opacity:.42}50%{transform:translateX(-50%) scale(1.09);opacity:.6}}
.lp-deko .muster{position:absolute;inset:0;opacity:.5}
.deko-raster .muster{
  background-image:linear-gradient(color-mix(in oklab,var(--ink) 9%,transparent) 1px,transparent 1px),
                   linear-gradient(90deg,color-mix(in oklab,var(--ink) 9%,transparent) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 25%,transparent 72%);
  mask-image:radial-gradient(120% 90% at 50% 0%,#000 25%,transparent 72%);
  animation:dekoZieh 26s linear infinite;
}
@keyframes dekoZieh{to{background-position:54px 54px,54px 54px}}
.deko-punkte .muster{
  background-image:radial-gradient(color-mix(in oklab,var(--pink) 34%,transparent) 1.4px,transparent 1.5px);
  background-size:30px 30px;
  -webkit-mask-image:radial-gradient(110% 85% at 30% 0%,#000 20%,transparent 70%);
  mask-image:radial-gradient(110% 85% at 30% 0%,#000 20%,transparent 70%);
  animation:dekoPunkte 20s linear infinite;
}
@keyframes dekoPunkte{to{background-position:30px 0}}
.deko-wellen .muster{
  background-image:repeating-linear-gradient(115deg,
    color-mix(in oklab,var(--pink) 16%,transparent) 0 2px,transparent 2px 26px);
  -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 18%,transparent 72%);
  mask-image:radial-gradient(120% 90% at 70% 0%,#000 18%,transparent 72%);
  animation:dekoWelle 18s linear infinite;
}
@keyframes dekoWelle{to{background-position:104px 0}}
.deko-strahlen .muster{
  background-image:repeating-conic-gradient(from 200deg at 12% -10%,
    color-mix(in oklab,var(--pink) 15%,transparent) 0deg 2.2deg,transparent 2.2deg 11deg);
  -webkit-mask-image:radial-gradient(95% 95% at 12% 0%,#000 8%,transparent 68%);
  mask-image:radial-gradient(95% 95% at 12% 0%,#000 8%,transparent 68%);
  animation:dekoDreh 60s linear infinite;
}
@keyframes dekoDreh{to{transform:rotate(6deg) scale(1.06)}}
.deko-bogen .muster{
  background-image:repeating-radial-gradient(circle at 85% -14%,
    transparent 0 46px,color-mix(in oklab,var(--pink) 18%,transparent) 46px 48px);
  -webkit-mask-image:radial-gradient(100% 100% at 85% 0%,#000 12%,transparent 70%);
  mask-image:radial-gradient(100% 100% at 85% 0%,#000 12%,transparent 70%);
  animation:dekoPuls 22s ease-in-out infinite;
}
@keyframes dekoPuls{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.lp-deko .motiv{
  position:absolute;right:clamp(-40px,2vw,40px);top:clamp(10px,4vw,46px);
  width:clamp(180px,26vw,300px);height:auto;
  color:var(--pink);opacity:.085;
  stroke:currentColor;fill:none;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;
  animation:dekoSchweben 16s ease-in-out infinite;
}
@keyframes dekoSchweben{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@media (max-width:720px){.lp-deko .motiv{width:150px;right:-24px;opacity:.07}}
.lp-ico{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  background:var(--tint);color:var(--tint-ink);border:1px solid var(--line);
  animation:icoRein .7s var(--ease) both;
}
.lp-ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes icoRein{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
.legal .lp-ico{margin-bottom:14px}
.lp-block.zeig,.legal h2.zeig{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.lp-block.zeig.da,.legal h2.zeig.da{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .lp-deko .glanz,.lp-deko .muster,.lp-deko .motiv,.lp-ico{animation:none}
  .lp-block.zeig,.legal h2.zeig{opacity:1;transform:none;transition:none}
}
.kurzfassung{
  display:grid;gap:10px;margin:22px 0 6px;padding:18px 20px;
  border:1px solid var(--line);border-left:3px solid var(--pink);border-radius:12px;
  background:var(--panel);
}
.kurzfassung > b{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--pink);font-weight:500;
}
.kurzfassung ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.kurzfassung li{display:grid;grid-template-columns:1.1em 1fr;gap:.5em;align-items:start;font-size:1rem;line-height:1.5}
.kurzfassung li::before{content:"✓";color:var(--pink);font-weight:800}
.zahlen-band{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  margin:20px 0;
}
.zahlen-band > div{background:var(--panel);padding:16px 18px;display:grid;gap:3px}
.zahlen-band b{font-size:1.6rem;letter-spacing:-.02em;color:var(--pink);font-variant-numeric:tabular-nums;line-height:1.1}
.zahlen-band span{font-size:.84rem;color:var(--mute);line-height:1.35}
.merksatz{
  margin:24px 0;padding:0 0 0 20px;border-left:3px solid var(--pink);
  font-size:clamp(1.1rem,2.4vw,1.35rem);line-height:1.45;color:var(--ink);font-weight:600;
  text-wrap:pretty;
}
footer{padding-block:28px 22px;font-size:.86rem}
footer .cols{
  display:grid;grid-template-columns:1.6fr repeat(4,auto);gap:14px 34px;
  align-items:start;justify-content:space-between;
}
.fuss-marke{display:grid;gap:8px;max-width:38ch}
.fuss-marke p{margin:0;line-height:1.5}
.fuss-marke .brand{font-size:.95rem}
.fuss-marke .brand svg{width:26px;height:26px}
.fuss-direkt{font-size:.82rem}
.fuss-direkt a{color:var(--mute)}
.fuss-direkt a:hover{color:var(--ink)}
.fuss-sp{min-width:0}
.fuss-sp > summary{
  list-style:none;cursor:pointer;color:var(--ink);font-weight:700;
  display:inline-flex;align-items:center;gap:8px;padding:4px 0;white-space:nowrap;
  transition:color .2s;
}
.fuss-sp > summary::-webkit-details-marker{display:none}
.fuss-sp > summary::after{
  content:"+";font-family:var(--mono);font-weight:500;color:var(--pink);
  font-size:1rem;line-height:1;transition:transform .25s var(--ease);
}
.fuss-sp[open] > summary::after{content:"−"}
.fuss-sp > summary:hover{color:var(--pink)}
.fuss-sp ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;animation:fussAuf .25s var(--ease)}
@keyframes fussAuf{from{opacity:0;transform:translateY(-4px)}}
.fuss-sp li a{white-space:nowrap}
footer .bottom{margin-top:22px;padding-top:14px}
@media (max-width:900px){
  footer .cols{grid-template-columns:1fr;gap:4px}
  .fuss-marke{max-width:none;margin-bottom:10px}
  .fuss-sp{border-top:1px solid var(--line)}
  .fuss-sp > summary{padding:11px 0;width:100%;justify-content:space-between}
  .fuss-sp ul{padding-bottom:10px}
  .fuss-sp li a{white-space:normal;padding-block:3px;display:inline-block}
}
@media (prefers-reduced-motion:reduce){ .fuss-sp ul{animation:none} }
@media (min-width:1100px){
  .hero h1{font-size:clamp(3rem,4.4vw,4.6rem)}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(32px,4vw,56px)}
  .hero-art{max-width:540px}
  .hero-chips .chip{font-size:.84rem}
  .chip.c1{left:4%}
  .chip.c3{left:2%}
  .chip.c2{right:-4%}
}
@media (min-width:1400px){
  .hero h1{font-size:4.8rem}
  .hero-art{max-width:600px}
  .hero-chips .chip{font-size:.88rem}
}
.lp-schluss-breit h2{margin:0 0 .45em}
.lp-schluss-breit p{margin-top:0}