* {
        margin: 0;
        padding: 0;
    }

header, footer, section, nav, body, crumb, {
    display: block;
}

      /* Überschriftenformattierung*/
       h1  {      text-align: center;
            font-family: 'Comic Sans MS';
            font-size: 45px;
            margin: 50px 0 0 0 ;
            font-variant:small-caps;
       
           }

       h2  {
            text-align: center;
            font-family: 'Comic Sans MS';
            font-size: 45px;
            margin: 50px 0 0 0 ;
            font-variant:small-caps;
           }

        h3  {
            font-family: 'Comic Sans MS';
            font-size: 20px;
            margin: 20px 0 0 0 ;
            margin: 0px;
            padding: 2px;
            }

        h4  {
            margin: 0px;
            font-weight: bold;
            padding: 2px;
            }

        h5  {
            font-size: 10px;
            margin-top: 2px;
            margin-bottom: 40px;
            padding: 0px;
            }

        h6  {
            text-align: center;
            font-size: 15px;
            margin-top: 2px;
            margin-bottom: 0px;
            padding: 0px;
            }



         /* Seitenabschnitte*/
              
body {
        top: 0; left: 0; right: 0;
        margin: 0 ;
        background-color: #6B6B6B;
        font-family: comic sans ms, sans-serif;
        background-attachment: fixed;          
        text-align: center;
      }
  
#gesamt {
        width: 860px;
        min-height: 950px;
        margin: 0px auto;

       /* background-image: url(bilder/querganz.png);
        background-repeat: repeat-y;   */
    }
    
 
  
header {
        position: fixed; 
        width: 860px;
        height: 180px;
        margin-top: 0; 
        font-family: 'Comic Sans MS'; 
        text-align: right;
        background-image: url(bilder/tasten2.png);        
        background-repeat: no-repeat;
        font-weight: bold;
        /*border-bottom: 2px solid black;*/   
        z-index: 5; 
        } 

        header  a {
                  text-decoration: none;   
                  }

        header a:hover {
                  background-image: url(bilder/grau.png);   
                  }   
     
         /*
         #kopf {
                text-align: right;
                margin-right: 15px;
                }
          */

footer {
        position: fixed;
        width: 860px;
        bottom: 0px;
        font-size: medium;
        height: 1.4em;
        line-height: 1.4em;
        background-color:  #808080;
        text-align: center;
        }
 

#crumb {
        position: fixed;
        width: 840px;
        height: 2em;
        margin-left:0.5em ;
        margin-top: 0px;
        padding-left: 0.5em;
        padding-top: 185px;
        padding-bottom: 0px;
        font-size: 0.7em;
        font-weight: bold;
        z-index: 4;
        background-color: #F5F5F5;
        box-shadow: 0px 2px 3px grey;
      }

  
section {  
        background-image: url(bilder/querganz.png);
        background-repeat: repeat-y;
        margin-top:0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 260px;
        padding-left: 100px;
        padding-right: 80px;
        min-height: 800px;
        text-align: justify;
        }  
         
        #willkommen    {              
        }

        #impressum     { 
            padding-top: 220px;        
            font: Comic Sans MS;     
            font-size: x-small;
        }
    
        #kontakt    {
        }
                                                                       /*
                                                                        #wrapper {
                                                                        width: 860px;
                                                                        font-family: 'Comic Sans MS';
                                                                        background-image: url(bilder/querganz.png);
                                                                        background-repeat: repeat-y;
                                                                       }
                                                                        */


#steuerungoben {
    /*  background-color: red; */
        position: fixed;
        margin: 40px 0px 10px 130px;
        text-align: center;
        font-family: 'Comic Sans MS';
        font-weight: bold;
        }
        
        #steuerungoben ul {
                list-style-type: none;
        }
    
        #steuerungoben li {
            /*    background-color: yellow;*/
                display: inline;
        }
    
        #steuerungoben a {
                display: inline-block;
                width: 110px;
                text-align: center;
                text-decoration: none;
                line-height: 1.5em;
                border: solid 0px black;       
                text-align: center;
                height: 25px;
                text-decoration: none;
                color: blue;
        }
    
        
        #steuerungoben > ul > li {
                float: left;
        }
    
            #steuerungoben  > ul > li > ul  {
                display: none;
                }
    
            #steuerungoben > ul a {
              display: block;
              white-space: nowrap;
            /*  padding: 5px;
              background: rgb(195, 35, 45);  */
            }
    
             #steuerungoben ul > li > ul > li a {
              background: rgb(0, 0, 0);
              color: rgb(255, 255, 255);
              width: 200px;
            }
    
            #steuerungoben> ul {
              float: left;
              overflow: hidden;
              padding: 0 10px 0 10px;
              box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
              /*background: rgb(195, 35, 45); */
            }
    
            #steuerungoben > ul > li:hover > ul {
              display: block;
              position: absolute;
            }
    
            #steuerungoben a:hover {
                  color: maroon;
                  background-image: url(bilder/grau.png);
            }
    
             #steuerungoben a:active {
                    color: red;
                  background-image: url(bilder/quer.png);
            }

