@font-face{
	font-family:'Oxygen-Regular';
	src:url(../fonts/Oxygen-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu-Regular';
    src:url(../fonts/Ubuntu-Regular.ttf) format('truetype');
}

#kontakt{
	font-family:'Oxygen-Regular';	
  background-color: #F4F4F4;
  width: 100%;
    color: #6D6D6D;
  padding: 20px 0px 3px 0px;
  margin-top: 50px;
  margin-left: 0px;
  margin-right: 0px;
}

#kontaktallgemein{
background: #fff;
 padding-top: 30px; 
 padding-bottom: 30px;
 padding-left: 10px;
}

#contact_form_holder { 


    width:70%;
	margin: 0 auto;
	 color: #000;
}
#contact_form_holder input { 
    width:75%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family:inherit; /* we must set this, because it doesn't inherits it */ 
   	font-size: 16px;
    padding:7px;
	border: 1px solid #000;
	
color: #000;
	
}


 #contact_form_holder textarea { 
    width:80%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family:inherit; /* we must set this, because it doesn't inherits it */ 
   	font-size: 16px;
   padding: 7px;
	border: 1px solid #000;
color: #000;

}


p.kontakt {
	font-family:'Ubuntu-Regular';	
    text-align: justify;
    margin: 0 0 0 0;
	font-size: 18px;
}

#contact_form_holder  input:focus, #contact_form_holder textarea:focus { 

	background: #ddd;
color: #000;
 outline-style: solid;
    outline-width: 2px;
	   outline-color: #000;

}


#contact_form_holder textarea { 
    height:100px; /* i never liked small textareas, so make it 100px in height */ 
}
#send_message { 
    width:200px !important; /* the width of the submit button  */ 
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;

}
#cf_submit_p { text-align:left; } /* show the submit button aligned with the right side */

.error { display: none; width: 50%; padding:10px; color: #fff; font-size:17px; background-color: #000; border: 1px solid #fff;}
.success { display: none; width: 40%; padding:10px; color: #044406; font-size:15px;background-color: #B7FBB9;}

#contact_logo { vertical-align: middle; float: left; padding-right: 20px; margin-top: -10px;}
.error img { float:left; margin-top: 8px; padding-right: 10px;}



@media all and (max-width: 850px) {
h3.mail {
  margin-top: 30px;
  color: #6D6D6D;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 1em;
}

#kontakt{
  padding: 10px;
}

#contact_form_holder { 
 
    width:100%;
	margin: 0;
	padding: 0px;

}
p.kontakt {

	font-size: 15px;
}

#contact_form_holder input { 
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
	font-size: 15px;
}


 #contact_form_holder textarea { 
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
	font-size: 15px;
}


.error { 
 width: 100%;
 }


 .success {  
 width: 80%;
 }
  }