/* =========================================================================
   APOOL WERKE (apool.de) – Designsystem
   Petrol #0f3a45 · Weiß #f7f8f7 · Signalgelb #f2b705 · Graphit #3c4650 · Mint #d7ece6
   Typografie: Manrope (Überschriften), Source Sans 3 (Text) – self-hosted (fonts/fonts.css)
   ========================================================================= */
:root {
  --c-petrol: #0f3a45; --c-petrol-2: #0a2a33; --c-petrol-3: #164b58;
  --c-white: #f7f8f7; --c-white-2: #ffffff; --c-grey: #e6eae8; --c-line: #d3d9d6;
  --c-yellow: #f2b705; --c-yellow-2: #d9a300; --c-graphite: #3c4650; --c-muted: #5f6a73;
  --c-mint: #d7ece6; --c-mint-2: #eaf5f1; --c-text: #26313a;
  --c-success: #2e7d5b; --c-error: #b3402e;
  --ff-head: "Manrope", "Inter Tight", "Segoe UI", Arial, sans-serif;
  --ff-body: "Source Sans 3", "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --radius: 4px; --shadow: 0 6px 20px -14px rgba(15, 58, 69, .35);
  --container: 1240px; --gutter: clamp(1rem, 4vw, 2rem); --header-h: 72px; --topbar-h: 38px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal { transition: none !important; } }
