/* WINGBURG Global (auf allen Seiten): "Warum WINGBURG?"-Footerblock + geteilte Eyebrow/Section-Intro-Stile + Tokens */

:root {
  --wb-navy: #0b2536;
  --wb-navy-soft: #12374d;
  --wb-coral: #c8755c;
  --wb-coral-dark: #a95640;
  --wb-cream: #f6f4f0;
  --wb-mist: #eef2f3;
  --wb-ink: #12222c;
  --wb-muted: #5f6d75;
  --wb-line: #dbe2e5;
  --wb-shadow: 0 18px 48px rgba(11, 37, 54, .12);
}
.wb-eyebrow {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.4;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.wb-eyebrow-dark { color: var(--wb-coral-dark); }
.wb-eyebrow-light { color: #dba08e; }

.wb-section-intro h2 { color: var(--wb-ink); font-size: clamp(32px, 3vw, 48px); letter-spacing: -.025em; line-height: 1.12; margin-bottom: 16px; text-wrap: balance; }
.wb-section-intro p { color: var(--wb-muted); font-size: 17px; line-height: 1.65; margin-left: auto; margin-right: auto; max-width: 720px; }
.wb-home-process .wb-section-intro h2 { color: #fff; }
.wb-home-process .wb-section-intro p { color: rgba(255,255,255,.72); }
.wb-home-consult .wb-eyebrow { color: #fff; margin-bottom: 10px; opacity: .82; }

@media (max-width: 549px) {
  .wb-section-intro h2 { font-size: 31px; }
}
.wb-why-section { border-top: 1px solid var(--wb-line); }
.wb-why-grid { margin-top: 26px; }
.wb-why-card { background: #fff; border: 1px solid var(--wb-line); border-radius: 14px; height: 100%; padding: 24px 22px; transition: transform .2s ease, box-shadow .2s ease; }
.wb-why-card:hover { box-shadow: 0 12px 30px rgba(11,37,54,.10); transform: translateY(-4px); }
.wb-why-icon { align-items: center; background: var(--wb-mist); border-radius: 10px; color: var(--wb-navy); display: flex; height: 42px; justify-content: center; margin-bottom: 14px; width: 42px; }
.wb-why-icon svg { display: block; height: 21px; width: 21px; }
.wb-why-card h3 { color: var(--wb-ink); font-size: 16px; letter-spacing: -.01em; line-height: 1.3; margin: 0 0 7px; }
.wb-why-card p { color: var(--wb-muted); font-size: 13.5px; line-height: 1.6; margin: 0; }
.wb-why-section .wb-section-intro h2 { font-size: clamp(26px, 2.4vw, 36px); }

@media (max-width: 849px) {
.wb-why-grid { gap: 12px 0; }
.wb-why-card { padding: 18px 16px; }
}
:root {
  --wb-v5-ink: #071e2d;
  --wb-v5-navy: #0b2536;
  --wb-v5-navy-2: #12384e;
  --wb-v5-accent: #a95640;
  --wb-v5-accent-hover: #8f4432;
  --wb-v5-canvas: #eef2f2;
  --wb-v5-warm: #f7f4ef;
  --wb-v5-white: #fff;
  --wb-v5-muted: #617078;
  --wb-v5-line: #d9e1e3;
  --wb-v5-success: #276747;
  --wb-v5-shadow: 0 24px 70px rgba(7, 30, 45, .11);
  --wb-v5-soft-shadow: 0 12px 36px rgba(7, 30, 45, .08);
}
/* ---------------------------------------------------------------------
 * YellowPencil-Altlasten neutralisieren (Plugin ist deaktiviert, sein
 * generiertes CSS wird aber weiter ausgeliefert):
 * 1) "#content a:hover { background:#9c5744 !important }" faerbt jeden
 *    Textlink beim Hover als roten Kasten. Buttons, Chips und Finder-
 *    Karten behalten ihre eigenen Hover-Flaechen (ausgenommen).
 * 2) ".box-text-bottom .box-text p { margin-top:-27px }" quetscht
 *    Produkttitel unter das Bild (z. B. Bestseller der Startseite).
 * ------------------------------------------------------------------- */
body #content a:not(.button):not([class*="btn"]):not([class*="chip"]):not(.wbf-card):hover {
	background: transparent !important;
}
body .box-text-bottom .box-text p {
	margin-top: 12px;
}