/* ==========================================================================
   Verkaufs- und Inhaltsseiten – 120 Designs über CSS-Variablen
   Variablen je Design: --bg --surface --ink --muted --line --primary --on-primary
   --accent --hero --on-hero --font-h --font-b  (werden inline gesetzt)
   Körper-Klassen: L-<aufbau> B-<hintergrund> S-<form> M-sale|M-content is-dark
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--font-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
a{color:var(--primary);text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--font-h);line-height:1.15;letter-spacing:-.015em;margin:0 0 .5em;color:var(--ink)}
h2{font-size:clamp(1.4rem,2.4vw,1.9rem)}
h3{font-size:1.1rem}
p{margin:0 0 1em}
.S-sharp{--r:4px;--rb:3px;--rs:2px}
.S-soft{--r:16px;--rb:12px;--rs:8px}
.S-round{--r:26px;--rb:999px;--rs:14px}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.narrow{max-width:820px}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.small{font-size:.86rem;color:var(--muted)}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--surface);padding:8px 12px}
.preview-bar{background:#111;color:#fff;text-align:center;font:500 13px/1.4 system-ui,sans-serif;padding:9px 12px}
.preview-bar a{color:#9fd3ff}
:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}

/* Knöpfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:600 1rem/1.2 var(--font-b);padding:.8em 1.3em;border-radius:var(--rb);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 22px -10px var(--primary)}
.btn-p:hover{box-shadow:0 12px 26px -10px var(--primary)}
.btn-s{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-s:hover{border-color:var(--primary);color:var(--primary)}
.btn-lg{font-size:1.08rem;padding:.95em 1.4em}
.btn-sm{font-size:.9rem;padding:.55em 1em}
.btn-block{display:flex;width:100%}

/* Kopfzeile */
.lh{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.lh-in{display:flex;align-items:center;gap:22px;min-height:68px}
.lh-logo{display:flex;align-items:center;text-decoration:none;color:var(--ink);min-width:0}
.lh-logo svg,.lh-logo img{height:40px;width:auto;max-width:260px;display:block;object-fit:contain}
.lh-title{font:700 1.15rem var(--font-h)}
.lh-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.lh-nav a{color:var(--muted);text-decoration:none;font-weight:500;font-size:.95rem;padding:.45em .8em;border-radius:var(--rb)}
.lh-nav a:hover,.lh-nav a.active{color:var(--ink);background:color-mix(in srgb,var(--primary) 10%,transparent)}
.lh-cta{margin-left:8px}
.lh-nav+.lh-cta{margin-left:0}
.lh-in>.lh-cta:nth-child(2){margin-left:auto}
.lh-burger{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.lh-burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}

/* Hero */
.hero{position:relative;padding:clamp(40px,7vw,96px) 0 clamp(36px,6vw,72px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:clamp(28px,5vw,64px);align-items:center}
.kicker{display:inline-flex;align-items:center;gap:.55em;font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--primary);margin-bottom:1.1em}
.kicker .dot{width:.55em;height:.55em;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.dn{font-size:clamp(2.6rem,7.2vw,5.4rem);font-weight:800;line-height:1;letter-spacing:-.035em;margin:0 0 .35em;word-break:break-word}
.dn[data-long]{font-size:clamp(2.1rem,5.2vw,4rem)}
.dn[data-xlong]{font-size:clamp(1.7rem,4vw,3rem)}
.dn-tld{color:var(--primary)}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--muted);max-width:40em;margin-bottom:1.2em}
.desc{color:var(--ink);max-width:42em;margin-bottom:1.2em}
.trust{list-style:none;margin:1.4em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.93rem;color:var(--muted)}
.trust li{display:flex;align-items:center;gap:.45em}
.trust .ic{color:var(--primary)}

/* Hintergründe des Hero-Bereichs */
.B-gradient .hero{background:radial-gradient(1100px 520px at 85% -10%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 65%),radial-gradient(700px 420px at -10% 110%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%)}
.B-mesh .hero{background:radial-gradient(420px 320px at 12% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(520px 380px at 88% 30%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 70%),radial-gradient(480px 360px at 50% 110%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%)}
.B-grid .hero{background-image:linear-gradient(color-mix(in srgb,var(--line) 70%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 70%,transparent) 1px,transparent 1px);background-size:44px 44px;background-position:center}
.B-grid .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--bg) 78%);pointer-events:none}
.B-dots .hero{background-image:radial-gradient(color-mix(in srgb,var(--primary) 28%,transparent) 1.4px,transparent 1.6px);background-size:22px 22px}
.B-dots .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 20%,transparent 60%,var(--bg) 100%);pointer-events:none}
.B-waves .hero::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;background:var(--surface);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 40c240 40 480 40 720 10s480-40 720 0v80H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 40c240 40 480 40 720 10s480-40 720 0v80H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.9}
.B-waves .hero{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 9%,var(--bg)),var(--bg))}
.hero>.wrap{position:relative;z-index:1}

