@charset "utf-8";
/* CSS Document *//* CSS Document */
#kontaktwrapper{min-height:500px;display:flex;flex-flow: column nowrap;align-content:center;align-items: center;padding:25px;}
#kontaktwrapper > div{width:100%;max-width:800px;}
.todolist{color:black;font-size:0.95em;font-weight:bold;}
.todolist2,.formlabels2{color:black;font-weight:bold;font-size:1em;letter-spacing:2px;margin-left:10px}
.formrows{}
.formlabels{font-weight:lighter;font-size:1em;letter-spacing:2px;color:#FFFFFF;margin-left:10px}
#anrede_label{}
#name_label{}
#email_label{}
#telefon_label{}
#text_label{}
#contactform_firstrowflex{display:flex;flex-flow:row wrap;width:100%;}
.formrows_buttons{width:100%;display:flex;flex-flow:row wrap;justify-content: space-between;margin-top:15px;}
.formbuttons{background:#fff;color: #32006F;font-weight:lighter;font-size:1em;letter-spacing:2px;padding:15px;border:none;}
.formbuttons:hover,.formbuttons:focus{background:#32006F;color:#FFF;}
#absender_anrede{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:0.95em;
	background-image:url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width:100%;min-width:120px;
	margin-bottom: 15px;
	
}
#absender_anrede, .formtexts, #absender_text{
	border-radius: 0;
	border: 1px solid #000;
	font-weight:lighter;
	
	letter-spacing:1px;
	padding:0.6em;
	color:#444444;
	background-color:white;
}
.anrede_option{font-weight:lighter;font-size:0.95em;letter-spacing:2px;text-align:right;}

.formtexts{width:100%;max-width:400px;font-size:1em;}
#absender_name{font-size:1em;margin-left:5px;margin-bottom: 15px;}
#absender_email{font-size:1em;margin-bottom: 15px;}
#absender_telefon{font-size:1em;margin-bottom: 15px;}
#absender_text{font-size:1.5em;width:100%;max-width:800px;min-height:300px;}
select:hover,input:hover{box-shadow: 0 2px 1px 0 rgba(0,0,0,0.75);}
#hinweis{color:white;font-size:1em;font-weight:lighter;letter-spacing:2px;}