.slicknav_menu {
         display:none;
        	
            }


.info {
  text-align: center;
    font-weight: bold;
    font-family: 'Comic Sans MS';
    font-size: 45px;
    margin: 50px 0 0 0 ;
    font-variant:small-caps;  
}

.aufgabe {
    text-align: center;
    font-size: 1em; 
    color: black;
    font-weight: bold;
}

.hinweis {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: blue;
}

.hinweis_l {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    color: blue;
}

.pos {
     font-size: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0px;
}


.links {
margin-top: 50px;
    float:left;
    width: 300px
}

.rechts {
margin-top: 50px;
    width:300px
}

.clear {
    clear:left
}
.links {
margin-top: 50px;
    float:left;
    width: 300px
}

.rechts {
margin-top: 50px;
    width:300px
}

.clear {
    clear:left
}

.scrollicon{
                    text-align: center;
                    text-decoration:none;
                  /*  width:35px;
                    height:35px;
                    border-radius:50%;

                    background:#bdddcc; */
                    opacity:0.5;

                    position:fixed;
                    bottom:20px;
                    right:60px;
                    display:none;
                   /* border:1px solid #333;    */
                }

            .scrollicon div{
                    font-weight:bold;
                    font-size:3em;
                    color:#313131;
                    padding-top:5px;
                }
                
/* für Tablett und Co */
@media only screen and ( max-width: 56.25em) {
	section {

		width: 100%;
	
	}

header{
        width: 100%;
       background-size: auto 125px;
         
       
      
}
h1{
    width: 100%;
}


body{
    width: 100%;
}

     #gesamt{
         width: 100%;
         
     }

 #steuerungoben {
  display: none;   
 }
 
   .slicknav_menu {
	display:block;
	position: fixed;
	width:100%
	top:0;
	z-index: 10;
    }

	.slicknav_nav a {
		text-align: left;
	}
    section{
        width: 80%; 
        text-align: left;  
    }
    
    #willkommen{
        
    min-height: 900px;    
    width: 80%;
    text-align: center;
    }
    
    #impressum{

    min-height: 900px;
    width: 80%;
    text-align: justify;
    }
    
    #crumb{
      display: none;   
    }

    
    #willkommen h2 {
                      
    font-size: 3.0em;
    margin-left: 10px;
    }
    
   .aufgabe{
       font-size: 1.75em;
   }
    
       .hinweis{
       font-size: 1.75em;
   }
   
   footer{
        position: relative;
        width: 100%;
        height: 40px;
        text-align: center;
        background-size: 100%;
        line-height: 2em;
        font-size: 1.5em;
    } 
  

 }

/*
@media only screen and ( max-width: 35em ) {             and ( min-width: 35em )
	article {
		/*background-color: yellow; */
/*		width: 100%;
	}

header{
    height: 180px;
    width: 100%;
}

 #steuerungoben {
  display: none;
 }

 	.slicknav_menu {
	display:block;
	position: fixed;
	width:100%
	top:0;
	z-index: 8;
	}
	
    #gesamt{

        width: 100%;
    }

	   #willkommen h2 {

    font-size: 1.6em;
    }
   .aufgabe{
       font-size: 0.75em;
   }

       .hinweis{
       font-size: 0.75em;
   }
   
	 footer{
    position: relative;
        width: 100%;
          bottom: 0px;
        text-align: center;
        background-size:100%;
    }
     footer p {
        width: 100%;
        bottom: 0px;
        height: 1.5em;
    }
	
	}    */