/*
 Theme Name: Blocksy Child Awaken
 Template: blocksy
*/

/* ================================================================
   EVE & BLOOM — style.css  v10
   Stand: 23.08.2026

   Was sich gegenüber v9.6 geändert hat:

   1. Datei ist jetzt UTF-8 (war Windows-1252). Umlaute und
      Gedankenstriche in Kommentaren waren zerschossen.
   2. Drei Farbvariablen abgedunkelt — siehe Block „Farbkorrektur"
      weiter unten. Behebt 73 Kontrastverstöße nach WCAG AA.
   3. Neuer Abschnitt „Touch-Ziele" am Dateiende (WCAG 2.5.8).

   Aufbau der Datei — historisch gewachsen, bitte beachten:

     Zeile    1 –  832   Basis: Variablen, Typografie, Buttons
     Zeile  833 – 1917   PATCH v1–v8  (awaken-*, überwiegend Startseite)
     Zeile 1918 – 3282   PATCH v9–v11 (awaken-* + erste eve-*)
     ab    3283          eve-* Designsystem — der saubere Teil

   Die awaken-* Regeln stammen aus dem Theme-Demo und werden fast
   nur noch von der Startseite gebraucht. Sobald die Startseite auf
   eve-* umgebaut ist, kann dieser Block größtenteils entfallen.
   Vorher lohnt das Aufräumen nicht.
   ================================================================ */

/* ==========================================
   AWAKEN — PRODUCTION CSS v2.3
   Full mockup alignment
   Changes vs v2.2:
   - Hybrid typography: Playfair body desktop / DM Sans mobile
   - Hero cards: equal height, no offset
   - Increased breathing room (+30% spacing)
   - Square mocha icon boxes with white checkmark
   - Card labels: DM Sans, pure white BG
   - Trust strip: 56px height, larger type
   - Eyebrow: 13px / 0.3em letter-spacing
   - Hero title min-size 64px
   ========================================== */

:root {
  /* Base */
  --awaken-cream: #F2ECE0;
  --awaken-cream-light: #F7F2E8;
  --awaken-sand: #E8DFD0;
  --awaken-white: #FFFFFF;

  /* Accents */
  --awaken-taupe-light: #C4AD96;
  --awaken-taupe: #725C44;
  --awaken-mocha: #7D6350;
  --awaken-mocha-dark: #70573F;

  /* Sage */
  --awaken-sage: #8B9480;
  --awaken-sage-light: #B4BCA8;
  --awaken-sage-dark: #6E7666;

  /* Text */
  --awaken-charcoal: #3A2E26;
  --awaken-body: #6B5D52;
  --awaken-muted: #75624F;

  /* Aliases */
  --awaken-off: var(--awaken-cream);
  --awaken-ivory: var(--awaken-cream-light);

  /* Theme sync */
  --theme-palette-color-1: var(--awaken-mocha);
  --theme-palette-color-2: var(--awaken-taupe);
  --theme-palette-color-3: var(--awaken-body);
  --theme-palette-color-4: var(--awaken-charcoal);
  --theme-palette-color-5: var(--awaken-sand);
  --theme-palette-color-6: var(--awaken-cream);
  --theme-palette-color-7: var(--awaken-cream);
  --theme-palette-color-8: var(--awaken-cream-light);
  --theme-text-color: var(--awaken-body);
  --theme-link-initial-color: var(--awaken-taupe);
  --theme-link-hover-color: var(--awaken-mocha);
  --theme-border-color: rgba(58, 46, 38, 0.10);
  --theme-headings-color: var(--awaken-charcoal);

  /* Radii */
  --awaken-radius-sm: 10px;
  --awaken-radius-md: 14px;
  --awaken-radius-lg: 20px;
  --awaken-radius-xl: 22px;
  --awaken-radius-2xl: 28px;
  --awaken-radius-pill: 999px;

  /* Layout */
  --awaken-shell-max: 1280px;
  --awaken-space-desktop: 3rem;
  --awaken-space-tablet: 1.5rem;
  --awaken-space-mobile: 1rem;

  /* Motion */
  --awaken-transition-fast: 0.22s ease;
  --awaken-transition-base: 0.25s ease;
  --awaken-transition-slow: 0.28s ease;

  /* Shadows */
  --awaken-shadow-soft: 0 8px 18px rgba(58, 46, 38, 0.06);
  --awaken-shadow-card: 0 16px 32px rgba(58, 46, 38, 0.08);
  --awaken-shadow-hero: 0 20px 50px rgba(58, 46, 38, 0.10);
  --awaken-shadow-panel: 0 10px 24px rgba(58, 46, 38, 0.10);
  --awaken-shadow-label: 0 8px 24px rgba(58, 46, 38, 0.08);
}

/* ==========================================
   2) WORDPRESS / BLOCKSY COMPAT
   ========================================== */

.awaken-hero .wp-block-columns,
.about-section .wp-block-columns { margin-bottom: 0 !important; }

.awaken-hero .wp-block-column,
.about-section .wp-block-column { margin-block-start: 0 !important; }

.awaken-hero p:last-child,
.about-section p:last-child,
.awaken-programme-section p:last-child { margin-bottom: 0; }

.entry-content.is-layout-constrained > .awaken-hero,
.entry-content.is-layout-constrained > .awaken-strip,
.entry-content.is-layout-constrained > .about-section,
.entry-content.is-layout-constrained > .awaken-programme-section {
  margin-block-start: 0 !important;
}

.about-section,
.awaken-programme-section {
  background: var(--awaken-cream) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ==========================================
   3) SHARED LAYOUT
   ========================================== */

.awaken-hero__shell,
.awaken-strip__inner,
.about-shell,
.awaken-programme-inner {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}

.awaken-hero,
.awaken-strip,
.about-section,
.awaken-programme-section { box-sizing: border-box; }

/* ==========================================
   4) SHARED TYPOGRAPHY
   ========================================== */

.awaken-hero__eyebrow,
.about-eyebrow,
.awaken-programme-eyebrow {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: var(--awaken-taupe);
}

.about-text,
.awaken-programme-copy {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--awaken-body);
}

.about-title,
.awaken-programme-heading {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  color: var(--awaken-charcoal);
}

/* ==========================================
   5) SHARED BUTTONS — Mocha unified
   ========================================== */

.awaken-hero .btn-primary .wp-block-button__link,
.awaken-hero .btn-secondary .wp-block-button__link,
.about-section .btn-primary .wp-block-button__link,
.about-section .btn-secondary .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--awaken-radius-sm) !important;
  padding: 16px 28px !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  font-family: "DM Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition:
    background-color var(--awaken-transition-base),
    color var(--awaken-transition-base),
    border-color var(--awaken-transition-base),
    box-shadow var(--awaken-transition-base),
    transform var(--awaken-transition-base);
}

.awaken-hero .btn-primary .wp-block-button__link,
.about-section .btn-primary .wp-block-button__link {
  background: var(--awaken-mocha) !important;
  color: var(--awaken-cream-light) !important;
  border: none !important;
}

.awaken-hero .btn-secondary .wp-block-button__link,
.about-section .btn-secondary .wp-block-button__link {
  background: transparent !important;
  color: var(--awaken-mocha) !important;
  border: 1px solid rgba(139, 111, 90, 0.45) !important;
}

@media (hover: hover) and (pointer: fine) {
  .awaken-hero .btn-primary .wp-block-button__link:hover,
  .about-section .btn-primary .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: var(--awaken-mocha-dark) !important;
    box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
  }
  .awaken-hero .btn-secondary .wp-block-button__link:hover,
  .about-section .btn-secondary .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: rgba(139, 111, 90, 0.08) !important;
    color: var(--awaken-mocha-dark) !important;
    border-color: var(--awaken-mocha) !important;
    box-shadow: var(--awaken-shadow-soft);
  }
}

/* ==========================================
   6) HERO — increased breathing room
   ========================================== */

.awaken-hero {
  position: relative;
  overflow: hidden;
  background: var(--awaken-cream);
  padding: 5rem var(--awaken-space-desktop) 5rem;
}

.awaken-hero__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
  gap: 4.5rem;
  align-items: center;
}

.awaken-hero__content { max-width: 640px; }
.awaken-hero__visual { min-width: 0; }

.awaken-hero__eyebrow {
  margin: 0 0 2rem;
  line-height: 1;
  font-size: 13px;
  letter-spacing: 0.3em;
  opacity: 0.95;
}

.awaken-hero__title {
  margin: 0 0 2.5rem;
  font-family: "Playfair Display", serif;
  font-size: clamp(64px, 7.5vw, 104px);
  line-height: 1.05;
  font-weight: 400;
  letter-spacing: -0.015em;
  color: var(--awaken-charcoal);
  text-wrap: balance;
}

.awaken-hero__title em,
.awaken-hero__title .is-terra {
  color: var(--awaken-taupe);
  font-style: italic;
  font-weight: 400;
}

/* Hybrid: Serif body desktop, Sans mobile (in 900px breakpoint) */
.awaken-hero__text {
  max-width: 620px;
  margin: 0 0 3rem;
  font-family: "Playfair Display", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--awaken-body);
}

/* Feature points: square mocha icons, two-line text */
.awaken-hero__points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  padding: 0 0 2rem;
  border-bottom: 1px solid rgba(58, 46, 38, 0.10);
  align-items: start;
}

.awaken-hero__point {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 0.85rem;
  min-height: 48px;
}

.awaken-hero__point-icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: none;
  border-radius: 7px;
  background: var(--awaken-mocha);
  color: var(--awaken-white);
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

.awaken-hero__point-text {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--awaken-body);
}

.awaken-hero__point-text strong {
  display: block;
  font-weight: 600;
  color: var(--awaken-charcoal);
}

.awaken-hero__actions {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}

.awaken-hero__actions .wp-block-button { margin: 0; }

.awaken-hero__subline {
  margin: 1.5rem 0 0;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--awaken-muted);
}

/* Cards: equal height, no offset */
.awaken-hero__cards {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1.5rem;
}

.awaken-hero__card {
  position: relative;
  overflow: hidden;
  flex: 1 1 0;
  max-width: 320px;
  height: 580px;
  border-radius: var(--awaken-radius-2xl);
  background: var(--awaken-sand);
  box-shadow: var(--awaken-shadow-hero);
  margin-top: 0;
}

.awaken-hero__card.is-large,
.awaken-hero__card.is-small {
  height: 580px;
  margin-top: 0;
  width: auto;
}

.awaken-hero__card-image {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

.awaken-hero__card-image figure,
.awaken-hero__card-image .components-resizable-box__container,
.awaken-hero__card-image img { width: 100%; height: 100%; }

.awaken-hero__card-image figure { margin: 0 !important; }
.awaken-hero__card-image img { display: block; object-fit: cover; }

/* Card label: DM Sans, pure white */
.awaken-hero__card-label {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: calc(100% - 2.5rem);
  margin: 0 auto;
  padding: 0.9rem 1rem;
  box-sizing: border-box;
  border-radius: var(--awaken-radius-md);
  background: var(--awaken-white);
  box-shadow: var(--awaken-shadow-label);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  color: var(--awaken-charcoal);
}

/* ==========================================
   7) TRUST STRIP — Sage default, .is-dark variant
   ========================================== */

.awaken-strip {
  position: relative;
  z-index: 3;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-inline: var(--awaken-space-desktop);
  background: transparent;
}

.awaken-strip__inner {
  overflow: hidden;
  background: var(--awaken-sage);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  box-shadow: var(--awaken-shadow-panel);
}

.awaken-strip__track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  min-height: 56px;
  padding: 1.1rem 1.5rem;
  box-sizing: border-box;
}

.awaken-strip__item {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(247, 242, 232, 0.92);
}

.awaken-strip__dot {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  border-radius: var(--awaken-radius-pill);
  background: var(--awaken-cream);
  opacity: 0.8;
}

.awaken-strip__item a {
  color: inherit;
  text-decoration: none;
  transition: color var(--awaken-transition-fast);
}

.awaken-strip__item a:hover { color: var(--awaken-cream-light); }

/* Dark variant */
.awaken-strip.is-dark .awaken-strip__inner {
  background: var(--awaken-charcoal);
  border-top: 1px solid rgba(250, 250, 247, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.awaken-strip.is-dark .awaken-strip__item { color: rgba(250, 250, 247, 0.62); }
.awaken-strip.is-dark .awaken-strip__dot { background: var(--awaken-taupe); opacity: 0.72; }
.awaken-strip.is-dark .awaken-strip__item a:hover { color: var(--awaken-cream); }

/* ==========================================
   8) ABOUT
   ========================================== */

.about-section {
  padding: 5rem var(--awaken-space-desktop) 5rem;
  background: var(--awaken-cream);
}

.about-shell { padding: 0; background: transparent; border: none; box-shadow: none; }

.about-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 4rem; }

.about-image img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  max-height: 600px;
  object-fit: cover;
  border-radius: var(--awaken-radius-xl);
}

