/* ============================================= */
/* INHALT SEKTION (FÜR IMPRESSUM/DATENSCHUTZ) */
/* ============================================= */
:root {
    --section-padding: 60px 0;
}

.content-section {
    padding: var(--section-padding);
    background: #003c54; 
    color: #ffffff;
    position: relative;
    overflow: hidden;
    /* Wichtig für den Abstand unter dem fixed Header auf Mobil */
    padding-top: 100px; 
}



/* Wichtig: Inhalt muss über der Textur liegen */
.content-section h2, 
.content-section h3, 
.content-section p, 
.content-section ul,
.content-section a {
    position: relative;
    z-index: 2; 
	text-align: left;
}


/* Anpassungen, falls die Schriftgröße von h3/p im Fließtext auf Unterseiten abweichen soll */
.content-section h3 {
    margin-top: 2rem;
    font-size: 1.5rem; 
    text-align: left;
}

.content-section p, .content-section ul {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.8;
}

.content-section a {
    color: #0089bf;
}

/* Wichtig: Auf den Unterseiten benötigen wir oben mehr Platz unter dem fixierten Header */
@media (min-width: 769px) {
    .content-section {
        padding-top: 120px; 
    }
}