.demobar{position:fixed;left:16px;bottom:16px;z-index:200;display:flex;gap:8px}
.demobar a{background:#111;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:10px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.4);text-decoration:none}
.demobar a:hover{background:#000}
.demotag{position:fixed;right:14px;top:14px;z-index:200;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:5px 11px;border-radius:20px}
/* ===== Gemeinsame Website-Komponenten (per --vars themable) ===== */
.site{display:block}
.ws{background:var(--bg);color:var(--ink);font-family:var(--font,-apple-system,'Segoe UI',Roboto,sans-serif);min-height:100vh}
.ws .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.ws h1,.ws h2,.ws h3{font-family:var(--fhead,inherit);line-height:1.15}
.ws .nav{position:sticky;top:0;z-index:30;background:var(--navbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ws .nav .wrap{display:flex;align-items:center;gap:18px;padding-top:16px;padding-bottom:16px}
.ws .logo{font-family:var(--fhead,inherit);font-weight:800;font-size:21px;color:var(--ink);display:flex;align-items:center;gap:10px;text-decoration:none}
.ws .logo .dot{width:30px;height:30px;border-radius:9px;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.ws .nav .links{margin-left:auto;display:flex;gap:24px}
.ws .nav .links a{color:var(--muted);text-decoration:none;font-weight:600;font-size:15px}
.ws .nav .links a:hover{color:var(--acc)}
.ws .btn{display:inline-flex;align-items:center;gap:8px;background:var(--acc);color:var(--accink,#fff);border:none;border-radius:var(--rad,12px);padding:13px 22px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .15s,filter .2s}
.ws .btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.ws .btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line2,rgba(0,0,0,.15))}
.ws .nav .btn{padding:10px 18px}

.ws .hero{position:relative;overflow:hidden;background:var(--herobg);color:var(--heroink,var(--ink))}
.ws .hero .wrap{padding-top:90px;padding-bottom:96px;position:relative;z-index:1}
.ws .hero .eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--acc);background:var(--accsoft);padding:7px 14px;border-radius:30px;margin-bottom:18px}
.ws .hero h1{font-size:clamp(34px,6vw,60px);font-weight:800;letter-spacing:-1px;max-width:14ch;margin-bottom:18px}
.ws .hero p{font-size:clamp(16px,2.2vw,20px);max-width:52ch;color:var(--heromuted,var(--muted));margin-bottom:30px}
.ws .hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.ws .blob{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;z-index:0}

.ws section.blk{padding:84px 0}
.ws .shead{text-align:center;max-width:680px;margin:0 auto 50px}
.ws .shead .eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.ws .shead h2{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.5px;margin-bottom:12px}
.ws .shead p{color:var(--muted);font-size:17px;line-height:1.7}

.ws .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.ws .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad,16px);padding:30px}
.ws .card .ic{width:52px;height:52px;border-radius:14px;background:var(--accsoft);color:var(--acc);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.ws .card .ic svg{width:26px;height:26px}
.ws .card h3{font-size:20px;margin-bottom:8px}
.ws .card p{color:var(--muted);font-size:15px;line-height:1.6}

.ws .menu-list{max-width:760px;margin:0 auto;display:grid;gap:6px}
.ws .ml{display:flex;align-items:baseline;gap:10px;padding:14px 0;border-bottom:1px dashed var(--line)}
.ws .ml .mn{font-weight:700;font-size:17px}
.ws .ml .md{color:var(--muted);font-size:14px}
.ws .ml .leader{flex:1;border-bottom:1px dotted var(--line2,rgba(0,0,0,.2));transform:translateY(-4px)}
.ws .ml .mp{font-weight:800;color:var(--acc);font-size:17px}

.ws .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.ws .gtile{height:160px;border-radius:var(--rad,16px);display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:700;font-size:15px}

.ws .pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;max-width:980px;margin:0 auto}
.ws .price{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad,18px);padding:32px;text-align:center}
.ws .price.feat{border:2px solid var(--acc);transform:scale(1.03)}
.ws .price h3{font-size:20px;margin-bottom:6px}
.ws .price .amt{font-size:40px;font-weight:800;margin:10px 0}
.ws .price .amt small{font-size:15px;font-weight:600;color:var(--muted)}
.ws .price ul{list-style:none;text-align:left;margin:18px 0 24px;display:grid;gap:10px}
.ws .price li{display:flex;gap:10px;color:var(--muted);font-size:14.5px}
.ws .price li svg{color:var(--acc);width:18px;height:18px;flex:0 0 auto;margin-top:2px}

.ws .team{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}
.ws .member{text-align:center}
.ws .member .av{width:96px;height:96px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#fff}
.ws .member h4{font-size:17px}
.ws .member p{color:var(--muted);font-size:14px}

.ws .ctaband{background:var(--herobg);color:var(--heroink,var(--ink));text-align:center;border-radius:var(--rad,22px);padding:56px 24px;margin:0 auto;max-width:1080px}
.ws .ctaband h2{font-size:clamp(24px,4vw,34px);margin-bottom:12px}
.ws .ctaband p{color:var(--heromuted,var(--muted));max-width:50ch;margin:0 auto 26px;font-size:17px}

.ws .foot{border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:14px}
.ws .foot .wrap{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
.ws .foot a{color:var(--muted);text-decoration:none}
.ws .badgeline{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.ws .chip{background:var(--panel);border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted)}

@media(max-width:760px){ .ws .nav .links{display:none} .ws .hero .wrap{padding-top:64px;padding-bottom:70px} .ws section.blk{padding:60px 0} .ws .price.feat{transform:none} .ws .rgrid{grid-template-columns:1fr!important} .ws #r-about .wrap{grid-template-columns:1fr!important} }