/* =================================================== RAID INFO
=================================================== */

.raid-info-grid {

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 30px;

}

.raid-card {

    background: linear-gradient(180deg, #0f1318, #1b2027);
    border: 1px solid rgba(212, 175, 55, .35);
    border-radius: 18px;

    padding: 30px;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, .45),
        0 0 18px rgba(212, 175, 55, .08);

    margin-bottom: 30px;

}

.raid-card p {

    color: #d8dde5;
    line-height: 1.8;
    margin-bottom: 18px;

}

.raid-card p:last-child {

    margin-bottom: 0;

}

.raid-card ul {

    list-style: none;
    padding: 0;

}

.raid-card li {

    position: relative;
    padding-left: 24px;
    margin-bottom: 14px;
    line-height: 1.7;
    color: #d8dde5;

}

.raid-card li::before {

    content: "✦";
    position: absolute;
    left: 0;
    color: #d4af37;

}

@media (max-width:900px) {

    .raid-info-grid {

        grid-template-columns: 1fr;

    }

}

.raidpause-card {

    position: relative;

    overflow: hidden;

}

.raidpause-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(rgba(10, 12, 16, .75),
            rgba(10, 12, 16, .45)),
        url("../images/backgrounds/raidpause.png");

    background-size: cover;

    background-position: center 70%;

    opacity: 0.65;

    z-index: 0;

}

.raidpause-card>* {

    position: relative;

    z-index: 1;

}

.raidfokus-card {

    position: relative;

    overflow: hidden;

}

.raidfokus-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(rgba(10, 12, 16, .75),
            rgba(10, 12, 16, .45)),
        url("../images/backgrounds/raidfokus.png");

    background-size: cover;

    background-position: center 10%;

    opacity: 0.65;

    z-index: 0;

}

.raidfokus-card>* {

    position: relative;

    z-index: 1;

}

.raidzeiten-card {

    position: relative;

    overflow: hidden;

}

.raidzeiten-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(rgba(10, 12, 16, .75),
            rgba(10, 12, 16, .45)),
        url("../images/backgrounds/raidzeiten.png");

    background-size: cover;

    background-position: center 10%;

    opacity: 0.65;

    z-index: 0;

}

.raidzeiten-card>* {

    position: relative;

    z-index: 1;

}

.raidphilosopie-card {

    position: relative;

    overflow: hidden;

}

.raidphilosopie-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(rgba(10, 12, 16, .75),
            rgba(10, 12, 16, .45)),
        url("../images/backgrounds/raidphilosopie.png");

    background-size: cover;

    background-position: center 10%;

    opacity: 0.65;

    z-index: 0;

}

.raidphilosophie-card>* {

    position: relative;

    z-index: 1;

}