/* =============================================
   LEISTUNGS-KARTEN
   ============================================= */

/* Hover auf der ganzen Karte */
.wp-block-group.leistungs-karte {
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

.wp-block-group.leistungs-karte:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Text + Icon innerhalb der Karte beim Hover weiß */
.wp-block-group.leistungs-karte:hover p,
.wp-block-group.leistungs-karte:hover summary,
.wp-block-group.leistungs-karte:hover .wp-block-details {
    color: #ffffff !important;
}

/* Aktive Karte (schwarz) – per Klasse steuerbar */
.wp-block-group.leistungs-karte.is-active {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.wp-block-group.leistungs-karte.is-active p,
.wp-block-group.leistungs-karte.is-active summary {
    color: #ffffff !important;
}

/* Details/Accordion stylen */
.leistungs-karte summary {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid currentColor;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Eigenes Dreieck-Icon statt Browser-Default */
.leistungs-karte summary::after {
    content: "▼";
    font-size: 0.6em;
    transition: transform 0.2s ease;
}

.leistungs-karte details[open] summary::after {
    transform: rotate(180deg);
}

/* =============================================
   FALLSTUDIEN-KARTEN
   ============================================= */

.wp-block-cover.fallstudien-karte {
    transition: opacity 0.3s ease;
}

.wp-block-cover.fallstudien-karte:hover {
    opacity: 0.85;
}