/* Impressum, Datenschutz und Kontakt (segeln-impressum.html, segeln-datenschutz.html,
   segeln-kontakt.html). Farben und Schriften aus segeln.css; die Seite der Karte sperrt
   das Scrollen am body, diese Seiten sind lang und scrollen. */
html,body.recht-seite{height:auto}
body.recht-seite{overflow:auto;background:var(--flaeche);margin:0;font:15px/1.6 var(--fliess);color:var(--text)}
.recht{max-width:720px;margin:0 auto;padding:16px 16px 48px}
.recht-nav{margin:4px 0 12px;font-size:14px}
.recht-nav a,.recht-fuss a{text-decoration:none}
.recht h1{font:700 24px/1.25 var(--kopf);margin:4px 0 4px}
.recht-stand{margin:0 0 12px;color:var(--leise);font-size:13px}
.recht section{background:var(--weiss);border-radius:var(--radius);box-shadow:var(--schatten);padding:16px 18px;margin:12px 0}
.recht h2{font:600 17px/1.3 var(--kopf);margin:0 0 8px}
.recht h3{font:600 15px/1.35 var(--kopf);margin:14px 0 4px}
.recht p,.recht ul{margin:0 0 10px}
.recht ul{padding-left:20px}
.recht li{margin:2px 0}
.recht address{font-style:normal}
.recht a{overflow-wrap:anywhere}
.recht-fuss{margin:20px 4px 0;font-size:13px;color:var(--leise)}

/* Kontaktformular */
.kontakt-form .f{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
.kontakt-form label{font-size:13px;color:var(--leise)}
.kontakt-form input,.kontakt-form select,.kontakt-form textarea{min-height:42px;padding:8px 10px;border:1px solid var(--rand);border-radius:var(--radius-klein);
  font:inherit;color:inherit;background:var(--weiss);box-sizing:border-box;width:100%}
.kontakt-form textarea{min-height:160px;resize:vertical}
.kontakt-form button{min-height:44px;padding:0 22px}
.kontakt-form input[type=file]{min-height:0;padding:8px 0;border:0}
.kontakt-dateien{margin:4px 0 0;padding-left:18px;font-size:13px}
.kontakt-topf{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.kontakt-meldung{margin:12px 0 0;font-weight:600}
.kontakt-meldung.ok{color:var(--gruen)}
.kontakt-meldung.fehler{color:var(--rot)}