* {    
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: Nunito, sans-serif;
}

header, nav, section, article, aside, footer {
	display: block;
	}



header {
	/*background: url(Bilder/header-3.jpg) no-repeat left top;*/
	background-image: url(bilder/header.jpg);
	height: 94px;
    width: 1000px;
	margin: 0 auto;
    /*width: auto;
    min-width: 780px;
	max-width: 1600px;*/
    background-position: center;
    background-repeat: no-repeat;
}
body {
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif, Verdana;*/
    background-image: url(bilder/hg.png);
    background-image: url(bilder/hg-1.png);
    background-image: url(bilder/ftt_background-1.jpg);
    background-attachment: fixed;
}

#wrapper{
    /*width: auto;
    min-width: 780px;
	max-width: 1600px;*/
    width: 1000px;
    text-align: left;
	margin: 0 auto;
	background-image: url(bilder/durchsichtig.png);
	

}



#steuerungoben {
	/*background-color: #BFBFBF;
	background-color: red;*/	
	display: block;
    height: 30px;
    margin-top: -1em;
    background-image: url(bilder/grau-50.png);
	
}

#steuerungoben ul {
	list-style-type: none;	
}

#steuerungoben li {
	display: inline;
}

#steuerungoben a {
	display: block;
	width: 166px;
	float: left;
	text-align: center;
	line-height: 30px;
	color: #E4E4E2;
	/*font-family: Verdana;*/
	
}

#steuerungoben a:hover {
	background-color:#515151;
}
#steuerungoben {
     cursor: pointer;
    
}

#steuerunglinks {
	width: 200px;
	float: left;
    
}

#steuerunglinks ul {
	list-style-type: none;
	margin-top: 26px;
	margin-right: 20px;
	margin-bottom: 1em;
    
}

#steuerunglinks li {
	/*font-family: Verdana;
    padding-top: 20px;*/
	padding-left: 2em;
}


#linksbild img{
    padding-top: 1em;
    padding-left: 15px;
    padding-bottom: 10px;
    
}


#linksbild-2 {
    padding: 30px 25px 0px 25px ; 
}



.aufzaehlung li {
	list-style-type: disc;
	margin-left: 1.5em;   
}



article {
/*	background-color: aquamarine;*/
	margin: 1em;
    width: 568px;
    float: left;
}

article h1, h2, h3, h4, h5, h6, p, ul, li {
	margin-top: 1em;;
	list-style-type: none;
}

article ul, a {
	color: black;
}

article .textcolor {
    color:#F08B07;
}

article #images {
	/*background-color:#FFFF00;*/
	float: right;
	width: 270px;
   height: 202px;
   padding-right: 20px;
   padding-bottom: 2em;
}

article #search {
	float: right;
	width: 272px;
   height: 272px;
   padding-right: 10em;
}


article .html{
    text-align: left;
    margin-bottom: 1em;
  
}

#news {
    margin-left: 200px;
}
article .bild {
     float: left;
     padding-bottom: 20px;
}

article .video {
    margin-top: 1em;
}

aside {
    /*background-color: #808000;*/
    width: 180px;
    float: right;
    margin-right: 7px;
	 
}

aside p {
	margin-left: 10px;
	text-align: center;
}

aside img {
    margin-top: 1em;
    margin-bottom: 1em;	
}




.pdf img {
    margin-right: 5px;
    margin-bottom: -3px;   
}


.corona img {
    float: right;
    margin-right: 1em;
}


.kontakt {
    margin-top: 1.5em;
}

/* .kontakt {
    border-top: #C0C0C0 2px solid;
    height: 4em;
    width: auto;
    padding-top: 1em;
} */

/* p {
     border-top-color: yellow;
     border-top : thin;
} */

hr { 
    background: #C0C0C0; height: 2px; border: none;
    margin-top: 1em;
 }

.rahmen {
    border: solid 2px #e78641;
}

.copyright {
    margin-top: 5em;
    font-size: small;
}


footer  {
    background-image: url(bilder/grau-50.png);
    /*background-color: #C0C0C0;*/
    text-align: center;
    /*font-family: Verdana;*/
    font-size: medium;
    height: 5em;
    clear: both;

}

footer p {
    color: white;
    padding-top: 5px;
    font-family: sans-serif;
}


/*über 1000px ausblenden */

#steuerung_900px {
    display: none;
}

.slicknav_menu {
    display: none;
}

.bild_tablet {
    display: none;
    margin-top: 1em;
}

.bild_tablet img {
    width: auto;
    height: 100px;
    margin-right: 1em;
}


/*Für Tablet und Co. 1024px (64em)*/
@media only screen and (min-width: 45em) and (max-width: 64em)  {
    #wrapper {
        width: 100%;
        background-image: url(bilder/durchsichtig-2.png);

    }
    
    header {
        width: 100%;
        /*background-size: 90%; */ 
        background-position: left;
        background-repeat: no-repeat;
    }
    
    
    article {
        /*background-color: yellow;*/
        width: 62%;
        margin: 1em;
    }
    
    #steuerungoben {
        display: none;
    }
    
    #steuerunglinks ul {
        display: none;
    }
    
    #steuerung_900px {
        display: block; 
        float: left;
        width: 184px;
        margin-left: 2em;
        margin-top: 1em;
        margin-bottom: 2em;
    }
    

    
     #steuerung_900px ul {
        line-height: 1.7em;
    }
    
    
    #steuerung_900px li   {
        margin-bottom: -1em;
        list-style-type: circle;
    }
    
   
    
    #linksbild img {
        display: none;
    }
    

    
      .bild_tablet {
        display: block;
        margin-top: 1em;

    }

    .bild_tablet img {
        width: auto;
        height: 60px;
        margin-right: 1em;
        margin-top: 1em;
    }
    
    .bild img {
        width: auto;
        height: auto;
        margin-left: 2em;
    }
    
   
    aside {
        display: none;
    }  
      

}
/* für Handy-Display Breakpoint 600px (45em) */
@media only screen and (max-width: 45em)  {

    #wrapper {
        width: 100%;
        background-image: none;
        background-color: hsla(0, 50%, 100%, 0.8);
    }
    
    header {
        width: 100%;
        /*background-size: 100%;*/
        background-position: left;
        background-repeat: no-repeat;  
    
    }
    
    #steuerungoben, #steuerunglinks {
        display: none;
    }
    
    #steuerung_900px {
    }
    
    .slicknav_menu {
        display: block;
    }
        
    .slicknav_menu {
        text-align: left;
    }
    
    article {
       /* background-color: hsla(0, 50%, 100%, 0.3);*/
        float: none;
        width: auto;
        margin: 1em;
        padding-bottom: 5em;
    }
    
    aside {
        display: none;
       /* float: none;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 1em;*/
    }
    
    
    
    .bild_tablet {
        display: block;
        margin-top: 1em;
        
    }  
    
    .bild_tablet img {
        width: auto;
        height: 60px;
        margin-right: 1em;
        margin-top: 1em;
    }

    .bild img {
        width: auto;
        height: auto;
/*        margin-left: 1em;*/
        
        
    }

   

}