.about-content { max-width: 520px; }
.about-eyebrow { margin: 0 0 1.25rem; opacity: 0.85; }

.about-title {
  margin: 0 0 1.5rem;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.1;
  text-wrap: balance;
}

.about-text { margin: 0 0 1.25rem; line-height: 1.85; }

.about-quote {
  margin: 2rem 0 0;
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.5;
  color: var(--awaken-charcoal);
}

.about-cta { display: flex; gap: 1rem; margin-top: 2.5rem; }

/* ==========================================
   9) PROGRAMME
   ========================================== */

.awaken-programme-section {
  padding: 5rem var(--awaken-space-desktop) 3rem;
  background: var(--awaken-cream);
}

.awaken-programme-inner { width: 100%; max-width: var(--awaken-shell-max); margin-inline: auto; }
.awaken-programme-intro { max-width: 720px; margin: 0 auto 3rem; text-align: center; }
.awaken-programme-eyebrow { margin: 0 0 1.25rem; }

.awaken-programme-heading {
  margin: 0 0 1.5rem;
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.12;
}

.awaken-programme-copy { margin: 0; line-height: 1.85; }

.awaken-programme-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
}

.awaken-programme-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: var(--awaken-cream-light);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  box-shadow: var(--awaken-shadow-soft);
  transition:
    transform var(--awaken-transition-slow),
    box-shadow var(--awaken-transition-slow),
    border-color var(--awaken-transition-slow),
    background var(--awaken-transition-slow);
}

.awaken-programme-card:hover {
  transform: translateY(-6px);
  background: var(--awaken-white);
  border-color: var(--awaken-taupe-light);
  box-shadow: var(--awaken-shadow-card);
}

.awaken-programme-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.awaken-programme-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.75rem 1.75rem 2rem;
}

.awaken-programme-label {
  margin: 0 0 1rem;
  font-family: "DM Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--awaken-mocha);
}

.awaken-programme-title {
  margin: 0 0 1rem;
  font-family: "Playfair Display", serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--awaken-charcoal);
}

.awaken-programme-text {
  margin: 0 0 1.75rem;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 400;
  color: var(--awaken-body);
}

.awaken-programme-actions { margin-top: auto; }

.awaken-programme-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 14px 24px;
  border-radius: var(--awaken-radius-pill);
  background: var(--awaken-mocha);
  color: var(--awaken-cream-light);
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition:
    background-color var(--awaken-transition-base),
    transform var(--awaken-transition-base),
    box-shadow var(--awaken-transition-base);
}

.awaken-programme-button .wp-block-button__link:hover {
  background: var(--awaken-mocha-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
}

.awaken-programme-arrow { display: inline-block; transition: transform var(--awaken-transition-base); }
.awaken-programme-button .wp-block-button__link:hover .awaken-programme-arrow { transform: translateX(4px); }

/* ==========================================
   10) RESPONSIVE
   ========================================== */

@media (max-width: 1200px) {
  .awaken-hero { padding-inline: 2rem; }
  .awaken-strip,
  .about-section,
  .awaken-programme-section { padding-inline: 2rem; }

  .awaken-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: 3rem;
  }

  .awaken-hero__card,
  .awaken-hero__card.is-large,
  .awaken-hero__card.is-small {
    max-width: 285px;
    height: 540px;
  }
}

@media (max-width: 900px) {
  .awaken-hero { padding: 3rem var(--awaken-space-tablet) 3rem; }
  .awaken-strip { padding-inline: var(--awaken-space-tablet); }
  .about-section { padding: 3rem var(--awaken-space-tablet) 3rem; }
  .awaken-programme-section { padding: 3rem var(--awaken-space-tablet) 2rem; }

  .awaken-hero__grid,
  .about-grid { grid-template-columns: 1fr; }

  .awaken-hero__grid { gap: 2.5rem; }
  .about-grid { gap: 1.5rem; }

  .awaken-hero__content,
  .about-content { max-width: 100%; }

  .awaken-hero__title { font-size: clamp(48px, 13vw, 72px); margin-bottom: 1.75rem; }
  .about-title { font-size: 32px; line-height: 1.05; }

  /* Hybrid: switch hero body to Sans on mobile */
  .awaken-hero__text {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 2rem;
  }

  .awaken-hero__points { grid-template-columns: 1fr; gap: 1rem; padding-bottom: 1.5rem; }
  .awaken-hero__actions,
  .about-cta { flex-direction: column; align-items: stretch; }

  .awaken-hero__actions .wp-block-button,
  .about-cta .wp-block-button,
  .about-cta .btn-primary,
  .about-cta .btn-secondary { width: 100%; }

  .awaken-hero__actions .wp-block-button__link { width: 100%; justify-content: center; }

  .awaken-hero__visual { min-width: 0; overflow: hidden; }

  .awaken-hero__cards {
    justify-content: flex-start;
    align-items: stretch;
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 0.5rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .awaken-hero__cards::-webkit-scrollbar,
  .awaken-programme-track::-webkit-scrollbar,
  .awaken-strip__inner::-webkit-scrollbar { display: none; }

  .awaken-hero__card,
  .awaken-hero__card.is-large,
  .awaken-hero__card.is-small {
    flex: 0 0 78vw;
    width: 78vw;
    max-width: 320px;
    height: 460px;
    margin-top: 0 !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .awaken-strip__inner {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .awaken-strip__track {
    width: max-content;
    min-width: max-content;
    justify-content: flex-start;
    gap: 1rem;
    min-height: 48px;
    padding: 0.9rem 1rem;
  }

  .awaken-strip__item { font-size: 11px; letter-spacing: 0.15em; }
  .awaken-strip__dot { width: 4px; height: 4px; opacity: 0.7; }

  .about-shell { padding: 0; }

  .about-image img { min-height: 340px; max-height: 440px; border-radius: 18px; }

  .awaken-programme-intro { margin-bottom: 2rem; text-align: left; }

  .awaken-programme-track {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 86%;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .awaken-programme-card { scroll-snap-align: start; }
}

@media (max-width: 520px) {
  .awaken-strip,
  .about-section,
  .awaken-programme-section { padding-inline: var(--awaken-space-mobile); }

  .awaken-hero__text { font-size: 14px; }
  .awaken-hero__point-text { font-size: 13px; }
  .awaken-hero__subline { font-size: 12px; }

  .awaken-strip__track { gap: 0.85rem; padding: 0.8rem 0.9rem; }
  .awaken-strip__item { font-size: 10px; letter-spacing: 0.12em; }
}

/* ==========================================
   AWAKEN — PATCH: Nav Pill + Hero Spacing
   Add this AFTER your v2.3 CSS in WP Customizer
   ========================================== */

/* ---------- 1) NAV: Floating Cream Pill ---------- */

/* Add breathing room above the header */
header[data-row="middle"],
.ct-header [data-row="middle"] {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  background: transparent !important;
}

/* The actual pill: target the inner header container */
header[data-row="middle"] > .ct-container,
.ct-header [data-row="middle"] > .ct-container,
.ct-header [data-row="middle"] [data-items] {
  background: var(--awaken-cream-light) !important;
  border-radius: var(--awaken-radius-pill) !important;
  padding: 0.65rem 2rem !important;
  box-shadow: 0 6px 24px rgba(58, 46, 38, 0.06) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
}

/* Reduce nav-link size + spacing for elegance */
.ct-header .menu-item > a,
header .menu-item > a {
  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--awaken-charcoal) !important;
  padding: 0.5rem 1rem !important;
  transition: color var(--awaken-transition-base);
}

.ct-header .menu-item > a:hover,
header .menu-item > a:hover {
  color: var(--awaken-mocha) !important;
}

/* Site title (Eve & Bloom) styling */
.site-title,
.ct-header .site-title a {
  font-family: "Playfair Display", serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: var(--awaken-charcoal) !important;
  letter-spacing: 0 !important;
}

/* Search icon refinement */
.ct-header .ct-header-search,
.ct-header [data-id="search"] svg {
  color: var(--awaken-charcoal) !important;
  width: 18px !important;
  height: 18px !important;
}


/* ---------- 2) HERO: Tighten spacing ---------- */

/* Reduce gap between feature points and buttons */
.awaken-hero__points {
  padding-bottom: 1.25rem !important;
  margin-bottom: 0 !important;
}

.awaken-hero__actions {
  margin-top: 1.25rem !important;
}

/* Reduce gap between title block and feature points block */
.awaken-hero__text {
  margin-bottom: 2rem !important;
}


/* ---------- 3) Optional: tighter overall hero padding ---------- */
/* Uncomment if hero feels too tall overall */
/*
.awaken-hero {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
*/

/* ==========================================
   AWAKEN — PATCH v2: Sticky Nav + Trust Bar
   Add AFTER previous patches in WP Customizer
   ========================================== */

/* ---------- 1) Compensate for sticky/floating nav ---------- */
/* Push hero content down so floating nav doesn't overlap eyebrow */

.awaken-hero {
  padding-top: 7rem !important;  /* increased from 5rem to clear nav */
  padding-bottom: 4rem !important;
}

/* On smaller screens, less top padding needed */
@media (max-width: 900px) {
  .awaken-hero {
    padding-top: 5rem !important;
    padding-bottom: 3rem !important;
  }
}


/* ---------- 2) Trust Bar as section bridge ---------- */
/* Move the bar visually closer to next section (About) */

.awaken-strip {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Reduce About section's top padding since strip now leads into it */
.about-section {
  padding-top: 3rem !important;
}

@media (max-width: 900px) {
  .about-section {
    padding-top: 2rem !important;
  }
}


/* ---------- 3) Optional: Trust bar style tweak ---------- */
/* Slight inset from edges so it feels like a connecting element */

.awaken-strip__inner {
  border-radius: 0 !important;
  /* If you want it as a centered pill instead, uncomment: */
  /* max-width: 1180px; */
  /* margin-inline: auto; */
  /* border-radius: var(--awaken-radius-pill) !important; */
}

/* ==========================================
   AWAKEN — PATCH v3
   - Fixes double-pill nav nesting
   - Adds GLOBAL top spacing for floating nav (works on all pages)
   - Pushes hero eyebrow below floating nav
   ========================================== */


/* ---------- 1) NAV: Single pill only ---------- */
/* Reset any background/radius from outer header rows */

header[data-row="middle"],
.ct-header [data-row="middle"],
.ct-header-row[data-row="middle"] {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Apply pill ONLY to the innermost container (the actual menu wrapper) */
.ct-header [data-row="middle"] > div,
.ct-header-row[data-row="middle"] > .ct-container,
header[data-row="middle"] > .ct-container {
  background: var(--awaken-cream-light) !important;
  border-radius: var(--awaken-radius-pill) !important;
  padding: 0.65rem 2rem !important;
  box-shadow: 0 6px 24px rgba(58, 46, 38, 0.06) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
}

/* Make sure no nested element re-applies pill styling */
.ct-header [data-row="middle"] [data-items],
.ct-header [data-row="middle"] .ct-container > div {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}


/* ---------- 2) GLOBAL: Top spacing under floating nav ---------- */
/* Works on every page, not just hero — uses padding on the main content area */

/* Reset hero-specific overrides from previous patches */
.awaken-hero {
  padding-top: 2rem !important;  /* normal hero padding */
  padding-bottom: 4rem !important;
}

/* Add global top spacing on the main content area to compensate for floating nav */
#main,
main,
.site-main,
.ct-main {
  padding-top: 5rem !important;  /* clears the ~80px floating nav */
}

/* On smaller screens, less spacing needed */
@media (max-width: 900px) {
  #main,
  main,
  .site-main,
  .ct-main {
    padding-top: 4rem !important;
  }

  .awaken-hero {
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
  }
}


/* ---------- 3) Trust bar: more separation from hero ---------- */
/* Add a bit of breathing room above the bar so it doesn't feel attached to hero */

.awaken-strip {
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
}

.about-section {
  padding-top: 3rem !important;
}

@media (max-width: 900px) {
  .awaken-strip {
    margin-top: 1rem !important;
  }
  .about-section {
    padding-top: 2rem !important;
  }
}

/* ==========================================
   AWAKEN — PATCH v4
   - More breathing room above floating nav
   - More space between nav and content
   - Clean hover/active state (no ugly background block)
   ========================================== */


/* ---------- 1) Push nav down from top edge ---------- */

header[data-row="middle"],
.ct-header [data-row="middle"],
.ct-header-row[data-row="middle"] {
  padding-top: 1.75rem !important;  /* was 0, now lifts pill from top */
  padding-bottom: 0 !important;
}


/* ---------- 2) More space between nav and page content ---------- */

#main,
main,
.site-main,
.ct-main {
  padding-top: 7rem !important;  /* was 5rem, now more generous */
}

@media (max-width: 900px) {
  header[data-row="middle"],
  .ct-header [data-row="middle"],
  .ct-header-row[data-row="middle"] {
    padding-top: 1rem !important;
  }

  #main,
  main,
  .site-main,
  .ct-main {
    padding-top: 5rem !important;
  }
}


/* ---------- 3) Clean nav hover & active states ---------- */
/* Remove all background blocks, use color shift + underline */

/* Reset all menu item backgrounds */
.ct-header .menu-item,
.ct-header .menu-item > a,
.ct-header .menu-item.current-menu-item,
.ct-header .menu-item.current-menu-item > a,
.ct-header .menu-item:hover,
.ct-header .menu-item:hover > a,
.ct-header .menu-item.current-menu-ancestor > a {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Hover state: just color change */
.ct-header .menu-item > a:hover,
.ct-header .menu-item > a:focus {
  color: var(--awaken-mocha) !important;
  background: transparent !important;
}

/* Active page: mocha color + thin underline */
.ct-header .menu-item.current-menu-item > a,
.ct-header .menu-item.current-menu-ancestor > a {
  color: var(--awaken-mocha) !important;
  background: transparent !important;
  position: relative;
}

.ct-header .menu-item.current-menu-item > a::after,
.ct-header .menu-item.current-menu-ancestor > a::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 0.25rem;
  height: 1px;
  background: var(--awaken-mocha);
  opacity: 0.6;
}

/* Override Blocksy's CSS variables that may inject the active background */
.ct-header {
  --menu-link-initial-color: var(--awaken-charcoal) !important;
  --menu-link-hover-color: var(--awaken-mocha) !important;
  --menu-link-active-color: var(--awaken-mocha) !important;
  --menu-item-initial-background: transparent !important;
  --menu-item-hover-background: transparent !important;
  --menu-item-active-background: transparent !important;
}


/* ==========================================
   AWAKEN — WHY + FINAL CTA
   Sections after courses
   ========================================== */

/* ---------- WHY SECTION ---------- */

.awaken-why-section {
  position: relative;
  overflow: hidden;
  padding: 2.5rem var(--awaken-space-desktop) 2rem;
  background: var(--awaken-cream);
  color: var(--awaken-cream-light);
}

.awaken-why-inner {
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  padding: 4.5rem 3rem;
  text-align: center;
  background: var(--awaken-charcoal);
  border-radius: var(--awaken-radius-2xl);
  box-shadow: var(--awaken-shadow-panel);
}

.awaken-why-eyebrow {
  margin: 0 0 1.5rem;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--awaken-taupe-light);
}

.awaken-why-heading {
  margin: 0 0 2rem;
  font-family: "Playfair Display", serif;
  font-size: clamp(34px, 4.5vw, 62px);
  line-height: 1.08;
  font-weight: 500;
  color: var(--awaken-cream-light);
  text-wrap: balance;
}

.awaken-why-text {
  max-width: 700px;
  margin: 0 auto 1.25rem;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.85;
  font-weight: 400;
  color: rgba(247, 242, 232, 0.78);
}

.awaken-why-quote {
  margin: 2.5rem auto 0;
  max-width: 680px;
  font-family: "Playfair Display", serif;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.35;
  font-style: italic;
  font-weight: 400;
  color: var(--awaken-taupe-light);
}


/* ---------- FINAL CTA ---------- */

.awaken-final-cta {
  padding: 2rem var(--awaken-space-desktop) 6rem;
  background: var(--awaken-cream);
}

.awaken-final-cta-inner {
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  padding: 4rem 3rem;
  text-align: center;
  background: var(--awaken-cream-light);
  border: 1px solid rgba(139, 111, 90, 0.16);
  border-radius: var(--awaken-radius-2xl);
  box-shadow: var(--awaken-shadow-soft);
}

.awaken-final-cta-eyebrow {
  margin: 0 0 1.25rem;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--awaken-taupe);
}

.awaken-final-cta-heading {
  margin: 0 0 1.5rem;
  font-family: "Playfair Display", serif;
  font-size: clamp(36px, 4.5vw, 64px);
  line-height: 1.08;
  font-weight: 500;
  color: var(--awaken-charcoal);
  text-wrap: balance;
}

.awaken-final-cta-text {
  max-width: 660px;
  margin: 0 auto 2.5rem;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.85;
  font-weight: 400;
  color: var(--awaken-body);
}

.awaken-final-cta-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0;
}

.awaken-final-cta-actions .wp-block-button {
  margin: 0;
}

/* Reuse existing button styling for final CTA */
.awaken-final-cta .btn-primary .wp-block-button__link,
.awaken-final-cta .btn-secondary .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--awaken-radius-sm) !important;
  padding: 16px 28px !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  font-family: "DM Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition:
    background-color var(--awaken-transition-base),
    color var(--awaken-transition-base),
    border-color var(--awaken-transition-base),
    box-shadow var(--awaken-transition-base),
    transform var(--awaken-transition-base);
}

