/* =========================================================
       AMP-FIX
       Überschreibt das dekorative Playfair-„&" mit DM Sans
       (nur für den Unicode-Bereich U+0026 = &).
       Globaler Fix — betrifft alle Playfair-Headings site-weit.
    ========================================================= */

    @font-face {
      font-family: "Playfair Display";
      src: local("DM Sans"), local("DMSans-Regular"), local("Manrope"), local("Arial");
      unicode-range: U+0026;
      font-style: normal;
      font-weight: 100 900;
    }

@font-face {
      font-family: "Playfair Display";
      src: local("DM Sans"), local("DMSans-Regular"), local("Manrope"), local("Arial");
      unicode-range: U+0026;
      font-style: italic;
      font-weight: 100 900;
    }

/* =========================================================
       RESET
    ========================================================= */

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

html {
      scroll-behavior: smooth;
    }

body {
      font-family: "DM Sans", sans-serif;
      background: #f5f3ee;
      color: #18221f;
      -webkit-font-smoothing: antialiased;
    }

button,
    a {
      font: inherit;
    }

a {
      color: inherit;
      text-decoration: none;
    }

img {
      max-width: 100%;
      display: block;
    }

/* =========================================================
       VARIABLES
    ========================================================= */

    :root {
      --bg: #f5f3ee;
      --bg-soft: #ece9e1;

      --white: #ffffff;

      --dark: #16211e;
      --dark-2: #25312d;

      --text: #18221f;
      --text-soft: #66716d;

      --mint: #d20a5b;
      --mint-dark: #a80846;
      --mint-soft: #fce4ee;

      --line: rgba(22, 33, 30, 0.11);

      --shadow:
        0 30px 80px rgba(35, 46, 42, 0.11),
        0 10px 30px rgba(35, 46, 42, 0.05);

      --radius-xl: 34px;
      --radius-lg: 26px;
      --radius-md: 20px;

      --container: 1460px;
    }

@keyframes pulse {
      0% {
        opacity: 1;
        transform: scale(0.7);
      }

      100% {
        opacity: 0;
        transform: scale(1.7);
      }
    }

.status-dot {
      width: 5px;
      height: 5px;

      border-radius: 50%;

      background: #d20a5b;

      box-shadow:
        0 0 0 3px rgba(104, 201, 162, 0.14);
    }

.status-dot.closed {
      background: #a6adaa;

      box-shadow:
        0 0 0 3px rgba(166, 173, 170, 0.12);
    }

.all-times {
      display: flex;
      align-items: center;
      gap: 5px;

      font-size: 9px;
      font-weight: 600;

      color: var(--dark);

      transition: gap 0.25s ease;
    }

.all-times:hover {
      gap: 8px;
    }

.all-times svg {
      width: 11px;
    }

/* =========================================================
       RESPONSIVE
    ========================================================= */

    





.status-item {
      display: flex;
      align-items: center;
      gap: 10px;
    }

.status-item svg {
      width: 15px;
      height: 15px;

      color: #a80846;
    }

.status-pulse {
      width: 7px;
      height: 7px;

      border-radius: 50%;

      background: #d20a5b;

      box-shadow:
        0 0 0 5px rgba(100, 195, 157, 0.13);
    }

.status-divider {
      width: 1px;
      height: 18px;

      background: rgba(22, 33, 30, 0.12);
    }

/* quick-help responsive */

    



/* respect reduced motion — visible immediately, no slide */
    

/* responsive */
    



.time-highlight {
      position: relative;
      color: #18221f;
      font-style: normal;
      font-weight: 400;
    }

.time-highlight::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 3px;
      height: 8px;
      border-radius: 20px;
      background: rgba(220, 132, 95, 0.20);
      z-index: -1;
    }

/* =========================================================
       LIVE DAY-TIMELINE
    ========================================================= */

    .deadline-strip {
      position: relative;

      padding: 26px 32px 22px;

      margin-bottom: 22px;

      border-radius: 22px;
      border: 1px solid rgba(24, 34, 31, 0.08);

      background:
        linear-gradient(135deg, #fffefb 0%, #f7f5ee 100%);

      box-shadow: 0 18px 45px rgba(31, 43, 39, 0.05);

      transition: background 0.6s ease;
    }

@keyframes dsPulse {
      0%   { opacity: 1;   transform: scale(0.6); }
      100% { opacity: 0;   transform: scale(1.8); }
    }

/* ====== PAST-DEADLINE STATE ====== */

    .deadline-strip.past-deadline {
      background: linear-gradient(135deg, #fff8f5 0%, #f7ede8 100%);
    }

/* responsive */

    



/* clean sans-serif ampersand — bricht das kalligrafische Playfair-& (global) */
    .amp {
      font-family: "DM Sans", "Manrope", sans-serif;
      font-style: normal;
      font-weight: 500;
      color: inherit;
      letter-spacing: 0;

      /* leichte optische Angleichung an die umgebende Serif */
      font-size: 0.88em;
      padding: 0 0.06em;
      vertical-align: 0.02em;
    }

/* Responsive */

    



/* =========================================================
       SECTION · KATJA DAUB (Owner / Die Frau dahinter)
    ========================================================= */

    .owner-section {
      padding: clamp(80px, 8vw, 120px) 24px;

      background:
        radial-gradient(
          circle at 6% 0%,
          rgba(136, 203, 192, 0.13),
          transparent 30%
        ),
        #f5f3ee;
    }

.owner-wrap {
      width: min(1420px, 100%);
      margin: 0 auto;
    }

/* Header — centered heading */

    .owner-header {
      max-width: 820px;
      margin: 0 auto clamp(44px, 5vw, 64px);
      text-align: center;
    }

.owner-kicker {
      display: block;
      margin-bottom: 14px;

      font-family: "DM Sans", sans-serif;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #8d9692;
    }

.owner-heading h2 {
      margin: 0;

      font-family: "Playfair Display", serif;
      font-weight: 400;

      font-size: clamp(44px, 4.2vw, 68px);
      line-height: 0.98;
      letter-spacing: -0.048em;

      color: #19231f;
    }

.owner-heading h2 em {
      font-style: italic;
      font-weight: 400;
      color: #a80846;
    }

/* Main — 2 column, portrait + story */

    .owner-main {
      display: grid;
      grid-template-columns: minmax(360px, 0.85fr) minmax(560px, 1.15fr);
      gap: 48px;
      align-items: stretch;
    }

/* Portrait — clean, no overlays */

    .owner-visual {
      min-height: 580px;
      position: relative;
      overflow: hidden;
      border-radius: 26px;
      background: #e4e0d5;
    }

.owner-visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 1.6s cubic-bezier(.2,.7,.2,1);
    }

.owner-visual:hover img {
      transform: scale(1.03);
    }

/* Story column */

    .owner-story {
      display: flex;
      flex-direction: column;
      padding: 6px 4px;
    }

/* Quote */

    .owner-quote {
      padding-bottom: 30px;
      border-bottom: 1px solid rgba(25, 35, 31, 0.09);
    }

.owner-quote blockquote {
      margin: 0;
      max-width: 640px;

      font-family: "Playfair Display", serif;
      font-weight: 400;

      font-size: clamp(28px, 2.6vw, 42px);
      line-height: 1.08;
      letter-spacing: -0.035em;

      color: #19231f;
    }

.owner-quote blockquote em {
      font-style: italic;
      font-weight: 400;
      color: #a80846;
    }

/* Copy */

    .owner-copy {
      padding: 28px 0 26px;
      border-bottom: 1px solid rgba(25, 35, 31, 0.09);
    }

.owner-copy h3 {
      margin: 0 0 16px;

      font-family: "Playfair Display", serif;
      font-weight: 400;

      font-size: clamp(24px, 2vw, 32px);
      line-height: 1.05;
      letter-spacing: -0.03em;

      color: #19231f;
    }

.owner-copy h3 em {
      font-style: italic;
      font-weight: 400;
      color: #a80846;
    }

.owner-copy p {
      max-width: 640px;
      margin: 0 0 14px;

      font-family: "Manrope", sans-serif;
      font-size: 13.5px;
      line-height: 1.7;
      color: #65706c;
    }

.owner-copy p:last-child {
      margin-bottom: 0;
    }

/* Values row */

    .owner-values {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;

      padding: 24px 0;
    }

.owner-value {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 16px;

      min-height: 108px;
      padding: 15px;

      border-radius: 16px;
      background: rgba(255, 255, 255, 0.62);
      border: 1px solid rgba(25, 35, 31, 0.09);
    }

.owner-value-icon {
      width: 36px;
      height: 36px;

      display: grid;
      place-items: center;

      border-radius: 11px;
      background: #e1f0ec;
      color: #a80846;
    }

.owner-value-icon svg {
      width: 15px;
      height: 15px;
      stroke-width: 1.7;
    }

.owner-value > div:last-child {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

.owner-value span {
      font-family: "DM Sans", sans-serif;
      font-size: 8px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #909995;
    }

.owner-value strong {
      font-family: "Playfair Display", serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.15;
      color: #19231f;
    }

/* Signature — centered, stacked, hairline-separated */

    .owner-signature {
      margin-top: auto;
      padding-top: 32px;

      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;

      text-align: center;
    }

.signature-name {
      font-family: "Playfair Display", serif;
      font-style: italic;
      font-weight: 400;
      font-size: clamp(28px, 2.6vw, 36px);
      line-height: 1;
      letter-spacing: -0.01em;
      color: #a80846;
    }

.signature-divider {
      width: 34px;
      height: 1px;
      background: rgba(25, 35, 31, 0.18);
    }

.signature-text {
      font-family: "DM Sans", sans-serif;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #7a8480;
      line-height: 1.55;
    }

/* Responsive */

    



/* Responsive */

    



/* Responsive */

    



/* Responsive */

    



/* Tablet */
    

/* Mobile */
    

/* Tablet */
    

/* =========================================================
       SITE FOOTER (dark, mit Logo, 4 Spalten + Legal-Strip)
    ========================================================= */

    .site-footer {
      background: #18221f;
      color: #fff;
      padding: 72px 24px 28px;
    }

.site-footer-inner {
      width: min(1400px, 100%);
      margin: 0 auto;
    }

/* Main grid — brand + 3 columns */

    .site-footer-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr 1fr;
      gap: 48px;

      padding-bottom: 44px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

/* Brand column */

    .site-footer-brand {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

.site-footer-logo {
      display: inline-block;
      width: auto;
      height: 44px;

      /* invertiert das dunkle Logo auf dunklen BG */
      filter: brightness(0) invert(1);
      opacity: 0.95;
    }

.site-footer-tagline {
      max-width: 260px;
      margin: 0;

      font-family: "Manrope", sans-serif;
      font-size: 13px;
      line-height: 1.6;
      color: rgba(255, 255, 255, 0.55);
    }

.site-footer-tagline strong {
      display: block;
      margin-bottom: 4px;

      font-family: "Playfair Display", serif;
      font-size: 16px;
      font-weight: 400;
      font-style: italic;
      color: #d20a5b;
    }

/* Social */

    .site-footer-social {
      display: flex;
      gap: 8px;

      margin-top: 8px;
    }

.site-footer-social a {
      width: 36px;
      height: 36px;

      display: grid;
      place-items: center;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.78);

      transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        border-color 0.25s ease;
    }

.site-footer-social a:hover {
      background: #d20a5b;
      color: #18221f;
      border-color: #d20a5b;
      transform: translateY(-2px);
    }

.site-footer-social svg {
      width: 15px;
      height: 15px;
      stroke-width: 1.8;
    }

/* Nav columns */

    .site-footer-col h4 {
      margin: 0 0 18px;

      font-family: "DM Sans", sans-serif;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.17em;
      text-transform: uppercase;
      color: #d20a5b;
    }

.site-footer-col ul {
      list-style: none;
      padding: 0;
      margin: 0;

      display: flex;
      flex-direction: column;
      gap: 10px;
    }

.site-footer-col li,
    .site-footer-col a {
      font-family: "DM Sans", sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.72);
      text-decoration: none;
      transition: color 0.25s ease;
    }

.site-footer-col a:hover {
      color: #fff;
    }

.site-footer-col small {
      display: block;
      margin-top: 3px;

      font-family: "DM Sans", sans-serif;
      font-size: 10px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.4);
    }

/* Bottom base */

    .site-footer-base {
      padding-top: 22px;

      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px;
      flex-wrap: wrap;
    }

.site-footer-base > span {
      font-family: "DM Sans", sans-serif;
      font-size: 11px;
      color: rgba(255, 255, 255, 0.45);
    }

.site-footer-legal {
      display: flex;
      gap: 22px;
      flex-wrap: wrap;
    }

.site-footer-legal a {
      font-family: "DM Sans", sans-serif;
      font-size: 11px;
      color: rgba(255, 255, 255, 0.55);
      text-decoration: none;
      transition: color 0.25s ease;
    }

.site-footer-legal a:hover {
      color: #d20a5b;
    }

/* Responsive */

    



/* Mobile */
    

@keyframes sosPulse {
  0%   { opacity: 1; transform: scale(0.6); }
  100% { opacity: 0; transform: scale(1.8); }
}

/* Ab ~1100px: nur noch Standort-Kürzel im Button (Hbf/Neustadt) — Nummer wandert in tooltip title */


/* Ab ~880px: Live-Status weg, Buttons sichtbar aber kompakter */


/* Ab ~520px: nur noch ein CTA (Hbf) sichtbar */


/* Badge */

.sos-badge {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 17px;
  margin-bottom: 32px;
  border: 1px solid var(--sos-line);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--sos-dark);
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.sos-badge svg { width: 20px; height: 20px; stroke-width: 1.9; }

.sos-benefit {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sos-benefit__icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--sos-green);
  background: var(--sos-green-light);
}

.sos-benefit__icon svg { width: 19px; height: 19px; stroke-width: 1.7; }

.sos-benefit strong,
.sos-benefit span { display: block; }

.sos-benefit strong {
  margin-bottom: 3px;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--sos-dark);
}

