/* ******************************************************************************************************************************************** */
/* 																																			*/
/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite            																		*/
/*																							   												*/ 
/* 																																			*/
/* Darstellung: header 	    									   																		       */
/* 				element 1	    									   														                    */
/* 				bild    	    									   														                    */
/* 				seitentext 	    									   														                    */
/* 				termine  	    									   														                    */
/* 																																			*/
/* ******************************************************************************************************************************************** */



form {
/*  width: 30em;*/
  padding-top: 3em;
/*  position: relative;*/
}

input {
/*  margin: 0 0 1em 31%;*/
  padding: .2em .5em;
  width: 95%;
  background-color: #ffffff; 
  border: 1px solid #bdd6f6;  

  left: 0;

}

label { 
/*  text-align: right;*/
  line-height: 1.5;  
/*  position: absolute;*/
  left: 0;
}

textarea { 
/*  margin: 0 0 1em 31%;*/
  padding: .2em .5em;
  width: 95%;
  background-color: #ffffff; 
  border: 1px solid #bdd6f6;  
}


button {
/*  margin-left: 31%;*/
  margin-left: 0;
  width:30%;
}


/*
label::after {
  content: ": ";
}

input:required + label::before {
  position: absolute;
  left: 300%;
  content: "★";
  color: red;
}

input:required:valid + label::before {
  content: "✔";
  color: green;
}

*/

.formflex {
	    display:-webkit-flex;
        display: flex;

        -webkit-flex-direction: column;
        flex-direction: column;
      		
        -webkit-flex: 1;
        flex: 1 ;
        
        background-color:#f8f8f8;
        padding: 10px 10px 10px 10px;
        
       	font-family:"Source Sans Pro", arial;
		font-size:14px;
		font-weight:400;
		color:#000;
		
		width:90%

}


.meldung {
	font-weight:bold;
}


/* ******************************************************************************************************************************************** */
/* 																																			*/
/* Smart Phones und Tablets mit mittlerer Auflösung         																				*/
/*																							   												*/ 
/* 																																			*/
/* Darstellung: header 	    									   																		       */
/*  			element1  || bild       									   												               	*/
/*              -----------------------																										*/
/* 				seitentext  			   	    									   														*/
/*              -----------------------																										*/
/* 				termine  																													*/
/* 																																			*/
/* ******************************************************************************************************************************************** */

@media all and (min-width: 600px) and (max-width: 799px) {

	.formflex {
		width:97%;
	}
	
	
	


}



/* ******************************************************************************************************************************************** */
/* 																																			*/
/* Large screens									        																				*/
/*																							   												*/ 
/* 																																			*/
/* Darstellung: header 	    									   																		       */
/*  			element1  || bild      || termine     									   													*/
/*              -----------------------||																									*/
/* 				seitentext 			   ||	    									   														*/
/* 																																			*/
/* 																																			*/
/* ******************************************************************************************************************************************** */


@media all and (min-width: 800px) {

	.formflex {
		width:97%;
	}








}