body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* SyntaxHighlighter 3.0.83, (c) 2004-2010 Alex Gorbatchev, http://alexgorbatchev.com/SyntaxHighlighter */ .syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0 !important;background:none !important;border:0 !important;bottom:auto !important;float:none !important;height:auto !important;left:auto !important;line-height:1.1em !important;margin:0 !important;outline:0 !important;overflow:visible !important;padding:0 !important;position:static !important;right:auto !important;text-align:left !important;top:auto !important;vertical-align:baseline !important;width:auto !important;box-sizing:content-box !important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:1em !important;min-height:inherit !important;min-height:auto !important}.syntaxhighlighter{width:100% !important;margin:1em 0 1em 0 !important;position:relative !important;overflow:auto !important;font-size:1em !important}.syntaxhighlighter.source{overflow:hidden !important}.syntaxhighlighter .bold{font-weight:bold !important}.syntaxhighlighter .italic{font-style:italic !important}.syntaxhighlighter .line{white-space:pre !important}.syntaxhighlighter table{width:100% !important}.syntaxhighlighter table caption{text-align:left !important;padding:.5em 0 .5em 1em !important}.syntaxhighlighter table td.code{width:100% !important}.syntaxhighlighter table td.code .container{position:relative !important}.syntaxhighlighter table td.code .container textarea{box-sizing:border-box !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;border:none !important;background:white !important;padding-left:1em !important;overflow:hidden !important;white-space:pre !important}.syntaxhighlighter table td.gutter .line{text-align:right !important;padding:0 .5em 0 1em !important}.syntaxhighlighter table td.code .line{padding:0 1em !important}.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0 !important}.syntaxhighlighter.show{display:block !important}.syntaxhighlighter.collapsed table{display:none !important}.syntaxhighlighter.collapsed .toolbar{padding:.1em .8em 0 .8em !important;font-size:1em !important;position:static !important;width:auto !important;height:auto !important}.syntaxhighlighter.collapsed .toolbar span{display:inline !important;margin-right:1em !important}.syntaxhighlighter.collapsed .toolbar span a{padding:0 !important;display:none !important}.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline !important}.syntaxhighlighter .toolbar{position:absolute !important;right:1px !important;top:1px !important;width:11px !important;height:11px !important;font-size:10px !important;z-index:10 !important}.syntaxhighlighter .toolbar span.title{display:inline !important}.syntaxhighlighter .toolbar a{display:block !important;text-align:center !important;text-decoration:none !important;padding-top:1px !important}.syntaxhighlighter .toolbar a.expandSource{display:none !important}.syntaxhighlighter.ie{font-size:.9em !important;padding:1px 0 1px 0 !important}.syntaxhighlighter.ie .toolbar{line-height:8px !important}.syntaxhighlighter.ie .toolbar a{padding-top:0 !important}.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none !important}.syntaxhighlighter.printing .line .number{color:#bbb !important}.syntaxhighlighter.printing .line .content{color:black !important}.syntaxhighlighter.printing .toolbar{display:none !important}.syntaxhighlighter.printing a{text-decoration:none !important}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black !important}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important}.syntaxhighlighter.printing .keyword{color:#069 !important;font-weight:bold !important}.syntaxhighlighter.printing .preprocessor{color:gray !important}.syntaxhighlighter.printing .variable{color:#a70 !important}.syntaxhighlighter.printing .value{color:#090 !important}.syntaxhighlighter.printing .functions{color:#ff1493 !important}.syntaxhighlighter.printing .constants{color:#06c !important}.syntaxhighlighter.printing .script{font-weight:bold !important}.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray !important}.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493 !important}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important}.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black !important}.syntaxhighlighter{margin:0 !important;background-color:#eee !important}.syntaxhighlighter .line{line-height:1.25 !important}.syntaxhighlighter .line.alt1{background-color:#fff !important}.syntaxhighlighter .line.alt2{background-color:#fcfcfc !important}.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#ffc !important}.syntaxhighlighter .line.highlighted.number{color:black !important}.syntaxhighlighter table caption{color:black !important}.syntaxhighlighter .gutter{color:#afafaf !important}.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c !important}.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c !important;color:white !important}.syntaxhighlighter.printing .line .content{border:none !important}.syntaxhighlighter.collapsed{overflow:visible !important}.syntaxhighlighter.collapsed .toolbar{color:blue !important;background:white !important;border:1px solid #6ce26c !important}.syntaxhighlighter.collapsed .toolbar a{color:blue !important}.syntaxhighlighter.collapsed .toolbar a:hover{color:red !important}.syntaxhighlighter .toolbar{color:white !important;background:#6ce26c !important;border:none !important}.syntaxhighlighter .toolbar a{color:white !important}.syntaxhighlighter .toolbar a:hover{color:black !important}.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:#000 !important}.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#808080 !important}.syntaxhighlighter .string,.syntaxhighlighter .string a{color:#008200 !important}.syntaxhighlighter .keyword{color:#069 !important}.syntaxhighlighter .preprocessor{color:gray !important}.syntaxhighlighter .variable{color:#700 !important}.syntaxhighlighter .value{color:#090 !important}.syntaxhighlighter .functions{color:#000 !important}.syntaxhighlighter .constants{color:#069 !important}.syntaxhighlighter .script{font-weight:bold !important;color:#069 !important;background-color:none !important}.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:#808080 !important}.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#909 !important}.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:#909 !important}.syntaxhighlighter .keyword{font-weight:bold !important} /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(../../assets/jquery/mediaelement/2.21.2/images/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/controls.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/skipback.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff} @charset "utf-8"; /*------------------------------------*\ Parts \*------------------------------------*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*------------------------------------*\ Contao Layout builder \*------------------------------------*/ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.image_container.float_left{float:left}.image_container.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /*------------------------------------*\ Icon font(s) \*------------------------------------*/ @font-face { font-family: 'FontAwesome'; src: url('../../files/theme/assets/FontAwesome/fontawesome-webfont.eot?v=4.6.1'); src: url('../../files/theme/assets/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../../files/theme/assets/FontAwesome/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../../files/theme/assets/FontAwesome/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../../files/theme/assets/FontAwesome/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../../files/theme/assets/FontAwesome/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('../../files/theme/fonts/icomoon.eot?qgw4v02'); src: url('../../files/theme/fonts/icomoon.eot?qgw4v02#iefix') format('embedded-opentype'), url('../../files/theme/fonts/icomoon.woff2?qgw4v02') format('woff2'), url('../../files/theme/fonts/icomoon.ttf?qgw4v02') format('truetype'), url('../../files/theme/fonts/icomoon.woff?qgw4v02') format('woff'), url('../../files/theme/fonts/icomoon.svg?qgw4v02#icomoon') format('svg'); font-weight: normal; font-style: normal; } /*------------------------------------*\ Mixins \*------------------------------------*/ .none { display: none; } /* CSS styles for IE Alert plugin */ /* Overlay Background */ #ie-alert-overlay { width:100%; height:100%; background-image:url(../../files/theme/assets/iealert/bg.png); background-repeat: repeat; position: fixed; top: 0; left: 0; z-index: 999999; } /* Modal Box */ #ie-alert-panel { width: 600px; height:auto; top:200px; left:50%; position: fixed; z-index:1000001; margin:0 0 0 -300px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .ie-p { font-size: 15px; color: #565656; line-height: 1.6em; text-align:left } #ie-alert-panel a { text-decoration: none; } .ie-span { font-size: 18px; color: #464646; display: block; font-weight: bold; line-height: 1.6em; margin:0 0 15px 0; } /* sprites */ .ie-r-b-c, .ie-r-t-c, .ie-l-t-c, .ie-l-b-c { background: url(../../files/theme/assets/iealert/iesprites.png) no-repeat; } /* left */ .ie-l-t-c { width: 47px; height: 47px; background-position: -18px -9px ; float: left; } .ie-l { height: 100%; width: 47px; float: left; clear: both; background: url(../../files/theme/assets/iealert/left.png); } /* bottom */ .ie-l-b-c { width: 47px; height: 46px; background-position: -17px -66px; float: left; clear: both; } .ie-b { height: 46px; width: 506px; float: left; background: url(../../files/theme/assets/iealert/bottom.png); } /* right */ .ie-r-t-c { width: 47px; height: 47px; background-position: -83px -10px; float: right; cursor: pointer; } .ie-r-t-c:hover { background-position: -143px -9px ; } .ie-r { height: 100%; width: 47px; float: right; background: url(../../files/theme/assets/iealert/right.png); } /* center */ .ie-c { width: 506px; height: 100%; background: #f6f6f6; float: left; } .ie-r-b-c { width: 47px; height: 46px; background-position: -83px -65px ; float: right; } /* top */ .ie-t { height: 47px; width: 506px; float: left; background: url(../../files/theme/assets/iealert/top.png); } /* update button */ .ie-u { width: auto; height: 43px; margin: 30px auto 0 -66px; position: relative; left:50%; } .ie-u-l { width: 14px; height: 43px; background:url(../../files/theme/assets/iealert/u-left.png); float: left; } .ie-u-c { width: auto; height: 33px; background:url(../../files/theme/assets/iealert/u-center.png); float: left; padding: 11px 0 0 0; cursor: pointer; } .ie-u-s { margin: 5px 25px 5px 25px; color: #fff; font-size: 14px; font-weight: bold; line-height:1.3em; } .ie-u-r { width: 14px; height: 43px; background:url(../../files/theme/assets/iealert/u-right.png); float: left; } /* images for IE6 */ #ie-alert-panel.ie6-style .ie-r-b-c{ background: url(../../files/theme/assets/iealert/6_r_b_c.png) no-repeat; } #ie-alert-panel.ie6-style .ie-r-t-c{ background: url(../../files/theme/assets/iealert/6_r_t_c.png) no-repeat; } #ie-alert-panel.ie6-style .ie-r-t-c:hover{ background: url(../../files/theme/assets/iealert/6_r_t_c_h.png) no-repeat; } #ie-alert-panel.ie6-style .ie-l-t-c{ background: url(../../files/theme/assets/iealert/6_l_t_c.png) no-repeat; } #ie-alert-panel.ie6-style .ie-l-b-c{ background: url(../../files/theme/assets/iealert/6_l_b_c.png) no-repeat; } #ie-alert-panel.ie6-style .ie-l { background: url(../../files/theme/assets/iealert/6_left.png); } #ie-alert-panel.ie6-style .ie-r { background: url(../../files/theme/assets/iealert/6_right.png); } #ie-alert-panel.ie6-style .ie-b { background: url(../../files/theme/assets/iealert/6_bottom.png); } #ie-alert-panel.ie6-style .ie-t { background: url(../../files/theme/assets/iealert/6_top.png); } /*------------------------------------*\ Fancybox \*------------------------------------*/ /*! 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; 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('../../files/theme/assets/fancybox/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('../../files/theme/assets/fancybox/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('../../files/theme/css/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; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !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('../../files/theme/assets/fancybox/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('../../files/theme/assets/fancybox/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('../../files/theme/assets/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*------------------------------------*\ FancyBox buttons \*------------------------------------*/ #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('../../files/theme/assets/fancybox/fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } /*------------------------------------*\ Common definitions \*------------------------------------*/ *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } *:before, *:after { speak: none; } /*------------------------------------*\ Eliminate "touch" side effects \*------------------------------------*/ * { outline: 0; -webkit-user-select: text; -moz-user-select: -moz-text; -ms-user-select: text; -o-user-select: text; user-select: text; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; font-family: 'Pragati Narrow', sans-serif; } *::selection { background-color: #e9e9e9; } *::-moz-selection { background-color: #e9e9e9; } /*------------------------------------*\ Document \*------------------------------------*/ html, body { position: relative; font-size: 20px; line-height: 24px; } @media (max-width: 750px) { html, body { font-size: 18px; line-height: 22px; } } html { width: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #1d1d1b; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { overflow-x: hidden; width: 100%; color: #1d1d1b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; counter-reset: iteration; } /*------------------------------------*\ Html elements \*------------------------------------*/ h1 { margin: 0 0 25px 0; font-family: 'Pragati Narrow', sans-serif; font-size: 50px; line-height: 54px; font-weight: 700; text-transform: uppercase; color: #1d1d1b; } @media (max-width: 750px) { h1 { font-size: 40px; line-height: 44px; } } h2 { margin: 0 0 32px 0; font-family: 'Pragati Narrow', sans-serif; font-size: 40px; line-height: 44px; font-weight: 700; color: #1d1d1b; } @media (max-width: 750px) { h2 { font-size: 30px; line-height: 34px; } } h3 { margin-bottom: 10px; font-family: 'Pragati Narrow', sans-serif; font-size: 30px; line-height: 34px; font-weight: 700; } h3 a, h3 a:hover { text-decoration: none; } @media (max-width: 750px) { h3 { font-size: 20px; line-height: 24px; } } h4 { font-weight: bold; } h5 { font-weight: bold; } a { text-decoration: none; color: #1d1d1b; outline: 0; } a:active, a:hover { color: #1d1d1b; text-decoration: underline; } .ce_text .text_container a { color: #009d8b; } em { font-style: italic; } strong { font-weight: bold; } sup { top: -5px; font-size: 14px; line-height: 18px; } .rot { color: #ff0000; } figure { display: block; margin: 0; padding: 0; } figure a, figure img { display: block; } figure figcaption { position: absolute; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; bottom: 0; width: auto; padding: 4px 12px; background-color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 18px; text-align: left; color: #fff; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } figure figcaption.link { width: 100%; background-color: #006ab3; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; } figure:hover figcaption { padding: 6px 12px; font-size: 18px; line-height: 22px; zoom: 1; filter: alpha(opacity=100); opacity: 1; } img { display: block; } .ce_text .text_container img { display: inline; } table { width: 100%; margin-bottom: 30px; border-collapse: separate; table-layout: fixed; } thead td, th { border: 2px solid #fff; } td { border: 2px solid #fff; } tr.even td { background-color: #e9e9e9; } th, td { padding: 5px 10px; } table.tabelle-randlos td { padding: 0; } @media (max-width: 850px) { table.tabelle-randlos { margin-bottom: 0; } table.tabelle-randlos td { display: block; vertical-align: top; } table.tabelle-randlos p { margin-bottom: 0; } } ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style: none; margin: 0; } .ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol { margin: 0 0 16px 0; padding: 0; } .ce_text ul li, .ce_list ul li { margin: 0 0 5px 0; padding-left: 15px; list-style: none; /*&:before { z-index: 1000; .inline-block; vertical-align: middle; width: 5px; height: 5px; margin-right: 9px; background-color: @blue; color: #fff; .border-radius(8px); content:""; }*/ } .ce_text ul li:before, .ce_list ul li:before { position: absolute; display: block; z-index: 1000; top: 9px; left: 0; width: 5px; height: 5px; background-color: #009d8b; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; content: ""; } .ce_text ol, .ce_list ol { counter-reset: iteration; } .ce_text ol li, .ce_list ol li { margin: 0 0 5px 28px; list-style: none; } .ce_text ol li:before, .ce_list ol li:before { position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; z-index: 1000; width: 17px; height: 17px; margin-right: 8px; content: counter(iteration) ""; counter-increment: iteration; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #1d1d1b; font-size: 10px; line-height: 15px; color: #1d1d1b; } .ce_text dt, .ce_list dt { clear: left; float: left; width: 250px; margin-bottom: 10px; padding-left: 15px; } .ce_text dt:before, .ce_list dt:before { position: absolute; display: block; z-index: 1000; top: 9px; left: 0; width: 5px; height: 5px; background-color: #006ab3; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; content: ""; } .ce_text dd, .ce_list dd { margin-left: 250px; margin-bottom: 10px; } p { margin-bottom: 16px; } .sc { margin-bottom: 30px; padding-left: 0 !important; } .sc2 { width: 48.5%; } .sc2.sc-first { width: 51.5%; padding-right: 3%; } @media (max-width: 650px) { .sc2, .sc2.sc-first { float: none; display: block; width: 100%; padding-right: 0; } } .sc3 { width: 31%; margin-right: 3% !important; padding: 0; } .sc3-2 { width: 66%; margin-right: 3% !important; padding: 0; } .sc3-last { margin-right: 0 !important; } @media (max-width: 750px) { .sc3 { display: block; float: none; width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .sc3-2 { width: 100%; } } .sc4 { width: 22.75%; margin-right: 3% !important; padding: 0; } .sc4-last { margin-right: 0 !important; } @media (max-width: 1050px) { .sc4 { width: 48%; margin-right: 0 !important; } .sc4.sc-count0, .sc4.sc-count2, .sc4.sc-count4, .sc4.sc-count6, .sc4.sc-count8, .sc4.sc-count10, .sc4.sc-count12, .sc4.sc-count14, .sc4.sc-count16, .sc4.sc-count18, .sc4.sc-count20 { margin-right: 4% !important; } } @media (max-width: 550px) { .sc4 { float: none; display: block; width: 100%; margin-right: 0 !important; } .sc4.sc-count0, .sc4.sc-count2, .sc4.sc-count4, .sc4.sc-count6, .sc4.sc-count8, .sc4.sc-count10, .sc4.sc-count12, .sc4.sc-count14, .sc4.sc-count16, .sc4.sc-count18, .sc4.sc-count20 { margin-right: 0 !important; } } .c20l, .c20r { width: 17.6%; margin-right: 3%; } .c20r { float: left; margin-right: 0; } .c33l, .c33r { width: 31.33%; padding-right: 0; margin-right: 3%; } .c33r { float: left; margin-right: 0; } .c50l, .c50r { width: 48.5%; } @media (max-width: 650px) { .c50l, .c50r { float: none; width: 100%; } } .c50l { width: 51.5%; padding-right: 3%; } @media (max-width: 650px) { .c50l { float: none; width: 100%; padding-right: 0; } } .c60l, .c60r { width: 58.5%; } .c40l { width: 41.5%; padding-right: 3%; } .c66l, .c66r { width: 68.66%; padding-right: 3%; } .c66l .sc2, .c66r .sc2 { width: 47.75%; } .c66l .sc2.sc-first, .c66r .sc2.sc-first { width: 52.25%; padding-right: 4.5%; } @media (max-width: 650px) { .c66l, .c66r { float: none; width: 100%; } } @media (max-width: 650px) { .c33r.col_2 { float: none; width: 100%; } } .c30l, .c30r { width: 28.5%; } .c70l { width: 71.5%; padding-right: 3%; } .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r { margin-left: 0; } /*------------------------------------*\ Form elements \*------------------------------------*/ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], .uneditable-input, [contenteditable] { -webkit-user-select: text; -moz-user-select: -moz-text; -ms-user-select: text; -o-user-select: text; user-select: text; } select:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder, input[type="file"]:-moz-placeholder, .uneditable-input:-moz-placeholder, [contenteditable]:-moz-placeholder { color: #e9e9e9; } select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder, [contenteditable]:-ms-input-placeholder { color: #e9e9e9; } select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder, [contenteditable]::-webkit-input-placeholder { color: #e9e9e9; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, .uneditable-input:focus, [contenteditable]:focus { outline: 0; outline: thin dotted \9; /* IE6-9 */ border-color: #009d8b; } form { display: inline; } fieldset { margin: 0; padding: 0; border: 0; } fieldset legend { display: none; } label { display: block; margin-bottom: 8px; vertical-align: top; } .radio_container, .checkbox_container { margin-bottom: 17px; } .radio_container label, .checkbox_container label { display: inline; } select { width: 100%; margin-bottom: 17px; padding: 4px 7px 6px; background-color: #fff; border: 1px solid #1d1d1b; font-family: 'Pragati Narrow', sans-serif; font-size: 20px; line-height: 24px; font-weight: bold; } select option { padding: 2px 0 0 10px; font-size: 20px; line-height: 24px; } input.text, input.captcha, textarea { width: 100%; margin-bottom: 15px; padding: 3px 7px 3px; background-color: #fff; border: 1px solid #1d1d1b; font-family: 'Pragati Narrow', sans-serif; font-size: 20px; line-height: 24px; } input.captcha { width: 60px; margin-right: 10px; font-size: 20px; line-height: 24px; text-align: center; } textarea { height: 250px; } .submit_container { margin-top: 20px; } button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input.submit, button, a.button, p.back a, span.button, span.button-totop { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 7px 12px; background-color: #878786; border: 0; font-family: 'Pragati Narrow', sans-serif; font-size: 20px; line-height: 24px; text-decoration: none; color: #fff; cursor: pointer; } input.submit:hover, button:hover, a.button:hover, p.back a:hover, span.button:hover, span.button-totop:hover { background-color: #009d8b; } p.back a { padding: 0; background-color: transparent; font-size: 20px; line-height: 24px; color: #006ab3; } p.back a:hover { background-color: transparent; color: #006ab3; } span.button { padding: 7px 3px 7px 8px; background-color: #e9e9e9; font-size: 14px; line-height: 14px; font-weight: 400; color: #fff; } span.button-totop { width: 48px; height: 48px; padding: 0; background-color: #009d8b; color: #e9e9e9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } span.button-totop:after { position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; top: 0; width: auto; height: auto; margin: 0 6px 0 0; background-color: transparent; font-family: 'icomoon'; content: "\e900"; font-size: 14px; line-height: 45px; margin: 0; color: #fff; } span.button-totop:hover { background-color: #00b7a2; } form.contact { position: relative; display: block; } /*------------------------------------*\ Clearing \*------------------------------------*/ /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } /*------------------------------------*\ Document sections \*------------------------------------*/ #wrapper { max-width: 1920px; margin: 0 auto; padding-top: 123px; } @media (max-width: 1225px) { #wrapper { padding-top: 90px; } } #header { position: fixed; z-index: 20; top: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4); } #header .inside { width: 1240px; height: 123px; margin: 0 auto; } body.sticky #header .inside { height: 60px; } @media (max-width: 1320px) { #header .inside { width: 94%; } } @media (max-width: 1225px) { #header .inside { height: 90px; } } @media (max-width: 600px) { #header .inside { width: 90%; } } .branding { position: absolute; top: 50%; left: 1px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 250px; } body.sticky .branding img { width: 45%; } @media (max-width: 1320px) { .branding { left: 0; } } @media (max-width: 1225px) { .branding img { height: 60px; width: auto !important; } body.sticky .branding img { height: 40px; } } @media (max-width: 650px) { .branding img { height: 40px; } } .navigation { /*position: absolute;*/ overflow: visible; z-index: 21; top: 0; left: 290px; } @media (max-width: 1320px) { .navigation { left: 280px; } } .navigation .handler { display: none; width: 50px; height: 50px; background: #fff url('../../files/theme/img/resp-menu-handler.gif'); cursor: pointer; } .navigation a, .navigation span { text-decoration: none; } @media (min-width: 1226px) { .navigation .level_1 > li { /*position: static;*/ position: relative; float: left; } .navigation .level_1 > li > a, .navigation .level_1 > li > span { display: block; height: 123px; padding: 14px 25px 0 25px; font-size: 0; line-height: 123px; } body.sticky .navigation .level_1 > li > a, body.sticky .navigation .level_1 > li > span { height: 60px; padding-top: 0; line-height: 60px; } .navigation .level_1 > li > a > span, .navigation .level_1 > li > span > span { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; font-size: 22px; line-height: 22px; } .navigation .level_1 > li:hover > a, .navigation .level_1 > li.trail > a, .navigation .level_1 > li > a:hover, .navigation .level_1 > li > span { color: #009d8b; } .navigation .level_1 > li.trail > a, .navigation .level_1 > li > span { font-weight: 700; } .navigation .level_1 > li > span { cursor: default; } .navigation .level_1 > li > .sub { position: absolute; /*z-index:20;*/ display: none; /*left: -288px;*/ top: 123px; background-color: #fff; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); font-size: 0; white-space: nowrap; /*@media (min-width: 1321px) { left: -150px; }*/ } body.sticky .navigation .level_1 > li > .sub { display: none; top: 60px; } .navigation .level_1 > li > .sub.currentNews { display: none !important; } .navigation .level_1 > li:last-child > .sub, .navigation .level_1 > li.service > .sub { right: -96px; } .navigation .level_1 > li.page-products .level_2 > li > a > span, .navigation .level_1 > li.page-products .level_2 > li > span > span { word-spacing: 9999em; } .navigation .level_2 > li { position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 193px; padding: 0 3px 0 0; white-space: normal; } .navigation .level_2 > li.first { width: 196px; padding-left: 3px; } .navigation .level_2 > li > a, .navigation .level_2 > li > span { display: block; width: 100%; text-transform: uppercase; } .navigation .level_2 > li > a:before, .navigation .level_2 > li > span:before { display: block; width: 190px; height: 65px; background-image: url('../../files/navigation/placeholder.jpg'); content: ""; } .navigation .level_2 > li > a > span, .navigation .level_2 > li > span > span { display: block; height: 70px; padding: 12px 10px 0 16px; font-size: 20px; line-height: 23px; } .navigation .level_2 > li:hover > a, .navigation .level_2 > li.trail > a, .navigation .level_2 > li > a:hover, .navigation .level_2 > li > span { color: #009d8b; } .navigation .level_2 > li.trail > a, .navigation .level_2 > li > span { font-weight: 700; } .navigation .level_2 > li > span { cursor: default; } .navigation .level_2 > li > .sub { position: absolute; display: none; left: 0; top: 135px; width: 100%; background-color: #fff; border-top: 3px solid #009d8b; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .navigation .level_2 > li:hover > .sub { display: block; } body.sticky .navigation .level_2 > li > .sub { display: none; } body.sticky .navigation .level_2 > li:hover > .sub { display: block; } .navigation .level_2 > li.page-customers > a:before, .navigation .level_2 > li.page-customers > span:before { background-image: url('../../files/navigation/wollin-customers.jpg'); } .navigation .level_2 > li.page-mission > a:before, .navigation .level_2 > li.page-mission > span:before { background-image: url('../../files/navigation/wollin-mission.jpg'); } .navigation .level_2 > li.page-quality > a:before, .navigation .level_2 > li.page-quality > span:before { background-image: url('../../files/navigation/wollin-quality.jpg'); } .navigation .level_2 > li.page-news > a:before, .navigation .level_2 > li.page-news > span:before { background-image: url('../../files/navigation/wollin-news.jpg'); } .navigation .level_2 > li.page-memberships > a:before, .navigation .level_2 > li.page-memberships > span:before { background-image: url('../../files/navigation/wollin-memberships.jpg'); } .navigation .level_2 > li.page-news.jobs > a:before, .navigation .level_2 > li.page-news.jobs > span:before { background-image: url('../../files/navigation/wollin-jobs.jpg'); } .navigation .level_2 > li.page-fair > a:before, .navigation .level_2 > li.page-fair > span:before { background-image: url('../../files/navigation/wollin-fair.jpg'); } .navigation .level_2 > li.page-formspruehen > a:before, .navigation .level_2 > li.page-formspruehen > span:before { background-image: url('../../files/navigation/products-formspruehen1.jpg'); } .navigation .level_2 > li.page-automation > a:before, .navigation .level_2 > li.page-automation > span:before { background-image: url('../../files/navigation/products-automation1.jpg'); } .navigation .level_2 > li.page-formspruehtechnik > a:before, .navigation .level_2 > li.page-formspruehtechnik > span:before { background-image: url('../../files/navigation/tech-formspruehtechnik.jpg'); } .navigation .level_2 > li.page-process > a:before, .navigation .level_2 > li.page-process > span:before { background-image: url('../../files/navigation/tech-process.jpg'); } .navigation .level_2 > li.page-publications > a:before, .navigation .level_2 > li.page-publications > span:before { background-image: url('../../files/navigation/tech-publications.jpg'); } .navigation .level_2 > li.page-industry-4-0 > a:before, .navigation .level_2 > li.page-industry-4-0 > span:before { background-image: url('../../files/navigation/tech_industrie-4-0.jpg'); } .navigation .level_2 > li.page-optimization > a:before, .navigation .level_2 > li.page-optimization > span:before { background-image: url('../../files/navigation/service-optimization.jpg'); } .navigation .level_2 > li.page-services > a:before, .navigation .level_2 > li.page-services > span:before { background-image: url('../../files/navigation/service-services.jpg'); } .navigation .level_2 > li.page-training > a:before, .navigation .level_2 > li.page-training > span:before { background-image: url('../../files/navigation/service-training.jpg'); } .navigation .level_2 > li.page-wollin > a:before, .navigation .level_2 > li.page-wollin > span:before { background-image: url('../../files/navigation/contact-wollin.jpg'); } .navigation .level_2 > li.page-contact > a:before, .navigation .level_2 > li.page-contact > span:before { background-image: url('../../files/navigation/contact-contact.jpg'); } .navigation .level_2 > li.page-europe > a:before, .navigation .level_2 > li.page-europe > span:before { background-image: url('../../files/navigation/contact-europe.jpg'); } .navigation .level_2 > li.page-worldwide > a:before, .navigation .level_2 > li.page-worldwide > span:before { background-image: url('../../files/navigation/contact-worldwide.jpg'); } .navigation .level_2 > li.page-imprint > a:before, .navigation .level_2 > li.page-imprint > span:before { background-image: url('../../files/navigation/contact-imprint.jpg'); } .navigation .level_2 > li.page-tutorials > a:before, .navigation .level_2 > li.page-tutorials > span:before { background-image: url('../../files/navigation/service-tutorials.jpg'); } .navigation .level_2 > li.page-downloads > a:before, .navigation .level_2 > li.page-downloads > span:before { background-image: url('../../files/navigation/service-downloads.jpg'); } .navigation .level_2 > li.page-casestudies > a:before, .navigation .level_2 > li.page-casestudies > span:before { background-image: url('../../files/navigation/casestudies.jpg'); } .navigation .level_2 > li.page-wollinalsag > a:before, .navigation .level_2 > li.page-wollinalsag > span:before { background-image: url('../../files/navigation/wollin-als-ag.png'); } .navigation .level_2 > li.page-stellenangebote > a:before, .navigation .level_2 > li.page-stellenangebote > span:before { background-image: url('../../files/navigation/stellenangebote.jpg'); } .navigation .level_3 > li > a, .navigation .level_3 > li > span { display: block; padding: 12px 5px 12px 16px; font-size: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navigation .level_3 > li:hover > a, .navigation .level_3 > li.trail > a, .navigation .level_3 > li > a:hover, .navigation .level_3 > li > span { color: #009d8b; } .navigation .level_3 > li.trail > a, .navigation .level_3 > li > span { font-weight: 700; } .navigation .level_3 > li > span { cursor: default; } .navigation .level_3 .sub { display: none; } } @media (max-width: 1225px) { .navigation { position: absolute; top: 50%; left: auto; right: 175px; width: 50px; height: 50px; font-size: 18px; line-height: 22px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navigation .handler { position: absolute; display: block; right: 0; width: 50px; height: 50px; } .navigation ul { position: relative; width: inherit; text-align: left; background-color: #ececec; } .navigation ul > li { position: relative; width: inherit; padding: 0 15px; } .navigation ul > li > a, .navigation ul > li > span { display: block; padding: 8px 0; border-bottom: 3px solid #fff; font-size: 18px; line-height: 22px; } .navigation ul > li > a > span, .navigation ul > li > span > span { display: block; } .navigation ul > li > a:hover, .navigation ul > li > span:hover { color: #009d8b; } .navigation ul > li.last > a, .navigation ul > li.last > span { border: 0; } .navigation ul > li.submenu > a:after, .navigation ul > li.submenu > span:after { position: absolute; display: block; top: 0; left: 0; width: auto; height: auto; margin: 0; background-color: transparent; font-family: 'FontAwesome'; content: "\f0d7"; top: 50%; left: auto; right: 10px; height: 1px; line-height: 0; } .navigation ul > li.trail > a, .navigation ul > li.trail > span { color: #009d8b; } .navigation ul > li.trail > a:after, .navigation ul > li.trail > span:after { font-family: 'FontAwesome'; content: "\f0d8"; } .navigation ul > li.trail > .sub { display: block; } .navigation ul > li.active > a, .navigation ul > li.active > span { color: #009d8b; font-weight: 700; } .navigation ul > li .sub { display: none; left: -15px; width: inherit; } .navigation .level_1 { position: absolute; display: none; overflow: visible; top: 50px; right: 0; width: 300px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35); } .navigation .level_1.opened { display: block; } .navigation .level_1 > li > a, .navigation .level_1 > li > span { font-size: 20px; line-height: 24px; } .navigation .level_1 > li > .sub { top: -3px; } .navigation .level_1 ul { background-color: #fff; } .navigation .level_1 ul li.last > a, .navigation .level_1 ul li.last > span { border: 0; } .navigation .level_1 ul li.trail a, .navigation .level_1 ul li > a, .navigation .level_1 ul li > span { border-bottom: 1px solid #1d1d1b; } .navigation .level_2 > li > a, .navigation .level_2 > li > span { padding-left: 30px; } .navigation .level_2 > li.last li.last > a, .navigation .level_2 > li.last li.last > span { border: 0; } .navigation .level_3 > li > a, .navigation .level_3 > li > span { padding-left: 60px; } .navigation .level_3 > li > a:after, .navigation .level_3 > li > span:after { display: none; } .navigation .level_4 > li > a, .navigation .level_4 > li > span { padding-left: 60px; } } @media (max-width: 1225px) and (max-width: 500px) { .navigation .level_1 { right: -53px; } } @media (max-width: 650px) { .navigation { right: 45px; } } .mod_changelanguage { position: absolute; z-index: 20; top: 63px; right: 124px; width: 40px; padding: 0 5px; background-color: #fff; } body.sticky .mod_changelanguage { top: 20px; } .mod_changelanguage .sub { display: none; } .mod_changelanguage ul { position: relative; width: 100%; height: 48px; padding-top: 60px; } body.sticky .mod_changelanguage ul { height: auto; padding-top: 39px; } .mod_changelanguage li { float: left; margin: 0 0 5px 0; display: none; } .mod_changelanguage li.active { position: absolute; display: block; top: 0; left: 0; margin-bottom: 26px; padding-bottom: 26px; text-align: center; } .mod_changelanguage li.active:after { position: absolute; display: block; top: 0; left: 0; width: auto; height: auto; margin: 0; background-color: transparent; font-family: 'icomoon'; content: "\e901"; font-size: 11px; line-height: 11px; top: 30px; width: 100%; height: 11px; color: #8e8e8d; } body.sticky .mod_changelanguage li.active:after { display: none; } .mod_changelanguage a, .mod_changelanguage span { display: block; width: 30px; height: 22px; text-indent: -9999em; } .mod_changelanguage a.lang-de, .mod_changelanguage span.lang-de { background-image: url('../../files/theme/img/de.jpg'); } .mod_changelanguage a.lang-en, .mod_changelanguage span.lang-en { background-image: url('../../files/theme/img/en.jpg'); } .mod_changelanguage a.lang-cn, .mod_changelanguage span.lang-cn { background-image: url('../../files/theme/img/cn.jpg'); } .mod_changelanguage:hover li { display: block; } @media (max-width: 1225px) { .mod_changelanguage { overflow: visible; top: 34px; } .mod_changelanguage ul { height: auto; padding-top: 56px; } } @media (max-width: 650px) { .mod_changelanguage { right: 0; } } .search_input { position: absolute; z-index: 21; top: 63px; right: 0; width: 113px; height: 22px; } body.sticky .search_input { top: 20px; } .search_input form { display: block; height: inherit; } .search_input .formbody { position: relative; height: inherit; } .search_input .widget { position: relative; z-index: 21; height: inherit; } .search_input .widget input.text { vertical-align: top; width: 100%; height: inherit; margin-bottom: 0; padding: 1px 20px 1px 2px; background-color: #e9e9e9; border-color: #c7c9cb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; } .search_input .submit_container { position: absolute; z-index: 22; top: 0; right: 4px; height: inherit; margin: 0; } .search_input .submit_container:after { position: absolute; display: block; top: 0; left: 0; width: auto; height: auto; margin: 0; background-color: transparent; font-family: 'icomoon'; content: "\e902"; font-size: 16px; line-height: 22px; text-indent: 0; color: #616c70; } .search_input .submit_container input.submit { position: relative; z-index: 22; width: 16px; height: inherit; padding: 0; background-color: transparent; text-indent: -9999em; } @media (max-width: 1225px) { .search_input { top: 34px; } } @media (max-width: 650px) { .search_input { display: none; } } .blockUI { position: fixed; z-index: 19; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .custom { z-index: 1; } @media (max-width: 1000px) { .custom { z-index: 11; } } .custom .blockUI { position: absolute; z-index: 2; } .custom .mod_article { position: absolute; z-index: 1; top: 50%; width: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); /*@media (max-width: 750px) { top: 15px; .centerY(0); }*/ } @media (max-width: 1000px) { .custom .mod_article { top: 20px; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } } .custom .mod_newslist { position: absolute; z-index: 3; overflow: visible; bottom: 0; width: 100%; } .custom .mod_newslist .layout_latest { overflow: visible; width: 1240px; margin: 0 auto; } .custom .mod_newslist .layout_latest .container { position: absolute; right: 0; bottom: 0; width: 293px; font-size: 16px; line-height: 20px; } .custom .mod_newslist .layout_latest .container > a { display: block; text-decoration: none; color: #fff; } .custom .mod_newslist .layout_latest .container > a.top { width: 295px; height: 55px; padding: 11px 0 0 22px; font-size: 20px; line-height: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009d8b+0,007c6e+100 */ background: #009d8b; /* Old browsers */ background: -moz-linear-gradient(left, #009d8b 0%, #007c6e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #009d8b 0%, #007c6e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #009d8b 0%, #007c6e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009d8b', endColorstr='#007c6e', GradientType=1); /* IE6-9 */ } body:not(.page-start) .custom .mod_newslist .layout_latest .container > a.top { cursor: pointer; } .custom .mod_newslist .layout_latest .container > a.top b { display: block; font-size: 35px; line-height: 35px; text-transform: uppercase; } .custom .mod_newslist .layout_latest .container > a.bottom { display: none; } .custom .mod_newslist .layout_latest .container .holder { overflow: hidden; } .custom .mod_newslist .layout_latest .container .holder a { display: block; padding: 16px 20px 0; background-color: #fff; text-decoration: none; } .custom .mod_newslist .layout_latest .container .teaser { padding-bottom: 1px; } .custom .mod_newslist .layout_latest .container p { margin-bottom: 10px; } .custom .mod_newslist .layout_latest .container img { width: 100%; height: auto; } .custom .mod_newslist .layout_latest .container .news-teaser-titel { font-weight: bold; text-transform: uppercase; } @media (max-width: 1320px) { .custom .mod_newslist .layout_latest { width: 94%; } } @media (max-width: 1000px) { .custom .mod_newslist .layout_latest .container { bottom: auto; top: -100px; } .custom .mod_newslist .layout_latest .container .holder { -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4); } } @media (max-width: 750px) { .custom .mod_newslist .layout_latest .container { right: auto; left: 0; } .custom .mod_newslist .layout_latest .container .holder { display: none; } body.page-start .custom .mod_newslist .layout_latest .container .holder { display: block; } } @media (max-width: 600px) { .custom .mod_newslist .layout_latest { width: 90%; } } #container { z-index: 10; padding: 20px 0 60px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } @media (max-width: 750px) { #container { padding-bottom: 30px; } } #main { float: none; width: 1240px; margin: 0 auto; } @media (max-width: 1320px) { #main { width: 94%; } } @media (max-width: 600px) { #main { width: 90%; } } .page-bottom { clear: both; z-index: 11; padding: 30px 0 60px; background-color: #fff; text-align: center; } @media (max-width: 750px) { .page-bottom { padding-top: 0; } } #footer { z-index: 11; background-color: #fff; } #footer .left { float: left; width: 50%; } #footer .right { float: right; width: 50%; } #footer .top { background-color: #009d8b; color: #fff; } #footer .top a { color: #fff; } #footer .top .inside { width: 1240px; margin: 0 auto; padding: 43px 0; } #footer .top .inside .cutoff-before { position: absolute; top: 0; left: 0; } #footer .top .inside .cutoff-before:after { position: absolute; display: block; top: 0; left: -9px; width: 17px; height: 23px; background: transparent url('../../files/theme/img/cutoff-green.gif') left top no-repeat; content: " "; } #footer .top .inside .cutoff-after { position: absolute; right: 0; bottom: 0; } #footer .top .inside .cutoff-after:after { position: absolute; display: block; bottom: 0; right: -9px; width: 17px; height: 23px; background: transparent url('../../files/theme/img/cutoff-green.gif') left top no-repeat; content: " "; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #footer .top .left { width: 43%; } #footer .top .left table { width: auto; } #footer .top .left table td { padding: 0; background-color: transparent; border: 0; vertical-align: top; } #footer .top .left table td:first-child { padding-right: 40px; } #footer .top .left h4 { height: 40px; margin-bottom: 25px; border-bottom: 1px solid #1d1d1b; } #footer .top .left .social-media { height: auto; margin-bottom: 25px; text-align: left; font-size: 0; } #footer .top .left .social-media h4 { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 25%; font-size: 20px; line-height: 24px; text-align: left; } #footer .top .left .social-media .text_container { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 25%; } #footer .top .left .social-media li { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 29px; margin: 0 15px 0 0; padding: 0; background-color: #fff; list-style: none; font-size: 0; } #footer .top .left .social-media li:before { display: none; } #footer .top .left .social-media li:first-child { margin-left: 0; } #footer .top .left .social-media a { display: block; width: 29px; height: 29px; max-width: 100%; margin-left: 0; background-size: contain; border: 1px solid #fff; text-indent: 9999em; } #footer .top .left .social-media a.social-media-googleplus { margin-left: 0; background-image: url('../../files/theme/img/googleplus.jpg'); } #footer .top .left .social-media a.social-media-facebook { background-image: url('../../files/theme/img/facebook.jpg'); } #footer .top .left .social-media a.social-media-youtube { background-image: url('../../files/theme/img/youtube.jpg'); } #footer .top .left .social-media a:hover { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; } #footer .top .right { text-align: right; } #footer .top .right .mod_customnav { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #footer .top .right .mod_customnav li { margin-bottom: 4px; text-align: left; } #footer .top .right .mod_customnav a { display: block; padding-right: 45px; } #footer .top .right .mod_customnav:last-child a { padding-right: 0; } @media (max-width: 1320px) { #footer .top .inside { width: 94%; } } @media (max-width: 850px) { #footer .top .left, #footer .top .right { float: none; width: 100%; } } @media (max-width: 600px) { #footer .top .inside { width: 90%; } } @media (max-width: 500px) { #footer .top .left table td { display: block; } #footer .top .left p { margin-bottom: 0; } #footer .top .right .social-media { text-align: left; } #footer .top .right .social-media h4 { display: none; } #footer .top .right .social-media .text_container { display: block; width: 100%; } #footer .top .right .social-media li { width: 24px; margin: 0 10px 0 0; } #footer .top .right .mod_customnav { float: none; width: 100%; } } #footer .bottom { background-color: #fff; color: #9d9d9c; } #footer .bottom a { color: #9d9d9c; } #footer .bottom p { margin-bottom: 0; } #footer .bottom .inside { width: 1240px; margin: 0 auto; padding: 15px 0 40px; } @media (max-width: 1320px) { #footer .bottom .inside { width: 94%; } } @media (max-width: 600px) { #footer .bottom .inside { width: 90%; } } #footer .bottom .right { text-align: right; } @media (max-width: 850px) { #footer .bottom .left, #footer .bottom .right { float: none; width: 100%; } #footer .bottom .right { text-align: left; } } /*------------------------------------*\ Standard Contao elements and modules \*------------------------------------*/ #main .ce_text { margin-bottom: 30px; } .ce_text.grey { background-color: #ececec; } .ce_text.grey .text_container { padding: 28px 30px; } .ce_text table.tabelle-blau thead td { background-color: #59c6f2; } .ce_text table.tabelle-blau thead .rot { font-weight: 700; } .ce_text table.tabelle-blau tr.tabelle-odd td, .ce_text table.tabelle-blau tr.tabelle-farbwechsel td { background-color: #def4fc; } .ce_text table.tabelle-blau tfoot td { padding-top: 8px; font-size: 16px; line-height: 20px; } .ce_text table.tabelle-grau thead td { background-color: #d9d9d9; } .ce_text table.tabelle-grau thead .rot { font-weight: 700; } .ce_text table.tabelle-grau tr.tabelle-odd td, .ce_text table.tabelle-grau tr.tabelle-farbwechsel td { background-color: #ececec; } .ce_text table.tabelle-grau tfoot td { padding-top: 8px; font-size: 16px; line-height: 20px; } .ce_text table.tabelle-orange thead td { background-color: #f39200; } .ce_text table.tabelle-orange thead .rot { font-weight: 700; } .ce_text table.tabelle-orange tr.tabelle-odd td, .ce_text table.tabelle-orange tr.tabelle-farbwechsel td { background-color: #feead3; } .ce_text table.tabelle-orange tfoot td { padding-top: 8px; font-size: 16px; line-height: 20px; } .ce_text .image_container.float_right { width: 50%; } .ce_text .text_container.float_right { float: none; width: 50%; padding-right: 40px; } @media (min-width: 751px) and (max-width: 1000px) { body.page-start #main .mod_article .ce_text.first { padding-right: 360px; } } @media (max-width: 750px) { .ce_text .image_container.float_above { float: left; width: 50%; margin-right: 4%; } .ce_text.ce_text_table .text_container { overflow-x: auto; } .ce_text.ce_text_table .text_container table { width: auto !important; min-width: 100%; margin-bottom: 0; font-size: 17px; line-height: 21px; } } .ce_gallery.kunden li { float: left; width: 16.66%; height: 110px; margin-bottom: 80px; } .ce_gallery.kunden li figure { width: 100%; height: 100%; } .ce_gallery.kunden li img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1023px) { .ce_gallery.kunden li { width: 25%; } .ce_gallery.kunden li.col_first { clear: none; } } @media (max-width: 750px) { .ce_gallery.kunden li { width: 33.33%; } } @media (max-width: 450px) { .ce_gallery.kunden li { width: 50%; } } .ce_download img { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; } .mod_article { overflow: visible; } .mod_breadcrumb { margin-bottom: 25px; font-size: 20px; line-height: 24px; } .mod_breadcrumb li { float: left; } .mod_breadcrumb a, .mod_breadcrumb span { display: block; text-decoration: none; color: #009d8b; } .mod_breadcrumb a { padding-right: 3px; color: #1d1d1b; } .mod_breadcrumb a:after { position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; top: 0; width: auto; height: auto; margin: 0 6px 0 0; background-color: transparent; font-family: 'FontAwesome'; content: "\f0da"; vertical-align: middle; margin-left: 10px; font-size: 14px; line-height: 18px; } .mod_breadcrumb a:hover { color: #009d8b; } .mod_breadcrumb span { font-weight: 700; } .mod_search input.text { width: auto; } .mod_search .highlight { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 0 7px; background-color: #e9e9e9; } /*------------------------------------*\ Contao extensions \*------------------------------------*/ .ce_pageimages { /*@media (max-width: 750px) { .image_container { height: 270px; background-size: cover; } }*/ } .ce_pageimages .image_container { /*height: 375px;*/ background-position: center center; height: 135px; } .page-start .ce_pageimages .image_container { height: 270px; } @media (max-width: 1000px) { .ce_pageimages .image_container { /*height: 220px;*/ background-size: cover; height: 135px; } .page-start .ce_pageimages .image_container { height: 220px; } } .ce_tabcontrol { margin: 30px 0; } .ce_tabcontrol h2 { margin-bottom: 32px; } .ce_tabcontrol > ul { margin: 0; padding: 0; border-bottom: 3px solid #009d8b; font-size: 0; } .ce_tabcontrol > ul li { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: auto; margin: 0; padding: 0; list-style: none; } .ce_tabcontrol > ul li a { display: block; padding: 2px 15px 2px 15px; border-left: 3px solid #009d8b; font-family: 'Pragati Narrow', sans-serif; font-size: 30px; line-height: 34px; text-decoration: none; color: #1d1d1b; } .ce_tabcontrol > ul li a:hover { color: #006ab3; } .ce_tabcontrol > ul li.active a { font-weight: 700; color: #006ab3; } .ce_tabcontrol .ce_tabcontrol_pane { border-bottom: 3px solid #009d8b; } .ce_tabcontrol .ce_tabcontrol_pane .inside { padding: 30px 0 10px; } .ce_tabcontrol .ce_tabcontrol_pane .ce_text { margin-bottom: 0; } @media (max-width: 650px) { .ce_tabcontrol > ul { display: none; } .ce_tabcontrol .ce_tabcontrol_pane { display: block !important; } .ce_tabcontrol .ce_tabcontrol_pane .inside { padding-top: 0; } } .mod_dlh_googlemaps { width: 100%; height: 375px; } @media (max-width: 1000px) { .mod_dlh_googlemaps { height: 220px; } } .subcolumns.trenner { margin-bottom: 40px; border-bottom: 1px solid #1d1d1b; } /*------------------------------------*\ Custom elements \*------------------------------------*/ .ce_pagetitle { width: 1240px; height: 200px; margin: 0 auto; font-size: 0; line-height: 200px; overflow: visible; /*@media (max-width: 750px) { strong { vertical-align: top; .font-size(40px,40px); } }*/ /*@media (max-width: 600px) { width: @smartphone-width; strong { .font-size(30px,30px); } }*/ } .ce_pagetitle strong { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; font-size: 73px; line-height: 73px; text-transform: uppercase; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); } @media (max-width: 1320px) { .ce_pagetitle { width: 94%; } } @media (max-width: 1000px) { .ce_pagetitle strong { vertical-align: top; font-size: 40px; line-height: 40px; } } @media (max-width: 650px) { .ce_pagetitle { display: none; width: 90%; } .ce_pagetitle strong { font-size: 30px; line-height: 30px; } } .ce_serviceteaser { overflow: visible; } .ce_serviceteaser a { display: block; padding: 3px; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35); text-decoration: none; } .ce_serviceteaser a:hover { top: 1px; left: 1px; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); } .ce_serviceteaser .image_container { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c8c7c7+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(45deg, #ffffff 0%, #c8c7c7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffffff), color-stop(100%, #c8c7c7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #ffffff 0%, #c8c7c7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #ffffff 0%, #c8c7c7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #ffffff 0%, #c8c7c7 100%); /* IE10+ */ background: linear-gradient(45deg, #ffffff 0%, #c8c7c7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c7c7', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .ce_serviceteaser .image_container img { max-width: 100%; height: auto; margin: 0 auto; } .ce_serviceteaser .text_container { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003762+0,0068b3+100 */ background: #003762; /* Old browsers */ background: -moz-linear-gradient(left, #003762 0%, #0068b3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #003762), color-stop(100%, #0068b3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #003762 0%, #0068b3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #003762 0%, #0068b3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #003762 0%, #0068b3 100%); /* IE10+ */ background: linear-gradient(to right, #003762 0%, #0068b3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003762', endColorstr='#0068b3', GradientType=1); /* IE6-9 */ padding: 10px 20px; color: #fff; } .ce_serviceteaser .text_container .bild-teaser-titel { font-size: 35px; line-height: 39px; font-weight: 700; text-transform: uppercase; } .ce_serviceteaser .text_container p { margin-bottom: 0; } .ce_standard_teaser { overflow: visible; } .ce_standard_teaser a { display: block; padding: 3px; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35); text-decoration: none; } .ce_standard_teaser a:hover { top: 1px; left: 1px; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); } .ce_standard_teaser .text_container { padding: 10px 20px; color: #fff; } .ce_standard_teaser .text_container h2 { margin-bottom: 0; font-size: 30px; line-height: 34px; } .ce_standard_teaser .text_container p { margin-bottom: 0; } .ce_standard_teaser .image_container img { width: 100%; height: auto; } @media (max-width: 750px) { .ce_standard_teaser .text_container { float: left; width: 50%; } .ce_standard_teaser .image_container { float: right; width: 50%; } } @media (max-width: 500px) { .ce_standard_teaser .text_container, .ce_standard_teaser .image_container { float: none; width: 100%; } } .ce_location .image_container { padding-bottom: 16px; border-bottom: 1px solid #1d1d1b; } .ce_location .image_container img { float: left; margin-right: 14px; } .ce_location .text_container { margin-top: 14px; } #debug { position: fixed; z-index: 10000; /*top:0;*/ left: 0; bottom: 0; padding: 4px 6px; background-color: rgba(0, 0, 0, 0.7); font-size: 10px; line-height: 14px; color: #fff; } /* NEWS */ .mod_newsarchive, .mod_newslist { display: flex; flex-wrap: wrap; margin: 0 -15px 0 -15px; } .mod_newsarchive > h1 { width: 100%; padding: 0 15px 0 15px; } .layout_latest { width: 33.3%; height: 100%; padding: 0 15px 0 15px; } @media (max-width: 1023px) { .layout_latest { width: 50%; } } @media (max-width: 600px) { .layout_latest { width: 100%; } } .mod_newsarchive .info, .mod_newslist .info { margin-bottom: 5px; margin-top: 10px; line-height: 1; font-size: 0.85rem; } .mod_newsarchive h2, .mod_newslist h2 { margin-bottom: 14px; font-size: 1.5rem; line-height: 1.2; } .mod_newsarchive h2 a, .mod_newslist h2 a { color: #009d8b; } .more a, #main .back a { color: #fff; padding: 10px 15px; background: #009d8b; display: inline-block; margin-top: 5px; margin-bottom: 20px; } .more a:hover, #main .back a:hover { background: #9d9d9c; } .mod_newsreader .info { border-top: 1px solid #9d9d9c; border-bottom: 1px solid #9d9d9c; padding: 5px; } .news__categories { color: #009d8b; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px 0 -20px; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } @media (max-width: 1023px) { .col-md-9, .col-md-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .mod_newscategories, .mod_newsmenu { padding: 20px; background: #ebebeb; } .mod_newscategories h4, .mod_newsmenu h4 { padding-bottom: 15px; } .mod_newscategories a, .mod_newsmenu a { padding: 6px 0 6px 0; border-bottom: 1px solid #e4e3e4; display: block; color: #009d8b; } .year.submenu > a { display: none; } .slider-prev, .slider-next { background-color: rgba(0, 0, 0, .8); padding: 5px 10px; color: #fff; position: absolute; } .slider-prev:hover, .slider-next:hover { background-color: rgba(0, 0, 0, .4); } .ce_sliderStart { position: relative; padding: 0px 0 40px 0; } .slider-control { height: auto; width: 100%; position: absolute; top: calc(50% - 50px); } .slider-menu { display: none !important; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .layout_latest .video-wrapper { position: relative; padding-bottom: 63.5%; height: 0; } .video-wrapper iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }