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