/* ============================================================
   Schachner Media – Design System 2026 ("Liquid Glass")
   Globale Design-Ebene für alle Seiten. Wird NACH den
   seiteneigenen <style>-Blöcken geladen und überschreibt diese.
   Keine externen Ressourcen (DSGVO).
   ============================================================ */

:root{
  --sm-bg:#f5f5f7;
  --sm-surface:#ffffff;
  --sm-ink:#1d1d1f;
  --sm-ink-2:#424245;
  --sm-ink-3:#6e6e73;
  --sm-ink-4:#86868b;
  --sm-line:rgba(0,0,0,.08);
  --sm-line-2:rgba(0,0,0,.12);
  --sm-blue:#1a5cff;
  --sm-blue-h:#0a4ae6;
  --sm-blue-soft:rgba(26,92,255,.08);
  --sm-dark:#000;
  --sm-dark-2:#161617;
  --sm-r-xl:32px;
  --sm-r-l:24px;
  --sm-r-m:18px;
  --sm-r-s:12px;
  --sm-glass:rgba(255,255,255,.66);
  --sm-glass-strong:rgba(255,255,255,.82);
  --sm-glass-brd:rgba(255,255,255,.72);
  --sm-glass-fx:blur(24px) saturate(180%);
  --sm-glass-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(0,0,0,.06),0 10px 34px rgba(0,0,0,.07);
  --sm-card-shadow:0 1px 2px rgba(0,0,0,.03),0 6px 24px rgba(0,0,0,.04);
  --sm-card-shadow-h:0 2px 6px rgba(0,0,0,.04),0 18px 48px rgba(0,0,0,.08);
  --sm-ease:cubic-bezier(.22,1,.36,1);
  --sm-gutter:clamp(20px,4vw,56px);
  --blue:#1a5cff;--ink:#1d1d1f;--off:#f5f5f7;--soft:#f5f5f7;--mid:#6e6e73;--muted:#86868b;--line:rgba(0,0,0,.08);
}

