@charset "utf-8";
/* CSS Document */
/*Bildschirmgrößen : meine-bildschirmaufloesung.de
Gerät	breite -  Höhe - Ausrichtung*

ACER wd 				1420 x 1080 - L

Tablet surface breit 	1366 + 768  - L

toshiba wd alt			1224 + 768 - L

acer indra				1132 + 720 - L


Kindle quer				1024 * 600 - L
						ipad 1024 +  768  - P

/************************************ bis 960 hellgrün/
tablet surface hoch		786 * 1024 - P
					
					ipad 768 * 1024 - P
				iphone 6 pump		736 * 404 - L
		
				iphon3 6 			667 * 375 - L

smart  sonaXperia quuer	 642 * 320 - L

************************************ bis 640 orange

tablet kindle hoch 		600 * 1024  - L

			nexus 4(androit)       600 * 384  -L
			ophone 5 				568 *  320 - L
			
/*********************** bis max 500 hell lila

		
			
			iphone 6 pump			404 *  736 - P
			
+++++++++++++++++++++++++++++++++++++++++++++bis 400 gelb	
		
			nexus 4(androit)       384 * 600 - P
			iphone 6				375 * 667  - P

Sona Xperia hoch 		320 * 640 - L

			iphone5					320 * 568 - P

/
/*
  Responsive-Styles
  -----------------
*/

/* Text herunterskalieren */
@media screen and (max-width:960px){
    body {
        font-size: 0.95em; /* background-color: #00FF00; *hellgrün*/
    }
	#Wrapper {
  width: 100%; max-width:1400px; margin-left:auto; margin-right:auto;
}
	/*Anpassender Navigation - START*/

#MainNav{display: flex!important;}	/*main nav nicht zu sehen*/
.HHmain{display: none!important;}/*HH icon, für main Navigation ausuiklappen*/	

#SecNav{display: flex!important; background: #FFFFFF;}	/*sec nv nicht zu sehen*/
.HHsecOben{display:none!important;  } /*HH icon, für sec Navigation ausuiklappen*/
.HHsec{display:none!important;  } /*HH icon, für sec Navigation ausuiklappen*/
/*Anpassender Navigation - ENDE*/

	#logosport{width:30%; max-width:360px; }
.d_logo{width: 10%; height:10%; max-width:97px; }


/*index seite*/
	#willkommen{ width:100%; max-width:800px; min-width:300px;}
	#masterdennibild{width:80%; max-width:100px; min-width:50px; text-align:right;}
	#infozeige{ font-size:14px;}
#lieberdenni{width:60%; max-width:140px;}/*Denni schreiben*/
#news3 p {
    float: none;
    width: 100%;
    padding: 0 !important;
  }
}
@media screen and (max-width:620px){
    body {
        font-size: 0.9em; /*background-color: #FF9900;   orange*/
	    }
		#Wrapper {
  width: 100%; max-width:1400px; margin-left:auto; margin-right:auto;
}

/*Anpassender Navigation - START*/
.HHmain{display:block!important;}/*HH icon, für main Navigation ausuiklappen*/	
#MainNav{display:none!important;}	/*main nav nicht zu sehen*/
#MainHoch{display:block!important;}	/*main nav nicht zu sehen*/
#SecNav{display:none!important;}	/*sec nv nicht zu sehen*/
.HHsecOben{display:block!important;  } /*HH icon, für sec Navigation ausuiklappen*/
.HHsec{display:none!important;  } /*HH icon, für sec Navigation ausuiklappen*/
#Oben{display:block; text-align: left;}
#news4 p { width: 33%; float: left; font-size: 0.9em; }

/*Anpassender Navigation - ENDE*/

#logosport{width:30%; max-width:360px; }
.d_logo{width: 10%; height:10%; max-width:97px; }
input{ ;ont-size:16px;}

/*index seite*/

		#willkommen{ width:100%; max-width:800px;}
		#masterdennibild{width:70%; max-width:100px;  text-align:right;}
			#infozeige{ font-size:14px;}
			
			#lieberdenni{width:60%; max-width:140px;}/*Denni schreiben*/

}

@media screen and (max-width:540px){
body {
       /*  background-color: #FF99FF; hell lila*/
    }
	#Wrapper {
  width: 100%; max-width:1400px; margin-left:auto; margin-right:auto;
}

/*Anpassender Navigation - START*/
/*.HHmain{display:block!important;  }/*HH icon, für main Navigation ausuiklappen*/	

