/* wirkt nur bei Gesamtbreite unter 830px */
#mainmenu		{ width: 210px; }
#mainmenu1	{ display: none; }	/* das Hauptmenü nebeneinander auf Position topmenu ausblenden */
#mainmenu2	{ display: block; } /* Inhalt↓ einblenden */
#mainmenu:hover #mainmenu3 { display: block; }  /* Position topmenum */
#mainmenu3	{ top: 0px; left: 0px; width: 15em; }
#mainmenu3 ul			{ list-style: none; margin: 4px 0 0 0; padding: 0; }
#mainmenu3 li			{ float: none; margin: .5em 1em; }
#mainmenu3 .mod-menu__sub { position: absolute; left: 10em;	}			/* linke Kante des später sichtbaren Untermenüs */
#mainmenu3 .mod-menu__sub {
	top:  0em;																			/* Oberkante des später sichtbaren Untermenüs, muß ins style="", siehe n.php */
	font: 0em/0% serif;															/* Unternavigation ausblenden */
	background: #900 ;
	transition: all ease 0.1s;
}
#mainmenu3 li.parent>a { pointer-events: none; cursor: default; } /* fahrzeuge */
#mainmenu3 li.parent>a:after { content: " ►"; }
#mainmenu3 li:hover>ul {
	height: auto;
	font: inherit;
}
#mainmenu3 li:hover>ul li {
	white-space: nowrap;
	height: 1.2em;
	border: #ffffe0 solid 0px;											/* 1px funktioniert nicht, dann ist der ul-Rahmen verdeckt */
}
#navl li:hover>.ul1	{ width: 15em; }							/* für die Brauser, die calc() nicht beherrschen */
#navl li:hover>.ul2	{ width: 4em; }
#navl .ul1 a {
	display: block;
	width: auto;																		/* Breite den in li enthaltenen Elementen zuweisen */
}

/* #suchmodul 	{ right: 52px; } */
#seite_o		{ position: absolute; width: 180px; height: 2.5em; }
#menu_o			{ display: block; position: relative; left: 4.7em; width: 1em; height: 1.2em; font-size: 2em; }
#seite_r 		{ display: none; position: relative; width: 180px; padding-top: 0; border: #bbb solid 1px; background-color: #fff; }
#seite_o:hover #seite_r { display: block; }
#seite_o:hover #seite_r .menu { display: none; }
#inhalt80		{ width: 100%; }