/* ── BASE ─────────────────────────────────────────────── */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html body{background:var(--sm-bg);color:var(--sm-ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif;font-feature-settings:'cv11','ss01','ss03';text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif;color:inherit;text-wrap:balance}
html body p{text-wrap:pretty}
::selection{background:rgba(26,92,255,.18)}
:focus-visible{outline:2px solid var(--sm-blue);outline-offset:3px;border-radius:8px}

/* Seiten-Ladeeffekt (weißer Wisch) entfernen – verzögert nur den Seitenaufbau */
#page-loader{display:none!important}
html.page-loading .rv,html.page-loading .chat-bubble,html.page-loading .ref-video,html.page-loading .ref-row{opacity:1!important}

/* Serif-Akzente → ruhige zweifarbige Headlines (Apple-Stil) */
html body .it,html body .sh em,html body h1 em,html body h2 em,html body .srv-h-serif,html body .hero h1 .it,html body .page-h1 em,html body .chat-em,html body .tqm{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important}
html body .sh em,html body h1 em,html body h2 em,html body .srv-h-serif,html body .hero h1 .it,html body .chat-em,html body .val-sec .sh em,html body .kontakt-wrap .sh em{color:var(--sm-ink-4)!important}
html body .cta-in .sh em,html body h1 em.blue,html body h1 .blue,html body h2 .blue{color:var(--sm-blue)!important}
html body .proc-sec .sh em,html body .vs-sec .sh em,html body [class*="dark"] .sh em{color:rgba(255,255,255,.42)!important}
/* Markierungs-Sweep entfernen */
html body .hl-wrap::before{display:none!important}
html body .hl-wrap{display:inline}

/* ── TYPO-SKALA ───────────────────────────────────────── */
html body .sh{font-size:clamp(2rem,4.2vw,3.5rem);font-weight:700;letter-spacing:-.035em;line-height:1.07}
html body .ol,html body .hero-eyebrow,html body .col-label{font-size:.95rem;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--sm-blue);margin-bottom:12px}
html body .proc-sec .ol,html body .vs-sec .ol{color:#5b8cff}
html body .ol-badge{background:none!important;color:var(--sm-blue)!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:-.005em!important;text-transform:none!important;padding:0!important}

/* ── HEADER: schwebende Glas-Navigation ───────────────── */
html body header{position:sticky;top:0;z-index:200;padding:12px 16px 0;transform:none;-webkit-transform:none;will-change:auto;pointer-events:none}
html body header>*{pointer-events:auto}
html body .nav{max-width:1240px;margin:0 auto;height:60px;padding:0 10px 0 22px;border-radius:999px;background:var(--sm-glass);-webkit-backdrop-filter:var(--sm-glass-fx);backdrop-filter:var(--sm-glass-fx);border:1px solid var(--sm-glass-brd);box-shadow:var(--sm-glass-shadow)}
html body .nav-brand img{height:30px}
html body .nav-link,html body .nav-drop-btn{font-size:.86rem;font-weight:500;color:var(--sm-ink-2);border-radius:999px;padding:8px 14px}
html body .nav-link:hover,html body .nav-drop-btn:hover,html body .nav-drop-wrap:hover .nav-drop-btn{color:var(--sm-ink);background:rgba(0,0,0,.05)}
html body .nav-right{gap:8px}
html body .nav-cta,html body .nav-cta-dark{border-radius:999px;padding:10px 18px;font-size:.84rem;font-weight:600;letter-spacing:-.005em}
html body .nav-cta{background:var(--sm-blue);color:#fff;box-shadow:none}
html body .nav-cta:hover{background:var(--sm-blue-h);transform:none}
html body .nav-cta-dark{background:rgba(255,255,255,.7);color:var(--sm-ink);border:1px solid var(--sm-line-2)}
html body .nav-cta-dark:hover{border-color:rgba(0,0,0,.24);background:#fff;transform:none}
html body .nav-dropdown{top:calc(100% + 14px);width:310px;padding:8px;border-radius:22px;background:var(--sm-glass-strong);-webkit-backdrop-filter:var(--sm-glass-fx);backdrop-filter:var(--sm-glass-fx);border:1px solid var(--sm-glass-brd);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(0,0,0,.06),0 24px 60px rgba(0,0,0,.14)}
html body .drop-item{border-radius:14px;padding:10px 12px}
html body .drop-item:hover{background:rgba(0,0,0,.045)}
html body .drop-icon,html body .mob-sub-icon{background:var(--sm-blue-soft);border:0;border-radius:10px}
html body .drop-text strong,html body .mob-sub-text strong{color:var(--sm-ink);font-weight:600}
html body .drop-text span,html body .mob-sub-text span{color:var(--sm-ink-3)}
html body .hbg{border-radius:999px;padding:10px}
html body .hbg span{width:20px;height:1.75px;background:var(--sm-ink)}
html body .mobnav{top:80px;left:12px;right:12px;border-radius:26px;padding:10px;max-height:calc(100dvh - 96px);background:var(--sm-glass-strong);-webkit-backdrop-filter:var(--sm-glass-fx);backdrop-filter:var(--sm-glass-fx);border:1px solid var(--sm-glass-brd);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(0,0,0,.06),0 24px 60px rgba(0,0,0,.16)}
html body .mobnav>a,html body .mob-drop-btn{border-radius:14px;color:var(--sm-ink);font-size:1rem;font-weight:500;padding:13px 16px}
html body .mobnav>a:hover,html body .mob-drop-btn:hover,html body .mob-sub-item:hover{background:rgba(0,0,0,.045)}
html body .mob-sub-item{border-radius:12px}
html body .mobnav .mncta,html body .mobnav .mncta-dark{border-radius:999px;padding:15px;font-weight:600;font-size:.95rem}
html body .mobnav .mncta{background:var(--sm-blue)}
html body .mobnav .mncta-dark{background:#fff;border:1px solid var(--sm-line-2)}
html body .topbar{display:none}
@media(max-width:768px){
  html body header{padding:10px 12px 0}
  html body .nav{height:56px;padding:0 6px 0 18px}
  html body .nav-brand img{height:28px}
  html body .mobnav{top:74px}
}

/* ── BUTTONS ──────────────────────────────────────────── */
html body .btn-blue,html body .btn-xl,html body .form-btn,html body .qf-btn-next,html body .qf-btn-submit,html body .cta-inline .btn-blue,html body .btn-primary{background:var(--sm-blue);color:#fff;border:0;border-radius:999px;font-weight:600;letter-spacing:-.01em;box-shadow:none;transition:background .2s var(--sm-ease),transform .2s var(--sm-ease)}
html body .btn-blue,html body .btn-ghost{padding:14px 26px;font-size:.95rem}
html body .btn-xl{padding:17px 34px;font-size:1.02rem}
html body .btn-blue:hover,html body .btn-xl:hover,html body .form-btn:hover,html body .qf-btn-next:hover,html body .qf-btn-submit:hover{background:var(--sm-blue-h);transform:none}
html body .btn-blue:active,html body .btn-xl:active,html body .btn-ghost:active{transform:scale(.98)}
html body .btn-ghost,html body .qf-btn-back{background:rgba(255,255,255,.72);color:var(--sm-ink);border:1px solid var(--sm-line-2);border-radius:999px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html body .btn-ghost:hover,html body .qf-btn-back:hover{background:#fff;border-color:rgba(0,0,0,.24)}
html body .qf-btn-back,html body .qf-btn-next,html body .qf-btn-submit{padding:13px 26px;font-size:.92rem}

/* ── SEKTIONEN ────────────────────────────────────────── */
html body .sec{border-radius:var(--sm-r-xl);margin:0 16px 16px;padding:clamp(72px,9vw,128px) var(--sm-gutter)}
html body .sec-in{max-width:1180px}
html body .srv-sec,html body .faq-sec,html body .cta-sec{background:var(--sm-surface)}
html body .val-sec,html body .kontakt-sec{background:var(--sm-surface)}
html body .val-sec::before,html body .val-sec::after,html body .kontakt-sec::before,html body .kontakt-sec::after{display:none}
html body .chat-sec,html body .tsec{background:transparent;border:0}
html body .proc-sec{background:var(--sm-dark)}
html body .vs-sec{background:var(--sm-dark)}
html body .vs-sec::before{background:radial-gradient(60% 60% at 80% 0%,rgba(26,92,255,.28),transparent 70%),radial-gradient(50% 50% at 0% 100%,rgba(26,92,255,.14),transparent 70%)}
html body .cta-sec{border-radius:var(--sm-r-xl);margin:0 16px 16px;padding:clamp(80px,10vw,140px) var(--sm-gutter)}
@media(max-width:768px){
  html body .sec,html body .cta-sec{margin:0 8px 8px;border-radius:28px;padding:64px 20px}
  html body .sh{font-size:clamp(1.85rem,8.4vw,2.4rem)}
}

/* ── HERO (Startseite) ────────────────────────────────── */
html body .hero{background:var(--sm-bg);background-image:none;overflow:visible}
html body .hero::before{display:none}
html body .hero>.hero-in{min-height:min(760px,calc(100vh - 72px));max-width:1320px;margin:0 auto}
html body .hero .hero-content{padding:72px 48px 72px max(40px,calc((100vw - 1180px)/2));justify-content:center}
html body .hero-img-col{padding:20px 20px 20px 0}
html body .hero-img-col img{position:absolute;inset:20px 20px 20px 0;width:calc(100% - 20px);height:calc(100% - 40px);border-radius:var(--sm-r-xl);object-fit:cover;object-position:50% 30%}
html body .eyebrow{background:var(--sm-glass);border:1px solid var(--sm-glass-brd);box-shadow:var(--sm-glass-shadow);font-size:.74rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--sm-ink-2);padding:7px 14px 7px 10px;margin-bottom:28px}
html body .eyebrow::after{display:none}
html body .hero h1{font-size:clamp(2.3rem,4.6vw,4.1rem);font-weight:700;letter-spacing:-.045em;line-height:1.03;color:var(--sm-ink);margin-bottom:24px}
html body .hero-sub{font-size:clamp(1.02rem,1.3vw,1.2rem);font-weight:400;color:var(--sm-ink-3);line-height:1.55;max-width:540px}
html body .hero-btns{margin-top:36px;gap:10px}
html body .hero-strip{border-top:1px solid var(--sm-line);margin-top:44px;padding-top:22px}
html body .si-txt{color:var(--sm-ink-3)}
html body .si-txt strong{color:var(--sm-ink)}
html body .google-g{box-shadow:0 0 0 1px var(--sm-line)}
html body .av{border:2px solid var(--sm-bg);box-shadow:none}
html body .av::after{display:none}
@media(max-width:768px){
  html body .hero>.hero-in{min-height:0}
  html body .hero .hero-content{padding:44px 20px 32px}
  html body .hero h1{font-size:clamp(2.05rem,9.6vw,2.7rem);margin-bottom:18px}
  html body .hero-sub{font-size:1.02rem}
  html body .hero-btns{margin-top:28px;flex-direction:column;align-items:stretch;width:100%}
  html body .hero-btns a{justify-content:center;width:100%}
  html body .hero-img-col{min-height:0;aspect-ratio:4/4.4;margin:0 8px 8px;padding:0;width:auto}
  html body .hero-img-col img{inset:0;width:100%;height:100%;border-radius:28px}
  html body #leistungen{padding-top:64px}
  html body .eyebrow{white-space:normal;height:auto;padding:7px 12px 7px 9px;font-size:.7rem}
}

/* ── KARTEN ───────────────────────────────────────────── */
html body .scard,html body .tcard,html body .nach-step,html body .sol-card,html body .prob-card,html body .rev-card,html body .link-card,html body .ht-item,html body .stat-item,html body .pstep-card{background:var(--sm-surface);border:1px solid var(--sm-line);border-radius:var(--sm-r-l);box-shadow:var(--sm-card-shadow)}
html body .scard{transition:transform .4s var(--sm-ease),box-shadow .4s var(--sm-ease)}
html body .scard:hover{transform:translateY(-4px);box-shadow:var(--sm-card-shadow-h);border-color:var(--sm-line)}
html body .scard-link{border-radius:var(--sm-r-l)}
html body .srv-sec .scard{background:var(--sm-bg);border-color:transparent;box-shadow:none}
html body .srv-sec .scard:hover{background:#fff;box-shadow:var(--sm-card-shadow-h);border-color:var(--sm-line)}
html body .scard-text{padding:36px 32px 32px;text-align:left}
html body .scard-ico{margin:0 0 28px;width:52px;height:52px;border-radius:14px;background:#fff;border:0;box-shadow:0 0 0 1px var(--sm-line)}
html body .scard-t1{text-align:left;font-size:1.45rem;font-weight:700;letter-spacing:-.03em;color:var(--sm-ink)}
html body .scard-t2{text-align:left;color:var(--sm-ink-3);font-size:.9rem}
html body .scard-body p{color:var(--sm-ink-3);font-size:.95rem;line-height:1.6}
html body .tag{background:rgba(0,0,0,.05);color:var(--sm-ink-2);font-weight:500;font-size:.72rem;padding:5px 11px}
html body .srv-sec .scard:hover .tag{background:var(--sm-bg)}
html body .srv-hd{margin-bottom:56px}
@media(max-width:768px){
  html body .scard-text{padding:28px 24px 24px}
  html body .srv-hd{margin-bottom:36px}
}

/* Check-Listen */
html body .chk-ic{background:var(--sm-blue);border:0}
html body .chk-ic svg{stroke:#fff}
html body .chk-row{font-weight:500;color:var(--sm-ink-2)}
html body .val-left .desc{color:var(--sm-ink-3)}
html body .val-img-box{border-radius:var(--sm-r-l) var(--sm-r-l) 0 0;border:0;box-shadow:none}
html body .wa-inline{border-radius:0 0 var(--sm-r-l) var(--sm-r-l);box-shadow:var(--sm-card-shadow);border:1px solid var(--sm-line);border-top:0}
html body .wa-inline::before{display:none}
html body .wa-inline-ic{animation:none;box-shadow:none}
html body .wa-inline-click{display:none}

/* Chat-Bubbles (iMessage-Stil) */
html body .chat-bubble{border-radius:22px;font-size:.95rem;padding:13px 18px}
html body .chat-bubble.left{background:#fff;box-shadow:0 0 0 1px var(--sm-line);border-bottom-left-radius:6px}
html body .chat-bubble.right{background:var(--sm-blue);box-shadow:none;border-bottom-right-radius:6px}

/* Vergleich (dunkel, Glas) */
html body .vs-left,html body .vs-right{border-radius:var(--sm-r-l);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
html body .vs-left{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
html body .vs-right{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 80px rgba(0,0,0,.4);animation:none}
html body .vs-right::before{display:none}
html body .vs-pos-item{border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
html body .vs-pos-item .vs-ico-yes,html body .vs-neg-item .vs-ico-no{animation:none!important}
html body .vs-ico-yes{background:var(--sm-blue);border:0}
html body .vs-ico-yes svg{stroke:#fff}
html body .vs-ico-no{background:rgba(255,255,255,.08);border:0}
html body .vs-ico-no svg{stroke:rgba(255,255,255,.55)}
html body .vs-neg-text{color:rgba(255,255,255,.6)}

/* Prozess */
html body .proc-line-track{background:rgba(255,255,255,.12);width:1px}
html body .pstep-num{border-radius:999px;background:var(--sm-dark-2);border:1px solid rgba(255,255,255,.14);font-weight:600}
html body .pstep-content p{color:rgba(255,255,255,.62)}

/* Testimonials / Referenzen */
html body .tcard{padding:32px}
html body .tqm{font-size:3rem;line-height:1;color:var(--sm-blue);opacity:.9;margin-bottom:0;height:28px}
html body .t-heading{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;background:none!important;padding:0!important}
html body .tbody{color:var(--sm-ink-2);font-size:1rem;line-height:1.65}
html body .tfoot{border-top:1px solid var(--sm-line)}
html body .trole{color:var(--sm-ink-4)}
html body .tscore-lbl{color:var(--sm-ink-4)}
html body .sy,html body .tscore-stars,html body .tstars{animation:none}
html body .ref-row .tcard{border-radius:var(--sm-r-l) 0 0 var(--sm-r-l);border-right:0;box-shadow:none}
html body .ref-slider{border-radius:0 var(--sm-r-l) var(--sm-r-l) 0}
html body .ref-row{border-radius:var(--sm-r-l);box-shadow:var(--sm-card-shadow);background:#fff}
html body .ref-row:hover .tcard,html body .ref-row:hover .ref-slider{transform:none;box-shadow:none}
html body .rsl-btn{background:var(--sm-glass-strong);-webkit-backdrop-filter:var(--sm-glass-fx);backdrop-filter:var(--sm-glass-fx);box-shadow:0 4px 20px rgba(0,0,0,.25)}
html body .rsl-label{border-radius:999px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html body .ref-rows{gap:28px}
@media(max-width:960px){
  html body .ref-row .tcard{border-radius:var(--sm-r-l) var(--sm-r-l) 0 0;border:0}
  html body .ref-slider{border-radius:0 0 var(--sm-r-l) var(--sm-r-l)}
}
@media(max-width:768px){html body .tcard{padding:26px 22px}}

/* Preise */
html body .pr-sec{background:transparent}
html body .pr-card{border:1px solid var(--sm-line);border-radius:28px;box-shadow:var(--sm-card-shadow);padding:40px 34px}
html body .pr-card.pr-feat{border:1.5px solid var(--sm-blue);box-shadow:0 20px 60px rgba(26,92,255,.12)}
html body .rv.rv-feat.anim.in{animation:none}
html body .rv.rv-left.anim.in{transform:none}
html body .pr-badge{font-size:.72rem;letter-spacing:.02em;text-transform:none;font-weight:600;padding:6px 14px}
html body .pr-name{font-size:1.3rem;font-weight:700;letter-spacing:-.025em}
html body .pr-tagline,html body .pr-desc-sub,html body .pr-note{color:var(--sm-ink-3)}
html body .pr-list li{color:var(--sm-ink-2)}
html body .pr-price{display:none}
html body .pr-price-wrap{min-height:0;padding:0;margin-bottom:28px}
html body .pr-censor-box{position:static;display:block;background:var(--sm-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;border-radius:14px;padding:14px 16px;color:var(--sm-ink-2);font-size:.9rem;text-align:left;line-height:1.5}
html body .pr-censor-box:hover{background:#ebebef;box-shadow:none}
html body .pr-feat .pr-censor-box{background:rgba(26,92,255,.07)}

/* FAQ */
html body .faq-group-label{background:none;color:var(--sm-ink-4);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:0;margin-bottom:6px;border-radius:0}
html body details{border-bottom:1px solid var(--sm-line)}
html body details summary{font-size:1.02rem;font-weight:600;letter-spacing:-.01em;padding:22px 0;justify-content:space-between;color:var(--sm-ink)}
html body details summary::after{content:'';width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--sm-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2 6h8' stroke='%231d1d1f' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/10px no-repeat;transition:transform .3s var(--sm-ease)}
html body details[open] summary::after{transform:rotate(45deg)}
html body .faq-body{color:var(--sm-ink-3);font-size:.98rem;line-height:1.7;padding-bottom:22px}
html body .faq-cols{gap:0 64px}

/* Finaler CTA */
html body .cta-img-wrap{border-radius:var(--sm-r-xl);box-shadow:none;max-width:520px}
html body .cta-in>p{color:var(--sm-ink-3);font-size:1.1rem}
html body .cta-note{color:var(--sm-ink-4)}

/* Kennzahlen / Statistik */
html body .stat-num{letter-spacing:-.04em;font-weight:700}
html body .stat-label{color:var(--sm-ink-3)}

/* ── FORMULARE ────────────────────────────────────────── */
html body .qf-container{border:1px solid var(--sm-line);border-radius:28px;box-shadow:var(--sm-card-shadow)}
html body .qf-container::before{display:none}
html body .qf-card{border:1px solid var(--sm-line-2);border-radius:18px}
html body .qf-card:hover{border-color:rgba(26,92,255,.45);box-shadow:none}
html body .qf-card.selected{border-color:var(--sm-blue);background:rgba(26,92,255,.05);box-shadow:0 0 0 3px rgba(26,92,255,.12)}
html body .qf-prog-track{background:rgba(0,0,0,.06)}
html body .qf-field input,html body .qf-field textarea,html body .qf-field select,html body .form-input,html body input[type=text].form-input,html body textarea.form-input,html body select.form-input{border:1px solid var(--sm-line-2);border-radius:14px;padding:13px 16px;font-size:1rem;background:#fff;transition:border-color .2s,box-shadow .2s}
html body .qf-field input:focus,html body .qf-field textarea:focus,html body .form-input:focus{outline:none;border-color:var(--sm-blue);box-shadow:0 0 0 4px rgba(26,92,255,.14)}
html body .qf-field label,html body .form-label{color:var(--sm-ink-2);font-weight:500}

/* ── COOKIE-BANNER (Glas, gleichwertige Auswahl) ──────── */
html body #cookie-banner{left:50%;right:auto;bottom:16px;width:min(760px,calc(100% - 24px));transform:translate(-50%,140%);border-radius:24px;padding:20px 22px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:var(--sm-glass-fx);backdrop-filter:var(--sm-glass-fx);border:1px solid var(--sm-glass-brd);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(0,0,0,.08),0 24px 70px rgba(0,0,0,.18);color:var(--sm-ink);gap:16px}
html body #cookie-banner.show{transform:translate(-50%,0)}
html body .cbt strong{font-size:.95rem;font-weight:600;color:var(--sm-ink)}
html body .cbt p{color:var(--sm-ink-3);font-size:.8rem}
html body .cbt a{color:var(--sm-ink-2)}
html body .cbbtn{border-radius:999px;font-weight:600;font-size:.84rem;padding:11px 18px}
html body .cbbtn:hover{opacity:1}
html body .cb-ok,html body .cb-no{background:var(--sm-ink);color:#fff;border:0!important}
html body .cb-ok:hover,html body .cb-no:hover{background:#000}
html body .cb-set{background:transparent;color:var(--sm-ink-2);border:1px solid var(--sm-line-2)!important}
html body #cmodal{background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body .cmbox{border-radius:28px}
html body .ccrow{border:1px solid var(--sm-line);border-radius:16px}
html body .cm-save{background:var(--sm-ink);color:#fff;border-radius:999px}
html body .cm-dec{background:var(--sm-ink);color:#fff;border:0!important;border-radius:999px}
@media(max-width:768px){
  html body #cookie-banner{bottom:10px;padding:18px;border-radius:22px}
  html body .cbbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  html body .cbbtns .cb-set{grid-column:1/-1;order:3}
}

/* ── FOOTER ───────────────────────────────────────────── */
html body footer{background:var(--sm-dark);border-radius:var(--sm-r-xl);margin:0 16px 16px}
html body .fgrid{max-width:1180px;padding:80px var(--sm-gutter) 56px}
html body .fcol-head{color:rgba(255,255,255,.9);font-size:.82rem;font-weight:600;letter-spacing:-.005em;text-transform:none}
html body .flinks a,html body .flinks button,html body .fcontact a{font-size:.86rem;color:rgba(255,255,255,.56)}
html body .flinks a:hover,html body .flinks button:hover,html body .fcontact a:hover{color:#fff}
html body .fbrand p{color:rgba(255,255,255,.5)}
html body .f-svc{padding:6px 0;gap:12px}
html body .f-svc:hover{background:none}
html body .f-svc:hover .f-svc-title{color:#fff}
html body .f-svc-icon{border-radius:10px;background:rgba(255,255,255,.06);border:0;width:32px;height:32px}
html body .f-svc-title{font-size:.86rem;font-weight:500;color:rgba(255,255,255,.78)}
html body .f-svc-sub{font-size:.76rem;color:rgba(255,255,255,.4)}
html body .f-svc-text a,html body .f-svc a{font-size:inherit}
html body .fbot{border-top:1px solid rgba(255,255,255,.08);max-width:1180px;margin:0 auto;padding:22px var(--sm-gutter)}
@media(max-width:768px){
  html body footer{margin:0 8px 8px;border-radius:28px}
  html body .fgrid{padding:56px 22px 36px}
  html body .fbot{padding:18px 22px}
}

html body .f-svc-text strong{font-size:.86rem;font-weight:500;color:rgba(255,255,255,.8);line-height:1.25}
html body .f-svc-text span{font-size:.76rem;color:rgba(255,255,255,.4);line-height:1.3}
html body .f-svc-text a:hover{color:#fff!important}

/* ── FEINSCHLIFF STARTSEITE ───────────────────────────── */
html body .ref-sec{background:transparent}
html body .pr-card>div[style*="position:absolute"]{display:none}
html body .cbt{flex:1 1 320px}
@media(min-width:1100px){html body .hero h1{font-size:clamp(2.6rem,4vw,3.75rem)}}

/* ── EINHEITLICHE BREITE = Breite der Navigation ──────── */
:root{--sm-max:1240px;--sm-edge:32px}
@media(max-width:768px){:root{--sm-edge:24px}}
html body .sec,html body .cta-sec,html body footer,html body .hero>.hero-in{width:calc(100% - var(--sm-edge));max-width:var(--sm-max);margin-left:auto;margin-right:auto}
html body .hero .hero-content{padding-left:var(--sm-gutter);padding-right:48px}
html body .hero-img-col{padding:20px 0}
html body .hero-img-col img{inset:20px 0;width:100%;height:calc(100% - 40px)}
@media(max-width:768px){
  html body .sec,html body .cta-sec,html body footer{margin-bottom:12px}
  html body .hero .hero-content{padding:40px 8px 28px}
  html body .hero-img-col{margin:0 0 12px;padding:0}
  html body .hero-img-col img{inset:0;height:100%}
}

/* ── MENÜS: lesbar & immer bedienbar ──────────────────── */
html body .nav-dropdown,html body .mobnav{background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}
html body .nav-drop-wrap::after{height:22px}
/* Offenes Mobilmenü liegt über Cookie-Banner & WhatsApp-Button, Seite dahinter scrollt nicht */
html body header:has(.mobnav.open){z-index:10005}
html:has(.mobnav.open){overflow:hidden}
html:has(.mobnav.open) #wa-float{display:none}

/* Glas der Nav-Leiste auf eigener Ebene, damit das Dropdown (Safari) nicht durchscheint */
html body .nav{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate}
html body .nav::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--sm-glass);-webkit-backdrop-filter:var(--sm-glass-fx);backdrop-filter:var(--sm-glass-fx);z-index:-1;pointer-events:none}

/* Hero-Bild: breitere Spalte, Ausschnitt so, dass beide Arme sichtbar sind */
html body .hero .hero-content{flex:0 0 55%}
html body .hero-img-col img{object-position:42% 30%}

/* Vorher/Nachher-Slider: feste Höhe statt nur aspect-ratio (iPhone/Safari zeigte 0 px) */
@media(max-width:960px){
  html body .ref-slider{align-self:start;width:100%;height:auto;aspect-ratio:16/10;min-height:min(58vw,520px);touch-action:pan-y}
}

/* ── LEISTUNGSSEITEN-VORLAGE ──────────────────────────── */
html body .hero-sp,html body .stats-sec,html body .rev-strip,html body .proc-sec,html body .val-sec,html body .kontakt-sec{width:calc(100% - var(--sm-edge));max-width:var(--sm-max);margin-left:auto;margin-right:auto;border-radius:var(--sm-r-xl)}
html body .hero-sp{margin-top:16px;margin-bottom:16px;background:var(--sm-surface);background-image:none;padding:clamp(48px,7vw,96px) var(--sm-gutter)}
html body .stats-sec,html body .rev-strip,html body .proc-sec,html body .val-sec,html body .kontakt-sec{margin-bottom:16px}
html body .proc-sec:not(.sec),html body .val-sec:not(.sec),html body .kontakt-sec:not(.sec){padding:clamp(72px,9vw,128px) var(--sm-gutter)}
html body .stats-sec{padding:40px var(--sm-gutter)}
html body .rev-strip{border:0;box-shadow:none;padding:40px var(--sm-gutter)}
html body .sec.bg-off,html body .bg-off{background:var(--sm-surface)}
html body .hero-sp h1,html body .page-h1{font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:700;letter-spacing:-.04em;line-height:1.05}
html body .hero-sp h1 em,html body .hero-sp h1 .blue{color:var(--sm-blue)!important}
html body .hero-img img,html body .hero-img{border-radius:var(--sm-r-l)!important;box-shadow:none!important}
html body .hero-eyebrow{background:none;border:0;padding:0;box-shadow:none}
html body .stat-item{background:var(--sm-bg);border:0;box-shadow:none;border-radius:var(--sm-r-m);padding:24px 12px}
html body .stat-num{color:var(--sm-ink)}
html body .rev-card{background:var(--sm-bg);border:0;box-shadow:none}
html body .prob-card{background:var(--sm-bg);border:0;box-shadow:none}
html body .sol-card{background:rgba(26,92,255,.05);border:0;box-shadow:none}
html body .link-card{box-shadow:none}
html body .link-card:hover{box-shadow:var(--sm-card-shadow-h)}
html body .stats-in{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html body .comp-table-wrap{max-width:100%;border-radius:var(--sm-r-m);border:1px solid var(--sm-line)}
html body .comp-table th{background:var(--sm-bg);font-family:inherit}
@media(max-width:768px){
  html body .stats-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .stat-num{font-size:clamp(1.5rem,7vw,2.2rem);overflow-wrap:anywhere}
}
html body .faq-plus{display:none}
html body details:first-of-type{border-top:0}
html body details summary:hover{color:var(--sm-ink)}
html body .pnum{color:rgba(255,255,255,.22)}
html body .pdot{background:var(--sm-blue)}
@media(max-width:768px){
  html body .hero-sp,html body .stats-sec,html body .rev-strip,html body .proc-sec,html body .val-sec,html body .kontakt-sec{margin-bottom:12px;border-radius:28px}
  html body .hero-sp{margin-top:12px;padding:40px 20px 48px}
  html body .proc-sec:not(.sec),html body .val-sec:not(.sec),html body .kontakt-sec:not(.sec){padding:64px 20px}
  html body .stats-sec,html body .rev-strip{padding:28px 16px}
}

/* ── WHATSAPP-BUTTON ──────────────────────────────────── */
html body #wa-float{animation:none;box-shadow:0 8px 28px rgba(0,0,0,.16)}
html body #wa-float:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.2)}

/* ── UNTERSEITEN: Kontakt / Anfrage / Website-Check ───── */
html body .page-wrap{background:transparent}
html body .page-wrap::before,html body .blog-hero::before,html body .proc-sec::before{display:none}
html body .page-wrap .qf-container,html body .kf-container{background:var(--sm-dark);border:0;border-radius:var(--sm-r-xl);box-shadow:0 30px 80px rgba(0,0,0,.18)}
html body .page-wrap .qf-container::after,html body .kf-container::before,html body .kf-container::after{display:none}
html body .kf-submit{border-radius:999px}
html body .person-card{background:var(--sm-surface)!important;border-radius:var(--sm-r-l)!important;box-shadow:var(--sm-card-shadow)}
html body .person-card p:first-child{letter-spacing:-.005em!important;text-transform:none!important;font-size:.9rem!important;font-weight:600!important}

/* Dunkle Formulare (Anfrage / Website-Check / Kontakt): Felder dunkel-glasig statt weiß */
html body .page-wrap .qf-container .qf-field input,html body .page-wrap .qf-container .qf-field textarea,html body .page-wrap .qf-container .qf-field select,
html body .kf-container .kf-field input,html body .kf-container .kf-field textarea,html body .kf-container .kf-field select{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:14px;padding:13px 16px;font-size:1rem;-webkit-backdrop-filter:none;backdrop-filter:none}
html body .page-wrap .qf-container .qf-field input:focus,html body .page-wrap .qf-container .qf-field textarea:focus,html body .page-wrap .qf-container .qf-field select:focus,
html body .kf-container .kf-field input:focus,html body .kf-container .kf-field textarea:focus,html body .kf-container .kf-field select:focus{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.42);box-shadow:0 0 0 4px rgba(255,255,255,.07)}
html body .page-wrap .qf-container .qf-field select option,html body .kf-container .kf-field select option{color:#1d1d1f;background:#fff}
html body .page-wrap .qf-container .qf-field>label,html body .kf-container .kf-field>label{color:rgba(255,255,255,.72);font-size:.84rem;font-weight:500;letter-spacing:0;text-transform:none}
html body .page-wrap .qf-container .qf-optional,html body .kf-container .kf-optional{color:rgba(255,255,255,.4)}
html body .page-wrap .qf-container .qf-hint{text-transform:none;letter-spacing:0;font-weight:400;font-size:.95rem;color:rgba(255,255,255,.55)}
html body .page-wrap .qf-container .qf-q{font-weight:700;letter-spacing:-.03em}
html body .page-wrap .qf-container .qf-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px}
html body .page-wrap .qf-container .qf-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24)}
html body .page-wrap .qf-container .qf-card.selected{background:rgba(26,92,255,.22);border-color:var(--sm-blue);box-shadow:none}
html body .page-wrap .qf-container .qf-btn-back{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:none;backdrop-filter:none}
html body .page-wrap .qf-container .qf-btn-back:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
html body .cp-label{border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:rgba(255,255,255,.85);text-transform:none;letter-spacing:0;font-weight:500;padding:11px 18px}
html body .cp-label:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}
html body .cp-label.selected{background:rgba(26,92,255,.22);border-color:var(--sm-blue);color:#fff}
html body .qf-dsgvo,html body .kf-dsgvo{line-height:1.55}
html body .page-wrap .qf-dsgvo,html body .kf-dsgvo{color:rgba(255,255,255,.6)}
html body .page-wrap .qf-dsgvo a,html body .kf-dsgvo a{color:#fff}
html body .page-wrap .qf-prog-track{background:rgba(255,255,255,.1)}
html body .page-wrap .qf-prog-fill{background:#fff}
html body .page-wrap .qf-prog-lbl{color:rgba(255,255,255,.5)}

html body .fit-card{background:var(--sm-surface);border:0;border-radius:var(--sm-r-l);box-shadow:var(--sm-card-shadow)}
@media(min-width:769px){html body .hbg{display:none}}
@media(max-width:768px){html body .nav-links,html body .nav-right .nav-cta,html body .nav-right .nav-cta-dark{display:none}html body .hbg{display:flex}html body .nav{grid-template-columns:1fr auto}}

/* ── BLOG-ÜBERSICHT ───────────────────────────────────── */
html body .blog-hero{width:calc(100% - var(--sm-edge));max-width:var(--sm-max);margin:16px auto;border-radius:var(--sm-r-xl);border:0;padding:clamp(48px,7vw,96px) var(--sm-gutter)}
html body .blog-hero .hero-in{min-height:0}
html body .blog-hero h1{font-weight:700;letter-spacing:-.04em;line-height:1.05}
html body .blog-hero p{color:var(--sm-ink-3);font-size:1.1rem;line-height:1.55}
html body .filter-btn{border:1px solid var(--sm-line-2);font-weight:500;font-size:.84rem;padding:8px 16px;color:var(--sm-ink-2)}
html body .filter-btn:hover{border-color:rgba(0,0,0,.3);color:var(--sm-ink)}
html body .filter-btn.active{background:var(--sm-ink);border-color:var(--sm-ink);color:#fff}
html body .blog-sec{max-width:var(--sm-max);margin:0 auto;padding:16px 16px 96px}
html body .posts-grid{gap:16px}
html body .post-card{border:0;border-radius:var(--sm-r-l);box-shadow:var(--sm-card-shadow);transition:transform .4s var(--sm-ease),box-shadow .4s var(--sm-ease)}
html body .post-card:hover{transform:translateY(-4px);box-shadow:var(--sm-card-shadow-h)}
html body .card-body{padding:26px 26px 22px}
html body .card-cat{letter-spacing:0;text-transform:none;font-size:.82rem;font-weight:600}
html body .card-title{font-size:1.12rem;font-weight:650;letter-spacing:-.02em;line-height:1.3}
html body .card-excerpt{color:var(--sm-ink-3);font-size:.9rem;line-height:1.6}
html body .card-foot{border-top:1px solid var(--sm-line);font-size:.76rem;color:var(--sm-ink-4)}
html body .card-foot time{font-size:.76rem;color:var(--sm-ink-4)}
html body .card-more{color:var(--sm-blue);font-weight:600}
html body .author-av{background:var(--sm-ink)}
html body .blog-cta{width:calc(100% - var(--sm-edge));max-width:var(--sm-max);margin:0 auto 16px;border-radius:var(--sm-r-xl);background:var(--sm-surface);border:0}
@media(max-width:768px){
  html body .blog-hero{margin:12px auto;padding:40px 20px;border-radius:28px}
  html body .blog-sec{padding:4px 12px 64px}
  html body .blog-cta{margin-bottom:12px;border-radius:28px;padding:64px 20px}
}

/* ── BLOGARTIKEL ──────────────────────────────────────── */
html body .art-hero h1{font-weight:700;letter-spacing:-.035em;line-height:1.08}
html body .art-body{font-size:1.06rem;line-height:1.75;color:var(--sm-ink-2)}
html body .art-body h2{font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--sm-ink)}
html body .art-body h3{font-weight:650;letter-spacing:-.02em;color:var(--sm-ink)}
html body .art-body strong{color:var(--sm-ink)}
html body .art-body img,html body .art-hero img{border-radius:var(--sm-r-l)}
html body .art-body{overflow-wrap:break-word}
html body .art-body code{white-space:normal;word-break:break-word}
html body .inhaltsverzeichnis,html body .toc{background:var(--sm-surface);border:0;border-radius:var(--sm-r-l);box-shadow:var(--sm-card-shadow)}

/* ── RHYTHMUS: einheitliche Abstände & Schriftgrößen ──── */
/* Sektionen */
html body .sec,html body .proc-sec:not(.sec),html body .val-sec:not(.sec),html body .kontakt-sec:not(.sec){padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px)}
html body .cta-sec{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
/* Kopfbereich einer Sektion: Label → Headline → Lead → Inhalt */
html body .ol{margin-bottom:12px}
html body .sh{margin-bottom:0}
html body .sh+p,html body .sh+.lead,html body .sh+.body-text,html body .sh+.pr-desc-sub,html body .sh+.page-sub{margin-top:20px}
html body .lead,html body .body-text,html body .page-sub{font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.6;color:var(--sm-ink-3)}
html body .region-grid,html body .link-grid,html body .prob-sol-grid,html body .rev-cards,html body .proc-steps,html body .comp-table-wrap{margin-top:48px}
html body .srv-hd,html body .vs-hd,html body .thead,html body .ref-hd,html body .pr-hd,html body .faq-wrap .sh{margin-bottom:48px}
/* Karten: gleiche Innenabstände, Titel, Text */
html body .region-card,html body .link-card,html body .prob-card,html body .sol-card,html body .nach-step,html body .rev-card{padding:28px;border-radius:var(--sm-r-l)}
html body .region-card{background:var(--sm-bg);border:0;box-shadow:none}
html body .region-card:hover{background:#fff;box-shadow:var(--sm-card-shadow-h)}
html body .link-card{border:1px solid var(--sm-line)}
html body .link-card:hover{border-color:var(--sm-line)}
html body .region-card h3,html body .link-card h3,html body .nach-step h3,html body .prob-card h3,html body .sol-card h3{font-size:1.06rem;font-weight:650;letter-spacing:-.015em;color:var(--sm-ink);margin-bottom:8px}
html body .region-card p,html body .link-card p,html body .nach-step p,html body .rev-card-text,html body .pain-item,html body .sol-item,html body .pkg-desc,html body .pkg-feature{font-size:.95rem;line-height:1.6;color:var(--sm-ink-3)}
html body .rev-card-text{font-style:normal}
html body .lc-arrow,html body .rev-all a{font-size:.92rem;font-weight:600}
html body .lc-ico{border:0;border-radius:12px}
html body .col-label{font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:none}
html body .chk-row{font-size:.98rem;font-weight:500;line-height:1.55}
html body .stat-label{font-size:.88rem}
html body .ht-item{font-size:.86rem;font-weight:500}
html body .pstep p,html body .pstep-content p{font-size:.95rem;line-height:1.6}
html body .breadcrumb{font-size:.84rem}
html body .rev-card-role,html body .rev-score-meta{font-size:.82rem}
/* Formulare (hell) */
html body .form-label,html body .form-radio-label{font-size:.88rem;font-weight:500;color:var(--sm-ink-2)}
html body .form-title{font-weight:700;letter-spacing:-.02em}
html body .form-sub{color:var(--sm-ink-4)}
/* FAQ bündig mit den übrigen Inhalten */
html body .faq-wrap{max-width:880px;margin-left:0;margin-right:auto}
html body .faq-sec .faq-wrap{max-width:100%}
@media(max-width:768px){
  html body .region-grid,html body .link-grid,html body .prob-sol-grid,html body .rev-cards,html body .proc-steps,html body .comp-table-wrap{margin-top:32px}
  html body .srv-hd,html body .vs-hd,html body .thead,html body .ref-hd,html body .pr-hd,html body .faq-wrap .sh{margin-bottom:32px}
  html body .region-card,html body .link-card,html body .prob-card,html body .sol-card,html body .nach-step,html body .rev-card{padding:24px}
}

/* ── HAMBURGER: auf allen Seiten identisch ────────────── */
html body .hbg{width:44px;height:44px;padding:0;margin:0;border:0;border-radius:999px;background:transparent;box-shadow:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
html body .hbg:hover{background:rgba(0,0,0,.05)}
html body .hbg span{display:block;width:20px;height:1.75px;margin:0;border-radius:2px;background:var(--sm-ink);transition:transform .3s var(--sm-ease),opacity .2s}
html body .hbg.open span:nth-child(1){transform:translateY(6.75px) rotate(45deg)}
html body .hbg.open span:nth-child(2){opacity:0}
html body .hbg.open span:nth-child(3){transform:translateY(-6.75px) rotate(-45deg)}
@media(max-width:768px){html body .hbg{display:flex}}

/* ── BADGES & LABELS: zwei klare Varianten ────────────── */
/* 1) Text-Label (über Überschriften, Kategorien) */
html body .art-cat,html body .vw-cat,html body .card-cat,html body .toc-label,html body .logos-eyebrow{display:block;background:none;border:0;padding:0;border-radius:0;font-size:.9rem;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--sm-blue);line-height:1.3}
html body .art-cat{margin-bottom:12px}
html body .vw-cat{font-size:.82rem;margin-bottom:8px}
html body .toc-label,html body .logos-eyebrow{color:var(--sm-ink-4)}
/* Hero-Eyebrow mit Punkt (Leistungsseiten) */
html body .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--sm-blue);line-height:1.3;margin-bottom:16px}
html body .hero-eyebrow .edot,html body .edot{width:7px;height:7px;animation:none}
/* 2) Pille (Tags, Hinweise) */
html body .tag,html body .uc-tag,html body .review-tags>span,html body .rev-g-badge,html body .google-badge,html body .geo-badge,html body .ai-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:0;font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.2;background:rgba(0,0,0,.05);color:var(--sm-ink-2);white-space:nowrap}
html body .uc-tag,html body .geo-badge,html body .ai-badge{background:rgba(26,92,255,.08);color:var(--sm-blue)}
/* Hervorhebungs-Pille auf Karten (Meistgewählt etc.) */
html body .pr-badge,html body .pkg-badge,html body .tb-badge{padding:6px 14px;border-radius:999px;font-size:.76rem;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.2;background:var(--sm-blue);color:#fff}
html body .rev-score-badge{background:var(--sm-bg);border:0;border-radius:var(--sm-r-m);padding:12px 18px}

/* ── BLOGARTIKEL: beide Vorlagen gleich ───────────────── */
html body .art-hero{background:transparent;border:0;padding:clamp(32px,5vw,56px) 24px 0}
html body .art-in,html body .art-body-in{max-width:740px;margin:0 auto;padding:0}
html body .art-hero .breadcrumb,html body .art-hero .breadcrumb li{font-size:.84rem;color:var(--sm-ink-4);margin-bottom:0}
html body .art-hero .breadcrumb{margin-bottom:20px}
html body .art-hero .breadcrumb a{color:var(--sm-ink-4)}
html body .art-hero .breadcrumb a:hover{color:var(--sm-ink)}
html body .art-hero h1{font-size:clamp(2rem,4.6vw,3rem);margin:0 0 20px}
html body .art-meta{gap:12px;font-size:.86rem;color:var(--sm-ink-3);margin-bottom:28px}
html body .art-author,html body .art-read{font-size:.86rem;color:var(--sm-ink-3)}
html body .art-hero-img,html body .art-img{border-radius:var(--sm-r-l)}
html body .art-body{padding:40px 24px 88px}
html body .art-body-in p,html body .art-body-in ol,html body .art-body-in ul,html body .art-body-in li{font-size:1.06rem;line-height:1.75;color:var(--sm-ink-2)}
html body .art-body-in h2{font-size:clamp(1.5rem,3vw,1.9rem);margin:2.2em 0 .7em}
html body .art-body-in h3{font-size:1.25rem;margin:1.8em 0 .6em}
html body .art-body-in a{color:var(--sm-blue)}
html body .art-img figcaption{font-size:.84rem;color:var(--sm-ink-4)}
/* Restliche Karten-Varianten der Unterseiten: gleiche Fläche wie überall */
html body .uc-card,html body .svc-card,html body .pillar-card,html body .ki-card,html body .branchen-card{background:var(--sm-bg);border:0;border-radius:var(--sm-r-l);box-shadow:none;padding:28px}
html body .uc-card:hover,html body .svc-card:hover,html body .pillar-card:hover,html body .ki-card:hover,html body .branchen-card:hover{background:#fff;box-shadow:var(--sm-card-shadow-h);transform:none}
html body .logos-sec,html body .vis-wrap{background:transparent}
html body .tav{background:var(--sm-bg)}
html body .pr-tip{background:rgba(0,0,0,.06)}
html body .comp-table tbody tr:hover{background:var(--sm-bg)}
@media(max-width:768px){html body .uc-card,html body .svc-card,html body .pillar-card,html body .ki-card,html body .branchen-card{padding:24px}}
html body .inhaltsverzeichnis{padding:24px 28px}
html body .inhaltsverzeichnis>p,html body .art-body-in .inhaltsverzeichnis>p{font-size:.9rem;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--sm-ink);margin-bottom:12px;line-height:1.3}
html body .inhaltsverzeichnis a,html body .art-body-in .inhaltsverzeichnis a{font-size:.95rem;color:var(--sm-ink-2);text-decoration:none}
html body .inhaltsverzeichnis a:hover,html body .art-body-in .inhaltsverzeichnis a:hover{color:var(--sm-blue)}
html body .art-body-in .inhaltsverzeichnis li{font-size:.95rem;line-height:1.5}
html body .review-card{border:0;border-radius:var(--sm-r-l);box-shadow:var(--sm-card-shadow);padding:28px}
html body .review-card blockquote{font-style:normal;font-size:.98rem;color:var(--sm-ink-2);border-left:0;padding-left:0}
html body .google-badge{align-self:flex-start;width:auto}
@media(max-width:768px){
  html body .art-hero{padding:24px 20px 0}
  html body .art-body{padding:28px 20px 64px}
  html body .art-body-in p,html body .art-body-in li{font-size:1.02rem}
}

/* ── BEWEGUNG REDUZIEREN ──────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  html body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html body .rv.anim,html body .cb-reveal.cb-anim,html body .ref-row,html body .ref-slider{opacity:1!important;transform:none!important}
}