/* Accessibility Box */
.accessibility-container {
    display: flex;
    flex-direction: row;
    position: relative;
}

.accessibility-trigger {
    cursor: pointer;
}

.accessibility-trigger img {
    color: var(--white-color);
    opacity: var(--opacity-standard);
}

.accessibility-trigger img:hover {
    opacity: var(--opacity-hover);
}

.accessibility-inner {
    display: none;
    position: absolute;
    background-color: white;
    top: 37px;
    z-index: 999999;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    width: 200px;
    left: clamp(-13px, 50%, calc(100% - 205px));
}

.accessibility-inner::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 25px; 
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 999999;
}

.accessibility-inner .text-container,
.accessibility-inner .contrast-container {
    display: flex;
}

.accessibility-inner .text-container {
    padding: 6px;
}

.accessibility-inner .text-container > .text-label {
    margin: 0;
    padding: 0;
    line-height: unset;
}

.accessibility-inner .text-container > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 5px;
    line-height: normal;
    padding-bottom: 5px;
}

.accessibility-inner > div > div.p-label > p {
    margin: 0;
    min-width: 75px;
    text-decoration: underline;
}

.accessibility-inner .contrast-container {
    padding: 6px;
    font-size: 1rem;
}

.accessibility-inner .contrast-container .contrast-label {
    padding-top: 8px;
}

.text-container .text-normal {
    cursor: pointer;
}

.text-container .text-big {
    font-size: 1.25rem;
    padding-bottom: 3px;
    cursor: pointer;
}

.text-container .text-bigger {
    font-size: 1.5rem;
    padding-bottom: 1px;
    cursor: pointer;
}

.accessibility-inner .contrast-normal {
    padding-left: 7px;
    padding-top: 1px;
    margin-left: 6px;
    width: 30px;
    height: 30px;
    background-color: white;
    cursor: pointer;
    color: var(--primary-color);
    border: 3px solid var(--primary-color);
    font-weight: bold;
    font-size: 16px;
}

.accessibility-inner .contrast-black-to-white {
    cursor: pointer;
    color: black;
    padding-left: 7px;
    padding-top: 1px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 6px;
    margin-top: 0;
    width: 30px;
    height: 30px;
    background-color: #F6F8F9;
    border: solid 3px black;
}

.accessibility-inner .contrast-white-to-black {
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin-left: 6px;
    margin-top: 0px;
    width: 30px;
    height: 30px;
    background-color: #F6F8F9;
    border: solid 3px black;
}

.accessibility-inner .contrast-white-black-inner {
    background-color: black;
    border: 2px solid white;
    height: 25px;
    padding-left: 6px;
}

.accessibility-inner .contrast-white-black-inner p {
    margin-top: -1px;
    margin-left: 1px;
}


/* Leichte Sprache */
.header-top-nav-container-wrap .top-navigation .leichte-sprache-trigger {
    margin-left: 15px;
}

.header-top-nav-container-wrap .top-navigation .leichte-sprache-trigger img {
    width: 23px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(45deg) brightness(102%) contrast(101%);
}

.header-top-nav-container-wrap .top-navigation .leichte-sprache-trigger img:hover {
    opacity: 1;
}

body.white-contrast .header-top-nav-container-wrap .top-navigation .leichte-sprache-trigger img {
    filter: unset;
}


/* Divers */
ul.dropdown-nav[data-level="3"] {
    display: none;
}

ul.dropdown-nav[data-level="3"].visible {
    display: block;
}


/* Contrast */


/* White */
body.white-contrast .header-top-nav-container-wrap .top-navigation {
    background-color: #F6F8F9;
    border-bottom: 1px solid var(--black-color);
}

body.white-contrast .header-top-nav-container-wrap .top-navigation li a {
    color: var(--black-color) !important;
}

body.white-contrast .header-top-nav-container-wrap .top-navigation img {
    filter: brightness(0) saturate(100%);
}

