/*@import "custom_cassiopeia_header_and_footer.css";*/


/*Untermenüpunkt leicht angrauen*/
.metismenu.mod-menu .mm-collapse {
    background: #F4F4F4;
    border: 1px solid black;
}  
/* Spezieller Effekt für die Links innerhalb des gehoverten Untermenüs */
.metismenu.mod-menu .mm-collapse a:hover {
    background-color: #DDDDDD;
}

@media (min-width: 992px) {
/* Farbe der Linie unter dem aktiven Menüpunkt ändern */
.container-header .mod-menu li.active > a,
.container-header .mod-menu li.current > a {
    box-shadow: inset 0 -2px 0 0 #ffffff;
}

/* Optional: Gleiche Farbe beim Drüberfahren (Hover) */
.container-header .mod-menu a:hover {
    box-shadow: inset 0 -2px 0 0 #999999;
}
}

/* Umbruch der Seitennavigation auf mobilen Geräten */
@media (max-width: 991px) {
.pagination {
  margin-bottom: 0;
  flex-wrap: wrap;
}

.counter.float-end.pt-3.pe-2 {
  display: none;
}
}

/* Hamburger-Menü auf die rechte Seite! */
@media only screen and (max-width:991px) {
.container-header .container-nav {
justify-content: right;
}
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list li {
justify-content: right;  
}
nav.navbar.navbar-expand-lg,
nav.navbar.navbar-expand-md  {
justify-content: right;    
}
}

@media only screen and ( min-width: 1400px ) {
/* breites Browserfenster */
body.site 
{
    background: transparent;
	background-image: url(/images/background1.jpg);
    /*background-image: linear-gradient(90deg, rgba(255,255,255,0) calc(50% - 668px), rgba(255,255,255,1) calc(50% - 667px), rgba(255,255,255,1) calc(50% + 667px), rgba(255,255,255,0) calc(50% + 668px)), url(/images/background.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
  background-position: center center;
    /*background-color: #fffa;*/
}
}

@media only screen and ( min-width: 1400px ) {
/* breites Browserfenster */
.site-grid
{


background: linear-gradient(90deg, rgba(255,255,255,0) calc(50% - 668px), rgba(255,255,255,1) calc(50% - 667px), rgba(255,255,255,1) calc(50% + 667px), rgba(255,255,255,0) calc(50% + 668px));

}
}

/*Für unteres Footermenü*/
footer .metismenu.mod-menu .metismenu-item 
{
float: left
}


/*
Bugfix für Cassiopeia Template so dass Menü umgebrochen wird, falls es nicht in eine Zeile passt
*/
.container-header .mod-menu {
	flex-wrap: wrap;
}