/* Impressum und Datenschutzerklaerung.
   Bewusst eigene Klassen statt .reef-block: dessen nummerierte Kreise und die
   verbindende Linie erzaehlen einen Ablauf in Schritten - fuer Rechtstexte ist
   das die falsche Aussage. Hier zaehlt ruhige Lesbarkeit. */

/* Der aeussere Abstand kommt bewusst weiter von .reef-body: die Rechtsseiten
   sitzen im selben Rahmen wie die uebrigen Inhaltsseiten. */
.legal-wrap{max-width:820px;}

.legal-intro{font-size:16.5px;line-height:1.8;color:#456a72;margin-bottom:38px;}

.legal-sec + .legal-sec{margin-top:34px;padding-top:34px;border-top:1px solid #dcedeb;}
.legal-sec h2{font-size:clamp(19px,2.1vw,24px);color:var(--navy);margin:0 0 14px;}
.legal-sec h3{font-size:16px;color:var(--navy);margin:22px 0 8px;}
.legal-sec p,
.legal-sec li{font-size:15.5px;line-height:1.78;color:#456a72;}
.legal-sec p + p{margin-top:12px;}
.legal-sec ul{margin:10px 0 0;padding-inline-start:22px;}
.legal-sec li + li{margin-top:7px;}
.legal-sec a{color:var(--teal);}

/* Definitionsliste fuer Anschrift, Vertretung, Registernummern */
.legal-dl{display:grid;grid-template-columns:230px minmax(0,1fr);gap:10px 22px;margin:14px 0 0;}
.legal-dl dt{font-weight:700;color:var(--navy);font-size:14.5px;}
.legal-dl dd{margin:0;font-size:15.5px;line-height:1.7;color:#456a72;}

/* Noch auszufuellende Angaben. Absichtlich laut: eine Platzhalter-Adresse, die
   unbemerkt live geht, ist schlimmer als eine sichtbare Luecke. */
.legal-todo{display:inline-block;background:#fff3f2;border:1.5px dashed #e0574c;border-radius:8px;
  padding:3px 10px;color:#b8332a;font-weight:700;font-size:14px;letter-spacing:.01em;}
.legal-note{margin-top:26px;background:#fff3f2;border:1.5px solid #f0b6b1;border-left-width:5px;
  border-radius:10px;padding:16px 20px;}
.legal-note p{color:#8c2f28;font-size:14.5px;margin:0;}
.legal-note b{color:#7a2019;}

.legal-updated{margin-top:38px;font-size:13.5px;color:#7fa3ab;}

@media(max-width:640px){
  .legal-body{padding:48px 0 64px;}
  .legal-dl{grid-template-columns:1fr;gap:4px 0;}
  .legal-dl dd{margin-bottom:12px;}
}

/* Rechts-nach-links: die Aufzaehlungszeichen und der Trennstrich muessen mit.
   padding-inline-start oben erledigt die Liste bereits selbst. */
[dir="rtl"] .legal-note{border-left-width:1.5px;border-right-width:5px;}