#formLayover {
	background-color:rgba(0,54,76,0.6);
	display:block;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:9999999;
}
#formLayover div.form {
	background-color:white;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/form_bg.jpg);
	box-shadow:0 0 10px rgb(0,54,76);
	color:rgb(0,54,76);
	padding:30px 50px;
	position:absolute;
	left:calc(50vw - 300px);
	line-height:1.5em;
	right:calc(50vw - 300px);
	top:50px;
	width:500px;
}
#formLayover div.form h3 {
	color:rgb(0,54,76);
	font-size:1.4em;
	font-variant:small-caps;
	padding:0;
	text-align:center;
}
#formLayover div.form svg.close {
	cursor:pointer;
	height:2em;
	padding:15px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	transition: all 0.5s;
	width:2em;
}
#formLayover div.form svg.close:hover {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: all 0.5s;
}
#formLayover div.form div.row {
	padding:0.4em 0 0 0;
	text-align:left;
}
#formLayover div.form label {
	display:inline-block;
	vertical-align:middle;
	padding:0;
	width:24%;
}
#formLayover div.form .error label {
	color:#b20d14;
}
#formLayover div.form div.row input {
	background-color:transparent;
	border:none;
	border-bottom:1px solid rgb(0,58,78);
	color:rgb(0,58,78);
	display:inline-block;
	font:inherit;
	height:2.4em;
	padding:0;
	vertical-align:middle;
	width:73%;
}
#formLayover div.form div.row.error input {
	border-bottom:1px solid #b20d14;
}
#formLayover div.form div.row input.submit {
	background-color:rgb(0,58,78);
	border:none;
	color:white;
	cursor:pointer;
	display:block;
	margin-left:25%;
	padding:8px 0;
	font-variant:small-caps;
	width:75%
}
#formLayover div.form .box {
	border:1px solid rgb(0,58,78);
	margin-left:25%;
	padding:5px 2.5%;
	width:calc(70% - 2px);
}
#formLayover div.form .box p {
	margin:0 0 0.5em 0;
	padding:0;
}
#formLayover div.form div.row p.inset {
	padding-left:25%;
}

#formLayover div.form textarea.box {
	background-color:transparent;
	color:rgb(0,54,76);
	font:inherit;
	height:5em;
	margin-left:0;	
}
#formLayover div.form div.row input[type='text']:focus,
#formLayover div.form textarea.box:focus {
	background-color:rgba(255,255,255,0.5);
}
#formLayover div.form label.container {
  display: block;
  position: relative;
  float:left;
  height:40px;
  padding-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:25%;
}

#formLayover .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#formLayover .checkmark {
    position: absolute;
    top:0px;
    right: 10px;
  	background-color: rgba(0,58,78,0.1);
	border:1px solid rgba(0,58,78,1);
	height:20px;
	width:20px;
	display: block;
	transition:  all 0.5s;
}
#formLayover #rowPrivacy.error .checkmark {
	background-color: rgba(178,13,20,0.1);
	border-color: #b20d14;
}
#formLayover  .container input:checked ~ .checkmark {
	background-color:rgba(255,255,255,0);
	border:none;
	border-bottom:2px solid rgba(0,58,78,1);
	border-left:2px solid rgba(0,58,78,1);
	height:8px;
    display: block;
	right:10px;
	top:4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	width:16px;
	transition: all 0.5s;
}
#formLayover div.row.error #pPrivacy {
	color:#b20d14;
}
#rowVorname {
	display:none;
}
#formLayover div.form #rowMsg {
	padding-top:2.6em;
}
#formLayover div.form #rowMsg label {
	vertical-align:top;
}
#formLayover .errorMsg {
	color:rgb(178,13,20);
	display:none;
}
#formLayover.error .errorMsg {
	display:block;
}
@media only screen and (max-width:600px) {
	#formLayover div.form {
		left:0;
		padding:5px 5%;
		right:0;
		top:0;
		width:90%;
	}
	div.outerwrapper.isBg {
		display:none;
	}
	#formLayover {
		position:absolute;
	}
	#formLayover div.form div.row input {
		width:60%;
	}
	#formLayover div.form  label {
		width:35%;
	}
	#formLayover div.form textarea.box {
		width:98%;
	}
	#formLayover div.form #rowMsg {
		padding-top:0.2em;
	}
}

body.tpl_Kontakt #formLayover {
	background-color:rgba(0,54,76,0);
	display:block;
	position:relative;
	z-index:0;
}
body.tpl_Kontakt #formLayover div.form {
	box-shadow:none;
	color:rgb(0,54,76);
	padding:30px 50px;
	position:static;
	line-height:1.5em;
	margin:0 auto;
}
body.tpl_Kontakt #formLayover div.form > div  {
	font-size:1.2em;
}
body.tpl_Kontakt #formLayover div.form svg.close {
	display:none;
}
@media only screen and (min-width:963px) {
	body.tpl_Kontakt #formLayover div.form {
		width:700px;
	}
}
#formLayover div.form  .checkBoxHalf {
	display:inline-block;
	padding-top: 10px;
	text-align:center;
	width:36%;
}
#formLayover div.form  .checkBoxHalf label {
	display:inline-block;
	float:none;
	height:30px;
	margin:0 auto;
	padding:0
}