/*--- Custom CSS overwriting Bootstrap --*/

/* --- For Testing ---
div {
    border-color: turquoise;
    border-style: solid;
}*/

a {
    text-decoration: none;
    color: #cd0000
}

.logo {
    max-height: 2rem;
    margin: 1rem;
}

.logo-top {
    padding: 1rem;
    max-height: 9rem;
}

.btn {
    font-family: Inter;
    font-weight: bold;
}

.btn-teams {
    padding: 1rem 1rem;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
}

.text-red {
    color: #cd0000;
}

.nav-link {
    color: #ffffff;
}

/*--- Einstellungen für Mobil --*/

@media screen and (max-width: 600px) {
    .logo {
        visibility: hidden;
        clear: both;
        display: none;
    }

    .navbar-brand {
        text-align: left;
    }

    .logo-top {
        padding: 1rem;
        max-height: 7rem;
    }

    .btn {
        padding: 1rem 1rem;
        font-size: 80%;
        text-transform: uppercase;
        letter-spacing: 0.15rem;
    }

    .masthead h1 {
        background: rgba(255, 255, 255, 0.9);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .text-white-50 {
        --bs-text-opacity: 1;
        color: rgba(255, 255, 255, 0.9) !important;
    }
}

/*--- Impressum/Datenschutz --*/
.impressum {
    color: #e4e4e4;
    margin: 2em auto;
    margin-top: 7rem;
    padding: 2em;
    position: relative;
    max-width: 1000px;
}

.impressum-body {
    background-color: #1a1a1a;
}

.impressum h2 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 1em;
}

.impressum h3 {
    font-weight: 700;
    margin-bottom: 1.5em;
}