/* =============================================================================
   wachstum.group Home: Page-local Layout (token-pur).
   Nur var()/color-mix(). Marken-Farben aus wachstum-group.css (DARK).
   Distanzen size-/token-relativ, keine vw-Distanz-Anti-Pattern (responsiv).
   ============================================================================ */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--color-bg); color: var(--color-ink);
  font-family: var(--font-body); line-height: 1.6; -webkit-font-smoothing: antialiased;
}
h1, h2, h3, .display { font-family: var(--font-headline); font-weight: 700; letter-spacing: -0.02em; line-height: 1.08; }
a { color: inherit; }
img { max-width: 100%; display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* --- Sektions-Raster + Hintergrund-Rhythmus --- */
.section { padding: clamp(3.5rem, 9vw, 7rem) var(--space-m); }
.section--surface { background: var(--color-bg-warm); }        /* Anthrazit */
.container { max-width: 1080px; margin: 0 auto; }
.container--narrow { max-width: 820px; }
.eyebrow {
  display: inline-block; font-size: var(--font-scale-small); font-weight: 600;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-primary);
  margin-bottom: var(--space-s);
}
.section-title { font-size: clamp(1.8rem, 4.5vw, 2.8rem); color: var(--color-ink); }
.section-intro { color: var(--color-ink-soft); max-width: 60ch; margin-top: var(--space-s); font-size: 1.0625rem; }

/* --- Nav: volle Breite (Bar), Inhalt auf 1080px = .container-Breite gedeckelt + zentriert
   (P2.5: Nav-Innenkante liegt auf derselben Linie wie der Section-Content, ueber alle Seiten). --- */
.sticky-mini-nav { width: 100%; padding-inline: max(var(--space-m), calc((100% - 1080px) / 2)); }
/* Brand-Slot traegt das echte Group-Logo (weisse Wortmarke + cyaner Punkt) statt Text */
.sticky-mini-nav__brand { display: inline-flex; align-items: center; min-height: 44px; }
.sticky-mini-nav__logo { height: clamp(19px, 2.2vw, 25px); width: auto; display: block; }