body.white-contrast header {
    background-color: var(--white-color) !important;
}

@media (min-width: 992px) {
    body.white-contrast header nav > .navbar-nav > .nav-item.is-hovered,
    body.white-contrast header nav > .navbar-nav > .nav-item.hover-active {
        background-color: var(--black-color) !important;
    }

    body.white-contrast header nav > .navbar-nav > .nav-item.is-hovered > a.nav-link > span,
    body.white-contrast header nav > .navbar-nav > .nav-item.hover-active > a.nav-link > span {
        color: var(--white-color) !important;
    }

    body.white-contrast header nav > .navbar-nav > .nav-item.is-hovered > button.nav-link > .nav-link-indicator:before,
    body.white-contrast header nav > .navbar-nav > .nav-item.hover-active > button.nav-link > .nav-link-indicator:before {
        filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(15%) hue-rotate(120deg) brightness(104%) contrast(102%);    
    }   

    body.white-contrast header nav > .special-mega-menu > div {
        background-color: #F6F8F9 !important;
    }

    body.white-contrast header nav .dropdown-nav[data-level="2"] > .nav-item:last-child > .nav-link > .nav-link-text {
        background-color: var(--black-color);
        color: var(--white-color);
    }
    body.white-contrast header nav .dropdown-nav[data-level="2"] > .nav-item:last-child > .nav-link > .nav-link-text:hover {
        background-color: var(--white-color) !important;
        color: var(--black-color) !important;
    }

    body.white-contrast .nav-item.show.hover-active .return-to-page a::after {
        filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(210deg) brightness(112%) contrast(100%);
    }
}

@media (max-width: 991.98px) {
    body.white-contrast header nav > .navbar-nav > .nav-item > a.nav-link > .nav-link-text {
        color: var(--black-color);
    }

    body.white-contrast header nav > .navbar-nav > .nav-item {
        border-bottom: 1px solid var(--black-color);
    }
}

body.white-contrast .section.section-default > .frame-background-primary {
    background-color: var(--white-color) !important;
}

body.white-contrast .section.section-default > .frame-background-secondary {
    background-color: #dadada !important;
}

