/* Links in der Mitgliederliste deaktivieren 
.nur-text-liste {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}*/

/* Ärmelabzeichen im Header
.container-below-top {
    background-image: url('/images/stories/Aermelabzeichen.png');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
} */

/* Optional: Damit Text auf dunklen Bildern lesbar bleibt */
.header, .header a, .header .nav-link {
    color: #ffffff !important;
}

/* Den Header-Container als Bezugspunkt definieren 
header.header x {
    position: relative !important;
}*/

#mod-custom124 {
    position: static !important;
}

/* Die Grafik absolut rechts positionieren */
.header-image-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(50% - (min(var(--cassiopeia-grid-max-width, 1320px), 100%) / 2));
    display: flex;
    align-items: center;
    z-index: 20;
    pointer-events: none;
}

.header-image-right img {
    max-height: 120px;
    height: auto;
    width: auto;
    display: block;
    object-fit: contain;
}

/* Sicherheits-Abstand für den Text links */
.container-header, .container-nav {
    padding-right: 150px;
}

/* Verhindern, dass die Grafik auf dem Handy den Text überlagert */
@media (max-width: 772px) {
    .header-image-right {
        max-height: 165px;
    }
    .container-header, .container-nav {
        padding-right: 15px;
    }
}

/* DPCalendar Upcoming */
.dp-row-fixed { 
    margin-bottom: 2px !important; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

/* Ort und Kalender in DPCalendar Blog-List nicht anzeigen 
.dp-event__calendar,
.dpcalendar-event__calendar,
.dp-event .dpcalendar-calendar {
    display: none !important;
}*/

/*.com-dpcalendar-blog .dp-event__actions, 
.com-dpcalendar-blog .dp-event__date, 
.com-dpcalendar-blog .dp-event__rrule, 
.com-dpcalendar-blog .dp-event__calendar, 
.com-dpcalendar-blog .dp-event__capacity, 
.com-dpcalendar-blog .dp-event__price, 
.com-dpcalendar-blog .dp-event__hits, 
.com-dpcalendar-blog .dp-event__locations, */
.zzz-invisible {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.control-group.zzz-invisible, 
.field-entry.zzz-invisible,
th.zzz-invisible, 
td.zzz-invisible {
    display: none !important;
}

/* html-Zeilenumbrüche bei den Einsatz-Blog mit Leerzeichen ersetzen*/
.dp-event__description {
    display: flex;
    gap: 3px; /* Abstand zwischen den Elementen statt Leerzeichen */
    flex-wrap: wrap;
}
/* 1. Dem Paragraph erlauben, alles in eine Zeile zu packen */
.dp-event__description p {
    display: inline; /* Verwandelt den Block-Absatz in fließenden Text */
    white-space: normal;
}

/* 2. Das BR in ein echtes, sichtbares Leerzeichen umwandeln */
.dp-event__description p br {
    display: inline-block;
    content: "\00a0";
    width: 0.25ch; /* Erzeugt den Platz eines halben Zeichens */
    margin-right: 0.25em; /* Zusätzlicher Sicherheitspuffer */
}
/* Speziell für Firefox/Safari, falls 'content' auf br ignoriert wird: */
@supports not (content: " ") {
    .dp-event__description br {
        display: inline-block;
        width: 2px; /* Manuelle Definition des Abstands */
    }
}
.dp-event__description br::after {
    content: "\00a0";
    display: inline;
    width: 0.3em; /* Definiert die Breite des Leerzeichens exakt */
}