#acwp-toolbar-btn-wrap {
    display: none !important;
}

#page-container {
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
}

#page-container.offcanvas-active {
    transform: translateX(-100vw);
    -webkit-transform: translateX(-100vw);
    -moz-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    -o-transform: translateX(-100vw);
}

.wcrn-offcanvas-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    background-color: #B4D78B;
    z-index: 9999;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 5rem 2.5rem;
    gap: 2rem;
}

.wcrn-offcanvas-menu__list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.wcrn-offcanvas-menu__list li {
    border-bottom: 1px solid #FFFFFF;
}

.wcrn-tab-image:not(:first-child) {
    display: none;
}

.wcrn-close-icon {
    position: absolute;
    right: 1rem;
    top: 2rem;
    width: 3rem;
    height: auto;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: 'ETmodules';
    font-weight: 400;
    font-size: 28px;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.wcrn-close-icon:hover {
    background-color: #B4D78B;
}

.wcrn-close-icon.icon-close {
    background-color: #54B948;
    width: 2rem;
    height: 2rem;
    top: 0;
    right: 0;
}

.wcrn-offcanvas-menu.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.wcrn-menu-icons ul li:nth-child(3) {
    cursor: pointer;
}

@media (min-width: 768px) {

    #page-container.offcanvas-active {
        transform: translateX(-30vw);
        -webkit-transform: translateX(-30vw);
        -moz-transform: translateX(-30vw);
        -ms-transform: translateX(-30vw);
        -o-transform: translateX(-30vw);
    }

    .wcrn-offcanvas-menu {
        width: 30vw;
    }
}

.brlbs-cmpnt-widget {
    display: none !important;
}

div#wcrn_language_selection {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: none;
    padding: 5rem 3rem;
    background: #ffffff;
    border: 1px solid #ddd;
}

.wcrn_language_selection_close {
    content: 'x';
    display: flex;
    width: 2rem;
    height: 2rem;
    background-color: green;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    color: white;
}

div#wcrn_language_selection.active {
    display: block;
}

div#wcrn_fullscreen_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 98;
    cursor: pointer;
}

div#wcrn_fullscreen_overlay.active {
    display: block;
}

div#acwp-toolbar {
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

div#acwp-toolbar.acwp-toolbar.acwp-toolbar-show {
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.dp_oc_item.tribe_events.type-tribe_events.status-publish.hentry {
    display: flex;
    flex-direction: column;
}

h2.dp_oc_post_title {
    order: 1;
}

.post-excerpt.dp_oc_post_excerpt {
    order: 3;
}

.dp_ocp_read_more_button {
    order: 4;
}

.dp-ocp-custom-content {
    order: 2;
}

.tribe-tickets__form {
    display: flex;
    flex-direction: column;
}

.tribe-common-b1.tribe-common-b2--min-medium.tribe-tickets__form-field.tribe-tickets__form-field--text.tribe-tickets__form-field--required {
    order: 1;
}

.tribe-common-b1.tribe-common-b2--min-medium.tribe-tickets__form-field.tribe-tickets__form-field--required {
    order: 2;
}

.tribe-common-b1.tribe-common-b2--min-medium.tribe-tickets__form-field.tribe-tickets__form-field--telephone {
    order: 3;
}

.tribe-common-b1.tribe-common-b2--min-medium.tribe-tickets__form-field.tribe-tickets__form-field--radio {
    order: 4;
}

.tribe-common-b1.tribe-common-b2--min-medium.tribe-tickets__form-field.tribe-tickets__form-field--select {
    order: 5;
}

.tribe-common-b1.tribe-common-b2--min-medium.tribe-tickets__form-field.tribe-tickets__form-field--text {
    order: 6;
}

.dsm_icon_list_text {
    cursor: pointer;
}

.wcrn_rsvp .tribe-link-view-attendee {
    display: none !important;
}

.wcrn-notice {
    margin-bottom: 1rem;
}

.et-db #et-boc .et-l .et-pb-icon.dsm_separator_icon {
    font-size: 1.2rem;
}
/* Icon-Leiste rechts: Divi 5 hat die Positions-Einstellung des Supreme-Moduls bei der Migration
   nicht übernommen (Büro Blanko, 11/2026). Werte wie unter Divi 4. */
.dsm_icon_list.wcrn-sidebar {
    position: fixed !important;
    top: 30%;
    bottom: auto;
    right: -5px;
    left: auto;
    z-index: 9999;
    margin-top: 24px !important;
}

body.logged-in.admin-bar .dsm_icon_list.wcrn-sidebar {
    top: calc(30% + 32px);
}

/* Header-Zeilen Desktop/Mobil: Divi 5 schreibt Zeilen-Styles teils mit .et-db #et-boc .et-l und
   überstimmt damit die Ausblend-Regeln aus den Theme-Optionen (Büro Blanko, 11/2026). */
