/*CSS Layout */

body{background-image:url('../images/dsc00022.jpg'); max-width:60em;
     margin:0px auto;padding:0px;width:100%;background-repeat:no-repeat;
     height:auto;font-family:Arial, Helvetica, sans-serif;}
    
	
h2{color:white;margin:5px;padding:2px;text-align:right;
   text-shadow: -1px 5px 7px white;}

.masthead {display:flex;flex-direction:row;flex:3;}

.masthead{background-color:gray;}
 
.wrapper{background-color:#6a5acd;flex:3;}
	
 
nav ul{margin:1em 0.5em;text-align:center;}
	
nav li{display:inline;}
	
nav a{display:inline-block;padding:5em 1.5em;color:orange;
      text-decoration:none;}
      
nav a:hover{color:white;}


/*@media (min-width: 960px){

.masthead .wrapper{justify-content:space-between;
	
}
	
}
*/

.content{ background-color:transparent;background-repeat:no-repeat;
          display:flex;flex-direction:row;height:400px;}
	
article{background-color:transparent;margin:0px;padding:2px 5px;}

.tabelle{background-color:#228b22;margin:2px;padding:2px 5px;
         color:white;}
         
.schrift,p{color:white;}
	
.schrift,p,a{color:orange;text-decoration:none;}
	
.schrift,p,a:hover{color:white;}
	
.btn{background-color:#6a5acd;color:white;}

.btn:hover{color:orange;}

article:nth-child(1){flex:2;}
	
aside:nth-child(2){flex:1;}
	

aside{background-color:blue;margin:0px;padding:0px;}


footer{background-color:blue;margin:0px;display:flex;height:120px;
       flex-direction:column;}

footer,ul:nth-child(1){margin:1em auto; list-style:none;align-items:center;
                       flex:1;}
	
footer li{display:inline;text-align:center;margin:2px 2px 2em;}
	
footer li a{display:inline-block;padding:1em 0.5em;
            color:white;text-decoration:none;}

footer li a:hover{color:orange;}
	

	
footer,.copyright:nth-child(2){color:white;margin-bottom:5px;padding:2px;
                               flex:1;}