/**
 * Datei: wp-content/themes/twentyseventeen/header.css
 * Version: 1.1.0
 * Generiert am: 13.10.2026, 09:11 Uhr
 *
 * Kurzbeschreibung:
 * Spezifische Styles für das Header-Video und das Credit-Overlay unten rechts.
 *
 * Erwartete Variablen & Klassen:
 * - .custom-header-media (Eltern-Container)
 * - .video-credit-overlay (Credit-Container)
 * - body.wp-custom-header-video-loaded (Steuert die Sichtbarkeit beim Abspielen des Videos)
 */

/* Positionierung & Styling des Credit-Overlays */
.custom-header-media {
    position: relative;
}

.video-credit-overlay {
    position: absolute;
    bottom: 90px;
    right: 20px;
    z-index: 10;
    font-size: 11px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 3px 8px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    /* Fade-In Animation nach 3 Sekunden Verzögerung */
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
    transition-delay: 3s;
}

/* Link-Styling innerhalb des Credits */
.video-credit-overlay a {
    color: #ffffff;
    text-decoration: underline;
}

.video-credit-overlay a:hover,
.video-credit-overlay a:focus {
    color: #dddddd;
    text-decoration: none;
}

/* 
 * Das Credit wird nur dann eingeblendet, wenn das Video tatsächlich von WordPress
 * geladen und abgespielt wird (.wp-custom-header-video-loaded).
 */
body.wp-custom-header-video-loaded .video-credit-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}