/**
 * Marketing — helle Serenia-Zonen (V3 Light)
 * Wendet warme Creme-Flächen auf Reise-, Angebots- und Buchungssektionen an.
 */
.mkt-section.mkt-section--serenia {
  --mkt-serenia-bg: #f4efe6;
  --mkt-serenia-surface: #faf7f2;
  --mkt-serenia-ink: #1c2634;
  --mkt-serenia-muted: #5c6778;
  --mkt-serenia-gold: #b8923a;
  --mkt-serenia-teal: #4a7d87;

  position: relative;
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
  box-sizing: border-box;
  background: linear-gradient(180deg, var(--mkt-serenia-bg) 0%, #ebe4d6 100%);
  color: var(--mkt-serenia-ink);
}

.mkt-section.mkt-section--serenia::before {
  background-image:
    radial-gradient(ellipse 85% 55% at 50% 0%, rgba(201, 168, 76, 0.14), transparent 62%),
    radial-gradient(ellipse 55% 45% at 90% 85%, rgba(90, 143, 154, 0.08), transparent 55%);
  opacity: 1;
}

.mkt-section.mkt-section--serenia .mkt-section-head h2,
.mkt-section.mkt-section--serenia .mkt-section-head h2 span {
  color: var(--mkt-serenia-ink);
}

.mkt-section.mkt-section--serenia .mkt-section-head h2 span {
  color: var(--mkt-serenia-gold);
}

.mkt-section.mkt-section--serenia .mkt-sub,
.mkt-section.mkt-section--serenia .mkt-lead {
  color: var(--mkt-serenia-muted);
}

.mkt-section.mkt-section--serenia .mkt-journey-route span:first-child {
  color: #6b5b7a;
}

.mkt-section.mkt-section--serenia .mkt-journey-route span:last-child {
  color: var(--mkt-serenia-gold);
}

.mkt-section.mkt-section--serenia .mkt-journey-route-line {
  background: linear-gradient(90deg, #6b5b7a, var(--mkt-serenia-gold));
}

.mkt-section.mkt-section--serenia .mkt-journey-station {
  background: #ffffff;
  border-color: rgba(28, 38, 52, 0.08);
  box-shadow: 0 8px 32px rgba(28, 38, 52, 0.06);
}

.mkt-section.mkt-section--serenia .mkt-journey-station h3 {
  color: var(--mkt-serenia-ink);
}

.mkt-section.mkt-section--serenia .mkt-journey-station p {
  color: var(--mkt-serenia-muted);
}

.mkt-section.mkt-section--serenia .mkt-journey-station-world {
  color: var(--mkt-serenia-teal);
}

.mkt-section.mkt-section--serenia .mkt-journey-station-num {
  color: var(--mkt-serenia-gold);
}

.mkt-section.mkt-section--serenia .mkt-journey-hero img {
  box-shadow: 0 16px 48px rgba(28, 38, 52, 0.1);
}

.mkt-section.mkt-section--serenia .mkt-offer-card,
.mkt-section.mkt-section--serenia .mkt-challenge,
.mkt-section.mkt-section--serenia .mkt-booking-card,
.mkt-section.mkt-section--serenia .mkt-product-card {
  background: #ffffff;
  border-color: rgba(28, 38, 52, 0.08);
  box-shadow: 0 8px 32px rgba(28, 38, 52, 0.06);
}

.mkt-section.mkt-section--serenia .mkt-product-card--featured {
  border-color: rgba(184, 146, 58, 0.35);
  box-shadow: 0 12px 40px rgba(201, 168, 76, 0.12);
}

.mkt-section.mkt-section--serenia .mkt-product-card__title,
.mkt-section.mkt-section--serenia .mkt-booking-title,
.mkt-section.mkt-section--serenia .mkt-booking-title span {
  color: var(--mkt-serenia-ink);
}

.mkt-section.mkt-section--serenia .mkt-booking-title span {
  color: var(--mkt-serenia-gold);
}

.mkt-section.mkt-section--serenia .mkt-product-card__subtitle,
.mkt-section.mkt-section--serenia .mkt-product-card__meta,
.mkt-section.mkt-section--serenia .mkt-product-card__inhalt,
.mkt-section.mkt-section--serenia .mkt-product-card__bullets,
.mkt-section.mkt-section--serenia .mkt-booking-subtitle,
.mkt-section.mkt-section--serenia .mkt-booking-lead,
.mkt-section.mkt-section--serenia .mkt-booking-privacy {
  color: var(--mkt-serenia-muted);
}

.mkt-section.mkt-section--serenia .mkt-kicker {
  color: var(--mkt-serenia-gold);
}

.mkt-section.mkt-section--serenia .mkt-booking-benefit {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(28, 38, 52, 0.08);
}

.mkt-section.mkt-section--serenia .mkt-booking-benefit-label {
  color: var(--mkt-serenia-ink);
}

.mkt-section.mkt-section--serenia .mkt-booking-calendar-frame,
.mkt-section.mkt-section--serenia .mkt-date-card {
  background: #ffffff;
  border-color: rgba(28, 38, 52, 0.08);
  box-shadow: 0 8px 32px rgba(28, 38, 52, 0.06);
}

.mkt-section.mkt-section--serenia .mkt-offer-card h3,
.mkt-section.mkt-section--serenia .mkt-challenge h3 {
  color: var(--mkt-serenia-ink);
}

.mkt-section.mkt-section--serenia .mkt-offer-card p,
.mkt-section.mkt-section--serenia .mkt-challenge p,
.mkt-section.mkt-section--serenia .mkt-offer-card .mkt-offer-teaser {
  color: var(--mkt-serenia-muted);
}

.mkt-section.mkt-section--serenia .mkt-offer-num {
  color: var(--mkt-serenia-gold);
}

.mkt-section.mkt-section--serenia .mkt-btn-primary,
.mkt-section.mkt-section--serenia .btn.mkt-btn-primary {
  background: linear-gradient(135deg, #c9a84c, #a87840);
  color: #1c2634;
  box-shadow: 0 4px 20px rgba(201, 168, 76, 0.25);
}

.mkt-section.mkt-section--serenia .mkt-btn-ghost,
.mkt-section.mkt-section--serenia .btn.secondary {
  border-color: rgba(28, 38, 52, 0.14);
  color: var(--mkt-serenia-ink);
  background: rgba(255, 255, 255, 0.6);
}

.mkt-section.mkt-section--serenia .mkt-booking-note,
.mkt-section.mkt-section--serenia .mkt-faq-item p {
  color: var(--mkt-serenia-muted);
}

.mkt-section.mkt-section--serenia .mkt-faq-item {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(28, 38, 52, 0.08);
}

.mkt-section.mkt-section--serenia .mkt-faq-item summary {
  color: var(--mkt-serenia-ink);
}

.mkt-section.mkt-section--serenia + .mkt-section:not(.mkt-section--serenia) {
  margin-top: 0;
}

/* Termine & Angebote — Inhalt zentriert, kein Versatz */
.mkt-section.mkt-section--serenia.mkt-section--booking {
  max-width: 100%;
  padding-top: 56px;
  padding-bottom: 56px;
}

.mkt-section.mkt-section--serenia.mkt-section--booking .mkt-booking {
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.mkt-section.mkt-section--serenia.mkt-section--booking .mkt-date-grid {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  box-sizing: border-box;
}

.mkt-section.mkt-section--serenia#angebote .mkt-products-layout,
.mkt-section.mkt-section--serenia#angebote .mkt-product-grid {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.mkt-section.mkt-section--serenia .mkt-booking-benefit {
  min-width: 0;
}

.mkt-section.mkt-section--serenia .mkt-booking-privacy {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}