/**
 * Barrierefreiheit für Sprunglinks
 *
 * Stellt sicher, dass Sprunglinks mit der Klasse screen-reader-text
 * korrekt fokussierbar sind und bei Fokus sichtbar werden.
 */

/* Überschreibe die Standard-screen-reader-text Klasse für Sprunglinks */
a.skip-link.screen-reader-text {
    /* Grundlegende Positionierung */
    position: absolute;
    top: -1000px;
    left: 0;
    
    /* Sicherstellen, dass der Link fokussierbar ist */
    height: auto;
    width: auto;
    clip: auto;
    clip-path: none;
    
    /* Styling */
    background-color: #000;
    color: white;
    padding: 1em 2em;
    z-index: 9999;
    text-decoration: none;
    font-weight: bold;
    transition: top 0.2s ease-in-out;
}

/* Zeige den Link bei Fokus an */
a.skip-link.screen-reader-text:focus {
    top: 0;
    outline: 2px solid white;
    outline-offset: -2px;
}