/* Impressum / Rechtliches — eigenständige Seite, teilt die Optik
   der öffentlichen Seiten (Login, Buchung). */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    padding: 40px 20px;
    color: #333;
}

.hidden { display: none !important; }

.legal-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px 38px;
    max-width: 680px;
    margin: 0 auto;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.legal-brand { margin-bottom: 26px; }
.legal-logo { width: 170px; height: auto; display: block; }

.legal-card h1 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #2b2b38;
    margin-bottom: 22px;
}
.legal-card h2 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #4b3aa7;
    margin: 28px 0 8px;
}
/* Der globale Reset setzt margin:0 — Absätze brauchen ihren Abstand zurück,
   sonst klebt der Adressblock am nächsten Absatz. */
.legal-card p {
    font-size: .95rem;
    line-height: 1.65;
    color: #495057;
}
.legal-card p + p { margin-top: 16px; }
.legal-card h2 + p { margin-top: 0; }
.legal-card a { color: #667eea; }
.legal-card a:hover { color: #4b3aa7; }

.legal-actions {
    margin-top: 34px;
    padding-top: 18px;
    border-top: 1px solid #eceef5;
}
.legal-back {
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    color: #667eea;
}
.legal-back:hover { text-decoration: underline; }

@media (max-width: 600px) {
    body { padding: 20px 14px; }
    .legal-card { padding: 28px 22px; }
    .legal-card h1 { font-size: 1.35rem; }
}