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

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: unset;
	-moz-box-sizing: unset;
	box-sizing: unset;
}
.input-group, input {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

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: 14px;
	line-height: 1.5;
	-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;}

.sharer {background-color: #ededed;border-radius: 7px;
max-width: 970px;margin: 0 auto;padding: 5px 15px;}
.sharer .sharetxt{padding-right: 7px;display: inline-block;vertical-align:middle;}
.sharer .shareico{display: inline-block;vertical-align:middle;}
.sharer .fa-facebook-square{color: #395997;}
.sharer .fa-xing-square{color: #007575;}
.sharer .fa-envelope-square{color: #e2001a;}

.clearboth {clear: both;}

a {
	color: #555;
	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: none;color: #666;}

.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: 30px;line-height: 1.3;color: #e2001a;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: 15px;}
.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;}


/*NEWSLETTER*/

.nl-header{}
.nl-header img{width: 100%;height: auto;}
.fo-column-nl{font-size: 14px;color: #ccc;text-align: center;}
.fo-column-nl a{font-size: 14px;color: #ccc;}
.fo-column-nl .seemore:hover{border-color: #fff;}



/*SLIDEOUT MENU*/

.menubutton{display: none;cursor: pointer;}

.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: 40px;right: 15px;}
.logo img{width: 180px;height: auto;}

.searchbutton{position: absolute;top: 3px;left: -40px;font-size: 18px;color: #666;}
.searchtop{display: none;color: #fff;background: url(/media/shadow-x.png) #e2001a center bottom no-repeat;}
.searchInner{position: relative;max-width: 1000px;margin: 0 auto;padding: 30px 15px 30px 15px;}
.searchInner h2{color: #fff;}
.searchInner .input-group{max-width: 600px;padding-right: 45px;}
.searchInner .closeIcon{position: absolute;right: 15px;bottom: 30px;font-size: 24px;cursor: pointer;
}

.slider{position: relative;width: 100%;}
.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:hover{background-color: rgba(255, 255, 255, .90);}
.slider-innerwrap:hover .seemore{border: 1px solid #e2001a;color: #e2001a;}
.slider-headline{font-size: 32px;display: block;color: #e2001a;font-weight: 300;line-height: 1.2;}
.slider-txt{display: block;margin-top: 10px;}

.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: 4px;
	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::after{display: block;position: relative;
	content: '';width: 100%;bottom: 1px;
	height: 21px;background: url(/media/shadow-x.png) center top no-repeat;}
	
	
.headerwrap-inner {position: relative;max-width: 1000px;margin: 0 auto;padding: 35px 15px 15px 15px;}

.mainnavi {}
.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: #e2001a;}
.mainnavi .rex-current a, .mainnavi .rex-active a{color: #e2001a;}

.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 #e2001a;color: #e2001a;}
.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 #e2001a;color: #e2001a;}
.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;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.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;
width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 1.2;font-size: 20px;font-weight: 400;margin: 0;}
.teaser p{padding: 7px 7px 0 7px;}
.teaser .seemore{margin-left: 7px;}

.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 #e2001a;color: #e2001a;}
.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(shadow-x.png) center top no-repeat;}

.produkthead {font-size: 30px;padding: 20px 15px 0 15px;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: 20px 20px 10px 20px;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: 20px;}
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;}



/*NewsletterAddOn*/

.newsletter-form .select{display: block;}




/*INHALT*/

.subnavi{position: relative;max-width: 1030px;margin: 0 auto;}
.subnavi ul{list-style-type: none;border-bottom: 1px solid #ededed;padding: 20px 0px 15px 0px;}
.subnavi li{display: inline-block;}
.subnavi li a{display: block;padding: 5px 15px;font-size: 16px;text-transform: uppercase;}
.subnavi li a:hover{color: #e2001a;}
.subnavi .rex-current a, .subnavi .rex-active a{color: #e2001a;}


.content{position: relative;max-width: 1030px;margin: 0 auto;padding: 30px 0px 30px 0px;}
.content h1{font-size: 34px;padding: 5px 15px 7px 15px;}
.content h2{font-size: 22px;font-weight: 700;color: #555;padding: 0 15px;}
.content h3{padding: 0 15px;}
.content .seemore{margin-left: 15px;}

.content ul{margin-left: 20px;list-style-position: inside;}
.content ul li{position: relative;left: 5px;padding-right: 20px; }


/*MODULE*/

.mod-txtImg{margin: 10px 15px 25px 15px;}
.mod-txtImg .image{position: relative;
	width: 31%;margin: 5px 30px 30px 0px;font-size: 0;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mod-txtImg .image img{width: 100%;height: auto;}


.mod-txtImg2{margin: 10px 15px 25px 15px;}
.mod-txtImg2 .image{position: relative;
	margin: 5px 30px 30px 0px;width: 31%;font-size: 0;
}
.mod-txtImg2 .image img{width: 100%;height: auto;}

.mod-txtImg2 .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: 20px 0;padding: 0 15px;}
.mod-txt2col .left, .mod-txt2col .right{float: left;width: 33.333%;margin: 0 10px 0 -15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 0px 0 15px;}
.mod-txt2col .right{padding: 0 15px 0 15px;margin: 0;}

.mod-dwlButton {display: block;padding: 5px 15px;}
.mod-dwlButton:hover{color: #e2001a;}

.mod-linkButton{display: block;padding: 5px 15px;font-weight: bold;}
.mod-linkButton:hover{color: #e2001a;}
.mod-linkButton i{color: #e2001a;font-size: 18px;}

.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: #e2001a;}

.mod-gallery {font-size: 0;margin: 20px 0;position: relative;}
.mod-gallery .thumbnail{display: inline-block;vertical-align: top;position: relative;
	width: 33.333%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px;margin: 0;border: 0;
}
.mod-gallery .thumbnail img{width: 100%;height: auto;}
.mod-gallery .thumbnail img:hover{opacity:0.8;}

.mod-gallery .thumbnail::after{display: block;position: absolute;
	content: '';width: 100%;bottom: -6px;left: 0px;
	height: 20px;background: url(/media/schatten-up.png) center top no-repeat;
	-webkit-background-size: 90% 20px;
	-moz-background-size: 90% 20px;
	-o-background-size: 90% 20px;
	background-size: 90% 20px;}

.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;}
.search_it-title a{color: #e2001a;font-weight: bold;}


/*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: #e2001a;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: #ccc;text-align: center;border-bottom: 1px solid #777;
}
.footerinfos a{color: #ccc;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: #666;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: 10px 0px 100px 0px;font-size: 0px;}
.fo-column{width: 33.333%;padding: 25px 15px;color: #ccc;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: top;font-size: 14px;
}
.fo-column a{color: #ccc;font-size: 14px;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-onesize{display: block;width: 100%;max-width: 400px;text-align: center;margin: 20px auto;border-top: 1px solid #777;}

.studio{text-align: center;padding: 0 15px 30px 15px;}
.studio a{color: #999;font-size: 12px;}
.studio a:hover{color: #f60;font-size: 12px;text-decoration: none;}


/* custom button */
#forward-button {

}

.btn.btn-pill {
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.33;
	background-color: #e2001a;
	color: white;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}

a.btn-pill:active,
a.btn-pill:visited,
a.btn-pill:focus,
a.btn-pill:link {
	color: white;
}

.btn.btn-pill:hover {
	color: white;
	background-color: #b70015;
}

.btn.btn-pill.disabled {
	background-color: #fa7a79;
}


.clearfix {
	clear: both;
}

.schulabschluss {
	height: 20px;
	border-top: 1px solid #ededed;
	margin: 20px 15px 0px 15px;
}

.inline-block {
	display: inline-block !important;
}

.float-right {
	float: right;
}
.pwd-forget a {
	color: #e2001a;
	transition: color 0.3s;
}

.pwd-forget a:hover {
	color: #3276b1;
}

.form-captcha .input-group-addon {
	padding: 0 12px;
}



@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::after{display: none;}

.slider-innerwrap::after{margin-left: -30px;
	padding-right: 60px;
}

}




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

.logo{top: 25px;}

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

.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: 7px;cursor: pointer;}

.mainnavi{
	bottom: auto;
	padding: 0;
	top: 0px;
	position: fixed;
	left: -270px;
	float: none;
	width: 270px;
	height: 100%;
	margin: 0;
	background-color: #e2001a;
	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: 80px;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: 10px 15px 8px 15px;font-size: 20px;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-txt2col .left, .mod-txt2col .right{width: 50%;}




}






@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%;}



.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 .left, .mod-txt2col .right{width: 100%;padding: 0;margin: 0;}

.mod-gallery {padding: 0 10px;}
.mod-gallery .thumbnail{width: 50%;padding: 10px 5px;}
.mod-gallery .thumbnail::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%;}

}