@charset "utf-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/




.info {
	position: relative;
	
	height: auto;
	padding-top: 20px;
	margin-bottom: 30px;
}


.center  {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;	
}




.tel:link {
	color: #333
	 
	  				
}	

form {
	width: 100%;
	max-width: 500px;
	padding: 2%;
	background-color: #dad1b6;
	border: 1px solid #ddd;
		
	}
	
fieldset {
	width: 90%;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: auto;
	padding: 2%;
		
	}
	
.textfeld, .submitbutton {
	margin: 2%;
	
	}	
	
.textfeld  label {
	display:block;
	
	}
	
.textfeld input, .textfeld textarea {
	width: 80%;
	padding: 4px;
	display:block;
	border-radius: 2px;
	border: 1px solid #999;
	background-color: #fff;
	
	}
	
label {
	cursor: pointer;
	
	}
	
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b8b7b7;
    opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b8b7b7;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b8b7b7;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b8b7b7;
    opacity: 1;
}

.info {
	
	padding-top: 0.8px;
}
.qrcode{
	margin-left:9px;
	
	}
hr{
    border :none; 
	border-top: 1px solid #a1c643; 
	background-color:#000000; 
	height: 1px; 
		
	}


	
@media screen and (max-width:995px){

		
	
}

@media screen and (max-width:660px) {



}
@media screen and (max-width:767px) {
.tel:link {
	color: #069
	 
	  				
}	


}	
@media screen and (max-width:575px){	



}