/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}

/* ######################################## */
/* Animations */
/* ######################################## */
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(40px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(40px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% { 
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% { 
        transform: translateX(0); 
    } 
} 
@-webkit-keyframes fadeInUpBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px) !important; 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0) !important; 
    } 
} 
@keyframes fadeInUpBig { 
    0% { 
        opacity: 0; 
        transform: translateY(2000px) !important; 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0) !important; 
    } 
}
@-webkit-keyframes fadeOutUpBig { 
    0% {
        opacity: 1; 
        -webkit-transform: translateY(0) !important; 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px) !important; 
    } 
} 
@keyframes fadeOutUpBig { 
    0% { 
		display:block; 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
}
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.2); 
    } 

    30% { 
        opacity: 1;
         -webkit-transform: scale(1); 
    } 

    100% { 
        opacity: 1;  
    } 
} 
@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.2); 
    } 

    30% { 
        opacity: 1; 
        transform: scale(1); 
    } 

    100% { 
        opacity: 1; 
    } 
} 
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}
.bounceIn { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}
.fadeOutUpBig { 
	display:block !important; 
    -webkit-animation-name: fadeOutUpBig; 
    animation-name: fadeOutUpBig; 
}
.bounceInLeft { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}
.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}
.fadeInUpBig { 
	display:block !important; 
    -webkit-animation-name: fadeInUpBig; 
    animation-name: fadeInUpBig; 
}
/* ######################################## */
/* HMTL RESET */
/* ######################################## */

