*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
[data-theme="blau"]{--p:#2563eb;--p-d:#1d4ed8;--p-l:#dbeafe;--p-xl:#eff6ff;--a:#ea580c;--a-l:#fed7aa;--a-xl:#fff7ed;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="teal"]{--p:#0d9488;--p-d:#0f766e;--p-l:#ccfbf1;--p-xl:#f0fdfa;--a:#d97706;--a-l:#fde68a;--a-xl:#fffbeb;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="marine"]{--p:#1e40af;--p-d:#1e3a8a;--p-l:#dbeafe;--p-xl:#eff6ff;--a:#c2410c;--a-l:#fed7aa;--a-xl:#fff7ed;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,#fef2f2 100%)}
[data-theme="gruen"]{--p:#16a34a;--p-d:#15803d;--p-l:#dcfce7;--p-xl:#f0fdf4;--a:#b45309;--a-l:#fde68a;--a-xl:#fffbeb;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="orange"]{--p:#ea580c;--p-d:#c2410c;--p-l:#fed7aa;--p-xl:#fff7ed;--a:#2563eb;--a-l:#dbeafe;--a-xl:#eff6ff;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="slate"]{--p:#475569;--p-d:#334155;--p-l:#e2e8f0;--p-xl:#f8fafc;--a:#d97706;--a-l:#fde68a;--a-xl:#fffbeb;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
:root{--ink:#111827;--text:#374151;--muted:#374151;--footer-link:#e5e7eb;--faint:#6b7280;--bg:#fff;--surface:#f9fafb;--border:#e5e7eb;--green:#16a34a;--green-l:#dcfce7;--ff:'DM Sans',system-ui,-apple-system,sans-serif;--r:16px;--rs:10px;--rx:8px;--ease:cubic-bezier(.4,0,.2,1)}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--ff);color:var(--text);background:var(--bg);line-height:1.7;overflow-x:hidden;padding-bottom:72px}.w{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}img{max-width:100%;display:block}a{transition:color .2s}
.top{background:var(--ink);color:rgba(255,255,255,.75);font-size:.78rem}.top .w{display:flex;justify-content:space-between;align-items:center;height:38px}.top a{color:var(--a-l);text-decoration:none;font-weight:700}.top a:hover{text-decoration:underline}
.hd{position:sticky;top:0;z-index:998;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.hd .w{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.lm{width:42px;height:42px;background:var(--p);border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.lt{font-size:1.25rem;font-weight:800;color:var(--ink);line-height:1.1;letter-spacing:-.3px}.lt small{display:block;font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
.nv{display:flex;align-items:center;gap:.1rem;list-style:none}.nv a{padding:.4rem .75rem;font-size:.84rem;font-weight:600;color:var(--text);text-decoration:none;border-radius:var(--rx);transition:.2s}.nv a:hover,.nv a.active{color:var(--p);background:var(--p-xl)}
.nv-cta{background:var(--p)!important;color:#fff!important;padding:.48rem 1.1rem!important;border-radius:var(--rs)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nv-cta:hover{background:var(--p-d)!important;transform:translateY(-1px)}
.bur{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--ink)}
.hero{background:var(--hero-bg);padding:clamp(2.5rem,7vw,4.5rem) 0 clamp(3rem,7vw,5rem);position:relative;overflow:hidden}
.hero .w{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.hc{max-width:550px}
.badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--green-l);color:#15803d;padding:.28rem .85rem;border-radius:100px;font-size:.74rem;font-weight:700;margin-bottom:1.3rem}
.hero h1{font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.12;font-weight:800;color:var(--ink);margin-bottom:1rem;letter-spacing:-.4px}.hero h1 span{color:var(--p)}
.h-sub{font-size:1rem;color:var(--muted);margin-bottom:2rem;max-width:470px;line-height:1.75}
.h-btns{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:2.2rem}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.78rem 1.5rem;border:none;border-radius:var(--rs);font-family:var(--ff);font-size:.88rem;font-weight:700;cursor:pointer;text-decoration:none;transition:.3s var(--ease)}
.btn-p{background:var(--p);color:#fff;box-shadow:0 3px 14px rgba(0,0,0,.12)}.btn-p:hover{background:var(--p-d);transform:translateY(-2px)}
.btn-o{background:var(--bg);color:var(--text);border:2px solid var(--border)}.btn-o:hover{border-color:var(--p);color:var(--p);transform:translateY(-2px)}
.btn-w{background:#fff;color:var(--p);box-shadow:0 3px 14px rgba(0,0,0,.1)}.btn-w:hover{transform:translateY(-2px)}
.btn-gl{background:#fff;color:var(--p);border:none}.btn-gl:hover{background:#f8fafc}
.h-trust{display:flex;gap:1.8rem;flex-wrap:wrap}.ht{display:flex;align-items:center;gap:.4rem}.ht-i{width:34px;height:34px;background:var(--p-l);border-radius:9px;display:grid;place-items:center;font-size:.9rem}.ht-t{font-size:.78rem;font-weight:700;color:var(--ink);line-height:1.2}.ht-t small{font-weight:500;color:var(--muted);display:block}
.h-card{background:var(--bg);border-radius:var(--r);border:1px solid var(--border);box-shadow:0 8px 36px rgba(0,0,0,.06);overflow:hidden}
.h-card-top{background:var(--p);color:#fff;padding:1.6rem 1.8rem;text-align:center}.h-card-top .h-card-title{font-size:1.15rem;font-weight:700;margin-bottom:.15rem}.h-card-top p{font-size:.78rem;opacity:1;color:rgba(255,255,255,.95)}
.hcs{display:grid;grid-template-columns:1fr 1fr}.hs{padding:1.2rem .8rem;text-align:center;border-bottom:1px solid var(--border)}.hs:nth-child(odd){border-right:1px solid var(--border)}.hs-n{font-size:1.7rem;font-weight:800;color:var(--p);line-height:1}.hs-l{font-size:.68rem;color:var(--muted);margin-top:.1rem;font-weight:600}
.hc-bot{padding:1rem;text-align:center;background:var(--surface)}.hc-stars{color:var(--a);font-size:.9rem;letter-spacing:2px}.hc-rev{font-size:.72rem;color:var(--muted);margin-top:.1rem}
section{padding:clamp(3rem,7vw,5rem) 0}.sl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--p);margin-bottom:.4rem}
.st{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:800;color:var(--ink);line-height:1.15;margin-bottom:.6rem;letter-spacing:-.3px}
.sd{color:var(--muted);font-size:.95rem;max-width:510px;margin-bottom:2.3rem}.sc{text-align:center}.sc .sd{margin-left:auto;margin-right:auto}
.svc{background:var(--surface)}.tabs{display:flex;justify-content:center;gap:.4rem;margin-bottom:2rem;flex-wrap:wrap}
.tab{padding:.45rem 1.05rem;border-radius:100px;font-size:.8rem;font-weight:700;cursor:pointer;border:2px solid var(--border);background:var(--bg);color:var(--muted);transition:.25s}.tab:hover,.tab.on{background:var(--p);color:#fff;border-color:var(--p)}
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.s{background:var(--bg);border-radius:var(--r);padding:1.5rem 1.2rem;border:1px solid var(--border);transition:.3s;position:relative;overflow:hidden}.s::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--p);transform:scaleX(0);transition:.3s}.s:hover{transform:translateY(-5px);box-shadow:0 8px 28px rgba(0,0,0,.06)}.s:hover::after{transform:scaleX(1)}
.s-i{width:48px;height:48px;background:var(--p-l);border-radius:12px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:.8rem;transition:.3s}.s:hover .s-i{background:var(--p)}.s h3{font-size:.86rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}.s p{font-size:.76rem;color:var(--muted);line-height:1.55}.s a{text-decoration:none;color:inherit;display:block}
.bg{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.b{background:var(--bg);border-radius:var(--r);padding:1.3rem;border:1px solid var(--border);display:flex;gap:.8rem;transition:.3s}.b:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.05)}.b-i{flex-shrink:0;width:40px;height:40px;background:var(--a-xl);border-radius:10px;display:grid;place-items:center;font-size:1.05rem}.b h3{font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:.1rem}.b p{font-size:.74rem;color:var(--muted)}
.why{background:var(--bg)}.wy{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}.wfl{display:flex;flex-direction:column;gap:1.2rem}.wf{display:flex;gap:.8rem}.wf-i{flex-shrink:0;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.1rem}.wf-i.c1{background:var(--p-l)}.wf-i.c2{background:var(--a-l)}.wf-i.c3{background:var(--green-l)}.wf h4{font-size:.88rem;font-weight:700;color:var(--ink)}.wf p{font-size:.83rem;color:var(--muted)}
.wyc{background:var(--p);border-radius:var(--r);padding:2.5rem 2rem;color:#fff;position:relative;overflow:hidden}.wyc h3{font-size:1.25rem;font-weight:700;margin-bottom:1.1rem}.wyc ul{list-style:none}.wyc li{padding:.45rem 0;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.wyc li:last-child{border:none}.ck{width:20px;height:20px;background:rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;font-size:.5rem;flex-shrink:0}
.reg{background:var(--surface)}.rg{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rc{background:var(--bg);border-radius:var(--r);padding:1.6rem 1.2rem;border:1px solid var(--border);text-align:center;transition:.3s;text-decoration:none;display:block;color:inherit}.rc:hover{transform:translateY(-5px);box-shadow:0 8px 26px rgba(0,0,0,.06)}.rc-p{width:44px;height:44px;background:var(--p-l);border-radius:50%;margin:0 auto .7rem;display:grid;place-items:center;font-size:1.1rem;transition:.3s}.rc:hover .rc-p{background:var(--p)}.rc h3{font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}.rc p{font-size:.75rem;color:var(--muted)}
.faq-section{background:var(--bg)}.fl{max-width:700px;margin:0 auto}.fi{background:var(--surface);border-radius:var(--rs);margin-bottom:.5rem;border:1px solid var(--border);overflow:hidden}.fi:hover{border-color:var(--p)}.fq{width:100%;padding:1rem 1.2rem;background:none;border:none;text-align:left;font-family:var(--ff);font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.fq:hover{color:var(--p)}.fc{width:24px;height:24px;background:var(--bg);border:1.5px solid var(--border);border-radius:6px;display:grid;place-items:center;font-size:.55rem;color:var(--p);transition:.3s}.fc.op{background:var(--p);color:#fff;transform:rotate(180deg)}.fa{max-height:0;overflow:hidden;transition:max-height .4s}.fa.op{max-height:300px}.fa-in{padding:0 1.2rem 1rem;font-size:.85rem;color:var(--muted);line-height:1.75}
.rvs{background:var(--surface);overflow:hidden;padding-bottom:3rem}.rv-track{display:flex;gap:1rem;animation:rvscroll 300s linear infinite;width:max-content}.rv-track:hover{animation-play-state:paused}.rv{background:var(--bg);border-radius:var(--r);padding:1.6rem;border:1px solid var(--border);min-width:320px;max-width:380px;flex-shrink:0}.rv-s{color:var(--a);font-size:.82rem;letter-spacing:2px;margin-bottom:.6rem}.rv-t{font-size:.85rem;color:var(--text);line-height:1.7;margin-bottom:.8rem;font-style:italic}.rv-a{font-size:.8rem;font-weight:700;color:var(--ink)}@keyframes rvscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cta{background:var(--p);color:#fff;text-align:center;padding:clamp(2.5rem,6vw,4.5rem) 0;position:relative;overflow:hidden}.cta .w{position:relative;z-index:2}.cta .sl{color:#ffffff;opacity:1}.cta .st{color:#fff}.cta-p{font-size:.98rem;color:#fff;margin-bottom:1.6rem;max-width:460px;margin-left:auto;margin-right:auto}.cta-btns{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.cta-ph{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-top:1.2rem}.cta-ph a{color:#fff;text-decoration:none}.cta-sm{font-size:.8rem;color:#fff;margin-top:.3rem}
footer{background:#111827;color:#d1d5db;padding:3.5rem 0 1.5rem}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}.fb p{font-size:.83rem;line-height:1.75;margin-top:.7rem}.fcol h6{color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:.7rem}.fcol a{display:block;color:#d1d5db;text-decoration:none;font-size:.85rem;padding:.15rem 0;min-height:0;display:flex;align-items:center}.fcol a:hover{color:#93c5fd}.fr{display:flex;gap:.4rem;margin-bottom:.35rem;font-size:.83rem}.fbot{border-top:1px solid #374151;padding-top:1.2rem;display:flex;justify-content:space-between;font-size:.75rem;color:#d1d5db}
.content-area{max-width:800px;margin:0 auto;padding:2rem 0}.content-area h1{font-size:1.8rem;font-weight:800;color:var(--ink);margin-bottom:1rem}.content-area p{margin-bottom:1rem}
.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:.3rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.7rem 1rem;border:1.5px solid var(--border);border-radius:var(--rx);font-family:var(--ff);font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--p)}.form-group textarea{min-height:120px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.alert{padding:1rem 1.2rem;border-radius:var(--rs);margin-bottom:1.5rem;font-size:.9rem}.alert-success{background:var(--green-l);color:var(--green)}.alert-error{background:#fef2f2;color:#dc2626}
.hp{position:absolute;left:-9999px}.breadcrumb{padding:.8rem 0;font-size:.8rem;color:var(--muted)}.breadcrumb a{color:var(--p);text-decoration:none}.breadcrumb span{margin:0 .3rem}
.steps-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.step{background:var(--surface);border-radius:var(--r);padding:1.5rem;text-align:center;border:1px solid var(--border)}.step-num{width:36px;height:36px;background:var(--p);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;margin:0 auto .8rem}.step h4{font-size:.9rem;font-weight:700;color:var(--ink)}.step p{font-size:.8rem;color:var(--muted)}
.page-hero{background:var(--surface);padding:2.5rem 0;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--ink)}.page-hero p{color:var(--muted);margin-top:.3rem}
@media(max-width:1024px){.sg{grid-template-columns:repeat(2,1fr)}.bg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.top .w{font-size:.7rem}.nv{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;border-bottom:1px solid var(--border);box-shadow:0 8px 20px rgba(0,0,0,.1)}.nv.open{display:flex}.bur{display:block}.hero .w{grid-template-columns:1fr}.wy{grid-template-columns:1fr}.rg{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}.fbot{flex-direction:column;text-align:center}.form-grid{grid-template-columns:1fr}}
@media(max-width:480px){.sg{grid-template-columns:1fr}.bg{grid-template-columns:1fr}.rg{grid-template-columns:1fr}.fg{grid-template-columns:1fr}}
@keyframes up{from{opacity:0}to{opacity:1}}.hc>*{opacity:1}.badge,.hero h1,.h-sub,.h-btns,.h-trust,.h-card{opacity:1}

.content-area::after{content:'';display:table;clear:both}

/* ═══ PROZESS-SEKTION ═══ */
.prozess{background:var(--bg)}
.pz-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-bottom:2.5rem}
.pz-steps::before{content:'';position:absolute;top:43px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--p),#16a34a);z-index:0}
.pz-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .8rem;position:relative;z-index:1;transition:opacity .5s ease,transform .5s ease}
.pz-step.pz-vis{opacity:1;transform:translateY(0)}
.pz-icon{width:86px;height:86px;flex-shrink:0;border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.9rem;margin:0 auto 1.1rem;position:relative;box-shadow:0 4px 18px rgba(0,0,0,.07);transition:transform .3s,box-shadow .3s,border-color .3s,background .3s}
.pz-step:hover .pz-icon{transform:translateY(-5px) scale(1.06);box-shadow:0 14px 32px rgba(29,78,216,.15);border-color:var(--p)}
.pz-badge{position:absolute;top:-5px;right:-5px;width:24px;height:24px;background:var(--p);color:#fff;font-size:.66rem;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pz-badge-g{background:#16a34a}
.pz-done{border-color:#16a34a;background:#f0fdf4}
.pz-step.pz-active .pz-icon{background:var(--p-l);border-color:var(--p);box-shadow:0 0 0 5px rgba(59,130,246,.12);transform:none}
.pz-last.pz-active .pz-icon{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.12);transform:none}
.pz-step h3{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.3rem}
.pz-step p{font-size:.78rem;color:var(--muted);line-height:1.55}
.pz-trust{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:center;margin-top:.5rem}
.pz-trust span{font-size:.8rem;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:.3rem}
@media(max-width:900px){.pz-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}.pz-steps::before{display:none}}
@media(max-width:560px){.pz-steps{grid-template-columns:1fr 1fr;gap:1.2rem}}

/* ═══ COMBO-SEITEN ═══ */
/* Hero */
.cb-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);color:#fff;padding:3rem 0 3.5rem}
.cb-hero-inner{display:grid;grid-template-columns:1fr 420px;gap:3rem;align-items:center;margin-top:1.5rem}
.cb-hero-text h1{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;line-height:1.15;margin:.6rem 0 1rem;color:#fff}
.cb-intro{font-size:1rem;line-height:1.7;color:#cbd5e1;margin-bottom:1.5rem}
.cb-hero-btns{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-p{background:#2563eb;color:#fff;padding:.65rem 1.3rem;border-radius:9px;font-weight:700;text-decoration:none;font-size:.9rem;transition:.2s;border:none;cursor:pointer;display:inline-block}
.btn-p:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}
.cb-trust-row{display:flex;gap:1.2rem;flex-wrap:wrap}
.cb-trust-row span{font-size:.8rem;color:#93c5fd;font-weight:500}
/* Hero Card */
.cb-hero-card{background:#fff;border-radius:18px;padding:1.8rem;color:var(--ink)}
.cb-card-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.cb-card-icon{width:44px;height:44px;background:var(--p-l);border-radius:12px;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}
.cb-card-title{font-weight:800;font-size:.95rem;color:var(--ink)}
.cb-card-sub{font-size:.75rem;color:var(--muted)}
.cb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}
.cb-stat{text-align:center;padding:.6rem .3rem;background:var(--surface);border-radius:8px}
.cb-stat-n{font-size:1.3rem;font-weight:800;color:var(--p);line-height:1}
.cb-stat-l{font-size:.65rem;color:var(--muted);margin-top:.1rem}
.cb-rating{text-align:center;padding:.6rem;background:#fffbeb;border-radius:8px;margin-bottom:.8rem}
.cb-stars{color:#f59e0b;font-size:.9rem;letter-spacing:2px}
.cb-rating-text{font-size:.72rem;color:var(--muted);margin-top:.1rem}
.cb-call-btn{display:block;background:var(--p);color:#fff;padding:.7rem;border-radius:9px;text-align:center;font-weight:700;text-decoration:none;font-size:.9rem;transition:.2s}
.cb-call-btn:hover{background:#1d4ed8}
/* Vorteile */
.cb-why{background:var(--surface);padding:2rem 0}
.cb-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.cb-why-item{display:flex;align-items:flex-start;gap:.7rem;background:#fff;padding:1rem;border-radius:12px;border:1px solid var(--border)}
.cb-why-icon{font-size:1.4rem;flex-shrink:0;line-height:1}
.cb-why-item strong{display:block;font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}
.cb-why-item span{font-size:.75rem;color:var(--muted);line-height:1.5}
/* Schritte */
.cb-steps{background:var(--bg)}
.cb-steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative}
.cb-steps-grid::before{content:'';position:absolute;top:32px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--p),#16a34a);z-index:0}
.cb-step-card{background:#fff;border-radius:14px;padding:1.4rem 1rem;text-align:center;border:1px solid var(--border);position:relative;z-index:1;transition:.3s}
.cb-step-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.08);border-color:var(--p)}
.cb-step-num{width:52px;height:52px;background:var(--p);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.1rem;margin:0 auto .8rem;box-shadow:0 4px 14px rgba(29,78,216,.3)}
.cb-step-card:last-child .cb-step-num{background:#16a34a;box-shadow:0 4px 14px rgba(22,163,74,.3)}
.cb-step-card h3{font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:.3rem}
.cb-step-card p{font-size:.75rem;color:var(--muted);line-height:1.55}
/* Festpreis */
.cb-price{background:var(--p-l)}
.cb-price-inner{display:flex;gap:1.5rem;align-items:flex-start;max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem;border:1px solid var(--border)}
.cb-price-icon{font-size:2.5rem;flex-shrink:0}
.cb-price-inner h2{font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}
.cb-price-inner p{font-size:.88rem;color:var(--muted);line-height:1.7}
/* Referenz */
.cb-proof{background:var(--surface)}
.cb-proof-inner{max-width:800px;margin:0 auto;text-align:center}
.cb-proof-text{background:#fff;border-radius:16px;padding:2rem;margin-top:1.5rem;border:1px solid var(--border);position:relative}
.cb-proof-quote{font-size:5rem;line-height:.6;color:var(--p);opacity:.15;position:absolute;top:1rem;left:1.5rem;font-family:Georgia,serif}
.cb-proof-text p{font-size:.92rem;color:var(--text);line-height:1.8;font-style:italic;position:relative;z-index:1}
/* Bewertungen */
.cb-reviews{background:var(--bg)}
.cb-rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cb-rv-card{background:#fff;border-radius:14px;padding:1.4rem;border:1px solid var(--border);transition:.3s}
.cb-rv-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.07)}
.cb-rv-stars{color:#f59e0b;font-size:.85rem;letter-spacing:2px;margin-bottom:.6rem}
.cb-rv-text{font-size:.83rem;color:var(--text);line-height:1.7;margin-bottom:.9rem;font-style:italic}
.cb-rv-author{display:flex;align-items:center;gap:.6rem}
.cb-rv-avatar{width:36px;height:36px;background:var(--p);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;flex-shrink:0}
.cb-rv-author strong{display:block;font-size:.8rem;color:var(--ink)}
.cb-rv-author span{font-size:.72rem;color:var(--muted)}
/* FAQ */
.cb-faq{background:var(--surface)}
.cb-faq-list{max-width:750px;margin:0 auto}
/* Lokal */
.cb-local{background:var(--bg)}
.cb-local-inner{display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:center}
.cb-local-inner p{font-size:.9rem;color:var(--muted);line-height:1.75}
.cb-local-badge{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:18px;padding:2rem;color:#fff;text-align:center}
.cb-local-map{font-size:3rem;margin-bottom:.8rem}
.cb-local-info{display:flex;flex-direction:column;gap:.5rem}
.cb-local-stat{display:flex;align-items:center;gap:.5rem;font-size:.83rem;color:#bfdbfe;background:rgba(255,255,255,.08);border-radius:8px;padding:.5rem .8rem}
.cb-local-stat span{font-weight:800;color:#fff;font-size:1rem}
/* Responsive */
@media(max-width:1024px){
  .cb-hero-inner{grid-template-columns:1fr}.cb-hero-card{display:none}
  .cb-why-grid{grid-template-columns:repeat(2,1fr)}
  .cb-steps-grid{grid-template-columns:repeat(3,1fr)}.cb-steps-grid::before{display:none}
  .cb-rv-grid{grid-template-columns:repeat(2,1fr)}
  .cb-local-inner{grid-template-columns:1fr}.cb-local-badge{display:none}
}
@media(max-width:640px){
  .cb-why-grid{grid-template-columns:1fr 1fr}
  .cb-steps-grid{grid-template-columns:1fr 1fr}
  .cb-rv-grid{grid-template-columns:1fr}
}

/* === NEUE VORTEILE-SEKTION === */
.vorteile-neu{background:var(--bg);padding:clamp(3rem,7vw,5rem) 0}
.vorteile-header{text-align:center;margin-bottom:2.5rem}
.vorteile-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--green-l);color:#15803d;padding:.5rem 1.2rem;border-radius:100px;font-size:.85rem;font-weight:700;margin-bottom:1.2rem}
.vorteile-badge .pulse{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite}
.vorteile-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--ink);margin-bottom:.6rem;line-height:1.2}
.vorteile-title span{color:var(--p)}
.vorteile-subtitle{font-size:1.1rem;color:var(--muted);max-width:600px;margin:0 auto}
.vorteile-grid{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}
.vorteile-container{background:var(--bg);border-radius:24px;padding:2rem;box-shadow:0 4px 24px rgba(0,0,0,.04);border:1px solid var(--border)}
.vorteile-cards{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.vorteil-card{display:flex;align-items:flex-start;gap:.9rem;padding:1.1rem;border-radius:14px;transition:all .3s ease;border:1px solid transparent}
.vorteil-card:hover{background:var(--p-xl);border-color:var(--p-l);transform:translateX(4px)}
.vorteil-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}
.vorteil-icon.v1{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.vorteil-icon.v2{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}
.vorteil-icon.v3{background:linear-gradient(135deg,#fed7aa,#fdba74)}
.vorteil-icon.v4{background:linear-gradient(135deg,#e9d5ff,#d8b4fe)}
.vorteil-icon.v5{background:linear-gradient(135deg,#fecaca,#fca5a5)}
.vorteil-icon.v6{background:linear-gradient(135deg,#cffafe,#a5f3fc)}
.vorteil-icon.v7{background:linear-gradient(135deg,#fef08a,#fde047)}
.vorteil-icon.v8{background:linear-gradient(135deg,#fbcfe8,#f9a8d4)}
.vorteil-card .vorteil-title{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.15rem;line-height:1.3}
.vorteil-card p{font-size:.78rem;color:var(--muted);line-height:1.45}
.cta-sidebar{position:sticky;top:2rem}
.cta-card-neu{background:linear-gradient(145deg,var(--p) 0%,var(--p-d) 100%);border-radius:24px;padding:2.2rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(37,99,235,.3)}
.cta-card-neu::before{content:"";position:absolute;top:-30%;right:-30%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none}
.cta-card-neu>*{position:relative;z-index:1}
.cta-label-neu{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.15);padding:.4rem .9rem;border-radius:100px;font-size:.75rem;font-weight:600;margin-bottom:1.2rem}
.cta-card-neu .cta-title-neu{font-size:1.4rem;font-weight:800;margin-bottom:.4rem}
.cta-card-neu .cta-sub{font-size:.9rem;opacity:.85;margin-bottom:1.8rem}
.cta-phone-neu{font-size:1.9rem;font-weight:800;margin-bottom:1.2rem;letter-spacing:.5px}
.cta-phone-neu a{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem}
.phone-ring{display:inline-block;animation:ring 2.5s ease-in-out infinite}
@keyframes ring{0%,100%{transform:rotate(0)}10%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%,100%{transform:rotate(0)}}
.cta-btn-neu{display:block;padding:1rem;border-radius:14px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .3s ease;margin-bottom:.7rem}
.cta-btn-primary-neu{background:#fff;color:var(--p);box-shadow:0 4px 15px rgba(0,0,0,.1)}
.cta-btn-primary-neu:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}
.cta-btn-secondary-neu{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.cta-btn-secondary-neu:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}
.cta-hours-neu{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.2rem;font-size:.8rem;opacity:.8}
.cta-hours-neu .online-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}
.trust-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem}
.trust-item{background:#fff;border-radius:12px;padding:.9rem .6rem;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.04);border:1px solid var(--border)}
.trust-item .number{font-size:1.3rem;font-weight:800;color:var(--p);line-height:1}
.trust-item .label{font-size:.68rem;color:var(--muted);margin-top:.2rem}
.bottom-closer{margin-top:3rem;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:24px;padding:3rem;text-align:center;position:relative;overflow:hidden}
.bottom-closer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--p),#3b82f6,var(--green))}
.bottom-closer::after{content:"";position:absolute;top:-50%;right:-20%;width:50%;height:150%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 60%);pointer-events:none}
.closer-content{position:relative;z-index:1}
.closer-headline{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;color:#fff;line-height:1.4;margin-bottom:1.2rem}
.closer-headline span{color:#60a5fa}
.closer-text{font-size:1.1rem;color:#94a3b8;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}
.closer-social-proof{font-size:1.15rem;color:#fff;margin-bottom:2rem}
.closer-social-proof strong{color:#4ade80}
.closer-social-proof em{font-style:normal;color:#fbbf24;font-weight:700}
.closer-cta{display:inline-flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,var(--p) 0%,#3b82f6 100%);color:#fff;padding:1.2rem 2.5rem;border-radius:100px;font-size:1.4rem;font-weight:800;text-decoration:none;box-shadow:0 0 40px rgba(59,130,246,.4);transition:all .3s ease;animation:glow 2s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 30px rgba(59,130,246,.4)}50%{box-shadow:0 0 50px rgba(59,130,246,.6)}}
.closer-cta:hover{transform:scale(1.05);box-shadow:0 0 60px rgba(59,130,246,.6)}
.closer-cta .cta-icon{font-size:1.5rem;animation:ring 2.5s ease-in-out infinite}
@media(max-width:1000px){.vorteile-grid{grid-template-columns:1fr}.cta-sidebar{position:static}.vorteile-cards{grid-template-columns:1fr}}
@media(max-width:600px){.vorteile-container{padding:1.2rem}.vorteil-card{padding:.8rem}.cta-card-neu{padding:1.5rem}.cta-phone-neu{font-size:1.5rem}.trust-indicators{gap:.5rem}.bottom-closer{padding:2rem}}

/* Hero Image Slider */
.hero-img-wrap{position:relative;width:100%}
.hero-slider{position:relative;width:100%}
.hero-slide{display:none;width:100%}
.hero-slide.active{display:block;animation:fadeIn .5s}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.hero-slide img{width:100%;height:auto;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.15);object-fit:cover;aspect-ratio:4/3}
.hero-slide-card{background:linear-gradient(135deg,var(--p) 0%,#3b82f6 100%);border-radius:20px;padding:2.5rem;color:#fff;text-align:center;min-height:380px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 25px 60px rgba(37,99,235,.3)}
.hero-slide-card h3{font-size:1.6rem;font-weight:800;margin-bottom:1rem;line-height:1.3}
.hero-slide-card p{font-size:1.05rem;opacity:.9;line-height:1.7}
.hero-slide-card .stat{font-size:3rem;font-weight:800;margin-bottom:.5rem}
.hero-dots{display:flex;justify-content:center;gap:8px;margin-top:1.2rem}
.hero-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:.3s}
.hero-dot.active{background:var(--p);transform:scale(1.3)}
@media(max-width:768px){.hero .w{grid-template-columns:1fr}.hero-img-wrap{margin-top:2rem}}

/* ============================================================
   Barrierefreiheit & Kontrast Fixes – WCAG AA konform
   ============================================================ */

/* Touch-Ziele mindestens 44px */
.btn, .btn-p, .btn-w, .btn-gl, button[type="submit"] {
  min-height: 44px;
}
nav a, .fcol a {
  min-height: 44px;
  display: flex;
  align-items: center;
}

/* Fokus-Indikator für Tastaturnavigation */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

/* Skip-Link für Screenreader */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 99999;
  padding: .5rem 1rem;
  background: #2563eb;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.skip-link:focus {
  left: 0;
}

/* ============================================================
   WCAG AA Kontrast-Fixes – spezifische Overrides
   ============================================================ */

/* Kleine Texte brauchen mehr Kontrast */
.hs-l, .hc-rev, .rv-a, .cb-stat-l,
.lt small, .ht-t small, .hc-bot .hc-rev {
  color: #374151 !important;
}

/* opacity auf farbigen Hintergründen entfernen */
.h-card-top p, .cta-p, .cta-sm {
  opacity: 1 !important;
  color: rgba(255,255,255,0.97) !important;
}

/* Top-Bar Text kontrast */
.top { background: #111827; }
.top, .top a { color: #ffffff !important; }

/* Footer bottom text */
.fbot { color: #9ca3af; }

/* Berührungsziele – alle interaktiven Elemente mindestens 44px */
a, button, [role="button"],
input[type="submit"], input[type="button"],
.tab, .btn, .btn-p, .btn-w, .btn-gl,
.s a, .rc, .fi button, .fq {
  min-height: 44px;
}

/* Navigation Links */
nav li a, .fcol a, .nav-link {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* Hamburger Menü größer */
.hamburger, .menu-toggle, [aria-label="Menü"] {
  min-width: 44px;
  min-height: 44px;
}

/* Footer Link Kontrast Final Fix */
footer .fcol a,
footer a[style*="d1d5db"] {
  color: #ffffff !important;
  font-size: .875rem !important;
}
footer a[style*="d1d5db"]:hover {
  color: #ffffff !important;
}

/* CTA sl Label */
.cta .sl {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

/* Footer Links - kein JS Hover, nur CSS */
.footer-col-link {
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  text-decoration: none !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  padding: .2rem 0 !important;
  line-height: 1.5 !important;
  transition: color .15s !important;
}
.footer-col-link:hover {
  color: #ffffff !important;
}