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

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

.delay0sec {
    -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    animation-delay: 0.5s;}
.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.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;}

.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: 1px;margin: 30px 0 30px 0;
	border-top: 1px solid #ededed;
}

h1{font-weight: 300;font-size: 34px;line-height: 1.2;color: #e2001a;padding: 50px 15px 7px 15px;max-width: 1140px;margin: 0 auto;}
h2{font-size: 22px;font-weight: 700;line-height: 1.2;color: #666;}
h3{font-size: 16px;font-weight: 700;line-height: 1.2;color: #555;}

.google-maps{position: relative;overflow: hidden;height: 0;padding: 0 0 30% 0;margin:0;border-top: 1px solid #ccc;}
.google-maps iframe{width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;}

video {
  width: 100% !important;
  height: auto !important;
}

.youtubevideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtubevideo {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}



/*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*/





/*HEADER*/

.redareawrap {width: 100%;position: relative;background-color: #fe0000;}
.redarea {max-width: 1140px;margin: 0 auto;}
.logo {float: left;padding: 25px 0 15px 0;}
.logo img{width: 325px;height: auto;margin-left: -45px;}
.redsmallnavi{float: right;padding: 78px 15px 0px 15px;}
.redsmallnavi .redleft {}
.redsmallnavi .redleft a{color: #fff;font-size: 13px;font-weight: 400;
	padding-left: 12px;}
.redsmallnavi .redright {color: #fff;padding-left: 7px;}
.redsmallnavi .redright a{color: #fff;}
.redsmallnavi a:hover{color: #fff;}



/*SLIDER*/

.slider {position: relative;margin-bottom: -31px;}
.slider img{width: 100%;height: auto;}
.slider::after{display: block;content: '';width: 100%;top: 0px;position: absolute;
	height: 20px;background: url(/media/shadow-y-dark.png) center top no-repeat;z-index: 3;}
.sy-pager {position: relative;top: -40px;}

.slider-wrap-out{position: absolute;bottom: 15%;width: 100%;}
.slider-wrap-in{position: relative;max-width: 1140px;margin: 0 auto;}
.slider-innerwrap{position: relative;background-color: #fe0000;max-width: 50%;padding: 15px;}
.slider-innerwrap:hover{opacity: 0.8;}
.slider-innerwrap:hover .seemore{border: 1px solid #e2001a;color: #e2001a;}
.slider-headline{font-size: 38px;display: block;color: #fff;font-weight: 300;line-height: 1.1;text-shadow: 1px 1px 3px #000;}
.slider-txt{display: block;margin-top: 20px;font-size: 20px;color: #fff;line-height: 1.2;}



/*MAINNAVI*/

.mainnavi {position: relative;width: 100%;background-color: #b9cde5;border-bottom: 1px solid #ddd;border-top: 0px solid #666;}
.mainnavi ul{max-width: 1140px;margin: 0 auto;list-style-type: none;}
.mainnavi li{display: inline-block;}
.mainnavi li:nth-child(2) {margin-left: -15px;}
.mainnavi li a{font-size: 20px;display: block;color: #333;padding: 10px 15px 7px 15px;text-transform: uppercase;line-height: 1.2;font-weight: 300;margin: 0px;}
.mainnavi li a:hover{background-color: rgba(255, 255, 255, .5);}
.mainnavi .rex-current a, .mainnavi .rex-active a{background-color: rgba(255, 255, 255, .5);}

.mainnavi li:first-child{display: none;}

.menubutton{display: none;border-left: 1px solid #fff;padding-left: 15px;margin-left: 5px;font-size: 21px;cursor: pointer;margin-top: 4px;
}

.shadowspace{height: 20px;width: 100%;
	background: url(/media/shadow-y.png) center top no-repeat;
	-webkit-background-size: 100% 20px;
	-moz-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	background-size: 100% 20px;
	position: relative;
}




.intro{max-width: 700px;margin: 0 auto;text-align: center;padding: 70px 15px 80px 15px;}
.intro h1{padding-top: 5px;}
.intro .more{margin: 10px;display: inline-block;}
.intro:hover .more{color: #fe0000;}
.intro:hover p{opacity: 0.8;}

/*TEASERS*/

.teaserwrap{background-color: #e6e6e6;}
.teaserwrap .teaser{width: 33.333%;float: left;}
.teaserwrap .teaser:nth-child(2) {border-left: 1px solid #fff;border-right: 1px solid #fff;}
.teaserwrap .teaser:nth-child(1){margin-left: -1px;}
.teaserwrap .teaser:nth-child(3){margin-right: -1px;}

.teaser img{width: 100%;height: auto;}
.teaser .teaser-subhead{font-weight: 700;text-transform: uppercase;color: #fe0000;padding: 20px 50px 5px 50px;display: block;}
.teaser h2{font-weight: 300;color: #555;padding: 0 50px;display: block;font-size: 32px;line-height: 1.1;}
.teaser .teaser-txt{padding: 10px 50px;display: block;}
.teaser .morebutton{padding: 10px 50px 80px 50px;display: block;}

.teaser:hover .teaser-more{opacity: 1;color: #fe0000;}
.teaser:hover img{opacity: 0.8;}
.teaser:hover .more{color: #fe0000;}

.teaser .teaser-image{}
.teaser-image::after {
content: '';top: -18px;position: relative;display: block;margin: 0 auto;
  width: 0;height: 0;
  border-style: solid;
  border-width: 0 13px 13px 13px;
  border-color: transparent transparent #e6e6e6 transparent;}

.shadowspace2{height: 20px;width: 100%;position: relative;top: -20px;
	background: url(/media/shadow-x.png) center top no-repeat;
	-webkit-background-size: 100% 20px;
	-moz-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	background-size: 100% 20px;

}
.shadowspace3{height: 20px;width: 100%;position: relative;top: 0px;
	background: url(/media/shadow-x-dark.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-top: -20px;
}	



.more{font-size: 11px;color: #999;font-weight: 700;border: 1px solid #999;text-transform: uppercase;border-radius: 5px;
padding: 6px 15px 3px 15px;line-height: 12px;}
.more a{color: #999;}
.more a:hover{color: #fe0000;}
.more:hover{color: #fe0000;}



.netzwrap{max-width: 1000px;margin: 0 auto;padding: 60px 0 30px 0;}
.netzimg, .netztxt{width: 50%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15px;}

.netzimg img{width: 100%;height: auto;}
.netztxt h2{font-weight: 300;color: #fe0000;display: block;font-size: 32px;line-height: 1.2;padding: 30px 0 15px 0;}
.netztxt .netzcopytxt{padding-bottom: 20px;display: block;}
.netzwrap:hover .more{color: #fe0000;}





/*INNERES TEMPLATE*/

.headerbild{width: 100%;height: 200px;
background: url(/media/header_1.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.shortinfo-wrap{background-color: #b0b0b0;border-top: 1px solid #999;}
.shortinfo-innen{max-width: 1170px;margin: 0 auto;}
.shortinfo-innen .sh-region,
.shortinfo-innen .sh-availability,
.shortinfo-innen .sh-speed {padding: 10px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 33.333%;float: left;text-align: left;font-weight: 700;text-transform: uppercase;color: #ededed;line-height: 1.2;font-size: 13px;}
.shortinfo-innen .txt{display: inline-block;vertical-align: top;padding-top: 20px;min-width: 130px;}
.shortinfo-innen img{width: 50px;height: auto;padding: 10px 5px 3px 0;margin-left: -5px;}

/*ausnahmen für startseite*/
.startinfo .sh-region,
.startinfo .sh-availability,
.startinfo .sh-speed{text-align: center;}
.startinfo .txt{text-align: left;}
.startinfo .shortinfo-innen{max-width: 700px;}
.startinfo {border-top: 0px solid #999;position: relative;background-color: #666;padding: 10px 0;
}

.startinfo::before{display: block;position: absolute;content: '';width: 100%;top: -20px;
height: 20px;background: url(/media/shadow-x.png) center top no-repeat;}


.contentfull{}
.contentfull a{color: #e2001a;font-style: italic;}

.contentfull .more {margin-top: 10px;display: inline-block;}
.contentfull .more a{color: #999;font-style: normal;}
.contentfull .more a:hover{color: #fe0000;}


.contentfull ul{margin-left: 18px;padding: 10px 0;}


/*MODULE*/

.mod-wrap{padding: 35px 0;}

.mod-txtImg{max-width: 1140px;padding: 15px 15px 0 15px;margin: 0 auto;}
.mod-txtImg .image{position: relative;width: 50%;padding: 0 40px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mod-txtImg .modTxt{position: relative;width: 50%;}
.mod-txtImg .image img{width: 100%;height: auto;margin-bottom: 20px;}
.mod-txtImg h1{padding: 15px 0 7px 0;}

.mod-txt3col{margin: 10px auto 25px auto;max-width: 1170px;}
.mod-txt3col .left, .mod-txt3col .mid, .mod-txt3col .right{float: left;width: 33.333%;margin: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15px 0 15px;}
.mod-txt3col .right{padding: 0 15px 0 15px;margin: 0;}

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

.mod-linkButton{display: block;padding: 5px 0px;}
.mod-linkButton:hover{color: #fe0000;}

.mod-gallery {font-size: 0;margin: 20px 0;position: relative;max-width: 1170px;margin: 0 auto;padding: 15px 0 50px 0;}
.mod-gallery .thumbnail{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;}
.mod-gallery .thumbnail img{width: 100%;height: auto;border: 1px solid #ccc;}

.mod-gallery .thumbnail::after{display: block;position: absolute;
	content: '';width: 100%;bottom: -5px;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;
	opacity: 0.3;
}

.fullpix {padding: 30px 15px;text-align: center;max-width: 1000px;margin: 0 auto;}
.fullpix img{max-width: 100%;height: auto;}

.puretextwrap{}
.puretext{max-width: 800px;padding: 25px 15px;margin: 0 auto;text-align: center;}
.puretext h1, .puretext h2{padding: 15px 0 7px 0;}
.hell.puretext, .hell.puretext h1, .hell.puretext h2{color: #fff!important;}

/*FOOTER*/

.footerwrap{background: #666;position: relative;}
.footerwrap::before{display: block;position: absolute;content: '';width: 100%;top: 0px;
height: 20px;background: url(shadow-y.png) center top no-repeat;}
	
.footer{max-width: 1170px;margin: 0 auto;padding: 40px 0px 100px 0px;font-size: 0px;}
.fo-column{width: 33.333%;padding: 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: 13px;
}
.fo-column a{color: #ccc;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: 10px 0 5px 0;text-transform: uppercase;display: block;border-bottom: 1px solid #999;margin-bottom:12px;
}
.fo-column ul{list-style-type: none;}
.fo-column li a{display: block;padding-bottom: 3px;
}

.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;}
















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

.shortinfo{max-width: 100%;margin: 0 auto;}


}






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

.logo {padding: 25px 0 15px 15px;}
.logo img{width: 250px;height: auto;margin-left: 0px;}
.sy-pager, .sy-controls {opacity: 0;}
.mainnavi li:nth-child(2) {margin-left: 0px;}
.redsmallnavi{padding: 62px 15px 0px 15px;}
.slider-wrap-out{padding: 0 15px;}

.slider-headline{font-size: 24px;}
.slider-txt{font-size: 16px;margin-top: 10px;}

.shortinfo{max-width: 100%;margin: 0 auto;}

.teaser h2{font-size: 24px;font-weight: 400;padding: 0 25px;}
.teaser .teaser-subhead{padding: 10px 25px 5px 25px;}
.teaser .teaser-txt{padding: 10px 25px;}
.teaser .morebutton{padding: 10px 25px 50px 25px;}

}





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

.menubutton{display: inline-block;}
.redsmallnavi{padding: 51px 15px 0px 15px;}
.redsmallnavi .redleft {display: none;}
.redsmallnavi .redright a{font-size: 24px;}

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

.mainnavi ul{padding-top: 103px;}
.mainnavi li{display: block;margin: 0;}
.mainnavi li a{padding: 17px 15px 13px 15px;font-size: 20px;font-weight: 400;
	color: #fff;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.mainnavi li a:hover{color: #fff;background-color: rgba(255, 255, 255, .5);}
.mainnavi .rex-current a, .mainnavi .rex-active a{border-bottom: 1px solid rgba(255, 255, 255, .5);background-color: rgba(255, 255, 255, .3);}

.mainnavi li:first-child{display: block;}
.mainnavi li:nth-child(2) {margin-left: 0px;}

.teaserwrap .teaser:nth-child(1){margin: 0px;width: 100%;}
.teaserwrap .teaser:nth-child(2){border-left: none;border-right: 1px solid #fff;margin-left: -1px;width: 50%;}
.teaserwrap .teaser:nth-child(3){margin-right: 0;width: 50%;}

.fo-column{width: 50%;}

.mod-gallery .thumbnail{width: 33.333%;}
	
	
	
}


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

.shortinfo-innen .sh-region,
.shortinfo-innen .sh-availability,
.shortinfo-innen .sh-speed {width: 100%;border-bottom: 1px solid #999;}

.startinfo .sh-availability,
.startinfo .sh-region {width: 100%;border-bottom: 1px solid #777;}
.startinfo .sh-speed{border-bottom: none;}

.mod-txtImg .image{width: 48%;}
.mod-txtImg .image img{margin-bottom: 0px;}

.mod-txt3col .left, .mod-txt3col .mid, .mod-txt3col .right{width: 100%;}

.sidebar{width: 100%;}

h1{font-size: 28px;}
.netztxt h2{font-size: 24px;}

.headerbild{height: 130px;}

}



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

.slider-wrap-out{display: none;}
.sh-region,
.sh-availability,
.sh-speed {font-size: 11px;}
.shortinfo img{width: 50px;height: auto;}

.intro{padding: 25px 15px 30px 15px;}

.teaserwrap .teaser:nth-child(1),
.teaserwrap .teaser:nth-child(2),
.teaserwrap .teaser:nth-child(3)
{margin: 0px;width: 100%;margin: 0;border: 0;}

.teaser h2{padding: 0 15px;}
.teaser .teaser-subhead{padding: 10px 15px 5px 15px;}
.teaser .teaser-txt{padding: 10px 15px;}
.teaser .morebutton{padding: 10px 15px 80px 15px;}

.teaser .morebutton{padding: 10px 15px 30px 15px;}

.netzimg, .netztxt{width: 100%;}
.fo-column{width: 100%;}

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

.mod-gallery {padding: 0 10px;}
.mod-gallery .thumbnail{width: 50%;padding: 10px 5px;}
.mod-gallery .thumbnail::after{bottom: -10px;
-webkit-background-size: 90% 12px;
	-moz-background-size: 90% 12px;
	-o-background-size: 90% 12px;
	background-size: 90% 12px;}
	
.fancybox {
pointer-events: none!important;
cursor: default!important;}



}



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

#icon1, #icon2 {display: none;}
.sh-region,
.sh-availability,
.sh-speed {font-size: 11px;width: 100%;text-align: left;background-color: #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dbe5f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#dbe5f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#dbe5f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbe5f1',GradientType=0 );
}
.shortinfo {margin: -20px 0 -20px 0;}
.shortinfo .txt {display: inline-block;text-align: left;vertical-align: top;padding: 15px 0 0 10px;}

.shortinfo-innen .sh-region,
.shortinfo-innen .sh-availability,
.shortinfo-innen .sh-speed {width: 100%;border-bottom: 1px solid #999;border-top: none;background: #b0b0b0;}

.startinfo .sh-speed,
.startinfo .sh-availability,
.startinfo .sh-region {background: #666;border-bottom: 1px solid #777;}
.startinfo .sh-speed{border-bottom: none;}



}


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

.logo img{width: 200px;}
.redsmallnavi{padding: 40px 15px 0px 15px;}

}