/*
=================================
--- Stil für rechtliche Seiten ---
(Impressum, Datenschutz, AGB)
=================================
*/

/* Hauptcontainer für den Textinhalt */
.legal-content {
    max-width: 850px;
    /* Angenehme Breite für lange Texte */
    margin: 0 auto;
    /* Zentriert den Container */
    padding: 150px 20px 60px 20px;
    /* Großzügiger Abstand oben für Header, unten normal */
    color: #333;
    /* Dunkle Textfarbe für guten Kontrast */
}

/* Fallback für fehlende .legal-content Klasse auf Live-Server */
body.page-impressum main,
body.page-datenschutz main,
body.page-agb main {
    max-width: 850px;
    margin: 0 auto;
    padding: 150px 20px 60px 20px;
    color: #333;
}

/* Hauptüberschrift der Seite */
.legal-content h1 {
    font-size: 3rem;
    color: #333;
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 3px solid #64B5F6;
    /* Blaue Linie unter der Hauptüberschrift */
    padding-bottom: 15px;
}

/* Zwischenüberschriften */
.legal-content h2 {
    font-size: 1.8rem;
    color: #111;
    margin-top: 50px;
    /* Mehr Abstand nach oben */
    margin-bottom: 20px;
    /* Mehr Abstand nach unten */
    padding-top: 20px;
    /* Zusätzlicher Innenabstand */
    border-top: 2px solid #e0e0e0;
    /* Trennlinie für bessere Struktur */
    font-weight: 600;
    /* Fetter für bessere Sichtbarkeit */
}

.legal-content h3 {
    font-size: 1.4rem;
    color: #333;
    margin-top: 35px;
    /* Mehr Abstand */
    margin-bottom: 15px;
    font-weight: 600;
    /* Fetter */
}

/* Alle Textabsätze */
.legal-content p {
    font-size: 1rem;
    line-height: 1.8;
    /* Noch großzügigerer Zeilenabstand */
    margin-bottom: 1.5em;
    /* Mehr Abstand zwischen Absätzen */
    text-align: justify;
    /* Blocksatz für professionelleres Aussehen */
}

/* Styling für Links im Text */
.legal-content a {
    color: #0056b3;
    text-decoration: underline;
}

.legal-content a:hover {
    color: #003d82;
}

/* --- Responsive Anpassungen --- */
@media (max-width: 768px) {

    .legal-content,
    body.page-impressum main,
    body.page-datenschutz main,
    body.page-agb main {
        padding-top: 120px;
        /* Etwas weniger Abstand auf Mobile, aber genug für Header */
        padding-bottom: 40px;
    }

    .legal-content h1 {
        font-size: 2.2rem;
    }

    .legal-content h2 {
        font-size: 1.5rem;
    }

    .legal-content h3 {
        font-size: 1.2rem;
    }
}