/* --- Hero (zentriert) --- */
.hero { min-height: 88vh; display: grid; align-items: center; padding: clamp(4rem,10vw,8rem) var(--space-m) clamp(3rem,7vw,5rem); position: relative; text-align: center; }
.hero__pre { color: var(--color-primary); font-weight: 600; letter-spacing: 0.04em; }
/* Headline-Hierarchie: WACHSTUM dominant + allein in einer Zeile, Rest zweizeilig darunter */
.hero__h1 { font-weight: 800; margin: var(--space-s) 0 var(--space-m); }
.hero__h1 .hero__word { display: block; text-transform: uppercase; font-size: clamp(2.6rem, 11vw, 6.6rem); line-height: 0.92; letter-spacing: -0.02em; }
.hero__h1 .hero__line2 { display: block; font-size: clamp(2rem, 6.8vw, 4.1rem); line-height: 1.05; margin-top: 0.14em; }
/* "Herzen" als orangenes Herz, das ganz leicht schlaegt (Doppel-Thump) */
.hero__herz { display: inline-block; transform-origin: center 70%; animation: wg-heartbeat 2.6s ease-in-out infinite; background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); -webkit-background-clip: text; background-clip: text; color: transparent; }
@keyframes wg-heartbeat { 0%, 60%, 100% { transform: scale(1); } 12% { transform: scale(1.13); } 24% { transform: scale(1.0); } 34% { transform: scale(1.08); } 46% { transform: scale(1.0); } }
.hero__sub { font-size: clamp(1.15rem, 2.6vw, 1.5rem); color: var(--color-ink); max-width: 52ch; margin-inline: auto; line-height: 1.45; text-wrap: balance; }
.hero__own-line { margin: var(--space-m) auto 0; color: var(--color-ink-soft); max-width: 54ch; font-size: 1.0625rem; line-height: 1.6; }
.hero__own-line strong { color: var(--color-ink); font-weight: 600; }
.hero__bridge { margin-top: var(--space-l); font-size: var(--font-scale-small); color: var(--color-ink-soft); letter-spacing: 0.02em; }
.hero__scroll-cue { position: absolute; bottom: var(--space-l); left: 50%; transform: translateX(-50%); color: var(--color-ink-soft); display: flex; }
.hero__scroll-cue svg { width: 26px; height: 26px; animation: scroll-bounce 1.8s ease-in-out infinite; }
@keyframes scroll-bounce { 0%,100% { transform: translateY(0); opacity: 0.45; } 50% { transform: translateY(7px); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .hero__scroll-cue svg, .hero__herz { animation: none; } }

/* --- „Zwei Herzen" Pin-Scroll (Anwendung von pinned-scroll) --- */
.zh { background: var(--color-bg); }
.zh-stage { background: var(--color-bg); isolation: isolate; }   /* Blend-Gruppe */
.zh-heart {
  position: absolute; left: 50%; top: 42%;
  --p: var(--pinned-progress, 1);
  --zh-size: clamp(88px, 17vw, 190px);
  transform: translate(-50%, -50%) translateX(var(--zh-x));
  transition: transform 0.08s linear; text-align: center;
  mix-blend-mode: screen;
}
.zh-heart--kunden      { --zh-x: calc(var(--zh-size) * (-1.15 + 0.87 * var(--p))); }
.zh-heart--mitarbeit   { --zh-x: calc(var(--zh-size) * ( 1.15 - 0.87 * var(--p))); }
.zh-heart__shape { width: var(--zh-size); margin: 0 auto; transform: scale(calc(0.82 + 0.40 * var(--p))); transform-origin: center; }
.zh-heart__shape svg { width: 100%; height: auto; display: block; }
.zh-heart--kunden    .zh-heart__shape svg { fill: var(--color-primary); }
.zh-heart--mitarbeit .zh-heart__shape svg { fill: var(--color-secondary); }
.zh-heart__label { margin-top: var(--space-xs); font-size: var(--font-scale-small); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0; transition: opacity 0.45s ease; color: var(--color-ink); }   /* Labels unter den Herzen bleiben weiss (Feedback R2); die Herz-Flaechen tragen die Farbe */
/* Labels nur bei maximaler Trennung (Stage 1) -> kein Mobile-Overlap, danach uebernehmen die Captions. */
.zh[data-pinned-stage="1"] .zh-heart__label { opacity: 1; }
.zh[data-pinned-stage="2"] .zh-heart__shape,
.zh[data-pinned-stage="3"] .zh-heart__shape { animation: zh-beat 1.15s ease-in-out infinite; }
@keyframes zh-beat { 0%,100% { transform: scale(1); } 45% { transform: scale(1.08); } }
.zh-caption {
  position: absolute; left: 0; right: 0; bottom: 15vh; text-align: center; padding: 0 var(--space-m);
  font-family: var(--font-headline); font-weight: 700; font-size: clamp(1.5rem, 4.4vw, 3rem);
  color: var(--color-ink);
  /* Schneller Fade + leichte Aufwaerts-Bewegung: zwei gestapelte Captions ueberlagern
     sich beim Wechsel nicht mehr zu einem statischen Doppelbelichtungs-Schmier (Feedback R2). */
  opacity: 0; transform: translateY(0.7em);
  transition: opacity 0.3s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.zh-accent--kunden   { color: var(--color-primary); }    /* "Neukunden" = Orange */
.zh-accent--mitarbeit { color: var(--color-secondary); } /* "Mitarbeitende" = Cyan */
.zh:not([data-pinned-stage]) .zh-caption[data-s="3"],
.zh[data-pinned-stage="1"] .zh-caption[data-s="1"],
.zh[data-pinned-stage="2"] .zh-caption[data-s="2"],
.zh[data-pinned-stage="3"] .zh-caption[data-s="3"] { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .zh-heart__shape { animation: none; } }

/* --- Sub-Brand-Tiles: WG-spezifische Zusatzzeilen (Body, Quelle, Not-Zahl) --- */
.sub-brand-tiles__body { font-size: var(--font-scale-body); color: var(--color-ink-soft); line-height: 1.55; margin: var(--space-s) 0; }
.sub-brand-tiles__note { font-size: var(--font-scale-small); color: var(--color-ink-soft); opacity: 0.8; margin-top: var(--space-xs); }
.wordmark-logo { font-family: var(--font-headline); font-weight: 700; font-size: 1.15rem; color: var(--color-ink); }
.sub-brand-tiles__audience { margin-top: auto; padding-top: var(--space-s); }   /* Audience+CTA nach unten -> beide Tiles aligned (aufgeraeumter) */

/* --- Trust-Stats: Inhalt vertikal zentriert, Freiraum harmonisch genutzt (Feedback R2).
   Horizontal-Padding bleibt var(--space-s) wie im Komponenten-Default, damit die laengste
   Zahl ("€ 400.000+", nbsp-gesichert, kein Umbruch) im 4-Spalten-Layout nicht ueberlaeuft. --- */
.trust-stats__card { justify-content: center; gap: var(--space-m); padding: var(--space-l) var(--space-s); }
.trust-stats__label { line-height: 1.6; max-width: 26ch; }

/* --- Daniel-Statement --- */
.daniel { display: grid; gap: clamp(var(--space-l), 5vw, var(--space-xl)); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 800px) { .daniel { grid-template-columns: minmax(220px, 0.7fr) 1.3fr; } }
.daniel__photo { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: var(--radius-card); }
.daniel__quote { font-family: var(--font-headline); font-weight: 500; font-size: clamp(1.2rem, 2.6vw, 1.6rem); line-height: 1.4; color: var(--color-ink); }
.daniel__attr { margin-top: var(--space-m); color: var(--color-primary); font-weight: 600; }
.daniel__link { display: inline-block; margin-top: var(--space-m); color: var(--color-ink-soft); font-size: var(--font-scale-small); font-weight: 600; text-decoration: none; }
.daniel__link:hover { color: var(--color-primary); }

/* --- Story-Routing --- */
.story { display: grid; gap: var(--space-m); grid-template-columns: 1fr; margin-top: var(--space-l); }
@media (min-width: 760px) { .story { grid-template-columns: 1fr 1fr; } }
.story__block { display: flex; flex-direction: column; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-card); padding: var(--space-l); }
.story__h { font-size: 1.3rem; color: var(--color-ink); }
.story__text { color: var(--color-ink-soft); margin: var(--space-s) 0; line-height: 1.55; }
.story__note { font-size: var(--font-scale-small); color: var(--color-ink-soft); opacity: 0.8; margin-bottom: var(--space-s); }
.story__solve { color: var(--color-ink); margin-bottom: var(--space-m); }
.story__cta { margin-top: auto; color: var(--color-primary); font-weight: 600; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.story__cta:hover { text-decoration: underline; }
.story__block--mr .story__cta { color: var(--color-secondary); }

/* --- Footer (Premium-Struktur: Brand-Block + Spalten + Copyright-Leiste) --- */
.footer { background: var(--color-bg-warm); border-top: 1px solid var(--color-line); padding: clamp(3.5rem,8vw,5.5rem) var(--space-m) var(--space-l); }
.footer__top { display: grid; grid-template-columns: 1fr; gap: var(--space-xl); }
@media (min-width: 860px) { .footer__top { grid-template-columns: 1.4fr 2fr; gap: clamp(var(--space-xl), 8vw, var(--space-xxl)); } }
.footer__wordmark { height: 26px; width: auto; opacity: 0.95; }
.footer__tagline { margin-top: var(--space-m); color: var(--color-ink-soft); font-size: var(--font-scale-small); line-height: 1.6; max-width: 38ch; }
.footer__social { margin-top: var(--space-l); display: flex; flex-wrap: wrap; gap: var(--space-s) var(--space-m); }
.footer__social a { color: var(--color-ink-soft); font-size: var(--font-scale-small); text-decoration: none; transition: color 0.2s ease; }
.footer__social a:hover { color: var(--color-primary); }
.footer__cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-l) var(--space-m); }
@media (min-width: 560px) { .footer__cols { grid-template-columns: repeat(3, 1fr); } }
.footer__col { display: flex; flex-direction: column; gap: var(--space-s); }
.footer__col-title { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-ink-soft); margin-bottom: var(--space-xs); font-family: var(--font-body); }
.footer__col a { color: var(--color-ink); font-size: var(--font-scale-small); text-decoration: none; transition: color 0.2s ease; }
.footer__col a:hover { color: var(--color-primary); }
.footer__col--brands { gap: var(--space-m); }
.footer__brand-link { display: inline-flex; }
.footer__brand-link img { height: 24px; width: auto; opacity: 0.78; transition: opacity 0.2s ease; }
.footer__brand-link:hover img { opacity: 1; }
.footer__bar { margin-top: clamp(var(--space-xl), 6vw, var(--space-xxl)); padding-top: var(--space-l); border-top: 1px solid var(--color-line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-s) var(--space-m); }
.footer__copy, .footer__meta { color: var(--color-ink-soft); font-size: var(--font-scale-small); }   /* kein opacity: voll deckendes ink-soft haelt AA-Kontrast (Feedback-R2-Verify) */
.footer__meta { letter-spacing: 0.02em; }

