/* bagel-fat-one-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Bagel Fat One';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bagel-fat-one-v1-latin-regular.woff2') format('woff2');
}

body {
    padding: 0;
    margin: 0;
    background: #AA3E04;
    font-family: 'Bagel Fat One', serif;
}

.menu {
    position: absolute;
    top: 3vh;
    left: 4vw;
}

.menu ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

@media (min-width: 992px) {
    .menu ul {
        flex-direction: row;
    }
}

.menu ul li {
    list-style: none;
    margin-right: 40px;
    font-size: 30px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .menu ul li {
        font-size: 40px;
    }
}

.menu ul li a {
    color: #FF9300;
    text-decoration: none;
    white-space: nowrap;
}

.menu ul li a:hover {
    opacity: 0.8;
}

.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    max-width: 95vw;
    pointer-events: none;
}

@media (min-width: 992px) {
    .logo {
        transform: translate(-50%, -50%);
    }
}

.imprint {
    position: absolute;
    bottom: 3vh;
    left: 4vw;
    font-size: 18px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.imprint:hover {
    opacity: 0.8;
}

@media (min-width: 768px) {
    .imprint {
        font-size: 20px;
    }
}

.imprint p {
    display: none;
    margin: 0;
}

.imprint label {
    cursor: pointer;
}

.imprint input[type="checkbox"] {
    margin: 0;
    padding: 0;
    border: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: -100vh;
    left: -100vw;
}

.imprint input[type="checkbox"]:checked + p {
    display: block;
}

@media (min-width: 768px) {
    .imprint br {
        display: none;
    }
}