.bg-dark {
    background-color: #21467a !important;
}


.welcome {
    background-image: url(../../resources/images/glashalle_night.jpg);
    background-position: bottom;
    background-size: cover;
}

.welcome > .container {
    background-color: rgba(232, 235, 240, 0.95);
    color: black;
}

.map {
    height: 15rem;
    width: 100%;
}

.navbar-toggler {
    border-color: white;
    color: white;
    font-size: 2em;
    line-height: 1em;
    height: 1.5em;
    overflow-x: hidden;
    display: block;
}

.navbar .nav-link,
.navbar .nav-link:hover {
    color: white;
}

.tab-scroll > .nav-link {
    color: white;
}

.nav-link:hover,
.nav-link.active {
    background-color: #ba002c;
}

.card .btn.btn-link {
    width: 100%;
}

.card .btn.btn-link h5 {
    line-height: 1.5em;
    float: left;
    display: block;
}

.card .btn.btn-link img {
    height: 2em;
    width: auto;
    float: right;
}

.project-logo {
    max-width: 100%;
}

.card-header,
.jumbotron {
    background-color: #e8ecf1;
}

.card-header,
h1, h2, h3, h4, h5, h6,
a {
    color: #21467a;
}

a:hover h3, a:hover h5,
a:active h3, a:active h5,
a:focus h3, a:focus h5,
a:hover, a:active, a:focus {
    color: #BA002C;
}

.container p,
#accordion p {
    text-align: justify;
    word-break: keep-all;
    hyphens: none;
}

.project-logo img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 0 10px 10px;
}

.booth-color {
    border-radius: 2px;
    border: 1px solid black;
    width: 12px;
    height: 12px;
    display: inline-block;
}

p:last-child {
    margin-bottom: 0;
}

.bg-danger {
    background-color: #ba002c !important;
}

.discord {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}


.discord-warning {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.discord-widget,
.dicord-image {
    position: absolute;
    top: 0;
    left: 0;
}