@import url("./usr_slider.css");


body{
  background-color: #fcfbfd;
}

/*Header Leiste Image*/
.container-header .navbar-brand img {
    max-height: 80px;
    width: auto;
}

/*Header Leiste Hauptcontainer*/
.container-header {
    background-color: #fcfbfd;
    background-image: none;
}


/*Footer */
.container-footer {
    background: #fcfbfd;
    color: black;
}

/* Innerer Footer-Bereich */
.container-footer .grid-child {
    width: 100%;
    max-width: none;
    display: flex;
    justify-content: center;
    text-align: center;
}

/* Joomla Footer-Modul */
.container-footer .mod-footer {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}


/*Navigationsleiste:*/

.container-header .mod-menu {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.container-header .mod-menu a {
    text-decoration: none;
    font-weight: bold;
    color: #3f3531 !important;
}

.container-header .container-nav {
    background: #f4f3f5;
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

/* Untermenü auf Desktop automatisch bei Hover öffnen */
@media (min-width: 992px) {
    .container-header .mod-menu li.deeper.parent {
        position: relative;
    }

    .container-header .mod-menu li.deeper.parent > .mod-menu__sub {
        display: block !important;

        position: absolute;
        top: 100%;
        left: 0;

        min-width: 220px;
        padding: 0.5rem 0;
        padding-left:10px;
        margin: 0;
        margin-left: 20px;

        background: #f4f3f5;
        border-radius: 0 0 8px 8px;
        z-index: 1000;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translateY(-6px);

        transition:
            opacity 0.2s ease,
            transform 0.2s ease,
            visibility 0.2s ease;
    }

    .container-header .mod-menu li.deeper.parent:hover > .mod-menu__sub,
    .container-header .mod-menu li.deeper.parent:focus-within > .mod-menu__sub {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    /* Pfeil auf Desktop ausblenden */
    .container-header .mod-menu__toggle-sub {
        display: none;
    }
}





/* Hintergrund Banner */
.bannertable {
    background-image: url('/images/headers/homebanner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:400px;
    opacity: 0.7;
    position: relative;
}

.nextevent {
  
  position: absolute;
  height:300px;
  width: auto;
  top: 50px;
  right: 300px;
  opacity: 1;
  border: 1.5px solid black;
  box-shadow: 0 4px 16px rgba(63, 53, 49, 0.15);
}


/* Kontakt ausblenden */
.com-contact__container > h2 {
    display: none;
}