/* Kaufbox */
.sc{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.6vw,30px);box-shadow:0 30px 60px -35px color-mix(in srgb,var(--ink) 45%,transparent),0 2px 6px -2px color-mix(in srgb,var(--ink) 12%,transparent)}
.sc::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:var(--r) var(--r) 0 0;background:linear-gradient(90deg,var(--primary),var(--accent))}
.S-sharp .sc::before{border-radius:0}
.sc-domain{font:800 1.25rem/1.2 var(--font-h);margin:0 0 .6em;word-break:break-word}
.sc-label{display:flex;align-items:center;gap:.4em;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .2em}
.sc-price{font:800 clamp(2rem,3.4vw,2.7rem)/1.1 var(--font-h);letter-spacing:-.02em;margin:0 0 .5em;color:var(--ink)}
.sc-meta{font-size:.9rem;color:var(--muted);margin:-.2em 0 1em}
.sc-note{color:var(--muted);margin:.2em 0 1em}
.sc-alt{font-size:.9rem;color:var(--muted);margin:.8em 0 0;text-align:center}
.sc-lease{display:flex;gap:.8em;align-items:center;margin:14px 0 0;padding:12px 14px;border-radius:var(--rs);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);text-decoration:none;color:var(--ink)}
.sc-lease .ic{color:var(--accent);width:1.6em;height:1.6em}
.sc-lease span{display:flex;flex-direction:column;line-height:1.3}
.sc-lease small{color:var(--muted);font-size:.83rem}
.sc-trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:.9rem;color:var(--muted)}
.sc-trust li{display:flex;gap:.55em;align-items:center}
.sc-trust .ic{color:var(--primary)}
.sc-contact{margin:16px 0 0;font-size:.88rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.sc-contact a{display:inline-flex;gap:.35em;align-items:center;font-weight:600;text-decoration:none}
.sc-more{margin:12px 0 0;font-size:.9rem}
.sc-compact{padding:20px}
.sc-compact .sc-price{font-size:1.8rem}
details.offer{margin-top:12px}
details.offer>summary{list-style:none}
details.offer>summary::-webkit-details-marker{display:none}
details.offer[open]>summary{display:none}
.offer-body{animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Angebotsformular */
.offer-body form{display:grid;gap:10px}
.offer-body .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.offer-body .field{display:flex;flex-direction:column;gap:4px}
.offer-body label{font-size:.82rem;font-weight:600;color:var(--muted)}
.offer-body input[type=text],.offer-body input[type=email],.offer-body textarea{width:100%;font:inherit;font-size:.97rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--rs);padding:.65em .8em}
.offer-body textarea{min-height:80px;resize:vertical}
.offer-body input:focus,.offer-body textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.offer-body .check{display:flex;gap:.6em;align-items:flex-start;font-size:.8rem;font-weight:400;color:var(--muted)}
.offer-body .hp{position:absolute;left:-9999px}
.offer-body .btn-offer{background:var(--primary);color:var(--on-primary);border-radius:var(--rb);border:0;font:600 1rem var(--font-b);padding:.85em;cursor:pointer}
.offer-body .errors{background:color-mix(in srgb,#e11d48 12%,var(--surface));color:#be123c;border-radius:var(--rs);padding:10px 12px;font-size:.88rem}
.offer-body .small{font-size:.8rem}

/* Abschnitte */
.secs{padding-top:clamp(10px,3vw,30px);padding-bottom:clamp(30px,5vw,60px)}
.sec{padding:clamp(26px,4vw,48px) 0}
.sec+.sec{border-top:1px solid var(--line)}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:0}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);padding:14px 16px}
.fact dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700;margin-bottom:4px}
.fact dd{margin:0;font-weight:600;font-size:1.02rem;word-break:break-word}
.fact small{display:block;font-weight:400;color:var(--muted);font-size:.84rem;margin-top:2px}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{display:inline-flex;align-items:center;gap:.45em;padding:.5em .95em;border-radius:var(--rb);background:color-mix(in srgb,var(--primary) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);font-weight:500;font-size:.95rem}
.chips .ic{color:var(--primary);width:1em;height:1em}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.opt{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.opt h3{margin:.7em 0 .3em}
.opt p{margin:0;color:var(--muted);font-size:.95rem}
.opt-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--rs);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
.opt-ic .ic{width:22px;height:22px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;counter-reset:s}
.steps li{display:flex;gap:14px;align-items:flex-start}
.steps h3{margin:.1em 0 .25em}
.steps p{margin:0;color:var(--muted);font-size:.95rem}
.step-n{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--rb);background:var(--primary);color:var(--on-primary);font:800 1rem var(--font-h)}
.faq{display:grid;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);padding:0 18px}
.faq summary{cursor:pointer;list-style:none;font-weight:600;padding:15px 30px 15px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--primary);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{color:var(--muted);margin:0 0 16px}

/* Parklinks & weitere Domains */
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.linkgrid a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);text-decoration:none;color:var(--ink);font-weight:500}
.linkgrid a:hover{border-color:var(--primary);color:var(--primary)}
.related-list{display:flex;flex-wrap:wrap;gap:8px}
.related-list a{padding:.45em .9em;border-radius:var(--rb);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.93rem;background:var(--surface)}
.related-list a:hover{border-color:var(--primary);color:var(--primary)}