body { margin: 0; font-family: var(--ff-body); font-size: 17px; line-height: 1.6; color: var(--c-text); background: var(--c-white) url("/img/pattern-grid-light.svg"); background-size: 80px 80px; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
img, svg, picture { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--c-petrol); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--c-petrol-3); }
h1, h2, h3, h4 { font-family: var(--ff-head); line-height: 1.15; margin: 0 0 .6em; color: var(--c-petrol); font-weight: 700; text-wrap: balance; letter-spacing: -.01em; }
h1 { font-size: clamp(1.9rem, 3.6vw, 2.9rem); }
h2 { font-size: clamp(1.45rem, 2.4vw, 2rem); }
h3 { font-size: 1.15rem; }
h4 { font-size: 1rem; }
p, ul, ol { margin: 0 0 1.1em; }
ul, ol { padding-left: 1.3em; }
strong { font-weight: 600; }
table { border-collapse: collapse; width: 100%; }
button { font: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid var(--c-yellow); outline-offset: 2px; }
.container { width: min(var(--container), 100% - 2 * var(--gutter)); margin-inline: auto; }
.skip-link { position: absolute; left: -999px; top: 8px; background: var(--c-petrol); color: #fff; padding: .6rem 1rem; z-index: 999; border-radius: var(--radius); }
.skip-link:focus { left: 8px; }
.muted { color: var(--c-muted); }
.small, .caption { font-size: .9rem; color: var(--c-muted); }
.lead { font-size: 1.15rem; line-height: 1.55; max-width: 70ch; }
.prose { max-width: 72ch; }
.prose p, .prose li { max-width: 70ch; }
.prose h2 { margin-top: 1.8em; }
.prose h3 { margin-top: 1.3em; }
.plain, .plain-ol { padding-left: 1.1em; margin: .3em 0 .8em; }
.plain { list-style: none; padding-left: 0; }
.plain li { padding: .15rem 0; border-bottom: 1px solid var(--c-line); }
.plain li:last-child { border-bottom: 0; }

/* ---------- Buttons ---------- */
.btn { display: inline-flex; align-items: center; gap: .5rem; font-family: var(--ff-head); font-weight: 700; font-size: .98rem; padding: .7rem 1.2rem; border-radius: var(--radius); border: 1.5px solid transparent; text-decoration: none; transition: background-color .15s, color .15s, border-color .15s, transform .15s; white-space: nowrap; line-height: 1.2; }
.btn:hover { transform: translateY(-1px); }
.btn--lg { padding: .95rem 1.5rem; font-size: 1.05rem; }
.btn--sm { padding: .45rem .85rem; font-size: .9rem; }
.btn--primary { background: var(--c-yellow); color: var(--c-petrol-2); border-color: var(--c-yellow); }
.btn--primary:hover { background: var(--c-yellow-2); border-color: var(--c-yellow-2); color: var(--c-petrol-2); }
.btn--outline { background: transparent; color: var(--c-petrol); border-color: var(--c-petrol); }
.btn--outline:hover { background: var(--c-petrol); color: #fff; }
.btn--ghost { background: transparent; color: inherit; border-color: currentColor; }
.btn--light { background: var(--c-white); color: var(--c-petrol); border-color: var(--c-white); }
.btn--light:hover { background: #fff; color: var(--c-petrol); }
.ico { flex: none; }
.badge { display: inline-block; font-family: var(--ff-head); font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: .15rem .5rem; border-radius: 3px; background: var(--c-yellow); color: var(--c-petrol-2); vertical-align: middle; }
.badge--ext { background: var(--c-mint); color: var(--c-petrol); text-decoration: none; }
.badge--xs { font-size: .62rem; padding: .05rem .35rem; }

/* ---------- Topbar + Header ---------- */
.topbar { background: var(--c-petrol-2); color: #d7e3e6; font-size: .9rem; }
.topbar__inner { display: flex; align-items: center; gap: 1.2rem; min-height: var(--topbar-h); }
.topbar a { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: .35rem; }
.topbar__spacer { flex: 1; }
.topbar__cta { display: none; }
.site-header { position: sticky; top: 0; z-index: 100; background: rgba(247, 248, 247, .96); backdrop-filter: blur(8px); border-bottom: 1px solid var(--c-line); transition: box-shadow .2s; }
.site-header.is-scrolled { box-shadow: 0 8px 24px -18px rgba(15, 58, 69, .5); }
.site-header__inner { display: flex; align-items: center; gap: 1.5rem; min-height: var(--header-h); position: relative; }
.logo { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; color: var(--c-petrol); }
.logo__mark svg { width: 40px; height: 40px; }
.logo__text { display: flex; flex-direction: column; line-height: 1; }
.logo__word { font-family: var(--ff-head); font-weight: 700; font-size: 1.5rem; letter-spacing: .22em; }
.logo__sub { font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; color: var(--c-muted); margin-top: .3rem; white-space: nowrap; }
.logo--footer { color: #fff; }
.logo--footer .logo__sub { color: rgba(255, 255, 255, .7); }
.nav { margin-left: auto; display: flex; align-items: center; gap: 1.2rem; align-self: stretch; }
.nav__list { display: flex; gap: .1rem; list-style: none; margin: 0; padding: 0; align-self: stretch; align-items: stretch; }
.nav__item { position: static; display: flex; align-items: center; }
.nav__link { display: inline-flex; align-items: center; gap: .25rem; padding: .6rem .7rem; text-decoration: none; color: var(--c-text); font-weight: 600; font-family: var(--ff-head); font-size: .98rem; border-radius: var(--radius); white-space: nowrap; }
.nav__link:hover { background: var(--c-mint-2); color: var(--c-petrol); }
.nav__link[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--c-yellow); }
.nav__cta { display: flex; gap: .5rem; align-items: center; }
.nav__cta .btn--ghost { color: var(--c-petrol); border-color: var(--c-line); }
.nav__mobile-extra { display: none; }
.header-phone, .nav-toggle { display: none; }
/* Mega-Menü */
.mega { position: absolute; left: 0; right: 0; top: 100%; width: auto; background: #fff; border: 1px solid var(--c-line); border-top: 3px solid var(--c-yellow); box-shadow: 0 24px 50px -20px rgba(15, 58, 69, .45); padding: 1.4rem 1.6rem 1rem; display: none; z-index: 50; }
.nav__item--mega.is-open .mega, .nav__item--mega:hover .mega, .nav__item--mega:focus-within .mega { display: block; }
.mega__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem 1.6rem; }
.mega__col ul { list-style: none; padding: 0; margin: 0; }
.mega__col li a { display: block; font-size: .92rem; padding: .22rem 0; color: var(--c-text); text-decoration: none; border-bottom: 1px dashed var(--c-line); }
.mega__col li a:hover { color: var(--c-petrol); padding-left: .2rem; }
.mega__cat { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); text-decoration: none; margin-bottom: .4rem; font-size: .98rem; }
.mega__foot { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.2rem; padding-top: .8rem; border-top: 1px solid var(--c-line); font-size: .92rem; }
.mega__foot a { font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: .3rem; }
@media (min-width: 1401px) { .mega__grid { grid-template-columns: repeat(4, 1fr); } .mega__col:nth-child(n+5) { grid-column: span 1; } }
@media (max-width: 1400px) { .topbar__note { display: none; } }
@media (max-width: 1240px) { .nav__cta .btn--ghost { display: none; } .logo__sub { display: none; } }
@media (max-width: 1080px) { .mega__grid { grid-template-columns: repeat(3, 1fr); } .nav__link { padding: .55rem .5rem; font-size: .92rem; } }
@media (max-width: 960px) {
  .topbar__mail { display: none; }
  .header-phone { display: grid; place-items: center; width: 44px; height: 44px; margin-left: auto; border-radius: 50%; color: var(--c-petrol); background: var(--c-mint); }
  .nav-toggle { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 10px; background: transparent; border: 0; border-radius: var(--radius); color: var(--c-petrol); }
  .nav-toggle span { display: block; height: 2px; background: currentColor; border-radius: 2px; transition: transform .25s, opacity .25s; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .nav { position: fixed; top: var(--header-h); left: 0; right: 0; height: calc(100dvh - var(--header-h)); margin: 0; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 1rem; padding: 1.2rem var(--gutter) 6rem; background: var(--c-petrol-2) url("/img/pattern-grid-dark.svg"); background-size: 80px 80px; color: #fff; transform: translateX(100%); transition: transform .3s; overflow-y: auto; }
  .nav.is-open { transform: none; }
  .nav__list { flex-direction: column; gap: 0; }
  .nav__item { position: static; display: flex; align-items: center; }
  .nav__link { color: #fff; font-size: 1.25rem; padding: .8rem .3rem; border-bottom: 1px solid rgba(255, 255, 255, .1); border-radius: 0; display: flex; justify-content: space-between; }
  .nav__link:hover { background: transparent; color: var(--c-yellow); }
  .nav__link[aria-current="page"] { box-shadow: none; color: var(--c-yellow); }
  .mega { position: static; transform: none; width: auto; background: transparent; border: 0; box-shadow: none; padding: .4rem 0 .6rem; display: none; }
  .nav__item--mega:hover .mega, .nav__item--mega:focus-within .mega { display: none; }
  .nav__item--mega.is-open .mega { display: block; }
  .mega__grid { grid-template-columns: 1fr; gap: .6rem; }
  .mega__cat { color: var(--c-yellow); }
  .mega__col li a { color: rgba(255, 255, 255, .85); border-bottom-color: rgba(255, 255, 255, .08); }
  .mega__foot { border-top-color: rgba(255, 255, 255, .15); }
  .mega__foot a { color: #fff; }
  .nav__cta { flex-direction: column; align-items: stretch; }
  .nav__cta .btn--ghost { display: inline-flex; justify-content: center; color: #fff; border-color: rgba(255, 255, 255, .4); }
  .nav__cta .btn--primary { justify-content: center; }
  .nav__mobile-extra { display: block; color: rgba(255, 255, 255, .8); font-size: .95rem; }
  .nav__mobile-extra a { color: #fff; }
  body.nav-open { overflow: hidden; }
  .site-header { backdrop-filter: none; }
  .topbar__cta { display: inline-flex; }
}
@media (max-width: 640px) { .topbar__inner { gap: .6rem; } .topbar__cta { display: none; } .btn { white-space: normal; text-align: center; } .hero__actions .btn, .cta-band__actions .btn { width: 100%; justify-content: center; } .logo__word { font-size: 1.3rem; } }

/* ---------- Hero ---------- */
.hero { background: var(--c-petrol) url("/img/pattern-grid-dark.svg"); background-size: 80px 80px; color: #fff; }
.hero__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: 3rem; align-items: center; padding: clamp(2.5rem, 6vw, 5rem) 0; }
.hero__kicker { font-family: var(--ff-head); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; font-size: .82rem; color: var(--c-yellow); margin-bottom: 1rem; }
.hero h1 { color: #fff; font-size: clamp(2rem, 3.8vw, 3.1rem); }
.hero h1 em { font-style: normal; color: var(--c-yellow); }
.hero__lead { color: rgba(255, 255, 255, .9); margin-bottom: 1.6rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-bottom: 1.6rem; }
.hero .btn--outline { color: #fff; border-color: rgba(255, 255, 255, .6); }
.hero .btn--outline:hover { background: #fff; color: var(--c-petrol); }
.hero__contact { display: flex; align-items: center; gap: .9rem; padding-top: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .95rem; color: rgba(255, 255, 255, .9); }
.hero__contact a { color: var(--c-yellow); font-weight: 600; text-decoration: none; }
.hero__contact .portrait { border-radius: 50%; border: 2px solid var(--c-yellow); }
.hero__media { position: relative; }
.hero__media img { border-radius: var(--radius); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.hero__stats { list-style: none; margin: -2.2rem 1rem 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--c-line); border: 1px solid var(--c-line); position: relative; }
.hero__stats li { background: #fff; color: var(--c-graphite); padding: .8rem .6rem; font-size: .78rem; line-height: 1.25; text-align: center; }
.hero__stats span { display: block; font-family: var(--ff-head); font-weight: 700; font-size: 1.5rem; color: var(--c-petrol); }
@media (max-width: 960px) { .hero__inner { grid-template-columns: 1fr; gap: 2rem; } .hero__stats { margin: -1.5rem .5rem 0; } }
@media (max-width: 520px) { .hero__stats { grid-template-columns: repeat(2, 1fr); } }
.trust-strip { background: var(--c-yellow); color: var(--c-petrol-2); font-family: var(--ff-head); font-weight: 700; font-size: .88rem; }
.trust-strip__inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1.5rem; padding: .55rem 0; }
.trust-strip span { display: inline-flex; align-items: center; gap: .35rem; }
.page-head { background: var(--c-petrol) url("/img/pattern-grid-dark.svg"); background-size: 80px 80px; color: #fff; padding: clamp(2rem, 5vw, 3.5rem) 0; }
.page-head h1 { color: #fff; }
.page-head .kicker { color: var(--c-yellow); }
.page-head .kicker a { color: var(--c-yellow); }
.page-head .lead { color: rgba(255, 255, 255, .9); }
.page-head .muted { color: rgba(255, 255, 255, .7); }
.page-head .btn--outline { color: #fff; border-color: rgba(255, 255, 255, .6); }
.page-head .btn--outline:hover { background: #fff; color: var(--c-petrol); }
.page-head .hero__actions { margin-bottom: 0; }
.page-head__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 2.5rem; align-items: center; }
.page-head__media img { border-radius: var(--radius); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.page-head .price-line { margin-top: 1.2rem; font-size: 1.05rem; color: rgba(255, 255, 255, .9); }
.page-head .price-line strong { color: var(--c-yellow); font-size: 1.2rem; }
.page-head .article-meta { color: rgba(255, 255, 255, .7); font-size: .92rem; }
.page-head .definition { border-left: 4px solid var(--c-yellow); padding-left: 1rem; }
@media (max-width: 900px) { .page-head__grid { grid-template-columns: 1fr; } .page-head__media { order: -1; } }
.kicker { font-family: var(--ff-head); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; font-size: .8rem; color: var(--c-petrol-3); margin-bottom: .5rem; }
.kicker a { text-decoration: none; }

/* ---------- Breadcrumbs ---------- */
.breadcrumbs { background: var(--c-white-2); border-bottom: 1px solid var(--c-line); font-size: .86rem; }
.breadcrumbs ol { list-style: none; margin: 0; padding: .5rem 0; display: flex; flex-wrap: wrap; gap: .2rem .4rem; color: var(--c-muted); }
.breadcrumbs li + li::before { content: "›"; margin-right: .4rem; color: var(--c-line); }
.breadcrumbs a { color: var(--c-muted); text-decoration: none; }
.breadcrumbs a:hover { color: var(--c-petrol); }

/* ---------- Sektionen ---------- */
.section { padding: clamp(2.8rem, 6vw, 5rem) 0; }
.section--tight { padding: clamp(2rem, 4vw, 3.2rem) 0; }
.section--dark { background: var(--c-petrol) url("/img/pattern-grid-dark.svg"); background-size: 80px 80px; color: #fff; }
.section--dark h2, .section--dark h3, .section--dark .section-title { color: #fff; }
.section--dark .kicker { color: var(--c-yellow); }
.section--dark a { color: #fff; }
.section--dark .section-lead { color: rgba(255, 255, 255, .85); }
.section--mint { background: var(--c-mint-2); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.section + .section:not(.section--dark):not(.section--mint) { border-top: 1px dashed var(--c-line); }
.section-head { max-width: 76ch; margin-bottom: 1.8rem; }
.section-head--center { margin-inline: auto; text-align: center; }
.section-title { margin-top: 0; }
.section-lead { font-size: 1.08rem; color: var(--c-muted); }
.section--dark .section-lead { color: rgba(255, 255, 255, .8); }
.section-more { margin-top: 1.6rem; display: flex; flex-wrap: wrap; gap: .6rem; }
.split > *, .grid-3 > *, .grid-4 > *, .calc > *, .page-head__grid > *, .cta-band__inner > *, .footer-grid > * { min-width: 0; }
.table-wrap { max-width: 100%; }
.split { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2.5rem 3rem; align-items: start; }
.split--sidebar { grid-template-columns: minmax(0, 1fr) 320px; }
.split--map { grid-template-columns: .9fr 1.1fr; align-items: center; }
.split__aside > * + * { margin-top: 1.2rem; }
@media (max-width: 960px) { .split, .split--sidebar, .split--map { grid-template-columns: 1fr; } }
.sidebar > * + * { margin-top: 1.2rem; }
.sidebar-nav { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); padding: 1rem 1.1rem; }
.sidebar-nav__title { font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); margin: 0 0 .4rem; }
.sidebar-nav__title + ul + .sidebar-nav__title { margin-top: 1rem; }
.sidebar-nav ul { list-style: none; padding: 0; margin: 0; }
.sidebar-nav li a { display: block; padding: .3rem 0; font-size: .95rem; text-decoration: none; border-bottom: 1px dashed var(--c-line); }
.sidebar-nav li a[aria-current="page"] { font-weight: 700; color: var(--c-petrol); box-shadow: inset 3px 0 0 var(--c-yellow); padding-left: .5rem; }
.sidebar-nav li:last-child a { border-bottom: 0; }
.aside-title { margin-bottom: .6rem; }
.aside-list { list-style: none; padding: 0; margin: 0 0 1rem; }
.aside-list li { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem 0; border-bottom: 1px dashed var(--c-line); font-size: .97rem; }
.aside-list li span { color: var(--c-muted); white-space: nowrap; font-size: .85rem; }
.jump-nav { display: flex; flex-wrap: wrap; gap: .4rem; }
.jump-nav a { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .8rem; background: #fff; border: 1px solid var(--c-line); border-radius: 999px; text-decoration: none; font-size: .9rem; font-weight: 600; }
.jump-nav a:hover { border-color: var(--c-petrol); }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
@media (max-width: 1000px) { .grid-3 { grid-template-columns: repeat(2, 1fr); } .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .grid-3, .grid-4 { grid-template-columns: 1fr; } }
.card { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); padding: 1.3rem 1.4rem; box-shadow: var(--shadow); }
.card__title { display: flex; align-items: center; gap: .5rem; font-size: 1.05rem; }
.card--dark { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .18); color: #fff; }
.card--dark h3 { color: var(--c-yellow); }
.card--dark .small { color: rgba(255, 255, 255, .7); }
.box { border-radius: var(--radius); padding: 1rem 1.2rem; margin: 1.2rem 0; border: 1px solid var(--c-line); background: #fff; }
.box p:last-child, .box ul:last-child { margin-bottom: 0; }
.box--mint { background: var(--c-mint); border-color: #bfdcd3; color: var(--c-petrol-2); }
.box--mint a { color: var(--c-petrol-2); }
.box--big { padding: 1.3rem 1.5rem; font-size: 1.05rem; }
.box--praxis { border-left: 4px solid var(--c-yellow); }
.box--ext { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; border: 2px solid var(--c-yellow); background: #fffdf3; }
.box__title { font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); display: flex; align-items: center; gap: .4rem; margin-bottom: .4rem; }
.richtwert p { display: flex; gap: .5rem; align-items: flex-start; font-size: .95rem; }
.richtwert strong { display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap; }
.richtwert-line { display: flex; gap: .5rem; align-items: flex-start; font-size: .92rem; color: rgba(255, 255, 255, .8); }

/* ---------- Kategorien / Services ---------- */
.cat-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.cat-tile { position: relative; display: flex; gap: 1rem; padding: 1.2rem 1.3rem; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); text-decoration: none; color: var(--c-text); transition: border-color .15s, transform .15s; }
.cat-tile:hover { border-color: var(--c-petrol); transform: translateY(-2px); }
.cat-tile__icon { flex: none; width: 52px; height: 52px; display: grid; place-items: center; border: 1.5px solid var(--c-petrol); border-radius: var(--radius); color: var(--c-petrol); }
.cat-tile__name { display: block; font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); font-size: 1.1rem; margin-bottom: .2rem; }
.cat-tile__short { display: block; font-size: .95rem; color: var(--c-muted); }
.cat-tile__count { display: inline-flex; align-items: center; gap: .3rem; margin-top: .5rem; font-family: var(--ff-head); font-weight: 700; font-size: .85rem; color: var(--c-petrol); }
.cat-tile .badge--ext { position: absolute; top: .6rem; right: .6rem; }
@media (max-width: 760px) { .cat-tiles { grid-template-columns: 1fr; } }
.service-rows { list-style: none; padding: 0; margin: 0 0 1.5rem; border-top: 1px solid var(--c-line); }
.service-row a { display: grid; grid-template-columns: 40px 1fr auto 24px; gap: 1rem; align-items: center; padding: .85rem .3rem; border-bottom: 1px solid var(--c-line); text-decoration: none; color: var(--c-text); transition: background-color .15s; }
.service-row a:hover { background: var(--c-mint-2); }
.service-row__icon { display: grid; place-items: center; width: 40px; height: 40px; color: var(--c-petrol); border: 1px solid var(--c-line); border-radius: var(--radius); background: #fff; }
.service-row__name { display: block; font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); }
.service-row__short { display: block; font-size: .92rem; color: var(--c-muted); }
.service-row__price { text-align: right; font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); white-space: nowrap; font-size: .95rem; }
.service-row__price small { display: block; font-weight: 400; color: var(--c-muted); font-size: .78rem; }
.service-row__arrow { color: var(--c-petrol); }
@media (max-width: 640px) { .service-row a { grid-template-columns: 36px 1fr 20px; } .service-row__price { grid-column: 2; text-align: left; } }
.cat-head { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.cat-head__icon { flex: none; width: 52px; height: 52px; display: grid; place-items: center; border: 1.5px solid var(--c-petrol); border-radius: var(--radius); color: var(--c-petrol); background: #fff; }
.cat-head h2 { margin-bottom: .2rem; }
.cat-head h2 a { text-decoration: none; }
.cat-head p { margin: 0; color: var(--c-muted); }
.cat-head .btn { margin-left: auto; flex: none; }
@media (max-width: 700px) { .cat-head { flex-wrap: wrap; } .cat-head .btn { margin-left: 0; } }
.chip-row { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip { display: inline-block; padding: .5rem .9rem; background: #fff; border: 1px solid var(--c-line); border-radius: 999px; text-decoration: none; font-weight: 600; font-size: .95rem; }
.chip:hover { border-color: var(--c-petrol); }
@media (max-width: 640px) { .chip-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .5rem; -webkit-overflow-scrolling: touch; } .chip { white-space: nowrap; } }

/* ---------- Timeline / Steps ---------- */
.timeline { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.2rem; position: relative; counter-reset: step; }
.timeline::before { content: ""; position: absolute; left: 0; right: 0; top: 22px; border-top: 2px dashed rgba(255, 255, 255, .3); }
.timeline__step { position: relative; padding-top: 3.4rem; }
.timeline__num { position: absolute; left: 0; top: 0; width: 46px; height: 46px; border-radius: 50%; background: var(--c-yellow); color: var(--c-petrol-2); font-family: var(--ff-head); font-weight: 700; font-size: 1.15rem; display: grid; place-items: center; }
.timeline__dur { position: absolute; left: 56px; top: 12px; font-family: var(--ff-head); font-weight: 700; font-size: .85rem; color: var(--c-yellow); }
.timeline__title { font-size: 1.05rem; color: #fff; margin-bottom: .3rem; }
.timeline__text { font-size: .93rem; color: rgba(255, 255, 255, .85); margin: 0; }
.section:not(.section--dark) .timeline::before { border-top-color: var(--c-line); }
.section:not(.section--dark) .timeline__title { color: var(--c-petrol); }
.section:not(.section--dark) .timeline__text { color: var(--c-text); }
@media (max-width: 1000px) { .timeline { grid-template-columns: repeat(2, 1fr); } .timeline::before { display: none; } }
@media (max-width: 560px) { .timeline { grid-template-columns: 1fr; } }
.steps { list-style: none; padding: 0; margin: 0 0 1.5rem; counter-reset: s; }
.steps li { position: relative; padding: .3rem 0 1rem 3.4rem; border-left: 2px dashed var(--c-line); margin-left: 1.2rem; }
.steps li::before { counter-increment: s; content: counter(s); position: absolute; left: -1.3rem; top: 0; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--c-yellow); color: var(--c-petrol-2); font-family: var(--ff-head); font-weight: 700; display: grid; place-items: center; }
.steps h3 { margin: .35rem 0 .3rem; font-size: 1.08rem; }
.steps p { margin: 0; }
.schedule { border: 1px solid var(--c-line); border-radius: var(--radius); background: #fff; padding: 1.1rem 1.3rem; margin: 1.5rem 0; }
.schedule__title { font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.schedule__days { list-style: none; padding: 0; margin: .5rem 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.schedule__days li { background: var(--c-mint-2); border-left: 3px solid var(--c-yellow); padding: .6rem .8rem; font-size: .93rem; }
.schedule__days strong { display: block; color: var(--c-petrol); font-family: var(--ff-head); }
.schedule__note { margin: 0; font-size: .85rem; color: var(--c-muted); }
@media (max-width: 640px) { .schedule__days { grid-template-columns: 1fr; } }

/* ---------- Benefits / Stats / Facts ---------- */
.benefits { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem 1.6rem; }
.benefits--1col { grid-template-columns: 1fr; }
.benefit { display: flex; gap: .9rem; }
.benefit__icon { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border: 1.5px solid var(--c-petrol); border-radius: var(--radius); color: var(--c-petrol); background: #fff; }
.benefit h3 { font-size: 1.05rem; margin-bottom: .25rem; }
.benefit p { margin: 0; font-size: .97rem; }
@media (max-width: 640px) { .benefits { grid-template-columns: 1fr; } }
.stats { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: var(--c-line); border: 1px solid var(--c-line); }
.stat { background: #fff; padding: 1.2rem 1rem; text-align: center; }
.stat__value { display: block; font-family: var(--ff-head); font-weight: 700; font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--c-petrol); line-height: 1.1; }
.stat__label { display: block; font-size: .85rem; color: var(--c-muted); margin-top: .3rem; }
@media (max-width: 1000px) { .stats { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .stats { grid-template-columns: repeat(2, 1fr); } }
.fact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--c-line); border: 1px solid var(--c-line); margin-bottom: 1.6rem; }
.fact-grid--4 { grid-template-columns: repeat(4, 1fr); }
.fact { background: #fff; padding: .9rem 1rem; }
.fact__label { display: block; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--c-muted); font-family: var(--ff-head); font-weight: 600; }
.fact__value { display: block; font-weight: 600; color: var(--c-petrol); margin-top: .2rem; font-size: .98rem; }
@media (max-width: 760px) { .fact-grid, .fact-grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .fact-grid, .fact-grid--4 { grid-template-columns: 1fr; } }
.check-list { list-style: none; padding: 0; margin: 0 0 1.2rem; }
.check-list li { display: flex; gap: .5rem; align-items: flex-start; padding: .35rem 0; border-bottom: 1px dashed var(--c-line); }
.check-list .ico { color: var(--c-success); margin-top: .3rem; }

/* ---------- Kontaktblock / Team ---------- */
.contact-block { display: flex; gap: 1rem; align-items: center; background: #fff; border: 1px solid var(--c-line); border-left: 4px solid var(--c-yellow); border-radius: var(--radius); padding: 1rem 1.2rem; }
.contact-block .portrait { border-radius: 50%; flex: none; }
.contact-block__name { font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); margin: 0; font-size: 1.05rem; }
.contact-block__role { margin: 0 0 .3rem; font-size: .88rem; color: var(--c-muted); }
.contact-block__phone { display: inline-flex; align-items: center; gap: .35rem; font-family: var(--ff-head); font-weight: 700; font-size: 1.15rem; text-decoration: none; }
.contact-block__hours { margin: .2rem 0 0; font-size: .85rem; color: var(--c-muted); }
.contact-block--compact .contact-block__phone { font-size: 1.05rem; }
.team-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }
.team-grid--compact { grid-template-columns: repeat(4, 1fr); }
.team-card { text-align: center; }
.team-card .portrait { border-radius: 50%; margin: 0 auto .6rem; }
.team-card__name { font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); margin: 0; font-size: 1.05rem; }
.team-card__role { margin: 0 0 .3rem; color: var(--c-muted); font-size: .9rem; }
.team-card__phone { text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: .3rem; }
.team-card--large { display: flex; text-align: left; gap: 1.3rem; align-items: flex-start; }
.team-card--large .portrait { margin: 0; flex: none; }
.team-card--large .team-card__name { font-size: 1.25rem; }
.team-card__text { font-size: .97rem; }
@media (max-width: 900px) { .team-grid--compact { grid-template-columns: repeat(2, 1fr); } .team-grid { grid-template-columns: 1fr; } }
.gallery-2x2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem; }
.gallery-2x2 img { border-radius: var(--radius); }
.gallery-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.gallery-item { margin: 0; }
.gallery-item__btn { padding: 0; border: 0; background: none; width: 100%; }
.gallery-item img { border-radius: var(--radius); transition: transform .2s; }
.gallery-item__btn:hover img { transform: scale(1.02); }
.gallery-item figcaption { font-size: .88rem; color: var(--c-muted); margin-top: .4rem; }
@media (max-width: 800px) { .gallery-4 { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Tabellen ---------- */
.table-wrap { overflow-x: auto; margin: 0 0 1.2rem; -webkit-overflow-scrolling: touch; }
.table { background: #fff; border: 1px solid var(--c-line); font-size: .95rem; }
.table caption { text-align: left; font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); padding: .6rem .8rem; caption-side: top; }
.table th, .table td { padding: .6rem .8rem; border-bottom: 1px solid var(--c-line); text-align: left; vertical-align: top; }
.table thead th { background: var(--c-petrol); color: #fff; font-family: var(--ff-head); font-weight: 700; position: sticky; top: 0; }
.table tbody tr:nth-child(even) { background: var(--c-mint-2); }
.table--compact { font-size: .88rem; }
.table--compact th, .table--compact td { padding: .45rem .6rem; }
.table--dark { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .2); color: #fff; }
.table--dark thead th { background: rgba(255, 255, 255, .12); }
.table--dark tbody tr:nth-child(even) { background: rgba(255, 255, 255, .04); }
.table--dark th, .table--dark td { border-bottom-color: rgba(255, 255, 255, .12); }
.price-table td strong { color: var(--c-petrol); white-space: nowrap; }
.prose table { background: #fff; border: 1px solid var(--c-line); font-size: .95rem; margin-bottom: 1.2rem; }
.prose th, .prose td { padding: .55rem .7rem; border-bottom: 1px solid var(--c-line); text-align: left; vertical-align: top; }
.prose thead th { background: var(--c-petrol); color: #fff; font-family: var(--ff-head); }
.prose tbody tr:nth-child(even) { background: var(--c-mint-2); }

/* ---------- FAQ ---------- */
.faq { border-top: 1px solid var(--c-line); }
.faq__item { border-bottom: 1px solid var(--c-line); }
.faq__q { display: flex; justify-content: space-between; align-items: center; gap: 1rem; cursor: pointer; padding: .9rem .2rem; font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); list-style: none; font-size: 1.02rem; }
.faq__q::-webkit-details-marker { display: none; }
.faq__q .ico { flex: none; transition: transform .2s; }
.faq__item[open] .faq__q .ico { transform: rotate(180deg); }
.faq__a { padding: 0 .2rem 1rem; max-width: 72ch; }
.faq__a p { margin: 0; }

/* ---------- Städte / Regionen / Standorte ---------- */
.city-links { margin: 1.5rem 0; padding: 1rem 1.2rem; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); }
.city-links__title { font-family: var(--ff-head); font-weight: 700; color: var(--c-petrol); margin: 0 0 .4rem; }
.city-links ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.city-links li a { display: inline-block; padding: .3rem .7rem; border: 1px solid var(--c-line); border-radius: 999px; text-decoration: none; font-size: .9rem; }
.city-links li a:hover { border-color: var(--c-petrol); }
.city-grid { list-style: none; padding: 0; margin: 0 0 1.5rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.city-grid a { display: block; padding: .6rem .8rem; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); text-decoration: none; }
.city-grid strong { display: block; color: var(--c-petrol); }
.city-grid span { font-size: .85rem; color: var(--c-muted); }
@media (max-width: 700px) { .city-grid { grid-template-columns: repeat(2, 1fr); } }
.region-grid, .branche-grid, .standort-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.region-card, .branche-card { text-decoration: none; color: var(--c-text); display: flex; flex-direction: column; transition: border-color .15s, transform .15s; }
.region-card:hover, .branche-card:hover { border-color: var(--c-petrol); transform: translateY(-2px); }
.region-card__title, .branche-card__title { font-size: 1.2rem; }
.region-card__cities { font-size: .92rem; color: var(--c-muted); }
.region-card__fact { font-family: var(--ff-head); font-weight: 600; font-size: .9rem; color: var(--c-petrol); }
.region-card__more, .branche-card__more, .standort-card__more, .article-card__more { display: inline-flex; align-items: center; gap: .3rem; font-family: var(--ff-head); font-weight: 700; font-size: .9rem; color: var(--c-petrol); margin-top: auto; text-decoration: none; }
.standort-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.standort-card__img img { border-radius: 0; }
.standort-card__body { padding: 1.1rem 1.3rem 1.3rem; display: flex; flex-direction: column; flex: 1; }
.standort-card__num { font-family: var(--ff-head); font-weight: 600; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted); margin: 0 0 .2rem; }
.standort-card__title { font-size: 1.25rem; margin-bottom: .1rem; }
.standort-card__title a { text-decoration: none; }
.standort-card__role { color: var(--c-muted); font-size: .92rem; margin-bottom: .6rem; }
.standort-card__facts { list-style: none; padding: 0; margin: 0 0 .6rem; font-size: .9rem; }
.standort-card__facts li { display: flex; gap: .4rem; align-items: center; padding: .15rem 0; }
.standort-card__focus { font-size: .88rem; color: var(--c-muted); }
.standort-list { list-style: none; padding: 0; margin: 0 0 1.2rem; counter-reset: st; }
.standort-list li a { display: flex; align-items: baseline; gap: .8rem; padding: .55rem 0; border-bottom: 1px dashed var(--c-line); text-decoration: none; }
.standort-list li a::before { counter-increment: st; content: counter(st); flex: none; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: var(--c-yellow); color: var(--c-petrol-2); font-family: var(--ff-head); font-weight: 700; font-size: .85rem; display: grid; place-items: center; align-self: center; }
.standort-list span { font-size: .88rem; color: var(--c-muted); }
@media (max-width: 1000px) { .region-grid, .branche-grid, .standort-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .region-grid, .branche-grid, .standort-grid { grid-template-columns: 1fr; } }
.map-wrap { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); padding: .5rem; }
.map-wrap svg { width: 100%; height: auto; }
.map-wrap--full { max-width: 1000px; margin-inline: auto; }

/* ---------- Artikel / Lexikon ---------- */
.article-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.article-card__img img { border-radius: 0; }
.article-card__body { padding: 1rem 1.2rem 1.2rem; display: flex; flex-direction: column; flex: 1; }
.article-card__meta { font-size: .82rem; color: var(--c-muted); margin: 0 0 .3rem; }
.article-card__title { font-size: 1.08rem; margin-bottom: .4rem; }
.article-card__title a { text-decoration: none; }
.article-card__text { font-size: .93rem; color: var(--c-muted); }
.article__img { margin-bottom: 1.2rem; }
.article__img img { border-radius: var(--radius); }
.tldr ul { margin: 0; padding-left: 1.2em; }
.tldr li { margin-bottom: .3rem; }
.toc { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); padding: 1rem 1.2rem; margin: 0 0 1.6rem; }
.toc h2 { font-size: 1rem; margin: 0 0 .5rem; }
.toc ol { margin: 0; padding-left: 1.3em; font-size: .93rem; }
.toc li { padding: .15rem 0; }
.article__body h2 { scroll-margin-top: calc(var(--header-h) + 16px); }
.lexikon-list { margin: 0; }
.lexikon-item { padding: 1rem 0; border-bottom: 1px solid var(--c-line); display: grid; grid-template-columns: 260px 1fr; gap: 1rem; }
.lexikon-item dt { font-family: var(--ff-head); font-weight: 700; font-size: 1.1rem; }
.lexikon-item dt a { text-decoration: none; }
.lexikon-item dd { margin: 0; color: var(--c-text); }
@media (max-width: 700px) { .lexikon-item { grid-template-columns: 1fr; gap: .2rem; } }

/* ---------- Preise / Kalkulator ---------- */
.calc { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .18); border-radius: var(--radius); padding: 1.5rem; }
.calc__form { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem 1.2rem; }
.calc .field__label { color: rgba(255, 255, 255, .85); }
.calc .field__input { background: #fff; color: var(--c-text); border-color: transparent; }
.calc__result dl { margin: 0 0 1rem; display: grid; gap: .4rem; }
.calc__result dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px dashed rgba(255, 255, 255, .2); }
.calc__result dt { color: rgba(255, 255, 255, .8); }
.calc__result dd { margin: 0; font-family: var(--ff-head); font-weight: 700; color: #fff; text-align: right; }
.calc__total dd { color: var(--c-yellow); font-size: 1.4rem; }
.calc__note { font-size: .88rem; color: rgba(255, 255, 255, .8); }
.calc__richtwert { font-size: .85rem; color: rgba(255, 255, 255, .7); }
@media (max-width: 960px) { .calc { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .calc__form { grid-template-columns: 1fr; } }

/* ---------- Formular ---------- */
.form { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); padding: 1.5rem; }
.form__hp { position: absolute; left: -9999px; }
.form__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 1.2rem; }
.field { display: flex; flex-direction: column; gap: .3rem; }
.field--full { grid-column: 1 / -1; }
.field__label { font-family: var(--ff-head); font-weight: 600; font-size: .9rem; color: var(--c-petrol); }
.field__input { font: inherit; padding: .65rem .8rem; border: 1.5px solid var(--c-line); border-radius: var(--radius); background: #fff; color: var(--c-text); width: 100%; }
.field__input:focus { border-color: var(--c-petrol); outline: none; box-shadow: 0 0 0 3px rgba(242, 183, 5, .35); }
.field__input.is-invalid { border-color: var(--c-error); }
.form__note-box { display: flex; gap: .6rem; align-items: flex-start; background: var(--c-mint-2); border-radius: var(--radius); padding: .8rem 1rem; margin: 1rem 0; font-size: .93rem; }
.form__note-box .ico { flex: none; margin-top: .2rem; color: var(--c-petrol); }
.form__note-box p { margin: 0; }
.form__note { font-size: .85rem; color: var(--c-muted); }
.form__status { margin: .8rem 0 0; font-weight: 600; min-height: 1.4em; }
.form__status.is-ok { color: var(--c-success); }
.form__status.is-err { color: var(--c-error); }
.cf-turnstile { margin: .6rem 0 1rem; }
@media (max-width: 640px) { .form__grid { grid-template-columns: 1fr; } .form { padding: 1.1rem; } }
.contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin-bottom: 2rem; }
.contact-grid address { font-style: normal; }
.big-link { font-family: var(--ff-head); font-weight: 700; font-size: 1.3rem; text-decoration: none; }
@media (max-width: 640px) { .contact-grid { grid-template-columns: 1fr; } }

/* ---------- CTA / Footer / Mobile-Bar ---------- */
.cta-band { background: var(--c-petrol) url("/img/pattern-grid-dark.svg"); background-size: 80px 80px; color: #fff; padding: clamp(2.5rem, 5vw, 4rem) 0; border-top: 4px solid var(--c-yellow); }
.cta-band__inner { display: grid; grid-template-columns: 1.3fr .7fr; gap: 2rem; align-items: center; }
.cta-band__title { color: #fff; margin-bottom: .5rem; }
.cta-band__text { color: rgba(255, 255, 255, .85); margin: 0; max-width: 70ch; }
.cta-band__actions { display: flex; flex-direction: column; gap: .7rem; align-items: stretch; }
@media (max-width: 900px) { .cta-band__inner { grid-template-columns: 1fr; } }
.site-footer { background: var(--c-petrol-2); color: rgba(255, 255, 255, .85); padding: 3rem 0 6rem; font-size: .93rem; }
.site-footer a { color: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 2rem; }
.footer-col ul { list-style: none; padding: 0; margin: 0; }
.footer-col li { padding: .2rem 0; }
.footer-col__title { color: var(--c-yellow); font-size: .95rem; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .6rem; }
.footer-col__title--sm { margin-top: 1.2rem; font-size: .85rem; }
.footer-inline { display: flex; flex-wrap: wrap; gap: .2rem .8rem; }
.footer-address { font-style: normal; line-height: 1.6; margin: 1rem 0; }
.footer-small { font-size: .82rem; color: rgba(255, 255, 255, .6); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-top: 2rem; padding-top: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .15); font-size: .85rem; color: rgba(255, 255, 255, .65); }
.footer-bottom p { margin: 0; }
.footer-bottom__links { list-style: none; padding: 0; margin: 0; display: flex; gap: 1.2rem; }
@media (max-width: 1000px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .footer-grid { grid-template-columns: 1fr; } }
.mobile-bar { display: none; }
@media (max-width: 960px) {
  .mobile-bar { display: grid; grid-template-columns: 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; background: #fff; border-top: 1px solid var(--c-line); box-shadow: 0 -8px 24px -16px rgba(15, 58, 69, .5); }
  .mobile-bar__btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .85rem; font-family: var(--ff-head); font-weight: 700; text-decoration: none; color: var(--c-petrol); }
  .mobile-bar__btn--primary { background: var(--c-yellow); color: var(--c-petrol-2); }
}

/* ---------- Lightbox / Reveal ---------- */
.lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(10, 42, 51, .92); display: flex; align-items: center; justify-content: center; padding: 2rem; }
.lightbox[hidden] { display: none; }
.lightbox__figure { margin: 0; max-width: 1200px; max-height: 100%; text-align: center; color: #fff; }
.lightbox__figure img { max-height: 80vh; width: auto; margin: 0 auto; border-radius: var(--radius); }
.lightbox__close, .lightbox__nav { position: absolute; background: rgba(255, 255, 255, .1); color: #fff; border: 0; width: 48px; height: 48px; border-radius: 50%; font-size: 1.8rem; line-height: 1; }
.lightbox__close { top: 1rem; right: 1rem; }
.lightbox__nav--prev { left: 1rem; top: 50%; }
.lightbox__nav--next { right: 1rem; top: 50%; }
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
.reveal.is-visible, .reveal.no-anim { opacity: 1; transform: none; }
.sister-list { list-style: none; padding: 0; }
.legal h2 { font-size: 1.2rem; }
.video { display: grid; place-items: center; background: var(--c-petrol); aspect-ratio: 16 / 9; border-radius: var(--radius); }
.video iframe { width: 100%; height: 100%; border: 0; }