@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;  } /**                   hellgrün                background-color: #00FF00;                */
    
	#Wrapper {
  width: 100%; max-width:1400px; margin-left:auto; margin-right:auto;
}
	/*Anpassender Navigation - START*/
.HHmain{display: none!important;}/*HH icon, für main Navigation ausuiklappen*/	
.HHsec{display:none!important;} /*HH icon, für sec Navigation ausuiklappen*/
#MainNav{display: flex!important;}	/*main nav nicht zu sehen*/
#SecNav{display: flex!important; }	/*sec nv nicht zu sehen*/

/*Anpassender Navigation - ENDE*/
.NavLinks{width:100px;}
	#logosport{width:30%; max-width:360px; }
.d_logo{width: 10%; height:10%; max-width:97px; }

#input{height:30px; width:60%; max-width:200px; font-size:24px;  }
#input:hover{background-color: #93ACCB; color:#000066;}
#butanw{ font-size:22px; width:60% border: 2px outset #ffffff;}
/*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*/

}
@media screen and (max-width:640px){
    body {
        font-size: 0.9em;  /*  orange                         background-color: #FF9900;       */
	    }
		#Wrapper {
  width: 100%; max-width:1400px; margin-left:auto; margin-right:auto;
}

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

#MainNav{display:flex!important;}	/*main nav nicht zu sehen*/
#SecNav{display:none!important;}	/*sec nv nicht zu sehen*/
/*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;}
		#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 {
        /*    hell lila                           background-color: #FF99FF;      */
    }
	#Wrapper {
  width: 100%; max-width:1400px; margin-left:0; margin-right:auto;padding-left:0;
}

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

.HHsec{display:none!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*/
/*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%;
  }
  
#input{height:35px; width:80%; max-width:200px; vertical-align:middle; font-size:22px; color: #666666; background-color:#FFFFFF; border: 1px solid #c0c0c0; }
#input:hover{background-color: #93ACCB; color:#000066;}
#butanw{ font-size:22px;width:80%; max-width:200px; border: 2px outset #ffffff;}
  
}
@media screen and (max-width:400px){
body {
         /* gelb                        background-color: #FFFF00;      */
    }
	
	#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*/	

.HHsec{display:none!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*/

 #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*/
	



}
@media screen and (max-width:330px){
body {
        /*  hellgelb                          background-color: #FFFF99;                  */
    }
	
	#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:none!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;}
#leer{width:200px;}
	#infozeige{ font-size:14px;}
	
#lieberdenni{width:60%;}/*Denni schreiben*/

  nav ul a {
    width:100%;
  }
}