.awaken-final-cta .btn-primary .wp-block-button__link {
  background: var(--awaken-mocha) !important;
  color: var(--awaken-cream-light) !important;
  border: none !important;
}

.awaken-final-cta .btn-secondary .wp-block-button__link {
  background: transparent !important;
  color: var(--awaken-mocha) !important;
  border: 1px solid rgba(139, 111, 90, 0.45) !important;
}

@media (hover: hover) and (pointer: fine) {
  .awaken-final-cta .btn-primary .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: var(--awaken-mocha-dark) !important;
    box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
  }

  .awaken-final-cta .btn-secondary .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: rgba(139, 111, 90, 0.08) !important;
    color: var(--awaken-mocha-dark) !important;
    border-color: var(--awaken-mocha) !important;
    box-shadow: var(--awaken-shadow-soft);
  }
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {
  .awaken-why-section {
    padding: 2rem var(--awaken-space-tablet) 1rem;
  }

  .awaken-why-inner {
    padding: 3.5rem 1.5rem;
  }

  .awaken-final-cta {
    padding: 1rem var(--awaken-space-tablet) 4.5rem;
  }

  .awaken-final-cta-inner {
    padding: 3rem 1.5rem;
  }

  .awaken-final-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .awaken-final-cta-actions .wp-block-button,
  .awaken-final-cta-actions .wp-block-button__link {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .awaken-why-section,
  .awaken-final-cta {
    padding-inline: var(--awaken-space-mobile);
  }

  .awaken-why-text,
  .awaken-final-cta-text {
    font-size: 14px;
  }
}

/* =====================================================================
   AWAKEN — PATCH v7 — Seite /ueber-eve (Über Eve)
   Namespace: eve-*  —  basiert auf claude_styling_guidelines_awaken.md
   Nutzt ausschließlich bestehende Tokens, Radii, Shadows, Motion,
   Breakpoints (1200 / 900 / 520). Reihenfolge: ans Ende der style.css
   bzw. nach dem aktuellen Patch-Stand anhängen.
   ===================================================================== */

/* ---- Shared: Eyebrow (seitenweit wiederverwendet) ---- */
.eve-about-eyebrow {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--awaken-taupe);
  margin: 0 0 1.25rem;
}
.eve-about-eyebrow.is-light {
  color: var(--awaken-taupe-light);
}

/* ---- Shared: Content-Shells ---- */
.eve-about-hero__shell,
.eve-story-shell,
.eve-philosophy-shell,
.eve-focus-shell,
.eve-about-transition-shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}

/* =====================================================================
   01 — HERO
   ===================================================================== */
.eve-about-hero {
  background: var(--awaken-cream);
  padding: 3rem var(--awaken-space-desktop) 5rem;
}
.eve-about-hero__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 4rem;
  align-items: center;
  margin: 0;
}
.eve-about-hero__grid > .wp-block-column {
  margin: 0;
}
.eve-about-hero__content {
  max-width: 560px;
}
.eve-about-hero__title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.1;
  color: var(--awaken-charcoal);
  margin: 0 0 1.5rem;
}
.eve-about-hero__title em {
  font-style: italic;
  color: var(--awaken-mocha);
}
.eve-about-hero__text {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  margin: 0;
}
.eve-about-hero__image img {
  width: 100%;
  border-radius: var(--awaken-radius-xl);
  object-fit: cover;
  box-shadow: var(--awaken-shadow-hero);
}

/* =====================================================================
   02 — STORY
   ===================================================================== */
.eve-story-section {
  background: var(--awaken-cream);
  padding: 5rem var(--awaken-space-desktop);
}
.eve-story-intro {
  margin-bottom: 2.5rem;
}
.eve-story-title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.12;
  color: var(--awaken-charcoal);
  margin: 0;
}
.eve-story-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 3rem;
  align-items: start;
  margin: 0;
}
.eve-story-grid > .wp-block-column {
  margin: 0;
}
.eve-story-lead {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.4;
  color: var(--awaken-charcoal);
  margin: 0;
}
.eve-story-text p {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  margin: 0 0 1.25rem;
}
.eve-story-text p:last-child {
  margin-bottom: 0;
}

/* Optionale Timeline */
.eve-story-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: 3.5rem;
}
.eve-story-step {
  padding-top: 1.25rem;
  border-top: 1px solid var(--theme-border-color, rgba(58, 46, 38, 0.10));
}
.eve-story-step__num {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 500;
  color: var(--awaken-taupe);
  margin: 0 0 0.5rem;
}
.eve-story-step__title {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--awaken-charcoal);
  margin: 0 0 0.35rem;
}
.eve-story-step__text {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--awaken-body);
  margin: 0;
}

/* =====================================================================
   03 — PHILOSOPHIE (Dark Panel)
   ===================================================================== */
.eve-philosophy-section {
  background: var(--awaken-cream);
  padding: 2rem var(--awaken-space-desktop) 5rem;
}
.eve-philosophy-panel {
  background: var(--awaken-charcoal);
  border-radius: var(--awaken-radius-2xl);
  padding: clamp(2.5rem, 5vw, 4.5rem);
  box-shadow: var(--awaken-shadow-panel);
}
.eve-philosophy-title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.12;
  color: var(--awaken-cream-light);
  margin: 0 0 1.25rem;
  max-width: 16ch;
}
.eve-philosophy-text {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: rgba(247, 242, 232, 0.78);
  margin: 0 0 1.75rem;
  max-width: 60ch;
}
.eve-philosophy-quote {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.45;
  color: var(--awaken-taupe-light);
  margin: 0;
}
.eve-philosophy-principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(247, 242, 232, 0.14);
}
.eve-philosophy-principle__title {
  font-family: "Playfair Display", serif;
  font-size: 19px;
  font-weight: 500;
  color: var(--awaken-cream-light);
  margin: 0 0 0.5rem;
}
.eve-philosophy-principle__text {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(247, 242, 232, 0.7);
  margin: 0;
}

/* =====================================================================
   04 — BEREICHE / FOCUS
   ===================================================================== */
.eve-focus-section {
  background: var(--awaken-cream);
  padding: 5rem var(--awaken-space-desktop);
}
.eve-focus-intro {
  max-width: 640px;
  margin: 0 0 3rem;
}
.eve-focus-title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.12;
  color: var(--awaken-charcoal);
  margin: 0 0 1rem;
}
.eve-focus-copy {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  margin: 0;
}
.eve-focus-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.eve-focus-item {
  padding: 2rem 1.75rem;
  background: var(--awaken-cream);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  transition:
    transform var(--awaken-transition-base),
    border-color var(--awaken-transition-base),
    box-shadow var(--awaken-transition-base),
    background var(--awaken-transition-base);
}
.eve-focus-item:hover {
  transform: translateY(-6px);
  background: var(--awaken-cream-light);
  border-color: var(--awaken-taupe-light);
  box-shadow: var(--awaken-shadow-card);
}
.eve-focus-number {
  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-weight: 500;
  color: var(--awaken-taupe);
  margin: 0 0 1rem;
}
.eve-focus-item-title {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--awaken-charcoal);
  margin: 0 0 0.75rem;
}
.eve-focus-item-text {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--awaken-body);
  margin: 0;
}

/* =====================================================================
   05 — SANFTER —BERGANG / TRANSITION
   ===================================================================== */
.eve-about-transition-section {
  background: var(--awaken-cream);
  padding: 2rem var(--awaken-space-desktop) 6rem;
}
.eve-about-transition-box {
  background: var(--awaken-cream-light);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-2xl);
  box-shadow: var(--awaken-shadow-panel);
  padding: clamp(2.5rem, 5vw, 4.5rem);
  text-align: center;
  max-width: 720px;
  margin-inline: auto;
}
.eve-about-transition-box .eve-about-eyebrow {
  margin-bottom: 1rem;
}
.eve-about-transition-title {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: clamp(28px, 3.4vw, 42px);
  line-height: 1.12;
  color: var(--awaken-charcoal);
  margin: 0 0 1rem;
}
.eve-about-transition-text {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  max-width: 48ch;
  margin: 0 auto 2rem;
}
.eve-about-transition-actions {
  justify-content: center;
  gap: 1rem;
}

/* ---- Buttons: bestehende Awaken-Button-Styles auf die Transition-Section
        erweitern (Shared-Button-Regeln greifen nur in Hero/About) ---- */
