*:focus {
	outline:none}
body {
	font:14px/21px Helvetica, "Lucida Sans",  "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;
	}
	
h1 {
	line-height: normal;
}
.form_hint, .required_notification {
	font-size:11px}
.kopfbereich {
	min-height:125px;
	background:url("images/agentur_eick_logo.jpg") no-repeat center;
	background-size:contain;
	margin-bottom:2em;
	}
#formular {
	background-color:#f2f2f2}
.fotos {
	max-width:750px;
	background-color:#F8F8F8;
	margin:0;
	padding:1em;
	margin-left:auto;
	margin-right:auto }
#start {
	max-width:750px;
	background-color:#F8F8F8;
	margin:0;
	padding:1em;
	margin-left:auto;
	margin-right:auto }
.contact_form li {
	position:relative}
.contact_form li:first-child, .contact_form li:last-child {
	
	}
.contact_form h2 {
	margin:0;
	text-align:center;}
.required_notification {
	color:#d45252;
	margin:5px 0 0;
	display:inline;
	float:right}
input[required] {
  border-color: red;
}
.fehler {
	color:#d45252;
	font-weight:bold;
	font-size:1.4em;
	background-color:yellow;
	padding:15px;
	}
.contact_form label {
	margin-top:3px;
	display:inline-block;
	float:left;
	padding:3px;
	word-wrap:anywhere; 
	}
.contact_form input {
	min-height:40px;
	width:100%;;
	padding:5px 8px}
.contact_form textarea {
	font:14px/21px Helvetica, "Lucida Sans",  "Lucida Grande",  "Lucida Sans Unicode",  sans-serif;	padding:8px;
	width:100%;
	min-height:40px}
.contact_form button {
	grid-column:span 2;
	}
.contact_form input, .contact_form textarea {
	border:1px solid #aaa;
	box-shadow:0 0 3px #ccc,  0 10px 15px #eee inset;
	border-radius:2px;
	min-height:40px;
	width:80%;}
.contact_form input[type="checkbox"] {
	border:0;
	box-shadow:none;
	border-radius:0;
	text-align:left;
	width:20px;
	min-height:20px}
.contact_form select {
	min-height:30px;
	width:80%;
	}
.contact_form input:focus, .contact_form textarea:focus {
	background:#fff;
	border:1px solid #555;
	box-shadow:0 0 3px #aaa}
button.submit {
	background-color:#68b12f;
	background:-webkit-gradient(linear,  left top,  left bottom,  from(#68b12f),  to(#50911e));
	background:-webkit-linear-gradient(top,  #68b12f,  #50911e);
	background:-moz-linear-gradient(top,  #68b12f,  #50911e);
	background:-ms-linear-gradient(top,  #68b12f,  #50911e);
	background:-o-linear-gradient(top,  #68b12f,  #50911e);
	background:linear-gradient(top,  #68b12f,  #50911e);
	border:1px solid #509111;
	border-bottom:1px solid #5b992b;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	box-shadow:inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow:0 1px 0 0 #9fd574 inset;
	-moz-box-shadow:0 1px 0 0 #9fd574 inset;
	-ms-box-shadow:0 1px 0 0 #9fd574 inset;
	-o-box-shadow:0 1px 0 0 #9fd574 inset;
	color:white;
	font-weight:bold;
	padding:6px 20px;
	text-align:center;
	text-shadow:0 -1px 0 #396715}
button.submit:hover {
	opacity:0.85;
	cursor:pointer}
button.submit:active {
	border:1px solid #20911e;
	box-shadow:0 0 10px 5px #356b0b inset;
	-webkit-box-shadow:0 0 10px 5px #356b0b inset;
	-moz-box-shadow:0 0 10px 5px #356b0b inset;
	-ms-box-shadow:0 0 10px 5px #356b0b inset;
	-o-box-shadow:0 0 10px 5px #356b0b inset}
.contact_form input:focus, .contact_form textarea:focus {
	padding-right:40px}
.contact_form input, .contact_form textarea {
	-moz-transition:padding 0.25s;
	-webkit-transition:padding 0.25s;
	-o-transition:padding 0.25s;
	transition:padding 0.25s}
.contact_form input, .contact_form textarea {
	padding-right:30px}
input:required, textarea:required {
	background:#fff url("images/red_asterisk.png") no-repeat 98% center}
::-webkit-validation-bubble-message {
	padding:1em }
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background:#fff url("images/invalid.png") no-repeat 98% center;
	box-shadow:0 0 5px #d45252;
	border-color:#b03535}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background:#fff url("images/valid.png") no-repeat 98% center;
	box-shadow:0 0 5px #5cd053;
	border-color:#28921f}
.form_hint {
	background:#d45252;
	border-radius:3px 3px 3px 3px;
	color:white;
	margin-left:8px;
	padding:1px 6px;
	z-index:999;
	position:absolute;
	display:none}
.form_hint::before {
	content:"\25C0";
	color:#d45252;
	position:absolute;
	top:1px;
	left:-6px}
.contact_form input:focus + .form_hint {
	display:inline}
.contact_form input:required:valid + .form_hint {
	background:#28921f}
.contact_form input:required:valid + .form_hint::before {
	color:#28921f}

#bewerbung {
	display: grid;
	grid-template-columns: 40% 60%;
	row-gap: 2em;
    column-gap: 0.5em
}

.hinweis {
	grid-column:span 2; 
	background-color:white; 
	padding:1em;
}

.hinweis_nach {
	grid-column:span 2; 
	background-color:white; 
	padding:1em;
}