@media (min-width: 1420px) {
    .et-db #et-boc .et-l .et_pb_row.wcrn-header1.wcrn-header1 {
        display: none !important;
    }
}

@media (max-width: 1420px) {
    .et-db #et-boc .et-l .et_pb_row.wcrn-header2.wcrn-header2 {
        display: none !important;
    }
}

/* Events-Hero: Das Modul-CSS mischt das Bild per background-blend-mode: overlay mit der
   Abschnittsfarbe. Divi 5 setzt dort Weiß statt transparent, Overlay auf Weiß ergibt Weiß
   (Büro Blanko, 11/2026). Mobil bleibt die Fläche #f2f6ed aus dem Modul-CSS. */
@media (min-width: 981px) {
    .et-db #et-boc .et-l #wcrn-hero.et_pb_section {
        background-color: transparent !important;
    }
}

/* Logo in der Desktop-Headerzeile: Der Divi-5-Migrator hat das Modul zentriert, live ist es
   linksbündig (Büro Blanko, 11/2026). */
.et-db #et-boc .et-l .wcrn-header2 .et_pb_column:first-child > .et_pb_image {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Supreme Pro 5 hat zwei Linkfarben aus den Moduleinstellungen nicht übernommen (Büro Blanko, 11/2026):
   Footer-Linklisten grau statt Linkfarbe, Kontaktkarten auf Über uns / About us dunkelgrau statt #fafafa. */
.et-db #et-boc .et-l .dsm_icon_list_0_tb_footer .dsm_icon_list_child,
.et-db #et-boc .et-l .dsm_icon_list_0_tb_footer .dsm_icon_list_child a,
.et-db #et-boc .et-l .dsm_icon_list_1_tb_footer .dsm_icon_list_child,
.et-db #et-boc .et-l .dsm_icon_list_1_tb_footer .dsm_icon_list_child a,
.et-db #et-boc .et-l .dsm_icon_list_2_tb_footer .dsm_icon_list_child,
.et-db #et-boc .et-l .dsm_icon_list_2_tb_footer .dsm_icon_list_child a {
    color: #6f6f6f !important;
}
.page-id-51913 .dsm_card_wrapper .dsm_card_description a,
.page-id-248160 .dsm_card_wrapper .dsm_card_description a {
    color: #555 !important;
}

/* Mobil-Header: Divi 5 gibt der Logospalte 30px Abstand nach unten, live 0 (Büro Blanko, 11/2026). */
@media (max-width: 980px) {
    .et-db #et-boc .et-l .et_pb_row.wcrn-header1 > .et_pb_column {
        margin-bottom: 0 !important;
    }
}

/* Kontakt: Supreme Pro 5 hat die Rahmenfarbe einzelner Listeneinträge nicht übernommen (Büro Blanko, 11/2026). */
.page-id-51849 .dsm_icon_list_child_5.dsm_icon_list_child,
.page-id-51849 .dsm_icon_list_child_9.dsm_icon_list_child,
.page-id-51849 .dsm_icon_list_child_13.dsm_icon_list_child,
.page-id-248156 .dsm_icon_list_child_13.dsm_icon_list_child {
    border-bottom-color: #e0e0e0 !important;
}
.page-id-248156 .dsm_icon_list_child_6.dsm_icon_list_child {
    border-color: #000 !important;
}

/* Footer-Listen und Sidebar: Divi 5 schreibt die Rahmenfarben der Einträge, Supremes allgemeine Regel
   (#333) ist aber spezifischer. Gleiche Farben wie live, mit doppelter Klasse (Büro Blanko, 11/2026). */
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_0_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_1_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_2_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_3_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_4_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_5_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_6_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_7_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_8_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_9_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_10_tb_footer {
    border-bottom-color: #f2f6ed;
}
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_16_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_17_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_18_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_19_tb_footer,
.et-db #et-boc .et-l .dsm_icon_list_child[class*="_tb_footer"].dsm_icon_list_child_20_tb_footer {
    border-color: #848484 #e4e6ed #848484 #848484;
}

/* Termin-Raster (Divi-5-Loop, ersetzt das Owl-Karussell): Optik wie die bisherigen Karten (Büro Blanko, 11/2026). */
.et-db #et-boc .et-l .wcrn-events-grid,
.et_pb_group.wcrn-events-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 50px;
    align-items: start;
}
.wcrn-events-grid > .et_pb_group {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    background: #fafafa;
    padding: 1rem 2rem 2rem 2rem !important;
}
.wcrn-event-card .wcrn-event-title {
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    padding: 1rem 0 0.8rem;
    color: #333;
}
.wcrn-event-card .wcrn-event-title a { color: #333 !important; }
.wcrn-event-card .wcrn-event-title a:hover { text-decoration: underline; }
.wcrn-event-card .wcrn-event-date {
    font-size: 18px;
    font-weight: 500;
    color: #6f6f6f;
    padding-bottom: 0.6rem;
}
.wcrn-event-card .wcrn-event-excerpt {
    font-size: 16px;
    line-height: 1.6em;
    color: #a0a0a0;
    padding-bottom: 1.2rem;
}
.wcrn-event-card .wcrn-event-more a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #b4d78b !important;
}
/* Ohne Treffer gibt Divi „Keine Ergebnisse gefunden“ in einer Karte ohne data-loop-item aus:
   dann Raster ausblenden und den eigenen Hinweis zeigen. */
