/* ==========================================================================
   Your Place – Rechtstexte (AGB, Impressum, Datenschutzerklärung)
   Ergänzung zu yourplace.css, wird NUR von den Rechtsseiten geladen.
   Eigene Datei und eigene Klassennamen (.legal-…), damit Startseite und
   Buchungsseite unverändert bleiben. Farben, Schriften und Abstände
   kommen aus den Variablen von yourplace.css.
   ========================================================================== */

/* Inhaltsfläche unter der dunklen Titelzeile */
.legal-body { padding-block: clamp(36px, 4.5vw, 64px) clamp(56px, 7vw, 96px); background: var(--white); }

/* Lesbare Zeilenlänge: rund 70 Zeichen */
.legal-prose { max-width: 70ch; font-size: 16.5px; line-height: 1.75; color: var(--text); overflow-wrap: break-word; }
.legal-prose > :first-child { margin-top: 0; }
.legal-prose > :last-child { margin-bottom: 0; }

.legal-prose h2 { margin: 2em 0 .55em; padding-top: 1.15em; border-top: 1px solid var(--line); font-family: var(--serif); font-size: clamp(22px, 2.2vw, 27px); font-weight: 600; line-height: 1.2; color: var(--ink); }
.legal-prose > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.legal-prose h3 { margin: 1.8em 0 .45em; font-size: 18px; font-weight: 700; line-height: 1.35; color: var(--ink); }
.legal-prose h4 { margin: 1.45em 0 .35em; font-size: 16.5px; font-weight: 700; line-height: 1.45; color: var(--ink); }
.legal-prose h2 + h3, .legal-prose h3 + h4 { margin-top: .85em; }

.legal-prose p { margin: 0 0 1.05em; }
.legal-prose ul, .legal-prose ol { margin: 0 0 1.15em; padding-left: 1.35em; }
.legal-prose li { margin: .4em 0; padding-left: .2em; }
.legal-prose li::marker { color: var(--gold-ink); }
.legal-prose strong, .legal-prose b { font-weight: 700; color: var(--ink); }
.legal-prose em { color: var(--muted); }

.legal-prose a { color: var(--ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-prose a:hover { color: var(--gold-ink); }

/* Hinweis „verbindlich ist die deutsche Fassung“ – steht nur auf den englischen und dänischen
   Rechtsseiten; die deutschen Seiten benutzen die Klasse nicht und sehen unverändert aus. */
.legal-prose .legal-note { margin: 0 0 1.9em; padding: 14px 16px; border-left: 3px solid var(--gold); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--tint); font-size: 15.5px; line-height: 1.6; color: var(--muted); }
.legal-prose .legal-note a { color: var(--ink); }
/* Die erste Überschrift nach dem Hinweis steht wie auf der deutschen Seite ohne Trennlinie darüber. */
.legal-prose .legal-note + h2 { margin-top: 0; padding-top: 0; border-top: 0; }

@media (max-width: 560px) {
  .legal-prose { font-size: 16px; line-height: 1.7; hyphens: auto; -webkit-hyphens: auto; }
  .legal-prose h2 { font-size: 21px; }
  .legal-prose h3 { font-size: 17px; }
  .legal-prose .legal-note { font-size: 15px; padding: 12px 14px; }
}