@font-face {
  font-family: roboto-mono-regular;
  src: url("../fonts/RobotoMono/static/RobotoMono-Regular.ttf");
}

@font-face {
  font-family: roboto-mono-bold;
  src: url("../fonts/RobotoMono/static/RobotoMono-Bold.ttf");
}

/* -------------------------------------------------------------- */

body {
    background-color: #BFC1CA;
    font-family: roboto-mono-regular;
}

header {
    background-image: url("./../images/header.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
}

.nav-item {
    font-size: 1.5rem;
}

.nav-link-divider {
    border-right: 1px solid #dee2e6; /* Trennlinie Farbe */
}

.nav-item:last-child .nav-link-divider {
    border-right: none; /* Keine Linie beim letzten Element */
}

section {
    margin-top: 100px;
}

.hd-bg {
    background-color: rgba(255, 255, 255, 0.45);
    height: 50%;
}

.bg-img {
    width: 100%;
    object-fit: cover;
}

.video-box {
    display: flex;
    justify-content: center;
}

.video {
    width: 100%;
    height: 65vh;
    border: none;
}

h1 {
    font-size: xxx-large;
    font-family: roboto-mono-bold;
}

.pressed {
    display: none;
}

.registerButton:hover .pressed {
    display: inline;
}

.registerButton:hover .unpressed {
    display: none;
}

@media (max-width: 768px) {

    header {
        height: 65vh
    }

	.video {
        width: 100%;
        height: 35vh;
        border: none;
    }

    .hd-bg { 
        height: 37%;
    }
}