.wcrn-events-grid > .wcrn-event-card:not([data-loop-item]) { display: none !important; }
.et-db #et-boc .et-l .wcrn-events-grid:not(:has([data-loop-item])),
.et_pb_group.wcrn-events-grid:not(:has([data-loop-item])) { display: none !important; }
.et_pb_text.wcrn-events-empty { display: none; }
.wcrn-events-grid:not(:has([data-loop-item])) + .et_pb_text.wcrn-events-empty { display: block; }
.wcrn-events-empty p { font-size: 16px; color: #6f6f6f; }
.wcrn-events-empty a { color: #333 !important; text-decoration: underline; }
@media (max-width: 980px) {
    .et-db #et-boc .et-l .wcrn-events-grid,
    .et_pb_group.wcrn-events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
}
@media (max-width: 767px) {
    .et-db #et-boc .et-l .wcrn-events-grid,
    .et_pb_group.wcrn-events-grid { grid-template-columns: 1fr; gap: 20px; }
}

/* Karten-Karussells (Supreme Pro 5): Das Modul-CSS spricht den Titel über .et_pb_module_header an,
   diese Klasse vergibt Supreme 5 nicht mehr. Werte wie live (Büro Blanko, 11/2026). */
/* Testimonials (Karten mit Beschreibung): Zitat oben, darunter Name fett, dann Rolle. */
.dsm_card_carousel:has(.dsm_card_carousel_child_description) .dsm_card_wrapper {
    display: flex;
    flex-direction: column;
}
.dsm_card_carousel:has(.dsm_card_carousel_child_description) .dsm_card_carousel_child_description { order: 0 !important; }
.dsm_card_carousel:has(.dsm_card_carousel_child_description) .dsm_card_carousel_child_subtitle { order: 2 !important; }
.et-db #et-boc .et-l .dsm_card_carousel:has(.dsm_card_carousel_child_description) .dsm_card_title,
.dsm_card_carousel:has(.dsm_card_carousel_child_description) .dsm_card_title {
    order: 1 !important;
    margin-top: 20px !important;
    padding-bottom: 0 !important;
    font-family: Inter, sans-serif !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 800 !important;
}
/* Bildkarten (Startseite): Titel 19 px wie live. */
.et-db #et-boc .et-l .dsm_card_carousel:not(:has(.dsm_card_carousel_child_description)) .dsm_card_title,
.dsm_card_carousel:not(:has(.dsm_card_carousel_child_description)) .dsm_card_title {
    font-size: 19px !important;
    line-height: 1.4em !important;
}
/* Supreme 5 zeigt ohne Einstellung den Platzhalter „Badget Text“; live gibt es keine Badges. */
.dsm_card_carousel_child_badge_text { display: none !important; }
/* Supreme 5 setzt den Karten-Innenabstand mit stärkerem Selektor auf 20px !important; das Modul-CSS will 0 (wie live). */
.dsm_card_carousel:has(.dsm_card_carousel_child_description) .dsm_card_carousel_child .dsm_card_wrapper { padding: 0 !important; }


/* Divi-5-Migration (04.11.2026): Navigationsleiste unter den Inhalten wie live (umrahmte Pfeile, Nach-oben rechts) */
.et_pb_row:has(a[href*="#wcrn-hero"]) .dsm_icon_list_icon {
	border: 2px solid #333333;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.et_pb_column:has(a.et_pb_icon[href*="#wcrn-hero"]) {
	text-align: right;
}
a.et_pb_icon[href*="#wcrn-hero"] {
	display: inline-block;
	border: 0 !important;
	padding: 0 !important;
}
a.et_pb_icon[href*="#wcrn-hero"] .et_pb_icon_wrap {
	border: 2px solid #000000;
	padding: 5px;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Divi-5-Migration: CTA-Buttons wieder mit Pfeil und Innenabstand wie live */
body .et_pb_button.wcrn-button {
	padding: 0.3em 3em 0.3em 2em !important;
}
body .et_pb_button.wcrn-button::after {
	content: "$" !important;
	font-family: ETmodules !important;
	opacity: 1 !important;
	position: absolute;
	left: auto !important;
	margin-left: 0.3em !important;
	font-size: 1em;
	line-height: inherit;
	display: inline-block;
}

/* Rechtslinks im Footer: feine Trenner statt dicker senkrechter Striche */
.wcrn-trenner {
	display: inline-block;
	width: 1px;
	height: 0.85em;
	background-color: #b5b5b5;
	margin: 0 0.6em;
	vertical-align: -0.08em;
}


/* Livegang 04.11.2026: Header-Menü wieder 14 px (Divi 5 setzt nach dem CSS-Neuaufbau die globale Textgröße ein) */
.et-l--header .et_pb_menu .et-menu > li > a,
.et-l--header .et_pb_menu .et-menu .sub-menu a {
	font-size: 14px !important;
}

/* Pfeile des früheren Owl-Event-Karussells: das Raster hat nichts mehr zu steuern */
.wcrn-event-slider-controls {
	display: none !important;
}

/* Störer ohne Link (z. B. „Alle Anzeigen“ beim Partner-Block) waren nie verlinkt: ausblenden */
.et_pb_image:not(:has(a)):has(img[src*="wcrn-stoerer"]) {
	display: none !important;
}

/* Buttons einheitlich (05.11.2026): Hover dunkelgrün mit weißer Schrift und weißem Pfeil (Kontrast 4,5:1 statt 2,6:1 auf #54b948) */
html body #page-container .et_pb_button:not(.et_pb_button_two):hover {
	background-color: #3c8633 !important;
	color: #ffffff !important;
}
html body #page-container .et_pb_button:not(.et_pb_button_two):hover::after {
	color: #ffffff !important;
}

/* Buttons, bei denen die Migration den Pfeil verloren hat: Pfeil und Abstände wie die übrigen */
html body #page-container .et_pb_button:not(.et_pb_custom_button_icon):not(.wcrn-button):not([class*="dsm-icon"]) {
	padding: 0.3em 3em 0.3em 2em !important;
}
html body #page-container .et_pb_button:not(.et_pb_custom_button_icon):not(.wcrn-button):not([class*="dsm-icon"])::after {
	content: "$" !important;
	font-family: ETmodules !important;
	opacity: 1 !important;
	position: absolute;
	left: auto !important;
	margin-left: 0.3em !important;
	font-size: 1em;
	line-height: inherit;
	display: inline-block;
}

