body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* Change colours to your needs */ ins { background-color:#bababa; color:#000; text-decoration:none; } /* Change colours to your needs */ mark { background-color:#bababa; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* Change border-color to your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } #clear, #clearer, .clear, .clearer { clear:both; } .hide, .invisible { display:none; } .hidden { visibility:hidden; } .visible { visibility:visible; } /* We reset the tableless gallery from Contao */ .ce_gallery ul.tabless, .ce_gallery ul.tabless li { list-style:none; list-style-image:none; list-style-type:none; list-style-position:inside; margin:0; padding:0; } /* Top elements */ body { margin: 0; padding: 0; font-size: 0.81em; /* 13px */ color: #000000; text-align: left; font-weight: 300; line-height: 1.2em; } p { margin-bottom: 1em; } strong { font-weight: bold; } a, a:visited { color: #000000; text-decoration: none; } a:hover, a:active { color: #000000; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 1em 0 1em 0; line-height:1.2em; } h1 { font-size: 2em; font-weight: 300; } h2 { font-size: 1.23076em; font-weight: 300; margin: 30px 0 10px 0; } h3 { font-size: 1em; font-weight: 300; margin: 0; padding: 0; } h4 { font-size: 1em; margin: 0; font-weight: 300; padding: 0 0 0 8px; } h5 { font-size: 1em; font-weight: 300; padding: 2px 5px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; margin-bottom:8px; } h6 { font-size:1em; font-weight:bold; } hr { margin: 20px auto; width: 100%; clear: both; height: 1px; border: 1px solid #fff; background-color: #fff; } ul { list-style-position:outside; margin: 0 0 1em 2em; } ol { margin: 0 0 0 1em; } li { margin: 0 0 0.3em 0; } /* Form elements */ input, textarea, select { font-weight:300; font-size:1em; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; } input { border:1px solid #d5d5d5; background:#fff; color:#555; margin:0 0 10px; padding:5px 7px; } input.text:hover, input.text:focus, input.captcha:hover, input.captcha:focus { border:1px solid #abaaa4; } input.submit { width: auto; color: #1d1d1b; text-transform:uppercase; text-align:center; background-color:#f9f9f9; border: 1px solid #bebebd; font-size:1.23076em; padding: 2px 20px 1px 20px; line-height:1.23076em; margin: 0; } input.submit:hover, input.submit:focus { cursor: pointer; } input[type=submit] { cursor: pointer; } input[type=checkbox], input[type=radio] { width: auto !important; } label { color:#666; display:block; margin:5px 0 4px 0px; width:200px; float:left; } fieldset { background-color:#f5f5f5; border:1px solid #e3e3e3; margin:10px 0; padding:10px; } fieldset legend { padding:0 5px; display:block; } select { cursor:pointer; background:#fff; border:1px solid #c7c7c7; color:#686868; margin:0 0 10px 0; padding:4px 4px; font-size:1em; /*12px=0.92307em;*/ } select:hover, select:focus { border:1px solid #acacac; } option { padding:0 15px; } span.mandatory { color:#d30000; } span.captcha_text { display:block; float:right; } input.error, select.error, textarea.error { border:1px solid #ffbfbf; margin-bottom:5px; } span.form-error { display:block; float:right; color:#d30000; margin:0 68px 10px 0; } .submit_container { } textarea { width:400px; height:150px; border:1px solid #d5d5d5; background:#fff; color:#666; margin:0 0 10px; padding:5px 7px; } textarea:hover, textarea:focus { border:1px solid #a9a9a9; } /* Text selection */ /* Mozilla based browsers */ ::-moz-selection { background-color: #2f2f2f; color: #fff; } /* Works in Safari */ ::selection { background-color: #2f2f2f; color: #fff; } /* * Main Styles * 2017-01-11 * * NO-SUN on- & offline funky * Markus Bernsteiner, markus@no-sun.com */ html { height: 100%; } body { height: 100%; color: #000000; font-family: 'Arial', 'Tahoma' , sans-serif; /* types: 300,400,600,800,700,400italic font-family: 'Open Sans', sans-serif; */ position: relative; font-size: 0.81em !important; font-weight: 300; position: relative; } body.lines { background: url(../../files/theme/main/i/body-lines.png) repeat center top / auto 14px; background-attachment: fixed; } body.detail, body.home { background: url(../../files/theme/main/i/body-detail.jpg) no-repeat center top / 100% auto; background-attachment: fixed; background-color: #e1e1e1; } #wrapper { height: auto; min-height: 100%; width: 100%; margin: 0 auto; position: relative; z-index: 2; background: url(../../files/theme/main/i/body-lines-overlay-top.png) repeat-x center top; } body.detail #wrapper, body.home #wrapper { background: none; } a, a:visited { text-decoration: none; } a { color: #50af5e; } a:hover { text-decoration: underline; } .clear { clear: both; } .hide { display: none !important; } h1 { color: #303030; font-size: 38px; text-transform: uppercase; padding-top: 100px; padding-bottom: 15px; letter-spacing: 5px; font-weight: bold; margin: 0px; } h2 { } h3 { } h4 { } p { line-height: 20px; } .wrapper { height: auto; min-height: 100%; } header .inside, footer .infos .inside, #main .inside, .navigationLayerInner, footer .nosun, .home #headline, .home #hotspots, .home #infotext, .home #icons { width: 1000px; margin: 0 auto; position: relative; } header { } header .inside { height: 130px; } header .logo { padding-top: 53px; height: 77px; width: 171px; display: inline-block; position: relative; z-index: 1001; } header .logo h1, header .logo p { margin: 0; padding: 0px; } header .logo a { height: 77px; width: 171px; display: block; background: url(../../files/theme/main/i/logo.png) no-repeat 0px 0px / 171px 77px; text-indent: -500000em; font-size: 0em; } header .logo a { text-decoration: none; } header .mod_customnav { position: absolute; top: 53px; left: 50px; height: 77px; width: 829px; text-align: right; transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; -webkit-transition: background-color .5s ease-in-out; } header .mod_customnav a { color: #303030; transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -webkit-transition: color .5s ease-in-out; } header .mod_customnav:hover { /*background: rgba(0,0,0,0.75); */ } header .mod_customnav a.active, header .mod_customnav a.trail { text-decoration: underline; } header .mod_customnav ul { display: inline-block; } header .mod_customnav ul, header .mod_customnav ul li { margin: 0px; padding: 0px; list-style: none outside none; } header .mod_customnav ul li { float: left; padding: 0px 10px; } header .mod_customnav ul li:hover { } header .mod_customnav ul li a, header .mod_customnav ul li a { text-transform: lowercase; font-size: 16px; letter-spacing: 2px; font-weight: bold; line-height: 77px; } header .mod_customnav ul li.active a, header .mod_customnav ul li.trail a { } header .mod_customnav ul li:hover a { } header.fixed { position: fixed; top: 0px; width: 100%; z-index: 501; } #container, footer { opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } #container.hideForNow { padding-top: 130px; opacity: 0; } footer.hideForNow { opacity: 0; } #navigationLayer { position: fixed; width: 100%; height: 100%; z-index: 500; display: none; top: 0px; left: 0px; overflow-x: visible; } .navigationLayer { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.75); display: block; z-index: 500; } .navigationLayer .navCol1, .navigationLayer .navCol2, .navigationLayer .navCol3 { float: left; padding-top: 190px; } .navigationLayer .navCol1 { width: 325px; } .navigationLayer .navCol2 { width: 325px; } .navigationLayer .navCol3 { width: 325px; } .navigationLayerInner ul { list-style: none outside none; margin: 0px; padding: 0px; } .navigationLayerInner ul li { padding-bottom: 10px; padding-top: 8px; } .navigationLayerInner a { color: #FFFFFF; font-size: 24px; font-weight: bold; text-transform: lowercase; } .navigationLayerInner ul.level1_1>li>a{ list-style: none outside none; } .navigationLayerInner p.parentNavItem { padding-top: 8px; } .navigationLayer .navCol2 ul.level_2, .navigationLayer .navCol3 ul.level_2 { padding-top: 10px; } .navigationLayer .navCol1 ul.level_1.small a { font-size: 16px; } .navigationLayer .navCol1 ul.level_1.small.submenu { margin-top: 15px; } .navigationLayer .navCol2 ul.level_2 li, .navigationLayer .navCol3 ul.level_2 li { padding-left: 25px; background: url(../../files/theme/main/i/px-FFFFFF-50.png) no-repeat 10px 15px / 3px auto; padding-bottom: 0px; } .navigationLayer .navCol2 ul.level_2 li a, .navigationLayer .navCol3 ul.level_2 li a { text-transform: none; font-weight: normal; font-size: 18px; } .mobileMenuTrigger { width: 67px; height: 51px; display: block; position: absolute; top: 66px; right: 0px; z-index: 1001; } body.home .mobileMenuTrigger { /*display: none;*/ } .mobileMenuTrigger .showMenu, .mobileMenuTrigger .hideMenu { width: 67px; height: 51px; position: absolute; top: 0px; right: 0px; background-size: 67px 51px; background-position: center center; background-repeat: no-repeat; transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; -webkit-transition: background-color .5s ease-in-out; } .mobileMenuTrigger .showMenu { background-color: rgba(255,255,255,0.2); background-image: url(../../files/theme/main/i/mobileMenuTriggerShow.png); } .mobileMenuTrigger .showMenu:hover { background-color: rgba(255,255,255,0.5); cursor: pointer; } .mobileMenuTrigger .hideMenu { background-color: rgba(0,0,0,0.0); background-image: url(../../files/theme/main/i/mobileMenuTriggerHide.png); display: none; } .mobileMenuTrigger .hideMenu:hover { background-color: rgba(0,0,0,0.2); cursor: pointer; } .borderBox, .basicGradient, .houseSizeButton { background-color: #50af5e; background-image: -webkit-gradient(linear, right center, left center, from(#95b425), to(#0dab96)); background-image: -webkit-linear-gradient(right, #95b425, #0dab96); background-image: -moz-linear-gradient(right, #95b425, #0dab96); background-image: -o-linear-gradient(right, #95b425, #0dab96); background-image: -ms-linear-gradient(right, #95b425, #0dab96); background-image: linear-gradient(to left, #95b425, #0dab96); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b425', endColorstr='#0dab96',GradientType=0 ); } .borderBox>div { background: #FFFFFF; margin: 3px; padding: 40px; } .gradientButton, .submit_container input.submit { padding: 0px 20px; display: inline-block; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: 3px; background-color: #50af5e; background-image: -webkit-gradient(linear, right center, left center, from(#95b425), to(#0dab96)); background-image: -webkit-linear-gradient(right, #95b425, #0dab96); background-image: -moz-linear-gradient(right, #95b425, #0dab96); background-image: -o-linear-gradient(right, #95b425, #0dab96); background-image: -ms-linear-gradient(right, #95b425, #0dab96); background-image: linear-gradient(to left, #95b425, #0dab96); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b425', endColorstr='#0dab96',GradientType=0 ); transition: color .5s ease-in-out, background .5s ease-in-out; -moz-transition: color .5s ease-in-out, background .5s ease-in-out; -webkit-transition: color .5s ease-in-out, background .5s ease-in-out; } .gradientButton:hover, .submit_container input.submit:hover { background: #000000; text-decoration: none; } .gradientButton a, a.gradientButton { color: #FFFFFF; } .borderButton { padding: 0px 20px; display: inline-block; height: 26px; line-height: 26px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: 3px; border: 2px solid #FFFFFF; background: transparent; transition: color .5s ease-in-out, background .5s ease-in-out; -moz-transition: color .5s ease-in-out, background .5s ease-in-out; -webkit-transition: color .5s ease-in-out, background .5s ease-in-out; } .borderButton:hover { background: #FFFFFF; color: #000000; text-decoration: none; } .textGradient { color:#0dab96; background-image: -webkit-gradient(linear, right center, left center, from(#95b425), to(#0dab96)); background-image: -webkit-linear-gradient(right, #95b425, #0dab96); background-image: -moz-linear-gradient(right, #95b425, #0dab96); background-image: -o-linear-gradient(right, #95b425, #0dab96); background-image: -ms-linear-gradient(right, #95b425, #0dab96); background-image: linear-gradient(to left, #95b425, #0dab96); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b425', endColorstr='#0dab96',GradientType=0 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; -o-background-clip: text; -o-text-fill-color: transparent; -ms-background-clip: content-box; -ms-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: block; } body.ie .textGradient { background-clip: border-box; text-fill-color: transparent; } body.trident .textGradient, body.ie11 .textGradient, body.ie10 .textGradient, body.ie9 .textGradient { background-clip: inherit; text-fill-color: auto; background-image: none; } .mmProjectsFristItem { width: 994px; height: 394px; display: block; border: 3px solid #808080; margin-bottom: 20px; background: #FFFFFF; position: relative; } .mmProjectsFristItem .mmProjectsFirstItemContent { height: 400px; width: 361px; display: block; background: url(../../files/theme/main/i/mmProjectsFirstItemContent.png) no-repeat left top / 361px 400px; position: absolute; left: -3px; top: -3px; z-index: 10; } .mmProjectsFristItem .mmProjectsFirstItemGallery { height: 396px; width: 711px; display: block; position: absolute; right: 0px; top: 0px; z-index: 8; overflow: hidden; } .mmProjectsFristItem .flex-control-paging { display: none; } .mmProjectsFristItem .flex-direction-nav { height: 30px; width: 62px; display: block; margin: 0px; padding: 0px; list-style: none outside none; position: absolute; bottom: 33px; right: 33px; z-index: 10; } .mmProjectsFristItem .flex-direction-nav li, .mmProjectDetailGallery .flex-direction-nav li { margin: 0px; padding: 0px; height: 30px; width: 30px; display: block; margin-left: 1px; float: left; } .mmProjectsFristItem .flex-direction-nav li a, .mmProjectDetailGallery .flex-direction-nav li a { height: 30px; width: 30px; display: block; text-indent: -50000em; font-size: 0em; background-color: rgba(255,255,255,0.5); background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; -webkit-transition: background-color .5s ease-in-out; } .mmProjectsFristItem .flex-direction-nav li a.flex-next, .mmProjectDetailGallery .flex-direction-nav li a.flex-next { background-image: url(../../files/theme/main/i/flex-direction-nav-next.png); } .mmProjectsFristItem .flex-direction-nav li a.flex-prev, .mmProjectDetailGallery .flex-direction-nav li a.flex-prev { background-image: url(../../files/theme/main/i/flex-direction-nav-prev.png); } .mmProjectsFristItem .flex-direction-nav li a:hover, .mmProjectDetailGallery .flex-direction-nav li a:hover { background-color: rgba(255,255,255,0.9); } .mmProjectsFristItem .title { font-weight: bold; /* overflow-wrap: break-word; */ font-size: 20px; padding-left: 33px; padding-right: 100px; padding-bottom: 20px; padding-top: 30px; letter-spacing: 0px; margin-top: 0px; } .mmProjectsFristItem .title a, .mmProjectsFristItem .title a:hover { text-decoration: none; } .mmProjectsFristItem .title a:hover { color: #FFFFFF; } .mmProjectsFristItem .shorttext { padding-left: 33px; padding-right: 100px; font-size: 17px; font-weight: bold; color: #101010; line-height: 22px; } .mmProjectsFirstItemContent p.readMore { margin-bottom: 0px; position: absolute; bottom: 33px; left: 33px; } .hotspot, .mmProjectsLastItem { width: 320px; height: 440px; display: block; position: relative; background-color: #50af5e; background-image: -webkit-gradient(linear, right center, left center, from(#0dab96), to(#95b425)); background-image: -webkit-linear-gradient(right, #0dab96, #95b425); background-image: -moz-linear-gradient(right, #0dab96, #95b425); background-image: -o-linear-gradient(right, #0dab96, #95b425); background-image: -ms-linear-gradient(right, #0dab96, #95b425); background-image: linear-gradient(to left, #0dab96, #95b425); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dab96', endColorstr='#95b425',GradientType=0 ); margin-bottom: 20px; float: left; } #efa-haus-typen .hotspot,#efa-haus-typen .hotspot:hover .more{ width: 290px; overflow: hidden; cursor: pointer; } #efa-haus-typen .innerefa{ height: 660px; background-color: #fff } /* #efa-haus-typen::before { content:''; position: absolute; z-index: -1; width: calc(100% + 4px); height: calc(100% + 4px); left:-2px; top: -2px; background-color: #50af5e; background-image: -webkit-gradient(linear, right center, left center, from(#95b425), to(#0dab96)); background-image: -webkit-linear-gradient(right, #95b425, #0dab96); background-image: -moz-linear-gradient(right, #95b425, #0dab96); background-image: -o-linear-gradient(right, #95b425, #0dab96); background-image: -ms-linear-gradient(right, #95b425, #0dab96); background-image: linear-gradient(to left, #95b425, #0dab96); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b425', endColorstr='#0dab96',GradientType=0 ); } */ .hotspot-1, .mmProjectsLastItem:nth-child(3n-2) { background-image: -webkit-gradient(linear, right center, left center, from(#40ae6c), to(#25ad82)); background-image: -webkit-linear-gradient(right, #40ae6c, #25ad82); background-image: -moz-linear-gradient(right, #40ae6c, #25ad82); background-image: -o-linear-gradient(right, #40ae6c, #25ad82); background-image: -ms-linear-gradient(right, #40ae6c, #25ad82); background-image: linear-gradient(to left, #40ae6c, #25ad82); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ae6c', endColorstr='#25ad82',GradientType=0 ); } .hotspot-2, .mmProjectsLastItem:nth-child(3n-1) { background-image: -webkit-gradient(linear, right center, left center, from(#60b051), to(#42af6a)); background-image: -webkit-linear-gradient(right, #60b051, #42af6a); background-image: -moz-linear-gradient(right, #60b051, #42af6a); background-image: -o-linear-gradient(right, #60b051, #42af6a); background-image: -ms-linear-gradient(right, #60b051, #42af6a); background-image: linear-gradient(to left, #60b051, #42af6a); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b051', endColorstr='#42af6a',GradientType=0 ); margin-left: 20px; margin-right: 20px; } .hotspot-3, .mmProjectsLastItem:nth-child(3n) { background-image: -webkit-gradient(linear, right center, left center, from(#7db239), to(#62b14f)); background-image: -webkit-linear-gradient(right, #7db239, #62b14f); background-image: -moz-linear-gradient(right, #7db239, #62b14f); background-image: -o-linear-gradient(right, #7db239, #62b14f); background-image: -ms-linear-gradient(right, #7db239, #62b14f); background-image: linear-gradient(to left, #7db239, #62b14f); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db239', endColorstr='#62b14f',GradientType=0 ); } .mmProjectsLastItem .mmProjectsLastItemContent { position: relative; z-index: 5; width: 320px; height: 440px; display: block; } .mmProjectsLastItem .mmProjectsLastItemPhoto { position: absolute; top: 0px; left: 0px; z-index: 2; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity: 0; } .mmProjectsLastItem:hover .mmProjectsLastItemPhoto { opacity: 1; } .mmProjectsLastItem:hover h2, .mmProjectsLastItem:hover .shorttext { opacity: 0; } .mmProjectsLastItem h2 { color: #FFFFFF; font-size: 38px; font-weight: bold; padding-left: 33px; padding-top: 50px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity: 1; margin: 0px; overflow-wrap: break-word; } .mmProjectsLastItem h2 a, .mmProjectsLastItem h2 a:hover { color: #FFFFFF; text-decoration: none; } .mmProjectsLastItem .shorttext { padding-left: 33px; padding-right: 33px; font-size: 17px; font-weight: bold; color: #FFFFFF; line-height: 22px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity: 1; } .mmProjectsLastItem p.readMore { margin-bottom: 0px; position: absolute; bottom: 33px; left: 33px; } .mmProjectsLastItem:hover .readMore a { background: rgba(255,255,255,0.99); color: #000000; } .mmProjectDetailWrapper { } .mmProjectDetailWrapper h1 { } .mmProjectDetailWrapper .mmProjectContentTop { width: 994px; height: 394px; display: block; border: 3px solid #808080; margin-bottom: 20px; background: #FFFFFF; position: relative; } .mmProjectDetailWrapper .mmProjectContentTop .mmProjectContent { height: 400px; width: 361px; display: block; background: url(../../files/theme/main/i/mmProjectDetailContent.png) no-repeat left top / 361px 400px; position: absolute; right: -3px; top: -3px; z-index: 10; } .mmProjectDetailWrapper .mmProjectContentTop .shorttext { padding-right: 33px; padding-left: 100px; font-size: 17px; font-weight: bold; color: #101010; line-height: 22px; } .mmProjectDetailWrapper .mmProjectContentTop figure.symbol { width: 110px; padding-top: 65px; padding-bottom: 30px; padding-left: 100px; } .mmProjectDetailWrapper .mmProjectContentTop figure.symbol img { width: 100%; height: auto; } .mmProjectDetailInner .location, .mmProjectDetailInner .facts { min-height: 390px; width: 490px; display: block; float: left; font-size: 16px; } .mmProjectDetailInner .location ul, .mmProjectDetailInner .facts ul, .mmProjectDetailInner .prices ul, .mmProjectDetailInner .informationLeftColumn .information ul { list-style-type: square; margin-left: 25px; } .mmProjectDetailInner .location ul li, .mmProjectDetailInner .facts ul li, .mmProjectDetailInner .prices ul li, .mmProjectDetailInner .informationLeftColumn .information ul li { margin-bottom: 8px; padding-left: 5px; line-height: 20px; } .mmProjectDetailInner .facts { margin-left: 20px; } .basicGradient .linesOverlay { padding: 20px; } .basicGradient .linesOverlay .locationContent, .basicGradient .linesOverlay .factsContent { background: #FFFFFF; display: block; min-height: 340px; padding: 25px; } .mmProjectDetailInner .prices b, .basicGradient .linesOverlay .locationContent b, .basicGradient .linesOverlay .factsContent b { font-weight: bold; } .mmProjectDetailInner .location h2, .mmProjectDetailInner .facts h2, .mmProjectDetailInner .prices h2, .mmProjectDetailInner .information h2 { margin: 0px 0px 30px 0px; text-transform: uppercase; color: #000000; font-weight: bold; font-size: 28px; } .basicGradient .linesOverlay { display: block; background: url(../../files/theme/main/i/overlay-pattern.png) repeat center top / 25px auto; } .mmProjectDetailGallery { clear: both; padding-top: 20px; padding-bottom: 30px; position: relative; } .mmProjectDetailGallery .flex-control-paging { display: none; } .mmProjectDetailGallery .flex-direction-nav { height: 30px; width: 62px; display: block; margin: 0px; padding: 0px; list-style: none outside none; position: absolute; bottom: 35px; left: 0px; z-index: 10; } .mmProjectDetailGallery .flex-direction-nav li { margin-left: 0px; margin-right: 1px; } .mmProjectDetailGallery figure { position: relative; } .galleryItemTitle { height: 30px; display: block; line-height: 30px; background: rgba(255,255,255,0.9); position: absolute; bottom: -30px; right: 0px; padding-left: 20px; width: 917px; } .mmProjectDetailGallery>div { padding-bottom: 35px; } .informationLeftColumn, .informationRightColumn { width: 490px; font-size: 16px; } .informationLeftColumn { float: left; } .informationRightColumn { float: right; } .informationLeftColumn .information { background: rgba(255,255,255,0.5); } .informationRightColumn .prices, .informationRightColumn .prices h2 { color: #FFFFFF; } .informationRightColumn .prices .pricesContent, .informationLeftColumn .information { padding: 25px; } .informationRightColumn .gMap { background: #FFFFFF; width: 490px; height: 390px; position: relative; } .informationRightColumn .gMap .cornerOverlay { position: absolute; right: 0px; top: 0px; z-index: 2; height: 92px; width: 85px; display: block; background: url(../../files/theme/main/i/gMapCornerOverlay.png) no-repeat right top / 100% auto; } .informationRightColumn .gMap iframe, .informationRightColumn .gMap .gMapPlaceholder { width: 490px; height: 390px; border: none; } .informationRightColumn .gMap .gMapPlaceholder { background: url(../../files/theme/main/i/gMap-placeholder.jpg) no-repeat center top / 100% auto; font-size: 0px; text-indent: -50000em; } .informationRightColumn .downloadButton { padding-top: 20px; } .informationRightColumn .downloadButton p { transition: color .5s ease-in-out, background .5s ease-in-out; -moz-transition: color .5s ease-in-out, background .5s ease-in-out; -webkit-transition: color .5s ease-in-out, background .5s ease-in-out; padding-right: 30px; } .informationRightColumn .downloadButton p a { height: 50px; line-height: 50px; display: block; font-size: 18px; font-weight: bold; padding-left: 20px; padding-right: 30px; color: #FFFFFF; background: url(../../files/theme/main/i/downloadButtonArrow.png) no-repeat right center / 16px auto; } .informationRightColumn .downloadButton p:hover { background: #000000; } .informationRightColumn .downloadButton p a:hover { text-decoration: none; } .informationRightColumn .downloadButton p a span { font-weight: normal; } .mmProjectDetailInner .information h2 { background: url(../../files/theme/main/i/mmProjectDetailInfoIcon.png) no-repeat right top / 100px 100px; padding-top: 67px; } .informationLeftColumn .ce_accordion { background: url(../../files/theme/main/i/accordionLine.png) no-repeat center top / 100% 3px; } .informationLeftColumn .ce_accordion .toggler { color: #000000; text-transform: uppercase; font-size: 16px; font-weight: bold; padding-top: 10px; padding-bottom: 8px; padding-right: 70px; line-height: 20px; background: url(../../files/theme/main/i/accordionOpened.png) no-repeat right 12px / 55px auto; transition: background-position .2s ease-in-out; -moz-transition: background-position .2s ease-in-out; -webkit-transition: background-position .2s ease-in-out; } .informationLeftColumn .ce_accordion .toggler.ui-accordion-header-active { background-image: url(../../files/theme/main/i/accordionClosed.png) } .informationLeftColumn .ce_accordion .toggler:hover { cursor: pointer; background-position: right 15px; } .informationLeftColumn .ce_accordion ul { font-size: 16px; } #kontakt-content>.mod_article_inner, #ueber-uns-content>.mod_article_inner { background: #FFFFFF url(../../files/theme/main/i/kontakt.jpg) no-repeat center bottom / 100% auto; padding-bottom: 720px; } #kontakt-content .ce_form { float: left; } #kontakt-content .ce_text { float: right; width: 410px; } .ce_form { width: 464px; } .ce_form label { display: none; } .ce_form input, .ce_form textarea { border: 1px solid #b1b1b1; background: #f6f6f6; color: #303030; height: 46px; width: 180px; line-height: 46px; padding: 0px 20px; font-weight: bold; } .ce_form .widget { float: left; margin-right: 10px; } .ce_form .widget { float: left; margin-right: 9px; } .ce_form input#ctrl_5, .ce_form textarea { width: 410px; } .ce_form textarea { line-height: 20px; padding-top: 15px; height: auto; min-height: 100px; min-width: 410px; max-width: 410px; } .ce_form .formRowCaptcha label { } .ce_form .formRowCaptcha input { width: 40px; text-align: center; float: right; margin-right: 12px; } span.captcha_text { width: 347px; line-height: 46px; float: left; border-top: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; padding-left: 20px; } .submit_container input.submit { border: none; height: 48px; line-height: 50px; padding: 0px; margin: 0px; width: 452px; } footer { width: 100%; height: 130px; margin-top: -180px; padding-top: 50px; display: block; color: #FFFFFF; font-weight: bold; position: relative; z-index: 10; } footer .infos a, footer .infos a:hover { color: #FFFFFF; } footer .infos { background-color: #50af5e; background-image: -webkit-gradient(linear, right center, left center, from(#95b425), to(#0dab96)); background-image: -webkit-linear-gradient(right, #95b425, #0dab96); background-image: -moz-linear-gradient(right, #95b425, #0dab96); background-image: -o-linear-gradient(right, #95b425, #0dab96); background-image: -ms-linear-gradient(right, #95b425, #0dab96); background-image: linear-gradient(to left, #95b425, #0dab96); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b425', endColorstr='#0dab96',GradientType=0 ); width: 100%; height: 60px; display: block; font-weight: bold; } footer .footerLeft { float: left; height: 60px; line-height: 60px; } footer .footerLeft p { line-height: 60px; } footer .footerRight { float: right; } footer .footerRight ul { margin: 0px; padding: 0px; } footer .footerRight ul li { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style-type: square; float: left; line-height: 60px; } footer .footerRight ul li.first { list-style-type: none; margin-left: 0px; } footer .nosun { text-align: right; font-size: 12px; font-weight: 100; padding-top: 10px; } footer .no-sun a { color: #303030; } footer .no-sun a:hover { color: #000000; } .home #main .inside { width: 100%; margin: 0; } .home #headline, .home #hotspots, .home #infotext, .home #icons { background: rgba(255,255,255,0.5); } .home h1 { padding-top: 24px; padding-bottom: 20px; margin-bottom: 0px; font-size: 40px; text-transform: uppercase; letter-spacing: 3px; padding-left: 45px; } .home #container { padding-top: 90px; } .home .flex-control-paging { display: none; } .home .flex-direction-nav { display: none; } .home #infotext { padding-top: 30px; padding-bottom: 50px; font-size: 18px; } .home #infotext h2.ce_headline { text-transform: uppercase; font-weight: bold; padding-bottom: 20px; letter-spacing: 2px; } .home #infotext .ce_text { padding-left: 0px; } .home #infotext>div { padding-left: 50px; padding-right: 50px; line-height: 17px; letter-spacing: 1px; font-weight: normal; } .home #infotext .ce_text p, .ce_text p { font-size: 16px; line-height: 22px; letter-spacing: 1px; } .ce_headline h2, h2.textGradient { letter-spacing: 2px; font-size: 22px; } .home #slider { } .home #slider img { width: 100%; height: auto; } /* .home #slider figure { display: flex; } */ .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; color: #fff; background-color: #2AAD7E; } .video-wrapper .video_trigger p { font-size: 17px; margin: 30px; text-align: center; /* background: -webkit-linear-gradient(#eee, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ color: #fff; -webkit-text-fill-color: currentcolor; } .video-wrapper .video_trigger p a { text-decoration: underline; color: #fff; } .video-wrapper .video_trigger { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .video-wrapper .video_trigger .btn { color: #fff; border-radius: 40px; padding: 6px 21px; font-weight: 600; background: none; border: 2px solid #fff; font-size: 14px; cursor: pointer; } .video-wrapper .video_trigger .btn:hover { color: #2aad7e; background: #fff; text-decoration: none; } .video-wrapper iframe { /* position: absolute;*/ top: 0; left: 0; width: 100%; height: 100%; } #icons { padding-top: 60px; padding-bottom: 60px; text-align: center; } #icons .icon { width: 470px; height: 90px; padding-left: 28px; padding-top: 10px; padding-bottom: 10px; display: inline-block; /* margin-bottom: 15px; */ transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; -webkit-transition: background-color .5s ease-in-out; } #icons .icon:hover { /* background-color: rgba(255,255,255,0.8); */ background-color: rgba(0,0,0,0.05); } #icons .icon a { background-repeat: no-repeat; background-size: 75px 75px; background-position: 20px 8px; padding-left: 115px; width: 355px; height: 90px; display: block; text-align: left; line-height: 90px; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; } #icons .icon a:hover { text-decoration: none; } #icons .icon-1 a { background-image: url(../../files/theme/main/i/icon-flexible-aufteilung.png); } #icons .icon-2 a { background-image: url(../../files/theme/main/i/icon-nachhaltige-materialien.png); } #icons .icon-3 a { background-image: url(../../files/theme/main/i/icon-oekologische-haustechnik.png); } #icons .icon-4 a { background-image: url(../../files/theme/main/i/icon-3-monate-bauzeit.png); } .hotspot { position: relative; } .hotspot h2 { font-size: 0em; text-indent: -50000em; width: 320px; height: 440px; display: block; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center top; background-size: 320px auto; opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .hotspot:hover h2 { opacity: 0; } .hotspot-1 h2 { background-image: url(../../files/theme/main/i/home-hotspot-1.png); } .hotspot-2 h2 { background-image: url(../../files/theme/main/i/home-hotspot-2.png); } .hotspot-3 h2 { background-image: url(../../files/theme/main/i/home-hotspot-3.png); } .hotspot .more { margin: 0px; padding: 0px; width: 320px; height: 440px; display: block; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center top; background-size: 320px auto; opacity: 0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .hotspot-1 .more { background-image: url(../../files/theme/main/i/hotspot-relax.jpg); } .hotspot-2 .more { background-image: url(../../files/theme/main/i/hotspot-premium.jpg); } .hotspot-3 .more { background-image: url(../../files/theme/main/i/hotspot-level2.jpg); } .hotspot .more a { position: absolute; bottom: 40px; left: 40px; } .hotspot:hover .more { opacity: 1; } .mmReferenceItem h2.title { padding-top: 30px; font-size: 20px; padding-left: 25px; padding-right: 100px; padding-bottom: 20px; letter-spacing: 0px; margin-top: 0px; } .mmReferenceItem .shorttext { padding-left: 25px; padding-right: 100px; } .mmReferenceItem .shorttext p { font-size: 15px; line-height: 18px; } .mmReferenceItem ul { list-style-type: square; margin-left: 15px; } .mmReferenceItem ul li { font-size: 15px; line-height: 18px; font-weight: normal; } .mmReferenceItem .referenceCategory { position: absolute; top: 33px; right: -603px; } .mmReferenceItem .referenceCategory a { padding-left: 28px; } .borderBox .ce_text h2 { font-size: 1.53846em; font-weight: bold; } .ce_text h3 { padding-left: 0px; font-size: 1.38461em; font-weight: bold; } .ce_text h4 { padding-left: 0px; font-size: 1.23076em; font-weight: bold; } .ce_text h5 { border: none; font-weight: bold; padding-left: 0px; font-size: 1.07692em; } .partnerItem { border-bottom: 1px solid #454545; margin-bottom: 20px; padding-bottom: 20px; } .partnerItem:last-child { border-bottom: 0px solid #454545; margin-bottom: 0px; padding-bottom: 0px; } .partnerItem figure { padding-right: 20px; } .partnerItem figure img { width: 200px; height: 100px; border: 1px solid #DDDDDD; } .partnerItem p { margin-bottom: 0px; } .partnerItem h2 { margin-top: 0px; } sup { font-size: 0.76923em; position: relative; top: -5px; padding-left: 2px; } .lowercase { text-transform: lowercase; } .houseSizeButton { display: inline-block; margin-right: 5px; margin-bottom: 8px; } .houseSizeButton>span { background: #FFFFFF; text-align: center; padding: 20px 35px; margin: 1px; display: inline-block; width: 325px; transition: color .5s ease-in-out, background .5s ease-in-out; -moz-transition: color .5s ease-in-out, background .5s ease-in-out; -webkit-transition: color .5s ease-in-out, background .5s ease-in-out; } .houseSizeButton:hover span { background: transparent; color: #FFFFFF; cursor: pointer; } .efaHausInfo { position: relative; padding-bottom: 40px; } .efaHausInfo img { width: 75px; height: auto; } .efaHausInfo .textWrap { padding-left: 100px; padding-top: 25px; } .efaHausInfo h2 { margin-top: 0px; } .efaHausInfo figure { position: absolute; top: 0px; } .efaHausInfo p { font-size: 16px; letter-spacing: 1px; line-height: 22px; } body.ios footer, body.safari footer { margin-top: 0px; } body.ios .hotspot { margin-bottom: 30px; } body.ios .hotspot .more { opacity: 1; background: none; } body.ios .hotspot .more a { bottom: auto; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; background: none; font-size: 0px; text-indent: -50000em; } footer a { color: #000000; } /* Cookie anpassungen 02.11.20 */ html div#ct-ultimate-gdpr-cookie-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0,0,0,.6) !important; } .ct-container { -ms-flex: 0 0 480px; flex: 0 0 480px; width: 480px; max-width: 80%; background-color: #CECECE; padding: 20px !important; } #ct-ultimate-gdpr-cookie-read-more { display: none; } #lbl_11_0 { display: block; width: 90%; margin: 0px; } #ctrl_11 { border: 0px; background-color: transparent; } #cboxNext { right: 3px !important; } /* UseFul Informations */ /* font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; types: 300,400,600,800,700,400italic .1px { font-size: 0.07692em; } .2px { font-size: 0.15385em; } .3px { font-size: 0.23077em; } .4px { font-size: 0.30769em; } .5px { font-size: 0.38462em; } .6px { font-size: 0.46154em; } .7px { font-size: 0.53846em; } .8px { font-size: 0.-------; } .9px { font-size: 0.61538em; } .10px { font-size: 0.76923em; } .11px { font-size: 0.84615em; } .12px { font-size: 0.92307em; } .13px { font-size: 1em; } .14px { font-size: 1.07692em; } .15px { font-size: 1.15385em;} .16px { font-size: 1.23076em; } .17px { font-size: 1.30769em; } .18px { font-size: 1.38461em; } .19px { font-size: 1.46154em; } .20px { font-size: 1.53846em; } .21px { font-size: 1.61538em; } .22px { font-size: 1.69230em; } .23px { font-size: 1.76923em; } .24px { font-size: 1.84615em; } .25px { font-size: 1.92308em; } .26px { font-size: 2em; } .27px { font-size: 2.07692em; } .28px { font-size: 2.15385em; } .29px { font-size: 2.23077em; } .30px { font-size: 2.30769em; } .31px { font-size: 2.38462em; } .32px { font-size: 2.46154em; } .33px { font-size: 2.53846em; } .34px { font-size: 2.61538em; } .35px { font-size: 2.69231em; } .36px { font-size: 2.76923em; } .37px { font-size: 2.84615em; } .38px { font-size: 2.92308em; } .39px { font-size: 3em; } transition: top .52s ease-in-out, left .52s ease-in-out, width .52s ease-in-out, height .52s ease-in-out, margin-left .52s ease-in-out, margin-top .52s ease-in-out; -moz-transition: top .52s ease-in-out, left .52s ease-in-out, width .52s ease-in-out, height .52s ease-in-out, margin-left .52s ease-in-out, margin-top .52s ease-in-out; -webkit-transition: top .52s ease-in-out, left .52s ease-in-out, width .52s ease-in-out, height .52s ease-in-out, margin-left .52s ease-in-out, margin-top .52s ease-in-out; transition: color .5s ease-in-out, background-position .5s ease-in-out; -moz-transition: color .5s ease-in-out, background-position .5s ease-in-out; -webkit-transition: color .5s ease-in-out, background-position .5s ease-in-out; */ /* * Responsive/Adaptive Styles for Tablets * 2017-01-11 * * NO-SUN on- & offline funky * Markus Bernsteiner, markus@no-sun.com */ .tabletsOnly { display: none; } /* Tablets, Portrait Only */ @media screen and (min-width: 768px) and (max-width: 1023px) { .tabletsOnly { display: block; } header .inside, footer .infos .inside, #main .inside, .navigationLayerInner, footer .nosun, .home #headline, .home #hotspots, .home #infotext, .home #icons { width: 768px; } header .mod_customnav { /*width: 597px;*/ display: none; } header .mod_customnav ul li a, header .mod_customnav ul li { font-size: 14px; letter-spacing: 2px; } .navigationLayer .navCol1 { width: 205px; } .navigationLayer .navCol2 { width: 320px; } .navigationLayer .navCol3 { width: 235px; } .home h1 { font-size: 29px; } .hotspot, .mmProjectsLastItem, .hotspot .more { width: 245px; } .hotspot-2, .mmProjectsLastItem:nth-child(3n-1) { margin-left: 16px; margin-right: 17px; } .hotspot h2 { background-size: 245px; width: 245px; } footer { padding-top: 0px; margin-top: 0px; } footer .ce_text p { font-size: 13px; } footer .footerLeft { padding-left: 10px; } footer .footerRight { padding-right: 10px; } #kontakt-content .ce_text { float: none; } #kontakt-content .ce_form { float: none; margin: 0 auto; padding-top: 30px; } .mmProjectsFristItem { width: 761px; } .mmReferenceItem .referenceCategory { right: -373px; } .mmProjectsFristItem .mmProjectsFirstItemGallery img { position: relative; left: 80px; } .mmProjectDetailWrapper .mmProjectContentTop .mmProjectPhoto img { position: relative; left: -80px; } .mmProjectDetailWrapper .mmProjectContentTop { width: 762px; } .mmProjectDetailInner .location, .mmProjectDetailInner .facts, .informationRightColumn, .informationLeftColumn { margin-bottom: 20px; float: none; margin-left: auto; margin-right: auto; } .galleryItemTitle { width: 684px; } } @media screen and (max-width: 1024px) { #efa-haus-typen .hotspot,#efa-haus-typen .hotspot:hover .more{ width: 216px !important; } #efa-haus-typen .innerefa{ height: 700px !important; } #efa-haus-typen .hotspot-1 h2, #efa-haus-typen .hotspot-2 h2, #efa-haus-typen .hotspot-3 h2{ background-size: 95% !important; } } @media screen and (max-width: 768px) { #efa-haus-typen .hotspot,#efa-haus-typen .hotspot:hover .more{ width: 270px !important; } #efa-haus-typen .innerefa{ height: 1840px !important; } #efa-haus-typen .hotspot-1 h2, #efa-haus-typen .hotspot-2 h2, #efa-haus-typen .hotspot-3 h2{ background-size: 80% !important; } } /* * Responsive/Adaptive Styles for Smartphones * 2015-04-13 * * NO-SUN on- & offline funky * Markus Bernsteiner, markus@no-sun.com */ .phonesOnly, #MobileNavigation { display: none; } /* Phones */ @media screen and (min-width: 1px) and (max-width: 767px) { .navigationLayer .navCol1 ul.level_1.small.submenu { margin-top: 100px; position: absolute; } .phonesOnly { display: block; } .hideOnPhones { display: none; } #wrapper { min-height: auto; padding-bottom: 50px; } header .inside, footer .infos .inside, #main .inside, .navigationLayerInner, footer .nosun, .home #headline, .home #hotspots, .home #infotext, .home #icons { width: 320px; } header .logo { padding-top: 15px; height: 51px; width: 113px; } header .logo a { height: 51px; width: 113px; background-size: 113px 51px; } body.home .mobileMenuTrigger { display: block; } header .mod_customnav { display: none; } .mobileMenuTrigger { top: 15px; } header .inside { height: 67px; } .navigationLayer .navCol1, .navigationLayer .navCol2, .navigationLayer .navCol3 { padding-top: 100px; width: 320px; float: none; margin: 0 auto; } .navigationLayer .navCol2, .navigationLayer .navCol3 { padding-top: 0px; } .navigationLayer .navCol2 ul.level_2, .navigationLayer .navCol3 ul.level_2 { /* display: none;*/ } h1 { padding-top: 35px; font-size: 28px; letter-spacing: 4px; overflow-wrap: break-word; width: 320px; margin: 0 auto; } p { font-size: 15px; } .home #container { padding-top: 30px; } .home h1 { font-size: 24px; padding-left: 20px; } #icons { padding-bottom: 30px; padding-top: 30px; } #icons .icon { width: 280px; height: 65px; padding-left: 0px; } #icons .icon a { background-position: 8px 8px; background-repeat: no-repeat; background-size: 50px 50px; padding-left: 70px; width: 225px; line-height: 20px; } #icons .icon-1 a, #icons .icon-4 a { padding-top: 25px; height: 40px; } #icons .icon-2 a, #icons .icon-3 a { padding-top: 15px; height: 50px; } body.detail #main .inside { width: 100%; } .mmProjectsFristItem, .hotspot-1, .hotspot-2, .hotspot-3, .mmProjectsLastItem:nth-child(3n-2), .mmProjectsLastItem:nth-child(3n-1), .mmProjectsLastItem:nth-child(3n) { background-color: #50af5e; background-image: -webkit-gradient(linear, right center, left center, from(#95b425), to(#0dab96)); background-image: -webkit-linear-gradient(right, #95b425, #0dab96); background-image: -moz-linear-gradient(right, #95b425, #0dab96); background-image: -o-linear-gradient(right, #95b425, #0dab96); background-image: -ms-linear-gradient(right, #95b425, #0dab96); background-image: linear-gradient(to left, #95b425, #0dab96); } .mmProjectsFristItem { width: 320px; height: 580px; background: none; border: none; } .mmProjectsFristItem .mmProjectsFirstItemContent { top: auto; bottom: 3px; left: 0px; background: #FFFFFF; /* height: 230px; */ height: auto; width: 314px; border-left: 3px solid #808080; border-bottom: 3px solid #808080; border-right: 3px solid #808080; top: 176px; } .mmProjectsFristItem .title { font-size: 28px; padding-left: 20px; padding-right: 20px; margin-top: 0px; padding-top: 10px; margin-bottom: 0px; } .mmProjectsFristItem .shorttext { padding-left: 20px; padding-right: 20px; font-size: 15px; } .mmProjectsFirstItemContent p.readMore { bottom: 15px; left: 20px; } .mmProjectsFristItem .mmProjectsFirstItemGallery { width: 314px; border-top: 3px solid #808080; border-left: 3px solid #808080; border-right: 3px solid #808080; height: auto; } .hotspot-2, .mmProjectsLastItem:nth-child(3n-1) { margin-left: 0px; margin-right: 0px; } .mmProjectsFristItem .flex-direction-nav { right: 10px; bottom: 13px; } .mmProjectsFristItem .mmProjectsFirstItemGallery img { width: auto; max-width: 100%; height: auto; } .mmProjectDetailWrapper .mmProjectContentTop { width: 100%; height: auto; border: none; background: none; } .mmProjectPhoto img { width: auto; max-width: 100%; height: auto; border-top: 3px solid #808080; border-bottom: 3px solid #808080; } .mmProjectDetailWrapper .mmProjectContentTop .mmProjectContent { width: 320px; height: 355px; background-size: 320px auto; position: relative; left: auto; top: auto; right: auto; bottom: auto; margin: 0 auto; } .mmProjectDetailInner .location, .mmProjectDetailInner .facts, .informationLeftColumn, .informationRightColumn { width: 320px; margin-left: auto; margin-right: auto; float: none; margin-bottom: 20px; } .basicGradient .linesOverlay { padding: 10px; } .basicGradient .linesOverlay .locationContent, .basicGradient .linesOverlay .factsContent, .informationRightColumn .prices .pricesContent, .informationLeftColumn .information { padding: 10px; } .mmProjectDetailInner .location h2, .mmProjectDetailInner .facts h2, .mmProjectDetailInner .prices h2, .mmProjectDetailInner .information h2 { font-size: 24px; margin-bottom: 15px; } .mmProjectDetailInner .location ul, .mmProjectDetailInner .facts ul, .mmProjectDetailInner .prices ul, .mmProjectDetailInner .information ul { margin-left: 15px; font-size: 14px; } .mmReferenceItem .referenceCategory a { padding-left: 25px; height: 25px; line-height: 27px; font-size: 12px; } .galleryItemTitle { width: 100%; text-align: center; padding-left: 0px; padding-right: 0px; bottom: -28px; } .mmProjectDetailGallery .flex-direction-nav { display: none; } .informationRightColumn .gMap, .informationRightColumn .gMap iframe, .informationRightColumn .gMap .gMapPlaceholder { width: 320px; height: 320px; } .informationRightColumn .gMap .cornerOverlay { width: 33px; height: 50px; } .informationRightColumn .downloadButton p a { padding-left: 10px; font-size: 14px; } .mmProjectDetailInner .information h2 { background-size: 50px 50px; padding-top: 25px; } .borderBox > div { padding: 20px; } #kontakt-content > .mod_article_inner, #ueber-uns-content>.mod_article_inner { padding-bottom: 350px; } #kontakt-content .ce_text, .ce_form, .submit_container input.submit { width: 280px; float: none; } .ce_form input, .ce_form textarea, .ce_form input#ctrl_5 { width: 236px; } .ce_form textarea { max-width: 236px; min-width: 236px; } .ce_form .formRowCaptcha input { width: 35px; padding: 0px; margin-right: 0px; } span.captcha_text { padding-left: 10px; width: 230px; font-size: 12px; } footer { padding-top: 0px; margin-top: 0px; } footer .infos { height: auto; } footer .footerLeft, footer .footerRight { height: auto; line-height: 20px; text-align: center; padding-top: 10px; float: none; } footer .footerRight { padding-top: 0px; } footer .footerLeft p { line-height: 20px; } footer .footerRight ul { display: inline-block; } footer .footerRight ul li { line-height: 25px; } footer .nosun { text-align: center; padding-bottom: 20px; font-size: 12px; } .houseSizeButton > span { width: 208px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* hires-specific stuff here */ } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* hires-specific stuff here */ } /* Phones, Landscape Only */ @media screen and (min-width: 375px) and (max-width: 767px) { .video-wrapper .video_trigger p { font-size: 12px; margin: -40px !important; } .mmProjectsFristItem .title { margin-bottom: 40px; } .mmProjectsFristItem .shorttext-archive { margin-top: -60px; } } /* Phones, Portrait Only */ @media screen and (min-width: 1px) and (max-width: 479px) { .home .hotspot { height: 320px !important; } #icons .icon-1 a { padding-top: 14px; height: 50px; } .home h1 { font-size: 20px; } .navigationLayerInner ul li { padding-bottom: 5px; padding-top: 5px; } .navigationLayerInner a { font-size: 18px } .navCol2 ul.level_2 li a, .navCol3 ul.level_2 li a { font-size: 16px !important; } .navigationLayer .navCol2 ul.level_2, .navigationLayer .navCol3 ul.level_2 { padding-top: 0px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* hires-specific stuff here */ } } /* * Print-Styles * * NO-SUN on- & offline funky * 2017 */ @media print { }