/*****************************************************************************/
/********** Allgemeines ******************************************************/
/*****************************************************************************/
.AbschnittTitel {width: 80%; height: auto; background: #FFFFFF; font-size: 1.5em; margin: 2em 10% 1.3em 10%; padding-top: 0.2em; padding-bottom: 0.2em; border: 0.1em solid #000066; border-radius: 0.6em;}
.AbschnittTitel h3 {font-size: 1em; font-weight: normal; text-align: left; color: #000066; letter-spacing: 0.3em; margin: 0 0 0 1em;}

/*****************************************************************************/
/********** SECTION (Foto) ***************************************************/
/*****************************************************************************/
#Topfoto {width: 100%; background: #FFFFFF; margin: 5.3em 0 -0.3em 0;}
#Topfoto img {max-width: 100%; min-width: 100%;}

/*****************************************************************************/
/********** SECTION (Einleitung) *********************************************/
/*****************************************************************************/
#Einleitung {width: 80%; background: #FFFFFF; margin: 0 10%; padding: 0 0 1em 0; overflow:hidden;}
#Einleitung h2 {font-size: 2.5em; text-align: center; color: #000066; letter-spacing: 0.3em; margin: 0.5em 0 1em 0;}
#Einleitung p {font-size: 1.3em; text-align: justify; font-weight: normal; line-height: 130%;}
#Einleitung h3 {font-size: 1.3em; text-align: center; font-weight: bold; letter-spacing: 0.2em; margin: 1em 0 0 0;}

/*****************************************************************************/
/********** SECTION (Radtouren) **********************************************/
/*****************************************************************************/
#RadtourAbschnitt {width: 80%; background: #FFFFFF; margin: 0 10%; padding: 0; overflow:hidden;}
.RadtourTabelle {margin: 0; padding: 0;}
.RadtourTabelle ul {margin: 0; padding: 0;}
.RadtourTabelle ul li {width: auto; display: inline-block; margin: 0.3em 0.5em; padding: 0; background: #FFFFFF;}
.RadtourTabelle img {width: 10em; margin: 0; border: 0.2em solid #999999; border-radius: 0.6em;}
.RadtourTabelle img:hover {border-color: #000066; cursor: pointer;}

/*****************************************************************************/
/********** SECTION (Besucherzähler) *****************************************/
/*****************************************************************************/
#besucherzaehler {width: 80%; background: #FFFFFF; margin: 0 10%; padding-bottom: 0.3em;}
//#besucherzaehler p {font-size: 3.8em; background-color: #FF44FF; border: 0.1em solid #000066;}


/*****************************************************************************/
/********** MEDIA-QUERIES (<1400px // Fensterbreite <35cm) *******************/
/*****************************************************************************/
@media screen and (max-width: 1400px) {
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<1300px / Breite 90%) *****************************/
/*****************************************************************************/
@media screen and (max-width: 1300px) {
    #Einleitung {width: 90%; margin-left: 5%; margin-right: 5%;}
	.AbschnittTitel {width: 90%; margin-left: 5%; margin-right: 5%;}
    #RadtourAbschnitt {width: 90%; margin-left: 5%; margin-right: 5%;}
    #besucherzaehler {width: 90%; margin-left: 5%; margin-right: 5%;}
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<1200px // Fensterbreite <30cm) *******************/
/*****************************************************************************/
@media screen and (max-width: 1200px) {
    //.AbschnittTitel h3 {color: #FF00FF;}
    #Einleitung h2 {font-size: 2.2em;}
    #Einleitung p {font-size: 1.2em;}
    #Einleitung h3 {font-size: 1.2em;}
	.AbschnittTitel {font-size: 1.4em;  margin-top: 1.5em; margin-bottom: 1em;}
    .RadtourTabelle img {width: 9em;}
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<1100px // Fensterbreite <27,5cm) *****************/
/*****************************************************************************/
@media screen and (max-width: 1100px) {
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<1000px // Fensterbreite <25cm) *******************/
/*****************************************************************************/
@media screen and (max-width: 1000px) {
    //.AbschnittTitel h3 {color: #FF0000;}
    #Einleitung h2 {font-size: 2em;}
    #Einleitung p {font-size: 1.1em;}
    #Einleitung h3 {font-size: 1.1em;}
	.AbschnittTitel {font-size: 1.3em;  margin-top: 1em; margin-bottom: 0.8em; padding-top: 0.1em; padding-bottom: 0.1em; border-radius: 0.4em;}
    .RadtourTabelle ul li {margin: 0.3em 0.4em;}
    .RadtourTabelle img {width: 8em; border-radius: 0.5em;}
    #besucherzaehler {display: hidden;}
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<900px // Fensterbreite <22,5cm) ******************/
/*****************************************************************************/
@media screen and (max-width: 900px) {
    //.AbschnittTitel h3 {color: #000000; }
    #Topfoto {margin-top: 4.4em;}
    #Einleitung h2 {font-size: 1.7em;}
    #Einleitung p {font-size: 1em;}
    #Einleitung h3 {font-size: 1em;}
	.AbschnittTitel {font-size: 1.1em;}
	.AbschnittTitel h3 {letter-spacing: 0.2em;}
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<800px // Fensterbreite <20cm) ********************/
/*****************************************************************************/
@media screen and (max-width: 800px) {
    #Einleitung h2 {font-size: 1.6em;}
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<700px // Fensterbreite <17,5cm / MOBILE-HOCH) ****/
/*****************************************************************************/
@media screen and (max-width: 700px) {
    //.AbschnittTitel h3 {color: #FF0000;}
	#Topfoto {margin-top: 3.6em;}
    #Einleitung {padding-bottom: 0.5em}
    #Einleitung h2 {font-size: 1.5em; letter-spacing: 0.04em;}
    #Einleitung p {font-size: 0.9em;}
    #Einleitung h3 {font-size: 0.9em; letter-spacing: 0.01em;}
	.AbschnittTitel {font-size: 1em;}
	.AbschnittTitel h3 {letter-spacing: 0.01em;}
    .RadtourTabelle ul li {margin: 0.2em 0.3em;}
    .RadtourTabelle img {width: 7em; border-width: 0.15em; border-radius: 0.4em;}
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<600px) Umschaltung Menu / Hover deaktivieren *****/
/*****************************************************************************/
@media screen and (max-width: 600px) {
    //.AbschnittTitel h3 {color: #00FFFF;}
    #Einleitung h2 {font-size: 1.2em; letter-spacing: 0.01em;}
    .RadtourTabelle img {width: 6em; border-radius: 0.3em;}
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<500px) SMARTPHONE SAMSUNG S20FE/S7 ***************/
/*****************************************************************************/
@media screen and (max-width: 500px) {
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<400px // Fensterbreite <10cm) ********************/
/*****************************************************************************/
@media screen and (max-width: 400px) {
}	
/*****************************************************************************/
/********** MEDIA-QUERIES (<350px) *******************************************/
/*****************************************************************************/
@media screen and (max-width: 350px) {
}