.sos-benefit span {
  font-family: "Manrope", sans-serif;
  color: var(--sos-muted);
  font-size: 10.5px;
}

.sos-bottom-location {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "DM Sans", sans-serif;
  color: var(--sos-muted);
  font-size: 11px;
}

.sos-bottom-location svg {
  width: 16px;
  height: 16px;
  color: var(--sos-green);
}

.sos-bottom-claim {
  font-family: "DM Sans", sans-serif;
  color: #87938e;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

/* Reveal */

.sos-reveal {
  opacity: 0;
  transform: translateY(25px);
  animation: sosReveal 0.85s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes sosReveal {
  to { opacity: 1; transform: translateY(0); }
}

/* Tablet */



/* Mobile */





.sos-section-head {
  max-width: 620px;
  margin: 0 auto clamp(36px, 4vw, 52px);
  text-align: center;
}

.sos-section-head span {
  display: block;
  margin-bottom: 12px;

  font-family: "DM Sans", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #a80846;
}

.sos-section-head h2 {
  margin: 0;

  font-family: "Playfair Display", serif;
  font-weight: 400;

  font-size: clamp(34px, 3.4vw, 52px);
  line-height: 0.98;
  letter-spacing: -0.04em;

  color: #18221f;
}

.sos-section-head h2 em {
  font-style: italic;
  font-weight: 400;
  color: #a80846;
}

.sos-section-head p {
  max-width: 520px;
  margin: 16px auto 0;

  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #68736f;
}

.sos-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;

  padding: 20px;

  border-radius: 18px;
  background: #fffefb;
  border: 1px solid rgba(24, 34, 31, 0.07);

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sos-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(30, 42, 38, 0.06);
}

.sos-item-icon {
  width: 42px;
  height: 42px;
  flex-shrink: 0;

  display: grid;
  place-items: center;

  border-radius: 12px;
  background: linear-gradient(135deg, #e9f4f0, #cfe6df);
  color: #a80846;
}

.sos-item.sos-item-alert .sos-item-icon {
  background: linear-gradient(135deg, #f7e2d6, #eec8b3);
  color: #c96940;
}

.sos-item-icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.7;
}

.sos-item-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.sos-item-body strong {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.15;
  color: #18221f;
}

.sos-item-body span {
  font-family: "Manrope", sans-serif;
  font-size: 12.5px;
  line-height: 1.5;
  color: #69736f;
}





.sos-standort {
  display: flex;
  flex-direction: column;

  padding: 26px;

  border-radius: 22px;
  background: #fffefb;
  border: 1px solid rgba(24, 34, 31, 0.08);

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sos-standort:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(30, 42, 38, 0.07);
}

.sos-standort-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 18px;
}

.sos-standort-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 5px 10px;

  border-radius: 999px;
  background: rgba(210, 10, 91, 0.13);
  color: #a80846;

  font-family: "DM Sans", sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sos-standort-tag .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d20a5b;
}

.sos-standort-hours {
  text-align: right;
}

.sos-standort-hours small {
  display: block;

  font-family: "DM Sans", sans-serif;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #929b97;
}

.sos-standort-hours strong {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 18px;
  color: #18221f;
  font-variant-numeric: tabular-nums;
}

.sos-standort h3 {
  margin: 0 0 6px;

  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #18221f;
}

.sos-standort-addr {
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #68736f;
  margin: 0 0 6px;
}

.sos-standort-nav {
  font-family: "DM Sans", sans-serif;
  font-size: 11px;
  color: #a80846;
  margin: 0 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.sos-standort-nav svg {
  width: 12px;
  height: 12px;
}

.sos-standort-actions {
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.sos-standort-actions a {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  border-radius: 999px;

  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;

  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.sos-standort-actions svg {
  width: 14px;
  height: 14px;
}



.sos-faq-inner {
  width: min(820px, 100%);
  margin: 0 auto;
}

/* ---------- WhatsApp Floating Button (Mobile-CTA) ---------- */

.sos-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 50;

  width: 56px;
  height: 56px;

  display: grid;
  place-items: center;

  border-radius: 50%;
  background: #25d366;
  color: #fff;
  text-decoration: none;

  box-shadow: 0 12px 28px rgba(37, 211, 102, 0.36);

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sos-whatsapp:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 18px 36px rgba(37, 211, 102, 0.44);
}

.sos-whatsapp svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
  stroke: none;
}



/* Responsive */







@keyframes mkFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}









/* =========================================================
   SECTION-BADGE · Einheitlicher Standard
   Master:  .section-badge / .section-badge__icon / .section-badge__label
   Aliase:  alle existierenden Section-Kicker/Eyebrow-Klassen
   (Startseite + Mutter/Kind + SOS)
========================================================= */

/* Container (Pill) — asymmetrisches Padding für Icon-Anker links.
   !important auf visuellen Properties damit spätere page-CSS-Regeln
   (in index.css/mutter-kind.css) den einheitlichen Look nicht überschreiben. */
.section-badge,
.mom-problems__badge,
.sos-bento__badge,
.kd-about__badge,
.still-service__badge,
.family-services__badge,
.pump-compare__badge,
.dna-section__badge,
.promise-section__badge,
.midwife-network__badge,
.mk-faq__badge,
.sos-stock__badge,
.sos-supply__badge,
.sos-cases__badge,
.city-stations__badge,
.sos-faq__badge,
.eyebrow,
.same-day-badge,
.closing-eyebrow,
.mk-hero-eyebrow {
  --badge-pill: #fdf1f6;
  --badge-circle: #fce4ee;
  --badge-color: #a80846;

  width: max-content !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 28px !important;
  padding: 8px 16px 8px 8px !important;
  border-radius: 100px !important;
  background: var(--badge-pill) !important;
  color: var(--badge-color) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none;
}

/* Text-only Kicker (kein Icon/Dot links) — symmetrisches Padding, mittig zentriert.
   NICHT enthalten: Card-interne Labels wie .tile-eyebrow oder .tile-badge —
   die sind Card-Chips, keine Section-Header. */
.services-kicker,
.journal-kicker,
.city-faq__eyebrow,
.still-service__contact-kicker {
  --badge-pill: #fdf1f6;
  --badge-color: #a80846;

  width: max-content !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 28px !important;
  padding: 8px 16px !important;
  border-radius: 100px !important;
  background: var(--badge-pill) !important;
  color: var(--badge-color) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

/* Icon-Kreis (28×28, Mini-Icon 14×14) */
.section-badge__icon,
.mom-problems__badge-icon,
.sos-bento__badge-icon,
.kd-about__badge-icon,
.still-service__badge-icon,
.family-services__badge-icon,
.pump-compare__badge-icon,
.dna-section__badge-icon,
.promise-section__badge-icon,
.midwife-network__badge-icon,
.mk-faq__badge-icon,
.sos-stock__badge-icon,
.sos-supply__badge-icon,
.sos-cases__badge-icon,
.city-stations__badge-icon,
.sos-faq__badge-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--badge-circle);
  color: var(--badge-color);
  flex: none;
}

.section-badge__icon svg,
.mom-problems__badge-icon svg,
.sos-bento__badge-icon svg,
.kd-about__badge-icon svg,
.still-service__badge-icon svg,
.family-services__badge-icon svg,
.pump-compare__badge-icon svg,
.dna-section__badge-icon svg,
.promise-section__badge-icon svg,
.midwife-network__badge-icon svg,
.mk-faq__badge-icon svg,
.sos-stock__badge-icon svg,
.sos-supply__badge-icon svg,
.sos-cases__badge-icon svg,
.city-stations__badge-icon svg,
.sos-faq__badge-icon svg,
.same-day-badge > i,
.same-day-badge > svg {
  width: 14px;
  height: 14px;
  color: var(--badge-color);
  stroke: var(--badge-color);
}

/* Kleine Punkte in Dot-Eyebrows (Ersatz für Icon-Kreis) */
.eyebrow-dot,
.closing-dot,
.mk-hero-eyebrow .dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #a80846 !important;
  flex: none !important;
  display: inline-block !important;
  margin-left: 4px !important;
  box-shadow: none !important;
}

/* Label */
.section-badge__label,
.mom-problems__badge-label,
.sos-bento__badge-label,
.kd-about__badge-label,
.still-service__badge-label,
.family-services__badge-label,
.pump-compare__badge-label,
.dna-section__badge-label,
.promise-section__badge-label,
.midwife-network__badge-label,
.mk-faq__badge-label,
.sos-stock__badge-label,
.sos-supply__badge-label,
.sos-cases__badge-label,
.city-stations__badge-label,
.sos-faq__badge-label,
.same-day-badge > span {
  line-height: 1;
  color: var(--badge-color);
}

/* Tablet */



/* Mobile */













.sos-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--sos-border);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow:
    0 12px 35px rgba(38, 55, 48, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition:
    transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.5s ease,
    border-color 0.4s ease;
}

.sos-card:hover {
  transform: translateY(-7px);
  border-color: rgba(210, 10, 91, 0.13);
  box-shadow: 0 30px 70px rgba(35, 56, 48, 0.10), inset 0 1px 0 white;
}

/* Family (large) */

.sos-card--family {
  grid-row: 1 / 3;
  min-height: 610px;
  color: #fff;
}

.sos-card__photo {
  position: absolute;
  inset: -35px;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  will-change: transform;
}

.sos-card__top-icon {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.sos-card__top-icon--light {
  color: var(--sos-green);
  background: rgba(245, 251, 248, 0.9);
  backdrop-filter: blur(12px);
}

.sos-card__top-icon svg { width: 22px; height: 22px; }

.sos-card__family-content {
  position: absolute;
  left: 35px;
  right: 35px;
  bottom: 32px;
  z-index: 3;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.sos-card__label {
  display: block;
  margin-bottom: 13px;
  font-family: "DM Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
}

.sos-card__family-content h3 {
  max-width: 400px;
  margin: 0 0 15px;
  font-family: "Playfair Display", serif;
  font-size: clamp(30px, 2.5vw, 44px);
  line-height: 1.03;
  letter-spacing: -0.03em;
  font-weight: 400;
  color: #fff;
}

.sos-card__family-content p {
  max-width: 340px;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}

.sos-card__circle-btn {
  margin-top: 22px;
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  backdrop-filter: blur(10px);
  cursor: pointer;
  transition: 0.3s ease;
}

.sos-card__circle-btn:hover {
  background: #fff;
  color: var(--sos-green);
}

.sos-card__circle-btn svg { width: 17px; height: 17px; }

/* Standard */

.sos-card--standard,
.sos-card--visual,
.sos-card--feature {
  padding: 26px;
}

.sos-card__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--sos-green-soft);
  color: var(--sos-green);
  position: relative;
  z-index: 3;
}

.sos-card__icon svg { width: 20px; height: 20px; }

.sos-card__body {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 27px;
  z-index: 3;
}

.sos-card__mini {
  display: block;
  margin-bottom: 8px;
  font-family: "DM Sans", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7d8883;
}

.sos-card__body h3,
.sos-card__visual-copy h3,
.sos-card__feature-copy h3 {
  margin: 0 0 9px;
  font-family: "Playfair Display", serif;
  font-size: 21px;
  line-height: 1.12;
  letter-spacing: -0.02em;
  font-weight: 400;
  color: var(--sos-text);
}

.sos-card__body p,
.sos-card__visual-copy p,
.sos-card__feature-copy p {
  margin: 0;
  max-width: 320px;
  font-family: "Manrope", sans-serif;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--sos-muted);
}

.sos-card__arrow {
  position: absolute;
  top: 27px;
  right: 26px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #7b8983;
  cursor: pointer;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.sos-card:hover .sos-card__arrow {
  transform: rotate(45deg);
  background: var(--sos-green-soft);
  color: var(--sos-green);
}

.sos-card__arrow svg { width: 16px; height: 16px; }

/* Medicine deco */

.sos-card--medicine {
  background:
    radial-gradient(circle at 95% 90%, rgba(215, 230, 222, 0.85), transparent 40%),
    rgba(255, 255, 255, 0.8);
}

.sos-card__deco {
  position: absolute;
  pointer-events: none;
}

.sos-card__deco--pill {
  right: -20px;
  bottom: -20px;
  opacity: 0.045;
  color: var(--sos-green);
  transform: rotate(-25deg);
}

.sos-card__deco--pill svg { width: 160px; height: 160px; }

/* Travel visual */

.sos-card--travel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(235, 244, 239, 0.88)),
    #e8f0ec;
}

.sos-card__travel-art {
  position: absolute;
  inset: -25px;
  background:
    radial-gradient(circle at 70% 40%, rgba(255, 255, 255, 0.95), transparent 22%),
    linear-gradient(145deg, rgba(205, 225, 216, 0.3), rgba(114, 162, 141, 0.22));
  transform: scale(1.05);
  will-change: transform;
}

.sos-card__travel-art::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  right: -70px;
  bottom: -70px;
  border: 1px solid rgba(210, 10, 91, 0.12);
  box-shadow:
    0 0 0 35px rgba(210, 10, 91, 0.025),
    0 0 0 70px rgba(210, 10, 91, 0.018);
}

.sos-card__icon--glass {
  background: rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(10px);
}

.sos-card__visual-copy {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 27px;
  z-index: 3;
}

.sos-card__arrow--glass {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
}

/* Feature green (Milchpumpe mit Foto) */

.sos-card--feature {
  color: #fff;
  background: linear-gradient(145deg, #3a1428, #1e0a13);
}

.sos-card--feature .sos-card__photo {
  z-index: 0;
}

/* Bild komplett sichtbar (kein Beschnitt), dunkelgrüner Card-Grund umgibt es */

.sos-card__photo--contain {
  inset: 0;
  background-size: contain;
  background-position: center 34%;
  background-repeat: no-repeat;
  transform: none;
}

/* Vignette-Overlay unten, damit die Copy auf dem Bild lesbar bleibt */

.sos-card--feature .sos-card__photo--contain::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(14, 53, 43, 0) 55%,
    rgba(14, 53, 43, 0.55) 78%,
    rgba(14, 53, 43, 0.94) 100%);
  pointer-events: none;
}

