div#container {
}

/*-----------------------------------*/
/* für große Bildschirme: maximale Breite */
@media (min-width: 50em) {
    div#container {
	max-width:1240px;
	margin-left:auto;
	margin-right:auto;
    }
}

/* ===================================================================== */
/* Header */

div#oben {
    transition: top 2s;
}
div#header_left {
    visibility:hidden; 
    width:0;
    height:0; 
}
div#header_main { 
    padding-top: 10px;
    text-align:center;
    padding-bottom: 1px;
}
div#header_title { 
    min-height: 96px; 
}
div#header_right {
    padding-bottom: 10px;
} 

/*-----------------------------------*/
/* für mittelgroße Bildschirme: Logo links von Text */

/* @media (min-width: 30em) {*/
    div#header_main { 
	text-align:left;
    }
    div#header_title { 
	padding-left:150px;
    }    
    div#header_right {
	float:left;
	padding-left:20px;
	padding-bottom: 1px;
    }
/*}*/

/*-----------------------------------*/
/* für große Bildschirme: mit MO-Logo */
@media (min-width: 50em) {
    div#header_main { 
	height:100px;
	padding-bottom:0;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
    }
    div#header_left {
	float:left;
	visibility:visible; 
	width:200px;
	height:100px;
	padding-top:10px;
	text-align:center;
    }
    div#header_title { 
	padding-right:150px;
    }
   div#header_right {
	float:right;
    }
}

/* ===================================================================== */
/*-----------------------------------*/
/* Kopftrennzeile = Fusszeile      */

div#kopftrennzeile, div#footer {
    clear:both;
}

div#update, div#foot-seite{
    visibility:hidden;
    height:0;
    padding:0;
}

div#pfad, div#foot-mail{
    padding:5px 0 5px 20px;
}

 @media (max-width: 50em) {
    .sticky {
	position: fixed;
	z-index: 1000;
	top: 8px;
    }
}

/*-----------------------------------*/
/* für große Bildschirme: mit Aktualisierungsdatum */
@media (min-width: 50em) {
    div#update, div#foot-seite{
	visibility:visible;
	float:right;
	height:100%;
	padding:5px 10px;
	text-align:center;
    }
    div#pfad, div#foot-mail{
	margin-right:30px;
	padding:5px 0 5px 10px;
    }
}

/* ===================================================================== */
/*-----------------------------------*/
/* Navigation und Hauptteil          */

div#mitte {
	position:relative;	/*alex*/
}

div#links { 
    /* position: absolute; */
    bottom: 0;
    padding:20px;
    display:none;
}

div#pfad {
    display:none;
}

div#hamburger-icon {
    padding:0px 5px;
}

div#center {
    padding: 10px 10px 20px 20px;
    /* overflow:hidden; */  /*wichtig gegen Abstand bei clear:both im div#center*/
    /* padding-bottom:1000px; */
}

/*-----------------------------------*/
/* für große Bildschirme: mit Navbar links */
@media (min-width: 50em) {
    div#links { 
	display:block;
	/* position: static; */
	float:left;
	width:200px; 
	padding:20px 5px;
    }
    div#center {
	min-height:40ex;
        padding-bottom:20px;
	padding-left:220px;
    }

    div#hamburger-icon {
        display: none;
    }

    div#pfad {
	display:block;
    }

}

.sticky-header-hidden {
    top: -100%; /* Dies schiebt den Header außerhalb des Bildschirms */
}

/* Eine Klasse, die angibt, dass der div angezeigt werden soll */
.show-links {
  display: block !important; /* !important könnte notwendig sein, um die @media-Regeln zu überschreiben */
}