/* =============================================================================
   Iteration 1 (2026-06-23): Submarken-Logos, Tile-Hierarchie, Schluss-Lockup,
   Substanz (Kosten/Architekt), Premium-Tiefe. Token-pur, DARK, Orange/Cyan.
   ============================================================================ */

/* Dezente Oberlicht-Kante auf Flaechen-Karten (Apple-Card-Gefuehl; team-cards
   traegt schon shadow-soft, daher hier ausgenommen). */
.sub-brand-tiles__tile, .trust-stats__card, .dna-cards__card, .story__block, .faq-accordion__item {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--color-ink) 7%, transparent);
}

/* Hero: zarter Zwei-Herzen-Schimmer (Orange/Cyan) hinter der Headline */
.hero { isolation: isolate; }
.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.85;
  background:
    radial-gradient(42vw 30vw at 33% 32%, color-mix(in srgb, var(--color-primary) 13%, transparent), transparent 70%),
    radial-gradient(42vw 30vw at 67% 34%, color-mix(in srgb, var(--color-secondary) 11%, transparent), transparent 70%);
}

/* Sub-Brand-Tiles: Logo-Identitaet oben, Akzent-Glow in der Flaeche, Button-CTA */
.sub-brand-tiles__logo { min-height: 54px; }
.sub-brand-tiles__logo-img { max-height: 50px; width: auto; max-width: 230px; object-fit: contain; }
.sub-brand-tiles__tile {
  padding: clamp(var(--space-l), 3.5vw, var(--space-xl));
  background: radial-gradient(135% 95% at 100% 0%, color-mix(in srgb, var(--tile-accent) 13%, transparent), transparent 55%), var(--color-surface);
}
.sub-brand-tiles__headline { font-size: clamp(1.25rem, 2.2vw, 1.5rem); font-weight: 700; margin-top: var(--space-xs); }
.sub-brand-tiles__cta {
  align-self: flex-start; min-height: 48px; padding: var(--space-s) var(--space-l);
  background: var(--tile-accent); color: var(--color-on-primary);
  border-radius: var(--radius-pill); font-weight: 600;
  box-shadow: 0 12px 30px -14px color-mix(in srgb, var(--tile-accent) 70%, transparent);
}
.sub-brand-tiles__tile:hover .sub-brand-tiles__cta,
.sub-brand-tiles__tile:focus-within .sub-brand-tiles__cta { filter: brightness(1.07); }

