/*! hx.css — hype Relaunch 2026 · v2 hell & symmetrisch
 *  Farben: Weiß · Hellgrau · Schwarz · Lime   |   Outfit (Display) + Manrope (Text), selbst gehostet
 *  Layout-Prinzip: eine zentrale Achse, gleich breite Spalten, feste Abstände (--gap) zwischen allen Medien
 */
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/outfit-latin-wght-normal.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/outfit-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0A0A0A; --ink-2:#161616; --ink-3:#222; --ink-4:#2E2E2E;
  --white:#FFFFFF; --paper:#F4F4F1; --paper-2:#EAEAE5; --muted:#5C5C57; --muted-d:#A3A3A0;
  --lime:#D0FF00; --lime-soft:#EEFF99;
  --line:rgba(10,10,10,.1); --line-d:rgba(255,255,255,.14);
  --black:var(--ink); --card:#fff; --text:var(--ink);
  --f-display:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-text:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-s:10px; --r-m:16px; --r-l:24px; --r-xl:32px;
  --pad:clamp(20px,4vw,56px); --max:1280px; --sec:clamp(80px,9vw,136px); --gap:clamp(16px,1.6vw,24px);
  --hd-h:80px; --shadow:0 24px 60px -30px rgba(10,10,10,.28);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto;scroll-padding-top:calc(var(--hd-h) + 20px)}
/* weiches Scrollen erst nach dem Laden (Anker-Klicks innerhalb der Seite), nie beim Seitenaufruf */
html.hx-smooth{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html.hx-smooth{scroll-behavior:auto}}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--f-text);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video,svg{max-width:100%;height:auto}
img{display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
::selection{background:var(--lime);color:var(--ink)}
.hx-skip{position:absolute;left:-999px;top:8px;z-index:999;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:700}
.hx-skip:focus{left:12px}
main{overflow-x:clip;padding-top:var(--hd-h)}

/* ---------- Typografie ---------- */
h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-family:var(--f-display)!important;letter-spacing:-.01em;margin:0 0 .45em;text-wrap:balance;color:inherit}
h1{font-size:clamp(36px,5vw,72px);font-weight:800!important;line-height:.98;text-transform:uppercase}
:is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3.6vw,52px);font-weight:800!important;line-height:1;text-transform:uppercase}
:is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(20px,1.6vw,24px);font-weight:700;line-height:1.15}
:is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-size:18px;font-weight:700;line-height:1.3}
:is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"]))) :is(span,small,strong,b){font-weight:inherit!important;font-family:inherit!important}
:is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))) em,em.hx-on-light,.hx-mark,.hx-lime{font-style:normal;color:var(--ink);background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%);padding:0 .05em}
:is(.hx-dark,.dark-section,.dark,.service-card--accent,.stage-card--highlight,.compare-col--positive,.hx-ft,.cta-banner,.cta-band:not(.cta-band--lime),.cta-split,.cta,.article-cta-final,.hx-contact__info,.leadform-inner>div:first-child) :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))) :is(em,.hx-lime){color:var(--lime);background:none}
.lede,.hx-lede{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--muted);max-width:62ch}
.hx-eyebrow,.eyebrow,.section-eyebrow,.leadform-eyebrow,.cta-banner__eyebrow,.cta-split__eyebrow,.cta-band__eyebrow,.cta__eyebrow,.branchen-cta__eyebrow,.cta-contact-eyebrow,.hmref-eyebrow,.marken-section-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-display);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 16px}
:is(.hx-eyebrow,.eyebrow,.section-eyebrow,.leadform-eyebrow,.cta-banner__eyebrow,.cta-split__eyebrow,.cta-band__eyebrow,.cta__eyebrow,.branchen-cta__eyebrow,.cta-contact-eyebrow,.hmref-eyebrow,.marken-section-eyebrow)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(208,255,0,.35)}
:is(.hx-dark,.dark-section,.dark,.cta-banner,.cta-split,.cta,.hx-ft,.hx-contact__info,.leadform-inner>div:first-child) :is(.hx-eyebrow,.eyebrow,.section-eyebrow,.leadform-eyebrow,.cta-banner__eyebrow,.cta-split__eyebrow,.cta__eyebrow){color:#fff}

/* ---------- Layout ---------- */
.hx-wrap,.container,.wrap{width:100%;max-width:calc(var(--max) + 2*var(--pad));margin-inline:auto;padding-inline:var(--pad)}
.container .container,.wrap .wrap,.hx-wrap .wrap,.wrap .container,.container .wrap,.hx-wrap .hx-wrap{padding-inline:0}
.hx-sec{padding-block:var(--sec)}
.hx-sec--tight{padding-block:calc(var(--sec)*.5)}
.hx-paper{background:var(--paper)}
.hx-dark,.dark-section,.dark{background:var(--ink);color:#fff}
.hx-center{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(36px,4vw,56px) 0 0;text-align:center}
.hx-sec-head,.section-head,.marken-section-head{display:flex!important;flex-direction:column;align-items:center;text-align:center;max-width:860px;margin:0 auto clamp(40px,5vw,64px)!important}
.hx-sec-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.section-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0 0 .35em;max-width:18ch}
.hx-sec-head p:not(.hx-eyebrow),.section-head p,.section-head__intro{max-width:60ch;margin:0 auto;color:var(--muted);font-size:clamp(17px,1.25vw,19px)}
.section-head>div{display:flex;flex-direction:column;align-items:center}
:is(.hx-dark,.dark-section,.dark) :is(.hx-sec-head p:not(.hx-eyebrow),.section-head p,.section-head__intro){color:var(--muted-d)}
main>section.container,main>section.wrap,main>section:not([class]){padding-block:calc(var(--sec)*.6)}
main>section.container+section.container{padding-top:0}
main>section.dark-section,main>section.dark{padding-block:var(--sec)}
main>section.dark-section>.container,main>section.dark>.wrap{padding-inline:var(--pad)}
.dark-section p,.dark p,.hx-dark p{color:rgba(255,255,255,.78)}
.hx-textil main>section:not(.hero):not(.dark):not(.branchen-cta):not(.cta-band):not([class*="hx-"]):not(.leadform-wrap):not(.page-head){padding-block:calc(var(--sec)*.6)}
main>section>.wrap{padding-block:0}

/* ---------- Buttons ---------- */
.hx-btn,.btn,.btn-lime,.btn-primary,.btn-ghost,.btn-dark,.btn-pill,.nv-btn,.hmref-btn,.funnel-btn,.leadform button[type=submit],.btn-outline{
  --b-bg:transparent;--b-fg:var(--ink);--b-bd:rgba(10,10,10,.25);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1.5px solid var(--b-bd);background:var(--b-bg);color:var(--b-fg);
  font-family:var(--f-display);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1.2;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
:is(.hx-btn,.btn,.btn-lime,.btn-primary,.leadform button[type=submit])::after{content:"";width:20px;height:20px;flex:none;border-radius:50%;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
:is(.btn,.btn-lime,.btn-primary,.nv-btn,.hx-btn) svg,.leadform button svg{display:none}
:is(.hx-btn,.btn,.btn-lime,.btn-primary,.leadform button[type=submit]):hover::after{transform:rotate(45deg)}
.hx-btn--lime,.btn-lime,.btn-primary,.nv-btn--p,.btn-pill--lime,.funnel-btn--primary,.leadform button[type=submit],.hmref-btn{--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
:is(.hx-btn--lime,.btn-lime,.btn-primary,.nv-btn--p,.funnel-btn--primary,.leadform button[type=submit],.hmref-btn):hover{--b-bg:var(--ink);--b-fg:#fff;--b-bd:var(--ink)}
.hx-btn--ink,.btn-dark,.btn-pill--ink{--b-bg:var(--ink);--b-fg:#fff;--b-bd:var(--ink)}
:is(.hx-btn--ink,.btn-dark):hover{--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
:is(.hx-btn--ghost,.btn-ghost,.btn-ghost-dark,.btn-outline,.nv-btn--g,.funnel-btn--ghost):hover{--b-bd:var(--ink);--b-bg:var(--ink);--b-fg:#fff}
:is(.hx-dark,.dark-section,.dark,.cta-banner,.cta-band:not(.cta-band--lime),.cta-split,.cta,.hx-ft,.article-cta-final,.hx-contact__info) :is(.hx-btn--ghost,.btn-ghost,.btn-ghost-light,.btn-ghost-dark,.btn-outline),.btn-ghost-light{--b-fg:#fff;--b-bd:rgba(255,255,255,.4)}
:is(.hx-dark,.dark-section,.dark,.cta-banner,.cta-band,.cta-split,.cta,.hx-ft,.hx-contact__info) :is(.hx-btn--ghost,.btn-ghost,.btn-ghost-light):hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
:is(.hx-dark,.dark-section,.dark,.cta-banner,.cta-split,.cta,.hx-ft) :is(.hx-btn--lime,.btn-lime,.btn-primary):hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
.hx-btn--sm{min-height:44px;padding:0 18px;font-size:12.5px}
.btn-link,.hx-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:3px}
.arrow-circle,.arrow-icon{display:none}

/* ---------- Chips ---------- */
.chip,.hx-chip,.ref-chip,.hmref-chip,.brand-chip,.bg-chip,.tech-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;text-decoration:none}
.chip-lime,.brand-chip--lime{background:var(--lime);border-color:var(--lime)}
.chip-ghost{background:transparent}
a.chip:hover,a.hx-chip:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.chip-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
:is(.hx-dark,.dark,.dark-section) .chip{background:transparent;color:#fff;border-color:var(--line-d)}
:is(.hx-dark,.dark,.dark-section) .chip-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}
/* Bestands-Hero mit Klasse .dark wird im neuen Design hell dargestellt: Chips dort dunkel beschriften (Kontrast) */
.hero.dark .chip:not(.chip-lime),.page-head.dark .chip:not(.chip-lime){color:var(--ink);border-color:var(--line)}
.eyebrow-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}
.tech-chip{flex-direction:column;align-items:center;text-align:center;border-radius:var(--r-m);padding:16px 18px;gap:2px}

/* =========================================================
   HEADER (hell) + MEGA-PANEL
   ========================================================= */
.hx-hd{position:fixed;inset:0 0 auto;z-index:100;height:var(--hd-h);background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);color:var(--ink);transition:box-shadow .3s var(--ease),transform .35s var(--ease)}
.hx-hd.is-solid{box-shadow:0 1px 0 var(--line)}
.hx-hd.is-hidden{transform:translateY(-100%)}
.hx-hd__in{position:relative;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:calc(var(--max) + 2*var(--pad));margin:auto;padding-inline:var(--pad)}
.hx-logo{display:flex;flex-direction:column;justify-content:center;text-decoration:none;line-height:1;justify-self:start}
.hx-logo b{font-family:var(--f-text);font-weight:800;font-size:25px;letter-spacing:-.03em}
.hx-logo b i{font-style:normal}
.hx-logo small{font-family:var(--f-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-weight:600}
.hx-nav{display:flex;align-items:center;gap:2px;justify-self:center;background:var(--paper);border-radius:999px;padding:5px}
.hx-nav>a,.hx-nav>.hx-dd>button{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border:0;background:none;color:inherit;font:600 14.5px/1 var(--f-text);text-decoration:none;cursor:pointer;border-radius:999px;transition:background .2s,color .2s}
.hx-nav>a:hover,.hx-nav>.hx-dd>button:hover,.hx-dd.is-open>button{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.hx-nav>a[aria-current=page]{background:var(--ink);color:#fff}
.hx-dd>button::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.hx-dd.is-open>button::after{transform:translateY(1px) rotate(-135deg)}
.hx-hd__act{display:flex;align-items:center;gap:14px;justify-self:end}
.hx-hd__tel{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--f-text);text-decoration:none;white-space:nowrap}
.hx-hd__tel svg{width:16px;height:16px}
.hx-hd__tel:hover{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}
.hx-hd .hx-btn{min-height:46px;padding:0 14px 0 20px;font-size:12.5px}
.hx-hd .hx-btn--line{--b-bg:var(--ink);--b-fg:#fff;--b-bd:var(--ink)}
.hx-hd .hx-btn--line:hover{--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
.hx-burger{display:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);cursor:pointer;place-items:center}
.hx-burger span{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:background .2s}
.hx-burger span::before,.hx-burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .25s var(--ease)}
.hx-burger span::before{top:-6px}.hx-burger span::after{top:6px}
.hx-menu-open .hx-burger span{background:transparent}
.hx-menu-open .hx-burger span::before{transform:translateY(6px) rotate(45deg)}
.hx-menu-open .hx-burger span::after{transform:translateY(-6px) rotate(-45deg)}
.hx-xlink{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 12px var(--f-display);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--lime);padding:14px 16px;border-radius:999px}
.hx-mega{position:fixed;left:50%;top:calc(var(--hd-h) - 4px);width:min(1100px,calc(100vw - 2*var(--pad)));transform:translate(-50%,10px);background:#fff;color:var(--ink);border-radius:var(--r-xl);box-shadow:0 40px 90px -30px rgba(10,10,10,.35),0 0 0 1px var(--line);opacity:0;visibility:hidden;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s .22s}
.hx-dd.is-open .hx-mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.hx-mega__in{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;min-height:340px}
.hx-mega__cats{margin:0;padding:18px;display:flex;flex-direction:column;gap:4px;background:var(--paper);border-radius:var(--r-xl) 0 0 var(--r-xl)}
.hx-mega__cats button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;border:0;border-radius:var(--r-m);background:transparent;font:700 18px/1.15 var(--f-display);color:var(--muted);text-align:left;cursor:pointer;transition:background .2s,color .2s}
.hx-mega__cats button::after{content:"→";opacity:0;transition:opacity .2s}
.hx-mega__cats button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.07)}
.hx-mega__cats button[aria-selected=true]::after{opacity:1}
.hx-mega__panes{padding:22px 26px}
.hx-mega__pane[hidden]{display:none}
.hx-mega__pane ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.hx-mega__pane a{display:block;padding:11px 12px;border-radius:var(--r-s);text-decoration:none;font-weight:700;font-size:15px;line-height:1.3}
.hx-mega__pane a small{display:block;font-weight:500;font-size:12.5px;color:var(--muted);margin-top:2px}
.hx-mega__pane a:hover{background:var(--paper)}
.hx-mega__pane a[aria-current=page]{background:var(--lime-soft)}
.hx-mega__card{position:relative;margin:14px;border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;text-decoration:none;color:#fff;isolation:isolate}
.hx-mega__card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.hx-mega__card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,10,10,.85),rgba(10,10,10,0) 60%)}
.hx-mega__card:hover img{transform:scale(1.05)}
.hx-mega__card em{font-style:normal;align-self:flex-start;background:var(--lime);color:var(--ink);font:700 11px var(--f-display);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.hx-mega__card strong{font:800 21px/1.05 var(--f-display);text-transform:uppercase;margin:10px 0 6px}
.hx-mega__card span{font-size:13.5px;opacity:.88}
.hx-mnav{position:fixed;inset:var(--hd-h) 0 0;z-index:99;background:#fff;color:var(--ink);padding:10px var(--pad) 140px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.hx-menu-open .hx-mnav{opacity:1;visibility:visible;transition-delay:0s}
.hx-menu-open{overflow:hidden}
.hx-mnav details{border-bottom:1px solid var(--line)}
.hx-mnav summary,.hx-mnav>a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font:800 23px/1 var(--f-display);text-transform:uppercase;list-style:none;cursor:pointer;text-decoration:none;color:var(--ink)}
.hx-mnav>a{border-bottom:1px solid var(--line)}
.hx-mnav summary::-webkit-details-marker{display:none}
.hx-mnav summary::after{content:"+";font-weight:500}
.hx-mnav details[open] summary::after{content:"–"}
.hx-mnav details :is(h6:where(:not([data-hl])),:where([data-hl="h6"])){margin:14px 0 4px;font:700 11.5px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hx-mnav details ul{list-style:none;margin:0 0 14px;padding:0}
.hx-mnav details a{display:block;padding:9px 0;color:var(--ink);text-decoration:none;font-weight:600}
.hx-mnav__foot{margin-top:28px;display:grid;gap:10px}
.hx-mnav__foot .hx-btn{width:100%}
@media (max-width:1220px){.hx-hd__tel{display:none}}
@media (max-width:1080px){.hx-nav,.hx-hd__act .hx-btn--line{display:none}.hx-burger{display:grid}.hx-hd__in{grid-template-columns:1fr auto}}

/* =========================================================
   HERO (hell, zentriert, Video im gerundeten Rahmen)
   ========================================================= */
.hx-hero{position:relative;padding:clamp(48px,6vw,84px) 0 clamp(56px,6vw,84px);text-align:center;background:linear-gradient(180deg,#fff 0%,var(--paper) 100%)}
.hx-hero__in{max-width:calc(var(--max) + 2*var(--pad));margin:auto;padding-inline:var(--pad);display:flex;flex-direction:column;align-items:center}
.hx-hero h1{font-size:clamp(34px,4.6vw,66px);max-width:18ch;margin:0 auto .35em}
.hx-hero__sub{font-size:clamp(17px,1.3vw,20px);line-height:1.6;max-width:56ch;color:var(--muted);margin:0 auto 28px}
.hx-hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hx-hero__media{position:relative;width:100%;margin-top:clamp(36px,4vw,56px);border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16/7;background:var(--ink);box-shadow:var(--shadow)}
.hx-hero__media img,.hx-hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:980px;margin:clamp(32px,4vw,48px) auto 0}
.hx-kpis div{padding:4px 10px;text-align:center;position:relative}
.hx-kpis div+div::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--line)}
.hx-kpis b{display:block;font:800 clamp(28px,3vw,42px)/1 var(--f-display)}
.hx-kpis span{display:block;margin-top:8px;font:700 11.5px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:720px){.hx-hero__media{aspect-ratio:4/5}.hx-kpis{grid-template-columns:repeat(2,1fr);row-gap:22px}.hx-kpis div:nth-child(3)::before{display:none}.hx-hero__cta .hx-btn{width:100%}}

/* Unterseiten-Kopf (hell, zentriert) */
.page-head,.hero,.article-head{position:relative;background:var(--paper);color:var(--ink);padding:clamp(56px,7vw,100px) 0 clamp(52px,6vw,84px);overflow:hidden;isolation:isolate;text-align:center}
.page-head::before,.hero::before,.article-head::before{content:none}
.page-head>.container,.hero>.wrap,.hero .hero__inner{display:flex;flex-direction:column;align-items:center}
:is(.page-head,.hero,.article-head) h1{max-width:20ch;margin-inline:auto;font-size:clamp(32px,4.2vw,60px)}
:is(.page-head,.hero) p,.hero__sub,.article-head__lead{font-size:clamp(17px,1.3vw,19px);color:var(--muted);max-width:62ch;margin-inline:auto}
:is(.page-head,.hero) p :is(a,strong,b){color:var(--ink)}
.page-head .eyebrow-row,.hero__chips,.hero .eyebrow-row{justify-content:center}
.page-head>.container>div:last-child,.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.hero__pattern{display:none}
.hero__split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;text-align:left}
.hero__split h1,.hero__split p{margin-inline:0}
.hero__media img,.hero__media-fig img{border-radius:var(--r-l);width:100%;aspect-ratio:4/5;object-fit:cover}
.hero__badge,.hero__price{display:inline-flex;gap:8px;align-items:center;background:var(--lime);color:var(--ink);border-radius:999px;padding:8px 14px;font:700 12px var(--f-display);letter-spacing:.1em;text-transform:uppercase}
@media (max-width:860px){.hero__split{grid-template-columns:1fr;text-align:center}.hero__split h1,.hero__split p{margin-inline:auto}}
.hx-crumbs,.article-head__crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center;margin-bottom:18px;font:700 11.5px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
:is(.hx-crumbs,.article-head__crumbs) a{color:var(--muted);text-decoration:none}
:is(.hx-crumbs,.article-head__crumbs) a:hover{color:var(--ink)}
/* automatisch ergänzte Brotkrumen (Bestandsseiten): passen sich hellem/dunklem Seitenkopf an */
.hx-crumbs--auto{color:inherit;opacity:.72;margin:0 0 18px;align-self:stretch;width:100%}
.hx-crumbs--auto a{color:inherit}
.hx-crumbs--auto a:hover{color:inherit;text-decoration:underline}
.hx-crumbs--auto [aria-current]{opacity:.85}
.hx-crumbs--left{justify-content:flex-start}
.hx-crumbs--bar{padding:14px var(--pad) 0;margin:0 auto;max-width:var(--max,1240px)}
/* Querverweise am Seitenende: passende Referenzen und Ratgeber */
.hx-xl{border-top:1px solid var(--line)}
.hx-xl .hx-refs{margin-top:8px}
.hx-xl__more{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:clamp(24px,3vw,36px)}
.hx-xl__reads{list-style:none;margin:clamp(28px,4vw,44px) auto 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;max-width:1000px}
.hx-xl__reads a{display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 20px;border-radius:var(--r-l);background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;color:var(--ink);transition:box-shadow .25s,transform .25s var(--ease)}
.hx-xl__reads a:hover{box-shadow:0 0 0 1.5px var(--ink);transform:translateY(-2px)}
.hx-xl__reads small{font:700 11px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hx-xl__reads strong{font:600 17px/1.3 var(--f-display)}
.hx-xl__h3{text-align:center;margin:clamp(36px,5vw,56px) 0 0;font:700 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:14px;color:var(--muted);margin-top:20px}
.hx-usp{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:24px 0 0}
.hx-usp li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px}
.hx-usp li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px rgba(10,10,10,.08)}
.hx-pad-top{padding-top:clamp(32px,5vw,64px)!important}

/* =========================================================
   STARTSEITEN-MODULE
   ========================================================= */
.hx-goals{background:var(--paper);padding-block:var(--sec);text-align:center}
.hx-goals__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto clamp(36px,4vw,52px);padding:6px;background:#fff;border-radius:999px;width:max-content;max-width:100%;box-shadow:0 0 0 1px var(--line)}
.hx-goals__tabs button{min-height:48px;padding:0 22px;border-radius:999px;border:0;background:transparent;color:var(--ink);font:700 14px var(--f-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .25s var(--ease),color .25s}
.hx-goals__tabs button:hover{background:var(--paper)}
.hx-goals__tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.hx-goals__panel[hidden]{display:none}
.hx-goals__panel>:is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font:800 clamp(28px,3.4vw,48px)/1 var(--f-display);text-transform:uppercase;margin:0 auto 14px;max-width:20ch}
.hx-goals__panel>p{margin:0 auto;max-width:58ch;color:var(--muted);font-size:18px}
.hx-goals__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin:clamp(32px,4vw,48px) 0}
.hx-goal{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-l);overflow:hidden;text-decoration:none;color:var(--ink);text-align:left;box-shadow:0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.hx-goal:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 0 0 1px var(--line)}
.hx-goal figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--paper)}
.hx-goal img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.hx-goal:hover img{transform:scale(1.05)}
.hx-goal div{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.hx-goal small{font:700 11px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hx-goal strong{font:800 19px/1.15 var(--f-display);text-transform:uppercase}
.hx-goal span{font-size:14.5px;color:var(--muted)}
.hx-goal b{margin-top:auto;padding-top:10px;font:700 12.5px var(--f-display);letter-spacing:.08em;text-transform:uppercase}
.hx-goal b::after{content:" →"}
.hx-goal--top{box-shadow:0 0 0 2px var(--ink)}
.hx-goal--top::after{content:"Empfehlung";position:absolute;top:12px;left:12px;background:var(--lime);color:var(--ink);font:700 10.5px var(--f-display);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
@media (max-width:1000px){.hx-goals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hx-goals__tabs{width:100%;border-radius:var(--r-l);display:grid;grid-template-columns:1fr 1fr}.hx-goals__tabs button{padding:0 10px;font-size:12.5px;min-height:46px}.hx-goals__grid{gap:12px}.hx-goal div{padding:14px}.hx-goal strong{font-size:15px}.hx-goal span{display:none}}

.hx-svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid var(--line)}
.hx-svc a{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:24px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .25s,padding .25s var(--ease)}
.hx-svc strong{font:800 clamp(21px,2.1vw,30px)/1.05 var(--f-display);text-transform:uppercase}
.hx-svc small{grid-column:1;font-size:15px;color:var(--muted)}
.hx-svc a::after{content:"";grid-row:1/span 2;grid-column:2;width:44px;height:44px;border-radius:50%;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.4 12 0 10.6 8.6 2H1V0h11v11h-2V3.4z' fill='%230A0A0A'/%3E%3C/svg%3E") center/11px no-repeat;transition:all .25s var(--ease)}
.hx-svc a:hover{background:var(--paper);padding-inline:18px;border-radius:var(--r-m)}
.hx-svc a:hover::after{background-color:var(--lime);transform:rotate(45deg)}
.hx-svc__peek{position:fixed;z-index:50;width:240px;aspect-ratio:4/5;border-radius:var(--r-l);overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.9) rotate(-3deg);transition:opacity .25s,transform .35s var(--ease);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.hx-svc__peek.is-on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}
.hx-svc__peek img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.hx-svc{grid-template-columns:1fr}.hx-svc__peek{display:none}}

.hx-logos{padding-block:clamp(40px,5vw,60px);background:#fff;border-block:1px solid var(--line);overflow:hidden;text-align:center}
.hx-logos p{font:700 12px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}
.hx-logos__t{display:flex;align-items:center;width:max-content;animation:hxMarq 55s linear infinite}
.hx-logos:hover .hx-logos__t{animation-play-state:paused}
.hx-logos__t img{height:40px;width:auto;max-width:160px;object-fit:contain;margin:0 clamp(26px,3vw,48px);opacity:.6;transition:opacity .25s,transform .25s}
.hx-logos__t img.is-tall{height:58px}
.hx-logos__t img:hover{opacity:1;transform:scale(1.06)}
@keyframes hxMarq{to{transform:translateX(-50%)}}
.hx-marq{overflow:hidden;background:var(--lime);color:var(--ink);padding:16px 0}
.hx-marq__t{display:flex;width:max-content;animation:hxMarq 40s linear infinite}
.hx-marq__t span{display:inline-flex;align-items:center;gap:26px;padding-right:26px;font:800 clamp(20px,2.2vw,32px)/1 var(--f-display);text-transform:uppercase;white-space:nowrap}
.hx-marq__t span::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink)}
@media (prefers-reduced-motion:reduce){.hx-marq__t,.hx-logos__t{animation:none}}

.hx-refs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-ref{display:block;text-decoration:none;color:inherit}
.hx-ref figure{margin:0;border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/3;background:var(--paper-2)}
.hx-ref img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.hx-ref:hover img{transform:scale(1.04)}
.hx-ref__m{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:16px 8px 0}
.hx-ref__m strong{font:800 clamp(18px,1.5vw,22px)/1.1 var(--f-display);text-transform:uppercase}
.hx-ref__m span{font-size:14px;color:var(--muted)}
@media (max-width:980px){.hx-refs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hx-refs{grid-template-columns:1fr}}

.hx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.hx-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(340px,30vw,440px);border-radius:var(--r-l);overflow:hidden;color:#fff;text-decoration:none;background:var(--ink-3);isolation:isolate;text-align:center}
.hx-card img,.hx-card video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.hx-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,10,10,.85) 0%,rgba(10,10,10,.15) 55%,rgba(10,10,10,0) 75%)}
.hx-card:hover img{transform:scale(1.05)}
.hx-card__b{padding:26px 20px}
.hx-card small{display:inline-block;font:700 11px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--lime);padding:5px 10px;border-radius:999px;margin-bottom:10px}
.hx-card strong{display:block;font:800 clamp(20px,1.8vw,26px)/1.05 var(--f-display);text-transform:uppercase}
.hx-card span{display:block;margin-top:8px;font-size:14.5px;color:rgba(255,255,255,.85)}
@media (max-width:1000px){.hx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hx-cards{grid-template-columns:1fr}.hx-card{min-height:300px}}

.hx-bridge{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:stretch}
.hx-bridge__img{position:relative;min-height:500px;border-radius:var(--r-xl);overflow:hidden;background:var(--ink)}
.hx-bridge__img>img,.hx-bridge__img>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-bridge__b{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(30px,4vw,64px);border-radius:var(--r-xl);background:var(--paper)}
.hx-bridge :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(28px,3.2vw,46px)}
.hx-bridge p{color:var(--muted);font-size:18px;max-width:46ch}
.hx-bridge__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
@media (max-width:860px){.hx-bridge{grid-template-columns:1fr}.hx-bridge__img{min-height:320px}}

ol.hx-reasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);counter-reset:r}
ol.hx-reasons li{counter-increment:r;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,3vw,40px) clamp(22px,2.4vw,32px);background:#fff;border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line)}
ol.hx-reasons li::before{content:counter(r,decimal-leading-zero);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--lime);font:800 18px var(--f-display);margin-bottom:18px}
ol.hx-reasons :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){text-transform:uppercase;font-weight:800;margin:0 0 8px}
ol.hx-reasons p{margin:0;color:var(--muted);max-width:32ch}
@media (max-width:980px){ol.hx-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){ol.hx-reasons{grid-template-columns:1fr}}

.hx-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.hx-guide{display:flex;flex-direction:column;border-radius:var(--r-l);background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;color:var(--ink);text-decoration:none;text-align:center;transition:transform .3s var(--ease),box-shadow .3s}
.hx-guide figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--paper)}
.hx-guide img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.hx-guide div{padding:20px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}
.hx-guide small{font:700 11px var(--f-display);letter-spacing:.14em;text-transform:uppercase;background:var(--paper);padding:5px 10px;border-radius:999px}
.hx-guide strong{font:800 18px/1.2 var(--f-display);text-transform:uppercase}
.hx-guide span{font-size:14.5px;color:var(--muted)}
.hx-guide:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 0 0 1px var(--line)}
.hx-guide:hover img{transform:scale(1.05)}
@media (max-width:1000px){.hx-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hx-guides{grid-template-columns:1fr}}

.hx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);counter-reset:s}
.hx-step{counter-increment:s;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:var(--r-l);padding:30px 24px;box-shadow:0 0 0 1px var(--line)}
.hx-step::before{content:counter(s,decimal-leading-zero);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--lime);font:800 17px var(--f-display)}
.hx-step :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){text-transform:uppercase;font-weight:800;margin:20px 0 8px}
.hx-step p{margin:0;color:var(--muted);font-size:15.5px}
@media (max-width:1000px){.hx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hx-steps{grid-template-columns:1fr}}

.hx-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-gal figure{margin:0;border-radius:var(--r-l);overflow:hidden;aspect-ratio:1;background:var(--paper)}
.hx-gal img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.hx-gal figure:hover img{transform:scale(1.05)}
@media (max-width:700px){.hx-gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.faq-list,.faq,.hx-faq{display:grid;gap:10px;max-width:880px;margin-inline:auto}
details.faq-item,.faq__q,.hx-faq details{background:#fff;border-radius:var(--r-m);padding:0 24px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
details.faq-item[open],.hx-faq details[open]{box-shadow:0 0 0 1.5px var(--ink)}
:is(details.faq-item,.faq__q,.hx-faq details) summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:700 clamp(16px,1.3vw,19px)/1.3 var(--f-display);text-align:left}
:is(details.faq-item,.hx-faq details) summary::-webkit-details-marker{display:none}
:is(details.faq-item,.hx-faq details) summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6z'/%3E%3Cpath d='M0 6h14v2H0z'/%3E%3C/svg%3E") center/11px no-repeat;transition:transform .25s var(--ease)}
:is(details.faq-item,.hx-faq details)[open] summary::after{transform:rotate(45deg)}
.faq-toggle{display:none}
details.faq-item>*:not(summary),.faq-a,.hx-faq details>div{padding-bottom:22px;color:var(--muted);text-align:left}
:is(.dark,.dark-section) details.faq-item{background:var(--ink-3);color:#fff}
main section.container>div>:is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font:700 19px var(--f-display);margin:26px 0 8px;padding-top:22px;border-top:1px solid var(--line)}
.hx-prose{margin:clamp(56px,6vw,80px) auto 0;text-align:center;max-width:72ch;font-size:17px;color:var(--muted)}
.hx-prose a{color:var(--ink);font-weight:700;text-decoration-color:var(--lime);text-decoration-thickness:2px}
.hx-prose strong{color:var(--ink)}

.hx-contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:stretch}
.hx-contact__info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(30px,4vw,56px);border-radius:var(--r-xl);background:var(--ink);color:#fff}
.hx-contact__info :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff}
.hx-contact__info .hx-lede{color:var(--muted-d)}
.hx-locs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;width:100%}
.hx-loc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;border-radius:var(--r-m);background:var(--ink-3);text-decoration:none;color:#fff;transition:background .2s}
.hx-loc small{font:700 11px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.hx-loc strong{font:800 20px var(--f-display)}
.hx-loc span{font-size:13px;color:var(--muted-d)}
.hx-loc:hover{background:var(--ink-4)}
.hx-person{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:24px;text-align:left}
.hx-person img{width:60px;height:60px;border-radius:50%!important;object-fit:cover}
.hx-person b{display:block;font:800 17px var(--f-display);text-transform:uppercase}
.hx-person span{font-size:13.5px;color:var(--muted-d)}
.hx-contact .leadform-wrap{padding:0!important;margin:0;background:none;height:100%}
.hx-contact .leadform-inner{display:block;padding:0;height:100%}
.hx-contact .leadform{height:100%;box-shadow:0 0 0 1px var(--line)}
@media (max-width:900px){.hx-contact{grid-template-columns:1fr}.hx-locs{grid-template-columns:1fr}}

.hx-cross{padding:clamp(28px,4vw,48px) 0}
.hx-cross__in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(28px,4vw,48px);border-radius:var(--r-xl);background:var(--lime)}
.hx-cross__b strong{display:block;font:800 clamp(22px,2.4vw,32px)/1.05 var(--f-display);text-transform:uppercase}
.hx-cross__b span{color:rgba(10,10,10,.75);display:block;margin-top:6px;max-width:60ch}
.hx-cross__badge{display:none}

/* =========================================================
   BESTANDSKOMPONENTEN (Unterseiten)
   ========================================================= */
.services-grid,.svc-grid,.grid-3,.grid-4,.grid-2,.usecase-grid,.process-grid,.bg-grid,.tier-grid,.spec-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--gap)!important}
.services-grid>*,.svc-grid>*,.grid-3>*,.usecase-grid>*,.process-grid>*,.tier-grid>*,.spec-grid>*{flex:0 0 calc((100% - 2*var(--gap))/3);min-width:0}
.grid-4>*{flex:0 0 calc((100% - 3*var(--gap))/4);min-width:0}
.grid-2>*,.bg-grid>*{flex:0 0 calc((100% - var(--gap))/2);min-width:0}
@media (max-width:980px){:is(.services-grid,.svc-grid,.grid-3,.grid-4,.usecase-grid,.process-grid,.tier-grid,.spec-grid)>*{flex-basis:calc((100% - var(--gap))/2)}}
@media (max-width:640px){:is(.services-grid,.svc-grid,.grid-3,.grid-4,.grid-2,.usecase-grid,.process-grid,.bg-grid,.tier-grid,.spec-grid)>*{flex-basis:100%}
  main [class*="grid"]:not([class*="hx-"]):not(.pgrid):not(.rgrid){grid-template-columns:minmax(0,1fr)!important}
  main [class*="grid"]>*{min-width:0}}
.service-card,.notch-card,.stage-card,.factor-card,.usecase,.feat-card,.deep-card,.process-step,.compare-col,.bg-card,.loc-card{position:relative;background:var(--paper);border-radius:var(--r-l);padding:clamp(24px,2.4vw,34px);transition:transform .35s var(--ease),box-shadow .35s}
:is(.service-card,.usecase,.bg-card):hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.service-card :is(:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"]))),:is(.notch-card,.stage-card,.factor-card,.usecase,.process-step) :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){text-transform:uppercase;font-weight:800;font-size:clamp(19px,1.6vw,23px);margin:14px 0 10px}
:is(.service-card,.notch-card,.stage-card,.factor-card,.usecase) p{color:var(--muted);font-size:16px;margin:0 0 .8em}
:is(.service-card,.stage-card,.process-step) ul{padding-left:18px;margin:10px 0 0;color:var(--muted);font-size:15px}
.service-num,.stage-num,.factor-num,.process-num,.benefit-num,.step__no,.bg-card__no,.ind__no,.deep-num{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;background:var(--lime);color:var(--ink);font:800 15px var(--f-display)}
.service-card--accent,.stage-card--highlight{background:var(--ink);color:#fff}
:is(.service-card--accent,.stage-card--highlight) :is(:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"]))){color:#fff}
:is(.service-card--accent,.stage-card--highlight) :is(p,ul){color:rgba(255,255,255,.75)}
.service-card a,.service-link,.usecase-link{font-weight:700;text-decoration-color:var(--lime);text-decoration-thickness:2px}
:is(.dark-section,.dark) :is(.notch-card,.factor-card,.stage-card,.service-card,.bg-card){background:var(--ink-3);color:#fff}
:is(.dark-section,.dark) :is(.notch-card,.factor-card,.service-card,.bg-card) p{color:rgba(255,255,255,.72)}
.icon-bubble,.usecase-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink)}
:is(.icon-bubble,.usecase-icon) svg{width:24px;height:24px}
.usecase--cta{background:var(--lime)}
.process-deliverable{margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.stage-sub{font:700 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:2px 0 6px}
.compare-grid,.cta-split,.cta,.split,.leadform-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
@media (max-width:860px){.compare-grid,.cta-split,.cta,.split,.leadform-inner{grid-template-columns:1fr}}
.compare-col--positive{background:var(--ink);color:#fff}
.compare-col--positive :is(p,li){color:rgba(255,255,255,.78)}
.compare-head{font:800 22px var(--f-display);text-transform:uppercase;margin-bottom:12px}
.compare-col ul{padding-left:18px;margin:0}
.tile,.spec,.cmp,.step,.g,.related a,.marken-card,.bg-sub,.bg-rec,.bg-fs,.bg-ward,.passt-cell,.ind,.kpi__cell{border-radius:var(--r-l)}
.tile--dark,.spec--dark,.cmp--dark,.g--dark{background:var(--ink);color:#fff}
.tile--lime,.spec--lime,.cmp--lime,.g--lime{background:var(--lime);color:var(--ink)}
.cta-banner,.cta-band,.cta-split,.cta-quote,.cta,.branchen-cta__inner,.article-cta-final{position:relative;border-radius:var(--r-xl);background:var(--ink);color:#fff;padding:clamp(32px,5vw,64px);overflow:hidden;isolation:isolate}
:is(.cta-banner,.cta-band,.cta-split,.cta,.article-cta-final)::before{content:none}
.cta-banner,.cta-band,.branchen-cta__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}
:is(.cta-banner,.cta-band,.cta-split,.cta) :is(:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))),.cta-banner__title,.cta-band__title,.cta-split__title{color:#fff;font-size:clamp(26px,3vw,42px);text-transform:uppercase;margin:0 auto 10px;max-width:22ch}
:is(.cta-banner,.cta-band,.cta-split) p,.cta-banner__sub,.cta-band__txt,.cta__lede,.cta-split__sub{color:rgba(255,255,255,.76);max-width:56ch;margin:0 auto}
.cta-banner__actions,.cta-banner-actions,.cta-band__actions,.cta-split__actions,.cta-quote__actions,.cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center}
.cta-band--lime{background:var(--lime);color:var(--ink)}
.cta-band--lime::before{display:none}
.cta-band--lime :is(:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))),.cta-band--lime .cta-band__title{color:var(--ink)}
.cta-band--lime p,.cta-band--lime .cta-band__txt{color:rgba(10,10,10,.75)}
.cta-band--lime .btn-lime{--b-bg:var(--ink);--b-fg:#fff;--b-bd:var(--ink)}
.cta-split,.cta{align-items:center;text-align:center}
.cta-split__aside,.cta__aside{display:grid;gap:18px}
.cta-split__fact-num,.cta__fact-v{display:block;font:800 clamp(30px,3.2vw,46px)/1 var(--f-display);color:var(--lime)}
.cta-split__fact-label,.cta__fact-k,.cta__fact-sub{display:block;font-size:14px;color:rgba(255,255,255,.7);margin-top:4px}
.cta-quote{background:var(--paper);color:var(--ink);text-align:center;display:flex;flex-direction:column;align-items:center}
.cta-quote::before{display:none}
.cta-quote__text{font:800 clamp(24px,3vw,44px)/1.05 var(--f-display);text-transform:uppercase;max-width:24ch;margin:0 auto 16px}
.cta-quote__meta{font:700 12px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cta-contact{display:grid;gap:12px;justify-items:center}
.cta-contact-locations{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.cta-contact-loc{display:inline-flex;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-d);text-decoration:none;color:#fff;font-size:14px}
.branchen-cta{background:transparent;padding:clamp(28px,4vw,48px) 0}
.branchen-cta__inner{max-width:var(--max);margin:auto}
.branchen-cta__inner::before{display:none}
.leadform-wrap{background:var(--paper);padding-block:var(--sec)!important}
.leadform-inner{max-width:calc(var(--max) + 2*var(--pad));margin:auto;padding-inline:var(--pad);align-items:stretch}
.leadform-inner>div:first-child{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(28px,4vw,56px);border-radius:var(--r-xl);background:var(--ink);color:#fff}
.leadform-title{font:800 clamp(30px,3.6vw,52px)/1 var(--f-display);text-transform:uppercase;color:#fff;margin:0 0 16px}
.leadform-lead{color:rgba(255,255,255,.75);font-size:18px}
.leadform-bullets{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px;text-align:left}
.leadform-bullets li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.85)}
.leadform-bullets li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.6 8.6 1.8 5.8l-1 1 3.8 3.8L11.2 4l-1-1z'/%3E%3C/svg%3E") center/10px no-repeat}
.lf-meta{font-size:14px;color:var(--muted-d)}
.lf-meta a{color:#fff}
.leadform{background:#fff;color:var(--ink);border-radius:var(--r-xl);padding:clamp(22px,3vw,40px);display:grid;gap:16px;align-content:start}
.lf-source{font-size:12.5px;color:var(--muted);background:var(--paper);border-radius:999px;padding:8px 14px;justify-self:start}
.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:620px){.lf-row{grid-template-columns:1fr}}
:is(.leadform,.funnel) label{display:block;font:700 12px var(--f-display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.leadform :is(input[type=text],input[type=email],input[type=tel],select,textarea),.funnel :is(input[type=text],input[type=email],input[type=tel],textarea,select),.hx-input{width:100%;min-height:52px;border:1.5px solid var(--paper-2);border-radius:14px;background:var(--paper);padding:12px 16px;font:500 16px var(--f-text);color:var(--ink);transition:border-color .2s,background .2s}
:is(.leadform,.funnel) textarea{min-height:140px;resize:vertical}
.leadform :is(input,select,textarea):focus,.funnel :is(input,textarea):focus{outline:0;border-color:var(--ink);background:#fff}
.lf-consent{display:flex!important;gap:12px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font:500 14px/1.5 var(--f-text)!important;color:var(--muted)}
.lf-consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--ink);flex:none}
.leadform button[type=submit]{justify-self:start;min-height:56px;padding:0 18px 0 28px}
.lf-success{display:none;background:var(--lime);color:var(--ink);border-radius:var(--r-l);padding:32px}
.lf-success.is-on{display:block}
.article-shell{max-width:820px;margin:auto;padding:0 var(--pad)}
.article-body{padding-block:clamp(48px,6vw,88px);font-size:18px;line-height:1.75}
.article-body :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(26px,3vw,40px);margin:1.6em 0 .55em}
.article-body :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:1.4em 0 .5em}
.article-body :is(ul,ol){padding-left:22px}
.article-body a{text-decoration-color:var(--lime);text-decoration-thickness:2px;font-weight:600}
.article-body blockquote{margin:1.6em 0;padding:24px 28px;background:var(--paper);border-radius:var(--r-m);font-weight:600}
.article-body img{margin-block:24px}
.article-cta-inline{background:var(--paper);border-radius:var(--r-l);padding:28px;margin:2em 0}
.article-themelink{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;background:var(--paper);border-radius:var(--r-m);padding:18px 22px;margin:2em 0}
.article-cta-final{margin-bottom:var(--sec);text-align:center}
.article-cta-final :is(:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))){color:#fff}
.article-cta-final :is(.actions,.phone){display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center;margin-top:20px}
.legal-wrap{max-width:900px;margin:auto;padding:0 var(--pad) var(--sec)}
.legal-body :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(22px,2.4vw,30px);margin-top:1.6em}
.legal-body :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:20px;margin-top:1.4em}
.legal-meta{color:var(--muted);font-size:14px}
.hx-dsub{padding-block:clamp(48px,6vw,88px)}
.hx-dsub>section{margin-top:clamp(40px,5vw,72px)}
.hx-dsub>section:first-child{margin-top:0}
.hx-dsub :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0 0 .6em;text-align:center}
.hx-dsub .tx{background:var(--paper);border-radius:var(--r-l);padding:clamp(24px,3vw,40px);text-align:center}
.hx-dsub .tx p{max-width:70ch;margin-inline:auto}
.hx-dsub .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap)}
.hx-dsub .pc{display:flex;flex-direction:column;gap:4px;padding:12px 12px 16px;background:var(--paper);border-radius:var(--r-l);text-decoration:none;border:1px solid transparent;transition:border-color .2s,transform .3s var(--ease);text-align:center}
.hx-dsub .pc:hover{border-color:var(--ink);transform:translateY(-3px)}
.hx-dsub .pc .ph{background:#fff;border-radius:14px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px}
.hx-dsub .pc img{width:88%;height:auto}
.hx-dsub .pc b{font:800 15px var(--f-display);text-transform:uppercase;margin-top:4px}
.hx-dsub .pc small{font-size:12.5px;color:var(--muted)}
.hx-dsub .pr{font-weight:800;margin-top:4px}
.hx-dsub .pr em{font-style:normal;font-weight:500;font-size:12px;color:var(--muted);background:none}
.hx-dsub .faq details{background:var(--paper);border-radius:var(--r-m);padding:18px 22px;margin:8px auto;max-width:880px}
.hx-dsub .faq summary{font:700 18px var(--f-display);cursor:pointer}
.hx-dsub :is(.rel .rl,.rl){display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hx-dsub .rel a{display:inline-flex;padding:10px 18px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:700}
.hx-dsub .rel a:hover{background:var(--ink);color:#fff}
.hx-dsub .cta2{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:clamp(32px,5vw,64px);text-align:center}
.hx-dsub .cta2 :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff}
.hx-dsub .cta2 p{color:rgba(255,255,255,.78);max-width:60ch;margin-inline:auto}
.hx-dsub .cta2 .btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}
.hx-dsub .cta2 .btn:not(.lime){--b-fg:#fff;--b-bd:rgba(255,255,255,.45)}
.hx-dsub .btn.lime{--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
.hx-dsub .art{background:var(--paper);border-radius:var(--r-l);padding:clamp(24px,3vw,44px);max-width:900px;margin-inline:auto}
.hx-dsub .rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}
.hx-dsub .rc{background:var(--paper);border-radius:var(--r-l);padding:24px;text-decoration:none;display:flex;flex-direction:column;gap:6px}
.hx-dsub .tbl{width:100%;border-collapse:collapse;font-size:15px}.hx-dsub .tbl :is(td,th){border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
.hx-dsub .pdp{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
@media (max-width:900px){.hx-dsub .pdp{grid-template-columns:1fr}}
@media (max-width:560px){.hx-dsub .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.loc-card.dark{background:var(--ink);color:#fff}
.loc-card.dark :is(p,a){color:rgba(255,255,255,.85)}
/* Medien: immer Abstand und Rundung */
.ref-gallery{gap:var(--gap)!important;padding-inline:var(--pad)}
.ref-gallery :is(img,figure){border-radius:var(--r-m)}

/* =========================================================
   FOOTER (einziger dunkler Abschluss)
   ========================================================= */
.hx-ft{background:var(--ink);color:#fff;padding:clamp(64px,8vw,100px) 0 calc(28px + env(safe-area-inset-bottom));text-align:center}
.hx-ft a{color:#fff;text-decoration:none}
.hx-ft a:hover{color:var(--lime)}
.hx-ft__big{display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line-d)}
.hx-ft__big :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff;font-size:clamp(30px,4vw,58px);margin:0 auto;max-width:16ch}
.hx-ft__big .hx-hero__cta{justify-content:center}
.hx-ft__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding:clamp(40px,5vw,64px) 0;text-align:left}
.hx-ft__grid .hx-logo small{color:var(--muted-d)}
.hx-ft :is(h6:where(:not([data-hl])),:where([data-hl="h6"])){font:700 12px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-d);margin:0 0 16px}
.hx-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hx-ft li a{font-weight:600;font-size:15px;color:rgba(255,255,255,.86)}
.hx-ft__about{font-size:14.5px;color:var(--muted-d);max-width:36ch;margin-top:16px}
.hx-ft__goals{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hx-ft__goals a{display:inline-flex;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line-d);font:700 12px var(--f-display);letter-spacing:.08em;text-transform:uppercase}
.hx-ft__goals a:hover{border-color:var(--lime)}
.hx-ft__rows{border-top:1px solid var(--line-d);padding-top:26px;display:grid;gap:14px}
.hx-ft__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;font-size:14px}
.hx-ft__row b{font:700 11.5px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-d);margin-right:6px}
.hx-ft__row a{color:rgba(255,255,255,.8);padding:6px 12px;border-radius:999px;border:1px solid var(--line-d)}
.hx-ft__row a:hover{border-color:var(--lime)}
.hx-ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line-d);font-size:13.5px;color:var(--muted-d)}
.hx-ft__bot nav{display:flex;flex-wrap:wrap;gap:18px}
.hx-ft__bot :is(a,button){color:var(--muted-d);background:none;border:0;font:inherit;cursor:pointer;padding:0}
.hx-ft__bot :is(a,button):hover{color:#fff}
.hx-ft__sister{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--r-m);background:var(--ink-3);margin-top:20px}
.hx-ft__sister b{display:block;font:800 18px var(--f-text);letter-spacing:-.02em}
.hx-ft__sister span{font-size:13px;color:var(--muted-d)}
@media (max-width:1100px){.hx-ft__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-ft__grid>div:first-child{grid-column:1/-1}}
@media (max-width:640px){.hx-ft__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-ft__bot{justify-content:center;text-align:center}}

.hx-cc{position:fixed;z-index:200;left:16px;bottom:16px;max-width:420px;background:#fff;color:var(--ink);border-radius:var(--r-l);padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25),0 0 0 1px var(--line)}
.hx-cc[hidden]{display:none}
.hx-cc strong{display:block;font:800 17px var(--f-display);text-transform:uppercase;margin-bottom:8px}
.hx-cc p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 16px}
.hx-cc__btns{display:flex;flex-wrap:wrap;gap:8px}
.hx-cc__btns .hx-btn{flex:1 1 auto;min-height:46px;font-size:12px;padding:0 16px}
.hx-cc__btns .hx-btn::after{display:none}
.hx-cc-reopen{position:fixed;left:14px;bottom:14px;z-index:90;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.hx-cc-reopen[hidden]{display:none}
.hx-bar{display:none}
@media (max-width:860px){
  .hx-bar{position:fixed;z-index:95;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(var(--n,2),1fr);gap:6px;padding:6px;border-radius:999px;background:rgba(10,10,10,.94);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,.3);transform:translateY(140%);transition:transform .35s var(--ease)}
  .hx-bar.is-on{transform:none}
  .hx-bar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;color:#fff;text-decoration:none;font:800 12.5px var(--f-display);letter-spacing:.06em;text-transform:uppercase}
  .hx-bar a.is-p{background:var(--lime);color:var(--ink)}
  .hx-bar svg{width:17px;height:17px}
  .hx-cc{left:10px;right:10px;bottom:10px;max-width:none}
  .hx-cc-reopen{bottom:84px;left:auto;right:14px}
  .hx-ft{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media (max-width:640px){
  h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"])){hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
  .hx-hero h1{hyphens:manual}
  .hx-btn,.btn,.btn-lime,.btn-primary,.btn-ghost,.btn-dark,.leadform button[type=submit]{min-height:50px;padding:12px 22px;text-align:center}
}
.hx-rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.hx-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hx-rv{opacity:1;transform:none;transition:none}}
.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}
.back-to-top,.float-cta,.side-tabs,.hm-cc,.hm-cc-reopen{display:none!important}
@media (max-width:640px){.hx-eyebrow::before,.eyebrow::before,.section-eyebrow::before{display:none}.hx-goals__panel>:is(h3:where(:not([data-hl])),:where([data-hl="h3"])){hyphens:manual}}
/* Projektseiten */
.ref-detail-hero{background:var(--paper)!important;color:var(--ink)!important;text-align:center;padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,72px)!important}
.ref-detail-hero :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),p,a,span){color:inherit}
.ref-detail-hero p{color:var(--muted)}
.refm-mockup{display:block;width:100%;max-width:calc(var(--max) + 2*var(--pad));margin-inline:auto;padding-inline:var(--pad)}
.refm-mockup img{width:100%;border-radius:var(--r-xl)}
main img[src*="23126593"]{border-radius:var(--r-xl)}
/* Helle Seitenköpfe: Bestands-Textfarben neutralisieren */
:is(.page-head,.hero,.article-head,.ref-detail-hero) :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"]))){color:var(--ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important}
:is(.page-head,.hero,.article-head,.ref-detail-hero) :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"]))) :is(em,span,.ac){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;-webkit-text-stroke:0!important;background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;font-style:normal!important;font-size:inherit!important;display:inline!important}
:is(.page-head,.hero,.article-head,.ref-detail-hero) :is(p,li){color:var(--muted)!important}
:is(.page-head,.hero) .eyebrow-row .chip{color:var(--ink)!important}
.hm-map,#hm-map{filter:grayscale(1) contrast(.95);border-radius:var(--r-xl);overflow:hidden}

.lf-fail{margin-top:14px;padding:14px 16px;border-radius:var(--r-m);background:#FFF4E5;border:1px solid #F0C27A;color:var(--ink);font-size:15px;line-height:1.5}
.lf-fail a{font-weight:700;text-decoration:underline}

/* =========================================================
   HERO VIDEO (vollflächig wie dievirtuellecouch) – v3
   ========================================================= */
.hx-hero--video{position:relative;min-height:max(640px,100svh);margin-top:calc(-1*var(--hd-h));padding:calc(var(--hd-h) + 56px) 0 clamp(40px,6vw,80px);display:flex;align-items:flex-end;text-align:left;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.hx-hero--video .hx-hero__bg{position:absolute;inset:0;z-index:-2;margin:0}
.hx-hero--video .hx-hero__bg img,.hx-hero--video .hx-hero__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hx-hero--video::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,10,.8) 0%,rgba(10,10,10,.5) 48%,rgba(10,10,10,.12) 100%),linear-gradient(0deg,rgba(10,10,10,.72) 0%,rgba(10,10,10,0) 48%),linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,0) 24%)}
.hx-hero--video .hx-hero__in{align-items:flex-start;width:100%}
.hx-hero--video .hx-eyebrow{color:#fff}
.hx-hero--video h1{color:#fff;max-width:18ch;margin:0 0 .32em;font-size:clamp(36px,4.6vw,68px);line-height:.98;text-align:left}
.hx-hero--video h1 .hx-lime{color:var(--lime);background:none;padding:0}
.hx-hero--video .hx-hero__sub{color:rgba(255,255,255,.84);margin:0 0 30px;max-width:52ch;text-align:left}
.hx-hero--video .hx-hero__cta{justify-content:flex-start}
.hx-hero--video .hx-btn--ghost{--b-fg:#fff;--b-bd:rgba(255,255,255,.5);--b-bg:transparent}
.hx-hero--video .hx-btn--ghost:hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
.hx-hero--video .hx-kpis{max-width:none;margin:clamp(40px,5vw,64px) 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);text-align:left}
.hx-hero--video .hx-kpis div{text-align:left;padding-left:0}
.hx-hero--video .hx-kpis div+div{padding-left:22px}
.hx-hero--video .hx-kpis div+div::before{background:rgba(255,255,255,.18)}
.hx-hero--video .hx-kpis span{color:rgba(255,255,255,.66)}
/* Kopf transparent über dem Video, bis gescrollt wird */
.hx-hd:not(.is-solid){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}
.hx-hd:not(.is-solid) .hx-logo small{color:rgba(255,255,255,.7)}
.hx-hd:not(.is-solid) .hx-nav{-webkit-backdrop-filter:none;backdrop-filter:none}
.hx-hd:not(.is-solid) .hx-nav>a:hover,.hx-hd:not(.is-solid) .hx-nav>.hx-dd>button:hover{background:rgba(255,255,255,.18);box-shadow:none;color:#fff}
.hx-hd:not(.is-solid) .hx-btn--line{--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
.hx-hd:not(.is-solid) .hx-burger{background:rgba(255,255,255,.14);color:#fff}
@media (max-width:720px){
 .hx-hero--video{min-height:92svh;padding-bottom:36px}
 .hx-hero--video::after{background:linear-gradient(0deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.55) 55%,rgba(10,10,10,.35) 100%)}
 .hx-hero--video .hx-kpis{grid-template-columns:repeat(2,1fr);row-gap:18px}
 .hx-hero--video .hx-kpis div:nth-child(3){padding-left:0}
}
/* XXL-Planendruck – v6: Video vollflächig im Hintergrund, symmetrisch, weiche Übergänge */
.hx-xxl{position:relative;isolation:isolate;overflow:hidden;background:#0A0A0A;color:#fff;padding-block:clamp(96px,12vw,168px) clamp(72px,8vw,112px);text-align:center}
.hx-xxl__bg{position:absolute;inset:0;z-index:-1}
.hx-xxl__bg img,.hx-xxl__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(7px) saturate(.9) brightness(.9);transform:scale(1.08)}
.hx-xxl__bg::after{content:"";position:absolute;inset:0;background:
 linear-gradient(180deg,#0A0A0A 0%,rgba(10,10,10,.62) 16%,rgba(10,10,10,.58) 45%,rgba(10,10,10,.86) 74%,#0A0A0A 100%),
 radial-gradient(120% 80% at 50% 38%,rgba(10,10,10,0) 0%,rgba(10,10,10,.55) 100%)}
.hx-xxl__in{position:relative}
.hx-xxl__head{max-width:860px;margin-inline:auto}
.hx-xxl :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff;font-size:clamp(40px,5.6vw,84px);line-height:.95;margin:14px 0 22px;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hx-xxl :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) .hx-lime{color:var(--lime);background:none}
.hx-xxl .hx-eyebrow{color:rgba(255,255,255,.85)}
.hx-xxl__head p{color:rgba(255,255,255,.82);font-size:clamp(16px,1.3vw,19px);max-width:62ch;margin:0 auto}
.hx-xxl__facts{list-style:none;padding:0;margin:clamp(36px,4vw,56px) auto 0;max-width:1040px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid rgba(255,255,255,.16)}
.hx-xxl__facts li{padding:22px 12px;display:flex;flex-direction:column;gap:4px;align-items:center}
.hx-xxl__facts li+li{border-left:1px solid rgba(255,255,255,.16)}
.hx-xxl .hx-xxl__facts b{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.2vw,32px);line-height:1;color:#fff;text-transform:uppercase;letter-spacing:-.01em}
.hx-xxl__facts span{font-size:14px;color:rgba(255,255,255,.7)}
.hx-xxl__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(28px,3vw,40px)}
.hx-xxl .hx-btn--ghost{--b-fg:#fff;--b-bd:rgba(255,255,255,.5)}
.hx-xxl__strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:clamp(56px,7vw,96px)}
.hx-xxl__strip figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:#111}
.hx-xxl__strip img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.hx-xxl__strip figure::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,rgba(10,10,10,.75),transparent);pointer-events:none}
.hx-xxl__strip figcaption{position:absolute;left:0;right:0;bottom:14px;z-index:1;font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.hx-xxl__strip figure:hover img{transform:scale(1.05)}
@media (max-width:900px){.hx-xxl__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-xxl__facts li:nth-child(3){border-left:0}.hx-xxl__facts li:nth-child(n/**/+3){border-top:1px solid rgba(255,255,255,.16)}.hx-xxl__strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-xxl__strip figcaption{font-size:10px;letter-spacing:.08em;bottom:10px}}
@media (prefers-reduced-motion:reduce){.hx-xxl__strip img{transition:none}}

/* SCHNITT – v6: abgeschrägte Ecken statt runder Ecken mit Kontur */
:root{--r-s:0px;--r-m:0px;--r-l:0px;--r-xl:0px;--cut:clamp(14px,1.5vw,24px);--cut-s:10px;
 --chamfer:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
 --chamfer-s:polygon(0 0,calc(100% - var(--cut-s)) 0,100% var(--cut-s),100% 100%,var(--cut-s) 100%,0 calc(100% - var(--cut-s)))}
.hx-mega__card,.hero__media img,.hero__media-fig img,.hx-goal,.hx-svc__peek,.hx-ref figure,.hx-card,ol.hx-reasons li,.hx-guide,.hx-step,.hx-gal figure,
.service-card,.notch-card,.stage-card,.factor-card,.usecase,.feat-card,.deep-card,.process-step,.compare-col,.bg-card,.loc-card,
.tile,.spec,.cmp,.step,.g,.related a,.marken-card,.bg-sub,.bg-rec,.bg-fs,.bg-ward,.passt-cell,.ind,.kpi__cell,
.lf-success,.article-cta-inline,.hx-dsub .tx,.hx-dsub .pc,.hx-dsub .art,.hx-dsub .rc,.hx-xxl__strip figure{border-radius:0;clip-path:var(--chamfer)}
.hx-goal,ol.hx-reasons li,.hx-guide,.hx-step{box-shadow:none;background:var(--paper)}
.hx-paper .hx-goal,.hx-paper ol.hx-reasons li,.hx-paper .hx-guide,.hx-paper .hx-step{background:#fff}
.hx-goal:hover,.hx-guide:hover{box-shadow:none}
.hx-btn,.btn,.btn-lime,.btn-primary,.btn-ghost,.btn-dark,.btn-pill,.nv-btn,.hmref-btn,.funnel-btn,.leadform button[type=submit],.btn-outline,
.chip,.hx-chip,.ref-chip,.hmref-chip,.brand-chip,.bg-chip,.tech-chip,.hx-skip,.hero__badge,.hero__price,.hx-usp li,.hx-goals__tabs,.hx-goals__tabs button,
.hx-mega__card em,.hx-goal--top::after,.hx-card small,.hx-guide small,.cta-contact-loc,.lf-source,.hx-dsub .rel a,.hx-ft__goals a,.hx-ft__row a,.hx-bar a{border-radius:0!important;clip-path:var(--chamfer-s)}
.hx-nav{border-radius:0!important;position:relative;isolation:isolate;background:transparent!important}
.hx-nav::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);clip-path:var(--chamfer-s);transition:background .3s}
.hx-usp li,.hx-dsub .rel a,.hx-ft__goals a,.hx-ft__row a,.cta-contact-loc,.chip,.hx-chip{border-color:transparent!important;background:color-mix(in srgb,currentColor 8%,transparent)}
.chip.chip-dark{background:var(--ink);color:#fff}
.hx-btn:focus-visible,.btn:focus-visible,.hx-goals__tabs button:focus-visible,.hx-nav a:focus-visible{outline-offset:-5px}

.hx-hd:not(.is-solid) .hx-nav::before{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hx-nav>a,.hx-nav>.hx-dd>button{border-radius:0!important;clip-path:var(--chamfer-s)}
.hx-mega{background:transparent;box-shadow:none;filter:drop-shadow(0 30px 50px rgba(10,10,10,.22)) drop-shadow(0 0 1px rgba(10,10,10,.18))}
.hx-mega__in{background:#fff;clip-path:var(--chamfer)}
.hx-mega__cats [role=tab]{border-radius:0!important;clip-path:var(--chamfer-s)}

/* ================= NAVIGATION v8 – Flyout im Stil porsche.com ================= */
.hx-hd__in{grid-template-columns:1fr auto 1fr}
.hx-menu{justify-self:start;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 12px;margin-left:-12px;border:0;background:transparent;color:inherit;font:600 15px/1 var(--f-text);letter-spacing:.01em;cursor:pointer;clip-path:var(--chamfer-s);transition:background .25s var(--ease)}
.hx-menu svg{width:22px;height:22px}
.hx-menu:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.hx-menu:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}
.hx-hd .hx-logo{justify-self:center;align-items:center;text-align:center}
.hx-hd__act{justify-self:end}
.hx-hd__tel{padding:10px 6px}
@media (max-width:1100px){.hx-hd__tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hx-hd__tel svg{width:20px;height:20px}}
@media (max-width:760px){.hx-hd .hx-hd__act .hx-btn{display:none}.hx-menu span{display:none}.hx-menu{padding:0 12px}.hx-hd .hx-logo small{display:none}}

.hx-fly{position:fixed;inset:0;z-index:200;font-family:var(--f-text);color:var(--ink)}
.hx-fly[hidden]{display:block;visibility:hidden;pointer-events:none}
.hx-fly__bd{position:absolute;inset:0;background:rgba(10,10,10,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .45s var(--ease)}
.hx-fly__panel{position:absolute;inset:0 auto 0 0;display:flex;height:100%;max-width:100vw;transform:translateX(-102%);transition:transform .55s cubic-bezier(.25,.1,.12,1);will-change:transform}
.hx-fly.is-open .hx-fly__bd{opacity:1}
.hx-fly.is-open .hx-fly__panel{transform:none}
.hx-fly__l1{position:relative;z-index:2;width:min(400px,100vw);height:100%;background:#fff;display:flex;flex-direction:column;padding:clamp(72px,10vh,96px) 28px 28px;overflow-y:auto;overscroll-behavior:contain}
.hx-fly__l1 ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.hx-fly__cat,.hx-fly__lnk{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 14px;border:0;background:transparent;color:var(--ink);font:500 20px/1.2 var(--f-text);letter-spacing:-.005em;text-align:left;text-decoration:none;cursor:pointer;clip-path:var(--chamfer-s);transition:background .2s var(--ease),color .2s}
.hx-fly__cat svg{width:20px;height:20px;flex:none;transition:transform .25s var(--ease)}
.hx-fly__cat:hover,.hx-fly__lnk:hover,.hx-fly__cat[aria-expanded=true]{background:var(--paper)}
.hx-fly__cat[aria-expanded=true] svg{transform:translateX(3px)}
.hx-fly__lnk[aria-current]{box-shadow:inset 3px 0 0 var(--lime)}
.hx-fly__cat:focus-visible,.hx-fly__lnk:focus-visible,.hx-fly a:focus-visible,.hx-fly button:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.hx-fly__foot{margin-top:auto;padding-top:28px;display:grid;gap:8px}
.hx-fly__foot .hx-btn{width:100%;margin-bottom:6px}
.hx-fly__tel{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--ink);text-decoration:none;font-size:13px;color:var(--muted)}
.hx-fly__tel svg{width:18px;height:18px;color:var(--ink)}
.hx-fly__tel span{display:flex;flex-direction:column;line-height:1.3}
.hx-fly__tel b{color:var(--ink);font-size:16px;font-weight:600}
.hx-fly__sis{display:flex;align-items:baseline;gap:10px;padding:14px;margin-top:6px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.hx-fly__sis b{font-weight:800;font-size:18px;letter-spacing:-.03em}.hx-fly__sis b i{font-style:normal;color:var(--ink)}
.hx-fly__sis span{font-size:13px;color:var(--muted)}
.hx-fly__l2{position:relative;z-index:1;width:min(440px,100vw);height:100%;background:var(--paper);transform:translateX(-100%);opacity:0;transition:transform .5s cubic-bezier(.25,.1,.12,1),opacity .3s;overflow:hidden}
.hx-fly.has-pane .hx-fly__l2{transform:none;opacity:1}
.hx-fly__pane{position:absolute;inset:0;padding:clamp(72px,10vh,96px) 36px 36px;overflow-y:auto;overscroll-behavior:contain}
.hx-fly__pane[hidden]{display:block;visibility:hidden;opacity:0}
.hx-fly__pane{transition:opacity .3s var(--ease)}
.hx-fly__pt{font:700 12px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.hx-fly__h{font:700 12px var(--f-display)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted);margin:26px 0 8px!important}
.hx-fly__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.hx-fly__list a{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:8px;color:var(--ink);text-decoration:none;clip-path:var(--chamfer-s);transition:background .2s}
.hx-fly__list a:hover{background:#fff}
.hx-fly__list a[aria-current]{background:#fff;box-shadow:inset 3px 0 0 var(--lime)}
.hx-fly__list img,.hx-fly__list i{width:72px;height:54px;object-fit:cover;clip-path:var(--chamfer-s);background:var(--paper-2);display:block}
.hx-fly__list img{transition:transform .4s var(--ease)}
.hx-fly__list a:hover img{transform:scale(1.04)}
.hx-fly__list b{display:block;font:600 17px/1.25 var(--f-text);letter-spacing:-.005em}
.hx-fly__list small{display:block;font-size:13.5px;line-height:1.35;color:var(--muted);margin-top:2px}
.hx-fly__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;margin-top:28px;padding:20px;color:#fff;text-decoration:none;isolation:isolate;overflow:hidden;clip-path:var(--chamfer)}
.hx-fly__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s var(--ease)}
.hx-fly__card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,10,10,.92),rgba(10,10,10,.15) 70%)}
.hx-fly__card:hover img{transform:scale(1.04)}
.hx-fly__card em{align-self:flex-start;font:700 11px var(--f-display);font-style:normal;letter-spacing:.12em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:6px 10px;margin-bottom:10px;clip-path:var(--chamfer-s)}
.hx-fly__card strong{font:800 22px/1.1 var(--f-display);text-transform:uppercase}
.hx-fly__card span{font-size:14px;color:rgba(255,255,255,.85);margin-top:6px}
.hx-fly__back{display:none}
.hx-fly__x{position:absolute;top:18px;left:min(calc(400px - 64px),calc(100vw - 64px));z-index:3;width:46px;height:46px;border:0;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .3s .15s,transform .3s .15s var(--ease),background .2s}
.hx-fly__x svg{width:20px;height:20px}
.hx-fly__x:hover{background:var(--paper-2)}
.hx-fly.is-open .hx-fly__x{opacity:1;transform:none}
.hx-fly__l1 li{opacity:0;transform:translateX(-14px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.hx-fly.is-open .hx-fly__l1 li{opacity:1;transform:none}
.hx-fly.is-open .hx-fly__l1 li:nth-child(1){transition-delay:.12s}.hx-fly.is-open .hx-fly__l1 li:nth-child(2){transition-delay:.15s}.hx-fly.is-open .hx-fly__l1 li:nth-child(3){transition-delay:.18s}.hx-fly.is-open .hx-fly__l1 li:nth-child(4){transition-delay:.21s}.hx-fly.is-open .hx-fly__l1 li:nth-child(5){transition-delay:.24s}.hx-fly.is-open .hx-fly__l1 li:nth-child(6){transition-delay:.27s}.hx-fly.is-open .hx-fly__l1 li:nth-child(7){transition-delay:.3s}.hx-fly.is-open .hx-fly__l1 li:nth-child(n/**/+8){transition-delay:.33s}
body.hx-fly-open{overflow:hidden}
@media (min-width:861px){.hx-fly__l2 .hx-fly__pane:not([hidden]){animation:hxPaneIn .35s var(--ease)}}
@keyframes hxPaneIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@media (max-width:860px){
  .hx-fly__panel{width:100vw}
  .hx-fly__l1{width:100vw;padding-top:84px}
  .hx-fly__l2{position:absolute;inset:0;width:100vw;z-index:3;transform:translateX(100%);opacity:1;background:#fff}
  .hx-fly.has-pane .hx-fly__l2{transform:none}
  .hx-fly__pane{padding:84px 22px 40px}
  .hx-fly__back{display:inline-flex;align-items:center;gap:6px;position:absolute;top:22px;left:14px;height:44px;padding:0 14px 0 8px;border:0;background:var(--paper);color:var(--ink);font:600 15px var(--f-text);cursor:pointer;clip-path:var(--chamfer-s)}
  .hx-fly__back svg{width:20px;height:20px}
  .hx-fly__x{left:auto;right:16px;top:20px}
  .hx-fly__cat,.hx-fly__lnk{font-size:21px;min-height:56px}
}
@media (prefers-reduced-motion:reduce){.hx-fly__panel,.hx-fly__l2,.hx-fly__bd,.hx-fly__l1 li,.hx-fly__x{transition:none!important}.hx-fly__pane{animation:none!important}}
/* alte Navigation ausblenden, falls noch im Markup */
.hx-nav,.hx-burger,.hx-mnav{display:none!important}
@media (max-width:1220px){.hx-hd .hx-hd__tel{display:inline-flex}}
.hx-hd__tel{min-width:44px;min-height:44px;justify-content:center}
@media (min-width:761px) and (max-width:1080px){.hx-hd .hx-hd__act .hx-btn--line{display:inline-flex}}

/* ================= TYPO & RHYTHMUS v8 (Referenz dievirtuellecouch: große Headlines, ruhiger Fließtext, viel Luft) ================= */
:root{--sec:clamp(88px,9.5vw,148px);--gap:clamp(18px,1.8vw,28px)}
body{font-size:18px;line-height:1.7;letter-spacing:.005em}
h1{font-size:clamp(40px,6vw,96px);line-height:.94;letter-spacing:0}
:is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(34px,4.6vw,72px);line-height:.96;letter-spacing:0}
:is(h3:where(:not([data-hl])),:where([data-hl="h3"])){line-height:1.12}
.hx-sec-head{margin-bottom:clamp(40px,4.5vw,72px)}
.hx-sec-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.section-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){max-width:16ch;margin-inline:auto}
.hx-sec-head p:not(.hx-eyebrow),.section-head p,.section-head__intro{font-size:clamp(17px,1.35vw,20px);line-height:1.6;max-width:56ch}
.hx-eyebrow{font-size:13px!important;letter-spacing:.18em!important}
.hx-hero--video h1{font-size:clamp(42px,6.2vw,100px);line-height:.92;max-width:15ch;letter-spacing:0}
.hx-hero--video .hx-hero__sub,.hx-hero--video p:not(.hx-eyebrow){font-size:clamp(17px,1.4vw,21px);line-height:1.6;max-width:44ch}
.hx-xxl :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(40px,5.8vw,92px)}
p,li{text-wrap:pretty}
@media (max-width:600px){body{font-size:17px}h1{font-size:clamp(36px,10.4vw,52px)}:is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,8.6vw,42px)}.hx-hero--video h1{font-size:clamp(38px,11vw,56px)}}

/* ================= REFERENZSEITE v8 ================= */
.hx-rf-hero{position:relative;background:var(--ink);color:#fff;margin-top:calc(-1 * var(--hd-h));padding:calc(var(--hd-h) + clamp(48px,7vw,104px)) 0 0;overflow:hidden;isolation:isolate}
.hx-rf-hero::before{content:none}
.hx-rf-hero__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
.hx-rf-hero h1{color:#fff;font-size:clamp(44px,6.4vw,104px);line-height:.92;margin:14px 0 22px;max-width:10ch}
.hx-rf-hero h1 em{color:var(--ink)}
.hx-rf-hero .hx-eyebrow{color:rgba(255,255,255,.85)}
.hx-rf-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.6;color:rgba(255,255,255,.8);max-width:46ch;margin:0 0 30px}
.hx-rf-cta{display:flex;flex-wrap:wrap;gap:12px}
.hx-rf-hero .hx-btn--ghost{--b-fg:#fff}
.hx-rf-hero__media{position:relative;margin-right:calc(-1 * var(--pad))}
.hx-rf-hero__media img{width:100%;height:auto;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45));animation:hxFloat 8s ease-in-out infinite}
@keyframes hxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hx-rf-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(40px,5vw,72px) auto 0;padding-block:26px;border-top:1px solid rgba(255,255,255,.14)}
.hx-rf-facts>div{padding-right:20px}
.hx-rf-facts>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}
.hx-rf-facts dt{font:700 11.5px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:6px}
.hx-rf-facts dd{margin:0;font-size:15.5px;line-height:1.45;color:#fff}
.hx-rf-facts a{color:var(--lime);text-decoration:none}
.hx-rf-facts a:hover{text-decoration:underline}
.hx-rf-film{background:linear-gradient(180deg,var(--ink) 0 22%,#fff 22%);padding-top:0}
.hx-rf-film__v{position:relative;aspect-ratio:16/9;overflow:hidden;background:#E6E6E0;clip-path:var(--chamfer);box-shadow:0 40px 90px -40px rgba(10,10,10,.5)}
.hx-rf-film__v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-rf-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);text-align:left}
.hx-rf-story article{background:#fff;padding:clamp(26px,2.6vw,40px);clip-path:var(--chamfer)}
.hx-rf-story span{font:800 14px var(--f-display);color:var(--ink);background:var(--lime);display:inline-block;padding:6px 10px;clip-path:var(--chamfer-s);margin-bottom:18px}
.hx-rf-story :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(22px,1.8vw,28px);text-transform:uppercase;margin:0 0 12px}
.hx-rf-story p{color:var(--muted);margin:0;font-size:17px}
.hx-rf-chips{list-style:none;padding:0;margin:clamp(32px,3.5vw,48px) 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hx-rf-chips a{display:inline-flex;padding:11px 18px;background:#fff;color:var(--ink);text-decoration:none;font:700 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;clip-path:var(--chamfer-s);transition:background .2s}
.hx-rf-chips a:hover{background:var(--lime)}
.hx-rf-focus__in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,72px);align-items:center;text-align:left}
.hx-rf-focus :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:14px 0 18px;max-width:14ch}
.hx-rf-focus p{color:var(--muted);font-size:clamp(17px,1.3vw,19px);max-width:48ch;margin:0 0 28px}
.hx-rf-focus__img img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 50px rgba(10,10,10,.25))}
.hx-rf-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-rf-gal figure{margin:0}
.hx-rf-gal a{display:block;overflow:hidden;clip-path:var(--chamfer);background:#fff;aspect-ratio:16/10}
.hx-rf-gal img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s var(--ease)}
.hx-rf-gal a:hover img{transform:scale(1.04)}
.hx-rf-gal figcaption{font:700 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:12px;text-align:center}
.hx-rf-band{background:var(--lime);padding:clamp(64px,7vw,104px) 0;text-align:center}
.hx-rf-band__in{display:flex;flex-direction:column;align-items:center}
.hx-rf-band :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){max-width:18ch;margin:0 0 16px}
.hx-rf-band :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{background:none;padding:0;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}
.hx-rf-band p{max-width:52ch;font-size:clamp(17px,1.3vw,20px);margin:0 0 28px}
.hx-rf-band .hx-btn--ghost{--b-fg:var(--ink)}
@media (max-width:900px){.hx-rf-hero__in,.hx-rf-focus__in{grid-template-columns:1fr}.hx-rf-hero__media{margin-right:0}.hx-rf-facts{grid-template-columns:1fr 1fr;row-gap:20px}.hx-rf-facts>div:nth-child(3){border-left:0;padding-left:0}.hx-rf-story,.hx-rf-gal{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hx-rf-hero__media img{animation:none}}

/* Kundenlogos v8: zwei Reihen, gegenläufig, Graustufen -> Farbe */
.hx-logos{padding-block:clamp(48px,5.5vw,80px)}
.hx-logos p b{font-weight:700;color:var(--ink)}
.hx-logos__row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hx-logos__row+.hx-logos__row{margin-top:clamp(22px,2.6vw,36px)}
.hx-logos__row .hx-logos__t{animation:hxMarq 160s linear infinite;will-change:transform}
.hx-logos__row--rev .hx-logos__t{animation-direction:reverse;animation-duration:180s}
.hx-logos__row .hx-logos__t img{width:auto;max-width:190px;margin:0 clamp(22px,2.6vw,40px);filter:grayscale(1) contrast(1.05);opacity:.62;transition:filter .3s,opacity .3s,transform .3s}
.hx-logos__row .hx-logos__t img:hover{filter:none;opacity:1;transform:scale(1.06)}
.hx-logos:hover .hx-logos__row .hx-logos__t{animation-play-state:paused}
@media (max-width:600px){.hx-logos__row .hx-logos__t img{max-width:130px;transform:scale(.82);margin:0 14px}}
.hx-xxl__bg img,.hx-xxl__bg video{filter:none;transform:scale(1.04)}
.hx-rf-hero h1{font-size:clamp(40px,5.2vw,86px);max-width:none}
.hx-rf-hero h1 em{display:block;background:none;color:var(--lime);padding:0}
.hx-fly .hx-fly__list img{width:72px!important;height:54px!important;max-width:none}
.hx-fly__list i{display:grid!important;place-items:center;background:#fff!important}
.hx-fly__list i::after{content:"";width:16px;height:16px;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M9 7h8v8' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M9 7h8v8' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
.hx-fly__list a:hover i{background:var(--lime)!important}

/* Logo größer (v8.1) */
:root{--hd-h:88px}
.hx-hd .hx-logo b{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.035em;line-height:1}
.hx-hd .hx-logo small{font-size:11px;letter-spacing:.22em;margin-top:7px}
@media (max-width:760px){:root{--hd-h:72px}.hx-hd .hx-logo b{font-size:27px}}

/* Leistungsliste v8.1: ohne Bild am Cursor – Schwarz-Wisch mit Nummer, Text gleitet, Pfeil dreht */
.hx-svc__peek{display:none!important}
.hx-svc a{grid-template-columns:auto 1fr auto;gap:2px 20px;padding:26px 18px;isolation:isolate;overflow:hidden;border-radius:0!important;clip-path:none}
.hx-svc a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.7,0,.2,1)}
.hx-svc a i{grid-row:1/span 2;grid-column:1;align-self:center;font:700 13px var(--f-display);font-style:normal;letter-spacing:.1em;color:var(--muted);min-width:28px;transition:color .3s}
.hx-svc strong{grid-column:2;transition:color .3s,transform .5s cubic-bezier(.7,0,.2,1)}
.hx-svc small{grid-column:2;transition:color .3s,transform .5s cubic-bezier(.7,0,.2,1) .04s}
.hx-svc a::after{grid-column:3;transition:transform .5s cubic-bezier(.7,0,.2,1),background-color .3s}
.hx-svc a:hover,.hx-svc a:focus-visible{background:transparent;padding-inline:18px}
.hx-svc a:hover::before,.hx-svc a:focus-visible::before{transform:scaleX(1)}
.hx-svc a:hover strong,.hx-svc a:focus-visible strong{color:#fff;transform:translateX(10px)}
.hx-svc a:hover small,.hx-svc a:focus-visible small{color:rgba(255,255,255,.7);transform:translateX(10px)}
.hx-svc a:hover i,.hx-svc a:focus-visible i{color:var(--lime)}
.hx-svc a:hover::after,.hx-svc a:focus-visible::after{background-color:var(--lime);transform:rotate(45deg) scale(1.08)}
@media (hover:none){.hx-svc a:active::before{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.hx-svc a::before,.hx-svc strong,.hx-svc small{transition:none}}
/* XXL-Hintergrund weniger unscharf */
.hx-xxl__bg::after{background:linear-gradient(180deg,#0A0A0A 0%,rgba(10,10,10,.5) 16%,rgba(10,10,10,.42) 45%,rgba(10,10,10,.8) 74%,#0A0A0A 100%),radial-gradient(120% 80% at 50% 38%,rgba(10,10,10,0) 0%,rgba(10,10,10,.45) 100%)}

/* ================= BUTTONS v9: einheitliche, kontrastsichere Hover-Zustände ================= */
.hx-btn,.btn,.btn-lime,.btn-primary,.btn-ghost,.btn-dark,.btn-pill,.nv-btn,.hmref-btn,.funnel-btn,.leadform button[type=submit],.btn-outline{
  background:var(--b-bg)!important;color:var(--b-fg)!important;border-color:var(--b-bd)!important;-webkit-text-fill-color:currentColor;
  transition:background-color .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease)}
:is(.hx-btn,.btn,.btn-lime,.btn-primary,.btn-ghost,.btn-dark,.nv-btn,.funnel-btn,.leadform button[type=submit]):hover{transform:translateY(-1px)}
:is(.hx-btn,.btn,.btn-lime,.btn-primary,.btn-ghost,.btn-dark,.nv-btn,.funnel-btn,.leadform button[type=submit]) *{color:inherit!important;-webkit-text-fill-color:currentColor}
/* Ghost: hell */
.hx-btn--ghost,.btn-ghost,.btn-outline,.nv-btn--g,.funnel-btn--ghost{--b-bg:rgba(10,10,10,.06);--b-fg:var(--ink);--b-bd:transparent}
.hx-btn--ghost:hover,.btn-ghost:hover,.btn-outline:hover,.nv-btn--g:hover,.funnel-btn--ghost:hover{--b-bg:var(--ink);--b-fg:#fff;--b-bd:var(--ink)}
/* Ghost: auf dunklem Grund */
:is(.hx-dark,.dark-section,.dark,.cta-banner,.cta-band:not(.cta-band--lime),.cta-split,.cta,.hx-ft,.article-cta-final,.hx-contact__info,.hx-xxl,.hx-rf-hero,.hx-hero--video,.hx-card) :is(.hx-btn--ghost,.btn-ghost,.btn-outline,.btn-ghost-light),.btn-ghost-light{--b-bg:rgba(255,255,255,.1);--b-fg:#fff;--b-bd:transparent}
:is(.hx-dark,.dark-section,.dark,.cta-banner,.cta-band:not(.cta-band--lime),.cta-split,.cta,.hx-ft,.article-cta-final,.hx-contact__info,.hx-xxl,.hx-rf-hero,.hx-hero--video,.hx-card) :is(.hx-btn--ghost,.btn-ghost,.btn-outline,.btn-ghost-light):hover,.btn-ghost-light:hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
/* Lime */
:is(.hx-btn--lime,.btn-lime,.btn-primary,.nv-btn--p,.funnel-btn--primary,.leadform button[type=submit],.hmref-btn){--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
:is(.hx-btn--lime,.btn-lime,.btn-primary,.nv-btn--p,.funnel-btn--primary,.leadform button[type=submit],.hmref-btn):hover{--b-bg:var(--ink);--b-fg:var(--lime);--b-bd:var(--ink)}
:is(.hx-dark,.dark-section,.dark,.cta-banner,.cta-split,.cta,.hx-ft,.article-cta-final,.hx-contact__info,.hx-xxl,.hx-rf-hero,.hx-hero--video,.hx-hd:not(.is-solid)) :is(.hx-btn--lime,.btn-lime,.btn-primary,.hx-btn--line):hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
/* Schwarz */
:is(.hx-btn--ink,.btn-dark,.btn-pill--ink,.hx-hd .hx-btn--line){--b-bg:var(--ink);--b-fg:#fff;--b-bd:var(--ink)}
:is(.hx-btn--ink,.btn-dark,.btn-pill--ink,.hx-hd .hx-btn--line):hover{--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
.hx-hd:not(.is-solid) .hx-btn--line{--b-bg:var(--lime);--b-fg:var(--ink);--b-bd:var(--lime)}
/* Lime-Bänder: Buttons darin schwarz/weiß */
:is(.hx-rf-band,.cta-band--lime) :is(.hx-btn--ghost,.btn-ghost){--b-bg:rgba(10,10,10,.08);--b-fg:var(--ink)}
:is(.hx-rf-band,.cta-band--lime) :is(.hx-btn--ghost,.btn-ghost):hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
:is(.hx-rf-band,.cta-band--lime) :is(.hx-btn--ink,.btn-lime):hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
.hx-btn:focus-visible,.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
:is(.hx-dark,.hx-ft,.hx-xxl,.hx-rf-hero,.hx-hero--video) .hx-btn:focus-visible{outline-color:var(--lime)}
@media (prefers-reduced-motion:reduce){.hx-btn,.btn{transition:none}}

/* ================= SCHREIBSCHRIFT (Marker, wie porsche Mission S) ================= */
@font-face{font-family:"hxMarker";src:url(fonts/permanent-marker.woff2) format("woff2");font-display:swap}
.hx-scrib{font-family:"hxMarker",cursive!important;font-size:clamp(30px,4.4vw,68px)!important;line-height:1!important;letter-spacing:.01em!important;text-transform:none;color:var(--ink);margin:0 0 -.12em!important;transform:rotate(-2.5deg);transform-origin:left center;display:block;position:relative;z-index:1;
  clip-path:inset(-20% 100% -20% 0);transition:clip-path 1.1s cubic-bezier(.65,0,.25,1) .15s}
.hx-scrib.is-drawn,.no-js .hx-scrib{clip-path:inset(-20% -5% -20% 0)}
:is(.hx-hero--video,.hx-xxl,.hx-rf-hero,.hx-dark,.hx-ft) .hx-scrib{color:var(--lime);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hx-sec-head .hx-scrib,.hx-xxl__head .hx-scrib{transform-origin:center;margin-inline:auto!important}
.hx-sec-head .hx-scrib{color:#E30613}
.hx-paper .hx-sec-head .hx-scrib{color:#E30613}
@media (prefers-reduced-motion:reduce){.hx-scrib{clip-path:none;transition:none}}

/* ================= SCROLL-TEXT: Wörter werden beim Scrollen lesbar ================= */
.hx-reveal .w{opacity:.16;transition:opacity .25s linear}
.hx-reveal .w.on{opacity:1}
:is(.hx-hero--video,.hx-xxl,.hx-rf-hero,.hx-dark) .hx-reveal .w{opacity:.22}
:is(.hx-hero--video,.hx-xxl,.hx-rf-hero,.hx-dark) .hx-reveal .w.on{opacity:1}
@media (prefers-reduced-motion:reduce){.hx-reveal .w{opacity:1!important}}

/* ================= STANDORT-BOX mit Landesfarben ================= */
.hx-geo{position:relative}
.hx-geo__btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px 0 10px;border:0;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font:600 14px var(--f-text);cursor:pointer;clip-path:var(--chamfer-s);transition:background .25s}
.hx-geo__btn svg{width:17px;height:17px}
.hx-geo__btn:hover,.hx-geo.is-open .hx-geo__btn{background:color-mix(in srgb,currentColor 15%,transparent)}
.hx-flag{display:inline-block;width:20px;height:14px;flex:none;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.hx-flag--nrw{background:linear-gradient(#009639 0 33.4%,#fff 33.4% 66.6%,#E30613 66.6%)}
.hx-flag--he{background:linear-gradient(#E30613 0 50%,#fff 50%)}
.hx-flag--lg{width:44px;height:30px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.hx-flag+.hx-flag{margin-left:-4px}
.hx-geo__p{position:absolute;right:0;top:calc(100% + 12px);width:380px;padding:20px;background:#fff;color:var(--ink);clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transform:translateY(-6px);transition:clip-path .45s cubic-bezier(.65,0,.25,1),opacity .3s,transform .45s cubic-bezier(.65,0,.25,1),visibility 0s .45s;filter:drop-shadow(0 24px 40px rgba(10,10,10,.22));z-index:5}
.hx-geo.is-open .hx-geo__p{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hx-geo__h{font:700 12px var(--f-display)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px!important}
.hx-geo__c{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center;padding:14px;margin:0 -6px;text-decoration:none;color:var(--ink);clip-path:var(--chamfer-s);opacity:0;transform:translateY(8px);transition:background .2s,opacity .35s,transform .45s cubic-bezier(.65,0,.25,1)}
.hx-geo.is-open .hx-geo__c{opacity:1;transform:none}
.hx-geo.is-open .hx-geo__c:nth-of-type(1){transition-delay:.08s,.12s,.12s}.hx-geo.is-open .hx-geo__c:nth-of-type(2){transition-delay:.08s,.2s,.2s}
.hx-geo__c:hover,.hx-geo__c.is-near{background:var(--paper)}
.hx-geo__c.is-near::after{content:"Ihr Standort";position:absolute;top:10px;right:12px;font:700 10px var(--f-display);letter-spacing:.12em;text-transform:uppercase;background:var(--lime);padding:4px 8px;clip-path:var(--chamfer-s)}
.hx-geo__c{position:relative}
.hx-geo__c small{display:block;font:700 10.5px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hx-geo__c b{display:block;font:700 16px var(--f-text);margin-top:2px}
.hx-geo__c strong{display:block;font:800 22px/1.15 var(--f-display);letter-spacing:-.01em;margin-top:4px}
.hx-geo__c em{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:2px}
.hx-geo__c:hover strong{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:4px}
.hx-geo__f{font-size:13px!important;color:var(--muted);margin:12px 0 0!important;padding-top:12px;border-top:1px solid var(--line)}
.hx-geo__f a{color:var(--ink)}
.hx-hd__tel{display:none!important}
@media (max-width:760px){.hx-geo__lbl{display:none}.hx-geo__btn{padding:0 10px}.hx-geo__p{position:fixed;left:12px;right:12px;width:auto;top:calc(var(--hd-h) + 6px)}}
@media (prefers-reduced-motion:reduce){.hx-geo__p,.hx-geo__c{transition:none}}

/* ================= BUTTONS v10: Auto-Kontrast nach echtem Hintergrund (per JS ermittelt) ================= */
.hx-on-light{--b-bg:rgba(10,10,10,.06)!important;--b-fg:#0A0A0A!important;--b-bd:transparent!important}
.hx-on-light:hover,.hx-on-light:focus-visible{--b-bg:#0A0A0A!important;--b-fg:#fff!important;--b-bd:#0A0A0A!important}
.hx-on-dark{--b-bg:rgba(255,255,255,.1)!important;--b-fg:#fff!important;--b-bd:rgba(255,255,255,.22)!important}
.hx-on-dark:hover,.hx-on-dark:focus-visible{--b-bg:#fff!important;--b-fg:#0A0A0A!important;--b-bd:#fff!important}

/* ================= NAVIGATION v10: großzügig wie porsche.com ================= */
@media (min-width:861px){
  .hx-fly{--fw1:clamp(400px,32vw,640px);--fw2:clamp(440px,32vw,640px)}
  .hx-fly__l1{width:var(--fw1);padding:clamp(96px,12.5vh,124px) clamp(32px,3vw,58px) 36px}
  .hx-fly__l1 ul{gap:12px}
  .hx-fly__cat,.hx-fly__lnk{min-height:56px;padding:0 12px;font:400 clamp(20px,1.2vw,23px)/1.2 var(--f-text);letter-spacing:0}
  .hx-fly__cat svg{width:22px;height:22px;stroke-width:1.5}
  .hx-fly__foot{padding-top:36px}
  .hx-fly__l2{width:var(--fw2);background:#EFEFEC}
  .hx-fly__pane{padding:clamp(96px,12.5vh,124px) clamp(40px,3.8vw,72px) 48px}
  .hx-fly__pt{margin-bottom:22px}
  .hx-fly__list{gap:10px}
  .hx-fly__list a{grid-template-columns:128px 1fr;gap:22px;padding:12px}
  .hx-fly .hx-fly__list img,.hx-fly .hx-fly__list i{width:128px!important;height:84px!important}
  .hx-fly__list b{font:500 clamp(18px,1.12vw,21px)/1.25 var(--f-text)}
  .hx-fly__list small{font-size:14.5px;margin-top:4px}
  .hx-fly__card{min-height:260px;margin-top:36px;padding:26px}
  .hx-fly__x{left:calc(var(--fw1) + 28px);top:22px;width:56px;height:56px;background:rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s .15s,transform .3s .15s var(--ease),background .2s,left .5s cubic-bezier(.25,.1,.12,1)}
  .hx-fly.has-pane .hx-fly__x{left:calc(var(--fw1) + var(--fw2) + 28px)}
  .hx-fly__x:hover{background:rgba(255,255,255,.36)}
  .hx-fly__x svg{width:22px;height:22px}
  .hx-fly__bd{background:rgba(10,10,10,.5);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
}
@media (max-width:860px){.hx-fly__cat,.hx-fly__lnk{font-size:22px;min-height:60px;font-weight:400}.hx-fly__l1 ul{gap:6px}}
.hx-rf-hero .hx-scrib{font-size:clamp(28px,3.3vw,50px)!important}

/* ================= SIGNATUR v2 (porsche Mission S): Schrift + EINE Zeile, großzügig ================= */
.hx-scrib{font-size:clamp(40px,5.6vw,92px)!important;line-height:.9!important;transform:rotate(-3deg);transform-origin:center;text-align:center;margin:0 auto -.2em!important;position:relative;z-index:2;color:var(--ink)!important;text-shadow:none}
:is(.hx-hero--video,.hx-xxl,.hx-rf-hero,.hx-dark,.hx-ft) .hx-scrib{color:var(--lime)!important;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hx-sig__line{font-family:var(--f-display)!important;font-weight:500!important;text-transform:uppercase;font-size:clamp(34px,5.4vw,88px)!important;line-height:1.02!important;letter-spacing:-.012em!important;color:var(--ink)!important;margin:0!important;text-wrap:balance}
.hx-sig__line *{color:inherit!important;font:inherit!important}
:is(.hx-hero--video,.hx-xxl,.hx-rf-hero,.hx-dark,.hx-ft) .hx-sig__line{color:#fff!important}
.hx-sec-head:has(.hx-sig__line),.hx-xxl__head:has(.hx-sig__line){text-align:center;margin-inline:auto}
.hx-sec-head:has(.hx-sig__line) .hx-eyebrow,.hx-xxl__head:has(.hx-sig__line) .hx-eyebrow{margin-bottom:clamp(20px,2.4vw,36px)!important}
.hx-sec-head:has(.hx-sig__line) > p:not(.hx-eyebrow):not(.hx-scrib),.hx-xxl__head:has(.hx-sig__line) > p:not(.hx-eyebrow):not(.hx-scrib){font-size:clamp(19px,1.55vw,26px)!important;line-height:1.5!important;max-width:880px;margin:clamp(28px,3vw,44px) auto 0!important;font-weight:400}
.hx-sec-head:has(.hx-sig__line){margin-bottom:clamp(48px,6vw,96px)}
/* Hero mit Signatur: zentriert, symmetrisch */
.hx-hero--sig .hx-hero__in{align-items:center!important;text-align:center}
.hx-hero--sig .hx-hero__sub{max-width:760px;margin-inline:auto;margin-top:clamp(26px,3vw,40px)!important;font-size:clamp(18px,1.45vw,23px)!important}
.hx-hero--sig .hx-hero__cta{justify-content:center}
.hx-hero--sig .hx-eyebrow{margin-bottom:clamp(18px,2.4vw,34px)!important}
.hx-hero--sig .hx-kpis{width:100%}
/* Referenz-Hero: linksbündig */
.hx-rf-hero .hx-scrib{text-align:left;transform-origin:left center;margin-left:0!important;font-size:clamp(34px,4vw,64px)!important}
.hx-rf-hero .hx-sig__line{font-size:clamp(34px,4.4vw,72px)!important}
.hx-rf-focus .hx-scrib{text-align:left;transform-origin:left center;margin-left:0!important;font-size:clamp(32px,3.6vw,56px)!important}
.hx-rf-focus .hx-sig__line{font-size:clamp(30px,3.6vw,56px)!important}
@media (max-width:760px){.hx-scrib{font-size:clamp(34px,10vw,52px)!important}.hx-sig__line{font-size:clamp(30px,8.6vw,44px)!important}}

/* ================= HEADER v10: ruhig, aufgeräumt, wertig ================= */
.hx-geo__btn{background:transparent!important;clip-path:none;height:44px;padding:0 10px;gap:10px;opacity:.92;transition:opacity .2s}
.hx-geo__btn:hover,.hx-geo.is-open .hx-geo__btn{opacity:1;background:transparent!important}
.hx-geo__lbl{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hx-geo__btn .hx-flag{width:18px;height:12px;clip-path:none;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.hx-geo__btn .hx-flag+.hx-flag{margin-left:-2px}
.hx-geo__btn svg{width:18px;height:18px}
.hx-hd .hx-btn--line{--b-bg:transparent!important;--b-fg:currentColor!important;--b-bd:currentColor!important;border:1px solid!important;height:44px;padding:0 20px!important;font-size:12.5px!important;letter-spacing:.1em}
.hx-hd .hx-btn--line:hover{--b-bg:var(--lime)!important;--b-fg:var(--ink)!important;--b-bd:var(--lime)!important}
.hx-hd .hx-btn--line :is(svg,i,.hx-btn__ico){display:none}
/* Signatur-Feinschliff */
.hx-scrib{margin-bottom:.08em!important}
.hx-hero--sig .hx-scrib{font-size:clamp(40px,4.8vw,80px)!important}
.hx-hero--sig h1.hx-sig__line{max-width:none!important;width:100%;text-align:center}
@media (min-width:900px){.hx-sig__line{white-space:nowrap}}
.hx-rf-hero .hx-scrib{font-size:clamp(30px,3.1vw,50px)!important;margin-bottom:.14em!important}
.hx-rf-hero .hx-sig__line{font-size:clamp(30px,3.5vw,56px)!important}
.hx-rf-hero .hx-rf-lead{margin-top:clamp(22px,2.4vw,34px)!important}
.hx-hd .hx-btn--line{clip-path:none!important}
.hx-sec-head:has(.hx-sig__line),.hx-xxl__head:has(.hx-sig__line){max-width:none!important}
.hx-sig__line{max-width:none!important}
@media (min-width:900px){.hx-sec-head .hx-sig__line,.hx-xxl__head .hx-sig__line{font-size:min(5.2vw,84px)!important}}
.hx-scrib{transition:clip-path .9s cubic-bezier(.65,0,.25,1) .1s}
.hx-scrib.is-drawn,.no-js .hx-scrib{clip-path:inset(-30% -12% -30% -4%)}
@media (max-width:760px){.hx-scrib{font-size:clamp(26px,7.2vw,40px)!important}.hx-geo__btn svg{width:20px;height:20px}}

/* ================= STANDORTE (ersetzt externe Karte, DSGVO-freundlich) ================= */
.hx-map2{display:grid;grid-template-columns:1fr minmax(160px,1.1fr) 1fr;align-items:center;gap:clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,72px);color:#fff}
.hx-map2__c{display:flex;flex-direction:column;gap:4px;padding:clamp(22px,2.4vw,32px);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;clip-path:var(--chamfer);transition:background .25s}
.hx-map2__c:hover{background:rgba(255,255,255,.12)}
.hx-map2__c .hx-flag{margin-bottom:14px}
.hx-map2__c small{font:700 11px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.hx-map2__c b{font:600 clamp(20px,1.6vw,26px)/1.2 var(--f-display)}
.hx-map2__c em{font-style:normal;color:rgba(255,255,255,.75);font-size:15px;line-height:1.5;margin-top:6px}
.hx-map2__c i{font-style:normal;font:700 12px var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-top:16px}
.hx-map2__route{position:relative;color:var(--lime);text-align:center}
.hx-map2__route svg{width:100%;height:90px;display:block}
.hx-map2__route span{display:block;margin-top:6px;font:700 11px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
:not(.hx-dark):not(.dark):not(.dark-section) > .hx-map2{color:var(--ink)}
@media (max-width:760px){.hx-map2{grid-template-columns:1fr}.hx-map2__route svg{height:50px;transform:rotate(90deg) scale(.4)}.hx-map2__route{margin-block:-8px}}
/* Standorte: hell als Standard */
.hx-map2{color:var(--ink)}
.hx-map2__c{background:var(--paper);color:var(--ink)}
.hx-map2__c:hover{background:var(--paper-2)}
.hx-map2__c small{color:var(--muted)}
.hx-map2__c em{color:var(--muted)}
.hx-map2__c i{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:5px}
.hx-map2__route{color:var(--ink)}
.hx-map2__route span{color:var(--muted)}
:is(.hx-dark,.dark,.dark-section) .hx-map2__c{background:rgba(255,255,255,.06);color:#fff}
:is(.hx-dark,.dark,.dark-section) .hx-map2__c :is(small,em){color:rgba(255,255,255,.7)}
:is(.hx-dark,.dark,.dark-section) .hx-map2__c i,:is(.hx-dark,.dark,.dark-section) .hx-map2__route{color:var(--lime)}
.loc-card{border-radius:0!important;clip-path:var(--chamfer);border:0!important;background:var(--paper)}.loc-card.dark{background:var(--ink)}
@media (max-width:760px){.hx-map2__route svg{display:none}.hx-map2__route{margin:0;padding:4px 0}}

/* ================= Landeswappen als stilisierte Icons (statt Fahnen) ================= */
.hx-flag{width:17px!important;height:20px!important;clip-path:none!important;box-shadow:none!important;border-radius:0!important;background:center/contain no-repeat!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.hx-flag--nrw{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 28%22%3E%3Cdefs%3E%3CclipPath id=%22c%22%3E%3Cpath d=%22M2 2h20v11c0 6.5-4.6 11-10 13C6.6 24 2 19.5 2 13z%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path=%22url%28%23c%29%22%3E%3Crect width=%2212%22 height=%2215%22 fill=%22%23009639%22/%3E%3Crect x=%2212%22 width=%2212%22 height=%2215%22 fill=%22%23E30613%22/%3E%3Crect y=%2215%22 width=%2224%22 height=%2213%22 fill=%22%23FCD116%22/%3E%3Cpath d=%22M2.5 8.2c1.6-1.4 3.2 1.4 4.8 0s3.2 1.4 4.8 0%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M14.6 12.6l.9-2.8 1.3-1.7-.4-1.9 1.2.9 1.6-.2 1.2 1.5-.9.8-1.2-.4-.5 1.5 1.3 2.3h-1.3l-1.2-1.5-.7 1.5z%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23E30613%22%3E%3Ccircle cx=%2212%22 cy=%2218.4%22 r=%221.5%22/%3E%3Ccircle cx=%2214.3%22 cy=%2220.1%22 r=%221.5%22/%3E%3Ccircle cx=%2213.4%22 cy=%2222.7%22 r=%221.5%22/%3E%3Ccircle cx=%2210.6%22 cy=%2222.7%22 r=%221.5%22/%3E%3Ccircle cx=%229.7%22 cy=%2220.1%22 r=%221.5%22/%3E%3C/g%3E%3Ccircle cx=%2212%22 cy=%2220.8%22 r=%221.2%22 fill=%22%23FCD116%22/%3E%3Cpath d=%22M12 0v15M0 15h24%22 stroke=%22%23fff%22 stroke-width=%22.9%22/%3E%3C/g%3E%3Cpath d=%22M2 2h20v11c0 6.5-4.6 11-10 13C6.6 24 2 19.5 2 13z%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.9%22 stroke-width=%221%22/%3E%3C/svg%3E")!important}
.hx-flag--he{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 28%22%3E%3Cdefs%3E%3CclipPath id=%22c%22%3E%3Cpath d=%22M2 2h20v11c0 6.5-4.6 11-10 13C6.6 24 2 19.5 2 13z%22/%3E%3C/clipPath%3E%3CclipPath id=%22l%22%3E%3Cpath d=%22M7.2 9.2h9.6v5.6c0 3.4-2.3 5.8-4.8 6.8-2.5-1-4.8-3.4-4.8-6.8z%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d=%22M2 2h20v11c0 6.5-4.6 11-10 13C6.6 24 2 19.5 2 13z%22 fill=%22%231E5AA8%22/%3E%3Cg clip-path=%22url%28%23l%29%22%3E%3Crect x=%226%22 y=%229%22 width=%2212%22 height=%2214%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23E30613%22%3E%3Crect x=%226%22 y=%229.2%22 width=%2212%22 height=%222.1%22/%3E%3Crect x=%226%22 y=%2213.4%22 width=%2212%22 height=%222.1%22/%3E%3Crect x=%226%22 y=%2217.6%22 width=%2212%22 height=%222.1%22/%3E%3Crect x=%226%22 y=%2221.8%22 width=%2212%22 height=%222.1%22/%3E%3C/g%3E%3C/g%3E%3Cpath d=%22M7.6 4.2l1.6 2 1.4-2.4L12 6l1.4-2.2 1.4 2.4 1.6-2V8H7.6z%22 fill=%22%23F2C230%22/%3E%3Cpath d=%22M2 2h20v11c0 6.5-4.6 11-10 13C6.6 24 2 19.5 2 13z%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.9%22 stroke-width=%221%22/%3E%3C/svg%3E")!important}
.hx-flag--lg{width:38px!important;height:44px!important}
.hx-geo__btn .hx-flag+.hx-flag{margin-left:2px!important}
.hx-geo__c{grid-template-columns:38px 1fr!important}
/* Schreibschrift gerade */
.hx-scrib{transform:none!important}

/* ================= BIG THINGS (BBDO-Prinzip): Worte + Video-Kacheln, gepinnt, seitlicher Schwenk ================= */
.hx-big{position:relative;background:var(--lime);color:var(--ink);height:260vh}
.hx-big__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.hx-big__in{position:relative;display:flex;align-items:center;gap:5vw;width:100%;padding-inline:var(--pad)}
.hx-big__h{flex:none;margin:0!important;font:800 clamp(48px,5.6vw,116px)/.96 var(--f-display)!important;text-transform:uppercase;letter-spacing:-.03em!important;color:var(--ink)!important;transform:translate3d(calc(var(--shift,0px) * (1 - var(--q,0))),0,0);will-change:transform}
.hx-big__l{display:flex;align-items:center;gap:.2em;white-space:nowrap;overflow:hidden;padding:.03em 0}
.hx-big__l>span{display:inline-block;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.1s)}
.hx-big.is-in .hx-big__l>span{transform:none}
.hx-big__v{display:inline-block;flex:none;width:0;height:.8em;margin:0 -.1em;overflow:hidden;background:var(--ink);clip-path:var(--chamfer-s);transition:width 1.1s cubic-bezier(.65,0,.25,1) calc(.35s + var(--i)*.12s),margin 1.1s cubic-bezier(.65,0,.25,1) calc(.35s + var(--i)*.12s)}
.hx-big.is-in .hx-big__v{width:1.9em;margin:0}
.hx-big__v video{width:100%;height:100%;object-fit:cover;display:block}
.hx-big__side{flex:0 0 min(30vw,500px);font-size:clamp(18px,1.4vw,24px);line-height:1.42;font-weight:500;transform:translate3d(calc((1 - var(--q,0)) * 55vw),0,0);opacity:clamp(0,calc(var(--q,0) * 1.6 - .3),1);will-change:transform}
.hx-big__side p{margin:0 0 .9em!important;color:var(--ink)!important}
.hx-big__q{font-weight:800!important;font-family:var(--f-display)!important;margin-top:1.4em!important}
.hx-big__side .hx-btn{margin-top:.4em}
@media (max-width:900px),(prefers-reduced-motion:reduce){
  .hx-big{height:auto;padding:clamp(80px,14vw,120px) 0}
  .hx-big__pin{position:static;height:auto;overflow:visible}
  .hx-big__in{flex-direction:column;align-items:flex-start;gap:40px}
  .hx-big__h{transform:none;font-size:clamp(34px,10.4vw,72px)!important}
  .hx-big__side{transform:none;opacity:1;flex:auto}
}
@media (prefers-reduced-motion:reduce){.hx-big__l>span{transform:none;transition:none}.hx-big__v{width:1.9em;margin:0;transition:none}}

@media (max-width:900px){.hx-big__h{font-size:clamp(30px,8.6vw,68px)!important}}

/* ================= REFERENZSEITE v2 ================= */
.hx-rf2-hero__media{position:relative}
.hx-rf2-hero__media.is-photo img{width:100%;height:auto;display:block;clip-path:var(--chamfer)}
.hx-rf2-hero__media.is-cut img{width:100%;height:auto;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45))}
.hx-rf2-brief{background:var(--ink);color:#fff;padding:0 0 clamp(56px,6vw,88px)}
.hx-rf2-brief__in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,72px);border-top:1px solid var(--line-d);padding-top:clamp(28px,3vw,44px)}
.hx-rf2-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;margin:0}
.hx-rf2-facts dt{font:700 11px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:6px}
.hx-rf2-facts dd{margin:0;font-size:17px;line-height:1.4}
.hx-rf2-k{font:700 11px var(--f-display)!important;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)!important;margin:0 0 12px!important}
.hx-rf2-brief .hx-rf-chips{margin:0}
.hx-rf2-brief .hx-rf-chips a{color:#fff;background:rgba(255,255,255,.08)}
.hx-rf2-brief .hx-rf-chips a:hover{background:var(--lime);color:var(--ink)}
.hx-rf2-hl{background:var(--ink);color:#fff;padding-bottom:clamp(48px,5vw,80px)}
.hx-rf2-hl__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border-top:1px solid var(--line-d)}
.hx-rf2-hl__in>div{padding:26px 24px 0 0;border-right:1px solid var(--line-d)}.hx-rf2-hl__in>div:last-child{border-right:0}
.hx-rf2-hl b{display:block;font:800 clamp(30px,3.2vw,48px)/1 var(--f-display);color:var(--lime)}
.hx-rf2-hl span{display:block;margin-top:8px;font-size:15px;color:rgba(255,255,255,.75)}
.hx-rf2-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);align-items:center}
.hx-rf2-row+.hx-rf2-row{margin-top:clamp(64px,8vw,128px)}
.hx-rf2-row.is-rev .hx-rf2-txt{order:2}
.hx-rf2-row.is-solo{grid-template-columns:minmax(0,820px);justify-content:center}
.hx-rf2-txt :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3.4vw,52px)!important;margin:.2em 0 .6em!important}
.hx-rf2-txt p:not(.hx-eyebrow){font-size:clamp(17px,1.25vw,20px);line-height:1.65;color:var(--ink-2);margin:0 0 1em}
.hx-rf2-side{margin:0}
.hx-rf2-side img,.hx-rf2-g img,.hx-rf-focus__img img{width:100%;height:auto;display:block}
.hx-rf2-side:not(.is-cut) img,.hx-rf2-g:not(.is-cut) img{clip-path:var(--chamfer)}
.hx-rf2-side.is-cut,.hx-rf2-g.is-cut,.hx-rf-focus__img.is-cut{background:radial-gradient(120% 90% at 50% 20%,#2a2a2a,#0A0A0A 75%);padding:clamp(18px,3vw,44px);clip-path:var(--chamfer)}
.hx-rf2-side.is-cut img,.hx-rf2-g.is-cut img{filter:drop-shadow(0 26px 40px rgba(0,0,0,.5))}
.hx-rf2-grid{columns:2;column-gap:clamp(14px,1.6vw,24px)}
.hx-rf2-g{break-inside:avoid;margin:0 0 clamp(14px,1.6vw,24px)}
.hx-rf2-g figcaption,.hx-rf2-side figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.hx-rf2-res{background:#fff}
.hx-rf2-res__in{max-width:900px;margin:0 auto;text-align:center}
.hx-rf2-res__in :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3.6vw,56px)!important;margin:.2em 0 .5em!important}
.hx-rf2-res__in p:not(.hx-eyebrow){font-size:clamp(18px,1.45vw,23px);line-height:1.6;color:var(--ink-2)}
.hx-rf2-next{background:var(--ink);color:#fff}
.hx-rf2-next__a{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(48px,6vw,96px) var(--pad);max-width:calc(var(--max) + 2*var(--pad));margin:0 auto;color:#fff;text-decoration:none}
.hx-rf2-next__a figure{margin:0;overflow:hidden;clip-path:var(--chamfer)}
.hx-rf2-next__a img{width:100%;height:auto;display:block;transition:transform .8s var(--ease)}
.hx-rf2-next__a:hover img{transform:scale(1.04)}
.hx-rf2-next__a strong{display:block;font:800 clamp(36px,4.6vw,76px)/1 var(--f-display);text-transform:uppercase;margin:.15em 0 .3em}
.hx-rf2-next__a span{color:rgba(255,255,255,.7);font-size:17px}
.hx-rf2-next__nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px var(--pad);border-top:1px solid var(--line-d);max-width:calc(var(--max) + 2*var(--pad));margin:0 auto}
.hx-rf2-next__nav a{color:rgba(255,255,255,.8);text-decoration:none;font:600 14px var(--f-text)}.hx-rf2-next__nav a:hover{color:var(--lime)}
.hx-rf2-ov-hero{background:var(--ink);color:#fff;padding:calc(var(--hd-h) + clamp(56px,7vw,110px)) 0 clamp(48px,5vw,80px);text-align:center}
.hx-rf2-ov-hero .hx-scrib{color:var(--lime)!important}.hx-rf2-ov-hero .hx-sig__line{color:#fff!important}
.hx-rf2-ov-lead{max-width:760px;margin:clamp(24px,3vw,36px) auto 0;font-size:clamp(18px,1.4vw,22px);color:rgba(255,255,255,.8)}
.hx-rf2-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:clamp(32px,4vw,56px)}
.hx-rf2-filter button{border:0;background:var(--paper);color:var(--ink);font:600 14px var(--f-text);padding:11px 16px;cursor:pointer;clip-path:var(--chamfer-s);transition:background .2s,color .2s}
.hx-rf2-filter button i{font-style:normal;opacity:.55;margin-left:4px}
.hx-rf2-filter button:hover{background:var(--paper-2)}
.hx-rf2-filter button[aria-pressed=true]{background:var(--ink);color:#fff}
.hx-refs--all .hx-ref[hidden]{display:none}
@media (max-width:900px){.hx-rf2-brief__in,.hx-rf2-row,.hx-rf2-next__a{grid-template-columns:1fr}.hx-rf2-row.is-rev .hx-rf2-txt{order:0}.hx-rf2-grid{columns:1}}
@media (max-width:560px){.hx-rf2-facts{grid-template-columns:1fr 1fr}}
.hx-refpage2 .hx-rf-film{background:linear-gradient(var(--ink) 0 50%,#fff 50%)}.hx-rf2-g.is-cut figcaption{color:rgba(255,255,255,.6)}

/* ================= TYPO v11 – wie live hype-media.de: Satzschreibung, Manrope, zweifarbig ================= */
:is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"]))):not(.hx-big__h),.hx-sig__line{font-family:var(--f-text)!important;text-transform:none!important;font-weight:500!important;letter-spacing:-.045em!important;line-height:1.02!important}
.hx-sec-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-xxl__head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-rf2-txt :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-rf2-res__in :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-rf-band :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-rf-focus :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-contact :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(38px,4.8vw,78px)!important}
:is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"]))):not(.hx-big__h) :is(em,.hx-lime){font-style:normal!important;font-weight:300!important;color:#8E8E89!important;text-decoration:none!important;background:none!important}
:is(.hx-hero--video,.hx-xxl,.hx-rf-hero,.hx-dark,.hx-ft,.hx-rf2-next,.hx-rf2-ov-hero,.hx-contact__info,.dark,.dark-section) :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"]))):not(.hx-big__h) :is(em,.hx-lime){color:rgba(255,255,255,.55)!important}
.hx-rf-band :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) :is(em,.hx-lime){color:rgba(10,10,10,.5)!important}
.hx-hero .hx-h1x{font-size:clamp(46px,7.2vw,118px)!important;max-width:15ch;color:#fff}
.hx-hero .hx-h1x .hx-lt{font-weight:300!important;color:rgba(255,255,255,.62)!important}
.hx-hero .hx-h1x .hx-lime{color:var(--lime)!important;font-weight:500!important}
.hx-hero--video .hx-hero__sub{max-width:560px;font-size:clamp(17px,1.3vw,20px)!important;color:rgba(255,255,255,.82)!important}
.hx-hero__links{list-style:none;display:flex;flex-wrap:wrap;gap:6px 0;margin:clamp(28px,3vw,40px) 0 0!important;padding:18px 0 0!important;border-top:1px solid rgba(255,255,255,.18);max-width:900px}
.hx-hero__links li{display:flex;align-items:center}
.hx-hero__links li+li::before{content:"";width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4);margin:0 14px}
.hx-hero__links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:14.5px}
.hx-hero__links a:hover{color:var(--lime)}
:is(:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),.hx-svc strong,.hx-goal strong,.hx-ref strong,.hx-rf2-next__a strong,.hx-fly__card strong,.hx-goals :is(h3:where(:not([data-hl])),:where([data-hl="h3"])),.hx-why :is(h3:where(:not([data-hl])),:where([data-hl="h3"]))){text-transform:none!important;font-family:var(--f-text)!important;letter-spacing:-.025em!important}
.hx-eyebrow{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace!important;font-weight:500!important;letter-spacing:.14em!important}
/* Schreibschrift dezenter */
.hx-scrib{font-size:clamp(34px,4vw,64px)!important}

/* ================= BUTTONS v11 – Pill wie die Kontakt-Bubble ================= */
.hx-btn,.btn,.btn-lime,.btn-primary,.btn-ghost,.btn-dark,.btn-pill,.nv-btn,.hmref-btn,.funnel-btn,.leadform button[type=submit],.btn-outline{
  border-radius:999px!important;clip-path:none!important;text-transform:none!important;letter-spacing:-.005em!important;font-family:var(--f-text)!important;font-weight:600!important;font-size:15px!important;border-style:solid!important;border-width:1px!important}
.hx-btn{min-height:52px;padding:0 24px!important}
.hx-btn--sm{min-height:44px;padding:0 20px!important;font-size:14px!important}
.hx-rf-chips a,.hx-rf2-filter button,.hx-goals__tabs button,.hx-fly__cat,.hx-fly__lnk,.hx-fly__list a,.hx-geo__c{border-radius:999px!important;clip-path:none!important}
.hx-fly__list a,.hx-geo__c{border-radius:18px!important}
.hx-goals__tabs button{text-transform:none!important;letter-spacing:0!important}
/* Kopf: Telefon-Bubble + „Hier geht’s los“ */
.hx-geo__btn{width:46px;height:46px;padding:0!important;justify-content:center;border-radius:50%!important;background:rgba(255,255,255,.14)!important;opacity:1}
.hx-geo__btn:hover,.hx-geo.is-open .hx-geo__btn{background:rgba(255,255,255,.26)!important}
.hx-hd.is-solid .hx-geo__btn{background:rgba(10,10,10,.07)!important}
.hx-hd.is-solid .hx-geo__btn:hover{background:rgba(10,10,10,.14)!important}
.hx-geo__btn .hx-flag{display:none!important}
.hx-geo__btn svg{width:19px!important;height:19px!important}
.hx-geo__p{border-radius:20px}
.hx-hd .hx-btn--line{--b-bg:var(--lime)!important;--b-fg:var(--ink)!important;--b-bd:var(--lime)!important;border:0!important;letter-spacing:0!important;font-size:14.5px!important}
.hx-hd .hx-btn--line:hover{--b-bg:#fff!important;--b-fg:var(--ink)!important;--b-bd:#fff!important}
.hx-hd.is-solid .hx-btn--line:hover{--b-bg:var(--ink)!important;--b-fg:var(--lime)!important}
.hx-hd .hx-btn--line :is(svg,i,.hx-btn__ico){display:inline-flex!important}
/* Kontakt-Bubble: Abstand zu Cookie-Knopf */
.cw-fab{font-family:var(--f-text)!important}
.hx-hero h1.hx-h1x{max-width:none!important;font-size:clamp(44px,6.4vw,112px)!important}
.hx-hero h1.hx-h1x .hx-lime{color:var(--lime)!important;font-weight:500!important}
.hx-hero h1.hx-h1x .hx-lt{font-weight:300!important;color:rgba(255,255,255,.62)!important}
@media (min-width:1100px){.hx-hero h1.hx-h1x{max-width:16.5em!important}}
.hx-guide strong{text-transform:none!important;font-family:var(--f-text)!important;letter-spacing:-.02em!important;font-weight:600!important;font-size:clamp(19px,1.5vw,23px)!important}
.chip,.hx-chip,.tag,.pill{border-radius:999px!important;clip-path:none!important}
.hx-hero__links{max-width:1180px!important}
.hx-kpis b{font-family:var(--f-text)!important;font-weight:500!important;letter-spacing:-.045em!important}
.hx-bar{display:none!important} /* ersetzt durch Kontakt-Bubble */
/* ================= LEADINSIGHT-LANDINGPAGE (leadinsight.html) · Präfix .hx-li- · wird an hx.css angehängt ================= */
.hx-lipage{--li-pad:clamp(20px,2.4vw,32px)}
.hx-li-note{font-size:13.5px;line-height:1.5;color:var(--muted);margin:14px 0 0;text-align:center}
.hx-dark .hx-li-note{color:var(--muted-d)}

/* Hero */
.hx-li-hero{padding-bottom:0}
.hx-li-hero .hx-crumbs{justify-content:flex-start;color:rgba(255,255,255,.55);margin-bottom:22px}
.hx-li-hero .hx-crumbs a{color:rgba(255,255,255,.7)}
.hx-li-hero .hx-crumbs a:hover{color:#fff}
.hx-li-hero .hx-scrib{text-align:left;transform-origin:left center;margin:0 0 .05em!important;font-size:clamp(34px,3.8vw,60px)!important}
.hx-li-h1{color:#fff;margin:0 0 24px!important;text-transform:none!important;font-weight:800!important;font-size:clamp(58px,8.4vw,136px)!important;line-height:.88!important;letter-spacing:-.035em!important;max-width:none}
.hx-li-h1 span{display:block;margin-top:.28em;font-size:clamp(20px,2.1vw,32px);line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:var(--lime)}
.hx-li-hero .hx-rf-lead{max-width:44ch}
.hx-li-hero__media{position:relative;margin-right:calc(-1 * var(--pad))}
.hx-li-hero__media img{width:100%;height:auto;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45));animation:hxFloat 9s ease-in-out infinite}
.hx-li-hero .hx-rf-facts{margin-top:clamp(48px,5vw,80px)}
@media (max-width:900px){.hx-li-hero__media{margin:12px 0 0}.hx-li-hero .hx-rf-facts{margin-top:40px}}
@media (prefers-reduced-motion:reduce){.hx-li-hero__media img{animation:none}}

/* Problem / Nutzen */
.hx-li-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,88px);align-items:center}
.hx-li-split :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0 0 22px}
.hx-li-split p{color:var(--muted);font-size:clamp(17px,1.3vw,19px);max-width:52ch}
.hx-li-photo{margin:0}
.hx-li-photo img{width:100%;height:auto;display:block;clip-path:var(--chamfer)}
.hx-li-photo figcaption{font-size:13px;line-height:1.45;color:var(--muted);margin-top:12px}
.hx-li-gains{list-style:none;margin:clamp(48px,5vw,80px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-li-gains li{background:var(--paper);padding:clamp(26px,2.6vw,38px);clip-path:var(--chamfer)}
.hx-li-gains small{display:inline-block;font:700 11.5px var(--f-display);letter-spacing:.16em;text-transform:uppercase;background:var(--lime);padding:6px 10px;clip-path:var(--chamfer-s);margin-bottom:16px}
.hx-li-gains :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){text-transform:uppercase;font-weight:800;margin:0 0 10px}
.hx-li-gains p{margin:0;color:var(--muted);font-size:16.5px}
@media (max-width:900px){.hx-li-split{grid-template-columns:1fr}.hx-li-gains{grid-template-columns:1fr}}

/* Produkt-Rundgang */
.hx-li-film{position:relative;aspect-ratio:1440/910;overflow:hidden;background:var(--ink);clip-path:var(--chamfer);box-shadow:0 40px 90px -40px rgba(10,10,10,.5)}
.hx-li-film video,.hx-li-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Screens mit Markierungen */
.hx-li-screens{display:grid;gap:clamp(64px,7vw,120px);margin-top:clamp(64px,7vw,112px)}
.hx-li-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,4vw,64px);align-items:center}
.hx-li-row.is-rev{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
.hx-li-row.is-rev .hx-li-shot{order:2}
.hx-li-row :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(24px,2.2vw,34px);text-transform:uppercase;font-weight:800;margin:0 0 14px}
.hx-li-row p{color:var(--muted);font-size:17px;margin:0 0 18px}
.hx-li-shot{position:relative;margin:0}
.hx-li-shot__f{position:relative;background:#fff;box-shadow:0 40px 80px -36px rgba(10,10,10,.45),0 0 0 1px rgba(10,10,10,.08);clip-path:var(--chamfer)}
.hx-li-shot__bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:var(--ink)}
.hx-li-shot__bar i{width:9px;height:9px;border-radius:50%;background:#3a3a3a}
.hx-li-shot__bar span{margin-left:14px;font:500 12px var(--f-text);color:#cfcfcf;display:flex;align-items:center;gap:7px}
.hx-li-shot__bar span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime)}
.hx-li-shot__img{position:relative}
.hx-li-shot__img img{width:100%;height:auto;display:block}
.hx-li-shot.is-cut .hx-li-shot__img img{filter:drop-shadow(0 30px 50px rgba(10,10,10,.22))}
.hx-li-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--ink);font:800 14px/1 var(--f-display);box-shadow:0 0 0 3px var(--ink),0 10px 24px -6px rgba(10,10,10,.5);z-index:2}
.hx-li-pin::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--lime);animation:hxLiPulse 2.4s ease-out infinite}
@keyframes hxLiPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.hx-li-legend{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:lg}
.hx-li-legend li{counter-increment:lg;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;font-size:15.5px;line-height:1.5;color:var(--muted)}
.hx-li-legend li::before{content:counter(lg);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--lime);font:800 13px/1 var(--f-display)}
.hx-li-legend b{color:var(--ink);font-weight:700}
@media (max-width:980px){.hx-li-row,.hx-li-row.is-rev{grid-template-columns:1fr}.hx-li-row.is-rev .hx-li-shot{order:0}}
@media (max-width:600px){.hx-li-pin{width:24px;height:24px;font-size:11px;box-shadow:0 0 0 2px var(--ink)}.hx-li-shot__bar{height:26px;padding:0 10px}.hx-li-shot__bar i{width:7px;height:7px}.hx-li-shot__bar span{font-size:10.5px;margin-left:8px}}
@media (prefers-reduced-motion:reduce){.hx-li-pin::after{animation:none;opacity:0}}

/* Funktionskacheln */
.hx-li-feats{list-style:none;margin:clamp(64px,7vw,112px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-li-feats li{background:#fff;padding:clamp(26px,2.6vw,36px);clip-path:var(--chamfer)}
.hx-li-feats small{display:block;font:700 11.5px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.hx-li-feats small b{color:var(--ink);background:var(--lime);padding:3px 7px;margin-right:8px;font-weight:800}
.hx-li-feats :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){text-transform:uppercase;font-weight:800;margin:0 0 8px}
.hx-li-feats p{margin:0;color:var(--muted);font-size:16px}
@media (max-width:980px){.hx-li-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hx-li-feats{grid-template-columns:1fr}}

/* Ablauf + Code */
.hx-li-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.hx-li-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:st}
.hx-li-steps li{counter-increment:st;position:relative;display:grid;grid-template-columns:64px 1fr;gap:20px;padding:0 0 clamp(28px,3vw,40px)}
.hx-li-steps li::before{content:counter(st,decimal-leading-zero);display:grid;place-items:center;width:64px;height:64px;background:var(--lime);font:800 20px/1 var(--f-display);clip-path:var(--chamfer-s);position:relative;z-index:1}
.hx-li-steps li:not(:last-child)::after{content:"";position:absolute;left:31px;top:64px;bottom:0;width:2px;background:repeating-linear-gradient(var(--ink) 0 4px,transparent 4px 10px);opacity:.35}
.hx-li-steps :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){text-transform:uppercase;font-weight:800;margin:14px 0 8px}
.hx-li-steps p{margin:0;color:var(--muted);font-size:16.5px}
.hx-li-code{position:sticky;top:calc(var(--hd-h) + 24px);margin:0;background:var(--ink);color:#e9e9e4;clip-path:var(--chamfer);overflow:hidden}
.hx-li-code__h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line-d);font:700 11.5px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.hx-li-code__h b{color:var(--lime);font-weight:700}
.hx-li-code pre{margin:0;padding:22px 20px 26px;overflow-x:auto;font:13.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;tab-size:2}
.hx-li-code .c{color:#8a8a85}.hx-li-code .k{color:var(--lime)}.hx-li-code .s{color:#ffd28a}
.hx-li-code figcaption{padding:16px 20px 20px;border-top:1px solid var(--line-d);font-size:14px;line-height:1.55;color:rgba(255,255,255,.72)}
@media (max-width:980px){.hx-li-how{grid-template-columns:1fr}.hx-li-code{position:relative;top:0}}
@media (max-width:600px){.hx-li-code pre{font-size:11.5px;padding:18px 16px}.hx-li-steps li{grid-template-columns:52px 1fr;gap:16px}.hx-li-steps li::before{width:52px;height:52px;font-size:17px}.hx-li-steps li:not(:last-child)::after{left:25px;top:52px}.hx-li-steps :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin-top:10px}}

/* Datenschutz (dunkel) */
.hx-li-priv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-li-priv>div{background:var(--ink-3);padding:clamp(26px,2.6vw,38px);clip-path:var(--chamfer)}
.hx-li-priv svg{width:34px;height:34px;color:var(--lime);margin-bottom:18px;display:block}
.hx-li-priv :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){color:#fff;text-transform:uppercase;font-weight:800;margin:0 0 10px}
.hx-li-priv p{margin:0;font-size:16px;color:rgba(255,255,255,.72)!important}
.hx-li-priv a{color:var(--lime)}
.hx-li-priv>div.is-wide{grid-column:span 2}
@media (max-width:980px){.hx-li-priv{grid-template-columns:1fr 1fr}.hx-li-priv>div.is-wide{grid-column:auto}}
@media (max-width:640px){.hx-li-priv{grid-template-columns:1fr}}

/* Für wen */
.hx-li-for{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-li-for li{display:flex;flex-direction:column;gap:6px;padding:clamp(24px,2.4vw,32px);background:var(--paper);clip-path:var(--chamfer)}
.hx-li-for b{font:800 clamp(19px,1.5vw,22px)/1.2 var(--f-display);text-transform:uppercase}
.hx-li-for span{color:var(--muted);font-size:16px}
.hx-li-not{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;max-width:920px;margin:clamp(36px,4vw,56px) auto 0;padding:24px 30px;background:var(--ink);clip-path:var(--chamfer)}
.hx-li-not strong{font:800 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:7px 11px;clip-path:var(--chamfer-s);white-space:nowrap}
.hx-li-not p{margin:0;color:rgba(255,255,255,.82)}
@media (max-width:980px){.hx-li-for{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hx-li-for{grid-template-columns:1fr}.hx-li-not{grid-template-columns:1fr}.hx-li-not strong{justify-self:start}}

/* Zusammenspiel mit Leistungen */
.hx-li-int{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap)}
.hx-li-int a{grid-column:span 2;position:relative;display:flex;flex-direction:column;gap:8px;min-height:100%;padding:clamp(26px,2.6vw,36px) clamp(24px,2.4vw,34px) 64px;background:#fff;color:var(--ink);text-decoration:none;clip-path:var(--chamfer);transition:background .25s var(--ease)}
.hx-li-int a:nth-child(4),.hx-li-int a:nth-child(5){grid-column:span 3}
.hx-li-int small{font:700 11.5px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hx-li-int strong{font:800 clamp(20px,1.7vw,26px)/1.15 var(--f-display);text-transform:uppercase}
.hx-li-int span{color:var(--muted);font-size:16px}
.hx-li-int a::after{content:"";position:absolute;left:clamp(24px,2.4vw,34px);bottom:24px;width:26px;height:26px;border-radius:50%;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.hx-li-int a:hover{background:var(--lime)}
.hx-li-int a:hover span,.hx-li-int a:hover small{color:var(--ink)}
.hx-li-int a:hover::after{transform:rotate(45deg)}
@media (max-width:980px){.hx-li-int{grid-template-columns:1fr 1fr}.hx-li-int a,.hx-li-int a:nth-child(4),.hx-li-int a:nth-child(5){grid-column:auto}.hx-li-int a:nth-child(5){grid-column:span 2}}
@media (max-width:600px){.hx-li-int{grid-template-columns:1fr}.hx-li-int a:nth-child(5){grid-column:auto}}
.hx-lipage :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))){hyphens:manual;-webkit-hyphens:manual}
.hx-li-x{background:var(--paper);padding:clamp(28px,3vw,44px) 0;border-top:1px solid var(--line)}
.hx-li-x__in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hx-li-x p{margin:0;font-size:17px;max-width:760px}.hx-li-x b{font-weight:700;margin-right:6px}

/* ================= MEGA-MENÜ v12: mehr Text, hell/dunkel, dezente Icons (Signalfeuer-Prinzip) ================= */
.hx-fly__list--txt{display:block!important;gap:0!important;padding-left:52px!important;margin:0!important}
.hx-fly__list--txt li{position:relative;list-style:none}
.hx-fly__list--txt .hx-fly__grp{font:500 11.5px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:30px 0 4px -52px;padding-left:52px}
.hx-fly__list--txt .hx-fly__grp:first-child{margin-top:0}
.hx-fly .hx-fly__list--txt a{display:grid!important;grid-template-columns:1fr 28px;grid-template-rows:auto auto;column-gap:16px;row-gap:5px;align-items:start;padding:18px 0!important;border-bottom:1px solid rgba(10,10,10,.08);border-radius:0!important;background:none!important;clip-path:none!important;box-shadow:none!important;color:var(--ink)}
.hx-fly__list--txt li:last-child a,.hx-fly__list--txt li:has(+ .hx-fly__grp) a{border-bottom:0}
.hx-fly__t{grid-column:1;display:flex;align-items:center}
.hx-fly__list--txt b{font:600 clamp(17px,1.1vw,19px)/1.3 var(--f-text)!important;letter-spacing:-.015em;color:var(--ink)}
.hx-fly__list--txt small{grid-column:1;display:block;font-size:15px!important;line-height:1.5!important;color:#6B6B66!important;margin:0!important;max-width:44ch}
.hx-fly__ic{position:absolute;left:-52px;top:16px;width:36px;height:36px;border-radius:50%;background:#fff;display:grid!important;place-items:center;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(10,10,10,.08);transition:background .25s,color .25s}
.hx-fly__ic svg{width:18px;height:18px}
.hx-fly__ic::after{display:none!important}
.hx-fly__go{grid-column:2;grid-row:1/span 2;align-self:center;width:28px;height:28px;display:grid;place-items:center;color:var(--ink);opacity:.35;transform:translateX(-4px);transition:opacity .25s,transform .25s var(--ease)}
.hx-fly__go svg{width:18px;height:18px}
.hx-fly .hx-fly__list--txt a:hover .hx-fly__go,.hx-fly .hx-fly__list--txt a:focus-visible .hx-fly__go{opacity:1;transform:none}
.hx-fly .hx-fly__list--txt a:hover b{color:#000}
.hx-fly .hx-fly__list--txt a:hover small{color:var(--ink-2)!important}
.hx-fly .hx-fly__list--txt a:hover .hx-fly__ic{background:var(--lime);box-shadow:none}
.hx-fly .hx-fly__list--txt a[aria-current] b{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:5px}
.hx-fly__all{display:inline-flex;align-items:center;gap:8px;margin:22px 0 0 52px;font:600 15px var(--f-text);color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:6px}
.hx-fly__card{border-radius:20px;clip-path:none!important;margin-left:52px}
.hx-fly__pt{font:500 12px ui-monospace,"SF Mono",Menlo,monospace!important;letter-spacing:.16em!important;margin-bottom:26px!important}
@media (max-width:860px){.hx-fly__list--txt{padding-left:48px!important}.hx-fly__ic{left:-48px}.hx-fly__all,.hx-fly__card{margin-left:0}.hx-fly__list--txt small{font-size:14.5px!important}}
.hx-fly .hx-fly__list--txt i.hx-fly__ic{position:absolute!important;left:-52px;top:15px;width:36px!important;height:36px!important;border-radius:50%!important;clip-path:none!important;background:#fff!important;display:grid!important;place-items:center}
.hx-fly .hx-fly__list--txt i.hx-fly__ic::after{content:none!important;display:none!important}
.hx-fly .hx-fly__list--txt a:hover i.hx-fly__ic{background:var(--lime)!important}
@media (max-width:860px){.hx-fly .hx-fly__list--txt i.hx-fly__ic{left:-48px}}
.hx-cc{border-radius:20px!important;clip-path:none!important}
.hx-cc strong{text-transform:none!important;font-family:var(--f-text)!important;font-weight:600!important;letter-spacing:-.02em!important;font-size:19px!important}
.hx-rf2-side.is-cut figcaption{color:rgba(255,255,255,.6)}
.hx-refs--all{display:flex!important;flex-wrap:wrap;justify-content:center;gap:clamp(16px,2vw,28px)}
.hx-refs--all .hx-ref{flex:0 0 calc((100% - 2*clamp(16px,2vw,28px))/3);max-width:calc((100% - 2*clamp(16px,2vw,28px))/3)}
@media (max-width:900px){.hx-refs--all .hx-ref{flex-basis:calc((100% - clamp(16px,2vw,28px))/2);max-width:calc((100% - clamp(16px,2vw,28px))/2)}}
@media (max-width:560px){.hx-refs--all .hx-ref{flex-basis:100%;max-width:100%}}

/* ===== Stickerei-Referenzgalerie (hype-textil) ===== */
.hx-stg__hero{position:relative;border-radius:var(--r-l);overflow:hidden;background:var(--ink);aspect-ratio:16/9;margin:0 0 clamp(28px,3vw,44px)}
.hx-stg__hero picture,.hx-stg__hero img{display:block;width:100%;height:100%}
.hx-stg__hero img{object-fit:cover}
.hx-stg__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 35%,rgba(10,10,10,.82) 100%);pointer-events:none}
.hx-stg__txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(24px,4vw,56px);max-width:660px;color:#fff;text-align:left}
.hx-stg__txt .hx-eyebrow{color:var(--lime);justify-content:flex-start}
.hx-stg__txt :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff;margin:0 0 14px}
.hx-stg__txt :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{color:rgba(255,255,255,.62)}
.hx-stg__txt p:not(.hx-eyebrow){color:rgba(255,255,255,.82);font-size:clamp(16px,1.2vw,18.5px);line-height:1.6;max-width:62ch;margin:0}
.hx-stg__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.4vw,22px)}
.hx-stg__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hx-stg__c{margin:0;display:flex;flex-direction:column}
.hx-stg__c picture{display:block;aspect-ratio:4/5;border-radius:var(--r-l);overflow:hidden;background:var(--paper-2)}
.hx-stg__c img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.hx-stg__c:hover img{transform:scale(1.045)}
.hx-stg__c figcaption{display:flex;flex-direction:column;gap:3px;padding:14px 2px 0;text-align:left}
.hx-stg__c figcaption small{order:-1;font:700 10.5px/1.3 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.hx-stg__c figcaption strong{font:700 16px/1.25 var(--f-display);color:var(--ink)}
.hx-stg__c figcaption span{font-size:13.5px;line-height:1.45;color:var(--muted)}
@media (max-width:1100px){.hx-stg__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-stg__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.hx-stg__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .hx-stg__hero{aspect-ratio:auto;background:var(--ink)}
 .hx-stg__hero picture{aspect-ratio:16/9}
 .hx-stg__hero::after{display:none}
 .hx-stg__txt{position:relative;padding:22px 20px 26px}
 .hx-stg__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .hx-stg--full .hx-stg__grid .hx-stg__c:first-child{grid-column:span 2}
 .hx-stg--full .hx-stg__grid .hx-stg__c:first-child picture{aspect-ratio:4/4.2}
 .hx-stg__c figcaption strong{font-size:14.5px}
 .hx-stg__c figcaption span{font-size:12.5px}
}

/* ===== Signatur v3 – Proportion wie Porsche Mission S: Script immer größer + fetter als die Zeile ===== */
:root{--sig:clamp(30px,4.6vw,76px)}
.hx-rf-hero,.hx-rf-focus,.hx-li-hero{--sig:clamp(28px,3.2vw,52px)}
.hx-rf2-ov-hero{--sig:clamp(32px,4.8vw,80px)}
:is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"]))).hx-sig__line,.hx-sig__line,.hx-sec-head .hx-sig__line,.hx-xxl__head .hx-sig__line,.hx-rf2-ov-hero .hx-sig__line,.hx-li-hero .hx-li-h1,.hx-rf-hero .hx-sig__line,.hx-rf-focus .hx-sig__line,.hx-hero--sig h1.hx-sig__line{font-size:var(--sig)!important;font-weight:400!important;letter-spacing:-.035em!important;line-height:1.04!important}
.hx-scrib,.hx-hero--sig .hx-scrib,.hx-rf-hero .hx-scrib,.hx-rf-focus .hx-scrib,.hx-li-hero .hx-scrib{font-size:calc(var(--sig)*1.34)!important;line-height:.98!important;-webkit-text-stroke:.026em currentColor;paint-order:stroke fill;letter-spacing:.015em!important;margin-bottom:.1em!important}
.hx-li-hero .hx-li-h1 span{font-size:max(17px,.42em)!important;font-weight:600!important;letter-spacing:-.01em!important;margin-top:.5em}
@media (max-width:760px){
 :root{--sig:clamp(27px,7.6vw,40px)}
 .hx-rf-hero,.hx-rf-focus,.hx-li-hero,.hx-rf2-ov-hero{--sig:clamp(26px,7.2vw,38px)}
 .hx-sig__line{white-space:normal}
}

/* ===================== home3: Blog v3 · Logo-Laufband v3 · Markenfamilie ===================== */

/* ---------- Blog v3 (Farbflächen + Typo) ---------- */
.hx-b3{background:var(--ink);color:#fff;padding:clamp(28px,3.4vw,56px) 0 clamp(64px,7vw,110px)}
.hx-b3__filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(22px,2.4vw,34px)}
.hx-b3__filter button{font:700 13px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;padding:11px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.28);background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hx-b3__filter button i{font-style:normal;opacity:.55;margin-left:4px}
.hx-b3__filter button:hover{border-color:var(--lime)}
.hx-b3__filter button.is-on{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.hx-b3__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.5vw,22px)}
.hx-b3__c{position:relative;display:flex;flex-direction:column;min-height:100%;border-radius:var(--r-l);overflow:hidden;text-decoration:none!important;color:inherit;outline:1.5px solid rgba(255,255,255,.12);outline-offset:-1.5px;transition:transform .35s var(--ease),outline-color .25s}
.hx-b3__c:hover{transform:translateY(-4px);outline-color:var(--lime)}
.hx-b3__c[hidden]{display:none}
/* Bildkarte */
.hx-b3__c--img{background:#161616}
.hx-b3__c--img figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:#222}
.hx-b3__c--img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.hx-b3__c--img:hover img{transform:scale(1.05)}
.hx-b3__c--img figure .hx-b3__pill{position:absolute;left:16px;bottom:14px}
.hx-b3__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 22px 22px}
.hx-b3__body strong{font:700 clamp(19px,1.45vw,23px)/1.18 var(--f-display);letter-spacing:-.02em;color:#fff}
.hx-b3__tx{font-size:15px;line-height:1.55;color:rgba(255,255,255,.66)}
.hx-b3__meta{margin-top:auto;padding-top:10px;display:flex;gap:14px;font:700 11.5px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.hx-b3__pill{display:inline-flex;align-self:flex-start;font:700 11px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--lime);color:var(--ink)}
/* Aufmacher: Bild links, Text rechts, 2 Spalten breit */
.hx-b3__c--feat{grid-column:span 2;flex-direction:row}
.hx-b3__c--feat figure{flex:0 0 56%;aspect-ratio:auto;min-height:360px}
.hx-b3__c--feat .hx-b3__body{padding:clamp(24px,2.6vw,40px);justify-content:center}
.hx-b3__c--feat .hx-b3__body strong{font-size:clamp(24px,2.3vw,36px)}
.hx-b3__c--feat .hx-b3__meta{margin-top:12px}
/* Typo-Karte */
.hx-b3__c--typo{padding:clamp(22px,2vw,30px);gap:14px;min-height:clamp(360px,30vw,460px)}
.hx-b3__big{font:800 clamp(25px,2.25vw,36px)/1.04 var(--f-display);letter-spacing:-.035em;margin-top:clamp(10px,2vw,28px)}
.hx-b3__c--typo .hx-b3__tx{font-size:15.5px}
.hx-b3__go{font:700 14px/1 var(--f-display);margin-top:6px}
.hx-b3__c--typo .hx-b3__meta{margin-top:auto}
.hx-b3__c--lime{background:var(--lime);color:var(--ink);outline-color:transparent}
.hx-b3__c--lime .hx-b3__pill{background:var(--ink);color:var(--lime)}
.hx-b3__c--lime .hx-b3__tx,.hx-b3__c--lime .hx-b3__meta{color:rgba(10,10,10,.68)}
.hx-b3__c--lime:hover{outline-color:#fff}
.hx-b3__c--white{background:#fff;color:var(--ink);outline-color:transparent}
.hx-b3__c--white .hx-b3__pill{background:var(--ink);color:#fff}
.hx-b3__c--white .hx-b3__tx,.hx-b3__c--white .hx-b3__meta{color:var(--muted)}
.hx-b3__c--white .hx-b3__big{color:var(--ink)}
.hx-b3__c--ink{background:#1d1d1b;color:#fff}
.hx-b3__c--ink .hx-b3__big{color:var(--lime)}
.hx-b3__c--ink .hx-b3__tx,.hx-b3__c--ink .hx-b3__meta{color:rgba(255,255,255,.62)}
/* Startseite: auf hellem Grund, 4 Spalten */
.hx-b3__grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
.hx-b3__grid--home .hx-b3__c{outline-color:transparent}
.hx-b3__grid--home .hx-b3__c--img{background:var(--ink)}
.hx-b3__grid--home .hx-b3__c--typo{min-height:0}
.hx-b3__grid--home .hx-b3__c--white{outline-color:rgba(0,0,0,.1)}
@media (max-width:1100px){.hx-b3__grid,.hx-b3__grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .hx-b3__grid,.hx-b3__grid--home{grid-template-columns:1fr}
 .hx-b3__c--feat{grid-column:auto;flex-direction:column}
 .hx-b3__c--feat figure{flex:none;aspect-ratio:16/10;min-height:0}
 .hx-b3__c--typo{min-height:300px}
 .hx-b3__filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none}
 .hx-b3__filter button{flex:0 0 auto}
}
.hx-b3__c--feat.hx-b3__c--featoff{grid-column:auto;flex-direction:column}
.hx-b3__c--featoff figure{flex:none;aspect-ratio:16/10;min-height:0}

.hx-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Logo-Laufband v3 (einfarbig, dunkles Band) ---------- */
.hx-lg3{background:var(--ink);color:#fff;padding:clamp(26px,3vw,40px) 0}
.hx-lg3__in{max-width:calc(var(--max) + 2*var(--pad));margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;position:relative;padding-top:clamp(22px,2.4vw,32px)}
.hx-lg3__in::before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);border-top:1px solid rgba(255,255,255,.18)}
.hx-lg3__lab{margin:0;font:600 15px/1.35 var(--f-display);color:#fff}
.hx-lg3__lab b{display:block;margin-top:6px;font:700 11px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.hx-lg3__rows{display:grid;gap:clamp(18px,2vw,28px);min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hx-lg3__row{display:flex;width:max-content;animation:hx-lg3 var(--dur,240s) linear infinite}
.hx-lg3__row--rev{animation-direction:reverse}
.hx-lg3__rows:hover .hx-lg3__row{animation-play-state:paused}
.hx-lg3__t{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.hx-lg3__t li{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:52px;padding:0 clamp(22px,2.4vw,38px)}
.hx-lg3__t img{display:block;width:auto;max-width:none;opacity:.86;transition:opacity .25s}
.hx-lg3__t li:hover img{opacity:1}
@keyframes hx-lg3{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hx-lg3__row{animation:none}.hx-lg3__rows{overflow-x:auto}}
@media (max-width:760px){
 .hx-lg3__in{grid-template-columns:1fr;gap:16px}
 .hx-lg3__lab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}
 .hx-lg3__lab b{margin:0}
 .hx-lg3__t li{height:44px;padding:0 20px}
 .hx-lg3__t img{transform:scale(.82)}
}

/* ---------- Markenfamilie in Zahlen ---------- */
.hx-fam{background:#000;color:#fff;padding:clamp(64px,7vw,112px) 0 clamp(56px,6vw,96px)}
.hx-fam__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,110px)}
.hx-fam__num{display:flex;align-items:flex-end;gap:clamp(14px,1.6vw,26px);margin:0 0 clamp(24px,2.6vw,38px);line-height:.8}
.hx-fam__num b{font:800 clamp(130px,15vw,240px)/.78 var(--f-display);letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums}
.hx-fam__w{display:flex;flex-direction:column;padding-bottom:.02em}
.hx-fam__s{font-family:"hxMarker",cursive;font-size:clamp(46px,5vw,84px);line-height:1;color:var(--lime);-webkit-text-stroke:.026em currentColor;paint-order:stroke fill;letter-spacing:.01em}
.hx-fam__l{display:flex;align-items:center;gap:.28em;font:800 clamp(38px,4.1vw,68px)/1 var(--f-display);letter-spacing:-.04em;color:var(--lime);margin-top:.06em}
.hx-fam__l i{display:block;width:.9em;height:3px;background:rgba(255,255,255,.75);border-radius:2px}
.hx-fam__col > p{margin:0 0 1em;max-width:58ch;font-size:clamp(16px,1.2vw,18.5px);line-height:1.62;color:rgba(255,255,255,.86)}
.hx-fam__cta{margin-top:clamp(22px,2.4vw,32px)!important}
.hx-fam__lab{margin:clamp(56px,6vw,96px) 0 clamp(18px,2vw,26px);font:600 14px/1 var(--f-display);color:rgba(255,255,255,.7)}
.hx-fam__marks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-l);overflow:hidden}
.hx-fam__marks li > *{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:clamp(22px,2.4vw,34px);background:#000;color:#fff;text-decoration:none!important;transition:background .25s}
.hx-fam__marks a:hover{background:#121212}
.hx-fam__wm{font:800 clamp(26px,2.4vw,38px)/1 var(--f-display);letter-spacing:-.04em;color:#fff}
.hx-fam__wm i{font-style:normal;color:var(--lime)}
.hx-fam__wm--core{letter-spacing:-.04em}
.hx-fam__sub{font-size:14px;line-height:1.45;color:rgba(255,255,255,.6)}
.hx-fam__arr{position:absolute;top:clamp(20px,2.2vw,30px);right:clamp(20px,2.2vw,30px);font-size:18px;color:var(--lime);transition:transform .25s}
.hx-fam__marks a:hover .hx-fam__arr{transform:translate(3px,-3px)}
@media (max-width:900px){.hx-fam__grid{grid-template-columns:1fr}.hx-fam__marks{grid-template-columns:1fr}}
@media (max-width:420px){.hx-fam__num b{font-size:118px}.hx-fam__s{font-size:40px}.hx-fam__l{font-size:34px}}

/* ---------- Leistungsliste v3: Text klappt bei Hover nach unten auf (statt schwarzer Wischfläche) ---------- */
.hx-svc.hx-svc--x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);border-top:0;align-items:start}
.hx-svc--x .hx-svc__col{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.hx-svc--x a{grid-template-columns:auto 1fr auto;gap:2px 20px;padding:24px 14px;border-radius:0!important;background:transparent}
.hx-svc--x a::before{content:none!important}
.hx-svc--x a:hover,.hx-svc--x a:focus-visible{background:var(--paper);padding-inline:14px}
.hx-svc--x a:hover strong,.hx-svc--x a:focus-visible strong{color:inherit;transform:none}
.hx-svc--x a:hover small,.hx-svc--x a:focus-visible small{color:var(--muted);transform:none}
.hx-svc--x a:hover i,.hx-svc--x a:focus-visible i{color:var(--ink)}
.hx-svc--x a::after{grid-row:1/span 2;align-self:center}
.hx-svc__more{grid-column:2/span 2;grid-row:3;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
.hx-svc__in{overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:0}
.hx-svc__txt{display:block;padding-top:12px;font-size:15.5px;line-height:1.55;color:var(--ink);max-width:52ch;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .4s}
.hx-svc__rng{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--lime);color:var(--ink);font:700 12.5px/1.2 var(--f-text);letter-spacing:.01em;opacity:0;transition:opacity .3s .05s}
.hx-svc__rng::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink)}
.hx-svc__go{font:700 13px var(--f-text);text-decoration:underline;text-underline-offset:3px;opacity:0;transition:opacity .3s .08s;padding-bottom:4px}
.hx-svc--x a:hover .hx-svc__more,.hx-svc--x a:focus-visible .hx-svc__more{grid-template-rows:1fr}
.hx-svc--x a:hover :is(.hx-svc__txt,.hx-svc__rng,.hx-svc__go),.hx-svc--x a:focus-visible :is(.hx-svc__txt,.hx-svc__rng,.hx-svc__go){opacity:1;transform:none}
/* Touch-Geräte: Texte immer sichtbar (kein Hover) */
@media (hover:none),(max-width:860px){.hx-svc__more{grid-template-rows:1fr}.hx-svc__txt,.hx-svc__rng,.hx-svc__go{opacity:1;transform:none}.hx-svc__go{display:none}}
@media (max-width:860px){.hx-svc.hx-svc--x{grid-template-columns:1fr}.hx-svc--x .hx-svc__col+.hx-svc__col{border-top:0}.hx-svc--x a{padding:20px 4px}.hx-svc__txt{font-size:15px}}
@media (prefers-reduced-motion:reduce){.hx-svc__more,.hx-svc__txt{transition:none}}

.hx-fam__wm--yu i{font-style:normal}
@media (max-width:1100px) and (min-width:901px){.hx-fam__marks{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================= REFERENZEN v3 (Stil markenstuermer.marketing/projekte) · refgen3.py ================= */
.hx-r3-page,.hx-r3-ovpage{--r3-gap:clamp(12px,1.5vw,22px);--r3-sec:clamp(44px,5.2vw,84px);--r3-brand:var(--ink)}
.hx-r3-sec{padding-block:var(--r3-sec)}
.hx-r3-head{margin:0 0 clamp(20px,2.4vw,34px)}
.hx-r3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(28px,3vw,46px)!important;font-weight:700!important;letter-spacing:-.015em;margin:0!important}
.hx-r3-head .hx-eyebrow{margin-bottom:10px}

/* ---------- Kachel (Übersicht + Andere Projekte) ---------- */
.hx-r3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--r3-gap)}
.hx-r3-tile{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:6px;background:var(--ink-2);color:#fff;text-decoration:none;isolation:isolate}
.hx-r3-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--ease)}
.hx-r3-tile.is-li img{object-position:100% 50%}
.hx-r3-tile::before{content:"";position:absolute;inset:auto 0 0;height:58%;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.42) 48%,rgba(10,10,10,.86) 100%)}
.hx-r3-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,10,10,.62);opacity:0;transition:opacity .35s var(--ease)}
.hx-r3-tile__m{position:absolute;left:0;right:0;bottom:0;padding:clamp(14px,1.6vw,26px);display:flex;flex-direction:column;gap:4px;transition:opacity .35s var(--ease)}
.hx-r3-tile__m strong{font:800 clamp(17px,1.45vw,23px)/1.12 var(--f-display);letter-spacing:-.01em}
.hx-r3-tile__m span{font-size:clamp(13px,1.05vw,16px);line-height:1.35;color:rgba(255,255,255,.82)}
.hx-r3-tile__btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);opacity:0;white-space:nowrap;background:var(--lime);color:var(--ink);font:700 clamp(14px,1.1vw,16px)/1 var(--f-display);padding:15px 22px;border-radius:999px;transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}
@media (hover:hover) and (pointer:fine){
  .hx-r3-tile:hover img{transform:scale(1.045)}
  .hx-r3-tile:hover::after{opacity:1}
  .hx-r3-tile:hover .hx-r3-tile__m{opacity:.45}
  .hx-r3-tile:hover .hx-r3-tile__btn{opacity:1;transform:translate(-50%,-50%)}
}
.hx-r3-tile:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.hx-r3-tile:focus-visible::after{opacity:1}
.hx-r3-tile:focus-visible .hx-r3-tile__btn{opacity:1;transform:translate(-50%,-50%)}
.hx-r3-tile[hidden]{display:none}

/* ---------- Übersicht /arbeiten.html ---------- */
.hx-r3-ovhero{background:var(--ink);color:#fff;margin-top:calc(-1 * var(--hd-h));padding:calc(var(--hd-h) + clamp(24px,3.6vw,56px)) 0 clamp(18px,2vw,28px)}
.hx-r3-ovhero__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:end}
.hx-r3-ovhero .hx-eyebrow{color:rgba(255,255,255,.8);margin-bottom:clamp(12px,1.6vw,22px)}
.hx-r3-ovhero .hx-scrib,.hx-r3-hero .hx-scrib{text-align:left!important;transform-origin:left center!important;margin:0 0 .12em -.02em!important;line-height:1.02!important;font-size:clamp(44px,5.4vw,90px)!important;color:var(--lime)!important}
.hx-r3-ovhero .hx-sig__line{color:#fff!important;font-size:clamp(32px,3.9vw,64px)!important;text-align:left}
.hx-r3-ovhero__lead{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:rgba(255,255,255,.72);max-width:52ch}
.hx-r3-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(22px,2.6vw,38px)}
.hx-r3-filter button,.hx-r3-empty button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:700 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hx-r3-filter button i{font-style:normal;font-weight:600;opacity:.55}
.hx-r3-filter button:hover{border-color:#fff}
.hx-r3-filter button[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.hx-r3-filter button[aria-pressed="true"] i{opacity:.7}
.hx-r3-filter button:focus-visible,.hx-r3-empty button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.hx-r3-ov{background:var(--ink);padding:clamp(6px,1vw,14px) 0 var(--r3-sec)}
.hx-r3-ov .hx-r3-tile{animation:hxR3In .5s var(--ease) both}
@keyframes hxR3In{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hx-r3-empty{color:rgba(255,255,255,.75);margin:24px 0 0}

/* ---------- Detail: Hero ---------- */
.hx-r3-hero{position:relative;background:var(--ink);color:#fff;margin-top:calc(-1 * var(--hd-h));min-height:clamp(520px,80vh,840px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hx-r3-hero__img,.hx-r3-hero__v{position:absolute;inset:0;z-index:-2}
.hx-r3-hero__img img,.hx-r3-hero__v{width:100%;height:100%;object-fit:cover;display:block}
.hx-r3-hero__img img{object-position:var(--r3-hpos,50% 50%)}
/* Handy + Tablet hochkant: Hochformat-Motiv hero-p.webp (gleiche Media Query wie HERO_P_MQ in refgen3.py), Video aus */
@media (max-width:700px),(max-width:1100px) and (orientation:portrait){
  .hx-r3-hero__img img{object-position:var(--r3-ppos,50% 50%)}
  .hx-r3-hero__v{display:none}
}
/* Signatur-Schriftzug im Hero: darf umbrechen, nach dem Einzeichnen kein clip-path mehr (nie angeschnitten) */
.hx-r3-hero .hx-scrib,.hx-r3-ovhero .hx-scrib{max-width:100%;white-space:normal!important;overflow-wrap:break-word;text-wrap:balance}
.hx-r3-hero .hx-scrib.is-done,.hx-r3-ovhero .hx-scrib.is-done{clip-path:none!important}
.hx-r3-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,0) 26%,rgba(10,10,10,0) 42%,rgba(10,10,10,.82) 100%),linear-gradient(90deg,rgba(10,10,10,.45) 0%,rgba(10,10,10,0) 60%)}
.hx-r3-hero__in{width:100%;padding-top:calc(var(--hd-h) + 32px);padding-bottom:clamp(28px,4vw,60px)}
.hx-r3-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:700 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:clamp(14px,2vw,26px)}
.hx-r3-crumbs a{color:#fff;text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:2px}
.hx-r3-hero .hx-sig__line{color:#fff!important;font-size:clamp(34px,4.6vw,76px)!important;max-width:18ch;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hx-r3-hero__claim{margin:clamp(10px,1.2vw,16px) 0 0;font-size:clamp(17px,1.5vw,23px);line-height:1.4;color:rgba(255,255,255,.88);max-width:46ch}

/* ---------- Detail: Einleitung zweispaltig ---------- */
.hx-r3-intro{background:#fff;padding:var(--r3-sec) 0 clamp(28px,3vw,48px)}
.hx-r3-intro__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start}
.hx-r3-lead{font-size:clamp(20px,1.75vw,28px);line-height:1.5;color:var(--ink);margin:0 0 clamp(20px,2.4vw,32px);font-weight:500;letter-spacing:-.005em}
.hx-r3-cta{display:flex;flex-wrap:wrap;gap:12px}
.hx-r3-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0 0 clamp(22px,2.4vw,30px);padding-top:6px}
.hx-r3-facts dt,.hx-r3-k{font:700 11.5px var(--f-display)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)!important;margin:0 0 6px!important}
.hx-r3-facts dd{margin:0;font-size:16px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.hx-r3-facts a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--lime)}
.hx-r3-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hx-r3-chips a{display:inline-flex;padding:9px 14px;border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font:700 12.5px var(--f-display);letter-spacing:.05em;text-transform:uppercase;transition:background .2s}
.hx-r3-chips a:hover{background:var(--lime)}
.hx-r3-hl{list-style:none;margin:clamp(32px,3.6vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--line)}
.hx-r3-hl li{padding:22px 22px 0 0}
.hx-r3-hl li+li{padding-left:22px;border-left:1px solid var(--line)}
.hx-r3-hl b{display:inline-block;font:800 clamp(26px,2.7vw,42px)/1 var(--f-display);letter-spacing:-.02em;color:var(--ink);background:linear-gradient(transparent 62%,var(--lime) 62%,var(--lime) 92%,transparent 92%)}
.hx-r3-hl span{display:block;margin-top:10px;font-size:15px;line-height:1.45;color:var(--muted)}

/* ---------- Detail: großer Film ---------- */
.hx-r3-film{background:#fff;padding:clamp(8px,1vw,16px) 0 0}
.hx-r3-film__v{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-m);background:var(--ink-2)}
.hx-r3-film__v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hx-r3-film__live{position:absolute;left:clamp(12px,1.6vw,22px);bottom:clamp(12px,1.6vw,22px);display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--ink);font:700 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:12px 16px;border-radius:999px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.hx-r3-film__live:hover{background:#fff}
.hx-r3-film__pp{position:absolute;right:clamp(12px,1.6vw,22px);bottom:clamp(12px,1.6vw,22px);width:46px;height:46px;border-radius:50%;border:0;background:rgba(10,10,10,.72);cursor:pointer;display:grid;place-items:center}
.hx-r3-film__pp span{width:14px;height:16px;border-left:4px solid #fff;border-right:4px solid #fff}
.hx-r3-film__pp.is-paused span{width:0;height:0;border:0;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.hx-r3-film__pp:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* ---------- Detail: Herausforderung / Lösung im Wechsel ---------- */
.hx-r3-stories{background:#fff}
.hx-r3-story{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4.4vw,72px);align-items:center}
.hx-r3-story+.hx-r3-story{margin-top:var(--r3-sec)}
.hx-r3-story.is-rev{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
.hx-r3-story.is-rev .hx-r3-story__img{order:2}
.hx-r3-story.is-solo{grid-template-columns:minmax(0,820px)}
.hx-r3-story__img{margin:0}
.hx-r3-story__img a,.hx-r3-fig a{display:block;overflow:hidden;border-radius:var(--r-m);background:var(--paper);cursor:zoom-in}
.hx-r3-story__img img,.hx-r3-fig img{display:block;width:100%;height:auto;transition:transform .8s var(--ease)}
.hx-r3-story__img a:hover img,.hx-r3-fig a:hover img{transform:scale(1.025)}
:is(.hx-r3-story__img,.hx-r3-fig).is-cut a{background:var(--r3-brand)}
:is(.hx-r3-story__img,.hx-r3-fig).is-cut img{padding:clamp(14px,2.4vw,36px);box-sizing:border-box}
.hx-r3-story__img figcaption,.hx-r3-fig figcaption{margin-top:10px;font:600 14px/1.4 var(--f-display);color:var(--muted)}
.hx-r3-story__txt :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(28px,3vw,46px)!important;font-weight:700!important;letter-spacing:-.015em;line-height:1.08!important;margin:.15em 0 .55em!important}
.hx-r3-story__txt p:not(.hx-eyebrow){font-size:clamp(17px,1.2vw,19px);line-height:1.68;color:var(--ink-2);margin:0 0 1em}
.hx-r3-story__txt p:last-child{margin-bottom:0}

/* ---------- Detail: Seiten-Viewer ---------- */
.hx-r3-pv{background:var(--ink);color:#fff}
.hx-r3-pv .hx-eyebrow{color:rgba(255,255,255,.8)}
.hx-r3-pv :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff}
.hx-r3-pv__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(16px,1.8vw,24px)}
.hx-r3-pv__tabs button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:700 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.hx-r3-pv__tabs button[aria-selected="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.hx-r3-pv__tabs button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.hx-r3-pv__pane{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,22vw,300px);gap:var(--r3-gap);align-items:start}
.hx-r3-pv__pane[hidden]{display:none}
.hx-r3-pv__browser{border-radius:var(--r-m);overflow:hidden;background:#161616}
.hx-r3-pv__bar{height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;color:#cfcfcf;font:13px system-ui,sans-serif}
.hx-r3-pv__bar i{width:10px;height:10px;border-radius:50%;background:#3a3a3a}
.hx-r3-pv__bar span{margin-left:14px;padding:4px 12px;background:#262626;border-radius:6px;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-r3-pv__bar span::before{content:"●";color:var(--lime);margin-right:8px}
.hx-r3-pv__scroll{height:clamp(380px,60vh,640px);overflow-y:auto;overscroll-behavior:contain;background:#fff;scrollbar-width:thin;scrollbar-color:#555 #161616}
.hx-r3-pv__scroll img{display:block;width:100%;height:auto}
.hx-r3-pv__scroll:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.hx-r3-pv__phone{aspect-ratio:390/844;border-radius:clamp(26px,3vw,40px);background:#000;padding:clamp(7px,.8vw,10px);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.hx-r3-pv__phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:clamp(20px,2.4vw,31px);display:block}

/* ---------- Detail: Galerie in bündigen Reihen ---------- */
.hx-r3-gal{background:#fff;padding-top:0}
.hx-r3-row{display:flex;gap:var(--r3-gap);align-items:flex-start}
.hx-r3-row+.hx-r3-row{margin-top:var(--r3-gap)}
.hx-r3-fig{margin:0;flex:var(--ar) 1 0%;min-width:0}
.hx-r3-fig a{aspect-ratio:var(--ar)}
.hx-r3-fig img{height:100%;object-fit:cover}
.hx-r3-fig.is-cut img{object-fit:contain}

/* ---------- Detail: Ergebnis + CTA ---------- */
.hx-r3-res{background:var(--paper)}
.hx-r3-res__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.hx-r3-res__txt :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(28px,3vw,46px)!important;font-weight:700!important;letter-spacing:-.015em;line-height:1.08!important;margin:.15em 0 .5em!important}
.hx-r3-res__txt p:not(.hx-eyebrow){font-size:clamp(17px,1.3vw,20px);line-height:1.65;color:var(--ink-2);margin:0}
.hx-r3-ctabox{background:var(--lime);color:var(--ink);border-radius:var(--r-l);padding:clamp(26px,3.2vw,48px)}
.hx-r3-ctabox :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(26px,2.5vw,40px)!important;font-weight:700!important;line-height:1.08!important;margin:0 0 14px!important;letter-spacing:-.015em}
.hx-r3-ctabox :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) :is(em,.hx-lime){color:rgba(10,10,10,.5)!important}
.hx-r3-page #kontakt,.hx-r3-ovpage #kontakt{padding-block:var(--r3-sec)}
.hx-r3-ctabox p{font-size:clamp(16px,1.2vw,18px);line-height:1.55;margin:0 0 22px;max-width:52ch}
.hx-r3-ctabox .hx-btn--ghost{--b-bg:rgba(10,10,10,.08);--b-fg:var(--ink);--b-bd:transparent}
.hx-r3-ctabox .hx-btn--ghost:hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
.hx-r3-ctabox .hx-btn--ink:hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}

/* ---------- Detail: Andere Projekte ---------- */
.hx-r3-more{background:#fff;padding:var(--r3-sec) 0 clamp(8px,2vw,24px)}
.hx-r3-more__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:clamp(18px,2vw,28px)}
.hx-r3-more__head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(28px,3vw,46px)!important;font-weight:700!important;letter-spacing:-.015em;margin:0!important}
.hx-r3-more__head nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.hx-r3-more__head nav a{font:700 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:3px}
.hx-r3-more__head nav a:hover{border-color:var(--lime)}

/* ---------- Lightbox ---------- */
.hx-r3-lb{position:fixed;inset:0;z-index:300;background:rgba(10,10,10,.94);display:grid;place-items:center;padding:56px 16px}
.hx-r3-lb[hidden]{display:none}
.hx-r3-lb img{max-width:min(1600px,100%);max-height:calc(100vh - 140px);width:auto;height:auto;border-radius:8px}
.hx-r3-lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.hx-r3-lb figcaption{color:rgba(255,255,255,.8);font:600 14px var(--f-display);text-align:center}
.hx-r3-lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font:400 26px/1 system-ui;cursor:pointer;display:grid;place-items:center}
.hx-r3-lb button:hover{background:var(--lime);color:var(--ink)}
.hx-r3-lb button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.hx-r3-lb__x{top:14px;right:14px}
.hx-r3-lb__p{left:14px;top:50%;transform:translateY(-50%)}
.hx-r3-lb__n{right:14px;top:50%;transform:translateY(-50%)}
html.hx-r3-noscroll{overflow:hidden}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .hx-r3-ov .hx-r3-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hx-r3-more .hx-r3-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hx-r3-intro__in,.hx-r3-res__in,.hx-r3-ovhero__in{grid-template-columns:1fr}
  .hx-r3-story,.hx-r3-story.is-rev{grid-template-columns:1fr}
  .hx-r3-story.is-rev .hx-r3-story__img{order:0}
  .hx-r3-pv__pane{grid-template-columns:1fr}
  .hx-r3-pv__phone{display:none}
}
@media (max-width:700px){
  .hx-r3-ov .hx-r3-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx-r3-grid{gap:10px}
  .hx-r3-tile{border-radius:4px}
  .hx-r3-tile__m{padding:12px}
  .hx-r3-tile__m strong{font-size:16px}
  .hx-r3-tile__m span{font-size:12.5px}
  .hx-r3-tile__btn{display:none}
  .hx-r3-hero{min-height:min(150vw,90svh)}
  .hx-r3-hero::after{background:linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,0) 22%,rgba(10,10,10,0) 38%,rgba(10,10,10,.88) 100%)}
  .hx-r3-row{flex-direction:column}
  .hx-r3-fig{flex:none;width:100%}
  .hx-r3-facts{grid-template-columns:1fr 1fr;gap:14px 18px}
  .hx-r3-hl{grid-template-columns:1fr 1fr}
  .hx-r3-hl li,.hx-r3-hl li+li{padding:16px 12px 0 0;border-left:0}
  .hx-r3-hl li:nth-child(2n){padding-left:14px;border-left:1px solid var(--line)}
  .hx-r3-film__v{aspect-ratio:16/11;border-radius:var(--r-s)}
  .hx-r3-film__live{font-size:11.5px;padding:10px 12px}
  .hx-r3-pv__scroll{height:62vh}
  .hx-r3-filter{gap:6px;flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scrollbar-width:none;padding-bottom:4px}
  .hx-r3-filter::-webkit-scrollbar{display:none}
  .hx-r3-filter button{flex:none;min-height:40px;padding:0 14px;font-size:12px}
  .hx-r3-more__head nav a:not([href="/arbeiten.html"]){display:none}
}
@media (prefers-reduced-motion:reduce){.hx-r3-tile img,.hx-r3-tile::after,.hx-r3-tile__btn,.hx-r3-story__img img,.hx-r3-fig img{transition:none}.hx-r3-ov .hx-r3-tile{animation:none}}
.hx-r3-pv__pane.is-solo{grid-template-columns:1fr}
.hx-r3-film__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.2888fr);gap:var(--r3-gap);align-items:start}
.hx-r3-film__phone{aspect-ratio:390/844;border-radius:clamp(22px,2.6vw,38px);background:#0b0b0b;padding:clamp(6px,.7vw,10px)}
.hx-r3-film__phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:clamp(17px,2vw,29px)}
@media (max-width:700px){.hx-r3-film__grid{grid-template-columns:1fr}.hx-r3-film__phone{display:none}}

/* Abstand Signatur ↔ Headline (Kundenwunsch: nicht so dicht) · Übersicht: Signatur einzeilig ab Desktop */
.hx-r3-ovhero .hx-sig__line,.hx-r3-hero .hx-sig__line{margin-top:0!important;line-height:1.02!important}
@media (min-width:900px){.hx-r3-ovhero__in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}

/*! svc3.css — Agentur-, Kompetenz-, Leistungs-, Karriere- und Kontaktseiten (www.hype-media.de) · Präfix .hx-s3- */
.hx-s3-page{--s3-r:20px;--s3-r-s:14px;--s3-sec:clamp(56px,6.2vw,100px);--s3-ease:cubic-bezier(.2,.7,.2,1)}
.hx-s3-page main :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))){hyphens:manual;-webkit-hyphens:manual}
.hx-s3-mono{display:inline-block;font:500 11.5px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hx-dark .hx-s3-mono{color:rgba(255,255,255,.55)}
.hx-s3-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hx-s3-btns--c{justify-content:center;margin-top:clamp(32px,3.4vw,48px)}

/* ---------- Abschnitte ---------- */
.hx-s3-sec{padding-block:var(--s3-sec)}
.hx-s3-sec--first{padding-top:clamp(32px,3.4vw,52px)}
.hx-s3-sec--dark+.hx-s3-sec--dark{padding-top:0}

/* ---------- Hero ---------- */
.hx-s3-hero{--sig:clamp(30px,3.3vw,54px);padding:calc(var(--hd-h) + clamp(28px,3.6vw,60px)) 0 clamp(36px,3.8vw,56px)}
.hx-s3-hero::before{display:none!important}
.hx-s3-hero__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4.4vw,80px);align-items:center}
.hx-s3-hero__in--solo{grid-template-columns:minmax(0,1fr);max-width:980px}
.hx-s3-crumbs{justify-content:flex-start!important;color:rgba(255,255,255,.55)!important;margin:0 0 20px!important;font-size:11px!important}
.hx-s3-crumbs a{color:rgba(255,255,255,.75)!important}.hx-s3-crumbs a:hover{color:#fff!important}
.hx-s3-hero .hx-eyebrow{margin-bottom:clamp(14px,1.6vw,22px)!important}
.hx-s3-hero h1.hx-sig__line{max-width:none!important;white-space:normal!important;margin:0!important;color:#fff!important;text-wrap:balance}
.hx-s3-hero .hx-scrib{text-align:left!important;transform-origin:left center;margin:0 0 .08em!important}
.hx-s3-hero__lead{margin-top:clamp(18px,2vw,28px)}
.hx-s3-hero__lead p{font-size:clamp(16.5px,1.25vw,19px);line-height:1.6;color:rgba(255,255,255,.78);max-width:60ch;margin:0 0 .7em}
.hx-s3-hero__lead p:last-child{margin-bottom:0}
.hx-s3-hero__lead strong{color:#fff;font-weight:600}
.hx-s3-hero .hx-s3-btns{margin-top:clamp(22px,2.4vw,32px)}
.hx-s3-vis{margin:0;position:relative}
.hx-s3-vis--img img,.hx-s3-vis--video video{width:100%;height:auto;aspect-ratio:1/1.08;max-height:min(70vh,620px);object-fit:cover;border-radius:var(--s3-r);display:block;background:#1b1b1b}
.hx-s3-vis--mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hx-s3-vis--mosaic img{width:100%;height:auto;aspect-ratio:4/4.6;object-fit:cover;border-radius:var(--s3-r-s);background:#1b1b1b}
.hx-s3-vis--mosaic img:nth-child(even){transform:translateY(28px)}
.hx-s3-vis--card img{width:100%;height:auto;border-radius:var(--s3-r);box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.hx-s3-vis--browser figcaption{margin-top:14px;font-size:14px}
.hx-s3-vis--browser figcaption a{color:rgba(255,255,255,.75);text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.hx-s3-vis--browser figcaption a:hover{color:#fff}
.hx-s3-browser{border-radius:var(--s3-r-s);overflow:hidden;background:#fff;box-shadow:0 50px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.hx-s3-browser__bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#efefeb}
.hx-s3-browser__bar i{width:8px;height:8px;border-radius:50%;background:#cfcfca}
.hx-s3-browser__bar span{flex:1;max-width:260px;margin-left:12px;height:18px;border-radius:9px;background:#fff;font:500 10.5px/18px var(--f-text);color:#77776f;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-s3-browser img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.hx-s3-hero__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(36px,4vw,56px) 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.hx-s3-hero__facts>div{padding-right:20px}
.hx-s3-hero__facts>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}
.hx-s3-hero__facts dt{font:500 clamp(34px,3.4vw,52px)/1 var(--f-text);letter-spacing:-.04em;color:#fff;margin:0 0 8px}
.hx-s3-hero__facts dt em{font-style:normal;color:var(--lime)}
.hx-s3-hero__facts dd{margin:0;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.66)}
.hx-s3-jump{margin-top:clamp(32px,3.6vw,52px);padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.hx-s3-jump ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.hx-s3-jump :is(a,span){display:inline-flex;align-items:center;min-height:38px;padding:7px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:14px;color:rgba(255,255,255,.82);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.hx-s3-jump a:hover,.hx-s3-jump a:focus-visible{background:var(--lime);border-color:var(--lime);color:var(--ink)}
@media (max-width:980px){
  .hx-s3-hero__in{grid-template-columns:1fr}
  .hx-s3-vis--img img,.hx-s3-vis--video video{aspect-ratio:16/11;max-height:none}
  .hx-s3-vis--mosaic{grid-template-columns:repeat(4,1fr);gap:8px}
  .hx-s3-vis--mosaic img:nth-child(even){transform:none}
  .hx-s3-hero__facts{grid-template-columns:1fr 1fr;row-gap:22px}
  .hx-s3-hero__facts>div:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:560px){.hx-s3-vis--mosaic{grid-template-columns:1fr 1fr}.hx-s3-jump :is(a,span){font-size:13px;min-height:36px;padding:6px 12px}}

/* ---------- Kopf links/rechts ---------- */
.hx-s3-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(18px,4vw,72px);align-items:end;margin-bottom:clamp(30px,3.4vw,52px)}
.hx-s3-head--solo{grid-template-columns:1fr}
.hx-s3-head .hx-eyebrow{justify-content:flex-start}
.hx-s3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-s3-faqhead :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-s3-proc__h :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-s3-two :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0!important;font-size:clamp(32px,3.7vw,58px)!important;max-width:20ch}
.hx-s3-head p{margin:0 0 .7em;color:var(--muted);font-size:clamp(16.5px,1.2vw,18.5px);line-height:1.6;max-width:54ch}
.hx-s3-head p:last-child{margin-bottom:0}
.hx-dark .hx-s3-head p{color:rgba(255,255,255,.7)}
.hx-s3-head--c{display:block;text-align:center;max-width:860px;margin-inline:auto}
.hx-s3-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:18px 0 0;padding:0}
.hx-s3-tags li{font-size:13px;padding:5px 11px;border-radius:999px;background:rgba(10,10,10,.06);color:var(--ink)}
.hx-dark .hx-s3-tags li{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:860px){.hx-s3-head{grid-template-columns:1fr;align-items:start}}

/* ---------- Raster & Karten ---------- */
.hx-s3-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-s3-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hx-s3-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hx-s3-grid+.hx-s3-grid,.hx-s3-grid+.hx-s3-steps{margin-top:var(--gap)}
@media (max-width:1080px){.hx-s3-grid--4,.hx-s3-grid--3,.hx-s3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hx-s3-grid,.hx-s3-grid--2,.hx-s3-grid--4{grid-template-columns:1fr}}
.hx-s3-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:clamp(22px,2.2vw,30px);border-radius:var(--s3-r);background:var(--paper);color:var(--ink);text-decoration:none;transition:transform .45s var(--s3-ease),box-shadow .35s}
.hx-paper .hx-s3-card{background:#fff}
.hx-dark .hx-s3-card{background:var(--ink-3);color:#fff}
.hx-s3-card :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:2px 0 0!important;font:600 clamp(18.5px,1.45vw,22px)/1.22 var(--f-text)!important;letter-spacing:-.02em!important;text-transform:none!important}
.hx-s3-card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.58}
.hx-dark .hx-s3-card p{color:rgba(255,255,255,.66)}
.hx-s3-card .hx-s3-btns{margin-top:auto;padding-top:8px}
.hx-s3-ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);flex:none;transition:background .3s,transform .45s var(--s3-ease)}
.hx-paper .hx-s3-ico{background:var(--paper)}
.hx-dark .hx-s3-ico{background:rgba(255,255,255,.08);color:var(--lime)}
.hx-s3-ico svg{width:22px;height:22px}
.hx-s3-card:hover .hx-s3-ico{background:var(--lime);color:var(--ink);transform:rotate(-8deg)}
.hx-s3-chip{align-self:flex-start;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--lime);color:var(--ink)}
.hx-s3-card--prom.is-accent{background:var(--ink);color:#fff}.hx-s3-card--prom.is-accent p{color:rgba(255,255,255,.7)}.hx-s3-card--prom.is-accent .hx-s3-ico{background:var(--lime)}
.hx-s3-card--prom.is-lime{background:var(--lime)}.hx-s3-card--prom.is-lime p{color:rgba(10,10,10,.72)}
.hx-s3-card--prom.is-lime .hx-btn--lime{--b-bg:var(--ink)!important;--b-fg:#fff!important;--b-bd:var(--ink)!important}
.hx-s3-card--prom.is-lime .hx-btn--ghost{--b-bg:rgba(10,10,10,.08)!important;--b-fg:var(--ink)!important}
.hx-s3-card--mod .hx-s3-mono{color:var(--muted)}
.hx-s3-card--mod.is-accent{background:var(--ink);color:#fff}
.hx-s3-card--mod.is-accent p{color:rgba(255,255,255,.7)}
.hx-s3-card--mod.is-accent .hx-s3-mono{color:var(--lime)}
.hx-dark .hx-s3-card--mod .hx-s3-mono{color:var(--lime)}
.hx-s3-card.is-link{padding-bottom:clamp(64px,5.6vw,76px)}
.hx-s3-card.is-link:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px var(--ink)}
.hx-dark .hx-s3-card.is-link:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.hx-s3-more{margin-top:auto;padding-top:6px;font:600 14.5px/1.4 var(--f-text);color:inherit;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.hx-s3-card.is-link .hx-s3-more{position:absolute;left:clamp(22px,2.2vw,30px);bottom:clamp(22px,2.2vw,28px);right:20px}
.hx-s3-go{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;transition:background .3s,transform .4s var(--s3-ease)}
.hx-s3-go::after{content:"";width:9px;height:9px;border-top:1.6px solid var(--ink);border-right:1.6px solid var(--ink);transform:translate(-1px,1px)}
.hx-paper .hx-s3-go{background:var(--paper)}
.hx-dark .hx-s3-go{background:rgba(255,255,255,.1)}.hx-dark .hx-s3-go::after{border-color:#fff}
.hx-s3-card.is-link .hx-s3-go{position:absolute;right:clamp(18px,2vw,26px);bottom:clamp(18px,2vw,24px)}
.hx-s3-card.is-link:hover .hx-s3-go,.hx-s3-chain__a:hover .hx-s3-go,.hx-s3-rc:hover .hx-s3-go{background:var(--lime);transform:rotate(-45deg)}
.hx-s3-card.is-link:hover .hx-s3-go::after,.hx-s3-chain__a:hover .hx-s3-go::after,.hx-s3-rc:hover .hx-s3-go::after{border-color:var(--ink)}
.hx-s3-card--cta{background:var(--lime)!important;color:var(--ink)!important}
.hx-s3-card--cta p{color:rgba(10,10,10,.72)!important}
.hx-s3-card--cta:hover{transform:translateY(-4px)}
.hx-s3-card--use .hx-s3-ico{margin-bottom:4px}

/* ---------- Phasen ---------- */
.hx-s3-phase{display:flex;flex-direction:column;gap:6px;padding:clamp(22px,2.2vw,30px);border-radius:var(--s3-r);background:var(--paper);min-width:0}
.hx-paper .hx-s3-phase{background:#fff}
.hx-dark .hx-s3-phase{background:var(--ink-3)}
.hx-s3-phase__top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.hx-s3-phase__top i{flex:1;height:1px;background:var(--line)}
.hx-dark .hx-s3-phase__top i{background:rgba(255,255,255,.14)}
.hx-s3-phase :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0!important;font:600 clamp(22px,1.9vw,28px)/1.15 var(--f-text)!important;letter-spacing:-.03em!important}
.hx-s3-phase__sub{margin:0 0 12px;color:var(--muted);font-size:15px}
.hx-dark .hx-s3-phase__sub{color:rgba(255,255,255,.6)}
.hx-s3-phase.is-hl{background:var(--ink);color:#fff}
.hx-s3-phase.is-hl .hx-s3-mono{color:var(--lime)}
.hx-s3-phase.is-hl .hx-s3-phase__sub{color:rgba(255,255,255,.65)}
.hx-s3-phase.is-hl .hx-s3-phase__top i{background:rgba(255,255,255,.2)}
.hx-dark .hx-s3-phase.is-hl{background:var(--lime);color:var(--ink)}
.hx-dark .hx-s3-phase.is-hl :is(.hx-s3-mono,.hx-s3-phase__sub){color:rgba(10,10,10,.7)}
.hx-dark .hx-s3-phase.is-hl .hx-s3-phase__top i{background:rgba(10,10,10,.2)}
.hx-s3-phase p{margin:0;font-size:15.5px;color:var(--muted)}

/* ---------- Häkchenlisten ---------- */
.hx-s3-check{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hx-s3-check li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:15.5px;line-height:1.45}
.hx-s3-check li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23D0FF00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
:is(.hx-dark,.hx-s3-phase.is-hl,.hx-s3-cmp__col:nth-child(2)) .hx-s3-check li::before{background-color:var(--lime);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.2 2.2 4.8-4.8' fill='none' stroke='%230A0A0A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.hx-dark .hx-s3-phase.is-hl .hx-s3-check li::before{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23D0FF00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.hx-s3-check.is-dot li::before{background:transparent;width:8px;height:8px;margin:8px 5px 0;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--muted)}
.hx-s3-check--row{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px}

/* ---------- Ablauf ---------- */
.hx-s3-proc{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,96px);align-items:start}
.hx-s3-proc__h{position:sticky;top:calc(var(--hd-h) + 32px)}
.hx-s3-proc__h .hx-eyebrow{justify-content:flex-start}
.hx-s3-proc__h p{color:var(--muted);font-size:clamp(16.5px,1.2vw,18.5px);margin:18px 0 0;max-width:46ch}
.hx-dark .hx-s3-proc__h p{color:rgba(255,255,255,.7)}
.hx-s3-steps{position:relative;list-style:none;margin:0;padding:0}
.hx-s3-steps__line{position:absolute;left:25px;top:26px;bottom:26px;width:2px;background:var(--line);border-radius:2px;overflow:hidden}
.hx-dark .hx-s3-steps__line{background:rgba(255,255,255,.14)}
.hx-s3-steps__line i{position:absolute;inset:0;background:var(--ink);transform-origin:top;transform:scaleY(var(--fill,0))}
.hx-dark .hx-s3-steps__line i{background:var(--lime)}
.hx-s3-step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:22px;padding:0 0 clamp(28px,3vw,44px)}
.hx-s3-step:last-child{padding-bottom:0}
.hx-s3-step__n{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:500 14px var(--f-text);color:var(--muted);transition:background .4s,color .4s,box-shadow .4s}
.hx-paper .hx-s3-step__n{background:var(--paper)}
.hx-dark .hx-s3-step__n{background:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2);color:rgba(255,255,255,.7)}
.hx-s3-step.is-on .hx-s3-step__n{background:var(--lime);color:var(--ink);box-shadow:none}
.hx-s3-step>div{padding-top:10px}
.hx-s3-step :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 8px!important;font:600 clamp(20px,1.7vw,25px)/1.2 var(--f-text)!important;letter-spacing:-.025em!important}
.hx-s3-step p{margin:0 0 12px;color:var(--muted);font-size:16px;max-width:60ch}
.hx-dark .hx-s3-step p{color:rgba(255,255,255,.68)}
.hx-s3-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.hx-s3-chips li{font-size:13px;padding:5px 11px;border-radius:999px;background:var(--paper);color:var(--ink)}
.hx-paper .hx-s3-chips li{background:#fff}
.hx-dark .hx-s3-chips li{background:rgba(255,255,255,.08);color:#fff}
@media (max-width:980px){.hx-s3-proc{grid-template-columns:1fr}.hx-s3-proc__h{position:static}}
@media (max-width:600px){.hx-s3-step{grid-template-columns:42px 1fr;gap:14px}.hx-s3-step__n{width:42px;height:42px;font-size:13px}.hx-s3-steps__line{left:20px;top:21px}.hx-s3-step>div{padding-top:6px}}

/* ---------- Nutzen ---------- */
.hx-s3-ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--gap);list-style:none;margin:0;padding:0}
.hx-s3-ben li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:18px 0;border-top:1px solid var(--line)}
.hx-dark .hx-s3-ben li{border-color:rgba(255,255,255,.14)}
.hx-s3-ben .hx-s3-mono{padding-top:4px;color:var(--ink);font-weight:600}
.hx-dark .hx-s3-ben .hx-s3-mono{color:var(--lime)}
.hx-s3-ben p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.hx-s3-ben p strong{display:block;color:var(--ink);font-weight:600;font-size:17px}
.hx-s3-ben p strong+br{display:none}
@media (max-width:980px){.hx-s3-ben{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hx-s3-ben{grid-template-columns:1fr}}

/* ---------- Vergleich ---------- */
.hx-s3-cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.hx-s3-cmp__col{padding:clamp(24px,2.6vw,38px);border-radius:var(--s3-r);background:var(--paper)}
.hx-paper .hx-s3-cmp__col{background:#fff}
.hx-s3-cmp__col:nth-child(2){background:var(--ink);color:#fff}
.hx-s3-cmp__col :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 20px!important;font:600 clamp(19px,1.6vw,24px)/1.25 var(--f-text)!important;letter-spacing:-.02em!important}
.hx-s3-cmp__col:nth-child(2) :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){color:#fff}
.hx-s3-cmp__col:nth-child(2) .hx-s3-facts dd{color:rgba(255,255,255,.8)}
.hx-s3-cmp__col:nth-child(2) .hx-s3-facts dt{color:var(--lime)}
.hx-s3-cmp__col:nth-child(2) .hx-s3-facts>div{border-color:rgba(255,255,255,.14)}
@media (max-width:860px){.hx-s3-cmp{grid-template-columns:1fr}}

/* ---------- Faktenlisten ---------- */
.hx-s3-facts{display:grid;margin:0;padding:0}
.hx-s3-facts>div{display:grid;grid-template-columns:minmax(120px,.36fr) 1fr;gap:6px 24px;padding:14px 0;border-top:1px solid var(--line)}
.hx-dark .hx-s3-facts>div{border-color:rgba(255,255,255,.14)}
.hx-s3-facts dt{font:500 11.5px/1.5 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding-top:3px}
.hx-dark .hx-s3-facts dt{color:var(--lime)}
.hx-s3-facts dd{margin:0;font-size:15.5px;line-height:1.55;color:var(--muted)}
.hx-dark .hx-s3-facts dd{color:rgba(255,255,255,.75)}
.hx-s3-facts dd strong{color:inherit;font-weight:600}
.hx-s3-facts--tight>div{padding:10px 0;grid-template-columns:minmax(110px,.42fr) 1fr}
.hx-s3-sec>.hx-wrap>.hx-s3-facts{max-width:1040px}
@media (max-width:600px){.hx-s3-facts>div,.hx-s3-facts--tight>div{grid-template-columns:1fr;gap:2px}}

/* ---------- Werkzeuge ---------- */
.hx-s3-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.hx-s3-tools li{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:var(--s3-r-s);background:var(--paper)}
.hx-paper .hx-s3-tools li{background:#fff}
.hx-s3-tools strong{font-weight:600;font-size:16px;letter-spacing:-.01em}
.hx-s3-tools span{font-size:13.5px;color:var(--muted)}
@media (max-width:980px){.hx-s3-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- FAQ ---------- */
.hx-s3-faqwrap{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,88px);align-items:start}
.hx-s3-faqhead{position:sticky;top:calc(var(--hd-h) + 32px)}
.hx-s3-faqhead .hx-eyebrow{justify-content:flex-start}
.hx-s3-faqhead p{color:var(--muted);font-size:clamp(16.5px,1.2vw,18px);margin:18px 0 0;max-width:42ch}
.hx-s3-faqhead .hx-btn{margin-top:24px}
.hx-s3-faq.hx-faq{max-width:none;margin:0}
.hx-s3-faq summary{font-family:var(--f-text)!important;font-weight:600!important;letter-spacing:-.015em}
.hx-s3-faq details>div p:last-child{margin-bottom:0}
@media (max-width:980px){.hx-s3-faqwrap{grid-template-columns:1fr}.hx-s3-faqhead{position:static}}

/* ---------- Bänder ---------- */
.hx-s3-strip{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-top:clamp(36px,4vw,60px);padding:clamp(22px,2.6vw,34px) clamp(22px,3vw,40px);border-radius:var(--s3-r);background:var(--lime);color:var(--ink)}
.hx-s3-strip__t{flex:1 1 420px;min-width:0}
.hx-s3-strip .hx-s3-mono{color:rgba(10,10,10,.6)}
.hx-s3-strip :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:6px 0 4px!important;font:500 clamp(20px,1.9vw,27px)/1.2 var(--f-text)!important;letter-spacing:-.025em!important}
.hx-s3-strip p{margin:0;font-size:15.5px;color:rgba(10,10,10,.72);max-width:62ch}
.hx-s3-strip .hx-s3-btns{margin:0}
.hx-s3-strip .hx-btn--ghost{--b-bg:rgba(10,10,10,.08)!important;--b-fg:var(--ink)!important;--b-bd:transparent!important}
.hx-s3-strip .hx-btn--ghost:hover{--b-bg:#fff!important;--b-fg:var(--ink)!important}
.hx-s3-strip .hx-btn--ink:hover{--b-bg:#fff!important;--b-fg:var(--ink)!important;--b-bd:#fff!important}
.hx-s3-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:0;margin-top:clamp(36px,4vw,60px);border-radius:var(--s3-r);background:var(--ink);color:#fff;overflow:hidden}
.hx-dark .hx-s3-split{background:var(--ink-3)}
.hx-s3-split__b{padding:clamp(26px,3.2vw,48px)}
.hx-s3-split .hx-eyebrow{color:#fff;justify-content:flex-start}
.hx-s3-split :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 12px!important;font:500 clamp(26px,2.8vw,42px)/1.08 var(--f-text)!important;letter-spacing:-.04em!important;color:#fff;max-width:22ch}
.hx-s3-split :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{font-style:normal;color:var(--lime);background:none}
.hx-s3-split p{color:rgba(255,255,255,.72);margin:0;font-size:16.5px;max-width:56ch}
.hx-s3-split__f{display:grid;align-content:center;gap:0;padding:clamp(22px,2.6vw,40px);border-left:1px solid rgba(255,255,255,.12)}
.hx-s3-split__f div{padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}
.hx-s3-split__f div:first-child{border-top:0}
.hx-s3-split__f b{display:block;font:500 clamp(30px,3vw,46px)/1 var(--f-text);letter-spacing:-.04em;color:var(--lime)}
.hx-s3-split__f span{display:block;margin-top:6px;font-size:14px;color:rgba(255,255,255,.66)}
@media (max-width:860px){.hx-s3-split{grid-template-columns:1fr}.hx-s3-split__f{border-left:0;border-top:1px solid rgba(255,255,255,.12);grid-template-columns:1fr 1fr;gap:16px}.hx-s3-split__f div{border-top:0;padding:0}}
.hx-s3-quote{margin:clamp(36px,4vw,60px) 0 0;padding:clamp(26px,3vw,44px) 0 0;border-top:1px solid var(--line)}
.hx-dark .hx-s3-quote{border-color:rgba(255,255,255,.14)}
.hx-s3-quote blockquote{margin:0}
.hx-s3-quote blockquote p{margin:0;font:400 clamp(26px,3.1vw,48px)/1.12 var(--f-text);letter-spacing:-.035em;max-width:30ch;text-wrap:balance}
.hx-s3-quote blockquote p em{font-style:normal;color:var(--muted)}
.hx-dark .hx-s3-quote blockquote p em{color:var(--lime)}
.hx-s3-quote figcaption{margin-top:16px}
.hx-s3-quote .hx-s3-btns{margin-top:20px}

/* ---------- Abschluss (Signatur) ---------- */
.hx-s3-close{--sig:clamp(30px,3.4vw,56px)}
.hx-s3-close .hx-s3-quote{margin:0 0 clamp(36px,4vw,60px);padding:0 0 clamp(28px,3vw,44px);border-top:0;border-bottom:1px solid rgba(255,255,255,.14)}
.hx-s3-close__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4.4vw,80px);align-items:center}
.hx-s3-close .hx-scrib{text-align:left!important;transform-origin:left center;margin:0 0 .06em!important}
.hx-s3-close :is(h2:where(:not([data-hl])),:where([data-hl="h2"])).hx-sig__line{white-space:normal!important;color:#fff!important;max-width:18ch}
.hx-s3-close__t>p{color:rgba(255,255,255,.72);font-size:clamp(16.5px,1.2vw,18.5px);margin:18px 0 0;max-width:54ch}
.hx-s3-close__c{padding:clamp(22px,2.4vw,32px);border-radius:var(--s3-r);background:var(--ink-3)}
.hx-s3-person{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12)}
.hx-s3-person img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top}
.hx-s3-person small{display:block;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.hx-s3-person b{display:block;font:600 19px var(--f-text);letter-spacing:-.02em}
.hx-s3-locs{display:grid;gap:0}
.hx-s3-loc{display:block;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}
.hx-s3-loc:first-child{border-top:0}
.hx-s3-loc small{display:block;font-size:13.5px;color:rgba(255,255,255,.6)}
.hx-s3-loc small span{color:inherit}
.hx-s3-loc strong{display:block;font:500 clamp(22px,2vw,28px)/1.2 var(--f-text);letter-spacing:-.02em}
.hx-s3-loc:hover strong{color:var(--lime)}
@media (max-width:900px){.hx-s3-close__in{grid-template-columns:1fr}}

/* ---------- Auf einen Blick ---------- */
.hx-s3-glance{max-width:980px;margin:0 auto clamp(44px,5vw,76px);padding:clamp(20px,2.2vw,28px) clamp(22px,2.6vw,34px);border-radius:var(--s3-r);background:var(--paper);font-size:16.5px;color:var(--muted)}
.hx-paper .hx-s3-glance{background:#fff}
.hx-s3-glance .hx-s3-mono{display:block;color:var(--ink);margin-bottom:10px}
.hx-s3-glance p{margin:0;line-height:1.65}
.hx-s3-glance strong,.hx-s3-glance b{color:var(--ink);font-weight:600}

/* ---------- Fließtext / Zwischenköpfe ---------- */
.hx-s3-prose{max-width:76ch;margin-top:clamp(28px,3vw,44px);color:var(--muted);font-size:17px}
.hx-s3-prose:first-child{margin-top:0}
.hx-s3-prose p{margin:0 0 1em}.hx-s3-prose p:last-child{margin-bottom:0}
.hx-s3-prose strong{color:var(--ink);font-weight:600}
.hx-dark .hx-s3-prose{color:rgba(255,255,255,.72)}.hx-dark .hx-s3-prose strong{color:#fff}
.hx-s3-prose--wide{max-width:none;column-count:2;column-gap:clamp(28px,4vw,64px)}
.hx-s3-prose--wide p{break-inside:avoid}
@media (max-width:900px){.hx-s3-prose--wide{column-count:1}}
.hx-s3-subh{margin:clamp(44px,5vw,72px) 0 12px!important;font:500 clamp(24px,2.4vw,36px)/1.12 var(--f-text)!important;letter-spacing:-.035em!important}
.hx-s3-subp{margin:0 0 clamp(24px,2.6vw,36px);max-width:68ch;color:var(--muted);font-size:17px}
.hx-dark .hx-s3-subp{color:rgba(255,255,255,.7)}
.hx-s3-cap{margin:16px 0 0;font-size:14px;color:var(--muted)}

/* ---------- Kompetenzen: Schwerpunkte & Ketten ---------- */
.hx-s3-focusgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.hx-s3-focus{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,2.8vw,40px);border-radius:var(--s3-r);text-decoration:none;color:var(--ink);background:var(--paper);transition:transform .45s var(--s3-ease)}
.hx-s3-focus:hover{transform:translateY(-4px)}
.hx-s3-focus--ink{background:var(--ink);color:#fff}
.hx-s3-focus--lime{background:var(--lime)}
.hx-paper .hx-s3-focus--paper{background:#fff}
.hx-s3-focus .hx-s3-tags{margin:0}
.hx-s3-focus--ink .hx-s3-mono{color:var(--lime)}
.hx-s3-focus--ink .hx-s3-tags li{background:rgba(255,255,255,.1);color:#fff}
.hx-s3-focus--lime .hx-s3-mono{color:rgba(10,10,10,.6)}
.hx-s3-focus--lime .hx-s3-tags li{background:rgba(10,10,10,.1)}
.hx-s3-focus :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:auto 0 0!important;padding-top:clamp(18px,2.4vw,36px);font:500 clamp(22px,2vw,30px)/1.1 var(--f-text)!important;letter-spacing:-.035em!important;max-width:18ch}
.hx-s3-focus p{margin:0;color:var(--muted);font-size:16px;max-width:52ch}
.hx-s3-focus--ink p{color:rgba(255,255,255,.7)}
.hx-s3-focus--lime p{color:rgba(10,10,10,.72)}
.hx-s3-focus .hx-s3-more{margin-top:8px}
.hx-s3-focus--lime .hx-s3-more{text-decoration-color:var(--ink)}
@media (max-width:980px){.hx-s3-focusgrid{grid-template-columns:1fr}}
.hx-s3-deep{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4.4vw,80px);align-items:start}
.hx-s3-deep__side{position:sticky;top:calc(var(--hd-h) + 32px)}
.hx-s3-deep__side .hx-eyebrow{justify-content:flex-start}
.hx-s3-deep__h{margin:0 0 16px!important;font:500 clamp(24px,2.3vw,34px)/1.12 var(--f-text)!important;letter-spacing:-.035em!important}
.hx-s3-deep__side p{color:var(--muted);font-size:16.5px}
.hx-s3-chain{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.hx-s3-chain__a{display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:center;padding:18px 12px 18px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .25s,padding .3s var(--s3-ease)}
.hx-s3-chain__a:hover{background:var(--paper);padding-left:12px}
.hx-paper .hx-s3-chain__a:hover{background:#fff}
.hx-s3-chain__a strong{display:block;font:600 clamp(17px,1.35vw,20px)/1.3 var(--f-text);letter-spacing:-.02em}
.hx-s3-chain__a small{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.hx-s3-chain__a .hx-s3-mono{white-space:nowrap}
.hx-s3-chain__a.is-hl .hx-s3-mono{color:var(--ink);background:var(--lime);padding:3px 8px;border-radius:999px;justify-self:start}
@media (max-width:980px){.hx-s3-deep{grid-template-columns:1fr}.hx-s3-deep__side{position:static}}
@media (max-width:560px){.hx-s3-chain__a{grid-template-columns:1fr auto}.hx-s3-chain__a .hx-s3-mono{grid-column:1/-1}}

/* ---------- Corporate Fashion ---------- */
.hx-s3-subnav{background:var(--paper);border-block:1px solid var(--line)}
.hx-s3-subnav__in{display:flex;align-items:center;gap:14px 20px;padding-block:14px;flex-wrap:wrap}
.hx-s3-subnav ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;flex:1}
.hx-s3-subnav ul a{display:inline-flex;padding:6px 12px;border-radius:999px;background:#fff;font-size:13.5px;text-decoration:none;color:var(--ink);transition:background .2s}
.hx-s3-subnav ul a:hover{background:var(--lime)}
.hx-s3-subnav .hx-btn{flex:none}
.hx-s3-duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin:clamp(28px,3vw,44px) 0}
.hx-s3-duo figure{margin:0}
.hx-s3-duo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--s3-r)}
@media (max-width:640px){.hx-s3-duo{grid-template-columns:1fr}}
.hx-s3-spec{display:flex;flex-direction:column;gap:10px;padding:clamp(24px,2.6vw,36px);border-radius:var(--s3-r);background:var(--paper);scroll-margin-top:calc(var(--hd-h) + 20px)}
.hx-paper .hx-s3-spec{background:#fff}
.hx-s3-spec :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0!important;font:600 clamp(21px,1.8vw,26px)/1.2 var(--f-text)!important;letter-spacing:-.025em!important}
.hx-s3-spec>p{margin:0 0 6px;color:var(--muted);font-size:16px}
.hx-s3-grid--spec{align-items:stretch}
.hx-s3-film{margin:0 0 var(--gap)}
.hx-s3-film video{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:var(--s3-r);background:#1b1b1b}
.hx-s3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.hx-s3-stats>div{padding:6px clamp(14px,2vw,28px) 6px 0}
.hx-s3-stats>div+div{padding-left:clamp(14px,2vw,28px);border-left:1px solid rgba(255,255,255,.14)}
.hx-s3-stats b{display:block;font:500 clamp(46px,5.4vw,88px)/1 var(--f-text);letter-spacing:-.05em;color:#fff}
.hx-s3-stats b span{color:var(--lime);font-weight:inherit}
.hx-s3-stats .is-hl b{color:var(--lime)}
.hx-s3-stats>div>span{display:block;margin-top:10px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.7)}
.hx-s3-stats--txt b{font-size:clamp(44px,4.6vw,72px);color:var(--lime)}
.hx-s3-stats--txt p{margin:14px 0 0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.62)}
@media (max-width:900px){.hx-s3-stats{grid-template-columns:1fr 1fr;row-gap:28px}.hx-s3-stats>div:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:480px){.hx-s3-stats--txt{grid-template-columns:1fr}.hx-s3-stats--txt>div+div{border-left:0;padding-left:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}}
.hx-s3-branch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.hx-s3-branch li{padding:clamp(20px,2vw,26px);border-radius:var(--s3-r);background:var(--paper)}
.hx-paper .hx-s3-branch li{background:#fff}
.hx-s3-branch li.is-accent{background:var(--lime)}
.hx-s3-branch :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 8px!important;font:600 18px/1.25 var(--f-text)!important;letter-spacing:-.02em!important}
.hx-s3-branch p{margin:0;font-size:15px;color:var(--muted)}
.hx-s3-branch li.is-accent p{color:rgba(10,10,10,.72)}
@media (max-width:1080px){.hx-s3-branch{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.hx-s3-branch{grid-template-columns:1fr}}
.hx-s3-note{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-top:clamp(28px,3vw,44px);padding:clamp(22px,2.6vw,34px) clamp(22px,3vw,40px);border-radius:var(--s3-r);background:var(--ink);color:#fff}
.hx-s3-note>div:first-child{flex:1 1 420px}
.hx-s3-note :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 6px!important;font:500 clamp(20px,1.9vw,26px)/1.2 var(--f-text)!important;letter-spacing:-.025em!important;color:#fff}
.hx-s3-note p{margin:0;color:rgba(255,255,255,.7);font-size:15.5px}
.hx-s3-note .hx-s3-btns{margin:0}
.hx-s3-brands{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 8px;padding:0}
.hx-s3-brands li{padding:10px 16px;border-radius:999px;background:var(--paper);font-weight:600;font-size:15px}
.hx-paper .hx-s3-brands li{background:#fff}
.hx-s3-brands li.is-more{background:transparent;box-shadow:inset 0 0 0 1px var(--line);font-weight:500;color:var(--muted)}
.hx-s3-sample{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:20px 40px;align-items:center;margin-top:clamp(36px,4vw,56px);padding:clamp(24px,2.8vw,40px);border-radius:var(--s3-r);background:var(--lime);color:var(--ink)}
.hx-s3-sample .hx-s3-mono{color:rgba(10,10,10,.6)}
.hx-s3-sample :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:8px 0 10px!important;font:500 clamp(22px,2.2vw,32px)/1.12 var(--f-text)!important;letter-spacing:-.035em!important;color:var(--ink)}
.hx-s3-sample p{margin:0;color:rgba(10,10,10,.75);font-size:16px}
.hx-s3-sample .hx-s3-check li::before{background-color:var(--ink)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23D0FF00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.hx-s3-sample__a .hx-s3-btns{margin-top:0}
.hx-s3-sample__a p{margin-top:12px;font-size:14px}
.hx-s3-sample__a a:not(.hx-btn){color:var(--ink);font-weight:600}
.hx-s3-sample .hx-btn--lime{--b-bg:var(--ink)!important;--b-fg:#fff!important;--b-bd:var(--ink)!important}
.hx-s3-sample .hx-btn--lime:hover{--b-bg:#fff!important;--b-fg:var(--ink)!important;--b-bd:#fff!important}
@media (max-width:860px){.hx-s3-sample{grid-template-columns:1fr}}
.hx-s3-chans{margin-top:clamp(36px,4vw,56px)}
.hx-s3-chans__h :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:8px 0 18px!important;font:500 clamp(22px,2.2vw,32px)/1.12 var(--f-text)!important;letter-spacing:-.035em!important}
.hx-s3-chans__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hx-s3-chans--row .hx-s3-chans__g{grid-template-columns:repeat(5,minmax(0,1fr))}
.hx-s3-chans--row .hx-s3-chans__h{margin-bottom:12px}
.hx-s3-chan{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:var(--s3-r-s);background:var(--paper);text-decoration:none;color:var(--ink);transition:background .2s,transform .3s var(--s3-ease)}
.hx-paper .hx-s3-chan{background:#fff}
.hx-dark .hx-s3-chan{background:var(--ink-3);color:#fff}
.hx-s3-chan:hover{background:var(--lime)!important;color:var(--ink)!important;transform:translateY(-2px)}
.hx-s3-chan small{font-size:13px;color:var(--muted)}
.hx-dark .hx-s3-chan small,.hx-dark .hx-s3-chan>span{color:rgba(255,255,255,.6)}
.hx-s3-chan:hover :is(small,span){color:rgba(10,10,10,.7)!important}
.hx-s3-chan strong{font:600 17.5px/1.3 var(--f-text);letter-spacing:-.015em}
.hx-s3-chan>span{font-size:13px;color:var(--muted)}
.hx-s3-chan.is-accent{background:var(--lime)!important;color:var(--ink)!important}
.hx-s3-chan.is-accent :is(small,span){color:rgba(10,10,10,.7)!important}
@media (max-width:1080px){.hx-s3-chans--row .hx-s3-chans__g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.hx-s3-chans__g,.hx-s3-chans--row .hx-s3-chans__g{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.hx-s3-chans__g,.hx-s3-chans--row .hx-s3-chans__g{grid-template-columns:1fr}}

/* ---------- Galerien + Lightbox ---------- */
.hx-s3-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hx-s3-gal__i{display:block;position:relative;overflow:hidden;border-radius:var(--s3-r-s);background:var(--paper-2);aspect-ratio:16/10}
.hx-s3-gal--sq .hx-s3-gal__i{aspect-ratio:1/1}
.hx-s3-gal__i img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--s3-ease)}
.hx-s3-gal__i:hover img,.hx-s3-gal__i:focus-visible img{transform:scale(1.05)}
.hx-s3-gal__i.is-x{display:none}
.hx-s3-gal--sq{grid-template-columns:repeat(6,minmax(0,1fr))}
.hx-s3-gal__more{margin:22px 0 0;text-align:center}
.hx-s3-gal__more[hidden]{display:none}
@media (max-width:980px){.hx-s3-gal{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-s3-gal--sq{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.hx-s3-gal,.hx-s3-gal--sq{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hx-s3-sec--gal+.hx-s3-sec--gal{padding-top:0}
.hx-s3-lb{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(10,10,10,.92);padding:56px 16px}
.hx-s3-lb[hidden]{display:none}
.hx-s3-lb img{max-width:min(1400px,100%);max-height:calc(100vh - 140px);width:auto;height:auto;border-radius:10px}
.hx-s3-lb button{position:absolute;border:0;border-radius:50%;width:48px;height:48px;background:rgba(255,255,255,.12);color:#fff;font:400 26px/1 var(--f-text);cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.hx-s3-lb button:hover,.hx-s3-lb button:focus-visible{background:var(--lime);color:var(--ink)}
.hx-s3-lb__x{top:16px;right:16px}.hx-s3-lb__p{left:16px;top:50%;transform:translateY(-50%)}.hx-s3-lb__n{right:16px;top:50%;transform:translateY(-50%)}
.hx-s3-lb__c{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.12em}

/* ---------- Agentur: Team ---------- */
.hx-s3-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.hx-s3-team__c figure{margin:0 0 16px;border-radius:var(--s3-r);overflow:hidden;background:var(--paper-2);aspect-ratio:4/5}
.hx-s3-team__c img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .8s var(--s3-ease)}
.hx-s3-team__c:hover img{transform:scale(1.04)}
.hx-s3-team__c :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0!important;font:600 20px/1.2 var(--f-text)!important;letter-spacing:-.02em!important}
.hx-s3-team__r{margin:4px 0 8px;color:var(--muted);font-size:15px}
.hx-s3-team__k{display:flex;flex-direction:column;gap:2px;margin:0;font-size:14px}
.hx-s3-team__k a{color:var(--ink);text-decoration:none}
.hx-s3-team__k a:hover{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}
@media (max-width:980px){.hx-s3-team{grid-template-columns:1fr 1fr}}

/* ---------- Software / Produkte ---------- */
.hx-s3-prod{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4.4vw,80px);align-items:center}
.hx-s3-prod__mark{display:grid;place-items:center;min-height:clamp(220px,24vw,340px);border-radius:var(--s3-r);background:var(--ink);color:#fff;padding:24px}
.hx-s3-word{margin:0;font:600 clamp(34px,3.9vw,64px)/1 var(--f-text);letter-spacing:-.055em;text-align:center;overflow-wrap:anywhere}
.hx-s3-word span{color:var(--lime)}
.hx-s3-prod__t p{color:var(--muted);font-size:17.5px;margin:0 0 1em;max-width:58ch}
@media (max-width:900px){.hx-s3-prod{grid-template-columns:1fr}}

/* ---------- Karriere ---------- */
.hx-s3-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,72px);align-items:start}
.hx-s3-two>div>p{color:var(--muted);font-size:17px;margin:18px 0 0;max-width:58ch}
.hx-s3-two .hx-eyebrow{justify-content:flex-start}
@media (max-width:900px){.hx-s3-two{grid-template-columns:1fr}}
.hx-s3-jobs{display:grid;gap:var(--gap);margin-top:clamp(36px,4vw,60px)}
.hx-s3-job{padding:clamp(24px,3vw,44px);border-radius:var(--s3-r);background:var(--paper)}
.hx-s3-job__h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.hx-s3-job__h :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:6px 0 0!important;font:500 clamp(26px,2.6vw,40px)/1.08 var(--f-text)!important;letter-spacing:-.04em!important}
.hx-s3-job__h .hx-s3-tags{margin:0}
.hx-s3-job__g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}
.hx-s3-job__g :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){margin:0 0 12px!important;font:500 11.5px ui-monospace,"SF Mono",Menlo,monospace!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted)}
.hx-s3-job__g .hx-s3-check+:is(h4:where(:not([data-hl])),:where([data-hl="h4"])){margin-top:26px!important}
@media (max-width:760px){.hx-s3-job__g{grid-template-columns:1fr}}

/* ---------- Kontakt ---------- */
.hx-s3-vis--locs{display:grid;gap:12px}
.hx-s3-kloc{padding:clamp(20px,2.2vw,28px);border-radius:var(--s3-r);background:#fff;color:var(--ink)}
.hx-s3-kloc.is-dark{background:var(--ink-3);color:#fff}
.hx-s3-kloc.is-dark .hx-s3-mono{color:var(--lime)}
.hx-s3-kloc :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:6px 0 6px!important;font:500 clamp(24px,2.2vw,32px)/1.1 var(--f-text)!important;letter-spacing:-.035em!important}
.hx-s3-kloc__a{margin:0 0 12px;font-size:16px;line-height:1.5}
.hx-s3-kloc ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.hx-s3-kloc li{display:flex;gap:12px;align-items:baseline;font-size:16px}
.hx-s3-kloc li b{width:16px;font:600 12px ui-monospace,Menlo,monospace;color:var(--muted)}
.hx-s3-kloc.is-dark li b{color:var(--lime)}
.hx-s3-kloc li a{color:inherit;text-decoration:none}
.hx-s3-kloc li a:hover{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}
.hx-s3-kloc .hx-s3-btns{margin-top:16px}
.hx-s3-kloc:not(.is-dark) .hx-btn--lime:hover{--b-bg:var(--ink)!important;--b-fg:#fff!important;--b-bd:var(--ink)!important}

/* ---------- Weiterführend ---------- */
.hx-s3-rail__t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.hx-s3-rc{position:relative;display:block;text-decoration:none;color:inherit}
.hx-s3-rc figure{margin:0;border-radius:var(--s3-r);overflow:hidden;background:var(--paper-2);aspect-ratio:4/3}
.hx-s3-rc img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--s3-ease)}
.hx-s3-rc:hover img{transform:scale(1.05)}
.hx-s3-rc>div{padding:14px 52px 0 2px}
.hx-s3-rc strong{display:block;font:600 18px/1.25 var(--f-text);letter-spacing:-.02em}
.hx-s3-rc span{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.hx-s3-rc .hx-s3-go{position:absolute;right:0;bottom:6px;background:var(--paper)}
@media (max-width:1080px){.hx-s3-rail__t{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hx-s3-rail__t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 6px;scroll-padding-inline:var(--pad);scrollbar-width:none}.hx-s3-rail__t::-webkit-scrollbar{display:none}.hx-s3-rail__t>li{flex:0 0 78%;scroll-snap-align:start}}
.hx-s3-xl .hx-s3-subh{margin-top:clamp(36px,4vw,56px)!important;font-size:clamp(20px,1.8vw,26px)!important}
.hx-s3-reads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.hx-s3-read{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:12px;border-radius:var(--s3-r-s);background:var(--paper);text-decoration:none;color:inherit;transition:background .25s}
.hx-s3-read:hover{background:var(--lime)}
.hx-s3-read img{width:112px;height:80px;object-fit:cover;border-radius:10px}
.hx-s3-read small{display:block;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hx-s3-read strong{display:block;margin-top:4px;font:600 16px/1.3 var(--f-text);letter-spacing:-.015em}
@media (max-width:980px){.hx-s3-reads{grid-template-columns:1fr}}

/* ---------- Formular-Abschnitt (Bestand, nur Rahmen) ---------- */
.leadform-wrap.hx-s3-form{padding-block:var(--s3-sec)!important}
.hx-s3-form .leadform-inner>div:first-child{align-items:flex-start;text-align:left;border-radius:var(--s3-r)}
.hx-s3-form .leadform-title{font-size:clamp(28px,3vw,46px)!important}
.hx-s3-form .leadform{border-radius:var(--s3-r)}

@media (prefers-reduced-motion:reduce){
  .hx-s3-card,.hx-s3-focus,.hx-s3-gal__i img,.hx-s3-rc img,.hx-s3-team__c img,.hx-s3-chan,.hx-s3-chain__a{transition:none!important}
  .hx-s3-card:hover,.hx-s3-focus:hover,.hx-s3-chan:hover{transform:none}
}
.hx-s3-read:not(:has(img)){grid-template-columns:1fr}
.hx-s3-page :is(.hx-s3-hero,.hx-s3-close) .hx-scrib{text-shadow:none!important}

/* ---------- Ergänzungen ---------- */
.hx-s3-page main :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{font-style:normal!important;background:none!important;padding:0!important;font-weight:inherit!important;color:#8E8E89!important}
.hx-s3-page main :is(.hx-dark,.hx-s3-focus--ink,.hx-s3-card--mod.is-accent,.hx-s3-phase.is-hl,.hx-s3-note,.hx-s3-cmp__col:nth-child(2)) :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{color:rgba(255,255,255,.55)!important}
.hx-s3-page main .hx-s3-split :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{color:var(--lime)!important}
.hx-s3-page main :is(.hx-s3-focus--lime,.hx-s3-strip,.hx-s3-sample) :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{color:rgba(10,10,10,.55)!important}
.hx-s3-sec--glance{padding-bottom:clamp(36px,4vw,56px)}
.hx-s3-sec--glance .hx-s3-glance{margin-bottom:0}
.hx-s3-sec--glance+.hx-s3-sec:not(.hx-paper):not(.hx-dark){padding-top:clamp(40px,4.4vw,72px)}
.hx-s3-incl{margin-top:clamp(28px,3vw,44px);padding:clamp(24px,2.8vw,40px);border-radius:var(--s3-r);background:var(--ink);color:#fff}
.hx-s3-incl .hx-eyebrow{color:#fff;justify-content:flex-start}
.hx-s3-incl__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.hx-s3-incl__g li{padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.hx-s3-incl__g :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 6px!important;font:600 18px/1.25 var(--f-text)!important;letter-spacing:-.02em!important;color:#fff}
.hx-s3-incl__g p{margin:0;font-size:15px;color:rgba(255,255,255,.7)}
@media (max-width:760px){.hx-s3-incl__g{grid-template-columns:1fr}}
.hx-s3-map{margin-top:var(--gap)}
.hx-s3-sec--gal .hx-s3-head>div:last-child{text-align:right}
@media (max-width:860px){.hx-s3-sec--gal .hx-s3-head>div:last-child{text-align:left}}
.hx-s3-card--plain{gap:8px}

/* ================= geo3 – Regional-/Stadtseiten v3 (hype.media: werbeagentur/digitalagentur/druckerei-*, hype.textil: stickerei/textildruck/arbeitskleidung-besticken-*, regionen) · Präfix .hx-g3- ================= */
.hx-g3-page{--g3-r:22px;--g3-r-s:14px;--g3-clip:none;--g3-ease:cubic-bezier(.2,.7,.2,1)}
.hx-g3-textil{--g3-r:0px;--g3-r-s:0px;--g3-clip:var(--chamfer)}
.hx-g3-page :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"]))){hyphens:manual;-webkit-hyphens:manual}
.hx-g3-mono{font:500 11.5px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.hx-g3-page .hx-sec{padding-block:clamp(64px,7vw,108px)}
.hx-g3-page .hx-sec.hx-g3-tight{padding-block:clamp(40px,4.4vw,64px)}
.hx-g3-center{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(28px,3vw,40px) 0 0}

/* ---------- Hero (dunkel, ohne Farbwolken) ---------- */
.hx-g3-hero{position:relative;background:var(--ink);color:#fff;margin-top:calc(-1 * var(--hd-h));padding:calc(var(--hd-h) + clamp(28px,4.4vw,64px)) 0 0;overflow:hidden}
.hx-g3-hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4.4vw,72px);align-items:center}
.hx-g3-hero .hx-crumbs{justify-content:flex-start;color:rgba(255,255,255,.6);opacity:1;margin:0 0 20px}
.hx-g3-hero .hx-crumbs a{color:rgba(255,255,255,.75)}
.hx-g3-hero .hx-crumbs a:hover{color:#fff}
.hx-g3-hero .hx-eyebrow{justify-content:flex-start;color:#fff;margin-bottom:18px}
.hx-g3-hero h1{color:#fff;margin:0 0 22px!important;font-size:clamp(40px,4.9vw,80px)!important;max-width:15ch}
.hx-g3-hero h1 em{display:block}
.hx-g3-lead{font-size:clamp(17px,1.3vw,20px);line-height:1.6;color:rgba(255,255,255,.8);max-width:52ch;margin:0 0 28px}
.hx-g3-lead a{color:#fff;text-decoration-color:var(--lime);text-decoration-thickness:2px}
.hx-g3-lead strong{color:#fff;font-weight:600}
.hx-g3-cta{display:flex;flex-wrap:wrap;gap:12px}
.hx-g3-cta--c{justify-content:center}
.hx-g3-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:26px 0 0;padding:0}
.hx-g3-pills li{display:flex}
.hx-g3-pills a,.hx-g3-pills--plain li{font-size:13.5px;line-height:1;color:rgba(255,255,255,.8);padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.hx-g3-pills a:hover{background:#fff;color:var(--ink);border-color:#fff}
.hx-g3-pills--plain li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);margin:0 8px 0 0;align-self:center}
.hx-g3-textil .hx-g3-pills--plain li{border-radius:0;clip-path:var(--chamfer-s);border:0;background:rgba(255,255,255,.08)}
/* Mosaik (hype.media) */
.hx-g3-mos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.2vw,18px);align-self:stretch;max-height:clamp(440px,60vh,620px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
.hx-g3-mos__f{margin:0;border-radius:var(--g3-r-s);overflow:hidden;background:var(--ink-3);aspect-ratio:4/5;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.hx-g3-mos__f:nth-child(2){margin-top:clamp(36px,5vw,72px)}
.hx-g3-mos__f:nth-child(4){margin-top:clamp(-36px,-5vw,-72px)}
.hx-g3-mos__f:nth-child(3){grid-column:1}
.hx-g3-mos__f img{width:100%;height:100%;object-fit:cover;display:block;animation:hxG3In .9s var(--g3-ease) both;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes hxG3In{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
/* Fakten unter dem Hero */
.hx-g3-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(32px,4vw,56px) 0 0;padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.14)}
.hx-g3-facts>div{padding-right:18px}
.hx-g3-facts>div+div{padding-left:18px;border-left:1px solid rgba(255,255,255,.14)}
.hx-g3-facts dt{font:500 11px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:6px}
.hx-g3-facts dd{margin:0;font-size:15px;line-height:1.45;color:#fff}
.hx-g3-facts a{color:var(--lime);text-decoration:none}
.hx-g3-facts a:hover{text-decoration:underline}
/* Textil: Foto im Schnitt-Rahmen */
.hx-g3-hero--tx{padding-bottom:clamp(40px,5vw,72px)}
.hx-g3-shot{position:relative;margin:0;justify-self:end;width:min(100%,520px);aspect-ratio:4/5;background:var(--ink-3);clip-path:var(--chamfer);overflow:hidden}
.hx-g3-shot img{width:100%;height:100%;object-fit:cover;display:block;animation:hxG3In 1s var(--g3-ease) both}
.hx-g3-shot figcaption{position:absolute;left:0;bottom:0;max-width:calc(100% - 24px);padding:10px 14px;background:var(--lime);color:var(--ink);font:700 11.5px/1.3 var(--f-display);letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
@media (max-width:980px){
 .hx-g3-hero__in{grid-template-columns:1fr}
 .hx-g3-hero h1{max-width:none}
 .hx-g3-mos{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;-webkit-mask-image:none;mask-image:none}
 .hx-g3-mos__f:nth-child(n){margin-top:0;grid-column:auto}
 .hx-g3-mos__f:nth-child(even){transform:translateY(18px)}
 .hx-g3-mos{padding-bottom:18px}
 .hx-g3-shot{justify-self:stretch;width:100%;aspect-ratio:16/10}
 .hx-g3-facts{grid-template-columns:1fr 1fr;row-gap:18px}
 .hx-g3-facts>div:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:600px){
 .hx-g3-hero .hx-g3-cta .hx-btn{flex:1 1 100%;justify-content:center}
 .hx-g3-mos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hx-g3-mos__f:nth-child(4){display:none}
 .hx-g3-shot{aspect-ratio:4/3}
 .hx-g3-facts dd{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.hx-g3-mos__f img,.hx-g3-shot img{animation:none}}

/* ---------- Auf einen Blick ---------- */
.hx-g3-glance{display:grid;grid-template-columns:minmax(150px,.26fr) 1fr;gap:clamp(16px,3vw,48px);align-items:baseline;max-width:1080px;margin:0 auto;padding:clamp(24px,2.6vw,36px) clamp(22px,3vw,44px);background:var(--paper);border-radius:var(--g3-r);clip-path:var(--g3-clip)}
.hx-g3-glance .hx-g3-mono{color:var(--muted)}
.hx-g3-glance p{margin:0;font-size:clamp(16.5px,1.2vw,18.5px);line-height:1.65;color:var(--ink)}
.hx-g3-glance strong{font-weight:700}
@media (max-width:700px){.hx-g3-glance{grid-template-columns:1fr;gap:10px}}

/* ---------- Kopf links/rechts mit Signatur ---------- */
.hx-g3-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,4vw,72px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.hx-g3-head .hx-eyebrow{justify-content:flex-start}
.hx-g3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0!important}
.hx-g3-head>p{margin:0;color:var(--muted);font-size:clamp(16.5px,1.25vw,18.5px);max-width:48ch}
.hx-g3-head .hx-scrib{text-align:left;transform-origin:left center;margin-left:0!important;color:#E30613!important}
.hx-dark .hx-g3-head .hx-scrib{color:var(--lime)!important}
.hx-g3-head .hx-sig__line{text-align:left;white-space:normal!important}
.hx-g3-head .hx-sig__line em{display:block;color:var(--muted)!important;font-weight:300!important}
.hx-dark .hx-g3-head .hx-sig__line em{color:rgba(255,255,255,.55)!important}
.hx-g3-chead{margin-bottom:clamp(32px,4vw,52px)!important}
@media (max-width:860px){.hx-g3-head{grid-template-columns:1fr;align-items:start}}

/* ---------- Leistungen (hype.media) ---------- */
.hx-g3-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.hx-g3-svc__c a{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;height:100%;padding:clamp(24px,2.4vw,34px);border-radius:var(--g3-r);background:#fff;color:var(--ink);text-decoration:none;transition:color .45s var(--g3-ease)}
.hx-g3-svc__c a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .55s cubic-bezier(.7,0,.2,1)}
.hx-g3-svc__c a:hover,.hx-g3-svc__c a:focus-visible{color:#fff}
.hx-g3-svc__c a:hover::before,.hx-g3-svc__c a:focus-visible::before{transform:none}
.hx-g3-svc__k{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.hx-g3-svc__k .hx-g3-mono{color:var(--muted)}
.hx-g3-svc__k b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--paper);transition:background .35s,transform .5s var(--g3-ease)}
.hx-g3-svc__k svg{width:22px;height:22px}
.hx-g3-svc__c a:hover .hx-g3-svc__k b{background:var(--lime);color:var(--ink);transform:rotate(-8deg)}
.hx-g3-svc__c :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 10px;font-size:clamp(20px,1.6vw,24px)!important;font-weight:600!important}
.hx-g3-svc__c p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.6;transition:color .4s}
.hx-g3-svc__c a:hover p{color:rgba(255,255,255,.72)}
.hx-g3-more{margin-top:auto;font-weight:600;font-size:15px;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.hx-g3-svc__c.is-acc a{background:var(--ink);color:#fff}
.hx-g3-svc__c.is-acc p{color:rgba(255,255,255,.7)}
.hx-g3-svc__c.is-acc .hx-g3-svc__k b{background:var(--lime);color:var(--ink)}
.hx-g3-svc__c.is-acc .hx-g3-svc__k .hx-g3-mono{color:rgba(255,255,255,.55)}
@media (max-width:1000px){.hx-g3-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hx-g3-svc{grid-template-columns:1fr}.hx-g3-svc__k{margin-bottom:12px}}

/* ---------- Vor Ort / Warum (dunkel) + Standortkarte ---------- */
.hx-g3-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,88px);align-items:center}
.hx-g3-why .hx-eyebrow{justify-content:flex-start}
.hx-g3-why :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff;margin:0 0 22px!important}
.hx-g3-why :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{display:block}
.hx-g3-why p{font-size:clamp(16.5px,1.2vw,18px);max-width:58ch}
.hx-g3-why p a{color:#fff;text-decoration-color:var(--lime);text-decoration-thickness:2px}
.hx-g3-towns{display:grid;gap:12px;margin-top:22px}
.hx-g3-towns .hx-g3-mono{color:rgba(255,255,255,.55)}
.hx-g3-towns ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.hx-g3-towns li{font-size:14px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}
.hx-g3-textil .hx-g3-towns li{border-radius:0;clip-path:var(--chamfer-s)}
.hx-g3-loc{padding:clamp(24px,2.8vw,40px);border-radius:var(--g3-r);clip-path:var(--g3-clip);background:var(--ink-3);color:#fff}
.hx-g3-loc__top{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.hx-g3-loc__top .hx-g3-mono{display:block;color:var(--lime);margin-bottom:4px}
.hx-g3-loc__top strong{display:block;font:600 clamp(22px,1.9vw,28px)/1.15 var(--f-text);letter-spacing:-.025em}
.hx-g3-loc__txt{margin:0 0 14px;font-size:15.5px!important;line-height:1.6;color:rgba(255,255,255,.78)}
.hx-g3-loc__txt a{color:var(--lime)!important;text-decoration:none!important;font-weight:600}
.hx-g3-loc address{font-style:normal;font-size:15px;line-height:1.5;color:rgba(255,255,255,.62);margin:0 0 22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.hx-g3-loc__row{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:900px){.hx-g3-cols{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.hx-g3-faq{max-width:920px}
.hx-g3-faq details>div p{margin:0}
.hx-g3-faq details>div a{color:var(--ink);text-decoration-color:var(--lime);text-decoration-thickness:2px}
.hx-g3-media .hx-g3-faq details{border-radius:var(--g3-r-s)}
.hx-g3-textil .hx-g3-faq details{clip-path:var(--chamfer-s);background:var(--paper);box-shadow:none}
.hx-g3-textil .hx-g3-faq details[open]{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}

/* ---------- Regionen-Navigator ---------- */
.hx-g3-nav{display:grid;grid-template-columns:minmax(0,.7fr) repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);align-items:start}
.hx-g3-nav__h .hx-eyebrow{justify-content:flex-start;margin:6px 0 0}
.hx-g3-nav__col :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:15px!important;font-weight:600!important;color:var(--muted);margin:0 0 10px;letter-spacing:-.01em!important}
.hx-g3-nav__col ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.hx-g3-nav__col li{border-bottom:1px solid var(--line)}
.hx-g3-nav__col a,.hx-g3-nav__col span[aria-current]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;font-size:15.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:padding .25s var(--g3-ease),background .25s}
.hx-g3-nav__col a svg{width:16px;height:16px;flex:none;opacity:.45;transition:transform .3s var(--g3-ease),opacity .3s}
.hx-g3-nav__col a:hover{padding-inline:10px;background:#fff}
.hx-g3-nav__col a:hover svg{opacity:1;transform:rotate(45deg)}
.hx-g3-nav__col span[aria-current]{color:var(--muted);font-weight:500}
.hx-g3-nav__col span[aria-current]::after{content:"Sie sind hier";font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;background:var(--lime);color:var(--ink);border-radius:999px}
.hx-g3-textil .hx-g3-nav__col span[aria-current]::after{border-radius:0;clip-path:var(--chamfer-s)}
@media (max-width:1000px){.hx-g3-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-g3-nav__h{grid-column:1/-1}}
@media (max-width:700px){.hx-g3-nav{grid-template-columns:1fr;gap:22px}}

/* ---------- Kontakt (hype.media) ---------- */
.hx-g3-contact .hx-contact__info{border-radius:var(--g3-r)}
.hx-g3-contact .hx-contact__info .hx-eyebrow{justify-content:center}
.hx-g3-contact .hx-contact__info :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(34px,3.6vw,56px)!important}
.hx-g3-contact .hx-contact__info :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{color:rgba(255,255,255,.55)!important}
.hx-g3-bul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:10px;text-align:left}
.hx-g3-bul li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.86);font-size:15.5px;line-height:1.5}
.hx-g3-bul li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.2 2.2 4.8-4.8' fill='none' stroke='%230A0A0A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.hx-g3-contact .leadform{border-radius:var(--g3-r)}
.hx-g3-contact .hx-loc{border-radius:var(--g3-r-s)}
.hx-g3-contact .lf-success{margin-top:var(--gap)}

/* ---------- Textil: Foto-Karten (wie Startseite) ---------- */
.hx-g3-pcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.hx-g3-pc{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:clamp(360px,30vw,460px);overflow:hidden;clip-path:var(--chamfer);background:var(--ink-3);color:#fff;text-decoration:none}
.hx-g3-pc img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--g3-ease)}
.hx-g3-pc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.6) 42%,rgba(10,10,10,.05) 75%)}
.hx-g3-pc:hover img,.hx-g3-pc:focus-visible img{transform:scale(1.05)}
.hx-g3-pc__b{padding:clamp(20px,1.8vw,26px)}
.hx-g3-pc :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 8px;font:800 clamp(19px,1.5vw,23px)/1.08 var(--f-display)!important;text-transform:uppercase!important;letter-spacing:0!important;color:#fff}
.hx-g3-pc p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.hx-g3-pc .hx-g3-more{display:inline-block;align-self:flex-start;text-decoration:none;font:700 11px var(--f-display);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;background:var(--lime);color:var(--ink);clip-path:var(--chamfer-s)}
.hx-g3-pop{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:clamp(24px,2.6vw,36px)}
.hx-g3-pop .hx-g3-mono{color:var(--muted)}
.hx-g3-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.hx-g3-chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;background:var(--paper);border-radius:999px;transition:background .2s}
.hx-paper .hx-g3-chips a{background:#fff}
.hx-g3-chips a:hover{background:var(--lime)}
.hx-g3-textil .hx-g3-chips a{border-radius:0;clip-path:var(--chamfer-s)}
@media (max-width:1100px){.hx-g3-pcs{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-g3-pc{min-height:340px}}
@media (max-width:600px){.hx-g3-pcs{grid-template-columns:1fr}.hx-g3-pc{min-height:250px}}
.hx-g3-page .hx-stg__c picture{border-radius:0;clip-path:var(--chamfer)}

/* ---------- Textil: Abschluss-CTA + Branchen ---------- */
.hx-g3-final__in{max-width:900px;margin:0 auto;text-align:center}
.hx-g3-final :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff;margin:0 0 18px!important;font-size:clamp(36px,4.4vw,68px)!important}
.hx-g3-final :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{display:block}
.hx-g3-final__p{max-width:60ch;margin:0 auto 28px!important;font-size:clamp(16.5px,1.25vw,19px)}
.hx-g3-mail{margin:18px 0 0!important;font-size:14.5px;color:rgba(255,255,255,.6)!important}
.hx-g3-mail a{color:#fff;text-decoration-color:var(--lime)}
.hx-g3-branch{background:var(--lime);color:var(--ink);padding:clamp(36px,4vw,56px) 0}
.hx-g3-branch__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center}
.hx-g3-branch .hx-eyebrow{justify-content:flex-start;color:var(--ink)}
.hx-g3-branch .hx-eyebrow::before{background:var(--ink);box-shadow:none}
.hx-g3-branch :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(28px,2.8vw,42px)!important;margin:0 0 12px!important}
.hx-g3-branch p{margin:0;color:rgba(10,10,10,.75);max-width:56ch}
.hx-g3-branch__r{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.hx-g3-branch .hx-g3-chips a{background:rgba(10,10,10,.08)}
.hx-g3-branch .hx-g3-chips a:hover{background:var(--ink);color:#fff}
@media (max-width:860px){.hx-g3-branch__in{grid-template-columns:1fr}}

/* ---------- regionen.html ---------- */
.hx-g3-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,88px);align-items:start}
.hx-g3-split .hx-eyebrow{justify-content:flex-start}
.hx-g3-split :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0!important}
.hx-g3-split :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{display:block}
.hx-g3-big{font-size:clamp(17px,1.3vw,19.5px);line-height:1.7;margin:0 0 22px}
.hx-g3-big a{color:var(--ink);font-weight:600;text-decoration-color:var(--lime);text-decoration-thickness:2px}
.hx-g3-ghead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(28px,3.4vw,48px)}
.hx-g3-ghead .hx-eyebrow{justify-content:flex-start}
.hx-g3-ghead :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0 0 14px!important}
.hx-g3-ghead p{margin:0;color:var(--muted);max-width:64ch}
.hx-g3-ghead p strong{color:var(--ink);font-weight:600}
.hx-g3-office{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;background:var(--ink);color:#fff;clip-path:var(--chamfer)}
.hx-g3-office .hx-g3-mono{display:block;color:var(--lime);margin-bottom:4px}
.hx-g3-office strong{display:block;font:600 20px/1.2 var(--f-text);letter-spacing:-.02em}
.hx-g3-office address{font-style:normal;font-size:14px;line-height:1.5;color:rgba(255,255,255,.66);margin:6px 0 8px}
.hx-g3-office a{color:var(--lime);font-weight:600;text-decoration:none;font-size:15px}
.hx-g3-cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);list-style:none;margin:0;padding:0}
.hx-g3-city{background:var(--paper);padding:20px 22px 12px;clip-path:var(--chamfer)}
.hx-paper .hx-g3-city{background:#fff}
.hx-g3-city :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0 0 8px;font:800 clamp(19px,1.5vw,22px)/1.1 var(--f-display)!important;text-transform:uppercase!important;letter-spacing:0!important}
.hx-g3-city ul{list-style:none;margin:0;padding:0}
.hx-g3-city li+li{border-top:1px solid var(--line)}
.hx-g3-city a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}
.hx-g3-city a svg{width:15px;height:15px;flex:none;opacity:.4;transition:transform .3s var(--g3-ease),opacity .3s}
.hx-g3-city a:hover{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.hx-g3-city a:hover svg{opacity:1;transform:rotate(45deg)}
@media (max-width:1100px){.hx-g3-cities{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.hx-g3-split,.hx-g3-ghead{grid-template-columns:1fr}.hx-g3-cities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hx-g3-cities{grid-template-columns:1fr}}

/* ================= tx3 · hype.textil Bestandsseiten v3 (Textilien, Verfahren, Branchen, Produkte, Designer-Seiten, Kontakt/Anfrage) · Präfix .hx-t3- ================= */
.hx-t3-page{--t3-r:22px;--t3-rs:14px;--t3-mono:500 12px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;--t3-sec:clamp(56px,6.2vw,100px)}
.hx-t3-page main :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"]))){hyphens:manual}
.hx-t3-page main :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(19px,1.45vw,22px);font-weight:600!important;letter-spacing:-.02em!important;line-height:1.2}
.hx-t3-page main :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-family:var(--f-text)!important;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 .4em}
.hx-t3-page main :is(h5:where(:not([data-hl])),:where([data-hl="h5"])){font-family:var(--f-text);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}
.hx-t3-page main :is(:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"])),:is(h5:where(:not([data-hl])),:where([data-hl="h5"]))) em{font-style:normal;font-weight:400;color:var(--muted);background:none;padding:0}
.hx-t3-page main .hx-dark :is(:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"]))) em,.hx-t3-page main :is(.hx-t3-tile--dark,.hx-t3-cmp,.hx-t3-spec--dark,.hx-t3-g--dark) :is(:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"]))) em{color:rgba(255,255,255,.6)}
.hx-t3-page main p a:not(.hx-btn),.hx-t3-page main li a:not(.hx-btn){text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}
.hx-t3-page main .hx-eyebrow{justify-content:flex-start;margin-bottom:14px}

/* ---------- Sektionen ---------- */
.hx-t3-sec{position:relative;padding-block:var(--t3-sec);--t3-c:var(--paper);--t3-c2:#fff;--t3-l:var(--line)}
.hx-t3-sec.hx-paper{--t3-c:#fff;--t3-c2:var(--paper)}
.hx-t3-sec--dark{--t3-c:#161616;--t3-c2:#1f1f1f;--t3-l:rgba(255,255,255,.12)}
.hx-t3-sec--band{padding-top:0}
.hx-t3-sec .hx-wrap>*+*{margin-top:clamp(28px,3vw,44px)}
.hx-t3-sec .hx-wrap>.hx-t3-head+*{margin-top:0}
.hx-t3-page .hx-stg{padding-block:var(--t3-sec)}

/* ---------- Seitenkopf (dunkel) ---------- */
.hx-t3-hero{position:relative;background:var(--ink);color:#fff;margin-top:calc(-1 * var(--hd-h));padding:calc(var(--hd-h) + clamp(28px,4.4vw,64px)) 0 clamp(48px,5.6vw,88px);overflow:hidden}
.hx-t3-hero__in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:center}
.hx-t3-hero--media .hx-t3-hero__in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.hx-t3-hero .hx-t3-crumbs{justify-content:flex-start;color:rgba(255,255,255,.55);margin:0 0 26px;opacity:1}
.hx-t3-hero .hx-t3-crumbs a{color:rgba(255,255,255,.72)}
.hx-t3-hero .hx-t3-crumbs a:hover{color:#fff}
.hx-t3-hero .hx-eyebrow{color:#fff;margin-bottom:18px}
.hx-t3-hero h1{color:#fff;font-size:clamp(38px,4.5vw,74px)!important;line-height:1!important;margin:0 0 22px!important;max-width:18ch}
.hx-t3-hero:not(.hx-t3-hero--media) h1{max-width:22ch}
.hx-t3-hero h1 em{display:block}
.hx-t3-hero h1.hx-t3-h1--long{font-size:clamp(34px,3.7vw,58px)!important}
.hx-t3-lead{font-size:clamp(17px,1.3vw,20px)!important;line-height:1.6;color:rgba(255,255,255,.8)!important;max-width:56ch;margin:0}
.hx-t3-lead a{color:#fff}
.hx-t3-lead strong{color:#fff;font-weight:600}
.hx-t3-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hx-t3-pills{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.hx-t3-pills li{font-size:13.5px;line-height:1.3;color:rgba(255,255,255,.78);padding:7px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px}
.hx-t3-pills a{color:inherit;text-decoration:none}
.hx-t3-pills a:hover{color:var(--lime)}
.hx-t3-usp{list-style:none;margin:26px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.hx-t3-usp li{position:relative;padding-left:26px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.82)}
.hx-t3-usp li::before{content:"";position:absolute;left:0;top:.28em;width:16px;height:16px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.2 2.6 2.6L12 5.4' fill='none' stroke='%230A0A0A' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.hx-t3-hero__media{position:relative;margin:0;border-radius:var(--t3-r);overflow:hidden;background:#1a1a1a;aspect-ratio:5/6;max-height:640px;width:100%}
.hx-t3-hero__media img{width:100%;height:100%;object-fit:cover;display:block}
.hx-t3-hero__media--prod{background:var(--paper);aspect-ratio:1/1}
.hx-t3-hero__media--prod img{object-fit:contain;padding:6%}
:is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__badge{position:absolute;left:18px;top:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:var(--lime);color:var(--ink);line-height:1.05;text-align:center}
:is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__badge b{font-size:19px;font-weight:700;letter-spacing:-.02em}
:is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__badge span{font:var(--t3-mono);font-size:10.5px}
:is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__price{position:absolute;right:18px;bottom:18px;display:flex;align-items:baseline;gap:6px;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff}
:is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__price small{font:var(--t3-mono);color:rgba(255,255,255,.6)}
:is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__price b{font-size:22px;font-weight:600;letter-spacing:-.03em}
:is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__price b span{font-size:15px;color:var(--lime)}
.hx-t3-hero__more{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(36px,4.4vw,64px);padding-top:clamp(28px,3vw,44px);border-top:1px solid rgba(255,255,255,.14)}
.hx-t3-hero__media2{position:relative;margin:0;border-radius:var(--t3-r);overflow:hidden;background:var(--paper);aspect-ratio:4/3}
.hx-t3-hero__media2 img{width:100%;height:100%;object-fit:contain;padding:5%}
.hx-t3-hero--art h1{font-size:clamp(34px,4vw,62px)!important;max-width:24ch}
@media (max-width:980px){
  .hx-t3-hero--media .hx-t3-hero__in{grid-template-columns:1fr}
  .hx-t3-hero__media{aspect-ratio:16/10;max-height:none}
  .hx-t3-hero__media--prod{aspect-ratio:4/3}
  .hx-t3-hero__more{grid-template-columns:1fr}
  .hx-t3-hero h1{max-width:none}
}
@media (max-width:600px){
  .hx-t3-hero .hx-t3-crumbs{margin-bottom:18px}
  .hx-t3-hero__cta .hx-btn{flex:1 1 100%}
  .hx-t3-usp{grid-template-columns:1fr}
  .hx-t3-pills li{font-size:12.5px}
  :is(.hx-t3-hero__media,.hx-t3-hero__media2) .hx-t3-hero__badge{width:72px;height:72px;left:12px;top:12px}
}

/* ---------- Köpfe ---------- */
.hx-t3-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(18px,4vw,72px);align-items:end;margin:0 0 clamp(32px,3.6vw,56px)}
.hx-t3-head--solo{grid-template-columns:minmax(0,1fr)}
.hx-t3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-t3-subhero :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-t3-end :is(h2:where(:not([data-hl])),:where([data-hl="h2"])),.hx-t3-cta :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(32px,3.7vw,60px)!important;margin:0!important;max-width:20ch}
.hx-t3-head--solo :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){max-width:24ch}
.hx-t3-head :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(28px,3vw,46px)!important;font-weight:500!important;letter-spacing:-.04em!important;line-height:1.05;margin:0}
.hx-t3-head__p p,.hx-t3-head__p .hx-t3-intro{margin:0;color:var(--muted);font-size:clamp(16.5px,1.25vw,19px);line-height:1.6;max-width:50ch}
.hx-t3-head__p p+p{margin-top:.8em}
.hx-dark .hx-t3-head__p :is(p,.hx-t3-intro){color:rgba(255,255,255,.72)}
.hx-t3-head--row{align-items:end}
.hx-t3-head--row .hx-t3-head__p{display:flex;justify-content:flex-end}
.hx-t3-head--lead{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;margin:0}
.hx-t3-head--lead .hx-t3-head__p p{font-size:clamp(18px,1.6vw,24px);line-height:1.5;color:var(--ink);max-width:none}
.hx-t3-head--lead .hx-t3-head__p p em{font-style:normal;color:var(--muted)}
@media (max-width:860px){.hx-t3-head,.hx-t3-head--lead{grid-template-columns:1fr;align-items:start}.hx-t3-head--row .hx-t3-head__p{justify-content:flex-start}}
.hx-t3-subhead{margin-top:clamp(40px,4.4vw,64px)!important}
.hx-t3-subhead :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(24px,2.4vw,36px)!important;font-weight:500!important;letter-spacing:-.035em!important;margin:0}
.hx-t3-subhead+*{margin-top:22px!important}

/* ---------- Karten-Grundform ---------- */
:where(.hx-t3-spec,.hx-t3-step,.hx-t3-tile,.hx-t3-bg-sub,.hx-t3-bg-ward,.hx-t3-passt-cell,.hx-t3-related>a,.hx-t3-marken-card,.hx-t3-tier-grid>article,.hx-t3-svc-grid>div,.hx-t3-cards>article,.hx-t3-bg-rec,.hx-t3-txc,.hx-t3-rc,.hx-t3-pc,.hx-t3-ind){position:relative;background:var(--t3-c);border-radius:var(--t3-r);padding:clamp(22px,2.2vw,32px);color:inherit}
:where(.hx-t3-spec,.hx-t3-step,.hx-t3-tile,.hx-t3-bg-sub,.hx-t3-bg-ward,.hx-t3-passt-cell,.hx-t3-related>a,.hx-t3-marken-card,.hx-t3-tier-grid>article,.hx-t3-svc-grid>div,.hx-t3-cards>article,.hx-t3-bg-rec,.hx-t3-txc,.hx-t3-rc,.hx-t3-pc,.hx-t3-ind) p{font-size:15.5px;line-height:1.6;color:var(--muted);margin:0}
.hx-t3-sec--dark :is(.hx-t3-spec,.hx-t3-step,.hx-t3-tile,.hx-t3-bg-sub,.hx-t3-passt-cell,.hx-t3-cards>article,.hx-t3-bg-rec,.hx-t3-ind,.hx-t3-bg-fs) p{color:rgba(255,255,255,.7)}
.hx-t3-mono,:is(.hx-t3-spec__k,.hx-t3-tile__no,.hx-t3-step__no,.hx-t3-bg-card__no,.hx-t3-bg-fs__no,.hx-t3-ind__no,.hx-t3-marken-card__tag,.hx-t3-cmp__tag,.hx-t3-bg-sub__kicker,.hx-t3-cta__fact-k,.hx-t3-related small,.hx-t3-g__cap small,.hx-t3-tier-grid>article>div:first-child,.hx-t3-svc-grid>div>div:first-child){font:var(--t3-mono);letter-spacing:.14em;text-transform:uppercase}
.hx-t3-grid3,.hx-t3-spec-grid,.hx-t3-compare,.hx-t3-related,.hx-t3-tier-grid,.hx-t3-passt-grid,.hx-t3-bg-fs-grid,.hx-t3-industries,.hx-t3-marken-grid,.hx-t3-bg-rec-grid,.hx-t3-cards,.hx-t3-bg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (max-width:980px){.hx-t3-grid3,.hx-t3-spec-grid,.hx-t3-compare,.hx-t3-related,.hx-t3-tier-grid,.hx-t3-passt-grid,.hx-t3-bg-fs-grid,.hx-t3-industries,.hx-t3-marken-grid,.hx-t3-bg-rec-grid,.hx-t3-cards,.hx-t3-bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hx-t3-grid3,.hx-t3-spec-grid,.hx-t3-compare,.hx-t3-related,.hx-t3-tier-grid,.hx-t3-passt-grid,.hx-t3-bg-fs-grid,.hx-t3-industries,.hx-t3-marken-grid,.hx-t3-bg-rec-grid,.hx-t3-cards,.hx-t3-bg-grid{grid-template-columns:1fr}}

/* ---------- Eckdaten (spec) ---------- */
.hx-t3-spec{display:flex;flex-direction:column;gap:6px;min-height:100%}
.hx-t3-spec__k{color:var(--muted)}
.hx-t3-spec__v{font-family:var(--f-text);font-size:clamp(30px,2.6vw,42px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:8px 0 6px}
.hx-t3-spec__v span{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:6px}
.hx-t3-spec--lime{background:var(--lime)}
.hx-t3-spec--lime :is(.hx-t3-spec__k,.hx-t3-spec__v span,p){color:rgba(10,10,10,.68)!important}
.hx-t3-spec--dark{background:var(--ink);color:#fff}
.hx-t3-sec--dark .hx-t3-spec--dark{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hx-t3-spec--dark :is(.hx-t3-spec__k,.hx-t3-spec__v span,p){color:rgba(255,255,255,.62)!important}
.hx-t3-spec--dark .hx-t3-spec__v{color:var(--lime)}

/* ---------- Zweispalter (split) ---------- */
.hx-t3-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,88px);align-items:center}
.hx-t3-split>div>:is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(32px,3.6vw,58px)!important;margin:0 0 22px!important}
.hx-t3-split>div>p{color:var(--muted);max-width:60ch}
.hx-t3-sec--dark .hx-t3-split>div>p{color:rgba(255,255,255,.72)}
.hx-t3-split ul:not([class]){list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--t3-l)}
.hx-t3-split ul:not([class]) li{display:grid;grid-template-columns:22px 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--t3-l)}
.hx-t3-split ul:not([class]) li::before{content:"";grid-row:span 2;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.2 2.6 2.6L12 5.4' fill='none' stroke='%230A0A0A' stroke-width='2'/%3E%3C/svg%3E") center/13px no-repeat}
.hx-t3-split ul:not([class]) li strong{font-weight:600}
.hx-t3-split ul:not([class]) li span{grid-column:2;color:var(--muted);font-size:15px}
.hx-t3-split ul:not([class]) li:not(:has(span))::before{grid-row:auto}
.hx-t3-split>div>:is(h4:where(:not([data-hl])),:where([data-hl="h4"])){margin-top:22px}
.hx-t3-split>div>:is(h4:where(:not([data-hl])),:where([data-hl="h4"])):first-child{margin-top:0}
.hx-t3-split>div>p+:is(h4:where(:not([data-hl])),:where([data-hl="h4"])){padding-top:20px;border-top:1px solid var(--t3-l)}
.hx-t3-split .hx-t3-checks{margin:22px 0 26px}
.hx-t3-split .hx-t3-small{display:block;margin-top:10px;color:var(--muted);font-size:13.5px}
.hx-t3-imgph,.hx-t3-split>figure{margin:0;border-radius:var(--t3-r);overflow:hidden;background:var(--paper-2);aspect-ratio:4/5;max-height:620px;width:100%}
.hx-t3-imgph :is(img,video),.hx-t3-split>figure :is(img,video){width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.hx-t3-split{grid-template-columns:1fr}.hx-t3-imgph,.hx-t3-split>figure{aspect-ratio:4/3}}

/* ---------- Häkchen-Listen ---------- */
.hx-t3-checks{list-style:none;margin:0;padding:0;display:grid;gap:0}
.hx-t3-checks li{padding:12px 0;border-bottom:1px solid var(--t3-l,var(--line));font-size:16px;line-height:1.5}
.hx-t3-checks li:first-child{border-top:1px solid var(--t3-l,var(--line))}
.hx-t3-checks--dark li{border-color:rgba(255,255,255,.14)!important;color:rgba(255,255,255,.85)}
.hx-t3-checks--dark li strong{color:#fff}

/* ---------- Vergleich (cmp) ---------- */
.hx-t3-cmp{display:flex;flex-direction:column;gap:14px;background:var(--ink);color:#fff;border-radius:var(--t3-r);padding:clamp(24px,2.4vw,34px)}
.hx-t3-sec--dark .hx-t3-cmp{background:#161616}
.hx-t3-cmp--lime{background:var(--lime);color:var(--ink)}
.hx-t3-cmp__head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}
.hx-t3-cmp--lime .hx-t3-cmp__head{border-color:rgba(10,10,10,.16)}
.hx-t3-cmp__head :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:0;color:inherit}
.hx-t3-cmp__tag{flex:none;padding:5px 10px;border-radius:999px;background:var(--lime);color:var(--ink)!important;font-size:10.5px!important}
.hx-t3-cmp--lime .hx-t3-cmp__tag{background:var(--ink);color:var(--lime)!important}
.hx-t3-cmp__lede{font-size:15px;line-height:1.6;color:rgba(255,255,255,.7)!important;margin:0}
.hx-t3-cmp--lime .hx-t3-cmp__lede{color:rgba(10,10,10,.72)!important}
.hx-t3-cmp__list{list-style:none;margin:auto 0 0;padding:0}
.hx-t3-cmp__list li{display:grid;grid-template-columns:minmax(90px,.8fr) 1.2fr;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14.5px;line-height:1.45}
.hx-t3-cmp--lime .hx-t3-cmp__list li{border-color:rgba(10,10,10,.14)}
.hx-t3-cmp__list .hx-t3-k{font:var(--t3-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);padding-top:2px}
.hx-t3-cmp--lime .hx-t3-cmp__list .hx-t3-k{color:rgba(10,10,10,.55)}
.hx-t3-cmp__list li:not(:has(.hx-t3-k)){display:block}

/* ---------- Anwendungs-Kacheln (gallery/g) ---------- */
.hx-t3-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:var(--gap)}
.hx-t3-g{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:200px;padding:22px;border-radius:var(--t3-r);background:var(--t3-c);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .35s var(--ease)}
.hx-t3-g:hover{transform:translateY(-3px)}
.hx-t3-g--lg,.hx-t3-g--xl{grid-column:span 2;grid-row:span 2;min-height:420px}
.hx-t3-g--sm:last-child:nth-child(3n/**/+1){grid-column:1/-1;min-height:170px}
.hx-t3-g--dark{background:var(--ink);color:#fff}
.hx-t3-sec--dark .hx-t3-g--dark{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hx-t3-g--lime{background:var(--lime);color:var(--ink)}
.hx-t3-g__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink)}
.hx-t3-g--lime .hx-t3-g__icon{background:var(--ink);color:var(--lime)}
.hx-t3-g--dark .hx-t3-g__icon{background:var(--lime)}
.hx-t3-g__icon svg{width:21px;height:21px}
.hx-t3-g__cap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.hx-t3-g__cap small{display:block;margin-bottom:6px;opacity:.6}
.hx-t3-g__cap :is(h5:where(:not([data-hl])),:where([data-hl="h5"])){font-size:clamp(16px,1.25vw,19px);max-width:24ch}
.hx-t3-g--lg .hx-t3-g__cap :is(h5:where(:not([data-hl])),:where([data-hl="h5"])),.hx-t3-g--xl .hx-t3-g__cap :is(h5:where(:not([data-hl])),:where([data-hl="h5"])){font-size:clamp(20px,1.8vw,28px);font-weight:500;letter-spacing:-.03em}
.hx-t3-g::after{content:"";position:absolute;right:20px;bottom:20px;width:34px;height:34px;border-radius:50%;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s var(--ease)}
.hx-t3-g:hover::after{transform:rotate(45deg)}
.hx-t3-g__cap{padding-right:46px}
.hx-t3-g--photo{background:var(--ink);color:#fff;justify-content:flex-end}
.hx-t3-g--photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--ease)}
.hx-t3-g--photo:hover>img{transform:scale(1.05)}
.hx-t3-g--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,0) 40%,rgba(10,10,10,.82) 100%)}
.hx-t3-g--photo .hx-t3-g__icon{display:none}
.hx-t3-g--photo{min-height:260px}
.hx-t3-gallery:not(:has(.hx-t3-g--photo)) .hx-t3-g{grid-column:auto;grid-row:auto;min-height:210px}
.hx-t3-gallery:not(:has(.hx-t3-g--photo)) .hx-t3-g__cap :is(h5:where(:not([data-hl])),:where([data-hl="h5"])){font-size:clamp(17px,1.35vw,20px);font-weight:600;letter-spacing:-.015em}
@media (max-width:980px){.hx-t3-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-t3-g--lg,.hx-t3-g--xl{grid-row:auto;min-height:280px}}
@media (max-width:560px){.hx-t3-gallery{grid-template-columns:1fr}.hx-t3-g--lg,.hx-t3-g--xl,.hx-t3-g--md{grid-column:auto}.hx-t3-g{min-height:170px}.hx-t3-g--photo{min-height:240px}}

/* ---------- Ablauf (proc/step) ---------- */
.hx-t3-proc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.hx-t3-proc:has(>:nth-child(5)),.hx-t3-proc:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.hx-t3-proc,.hx-t3-proc:has(>:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hx-t3-proc,.hx-t3-proc:has(>:nth-child(5)),.hx-t3-proc:has(>:nth-child(3):last-child){grid-template-columns:1fr}}
.hx-t3-step{display:flex;flex-direction:column;gap:10px}
.hx-t3-step__no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--ink);letter-spacing:.04em!important;margin-bottom:8px}
.hx-t3-step :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-size:19px;margin:0}
.hx-t3-step__deliverable{margin-top:auto;padding-top:14px;border-top:1px solid var(--t3-l);font-size:14px;line-height:1.5;color:var(--muted)}
.hx-t3-step__deliverable b{display:block;font:var(--t3-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:3px}
.hx-t3-sec--dark .hx-t3-step__deliverable{color:rgba(255,255,255,.62)}
.hx-t3-sec--dark .hx-t3-step__deliverable b{color:var(--lime)}

/* ---------- Bildraster ---------- */
.hx-t3-ref-gallery,.hx-t3-figs,.hx-t3-textil-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.hx-t3-figs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.hx-t3-ref-gallery figure,.hx-t3-figs>figure,.hx-t3-textil-grid figure{margin:0;border-radius:var(--t3-rs);overflow:hidden;background:var(--paper-2);aspect-ratio:4/5}
.hx-t3-textil-grid figure{aspect-ratio:1}
:is(.hx-t3-ref-gallery,.hx-t3-figs,.hx-t3-textil-grid) figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
:is(.hx-t3-ref-gallery,.hx-t3-figs,.hx-t3-textil-grid) figure:hover img{transform:scale(1.04)}
.hx-t3-ref-gallery--wide{grid-template-columns:repeat(4,minmax(0,1fr))}
.hx-t3-ref-gallery:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-t3-ref-gallery:has(>:nth-child(3):last-child) figure{aspect-ratio:4/3}
@media (max-width:900px){.hx-t3-ref-gallery,.hx-t3-textil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-t3-figs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hx-t3-note{text-align:center;color:var(--muted);font-size:15px;margin-top:22px!important}
/* Shop-Screens (Figur mit Rahmen + Bildunterschrift) */
.hx-t3-figs:has(.hx-t3-shot){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.hx-t3-shot{margin:0;display:flex;flex-direction:column;gap:14px;aspect-ratio:auto!important;background:none!important;border-radius:0!important;overflow:visible!important}
.hx-t3-shot>div{border-radius:var(--t3-r);overflow:hidden;background:var(--t3-c)}
.hx-t3-shot img{width:100%;height:auto!important;display:block}
.hx-t3-shot figcaption{font-size:15px;line-height:1.5;color:var(--muted)}
.hx-t3-shot figcaption strong{color:var(--ink);font-weight:600}
.hx-t3-sec .hx-wrap>.hx-t3-shot{max-width:1080px;margin-inline:auto}
.hx-t3-split>.hx-t3-shot{aspect-ratio:auto;max-height:none}
@media (max-width:760px){.hx-t3-figs:has(.hx-t3-shot){grid-template-columns:1fr}}

/* ---------- Bänder & Abschlüsse ---------- */
.hx-t3-cta-band{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:clamp(20px,4vw,64px);align-items:center;padding:clamp(28px,3.6vw,52px);border-radius:28px;background:var(--ink);color:#fff}
.hx-t3-cta-band--lime{background:var(--lime);color:var(--ink)}
.hx-t3-cta-band .hx-eyebrow{margin-bottom:12px}
.hx-t3-cta-band--lime .hx-eyebrow::before{background:var(--ink);box-shadow:none}
.hx-t3-cta-band__title{font-size:clamp(26px,2.6vw,40px)!important;font-weight:500!important;letter-spacing:-.04em!important;line-height:1.08;margin:0 0 12px}
.hx-t3-cta-band__title em{display:block;color:rgba(10,10,10,.55)!important}
.hx-t3-cta-band:not(.hx-t3-cta-band--lime) .hx-t3-cta-band__title em{color:rgba(255,255,255,.55)!important}
.hx-t3-cta-band__txt{margin:0;max-width:64ch;font-size:16px;line-height:1.6;color:rgba(10,10,10,.74)!important}
.hx-t3-cta-band:not(.hx-t3-cta-band--lime) .hx-t3-cta-band__txt{color:rgba(255,255,255,.74)!important}
.hx-t3-cta-band--lime :is(.hx-eyebrow,.hx-t3-cta-band__title){color:var(--ink)!important}
.hx-t3-cta-band:not(.hx-t3-cta-band--lime) :is(.hx-eyebrow,.hx-t3-cta-band__title){color:#fff!important}
.hx-t3-cta-band:not(.hx-t3-cta-band--lime) .hx-btn--ghost{--b-bg:rgba(255,255,255,.1);--b-fg:#fff;--b-bd:rgba(255,255,255,.2)}
.hx-t3-cta-band:not(.hx-t3-cta-band--lime) .hx-btn--ghost:hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
.hx-t3-cta-band__actions{display:flex;flex-direction:column;gap:10px;min-width:240px}
.hx-t3-cta-band--lime .hx-btn--ink:hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
.hx-t3-cta-band--lime .hx-btn--ghost{--b-bg:transparent;--b-fg:var(--ink);--b-bd:rgba(10,10,10,.4)}
.hx-t3-cta-band--lime .hx-btn--ghost:hover{--b-bg:#fff;--b-fg:var(--ink);--b-bd:#fff}
@media (max-width:860px){.hx-t3-cta-band{grid-template-columns:1fr}.hx-t3-cta-band__actions{flex-direction:row;flex-wrap:wrap;min-width:0}}

.hx-t3-cta{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,64px);border-radius:28px;background:var(--ink);color:#fff}
.hx-t3-cta :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){color:#fff;margin:0 0 18px!important}
.hx-t3-cta :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{color:rgba(255,255,255,.55)!important}
.hx-t3-cta .hx-eyebrow,.hx-t3-cta>div:first-child>span:first-child{display:inline-flex;align-items:center;gap:10px;font:var(--t3-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 16px}
.hx-t3-cta>div:first-child>span:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(208,255,0,.35)}
.hx-t3-cta p{color:rgba(255,255,255,.75);max-width:58ch}
.hx-t3-cta__lede{margin:0}
.hx-t3-cta__actions,.hx-t3-cta>div:first-child>div:last-child{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hx-t3-cta__aside,.hx-t3-cta>div:last-child:not(:first-child){display:flex;flex-direction:column;justify-content:center;gap:0;border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(20px,3vw,44px)}
.hx-t3-cta__fact{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.hx-t3-cta__fact:last-child{border-bottom:0}
.hx-t3-cta__fact-k{color:rgba(255,255,255,.55)}
.hx-t3-cta__fact-v{font-size:clamp(24px,2.2vw,34px);font-weight:500;letter-spacing:-.04em;line-height:1.15;color:var(--lime);margin:4px 0 2px}
.hx-t3-cta__fact-sub{font-size:14px;color:rgba(255,255,255,.6)}
.hx-t3-cta>div:last-child:not(:first-child)>div:first-child{font:var(--t3-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:6px}
.hx-t3-cta>div:last-child:not(:first-child)>p{margin:0;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px;line-height:1.55}
.hx-t3-cta>div:last-child:not(:first-child)>p:last-child{border-bottom:0}
.hx-t3-cta>div:last-child:not(:first-child)>p strong{display:block;color:#fff;font-weight:600}
.hx-t3-cta>div:last-child:not(:first-child) a{color:var(--lime);text-decoration:none}
@media (max-width:900px){.hx-t3-cta{grid-template-columns:1fr}.hx-t3-cta__aside,.hx-t3-cta>div:last-child:not(:first-child){border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14)}}

.hx-t3-end{max-width:900px;margin-inline:auto;text-align:center}
.hx-t3-end .hx-eyebrow{justify-content:center!important}
.hx-t3-end :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin:0 auto 18px!important;max-width:22ch}
.hx-t3-end>p{max-width:62ch;margin:0 auto;color:rgba(255,255,255,.72);font-size:clamp(16.5px,1.25vw,19px)}
.hx-t3-sec:not(.hx-t3-sec--dark) .hx-t3-end>p{color:var(--muted)}
.hx-t3-end>div,.hx-t3-end .hx-t3-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.hx-t3-actions{display:flex;flex-wrap:wrap;gap:12px}
.hx-t3-sec .hx-wrap>.hx-t3-actions{justify-content:flex-start}

/* ---------- FAQ ---------- */
.hx-t3-sec .hx-faq{max-width:none;margin:0}
.hx-t3-sec .hx-faq details{background:var(--t3-c2)}
.hx-t3-sec.hx-paper .hx-faq details{background:#fff}
.hx-t3-sec .hx-faq summary{font-family:var(--f-text)!important;font-weight:600!important;letter-spacing:-.01em;font-size:clamp(16px,1.2vw,18px)!important}
.hx-t3-faq__a{padding-bottom:22px;color:var(--muted);font-size:16px;line-height:1.65}
.hx-t3-faq__a p{margin:0 0 .7em}
.hx-t3-faq__a p:last-child{margin:0}
.hx-t3-sec .hx-wrap:has(>.hx-faq){display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,72px);align-items:start}
.hx-t3-sec .hx-wrap:has(>.hx-faq)>*{margin-top:0}
.hx-t3-sec .hx-wrap:has(>.hx-faq)>.hx-t3-head{grid-template-columns:1fr;position:sticky;top:calc(var(--hd-h) + 24px);margin:0}
.hx-t3-sec .hx-wrap:has(>.hx-faq)>.hx-t3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3vw,48px)!important}
@media (max-width:900px){.hx-t3-sec .hx-wrap:has(>.hx-faq){grid-template-columns:1fr}.hx-t3-sec .hx-wrap:has(>.hx-faq)>.hx-t3-head{position:static}}
.hx-t3-sec--dark .hx-faq details{background:#161616;box-shadow:0 0 0 1px rgba(255,255,255,.12)}

/* ---------- Verwandte Seiten ---------- */
.hx-t3-related>a{display:flex;flex-direction:column;gap:8px;text-decoration:none;padding-right:72px;transition:background .3s var(--ease),color .3s var(--ease)}
.hx-t3-related>a small{color:var(--muted)}
.hx-t3-related>a :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-size:clamp(20px,1.6vw,24px);margin:4px 0 0}
.hx-t3-related>a::after{content:"";position:absolute;right:24px;top:24px;width:34px;height:34px;border-radius:50%;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-2.3 6v1.5h3.7l-5 5 1.1 1.1 5-5v3.7H14V6z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s var(--ease),background .3s}
.hx-t3-related>a:hover{background:var(--ink);color:#fff}
.hx-t3-related>a:hover :is(p,small){color:rgba(255,255,255,.7)}
.hx-t3-related>a:hover::after{background:var(--lime);transform:rotate(45deg)}

/* ---------- Kacheln (bento/tile) ---------- */
.hx-t3-bento,.hx-t3-qual__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
.hx-t3-tile{display:flex;flex-direction:column;gap:10px}
.hx-t3-tile__no{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:999px;background:var(--lime);color:var(--ink);letter-spacing:.06em!important;align-self:flex-start;margin-bottom:6px}
.hx-t3-tile :is(h3:where(:not([data-hl])),:where([data-hl="h3"])),.hx-t3-tile :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){margin:0}
.hx-t3-tile--dark{background:var(--ink);color:#fff}
.hx-t3-sec--dark .hx-t3-tile--dark{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hx-t3-tile--dark p,.hx-t3-tile--dark li{color:rgba(255,255,255,.72)!important}
.hx-t3-tile__cta{margin-top:auto;padding-top:10px;font-weight:600;font-size:15px;color:inherit;text-decoration:none;border-top:1px solid var(--t3-l)}
.hx-t3-tile--dark .hx-t3-tile__cta{border-color:rgba(255,255,255,.14);color:var(--lime)}
.hx-t3-tile__cta:hover{text-decoration:underline;text-decoration-color:var(--lime)}
.hx-t3-tile__list{list-style:none;margin:6px 0 0;padding:0}
.hx-t3-tile__list li{position:relative;padding:9px 0 9px 20px;border-top:1px solid var(--t3-l);font-size:15px;line-height:1.5;color:var(--muted)}
.hx-t3-tile__list li::before{content:"";position:absolute;left:0;top:1.05em;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.hx-t3-tile--dark .hx-t3-tile__list li{border-color:rgba(255,255,255,.12)}
.hx-t3-tile__img{margin:calc(-1 * clamp(22px,2.2vw,32px)) calc(-1 * clamp(22px,2.2vw,32px)) 12px;aspect-ratio:4/3;overflow:hidden;border-radius:var(--t3-r) var(--t3-r) 0 0}
.hx-t3-tile__img img{width:100%;height:100%;object-fit:cover;display:block}
.hx-t3-qual__list .hx-t3-tile .hx-t3-bg-sub__kicker{align-self:flex-start;padding:5px 10px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:10.5px}
.hx-t3-qual__list .hx-t3-tile--dark .hx-t3-tile__no{background:none;color:var(--lime);padding:0;height:auto;min-width:0}
.hx-t3-sec--dark .hx-t3-qual__list .hx-t3-tile--dark{background:#161616;box-shadow:none}
.hx-t3-bento .hx-t3-tile:has(.hx-t3-tile__cta) :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{display:block}

/* ---------- Zielgruppen / Berufe (bg-sub) ---------- */
.hx-t3-bg-sublist{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
.hx-t3-bg-sublist:has(.hx-t3-bg-sub__img){grid-template-columns:repeat(4,minmax(0,1fr))}
.hx-t3-bg-sub{display:flex;flex-direction:column;gap:12px;overflow:hidden}
.hx-t3-bg-sub__img{margin:calc(-1 * clamp(22px,2.2vw,32px)) calc(-1 * clamp(22px,2.2vw,32px)) 6px;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2)}
.hx-t3-bg-sub__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.hx-t3-bg-sub:hover .hx-t3-bg-sub__img img{transform:scale(1.04)}
.hx-t3-bg-sub__body{display:flex;flex-direction:column;gap:10px}
.hx-t3-bg-sub__head{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hx-t3-bg-sub__title{margin:0}
.hx-t3-bg-sub__kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--t3-c2);color:var(--ink);font-size:10.5px!important;letter-spacing:.1em!important}
.hx-t3-sec--dark .hx-t3-bg-sub__kicker{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:1100px){.hx-t3-bg-sublist:has(.hx-t3-bg-sub__img){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.hx-t3-bg-sublist:has(.hx-t3-bg-sub__img){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hx-t3-bg-sublist,.hx-t3-bg-sublist:has(.hx-t3-bg-sub__img){grid-template-columns:1fr}}

/* Garderobe */
.hx-t3-bg-wardrobe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap)}
.hx-t3-bg-ward{padding:0;overflow:hidden;display:flex;flex-direction:column}
.hx-t3-bg-ward__img{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}
.hx-t3-bg-ward__img img{width:100%;height:100%;object-fit:cover;display:block}
.hx-t3-bg-ward__body{padding:18px 20px 22px}
.hx-t3-bg-ward__name{font-size:17px;margin:0 0 6px}
.hx-t3-bg-ward__txt{font-size:14.5px!important}
@media (max-width:1100px){.hx-t3-bg-wardrobe{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.hx-t3-bg-wardrobe{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-t3-bg-ward__body{padding:14px 14px 18px}}

/* Full-Service (dunkel) */
.hx-t3-bg-fs{padding:26px 0 0;border-top:1px solid var(--t3-l)}
.hx-t3-bg-fs__no{display:block;color:var(--lime);margin-bottom:12px}
.hx-t3-bg-fs__title{font-size:19px;margin:0 0 8px}
.hx-t3-bg-fs__txt{font-size:15.5px;line-height:1.6;margin:0}
.hx-t3-bg-fs-grid{row-gap:clamp(28px,3vw,44px)}
/* Empfehlung */
.hx-t3-bg-rec{border-left:3px solid var(--lime);border-radius:0 var(--t3-r) var(--t3-r) 0}
.hx-t3-bg-rec__name{font-size:20px;margin:0 0 6px}

/* Branchen-Übersicht */
.hx-t3-bg-grid .hx-t3-bg-card{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--t3-c);border-radius:var(--t3-r);overflow:hidden;padding:0 0 26px}
.hx-t3-bg-grid .hx-t3-bg-card>*:not(.hx-t3-bg-card__img):not(.hx-t3-bg-card__link){margin-inline:clamp(20px,2vw,28px)}
.hx-t3-bg-grid .hx-t3-bg-card__link{position:absolute;inset:0;z-index:1}
.hx-t3-bg-grid .hx-t3-bg-card__img{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.hx-t3-bg-grid .hx-t3-bg-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.hx-t3-bg-grid .hx-t3-bg-card:hover .hx-t3-bg-card__img img{transform:scale(1.04)}
.hx-t3-bg-grid .hx-t3-bg-card__head{display:flex;gap:14px;align-items:flex-start}
.hx-t3-bg-grid .hx-t3-bg-card__no{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--ink)}
.hx-t3-bg-grid .hx-t3-bg-card__title{font-size:clamp(22px,1.8vw,28px)!important;margin:0}
.hx-t3-bg-grid .hx-t3-bg-card__tag{margin:2px 0 0;font-size:14px;color:var(--muted)}
.hx-t3-bg-grid .hx-t3-bg-card__intro{font-size:15.5px;line-height:1.6;color:var(--muted);margin:0}
.hx-t3-bg-grid .hx-t3-bg-card__chips{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
.hx-t3-bg-chip{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--t3-c2);font-size:13px;line-height:1.3;text-decoration:none;color:var(--ink);transition:background .2s}
.hx-t3-bg-chip:hover{background:var(--lime)}
.hx-t3-bg-grid .hx-t3-bg-card__cta{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px}
.hx-t3-bg-grid .hx-t3-bg-card__cta svg{width:16px;height:16px}
.hx-t3-bg-grid .hx-t3-bg-card:hover .hx-t3-bg-card__cta{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}

/* Produktkarten (bg-card als Link) */
.hx-t3-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.hx-t3-prods>a{display:flex;flex-direction:column;background:var(--t3-c);border-radius:var(--t3-r);overflow:hidden;text-decoration:none;color:inherit;padding:0}
.hx-t3-prods>a>figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2)}
.hx-t3-prods>a>figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.hx-t3-prods>a:hover>figure img{transform:scale(1.05)}
.hx-t3-prods>a>div{padding:18px 22px 24px;display:flex;flex-direction:column;gap:6px}
.hx-t3-prods .hx-t3-bg-card__no{display:none}
.hx-t3-prods .hx-t3-bg-card__title{font-size:19px!important}
.hx-t3-prods .hx-t3-bg-card__intro{font-size:15px}
@media (max-width:980px){.hx-t3-prods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hx-t3-prods{grid-template-columns:1fr}}

/* generische Karten aus Inline-Rastern */
.hx-t3-cards>article{display:flex;flex-direction:column;gap:10px}
.hx-t3-cards>article :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:4px 0 0}
.hx-t3-num{font:500 clamp(34px,3vw,46px)/1 var(--f-text);letter-spacing:-.04em;color:var(--lime)}
.hx-t3-sec:not(.hx-t3-sec--dark) .hx-t3-num{color:var(--ink)}
.hx-t3-sec--dark .hx-t3-cards>article{background:#161616}

/* ---------- Marken ---------- */
.hx-t3-marken-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.hx-t3-marken-card{display:flex;flex-direction:column;gap:10px}
.hx-t3-marken-card__logo{display:grid;place-items:center;height:110px;margin-bottom:8px;padding:18px;border-radius:var(--t3-rs);background:#fff}
.hx-t3-sec.hx-paper .hx-t3-marken-card__logo{background:var(--paper)}
.hx-t3-marken-card__logo img{max-width:78%;max-height:64px;width:auto;height:auto;object-fit:contain}
.hx-t3-marken-card__tag{color:var(--muted);margin:0}
.hx-t3-marken-card__name{margin:0}
.hx-t3-marken-card>a{margin-top:auto;padding-top:12px;border-top:1px solid var(--t3-l);font-weight:600;font-size:15px;text-decoration:none}
.hx-t3-marken-card>a:hover{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}
/* Verfahren mit Foto statt Logo */
.hx-t3-marken-card:has(.hx-t3-mc-photo){padding-top:0;overflow:hidden}
.hx-t3-mc-photo{height:auto!important;aspect-ratio:16/11;padding:0!important;margin:0 calc(-1 * clamp(22px,2.2vw,32px)) 8px!important;border-radius:0!important;background:var(--paper-2)!important;overflow:hidden}
.hx-t3-mc-photo img{max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;object-fit:cover}
/* Top-Partner (einzelne große Karte) */
.hx-wrap>.hx-t3-marken-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,3.4vw,48px)}
.hx-wrap>.hx-t3-marken-card .hx-t3-marken-card__logo{height:auto;aspect-ratio:3/2;margin:0}
.hx-wrap>.hx-t3-marken-card .hx-t3-marken-card__logo img{max-height:96px}
.hx-wrap>.hx-t3-marken-card>div:last-child{display:flex;flex-direction:column;gap:12px}
.hx-wrap>.hx-t3-marken-card .hx-t3-marken-card__name{font-size:clamp(24px,2.2vw,32px)!important}
.hx-wrap>.hx-t3-marken-card ul{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 22px;font-size:14px;color:var(--muted)}
@media (max-width:760px){.hx-wrap>.hx-t3-marken-card{grid-template-columns:1fr}}

/* ---------- Branchen-Liste (industries, dunkel) ---------- */
.hx-t3-ind{background:#161616}
.hx-t3-sec:not(.hx-t3-sec--dark) .hx-t3-ind{background:var(--t3-c)}
.hx-t3-ind__no{color:var(--lime);margin-bottom:12px}
.hx-t3-ind :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-size:19px}

/* ---------- Logo-Laufband ---------- */
.hx-t3-logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hx-t3-logo-marquee__track{display:flex;align-items:center;gap:clamp(36px,4vw,64px);width:max-content;animation:hxT3Marq 60s linear infinite}
.hx-t3-logo-marquee:hover .hx-t3-logo-marquee__track{animation-play-state:paused}
.hx-t3-logo-marquee__item{flex:none;display:grid;place-items:center;height:56px}
.hx-t3-logo-marquee__item img{max-height:44px;max-width:140px;width:auto;height:auto;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.hx-t3-logo-marquee__item img:hover{filter:none;opacity:1}
@keyframes hxT3Marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hx-t3-logo-marquee__track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* ---------- Anprobe-Zellen ---------- */
.hx-t3-passt-cell strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}

/* ---------- Atelier: Stufen + Leistungen ---------- */
.hx-t3-tier-grid>article{display:flex;flex-direction:column;gap:12px}
.hx-t3-tier-grid>article>div:first-child{color:var(--muted)}
.hx-t3-tier-grid>article :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(22px,1.9vw,28px)!important;font-weight:500!important;letter-spacing:-.035em!important;margin:0}
.hx-t3-tier-grid>article :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{display:block}
.hx-t3-tier-grid>article ul{list-style:none;margin:6px 0 8px;padding:0}
.hx-t3-tier-grid>article li{padding:9px 0;border-top:1px solid var(--t3-l);font-size:15px;color:var(--muted)}
.hx-t3-tier-grid>article .hx-btn{margin-top:auto;align-self:flex-start}
.hx-t3-tier-grid>article:nth-child(2){background:var(--ink);color:#fff}
.hx-t3-tier-grid>article:nth-child(2) :is(p,li,div:first-child){color:rgba(255,255,255,.72)}
.hx-t3-tier-grid>article:nth-child(2) li{border-color:rgba(255,255,255,.12)}
.hx-t3-tier-grid>article:nth-child(2) :is(h3:where(:not([data-hl])),:where([data-hl="h3"])) em{color:rgba(255,255,255,.6)}
.hx-t3-svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--gap)}
.hx-t3-svc-grid>div{display:flex;flex-direction:column;gap:8px}
.hx-t3-svc-grid>div>div:first-child{color:var(--muted)}
.hx-t3-svc-grid :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-size:18px;margin:4px 0 0}

/* Mini-Karten (Label + Aussage) */
.hx-t3-minis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap)}
.hx-t3-mini{padding:22px 24px;border-radius:var(--t3-rs);background:var(--t3-c);display:flex;flex-direction:column;gap:8px}
.hx-t3-mini>p{margin:0;font-size:16px;line-height:1.5}
.hx-t3-mini>p:first-child{font:var(--t3-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hx-t3-mini strong{font-weight:600}
.hx-t3-mini>strong:first-child{display:block;font-size:17px;letter-spacing:-.01em}
.hx-t3-mini>strong:first-child+p{color:var(--muted);font-size:15px}
/* Hinweis-Box */
.hx-t3-callout{padding:24px 28px;border-radius:0 var(--t3-rs) var(--t3-rs) 0;border-left:3px solid var(--lime);background:var(--t3-c)}
.hx-t3-callout>p:first-child{font:var(--t3-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.hx-t3-callout>p{margin:0;font-size:16px;line-height:1.6}

/* Zweiter Kopf in der Seite (Marken-Teil) */
.hx-t3-subhero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,72px);align-items:end}
.hx-t3-subhero .hx-t3-pills{margin-top:22px}
.hx-t3-subhero .hx-t3-intro{color:rgba(255,255,255,.72);font-size:clamp(16.5px,1.25vw,19px);margin:0 0 24px}
.hx-t3-sec:not(.hx-t3-sec--dark) .hx-t3-subhero .hx-t3-intro{color:var(--muted)}
.hx-t3-sec:not(.hx-t3-sec--dark) .hx-t3-subhero .hx-t3-pills li{color:var(--muted);border-color:var(--line)}
@media (max-width:860px){.hx-t3-subhero{grid-template-columns:1fr}}

/* ---------- Designer-Unterseiten ---------- */
.hx-t3-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--gap)}
.hx-t3-pc{display:flex;flex-direction:column;gap:4px;padding:12px 12px 18px;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s}
.hx-t3-pc:hover{transform:translateY(-3px);box-shadow:0 0 0 1.5px var(--ink)}
.hx-t3-ph{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--t3-rs);background:#fff;overflow:hidden;margin-bottom:10px}
.hx-t3-sec.hx-paper .hx-t3-ph{background:var(--paper)}
.hx-t3-ph img{width:86%;height:auto;transition:transform .6s var(--ease)}
.hx-t3-pc:hover .hx-t3-ph img{transform:scale(1.05)}
.hx-t3-pc b{font-size:16.5px;font-weight:600;letter-spacing:-.015em;padding-inline:4px}
.hx-t3-pc small{font-size:13px;line-height:1.4;color:var(--muted);padding-inline:4px}
.hx-t3-pr{margin-top:6px;padding-inline:4px;font-weight:600;font-size:15px}
.hx-t3-pr em{font-style:normal;font-weight:400;font-size:12.5px;color:var(--muted);margin-left:4px}
.hx-t3-txg{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:var(--gap)}
.hx-t3-txg--1{--n:1}.hx-t3-txg--2{--n:2}.hx-t3-txg--3{--n:3}
.hx-t3-txg--1 .hx-t3-txc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,64px);align-items:start}
.hx-t3-txc :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(24px,2.1vw,32px)!important;letter-spacing:-.035em!important;margin:0 0 14px!important}
.hx-t3-txc p{font-size:16px!important}
.hx-t3-txc ol{margin:0;padding-left:1.2em;color:var(--muted);font-size:16px;line-height:1.6}
.hx-t3-txc ol li{padding:4px 0}
.hx-t3-txc ol li::marker{color:var(--ink);font-weight:600}
@media (max-width:900px){.hx-t3-txg{grid-template-columns:1fr}.hx-t3-txg--1 .hx-t3-txc{grid-template-columns:1fr}}
.hx-t3-faqsplit{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,72px);align-items:start}
.hx-t3-faqsplit>*{margin-top:0!important}
.hx-t3-faqsplit>.hx-t3-head{position:sticky;top:calc(var(--hd-h) + 24px);margin:0}
.hx-t3-faqsplit>.hx-t3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3vw,48px)!important}
@media (max-width:900px){.hx-t3-faqsplit{grid-template-columns:1fr}.hx-t3-faqsplit>.hx-t3-head{position:static}}
.hx-t3-rel{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:clamp(22px,2.4vw,32px);border-radius:var(--t3-r);background:var(--t3-c)}
.hx-t3-rel :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(20px,1.6vw,24px)!important;letter-spacing:-.02em!important;font-weight:600!important;margin:0!important}
.hx-t3-rel__l{display:flex;flex-wrap:wrap;gap:8px}
.hx-t3-rel__l a{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;background:var(--t3-c2);text-decoration:none;font-weight:600;font-size:14.5px;transition:background .2s,color .2s}
.hx-t3-rel__l a:hover{background:var(--ink);color:#fff}
.hx-t3-rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (max-width:900px){.hx-t3-rgrid{grid-template-columns:1fr}}
.hx-t3-rc{display:flex;flex-direction:column;gap:8px;text-decoration:none;min-height:220px}
.hx-t3-rc b,.hx-t3-rc strong{font-size:clamp(19px,1.5vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.hx-t3-rc span:not(.hx-t3-rc__go),.hx-t3-rc small{font-size:15px;line-height:1.55;color:var(--muted)}
.hx-t3-rc__go{margin-top:auto;font:var(--t3-mono);letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.hx-t3-rc__go::after{content:"→";font-family:var(--f-text);font-size:16px;transition:transform .3s var(--ease)}
.hx-t3-rc:hover{background:var(--ink);color:#fff}
.hx-t3-rc:hover :is(span,small){color:rgba(255,255,255,.72)}
.hx-t3-rc:hover .hx-t3-rc__go::after{transform:translateX(4px)}
/* Ratgeber-Artikel */
.hx-t3-prose{max-width:760px;margin-inline:auto;font-size:18px;line-height:1.75}
.hx-t3-prose>p{margin:0 0 1.1em}
.hx-t3-prose :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(26px,2.4vw,36px)!important;letter-spacing:-.035em!important;margin:1.6em 0 .5em!important}
.hx-t3-prose :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){margin:1.4em 0 .4em}
.hx-t3-prose :is(ul,ol){margin:0 0 1.2em;padding-left:1.2em}
.hx-t3-prose li{margin:.35em 0}
.hx-t3-prose li::marker{color:var(--ink)}
.hx-t3-prose .hx-t3-actions{margin-top:2em}
.hx-t3-tbl{width:100%;border-collapse:collapse;font-size:15.5px;margin:0 0 1.4em;background:var(--paper);border-radius:var(--t3-rs);overflow:hidden}
.hx-t3-tbl :is(th,td){padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.hx-t3-tbl th{font:var(--t3-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--paper-2)}
.hx-t3-prose .hx-t3-tbl{display:block;overflow-x:auto}

/* ---------- Kontakt ---------- */
.hx-t3-locs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.hx-t3-loc{display:flex;flex-direction:column;gap:10px;padding:clamp(24px,3vw,44px);border-radius:var(--t3-r);background:var(--paper)}
.hx-t3-loc :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(26px,2.4vw,38px)!important;font-weight:500!important;letter-spacing:-.04em!important;margin:0}
.hx-t3-loc__addr{margin:0;color:var(--muted);font-size:17px;line-height:1.55}
.hx-t3-loc--dark .hx-t3-loc__addr{color:rgba(255,255,255,.7)}
.hx-t3-loc__l{list-style:none;margin:6px 0 10px;padding:0}
.hx-t3-loc__l li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)}
.hx-t3-loc--dark .hx-t3-loc__l li{border-color:rgba(255,255,255,.14)}
.hx-t3-loc__l b{font:var(--t3-mono);letter-spacing:.14em;color:var(--muted);width:16px}
.hx-t3-loc__l a{font-size:18px;font-weight:600;text-decoration:none}
.hx-t3-loc__l a:hover{text-decoration:underline;text-decoration-color:var(--lime)}
.hx-t3-loc .hx-btn{align-self:flex-start;margin-top:auto}
.hx-t3-loc--dark{background:var(--ink);color:#fff}
.hx-t3-map{margin-top:var(--gap)!important}
.hx-t3-map .hx-map2{margin:0}
.hx-t3-map__cap{margin:14px 0 0;text-align:center;font-size:14px;color:var(--muted)}
@media (max-width:760px){.hx-t3-locs{grid-template-columns:1fr}}
.hx-t3-contact{align-items:stretch}
.hx-t3-contact .hx-t3-checks{margin:22px 0 4px}
.hx-t3-contact .hx-t3-checks li{padding:10px 0 10px 28px;position:relative;font-size:15.5px}
.hx-t3-contact .hx-t3-checks li::before{content:"";position:absolute;left:0;top:13px;width:16px;height:16px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.2 2.6 2.6L12 5.4' fill='none' stroke='%230A0A0A' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.hx-t3-contact .lf-source{font:var(--t3-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.hx-t3-contact .lf-meta{margin:14px 0 0;font-size:13.5px;color:var(--muted)}

/* ---------- Anfrage-Funnel ---------- */
.hx-t3-sec--funnel{padding-top:clamp(40px,4.4vw,72px)}
.hx-t3-fx{max-width:1100px;margin-inline:auto;padding:clamp(22px,3.4vw,52px);border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 80px -50px rgba(10,10,10,.35)}
.hx-t3-fx .hx-t3-funnel-wrap,.hx-t3-fx .hx-t3-wrap{max-width:none;padding:0;margin:0}
.hx-t3-fx .funnel-step__title{font-size:clamp(24px,2.2vw,34px)!important;font-weight:500!important;letter-spacing:-.035em!important;max-width:30ch}
.hx-t3-fx .funnel-step__title em{font-size:15px!important;font-weight:400!important;letter-spacing:0!important;color:var(--muted)!important}
.hx-t3-fx .funnel-step__eyebrow{font:var(--t3-mono)!important;letter-spacing:.14em!important}
.hx-t3-fx label.funnel-opt{font:400 15px/1.4 var(--f-text)!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}
.hx-t3-fx .funnel-opt__lbl{font-size:15.5px!important}
.hx-t3-fx .funnel-success :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(26px,2.4vw,36px)!important}
.hx-t3-fx .funnel-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.hx-t3-fx .funnel-progress{display:flex;align-items:center;gap:14px;margin-bottom:42px}
.hx-t3-fx .funnel-progress__bar{flex:1;height:3px;border-radius:2px;background:rgba(10,10,10,0.07);overflow:hidden;position:relative}
.hx-t3-fx .funnel-progress__fill{position:absolute;left:0;top:0;bottom:0;background:#0a0a0a;border-radius:2px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.hx-t3-fx .funnel-progress__count{font-family:var(--f-display);font-size:11px;font-weight:600;letter-spacing:.14em;color:rgba(10,10,10,0.5);white-space:nowrap;text-transform:uppercase}
.hx-t3-fx .funnel-step{display:none;animation:funnel-in .42s cubic-bezier(.2,.8,.2,1) both}
.hx-t3-fx .funnel-step.is-active{display:block}
@keyframes funnel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hx-t3-fx .funnel-step__eyebrow{font-family:var(--f-display);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(10,10,10,0.45);margin:0 0 12px;font-weight:600}
.hx-t3-fx .funnel-step__title{font-family:"Manrope",sans-serif;font-size:clamp(18px,1.4vw,21px);font-weight:600;line-height:1.25;letter-spacing:-0.015em;margin:0 0 6px;color:#0a0a0a;max-width:36ch}
.hx-t3-fx .funnel-step__title em{display:block; font-style:normal; font-size:12px; font-weight:400; line-height:1.45; color:rgba(10,10,10,0.55); letter-spacing:-0.005em; margin-top:6px; max-width:54ch;}
.hx-t3-fx .funnel-step__sub{margin:0 0 30px;font-size:14.5px;line-height:1.55;color:rgba(10,10,10,0.6);max-width:64ch}
.hx-t3-fx .funnel-step__sub b{font-weight:600;color:rgba(10,10,10,0.78)}
.hx-t3-fx .funnel-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:36px}
.hx-t3-fx .funnel-options--wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.hx-t3-fx .funnel-opt{position:relative;display:flex;align-items:flex-start;gap:14px; padding:20px 22px 20px 50px;border:1.5px solid rgba(10,10,10,0.08); border-radius:14px;background:#fff;cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease; text-align:left;font-family:inherit;}
.hx-t3-fx .funnel-opt:hover{border-color:rgba(10,10,10,0.25);background:#fafafa;transform:translateY(-1px);box-shadow:0 6px 18px -10px rgba(10,10,10,0.10)}
.hx-t3-fx .funnel-opt.is-selected{border-color:#0a0a0a;background:#0a0a0a;color:#fff;box-shadow:0 10px 28px -14px rgba(10,10,10,0.4)}
.hx-t3-fx .funnel-opt.is-selected .funnel-opt__sub{color:rgba(255,255,255,0.62)}
.hx-t3-fx .funnel-opt.is-selected .funnel-opt__ico{background:var(--lime);color:#0a0a0a}
.hx-t3-fx .funnel-opt input{position:absolute;opacity:0;width:1px;height:1px}
.hx-t3-fx .funnel-opt::before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%); width:20px;height:20px;border:1.5px solid rgba(10,10,10,0.20);border-radius:6px; background:#fff;transition:background .18s ease, border-color .18s ease;}
.hx-t3-fx .funnel-opt::after{content:"";position:absolute;left:23px;top:50%;width:10px;height:6px; border:solid #0a0a0a;border-width:0 0 2px 2px;transform:translateY(-72%) rotate(-45deg); opacity:0;transition:opacity .14s ease;}
.hx-t3-fx .funnel-opt.is-selected::before{background:var(--lime);border-color:var(--lime)}
.hx-t3-fx .funnel-opt.is-selected::after{opacity:1}
.hx-t3-fx .funnel-opt__ico{flex-shrink:0;width:38px;height:38px;border-radius:10px; background:rgba(10,10,10,0.05);display:flex;align-items:center;justify-content:center; transition:background .18s ease,color .18s ease;}
.hx-t3-fx .funnel-opt__ico svg{width:18px;height:18px;stroke-width:1.6}
.hx-t3-fx .funnel-opt__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hx-t3-fx .funnel-opt__lbl{font-size:14.5px;font-weight:600;letter-spacing:-0.005em;line-height:1.3}
.hx-t3-fx .funnel-opt__sub{font-size:12px;color:rgba(10,10,10,0.5);line-height:1.4}
.hx-t3-fx .funnel-multi-hint{display:inline-flex;align-items:center;gap:7px; padding:5px 11px 5px 9px;background:rgba(10,10,10,0.05); border-radius:99px;font-family:var(--f-display); font-size:10.5px;letter-spacing:.12em;text-transform:uppercase; color:rgba(10,10,10,0.6);font-weight:600;margin-bottom:18px;}
.hx-t3-fx .funnel-multi-hint svg{width:11px;height:11px}
.hx-t3-fx .funnel-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:8px}
.hx-t3-fx .funnel-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-bottom:22px}
@media (max-width:680px){.hx-t3-fx .funnel-fields{grid-template-columns:1fr;gap:14px}}
.hx-t3-fx .funnel-field{display:flex;flex-direction:column;gap:8px}
.hx-t3-fx .funnel-field--full{grid-column:1/-1}
.hx-t3-fx .funnel-field label{font-family:var(--f-display);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(10,10,10,0.5);font-weight:600}
.hx-t3-fx .funnel-field input,.hx-t3-fx .funnel-field textarea{width:100%;padding:15px 17px;border:1.5px solid rgba(10,10,10,0.10);border-radius:12px; font-family:"Manrope",sans-serif;font-size:15px;color:#0a0a0a;background:#fff; transition:border-color .18s ease,box-shadow .18s ease;}
.hx-t3-fx .funnel-field textarea{resize:vertical;min-height:128px;line-height:1.55}
.hx-t3-fx .funnel-field input:focus,.hx-t3-fx .funnel-field textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 4px rgba(10,10,10,0.05)}
.hx-t3-fx .funnel-field input::placeholder,.hx-t3-fx .funnel-field textarea::placeholder{color:rgba(10,10,10,0.3)}
.hx-t3-fx .funnel-recap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px; padding:20px 22px;background:rgba(10,10,10,0.03); border:1px solid rgba(10,10,10,0.06); border-radius:14px;margin-bottom:32px;}
.hx-t3-fx .funnel-recap__pill{display:flex;flex-direction:column;gap:3px; padding:2px 0;}
.hx-t3-fx .funnel-recap__pill small{font-weight:600;color:rgba(10,10,10,0.45);text-transform:uppercase;font-family:var(--f-display);font-size:10px;letter-spacing:.14em}
.hx-t3-fx .funnel-recap__pill span[data-recap-val]{font-size:14.5px;font-weight:600;color:#0a0a0a;letter-spacing:-0.005em;line-height:1.35}
.hx-t3-fx .funnel-consent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 16px;font-size:13.5px;line-height:1.5;color:rgba(10,10,10,0.7)}
.hx-t3-fx .funnel-consent input{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:#0a0a0a}
.hx-t3-fx .funnel-consent a{color:#0a0a0a;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hx-t3-fx .funnel-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none;height:0;width:0;overflow:hidden}
.hx-t3-fx .cf-turnstile-wrap{margin:0 0 18px;display:flex;justify-content:flex-start}
.hx-t3-fx .funnel-success{text-align:center;padding:28px 8px;display:none}
.hx-t3-fx .funnel-success.is-active{display:block;animation:funnel-in .5s cubic-bezier(.2,.8,.2,1) both}
.hx-t3-fx .funnel-success__icon{width:72px;height:72px;border-radius:50%; background:var(--lime);display:inline-flex;align-items:center;justify-content:center; margin-bottom:18px;color:#0a0a0a;}
.hx-t3-fx label.funnel-opt{font:400 15px/1.4 var(--f-text)!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}
.hx-t3-fx .funnel-opt__lbl{font-size:15.5px!important}
.hx-t3-fx .funnel-success :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:24px;margin:0 0 12px;color:#0a0a0a}
.hx-t3-fx .funnel-success :is(h2:where(:not([data-hl])),:where([data-hl="h2"])) em{font-style:normal;color:rgba(10,10,10,0.55);font-weight:400}
.hx-t3-fx .funnel-success p{font-size:14.5px;line-height:1.6;color:rgba(10,10,10,0.65);max-width:48ch;margin:0 auto 20px}
.hx-t3-fx .funnel-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px; margin-top:48px;padding-top:32px;border-top:1px solid rgba(10,10,10,0.08); color:rgba(10,10,10,0.65);}
.hx-t3-fx .funnel-trust__cell{display:flex;flex-direction:column;gap:4px}
.hx-t3-fx .funnel-trust__k{font-family:var(--f-display);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(10,10,10,0.45);font-weight:600}
.hx-t3-fx .funnel-trust__v{font-size:15px;font-weight:600;color:#0a0a0a;line-height:1.35}
.hx-t3-fx .funnel-trust__sub{font-size:12.5px;color:rgba(10,10,10,0.55);line-height:1.45}
.hx-t3-fx .cf-turnstile{min-height:65px}

/* ---------- Mobil: kompakter (zweispaltige Kleinraster, weniger Polster) ---------- */
@media (max-width:640px){
  .hx-t3-page{--t3-sec:52px;--t3-r:18px}
  .hx-t3-sec .hx-wrap>*+*{margin-top:24px}
  .hx-t3-head{margin-bottom:26px;gap:14px}
  :where(.hx-t3-spec,.hx-t3-step,.hx-t3-tile,.hx-t3-bg-sub,.hx-t3-passt-cell,.hx-t3-related>a,.hx-t3-marken-card,.hx-t3-tier-grid>article,.hx-t3-svc-grid>div,.hx-t3-cards>article,.hx-t3-bg-rec,.hx-t3-txc,.hx-t3-rc,.hx-t3-ind){padding:20px}
  .hx-t3-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-spec{padding:16px!important}
  .hx-t3-spec__v{font-size:26px;margin:4px 0}
  .hx-t3-spec__v span{display:block;margin:2px 0 0;font-size:13px}
  .hx-t3-spec p{font-size:13.5px!important;line-height:1.5}
  .hx-t3-gallery:not(:has(.hx-t3-g--photo)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-gallery:not(:has(.hx-t3-g--photo)) .hx-t3-g{min-height:156px;padding:16px;gap:14px}
  .hx-t3-gallery:not(:has(.hx-t3-g--photo)) .hx-t3-g__cap{padding-right:0}
  .hx-t3-gallery:not(:has(.hx-t3-g--photo)) .hx-t3-g__cap :is(h5:where(:not([data-hl])),:where([data-hl="h5"])){font-size:15px}
  .hx-t3-gallery:not(:has(.hx-t3-g--photo)) .hx-t3-g::after{width:26px;height:26px;right:14px;top:14px;bottom:auto}
  .hx-t3-gallery:not(:has(.hx-t3-g--photo)) .hx-t3-g__icon{width:36px;height:36px}
  .hx-t3-gallery:has(.hx-t3-g--photo){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-gallery:has(.hx-t3-g--photo) .hx-t3-g{grid-column:auto;min-height:190px;padding:14px}
  .hx-t3-gallery:has(.hx-t3-g--photo) .hx-t3-g:first-child{grid-column:1/-1;min-height:240px}
  .hx-t3-gallery:has(.hx-t3-g--photo) .hx-t3-g__cap{padding-right:0}
  .hx-t3-gallery:has(.hx-t3-g--photo) .hx-t3-g__cap :is(h5:where(:not([data-hl])),:where([data-hl="h5"])){font-size:14.5px}
  .hx-t3-gallery:has(.hx-t3-g--photo) .hx-t3-g::after{width:26px;height:26px;right:12px;top:12px;bottom:auto}
  .hx-t3-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-pc{padding:8px 8px 14px}
  .hx-t3-pc b{font-size:14.5px}
  .hx-t3-pc small{font-size:12px}
  .hx-t3-pr{font-size:13.5px}
  .hx-t3-pr em{display:block;margin:0}
  .hx-t3-bento:has(.hx-t3-tile__img),.hx-t3-qual__list:has(.hx-t3-tile__img){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-qual__list:has(.hx-t3-tile__img) .hx-t3-tile{padding:14px}
  .hx-t3-qual__list:has(.hx-t3-tile__img) .hx-t3-tile__img{margin:-14px -14px 6px}
  .hx-t3-qual__list:has(.hx-t3-tile__img) .hx-t3-tile p{font-size:13.5px}
  .hx-t3-qual__list:not(:has(.hx-t3-tile__img)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-qual__list:not(:has(.hx-t3-tile__img)) .hx-t3-tile{padding:16px}
  .hx-t3-qual__list:not(:has(.hx-t3-tile__img)) .hx-t3-tile p{font-size:13.5px}
  .hx-t3-bg-sublist:has(.hx-t3-bg-sub__img){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-bg-sublist:has(.hx-t3-bg-sub__img) .hx-t3-bg-sub{padding:14px}
  .hx-t3-bg-sublist:has(.hx-t3-bg-sub__img) .hx-t3-bg-sub__img{margin:-14px -14px 4px}
  .hx-t3-bg-sublist:has(.hx-t3-bg-sub__img) .hx-t3-bg-sub__title{font-size:16px!important}
  .hx-t3-bg-sublist:has(.hx-t3-bg-sub__img) p{font-size:13.5px}
  .hx-t3-minis,.hx-t3-passt-grid,.hx-t3-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-mini,.hx-t3-passt-cell,.hx-t3-svc-grid>div{padding:16px!important}
  :is(.hx-t3-mini,.hx-t3-passt-cell,.hx-t3-svc-grid>div) p{font-size:13.5px!important}
  .hx-t3-passt-cell strong{font-size:15.5px}
  .hx-t3-marken-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-t3-marken-grid .hx-t3-marken-card{padding:14px}
  .hx-t3-marken-grid .hx-t3-marken-card__logo{height:78px;padding:10px}
  .hx-t3-marken-grid .hx-t3-mc-photo{margin:0 -14px 6px!important}
  .hx-t3-marken-grid .hx-t3-marken-card__txt{font-size:13.5px}
  .hx-t3-marken-grid .hx-t3-marken-card__name{font-size:16px!important}
  .hx-t3-proc{gap:10px}
  .hx-t3-step{padding:18px!important}
  .hx-t3-figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx-t3-ref-gallery:has(>:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx-t3-ref-gallery:has(>:nth-child(3):last-child) figure:first-child{grid-column:1/-1}
  .hx-t3-cta,.hx-t3-cta-band{padding:24px 20px;border-radius:20px}
  .hx-t3-cta-band__actions .hx-btn{flex:1 1 100%}
  .hx-t3-loc{padding:22px}
}
.hx-t3-sec .hx-t3-contact>*+*{margin-top:0!important}
.hx-t3-contact .hx-contact__info :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(32px,3.2vw,52px)!important}

/* ===== misc3 ===== Ratgeber-Artikel, Rechtstexte, Danke-Seite (Präfix .hx-m3-) */
.hx-m3-col{width:100%;max-width:calc(1120px + 2*var(--pad));margin-inline:auto;padding-inline:var(--pad)}

/* ---------- Seitenkopf (dunkel, unter dem transparenten Header) ---------- */
.hx-m3-hero{position:relative;background:var(--ink);color:#fff;margin-top:calc(-1 * var(--hd-h));padding:calc(var(--hd-h) + clamp(28px,4.4vw,64px)) 0 clamp(40px,4.6vw,68px)}
.hx-m3-hero--img{padding-bottom:clamp(28px,3vw,44px)}
.hx-m3 .hx-m3-crumbs{justify-content:flex-start;margin:0 0 clamp(18px,2.2vw,30px);color:rgba(255,255,255,.55);opacity:1}
.hx-m3 .hx-m3-crumbs a{color:rgba(255,255,255,.72)}
.hx-m3 .hx-m3-crumbs a:hover{color:var(--lime);text-decoration:none}
.hx-m3 .hx-m3-crumbs [aria-current]{color:rgba(255,255,255,.55);opacity:1}
.hx-m3-hero .hx-eyebrow{justify-content:flex-start;margin:0 0 clamp(10px,1.4vw,18px)!important}
/* Signatur: Schreibschrift links, immer größer als die Zeile darunter */
.hx-m3 .hx-m3-scrib{font-size:clamp(44px,5.4vw,86px)!important;font-size:min(clamp(44px,5.4vw,86px),calc(1040px / (var(--len) * .6)))!important;
  text-align:left;transform-origin:left center;transform:rotate(-2.5deg);margin:0 0 .1em -.02em!important;white-space:nowrap;line-height:1!important}
.hx-m3-hero .hx-m3-scrib{color:var(--lime)!important;text-shadow:none!important}
.hx-m3 .hx-m3-h1{font-size:clamp(32px,3.5vw,56px)!important;line-height:1.06!important;letter-spacing:-.035em!important;white-space:normal!important;max-width:24ch!important;text-wrap:balance;margin:0!important}
.hx-m3-hero .hx-m3-h1{color:#fff!important}
.hx-m3 .hx-m3-h1 em{color:rgba(255,255,255,.55)!important}
.hx-m3-lead{max-width:62ch;margin:clamp(16px,1.8vw,24px) 0 0!important;font-size:clamp(17px,1.3vw,20px);line-height:1.6;color:rgba(255,255,255,.76)!important}
.hx-m3-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin-top:clamp(20px,2.2vw,30px);padding-top:clamp(16px,1.8vw,22px);border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:rgba(255,255,255,.7)}
.hx-m3-meta>*{display:inline-flex;align-items:center;gap:10px}
.hx-m3-meta>*+*::before{content:"";width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3);margin:0 14px}
.hx-m3-meta__by{color:#fff;font-weight:600}
.hx-m3-meta__by i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--ink);font:800 13px/1 var(--f-display);font-style:normal;letter-spacing:-.02em}
.hx-m3-meta a{color:#fff;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.hx-m3-meta a:hover{color:var(--lime)}
.hx-m3-stand{margin:clamp(18px,2vw,26px) 0 0!important;font:500 12.5px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)!important}

/* Titelbild: halb im dunklen Kopf, halb auf Weiß */
.hx-m3-coverwrap{background:linear-gradient(var(--ink) 0 50%,#fff 50%)}
.hx-m3-cover{margin:0;aspect-ratio:21/9;overflow:hidden;background:#1d1d1b;border-radius:var(--r-l)}
.hx-m3-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}

/* ---------- Inhalt: Seitenleiste + Lesespalte ---------- */
.hx-m3-body{padding:clamp(36px,4.6vw,72px) 0 clamp(56px,6vw,96px);background:#fff}
.hx-m3-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,32px)}
@media (min-width:1080px){.hx-m3-grid{grid-template-columns:268px minmax(0,1fr);gap:clamp(48px,5vw,88px);align-items:start}}
.hx-m3-main{min-width:0;max-width:740px}

/* Inhaltsverzeichnis */
.hx-m3-toc{min-width:0}
@media (min-width:1080px){.hx-m3-toc{position:sticky;top:calc(var(--hd-h) + 20px);max-height:calc(100vh - var(--hd-h) - 40px);overflow:auto;scrollbar-width:thin}}
.hx-m3-toc__d{border-radius:var(--r-m);background:var(--paper)}
.hx-m3-toc__d summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;font:600 15px/1.2 var(--f-text);color:var(--ink)}
.hx-m3-toc__d summary::-webkit-details-marker{display:none}
.hx-m3-toc__d summary svg{width:18px;height:18px;flex:none}
.hx-m3-toc__d summary small{margin-left:auto;font:500 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.06em;color:var(--muted)}
.hx-m3-toc__d summary svg:last-child{transition:transform .25s var(--ease)}
.hx-m3-toc__d[open] summary svg:last-child{transform:rotate(180deg)}
.hx-m3-toc ol{list-style:none;margin:0;padding:0 8px 10px;counter-reset:m3toc}
.hx-m3-toc li{counter-increment:m3toc}
.hx-m3-toc li a{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;padding:9px 10px;border-radius:var(--r-s);color:var(--muted);text-decoration:none;font-size:14.5px;line-height:1.4;transition:background .2s,color .2s}
.hx-m3-toc li a::before{content:counter(m3toc,decimal-leading-zero);font:500 11.5px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:#9a9a95}
.hx-m3-toc li a:has(b)::before{content:none;display:none}
.hx-m3-toc li a b{font:600 11.5px/1.3 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:#9a9a95;min-width:1.6em}
.hx-m3-toc li a:hover{color:var(--ink);background:rgba(10,10,10,.05)}
.hx-m3-toc li a.is-on{color:var(--ink);background:#fff;box-shadow:inset 3px 0 0 var(--lime)}
.hx-m3-toc li a.is-on::before,.hx-m3-toc li a.is-on b{color:var(--ink)}
@media (min-width:1080px){
  .hx-m3-toc__d{background:transparent;border-radius:0}
  .hx-m3-toc__d summary{cursor:default;padding:0 0 12px;margin-bottom:6px;border-bottom:1px solid var(--line);font:500 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
  .hx-m3-toc__d summary svg{display:none}
  .hx-m3-toc ol{padding:0}
  .hx-m3-toc li a{padding:8px 10px 8px 12px;margin-left:-12px}
  .hx-m3-toc li a.is-on{background:var(--paper)}
}
.hx-m3-toc__cta{display:none}
@media (min-width:1080px){
  .hx-m3-toc__cta{display:block;margin-top:24px;padding:20px;border-radius:var(--r-m);background:var(--ink);color:#fff}
  .hx-m3-toc__cta p{margin:0 0 12px;font:600 16px/1.3 var(--f-text)}
  .hx-m3-toc__cta .hx-btn{width:100%;justify-content:center;white-space:nowrap;padding-inline:18px}
}
.hx-m3-toc__tools{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:14px;padding:0 4px}
.hx-m3-print{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:6px 0;font:500 14px var(--f-text);color:var(--muted);cursor:pointer}
.hx-m3-print svg{width:18px;height:18px}
.hx-m3-print:hover,.hx-m3-top:hover{color:var(--ink)}
.hx-m3-top{font-size:14px;color:var(--muted);text-decoration:none}
@media (max-width:1079px){.hx-m3-toc__tools{display:none}}

/* ---------- Lesetext ---------- */
.hx-m3 .hx-m3-prose{font-size:clamp(17px,1.2vw,18.5px);line-height:1.75;color:#262624}
.hx-m3 .hx-m3-prose>:first-child{margin-top:0!important}
.hx-m3 .hx-m3-prose p{margin:0 0 1.15em}
.hx-m3 .hx-m3-prose :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(25px,2.2vw,34px)!important;line-height:1.16!important;letter-spacing:-.03em!important;font-weight:600!important;color:var(--ink);margin:1.9em 0 .6em;max-width:none;scroll-margin-top:calc(var(--hd-h) + 24px)}
.hx-m3 .hx-m3-prose :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:clamp(19px,1.4vw,22px)!important;line-height:1.25;letter-spacing:-.02em!important;font-weight:650;margin:1.6em 0 .5em;color:var(--ink)}
.hx-m3 .hx-m3-prose :is(h4:where(:not([data-hl])),:where([data-hl="h4"])){font-size:17px;margin:1.4em 0 .4em}
.hx-m3 .hx-m3-prose strong,.hx-m3 .hx-m3-prose b{color:var(--ink);font-weight:700}
.hx-m3 .hx-m3-prose em{font-style:italic}
.hx-m3 .hx-m3-prose a:not(.hx-btn){color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:4px;transition:background .2s}
.hx-m3 .hx-m3-prose a:not(.hx-btn):hover{background:var(--lime);text-decoration-color:var(--ink)}
.hx-m3 .hx-m3-prose :is(ul,ol){margin:0 0 1.3em;padding:0;list-style:none}
.hx-m3 .hx-m3-prose li{position:relative;padding-left:1.7em;margin:0 0 .55em}
.hx-m3 .hx-m3-prose ul>li::before{content:"";position:absolute;left:.25em;top:.68em;width:.5em;height:.5em;background:var(--lime);box-shadow:0 0 0 1.5px var(--ink)}
.hx-m3 .hx-m3-prose ol{counter-reset:m3ol}
.hx-m3 .hx-m3-prose ol>li{counter-increment:m3ol}
.hx-m3 .hx-m3-prose ol>li::before{content:counter(m3ol) ".";position:absolute;left:0;top:0;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.hx-m3 .hx-m3-prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.92em;display:block;overflow-x:auto}
.hx-m3 .hx-m3-prose :is(th,td){padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}

/* Zwischen-CTA (bestehender Hinweisblock) */
.hx-m3 .hx-m3-note{margin:2em 0;padding:clamp(20px,2.4vw,30px) clamp(20px,2.6vw,34px);background:var(--paper);border-left:4px solid var(--lime);border-radius:0 var(--r-m) var(--r-m) 0;font-size:.95em}
.hx-m3 .hx-m3-note p{margin:0 0 18px}

/* Themen-Link am Artikelende */
.hx-m3-theme{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:clamp(36px,4vw,52px);padding:clamp(22px,2.6vw,32px);border-radius:var(--r-l);background:var(--ink);color:#fff}
.hx-m3-theme>div{flex:1 1 300px}
.hx-m3-theme__k{margin:0 0 4px!important;font:500 12px/1.3 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)!important}
.hx-m3-theme__t{margin:0!important;font:500 clamp(18px,1.4vw,21px)/1.35 var(--f-text);color:#fff!important}

/* ---------- Abschnitts-Kopf (links Titel, rechts Button) ---------- */
.hx-m3-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px;margin:0 0 clamp(26px,3vw,40px)}
.hx-m3-head>div{min-width:0}
.hx-m3-head .hx-eyebrow{justify-content:flex-start;margin-bottom:12px!important}
.hx-m3 .hx-m3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3.2vw,50px)!important;line-height:1.04!important;white-space:normal!important;margin:0!important;max-width:none;text-align:left}
.hx-m3 .hx-m3-head .hx-m3-scrib{font-size:clamp(42px,4.6vw,72px)!important}
.hx-m3-more .hx-m3-scrib{color:var(--lime)!important;text-shadow:none!important}

/* Weitere Beiträge */
.hx-m3 .hx-m3-more{padding:clamp(52px,6vw,96px) 0}
.hx-m3-more__grid .hx-b3__c--typo{min-height:clamp(300px,24vw,380px)}
@media (max-width:1100px) and (min-width:761px){.hx-m3-more__grid>:nth-child(3){display:none}}

/* Projekte zum Thema */
.hx-m3 .hx-m3-xl{padding-block:clamp(52px,6vw,96px)!important;border-top:0;background:var(--paper)}

/* ---------- Abschluss-CTA (Lime-Band) ---------- */
.hx-m3-cta{background:var(--lime);color:var(--ink);padding:clamp(44px,5.4vw,84px) 0}
.hx-m3-cta__in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:end}
@media (min-width:960px){.hx-m3-cta__in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.hx-m3-cta .hx-eyebrow{justify-content:flex-start;color:var(--ink)!important;margin-bottom:14px!important}
.hx-m3-cta .hx-eyebrow::before{background:var(--ink);box-shadow:none}
.hx-m3 .hx-m3-cta :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3.6vw,56px)!important;line-height:1.04!important;margin:0 0 .4em!important;color:var(--ink);max-width:18ch}
.hx-m3-cta__txt p:not(.hx-eyebrow){margin:0;max-width:56ch;font-size:clamp(17px,1.25vw,19px);line-height:1.6;color:rgba(10,10,10,.78)}
.hx-m3-cta__act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (min-width:960px){.hx-m3-cta__act{justify-content:flex-end}}
.hx-m3-tel{display:flex;flex-direction:column;gap:2px;margin-left:8px;padding-left:18px;border-left:1px solid rgba(10,10,10,.2);color:var(--ink);text-decoration:none}
.hx-m3-tel small{font:500 11.5px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(10,10,10,.62)}
.hx-m3-tel b{font:700 17px/1.2 var(--f-text);letter-spacing:-.01em}
.hx-m3-tel:hover b{text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){.hx-m3-tel{flex-basis:100%;margin:6px 0 0;padding:14px 0 0;border-left:0;border-top:1px solid rgba(10,10,10,.2)}}

/* Lesefortschritt */
.hx-m3-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;pointer-events:none}
.hx-m3-prog i{display:block;height:100%;background:var(--lime);transform:scaleX(var(--p,0));transform-origin:0 50%}

/* ---------- Rechtstexte ---------- */
.hx-m3-hero--legal{padding-bottom:clamp(36px,4.4vw,64px)}
.hx-m3 .hx-m3-prose--legal{font-size:16.5px;line-height:1.72}
.hx-m3-prose--legal .hx-m3-intro{margin:0 0 clamp(26px,3vw,36px);padding:clamp(18px,2vw,24px) clamp(20px,2.4vw,28px);background:var(--paper);border-radius:var(--r-m);font-size:17px}
.hx-m3-prose--legal .hx-m3-intro p:last-child{margin-bottom:0}
.hx-m3-block{scroll-margin-top:calc(var(--hd-h) + 20px)}
.hx-m3-block+.hx-m3-block,.hx-m3-intro+.hx-m3-block{margin-top:clamp(22px,2.4vw,32px);padding-top:clamp(22px,2.4vw,32px);border-top:1px solid var(--line)}
.hx-m3 .hx-m3-prose--legal :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(22px,1.9vw,28px)!important;margin:0 0 .7em!important;display:flex;align-items:baseline;gap:.6em}
.hx-m3 .hx-m3-prose--legal :is(h3:where(:not([data-hl])),:where([data-hl="h3"])){font-size:18px!important;margin:1.5em 0 .45em}
.hx-m3-n{flex:none;display:inline-grid;place-items:center;min-width:2.3em;height:2.3em;padding:0 .55em;border-radius:var(--r-s);background:var(--ink);color:var(--lime);font:600 .52em/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace!important;letter-spacing:0;transform:translateY(-.25em)}
.hx-m3-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hx-m3-prose--legal p{overflow-wrap:anywhere}
.hx-m3-endmeta{margin:clamp(32px,4vw,48px) 0 0!important;padding-top:18px;border-top:1px solid var(--line);font:500 12.5px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hx-m3-endmeta--c{text-align:center;border-top:0}

/* ---------- Danke ---------- */
.hx-m3-check{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--lime);color:var(--ink);margin:0 0 clamp(16px,2vw,24px)}
.hx-m3-check svg{width:28px;height:28px}
.hx-m3-thanks{padding:clamp(36px,4.6vw,72px) 0 clamp(52px,6vw,88px)}
.hx-m3-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.5vw,22px)}
@media (max-width:960px){.hx-m3-cards{grid-template-columns:1fr}}
.hx-m3-card{display:flex;flex-direction:column;padding:clamp(22px,2.4vw,32px);border-radius:var(--r-l);background:var(--paper);font-size:16.5px;line-height:1.65}
.hx-m3 .hx-m3-card :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(21px,1.7vw,26px)!important;line-height:1.2!important;margin:0 0 .8em!important;display:flex;align-items:baseline;gap:.6em}
.hx-m3-card p{margin:0 0 1em}
.hx-m3-card p:last-child{margin-bottom:0}
.hx-m3-card a{color:inherit;font-weight:600;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.hx-m3-card--ink{background:var(--ink);color:rgba(255,255,255,.82)}
.hx-m3-card--ink :is(:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),strong){color:#fff}
.hx-m3-card--ink .hx-m3-n{background:var(--lime);color:var(--ink)}
.hx-m3-card--ink a{color:#fff}
.hx-m3-card--ink a:hover{color:var(--lime)}
.hx-m3-links{list-style:none;margin:auto 0 0;padding:6px 0 0}
.hx-m3-links li{border-top:1px solid var(--line)}
.hx-m3-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;text-decoration:none!important;font-weight:600}
.hx-m3-links svg{width:18px;height:18px;flex:none;transition:transform .25s var(--ease)}
.hx-m3-links a:hover svg{transform:translateX(4px)}

/* ---------- Ratgeber-Übersicht: Kopf (ersetzt Alt-CSS) ---------- */
.hx-m3-bhero{background:#fff;padding:clamp(28px,4vw,60px) 0 clamp(32px,4vw,56px)}
.hx-m3-bhero .hx-m3-crumbs{color:var(--muted)}
.hx-m3-bhero .hx-m3-crumbs a{color:var(--muted)}
.hx-m3-bhero .hx-m3-crumbs a:hover{color:var(--ink)}
.hx-m3-bhero .hx-m3-crumbs [aria-current]{color:var(--muted)}
.hx-m3-bhero__in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:end}
@media (min-width:980px){.hx-m3-bhero__in{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
.hx-m3-bhero .hx-eyebrow{justify-content:flex-start}
.hx-m3-bhero .hx-m3-scrib{color:var(--ink)!important}
.hx-m3 .hx-m3-bhero .hx-m3-h1{max-width:16ch!important;font-size:clamp(34px,4.2vw,64px)!important}
.hx-m3 .hx-m3-bhero .hx-m3-h1 em{color:#8E8E89!important}
.hx-m3-bhero__side p{margin:0 0 18px;font-size:clamp(17px,1.3vw,20px);line-height:1.6;color:var(--muted)}
.hx-m3-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hx-m3-tags a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font:600 14px/1 var(--f-text);transition:background .2s,color .2s}
.hx-m3-tags a:hover{background:var(--ink);color:#fff}

/* ---------- Mobil ---------- */
@media (max-width:760px){
  .hx-m3 .hx-m3-scrib{font-size:max(34px,min(52px,calc(88vw / (var(--len) * .6))))!important;white-space:normal}
  .hx-m3 .hx-m3-h1{font-size:clamp(28px,7.6vw,36px)!important}
  .hx-m3 .hx-m3-head .hx-m3-scrib{font-size:40px!important}
  .hx-m3 .hx-m3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:30px!important}
  .hx-m3-meta{font-size:13.5px}
  .hx-m3-meta{gap:8px 16px}
  .hx-m3-meta>*+*::before{display:none}
  .hx-m3-xl .hx-refs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1 * var(--pad));padding:0 var(--pad) 6px;scrollbar-width:none}
  .hx-m3-xl .hx-ref{flex:0 0 78%;scroll-snap-align:start}
  .hx-m3-cover{aspect-ratio:16/10;border-radius:var(--r-m)}
  .hx-m3 .hx-m3-prose :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){margin-top:1.6em}
  .hx-m3 .hx-m3-prose--legal{font-size:16px}
  .hx-m3-head .hx-btn{width:100%;justify-content:center}
}

/* ---------- Druck (Rechtstexte) ---------- */
@media print{
  .hx-m3 :is(.hx-hd,.hx-ft,.hx-bar,.hx-cc,.hx-cc-reopen,.hx-m3-toc,.hx-m3-prog,.hx-cross,.hx-m3-scrib,.hx-m3-crumbs,.hx-m3-endmeta--c){display:none!important}
  .hx-m3 main{padding-top:0}
  .hx-m3 .hx-m3-hero{background:#fff!important;color:#000!important;margin-top:0;padding:0 0 16px}
  .hx-m3 .hx-m3-hero :is(.hx-m3-h1,.hx-m3-lead,.hx-m3-stand,.hx-eyebrow){color:#000!important}
  .hx-m3 .hx-m3-grid{display:block}
  .hx-m3 .hx-m3-main{max-width:none}
}
.hx-m3-intro+.hx-m3-block{border-top:0!important;padding-top:0!important}

/* ===== dsg3 – Designer-Artikelseiten v3 (designer/artikel/**) · Präfix .hx-d3- ===== */
.hx-d3-page{--d3-r:22px;--d3-rs:14px;--d3-mono:500 12px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;--d3-sec:clamp(48px,5.6vw,88px)}
.hx-d3-sec{padding-block:var(--d3-sec);background:#fff}
.hx-d3-sec.hx-paper{background:var(--paper)}
/* Kopf */
.hx-d3-hero{position:relative;background:var(--ink);color:#fff;margin-top:calc(-1 * var(--hd-h));padding:calc(var(--hd-h) + clamp(18px,2.6vw,36px)) 0 clamp(40px,4.6vw,72px)}
.hx-d3-crumbs{justify-content:flex-start;color:rgba(255,255,255,.55);margin:0 0 clamp(18px,2vw,28px);opacity:1;flex-wrap:wrap}
.hx-d3-crumbs a{color:rgba(255,255,255,.72)}
.hx-d3-crumbs a:hover{color:#fff}
.hx-d3-crumbs [aria-current]{color:#fff}
.hx-d3-pdp{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(24px,4vw,72px);align-items:center}
.hx-d3-info{min-width:0}
.hx-d3-eb{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;text-align:left!important;gap:6px 0;color:rgba(255,255,255,.7)!important;margin:0 0 16px!important}
.hx-d3-eb::before{flex:none;margin-right:12px}
.hx-d3-eb>span:first-child{color:var(--lime)}
.hx-d3-eb__sep{white-space:pre}
.hx-d3-hero h1{color:#fff;font-size:clamp(36px,4.2vw,66px)!important;line-height:1!important;margin:0 0 16px!important;max-width:16ch;overflow-wrap:anywhere}
.hx-d3-lead{font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:rgba(255,255,255,.82);margin:0 0 14px;max-width:52ch}
.hx-d3-note{margin:0 0 4px;padding:2px 0 2px 12px;border-left:3px solid var(--lime);font-size:14px;line-height:1.5;color:rgba(255,255,255,.62);max-width:56ch}
.hx-d3-price{margin:22px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.hx-d3-price__v{margin:0;font-family:var(--f-display);font-size:clamp(30px,2.8vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#fff}
.hx-d3-price__v small{display:block;margin-top:8px;font-family:var(--f-text);font-size:14px;font-weight:400;letter-spacing:0;line-height:1.45;color:rgba(255,255,255,.62)}
.hx-d3-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
/* Galerie */
.hx-d3-gal{display:grid;gap:12px;min-width:0}
.hx-d3-gal__main{position:relative;border-radius:var(--d3-r);background:var(--paper);aspect-ratio:1;overflow:hidden}
.hx-d3-gal__pic{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s var(--ease)}
.hx-d3-gal__pic.is-on{opacity:1;visibility:visible}
.hx-d3-gal__pic img{width:84%;height:84%;object-fit:contain}
.hx-d3-gal__thumbs{display:flex;gap:10px}
.hx-d3-gal__th{width:76px;height:76px;padding:6px;border-radius:var(--d3-rs);border:1.5px solid rgba(255,255,255,.16);background:#1c1c1c;cursor:pointer;transition:border-color .2s}
.hx-d3-gal__th img{width:100%;height:100%;object-fit:contain}
.hx-d3-gal__th:hover{border-color:rgba(255,255,255,.5)}
.hx-d3-gal__th.is-on{border-color:var(--lime)}
.hx-d3-gal__th:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
/* Spezifikation */
.hx-d3-specs{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.2fr);gap:var(--gap)}
.hx-d3-spec{background:var(--paper);border-radius:var(--d3-r);padding:clamp(22px,2.2vw,32px)}
.hx-d3-spec :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(22px,1.8vw,28px)!important;font-weight:600!important;letter-spacing:-.02em;margin:0 0 16px!important}
.hx-d3-sw{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:15px}
.hx-d3-sw li{display:flex;align-items:center;gap:8px}
.hx-d3-sw i{flex:none;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(10,10,10,.16)}
.hx-d3-list{list-style:none;margin:0;padding:0}
.hx-d3-list li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5}
.hx-d3-list li:last-child{border-bottom:1px solid var(--line)}
.hx-d3-list li::before{content:"";position:absolute;left:0;top:calc(10px + .22em);width:16px;height:16px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.2 2.6 2.6L12 5.4' fill='none' stroke='%230A0A0A' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.hx-d3-spec--size .hx-d3-list li::before{background:var(--ink);width:8px;height:8px;top:calc(10px + .55em);left:4px}
/* Köpfe + Artikelraster */
.hx-d3-head{display:flex;align-items:end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin:0 0 clamp(24px,2.6vw,40px)}
.hx-d3-head :is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:clamp(30px,3.2vw,50px)!important;margin:0!important}
.hx-d3-head .hx-eyebrow{margin-bottom:12px}
.hx-d3-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--gap)}
.hx-d3-pc{display:flex;flex-direction:column;background:#fff;border-radius:var(--d3-r);padding:10px 10px 16px;text-decoration:none;color:inherit;min-width:0;transition:transform .3s var(--ease),box-shadow .3s}
.hx-d3-sec:not(.hx-paper) .hx-d3-pc{background:var(--paper)}
.hx-d3-pc:hover{transform:translateY(-3px);box-shadow:0 0 0 1.5px var(--ink)}
.hx-d3-pc:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hx-d3-ph{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--d3-rs);background:var(--paper);overflow:hidden;margin-bottom:10px}
.hx-d3-sec:not(.hx-paper) .hx-d3-ph{background:#fff}
.hx-d3-ph img{width:86%;height:auto;transition:transform .6s var(--ease)}
.hx-d3-pc:hover .hx-d3-ph img{transform:scale(1.05)}
.hx-d3-pc__b{display:flex;flex-direction:column;gap:3px;padding-inline:4px}
.hx-d3-pc b{font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.hx-d3-pc small{font-size:12.5px;line-height:1.4;color:var(--muted)}
.hx-d3-pr{margin-top:6px;font-weight:600;font-size:15px}
.hx-d3-pr em{font-style:normal;font-weight:400;font-size:12.5px;color:var(--muted);margin-left:4px}
/* Übersicht */
.hx-d3-ovh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:end}
.hx-d3-hero--ov .hx-eyebrow{color:#fff;margin-bottom:16px}
.hx-d3-hero--ov h1{max-width:14ch;margin:0!important}
.hx-d3-hero--ov .hx-d3-lead{margin:0}
.hx-d3-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}
.hx-d3-pills a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;text-decoration:none;font-size:14.5px}
.hx-d3-pills a span{font:var(--d3-mono);color:var(--lime)}
.hx-d3-pills a:hover{border-color:var(--lime)}
.hx-d3-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row dense;gap:clamp(28px,2.6vw,40px) var(--gap)}
.hx-d3-cat{display:grid;grid-template-columns:subgrid;align-content:start;row-gap:14px;min-width:0;scroll-margin-top:calc(var(--hd-h) + 16px)}
.hx-d3-cat>:is(h2:where(:not([data-hl])),:where([data-hl="h2"])){grid-column:1/-1;font-size:clamp(19px,1.5vw,22px)!important;font-weight:600!important;letter-spacing:-.015em;line-height:1.2;margin:0!important;padding-top:12px;border-top:2px solid var(--ink)}
.hx-d3-cat__g{display:block;font:var(--d3-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.hx-d3-pgrid--sub{grid-column:1/-1;grid-template-columns:subgrid}
.hx-d3-n1{grid-column:span 1}.hx-d3-n2{grid-column:span 2}.hx-d3-n3{grid-column:span 3}.hx-d3-n4{grid-column:span 4}.hx-d3-n5{grid-column:span 5}.hx-d3-n6{grid-column:span 6}
.hx-d3-page--ov .hx-d3-pc b{font-size:15px}
.hx-d3-page--ov .hx-d3-pc small{font-size:12px}
.hx-d3-page--ov .hx-d3-pr{font-size:14px}
.hx-d3-page--ov .hx-d3-pr em{display:block;margin:0}
.hx-d3-page :is(.hx-d3-sec,.hx-d3-hero)[id]{scroll-margin-top:var(--hd-h)}
@media (max-width:1100px){
  .hx-d3-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hx-d3-cat:is(.hx-d3-n5,.hx-d3-n6){grid-column:span 4}
  .hx-d3-cat.hx-d3-m1{grid-column:span 1}.hx-d3-cat.hx-d3-m2{grid-column:span 2}.hx-d3-cat.hx-d3-m3{grid-column:span 3}.hx-d3-cat.hx-d3-m4{grid-column:span 4}
  .hx-d3-specs{grid-template-columns:1fr 1fr}
  .hx-d3-spec--det{grid-column:1/-1}
}
@media (max-width:900px){
  .hx-d3-pdp{grid-template-columns:1fr;gap:24px}
  .hx-d3-gal{max-width:560px}
  .hx-d3-ovh{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hx-d3-hero{padding-bottom:36px}
  .hx-d3-crumbs{font-size:12.5px}
  .hx-d3-specs{grid-template-columns:1fr;gap:12px}
  .hx-d3-gal{grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .hx-d3-gal__thumbs{flex-direction:column}
  .hx-d3-gal__th{width:60px;height:60px;padding:4px}
  .hx-d3-cta .hx-btn{flex:1 1 100%;justify-content:space-between}
  .hx-d3-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hx-d3-pgrid--sub{grid-template-columns:subgrid}
  .hx-d3-pc{padding:8px 8px 14px;border-radius:16px}
  .hx-d3-pc b{font-size:14.5px}
  .hx-d3-pc small{font-size:12px}
  .hx-d3-pr{font-size:13.5px}
  .hx-d3-pr em{display:block;margin:0}
  .hx-d3-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}
  .hx-d3-cat:is(.hx-d3-n1,.hx-d3-n2,.hx-d3-n3,.hx-d3-n4,.hx-d3-n5,.hx-d3-n6){grid-column:span 2}
  .hx-d3-cat.hx-d3-s1{grid-column:span 1}
  .hx-d3-cat>:is(h2:where(:not([data-hl])),:where([data-hl="h2"])){font-size:17px!important}
}

/* ================= qa3 · Korrekturen aus dem Abschluss-Audit Responsive/Ladezeit (30.10.2026) – nur Fehlerbehebung, Optik unverändert ================= */
/* Cookie-Banner liegt über dem Kontakt-Button (verdeckte sonst auf Handys „Alle akzeptieren“) */
#hx-cc.hx-cc{z-index:100000}
/* Tap-Flächen ≥ 40 px ohne Layoutänderung (Polster + negativer Außenabstand) */
.hx-ft__bot nav a{padding:10px 7px;margin:-10px -7px}
.hx-hd__in>.hx-logo{min-height:44px}
.hx-crumbs a{padding-block:13px;margin-block:-13px}
.hx-r3-crumbs a{padding-top:21px;margin-top:-21px}
.hx-r3-more__head nav a{padding-top:19px;margin-top:-19px}
.hx-m3-tel{padding-bottom:4px;margin-bottom:-4px}
.hx-fly__all{padding-block:10px;margin-top:12px;margin-bottom:-10px}
/* Sehr schmale Handys (≤ 374 px): textlastige Zweispalter einspaltig, lange Wörter in Kartenköpfen trennen statt abschneiden */
@media (max-width:374px){
  .hx-t3-svc-grid,.hx-t3-marken-grid,.hx-t3-minis,.hx-t3-passt-grid,.hx-t3-qual__list:not(:has(.hx-t3-tile__img)){grid-template-columns:1fr}
}
@media (max-width:420px){
  .hx-t3-page main :is(.hx-t3-bg-ward__name,.hx-t3-marken-card__tag),.hx-t3-page main :is(.hx-t3-tile,.hx-t3-svc-grid) :is(h1,:is(h2:where(:not([data-hl])),:where([data-hl="h2"])),:is(h3:where(:not([data-hl])),:where([data-hl="h3"])),:is(h4:where(:not([data-hl])),:where([data-hl="h4"])),:is(h5:where(:not([data-hl])),:where([data-hl="h5"])),:is(h6:where(:not([data-hl])),:where([data-hl="h6"]))){hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
}
/* Footer-Unterkante frei von Kontakt-Button und Cookie-Symbol (verdeckten „Cookie-Einstellungen“ bzw. „©“) */
.hx-ft{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
@media (max-width:860px){.hx-ft{padding-bottom:calc(140px + env(safe-area-inset-bottom))}}