/* Pensionsgestaltung – gemeinsame Grundlage (deobald-sr 1.2.0; seit 1.4.0 in
   dieser Datei): Farbwerte des bisherigen Mariposa-Auftritts, Inhaltsseiten,
   Fragen zum Aufklappen, Kontaktseite. Wird von beiden Pensionsgestaltungen
   geladen; eckermann.css bzw. mariposa.css setzen danach die eigene Farbwelt.
   Inhalt unverändert aus der früheren mariposa.css übernommen, damit die
   Ferienwohnungen Eckermann genau so aussehen wie bisher. */

.sros-front.mp-site {
  --mp-rot: #f06161;
  --mp-rot-bedien: #cc3d3d;
  --mp-rot-link: #c43838;
  --mp-dunkelrot: #771f1f;
  --kz-paper: #f3eee9;
  --kz-paper2: #e9dfd8;
  --kz-white: #fbf8f4;
  --kz-ink: #171313;
  --kz-muted: #665e5d;
  --kz-text2: #494240;
  --kz-line: #bdb2ab;
  --kz-em: #c43838;
  --kz-deep: #771f1f;
  --kz-cta: #cc3d3d;
  --kz-cta-ink: #ffffff;
  --kz-engine-top: #f06161;
  --kz-partner-bg: #e8e2d6;
  --kz-net-active: #f6a3a3;
  --kz-foot-accent: #f6a3a3;
  --kz-focus: #771f1f;
  --kz-logo-h: 44px;
  --kz-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --sr-lb-accent: #cc3d3d;
  --t-accent: #cc3d3d;
  --t-accent-text: #b33333;
  --t-accent-soft: #fdeeee;
  --t-accent-soft-ink: #8a2525;
  --t-on-accent: #fff;
  --t-second: #771f1f;
  --t-font-body: var(--kz-sans);
  --t-base: 16px;
  --t-wrap: 1200px;
}
.mp-site .kz-booking .kz-section-head h2 em { color: #f6b0b0; }

/* ---------- Inhaltsseiten: Kopf mittig, Fragen zum Aufklappen ---------- */
.kz-site .sr-page { max-width: 960px; margin: 0 auto; padding: 70px 24px 100px; }
.mp-site .sr-page-hero:not(.has-image) { text-align: left; }
.mp-site .sr-page-hero:not(.has-image) .sr-page-hero-copy { max-width: none; margin: 0; padding: 0; }
.mp-site .sr-page-lead { font-size: var(--ty-body, 18px); }
.mp-site .sr-page-body { font-size: var(--ty-body, 17px); line-height: 1.75; }
.mp-site .sr-page-body h2 { margin-top: 1.6em; font-size: var(--ty-h3, 22px); }
.kz-site .sr-page--faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 60px; max-width: 1240px; padding-top: 140px; }
.kz-site .sr-page--faq .sr-page-hero { text-align: left; }
.kz-site .sr-page--faq .sr-page-hero { border-bottom: 0; }
.kz-site .sr-page--faq .sr-page-hero h1 { font-size: var(--ty-h2, clamp(36px, 3.6vw, 52px)); line-height: 1; }
.sr-faq-item { border-bottom: 1px solid var(--kz-line); }
.sr-faq-item summary { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 26px 0; cursor: pointer; list-style: none; color: var(--kz-ink); font-family: var(--kz-serif); font-size: var(--ty-lead, 22px); font-weight: 400; }
.sr-faq-item:first-child summary { padding-top: 6px; }
.sr-faq-item summary::-webkit-details-marker { display: none; }
.sr-faq-item summary i { position: relative; flex: 0 0 16px; height: 16px; }
.sr-faq-item summary i::before, .sr-faq-item summary i::after { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 1.5px; background: var(--kz-ink); transition: transform .2s ease; }
.sr-faq-item summary i::after { transform: rotate(90deg); }
.sr-faq-item[open] summary i::after { transform: rotate(0); }
.sr-faq-item summary:hover { color: var(--kz-em); }
.sr-faq-item > div { padding: 0 0 26px; color: var(--kz-text2, inherit); line-height: 1.75; }
.sr-faq-item > div > :first-child { margin-top: 0; }

/* Kontaktseite wie bisher: graues Band mit Telefon, darunter das Formular */
.mp-site .sr-contact { display: block; max-width: none; margin: 0; padding: 0; }
.mp-site .sr-contact-intro { max-width: none; margin: 0; padding: 70px 20px 70px; background: var(--kz-paper2); text-align: center; border-bottom: 1px solid var(--kz-ink); }
.mp-site .sr-contact-intro > .sros-eyebrow { display: none; }
.mp-site .sr-contact-intro h1 { max-width: none; text-align: center; margin: 0 0 18px; font-size: var(--ty-h2, clamp(34px, 3.4vw, 48px)); font-weight: 400; }
.mp-site .mp-contact-phone { margin: 0 0 30px; font-family: var(--kz-serif); font-size: var(--ty-title, clamp(28px, 3vw, 40px)); font-weight: 400; }
.mp-site .mp-contact-phone a { color: var(--kz-em); text-decoration: none; }
.mp-site .sr-contact-company { max-width: 760px; margin: 0 auto 24px; font-size: var(--ty-body, 17px); line-height: 1.7; }
.mp-site .sr-contact-intro address, .mp-site .sr-contact-response { display: none; }
.mp-site .sr-contact-form { max-width: 900px; margin: 70px auto 100px; padding: 0 20px; border: 0; box-shadow: none; background: none; }


/* Buchungskasten auf der Zimmerseite (extern) */
.mp-site .sr-bookbox-extern .sr-book-hint { margin: 12px 0 0; font-size: var(--ty-help, 14px); line-height: 1.5; }
@media (max-width: 960px) { .kz-site .sr-page--faq { grid-template-columns: 1fr; gap: 20px; padding-top: 30px; } }
@media (prefers-reduced-motion: reduce) { .sr-faq-item summary i::after { transition: none; } }