@media (min-width: 1px){
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	ol, ul {
		list-style: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	a{
		color:inherit;
		text-decoration:none
	}
}

/* ######################################## */
/* FONT*/
/* ######################################## */

@media (min-width: 1px){
	/* Regular */
	@font-face {
		font-family: Klavika;
		src: url("../../files/css/Klavika-Regular.eot");
		src: url("../../files/css/Klavika-Regular.eot?#iefix") format('embedded-opentype'),
			 url("../../files/css/Klavika-Regular.woff") format('woff'),
			 url("../../files/css/Klavika-Regular.ttf") format('truetype'),
			 url("../../files/css/Klavika-Regular.otf") format("opentype")
	}
	/* light */
	@font-face {
		font-family: Klavika;
		font-weight: 100;
		src: url("../../files/css/Klavika-Light.eot");
		src: url("../../files/css/Klavika-Light.eot?#iefix") format('embedded-opentype'),
			 url("../../files/css/Klavika-Light.woff") format('woff'),
			 url("../../files/css/Klavika-Light.ttf") format('truetype'),
			 url("../../files/css/Klavika-Light.otf") format("opentype")
	}
	/* Medium */
	@font-face {
		font-family: Klavika;
		font-weight: 200;
		src: url("../../files/css/Klavika-Medium.eot");
		src: url("../../files/css/Klavika-Medium.eot?#iefix") format('embedded-opentype'),
			 url("../../files/css/Klavika-Medium.woff") format('woff'),
			 url("../../files/css/Klavika-Medium.ttf") format('truetype'),
			 url("../../files/css/Klavika-Medium.otf") format("opentype")
	}
	/* Bold */
	@font-face {
		font-family: Klavika;
		font-weight: bold;
		src: url("../../files/css/Klavika-Bold.eot");
		src: url("../../files/css/Klavika-Bold.eot?#iefix") format('embedded-opentype'),
			 url("../../files/css/Klavika-Bold.woff") format('woff'),
			 url("../../files/css/Klavika-Bold.ttf") format('truetype'),
			 url("../../files/css/Klavika-Bold.otf") format("opentype")
	}
}

/* ######################################## */
/* layout */
/* ######################################## */

*{font-family: Klavika, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
body{font-size:18px;color:#464749;letter-spacing:0.5pt;background-color:#8b8b8c}
#wrapper{background-color:#fff}
#header .header-inside{width:1000px;margin:0 auto;clear:both}
#header .mod_navigation{width:100%;background-color:#8b8b8b;position:absolute;z-index:3;overflow:visible}
#header .mod_navigation ul{width:1000px;margin:0 auto;z-index:4;padding:0}
#header .mod_navigation ul li{font-weight:bold;float:left;text-transform:uppercase;color:#fff}
#header .mod_navigation ul li a,
#header .mod_navigation ul li span{width:198px;display:block;padding:6px 0;text-align:center;border-left:1px #fff solid;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear}
.pt #header .mod_navigation ul li a,
.pt #header .mod_navigation ul li span,
.fr #header .mod_navigation ul li a,
.fr #header .mod_navigation ul li span{width:198px;display:block;padding:12px 0!important;font-size:16px!important;text-align:center;border-left:1px #fff solid;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear}
#header .mod_navigation ul li:hover a,
#header .mod_navigation ul li span,
#header .mod_navigation ul li.trail a{background-color:#c6c6c5}
#header .mod_navigation ul li:last-child{border-right:1px #fff solid}
#header .mod_navigation ul ul{width:auto;visibility: hidden;opacity:0;position: absolute;display:none;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear}
#header .mod_navigation ul li:hover ul{opacity:1;visibility:visible;display:block}
#header .mod_navigation ul ul li{float:none}
#header .mod_navigation ul ul li a,
#header .mod_navigation ul li li span{padding:10px 0;border-right:1px #fff solid;border-bottom:1px #fff solid;background-color:#ececec !important;color:#464749;font-weight:100;font-size:15px;
-webkit-transition:none;
transition:none}
#header .mod_navigation ul li li span{color:#d00e6f}
#header .mod_navigation ul ul li:hover a{background-color:#d00e6f !important;color:#fff}
#header .mod_navigation ul ul li:last-child{border-right:none}
#header .mod_navigation.fixed{position:fixed;top:0;z-index:3}

#header .logo{float:right;margin:20px 25px 20px 0}
#header .languagechanger{margin-top:45px}
#header .languagechanger .ce_text{margin-right:0px}
#header .languagechanger,
#header .languagechanger .ce_text,
#header .languagechanger .ce_hyperlink{float:left;font-size:13px}
#header .languagechanger .ce_hyperlink a,
#header_mobile .ce_hyperlink a{display:block;cursor:pointer;text-indent:-200px;display:block;background:no-repeat left center;height:17px}
#header .languagechanger .youtube a,
#header_mobile .youtube a{background-image:url("../../files/img/btn-yt-0.png");width:35px;margin-left:30px}
#header .languagechanger .youtube:hover a{background-image:url("../../files/img/btn-yt-1.png")}
#header .languagechanger .facebook a,
#header_mobile .facebook a,
#header .languagechanger .twitter a,
#header_mobile .twitter a,
#header .languagechanger .linkedin a,
#header_mobile .linkedin a{background-image:url("../../files/img/btn-fb-0.png");width:16px;margin-left:12px}
#header .languagechanger .facebook:hover a{background-image:url("../../files/img/btn-fb-1.png")}

#header .languagechanger .twitter a,
#header_mobile .twitter a{background-image:url("../../files/img/btn-twitter-0.png")}
#header .languagechanger .twitter:hover a{background-image:url("../../files/img/btn-twitter-1.png")}
#header .languagechanger .linkedin a,
#header_mobile .linkedin a{background-image:url("../../files/img/btn-in-0.png")}
#header .languagechanger .linkedin:hover a{background-image:url("../../files/img/btn-in-1.png")}

#header .languagechanger p{margin:0}
#header .languagechanger .aktiv{color:#d00e6f}

#footer{color:#fff;background-color:#8b8b8c;padding:30px 0}
#footer .txtr h3{color:#8b8b8c}
#footer .ce_text{width:316px;display:inline-block;vertical-align:top;margin-right:20px}
#footer h3{margin-top:0;font-size:13pt;border-bottom:1px #fff solid;padding-bottom:10px;margin-bottom:10px;text-transform:uppercase}
#footer .ce_text:last-child{margin-right:0}
#footer p{padding-left:16px;margin-top:0;line-height:1.3}
#footer a:hover{color:#d00e6f}

#container{margin-top:33px;background:url("../../files/img/bg-content.gif") center bottom no-repeat}
.fleft{float:left !important}
.fright{float:right !important}
.txtc{text-align:center}
video{float:left}
iframe{border:none}
.w1000{width:1000px;margin:0 auto}
figure img{float:left}
.fullgrey{width:100%;padding:30px 0;background-color:#ececec;font-weight:100}
.fullgrey.dark{background-color:#c6c6c6}
.fullgrey h1{padding:0;color:#d00e6f;font-size:22pt;font-weight:100;margin:0 0 10px;text-transform:uppercase}
.fullgrey p{margin:0}
.fullgrey .ui-accordion-content p{margin:15px 0}
.txtr{text-align:right}
.p30{padding:30px 0}
.p50{padding:50px 0}
.p100{padding:100px 0}
.pt30{padding-top:30px;padding-bottom:30px}
h1{font-size:50px;font-weight:100;color:#df2179;text-transform:uppercase;margin:0;padding:20px 0 5px}
h2{font-size:30pt;line-height:1;background:url("../../files/img/arrow-double-grey.png") left 13px no-repeat;padding-left:30px;color:#464749;font-weight:bold;font-size:30pt;margin:0}
.ce_hyperlink.btn a,
input.btn{border:none;background:#df2179 url("../../files/img/arrow-white.png") no-repeat 15px center;color:#fff;font-weight:100;padding:10px 47px;margin:25px 0 60px;display:inline-block;font-size:30px;text-transform:uppercase;
-webkit-transition:background-color 0.2s linear;
transition:background-color 0.2s linear}
.ce_hyperlink.btn a:hover,
input.btn:hover{cursor:pointer;background-color:#464749}
.mod_breadcrumb ul{padding:0;margin:5px 0}
.mod_breadcrumb ul li:first-child:before{content:'';}
.mod_breadcrumb ul li:before{content:'» ';}
.mod_breadcrumb ul li{display:inline-block;font-size:13px}
.mod_breadcrumb ul li span,
.mod_breadcrumb ul li a:hover{color:#d00e6f}
.iconbox{padding:8px 0;border-top:1px #df2179 solid;border-bottom:1px #df2179 solid;color:#df2179;margin:25px 0 40px;display:inline-block;width:490px}
.iconbox .image_container{padding-right:15px;display: table-cell;
    vertical-align: top;}
.iconbox p{margin:0;display:table-cell}
.iconbox p a{padding-top:5px;display:block}
.iconbox a:hover{color:#464749}
.iconbox a strong{font-size:30px;font-weight:normal}
.w1000 .iconbox:last-child,
.w1000 .iconbox:nth-child(2){float:right}
/* ######################################## */
/* startseite */
/* ######################################## */

.home .mod_breadcrumb{display:none}
#video_background{width:100%}
#videotext{position:absolute;margin-top:100px;z-index:2;width:320px}
#videotext p{margin:0}
.w1000 .stego-boxes:last-child{margin-right:0}
.stego-boxes{display:inline-block;width:316px;margin-right:20px;height:309px;background:bottom center no-repeat;text-align:left}
.stego-boxes *{margin:0}
.stego-boxes h3{font-size:16pt;background:url("../../files/img/arror-grey.png") no-repeat 8px center;text-transform:uppercase;padding:6px 0 6px 35px;font-weight:100;color:#464749;border-top:1px #464749 solid;border-bottom:1px #464749 solid;background-color:white;}
.stego-boxes div{font-weight:100;margin-top:270px;height:240px;padding:15px 40px 15px 15px;background-color:#ececec;font-size:15px;line-height:1.4;
 -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
         transition: all 0.3s ease-out;}
.stego-boxes:hover div{margin-top:0}
.stego-boxes:hover h3{border-color:#d00e6f;background-image:url("../../files/img/arrow-magenta.png");color:#d00e6f;background-color:white;}
.stego-boxes.box-systeme{background-image:url("../../files/startseite/uebersicht-start-systeme.png")}
.stego-boxes.box-innovationen{background-image:url("../../files/startseite/uebersicht-start-innovationen.png")}
.stego-boxes.box-funktionsprinzip{background-image:url("../../files/startseite/uebersicht-start-funktionsprinzip.png")}
.stego-boxes.box-fpi{background-image:url("../../files/systeme/uebersicht-systeme-IN.png")}
.stego-boxes.box-fpo{background-image:url("../../files/systeme/uebersicht-systeme-OUT.png")}
.stego-boxes.box-kontakt{background-image:url("../../files/kontakt/kontakt.jpg")}
.stego-boxes.box-impressum{background-image:url("../../files/kontakt/impressum.jpg")}
.stego-boxes.box-datenschutz{background-image:url("../../files/kontakt/datenschutz.jpg")}
.stego-boxes.box-klappen{background-image:url("../../files/innovationen/uebersicht-innovationen-klappen.png")}
.stego-boxes.box-dreh{background-image:url("../../files/innovationen/uebersicht-innovationen-drehriegel.png")}

.stego-boxes a{color:#d00e6f;font-weight:bold}
.stego-boxes h3 a{font-weight:100;color:#464749;letter-spacing:0}
.stego-boxes:hover h3 a{color:#d00e6f}
/* ######################################## */
/* systemdetail */
/* ######################################## */
.content-slider .ce_text figure{margin-left:70px}
.content-slider .ce_text p,
.content-slider .ce_text h3,
#innovationen .w1000 .ce_text p{float:right;width:415px;margin-right:70px}
.content-slider .ce_text.qf_table p{float:none;width:auto;margin:5px 0;text-align:center}
.content-slider .ce_text.qf_table td{vertical-align:central;text-align:center}
.content-slider .ce_text.qf_table tr:nth-child(2n) td{background-color:#ececec}
.content-slider .ce_text.qf_table tr:first-child td{color:#df2179;font-size:15px}
.content-slider .ce_text.qf_table table{width:90%;margin:60px auto}
.content-slider .ce_text.qf_table td a{display:inline-block;padding:0 25px;width:83px;background:url("../../files/img/ico_extern.png") no-repeat right center}
.content-slider .ce_text.qf_table td a:hover{color:#464749;background-image:url("../../files/img/ico_extern_on.png")}
.content-slider .ce_text h3{padding-top:50px;color:#df2179;font-weight:100;margin-top:0;margin-bottom:10px;font-size:30px}
.slider-control .slider-prev,
.slider-control .slider-next{opacity:.3;width:19px;height:34px;background:url("../../files/img/arrow-slider-r.png") no-repeat;text-indent:-9999px;margin-top:-170px}
.slider-control .slider-prev{width:19px;height:34px;background:url("../../files/img/arrow-slider-l.png") no-repeat}
.slider-control a:hover{opacity:1}
.slider-control .slider-menu{font-size:40px;color:#c6c6c6}
.slider-control .slider-menu b:hover{color:#575757}
.slider-control .slider-menu b.active{color:#df2179 !important}
.slider-control{margin-top:-30px}

.ui-accordion-header{background:url("../../files/img/arrow-magenta.png") no-repeat 5px center;color:#df2179;font-weight:100;font-size:30px;text-transform:uppercase;padding:6px 30px;cursor:pointer}
.ui-accordion-header.active{background-image:url("../../files/img/arrow-down-magenta.png")}
.w1000 .ce_accordion:last-child{border-bottom:1px #df2179 solid}
.ce_accordionSingle{border-top:1px #df2179 solid}
.ui-accordion-content{padding-left:30px}
.ui-accordion-content p,
.content-slider .ce_text p,
#innovationen .w1000 .ce_text p,
.datenschutz p,
.datenschutz li,
.impressum p{font-size:15px;line-height:1.4}
.impressum p a,
.ui-accordion-content a{color:#df2179}
.ui-accordion-content .image_container{margin-bottom:20px}
.syssizes p{float:left;width:180px;display:inline-block;text-align:center;font-weight:200;color:#df2179}
.systemoverview{text-align:center}
.systemoverview img{float:none}

#jsarea{position:fixed;right:0;height:210px;top:50%;margin-top:-105px;z-index:99}
#jsarea .ce_hyperlink.btn a{letter-spacing:0;font-weight:200;font-size:14pt;padding:5px 15px 5px 30px;background-position:7px center;float:right}
#jsarea ul{margin:0;padding:0;font-size:15px}
#jsarea ul li{display:block;color:#c6c6c6}
#jsarea ul li:after{content:url("../../files/img/bullet-grey.png");margin-right:10px;margin-left:5px;padding: 3px 0;display: inline-block;}
#jsarea ul li:hover{color:#464749;cursor:pointer}
#jsarea ul li.active{color:#df2179}
#jsarea ul li.active:after{content:url("../../files/img/bullet-pink.png")}
#jsarea1 .slider-control{display:none}
.innobg{background-repeat:no-repeat;background-position:center 320px;background-attachment:fixed}
.drehriegel1{background-image:url("../../files/innovationen/drehriegelbefestigung/drehriegel-1.png")}
.drehriegel2{background-image:url("../../files/innovationen/drehriegelbefestigung/drehriegel-2.png")}
.drehriegel3{background-image:url("../../files/innovationen/drehriegelbefestigung/drehriegel-3.png")}
.klappen1{background-image:url("../../files/innovationen/klappentechnologie/klappen-1.png")}
.klappen2{background-image:url("../../files/innovationen/klappentechnologie/klappen-2.png")}
.klappen3{background-image:url("../../files/innovationen/klappentechnologie/klappen-3.png")}
#innovationen .w1000 .ce_text{padding-left:514px;height: 450px;display: table-cell;vertical-align: middle;}
.mobilep50{padding-bottom:70px}
#detailbild1,
#detailbild2,
#detailbild3{position:absolute;margin-top:60px;opacity:0}

#main form .widget{display:inline-block;width:490px}
#main form .forms_left{float:left;width:490px}
#main form .widget label{width:135px;display:inline-block;float:left;padding-top:6px;font-size:16px}
#main form .widget input,
#main form .widget textarea,
#main form .widget select{margin:4px 0;width:300px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#main form .widget textarea{height:162px}
#main form input.btn{margin-left:135px;min-width:300px}

.hereweare .left,
.hereweare .right{width:490px;display:inline-block;margin:30px 0;line-height:1.5}
.hereweare .right{width:310px}
.hereweare a{color:#df2179}

.tooltip {
	display:none;
	margin:0;
	position:absolute;
	border:1px solid #8b8b8c;
	background-color:#8b8b8c;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:15px;
}
p.error {
    display: block;
    position: absolute;
    top: 129px;
	width:100%;
}
.sprachnavi{
width:30px;
float:left;	
position:absolute;
float:left;
top:32px;
z-index:999999;
margin-left:-40px;
}
.sprachnavi:hover li{
display:block;
background-color:white;
}
.sprachnavi li:first-child{
display:block;	
background-image:url("../../files/img/pfeil.png");
background-repeat:no-repeat;
background-position:right center;
}
.sprachnavi li{
display:none;
padding-left:5px;
padding-bottom:3px;
padding-right: 34px;
}
.sprachnavi li a{
display:block;
}
.sprachnavi li a:hover{color:#df2179}
.homelink{
float:left;
margin-left:40px!important;	
}
#header .pt, #header_mobile .pt{
/*display:none;	*/
}
.pt #header .pt{
display:block;	
}
.pt .mod_breadcrumb,
.fr .mod_breadcrumb{
margin-top:10px;	
}
/* ######################################## */
/* Responsive */
/* ######################################## */
#header_mobile{display:none;text-align:center}
#burgericon{background:url("../../files/img/ico_burger.gif");width:36px;height:30px;position:absolute;left:20px;top:25px}
#burgericon.clicked{background-image:url("../../files/img/ico_burger_close.gif")}
#logo_mobile{display:inline-block;margin-left:auto;margin-right:auto}
@media (max-width: 1000px){
	.p100{padding:50px 0}
	.npmobile{padding:0 !important}
	#header{display:none}
	#header_mobile{position:fixed;z-index:4;top:0;width:100%;display:block;background:#fff;border-bottom:1px #8b8b8b solid}
	#header_mobile ul{margin:0;padding:0}
	#header_mobile #dropdown{display:none}
	#header_mobile .mod_navigation{background-color:#8c8c8a}
	#header_mobile .mod_navigation a,
	#header_mobile .mod_navigation span{display:block;color:#fff;display:block;padding:12px 0;text-align:center;border-bottom:1px #fff solid;font-weight:bold;text-transform:uppercase}
	#header_mobile .mod_navigation ul ul{display:none}
	#header_mobile .mod_navigation ul ul a,
	#header_mobile .mod_navigation ul ul span{background-color:#ececec !important;color:#464749;font-weight:100}
	#header_mobile .mod_navigation ul ul span{color:#df2179}
	#header_mobile .mod_navigation ul li.trail a,
	#header_mobile .mod_navigation ul li.active span{background-color:#c6c6c5}
	#container{margin-top:72px}
	video{float:none}
	#videotext{position:relative;width:auto;margin:0 20px;padding:46px 0 50px 30px;font-size:28px;background-position:left 50px}
	.w1000{width:auto;padding-left:20px;padding-right:20px}
	.home .stego-boxes{background:none !important;height:auto;margin-right:0;width:100%}
	.home .stego-boxes div{display:none}
	#header_mobile .ce_text{display:block}
	#header_mobile .ce_hyperlink{display:inline-block;padding:20px 0}
	#jsarea{display:none}
	.iconbox{float:none !important;width:100%}
	/*.w1000 .iconbox:last-child{margin-top:0}*/
	.content-slider .image_container{display:inline-block;float:none}
	.content-slider .ce_text figure{margin-left:0}
	.content-slider .ce_text{text-align:center}
	.content-slider .ce_text h3,
	.content-slider .ce_text p{float:none;margin-right:0;text-align:left;width:100%;display:inline-block}
	.slider-control{margin-top:30px;height:50px}
	.slider-control .slider-prev, .slider-control .slider-next{margin-top:-4px}
	.innobg{background-position:left 0px;background-attachment:scroll}
	#innovationen .w1000 .ce_text{padding-left:350px}
	#innovationen .w1000 .ce_text p{width:360px}
	.hereweare .left{margin-bottom:0}
	.hereweare .right{margin-top:0}
	.iconbox{margin-bottom:0}
	#systeme .fleft,
	#systeme .fright,
	#jsarea5 .fleft,
	#jsarea5 .fright{float:none !important}
}
@media (max-width: 745px){
	h2{font-size: 21pt;background-position:left 5px}
	.ce_hyperlink.btn a{font-size:21px}
	#innovationen .w1000 .ce_text{padding-left:350px;padding:0 !important;padding-top:420px !important;height:auto}
	#innovationen .w1000 .ce_text p{margin:0;width:100%}
}
@media (max-width: 690px){
	h1{font-size:36px}
	#footer .ce_text{margin-right:0;width:100%;text-align:left}
	.iconbox a strong{font-size:20px}
}
@media (max-width: 480px){
	#main form .widget,
	#main form .forms_left,
	#main form .widget input,
	#main form .widget textarea{width:100%}
	#main form input.btn{margin-left:0}
	.ui-accordion-header{font-size:18px}
	.stego-boxes h3{font-size:16pt}
	.syssizes p{width:100%}
}
@media screen and (min-height: 1200px){
	.onepager #footer{padding-bottom: 260px;}
}