body *	{box-sizing: border-box; }
html	{height: 100%; }
:root { --aktuell: #f0f0f0;}
body	{min-height: 100%; display: -webkit-flex; display: flex; flex-flow: column; align-items: stretch; margin: 0; } 
main	{flex: 1; display: -webkit-flex; display: flex; }
header {background-color: #f0f0f0; 
   
    text-align: center;
    font-weight: bold;
    color: #f0f0f0;}
article	{flex: 1;  }
object	{width: 40em; height: 50em;} 

nav {
    background-color: #f0f0f0;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);}

nav li	{display:block;  padding-bottom: 15px;  padding-top: 15px;
margin-left:0.5em}
 
nav ul {
  list-style:none;
 align-items: center;  justify-content: center;	
  margin: 0;
  padding: 0;
  display: flex; 
  position:relative;} 

	
nav a:link,	
nav  a:visited,	
nav a:focus,	
nav a:active	{font-family: Facade Condensed; font-weight: bold; 
font-size:17px; padding: 0.1em 0.1em; 
color: blue; border: none; 
border-bottom: 1px solid blue; border-right: 2px solid blue; 
border-radius: 10px;
text-decoration:none; background-color: #f0f0f0;}

nav ul a:hover { 
    background-color: #f0f0f0;
    color:darkred;
text-decoration:underline;
}

nav li ul {
    display: none;

  position:absolute; 

     background-color: var(--aktuell);
}

nav li:hover ul,
nav li:focus-within ul {
    display: block;}

.aktuell {
    background-color: var(--aktuell);
}