/* ======================================================= */
/* Fixed Link Styling (NUR FÜR MOBILE < 1025px) */
/* ======================================================= */
@media screen and (max-width: 1024px) {
    
    .fixed-link {
        /* FIXIERUNG */
        position: fixed; 
        bottom: 20px; 
        right: 20px; 
        
        /* Styling */
        padding: 10px; 
        background-color: #495a6b; /* Habe die Farbe an den Header angepasst */
        color: white;
        text-decoration: none;
        border-radius: 8px;/* Ecken etwas runder */
        z-index: 1000; 
        
        /* LOGIK FÜR DAS AUSBLENDEN */
        opacity: 1; /* Start-Wert */
        pointer-events: auto; /* Klicks möglich */
        transition: opacity 0.3s ease-in-out; /* Sanfter Übergang */
        
        /* Optional: Schatten für bessere Sichtbarkeit */
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); 
    }

    /* Klasse zum Ausblenden (wird per JavaScript hinzugefügt) */
    .link-hidden {
        opacity: 0 !important; /* Unsichtbar */
        pointer-events: none !important; /* Klicks blockieren */
        display: none !important;
    }
    
    /* WICHTIG: Kein padding-bottom für den Body nötig, da der Link nicht die ganze Breite einnimmt */
}

.fixed-link {
    /* Wichtig: Lässt das Element an einer festen Position im Browserfenster kleben */
    position: fixed; 
    
    /* Positioniert das Element am unteren Rand des Fensters */
    bottom: 20px; 
    
    /* Positioniert das Element am Rechten Rand des Fensters */
    right: 20px; 
    
    /* Optional: Fügt ein Polster hinzu, damit der Text nicht direkt am Rand klebt */
    padding: 10px; 
    
    /* Optional: Für eine bessere Sichtbarkeit des Links (Farbe anpassen!) */
    background-color: #495a6b; /* Beispiel-Hintergrundfarbe (blau) */
    color: white;             /* Textfarbe */
    text-decoration: none;    /* Entfernt die Unterstreichung */
    border-radius: 5px;       /* Rundet die Ecken leicht ab */
    z-index: 1000;            /* Stellt sicher, dass der Link über anderen Inhalten liegt */
}

.cover {
    background-image: url('Bilder/datenschutz.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}