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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} @media screen{ #iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)} } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* 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} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* NUUNNAV CSS*/ .nuunnavbutton-open {display: inline-block; width: 40px; height: 34px; cursor: pointer; position: relative; float: right; z-index: 2500; margin-top: 28px; background:url(../../files/data/graphics/navbutton-open.svg) center no-repeat;} .nuunnavbutton-close {display: inline-block; width: 40px; height: 34px; cursor: pointer; position: relative; float: right; z-index: 2500; margin-top: 30px; background:url(../../files/data/graphics/navbutton-close.svg) center no-repeat;} /*.nuunnavbutton .navline {height: 3px; width: 100%; margin-bottom: 9px; border-radius: 0; background: #54706a; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease;} body.inspektionen .nuunnavbutton .navline {background:#fff;} .nuunnavbutton .navline:last-of-type {margin-bottom: 0;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(9px) translateX(-9px);} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {transform: rotate(-135deg) translateY(8px) translateX(8px);}*/ #nuunnav {display: none; padding-top: 0px; font-family: 'Roboto-Regular'; font-size: 2.8rem; padding-left: 0px; padding-right: 0px; position: fixed; overflow-y: auto; top: 0; left: 0; width: 100%; background-color: #0079B3; /*border:10px solid #fff;*/ height: 100vh; z-index: 9000; box-sizing: border-box;} #nuunnav .inside {width: 94%; padding: 0 3%; max-width: 1400px; margin: 0 auto;} body #mod_nav_filter {display: none; padding-top: 0px; font-family: 'Roboto-Regular';padding-left: 0px; padding-right: 0px; position: fixed; overflow-y: auto; top: 0; left: 0; width: 100%; background-color: #0079B3; /*border:10px solid #fff;*/ height: 100vh; z-index: 9000; box-sizing: border-box;} body #mod_nav_filter .inside {width: 94%; padding: 0 3%; max-width: 1400px; margin: 0 auto;} body #mod_nav_filter .filterbutton-close {display: inline-block; width: 40px; height: 34px; cursor: pointer; position: relative; float: right; z-index: 2500; margin-top: 20px; margin-right: 3%; background:url(../../files/data/graphics/navbutton-close.svg) center no-repeat;} #nuunnav .mobilnavigation {margin-top: 20px; padding-bottom: 100px;} #nuunnav li a {color: #fff; text-decoration: none; transition:color 0.3s ease;} #nuunnav li a.active, #nuunnav li.active strong {font-family: 'Roboto-Regular'; color: #D91D49;} #nuunnav li a:hover {color: #D91D49;} #nuunnav ul {list-style: none; padding-left: 0; display: block; width: 100%;} #nuunnav ul.level_1 {margin: 0;} #nuunnav ul.level_1 > li {} #nuunnav ul.level_1 > li > a, #nuunnav ul.level_1 > li > strong {display: inline-block; font-size: 2rem; float: left; clear: left; padding: 23px 0 23px 0;} #nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;} #nuunnav ul li.submenu .subtoggler {width: 50px; height: 67px; position: relative; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer;} #nuunnav ul.level_2 li.submenu .subtoggler {height: 25px;} #nuunnav ul li.submenu .subtoggler .subtoggline1 {width: 15px; height: 2px; background: #fff;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 15px; height: 2px; background: #fff; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;} #nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);} #nuunnav ul.level_2 {display: none;} #nuunnav ul.level_2 > li > a, #nuunnav ul.level_2 > li > strong {display: inline-block; font-size: 1.2rem; float: left; clear: left; padding: 5px 0 5px 0;} #nuunnav ul.level_2 li a.active, #nuunnav ul.level_2 li.active strong {font-family: 'Roboto-Regular'; color: #D91D49;} #nuunnav ul.level_2 li a:hover {color: #D91D49; background: url(../../files/data/graphics/icon-nav-bg.svg) center left 4vw no-repeat;} #nuunnav ul.level_3 {display: none;} #nuunnav ul.level_3 > li > a {display: inline-block; text-transform: none; font-size: 1.2rem; float: left; clear: left; padding: 5px 0 5px 20px;} #nuunnav ul.level_3 li a.active {font-family: 'Roboto-Regular';} #nuunnav ul.level_3 li a:hover {color: #D91D49; background: url(../../files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} #nuunnav ul.level_4 {display: none;} #nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;} #nuunnav ul.level_4 li a.active {font-family: 'Roboto-Regular';} #nuunnav ul.level_4 li a:hover {color: #D91D49; background: url(../../files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} /*@media screen and (max-width: 650px) { .nuunnavbutton {width: 45px; top: 36px;} .nuunnavbutton .navline {margin-bottom: 8px;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(5px) translateX(-7px);} .nuunnavbutton.crossed .navline.bot {transform: rotate(-135deg) translateY(10px) translateX(12px);} }*/ @media screen and (max-width: 950px) { #nuunnav {padding-left: 25px; padding-right: 25px; opacity: 1; position: fixed; overflow-y: auto; top: 0; left: initial; width: 100%; max-width: 500px; /*border:10px solid #fff;*/ height: 100vh; z-index: 9000; box-sizing: border-box; transition:right 0.6s ease, box-shadow 0.3s ease;} #nuunnav.open {right: 0 !important; box-shadow: 0 0 10px #3d3d3d;} body #mod_nav_filter {padding-left: 25px; padding-right: 25px; opacity: 1; position: fixed; overflow-y: auto; top: 0; right: initial; width: 94%; max-width: 500px; /*border:10px solid #fff;*/ height: 100vh; z-index: 9000; box-sizing: border-box; transition:right 0.6s ease, box-shadow 0.3s ease;} body #mod_nav_filter.open {left: 0 !important; box-shadow: 0 0 10px #3d3d3d;} } /*************************************************************/ /* Design: STAPLERHANDEL.CH - Website */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: August 2016 */ /* Site: wwww.staplerhandel.ch */ /*************************************************************/ /* Colors: rot: #D91D49 */ /* blau: #0079B3 */ /* grün: #16A158 */ /* grau: #CFCFCF */ /* hellgrau: #F1F1F1 */ /* dunkelgrau: #9D9D9D */ /*************************************************************/ /* HEADER */ /*************************************************************/ #header {/*height:195px;*/ width: 100%; position: relative; top: 0; z-index: 8000;} #header .mod_article {overflow: visible;} #header .inside {width: 100%; margin: 0 auto;} #header .logo {display: inline-block; left: 0; margin-top: 30px; position: absolute; z-index: 1210;} #header .logo-mobile {display: none;} #header .mobilebtn_ct {display: none;} #header .nuunnavbutton-open {display: none;} #header .headertopsearch {background: #D91D49; height: 100px; overflow: hidden;} #header .headertopsearch .inside {width: 1134px; margin: 0 auto; text-align: right;} #header .headertopsearch label {display: none;} #header .headertopsearch .clear_filters {display: none;} #header .headertopsearch .search {width: 420px; float: right; margin-top: 15px; padding: 5px 0 5px 5px; filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.3));} #header .headertopsearch input[type=text] {height: 55px; width: 310px; border-radius: 0; float: left; -webkit-appearance: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; padding: 0 20px; border: none; background: #f7f5f3;} #header .headertopsearch input[type=submit] {height: 55px; width: 70px; margin-top: 0; border-radius: 0; margin-right: 0; float: left; -webkit-appearance: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; border-style: none; background: #f7f5f3 url("../../files/data/graphics/icon-search-red.svg"); background-position: center; background-repeat: no-repeat;} #header .headertopsearch .filterright {display: none;} #header .searchtrigger .close {display: none;} #header .searchtrigger {width: 85px; height: 40px; cursor: pointer; float: right; display: inline-block; margin-left: 20px;} #header .searchtrigger .ce_image {margin-top: 10px; float: left; width: 25px;} #header .headertop {width: 100%; height: auto; display: inline-block; background-color: #D91D49;} #header .headertop .inside {width: 1134px; margin: 0 auto;} #header .headertop .ce_text {display: inline-block; float: right; margin: 10px 0 0 0; color: #fff; font-size: 16px;} #header .headertop a {color: #fff;} #header .headertop .mystaplerlinks {padding: 10px 0 10px 30px; margin: 0; display: inline-block; background: url(../../files/data/graphics/icon-fingerprint.svg); background-position: center left; background-repeat: no-repeat;} #header .headertop .mystaplerlinks p {margin: 0;} #header .headertop .mystaplerlinksmobile {display: none;} #header .headerbot {width: 100%; height: 155px; margin: 0;} #header .headerbot .inside {width: 1134px; margin: 0 auto;} #header .partner {height: 80px; width: 100%; background-color: #CFCFCF;} #header .partner .inside {width: 1134px; margin: 0 auto;} #header .partner .ce_image {display: inline-block; float: left; margin-top: 23px; height: 34px; margin-right: 30px;} #header .partner .ce_image img {height: 34px; width: auto;} /*body.ie #header .partner .ce_image {margin-right: 0; width: 20%;}*/ /*body.home #header {height: 825px;}*/ body.home #header .homeslider {width: 100%; height: 550px; overflow: hidden; position: relative; background: url(../../files/data/graphics/bg-homeslider-gradient.svg); background-size: cover;} body.home #header .homeslider .inside {width: 100%; height: 100%; background: url(../../files/data/graphics/bg-homeslider-lift.svg); background-position: bottom left; background-repeat: no-repeat;} body.home #header .homeslider .inside .content {width: 1134px; height: auto; margin: 0 auto; position: relative; overflow: visible;} body.home #header .homeslider .homeslickbild {height: 500px; overflow: hidden; padding-top: 50px; width: 100%; margin-left: 55%; z-index: 1000;} body.home #header .homeslider .caroufredsel_wrapper {overflow: visible !important;} body.home #header .homeslider .homeslickbild img {width: auto !important; /*height: 100%;*/ max-height: 500px;} body.home #header .homeslider .homeslicktext {position: absolute; top: 0; width: 37%; height: auto; margin-left: 25%; font-size: 40px; padding-top: 100px; line-height: 50px;} body.home #header .homeslider .homeslicktext .ce_text {color: #fff; height: 400px; overflow: hidden; font-family: 'Roboto-Light';} body.home #header .homeslider .homeslicktext .ce_text a {color: #fff; font-size: 16px; line-height: 20px;} .ui-selectmenu-menu {} .filters {} body.home .filtertitel {font-family: 'Roboto-Bold'; letter-spacing: 1px;} body.home #header .homeslider .ui-selectmenu-button {cursor: pointer;} /* GLOBAL LAYOUT */ /*************************************************************/ .schmal70 {width: 70% !important; margin: 0 auto;} .schmal50 {width: 50% !important; margin: 0 auto;} html, body {height: 100%; font: 100.01%/1.2em 'Roboto-Regular', sans-serif, Arial, Verdana, Helvetica; color:#5e5e5e; letter-spacing:0.0em; -webkit-font-smoothing: antialiased;} body {min-width:1200px; margin:0 auto;} #wrapper {position:relative; width:100%; min-height: 100%; margin: 0 auto;} * html #wrapper {height: 100%;} .zentriert {text-align: center !important; margin-left: auto !important; margin-right: auto !important;} .imageauto img {width: auto !important; height: auto !important;} #main .ce_text.imageauto .image_container.float_left {width: auto;} #main .ce_text.imageauto .image_container.float_right {width: auto;} #backtotop {width: 70px; position: fixed; bottom: 20px; border-radius: 2px; right: 20px; height: 35px; cursor: pointer; text-align: center; opacity: 0; background-color: rgba(0,121,179,0.6); z-index: 5000; padding-top: 10px;} #container {width:100%; z-index: 1001; min-height:300px; margin-bottom: 30px;} #main .mod_article .inside {width: 1134px; margin: 0 auto;} #main .mod_article.grau {background-color: #F1F1F1; padding: 30px 0;} #main .mod_article {padding: 30px 0;} #container .mod_breadcrumb {width: 1134px; margin: 30px auto 0 auto;} #container .mod_breadcrumb ul {} #container .mod_breadcrumb ul li {float: left; margin-right: 20px; margin-left: 0;} #container .mod_breadcrumb ul li a {color: #9B9B9B;} #container .mod_breadcrumb ul li:before {content: ">"; display: inline-block; width: 15px; color: #9B9B9B;} #filterbox.fake {height: 45px;} body.zweispaltig #container .mod_breadcrumb {width: auto;} body.zweispaltig #container {width: 1134px; margin: 0 auto;} body.zweispaltig #container #main {width: 75%; float: left;} body.zweispaltig #container #left {width: 25%; float: left; margin: 0;} body.zweispaltig #container #left .ce_hyperlink a {width: 80%; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; margin-top: 14px; text-align: center; font-size: 14px; overflow: hidden; height: 35px; box-sizing: border-box; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #16A158; border-radius: 3px; display: inline-block; position: relative; transition: all 0.3s;} body.zweispaltig #container #left .ce_hyperlink a:hover {line-height: 8em; text-decoration: none;} body.zweispaltig #container #left .ce_hyperlink a:before {content: attr(title); position: absolute; top: -2.75em;} body.zweispaltig #container .mod_article .inside {width: 100%;} body.zweispaltig #main .mod_article.first {padding-top: 0;} body.zweispaltig #main h1:before  {width: 100%;} body.zweispaltig .custom #breadcrumbs {width: 1134px; margin: 20px auto 10px auto;} body.zweispaltig .custom #breadcrumbs .mod_breadcrumb ul li {float: left; margin-right: 20px; margin-left: 0;} body.zweispaltig .custom #breadcrumbs .mod_breadcrumb ul li a {color: #9B9B9B;} body.zweispaltig .custom #breadcrumbs .mod_breadcrumb ul li:before {content: ">"; display: inline-block; width: 15px; color: #9B9B9B;} #uebersicht .verkaufboxen .ce_text {clear: none; width: 100%; box-sizing:border-box; text-align: center; margin-right: 0; margin-bottom: 14px; height: 150px; float: left; border: 1px solid #d8d8d8;} #uebersicht .verkaufboxen .ce_text p {line-height: 15px; margin-top: 8px;} #uebersicht .verkaufboxen .ce_text .image_container {height: 60px; padding-top: 40px;} #uebersicht .verkaufboxen .ce_text .image_container img {height: 45px; width: auto;} h1 {display:block; font-size: 46px; color:#9D9D9D; font-family: 'Roboto-Light', sans-serif; font-weight: 300; padding:14px 0 2px 0; margin:0 0 20px 0; line-height:1.2em;} h1:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} h2 {display:block; font-size: 46px; color:#9D9D9D; font-family: 'Roboto-Light', sans-serif; font-weight: 300; padding:14px 0 2px 0; margin:0 0 20px 0; line-height:1.15em;} h2:before {content: " "; width: 255px; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} h3 {letter-spacing: 1px; color: #9D9D9D; font-family: 'Roboto-Regular', sans-serif; font-weight: 300; line-height: 1em;} h4 {letter-spacing: 1px; color: #9D9D9D; font-family: 'Roboto-Regular', sans-serif; font-weight: 300; line-height: 1em; font-size: 18px;} body.def h1 {padding-top: 0;} b {font-family: 'Roboto-Bold', sans-serif;} a, a:link, a:visited {color:#0079B3; text-decoration: none;} a:hover, a:active {text-decoration:underline;} /*Columns*/ .rs-columns {clear: both;} .rs-columns:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .rs-columns .-large-col-2-1 {width: 47%; margin-right: 6%; display: inline-block; float: left;} .rs-columns .-large-col-2-1.-large-last {margin-right: 0;} body.login .rs-columns .-large-col-3-1 {margin-right: 4%;} body.login .rs-columns .-large-col-3-2.-large-last {width: 64%;} .rs-columns .-large-col-3-1 {width: 32%; margin-right: 2%; display: inline-block; float: left;} .rs-columns .-large-col-3-1.-large-first {clear: left;} .rs-columns .-large-col-3-1.-large-last {margin-right: 0;} .rs-columns .-large-col-3-2.-large-last {width: 66%; margin-right: 0; float: left;} .rs-columns .-large-col-3-2 {width: 64%; margin-right: 4%; float: left;} .rs-columns .-large-col-4-1 {width: 23.5%; margin-right: 2%; display: inline-block; float: left;} .rs-columns .-large-col-4-1.-large-first {clear: left;} .rs-columns .-large-col-4-1.-large-last {margin-right: 0;} .rs-columns .-large-col-4-2 {width: 47%; margin-right: 2%; display: inline-block; float: left;} .rs-columns .-large-col-5-1 {position: relative; width: 18%; padding: 0 1.25%; display: inline-block; float: left;} .rs-columns .-large-col-5-1.-large-first {padding: 0 1.25% 0 0;} .rs-columns .-large-col-5-1.-large-last {padding: 0 0 0 1.25%;} #main .ce_gallery {clear: both;} #main .ce_gallery ul {padding: 0; list-style: none;} #main .ce_gallery ul li {width: 23.5%; margin-right: 2%; height: 145px; overflow: hidden; margin-left: 0; display: inline-block; float: left; padding: 0; margin-bottom: 25px;} #main .ce_gallery ul li.col_last {margin-right: 0;} #main .ce_gallery ul li::before {display: none;} #main .ce_gallery .image_container {overflow: hidden;} #main .ce_gallery .image_container:hover img {-webkit-transform: scale(1.2); transform: scale(1.2);} #main .ce_gallery .image_container img {width: 100%; height: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #main .ce_caroufredsel_gallery {position: relative; width: 100%;} #main .ce_caroufredsel_gallery .caroufredsel_gallery {width: 100%; height: auto;} #main .ce_caroufredsel_gallery .image_container {width: 100%; height: auto;} #main .ce_caroufredsel_gallery .image_container img {width: 100%; height: auto;} #container .ce_caroufredsel_gallery .caroufredsel_skin {position:relative; float:left; width:100%; padding:0 0 0 0; margin-bottom:30px;} #main .ce_caroufredsel_gallery .caroufredsel_controls {position: absolute; top: 54%; width: 96%; padding: 0 2%; z-index: 1190;} #main .ce_caroufredsel_gallery .caroufredsel_controls .caroufredsel_prev {float: left; width: 31px; height: 55px; background: url("../../files/data/graphics/btn-prev.png"); background-size: contain; background-repeat: no-repeat;} #main .ce_caroufredsel_gallery .caroufredsel_controls .caroufredsel_prev span {display: none;} #main .ce_caroufredsel_gallery .caroufredsel_controls .caroufredsel_next {float: right; width: 31px; height: 55px; background: url("../../files/data/graphics/btn-next.png"); background-size: contain; background-repeat: no-repeat;} #main .ce_caroufredsel_gallery .caroufredsel_controls .caroufredsel_next span {display: none;} /*Downloads*/ .ce_download, .ce_downloads {position:relative; width:100%; margin-bottom: 18px; padding:0;} #main .ce_download ul, #main .ce_downloads ul {position:relative; list-style: none; float:left; width:100%; margin:0; padding:0 0 0 0;} #main .ce_download ul li, #main .ce_downloads ul li {position:relative; width:100%; line-height:25px; padding:0 0 0 0; margin:0 0 10px 0;} #main .ce_download img, #main .ce_downloads img {position:absolute; width: 18px; height: 18px; left:12px; top:10px; z-index:400; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;} body #container .ce_downloads a, body #container .ce_downloads a:link, body #container .ce_downloads a:visited, body #container .ce_download a, body #container .ce_download a:visited, body #container .ce_download a:link, body #container .enclosure a:link, body #container .enclosure a:visited { position:relative; z-index:300; text-decoration: none; font-size: 14px; color: #0079B3; display:block; padding: 6px 30px 6px 40px; margin:0 0 0 0; background:#F1F1F1 url(../../files/data/graphics/icon-download.png) top 9px right 8px no-repeat; background-color: #F1F1F1; transition: background-color 0.5s ease, color 0.5s ease; -webkit-transition: background-color 0.5s ease, color 0.5s ease; } .ce_download ul li::before, .ce_downloads ul li::before {display: none;} body #container .ce_downloads a:hover, body #container .ce_downloads a:active, body #container .ce_download a:hover, body #container .ce_download a:active {background:#0079B3 url(../../files/data/graphics/icon-download-hover.png) top 9px right 8px no-repeat; color: #fff;} #main .ce_text {clear: both;} #main .ce_text .image_container.float_left {width: 47%; margin-right: 6%; float: left; margin-bottom: 15px;} #main .ce_text .image_container.float_right {width: 47%; margin-left: 6%; float: right; margin-bottom: 15px;} #main .ce_text .image_container img {/*margin-bottom: 15px;*/ width: 100%; height: auto;} #main .ce_text.mitarbeiter {margin-bottom: 20px;} #main .ce_text.mitarbeiter .image_container {width: 30%;} #main .ce_text.mitarbeiter h3 {margin-top: 5px; font-family: 'Roboto-Light', sans-serif; font-weight: 300;} #main .ce_text.mitarbeiter td {font-size: 14px; padding: 5px 0;} #main .ce_text.mitarbeiter tr td:first-child {width: 33%;} #main p {font-size: 14px; line-height: 25px; color: #5e5e5e;} #main .ce_text ul {display: inline-block;} #main .ce_text ol {display: inline-block;} #main ul li {font-size: 14px; line-height: 20px; margin-left: 17px; position: relative;} #main .ce_text ul li {list-style-type: disc;} #main .ce_text.listenbreite ul {max-width:540px;} #main .ce_text ol li {font-size: 14px; line-height: 20px; margin-left: 17px; position: relative; list-style-type: decimal;} #main p.error {color:#D91D49;} body.login #main p.error {height: 80px;} #main .ce_image img {width: 100%; height: auto;} #main .partner .ce_image .image_container {width: 99%; height: 200px; margin-bottom: 15px; text-align: center; position: relative; vertical-align: middle; border: 1px solid #CECECE;} #main .partner .ce_image .image_container img {width: 60%; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;} #main .partner .ce_image figcaption {text-align: center; font-size: 20px; margin-bottom: 15px;} #main .ce_hyperlink a {overflow: hidden; font-size: 14px; line-height: 19px; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; overflow: hidden; height: 35px; box-sizing: border-box; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #D91D49; border-radius: 3px; display: inline-block; position: relative; -moz-transition: ease 0.35s all; -o-transition: ease 0.35s all; -webkit-transition: ease 0.35s all; transition: ease 0.35s all;} #main .ce_hyperlink a:hover {line-height: 8em; text-decoration: none;} #main .ce_hyperlink a:before {content: attr(title); position: absolute; top: -2.75em;} #main .ce_hyperlink.linknormal a {font-size: 14px; line-height: 1em; font-family: 'Roboto-Regular', sans-serif; letter-spacing: 0; height: auto; text-transform: none; color: #0079B3; padding: 0; background-color: #fff; border-radius: 0;} #main .ce_hyperlink.linknormal a:before {display: none;} #main .ce_hyperlink.linknormal a:hover {line-height: 1em; text-decoration: underline;} #main .ce_hyperlink.buttonhoch a {min-height: 56px;} #main .ce_hyperlink.buttononlineshop a {background-color:#16A158; color:#fff;} #main .autobreite a {width:100%; text-align:center;} #main .ce_table table tr.row_0 td {font-weight: bold;} #main .ce_text table tr td, #main .ce_table table tr td {font-size: 14px; padding: 4px 4px 4px 4px;} #main .ce_text table tr:nth-child(2n), #main .ce_table table tr:nth-child(2n) {background: #f1f1f1;} #main .ce_text table tr td:first-child, #main .ce_table table tr td:first-child {padding-right: 10px;} .kontaktinformationen table {margin-bottom: 0;} .kontaktinformationen table p {margin-bottom: 0;} .kontaktinformationen table tr td:first-child {padding-right: 10px;} #main .ce_text.kontaktinformationen table tr {background: #fff;} #main .ce_text table.produkttabelle {width: 395px;} #main .ce_text table.produkttabelle td {padding: 5px;} #main .ce_text table.produkttabelle tr:nth-child(2n) {background: none;} /* HOME */ /*************************************************************/ .branchenzugriff .ce_text:first-child {display: inline-block; float: left;} .branchenzugriff .branchenlinks .ce_text {width: 255px; height: 145px; position: relative; float: right; clear: none !important; margin-left: 30px; margin-bottom: 30px; border: 1px solid #E1E1E1; border-radius: 3px; transition: box-shadow 0.3s ease;} .branchenzugriff .branchenlinks .ce_text:nth-child(3) {clear: right !important;} .branchenzugriff .branchenlinks .ce_text .image_container {width: 50px; margin: 0 auto; padding-top: 25px;} #main .branchenzugriff .branchenlinks .ce_text p {bottom: 0; height: 32px; font-family: 'Roboto-Bold', sans-serif; position: absolute; background: #D91D49; background-position: right 15px center; background-repeat: no-repeat; margin-bottom: 0; width: 100%; text-align: center; padding-top: 8px; color: #fff; text-transform: uppercase; transition: background 0.3s ease;} .branchenzugriff .branchenlinks a {display: block; width: 100%; height: 145px;} .branchenzugriff .branchenlinks .ce_text:hover {box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.10);} #main .branchenzugriff .branchenlinks .ce_text:hover p {background: #D91D49 url("../../files/data/graphics/icon-branchen-hover.svg"); background-position: right 15px center; background-repeat: no-repeat;} body.home h1:before {content: " "; width: 255px; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} body.home #main .mod_article {padding-top: 60px;} /* NAVIGATION - MAIN */ /*************************************************************/ body #header .navigation {width: 100%; float: left; display: inline-block;} body .navigation ul.level_1 li.produktuebersicht ul.level_2 {display: none;} /*Main*/ body .navigation {position: relative; width: 100%; float: right; top: 75px; height: 50px; z-index: 1200; overflow: visible !important;} /*Level 1*/ body .navigation ul.level_1 {float: right;} body .navigation ul.level_1 li {float: left; margin: 0 3px; text-align: center; font-size:22px; height: 49px; width: 150px; background-position: center bottom; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} body .navigation ul.level_1 li a {color: #D91D49; width: 126px; display: block; padding: 10px 12px 35px 12px; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} body .navigation ul.level_1 li span {cursor: pointer; color: #D91D49; width: 126px; display: block; padding: 10px 12px 35px 12px; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} body .navigation ul.level_1 li:hover {color: #fff; background: url("../../files/data/graphics/bg-nav-hover.png"); background-repeat: no-repeat; background-position: center top; background-size: 100% 49px;} body .navigation ul.level_1 li:hover a {color: #fff;} body .navigation ul.level_1 li:hover span {color: #fff;} body .navigation ul.level_1 li.trail, body .navigation ul.level_1 li.active {color: #fff; background: url("../../files/data/graphics/bg-nav-hover.png"); background-repeat: no-repeat; background-position: center top; background-size: 100% 49px;} body .navigation ul.level_1 li.active.last, body .navigation ul.level_1 li.trail.last {} body .navigation ul.level_1 li.trail > span, body .navigation ul.level_1 li.active > span, body .navigation ul.level_1 li.trail > a, body .navigation ul.level_1 li.active > a {color: #fff;} body .navigation li.active span.active {color: #fff;} /*Level 2*/ body .navigation ul.level_1 li ul.level_2 {visibility: hidden; opacity: 0; position: absolute; margin-left: -42px; padding: 19px 0 10px 0; top: 70px; width: 235px; background: #fff; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} body .navigation ul.level_1 li:hover ul.level_2 {visibility: visible; opacity: 1; position: absolute; width:235px; height: auto; margin-left: -42px; padding: 19px 0 10px 0; top: 61px; background: #fff; filter: drop-shadow(0px 7px 3px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(0px 7px 3px rgba(0,0,0,0.3));} body .navigation ul.level_1 li:hover ul.level_2 li {margin: 0;} body.ie .navigation ul.level_1 li:hover ul.level_2 {box-shadow: 0 0 8px #000; background: #fff;} body.mobile .navigation ul.level_1 li ul.level_2 {display: none;} body.mobile .navigation ul.level_1 li:hover ul.level_2 {display: block;} body.ios .navigation ul.level_1 li ul.level_2 {display: none;} body.ios .navigation ul.level_1 li:hover ul.level_2 {display: block;} body .navigation ul.level_1 li ul.level_2 li {margin: 0; text-align: left; font-size: 19px; height: auto; width: 100%; background:none;} body .navigation ul.level_1 li ul.level_2 li.submenu {background:none;} body .navigation ul.level_1 li ul.level_2 li a {color: #D91D49; width: 90%; padding: 10px 5%; font-size: 16px;} body .navigation ul.level_1 li ul.level_2 li:hover a {color: #fff; background-color: #0079B3;} body .navigation ul.level_1 li ul.level_2 li.active a {color: #fff; background-color: #0079B3;} /*Megamenu*/ #mod_nav_mobile { display: none; } body .navigation ul.level_1 li ul.megamenu {z-index: 2201; visibility: hidden; opacity: 0; text-align: left; overflow: visible; padding: 50px 0 15px 0; position: absolute; left: 0; right: 0; margin: 0 auto; top: 49px; width: 100%; height: 0px; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;} /*body .navigation ul.level_1 li ul.megamenu.megaopen {visibility: visible; opacity: 1; background-color: #fff; text-align: left; position: absolute; left: -80px; right: 0; margin: 0 auto; width: 100%; height: 490px; padding: 50px 80px 15px 80px; top: 49px; filter: drop-shadow(0px 7px 3px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(0px 7px 3px rgba(0,0,0,0.3));}*/ body .navigation ul.level_1 li:hover ul.megamenu {visibility: visible; opacity: 1; background-color: #fff; text-align: left; position: absolute; left: -80px; right: 0; margin: 0 auto; width: 100%; height: 490px; padding: 50px 80px 15px 80px; top: 49px; filter: drop-shadow(0px 7px 3px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(0px 7px 3px rgba(0,0,0,0.3));} body .navigation ul.level_1 li ul.megamenu > li {width: 100%; margin:0; height: auto; background: none;} body .navigation ul.level_1 li ul.megamenu > div {width: 100%; margin: 0 auto; padding:0;} body .navigation ul.level_1 li ul.megamenu .rs-columns .-large-col-3-1 {width: 28%; margin-right: 8%; border-top: 4px solid #d8d8d8;} body .navigation ul.level_1 li ul.megamenu .rs-columns .-large-col-3-1.-large-last {margin-right: 0;} body .navigation ul.level_1 li ul.megamenu div > h2 {display: none;} body .navigation ul.level_1 li ul.megamenu h3 {font-size: 22px; font-family: 'Roboto-Light', sans-serif; color: #D91D49;} body .navigation ul.level_1 li ul.megamenu .ce_hyperlink a {overflow: hidden; font-size: 14px; height: 20px; position: relative; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; width: auto; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #16A158; border-radius: 3px; display: inline-block;} body .navigation ul.level_1 li ul.megamenu .ce_hyperlink a:hover {line-height: 8em; text-decoration: none;} body .navigation ul.level_1 li ul.megamenu .ce_hyperlink a:before {content: attr(title); position: absolute; top: -2.75em;} body .navigation ul.level_1 li ul.megamenu .linkboxen .ce_text {width: 47%; text-align: center; margin-right: 4%; margin-bottom: 14px; height: 90px; float: left; border: 1px solid #d8d8d8;} body .navigation ul.level_1 li ul.megamenu .linkboxen .ce_text:nth-of-type(2n) {margin-right: 0;} body .navigation ul.level_1 li ul.megamenu .linkboxen .ce_text p {line-height: 15px; margin-top: 8px;} body .navigation ul.level_1 li ul.megamenu div .ce_text .image_container {height: 25px; padding-top: 9px;} body .navigation ul.level_1 li ul.megamenu div .ce_text .image_container img {height: 25px; width: auto;} body .navigation ul.level_1 li ul.megamenu div .ce_text h2 {display: block; width: 90%; padding: 0 5%; color: #0079B3; font-size: 28px; text-align: left; margin-bottom: 0;} body .navigation ul.level_1 li ul.megamenu div .ce_text h2 a {font-size: 28px; color: #0079B3;} body .navigation ul.level_1 li ul.megamenu div .ce_text h2::after {display: none;} body .navigation ul.level_1 li ul.megamenu div .ce_text p {color: #5e5e5e; font-size: 14px; line-height: 25px;} body .navigation ul.level_1 li ul.megamenu div .ce_text a {font-size: 16px; text-decoration: none; color: #424242;} #darkener {position: absolute; width: 100%; height: 720px; background-color: rgba(62,2,84,0.9); z-index: 1199; top: 134px; left: 0; opacity: 0; visibility: hidden; transition: all 0.2s ease; -webkit-transition: all 0.2s ease;} /*Nav - Left*/ #left .navigationleft {margin: 14px 0 20px 0; overflow: visible;} #left .navigationleft ul.level_1 {width: 80%; height: auto; padding: 15px 0 15px 0; top: 50px; background: #fff; filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));} #left .navigationleft ul.level_1 li {margin: 0; text-align: left; font-size: 19px; height: auto; width: 100%; background:none;} #left .navigationleft ul.level_1 li a {color: #D91D49; display: block; width: 90%; padding: 10px 5%; font-size: 16px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease;} #left .navigationleft ul.level_1 li:hover a {color: #fff; background-color: #0079B3; text-decoration: none;} #left .navigationleft ul.level_1 li.active a, #left .navigationleft ul.level_1 li.trail a {color: #fff; background-color: #0079B3; text-decoration: none;} #left .navigationleft ul.level_1 ul.level_2 li a {color: #D91D49; background-color: #fff; width: 85%; padding: 10px 5% 10px 10%; transition: all 0.2s ease; -webkit-transition: all 0.2s ease;} #left .navigationleft ul.level_1 ul.level_2 li a:hover, #left .navigationleft ul.level_1 ul.level_2 li.active a {color: #0079B3;} #left .navigationleft ul.level_1 ul.level_2 {display: none;} #left .navigationleft ul.level_1 li.active ul.level_2, #left .navigationleft ul.level_1 li.trail ul.level_2 {display: block;} #left .navigationleft ul.level_1 li.menuabstand {margin-top:15px; border-top:1px solid #CFCFCF;} /*Mmenu*/ .mm-menu.mm-front {background-color: #0079B3; z-index: 6000; color: #fff !important;} .mm-menu.mm-light em.mm-counter {color: #fff;} .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {border-color: rgba(255, 255, 255, 0.9);} .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {border: 1px solid #fff;} .mm-list a.mm-subclose:before {border-right: none; border-bottom: none;} .mm-list a.mm-subopen:after {border-top: none; border-left: none;} /* NEWS */ /*************************************************************/ #main .mod_newslist .layout_latest::after {content: " "; display: block; height: 15px; padding-top: 30px; clear: both; margin-top: 8px; width: 100%; background: url("../../files/data/graphics/line-dotted-web-grey.png") left; background-size: 427px; background-repeat: repeat-x;} #main .mod_newslist .layout_latest .info {color: #b3b2b2; font-size: 14px; margin-bottom: 0;} #main .mod_newslist .layout_latest h3 {margin-top: 0; text-transform: uppercase;} #main .mod_newslist .layout_latest h3::after {display: none;} #main .mod_newslist .layout_latest a {color: #D91D49;} #main .mod_newslist .layout_latest .image_container {width: 25%; height: auto; overflow: hidden; margin: 0 20px 20px 0; display: inline-block; float: left;} #main .mod_newslist .layout_latest .image_container img {width: 100%; height: auto;} .mod_newsreader .layout_full .info {display: block; clear: both; padding-top: 0; margin-bottom: 0; color: #b3b2b2;} .mod_newsreader .back a {-webkit-appearance:none; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; background-color: #D91D49; border-radius: 3px; color: #fff !important; text-decoration: none; cursor: pointer; border: none; font-size: 16px; height: 40px; padding: 7px 15px;} .mod_newsreader .back a:hover {text-decoration: underline;} /* PAGINATION */ #main .pagination {width: 100%; float:left; display:block; padding:9px 0 0 0; clear: both;} #main .pagination p {width: 100%; float:left; display:block; padding:0;} #main .pagination ul {width: 100%; float:left; display:block; list-style-type:none;} #main .pagination ul li {float:left; display:inline; background:none; margin:0 12px 0 0 !important; padding:0 !important;} #main .pagination ul li::before {display: none;} /* TIMELINE */ /*************************************************************/ body.geschichte #main .ce_text {clear: none;} .timeline {margin: 0; position: relative;} .timeline:before {content: ""; position: absolute; height: 100%; top: 0; left: 50%; background: #9D9D9D; width: 2px;} .timeline:after {content: ""; position: absolute; height: 10px; width: 10px; margin: -4px; bottom: 0; border-radius: 99em; left: 50%; background: #9D9D9D;} .timeline .timeline-item {padding-bottom: 40px; position: relative;} .timeline .timeline-item:before {content: ""; width: 20px; height: 20px; margin: -11px; border: 2px solid #9D9D9D; background: white; position: absolute; top: 29px; left: 50%; font-size: 2em; border-radius: 99em; transition:all 0.6s ease;} .timeline .timeline-item:hover:before {width: 24px; height: 24px; margin: -13px; background: #0079B3; border: 2px solid #9D9D9D;} .timeline .timeline-item:after {content: ""; display: block; clear: both;} .timeline .timeline-item .ce_headline {width: 45%;} .timeline .timeline-item .ce_headline:before {display: none;} .timeline .timeline-item div {width: 45%;} .timeline .timeline-item .ce_headline {color: #0079B3; float: left; text-align: right;} .timeline .timeline-item div {float: right; text-align: left; clear: right !important; padding-top: 20px;} .timeline .timeline-item div h3 {color: #0079B3; text-align: left;} .timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;} .timeline .timeline-item:nth-child(2n) div {float: left; text-align: right; clear: left !important;} .timeline .timeline-item:nth-child(2n) div h3 {color: #0079B3; text-align: right;} /* FOOTER */ /*************************************************************/ body.home #footer {height: auto;} body.home #footer .partner {display: none;} #footer {height: auto; position: relative; z-index: 1000; bottom: 0; width: 100%;} #footer .inside {width: 100%; margin: 0 auto;} #footer .partner {height: 80px; width: 100%; background-color: #CFCFCF;} #footer .partner .inside {width: 1130px; margin: 0 auto;} #footer .partner .ce_image {display: inline-block; float: left; margin-top: 23px; height: 34px; margin-right: 30px;} #footer .partner .ce_image img {height: 34px; width: auto;} #footer .footertop {width: 100%; height: 411px; padding-top: 30px; background: #F1F1F1; float: left;} #footer .footertop .inside {width: 90vw; max-width: 1130px; height: 100%; background: url("../../files/data/graphics/Stapler.png"); background-position: bottom -1px right; background-repeat: no-repeat;} #footer .footertop .inside .mod_iso_productlist .product { margin-right: 0px; background-color:#fff} #footer .slider_footer_wrapper .mod_iso_productlist { overflow: visible; } #footer .footertop .inside .slick-slide {margin-left: 27px;} #footer .footertop .inside {visibility: hidden;} #footer .footertop .inside .slick-list {margin-left: -27px; padding-right: 2px;} #footer .footertop h2 {text-align: center; margin-bottom: 40px;} #footer .footertop h2:before {display: none;} #footer .footertop .mod_newslist {width: 65%; margin: 0 auto;} #footer .footertop .mod_newslist .layout_short.first {width: 47%; display: inline-block; float: left; padding-right: 2%; text-align: right; border-right: 4px solid #CFCFCF;} #footer .footertop .mod_newslist .layout_short.last {width: 47%; display: inline-block; float: left; padding-left: 2%; text-align: left;} #footer .footertop .mod_newslist p {margin: 0; font-size: 14px; line-height: 22px; color: #5e5e5e;} #footer .footertop .mod_newslist h2 {margin: 0; font-size: 15px; text-transform: uppercase; font-family: 'Roboto-Bold', sans-serif;} #footer .footertop .mod_newslist a {color: #D91D49;} #footer .footertop .mod_newslist .layout_short.first h2 {text-align: right;} #footer .footertop .mod_newslist .layout_short.last h2 {text-align: left;} #footer .footermid {width: 100%; height: 440px; padding-top: 40px; float: left; background: #1FB0F7; /* For browsers that do not support gradients */ background: -webkit-radial-gradient(#1FB0F7, #0079B3); /* Safari 5.1 to 6.0 */ background: -o-radial-gradient(#1FB0F7, #0079B3); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#1FB0F7, #0079B3); /* For Firefox 3.6 to 15 */ background: radial-gradient(#1FB0F7, #0079B3); /* Standard syntax */ } #footer .footermid .inside {width: 100%; height: 100%; background: url("../../files/data/graphics/stapler-footermid.png"); background-position: bottom left; background-repeat: no-repeat;} #footer .footermid .inside .rs-columns {width: 1134px; margin: 0 auto;} #footer .footermid h3 {display:block; font-size: 46px; font-family: 'Roboto-Light', sans-serif; font-weight: 300; letter-spacing: -2px; color:#fff; padding:14px 0 2px 0; margin:0 0 20px 0; line-height:1.2em;} #footer .footermid h3:before {content: " "; width: 255px; height: 4px; margin-bottom: 35px; background-color: #fff; display: block;} #footer .footermid h4 {color: #fff; font-size: 14px; line-height: 25px; margin: 7px 0 20px 0; font-family: 'Roboto-Bold', sans-serif;} #footer .footermid p {color: #fff; font-size: 14px; line-height: 25px;} #footer .footermid .socialmedia {margin-top: 120px;} #footer .footermid a {color: #fff;} #footer .footerbot {width: 100%; height: 50px; padding-top: 30px; position: relative; float: left; background-color: #fff;} #footer .footerbot .inside {width: 1134px; margin: 0 auto;} #footer .footerbot .ce_text {color: #0079B3; display: inline-block;} #footer .footerbot .ce_image {float: right;} /* SHOP */ /*************************************************************/ body.home .mod_iso_cumulativefilter, body.produktuebersicht .mod_iso_cumulativefilter {display: none;} body.home .topseller .product {background: #fff;} body.home #main .topseller {padding-top: 60px;} /*#mod_nav_filter {display: none;}*/ .filters { display: inline-block; margin-left: 100px; margin-right: 30px; width: 242px; vertical-align: top; margin-top: 15px;} #filterbox {width: 100%; height: 173px; padding-top: 15px; padding-bottom: 15px; background: url(../../files/data/graphics/bg-homeslider-gradient.svg); background-size: cover;} #filterbox .inside {width: 1134px; margin: 0 auto;} #filterbox form {width: 960px; float: left;} #filterbox form .select-style {width: 100%; margin-right: 0px; margin-bottom: 5px; display: inline-block; height: 40px; overflow: hidden; background: url(../../files/data/graphics/icon-dropdown.svg) no-repeat right 8% center #fff; border: 1px solid #9B9B9B; border-radius: 3px;} /*#filterbox form .select-style:nth-child(3) {margin-right: 0;}*/ #filterbox form select {background: transparent; width: 100%; padding: 5px 8%; font-size: 14px; color: #9B9B9B; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none;} #filterbox form select option:first-child {text-transform: capitalize;} #filterbox .filterright {width: 160px; padding-left: 0px; display: inline-block; margin-top: 5px; position: relative; height: 160px; } #filterbox .filterright .productsfound {width: 100%; font-family: 'Roboto-Bold', sans-serif; height: 18px; padding: 12px 0; font-size: 14px; background: #16A158; text-transform: uppercase; border-radius: 3px; text-align: center; color: #fff;} #filterbox .filterright .filterclear {width: 100%; position: absolute; right: 0; bottom: 0; font-family: 'Roboto-Bold', sans-serif; font-size: 14px; text-align: right; margin-top: 10px;} #filterbox .filterright .filterclear a {font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; margin-top: 14px; text-align: center; font-size: 14px; overflow: hidden; height: 35px; box-sizing: border-box; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #16A158; border-radius: 3px; display: inline-block; position: relative;} #filterbox .inside .back {width: 25%; margin-top: 3px; margin-bottom: 0; float: left; height: 40px; padding: 0; font-size: 14px; background: #16A158; text-transform: uppercase; border-radius: 3px; text-align: center;} #filterbox .inside .back a {color: #fff; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; width: 100%; height: 40px; padding: 12px 0; overflow: hidden; box-sizing: border-box; display: block; display: inline-block; position: relative; -moz-transition: ease 0.35s all; -o-transition: ease 0.35s all; -webkit-transition: ease 0.35s all; transition: ease 0.35s all;} #filterbox .inside .back a:hover {line-height: 8.5em; text-decoration: none;} #filterbox .inside .back a:before {content: attr(title); position: absolute; top: -2.75em;} #filterbox .mobilebtn_ct {display: none;} #filterbox .filterbutton-open {display: none;} body.verkauf #main .mod_article {padding: 10px 0;} body.verkauf #container h1:before {width: 100%;} body.verkauf .sortingfilter .filterright {display: none;} body.verkauf .sortingfilter form {display: inline-block; float: right; width: 255px; margin-top: -70px; margin-right: 4px;} body.verkauf .sortingfilter form select {background: transparent; width: 100%; padding: 5px 8%; font-size: 14px; color: #9B9B9B; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none;} body.verkauf .sortingfilter form .select-style {width: 100%; display: inline-block; height: 40px; overflow: hidden; background: url(../../files/data/graphics/icon-dropdown.svg) no-repeat right 8% center #fff; border: 1px solid #CFCFCF; border-radius: 3px;} /*LIST*/ .mod_iso_productlist {clear: both;} .mod_iso_productlist .product {width: 47%; margin-right: 5.5%; position: relative; float: left; margin-bottom: 50px; height: 220px; border: 1px solid #CFCFCF; border-radius: 3px; box-shadow: 0px 0px 14px 0px rgba(0,0,0,0); transition: box-shadow 0.3s ease;} .mod_iso_productlist .product.col_last {margin-right: 0;} .mod_iso_productlist .product .listleft {width: 45%; float: left; padding: 0; margin: 0; height: 220px;} .mod_iso_productlist .product .listleft .image_container {margin: 20px; overflow: hidden; border: 1px solid #CFCFCF; height: 155px; border-radius: 3px;} .mod_iso_productlist .product .listleft .image_container img {width: auto; height: 100%;} .mod_iso_productlist .product .listright {width: 50%; float: left; padding: 0; margin: 20px 0; height: 180px;} .mod_iso_productlist .product .listright h3 {display: inline-block; color: #5E5E5E; font-family: 'Roboto-Bold', sans-serif; font-size: 19px; letter-spacing: 0px; margin: 5px 0; transition: color 0.3s ease;} .mod_iso_productlist .product .listright div {color: #9B9B9B; font-size: 15px; margin-bottom: 6px;} .mod_iso_productlist .product .listright div span {color: #0079B3;} .mod_iso_productlist .product .listright div.price {color: #0079B3;} .mod_iso_productlist .product .listright div.price span {color: #5E5E5E;} .mod_iso_productlist .product .listright ul {display: inline-block; margin-bottom: 0; width: 50%;} #container .mod_iso_productlist .product .listright ul li {margin-bottom: 0; margin-left: 1px;} .mod_iso_productlist .product .listlink {width: 5%; float: left; padding-top: 87px; opacity: 0; transition: opacity 0.3s ease;} .mod_iso_productlist .product a {display: block; width: 100%; height: 195px; position: relative;} .mod_iso_productlist .product a:hover h3 {color: #D91D49;} .mod_iso_productlist .product a:hover .listlink {opacity: 1;} .mod_iso_productlist .product:hover {box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.10);} .mod_iso_productlist .product .top {position: absolute; font-family: 'Roboto-Bold', sans-serif; margin-top: 8px; width: 45px; background: #0079B3; height: 20px; padding: 4px 0 1px 20px; color: #fff; text-transform: uppercase; font-size: 12px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .mod_iso_productlist .product.loggedin {height: auto;} .mod_iso_productlist .product.loggedin .listright {height: auto;} .mod_iso_productlist .product .ist_Verkauft:after {content: "VERKAUFT"; position: absolute; bottom: 30px; right: 7px; width: 220px; padding: 11px 0 9px 0; background: #DB1746; text-align: center; font-size: 24px; font-family: 'Roboto-Regular', sans-serif; color: #fff; border-radius: 4px; transform: rotate(-13deg);} body.listschmal .mod_iso_productlist .product .listleft .image_container {margin: 15px; height: 130px;} body.listschmal .mod_iso_productlist .product .listright {margin: 14px 0;} body.listschmal .mod_iso_productlist .product .listright h3 {font-size: 18px;} body.listschmal .mod_iso_productlist .product .listright div {margin-bottom: 4px;} body.listschmal .mod_iso_productlist .product {box-sizing: border-box; width: 48%; margin-right: 4%; margin-bottom: 35px;} body.listschmal .mod_iso_productlist .product.col_last {margin-right: 0;} /*READER*/ .mod_iso_productreader h2 {margin-bottom: 10px;} .mod_iso_productreader h2:before {width: 100%;} .mod_iso_productreader .sku {font-size: 15px; color: #9B9B9B; margin-bottom: 20px;} #main .mod_iso_productreader h2 li {margin-left: 0; display: inline-block; float: left; font-size: 46px; line-height: 1.15em; font-family: 'Roboto-Light'; color: #9D9D9D; padding: 0 10px 2px 0; font-weight: 300;} .mod_iso_productreader .readertop {width: 100%; clear: both; margin-bottom: 20px;} .mod_iso_productreader .readertop .readertopleft {width: 43%; padding: 20px 2% 0 2%; float: left; margin-right: 5.5%; margin-bottom: 20px; border: 1px solid #CFCFCF; border-radius: 4px;} .mod_iso_productreader .readertop .readertopleft .image_container {overflow: hidden; line-height: 0; float: left; width: 18%; margin-right: 1.95%; margin-bottom: 20px; display: inline-block; border: 1px solid #CFCFCF; border-radius: 4px;} .mod_iso_productreader .readertop .readertopleft .image_container:first-child {width: 100%;} .mod_iso_productreader .readertop .readertopleft .image_container:nth-child(5n+1) {margin-right: 0;} .mod_iso_productreader .readertop .readertopleft .image_container img {width: 100%; height: auto;} .mod_iso_productreader .readertop .readertopright {width: 47%; float: left;} .mod_iso_productreader .readertop .readertopright h3 {color: #5E5E5E; font-size: 14px; margin-bottom: 20px; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px;} .mod_iso_productreader .readertop .readertopright .ihr_preisangebot {font-size: 14px;} .mod_iso_productreader .readertop .readertopright .ihr_preisangebot strong {font-size: 14px; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px;} .mod_iso_productreader .readertop .readertopright .price {font-size: 46px; color: #0079B3; margin-bottom: 40px;} .mod_iso_productreader .readertop .readertopright .price span {color: #9d9d9d; font-size: 16px;} .mod_iso_productreader .readertop .readertopright input {width: 55.7%; margin-top: 10px;} .mod_iso_productreader .readertop .readertopright p {width: 60%;} .mod_iso_productreader .readertop .readertopright .preistable tr td {padding: 5px;} .mod_iso_productreader .readertop .readertopright .preistable tr td:nth-of-type(2) {text-align: right;} .mod_iso_productreader .readertop .readertopright .preistable tr.trline td {border-top: 1px solid #5e5e5e;} .mod_iso_productreader .readertop .readertopright .readerregister a {text-align: center; margin-top: 20px; width: 60%; font-size: 14px; font-family: 'Roboto-Bold'; overflow: hidden; height: 35px; box-sizing: border-box; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #16A158; border-radius: 3px; display: inline-block; position: relative; -moz-transition: ease 0.35s all; -o-transition: ease 0.35s all; -webkit-transition: ease 0.35s all; transition: ease 0.35s all;} .mod_iso_productreader .readertop .readertopright .readerregister a:hover {/*line-height: 8em;*/ text-decoration: none;} /*.mod_iso_productreader .readertop .readertopright .readerregister a:before {content: attr(title); text-align: center; position: absolute; top: -2.75em;}*/ .mod_iso_productreader .readertop .readertopright .readerlogin {width: 60%; text-align: center; margin-top: 15px;} .mod_iso_productreader .readertop .readertopright .readerlogin a {font-family: 'Roboto-Bold', sans-serif; color: #16A158;} .mod_iso_productreader .readertop .readertopright .button_green {width: 60% !important;} .mod_iso_productreader .readertop .readertopright .ist_Verkauft {width: 100%; position: relative; margin-top: 80px;} .mod_iso_productreader .readertop .readertopright .ist_Verkauft:after {content: "VERKAUFT"; position: absolute; bottom: 30px; left: 0; width: 300px; padding: 16px 0 14px 0; background: #DB1746; text-align: center; font-size: 24px; font-family: 'Roboto-Regular', sans-serif; color: #fff; border-radius: 4px; transform: rotate(-13deg);} .mod_iso_productreader .next_product a {display: inline-block; width: 25px; height: 25px; border-radius: 4px; background: #0079B3 url(../../files/data/graphics/icon-prodpagi-next.svg) center no-repeat;} .mod_iso_productreader .prev_product a {display: inline-block; width: 25px; height: 25px; border-radius: 4px; background: #0079B3 url(../../files/data/graphics/icon-prodpagi-prev.svg) center left 6px no-repeat;} .mod_iso_productreader .readerbottom {width: 100%; clear: both;} .mod_iso_productreader .readerbottom .triple {width: 30%; margin-right: 5%; float: left; font-size: 15px;} .mod_iso_productreader .readerbottom .triple.last {margin-right: 0;} .mod_iso_productreader .readerbottom .triple h3 {color: #5E5E5E; font-size: 14px; margin-bottom: 20px; font-family: 'Roboto-Bold', sans-serif;} .mod_iso_productreader .readerbottom .triple h3:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} .mod_iso_productreader .readerbottom .triple div {margin-bottom: 4px;} .mod_iso_productreader .readerbottom .triple .tdub {margin-bottom: -5px !important; padding: 3px; display: inline-block; width: 100%;} .mod_iso_productreader .readerbottom .triple .tdub:nth-child(2n) {background: #eee;} .mod_iso_productreader .readerbottom .triple .left {width: 47%; margin-bottom: 0 !important; float: left; clear: both; display: inline-block;} .mod_iso_productreader .readerbottom .triple .right {width: 47%; margin-bottom: 0 !important; float: right; display: inline-block;} .mod_iso_productreader .readerbottom .triple .right ul {margin: 0 !important;} .mod_iso_productreader .readerbottom .triple .right ul li {margin: 0 !important; font-size: 15px !important; line-height: 19.2px !important;} .mod_iso_productreader .readerbottom .triple .divider {width: 102%; margin-top: 15px; padding-bottom: 9px; border-top: 1px solid #aaa;} .mod_iso_productreader .readerbottom .triple .datenblatt_export_container a.pdf_export {display: inline-block; height: 22px;} .mod_iso_productreader .readerbottom .triple .datenblatt_export_container a.pdf_export img {position: absolute;} .mod_iso_productreader .readerbottom .triple .datenblatt_export_container a.pdf_export span {display: inline-block; margin-top: -4px; padding-left: 22px;} #main .mod_iso_productreader .readerbottom .triple .datenblatt_export_container .produktedownloads img {left: 0; top: 0;} #main .mod_iso_productreader .readerbottom .triple .datenblatt_export_container .produktedownloads ul {margin-top: 5px;} #main .mod_iso_productreader .readerbottom .triple .datenblatt_export_container .produktedownloads li {line-height: 17px;} #main .mod_iso_productreader .readerbottom .triple .datenblatt_export_container .produktedownloads li a {padding: 2px 0 2px 22px; background: url(../../files/data/graphics/icon-pdf.svg) center left no-repeat; background-color: none; background-size: 15px;} #main .mod_iso_productreader .readerbottom .triple .datenblatt_export_container .produktedownloads li a:hover {color: #0079B3; text-decoration: underline;} body.readerschmal .mod_iso_productreader .readerbottom .triple {width: 48%; margin-right: 4%;} body.readerschmal .mod_iso_productreader .readerbottom .triple:nth-of-type(2) {margin-right: 0;} body.readerschmal .mod_iso_productreader .readerbottom .triple.last {margin-right: 0; width: 100%; clear: both;} .mod_iso_productreader .readerbottom .ce_form label {width: 26%; font-size: 14px; padding: 0; margin-top: 9px; clear: left; float: left;} .mod_iso_productreader .readerbottom .ce_form input {width: 63%; float: left; height: 40px; border-radius: 2px; padding: 0 5%;} .mod_iso_productreader .readerbottom .ce_form .select-style {margin-bottom: 1px; width: 73%; overflow: hidden; background: url(../../files/data/graphics/icon-dropdown.svg) no-repeat right 8% center #fff; border: 1px solid #d6d6d6; border-radius: 2px;} .mod_iso_productreader .readerbottom .ce_form select {background: transparent; height: 40px; padding: 5px 5%; margin: 0px 0 0px 0; width: 100%; color: #5e5e5e; border: 0; border-radius: 0; -webkit-appearance: none;} .mod_iso_productreader .readerbottom .ce_form .widget-textarea label {width: 100%; margin-top: 9px;} .mod_iso_productreader .readerbottom .ce_form .widget-textarea textarea {width: 89%; padding: 5px 5%; border-radius: 2px;} .mod_iso_productreader .readerbottom .ce_form .widget-textarea input {width: 100%; -webkit-appearance:none; border-radius: 2px; height: 40px; margin: 15px 0 0 0;} .mod_iso_productreader .readerbottom .checkbox_container span {width: 100%; text-align: right; display: block;} .mod_iso_productreader .readerbottom .checkbox_container span label {float: none; width: 100px; vertical-align: bottom; text-align: left;} .mod_iso_productreader .readerbottom .checkbox_container span .checkbox {width: 20px; float: none; height: 20px;} .mod_iso_productreader .readerbottom .ce_form .submit {width: 200px;} .mod_iso_productreader .next_product {position: absolute; top: 20%; margin-right: -50px; right: 0px; width: 50px; text-align: center;} .mod_iso_productreader .prev_product {position: absolute; top: 20%; margin-left: -50px; left: 0px; width: 50px; text-align: center;} .mod_iso_productreader .next_product a, .mod_iso_productreader .prev_product a { font-size: 20px; } .mod_iso_productreader .next_product a:hover, .mod_iso_productreader .prev_product a:hover { text-decoration: none;} .mod_iso_cumulativefilter {display: inline-block; float: right;} #main .mod_iso_cumulativefilter ul li {line-height: 19px; margin-left: 2px;} #main .mod_iso_cumulativefilter ul li::before {display: none;} .mod_iso_cumulativefilter .level_1 > li {display: inline-block; float: right;} .mod_iso_cumulativefilter .level_1 > li span {display: none;} .mod_iso_cumulativefilter .level_2 {display: inline-block; float: right;} .mod_iso_cumulativefilter .level_2 li {display: inline-block; float: right; margin-left: 5px;} .mod_iso_cumulativefilter .level_2 li a {color: #fff; padding:5px; text-decoration: none; background-color: #0079B3; display: inline-block; float: right;} .mod_iso_cumulativefilter .level_2 li a:hover {background-color: #424242;} .mod_iso_cumulativefilter .level_2 li a.active:hover {background-color: #424242;} .mod_iso_cumulativefilter .clearall a:hover {background-color: #424242;} .mod_iso_cumulativefilter .level_2 li a.active {background-color: #ccc;} .mod_iso_cumulativefilter .clearall a {color: #fff; width: 29px; height: 29px; text-decoration: none; background: #0079B3 url("../../files/data/graphics/clear-filter-white.png"); background-size: 17px; background-position: center; background-repeat: no-repeat; display: inline-block; float: right;} .mod_iso_cumulativefilter .clearall {margin-left: 4px !important;} /*LIGHTBOX / PREISANGEBOT*/ #colorbox, #cboxOverlay, #cboxWrapper {overflow: visible !important;} /*#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {width: 645px !important;}*/ body.verkauf #cboxOverlay {background: #fff;} body.verkauf .angebot_modal #cboxClose {width: 35px; height: 35px; top: -40px; right: -40px; background: url(../../files/data/graphics/cbox-close.svg) no-repeat center; background-size: contain;} body.verkauf .angebot_modal #cboxContent {background: rgba(255,255,255,0);} body.verkauf .angebot_modal #cboxLoadedContent {border: none; border-radius: 5px; padding: 20px 0; background: #1FB0F7; /* For browsers that do not support gradients */ background: -webkit-radial-gradient(#1FB0F7, #0079B3); /* Safari 5.1 to 6.0 */ background: -o-radial-gradient(#1FB0F7, #0079B3); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#1FB0F7, #0079B3); /* For Firefox 3.6 to 15 */ background: radial-gradient(#79D3FA, #038dce); /* Standard syntax */} body.firefox.verkauf #cboxLoadedContent {display: table;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper h1 {text-align: center; margin-bottom: 0; padding-top: 20px; font-size: 20px; font-family: 'Roboto-Bold', sans-serif; color: #fff; padding-left: 20px; padding-right: 20px;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper h2 {text-align: center; margin-top: 0; font-size: 20px; font-family: 'Roboto-Regular', sans-serif; color: #fff; padding-top:0; padding-left: 20px; padding-right: 20px;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper h1:before, body.verkauf #colorbox.angebot_modal .colorbox_wrapper h2:before {display: none;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper input.button_green {-webkit-appearance:none; width: 50%; border-radius: 3px; font-size: 16px; padding: 15px 0; cursor: pointer; display: block; margin: 15px auto 40px auto; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; background-color: #16A158; color: #fff; border: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.5);} body.verkauf #colorbox.angebot_modal .colorbox_wrapper input {margin: 20px auto; width: 40%; border-radius: 3px; border: none; font-size: 25px; color: #777; display: block; padding: 7px; text-align: center;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper p {width: 100%; text-align: center; color: #fff; font-size: 20px; line-height: 24px; font-family: 'Roboto-Regular', sans-serif;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper a {color: #fff; font-family: 'Roboto-Bold', sans-serif;} body.verkauf #colorbox.angebot_modal .unser_vorschlag span {width: 100%; text-align: center; color: #fff; display: block; font-size: 20px; margin-bottom: 20px;} body.verkauf #colorbox.angebot_modal .unser_vorschlag .unser_vorschlag_preis {width: 100%; margin-bottom: 25px; text-align: center; color: #fff; font-size: 45px; font-family: 'Roboto-Light', sans-serif;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper .gebot_error {width: 50%; border-radius: 3px; font-size: 20px; font-family: 'Roboto-Regular', sans-serif; text-align: center; padding: 15px 0; display: block; margin: 15px auto 20px auto; background-color: #D91D49; color: #fff; border: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.5);} body.verkauf #colorbox.angebot_modal #andere_produkte {padding-bottom: 20px;} body.verkauf #colorbox.angebot_modal #andere_produkte .listleft {width: 45%; float: left; padding: 0; margin: 0; height: 195px;} body.verkauf #colorbox.angebot_modal #andere_produkte .listleft .image_container {margin: 20px; overflow: hidden; border: 1px solid #CFCFCF; height: 155px; border-radius: 3px;} body.verkauf #colorbox.angebot_modal #andere_produkte .listleft .image_container img {width: auto; height: 100%;} body.verkauf #colorbox.angebot_modal #andere_produkte .listright {width: 50%; float: left; padding: 0; margin: 20px 0; height: 155px;} body.verkauf #colorbox.angebot_modal #andere_produkte .listright h3 {display: inline-block; color: #5E5E5E; font-family: 'Roboto-Bold', sans-serif; font-size: 19px; letter-spacing: 0px; margin: 5px 0; transition: color 0.3s ease;} body.verkauf #colorbox.angebot_modal #andere_produkte .listright div {color: #9B9B9B; font-size: 15px; margin-bottom: 6px;} body.verkauf #colorbox.angebot_modal #andere_produkte .listright div span {color: #0079B3;} body.verkauf #colorbox.angebot_modal #andere_produkte .listright ul {display: inline-block; margin-bottom: 0; width: 50%;} body.verkauf #colorbox.angebot_modal #andere_produkte .listright ul li {margin-bottom: 0; margin-left: 1px;} body.verkauf #colorbox.angebot_modal #andere_produkte .listlink {width: 5%; float: left; padding-top: 87px; opacity: 0; transition: opacity 0.3s ease;} body.verkauf #colorbox.angebot_modal #andere_produkte a {display: block; position: relative; background: #fff; width: 85%; margin: 15px auto; height: 195px; border-radius: 3px; border: 1px solid #CFCFCF;} body.verkauf #colorbox.angebot_modal #andere_produkte a:hover h3 {color: #D91D49;} body.verkauf #colorbox.angebot_modal #andere_produkte a:hover .listlink {opacity: 1;} body.verkauf #colorbox.angebot_modal #andere_produkte a:hover {box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.10);} body.verkauf #colorbox.angebot_modal #andere_produkte .top {position: absolute; font-family: 'Roboto-Bold', sans-serif; margin-top: 8px; width: 45px; background: #0079B3; height: 20px; padding: 4px 0 1px 20px; color: #fff; text-transform: uppercase; font-size: 12px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} body.verkauf #colorbox.produktgalerie, body.verkauf #colorbox.produktgalerie #cboxWrapper, body.verkauf #colorbox.produktgalerie #cboxContent, body.verkauf #colorbox.produktgalerie #cboxLoadedContent {height: auto !important; width: auto !important;} /*SUCHE*/ body.suche #main .clear_filters {display: none;} body.suche #main .mod_iso_productfilter {width: 1134px; margin: -45px auto; padding-right: 10px; clear: both;} body.suche #main .mod_iso_productfilter form {margin-bottom: 0;} body.suche .mod_iso_productlist {clear: both;} body.suche #main .search label {display: none;} body.suche #main .search .clear_filters {display: none;} body.suche #main .search {width: 420px; float: right; margin-top: 0px; padding: 5px 0 5px 5px; filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.3));} body.suche #main .search input[type=text] {height: 55px; width: 310px; border-radius: 0; float: left; -webkit-appearance: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; padding: 0 20px; border: none; background: #fff;} body.suche #main .search input[type=submit] {height: 55px; width: 70px; border-radius: 0; margin-right: 0; float: left; -webkit-appearance: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; border-style: none; background: #fff url("../../files/data/graphics/icon-search-red.svg"); background-position: center; background-repeat: no-repeat;} body.suche #main .filterright {display: none;} body.suche #main .mod_breadcrumb {z-index: 100} body.suche #footer .mod_iso_productlist h1 {display: none;} /*LOGIN*/ body.login h1:before {width: 100%;} body.login h3 {font-size: 15px; font-family: 'Roboto-Bold'; color: #5E5E5E; margin: 25px 0;} body.login h3:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} body.login .megamenu h3:before {display: none;} body.login input {width: 70%; padding: 0 2%; height: 40px; color: #5e5e5e; border: solid 1px #CED1D2; border-radius: 2px; margin-bottom: 10px;} body.login input.submit {width: 74.5%; margin-right: 3px; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; float: right; background-color: #16A158; color: #fff; margin-top: 15px; border: none;} body.login label {width: 25%; padding: 11px 0; margin-bottom: 10px; float: left; display: inline-block; font-size: 14px;} body.login .select-style {width: 74%; margin-bottom: 10px; display: inline-table; height: 40px; overflow: hidden; background: url(../../files/data/graphics/icon-dropdown.svg) no-repeat right 8% center #fff; border: 1px solid #CED1D2; border-radius: 3px;} body.login select {background: transparent; width: 100%; padding: 5px 3%; text-transform: capitalize; color: #5e5e5e; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none;} body.login .widget-captcha .captcha_text {font-size: 14px;} body.login .widget-captcha input {margin-bottom: 0;} body.login .login input {width: 68%; float: right;} body.login .login .checkbox_container input {width: 10%; height: 21px; float: left; margin-left: 27%; margin-bottom: 0; padding:0;} body.login .login .checkbox_container label {width: 50%; float: left; clear: none; margin-bottom: 0; padding:0;} body.login .login input.submit {width: 72%; margin-right: 0; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px;} /*MEIN KONTO*/ .mod_iso_addressbook h3:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} .mod_iso_addressbook div.even {width: 47%; margin-right: 6%; margin-bottom: 15px; clear: both; float: left;} .mod_iso_addressbook div.odd {width: 47%; float: left; margin-bottom: 15px;} .mod_iso_addressbook .addaddress {margin-bottom: 15px; display: inline-block; float: left;} .mod_iso_addressbook .vcard {margin-bottom: 15px;} #main .mod_iso_addressbook a.delete {background-color: #fff; color: #0079B3;} #main .mod_iso_addressbook a.delete:before {display: none;} #main .mod_iso_addressbook a.delete:hover {text-decoration: underline; line-height: 1.3em;} .mod_iso_orderhistory h3:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} .mod_iso_orderhistory td {padding: 7px 10px 7px 0; vertical-align: middle;} .mod_iso_orderhistory th {padding: 0 10px 0 0;} .mod_personalData {width: 60%;} #main .ce_accordion .toggler {letter-spacing: 1px; color: #9D9D9D; font-family: 'Roboto-Light', sans-serif; font-weight: 300; line-height: 1em; font-size: 1.5em; margin-bottom: 12px;} #main .ce_accordion .toggler:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} #main .ce_accordion .toggler:after {content: "Öffnen"; float: right; display: inline-block; -webkit-appearance:none; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; background-color: #D91D49; border-radius: 3px; color: #fff !important; text-decoration: none; cursor: pointer; border: none; font-size: 16px; padding: 4px 15px; margin-top: -5px;} #main .ce_accordion .toggler.ui-accordion-header-active:after {content: "Schliessen";} body.agb #header {display: none;} body.agb #footer {display: none;} /*WARENKORB*/ body.warenkorb .custom h1, body.warenkorb .custom .ce_text {display: none;} body.warenkorb .custom h1.einkaufslistetitel {display: block;} body.warenkorb .product {width: 100%; display: block;} body.warenkorb .product td {padding: 0 10px; display: table-cell;} body.warenkorb .product td.bild {width: 20%; padding: 0; display: inline-block; max-width: 250px;} body.warenkorb .product td.bild .image_container {overflow: hidden;padding: 10px; line-height: 0; border: 1px solid #CFCFCF; border-radius: 4px;} body.warenkorb .product td.bild img {width: 100%; height: auto; border: 1px solid #CFCFCF; border-radius: 4px;} body.warenkorb .product .tdfelder {display: inline-block; width: 79%; padding: 0;} body.warenkorb .product tr.felder {width: 100%; display: block;} body.warenkorb .product tr.felder td {width: 1%; padding: 0; text-align: right; font-size: 16px; line-height: 1.5em;} body.warenkorb .product tr.felder td.quantity {display: none;} body.warenkorb #main td.name ul li {font-size: 15px; line-height: 18px;} body.warenkorb .product td.name ul li::before {display: none;} body.warenkorb .product td.actions a {clear: both; -webkit-appearance:none; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; background-color: #D91D49; height: 35px; color: #fff; margin-left: 10px; margin-right: 0; width: auto; cursor: pointer; border: none; font-size: 16px; padding: 8px 17px; border-radius: 2px;} body.warenkorb .product td.quantity input {max-width: 30px; border: 1px solid #d6d6d6; color:#0079B3; padding:2px 5px; background-color: #f3f3f3;} body.warenkorb td.title {width: 100%; display: block;} body.warenkorb table {display: block; position: relative;} body.warenkorb table tbody {display: block;position: relative;} body.warenkorb table tfoot {display: block; width: 100%; height: 20px; font-size: 18px; font-weight: 600; padding: 7px 0; margin-top: 20px; background-color: #eaeaea;} body.warenkorb table tfoot tr {display: block; float: right; clear: right;} body.warenkorb .submit_container {margin-top: 15px; text-align: right;} body.warenkorb .submit_container .button_update {display: none;} body.warenkorb .submit_container .button_cart {display: none;} body.warenkorb .submit_container .quantity_container {margin-bottom: 15px;} body.warenkorb .submit_container input.submit {-webkit-appearance:none; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; float: none; background-color: #16A158; height: 35px; color: #fff; margin-left: 10px; margin-right: 0; width: auto; cursor: pointer; border: none; font-size: 14px; padding: 8px 17px;} body.warenkorb .submit_container input.submit:hover {text-decoration: underline;} body.warenkorb.ie .product td.image {max-width: 170px;} /*body.warenkorb #left .ce_hyperlink {display: none;}*/ #header .navwarenkorb {width: 45px; height: 45px; overflow: visible; z-index: 1201; display: inline-block; position: absolute; right: 0; margin: 70px 0 0 0;} #header .navwarenkorb a {display: inline-block; cursor: pointer; width: 45px; height: 45px; text-decoration: none; background: url("../../files/data/graphics/btn-orderlist.png") no-repeat center; background-size: 100%; cursor: pointer;} #header .navwarenkorb .cartitems {position: absolute; opacity: 0; background-color: #49c52d; color: #fff; border-radius: 22px; text-align: center; top: 35px; right: 35px; font-size: 14px; padding: 0px 5px 1px 5px;} #bestellungsdetail h1:before {width: 100%;} .mod_iso_orderdetails .info_container {margin-bottom: 25px;} .mod_iso_orderdetails .info_container:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} .mod_iso_orderdetails {width: 100%; float: left; display: inline-block;} .mod_iso_orderdetails:before {content: " "; width: 100%; height: 4px; margin-bottom: 25px; background-color: #CFCFCF; display: block;} .mod_iso_orderdetails h2 {letter-spacing: 1px; padding: 0; color: #9D9D9D; font-family: 'Roboto-Light', sans-serif; font-weight: 300; line-height: 1em; font-size: 1.5em;} .mod_iso_orderdetails h2:before {display: none;} .mod_iso_orderdetails table {border-top: 4px solid #CFCFCF;} .mod_iso_orderdetails .product td {padding-top: 25px;} .mod_iso_orderdetails td.image {width: 20%;} .mod_iso_orderdetails td.image .image_container {overflow: hidden; margin-bottom: 25px; padding: 10px; line-height: 0; border: 1px solid #CFCFCF; border-radius: 4px;} .mod_iso_orderdetails td.image img {width: 100%; height: auto; border: 1px solid #CFCFCF; border-radius: 4px;} .mod_iso_orderdetails td.name {padding-left: 20px;} .mod_iso_orderdetails td.total {text-align: right;} .mod_iso_orderdetails tfoot {border-top: 4px solid #CFCFCF;} .mod_iso_orderdetails tfoot tr td {padding-top: 10px; padding-bottom: 10px;} .mod_iso_orderdetails tfoot tr td.total {padding-right: 5px;} .mod_iso_orderdetails tfoot tr.foot_1 td {padding-bottom: 15px;} .mod_iso_orderdetails tfoot tr.foot_2 td {padding-bottom: 15px;} .mod_iso_orderdetails tfoot tr.total {background-color: #CFCFCF; border-radius: 2px; font-family: 'Roboto-Bold', sans-serif;} /*KASSE*/ body.kasse .mod_iso_checkout {width: 100%; margin: 0 auto;} body.kasse .mod_iso_checkout h2:first-child {line-height: 1em; padding: 0; margin: 10px 0 20px 0;} body.kasse .mod_iso_checkout h2:first-child:before {display: none;} body.kasse .custom .steps {width: 1134px; margin: 0 auto; padding: 5px 0;} body.kasse .custom .steps:after, body.kasse .custom .steps:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} body.kasse .custom .steps ol {width: 98%; padding: 0 1%; list-style-position: inside; height: 22px;} body.kasse .custom .steps ol li {width: 25%; float: left; text-transform: uppercase; color: #CFCFCF; text-align: center; font-family: 'Roboto-Bold', sans-serif;} body.kasse .custom .steps ol li a {color: #CFCFCF;} body.kasse .custom .steps ol li:first-child {text-align: left;} body.kasse .custom .steps ol li:last-child {text-align: right;} body.kasse .custom .steps ol li.active {color: #0079B3;} body.kasse .address fieldset > span {width: 24%; vertical-align: top; display: inline-block;} body.kasse .address fieldset > span input {width: 10%; float: left;} body.ie.kasse .address fieldset > span input {width: 7%; margin-right: 5px; float: left;} body.kasse .address fieldset > span label {width: 90%; float: left; clear: none;} body.kasse .address span label {clear: both; width: 100%;} body.kasse .address select {border-radius: 2px; font-size: 16px;} body.kasse .address.shippingaddress h2 {padding:14px 0 2px 0; margin:0 0 20px 0; line-height:1.15em;} body.kasse .address.shippingaddress h2:before {display: block;} body.kasse .mod_iso_checkout .submit_container {text-align: right;} body.kasse .mod_iso_checkout input.submit {font-size: 14px; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; margin: 15px 0 0 10px; float: none; width: auto; overflow: hidden; height: 35px; box-sizing: border-box; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #16A158; border-radius: 3px; display: inline-block; position: relative;} body.kasse .address .address_new {width: 50%;} body.kasse .shipping fieldset > span {width: 100%; vertical-align: top; display: inline-block;} body.kasse .shipping fieldset > span input {width: 5%; margin-bottom: 0; float: left;} body.ie.kasse .shipping fieldset > span input {width: 7%; margin-right: 5px; float: left;} body.kasse .shipping fieldset > span label {width: 90%; float: left; margin-bottom: 0; clear: none;} body.kasse .payment fieldset > span {width: 100%; vertical-align: top; display: inline-block;} body.kasse .payment fieldset > span input {width: 5%; margin-bottom: 0; float: left;} body.ie.kasse .payment fieldset > span input {width: 7%; margin-right: 5px; float: left;} body.kasse .payment fieldset > span label {width: 90%; float: left; margin-bottom: 0; clear: none;} body.kasse .edit {font-size: 14px; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; margin-top: 16px; float: right; overflow: hidden; height: 35px; box-sizing: border-box; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #D91D49; border-radius: 3px; display: inline-block; position: relative;} body.kasse .review.orderinfo {width: 100%; display: inline-block; float: left;} body.kasse .review.orderinfo .info_container {margin-bottom: 25px;} body.kasse .review.orderinfo .info_container:before {content: " "; width: 100%; height: 4px; margin-bottom: 15px; background-color: #CFCFCF; display: block;} body.kasse .review.orderproducts {width: 100%; float: left; display: inline-block;} body.kasse .review.orderproducts:before {content: " "; width: 100%; height: 4px; margin-bottom: 25px; background-color: #CFCFCF; display: block;} body.kasse .review.orderproducts td.image {width: 20%;} body.kasse .review.orderproducts td.image .image_container {overflow: hidden; margin-bottom: 25px; padding: 10px; line-height: 0; border: 1px solid #CFCFCF; border-radius: 4px;} body.kasse .review.orderproducts td.image img {width: 100%; height: auto; border: 1px solid #CFCFCF; border-radius: 4px;} body.kasse .review.orderproducts td.name {padding-left: 20px;} body.kasse .review.orderproducts td.total {text-align: right;} body.kasse .review.orderproducts tfoot {border-top: 4px solid #CFCFCF;} body.kasse .review.orderproducts tfoot tr td {padding-top: 15px; padding-bottom: 15px;} body.kasse .review.orderproducts tfoot tr td.total {padding-right: 5px;} body.kasse .review.orderproducts tfoot tr.foot_1 td {padding-bottom: 15px;} body.kasse .review.orderproducts tfoot tr.foot_2 td {padding-bottom: 15px;} body.kasse .review.orderproducts tfoot tr.total {background-color: #CFCFCF; border-radius: 2px; font-family: 'Roboto-Bold';} body.kasse .review.orderproducts tfoot tr.total td {padding-top: 8px; padding-bottom: 8px;} #bereitstellunghover {position: relative; float: left; width: 18px; height: 18px; margin-right: 5px; text-align: center; color: #fff; border-radius: 18px;} #bereitstellunghover:hover .bereits {display: block;} #bereitstellunghover .bereits {display: none; width: 475px; border: 1px solid #CFCFCF; border-radius: 4px; position: absolute; background: #fff; color: #5e5e5e; padding: 20px; top: 18px; text-align: left;} #bereitstellunghover .bereits ul {list-style-type: disc;} #bereitstellunghover .bereits ul li {text-align: left;} body.kasse .orderconditions .checkbox_container span label {display: none;} body.kasse .orderconditions .widget-explanation p {width: 97%; float: left; text-align: right;} body.kasse .orderconditions .widget-checkbox input.checkbox {width: auto; float: right; margin-top: -45px;} body.ie.kasse .orderconditions .widget-checkbox input.checkbox {width: 1.7%; margin-top: -45px;} body.kasse .orderconditions {clear: both; padding-top: 1px;} body.kasse .orderconditions h3 {margin-top: 10px;} body.kasse .orderconditions .widget-checkbox.error {position: relative;} body.kasse .orderconditions fieldset.error p {position: absolute; width: 100%; float: right; text-align: right; top: 25px;} body.kasse #cboxLoadedContent #wrapper {width: 94%; padding: 0 3%;} body.kasse #cboxLoadedContent #wrapper .mod_article .inside {width: 100%;} body.kasse #left .ce_hyperlink {display: none;} /* FORMULAR */ /*************************************************************/ form label {width: 25%; padding: 11px 0; clear: both; margin-bottom: 10px; float: left; display: inline-block; font-size: 14px;} form input {width: 70%; padding: 0 2%; height: 40px; color: #5e5e5e; border: solid 1px #CED1D2; border-radius: 2px; margin-bottom: 10px;} form br {clear:both; margin:0; padding:0;} textarea {float: left; width:70%; height: 75px; border: 1px solid #d6d6d6; border-radius: 2px; margin: 3px 0 7px 0; color:#5E5E5E; padding:5px 2%; background-color:#ffffff; font-size:16px;} textarea:focus {border: 1px solid #d6d6d6; color:#5E5E5E; background:#fff; font-size:16px;} form .submit {cursor: pointer; font-size: 14px; -webkit-appearance:none; overflow: hidden; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; height: 35px; border: none; box-sizing: border-box; text-transform: uppercase; color: #fff; padding: 8px 17px; background-color: #D91D49; border-radius: 3px; display: inline-block; position: relative; margin-right: 3px; width:35%; float: right;} form .button_green {background-color: #16a058; float:none; } form p.error {float:left; width: 99%; color:#5E5E5E; height:10px; font-size:10px; line-height:1em; clear:both;} form .widget-captcha .captcha_text {font-size: 14px; margin-left: 25%;} form .widget-explanation {clear: both;} form .select-style {width: 74%; margin-right: 0; font-size: 16px; margin-bottom: 5px; display: inline-block; height: 40px; overflow: hidden; background: url(../../files/data/graphics/icon-dropdown.svg) no-repeat right 8% center #fff; border: 1px solid #d6d6d6; border-radius: 2px;} form select {background: transparent; width: 100%; padding: 5px 3%; font-size: 14px; color: #5e5e5e; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none;} form input.upload {height:25px;} form fieldset.checkbox_container {clear: both;} form input.checkbox {width:5%; margin-top:1px; float:left;} form .checkbox_container span label {width:25%;} body.ie .ce_form input.checkbox {width: 3%;} form .g-recaptcha {margin-bottom: 20px; text-align: right;} form.markenformular .checkbox_container span label {width: 25%;} .mieteformular .widget-checkbox span {display: block; width: 50%; float: left;} .mieteformular .widget-checkbox span label {clear: none; padding: 5px 5px; width: 70%;} .mieteformular .widget-checkbox span input {height: 28px; width: 10%;} /* COLORBOX */ /*************************************************************/ /*#cboxOverlay {background: rgb(62,2,84);} #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../../files/data/graphics/btn-next-white.png"); width: 35px; position: fixed; right: 15px; height: 35px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../../files/data/graphics/btn-prev-white.png"); width: 35px; position: fixed; left: 15px; height: 35px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../../files/data/graphics/btn-close-white.png"); width: 35px; position: fixed; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} #cboxContent button:hover {opacity: 0.75;}*/ #iso_ajaxOverlay {background-color: #0079B3; opacity: 0.9;} #iso_ajaxBox {border: none; font-family: 'Open Sans'; width: 475px; padding-left: 5%; left: 0; right: 0; margin: 0 auto; background: #fff url("../../files/data/graphics/ico-cart.svg") no-repeat center left 5% !important; background-size: 40px !important;} #iso_ajaxBox .iso_confirm {background:none; font-family: 'Roboto-Regular'; color:#0079B3; font-size: 16px;} .zoomContainer {z-index: 5000; overflow: hidden;} /* FIXES */ /*************************************************************/ .ce_dlh_googlemaps {clear: both; height: 450px; border-radius: 3px; overflow: hidden;} .dlh_googlemap {width: 100% !important; height: 450px;} .ce_dlh_googlemaps form input {width: 93%;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ .clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; } .invisible { display:none;} :focus {outline: none;} body.ie select::-ms-expand { display: none; } /* Mozilla based browsers */ ::-moz-selection { background-color: #0079B3; color: #fff; } /* Works in Safari */ ::selection { background-color: #0079B3; color: #fff; } /* Works in Opera */ ::-o-selection { background-color: #0079B3; color: #fff; } ::-ms-selection { background-color: #0079B3; color: #fff; } /* Works in Internet Explorer */ ::-webkit-selection { background-color: #0079B3; color: #fff; } /* MEDIA-QUERIES */ /*************************************************************/ @media screen and (max-width: 1250px) { body {min-width: 900px;} body #header .navigation {width: 94%; float: right;} body #header .navigation ul.level_1 li a {width: 125px; padding-right: 0; padding-left: 0;} body .navigation ul.level_1 li span {width: 125px; padding-right: 0; padding-left: 0;} body .navigation ul.level_1 li {width: 125px;} body #header .navigation ul.level_1 li ul.level_2 li a {width: 90%; padding-right: 5%; padding-left: 5%;} body #header .navigation ul.level_1 li ul.level_2 li span {width: 100%;} body .navigation ul.level_1 li ul.level_2 {margin-left: -35px;width: 200px;} body .navigation ul.level_1 li:hover ul.level_2 {margin-left: -35px;width: 200px;} body .navigation ul.level_1 li.last ul.level_2 {margin-left: -55px;} body .navigation ul.level_1 li.last:hover ul.level_2 {margin-left: -55px;} body.home #header .homeslider .inside .content {width: 900px;} body.home #header .homeslider .homeslicktext {margin-left: 35%;} body .navigation ul.level_1 li ul.megamenu .linkboxen .ce_text p {word-break: break-all;} body .navigation ul.level_1 li ul.megamenu div .ce_text a {max-width: 100%;} body .navigation ul.level_1 li ul.megamenu .ce_hyperlink a {min-width: 175px; text-align: center;} #header .headertopsearch .inside {width: 900px;} #header .headertop .inside {width: 900px;} #header .headerbot .inside {width: 900px;} #header .partner .inside {width: 900px;} #header .partner img {width: 100px;} #header .logo {width: 200px;} #header .logo img {width: 100%; height: auto;} #filterbox .inside {width: 900px;} #filterbox form {width: 749px;} #filterbox .ui-selectmenu-button.ui-button {width: 8em;} #filterbox .filters {width: 130px;} #filterbox .filterright {width: 150px;} body.suche #main .mod_iso_productfilter {width: 97%; margin: 15px 0 -40px 0;} #main .mod_article .inside {width: 900px;} .branchenzugriff .branchenlinks .ce_text {width: 240px;} body.login .rs-columns .-large-col-3-1 {width: 100%; margin-right: 0;} body.login .rs-columns .-large-col-3-2.-large-last {width: 100%;} body.konto .rs-columns .-large-col-2-1 {width: 100%; margin-right: 0;} body.konto table {width: 100%;} #footer .footermid .inside .rs-columns {width: 900px;} #footer .footerbot .inside {width: 900px;} #footer .partner .inside {width: 900px;} #container .mod_breadcrumb {width: 900px;} body.zweispaltig .custom #breadcrumbs {width: 900px;} body.zweispaltig #container {width: 900px;} body.kasse .custom .steps {width: 900px;} body.listschmal .mod_iso_productlist .product {height: auto; margin-bottom: 30px; margin-right: 4%;} body.listschmal .mod_iso_productlist .product form {margin-bottom: 0;} body.listschmal .mod_iso_productlist .product .listleft {width: 100%;} body.listschmal .mod_iso_productlist .product .listleft .image_container {width: 200px; margin: 20px auto; height: 175px;} body.listschmal .mod_iso_productlist .product .listlink {position: absolute; right: 5px; top: 50%;} body.listschmal .mod_iso_productlist .product .listright {width: 90%; padding: 0 5%; height: auto; min-height: 155px;} .mod_iso_productreader .readertop .readertopleft .image_container {margin-right: 1.7%; margin-bottom: 10px;} .mod_iso_productreader .readertop .readertopright input {width: 95%;} .mod_iso_productreader .readertop .readertopright .button_green {width: 99% !important;} .mod_iso_productreader .readertop .readertopright p {width: 99%;} .mod_iso_productreader .readertop .readertopright .readerregister a {width: 99%; padding: 8px 0;} .mod_iso_productreader .readertop .readertopright .readerlogin {width: 100%;} } @media screen and (max-width: 950px) { iframe {height:53vw;} body #header .navigation {display: none;} #header .mobilebtn_ct {display: inline-block; position: absolute; right: 3%;} #header .nuunnavbutton-open {display: inline-block; position: absolute; right: 3%;} #header .headertop .mystaplerlinks {display: none;} #header .headertop .mystaplerlinksmobile {display: inline-block; float: left;} #header .searchtrigger {width: 23px;} #header .searchtrigger .ce_text {display: none;} body.home #header .homeslider .homeslicktext {margin-left: 250px;} body.home #header .homeslider .homeslicktext .ce_text {font-size: 30px; line-height: 35px; padding-top: 5px;} body.home #header .homeslider .homeslickbild {margin-left: 45%;} body.home #header .homeslider .homeslickbild img {width: auto;} #mod_nav_filter .clear_filters {font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; text-transform: uppercase; display: block; background: #CFCFCF; border-radius: 3px; color: #fff; width: 100%; text-align: center; height: 20px; padding: 10px 0;} a.mobilebtn.close {margin-top: 0; font-family: 'Roboto-Bold', sans-serif; letter-spacing: 1px; text-transform: uppercase; display: block; background: #16A158; border-radius: 3px; color: #fff; width: 100%; text-align: center; height: 20px; padding: 10px 0;} #mod_nav_filter {display: block;} #mod_nav_filter .mobilefilterbox {clear: both; margin: 40px 0;} #mod_nav_filter .mobilefilterbox .mod_iso_productfilter {overflow: visible;} #mod_nav_filter .mobilefilterbox .filters {margin: 15px 0; width: 100%;} #mod_nav_filter .mobilefilterbox .filters .ui-selectmenu-button.ui-button {width: 99%;} #mod_nav_filter .mobilefilterbox .filterright .filterclear {clear: both; top: 15px; position: relative;} .mobilebtn {display: inline-block; width: 40px; height: 40px; float: right; margin-top: 30px; margin-right: 0; margin-left: 7px;} a.mobilebtn {display: inline-block; width: 40px; height: 40px; text-decoration: none; background: url("../../files/data/graphics/btn-mobile.svg") no-repeat center; background-size: 100%; cursor: pointer;} a.mobilebtn.white {margin-top: -5px; width: 115px; margin-left: 0; float: left; background: url("../../files/data/graphics/btn-mobile-white.svg") no-repeat center left;} .nuunnavbutton-open {display: inline-block; width: 40px; height: 40px; text-decoration: none; background: url("../../files/data/graphics/btn-mobile.svg") no-repeat center; background-size: 100%; cursor: pointer;} .filterbutton-open {margin-top: -5px; width: 115px; height: 40px; margin-left: 0; float: left; background: url("../../files/data/graphics/btn-mobile-white.svg") no-repeat center left;} body {min-width: 100%;} #main .ce_gallery ul li {height: 15vw;} #header .headerbot {height: 100px;} #header .logo {position: relative; margin-top: 10px;} #filterbox.fake {padding: 0; height: 4px;} body.zweispaltig #container #left {display: none;} body.zweispaltig #container #main {width: 100%;} body.zweispaltig #container .mod_article .inside {padding-left: 0; padding-right: 0;} body.zweispaltig .custom #breadcrumbs {display: none;} body.zweispaltig #container {width: 94%; padding-left: 3%; padding-right: 3%;} body.home #header .homeslider .inside .content {width: 94%; padding-left: 3%; padding-right: 3%;} #header .headertopsearch .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #header .headertop .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #header .headerbot .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #header .partner .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #filterbox {height: 30px;} #filterbox .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #filterbox .inside .back {width: 230px;} #filterbox form {width: auto; float: right; height: 44px; margin-bottom: 0; margin-top: -5px;} #filterbox .mobilebtn_ct {display: block;} #filterbox .mobilebtn_ct a:after {content: "Filtern"; display: inline-block; margin-left: 15px; width: auto; position: relative; float: right; color: #fff; text-transform: uppercase; font-family: 'Roboto-Bold'; letter-spacing: 1px; margin-top: 11px;} #filterbox .filterbutton-open {display: block;} #filterbox .filterbutton-open:after {content: "Filtern"; display: inline-block; margin-left: 15px; width: auto; position: relative; float: right; color: #fff; text-transform: uppercase; font-family: 'Roboto-Bold'; letter-spacing: 1px; margin-top: 11px;} #filterbox .ui-selectmenu-button.ui-button {width: 12em;} #container .mod_breadcrumb {display: none;} #main .mod_article .inside {width: 94%; padding-left: 3%; padding-right: 3%;} body.kasse .custom .steps {width: 94%; padding-left: 3%; padding-right: 3%;} #footer .partner .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #footer .footermid .inside .rs-columns {width: 94%; padding-left: 3%; padding-right: 3%;} #footer .footerbot .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #footer .footertop {height: auto;} #footer .footertop .inside {padding-bottom: 40px;} #footer .footermid .inside {background: none;} .branchenlinks {clear: both;} .branchenzugriff .branchenlinks .ce_text {width: 29.5%; margin-left: 0; margin-right: 5%; float: left;} .branchenzugriff .branchenlinks .ce_text:nth-child(3) {margin-right: 0;} .mod_iso_productlist .product {height: auto; margin-bottom: 30px; margin-right: 5%;} .mod_iso_productlist .product form {margin-bottom: 0;} .mod_iso_productlist .product .listleft {width: 100%;} .mod_iso_productlist .product .listleft .image_container {width: 200px; margin: 20px auto;} .mod_iso_productlist .product .listlink {position: absolute; right: 5px; top: 50%;} .mod_iso_productlist .product .listright {width: 90%; padding: 0 5%; height: auto; min-height: 155px;} .mod_personalData {width: 100%;} .mod_iso_productreader .next_product {position: relative; float: right; width: 30px; margin-right: 0;} .mod_iso_productreader .prev_product {position: relative; width: 30px; margin-left: 0;} } @media screen and (max-width: 700px) { .schmal70 {width: 100% !important; margin: 0 auto;} .schmal50 {width: 100% !important; margin: 0 auto;} #main .ce_youtube .mejs-container {width: 100% !important;} #main .ce_youtube .me-plugin {width: 100% !important;} #main .ce_youtube .mejs-overlay {width: 100% !important;} .tablescroll {width: 100%; clear: both; overflow-x: scroll;} .tablescroll:after {content: "scroll right"; font-size: 14px;} .branchenzugriff .branchenlinks .ce_text {width: 99%; margin-right: 0;} .kontaktinformationen {margin-top: 20px !important;} .rs-columns .-large-col-2-1 {width: 100%; margin-right: 0;} .rs-columns .-large-col-4-2 {width: 100%; margin-right: 0;} .rs-columns .-large-col-4-1 {width: 100%; margin-right: 0;} .rs-columns .-large-col-3-2 {width: 100%; margin-right: 0;} .rs-columns .-large-col-3-1 {width: 100%; margin-right: 0;} #footer .footermid {height: auto;} #footer .footermid .socialmedia {margin-top: 0;} #footer .footertop .inside {width: 90vw;} #footer .footertop .mod_newslist {width: 100%;} #footer .footermid h4 {margin: 7px 0;} #footer .footermid p {line-height: 20px;} #header .partner {display: none;} #footer .partner {display: none;} body.home #header .homeslider {height: 495px;} body.home #header .homeslider .homeslickbild {display: none;} body.home #header .homeslider .homeslicktext {display: none;} body.home #header .homeslider .inside {background: none;} body.home .filtertitel {margin-top: 20px;} .homeslider .mod_iso_productfilter {width: 94%;} .homeslider .filters {width: 100%;} .homeslider .ui-selectmenu-button.ui-button {width: 99%;} .homeslider #filter_suche {padding: 10px 0; width: 99%; text-align: center;} body.login label {width: 100%; padding: 3px 0; margin-bottom: 0;} body.login .login input {width: 95%; float: left;} body.login .login .checkbox_container input {margin-left: 0;} body.login .login input.submit {width: 99%;} body.login input {width: 95%; float: left;} body.login .select-style {width: 99%; float: left;} body.login input.submit {width: 99%; float: left;} .mod_iso_productlist .product {width: 99%; margin-right: 0;} body.listschmal .mod_iso_productlist .product {width: 99%; margin-right: 0;} .mod_iso_productreader .readertop .readertopleft {width: 95%; margin-right: 0;} .mod_iso_productreader .readertop .readertopright {width: 100%;} .mod_iso_productreader .readerbottom .triple {width: 100%; margin-right: 0;} body.readerschmal .mod_iso_productreader .readerbottom .triple {width: 100%; margin-right: 0;} body.kasse .address fieldset > span {width: 49%; margin-bottom: 20px;} body.kasse .custom .steps ol {height: 77px;} body.kasse .custom .steps ol li {width: 100%; text-align: left;} body.kasse .custom .steps ol li:last-child {text-align: left;} body.kasse .review.orderproducts td {width: 100%; display: block; float: left; text-align: left; padding: 0;} body.kasse .review.orderproducts td.image {width: 100%;} body.kasse .review.orderproducts td.name {padding-left: 0;} body.kasse .review.orderproducts td.total {text-align: left;} body.kasse .review.orderproducts tbody tr.product .total {padding-bottom: 15px;} body.kasse .review.orderproducts tfoot tr.subtotal .col_first {display: none;} body.kasse .review.orderproducts tfoot tr.subtotal .col_3 {display: none;} body.kasse .review.orderproducts tfoot tr.subtotal .name {padding-bottom: 0;} body.kasse .review.orderproducts tfoot tr.subtotal .total {padding-top: 0;} body.kasse .review.orderproducts tfoot tr.foot_1 .col_first {display: none;} body.kasse .review.orderproducts tfoot tr.foot_1 .col_3 {display: none;} body.kasse .review.orderproducts tfoot tr.foot_1 .name {padding-bottom: 0;} body.kasse .review.orderproducts tfoot tr.foot_1 .total {padding-top: 0;} body.kasse .review.orderproducts tfoot tr.foot_2 .col_first {display: none;} body.kasse .review.orderproducts tfoot tr.foot_2 .col_3 {display: none;} body.kasse .review.orderproducts tfoot tr.foot_2 .name {padding-bottom: 0;} body.kasse .review.orderproducts tfoot tr.foot_2 .total {padding-top: 0;} body.kasse .review.orderproducts tfoot tr.total .col_first {display: none;} body.kasse .review.orderproducts tfoot tr.total .col_3 {display: none;} body.kasse .review.orderproducts tfoot tr.total .name {padding-bottom: 0; padding-left: 5px;} body.kasse .review.orderproducts tfoot tr.total .total {padding-top: 0; padding-left: 5px;} body.kasse .review.orderproducts tfoot tr.foot_4 .col_first {display: none;} body.kasse .review.orderproducts tfoot tr.foot_4 .col_8 {padding-bottom: 0; padding-top: 0;} body.kasse .review.orderproducts tfoot tr.foot_4 .name {padding-bottom: 0;} body.kasse .review.orderproducts tfoot tr.foot_4 .total {padding-top: 0;} body.kasse .review.orderproducts tfoot tr.foot_3 .col_first {display: none;} body.kasse .review.orderproducts tfoot tr.foot_3 .col_8 {padding-bottom: 0; padding-top: 0;} body.kasse .review.orderproducts tfoot tr.foot_3 .name {padding-bottom: 0;} body.kasse .review.orderproducts tfoot tr.foot_3 .total {padding-top: 0;} body.kasse .orderconditions .widget-explanation {width: 90%;} body.kasse .orderconditions .widget-checkbox input.checkbox {margin-top: -87px;} body.kasse .review.orderproducts #bereitstellunghover {display: none;} .mod_iso_orderdetails td {width: 100%; display: block; float: left; text-align: left; padding: 0;} .mod_iso_orderdetails td.image {width: 100%;} .mod_iso_orderdetails td.name {padding-left: 0;} .mod_iso_orderdetails td.total {text-align: left;} .mod_iso_orderdetails tbody tr.product .total {padding-bottom: 15px;} .mod_iso_orderdetails tfoot tr.subtotal .col_first {display: none;} .mod_iso_orderdetails tfoot tr.subtotal .col_3 {display: none;} .mod_iso_orderdetails tfoot tr.subtotal .name {padding-bottom: 0;} .mod_iso_orderdetails tfoot tr.subtotal .total {padding-top: 0;} .mod_iso_orderdetails tfoot tr.foot_1 .col_first {display: none;} .mod_iso_orderdetails tfoot tr.foot_1 .col_3 {display: none;} .mod_iso_orderdetails tfoot tr.foot_1 .name {padding-bottom: 0;} .mod_iso_orderdetails tfoot tr.foot_1 .total {padding-top: 0;} .mod_iso_orderdetails tfoot tr.foot_2 .col_first {display: none;} .mod_iso_orderdetails tfoot tr.foot_2 .col_3 {display: none;} .mod_iso_orderdetails tfoot tr.foot_2 .name {padding-bottom: 0;} .mod_iso_orderdetails tfoot tr.foot_2 .total {padding-top: 0;} .mod_iso_orderdetails tfoot tr.total .col_first {display: none;} .mod_iso_orderdetails tfoot tr.total .col_3 {display: none;} .mod_iso_orderdetails tfoot tr.total .name {padding-bottom: 0; padding-left: 5px;} .mod_iso_orderdetails tfoot tr.total .total {padding-top: 0; padding-left: 5px;} .mod_iso_orderdetails tfoot tr.foot_4 .col_first {display: none;} .mod_iso_orderdetails tfoot tr.foot_4 .col_8 {padding-bottom: 0; padding-top: 0;} .mod_iso_orderdetails tfoot tr.foot_4 .name {padding-bottom: 0;} .mod_iso_orderdetails tfoot tr.foot_4 .total {padding-top: 0;} body.warenkorb .product td {padding: 0;} body.warenkorb .product td.bild {width: 100%; display: block;} body.warenkorb .product tr.felder td {width: 100%; display: block; margin-bottom: 20px; text-align: left;} body.warenkorb .product td.actions a {margin-left: 0;} body.verkauf #colorbox.angebot_modal, body.verkauf #cboxWrapper, body.verkauf .angebot_modal #cboxContent, body.verkauf .angebot_modal #cboxLoadedContent {width: 100% !important;} body.verkauf #cboxClose {right: 0;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper input.button_green {width: 90%;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper input {width: 86%;} body.verkauf #colorbox.angebot_modal .colorbox_wrapper .gebot_error {width: 90%;} .timeline:before {left: 5%;} .timeline:after {left: 5%;} .timeline .timeline-item:before {left: 5%;} .timeline .timeline-item .ce_headline {width: 85%; float: right;} .timeline .timeline-item div {width: 85%; float: right;} .timeline .timeline-item .ce_headline {float: right; text-align: left;} .timeline .timeline-item div {float: right; text-align: left; clear: right !important;} .timeline .timeline-item div h3 {text-align: left;} .timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;} .timeline .timeline-item:nth-child(2n) div {float: right; text-align: left; clear: left !important;} .timeline .timeline-item:nth-child(2n) div h3 {text-align: left;} #iso_ajaxBox {width: 70%; background: #fff !important;} } @media screen and (max-width: 500px) { h1, h2 {font-size: 22px;} #header .headertopsearch .search {width: 100%; padding: 5px 0;} #header .headertopsearch input[type=text] {width: 70%; padding: 0 2%;} #header .headertopsearch input[type=submit] {width: 25%;} #main .ce_text.mitarbeiter .image_container {width: 100%; float: left; margin-right: 0;} #main .mod_newslist .layout_latest .image_container {width: 100%; margin-right: 0; height: auto;} form label {width: 100%; padding: 3px 0; margin-bottom: 0;} form input {width: 95%;} textarea {width: 95%;} form .submit {width: 99%; padding: 8px 0;} form .select-style {width: 99%;} form .widget-captcha .captcha_text {margin-left: 0; display: block; margin-bottom: 10px;} .mieteformular .widget-checkbox span {width: 100%;} .mod_iso_productreader .readerbottom .ce_form label {width: 100%; padding: 3px 0; margin-bottom: 0;} .mod_iso_productreader .readerbottom .ce_form .select-style {width: 99%; float: left;} .mod_iso_productreader .readerbottom .ce_form input {width: 89%;} #filterbox .ui-selectmenu-button.ui-button {width: 10em;} body.verkauf .ui-selectmenu-menu:last-child {left: auto !important; right: 3% !important;} .mod_iso_productreader .readertop .readertopright .price {font-size: 30px;} #footer .footertop .mod_newslist .layout_short.first {width: 100%; padding-right: 0; border-right: none; text-align: center;} #footer .footertop .mod_newslist .layout_short.last {width: 100%; padding-left: 0; text-align: center;} #footer .footertop .mod_newslist .layout_short.first h2 {text-align: center;} #footer .footertop .mod_newslist .layout_short.last h2 {text-align: center;} #footer .footerbot .ce_image {width: 100%; float: left; clear: left;} #footer .footerbot {height: auto; padding-bottom: 20px;} #footer .footermid h3 {font-size: 25px; line-height: 30px;} body.kasse .address fieldset > span {width: 100%;} body.kasse form input {height: 25px;} body.kasse .shipping fieldset > span input {width: 8%;} body.kasse .payment fieldset > span input {width: 8%;} .mod_iso_addressbook div.even {width: 100%; margin-right: 0;} .mod_iso_addressbook div.odd {width: 100%;} .mod_iso_orderhistory thead {display: none;} .mod_iso_orderhistory td {display: block;} .mod_iso_orderhistory tr {padding-bottom: 15px; border-bottom: solid #cfcfcf 2px;} #main .ce_accordion .toggler:after {font-size: 15px; padding: 4px 7px;} #main .ce_accordion .toggler {font-size: 20px;} body.suche #main .mod_iso_productfilter {width: 94%; padding: 0 3%;} body.suche #main .search {width: 100%; padding: 5px 0;} body.suche #main .search input[type=text] {width: 75%; padding-left: 5%; padding-right: 5%;} body.suche #main .search input[type=submit] {width: 14%; padding-left: 3%; padding-right: 3%;} #main .ce_text table.produkttabelle {max-width: 395px;} #uebersicht .verkaufboxen .ce_text {width: 100%; margin-right: 0;} .imageauto img {width: 100% !important; height: auto !important;} #main .ce_text.imageauto .image_container.float_left {width: 100%;} #main .ce_text.imageauto .image_container.float_right {width: 100%;} body.kasse .address .address_new {width: 100%;} } /* FONTS */ /*************************************************************/ @font-face { font-family: 'Roboto-Light'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/fonts/Roboto-Light.ttf) format('ttf'), url('../../files/data/style/fonts/roboto-light-webfont.woff2') format('woff2'), url('../../files/data/style/fonts/roboto-light-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto-Regular'; font-style: normal; font-weight: 400; src: local('Roboto Regular'), local('Roboto-Regular'), url(/fonts/Roboto-Regular.ttf) format('ttf'), url('../../files/data/style/fonts/roboto-regular-webfont.woff2') format('woff2'), url('../../files/data/style/fonts/roboto-regular-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto-Italic'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(/fonts/Roboto-Italic.ttf) format('ttf'), url('../../files/data/style/fonts/roboto-italic-webfont.woff2') format('woff2'), url('../../files/data/style/fonts/roboto-italic-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto-Bold'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/Roboto-Bold.ttf) format('ttf'), url('../../files/data/style/fonts/roboto-bold-webfont.woff2') format('woff2'), url('../../files/data/style/fonts/roboto-bold-webfont.woff') format('woff'); }