/* Kontakt */
.ct{padding:clamp(30px,5vw,70px) 0}
.ct-card{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(26px,4vw,48px);border-radius:calc(var(--r) + 6px);color:var(--on-hero);background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%),linear-gradient(135deg,var(--hero),color-mix(in srgb,var(--hero) 70%,var(--primary)));box-shadow:0 40px 80px -50px var(--hero);position:relative;overflow:hidden}
.ct-card::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:40px solid color-mix(in srgb,var(--on-hero) 7%,transparent);right:-90px;bottom:-120px}
.ct-card h2{color:inherit;font-size:clamp(1.5rem,2.6vw,2.1rem)}
.ct-card p{color:color-mix(in srgb,var(--on-hero) 82%,transparent)}
.ct-badge{display:inline-flex;align-items:center;gap:.45em;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.4em .8em;border-radius:var(--rb);background:color-mix(in srgb,var(--on-hero) 14%,transparent);margin-bottom:1em}
.ct-meta{display:flex;align-items:center;gap:.5em;font-size:.9rem;margin:0}
.ct-actions{display:grid;gap:12px;position:relative;z-index:1}
.ct-btn{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);text-decoration:none;background:var(--surface);color:var(--ink);box-shadow:0 18px 40px -24px rgba(0,0,0,.6);transition:transform .15s}
.ct-btn:hover{transform:translateY(-2px)}
.ct-btn strong{display:block;font-size:1.05rem}
.ct-btn small{display:block;color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}
.ct-btn>span:nth-child(2){flex:1;min-width:0}
.ct-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--rs);flex:none;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}
.ct-ic .ic{width:24px;height:24px}
.ct-wa .ct-ic{background:#25d366;color:#fff}
.ct-go{color:var(--muted)}

/* Schwebender Kontaktknopf */
.fab{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab-btn{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;box-shadow:0 14px 30px -10px color-mix(in srgb,var(--primary) 80%,#000)}
.fab-btn .ic{width:26px;height:26px}
.fab .fab-close,.fab.open .fab-open{display:none}
.fab.open .fab-close{display:block}
.fab-menu{display:none;flex-direction:column;gap:8px}
.fab.open .fab-menu{display:flex;animation:fade .2s}
.fab-item{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;box-shadow:0 10px 30px -12px rgba(0,0,0,.45);border:1px solid var(--line)}
.fab-wa .ic{color:#25d366}
.has-sale .fab{bottom:86px}
@media(min-width:900px){.has-sale .fab{bottom:18px}.L-dock.has-sale .fab{bottom:96px}}

/* Leiste unten (Handy; im Dock-Aufbau immer) */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s}
.mbar.show{transform:none}
.mbar-in{display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:10px 18px}
.mbar-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.mbar-txt strong{font-family:var(--font-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbar-txt small{color:var(--muted)}
@media(min-width:900px){.mbar{display:none}.L-dock .mbar{display:block;transform:none}.L-dock body,.L-dock{padding-bottom:78px}}
.M-content .mbar{display:block}
@media(min-width:900px){.M-content:not(.L-dock):not(.L-band) .mbar{display:none}}

/* Verkaufsband über Inhalten */
.strip{background:linear-gradient(90deg,var(--hero),color-mix(in srgb,var(--hero) 75%,var(--primary)));color:var(--on-hero)}
.strip-in{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.strip-txt{font-size:.97rem}
.strip-txt strong{font-family:var(--font-h)}
.strip .btn-p{box-shadow:none}

/* Inhaltsseiten */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,4vw,56px);align-items:start;padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(30px,5vw,60px)}
.cols-single{grid-template-columns:minmax(0,1fr);max-width:860px}
.col-side{position:sticky;top:90px}
.M-content main.narrow{padding-top:clamp(24px,4vw,48px);padding-bottom:40px}
.after-content{margin-top:36px}
.prose{font-size:1.04rem;min-width:0}
.prose h1{font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.025em}
.prose h2{margin-top:1.6em}
.prose h3{margin-top:1.4em}
.prose img{border-radius:var(--rs);height:auto}
.prose figure{margin:1.4em 0}
.prose figcaption{font-size:.88rem;color:var(--muted);margin-top:6px}
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:.6em .7em;text-align:left;vertical-align:top}
.prose th{font-weight:700;background:color-mix(in srgb,var(--primary) 6%,transparent)}
.prose blockquote{margin:1.4em 0;padding:.4em 1.2em;border-left:4px solid var(--primary);color:var(--muted);font-style:italic}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:.3em 0}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose iframe{max-width:100%;border:0;border-radius:var(--rs)}
.prose .featured{width:100%;margin-bottom:1.2em}
.posts{list-style:none;padding:0}
.posts li{padding:1em 0;border-bottom:1px solid var(--line)}
.posts .t{font:700 1.2rem var(--font-h);text-decoration:none;color:var(--ink)}
.ad-slot{margin:1.8em 0;text-align:center;min-height:90px}

/* Fußzeile */
.lf{border-top:1px solid var(--line);padding:26px 0 30px;font-size:.88rem;color:var(--muted)}
.lf-in{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}
.lf a{color:var(--muted)}

/* ---------- Aufbau-Varianten ---------- */
/* zentriert */
.hero-center{text-align:center}
.hero-center .lead,.hero-center .desc{margin-left:auto;margin-right:auto}
.hero-center .trust{justify-content:center}
.hero-tall{padding:clamp(60px,10vw,140px) 0}
.sc-float{margin-top:-10px;position:relative;z-index:2}
.L-center .sc,.L-minimal .sc{max-width:560px;margin:0 auto}
.L-center .secs .sec-in>h2,.L-dock .secs h2{text-align:center}

/* Seitenleiste */
.hero-plain{padding:clamp(30px,5vw,64px) 0 10px;background:none!important}
.hero-plain::before,.hero-plain::after{display:none}
.L-sidebar .col-side,.L-rail .rail .sc{position:sticky;top:90px}

/* Magazin */
.hero-mag{text-align:left;border-bottom:1px solid var(--line)}
.hero-mag .dn{font-size:clamp(3rem,9vw,7rem)}
.sc-band{background:var(--hero);color:var(--on-hero);padding:26px 0}
.sc-band .sc{display:grid;grid-template-columns:auto 1fr auto;gap:10px 30px;align-items:center;max-width:none}
.sc-band .sc>*{margin:0}
.sc-band .sc-trust,.sc-band .sc-contact,.sc-band details.offer,.sc-band .sc-lease{grid-column:1/-1}
.secs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.secs-grid .sec+.sec{border-top:0}
.secs-grid .sec{border-bottom:1px solid var(--line)}
.secs-grid .sec-faq,.secs-grid .sec-options,.secs-grid .sec-steps{grid-column:1/-1}

/* Karte */
.card-page{padding:clamp(20px,5vw,70px) 16px;background:var(--bg)}
.B-dots .card-page{background-image:radial-gradient(color-mix(in srgb,var(--primary) 22%,transparent) 1.4px,transparent 1.6px);background-size:22px 22px}
.B-grid .card-page{background-image:linear-gradient(color-mix(in srgb,var(--line) 80%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 80%,transparent) 1px,transparent 1px);background-size:40px 40px}
.B-gradient .card-page,.B-mesh .card-page,.B-waves .card-page,.B-plain .card-page{background:radial-gradient(900px 500px at 10% 0%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 60%),radial-gradient(800px 500px at 100% 100%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),var(--bg)}
.card-shell{max-width:1080px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 8px);padding:clamp(22px,4vw,56px);box-shadow:0 50px 100px -60px color-mix(in srgb,var(--ink) 60%,transparent)}
.card-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:center;padding-bottom:20px}
.card-shell .sc{box-shadow:none;background:var(--bg)}

/* Farbband */
.hero-band{background:var(--hero)!important;color:var(--on-hero)}
.hero-band::before,.hero-band::after{display:none}
.hero-band .dn,.hero-band h1{color:var(--on-hero)}
.hero-band .dn-tld{color:var(--accent)}
.hero-band .lead,.hero-band .trust,.hero-band .desc{color:color-mix(in srgb,var(--on-hero) 80%,transparent)}
.hero-band .kicker{color:var(--accent)}
.hero-band .trust .ic{color:var(--accent)}
.secs-alt .sec{padding-left:0;padding-right:0}
.secs-alt .sec>.sec-in{max-width:1180px;margin:0 auto;padding:0 22px}
.secs-alt .sec:nth-child(even){background:var(--surface)}
.secs-alt .sec+.sec{border-top:0}

/* Minimal */
.L-minimal .dn{font-weight:700;letter-spacing:-.04em}
.L-minimal .sc{box-shadow:none;border-width:2px}
.L-minimal .sc::before{display:none}
.L-minimal .fact,.L-minimal .opt,.L-minimal .faq details{background:transparent}

/* Dock */
.sc-wide .sc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 30px;align-items:center}
.sc-wide .sc>*{grid-column:1}
.sc-wide .sc>.btn,.sc-wide .sc>details,.sc-wide .sc>.sc-lease{grid-column:2}
.sc-wide .sc-trust,.sc-wide .sc-contact{grid-column:1/-1!important}

/* Leiste */
.rail-wrap{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 68px)}
.rail{background:var(--hero);padding:32px 26px;border-right:1px solid var(--line)}
.rail .sc{top:100px}
.rail-main{padding:0 clamp(20px,4vw,64px)}
.rail-main .sec-links .wrap,.rail-main .sec-related .wrap{padding:0}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding-top:26px;padding-bottom:40px}
.bento>.tile,.bento>.sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px);margin:0}
.bento>.sec+.sec{border-top:1px solid var(--line)}
.tile-hero{grid-column:span 4;position:relative;overflow:hidden}
.tile-sc{grid-column:span 2;padding:0!important;border:0!important;background:none!important}
.tile-sc .sc{height:100%}
.bento>.sec-facts{grid-column:span 4}
.bento>.sec-uses{grid-column:span 2}
.bento>.sec-options,.bento>.sec-steps,.bento>.sec-faq{grid-column:span 6}
.bento>.sec-uses:first-of-type{grid-column:span 2}
.bento .fact{background:var(--bg)}
.B-mesh .tile-hero,.B-gradient .tile-hero{background:radial-gradient(500px 300px at 100% 0%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 70%),var(--surface)}

/* Dunkle Designs */
.is-dark .sc,.is-dark .ct-btn,.is-dark .fab-item{box-shadow:0 30px 60px -30px #000}
.is-dark .ct-card{background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--primary) 35%,transparent),transparent 70%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 60%,var(--primary)));border:1px solid var(--line)}

