.advent {
    font-size: 1.2em;
    color: #ffffdd;
    background-image: url('images/advent_bg_blau1.jpg');
    background-size: cover;
    padding: 0.4em 0.45em;
    border: 2px solid #000066;
}

.advent .darkarea {
    padding: 0.1em 0.4em;
    background-color: rgba(256,256,256,0.80);
    color: #003366;
}

.adventdoor {
    display: inline-block;
    text-align: center;
    color: #003366;
    padding-top: 0.1em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    width: 2em;
    height: 1.95em;
    background-image: url('images/adventdoor_bg.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.adventdoor:hover {
    color: #cccc33;
    text-decoration: none;
}

.adventdoor-gold:hover {
    color: #cccc33;
    background: linear-gradient(45deg, #D4AF37, #F5DEB3, #B8860B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}

.largedoor {
    font-size: 9.8em;
    font-weight: bold;
}

.normaldoor {
    font-size: 3.9em;
    font-weight: normal;
}

.modal-footer {
    background-color: #003366;
}

.modal-header {
    color: #ffffdd;
    background-color: #003366;
}

.modal-body img {
    width: 100%;
    height: 225px;
    object-fit: cover;
}

.withlinebreaks {
    white-space: pre-line;
}


.btn-blau {
    background-color: #003366;
    color: #ffffdd;
    border-color: #ffffdd;
}

.btn-blau:hover, 
.btn-blau:focus,
.btn-blau:first-child:active {
    background-color: #004c99; /* etwas helleres Blau */
    color: #ffffff; /* klareres Weiß */
    border-color: #ffffff; /* optisch abgestimmt */
}

.btn-dkblau {
    background-color: #004c99; /* etwas helleres Blau */
    color: #ffffdd;
    border-color: #ffffdd;
}

.btn-dkblau:hover, 
.btn-dkblau:focus,
.btn-dkblau:first-child:active {
    background-color: #003366;
    color: #ffffff; /* klareres Weiß */
    border-color: #ffffff; /* optisch abgestimmt */
}