.sos-card__icon--darkglass {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.sos-card__feature-copy {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 27px;
  z-index: 3;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

.sos-card__feature-copy h3 { color: #fff; }

.sos-card__feature-copy .sos-card__mini { color: rgba(255, 255, 255, 0.7); }

.sos-card__feature-copy p { color: rgba(255, 255, 255, 0.88); }

.sos-card__arrow--dark {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(10px);
}

.sos-card--feature:hover .sos-card__arrow--dark {
  background: #fff;
  color: var(--sos-green);
}

/* Reveal animation */

.sos-reveal {
  opacity: 0;
  transform: translateY(35px);
  transition:
    opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sos-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Tablet */



/* Mobile */





/* Tablet */



/* Mobile */





/* Tablet */



/* Mobile */





/* Tablet */



/* Mobile */





/* Tablet */



/* Mobile */





/* Tablet */



/* Mobile */





/* Tablet */



/* Mobile */





/* Badge positioning inside the card (kein margin auto weil Card-Innenraum) */

.midwife-network__card .midwife-network__badge {
  margin: 0 0 32px;
}

/* Tablet */



/* Mobile */







/* Mobile */



@keyframes mk-sc-fade-in {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Mobile */



/* Tablet */



/* Mobile */







/* Bottom CTA-Strip */

.sos-bottom-cta {
  margin-top: 20px;
  min-height: 96px;
  padding: 16px 18px 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border: 1px solid #dce8e4;
  border-radius: 20px;
  background: linear-gradient(100deg, #fdf1f6 0%, #fff 48%, #fdf1f6 100%);
}

.sos-bottom-left {
  display: flex;
  align-items: center;
  gap: 18px;
}

.sos-bottom-icon {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #fff;
  background: var(--sup-green);
}

.sos-bottom-icon svg { width: 20px; height: 20px; }

.sos-bottom-left strong,
.sos-bottom-left span { display: block; }

.sos-bottom-left strong {
  margin-bottom: 4px;
  font-family: "Playfair Display", serif;
  color: var(--sup-dark);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.sos-bottom-left span {
  font-family: "Manrope", sans-serif;
  color: var(--sup-text);
  font-size: 12.5px;
}

.sos-bottom-button {
  flex: 0 0 auto;
  min-width: 230px;
  height: 58px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border-radius: 16px;
  color: #fff;
  background: var(--sup-red);
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 14px 30px rgba(210, 10, 91, 0.18);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.sos-bottom-button:hover {
  transform: translateY(-3px);
  background: var(--sup-red-hover);
  box-shadow: 0 20px 38px rgba(210, 10, 91, 0.26);
}

.sos-bottom-button svg { width: 18px; height: 18px; }

.sos-bottom-button svg:last-child { margin-left: 8px; transition: transform 0.3s ease; }

.sos-bottom-button:hover svg:last-child { transform: translateX(4px); }

/* Tablet */



/* Mobile */





@keyframes sls-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(210, 10, 91, 0.14); }
  50%      { box-shadow: 0 0 0 8px rgba(210, 10, 91, 0.05); }
}

/* Tablet */



/* Mobile */



/* =========================================================
   SOS · Rote Pulse-Warn-Card (mittig im Hero, oben)
========================================================= */

.sos-warn-card {
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  max-width: calc(100% - 32px);
  padding: 10px 20px 10px 14px;

  border-radius: 100px;

  color: #fff;
  background: linear-gradient(135deg, #d20a5b 0%, #a80846 100%);

  font-family: "DM Sans", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;

  box-shadow:
    0 12px 28px rgba(210, 10, 91, 0.28),
    0 2px 6px rgba(210, 10, 91, 0.18);

  animation: sos-warn-pulse 2.4s ease-in-out infinite;
}

.sos-warn-card__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.32);
  animation: sos-warn-dot 1.4s ease-in-out infinite;
  flex: 0 0 auto;
}

.sos-warn-card__text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sos-warn-card__text strong {
  font-weight: 700;
  letter-spacing: 0.03em;
}

.sos-warn-card__sep {
  opacity: 0.55;
  font-weight: 400;
}

.sos-warn-card__badge {
  padding: 3px 10px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.28);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

@keyframes sos-warn-pulse {
  0%, 100% {
    box-shadow:
      0 12px 28px rgba(210, 10, 91, 0.28),
      0 2px 6px rgba(210, 10, 91, 0.18),
      0 0 0 0 rgba(210, 10, 91, 0.35);
  }
  50% {
    box-shadow:
      0 16px 36px rgba(210, 10, 91, 0.36),
      0 2px 6px rgba(210, 10, 91, 0.22),
      0 0 0 12px rgba(210, 10, 91, 0);
  }
}

@keyframes sos-warn-dot {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.32);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.05);
    transform: scale(1.15);
  }
}

/* Mobile — kompaktere Version */





.sos-case-tab {
  position: relative;
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  border: 1px solid var(--sc-border);
  border-radius: 14px;
  background: #fff;
  color: var(--sc-dark);
  cursor: pointer;
  text-align: left;
  box-shadow: 0 8px 22px rgba(23, 56, 46, 0.03);
  transition:
    transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 0.3s ease,
    background 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

.sos-case-tab:hover {
  transform: translateX(3px);
  border-color: #f5c4d5;
  box-shadow: 0 14px 28px rgba(23, 56, 46, 0.06);
}

.sos-case-tab__icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--sc-mint-2);
  color: var(--sc-dark);
  transition: background 0.3s ease, color 0.3s ease;
}

.sos-case-tab__icon svg { width: 20px; height: 20px; stroke-width: 1.8; }

.sos-case-tab__label {
  font-family: "DM Sans", sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.sos-case-tab__arrow {
  width: 17px;
  height: 17px;
  color: #98a5a0;
  transition: transform 0.3s ease, color 0.3s ease;
}

.sos-case-tab:hover .sos-case-tab__arrow { transform: translateX(3px); }

/* Active tab (rot) */

.sos-case-tab.is-active {
  border-color: var(--sc-red);
  color: #fff;
  background: linear-gradient(135deg, #d20a5b, #a80846);
  box-shadow: 0 14px 30px rgba(210, 10, 91, 0.2);
}

.sos-case-tab.is-active .sos-case-tab__icon {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.sos-case-tab.is-active .sos-case-tab__arrow { color: #fff; }

/* Content Panel (kein Bild — kompakt einspaltig) */

.sos-case-panel {
  display: flex;
  flex-direction: column;
  padding: 34px 38px;
  border: 1px solid var(--sc-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(22, 61, 51, 0.06);
}

.sos-case-panel__content {
  display: flex;
  flex-direction: column;
}

.sos-case-panel__badge {
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 7px 14px;
  border-radius: 999px;
  color: var(--sc-coral);
  background: var(--sc-coral-light);
  font-family: "DM Sans", sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sos-case-panel__title {
  max-width: 640px;
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 2.8vw, 42px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--sc-dark);
  text-wrap: balance;
}

.sos-case-panel__text {
  max-width: 640px;
  margin: 16px 0 0;
  font-family: "Manrope", sans-serif;
  color: var(--sc-text);
  font-size: 14.5px;
  line-height: 1.7;
}

/* Checklist */

.sos-case-panel__list {
  display: grid;
  gap: 8px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.sos-case-panel__list li {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  border: 1px solid #edf2ef;
  border-radius: 13px;
  background: linear-gradient(90deg, #f8faf9, #f5f7f5);
  font-family: "Manrope", sans-serif;
  color: #4d5c56;
  font-size: 13.5px;
  line-height: 1.45;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.sos-case-panel__list li:hover {
  transform: translateX(3px);
  background: var(--sc-mint-2);
  border-color: rgba(23, 107, 92, 0.14);
}

.sos-case-panel__list li > span {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fce4ee;
  border-radius: 50%;
  color: var(--sc-green-dark);
  background: #fce4ee;
}

.sos-case-panel__list svg {
  width: 14px;
  height: 14px;
  stroke-width: 2;
}

/* Content-change animation */

.sos-case-panel__content.is-changing {
  animation: sosContentChange 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
}

@keyframes sosContentChange {
  0%   { opacity: 0.25; transform: translateY(8px); }
  100% { opacity: 1;    transform: translateY(0); }
}

/* Tablet */



/* Mobile */





@keyframes sos-tracker-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(210, 10, 91, 0.18); }
  50%      { box-shadow: 0 0 0 9px rgba(210, 10, 91, 0.05); }
}

/* Tablet */



/* Mobile */





/* Tablet */









.sos-faq-inner {
  width: min(1400px, 100%);
  margin: 0 auto;
}

.sos-faq__head {
  max-width: 800px;
  margin: 0 auto 48px;
  text-align: center;
}

.sos-faq__title {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: clamp(42px, 4.8vw, 68px);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.045em;
  color: #18221f;
  text-wrap: balance;
}

.sos-faq__title em {
  color: #a80846;
  font-style: italic;
  font-weight: 400;
}

.sos-faq__lead {
  max-width: 640px;
  margin: 22px auto 0;
  font-family: "Manrope", sans-serif;
  color: #6b7671;
  font-size: 15px;
  line-height: 1.7;
}

/* 2-Spalten */

.sos-faq__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 1fr);
  gap: 20px;
  align-items: start;
}

/* Contact-Card rechts */

.sos-contact-card {
  position: sticky;
  top: 24px;
  padding: 28px;
  border-radius: 24px;
  background: linear-gradient(155deg, #1e0a13 0%, #1e0a13 60%, #1e0a13 100%);
  color: #e4ede9;
  box-shadow: 0 30px 70px rgba(9, 30, 24, 0.18);
  font-family: "DM Sans", sans-serif;
}

.sos-contact-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px 6px 12px;
  border-radius: 100px;
  background: rgba(210, 10, 91, 0.14);
  color: #d20a5b;
  font-family: "DM Sans", sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.sos-contact-card__pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d20a5b;
  box-shadow: 0 0 0 4px rgba(210, 10, 91, 0.2);
  animation: sos-contact-pulse 2s ease-in-out infinite;
}

@keyframes sos-contact-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(210, 10, 91, 0.2); }
  50%      { box-shadow: 0 0 0 8px rgba(210, 10, 91, 0.05); }
}

.sos-contact-card__title {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: clamp(24px, 2.2vw, 30px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #fff;
}

.sos-contact-card__title em {
  display: block;
  color: #d20a5b;
  font-style: italic;
  font-weight: 400;
}

.sos-contact-card__text {
  margin: 0 0 22px;
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
}

/* Contact-Row (Tel / WhatsApp) */

.sos-contact-card__row {
  display: grid;
  grid-template-columns: 48px 1fr 24px;
  align-items: center;
  gap: 14px;
  padding: 14px;
  margin-bottom: 8px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: inherit;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.sos-contact-card__row:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.16);
}

.sos-contact-card__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(210, 10, 91, 0.15);
  color: #d20a5b;
}

.sos-contact-card__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  stroke: none;
}

.sos-contact-card__icon--phone svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.sos-contact-card__icon--whatsapp {
  background: rgba(37, 211, 102, 0.18);
  color: #d20a5b;
}

.sos-contact-card__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.sos-contact-card__label {
  font-family: "DM Sans", sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.sos-contact-card__body strong {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.01em;
}

.sos-contact-card__arrow {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.6);
  transition: transform 0.25s ease, color 0.25s ease;
}

.sos-contact-card__row:hover .sos-contact-card__arrow {
  color: #fff;
  transform: translate(3px, -3px);
}

.sos-contact-card__arrow svg { width: 15px; height: 15px; }

/* Divider "oder" */

.sos-contact-card__divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
  color: rgba(255, 255, 255, 0.35);
  font-family: "DM Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.sos-contact-card__divider::before,
.sos-contact-card__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

/* Trust-Note ganz unten */

.sos-contact-card__note {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "DM Sans", sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}

.sos-contact-card__note svg {
  width: 15px;
  height: 15px;
  color: #d20a5b;
}

/* Tablet */



/* Mobile */





/* =========================================================
   UNIFIED SITE HEADER (alle Seiten)
   Sticky · Glass-Blur · dunkler Text
========================================================= */

.site-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 10px clamp(16px, 3vw, 30px);
  background: rgba(245, 243, 238, 0.72);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(24, 34, 31, 0.06);
  transition: background 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.site-nav.is-scrolled {
  background: rgba(255, 255, 255, 0.86);
  border-bottom-color: rgba(24, 34, 31, 0.08);
  box-shadow: 0 6px 26px rgba(24, 34, 31, 0.05);
}

.site-nav__inner {
  width: min(1400px, 100%);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 30px);
  position: relative;
}

.site-nav__brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.site-nav__brand img {
  height: 40px;
  width: auto;
  display: block;
}

/* Menu */

.site-nav__menu {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: auto;
  padding-left: 12px;
}

.site-nav__menu > a {
  padding: 8px 14px;
  border-radius: 100px;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #18221f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.2s ease, color 0.2s ease;
}

.site-nav__menu > a:hover {
  background: rgba(24, 34, 31, 0.06);
}

.site-nav__menu > a svg {
  width: 13px;
  height: 13px;
  opacity: 0.6;
}

/* SOS-Warn-Chip */

.site-nav__warn {
  color: #c92a2a !important;
  background: #fdecec;
  border: 1px solid rgba(201, 42, 42, 0.16);
}

.site-nav__warn:hover {
  background: #fbdada !important;
  color: #b02020 !important;
}

.site-nav__warn-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e33d3d;
  box-shadow: 0 0 0 4px rgba(227, 61, 61, 0.15);
  animation: site-nav-pulse 2s ease-in-out infinite;
}

@keyframes site-nav-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(227, 61, 61, 0.15); }
  50%      { box-shadow: 0 0 0 9px rgba(227, 61, 61, 0.04); }
}

/* Actions (CTAs rechts) */

.site-nav__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.site-nav__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 100px;
  font-family: "DM Sans", sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.site-nav__cta svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  stroke: none;
}

