/* Mobile Footer Display Fix */
/* Diese Datei behebt das Problem, dass CSS-Code in der mobilen Ansicht angezeigt wird */

/* Verstecke Footer-Sektionen in der mobilen Ansicht */
.footer-top-section {
    display: none !important;
}

.footer-middle-section {
    display: none !important;
}

/* Footer Links: Impressum & Datenschutz */
footer a[href*="impressum"],
footer a[href*="datenschutz"] {
    transition: color 0.3s ease;
}

footer a[href*="impressum"]:hover,
footer a[href*="datenschutz"]:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Zusätzliche Regeln für alle Footer-Links */
#footer a:hover,
#footer a:focus,
#footer a:active {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Spezifische Regeln für Impressum und Datenschutz */
#footer a[href*="impressum"]:hover,
#footer a[href*="datenschutz"]:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Mobile-spezifische Regeln */
@media (max-width: 768px) {
    .footer-top-section {
        display: none !important;
    }
    
    .footer-middle-section {
        display: none !important;
    }
    
    /* Verstecke alle CSS-Code-Anzeigen in der mobilen Ansicht */
    body * {
        font-family: inherit !important;
    }
}

/* Verstecke alle möglichen CSS-Code-Anzeigen */
body::before,
body::after,
html::before,
html::after {
    display: none !important;
    content: none !important;
}