:root{--bg:#FFFBF7;--bg2:#FBF3EC;--bg3:#F4E8DE;--ink:#1B1512;--ink2:#3A2F2A;--muted:#6B5F58;--line:#EDE0D5;--acc:#FF5A1F;--acc-ink:#B8390A;--hand:#D9460F;--ok:#12A150;--warn:#D97706;--bad:#E03A3A;--grad:linear-gradient(120deg,#FF9A5C 0%,#FF5A1F 50%,#E0440F 100%);--dark:#130E0C;--r:20px;--r-s:12px;--sh:0 1px 2px rgba(60,30,10,.05),0 8px 24px -10px rgba(60,30,10,.14);--sh-l:0 2px 6px rgba(60,30,10,.06),0 30px 60px -24px rgba(120,50,10,.28);--ease:cubic-bezier(.2,.7,.2,1);--wrap:1180px}
@property --p{syntax:"<number>";inherits:true;initial-value:0}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:400 17px/1.65 "Inter Tight",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink2);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{color:var(--ink);line-height:1.08;letter-spacing:-.025em;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(2.5rem,6vw,4.9rem);letter-spacing:-.04em;font-weight:900}
h2{font-size:clamp(1.9rem,3.8vw,3.1rem);letter-spacing:-.035em}
h3{font-size:1.2rem;letter-spacing:-.015em;font-weight:700}
p{margin:0 0 1em}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,label:focus-visible{outline:3px solid rgba(255,90,31,.45);outline-offset:2px;border-radius:8px}
img,svg{display:block;max-width:100%}
.ic{flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
@media(min-width:600px){.wrap{padding:0 24px}}
@media(min-width:900px){.wrap{padding:0 40px}}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px}.skip:focus{left:8px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.muted{color:var(--muted)}
.grad-txt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hand{font-family:Caveat,"Segoe Print","Bradley Hand",cursive;font-weight:700;color:var(--hand);letter-spacing:0;line-height:1}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-ink);margin-bottom:14px}
.eyebrow--pill{letter-spacing:.06em;font-size:.8rem;color:var(--ink);background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 18px -10px rgba(120,50,10,.3);padding:7px 14px 7px 12px;border-radius:99px}
.eyebrow--light{color:#FFB08A}
.live{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(255,90,31,.6);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(255,90,31,0)}100%{box-shadow:0 0 0 0 rgba(255,90,31,0)}}
.lead{font-size:1.13rem;color:var(--muted);max-width:62ch}
.glass{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,var(--sh-l)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:700;font-size:1rem;line-height:1;padding:14px 22px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .2s,border-color .2s,color .2s;white-space:nowrap;min-height:48px;-webkit-tap-highlight-color:transparent}
.btn:active{transform:translateY(1px) scale(.99)}
.btn--primary{color:#fff;background:var(--grad);background-size:160% 100%;background-position:0 0;box-shadow:0 12px 28px -12px rgba(224,68,15,.75),0 1px 0 rgba(255,255,255,.35) inset}
.btn--primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(224,68,15,.8)}
.btn--ghost{background:rgba(255,255,255,.75);color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{border-color:#dcc9ba;transform:translateY(-2px);box-shadow:var(--sh)}
.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover{transform:translateY(-2px);background:#2c221e}
.btn--light{background:#fff;color:var(--ink)}.btn--light:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.btn--lg{padding:18px 26px;font-size:1.05rem;border-radius:16px;min-height:58px}
.btn--sm{padding:10px 16px;font-size:.93rem;min-height:42px;border-radius:11px}
.btn--block{width:100%}
.btn .ic{transition:transform .25s var(--ease)}.btn:hover .ic{transform:translateX(3px)}

/* Header */
.hdr{position:sticky;top:0;z-index:50;transition:background-color .3s,box-shadow .3s,backdrop-filter .3s}
.hdr.is-scrolled{background:rgba(255,251,247,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);box-shadow:0 1px 0 var(--line)}
.hdr__in{display:flex;align-items:center;gap:20px;height:72px}
.hdr__logo{flex:none}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}
.logo__mark{flex:none;border-radius:28%;box-shadow:0 8px 18px -8px rgba(224,68,15,.7)}
.logo__txt{display:flex;flex-direction:column;line-height:1}
.logo__name{display:flex;align-items:center;font-weight:850;font-size:1.2rem;letter-spacing:-.035em;white-space:nowrap}
.logo__the{width:1.5em;height:.9em;margin:0 .12em 0 .16em;color:var(--acc);transform:translateY(-.02em) rotate(-6deg)}
.logo__sub{font-size:.58rem;font-weight:700;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-top:4px}
.logo--light{color:#FFF4EC}.logo--light .logo__sub{color:#B9A99E}
.hdr__nav{display:none;gap:2px;margin-left:8px}
.hdr__nav a{white-space:nowrap;padding:8px 11px;border-radius:9px;font-weight:600;font-size:.93rem;color:var(--ink2);transition:background-color .2s,color .2s}
.hdr__nav a:hover{background:rgba(255,255,255,.7);color:var(--ink)}
.hdr__act{margin-left:auto;display:flex;align-items:center;gap:8px}
.hdr__lang,.hdr__login{font-weight:700;font-size:.9rem;padding:8px 10px;border-radius:9px;color:var(--ink2)}
.hdr__lang:hover,.hdr__login:hover{background:rgba(255,255,255,.7)}
.hdr__login,.hdr__act .btn--ghost{display:none}
.hdr__burger{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.8);color:var(--ink);cursor:pointer}
@media(max-width:560px){.hdr__act .btn--primary{display:none}.logo__sub{display:none}}
@media(min-width:1200px){.hdr__nav{display:flex}.hdr__burger{display:none}.hdr__login,.hdr__act .btn--ghost{display:inline-flex}}
@media(max-width:1199px){.hdr__nav.open{display:flex;flex-direction:column;position:absolute;top:72px;left:12px;right:12px;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-l);animation:drop .25s var(--ease)}.hdr__nav.open a{padding:14px}}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}}

