/* Footer immer unten fixieren */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

video {
    width: 100%;
    height: auto;
    display: block;
}

/* Footer nach unten drücken */
footer {
    margin-top: auto;
}

/* Logo mobil sichtbar halten */
.navbar-brand img {
    max-height: 40px;
    height: auto;
    width: auto;
    display: block;
}

@media (max-width: 576px) {
    .navbar-brand img {
        max-height: 32px;
    }
}

/* Video mobil sichtbar halten */
.ratio video {
    object-fit: cover;
}

/* Abstand unter der mobilen Navbar erzwingen */
@media (max-width: 576px) {
    .ratio {
        min-height: 200px;
    }
}