/*================================================
 Css für Formulare 
 =================================================*/
 input, textarea{
 	padding: .3em;
 }
form.cmxform fieldset 
 {
	width: 100%;
	background-color: transparent;
	margin-bottom: 20px;
	font-style: normal;
	margin-left:1em;
}
  form.cmxform legend 
  { padding: 0 2px;
  color: #993333;
  font-weight: bold; 
     padding: 1em 0 3em;
  }
  form.cmxform label 
  {
  color:#000;
	display: inline-block;
	line-height: 2em;
	vertical-align: top;
} 
	form.cmxform fieldset ol 
	{ margin: 0; padding: 0; 
	}
	 form.cmxform fieldset li 
	 { list-style: none; 
	 padding: 5px;
	 margin: 0; }
	 form.cmxform fieldset fieldset 
	 { border: none; 
	 margin: 3px 0 0; 
	 } 
	 form.cmxform fieldset fieldset legend 
	 { padding: 0 0 5px;
	  font-weight: 
	  normal;
	   } 
	  form.cmxform fieldset fieldset label 
	  { display: block;
	   width: auto; 
		} 
		form.cmxform em 
		{ font-weight: bold; 
		font-style: normal;
		 color: #f00; } 
		 form.cmxform label 
		 { width: 14em; /* Width of labels */ 
		 }
		  form.cmxform fieldset fieldset label 
		  { margin-left: 123px; /* Width plus 3 (html space) */ 
		  }
		   form.cmxform textarea{
		   }
		form.cmxform input:focus, textarea:focus {
	color: #000;
	 font-family: "Lucida Grande","Trebuchet MS", Tahoma, Verdana, Arial,Helvetica,sans-Serif;
	background-color: #fdefe5;
}
input#submit { /* den Submit-Button */
font-family: "Lucida Grande","Trebuchet MS", Tahoma, Verdana, Arial,Helvetica,sans-Serif;
background-color: Gray;
color: White;
width: auto;
margin-left: 300px;
}
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media only screen and (max-device-width: 480px) {
  div#wrapper{
  font-size: 30px;
  	width: auto;
  }
  .gwhg-info p{
  	font-size: 45px;
  }
  form.cmxform legend{
  font-size: 50px;
color: #d45f0f;
padding:.8em 0 0 0;
margin: 0;
 }

  form.cmxform ul li{
  font-size: 40px;
  	padding: .7em 0;
  }
 form.cmxform ul li label{
    	display: block;
  }
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}