@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}
:root{--ink:#121316;--card:#1C1E23;--card2:#24272d;--line:#2f3239;--brass:#E8B26A;--brass-d:#B9853F;--brass-soft:#e8b26a1f;--text:#ECEBE7;--muted:#A7A59E;--ok:#7fc8a0;--warn:#e8b26a;--err:#e57a6a;--r:14px;--r-lg:22px;--shadow:0 10px 30px -12px #000a;--wrap:1160px;--f:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fd:"Fraunces",Georgia,serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 var(--f);text-rendering:optimizeLegibility}
a{color:var(--brass);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--fd);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.2rem}
p{margin:0 0 1em}code{font:.9em ui-monospace,SFMono-Regular,Menlo,monospace;background:#0006;padding:.1em .4em;border-radius:6px;color:#f3d7ae}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.wrap-wide{max-width:1400px;margin:0 auto;padding:0 20px}.narrow{max-width:820px}
.muted{color:var(--muted)}.small{font-size:.9rem}.xsmall{font-size:.8rem}.center{text-align:center}.block{display:block}.nowrap{white-space:nowrap}.r{text-align:right}
.testbar{background:var(--brass);color:var(--ink);text-align:center;font-size:.8rem;font-weight:600;padding:5px 10px}
.hd{position:sticky;top:0;z-index:50;background:#121316e6;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:20px;height:66px}
.logo{display:flex;align-items:center;gap:9px;color:var(--text);font:600 1.45rem var(--fd)}.logo:hover{text-decoration:none}.logo em{font-style:normal;color:var(--brass);font-family:var(--f);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-left:4px}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav a{color:var(--text);padding:8px 12px;border-radius:10px;font-size:.95rem}.nav a:hover,.nav a.on{background:var(--card);text-decoration:none}.nav a.on{color:var(--brass)}
.nav-cart{position:relative}.cnt{position:absolute;top:2px;right:2px;background:var(--brass);color:var(--ink);font-size:.7rem;font-weight:700;border-radius:99px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px}.cnt:empty{display:none}
.lang-sel{display:flex;gap:2px;margin-left:6px}.lang-sel a{padding:6px 7px!important;font-size:.78rem!important;font-weight:600;color:var(--muted)!important}.lang-sel a.on{color:var(--brass)!important}
.burger{display:none;margin-left:auto;background:none;border:0;width:42px;height:42px;padding:10px;cursor:pointer}.burger span{display:block;height:2px;background:var(--text);margin:5px 0;border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brass);color:#16130e;border:1px solid var(--brass);padding:11px 20px;border-radius:12px;font:600 .98rem var(--f);cursor:pointer;transition:transform .15s,background .15s;text-decoration:none!important}
.btn:hover{background:#f0c27f;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:var(--card);border-color:var(--brass)}
.btn-lg{padding:14px 26px;font-size:1.05rem}.btn-sm{padding:7px 13px;font-size:.88rem;border-radius:10px}.btn-block{width:100%}.is-off{opacity:.55;cursor:default;pointer-events:none}
.btn-paypal{background:#ffc439;border-color:#ffc439;color:#111}
.linkbtn{background:none;border:0;color:var(--brass);cursor:pointer;font:inherit;padding:0}.linkbtn.danger,.danger{color:var(--err)}
.flash{margin:16px 0;padding:12px 16px;border-radius:12px;background:var(--card);border-left:4px solid var(--ok)}.flash-err{border-color:var(--err)}.flash-info{border-color:var(--brass)}
.eyebrow{display:inline-block;color:var(--brass);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.hero{padding:70px 0 50px;background:radial-gradient(1000px 500px at 85% -10%,#e8b26a22,transparent 60%),radial-gradient(800px 400px at -10% 110%,#3a6ea522,transparent 60%)}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.lead{font-size:1.2rem;color:#d8d6cf;max-width:36em}.lead-sm{font-size:1.08rem;color:#d8d6cf}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 14px}
.trust{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.trust li{display:flex;align-items:center;gap:6px}.trust .ic{color:var(--brass)}
.hero-vis{position:relative}
.frame{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -20px #000c}
.frame-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#15171b;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.frame-bar i{width:10px;height:10px;border-radius:50%;background:#3a3d44}.frame-bar span{margin-left:8px}
.float-card{position:absolute;left:-26px;bottom:-22px;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.float-card .ic{color:var(--brass)}.float-card small{display:block;color:var(--muted)}
.sec{padding:64px 0}.sec-alt{background:#16181c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sec-hd{max-width:720px;margin-bottom:30px}
.usps{padding:30px 0 60px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.usp,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}.card{margin-bottom:20px}
.usp-ic,.feat-ic,.pc-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--brass-soft);color:var(--brass);margin-bottom:14px}
.feature-band{padding:60px 0;background:linear-gradient(180deg,#16181c,#121316)}.fb-in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.ticks{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:10px}.ticks li{display:flex;gap:10px;align-items:flex-start}.ticks .ic{color:var(--brass);flex:none;margin-top:2px}.ticks.sm{font-size:.93rem;gap:8px}
.price-mini{display:grid;gap:10px}.pm{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;color:var(--text)}.pm:hover{border-color:var(--brass);text-decoration:none}.pm b{font:600 1.25rem var(--fd);color:var(--brass)}.pm small{grid-column:1/-1;color:var(--muted)}.pm-hl{border-color:var(--brass)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column}.pcard h3{margin:4px 0 2px}.pc-tag{color:#d8d6cf;font-size:.95rem;margin-bottom:6px}.pcard .muted{flex:1}
.pc-top{display:flex;justify-content:space-between;align-items:flex-start}.pcard.soon{background:#191b1f}.pcard-jam .pc-ic{background:#000;padding:4px}
.pc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.from b{font:600 1.2rem var(--fd);color:var(--brass)}
.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:99px}.b-ok{background:#7fc8a022;color:var(--ok)}.b-soon{background:var(--brass-soft);color:var(--brass)}.b-new{background:#d9f2e3;color:#14653a;margin-left:.35rem}.b-idea{background:#ffffff12;color:var(--muted)}.b-soft{background:#ffffff10;color:var(--muted);text-transform:none;font-weight:500}
.inline-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.inline-form input{flex:1;min-width:160px}
input,select,textarea{width:100%;background:#0f1013;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--brass);outline-offset:1px;border-color:transparent}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brass)}input[type=range]{padding:0;accent-color:var(--brass)}
label{display:block;font-size:.9rem;color:#cfcdc6;margin-bottom:12px}label>input,label>select,label>textarea{margin-top:5px}
.chk{display:flex;gap:10px;align-items:flex-start}.chk input{margin-top:4px}.chk.big{font-size:.95rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid.g3{grid-template-columns:repeat(3,1fr)}.span2{grid-column:span 2}.span3{grid-column:1/-1}
.ferr{display:block;color:var(--err);font-size:.82rem;margin-top:4px}.hp{position:absolute;left:-9999px}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center}.stat b{display:block;font:600 2rem var(--fd);color:var(--brass)}.stat span{color:var(--muted);font-size:.9rem}
.calc-teaser{align-items:center}
.phero{padding:40px 0 60px;background:radial-gradient(900px 420px at 90% 0,#e8b26a1c,transparent 60%)}.phero-in{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;margin-top:16px}
.crumbs{font-size:.85rem;color:var(--muted)}.crumbs a{color:var(--muted)}
.prose h2{margin-top:1.4em}.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.feat h3{font-size:1.08rem}.feat p{color:#cfcdc6;font-size:.95rem;margin:0}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.gallery figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.gallery figcaption{padding:10px 14px;font-size:.88rem;color:var(--muted)}
.lightbox{position:fixed;inset:0;background:#000d;z-index:200;display:grid;place-items:center;padding:20px;cursor:zoom-out}.lightbox img{max-height:92vh;border-radius:10px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;margin-bottom:30px}
.tier{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column}.tier .ticks{flex:1}.tier-hl{border:2px solid var(--brass);box-shadow:0 20px 50px -25px #e8b26a66}
.tier-flag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brass);color:var(--ink);font-size:.75rem;font-weight:700;padding:3px 12px;border-radius:99px}
.price{font:600 2.3rem var(--fd);color:var(--text);margin:8px 0 2px}.price-note{color:var(--muted);font-size:.85rem}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse}.cmp th,.cmp td,.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp{background:var(--card);border-radius:16px;overflow:hidden}.cmp thead th{background:#15171b;font-family:var(--fd);font-size:1.05rem}.cmp td:not(:first-child),.cmp th:not(:first-child){text-align:center}.cmp td.yes{color:var(--ok);font-weight:700}.cmp td.no{color:#6d6b66}.cmp-price td{font-family:var(--fd);color:var(--brass)}
.tbl th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tbl td.yes{color:var(--ok)}.tbl td.warn{color:var(--warn)}
.testi{background:var(--card);border:1px dashed var(--line);border-radius:18px;padding:24px}.testi blockquote{font:italic 1.25rem var(--fd);margin:12px 0}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 18px}.faq summary{cursor:pointer;padding:15px 0;font-weight:600;list-style:none;position:relative;padding-right:28px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:0;top:12px;color:var(--brass);font-size:1.3rem}.faq details[open] summary::after{content:"–"}.faq details p{color:#d6d4cd;padding-bottom:6px}
.faq-search{display:flex;gap:10px;margin-bottom:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.chip{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 13px;color:var(--text);font-size:.88rem}.chip.on,.chip:hover{border-color:var(--brass);color:var(--brass);text-decoration:none}.chip small{color:var(--muted)}
.faq-grp h2{font-size:1.35rem;margin-top:24px}
.calc{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.calc output{float:right;color:var(--brass);font-weight:700}
.bar-row{display:grid;grid-template-columns:90px 1fr 120px;gap:12px;align-items:center;margin-bottom:14px}.bar{height:22px;background:#0f1013;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;border-radius:8px;transition:width .3s}.b-saas{background:#6d6b66}.b-lic{background:var(--brass)}.bar-row b{text-align:right}
.save{display:flex;justify-content:space-between;align-items:center;background:var(--brass-soft);border:1px solid #e8b26a55;border-radius:14px;padding:14px 18px;margin:20px 0 10px}.save b{font:600 1.7rem var(--fd);color:var(--brass)}
.cart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}
.cl{display:grid;grid-template-columns:40px 1fr 70px 110px 30px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cl-txt small{display:block;color:var(--muted)}.cl-ic{color:var(--brass)}.cl-sum{text-align:right;font-weight:600}.cl-x{background:none;border:0;color:var(--muted);font-size:1.4rem;cursor:pointer}.cl-qty input{padding:6px 8px}
.sum{position:sticky;top:86px}.sr{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line)}.sr.total{border:0;font:600 1.3rem var(--fd);padding-top:12px}.sr.disc{color:var(--ok)}.inl{display:inline}
.empty{text-align:center;padding:50px}.empty .ic{color:var(--brass);margin:0 auto 10px}
.steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 20px;font-size:.85rem;color:var(--muted);counter-reset:s}.steps li{counter-increment:s}.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--card);margin-right:6px}.steps li.on{color:var(--text)}.steps li.on::before,.steps li.done::before{background:var(--brass);color:var(--ink)}.steps li:not(:last-child)::after{content:"›";margin-left:8px}
.pay-opts{display:grid;gap:10px;margin-bottom:16px}.pay-opt{display:flex;align-items:center;gap:12px;background:#0f1013;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;margin:0}.pay-opt:has(input:checked){border-color:var(--brass);background:#e8b26a10}.pay-opt small{display:block;color:var(--muted)}
.pay-logo{width:92px;text-align:center;font-weight:800;font-size:.85rem;padding:6px;border-radius:8px;background:#fff;color:#111}.pl-paypal{color:#003087;font-style:italic}.pl-stripe{background:#635bff;color:#fff}.pl-transfer{background:#2a2d34;color:var(--text)}
.checks{margin:16px 0}.demo-note{font-size:.85rem;color:var(--brass);background:var(--brass-soft);border-radius:10px;padding:8px 12px;margin-top:12px}
.login-box summary{cursor:pointer}
.order-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.order-head h1{font-size:1.8rem;margin:2px 0}
.status{display:inline-block;font-size:.8rem;font-weight:700;padding:5px 11px;border-radius:99px;background:#ffffff10;color:var(--muted)}.st-bezahlt{background:#7fc8a022;color:var(--ok)}.st-offen{background:var(--brass-soft);color:var(--brass)}.st-storniert{background:#e57a6a22;color:var(--err)}
.paybox{text-align:center}.paybox form{margin:14px 0}.fake-card{display:flex;justify-content:space-between;max-width:340px;margin:0 auto 12px;background:linear-gradient(135deg,#2a2d34,#1a1c20);border:1px solid var(--line);border-radius:12px;padding:16px;font-family:ui-monospace,monospace;color:var(--muted)}
.bank{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;text-align:left;max-width:460px;margin:10px auto}.bank dt{color:var(--muted)}.bank dd{margin:0}.ref{font-size:1.05rem}
.lic{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.lic small{display:block;color:var(--muted)}.lic code,.lkey{font-size:1rem;letter-spacing:.04em}
[data-copy]{cursor:copy}
.acc-hd{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.tabs a{padding:8px 13px;border-radius:10px;color:var(--text);background:var(--card);font-size:.9rem}.tabs a.on{background:var(--brass);color:var(--ink)}
.licard .lic-hd{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.lic-st{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.upd{display:flex;gap:8px;align-items:center;background:#7fc8a014;border:1px solid #7fc8a040;border-radius:12px;padding:10px 14px;margin:10px 0;font-size:.92rem}.upd .ic{color:var(--ok)}.upd-off{background:var(--brass-soft);border-color:#e8b26a44}.upd-off .ic{color:var(--brass)}
.draft{display:inline-block;background:#e57a6a22;color:#f1a092;border:1px solid #e57a6a55;border-radius:10px;padding:6px 12px;font-weight:700;margin-bottom:14px}
.jam-vis{text-align:center}.jam-vis img{margin:0 auto 14px;border-radius:28px}.jam-claim{font:italic 1.4rem var(--fd);color:var(--brass)}
.seo-sec h2{margin-top:0}.usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.uc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.uc h3{color:var(--brass)}
.ft{border-top:1px solid var(--line);padding:50px 0 20px;margin-top:40px;background:#0e0f11}.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr;gap:26px}.ft h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:6px 0 12px}.ft a{display:block;color:#d8d6cf;font-size:.92rem;padding:3px 0}.ft .logo{display:flex;margin-bottom:10px}
.ft-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:.8rem;color:var(--muted)}
/* Admin */
.adm{padding-top:26px}.adm-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.adm-nav{position:sticky;top:86px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column}.adm-nav a{color:var(--text);padding:8px 12px;border-radius:9px;font-size:.92rem}.adm-nav a.on{background:var(--brass);color:var(--ink)}.adm-nav form{padding:8px 12px}.adm-me{font-size:.8rem;color:var(--muted);padding:6px 12px 10px;display:flex;gap:6px;align-items:center}
.adm-main h1{font-size:2rem}.adm-main .card{padding:20px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--text)}.kpi b{display:block;font:600 1.8rem var(--fd);color:var(--brass)}.kpi span{font-size:.82rem;color:var(--muted)}
.ku-hd{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.ku-off{opacity:.8}
.kumsg{border-radius:10px;padding:10px 14px;margin:10px 0;font-size:.93rem}.km-ok{background:#7fc8a018;color:var(--ok)}.km-warn{background:var(--brass-soft);color:var(--brass)}.km-over{background:#e57a6a22;color:#f1a092;font-weight:600}
.kubar{position:relative;height:16px;background:#0f1013;border-radius:8px;overflow:visible;margin:8px 0 4px}.kubar i{display:block;height:100%;border-radius:8px}.kb-ok i{background:var(--ok)}.kb-warn i{background:var(--brass)}.kb-over i{background:var(--err)}.kubar b{position:absolute;top:-4px;bottom:-4px;width:2px;background:#fff8}.kunums{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}
.filter{margin-bottom:14px}.filter select,.filter input{width:auto}
.tiers-edit input{padding:6px 8px;min-width:70px}.w-num{width:100px}.w-sm{width:64px;min-width:0!important}.newrow input{border-style:dashed}
.maillog,.tpl{border-bottom:1px solid var(--line);padding:8px 0}.maillog summary,.tpl summary{cursor:pointer}.maillog pre{white-space:pre-wrap;background:#0f1013;padding:12px;border-radius:10px;font-size:.85rem}
.admin-login{max-width:420px;margin:40px auto}
/* Chat */
.chat-btn{position:fixed;right:20px;bottom:20px;z-index:90;background:var(--brass);color:var(--ink);border:0;border-radius:99px;padding:13px 18px;font:700 .95rem var(--f);box-shadow:0 12px 30px -8px #000c;cursor:pointer;display:flex;gap:8px;align-items:center}
.chat{position:fixed;right:20px;bottom:84px;z-index:91;width:min(390px,calc(100vw - 24px));height:min(560px,calc(100vh - 120px));background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -20px #000;display:flex;flex-direction:column;overflow:hidden}
.chat[hidden]{display:none}.chat-hd{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:#15171b}.chat-hd b{font-family:var(--fd)}.chat-hd small{display:block;color:var(--muted);font-size:.75rem}.chat-x{background:none;border:0;color:var(--muted);font-size:1.5rem;cursor:pointer}
.chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.cm{max-width:88%;padding:9px 13px;border-radius:14px;font-size:.92rem;white-space:pre-wrap;word-wrap:break-word}.cm-bot{background:#2a2d34;align-self:flex-start;border-bottom-left-radius:4px}.cm-me{background:var(--brass);color:var(--ink);align-self:flex-end;border-bottom-right-radius:4px}.cm-err{background:#e57a6a22;color:#f1a092;align-self:center;font-size:.85rem}
.cm-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.cm-links a{font-size:.8rem;border:1px solid var(--line);border-radius:99px;padding:3px 10px}
.chat-consent{padding:16px;font-size:.88rem;color:#d6d4cd}.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.chat-form textarea{resize:none;height:42px;padding:9px 11px}.chat-form button{flex:none}
.chat-enq{padding:12px;border-top:1px solid var(--line);display:grid;gap:6px}.chat-enq input,.chat-enq textarea{padding:7px 10px;font-size:.88rem}.chat-cnt{font-size:.7rem;color:var(--muted);text-align:right;padding:0 12px 6px}
@media (max-width:980px){.hero-in,.phero-in,.fb-in,.calc,.cart-grid,.grid2{grid-template-columns:1fr}.feat-grid{grid-template-columns:1fr 1fr}.tiers{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr 1fr}.adm-grid{grid-template-columns:1fr}.adm-nav{position:static;flex-direction:row;flex-wrap:wrap}.sum{position:static}.float-card{left:10px}.usecases{grid-template-columns:1fr}}
@media (max-width:760px){.burger{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--ink);flex-direction:column;align-items:stretch;padding:10px 16px 16px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hd-in{position:relative}
.grid3,.feat-grid,.stat-row,.form-grid,.form-grid.g3{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.hero{padding:40px 0 30px}.sec{padding:44px 0}.cl{grid-template-columns:30px 1fr 60px;}.cl-sum{grid-column:2}.cl-x{grid-column:3;grid-row:1}.bar-row{grid-template-columns:70px 1fr 90px}.ft-grid{grid-template-columns:1fr}.chat-btn span{display:none}}
.howto{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:h}.howto li{counter-increment:h;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px}.howto li::before{content:counter(h);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brass);color:var(--ink);font-weight:700}.howto span{color:var(--muted);font-size:.93rem}
.links-row{display:flex;flex-wrap:wrap;gap:10px}.chat-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.chat-ft{padding:8px 14px;border-top:1px solid var(--line)}
@media (max-width:980px){.howto{grid-template-columns:1fr 1fr}}@media (max-width:560px){.howto{grid-template-columns:1fr}}

/* Struktur v2: verlinkte Funktionskacheln, Kartenlinks */
a.feat-link{display:block;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
a.feat-link:hover,a.feat-link:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--brass);text-decoration:none}
a.feat-link h3{color:inherit}
.feat-more{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--brass)}
.feat-ic-lg{width:64px;height:64px;margin-bottom:1rem}
.pcard h3 a{color:inherit;text-decoration:none}.pcard h3 a:hover{text-decoration:underline}
.pc-more{margin:.25rem 0 .6rem;font-size:.9rem}.pc-more a{font-weight:600}
.pc-foot .btn+.btn{margin-left:.4rem}

.db-hl{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1px solid var(--brass);border-radius:var(--r-lg);padding:22px 24px}.db-hl h2{margin:.4rem 0 .3rem}.db-hl p{margin:.2rem 0}@media(max-width:600px){.db-hl{flex-direction:column}}

.pvar{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.pvar-hd{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:6px}.pvar-hd span{font-weight:700;color:var(--brass)}.pvar-svc .pvar-hd span{color:var(--text)}.save{color:var(--ok)}
/* Service (1.2.0) */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:18px}
.svc-card{display:flex;flex-direction:column;gap:8px}.svc-card h3{margin:0;font-size:1.05rem}.svc-card .btn{align-self:flex-start;margin-top:auto}
.svc-price{margin:0}.svc-book{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.svc-book input{flex:1;min-width:120px}
.credit-bal{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(232,176,96,.12)}
.credit-big{font-size:1.4rem}.tbl td.pos{color:#3fa66b}.tbl td.neg{color:#d9634c}
/* Gründer-Hinweis (Preisstand v2) */
.founder-note{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:rgba(232,176,96,.10);border:1px solid rgba(232,176,96,.35)}
.badge.b-founder{background:#e8b060;color:#1b1b1f;margin-right:6px}
/* Mobile App-Lizenz */
.app-wrap{margin:24px auto 8px;max-width:760px}
.app-card .app-hd{display:flex;gap:14px;align-items:flex-start}
.app-card .app-hd>div:nth-child(2){flex:1}
.app-card h3{margin:0 0 4px}
.app-ic{display:inline-flex;padding:8px;border-radius:10px;background:rgba(232,176,96,.15);color:#e8b060}
.app-price{text-align:right;white-space:nowrap}.app-price b{font-size:1.5rem;display:block}.app-price small{color:var(--muted,#999)}
.app-lic{display:grid;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.app-lic:first-of-type{border-top:0}.app-lic .lkey{font-size:1.05rem;letter-spacing:.04em}
/* Installationsanleitung Web-App */
.inst-guide{margin-top:28px}.inst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.inst-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.inst-step svg{width:150px;height:auto}
.inst-steps{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.inst-steps figure{margin:0;max-width:160px}.inst-steps figcaption{font-size:.85rem}
/* Redesign 1.5.0: Vertrauensleiste/SEO-Text auch im dunklen Design */
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.95rem}.trustbar ul{list-style:none;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center}.trustbar li{display:flex;gap:8px;align-items:center}.trustbar .ic{color:var(--ok)}
.seo-text{max-width:860px}.hero-claim{font-size:1.15rem;font-weight:700;color:var(--brass);margin:0 0 .4em}.sec-cta{margin-top:18px}.sec-cta .alt{margin-left:14px}
/* 1.6.2 So läuft ein Auftrag */
.oflow{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:8px}.oflow-step{flex:1;position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 18px 18px;display:flex;flex-direction:column;gap:8px}
.oflow-n{position:absolute;top:-12px;left:18px;width:26px;height:26px;border-radius:50%;background:var(--brass);color:var(--ink);font-weight:700;font-size:.85rem;display:grid;place-items:center}
.oflow-ic{color:var(--brass)}.oflow-step b{font-size:1.05rem}.oflow-d{color:var(--muted);font-size:.93rem;line-height:1.45}.oflow-arr{display:flex;align-items:center;color:var(--muted)}
@media (max-width:900px){.oflow{flex-direction:column}.oflow-arr{justify-content:center;transform:rotate(90deg);height:28px}}

/* 1.7.0 Auto-Dispo ab Pro */
.adpro{margin-top:28px;display:flex;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brass);border-radius:18px;padding:22px}.adpro-num{display:flex;flex-direction:column;align-items:center;min-width:110px}.adpro-num b{font-size:3rem;line-height:1;color:var(--brass)}.adpro-num span{color:var(--muted);font-size:.9rem}.adpro-txt h3{margin:0 0 6px}.adpro-txt p{margin:.3em 0}
.ticks li.tk-off{color:var(--muted)}.ticks li.tk-pro{font-weight:600}
@media (max-width:700px){.adpro{flex-direction:column;align-items:flex-start}}

/* 1.7.1 Service-Untermenü, Individuelle Software, Idee-Kachel */
.nav-dd{position:relative}.nav-dd .dd-car{font-size:.7em;opacity:.7}.nav-sub{display:none;position:absolute;top:100%;left:0;min-width:230px;background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:50}
.nav-sub a{display:block;white-space:nowrap}.nav-dd:hover .nav-sub,.nav-dd:focus-within .nav-sub{display:block}
@media (max-width:760px){.nav-dd .dd-car{display:none}.nav-sub{display:block;position:static;border:0;box-shadow:none;background:none;padding:0 0 0 14px;min-width:0}.nav-sub a{font-size:.9rem;opacity:.9}}
.ind-ticks{margin-top:18px}.ind-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.ind-steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;position:relative}
.ind-steps li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:99px;background:var(--brass);color:var(--ink);font-weight:800;margin-bottom:10px}
.ind-steps b{display:block;margin-bottom:6px}.ind-steps span{color:var(--muted);font-size:.92rem}
@media (max-width:980px){.ind-steps{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ind-steps{grid-template-columns:1fr}}
.ind-no{list-style:none;padding:0;margin:16px 0}.ind-no li{padding:4px 0 4px 26px;position:relative}.ind-no li::before{content:"✕";position:absolute;left:4px;color:var(--err,#c0392b);font-weight:700}
.ind-ok h3{margin-top:0}.tile-ind{border-color:var(--brass)}.b-idea-soon{background:var(--brass-soft);color:var(--brass)}
.app-offer{border:2px solid var(--brass);padding:24px}.app-offer-hd{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.app-offer-hd h2{margin:.3em 0}.app-offer .app-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--brass-soft);color:var(--brass);flex:none}
.app-tbl td{vertical-align:middle}.app-plus{margin:6px 0}

/* Standard-Sprachumschalter (uttek-weit, siehe inc/i18n.php UT_LANGSW_CSS) */
/* Sprachumschalter: CSS exakt aus /workspace/uttek-tools/_core/LANG-SWITCHER.md; Spec-Variablen auf Shop-Farben abgebildet */
.langsw,.langsw-dd{--surface:var(--card);--surface2:var(--card2);--primary:var(--brass-d);}
/* Shop-Navigation (.nav a … auch theme-light.css) darf die Spec-Pille nicht überschreiben */
.nav .langsw a{padding:0 8px!important;font-size:12px!important;font-weight:600;color:var(--muted);box-shadow:none;border-radius:999px}.nav .langsw a:hover{color:var(--text);background:var(--surface2)}.nav .langsw a.on{background:var(--primary);color:#fff!important;box-shadow:none;border-radius:999px}
.langsw{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:600;line-height:1;margin-right:4px}.langsw a,.langsw button{font:inherit;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 8px;border-radius:999px;color:var(--muted);text-decoration:none;letter-spacing:.3px}.langsw a:hover,.langsw button:hover{color:var(--text);background:var(--surface2)}.langsw a.on,.langsw button.on{background:var(--primary);color:#fff}.langsw:focus-within{outline:2px solid var(--primary);outline-offset:1px}.langsw.fixed-tr{position:fixed;top:12px;right:14px;z-index:70}details.langsw-dd>summary.langsw{list-style:none}details.langsw-dd .dd-menu{min-width:160px}.langsw form{display:contents}@media(max-width:560px){.topbar .langsw a,.topbar .langsw button{min-width:26px;padding:0 6px;height:24px}}.portal-top nav:not(.langsw){margin-left:auto}.portal-top .langsw{gap:2px;margin-left:12px}.portal-top .langsw a{color:var(--muted)}.portal-top .langsw a.on{color:#fff}details.langsw-dd{position:relative;display:inline-block}details.langsw-dd .dd-menu{position:absolute;right:0;top:110%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px;z-index:80;display:grid}

/* 1.8.4: Klarna-Knopf, Admin „Geld da ✓“ */
.btn.btn-klarna,a.btn.btn-klarna{background:#ffa8cd;color:#17120f;border-color:#ffa8cd}.btn.btn-klarna:hover{background:#ff94c0;border-color:#ff94c0}
.btn.btn-money,button.btn.btn-money{background:#1f8a4c;color:#fff;border-color:#1f8a4c;font-weight:700;white-space:nowrap}.btn.btn-money:hover{background:#18733f;border-color:#18733f;color:#fff}
.card.card-pay{border-left:4px solid #1f8a4c}

.kombi{margin:24px auto 8px;max-width:1000px}.kombi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.kombi-o{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.kombi-p{font-weight:700;color:var(--brass)}.kombi-o .btn{margin-top:auto;align-self:flex-start}
.promise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:12px 0 16px}.promise-o{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--card,#fff)}.promise-o h3{margin:6px 0 4px;font-size:1.05rem}.promise-o p{margin:0;font-size:.95rem}.promise-ic{color:var(--brass)}.promise-box{margin:16px auto 8px;max-width:1000px}
.promo-banner{background:#fff6e5;border-bottom:1px solid var(--line)}.promo-banner p{margin:0;padding:14px 0;font-size:.98rem}.promo-badge{background:#fff6e5;border:1px solid #f0d9a8;border-radius:10px;padding:10px 14px;margin:0 0 16px;font-size:.95rem}
/* Kundencenter (20.10.2026) – drehungsbewusst */
.kc-wrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.kc-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:84px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}
.kc-nav a{padding:9px 12px;border-radius:9px;color:var(--text);font-size:.92rem;text-decoration:none}.kc-nav a:hover{background:var(--bg)}.kc-nav a.on{background:var(--brass);color:#fff}.kc-nav .kc-out{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;color:var(--muted,#777)}
.kc-main{min-width:0;display:flex;flex-direction:column;gap:16px}.kc-main>.card,.kc-main>.grid2{margin:0}
.kc-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kc-tile{margin:0;display:flex;flex-direction:column;gap:8px}.kc-tile h2{font-size:1.1rem;display:flex;align-items:center;gap:8px;margin:0 0 4px}
.kc-wide{grid-column:1/-1}.kc-hl{border-color:var(--brass)}.kc-big{font-size:1.6rem;font-weight:700;margin:0}
.kc-prod{border-top:1px solid var(--line);padding:10px 0;display:flex;flex-direction:column;gap:6px}.kc-prod:first-of-type{border-top:0}.kc-prod-hd{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kc-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kc-acts form{margin:0}
.kc-sub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kc-sub h3{font-size:.98rem;margin:0 0 6px}
.kc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.kc-bar{height:8px;border-radius:5px;background:var(--line);overflow:hidden}.kc-bar i{display:block;height:100%;background:var(--brass)}
.kc-hist summary,.kc-cl summary{cursor:pointer;color:var(--brass);font-size:.9rem}.kc-cl:not([open]) summary{margin:0}
.kc-next{border-color:var(--brass)}.kc-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.kc-steps .btn{margin-left:6px}
@media (max-width:980px){.kc-sub{grid-template-columns:1fr 1fr}}
/* Hochformat (Handy): gestapelte Karten, Navigation als wischbare Leiste */
@media (max-width:760px) and (orientation:portrait),(max-width:560px){
 .kc-wrap{grid-template-columns:1fr;gap:12px}.kc-nav{flex-direction:row;overflow-x:auto;position:sticky;top:56px;z-index:5;padding:6px;white-space:nowrap;-webkit-overflow-scrolling:touch}.kc-nav a{flex:0 0 auto;padding:7px 11px}.kc-nav .kc-out{margin:0;border:0}
 .kc-tiles,.kc-sub{grid-template-columns:1fr}.kc-big{font-size:1.4rem}
 .kc-tbl thead{display:none}.kc-tbl tr{display:block;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:10px}.kc-tbl td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 0}.kc-tbl td::before{content:attr(data-l);color:var(--muted,#777);font-size:.8rem;flex:0 0 auto}
 .kc-rel td[data-l]{display:block}.kc-rel td::before{display:block;margin-bottom:2px}.kc-rel .btn{white-space:normal;word-break:break-all}
}
/* Querformat (Handy gedreht): schmale Seitennavigation, zwei Spalten */
@media (orientation:landscape) and (max-height:520px){
 .kc-wrap{grid-template-columns:170px minmax(0,1fr);gap:12px}.kc-nav{top:8px;padding:6px;max-height:calc(100vh - 16px);overflow-y:auto}.kc-nav a{padding:6px 9px;font-size:.84rem}
 .kc-tiles{grid-template-columns:1fr 1fr;gap:12px}.kc-sub{grid-template-columns:1fr 1fr}.kc-hd h1{font-size:1.4rem}
 .kc-tbl thead{display:none}.kc-tbl tr{display:block;border:1px solid var(--line);border-radius:10px;padding:6px 10px;margin-bottom:8px}.kc-tbl td{display:flex;justify-content:space-between;gap:10px;border:0;padding:3px 0}.kc-tbl td::before{content:attr(data-l);color:var(--muted,#777);font-size:.8rem}
 .kc-rel td[data-l]{display:block}.kc-rel .btn{white-space:normal;word-break:break-all}
}
/* Änderungsaufträge 1.8.9 */
.ae-steps{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;padding:0;margin:.8rem 0;counter-reset:ae}
.ae-steps li{counter-increment:ae;font-size:.82rem;padding:.3rem .65rem;border-radius:999px;background:var(--bg2,#f3efe7);color:var(--muted,#6b6b6b)}
.ae-steps li::before{content:counter(ae) ". "}
.ae-steps li.done{background:#e3efe2;color:#2f6b34}.ae-steps li.on{background:var(--accent,#c98a2e);color:#fff;font-weight:600}
.ae-vars{display:grid;gap:1rem;grid-template-columns:1fr;margin:1rem 0}
.ae-vars.ae-n3{grid-template-columns:repeat(3,1fr)}
.ae-var{border:1px solid var(--line,#e4ded3);border-radius:12px;padding:.5rem;background:#fff}
.ae-var.on{border-color:var(--accent,#c98a2e);box-shadow:0 0 0 2px rgba(201,138,46,.25)}
.ae-frame{position:relative;border-radius:8px;overflow:hidden;background:#f6f4ef;aspect-ratio:16/10}
.ae-n1 .ae-frame{aspect-ratio:16/9}
.ae-frame iframe,.ae-frame img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.ae-vl{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin:.5rem .2rem 0}
.ae-price{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin:1rem 0;padding:.8rem;border-radius:10px;background:var(--bg2,#f6f2ea)}
.ae-price div{display:flex;flex-direction:column}.ae-price .ae-total strong{font-size:1.25rem;color:var(--accent-d,#8a5a12)}
.ae-how{padding-left:1.2rem}
@media (max-width:760px) and (orientation:portrait),(max-width:560px){.ae-vars.ae-n3{grid-template-columns:1fr}}
@media (orientation:landscape) and (max-height:520px){.ae-vars.ae-n3{grid-template-columns:repeat(3,1fr)}.ae-frame{aspect-ratio:4/3}}
.ae-share{display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--line,#e4ded3);border-radius:10px;padding:.7rem .9rem}
.ae-share .badge{margin-left:.35rem}
.ae-sugg{outline:2px solid var(--accent,#c98a2e)}
.ae-price [hidden],.ae-low[hidden],.ae-ok[hidden]{display:none!important}
/* Statistik 1.9.2 */
.st-filter{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin:.5rem 0}
.st-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:1rem 0}
.st-kpi{background:#fff;border:1px solid var(--line,#e4ded3);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.15rem}
.st-kpi span{font-size:.8rem;color:var(--muted,#6b6b6b)}.st-kpi b{font-size:1.4rem}.st-kpi em{font-style:normal;font-size:.78rem}.st-kpi em.up{color:#2f6b34}.st-kpi em.dn{color:#a33}
.st-chart{width:100%;height:190px}.st-bar{fill:var(--accent,#c98a2e)}.st-bar:hover{fill:#8a5a12}.st-grid{stroke:#eee}.st-ax{font-size:10px;fill:#888}
.st-hb{display:flex;flex-direction:column;gap:.35rem}.st-hr,.st-fs{display:grid;grid-template-columns:minmax(110px,38%) 1fr auto auto;gap:.5rem;align-items:center;font-size:.86rem}
.st-ht{background:#f3efe7;border-radius:6px;height:12px;overflow:hidden}.st-ht i{display:block;height:100%;background:var(--accent,#c98a2e);border-radius:6px}
.st-fs small{color:#a33;min-width:6.5em;text-align:right}.st-fun{display:flex;flex-direction:column;gap:.45rem;margin:.6rem 0}
.st-hints ul{margin:.3rem 0;padding-left:1.1rem}.st-hints li{margin:.3rem 0}.st-hints li.st-warn{color:#8a3b12}.st-hints li.st-warn::marker{content:"⚠ "}
.st-tip{position:absolute;display:none;background:#222;color:#fff;font-size:.78rem;padding:.25rem .5rem;border-radius:6px;pointer-events:none;z-index:99}
.badge.b-test{background:#7a1f9c;color:#fff;letter-spacing:.04em}
.pay-logo.pl-testkauf{background:#f3e8f8;color:#7a1f9c;font-weight:700;font-size:0}.pay-logo.pl-testkauf::after{content:"TEST";font-size:.85rem;letter-spacing:.05em}
/* Team-Feedback (1.9.5) */
.tfb-btn{position:fixed;right:14px;bottom:14px;z-index:90;border:0;border-radius:999px;padding:.55rem .95rem;font:inherit;font-weight:800;font-size:.9rem;background:#002F4C;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
.tfb-btn .tfn,.tfb-n{background:var(--accent,#2563eb);color:#12120D;border-radius:999px;padding:0 .45rem;font-size:.75rem;margin-left:.2rem}.tfb-n:empty{display:none}
.tfb-panel{position:fixed;right:14px;bottom:64px;z-index:91;width:min(420px,calc(100vw - 20px));max-height:min(78vh,720px);overflow:auto;background:#fff;color:#12120D;border:1px solid #DEE2E6;border-radius:10px;box-shadow:0 10px 32px rgba(0,0,0,.25);font-size:.88rem}
.tfb-h{position:sticky;top:0;background:inherit;display:flex;align-items:center;gap:.4rem;padding:.6rem .8rem;border-bottom:1px solid #DEE2E6;z-index:1}.tfb-sp{flex:1}.tfb-x{border:0;background:none;font-size:1rem;cursor:pointer;color:inherit}
.tfb-tools{padding:.5rem .8rem 0;display:flex;gap:.4rem;flex-wrap:wrap}
.tfb-new{padding:.5rem .8rem;display:grid;gap:.35rem;border-bottom:1px solid #DEE2E6}.tfb-row{display:flex;gap:.35rem}.tfb-row select{flex:1}.tfb-new textarea{width:100%;font:inherit}.tfb-new .btn{justify-self:start}
.tfb-target{font-size:.8rem;background:#F5F7D8;padding:.25rem .45rem;border-radius:4px}
.tfb-list{padding:.3rem .8rem .8rem}.tfb-item{border:1px solid #DEE2E6;border-left:4px solid #2B9CD5;border-radius:6px;padding:.45rem .55rem;margin:.45rem 0}
.tfb-item.st-arbeit{border-left-color:#FFC107}.tfb-item.st-done,.tfb-item.st-verworfen{opacity:.6;border-left-color:#9aa5b1}.tfb-item.st-done>.tfb-body,.tfb-item.st-verworfen>.tfb-body{text-decoration:line-through}
.tfb-meta{display:flex;align-items:center;gap:.4rem}.tfb-meta select{margin-left:auto;font-size:.78rem;padding:.05rem .2rem}
.tfb-ctx{display:inline-block;font-size:.76rem;margin:.15rem 0;text-decoration:none}.tfb-body{margin:.2rem 0;white-space:normal;word-break:break-word}.tfb-by{font-size:.72rem;color:#6b7280}
.tfb-reply{margin:.35rem 0 0 .6rem;padding-left:.5rem;border-left:2px solid #DEE2E6}
.tfb-rf{display:flex;gap:.3rem;margin-top:.35rem}.tfb-rf input{flex:1;font-size:.8rem;padding:.2rem .4rem}
.tfb-prio{font-size:.68rem;font-weight:800;border-radius:999px;padding:0 .4rem;background:#eef0f3}.tfb-prio.p-hoch{background:#fde2e4;color:#b42318}.tfb-prio.p-mittel{background:#fff4d6;color:#8a5a00}
.tfb-badge{display:inline-block;margin-left:.35rem;font-size:.68rem;font-weight:800;line-height:1.3;padding:0 .35rem;border-radius:999px;background:var(--accent,#2563eb);color:#12120D;cursor:pointer;vertical-align:middle;white-space:nowrap;position:relative;z-index:3}
.tfb-badge.done{background:#d5d9de;color:#4b5563}
body.tfb-mode{cursor:crosshair}body.tfb-mode .tfb-hover{outline:2px dashed #2B9CD5!important;outline-offset:2px;cursor:crosshair}
.tfb-hl{outline:3px solid var(--accent,#2563eb)!important;outline-offset:2px;transition:outline .3s}
.tfb-kpis{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.tfb-kpis .kpi{text-decoration:none;color:inherit;padding:.4rem .7rem;display:flex;flex-direction:column;min-width:86px}.tfb-kpis .kpi b{font-size:1.25rem}.tfb-kpis .kpi span{font-size:.75rem}
.tfb-stb{font-size:.75rem;font-weight:700;border-radius:999px;padding:.05rem .5rem;background:#E1EEF4}.tfb-stb.s-arbeit{background:#fff4d6}.tfb-stb.s-done{background:#e6f4d7;color:#3b6d11}.tfb-stb.s-verworfen{background:#eceef1;color:#6b7280}
tr.tfbr.st-done td.tfb-txt,tr.tfbr.st-verworfen td.tfb-txt{text-decoration:line-through;color:#8a94a0}tr.tfbr.st-done,tr.tfbr.st-verworfen{opacity:.75}
.tfb-txt{max-width:420px;word-break:break-word}
body.nicky .tfb-btn{background:linear-gradient(135deg,#ff4fa3,#c9a3ff)}body.nicky .tfb-badge{background:#ff9fd0}body.nicky .tfb-item{border-left-color:#e0479e}
@media (max-width:600px){.tfb-btn{right:10px;bottom:10px;padding:.5rem .8rem}.tfb-panel{right:6px;left:6px;width:auto;bottom:58px;max-height:72vh}}
@media print{.tfb-btn,.tfb-panel,.tfb-badge{display:none}}
.tfb-btn,.tfb-panel{font-family:inherit}.tfb-panel[hidden]{display:none!important}

/* Admin-Schnellnavigation (1.9.5) – nur für Admins */
.adm-qb{position:relative;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .2rem;padding:.3rem .8rem;background:#1f2430;color:#cfd5e1;font-size:.8rem;line-height:1.3}
.adm-qb a{color:#e8ecf3;text-decoration:none;padding:.15rem .5rem;border-radius:6px;white-space:nowrap}.adm-qb a:hover{background:#343b4c}.adm-qb a.on{background:#c9892a;color:#fff}
.adm-qb-me{font-weight:700;margin-right:.4rem;color:#fff}.adm-qb-sep{opacity:.4;margin:0 .2rem}
@media print{.adm-qb{display:none}}
/* 2.0: Admin-Leiste mit Gruppen-Dropdowns (Blau-Familie #2F5D8C) */
.adm-qb{flex-wrap:nowrap;gap:.3rem;background:#1b2a3c}.adm-qb a.on{background:#2F5D8C}.adm-qb a:hover{background:#24415f}
.adm-qb-g,.adm-dd-m{list-style:none;margin:0;padding:0}.adm-qb-g{display:flex;gap:.2rem;align-items:center}.adm-dd{position:relative}
.adm-dd-b,.adm-qb-tog{font:inherit;color:#e8ecf3;background:transparent;border:0;border-radius:6px;padding:.3rem .6rem;cursor:pointer;white-space:nowrap;min-height:32px}
.adm-dd-b:hover,.adm-dd.open>.adm-dd-b,.adm-qb-tog:hover{background:#24415f}.adm-dd-b.on{box-shadow:inset 0 -2px 0 #7FA6CF;color:#fff}
.adm-dd-b:focus-visible,.adm-qb-tog:focus-visible,.adm-qb a:focus-visible{outline:2px solid #9DBDE0;outline-offset:1px}
.adm-dd-m{display:none;position:absolute;left:0;top:100%;margin-top:4px;min-width:190px;background:#1b2a3c;border:1px solid #2F5D8C;border-radius:8px;padding:.3rem;box-shadow:0 10px 24px -8px #000a;z-index:70}
.adm-dd.open>.adm-dd-m{display:block}.adm-dd-m a{display:block;padding:.45rem .6rem}
.adm-qb-tog{display:none}
@media (max-width:760px){.adm-qb{flex-wrap:wrap}.adm-qb-tog{display:inline-block}.adm-qb-g{display:none;order:9;flex-basis:100%;flex-direction:column;align-items:stretch;padding:.3rem 0}
.adm-qb.adm-open .adm-qb-g{display:flex}.adm-dd-b{width:100%;text-align:left}.adm-dd-m{position:static;box-shadow:none;margin:0 0 .3rem .6rem;border-color:#24415f}}
/* Team-Feedback-Button (1.9.5b): rot, unten rechts, oberhalb des Chat-Buttons (überdeckt ihn nicht) */
.tfb-btn{right:20px;bottom:84px;background:#B91C1C;color:#fff;box-shadow:0 8px 22px -8px #0008}
.tfb-btn:hover{background:#991B1B}.tfb-btn:focus-visible{outline:3px solid #FDE68A;outline-offset:2px}
.tfb-btn .tfb-n{background:#fff;color:#B91C1C}
.tfb-panel{right:20px;bottom:138px;max-height:min(70vh,640px)}
@media (max-width:600px){.tfb-btn{right:12px;bottom:78px}.tfb-panel{right:8px;bottom:130px}}
.tfb-btn .tfb-short{display:none}@media (max-width:600px){.tfb-btn .tfb-long{display:none}.tfb-btn .tfb-short{display:inline}}

/* E-Mail-Bestätigung (1.9.6) */
.vf-bar{background:#FEF3C7;color:#78350F;border-bottom:1px solid #F59E0B;padding:.55rem 0;font-size:.9rem}.vf-bar .wrap{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center}.vf-bar form{margin:0}

/* Kunde löschen (1.9.7) */
.cd-danger{margin-top:1rem;border:2px solid #B91C1C;border-radius:10px;padding:.8rem 1rem;background:#FEF2F2}.cd-danger h3{color:#B91C1C;margin-top:0}.cd-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}.cd-form label{flex:1;min-width:260px}.btn-danger{background:#B91C1C!important;color:#fff!important;border-color:#B91C1C!important}.btn-danger:disabled{opacity:.45;cursor:not-allowed}

/* Admin-Übersicht (1.9.7): Gliederung + klickbare Kennzahlen */
.dash{display:grid;gap:28px}.dash-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.dash-hd h1{margin:0}.dash-bk{margin:0}
.dash-sec{display:grid;gap:16px}.dash-sec>.card{margin:0}.dash-h{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#6b7280);margin:0;padding-bottom:6px;border-bottom:1px solid var(--line)}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;align-items:start}.dash-grid>.card{margin:0;min-width:0}
.kpis-dash{margin:0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.kpi-link{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.kpi-link i{position:absolute;right:12px;top:10px;font-style:normal;opacity:.35;transition:opacity .15s,transform .15s}
.kpi-link:hover,.kpi-link:focus-visible{border-color:var(--brass,#c9892a);box-shadow:0 6px 18px -10px #0006;transform:translateY(-1px)}.kpi-link:hover i,.kpi-link:focus-visible i{opacity:1;transform:translateX(2px)}
.kpi-link:focus-visible{outline:3px solid var(--brass,#c9892a);outline-offset:2px}
.dash-help-sec{padding-top:8px;border-top:1px dashed var(--line)}
@media (max-width:700px){.dash-grid{grid-template-columns:1fr}}
.dash,.dash>*,.dash-sec>*{min-width:0}.dash-sec .tbl-wrap{overflow-x:auto}
.kpi-link,.kpi-link:hover,.kpi-link *{text-decoration:none!important}

/* Änderungsaufträge-Promo (1.9.8) */
.ae-promo .ae-promo-in{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;background:linear-gradient(135deg,#fff8ec,#fdf0d8);border:1px solid #efd9ad;border-radius:22px;padding:36px}
.theme-dark .ae-promo .ae-promo-in,.theme-dark .ae-box{background:linear-gradient(135deg,#2a2418,#1f1b13);border-color:#5a4724}
.ae-kicker{display:inline-flex;gap:6px;align-items:center;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brass,#c9892a)}
.ae-promo h2{margin:.35rem 0 .5rem;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.2}.ae-lead{font-size:1.08rem;margin:.2rem 0 .8rem}
.ae-pts{list-style:none;padding:0;margin:0 0 1.1rem;display:grid;gap:.45rem}.ae-pts li{display:flex;gap:.5rem;align-items:flex-start}.ae-pts svg{color:var(--brass,#c9892a);flex:none;margin-top:2px}
.ae-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 .6rem}
.ae-btn{background:linear-gradient(135deg,#d99a2b,#b8741c)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px -12px #b8741caa;font-weight:800}.ae-btn:hover,.ae-btn:focus-visible{filter:brightness(1.06);transform:translateY(-1px)}
.ae-steps{display:grid;gap:12px}.ae-steps div{display:flex;gap:12px;align-items:center;background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.ae-steps b{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brass,#c9892a);color:#fff}
.ae-box{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,#fff8ec,#fdf0d8);border:1px solid #efd9ad;border-radius:18px;padding:22px 26px}.ae-box h2{font-size:1.35rem;margin:0 0 .25rem}.ae-box-ic{color:var(--brass,#c9892a)}.ae-box .ae-lead{margin:0 0 .3rem}
.ae-cr{display:inline-block;font-size:.85rem;font-weight:700;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:999px;padding:.2rem .7rem}.ae-cr a{color:inherit}.ae-cr-0{background:transparent;border-color:var(--line);color:inherit;font-weight:500}
.kc-ae{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:.4rem 0}
@media (max-width:820px){.ae-promo .ae-promo-in{grid-template-columns:1fr;padding:24px}.ae-box{grid-template-columns:1fr;text-align:left}.ae-box-ic{display:none}}

/* Vorschau Alt ↔ Neu (1.9.9) */
.ae-tg .ae-tin{position:absolute;opacity:0;pointer-events:none}.ae-tbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:4px;background:var(--surface,#f3f4f6);border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%}
.ae-tl{cursor:pointer;padding:.45rem 1.1rem;border-radius:999px;font-weight:700;font-size:.92rem;user-select:none}.ae-tl:hover{background:#0000000d}.ae-tl-old{color:var(--muted,#6b7280)}
.ae-pn .ae-p{display:none}.ae-p .ae-frame{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.ae-p .ae-frame img{display:block;width:100%;height:auto}.ae-p .ae-frame iframe{width:100%;height:560px;border:0}.ae-p .ae-vl{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin:.6rem 0}.ae-pick{font-weight:700}
.ae-tin:nth-of-type(1):checked~.ae-pn>.ae-p:nth-child(1){display:block}.ae-tin:nth-of-type(1):checked~.ae-tbar>.ae-tl:nth-child(1){background:var(--brass,#c9892a);color:#fff}.ae-tin:nth-of-type(1):focus-visible~.ae-tbar>.ae-tl:nth-child(1){outline:3px solid var(--brass,#c9892a);outline-offset:2px}
.ae-tin:nth-of-type(2):checked~.ae-pn>.ae-p:nth-child(2){display:block}.ae-tin:nth-of-type(2):checked~.ae-tbar>.ae-tl:nth-child(2){background:var(--brass,#c9892a);color:#fff}.ae-tin:nth-of-type(2):focus-visible~.ae-tbar>.ae-tl:nth-child(2){outline:3px solid var(--brass,#c9892a);outline-offset:2px}
.ae-tin:nth-of-type(3):checked~.ae-pn>.ae-p:nth-child(3){display:block}.ae-tin:nth-of-type(3):checked~.ae-tbar>.ae-tl:nth-child(3){background:var(--brass,#c9892a);color:#fff}.ae-tin:nth-of-type(3):focus-visible~.ae-tbar>.ae-tl:nth-child(3){outline:3px solid var(--brass,#c9892a);outline-offset:2px}
.ae-tin:nth-of-type(4):checked~.ae-pn>.ae-p:nth-child(4){display:block}.ae-tin:nth-of-type(4):checked~.ae-tbar>.ae-tl:nth-child(4){background:var(--brass,#c9892a);color:#fff}.ae-tin:nth-of-type(4):focus-visible~.ae-tbar>.ae-tl:nth-child(4){outline:3px solid var(--brass,#c9892a);outline-offset:2px}
.sa-box .chk{display:block;margin:.35rem 0}.sa-form label{display:block;margin:.6rem 0}.sa-form input[type=password],.sa-form input[name=title]{max-width:480px}

/* Admin-Glocke (2.0.0) */
.adm-me{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.bell{position:relative;margin-left:auto}.bell>summary{list-style:none;cursor:pointer;font-size:1.15rem;padding:.15rem .4rem;border-radius:8px}.bell>summary::-webkit-details-marker{display:none}.bell>summary:hover{background:#0000000d}
.bell-n{display:inline-block;min-width:1.2rem;padding:0 .3rem;margin-left:.15rem;border-radius:999px;background:#b3261e;color:#fff;font-size:.72rem;font-weight:800;text-align:center;vertical-align:top}
.bell-pop{position:absolute;left:0;top:2.1rem;z-index:1000;width:min(380px,86vw);max-height:70vh;overflow:auto;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -18px #0006;padding:.8rem}.bell-h{font-weight:800;margin:0 0 .5rem}.bell-it{border-top:1px solid var(--line);padding:.55rem 0}.bell-it p{margin:0 0 .35rem}.bell-go{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.adm-nav:has(.bell[open]),.adm-me:has(.bell[open]){position:relative;z-index:1000;overflow:visible}.bell-pop .btn{font-size:.85rem;padding:.4rem .7rem}
/* 1.8.0 Marathon: Glocken, Angebote, persönlicher Chat, Testprogramm */
.m22-bell{position:relative;display:inline-block}.m22-bell>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;border-radius:8px;position:relative}.m22-bell>summary::-webkit-details-marker{display:none}
.m22-adm{margin-left:auto}.m22-adm>summary{color:#fff}.m22-adm>summary:hover{background:#343b4c}
.m22-bn{display:inline-block;min-width:1.15rem;padding:0 .3rem;border-radius:999px;background:#d9534f;color:#fff;font-size:.68rem;font-weight:700;line-height:1.15rem;text-align:center}.m22-bell .m22-bn{position:absolute;top:-.3rem;right:-.35rem}.m22-inl{position:static!important}
.m22-pop{position:fixed;z-index:200;top:2.6rem;right:1rem;width:min(380px,calc(100vw - 2rem));max-height:70vh;overflow:auto;background:var(--card,#fff);color:var(--text,#111);border:1px solid var(--line,#ddd);border-radius:14px;box-shadow:0 18px 40px -14px #0007;padding:.6rem;font-size:.88rem;line-height:1.4}
.m22-cust .m22-pop{position:absolute;top:2.2rem;left:0;right:auto}
.m22-ph{margin:.1rem .4rem .5rem;font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.m22-empty{margin:.4rem;opacity:.75}
.m22-it{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .5rem;border-radius:10px;color:inherit!important;text-decoration:none;white-space:normal!important}.m22-it:hover{background:var(--brass-soft,#0000000d)!important}
.m22-k{flex:none;font-size:.68rem;font-weight:700;padding:.12rem .45rem;border-radius:6px;background:var(--line,#eee);text-transform:uppercase;letter-spacing:.03em}.m22-k-angenommen{background:#2e7d5b;color:#fff}.m22-k-nachfassen{background:#c9892a;color:#fff}.m22-k-anfrage,.m22-k-einladung{background:#3d77b6;color:#fff}.m22-k-chat{background:#6b5bd2;color:#fff}
.m22-t small{display:block;opacity:.6;font-size:.74rem}.m22-ra{margin:.4rem .4rem 0;text-align:right}
.m22-kcbell{display:flex;align-items:center;gap:.4rem;padding:.35rem .2rem;margin:.3rem 0}.m22-kcbell>span{font-size:.9rem}
.m22-homeadm{margin:1rem auto 0}.m22-homeadm>summary{cursor:pointer}.m22-inv{display:grid;gap:.6rem;margin-top:.8rem}.m22-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}
.m22-inv label,.m22-ofform label,.m22-join label,.m22-ask label,.m22-accept label{display:grid;gap:.25rem;font-size:.88rem}
.m22-ofform{display:grid;gap:.8rem}.m22-items td{vertical-align:top}.m22-items select,.m22-items input{width:100%;min-width:0}.m22-items .m22-cr{margin-top:.3rem}.m22-items td:nth-child(3) input{max-width:5.5em}.m22-items td:nth-child(4) input{max-width:8em}
.m22-pre{white-space:pre-wrap;font:.82rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card2,#f6f6f4);border:1px solid var(--line,#e5e5e5);border-radius:12px;padding:1rem;overflow:auto}
.m22-q{margin:.4rem 0 1rem;padding:.7rem .9rem;border-left:3px solid var(--brass,#c9892a);background:var(--brass-soft,#0000000a);border-radius:0 10px 10px 0}.m22-fu{margin:.8rem 0}.m22-fu form{display:grid;gap:.6rem;margin-top:.6rem}
.m22-card{padding:clamp(1.2rem,3vw,2.2rem)}.m22-offer h1{margin:.2rem 0 .3rem}.m22-intro{margin:1rem 0;line-height:1.6}.m22-tbl .r{text-align:right}.m22-tbl tfoot td{padding-top:.5rem}.m22-sum td{font-weight:700;font-size:1.08rem;border-top:2px solid var(--line,#ddd)}.m22-bonus td b{color:#2e7d5b}
.m22-accept{display:grid;gap:.7rem;margin-top:1.2rem;max-width:460px}
.m22-chat{display:grid;gap:.8rem}.m22-msgs{display:flex;flex-direction:column;gap:.7rem;max-height:60vh;overflow:auto;padding:.4rem .2rem}
.m22-msg{max-width:78%;display:grid;gap:.2rem}.m22-msg small{opacity:.6;font-size:.74rem}.m22-me{align-self:flex-end;text-align:right}.m22-bub{padding:.65rem .9rem;border-radius:16px;line-height:1.45;text-align:left;word-wrap:break-word}
.m22-me .m22-bub{background:var(--brass,#c9892a);color:#fff;border-bottom-right-radius:5px}.m22-them .m22-bub{background:var(--card2,#f1f1ee);border:1px solid var(--line,#e3e3e3);border-bottom-left-radius:5px}
.m22-send{display:flex;gap:.6rem;align-items:flex-end}.m22-send textarea{flex:1;min-width:0}
.m22-pcgrid{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:1rem}.m22-pcit{display:block;padding:.55rem .6rem;border-radius:10px;text-decoration:none;color:inherit}.m22-pcit.on,.m22-pcit:hover{background:var(--brass-soft,#0000000d)}.m22-pcit.off{opacity:.55}
@media (max-width:760px){.m22-pcgrid{grid-template-columns:1fr}.m22-msg{max-width:92%}}
.m22-hero{padding:clamp(2.5rem,7vw,5rem) 0 1.5rem;text-align:center}.m22-hero h1{font-family:var(--fd);font-weight:500;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:.4rem 0 1rem;letter-spacing:-.01em}.m22-hero .lead{max-width:640px;margin:0 auto}
.m22-steps{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:1.4rem;padding:0;margin:2rem 0 0}.m22-steps li{display:flex;align-items:center;gap:.55rem;font-size:.92rem}.m22-steps b{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--brass,#c9892a);color:var(--brass,#c9892a);font-weight:600}
.m22-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:2rem}.m22-h2{font-family:var(--fd);font-weight:500;margin:1rem 0}
.m22-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-bottom:2rem}.m22-tool h3{margin:0 0 .3rem;font-size:1.02rem}.m22-tool{display:grid;align-content:start;gap:.2rem}.m22-full{opacity:.55}
.m22-slot{display:flex;align-items:center;gap:.4rem;margin:.5rem 0}.m22-dots{display:inline-flex;gap:.25rem}.m22-dots i{width:.6rem;height:.6rem;border-radius:50%;border:1px solid var(--brass,#c9892a)}.m22-dots i.on{background:var(--brass,#c9892a)}.m22-slot b{font-size:1.15rem}
.m22-join,.m22-ask{display:grid;gap:.8rem;max-width:640px;margin:0 auto}.m22-join fieldset{border:1px solid var(--line,#ddd);border-radius:12px;padding:.8rem 1rem;display:grid;gap:.6rem}.m22-opt{display:flex!important;gap:.5rem;align-items:center;flex-wrap:wrap}
.tick-rec{display:block;font-size:.82rem;opacity:.78;margin-top:.15rem;letter-spacing:.01em}

/* 1.8.2 Vorlagen & Designs (Produktseite) */
.m22-dg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.m22-dc{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #e5e2dc;border-radius:14px;background:#fff;color:#1d1f24;text-decoration:none;transition:box-shadow .2s,transform .2s}
.m22-dc:hover{box-shadow:0 10px 28px -12px rgba(0,0,0,.25);transform:translateY(-2px);text-decoration:none}
.m22-dc.own{border-color:currentColor;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.m22-dp{position:relative;display:block;height:74px;border-radius:10px;margin-bottom:6px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.m22-dp i{position:absolute;bottom:12px;width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px #fff}
.m22-dp i:first-child{left:14px}.m22-dp i:nth-child(2){left:34px}
.m22-dp b{position:absolute;right:14px;top:12px;font:600 30px/1 Fraunces,Georgia,serif;letter-spacing:-.02em}
.m22-dl{margin-top:auto;color:#2f5d8c}
.m22-dc .muted{color:#5f6470}.m22-dc strong{font-size:1.05em}.m22-dc.own{border-color:#1d1f24}
body.pub-blue main .m22-dc,body.pub-blue main .m22-dc *{color:#1d1f24;text-decoration:none}
body.pub-blue main .m22-dc .muted{color:#4A5361}body.pub-blue main .m22-dc .m22-dl{color:#2F5D8C}
body.pub-blue main .m22-dc .badge{color:#1d6b43}
body.pub-blue main .m22-dc.own{box-shadow:0 0 0 3px #E8B26A}

/* 1.8.8 Anfrage: Werkzeuge zum Anhaken */
.m22-pick{border:1px solid var(--line,#ddd);border-radius:12px;padding:.8rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.4rem .8rem}.m22-pick legend{padding:0 .3rem}
.tt-hero{background:#fff;color:var(--ink,#1a2233);border-radius:16px;padding:1.1rem 1.2rem;margin:0 0 1rem;box-shadow:0 10px 30px rgba(0,0,0,.18);border:2px solid #ffc94d;position:relative}
.tt-hero-k{display:inline-block;background:#ffc94d;color:#1a2233;font-weight:700;font-size:.85rem;border-radius:999px;padding:.15rem .7rem;margin:0 0 .4rem;transform:rotate(-2deg)}
.tt-hero-h{font-size:1.35rem;margin:.1rem 0 .5rem;color:inherit}.tt-hero-l{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.3rem;font-size:.95rem}
.tt-hero-cta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.tt-hero-n{margin:.5rem 0 0;opacity:.7}
@media(max-width:720px){.tt-hero{margin:1rem 0}.tt-hero-cta .btn{flex:1 1 100%;text-align:center}}
.m22-join,#anfordern{scroll-margin-top:96px} /* 1.8.13 */
.m22-hero-sm{padding:1.2rem 0 .4rem}.m22-hero-sm h1{font-size:clamp(1.4rem,3.2vw,1.9rem);margin:.2rem 0 .4rem}.m22-hero-sm .lead{font-size:.98rem;margin-bottom:0}.m22-hero-sm .m22-steps{margin:.8rem 0 0;gap:1rem}.m22-hero-sm .m22-steps b{width:1.6rem;height:1.6rem}.pg-invite .sec{padding-top:1rem}.pg-invite .m22-join{margin:0 auto 1.5rem} /* 1.8.14 */
/* 1.8.15 Admin-Navigation in Gruppen */
.adm-grp{border-radius:10px}.adm-grp>summary{cursor:pointer;list-style:none;padding:8px 12px;border-radius:9px;font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:.4rem}.adm-grp>summary::-webkit-details-marker{display:none}
.adm-grp>summary::after{content:"▸";margin-left:auto;opacity:.6;transition:transform .15s}.adm-grp[open]>summary::after{transform:rotate(90deg)}.adm-grp>summary:hover,.adm-grp>summary:focus-visible{background:var(--line)}
.adm-grp.act>summary{color:var(--ink);box-shadow:inset 3px 0 0 var(--brass)}.adm-grp a{display:flex;align-items:center;gap:.4rem;padding-left:22px!important}
.adm-b{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#c0392b;color:#fff;font-size:.72rem;font-weight:700}
@media (max-width:980px){.adm-nav .adm-grp{flex:1 1 100%}.adm-nav>a,.adm-nav>form{flex:0 0 auto}}

/* 1.8.39: Lesbarkeit – aufgeklappte Select-Optionen und Glocken-Panels (Kundencenter + Admin) nie weiß auf weiß */
select option,select optgroup{color:#1b2a3a!important;background:#fff!important}
.pub-blue select,.pg-wg select{color-scheme:light}
:is(.bell-pop,.m22-pop):not(#_){background:#fff!important;color:#1b2a3a!important;color-scheme:light;border-color:#d5dce6!important}
:is(.bell-pop,.m22-pop):not(#_) :is(p,li,div,span,small,b,strong,em,h2,h3,h4,time,label,td,th):not(.btn):not(.bell-n):not(.m22-bn){color:inherit!important}
:is(.bell-pop,.m22-pop):not(#_) :is(.muted,small,.small,time){color:#55606e!important}
:is(.bell-pop,.m22-pop):not(#_) a:not(.btn){color:#1f4f82!important}
:is(.bell-pop,.m22-pop):not(#_) :is(.bell-it,hr,li){border-color:#e3e8ef!important}
:is(.bell-pop,.m22-pop):not(#_) a.m22-it,:is(.bell-pop,.m22-pop):not(#_) a.m22-it :is(span,b,strong,p){color:#1b2a3a!important}:is(.bell-pop,.m22-pop):not(#_) a.m22-it small{color:#55606e!important}
:is(.bell-pop,.m22-pop):not(#_) button:not(.btn){color:#1f4f82!important;background:transparent!important;border-color:#c9d3df!important}
.kc-who{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0 0;padding:.35rem .8rem;border-radius:14px;background:#ffffff1f;border:1px solid #ffffff38;font-size:.92rem;overflow-wrap:anywhere;max-width:100%}.kc-who b{font-weight:700}.kc-who-m{opacity:.85;font-size:.85rem}

/* 1.8.46: Header-Elemente – EIN Basis-Blau (Logo/Theme) #2F5D8C, Hue 210: dunkel #1E3F60, hell #ecf2f9; Logo-Gold #E8B26A / #F6E3C4; Rot nur Logout-Hover #b3261e; Kontrast ≥ 5.4:1 */
.hd .nav a.ub-btn,.hd .ub-out{transition:background .15s,box-shadow .15s,transform .15s,color .15s;text-decoration:none}
.hd .nav a.ub-acc{display:inline-flex;align-items:center;gap:9px;padding:4px 16px 4px 4px;margin-left:6px;min-height:44px;background:#2F5D8C!important;color:#fff!important;border:0;border-radius:999px;box-shadow:0 2px 8px rgba(30,63,96,.25)}
.hd .nav a.ub-acc:hover,.hd .nav a.ub-acc:focus-visible{background:#1E3F60!important;color:#fff!important;box-shadow:0 4px 14px rgba(30,63,96,.35);transform:translateY(-1px)}
.ub-av{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#E8B26A;color:#1E3F60;display:grid;place-items:center;font-weight:800;font-size:1.05rem;line-height:1}
.ub-av svg{stroke:#1E3F60;color:#1E3F60}
.ub-tx{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.ub-tx small{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#F6E3C4}
.ub-tx b{font-size:1rem;font-weight:800;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd .nav a.ub-cart,.hd .ub-out{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0!important;margin-left:4px;border-radius:50%;background:#fff!important;color:#2F5D8C!important;border:2px solid #2F5D8C;box-shadow:0 2px 6px rgba(30,63,96,.15);cursor:pointer}
.hd .nav a.ub-cart svg{stroke:currentColor}
.hd .nav a.ub-cart:hover,.hd .nav a.ub-cart:focus-visible{background:#ecf2f9!important;color:#2F5D8C!important;transform:translateY(-1px)}
.hd .nav a.ub-cart .cnt{top:-6px;right:-6px;background:#E8B26A;color:#1E3F60;border:2px solid #fff;min-width:22px;height:22px;font-size:.75rem;font-weight:800}
.hd .nav a.ub-btn:focus-visible,.hd .ub-out:focus-visible{outline:3px solid #E8B26A;outline-offset:2px}
@media (max-width:760px){.hd .nav a.ub-acc{margin:8px 0 4px;align-self:flex-start;padding-right:20px}.hd .nav a.ub-cart{align-self:flex-start;margin:4px 0}}
/* 1.8.45: Sprach-Dropdown mit Flaggen, ganz rechts */
.ub-lang{position:relative;margin-left:8px}
.ub-lang>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 12px;border:2px solid #2F5D8C;border-radius:999px;background:#fff;color:#1E3F60;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 2px 6px rgba(30,63,96,.15)}
.ub-lang>summary::-webkit-details-marker{display:none}
.ub-lang>summary:hover{background:#ecf2f9}.ub-lang>summary:focus-visible{outline:3px solid #E8B26A;outline-offset:2px}
.ub-lang .lf{display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.ub-car{font-size:.75em;color:#2F5D8C}
.ub-lang-m{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:190px;margin:0;padding:6px;list-style:none;background:#fff;border:2px solid #2F5D8C;border-radius:12px;box-shadow:0 12px 30px rgba(30,63,96,.25)}
.hd .nav .ub-lang-m a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#1E3F60!important;background:#fff;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:none}
.hd .nav .ub-lang-m a small{margin-left:auto;color:#4c525c;font-weight:700}
.hd .nav .ub-lang-m a:hover,.hd .nav .ub-lang-m a:focus-visible{background:#ecf2f9!important;outline:none}
.hd .nav .ub-lang-m a.on{background:#2F5D8C!important;color:#fff!important}.hd .nav .ub-lang-m a.on small{color:#F6E3C4}
@media (max-width:760px){.ub-lang{margin:8px 0 0;align-self:flex-start}.ub-lang-m{position:static;margin-top:6px;box-shadow:none}}
.ub-soon{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#5b616b;font-weight:600;font-size:.95rem;cursor:not-allowed}
.ub-soon .lf{filter:grayscale(.85);opacity:.6}.ub-soon em{margin-left:auto;font-style:normal;font-size:.72rem;font-weight:700;background:#ececec;color:#3b414b;border-radius:999px;padding:3px 8px;white-space:nowrap}
.ub-out-f{display:inline-flex;margin:0}
.hd .ub-out:hover,.hd .ub-out:focus-visible{background:#fdecea!important;color:#b3261e!important;border-color:#b3261e;transform:translateY(-1px)}
.ub-out-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){.ub-out-f{margin:4px 0;align-self:flex-start}.hd .ub-out{width:auto;border-radius:999px;padding:0 16px!important;gap:8px;margin-left:0}.ub-out-t{position:static;width:auto;height:auto;clip:auto;font-weight:700}}
/* 1.8.47: Preis-Karten der Produktseiten gerade – Listen kompakt (kein Strecken), Titel/Preise/Listen/Boxen/Buttons kartenübergreifend bündig (Subgrid) */
.tiers-prod .tier .ticks{align-content:start}
.tiers-prod .tier .pvar{display:flex;flex-direction:column}.tiers-prod .tier .pvar>form,.tiers-prod .tier .pvar>.btn{margin-top:auto}
@media (min-width:1200px){.tiers-prod.tiers-n4{grid-template-columns:repeat(4,1fr);gap:16px}.tiers-prod.tiers-n4 .tier{padding:22px}}
@media (min-width:981px) and (max-width:1199px){.tiers-prod.tiers-n4{grid-template-columns:repeat(2,1fr)}}
@supports (grid-template-rows:subgrid){@media (min-width:981px){.tiers-prod .tier{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0}.tiers-prod .tier .ticks{align-self:start}}}
.ticks li.tk-app{font-weight:600;color:#1E3F60}.ticks li.tk-app .tk-ic{flex:none;width:18px;text-align:center;line-height:1.2}

/* 1.8.51 Leistungs-Aufträge (Buchen → Angaben → Go → Abnahme) – ein Blau (#2F5D8C), sonst Theme-Farben */
.sj-page{max-width:760px}.sj-h1{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sj-h2{margin-top:1.6rem;font-size:1.1rem}
.sj-st{display:inline-block;font-size:.78rem;font-weight:600;line-height:1.2;padding:.22rem .6rem;border-radius:999px;border:1px solid #2F5D8C;color:#2F5D8C;background:rgba(47,93,140,.08);white-space:nowrap}
.sj-st.sj-angaben_fehlen,.sj-st.sj-rueckfrage,.sj-st.sj-abnahme{background:#2F5D8C;color:#fff}
.sj-st.sj-erledigt{border-color:var(--ok,#3b8a5c);color:var(--ok,#3b8a5c);background:transparent}.sj-st.sj-storniert{border-color:var(--line,#ccd);color:var(--muted,#667);background:transparent}
.sj-steps{display:flex;gap:.3rem;list-style:none;margin:1rem 0 1.2rem;padding:0;counter-reset:s}
.sj-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.78rem;text-align:center;color:var(--muted,#667);position:relative}
.sj-steps li span{width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line,#ccd);font-weight:700;background:var(--card,#fff)}
.sj-steps li.done span{background:#2F5D8C;border-color:#2F5D8C;color:#fff}.sj-steps li.on{color:inherit;font-weight:600}.sj-steps li.on span{border-color:#2F5D8C;color:#2F5D8C;box-shadow:0 0 0 4px rgba(47,93,140,.18)}
.sj-ok{border:2px solid var(--ok,#3b8a5c);border-radius:12px;padding:1rem 1.2rem;margin:0 0 1.2rem;background:rgba(59,138,92,.08)}.sj-ok p{margin:.2rem 0}.sj-ok-h{font-size:1.25rem;font-weight:700;color:var(--ok,#3b8a5c)}
.sj-form{padding:1.2rem 1.3rem;margin:.6rem 0 1rem}.sj-form h2{margin-top:0}
.sj-f{display:flex;flex-direction:column;gap:.3rem;margin:0 0 1rem}.sj-f input:not([type=checkbox]):not([type=radio]):not([type=color]),.sj-f textarea,.sj-f select{width:100%;box-sizing:border-box}
.sj-lab{font-weight:600}.sj-req{color:#2F5D8C}.sj-hint{font-size:.82rem;color:var(--muted,#667);line-height:1.4}.sj-hint-ok{color:var(--ok,#3b8a5c)}
.sj-chk{flex-direction:row;align-items:flex-start;gap:.5rem}.sj-f-color input{width:4rem;height:2.4rem;padding:0;border:0}
.sj-subw{display:flex;align-items:stretch}.sj-subw input{flex:1;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.sj-subw span{display:flex;align-items:center;padding:0 .7rem;border:1px solid var(--line,#ccd);border-left:0;border-radius:0 8px 8px 0;font-size:.9rem;color:var(--muted,#667)}
.sj-access{border:1px solid var(--line,#ccd);border-radius:10px;padding:.8rem 1rem}.sj-access legend{font-weight:600;padding:0 .3rem}.sj-access .chk{display:flex;gap:.5rem;margin:.4rem 0}
.sj-pub{white-space:pre-wrap;word-break:break-all;font-size:.75rem;padding:.6rem;border-radius:8px;border:1px dashed #2F5D8C;user-select:all;margin:.3rem 0 .6rem}
.sj-info{border-left:3px solid #2F5D8C;padding:.5rem .8rem;margin:.8rem 0;background:rgba(47,93,140,.06);border-radius:0 8px 8px 0}
.sj-q{border-left:3px solid #2F5D8C;padding:.4rem .8rem;margin-bottom:1rem}.sj-more{margin:.6rem 0 1rem}.sj-more summary,.sj-cancel summary{cursor:pointer;font-size:.9rem}
.sj-cancel{margin:1rem 0;font-size:.95rem}.sj-inline{display:inline-block;margin:.4rem .4rem .4rem 0}
.sj-dl{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1rem;margin:0 0 1rem}.sj-dl dt{color:var(--muted,#667)}.sj-dl dd{margin:0}
.sj-how{padding-left:1.2rem}.sj-how li{margin:.25rem 0}.sj-buy{margin-top:1.2rem}.sj-buy .btn{width:100%;max-width:420px}
.sj-log{list-style:none;padding:0;margin:0 0 1.2rem}.sj-log li{padding:.5rem 0;border-bottom:1px solid var(--line,#ccd);font-size:.9rem}
.sj-mine{margin:.8rem 0 0;display:flex;flex-direction:column;gap:.35rem}.sj-mine-it{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.5rem .7rem;border:1px solid var(--line,#ccd);border-radius:8px;text-decoration:none;color:inherit;font-size:.9rem}
.sj-mine-it:hover,.sj-mine-it:focus-visible{border-color:#2F5D8C}.sj-mine-it.sj-need{border-color:#2F5D8C}
.sj-cardinfo{color:var(--muted,#667);margin:.2rem 0 .5rem}
.btn.is-busy{opacity:.6;cursor:progress}
@media (max-width:600px){.sj-steps li{font-size:.68rem}.sj-steps li span{width:1.6rem;height:1.6rem}.sj-dl{grid-template-columns:1fr}.sj-dl dt{margin-top:.4rem}.sj-mine-it{flex-direction:column;align-items:flex-start}.sj-form{padding:1rem}}
/* 1.8.52 Kundencenter: Benachrichtigungen als ganze Zeile + Willkommens-Fenster (nur #2F5D8C-Familie) */
.m22-kcbell{display:block;padding:0;margin:0}.m22-kcbell .m22-row{display:block;width:100%}
.m22-kcbell .m22-row>summary{display:flex;width:100%;gap:.5rem;padding:9px 12px;border-radius:9px;color:inherit;font-size:.92rem;box-sizing:border-box}.m22-kcbell .m22-row>summary:hover,.m22-kcbell .m22-row[open]>summary{background:rgba(127,127,127,.16)}
.m22-kcbell .m22-row>summary:focus-visible{outline:2px solid #2F5D8C;outline-offset:1px}.m22-kcbell .m22-lbl{flex:1}.m22-kcbell .m22-row .m22-pop{top:2.6rem}
@media (max-width:760px){.m22-kcbell{flex:0 0 auto}.m22-kcbell .m22-row>summary{padding:7px 11px}}
dialog.kcw{position:fixed;inset:0;margin:auto;height:fit-content;border:0;padding:0;border-radius:16px;max-width:min(640px,calc(100vw - 24px));width:100%;max-height:80vh;overflow:hidden;z-index:10000;background:#fff;color:#1d2a38;box-shadow:0 20px 60px rgba(31,62,94,.35)}
dialog.kcw:not([open]){display:none}dialog.kcw::backdrop{background:rgba(31,62,94,.55)}
.kcw-in{position:relative;padding:22px 22px 16px;border-top:5px solid #2F5D8C;border-radius:16px;overflow:auto;max-height:80vh;box-sizing:border-box}
.kcw-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#EAF0F6;color:#2F5D8C;font-size:1.4rem;line-height:1;cursor:pointer}.kcw-x:hover{background:#D5E1EC}
.kcw-kick{margin:0;color:#2F5D8C;font-weight:600;font-size:.85rem}.kcw h2{margin:.15rem 2.5rem .3rem 0;color:#1F3E5E;font-size:1.35rem}.kcw-lead{margin:0 0 .7rem;color:#4A6580;font-size:.92rem}
.kcw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kcw-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #D5E1EC;border-radius:12px;background:#F5F8FB}.kcw-list li.is-hot{border-color:#2F5D8C;background:#EAF0F6}
.kcw-list li>div{flex:1;min-width:0}.kcw-list b{display:block;color:#1F3E5E;font-size:.93rem}.kcw-list p{margin:.15rem 0 0;line-height:1.35;color:#4A6580;font-size:.84rem}.kcw-ic{font-size:1.3rem}
.kcw-list .btn{flex:0 0 auto;white-space:nowrap}.kcw .btn:not(.btn-ghost){background:#2F5D8C;border-color:#2F5D8C;color:#fff}.kcw .btn-ghost{color:#2F5D8C;border-color:#2F5D8C}
.kcw-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0 0;padding:0}.kcw-ft .chk{display:flex;align-items:center;gap:6px;margin:0;font-size:.85rem;color:#4A6580}.kcw-ft input{accent-color:#2F5D8C;width:auto;margin:0}
@media (max-width:560px){dialog.kcw{max-width:calc(100vw - 16px);max-height:85vh}.kcw-in{max-height:85vh;padding:18px 14px 14px}.kcw-list li{flex-wrap:wrap}.kcw-list .btn{width:100%;text-align:center}}
/* 1.8.52b: Willkommens-Fenster gegen Seiten-Themes (pub-blue, Dark) absichern */
body dialog.kcw:not(#_):not(#_){background:#fff!important;color:#1d2a38!important}
body dialog.kcw:not(#_):not(#_) :is(p,li,div,span,small,b,strong,label,h2){color:#1d2a38!important;text-shadow:none!important}
body dialog.kcw:not(#_):not(#_) h2{color:#1F3E5E!important}body dialog.kcw:not(#_):not(#_) .kcw-kick{color:#2F5D8C!important}
body dialog.kcw:not(#_):not(#_) :is(.kcw-lead,.kcw-list p,.kcw-ft .chk span){color:#4A6580!important}body dialog.kcw:not(#_):not(#_) .kcw-list b{color:#1F3E5E!important}
body dialog.kcw:not(#_):not(#_) .kcw-list li{background:#F5F8FB!important;border:1px solid #D5E1EC!important}body dialog.kcw:not(#_):not(#_) .kcw-list li.is-hot{background:#EAF0F6!important;border-color:#2F5D8C!important}
body dialog.kcw:not(#_):not(#_) .btn{background:#2F5D8C!important;border:1px solid #2F5D8C!important;color:#fff!important;box-shadow:none!important}
body dialog.kcw:not(#_):not(#_) .btn.btn-ghost{background:#fff!important;color:#2F5D8C!important}body dialog.kcw:not(#_):not(#_) .btn:hover{background:#1F3E5E!important;color:#fff!important}
body dialog.kcw:not(#_):not(#_) .kcw-x{background:#EAF0F6!important;color:#2F5D8C!important;border:0!important}
body dialog.kcw:not(#_):not(#_) .kcw-list li{padding:8px 10px}body dialog.kcw:not(#_):not(#_) .kcw-list p{font-size:.8rem}
body dialog.kcw:not(#_):not(#_) .kcw-ft{position:sticky;bottom:-16px;background:#fff!important;padding:10px 0 4px;margin-top:10px;border-top:1px solid #D5E1EC}
body dialog.kcw:not(#_):not(#_) .kcw-in{display:flex;flex-direction:column;overflow:hidden}body dialog.kcw:not(#_):not(#_) .kcw-list{overflow-y:auto;flex:1 1 auto;min-height:0;padding-right:4px}body dialog.kcw:not(#_):not(#_) .kcw-ft{position:static;flex:0 0 auto}
body dialog.kcw[open]:not(#_):not(#_){display:flex;flex-direction:column;overflow:hidden}body dialog.kcw:not(#_):not(#_) .kcw-in{max-height:none;flex:1 1 auto;min-height:0;width:100%}
/* 1.8.53: helle Pillen auf blauen Seiten lesbar (blue-page.css erzwingt weiße Schrift) */
body.pub-blue main .credit-bal:not(#_){background:#eaf0f7!important;border:1px solid #aec8e4!important;color:#1F2937!important}
body.pub-blue main .credit-bal:not(#_) a{color:#2F5D8C!important;text-decoration:underline!important}
body.pub-blue main .credit-bal:not(#_) svg,body.pub-blue main .credit-bal:not(#_) .ic{color:#2F5D8C!important;stroke:currentColor}
body.pub-blue main .sj-st:not(#_){background:#eaf0f7!important;border-color:#2F5D8C!important;color:#2F5D8C!important}
body.pub-blue main .sj-st.sj-angaben_fehlen:not(#_),body.pub-blue main .sj-st.sj-rueckfrage:not(#_),body.pub-blue main .sj-st.sj-abnahme:not(#_){background:#2F5D8C!important;border-color:#fff!important;color:#fff!important}
body.pub-blue main .sj-st.sj-erledigt:not(#_){background:#e8f4ec!important;border-color:#3b8a5c!important;color:#1d6b43!important}
body.pub-blue main .sj-st.sj-storniert:not(#_){background:#f1f3f6!important;border-color:#ccd!important;color:#4b5563!important}
body.pub-blue main .sj-mine .badge:not(#_),body.pub-blue main .sj-detail .badge:not(#_){background:#eaf0f7!important;color:#1F2937!important}
body.pub-blue main .sj-mine .badge.ok:not(#_),body.pub-blue main .sj-detail .badge.ok:not(#_){background:#e8f4ec!important;color:#1d6b43!important}
body.pub-blue main .credit-bal:not(#_) svg *{stroke:#2F5D8C!important}

/* 2026-10-25 Startseite: Hero-Text oben ausrichten (rechte Spalte mit Tool des Tages ist sehr hoch) */
.pg-home .hero-in{align-items:start}

/* kachel-2026-10-25: ganze Produktkachel klickbar (Stretched Link) */
.pcard{position:relative;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.pcard h3 a::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit}
.pcard h3 a:focus{outline:none}
.pcard h3 a:focus-visible{text-decoration:underline}
.pcard .pc-foot a,.pcard .pc-foot button,.pcard .pc-more a,.pcard form,.pcard input,.pcard button,.pcard select,.pcard label{position:relative;z-index:1}
.pcard:hover{transform:translateY(-2px);box-shadow:0 14px 32px #2F5D8C33;border-color:#2F5D8C}
.pcard:focus-within{outline:3px solid #2F5D8C;outline-offset:3px}
.pcard:has(form :focus){outline:none}
@media (hover:none){.pcard:hover{transform:none}.pcard:active{transform:scale(.99);box-shadow:0 8px 20px #2F5D8C33}}
@media (prefers-reduced-motion:reduce){.pcard,.pcard:hover{transition:none;transform:none}}

/* 25.10.2026: kein horizontales Scrollen – Hero-Spalten dürfen schrumpfen; Navigation bis 1279px im Burger-Menü */
.hero-in>*{min-width:0}
.hero h1,.hero .slogan,.hero .lead,.hero .eyebrow{overflow-wrap:break-word}
@media (min-width:761px) and (max-width:1279px){.burger{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);flex-direction:column;align-items:stretch;padding:10px 16px 16px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hd-in{position:relative}.nav-dd .dd-car{display:none}.nav-sub{display:block;position:static;border:0;box-shadow:none;background:none;padding:0 0 0 14px;min-width:0}.nav-sub a{font-size:.9rem;opacity:.9}.hd .nav a.ub-acc{margin:8px 0 4px;align-self:flex-start;padding-right:20px}.hd .nav a.ub-cart{align-self:flex-start;margin:4px 0}.ub-lang{margin:8px 0 0;align-self:flex-start}.ub-lang-m{position:static;margin-top:6px;box-shadow:none}.ub-out-f{margin:4px 0;align-self:flex-start}.hd .ub-out{width:auto;border-radius:999px;padding:0 16px!important;gap:8px;margin-left:0}.ub-out-t{position:static;width:auto;height:auto;clip:auto;font-weight:700}}

/* chatpos 29.10.2026: „Fragen?“-Knopf + Fenster rechts mittig wie der KI-Assistent (.ast-btn: right:10px;top:50%;translateY(-50%)) */
#chat-btn.chat-btn{right:10px;bottom:auto;top:50%;transform:translateY(-50%)}
#chat.chat{right:10px;bottom:auto;top:50%;transform:translateY(-50%);height:min(560px,calc(100vh - 24px));height:min(560px,calc(100dvh - 24px));max-height:calc(100vh - 24px)}