.server-status {
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    white-space: nowrap;
}

.server-status > span {
    border-top: 1px solid #2d222a;
    border-left: 1px solid #2d222a;
    border-right: 1px solid #2d222a;
    color: #9cabb9;
    background: #100c0f;
    text-align: center;
    padding: 10px 15px;
}

.server-status__capacity.easy {
    color: aqua;
}

.server-status__capacity.populated {
    color: #ca8945;
}

.server-status__capacity.crowded {
    color: #f3533d;
}

/* --- Bild-/Effekt-Funktion deaktiviert ---
.effects {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.effects .effect-1,
.effects .effect-2 {
    position: absolute;
    height: 450px;
    width: 100%;
    z-index: -1;
}

.effects .effect-1::before,
.effects .effect-2::before {
    content: "";
    background-image: url(media/images/028f7bb8fbfb452b780b..png);
    position: absolute;
    z-index: 0;
    animation: fly 6s infinite linear;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.effects .effect-2::before {
    animation: fly-right 10s infinite linear;
}

@keyframes fly {
    0%   { top: 200px; left: 0;   opacity: 0 }
    50%  { opacity: 1 }
    100% { top: -500px; left: -500px; opacity: 1 }
}

@keyframes fly-right {
    0%   { top: 200px; right: 0;   opacity: 0 }
    50%  { opacity: 1 }
    100% { top: -500px; right: -500px; opacity: 1 }
}
--- Ende Bild-/Effekt-Funktion --- */

.home-splide .splide__slide {
    text-align: center;
}

.home-splide .splide__slide .splide__desc {
    position: absolute;
    color: #ca8945;
    text-align: center;
    bottom: 0;
    z-index: 9;
    width: 100%;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, .5);
}