.HHmain{display:block!important;}/*HH icon, für main Navigation ausuiklappen*/	
#MainNav{display:none!important;}	/*main nav nicht zu sehen*/

#SecNav{display:none!important;}	/*sec nv nicht zu sehen*/
.HHsecOben{display: block!important;} /*HH icon, für sec Navigation ausuiklappen*/

.HHsec{display: none!important;} /*HH icon, für sec Navigation ausuiklappen*/
/*#MainNav{display:none!important;}	/*main nav nicht zu sehen*/

/*Anpassender Navigation - ENDE*/
/*Inhalt*/
#news p {
    float: none;
    width: 100%;
    padding: 0 !important;
  }

/*index seite*/
#willkommen{ width:100%; max-width:800px;}
#logosport{width:100%; max-width:360px; }
#masterdennibild{width:60%; max-width:100px; text-align:right;}
#infozeige{ font-size:14px;}

#lieberdenni{width:60%; max-width:140px;}/*Denni schreiben*/


a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
      text-decoration:    underline;
      color: blue; font-size:14px;
   }
  nav ul a {
    width:50%;
  }
}

@media screen and (max-width:490px){
#news4 p { width: 50%; float: left; font-size: 0.9em; }

}
@media screen and (max-width:400px){
body {      /*  background-color: #FFFF00;  gelb*/
    }
	
	#Wrapper {
  width: 100%; max-width:1400px; margin-left:auto; margin-right:auto;
}

	footer {
  display: block; 
}

#kleinnav{ display:block; font-size:24px;}


/*Anpassender Navigation - START*/
.HHmain{display:block!important;}/*HH icon, für main Navigation ausuiklappen*/	
#MainNav{display:none!important;}	/*main nav nicht zu sehen*/

.HHsec{display: block!important;} /*HH icon, für sec Navigation ausuiklappen*/
#MainNavHoch{display:block!important; }/* Hauptnavigation Hochkant*/

.MainNavHoch { font-size:20px; border:2px outset #FFFFFF;width:80%; padding-left:2%;   }
.MainNavHoch:hover{ border:2px inset #FFFFFF;}
.MainNavHochSpan{ border:2px inset #FFFFFF;font-size:20px;padding-left:2%; color:#990000;}

#SecNav{display:none!important;}	/*sec nv nicht zu sehen*/
/*Anpassender Navigation - ENDE*/
 nav ul a {  /*  Anordnen der obren Navigation -> untereinander*/
    width:25%;
  }
 #news p {
    float: none;
    width: 100%;
    padding: 0 !important;
  }
main > section, main > aside {/* aus 2 Spalten eine Spalte*/
    float: none;
    width: 100%;
  }

footer section { width:100%;
  margin: 0 1em; font-size: 0.95em; color:#666666;
}	
/*index seite*/
#logosport{width:80%; max-width:360px; }
#masterdennibild{display:none!important;}
#willkommen{ width:90%; max-width:800px;}
#leer{width:200px;}
	#infozeige{ font-size:14px;}
	#lieberdenni{width:80%;}/*Denni schreiben*/
.img {
  width: 100%;
  max-width: 400px;
}	

}
@media screen and (max-width:380px){
#news4 p { width: 100%; float: left; font-size: 0.9em; }

}
@media screen and (max-width:330px){
body {
      /*  background-color: #FFFF99;  /*  hellgelb*/
    }
	
	#Wrapper {
  width: 100%; max-width:1400px; margin-left:auto; margin-right:auto;
}
#Content {
  
  padding: 1% 0; 
}
	footer {
  display: block; 
}

#kleinnav{ display:block; font-size:24px;}


/*Anpassender Navigation - START*/
.HHmain{display:block!important; }/*HH icon, für main Navigation ausuiklappen*/	

.HHsec{display:block!important;} /*HH icon, für sec Navigation ausuiklappen*/
#MainNav{display:none!important;}	/*main nav nicht zu sehen*/
#SecNav{display:none!important;}	/*sec nv nicht zu sehen*/
/*Anpassender Navigation - ENDE*/



footer section { width:100%;
  margin: 0 1em; font-size: 0.95em; color:#666666;
}	


/*index seite*/
#logosport{width:80%; max-width:360px; }
#masterdennibild{display:none!important;}
#willkommendisplay:none!important;}

.img {
  width: 100%;
  max-width: 400px;
}	
#leer{width:200px;}
	#infozeige{ font-size:14px;}
	
#lieberdenni{width:60%;}/*Denni schreiben*/

  nav ul a {
    width:100%;
  }
}