.site-nav__cta--outline svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
}

.site-nav__cta--outline {
  color: #18221f;
  background: transparent;
  border: 1px solid rgba(24, 34, 31, 0.18);
}

.site-nav__cta--outline:hover {
  background: rgba(24, 34, 31, 0.05);
  border-color: rgba(24, 34, 31, 0.32);
}

.site-nav__cta--filled {
  color: #fff;
  background: #25d366;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);
}

.site-nav__cta--filled:hover {
  transform: translateY(-2px);
  background: #1fc25d;
  box-shadow: 0 10px 26px rgba(37, 211, 102, 0.38);
}

/* Mobile Toggle */

.site-nav__toggle {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(24, 34, 31, 0.14);
  border-radius: 12px;
  background: transparent;
  color: #18221f;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}

.site-nav__toggle:hover { background: rgba(24, 34, 31, 0.05); }

.site-nav__toggle svg { width: 20px; height: 20px; }

/* Body Spacer damit sticky nicht Content überdeckt */

body { padding-top: 0; }

/* Tablet · CTA-Text ausblenden */



/* Mobile · Hamburger + Overlay-Menu */



/* =========================================================
   GLOBAL ACCENT SYSTEM
   Standard: Magenta #D20A5B (Index, Mutter/Kind, alle nicht-SOS)
   SOS-Seite (body.page-sos): behält Mint-Grün
========================================================= */

:root {
  --accent: #d20a5b;
  --accent-dark: #a80846;
  --accent-soft: #fce4ee;
  --accent-tint: #fdf1f6;
  --accent-border: rgba(210, 10, 91, 0.22);
}

/* Shared Pill-Badge — auf Magenta umgestellt */

.mom-problems__badge,
.sos-bento__badge,
.kd-about__badge,
.still-service__badge,
.family-services__badge,
.pump-compare__badge,
.dna-section__badge,
.promise-section__badge,
.midwife-network__badge,
.mk-faq__badge,
.sos-stock__badge,
.sos-supply__badge,
.sos-cases__badge,
.city-stations__badge,
.sos-faq__badge {
  --badge-pill: var(--accent-tint);
  --badge-circle: var(--accent-soft);
  --badge-color: var(--accent-dark);
}

/* SOS-Seite behält Mint-Grün auf Badges */

.page-sos .sos-bento__badge,
.page-sos .sos-stock__badge,
.page-sos .sos-supply__badge,
.page-sos .sos-cases__badge,
.page-sos .city-stations__badge,
.page-sos .sos-faq__badge {
  --badge-pill: #fdf1f6;
  --badge-circle: #fce4ee;
  --badge-color: #a80846;
}

/* Section-Titel-Akzente (em/span) — Non-SOS bekommen Magenta */

body.page-index .mom-problems__title span,
body.page-index .kd-about__title span,
body.page-index .family-services__title em,
body.page-index .still-service__title em,
body.page-index .pump-compare__title em,
body.page-index .dna-title em,
body.page-index .promise-title em,
body.page-index .midwife-network__title em,
body.page-index .mk-faq__title em,
body.page-index .mk-hero h1 em,
body.page-index .mk-section-head h2 em,
body.page-index .hero-title-line em,
body.page-index .section-title em {
  color: var(--accent);
}

/* Icon-Boxen + Icon-Kreise auf non-SOS Seiten */

body.page-index .kd-trust-card__icon:not(.kd-trust-card__icon--warm),
body.page-index .midwife-benefit__icon,
body.page-index .promise-icon,
body.page-index .promise-number,
body.page-index .still-benefit__icon:not(.still-benefit__icon--warm):not(.still-benefit__icon--white),
body.page-index .still-format__icon:not(.still-format__icon--warm),
body.page-index .still-service__trust-icon,
body.page-index .family-card__icon,
body.page-index .mom-problem-card__icon--green,
body.page-index .mk-problem-card-icon {
  color: var(--accent-dark);
  background: var(--accent-soft);
}

/* Family-Card CTA-Arrow + Link */

body.page-index .family-card__link,
body.page-index .family-card__arrow {
  color: var(--accent-dark);
}

/* Pfeile in dunklen Pill-Buttons (Kreis-Chip innen) — non-SOS */

body.page-index .mk-cta-primary .arr,
body.page-index .still-service__cta-arrow,
body.page-index .promise-btn-arrow,
body.page-index .dna-button__arrow,
body.page-index .midwife-network__button-icon {
  background: var(--accent);
  color: #fff;
}

/* Dunkle Cards / Feature-Cards → Magenta-Tinte */

body.page-index .mom-problem-card--dark {
  background: linear-gradient(145deg, #2a1420, #1a0a13);
}

/* Animierte Timeline-Elemente (Deadline-Strip) → non-SOS Magenta */

body.page-index .same-day-fill,
body.page-index .ds-fill {
  background: linear-gradient(90deg, var(--accent-soft), var(--accent));
}

/* Signature (Katja Daub Name) → Magenta */

body.page-index .kd-about__signature-name {
  color: var(--accent-dark);
}

/* Comparison-Table Check-Circle (Pump-Compare) */

body.page-index .pump-compare__check {
  background: var(--accent);
}

/* Startseite · Dark CTA Arrow-Circle am Section-Ende → #D20A5B */

body.page-index .cta-circle,
body.page-index .cta-arrow-circle,
body.page-index .final-cta__circle,
body.page-index .cta-btn__circle {
  background: var(--accent);
  color: #fff;
}

/* =========================================================
   MINIMALISTISCHER FOOTER (alle Seiten)
========================================================= */

.site-foot {
  background: #ffffff;
  border-top: 1px solid rgba(24, 34, 31, 0.07);
  padding: clamp(28px, 4vw, 44px) clamp(20px, 3vw, 40px);
  font-family: "DM Sans", sans-serif;
}

.site-foot__inner {
  width: min(1400px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(20px, 3vw, 40px);
}

.site-foot__brand img {
  height: 34px;
  width: auto;
  display: block;
}

/* Menu */

.site-foot__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}

.site-foot__menu > a {
  padding: 8px 14px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  color: #18221f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.2s ease, color 0.2s ease;
}

.site-foot__menu > a:hover { background: rgba(24, 34, 31, 0.05); }

.site-foot__menu > a svg { width: 13px; height: 13px; opacity: 0.6; }

.site-foot__warn {
  color: #c92a2a !important;
  background: #fdecec;
  border: 1px solid rgba(201, 42, 42, 0.14);
}

.site-foot__warn-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e33d3d;
  box-shadow: 0 0 0 3px rgba(227, 61, 61, 0.15);
}

/* Actions */

.site-foot__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.site-foot__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 100px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.site-foot__cta svg { width: 15px; height: 15px; fill: currentColor; stroke: none; }

.site-foot__cta--outline svg { fill: none; stroke: currentColor; stroke-width: 1.9; }

.site-foot__cta--outline {
  color: #18221f;
  border: 1px solid rgba(24, 34, 31, 0.18);
}

.site-foot__cta--outline:hover { background: rgba(24, 34, 31, 0.05); }

.site-foot__cta--filled {
  color: #fff;
  background: #25d366;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.28);
}

.site-foot__cta--filled:hover {
  transform: translateY(-2px);
  background: #1fc25d;
}

/* Base-Zeile */

.site-foot__base {
  grid-column: 1 / -1;
  padding-top: 20px;
  border-top: 1px solid rgba(24, 34, 31, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 11.5px;
  color: #7d8a85;
}

.site-foot__legal {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.site-foot__legal a {
  color: #7d8a85;
  text-decoration: none;
  font-size: 11.5px;
  transition: color 0.2s ease;
}

.site-foot__legal a:hover { color: #18221f; }

/* Tablet */



/* Mobile */



/* =========================================================
   STARTSEITE · Magenta-Akzent-Override (non-SOS)
   Ersetzt alle grünen Akzente durch #D20A5B
========================================================= */

/* Eyebrows + Dots */

body.page-index .eyebrow,
body.page-index .tile-eyebrow,
body.page-index .closing-eyebrow,
body.page-index .journal-eyebrow,
body.page-index .reviews-eyebrow,
body.page-index .same-day-eyebrow {
  color: var(--accent-dark);
}

/* Section-Titel Akzente */

body.page-index .hero-title-line em,
body.page-index .hero-title em,
body.page-index .section-title em,
body.page-index .section-title span,
body.page-index .closing-copy h2 em,
body.page-index .journal-head h2 em,
body.page-index .reviews-head h2 em,
body.page-index .same-day-head h2 em,
body.page-index .locations-head h2 em,
body.page-index .benefits-head h2 em,
body.page-index .city-faq__intro h2 em {
  color: var(--accent);
}

/* Icon-Boxen (kleine + mittlere Icons in mint-Kreisen) */

body.page-index .help-card-icon,
body.page-index .benefit-icon,
body.page-index .fact-icon,
body.page-index .location-special i,
body.page-index .closing-center-icon,
body.page-index .closing-primary-icon,
body.page-index .journal-cta-arrow,
body.page-index .location-link-icon {
  color: #fff;
  background: var(--accent);
}

/* Icon-Boxen mit hellem Mint-Grund (Icon dunkel) */

body.page-index .tile-icon,
body.page-index .journal-card-icon,
body.page-index .same-day-step-icon,
body.page-index .delivery-step-icon,
body.page-index .city-faq__contact-icon,
body.page-index .city-faq__question-icon {
  background: var(--accent-tint);
  color: var(--accent-dark);
}

/* Buttons + CTAs */

body.page-index .reviews-cta,
body.page-index .journal-cta,
body.page-index .same-day-cta,
body.page-index .location-link:hover {
  color: var(--accent-dark);
}

/* Deadline-Timeline (animierte Timeline) */

body.page-index .ds-fill,
body.page-index .same-day-fill,
body.page-index .delivery-line-progress {
  background: linear-gradient(90deg, var(--accent-tint), var(--accent)) !important;
}

/* Location Status + Dots */

body.page-index .location-status {
  color: var(--accent-dark);
}

/* Google/Reviews-Akzent */

body.page-index .google-icon,
body.page-index .google-rating {
  color: var(--accent);
}

/* Featured Card */

body.page-index .location-card-featured {
  border-color: rgba(210, 10, 91, 0.15);
}

/* Closing-Secondary Arrow */

body.page-index .closing-secondary span {
  background: var(--accent-tint);
  color: var(--accent-dark);
}

/* Career-Section — dunkle Fläche → Magenta-Tinte statt Grün */



/* Journal-Cards */

body.page-index .journal-card-cta {
  color: var(--accent-dark);
}

/* Delivery Line + Step-Icons */

body.page-index .delivery-step-icon {
  color: var(--accent-dark);
  background: var(--accent-tint);
  border-color: rgba(210, 10, 91, 0.16);
}

/* =========================================================
   MINT → MAGENTA · Alle non-SOS-Seiten
   Definiert die --mint* Variablen für :root neu auf Magenta.
   SOS bekommt die ursprünglichen Mint-Werte per body.page-sos zurück.
========================================================= */

:root {
  --mint: #d20a5b;
  --mint-dark: #a80846;
  --mint-soft: #fce4ee;
}

/* Header-Sub-Elemente die nicht CSS-Var nutzen — explizit magenta */

body.page-index .hero-title-line.accent {
  color: var(--accent);
  font-style: italic;
}

/* =========================================================
   MINT-BUTTON KONTRAST-FIX
   Da --mint jetzt Magenta ist, brauchen manche Buttons weiße Schrift
========================================================= */

body.page-index .btn-primary {
  color: #fff;
}

/* Wenn irgendwo --mint als Text-Farbe genutzt wird auf dunkler Card,
   sollte es hell magenta bleiben — bei Bedarf spezifisch überschreiben */


/* =========================================================
   MUTTER/KIND · Lokale Color-Vars auf Magenta
   Alle Green-Local-Vars der non-SOS Sections werden umgebogen
========================================================= */

body.page-index {
  --mp-green: #d20a5b;
  --mp-green-2: #a80846;
  --mp-mint: #fce4ee;
  --mp-mint-2: #fdd6e6;

  --kd-green: #d20a5b;
  --kd-green-dark: #a80846;
  --kd-mint: #fce4ee;
  --kd-mint-2: #fdd6e6;

  --ss-green: #d20a5b;
  --ss-green-light: #f8a4c4;
  --ss-mint: #fce4ee;
  --ss-mint-soft: #fdf1f6;

  --fs-green: #d20a5b;
  --fs-green-dark: #a80846;
  --fs-mint: #fce4ee;
  --fs-mint-light: #fdf1f6;

  --pc-green: #d20a5b;
  --pc-green-dark: #a80846;
  --pc-mint: #fce4ee;
  --pc-mint-light: #fdf1f6;

  --dna-green: #d20a5b;
  --dna-green-dark: #a80846;
  --dna-mint: #fce4ee;
  --dna-mint-light: #fdf1f6;

  --ps-green: #d20a5b;
  --ps-green-dark: #a80846;
  --ps-mint: #fce4ee;
  --ps-mint-light: #fdf1f6;

  --mn-green: #d20a5b;
  --mn-green-dark: #a80846;
  --mn-mint: #fce4ee;
  --mn-mint-light: #fdf1f6;
}

/* Trans lokale Buttons + Arrow-Circles */

body.page-index .mk-cta-primary .arr,
body.page-index .still-service__cta-arrow,
body.page-index .dna-button__arrow,
body.page-index .midwife-network__button-icon,
body.page-index .mn-btn-arrow,
body.page-index .pump-compare__cta-arrow {
  background: var(--accent) !important;
  color: #fff !important;
}

/* Small Icon-Circle inside pill (arrow-chip pattern) */
body.page-index .journal-cta-arrow,
body.page-index .same-day-cta-arrow,
body.page-index .reviews-link-arrow {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
  border-radius: 50% !important;
}

/* Arrow-Circle innerhalb der dunklen Pill-Buttons */
body.page-index .mk-cta-primary .arr,
body.page-index .dna-button__arrow,
body.page-index .midwife-network__button-icon,
body.page-index .still-service__cta-arrow,
body.page-index .pump-compare__cta-arrow,
body.page-index .mom-problems__transition-arrow {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}

/* Closing-Primary (Ende Startseite) — bleibt dunkel, nur Icon-Circle magenta */

body.page-index .closing-primary {
  background: #18221f !important;
  color: #fff !important;
}

/* Outline-Buttons (E-Mail/Telefon-Alternative) — dezent, nicht magenta */

body.page-index .btn-outline,
body.page-index .mk-cta-secondary,
body.page-index .closing-secondary,
body.page-index .supply-btn--light {
  background: #fff !important;
  color: var(--dark, #18221f) !important;
  border: 1px solid rgba(24, 34, 31, 0.16) !important;
}

/* Promise-Number bleibt Ziffer — hell auf magenta */
body.page-index .promise-number {
  color: #ffffff !important;
  font-weight: 500;
}

/* Explizite Farb-Restores für hardcodierte Werte auf SOS-Seite */

body.page-sos .sos-supply-image,
body.page-sos .sos-live-tracker__eyebrow,
body.page-sos .sos-live-tracker__pulse,
body.page-sos .sos-live-tracker__dot,
body.page-sos .sos-live-tracker__foot svg,
body.page-sos .sos-warn-card__dot,
body.page-sos .sos-nav-status .puls,
body.page-sos .sos-eyebrow .puls {
  background: #d94343 !important;
  color: #d94343;
}

body.page-sos .sos-warn-card,
body.page-sos .sos-btn--danger,
body.page-sos .sos-location-btn--danger,
body.page-sos .stock-call__button,
body.page-sos .supply-btn--red,
body.page-sos .sos-bottom-button,
body.page-sos .sos-cases__call,
body.page-sos .sos-case-tab.is-active,
body.page-sos .site-nav__warn,
body.page-sos .site-nav__warn-pulse,
body.page-sos .site-foot__warn,
body.page-sos .site-foot__warn-dot {
  /* Rote SOS-Elemente bleiben rot — nichts ändern */
}

/* Standort- und Service-Symbole auf SOS-Seite im Hero-Rot */

body.page-sos .sos-location__symbol,
body.page-sos .city-station__symbol,
body.page-sos .city-status__icon,
body.page-sos .city-year__icon,
body.page-sos .city-year__feature-icon,
body.page-sos .sos-live-card__symbol,
body.page-sos .sos-image-badge-icon,
body.page-sos .stock-call__icon,
body.page-sos .sos-bottom-icon,
body.page-sos .sos-service-icon,
body.page-sos .stock-card__icon,
body.page-sos .mom-problem-card__icon,
body.page-sos .mom-problem-card__icon--green,
body.page-sos .sos-case-tab__icon,
body.page-sos .sos-cases__help-icon,
body.page-sos .sos-supply__badge-icon,
body.page-sos .sos-cases__badge-icon,
body.page-sos .city-stations__badge-icon,
body.page-sos .sos-faq__badge-icon,
body.page-sos .sos-stock__badge-icon {
  color: #fff !important;
  background: #d94343 !important;
}

/* SOS Cards bleiben weiß, nur die Akzente werden rot */

body.page-sos .sos-card--feature {
  background: #ffffff !important;
}

/* City-Stations Badge im roten Soft-Ton */

body.page-sos .city-station__badge {
  background: #fff1f0;
  color: #bd3434;
}

/* Promise-Number bekommt weiße Playfair-Ziffer */
body.page-index .promise-number {
  color: #ffffff !important;
}

/* =========================================================
   FINAL · Globale Section-Background-Vereinheitlichung
   Alle Sections + section-level wrappers auf #f5f3ee
   Cards + innere Boxen bleiben weiß (Struktur)
========================================================= */

/* Sand-Background: nur Startseite pauschal, MK managt eigene BGs
   (Hero-Photo, Wizard-Grün, etc.). !important entfernt, damit
   spezifischere Section-Regeln überschreiben können. */

body.page-index > section,
body.page-index > main > section {
  background: #f5f3ee;
}

/* Startseite: alle bekannten Section-Klassen auf Sand.
   MK managt seine Section-BGs selbst in mutter-kind.css. */

body.page-index .hero,
body.page-index .quick-help,
body.page-index .locations-section,
body.page-index .same-day,
body.page-index .services,
body.page-index .services-section,
body.page-index .services-grid-section,
body.page-index .service-tiles,
body.page-index .service-tiles-section,
body.page-index .katja,
body.page-index .katja-section,
body.page-index .reviews,
body.page-index .reviews-section,
body.page-index .journal,
body.page-index .journal-section,
body.page-index .faq,
body.page-index .faq-section,
body.page-index .closing,
body.page-index .closing-section,
body.page-index .city-faq {
  background: #f5f3ee;
}

/* MK: nur Body-Grundfarbe. Einzelne Sections regeln ihren BG selbst. */
body.page-mutter-kind {
  background: #f5f3ee;
}


/* ==== CITY-FAQ (aus index/sos konsolidiert) ==== */
/* =========================================================
       SECTION · FAQ (Sticky intro left, accordion right)
    ========================================================= */

    .city-faq {
      --faq-bg: #f5f3ed;
      --faq-surface: #fffefb;
      --faq-surface-soft: #eeeee7;

      --faq-dark: #19231f;
      --faq-text: #66706c;
      --faq-muted: #929a96;

      --faq-mint: #d20a5b;
      --faq-mint-dark: #4b9186;
      --faq-mint-soft: #e2f0ec;

      --faq-apricot: #dc8562;

      --faq-line: rgba(25, 35, 31, 0.09);

      position: relative;
      overflow: hidden;

      padding: clamp(80px, 8vw, 120px) 24px;

      background:
        radial-gradient(
          circle at 5% 10%,
          rgba(132, 201, 189, 0.10),
          transparent 27%
        ),
        var(--faq-bg);
    }
.city-faq__inner {
      width: min(1400px, 100%);
      margin: 0 auto;

      display: grid;
      grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
      gap: clamp(56px, 7vw, 110px);
      align-items: start;
    }
/* Left · intro (top-aligned with first card) */

    .city-faq__intro {
      align-self: start;
    }
.city-faq__eyebrow {
      display: block;
      margin-bottom: 14px;

      font-family: "DM Sans", sans-serif;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--faq-mint-dark);
    }
.city-faq__intro-content h2 {
      margin: 0;

      font-family: "Playfair Display", Georgia, serif;
      font-weight: 400;

      font-size: clamp(44px, 4vw, 62px);
      line-height: 1.0;
      letter-spacing: -0.045em;

      color: var(--faq-dark);
    }
.city-faq__intro-content h2 em {
      display: block;
      font-style: italic;
      font-weight: 400;
      color: var(--faq-mint-dark);
    }
.city-faq__intro-content p {
      max-width: 440px;
      margin: 22px 0 0;

      font-family: "Manrope", sans-serif;
      font-size: 14px;
      line-height: 1.7;
      color: var(--faq-text);
    }
/* Contact card (dark) */

    .city-faq__contact {
      max-width: 475px;
      margin-top: 44px;
      padding: 24px;

      border-radius: 22px;

      background:
        radial-gradient(
          circle at 95% 0%,
          rgba(132, 201, 189, 0.14),
          transparent 35%
        ),
        #1b2924;

      color: #fff;

      box-shadow: 0 22px 55px rgba(25, 35, 31, 0.08);
    }
.city-faq__contact-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;

      margin-bottom: 28px;
    }
.city-faq__contact-icon {
      width: 42px;
      height: 42px;

      display: grid;
      place-items: center;

      border-radius: 13px;

      background: rgba(132, 201, 189, 0.12);
      color: var(--faq-mint);
    }
.city-faq__contact-icon svg {
      width: 18px;
      height: 18px;
      stroke-width: 1.7;
    }
.city-faq__contact-status {
      display: flex;
      align-items: center;
      gap: 8px;

      font-family: "DM Sans", sans-serif;
      font-size: 8px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.55);
    }
.city-faq__contact-status > span {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #d20a5b;
      box-shadow: 0 0 0 5px rgba(104, 203, 166, 0.10);
    }
.city-faq__contact-copy > span {
      display: block;
      margin-bottom: 8px;

      font-family: "DM Sans", sans-serif;
      font-size: 8px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--faq-mint);
    }
.city-faq__contact-copy h3 {
      max-width: 350px;
      margin: 0;

      font-family: "Playfair Display", Georgia, serif;
      font-weight: 400;

      font-size: 26px;
      line-height: 1.1;
      letter-spacing: -0.025em;
    }
.city-faq__contact-copy p {
      max-width: 360px;
      margin: 12px 0 0;

      font-family: "Manrope", sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: rgba(255, 255, 255, 0.6);
    }
.city-faq__contact-actions {
      margin-top: 22px;
      padding-top: 16px;

      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;

      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
.city-faq__phone {
      display: flex;
      align-items: center;
      gap: 11px;
      color: #fff;
      text-decoration: none;
    }
.city-faq__phone > svg {
      width: 17px;
      height: 17px;
      color: var(--faq-mint);
    }
.city-faq__phone > span {
      display: flex;
      flex-direction: column;
      gap: 2px;

      font-family: "DM Sans", sans-serif;
      font-size: 13px;
      font-weight: 600;
    }
.city-faq__phone small {
      font-size: 8px;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: rgba(255, 255, 255, 0.48);
    }
.city-faq__contact-arrow {
      width: 42px;
      height: 42px;
      flex-shrink: 0;

      display: grid;
      place-items: center;

      border-radius: 50%;

      background: var(--faq-mint);
      color: var(--faq-dark);

      transition: transform 0.25s ease, background 0.25s ease;
    }
.city-faq__contact-arrow:hover {
      transform: rotate(8deg) scale(1.04);
      background: #fff;
    }
.city-faq__contact-arrow svg {
      width: 15px;
      height: 15px;
    }
/* Right · accordion list */

    .city-faq__list {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
.city-faq__item {
      overflow: hidden;

      border-radius: 18px;

      background: rgba(255, 255, 255, 0.58);
      border: 1px solid var(--faq-line);

      transition:
        background 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease,
        border-color 0.35s ease;
    }
.city-faq__item:hover {
      background: rgba(255, 255, 255, 0.86);
      transform: translateY(-1px);
    }
.city-faq__item.is-open {
      background: var(--faq-surface);
      border-color: rgba(75, 145, 134, 0.18);
      box-shadow: 0 20px 50px rgba(25, 35, 31, 0.05);
    }
/* Question */

    .city-faq__question {
      width: 100%;
      min-height: 96px;
      padding: 18px 20px;

      border: 0;
      background: transparent;
      cursor: pointer;

      display: grid;
      grid-template-columns: 46px minmax(0, 1fr) 38px;
      gap: 16px;
      align-items: center;
      text-align: left;
      color: inherit;
    }
.city-faq__question-icon {
      width: 46px;
      height: 46px;

      display: grid;
      place-items: center;

      border-radius: 13px;

      background: var(--faq-mint-soft);
      color: var(--faq-mint-dark);

      transition: background 0.3s ease, color 0.3s ease;
    }
.city-faq__question-icon svg {
      width: 18px;
      height: 18px;
      stroke-width: 1.65;
    }
.city-faq__item.is-open .city-faq__question-icon {
      background: var(--faq-dark);
      color: var(--faq-mint);
    }
.city-faq__question-copy {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
.city-faq__question-copy small {
      font-family: "DM Sans", sans-serif;
      font-size: 8px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--faq-mint-dark);
    }
.city-faq__question-copy strong {
      font-family: "Playfair Display", Georgia, serif;
      font-weight: 400;

      font-size: clamp(19px, 1.6vw, 24px);
      line-height: 1.18;
      letter-spacing: -0.018em;

      color: var(--faq-dark);
    }
/* Toggle */

    .city-faq__toggle {
      width: 36px;
      height: 36px;

      display: grid;
      place-items: center;

      border-radius: 50%;

      border: 1px solid rgba(25, 35, 31, 0.12);
      color: var(--faq-dark);

      transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease;
    }
.city-faq__toggle svg {
      width: 14px;
      height: 14px;
      transition: transform 0.4s cubic-bezier(.2,.7,.2,1);
    }
.city-faq__item.is-open .city-faq__toggle {
      background: var(--faq-mint);
      border-color: transparent;
    }
.city-faq__item.is-open .city-faq__toggle svg {
      transform: rotate(45deg);
    }
/* Answer — smooth grid-rows collapse */

    .city-faq__answer {
      display: grid;
      grid-template-rows: 0fr;

      transition: grid-template-rows 0.45s cubic-bezier(.2,.7,.2,1);
    }
.city-faq__item.is-open .city-faq__answer {
      grid-template-rows: 1fr;
    }
.city-faq__answer-inner {
      min-height: 0;
      overflow: hidden;

      margin-left: 82px;
      margin-right: 72px;
    }
.city-faq__answer-inner > p {
      max-width: 640px;
      margin: 0 0 22px;

      font-family: "Manrope", sans-serif;
      font-size: 13px;
      line-height: 1.72;
      color: var(--faq-text);
    }
/* Options grid inside first answer */

    .city-faq__answer-options {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;

      padding-bottom: 22px;
    }
.city-faq__answer-options > div {
      min-height: 78px;
      padding: 13px;

      display: flex;
      align-items: flex-start;
      gap: 10px;

      border-radius: 12px;

      background: #f5f5f0;
      border: 1px solid var(--faq-line);
    }
.city-faq__answer-options svg {
      width: 15px;
      height: 15px;
      flex-shrink: 0;
      margin-top: 2px;

      color: var(--faq-mint-dark);
      stroke-width: 1.7;
    }
.city-faq__answer-options span {
      display: flex;
      flex-direction: column;
      gap: 3px;

      font-family: "DM Sans", sans-serif;
      font-size: 9px;
      line-height: 1.45;
      color: var(--faq-muted);
    }
.city-faq__answer-options strong {
      font-size: 10px;
      font-weight: 600;
      color: var(--faq-dark);
    }
/* ---------- FAQ (nutzt .city-faq__item Klassen mit eigenen Vars) ---------- */

.sos-faq-section {
  --faq-bg: #ebeae1;
  --faq-surface: #fffefb;
  --faq-surface-soft: #eeeee7;
  --faq-dark: #19231f;
  --faq-text: #66706c;
  --faq-muted: #929a96;
  --faq-mint: #d20a5b;
  --faq-mint-dark: #4b9186;
  --faq-mint-soft: #e2f0ec;
  --faq-line: rgba(25, 35, 31, 0.09);

  padding: clamp(60px, 6vw, 90px) 20px;
  background: #ebeae1;
}
.sos-faq-section .city-faq__list {
  margin-top: 32px;
}
body.page-index .city-faq__phone {
  background: var(--accent);
  color: #fff;
}
body.page-index .city-faq__phone:hover {
  background: var(--accent-dark);
}
/* =========================================================
   ALLE CARD-ICONS · Magenta-Fill + weißes Icon
   Betrifft ALLE Icon-Boxen in Cards auf non-SOS Seiten
========================================================= */

body.page-index .help-card-icon,
body.page-mutter-kind .help-card-icon,
body.page-index .benefit-icon,
body.page-mutter-kind .benefit-icon,
body.page-index .fact-icon,
body.page-mutter-kind .fact-icon,
body.page-index .tile-icon,
body.page-mutter-kind .tile-icon,
body.page-index .location-special > i,
body.page-mutter-kind .location-special > i,
body.page-index .same-day-step-icon,
body.page-mutter-kind .same-day-step-icon,
body.page-index .delivery-step-icon,
body.page-mutter-kind .delivery-step-icon,
body.page-index .journal-card-icon,
body.page-mutter-kind .journal-card-icon,
body.page-index .city-faq__question-icon,
body.page-mutter-kind .city-faq__question-icon,
body.page-index .city-faq__contact-icon,
body.page-mutter-kind .city-faq__contact-icon,
body.page-index .closing-center-icon,
body.page-mutter-kind .closing-center-icon,
body.page-index .quick-help-icon,
body.page-mutter-kind .quick-help-icon,
body.page-index .mom-problem-card__icon,
body.page-mutter-kind .mom-problem-card__icon,
body.page-index .mom-problem-card__icon--green,
body.page-mutter-kind .mom-problem-card__icon--green,
body.page-index .mk-problem-card-icon,
body.page-mutter-kind .mk-problem-card-icon,
body.page-index .kd-trust-card__icon,
body.page-mutter-kind .kd-trust-card__icon,
body.page-index .midwife-benefit__icon,
body.page-mutter-kind .midwife-benefit__icon,
body.page-index .family-card__icon,
body.page-mutter-kind .family-card__icon,
body.page-index .still-benefit__icon,
body.page-mutter-kind .still-benefit__icon,
body.page-index .still-format__icon,
body.page-mutter-kind .still-format__icon,
body.page-index .still-service__trust-icon,
body.page-mutter-kind .still-service__trust-icon,
body.page-index .stock-card__icon,
body.page-mutter-kind .stock-card__icon,
body.page-index .sos-service-icon,
body.page-mutter-kind .sos-service-icon,
body.page-index .promise-icon,
body.page-mutter-kind .promise-icon,
body.page-index .promise-number,
body.page-mutter-kind .promise-number,
body.page-index .dna-card__icon,
body.page-mutter-kind .dna-card__icon,
body.page-index .dna-check,
body.page-mutter-kind .dna-check,
body.page-index .mom-problems__transition-icon,
body.page-mutter-kind .mom-problems__transition-icon,
body.page-index .pump-compare__feature-icon,
body.page-mutter-kind .pump-compare__feature-icon,
body.page-index .pump-benefit__icon,
body.page-mutter-kind .pump-benefit__icon,
body.page-index .mk-hero-features .ic,
body.page-mutter-kind .mk-hero-features .ic,
body.page-index .mk-sc-tel-icon,
body.page-mutter-kind .mk-sc-tel-icon,
body.page-index .mk-sc-assessment-icon,
body.page-mutter-kind .mk-sc-assessment-icon,
body.page-index .kd-about__personal-heart,
body.page-mutter-kind .kd-about__personal-heart,
body.page-index .sos-live-card__symbol,
body.page-mutter-kind .sos-live-card__symbol,
body.page-index .sos-image-badge-icon,
body.page-mutter-kind .sos-image-badge-icon,
body.page-index .stock-call__icon,
body.page-mutter-kind .stock-call__icon,
body.page-index .sos-bottom-icon,
body.page-mutter-kind .sos-bottom-icon,
body.page-index .city-station__symbol,
body.page-mutter-kind .city-station__symbol,
body.page-index .city-status__icon,
body.page-mutter-kind .city-status__icon,
body.page-index .city-year__icon,
body.page-mutter-kind .city-year__icon,
body.page-index .city-year__feature-icon,
body.page-mutter-kind .city-year__feature-icon,
body.page-index .mom-problem-card__icon--dark,
body.page-mutter-kind .mom-problem-card__icon--dark,
body.page-index .sos-card__icon--darkglass,
body.page-mutter-kind .sos-card__icon--darkglass,
body.page-index .still-benefit__icon--white,
body.page-mutter-kind .still-benefit__icon--white,
body.page-index .stock-card__icon--peach,
body.page-mutter-kind .stock-card__icon--peach,
body.page-index .sos-service-icon--warm,
body.page-mutter-kind .sos-service-icon--warm,
body.page-index .kd-trust-card__icon--warm,
body.page-mutter-kind .kd-trust-card__icon--warm {
  color: #a80846 !important;
  background: #fce4ee !important;
  border-color: transparent !important;
}
/* SVG innerhalb der Icon-Boxen: weiß */
body.page-index .help-card-icon svg,
body.page-mutter-kind .help-card-icon svg,
body.page-index .benefit-icon svg,
body.page-mutter-kind .benefit-icon svg,
body.page-index .fact-icon svg,
body.page-mutter-kind .fact-icon svg,
body.page-index .tile-icon svg,
body.page-mutter-kind .tile-icon svg,
body.page-index .same-day-step-icon svg,
body.page-mutter-kind .same-day-step-icon svg,
body.page-index .delivery-step-icon svg,
body.page-mutter-kind .delivery-step-icon svg,
body.page-index .journal-card-icon svg,
body.page-mutter-kind .journal-card-icon svg,
body.page-index .city-faq__question-icon svg,
body.page-mutter-kind .city-faq__question-icon svg,
body.page-index .closing-center-icon svg,
body.page-mutter-kind .closing-center-icon svg,
body.page-index .quick-help-icon svg,
body.page-mutter-kind .quick-help-icon svg,
body.page-index .mom-problem-card__icon svg,
body.page-mutter-kind .mom-problem-card__icon svg,
body.page-index .mk-problem-card-icon svg,
body.page-mutter-kind .mk-problem-card-icon svg,
body.page-index .kd-trust-card__icon svg,
body.page-mutter-kind .kd-trust-card__icon svg,
body.page-index .midwife-benefit__icon svg,
body.page-mutter-kind .midwife-benefit__icon svg,
body.page-index .family-card__icon svg,
body.page-mutter-kind .family-card__icon svg,
body.page-index .still-benefit__icon svg,
body.page-mutter-kind .still-benefit__icon svg,
body.page-index .still-format__icon svg,
body.page-mutter-kind .still-format__icon svg,
body.page-index .still-service__trust-icon svg,
body.page-mutter-kind .still-service__trust-icon svg,
body.page-index .stock-card__icon svg,
body.page-mutter-kind .stock-card__icon svg,
body.page-index .sos-service-icon svg,
body.page-mutter-kind .sos-service-icon svg,
body.page-index .promise-icon svg,
body.page-mutter-kind .promise-icon svg,
body.page-index .dna-card__icon svg,
body.page-mutter-kind .dna-card__icon svg,
body.page-index .dna-check svg,
body.page-mutter-kind .dna-check svg,
body.page-index .mom-problems__transition-icon svg,
body.page-mutter-kind .mom-problems__transition-icon svg,
body.page-index .pump-compare__feature-icon svg,
body.page-mutter-kind .pump-compare__feature-icon svg,
body.page-index .pump-benefit__icon svg,
body.page-mutter-kind .pump-benefit__icon svg,
body.page-index .mk-hero-features .ic svg,
body.page-mutter-kind .mk-hero-features .ic svg,
body.page-index .kd-about__personal-heart svg,
body.page-mutter-kind .kd-about__personal-heart svg,
body.page-index .sos-live-card__symbol svg,
body.page-mutter-kind .sos-live-card__symbol svg,
body.page-index .sos-image-badge-icon svg,
body.page-mutter-kind .sos-image-badge-icon svg,
body.page-index .stock-call__icon svg,
body.page-mutter-kind .stock-call__icon svg,
body.page-index .sos-bottom-icon svg,
body.page-mutter-kind .sos-bottom-icon svg,
body.page-index .city-station__symbol svg,
body.page-mutter-kind .city-station__symbol svg,
body.page-index .city-status__icon svg,
body.page-mutter-kind .city-status__icon svg,
body.page-index .city-year__icon svg,
body.page-mutter-kind .city-year__icon svg,
body.page-index .city-year__feature-icon svg,
body.page-mutter-kind .city-year__feature-icon svg {
  color: #a80846 !important;
  stroke: #a80846 !important;
}
/* =========================================================
   FINAL · ALLE Card-Icons einheitlich solid magenta + weiß
   Override aller Varianten (--warm, --white, --peach, tint, soft)
========================================================= */

body.page-index .still-benefit__icon,
body.page-mutter-kind .still-benefit__icon,
body.page-index .still-benefit__icon--warm,
body.page-mutter-kind .still-benefit__icon--warm,
body.page-index .still-benefit__icon--white,
body.page-mutter-kind .still-benefit__icon--white,
body.page-index .still-format__icon,
body.page-mutter-kind .still-format__icon,
body.page-index .still-format__icon--warm,
body.page-mutter-kind .still-format__icon--warm,
body.page-index .kd-trust-card__icon,
body.page-mutter-kind .kd-trust-card__icon,
body.page-index .kd-trust-card__icon--warm,
body.page-mutter-kind .kd-trust-card__icon--warm,
body.page-index .sos-service-icon,
body.page-mutter-kind .sos-service-icon,
body.page-index .sos-service-icon--warm,
body.page-mutter-kind .sos-service-icon--warm,
body.page-index .stock-card__icon,
body.page-mutter-kind .stock-card__icon,
body.page-index .stock-card__icon--peach,
body.page-mutter-kind .stock-card__icon--peach,
body.page-index .mom-problem-card__icon,
body.page-mutter-kind .mom-problem-card__icon,
body.page-index .mom-problem-card__icon--green,
body.page-mutter-kind .mom-problem-card__icon--green,
body.page-index .mom-problem-card__icon--orange,
body.page-mutter-kind .mom-problem-card__icon--orange,
body.page-index .mom-problem-card__icon--dark,
body.page-mutter-kind .mom-problem-card__icon--dark,
body.page-index .sos-card__icon,
body.page-mutter-kind .sos-card__icon,
body.page-index .sos-card__icon--glass,
body.page-mutter-kind .sos-card__icon--glass,
body.page-index .sos-card__icon--darkglass,
body.page-mutter-kind .sos-card__icon--darkglass,
body.page-index .mk-problem-card-icon,
body.page-mutter-kind .mk-problem-card-icon,
body.page-index .midwife-benefit__icon,
body.page-mutter-kind .midwife-benefit__icon,
body.page-index .family-card__icon,
body.page-mutter-kind .family-card__icon,
body.page-index .promise-icon,
body.page-mutter-kind .promise-icon,
body.page-index .promise-number,
body.page-mutter-kind .promise-number,
body.page-index .dna-card__icon,
body.page-mutter-kind .dna-card__icon,
body.page-index .dna-check,
body.page-mutter-kind .dna-check,
body.page-index .mom-problems__transition-icon,
body.page-mutter-kind .mom-problems__transition-icon,
body.page-index .pump-compare__feature-icon,
body.page-mutter-kind .pump-compare__feature-icon,
body.page-index .pump-benefit__icon,
body.page-mutter-kind .pump-benefit__icon,
body.page-index .mk-hero-features .ic,
body.page-mutter-kind .mk-hero-features .ic,
body.page-index .mk-sc-tel-icon,
body.page-mutter-kind .mk-sc-tel-icon,
body.page-index .mk-sc-assessment-icon,
body.page-mutter-kind .mk-sc-assessment-icon,
body.page-index .kd-about__personal-heart,
body.page-mutter-kind .kd-about__personal-heart,
body.page-index .sos-live-card__symbol,
body.page-mutter-kind .sos-live-card__symbol,
body.page-index .sos-image-badge-icon,
body.page-mutter-kind .sos-image-badge-icon,
body.page-index .stock-call__icon,
body.page-mutter-kind .stock-call__icon,
body.page-index .sos-bottom-icon,
body.page-mutter-kind .sos-bottom-icon,
body.page-index .sos-location__symbol,
body.page-mutter-kind .sos-location__symbol,
body.page-index .city-station__symbol,
body.page-mutter-kind .city-station__symbol,
body.page-index .city-status__icon,
body.page-mutter-kind .city-status__icon,
body.page-index .city-status--emergency .city-status__icon,
body.page-mutter-kind .city-status--emergency .city-status__icon,
body.page-index .city-year__icon,
body.page-mutter-kind .city-year__icon,
body.page-index .city-year__feature-icon,
body.page-mutter-kind .city-year__feature-icon,
body.page-index .same-day-step-icon,
body.page-mutter-kind .same-day-step-icon,
body.page-index .delivery-step-icon,
body.page-mutter-kind .delivery-step-icon,
body.page-index .journal-card-icon,
body.page-mutter-kind .journal-card-icon,
body.page-index .help-card-icon,
body.page-mutter-kind .help-card-icon,
body.page-index .benefit-icon,
body.page-mutter-kind .benefit-icon,
body.page-index .fact-icon,
body.page-mutter-kind .fact-icon,
body.page-index .tile-icon,
body.page-mutter-kind .tile-icon,
body.page-index .quick-help-icon,
body.page-mutter-kind .quick-help-icon,
body.page-index .closing-center-icon,
body.page-mutter-kind .closing-center-icon,
body.page-index .city-faq__question-icon,
body.page-mutter-kind .city-faq__question-icon,
body.page-index .city-faq__contact-icon,
body.page-mutter-kind .city-faq__contact-icon,
body.page-index .quick-help-item .icon,
body.page-mutter-kind .quick-help-item .icon,
body.page-index .service-item .icon,
body.page-mutter-kind .service-item .icon,
body.page-index .review-highlight-icon,
body.page-mutter-kind .review-highlight-icon,
body.page-index .location-special i,
body.page-mutter-kind .location-special i,
body.page-index .footer-nav-icon,
body.page-mutter-kind .footer-nav-icon,
body.page-index .mn-benefit-icon,
body.page-mutter-kind .mn-benefit-icon,
body.page-index .midwife-network__floating-icon,
body.page-mutter-kind .midwife-network__floating-icon,
body.page-index .fs-icon,
body.page-mutter-kind .fs-icon,
body.page-index .fs-benefit-icon,
body.page-mutter-kind .fs-benefit-icon,
body.page-index .stock-call__button svg,
body.page-mutter-kind .stock-call__button svg,
body.page-index .kd-about__eyebrow-dot,
body.page-mutter-kind .kd-about__eyebrow-dot {
  background-color: #fce4ee !important;
  color: #a80846 !important;
  border-color: transparent !important;
}
body.page-index .still-benefit__icon svg,
body.page-mutter-kind .still-benefit__icon svg,
body.page-index .still-benefit__icon--warm svg,
body.page-mutter-kind .still-benefit__icon--warm svg,
body.page-index .still-benefit__icon--white svg,
body.page-mutter-kind .still-benefit__icon--white svg,
body.page-index .still-format__icon svg,
body.page-mutter-kind .still-format__icon svg,
body.page-index .still-format__icon--warm svg,
body.page-mutter-kind .still-format__icon--warm svg,
body.page-index .kd-trust-card__icon svg,
body.page-mutter-kind .kd-trust-card__icon svg,
body.page-index .kd-trust-card__icon--warm svg,
body.page-mutter-kind .kd-trust-card__icon--warm svg,
body.page-index .sos-service-icon svg,
body.page-mutter-kind .sos-service-icon svg,
body.page-index .sos-service-icon--warm svg,
body.page-mutter-kind .sos-service-icon--warm svg,
body.page-index .stock-card__icon svg,
body.page-mutter-kind .stock-card__icon svg,
body.page-index .stock-card__icon--peach svg,
body.page-mutter-kind .stock-card__icon--peach svg,
body.page-index .mom-problem-card__icon svg,
body.page-mutter-kind .mom-problem-card__icon svg,
body.page-index .mom-problem-card__icon--green svg,
body.page-mutter-kind .mom-problem-card__icon--green svg,
body.page-index .mom-problem-card__icon--orange svg,
body.page-mutter-kind .mom-problem-card__icon--orange svg,
body.page-index .mom-problem-card__icon--dark svg,
body.page-mutter-kind .mom-problem-card__icon--dark svg,
body.page-index .sos-card__icon svg,
body.page-mutter-kind .sos-card__icon svg,
body.page-index .sos-card__icon--glass svg,
body.page-mutter-kind .sos-card__icon--glass svg,
body.page-index .sos-card__icon--darkglass svg,
body.page-mutter-kind .sos-card__icon--darkglass svg,
body.page-index .mk-problem-card-icon svg,
body.page-mutter-kind .mk-problem-card-icon svg,
body.page-index .midwife-benefit__icon svg,
body.page-mutter-kind .midwife-benefit__icon svg,
body.page-index .family-card__icon svg,
body.page-mutter-kind .family-card__icon svg,
body.page-index .promise-icon svg,
body.page-mutter-kind .promise-icon svg,
body.page-index .dna-card__icon svg,
body.page-mutter-kind .dna-card__icon svg,
body.page-index .dna-check svg,
body.page-mutter-kind .dna-check svg,
body.page-index .mom-problems__transition-icon svg,
body.page-mutter-kind .mom-problems__transition-icon svg,
body.page-index .pump-compare__feature-icon svg,
body.page-mutter-kind .pump-compare__feature-icon svg,
body.page-index .pump-benefit__icon svg,
body.page-mutter-kind .pump-benefit__icon svg,
body.page-index .mk-hero-features .ic svg,
body.page-mutter-kind .mk-hero-features .ic svg,
body.page-index .kd-about__personal-heart svg,
body.page-mutter-kind .kd-about__personal-heart svg,
body.page-index .sos-live-card__symbol svg,
body.page-mutter-kind .sos-live-card__symbol svg,
body.page-index .sos-image-badge-icon svg,
body.page-mutter-kind .sos-image-badge-icon svg,
body.page-index .stock-call__icon svg,
body.page-mutter-kind .stock-call__icon svg,
body.page-index .sos-bottom-icon svg,
body.page-mutter-kind .sos-bottom-icon svg,
body.page-index .sos-location__symbol svg,
body.page-mutter-kind .sos-location__symbol svg,
body.page-index .city-station__symbol svg,
body.page-mutter-kind .city-station__symbol svg,
body.page-index .city-status__icon svg,
body.page-mutter-kind .city-status__icon svg,
body.page-index .city-year__icon svg,
body.page-mutter-kind .city-year__icon svg,
body.page-index .city-year__feature-icon svg,
body.page-mutter-kind .city-year__feature-icon svg,
body.page-index .same-day-step-icon svg,
body.page-mutter-kind .same-day-step-icon svg,
body.page-index .delivery-step-icon svg,
body.page-mutter-kind .delivery-step-icon svg,
body.page-index .journal-card-icon svg,
body.page-mutter-kind .journal-card-icon svg,
body.page-index .help-card-icon svg,
body.page-mutter-kind .help-card-icon svg,
body.page-index .benefit-icon svg,
body.page-mutter-kind .benefit-icon svg,
body.page-index .fact-icon svg,
body.page-mutter-kind .fact-icon svg,
body.page-index .tile-icon svg,
body.page-mutter-kind .tile-icon svg,
body.page-index .quick-help-icon svg,
body.page-mutter-kind .quick-help-icon svg,
body.page-index .closing-center-icon svg,
body.page-mutter-kind .closing-center-icon svg,
body.page-index .city-faq__question-icon svg,
body.page-mutter-kind .city-faq__question-icon svg,
body.page-index .city-faq__contact-icon svg,
body.page-mutter-kind .city-faq__contact-icon svg,
body.page-index .midwife-network__floating-icon svg,
body.page-mutter-kind .midwife-network__floating-icon svg {
  color: #a80846 !important;
  stroke: #a80846 !important;
}
/* Innere Wrapper mit eigenen Backgrounds neutralisieren */

body.page-index .hero-inner,
body.page-index .quick-help-inner,
body.page-index .locations-inner,
body.page-index .same-day-inner,
body.page-index .services-inner,
body.page-index .katja-inner,
body.page-index .reviews-inner,
body.page-index .journal-inner,
body.page-index .faq-inner,
body.page-index .closing-shell,
body.page-index .closing-stage,
body.page-index .sos-faq-inner,
body.page-index .city-faq__inner {
  background: transparent !important;
}
/* Service-Tiles: tile-link (Pfeil-Button rechts unten) nur bei .service-tile-dark
   und Cards mit externem Link (.tile-link--external) sichtbar. */
body.page-index .services-section .service-tile:not(.service-tile-dark) .tile-link:not(.tile-link--external) {
  display: none !important;
}

/* CARDS BLEIBEN WEIß (Struktur bewusst behalten) — außer Dark/Featured-Varianten
   die ihren eigenen Gradient-BG behalten. */

body.page-index .location-card,
body.page-index .tile,
body.page-index .service-tile:not(.service-tile-dark):not(.service-tile-featured),
body.page-index .help-card,
body.page-index .journal-card,
body.page-index .review-card,
body.page-index .fact-card,
body.page-index .quick-help-item,
body.page-index .benefit-card,
body.page-index .journal-card-body,
body.page-index .city-faq__item,
body.page-index .kd-trust-card,
body.page-index .mom-problem-card:not(.mom-problem-card--dark),
body.page-index .family-card,
body.page-index .promise-card,
body.page-index .still-benefit:not(.still-benefit--accent),
body.page-index .still-format,
body.page-index .sos-service-card,
body.page-index .stock-card:not(.stock-card--dark),
body.page-index .midwife-benefit,
body.page-index .dna-card,
body.page-index .pump-benefit,
body.page-index .city-station,
body.page-index .fs-card,
body.page-index .mn-card {
  background: #ffffff !important;
}


/* ==== @media (universal / shared components) ==== */
@media (max-width: 1050px) {
      .owner-main {
        grid-template-columns: 1fr;
        gap: 32px;
      }

      .owner-visual {
        min-height: 480px;
      }
    }

@media (max-width: 700px) {
      .owner-section {
        padding-left: 14px;
        padding-right: 14px;
      }

      .owner-heading h2 {
        font-size: 42px;
      }

      .owner-visual {
        min-height: 420px;
        border-radius: 20px;
      }

      .owner-quote blockquote {
        font-size: 32px;
      }

      .owner-values {
        grid-template-columns: 1fr;
      }

      .owner-signature {
        padding-top: 26px;
        gap: 12px;
      }
    }

@media (max-width: 900px) {
      .site-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px 32px;
      }
    }

@media (max-width: 600px) {
      .site-footer {
        padding: 56px 18px 24px;
      }
      .site-footer-grid {
        grid-template-columns: 1fr;
        gap: 36px;
        padding-bottom: 36px;
      }
      .site-footer-base {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
      }
    }

@media (max-width: 1050px) {
  .sos-faq__layout {
    grid-template-columns: 1fr;
  }
  .sos-contact-card {
    position: static;
    max-width: 640px;
    margin: 8px auto 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sos-contact-card__pulse,
  .sos-contact-card__row,
  .sos-contact-card__arrow { animation: none; transition: none; }
}

@media (max-width: 1180px) {
  .site-nav__menu > a { padding: 8px 11px; font-size: 12.5px; }
  .site-nav__cta span { display: none; }
  .site-nav__cta { padding: 10px; }
}

@media (max-width: 900px) {
  .site-nav__menu,
  .site-nav__actions { display: none; }
  .site-nav__toggle { display: inline-flex; margin-left: auto; }

  .site-nav.is-open .site-nav__menu,
  .site-nav.is-open .site-nav__actions {
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(24, 34, 31, 0.08);
  }

  .site-nav.is-open .site-nav__menu {
    top: calc(100% + 0px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: stretch;
    padding-bottom: 12px;
  }

  .site-nav.is-open .site-nav__menu > a {
    padding: 14px 18px;
    font-size: 15px;
    justify-content: flex-start;
  }

  .site-nav.is-open .site-nav__actions {
    top: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-top: 0;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
  }

  .site-nav.is-open .site-nav__cta {
    justify-content: center;
    padding: 14px;
  }

  .site-nav.is-open .site-nav__cta span { display: inline; }
}

@media (max-width: 1100px) {
  .site-foot__cta span { display: none; }
  .site-foot__cta { padding: 10px; }
}

@media (max-width: 780px) {
  .site-foot__inner {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;
    text-align: center;
  }
  .site-foot__menu { justify-content: center; }
  .site-foot__base { flex-direction: column; text-align: center; }
}


/* =========================================================
   SECTION-SPACING · minimaler Leerraum zwischen Sections
   ~24px oben und unten pro Section → ~48px Zwischenraum
   zwischen zwei aufeinanderfolgenden Sections.
========================================================= */

body > section,
body > main > section {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Hero-Sections: kein extra top-padding (Header sitzt direkt drüber) */
body.page-index > section.hero,
body.page-mutter-kind > section.mk-hero,
body.page-sos > section.sos-hero {
  padding-top: 0 !important;
}


/* =========================================================
   AKZENT-FARBE · Vereinheitlichung
   Alle Wort-Akzente in Headlines (accent-script "Apotheke" etc.)
   nutzen die Magenta-Akzent-Farbe wie die h2-em Farben überall.
========================================================= */

body.page-index .accent-script,
body.page-mutter-kind .accent-script,
body.page-index h1 .accent-script,
body.page-index h2 .accent-script,
body.page-mutter-kind h1 .accent-script,
body.page-mutter-kind h2 .accent-script {
  color: #d20a5b !important;
}

body.page-index .accent-script::after,
body.page-mutter-kind .accent-script::after {
  background: rgba(210, 10, 91, 0.16) !important;
}

/* Alle H1/H2-Akzent-Elemente (em, .accent) → einheitlich #d20a5b */
body.page-index h1 em,
body.page-index h1 .accent,
body.page-index h2 em,
body.page-index h2 .accent,
body.page-mutter-kind h1 em,
body.page-mutter-kind h1 .accent,
body.page-mutter-kind h2 em,
body.page-mutter-kind h2 .accent {
  color: #d20a5b !important;
}


/* =========================================================
   CARD-TITEL · fett + gleiche Höhen-Ausrichtung
   Alle Card-h3/h4 werden fett. Service-Tiles bekommen zusätzlich
   ein Flex-Column-Layout mit min-height auf h3 damit Descriptions
   in nebeneinander stehenden Cards auf gleicher Höhe starten.
========================================================= */

body.page-index .service-tile h3,
body.page-index .service-tile h4,
body.page-index .tile h3,
body.page-index .tile h4,
body.page-index .help-card h3,
body.page-index .help-card strong,
body.page-index .location-card h3,
body.page-index .journal-card h3,
body.page-index .review-card h3,
body.page-index .fact-card h3,
body.page-index .quick-help-item h3,
body.page-index .benefit-card h3,
body.page-index .step-content h3,
body.page-index .delivery-step h3,
body.page-mutter-kind .mom-problem-card h3,
body.page-mutter-kind .family-card h3,
body.page-mutter-kind .promise-card h3,
body.page-mutter-kind .still-benefit h3,
body.page-mutter-kind .still-format strong,
body.page-mutter-kind .kd-trust-card strong,
body.page-mutter-kind .midwife-benefit strong,
body.page-mutter-kind .dna-card h3,
body.page-mutter-kind .pump-benefit h3,
body.page-mutter-kind .sos-card h3,
body.page-mutter-kind .sos-mini-card h4,
body.page-mutter-kind .fs-card h3,
body.page-mutter-kind .mn-card h3 {
  font-weight: 700 !important;
}

/* Service-Tiles: gleiche Höhen-Ausrichtung — h3 reserviert 2 Zeilen,
   Description startet immer auf gleicher vertikaler Position. */
body.page-index .service-tile {
  display: flex !important;
  flex-direction: column !important;
}
body.page-index .service-tile .tile-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
}
body.page-index .service-tile .tile-body h3 {
  min-height: 2.4em !important;
  margin: 0 !important;
}
body.page-index .service-tile .tile-body p {
  margin: 0 !important;
}

/* service-tile-full ist horizontal — dort NICHT min-height auf h3 */
body.page-index .service-tile-full .tile-body h3 {
  min-height: 0 !important;
}


/* =========================================================
   SECTION-HEADLINES · einheitliche Größe (wie locations-heading h2)
   Gilt für alle H2 innerhalb <section>, außer Hero-Headlines (h1).
   Referenzwerte: clamp(44px, 4vw, 62px) · line-height 0.98 · letter-spacing -0.048em
========================================================= */

body.page-index > section:not(.hero) h2,
body.page-mutter-kind > section:not(.mk-hero) h2,
body.page-sos > section:not(.sos-hero) h2 {
  font-size: clamp(44px, 4vw, 62px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.048em !important;
}


/* =========================================================
   HERO-EYEBROW · linksbündig (nicht mittig)
========================================================= */

body.page-index > section.hero .eyebrow,
body.page-mutter-kind > section.mk-hero .mk-hero-eyebrow {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
  text-align: left !important;
}


/* =========================================================
   FIXES · 8 Detail-Anpassungen
========================================================= */

/* City-FAQ: 1-Spalten-Layout, Intro zentriert (Contact-Card entfernt) */
body.page-index .city-faq__inner {
  display: block !important;
  grid-template-columns: none !important;
  max-width: 900px !important;
  margin-inline: auto !important;
}
body.page-index .city-faq__intro {
  position: static !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 40px !important;
}
body.page-index .city-faq__intro-content {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}
body.page-index .city-faq__intro-content h2,
body.page-index .city-faq__intro-content p {
  text-align: center !important;
}
body.page-index .city-faq__list {
  max-width: 900px !important;
  margin-inline: auto !important;
}

/* Same-Day-CTA: weiße Schrift (dunkler Pill-Button) */
body.page-index .same-day-cta,
body.page-index .same-day-cta * {
  color: #ffffff !important;
}
body.page-index .same-day-cta .cta-circle {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15) !important;
}
body.page-index .same-day-cta .cta-circle svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Journal-CTA: weiße Schrift */
body.page-index .journal-cta,
body.page-index .journal-cta * {
  color: #ffffff !important;
}
body.page-index .journal-cta .journal-cta-arrow {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15) !important;
}
body.page-index .journal-cta .journal-cta-arrow svg,
body.page-index .journal-cta > i {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Delivery-Step-Featured Icon-Box: gleiches Design wie andere (rosa + magenta) */
body.page-index .delivery-step-featured .step-icon-big {
  background: #fce4ee !important;
  color: #a80846 !important;
  border-color: transparent !important;
}
body.page-index .delivery-step-featured .step-icon-big svg {
  color: #a80846 !important;
  stroke: #a80846 !important;
}


/* =========================================================
   MK · mom-problems__title mittig + Startseiten-Größe + Magenta
========================================================= */
body.page-mutter-kind .mom-problems__title {
  font-size: clamp(44px, 4vw, 62px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.048em !important;
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 900px !important;
}
body.page-mutter-kind .mom-problems__title span {
  color: #d20a5b !important;
}

/* mom-problems__intro Text auch mittig */
body.page-mutter-kind .mom-problems__intro,
body.page-mutter-kind .mom-problems__intro p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 720px !important;
}

/* =========================================================
   MK · mom-problem-cards vereinheitlichen
   Alle Cards weiß, Nummern raus, Titel oben (Icon-Höhe) und bold,
   Label als magenta Kicker, gleiche Höhen pro Spalte.
========================================================= */

/* Nummern raus */
body.page-mutter-kind .mom-problem-card__number {
  display: none !important;
}

/* Alle Cards weiß (auch --large und --dark) */
body.page-mutter-kind .mom-problem-card,
body.page-mutter-kind .mom-problem-card--large,
body.page-mutter-kind .mom-problem-card--dark {
  background: #ffffff !important;
  color: #18221f !important;
  border: 1px solid rgba(24, 34, 31, 0.08) !important;
}

/* --dark spezifisch: heller Text neutralisieren */
body.page-mutter-kind .mom-problem-card--dark h3,
body.page-mutter-kind .mom-problem-card--dark p {
  color: #18221f !important;
}
body.page-mutter-kind .mom-problem-card--dark p {
  color: #5f6b66 !important;
}

/* Status-Zeile in --dark: neutral */
body.page-mutter-kind .mom-problem-card__status {
  background: transparent !important;
  color: #a80846 !important;
  border-color: rgba(210, 10, 91, 0.24) !important;
}

/* Cards: flex column für gleiche Höhen */
body.page-mutter-kind .mom-problem-card {
  display: flex !important;
  flex-direction: column !important;
}

/* Card-Top: Icon oben rechts, Label + h3 oben links */
body.page-mutter-kind .mom-problem-card__top {
  order: 0 !important;
}

/* Content-Bereich flex column, h3 bold, p unten */
body.page-mutter-kind .mom-problem-card__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
}

body.page-mutter-kind .mom-problem-card__label {
  color: #a80846 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 10.5px !important;
  order: -1 !important;
}

/* h3 fett + Akzent-Farbe wie Startseite */
body.page-mutter-kind .mom-problem-card h3 {
  font-weight: 700 !important;
  color: #18221f !important;
  min-height: 2.6em !important;
  margin: 0 !important;
}
body.page-mutter-kind .mom-problem-card h3 em {
  color: #d20a5b !important;
}
body.page-mutter-kind .mom-problem-card p {
  margin: 0 !important;
}

/* Grid: alle Rows gleiche Höhe */
body.page-mutter-kind .mom-problems__grid {
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

/* .mom-problem-card--large: nicht mehr spans (alle gleich groß) */
body.page-mutter-kind .mom-problem-card--large {
  grid-column: auto !important;
  grid-row: auto !important;
}

/* CTA-Wrap: mittig zentriert */
body.page-mutter-kind .mom-problems__cta-wrap {
  display: flex !important;
  justify-content: center !important;
  margin-top: 40px !important;
}

/* MK · sos-bento Title + Lead linksbündig */
body.page-mutter-kind .sos-bento__intro {
  max-width: 850px !important;
  margin: 0 !important;
}
body.page-mutter-kind .sos-bento__title,
body.page-mutter-kind .sos-bento__lead {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* MK · sos-bento Badge zurück auf mittig + etwas mehr Abstand zur mom-problems Section */
body.page-mutter-kind .sos-bento__badge {
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-mutter-kind > section.sos-bento {
  padding-top: 56px !important;
}

/* MK · sos-bento · Container zentriert, Badge mittig, Titel/Lead links im Container */
body.page-mutter-kind .sos-bento__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
body.page-mutter-kind .sos-bento__intro {
  max-width: 850px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* MK · sos-bento · Titel + Lead auf volle Breite strecken (Text bleibt links) */
body.page-mutter-kind .sos-bento__header {
  align-items: stretch !important;
}
body.page-mutter-kind .sos-bento__title,
body.page-mutter-kind .sos-bento__lead {
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
}

/* MK · sos-bento · Titel + Lead doch mittig */
body.page-mutter-kind .sos-bento__title,
body.page-mutter-kind .sos-bento__lead {
  text-align: center !important;
}
body.page-mutter-kind .sos-bento__lead {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 720px !important;
}

/* MK · kd-about__title mittig */
body.page-mutter-kind .kd-about__title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



/* =========================================================
   MK · still-service · Editorial-Block ausblenden + Intro mittig
========================================================= */
body.page-mutter-kind .still-service__editorial {
  display: none !important;
}

body.page-mutter-kind .still-service__top {
  display: block !important;
  grid-template-columns: none !important;
  text-align: center !important;
}
body.page-mutter-kind .still-service__intro {
  max-width: 780px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body.page-mutter-kind .still-service__title,
body.page-mutter-kind .still-service__lead {
  text-align: center !important;
}


/* =========================================================
   MK · sos-bento · kleine Kicker weg + h3/p auf gleicher Höhe
   Kicker (.sos-card__mini) werden versteckt; h3/p in allen
   Standard/Visual/Feature-Cards bekommen gleiche Höhen-Position.
   Family-Card (.sos-card--family) bleibt unangetastet.
========================================================= */
body.page-mutter-kind .sos-card:not(.sos-card--family) .sos-card__mini {
  display: none !important;
}

/* Body/Copy als flex column, h3 min-height für gleiche Ausrichtung */
body.page-mutter-kind .sos-card--standard .sos-card__body,
body.page-mutter-kind .sos-card--visual .sos-card__visual-copy,
body.page-mutter-kind .sos-card--feature .sos-card__feature-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
}
body.page-mutter-kind .sos-card:not(.sos-card--family) h3 {
  min-height: 3.6em !important;
}

/* MK · sos-card--travel: nur weißer BG, keine Illustration */
body.page-mutter-kind .sos-card--travel {
  background: #ffffff !important;
  border: 1px solid rgba(24, 34, 31, 0.08) !important;
}
body.page-mutter-kind .sos-card--travel .sos-card__travel-art {
  display: none !important;
}
body.page-mutter-kind .sos-card--travel .sos-card__icon--glass {
  background: #fce4ee !important;
  color: #a80846 !important;
  border-color: transparent !important;
}
body.page-mutter-kind .sos-card--travel .sos-card__icon--glass svg {
  color: #a80846 !important;
  stroke: #a80846 !important;
}

/* MK · sos-card--travel: Layout wie normale Card (Text nicht absolute unten) */
body.page-mutter-kind .sos-card--travel {
  display: flex !important;
  flex-direction: column !important;
  padding: 26px !important;
  gap: 14px !important;
}
body.page-mutter-kind .sos-card--travel .sos-card__icon {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
body.page-mutter-kind .sos-card--travel .sos-card__visual-copy {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
}

/* MK · still-service CTA-Button: Text mittig + Row mittig */
body.page-mutter-kind .still-service__cta-row {
  display: flex !important;
  justify-content: center !important;
}
body.page-mutter-kind .still-service__cta {
  justify-content: center !important;
  text-align: center !important;
}
body.page-mutter-kind .still-service__cta > span:first-child {
  text-align: center !important;
  flex: 1 1 auto !important;
}

/* MK · sos-mini-card + sos-trust-item Icons einheitlich rosa+magenta */
body.page-mutter-kind .sos-mini-card__icon,
body.page-mutter-kind .sos-trust-item__icon {
  background: #fce4ee !important;
  color: #a80846 !important;
  border-color: transparent !important;
}
body.page-mutter-kind .sos-mini-card__icon svg,
body.page-mutter-kind .sos-trust-item__icon svg {
  color: #a80846 !important;
  stroke: #a80846 !important;
}

/* MK · still-benefits · Ziffern raus + alle Cards weiß */
body.page-mutter-kind .still-benefit__number {
  display: none !important;
}
body.page-mutter-kind .still-benefit,
body.page-mutter-kind .still-benefit--accent {
  background: #ffffff !important;
  color: #18221f !important;
  border: 1px solid rgba(24, 34, 31, 0.08) !important;
}
body.page-mutter-kind .still-benefit--accent h3,
body.page-mutter-kind .still-benefit--accent p {
  color: #18221f !important;
}
body.page-mutter-kind .still-benefit--accent p {
  color: #5f6b66 !important;
}
/* Icons in --accent zurück auf einheitlich rosa+magenta */
body.page-mutter-kind .still-benefit--accent .still-benefit__icon,
body.page-mutter-kind .still-benefit--accent .still-benefit__icon--white {
  background: #fce4ee !important;
  color: #a80846 !important;
  border-color: transparent !important;
}
body.page-mutter-kind .still-benefit--accent .still-benefit__icon svg {
  color: #a80846 !important;
  stroke: #a80846 !important;
}

/* MK · still-benefit · em Akzent magenta + Card-Flex für gleiche Höhe */
body.page-mutter-kind .still-benefit h3 em {
  color: #d20a5b !important;
  font-style: italic !important;
  font-weight: 700 !important;
}
body.page-mutter-kind .still-benefit {
  display: flex !important;
  flex-direction: column !important;
}
body.page-mutter-kind .still-benefit__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  flex: 1 1 auto !important;
}
body.page-mutter-kind .still-benefit__content h3 {
  min-height: 4.2em !important;
  margin: 0 !important;
}
body.page-mutter-kind .still-benefit__content p {
  margin: 0 !important;
}

/* MK · pump-compare CTA "Milchpumpe anfragen": Text mittig */
body.page-mutter-kind .pump-compare__cta-wrap {
  display: flex !important;
  justify-content: center !important;
}
body.page-mutter-kind .pump-compare__cta {
  justify-content: center !important;
  text-align: center !important;
}
body.page-mutter-kind .pump-compare__cta > span:first-child {
  text-align: center !important;
  flex: 1 1 auto !important;
}