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} @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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} 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)} } .mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listview>li:not(.mm-divider):after{left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu .mm-divider{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking{overflow:hidden}html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-opened{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}} @charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important} .mm-navbars-bottom,.mm-navbars-top{background:inherit;border-color:inherit;border-width:0;overflow:hidden;position:absolute;left:0;right:0;z-index:3}.mm-navbars-bottom>.mm-navbar,.mm-navbars-top>.mm-navbar{border:none;padding:0;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbars-top{border-bottom-style:solid;border-bottom-width:1px;top:0}.mm-navbars-bottom{border-top-style:solid;border-top-width:1px;bottom:0}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-hasnavbar-top-1 .mm-panels{top:40px}.mm-hasnavbar-top-2 .mm-panels{top:80px}.mm-hasnavbar-top-3 .mm-panels{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-hasnavbar-bottom-1 .mm-panels{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%} .mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.1)}.mm-menu.mm-shadow-page.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.1)}.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.05)}.mm-menu.mm-shadow-page.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.05)}.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,.2)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.3)}.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} #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} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} .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} /* ****************************************************************************************************************** */ /* --- Fonts -------------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ /* comfortaa-300 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url('/webfonts/comfortaa-v29-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/webfonts/comfortaa-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/webfonts/comfortaa-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/webfonts/comfortaa-v29-latin-300.woff') format('woff'), /* Modern Browsers */ url('/webfonts/comfortaa-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/webfonts/comfortaa-v29-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-regular - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url('/webfonts/comfortaa-v29-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/webfonts/comfortaa-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/webfonts/comfortaa-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/webfonts/comfortaa-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/webfonts/comfortaa-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/webfonts/comfortaa-v29-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-500 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 500; src: url('/webfonts/comfortaa-v29-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/webfonts/comfortaa-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/webfonts/comfortaa-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/webfonts/comfortaa-v29-latin-500.woff') format('woff'), /* Modern Browsers */ url('/webfonts/comfortaa-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/webfonts/comfortaa-v29-latin-500.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-600 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 600; src: url('/webfonts/comfortaa-v29-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/webfonts/comfortaa-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/webfonts/comfortaa-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/webfonts/comfortaa-v29-latin-600.woff') format('woff'), /* Modern Browsers */ url('/webfonts/comfortaa-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/webfonts/comfortaa-v29-latin-600.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* comfortaa-700 - latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url('/webfonts/comfortaa-v29-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/webfonts/comfortaa-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/webfonts/comfortaa-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/webfonts/comfortaa-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('/webfonts/comfortaa-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/webfonts/comfortaa-v29-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */ } /* ****************************************************************************************************************** */ /* --- Variablen ---------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ :root { --ka-bk-color:#fdf8f2; --ka-font-color:#000000; --ka-font-size:16px; --ka-desktopwidth:85%; --ka-desktopwidth2:70%; --ka-desktopmargin:7.5%; --ka-desktopmargin2:15%; --ka-btnbk:#58585a; --ka-btncolor:#c6c7c8; --ka-btnborder:#58585a; --ka-font-lightblue:#08b6d1; --ka-edit-color:#eeeeee; --ka-edit-border:#08b6d1; --ka-shop-boxbk:#2e2e2e; --ka-shop-h2:#08b6d1; --ka-shop-price:#fff; --ka-border-color:#fff; } /* ****************************************************************************************************************** */ /* --- Basics ------------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ body { background-color:#222222; } #wrapper { width:100%; min-height:200px; } #container { max-width:1200px; margin-right:auto; margin-left:auto; } #main .inside { } a, b, body, cite, div, em, i, label, li, ol, p, strong, td, th, u, ul, fieldset, form, input, optgroup, select, textarea, div { font:16px/23px Comfortaa,Arial; text-decoration:none; color:#eeeeee; } ul { padding-top:4px; padding-left:17px; } li { margin-bottom:4px; padding-left:2px; list-style-type:square; } pre, form { margin:0; padding:0; } p { margin-top:10px; margin-bottom:10px; } h1, h2, h3, h4, h5, h6 { font-family:Ubuntu; } h1 { margin-top:12px; margin-bottom:20px; font-size:32px; line-height: 36px; font-weight:normal; color:#4465ac; } h2 { margin:10px 0 5px; padding:0; font-size:20px; line-height:22px; color:#777777; } h3 { margin:10px 0 2px; padding:0; font-size:18px; line-height:24px; font-weight:bold; color:var(--ka-font-lightblue); } h4 { margin:10px 0 2px; padding:0; font-size:16px; line-height:20px; font-weight:bold; color:#4465ac; } optgroup { padding-top:3px; padding-bottom:3px; } a { text-decoration:none; color:#08b6d1; } a:hover { text-decoration:underline; } .masonry { padding-top:20px; padding-bottom:20px; } .clear, .spalteclear { width:100%; float:none; clear:both; display:block; } .center { width:100%; text-align:center; } .col50 { float:left; display:block; width:calc(50% - 0px); } .dist25 { display:block; margin-bottom:25px; } .dist30 { display:block; margin-bottom:30px; } .dist50 { display:block; margin-bottom:50px; } .line { width:80%; left:10%; position:relative; float:none; clear:both; display:block; margin-top:25px; margin-bottom:25px; border-top:1px solid #777777; border-right:0px solid #08b6d1; border-bottom:0px solid #08b6d1; border-left:0px solid #08b6d1; } table { margin-top:20px; margin-bottom:20px; } #main table tr:nth-child(odd) { background-color:#151515; } table th, table td { padding:6px 10px 2px 5px; } .flexcontainer, .flex-container, #flex-container { margin: 50px 0; display: flex; flex-wrap: wrap; flex-direction: row; } .flexcontainer.space-between, .flex-container.space-between { margin-top: 50px; margin-bottom: 50px; justify-content: space-between; } .flex-container.mercury1, .flex-container.start, .flex-container.quicksilver, .flex-container.luxury { margin: 50px 0; justify-content: space-between; } .flex-container.luxury { margin:20px 0; } .ce_hyperlink.button { position: relative; display: inline-block; margin: 5px 20px 5px 0; padding: 6px 25px; background-color: var(--ka-btnbk); color: #FFF; border-radius: 0px; } .grid { display:grid; } .grid.frx { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid.fr2 { grid-template-columns: 1fr 1fr; } .grid.fr3 { grid-template-columns: 1fr 1fr 1fr; } .grid.fr4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid.fr5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid.fr6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .grid.fr21 { grid-template-columns: 2fr 1fr; } .grid.fr12 { grid-template-columns: 1fr 2fr; } .grid.gap0 { grid-column-gap: 0px; grid-row-gap: 0px; } .grid.gap10 { grid-column-gap: 10px; grid-row-gap: 10px; } .grid.gap20 { grid-column-gap: 20px; grid-row-gap: 20px; } .grid.gap30 { grid-column-gap: 30px; grid-row-gap: 30px; } .grid.gap40 { grid-column-gap: 40px; grid-row-gap: 40px; } .grid.gap60 { grid-column-gap: 60px; grid-row-gap: 60px; } .grid.gap80 { grid-column-gap: 80px; grid-row-gap: 80px; } .width100 { width: 100%; } /* ****************************************************************************************************************** */ /* --- header ---------- -------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ #header { width:100%; height:100px; top:0; position:fixed; background-color:rgba(255,255,255,.95); border-bottom:2px solid #0ed5f0; z-index:990; } #header .inside { min-width:320; max-width:1200px; margin-right:auto; margin-left:auto; padding:0; } #HeaderLogo { width:250px; left:0; top:5px; position:absolute; z-index:902; } #HeaderLogo a, { color:#e8e8e8; } #HeaderButtonMenu { right:48px; top:5px; position:absolute; } #HeaderButtonMenu div.ce_hyperlink { width:30px; height:30px; float:left; margin-left:5px; } #bannersmall { max-width:100%; overflow:hidden; margin-top:100px; margin-right:auto; margin-left:auto; text-align:center; border-bottom:2px solid #e6e6e6; } #banner, #banner .image, #banner .image_container { min-height:200px; max-width:100%; } #banner .image { width:100%; z-index:901; } #bannersmall .image { display: flex; justify-content: center; align-items: center; min-width:100%; max-width:200%; height: 100%; object-fit: cover; } #bannersmall .title { width:100%; bottom:4px; left:0; right:0; position:absolute; clear:both; padding-top:0; padding-bottom:30px; text-align:center; background-color:rgba(0,0,0,.5); font:64px Kaushan Script; color:#FFF; text-transform:capitalize; z-index:902; } #bannersmall .sign { max-width:40%; bottom:5px; left:0; right:0; position:absolute; margin-right:auto; margin-left:auto; z-index:903; } #banner .inside { overflow:hidden; max-height:calc(100vh - 20px) !important; } #StartBeg { width:100%; height:170px; bottom:0; left:0; right:0; position:absolute; clear:both; margin-right:auto; margin-left:auto; padding:0; text-align:center; } #StartBeg .downbutton { width:250px; bottom:-2px; left:0; right:0; position:absolute; float:none; clear:both; margin-right:auto; margin-left:auto; z-index:904; } /* ****************************************************************************************************************** */ /* --- footer ------------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ #footer { display: flex; flex-direction: column; margin-top:0; padding:20px 0 20px 0; background-color:#6e6e6e; border-top:1px solid #08b6d1; border-spacing:10px; width: 100%; height: 230px; } #footer .inside { position: relative; display: flex; flex-direction: column; max-width:1200px; width: 100%; height: auto; margin-right:auto; margin-left:auto; padding:0; } #footer-navigation { height:30px; width:100%; position:absolute; top: auto; bottom: 0; background-color:#4465ac; display: flex; align-items: center; justify-content: center; } #footer H1 { font-size:16px; } #FooterLogo, #FooterZeiten, #FooterKontakt, #FooterAnschrift { width:270px; max-width:25%; float:left; margin-right:10px; margin-left:0; padding-right:0; padding-left:0; } #FooterLogo { width:150px; padding-top:10px; padding-right:30px; } #FooterKontakt { margin-right:0; } #FooterPartner { right:0; top:0; position:absolute; } #FooterPartner img, #FooterPartner .kimg { width:90px; margin-right:15px; } .mod_footer_copyright { min-height:25px; bottom:-10px; right:0; position:absolute; padding-top:2px; padding-bottom:2px; display: none !important; } .mod_footer_navi { /* top:5px; margin-right:auto; margin-left:auto; */ margin:0; padding:0; text-align:center; } .mod_footer_navi ul { /* width:820px; margin-right:auto; margin-left:auto; */ } .mod_footer_navi li { float:left; padding-right:15px; padding-left:15px; list-style-type:none; } .mod_footer_navi li { list-style-type:none; } #FooterKontakt strong, #FooterLogo p, #FooterKontakt p, #FooterPartner p, #FooterLogo div, #FooterKontakt div, #FooterPartner div, #FooterLogo a, #FooterKontakt a, #FooterPartner a, #FooterLogo H1, #FooterKontakt H1, #FooterPartner H1, #FooterPartner td, .mod_footer_contact a, .mod_footer_navi a, .mod_footer_navi strong, .mod_footer_copyright { font-size:14px; line-height:18px; color:#fff; } .mod_footer_navi a, .mod_footer_navi strong { text-transform: uppercase; } .mod_footer_navi a:hover { text-decoration: none; } .mod_footer_navi strong { color:#0ad1f0; } /* ****************************************************************************************************************** */ /* --- mainmenu ----------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ @media screen and (min-width: 801px) { #navmobil { display:none; } #mainnav { display: flex; left:0; top:78px; position:absolute; overflow:visible; margin:0; z-index: 999; } #mainnav.mod_navigation { } #mainnav.mod_navigation span.active, #mainnav.mod_navigation li.sibling { margin:0; padding:0; } #mainnav.mod_navigation a { display: block; margin:5px 0 0; padding:0; text-decoration:none; } #mainnav.mod_navigation a:hover { text-decoration:none; } #mainnav.mod_navigation li { display: flex; position:relative; float:left; list-style-type:none; } #mainnav.mod_navigation li a, #mainnav.mod_navigation li.active strong { display: flex; position:relative; float:left; margin:0 7px 0 0; padding:2px 5px 0; text-align:center; font:18px/16px Comfortaa; font-weight:bold; color:#4465ac; list-style-type:none; } #mainnav.mod_navigation li.active strong { color:#08b6d1; } #mainnav.mod_navigation li a:hover, #mainnav.mod_navigation li a.sfhover { text-decoration:none; color:#b1b1b1; /* Farbton für den Hovereffekt */ transition: color 500ms ease-in-out; /* Standard */ } #mainnav.mod_navigation ul { margin:0; padding:0; list-style-type:none; } #mainnav.mod_navigation li ul { width:265px; bottom:0; left:0; right:0; top:20px; position:absolute; display:none; padding-top:4px; background-color:#4465ac; } #mainnav.mod_navigation li ul li { margin:0; padding:0; border-bottom:1px solid #dbdbdb; border-radius:0; } #mainnav.mod_navigation li ul li a, #mainnav.mod_navigation li ul li.active { width:260px; margin:0; padding:10px 0 8px 5px; text-align:left; background-color:rgba(255,255,255,.9); background-image:none; color:#4465ac; /* Farbton für den Link im Normalzustand */ -webkit-transition: color 1s ease-out; /* WebKit */ -moz-transition: color 1s ease-out; /* Firefox */ -o-transition: color 1s ease-out; /* Opera */ transition: color 1s ease-out; /* Standard */ } #mainnav.mod_navigation li ul li a:hover { color:#4465ac; /* Farbton für den Hovereffekt */ -webkit-transition: color 500ms ease-in-out; /* WebKit */ -moz-transition: color 500ms ease-in-out; /* Firefox */ -o-transition: color 500ms ease-in-out; /* Opera */ transition: color 500ms ease-in-out; /* Standard */ } #mainnav.mod_navigation li ul ul { left:260px; top:-4px; position:absolute; z-index: 999; } #mainnav.mod_navigation li:hover ul { display:block; } #mainnav.mod_navigation ul li:hover ul ul { display:none; } #mainnav.mod_navigation ul ul li:hover ul { display:block; } } /* ****************************************************************************************************************** */ /* --- Form --------------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ .submit { width:264px; max-width:95%; display:block; margin:10px 0 10px 0; padding:10px 0 8px 0; background-color:#08b6d1; color:#FFF; border:medium none; } .mod_registration .formbody .flexcontainer, .mod_personalData .formbody .flexcontainer { max-width:100%; display: flex; justify-content: space-between; } .mod_registration fieldset, .mod_personalData fieldset { /*width: calc(25% - 20px);*/ margin:20px 20px 20px 0; padding:10px 10px 12px 10px; background-color:var(--ka-shop-boxbk); } fieldset legend { font-size: 18px; } legend { color:var(--ka-edit-color); } .col_0 { width:160px; } input.text, input.username, input.password, input.password_confirm, input.captcha, textarea { width: calc(100% - 4px); max-width: 100%; margin:0 10px 2px 0; background-color:rgba(8,182,209,.1); border:2px solid var(--ka-edit-border); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } input.text:focus, input.username:focus, input.password:focus, input.password_confirm:focus, input.captcha:focus { background-color:rgba(8,182,209,.5); border:2px solid var(--ka-edit-border); } div.mod_login input.text, div.mod_login input.username, div.mod_login input.password, div.mod_login input.password_confirm { max-width: 260px; } input.captcha { width:75px; } input.captcha:focus { width:95px; } textarea { width: calc(100% - 4px); height:120px; } #dlh_googlemap_1 input.text { width:150px; float:left; } #dlh_googlemap_1 input.submit { width:100px; padding-top:2px; padding-bottom:2px; } #dlh_googlemap_1 * { font-size:16px; line-height:20px; } select { width:264px; margin:1px 0; font-size: 14px; padding:3px; border: 2px solid var(--ka-edit-border); background-color: rgba(8,182,209,.1); color: var(--ka-edit-color); border: 2px solid var(--ka-edit-border); } option { background-color: rgba(8,182,209,.9); color: var(--ka-edit-color); } div.radio_container { margin:5px 0 1px; } div.radio_container span { display:block; padding-right:6px; } input.radio { top:2px; position:relative; margin:1px 2px 0 1px; padding:0; } div.checkbox_container { margin:5px 0 1px; } fieldset.checkbox_container span { display:block; padding-right:6px; } input.checkbox, input.radio { float:left; margin:3px 10px 0 1px; padding:0; } fieldset.checkbox_container span label, fieldset.radio_container span label { width:calc(100% - 20px); } fieldset table td:first-child { margin:1px 0; } label { width:250px; display:block; margin-top:4px; margin-bottom:0; margin-left:0; } #col_0 { margin-left:0; } form p.error { display:block; margin-top:0; margin-bottom:2; padding:1px 5px; background-color:#ffffff; border:2px solid #850303; font-weight:400; color:#ff0000; } form input.error { background-color:rgba(8,182,209,.1); border:2px solid #850303; } /* ****************************************************************************************************************** */ /* --- Variablen ---------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ /* ****************************************************************************************************************** */ /* --- swiperslider ------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ .swiper-container { position: relative; max-width: 100%; overflow: hidden; /* !!! */ } .swiper-wrapper { max-width: 100%; } .swiper-slide { height: auto !important; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: '' !important; } /* .swiper-wrapper { width: 100%; } */ .swiper-button-prev, .swiper-button-next { position: absolute; top: calc(50% - 0px); left: auto; right: auto; width: 34px !important; height: 34px !important; background-repeat: no-repeat; /*background-color: rgba(0,0,0,0.7);*/ background-repeat: no-repeat; background-position: center; /*background-size: 50%;*/ transition: background-position 0.5s ease-in-out; cursor:pointer; z-index: 999; } .swiper-button-prev { left: 0px; background-image:url("/files/intern/common/slider-left.svg"); } .swiper-button-next { right: 0px; background-image:url("/files/intern/common/slider-right.svg"); } .swiper-pagination { position: relative; top: auto; bottom: -60px !important; } .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 6px; border-radius: 20px; /*cursor: pointer;*/ } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--ka-brand_gold); } /* ****************************************************************************************************************** */ /* --- Slider1 ----------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ section.kaslider1 { width: 100%; position: relative; background-color: var(--ka-white); padding: 0px 0 50px 0; margin: 50px 0; display: flex; flex-direction: column; } section.kaslider1 .content { position: relative; display: flex; flex-direction: column; left: 50%; transform: translate(var(--ka-gl-translate), 0); width: calc((100% - var(--ka-gl-width)) / 2 + var(--ka-gl-width) - var(--ka-gl-pad) - 0px); /* margin: 0 0 0 var(--ka-globalmarginleft); width: calc(100% - var(--ka-globalmarginleft)); */ padding: 80px 0 100px var(--ka-gl-pad); top: 100px; z-index: +1; } section.kaslider1.textwhite .content { color: var(--ka-fontwhite-color); } section.kaslider1 .contentright { display: flex; position: relative; max-width: calc(100% - var(--ka-gl-padleft)); flex-direction: row; margin: 40px 0 0 0; } section.kaslider1 .content.order2 { order: 2; top: -100px; z-index: +2; } section.kaslider1 .sliderbox.order1 { order: 1; } section.kaslider1 .swiper-container { z-index: 0; } section.kaslider1 .textbox { background-color: var(--ka-white); } section.kaslider1 .sliderbox { z-index: +2; } section.kaslider1 .swiper-slide { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-items: center; } section.kaslider1 .teaserlist { display: flex; flex-direction: row; justify-content: center; margin: 50px 0 20px 0; } section.kaslider1 .teaserlist .teaser { text-align: center; margin: 0 10px; } #main section.kaslider1 .teaserlist .teaser a { display: block; padding: 0 0 8px 0; border-bottom: 0px solid var(--ka-border-color); } #main section.kaslider1 .teaserlist .teaser.active a { border-bottom: 1px solid var(--ka-border-color); color: var(--ka-font-color); } section.kaslider1 .swipercontainers { position: relative; } section.kaslider1 .swipercontainers .tmainswiper { position: relative; display: flex; margin: 0 0 50px 0; margin: 0 0 0px 0; } section.kaslider1.thumbslider .tmainswiper .swiper-slide img { filter: brightness(1.1); } section.kaslider1.thumbslider .thumbswiper { margin: 20px 0; min-height: 70px; } section.kaslider1.thumbslider .thumbswiper .swiper-wrapper { justify-content: center; } section.kaslider1.thumbslider .thumbswiper .swiper-slide { display: flex; flex-direction: column; /*border-left: 1px solid var(--ka-border-color);*/ background-color: #fff; cursor: pointer; } section.kaslider1.thumbslider .thumbswiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; filter: brightness(1.1); opacity: 0.7; filter: saturate(0.1); border: 1px solid #222222; } section.kaslider1.thumbslider .swipercontainers .thumbcontainer .swiper-slide.swiper-slide-thumb-active img { opacity: 1; filter: saturate(1); filter: brightness(1.1); border: 1px solid var(--ka-border-color); } section.kaslider1.thumbslider .thumbswiper .swiper-slide .textbox { padding: 80px 0 80px 20px; width: calc(100% - 40px); } section.kaslider1.thumbslider .buttons { position: relative; display: grid; } section.kaslider1.thumbslider .buttons > div { position: relative; display: flex; width: 100%; margin: 20px 0 0 0; } section.kaslider1.thumbslider .swiper-button-next, section.kaslider1.thumbslider .swiper-button-prev { top: auto; bottom: 10px; top: 50px; bottom: auto; } /* ****************************************************************************************************************** */ /* --- Boat-Links --------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ .boatlink { position: relative; display: flex; flex-direction: column; } .boatlink .headline { position: relative; display: flex; justify-content: center; width: 100%; text-align: center; font-size: 16px; margin: 0 0 10px 0; } .boatlink .image_container { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0; overflow: hidden; } .boatlink .image_container img { transform: scale(1); transition: 0.5s ease-in-out; filter: saturate(100%); } .boatlink .image_container img:hover { transform: scale(1.3); filter: saturate(150%); } .boatlink .text { position: relative; display: flex; text-align: left; } .boatlink .text * { font-size: 14px; line-height: 18px; color: #858585; } .boatlink .button { background-color: inherit; padding: 0; } .boatlink a, .boatlink a:hover { text-decoration: none; } /* ****************************************************************************************************************** */ /* --- Links ----------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ .prodlink { /*min-height:300px;*/ float:left; margin:25px 0 25px 0; width:32%; } .start .prodlink { margin:25px 0 25px 0; width:28%; } .start.col4 .prodlink { margin:25px 0 25px 0; width:23%; } .start.col5 .prodlink { margin:25px 0 25px 0; width:17%; } .mercury .prodlink { margin:25px 25px 25px 0; /*width:calc(25% - 25px);*/ width:calc(25% - 25px); } .prodlink a:hover { text-decoration:none; } .mercury .prodlink { background-color:#eee; } .mercury .prodlink .prodlinkinside { padding: 30px; } .prodlink.white { background-color:#fff; } .prodlink.col4, .col4 .prodlink { width:calc(25% - 30px); } .prodlink .headline { margin-bottom:10px; } .mercury .prodlink .headline, .prodlink .headline2 { display: none; } .mercury .prodlink .headline2 { display: block; } .prodlink .textblock { min-height:105px; padding:5px 0 5px 0; z-index:10; } .prodlink .textblock .headline, .prodlink .textblock .headline2, .prodlink .textblock .text, .prodlink .textblock .text p { color:#858585; } .prodlink.white .textblock .headline, .prodlink.white .textblock .headline2, .prodlink.white .textblock .text, .prodlink.white .textblock .text p { color:#616161; } .prodlink .headline, .prodlink .headline a { width:100%; text-align:center; font-size:16px; } .mercury .prodlink .headline2 a { font-size:16px; line-height: 20px; font-weight: bold; } .prodlink .textblock .text, .prodlink .textblock .text p, .prodlink .textblock a { text-align:left; font-size:14px; line-height:18px; color:#858585; } .mercury .prodlink .textblock h1 { margin: 0 0 10px 0; } .prodlink .textblock a { color:#08b6d1; } .prodlink .linkimg, .flink .linkimg { position: relative; overflow:hidden; } .mercury .prodlink .linkimg, .mercury .flink .linkimg { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*min-height: 310px;*/ align-items: flex-end; } .start .prodlink .linkimg { max-width: 220px; } .prodlink .linkimg img, .flink .linkimg img { transition: all .5s ease-in-out; z-index:9; } .mercury .prodlink .linkimg img, .mercury .flink .linkimg img { border-bottom: 1px solid #08b6d1; padding: 0; } .quicksilver .prodlink .linkimg img:hover, .quicksilver .flink .linkimg img:hover { overflow:hidden; -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-filter: saturate(150%); /* Safari 6.0 - 9.0 */ filter: saturate(150%); } .luxury .ce_hyperlink { margin: 10px 0 40px 0; } .servicebtn { float:left; display:block; margin:15px; text-align:center; width:calc(33.33% - 30px); } .servicebtn .image_container { max-width:140px; display:block; margin-right:auto; margin-left:auto; padding:25px; background-color:#000; border-radius:50%; behavior:url('assets/css3pie/1.0.0/PIE.htc'); -moz-transition: background-color 500ms linear; -webkit-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; transition: background-color 500ms linear; } .servicebtn .image_container:hover { background-color:#d23216; cursor:pointer; -moz-transition: background-color 250ms linear; -webkit-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; transition: background-color 250ms linear; } .bildlink { width:100%; position:relative; overflow:hidden; } .bildlink div { font-size:17px; line-height:17px; } .bildlink .image { height:auto; overflow:hidden; float:left; margin:5px; padding:0; border:1px solid #b5b5b5; font-size:8px; line-height:2px; width: calc(20% - 12px); } .bildlink .image_container img { overflow:hidden; margin:0; padding:0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .bildlink img:hover { margin:0; padding:0; -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } .bildlink .linkbox { left:0; position:absolute; margin-right:5px; margin-left:5px; text-align:center; width: calc(100% - 0px); top: calc(50% - 12px); } .bildlink .linkbox a { padding:20px 120px; background-color:#13a3cf; font-size:24px; color:#FFF; } .flink { float:none; margin:10px 0 20px; padding-top:10px; text-align:left; border-top:1px solid #d1d1d1; width:calc(100% - 0px); } .flink div.linkimg { float:left; margin-right:30px; width:calc(33.3% - 30px); } .flink div.textblock { float:left; margin-right:0; margin-left:0; width:calc(66.6% - 0px); } .flink h3 { padding-right:0; padding-left:0; } /* ****************************************************************************************************************** */ /* --- projectlink -------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ #main .projectlink.imagegrow, #main .projectlink.flat { position: relative; width:calc(33.3% - 10px); } #main .projectlink.imagegrow .imgblock, #main .projectlink.flat .imgblock { position: relative; overflow: hidden; } #main .projectlink.imagegrow .imgblock *, #main .projectlink.flat .imgblock * { line-height: 1px; } #main .projectlink.imagegrow .image_container, #main .projectlink.flat .image_container { overflow: hidden; line-height: 1px; } #main .projectlink.imagegrow .image_container img, #main .projectlink.flat .image_container img { transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); transition: all .75s ease-in-out; } #main .projectlink.imagegrow:hover .image_container img, #main .projectlink.flat:hover .image_container img { transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); } #main .projectlink.imagegrow .button a { position: absolute; width: 100%; top: calc(50% - 15px); color: #ffffff; font-size: 30px; line-height: 34px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; pointer-events: none; text-align: center; } #main .projectlink.imagegrow .text { margin-top: 20px; margin-bottom: 20px; padding-left: 50px; padding-right: 50px; } #main .projectlink.flat { position: relative; width:calc(33.3% - 10px); } #main .projectlink.flat .text { width: 80%; } #main .projectlink.hover { position: relative; display: inline-block; float: left; padding: 0; margin: 0; width: 32%; } #main .projectlink.hover .imgblock { /* position: absolute; top: 0; left: 0; */ } #main .projectlink.hover .headline { color: #ffffff; font-size: 34px; font-weight: 300; } #main .projectlink.hover .imgblock * { line-height: 1px; position: relative; } #main .projectlink.hover .imgblock .headline { position: absolute; top:50%; width: 100%; text-align: center; transition: .5s; pointer-events: none; } #main .projectlink.hover:hover .imgblock .headline { opacity: 0; } #main .projectlink.hover .textblock { position: absolute; top: 0; left: 0; width: calc(100% - 0px); height: 100%; padding: 20px; background-color: #131820; display: flex; flex-direction:column; text-align: center; justify-content :center; opacity: 0; transition: 1.5s; pointer-events: none; } #main .projectlink.hover:hover .textblock { opacity: 0.8; } #main .projectlink.hover .button a { font-size: 34px; } #main .projectlink.hover .textblock .text { margin-top: 20px; margin-bottom: 20px; } #main .projectlink.hover .textblock .headlinecolor { font-size: 16px; line-height:18px; font-weight: 600; background-image:linear-gradient(90deg,#b91509,#20549d,#23bfe4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #main .projectlink.hover .button a { color: #ffffff; font-size: 16px; font-weight: 300; } #main .projectlink.hover .textblock .text p { color: #FFFFFF; } /* ****************************************************************************************************************** */ /* --- slider ----------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ div.mod_rocksolid_slider.qsslider { /*max-height:450px;*/ margin-top:20px; margin-bottom:20px; } div.mod_rocksolid_slider.qsslider { position:relative; display:block; max-width:1000px; margin:20px 0 100px 0; padding:0 0 0px 0; overflow: visible; } .rsts-skin-default .rsts-nav-thumbs { width:100%; max-width:1000px; position: absolute; bottom: -80px; left: 0; overflow: hidden; padding: 0; } /* ****************************************************************************************************************** */ /* --- mercury ----------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ section.mercury { position: relative; } section.mercury .textblock, section.mercury .textblockunten { clear: both; float: none; margin: 10px 0 20px 0; } section.mercury .tabblock { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } section.mercury .tabblock .left { padding: 0 20px 0 0; width:calc(20% - 20px); } section.mercury .tabblock .left .headline { display: block; margin: 0 0 10px 0; padding: 13px 10px 5px 0px; font-size: 18px; line-height: 20px; font-weight: bold; color: #08b6d1; font-family: Ubuntu; } section.mercury .tabblock .left .tabhl { display: block; padding: 13px 10px 5px 10px; /*background-color: #f0f0f0;*/ border-bottom: 1px solid #08b6d1; line-height: 16px; cursor: pointer; } section.mercury .tabblock .left .tabhl.active, section.mercury .tabblock .left .tabhl:hover { color: #08b6d1; } section.mercury .tabblock .right { width:80%; } section.mercury .tabblock .right .tabright { display: none; /*visibility: hidden; display: flex;*/ flex-wrap: wrap; padding: 0 0 0 0; width:100%; transition: opacity 1s ease-in-out; opacity: 0; } section.mercury .tabblock .right .tabright.active { /*visibility: visible;*/ display: flex; opacity: 1; } section.mercury .tabblock .right .tabright .text { padding: 0 20px 0 0; width:calc(75% - 20px); } section.mercury .tabblock .right .tabright .image_container { width:25%; } section.mercury .tabblock .right .tabright .image_container img { } section.mercury table ul, section.mercury table li { padding:0px 10px 0px 5px; font: 16px/18px Comfortaa,Arial; margin: 0; } section.mercury table th, section.mercury table td { padding:10px 10px 8px 5px; font: 16px/18px Comfortaa,Arial; } /* ****************************************************************************************************************** */ /* --- MetaModels --------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ .ce_metamodel_list li { list-style-type:none; } /* Das ist das einzelne Angebot */ .ce_metamodel_list div#liste div.item { height:180px; position:relative; float:none; margin:0 5px; padding:15px 0; border-top:1px solid #c7c7c7; list-style-type:none; width:calc(100% - 20px); } .ce_metamodel_list div#liste div.item:hover { background-color:rgba(8,182,209,.15); } .ce_metamodel_list div.field { margin-top:4px; margin-bottom:4px; } .ce_metamodel_list div.Galeriebild { height:100%; float:left; display:block; margin-right:20px; width:calc(25%); } .ce_metamodel_list div.Galeriebild img { width:100%; height:180px; display:block; margin-right:auto; margin-left:auto; padding-left:0; text-align:center; } .ce_metamodel_list div.Galeriebild ul { margin:0; padding:0; } .ce_metamodel_list div.Marke { float:left; margin-top:0; margin-right:5px; } .ce_metamodel_list div.Marke span.text, .ce_metamodel_list div.Modell span.text { font-size:20px; color:#4465ac; } .ce_metamodel_list div.Baujahr { display:block; margin-right:auto; margin-left:auto; } .ce_metamodel_list div.Baujahr:before { float:left; margin-right:5px; content: "Baujahr" } .ce_metamodel_list div.Laenge div.value, .ce_metamodel_list div.Breite div.value, .ce_metamodel_list div.Gewicht div.value { float:left; clear:none; } .ce_metamodel_list div.Laenge::before { float:left; clear:none; margin-right:5px; content: "Länge" } .ce_metamodel_list div.Breite::before { float:left; clear:none; margin-right:5px; content: "Breite" } .ce_metamodel_list div.Laenge::after, .ce_metamodel_list div.Breite::after { float:none; clear:none; content: " m" } .ce_metamodel_list div.Preis div.value { float:left; clear:none; } .ce_metamodel_list div.Preis::before { float:left; clear:none; margin-right:5px; content: "Preis" } .ce_metamodel_list div.Preis::after { float:none; clear:none; content: ",-- €" } .ce_metamodel_list div.Zustand::before { float:left; clear:none; margin-right:5px; content: "Zustand" } .ce_metamodel_list div.Liegeort::before { float:left; clear:none; margin-right:5px; content: "Liegeort" } .ce_metamodel_list div.Gewicht::before { float:left; clear:none; margin-right:5px; content: "Gewicht" } .ce_metamodel_list div.Gewicht::after { float:none; clear:none; content: " kg" } .ce_metamodel_list div.MaterialRumpf::before { float:left; clear:none; margin-right:5px; content: "Material Rumpf" } .ce_metamodel_list div.MaxPerso::before { float:left; clear:none; margin-right:5px; content: "Max. Personenzahl" } .ce_metamodel_list div.Trailer::before { float:left; clear:none; margin-right:5px; content: "inkl. Trailer" } .ce_metamodel_list div.Motor::before { float:left; clear:none; margin-right:5px; content: "Motor" } .ce_metamodel_list div.Ausstattung::before { float:left; clear:none; margin-right:5px; content: "Ausstattung" } /* Das ist das einzelne Angebot im Detail */ .ce_metamodel_list div#details div.item { width:100%; background-color:#fff; list-style-type:none; } .ce_metamodel_list div.Baujahr:before, .ce_metamodel_list div.Zustand:before, .ce_metamodel_list div.Preis:before, .ce_metamodel_list div.Laenge:before, .ce_metamodel_list div.Breite:before, .ce_metamodel_list div.Gewicht:before, .ce_metamodel_list div.Liegeort:before, .ce_metamodel_list div.MaterialRumpf:before, .ce_metamodel_list div.MaxPerso:before, .ce_metamodel_list div.Trailer:before, .ce_metamodel_list div.Motor:before, .ce_metamodel_list div.Ausstattung:before { width:140px; margin:0; font-size:14px; } .ce_metamodel_list div#details div.Detailbilder { float:left; display:block; margin-right:30px; } /* ****************************************************************************************************************** */ /* --- Comments ----------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ .ce_comments { padding-bottom:20px; border-right:0px solid #F6C500; border-bottom:5px solid #F6C500; } .ce_comments .info { margin-top:5px; padding:5px; background-color:#F6C500; font-weight:bold; color:#000; } .ce_comments .comment { margin-bottom:5px; padding:5px; background-color:#ddff83; } /* ****************************************************************************************************************** */ /* --- ----------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ .bb24_merchanttools .bb24_merchanttools_searchform .bb24_merchanttools_searchform2border { background-color:#000 !important; box-shadow: 0px 0px 0px grey !important; } .bb24_merchanttools .bb24_merchanttools_newlist_boat { border: 1px solid #4465ac !important; } .bb24_merchanttools .bb24_merchanttools_list .bb24_data h2, .bb24_merchanttools .bb24_merchanttools_list .bb24_data h2 a, .bb24_merchanttools .bb24_merchanttools_list .bb24_data .pricetag, .bb24_merchanttools_list .bb24_data .bb24_price2, .bb24_merchanttools .bb24_merchanttools_searchform .bb24_half select, .bb24_merchanttools_boat .bb24_head_left .bb24_boat_title h1, .bb24_merchanttools_boat .bb24_bottom_title, .bb24_merchanttools_boat .bb24_price .bb24_price_text { color:#08b6d1 !important; } .bb24_merchanttools .bb24_merchanttools_searchform select, .bb24_merchanttools .bb24_merchanttools_searchform .bb24_link { background-color:#333; color:#fff; } .bb24_merchanttools .financetag span { color:#fff !important; } .bb24_merchanttools label { width: auto; margin-right: 5px; display: inline-block; } .bb24_merchanttools .bb24_merchanttools_sort select { background-color:#08b6d1 !important; border-radius: 0 !important; color:#fff; margin-right: 10px; } /* ****************************************************************************************************************** */ /* --- Start -------------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ #main .inside { margin:40px 0 20px 0; padding:10px 0 0 0; z-index:900; } .spalte1 { float:left; margin-right:10px; margin-left:0; width:calc(65% - 10px); } .spalte2 { float:left; margin-left:auto; width:calc(35% - 2px); } .ce_gallery li { display:inline-block; margin-right:auto; margin-left:auto; padding-right:0; padding-left:36px; } .ce_gallery .image_container { margin-right:7px; margin-bottom:5px; } .ce_gallery img { padding:0; -webkit-box-shadow:3px 4px 3px 3px #ccc; box-shadow:3px 4px 3px 3px #ccc; } #startbox { position:relative; float:left; margin:15px; padding:10px; background-color:#efefef; width:calc(20% - 50px); } #startbox div.ktext { display:none; } #startbox:hover > div.ktext { bottom:10px; left:10px; right:10px; top:10px; position:absolute; display:block; padding:5px; background-color:rgba(255,255,255,.7); border:1px solid #ccc; z-index:10; } h1 { width:100%; margin-bottom:25px; text-align:center; } /* ****************************************************************************************************************** */ /* --- Login -------------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ div.flexcontainer.login { display:flex; justify-content: space-between; } div.flexcontainer div.boxlogin { display: flex; flex-wrap: wrap; flex-direction:column; padding:10px; background-color: var(--ka-shop-boxbk); width: calc(32% - 20px); } /* ****************************************************************************************************************** */ /* --- Shop --------------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ div.flexcontainer.webshop { display: flex; } div.flexcontainer.webshop div.shopleft { width: 165px; padding: 10px 10px 10px 10px; margin: 0 20px 0 0; background-color: #2e2e2e; } div.flexcontainer.webshop div.shopright { width: calc(100% - 205px); } div.flexcontainer.webshop div.shopright .subnavi { } div.flexcontainer.webshop div.shopleft .ce_hyperlink { margin: 10px 0 0 0; } div.flexcontainer.webshop div.shopleft .ce_hyperlink a, div.flexcontainer.webshop div.shopleft .mod_navigation li a, div.flexcontainer.webshop div.shopleft .mod_navigation li.active strong { width: auto; height: auto; padding: 2px 0 2px 0; margin: 0; display: block; font-size:12px; line-height:16px; } div.flexcontainer.webshop div.shopleft .mod_navigation ul.level_1 { position: relative; padding: 0; margin: 0; } div.flexcontainer.webshop div.shopleft .mod_navigation li { position: relative; float:none; clear:both; padding: 0; margin: 0; height: auto; display: block; } div.flexcontainer.webshop div.shopleft .mod_navigation li ul.level_2, div.flexcontainer.webshop div.shopleft .mod_navigation li ul.level_3 { top: 0; left: 0; right: auto; height: auto; margin: 0 0 0 10px; padding:0 0 0 0; position: relative; display: none; } div.flexcontainer.webshop div.shopleft .mod_navigation li ul.level_3 { margin: 0 0 0 20px; } div.flexcontainer.webshop div.shopleft .mod_navigation li.active ul.level_2, div.flexcontainer.webshop div.shopleft .mod_navigation li.trail ul.level_2, div.flexcontainer.webshop div.shopleft .mod_navigation li.active ul.level_3, div.flexcontainer.webshop div.shopleft .mod_navigation li.trail ul.level_3 { display: block; } div.flexcontainer.webshop.shopdetail { width:100%; background-color:#2e2e2e; } div.flexcontainer.webshop div.shopright div.headline, div.flexcontainer.webshop.shopdetail div.headline { position: relative; padding: 10px 10px 10px 10px; margin: 0 0 20px 0; background-color: #2e2e2e; } div.flexcontainer.webshop.shopdetail div.headline { width:100%; min-height: 17px; } div.flexcontainer.webshop div.shopright div.headline .warenkorb, div.flexcontainer.webshop.shopdetail div.headline .warenkorb { position: absolute; top: 10px; right: 10px; display: block; } div.flexcontainer.webshop div.shopright div.headline .warenkorb a, div.flexcontainer.webshop.shopdetail div.headline .warenkorb a, div.flexcontainer.webshop div.shopright div.headline .warenkorb img, div.flexcontainer.webshop.shopdetail div.headline .warenkorb img { position: relative; top: 0; left: 0; width: 50px; height: 42px; display: inline; } div.flexcontainer.webshop div.shopright div.headline select { background-color: var(--ka-btnbk); color: var(--ka-btncolor); border-radius: 0px; border-color:var(--ka-btnborder); } div.flexcontainer.webshop div.shopright div.headline input.text { border: 2px solid var(--ka-btnborder); background-color: var(--ka-btnbk); color: var(--ka-btncolor); float: left; } div.flexcontainer.webshop div.shopright div.headline input[type="submit"] { margin:0; padding:2px 10px; float: left; width:auto; background-color: var(--ka-btnbk); } .submit { left:0; top:0; position:relative; } .submit { left:0; top:0; position:relative; } .checkout { left:0; top:0; position:relative; } input[type="submit"], .button { display:block; margin-bottom:5px; padding:6px 25px; background-color:var(--ka-btnbk); color:#FFF; border-radius: 0px; } input[type="submit"]:hover, .button:hover { color:#FFF; background-position: 0 0px !important; } .mod_iso_checkout #iso_mod_checkout_address .submit_container { justify-content: flex-end; } /* -------------------------------------------------------------------------- */ .mod_iso_productreader { margin-top:20px; margin-bottom:00px; padding-top:10px; padding-bottom:0px; } .mod_iso_productreader div.topblock, .mod_iso_productreader div.mainblock { margin: 0 0 20px 0; display:flex; flex-direction:row; } .mod_iso_productreader div.topblock { background-color:#2e2e2e; padding:10px; } .mod_iso_productreader div.leftblock, .mod_iso_productreader div.rightblock { float:left; display:block; margin-right:60px; margin-left:0; padding-right:0; padding-left:0; width:calc(50% - 60px); } .mod_iso_productreader div.rightblock { margin-right:0; margin-left:60px; } .mod_iso_productreader div.col0 { height:300px; float:left; display:block; margin-right:5px; width1:calc(224px); } .mod_iso_productreader .images, .mod_iso_productreader .textblock { width:100%; position:relative; float:none; clear:both; display:block; margin:0 0 30px 0; } .mod_iso_productreader .images div.imgclose { width:120px; max-width:25%; right:0; top:0; position:absolute; } .mod_iso_productreader .image_container { float:left; margin:0 2px 2px 0; } .mod_iso_productreader h2 { margin-bottom:20px; font-size:24px; color:var(--ka-shop-h2); } .mod_iso_productreader #content { margin-left:0; } .mod_iso_productreader .description span[style="color: #808080;"] { width: 100%; border-top: 1px solid #808080; } .mod_iso_productreader .price, .mod_iso_productreader #ajax_price { padding-top:15px; padding-bottom:20px; font-size:20px; color:var(--ka-shop-price); } .mod_iso_productreader .versand, .mod_iso_productreader .versand a { color:#808080; } .mod_iso_productreader fieldset { margin-right:0; margin-left:0; padding-right:0; padding-left:0; } .mod_iso_productreader fieldset legend { color:#0a0a0a; } .mod_iso_productreader fieldset > span { float:none; clear:both; display:inline-block; } .mod_iso_productreader fieldset > span:nth-child(2), .mod_iso_productreader fieldset > span:nth-child(3) { width: 100%; height: 100px; position: relative; float: none; clear: both; margin: 5px 0 5px 0; padding: 0 0 0 120px; vertical-align: middle; background-position: left center; background-repeat: no-repeat; background-size: 100px 100px; display: flex; align-items: center; flex-direction: row; } .mod_iso_productreader fieldset > span:nth-child(2) label, .mod_iso_productreader fieldset > span:nth-child(3) label { padding:25px 25px 25px 10px; cursor:pointer; } .mod_iso_productreader fieldset > span:nth-child(2) input, .mod_iso_productreader fieldset > span:nth-child(3) input { display:block; padding-top:25px; padding-bottom:25px; padding-left:100px; cursor:pointer; } .mod_iso_productreader fieldset > span:nth-child(2) { background-image:url("/files/intern/common/dose.jpg"); } .mod_iso_productreader fieldset > span:nth-child(3) { background-image:url("/files/intern/common/gewuerzbeutel.jpg"); } .mod_iso_productreader .ce_hyperlink { padding-top:10px; padding-bottom:10px; font-weight:normal; } .mod_iso_productreader .sku { /*display:block;*/ display:none; margin-top:15px; text-align:left; font-weight:bold; } .mod_iso_productreader .sku, .mod_iso_productreader p.sku { display:none; } .mod_iso_productreader .description { position:relative; float:none; display:block; margin-top:0; margin-bottom:0; padding:0; } .mod_iso_productreader .description table { border:1px solid #f5e1ce; } .mod_iso_productreader .description table td { padding:5px 5px; /*border-bottom:1px solid #666;*/ border-spacing1: 20px; } .mod_iso_productreader .price100g { margin-top:15px; margin-bottom:15px; padding:0; color:#808080; } .mod_iso_productreader .options, .mod_iso_productreader .variants { margin-bottom:0px; padding:3px 10px 3px 0; color:#fff; } .mod_iso_productreader .options select { width: 100%; max-width:300px; font-size: 14px; border: 1px solid var(--ka-btnborder); background-color: var(--ka-btnbk); color: var(--ka-btncolor); } .mod_iso_productreader .submit_container { left:0; position:relative; } .mod_iso_productreader .submit { width:100%; max-width:300px; display:block; margin-top:2px; margin-left:0; padding:12px 15px; text-align:center; background-color:#58585a; font-weight:normal; cursor:pointer; } .mod_iso_productreader .submit value { left:-2000px; position:relative; } .mod_iso_productreader .quantity_container { float:none; clear:both; margin:20px 0 10px 0; } .mod_iso_productreader .quantity_container input { width:45px; margin: 5px 0 0 0; padding:3px 3px 0px 3px; text-align:center; } .mod_iso_productreader .options br, .mod_iso_productreader .variants br { display:none; } .mod_iso_productreader .options label { margin-right:5px; } .mod_iso_productreader p.back { width:100%; float:none; clear:both; display:inline-block; margin-top:20px; margin-bottom:10px; } /* -------------------------------------------------------------------------- */ .grid div.product { width:145px; float:left; display:block; margin-right:10px; margin-bottom:10px; padding:10px; } .grid h3 { margin-top:0; margin-bottom:5px; padding-top:0; padding-bottom:0; } .grid h3 a { display:block; text-align:center; font-size:.95em; line-height:1.25em; font-weight:bold; text-decoration:none; color:#222426; } .grid h3 a:hover { background-color:#e6e6e6; } .grid .product .image_container { height:100px; display:block; text-align:center; } .grid div.sku, .grid div.teaser { display:none; } .iso_attribute images medium { width:200px; float:left; } .pagination { clear:both; display:block; padding-top:10px; padding-bottom:10px; } .mod_iso_checkout .noMethods { padding-top:100px; padding-bottom:100px; text-align:center; font-size:1.5em; font-style:italic; } .list td { padding-top:10px; padding-right:5px; padding-bottom:10px; vertical-align:top; border-bottom:1px solid #808080; } .list .image_container { width:65px; padding-right:5px; } .list .title { width:auto; padding-right:20px; } .list .title p.sku { display:none; } .list .title p.teaser { margin-top:5px; margin-bottom:5px; border-bottom:1px solid; } .list .title h3 { margin-top:0; margin-bottom:5px; padding-top:0; padding-bottom:0; } .list td.price, .list td.details { width:80px; } .button:hover { background-position:0 0px !important; } .mod_iso_cart .empty { margin:0; padding:0 5px; display: none !important; } .mod_iso_cart, .mod_iso_cart .block1 { margin:0; padding:5px 0; } .mod_iso_cart .basket { font-size:12px; font-weight:bold; color:#bababa; } .mod_iso_cart .image_container { width:100px; margin:0 10px 0 0; padding:0; } .mod_iso_cart .submit_container { display: flex; justify-content:space-between; } .mod_iso_cart .remove { width:180px; text-align:right; } .mod_iso_cart .remove a { font-size:10px; } .mod_iso_cart .name { width:180px; line-height:100%; } .mod_iso_cart .price { width:200px; } .mini_basket .price { width:180px; font-size:11px; border-bottom:1px solid rgba(204,102,51,.5); } .mod_iso_cart .quantity .text { width:25px; margin:0 10px 0 0; padding:2px 2px 0 2px; text-align: center; } .mod_iso_cart .price, .mod_iso_cart .total, .mod_iso_cart .tax, .mod_iso_cart remove. { margin:0 10px 0 0; padding:0 5px; } .mod_iso_checkout .leftBox { width:40%; height:200px; float:left; display:block; margin-right:15px; padding:10px 20px 20px; border:1px solid #6e6e6e; } .mod_iso_checkout .rightBox { width:40%; height:200px; float:left; display:block; padding:10px 20px 20px; border:1px solid #6e6e6e; } .mod_iso_checkout .address_new, .mod_iso_checkout .shipping_address .shipping_address_new { padding-top:25px; padding-bottom:25px; } .mod_iso_checkout .billing_address h3, .mod_iso_checkout .shipping_method h3, .mod_iso_checkout .payment_method h3 { margin-top:5px; margin-bottom:5px; padding-top:0; padding-bottom:0; font-size:14px; line-height:18px; font-weight:normal; } input.button, a.button { display:block; margin-bottom:3px; padding:4px 15px; text-align:center; background-color:#bababa; font-size:15px; font-weight:bold; text-decoration:none; color:#FFF; cursor:pointer; } button { padding:4px 15px; text-align:center; background-color:#4f4f4f; border:1px solid #fff; font-size:1.1em; color:#fff; cursor:pointer; } .removeButton { width:16px; height:16px; float:right; margin:0; padding:0; text-align:center; border:0px; font-size:1.1em; color:#fff; cursor:pointer; } input.dark, a.dark { background-color:#bababa; font-weight:bold; text-decoration:none; color:#FFF; } .mod_iso_checkout input.text { font-weight:normal; color:#ffffff; width: calc(100% - 4px); max-width: 100%; } .mod_iso_checkout .chzn-single { width:222px; background-color:#FFE4AD; font-weight:bold; color:#303030; } .mod_iso_checkout p.error { display:block; margin-top:0; margin-bottom:0; padding:1px 5px; background-color:#ffffff; border:2px solid #850303; font-weight:400; color:#ff0000; } .mod_iso_checkout input.error { background-color:rgba(8,182,209,.1); border:2px solid #850303; } .mod_iso_checkout .steps ol, .mod_iso_checkout .steps ul { height:25px; margin:10px 0 20px; padding:0; } .mod_iso_checkout .block, .mod_iso_checkout .steps4 ol, .mod_iso_checkout .steps4 ul { margin:0; padding:0; /*background-color:#e0e0e0;*/ } .mod_iso_checkout .steps3 li { float:left; display:block; margin:0; padding:5px 0; text-align:center; background-color:#EDEDEd; border-right:1px solid #fff; color:#666; list-style-type:none; width:calc(33.3% - 1px); } .mod_iso_checkout .steps4 li { float:left; display:block; margin:0; padding:5px 0; text-align:center; background-color:#555; border-right:1px solid #fff; color:#fff; list-style-type:none; width:calc(33.3% - 1px); } .mod_iso_checkout .steps4 li.shipping { display:none; } .mod_iso_checkout .steps5 li { width:19%; float:left; display:block; margin:0; padding-top:5px; padding-bottom:5px; text-align:center; background-color:#000; border-right:1px solid #fff; color:#fff; list-style-type:none; } .mod_iso_checkout .steps li.active { background-color:#08b6d1; color:#000; } .mod_iso_checkout .steps li.last { border-right:0px; } .mod_iso_checkout .steps li.passed { background-color:rgba(8,182,209,.3); color:#000; } .mod_iso_checkout .steps li.passed a { text-decoration:none; color:#08b6d1; } .mod_iso_checkout fieldset { margin-top:10px; margin-bottom:10px; margin-left:0; padding-top:5px; padding-bottom:5px; /*background-color:#222;*/ border:none; } .mod_iso_checkout .orderconditionsafterproducts .col_first { display:none; } .mod_iso_checkout .productTable { width:90%; margin-top:10px; margin-bottom:20px; } .mod_iso_checkout .productImg { width:75px; } .mod_iso_checkout .productInfo { width:auto; } .mod_iso_checkout .productQty { width:75px; text-align:right; } .mod_iso_checkout .qtyModifier { width:30px; } .mod_iso_checkout .productTotals { width:100px; text-align:left; font-weight:bold; } .mod_iso_checkout .finalPrices { margin-bottom:15px; padding-right:50px; text-align:right; } .mod_iso_checkout .finalPrices .label { width:150px; float:left; display:block; padding-left:325px; text-align:right; } .mod_iso_checkout .finalPrices .grandTotal { font-size:1.3em; line-height:1.4em; font-weight:bold; } .mod_iso_checkout .billingaddress .col_0, .mod_iso_checkout .shippingaddress .col_0 { width:150px; } .mod_iso_checkout .payment_form { clear:both; margin-top:25px; margin-bottom:15px; } .mod_iso_checkout .paymentLogos { float:right; } .orderinfo p, .orderinfo a, .orderproducts p, .orderproducts a, .orderproducts td, .orderproducts li, .orderproducts strong { font-size: 14px; line-height:18px; } .orderproducts { padding:5px; border:1px solid #bababa; width:calc(100% - 22px); } .mod_iso_checkout .price { text-align:right; } .mod_iso_checkout table { width:90%; } .mod_iso_checkout table .col { width:115px; } .mod_iso_checkout table img { width:115px; } .mod_iso_checkout table td { padding-top:6px; padding-right:5px; padding-bottom:2px; vertical-align:top; } .mod_iso_checkout table td ul { margin:0; padding:0; vertical-align:top; } .mod_iso_checkout table td li { margin:0; padding:0; vertical-align:top; list-style-type:none; } .mod_iso_checkout .productTable td { padding-top:10px; padding-right:5px; padding-bottom:15px; vertical-align:top; border-bottom:1px solid #919191; } .mod_iso_checkout .productInfo h3 { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; } .mod_iso_checkout .recoverPassword, .mod_iso_checkout .register { margin-top:5px; padding:5px 10px; } .mod_iso_checkout .mod_login { padding-bottom:10px; } .mod_iso_checkout .submit_container { display:flex; justify-content:space-between; width:100%; clear:both; margin-right:0px; text-align:right; } .mod_iso_checkout .submit_container input.button.previous { float:left; } .mod_iso_checkout .submit_container input.button, .mod_iso_checkout .submit_container input.button.next { margin-right:5px; margin-bottom:10px; padding:6px 25px; background-color:var(--ka-btnbk); font-weight:normal; text-decoration:none; } .mod_iso_checkout .submit_container input.button:hover, .mod_iso_checkout .submit_container input.button.next:hover { background-color:#; background-position:0 0px !important; } .mod_iso_checkout .order_review, .mod_iso_orderdetails { margin-top:10px; margin-bottom:10px; padding:5px 20px 20px; background-color:#000; border:2px solid #AB2930; } .mod_iso_checkout .order_review ul, .mod_iso_orderdetails ul { margin-left:0; padding-left:0; } .mod_iso_checkout .order_review li, .mod_iso_orderdetails li { margin-left:0; padding-left:0; list-style-type:none; } .mod_iso_checkout .order_review a.edit { font-weight:bold; color:#a31515; } .mod_iso_checkout .order_review h3, .mod_iso_orderdetails h3 { margin-top:5px; margin-bottom:5px; padding:0; } .mod_iso_checkout.order_review .info_container, .mod_iso_orderdetails .info_container, .info_container { float:left; margin-right:10px; margin-bottom:10px; margin-left:0; padding:5px; border:1px solid #bababa; width:calc(50% - 22px); } .info_container { min-height:84px; } .mod_iso_checkout table, .mod_iso_orderdetails table { width:100%; margin-top:15px; margin-bottom:15px; border-spacing:0; } .mod_iso_checkout .order_review table td, .mod_iso_orderdetails table td { margin:0; padding:3px 5px; vertical-align:top; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; } .mod_iso_orderdetails table ul { margin:0; } .col_0 col_first sku { vertical-align:top; background-color:#c41616; font-size:18px; } .mod_iso_checkout .order_review table .quantity, .mod_isoCheckout .order_review table .price, .mod_isoCheckout .order_review table .tax, .mod_isoOrderDetails table .quantity, .mod_isoOrderDetails table .price, .mod_isoOrderDetails table .tax { text-align:right; } .mod_isoCheckout .order_review table tfoot, .mod_iso_orderdetails table tfoot { text-align:right; font-weight:bold; } .mod_iso_checkout .order_review table .grandtotal td, .mod_iso_orderdetails table .grandtotal td { padding-top:10px; font-size:1.6em; line-height:1.6em; } .mod_iso_checkout .order_review .billingaddress, .mod_iso_checkout .order_review .shippingaddress, .mod_iso_orderdetails .billingaddress, .mod_iso_orderdetails .shippingaddress { float:left; } .note { display:block; margin:5px 20px 10px; padding:5px 5px 5px 0; /*border:1px solid #bababa;*/ } .note div { font-size:15px; } .mod_iso_checkout .order_review .shipping_method, .mod_iso_orderdetails .shipping_method { float:left; clear:left; } .mod_iso_checkout .order_review .payment_method, .mod_iso_orderdetails .payment_method { } .mod_iso_checkout .order_review .payment_form { padding:20px; background-color:#FFF; border:1px solid #BAA643; } .mod_iso_checkout .order_conditions_container .ce_text { height:100px; margin-top:10px; margin-bottom:10px; padding:10px; background-color:#f2f1eb; border:1px solid #544625; color:#5c3d3d; font:.9em Helvetica,Arial,sans-serif; overflow-y:scroll; } .mod_iso_checkout .payment_method ul { margin-top:10px; margin-bottom:10px; padding:10px; background-color:#faf7e8; border:1px solid #000; } .mod_iso_checkout .payment_method li { margin:0 0 15px; padding:0; font-size:1.4em; font-weight:bold; list-style-type:none; } .mod_iso_checkout .payment_data input.text { width:175px; left:150px; position:absolute; } .mod_iso_checkout .payment_method .payment_data { margin-top:10px; font-size:.7em; font-weight:normal; } .mod_iso_cart table { width:100%; border-spacing:0; } .iso_registry_manage .noItems { display:block; margin-bottom:20px; padding:5px 15px; background-color:#ffc; border:1px solid #f96; font-size:15px; line-height:16px; font-style:italic; color:#f33; } .registryLink a { clear:left; display:block; text-decoration:underline; color:#06f; } .iso_registry_search label { width:125px; float:left; display:block; } .iso_registry_search .submit_container a { width:200px; display:block; margin-top:15px; padding:5px; text-align:center; background-color:#9cf; border:1px solid #06c; font-weight:bold; color:#003; } .cart_mini .product { margin-top:1px; margin-bottom:1px; padding:1px 5px; color:#3d3d3d; } .linkRepeater { clear:both; } .linkRepeater .linkBox { width:130px; float:left; margin-right:10px; margin-bottom:5px; } .linkRepeater .linkBox a:hover { text-decoration:none; color:#036; } .linkRepeater .linkBox a { height:25px; display:block; padding:3px 10px; text-align:center; font-size:12px; line-height:13px; font-weight:normal; color:#fff; background:#5c8ebc url("../../tl_files/tme/images/globalLayout/linkRepeaterBg.jpg") left top repeat-x; } .mod_iso_productlist, .mod_iso_productvariantlist { margin-top:10px; /* display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; */ } .mod_iso_productlist .submit, .mod_iso_productvariantlist .submit { width:100%; max-width:100%; display:block; margin:10px 0 0 0; padding-top:6px; padding-bottom:6px; background-color:var(--ka-btnbk); font-size:15px; font-weight:normal; color:var(--ka-btncolor); } .mod_iso_productlist .product_list { position:relative; /* display:flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; */ display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } .mod_iso_productlist .product, .mod_iso_productvariantlist .product { /* float:left; margin:20px 0px; padding:2px 0; width:31%; */ display: flex; background-color: #2e2e2e; } body.home .mod_iso_productlist .product { /* width:49%; */ } .mod_iso_productlist .product form, .mod_iso_productvariantlist .product form { width:100%; } .mod_iso_productlist .product .formbody, .mod_iso_productvariantlist .product .formbody { position:relative; padding:0 0 0px 0; margin:0 0 0px 0; height:100%; display: flex; flex-direction: column; align-items: stretch; flex-wrap: wrap; justify-content: space-between; } .mod_iso_productlist .product .formbody > *, .mod_iso_productvariantlist .product .formbody > * { /* flex: 1; */ } .mod_iso_productlist .image_container, .mod_iso_productvariantlist .image_container { width:100%; margin:0; padding:0; } .mod_iso_productlist .product .formbody img, .mod_iso_productvariantlist .product .formbody img { background-color:#fff; width:100%; height: 250px; margin-top:0; margin-left:0; padding:0; text-align:center; object-fit:contain; } .mod_iso_productlist .product .formbody .images, .mod_iso_productvariantlist .product .formbody .images { position:relative; width:100%; } .mod_iso_productlist .product .formbody .images figure.none, .mod_iso_productvariantlist .product .formbody .images figure.none { display:none; } .mod_iso_productlist .product .formbody .images figure.img_2, .mod_iso_productlist .product .formbody .images figure:nth-child(2), .mod_iso_productvariantlist .product .formbody .images figure.img_2, .mod_iso_productvariantlist .product .formbody .images figure:nth-child(2) { opacity: 0; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); cursor: pointer; } .mod_iso_productlist .product .formbody .images:hover figure.img_2, .mod_iso_productlist .product .formbody .images:hover figure:nth-child(2), .mod_iso_productvariantlist .product .formbody .images:hover figure.img_2, .mod_iso_productvariantlist .product .formbody .images:hover figure:nth-child(2) { opacity: 1; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .mod_iso_productlist .product .formbody .images figure.img_2, .mod_iso_productlist .product .formbody .images figure:nth-child(2), .mod_iso_productvariantlist .product .formbody .images figure.img_2, .mod_iso_productvariantlist .product .formbody .images figure:nth-child(2) { top:0; position:absolute; } .mod_iso_productlist .product .textblock, .mod_iso_productvariantlist .product .textblock { text-align:left; padding:0 10px; } .mod_iso_productlist .product .formbody h3, .mod_iso_productvariantlist .product .formbody h3 { margin:3px 0 8px; padding:0; text-align:left; font-size:18px; font-weight:bold; } .mod_iso_productlist .product label { font-size:14px; line-height:18px; } .mod_iso_productlist .product a, .mod_iso_productvariantlist .product a { font-size:16px; line-height:20px; font-weight:bold; color:#08b6d1; } .mod_iso_productlist .price, .mod_iso_productvariantlist .price { margin-top:10px; vertical-align:bottom; font-size:15px; font-weight:bold; padding-right: 10px; text-align: right; } .mod_iso_productlist .price .iso_attribute, .mod_iso_productvariantlist .price .iso_attribute { float:right; clear:both; margin:1px 0 0; padding:0; vertical-align:bottom; text-align:right; font-size:11px; } .mod_iso_productlist .quantity_container, .mod_iso_productvariantlist .quantity_container { float:left; margin-top:10px; margin-right:10px; } .mod_iso_productlist .text, .mod_iso_productvaraintlist .text { width:30px; } .mod_iso_productlist .details, .mod_iso_productlist .sku, .mod_iso_productvariantlist .details, .mod_iso_productvariantlist .sku { display:none; } .product_list .product div.teaser { margin-bottom:5px; padding-bottom:5px; font-size: 14px; line-height:18px; } .mod_iso_productlist .product .submit_container { /* position: absolute; bottom: 10px; width: 100%; */ /*display: flex;*/ /*border-top:1px solid #858585;*/ } .mod_iso_productlist .product .submit_container .options { padding: 0 10px; } .mod_iso_productlist .product .submit_container .options select { width: 100%; font-size: 14px; border: 2px solid var(--ka-btnborder); background-color: var(--ka-btnbk); color: var(--ka-btncolor); } .grid div.price { padding-top:5px; padding-bottom:5px; text-align:center; font-size:1.2em; line-height:1.2em; color:#666; } .grid div.price .price_override { font-weight:bold; color:#900; } .grid div.details a { display:block; padding:2px; text-align:center; background-color:#d1d1d1; font-size:9em; text-decoration:none; color:#525252; } .grid div.details a:hover { background-color:#a6a6a6; } .pagination p { float:left; margin:0; padding:0 15px 0 0; } .pagination ul { float:left; margin:0; padding:0; } .pagination li { float:left; margin:0; padding-left:0; background-image:none; list-style-type:none; } .pagination span.current { padding-right:5px; padding-left:5px; background-color:#1F358E; font-weight:bold; text-decoration:none; color:#fff; border-right-width: 1px; border-right-style: solid; border-right-color: #1F358E; } .pagination a, .pagination_current { padding-right:5px; padding-left:5px; border-right:1px solid #1F358E; text-decoration:none; color:#1F358E; } .pagination a:hover, .pagination .active { background-color:#1F358E; color:#FFF; } .pagination a.next, .pagination a.previous { border:none; } .pagination a.last { margin-left:15px; } .paginationr a.first { margin-right:15px; } .mod_iso_productfilter { overflow:visible; clear:both; display:block; padding:3px 10px; border-bottom:5px ridge #2e2e2e; font-size:.9em; line-height:1em; } .mod_iso_productfilter .filter_order_by, .mod_iso_productfilter .filter_search, .mod_iso_productfilter .filter_per_page { float:left; margin-right:5px; } .mod_iso_productfilter .clear_filters { float:right; } .mod_iso_productfilter .filter_search input.text { width:100px; } .mod_iso_productfilter .filter_search .formbody { float:left; margin-right:5px; } .mod_iso_productfilter .submit_container { float:left; } #ajaxOverlay { width:100%; height:100%; left:0; top:0; position:fixed; display:block; background-color:#000; -moz-opacity:.6; opacity:.6; z-index:99; } #ajaxLoader { width:20%; left:40%; position:fixed; display:block; padding:24px; border:2px solid #000; top:40%; background:#ffffff url("../../system/themes/default/images/loading.gif") right center no-repeat; z-index:100; } .cart_mini .noItems { font-size:1em; font-style:italic; } .cart_mini .removeButton a { width:0px; height:16px; overflow:hidden; float:right; display:block; margin:0 0 5px 5px; padding-left:16px; text-align:center; background:url("../../system/modules/isotope/html/delete.png") left top no-repeat; } .cart_mini .info { padding-top:3px; border-top:1px solid #757575; font-size:10px; line-height:11px; color:#969696; } .cart_mini .subtotal { clear:both; margin-top:10px; text-align:right; } .cart_mini .checkout { display:block; margin-top:5px; } .mod_iso_cart td { padding-top:8px; padding-right:8px; padding-bottom:8px; border-bottom:1px solid #555; } .mod_iso_cart td .edit { display:none; } .mod_iso_cart .noItems { display:block; margin-top:50px; margin-bottom:50px; padding:20px; background-color:#f2f2f2; border:1px solid #d6d5d4; font-size:2em; font-weight:bold; color:#6e0a0a; } .mod_iso_cart .col_0 { width:60px; text-align:right; } div#warenkorb .mod_iso_cart .col_1 { width:auto; } .mod_iso_cart .col_1 ul { margin-left:0; padding-left:0; } .mod_iso_cart .col_1 li { margin-left:0; padding-left:0; text-align:left; list-style-type:none; } .mod_iso_cart .col_2 { width:45px; text-align:right; } .mod_iso_cart .col_2 input { width:30px; } .mod_iso_cart .col_3, .mod_iso_cart .col_4 { width:55px; text-align:right; } div.cart_mini a, div.cart_mini .price, .mod_iso_cart .subtotal { margin-top:0; margin-bottom:0; padding-right:0; padding-left:0; font-size:12px; font-weight:normal; } .mod_iso_cart .subtotal { margin-right:5px; } .mod_iso_cart .submit_container { margin-top:15px; } .mod_iso_cart button.update { float:left; } .mod_iso_cart a.checkout { width:200px; float:right; display:block; padding-top:10px; padding-bottom:10px; text-align:center; background-color:#000; border:2px solid #fff; font-size:1.5em; color:#fff; cursor:pointer; } .mod_iso_cart table tfoot .price { width:65px; text-align:right; } .mod_iso_cart table .tax { display:none; } .orderconditionsafterproducts { width:100%; margin-top:10px; margin-bottom:10px; padding:0; } .orderconditionsafterproducts input { margin-left:10px; } .mod_iso_orderhistory table td { padding:3px 25px 3px 0; } /* ****************************************************************************************************************** */ /* --- mod_iso_cart ------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ #header .mod_iso_cart { position:absolute; top: 5px; right: 5px; padding: 0; margin: 0; z-index:998; z-index: 950; overflow: visible; } #header .mod_iso_cart .empty.message { position: absolute; top: -2px; right: -4px; width: 43px; height: 32px; padding: 0; margin: 0; text-indent: -9999em; background-image: url('/files/intern/common/shop-symbole/warenkorb-start.svg'); background-size: contain; background-repeat: no-repeat; font-size:1px; line-height: 1px; display: inline-block; } #header .mod_iso_cart .empty.message * { font-size:1px; line-height: 1px; } #header .mod_iso_cart .icon { position: absolute; top: 0; right: 0; padding: 0 0 12px 0; margin: 0; width: 43px; height: 32px; display: inline-block; } #header .mod_iso_cart .icon .iconinside { position: absolute; top:0; right:0; padding: 0; margin: 0; width: 43px; height: 32px; display: block; overflow: visible; } #header .mod_iso_cart .icon .iconinside * { width: 100%; height: 100%; } #header .mod_iso_cart .icon .iconinside .image { width: 100%; height: 100%; z-index:951; } #header .mod_iso_cart .icon .iconinside .anzahl { position:absolute; left:42%; top:-0px; font-weight: 600; color: #fff; z-index:952; } #header .mod_iso_cart .dropdown { position: absolute; top:18px; right: 0; display: none; width:200px; height: 100%; margin: 26px 0 32px 0; padding: 5px 5px 0px 5px; border: 1px solid #0ee; background-color:rgba(0,0,0,.9); z-index:953; } #header .mod_iso_cart .icon:hover > .dropdown { display: inline-table; } div.cart_mini form { margin: 0; } div.cart_mini .remove { display:none; } .cart_mini h2 { margin-top:0; margin-bottom:0; padding:0; background-color:transparent; } .cart_mini h2 a { display:block; padding-bottom:2px; border-bottom:1px solid #4f2424; font-size:11px; line-height:11px; text-decoration:none; color:#000; } .cart_mini table { display:block; margin:0px; width:calc(100% - 0px); } .cart_mini .subtotal { margin:3px 0 0 0px; padding:0; } .cart_mini input { float:right; margin:0; padding:4px 12px 0px 12px; background-color:var(--ka-shop-boxbk); font-size:12px; text-decoration:none; color:#FFF; } .cart_mini input[name="button_update"] { display:none; cursor:pointer; } .cart_mini input[name="button_cart"], .cart_mini input[name="button_checkout"] { margin:0 0 0; padding:7px 5px 4px 5px; font-size:12px; line-height:12px; font-weight:400; width:47%; cursor:pointer; } .cart_mini input[name="button_cart"] { content:'Aktualisieren'; cursor:pointer; } .cart_mini input[name="button_checkout"] { margin:0 0 0 4px; cursor:pointer; } div.cart_mini tbody tr.row_odd { background-color:var(--ka-shop-boxbk); } div.cart_mini tbody td { margin:0; padding-top:2px; padding-right:0; padding-bottom:2px; border-top:0px; border-bottom:0px; color:#ddd; } div.cart_mini tfoot td.col_0, div.cart_mini tfoot td.col_1, div.cart_mini tfoot td.col_2, div.cart_mini tfoot td.col_3, div.cart_mini tfoot td.col_4 { margin-left:0; padding:2px 0; text-align:left; border-top:0px; border-bottom:0px; font-size:12px; line-height:12px; color:#ddd; } div.cart_mini tbody td.col_1, div.cart_mini tbody td.col_2, div.cart_mini tbody td.col_3, div.cart_mini tbody td.col_5 { display:none; } div.cart_mini tfoot td.col_0, div.cart_mini tfoot td.col_3 { display:none; } div.cart_mini tbody td.col_0, div.cart_mini tbody td.col_0 * { width:60px; } div.cart_mini tbody td.col_4, div.cart_mini tfoot td.col_4 { text-align:right; } .button:hover { background-position:0 0px !important; } div.cart_mini .submit_container { margin:10px 0 5px 0; padding:0; display: flex; } /* .mini_basket { right:5px; position:absolute; margin:0; padding:5px; top:10px; background-color:rgba(255,255,255,0.65); } */ #iso_ajaxBox { width: 20%; position: fixed; left: 40%; } /* .mod_iso_checkout .submit_container { overflow:visible; display: block; } /* .mod_iso_checkout .submit_container input.button[value="Kostenpflichtig bestellen"], button { position: relative; visibility: hidden; width:150px; } .mod_iso_checkout .submit_container input:after, button:after { content:"goodbye"; visibility: visible; position: fixed; color:white; top: 150px; left: 50px; background-color: #f00; } */ #iso_ajaxBox .iso_confirm { color:var(--ka-font-color); } /* ****************************************************************************************************************** */ /* --- Variablen ---------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ :root { --ka-tabletwidth: 90%; --ka-tabletmargin: 5%; } /* ****************************************************************************************************************** */ /* --- max-width: 1610px -------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ @media screen and (max-width: 1610px) { .mod_navigation li.last ul { left:auto; } } /* ****************************************************************************************************************** */ /* --- max-width: 1220px -------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ @media screen and (max-width: 1219px) { #banner, #banner .image, #banner .image_container { min-height:100%; } #bannersmall .image { min-width:100%; max-width:100%; min-height: 25vh; } #main .inside { padding-right:20px; padding-left:20px; } #HeaderButtonMenu { right:5px; } .mod_navigation li a, .mod_navigation li.active strong { margin:0 4px 0 0; padding:2px 2px 0; font:16px/14px Comfortaa; } } /* ****************************************************************************************************************** */ /* --- max-width: 950px -------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ @media only screen and (max-width: 950px) { .mod_navigation li a, .mod_navigation li.active strong { margin:0 0 0 0; padding:2px 2px 0; font:15px/13px Comfortaa; } div.flexcontainer.webshop div.shopleft { display:none; } div.flexcontainer.webshop div.shopright { width: 100%; } .mod_iso_productlist .product_list { grid-template-columns: repeat(2, 1fr); } .grid.fr3.parkerboats, .grid.fr3.nordkappboats { grid-template-columns: 1fr 1fr; } } /* ****************************************************************************************************************** */ /* --- max-width: 800px --------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ @media only screen and (max-width: 800px) { #mainnav { display:none; } #navmobil { right:5px; top:40px; position:absolute; z-index:999; } #navmobil img { } #navmobil .label { float:left; margin-top:3px; margin-right:5px; font-size:16px; color:#d1d1d1; } #header { height:80px; } #HeaderLogo { max-width:50%; bottom:0; left:5px; position:absolute; -webkit-animation-name: slide_box; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -moz-animation-name: slide_box; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; animation-name: slide_box; animation-duration: 1s; animation-iteration-count: 1; z-index:902; } #HeaderLogo img { max-height:105px; } #HeaderKontakt { top:2px; } #header_imageslider { max-height:150px; } #bannersmall { margin-top: 80px; } #bannersmall .title { max-height:70px; padding-bottom:10px; text-align:center; font-size:32px; } .mm-listview > li > strong { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; margin-right: 0px; } #startbox { margin:10px; padding:5px; width:calc(33% - 30px); } #StartBeg { width:100%; height:120px; } #StartBeg .title { bottom:45px; font-size:50px; } #StartBeg .sign { width:350px; bottom:30px; } #StartBeg .downbutton { width:150px; bottom:0; } #main .inside { padding-right:10px; padding-left:10px; } .col50 { width:100%; float:none; clear:both; } #footer, #footer-columns { height:100%; } #footer .inside { height:100%; } #footer-columns { display: flex; flex-direction: row; } /*.mod_footer_copyright,*/ #FooterLogo, #FooterZeiten, #FooterKontakt, #FooterAnschrift { width:calc(50% - 20px); max-width:100%; left:0; top:0; position:relative; float:none; margin:0; padding:0 10px; text-align:left; } #FooterKontakt, #FooterPartner { left:0; top:0; position:relative; } #FooterPartner { margin:0; padding: 0 10px; width:calc(50% - 20px); } #footer-navigation { } /* .mod_footer_navi ul { width:90%; margin-right:auto; margin-left:0; padding-left:0; text-align:left; } */ .mod_footer_navi li { padding:0 5px; } /* .mod_footer_navi li a.first { margin-left:5px; } */ } /* ****************************************************************************************************************** */ /* --- max-width: 600px --------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */ @media screen and (max-width: 599px) { #HeaderButtonMenu div.ce_hyperlink { width: 24px; height: 24px; } h1, h2, h3, .mod_iso_productreader h2 { font-size:18px; } .spalte1, .spalte2 { width:100%; clear:both; } #startbox { position:relative; float:left; margin:10px; padding:5px; width:calc(50% - 30px); } #StartBeg { width:100%; height:87px; } #StartBeg .title { bottom:30px; font-size:32px; } #StartBeg .downbutton { width:100px; } #StartBeg .sign { width:250px; bottom:20px; float:none; } #main .projectlink.hover { width: 100%; } .prodlink, .start .prodlink, .mercury .prodlink, #liste30 { width:100%; height: 100%; min-height: 100%; float:none; clear:both; margin:10px 0 10px 0; } .start .prodlink, .mercury .prodlink { margin: 5px 0px 5px 0px; width:calc(100% - 0px); } .start.col4 .prodlink, .start.col5 .prodlink { margin: 5px 25px 5px 25px; width:calc(48% - 50px); } .grid.fr3.parkerboats, .grid.fr3.nordkappboats { grid-template-columns: 1fr; } #liste30 img { } section.ce_accordion h1, section.ce_accordion h4, section.ce_accordion td, section.ce_accordion p, section.ce_accordion div { font-size:10px; line-height:14px; font-weight:normal; } section.mercury .tabblock .left, section.mercury .tabblock .right { padding: 0 0px 0 0; width:calc(100% - 0px); } section.mercury .tabblock .left .tabhl { display: inline-block; margin: 0 5px 8px 0; padding: 13px 10px 5px 10px; background-color: #f0f0f0; border-bottom: 0px solid #08b6d1; line-height: 16px; cursor: pointer; } div.flexcontainer.webshop div.shopleft { display:none; } div.flexcontainer.webshop div.shopright { width: 100%; } .mod_iso_productlist .product_list { grid-template-columns: repeat(1, 1fr); } .mod_iso_productreader div.topblock, .mod_iso_productreader div.mainblock { display: block; padding:0; } .mod_iso_productreader div.leftblock, .mod_iso_productreader div.rightblock { width: 100%; margin: 0; padding: 0; } .mod_iso_cart td, .mod_iso_cart td *, .orderproducts td, .orderproducts td * { font-size:13px; } .orderproducts td.col_0, .mod_iso_cart td.col_0, { width:2px; } .mod_iso_cart .image_container { display:none; } #footer-columns { display: flex; flex-direction: column; } /*.mod_footer_copyright,*/ #FooterLogo, #FooterZeiten, #FooterKontakt, #FooterAnschrift, #FooterPartner { width:calc(100% - 20px); display: flex; justify-content: center; } #FooterPartner .ce_text { display: flex; flex-direction: column; justify-content: center; } #FooterPartner .ce_text h1 { margin: 20px 0 0 0; } #FooterPartner .ce_text * { text-align: center; } .mod_footer_navi li a, .mod_footer_navi li.active strong { font-size:10px; line-height: 12px; } .mod_footer_navi li.first, .mod_footer_navi li.last { display:none; } } /* ****************************************************************************************************************** */ /* --- menu-mobile -------------------------------------------------------------------------------------------------- */ /* ****************************************************************************************************************** */