#nav-menue{
	background-color: #a00000;	
}
#steuerung{
	height: 2em;
}
#menuebox {
	height: 0em;
	position:fixed;
}

#menue {
	width: 80%;
	display: grid;
    /* Spalten */
     grid-template-columns: repeat(4, 1fr); 
    /* Zeilen */
	grid-template-rows: auto;
	/* height: 2em; */
	font-size:0.75em;
	position: fixed;
	z-index: 9999;
}
#m-menue {
	display:none;
}
.stupidie {
display: none;
}

/* Menuepunkte */
#menue .menupunkt, #m-menue .menupunkt{
overflow: hidden;
height: 2em;
font-weight: bold;
padding: 0em 2em;
background-color: #a00000;
color: #ffffff;
border: 5px solid;
border-color: #c00 #c00 #600 #600;
text-align: center;
}
#menue .aussen,#m-menue .aussen {
float: left;
display: block;
overflow: hidden;
min-width: 1em;
max-width: 100%;
height: 1.8em;
font-weight: bold;
display:inline-block;
text-align: center;
padding: 0em 2.5em;
background-color: #a00000;
color: #ffffff;
border: 5px solid;
border-color: #c00 #c00 #600 #600 ;
}
#menue .aussen-1,#m-menue .aussen-1{
	float: left;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	font-weight: bold;
	font-size: 1em;
	display: inline;
	text-align: center;
	padding: 0em 0.5em 0 0;
	background-color: #a00000;
	color: #ffffff;
	border: 5px solid;
	border-color: #c00 #c00 #600 #600 ;
	clear: left;
}
#menue .aussen-2,#m-menue .aussen-2{
float: left;
display: block;
overflow: hidden;
width: 100%;
height: 1.8em;
font-weight: bold;
display: inline;
text-align: center;
padding: 0em 1em;
background-color: #a00000;
color: #ffffff;
border: 5px solid;
border-color: #c00 #c00 #600 #600;
display: none;
}
#menue .navaussen-1, .navaussen-2, #m-menue .navaussen-1, .navaussen-2{
float: left;
display: block;
overflow: hidden;
width: 100%;
height: 1.8em;
font-weight: bold;
display: inline;
text-align: center;
padding: 0em 1em;
background-color: #a00000;
color: #ffffff;
border: 5px solid;
border-color: #c00 #c00 #600 #600;
display: none;
}
/* geöffnetes Untermenu */
#menue .aussen:hover, #m-menue .aussen:hover {
height: auto;
background-color: #ff8080;
color: #fff;
}
#menue .aussen-1:hover, #m-menue .aussen-1:hover{
height: auto;
background-color: #ff8080;
color: #fff;
}
#menue .aussen-2:hover, #m-menue .aussen-2:hover{
height: auto;
background-color: #ff8080;
color: #fff;
}
#menue .navaussen-1:hover, .navaussen-2:hover, #m-menue .navaussen-1:hover, .navaussen-2:hover{
height: auto;
background-color: #ff8080;
color: #fff;
}
#menue .menupunkt:hover, #m-menue .menupunkt:hover{
height: auto;
background-color: #ff8080;
color: #fff;
}
#menue a.innen,
#menue a.innen-1,
#menue a.h4.nainnen{
display: block;
width: 100%;
height:2em;
padding: 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
border-radius:2em;
background-color: #f0e68c; /* khaki */
color: #600;
}
#menue a.innen-2{
text-decoration: none;
color: #513913;
}
#menue a.innen-3{
text-decoration: none;
color: #ffffff;
}
/* Untermenuepunkte*/
#menue a:visited.innen,
#menue a:visited.innen-1,
#menue a:visited.h4.navinnen{
background-color: #f0e68c;
color:#555;
}
#menue a:hover.innen,
#menue a:hover.innen-1,
#menue a:hover.h4.navinnen{
background-color: #00ff00; /*lime*/
color: #000;
}
#menue a:hover.innen-2 {
background-color: #ff8080;
color: #fff;
}

#menue span.menutag {
	display:block;
	height: auto;
	cursor: default;
}
#menue span.navBarAussen {
	display: none;
	cursor: default;
}
/*=================================================
   Hamburger ICON
=================================================*/
.row {
	display:none;
}

input#hamburg {display:none}

	nav.topmenu {
	height: auto; 
    max-height:0;
    overflow: hidden; 
    transition: all 0.5s;
}

label.hamburg { 
   display: block;
	margin-right:0;
   background: green; 
   width: 75px; 
   height: 50px; 
   position: fixed; 
   margin-left: auto;
   margin-right: auto;
   border-radius: 5px; 
}

.line { 
   position: absolute; 
   left:10px;
   height: 4px; 
   width: 55px; 
   background: #fff; 
   border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

#hamburg:checked + .hamburg  + nav.topmenu { 
    max-height: 600px; 
}
#hamburg:checked + .hamburg .line:nth-child(1)
	{
	   transform: translateY(12px) rotate(-45deg);
	}

#hamburg:checked + .hamburg .line:nth-child(2)
	{
	   opacity:0;
	}

#hamburg:checked + .hamburg .line:nth-child(3)
	{
		transform: translateY(-12px) rotate(45deg);
	}

#hamburg:checked + .hamburg .line


/*=================================================
   navBAR
=================================================*/
#navBar{
	border: 0px solid red;
	background-color: #eeeeee;
	color: #334d55;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#navBar h4{
/* Überschrift vom Untermenuepunkt */
	border: 0px solid red;
	width: 100%;	
	font-family: Arial,sans-serif;
	font-weight: bold;
	background-color: #ff8080;
	/*font-size: 1.5em;*/
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#navBar h4.navBarAussen{
/* Überschrift vom Untermenuepunkt */
	border: 0px solid red;
	background-color: #ff8080;
	text-align: center;
	font-size: 1.5em;
}
#navBar ul{
/* Überschrift vom Listenpunkt im Untermenuepunkt */
	margin: 0; 
	padding: 0;
	border: 0px solid blue;
	list-style-type: none;
	width: 100%;	
	background-color: #FFF8DC;
	color: #900;
}
#navBar .navBarInnen{
/* Überschrift vom Listenpunkt im Untermenuepunkt */
	display: block;
	border: 0px solid red;
	/*background-color: red;*/
}
#navBar .navBarInnen a:link,
#navBar .navBarInnen a:visited {
	display: block;
}
#navBar .navBarInnen a:hover{
	background-color: #0f0;
	color: #000;
}
#navBar .navBarInnen a:visited{
	background-color: #FFF8DC;
	color: #900;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists 
#navBar li {border-bottom: 1px solid #EEE;}*/

#menue ul{
list-style-type: none;
}
#menue ul li a {
display: block;
text-decoration: none;
background-color: transparent;
color: #600;
}
#menue ul li a:hover{
background-color: #fff;
color: #a00;
}
#menue ul li.aussen-1:hover {
height: auto;
background-color: #ff8080;
color: #fff;
}
/* =================================================
	Abschnitt für PORTRAIT BREITE --> 900px
	Handy PORTRAIT
================================================== */
@media only screen and (orientation: portrait) and (max-width: 1400px)
{
	/* Einstellung PORTRAIT BREITE --> 900px */
	.row {/*
		display:block;
		margin:0;
		z-index:9999;*/
	}
	#m-menue {
		display: grid;
		/* Spalten */
		 grid-template-columns: repeat(4, 1fr); 
		/* Zeilen */
		grid-template-rows: auto;
		/* height: 2em; */
		width: 95%;
		font-size:0.65em;
		position: fixed;
		z-index: 9999;
	}
	#menue {
		display:none;
	}
}