.eve-about-transition-section .btn-primary .wp-block-button__link,
.eve-about-transition-section .btn-secondary .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--awaken-radius-sm);
  padding: 16px 28px;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition:
    transform var(--awaken-transition-fast),
    background var(--awaken-transition-fast),
    color var(--awaken-transition-fast),
    box-shadow var(--awaken-transition-fast);
}
.eve-about-transition-section .btn-primary .wp-block-button__link {
  background: var(--awaken-mocha);
  color: var(--awaken-cream-light);
  border: none;
}
.eve-about-transition-section .btn-primary .wp-block-button__link:hover {
  background: var(--awaken-mocha-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
}
.eve-about-transition-section .btn-secondary .wp-block-button__link {
  background: transparent;
  color: var(--awaken-mocha);
  border: 1px solid rgba(139, 111, 90, 0.45);
}
.eve-about-transition-section .btn-secondary .wp-block-button__link:hover {
  background: rgba(139, 111, 90, 0.08);
  color: var(--awaken-mocha-dark);
  border-color: var(--awaken-mocha);
  transform: translateY(-2px);
  box-shadow: var(--awaken-shadow-soft);
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 1200px) {
  .eve-about-hero__grid { gap: 3rem; }
  .eve-story-grid { gap: 2.5rem; }
  .eve-story-steps { gap: 1rem; }
}

@media (max-width: 900px) {
  .eve-about-hero { padding: 2rem var(--awaken-space-tablet) 3rem; }
  .eve-about-hero__grid { grid-template-columns: 1fr; gap: 2rem; }
  .eve-about-hero__content { max-width: 100%; }
  .eve-about-hero__title { font-size: 32px; }

  .eve-story-section { padding: 3rem var(--awaken-space-tablet); }
  .eve-story-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .eve-story-steps { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 2.5rem; }

  .eve-philosophy-section { padding: 1.5rem var(--awaken-space-tablet) 3rem; }
  .eve-philosophy-principles { grid-template-columns: 1fr; gap: 1.75rem; }

  .eve-focus-section { padding: 3rem var(--awaken-space-tablet); }
  .eve-focus-list { grid-template-columns: 1fr; }

  .eve-about-transition-section { padding: 1.5rem var(--awaken-space-tablet) 4rem; }
}

@media (max-width: 520px) {
  .eve-about-hero { padding: 1.5rem var(--awaken-space-mobile) 2.5rem; }
  .eve-story-section,
  .eve-focus-section { padding: 2.5rem var(--awaken-space-mobile); }
  .eve-story-steps { grid-template-columns: 1fr; }

  .eve-about-hero__text,
  .eve-story-text p,
  .eve-philosophy-text,
  .eve-focus-copy,
  .eve-about-transition-text { font-size: 14px; }

  .eve-about-transition-actions .wp-block-button { width: 100%; }
  .eve-about-transition-section .btn-primary .wp-block-button__link,
  .eve-about-transition-section .btn-secondary .wp-block-button__link { width: 100%; }
}


/* =====================================================================
   AWAKEN — PATCH v8 — Korrekturen /ueber-eve
   Nach Patch v7 einspielen (ans Ende anhängen). Greift gezielt einzelne
   Eigenschaften ab, kein Rewrite von v7. Abgeglichen gegen die bereits
   live laufende Startseite (.about-quote, about-section Bildverhältnis).
   ===================================================================== */

/* ---------------------------------------------------------------------
   01 — HERO — Bildverhältnis korrigiert
   Ursache: Bild-Block hatte inline aspect-ratio:3/4 (Hochformat) gesetzt.
   Dasselbe Foto läuft im About-Teaser der Startseite mit 4/3 (Querformat) —
   das ist die korrekte Orientierung der Originalaufnahme. Das Hochformat
   hat das Bild gegenüber der Textspalte massiv überhöht.
   Inline-Style auf <img> hat Vorrang vor externem CSS, daher !important.
   --------------------------------------------------------------------- */
.eve-about-hero__grid {
  align-items: stretch;
}
.eve-about-hero__visual {
  display: flex;
}
.eve-about-hero__image {
  width: 100%;
  align-self: stretch;
}
.eve-about-hero__image img {
  aspect-ratio: 4 / 3 !important;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  min-height: 360px;
  max-height: 520px;
}

/* ---------------------------------------------------------------------
   02 — STORY — Lead-Zitat balanciert statt frei schwebend
   Ursache: eigene, nicht im System definierte Schriftgröße (22—28px) plus
   align-items:start ließ links viel Leerraum neben dem dichten Fließtext
   rechts entstehen. Größe jetzt an die bestehende Zitat-Konvention
   (.about-quote: 19px / 500 / 1.5, italic) angeglichen und mit
   Akzentlinie verankert statt frei zu schweben.
   --------------------------------------------------------------------- */
.eve-story-grid {
  align-items: center;
}
.eve-story-lead {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
  padding-left: 1.5rem;
  border-left: 2px solid var(--awaken-mocha);
}

/* ---------------------------------------------------------------------
   03 — PHILOSOPHIE — Zitat-Abstand korrigiert
   Ursache: margin:0 in v7 ließ das Zitat direkt am Fließtext darüber
   kleben. Abstand und Größe jetzt an die bestehende Zitat-Konvention
   (.about-quote: margin 2rem 0 0, 19px/500/1.5) angeglichen.
   --------------------------------------------------------------------- */
.eve-philosophy-quote {
  margin: 2rem 0 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}

/* ---------------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------------- */
@media (max-width: 900px) {
  .eve-about-hero__image img {
    min-height: 280px;
    max-height: 380px;
  }
  .eve-story-lead {
    border-left: none;
    border-top: 2px solid var(--awaken-mocha);
    padding-left: 0;
    padding-top: 1rem;
  }
}

/* =========================================================================
   AWAKEN / EVE & BLOOM — CSS PATCH v9
   Seite: /programme (Kursübersicht)
   Namespace: eve-programme-*  ·  Eyebrow reused: eve-about-eyebrow
   Nutzt ausschließlich bestehende Tokens aus style.css (v2.3 + Patches v1–v8).
   Transition-Section verwendet die in v8 gestylten eve-about-transition-*.
   ========================================================================= */

/* ---- 01 · HERO -------------------------------------------------------- */
.eve-programme-hero {
  background: var(--awaken-cream);
  padding: 3rem var(--awaken-space-desktop) 4rem;
}
.eve-programme-hero__shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-programme-hero__title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(36px, 4.5vw, 60px);
  font-weight: 500;
  line-height: 1.1;
  color: var(--awaken-charcoal);
  margin: 0 0 1.5rem;
  max-width: 18ch;
}
.eve-programme-hero__text {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--awaken-body);
  max-width: 620px;
  margin: 0;
}

/* ---- 02 · KURS-GRID --------------------------------------------------- */
.eve-programme-grid-section {
  background: var(--awaken-cream);
  padding: 2rem var(--awaken-space-desktop) 5rem;
}
.eve-programme-grid-shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-programme-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.eve-programme-card {
  display: flex;
  flex-direction: column;
  background: var(--awaken-cream);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  overflow: hidden;
  padding: 0 0 2rem;
  transition: transform var(--awaken-transition-base),
              border-color var(--awaken-transition-base),
              background var(--awaken-transition-base),
              box-shadow var(--awaken-transition-base);
}
.eve-programme-card:hover {
  transform: translateY(-6px);
  background: var(--awaken-cream-light);
  border-color: var(--awaken-taupe-light);
  box-shadow: var(--awaken-shadow-card);
}
/* Bild-Platzhalter — aspect-ratio analog Startseiten-Programme-Cards.
   OFFENER PUNKT: reale Kursbilder ersetzen den Sand-Platzhalter. */
.eve-programme-card__image {
  aspect-ratio: 4 / 3;
  background: var(--awaken-sand);
  margin: 0 0 1.5rem;
}
.eve-programme-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.eve-programme-card__label {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--awaken-mocha);
  margin: 0 1.75rem 0.75rem;
}
.eve-programme-card__title {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--awaken-charcoal);
  margin: 0 1.75rem 0.5rem;
}
.eve-programme-card__tagline {
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
  color: var(--awaken-taupe);
  margin: 0 1.75rem 0.75rem;
}
.eve-programme-card__text {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--awaken-body);
  margin: 0 1.75rem 1.5rem;
}
.eve-programme-card .wp-block-buttons {
  margin: auto 1.75rem 0;
}

/* ---- 03 · ABLAUF & PREISE --------------------------------------------- */
.eve-programme-pricing-section {
  background: var(--awaken-cream);
  padding: 1rem var(--awaken-space-desktop) 5rem;
}
.eve-programme-pricing-shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-programme-pricing-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 500;
  line-height: 1.12;
  color: var(--awaken-charcoal);
  margin: 0.75rem 0 1.25rem;
}
.eve-programme-pricing-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  max-width: 640px;
  margin: 0 0 2.5rem;
}
.eve-programme-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.eve-programme-price {
  background: var(--awaken-cream-light);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  padding: 1.75rem;
}
.eve-programme-price__label {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--awaken-mocha);
  margin: 0 0 0.75rem;
}
.eve-programme-price__meta {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--awaken-body);
  margin: 0 0 0.75rem;
}
.eve-programme-price__amount {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 500;
  color: var(--awaken-charcoal);
  margin: 0;
}
.eve-programme-pricing-note {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--awaken-muted);
  margin: 1.5rem 0 0;
}

/* ---- 04 · 1:1 PANEL (Charcoal, analog eve-philosophy-panel) ----------- */
.eve-programme-single-section {
  background: var(--awaken-cream);
  padding: 1rem var(--awaken-space-desktop) 5rem;
}
.eve-programme-single-shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-programme-single-panel {
  background: var(--awaken-charcoal);
  border-radius: var(--awaken-radius-2xl);
  padding: 3.5rem 3rem;
}
.eve-programme-single-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 500;
  line-height: 1.15;
  color: var(--awaken-cream-light);
  margin: 0.75rem 0 1.25rem;
  max-width: 22ch;
}
.eve-programme-single-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: rgba(242, 236, 224, 0.72);
  max-width: 620px;
  margin: 0 0 2rem;
}

/* ---- 05 · AKTUELLES (optional, von Eve editierbar) -------------------- */
.eve-programme-news-section {
  background: var(--awaken-cream);
  padding: 1rem var(--awaken-space-desktop) 5rem;
}
.eve-programme-news-box {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
  background: var(--awaken-cream-light);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  padding: 2.5rem 3rem;
}
.eve-programme-news-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 500;
  line-height: 1.15;
  color: var(--awaken-charcoal);
  margin: 0.75rem 0 1rem;
}
.eve-programme-news-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  max-width: 640px;
  margin: 0;
}

/* ---- 06 · ÜBERGANG (Section-Spacing; Box nutzt eve-about-transition-*) */
.eve-programme-transition-section {
  background: var(--awaken-cream);
  padding: 1rem var(--awaken-space-desktop) 6rem;
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width: 1200px) {
  .eve-programme-pricing-grid { gap: 1rem; }
}

@media (max-width: 900px) {
  .eve-programme-hero {
    padding: 1.5rem var(--awaken-space-tablet) 3rem;
  }
  .eve-programme-grid-section,
  .eve-programme-pricing-section,
  .eve-programme-single-section,
  .eve-programme-news-section {
    padding-left: var(--awaken-space-tablet);
    padding-right: var(--awaken-space-tablet);
    padding-bottom: 3.5rem;
  }
  .eve-programme-transition-section {
    padding-left: var(--awaken-space-tablet);
    padding-right: var(--awaken-space-tablet);
    padding-bottom: 4rem;
  }
  .eve-programme-grid { grid-template-columns: 1fr; }
  .eve-programme-pricing-grid { grid-template-columns: 1fr; }
  .eve-programme-single-panel { padding: 2.5rem 1.75rem; }
  .eve-programme-news-box { padding: 2rem 1.75rem; }
}

@media (max-width: 520px) {
  .eve-programme-hero { padding-left: var(--awaken-space-mobile); padding-right: var(--awaken-space-mobile); }
  .eve-programme-grid-section,
  .eve-programme-pricing-section,
  .eve-programme-single-section,
  .eve-programme-news-section,
  .eve-programme-transition-section {
    padding-left: var(--awaken-space-mobile);
    padding-right: var(--awaken-space-mobile);
  }
  .eve-programme-card__label,
  .eve-programme-card__title,
  .eve-programme-card__tagline,
  .eve-programme-card__text { margin-left: 1.5rem; margin-right: 1.5rem; }
  .eve-programme-card .wp-block-buttons { margin-left: 1.5rem; margin-right: 1.5rem; }
}

