#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:22px;
	font-variant:small-caps;
	font-weight: 400;
	padding:0 0 1em 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;
	font-size:19.6px;
	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);
	background-image:url(../images/wait.gif);
	background-repeat:no-repeat;
	background-position:-100px 0;
	border:none;
	color:white;
	cursor:pointer;
	display:block;
	margin-left:25%;
	padding:8px 0;
	font-variant:small-caps;
	width:75%
}
#formLayover div.form div.row input.submit.wait {
	background-color:#619eae;
	background-position:5px 0;
}
#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%;
}
#btnSubmit {}

#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 #rowPrivacy .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 #rowPrivacy .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;
	}
}
@charset "utf-8";
/* CSS Document */

section.productHead {
	background-color:white;
	overflow:hidden;
}
section.productHead p {
	color:white;
	font-size:3em;
	text-align:center;
	letter-spacing: 0.1em;
	margin:0 auto 2em auto;

	text-shadow: -1px -1px 0 rgb(0,75,94), 1px -1px 0 rgb(0,75,94), -1px 1px 0 rgb(0,75,94), 1px 1px 0 rgb(0,75,94); 
	font-variant:small-caps;
}
section.productPresentation {
	padding:2em 0;
}

section.productPresentation .imgContainer {
	box-shadow:var(--s1);
	height:84vw;
	position:relative;
}
section.productPresentation .imgContainer img {
	height:auto;
	max-width:80%;
	max-height:80%;
	width:auto;
}
section.productPresentation .inset {
	padding-left:2em;
}
section.productPresentation .buttonArea {
	bottom:2em;
	left:2em;
	position:absolute;
	right:2em;
}
section.productPresentation .tabArea {
	clear:both;
	float:left;
	padding:3em 3em 0 0;
	max-width:50em;
}

section.productPresentation a.button {
	background:rgb(0,75,94);
	box-shadow:var(--s1);
	color:white;
	display:block;
	font-size:1.3em;
	font-variant:small-caps;
	padding:0.5em 0;
	text-align:center;
	width:8em;
}
section.productPresentation .ui-state-active a.button {
	background-color:rgb(115,119,126);
}

section.productPresentation .buttonArea a.pdf {
	float:left;
	width:6em;
}
section.productPresentation .buttonArea a.request {
	float:right;
	width:6em;
}
section.productPresentation .similarArticles {
	float:left;
	padding:3em 0 0 0;
	width:20em;
}
section.productPresentation .similarArticles ul {
	list-style:none;
	padding:0;
}
section.productPresentation .similarArticles ul a {
	font-weight:400;
}
section.productPresentation .similarArticles li {
	padding-left:2em;
}
section.productPresentation .similarArticles li.current a,
section.productPresentation .similarArticles li:hover a{
	font-weight:600;	
}
@media (min-width: 963px) {
	section.productPresentation .imgContainer {
		min-height:50vh;
		float:right;
		width:50%;
	}
	
	section.productPresentation .textContainer .spacer {
		float:right;
		min-height:50vh;
		width:4em;
	}
	
	section.productPresentation .textContainer .textInner {
		padding-right:4em;
	}
	.tabArea a.button {
		margin-right:2em;
	}
}

section.productPresentation h1 {
	color: rgb(0,75,94);
	margin: 0.6em 0;
}
section.productPresentation h2 {
	color: rgb(0,75,94);
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.4em;
	margin: 0.6em 0;
}
section.productPresentation h3 {
	color: rgb(0,75,94);
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.7em;
	margin: 0.6em 0;
}

/*! jQuery UI - v1.12.1 - 2021-04-27
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}