html {
  height: 100%;
}
body {																					/* -=[ allgemeinde Seiten, Body ]=- */		
  margin: 0;																					/* Seitenabstand zu benachbarten Elementen */
  padding: 0;													   							/* Seitenabstand zum eigenen Rand */
  color: #000000;																				/* Fodergrund Schriftfarbe */
  background-color: #FFFFFF;																/* Hintergrund */
  height: 100%;																			/* min. Höhe */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;  
  background-position: center;															/* Hintergrundposition */
  background-size: cover;																	/* Hintergrund seitenverhältnis beibenhalten */
  background-attachment: fixed;															/* Hintergrundbild fixiert */
}


div#topnavi {																			/* -=[ alle Seiten, Navigationsleiste oben ]=- */
  background-color: #25211E;
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-size: 1.4em;
  line-height: 300%;
}

#topnavi a {																			/* -=[ alle Seiten, Navigationsleiste oben, Linkabstand ]=- */
  margin-left: 50px;
  margin-right: 50px;
  margin: auto 30px auto 30px;
  color: white;
}

.topnavi a:link, .topnavi a:active, .topnavi a:visited {					/* -=[ alle Seiten, Navigationsleiste oben ]=- */
  color: #FFFFFF;
  background-color: #5D84A0;
  text-decoration: none;
  font-family: tahoma,arial,helvetica,verdana,sans-serif;
  font-size: 1.3em;
  margin-left: 5px;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
}

.topnavi a:hover, .topnavi a:focus {											/* -=[ alle Seiten, Navigationsleiste oben ]=- */
  color: #000000;
  background-color: #5d84a0;
  text-decoration: none;
  font-family: tahoma,arial,helvetica,verdana,sans-serif;
 }

main{																						/* -=[ alle Seiten, Hauptbereich ]=< */
  width: 100%;
  flex: 1;
}

main audio {																			/* -=[ alle Seiten, Audiostream Tag ]=- */
	width: 50%;
	margin: 10px 0px 10px 0px;
	border-radius: 20px;
}

main h1 {																				/* -=[ alle Seiten, Überschrift h1 ]=- */
  font-size: 3em;
  margin: 20px auto 0px auto;
  font-family: 'Titillium Web', sans-serif;
}

main h2 {																				/* -=[ alle Seiten, Überschrift h2 ]=- */
  font-size: 2.4em;
  margin: 10px auto 0px auto;
  font-family: 'Titillium Web', sans-serif;
} 

main h5 {																				/* -=[ alle Seiten, Überschrift h5 ]=- */
  font-size: 2em;
  margin: 50px auto 0px auto;
  font-family: 'Titillium Web', sans-serif;
}

#main_adv {																				
  margin: 10px 0px 10px 0px;												/* -=[ Adventsingen, Hauptbereich ]=< */
}
 
#main_adv h1 {																			/* -=[ Adventsingen, Überschrift h1 ]=- */
  font-size: 3em;
  margin: 20px auto 0px auto;
  font-family: 'Titillium Web', sans-serif;
}

#main_adv h2 {																			/* -=[ Adventsingen Überschrift h2 ]=- */
  font-size: 2.4em;
  margin: 10px auto 0px auto;
  font-family: 'Titillium Web', sans-serif;
}

#main_adv h3 {																			/* -=[ Adventsingen Überschrift h3 ]=- */
  font-size: 1.8em;
  margin: 10px auto 0px auto;
  font-family: 'Times New Roman', sans-serif;
}

#main_adv h4 {																			/* -=[ Adventsingen Überschrift h5 ]=- */
  font-size: 1.4em;
  margin: 10px auto 0px auto;
  font-family: 'Times New Roman', sans-serif;
}

#main_adv h5 {																			/* -=[ Adventsingen Überschrift h4 ]=- */
  font-size: 1.8em;
  margin: 10px auto 0px auto;
  font-family: 'Titillium Web', sans-serif;
}


#main_imp {																				
  margin: auto 40px auto 40px;												/* -=[ Impressum, Hauptbereich ]=< */
}
 
#main_imp h1 {																			/* -=[ Impressum, Überschrift h1 ]=- */
  font-size: 2.2em;
}

#main_imp h2 {																			/* -=[ Impressum, Überschrift h2 ]=- */
  font-size: 1.8em;
}

#main_imp h2 {																			/* -=[ Impressum, Überschrift h2 ]=- */
  font-size: 1.3em;
}