/* PATCH v9.1 — Button-Scoping /programme (fehlte in v9) */
.eve-programme-card .btn-secondary .wp-block-button__link,
.eve-programme-single-panel .btn-primary .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--awaken-radius-sm);
  padding: 16px 28px;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px; font-weight: 500; letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: transform var(--awaken-transition-base), background var(--awaken-transition-base),
              color var(--awaken-transition-base), border-color var(--awaken-transition-base),
              box-shadow var(--awaken-transition-base);
}
.eve-programme-card .btn-secondary .wp-block-button__link:hover,
.eve-programme-single-panel .btn-primary .wp-block-button__link:hover {
  transform: translateY(-2px);
}
/* Secondary (Card-Buttons) */
.eve-programme-card .btn-secondary .wp-block-button__link {
  background: transparent; color: var(--awaken-mocha);
  border: 1px solid rgba(139, 111, 90, 0.45);
}
.eve-programme-card .btn-secondary .wp-block-button__link:hover {
  background: rgba(139, 111, 90, 0.08); color: var(--awaken-mocha-dark);
  border-color: var(--awaken-mocha); box-shadow: var(--awaken-shadow-soft);
}
/* Primary (1:1-Panel, dunkler Grund) */
.eve-programme-single-panel .btn-primary .wp-block-button__link {
  background: var(--awaken-mocha); color: var(--awaken-cream-light); border: none;
}
.eve-programme-single-panel .btn-primary .wp-block-button__link:hover {
  background: var(--awaken-mocha-dark); color: var(--awaken-cream-light);
  box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
}


/* PATCH v9.1 — Button-Scope für neue /programme-Kontexte */

/* Card-Buttons (secondary) */
.eve-programme-card .btn-secondary .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--awaken-radius-sm); padding: 16px 28px;
  font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500;
  letter-spacing: 0.15em; text-transform: uppercase;
  background: transparent; color: var(--awaken-mocha);
  border: 1px solid rgba(139, 111, 90, 0.45);
  transition: transform var(--awaken-transition-fast), background var(--awaken-transition-fast),
              color var(--awaken-transition-fast), border-color var(--awaken-transition-fast),
              box-shadow var(--awaken-transition-fast);
}
.eve-programme-card .btn-secondary .wp-block-button__link:hover {
  background: rgba(139, 111, 90, 0.08); color: var(--awaken-mocha-dark);
  border-color: var(--awaken-mocha); transform: translateY(-2px);
  box-shadow: var(--awaken-shadow-soft);
}

/* 1:1-Panel-Button (primary, dunkler Grund) */
.eve-programme-single-panel .btn-primary .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--awaken-radius-sm); padding: 16px 28px;
  font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500;
  letter-spacing: 0.15em; text-transform: uppercase;
  background: var(--awaken-mocha); color: var(--awaken-cream-light); border: none;
  transition: transform var(--awaken-transition-fast), background var(--awaken-transition-fast),
              box-shadow var(--awaken-transition-fast);
}
.eve-programme-single-panel .btn-primary .wp-block-button__link:hover {
  background: var(--awaken-mocha-dark); transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
}

/* =========================================================================
   AWAKEN / EVE & BLOOM — CSS PATCH v10
   Kursdetailseiten /programme/[slug] · Namespace: eve-course-*
   Nur bestehende Tokens. Übergangs-Box nutzt v8 (eve-about-transition-*),
   der Shared-Übergang trägt zusätzlich die Klasse eve-about-transition-section,
   damit die v8-Button-Styles inkl. Hover automatisch greifen.
   ========================================================================= */

/* ---- HERO -------------------------------------------------------------- */
.eve-course-hero {
  background: var(--awaken-cream);
  padding: 3rem var(--awaken-space-desktop) 3.5rem;
}
.eve-course-hero__shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-course-hero__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 4rem;
  align-items: center;
}
.eve-course-hero__title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 500;
  line-height: 1.1;
  color: var(--awaken-charcoal);
  margin: 0.75rem 0 1rem;
}
.eve-course-hero__tagline {
  font-family: 'Playfair Display', serif;
  font-size: 19px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
  color: var(--awaken-taupe);
  margin: 0;
}
/* Bild-Platzhalter — OFFENER PUNKT: reale Kursbilder ersetzen Sand-Fläche */
.eve-course-hero__image {
  aspect-ratio: 4 / 3;
  background: var(--awaken-sand);
  border-radius: var(--awaken-radius-xl);
}
.eve-course-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--awaken-radius-xl);
  display: block;
}

/* ---- BODY (Beschreibung + Info-Box) ------------------------------------ */
.eve-course-body {
  background: var(--awaken-cream);
  padding: 1rem var(--awaken-space-desktop) 4rem;
}
.eve-course-body__shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-course-body__grid { gap: 3rem; }
.eve-course-body__text p {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  margin: 0 0 1.25rem;
}
.eve-course-benefits-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 500;
  line-height: 1.2;
  color: var(--awaken-charcoal);
  margin: 1.5rem 0 1rem;
}
.eve-course-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
}
.eve-course-benefits li {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--awaken-body);
  padding-left: 1.25rem;
  position: relative;
  margin-bottom: 0.6rem;
}
.eve-course-benefits li::before {
  content: "\2013";  /* – als Escape statt Literalzeichen */
  position: absolute;
  left: 0;
  color: var(--awaken-mocha);
}
/* Benefits-Vollbreiten-Sektion (Kinderkurs, Pattern 02b) */
.eve-course-body.is-benefits { padding-top: 0; }

/* ---- INFO-BOX (Sand-Panel, sticky) ------------------------------------- */
.eve-course-info {
  background: var(--awaken-cream-light);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  padding: 1.75rem;
  position: sticky;
  top: 7rem;
}
.eve-course-info__row {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--awaken-body);
  margin: 0 0 0.6rem;
}
.eve-course-info__row strong {
  color: var(--awaken-charcoal);
  font-weight: 600;
}
.eve-course-info__note {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--awaken-muted);
  margin: 1rem 0 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(58, 46, 38, 0.10);
}

/* Info-Box Button (primary auf hellem Panel) — Scope von Anfang an */
.eve-course-info .btn-primary .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--awaken-radius-sm);
  padding: 16px 28px;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px; font-weight: 500;
  letter-spacing: 0.15em; text-transform: uppercase;
  background: var(--awaken-mocha) !important;
  color: var(--awaken-cream-light) !important;
  border: none !important;
  transition: transform var(--awaken-transition-fast),
              background var(--awaken-transition-fast),
              box-shadow var(--awaken-transition-fast);
  width: 100%;
}
.eve-course-info .btn-primary .wp-block-button__link:hover {
  background: var(--awaken-mocha-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
}

/* ---- ÜBERGANG (nur Section-Spacing; Rest kommt aus v8) ----------------- */
.eve-course-transition {
  padding-top: 1rem;
  padding-bottom: 5rem;
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width: 1200px) {
  .eve-course-hero__grid { gap: 3rem; }
}

@media (max-width: 900px) {
  .eve-course-hero {
    padding: 1.5rem var(--awaken-space-tablet) 2.5rem;
  }
  .eve-course-hero__grid { grid-template-columns: 1fr; gap: 2rem; }
  .eve-course-body {
    padding: 0.5rem var(--awaken-space-tablet) 3rem;
  }
  .eve-course-info { position: static; margin-top: 1rem; }
  .eve-course-transition {
    padding-left: var(--awaken-space-tablet);
    padding-right: var(--awaken-space-tablet);
    padding-bottom: 4rem;
  }
}

@media (max-width: 520px) {
  .eve-course-hero,
  .eve-course-body,
  .eve-course-transition {
    padding-left: var(--awaken-space-mobile);
    padding-right: var(--awaken-space-mobile);
  }
  .eve-course-hero__title { font-size: 30px; }
}


/* ============================================================
   PATCH v9 – /warum-meditation (eve-why-*)
   Nutzt ausschließlich bestehende Awaken-Tokens.
   ============================================================ */

/* --- 01 Hero (rein textbasiert) --- */
.eve-why-hero {
  background: var(--awaken-cream);
  padding: 3rem var(--awaken-space-desktop) 4rem;
}
.eve-why-hero__shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-why-hero__title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 500;
  line-height: 1.08;
  color: var(--awaken-charcoal);
  margin: 0 0 2rem;
}
.eve-why-hero__text {
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  line-height: 1.7;
  color: var(--awaken-body);
  max-width: 620px;
  margin: 0;
}

/* --- 02 Für wen --- */
.eve-why-who-section {
  background: var(--awaken-cream);
  padding: 2rem var(--awaken-space-desktop) 4rem;
}
.eve-why-who-shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-why-who-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 500;
  line-height: 1.12;
  color: var(--awaken-charcoal);
  margin: 0 0 2.5rem;
}
.eve-why-who-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.eve-why-who-item {
  background: var(--awaken-cream-light);
  border: 1px solid var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  padding: 1.75rem;
}
.eve-why-who-num {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.25em;
  color: var(--awaken-mocha);
  margin: 0 0 1rem;
}
.eve-why-who-item-title {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--awaken-charcoal);
  margin: 0 0 0.75rem;
}
.eve-why-who-item-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  line-height: 1.75;
  color: var(--awaken-body);
  margin: 0;
}

/* --- 03 Veränderung --- */
.eve-why-change-section {
  background: var(--awaken-cream);
  padding: 2rem var(--awaken-space-desktop) 5rem;
}
.eve-why-change-shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}
.eve-why-change-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 500;
  line-height: 1.12;
  color: var(--awaken-charcoal);
  margin: 0 0 1.25rem;
}
.eve-why-change-copy {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: var(--awaken-body);
  max-width: 720px;
  margin: 0 0 1.75rem;
}
.eve-why-change-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 720px;
}
.eve-why-change-list li {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: var(--awaken-body);
  padding: 0.45em 0 0.45em 1.4em;
  position: relative;
  border-bottom: 1px solid var(--theme-border-color);
}
.eve-why-change-list li::before {
  content: "\2013";  /* statt content: "–"; */
  position: absolute;
  left: 0;
  color: var(--awaken-taupe);
}

/* --- 04 Ohne Druck (dunkles Panel) --- */
.eve-why-ease-section {
  background: var(--awaken-cream);
  padding: 0 var(--awaken-space-desktop) 5rem;
}
.eve-why-ease-panel {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
  background: var(--awaken-charcoal);
  border-radius: var(--awaken-radius-lg);
  padding: 4rem 3rem;
}
.eve-why-ease-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 500;
  line-height: 1.15;
  color: var(--awaken-cream-light);
  margin: 0 0 1.25rem;
}
.eve-why-ease-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(250, 250, 247, 0.72);
  max-width: 640px;
  margin: 0;
}

/* --- 05 Übergang (Box-Styles kommen aus eve-about-transition-box) --- */
.eve-why-transition-section {
  background: var(--awaken-cream);
  padding: 0 var(--awaken-space-desktop) 6rem;
}

/* --- Responsive --- */
@media (max-width: 900px) {
  .eve-why-hero { padding: 2rem var(--awaken-space-tablet) 3rem; }
  .eve-why-who-section,
  .eve-why-change-section { padding-inline: var(--awaken-space-tablet); }
  .eve-why-ease-section,
  .eve-why-transition-section { padding-inline: var(--awaken-space-tablet); }
  .eve-why-hero__title { font-size: 36px; }
  .eve-why-hero__text {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.75;
  }
  .eve-why-who-grid { grid-template-columns: 1fr; gap: 1rem; }
  .eve-why-ease-panel { padding: 2.5rem 1.5rem; }
}
@media (max-width: 520px) {
  .eve-why-hero,
  .eve-why-who-section,
  .eve-why-change-section,
  .eve-why-ease-section,
  .eve-why-transition-section { padding-inline: var(--awaken-space-mobile); }
  .eve-why-hero__text { font-size: 14px; }
}

/* --- v9: Global Buttons (ersetzt alle pro-Sektion gescopten .btn-Regeln) --- */
.btn-primary .wp-block-button__link,
.btn-secondary .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--awaken-radius-sm);
  padding: 16px 28px;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  box-shadow: none;
  transition: all var(--awaken-transition-fast);
}
.btn-primary .wp-block-button__link {
  background: var(--awaken-mocha);
  color: var(--awaken-cream-light);
  border: none;
}
.btn-primary .wp-block-button__link:hover {
  background: var(--awaken-mocha-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
}
.btn-secondary .wp-block-button__link {
  background: transparent;
  color: var(--awaken-mocha);
  border: 1px solid rgba(139, 111, 90, 0.45);
}
.btn-secondary .wp-block-button__link:hover {
  background: rgba(139, 111, 90, 0.08);
  color: var(--awaken-mocha-dark);
  border-color: var(--awaken-mocha);
  transform: translateY(-2px);
  box-shadow: var(--awaken-shadow-soft);
}

/* =========================================================================
   AWAKEN – PATCH v11
   Kontakt (/kontakt) + globale Stimmen-Sektion (Slider)
   Namespaces: .eve-contact-* , .eve-voices-* / .eve-voice
   Nur bestehende Tokens aus style.css v2.3 + Patches v1–v10.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. KONTAKT – HERO
   ------------------------------------------------------------------------- */

.eve-contact-hero {
  background: var(--awaken-cream);
  padding: 2rem var(--awaken-space-desktop) 3rem;
}

.eve-contact-hero__shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}