/* Daniel / Der Architekt: Foto-Rahmen, Methodik-Zeile, Credential-Chips */
.daniel__media { margin: 0; width: 100%; position: relative; }
.daniel__media::after { content: ""; position: absolute; inset: 0; border-radius: var(--radius-card); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 16%, transparent); pointer-events: none; }
.daniel__method { margin-top: var(--space-m); color: var(--color-ink-soft); font-size: var(--font-scale-body); line-height: 1.6; }
.daniel__creds { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-s); margin: var(--space-m) 0 0; padding: 0; }
.daniel__creds li { font-size: var(--font-scale-small); color: var(--color-ink); padding: 6px var(--space-s); border: 1px solid var(--color-line); border-radius: var(--radius-pill); background: color-mix(in srgb, var(--color-ink) 5%, transparent); }

/* Story: Kosten-des-Chaos-Callout (anti-hype, ruhig) */
.story__cost { margin: var(--space-s) 0 0; padding: var(--space-s) var(--space-m); border-left: 2px solid var(--color-primary); background: color-mix(in srgb, var(--color-primary) 8%, transparent); border-radius: 0 var(--radius-card) var(--radius-card) 0; font-size: var(--font-scale-small); color: var(--color-ink-soft); line-height: 1.55; }
.story__block--mr .story__cost { border-left-color: var(--color-secondary); background: color-mix(in srgb, var(--color-secondary) 8%, transparent); }
.story__cost-num { font-weight: 700; color: var(--color-ink); }