/* ---------- Mobil ---------- */
@media(max-width:1000px){
  .rail-wrap{grid-template-columns:1fr}
  .rail{border-right:0;order:2}
  .rail .sc{position:static}
  .bento{grid-template-columns:1fr}
  .bento>*{grid-column:1/-1!important}
}
@media(max-width:900px){
  body{font-size:16px}
  .hero-grid,.card-top,.cols,.ct-card,.sc-wide .sc,.sc-band .sc{grid-template-columns:1fr}
  .sc-wide .sc>*,.sc-band .sc>*{grid-column:1!important}
  .col-side{position:static}
  .secs-grid{grid-template-columns:1fr}
  .lh-burger{display:block}
  .lh-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;padding:10px 16px}
  .lh-nav.open{display:flex}
  .lh-anchors{display:none!important}
  .lh-in .lh-cta{margin-left:auto}
  .lh-burger+.lh-nav+.lh-cta{display:none}
  .M-sale{padding-bottom:72px}
  .M-content.has-sale{padding-bottom:72px}
}
@media(max-width:560px){
  .wrap{padding:0 16px}
  .lh-logo svg,.lh-logo img{height:34px;max-width:200px}
  .offer-body .row2{grid-template-columns:1fr}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .fact{padding:11px 12px}
  .fact dd{font-size:.95rem}
  .hero .trust{display:none}
  .sec{padding:24px 0}
  .opts{gap:10px}
  .opt{padding:16px;display:grid;grid-template-columns:44px 1fr;gap:0 12px}
  .opt h3{margin:.1em 0 .2em}
  .opt p{grid-column:2}
  .opt-ic{grid-row:span 2}
  .strip-in{justify-content:center;text-align:center}
}
@media print{.lh,.fab,.mbar,.strip{display:none}}

/* Startseite mit Inhalt: Verkaufskopf + Inhalt + Reiter */
.hero-home{padding-bottom:clamp(30px,5vw,60px)}
.content-home{padding-top:clamp(10px,3vw,30px);padding-bottom:clamp(20px,4vw,40px)}
.content-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:clamp(22px,4vw,54px);box-shadow:0 30px 60px -45px color-mix(in srgb,var(--ink) 40%,transparent)}
.content-card .prose>*:first-child{margin-top:0}
.saletabs{padding:clamp(30px,5vw,64px) 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--primary) 6%,transparent))}
.st-head{text-align:center;margin-bottom:22px}
.st-head .kicker{justify-content:center}
.tab-list{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.tab-list button{font:600 .95rem var(--font-b);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--rb);padding:.65em 1.15em;cursor:pointer}
.tab-list button[aria-selected=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.tabs:not(.js) .tab-list{display:none}
.tabs.js .tab-panel[data-hidden]{display:none}
.tabs.js .tab-title{display:none}
.tabs:not(.js) .tab-panel{margin-bottom:34px}
.tab-panel{animation:fade .25s ease}
.sec-lead{color:var(--muted);max-width:52em}
.saletabs .sec-lead{margin-left:auto;margin-right:auto;text-align:center}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:10px}
.plan{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}
.plan:hover{transform:translateY(-2px);border-color:var(--primary)}
.plan-hi{border:2px solid var(--primary);box-shadow:0 20px 40px -28px var(--primary)}
.plan-m{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.plan-p{font:800 1.9rem/1.1 var(--font-h)}
.plan-p small{font:500 .9rem var(--font-b);color:var(--muted);margin-left:4px}
.plan-d{font-size:.86rem;color:var(--muted)}
.plan-cta{margin-top:6px;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:.4em}
@media(max-width:560px){.tab-list{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.tab-list button{white-space:nowrap}.content-card{padding:18px}}

/* ---------- Inhalte je Aufbau ---------- */
.cb{padding-top:clamp(10px,3vw,30px);padding-bottom:clamp(20px,4vw,50px)}
/* Inhaltsverzeichnis */
.cb-toc{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.toc{position:sticky;top:92px;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line);padding-left:4px}
.toc-t{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 12px}
.toc a{color:var(--muted);text-decoration:none;font-size:.93rem;padding:6px 12px;border-radius:var(--rs);line-height:1.35}
.toc a:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}
.toc-sc{margin-top:18px}
.toc-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,4vw,48px)}
.toc-sec{scroll-margin-top:90px;padding-top:6px}
.toc-sec+.toc-sec{border-top:1px dashed var(--line);margin-top:26px;padding-top:26px}
.L-dock .toc{border-left:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 8px}
.L-rail .toc{border-left:0}
/* Kacheln */
.cb-h1{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.tile-intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,36px);margin-bottom:18px;font-size:1.08rem}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tiles-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
.ctile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px);overflow:hidden;font-size:.98rem}
.ctile h2{margin-top:0;font-size:clamp(1.2rem,1.8vw,1.5rem)}
.ctile-n{position:absolute;right:16px;top:8px;font:800 3.2rem/1 var(--font-h);color:color-mix(in srgb,var(--primary) 12%,transparent)}
.ctile-wide{grid-column:1/-1}
.tiles-magazine .ctile{border-top:4px solid var(--primary);border-radius:0 0 var(--r) var(--r)}
.tiles-magazine .ctile:nth-child(3n+2){border-top-color:var(--accent)}
.tiles-bento .ctile:first-child{grid-column:span 2;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface))}
/* Streifen */
.stripe-intro{padding-bottom:20px;font-size:1.08rem}
.stripe{padding:clamp(28px,5vw,64px) 0}
.stripe:nth-child(odd){background:var(--surface)}
.stripe:nth-child(even){background:color-mix(in srgb,var(--primary) 5%,var(--bg))}
.stripe-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(20px,4vw,60px);align-items:start}
.stripe-t{position:sticky;top:92px;font-size:clamp(1.4rem,2.4vw,2rem);margin:0}
.stripe-t span{display:block;font:800 .9rem var(--font-b);letter-spacing:.12em;color:var(--primary);margin-bottom:.6em}
.stripe-b>*:first-child{margin-top:0}
.L-card .stripe:nth-child(odd){background:transparent}
.L-card .stripe-in{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,40px);max-width:1080px}
.L-card .stripe{padding:14px 0}
/* Kapitel */
.cb-chapters{padding-top:clamp(20px,4vw,50px)}
.chapter{margin-top:clamp(36px,6vw,70px);padding-top:clamp(20px,3vw,30px);border-top:1px solid var(--ink)}
.chapter-n{font:300 clamp(2.4rem,6vw,4rem)/1 var(--font-h);color:var(--primary);margin:0 0 .2em;letter-spacing:-.03em}
.chapter h2{margin-top:0;font-size:clamp(1.6rem,3vw,2.3rem)}
@media(max-width:900px){
  .cb-toc{grid-template-columns:1fr}
  .toc{position:static;flex-direction:row;flex-wrap:wrap;border-left:0;padding:0;gap:6px}
  .toc-t{width:100%;margin-left:0}
  .toc a{border:1px solid var(--line);font-size:.85rem;padding:5px 10px}
  .tiles,.tiles-bento{grid-template-columns:1fr}
  .tiles-bento .ctile:first-child{grid-column:auto}
  .stripe-in{grid-template-columns:1fr}
  .stripe-t{position:static}
}

