@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;background-color: #444444;}
input, select, textarea, option{border-radius:15px;box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);border:none;}
#kontaktwrapper > div{width:100%;max-width:800px;}
.todolist{color:red;font-size:0.95em;font-weight:lighter;}
.todolist2,.formlabels2{color:red;font-weight:bold;letter-spacing:2px;margin-left:10px}
.todolist2b{color:#444;font-weight:lighter;font-size:0.85em;letter-spacing:2px;margin-left:10px}
.formrows{margin-top:25px;}
.formlabels{font-weight:bold;letter-spacing:2px;color:#444;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: #444;font-weight:lighter;font-size:0.9em;letter-spacing:2px;padding:7px 15px;border:none;border-radius:40px;}
.formbuttons:hover,.formbuttons:focus{background:#444;color:#fff;}
#absender_anrede{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	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{

	font-weight:lighter;
	letter-spacing:1px;
	padding:0.4em;
	color:#444444;
	background-color:white;
}
.anrede_option{font-weight:lighter;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,textarea:hover{box-shadow: 0 2px 1px 0 rgba(0,0,0,0.75);}
#hinweis{color:#444;font-weight:lighter;letter-spacing:2px;}
.checkbox {
  display: none;
}

.checkbox + label {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 0.85em;
  line-height: 1.3;
}

.checkbox + label:before {
  width: 30px;
  height: 20px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;
  content: "";
  margin-right: 15px;
  transition: background-color 0.5s linear;
}

.checkbox + label:after {
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
  position: absolute;
  left: 2px;
  top: 2px;
}

.checkbox:checked + label:before {
  background-color: #2b8718;
}

.checkbox:checked + label:after {
  margin: 0 0 0 18px;
}
@media all and (max-width: 800px) {
	#absender_anrede{font-size:0.75em;}
	.formlabels{font-size:0.75em;}
	todolist2,.formlabels2{font-size:0.75em;}
	.anrede_option{font-size:0.75em;}
	#hinweis{font-size:0.75em;}	
}
	
@media all and (min-width: 800px) {
	#absender_anrede{font-size:0.85em;}
	.formlabels{font-size:0.85em;}
	todolist2,.formlabels2{font-size:0.85em;}
	.anrede_option{font-size:0.85em;}
	#hinweis{font-size:0.85em;}
}