@charset "UTF-8";@import url(//fonts.googleapis.com/css?family=Exo+2:500); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline} html{line-height:1} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} caption,th,td{text-align:left;font-weight:normal;vertical-align:middle} q,blockquote{quotes:none} q:before,q:after,blockquote:before,blockquote:after{content:"";content:none} a img{border:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} meta.foundation-mq-small{font-family:"'only screen and (min-width: 0px)'";width:0} meta.foundation-mq-medium{font-family:"'only screen and (min-width: 651px)'";width:651px} meta.foundation-mq-large{font-family:"'only screen and (min-width: 981px)'";width:981px} *,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} html,body{background:#fff;font-size:100%} html,body{background:#fff;font-size:100%} body{color:#000;padding:0;margin:0;font-family:Calibri,'Roboto',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative;cursor:default} a:hover{cursor:pointer} img,object,embed{max-width:100%;height:auto} object,embed{height:100%} img{-ms-interpolation-mode:bicubic} #map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important} .left{float:left !important} .right{float:right !important} .text-left{text-align:left !important} .text-right{text-align:right !important} .text-center{text-align:center !important} .text-justify{text-align:justify !important} .hide{display:none} .antialiased{-webkit-font-smoothing:antialiased} img{display:inline-block;vertical-align:middle} textarea{height:auto;min-height:50px} select{width:100%} .row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:80em;*zoom:1} .row:before,.row:after{content:" ";display:table} .row:after{clear:both} .row.collapse>.column,.row.collapse>.columns{position:relative;padding-left:0;padding-right:0;float:left} .row.collapse .row{margin-left:0;margin-right:0} .row .row{width:auto;margin-left:-1.5625em;margin-right:-1.5625em;margin-top:0;margin-bottom:0;max-width:none;*zoom:1} .row .row:before,.row .row:after{content:" ";display:table} .row .row:after{clear:both} .row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1} .row .row.collapse:before,.row .row.collapse:after{content:" ";display:table} .row .row.collapse:after{clear:both} .column,.columns{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:100%;float:left} @media only screen{.column,.columns{position:relative;padding-left:1.5625em;padding-right:1.5625em;float:left} .small-1{position:relative;width:8.33333%} .small-2{position:relative;width:16.66667%} .small-3{position:relative;width:25%} .small-4{position:relative;width:33.33333%} .small-5{position:relative;width:41.66667%} .small-6{position:relative;width:50%} .small-7{position:relative;width:58.33333%} .small-8{position:relative;width:66.66667%} .small-9{position:relative;width:75%} .small-10{position:relative;width:83.33333%} .small-11{position:relative;width:91.66667%} .small-12{position:relative;width:100%} .small-offset-0{position:relative;margin-left:0} .small-offset-1{position:relative;margin-left:8.33333%} .small-offset-2{position:relative;margin-left:16.66667%} .small-offset-3{position:relative;margin-left:25%} .small-offset-4{position:relative;margin-left:33.33333%} .small-offset-5{position:relative;margin-left:41.66667%} .small-offset-6{position:relative;margin-left:50%} .small-offset-7{position:relative;margin-left:58.33333%} .small-offset-8{position:relative;margin-left:66.66667%} .small-offset-9{position:relative;margin-left:75%} .small-offset-10{position:relative;margin-left:83.33333%} [class*="column"]+[class*="column"]:last-child{float:right} [class*="column"]+[class*="column"].end{float:left} .column.small-centered,.columns.small-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important} } @media only screen and (min-width:651px){.medium-1{position:relative;width:8.33333%} .medium-2{position:relative;width:16.66667%} .medium-3{position:relative;width:25%} .medium-4{position:relative;width:33.33333%} .medium-5{position:relative;width:41.66667%} .medium-6{position:relative;width:50%} .medium-7{position:relative;width:58.33333%} .medium-8{position:relative;width:66.66667%} .medium-9{position:relative;width:75%} .medium-10{position:relative;width:83.33333%} .medium-11{position:relative;width:91.66667%} .medium-12{position:relative;width:100%} .row .medium-offset-0{position:relative;margin-left:0} .row .medium-offset-1{position:relative;margin-left:8.33333%} .row .medium-offset-2{position:relative;margin-left:16.66667%} .row .medium-offset-3{position:relative;margin-left:25%} .row .medium-offset-4{position:relative;margin-left:33.33333%} .row .medium-offset-5{position:relative;margin-left:41.66667%} .row .medium-offset-6{position:relative;margin-left:50%} .row .medium-offset-7{position:relative;margin-left:58.33333%} .row .medium-offset-8{position:relative;margin-left:66.66667%} .row .medium-offset-9{position:relative;margin-left:75%} .row .medium-offset-10{position:relative;margin-left:83.33333%} .row .medium-offset-11{position:relative;margin-left:91.66667%} .push-1{position:relative;left:8.33333%;right:auto} .pull-1{position:relative;right:8.33333%;left:auto} .push-2{position:relative;left:16.66667%;right:auto} .pull-2{position:relative;right:16.66667%;left:auto} .push-3{position:relative;left:25%;right:auto} .pull-3{position:relative;right:25%;left:auto} .push-4{position:relative;left:33.33333%;right:auto} .pull-4{position:relative;right:33.33333%;left:auto} .push-5{position:relative;left:41.66667%;right:auto} .pull-5{position:relative;right:41.66667%;left:auto} .push-6{position:relative;left:50%;right:auto} .pull-6{position:relative;right:50%;left:auto} .push-7{position:relative;left:58.33333%;right:auto} .pull-7{position:relative;right:58.33333%;left:auto} .push-8{position:relative;left:66.66667%;right:auto} .pull-8{position:relative;right:66.66667%;left:auto} .push-9{position:relative;left:75%;right:auto} .pull-9{position:relative;right:75%;left:auto} .push-10{position:relative;left:83.33333%;right:auto} .pull-10{position:relative;right:83.33333%;left:auto} .push-11{position:relative;left:91.66667%;right:auto} .pull-11{position:relative;right:91.66667%;left:auto} .column.medium-centered,.columns.medium-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important} .column.medium-uncentered,.columns.medium-uncentered{margin-left:0;margin-right:0;float:left !important} .column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right !important} } @media only screen and (min-width:981px){.large-1{position:relative;width:8.33333%} .large-2{position:relative;width:16.66667%} .large-3{position:relative;width:25%} .large-4{position:relative;width:33.33333%} .large-5{position:relative;width:41.66667%} .large-6{position:relative;width:50%} .large-7{position:relative;width:58.33333%} .large-8{position:relative;width:66.66667%} .large-9{position:relative;width:75%} .large-10{position:relative;width:83.33333%} .large-11{position:relative;width:91.66667%} .large-12{position:relative;width:100%} .row .large-offset-0{position:relative;margin-left:0} .row .large-offset-1{position:relative;margin-left:8.33333%} .row .large-offset-2{position:relative;margin-left:16.66667%} .row .large-offset-3{position:relative;margin-left:25%} .row .large-offset-4{position:relative;margin-left:33.33333%} .row .large-offset-5{position:relative;margin-left:41.66667%} .row .large-offset-6{position:relative;margin-left:50%} .row .large-offset-7{position:relative;margin-left:58.33333%} .row .large-offset-8{position:relative;margin-left:66.66667%} .row .large-offset-9{position:relative;margin-left:75%} .row .large-offset-10{position:relative;margin-left:83.33333%} .row .large-offset-11{position:relative;margin-left:91.66667%} .push-1{position:relative;left:8.33333%;right:auto} .pull-1{position:relative;right:8.33333%;left:auto} .push-2{position:relative;left:16.66667%;right:auto} .pull-2{position:relative;right:16.66667%;left:auto} .push-3{position:relative;left:25%;right:auto} .pull-3{position:relative;right:25%;left:auto} .push-4{position:relative;left:33.33333%;right:auto} .pull-4{position:relative;right:33.33333%;left:auto} .push-5{position:relative;left:41.66667%;right:auto} .pull-5{position:relative;right:41.66667%;left:auto} .push-6{position:relative;left:50%;right:auto} .pull-6{position:relative;right:50%;left:auto} .push-7{position:relative;left:58.33333%;right:auto} .pull-7{position:relative;right:58.33333%;left:auto} .push-8{position:relative;left:66.66667%;right:auto} .pull-8{position:relative;right:66.66667%;left:auto} .push-9{position:relative;left:75%;right:auto} .pull-9{position:relative;right:75%;left:auto} .push-10{position:relative;left:83.33333%;right:auto} .pull-10{position:relative;right:83.33333%;left:auto} .push-11{position:relative;left:91.66667%;right:auto} .pull-11{position:relative;right:91.66667%;left:auto} .column.large-centered,.columns.large-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important} .column.large-uncentered,.columns.large-uncentered{margin-left:0;margin-right:0;float:left !important} .column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right !important} } @media only screen{[class*="block-grid-"]{display:block;padding:0;margin:0 -0.625em;*zoom:1} [class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table} [class*="block-grid-"]:after{clear:both} [class*="block-grid-"]>li{display:inline;height:auto;float:left;padding:0 .625em 1.25em} .small-block-grid-1>li{width:100%;padding:0 .625em 1.25em} .small-block-grid-1>li:nth-of-type(n){clear:none} .small-block-grid-1>li:nth-of-type(1n+1){clear:both} .small-block-grid-2>li{width:50%;padding:0 .625em 1.25em} .small-block-grid-2>li:nth-of-type(n){clear:none} .small-block-grid-2>li:nth-of-type(2n+1){clear:both} .small-block-grid-3>li{width:33.33333%;padding:0 .625em 1.25em} .small-block-grid-3>li:nth-of-type(n){clear:none} .small-block-grid-3>li:nth-of-type(3n+1){clear:both} .small-block-grid-4>li{width:25%;padding:0 .625em 1.25em} .small-block-grid-4>li:nth-of-type(n){clear:none} .small-block-grid-4>li:nth-of-type(4n+1){clear:both} .small-block-grid-5>li{width:20%;padding:0 .625em 1.25em} .small-block-grid-5>li:nth-of-type(n){clear:none} .small-block-grid-5>li:nth-of-type(5n+1){clear:both} .small-block-grid-6>li{width:16.66667%;padding:0 .625em 1.25em} .small-block-grid-6>li:nth-of-type(n){clear:none} .small-block-grid-6>li:nth-of-type(6n+1){clear:both} .small-block-grid-7>li{width:14.28571%;padding:0 .625em 1.25em} .small-block-grid-7>li:nth-of-type(n){clear:none} .small-block-grid-7>li:nth-of-type(7n+1){clear:both} .small-block-grid-8>li{width:12.5%;padding:0 .625em 1.25em} .small-block-grid-8>li:nth-of-type(n){clear:none} .small-block-grid-8>li:nth-of-type(8n+1){clear:both} .small-block-grid-9>li{width:11.11111%;padding:0 .625em 1.25em} .small-block-grid-9>li:nth-of-type(n){clear:none} .small-block-grid-9>li:nth-of-type(9n+1){clear:both} .small-block-grid-10>li{width:10%;padding:0 .625em 1.25em} .small-block-grid-10>li:nth-of-type(n){clear:none} .small-block-grid-10>li:nth-of-type(10n+1){clear:both} .small-block-grid-11>li{width:9.09091%;padding:0 .625em 1.25em} .small-block-grid-11>li:nth-of-type(n){clear:none} .small-block-grid-11>li:nth-of-type(11n+1){clear:both} .small-block-grid-12>li{width:8.33333%;padding:0 .625em 1.25em} .small-block-grid-12>li:nth-of-type(n){clear:none} .small-block-grid-12>li:nth-of-type(12n+1){clear:both} } @media only screen and (min-width:0){.small-block-grid-1>li:nth-of-type(1n+1){clear:none} .small-block-grid-2>li:nth-of-type(2n+1){clear:none} .small-block-grid-3>li:nth-of-type(3n+1){clear:none} .small-block-grid-4>li:nth-of-type(4n+1){clear:none} .small-block-grid-5>li:nth-of-type(5n+1){clear:none} .small-block-grid-6>li:nth-of-type(6n+1){clear:none} .small-block-grid-7>li:nth-of-type(7n+1){clear:none} .small-block-grid-8>li:nth-of-type(8n+1){clear:none} .small-block-grid-9>li:nth-of-type(9n+1){clear:none} .small-block-grid-10>li:nth-of-type(10n+1){clear:none} .small-block-grid-11>li:nth-of-type(11n+1){clear:none} .small-block-grid-12>li:nth-of-type(12n+1){clear:none} .large-block-grid-1>li{width:100%;padding:0 .625em 1.25em} .large-block-grid-1>li:nth-of-type(n){clear:none} .large-block-grid-1>li:nth-of-type(1n+1){clear:both} .large-block-grid-2>li{width:50%;padding:0 .625em 1.25em} .large-block-grid-2>li:nth-of-type(n){clear:none} .large-block-grid-2>li:nth-of-type(2n+1){clear:both} .large-block-grid-3>li{width:33.33333%;padding:0 .625em 1.25em} .large-block-grid-3>li:nth-of-type(n){clear:none} .large-block-grid-3>li:nth-of-type(3n+1){clear:both} .large-block-grid-4>li{width:25%;padding:0 .625em 1.25em} .large-block-grid-4>li:nth-of-type(n){clear:none} .large-block-grid-4>li:nth-of-type(4n+1){clear:both} .large-block-grid-5>li{width:20%;padding:0 .625em 1.25em} .large-block-grid-5>li:nth-of-type(n){clear:none} .large-block-grid-5>li:nth-of-type(5n+1){clear:both} .large-block-grid-6>li{width:16.66667%;padding:0 .625em 1.25em} .large-block-grid-6>li:nth-of-type(n){clear:none} .large-block-grid-6>li:nth-of-type(6n+1){clear:both} .large-block-grid-7>li{width:14.28571%;padding:0 .625em 1.25em} .large-block-grid-7>li:nth-of-type(n){clear:none} .large-block-grid-7>li:nth-of-type(7n+1){clear:both} .large-block-grid-8>li{width:12.5%;padding:0 .625em 1.25em} .large-block-grid-8>li:nth-of-type(n){clear:none} .large-block-grid-8>li:nth-of-type(8n+1){clear:both} .large-block-grid-9>li{width:11.11111%;padding:0 .625em 1.25em} .large-block-grid-9>li:nth-of-type(n){clear:none} .large-block-grid-9>li:nth-of-type(9n+1){clear:both} .large-block-grid-10>li{width:10%;padding:0 .625em 1.25em} .large-block-grid-10>li:nth-of-type(n){clear:none} .large-block-grid-10>li:nth-of-type(10n+1){clear:both} .large-block-grid-11>li{width:9.09091%;padding:0 .625em 1.25em} .large-block-grid-11>li:nth-of-type(n){clear:none} .large-block-grid-11>li:nth-of-type(11n+1){clear:both} .large-block-grid-12>li{width:8.33333%;padding:0 .625em 1.25em} .large-block-grid-12>li:nth-of-type(n){clear:none} .large-block-grid-12>li:nth-of-type(12n+1){clear:both} } .services,.unternehmen,.kontakt,.neutral{color:#393e43} .getriebe,.elektronik,.getriebemotoren,.motoren,.neutral-dunkel{color:#fff} .getriebe h2 a,.elektronik h2 a,.getriebemotoren h2 a,.motoren h2 a,.neutral-dunkel h2 a{text-decoration:none;color:#fff} .getriebe,.getriebe .m_breadcrumb{background-color:#a3a62c} .getriebemotoren, .getriebemotoren .m_breadcrumb{background-color:#98669f} .motoren, .motoren .m_breadcrumb{background-color:#83afd6} .elektronik, .elektronik .m_breadcrumb{background-color:#1ca19c} .services, .services .m_breadcrumb{background-color:#cdd5da} .unternehmen, .unternehmen .m_breadcrumb{background-color:#cdd5da} .kontakt, .kontakt .m_breadcrumb{background-color:#cdd5da} .neutral, .neutral .m_breadcrumb{background-color:#acb4b8} .neutral-dunkel, .neutral-dunkel .m_breadcrumb{background-color:#393e43} .s1{font-family:'Exo 2',sans-serif;font-size:22px;line-height:64px} .s2{font-family:'Exo 2',sans-serif;font-size:20px;line-height:46px;font-weight:normal;} .s3{font-family:'Exo 2',sans-serif;font-size:18px;line-height:34px} .s4{font-family:'Exo 2',sans-serif;font-size:16px;line-height:25px} .s5{font-family:'Calibri','Roboto',sans-serif;font-size:21px;font-weight:300;line-height:42px} .s6{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:25px} .s7{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:25px} .s8{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:26px} .s9{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:26px} .s10{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px} .s11{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px} .s12{font-family:'Calibri','Roboto',sans-serif;font-size:14px;font-weight:300;line-height:18px} .s13{font-family:'Calibri','Roboto',sans-serif;font-size:14px;font-weight:500;line-height:18px} a{color:#393e43} a:hover{color:#0072bc} .button,button,form .submit{display:inline-block;padding:0 12px;text-decoration:none;font-size:0;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;line-height:50px;border:2px solid #393e43;color:#393e43;cursor:pointer;-webkit-appearance:none} .button-list .button,.button-list button,.button-list form .submit,form .button-list .submit{margin-top:27px} .button:hover,button:hover,form .submit:hover{color:#fff;background-color:#393e43} .button.inverted,.getriebe .button,.elektronik .button,.getriebemotoren .button,.motoren .button,.neutral-dunkel .button,button.inverted,form .inverted.submit,.getriebe button,.getriebe form .submit,form .getriebe .submit,.elektronik button,.elektronik form .submit,form .elektronik .submit,.getriebemotoren button,.getriebemotoren form .submit,form .getriebemotoren .submit,.motoren button,.motoren form .submit,form .motoren .submit,.neutral-dunkel button,.neutral-dunkel form .submit,form .neutral-dunkel .submit{border-color:#fff;color:#fff} .button.inverted:hover,.getriebe .button:hover,.elektronik .button:hover,.getriebemotoren .button:hover,.motoren .button:hover,.neutral-dunkel .button:hover,button.inverted:hover,form .inverted.submit:hover,.getriebe button:hover,.getriebe form .submit:hover,form .getriebe .submit:hover,.elektronik button:hover,.elektronik form .submit:hover,form .elektronik .submit:hover,.getriebemotoren button:hover,.getriebemotoren form .submit:hover,form .getriebemotoren .submit:hover,.motoren button:hover,.motoren form .submit:hover,form .motoren .submit:hover,.neutral-dunkel button:hover,.neutral-dunkel form .submit:hover,form .neutral-dunkel .submit:hover{color:#393e43;background-color:#fff} .button+.button,button+.button,form .submit+.button{margin-left:11px} .button-email{display:inline-block;padding:0 0 0 60px;text-decoration:none;font-family:'Calibri','Roboto',sans-serif;font-size:22px;font-weight:300;line-height:25px;line-height:50px;color:#393e43;background:url('../sprites/sprites.png') 0 -681px no-repeat;border:0 none} .button-email:hover{text-decoration:underline;background:url('../sprites/sprites.png') 0 -629px no-repeat;color:#393e43} .button-close{display:inline-block;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;width:32px;height:32px;background:url('../sprites/sprites.png') 0 -466px no-repeat} .button-download{display:inline-block;padding:0 0 0 39px;text-decoration:none;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;line-height:50px;color:#393e43;background:url('../sprites/sprites.png') 0 -580px no-repeat;border:0 none} .button-download:hover{color:#0072bc;background:url('../sprites/sprites.png') 0 -537px no-repeat} .button-back{display:inline-block;padding:0 30px 0 58px;text-decoration:none;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;line-height:50px;border:2px solid #acb4b8;color:#acb4b8;background:url('../sprites/sprites.png') 30px -206px no-repeat} .button-back:hover{color:#acb4b8} .button-close-btn{display:inline-block;padding:0;border:2px solid red;height:50px;width:50px;background:url('../sprites/sprites.png') 13px -371px no-repeat} .button-close-btn:hover{background:#f00 url('../sprites/sprites.png') 13px -412px no-repeat} iframe{width:100%;height:1024px} .button-list{margin-bottom:20px} @media only screen and (min-width:0) and (max-width:650px){.button-list .button{width:100%;margin-left:0} } @media only screen and (min-width:651px) and (max-width:980px){.button-list .button{width:100%;margin-left:0} } .home{width:200px;height:200px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto} .home p{text-align:center;font-size:36px;padding-bottom:20px} .home p a{color:#e84b82;display:inline-block;text-decoration:none;overflow:hidden;vertical-align:top;-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%} .home p a:hover span{background:#e84b82;-webkit-transform:translate3d(0,0,-30px) rotateX(90deg);-moz-transform:translate3d(0,0,-30px) rotateX(90deg);-ms-transform:translate3d(0,0,-30px) rotateX(90deg);transform:translate3d(0,0,-30px) rotateX(90deg)} .home p a span{display:block;position:relative;padding:10px 3px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d} .home p a span:after{content:attr(data-title);display:block;position:absolute;left:0;top:0;padding:10px 3px;color:#fff;background:#e84b82;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:translate3d(0,105%,0) rotateX(-90deg);-moz-transform:translate3d(0,105%,0) rotateX(-90deg);-ms-transform:translate3d(0,105%,0) rotateX(-90deg);transform:translate3d(0,105%,0) rotateX(-90deg)} .column.m-form.large-6{padding-right:50px} @media only screen and (min-width:0) and (max-width:650px){.column.m-form.large-6{padding-right:0} } @media only screen and (min-width:651px) and (max-width:980px){.column.m-form.large-6{width:100%} } form{position:relative} form p{*zoom:1;margin-top:25px} form p:before,form p:after{content:" ";display:table} form p:after{clear:both} form p:first-child{margin-top:0} form p:last-child{margin-top:20px} form p.mandatory{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;font-size:14px;text-align:right;right:0} @media only screen and (min-width:0) and (max-width:650px){form p.mandatory{height:30px;margin-top:-30px;width:100%} } form p.mandatory:before{display:inline-block;content:"*";color:red;margin-right:5px} form p.error{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;font-weight:300;color:red;margin-top:16px} form label{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;display:block;margin-bottom:10px} form label.required:after{content:"*";color:red;margin-left:10px} form label.salutation{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;display:block;float:left;margin-right:20px;margin-top:4px} @media only screen and (min-width:0) and (max-width:650px){form label.salutation{width:100%} } form label.radio,form label.checkbox{margin:0 25px 0 10px;display:inline-block;font-weight:300;margin-left:-29px;top:-9px;position:relative} form input.text{display:block;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;font-weight:300;border:1px solid #cdd5da;padding:8px 15px;height:40px;width:100%} form input:focus{outline:0} form input.error{border:1px solid red} form textarea{display:block;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;font-weight:300;border:1px solid #cdd5da;padding:8px 15px;height:112px;width:100%} form textarea:focus{outline:0} form .submit{float:right;background-color:#fff} form input[type='checkbox'],form input[type='radio']{opacity:0;filter:alpha(opacity=0);width:25px;height:25px;z-index:2;position:relative} form input[type='checkbox']+label:before,form input[type='radio']+label:before{vertical-align:middle;display:inline-block;content:"";margin-right:10px} form input[type='checkbox']+label:before{width:25px;height:25px;background:url('../sprites/sprites.png') 0 -339px no-repeat} form input[type='checkbox']:checked+label:before{background:url('../sprites/sprites.png') 0 -294px no-repeat} form input[type='radio']+label:before{width:25px;height:25px;background:url('../sprites/sprites.png') 0 -1218px no-repeat} form input[type='radio']:checked+label:before{background:url('../sprites/sprites.png') 0 -1173px no-repeat} form .ui-selectmenu-button{position:relative;height:40px;float:left;cursor:pointer;overflow:hidden;border:1px solid #cdd5da} form .ui-selectmenu-button .ui-icon{display:block;position:absolute;right:0;width:44px;height:40px;background:url('../sprites/sprites.png') 0 -1464px no-repeat} form .ui-selectmenu-button[aria-expanded="true"] .ui-icon{background:url('../sprites/sprites.png') 0 -1404px no-repeat} form .ui-selectmenu-button span{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;float:none;position:absolute;white-space:nowrap;height:40px;padding:9px 0 0 12px} .ui-selectmenu-menu{display:none;margin-top:-1px} .ui-selectmenu-menu.ui-selectmenu-open{display:block} .ui-selectmenu-menu ul{position:absolute;left:0;list-style:none;background-color:#fff;border:1px solid #cdd5da;margin:-1px 0 0;padding:0;overflow:auto;overflow-y:auto;z-index:10} .ui-selectmenu-menu ul li{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;color:#393e43;display:block;padding:9px 0 0 12px;text-decoration:none;background-color:#fff;height:40px;border-bottom:1px solid #cdd5da;cursor:pointer} .ui-selectmenu-menu ul li:last-child{border-bottom:0 none} .ui-selectmenu-menu ul li:hover,.ui-selectmenu-menu ul li.selected,.ui-selectmenu-menu ul li.selected:hover{background-color:#cdd5da} .gui-pagination-style{margin-top:-2px;margin-bottom:30px;overflow:auto} .m-searchresult-boxes+.column>.gui-pagination-style{margin-top:30px} @media only screen and (min-width:981px){.gui-pagination-style ul{float:right} } .gui-pagination-style ul li{border:2px solid;display:block;float:left;position:relative;height:35px;line-height:1.9em;text-align:center;width:35px;border-color:transparent;font-weight:500} .gui-pagination-style ul li a{color:#393e43 !important;text-decoration:none;position:absolute;top:0;left:0;bottom:0;right:0;display:block} .gui-pagination-style ul li.current{border-color:#acb4b8;color:#acb4b8} .gui-pagination-style ul li.current:hover{background-color:transparent} .gui-pagination-style ul li:hover{background-color:#cdd5da} .gui-pagination-style ul li.first{font-size:0;color:transparent;background-image:url('../sprites/sprites.png');background-position:8px 6px;background-repeat:no-repeat} .gui-pagination-style ul li.previous{font-size:0;color:transparent;background-image:url('../sprites/sprites.png');background-position:8px -108px;background-repeat:no-repeat} .gui-pagination-style ul li.more:before{content:"\2026"} .gui-pagination-style ul li.more:hover{background-color:transparent} .gui-pagination-style ul li.next{font-size:0;color:transparent;background-image:url('../sprites/sprites.png');background-position:8px -146px;background-repeat:no-repeat} .gui-pagination-style ul li.last{font-size:0;color:transparent;background-image:url('../sprites/sprites.png');background-position:8px -70px;background-repeat:no-repeat} .gui-pagination-style ul li.inactive{font-size:0;color:transparent;opacity:.45;filter:alpha(opacity=0.45)} .gui-pagination-style ul li.inactive:hover{background-color:transparent} .gui-pagination-style ul li.inactive a,.gui-pagination-style ul li.no-click a{cursor:default} .m-header{position:relative;top:0;left:0;right:0;z-index:10;margin:0 auto;background:rgba(255,255,255,0.9)} @media only screen and (min-width:1111px){.m-header{position:fixed} } .m-header>.inner{width:100%;height:110px;padding:24px 0 0} @media only screen and (min-width:1111px){.m-header>.inner{height:130px} } .m-header .logo{float:left;width:75%; z-index: 998;position: absolute;} @media only screen and (min-width:461px){.m-header .logo{width:auto} } @media only screen and (max-width:550px){.m-header .logo{left:0;}} .m-header .logo h1{margin: 0; font-size: inherit} .m-header .logo h1 span{display: none} .m-footer{min-height:400px;margin-bottom:75px;padding:67px 0 60px;background:#fff;position:relative;overflow:hidden} @media only screen and (min-width:0) and (max-width:650px){.m-footer .large-3.column{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:100%;float:left} .m-footer .large-3.column:nth-of-type(1n-0){clear:left;position:relative} .m-footer .large-3.column:nth-child(n){padding-left:0} .m-footer .large-3.column:nth-child(n){padding-right:0} } @media only screen and (min-width:651px) and (max-width:980px){.m-footer .large-3.column{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:50%;float:left} .m-footer .large-3.column:nth-of-type(2n-1){clear:left;position:relative} .m-footer .large-3.column:nth-child(2n-1){padding-left:0} .m-footer .large-3.column:nth-child(2n){padding-right:0} } @media only screen and (min-width:981px){.m-footer .large-3.column{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:25%;float:left} .m-footer .large-3.column:nth-of-type(4n-3){clear:left;position:relative} .m-footer .large-3.column:nth-child(4n-3){padding-left:0} .m-footer .large-3.column:nth-child(4n){padding-right:0} } .m-footer hr{position:relative;display:none;clear:both;height:14px;line-height:1px;border:0} @media only screen and (min-width:651px){.m-footer hr{display:block;margin:0 -40px 57px} } @media only screen and (min-width:981px){.m-footer hr{display:block;margin-left:-50px;margin-right:-50px} } .m-footer hr:after{content:'';position:absolute;bottom:0;width:100%;height:1px;background:#e5e7e9} .m-footer p.headline{display:inline-block;margin-bottom:26px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;text-transform:uppercase} .m-footer p.headline a{position:relative;display:inline-block;text-decoration:none;color:#393e43} .m-footer p.headline a:after{content:'';position:absolute;bottom:-7px;display:block;width:22px;height:4px;background:#cdd5da} .m-footer p.headline a:hover{color:#cdd5da} .m-footer p.headline a:hover:after{width:100%} .m-footer ul{margin-bottom:44px;display:none} .m-footer ul.m-sociallist{display:block} @media only screen and (min-width:651px){.m-footer ul{display:block} } .m-footer ul li{margin-bottom:14px} .m-footer ul li a{text-decoration:none;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;color:#393e43} .m-footer .nav-social{margin-top:28px} @media only screen and (min-width:651px){.m-footer .nav-social{margin-top:0} } .m-footer .nav-social h3{margin-bottom:6px} @media only screen and (min-width:651px){.m-footer .nav-social h3{margin-bottom:18px} } .m-footer .imprint{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;line-height:24px;color:#2980b9} @media only screen and (min-width:0) and (max-width:650px){.m-footer .imprint .large-4.column{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:100%;float:left} .m-footer .imprint .large-4.column:nth-of-type(1n-0){clear:left;position:relative} .m-footer .imprint .large-4.column:nth-of-type(n){padding-left:0} .m-footer .imprint .large-4.column:nth-of-type(n){padding-right:0} } @media only screen and (min-width:651px) and (max-width:980px){.m-footer .imprint .large-4.column{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:50%;float:left} .m-footer .imprint .large-4.column:nth-of-type(2n-1){clear:left;position:relative} .m-footer .imprint .large-4.column:nth-of-type(2n-1){padding-left:0} .m-footer .imprint .large-4.column:nth-of-type(2n){padding-right:0} } @media only screen and (min-width:981px){.m-footer .imprint .large-4.column{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:33.33333%;float:left} .m-footer .imprint .large-4.column:nth-of-type(3n-2){clear:left;position:relative} .m-footer .imprint .large-4.column:nth-of-type(3n-2){padding-left:0} .m-footer .imprint .large-4.column:nth-of-type(3n){padding-right:0} } .m-footer .imprint h3{display:none;margin-bottom:18px} @media only screen and (min-width:651px){.m-footer .imprint h3{display:block} } .m-footer .imprint .legal-notice{display:block;padding-top:16px} .m-footer .imprint a{text-decoration:none;color:#2980b9} .m-footer .imprint a:hover{text-decoration:underline} .m-footer .imprint a.inverted-link{text-decoration:underline} .m-footer .imprint a.inverted-link:hover{text-decoration:none} .m-footer .imprint .footer-logo{position:relative;margin-top:36px;margin-bottom:-6px} @media only screen and (min-width:651px){.m-footer .imprint .footer-logo{text-align:right;margin-bottom:0;width:auto;clear:both;margin-top:28px} } @media only screen and (min-width:981px){.m-footer .imprint .footer-logo{margin-top:0;position:absolute;right:-2px;bottom:0} } .menu-wrapper li .subnav{display:none;background-color:#393e43;left:-50px;right:-50px;position:absolute;padding:30px 50px;margin-top:6px} .menu-wrapper li .subnav li{float:left;padding-left:10px} .menu-wrapper li .subnav a{font-size:16px;line-height:16px} .menu-wrapper li .subnav a:after{content:none} .menu-wrapper li .subnav a:hover{color:#7e7e7e} .menu-wrapper li li:hover{background-color:#393e43} .menu-wrapper li li:hover a{color:#fff} .menu-wrapper li li:hover .subnav{display:block !important} .menu-wrapper li .nav-getriebe a:hover{color:#a3a62c} .menu-wrapper li .nav-getriebe a:after{background:#a3a62c} .menu-wrapper li .nav-getriebemotoren a:hover{color:#98669f} .menu-wrapper li .nav-getriebemotoren a:after{background:#98669f} .menu-wrapper li .nav-motoren a:hover{color:#83afd6} .menu-wrapper li .nav-motoren a:after{background:#83afd6} .menu-wrapper li .nav-elektronik a:hover{color:#1ca19c} .menu-wrapper li .nav-elektronik a:after{background:#1ca19c} .menu-wrapper li .nav-services a:hover{color:#cdd5da} .menu-wrapper li .nav-services a:after{background:#cdd5da} .menu-wrapper li .nav-unternehmen a:hover{color:#cdd5da} .menu-wrapper li .nav-unternehmen a:after{background:#cdd5da} .menu-wrapper li .nav-kontakt a:hover{color:#cdd5da} .menu-wrapper li .nav-kontakt a:after{background:#cdd5da} #mobile-menu{display:block;position:absolute;top:35px;right:0;cursor:pointer;height:50px;width:60px} @media only screen and (min-width:1111px){#mobile-menu{display:none} } #mobile-menu:before{content:"";width:37px;margin-left:23px;height:4px;display:block;cursor:pointer;background:#393e43;box-shadow:0 12px 0 0 #393e43,0 24px 0 0 #393e43} #mobile-menu.active:before{background:#2980b9;box-shadow:0 12px 0 0 #2980b9,0 24px 0 0 #2980b9} .m-mainnavigation{position:absolute;width:auto;right:-20px;left:-20px;bottom:auto;top:110px;padding-top:0;clear:both;font-size:0;list-style-type:none;background-color:#393e43} @media only screen and (min-width:651px){.m-mainnavigation{width:50%;right:-40px;left:auto} } @media only screen and (min-width:1111px){.m-mainnavigation{width:auto;background-color:transparent;padding-top:1px;position:static;right:auto;left:auto;display:block} } .m-mainnavigation.hidden{display:none} .m-mainnavigation li{position:relative;width:100%;display:inline-block;border-bottom:1px solid #5c6266} .m-mainnavigation li.icon-nav{height:60px;margin-top:15px} @media only screen and (min-width:1111px){.m-mainnavigation li{border-bottom:0;float:left;padding:0;width:auto;z-index:auto} .m-mainnavigation li.icon-nav{display:none} } .menu-wrapper li a{z-index:1;white-space:normal;color:#cdd5da;padding:10px 20px;position:relative;white-space:nowrap;display:block;font-size:19px;text-decoration:none;margin-top:-3px;margin-bottom:7px;font-family:'Exo 2',sans-serif;font-size:22px;line-height:25px} @media only screen and (min-width:1111px){.m-mainnavigation li a{padding-left:0;padding-right:33px} } @media only screen and (min-width:1111px){.menu-wrapper li a{margin-top:0;margin-bottom:0;color:#393e43} } .menu-wrapper li a:after{content:'';position:absolute;bottom:4px;display:block;width:25px;height:4px} @media only screen and (min-width:1111px){.menu-wrapper li a:after{left:1px} } .m-mainnavigation li a:hover:after{right:20px;left:20px;width:auto} @media only screen and (min-width:1111px){.menu-wrapper li a:hover:after{right:33px;left:1px} } .m-mainnavigation>li:last-child::after{position:relative;content:"";width:100%;height:50px;border-top:1px solid #5c6266;background-color:#393e43;display:block} @media only screen and (min-width:1111px){.menu-wrapper>li:last-child::after{content:none} } .m-mainnavigation .subnav{padding:0;left:180px;max-height:400px;overflow:scroll;width:250px;top:0} .m-mainnavigation .subnav-icon{display:block;height:18px;margin-top:6px;width:14px;position:absolute;right:10px;top:7px;background:url('../sprites/sprites.png') 0 -38px no-repeat} @media only screen and (min-width:1111px){.m-mainnavigation .subnav-icon{display:none} } .m_breadcrumb{height:100px;margin:0 -50px;background-color: #acb4b8;} .m_breadcrumb.svg{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:640px 380px;background-position:bottom right;background-blend-mode:overlay;height: 27px;} .m_breadcrumb.svg-fallback{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:640px 380px;background-position:bottom right;background-blend-mode:overlay} .m_breadcrumb:after{content:'';clear:both} .m_breadcrumb .title{margin:0 40px 0 50px;font-family:'Calibri','Roboto',sans-serif;font-size:38px;font-weight:300;line-height:100px;color:#fff} .m_breadcrumb .title h1{margin:0; font-size: inherit;} @media only screen and (min-width:981px){.m_breadcrumb .title{float:left} } @media only screen and (min-width:651px) and (max-width:980px){.m_breadcrumb .title{line-height:76px} } .m_breadcrumb ul{position:relative;top:3px;font-size:0;margin:0 0 0 50px;padding:0} @media only screen and (min-width:651px) and (max-width:980px){.m_breadcrumb ul{display:block;margin-left:50px;} } @media only screen and (min-width:981px){.m_breadcrumb ul{display:block;float:left} } .m_breadcrumb ul li{float:left;display:inline-block;height:24px;padding:0 23px 0 0} .m_breadcrumb ul li a{position:relative;display:inline-block;height:24px;margin:0;padding:0;font-family:'Calibri','Roboto',sans-serif;font-size:12px;font-weight:300;line-height:18px;text-decoration:none;color:#fff} .m_breadcrumb ul li:after{content:'';position:relative;top:3px;left:12px;display:inline-block;text-align:right;width:11px;height:15px;padding:0;background:url('../sprites/sprites.png') 0 -259px no-repeat} .m_breadcrumb ul li:last-child a{font-family:'Calibri','Roboto',sans-serif;font-size:12px;font-weight:500;line-height:18px;padding-top: 1px;} .m_breadcrumb ul li:last-child:after{content:'';display:none} .m-contactteaserbox{margin:0 -20px;padding:35px 20px 35px 20px} .m-contactteaserbox.svg{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:640px 380px;background-position:bottom right;background-blend-mode:overlay} .m-contactteaserbox.svg-fallback{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:640px 380px;background-position:bottom right;background-blend-mode:overlay} @media only screen and (min-width:651px){.m-contactteaserbox{margin:0 -40px;min-height:320px;padding-left:40px;padding-right:40px} } @media only screen and (min-width:981px){.m-contactteaserbox{margin:0 -50px;padding-left:50px;padding-right:50px} } .m-contactteaserbox:after{content:'';display:block;clear:both} .m-contactteaserbox .m-contactteaserbox-image{margin:0} @media only screen and (min-width:651px){.m-contactteaserbox .m-contactteaserbox-image{float:left;max-height:268px;width:auto;} } @media only screen and (min-width:651px) and (max-width:980px){.m-contactteaserbox .m-contactteaserbox-content{float:left} } .m-contactteaserbox .m-contactteaserbox-contactinfo{font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:300;line-height:26px;margin-bottom:15px} @media only screen and (min-width:651px){.m-contactteaserbox .m-contactteaserbox-contactinfo{float:left;min-width:20%;padding-left:50px} } @media only screen and (min-width:981px){.m-contactteaserbox .m-contactteaserbox-contactinfo{padding-right:50px;margin-bottom:0} } .m-contactteaserbox .m-contactteaserbox-contactinfo h2{font-family:'Exo 2',sans-serif;font-size:20px;line-height:34px;margin-top:10px;margin-bottom:29px} .m-contactteaserbox .m-contactteaserbox-contactinfo span{display:block;margin-bottom:12px} .m-contactteaserbox .m-contactteaserbox-contactinfo span.contact-block-1{margin-bottom:13px} .m-contactteaserbox .m-contactteaserbox-contactinfo span.contact-block-1 a{text-decoration: none;} .m-contactteaserbox .m-contactteaserbox-contactinfo span.contact-block-2{margin-bottom:22px;line-height:28px} .m-contactteaserbox .m-contactteaserbox-contactinfo span strong{display:inline-block;font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:500;line-height:26px;margin-bottom:2px} .m-contactteaserbox .m-contactteaserbox-aside{margin-right:40px} @media only screen and (min-width:651px) and (max-width:980px){.m-contactteaserbox .m-contactteaserbox-aside{clear:both;padding-left:50px} } .m-contactteaserbox .m-contactteaserbox-aside p{margin-bottom:20px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;font-size:15px;display:none} @media only screen and (min-width:981px){.m-contactteaserbox .m-contactteaserbox-aside p{display:block} } .m-divider{width:100%;display:block;height:40px;border:0 none;margin:0;padding:0 !important;margin-top:40px} .m-divider.svg{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:140px 90px;background-position:900px -50px;background-blend-mode:overlay} .m-divider.svg-fallback{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:140px 90px;background-position:900px -50px;background-blend-mode:overlay} .large-6 .m-divider.svg{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:140px 90px;background-position:900px -50px;background-blend-mode:overlay} .large-6 .m-divider.svg-fallback{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:140px 90px;background-position:900px -50px;background-blend-mode:overlay} .m-tabs .dlc li{position:relative} .m-tabs.column,.dlc.column{padding:35px 0} .m-tabs.column .m-table.column,.m-tabs.column .m-tabs.column,.dlc.column .m-table.column,.dlc.column .m-tabs.column{padding:0} .m-tabs.column .m-table.column .ui-tabs-panel,.m-tabs.column .m-tabs.column .ui-tabs-panel,.dlc.column .m-table.column .ui-tabs-panel,.dlc.column .m-tabs.column .ui-tabs-panel{padding-top:0} .m-tabs.column .m-table.column .ui-tabs-panel .m-textbox>*:first-child,.m-tabs.column .m-tabs.column .ui-tabs-panel .m-textbox>*:first-child,.dlc.column .m-table.column .ui-tabs-panel .m-textbox>*:first-child,.dlc.column .m-tabs.column .ui-tabs-panel .m-textbox>*:first-child{margin-top:0} .m-tabs.column>ul,.dlc.column>ul{*zoom:1;background-color:#edeff3} .m-tabs.column>ul:before,.m-tabs.column>ul:after,.dlc.column>ul:before,.dlc.column>ul:after{content:" ";display:table} .m-tabs.column>ul:after,.dlc.column>ul:after{clear:both} .m-tabs.column>ul li,.dlc.column>ul li{float:left} .m-tabs.column>ul li.ui-state-active a,.dlc.column>ul li.ui-state-active a{background-color:#393e43;color:#fff} .m-tabs.column>ul li a,.dlc.column>ul li a{display:block;padding:11px 18px 11px 18px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;color:#393e43;text-decoration:none} .m-tabs.column>ul li a:hover,.dlc.column>ul li a:hover{background-color:#393e43;color:#fff} .m-tabs.column .ui-tabs-panel,.dlc.column .ui-tabs-panel{padding-top:37px} .dlc.column>ul+div{padding-top:37px} .dlc-name{max-width:250px;padding-right:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} .m-table.results td{padding-right:7px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;max-width:auto;width:auto;font-size:14px} .m-table.results td.date,.m-table.results td.download{max-width:auto} .hierarchical{overflow:hidden} .hierarchical span{display:inline-block;max-width:83%;position:relative;top:0;word-break:break-all;white-space:nowrap;overflow:initial} .hierarchical span.resultCount{display:inline;position:static} .hierarchical ul{margin-bottom:10px;float:right;margin-top:-30px} @media only screen and (min-width:0) and (max-width:650px){.hierarchical ul{margin-top:0} } .hierarchical ul li{clear:both;float:none} .hierarchical .level-1{width:100%;clear:both;float:none;margin-top:0;margin-left:4px} @media only screen and (min-width:0) and (max-width:980px){.hierarchical .level-1{margin-left:10px} } .hierarchical .level-1>li{width:100%;clear:both;float:none} .hierarchical .level-2{width:72%} @media only screen and (min-width:0) and (max-width:980px){.hierarchical .level-2{width:100%;padding-left:20px;margin-top:0} } .hierarchical .level-3{width:48%;margin-bottom:20px !important} @media only screen and (min-width:0) and (max-width:980px){.hierarchical .level-3{width:100%;padding-left:20px;margin-top:0} } .hierarchical .level-4{width:51%;display:none} .hierarchical div{height:30px} .dlc-sub-nav li{padding:5px 0} .dlc-sub-nav li a{position:relative;display:inline-block;width:90%;padding:11px 18px 11px 18px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;text-decoration:none;background:#edeff3} .dlc-sub-nav li a:after{content:'';position:absolute;top:11px;right:20px;display:block;width:14px;height:18px;background:url('../sprites/sprites.png') 0 -76px no-repeat} .dlc-sub-nav li a:hover{color:#fff;background:#393e43} .dlc-sub-nav li a:hover:after{background:url('../sprites/sprites.png') 0 -38px no-repeat} .dlc-sub-nav li.active a{color:#fff;background:#393e43} .dlc-sub-nav li.active a:after{background:url('../sprites/sprites.png') 0 -38px no-repeat} .dlc-sub-nav .ui-accordion-header{position:relative;display:inline-block;width:90%;padding:11px 18px 11px 18px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;text-decoration:none;background:#edeff3} .dlc-sub-nav .ui-accordion-header:after{content:'';position:absolute;top:11px;right:20px;display:block;width:14px;height:18px;background:url('../sprites/sprites.png') 0 -76px no-repeat} .dlc-sub-nav .ui-accordion-header.ui-state-active,.dlc-sub-nav .ui-accordion-header.ui-state-active.ui-state-hover{color:#fff;background:#393e43} .dlc-sub-nav .ui-accordion-header.ui-state-active:after,.dlc-sub-nav .ui-accordion-header.ui-state-active.ui-state-hover:after{width:18px;height:14px;background:url('../sprites/sprites.png') 0 -190px no-repeat} .dlc-sub-nav .ui-accordion-header.ui-state-hover{color:#fff;background:#393e43} .dlc-sub-nav .ui-accordion-header.ui-state-hover:after{width:14px;height:18px;background:url('../sprites/sprites.png') 0 -38px no-repeat} .dlc-sub-nav .dlc_accordion .ui-accordion-content{display:hidden;width:90%;overflow:auto;border-bottom:3px solid #393e43} .dlc-sub-nav .dlc_accordion .ui-accordion-content:after{border-bottom:0} .dlc-sub-nav .dlc_accordion .ui-accordion-content li{padding:0} .dlc-sub-nav .dlc_accordion .ui-accordion-content li:first-child{margin:5px 0 0 0} .dlc-sub-nav .dlc_accordion .ui-accordion-content li:last-child{margin:0 0 5px 0} .dlc-sub-nav .dlc_accordion .ui-accordion-content li a{color:#393e43;padding:5px 18px;background:0} .dlc-sub-nav .dlc_accordion .ui-accordion-content li a:after{display:none} .dlc-sub-nav .dlc_accordion .ui-accordion-content li a:hover,.dlc-sub-nav .dlc_accordion .ui-accordion-content li a.m-subtabs-tab-active{color:#fff;background:#393e43} .dlc-sub-nav .ui-accordion-content li a{padding-right:50px;line-height:18px;font-size:13px;background:0} .dlc-sub-nav .ui-accordion-content li a:hover{color:#fff;background:#393e43} .dlc-sub-nav .ui-accordion-content li a:hover:after{width:14px;height:18px;background:url('../sprites/sprites.png') 0 -38px no-repeat} .dlc-sub-nav .ui-accordion-content li.active a{color:#fff;background:#393e43} .dlc-sub-nav .ui-accordion-content .ui-accordion-content-active:after{content:'';display:block;width:90%;height:0;line-height:0;margin-top:5px;border-bottom:10px solid #393e43} .contact-info-marker{width:500px !important} @media only screen and (min-width: 0px) and (max-width: 650px) {.contact-info-marker {width: 100% !important;} } .contact-info-marker .bottom-column{position:relative !important;margin-top:25px} .contact-info-marker .bottom-column .contact-link{margin-right:0 !important} .contact-name{word-wrap:break-word;max-width:390px} .contact-name-marker{font-weight:400;line-height:1.22;margin:10px 0;color:#1c262c} .contact-address-marker{padding:0 0 10px 0;color:#83afd6;float:left;width:45%} @media only screen and (min-width: 0px) and (max-width: 650px) {.contact-address-marker {width: 100% !important;} } .contact-details-marker{float:right;width:55%} @media only screen and (min-width: 0px) and (max-width: 650px) {.contact-details-marker {width: 100% !important;} } .contact-category-marker{padding:10px;background-color:#e7e6e8;clear:both} .contact-name{font-weight:400;line-height:1.22;margin:10px 0;color:#1c262c} .contact-address{padding:0 0 10px 0;color:#83afd6;float:left;width:100%} #address-info{padding-bottom:10px} .contact-details{color:#83afd6;float:right;width:100%} .contact-category{padding:10px;background-color:#e7e6e8;clear:both} .contact-route{margin-top:20px;display:block;float:left} .contact-link{margin-top:20px;float:right;margin-right:20px} .contact-link-marker{padding-top:10px} .m-contactmanagement .map-m-searchbar.hidden{display:none} .m-contactmanagement .map-m-searchbar .map-search-field-border{height:70px;left:26px;right:103px} @media only screen and (min-width:651px){.m-contactmanagement .map-m-searchbar .map-search-field-border{left:46px;right:93px} } @media only screen and (min-width:1111px){.m-contactmanagement .map-m-searchbar .map-search-field-border{left:93px} } .m-contactmanagement .map-m-searchbar .map-search-field{width:100%;height:62px;border:0;outline:0;font-family:'Exo 2',sans-serif;font-size:22px;line-height:25px;color:#393e43} @media only screen and (min-width:1111px){.m-contactmanagement .map-m-searchbar .map-search-field{font-family:'Exo 2',sans-serif;font-size:22px;line-height:46px;} } .m-contactmanagement .map-m-searchbar .map-btn-search-submit{position:absolute;margin-top:17px;border:0;top:-5px;cursor:pointer;right:10px;width:40px;height:40px;background:url('../sprites/sprites.png') 0 -1263px no-repeat;font-size:0} .m-contactmanagement .map-m-searchbar .map-btn-search-submit:hover{background-color:transparent} .m-contactmanagement .map-m-searchbar .map-button-close{position:absolute;top:30px;right:20px} @media only screen and (min-width:651px){.m-contactmanagement .map-m-searchbar .map-button-close{right:30px} } .m-contactmanagement .radius-options,.m-contactmanagement .type-options{padding-bottom:15px} .m-contactmanagement #radius-options-button,.m-contactmanagement #type-options-button{border:1px solid #aeb9ae;cursor:pointer;background-color:white;padding:0} .m-contactmanagement .no-results-found{position:absolute;top:50%;left:42%;padding:20px;background:white;box-shadow:1px 1px rgba(0,0,0,0.5);border-radius:3px} .m-contactmanagement #resultTable{margin-top:20px} .m-contactmanagement #resultTable svg{width:30px;position:absolute;right:0;top:5px;height:35px} .m-contactmanagement .left-column{float:left;width:65%} .m-contactmanagement .right-column{float:right;text-align:right;width:35%} .m-contactmanagement .bottom-column{width:100%;bottom:25px;position:absolute} .m-contactmanagement .contact-info{float:left;border:1px solid #ccc;padding:10px;min-height:280px} .m-contactmanagement .contact-info:hover{box-shadow:#0063a6 0 0 7px 0} .m-contactmanagement .contact-phone{padding-bottom:10px} .m-contactmanagement a{text-decoration:none} .m-contactmanagement #service-options li{display:inline-block;padding-right:20px} .m-contactmanagement .m-table{overflow:hidden;overflow-x:initial !important} .m-contactmanagement .legend-title{float:left;font-weight:bold;margin-top:45px;font-size:18px;padding-right:35px;margin-left:20px} .m-contactmanagement #marker-legend{margin-top:20px;overflow:hidden;} .m-contactmanagement #marker-legend li{display:inline-block;padding-right:20px;padding-top:10px;min-width:100px;height:45px;text-align:center} @media only screen and (min-width: 0px) and (max-width: 650px) {.m-contactmanagement #marker-legend li {width: 100%;padding-right: 0;padding-bottom: 55px;} } .m-contactmanagement #marker-legend li svg{width:30px;height:50px;} .m-contactmanagement #marker-legend li label{display:block} .m-contactmanagement > .column {float: none;overflow: auto;} .m-facets .tab{background-color:#393e43;color:#cdd5da} .m-facets ul.filters li{float:left;width:33.3333%} @media only screen and (min-width:0) and (max-width:980px){.m-facets ul.filters li{width:100%} } .m-facets ul.filters li input{margin-left:8px\9;margin-top:5px\9} .m-facets ul.filters:after{float:none;clear:both;content:"";display:block} .m-facets .subfilters:before{float:none;clear:both;content:"";display:block;margin-top:25px} .m-facets .subfilters input{margin-left:8px\9;margin-top:5px\9} .m-facets label{font-size:14px} .hidden{display:none} .m-imagebox{max-width:550px} @media only screen and (min-width:981px) {.pdp .m-imagebox{max-width:400px; margin: 0 auto} } .m-imagebox p.caption{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;font-size:14px;font-weight:300;margin-top:15px;margin-bottom:60px} .m-languageselection{position:absolute;top:0;left:0;right:0;z-index:999;font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:300;line-height:26px;background:#fff} .m-languageselection.hidden{display:none} .m-languageselection div{padding:9px 0 0} .m-languageselection div:after{content:'';display:block;clear:both} .m-languageselection ul li{margin:0 0 18px 0} @media only screen and (min-width:0) and (max-width:650px){.m-languageselection ul li{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:100%;float:left} .m-languageselection ul li:nth-of-type(1n-0){clear:left;position:relative} .m-languageselection ul li:nth-child(n){padding-left:0} .m-languageselection ul li:nth-child(n){padding-right:0} } @media only screen and (min-width:651px) and (max-width:980px){.m-languageselection ul li{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:50%;float:left} .m-languageselection ul li:nth-of-type(2n-1){clear:left;position:relative} .m-languageselection ul li:nth-child(2n-1){padding-left:0} .m-languageselection ul li:nth-child(2n){padding-right:0} } @media only screen and (min-width:981px){.m-languageselection ul li{position:relative;padding-left:1.5625em;padding-right:1.5625em;width:33.33333%;float:left} .m-languageselection ul li:nth-of-type(3n-2){clear:left;position:relative} .m-languageselection ul li:nth-child(3n-2){padding-left:0} .m-languageselection ul li:nth-child(3n){padding-right:0} } .m-languageselection ul a{text-decoration:none;color:#393e43} .m-languageselection ul a:hover{color:#0072bc} .m-languageselection ul a span,.m-languageselection2 ul a span{display:inline-block;width:20px;height:15px;background:url('../sprites/flags.png') 0 1px no-repeat;background-size:cover;margin-right:5px;} .m-languageselection ul a.lang-en span,.m-languageselection2 ul a.lang-en span{background-position:0 -14px} .m-languageselection ul a.lang-it span,.m-languageselection2 ul a.lang-it span{background-position:0 -29px} .m-languageselection ul a.lang-fr span,.m-languageselection2 ul a.lang-fr span{background-position:0 -44px} .m-languageselection ul a.lang-es span,.m-languageselection2 ul a.lang-es span{background-position:0 -60px} .m-languageselection ul a.lang-jp span,.m-languageselection2 ul a.lang-jp span{background-position:0 -75px} .m-languageselection ul a.lang-zh span,.m-languageselection2 ul a.lang-zh span{background-position:0 -90px} .m-languageselection ul a.lang-zh-tw span, .m-languageselection2 ul a.lang-zh-tw span {background-position: 0 -105px;} .m-languageselection .button-close{position:absolute;top:30px;right:30px} .header.tel { margin: 24px 0 0 0; font-size: 16px; display: block; float: left; } .m-phone-metanavigation { float: right; max-height: 45px; font-size: 0; margin: 8px 20px 0 0; position: relative; } @media only screen and (min-width:0) and (max-width:550px){ .header.tel {margin: 0 0 0 0; padding: 0 15px;} .m-phone-metanavigation {float: left;top: 50px;} } @media only screen and (min-width:551px) and (max-width:1110px){ .header.tel {margin: 17px 100px 0 0;} } .m-metanavigation{display:none;float:right;max-height:45px;font-size:0;margin:8px 20px 0 0;} @media only screen and (min-width:1111px){ .m-metanavigation{display:block} } .m-metanavigation li{position:relative;float:left;display:inline-block;height:45px;margin:0 0 0 25px;list-style-type:none} .m-metanavigation li a{display:inline-block;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;overflow:visible;text-decoration:none;vertical-align:bottom} .m-metanavigation li a.a-language{width:38px;height:29px;margin-top:6px;background:url('../sprites/sprites.png') 0 -900px no-repeat} .m-metanavigation li a.a-language .lang{position:absolute;top:-6px;left: 27px;width:35px;height:22px;text-indent:0;font-size:11px;color:#000} .m-metanavigation li a.a-search{width:35px;height:35px;background:url('../sprites/sprites.png') 0 -1004px no-repeat} .m-mainnavigation .m-metanavigation{float:none;display:block} .m-mainnavigation .m-metanavigation li{width:auto;height:auto;border:0;margin:0 20px} .m-mainnavigation .m-metanavigation li a.a-language{background:url('../sprites/sprites.png') 0 -851px no-repeat;margin-top:0} .m-mainnavigation .m-metanavigation li a.a-language .lang{color:#fff} .m-mainnavigation .m-metanavigation li a.a-search{background:url('../sprites/sprites.png') 0 -949px no-repeat} .core-menu li a.a-language{width:38px;height:29px;margin-top:6px;background:url('../sprites/sprites.png') 0 -900px no-repeat} .core-menu li a.a-language .lang{position:absolute;top:-6px;right:-11px;width:22px;height:22px;text-indent:0;font-size:11px;color:#000} .core-menu li a.a-search{width:35px;height:35px;background:url('../sprites/sprites.png') 0 -1004px no-repeat} .core-menu li a.a-language{background:url('../sprites/sprites.png') 0 -851px no-repeat;margin-top:0} .core-menu li a.a-language .lang{color:#fff} .core-menu li a.a-search{background:url('../sprites/sprites.png') 0 -949px no-repeat} .m-productoverviewlist{margin-top:80px} h1 + .pop.pop-level2 .m-productoverviewlist {margin-top:25px;} .m-productoverviewlist .m-productoverviewlist-item{padding:40px 0 44px;border-top:4px solid;width:100%} .m-productoverviewlist .m-productoverviewlist-item .text-box{float:right} @media only screen and (min-width:981px){.m-productoverviewlist .m-productoverviewlist-item .text-box{padding-right:50px} } .m-productoverviewlist .m-productoverviewlist-item .image-box{float:right} .m-productoverviewlist .m-productoverviewlist-item.item-getriebe{border-color:#a3a62c} .m-productoverviewlist .m-productoverviewlist-item.item-getriebemotoren{border-color:#98669f} .m-productoverviewlist .m-productoverviewlist-item.item-motoren{border-color:#83afd6} .m-productoverviewlist .m-productoverviewlist-item.item-elektronik{border-color:#1ca19c} .m-productoverviewlist .m-productoverviewlist-item.item-services{border-color:#cdd5da} .m-productoverviewlist .m-productoverviewlist-item.item-unternehmen{border-color:#cdd5da} .m-productoverviewlist .m-productoverviewlist-item.item-kontakt{border-color:#cdd5da} .m-productoverviewlist .m-productoverviewlist-item h2{margin-top:20px;margin-bottom:24px;word-break:normal} .m-productoverviewlist .m-productoverviewlist-item h2 a{text-decoration: none; font-weight:normal;} .m-productoverviewlist .m-productoverviewlist-item h2 a:hover{text-decoration:underline; color:#393e43} @media only screen and (min-width:981px){.m-productoverviewlist .m-productoverviewlist-item h2{margin-top:-11px} } @media only screen and (min-width:981px){.m-productoverviewlist .m-productoverviewlist-item h2{word-break:normal} } .m-productoverviewlist .m-productoverviewlist-item p+a.button{margin-top:18px} .m-productstage{position:relative;margin:0 auto;padding-bottom:30px} @media only screen and (min-width:0) and (max-width:980px){.m-productstage{width:100%} } .m-productstage .caroufredsel_wrapper{min-height:391px} .m-productstage.static-stage>[class*="column"]:last-child{float:left} .m-productstage .m-stage-item{float:left;display: flex; flex-flow: column nowrap;margin:0 30px;border-top:4px solid red} .m-productstage .m-stage-item.item-getriebe{border-color:#a3a62c} .m-productstage .m-stage-item.item-getriebemotoren{border-color:#98669f} .m-productstage .m-stage-item.item-motoren{border-color:#83afd6} .m-productstage .m-stage-item.item-elektronik{border-color:#1ca19c} .m-productstage .m-stage-item.item-services{border-color:#cdd5da} .m-productstage .m-stage-item.item-unternehmen{border-color:#cdd5da} .m-productstage .m-stage-item.item-kontakt{border-color:#cdd5da} .m-productstage .m-stage-item .item-image{text-align:center; padding-bottom: 25px;} .m-productstage .m-stage-item .item-image img{width:130px;height:130px} .m-productstage .m-stage-item .item-image-link {margin-top: auto;width: 100%} /*.m-productstage .m-stage-item .item-text{min-height:103px}*/ .m-productstage .m-stage-item h2{font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:500;line-height:26px;margin-bottom:11px;margin-top:20px} .m-productstage .m-stage-item h2 a{text-decoration: none} .m-productstage .m-stage-item h2 a:hover{color:#393e43; text-decoration:underline;} .m-productstage .m-stage-item p{height:146px;overflow:hidden} .m-productstage .m-stage-item a.button{margin-top:20px;line-height:35px} .m-productstage.static-stage{width:100%} @media only screen and (min-width:651px){.m-productstage.static-stage{margin-left:-25px;margin-right:-25px;width:auto} .m-productstage.static-stage .column{padding:0 25px} } .m-productstage.static-stage .m-stage-item{width:100%;margin:0 0 40px;padding: 0 15px;} @media only screen and (min-width:0) and (max-width:650px){.m-productstage.static-stage .large-4{width:100% !important} } @media only screen and (min-width:651px) and (max-width:980px){.m-productstage.static-stage .large-4{width:50% !important} } .m-productstage .prev,.m-productstage .next{position:absolute;top:124px;margin:0;padding:0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize} .m-productstage .prev{left:-10px;width:28px;height:73px;background:url('../sprites/sprites.png') 0 -1617px no-repeat} .m-productstage .next{right:-10px;width:28px;height:73px;background:url('../sprites/sprites.png') 0 -1524px no-repeat} .productteaserbox-container{margin:0 -20px;width:auto} @media only screen and (min-width:651px){.productteaserbox-container{margin:0 -40px} } @media only screen and (min-width:981px){.productteaserbox-container{margin:0 -50px} } .m-productteaserbox.svg{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:cover;background-position:bottom right;background-blend-mode:overlay} .m-productteaserbox.svg-fallback{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:cover;background-position:bottom right;background-blend-mode:overlay} .m-productteaserbox.column{position:relative;padding:35px 20px;overflow:hidden;width:100%} @media only screen and (min-width:651px){.m-productteaserbox.column{padding:35px 40px;height:380px;width:100%} } @media only screen and (min-width:981px){.m-productteaserbox.column{padding:35px 50px;width:50%} } .m-productteaserbox.column .m-productteaserbox-text{position:relative;margin-bottom:20px} @media only screen and (min-width:651px){.m-productteaserbox.column .m-productteaserbox-text{float:left;width:49%;display:inline} } .m-productteaserbox.column .m-productteaserbox-text h2{margin-bottom:15px;font-family:'Exo 2',sans-serif;font-size:20px;line-height:34px;} .m-productteaserbox.column .m-productteaserbox-text h2 a{text-decoration:none;color:#fff; font-weight:normal;} .m-productteaserbox.column .m-productteaserbox-text h2 a:hover{text-decoration:underline;color:#fff;} .m-productteaserbox.column .m-productteaserbox-text a{text-decoration:none;} .m-productteaserbox.column .m-productteaserbox-text p{margin-bottom:20px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px; color:#fff} .m-productteaserbox.column .m-productteaserbox-text.no-image p{max-width:100%} .m-productteaserbox.column .m-productteaserbox-image{margin:0} @media only screen and (min-width:651px){.m-productteaserbox.column .m-productteaserbox-image{max-width:30%;display:inline;position:absolute;right:0;margin:25px 35px 20px 0} } @media only screen and (min-width:981px){.m-productteaserbox.column .m-productteaserbox-image{max-width:40%;margin-right:45px} } .m-searchbar.hidden{display:none} .m-header .m-searchbar{position:absolute;top:0;left:0;z-index:999;height:110px;background:#fff} @media only screen and (min-width:1111px){.m-header .m-searchbar{height:130px} } .m-searchbar form{padding:14px 0 0 18px} @media only screen and (min-width:651px){.m-searchbar form{padding-left:38px} } @media only screen and (min-width:1111px){.m-searchbar form{padding-top:36px;padding-left:93px} } .m-searchbar .search-field-border{height:70px;left:26px;right:103px;position:absolute;border-bottom:1px solid #d6d6d9} @media only screen and (min-width:651px){.m-searchbar .search-field-border{left:46px;right:93px} } @media only screen and (min-width:1111px){.m-searchbar .search-field-border{left:93px} } .m-searchbar .search-field{width:100%;height:62px;border:0;outline:0;font-family:'Exo 2',sans-serif;font-size:22px;line-height:25px;color:#393e43} @media only screen and (min-width:1111px){.m-searchbar .search-field{font-family:'Exo 2',sans-serif;font-size:22px;line-height:46px;} } .m-searchbar .btn-search-submit{position:absolute;margin-top:17px;border:0;cursor:pointer;right:93px;width:40px;height:40px;background:url('../sprites/sprites.png') 0 -1263px no-repeat;font-size:0} .m-searchbar .btn-search-submit:hover{background-color:transparent} .m-searchbar .button-close{position:absolute;top:30px;right:20px} @media only screen and (min-width:651px){.m-searchbar .button-close{right:30px} } .dcContent .m-searchbar .search-field-border{left:0;right:0;position:relative} .dcContent .m-searchbar .btn-search-submit{top:0;right:0} ::-webkit-input-placeholder{color:#393e43;opacity:1} :-moz-placeholder{color:#393e43;opacity:1} ::-moz-placeholder{color:#393e43;opacity:1} :-ms-input-placeholder{color:#393e43;opacity:1} .search-field::-ms-clear{display:none} .m-searchresult.column{padding:35px 0} .m-searchresult.column h1{font-family:'Exo 2',sans-serif;font-size:22px;line-height:64px;margin-bottom:70px} .m-searchresult.column p.result{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;padding-bottom:45px} .m-searchresult.column a{color:#0072bc} .m-searchresult.column .m-searchresult-boxes{border-top:1px solid #d9d9d9} .m-searchresult.column .m-searchresult-box{border-bottom:1px solid #d9d9d9;padding-bottom:40px;margin-top:40px} .m-searchresult.column .m-searchresult-box .m-textbox-text{width:100%} @media only screen and (min-width:651px){.m-searchresult.column .m-searchresult-box .m-textbox-text{float:left;width:50%;max-width:555px} } .m-searchresult.column .m-searchresult-box .m-textbox-text.left{margin-bottom:25px} @media only screen and (min-width:651px){.m-searchresult.column .m-searchresult-box .m-textbox-text.left{margin-bottom:0} } @media only screen and (min-width:651px){.m-searchresult.column .m-searchresult-box .m-textbox-text.left{width:49%;margin-right:1%} } .m-searchresult.column .m-searchresult-box .m-textbox-text.right a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .m-searchresult.column .m-searchresult-box .m-textbox-text.right a+br{display:none} @media only screen and (min-width:651px){.m-searchresult.column .m-searchresult-box .m-textbox-text.right a+br{display:block} } @media only screen and (min-width:651px){.m-searchresult.column .m-searchresult-box .m-textbox-text.right{width:49%;margin-left:1%} } .m-searchresult.column .m-searchresult-box .m-textbox-text p{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px} .m-searchresult.column .m-searchresult-box .m-textbox-text p.headline{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px} .m-searchresult.column .m-searchresult-box .m-textbox-text p.breadcrumb{font-family:'Calibri','Roboto',sans-serif;font-size:14px;font-weight:500;line-height:18px} .m-sociallist{font-size:0} .m-footer .m-sociallist{margin-bottom:30px} @media only screen and (min-width:651px){.m-footer .m-sociallist{margin-bottom:44px} } .m-sociallist li{display:inline-block;margin:0 15px 0 0} .m-sociallist li:last-child{margin-right:0} .m-sociallist li .ico-social{display:block;overflow:hidden;width:32px;height:32px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize} .m-sociallist li .ico-social.ico-social-facebook{background:url('../sprites/sprites.png') 0 -1710px no-repeat} .m-sociallist li .ico-social.ico-social-twitter{background:url('../sprites/sprites.png') 0 -1866px no-repeat} .m-sociallist li .ico-social.ico-social-gplus{background:url('../sprites/sprites.png') 0 -1762px no-repeat} .m-sociallist li .ico-social.ico-social-xing{background:url('../sprites/sprites.png') 0 -1918px no-repeat} .m-sociallist li .ico-social.ico-social-youtube{background:url('../sprites/sprites.png') 0 -1970px no-repeat} .m-sociallist li .ico-social.ico-social-linkedin{background:url('../sprites/sprites.png') 0 -1814px no-repeat} .m-stage{position:relative;margin:0 -50px} .m-stage .m-stage-item{position:relative;width:100%;float:left} .m-stage .m-stage-item a{position:absolute;top:0;left:0;bottom:0;right:0;text-decoration:none} .m-stage .m-stage-item img{width:100%} .m-stage .m-stage-item .m-stage-item-info-text{position:relative;margin-left:50px;margin-right:50px;margin-top:15px;margin-bottom:35px} .m-stage .m-stage-item .m-stage-item-info-text h2 {display: inline-block;} .m-stage .m-stage-item .m-stage-item-info-text i { color: #fff; font-size: 35px; position: relative; top: 4px; padding-left: 5px;} @media only screen and (max-width:980px){ .m-stage .m-stage-item .m-stage-item-info-text i { color:#393e43;} } @media only screen and (min-width:981px){.m-stage .m-stage-item .m-stage-item-info-text{margin-left:40px;width:70%;margin-bottom:20px} } @media only screen and (min-width:981px){.m-stage .m-stage-item .m-stage-item-info-text{position:absolute;right:50px;bottom:30px;margin-left:0;margin-top:0;width:460px;text-shadow:0 0 20px #393e43} } .m-stage .m-stage-item .m-stage-item-info-text h2{position:relative;font-family:'Exo 2',sans-serif;font-size:22px;line-height:46px;color:#393e43} @media only screen and (min-width:0) and (max-width:650px){.m-stage .m-stage-item .m-stage-item-info-text h2{font-size:20px;line-height:1.2em} } @media only screen and (min-width:981px){ .m-stage .m-stage-item .m-stage-item-info-text h2{color:#fff;width:93%} .m-stage .m-stage-item .m-stage-item-info-text i { color: #fff;} } .m-stage .m-stage-item .m-stage-item-info{position:absolute;width:100%;height:100%;margin-left:0} .m-stage .m-stage-item .m-stage-item-info.svg{background-image:url("../layout/gradient_blue.svg");background-repeat:no-repeat;background-size:cover;background-position:bottom right;background-blend-mode:overlay;position:absolute;top:0;left:0;bottom:0;right:0;width:105%;margin:0;padding:0;opacity: 0.5} @media only screen and (min-width:651px){.m-stage .m-stage-item .m-stage-item-info.svg{width:100%} } .m-stage .m-stage-item .m-stage-item-info.svg-fallback{background-image:url("../layout/gradient-blue-fallback.png");background-repeat:no-repeat;background-size:cover;background-position:bottom right;background-blend-mode:overlay;position:absolute;top:0;left:0;bottom:0;right:0;width:105%;margin:0;padding:0} @media only screen and (min-width:651px){.m-stage .m-stage-item .m-stage-item-info.svg-fallback{width:100%} } .m-stage .m-stage-item .m-stage-item-info img{width:100%} .m-stage .m-stage-item .image-container{position:relative;top:0;left:0;display:block;width:100%} .m-stage .m-stage-item a:hover .m-stage-item-info .m-stage-item-info-text h2:hover{text-shadow:0 0 2px rgba(0,0,0,0.5)} #m-stage-pager-wrapper {position: absolute;bottom: 5px;width: 100%} @media only screen and (min-width:651px) {#m-stage-pager-wrapper {bottom: 10px} } #m-stage-pager {text-align: center} #m-stage-pager a {outline:none;text-decoration: none;display: inline-block;font-size: 11px;width: 12px;height: 12px;background: #eee;border-radius: 12px;padding: 1px;text-align: center;margin: 0 4px;opacity: .95;text-indent: -9999px} #m-stage-pager a.selected {background: #2980b9;color: #fff;opacity: 1;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75)} #m-stage-control-next,#m-stage-control-prev{outline:none;position:absolute;top:30%;left:25px;margin-top:-30px;width:50px;height:60px;text-align:center;color:#fff;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;text-decoration:none;vertical-align:middle} #m-stage-control-next{left:auto;right:25px} .m-stage:hover #m-stage-control-next,.m-stage:hover #m-stage-control-prev{opacity:1} #m-stage-control-next i,#m-stage-control-prev i{font-size:100px;line-height:50px} @media only screen and (min-width:651px){#m-stage-control-next,#m-stage-control-prev{top:35%} } @media only screen and (min-width:981px){#m-stage-control-next,#m-stage-control-prev{top:50%;left:15px;margin-top:-60px;width:90px;height:120px}#m-stage-control-next{left:auto;right:15px}#m-stage-control-next i,#m-stage-control-prev i{font-size:125px;line-height:100px} } .clearfix{float:none;clear:both;height:0} .m-sub-tabs li a:hover,.m-sub-tabs li .m-subtabs-tab-active{color:#fff;background:#393e43} .m-sub-tabs li a:hover:after,.m-sub-tabs li .m-subtabs-tab-active:after{width:14px;height:18px;background:url('../sprites/sprites.png') 0 -38px no-repeat} .m-sub-tabs .ui-accordion-content-active:after{content:'';display:block;width:90%;height:0;line-height:0;margin-top:5px;border-bottom:10px solid #393e43} .m-subtabs-panel-hidden{display:none} .sub-tabs .m-sub-tabs li a{padding-right:50px;font-size:13px} .m-table{overflow:initial;overflow-x:auto} .m-table.column table{margin:30px 0 40px 0;width:100%;border-collapse:collapse} .m-table.column table tr.inactive{opacity:.4;filter:alpha(opacity=0.4)} .m-table.column table th,.m-table.column table td{border-bottom:1px solid #d9d9d9; padding-bottom: 7px; max-width: 150px;} .m-table.column table td{font-weight:300;padding-top:7px} .m-table.column table tbody th{padding-top:7px; padding-right: 1rem; min-width: 45px;vertical-align: top;} .m-table.column table table{margin:0} .m-table.column table table th,.m-table.column table table td{border:0} .m-table.column .stacktable{width:100%} .m-table.column .stacktable .st-head-row{padding-top:1em} .m-table.column .stacktable .st-head-row .st-head-row-main{font-size:1.5em;padding-top:0} .m-table.column .stacktable .st-head-row .st-key{width:49%;text-align:right;padding-right:1%} .m-table.column .stacktable .st-head-row .st-val{width:49%;padding-left:1%} .m-table.column .stacktable.large-only{display:table} @media only screen and (min-width:0) and (max-width:980px){.m-table.column .stacktable.large-only{display:none} } .m-table.column .stacktable.small-only{display:none} @media only screen and (min-width:0) and (max-width:980px){.m-table.column .stacktable.small-only{display:table} } .m-table.column .large-only.small-only{display:none !important} .m-table.column .table-schedule{table-layout:fixed;width:auto} .m-table.column .table-schedule th,.m-table.column .table-schedule td{height:65px;padding-top:10px;padding-bottom:10px;vertical-align:middle} .m-table.column .table-schedule th{width:50px} .m-table.column .lng-de,.m-table.column .lng-en{display:inline-block;width:33px;height:22px;text-indent:-99999px;vertical-align:middle;} .m-table.column .lng-de{background:url('../sprites/sprites.png') 0 -767px no-repeat} .m-table.column .lng-en{background:url('../sprites/sprites.png') 0 -809px no-repeat} .m-table.column .table-schedule td{width:65px;padding:0 15px;text-align:center} .m-table.column .table-schedule td a{display:block;padding:5px;vertical-align:middle;line-height:.75em;text-decoration:none} .m-table.column .table-schedule td a:hover{background:#cdd5da} .m-tabs.column { padding: 0; margin-top: 30px; border: 1px solid #edeff3; } .m-tabs.column .m-table.column,.m-tabs.column .m-tabs.column{padding:0} .m-tabs.column .m-table.column .ui-tabs-panel,.m-tabs.column .m-tabs.column .ui-tabs-panel{padding-top:0} .m-tabs.column .m-table.column .ui-tabs-panel .m-textbox>*:first-child,.m-tabs.column .m-tabs.column .ui-tabs-panel .m-textbox>*:first-child{margin-top:0} .m-tabs.column>ul{*zoom:1;background-color:#edeff3} .m-tabs.column>ul:before,.m-tabs.column>ul:after{content:" ";display:table} .m-tabs.column>ul:after{clear:both} .m-tabs.column>ul li{float:left; border-right: 1px solid #fff;} @media only screen and (max-width:750px){ .m-tabs.column>ul li{ float:none; border-right: none; border-top: 1px solid #fff; } .m-tabs.column>ul li:first-child{ border-top: none; } } .m-tabs.column>ul li.ui-state-active a{outline:0 none;background-color:#393e43;color:#fff} .m-tabs.column>ul li a{outline:0 none;display:block;padding:11px 18px 11px 18px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;color:#393e43;text-decoration:none} .m-tabs.column>ul li a:hover{background-color:#393e43;color:#fff} .m-tabs.column .ui-tabs-panel{ padding: 20px; } .m-tabs.column .ui-tabs-panel[id^='ui-id-']{ padding: 0; } .m-tabs.column .ui-tabs-panel .m-table.column table, /*.m-tabs.column .ui-tabs-panel .m-textbox h2*/{ margin-top: 0; } /* .m-tabs.column .ui-tabs-panel .m-textbox h2{ margin-bottom: 24px; }*/ /*@media only screen and (min-width:0) and (max-width:980px){.m-tabs.column .ui-tabs-nav{display:none} }*/ .m-tabs.column .accordion-tab{display:none;/*cursor:pointer;background-color:#edeff3;width:100%;padding-bottom:20px;padding-top:20px;text-align:center;overflow:hidden*/} /*@media only screen and (min-width:0) and (max-width:980px){.m-tabs.column .accordion-tab{display:block !important} }*/ .m-tabs.column .accordion-tab.active-state{outline:0 none;background-color:#393e43;color:#fff} .m-tabs.column .accordion-tab.active-state a{color:#fff;text-decoration:none} .m-tabs.column .accordion-tab a{text-decoration:none} .m-tabs.column .accordion-tab:hover{background-color:#393e43;color:#fff} .m-tabs.column .accordion-tab:hover a{color:#fff} .schedule {margin-top: 15px;margin-bottom: 25px} .schedule:last-child {margin-bottom: 15px} .schedule span {margin-right: 15px} .schedule a {margin-left: 48px;display: block} .sub-tabs li{padding:5px 0} .sub-tabs li a{position:relative;display:inline-block;width:90%;padding:11px 18px 11px 18px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;text-decoration:none;background:#edeff3} .sub-tabs li a:after{content:'';position:absolute;top:11px;right:20px;display:block;width:14px;height:18px;background:url('../sprites/sprites.png') 0 -76px no-repeat} .sub-tabs li.ui-state-hover>a,.sub-tabs li.ui-state-active>a{color:#fff;background:#393e43} .sub-tabs li.ui-state-hover>a:after,.sub-tabs li.ui-state-active>a:after{background:url('../sprites/sprites.png') 0 -38px no-repeat} .sub-tabs .ui-accordion-header{position:relative;display:inline-block;width:90%;padding:11px 18px 11px 18px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;text-decoration:none;background:#edeff3} .sub-tabs .ui-accordion-header:after{content:'';position:absolute;top:11px;right:20px;display:block;width:14px;height:18px;background:url('../sprites/sprites.png') 0 -76px no-repeat} .sub-tabs .ui-accordion-header.ui-state-active,.sub-tabs .ui-accordion-header.ui-state-active.ui-state-hover{color:#fff;background:#393e43} .sub-tabs .ui-accordion-header.ui-state-active:after,.sub-tabs .ui-accordion-header.ui-state-active.ui-state-hover:after{width:18px;height:14px;background:url('../sprites/sprites.png') 0 -190px no-repeat} .sub-tabs .ui-accordion-header.ui-state-hover{color:#fff;background:#393e43} .sub-tabs .ui-accordion-header.ui-state-hover:after{width:14px;height:18px;background:url('../sprites/sprites.png') 0 -38px no-repeat} .m-teaserbox{margin:0 -50px;padding:35px 50px} @media only screen and (min-width:0) and (max-width:650px){.m-teaserbox{padding:35px 20px;margin:0 -20px} } @media only screen and (min-width:651px) and (max-width:980px){.m-teaserbox{padding:35px 40px;margin:0 -50px} } .m-teaserbox.svg{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:640px 380px;background-position:bottom right;background-blend-mode:overlay} .m-teaserbox.svg-fallback{background-image:url("../layout/gradient-light-fallback.png");background-repeat:no-repeat;background-size:640px 380px;background-position:bottom right;background-blend-mode:overlay} .m-teaserbox:after{content:'';display:block;clear:both} .m-teaserbox .m-teaserbox-text{float:left;max-width:540px;width:40%} @media only screen and (min-width:0) and (max-width:650px){.m-teaserbox .m-teaserbox-text{width:100%;margin-top:20px} } .m-teaserbox .m-teaserbox-text h2{margin-top:-8px;margin-bottom:15px;font-family:'Exo 2',sans-serif;font-size:20px;line-height:34px} .m-teaserbox .m-teaserbox-text h2 a{text-decoration:none; font-weight:normal;} .m-teaserbox .m-teaserbox-text h2 a:hover{color:#393e43; text-decoration:underline;} .m-teaserbox.getriebe h2 a:hover,.m-teaserbox.elektronik h2 a:hover,.m-teaserbox.getriebemotoren h2 a:hover,.m-teaserbox.motoren h2 a:hover,.m-teaserbox.neutral-dunkel h2 a:hover{color:#fff} .m-teaserbox.neutral-dunkel .m-teaserbox-text h2 a{color:#fff;} .m-teaserbox.neutral-dunkel .m-teaserbox-text p {color:#fff;} .m-teaserbox .m-teaserbox-text a{text-decoration:none;} .m-teaserbox .m-teaserbox-text p{margin-bottom:20px;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;color:#393e43;} .m-teaserbox .m-teaserbox-image{float:left;max-width:540px;margin-right:50px;width:49%} @media only screen and (min-width:0) and (max-width:650px){.m-teaserbox .m-teaserbox-image{width:100%!important; margin-right:0;max-width:none} } @media only screen and (min-width:651px) and (max-width:980px){.m-teaserbox .m-teaserbox-image{margin-right:40px} } .m-dropdown { margin: 0 -50px; } .m-dropdown.bottom-border { border-bottom: 15px solid #f4f4f4; } .m-dropdown-head { overflow: hidden; position: relative; padding: 35px 85px 35px 50px; } .m-dropdown-head.svg { background-image:url("../layout/gradient-light-fallback.png"); background-repeat:no-repeat; background-size:640px 380px; background-position:bottom right; background-blend-mode:overlay; } .m-dropdown-head .m-dropdown-switch { font-size: 1.7rem; color: #807d7d; padding-top: 10px; position: absolute; top: 20px; right: 44px; } .m-dropdown-head .left { padding-right: 20px; } .m-dropdown-head .right { padding-left: 20px; } .m-dropdown-body { overflow: hidden; padding: 35px 50px 35px 50px; } .m-dropdown-body.svg { background-color: #ffffff; } .m-dropdown .m-dropdown-body.svg .m-textbox p, .m-dropdown .m-dropdown-body .m-youtube { margin-top: 15px; } .m-dropdown .m-dropdown-head .m-textbox h2, .m-dropdown .m-dropdown-body .m-textbox h2 { font-size: 20px; line-height: 40px; } @media only screen and (min-width:981px){ .m-dropdown .m-dropdown-head .m-textbox h2, .m-dropdown .m-dropdown-body .m-textbox h2 { margin: 0 0 15px 0; } } @media only screen and (min-width: 651px){ .m-dropdown .m-dropdown-body .column.gallery, .m-dropdown .m-dropdown-body .column.gallery + .column { width: 50%; } } @media only screen and (max-width:980px){ .m-dropdown-head .left { padding-right: 0px; } .m-dropdown-head .right { padding-left: 0px; } .m-dropdown .m-dropdown-head .m-textbox h2, .m-dropdown .m-dropdown-body .m-textbox h2 { margin: 15px 0 15px 0; } .m-dropdown .m-dropdown-head .m-youtube { margin-top: 15px; } } .m-textbox h2{margin:0 0 10px 0;font-family:'Exo 2',sans-serif;font-size:22px;line-height:46px;} .m-textbox h3{margin:25px 0 29px} .m-textbox a{text-decoration:none;} .m-textbox p{font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:300;line-height:26px;font-size:16px;line-height:26px} .m-textbox p.caption{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;font-size:14px;font-weight:300;margin-top:15px;margin-bottom:60px} .m-textbox p.headline{font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:500;line-height:18px;margin-bottom:18px} .m-textbox *+h4{margin-top:15px} .m-textbox p:not(.caption)+p,.m-textbox p+img{margin-top:25px} .m-textbox p.caption+p{margin-top:-35px} .m-textbox ul li{font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:300;line-height:26px;font-size:16px;margin-bottom:8px;padding-left:26px;position:relative} .m-textbox ul li:before{display:block;content:"";position:absolute;top:11px;left:0;background-color:#393e43;width:15px;height:5px} .m-textbox+.m-textbox{margin-top:20px} .m-textbox+.m-imagebox{margin-top:20px} .m-textbox+.column>.m-teaserbox{margin-top:20px} @media only screen and (min-width:981px){.m-textbox-text.left{padding-right:25px} } .m-youtube{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden} .m-youtube iframe,.m-youtube object,.m-youtube embed{position:absolute;top:0;left:0;width:100%;height:100%} .technical-characteristic .m-textbox h2{margin:20px 0 10px;word-break:break-all;font-size:16px;line-height:26px;font-weight:bold} @media only screen and (min-width:981px){.technical-characteristic .m-textbox h2{word-break:keep-all} } .technical-characteristic .m-textbox p{padding-right:20px} .technical-characteristic .m-imagebox p.caption{margin-bottom:0} .m-content-grid-50::after{display:block;content:"";float:none;clear:both;width:100%} .m-content-grid-3c::after{display:block;content:"";float:none;clear:both;width:100%} @media only screen and (min-width:651px){.m-content-grid-50 .left{margin-right:1%;width:49%} .m-content-grid-50 .right{margin-left:1%;width:49%} .m-content-grid-3c .left{margin-right:2%;width:31%} .m-content-grid-3c .middle{margin-left:1.5%;margin-right:1.5%;width:31%} .m-content-grid-3c .right{margin-left:2%;width:31%} } @media only screen and (min-width:651px){.m-content-grid-50 .large-6:nth-of-type(2n-1){margin-right:1%;width:49%} .m-content-grid-50 .large-6:nth-of-type(2n){margin-left:1%;width:49%} .m-content-grid-50 .large-6.m-productteaserbox:nth-of-type(2n-1),.m-content-grid-50 .large-6.m-youtube:nth-of-type(2n-1),.m-content-grid-50 .large-6.m-productteaserbox:nth-of-type(2n),.m-content-grid-50 .large-6.m-youtube:nth-of-type(2n){margin:0;width:50%} } html,body{width:100%;height:100%;margin:0;font-family:'Calibri','Roboto',sans-serif;font-size:16px;font-weight:300;line-height:18px;color:#393e43;background:#d8d7d9} .page{background:#fff;position:relative;overflow:hidden} @media only screen and (min-width:1111px){.page{padding-top:130px} } ul,li{margin:0;padding:0} strong{font-weight:bold;line-height:inherit} .m-header.row,.m-footer.row,.m-languageselection>div{padding-right:20px;padding-left:20px} @media only screen and (min-width:651px){.m-header.row,.m-footer.row,.m-languageselection>div{padding-right:40px;padding-left:40px} } @media only screen and (min-width:981px){.m-header.row,.m-footer.row,.m-languageselection>div{padding-right:50px;padding-left:50px} } .uppercase{text-transform:uppercase} .columns,.column{padding:0} .content-padding{clear:both;padding:0 20px} @media only screen and (min-width:651px){.content-padding{padding:0 40px} } @media only screen and (min-width:981px){.content-padding{padding:0 50px} } .content-padding>*:first-child:not(.column,.m-youtube){padding-top:35px} .content-padding>*:last-child:not(.column,.m-youtube){padding-bottom:35px} .content-padding.full-width{padding:0} .content-padding .m-youtube{padding-bottom:56.25%;padding-top:30px} h1,h1.s1{margin:10px 0 0 0;font-size:22px} @media only screen and (min-width:0) and (max-width:650px){h1,h1.s1{margin:40px 0 40px} } em,i{font-style:italic} .m-productstage-container+.m-contactteaserbox{margin-top:50px} .m-tabs+.m-productstage-container{margin-top:-15px} .pop h1,.pop h2,.pop h3,.pop h4,.pop h5,.pop h6,.pdp h1,.pdp h2,.pdp h3,.pdp h4,.pdp h5,.pdp h6{clear:both;float:none} .pop-level3 h1 {margin-bottom: 20px} .dev-headline{margin:0 50px 50px} .dev-headline a{margin:0 0 0 25px;text-decoration:none;font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:500;line-height:26px} .dev-headline a:before{content:'< '} .dev-headline a:hover{text-decoration:underline} .dev-overview li{margin:10px 0} /*----- SHE -----*/ .m-languageselection2{position:absolute;top:0;left:0;right:0;z-index:999;font-family:'Calibri','Roboto',sans-serif;font-size:20px;font-weight:300;line-height:26px;background:#fff;height:70px;} .m-languageselection2 div{padding:24px 0 20px} .m-languageselection2 div:after{content:'';display:block;clear:both} .m-languageselection2 ul li{margin:0 0 18px 0} .m-languageselection2 ul li{position:relative;padding-left:1.5625em;padding-right:1.5625em;float:left} .m-languageselection2 ul a{text-decoration:none;color:#393e43} .m-languageselection2 ul a:hover{color:#0072bc} .m-header.row,.m-footer.row,.m-languageselection2>div{padding-right:20px;padding-left:20px} @media only screen and (min-width:651px){.m-header.row,.m-footer.row,.m-languageselection2>div{padding-right:40px;padding-left:40px} } @media only screen and (min-width:981px){.m-header.row,.m-footer.row,.m-languageselection2>div{padding-right:50px;padding-left:50px} } .landingpage.page {padding-top: 70px;} /* Gallery */ .gallery .m-imagebox{max-width: 100%} .column.gallery {padding: 0 5%} @media only screen and (min-width:651px){.column.gallery{width: 100%;padding-left:0}.column.gallery + .column{width: 85%; float:right} } #m-imagebox-wrapper p {padding: 10px 0 15px;} .slick-container a,.portrait a {display: block;height: 90px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;margin-right: 5px; /*border: 5px solid #fff;*/} .portrait a { height: 200px} @media only screen and (min-width:481px){ .slick-container a {height: 120px;} .portrait a {height: 240px;} } @media only screen and (min-width:651px){ .portrait a {height: 220px;} } @media only screen and (min-width:1025px){ .portrait a {height: 350px;} } .slick-container a img,.portrait a img {display: none;} .m-tabs .gallery {margin: 0 auto;float: none} .embed-container {position: relative; padding-bottom: 56.25%; /* ratio 16x9 */ height: 0; overflow: hidden; width: 100%; height: auto} .embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%} template {display: none !important} .tooltip-info{width:16px;height:16px;display:inline-block;background:url(../layout/info_icon.svg) 0 0 no-repeat;background-size:cover} #responsive-table.two_col th {width: 50%} /* Menu and Breadrumb */ @media only screen and (min-width:1111px){ #breadcrumb-container.sticky .m_breadcrumb ul,#breadcrumb-container.sticky .m_breadcrumb ul li:after{top:3px} #breadcrumb-container.sticky{position:fixed;z-index:1;width:100%;margin:0 auto;max-width:80em} #breadcrumb-container.sticky+.column{margin-top:50px} #breadcrumb-container .m_breadcrumb,#breadcrumb-container .m_breadcrumb h2,#breadcrumb-container .m_breadcrumb ul{transition:all .4s ease} #breadcrumb-container.sticky .m_breadcrumb .title{margin:0 50px 0 0;text-indent:-500px;width:0;height:1px} #breadcrumb-container.sticky .m_breadcrumb .title span{visibility:hidden} } /* tablesorter */ table.tablesorter thead tr .header {cursor: pointer} table.tablesorter thead tr .header span {background-image: url(../layout/vendor/table_bg.png);background-repeat: no-repeat;background-position: right 7px;padding-right: 26px} table.tablesorter thead tr .headerSortUp span {background-image: url(../layout/vendor/table_asc.png)} table.tablesorter thead tr .headerSortDown span {background-image: url(../layout/vendor/table_desc.png)} /* Kontakt-Teaser */ .m-contactteaserbox.small { margin: 1.5625em; padding: 0; } @media only screen and (min-width: 651px) { .m-contactteaserbox.small { margin: 0 -1.5625em; padding: 0 40px; min-height: 280px; } } @media only screen and (min-width:981px) { .m-contactteaserbox.small { padding: 30px 50px; min-height: 290px; } } .m-contactteaserbox.small m-contactteaserbox-content { margin: 0; padding: 0; } .m-contactteaserbox.small .m-contactteaserbox-contactinfo, .m-contactteaserbox.small .m-contactteaserbox-contactinfo span.contact-block-2 { font-size: 15px; line-height: 20px; padding: 0; margin: 0; } .m-contactteaserbox.small .m-contactteaserbox-contactinfo span.contact-block-2 { margin-bottom: 22px; } .m-contactteaserbox.small strong img { width: auto; height: 25px; margin-right: 8px; } .m-contactteaserbox.small .m-contactteaserbox-contactinfo span strong { margin-bottom: 6px; } .m-contactteaserbox.small .button-email { margin-right: 40px; font-size: 16px; font-weight: 500; padding-left: 55px; } .m-contactteaserbox.small .button { line-height: 35px; } .m-contactteaserbox-dummy { display: none; } @media only screen and (min-width:981px) { .m-contactteaserbox-dummy { display: block; } } /* Hyphenation */ @media only screen and (max-width:980px) { h1, h2 {overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto} } .back-to-top { background-image: url('../sprites/to_top.png'); background-color: rgba(1, 0, 0, 0.2); background-position: right top; background-repeat: no-repeat; bottom: 26px; height: 57px; padding: 1em; position: fixed; right: 20px; width: 58px; } .m-newsoverview { margin-top: 20px; } .newsdetail-container p { padding-right: 30px; } .newsdetail-container { width:100% } A.link.underline { text-decoration: underline; } table.stacktable tr .tooltip { display: none; } table.stacktable sup { vertical-align: super; font-size: smaller; } table.stacktable sub { vertical-align: sub; font-size: smaller; } .cookies { background-color: #393e43; z-index: 99999998; position: fixed; bottom: 0; width: 100%; color: white; } .cookies .content-padding { margin: 15px 0; display: inline-block; width:100%; } .cookies .content-padding span { display: inline-block; } .cookies .content-padding i { display: flex; border: 1px solid #fff; height: 35px; width: 35px; color: white; } .cookies .content-padding i:after { content: 'X'; width: 100%; display: flex; justify-content: center; align-items: center; } .cookies .content-padding button { padding: 0; border: 0; background-color: transparent; margin-left: 5px; } .cookies .content-padding .right { display: flex; align-items: center; flex-direction: row-reverse; } .cookies .content-padding .large-9.column { margin-bottom:10px; } .cookies a { color: #0072bc; } .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:10px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} .tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#393e43;font-size:13px;}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('../layout/vendor/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('vendor/fonts/slick.eot'); src: url('vendor/fonts/slick.eot?#iefix') format('embedded-opentype'), url('vendor/fonts/slick.woff') format('woff'), url('vendor/fonts/slick.ttf') format('truetype'), url('vendor/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "\2190"; } [dir='rtl'] .slick-prev:before { content: "\2192"; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "\2192"; } [dir='rtl'] .slick-next:before { content: "\2190"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../layout/vendor/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../layout/vendor/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../layout/vendor/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../layout/vendor/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../layout/vendor/fancybox_sprite-2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(../layout/vendor/fancybox_loading-2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* she */ /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: block; position: relative; cursor: default; z-index: 500; } /* Menu List */ .nav > li { display: block; float: left; } /* Menu Links */ .nav > li > a { position: relative; display: block; z-index: 510; height: 54px; padding: 0 20px; line-height: 54px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; z-index:1;white-space:normal;color:#cdd5da;padding:10px 10px; position:relative; white-space:normal;display:block;font-size:19px;text-decoration:none;margin-top:-3px;margin-bottom:7px;font-family:'Exo 2', sans-serif;font-size:22px;line-height:25px } .nav > li:first-child > a { border-radius: 3px 0 0 3px; border-left: none; } .nav > li.has-subfolders:hover > a::before { content: ''; display: inline-block; position: absolute; top: 39px; left: -webkit-calc(50% - 25px); left: -moz-calc(50% - 25px); left: calc(50% - 25px); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #393E43; } /* Menu Dropdown */ .nav > li > div { position: absolute; display: block; width: -webkit-calc(100% + 50px); width: -moz-calc(100% + 50px); width: calc(100% + 50px); top: 49px; left: -50px; opacity: 0; visibility: hidden; overflow: hidden; background-color: #393E43; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; } .nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; } .nav > li > div::after { content:''; position: absolute; display: block; -webkit-box-shadow: 0px 13px 21px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 13px 21px -10px rgba(0,0,0,0.75); box-shadow: 0px 13px 21px -10px rgba(0,0,0,0.75); width: 100%; height: 150px; bottom: 0; left: 0; z-index: -1; } .nav-cols-1 .nav-col { width: 100%; } .nav-cols-2 .nav-col { width: -webkit-calc(100%/2); width: -moz-calc(100%/2); width: calc(100%/2); } .nav-cols-3 .nav-col { width: -webkit-calc(100%/3); width: -moz-calc(100%/3); width: calc(100%/3); } .nav-cols-3 .nav-col:last-child { width: -webkit-calc(100%/3 - 1px); /* IE Fix */ width: -moz-calc(100%/3 - 1px); /* IE Fix */ width: calc(100%/3 - 1px); /* IE Fix */ } .nav-cols-4 .nav-col { width: -webkit-calc(100%/4); width: -moz-calc(100%/4); width: calc(100%/4); } .nav-cols-5 .nav-col { width: -webkit-calc(100%/5); width: -moz-calc(100%/5); width: calc(100%/5); } .nav-cols-6 .nav-col { width: -webkit-calc(100%/6); width: -moz-calc(100%/6); width: calc(100%/6); } /* Menu Content Styles */ .nav .nav-col { float: left; padding: 0 15px 20px; } .nav .nav-col p.headline { margin: 20px 0 0 0; line-height: 1.5em; font-weight: normal; } .nav .nav-col p.headline a{ font-size: 18px; } .nav .nav-col p.headline.orange { color: #ff722b; } .nav .nav-col li a { display: block; line-height: 1.5em; } .menu-wrapper li .subnav{display:none;background-color:#393e43;left:-50px;right:-50px;position:absolute;padding:30px 50px;margin-top:6px} .menu-wrapper li .subnav li{float:left;padding-left:10px} .menu-wrapper li .subnav a{font-size:16px;line-height:16px} .menu-wrapper li .subnav a:after{content:none} .menu-wrapper li .subnav a:hover{color:#7e7e7e} .menu-wrapper li li:hover{background-color:unset;} .menu-wrapper li li:hover a{color:#fff} .menu-wrapper li li:hover .subnav{display:block !important} /*.menu-wrapper li .nav-getriebe a:hover, .core-menu li .nav-getriebe > a:hover{color:#a3a62c}*/ .menu-wrapper li .nav-getriebe a:after, .core-menu li .nav-getriebe > a:after{background:#a3a62c} .menu-wrapper li.nav-getriebe a.hassubnav:after{background:#a3a62c} .menu-wrapper li .nav-getriebe a span:after{border-color: #a3a62c} /*.menu-wrapper li .nav-getriebemotoren a:hover, .core-menu li .nav-getriebemotoren > a:hover{color:#98669f}*/ .menu-wrapper li .nav-getriebemotoren a:after, .core-menu li .nav-getriebemotoren > a:after{background:#98669f} .menu-wrapper li.nav-getriebemotoren a.has-subnav:after{background:#98669f} .menu-wrapper li .nav-getriebemotoren a span:after{border-color: #98669f} /*.menu-wrapper li .nav-motoren a:hover, .core-menu li .nav-motoren > a:hover{color:#83afd6}*/ .menu-wrapper li .nav-motoren a:after, .core-menu li .nav-motoren > a:after{background:#83afd6} .menu-wrapper li.nav-motoren a.has.subnav:after{background:#83afd6} .menu-wrapper li .nav-motoren a span:after{border-color: #83afd6} /*.menu-wrapper li .nav-elektronik a:hover, .core-menu li .nav-elektronik > a:hover{color:#1ca19c}*/ .menu-wrapper li .nav-elektronik a:after, .core-menu li .nav-elektronik > a:after{background:#1ca19c} .menu-wrapper li.nav-elektronik a.has.subnav:after{background:#1ca19c} .menu-wrapper li .nav-elektronik a span:after{border-color: #1ca19c} /*.menu-wrapper li .nav-services a:hover, .core-menu li .nav-services a:hover{color:#cdd5da}*/ .menu-wrapper li .nav-services a:after /*.core-menu-wrapper li .nav-services a:after*/{background:#cdd5da} .menu-wrapper li.nav-services a.has-subnav:after{background:#cdd5da} .menu-wrapper li.nav-services div a span:after{border-color: #cdd5da} /*.menu-wrapper li .nav-unternehmen a:hover, .core-menu li .nav-unternehmen a:hover{color:#cdd5da}*/ .menu-wrapper li .nav-unternehmen a:after /*.core-menu li .nav-unternehmen a:after*/{background:#cdd5da} .menu-wrapper li.nav-unternehmen a.has-subnav:after{background:#cdd5da} .menu-wrapper li.nav-unternehmen div a span:after{border-color: #cdd5da} /*.menu-wrapper li .nav-kontakt a:hover, .core-menu li .nav-kontakt a:hover{color:#cdd5da}*/ .menu-wrapper li .nav-kontakt a:after, /*.core-menu li .nav-kontakt a:after*/{background:#cdd5da} .menu-wrapper li.nav-kontakt a.has-subnav:after{background:#cdd5da} .menu-wrapper li.nav-kontakt div a span:after{border-color: #cdd5da} #mobile-menu{display:block;position:absolute;top:35px;right:0;cursor:pointer;height:50px;width:60px} @media only screen and (min-width:1111px){#mobile-menu, .core-menu{display:none} } #mobile-menu:before{content:"";width:37px;margin-left:23px;height:4px;display:block;cursor:pointer;background:#393e43;box-shadow:0 12px 0 0 #393e43,0 24px 0 0 #393e43} #mobile-menu.active:before{background:#2980b9;box-shadow:0 12px 0 0 #2980b9,0 24px 0 0 #2980b9} .menu-wrapper{position:absolute;width:auto;right:-20px;left:-20px;bottom:auto;top:110px;padding-top:0; /*clear:both;*/ font-size:0;list-style-type:none;background-color:#393e43} @media only screen and (min-width:651px){.menu-wrapper{width:50%;right:-40px;left:auto} } @media only screen and (min-width:1111px){.menu-wrapper{width:auto;background-color:transparent;padding-top:1px;position:static;right:auto;left:auto;display:block} } .menu-wrapper.hidden{display:none} .menu-wrapper li a{ z-index:1; white-space:normal; color:#cdd5da; padding: 8px 10px; position:relative; white-space:normal; display:block; font-size:19px; text-decoration:none; margin-top:-3px; margin-bottom:7px; font-family:'Exo 2',sans-serif; font-size:22px; line-height:25px } .menu-wrapper li ul li a { white-space: unset; font-size: 14px; } @media only screen and (min-width:1111px){ .menu-wrapper li a{ padding-left:0; padding-right:33px; margin-top:0; margin-bottom:0; color:#393e43; } .menu-wrapper li div a{ color:#fff; } .menu-wrapper li div a span{ position: relative; } .menu-wrapper li div a span:after{ content: ''; border-bottom-width: 4px; border-bottom-style: solid; position: absolute; width: 20px; bottom: -3px; left: 0; } .menu-wrapper li div a:hover span:after{ width: 100%; } .menu-wrapper li div li > a:hover { text-decoration: underline; } } .menu-wrapper li a:after{ /*content:'';position:absolute;bottom:8px;display:block;width:25px;height:4px*/ content: none; } .menu-wrapper>li:last-child::after{ position:relative;content:"";width:100%;height:50px;border-top:1px solid #5c6266;background-color:#393e43;display:block } @media only screen and (min-width:1111px){ .menu-wrapper>li:last-child::after{content:none} } .menu-wrapper .subnav{ padding:0;left:180px;max-height:400px;overflow:scroll;width:250px;top:0 } .menu-wrapper .subnav-icon{ display:block;height:18px;margin-top:6px;width:14px;position:absolute;right:10px;top:7px;background:url('../sprites/sprites.png') 0 -38px no-repeat } @media only screen and (min-width:1111px){ .menu-wrapper .subnav-icon{display:none} } /* burgermenu */ ul.nav-icon { display: inline-block; width: 100%; } ul.nav-icon li { border: none; display: inline-block !important; float: left; margin: 0 15px; padding: 10px; width: 60px; } ul.nav-icon li a{ text-indent: -119988px; } .m-header.row, .m-languageselection > div { padding-right: 0px; } .main-menu { display:block; position:relative; } .container-menu { width:80%; margin:0 auto; } .main-menu:before,.main-menu:after{ display: table; line-height: 0; content: ""; } .core-menu { font:normal normal normal 1em/1 Roboto, sans-serif; overflow:hidden; } .core-menu::after { content:''; position: absolute; display: block; -webkit-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.75); box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.75); width: 120%; height: 150px; bottom: 50px; left: -30px; z-index: -1; } .core-menu li { list-style:none; display:inline-block; cursor:pointer; border-bottom: 1px solid #5c6266; } .core-menu li:first-child{ border-top: 1px solid #5c6266; } .core-menu li a { display:inline-block; padding:1em; z-index: 1; white-space: normal; color: #cdd5da; padding: 10px 20px; position: relative; display: block; font-size: 19px; text-decoration: none; margin-top: -3px; margin-bottom: 7px; font-family: 'Exo 2',sans-serif; font-size: 20px; line-height: 23px; } .core-menu ul.dropdown > li > a::after { content: ''; position: absolute; bottom: 4px; display: block; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height: 4px; } .core-menu ul.dropdown li:last-child { border-bottom: none; } .core-menu li a:hover { /* background:#38a201;*/ } .toggle:before { content:"\f107"; font:normal normal normal 16px/1 FontAwesome; color: #cdd5da; } .toggle-on:before, .toggle-sub-on:before { content:"\f106"; font:normal normal normal 16px/1 FontAwesome; color: #cdd5da; } li span.toggle, li span.toggle-on, li span.toggle-sub, li span.toggle-sub-on { padding: 10px 15px 10px; float: right; } .dropdown { position:absolute; width:230px; background:#1a1a1a; text-align:left; display:none; padding: 0 0 0 20px; } .dropdown li { display:block; } .dropdown li a { display: block; font-size: 17px; } .dropdown2 { position:absolute; width:230px; text-align:left; display:none; right:-100%; top:0; padding: 0 0 0 20px; } .dropdown2 li { display:block; border: none; } .dropdown2 li a { display:block; padding: 5px 20px; } .dropdown3 { display: none; } li span.toggle2 { position:absolute; right:0; margin-right:20px; } .toggle2:before { content:"\f105"; font:normal normal normal 16px/1 FontAwesome; } .hamburger-menu { padding:1em; display:none; font:normal normal normal 16px/1 Roboto; text-transform:uppercase; } @media (max-width:1110px) { .main-menu { height:50px; } .container-menu { width:100%; } .navigation { float:left; display:block; width:100%; } .core-menu { /*float:right;*/ width:-webkit-calc(100% + 50px); width:-moz-calc(100% + 50px); width:calc(100% + 50px); margin:auto; display:none; position: absolute; top: 86px; left: -50px; padding-bottom: 50px; } .core-menu li { width:100%; display:block; background: #393E43; } .core-menu li a{ display: inline-block; margin:auto; color: #cdd5da; } .hamburger-menu { display:block; text-align:center; padding-right:60px; float:none; width:100%; } .burger-1, .burger-2, .burger-3 { display:block; position:absolute; width:40px; height:4px; right:0; margin-right:25px; border-radius: 5px; background:#006AB3; -webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; } .burger-1 { top:15px; } .burger-2 { top:27px; } .burger-3 { top:39px; } .burger-1.open, .burger-2.open, .burger-3.open { -webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; transform-origin:50% 50%; background: #006AB3; } .burger-1.open { top:25px; width: 40px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); } .burger-2.open { opacity:0; } .burger-3.open { top:25px; width: 40px; transform:rotate(-45deg); } .dropdown { width:100%; background:#393E43; position:relative; padding: 0 0 0 20px; } .dropdown2 { right:0; top:0; width:100%; position:relative; padding: 0 0 0 20px; } } @media (max-width:980px) { .core-menu { width:-webkit-calc(100% + 40px); width:-moz-calc(100% + 40px); width:calc(100% + 40px); left: -40px; } } @media (max-width:650px) { .core-menu { width:-webkit-calc(100% + 20px); width:-moz-calc(100% + 20px); width:calc(100% + 20px); left: -20px; } } .rborder { border-right: 1px solid rgba(153, 153, 153, 0.26); } .popup { width: 100%; height: 100%; position: fixed; z-index: 99999; align-items: center; justify-content: center; top: 50%; left: 0; transform: translate(0, -50%); overflow: auto; display: none; background: rgba(0, 0, 0, 0.31); } .popup-content { width: 400px; min-height: 200px; background: #ffffff; position: relative; } .popup .popup-content p { color: #393e43; } .popup .popup-text { padding: 0 20px 20px 20px; position: relative; } .popup .popup-text p:last-child { margin-top: 1em; } .popup .popup-header, .vue-dialog .dialog-c-title { background-image: url("../layout/popup_image.jpg"); height: 38px; background-size: cover; padding: 10px 0 0 20px; color: #ffffff; } .popup .popup-button { position: absolute; bottom: 0; width: 100%; display: inline-block; border-top: 1px solid rgba(153, 153, 153, 0.26); } .popup .popup-button span { width: 49%; display: inline-block; text-align: center; height: 2em; padding: 0.4em; box-sizing: border-box; } .popup .popup-button a span { text-decoration: none; } .popup .popup-button a span i { margin-right: 3px; } .popup .popup-button a:hover span { color: #393e43; } .m-productteaserbox.column a { text-decoration:none; } .m-productteaserbox.column a .m-productteaserbox-text h2 { text-decoration:none; color:#ffffff; font-weight:normal; } .m-productteaserbox.column a:hover .m-productteaserbox-text h2 { text-decoration:underline; color:#ffffff; } .news-overview .news { padding: 35px 50px; margin: 0 -50px; float: left; width: 100%; box-sizing: content-box; } .news-overview .news img { margin-bottom: 15px; } .news-overview .news__date { margin-bottom: 15px; display: block; } .news-overview .news__topic { margin-top: -8px; margin-bottom: 15px; font-family: 'Exo 2',sans-serif; font-size: 20px; line-height: 34px; } .news-overview a { text-decoration: none; } .news-overview .news .news__description { margin-bottom: 20px; font-family: 'Calibri','Roboto',sans-serif; font-size: 16px; font-weight: 300; line-height: 18px; color: #393e43; } .news-overview .news.neutral-dunkel .news__description, .news-overview .news.neutral-dunkel .news__description p { color: #ffffff; } .news-overview .news a.button, .blog-overview .m-teaserbox-text a.button { line-height: 50px; } .blog-overview .m-teaserbox .m-teaserbox-image { width: 49%; }