div#footnavi {																			/* -=[ alle Seiten, Fußleiste ]=- */
  color: #FFFFFF;
  background-color: #25211E;
  margin: 0px auto 0px auto; 
  text-align: center;  
  font-size: 1.0em;  
  line-height: 130%;
  padding-top: 3px;
  padding-bottom: 0px;
}

#footnavi a {																	   /* -=[ alle Seiten, Fußleiste Linkabstand]=- */
  margin-left: 30px;
  margin-right: 30px;
  margin: auto 30px auto 30px;
  color: white;
}

.footnavi a:link, .footnavi a:active, .footnavi a:visited {			/* -=[ alle Seiten, Fußleiste ]=- */
  color: #FFFFFF;
  background-color: #5D84A0;
  text-decoration: none;
  font-family: tahoma,arial,helvetica,verdana,sans-serif;
  font-size: 1.2em;
  padding: 5px 0px 30px 0px;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
}

.footnavi a:hover, footnavi a:focus {										/* -=[ alle Seiten, Fußleiste ]=- */
  color: #000000;
  background-color: #5d84a0;
  text-decoration: none;
  font-family: tahoma,arial,helvetica,verdana,sans-serif;
}

a:link, a:visited, a:active {													/* -=[ alle Seiten, link Aktivität ]=- */
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

a:hover {																			/* -=[ alle Seiten, link Aktivität ]=- */
  color: blue;
  background-color: transparent;
/*  text-decoration: underline; */
}

.clear {																				/* -=[ alle Seiten]=- */
 clear: both;
 margin: 0;
 padding: 0;
 line-height: 1px;
}

div#copyright {																		/* copyright Zeile */
  color: white;
  font-weight:normal;
  background-color:transparent;
  font-size: 0.8em;  
  margin: 0px auto 0px auto;	
}



@media screen and (max-width: 1024px) {										/* ab Auflösung kleiner 420px */


    main h1 {																			
    font-size: 2.0em;
    margin: 10px auto 0px auto;
        font-family: 'Titillium Web', sans-serif;
    }
    main h2 {																			
    font-size: 1.6em;
    margin: 5px auto 0px auto;
        font-family: 'Titillium Web', sans-serif;
    } 
    main h5 {																				
    font-size: 1.6em;
    margin: 30px auto 0px auto;
    font-family: 'Titillium Web', sans-serif;
    }

    #main_adv h1 {																			/* -=[ Adventsingen, Überschrift h1 ]=- */
    font-size: 2.0em;
    margin: 10px auto 0px auto;
    font-family: 'Titillium Web', sans-serif;
    }

    #main_adv h2 {																			/* -=[ Adventsingen Überschrift h2 ]=- */
    font-size: 1.6em;
    margin: 5px auto 0px auto;
    font-family: 'Titillium Web', sans-serif;
    }

    #main_adv h3 {																			/* -=[ Adventsingen Überschrift h3 ]=- */
    font-size: 1.2em;
    margin: 5px auto 0px auto;
    font-family: 'Times New Roman', sans-serif;
    }

    #main_adv h4 {																			/* -=[ Adventsingen Überschrift h5 ]=- */
    font-size: 1.0em;
    margin: 0px auto 0px auto;
    font-family: 'Times New Roman', sans-serif;
    }

    #main_adv h5 {																			/* -=[ Adventsingen Überschrift h4 ]=- */
    font-size: 1.2em;
    margin: 5px auto 0px auto;
    font-family: 'Titillium Web', sans-serif;
    }
    main audio {																		
        margin: 10px 0px 10px 0px;
    }
    div#topnavi {																		
    font-size: 1.0em;
    padding-top: 10px;
    padding-bottom: 10px; 
    line-height: 120%;
    }
    div#footnavi {
    margin: 10px auto 0px auto;
    font-size: 0.8em; 
    padding-top: 5px;
    padding-bottom: 3px; 
    line-height: 100%;
    }

    div#copyright {																		
    font-size: 0.7em;  
    margin: 3px auto 0px auto;	
    }

    #main_imp {																				
    margin: auto 20px auto 20px;												
    }
    #main_imp h1 {
    font-size: 1.6em;
    }
    #main_imp h2 {
    font-size: 1.2em;
    }  
    #main_imp h3 {
    font-size: 1.0em;
    }
    #main_imp h3 {
    font-size: 1.0em;
    } 
}