/* Offshore Seychelles 0.2 (09.11.2026). Eigenes Design. Von offshore.sc: Blau #1357cb, Hellblau #005df2, Power-Zeichen, Questrial und Lato. */
@font-face{font-family:Lato;src:url(/assets/fonts/lato-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(/assets/fonts/lato-700.ttf);font-weight:700;font-display:swap}
@font-face{font-family:Questrial;src:url(/assets/fonts/questrial-400.ttf);font-weight:400;font-display:swap}
:root{
  --blue:#1357cb; --bright:#005df2; --deep:#0a2f73; --ink:#0f2347; --mute:#5b6b88;
  --ice:#eef4ff; --line:#dde5f2; --white:#fff;
  --navy:var(--blue); --navy-2:var(--deep); --sky:var(--ice); --paper:#fff;
  --r:6px; --r-s:4px; --w:1200px;
  --font:Lato,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","PingFang SC","Hiragino Sans","Microsoft YaHei",sans-serif;
  --head:Questrial,Lato,ui-sans-serif,system-ui,sans-serif;
  --sh:0 18px 40px -24px rgba(10,47,115,.45);
}
body.os{background:#fff;color:var(--ink);font:400 17px/1.65 var(--font)}
.os h1,.os h2,.os h3{font-family:var(--head);font-weight:400;letter-spacing:-.01em;color:var(--deep)}
.os a{color:var(--blue)}
.os :focus-visible{outline:3px solid var(--bright);outline-offset:2px}
.os .staging{background:var(--deep);color:#cfe0ff;font-weight:400;font-size:.8rem}
.eyebrow{font:400 .8rem/1 var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--bright);margin:0 0 14px}
.eyebrow a{color:inherit;text-decoration:none}

/* Knoepfe */
.ob{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:700 1rem/1 var(--font);padding:1em 1.5em;border-radius:3px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.ob span{font-weight:400;opacity:.8}
.ob-white{background:#fff;color:var(--blue)!important}
.ob-white:hover{background:var(--ice)}
.ob-line{border-color:rgba(255,255,255,.6);color:#fff!important;background:transparent}
.ob-line:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.ob-blue{background:var(--bright);color:#fff!important}
.ob-blue:hover{background:var(--blue)}
.ob-soft{background:var(--ice);color:var(--blue)!important}
.ob-soft:hover{background:#e0eaff}
.ob-block{width:100%}
.os .btn{border-radius:3px}
.os .btn-primary{background:var(--bright)}

/* Kopf */
.h{position:sticky;top:0;z-index:50;background:var(--blue);color:#fff}
.h-in{max-width:var(--w);margin:0 auto;padding:0 24px;height:76px;display:flex;align-items:center;gap:28px}
.h-logo{flex:none;text-decoration:none}
.osl{display:flex;align-items:center;gap:12px;color:#fff}
.osl svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:round}
.osl-w{display:flex;flex-direction:column;line-height:1;font-family:var(--head)}
.osl-w b{font-weight:400;font-size:21px;letter-spacing:.12em}
.osl-w small{font-size:10px;letter-spacing:.42em;margin-top:5px;opacity:.85;text-align:end}
.osl.dark{color:var(--blue)}
.h-nav{display:flex;align-items:center;gap:2px;flex:1}
.h-nav>a{color:#fff;text-decoration:none;font-size:.95rem;padding:10px 12px;opacity:.88}
.h-nav>a:hover,.h-nav>a[aria-current=page]{opacity:1;box-shadow:inset 0 -2px 0 #fff}
.h-nav .nav-lang,.h-nav .h-nav-cta{display:none}
.h-act{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.h .lang summary,.h .cart-btn,.h .menu-btn{color:#fff}
.h .lang summary:hover,.h .cart-btn:hover{background:rgba(255,255,255,.12)}
.h .cart-btn b{background:#fff;color:var(--blue)}
.h-cta{margin-inline-start:8px;background:#fff;color:var(--blue)!important;text-decoration:none;font-weight:700;font-size:.92rem;padding:11px 18px;border-radius:3px;white-space:nowrap}
.h-cta:hover{background:var(--ice)}
.h .menu-btn{display:none}
@media (max-width:980px){
  .h-in{height:64px;gap:12px}
  .h-cta{display:none}
  .h .menu-btn{display:grid}
  .h-nav{position:fixed;inset:64px 0 auto;flex-direction:column;align-items:stretch;background:var(--blue);padding:8px 20px 24px;display:none;max-height:calc(100dvh - 64px);overflow:auto;box-shadow:0 20px 30px -20px rgba(0,0,0,.4)}
  .h-nav.open{display:flex}
  .h-nav>a{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.18);font-size:1.05rem;box-shadow:none!important}
  .h-nav .h-nav-cta{display:block;margin-top:18px;background:#fff;color:var(--blue);text-align:center;font-weight:700;padding:14px;border-radius:3px;text-decoration:none}
  .h-nav .nav-lang{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:16px}
  .h-nav .nav-lang a{color:#fff;text-decoration:none;font-size:.9rem;padding:8px;opacity:.85}
  .h-nav .nav-lang a[aria-current]{background:rgba(255,255,255,.15);opacity:1}
  .h .lang{display:none}
  .osl-w b{font-size:18px}
  .osl svg{width:30px;height:30px}
}

/* Startseite: Kopfbereich */
.ohero{background:radial-gradient(1200px 500px at 85% 20%,#2a6fe6 0,transparent 60%),linear-gradient(180deg,var(--blue) 0,#1150bd 100%);color:#fff;overflow:hidden}
.ohero-in{max-width:var(--w);margin:0 auto;padding:84px 24px 140px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.ohero .eyebrow{color:#bcd3ff}
.ohero h1{color:#fff;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.04;margin:0 0 22px}
.ohero-lead{font-size:1.15rem;line-height:1.6;color:#dbe7ff;max-width:36em;margin:0 0 34px}
.ohero-cta{display:flex;flex-wrap:wrap;gap:12px}
.ohero-art{position:relative;aspect-ratio:1;max-width:440px;justify-self:end;width:100%}
.ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 68%)}
.ring svg{position:absolute;inset:12%;fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;opacity:.92}
.ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.tag{position:absolute;left:-6%;bottom:6%;background:#fff;color:var(--ink);border-radius:6px;padding:16px 20px;box-shadow:var(--sh);display:grid;gap:2px;min-width:220px}
.tag b{font:400 .8rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.tag span{font:400 2rem/1.1 var(--head);color:var(--blue)}
.tag small{color:var(--mute);font-size:.85rem}

/* Zahlenleiste */
.kpi{padding:0 24px;margin-top:-72px;position:relative}
.kpi-in{max-width:var(--w);margin:0 auto;background:#fff;border-radius:6px;box-shadow:var(--sh);display:grid;grid-template-columns:repeat(4,1fr)}
.kpi-in>div{padding:28px 26px;border-inline-start:1px solid var(--line)}
.kpi-in>div:first-child{border:0}
.kpi b{display:block;font:400 2.1rem/1.1 var(--head);color:var(--blue);margin-bottom:6px;white-space:nowrap}
.kpi span{color:var(--mute);font-size:.92rem;line-height:1.4;display:block}

/* Abschnitte */
.sec{max-width:var(--w);margin:0 auto;padding:96px 24px 24px}
.sec-hd{margin-bottom:36px;max-width:760px}
.sec-hd h2,.flow .sec-hd h2{font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.12;margin:0}
.svc-grp{margin-bottom:48px}
.svc-grp>h3,.svc-grp>h2{font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--blue)}
.svc-lead{color:var(--mute);margin:8px 0 6px}
.svc{display:grid}
.row{display:grid;grid-template-columns:76px 1fr auto 28px;gap:22px;align-items:center;padding:18px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .15s}
.row:hover{background:var(--ice)}
.row img{width:76px;height:76px;object-fit:cover;border-radius:4px}
.row-t b{display:block;font:400 1.2rem/1.3 var(--head);color:var(--deep)}
.row-t span{display:block;color:var(--mute);font-size:.95rem;line-height:1.5;margin-top:3px}
.row-m{text-align:end;white-space:nowrap}
.row-m b{display:block;font:700 1.1rem var(--font);color:var(--blue)}
.row-m small{color:var(--mute);font-size:.82rem}
.row-go{color:var(--bright);font-size:1.3rem;transition:transform .15s}
.row:hover .row-go{transform:translateX(4px)}

/* Ablauf */
.flow{background:var(--ice);margin-top:72px;padding:96px 24px}
.flow .sec-hd{max-width:var(--w);margin:0 auto 44px}
.flow-l{list-style:none;max-width:var(--w);margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.flow-l li{background:#fff;border-radius:6px;padding:30px 28px;position:relative;border:0;box-shadow:none}
.num{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.num svg{width:44px;height:44px;fill:none;stroke:var(--bright);stroke-width:8;stroke-linecap:round}
.num i{font:400 2.2rem/1 var(--head);font-style:normal;color:var(--deep)}
.flow-l h3{font-size:1.35rem;margin:0 0 8px}
.flow-l p{margin:0;color:var(--mute)}
.flow-note{max-width:var(--w);margin:28px auto 0;color:var(--deep)}

/* Warum */
.why-l{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.why-l article{border-top:2px solid var(--blue);padding-top:20px}
.why-l h3{font-size:1.3rem;margin:0 0 10px}
.why-l p{margin:0;color:var(--mute)}

/* Gesetz */
.act{margin-top:96px;background:linear-gradient(180deg,var(--blue) 0,#2c6fe0 70%,#5b92f0 100%);color:#fff;padding:84px 24px}
.act-in{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
.act .eyebrow{color:#bcd3ff}
.act h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.15;margin:0 0 14px}
.act p{color:#dbe7ff;margin:0}
.act-search{display:flex;background:#fff;border-radius:4px;padding:6px;box-shadow:var(--sh)}
.act-search input{flex:1;min-width:0;border:0;font:inherit;padding:12px 14px;color:var(--ink);background:transparent}
.act-search input:focus{outline:none}
.act-search button{border:0;background:var(--bright);color:#fff;font:700 .95rem var(--font);padding:0 20px;border-radius:3px;cursor:pointer}

/* Fragen */
.qa-l{border-top:1px solid var(--line)}
.qa-l details{border-bottom:1px solid var(--line)}
.qa-l summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font:400 1.2rem/1.4 var(--head);color:var(--deep);position:relative}
.qa-l summary::-webkit-details-marker{display:none}
.qa-l summary::after{content:"+";position:absolute;right:4px;top:18px;font:300 1.6rem var(--font);color:var(--bright)}
.qa-l details[open] summary::after{content:"−"}
.qa-l p{margin:0 0 22px;color:var(--mute);max-width:52em}
.omore a{font-weight:700;text-decoration:none}
.omore a::after{content:" →"}

/* Gespraech */
.talk{margin-top:72px;background:var(--deep);color:#fff;padding:72px 24px}
.talk-in{max-width:var(--w);margin:0 auto;text-align:center}
.talk h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin:0 0 10px}
.talk p{color:#c8d8f6;margin:0 0 28px}
.talk-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.talk .ob .ic{width:18px;height:18px}

/* Seitenkopf allgemein */
.pg-hd,.pd-hd{background:linear-gradient(180deg,var(--blue) 0,#1150bd 100%);color:#fff}
.pg-hd-in{max-width:var(--w);margin:0 auto;padding:64px 24px 56px}
.pg-hd .eyebrow,.pd-hd .eyebrow{color:#bcd3ff}
.pg-hd h1{color:#fff;font-size:clamp(2.2rem,4.4vw,3.4rem);margin:0 0 12px;line-height:1.1}
.pg-hd p{color:#dbe7ff;margin:0;max-width:40em}
.os .page-hd{max-width:none;margin:0 0 40px;background:linear-gradient(180deg,var(--blue) 0,#1150bd 100%);padding:64px max(24px,calc((100% - var(--w))/2 + 24px)) 56px}
.os .page-hd h1{color:#fff;font-size:clamp(2.2rem,4.4vw,3.4rem)}
.os .page-hd .lead,.os .page-hd p{color:#dbe7ff}

/* Produkt */
.pd-hd-in{max-width:var(--w);margin:0 auto;padding:56px 24px 64px;display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.pd-hd h1{color:#fff;font-size:clamp(2.1rem,4.2vw,3.2rem);line-height:1.08;margin:0 0 14px}
.pd-short{color:#dbe7ff;font-size:1.1rem;margin:0 0 28px;max-width:34em}
.pd-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0}
.pd-facts li{padding:0 28px 0 0;margin-inline-end:28px;border-inline-end:1px solid rgba(255,255,255,.25)}
.pd-facts li:last-child{border:0}
.pd-facts b{display:block;font:400 1.6rem/1.2 var(--head);color:#fff}
.pd-facts span{font-size:.85rem;color:#bcd3ff}
.pd-hd-img{width:100%;border-radius:6px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);aspect-ratio:900/637;object-fit:cover}
.os .pd{max-width:var(--w);margin:0 auto;padding:56px 24px 24px;display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}
.os .pd .lead{font-size:1.15rem;color:var(--ink)}
.os .pd h2{font-size:1.5rem;margin:36px 0 12px}
.os .pd-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.os .ticks{list-style:none;padding:0;margin:0}
.os .ticks li{position:relative;padding:7px 0 7px 26px;border-bottom:1px solid var(--line)}
.os .ticks li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bright)}
.os .note{background:var(--ice);border-inline-start:3px solid var(--blue);border-radius:0 4px 4px 0;padding:18px 22px;margin:32px 0 0}
.os .note p{margin:0}
.os .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.os .chips li{background:var(--ice);color:var(--deep);border-radius:3px;padding:6px 12px;font-size:.92rem}
.os .pd-ask{margin-top:44px;border-top:1px solid var(--line);padding-top:8px;background:none;text-align:start}
.os .pd-buy{position:sticky;top:96px}
.os .buy{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:4px;padding:26px;box-shadow:var(--sh);display:grid;gap:14px}
.os .buy-price b{font:400 2.4rem/1 var(--head);color:var(--blue)}
.os .fld span{font-size:.88rem;font-weight:700;color:var(--deep)}
.os .fld input,.os .fld select{border-radius:3px;border-color:var(--line)}
.os .buy-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:14px}
.os .buy-total b{font:700 1.3rem var(--font);color:var(--deep)}
.os .buy-pay{font-size:.82rem;color:var(--mute);text-align:center;margin:0}

/* Fuss */
.f{background:var(--deep);color:#c8d8f6;margin-top:0}
.f-in{max-width:var(--w);margin:0 auto;padding:72px 24px 40px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}
.f-logo{text-decoration:none;display:inline-block;margin-bottom:18px}
.f p{margin:0 0 14px;font-size:.95rem}
.f a,.f .linklike{color:#fff;text-decoration:none}
.f a:hover,.f .linklike:hover{text-decoration:underline}
.f h3{color:#fff;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}
.f ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:7px;font-size:.93rem}
.f .linklike{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.f-pay{max-width:var(--w);margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;border-top:1px solid rgba(255,255,255,.12)}
.f-pay img{height:30px;width:auto;background:#fff;border-radius:3px;padding:4px 8px}
.f-bot{max-width:var(--w);margin:0 auto;padding:18px 24px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.84rem;border-top:1px solid rgba(255,255,255,.12)}
.f-bot p{margin:0}
.f-legal{display:flex;flex-wrap:wrap;gap:16px}

/* WhatsApp und Chat */
.wa{position:fixed;right:96px;bottom:24px;z-index:60;display:flex;align-items:center;gap:8px;background:#fff;color:var(--deep)!important;font:700 .92rem var(--font);text-decoration:none;padding:7px 16px 7px 7px;border-radius:999px;box-shadow:0 8px 24px -8px rgba(10,47,115,.45)}
.wa img{width:30px;height:30px}
.os .chat-fab{background:var(--bright);box-shadow:0 10px 28px -8px rgba(0,93,242,.7)}
.os .chat-fab .arc,.os .cb-av .arc{display:none}

/* Handy */
@media (max-width:900px){
  .ohero-in{grid-template-columns:1fr;padding:48px 20px 120px}
  .ohero-art{display:none}
  .kpi{padding:0 16px}
  .kpi-in{grid-template-columns:1fr 1fr}
  .kpi-in>div{padding:20px 18px;border:0;border-top:1px solid var(--line)}
  .kpi-in>div:nth-child(-n+2){border-top:0}
  .kpi-in>div:nth-child(even){border-inline-start:1px solid var(--line)}
  .kpi b{font-size:1.6rem}
  .sec{padding:64px 20px 16px}
  .row{grid-template-columns:56px 1fr;gap:14px;padding:16px 2px}
  .row img{width:56px;height:56px}
  .row-m{grid-column:2;text-align:start;display:flex;gap:12px;align-items:baseline}
  .row-go{display:none}
  .flow{padding:64px 20px}
  .flow-l,.why-l{grid-template-columns:1fr;gap:16px}
  .why-l{gap:28px}
  .act-in{grid-template-columns:1fr;gap:28px}
  .pd-hd-in{grid-template-columns:1fr;padding:40px 20px 44px;gap:28px}
  .pd-hd-img{display:none}
  .os .pd{grid-template-columns:1fr;padding:32px 20px 16px;gap:32px}
  .os .pd-buy{position:static}
  .os .pd-cols{grid-template-columns:1fr}
  .f-in{grid-template-columns:1fr;gap:20px;padding:56px 20px 24px}
  .wa{right:88px;bottom:22px;padding:7px}
  .wa span{display:none}
}

/* 0.3: Einfuehrung, Wissen, Shop-Band, Blog, Inhaltsseiten */
.intro-cols{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.intro-cols h3{font-size:1.35rem;margin:28px 0 8px}
.intro-cols p{color:#33456a;margin:0 0 14px}
.know-l{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.know-c{position:relative;display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:4px;padding:24px 24px 44px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,transform .15s}
.know-c:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.know-c b{display:block;font:400 1.3rem/1.3 var(--head);color:var(--deep);margin-bottom:8px}
.know-c span{display:block;color:var(--mute);font-size:.94rem;line-height:1.55}
.know-c i{position:absolute;left:24px;bottom:16px;font-style:normal;color:var(--bright)}
.shopband{margin-top:88px;background:linear-gradient(120deg,var(--blue),#2c6fe0);color:#fff;padding:64px 24px}
.shopband-in{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.shopband .eyebrow{color:#bcd3ff}
.shopband h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin:0 0 10px;line-height:1.15}
.shopband p{color:#dbe7ff;margin:0}
.shopband-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{display:block;text-decoration:none;color:var(--ink);border-top:2px solid var(--blue);padding-top:16px}
.post small{color:var(--mute);font-size:.8rem}
.post b{display:block;font:400 1.2rem/1.35 var(--head);color:var(--deep);margin:6px 0 8px}
.post span{display:block;color:var(--mute);font-size:.93rem;line-height:1.55}
.post:hover b{color:var(--bright)}
.info{max-width:var(--w);margin:0 auto;padding:56px 24px 24px;display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start}
.prose{min-width:0;font-size:1.05rem;line-height:1.75;color:#24365a}
.prose h2{font-size:1.75rem;line-height:1.25;margin:40px 0 12px}
.prose h3{font-size:1.35rem;margin:32px 0 10px}
.prose h4{font:700 1.02rem var(--font);color:var(--deep);margin:24px 0 6px}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{padding-inline-start:22px;margin:0 0 18px}
.prose li{margin:4px 0}
.prose figure{margin:24px 0}
.prose img{border-radius:4px;max-height:420px;width:auto}
.prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:.95rem}
.prose td,.prose th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:start;vertical-align:top}
.prose blockquote{margin:20px 0;padding:14px 20px;border-inline-start:3px solid var(--blue);background:var(--ice)}
.prose > :first-child{margin-top:0}
.info-side{position:sticky;top:96px;display:grid;gap:20px}
.info-box{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:4px;padding:22px;display:grid;gap:10px;box-shadow:var(--sh)}
.info-box p{margin:0;color:var(--mute);font-size:.92rem}
.info-box .eyebrow{margin:0;color:var(--bright)}
.info-price{font:400 2rem/1 var(--head)!important;color:var(--blue)!important}
.info-more h3{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
.info-more ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.info-more a{text-decoration:none;font-size:.95rem}
@media (max-width:900px){
  .intro-cols,.know-l,.posts,.shopband-in{grid-template-columns:1fr;gap:20px}
  .shopband-cta{justify-content:flex-start}
  .info{grid-template-columns:1fr;padding:32px 20px 16px;gap:32px}
  .info-side{position:static}
}

/* 0.3: Gruendung Schritt fuer Schritt (partials/setup.php) */
.su{background:var(--ice);padding:80px 24px;margin-top:48px}
.su-in{max-width:var(--w);margin:0 auto}
.su-steps{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.su-steps details{background:#fff;border-radius:6px;border:1px solid var(--line);height:100%}
.su-steps summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px}
.su-steps summary::-webkit-details-marker{display:none}
.su-steps b{font:400 1.12rem/1.3 var(--head);color:var(--deep)}
.su-n{flex:none;width:38px;height:38px;border-radius:50%;border:3px solid var(--bright);display:grid;place-items:center;font:400 1.05rem var(--head);color:var(--deep)}
.su-steps details[open] .su-n{background:var(--bright);color:#fff}
.su-steps p{margin:0;padding:0 20px 20px 72px;color:var(--mute);font-size:.95rem}
.su-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.su-card,.su-docs{background:#fff;border-radius:6px;border-top:4px solid var(--blue);padding:28px;box-shadow:var(--sh)}
.su-card h3,.su-docs h3{font-size:1.45rem;margin:0 0 6px}
.su-sub{color:var(--mute);font-size:.92rem;margin:0 0 16px}
.su-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:4px}
.su-list label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:8px 6px;border-radius:4px}
.su-list label:hover{background:var(--ice)}
.su-list input{width:20px;height:20px;margin-top:2px;accent-color:var(--bright);flex:none}
.su-list input:checked+span{color:var(--mute);text-decoration:line-through}
.su-bar{height:6px;background:var(--ice);border-radius:3px;overflow:hidden}
.su-bar i{display:block;height:100%;width:0;background:var(--bright);transition:width .25s}
.su-prog{font-size:.85rem;color:var(--mute);margin:6px 0 0;text-align:end}
.su-more{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.su-more summary{cursor:pointer;color:var(--blue);font-weight:700;font-size:.92rem}
.su-more p{font-size:.92rem;color:#33456a;margin:10px 0 0}
.su-name{width:100%;font:inherit;padding:13px 14px;border:1.5px solid var(--line);border-radius:4px}
.su-name:focus{outline:none;border-color:var(--bright)}
.su-res{min-height:1.6em;margin:10px 0 0;font-weight:700;font-size:.94rem}
.su-res.good{color:#0b7a43}
.su-res.bad{color:#c62828}
.su-docs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}
.su-docs li{position:relative;padding:8px 0 8px 26px;border-bottom:1px solid var(--line);font-size:.95rem}
.su-docs li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bright)}
@media (max-width:900px){.su{padding:56px 20px}.su-steps,.su-grid,.su-docs ul{grid-template-columns:1fr}}

.pd-steps{margin:22px 0 0}.pd-steps a{color:#fff;font-weight:700}

/* 0.4 Gruendungsassistent auf der Bestellseite (Formation) */
.fx{max-width:980px;margin:48px auto;padding:0 20px}
.fx-hd .kick{display:inline-block;font:700 12px/1 Lato,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bright);margin-bottom:10px}
.fx-hd h2{font-family:Questrial,sans-serif;font-size:clamp(26px,3.4vw,38px);color:var(--deep);margin:0 0 10px}
.fx-hd p{color:#4a5876;max-width:720px;margin:0 0 22px}
.fx-bar{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 22px;counter-reset:fx}
.fx-bar li{flex:1;counter-increment:fx;font:600 13px Lato,sans-serif;color:#7a86a1;border-top:4px solid #dfe6f3;padding-top:8px}
.fx-bar li::before{content:counter(fx) ". "}
.fx-bar li.ok{color:var(--deep);border-color:var(--blue)}
.fx-bar li.now{color:var(--bright);border-color:var(--bright)}
.fx-s{background:#fff;border:1px solid #dfe6f3;border-radius:14px;margin:0 0 12px;overflow:hidden}
.fx-s[open]{box-shadow:0 10px 30px rgba(10,47,115,.08);border-color:#c9d6ee}
.fx-s>summary{display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}
.fx-s>summary::-webkit-details-marker{display:none}
.fx-s>summary span{flex:1;display:flex;flex-direction:column}
.fx-s>summary b{font:700 17px Lato,sans-serif;color:var(--deep)}
.fx-s>summary small{color:#6b7896;font-size:14px}
.fx-s>summary em{font:700 12px Lato,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:var(--bright)}
.fx-n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 15px Lato,sans-serif;font-style:normal;flex:none}
.fx-ok{background:var(--blue);color:#fff}.fx-now{background:var(--bright);color:#fff;box-shadow:0 0 0 5px rgba(0,93,242,.15)}.fx-wait{background:#eef2f9;color:#7a86a1}
.fx-f{padding:0 22px 22px 74px}
.fx-h{color:#4a5876;font-size:15px;margin:0 0 14px}
.fx-names{display:grid;gap:8px;margin-bottom:16px}
.fx-names label{display:grid;grid-template-columns:22px 1fr;gap:4px 8px;align-items:center}
.fx-names span{color:#7a86a1;font-weight:700}
.fx-w{grid-column:2;color:#c0392b;font-size:13px}
.fx input:not([type=radio]):not([type=file]),.fx textarea{width:100%;box-sizing:border-box;border:1px solid #cdd7ea;border-radius:9px;padding:10px 12px;font:15px Lato,sans-serif;background:#fbfcff}
.fx input:focus,.fx textarea:focus{outline:none;border-color:var(--bright);box-shadow:0 0 0 3px rgba(0,93,242,.12);background:#fff}
.fx-l{display:block;font-weight:700;color:var(--deep);margin:0 0 14px}.fx-l small,.fx-g small{font-weight:400;color:#7a86a1}
.fx-l textarea{margin-top:6px}
.fx-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px;margin-bottom:14px}
.fx-g label{display:flex;flex-direction:column;gap:5px;font:700 13px Lato,sans-serif;color:var(--deep)}
.fx-g .w2{grid-column:span 2}
.fx-r{border:0;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fx-r legend{font-weight:700;color:var(--deep);margin-bottom:8px}
.fx-r label{display:flex;gap:10px;align-items:flex-start;border:1px solid #dfe6f3;border-radius:10px;padding:12px;cursor:pointer}
.fx-r label:has(input:checked){border-color:var(--bright);background:#f3f7ff}
.fx-r label span{display:flex;flex-direction:column}.fx-r small{color:#6b7896}
.fx-r.in{display:flex;gap:10px}.fx-r.in label{padding:8px 14px}
.fx-go{display:flex;gap:14px;align-items:center;margin:4px 0 0}
.fx-msg{font-size:14px;color:#6b7896}.fx-msg.bad{color:#c0392b}
.fx-up{display:grid;grid-template-columns:1fr auto auto;gap:6px 14px;align-items:center;border:1px dashed #c9d6ee;border-radius:12px;padding:14px 16px;margin:0 0 10px}
.fx-up.has{border-style:solid;border-color:#b6cdf5;background:#f6f9ff}
.fx-up>span:first-of-type{display:flex;flex-direction:column}.fx-up small{color:#6b7896;font-size:13px}
.fx-up em{font-style:normal;color:var(--blue);font-weight:700;font-size:14px}
.fx-up .fx-msg{grid-column:1/-1}.fx-up .fx-msg:empty{display:none}
.fx-up label.btn{cursor:pointer}
.fx-k{margin:0 0 16px;padding-left:20px;color:#2c3a58}.fx-k li{margin:0 0 10px}
.fx-t{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:t}
.fx-t li{counter-increment:t;position:relative;padding-left:44px;color:#4a5876}
.fx-t li::before{content:counter(t);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#eef3fd;color:var(--blue);display:grid;place-items:center;font-weight:700}
.fx-t b{display:block;color:var(--deep)}
.fx-note{background:#f3f7ff;border-left:4px solid var(--bright);border-radius:8px;padding:14px 16px;color:#2c3a58;margin:0 0 14px}
.fx-note.ok{border-color:var(--blue)}.fx-note.bad{background:#fff5f4;border-color:#c0392b}
@media (max-width:760px){.fx-f{padding:0 16px 18px}.fx-g{grid-template-columns:1fr}.fx-g .w2{grid-column:auto}.fx-r{grid-template-columns:1fr}.fx-up{grid-template-columns:1fr}.fx-bar li{font-size:0}.fx-bar li::before{font-size:13px}}
.fx-up label.btn{background:#fff;color:var(--blue);border:1px solid var(--blue);padding:9px 16px;border-radius:9px;font-weight:700;text-align:center}.fx-up label.btn:hover{background:var(--blue);color:#fff}

/* 0.5 Gesetze und Unterlagen als PDF */
.lawdocs{margin:48px 0 0}.lawdocs h2{font-family:Questrial,sans-serif;color:var(--deep);margin:0 0 6px}
.lawdocs-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}
.lawdoc{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #dfe6f3;border-radius:12px;padding:16px}
.lawdoc b{color:var(--deep)}.lawdoc small{color:#6b7896}
.lawdoc span{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.lawdoc a{font:700 12px Lato,sans-serif;color:var(--blue);border:1px solid #c9d6ee;border-radius:6px;padding:4px 8px;text-decoration:none}
.lawdoc a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

/* ===== 10.11.2026: Menue, Fusszeile, Ratgeberseiten, Blogartikel (Karl: Unterseiten nur reinkopiert, Menue zu duenn) ===== */

/* Menue Desktop: Dropdowns */
.h-nav{gap:0}
.h-nav .dd{position:relative}
.h-nav .dd>summary{list-style:none;display:flex;align-items:center;gap:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 13px;opacity:.9;border-radius:3px;user-select:none}
.h-nav .dd>summary::-webkit-details-marker{display:none}
.h-nav .dd>summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.h-nav .dd>summary:hover,.h-nav .dd[open]>summary{opacity:1;background:rgba(255,255,255,.12)}
.h-nav .dd>summary[aria-current]{opacity:1;box-shadow:inset 0 -2px 0 #fff;border-radius:0}
.h-nav .dd[open]>summary svg{transform:rotate(180deg)}
.dd-p{position:absolute;top:calc(100% + 10px);left:0;min-width:330px;background:#fff;color:var(--ink);border-radius:8px;box-shadow:0 24px 60px -18px rgba(10,47,115,.45),0 0 0 1px rgba(10,47,115,.06);padding:10px;z-index:60}
.dd-p::before{content:"";position:absolute;top:-6px;left:26px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}
.dd-wide .dd-p{min-width:620px}
.dd-p ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dd-wide .dd-p ul{grid-template-columns:1fr 1fr}
.dd-p a{display:grid;gap:2px;padding:10px 14px;border-radius:6px;text-decoration:none;color:var(--deep)}
.dd-p a:hover,.dd-p a[aria-current]{background:var(--ice)}
.dd-p b{font:700 .95rem/1.3 var(--font);color:var(--deep)}
.dd-p small{font-size:.82rem;line-height:1.35;color:var(--mute)}
.h-nav .dd:last-of-type .dd-p{left:auto;right:0}
.h-nav .dd:last-of-type .dd-p::before{left:auto;right:26px}
.h-nav .nav-foot{display:none}

@media (max-width:980px){
  .h-nav{padding:6px 16px 28px;gap:0}
  .h-nav .dd{border-bottom:1px solid rgba(255,255,255,.16)}
  .h-nav .dd>summary{font-size:1.1rem;padding:17px 4px;justify-content:space-between;border-radius:0;opacity:1;box-shadow:none!important}
  .h-nav .dd>summary:hover,.h-nav .dd[open]>summary{background:transparent}
  .h-nav .dd>summary svg{width:20px;height:20px}
  .dd-p{position:static;min-width:0!important;background:rgba(255,255,255,.07);box-shadow:none;border-radius:6px;padding:6px;margin:0 0 14px}
  .dd-p::before{display:none}
  .dd-wide .dd-p ul{grid-template-columns:1fr}
  .dd-p a{color:#fff;padding:11px 12px}
  .dd-p a:hover,.dd-p a[aria-current]{background:rgba(255,255,255,.12)}
  .dd-p b{color:#fff;font-size:1rem}
  .dd-p small{color:#bcd3ff}
  .h-nav .nav-foot{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin-top:18px;font-size:.95rem}
  .h-nav .nav-foot a,.h-nav .nav-foot .linklike{color:#fff;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;font:inherit;cursor:pointer}
  body.nav-open{overflow:hidden}
}

/* Fusszeile */
.f-in{grid-template-columns:1.3fr repeat(4,1fr);gap:36px}
.f-col summary{list-style:none;cursor:default}
.f-col summary::-webkit-details-marker{display:none}
.f-col ul{margin:0}
.f-more{max-width:var(--w);margin:0 auto;padding:0 24px 26px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.88rem;color:#9fb6e0}
.f-more a{color:#fff;text-decoration:none}
.f-more a:hover{text-decoration:underline}
@media (max-width:1100px){.f-in{grid-template-columns:1fr 1fr 1fr}.f-brand{grid-column:1/-1}}
@media (max-width:760px){
  .f-in{grid-template-columns:1fr!important;gap:0!important;padding:44px 20px 16px!important}
  .f-brand{margin-bottom:18px}
  .f-col{border-top:1px solid rgba(255,255,255,.12)}
  .f-col summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0}
  .f-col summary h3{margin:0}
  .f-col summary::after{content:"+";font-size:1.3rem;color:#fff;line-height:1}
  .f-col[open] summary::after{content:"–"}
  .f-col ul{padding-bottom:16px}
  .f-more{padding:12px 20px 22px}
}

/* Brotkrumen */
.crumbs{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.85rem;color:#bcd3ff}
.crumbs li+li::before{content:"›";margin-inline-end:8px;opacity:.7}
.crumbs a{color:#dbe7ff;text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* Ratgeber-Seiten (app/data/guides.php, templates/guide.php) */
.gd-hd{background:radial-gradient(900px 380px at 90% 0,#2a6fe6 0,transparent 60%),linear-gradient(180deg,var(--blue) 0,#1150bd 100%);color:#fff}
.gd-hd-in{max-width:var(--w);margin:0 auto;padding:44px 24px 60px}
.gd-hd h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.08;margin:0 0 16px;max-width:18em}
.gd-lead{color:#dbe7ff;font-size:1.15rem;line-height:1.6;max-width:42em;margin:0 0 26px}
.gd-cta{display:flex;flex-wrap:wrap;gap:12px}
.gd{max-width:var(--w);margin:0 auto;padding:56px 24px 32px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.gd-toc{position:sticky;top:100px;font-size:.92rem}
.gd-toc b{display:block;font:400 .78rem/1 var(--head);letter-spacing:.16em;text-transform:uppercase;color:var(--bright);margin-bottom:12px}
.gd-toc ol{list-style:none;margin:0 0 24px;padding:0;border-inline-start:2px solid var(--line)}
.gd-toc a{display:block;padding:6px 0 6px 14px;margin-inline-start:-2px;border-inline-start:2px solid transparent;color:var(--mute);text-decoration:none;line-height:1.35}
.gd-toc a:hover,.gd-toc a.on{color:var(--blue);border-color:var(--blue)}
.gd-toc .info-box{box-shadow:none}
.gd-body{min-width:0}
.gb{margin:0 0 56px;scroll-margin-top:96px}
.gb>h2{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.2;margin:0 0 18px}
.gb>p,.gb .gb-text p{font-size:1.06rem;line-height:1.75;color:#24365a;margin:0 0 16px;max-width:44em}
.gb-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.gb-facts li{background:var(--ice);border-radius:8px;padding:20px 18px}
.gb-facts b{display:block;font:400 1.55rem/1.15 var(--head);color:var(--blue);margin-bottom:6px}
.gb-facts span{font-size:.9rem;color:var(--mute);line-height:1.4;display:block}
.gb-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.gb-cards li{border:1px solid var(--line);border-radius:8px;padding:22px 22px 18px;background:#fff;display:flex;flex-direction:column;gap:8px}
.gb-cards h3{font-size:1.15rem;margin:0;color:var(--deep);line-height:1.3}
.gb-cards p{margin:0;color:#3b4d70;font-size:.97rem;line-height:1.6}
.gb-cards a.more{margin-top:auto;padding-top:6px;font-weight:700;font-size:.92rem;text-decoration:none}
.gb-ico{width:40px;height:40px;border-radius:50%;background:var(--ice);display:grid;place-items:center;color:var(--blue);font:700 1rem var(--font)}
.gb-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:0}
.gb-steps li{counter-increment:s;position:relative;padding:0 0 26px 64px}
.gb-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;border:3px solid var(--bright);display:grid;place-items:center;font:700 1rem var(--font);color:var(--blue);background:#fff}
.gb-steps li::after{content:"";position:absolute;left:20px;top:46px;bottom:4px;width:2px;background:var(--line)}
.gb-steps li:last-child::after{display:none}
.gb-steps h3{font-size:1.2rem;margin:8px 0 6px}
.gb-steps p{margin:0;color:#3b4d70;line-height:1.65}
.gb-steps .t{display:inline-block;font-size:.8rem;font-weight:700;color:var(--bright);background:var(--ice);border-radius:20px;padding:3px 10px;margin-top:8px}
.gb-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 24px}
.gb-check li{position:relative;padding-inline-start:32px;line-height:1.55;color:#24365a}
.gb-check li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--bright) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
[dir=rtl] .gb-check li::before{left:auto;right:0}
.gb-note{border-inline-start:4px solid var(--bright);background:var(--ice);border-radius:0 8px 8px 0;padding:18px 22px;color:#24365a;line-height:1.65}
.gb-note b{display:block;color:var(--deep);margin-bottom:4px}
.gb-warn{border-color:#d97706;background:#fff8eb}
.gb-table{width:100%;border-collapse:collapse;font-size:.97rem}
.gb-table th,.gb-table td{text-align:start;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.gb-table th{font-weight:700;color:var(--deep);width:34%}
.gb-terms{margin:0;display:grid;gap:0}
.gb-terms>div{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.gb-terms dt{font-weight:700;color:var(--deep)}
.gb-terms dt small{display:block;font-weight:400;color:var(--mute);font-size:.85rem}
.gb-terms dd{margin:0;color:#24365a;line-height:1.65}
.gb-terms dd a{font-size:.9rem;white-space:nowrap}
.gb-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.gb-az a{min-width:34px;text-align:center;padding:6px 8px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem}
.gb-az a:hover{background:var(--ice)}
.gb-law{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.gb-law a{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--deep)}
.gb-law a:hover{border-color:var(--bright);background:var(--ice)}
.gb-law b{font:700 .85rem var(--font);color:#fff;background:var(--blue);border-radius:4px;padding:3px 7px;flex:none}
.gb-faq details{border-bottom:1px solid var(--line)}
.gb-faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative;font-weight:700;color:var(--deep);font-size:1.03rem}
.gb-faq summary::-webkit-details-marker{display:none}
.gb-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:1.4rem;color:var(--blue);font-weight:400}
.gb-faq details[open] summary::after{content:"–"}
.gb-faq details p{margin:0 0 16px;color:#24365a;line-height:1.7}
.gb-reviews{list-style:none;margin:0;padding:0;columns:2 320px;column-gap:16px}
.gb-reviews li{break-inside:avoid;border:1px solid var(--line);border-radius:8px;padding:20px;margin:0 0 16px;background:#fff}
.gb-reviews .st{color:#f5a400;letter-spacing:2px;font-size:1rem}
.gb-reviews p{margin:8px 0 10px;color:#24365a;line-height:1.65}
.gb-reviews b{color:var(--deep);font-size:.92rem}
.gb-band{background:linear-gradient(135deg,var(--blue),#0d47a8);color:#fff;border-radius:10px;padding:34px 34px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.gb-band h2{color:#fff;margin:0 0 6px;font-size:1.6rem}
.gb-band p{margin:0;color:#dbe7ff}
.gb-band .gd-cta{justify-content:flex-end}
.gb-rel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gb-rel a{display:block;height:100%;padding:18px 20px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.gb-rel a:hover{border-color:var(--bright);box-shadow:var(--sh)}
.gb-rel b{display:block;color:var(--deep);margin-bottom:4px}
.gb-rel span{font-size:.9rem;color:var(--mute)}
.gb-src{font-size:.85rem;color:var(--mute);border-top:1px solid var(--line);padding-top:16px}
@media (max-width:980px){
  .gd{grid-template-columns:1fr;gap:28px;padding:32px 20px 16px}
  .gd-toc{position:static}
  .gd-toc ol{display:none}
  .gd-toc .info-box{display:none}
  .gb{margin-bottom:44px}
  .gb-terms>div{grid-template-columns:1fr;gap:4px}
  .gb-band{grid-template-columns:1fr;padding:26px 22px}
  .gb-band .gd-cta{justify-content:flex-start}
  .gd-hd-in{padding:28px 20px 44px}
  .gb-table th{width:42%}
}

/* Blogartikel */
.ar-hd .gd-hd-in{padding-bottom:48px}
.ar-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:#bcd3ff;font-size:.92rem;margin:0}
.ar{max-width:var(--w);margin:0 auto;padding:48px 24px 24px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.ar .prose{max-width:46em}
.ar .prose h2{font-size:1.65rem;scroll-margin-top:96px}
.ar .prose h3{font-size:1.25rem}
.ar .prose img{max-width:100%;height:auto}
.ar-toc{background:var(--ice);border-radius:8px;padding:18px 22px;margin:0 0 30px}
.ar-toc b{font:400 .78rem/1 var(--head);letter-spacing:.16em;text-transform:uppercase;color:var(--bright)}
.ar-toc ol{margin:10px 0 0;padding-inline-start:20px}
.ar-toc li{margin:5px 0}
.ar-toc a{text-decoration:none}
.ar-old{margin:0 0 28px}
.ar-side{position:sticky;top:96px;display:grid;gap:20px}
.ar-end{max-width:var(--w);margin:0 auto;padding:16px 24px 64px;display:grid;gap:40px}
.ar-end h2{font-size:1.5rem;margin:0 0 16px}
@media (max-width:980px){
  .ar{grid-template-columns:1fr;padding:28px 20px 8px;gap:28px}
  .ar-side{position:static}
  .ar-end{padding:8px 20px 48px}
}

/* Blog-Uebersicht */
.bl-tools{max-width:var(--w);margin:0 auto;padding:32px 24px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bl-tools input{flex:1;min-width:220px;max-width:420px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;font:inherit}
.bl-tools span{color:var(--mute);font-size:.9rem}
.bl{max-width:var(--w);margin:0 auto;padding:24px 24px 64px}
.bl h2{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bright);margin:28px 0 14px;font-family:var(--head)}
.bl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.bl a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 22px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#fff}
.bl a:hover{border-color:var(--bright);box-shadow:var(--sh)}
.bl b{color:var(--deep);font-size:1.05rem;line-height:1.35}
.bl span{color:var(--mute);font-size:.92rem;line-height:1.55}
.bl small{color:var(--bright);font-weight:700;font-size:.8rem}

/* ux2 */
body.nav-open .wa,body.nav-open .chat-fab,body.nav-open .chat-teaser{display:none!important}
@media (max-width:980px){
  .gd-toc>b{display:none}
  .gd-lead{font-size:1.02rem;margin-bottom:20px}
  .gd-hd h1{font-size:clamp(1.9rem,8vw,2.4rem)}
  .gd-cta .ob{padding:.85em 1.1em;font-size:.95rem}
  .gb-facts{grid-template-columns:1fr 1fr;gap:8px}
  .gb-facts li{padding:14px 14px}
  .gb-facts b{font-size:1.25rem}
  .gb-cards li{padding:18px}
  .gb-steps li{padding-left:56px}
}

/* Info-Laufband (10.11.2026) */
.tk{background:var(--deep);color:#dbe7ff;font-size:.86rem;overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}
.tk::before,.tk::after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:1;pointer-events:none}
.tk::before{left:0;background:linear-gradient(90deg,var(--deep),transparent)}
.tk::after{right:0;background:linear-gradient(270deg,var(--deep),transparent)}
.tk-in{display:flex;width:max-content;animation:tk 70s linear infinite}
.tk:hover .tk-in,.tk:focus-within .tk-in{animation-play-state:paused}
.tk-l{list-style:none;margin:0;padding:0;display:flex}
.tk-l li{display:flex;align-items:center;white-space:nowrap}
.tk-l li::after{content:"";width:5px;height:5px;border-radius:50%;background:#5f8fe6;margin:0 22px}
.tk-l a{color:#dbe7ff;text-decoration:none;padding:9px 0;display:block}
.tk-l a:hover,.tk-l a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[dir=rtl] .tk-in{animation-name:tk-rtl}
@keyframes tk-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (max-width:760px){.tk{font-size:.82rem}.tk-in{animation-duration:55s}}
@media (prefers-reduced-motion:reduce){.tk-in{animation:none;width:auto;overflow-x:auto}.tk-l[aria-hidden]{display:none}}
/* Menue: keine Umbrueche in den Gruppennamen (10.11.2026) */
.h-nav .dd>summary{white-space:nowrap}
@media (min-width:981px) and (max-width:1180px){.h-in{gap:14px}.h-nav .dd>summary{padding:10px 8px;font-size:.9rem}.h-cta{padding:10px 12px}}

/* Folgekosten (10.11.2026) */
.fu{border:1px solid var(--line);border-left:4px solid var(--bright);border-radius:6px;padding:18px 20px;margin:24px 0;background:#fff}
.co-side .fu{margin:18px 0 0}
.fu h3{font:700 1.02rem var(--font);color:var(--deep);margin:0 0 10px}
.fu ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.fu li{font-size:.94rem;line-height:1.5;color:#3b4d70}
.fu li b{display:block;color:var(--blue);font-size:1rem}
.fu p{margin:0;font-size:.9rem;color:var(--mute)}
.fu-line{margin:14px 0 0;color:#dbe7ff;font-size:.95rem}
.fu-line a{color:#fff;font-weight:700}

/* Produktseite: ausfuehrliche Bloecke (10.11.2026) */
.pd-more{margin:40px 0 8px}
.pd-more .gb{margin-bottom:44px}
.pd-more .gb>h2{font-size:1.6rem}

/* Kundenbereich My orders + Knopf im Kopf (09.11.2026) */
.acc-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:inherit;text-decoration:none}
.acc-btn:hover{background:rgba(19,87,203,.08)}
.acc-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acct{max-width:860px;margin:0 auto;padding:8px 16px 64px}
.acct-hd .acct-who{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:8px}
.acct-box{background:#fff;border:1px solid #e3e9f3;border-radius:16px;padding:22px;display:grid;gap:14px;max-width:460px;margin:0 auto}
.acct-list{display:grid;gap:14px;margin-top:18px}
.acct-o{background:#fff;border:1px solid #e3e9f3;border-radius:16px;padding:16px 18px}
.acct-o header{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.acct-o header span{color:#5b6b85;font-size:.9rem}
.acct-o .st{margin-left:auto;font-style:normal;font-size:.8rem;padding:3px 10px;border-radius:999px;background:#eaf7ef;color:#17663a}
.acct-o .st-paid,.acct-o .st-work{background:#eef3fc;color:#1357cb}
.acct-o ul{margin:10px 0;padding-left:18px;color:#24406f}
.acct-o footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.acct-o footer>b{margin-right:auto}
.acct-o footer form{margin:0}
.buy-term{display:block;margin-top:6px;font-size:.9rem;color:#5b6b85}

/* Bewertungen auf Produktseiten (alter Shop), 10.11.2026 */
.pd-rv{margin:28px 0}.pd-rv h2 small{font:400 .9rem var(--body,inherit);color:#5b6b85;margin-left:8px}.pd-rv-more summary{cursor:pointer;color:#1357cb;margin:10px 0;font-weight:600}

/* Unterlagen bei der Bestellung (Docs.php), 10.11.2026 */
.co-docs input[type=file]{display:block;margin:8px 0;max-width:100%}
.docs-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}
.docs-list li{background:#f3f6fb;border-radius:10px;padding:8px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.docs-list li small{color:#5b6b85}.docs-list li.ok{background:#eaf7ef}.docs-list li.bad{background:#fdecec}
.docs-list .linklike{margin-left:auto}
.docs-up{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.docs-up .docs-list{flex-basis:100%}
.docs-box{margin-top:18px}

/* Alttext unter Ratgeberseiten, 10.11.2026 */
.gb-orig{margin-top:34px}.gb-orig .prose h1,.gb-orig .prose h2{font-size:1.35rem}.gb-orig .prose img{max-width:100%;height:auto}

/* Preiskarte im Kopf verlinkt, Konto-Symbol nur bei breitem Kopf (Ueberlauf bei 1024 px), 10.11.2026 */
a.tag{text-decoration:none;color:inherit;transition:transform .15s}a.tag:hover{transform:translateY(-2px)}
@media (max-width:1180px){.acc-btn{display:none}}

/* IBC-Suche, 10.11.2026 */
.ibcs-form{display:flex;gap:10px;max-width:640px;margin:18px auto 6px}.ibcs-form input{flex:1;min-width:0;padding:14px 18px;border-radius:999px;border:0;font-size:1rem}
.ibcs-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px 0 0}.ibcs-dl dt{color:#5b6b85;text-transform:capitalize}.ibcs h2{margin-top:28px}
@media (max-width:560px){.ibcs-form{flex-direction:column}}

/* Mobil: Bestellkasten der Produktseite ganz oben (Karl 10.11.2026) */
@media (max-width:900px){.pd-buy{order:-1}}