.eve-contact-hero .eve-about-eyebrow {
  margin: 0 0 1.25rem;
}

.eve-contact-hero__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 500;
  line-height: 1.1;
  color: var(--awaken-charcoal);
  margin: 0 0 1.5rem;
  max-width: 20ch;
}

.eve-contact-hero__text {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--awaken-body);
  max-width: 620px;
  margin: 0;
}

/* -------------------------------------------------------------------------
   2. KONTAKT – GRID (Formular / Kanaele)
   ------------------------------------------------------------------------- */

.eve-contact-section {
  background: var(--awaken-cream);
  padding: 3rem var(--awaken-space-desktop) 5rem;
}

.eve-contact-shell {
  width: 100%;
  max-width: var(--awaken-shell-max);
  margin-inline: auto;
}

.eve-contact-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 3rem;
  align-items: start;
}

/* Formular-Spalte */

.eve-contact-form__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 500;
  line-height: 1.15;
  color: var(--awaken-charcoal);
  margin: 0 0 1.75rem;
}

.eve-contact-form__placeholder {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  color: var(--awaken-muted);
  border: 1px dashed var(--awaken-taupe-light);
  border-radius: var(--awaken-radius-sm);
  padding: 1.25rem 1.5rem;
  margin: 0;
}

/* Kanaele-Panel (Sand) */

.eve-contact-channels {
  background: var(--awaken-sand);
  border-radius: var(--awaken-radius-lg);
  padding: 2.25rem 2rem 2rem;
}

.eve-contact-channels .eve-about-eyebrow {
  margin: 0 0 1rem;
}

.eve-contact-channels__title {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--awaken-charcoal);
  margin: 0 0 1.75rem;
}

.eve-contact-channel {
  padding: 0 0 1.25rem;
  margin: 0 0 1.25rem;
  border-bottom: 1px solid rgba(58, 46, 38, 0.10);
}

.eve-contact-channel:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
}

.eve-contact-channel__label {
  font-family: "DM Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--awaken-mocha);
  margin: 0 0 0.5rem;
}

.eve-contact-channel__link {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  margin: 0 0 0.35rem;
}

.eve-contact-channel__link a {
  color: var(--awaken-charcoal);
  text-decoration: none;
  border-bottom: 1px solid rgba(139, 111, 90, 0.35);
  padding-bottom: 2px;
  transition: color var(--awaken-transition-fast),
              border-color var(--awaken-transition-fast);
}

.eve-contact-channel__link a:hover,
.eve-contact-channel__link a:focus-visible {
  color: var(--awaken-mocha);
  border-bottom-color: var(--awaken-mocha);
}

.eve-contact-channel__text {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  color: var(--awaken-body);
  margin: 0;
}

.eve-contact-note {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.7;
  color: var(--awaken-body);
  background: var(--awaken-cream-light);
  border-radius: var(--awaken-radius-sm);
  padding: 1rem 1.15rem;
  margin: 0;
}

/* -------------------------------------------------------------------------
   3. FLUENT FORMS – FELDSTYLING
   ACHTUNG: Guidelines Abschnitt 10.8 (Forms/Kontakt) war bisher undefiniert.
   Werte unten sind aus bestehenden Tokens abgeleitet -> Freigabe durch Felix.
   ------------------------------------------------------------------------- */

.eve-contact-form .fluentform .ff-el-group {
  margin-bottom: 1.25rem;
}

.eve-contact-form .fluentform .ff-el-input--label label {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--awaken-charcoal);
  margin-bottom: 0.5rem;
}

.eve-contact-form .fluentform .ff-el-is-required.asterisk-right label:after {
  color: var(--awaken-mocha);
}

.eve-contact-form .fluentform input[type="text"],
.eve-contact-form .fluentform input[type="email"],
.eve-contact-form .fluentform input[type="tel"],
.eve-contact-form .fluentform select,
.eve-contact-form .fluentform textarea {
  width: 100%;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--awaken-charcoal);
  background: var(--awaken-cream-light) !important;
  border: 1px solid var(--awaken-sand) !important;
  border-radius: var(--awaken-radius-sm) !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
  transition: border-color var(--awaken-transition-fast),
              box-shadow var(--awaken-transition-fast);
}

.eve-contact-form .fluentform textarea {
  min-height: 160px;
  resize: vertical;
}

.eve-contact-form .fluentform input::placeholder,
.eve-contact-form .fluentform textarea::placeholder {
  color: var(--awaken-muted);
  opacity: 1;
}

.eve-contact-form .fluentform input:focus,
.eve-contact-form .fluentform select:focus,
.eve-contact-form .fluentform textarea:focus {
  outline: none;
  border-color: var(--awaken-taupe) !important;
  box-shadow: var(--awaken-shadow-soft) !important;
}

/* Consent-Checkbox */

.eve-contact-form .fluentform .ff-el-form-check {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
}

.eve-contact-form .fluentform .ff-el-form-check-label,
.eve-contact-form .fluentform .ff_t_c label {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  text-transform: none;
  color: var(--awaken-body);
}

.eve-contact-form .fluentform .ff-el-form-check-label a,
.eve-contact-form .fluentform .ff_t_c label a {
  color: var(--awaken-mocha);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.eve-contact-form .fluentform input[type="checkbox"] {
  accent-color: var(--awaken-mocha);
  width: 16px;
  height: 16px;
  margin-top: 3px;
  flex: 0 0 auto;
}

/* Submit-Button – Scope fuer .eve-contact-section (Regel: Buttons pro Sektion scopen) */

.eve-contact-section .fluentform .ff-btn-submit,
.eve-contact-section .fluentform button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "DM Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 16px 28px !important;
  border: none !important;
  border-radius: var(--awaken-radius-sm) !important;
  background: var(--awaken-mocha) !important;
  color: var(--awaken-cream-light) !important;
  box-shadow: none;
  cursor: pointer;
  transition: background var(--awaken-transition-base),
              transform var(--awaken-transition-base),
              box-shadow var(--awaken-transition-base);
}

.eve-contact-section .fluentform .ff-btn-submit:hover,
.eve-contact-section .fluentform button[type="submit"]:hover {
  background: var(--awaken-mocha-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(58, 46, 38, 0.12);
}

/* Fehler- und Erfolgsmeldungen */

.eve-contact-form .fluentform .error,
.eve-contact-form .fluentform .text-danger,
.eve-contact-form .fluentform .ff-el-is-error .error {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: var(--awaken-mocha-dark);
}

.eve-contact-form .fluentform .ff-el-is-error input,
.eve-contact-form .fluentform .ff-el-is-error textarea,
.eve-contact-form .fluentform .ff-el-is-error select {
  border-color: var(--awaken-mocha) !important;
}

.eve-contact-form .ff-message-success {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: var(--awaken-charcoal);
  background: var(--awaken-cream-light) !important;
  border: 1px solid var(--awaken-sand) !important;
  border-radius: var(--awaken-radius-sm);
  padding: 1.25rem 1.5rem;
}

/* -------------------------------------------------------------------------
   4. STIMMEN – GLOBALE SEKTION MIT SANFTER ROTATION
   Wiederverwendbar (Kontakt, Startseite, weitere Seiten).
   Ohne JS werden alle Zitate untereinander angezeigt (Progressive Enhancement).
   ------------------------------------------------------------------------- */

.eve-voices-section {
  background: var(--awaken-cream);
  padding: 3rem var(--awaken-space-desktop) 5rem;
}

.eve-voices-shell {
  width: 100%;
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

.eve-voices-shell .eve-about-eyebrow {
  margin: 0 0 1.25rem;
}

.eve-voices-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(30px, 3.4vw, 44px);
  font-weight: 500;
  line-height: 1.12;
  color: var(--awaken-charcoal);
  margin: 0 0 2.5rem;
}

.eve-voices-track {
  position: relative;
}

.eve-voice {
  padding: 0 0.5rem;
}

.eve-voice__quote {
  font-family: "Playfair Display", serif;
  font-size: 19px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.5;
  color: var(--awaken-charcoal);
  margin: 0 0 1rem;
}

.eve-voice__quote:before {
  content: "\201E";
}

.eve-voice__quote:after {
  content: "\201C";
}

.eve-voice__author {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--awaken-muted);
  margin: 0;
}

/* Slider-Modus – wird per JS aktiviert (Klasse .is-slider) */

.eve-voices-track.is-slider {
  min-height: 190px;
  display: grid;
}

.eve-voices-track.is-slider .eve-voice {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity var(--awaken-transition-slow),
              transform var(--awaken-transition-slow),
              visibility var(--awaken-transition-slow);
}

.eve-voices-track.is-slider .eve-voice.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Dots – per JS erzeugt */

.eve-voices-dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1.5rem 0 0;
}

.eve-voices-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: var(--awaken-radius-pill);
  background: var(--awaken-taupe-light);
  opacity: 0.5;
  cursor: pointer;
  transition: opacity var(--awaken-transition-fast),
              background var(--awaken-transition-fast);
}

.eve-voices-dot:hover {
  opacity: 0.8;
}

.eve-voices-dot.is-active {
  background: var(--awaken-mocha);
  opacity: 1;
}

.eve-voices-link {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  margin: 2rem 0 0;
}

.eve-voices-link a {
  color: var(--awaken-taupe);
  text-decoration: none;
  border-bottom: 1px solid rgba(166, 139, 110, 0.4);
  padding-bottom: 2px;
  transition: color var(--awaken-transition-fast),
              border-color var(--awaken-transition-fast);
}

.eve-voices-link a:hover,
.eve-voices-link a:focus-visible {
  color: var(--awaken-mocha);
  border-bottom-color: var(--awaken-mocha);
}

@media (prefers-reduced-motion: reduce) {
  .eve-voices-track.is-slider .eve-voice {
    transition: none;
  }
}

/* -------------------------------------------------------------------------
   5. RESPONSIVE
   ------------------------------------------------------------------------- */

@media (max-width: 1200px) {
  .eve-contact-grid {
    gap: 2.5rem;
  }
}

@media (max-width: 900px) {
  .eve-contact-hero {
    padding: 1.5rem var(--awaken-space-tablet) 2rem;
  }

  .eve-contact-hero__title {
    font-size: 32px;
    line-height: 1.05;
  }

  .eve-contact-section {
    padding: 2rem var(--awaken-space-tablet) 3rem;
  }

  .eve-contact-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .eve-contact-channels {
    padding: 2rem 1.5rem 1.75rem;
  }

  .eve-contact-section .fluentform .ff-btn-submit,
  .eve-contact-section .fluentform button[type="submit"] {
    width: 100%;
  }

  .eve-voices-section {
    padding: 2rem var(--awaken-space-tablet) 3rem;
  }

  .eve-voices-title {
    font-size: 30px;
    margin-bottom: 2rem;
  }

  .eve-voices-track.is-slider {
    min-height: 220px;
  }
}

@media (max-width: 520px) {
  .eve-contact-hero {
    padding-inline: var(--awaken-space-mobile);
  }

  .eve-contact-section,
  .eve-voices-section {
    padding-inline: var(--awaken-space-mobile);
  }

  .eve-contact-hero__text,
  .eve-contact-channel__link {
    font-size: 14px;
  }

  .eve-voice__quote {
    font-size: 17px;
  }
}

/* ===================== ENDE PATCH v11 ===================== */

/* ============================================================
   Eve & Bloom — Awaken Child · Patch v9
   Behebt: gleiche Karten (#12/#15b), Section-Kontrast (#14b/#15c),
           Mein-Weg-Schritte (#7b), Mobile-Navigation (#8)
   Am Ende der style.css des Child-Themes einfügen.
   ============================================================ */

/* ---------- 1. Flächen-Töne ------------------------------------
   Ein sichtbarer Schritt zwischen Basis und Wechselfläche.
   Nur hier drehen, wenn der Kontrast zu stark/schwach wirkt.     */
:root {
  --eve-surface:      #F2ECE0;  /* Basis / Seitenhintergrund     */
  --eve-surface-alt:  #E8DDCB;  /* Wechselnde Abschnitte         */
  --eve-surface-card: #FBF8F2;  /* Karten auf beiden Flächen     */
  --eve-line:         rgba(58, 46, 38, .12);
  --eve-line-soft:    rgba(58, 46, 38, .07);
  --eve-ink:          #3A2E26;
  --eve-accent:       #7D6350;
  --eve-shadow:       0 1px 2px rgba(58,46,38,.04), 0 8px 24px rgba(58,46,38,.05);
}

/* ---------- 2. Abschnitte deutlich absetzen ---------------------
   Rhythmus: Hero (Basis) ? Inhalt (Basis) ? Wechsel (alt) ? …    */
.eve-story-section,
.eve-focus-section,
.eve-programme-pricing-section,
.eve-programme-news-section,
.eve-why-who-section,
.eve-why-ease-section,
.eve-voices-section,
.eve-course-body.is-benefits {
  background-color: var(--eve-surface-alt);
}

