:root{--cassiopeia-color-primary:#2bb673;--cassiopeia-color-link:#2bb673;}a{color:#2bb673;}a:hover{color:#239a5e;}nav.navbar,.header{background-color:#2bb673!important;}nav.navbar a,.header a{color:#ffffff!important;}.btn-primary{background-color:#2bb673!important;border-color:#2bb673!important;}h1,h2,h3{color:#2bb673;}
/* === Banner/Header Image - Full Width === */
.container-banner.full-width {
    padding: 0;
    max-height: 250px;
    overflow: hidden;
}
.container-banner.full-width img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 250px;
    object-fit: cover;
}

/* === Menu Dropdown Hover Fix === */
@media (min-width: 992px) {
    .nav-item.deeper .mod-menu__sub {
        display: none;
        position: absolute;
        z-index: 9999;
        background-color: #fff;
        min-width: 220px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        padding: 8px 0;
        border-radius: 4px;
        list-style: none;
    }
    .nav-item.deeper:hover > .mod-menu__sub {
        display: block !important;
    }
    .nav-item.deeper .mod-menu__sub li a {
        color: #333 !important;
        padding: 6px 16px;
        display: block;
    }
    .nav-item.deeper .mod-menu__sub li a:hover {
        background-color: #f0f0f0;
        color: #2bb673 !important;
    }
    /* Fix: Nested sub-menus */
    .nav-item.deeper .mod-menu__sub .deeper .mod-menu__sub {
        left: 100%;
        top: 0;
    }
}

/* === Commetering Widget: No Scrollbar === */
.mod-wrapper iframe {
    overflow: hidden !important;
    scrolling: no;
}
/* Topbar wrapper module: fixed size, no overflow */
#topbar-wrapper {
    overflow: hidden;
    height: 90px;
}
/* Commetering: force no scrollbar on iframe */
iframe.mod-wrapper.wrapper { overflow: hidden !important; scrolling: no; display: block; }

/* === Dropdown: Parent braucht position:relative für absolute Positionierung === */
@media (min-width: 992px) {
    .nav-item.deeper {
        position: relative;
    }
    /* Stelle sicher dass dropdown über anderem Inhalt liegt */
    .header .nav-item.deeper:hover > .mod-menu__sub,
    .navbar-nav .nav-item.deeper:hover > .mod-menu__sub {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99999;
        background-color: #fff;
        min-width: 220px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        border-radius: 0 0 4px 4px;
        padding: 4px 0;
        list-style: none;
        margin: 0;
    }
}