/* Design: Rosen (illustriert) — klassisch-elegant mit Goldakzent */
body.rosen {
  --font-headline: 'Playfair Display', 'Times New Roman', serif;
  --font-body: 'Lato', system-ui, sans-serif;
  --color-text: #5e4a3a;
  --color-akzent: #b8964a;       /* warmes Gold */
  --color-bg: #faf3e7;           /* helles Cream wie der Karten-Hintergrund */
}

/* Mehr Padding rundum — die Bouquets reichen weiter rein als beim Aquarell.
   Unten etwas extra wegen des dichten Bouquets unten-links. */
body.rosen .inhalt {
  padding: 18% 18% 22% 18%;
}

/* Playfair Display hat hohen Kontrast — Namen filigraner, mit etwas Luft */
body.rosen .namen {
  font-weight: 400;
  letter-spacing: 0.015em;
}

body.rosen .datum {
  font-style: italic;
  font-weight: 400;
}

body.rosen .ort h2 {
  font-family: var(--font-headline);
  font-weight: 400;
  letter-spacing: 0.04em;
  font-style: italic;
  text-transform: none;
  font-size: clamp(0.85rem, 2.6vw, 0.98rem);
  hyphens: none;
}

body.rosen .ort p {
  font-size: clamp(0.72rem, 2.2vw, 0.85rem);
}

body.rosen .ablauf {
  width: 116%;
}

body.rosen .ablauf .zeit {
  font-family: var(--font-body);
  font-style: normal;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: 0;
}

body.rosen .ablauf ul {
  font-size: clamp(0.74rem, 2.25vw, 0.86rem);
}

body.rosen .ablauf li {
  width: min(100%, 18.5em);
  grid-template-columns: 3.5em minmax(0, 1fr);
  gap: 0.55em;
  max-width: 18.5em;
}

body.rosen .ablauf .titel {
  min-width: 0;
}

body.rosen .rsvp-trigger {
  border-color: var(--color-akzent);
  color: var(--color-akzent);
}

/* Cover-Text auf der Vorderseite — kleine Anpassung an den Goldakzent */
body.rosen .cover-intro {
  color: #6b5239;
}
body.rosen .cover-datum {
  color: var(--color-akzent);
  font-weight: 500;
}