/* === Leistungen-Seite Container === */
.impressum-datenschutz-info {
     max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
}

.impressum-datenschutz-info h1 {
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.impressum-datenschutz-info h2 {
    font-size: 1.5rem;
    color: var(--primary-color);
    margin-top: 20px;
    margin-bottom: 10px;
}

.impressum-datenschutz-info h3 {
    font-size: 1.2rem;
    color: var(--primary-color); /* Farbangleichung zu h1 und h2 */
    margin-top: 15px;
}

.impressum-datenschutz-info p {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--text-color); /* Schriftfarbe auf Schwarz gesetzt */
    margin-bottom: 15px;
}

.impressum-datenschutz-info a {
    color: var(--primary-color);
    text-decoration: none;
}

.impressum-datenschutz-info a:hover {
    text-decoration: underline;
}

.impressum-datenschutz-info nav ul {
    list-style-type: none;
}

.datenschutz ul {
    list-style-type: none;
}
.datenschutz-links a {
    color: #000000; /* Schwarz */
}


.impressum{
	  background-color: #f3eeed; /* Heller Hintergrund für jedes News-Item */
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}
.datenschutz-info{
	  background-color: #f3eeed; /* Heller Hintergrund für jedes News-Item */
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	
	
}



/* === Responsive Design === */

/* Für kleine Bildschirme (Handys) */
@media (max-width: 600px) {
    .impressum-datenschutz-info {
        padding: 15px;
        max-width: 100%;
    }

    .impressum-datenschutz-info h1 {
        font-size: 1.8rem;
    }

    .impressum-datenschutz-info h2 {
        font-size: 1.3rem;
    }

    .impressum-datenschutz-info h3 {
        font-size: 1.1rem;
    }

    .impressum-datenschutz-info p {
        font-size: 0.95rem;
        color: var(--text-color); /* Schriftfarbe auf Schwarz gesetzt */
    }

    .impressum-datenschutz-info a {
        color: var(--primary-color);
    }

    .impressum-datenschutz-info a:hover {
        color: var(--primary-color); /* Bei Hover bleibt die Schriftfarbe gleich */
    }
}

/* Für mittlere Bildschirme (Tablets) */
@media (min-width: 601px) and (max-width: 1024px) {
    .impressum-datenschutz-info {
        padding: 20px;
        max-width: 80%;
    }

    .impressum-datenschutz-info h1 {
        font-size: 2rem;
    }

    .impressum-datenschutz-info h2 {
        font-size: 1.4rem;
    }

    .impressum-datenschutz-info h3 {
        font-size: 1.2rem;
    }

    .impressum-datenschutz-info p {
        font-size: 1rem;
        color: var(--text-color); /* Schriftfarbe auf Schwarz gesetzt */
    }
}

/* Für größere Bildschirme (Desktops) */
@media (min-width: 1025px) {
    .impressum-datenschutz-info {
        max-width: 1200px; /* gleiche maximale Breite wie bei anderen Seiten */
    }

    .impressum-datenschutz-info h1 {
        font-size: 2.5rem;
    }

    .impressum-datenschutz-info h2 {
        font-size: 1.8rem;
    }

    .impressum-datenschutz-info h3 {
        font-size: 1.4rem;
    }

    .impressum-datenschutz-info p {
        font-size: 1.1rem;
        color: var(--text-color); /* Schriftfarbe auf Schwarz gesetzt */
    }
}