#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;
}
