/* Grundlegende Stile für die Factbox */
/* Erhöhte Spezifität durch Voranstellen des Elternelements '.em-event-content' */
.em-event-content .veranstaltungs-info-box {
    font-family: Carlito, sans-serif;
    border: 1px solid #ccc;
    /* !important wurde hinzugefügt, um Überschreibungen zu erzwingen */
    padding: 1em 1em 1em 10px !important; /* Oben, rechts, unten, links (10px) */
    margin: 2em 0 1em 0 !important;     /* Oben, rechts, unten, links (1em) */
    font-size: 1.125rem;
    background-color: #f9f9f9;
}

/* Die folgenden Regeln erben die Spezifität durch das Elternelement und bleiben gleich */
.em-event-content .veranstaltungs-info-box h2 {
    margin-top: 0;
    font-size: 1.5em;
}

.em-event-content .veranstaltungs-info-box dl {
    display: grid;
    grid-template-columns: max-content 1fr; /* Standard für größere Bildschirme */
    gap: 0.5em 1em;
}

.em-event-content .veranstaltungs-info-box dt {
    font-weight: bold;
}

/* Stile für den PDF Download Link innerhalb der Factbox */
.em-event-content .veranstaltungs-info-box dd a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.em-event-content .veranstaltungs-info-box dd a .pdf-icon {
    vertical-align: middle;
}

.em-event-content .veranstaltungs-info-box dd a .pdf-download-text {
    margin-left: 0.5em; /* Abstand zwischen Icon und Text */
}

/* --- NEU: Fokus-Stile für Barrierefreiheit --- */
/* Generischer Fokus-Stil für alle Links, die mit der Tastatur navigiert werden */
/* Verwende hier eine feste Farbe, da $bgColor nicht verfügbar ist */
a:focus {
    outline: 2px solid #0073aa; /* Beispiel: Ein Standard-Blau von WordPress */
    outline-offset: 2px;
    border-radius: 3px;
}

/* Spezieller Fokus-Stil nur für den PDF-Download-Link, falls abweichend gewünscht */
/* Wenn dieser Link durch seine eigene Farbe hervorgehoben werden soll, hier anpassen */
.em-event-content .veranstaltungs-info-box dd a:focus {
    outline: 2px solid #555; /* Ein dunkleres Grau, wenn das Blau nicht passt */
    outline-offset: 2px;
    border-radius: 3px;
}


/* Responsive Anpassungen für kleinere Bildschirme (z.B. iPhone) */
@media (max-width: 600px) {
    .em-event-content .veranstaltungs-info-box dl {
        grid-template-columns: 1fr;
    }
    .em-event-content .veranstaltungs-info-box dt {
        margin-bottom: 0.2em;
    }
    .em-event-content .veranstaltungs-info-box dd {
        margin-bottom: 0.8em;
    }
}