body{
    margin: 0;
    height: 100%;
    background-color: darkgrey;
    font-family: 'Montserrat', sans-serif;
    color:rgba(34, 51, 100, 0.993);
}
p,h1{
    padding: 1rem;
    margin: 0;
}


section h1{
    font-size: 2rem;
    padding: 1rem;
    margin: 3rem 0 0 0;
}
section .h1{
    font-size: 2rem;
    padding: 1rem;
    margin: 1rem 0 0 0;
}

section li {
    padding: 5px;
}

h2{
    padding: 1rem;
    margin: 0;
       
}
.wrapper{
    max-width: 1240px;
    margin: 0 auto;  

}
header img{
    width: 100%
}
aside{
    float: left;
    width: 25%;
    min-height: 90vh; 
    background-color: #E6E6E8;
    
}
section{
    float: right;
    width: 75%;
    min-height:90vh;
    background-color: white;
      
}
footer{
    background:#004ECB;
    clear: both;
    overflow: auto;
}
.inherited a{
    color: inherit;
}
footer p{
    color: #E6E6E8;
}
footer p1{
    color: rgb(34, 19, 248);
    padding: 1rem 1rem 0 1rem;
    font-size: 1rem;
   }
@media (max-width:1060px) {
    aside{
        float: left;
        width: 30%;
        min-height: 90vh;
        background-color: #E6E6E8;
        
    }
    section{
        float: right;
        width: 70%;
        min-height:90vh;
        background-color: white;
          
    }

}
@media (max-width: 800px) {
    aside,section{
        width: 100%;
        min-height: auto;    
    }
  
}
nav{
    background: #004ECB;
    overflow: auto;
}
nav ul{
    list-style-type: none;
    padding: 0;
    margin: 0;

}
nav ul li{
    float: left;
}
nav li a {
    text-decoration: none;
    display: inline-block;
    margin: 10px 20px 10px 5px;
    padding: 8px 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #004ECB;
}
nav li a:link, nav li a :visited{
    background-color: #E6E6E8;
    color:rgba(34, 51, 100, 0.993);
}
nav li a:hover{
    background-color:rgba(34, 51, 100, 0.993);
    color:#E6E6E8;
}
nav ul ul{
    display: none;
    
}
nav li:hover ul{
    display: block;
    position: absolute; 
      

}
nav ul ul li{
    float: none;
  
        
}
nav li a.aktiv{
    background-color: darkgrey; 
    color: rgba(34, 51, 100, 0.993);
}
input.toggle,
label.toggle {
  display: none;
}

label.toggle {
  font-weight: 900;
  font-size: 1.2em;
  padding: 10px 20px;
}
@media (max-width: 800px) {
  nav {
    display: none;
  }
  aside {
      display: none;
  }
  header {
      background: #004ECB;
  }
 

  input.toggle,
  .toggle span {
    display: none;
  }

  input[type=checkbox]:checked ~ nav,
  label.toggle {
    display: block;
    cursor: pointer;
    clear: left;
    width: 40%;
  }
 
  nav li a:link, nav li a :visited{
    background-color:#004ECB;
    text-decoration:underline;
}
  nav ul li {
    float: none;
  }
  nav ul li:hover ul {
    display: block;
    position: relative;
  }
  nav ul li ul {
    display: block;
  }
  nav ul li ul li {
    margin-left: 20px;
  }
  nav ul li a {
    display: block;
    margin-left: 20px;
    color: white;
  }
  nav li a.aktiv{
    background-color:#004ECB;
    color: darkgrey;
}
}

aside img{
    max-width: 100%;
    height: auto;  
    margin: 10% 10% 5% 5%;

}
section img{
    max-width: 100%;
    height: auto;
    margin: 0 0 0 20px;
    padding:10px 10px 10px 10px;
    -moz-box-shadow: 0 0 5px 2px #ccc;
-webkit-box-shadow: 0 0 5px 2px #ccc;
box-shadow: 0 0 5px 2px #ccc;
}
fieldset{
    border: none;
    
}    

label{
    width: 40%;
    float: left;
    clear: left;    
    
}
input{
    width: 40%;
    float: left;
    border-radius: 5%;  
    font-size: 1rem;
    margin: 0.5% 0 0.5% 0;    
}
select{
    float: left;
}
input[type=submit]{
    width: 150px;
    height: 25px;
    background-color:#E6E6E8;
}
textarea{
    width: 40%;
    border-radius: 5%;    
}
figure{
    margin: 0;
}
figure img{
    width: 100px;
    height: 150px;
    padding: 0;    
}
figure.einzel{
    display: inline-block;
    margin: 10px 50px 50px;
    padding: 0px ;
     -moz-box-shadow: 0 0 5px 2px #ccc;
     -webkit-box-shadow: 0 0 5px 2px #ccc;
    box-shadow: 0 0 5px 2px #ccc;
    
}
figcaption{
    margin: 10px;
}
#galerie1 img{
    max-width: 100%;
    height: auto;
    margin: 15px 20px;
    padding:10px 10px 10px 10px;
    -moz-box-shadow: 0 0 10px 5px #ccc;
-webkit-box-shadow: 0 0 10px 5px #ccc;
box-shadow: 0 0 10px 5px #ccc;   

}
#galerie2 img{   
    max-width: 100%;
    height: auto;
    margin: 15px 20px;
    padding:10px 10px 10px 10px;
    -moz-box-shadow: 0 0 10px 5px #ccc;
-webkit-box-shadow: 0 0 10px 5px #ccc;
box-shadow: 0 0 10px 5px #ccc;
    

}