/* Film-Styles */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-image: url('lehmdom.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y: hidden; /* verhindert vertikales Scrollen */
}

.videobox {
    position: absolute;
    left: 50%;
    bottom: 3vh; /* Abstand vom unteren Rand, z. B. 3    % der Fensterhöhe */
    transform: translateX(-50%); /* Nur horizontal zentrieren, kein translateY */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Video-Container anpassen */
#videoContainer {
    width: 100%; /* Nimmt volle Breite der videobox ein */
    display: flex;
    justify-content: center; /* Horizontal zentriert Kinder */
}

/* Video-Player Anpassungen */
/* ===== VIDEO-ELEMENT ===== */
#videoplayer {
    width: 80vw;                    /* 80% der Viewport-Breite */
    max-width: 900px;               /* Maximale Desktop-Größe */
    height: auto;                   /* Automatische Höhe */
    max-height: 60vh;               /* Maximale Höhe */
    display: block;                 /* Blockverhalten */
    border-radius: 15px;            /* Abgerundete Ecken */
}
video {
    transition: opacity 0.3s ease;
}

video[data-loading] {
    opacity: 0.5;
}

/* Beschreibungsbereich */
.beschreibung {
    margin: 15px 0 0 0;             /* Abstand oben */
    padding: 0 25px;
    background: #ce996f;    /* Halbtransparenter Hintergrund */
    color: #714322;                   /* Schriftfarbe */
    border-radius: 8px;             /* Abgerundete Ecken */
    text-align: center;             /* Textzentrierung */
    max-width: 80%;                 /* Maximale Breite */
}

a {
    color: #fdefa9;
}

/* Spezielle Wechsellinks */
.wechsellink {
    color: #fdefa9; /* Grüne Akzentfarbe */
    cursor: pointer; /* Zeigt Mauszeiger als Klick-Hinweis */

}

.wechsellink:hover {
    color: #fdefa9; /* Dunkleres Grün bei Hover */
}

/* YouTube-Container */
.youtube-container {
    position: relative;
    width: 50%;
    padding-bottom: 30%; /* 16:9 Aspect Ratio */
    border-radius: 15px;
    overflow: hidden;
}

.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

#interviewbeschreibung {
    background-color: #9aaa69;
}

/* Interview-Hintergrund */
body.interview {
    background-image: url('außentisch.jpg')!important;
}