@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

.delay1sec {
    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;}
.delay2sec {
    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;}
.delay3sec {
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;}

body {
	color:#555;
	FONT-SIZE: 16px;
	line-height: 1.6;
	-webkit-text-size-adjust:none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	word-wrap: break-word;
	height:100%;

}	
p {margin:10px 0;}
i {margin:0 5px 0 0;min-width:15px;}

.clearboth {clear: both;}

a {
	color: #217e8d;
	text-decoration: none;
	border:0; 
	-webkit-transition:color 0.1s ease-in;  
	-moz-transition:color 0.1s ease-in;  
	-o-transition:color 0.1s ease-in;  
	transition:color 0.1s ease-in;
}
a:hover {text-decoration: underline;color: #217e8d;}

.hr {display: block;height: 50px;margin: 50px 0 0px 0;
	background: url(/media/shadow-y-light.png) center top no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;}
	
.scrolltop a{display: block;position: fixed;right: -5px; bottom: 50px;z-index: 999;border-radius: 5px;border: 2px solid #666;background-color: #000;text-align: center;cursor: pointer;padding: 7px 10px 7px 5px;font-style: normal;font-weight: bold;color: #fff;opacity: 0.5;}
.scrolltop a:hover{opacity: 0.8;text-decoration: none;}

h1{font-weight: 300;font-size: 40px;line-height: 1.3;color: #217e8d;padding: 5px 0 7px 0;}
h2{font-size: 22px;font-weight: 300;line-height: 1.2;color: #333;}


.google-maps{position: relative;overflow: hidden;height: 0;padding: 0 0 55% 0;margin: 15 0px;}
.google-maps iframe{width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;margin-top: 20px;}

.mod-video video{width: 100%;padding: 15px;}
.videoSlide video{width: 100%;background: url(/media/poster.png) center center no-repeat;}


/*STICHWORTSUCHE*/

.search_it-url{color: #666666;}
ul.search_it-results {margin-left:0;}

.rex-yform {max-width: 650px;}
.search_it-form {max-width: 650px;}


/*SLIDEOUT MENU*/

.menubutton{display: none;}

.site-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#site-canvas {
	position: relative;
	height: 100%;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;	
}
.show-nav #site-canvas {
	-webkit-transform: translateX(270px);
	transform: translateX(270px);
	-webkit-transform: translate3d(270px, 0, 0);
	transform: translate3d(270px, 0, 0);
}
/*SLIDEOUT MENU ENDE*/



.logo{position: absolute;top: 20px;right: 15px;}
.logo img{width: 200px;height: auto;}

.slider{position: relative;width: 100%;}
.slider ul{padding:0;margin: 0;}
.slider img{width: 100%;height: auto;}
.slider .sy-controls{}
.sy-pager {z-index: 999;position: absolute;font-size: 13px;bottom: 15px;
-webkit-transition:0.2s ease-in-out;  
-moz-transition:0.2s ease-in-out;  
-o-transition:0.2s ease-in-out;  
transition:0.2s ease-in-out;}

.slider-wrap-out{position: absolute;top: 15%;width: 100%;}
.slider-wrap-in{position: relative;max-width: 1000px;margin: 0 auto;}
.slider-innerwrap{position: relative;background-color: rgba(255, 255, 255, .80);max-width:480px;padding: 15px;}
.slider-innerwrap a{color: #555;text-decoration: none;}
.slider-innerwrap:hover{background-color: rgba(255, 255, 255, .90);text-decoration: none;}
.slider-innerwrap:hover .seemore{border: 1px solid #217e8d;color: #217e8d;}
.slider-headline{font-size: 32px;display: block;color: #217e8d;font-weight: 300;line-height: 1.2;}
.slider-txt{display: block;margin-top: 10px;text-decoration: none;}


.seemore{font-size: 11px;text-transform: uppercase;font-weight: 700;
padding: 7px 20px 5px 20px;border: 1px solid #999;border-radius: 5px;
margin: 14px 0px 0px 0px;display: inline-block;line-height: 14px;}
.centermore{text-align: center;clear: both;}


.slider-innerwrap::after{display: block;position: relative;
	content: '';width: 100%;bottom: -35px;
	height: 20px;background: url(/media/schatten-up.png) center top no-repeat;
	-webkit-background-size: 100% 20px;
	-moz-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	background-size: 100% 20px;
	margin-left: -15px;
	padding-right: 30px;
}

.slider::after{display: block;position: relative;
	content: '';width: 100%;bottom: 0px;
	height: 21px;background: url(/media/shadow-y.png) center top no-repeat;
}
	
	
	
.headerpic{position: relative;padding-bottom: 22px;width: 100%;font-size: 0;
	background: url(/media/shadow-y.png) center bottom no-repeat;}
.headerpic img{width: 100%;height: auto;}	
	
	
	
.headerwrap {position: relative;
	width: 100%;}
	
.headerwrap-inner {position: relative;max-width: 1030px;margin: 0 auto;padding: 40px 15px 20px 15px;}

.mainnavi {margin-top: 40px;}
.mainnavi ul{list-style-type: none;display: inline-block;margin: 0 10px 0px -8px;}
.mainnavi li{display: inline-block;}
.mainnavi li a{font-size: 16px;text-transform: uppercase;display: block;padding: 12px 8px 8px 8px;color: #555;font-weight: 400;}
.mainnavi li a:hover{color: #217e8d;}
.mainnavi .rex-current a, .mainnavi .rex-active a{color: #217e8d;font-weight: bold;}

.language {display: inline-block;}
.language a{padding: 2px 5px 2px 2px;}
.language img:hover{box-shadow: 1px 1px 5px #000;}






.intro {position: relative;max-width: 1000px;margin: 0 auto;padding: 20px 15px 15px 15px;}
.seemore:hover{border: 1px solid #217e8d;color: #217e8d;}
.intro .mod-txtImg{margin: 10px 0px 25px 0px;}

.outro {position: relative;max-width: 1000px;margin: 0 auto;padding: 20px 15px 15px 15px;text-align: center;}
.seemore:hover{border: 1px solid #217e8d;color: #217e8d;}
.ioutro .mod-txtImg{margin: 10px 0px 25px 0px;}



.teaserwrap {position: relative;max-width: 1030px;margin: 0 auto;padding: 30px 0;
	font-size: 0;}
.teaser {display: inline-block;width: 33.333%;font-size: 14px;padding: 15px;vertical-align: top;border: none;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.teaserwrap a{color: #555;text-decoration: none;}
.teaser img{width: 100%;height: auto;font-size: 0;}
.teaserimage{position: relative;}
.teaser h3{display: block;position: absolute;bottom: 0px;background-color: rgba(0, 0, 0, .6);color: #fff;padding: 7px;margin: 0;
width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 1.2;font-size: 18px;font-weight: 400;}
.teaser p{padding: 7px 7px 0 7px;}
.teaser .seemore{margin-left: 7px;}
.teaser a{color: #555;}
.teaserimage::after{display: block;position: absolute;
	content: '';width: 100%;bottom: -20px;
	height: 20px;background: url(/media/schatten-up.png) center top no-repeat;
	-webkit-background-size: 100% 20px;
	-moz-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	background-size: 100% 20px;}
	
.teaser:hover .seemore{border: 1px solid #217e8d;color: #217e8d;}
.teaser:hover h3{padding: 15px 7px;}





.teaserwrap-out {margin-top: 50px;padding-bottom: 50px;
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cccccc 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );}
.teaserwrap-out::before{display: block;position: relative;content: '';width: 100%;top: -21px;height: 20px;background: url(/media/shadow-x.png) center top no-repeat;}

.produkthead {font-size: 30px;padding: 20px 15px 0 15px;text-align: center;
font-weight: 300;position: relative;max-width: 1000px;margin: 0 auto;line-height: 1.2;}

.produkt-item {font-size: 14px;margin: 20px 15px;}
.produkt-item-image {width: 50%;float: left;font-size: 0;}
.produkt-item-image img{width: 100%;height: auto;}
.produkt-item-txt {width: 50%;float: left;}
.produkt-item-txt h2{padding: 10px 10px 6px 10px;background-color: rgba(255, 255, 255, .2);color: #555;font-weight: 400;text-transform: uppercase;line-height: 1.1;margin-top: 0;}
.produkt-item-txt p{padding: 0 10px;}
p.produkt-item-download {font-weight: 400;margin: 0;padding: 0px 10px 15px 10px;font-size: 13px;}
.produkt-item-download a{font-weight: 700;font-style: italic;}

.produkt-item:nth-child(1) {margin-top: 0;}

.produkt-item:hover .produkt-item-image img{opacity: 0.7;}
.produkt-item:hover .produkt-item-txt h2{color: #555;}




/*INHALT*/

.subnavi{position: relative;width: 100%;z-index: -1;margin-top: -21px;}
.subnavi ul{position: relative;max-width: 1030px;margin: 0 auto;list-style-type: none;padding: 20px 0px 15px 0px;}
.subnavi li{display: inline-block;}
.subnavi li a{display: block;padding: 5px 15px;font-size: 14px;text-transform: uppercase;color: #555;}
.subnavi li a:hover{color: #217e8d;}
.subnavi .rex-current a, .subnavi .rex-active a{color: #217e8d;font-weight: bold;}


.content{position: relative;padding: 30px 0px 0px 0px;}
.content h1{font-size: 34px;padding: 5px 0px 7px 0px;}
.content h2{font-size: 22px;font-weight: 700;color: #555;padding: 0;}

.content ul{margin-left: 20px;list-style-position: inside;}
.content ul li{position: relative;left: 5px;padding-right: 20px; }
.wrap1000{position: relative;margin: 0 auto;max-width: 1030px;padding: 0 15px;}
.wrap1000o{position: relative;margin: 0 auto;max-width: 1030px;padding: 0;}



/*MODULE*/

.mod-txtImg{position: relative;margin: 0 auto;max-width: 1030px; padding: 10px 15px 25px 15px;}
.mod-txtImg .image{position: relative;
	margin: 15px 30px 30px 0px;width: 31%;font-size: 0;}
.mod-txtImg .image img{width: 100%;height: auto;}
.mod-txtImg .mod-TxtImage-sub{font-size: 12px;font-style: italic;color: #666;}

.mod-txtImg img{max-width: 100%;height: auto;}

.mod-txtImg .imageshadow{height: 20px;
background: url(/media/schatten-up.png) center top no-repeat;
	-webkit-background-size: 100% 20px;
	-moz-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	background-size: 100% 20px;}

.mod-txt2col{margin: 30px auto;padding: 0;position: relative;max-width: 1030px;}
.mod-txt2col .col2{float: left;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15px;}

.mod-dwlButton {display: block;padding: 5px 0px;color: #217e8d;}
.mod-dwlButton:hover{color: #217e8d;}

.mod-link{position: relative;margin: 0 auto;max-width: 1030px;color: #217e8d;margin-bottom: 30px;
}
.mod-linkButton{display: block;padding: 5px 15px;color: #217e8d;}
.mod-linkButton:hover{color: #217e8d;}

.tweak{font-weight: bold;padding: 15px;font-size: 18px;color:#999;}
.mod-schulButton{display: block;padding: 15px 15px 5px 15px;font-size: 16px;border-top: 1px solid #ededed;}
.mod-schulButton:hover{color: #fe0000;}

.mod-gallery {font-size: 0;margin: 30px auto;position: relative;max-width: 1030px;}
.mod-gallery .thumbs{display: inline-block;vertical-align: top;position: relative;
	width: 20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px;margin: 0;border: 0;}
.mod-gallery .thumbs img{width: 100%;height: auto;}
.mod-gallery .thumbs img:hover{opacity:0.8;}
.mod-gallery .thumbnailsubline {font-size: 12px;font-style: italic;color: #666;}


.mod-fileList{margin: 30px auto;position: relative;max-width: 1000px;}


.mod-txtImg h1, .mod-txtImg h2, 
.mod-txtImg2 h1, .mod-txtImg2 h2,
.mod-txt2col h1, .mod-txt2col h2{padding: 5px 0px 7px 0px;}

.yform {padding: 15px;}


/*Fragen Schulungen*/
.question-wrap {padding-bottom: 20px;}
.question-wrap h4{border-bottom: 1px solid #ededed;padding-bottom: 7px;}
.question-wrap .control-label{padding-right: 15px;}
.question-wrap .radio{display: inline-block;padding-right: 15px;}

.yanswer{color: #217e8d;font-size: 16px;font-weight: bold;margin: 0 15px 15px 15px;}
.ybutton{margin: 0 15px;}


/*FOOTER*/

.footerinfos{max-width: 600px;margin:0 auto;padding: 50px 15px 20px 15px;color: #fff;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.footerinfos a{color: #fff;font-style: italic;}
.footerinfos a:hover{color: #fff;}
.footerinfos img{width: 100px;height: auto;display: inline-block;padding: 5px 10px;}
.footerinfos .justtext{width: 100%;}

.footerwrap{background: #217e8d;border-top: 3px solid #fff;position: relative;}
.footerwrap::before{display: block;position: absolute;content: '';width: 100%;top: 0px;
height: 20px;background: url(/media/shadow-y-dark.png) center top no-repeat;}
	
.footer{max-width: 1030px;margin: 0 auto;padding: 50px 0px 100px 0px;font-size: 0px;}
.fo-column{width: 25%;padding: 15px;color: #fff;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: top;font-size: 13px;}
.fo-column a{color: #fff;font-size: 13px;font-style: italic;}
.fo-column a:hover{color: #fff;}
.fo-column p{margin:7px 0 7px 0;}
.fo-column .fooHead{font-weight: 700;font-size: 14px;padding-top: 7px;}
.fo-column ul{list-style-type: none;}
.fo-column li a{display: block;padding-bottom: 3px;}
.fo-column h5{color: #fff;text-transform: uppercase;font-size: 16px;padding-bottom: 10px;}

.studio{text-align: center;padding: 0 15px 30px 15px;}
.studio a{color: rgba(255, 255, 255, .60);font-size: 12px;font-weight: bold;text-decoration: none;}
.studio:hover{color: #fff;font-size: 12px;text-decoration: none;}






@media only screen and (max-width:1200px){

.sy-controls{display: none!important;}

}






@media only screen and (max-width:1000px){

.slider-wrap-out{position: relative;top: -20px;background-color: #ededed;}
.slider-innerwrap{background-color: rgba(255, 255, 255, .0);max-width:1000px;}
.sy-controls, .sy-pager{display: none!important;}

.slider-innerwrap::after, .slider::after{display: none;}

}




@media only screen and (max-width:900px){

.logo{top: 10px;}
.logo img{width: 150px;}

.headerwrap-inner {padding: 20px 15px 5px 15px;height: 100px;}

/*.headerpic{width: 100%;min-height: 122px;overflow: hidden;text-align: center;}
.headerpic img{height: 100%;width: auto;margin: 0 auto;}*/

.menubutton{display: block;padding-top: 31px;cursor: pointer;}

.mainnavi{
	bottom: auto;
	padding: 0;
	top: 0px;
	position: fixed;
	left: -270px;
	float: none;
	width: 270px;
	height: 100%;
	margin: 0;
	background-color: #217e8d;
	box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.4) inset;}

.mainnavi ul{padding-top: 100px;margin: 0;display: block;}
.mainnavi li{display: block;margin: 0;}
.mainnavi li:first-child{border-top: 1px solid rgba(255, 255, 255, .3);}
.mainnavi li a{padding: 12px 15px 8px 15px;font-size: 18px;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, .3);line-height: 1.2;
}
.mainnavi li a:hover{color: #fff;background-color: rgba(255, 255, 255, .1);}
.mainnavi .rex-current a, .mainnavi .rex-active a{background-color: rgba(255, 255, 255, .2);color: #fff;}

.mainnavi .user{color: #fff;padding: 10px 15px 8px 15px;
}

.language {display: block;padding: 0px 0px 0px 15px;position: absolute;top: 33px;}

.teaser h3{font-size: 16px;}

.fo-column{width: 50%;}

.produkt-item {width: 46%;float: left;margin: 10px 2%;min-height: 450px;
}
.produkt-item:nth-child(1) {margin-top: 10px;}
.produkt-item-image {width: 100%;float: left;font-size: 0;}
.produkt-item-image img{width: 100%;height: auto;}
.produkt-item-txt {width: 100%;float: left;}


.mod-gallery .thumbs{width: 16.666%;padding: 10px 5px;}

}






@media only screen and (max-width:700px){

/*.headerpic img{margin-left: -200px;}*/

.teaser {width: 50%;}
.teaser:first-child {width: 100%;}

.mod-txtImg .image{width: 48%;}
.mod-txtImg2 .image{width: 48%;}

.mod-gallery .thumbs{width: 25%;padding: 10px 5px;}



.fancybox {
pointer-events: none!important;
cursor: default!important;}

}






@media only screen and (max-width:550px){

.header img{margin-left: -280px;}

.mod-txtImg .image{width: 100%;}

.mod-txtImg2 .image{width: 100%;}
.mod-txtImg2 .image img{max-width: 100%;height: auto;}

.slider-headline, h1, .produkthead{font-size: 24px;}
.teaser {width: 100%;}
.fo-column{width: 100%;}

.mod-txt2col .col2{width: 100%;}

.mod-gallery {padding: 0 10px;}
.mod-gallery .thumbs::after{bottom: -11px;
-webkit-background-size: 90% 12px;
	-moz-background-size: 90% 12px;
	-o-background-size: 90% 12px;
	background-size: 90% 12px;}

.produkt-item {width: 92%;float: left;margin: 10px 4%;}
}