body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2 {
    background-color: var(--black-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0 span,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1 span,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2 span,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0 span,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1 span,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2 span,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0 span,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1 span,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2 span {
    color: var(--white-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0:hover,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1:hover,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2:hover {
    background-color: var(--white-color) !important;
    border: 1px solid var(--black-color);
}

body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0:hover,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1:hover,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2:hover,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0:hover,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1:hover,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2:hover {
    background-color: var(--white-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0:hover span,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1:hover span,
body.white-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2:hover span,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0:hover span,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1:hover span,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2:hover span,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0:hover span,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1:hover span,
body.white-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2:hover span {
    color: var(--black-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary a.btn-0,
body.white-contrast .section.section-default > .frame-background-primary a.btn-1,
body.white-contrast .section.section-default > .frame-background-primary a.btn-2,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-0,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-1,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-2,
body.white-contrast .section.section-default > .frame-background-dark a.btn-0,
body.white-contrast .section.section-default > .frame-background-dark a.btn-1,
body.white-contrast .section.section-default > .frame-background-dark a.btn-2 {
    background-color: var(--black-color) !important;
    color: var(--white-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary a.btn-0,
body.white-contrast .section.section-default > .frame-background-primary a.btn-1,
body.white-contrast .section.section-default > .frame-background-primary a.btn-2,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-0,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-1,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-2,
body.white-contrast .section.section-default > .frame-background-dark a.btn-0,
body.white-contrast .section.section-default > .frame-background-dark a.btn-1,
body.white-contrast .section.section-default > .frame-background-dark a.btn-2 {
    background-color: var(--black-color) !important;
    color: var(--white-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary a.btn-0:hover,
body.white-contrast .section.section-default > .frame-background-primary a.btn-1:hover,
body.white-contrast .section.section-default > .frame-background-primary a.btn-2:hover,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-0:hover,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-1:hover,
body.white-contrast .section.section-default > .frame-background-secondary a.btn-2:hover,
body.white-contrast .section.section-default > .frame-background-dark a.btn-0:hover,
body.white-contrast .section.section-default > .frame-background-dark a.btn-1:hover,
body.white-contrast .section.section-default > .frame-background-dark a.btn-2:hover {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary a.btn-0:hover,
body.white-contrast .section.section-default > .frame-background-primary a.btn-1:hover,
body.white-contrast .section.section-default > .frame-background-primary a.btn-2:hover {
    border: 1px solid var(--black-color);
}

body.white-contrast .section.section-default > .frame-background-primary h2,
body.white-contrast .section.section-default > .frame-background-primary h2 span,
body.white-contrast .section.section-default > .frame-background-primary h3,
body.white-contrast .section.section-default > .frame-background-primary h3 span,
body.white-contrast .section.section-default > .frame-background-secondary h2 ,
body.white-contrast .section.section-default > .frame-background-secondary h2 span,
body.white-contrast .section.section-default > .frame-background-secondary h3 ,
body.white-contrast .section.section-default > .frame-background-secondary h3 span {
    color: var(--black-color) !important;
}

body.white-contrast .section.section-default > .frame-background-primary p,
body.white-contrast .section.section-default > .frame-background-primary li,
body.white-contrast .section.section-default > .frame-background-secondary p,
body.white-contrast .section.section-default > .frame-background-secondary li {
    color: var(--black-color);
}

body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_teaser .teaser-info,
body.white-contrast .section.section-default > .frame-background-secondary #ce_wg_teaser_icon .teaser-info {
    border: 1px solid var(--black-color);
}

body.white-contrast .section.section-default > div.frame-background-secondary .frame-layout-wg-frame-box > div > div > .frame-container {
    border: 1px solid var(--black-color);
}


body.white-contrast .section.section-default > div.frame-background-primary .frame-layout-wg-frame-box .tx-powermail input,
body.white-contrast .section.section-default > div.frame-background-primary .frame-layout-wg-frame-box .tx-powermail select,
body.white-contrast .section.section-default > div.frame-background-primary .frame-layout-wg-frame-box .tx-powermail textarea {
    background-color: var(--white-color);
}

body.white-contrast .section.section-default > div.frame-background-primary .frame-layout-wg-frame-box .tx-powermail .powermail_submit {
    background-color: var(--black-color);
    color: var(--white-color);
}

body.white-contrast .section.section-default > div.frame-background-primary .frame-layout-wg-frame-box .tx-powermail .powermail_submit:hover {
    background-color: var(--white-color);
    color: var(--black-color);
}

body.white-contrast .section.section-default > div.frame-background-secondary .frame-layout-wg-frame-box > div > div > .frame-container {
    background-color: var(--white-color) !important;
}

body.white-contrast .section.section-default > div.frame-background-secondary .frame-layout-wg-frame-box .tx-powermail legend,
body.white-contrast .section.section-default > div.frame-background-secondary .frame-layout-wg-frame-box .tx-powermail label {
    color: var(--black-color) !important;
}

body.white-contrast .section.section-default > div.frame-background-secondary .frame-layout-wg-frame-box .tx-powermail .powermail_submit {
    background-color: var(--black-color) !important;
    color: var(--white-color) !important;
}

body.white-contrast .section.section-default > div.frame-background-secondary .frame-layout-wg-frame-box .tx-powermail .powermail_submit:hover {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
    border: 1px solid var(--black-color) !important;
}

body.white-contrast .section.section-default > div.frame-background-dark .frame-layout-wg-frame-box .tx-powermail .powermail_submit {
    background-color: var(--black-color);
    color: var(--white-color);
}

body.white-contrast .section.section-default > div.frame-background-dark .frame-layout-wg-frame-box .tx-powermail .powermail_submit:hover {
    background-color: var(--white-color);
    color: var(--black-color);
}

body.white-contrast .breadcrumb-link:hover {
    background-color: var(--black-color) !important;
}

body.white-contrast .breadcrumb-link:hover span {
    color: var(--white-color) !important;
}

body.white-contrast.suche-seite .section.section-default > div.frame:first-child {
    background-color: var(--white-color) !important;
}

body.white-contrast.suche-seite .mt-3 {
    background-color: var(--white-color) !important;
}

body.white-contrast.suche-seite input.form-control {
    background-color: var(--white-color) !important;
}

body.white-contrast.suche-seite input.btn {
    background-color: var(--black-color) !important;
    color: var(--white-color) !important;
}

body.white-contrast.suche-seite input.btn:hover {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
}

body.white-contrast .section.section-default > div.frame-background-secondary #ce_wg_contact .contact-container {
    border: 1px solid var(--black-color);
}

body.white-contrast .section.section-default > div.frame-background-secondary #ce_wg_contact a {
    color: var(--black-color) !important;
}

body.white-contrast .section.section-default > div.frame-background-secondary #ce_wg_contact .contact-btn .phone:before,
body.white-contrast .section.section-default > div.frame-background-secondary #ce_wg_contact .contact-btn .mail:before {
    filter: brightness(0) saturate(100%);
}

body.white-contrast .dataTables_wrapper th {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
}

body.white-contrast .table.dataTable thead > tr > th.sorting_asc:before {
    opacity: 0.8;
    color: var(--primary-color) !important;
}

body.white-contrast .table.dataTable thead > tr > th.sorting_desc:after {
    opacity: 0.8;
    color: red !important;
}

body.white-contrast .table.dataTable thead > tr > th:before,
body.white-contrast .table.dataTable thead > tr > th:after {
    color: var(--black-color) !important;
    opacity: 0.4;
}

body.white-contrast footer #gastfreunde_footer {
    background-color: #F6F8F9;
    color: var(--black-color);
    border-top: 1px solid var(--black-color);
}

body.white-contrast footer #gastfreunde_footer .contentcontainer-column ul li a {
    color: var(--black-color);
}

body.white-contrast footer #gastfreunde_footer .contentcontainer-column img {
    background-color: var(--black-color);
}

body.white-contrast #switchTabForm .formular-filter > div:not(.active) {
    color: rgba(28, 28, 28, 1) !important;
}

body.white-contrast .section.section-default > div.frame-background-primary .powermailFormTabSwitch .tx-powermail input,
body.white-contrast .section.section-default > div.frame-background-primary .powermailFormTabSwitch .tx-powermail select,
body.white-contrast .section.section-default > div.frame-background-primary .powermailFormTabSwitch .tx-powermail .checkbox > label::before,
body.white-contrast .section.section-default > div.frame-background-primary .powermailFormTabSwitch .tx-powermail textarea {
    background-color: var(--white-color);
}

body.white-contrast .section.section-default > div.frame-background-primary .powermailFormTabSwitch .tx-powermail .powermail_submit {
    background-color: var(--black-color) !important;
}

body.white-contrast .section.section-default > div.frame-background-primary .powermailFormTabSwitch .tx-powermail .powermail_submit:hover {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
}





/* Black */
body.black-contrast .header-top-nav-container-wrap .top-navigation {
    border-bottom: 1px solid var(--white-color);
}

body.black-contrast .header-top-nav-container-wrap .top-navigation li a {
    color: var(--white-color) !important;
}

body.black-contrast header {
    background-color: var(--black-color) !important;
}

@media (min-width: 992px) {
    body.black-contrast header nav > .navbar-nav > li {
        color: var(--white-color) !important;
        border-left: 1px solid var(--white-color) !important;
    }

    body.black-contrast header nav > .navbar-nav > li:last-child {
        border-right: 1px solid var(--white-color);
    }

    body.black-contrast header nav .navbar-nav > .nav-item > .nav-link > .nav-link-text {
        color: var(--white-color) !important;
    }

    body.black-contrast header nav > .navbar-nav > .nav-item.is-hovered,
    body.black-contrast header nav > .navbar-nav > .nav-item.hover-active {
        background-color: var(--white-color) !important;
    }

    body.black-contrast header nav > .navbar-nav > .nav-item.is-hovered > a.nav-link > span,
    body.black-contrast header nav > .navbar-nav > .nav-item.hover-active > a.nav-link > span {
        color: var(--black-color) !important;
    }

    body.black-contrast header nav > .navbar-nav > .nav-item.is-hovered > button.nav-link > .nav-link-indicator:before,
    body.black-contrast header nav > .navbar-nav > .nav-item.hover-active > button.nav-link > .nav-link-indicator:before {
        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(11%) hue-rotate(233deg) brightness(94%) contrast(102%);
    }   

    body.black-contrast header nav > .special-mega-menu > div {
        background-color: var(--grey-dark-super);
    }

    body.black-contrast header nav > .special-mega-menu a span,
    body.black-contrast header nav > .special-mega-menu a > div,
    body.black-contrast header nav > .special-mega-menu .subnav-2 li {
        color: var(--white-color);
    }

    body.black-contrast header nav > .navbar-nav > .nav-item > button.nav-link > .nav-link-indicator:before {
        filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(151deg) brightness(106%) contrast(101%);
    }

    body.black-contrast header nav .dropdown-nav[data-level="2"] > .nav-item:last-child > .nav-link > .nav-link-text {
        background-color: var(--white-color);
        color: var(--black-color);
    }

    body.black-contrast header nav .dropdown-nav[data-level="2"] > .nav-item:last-child > .nav-link > .nav-link-text:hover {
        background-color: var(--black-color) !important;
        color: var(--white-color) !important;
    }

    body.black-contrast header nav > .navbar-nav > .nav-item.show:not(:last-child) {
        border-right: 1px solid var(--white-color);
    }

    body.black-contrast header nav > .navbar-nav > .nav-item .return-to-page a::after {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(10deg) brightness(122%) contrast(92%);
    }

    body.black-contrast .nav-item.show.hover-active .return-to-page a::after {
        filter: brightness(0) saturate(100%) invert(0%) sepia(89%) saturate(7500%) hue-rotate(44deg) brightness(90%) contrast(109%);    
    }

    body.black-contrast header nav .dropdown-nav[data-level="3"] {
        background-color: var(--black-color) !important;
    }

    body.black-contrast header nav .dropdown-nav[data-level="3"] li a span {
        color: var(--white-color) !important;
    }
}

@media (max-width: 991.98px) {
    body.black-contrast header nav > .navbar-nav > .nav-item > a.nav-link > .nav-link-text {
        color: var(--white-color);
    }

    body.black-contrast header nav > .navbar-nav > .nav-item {
        border-bottom: 1px solid var(--white-color);
    }

    body.black-contrast  header nav > .navbar-nav > .nav-item > .dropdown-menu.modal-box {
        background-color: var(--black-color) !important;
    }

    body.black-contrast header nav .dropdown-nav[data-level="2"] .accordion-button .nav-link-text {
        color: var(--white-color) !important;
    }

    body.black-contrast header nav .dropdown-nav[data-level="3"] > .nav-item > a.nav-link > .nav-link-text {
        color: var(--white-color) !important;
    }

    body.black-contrast header nav > .navbar-nav > .nav-item .return-to-page a::after {
        border-top: 2px solid var(--white-color);
        border-left: 2px solid var(--white-color);
    }

    body.black-contrast header nav .dropdown-nav[data-level="2"] .nav-item.accordion .accordion-button.collapsed::after,
    body.black-contrast header nav .dropdown-nav[data-level="2"] .nav-item.accordion .accordion-button:not(.collapsed)::after {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1186%) hue-rotate(190deg) brightness(116%) contrast(100%);
    }
}

body.black-contrast .section.section-default > .frame-background-primary {
    background-color: var(--black-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary h2,
body.black-contrast .section.section-default > .frame-background-primary h3 {
    color: var(--white-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary p,
body.black-contrast .section.section-default > .frame-background-primary li {
    color: var(--white-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2 {
    background-color: var(--white-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0 span,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1 span,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2 span,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0 span,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1 span,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2 span,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0 span,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1 span,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2 span {
    color: var(--black-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0:hover,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1:hover,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2:hover {
    background-color: var(--black-color) !important;
    border: 1px solid var(--white-color);
}

body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0:hover,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1:hover,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2:hover,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0:hover,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1:hover,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2:hover {
    background-color: var(--black-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-0:hover span,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-1:hover span,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_button a.btn-2:hover span,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-0:hover span,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-1:hover span,
body.black-contrast .section.section-default > .frame-background-secondary #ce_wg_button a.btn-2:hover span,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-0:hover span,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-1:hover span,
body.black-contrast .section.section-default > .frame-background-dark #ce_wg_button a.btn-2:hover span {
    color: var(--white-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary a.btn-0,
body.black-contrast .section.section-default > .frame-background-primary a.btn-1,
body.black-contrast .section.section-default > .frame-background-primary a.btn-2,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-0,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-1,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-2,
body.black-contrast .section.section-default > .frame-background-dark a.btn-0,
body.black-contrast .section.section-default > .frame-background-dark a.btn-1,
body.black-contrast .section.section-default > .frame-background-dark a.btn-2 {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary a.btn-0,
body.black-contrast .section.section-default > .frame-background-primary a.btn-1,
body.black-contrast .section.section-default > .frame-background-primary a.btn-2,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-0,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-1,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-2,
body.black-contrast .section.section-default > .frame-background-dark a.btn-0,
body.black-contrast .section.section-default > .frame-background-dark a.btn-1,
body.black-contrast .section.section-default > .frame-background-dark a.btn-2 {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary a.btn-0:hover,
body.black-contrast .section.section-default > .frame-background-primary a.btn-1:hover,
body.black-contrast .section.section-default > .frame-background-primary a.btn-2:hover,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-0:hover,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-1:hover,
body.black-contrast .section.section-default > .frame-background-secondary a.btn-2:hover,
body.black-contrast .section.section-default > .frame-background-dark a.btn-0:hover,
body.black-contrast .section.section-default > .frame-background-dark a.btn-1:hover,
body.black-contrast .section.section-default > .frame-background-dark a.btn-2:hover {
    background-color: var(--black-color) !important;
    color: var(--white-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary a.btn-0:hover,
body.black-contrast .section.section-default > .frame-background-primary a.btn-1:hover,
body.black-contrast .section.section-default > .frame-background-primary a.btn-2:hover {
        border: 1px solid var(--white-color);
}

body.black-contrast .section.section-default > .frame-background-primary #ce_wg_teaser .teaser-info,
body.black-contrast .section.section-default > .frame-background-primary #ce_wg_teaser_icon .teaser-info {
    border: 1px solid var(--white-color);
}

body.black-contrast .section.section-default > .frame-background-primary #ce_wg_teaser_wide .teaser-box-content {
    border: 1px solid var(--white-color);
}

body.black-contrast .section.section-default > .frame-background-primary .frame-layout-wg-frame-box > div > div > .frame-container {
    border: 1px solid var(--white-color);
}

body.black-contrast .accordion button.accordion-button {
    color: var(--white-color) !important;
}

body.black-contrast .section.section-default > .frame-background-primary .accordion button.accordion-button {
    border-bottom: 1px solid var(--white-color) !important;
}

body.black-contrast .accordion .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(0%) hue-rotate(20deg) brightness(106%) contrast(101%) !important;
}

body.black-contrast .breadcrumb-link:hover {
    background-color: var(--black-color) !important;
}

body.black-contrast .breadcrumb-link:hover span {
    color: var(--white-color) !important;
}

body.black-contrast.suche-seite .section.section-default > div.frame:first-child {
    background-color: var(--black-color) !important;
}

body.black-contrast.suche-seite .mt-3 {
    background-color: var(--black-color) !important;
}

body.black-contrast.suche-seite input.form-control {
    background-color: var(--white-color) !important;
}

body.black-contrast.suche-seite input.btn {
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;
}

body.black-contrast.suche-seite input.btn:hover {
    background-color: var(--black-color) !important;
    color: var(--white-color) !important;
}

body.black-contrast.suche-seite .card-body h2,
body.black-contrast.suche-seite .card-body p {
    color: var(--white-color) !important;
}

body.black-contrast.suche-seite article {
    border: 1px solid var(--white-color) !important;
}

body.black-contrast .section.section-default > div.frame-background-primary #ce_wg_contact .contact-box .contact-item > div {
    border: 1px solid var(--white-color);
}

body.black-contrast .section.section-default > div.frame-background-primary #ce_wg_contact a {
    color: var(--white-color) !important;
}

body.black-contrast .section.section-default > div.frame-background-primary #ce_wg_contact .contact-btn .phone:before,
body.black-contrast .section.section-default > div.frame-background-primary #ce_wg_contact .contact-btn .mail:before {
filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(104%) contrast(102%);
}

body.black-contrast .tx-powermail label,
body.black-contrast .tx-powermail legend {
    color: var(--white-color);
}

body.black-contrast .tx-powermail input.powermail_submit:hover {
    border: 1px solid var(--white-color);
}

body.black-contrast .section.section-default > div.frame-background-primary .tx-powermail .powermail_submit {
    background-color: var(--white-color);
    color: var(--black-color);
}

body.black-contrast .section.section-default > div.frame-background-primary .tx-powermail .powermail_submit:hover {
    background-color: var(--black-color);
    color: var(--white-color);
    border: 1px solid var(--white-color);
}

body.black-contrast .section.section-default > div.frame-background-dark .frame-layout-wg-frame-box .tx-powermail .powermail_submit {
    background-color: var(--white-color);
    color: var(--black-color);
}

body.black-contrast .section.section-default > div.frame-background-dark .frame-layout-wg-frame-box .tx-powermail .powermail_submit:hover {
    background-color: var(--black-color);
    color: var(--white-color);
}

body.black-contrast .dataTables_wrapper th {
    background-color: var(--black-color) !important;
}

body.black-contrast .table.dataTable thead > tr > th.sorting_asc:before {
    opacity: 0.8;
    color: var(--primary-color) !important;
}


body.black-contrast .table.dataTable thead > tr > th.sorting_desc:after {
    opacity: 0.8;
    color: red !important;
}

body.black-contrast .table.dataTable thead > tr > th:before,
body.black-contrast .table.dataTable thead > tr > th:after {
    color: var(--white-color) !important;
    opacity: 0.4;
}

body.black-contrast footer #gastfreunde_footer {
    background-color: var(--black-color);
    color: var(--white-color);
    border-top: 1px solid var(--white-color);
}

body.black-contrast footer #gastfreunde_footer .contentcontainer-column ul li a {
    color: var(--white-color);
}

body.black-contrast .section.section-default > .frame-background-primary #switchTabForm .formular-filter > div {
    border: 4px solid var(--white-color);
}

body.black-contrast .section.section-default > .frame-background-primary #switchTabForm .formular-filter > div.active {
    border: 4px solid var(--white-color);
}

body.black-contrast .section.section-default .frame-inner.powermailFormTabSwitch {
    border: 1px solid var(--white-color);
}