.eve-about-hero,
.eve-programme-hero,
.eve-why-hero,
.eve-contact-hero,
.eve-course-hero,
.eve-programme-grid-section,
.eve-why-change-section,
.eve-course-body,
.eve-contact-section {
  background-color: var(--eve-surface);
}

/* Weicher Übergang zwischen zwei gleichfarbigen Abschnitten */
.eve-course-body + .eve-course-body.is-benefits,
.eve-why-change-section + .eve-why-ease-section {
  border-top: 1px solid var(--eve-line-soft);
}

/* ---------- 3. Karten-Raster: gleiche Breite UND Höhe -----------
   Ursache der ungleichen Bubbles: Spalten wurden inhaltsbasiert
   verteilt und Karten oben ausgerichtet. Beides wird hier fix.   */
.eve-programme-pricing-grid,
.eve-why-who-grid,
.eve-focus-list,
.eve-philosophy-principles,
.eve-story-steps,
.eve-programme-grid,
.eve-voices-track {
  display: grid;
  align-items: stretch;      /* gleiche Höhe   */
  justify-items: stretch;    /* gleiche Breite */
  gap: clamp(16px, 2vw, 28px);
}

.eve-programme-pricing-grid,
.eve-why-who-grid,
.eve-focus-list,
.eve-philosophy-principles,
.eve-voices-track {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.eve-story-steps,
.eve-programme-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Karten selbst: volle Höhe, Inhalt oben, CTA unten verankert */
.eve-programme-price,
.eve-why-who-item,
.eve-focus-item,
.eve-philosophy-principle,
.eve-story-step,
.eve-programme-card,
.eve-voice {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;              /* verhindert Überlaufen langer Wörter */
}

.eve-programme-card .wp-block-buttons,
.eve-course-info .wp-block-buttons {
  margin-top: auto;
}

/* Karten-Optik: auf beiden Flächen klar erkennbar */
.eve-programme-price,
.eve-why-who-item,
.eve-programme-card,
.eve-voice {
  background-color: var(--eve-surface-card);
  border: 1px solid var(--eve-line-soft);
  border-radius: 14px;
  padding: clamp(20px, 2.2vw, 30px);
  box-shadow: var(--eve-shadow);
}

/* ---------- 4. „Mein Weg“: Schritte als eigenständige Etappen ---
   Vorher blasse Textspalten – jetzt lesbare Timeline-Karten.     */
.eve-story-steps {
  margin-top: clamp(40px, 5vw, 72px);
  counter-reset: eve-step;
}

.eve-story-step {
  position: relative;
  background-color: var(--eve-surface-card);
  border: 1px solid var(--eve-line-soft);
  border-radius: 14px;
  padding: clamp(20px, 2.2vw, 28px);
  padding-top: clamp(26px, 2.6vw, 34px);
  box-shadow: var(--eve-shadow);
}

/* Akzentlinie oben – macht die Abfolge sichtbar */
.eve-story-step::before {
  content: "";
  position: absolute;
  top: 0; left: clamp(20px, 2.2vw, 28px); right: clamp(20px, 2.2vw, 28px);
  height: 2px;
  background-color: var(--eve-accent);
  opacity: .35;
}

.eve-story-step__num {
  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  line-height: 1;
  color: var(--eve-accent);
  opacity: .55;
  margin: 0 0 .5rem;
}

.eve-story-step__title {
  font-weight: 600;
  color: var(--eve-ink);
  margin: 0 0 .4rem;
}

.eve-story-step__text {
  margin: 0;
  opacity: .8;
}

/* ---------- 5. Mobile Navigation -------------------------------
   Problem: Einträge mit Untermenü (Programme) wurden von der
   bestehenden Regel nicht erfasst und fielen auf Blocksy-Defaults
   zurück – groß, fett, weiß. Hier vereinheitlicht.               */
#offcanvas .mobile-menu li a,
#offcanvas .mobile-menu li .ct-menu-link,
.ct-panel .mobile-menu li a,
.ct-panel .mobile-menu li .ct-menu-link {
  font-family: inherit;
  font-size: .95rem !important;
  font-weight: 500 !important;
  line-height: 1.4;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: rgba(242, 236, 224, .88) !important;
  padding-block: .85rem;
}

#offcanvas .mobile-menu li a:hover,
#offcanvas .mobile-menu li .current-menu-item > a,
.ct-panel .mobile-menu li a:hover {
  color: #FFFFFF !important;
}

/* Aktiver Eintrag: dezent markiert statt optisch dominant */
#offcanvas .mobile-menu .current-menu-item > a,
.ct-panel .mobile-menu .current-menu-item > a {
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(242, 236, 224, .28);
}

/* Trennlinien für ruhige Struktur */
#offcanvas .mobile-menu > li + li,
.ct-panel .mobile-menu > li + li {
  border-top: 1px solid rgba(242, 236, 224, .10);
}

/* Untermenü-Pfeil auf Textgröße bringen */
#offcanvas .mobile-menu .ct-toggle-dropdown-mobile,
.ct-panel .mobile-menu .ct-toggle-dropdown-mobile {
  color: rgba(242, 236, 224, .70) !important;
  transform: scale(.85);
}

/* Untermenü-Einträge: eingerückt, eine Stufe leiser */
#offcanvas .mobile-menu .sub-menu li a,
.ct-panel .mobile-menu .sub-menu li a {
  font-size: .85rem !important;
  letter-spacing: .06em;
  padding-left: 1.1rem;
  opacity: .82;
}

/* ---------- 6. Fließtext auf Kursseiten entzerren ---------------
   Neue Klassen aus Eves überarbeiteten Texten. Geben der langen
   Textspalte Rhythmus, statt alles gleich aussehen zu lassen.    */

/* Einstiegsfrage / Aufhänger – größer, ruhiger */
.eve-course-lead {
  font-size: clamp(1.15rem, 1.6vw, 1.45rem);
  line-height: 1.5;
  color: var(--eve-ink);
  margin-bottom: 1.4em;
}

/* Kernsatz – abgesetzt, aber ohne Schreierei */
.eve-course-quote {
  margin: 1.8em 0;
  padding-left: 1.1em;
  border-left: 2px solid var(--eve-accent);
  font-style: italic;
  font-size: clamp(1.05rem, 1.3vw, 1.2rem);
  color: var(--eve-accent);
}

/* Rechtlicher Hinweis – bewusst leise am Abschnittsende */
.eve-course-disclaimer {
  margin-top: 2.5em;
  padding-top: 1.2em;
  border-top: 1px solid var(--eve-line);
  font-size: .82rem;
  line-height: 1.6;
  opacity: .68;
  max-width: 70ch;
}

/* Etwas Luft zwischen den Textblöcken der Kursseiten */
.eve-course-body__text > p + p {
  margin-top: 1.05em;
}

.eve-course-benefits-title {
  margin-top: 2.2em;
}

/* ---------- 7. Responsive --------------------------------------- */
@media (max-width: 1024px) {
  .eve-story-steps,
  .eve-programme-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .eve-programme-pricing-grid,
  .eve-why-who-grid,
  .eve-focus-list,
  .eve-philosophy-principles,
  .eve-voices-track,
  .eve-story-steps,
  .eve-programme-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ============================================================
   Eve & Bloom — Awaken Child · Patch v9.1  (Korrektur zu v9)
   Basiert auf DOM-Analyse der Live-Seite, nicht mehr auf Annahmen.
   Ans Ende der style.css, NACH Patch v9.
   ============================================================ */

/* ---------- Befund ---------------------------------------------
   Im Off-Canvas-Menü liegt der Link NICHT direkt unter dem <li>,
   sobald der Eintrag ein Untermenü hat (Blocksy schiebt bei
   "Programme" einen Wrapper mit dem Dropdown-Button dazwischen).

   Dadurch greift die bestehende Regel
       .ct-header .menu-item > a  { letter-spacing: .18em !important }
   bei allen Einträgen AUSSER "Programme".

   Das war auch die eigentliche Ursache des ursprünglichen Problems:
   "Programme" fiel komplett aus dem Selektor und landete auf den
   Blocksy-Defaults — groß, fett, weiß. v9 hat Größe/Gewicht/Farbe
   bereits eingefangen; hier fehlt nur noch die Laufweite.
   --------------------------------------------------------------- */

/* 1. Laufweite vereinheitlichen — 0.18em ist der Site-Standard.
      !important ist hier nötig, um die bestehende Regel zu schlagen. */
#offcanvas .mobile-menu li a,
#offcanvas .mobile-menu li .ct-menu-link,
.ct-panel .mobile-menu li a,
.ct-panel .mobile-menu li .ct-menu-link {
  letter-spacing: .18em !important;
}

/* Untermenü minimal enger — bleibt bewusst dicht am Standard */
#offcanvas .mobile-menu .sub-menu li a,
.ct-panel .mobile-menu .sub-menu li a {
  letter-spacing: .14em !important;
}

/* 2. Trennlinien reparieren.
      In v9 stand `.mobile-menu > li + li` — das trifft NICHTS,
      weil die <li> in einem klassenlosen <ul> unter der <nav>
      liegen (verifiziert: 0 Treffer vs. 9 Treffer). */
#offcanvas .mobile-menu ul > li + li,
.ct-panel .mobile-menu ul > li + li {
  border-top: 1px solid rgba(242, 236, 224, .10);
}

/* Untermenü-Einträge brauchen keine eigene Trennlinie */
#offcanvas .mobile-menu .sub-menu > li + li,
.ct-panel .mobile-menu .sub-menu > li + li {
  border-top: 0;
}

/* ---------- 3. Kartentitel-Ausrichtung (Programme-Übersicht) ----
   Die vier Karten sind seit v9 gleich hoch und breit, aber die
   Titel brechen unterschiedlich um (1 bis 3 Zeilen). Dadurch
   starten Tagline und Text auf verschiedenen Höhen.
   Eine Mindesthöhe für den Titel bringt sie auf eine Linie.       */
.eve-programme-card__title {
  min-height: 2.4em;      /* ˜ zwei Zeilen */
  display: flex;
  align-items: flex-end;
  margin-bottom: .5rem;
}

.eve-programme-card__tagline {
  min-height: 3.2em;      /* fängt zwei- bis dreizeilige Taglines ab */
}

@media (max-width: 780px) {
  /* Einspaltig braucht es keine künstliche Höhe */
  .eve-programme-card__title,
  .eve-programme-card__tagline {
    min-height: 0;
    display: block;
  }
}

/* ============================================================
   Eve & Bloom — Awaken Child · Patch v9.2
   Eine Zeile Nachtrag zu v9.1. Ans Ende der Child-style.css.
   ============================================================ */

/* Befund: In der style.css steht bereits eine Regel
       .ct-header .menu-item, .ct-header .menu-item > a, … { border: … !important }
   die alle Menü-Item-Rahmen mit !important plattmacht. Meine
   Trennlinien-Regel aus v9.1 matcht zwar korrekt, verliert aber
   den Spezifitäts-Kampf. Deshalb hier ebenfalls !important.

   Verifiziert am Live-DOM: Laufweite und Schriftgröße sitzen nach
   v9.1 bereits korrekt (alle Hauptlinks 0.18em, inkl. „Programme"),
   nur die Trennlinien fehlten noch. */

#offcanvas .mobile-menu ul > li + li,
.ct-panel .mobile-menu ul > li + li {
  border-top: 1px solid rgba(242, 236, 224, .10) !important;
}

#offcanvas .mobile-menu .sub-menu > li + li,
.ct-panel .mobile-menu .sub-menu > li + li {
  border-top: 0 !important;
}


/* ============================================================
   Eve & Bloom — Awaken Child · Patch v9.3
   Ans Ende der Child-style.css, NACH v9.2.

   Behebt drei Befunde aus dem Screenshot-Durchgang vom 22.08.:
   ungleiche Textebenen in den Kurs-Kacheln, das viel zu groß
   gesetzte Datum in den Aktuelles-Einträgen, und den zu schmalen,
   linksbündigen STIMMEN-Bereich.
   ============================================================ */


/* ---------- 1. Kurs-Kacheln: alles auf eine Ebene ------------
   v9.1 hatte min-height: 2.4em auf dem Titel — ausgelegt auf zwei
   Zeilen. "Deine Reise zu dir & deinem Baby" braucht drei, deshalb
   rutschen Tagline und Text dieser Kachel nach unten.
   3.6em fängt auch den dreizeiligen Fall ab.                    */

.eve-programme-card__title {
  min-height: 3.6em;
  display: flex;
  align-items: flex-end;
  margin-bottom: .5rem;
}

.eve-programme-card__tagline {
  min-height: 4.2em;
  display: flex;
  align-items: flex-start;
}

/* Der Button sitzt bündig am unteren Rand, unabhängig von der
   Textlänge darüber. Braucht eine Flex-Spalte auf der Karte. */
.eve-programme-card {
  display: flex;
  flex-direction: column;
}

.eve-programme-card__actions,
.eve-programme-card .wp-block-buttons {
  margin-top: auto;
}


/* ---------- 2. Aktuelles-Einträge ----------------------------
   Das Datum trägt zusätzlich die Klasse eve-story-step__num,
   damit der Bereich ohne eigenes CSS nicht nackt aussieht. Die
   Klasse ist aber für Ziffern wie "01" gedacht — als Datum wird
   sie viel zu groß und bricht um. Hier zurückgesetzt.           */

.eve-news-item__date.eve-story-step__num,
.eve-news-item__date {
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
  opacity: .7;
  margin-bottom: .75rem;
  min-height: 2.8em;      /* zweizeilige Daten brechen nicht aus */
}

.eve-news-item__title {
  min-height: 2.6em;
  display: flex;
  align-items: flex-end;
}

.eve-news-item {
  display: flex;
  flex-direction: column;
}

.eve-news-item .wp-block-buttons {
  margin-top: auto;
}

/* Einträge gleich breit verteilen statt links zusammenzudrängen */
.eve-news-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
  align-items: stretch;
}


/* ---------- 3. STIMMEN: breiter und mittig -------------------
   Der Slider zeigt eine schmale Karte am linken Rand. Die Spur
   bekommt eine Mitte, die Karte mehr Breite und einen ruhigeren
   Zeilenfall.                                                   */

.eve-voices-track {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.eve-voice {
  flex: 1 1 300px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.eve-voice__quote {
  text-wrap: pretty;      /* verhindert einzelne Wörter am Zeilenende */
  margin-bottom: 1.25rem;
}

.eve-voice__author {
  margin-top: auto;
}

@media (max-width: 780px) {
  /* Einspaltig braucht es keine künstlichen Höhen */
  .eve-programme-card__title,
  .eve-programme-card__tagline,
  .eve-news-item__title,
  .eve-news-item__date {
    min-height: 0;
    display: block;
  }
}


/* ================================================================
   TOUCH-ZIELE — WCAG 2.5.8 (Zielgröße Minimum)
   Am Live-DOM bei 390 px gemessen. Sollwert 44 x 44 px.
     Burger-Knopf        war 38 x 38
     Schließen-Knopf     war 32 x 32
     Menülinks           waren 37 hoch
     Formularfelder      waren 40 hoch
   ================================================================ */

@media (max-width: 999.98px) {

  .ct-header-trigger {
    min-width: 44px;
    min-height: 44px;
  }

  #offcanvas .ct-toggle-close,
  #offcanvas [class*="toggle-close"] {
    min-width: 44px;
    min-height: 44px;
  }

  #offcanvas .menu-item > a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .eve-contact-form .fluentform input[type="text"],
  .eve-contact-form .fluentform input[type="email"],
  .eve-contact-form .fluentform input[type="tel"],
  .eve-contact-form .fluentform input[type="number"] {
    min-height: 44px;
  }
}

/* ================================================================
   v10.1 — Nachtrag vom 23.08.2026
   Drei Korrekturen, jede vor dem Schreiben am Live-DOM getestet.
   ================================================================ */

/* ---------- 1) STIMMEN: Karte im Slider war zu schmal ----------
   Der Track rechnete drei Spalten à 257 px nebeneinander, während
   der Slider alle drei Karten übereinanderlegt. Sichtbar war
   dadurch nur eine 257 px schmale Karte am linken Rand.
   Jetzt: eine Spalte, Track auf 640 px begrenzt und zentriert.
   Der Durchswipen-Mechanismus bleibt unberührt.              */

.eve-voices-track.is-slider {
  grid-template-columns: 1fr;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.eve-voices-track.is-slider .eve-voice {
  width: 100%;
  max-width: none;
}

/* ---------- 2) „Warum Meditation": Panel klebte oben ----------
   .eve-why-ease-section hatte padding-bottom 80px, oben aber 0.
   Der dunkle Kasten saß deshalb ohne Luft an der Sektion davor. */

.eve-why-ease-section {
  padding-top: 80px;
}

/* ---------- 3) Kursort: Kartenplatzhalter war zusammengefallen --
   Vor dem Klick enthält der Kasten nur Hinweis, Knopf und
   Alternativlink — zusammen 97 px hoch, linksbündig. Das sah aus
   wie ein Fehler statt wie eine Karte, die noch lädt.
   Jetzt: 320 px Fläche, zentriert, als Karte erkennbar.
   Nach dem Klick (.is-loaded) räumt sich das wieder weg, damit
   das iframe die volle Fläche bekommt.                         */

.eve-map {
  min-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 32px;
  text-align: center;
  background: var(--eve-surface-card);
  border: 1px solid var(--eve-line);
  border-radius: 20px;
}

.eve-map__hint,
.eve-map__alt {
  max-width: 52ch;
}

.eve-map__btn {
  min-height: 44px;
  padding-left: 24px;
  padding-right: 24px;
}

.eve-map.is-loaded {
  display: block;
  min-height: 0;
  padding: 0;
  border: 0;
}

/* ================================================================
   v10.2 — zweiter Nachtrag, ebenfalls vorab am Live-DOM getestet
   ================================================================ */
 
/* ---------- 4) Karte blieb nach dem Laden winzig ----------------
   Gemessen: das iframe kam mit 304 x 154 px an. Die Regel, die es
   auf volle Breite zieht, fehlte im ausgelieferten Stylesheet.
   Hier steht sie jetzt verbindlich.
   Ergebnis nach dem Fix: 1280 x 397 px.                        */
 
.eve-map.is-loaded {
  overflow: hidden;
}
 
.eve-map.is-loaded iframe {
  display: block;
  width: 100%;
  height: clamp(320px, 42vh, 460px);
  border: 0;
}
 
/* ---------- 5) „Mein Weg": Bild und Textspalte im Gleichgewicht -
   Das Bild trug inline width:340px und aspect-ratio:3/4 aus dem
   Pattern. In einer 616 px breiten Spalte blieb rechts daneben
   Leerraum, und die Spalte lief tiefer als der Text gegenüber.
   Jetzt volle Spaltenbreite im Querformat.
   Gemessen: Bild 616 x 462, beide Spalten exakt 548 hoch.
   Das !important ist nötig, weil Gutenberg die Maße inline setzt. */
 
.eve-story-image img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover;
  object-position: center 35%;
  border-radius: 14px;
}
 
/* ---------- 6) Schritt-Karten: Hover ergänzt --------------------
   Die Karten hatten transition: all gesetzt, aber keinen
   Hover-Zustand — die Überblendung lief also ins Leere.        */
 
.eve-story-step {
  transition: transform .25s ease, box-shadow .25s ease;
}
 
.eve-story-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 4px rgba(58, 46, 38, .06),
              0 14px 32px rgba(58, 46, 38, .10);
}
 
/* ================================================================
   v10.3 — dritter Nachtrag, am Live-DOM getestet
   ================================================================ */
 
/* ---------- 7) Seitenfläche an die Basisfläche angleichen -------
   Der Body trug #EFEAE0, die Basis-Abschnitte #F2ECE0. Zwei fast
   gleiche Töne, aber eben nicht derselbe. Sichtbar wurde das im
   Kopfbereich: der Header ist transparent, dort schien der
   Body-Ton durch und setzte sich minimal vom Hero ab.        */
 
body {
  background-color: var(--eve-surface);
}
 
/* ---------- 8) Abschnitt bewusst zurückdrehen -------------------
   Ab „Über Eve" standen drei Wechselflächen hintereinander, weil
   Story, Stimmen und Abschluss alle auf --eve-surface-alt liegen.
 
   Wickelt man einen Abschnitt in eine Gruppe mit der Klasse
   eve-flip, kommt er auf die Basisfläche zurück und der Wechsel
   stimmt wieder. Das funktioniert auch bei geteilten Patterns,
   die auf anderen Seiten unverändert bleiben sollen.
 
   display:contents ist nötig, damit die Hülle die alignfull-
   Breite des Abschnitts nicht bricht.                          */
 
.eve-flip {
  display: contents;
}
 
.eve-flip .eve-voices-section,
.eve-flip .eve-story-section,
.eve-flip .eve-focus-section,
.eve-flip .eve-why-ease-section,
.eve-flip .eve-why-who-section {
  background-color: var(--eve-surface);
}
 
/* ================================================================
   v10.3 — dritter Nachtrag, am Live-DOM getestet
   ================================================================ */
 
/* ---------- 7) Seitenfläche an die Basisfläche angleichen -------
   Der Body trug #EFEAE0, die Basis-Abschnitte #F2ECE0. Zwei fast
   gleiche Töne, aber eben nicht derselbe. Sichtbar wurde das im
   Kopfbereich: der Header ist transparent, dort schien der
   Body-Ton durch und setzte sich minimal vom Hero ab.        */
 
body {
  background-color: var(--eve-surface);
}
 
/* ---------- 8) Abschnitt bewusst zurückdrehen -------------------
   Ab „Über Eve" standen drei Wechselflächen hintereinander, weil
   Story, Stimmen und Abschluss alle auf --eve-surface-alt liegen.
 
   Wickelt man einen Abschnitt in eine Gruppe mit der Klasse
   eve-flip, kommt er auf die Basisfläche zurück und der Wechsel
   stimmt wieder. Das funktioniert auch bei geteilten Patterns,
   die auf anderen Seiten unverändert bleiben sollen.
 
   display:contents ist nötig, damit die Hülle die alignfull-
   Breite des Abschnitts nicht bricht.                          */
 
.eve-flip {
  display: contents;
}
 
.eve-flip .eve-voices-section,
.eve-flip .eve-story-section,
.eve-flip .eve-focus-section,
.eve-flip .eve-why-ease-section,
.eve-flip .eve-why-who-section {
  background-color: var(--eve-surface);
}


/* ================================================================
   v10.4 — vierter Nachtrag, am Live-DOM getestet
   ================================================================ */
 
/* ---------- 9) Wechselfläche bewusst setzen --------------------
   Gegenstück zu .eve-flip: dreht einen Abschnitt auf die
   Wechselfläche, auch wenn er von Haus aus auf der Basis liegt. */
 
.eve-tone-alt {
  background-color: var(--eve-surface-alt);
}
 
/* ---------- 10) STIMMEN: Zitat saß zu weit oben ----------------
   Die Karte hatte rundum 30 px Innenabstand. Oben wirkt das zu
   knapp, weil das Zitat direkt unter der Kartenkante beginnt.  */
 
.eve-voice {
  padding-top: 44px;
}
 
/* ---------- 11) Roter Faden durch die Schritte -----------------
   Eine feine Linie über den vier Karten, an jeder Karte ein
   Punkt. Verbindet die Schritte optisch zu einer Abfolge, statt
   sie als vier gleichrangige Kacheln stehen zu lassen.
 
   Der Punkt bekommt einen Ring in der Sektionsfarbe, damit die
   Linie sauber hinter ihm abbricht.                            */
 
.eve-story-steps {
  position: relative;
  padding-top: 30px;
  margin-top: 3rem;
}
 
.eve-story-steps::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 6%;
  right: 6%;
  height: 1px;
  background: var(--eve-accent);
  opacity: .35;
}
 