/* Vertrauenssiegel */
.sc-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.sc-badges .bdg{display:inline-flex;align-items:center;gap:.35em;font-size:.74rem;font-weight:700;line-height:1;padding:.42em .7em;border-radius:99px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);text-decoration:none;white-space:nowrap}
.sc-badges .bdg .ic{width:1.05em;height:1.05em}
.sc-badges .bdg-rare{background:color-mix(in srgb,#b45309 12%,transparent);color:#b45309}
.sc-badges .bdg-trustpilot{background:color-mix(in srgb,#00b67a 14%,transparent);color:#007a52}
.sc-band .sc-badges,.sc-wide .sc-badges{grid-column:1/-1}

/* Namensgeschichte */
.nm-letters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}
.nm-l{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.nm-big{grid-row:1/3;font:800 2.6rem/1 var(--font-h);color:var(--primary);min-width:1ch;text-align:center}
.nm-sp{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.nm-w{font-size:.93rem;line-height:1.45}
.nm-ex{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px}
.nm-ex span{font-family:var(--font-h);font-weight:700;padding:.45em .9em;border-radius:var(--rb);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink)}
.nm-pts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0}
.nm-pts div{border-left:3px solid var(--primary);padding:2px 0 2px 12px}
.nm-pts dt{font-weight:800;font-family:var(--font-h)}
.nm-pts dd{margin:2px 0 0;color:var(--muted);font-size:.95rem}
/* Variante 2: große Buchstaben-Kacheln */
.sec-name.sec-v2 .nm-letters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.sec-name.sec-v2 .nm-l{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--primary);color:var(--on-primary);border:0}
.sec-name.sec-v2 .nm-big{font-size:3.4rem;color:var(--on-primary)}
.sec-name.sec-v2 .nm-sp{color:color-mix(in srgb,var(--on-primary) 75%,transparent)}
.sec-name.sec-v2 .nm-pts{grid-template-columns:1fr}
/* Variante 3: redaktionell, Zitat */
.sec-name.sec-v3 .sec-lead{font-family:var(--font-h);font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.45;border-left:4px solid var(--accent);padding-left:18px}
.sec-name.sec-v3 .nm-letters{grid-template-columns:1fr}
.sec-name.sec-v3 .nm-l{background:transparent;border:0;border-bottom:1px dashed var(--line);border-radius:0;padding:10px 0}
.sec-name.sec-v3 .nm-pts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.sec-name.sec-v3 .nm-pts div{border-left:0;border-top:2px solid var(--accent);padding:10px 0 0}

/* Fakten: 2 = Tabelle, 3 = große Kennzahlen */
.sec-facts.sec-v2 .facts{grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.sec-facts.sec-v2 .fact{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:12px;border:0;border-radius:0;border-bottom:1px solid var(--line);align-items:baseline}
.sec-facts.sec-v2 .fact:last-child{border-bottom:0}
.sec-facts.sec-v2 .fact:nth-child(odd){background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.sec-facts.sec-v3 .facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.sec-facts.sec-v3 .fact{background:transparent;border:0;border-top:3px solid var(--primary);border-radius:0;padding:12px 0}
.sec-facts.sec-v3 .fact dd{font:800 1.25rem/1.25 var(--font-h)}
/* Einsatzideen: 2 = Kacheln, 3 = Liste mit Häkchen */
.sec-uses.sec-v2 .chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.sec-uses.sec-v2 .chips li{border-radius:var(--rs);padding:1em;font-weight:700;background:var(--surface)}
.sec-uses.sec-v3 .chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 20px}
.sec-uses.sec-v3 .chips li{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:.6em 0}
/* Kaufwege: 2 = Zeilen, 3 = farbige Kacheln */
.sec-options.sec-v2 .opts{grid-template-columns:1fr;gap:0}
.sec-options.sec-v2 .opt{display:grid;grid-template-columns:auto 1fr;column-gap:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 0}
.sec-options.sec-v2 .opt-ic{grid-row:1/3}
.sec-options.sec-v2 .opt h3{margin:0}
.sec-options.sec-v3 .opt{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:0;text-align:center}
.sec-options.sec-v3 .opt-ic{width:56px;height:56px;border-radius:50%}
/* Ablauf: 2 = Zeitstrahl, 3 = Karten mit großen Ziffern */
.sec-steps.sec-v2 .steps{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));position:relative}
.sec-steps.sec-v2 .steps li{flex-direction:column;gap:10px;position:relative}
.sec-steps.sec-v2 .steps li::after{content:"";position:absolute;top:19px;left:48px;right:-10px;height:2px;background:var(--line)}
.sec-steps.sec-v2 .steps li:last-child::after{display:none}
.sec-steps.sec-v3 .steps li{flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.sec-steps.sec-v3 .step-n{width:auto;height:auto;background:transparent;color:var(--primary);font-size:2.4rem;line-height:1}
/* Fragen: 2 = alle offen in zwei Spalten, 3 = nummeriert ohne Rahmen */
.sec-faq.sec-v2 .faq{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.sec-faq.sec-v2 .faq summary::after{display:none}
.sec-faq.sec-v2 .faq summary{pointer-events:none;padding-right:0}
.sec-faq.sec-v3 .faq{counter-reset:q;gap:0}
.sec-faq.sec-v3 .faq details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0}
.sec-faq.sec-v3 .faq summary::before{counter-increment:q;content:counter(q,decimal-leading-zero) " ";color:var(--primary);font-family:var(--font-h);margin-right:.4em}
/* Kaufbox: echtes Interesse, Zahlungswege, Antwortzeit */
.sc-interest{display:flex;align-items:center;gap:.5em;font-size:.86rem;color:var(--muted);margin:8px 0 0}
.sc-interest .pulse{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:pl 2s infinite}
@keyframes pl{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@media (prefers-reduced-motion:reduce){.sc-interest .pulse{animation:none}}
.sc-pay{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.sc-pay span{font-size:.74rem;font-weight:700;padding:.35em .6em;border:1px solid var(--line);border-radius:6px;color:var(--muted)}
.sc-reply{display:flex;align-items:center;gap:.35em;width:100%;color:var(--muted);font-size:.8rem;margin-bottom:4px}
.sc-reply .ic{width:1em;height:1em}
@media (max-width:640px){.sec-facts.sec-v2 .fact{grid-template-columns:1fr;gap:2px}.sec-steps.sec-v2 .steps li::after{display:none}}
.sc-band .sc-pay,.sc-band .sc-interest,.sc-wide .sc-pay,.sc-wide .sc-interest{grid-column:1/-1}

/* ═════════════ Seitentypen (Designs 121–264) ═════════════ */
.A{display:block}
.ab{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px}
.ab-l{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted)}
.ab-p{font:800 clamp(1.6rem,3.4vw,2.4rem)/1 var(--font-h);color:var(--ink)}
.ab-lease{font-weight:600;text-decoration:none;color:var(--primary);border-bottom:1px dashed currentColor}
.ab-btns{display:flex;gap:10px;flex-wrap:wrap}
.ab-stack{flex-direction:column;align-items:flex-start}
.ab-center{justify-content:center;text-align:center}

/* 1 Plakat */
.A-billboard .bb-hero{min-height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;padding:6vw 4vw;background:radial-gradient(120% 90% at 10% 0%,color-mix(in srgb,var(--primary) 26%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),var(--bg);overflow:hidden}
.bb-kicker{font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;color:var(--primary);margin:0}
.bb-name{font:900 clamp(3.4rem,17vw,15rem)/.85 var(--font-h);letter-spacing:-.06em;margin:.1em 0;word-break:break-all;color:var(--ink)}
.bb-name[data-long]{font-size:clamp(2.6rem,10vw,9rem)}
.bb-name span{color:var(--primary)}
.bb-lead{font-size:clamp(1.1rem,2vw,1.5rem);max-width:40ch;color:var(--muted);margin:0}
.bb-ticker{background:var(--ink);color:var(--bg);overflow:hidden;white-space:nowrap;padding:14px 0;font:800 1.2rem var(--font-h);text-transform:uppercase;letter-spacing:.05em}
.bb-track{display:inline-flex;gap:3rem;animation:bbt 28s linear infinite;padding-left:3rem}
.bb-track span::after{content:"✦";margin-left:3rem;color:var(--accent)}
@keyframes bbt{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bb-track{animation:none}}
.bb-story{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(20px,5vw,70px);padding-top:clamp(40px,7vw,90px);padding-bottom:30px}
.bb-story h2{font:800 clamp(1.8rem,4vw,3.2rem)/1.05 var(--font-h);margin:0;letter-spacing:-.02em}
.bb-story-b p{font-size:1.15rem;line-height:1.7}
.bb-letters{display:grid;gap:8px;margin-top:16px}
.bb-letters span{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--line);padding-top:8px;color:var(--muted)}
.bb-letters b{font:900 2rem var(--font-h);color:var(--primary);min-width:1.2em}
.bb-sc{padding-top:20px}
@media (max-width:760px){.bb-story{grid-template-columns:1fr}}

/* 2 Geteilte Seite */
.A-splitscreen{display:grid;grid-template-columns:minmax(320px,42%) 1fr;min-height:100vh}
.ss-left{background:var(--hero);color:var(--on-hero);position:relative}
.ss-left-in{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,70px)}
.ss-left .ab-l,.ss-left .ab-p{color:var(--on-hero)}
.ss-left .btn-s{color:var(--on-hero);border-color:color-mix(in srgb,var(--on-hero) 40%,transparent)}
.ss-left .ab-lease{color:var(--accent)}
.ss-logo{max-width:220px;margin-bottom:26px}
.ss-logo svg,.ss-logo img{max-height:52px;width:auto}
.ss-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;opacity:.8;margin:0}
.ss-name{font:800 clamp(2.4rem,5.4vw,4.6rem)/1 var(--font-h);letter-spacing:-.03em;margin:.2em 0;overflow-wrap:anywhere}
.ss-name span{color:var(--accent)}
.ss-lead{font-size:1.1rem;opacity:.9;max-width:34ch}
.ss-trust{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:8px;font-size:.92rem;opacity:.9}
.ss-trust li{display:flex;gap:.5em;align-items:center}
.ss-right{padding:clamp(24px,4vw,56px);min-width:0}
.ss-intro{max-width:760px;margin-bottom:28px}
.ss-big{font:700 clamp(1.4rem,2.6vw,2rem)/1.25 var(--font-h);margin:0 0 .6em}
.ss-sc{max-width:760px}
.A-splitscreen .secs .sec-in,.A-splitscreen .cb{max-width:none;padding-left:0;padding-right:0}
.A-splitscreen .ct .wrap{padding:0}
@media (max-width:900px){.A-splitscreen{grid-template-columns:1fr}.ss-left-in{position:static;min-height:0}}

/* 3 Marken-Showroom */
.A-showroom .sr-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,60px);align-items:center;padding-top:clamp(36px,6vw,80px);padding-bottom:30px}
.sr-kicker{display:inline-block;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:700;font-size:.8rem;padding:.35em .8em;border-radius:99px;margin:0}
.sr-name{font:800 clamp(2.4rem,5vw,4.2rem)/1.02 var(--font-h);letter-spacing:-.03em;margin:.3em 0 .2em;overflow-wrap:anywhere}
.sr-lead{font-size:1.2rem;font-weight:600;margin:0 0 .6em}
.sr-desc{color:var(--muted)}
.sr-stage{position:relative;height:420px}
.sr-card{position:absolute;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.35);border-radius:14px}
.sr-bcard{width:330px;height:190px;left:0;top:40px;transform:rotate(-6deg);display:flex;flex-direction:column;justify-content:space-between;padding:22px}
.sr-bcard-logo svg,.sr-bcard-logo img{max-height:48px;width:auto}
.sr-bcard-l{display:grid;font-size:.85rem}
.sr-bcard-l small{color:var(--muted)}
.sr-app{right:20px;top:0;width:130px;padding:18px;text-align:center;transform:rotate(5deg)}
.sr-appicon{width:88px;height:88px;border-radius:22px;overflow:hidden;margin:0 auto 8px;display:grid;place-items:center;background:var(--primary)}
.sr-appicon svg{width:100%;height:100%}
.sr-sign{right:0;bottom:10px;width:280px;height:110px;display:grid;place-items:center;background:var(--primary);border:0;transform:rotate(-2deg)}
.sr-sign span{font:900 2.8rem var(--font-h);letter-spacing:.12em;color:var(--on-primary)}
.sr-kit{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;padding-top:10px;padding-bottom:30px}
.sr-browser{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.sr-bar,.tm-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:color-mix(in srgb,var(--ink) 6%,var(--surface));font-size:.8rem;color:var(--muted)}
.sr-bar i,.tm-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.sr-bar i:nth-child(2),.tm-bar i:nth-child(2){background:#febc2e}
.sr-bar i:nth-child(3),.tm-bar i:nth-child(3){background:#28c840}
.sr-bar span,.tm-bar span{margin-left:10px}
.sr-site{padding:22px;display:grid;gap:12px}
.sr-site-logo svg,.sr-site-logo img{max-height:34px;width:auto}
.sr-site-h{font:800 1.3rem var(--font-h)}
.sr-site-lines{display:grid;gap:7px}
.sr-site-lines i{height:8px;border-radius:4px;background:var(--line)}
.sr-site-lines i:nth-child(2){width:80%}
.sr-site-lines i:nth-child(3){width:60%}
.sr-site-btn{width:120px;height:32px;border-radius:var(--rb);background:var(--primary)}
.sr-palette,.sr-mail{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface)}
.sr-palette p,.sr-mail p{margin:0 0 10px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.sr-palette span{display:inline-block;width:44px;height:44px;border-radius:50%;margin-right:6px;border:1px solid var(--line)}
.sr-palette .sr-type{margin-top:14px;font:700 1.5rem var(--font-h);text-transform:none;letter-spacing:0;color:var(--ink)}
.sr-mail code{display:block;padding:6px 0;border-bottom:1px dashed var(--line);font-size:.92rem}
@media (max-width:900px){.A-showroom .sr-hero,.sr-kit{grid-template-columns:1fr}.sr-stage{height:360px;transform:scale(.85);transform-origin:left top}}

/* 4 Journal */
.A-editorial{background:var(--bg)}
.ed-mast{display:flex;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:10px;border-bottom:4px double var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-wrap:wrap}
.ed-mast strong{color:var(--ink);font-family:var(--font-h);letter-spacing:.14em}
.ed-head{text-align:center;padding-top:clamp(28px,5vw,60px);padding-bottom:20px;border-bottom:1px solid var(--line)}
.ed-rubric{font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;margin:0}
.ed-title{font:800 clamp(2.2rem,5.5vw,4.6rem)/1.02 var(--font-h);margin:.2em auto;max-width:20ch;letter-spacing:-.02em}
.ed-sub{font-style:italic;color:var(--muted);font-size:1.15rem}
.ed-body{display:grid;grid-template-columns:1fr 340px;gap:40px;padding-top:30px;padding-bottom:30px}
.ed-cols{columns:2 300px;column-gap:34px;column-rule:1px solid var(--line);font-size:1.05rem;line-height:1.75}
.ed-cols p{margin:0 0 1em;break-inside:avoid-column}
.ed-drop::first-letter{float:left;font:900 4.6rem/.8 var(--font-h);padding:6px 10px 0 0;color:var(--primary)}
.ed-quote{margin:0 0 1em;padding:14px 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);font:italic 700 1.4rem/1.3 var(--font-h);break-inside:avoid}
.ed-ad{border:2px solid var(--ink);padding:16px;align-self:start;position:sticky;top:90px}
.ed-ad-t{margin:0;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;text-align:center;border-bottom:1px solid var(--ink);padding-bottom:6px}
.ed-ad-n{font:900 1.8rem var(--font-h);text-align:center;margin:.3em 0;overflow-wrap:anywhere}
.ed-ad .sc{box-shadow:none;border:0;padding:0;background:transparent}
@media (max-width:900px){.ed-body{grid-template-columns:1fr}.ed-ad{position:static}}

/* 5 Urkunde */
.A-certificate{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--primary) 4%,transparent) 0 2px,transparent 2px 14px),var(--bg)}
.ct-paper{padding-top:clamp(28px,5vw,64px);padding-bottom:20px}
.ct-frame{max-width:900px;margin:0 auto;background:var(--surface);padding:clamp(28px,6vw,70px);text-align:center;border:14px solid transparent;border-image:repeating-linear-gradient(45deg,var(--primary) 0 6px,var(--accent) 6px 12px) 14;box-shadow:0 30px 80px -40px rgba(0,0,0,.4);position:relative}
.ct-frame::before{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--primary) 50%,transparent);pointer-events:none}
.ct-cap{letter-spacing:.35em;text-transform:uppercase;font-size:.8rem;color:var(--primary);margin:0}
.ct-intro{font-style:italic;color:var(--muted);margin:1.4em 0 .2em}
.ct-name{font:700 clamp(2.4rem,6vw,4.8rem)/1.05 var(--font-h);margin:0;overflow-wrap:anywhere}
.ct-lead{font-size:1.1rem;color:var(--muted);max-width:44ch;margin:.8em auto 1.6em}
.ct-lines{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;text-align:left;max-width:640px;margin:0 auto}
.ct-lines div{border-bottom:1px dotted var(--muted);padding-bottom:4px;display:flex;justify-content:space-between;gap:10px}
.ct-lines dt{color:var(--muted);font-size:.85rem}
.ct-lines dd{margin:0;font-weight:600;text-align:right}
.ct-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px}
.ct-sign{display:grid;border-top:1px solid var(--ink);padding-top:6px;min-width:150px}
.ct-sign span{font-family:var(--font-h);font-style:italic}
.ct-sign small{color:var(--muted);font-size:.75rem}
.ct-seal{width:120px;height:120px;transform:rotate(-12deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.ct-seal text{font-family:var(--font-b)}
.ct-buy{padding-top:10px}
.ct-content .content-card{border:6px double var(--primary)}
@media (max-width:640px){.ct-lines{grid-template-columns:1fr}.ct-foot{flex-direction:column}}

/* 6 Terminal */
.A-terminal{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.A-terminal .tm{padding-top:clamp(28px,5vw,64px);padding-bottom:20px}
.tm-win,.tm-readme{border-radius:12px;overflow:hidden;background:#0d1117;color:#e6edf3;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);border:1px solid #30363d}
.tm-win .tm-bar,.tm-readme .tm-bar{background:#161b22;color:#8b949e}
.tm-body{padding:clamp(18px,3vw,34px);font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.7}
.tm-body p{margin:0 0 .4em}
.tm-cmd{color:#7ee787}
.tm-cmd::before{content:"";}
.tm-out{color:#c9d1d9}
.tm-k{color:#79c0ff}
.tm-name{font:800 clamp(2rem,6vw,4.4rem)/1.1 ui-monospace,Menlo,monospace;color:#fff;margin:.2em 0;overflow-wrap:anywhere}
.tm-cur{display:inline-block;width:.55em;height:.9em;background:#7ee787;margin-left:.1em;vertical-align:-.08em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.tm-cur{animation:none}}
.tm-price{font-size:1.6rem;color:#ffa657;font-weight:700}
.tm-price span{font-size:1rem;color:#8b949e;font-weight:400}
.tm-actions .ab{margin-top:14px}
.tm-actions .ab-l,.tm-actions .ab-p{display:none}
.A-terminal .btn{font-family:inherit;border-radius:6px}
.A-terminal .btn-p::before{content:"$ ";opacity:.7}
.A-terminal .btn-s{color:#e6edf3;border-color:#30363d}
.A-terminal .ab-lease{color:#79c0ff}
.tm-readme{margin-top:24px;border-radius:12px 12px 0 0;margin-bottom:-2px}
.tm-sc{padding-top:10px}

/* 7 Luxus */
body.L-luxury{--ink:#f4efe6;--muted:#a79f92;--line:#2a2724;--surface:#121110;--bg:#0a0a0a;--hero:#0a0a0a;--on-hero:#f4efe6;background:#0a0a0a;color:#f4efe6}
.A-luxury{background:#0a0a0a;color:#f4efe6}
.lx-hero{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 70%)}
.lx-kicker{letter-spacing:.5em;text-transform:uppercase;font-size:.75rem;color:var(--primary);margin:0}
.lx-rule{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);margin:26px auto}
.lx-name{font:400 clamp(2.4rem,7vw,6rem)/1.05 var(--font-h);letter-spacing:.14em;text-transform:uppercase;margin:0;overflow-wrap:anywhere}
.lx-lead{font-style:italic;color:var(--muted);font-size:1.15rem;max-width:40ch}
.lx-price{font:400 1.8rem var(--font-h);letter-spacing:.2em;color:var(--primary);margin:.4em 0 0}
.A-luxury .ab-l,.A-luxury .ab-p{display:none}
.A-luxury .btn{border-radius:0;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}
.A-luxury .btn-s{color:var(--ink);border-color:var(--primary)}
.lx-story{text-align:center;font-size:1.2rem;line-height:1.9;color:var(--muted);padding-bottom:30px}
.A-luxury .sc,.A-luxury .fact,.A-luxury .opt,.A-luxury .faq details,.A-luxury .nm-l{background:#121110;border-color:#2a2724;color:var(--ink)}
.A-luxury .sec h2{font-weight:400;letter-spacing:.12em;text-transform:uppercase;text-align:center}

/* 8 Bauhaus */
.A-bauhaus .bh-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:clamp(36px,6vw,80px);padding-bottom:40px}
.bh-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bh-s{aspect-ratio:1;display:grid;place-items:center;font:900 clamp(2rem,5vw,4rem) var(--font-h);color:var(--on-primary)}
.bh-s1{background:var(--primary);border-radius:50%}
.bh-s2{background:var(--ink);color:var(--bg)}
.bh-s3{background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:30%}
.bh-s4{background:var(--hero);color:var(--on-hero);border-radius:0 50% 0 50%}
.bh-name{font:900 clamp(2.6rem,6vw,5rem)/.95 var(--font-h);text-transform:uppercase;margin:0;overflow-wrap:anywhere}
.bh-name span{display:block;color:var(--primary);font-size:.5em}
.bh-lead{font-size:1.15rem;border-left:8px solid var(--accent);padding-left:14px}
.bh-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-bottom:30px}
.bh-b{padding:28px}
.bh-b1{grid-column:span 2;background:var(--ink);color:var(--bg)}
.bh-b1 h2{color:var(--bg);margin-top:0}
.bh-b2{grid-column:span 2;grid-row:span 2;background:var(--surface);border:4px solid var(--ink)}
.bh-b2 .sc{border:0;box-shadow:none;padding:0}
.bh-b3{background:var(--primary);color:var(--on-primary)}
.bh-b4{background:var(--accent);color:#111}
.bh-b h3{margin-top:0}
@media (max-width:900px){.A-bauhaus .bh-hero{grid-template-columns:1fr}.bh-blocks{grid-template-columns:1fr}.bh-b1,.bh-b2{grid-column:auto}}

/* 9 Kennzahlen */
.A-dashboard{background:color-mix(in srgb,var(--ink) 4%,var(--bg))}
.A-dashboard .db{padding-top:clamp(28px,5vw,56px);padding-bottom:20px}
.db-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.db-k{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:700}
.db-name{font:800 clamp(2.2rem,5vw,3.8rem)/1 var(--font-h);margin:.15em 0;letter-spacing:-.03em;overflow-wrap:anywhere}
.db-lead{margin:0;color:var(--muted)}
.db-head .ab{margin:0}
.db-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.db-t{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:4px;align-content:start}
.db-t small{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.db-t b{font:800 2.2rem/1.1 var(--font-h);color:var(--ink)}
.db-t span{font-size:.85rem;color:var(--muted)}
.db-t p{margin:0}
.db-hi{background:var(--primary);border:0}
.db-hi small,.db-hi b,.db-hi span{color:var(--on-primary)}
.db-wide{grid-column:span 2}
.db-spark{width:100%;height:70px}
.db-sc{padding-top:10px}
@media (max-width:760px){.db-grid{grid-template-columns:1fr 1fr}.db-wide{grid-column:span 2}}

/* 10 Kapitel */
html:has(.A-chapters){scroll-snap-type:y proximity}
.ch{min-height:100vh;display:flex;align-items:center;scroll-snap-align:start;padding:60px 0;position:relative}
.ch-short{min-height:60vh}
.ch1{background:var(--hero);color:var(--on-hero)}
.ch1 .ab-l,.ch1 .ab-p{color:var(--on-hero)}
.ch2{background:var(--bg)}
.ch3{background:color-mix(in srgb,var(--primary) 8%,var(--bg))}
.ch4{background:var(--bg);align-items:flex-start}
.ch-n{font:800 5rem/1 var(--font-h);color:color-mix(in srgb,currentColor 18%,transparent);margin:0}
.ch-name{font:800 clamp(2.8rem,9vw,7rem)/1 var(--font-h);letter-spacing:-.04em;margin:.1em 0;overflow-wrap:anywhere}
.ch-lead{font-size:1.3rem;opacity:.9}
.ch-big{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.6}
.ch-down{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid currentColor;color:inherit;text-decoration:none;font-size:1.3rem;margin-top:30px;animation:bob 2s infinite}
@keyframes bob{50%{transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.ch-down{animation:none}}
.ch-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:30}
.ch-dots a{width:10px;height:10px;border-radius:50%;background:var(--primary);opacity:.4}
.ch-dots a:hover{opacity:1}

/* 11 Glas */
.A-glass .gl-hero{background:radial-gradient(80% 90% at 0% 0%,var(--primary),transparent 60%),radial-gradient(70% 80% at 100% 20%,var(--accent),transparent 60%),linear-gradient(160deg,var(--hero),color-mix(in srgb,var(--primary) 60%,#000));color:#fff;padding:clamp(40px,7vw,100px) 0}
.gl-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,60px);align-items:center}
.gl-k{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:700;opacity:.85;margin:0}
.gl-name{font:800 clamp(2.4rem,6vw,4.8rem)/1 var(--font-h);letter-spacing:-.03em;margin:.2em 0;overflow-wrap:anywhere}
.gl-lead{font-size:1.2rem;opacity:.92}
.gl-trust{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.92rem}
.gl-trust li{display:flex;gap:.5em;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 12px}
.A-glass .gl-copy .sc-badges .bdg{background:rgba(255,255,255,.18);color:#fff}
.gl-card .sc{background:rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
.gl-card .sc *{color:inherit}
.gl-card .sc .btn-p{background:#fff;color:#111}
.gl-card .sc .btn-s,.gl-card .sc summary.btn{border-color:rgba(255,255,255,.5)}
.gl-card .sc-lease{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}
.gl-card input,.gl-card textarea{background:rgba(255,255,255,.9);color:#111!important}
.gl-story{max-width:820px;padding-top:40px;text-align:center}
.gl-story h2{font:800 clamp(1.6rem,3vw,2.4rem) var(--font-h)}
@media (max-width:900px){.gl-grid{grid-template-columns:1fr}.gl-trust{grid-template-columns:1fr}}

/* 12 Auktionslos */
.A-lot{background:repeating-linear-gradient(0deg,transparent 0 31px,color-mix(in srgb,var(--line) 70%,transparent) 31px 32px),var(--bg)}
.A-lot .lt{padding-top:clamp(28px,5vw,64px);padding-bottom:20px}
.lt-card{max-width:880px;margin:0 auto;background:var(--surface);border:2px dashed var(--ink);padding:clamp(24px,4vw,48px);position:relative;box-shadow:12px 12px 0 var(--primary)}
.lt-top{display:flex;justify-content:space-between;font:700 .8rem var(--font-b);text-transform:uppercase;letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:10px}
.lt-name{font:800 clamp(2.4rem,6vw,4.6rem)/1 var(--font-h);margin:.35em 0 .1em;overflow-wrap:anywhere}
.lt-lead{font-style:italic;color:var(--muted);font-size:1.1rem}
.lt-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:20px 0}
.lt-row div{padding:12px 14px;border-right:1px solid var(--line);display:grid}
.lt-row div:last-child{border-right:0}
.lt-row small{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.lt-row b{font:800 1.5rem var(--font-h)}
.lt-desc{line-height:1.7}
.lt-stamp{position:absolute;top:62px;right:28px;transform:rotate(-12deg);border:3px solid var(--primary);color:var(--primary);font:900 1rem var(--font-h);letter-spacing:.2em;text-transform:uppercase;padding:4px 12px;border-radius:6px;opacity:.85}
.A-lot .ab-l,.A-lot .ab-p{display:none}
.lt-sc{padding-top:10px}
@media (max-width:640px){.lt-stamp{position:static;display:inline-block;margin-top:10px}}