/* Button-Platzhalter ohne Ziel (Migrationsrest, z. B. „Button“ auf Fachkräfte) ausblenden */
html body #page-container a.et_pb_button:not([href]) {
	display: none !important;
}

/* Social-Icons: auch gegen die Box-Regeln der Kontrast-Schicht weiß (z. B. Footer auf /events/) */
html body #page-container#page-container#page-container#page-container .dsm_icon_list_child:is(:has(a[href*="linkedin.com"]), :has(a[href*="instagram.com"]), :has(a[href*="youtube.com"]), :has(a[href*="facebook.com"])) .dsm_icon_list_icon {
	background-color: #3c8633 !important;
	color: #ffffff !important;
}


/* Teamkarten (05.11.2026): feine graue Linie unter Telefon/Mail entfernt, Unterstreichung des Links bleibt */
html body #page-container .dsm_card_description a {
	border-bottom: 0 !important;
}


/* Breadcrumbs (09.11.2026): seit Divi 5.18 fehlt im Kompatibilitätsmodus das Supreme-Layout, Liste wieder einzeilig */
html body #page-container .dsm_breadcrumbs .dsm_breadcrumbs_list {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body #page-container .dsm_breadcrumbs .dsm_breadcrumbs_list > li {
	display: inline-flex;
	align-items: center;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
html body #page-container .dsm_breadcrumbs .dsm_breadcrumbs_list > li.dsm_breadcrumbs_separator {
	margin: 0 0.6em !important;
}
html body #page-container .dsm_breadcrumbs .dsm_breadcrumbs_list > li.dsm_breadcrumbs_item {
	max-width: 100%;
	white-space: normal;
}
html body #page-container .dsm_breadcrumbs .dsm_home_text_wrapper {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
}

/* Standort-Schild auf den Personenkarten (12.11.2026): Divi legt die
   Grundpositionierung von .dsm_card_badge_text seit dem Update mal bei und mal
   nicht. Fehlt sie, laeuft der Standort als normaler Textblock mit und legt
   sich als heller Streifen ueber das Foto. Werte aus Divi Supreme uebernommen,
   niedrige Spezifitaet, damit Modul-Einstellungen weiterhin gewinnen. */
.dsm_card .dsm_card_image_wrapper {
	position: relative;
}
.dsm_card .dsm_card_badge_text {
	position: absolute;
	z-index: 3;
	max-width: 100%;
	padding: 7px 15px;
	line-height: 1em;
}