body {
    display: flex;
    flex-direction: column; /*mit header, #container, footer*/
    padding:0px;
    min-height: 100vh;
    margin: 0 auto; /*entfernt Außenabstand, damit keine Scrollbalken entstehen*/	
    justify-content: center;
    align-items: center;
}

header {
    background-repeat:no-repeat;
    background-image:url(../images/umvhf/fasz-arch.jpg);
    background-position: center center;
    flex: 1 1 100%;
    min-height:150px;
    border-bottom:1px solid #E4D2BF;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    header {
        background-size: 300px;
    }
}

footer {
    border-top:1px solid #E4D2BF;
    margin: 0 auto;
    padding-left: 20px;
    max-width: 100%;
    margin-top:50px;
}

#container {
    background-repeat:no-repeat;
	background-image:url(../images/umvhf/umvhf-back.jpg);
    background-size: contain;
    display: flex;
    flex: 1 1 0%;
    flex-wrap: wrap;
    /*flex-direction:row; /*mit #left, #right*/
	max-width: 1024px;
	align-content: stretch;
    justify-content: space-around;
}

#left {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column; /*mit #title, #text*/
    max-width: 620px;
}

#right {
	display: flex;	
    max-width:350px;
    flex-direction: column-reverse; /*mit #marginals, #lit*/
    align-items: flex-end;
    padding-left:20px;
}

#menu {
    margin-left:10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
    font-size:15px;
    margin-bottom:20px;
}

#title {
    flex: 1 1 0%;
    padding-left: 10px;
    padding-right:10px;
}

#text {
    flex: 1 1 0%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	text-align: justify;
    line-height:1.6em;
    padding-left: 10px;
    padding-right:10px;
}

#marginals, #lit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
    line-height:1.6em;
    padding-left: 10px;
    padding-right:10px;
}
@media only screen and (max-width: 600px) {
    #container {
        text-align: left !important;
    }
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size:25px;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size:20px;
}
.sub {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#00509F;
	font-size:15px;
	font-weight:bold;
}
	
hr { 
     width:512px; 
     color:#AA9580; 
	 background-color:#AA9580; 
	 height:1px;
	 border:0px;
}

a.navi {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size: 15px;
	text-decoration: none;
    font-weight:bold;
    line-height:40px;
}

a.navi:visited { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size: 15px;
	text-decoration: none;  
	font-weight:bold;
}

a.navi:hover {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 15px;
	color:#00509F;
	font-weight:bold;
}

a.text {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#00509F;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
}

a.text:visited { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#00509F;
	font-size: 15px;
	text-decoration: none;  
	font-weight:bold;
}

a.text:hover {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 15px;
	color:#FF7500;
	font-weight:bold;
}