.top-bar-section .dropdown.mega-menu-content {	
	margin: 0 auto;  padding: 0em;
}

/* Div anstatt UL LI für FreeTile */
.mega-container { 	position: relative; margin-top: 0px; padding-top: .5em;	}
.mega-menu-grid-content {	margin-bottom: 0.8em;	}

/* Reset CSS aus MegaMenu */

@media only screen and (min-width: 64.063em) {
	/* Ersetzt: Die Hintergrundfarben der FreeTile-Objekte für die h4 und das li a unterscheiden sich deshalb,
	weil die Bilder innerhalb des Sliders erheblich dunkler sind und sich die Unterschiede während eines MouseOvers kaum voneinander abheben
	*/

	.top-bar-section .dropdown.mega-menu-content .mega-container .mega-menu-grid-content h4 a {
		/* background: rgba(238, 238, 238, 1) none repeat scroll 0 0 !important; */
	}

	.top-bar-section .dropdown.mega-menu-content .mega-container .mega-menu-grid-content h4 a:hover {
		/* background: rgba(232, 232, 232, 1) none repeat scroll 0 0 !important; */
	}
}

/* ============== Spaltenbreiten des FreeTile abhängig von der Browsergröße ======= */

@media only screen and (max-width: 40em) {
	.mega-menu-grid-content { width: 100%; 	}
}

@media only screen and (min-width: 40.063em) and (max-width: 46.813em) {
	/* 2 Spalten ab 641 bis 759 px*/
	.mega-menu-grid-content { width: 49.98%; 	}
}

@media only screen and (min-width: 46.875em)	and (max-width: 53.688em){
	/* 3 Spalten ab 750px bis 859px */
	.mega-menu-grid-content { width: 33.31%; 	}
}

@media only screen and (min-width: 53.750em)	and (max-width: 64em) {
	/* 4 Spalten ab 860 bis 1024px, grob die Mitte zwischen 750 und 1024 Pixeln minus 20 px rechte Browserscroll-Leiste*/
	.mega-menu-grid-content { width: 24.973%; 	/* mehr geht nicht, dann passieren Rundungsfehler im Browser */ }
}

@media only screen and (min-width: 64.063em) { 		
/* 4 Spalten ab 1025 */
/*	.mega-menu-grid-content { width: 25%; 	}*/
/* oder 5 Spalten wie das Original-MegaMenu */
	.mega-menu-grid-content { width: 20%; 	}
}