.eve-story-step {
  position: relative;
}
 
.eve-story-step::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--eve-accent);
  box-shadow: 0 0 0 5px var(--eve-surface-alt);
}
 
/* Auf schmalen Schirmen stehen die Karten untereinander,
   dort ergibt die waagerechte Linie keinen Sinn mehr. */
@media (max-width: 767.98px) {
  .eve-story-steps::before,
  .eve-story-step::before {
    display: none;
  }
  .eve-story-steps {
    padding-top: 0;
  }
}
 /* ================================================================
   v10.5 — fünfter Nachtrag, am Live-DOM getestet
   ================================================================ */
 
/* ---------- 12) Flächen-Werkzeuge greifen jetzt allgemein ------
   .eve-flip und .eve-tone-alt kannten bisher nur eine feste Liste
   von Abschnittsklassen. Jetzt wirken sie auf jeden eve-Abschnitt
   in ihrem Inneren, damit man sie überall einsetzen kann.
 
   Die höhere Spezifität (zwei Klassen) schlägt die Grundregel,
   die die Wechselflächen setzt.                                 */
 
.eve-flip > [class*="eve-"],
.eve-flip [class*="-section"] {
  background-color: var(--eve-surface);
}
 
.eve-tone-alt,
.eve-tone-alt > [class*="eve-"],
.eve-tone-alt [class*="-section"] {
  background-color: var(--eve-surface-alt);
}
 
/* ---------- 13) Kursseiten: „Für wen" klebte an der Farbkante --
   Gemessen: .eve-course-body.is-benefits hatte padding-top 0, die
   Eyebrow saß exakt 1 px unter dem Farbwechsel. Dadurch wirkte die
   Überschrift wie an die Kante geklebt statt in den Abschnitt
   gesetzt. Unten standen dagegen 64 px.
 
   Betrifft alle vier Kursseiten, weil alle dieselbe Klasse nutzen. */
 
.eve-course-body.is-benefits {
  padding-top: 64px;
}
 
.eve-course-body:not(.is-benefits) {
  padding-top: 40px;
}