/* Datenschutzerklärung CSS */

body, main {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #422866; /* Dunkelvioletter Hintergrund */
    color: #ffffff; /* Weiße Schrift */
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

h1, h2, h3, p, ul {
    color: #ffffff; /* Stellt sicher, dass alle Texte weiß sind */
}

a, a:visited {
    color: #ffffff; /* Weiße Links */
    text-decoration: none; /* Keine Unterstreichung */
}

a:hover, a:focus {
    color: #dddddd; /* Hellgrau bei Hover/Focus */
    text-decoration: underline; /* Unterstreichen beim Hover/Focus für bessere Zugänglichkeit */
}

ul {
    list-style-type: none; /* Keine Listensymbole */
    padding: 0;
}

li {
    margin-bottom: 10px; /* Abstand zwischen Listenelementen */
}

footer {
    background-color: #333333; /* Dunkelgrauer Footer */
    color: #ffffff; /* Weiße Schrift im Footer */
    padding: 10px 20px;
    text-align: center;
}

footer a, footer a:visited {
    color: #ffffff; /* Weiße Links im Footer */
    text-decoration: underline; /* Unterstreichen der Links im Footer */
}

footer a:hover, footer a:focus {
    color: #dddddd; /* Hellgrau bei Hover/Focus in Footer */
}

.app-links img {
    max-width: 100px; /* Limitiert die Größe der App Store Logos */
    height: auto;
}

@media (max-width: 768px) {
    body, main {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    main {
        padding: 5px;
    }
}