/* Trust: Statement-Karte (4.) liest sauber statt als riesige Vier-Zeilen-Zahl */
.trust-stats__card--statement { background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)); border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-line)); }
.trust-stats__num--statement { font-family: var(--font-headline); font-size: clamp(1.15rem, 1.9vw, 1.4rem); font-weight: 700; line-height: 1.2; color: var(--color-ink); }

/* DNA-Karten: Icon im Akzent-Chip (mehr Wertigkeit) */
.dna-cards__icon { width: 44px; height: 44px; border-radius: 12px; background: color-mix(in srgb, var(--color-primary) 12%, transparent); padding: 10px; }

/* Schluss-CTA + Lockup (selbstbewusster Abschluss) */
.cta-band--closer { padding-block: clamp(var(--space-xxl), 11vw, calc(var(--space-xxl) * 1.4)); }
.closer__eyebrow { font-size: var(--font-scale-small); font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-primary); margin-bottom: var(--space-s); }
.cta-band--closer .cta-band__title { font-size: clamp(2rem, 5vw, 3.1rem); font-weight: 800; letter-spacing: -0.02em; max-width: 20ch; margin-inline: auto; }
.closer__lockup { display: flex; align-items: center; justify-content: center; gap: clamp(var(--space-l), 7vw, var(--space-xxl)); margin-top: var(--space-xl); flex-wrap: wrap; }
.closer__logo { height: clamp(32px, 4.5vw, 48px); width: auto; }
.closer__x { color: var(--color-ink-soft); font-size: clamp(1rem, 2vw, 1.4rem); font-weight: 300; }

/* =============================================================================
   Iteration 2 (2026-06-27): Daniel-Feedback. Zentrierung, Tile-Politur,
   Story-Buttons, DNA 2x2 Premium (Claudia-Niveau), Logo-Sizing, LinkedIn-Icons,
   Takt-Verlauf. Premium-Tiefe: Oberlicht-Kante + weicher Low-Spread-Schatten,
   Akzent nur als Glow/Aura/Einzelwort. Token-pur, DARK, Orange/Cyan.
   ============================================================================ */
:root { --wg-shadow-card: 0 24px 60px -28px rgba(0,0,0,.7); --wg-shadow-lift: 0 34px 80px -24px rgba(0,0,0,.85); --wg-edge: inset 0 1px 0 rgba(255,255,255,.07); }

/* Sektions-Headlines + Intros zentriert */
.section-title { text-align: center; }
.section-title .accent { color: var(--color-primary); text-shadow: 0 0 28px color-mix(in srgb, var(--color-primary) 30%, transparent); }
.section-intro { margin-left: auto; margin-right: auto; text-align: center; text-wrap: balance; }