/* Hero */
.hero{position:relative;overflow:hidden;margin-top:-72px;padding:118px 0 44px}
.hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(900px 700px at 105% -5%,rgba(255,122,61,.42),transparent 60%),radial-gradient(700px 600px at -10% 105%,rgba(255,190,150,.5),transparent 60%),linear-gradient(160deg,#FFF8F2 0%,#FBEFE5 100%)}
.blob{position:absolute;border-radius:50%;opacity:.55;will-change:transform;animation:float 18s var(--ease) infinite alternate}
.b1{width:620px;height:620px;background:radial-gradient(circle,#FFB48E 0,rgba(255,180,142,0) 68%);top:-170px;right:-90px}
.b2{width:480px;height:480px;background:radial-gradient(circle,#FFD9C2 0,rgba(255,217,194,0) 68%);top:160px;right:32%;animation-duration:22s;animation-delay:-6s}
.b3{width:520px;height:520px;background:radial-gradient(circle,#FFC7A8 0,rgba(255,199,168,0) 68%);bottom:-200px;left:-140px;animation-duration:26s;animation-delay:-3s}
@keyframes float{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-40px,30px,0) scale(1.08)}100%{transform:translate3d(30px,-20px,0) scale(.95)}}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero__in{display:grid;gap:44px;align-items:center}
@media(min-width:1000px){.hero__in{grid-template-columns:1.1fr .9fr;gap:48px}}
.hero__h1{margin:20px 0 14px}
.hero__h1>span{display:block}
.hl{position:relative;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.hero__note{display:flex;align-items:center;gap:6px;margin:-12px 0 22px;font-size:clamp(1.5rem,2.6vw,2rem);transform:rotate(-3deg);transform-origin:left;-webkit-text-fill-color:var(--hand);color:var(--hand);white-space:nowrap}
.hero__note svg{flex:none;transform:rotate(200deg) scaleY(-1)}
.hero__lead{font-size:clamp(1.06rem,1.6vw,1.24rem);color:var(--ink2);max-width:56ch}
.hero__tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--ink);background:rgba(255,255,255,.55);border:1px dashed rgba(224,68,15,.45);padding:8px 14px;border-radius:12px;margin:4px 0 0}
.hero__tag .ic{color:var(--acc)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}
.hero__micro{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted);margin:0}
.hero__micro .ic{color:var(--ok)}
@media(max-width:560px){.hero__cta .btn{width:100%}}

/* Hero: Autopilot-Konsole */
.hero__demo{position:relative;padding:92px 0 30px}
.con{position:relative;border-radius:26px;padding:20px 20px 16px;animation:rise .9s var(--ease) .1s both}
.con__top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.con__top .logo__mark{box-shadow:none}
.con__top b{color:var(--ink);font-size:.98rem}
.con__live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:#0b6b35;background:#E6F6EC;padding:4px 10px;border-radius:99px}
.con__live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:ping2 1.6s infinite}
@keyframes ping2{50%{opacity:.35}}
.con__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.con__list li{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid rgba(237,224,213,.9);font-size:.92rem;color:var(--ink);opacity:0;animation:li .6s var(--ease) calc(.5s + var(--i) * .45s) forwards}
@keyframes li{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.con__ck{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;flex:none;transform:scale(0);animation:ck .4s var(--ease) calc(.8s + var(--i) * .45s) forwards}
@keyframes ck{to{transform:scale(1)}}
.con__t{flex:1;min-width:0;font-weight:600;line-height:1.3}
.con__tag{font-size:.72rem;font-weight:700;color:var(--acc-ink);background:#FFF0E8;padding:3px 8px;border-radius:99px;white-space:nowrap}
.con__foot{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:.82rem;color:var(--muted)}
.con__foot b{font-size:1.5rem;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.con__foot svg{margin-left:auto;width:110px;height:30px}
.graph__line{stroke-dasharray:160;stroke-dashoffset:160;animation:draw 2s var(--ease) 2.4s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.chip{position:absolute;border-radius:18px;padding:12px 14px;font-size:.84rem;color:var(--ink2)}
.chip--ai{top:0;right:-12px;width:70%;max-width:320px;z-index:2;animation:rise .9s var(--ease) 1.2s both,bob 7s ease-in-out 2.2s infinite}
.chip--ai p{margin:4px 0 0;line-height:1.45}
.chip__h{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.74rem;color:var(--acc-ink);text-transform:uppercase;letter-spacing:.08em}
.chip mark{background:linear-gradient(120deg,rgba(255,154,92,.35),rgba(255,90,31,.25));color:var(--ink);font-weight:800;padding:0 6px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,90,31,.45)}
.chip--g{bottom:-6px;left:-16px;z-index:2;display:flex;align-items:center;gap:10px;animation:rise .9s var(--ease) 1.6s both,bob 8s ease-in-out 2.6s infinite reverse}
.chip__rank{font-weight:800;color:#fff;background:#0b7a3b;padding:4px 10px;border-radius:99px;font-size:.8rem}
.chip__arrow{font-weight:800;color:#0b7a3b;font-size:.85rem}
.gdot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0)}
.gdot b{display:grid;place-items:center;width:15px;height:15px;background:#fff;color:#4285f4;border-radius:50%;font-size:.58rem}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.97)}}
@keyframes bob{50%{transform:translateY(-7px)}}
@media(max-width:560px){.hero__demo{padding-top:96px}.chip--ai{width:88%;right:-4px}.chip--g{left:auto;right:6px;bottom:-8px}}

/* Proof */
.proof{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:64px}
@media(min-width:900px){.proof{grid-template-columns:repeat(4,1fr)}}
.proof__i{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:var(--r);background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.85)}
.proof__i b{font-size:1.75rem;font-weight:900;color:var(--ink);letter-spacing:-.04em;line-height:1}
.proof__i span{font-size:.86rem;color:var(--muted);line-height:1.4}

/* Sections */
.sec{position:relative;padding:76px 0}
@media(min-width:900px){.sec{padding:116px 0}}
.sec--alt{background:var(--bg2)}
.head{max-width:780px;margin-bottom:46px}
.head--c{margin-inline:auto;text-align:center}.head--c .lead{margin-inline:auto}
.grid3{display:grid;gap:18px}
@media(min-width:760px){.grid3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.grid3{grid-template-columns:repeat(3,1fr)}}

/* Manifest */
.man{background:radial-gradient(700px 500px at 100% 0,rgba(255,180,142,.35),transparent 60%),var(--bg)}
.man__in{display:grid;gap:44px;align-items:center}
@media(min-width:1000px){.man__in{grid-template-columns:1.05fr .95fr;gap:64px}}
.man h2{font-size:clamp(2.1rem,4.4vw,3.6rem)}
.man__quote{font-size:2.2rem;transform:rotate(-2deg);margin:18px 0 0}
.man__side{display:grid;gap:14px}
.stamp{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-radius:22px;transform:rotate(-1.2deg)}
.stamp__txt{font-size:clamp(1.15rem,3vw,1.9rem);white-space:nowrap;font-weight:900;letter-spacing:-.03em;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--bad);text-decoration-thickness:4px}
.stamp__no{flex:none;border:4px solid var(--bad);color:var(--bad);font-weight:900;font-size:1.5rem;padding:4px 14px;border-radius:12px;transform:rotate(9deg);background:rgba(255,255,255,.85)}
.mpt{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:22px;transition:transform .35s var(--ease)}
.mpt:hover{transform:translateX(4px)}
.mpt__n{font-weight:900;font-size:2rem;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.6px var(--acc);min-width:44px}
.mpt h3{margin-bottom:4px}.mpt p{margin:0;color:var(--muted);font-size:.97rem}

/* Dunkle Sektion (Methode) */
.sec--dark{overflow:hidden;background:radial-gradient(800px 600px at 100% 0%,rgba(255,90,31,.42),transparent 60%),radial-gradient(700px 600px at 0% 100%,rgba(255,140,80,.18),transparent 60%),linear-gradient(160deg,#241A16 0%,#120D0B 100%);color:#D9CBC1}
.sec--dark h2{color:#FFF4EC}.sec--dark .lead{color:#C4B3A8}
.sec--dark>.grain{opacity:.2}
.eq{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;position:relative}
@media(min-width:1000px){.eq{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}}
.eq__i{display:flex;flex-direction:column;gap:4px;padding:26px 24px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.eq__i b{font-size:3.6rem;font-weight:900;line-height:.9;letter-spacing:-.05em;color:#FFF4EC;font-variant-numeric:tabular-nums}
.eq__u{font-weight:800;color:#FF9A66;font-size:1.02rem}
.eq__i>span:last-child{font-size:.93rem;color:#C4B3A8}
.eq__op{display:grid;place-items:center;font-size:2rem;font-weight:900;color:#FF7A3D}
@media(max-width:999px){.eq__op{font-size:1.5rem;line-height:1}}
.eq__res{display:flex;gap:22px;align-items:center;margin-top:18px;padding:26px 28px;border-radius:26px;background:var(--grad);color:#1B0E08;box-shadow:0 30px 70px -26px rgba(255,90,31,.7)}
.eq__res b{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;letter-spacing:-.03em;color:#1B0E08}
.eq__res p{margin:4px 0 0;font-weight:600;color:#2A150A}
.eq__res .logo__mark{box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}

/* Vergleich */
.vs{background:radial-gradient(800px 600px at 0 0,rgba(255,200,170,.35),transparent 60%),var(--bg)}
.vs__note{font-size:1.9rem;transform:rotate(-3deg);margin:6px 0 0}
.vs__box{position:relative;max-width:1060px;margin:0 auto}
.vs__r{position:absolute;opacity:0;pointer-events:none}
.vs__tog{display:flex;gap:4px;padding:5px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);margin:0 auto 16px;max-width:520px}
.vs__tog label{flex:1;text-align:center;padding:11px 10px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--muted);transition:background .25s,color .25s}
#vs-a:checked~.vs__tog label[for=vs-a]{background:#fff;color:var(--ink);box-shadow:var(--sh)}
#vs-b:checked~.vs__tog label[for=vs-b]{background:var(--grad);color:#fff;box-shadow:0 8px 20px -10px rgba(224,68,15,.8)}
#vs-a:focus-visible~.vs__tog label[for=vs-a],#vs-b:focus-visible~.vs__tog label[for=vs-b]{outline:3px solid rgba(255,90,31,.45)}
.vs__grid{position:relative;display:grid;grid-template-columns:1fr;border-radius:26px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh-l);overflow:hidden}
.vs__row{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:4px;padding:16px 20px;border-top:1px solid rgba(237,224,213,.8);transition:background .25s}
.vs__row--h{border-top:0;font-weight:800;color:var(--ink)}
.vs__row:not(.vs__row--h):hover{background:rgba(255,255,255,.6)}
.vs__l{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.vs__a,.vs__b{display:flex;gap:10px;align-items:flex-start;font-size:1rem;line-height:1.4}
.vs__a{color:#8A7D75}.vs__a .ic{color:var(--bad);margin-top:3px}
.vs__b{color:var(--ink);font-weight:700}.vs__b .ic{color:#fff;background:var(--ok);border-radius:50%;padding:2px;margin-top:2px}
.vs__row--h .vs__a,.vs__row--h .vs__b{align-items:center;font-size:1rem}
.vs__row--h .vs__a .ic{color:var(--muted)}
.vs__row--h .logo__mark{box-shadow:none}
.vs__glow{display:none}
@media(max-width:759px){#vs-a:checked~.vs__grid .vs__b,#vs-b:checked~.vs__grid .vs__a{display:none}.vs__row--h .vs__l{display:none}.vs__row--h span[role=columnheader]:first-child{display:none}}
@media(min-width:760px){.vs__tog{display:none}.vs__row{grid-template-columns:.8fr 1.1fr 1.25fr;gap:24px;align-items:center;padding:17px 28px}.vs__glow{display:block;position:absolute;z-index:0;top:10px;bottom:10px;right:10px;width:calc((100% - 56px - 48px) * 1.25 / 3.15 + 28px);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,244,236,.95));box-shadow:0 0 0 2px rgba(255,90,31,.55),0 24px 50px -20px rgba(224,68,15,.5)}.vs__a{text-decoration:line-through;text-decoration-color:rgba(224,58,58,.35);text-decoration-thickness:1.5px}.vs__row--h .vs__a{text-decoration:none}}
.calc{display:grid;gap:24px;align-items:center;max-width:1060px;margin:28px auto 0;padding:28px;border-radius:26px}
@media(min-width:860px){.calc{grid-template-columns:1.2fr 1fr;padding:32px 36px}}
.calc h3{font-size:1.4rem;margin-bottom:10px}
.calc__lbl{display:block;font-weight:600;color:var(--ink2);margin-bottom:12px}
.calc__lbl output{white-space:nowrap;font-weight:900;color:var(--ink);font-size:1.15rem;font-variant-numeric:tabular-nums}
.calc input[type=range]{width:100%;height:36px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.calc input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:9px;background:linear-gradient(90deg,#FF9A5C,#FF5A1F var(--fill,36%),var(--bg3) var(--fill,36%))}
.calc input[type=range]::-moz-range-track{height:10px;border-radius:9px;background:var(--bg3)}
.calc input[type=range]::-moz-range-progress{height:10px;border-radius:9px;background:var(--grad)}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 6px 16px -4px rgba(224,68,15,.6)}
.calc input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--acc)}
.calc__small{font-size:.9rem;color:var(--muted);margin:10px 0 0}
.calc__res{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc__res>div{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.calc__res>div:first-child{background:var(--grad);border:0;color:#fff}
.calc__res b{font-size:clamp(1.45rem,3.4vw,2.4rem);white-space:nowrap;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.calc__res>div:first-child b,.calc__res>div:first-child span{color:#fff}
.calc__res span{font-size:.86rem;color:var(--muted);font-weight:600}

/* Leistungen */
.svc,.tile{position:relative;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);box-shadow:var(--sh);border-radius:var(--r);padding:28px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.svc:hover,.tile:hover{transform:translateY(-4px);box-shadow:var(--sh-l)}
.svc p,.tile p{color:var(--muted);margin:0}
.svc__ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;margin-bottom:18px;color:#fff;background:var(--grad);box-shadow:0 12px 22px -10px rgba(224,68,15,.7)}

/* Steps */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{position:relative;padding:30px;border-radius:var(--r);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,var(--line),var(--line)) border-box;border:1px solid transparent;transition:background .4s}
.step:hover{background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box}
.step__n{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-weight:900;color:#fff;background:var(--ink);margin-bottom:18px}
.step p{color:var(--muted);margin:0}

/* Für jeden */
.who__box{max-width:1000px;margin:0 auto}
.who__r{position:absolute;opacity:0;pointer-events:none}
.who__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}
.who__tabs label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-weight:700;font-size:.92rem;color:var(--ink2);cursor:pointer;transition:all .25s var(--ease)}
.who__tabs label:hover{transform:translateY(-2px);border-color:#dcc9ba}
.who__tabs .ic{color:var(--acc)}
.who__p{display:none;gap:26px;align-items:flex-start;padding:32px;border-radius:26px;animation:rise .5s var(--ease)}
.who__p h3{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:900;letter-spacing:-.03em}
.who__ic{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--grad);color:#fff;flex:none;box-shadow:0 14px 30px -12px rgba(224,68,15,.7)}
@media(max-width:600px){.who__p{flex-direction:column;padding:24px}}
#who-trade:checked~.who__tabs label[for=who-trade]{background:var(--ink);color:#fff;border-color:var(--ink)}#who-trade:checked~.who__tabs label[for=who-trade] .ic{color:#FF9A66}#who-trade:checked~.who__panes .who__p--trade{display:flex}#who-trade:focus-visible~.who__tabs label[for=who-trade]{outline:3px solid rgba(255,90,31,.45)}
#who-move:checked~.who__tabs label[for=who-move]{background:var(--ink);color:#fff;border-color:var(--ink)}#who-move:checked~.who__tabs label[for=who-move] .ic{color:#FF9A66}#who-move:checked~.who__panes .who__p--move{display:flex}#who-move:focus-visible~.who__tabs label[for=who-move]{outline:3px solid rgba(255,90,31,.45)}
#who-estate:checked~.who__tabs label[for=who-estate]{background:var(--ink);color:#fff;border-color:var(--ink)}#who-estate:checked~.who__tabs label[for=who-estate] .ic{color:#FF9A66}#who-estate:checked~.who__panes .who__p--estate{display:flex}#who-estate:focus-visible~.who__tabs label[for=who-estate]{outline:3px solid rgba(255,90,31,.45)}
#who-shop:checked~.who__tabs label[for=who-shop]{background:var(--ink);color:#fff;border-color:var(--ink)}#who-shop:checked~.who__tabs label[for=who-shop] .ic{color:#FF9A66}#who-shop:checked~.who__panes .who__p--shop{display:flex}#who-shop:focus-visible~.who__tabs label[for=who-shop]{outline:3px solid rgba(255,90,31,.45)}
#who-blog:checked~.who__tabs label[for=who-blog]{background:var(--ink);color:#fff;border-color:var(--ink)}#who-blog:checked~.who__tabs label[for=who-blog] .ic{color:#FF9A66}#who-blog:checked~.who__panes .who__p--blog{display:flex}#who-blog:focus-visible~.who__tabs label[for=who-blog]{outline:3px solid rgba(255,90,31,.45)}
#who-agency:checked~.who__tabs label[for=who-agency]{background:var(--ink);color:#fff;border-color:var(--ink)}#who-agency:checked~.who__tabs label[for=who-agency] .ic{color:#FF9A66}#who-agency:checked~.who__panes .who__p--agency{display:flex}#who-agency:focus-visible~.who__tabs label[for=who-agency]{outline:3px solid rgba(255,90,31,.45)}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--ink2)}
.ticks .ic{color:#fff;background:var(--ok);border-radius:50%;padding:3px}

/* Pakete */
.plans{display:grid;gap:18px;align-items:stretch}
@media(min-width:980px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:24px;padding:30px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.plan:hover{transform:translateY(-4px);box-shadow:var(--sh-l)}
.plan--pop{background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:2px solid transparent;box-shadow:0 30px 70px -30px rgba(224,68,15,.5)}
@media(min-width:980px){.plan--pop{transform:translateY(-10px)}.plan--pop:hover{transform:translateY(-14px)}}
.plan__badge{position:absolute;top:-13px;left:28px;background:var(--grad);color:#fff;font-size:.78rem;font-weight:800;padding:5px 12px;border-radius:99px}
.plan h3{font-size:1.4rem;font-weight:900}
.plan__desc{color:var(--muted);font-size:.95rem;min-height:3em}
.plan__list{list-style:none;padding:0;margin:8px 0 22px;display:grid;gap:10px}
.plan__list li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.plan__list .ic{color:var(--ok);margin-top:3px}
.plan__price{margin-top:auto;padding:18px 0;border-top:1px dashed var(--line);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.plan__price b{font-size:2rem;font-weight:900;color:var(--ink);letter-spacing:-.04em}
.plan__price span{font-size:.85rem;color:var(--muted)}
.partner{margin-top:22px;display:grid;gap:22px;align-items:center;padding:30px;border-radius:24px;background:linear-gradient(120deg,#fff 0,#fff 55%,#FFF0E6 100%);border:1px solid var(--line)}
@media(min-width:980px){.partner{grid-template-columns:1fr 1.1fr auto}}
.partner p{color:var(--muted);margin:0}
.partner .plan__price{border:0;padding:0 0 12px}
.plan__list--2{margin:0}
@media(min-width:600px){.plan__list--2{grid-template-columns:1fr 1fr}}
.boost__h{margin:54px 0 18px;text-align:center}
.boosts{display:grid;gap:12px}
@media(min-width:760px){.boosts{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.boosts{grid-template-columns:repeat(3,1fr)}}
.boost{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:18px;background:rgba(255,255,255,.8);border:1px solid var(--line)}
.boost .ic{color:var(--acc);margin-top:3px}
.boost b{display:block;color:var(--ink);font-size:.98rem}.boost span{font-size:.88rem;color:var(--muted);line-height:1.45}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
/* Check */
.check__in{display:grid;gap:40px;align-items:center}
@media(min-width:980px){.check__in{grid-template-columns:1fr 1fr;gap:64px}}
/* Check */
.check__in{display:grid;gap:40px;align-items:center}
@media(min-width:980px){.check__in{grid-template-columns:1fr 1fr;gap:64px}}
.ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:center;font-weight:500;color:var(--ink2)}
.ticks .ic{color:#fff;background:var(--ok);border-radius:50%;padding:3px}
.form{display:grid;gap:16px}
.check__form{position:relative;padding:28px;box-shadow:var(--sh-l);overflow:hidden}
.fld{display:grid;gap:7px}
.fld>span{font-size:.88rem;font-weight:600;color:var(--ink)}
.fld small{color:var(--muted);font-size:.8rem}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid #d6dbe6;border-radius:12px;padding:13px 14px;min-height:50px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.fld textarea{resize:vertical;line-height:1.5}
.fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235d6679' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(255,90,31,.14)}
.fld input:disabled{background:var(--bg2);color:var(--muted)}
.form__note{display:flex;gap:8px;align-items:center;font-size:.83rem;color:var(--muted);margin:0}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ink2);cursor:pointer}
.chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--acc);flex:none}
.chk a{color:var(--acc-ink);text-decoration:underline}
.scan{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}
.scan span{position:absolute;left:0;right:0;height:120px;top:-120px;background:linear-gradient(180deg,transparent,rgba(255,90,31,.12),transparent)}
.is-busy .scan{opacity:1}.is-busy .scan span{animation:scan 1.4s linear infinite}
@keyframes scan{to{transform:translateY(560px)}}
.is-busy button[type=submit]{pointer-events:none;opacity:.85}
.is-busy button[type=submit] span::after{content:"…"}

/* Reveal */
.up{animation:up .8s var(--ease) both}.hero__h1 .up:nth-child(2){animation-delay:.08s}.hero__lead.up{animation-delay:.14s}.hero__cta.up{animation-delay:.2s}.hero__micro.up{animation-delay:.26s}
@keyframes up{from{transform:translateY(14px)}}
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}

/* Ring */
.ring{--p:0;width:156px;height:156px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -90deg,#FF9A5C,#FF5A1F calc(var(--p)*0.5%),#E0440F calc(var(--p)*1%),var(--bg3) 0);transition:--p 1.4s var(--ease);flex:none}
.js .ring:not(.in){--p:0!important}
.ring__in{width:122px;height:122px;border-radius:50%;background:#fff;display:flex;align-items:baseline;justify-content:center;padding-top:44px;gap:2px;box-shadow:inset 0 0 0 1px var(--line)}
.ring__in b{font-size:2.3rem;color:var(--ink);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.ring__in span{color:var(--muted);font-size:.9rem}
.ring--sm{width:62px;height:62px}.ring--sm .ring__in{width:48px;height:48px;padding-top:15px}.ring--sm .ring__in b{font-size:1rem}

/* Result */
.res__hero{position:relative;overflow:hidden;padding:48px 0 32px}
.res__top{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.res__top h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:12px 0 6px;word-break:break-word}
.res__grade{font-weight:600;color:var(--ink2);margin-bottom:10px}
.res__grid{display:grid;gap:22px;align-items:start}
@media(min-width:980px){.res__grid{grid-template-columns:1fr 1fr}}
.res__cats{padding:26px}
.bar{margin-bottom:16px}
.bar__l{display:flex;justify-content:space-between;font-size:.92rem;margin-bottom:6px}.bar__l b{color:var(--ink)}
.bar__t{height:9px;border-radius:9px;background:var(--bg3);overflow:hidden}
.bar__t i{display:block;height:100%;width:var(--w);background:var(--grad);border-radius:9px;transform-origin:left;animation:grow 1.2s var(--ease) .3s both}
@keyframes grow{from{transform:scaleX(0)}}
.res__h{font-size:1.25rem;margin-top:26px}
.res__steps{padding-left:20px;margin:0 0 22px;display:grid;gap:10px}
.res__steps li{padding-left:4px}.res__steps li::marker{color:var(--acc);font-weight:700}
.res__steps--sm{font-size:.92rem}
.res__cta{display:flex;flex-wrap:wrap;gap:10px}
.res__list{display:grid;gap:8px}
.fi{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.fi b{color:var(--ink);font-size:.95rem}.fi p{margin:3px 0 0;font-size:.88rem;color:var(--muted);line-height:1.45}
.fi__ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none;color:#fff}
.fi--ok .fi__ic{background:var(--ok)}.fi--warn .fi__ic{background:var(--warn)}.fi--bad .fi__ic{background:var(--bad)}
.fi__pt{margin-left:auto;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.res__note{font-size:.85rem;color:var(--muted);margin-top:10px}

/* Auth */
.auth{position:relative;min-height:100vh;display:grid;place-items:center;padding:40px 16px;overflow:hidden}
.auth__box{width:100%;max-width:460px;padding:34px;box-shadow:var(--sh-l);animation:rise .6s var(--ease)}
.auth__logo{display:inline-block;margin-bottom:26px}
.auth h1{font-size:1.75rem}
.auth__sub{color:var(--muted);margin-top:-4px}
.auth__alt{margin:18px 0 0;font-size:.92rem;color:var(--muted);text-align:center}.auth__alt a{color:var(--acc-ink);font-weight:600}
.flash{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:.93rem;font-weight:500;animation:rise .4s var(--ease)}
.flash--ok{background:#e8f8ee;color:#0b6b35;border:1px solid #bfe9cf}.flash--err{background:#fdeceb;color:#a1262a;border:1px solid #f6c6c6}

/* Legal / 404 */
.legal__in,.nf__in{max-width:780px;padding-top:56px;padding-bottom:96px}
.legal h2{font-size:1.3rem;margin-top:34px}
.nf__in{text-align:center}.nf__in h1{font-size:clamp(2rem,5vw,3.2rem)}

/* App */
.p-app{background:var(--bg2)}
.app{display:grid;min-height:100vh}
@media(min-width:1020px){.app{grid-template-columns:260px 1fr}}
.app__side{position:fixed;inset:0 auto 0 0;width:270px;z-index:60;background:#fff;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .35s var(--ease)}
.app__side.open{transform:none;box-shadow:var(--sh-l)}
@media(min-width:1020px){.app__side{position:sticky;top:0;height:100vh;transform:none;width:auto}}
.app__logo{padding:6px 10px 22px}
.app__side nav{display:grid;gap:2px}
.app__side nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:11px;font-weight:500;color:var(--ink2);transition:background-color .2s,color .2s}
.app__side nav a:hover{background:var(--bg2);color:var(--ink)}
.app__side nav a.on{background:linear-gradient(120deg,rgba(255,154,92,.16),rgba(255,90,31,.1));color:var(--ink);font-weight:600}
.app__side nav a.on .ic{color:var(--acc)}
.app__user{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px 10px 4px;border-top:1px solid var(--line)}
.app__user b{display:block;color:var(--ink);font-size:.92rem;line-height:1.2}.app__user a{font-size:.83rem;color:var(--muted)}
.av{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;font-weight:700;flex:none}
.app__main{min-width:0}
.app__top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:14px 20px;background:rgba(251,243,236,.85);backdrop-filter:blur(12px)}
.app__top h1{font-size:1.35rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app__top .btn{margin-left:auto}
@media(min-width:1020px){.app__top{padding:22px 40px}.app__top .hdr__burger{display:none}}
@media(max-width:560px){.app__top .btn{padding:10px 12px;font-size:0;gap:0}.app__top .btn .ic{width:18px;height:18px}}
.app__body{padding:8px 20px 60px;max-width:1240px}
@media(min-width:1020px){.app__body{padding:8px 40px 80px}}
.app__h{font-size:1.3rem;margin:40px 0 16px}
.dash__hero{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:30px;background:linear-gradient(120deg,#fff 40%,#FFF0E6);position:relative;overflow:hidden}
.dash__hero h2{font-size:1.7rem;margin-bottom:6px}.dash__hero p{color:var(--muted);margin:0;max-width:60ch}
.empty{display:flex;gap:12px;align-items:center;padding:26px;color:var(--muted)}.empty p{margin:0}
.pgrid{display:grid;gap:16px}
@media(min-width:760px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.pgrid{grid-template-columns:repeat(3,1fr)}}
.pcard{padding:22px;transition:transform .3s var(--ease),box-shadow .3s}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--sh-l)}
.pcard__top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.pcard__top b{color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.pill{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--bg2);color:var(--ink2);white-space:nowrap}
.pcard__score{display:flex;gap:14px;align-items:center;margin-bottom:16px;color:var(--muted);font-size:.9rem}
.pcard__st{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.pcard__st li{display:flex;gap:6px;align-items:center;font-size:.82rem;padding:5px 10px;border-radius:99px;background:var(--bg2);color:var(--muted)}
.pcard__st li.ok{background:#e8f8ee;color:#0b6b35}
.grid3--app .mini{padding:20px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.mini .ic{color:var(--acc)}.mini b{color:var(--ink)}.mini p{color:var(--muted);font-size:.9rem;margin:0 0 6px}
.soon{display:inline-block;font-size:.76rem;font-weight:600;color:var(--acc-ink);background:#FFF0E6;padding:4px 10px;border-radius:99px;margin-top:auto}
.feat{display:flex;gap:16px;align-items:center;padding:22px;flex-wrap:wrap}.feat .ic{color:var(--acc)}.feat p{margin:2px 0 0;color:var(--muted);font-size:.93rem}.feat b{color:var(--ink)}.feat>div{flex:1;min-width:220px}
.wizard{padding:30px;max-width:820px}
.wiz__steps{list-style:none;padding:0;margin:0 0 26px;display:flex;gap:8px;flex-wrap:wrap}
.wiz__steps li{display:flex;gap:8px;align-items:center;font-size:.88rem;color:var(--muted);padding:6px 12px 6px 6px;border-radius:99px;background:var(--bg2)}
.wiz__steps li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;font-weight:700;font-size:.8rem}
.wiz__steps li.on{color:var(--ink);font-weight:600}.wiz__steps li.on span{background:var(--grad);color:#fff}
.form--inline{grid-template-columns:1fr;align-items:end}
@media(min-width:700px){.form--inline{grid-template-columns:1fr auto}}
.proj{display:grid;gap:18px;align-items:start}
@media(min-width:1100px){.proj{grid-template-columns:1fr 340px}}
.proj__main,.proj__side{display:grid;gap:18px}
.blk{padding:26px}
.blk h3{font-size:1.08rem}
.blk .ring{margin:6px auto 18px}
.blk__h{display:flex;gap:12px;align-items:center;margin-bottom:12px}.blk__h h2{font-size:1.2rem;margin:0}.blk__h .pill{margin-left:auto}
.blk__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg2);font-weight:700;color:var(--ink);font-size:.9rem;flex:none}
.blk__n.ok{background:var(--ok);color:#fff}
.blk--cta{background:linear-gradient(140deg,#fff 30%,#FFF0E6)}.blk--cta .btn{margin-top:8px}
.howto{padding-left:20px;display:grid;gap:8px;color:var(--ink2);margin:0 0 18px}
.howto a{color:var(--acc-ink);font-weight:600;text-decoration:underline}
.ok-line{display:flex;gap:8px;align-items:center;color:#0b6b35}
.form--2{grid-template-columns:1fr}
@media(min-width:760px){.form--2{grid-template-columns:1fr 1fr}.form--2 .btn{grid-column:1/-1;justify-self:start}}
.ctx{grid-template-columns:1fr}
@media(min-width:760px){.ctx{grid-template-columns:1fr 1fr}.ctx .fld--wide,.ctx__act{grid-column:1/-1}}
.ctx__act{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ctx__act .muted{font-size:.88rem}
code.copy{background:var(--bg2);border:1px dashed #cfd5e2;padding:3px 8px;border-radius:8px;font-size:.88rem;cursor:copy;word-break:break-all}
.narrow{max-width:560px}
.fld--grow{min-width:0}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}
/* Builder, Founder, FAQ, Final, Footer (warme CI) */
.builder{display:grid;gap:40px;align-items:start}
@media(min-width:980px){.builder{grid-template-columns:.9fr 1.1fr;gap:64px}}
.note{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;font-weight:700;color:var(--ink2);background:var(--bg2);padding:8px 14px;border-radius:99px}
.bsteps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.bstep{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.bstep>span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;font-weight:900}
.bstep h3{margin-bottom:4px}.bstep p{margin:0;color:var(--muted);font-size:.95rem}
.founder{display:grid;gap:28px;align-items:center;padding:34px;border-radius:30px}
@media(min-width:900px){.founder{grid-template-columns:auto 1fr;padding:50px;gap:48px}}
.founder__mark .logo__mark{width:110px;height:110px;box-shadow:0 24px 50px -20px rgba(224,68,15,.75);transform:rotate(-6deg)}
.founder h2{font-size:clamp(1.6rem,2.8vw,2.3rem)}
.founder__sig{margin:0;color:var(--ink2)}
.founder__sig .hand{font-size:1.6rem;display:block;margin-top:8px;transform:rotate(-2deg);transform-origin:left}
.faq{max-width:860px}
.faq__list{display:grid;gap:10px;margin-top:26px}
.faq__i{background:#fff;border:1px solid var(--line);border-radius:18px;transition:box-shadow .3s,border-color .3s}
.faq__i[open]{box-shadow:var(--sh);border-color:#e3cfbf}
.faq__i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-weight:700;color:var(--ink);font-size:1.03rem}
.faq__i summary::-webkit-details-marker{display:none}
.faq__pm{position:relative;width:14px;height:14px;flex:none}
.faq__pm::before,.faq__pm::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:2px;background:var(--acc);transition:transform .3s var(--ease)}
.faq__pm::after{transform:rotate(90deg)}
.faq__i[open] .faq__pm::after{transform:rotate(0)}
.faq__i p{padding:0 22px 20px;margin:0;color:var(--muted)}
.final{position:relative;overflow:hidden;padding:104px 0;text-align:center;color:#1B0E08}
.final .hero__bg{background:radial-gradient(800px 700px at 0% 0%,rgba(255,255,255,.35),transparent 60%),radial-gradient(900px 800px at 100% 100%,rgba(170,40,0,.55),transparent 60%),linear-gradient(150deg,#FF8A4C 0%,#FF5A1F 55%,#E0440F 100%)}
.final .blob{opacity:.25}
.final h2{color:#1B0E08;font-size:clamp(2.1rem,5vw,3.8rem);font-weight:900}
.final p{color:#2A150A;font-size:1.18rem;font-weight:600;margin-bottom:28px}
.ftr{background:var(--dark);color:#B9A99E;padding:64px 0 28px;font-size:.93rem}
.ftr__grid{display:grid;gap:32px}
@media(min-width:900px){.ftr__grid{grid-template-columns:1.4fr repeat(5,1fr)}}
.ftr h3{color:#FFF4EC;font-size:.9rem;margin-bottom:14px}
.ftr a{display:block;padding:4px 0;color:#B9A99E;transition:color .2s}.ftr a:hover{color:#fff}
.ftr__brand p{margin-top:16px;max-width:36ch}
.ftr__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem}
@media(min-width:760px){.vs__r{display:none}}
/* Performance: Inhalte unterhalb des Sichtbereichs erst bei Bedarf rendern, Dauer-Animationen auf Mobil sparen */
/* content-visibility auf der Startseite entfernt (08.10.2026): Abschnitte und Bilder erschienen beim Scrollen verzögert/leer */
@media(max-width:760px){.blob,.chip--ai,.chip--g,.con__live i{animation-iteration-count:1}.blob{animation:none}}

/* Abo, Booster, Betreiber */
.plans--app{grid-template-columns:1fr}
@media(min-width:760px){.plans--app{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1300px){.plans--app{grid-template-columns:repeat(4,1fr)}}
.plans--app .plan--pop{transform:none}
.mini__row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:10px}
.mini__row b{font-size:1.15rem}
.fld--sm{width:100%;gap:4px}.fld--sm>span{font-size:.78rem}.fld--sm select{min-height:40px;padding:8px 34px 8px 10px;font-size:.9rem}
.kpis{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{padding:18px 20px;display:flex;flex-direction:column;gap:6px}.kpi span{font-size:.82rem;color:var(--muted);font-weight:600}.kpi b{font-size:1.5rem;color:var(--ink);letter-spacing:-.03em}
.tbl-wrap{overflow-x:auto;padding:0}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tbl th,.tbl td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.btn:disabled{opacity:.5;pointer-events:none}

/* Content-Seiten (Standorte, Leistungen) */
.phero{position:relative;overflow:hidden;margin-top:-72px;padding:112px 0 56px}
.phero h1{font-size:clamp(2.2rem,5vw,4rem);margin:16px 0 18px;max-width:18ch}
.phero .answer{font-size:clamp(1.08rem,1.6vw,1.25rem);color:var(--ink2);max-width:62ch}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.84rem;color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--acc-ink);font-weight:600}
.prose{max-width:760px}.prose p{font-size:1.06rem;line-height:1.75}.prose h2{margin-top:.2em}
.prose-sec{padding-top:40px}
.two{display:grid;gap:32px;align-items:start}
@media(min-width:980px){.two{grid-template-columns:1.3fr .9fr;gap:56px}}
.side-card{padding:26px;border-radius:24px}.side-card h3{margin-bottom:6px}
.cmp3{display:grid;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-l);overflow:hidden}
.cmp3__row{display:grid;grid-template-columns:1fr;gap:6px;padding:14px 18px;border-top:1px solid var(--line)}
.cmp3__row--h{border-top:0;background:var(--bg2);font-weight:800;color:var(--ink)}
.cmp3__row span{font-size:.93rem;line-height:1.4}
.cmp3__row small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.cmp3__row [role=rowheader]{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cmp3__atw{color:var(--ink);font-weight:700;background:#FFF4EC;border-radius:10px;padding:6px 10px}
.cmp3__row--h .cmp3__atw{background:var(--grad);color:#fff}.cmp3__row--h .cmp3__atw small{color:rgba(255,255,255,.85)}
.cmp3__row a{color:var(--acc-ink);text-decoration:underline}
@media(min-width:900px){.cmp3__row{grid-template-columns:.8fr repeat(var(--n,4),1fr);gap:16px;align-items:center;padding:14px 22px}}
@media(max-width:899px){.cmp3__row--h [role=columnheader]:first-child{display:none}.cmp3__row [role=cell]::before{content:attr(data-l);font-weight:800;color:var(--ink)}}
.src-note{font-size:.82rem;color:var(--muted);margin:12px 0 0;max-width:90ch}
.fair{margin-top:22px;padding:24px 26px;border-radius:22px}.fair .hand{font-size:1.5rem;display:inline-block;transform:rotate(-3deg)}.fair h3{margin:4px 0 8px}.fair p{color:var(--ink2);margin:0 0 .6em}
.mapbox{margin-top:22px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#FBF3EC,#FFE9DB);border:1px solid var(--line);min-height:300px;display:grid;place-items:center}
.mapbox__ph{text-align:center;padding:30px;max-width:420px;color:var(--ink2)}.mapbox__ph .ic{margin:0 auto 8px;color:var(--acc)}.mapbox__ph p{font-size:.92rem}
.mapbox.is-on{display:block}.mapbox iframe{width:100%;height:420px;border:0;display:block}
.steps--4{grid-template-columns:1fr}
@media(min-width:760px){.steps--4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.steps--4{grid-template-columns:repeat(4,1fr)}}
.cta-band{padding:24px 0 80px}.cta-band__in{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:32px;border-radius:28px;background:linear-gradient(120deg,#fff,#FFF0E6)}
.cta-band h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:6px}.cta-band p{margin:0;color:var(--muted)}
.h3{font-size:1.3rem}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip-l{padding:9px 15px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:.92rem;color:var(--ink2);transition:transform .2s,border-color .2s}.chip-l:hover{transform:translateY(-2px);border-color:#dcc9ba}
.cgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.ccard{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:20px;transition:transform .25s var(--ease)}.ccard:hover{transform:translateY(-3px)}.ccard .ic{color:var(--acc)}.ccard b{color:var(--ink)}.ccard span{font-size:.86rem;color:var(--muted)}
.bcard{display:flex;flex-direction:column}.bcard .mini__row{margin-top:auto;padding-top:16px}
.mini--hl{box-shadow:0 0 0 2px var(--acc),var(--sh-l)}
.maplinks{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:22px;padding:20px 24px;border-radius:22px}.maplinks>div{flex:1;min-width:200px}.maplinks p{margin:2px 0 0;font-size:.88rem;color:var(--muted)}.maplinks .ic{color:var(--acc)}
.paybtns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cyc__r{position:absolute;opacity:0;pointer-events:none}
.cyc{display:flex;width:max-content;margin:0 auto 28px;padding:5px;border-radius:99px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px rgba(27,21,18,.06)}
.cyc--l{margin:0 0 10px}
.cyc label{cursor:pointer;padding:10px 20px;border-radius:99px;font-weight:700;font-size:.95rem;color:var(--muted);transition:background .2s,color .2s}
.cyc em{font-style:normal;font-weight:800;color:var(--hand);margin-left:4px}
#cyc-m:checked~.cyc label[for=cyc-m],#cyc-y:checked~.cyc label[for=cyc-y]{background:var(--ink);color:#fff}
#cyc-y:checked~.cyc label[for=cyc-y] em{color:#FFB38A}
#cyc-m:focus-visible~.cyc label[for=cyc-m],#cyc-y:focus-visible~.cyc label[for=cyc-y]{outline:2px solid var(--hand);outline-offset:2px}
.py{display:none!important}
#cyc-y:checked~* .py,#cyc-y:checked~.plans .py{display:flex!important}
#cyc-y:checked~* .btn.py{display:inline-flex!important}
#cyc-y:checked~* .pm{display:none!important}
.plan__price small{flex-basis:100%;font-size:.82rem;color:var(--hand);font-weight:700}
.cyc__hint{color:var(--muted);font-size:.92rem;margin:0 0 22px}
.grid4{display:grid;gap:18px}
@media(min-width:760px){.grid4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.grid4{grid-template-columns:repeat(4,1fr)}}
.proof--6{margin-top:28px}
@media(min-width:900px){.proof--6{grid-template-columns:repeat(3,1fr)}}
.p-about .proof__i{background:#fff;border-color:var(--line)}
.ticks--no .ic{background:var(--hand)}
.vita{list-style:none;padding:0;margin:26px 0 0;border-left:2px solid var(--line);display:grid;gap:18px}
.vita li{position:relative;padding-left:24px;display:flex;flex-direction:column;gap:4px}
.vita li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--grad)}
.vita b{color:var(--hand);font-size:.95rem}
.vita__links{margin-top:22px;font-weight:600}
.legal__stand{color:var(--muted);font-size:.9rem}
.codebox{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:0 0 18px}
.codebox .fld{margin:0;min-width:220px}
.codebox--on{align-items:center;padding:14px 18px;border-color:#9ED9B5;background:#F2FBF5}
.codebox--on div{flex:1;min-width:220px}
.codebox--on .ic{color:#fff;background:var(--ok);border-radius:50%;padding:3px}
.codeform{display:grid;gap:12px;padding:20px;margin-bottom:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}
.tbl code{font-size:.78rem;word-break:break-all}
.ap h3{margin:26px 0 10px;font-size:1.05rem}
.pill--ok{background:#E8F7EE;color:#137A3E}
.ap__kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}
@media(min-width:700px){.ap__kpis{grid-template-columns:repeat(4,1fr)}}
.ap__kpis div{background:var(--bg2,#FFF4EC);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ap__kpis b{font-size:1.4rem;font-weight:900;color:var(--ink)}
.ap__kpis span{font-size:.8rem;color:var(--muted)}
.ap__conn{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px dashed var(--hand);border-radius:12px;margin:12px 0}
.ap__conn div{flex:1}.ap__conn p{margin:4px 0 0;font-size:.9rem}
.ap__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ap__list li{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.ap__list li div{flex:1;min-width:0;display:flex;flex-direction:column}
.ap__list li span{font-size:.8rem;color:var(--muted)}
.ap__wish{margin-top:12px}
.ap__feed{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:420px;overflow:auto}
.ap__feed li{display:flex;gap:10px;font-size:.92rem;padding:6px 0;border-bottom:1px solid var(--line)}
.ap__feed time{color:var(--muted);font-size:.8rem;min-width:78px}
.ap__feed .k-article span,.ap__feed .k-offpage_live span,.ap__feed .k-milestone span{font-weight:700}
.ap__hand{margin:8px 0;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff}
.ap__hand summary{cursor:pointer;font-weight:700}
.ap__hand textarea{width:100%;font:12px/1.4 ui-monospace,monospace;margin-top:8px}
.ap__toggle{margin-top:18px}.ap__toggle .lnk{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;text-decoration:underline;font-size:.85rem}
.row-btns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.tbl--num td{white-space:nowrap}.tbl__sum td{font-weight:800;border-top:2px solid var(--ink)}
.keys__f{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.keys__f legend{font-weight:800;padding:0 6px}
.keys__f details,.keys__more{margin:6px 0 10px}.keys__f summary,.keys__more summary{cursor:pointer;color:var(--hand);font-weight:700}
.keys__f ol{margin:8px 0 6px 18px;font-size:.92rem}
.grid2{display:grid;gap:18px}@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}}
.ki__opt{position:relative}.ki__opt .pill{position:absolute;top:14px;right:14px}.ki__opt--on{border-color:#9ED9B5;box-shadow:0 0 0 2px #E8F7EE}
.ki__opt h3{margin:0 0 6px}.ki__opt form,.ki__opt .btn{margin-top:10px}
.ap__need{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px;border-radius:12px;background:#FFF4EC;border:1px solid #FFD2B8;margin:12px 0}
.ap__need div{flex:1;min-width:220px}.ap__need p{margin:4px 0 0;font-size:.9rem}
.ap__mode{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.92rem;margin:12px 0}
.keys h2{font-size:1.45rem;line-height:1.25;margin:0 0 8px}
.hdr__mob{display:none}
@media(max-width:1199px){.hdr__nav.open .hdr__mob{display:grid;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.hdr__nav.open .hdr__mob .btn{padding:14px;justify-content:center}}
.hdr__nav .hdr__mob .btn--primary{color:#fff}
/* Mobile: Kunden-Backend ohne horizontales Scrollen */
.app__main,.app__body,.proj,.proj__main,.proj__side,.proj>*,.proj__main>*,.proj__side>*{min-width:0}
.proj{grid-template-columns:minmax(0,1fr)}
@media(min-width:1100px){.proj{grid-template-columns:minmax(0,1fr) 340px}}
.app__body{overflow-x:clip}
.app__body code,.app__body a,.ap__list b,.ap__feed span{overflow-wrap:anywhere}
.app__body textarea,.app__body input,.app__body select{max-width:100%}
.app__body .tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.app__body .tbl-wrap{overflow-x:auto}
@media(max-width:600px){
 .app__top{padding:10px 14px;gap:10px}
 .app__top h1{font-size:1.1rem}
 .app__body{padding:6px 14px 50px}
 .blk,.wizard{padding:18px}
 .blk__h{flex-wrap:wrap}.blk__h .pill{margin-left:0}
 .ap__list li{flex-wrap:wrap}.ap__list li form,.ap__list li .btn{flex:none}
 .ap__feed li{flex-direction:column;gap:2px}
 .ap__need .btn{flex:1 1 100%}
 .ap__kpis b{font-size:1.2rem}
 .codeform{grid-template-columns:1fr}
 .row-btns .btn{flex:1}
}
@media(max-width:600px){.ap__list li div{flex:1 1 100%}.ap__list li b{font-size:.98rem;line-height:1.35}.ap__list li form .btn,.ap__list li>.btn{padding:8px 12px;font-size:.85rem}}
.ap__mode{display:block}.ap__mode .ic{vertical-align:-3px;margin-right:4px}
.ap__mode .ic{display:inline-block}
/* Verbindung: System-Auswahl */
.conn__pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 18px}
.conn__opt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1.5px solid var(--line,#e3e8ef);border-radius:12px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;min-width:0}
.conn__opt span{font-weight:600}
.conn__opt small{font-size:.78rem;color:var(--muted,#667085);line-height:1.3}
.conn__opt:hover{border-color:var(--acc)}
.conn__opt.on{border-color:var(--acc);background:rgba(255,90,31,.06);box-shadow:0 0 0 3px rgba(255,90,31,.14)}
.conn__row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line,#e3e8ef);border-bottom:1px solid var(--line,#e3e8ef);margin:10px 0 14px}
.conn__row>div{display:flex;flex-direction:column;min-width:0}
.conn__secret{background:#fff8e6;border:1px solid #f3d27a;border-radius:10px;padding:12px;margin:10px 0}
.conn__secret input{width:100%;margin-top:6px;font-family:ui-monospace,monospace;font-size:.85rem;padding:8px;border:1px solid #e5c56a;border-radius:8px;background:#fff}
.conn textarea{width:100%;font-family:ui-monospace,monospace;font-size:.8rem;border:1px solid var(--line,#e3e8ef);border-radius:8px;padding:10px;background:#fafbfc;resize:vertical}
.conn code{font-size:.85em;background:#f2f4f7;padding:1px 5px;border-radius:4px;word-break:break-all}
.row-btns{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:720px){.conn__pick{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Kasse */
.co{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.co__main{display:grid;gap:16px;min-width:0}
.co__side{position:sticky;top:20px;padding:22px;display:grid;gap:12px}
.co__side h3{margin:0 0 4px}
.co__row{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}
.co__row[hidden]{display:none}
.co__total{border-top:1px solid var(--line);padding-top:12px;font-size:1.15rem}
.co__total b{font-size:1.4rem}
.co__trust{display:flex;gap:6px;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted);margin:0}
.co__pay{display:grid;gap:10px}
.co__opt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r-s);cursor:pointer;background:#fff}
.co__opt input{margin-top:4px;accent-color:var(--acc)}
.co__opt span{display:flex;flex-direction:column;gap:3px;min-width:0}
.co__opt small{color:var(--muted);line-height:1.4}
.co__opt em{font-style:normal;background:var(--ok);color:#fff;border-radius:999px;padding:1px 8px;font-size:.75rem;margin-left:6px;vertical-align:2px}
.co__opt:has(input:checked){border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,90,31,.14)}
.co__opt--rec{position:relative}
.co__lines{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.co__lines li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:6px}
.co__own{margin-top:10px;padding:12px;border-radius:var(--r-s);background:var(--bg2)}
@media(max-width:900px){.co{grid-template-columns:minmax(0,1fr)}.co__side{position:static}}
/* Zahlungsseite */
.pay{padding:26px}
.pay__grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start;margin:18px 0}
.pay__bank{margin:0;display:grid;gap:10px}
.pay__bank>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.pay__bank dt{color:var(--muted);font-size:.9rem}
.pay__bank dd{margin:0;display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0}
.pay__bank dd span{font-weight:600;word-break:break-all;font-variant-numeric:tabular-nums}
.pay__qr{margin:0;text-align:center}
.pay__qr div{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:10px}
.pay__qr svg{width:100%;height:auto;display:block}
.pay__qr figcaption{font-size:.8rem;color:var(--muted);margin-top:8px}
.pay__ok{display:flex;gap:16px;align-items:center;color:var(--ok)}
.pay__ok h2{color:var(--ink);margin:0}
@media(max-width:720px){.pay__grid{grid-template-columns:minmax(0,1fr)}.pay__qr{max-width:240px;margin:0 auto}.pay__bank>div{grid-template-columns:minmax(0,1fr)}}
/* Programme */
.bb__bar{height:10px;border-radius:999px;background:var(--bg3);overflow:hidden;margin:14px 0}
.bb__bar span{display:block;height:100%;background:var(--grad);border-radius:999px}
.bb__list{display:grid;gap:6px;padding-left:22px}
.bb__list li{display:flex;justify-content:space-between;gap:10px;min-width:0}
.bb__list li span{min-width:0}
.bb--published span{color:var(--ink)}.bb--bb span{color:var(--muted)}
.links__mode{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.links__n{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.links__free{display:none}
.links:has(input[value=free]:checked) .links__free{display:block}
.links:has(input[value=free]:checked) .links__n{display:none}
@media(max-width:720px){.links__n{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rec__head{display:flex;gap:16px;align-items:center}
.rec__head p{margin:0}
.hint{display:flex;gap:8px;align-items:flex-start;background:var(--bg2);padding:10px 12px;border-radius:var(--r-s)}
.co__opt em,.co__row b{white-space:nowrap}
/* Brand Build Backend */
.bbb__tabs{display:flex;gap:4px;flex-wrap:wrap;margin:18px 0;border-bottom:1px solid var(--line);padding-bottom:0}
.bbb__tabs a{padding:9px 14px;border-radius:10px 10px 0 0;color:var(--muted);font-weight:600;font-size:.92rem;border:1px solid transparent;border-bottom:none;display:flex;gap:6px;align-items:center}
.bbb__tabs a:hover{color:var(--ink);background:var(--bg2)}
.bbb__tabs a.on{color:var(--acc-ink);background:#fff;border-color:var(--line)}
.bbb__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:900px){.bbb__cols{grid-template-columns:1fr}}
.bbb__filter{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px}
.bbb__filter a{padding:5px 12px;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--muted);background:var(--bg2)}
.bbb__filter a.on{color:#fff;background:var(--acc)}
.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--bg3);color:var(--ink2)}
.tag--ok{background:rgba(18,161,80,.14);color:var(--ok)}
.tag--bad{background:rgba(224,58,58,.14);color:var(--bad)}
.tag--warn{background:rgba(217,119,6,.16);color:var(--warn)}
.tbl .num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
/* Backlink-API Doku */
.apidoc .legal__in{max-width:920px}
.apidoc pre.code,.app pre.code,pre.code{background:#0f1720;color:#e6edf3;border-radius:12px;padding:16px 18px;overflow-x:auto;font-size:.85rem;line-height:1.55;margin:14px 0}
pre.code code{background:none;color:inherit;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}
.apidoc code{background:var(--soft,#f2f4f7);padding:1px 6px;border-radius:6px;font-size:.88em;word-break:break-word}
.apidoc h3{font-size:1.08rem;margin-top:28px}
.apidoc .tbl-wrap{overflow-x:auto;margin:12px 0}
.apidoc .tbl td,.apidoc .tbl th{vertical-align:top}
.apidoc__toc{display:flex;flex-wrap:wrap;gap:6px 14px;padding:14px 16px;border:1px solid var(--line,#e5e7eb);border-radius:12px;margin:18px 0 8px;font-size:.92rem}
.apidoc__toc b{width:100%}
.apidoc__cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.apidoc__cta .btn{white-space:normal;text-align:center;max-width:100%}
/* Backlinks: Report-Menü + Schnellspur-Hinweis */
.bbb__rep{position:relative}.bbb__rep>summary{list-style:none;cursor:pointer}.bbb__rep>summary::-webkit-details-marker{display:none}
.bbb__repf{position:absolute;right:0;top:calc(100% + 8px);z-index:20;background:#fff;border:1px solid var(--line,#eee);border-radius:16px;box-shadow:0 18px 50px rgba(20,10,0,.12);padding:14px;display:grid;gap:10px;width:min(320px,86vw)}
.bbb__fast{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#fff4ec,#fff);border:1px solid #ffd9c2;margin:0 0 14px;font-size:.94rem}
.bbb__fast svg{flex:0 0 auto;color:#ff5a1f}.bbb__fast .btn{margin-left:auto;flex:0 0 auto}
@media (max-width:640px){.bbb__fast{flex-wrap:wrap}.bbb__fast .btn{margin-left:0}}
.bbb__tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bbb__tabs::-webkit-scrollbar{display:none}.bbb__tabs a{white-space:nowrap;flex:0 0 auto}
.bbb__filter{flex-wrap:wrap}
/* ===== Landingpage KI-Website-Builder ===== */
.kb-hero{position:relative;overflow:hidden;margin-top:-72px;padding:112px 0 64px;isolation:isolate}
.kb-hero__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 700px at 100% -10%,rgba(255,122,61,.45),transparent 60%),radial-gradient(700px 600px at -10% 110%,rgba(255,190,150,.55),transparent 60%),radial-gradient(600px 500px at 55% 60%,rgba(170,150,255,.18),transparent 70%),linear-gradient(160deg,#FFF8F2 0%,#FBEFE5 100%)}
.kb-hero__bg i{position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.kb-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center}
.kb-hero h1{font-size:clamp(2.1rem,4.6vw,3.7rem);margin:16px 0 18px;letter-spacing:-.035em}
.kb-g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kb-hero .answer{font-size:clamp(1.04rem,1.5vw,1.2rem);max-width:58ch}
.kb-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.kb-mini{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.93rem;color:var(--ink2)}
.kb-mini li{display:inline-flex;align-items:center;gap:6px}.kb-mini .ic{color:var(--ok)}
.kb-shot{position:relative;margin:0;border-radius:18px;background:#fff;box-shadow:var(--sh-l),0 0 0 1px rgba(60,30,10,.06);transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}
.kb-shot img{display:block;width:100%;height:auto;border-radius:0 0 18px 18px}
.kb-shot__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.kb-shot__bar i{width:10px;height:10px;border-radius:50%;background:#f1e4da}.kb-shot__bar i:first-child{background:#ff8a5c}
.kb-shot__bar span{margin-left:10px;background:var(--bg2);padding:3px 12px;border-radius:99px}
.kb-badge{position:absolute;left:-26px;bottom:-22px;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px -16px rgba(120,50,10,.45);transform:rotate(-3deg)}
.kb-badge__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff}
.kb-badge small{display:block;font-family:"Caveat",cursive;font-size:1.15rem;line-height:1;color:var(--hand)}
.kb-badge b{display:block;font-size:1.05rem;color:var(--ink);letter-spacing:-.01em}
.kb-promo{padding:0 0 12px}
.kb-promo__in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:center;padding:30px 34px;border-radius:26px;color:#fff;background:radial-gradient(600px 300px at 0% 0%,rgba(255,255,255,.28),transparent 60%),linear-gradient(135deg,#FF8A4C 0%,#FF5A1F 55%,#D93F0B 100%);box-shadow:0 30px 60px -28px rgba(200,60,10,.7)}
.kb-promo h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin:10px 0 8px}
.kb-promo p{margin:0;color:rgba(255,255,255,.92)}
.kb-promo__tag{display:inline-block;font-weight:800;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(0,0,0,.18);padding:6px 12px;border-radius:99px}
.kb-promo__code small{display:block;font-size:.8rem;opacity:.85;margin-bottom:6px}
.kb-code{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border:2px dashed rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.14);color:#fff;font:inherit;cursor:pointer}
.kb-code b{font-size:clamp(1.15rem,2.2vw,1.5rem);letter-spacing:.06em}.kb-code span{font-size:.85rem;font-weight:700;background:#fff;color:var(--acc-ink);padding:6px 12px;border-radius:99px}
.kb-count{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.kb-count span{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:12px;background:rgba(0,0,0,.16);font-size:.75rem}
.kb-count b{font-size:1.4rem;font-variant-numeric:tabular-nums;line-height:1.1}
.kb-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:10px}
.kb-type{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.kb-type--hl{border-color:#ffc6a8;box-shadow:0 30px 60px -30px rgba(255,90,31,.55)}
.kb-type__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff1e8;color:var(--acc);margin-bottom:14px}
.kb-type h3{font-size:1.5rem;margin:0 0 4px}.kb-type__for{font-weight:700;color:var(--acc-ink);font-size:.93rem;margin:0 0 10px}
.kb-type p{margin:0 0 12px}.kb-type .ticks{margin:4px 0 18px}
.kb-type__pr{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:14px}
.kb-type__pr b{font-size:2.1rem;color:var(--ink);letter-spacing:-.03em}.kb-type__pr s{color:var(--muted);font-weight:600}.kb-type__pr small{width:100%;color:var(--muted);font-size:.82rem}
.kb-fine{font-size:.9rem;color:var(--muted);margin-top:18px;text-align:center}
.kb-vs{border-radius:var(--r);background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:var(--sh)}
.kb-vs__row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.3fr);gap:16px;padding:16px 22px;border-top:1px solid var(--line);align-items:start}
.kb-vs__row:first-child{border-top:0}.kb-vs__head{background:var(--bg2);font-weight:800;color:var(--ink);font-size:.9rem}
.kb-vs__head span:last-child{color:var(--acc-ink)}
.kb-vs__row b{color:var(--ink)}.kb-vs__row span{display:flex;gap:8px;align-items:flex-start}
.kb-vs__no{color:var(--muted)}.kb-vs__no .ic{color:#c9b8ad;flex:none;margin-top:4px}.kb-vs__yes{color:var(--ink)}.kb-vs__yes .ic{color:var(--ok);flex:none;margin-top:4px}
.kb-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.kb-steps li{counter-increment:s;position:relative;padding:24px 22px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.kb-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;margin-bottom:12px}
.kb-steps b{color:var(--ink);font-size:1.08rem}.kb-steps p{margin:6px 0 0;font-size:.95rem}
.kb-gal{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.kb-gal figure{margin:0}.kb-gal img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:var(--sh-l);border:1px solid var(--line)}
.kb-gal figcaption{font-size:.9rem;color:var(--muted);margin-top:10px;text-align:center}
.kb-grow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kb-grow__c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.kb-grow__c--hl{border-color:#ffc6a8;box-shadow:0 24px 50px -30px rgba(255,90,31,.55)}
.kb-grow__c>b{font-size:2.4rem;color:var(--ink);letter-spacing:-.03em;line-height:1}.kb-grow__c>span{color:var(--muted);margin-bottom:10px}
.kb-grow__c strong{font-size:1.5rem;color:var(--ink)}.kb-grow__c small{color:var(--acc-ink);font-weight:700}.kb-grow__c em{font-style:normal;font-size:.86rem;color:var(--muted);margin-top:8px}
.kb-refs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.kb-refs div{padding:24px;border-radius:var(--r);background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh)}
.kb-refs b{display:block;font-size:2rem;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;margin-bottom:6px}
.kb-refs span{font-size:.95rem}
@media(max-width:999px){.kb-hero__in{grid-template-columns:1fr}.kb-shot{transform:none;margin-top:10px}.kb-badge{left:12px;bottom:-20px}.kb-types,.kb-grow{grid-template-columns:1fr}.kb-steps,.kb-refs{grid-template-columns:1fr 1fr}.kb-promo__in{grid-template-columns:1fr}}
@media(max-width:600px){.kb-hero{padding-bottom:48px}.kb-steps,.kb-refs,.kb-gal{grid-template-columns:1fr}.kb-vs__row{grid-template-columns:1fr;gap:6px}.kb-vs__head{display:none}.kb-promo__in{padding:24px 20px}.kb-cta .btn{width:100%;justify-content:center}}
/* KI-Builder Testversion (Landingpage) */
.kd{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-l);overflow:hidden}
.kd-top{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fffdfb}
.kd-name{display:flex;flex-direction:column;line-height:1.2;margin-right:auto;min-width:0}.kd-name b{color:var(--ink);font-size:.95rem}.kd-name span{font-size:.78rem;color:var(--ok);font-weight:600}
.kd-dev{display:flex;gap:2px;background:var(--bg2);padding:3px;border-radius:10px}.kd-dev button{border:0;background:none;padding:6px 9px;border-radius:8px;color:var(--muted);cursor:pointer;display:grid;place-items:center}.kd-dev button.on{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.kd-prog{height:3px;background:var(--bg2)}.kd-prog i{display:block;height:100%;width:0;background:var(--grad);transition:width .4s var(--ease)}
.kd-body{display:grid;grid-template-columns:280px 1fr 250px;height:620px}
.kd-chat{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fffaf6;min-height:0}
.kd-chat__h{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.kd-chat__h b{display:block;color:var(--ink);font-size:.92rem}.kd-chat__h small{color:var(--muted);font-size:.75rem}
.kd-av{width:30px;height:30px;border-radius:9px;background:var(--grad);color:#fff;display:grid;place-items:center;flex:none}
.kd-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.kd-msg{font-size:.86rem;line-height:1.5;padding:10px 12px;border-radius:14px;max-width:94%;animation:kdIn .3s var(--ease)}
.kd-msg--u{align-self:flex-end;background:#ffe4d4;color:var(--ink)}.kd-msg--a{background:#fff;border:1px solid var(--line);color:var(--ink2)}.kd-msg a{color:var(--acc-ink);font-weight:700}
@keyframes kdIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kd-dots{display:inline-flex;gap:4px}.kd-dots i{width:6px;height:6px;border-radius:9px;background:var(--muted);opacity:.4;animation:kdD 1s infinite}.kd-dots i:nth-child(2){animation-delay:.15s}.kd-dots i:nth-child(3){animation-delay:.3s}
@keyframes kdD{50%{opacity:1;transform:translateY(-2px)}}
.kd-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}.kd-chips button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 11px;font:600 .78rem/1 inherit;color:var(--ink2);cursor:pointer}.kd-chips button:hover{border-color:var(--acc);color:var(--acc-ink)}
.kd-inp{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--line)}.kd-inp input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font:inherit;font-size:.86rem;background:#fff}.kd-inp button{border:0;border-radius:12px;width:38px;background:var(--grad);color:#fff;cursor:pointer;display:grid;place-items:center}
.kd-stage{background:repeating-linear-gradient(45deg,#faf5f0 0 12px,#f6efe8 12px 24px);padding:14px;min-height:0;display:flex;justify-content:center}
.kd-frame{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--sh);transition:width .35s var(--ease)}.kd-frame.is-m{width:390px;max-width:100%}
.kd-frame iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .6s;transform-origin:0 0}.kd-frame iframe.on{opacity:1}
.kd-skel{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;gap:14px;transition:opacity .5s}.kd-skel.off{opacity:0;pointer-events:none}
.kd-skel i{display:block;height:18px;border-radius:8px;background:linear-gradient(90deg,#f3ebe4,#fbf6f2,#f3ebe4);background-size:200% 100%;animation:kdS 1.4s infinite}.kd-skel i:first-child{height:44px;width:70%}.kd-skel i:nth-child(2){width:90%}.kd-skel i:nth-child(3){width:60%}.kd-skel i:nth-child(4){height:160px}
.kd-skel span{color:var(--muted);font-size:.85rem;margin-top:auto}
@keyframes kdS{to{background-position:-200% 0}}
.kd-side{border-left:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:12px;overflow:auto;background:#fffdfb}
.kd-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.kd-card>small{display:block;font-weight:800;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-ink);margin-bottom:8px}
.kd-card ol,.kd-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.kd-card li{font-size:.78rem;line-height:1.35;opacity:0;transform:translateX(6px);transition:all .35s var(--ease)}.kd-card li.in{opacity:1;transform:none}
.kd-card ol li b{display:block;color:var(--ink);font-size:.8rem}.kd-card ol li span{color:var(--muted)}
.kd-seo ul li{padding-left:20px;position:relative;color:var(--ink2)}.kd-seo ul li::before{content:"";position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:9px;background:var(--ok) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'><path d='M5 12l5 5 9-10'/></svg>") center/9px no-repeat}
.kd-score{display:flex;align-items:baseline;gap:2px;margin-bottom:8px}.kd-score b{font-size:2rem;font-weight:900;color:var(--ok);letter-spacing:-.03em}.kd-score span{color:var(--muted);font-weight:600}
.kd-modal{position:absolute;inset:0;background:rgba(19,14,12,.45);display:grid;place-items:center;padding:16px;z-index:5}.kd-modal[hidden]{display:none}.kd-modal__in{background:#fff;border-radius:20px;padding:24px;max-width:380px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh-l)}.kd-modal__in b{color:var(--ink);font-size:1.1rem}.kd-modal__in p{margin:0 0 6px;color:var(--muted);font-size:.92rem}
.kd-cta{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:24px}
@media (max-width:1080px){.kd-body{grid-template-columns:250px 1fr}.kd-side{display:none}}
@media (max-width:760px){.kd-dev{display:none}.kd-name b{font-size:.88rem}.kd{max-width:100%}.kd-body{grid-template-columns:1fr;grid-template-rows:520px 300px;height:auto}.kd-stage{order:-1;padding:8px}.kd-chat{border-right:0;border-top:1px solid var(--line)}.kd-frame.is-m{width:100%}.kd-top .btn{padding:8px 12px}}
.kq-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start}
.kq{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:14px}
.kq-types{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kq-types legend{font-weight:700;color:var(--ink);margin-bottom:8px;font-size:.95rem}
.kq-types label{position:relative;cursor:pointer}.kq-types input{position:absolute;opacity:0}
.kq-types span{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:14px;padding:12px;background:#fff;height:100%;transition:border-color .2s,box-shadow .2s}
.kq-types b{color:var(--ink);font-size:.95rem}.kq-types small{color:var(--muted);font-size:.78rem;line-height:1.3}
.kq-types input:checked+span{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,90,31,.15)}.kq-types input:focus-visible+span{outline:2px solid var(--acc)}
.kq-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kq .fld{margin:0}
.kq-fine{margin:0;font-size:.85rem;color:var(--muted);text-align:center}.kq-fine a{color:var(--acc-ink);font-weight:600}
@media (max-width:860px){.kq-wrap{grid-template-columns:1fr}.kq-types{grid-template-columns:1fr}.kq-row{grid-template-columns:1fr}}

.kq-types b{white-space:normal}.kq-types b em{display:block;font-style:normal;color:var(--acc-ink)}
.kd-cta .btn,.kb-cta .btn{max-width:100%;white-space:normal;text-align:center}
.kq-help{font-size:.86rem;color:var(--muted);margin-top:-6px}.kq-help summary{cursor:pointer;color:var(--acc-ink);font-weight:600}.kq-help p{margin:8px 0 0;line-height:1.55}
.kq-err{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#fdecec;border:1px solid #f5c2c2;color:#9b1c1c;font-size:.9rem}
.kb-next{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kb-next__c{padding:24px;display:flex;flex-direction:column;gap:8px}.kb-next__c svg{color:var(--acc)}.kb-next__c b{color:var(--ink);font-size:1.1rem}.kb-next__c p{margin:0;color:var(--muted)}.kb-next__c small{margin-top:auto;color:var(--acc-ink);font-weight:700}.kb-next__c--hl{border-color:#ffc9a8;box-shadow:0 0 0 3px rgba(255,90,31,.1),var(--sh)}
@media(max-width:860px){.kb-next{grid-template-columns:1fr}}
/* ===== KI-Builder Landingpage v2 (29.09.2026): Premium-Schliff ===== */
.p-kb h1,.p-kb h2{word-spacing:.05em}
.p-kb .sec h2{letter-spacing:-.028em}
.kb-nw{white-space:nowrap}
.kb-hero{padding:118px 0 150px}
.kb-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(180deg,rgba(255,251,247,0),var(--bg));z-index:-1;pointer-events:none}
.kb-hero__bg{background:radial-gradient(900px 700px at 100% -10%,rgba(255,122,61,.42),transparent 60%),radial-gradient(760px 620px at -10% 100%,rgba(255,190,150,.5),transparent 62%),radial-gradient(520px 420px at 62% 42%,rgba(255,214,190,.55),transparent 70%),linear-gradient(160deg,#FFF8F2 0%,#FCEFE4 100%)}
@media(min-width:1000px){.kb-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:56px}}
.kb-hero h1{font-size:clamp(2.3rem,4.1vw,3.9rem);line-height:1.02;letter-spacing:-.032em;margin:18px 0 20px}
.kb-hero .answer{color:var(--ink2);max-width:54ch}
.kb-cta{gap:12px;margin:28px 0 20px}
.kb-cta .btn--lg{padding:17px 24px;font-size:1rem}
.kb-cta .btn--ghost{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 24px -14px rgba(120,50,10,.35)}
@media(min-width:1000px){.kb-cta{flex-wrap:nowrap}.kb-cta .btn{white-space:nowrap}}
.kb-shot{transform:none;border-radius:20px;box-shadow:0 2px 6px rgba(60,30,10,.06),0 50px 90px -40px rgba(140,50,10,.55),0 0 0 1px rgba(60,30,10,.06)}
.kb-shot::before{content:"";position:absolute;inset:8% -6% -8% 6%;z-index:-1;border-radius:40px;background:radial-gradient(closest-side,rgba(255,110,50,.45),transparent);filter:blur(30px)}
.kb-shot__bar{border-radius:20px 20px 0 0;background:#fffdfb}
.kb-shot img{border-radius:0 0 20px 20px}
.kb-badge{left:-28px;bottom:-26px;transform:rotate(-3deg)}
.kb-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 40px -18px rgba(120,50,10,.5);animation:kbFloat 6s ease-in-out infinite}
.kb-chip em{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block}
.kb-chip--score{top:-24px;right:22px;flex-direction:column;align-items:flex-start;gap:0}
.kb-chip--score b{font-size:1.9rem;line-height:1;color:var(--ok);letter-spacing:-.03em}.kb-chip--score b small{font-size:.9rem;color:var(--muted);font-weight:700}
.kb-chip--pages{right:-22px;bottom:70px;animation-delay:-3s}
.kb-chip--pages .ic{display:grid;place-items:center;width:30px;height:30px;padding:6px;border-radius:50%;background:#e8f7ee;color:var(--ok);flex:none}
.kb-chip--pages b{display:block;color:var(--ink);font-size:.95rem}.kb-chip--pages em{text-transform:none;letter-spacing:0;font-weight:500;font-size:.8rem}
@keyframes kbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.kb-chip{animation:none}}
.kb-proof{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:20px;background:rgba(255,255,255,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh)}
.kb-proof li{padding:18px 22px;border-left:1px solid rgba(60,30,10,.07)}.kb-proof li:first-child{border-left:0}
.kb-proof b{display:block;font-size:1.45rem;letter-spacing:-.03em;color:var(--ink);line-height:1.15}
.kb-proof span{font-size:.88rem;color:var(--muted)}
/* Aktion: dunkle Karte, bündig mit dem Inhalt, überlappt den Hero */
.kb-promo{position:relative;z-index:2;margin-top:-92px;padding:0 0 20px}
.kb-promo__in{position:relative;overflow:hidden;padding:34px 38px;gap:36px;border-radius:28px;color:#FFF4EC;background:radial-gradient(620px 320px at 100% 0%,rgba(255,90,31,.5),transparent 62%),radial-gradient(520px 300px at 0% 100%,rgba(255,140,80,.18),transparent 60%),linear-gradient(160deg,#241A16 0%,#120D0B 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -36px rgba(40,15,5,.75)}
.kb-promo__in::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.kb-promo__in>*{position:relative;z-index:1}
.kb-promo h2{color:#fff;font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.08;letter-spacing:-.025em}
.kb-promo p{color:rgba(255,244,236,.78)}
.kb-promo__tag{background:rgba(255,90,31,.18);color:#FFB08A;border:1px solid rgba(255,138,76,.35)}
.kb-code{border:1.5px dashed rgba(255,154,102,.7);background:rgba(255,255,255,.05)}
.kb-code b{color:#fff}.kb-code span{background:var(--grad);color:#fff}
.kb-count span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,244,236,.7)}
.kb-count b{color:#fff}
/* Pakete */
.kb-type{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.kb-type:hover{transform:translateY(-4px);box-shadow:var(--sh-l)}
.kb-type--hl{border:1.5px solid #ffb48c;background:linear-gradient(180deg,#fff 0%,#fff8f3 100%)}
.kb-type__rib{position:absolute;top:-13px;right:22px;padding:6px 12px;border-radius:99px;background:var(--grad);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 20px -10px rgba(255,90,31,.8)}
/* Vergleich als dunkle Bühne */
.p-kb #unterschied{position:relative;color:rgba(255,244,236,.8);background:radial-gradient(900px 500px at 100% 0%,rgba(255,90,31,.32),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(255,140,80,.14),transparent 60%),linear-gradient(160deg,#241A16 0%,#120D0B 100%)}
.p-kb #unterschied h2{color:#fff}.p-kb #unterschied .lead{color:rgba(255,244,236,.72)}.p-kb #unterschied .eyebrow{color:#FF9A66}
.p-kb #unterschied .kb-vs{box-shadow:0 40px 80px -40px rgba(0,0,0,.8);border-color:rgba(255,255,255,.1)}
.kb-vs__row span:last-child{font-weight:500}
.kb-steps li{transition:transform .25s var(--ease)}.kb-steps li:hover{transform:translateY(-3px)}
@media(max-width:999px){.kb-hero__in{grid-template-columns:1fr;gap:40px}.kb-promo__in{grid-template-columns:1fr;gap:22px}.kb-hero{padding-bottom:120px}.kb-proof{grid-template-columns:1fr 1fr}.kb-proof li:nth-child(3){border-left:0}.kb-proof li:nth-child(n+3){border-top:1px solid rgba(60,30,10,.07)}.kb-chip--pages{right:10px}.kb-chip--score{right:14px}}
@media(max-width:600px){.kb-hero{padding-bottom:110px}.kb-chip--pages{display:none}.kb-chip--score{top:-18px;padding:8px 12px}.kb-chip--score b{font-size:1.4rem}.kb-badge{left:8px}.kb-proof{margin-top:44px}.kb-proof li{padding:14px 16px}.kb-proof b{font-size:1.2rem}.kb-promo{margin-top:-80px}.kb-promo__in{padding:26px 20px;border-radius:22px}.kb-hero h1{font-size:clamp(2rem,9vw,2.6rem)}.kb-nw{white-space:normal}}

.p-kb .kb-hero__bg i{opacity:.12}
@media(max-width:600px){.kb-count{gap:6px}.kb-code b{font-size:1.05rem}.p-kb .eyebrow--pill{white-space:normal;border-radius:14px}}
/* ===== Korrektur-Studio (Backlink-Artikel bearbeiten) ===== */
.ble{padding-bottom:110px}
.ble-head{display:grid;grid-template-columns:1fr auto;gap:10px 24px;align-items:end;padding:22px 26px;margin-bottom:18px;background:radial-gradient(600px 240px at 100% 0,rgba(255,122,61,.18),transparent 60%),#fff}
.ble-back{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--muted);text-decoration:none}.ble-back .ic{transform:rotate(180deg)}
.ble-head h2{font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.15;margin:6px 0 6px;letter-spacing:-.02em}
.ble-meta{margin:0;font-size:.9rem;color:var(--muted)}
.ble-head__act{display:flex;gap:8px;flex-wrap:wrap}
.ble-load{display:flex;align-items:center;gap:12px;padding:26px}
.ble-spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid #ffd9c2;border-top-color:var(--acc);animation:bleSpin .8s linear infinite;vertical-align:middle}
@keyframes bleSpin{to{transform:rotate(360deg)}}
.ble-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.ble-doc{padding:22px 26px}
.ble-lab{display:block;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-ink);margin-bottom:6px}
.ble-title{width:100%;border:0;resize:none;font:900 clamp(1.4rem,2.4vw,2rem)/1.15 "Inter Tight",system-ui,sans-serif;letter-spacing:-.02em;color:var(--ink);padding:4px 0 12px;background:transparent;border-bottom:1px dashed var(--line);outline:none}
.ble-title:focus{border-bottom-color:var(--acc)}
.ble-tools{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;margin:14px 0 10px;border-radius:14px;background:rgba(255,251,247,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line)}
.ble-tools button{border:0;background:transparent;padding:7px 10px;border-radius:9px;font:600 .86rem/1 inherit;color:var(--ink2);cursor:pointer}
.ble-tools button:hover,.ble-tools button.on{background:#fff1e8;color:var(--acc-ink)}
.ble-tools .sep{width:1px;height:20px;background:var(--line);margin:0 4px}
.ble-tools__r{margin-left:auto}
.ble-body{min-height:420px;outline:none;font-size:1.04rem;line-height:1.75;color:var(--ink2);padding:6px 2px}
.ble-body h2{font-size:1.45rem;margin:1.4em 0 .5em;letter-spacing:-.015em}.ble-body h3{font-size:1.15rem;margin:1.2em 0 .4em}
.ble-body p{margin:0 0 1em}.ble-body ul,.ble-body ol{margin:0 0 1em;padding-left:1.3em}
.ble-body img{max-width:100%;height:auto;border-radius:12px}
.ble-body table{border-collapse:collapse;width:100%;margin:0 0 1em}.ble-body td,.ble-body th{border:1px solid var(--line);padding:6px 8px}
.ble-body a{color:var(--acc-ink)}
.ble-body a.ble-mylink{background:linear-gradient(transparent 55%,rgba(255,90,31,.28) 55%);color:var(--ink);font-weight:700;text-decoration:none;border-radius:3px;padding:0 2px;cursor:not-allowed;box-shadow:0 0 0 1.5px rgba(255,90,31,.35)}
.ble-body ::selection{background:rgba(255,154,92,.35)}
.ble-srcarea{width:100%;min-height:420px;font:13px/1.55 ui-monospace,Menlo,Consolas,monospace;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fffdfb;color:var(--ink)}
.ble-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:.82rem;color:var(--muted)}
.ble-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:14px}
.ble-card{padding:18px 18px 16px}
.ble-card h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 12px}.ble-card h3 .ic{color:var(--acc)}
.ble-card .fld{margin-top:10px}
.ble-card .fld em{font-style:normal;float:right;font-weight:700;color:var(--muted)}.ble-card .fld em.is-ok{color:var(--ok)}.ble-card .fld em.is-over{color:var(--bad)}
.ble-img{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(45deg,#fbf3ec,#fbf3ec 10px,#fff 10px,#fff 20px);display:grid;place-items:center;color:var(--muted);font-size:.9rem;border:1px solid var(--line)}
.ble-img img{width:100%;height:100%;object-fit:cover;display:block}
.ble-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.ble-row input{flex:1;min-width:0}
.ble-upl{cursor:pointer}
.ble-hint{font-size:.84rem;color:var(--muted);margin:6px 0 0;line-height:1.5}
.ble-serp{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-family:Arial,sans-serif}
.ble-serp small{display:block;color:#4d5156;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ble-serp b{display:block;color:#1a0dab;font-size:17px;font-weight:400;line-height:1.3;margin:3px 0}
.ble-serp p{margin:0;color:#4d5156;font-size:13px;line-height:1.45}
.ble-ai{background:radial-gradient(400px 200px at 100% 0,rgba(255,122,61,.14),transparent 60%),#fff}
.ble-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.ble-chips button{border:1px solid #ffd9c2;background:#fff7f1;color:var(--acc-ink);font:600 .8rem/1 inherit;padding:7px 10px;border-radius:99px;cursor:pointer}
.ble-chips button:hover{background:#ffe9dc}
.ble-aiin{display:flex;gap:6px}.ble-aiin input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:.9rem}
.ble-aiprev{margin-top:10px;padding:12px;border-radius:12px;border:1px dashed #ffb48c;background:#fffaf6}
.ble-aiprev__t{font-size:.9rem;max-height:260px;overflow:auto}
.ble-wish{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.ble-wish summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--ink)}
.ble-wish textarea{width:100%;margin:8px 0;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:.9rem}
.ble-wish small{display:block;color:var(--muted);font-size:.8rem;margin-top:6px}
.ble-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;width:min(980px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:12px 14px 12px 20px;border-radius:18px;background:rgba(27,21,18,.94);color:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);backdrop-filter:blur(10px)}
.ble-bar__t{flex:1;min-width:0}.ble-bar__t b{display:block;font-size:.95rem}.ble-bar__t small{color:rgba(255,255,255,.62);font-size:.78rem}
.ble-bar .btn--ghost{color:#fff;border-color:rgba(255,255,255,.2);background:transparent}
.ble.is-dirty .ble-bar{box-shadow:0 0 0 2px rgba(255,90,31,.6),0 30px 60px -20px rgba(0,0,0,.55)}
.ble-modal{position:fixed;inset:0;z-index:60;background:rgba(20,12,8,.55);display:grid;place-items:center;padding:16px}
.ble-modal[hidden]{display:none}
.ble-modal__in{width:min(860px,100%);max-height:88vh;overflow:auto;padding:20px}
.ble-modal__h{display:flex;justify-content:space-between;align-items:center}.ble-modal__h h3{margin:0}
.ble-x{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:var(--muted)}
.ble-q{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}
.ble-stockgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:14px}
.ble-stockit{border:0;padding:0;background:none;cursor:pointer;text-align:left;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line);transition:transform .15s,box-shadow .15s}
.ble-stockit:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--acc)}
.ble-stockit img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.ble-stockit small{display:block;padding:6px 8px;font-size:.72rem;color:var(--muted)}
.ble-url{margin-top:14px}.ble-url summary{cursor:pointer;font-size:.88rem;font-weight:600}
.ble-url input{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}
.ble-toast{position:fixed;right:18px;bottom:96px;z-index:70;max-width:420px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #cdebd8;color:var(--ink);box-shadow:var(--sh-l);font-size:.92rem}
.ble-toast.is-bad{border-color:#f3c5c5;background:#fff6f6}
@media(max-width:1100px){.ble-grid{grid-template-columns:1fr}.ble-side{position:static}}
@media(max-width:600px){.ble-head{grid-template-columns:1fr}.ble-doc{padding:16px}.ble-bar{flex-wrap:wrap;padding:12px}.ble-bar__t small{display:none}.ble-toast{left:12px;right:12px;bottom:150px}}
.ble [hidden],.ble-modal[hidden]{display:none!important}
@media(min-width:1000px){.ble-bar{left:calc(50% + 130px);width:min(980px,calc(100% - 300px))}}
/* ===== Betreiber-Zentrale ===== */
.hub-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:6px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.hub-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:11px;font-weight:700;font-size:.9rem;color:var(--ink2);text-decoration:none}
.hub-tabs a:hover{background:#fff4ec}.hub-tabs a.on{background:var(--dark);color:#fff}.hub-tabs a.on .ic{color:#ff9a66}
.hub-hero{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:20px;align-items:center;padding:24px 26px;margin-bottom:16px;color:#FFF4EC;border:0;background:radial-gradient(700px 300px at 100% 0,rgba(255,90,31,.45),transparent 60%),linear-gradient(160deg,#241A16,#120D0B)}
.hub-hero h2{color:#fff;margin:6px 0 6px;font-size:1.6rem}.hub-hero p{margin:0;color:rgba(255,244,236,.78)}.hub-hero .eyebrow{color:#FF9A66}.hub-hero b{color:#fff}
.hub-search{display:flex;gap:8px}.hub-search input{flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font:inherit}
.hub-search input::placeholder{color:rgba(255,244,236,.55)}
.hub-search--in input{border-color:var(--line);background:#fff;color:var(--ink);padding:8px 12px}
.hub-kpis{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.hub-kpi{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s}
a.hub-kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-l)}
.hub-kpi small{color:var(--muted);font-size:.8rem}.hub-kpi.is-warn{border-color:#ffc6a8;background:linear-gradient(180deg,#fff,#fff6f0)}.hub-kpi.is-warn b{color:var(--acc-ink)}
.hub-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.hub-more{margin-left:auto;font-size:.85rem;font-weight:700;color:var(--acc-ink);text-decoration:none}
.hub-list{list-style:none;margin:0;padding:0}.hub-list li{border-top:1px solid var(--line)}.hub-list li:first-child{border-top:0}
.hub-list li>a,.hub-list li{display:flex;align-items:center;gap:12px;padding:10px 2px;text-decoration:none;color:inherit}
.hub-list li>a{padding:0;width:100%}.hub-list li>a:hover b{color:var(--acc-ink)}
.hub-list span:not(.av){flex:1;min-width:0}.hub-list b{display:block;color:var(--ink);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-list small{display:block;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-list em{font-style:normal;font-weight:700;color:var(--ink);font-size:.9rem;white-space:nowrap}
.hub-list--sm li{padding:8px 0}
.av{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#fff1e8;color:var(--acc-ink);font-weight:800;font-size:.9rem}
.av--pay{background:#e8f7ee;color:var(--ok)}.av--lg{width:60px;height:60px;font-size:1.5rem;background:var(--grad);color:#fff}
.hub-tbl td{vertical-align:middle}.hub-who{text-decoration:none;color:inherit}.hub-who b{display:block;color:var(--ink)}.hub-who small{color:var(--muted);font-size:.8rem}
.hub-act{text-align:right}.muted{color:var(--muted)}
.hub-cust{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 24px;margin:10px 0 0}
.hub-cust h2{margin:0 0 4px;font-size:1.5rem}.hub-cust p{margin:0;color:var(--muted);font-size:.92rem}
.hub-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px!important}
.hub-cust__act{display:flex;flex-direction:column;gap:8px}
.hub-credits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.hub-credits div{padding:12px 8px;border-radius:12px;background:var(--bg2);text-align:center}.hub-credits b{display:block;font-size:1.35rem;color:var(--ink)}.hub-credits span{font-size:.74rem;color:var(--muted)}
.hub-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.hub-inline select,.hub-inline input{padding:8px 10px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.9rem;background:#fff}
.hub-inline input[type=number]{width:130px}
.hub-sw{font-size:.9rem;font-weight:600;color:var(--ink2)}
.hub-note{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:.92rem;margin-bottom:8px}
.hub-det{margin-top:12px}.hub-det summary{cursor:pointer;font-weight:700;font-size:.88rem}
.hub-stat{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.hub-bars{display:flex;align-items:flex-end;gap:10px;height:220px;padding-top:10px}
.hub-bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.hub-bars i{width:100%;max-width:46px;border-radius:10px 10px 4px 4px;background:var(--grad)}.hub-bars b{font-size:.72rem;color:var(--ink)}.hub-bars span{font-size:.72rem;color:var(--muted)}
.hub-mig{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#ffc6a8;background:linear-gradient(180deg,#fff,#fff6f0)}
.hub-imp{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px;border-radius:14px;background:var(--dark);color:#fff;font-size:.92rem}
.hub-imp .ic{color:#ff9a66}.hub-imp span{flex:1}.hub-imp .btn{background:#fff;color:var(--ink)}
@media(max-width:1000px){.hub-hero,.hub-two,.hub-grid{grid-template-columns:1fr}.hub-cust{grid-template-columns:auto 1fr}.hub-cust__act{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.hub-credits{grid-template-columns:repeat(3,1fr)}}
.blk__h h2 .ic{display:inline-block;vertical-align:-3px;margin-right:6px;color:var(--acc)}
.ap__url{display:block;font-size:.8rem;color:var(--acc-ink);word-break:break-all;margin-top:2px;font-family:ui-monospace,Menlo,monospace}
/* ---- Offpage-Landingpages (29.09.2026) ---- */
.p-ol{--ol-c:#FF5A1F;--ol-m:#8B5CF6}
.ol--bm{--ol-c:#8B5CF6;--ol-m:#FF5A1F}.ol--li{--ol-c:#0E9F8E}.ol--fl{--ol-c:#3553E0}.ol--lm{--ol-c:#12A150}
.ol-g{background:linear-gradient(120deg,var(--ol-c),#FF9A5C);-webkit-background-clip:text;background-clip:text;color:transparent}
.ol--bm .ol-g{background-image:linear-gradient(120deg,#8B5CF6,#FF5A1F)}.ol--li .ol-g{background-image:linear-gradient(120deg,#0E9F8E,#3DCFA5)}.ol--fl .ol-g{background-image:linear-gradient(120deg,#3553E0,#5B7CFF)}.ol--lm .ol-g{background-image:linear-gradient(120deg,#12A150,#3DCFA5)}
.ol-hero{position:relative;padding:34px 0 56px;background:radial-gradient(900px 600px at 100% 0%,color-mix(in srgb,var(--ol-c) 22%,transparent),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(255,190,150,.35),transparent 60%),var(--bg)}
.ol-hero--s{padding-bottom:30px}
.ol-hero__in{display:grid;gap:36px;align-items:center}
@media(min-width:1000px){.ol-hero__in{grid-template-columns:1.1fr .9fr}}
.ol-hero h1{font-size:clamp(2.1rem,4.6vw,3.9rem);word-spacing:.04em}
.ol-bm{margin:0;position:relative;border-radius:28px;padding:18px;background:linear-gradient(160deg,#241A16,#120D0B);box-shadow:var(--sh-l);color:#FFF4EC;overflow:hidden}
.ol-bm svg{width:100%;height:auto;aspect-ratio:560/430}
.ol-bm__b{fill:none;stroke:var(--ol-c);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:60 900;stroke-dashoffset:960;opacity:.95;animation:olbeam 3.6s var(--d,0s) linear infinite;filter:drop-shadow(0 0 6px var(--ol-c))}
.ol-bm__b--m,.ol-bm__b--xm{stroke:var(--ol-m);stroke-dasharray:14 16 30 900;filter:drop-shadow(0 0 6px var(--ol-m))}
.ol-bm__b--x,.ol-bm__b--xm{animation:none;opacity:0}
.ol-bm__b.go{opacity:1;animation:olbeam 1.1s linear 1 forwards}
.ol-bm__n{fill:#2E2320;stroke:var(--ol-c);stroke-width:2}.ol-bm__n--m{stroke:var(--ol-m)}
.ol-bm__me{fill:var(--ol-c)}.ol-bm text{font:800 15px "Inter Tight",sans-serif;fill:#fff}
.ol-bm__halo{opacity:.55;transform-origin:470px 215px;animation:olpulse 3.6s ease-in-out infinite}
.ol-bm.charge .ol-bm__halo{animation:olcharge 1.2s ease-out 1}
@keyframes olbeam{to{stroke-dashoffset:0}}
@keyframes olpulse{50%{opacity:.85;transform:scale(1.12)}}
@keyframes olcharge{0%{transform:scale(1);opacity:.5}60%{transform:scale(1.5);opacity:1}100%{transform:scale(1);opacity:.55}}
.ol-bm figcaption{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.85rem;align-items:center;color:rgba(255,244,236,.8)}
.ol-bm figcaption span{display:inline-flex;gap:6px;align-items:center}
.ol-dot{width:10px;height:10px;border-radius:9px;background:var(--ol-c);display:inline-block}.ol-dot--m{background:var(--ol-m)}
.ol-bm__meter{margin-left:auto}.ol-bm__meter b{color:#fff;font-size:1.05rem}
.ol-bm__btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ol-bm__btns .btn{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}
@media(prefers-reduced-motion:reduce){.ol-bm__b,.ol-bm__halo,.ol-laser__beam{animation:none!important;stroke-dasharray:none}}
.ol-pk{display:grid;gap:18px}
@media(min-width:700px){.ol-pk{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.ol-pk{grid-template-columns:repeat(4,1fr)}.ol-pk--2{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}}
.ol-pk__c{position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:24px;padding:26px 22px;box-shadow:var(--sh)}
.ol-pk__c.is-hl{border:2px solid var(--ol-c);box-shadow:var(--sh-l)}
.ol-pk__c.is-life{background:linear-gradient(160deg,#241A16,#120D0B);color:rgba(255,244,236,.85);border-color:transparent}
.ol-pk__c.is-life h3,.ol-pk__c.is-life .ol-pk__pr b,.ol-pk__c.is-life .ticks li{color:#fff}
.ol-pk__rib{position:absolute;top:-12px;left:22px;background:var(--ol-c);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:99px}
.ol-pk__q{font-size:.95rem;min-height:3em}
.ol-pk__pr{margin:6px 0 14px}.ol-pk__pr b{display:block;font-size:2.3rem;font-weight:900;color:var(--ink);letter-spacing:-.03em}.ol-pk__pr small{color:var(--muted)}
.is-life .ol-pk__pr small{color:rgba(255,244,236,.6)}
.ol-pk__c .ticks{margin:0 0 18px;flex:1;font-size:.92rem}
.ol-pk__c .ticks li{align-items:flex-start}
.ol-terms,.ol-warn{display:flex;gap:10px;align-items:flex-start;margin:22px auto 0;max-width:900px;font-size:.9rem;background:#fff4ec;border:1px solid #ffd9c2;border-radius:14px;padding:14px 16px}
.ol-terms a{color:var(--acc-ink);font-weight:600}
.ol-txt{max-width:860px}
.ol-txt p{font-size:1.06rem}
.ol-li{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}
.ol-li li{display:flex;gap:10px;align-items:flex-start}.ol-li .ic{color:var(--ol-c);margin-top:4px}
.ol-li b{color:var(--ink)}
.ol-tbl{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:16px 0;background:#fff}
.ol-tbl>div{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:8px;padding:12px 16px;border-top:1px solid var(--line);font-size:.95rem}
.ol-tbl>div:first-child{border-top:0}.ol-tbl__h{background:var(--bg2);font-weight:700;color:var(--ink)}
.ol-st{list-style:none;padding:0;margin:0;display:grid;gap:16px}
@media(min-width:900px){.ol-st:not(.ol-st--g){grid-template-columns:repeat(4,1fr)}}
.ol-st li{display:flex;gap:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:20px;padding:20px}
.ol-st li>span{flex:none;width:36px;height:36px;border-radius:12px;background:var(--ol-c);color:#fff;display:grid;place-items:center;font-weight:900}
.ol-st h2{font-size:1.3rem}.ol-st p{margin:0 0 .4em}
.ol-tip{display:flex;gap:8px;align-items:flex-start;color:var(--acc-ink);font-size:.93rem}
.ol-api{background:linear-gradient(160deg,#1a1311,#0d0908);color:rgba(255,244,236,.8)}
.ol-api h2{color:#fff}.ol-api .ticks li{color:#fff}
.ol-api__in{display:grid;gap:32px;align-items:center}
@media(min-width:1000px){.ol-api__in{grid-template-columns:1fr 1fr}}
.ol-laser{position:relative;min-height:320px}
.ol-term{position:relative;z-index:2;width:78%;background:#0b0807;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;font:500 .84rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9e1dc;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.ol-term__bar{display:flex;gap:6px;align-items:center;margin-bottom:10px;color:rgba(255,255,255,.5)}.ol-term__bar i{width:9px;height:9px;border-radius:9px;background:#3a302c}.ol-term__bar span{margin-left:8px}
.ol-term p{margin:0 0 4px}.ol-term b{color:#FF5A1F}.ol-term__o{color:rgba(233,225,220,.6)}.ol-term__ok{color:#3DCF85}
.ol-laser__beam{position:absolute;z-index:3;left:40%;top:52%;width:52%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#FF5A1F 30%,#fff);box-shadow:0 0 14px #FF5A1F,0 0 30px #FF5A1F;transform-origin:left center;transform:rotate(14deg) scaleX(0);animation:ollaser 4s ease-in-out infinite}
@keyframes ollaser{0%,15%{transform:rotate(14deg) scaleX(0)}35%,80%{transform:rotate(14deg) scaleX(1)}100%{transform:rotate(14deg) scaleX(0);opacity:0}}
.ol-site{position:absolute;right:0;bottom:0;width:48%;height:62%;background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.ol-site span{display:block;border-radius:6px;background:#EDE0D5}.ol-site__bar{height:8px;width:40%}.ol-site__h{height:16px;width:80%;background:#1B1512!important}.ol-site__l{height:8px}.ol-site__l.s{width:70%}
.ol-site__dot{position:absolute;right:26%;top:48%;width:18px;height:18px;border-radius:18px;background:#FF5A1F!important;box-shadow:0 0 0 8px rgba(255,90,31,.25);animation:olpulse 1.6s infinite}
.ol-eeat{display:flex;gap:20px;align-items:flex-start;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:24px;padding:28px}
.ol-eeat__ic{flex:none;width:52px;height:52px;border-radius:16px;background:var(--ol-c);color:#fff;display:grid;place-items:center}
.ol-eeat h2{font-size:clamp(1.4rem,2.6vw,2rem)}.ol-eeat__l a{color:var(--acc-ink);font-weight:600}
.ol-x__h{font-size:1.3rem}
.ol-x__g{display:grid;gap:12px}
@media(min-width:700px){.ol-x__g{grid-template-columns:repeat(4,1fr)}}
.ol-x__c{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7);transition:transform .2s var(--ease)}
.ol-x__c:hover{transform:translateY(-2px)}.ol-x__c span{color:var(--acc)}.ol-x__c b{color:var(--ink)}.ol-x__c small{color:var(--muted);font-size:.85rem;line-height:1.4}
.app__topact{display:flex;gap:8px}
.note-bl{background:#fff4ec;border:1px solid #ffd9c2;border-radius:14px;padding:12px 14px;font-size:.93rem}.note-bl a{color:var(--acc-ink);font-weight:700}
@media(max-width:600px){.ol-eeat{flex-direction:column;padding:20px}.ol-tbl>div{grid-template-columns:1fr 1fr;font-size:.88rem}.ol-term{width:100%}.ol-laser__beam,.ol-site{display:none}.ol-laser{min-height:0}.app__topact .btn--ghost{display:none}}
.ol-bm__base{fill:none;stroke:var(--ol-c);stroke-width:1;opacity:.22}.ol-bm__base--m{stroke:var(--ol-m);stroke-dasharray:4 5}
.ol-pk__c.is-life .btn--ghost{background:#fff;color:var(--ink);border-color:#fff}
.ol-api .lead,.ol-api p{color:rgba(255,244,236,.82)}
.ol-pk__rib{background:var(--acc-ink)}.ol--bm .ol-pk__rib{background:#6D28D9}.ol--li .ol-pk__rib{background:#0B7F63}.ol--fl .ol-pk__rib{background:#2238B8}.ol--lm .ol-pk__rib{background:#0B7A3B}
/* ---- Projekt-Einblicke und KI-Studio (29.09.2026) ---- */
.ring--sm{width:96px;height:96px}.ring--sm .ring__in b{font-size:1.6rem}
.ins__top{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.ins__lead{margin:0 0 6px}.ins__lead .up{color:var(--ok);font-weight:700}.ins__lead .down{color:var(--bad);font-weight:700}
.ins__spark{width:200px;height:42px}.ins__spark polyline{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round}
.ins__iss{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:8px}.ins__iss li{display:flex;gap:8px;align-items:flex-start;font-size:.94rem}.ins__iss .ic{color:var(--bad);margin-top:4px}.ins__iss li.hi{font-weight:600}.ins__iss small{color:var(--muted)}
.ins__pg table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:8px}.ins__pg td,.ins__pg th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}.ins__pg a{color:var(--acc-ink)}
.ins__re{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ent__viz{position:relative;border-radius:20px;background:linear-gradient(160deg,#241A16,#120D0B);padding:10px;margin:10px 0}
.ent__viz svg{width:100%;height:auto;aspect-ratio:600/380}.ent__viz text{font:900 16px "Inter Tight",sans-serif;fill:#fff}
.ent__base{stroke-width:1;opacity:.25}
.ent__b{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:36 700;stroke-dashoffset:736;animation:olbeam 3.4s var(--d,0s) linear infinite;filter:drop-shadow(0 0 5px currentColor)}
.ent__b--m{stroke-dasharray:10 12 24 700}
.ent__halo{opacity:.6;transform-origin:300px 190px;animation:olpulse 3.4s ease-in-out infinite}
.ent__empty{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);margin:0;color:rgba(255,244,236,.8);font-size:.9rem;text-align:center;width:90%}
.ent__leg{list-style:none;padding:0;margin:8px 0 14px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem}.ent__leg li{display:inline-flex;gap:6px;align-items:center}.ent__leg i{width:10px;height:10px;border-radius:9px;display:inline-block}
.ent__leg i.ln{width:18px;height:2px;border-radius:0;background:#8a7d75}.ent__leg i.ln--p{background:repeating-linear-gradient(90deg,#FF5A1F 0 4px,transparent 4px 7px)}
.ent__hints{display:grid;gap:10px}@media(min-width:900px){.ent__hints{grid-template-columns:repeat(3,1fr)}}
.ent__hints>div{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.ent__hints b{color:var(--ink)}.ent__hints p{font-size:.9rem;margin:6px 0}.ent__hints a{color:var(--acc-ink);font-weight:600;font-size:.88rem}
.game__lv{display:grid;gap:6px;margin:6px 0 14px}.game__lv b{font:900 1.4rem "Inter Tight",sans-serif;color:var(--ink)}.game__lv small{color:var(--muted)}
.game__m{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.game__m li{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:14px;border:1px dashed var(--line);opacity:.5;filter:grayscale(1)}
.game__m li.on{opacity:1;filter:none;border:1px solid #ffd9c2;background:linear-gradient(160deg,#fff,#fff4ec)}
.game__m li span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--grad);color:#fff}
.game__m li.m-rising.on{background:linear-gradient(160deg,#241A16,#120D0B);color:#fff}.game__m li.m-rising.on b{color:#FF9A66}
.game__m b{color:var(--ink);font-size:.95rem}.game__m small{font-size:.8rem;line-height:1.35;color:var(--muted)}.game__how{font-size:.82rem;margin-top:10px}
.st{display:grid;gap:18px}.st__stat{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.92rem}.st__stat span{display:inline-flex;gap:6px;align-items:center}
.st__pick{float:right}.st__pick select{padding:8px 10px;border-radius:10px;border:1px solid var(--line)}
.tg{border-radius:18px;background:#FFFBF7;border:1px solid var(--line);padding:8px}.tg svg{width:100%;height:auto;aspect-ratio:800/470}
.tg__e{stroke:#b7aaa1;stroke-width:1}.tg__e--plan{stroke:#FF5A1F;stroke-dasharray:4 4;opacity:.6}.tg__e--link{stroke:#8a7d75;opacity:.55}
.tg__n circle{fill:#fff;stroke:#FF5A1F;stroke-width:2}.tg__n.is-live circle{fill:#FF5A1F}.tg__n.is-orph circle{fill:#E03A3A;stroke:#E03A3A}.tg__n--p circle{stroke-width:3}
.tg__n text{font:700 12px "Inter Tight",sans-serif;fill:var(--ink)}
.st__list{display:grid;gap:8px}.st__it{border:1px solid var(--line);border-radius:14px;background:#fff}
.st__it summary{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}.st__it summary::-webkit-details-marker{display:none}
.st__it summary span{display:grid;min-width:0}.st__it summary b{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st__it summary small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st__it summary em{font-style:normal;flex:none}
.st__f{padding:0 14px 14px;display:grid;gap:10px}@media(min-width:800px){.st__f{grid-template-columns:repeat(3,1fr)}.st__f .fld--wide,.st__btns,.st__f .chk{grid-column:1/-1}}
.st__btns{display:flex;gap:8px;flex-wrap:wrap}
.st__cmp{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}.st__cmp div{border:1px solid var(--line);border-radius:12px;padding:8px 12px;display:grid}.st__cmp small{color:var(--muted);font-size:.78rem}
.st__serp{padding-left:18px;display:grid;gap:6px}.st__serp a{color:var(--acc-ink);font-weight:600}.st__serp small{display:block;color:var(--muted)}
.st__html{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;margin:8px 0}
.st__code{width:100%;font:12px ui-monospace,monospace;border-radius:10px;border:1px solid var(--line);padding:8px}
.st__act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.st__packs{display:flex;gap:8px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.ent__b,.ent__halo{animation:none}}
.svc--link{position:relative;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.svc--link:hover{transform:translateY(-3px);box-shadow:var(--sh-l)}
.svc--link h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.svc__more{display:inline-flex;gap:6px;align-items:center;margin-top:12px;font-weight:700;font-size:.9rem;color:var(--acc-ink)}
.builder--v2{align-items:center}
@media(min-width:980px){.builder--v2{grid-template-columns:.85fr 1.15fr}}
.bsteps--c{margin:18px 0 22px;gap:8px}.bsteps--c .bstep{padding:10px 14px}.bsteps--c .bstep h3{margin:0;font-size:1rem}
.builder__cta{display:flex;gap:12px;flex-wrap:wrap}
.builder__shot{position:relative;display:block;border-radius:20px;background:#fff;box-shadow:0 2px 6px rgba(60,30,10,.06),0 50px 90px -40px rgba(140,50,10,.55),0 0 0 1px rgba(60,30,10,.06);transition:transform .35s var(--ease)}
.builder__shot:hover{transform:translateY(-4px)}.builder__shot img{border-radius:0 0 20px 20px;width:100%;height:auto}
.builder__shot .kb-shot__bar{border-radius:20px 20px 0 0;background:#fffdfb}
.builder__shot .kb-chip--pages{left:-18px;bottom:28px}
@media(max-width:600px){.builder__shot .kb-chip{display:none}}
/* ---- Entity Authority und Themen-Netz (29.09.2026) ---- */
.ea-hero{position:relative;overflow:hidden;padding:34px 0 64px;background:radial-gradient(900px 600px at 80% 10%,rgba(255,90,31,.35),transparent 60%),radial-gradient(700px 600px at 0% 100%,rgba(139,92,246,.22),transparent 60%),linear-gradient(160deg,#241A16,#0f0a09);color:rgba(255,244,236,.82)}
.ea-hero h1{color:#fff;font-size:clamp(2.2rem,4.8vw,4rem)}.ea-hero .crumbs,.ea-hero .crumbs a{color:rgba(255,244,236,.7)}.ea-hero .lead{color:rgba(255,244,236,.85)}
.ea-hero__bg{position:absolute;inset:0;opacity:.55;pointer-events:none}.ea-hero__bg svg{width:100%;height:100%}
.ea-orb{fill:none;stroke:rgba(255,154,92,.25);stroke-width:1;stroke-dasharray:3 7;transform-origin:400px 300px;animation:earot 60s linear infinite;animation-delay:calc(var(--d) * -1)}
.ea-dot{fill:#FF5A1F;filter:drop-shadow(0 0 6px #FF5A1F);animation:olpulse 3s var(--d) ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes earot{to{transform:rotate(360deg)}}
.ea-hero__in{position:relative;display:grid;gap:36px;align-items:center}@media(min-width:1000px){.ea-hero__in{grid-template-columns:1.15fr .85fr}}
.ea-stats{list-style:none;padding:0;margin:22px 0 6px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ea-stats li{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;background:rgba(255,255,255,.05)}
.ea-stats b{display:block;font:900 1.7rem "Inter Tight",sans-serif;color:#FF9A66}.ea-stats span{font-size:.82rem;line-height:1.35;display:block}
.ea-src{font-size:.8rem;opacity:.7}
.ea-form{border-radius:26px;padding:26px;background:rgba(255,255,255,.96);color:var(--ink2);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}.ea-form h2{font-size:1.6rem}
.ea-form .err,.p-tn .err{color:var(--bad);font-weight:600}
.tl-consent{font-size:.82rem;margin:4px 0 12px}.tl-consent a{color:var(--acc-ink)}
.ea-3{display:grid;gap:16px}@media(min-width:900px){.ea-3{grid-template-columns:repeat(3,1fr)}}
.ea-3 article{border-radius:22px;padding:24px;background:linear-gradient(160deg,#fff,#fff6ef);border:1px solid var(--line);box-shadow:var(--sh)}
.ea-3 span{font:900 2.4rem "Inter Tight",sans-serif;color:transparent;-webkit-text-stroke:1.5px var(--acc)}
.ol-fine{font-size:.85rem;color:var(--muted)}
.ea-dark{background:linear-gradient(160deg,#241A16,#120D0B);color:rgba(255,244,236,.85);border:0}
.ea-res__top{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.ea-ring{position:relative;width:140px;height:140px;flex:none}.ea-ring b{position:absolute;inset:0;display:grid;place-items:center;font:900 2.4rem "Inter Tight",sans-serif;color:#fff}.ea-ring b small{font-size:.8rem;opacity:.6;margin-top:48px;position:absolute}
.ea-ring__v{animation:earing 1.4s var(--ease) both}@keyframes earing{from{stroke-dashoffset:377}}
.ea-res__v{font-size:1.1rem;color:#fff;max-width:52ch;margin:6px 0 0}
.ea-pil{display:grid;gap:14px;margin-top:20px}@media(min-width:900px){.ea-pil{grid-template-columns:repeat(3,1fr)}}
.ea-pil__c{border-radius:16px;padding:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.ea-pil__h{display:flex;justify-content:space-between;color:#fff}.ea-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.1);margin:8px 0 10px}.ea-bar i{display:block;height:100%;border-radius:6px;background:var(--grad)}
.ea-pil ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:.88rem}.ea-pil li{padding-left:22px;position:relative}
.ea-pil li::before{position:absolute;left:0;font-weight:900}.ea-pil li.ok::before{content:"✓";color:#3DCF85}.ea-pil li.bad::before{content:"×";color:#FF7A6B}.ea-pil li.n::before{content:"–";opacity:.5}
.ea-pil li small{display:block;opacity:.65;font-size:.8rem}
.ea-dash,.tn-dash{display:grid;gap:18px}.ea-when{color:var(--acc-ink);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem}
.ea-code{font-size:12px!important;background:#fffdfb}.ea-runs{padding-left:18px}.ea-runs a{color:var(--acc-ink);font-weight:600}
.tn-hero__in{display:grid;gap:24px;align-items:end}@media(min-width:1000px){.tn-hero__in{grid-template-columns:1.1fr .9fr}}
.tn-form{display:grid;gap:10px;padding:20px;border-radius:22px}.tn-form input{width:100%;padding:16px 18px;border-radius:14px;border:1px solid var(--line);font-size:1.05rem}
.tn__viz{border-radius:24px;background:radial-gradient(700px 500px at 50% 45%,#2a1f1b,#0f0a09);padding:10px;overflow:hidden}
.tn__viz svg{width:100%;height:auto;aspect-ratio:1120/860}
.tn__e{stroke-width:1;opacity:.35}.tn__e--s{stroke:#FF9A66;stroke-width:2;opacity:.8}
.tn__l text{font:500 12px Inter,sans-serif;fill:rgba(255,244,236,.85)}.tn__l{transition:opacity .3s}
.tn__s circle{fill:#FF5A1F;filter:drop-shadow(0 0 10px #FF5A1F)}.tn__s text{font:800 15px "Inter Tight",sans-serif;fill:#fff}
.tn__c circle{fill:#fff;filter:drop-shadow(0 0 18px #FF9A66)}.tn__c text{font:900 13px "Inter Tight",sans-serif;fill:#1B1512}
.tn__f{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tn__f button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.tn__f button.on{border-color:var(--acc);background:#fff4ec}
.tn-d{width:9px;height:9px;border-radius:9px;display:inline-block}.tn-d--frage{background:#FF5A1F}.tn-d--vergleich{background:#8B5CF6}.tn-d--kauf{background:#12A150}.tn-d--begriff{background:#3553E0}.tn-d--entitaet{background:#0E9F8E}
.tn__cols{display:grid;gap:14px}@media(min-width:800px){.tn__cols{grid-template-columns:repeat(3,1fr)}}
.tn__col{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;transition:opacity .3s}.tn__col h3{font-size:1rem;display:flex;gap:6px;align-items:center}.tn__col ul{margin:0;padding-left:18px;font-size:.9rem;max-height:420px;overflow:auto}
.tn__more{font-size:.85rem;color:var(--acc-ink);font-weight:600;margin:8px 0 0}
.tn-lead{display:grid;gap:16px;margin-top:22px;padding:24px;border-radius:22px}@media(min-width:900px){.tn-lead{grid-template-columns:1fr 1fr;align-items:center}}
.tn-q{columns:2;column-gap:28px;font-size:.93rem}.tn-q li{break-inside:avoid;margin-bottom:6px}.tn-q small{color:var(--muted)}@media(max-width:700px){.tn-q{columns:1}.ea-stats{grid-template-columns:1fr}}
.builder__shot .kb-chip--pages{right:auto}.bsteps--c .bstep{align-items:center}
.cyc label em{color:var(--acc-ink)}
.tbl--orders .tl-cut{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl--orders .tl-live a{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--acc-ink);white-space:nowrap}
/* Bestelltabelle (Brand Build Backend) */
.ot-credits{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;margin:0 0 16px}
.ot-credits__h{display:flex;gap:6px;align-items:center;font-weight:800;margin-right:4px}
.ot-chip{display:inline-flex;gap:4px;align-items:baseline;padding:6px 11px;border-radius:999px;background:var(--bg2,#f6f2ee);border:1px solid var(--line);font-size:.88rem}
.ot-chip b{font-size:1rem}.ot-chip--flat{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);font-weight:700}
.ot-credits .btn{margin-left:auto}
.ot-plan>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.ot-plan>summary::-webkit-details-marker{display:none}.ot-plan>summary h2{margin:0}.ot-plan>summary .muted{flex-basis:100%;font-size:.92rem}
.ot-plan[open]>summary{margin-bottom:12px}.ot-planf{display:grid;gap:12px}
.ot-n{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.ot .blk__h{flex-wrap:wrap}.ot-tools{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.ot-imp{margin:0}.ot-imp label{cursor:pointer}
.ot-help{font-size:.9rem;margin:4px 0 12px}.ot-camp{max-width:420px;margin-bottom:10px}
.ot-t{min-width:980px;font-size:.9rem}.ot-t th{white-space:nowrap}.ot-t td{padding:4px 5px;vertical-align:top}
.ot-t input,.ot-t select{width:100%;min-height:36px;padding:6px 8px;font-size:.88rem;border:1px solid var(--line);border-radius:8px;background:#fff}
.ot-t td.ot-i{color:var(--muted);font-weight:700;padding-top:12px;width:34px}
.ot-t td:nth-child(2){width:132px}.ot-t td.ot-site{width:190px}.ot-t td:nth-child(7){width:142px}
.ot-meta{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}
.ot-t input.ot-bad{border-color:#dc2626;background:#fef2f2}.ot-t tr.ot-inc input[name$="[target_url]"]:placeholder-shown,.ot-t tr.ot-inc input[name$="[anchor]"]:placeholder-shown{border-color:#f59e0b;background:#fffbeb}
.ot-x{border:0;background:none;font-size:1.3rem;line-height:1;color:var(--muted);cursor:pointer;padding:8px}.ot-x:hover{color:#dc2626}
.ot-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:12px}
.ot-sum{font-size:.9rem;flex:1;min-width:220px}.ot-over{color:#dc2626}
@media(max-width:700px){.ot-credits .btn{margin-left:0}.ot-tools{margin-left:0}}
.ot-plan>summary h2{font-size:1.2rem;line-height:1.3}
.ot-t{min-width:1120px}.ot-t td:nth-child(2){width:128px}.ot-t td.ot-site{width:175px}.ot-t td:nth-child(4){width:24%}.ot-t td:nth-child(5){width:17%}.ot-t td:nth-child(7){width:138px}
@media(max-width:1480px){.hdr__nav a{padding:8px 8px;font-size:.88rem}.hdr__in{gap:14px}}
@media(max-width:1720px){.hdr__nav a[href$="/wissen/"],.hdr__nav a[href$="/webseite-kaufen/"]{display:none}.hdr__nav.open a{display:block}}
@media(max-width:1720px){.hdr__nav a{padding:8px 9px}}
@media(max-width:1560px){.hdr__nav a[href*="/booster/"]{display:none}.hdr__nav.open a{display:block}}
@media(max-width:1300px){.hdr__nav a[href$="/ki-website-erstellen/"]{display:none}.hdr__nav.open a{display:block}}
.hdr__nav{min-width:0;flex-shrink:1;overflow:hidden}.hdr__nav.open{overflow:visible}
.hdr__in.wrap{max-width:1560px}
/* 08.10.2026: Abstände – gleichfarbige Sektionen nicht doppelt polstern, sec--tight wirklich eng, Zwischenüberschriften im Fließtext */
.sec.sec--tight{padding:36px 0}
.sec:not(.sec--alt):not(.sec--dark)+.sec:not(.sec--alt):not(.sec--dark),.sec.sec--alt+.sec.sec--alt{padding-top:24px}
@media(min-width:900px){.sec.sec--tight{padding:48px 0}.sec:not(.sec--alt):not(.sec--dark)+.sec:not(.sec--alt):not(.sec--dark),.sec.sec--alt+.sec.sec--alt{padding-top:40px}}
.prose p+h2,.prose ul+h2,.prose ol+h2,.prose div+h2{margin-top:1.6em}
.bbb__upd{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;margin:0 0 14px;border:1px solid #c9d8ff;background:linear-gradient(135deg,#eef3ff,#fff 70%)}
.bbb__upd h3{margin:0 0 6px;font-size:1.05rem}.bbb__upd ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:.93rem}.bbb__upd code{font-size:.85em;background:#fff;border:1px solid #dde4f5;border-radius:6px;padding:1px 6px}
.bbb__upd-pill{flex:none;font-weight:800;font-size:.72rem;letter-spacing:.12em;color:#fff;background:#3553E0;border-radius:999px;padding:5px 10px;margin-top:2px}
.bbb__upd .btn{margin-left:auto;flex:none}
@media (max-width:640px){.bbb__upd{flex-wrap:wrap}.bbb__upd .btn{margin-left:0}}
.ot-paste textarea{width:100%;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}
.ot-paste summary{cursor:pointer;font-weight:700}
.flash--warn{background:#FFF6E5;border:1px solid #F5D9A8;color:#7A4B00}
/* KI-Sichtbarkeits-Studio v2 (08.10.2026) */
.st__hero{padding:26px 28px;background:linear-gradient(135deg,#fff4ec 0%,#fff 55%,#eef3ff 100%);border:1px solid #ffe0cc}
.st__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.st__dom{font-size:.95rem;color:var(--muted)}
.st__hero h2{font-family:"Inter Tight",Inter,sans-serif;font-weight:900;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em;line-height:1.1;margin:8px 0 10px}
.st__lead{font-size:1.02rem;max-width:760px;margin:0 0 18px}
.st__how{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}@media(min-width:860px){.st__how{grid-template-columns:repeat(3,1fr)}}
.st__how li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.st__how li>b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#FF5A1F;color:#fff;font-weight:900}
.st__how strong{display:block;margin-bottom:2px}.st__how span{font-size:.92rem;color:var(--ink2,#4a403a)}
.st__stat .ok b{color:var(--ok)}.st__stat .bad b{color:var(--bad)}.st__stat a{font-size:.85rem;margin-left:4px}
.st__fine{font-size:.85rem;color:var(--muted);margin:8px 0 0}
.st__job{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-top:10px;background:#fff}.st__job--ready{border-color:#bfe6cf;background:#f6fcf8}
.st__jh{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.st__bar{height:6px;border-radius:9px;background:#f1e7df;overflow:hidden;margin-top:10px}.st__bar i{display:block;height:100%;width:40%;border-radius:9px;background:#FF5A1F;animation:stbar 1.6s ease-in-out infinite}
@keyframes stbar{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.st__two{display:grid;gap:16px;margin-top:6px}@media(min-width:860px){.st__two{grid-template-columns:1fr 1fr}}.st__two h3{font-size:1rem;margin:10px 0 6px}
.st__act{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.st__chances{display:grid;gap:10px}
.st__chance{border:1px solid var(--line);border-radius:14px;background:#fff}
.st__chance>summary{list-style:none;cursor:pointer;padding:14px 16px;display:grid;gap:2px}.st__chance>summary::-webkit-details-marker{display:none}
.st__chance>summary small{color:var(--muted)}.st__chance[open]>summary{border-bottom:1px solid var(--line)}
.st__chance .st__f,.st__it .st__f{padding:14px 16px}
.st__why{justify-self:start;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:#b4410f;background:#fff1e8;border-radius:99px;padding:4px 10px;margin-bottom:4px}
.st__nums{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px;font-weight:800}.st__nums small{font-weight:600;color:var(--muted)}
.st__search{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:12px;margin:0 0 10px;font:inherit}
.st__opt{margin:6px 0}.st__opt summary{cursor:pointer;font-size:.9rem;font-weight:700;color:var(--muted)}.st__optg{display:grid;gap:10px;margin-top:10px}@media(min-width:760px){.st__optg{grid-template-columns:1fr 1fr}}.st__optg .fld--wide,.st__optg .chk{grid-column:1/-1}
.st__map>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.st__map>summary::-webkit-details-marker{display:none}.st__map>summary h2{margin:0}