/* Premium-Tiefe auf allen Flaechen-Karten (ersetzt die schlichte Oberlicht-Kante aus Iteration 1) */
.sub-brand-tiles__tile, .trust-stats__card, .dna-cards__card, .story__block, .faq-accordion__item { box-shadow: var(--wg-edge), var(--wg-shadow-card); }
.sub-brand-tiles__tile:hover, .dna-cards__card:hover, .story__block:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), var(--wg-shadow-lift); }

/* Sub-Brand-Tiles: zentriert, Logos groesser (MR extra), Button zentriert, Textblock kompakt */
.sub-brand-tiles__tile { text-align: center; }
.sub-brand-tiles__logo { justify-content: center; min-height: 72px; }
.sub-brand-tiles__logo-img { max-height: 52px; max-width: 240px; }
.sub-brand-tiles__logo-img[src*="logo-mr"] { max-height: 66px; }
.sub-brand-tiles__audience { margin-top: 0; }
.sub-brand-tiles__cta { align-self: center; }

/* Story: CTAs als Buttons (zentriert), Solve nicht an die Box geklebt */
.story__solve { margin-bottom: var(--space-l); }
.story__cta { align-self: center; min-height: 48px; padding: var(--space-s) var(--space-l); background: var(--color-primary); color: var(--color-on-primary); border-radius: var(--radius-pill); font-weight: 600; text-decoration: none; box-shadow: 0 12px 30px -14px color-mix(in srgb, var(--color-primary) 65%, transparent); transition: filter .2s ease, transform .2s ease; }
.story__block--mr .story__cta { background: var(--color-secondary); color: var(--color-on-primary); box-shadow: 0 12px 30px -14px color-mix(in srgb, var(--color-secondary) 65%, transparent); }
.story__cta:hover { filter: brightness(1.07); transform: translateY(-2px); text-decoration: none; }
.story__cta-arrow { transition: transform .2s ease; }
.story__cta:hover .story__cta-arrow { transform: translateX(4px); }

/* "Wir bringen beide in Takt": Takt im Orange->Cyan-Verlauf (Ueberlappung der zwei Herzen) */
.zh-takt { background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Daniel-Link mit LinkedIn-Icon */
.daniel__link { display: inline-flex; align-items: center; gap: var(--space-xs); }
.daniel__li-icon { fill: currentColor; flex-shrink: 0; }

/* DNA-Karten: 2x2 (mehr Raum), alternierender Akzent Orange/Cyan, Premium-Tiefe + Icon-Glow-Chip */
.dna-cards { grid-template-columns: 1fr; gap: var(--space-l); }
@media (min-width: 680px) { .dna-cards { grid-template-columns: repeat(2, 1fr); } }
.dna-cards__card { --card-accent: var(--color-primary); padding: clamp(var(--space-l), 3vw, var(--space-xl)); background: radial-gradient(130% 90% at 100% 0%, color-mix(in srgb, var(--card-accent) 12%, transparent), transparent 55%), var(--color-surface); }
.dna-cards__card:nth-child(2n) { --card-accent: var(--color-secondary); }
.dna-cards__icon { width: 52px; height: 52px; border-radius: 14px; padding: 13px; color: var(--color-on-primary); background: var(--card-accent); box-shadow: 0 0 32px color-mix(in srgb, var(--card-accent) 40%, transparent); }
.dna-cards__title { font-size: clamp(1.2rem, 2vw, 1.45rem); }

/* Footer: LinkedIn-Icon-Links, Submarken-Logos groesser (MR extra) */
.footer__social a { display: inline-flex; align-items: center; gap: 6px; }
.footer__li-icon { fill: currentColor; flex-shrink: 0; }
.footer__brand-link img { height: 28px; }
.footer__brand-link img[src*="logo-mr"] { height: 36px; }

/* Schluss-Lockup: Logos groesser (MR extra) */
.closer__logo { height: clamp(40px, 5vw, 54px); }
.closer__logo[src*="logo-mr"] { height: clamp(52px, 6.5vw, 70px); }