@import url(https://fonts.googleapis.com/css?family=Loved+by+the+King);@import url(https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed);/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}meta.foundation-version{font-family:"/{{VERSION}}/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 85.3125em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:30.063em)/";width:30.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:30.063em) and (max-width:47.927em)/";width:30.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:48em)/";width:48em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:48em) and (max-width:63.9375em)/";width:48em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:64em)/";width:64em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:64em) and (max-width:107.9375em)/";width:64em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:108em)/";width:108em}meta.foundation-data-attribute-namespace{font-family:false}html,body{height:100%}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{font-size:100%}body{background:url(../img/bg.png) 0 0 repeat #f3ecd9;color:#5a3d27;padding:0;margin:0;font-family:"Arial, Helvetica, sans-serif",sans-serif;font-weight:normal;font-style:normal;line-height:1.5;position:relative;cursor:auto}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important}.left{float:left !important}.right{float:right !important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none;visibility:hidden}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}@media only screen and (max-width: 85.3125em){.small-only-text-left{text-align:left !important}.small-only-text-right{text-align:right !important}.small-only-text-center{text-align:center !important}.small-only-text-justify{text-align:justify !important}}@media only screen{.small-text-left{text-align:left !important}.small-text-right{text-align:right !important}.small-text-center{text-align:center !important}.small-text-justify{text-align:justify !important}}@media only screen and (min-width: 30.063em) and (max-width: 47.927em){.medium-only-text-left{text-align:left !important}.medium-only-text-right{text-align:right !important}.medium-only-text-center{text-align:center !important}.medium-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 30.063em){.medium-text-left{text-align:left !important}.medium-text-right{text-align:right !important}.medium-text-center{text-align:center !important}.medium-text-justify{text-align:justify !important}}@media only screen and (min-width: 48em) and (max-width: 63.9375em){.large-only-text-left{text-align:left !important}.large-only-text-right{text-align:right !important}.large-only-text-center{text-align:center !important}.large-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 48em){.large-text-left{text-align:left !important}.large-text-right{text-align:right !important}.large-text-center{text-align:center !important}.large-text-justify{text-align:justify !important}}@media only screen and (min-width: 64em) and (max-width: 107.9375em){.xlarge-only-text-left{text-align:left !important}.xlarge-only-text-right{text-align:right !important}.xlarge-only-text-center{text-align:center !important}.xlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 64em){.xlarge-text-left{text-align:left !important}.xlarge-text-right{text-align:right !important}.xlarge-text-center{text-align:center !important}.xlarge-text-justify{text-align:justify !important}}@media only screen and (min-width: 108em) and (max-width: 999999999999){.xxlarge-only-text-left{text-align:left !important}.xxlarge-only-text-right{text-align:right !important}.xxlarge-only-text-center{text-align:center !important}.xxlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 108em){.xxlarge-text-left{text-align:left !important}.xxlarge-text-right{text-align:right !important}.xxlarge-text-center{text-align:center !important}.xxlarge-text-justify{text-align:justify !important}}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}a{color:#5a3d27;text-decoration:none;line-height:inherit}a:hover,a:focus{color:#5a3d27}a img{border:none}p{font-family:inherit;font-weight:normal;font-size:1rem;line-height:1.4;margin-bottom:1em;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:0.875rem;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Arial, Helvetica, sans-serif",sans-serif;font-weight:bold;font-style:normal;color:#5a3d27;text-rendering:optimizeLegibility;margin-top:0.2rem;margin-bottom:0.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#b47c52;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#b47c52;font-weight:normal;margin-top:0.2rem;margin-bottom:0.5rem}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:1.25rem 0 1.1875rem;height:0}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}code{font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;color:#333;background-color:#f8f8f8;border-width:1px;border-style:solid;border-color:#dfdfdf;padding:0.125rem 0.3125rem 0.0625rem}ul,ol,dl{font-size:1rem;line-height:1.4;margin-bottom:1em;list-style-position:outside;font-family:inherit}ul{margin-left:1.1rem}ul.no-bullet{margin-left:0}ul.no-bullet li ul,ul.no-bullet li ol{margin-left:1.25rem;margin-bottom:0;list-style:none}ul li ul,ul li ol{margin-left:1.25rem;margin-bottom:0}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.1rem}ul.circle{list-style-type:circle;margin-left:1.1rem}ul.disc{list-style-type:disc;margin-left:1.1rem}ul.no-bullet{list-style:none}ol{margin-left:1.4rem}ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:0.3rem;font-weight:bold}dl dd{margin-bottom:0.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#5a3d27;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1em;padding:0.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:0.8125rem;color:#976641}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#976641}blockquote,blockquote p{line-height:1.4;color:#b47c52}.vcard{display:inline-block;margin:0 0 1.25rem 0;border:1px solid #ddd;padding:0.625rem 0.75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:0.9375rem}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 0.0625rem}@media only screen and (min-width: 30.063em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.print-only{display:none !important}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none !important}.print-only{display:block !important}.hide-for-print{display:none !important}.show-for-print{display:inherit !important}}body{-webkit-font-smoothing:antialiased}a{outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent}a:hover,a:active,a:focus{outline:none;text-decoration:none}a:focus{outline:none}.row,.vCmsKontaktformLiveHolder,.vSiteKontaktFormChangeElementHolder{position:relative;width:100%;max-width:1920px;margin:0 auto}.row:before,.vCmsKontaktformLiveHolder:before,.vSiteKontaktFormChangeElementHolder:before,.row:after,.vCmsKontaktformLiveHolder:after,.vSiteKontaktFormChangeElementHolder:after{content:" ";display:table}.row:after,.vCmsKontaktformLiveHolder:after,.vSiteKontaktFormChangeElementHolder:after{clear:both}body:not(.vcmsUserLogedIn) input[type=text],body:not(.vcmsUserLogedIn) input[type=email],body:not(.vcmsUserLogedIn) input[type=tel],body:not(.vcmsUserLogedIn) input[type=password],body:not(.vcmsUserLogedIn) textarea,body:not(.vcmsUserLogedIn) select,body:not(.vcmsUserLogedIn) .selectricWrapper ul li{border:1px solid #5a3d27;height:60px;padding:5px 10px 5px;width:100%;font-size:1.25rem;font-weight:400;color:#5a3d27;background:#f3ecd9;outline:none}body:not(.vcmsUserLogedIn) textarea{min-height:94px;resize:none}.form-row{margin:0 0 15px}.form-row:before,.form-row:after{content:" ";display:table}.form-row:after{clear:both}.form-row:last-child{margin:40px 0 0}.selectricWrapper{position:relative;min-width:160px;cursor:pointer;text-align:left;display:block}.selectricWrapper .selectricHideSelect{position:relative;overflow:hidden;width:0;height:0}.selectricWrapper .selectricHideSelect select{position:absolute;left:-100%;display:none}.selectricWrapper .selectric{position:relative}.selectricWrapper .selectric .label{padding:0 36px 0 10px;line-height:58px;margin:0;overflow:hidden;display:block;border-radius:0;text-align:left}.selectricWrapper .selectric .button{text-indent:-9999px;position:absolute;top:0;right:0;width:36px;height:60px;background:transparent}.selectricWrapper .selectric .button:before{position:absolute;top:50%;left:50%}.selectricWrapper .selectricItems{display:none;position:absolute;top:59px;left:0;z-index:-1}.selectricWrapper .selectricItems .selectricScroll{height:100%;overflow:auto}.selectricWrapper .selectricItems ul{margin:0;padding:0;list-style:none;background:#fff}.selectricWrapper .selectricItems ul li{transition:all 300ms ease-out;height:auto;background:#fff;cursor:pointer;line-height:1.3;border-top-width:0;padding:10px 20px}.selectricWrapper .selectricItems ul li:first-child{border-top-width:1px}.selectricWrapper .selectricItems ul li:hover{background:#d8d8d8}.selectricWrapper .selectricItems ul li.disabled{background:#f5f5f5;color:#bbb;cursor:default}.selectricWrapper.selectricAbove .selectricItems{top:auto;bottom:100%}.selectricWrapper.selectricOpen{z-index:999}.selectricWrapper.selectricOpen .selectricItems{display:block}.selectricWrapper.selectricDisabled{opacity:0.5;filter:alpha(opacity=50);cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectricWrapper .selectricInput{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;outline:none !important;border:none !important;*font:0/0 a !important;background:none !important}.selectricWrapper .selectricTempShow{position:absolute !important;visibility:hidden !important;display:block !important}.sticky-wrapper{position:absolute;top:0;left:0;width:100%;z-index:1000}.site-header{position:relative;height:1080px}.site-header .slick-prev,.site-header .slick-next{z-index:200;width:60px;height:60px;margin-top:-30px}.site-header .slick-prev:before,.site-header .slick-next:before{font-size:60px}.site-header .slick-prev{left:20px}.site-header .slick-next{right:20px}.site-header .img-to-bg{padding-top:76px;height:1080px}.site-header .content{text-align:center;position:relative;top:50%;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.site-header .content p,.site-header .content ul,.site-header .content ol{position:relative;display:inline-block;font-family:'Loved by the King', cursive;font-size:7.5rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:10px;margin:0}.site-header .content p:before,.site-header .content ul:before,.site-header .content ol:before{content:' ';display:inline-block;width:266px;height:54px;background:url(../img/sprite.png?0083) -276px -442px no-repeat;position:absolute;bottom:100%;left:-10px}.site-header .content p:after,.site-header .content ul:after,.site-header .content ol:after{content:' ';display:inline-block;width:276px;height:53px;background:url(../img/sprite.png?0083) -2px -386px no-repeat;position:absolute;top:85%;right:-10px}.site-header .vSiteElemBoxInhalt p,.site-header .vSiteElemBoxInhalt ul,.site-header .vSiteElemBoxInhalt ol{font-family:'Stint Ultra Condensed', cursive;font-size:5rem;font-weight:600;color:#fff;margin-top:50px}.site-header .vSiteElemBoxInhalt p:before,.site-header .vSiteElemBoxInhalt p:after,.site-header .vSiteElemBoxInhalt ul:before,.site-header .vSiteElemBoxInhalt ul:after,.site-header .vSiteElemBoxInhalt ol:before,.site-header .vSiteElemBoxInhalt ol:after{display:none}.site-header.small{height:534px}.site-header.small .img-to-bg{height:534px}.site-header:not(.small) .content p:before,.site-header:not(.small) .content ul:before,.site-header:not(.small) .content ol:before{left:auto;right:0}.site-header:not(.small) .content p:after,.site-header:not(.small) .content ul:after,.site-header:not(.small) .content ol:after{top:90%;right:auto;left:0}body.vcmsUserLogedIn .site-header{height:auto !important;margin-bottom:50px}body.vcmsUserLogedIn .site-header>.vContentElemDD{max-width:1200px;margin-left:auto;margin-right:auto}.sticky-header{position:relative;height:76px;background:#f3ecd9}.is-sticky .sticky-header{overflow:hidden}.sticky-header .logo{position:absolute;top:18px;left:100px;text-indent:-9999px;display:block;width:167px;height:34px;background:url(../img/sprite.png?0083) -2px -1560px no-repeat}.sticky-header .logo:after{content:' ';display:block;width:311px;height:252px;background:url(../img/sprite.png?0083) -344px -132px no-repeat;position:absolute;top:105px;left:-72px;transition:all 300ms ease-out;opacity:1;filter:alpha(opacity=100)}.is-sticky .sticky-header .logo:after{opacity:0;filter:alpha(opacity=0)}@media only screen and (max-width: 107.9375em){.sticky-wrapper{top:0}.site-header{height:770px}.site-header .img-to-bg{height:770px}.site-header .content p,.site-header .content ul,.site-header .content ol{font-size:5rem}.site-header.small{height:425px}.site-header.small .img-to-bg{height:425px}.site-header:not(.small) .content p,.site-header:not(.small) .content ul,.site-header:not(.small) .content ol{font-size:7.5rem}.site-header:not(.small) .vSiteElemBoxInhalt p,.site-header:not(.small) .vSiteElemBoxInhalt ul,.site-header:not(.small) .vSiteElemBoxInhalt ol{font-size:5rem}.sticky-header{height:54px}.sticky-header .logo{top:12px;left:72px;width:120px;height:24px;background:url(../img/sprite.png?0083) -172px -1560px no-repeat}.sticky-header .logo:after{width:220px;height:178px;background:url(../img/sprite.png?0083) -2px -1096px no-repeat;top:76px;left:-50px}}@media only screen and (max-width: 47.927em){.sticky-wrapper{top:0}.site-header{height:400px}.site-header .img-to-bg{height:400px}.site-header .slick-prev,.site-header .slick-next{width:20px;height:20px;margin-top:-10px}.site-header .slick-prev:before,.site-header .slick-next:before{font-size:20px}.site-header .content p,.site-header .content ul,.site-header .content ol{font-size:2.5rem}.site-header .content p:before,.site-header .content p:after,.site-header .content ul:before,.site-header .content ul:after,.site-header .content ol:before,.site-header .content ol:after{-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5);moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center}.site-header .content p:before,.site-header .content ul:before,.site-header .content ol:before{bottom:80%;left:-80px}.site-header .content p:after,.site-header .content ul:after,.site-header .content ol:after{top:80%;right:-80px}.site-header.small{height:330px;overflow:hidden}.site-header.small .img-to-bg{height:330px}.site-header.small:before{top:100px}.site-header:not(.small) .content p,.site-header:not(.small) .content ul,.site-header:not(.small) .content ol{font-size:5rem}.site-header:not(.small) .content p:before,.site-header:not(.small) .content ul:before,.site-header:not(.small) .content ol:before{right:-50px;bottom:90%}.site-header:not(.small) .content p:after,.site-header:not(.small) .content ul:after,.site-header:not(.small) .content ol:after{top:70%;left:-50px}.site-header:not(.small) .vSiteElemBoxInhalt p,.site-header:not(.small) .vSiteElemBoxInhalt ul,.site-header:not(.small) .vSiteElemBoxInhalt ol{margin-top:10px;font-size:2.5rem}.site-header:before{content:' ';display:block;margin-left:-89px;width:178px;height:217px;background:url(../img/sprite.png?0083) -420px -1096px no-repeat;position:absolute;top:130px;left:50%}.sticky-header{height:40px}.is-sticky .sticky-header{overflow:visible}.sticky-header .logo{top:12px;left:20px;width:75px;height:15px;background:url(../img/sprite.png?0083) -294px -1560px no-repeat}.sticky-header .logo:after{display:none}}.site-footer{position:relative;height:750px;overflow:hidden}.site-footer .content{max-width:1240px;margin:115px auto 0}.site-footer .content p,.site-footer .content ul,.site-footer .content ol{font-size:1.8125rem;font-weight:700;color:#fff;line-height:1.8}.social-icons{margin:0;padding:0;list-style:none;margin-top:30px}.social-icons:before,.social-icons:after{content:" ";display:table}.social-icons:after{clear:both}.social-icons li{float:left;margin-right:43px}.social-icons a{display:block;text-indent:-9999px}.social-icons a.fb{width:63px;height:62px;background:url(../img/sprite.png?0083) -442px -1560px no-repeat}.social-icons a.insta{width:62px;height:62px;background:url(../img/sprite.png?0083) -508px -1560px no-repeat}@media only screen and (max-width: 107.9375em){.site-footer{height:530px}.site-footer .content{max-width:880px;margin:85px auto 0}.site-footer .content p,.site-footer .content ul,.site-footer .content ol{font-size:1.3125rem}.social-icons{margin-top:20px}.social-icons li{margin-right:30px}.social-icons a.fb{width:44px;height:44px;background:url(../img/sprite.png?0083) -2px -1624px no-repeat}.social-icons a.insta{width:44px;height:44px;background:url(../img/sprite.png?0083) -48px -1624px no-repeat}}@media only screen and (max-width: 63.9375em){.site-footer .content{padding:0 20px}}@media only screen and (max-width: 47.927em){.site-footer{height:400px}.site-footer.img-to-bg{background-position:65% center}.site-footer .content{max-width:600px;margin:40px auto 0;padding:0 20px 0 60px}.site-footer .content p,.site-footer .content ul,.site-footer .content ol{font-size:0.9375rem}.social-icons{margin-top:10px}.social-icons li{margin-right:25px}.social-icons a.fb{width:40px;height:40px;background:url(../img/sprite.png?0083) -180px -1624px no-repeat}.social-icons a.insta{width:40px;height:40px;background:url(../img/sprite.png?0083) -138px -1624px no-repeat}}.main-menu{float:right}.main-menu .cart{text-indent:-9999px;display:block;width:35px;height:32px;background:url(../img/sprite.png?0083) -380px -1624px no-repeat;float:left;margin:22px 40px 0 0}.main-menu .hamburger{display:block;width:44px;height:29px;background:url(../img/sprite.png?0083) -622px -1560px no-repeat;cursor:pointer;float:left;margin:24px 60px 0 30px}.main-menu ul{position:relative;left:55px;float:left;margin:0;padding:0;list-style:none;text-align:center;height:76px;overflow:hidden;z-index:10;}.main-menu ul li{position:absolute;top:0;left:0;float:left;white-space:nowrap}.main-menu ul li.active>a,.main-menu ul li:hover>a{font-weight:bold}.main-menu ul li:hover .v_siteUnterMenu{display:block}.main-menu ul a{display:block;font-size:1.5625rem;font-weight:400;color:#5a3d27;text-transform:uppercase;line-height:76px;padding:0 28px}.main-menu .v_siteUnterMenu{float:none;display:none;height:auto;position:absolute;top:100%;left:50%;-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);border:10px solid transparent}.main-menu .v_siteUnterMenu li{position:relative;top:0;left:0;background:#f3ecd9;float:none;white-space:nowrap}.main-menu .v_siteUnterMenu li:first-child{padding-top:15px}.main-menu .v_siteUnterMenu li:last-child{padding-bottom:15px}.main-menu .v_siteUnterMenu a{line-height:54px;padding:0 70px}.main-menu.open>ul{overflow:visible}.main-menu.open .hamburger{display:block;width:25px;height:24px;background:url(../img/sprite.png?0083) -662px -1624px no-repeat}@media only screen and (max-width: 107.9375em){.main-menu .cart{width:24px;height:21px;background:url(../img/sprite.png?0083) -2px -1670px no-repeat;margin:15px 40px 0 0}.main-menu .hamburger{width:31px;height:21px;background:url(../img/sprite.png?0083) -418px -1624px no-repeat;margin:17px 46px 0 30px}.main-menu ul{height:54px}.main-menu ul a{font-size:1.125rem;line-height:54px;padding:0 20px}.main-menu .v_siteUnterMenu{border:7px solid transparent}.main-menu .v_siteUnterMenu li{background:#f3ecd9}.main-menu .v_siteUnterMenu li:first-child{padding-top:10px}.main-menu .v_siteUnterMenu li:last-child{padding-bottom:10px}.main-menu .v_siteUnterMenu a{line-height:54px;padding:0 60px}.main-menu.open .hamburger{width:18px;height:17px;background:url(../img/sprite.png?0083) -186px -1670px no-repeat}}@media only screen and (max-width: 1279px){.main-menu ul li{position:relative;left:0 !important}.main-menu .cart{width:18px;height:16px;background:url(../img/sprite.png?0083) -166px -1670px no-repeat;margin:12px 20px 0 0}.main-menu .hamburger{width:25px;height:16px;background:url(../img/sprite.png?0083) -634px -1624px no-repeat;margin:12px 20px 0 30px}.main-menu .v_siteMenu{background:#f3ecd9;position:absolute;top:100%;left:0;width:100% !important;height:auto;display:none}.main-menu .v_siteMenu>li{float:none}.main-menu .v_siteUnterMenu{border:0;position:relative;top:0;left:0;-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.main-menu .v_siteUnterMenu li:first-child{padding-top:10px}.main-menu .v_siteUnterMenu li:last-child{padding-bottom:10px}.main-menu .v_siteUnterMenu a{line-height:40px;padding:0 20px;font-size:0.875rem}.main-menu.open .hamburger{width:14px;height:13px;background:url(../img/sprite.png?0083) -226px -1670px no-repeat}.main-menu.open .v_siteMenu{width:100% !important;display:block}}.home-content{position:relative;margin-bottom:30px;text-align:center;text-align:center}.home-content:before{content:' ';display:block;margin-top:-325.5px;width:271px;height:651px;background:url(../img/sprite.png?0083) -2px -442px no-repeat;position:absolute;top:90%;right:0;z-index:0}.home-content .header-1{margin:0}.home-content .header-1 p,.home-content .header-1 ul,.home-content .header-1 ol{font-size:3.6875rem;font-weight:400;color:#5a3d27;margin:110px 0 0}.home-content .header-2{margin:0}.home-content .header-2 p,.home-content .header-2 ul,.home-content .header-2 ol{font-size:2.1875rem;font-weight:400;color:#5a3d27;margin:0}.home-content .header-2:after{content:' ';display:block;width:687px;height:51px;background:url(../img/sprite.png?0083) -2px -2px no-repeat;margin:30px auto}.home-content .p p,.home-content .p ul,.home-content .p ol{font-size:2.0625rem;font-weight:400;color:#5a3d27;max-width:1200px;margin:0 auto 1em}.home-content .vSiteElemBoxInhalt,.home-content .vSiteElemBoxInhalt ul,.home-content .vSiteElemBoxInhalt p{font-size:1.375rem;font-weight:400;color:#5a3d27;max-width:1200px;margin:0 auto 1em}.home-content .vSiteElemBoxInhalt{margin:40px auto 40px}body.vcmsUserLogedIn .home-content>div{max-width:1200px;margin-left:auto;margin-right:auto}@media only screen and (max-width: 107.9375em){.home-content:before{margin-top:-230.5px;width:193px;height:461px;background:url(../img/sprite.png?0083) -224px -1096px no-repeat}.home-content .header-1 p,.home-content .header-1 ul,.home-content .header-1 ol{font-size:2.4375rem;margin:80px 0 0}.home-content .header-2 p,.home-content .header-2 ul,.home-content .header-2 ol{font-size:2.1875rem}.home-content .header-2:after{width:490px;height:36px;background:url(../img/sprite.png?0083) -2px -56px no-repeat;margin:25px auto}.home-content .p p,.home-content .p ul,.home-content .p ol{font-size:1.5rem;max-width:500px}.home-content .vSiteElemBoxInhalt,.home-content .vSiteElemBoxInhalt ul,.home-content .vSiteElemBoxInhalt p{font-size:1.5rem;max-width:900px}}@media only screen and (max-width: 47.927em){.home-content:before{display:none}.home-content .header-1{position:relative;padding:0 20px}.home-content .header-1:before{content:' ';display:block;margin-top:-17px;margin-left:-14.5px;width:29px;height:34px;background:url(../img/sprite.png?0083) -516px -1624px no-repeat;position:absolute;top:-30px;left:50%}.home-content .header-1 p,.home-content .header-1 ul,.home-content .header-1 ol{font-size:1.375rem;margin:70px 0 0}.home-content .header-2{padding:0 20px}.home-content .header-2 p,.home-content .header-2 ul,.home-content .header-2 ol{font-size:1.0625rem}.home-content .header-2:after{width:271px;height:21px;background:url(../img/sprite.png?0083) -280px -386px no-repeat;margin:25px auto}.home-content .p{padding:0 20px}.home-content .p p,.home-content .p ul,.home-content .p ol{font-size:0.9375rem}.home-content .vSiteElemBoxInhalt,.home-content .vSiteElemBoxInhalt ul,.home-content .vSiteElemBoxInhalt p{padding:0 20px;font-size:0.9375rem}}.home-boxes{margin-bottom:200px;overflow:hidden}.home-boxes:before,.home-boxes:after{content:" ";display:table}.home-boxes:after{clear:both}.home-boxes .left,.home-boxes .right{position:relative;width:46%;height:620px}.home-boxes a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.home-boxes a:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(90,61,39,0.8);transition:all 300ms ease-out;opacity:0;filter:alpha(opacity=0)}.home-boxes a>div{text-align:center;position:relative;top:50%;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all 300ms ease-out;opacity:0;filter:alpha(opacity=0);z-index:100}.home-boxes a:hover:before,.home-boxes a:hover>div{opacity:1;filter:alpha(opacity=100)}.home-boxes p,.home-boxes ul,.home-boxes ol{position:relative;display:inline-block;font-family:'Loved by the King', cursive;font-size:4.375rem;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:10px;margin:0}.home-boxes p:before,.home-boxes ul:before,.home-boxes ol:before{content:' ';display:inline-block;width:266px;height:54px;background:url(../img/sprite.png?0083) -276px -442px no-repeat;position:absolute;bottom:100%;left:-10px}.home-boxes p:after,.home-boxes ul:after,.home-boxes ol:after{content:' ';display:inline-block;width:276px;height:53px;background:url(../img/sprite.png?0083) -2px -386px no-repeat;position:absolute;top:95%;right:-10px}@media only screen and (max-width: 63.9375em){.home-boxes{margin-bottom:50px;padding:0 20px}.home-boxes .left,.home-boxes .right{width:100%;margin-bottom:50px}}@media only screen and (max-width: 47.927em){.home-boxes{margin-bottom:20px}.home-boxes p,.home-boxes ul,.home-boxes ol{font-size:1.875rem}.home-boxes p:before,.home-boxes ul:before,.home-boxes ol:before{-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5);bottom:100%;left:-70px}.home-boxes p:after,.home-boxes ul:after,.home-boxes ol:after{-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5);top:95%;right:-70px}}.product-list-wrapper{text-align:center}.selectric-product-list-filter{max-width:500px;margin:0 auto 180px}.selectric-product-list-filter .selectric .label{line-height:70px;height:70px;background:#523a25;font-size:2.625rem;font-weight:400;color:#dfd8c6;padding:0 10px;text-align:center}.selectric-product-list-filter .selectric .label:after{content:' ';display:inline-block;width:42px;height:36px;background:url(../img/sprite.png?0083) -94px -1624px no-repeat;vertical-align:middle;margin-left:30px;position:relative;top:-3px}.selectric-product-list-filter .selectricItems{top:69px}.product-list{padding:0 10%}.product-list:before,.product-list:after{content:" ";display:table}.product-list:after{clear:both}.product-list-item{position:relative;float:left;width:33.33333%;padding-left:4%;padding-right:4%;margin-bottom:150px}.product-list-item a{position:relative;display:block}.product-list-item a:hover .read-more{display:block}.product-list-item p{margin:0}.product-list-item .name{margin:30px 0 20px}.product-list-item .name p{font-size:2.625rem;font-weight:400;color:#5a3d27;line-height:1.2}.product-list-item .color,.product-list-item .price{margin:0 0 20px}.product-list-item .color p,.product-list-item .price p{font-size:1.5625rem;font-weight:400;color:#5a3d27;line-height:1.2}.product-list-item .color p:before{content:' ';display:inline-block;width:29px;height:24px;background:url(../img/sprite.png?0083) -484px -1624px no-repeat;margin-right:15px;vertical-align:middle}.product-list-item:nth-child(3n+1){clear:left}.product-list-item .read-more{font-size:1.0625rem;font-weight:400;color:#5a3d27;background:#dfd8c6;padding:0 45px 0 30px;height:30px;line-height:30px;position:absolute;top:30px;left:0;display:none}.product-list-item .read-more:after{content:' ';display:block;margin-top:-8px;width:18px;height:16px;background:url(../img/sprite.png?0083) -146px -1670px no-repeat;position:absolute;top:50%;right:17px}@media only screen and (max-width: 107.9375em){.selectric-product-list-filter{max-width:370px;margin:0 auto 130px}.selectric-product-list-filter .selectric .label{line-height:50px;height:50px;font-size:1.875rem;padding:0 40px}.selectric-product-list-filter .selectric .label:after{display:inline-block;width:30px;height:26px;background:url(../img/sprite.png?0083) -452px -1624px no-repeat;margin-left:20px;top:-2px}.selectric-product-list-filter .selectricItems{top:49px}.product-list-item{margin-bottom:120px}.product-list-item .name{margin:20px 0 10px}.product-list-item .name p{font-size:1.875rem}.product-list-item .color,.product-list-item .price{margin:0 0 10px}.product-list-item .color p,.product-list-item .price p{font-size:1.125rem}.product-list-item .color p:before{display:inline-block;width:21px;height:17px;background:url(../img/sprite.png?0083) -54px -1670px no-repeat;margin-right:10px}.product-list-item .read-more{font-size:0.75rem;padding:0 30px 0 20px;height:22px;line-height:22px;top:23px}.product-list-item .read-more:after{margin-top:-5.5px;width:13px;height:11px;background:url(../img/sprite.png?0083) -242px -1670px no-repeat;right:10px}}@media only screen and (max-width: 47.927em){.selectric-product-list-filter{max-width:280px;margin:0 auto 40px}.selectric-product-list-filter .selectric .label{line-height:30px;height:30px;font-size:1.0625rem;padding:0 20px}.selectric-product-list-filter .selectric .label:after{display:inline-block;width:19px;height:17px;background:url(../img/sprite.png?0083) -124px -1670px no-repeat;margin-left:10px;top:-1px}.selectric-product-list-filter .selectricItems{top:29px}.product-list-item{float:none;width:auto;max-width:280px;padding-left:0;padding-right:0;margin:0 auto 30px}.product-list-item .name{margin:15px 0 7px}.product-list-item .name p{font-size:1.375rem}.product-list-item .color,.product-list-item .price{margin:0 0 6px}.product-list-item .color p,.product-list-item .price p{font-size:1.0625rem}.product-list-item .color p:before{display:inline-block;width:23px;height:19px;background:url(../img/sprite.png?0083) -28px -1670px no-repeat;margin-right:10px;position:relative;top:-4px}}body:not(.vcmsUserLogedIn) .news-list{padding:0 10%;text-align:center}body:not(.vcmsUserLogedIn) .news-list:before,body:not(.vcmsUserLogedIn) .news-list:after{content:" ";display:table}body:not(.vcmsUserLogedIn) .news-list:after{clear:both}body:not(.vcmsUserLogedIn) .news-list>.vContentElemDD>.vSiteElemBox{position:relative;float:left;width:33.33333%;padding-left:4%;padding-right:4%;margin:0 0 160px}body:not(.vcmsUserLogedIn) .news-list>.vContentElemDD>.vSiteElemBox:nth-child(3n+1){clear:left}body:not(.vcmsUserLogedIn) .news-list>.vContentElemDD a{position:relative;display:block}body:not(.vcmsUserLogedIn) .news-list>.vContentElemDD a:hover .read-more{display:block}.vcmsUserLogedIn .news-list{max-width:400px;margin:100px auto}.news-list-item{position:relative}.news-list-item p{margin:0}.news-list-item .category{margin:0 0 12px}.news-list-item .category p{font-size:2.625rem;font-weight:400;color:#dfd8c6;background:#5a3d27;line-height:70px;height:70px;overflow:hidden;padding:0 10px}.news-list-item .name{margin:30px 0 20px}.news-list-item .name p{font-size:2.625rem;font-weight:400;color:#5a3d27;line-height:1.2}.news-list-item .desc{margin:30px 0 20px}.news-list-item .desc p{font-size:2.0625rem;font-weight:400;color:#5a3d27;line-height:1.2;margin-top:10px}.news-list-item:nth-child(3n+1){clear:left}.news-list-item .date{background:#dfd8c6;width:155px;height:30px;position:absolute;top:115px;left:0}.news-list-item .date p{font-size:1.0625rem;font-weight:400;color:#5a3d27;line-height:30px;margin:0}.news-list-item .read-more{font-size:1.0625rem;font-weight:400;color:#5a3d27;background:#dfd8c6;padding:0 45px 0 30px;height:30px;line-height:30px;position:absolute;top:115px;left:0;display:none}.news-list-item .read-more:after{content:' ';display:block;margin-top:-8px;width:18px;height:16px;background:url(../img/sprite.png?0083) -146px -1670px no-repeat;position:absolute;top:50%;right:17px}@media only screen and (max-width: 107.9375em){.news-list{padding:0 7%}.news-list>.vContentElemDD>.vSiteElemBox{margin:0 0 140px}.news-list-item .category{margin:0 0 7px}.news-list-item .category p{font-size:1.875rem;line-height:50px;height:50px}.news-list-item .name{margin:30px 0 20px}.news-list-item .name p{font-size:1.875rem}.news-list-item .desc{margin:8px 0 5px}.news-list-item .desc p{font-size:1.5rem;margin-top:5px}.news-list-item .date{width:110px;height:22px;top:80px}.news-list-item .date p{font-size:0.75rem;line-height:22px}.news-list-item .read-more{font-size:0.75rem;padding:0 30px 0 20px;height:22px;line-height:22px;top:80px}.news-list-item .read-more:after{margin-top:-5.5px;width:13px;height:11px;background:url(../img/sprite.png?0083) -242px -1670px no-repeat;right:10px}}@media only screen and (max-width: 63.9375em){.news-list{padding:0 20px}.news-list>.vContentElemDD>.vSiteElemBox{float:none;width:auto;padding-left:0;padding-right:0;margin:0 0 80px}}@media only screen and (max-width: 47.927em){.news-list-item .category p{font-size:1.0625rem;line-height:30px;height:30px}.news-list-item .name{margin:15px 0 10px}.news-list-item .name p{font-size:1.375rem}.news-list-item .desc img{-moz-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}.news-list-item .desc p{font-size:1.0625rem}.news-list-item .date{top:60px}.news-list-item .read-more{top:60px}}.product-details{position:relative;max-width:1430px;width:100%;margin:320px auto 0;text-align:center}.product-details:before,.product-details:after{content:" ";display:table}.product-details:after{clear:both}.product-details p{margin:0}.product-details .img{position:relative;float:left;width:44%;margin-bottom:150px}.product-details .img:before{content:' ';display:block;width:38px;height:38px;background:url(../img/sprite.png?0083) -262px -1624px no-repeat;position:absolute;left:10px;bottom:10px;z-index:100}.product-details .content{float:right;width:44%;margin-bottom:150px}.product-details .name p{font-size:6.5rem;font-weight:400;color:#5a3d27;margin:20px 0 60px;line-height:1.2}.product-details .name:after{content:' ';display:block;width:477px;height:35px;background:url(../img/sprite.png?0083) -2px -94px no-repeat;margin:0 auto 70px}.product-details .color p{font-size:3.125rem;font-weight:400;color:#5a3d27}.product-details .color p:before{content:' ';display:inline-block;width:68px;height:59px;background:url(../img/sprite.png?0083) -372px -1560px no-repeat;margin-right:15px;vertical-align:middle}.product-details .price{clear:both}.product-details .price p{font-size:2.625rem;font-weight:400;color:#5a3d27;margin:0 0 65px}.product-details .btn-to-cart{position:relative;display:block;height:107px;line-height:107px;width:100%;cursor:pointer;background:#5a3d27;font-size:2.625rem;font-weight:400;color:#dfd8c6}.product-details .btn-to-cart:after{content:' ';display:inline-block;width:36px;height:31px;background:url(../img/sprite.png?0083) -342px -1624px no-repeat;vertical-align:middle;margin-left:25px}.product-details .btn-to-cart:before{content:' ';display:inline-block;width:38px;height:34px;background:url(../img/sprite.png?0083) -222px -1624px no-repeat;vertical-align:middle;margin-right:25px;position:relative;top:-1px}.product-back{text-align:center;margin:0 0 120px}.product-back a{font-size:2.625rem;font-weight:400;color:#5a3d27}.product-back a:after{content:' ';display:inline-block;width:37px;height:32px;background:url(../img/sprite.png?0083) -302px -1624px no-repeat;vertical-align:baseline;margin-left:30px}@media only screen and (max-width: 107.9375em){.product-details{max-width:980px;margin:220px auto 0}.product-details .img{margin-bottom:100px}.product-details .content{margin-bottom:100px}.product-details .name p{font-size:4.625rem;margin:10px 0 30px}.product-details .name:after{width:340px;height:26px;background:url(../img/sprite.png?0083) -2px -132px no-repeat;margin:0 auto 50px}.product-details .color p{font-size:2.1875rem}.product-details .color p:before{display:inline-block;width:48px;height:42px;background:url(../img/sprite.png?0083) -572px -1560px no-repeat;margin-right:15px}.product-details .price{clear:both}.product-details .price p{font-size:1.875rem;margin:0 0 45px}.product-details .btn-to-cart{height:75px;line-height:75px;font-size:1.875rem}.product-details .btn-to-cart:after{display:inline-block;width:26px;height:21px;background:url(../img/sprite.png?0083) -578px -1624px no-repeat;margin-left:15px}.product-details .btn-to-cart:before{display:inline-block;width:27px;height:24px;background:url(../img/sprite.png?0083) -548px -1624px no-repeat;margin-right:15px;top:-1px}.product-back{margin:0 0 80px}.product-back a{font-size:1.875rem}.product-back a:after{width:26px;height:23px;background:url(../img/sprite.png?0083) -606px -1624px no-repeat;margin-left:20px}}@media only screen and (max-width: 47.927em){.product-details{position:relative;max-width:320px;margin:80px auto 0;padding:0 20px}.product-details:before{content:' ';display:block;margin-top:-17px;margin-left:-14.5px;width:29px;height:34px;background:url(../img/sprite.png?0083) -516px -1624px no-repeat;position:absolute;top:-40px;left:50%}.product-details .img{float:none;width:auto;margin-bottom:0;padding:0 10%}.product-details .img:before{margin-left:10%}.product-details .content{float:none;width:auto;margin-bottom:0}.product-details .name p,.product-details .name ul,.product-details .name ol{font-size:1.375rem;margin:20px 0 10px}.product-details .name:after{display:none}.product-details .color p,.product-details .color ul,.product-details .color ol{font-size:1.0625rem;margin-bottom:10px}.product-details .color p:before,.product-details .color ul:before,.product-details .color ol:before{display:inline-block;width:21px;height:17px;background:url(../img/sprite.png?0083) -54px -1670px no-repeat;margin-right:15px}.product-details .price{clear:both}.product-details .price p,.product-details .price ul,.product-details .price ol{font-size:1.0625rem;margin:0 0 20px}.product-details .btn-to-cart{height:30px;line-height:30px;font-size:1.0625rem}.product-details .btn-to-cart:after{display:inline-block;width:17px;height:17px;background:url(../img/sprite.png?0083) -206px -1670px no-repeat;margin-left:10px}.product-details .btn-to-cart:before{display:inline-block;width:19px;height:17px;background:url(../img/sprite.png?0083) -102px -1670px no-repeat;margin-right:10px;top:-1px}.product-details-wrapper+.home-content-wrapper .header-1:before{display:none}.product-back{margin:0 0 40px}.product-back a{font-size:1.0625rem}.product-back a:after{width:21px;height:19px;background:url(../img/sprite.png?0083) -78px -1670px no-repeat;margin-left:15px;position:relative;top:3px}}body:not(.vcmsUserLogedIn) .vSiteElemBox{position:static;margin:0}.vFrontOwnElemTextHolder{top:10px}.img-to-bg{background-size:cover;background-repeat:no-repeat;background-position:center center}body:not(.vcmsUserLogedIn) .vSiteElemBox{position:static;margin:0}body{position:static}.backstretch{display:none}#vFrontCenterWindowBigImageVerwaltung p{color:#333;font-family:Verdana;font-size:13px;line-height:normal}.dd .ddChild li{font-size:12px}.vFrontDragElem.ui-draggable-dragging{margin-top:0 !important}.vCmsKontaktformLiveHolder .form-control{max-width:65%}.vCmsKontaktformLiveHolder label{font-size:1rem} @font-face { font-family: sifonn; src: url(fonts/SIFONN_BASIC.otf); } @font-face { font-family: palatino; src: url(fonts/PalatinoLinotype.ttf); } @font-face { font-family: lato; src: url(fonts/Lato-Light.ttf); } .v_siteMenu { width: 800px; } @media (max-width: 1600px) { .v_siteMenu { width: 760px; } } .main-menu.open .hamburger { display: NONE; } .main-menu ul a { font-size: 16px; color: #FFF; text-transform: none; font-weight: 100; line-height: 50px; margin-top: 13px; } .main-menu ul li.active > a, .main-menu ul li:hover > a { font-weight: 100; } .v_siteMenu .menuPoint:hover { border-bottom: 1px solid red; } .main-menu .cart { background: url(../img/cart.png) no-repeat; background-size: contain; margin-top: 28px; width: 18px; margin: 28px 36px 0 0; z-index: 11; position: relative; } .home-content::before { display: none; } .main-menu .v_siteUnterMenu { margin-top:1px; background-color: #333333; width: auto; } .main-menu .v_siteUnterMenu li { background: transparent; } .main-menu .v_siteUnterMenu a { line-height: 20px !important; padding: 0 5px !important; font-size: 13px !important; margin-top: 10px; } .main-menu .v_siteUnterMenu li:first-child { padding-top: 0px; } .main-menu .v_siteUnterMenu li:last-child { margin-bottom: 10px; padding-bottom: 0px; } .new_icon { float: left; margin-top: 24px; margin-left: 10px; margin-right: 10px; z-index: 11; position: relative; } .facebook_icon { margin-left: -10px; } .facebook_icon img { height: 15px; width: 10px; } .instagram_icon img { width: 15px; } .merklisteNumber { margin-top: 25px; margin-left: -34px; line-height: 12px !important; float: left; background-color: red; border-radius: 11px; font-size: 10px; text-align: center; color: #FFF; height: 13px; width: 12px; } .site-footer { background-color: #F9F9F9; } .row-centered { text-align:center; } .col-centered { display:inline-block; float:left; /* reset the text-align */ text-align:left; /* inline-block space fix */ margin-right:-4px; } .contacts { border-top: 1px solid #E1E1E1; } .footer_menu .v_siteMenu { width: 725px; margin-left: calc(50% - 355px); } .footer_menu .v_siteMenu .menuPoint { /* width: calc(100% / 7);*/ } .footer_menu .v_siteMenu .menuPoint:hover { border-bottom: none; } .footer_menu .v_siteMenu .menuPoint a:hover { background-color: transparent; } .footer_menu .v_siteUnterMenu { display: none; } .footer_menu .v_siteMenu .menuPoint a { font-size: 13px; font-weight: 100; color: black; } .site-header .slick-next, .site-header .slick-prev { display: none !important; } .top_logo a { width: 210px; margin-left: calc(50% - 105px); } .footer_menu { height: 50px; } .made_by img { width: 50px; float: right; margin-top: -100px; } .top_logo { margin-bottom: 20px; } .site-footer .content { margin: 35px auto 0; } .social-icons a.insta { width: 30px; height: 30px; background: url(../img/insta_footer.png) no-repeat; background-size: cover; } .social-icons a.fb { width: 30px; height: 30px; background: url(../img/fb_footer.png) no-repeat; background-size: cover; } .site-footer { height: auto; width: 100%; } .social-icons li { margin-right: 10px; } .site-footer .contacts p { font-size: 13px; font-weight: 100; text-align: center; } .site-footer .contacts + .content { margin-top: 0px; } .social-icons { float: right; margin-top: -40px; } .site-footer .content + .contacts .content { margin-top: 10px; } .contact_column { width: 225px; } .contact_columns { width: 665px; margin: auto; /* margin-left: calc(50% - 332.5px);*/ } .site-header .content { top: 77%; } .site-header .content p::before, .site-header .content ul::before, .site-header .content ol::before { display: none; } .site-header .content p::after, .site-header .content ul::after, .site-header .content ol::after { display: none; } .site-header:not(.small) .content p, .site-header:not(.small) .content ul, .site-header:not(.small) .content ol { font-size: 35px; } .site-header .content p::before, .site-header .content ul::before, .site-header .content ol::before { content: ' '; display: inline-block; width: 100%; height: 40px; /*background: url(../img/logo_small.png) 50% no-repeat;*/ position: absolute; bottom: 100%; left: 0px; } .site-header .content p::after, .site-header .content ul::after, .site-header .content ol::after { content: ' '; display: inline-block; width: 35px; height: 79px; background: url(../img/button_down.png) 47% no-repeat; position: absolute; top: 100%; right: calc(50% - 25px); background-size: contain; margin-left: calc(50% - 25px); cursor: pointer; } .site-header .content p, .site-header .content ul, .site-header .content ol { font-size: 30px; } .site-header .content p { pointer-events: none; } .site-header .content p::after { pointer-events: all; } #logos .item { text-align: center; line-height: 80px; } #logos { margin: 0 auto; max-width: 100%; padding: 10px 10px; padding-top: 100px !important; padding: 100px !important; min-height: 40px; } .owl-stage-outer { z-index: -1; } .site-header .content p { font-family: sifonn; font-weight: 100; letter-spacing: 1px; } .home-content .header-1 p, .home-content .header-1 ul, .home-content .header-1 ol { color: #333; font-family: sifonn; font-size: 32px; } .home-content .header-2 p, .home-content .header-2 ul, .home-content .header-2 ol { color: #333; font-family: sifonn; font-size: 32px; } .home-content .vSiteElemBoxInhalt p strong { font-family: palatino; font-style: normal; font-size: 18px; color: #333; } .home-content .vSiteElemBoxInhalt p { font-family: lato; font-size: 18px; color: #333; } .main-menu .hamburger { width: 35px !important; height: 35px !important; background: url(../img/hamburger.png) no-repeat !important; margin: 12px 20px 0 30px !important; background-size: 35px 35px !important; margin-top: 20px !important; } @media (max-width: 1279px) { .main-menu.open .hamburger { display: block !important; } .main-menu .v_siteMenu { background: #333; } .merklisteNumber { margin-top: 18px !important; margin-left: -31px !important; } } @media (min-width: 1920px){ .carousel-items .owl-item.active { opacity: 1; } .carousel-items .owl-item.active + .owl-item { opacity: 0.5 !important; } } @media (min-width: 1801px) and (max-width: 1919px){ .carousel-items .owl-item.active { opacity: 1; } .carousel-items .owl-item.active + .owl-item { opacity: 0.5 !important; } } @media (min-width: 1401px) and (max-width: 1500px){ .carousel-items .owl-item.active { opacity: 1; } .carousel-items .owl-item.active + .owl-item { opacity: 0.5 !important; } } @media (max-width: 1200px) { .box_pic a img { margin: 10px 10px; } } @media (min-width: 1001px) and (max-width: 1250px){ .carousel-items .owl-item.active { opacity: 1; } .carousel-items .owl-item.active + .owl-item { opacity: 0.5 !important; } } @media (max-width: 1002px) { .social-icons { display: none !important; } } @media (max-width: 799px) { .footer_menu { display: none !important; } .contact_column { width: 100%; } } @media (max-width: 766px) { .product-details .btn-to-cart { width: 170px !important; } } @media (max-width: 47.927em) { .site-header:not(.small) .content p::before, .site-header:not(.small) .content ul::before, .site-header:not(.small) .content ol::before { right: 0; } .site-header:not(.small) .content p::after { left: 0; } .product-details::before { display: none !important; } } @media (max-width: 479px) { .site-header .img-to-bg { height: 200px; } .site-header { height: auto; } .site-header:not(.small) .content p, .site-header:not(.small) .content ul, .site-header:not(.small) .content ol { font-size: 22px; } } @media (max-width: 991px) { .new_icon.topIcon.iconSearch { width: 20px; left: 160px; } } @media (max-width: 360px) { .main-menu .cart, .main-menu .merklisteNumber, .main-menu .youtube_icon, .main-menu .facebook_icon, .main-menu .instagram_icon { display: none !important; margin-top: 60px !important; } .main-menu.open .cart, .main-menu.open .youtube_icon, .main-menu.open .merklisteNumber, .main-menu.open .facebook_icon, .main-menu.open .instagram_icon { display: block !important; } .main-menu .merklisteNumber { margin-top: 64px !important; } .sticky-header { height: auto !important; min-height: 44px; } .made_by img { width: 50px; margin-top: -36px; float: left; margin-left: -50px; } .home-content .header-1 p, .home-content .header-1 ul, .home-content .header-1 ol { color: #333; font-family: sifonn; font-size: 21px; } .home-content .header-2 p, .home-content .header-2 ul, .home-content .header-2 ol { color: #333; font-family: sifonn; font-size: 20px; } .home-content .vSiteElemBoxInhalt p strong { font-family: palatino; font-style: normal; font-size: 16px; color: #333; } .home-content .vSiteElemBoxInhalt p { font-size: 15px; font-family: lato; } } .main-menu { /*visibility: hidden;*/ } .vCmsKontaktformLiveHolder input[type="submit"] { color: #FFF; background: #333; } .basicText a { text-decoration:underline;} .vCmsKontaktformLiveHolder .form-control { max-width: 100% !important; } .vcmsUserLogedIn .news-list { max-width: 600px; } .site-header { position: relative; height: auto !important; } .sticky-wrapper { position: absolute; top: 0px; left: 0; width: 100%; z-index: 1000; } .vCmsKontaktformLiveHolder label { font-size: 1rem; text-align: left; width: 100%; color: #333; } .vcmsUserLogedIn .site-header .content { text-align: center; position: relative; top: 1px; -moz-transform: translateY(1px); -o-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); } @media only screen and (max-width: 99.9375em) { .sticky-wrapper { top: 0px; } } @media only screen and (max-width: 47.927em) { .sticky-wrapper { top: 0px; } } @media only screen and (max-width: 99.9375em) { .home-content .vSiteElemBoxInhalt, .home-content .vSiteElemBoxInhalt ul, .home-content .vSiteElemBoxInhalt p { font-size: 1.5rem; max-width: 900px; } } .selectric-product-list-filter { max-width: 500px; margin: 0 auto 90px; } /* merkliste popup */ .popupMerkliste { position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; background: #fdfdfd; padding-bottom: 60px; display: none; } .popupMerkliste .merklisteTop { border-bottom: 1px solid #333; } .popupMerkliste .merklisteTopInner { margin: 0 auto; overflow: hidden; padding: 0 20px; } .popupMerkliste .merklisteTopInner h1 { font-size: 25px; font-weight: 400; margin-top: 85px; margin-left: 75px; float: left; } .popupMerkliste .merklisteTopInner .mLogo { float: left; margin-bottom: 15px; } .popupMerkliste .merklisteTopInner .popupClose { float: right; font-size: 25px; font-weight: 400; margin-top: 85px; cursor: pointer; padding-left: 35px; background: url(../img/x_blau.png) no-repeat left top 12px; } .popupMerkliste .merklisteContent { margin: 0 auto; max-width: 1260px; padding: 0 20px; } .popupMerkliste .merklisteContent .merklisteFilters { margin-top: 60px; margin-bottom: 60px; } .popupMerkliste .merklisteContent .merklisteItems { margin-top: 40px; } .popupMerkliste .merklisteContent .merklisteItems div.merklisteItem { margin-bottom: 40px; clear: both; width: 70%; margin: auto; } .interesse { font-size: 30px; width: calc(100% / 3); float: left; } .interesse ul { margin: 20px 0 0 0; padding-left: 22px; list-style: none; } .interesse ul li { cursor: pointer; background: url(../img/interesse-chk-empty.png) no-repeat center left; padding-left: 30px; } .interesse ul li:hover, .interesse ul li.checked { background: url(../img/interesse-chk-v.png) no-repeat center left; } .interesse ul li.checked:hover { background: url(../img/interesse-chk-x.png) no-repeat center left; } .interesse ul li input { display: none; } #logos { margin: 0 auto; max-width: 1920px; padding: 0 10px; } #logos .item { text-align: center; line-height: 80px; } #logos.owl-theme .owl-controls { top: 60px; } #logos .owl-prev { font-size: 0px; width: 32px; height: 32px; border-radius: 50%; background: #838383 url(../img/arrow-left-small.png) no-repeat center left 8px; } #logos .owl-next { font-size: 0px; width: 32px; height: 32px; border-radius: 50%; background: #838383 url(../img/arrow-right-small.png) no-repeat center right 8px; } .homeHeader { margin: 100px auto; } .homeHeader h1, .homeHeader h1 p { margin: 0; text-align: center; color: #2d2d2c; font-size: 62.5px; font-weight: 600; line-height: 1.28; } @media (max-width: 767px) { .homeHeader { margin: 30px auto; } .homeHeader h1 p{ font-size: 36px; } } .homeUrlaub { box-sizing: border-box; margin: 200px auto 50px; max-width: 896px; padding: 0 30px; } .homeUrlaub h1 { color: #2e2d2c; font-size: 83.33px; font-weight: 600; line-height: 1; margin: 0; } .homeUrlaub h2 { color: #2e2d2c; font-size: 48.33px; font-weight: 600; line-height: 1.8; margin: 0; } .homeFinde { box-sizing: border-box; padding-bottom: 936px; padding-left: 33px; margin: 0 auto; max-width: 880px; } .homeFindeToggle.toggled { opacity: 0.6; } .homeFindeButton { display: inline-block; margin-left: 10%; cursor: pointer; width: 23%; } .homeFindeButton:first-child { margin-left: 0; } @media (max-width: 767px) { .homeUrlaub { margin: 40px auto 30px; padding: 0 30px; } .homeUrlaub h1 { font-size: 35px; } .homeUrlaub h2 { font-size: 19px; } .homeFinde { padding-bottom: 10px; } } /* Panels */ .panels { margin: 0 auto 100px; width: 100%; max-width: 880px; } .panel { border-radius: 0; box-shadow: none; position: relative; background-repeat: no-repeat; background-size: cover; border: none; margin: 0; } .panels .panel, .bigPanels .panel { cursor: pointer; } .panels .panelsRow { overflow: hidden; margin-top: 8px; } .panels .panelsLeft { width: 50%; float: left; } .panels .panelsRight { width: 50%; float: left; } .panel.panelLarge { width: calc(100% - 16px); height: 243px; margin: 0 8px 9px; } .merklisteLeftPanel .panel.panelLarge { width: calc(100% - 16px); height: 251px; margin: 0 8px 9px; } .popupMerkliste .standardHeader h1 { color: #FFFFFF;} .panel.panelPhoto { background-position: center center; background-size: cover; } .merklisteLeftPanel .panel.panelPhoto { overflow:hidden; } .merklisteLeftPanel .panel.panelPhoto img { min-height: 190px; } .merklisteLeftPanel .panel.panelPhoto img.imageBigBanner { height: 200px; position: relative; left: -30%; max-width: none; } .panel.panelPhoto .panelOverlay { width: 100%; height: 100%; background-color: #b1b1b1; color: #fff; text-align: center; font-weight: 600; opacity: 0; transition: all 0.25s ease; } .panel.panelPhoto:hover .panelOverlay { opacity: 1; } .panel.panelLarge .panelOverlay { padding-top: 90px; } .panel .panelOverlay p { text-align: center; } .panel.panelLarge .panelOverlay p { font-size: 30px; line-height: 1; color: #fff; max-width: 75%; margin: 0 auto; } .panel.panelSmall { width: calc(50% - 16px); height: 117px; float: left; margin: 0 8px 9px; } .panel.panelSmall .panelOverlay { font-size: 20px; padding-top: 37px; } .panel.panelSmall .panelOverlay p { font-size: 20px; color: #fff; } .panel .panelTitle { position: absolute; left: 0; bottom: 0; background-color: #b1b1b1; display: inline-block; line-height: 30px; padding: 0 17px; color: #fff; transition: all 0.25s ease; font-size: 15px; } .panel .panelTitle p { margin: 0; font-size: 15px; color: #fff; } .bigPanels .panel.panelPhoto:hover .panelTitle, .panels .panel.panelPhoto:hover .panelTitle { background: #b1b1b1; background-position: right bottom; background-size: contain; } .bigPanels .panel.panelPhoto:hover .panelTitle p, .panels .panel.panelPhoto:hover .panelTitle p { color: #b1b1b1; } .panel.panelIcon { background-color: #b1b1b1; text-align: center; padding-top: 29px; } .panel.panelIcon img { } .panel.panelIcon p{ color: #ffffff; font-size: 15px; font-weight: 300; position: absolute; bottom: 0; text-align: center; width: 100%; } .infoPanel { padding: 35px 50px 19px; background-color: #b1b1b1; text-align: center; position: relative; } .panelDropdown { display: none; margin: 8px; clear: both; } .panelDropdownClose { position: absolute; top: 15px; right: 15px; width: 22px; height: 22px; background: url(../img/x-black.png); cursor: pointer; } .infoPanel h2 p, .textBoxWithSmallInfoPanel .infoPanel h2 p{ margin: 0 0 30px; font-size: 37.5px; font-weight: 600; line-height: 1; } .infoPanel p, .textBoxWithSmallInfoPanel .infoPanel p { margin: 0 0 50px; color: #2d2d2c; font-size: 15px; font-weight: 300; line-height: 25px; } .infoPanel a { display: inline-block; margin: 0 0 19px; color: #2d2d2c; font-size: 15px; font-weight: 300; line-height: 25px; text-decoration: underline; } .dropdownHeart { text-align: center; } .dropdownHeart img { cursor: pointer; } @media (max-width: 767px) { .panels { margin-bottom: 40px; } .panels .panelsLeft { float: none; max-width: 500px; margin: 0 auto; width: 100%; padding: 0 30px; } .panels .panelsRight { float: none; max-width: 500px; margin: 0 auto; width: 100%; padding: 0 30px; } .panels .panel.panelPhoto { float: none; clear: both; width: 100%; height: 243px; margin: 0 0 16px 0; } .panels .panelsRow { margin: 0; } .panels a.vcmsLinkingLightboxElemShowMMa { float: left; display: block; overflow: hidden; width: 50%; margin: 0px 0 16px 0; } .panels .panel.panelIcon { float: none; clear: both; display: block; width: calc(100% - 16px); margin: 0 0 0 8px; } .panelDropdown { margin: 0 0 16px; } .panel.panelSmall .panelOverlay { padding-top: 90px; } .panel.panelSmall .panelOverlay p { font-size: 37.5px; color: #fff; } .panel .panelTitle { width: 100%; background: #B1B1B1 url(../img/panel-title-bg.png) no-repeat bottom right; } .panels .panel.panelPhoto:hover .panelTitle { background: #b1b1b1; background-position: right bottom; background-size: contain; } .merklisteLeftPanel .panel.panelPhoto img { height: auto; } .merklisteLeftPanel .panel.panelLarge { height: auto; } .merklisteLeftPanel .panel.panelPhoto img { min-height: 151px; } .homeTextBox h1, .homeTextBox h1 p { font-size: 29px; margin-bottom: 30px; } .infoPanel { padding: 35px 20px 19px; } .infoPanel h2 p, .textBoxWithSmallInfoPanel .infoPanel h2 { font-size: 25px; margin-bottom: 15px; } .infoPanel p, .textBoxWithSmallInfoPanel .infoPanel p { font-size: 13px; margin: 0px 0px 30px; } } .bigPanels { margin: 0 auto 100px; width: 100%; max-width: 880px; } .bigPanels .panelsRow { overflow: hidden; margin-top: 8px; } .bigPanels .panelsLeft { width: 50%; float: left; } .bigPanels .panelsRight { width: 50%; float: left; } .bigInfoPanel { width: 100%; background-color: #b2b1b1; padding: 16px 8px; color: #ffffff; } .bigInfoPanel p { color: #fff; } .bigDropdown { display: none; margin: 8px; width: calc(100% - 16px); position: relative; clear: both; overflow: hidden; } .bigDropdownClose { position: absolute; top: 15px; right: 15px; width: 22px; height: 22px; background: url(../img/x_weiss.png); cursor: pointer; } .bigInfoPanelInner { overflow: hidden; background: url(../img/info-panel-bg.png) repeat-y center top; } .infoPanelLeft { width: 50%; float: left; padding-left: 90px; } .infoPanelCategories { margin-top: 20px; } .infoPanelCategory { clear: both; margin-bottom: 10px; overflow: hidden; } .infoPanelCategory .infoIcon { float: left; margin-right: 45px; position: relative; width: 30px; height: 30px; } .infoPanelCategory.icoBilder {width: 60%; margin: auto; cursor: pointer;} .infoPanelCategory.icoBilder .infoIcon { margin-right: 16px;} .infoPanelHeader .infoPanelCategory { clear: both; margin-bottom: 10px; overflow: hidden; text-align: center; } .infoPanelHeader .infoPanelCategory .infoIcon { display: block; float: none; margin: 0 auto; position: static; width: auto; height: auto; } .infoPanelHeader .infoPanelCategory .infoIcon img { display: block; margin: 0 auto; position: static; } .infoPanelCategory .infoIcon img { position: absolute; } .infoPanelCategory .infoIcon img.alternative { display: none; } .multiInfoPanel .infoPanelCategory.active .infoIcon img, .multiInfoPanel .infoPanelCategory:hover .infoIcon img { display: none; } .multiInfoPanel .infoPanelCategory.active .infoIcon img.alternative, .multiInfoPanel .infoPanelCategory:hover .infoIcon img.alternative { display: block; } .infoPanelCategory .infoTitle, .infoPanelCategory .infoTitle p { color:#000000; font-size: 13px; vertical-align: middle; display: block; } .bigPanels .infoPanelCategory .infoTitle, .bigPanels .infoPanelCategory .infoTitle p { color:#FFFFFF;} .multiInfoPanel .infoPanelCategory:hover .infoTitle, .multiInfoPanel .infoPanelCategory.active .infoTitle, .multiInfoPanel .infoPanelCategory.active .infoTitle p, .multiInfoPanel .infoPanelCategory:hover .infoTitle p { color: #dd261f; } .infoPanelTab { display: none; } .infoPanelTab:first-child { display: block; } .multiInfoPanel .infoPanelCategory { cursor: pointer; } .infoPanelRight { width: 50%; float: left; padding: 0 40px; } .infoPanelRight h2, .infoPanelRight h2 p { font-weight: 600; text-align: center; margin: 30px 0; color: #ffffff; font-size: 25px; } .infoPanelRight p { font-size: 15px; font-weight: 400; line-height: 1.33; margin-bottom: 20px; text-align: justify; } @media (max-width: 767px) { .bigPanels .panelsLeft { float: none; max-width: 500px; margin: 0 auto; width: 100%; padding: 0 30px; } .bigPanels .panelsRight { float: none; max-width: 500px; margin: 0 auto; width: 100%; padding: 0 30px; } .bigPanels .panel { margin: 0 0 16px; } .bigPanels .panel.panelLarge { width: 100%; } .bigDropdown { margin: 0 auto 16px; width: 100%; max-width: 440px; } .infoPanelLeft { width: 100%; float: none; padding-left: 60px; } .infoPanelRight { width:100%; float: none; } .bigInfoPanelInner { background-image: none; } } @media (max-width: 500px) { .bigDropdown { } } @media (max-width: 599px) { .infoPanelLeft { padding-left: 40px; } } .panelHeart { text-align: center; clear: both; } .bottomBanner { height: 383px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .bottomBanner .bottomBannerInner { margin: 0 auto; padding: 90px 20px 0; max-width: 1080px; } .bottomBanner .homeFinde { max-width: 600px; padding-bottom: 0; } .bottomBanner .homeFinde > img { height:96px; } .bottomBanner h1 { margin: 0 0 10px; } .bottomBanner h1 p { color: #ffffff; font-size: 41px; font-weight: 400; margin: 0; } .bottomBanner h2 { margin: 0; } .bottomBanner h2 p { color: #ffffff; font-size: 23px; font-weight: 400; margin: 0; } .testimonialBanner { margin: 100px 0; min-height: 245px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .testimonialInner { margin: 0 auto; max-width: 800px; padding: 20px; } .testimonialInner img { float: left; margin-right: 30%; } .testimonialInner p { text-align: left; margin: 20px 0 0; } @media (max-width: 767px) { .testimonialInner img { margin-right: 5%; } } .breadcrumbs { max-width: 1600px; margin: 0 auto; padding: 0 20px; } @media (max-width: 767px) { .breadcrumbs { display: none; } } .breadcrumbs span { color: #2d2d2d; font-size: 13px; line-height: 30px; margin-right: 25px; display: inline-block; } .breadcrumbs span a{ color: #2d2d2d; font-size: 13px; line-height: 30px; text-decoration: underline; } .shareIcons { max-width: 1600px; margin: 15px auto; padding: 0 20px; } .textBoxWithSmallInfoPanel { margin: 0 auto 60px; max-width: 890px; padding: 0 10px; clear: both; overflow: hidden; } .textBoxWithSmallInfoPanel .panelColumnSmall { float: left; width: 50%; max-width: 432px; margin-right: 26px; } .textBoxWithSmallInfoPanel .panelColumnSmall .panel { width: calc(100%); margin: 0 8px 12px 0; } .textBoxWithSmallInfoPanel .panelColumnSmall .infoPanel { width: calc(100%); margin: 8px 8px 8px 0; } .textBoxWithLargeInfoPanel { margin: 0 auto 60px; max-width: 890px; padding: 0 10px; clear: both; overflow: hidden; } .textBoxWithLargeInfoPanel .panel { max-width: 432px; float: left; margin: 0 26px 16px 0; } .textBoxWithLargeInfoPanel .bigInfoPanel { clear: both; margin-top: 16px; } /* merkliste popup */ .popupMerkliste { position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; background: #fdfdfd; padding-bottom: 60px; display: none; } .popupMerkliste .merklisteTop { border-bottom: 1px solid #010103; position: fixed; width: 100%; z-index: 999999; } .popupMerkliste .merklisteTop .total-price { text-align: center; margin-top: 12px; float: left; width: calc(90% - 226px - 108px) !important;; font-size: 17px; font-weight: normal; color: #FFF; font-family: lato; } @media (max-width: 1490px) { .popupMerkliste .merklisteTop .total-price { width: 49%; margin-left:10%; } } .popupMerkliste .merklisteTop .total-price span { font-weight: bold; font-size: 18px; } .popupMerkliste .merklisteTopInner { margin: 0 auto; overflow: hidden; padding: 0 20px; background: #333; line-height: 0.5; } .popupMerkliste .merklisteTopInner h1 { font-size: 25px; font-weight: 400; margin-top: 85px; margin-left: 75px; float: left; } .popupMerkliste .merklisteTopInner .mLogo { position:relative;top:2px;left:20px;text-indent:-9999px;display:block;width:226px;height:34px;background:url(../img/logo.jpg) no-repeat; } .popupMerkliste .merklisteTopInner .popupClose { float: right; font-size: 17px; font-weight: 400; margin-top: 21px; margin-bottom: 23px; cursor: pointer; padding-left: 35px; background: url(../img/x_blau.png) no-repeat left top 12px; color: #FFF; font-family: lato; } .merklisteRightPanel h2 p { font-family: sifonn; text-transform: uppercase; } @media (max-width: 950px) { .popupMerkliste .merklisteTop .total-price { width: 100%; margin-left:0%; margin-top: 32px; } .popupMerkliste .merklisteTopInner .mLogo { float: none; margin: auto; left:0px; } .popupMerkliste .merklisteTopInner .popupClose { margin-top: -10px; } .popupMerkliste .merklisteTop .total-price { margin-left: calc(50% - 157px) !important; } } @media (max-width: 540px) { .popupMerkliste .merklisteTop .total-price { width: 100%; text-align:left; margin-left:0%; margin-top: 32px; } .popupMerkliste .merklisteTopInner .mLogo { float: left; margin: auto; left:0px; } .popupMerkliste .merklisteTopInner .popupClose { margin-top: -78px; } } .popupMerkliste .merklisteContent { margin: 0 auto; max-width: 1260px; padding: 0 20px; margin-top: 120px; } .popupMerkliste .merklisteContent .merklisteFilters { margin-top: 60px; margin-bottom: 60px; display: none; } .popupMerkliste .merklisteContent .merklisteItems { margin-top: 40px; } .popupMerkliste .merklisteContent .merklisteItems .merklisteItemHeader { background-color:#DF0024; padding: 10px; color:#FFFFFF; width: 99.3%; float: right; display:none; } .vCmsKontaktformLiveHolder { margin: 100px auto 110px; max-width: 890px; box-sizing: border-box; padding: 0 10px;} .merklisteItem { margin-bottom: 40px; } .merklisteItem .merklisteItemHeader { line-height: 53px; color: #fff; padding-left: 60px; background: #005A93; font-size: 29px; } .merklisteItem .merklisteItemContent { border-top: none; } .merklisteItemContent .itemContentUpper { overflow: hidden; } .upperLeft { width: calc(100% / 3); float: left; padding: 40px 0 55px; } .upperLeft img { box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.45); } .upperCenter { float: left; width: calc(100% / 3); padding: 40px; } .upperCenter h2 { margin-top: 0; font-size: 25px; } .upperCenter p { margin-top: 20px; font-size: 21px; line-height: 22px; } .upperRight { width: calc(100% / 3); float: left; text-align: right; padding-top: 150px; padding-bottom: 40px; } .upperRight a { display: inline-block; margin-bottom: 10px; cursor: pointer; font-size: 21px; } .upperRight a.loschen { padding-right: 45px; background: url(../img/trash.png) no-repeat center right 15px; } .upperRight a.ansehen { padding-right: 45px; background: url(../img/arrow-right-blue.png) no-repeat center right 15px; } .upperRight a.kommentar { background: #005A94 url(../img/arrow-down-small.png) no-repeat center right 15px;; color: #fff; padding: 0 45px 0 17px; line-height: 36px; } .itemContentLower { border-top: 1px solid #A7A6A7; padding: 55px 34px; overflow: hidden; display: none; } .interesse { font-size: 30px; width: calc(100% / 3); float: left; } .interesse ul { margin: 20px 0 0 0; padding-left: 22px; list-style: none; } .interesse ul li { cursor: pointer; background: url(../img/interesse-chk-empty.png) no-repeat center left; padding-left: 30px; } .interesse ul li:hover, .interesse ul li.checked { background: url(../img/interesse-chk-v.png) no-repeat center left; } .interesse ul li.checked:hover { background: url(../img/interesse-chk-x.png) no-repeat center left; } .interesse ul li input { display: none; } .popupMerkliste .merklisteFooter { width: 100%; line-height: 50px; background: #333; text-align: center; position: fixed; bottom: 0; } .popupMerkliste .merklisteFooter a { color: #fff; font-size: 15px; font-weight: normal; padding-right: 50px; background: url('../img/arrow-right-medium.png') no-repeat center right; } .popupMerkliste .merklisteFooter a:hover { color: #fff; } .merklisteDoubleFooter { width: 100%; line-height: 53px; text-align: center; position: fixed; bottom: 0; } .merklisteDoubleFooter div { width: 50%; float: left; margin: 0; display: block; text-align: center; } .merklisteDoubleFooter div a { line-height: 1.1; font-size: 27px; font-weight: 400; color: #fff; text-decoration: none; display: inline-block; } .merklisteDoubleFooter .merklisteFooterLeft { background: #F60A08; } .merklisteDoubleFooter .merklisteFooterRight { background: #E60A08; } .merklisteDoubleFooter .merklisteFooterLeft a { padding-left: 30px; background: url('../img/arrow-left.png') no-repeat center left; } .merklisteDoubleFooter .merklisteFooterRight a { padding-right: 30px; background: url('../img/arrow-right-medium.png') no-repeat center right; } @media (max-width: 767px) { .popupMerkliste .merklisteTopInner .popupClose { float: none; position: absolute; top: 15px; right: 15px; margin-top: 0; padding-left: 35px; } .merklistItemLinks a { color: #000; text-decoration: underline; display: inline-block; margin: 5px 13px; font-size: 15px; font-family: lato; } .popupMerkliste .merklisteContent .merklisteFilters { margin-top: 30px; margin-bottom: 30px; font-size: 15px; } .mobile-hidden {display: none;} .shareIcons{ margin: auto; width: 300px; line-height: 54px; text-align: center;} .homeTextBox { margin-top: 30px; margin-bottom: 55px; padding: 0 30px; } .popupMerkliste .merklisteDoubleFooter a { font-size: 11px; } } @media (max-width: 599px) { .popupMerkliste .merklisteTopInner h1 { margin-left: 15px; } .popupMerkliste .merklisteContent { margin-top: 150px; } } @media (max-width: 479px) { .popupMerkliste .merklisteTopInner h1 { margin-top: 15px; float: none; text-align: center; clear: both; } .popupMerkliste .merklisteTopInner .popupClose { font-size: 16px; background-size: 13px; background-position: center left; padding-left: 20px; } .popupMerkliste .merklisteFooter a { font-size: 14px; background: url("../img/arrow-mehr-mobile.png") no-repeat scroll right center; padding: 0; } .infoPanelCategory .infoIcon { float: none; margin-right: 0px !important; } } .filters { margin: 0 auto; max-width: 880px; } .filtersSelector { margin: 0 auto; max-width: 448px; background-color: #df1b13; border: 4px solid #df1b13; cursor: pointer; } .filtersSelector h2 { color: #ffffff; font-size: 25px; text-align: center; border: 2px solid #fff; margin: 0; line-height: 43px; } .filtersSelector.contracted { margin-bottom: 60px; } .filtersForm { background-color: #b2b1b1; padding: 16px 20px; margin: 16px 8px; display: none; } .filtersForm h2 { color: #000000; font-size: 30px; font-weight: 400; margin: 0 0 60px; text-align: center; } .filterDropdown { margin: 0 20px 25px; background: #fff; padding: 8px 15px; } .filterHeader { font-size: 21px; cursor: pointer; background: url(../img/contracted.png) no-repeat center right; } .filterHeader.expanded { background: url(../img/expanded.png) no-repeat center right; } .filterControls { margin-top: 20px; display: none; } .filterControls .form-group { margin-bottom: 0; } .filterControls label { font-size: 19px; font-weight: normal; } @media (max-width: 450px) { .filtersSelector { margin-left: 8px; margin-right: 8px; } } /* News info panel */ .newsInfoPanel { padding: 30px 40px; } .infoPanelHeader { padding: 10px 50px; overflow: hidden; } .infoPanelHeader .infoPanelCategory { width: calc(100% / 3); float: left; clear: none; margin-bottom: 20px; } .infoPanelNews { clear: both; background-color: #B1B1B1; border-top: 6px solid #fff; padding-bottom: 30px; } .homeTextBox .infoPanelNews { padding: 30px; overflow: hidden; } .infoPanelNews h2 p { font-size: 25px; text-align: center; margin: 30px 0; color: #fff; } .infoPanelNews img { float: left; width: 50%; max-width: 240px; margin-right: 30px; margin-bottom: 15px; } .infoPanelNews p { line-height: 1.4; color: #fff; } @media (max-width: 767px) { .infoPanelHeader .infoPanelCategory { width: 100%; float: none; } } @media (max-width: 479px) { .infoPanelNews img { margin-right: 10px; margin-bottom: 10px; } } .vcmsUserLogedIn .infoPanelRight h2, .vcmsUserLogedIn .infoPanelRight h2 p { margin:20px 0; } .vcmsUserLogedIn .infoPanelRight .vFrontOwnElemTextInner { } .vcmsUserLogedIn .infoPanelCategory .infoIcon { margin-top: 17px; } .vcmsUserLogedIn .infoTitle { min-width: 150px; } .vcmsUserLogedIn .infoPanelCategories.gastro .infoPanelLeft { width: 100%;} .vcmsUserLogedIn .infoPanelCategories.gastro .infoPanelRight { display: none; } .popupTop { position: relative; } .popupTop .topLeft { height: 95px; } .popupClose { padding-left: 50px; background: transparent url("../img/x-black.png") no-repeat scroll left center; cursor: pointer; } .popupTop .standardHeaderInner h1 { font-size: 50px; } .moreLink { margin: 0px auto; max-width: 448px; background-color: #B2B0B1; border: 4px solid #B2B0B1; cursor: pointer; clear: both; } .moreLink a { color: #FFF; font-size: 25px; text-align: center; border: 2px solid #FFF; margin: 0px; line-height: 43px; display: block; } .hide-panel-right .infoPanelCategory .infoPanelRight {display: none;} .hide-panel-right .infoPanelCategory .infoPanelLeft {width: 100%; padding-left: 40px;} .activeHeart { margin-top: 50px; } .merklisteLeftPanel { float: left; width: 100%; max-width: 440px; margin-top: 10px; } .merklisteRightPanel { float: left; width: calc(100% - 440px); padding: 0px 20px 0px; background: transparent; color: #58585A; min-height: 251px; } .merklisteRightPanel input { width: 100px !important; height: 30px !important; text-align: center; font-size: 15px !important; } .merklisteRightPanel h2 { margin-top: 6px; margin-bottom: 10px; } .merklisteRightPanel h2 p { font-size: 30px; font-weight: 600; text-align: left; margin-top: 0; margin-bottom: 15px; color: #000; } .merklisteRightPanel h2 p, .panel .panelTitle p {line-height: 20px; padding: 5px 0 5px 0;} .merklisteRightPanel h2 p br, .panel .panelTitle p br { display: none; } .merklisteRightPanel p { text-align: left; } .merklistItemLinks { margin-top: 25px; text-align: left; margin-bottom: 10px; } .merklistItemLinks a { color: #000; text-decoration: none; display: inline-block; margin: 0 0px; font-size: 15px; padding: 11px 25px; background: #262626; color: white; border-radius: 25px; } .kommentarBox { width: 100%; padding: 30px 30px 56px; position: relative; display: none; } .kommentarBox textarea { width: 100%; border: 2px solid #fff; min-height: 150px; font-size: 12px; padding: 10px; color: #fff; background: #B1B1B1; } .kommentarBoxClose { position: absolute; bottom: 15px; right: 0px; padding-right: 30px; font-size: 16px; font-weight: 300; background: url(../img/x_weiss.png) no-repeat bottom right; cursor: pointer; } @media (max-width: 767px) { .merklisteLeftPanel { float: none; margin: 0 auto; } .merklisteRightPanel { float: none; margin: 0 auto; width: calc(100% - 16px); max-width: 424px; } } .infoNav { position: absolute; top: 5px; left: calc(50% - 30px); } .infoNav span { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background: url(../img/nav-inactive.png) no-repeat center center; cursor: pointer; } .infoNav span.active, .infoNav span:hover { background: url(../img/nav-active.png) no-repeat center center; } .programFullWidth .bigInfoPanelInner { background-image: none; } .programFullWidth .bigInfoPanelInner .infoPanelCategory { cursor: default; } .programFullWidth .bigInfoPanelInner .infoPanelCategory.active .infoIcon img.alternative, .programFullWidth .bigInfoPanelInner .infoPanelCategory:hover .infoIcon img.alternative { display: none; } .programFullWidth .bigInfoPanelInner .infoPanelCategory.active .infoIcon img, .programFullWidth .bigInfoPanelInner .infoPanelCategory:hover .infoIcon img { display: block; } .programFullWidth .bigInfoPanelInner .infoPanelCategory.active .infoTitle p { color: #fff; } .programFullWidth .bigInfoPanelInner .infoPanelRight p { text-align: left!important; } @media (min-width: 768px) { .programFullWidth .bigInfoPanelInner .infoPanelLeft { margin-top: 50px; } } .backButton { margin: 0 auto; max-width: 448px; background-color: #df1b13; border: 4px solid #df1b13; cursor: pointer; } .backButton a { color: #ffffff; font-size: 25px; text-align: center; border: 2px solid #fff; margin: 0; line-height: 43px; display: block; } #tabXml, #wetherXml, #webCams { margin: 100px auto 110px; max-width: 890px; box-sizing: border-box; padding: 0 10px; } #webCams { text-align: center;} #tabXml .buttonTab div { color: #FFFFFF; background-color: #CCCCCC; padding: 10px 15px 10px 20px; width: 123px; float: left; font-size: 15px; margin-right: 2px; text-align: center;} #tabXml .buttonTab.active div { color: #FFFFFF; background-color: #DE1719; padding: 10px 15px 10px 20px; width: 123px; float: left; font-size: 15px; margin-right: 2px; text-align: center;} #tabXml table tr:first-child td{ border: 0px; padding: 4px; text-align: center; } .widgetResponse { color: #FFFFFF; background-color: #666666; padding: 5px; line-height: 49px; font-size: 12px; margin-bottom: 5px; } .type-blue { background-color: #1a4c91; color: #1a4c91; } .type-red { background-color: #b50000; color: #b50000; } .type-black { background-color: #000000; color: #000000; } .merklisteNumber { margin-top: 25px; margin-left: -34px; /* line-height: 20px !important;*/ float: left; } @media (max-width: 1720px) { .merklisteNumber { margin-top: 14px; } } @media (max-width: 767px) { #webCams iframe #player { width: 100% !important;} } @media (max-width: 777px) { .merklisteNumber { margin-top: 9px; margin-left: -13px; } } .home-content .header-2:after, .product-details .name:after, .site-header:before, .sticky-header .logo:after, .selectric-product-list-filter .selectric .label:after, .product-list-item .read-more:after, .product-details .btn-to-cart:after, .product-back a:after, .home-content .header-1:before { display: none !important;} .filtersContainer { background-color: #FFF; padding: 40px 10%; } .filtersContainer .filtersTitle { display: inline-block; } .filtersContainer .filtersTitle h2 { background-color: #333; padding: 5px 25px; margin: 0; color: #FFF; border-radius: 50px; } .filtersContainer .filtersTitle h2 p { font-size: 23px; color: #FFF; word-wrap: normal; margin-bottom: 0; } .filtersTitle { margin-bottom: 0px; } .filtersContainer .filtersContent { padding-top: 10px; } .filtersContainer .filtersContent p { display: inline-block; background-color: #333; padding: 10px 35px; font-size: 20px; vertical-align: middle; margin: 5px; /* width: 16.667%; height: 80px; */ border-radius: 50px; } .filtersContainer .filtersContent p:hover, .filtersContainer .filtersContent p.filterActive { background-color: #593D27; } .filtersContainer p a { display: block; color: #fff; vertical-align: middle; /*word-break: break-all;*/ } .filtersContent { display: none; } .filtersContent.open { display: block; } @media (max-width: 767px) { .merklistItemLinks { margin-top: 11px; padding-bottom: 20px; } .merklistItemLinks a { line-height: 37px; } .product-details .btn-to-cart { height: 50px; line-height: 50px; } .product-details .img { padding: 0 0%; } .home-content .vSiteElemBoxInhalt, .home-content .vSiteElemBoxInhalt ul, .home-content .vSiteElemBoxInhalt p { font-size: 1.2rem; } .news-list>.vContentElemDD>.vSiteElemBox { width: 50% !important; } body:not(.vcmsUserLogedIn) .news-list>.vContentElemDD>.vSiteElemBox:nth-child(3n+1) { clear: none; } body:not(.vcmsUserLogedIn) .news-list>.vContentElemDD>.vSiteElemBox { padding-left: 2%; padding-right: 2%; margin: 0 0 80px; } } @media (max-width: 640px) { .news-list>.vContentElemDD>.vSiteElemBox { width: 100% !important; } } @media (max-width: 600px) { .filtersContainer .filtersContent p { padding: 10px 13px; font-size: 16px; } .filtersContainer .filtersTitle h2 p { font-size: 22px; } .merklisteRightPanel h2 p, .panel .panelTitle p { line-height: 35px; } } @media (max-width: 1279px) { .merklisteNumber { margin-top: 11px; margin-left: -17px; } .news-list-item .name p { font-size: 1rem; } .news-list-item .desc p { font-size: 1rem; } .news-list-item .category p { font-size: 1.2rem; } } .popupMerkliste .merklisteTop .total-price{ width: 66%; } .product-details .color p:before{ background:none; } .firstMerklisteItemLink, .secondMerklisteItemLink { display: none !important; } .merklisteRightPanel p { margin-bottom: 0px; } body:not(.vcmsUserLogedIn) input[type="text"], body:not(.vcmsUserLogedIn) input[type="email"], body:not(.vcmsUserLogedIn) input[type="tel"], body:not(.vcmsUserLogedIn) input[type="password"], body:not(.vcmsUserLogedIn) textarea, body:not(.vcmsUserLogedIn) select, body:not(.vcmsUserLogedIn) .selectricWrapper ul li { border: 1px solid #58585A; height: 60px; padding: 5px 10px 5px; width: 100%; font-size: 1.25rem; font-weight: 400; color: #58585A; background: transparent; outline: none; } .product-list-item .name p { font-size: 18px; font-weight: 600; color: #333; font-family: palatino; } .product-list-item .read-more { font-size: 1.0625rem; font-weight: 400; color: #FFF; background: #232323; padding: 0 10px 0 10px; height: 50px; line-height: 30px; top: 10px; left: 0; border-radius: 25px; line-height: 48px; width: 70%; margin: auto; position: relative; display: block; font-family: lato; } .product-list-item .color p::before { display: none; } .product-list-item .color p, .product-list-item .price p{ font-size: 16px; line-height: 0.5; color: #52525A; font-family: lato; } .product-list-item .name { margin: 90px 0 5px; } .product-list { padding: 5% 10%; } .product-details .img::before{ display: none; } .product-details .name p { text-align: left; } .product-details .color p { text-align: left; } .product-details .price p { text-align: left; } .product-details .color p::before { display: none; } .product-details .img{ width: 100%; margin: auto; } .box_pic { width: 30%; display: inline; margin: 0px 10px; opacity: 1; } .box_content{ width: 75%; margin: auto; } .box_heading p{ text-align: center; font-size: 30px; font-weight: 600; color: #000; font-family: sifonn; text-transform: uppercase; margin-top: 20px; margin-bottom: 6px; } .box_count{ width: 30%; margin-top: 150px; margin-left: calc((40% - 76%) / 3); display: none; position: absolute; color: #FFF; } .product-details .name p { font-size: 30px; font-weight: 600; color: #000; margin: 60px 0 0px; line-height: 1.2; font-family: sifonn; text-transform: uppercase; } .product-details .row .col-md-6 img { width: 100%; } .product-details .color p { font-size: 17px; font-weight: 400; color: #333; font-family: lato; } .product-details .price p { font-size: 17px; font-weight: 400; color: #333; margin: 15px 0 65px; font-family: lato; } .product-details .btn-to-cart { position: relative; display: block; height: 48px; line-height: 47px; width: 20%; cursor: pointer; background: #333; font-size: 17px; font-weight: 400; color: #FFF; border-radius: 25px; margin: auto; margin-top: 100px; font-family: lato; } .product-details .btn-to-cart::before{ display: none; } .product-details .img img{ min-width: 80%; } .product-details { margin: 100px auto 0; } .btn_prev a{ height: 30px; padding: 7px 30px; background-color: #333; border-radius: 25px; color: #FFF; margin-bottom: 50px; text-align: left; font-family: lato; } .btn_prev { margin-bottom: 80px; float: left; } .sticky-header .logo { position: relative; top: 1px; left: 0px; text-indent: -9999px; display: block; width: 228px; height: 42px; background: url(../img/logo.jpg) no-repeat; } .sticky-header { background-color: #333; height: 50px; } .hamburger{ display: none; } body { background: #FFF; } .carousel-items .owl-item { opacity: 0.5; } .carousel-items .owl-item.active + .owl-item { opacity: 1; } .carousel-items { margin-bottom: 180px; } .owl-prev { display: inline; float: left; background-image: url(../img/carousel_btn.png); text-indent: 100%; width: 58px; height: 52px; margin-left: 25%; } .owl-next { display: inline; float: right; background: url(../img/carousel_btn.png); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); text-indent: 100%; width: 58px; height: 52px; margin-right: 25%; } .owl-controls { margin-top: -170px; } .summer.container{ margin-top: 60px; } .mehr_link, .mehr_link:hover{ background-color: #333; color: #FFF; padding: 13px 30px; border-radius: 25px; } .summer.container p{ color: #333; } .summer.container h4 p{ font-size: 30px; font-weight: 600; color: #000; font-family: sifonn; text-transform: uppercase; } .summer.container p strong { font-family: palatino; } .summer.container p { font-family: lato; } .summer_link{ margin-top: 60px; } .carousel-items .owl-item h2, .carousel-items .owl-item h4 { display: block; } .carousel-items .owl-item h2 p { font-family: palatino; text-transform: uppercase; font-weight: 600; font-size: 18px; color: #333; } .carousel-items .owl-item h4 p { font-family: lato; color: #333; } .carousel-items .owl-item.active + .owl-item h2, .carousel-items .owl-item.active + .owl-item h4 { display: block; } .carousel-items .owl-item h2 p, .carousel-items .owl-item h4 p { text-align: center; } .home-content .header-1 p, .home-content .header-1 ul, .home-content .header-1 ol { color: #333; } .home-content .header-2 p, .home-content .header-2 ul, .home-content .header-2 ol { color: #333; } .site-footer .content p, .site-footer .content ul, .site-footer .content ol { color: #333; } .site-footer .content p a { color: #333; } .main-menu { margin-top: -55px; } .carousel-items { padding-bottom: 0px; padding-top: 60px; } .owl-dot { width: 10px; height: 10px; border-radius: 10px; display: inline-block; border: 1px solid #424242; margin-left: 5px; } .owl-dot.active { background-color: #424242; } .owl-dots { padding-top: 190px; text-align: center; } .home-content .vSiteElemBoxInhalt ul { color: #333; font-family: palatino; font-size: 19px; } .home-content .vSiteElemBoxInhalt p { font-size: 17px; font-family: lato; } .merklisteRightPanel p { font-family: lato; } @media (max-width: 1500px) { /* .owl-next { margin-right: 35%; } .owl-prev { margin-left: 35%; }*/ } .vcmsUserLogedIn .sticky-wrapper { margin-top: 50px; } .vcmsUserLogedIn .site-header { margin-top: 100px; } .popupMerkliste .basketText { margin-top: 60px;} #form5 .selectric { border: 1px solid #58585A; height: 60px; width: 100%; font-size: 1.25rem; font-weight: 400; color: #58585A; background: transparent; outline: none; } #form5 .selectric p { color: #58585A; } .siteMapStyle0 li {text-align: left;} .siteMapStyle0 li ul li{margin-left: 20px;} .main-menu .v_siteUnterMenu li {text-align: left;} .main-menu .v_siteUnterMenu { width: 140px; } .v_siteMenu .menuPoint { border-bottom: 1px solid transparent; } .home-content .header-1 p, .home-content .header-1 ul, .home-content .header-1 ol { font-size: 28px; } .home-content .header-2 p, .home-content .header-2 ul, .home-content .header-2 ol { font-size: 24px; } .v_siteMenu .menuPoint.active { border-bottom: 1px solid red; } .v_siteMenu .v_siteUnterMenu .menuPoint.active, .v_siteMenu .v_siteUnterMenu .menuPoint:hover { border-bottom: 1px solid transparent; background: #585858; } .main-menu .v_siteUnterMenu a { line-height: 25px !important; padding: 0 5px !important; font-size: 13px !important; margin-top: 8px; } @media (max-width: 600px) { .home-content .header-1 p, .home-content .header-1 ul, .home-content .header-1 ol { font-size: 20px; } .home-content .header-2 p, .home-content .header-2 ul, .home-content .header-2 ol { font-size: 17px; } } .home-content .vSiteElemBoxInhalt ul { color: #333; font-family: inherit; font-size: 15px; } body:not(.vcmsUserLogedIn) .selectricWrapper ul li { border: 1px solid #333; height: 35px; padding: 5px 10px 5px; width: 100%; font-size: 17px; font-weight: 100; color: #333; background: transparent; outline: none; font-family: inherit; } .label { font-weight: 400 !important; font-family: Arial !important; font-size: 19px !important; } body:not(.vcmsUserLogedIn) .selectricWrapper ul li:last-child { border-top: none; } .ui-widget-header { border: 1px solid #333; background: #333 url(img/form_calendar_333.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #333; background: #3333; color: #333; } .ui-state-hover, .ui-widget-content .ui-state-hover { border: 1px solid #333; background: #717171; font-weight: bold; color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #333 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #717171; } .selectricWrapper .selectric .label { line-height: 40px; } .selectric { height: auto ! important; border-radius: 5px; } .selectricWrapper .selectricItems { top: 43px; } .selectricWrapper .selectric .button { text-indent: 0px; position: absolute; top: 0; right: 0; width: 37px; height: 40px; background: transparent; font-size: 34px; line-height: 42px; } .owl-prev { text-indent: -9999px !important; } .owl-next { text-indent: -9999px !important; } #logos { padding-top: 20px !important; } @media (min-width: 992px) and (max-width: 1199px) { .container #logos { width: 750px; } } @media (min-width: 450px) and (max-width: 599px) { .owl-carousel .owl-item img { max-width: 70%; margin: auto; } #logos { margin-bottom: 45px !important; } } @media (max-width: 449px) { #logos { margin-bottom: 65px !important; } .owl-carousel .owl-item img { max-width: none; margin: auto; } } @media (max-width: 360px) { #logos { margin-bottom: 25px !important; } } @media (max-width: 790px) { .carousel-items .owl-item.active { opacity: 1; } .carousel-items .owl-item.active + .owl-item { opacity: 0.5 !important; } } .youtube_icon { width: 15px; } #vfrmField7, #vfrmField9 { line-height: 20px; font-size: 21px !important; height: auto; } @media (min-width: 1200px) and (max-width: 1727px){ /* .contact_columns { width: 665px; margin: auto; margin-left: calc(50% - 540.5px); }*/ } .vCmsKontaktformLiveHolder.some_text { margin: auto !important; max-width: 890px; box-sizing: border-box; padding: 0 10px; } .container.basketText { max-width: 100%; } .box_content .box_pic img { width: 30%; } @media (max-width: 1200px) { .box_content .box_pic img { width: 100%; } .box_pic { width: 30%; display: inline; margin: 0px 0px !important; opacity: 1; } } .logos_full { background-color: #FFF; height: auto; padding-bottom: 10px; } .contacts .container { width: 100%; } .contacts .container .row.row-centered { width: 80%; } @media (max-width: 1279px) { .main-menu .v_siteUnterMenu { width: 100% !important; } .main-menu .v_siteUnterMenu li { text-align: center !important; } } .box_pic { display: inline-block !important; } .box_pic a { width: 100%; display: inline-block; background: black url(../img/loop.png) 50% 50% no-repeat; } .box_pic a.noHover { background: none; } .box_content .box_pic a.noHover img:hover { width: 100%; opacity: 1; } .box_content .box_pic img { width: 99.9999%; opacity: 1; transition: opacity ease 0.5s; } .box_content .box_pic img:hover { width: 99.9999%; opacity: 0.5; } .box_content .box_pic:hover .box_count { display: inline-block; } .is-sticky .sticky-header { overflow: visible; } h3 { font-size: 22px; color: #333; font-family: sifonn; } h1, h2, h4, h5, h6 { color: #333; font-family: sifonn; } p, span { color: #333; } body:not(.vcmsUserLogedIn) #form8 select { height: 40px; } @media (min-width: 992px) { #form8 .vCmsKontaktformLiveContainerCount1 { width: 50%; margin: auto; position: relative; padding-right: 15px; float: left; } #form8 .vCmsKontaktformLiveContainerCount2 { width: 50%; margin: auto; position: relative; padding-left: 15px; float: left; margin-bottom: 50px; } #form8 h3 { font-size: 18px; text-align: left; } #form8 #Widmung { height: 82px !important; min-height: 1px; } } @media (max-width: 991px) { #form8 .vCmsKontaktformLiveContainerCount2 h3, #form8 .vCmsKontaktformLiveContainerCount3 h3 { margin-top: 30px; } .main-menu ul a { line-height: 30px !important; /*text-align: left;*/ font-size: 19px; } /* 2016/12/19 Marcin*/ .summer.container h4 p { font-size: 18px !important; } .main-menu .v_siteUnterMenu a { /*margin-left: 20px;*/ } } .main-menu > ul > li { margin-left:-5px; margin-right:-5px; left: 0px !important; position: relative; } @media (max-width: 991px) { .main-menu > ul > li { /* margin-left:20px; margin-right:20px;*/ margin-left:0px; margin-right:0px; } .main-menu ul a { font-size: 16px; color: #FFF; text-transform: none; font-weight: 100; line-height: 50px; margin-top: 13px; } .main-menu .v_siteUnterMenu li { text-align: center; } } .summer_link a:focus { color: #fff; } #form4 .vCmsKontaktformLiveContainerCount3 .vCmsKontaktformLiveFrmsAbstand { /* display: block;*/ } #form4 .vCmsKontaktformLiveContainerCount3 label { width: calc(100% - 19px); } .topSearch { position: absolute; top: 20px; width: auto; float: right; right: calc((100% / 2) - 600px); margin-top: -20px; } #searchInput { display: inline-block; width: 170px; background-color: #333; border-radius: 5px; height: 30px; color: #FFF; font-size: 16px; z-index: 12; position: relative; } @media (max-width: 1727px) { .topSearch { position: absolute; top: 20px; width: auto; float: right; right: calc((100% / 2) - 600px); margin-top: 0px; } } @media (max-width: 1279px) { .topSearch { position: absolute; top: 20px; width: auto; float: right; right: calc((100% / 2) - 350px); margin-top: -53px; } } @media (max-width: 1199px) { .topSearch { position: absolute; top: 20px; width: auto; float: right; right: calc((100% / 2) - 180px); margin-top: -53px; } } @media (max-width: 991px) { .topSearch { position: absolute; top: 20px; width: auto; float: right; right: calc(100% - 320px); margin-top: -21px; } } @media (max-width: 767px) { .topSearch { position: absolute !important; top: 65px; width: auto; float: right; right: calc(100% - 320px); margin-top: -21px; } } /*Blog css*/ .List.blogList { text-align: left; } .listElement.ListAppartment{ width: 39.5%; margin: 1% 5%; display: inline-block; margin-bottom: 3%; cursor: pointer; } .listElement.ListAppartment .bild { width: 100%; height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; } .listElement.ListAppartment .wrapper .text .btnMehr .blogMore { position: relative; display: block; height: 31px; line-height: 30px; width: 126px; cursor: pointer; background: #333; font-size: 16px; font-weight: 400; color: #FFF; border-radius: 25px; margin: auto; margin-top: 0px; font-family: lato; padding-left: 16px; margin-left: calc(100% - 126px); } .listElement.ListAppartment .wrapper .text .btnMehr .blogMore span { color: #FFF; } .listElement.ListAppartment .wrapper .text .title { font-family: sifonn; font-size: 20px; margin-top: 20px; color: #333; } .listElement.ListAppartment .wrapper .text .beschreibung { color: #333; min-height: 72px; } .blogDetail .header-1 p { font-size: 28px; color: #333; } .blogDetail .header-2 p { color: #333; font-size: 24px; } .List.blogList .MonthsFilters .filterControls { display: block !important; } .MonthsFilters{ margin-bottom:60px; padding-top: 40px; } .MonthsFilters .filterControls { display: block !important; text-align: center; } .MonthsFilters .form-group { text-align: center; width: auto; display: inline-block; margin: 0px 10px; } .MonthsFilters input { display: none; } .MonthsFilters .filtrCheckbox { cursor: pointer; } .MonthsFilters .filterControls .form-group.active label { background-color: #333; padding: 5px 15px; color: #FFF; } .MonthsFilters .filterControls .form-group label { background-color: #FFF; padding: 5px 15px; color: #333; border: 1px solid #333; border-radius: 25px; } @media (max-width: 800px) { .listElement.ListAppartment { width: 80%; margin: 1% 10%; display: block !important; margin-bottom: 5%; } } .main-menu .vimeo_icon { width: 19px; margin-left: 5px; } @media (max-width: 991px) { .main-menu .vimeo_icon { width: 23px; left: 121px; } } .social-icons a.vimeo { width: 30px; height: 30px; background: url(../img/6.png) no-repeat; background-size: auto auto; background-size: cover; } @media (max-width: 991px) { .slick-slide { height: auto !important; } } @media (max-width: 991px) and (-webkit-min-device-pixel-ratio:0) { .site-header { margin-top: 0px !important; } #sticky-wrapper { top: -0px; } } @media (min-width: 768px) { body:not(.vcmsUserLogedIn) .img-site-header { margin-top: 50px; } } .img-site-header .vFrontDroppableEmpty { background-color: #f2caca; } .img-site-header .img-header img { width: 100%; } @media (max-width: 599px) and (min-width: 450px) { .img-site-header .owl-carousel .owl-item img { max-width: 100%; margin: auto; } } @media (min-width: 768px) { .img-site-header .text-position { position: absolute; z-index: 1; } .img-site-header .text-position { bottom: auto; width: 50%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .img-site-header .text-position.right-float { text-align: right; margin-left: 40%; margin-right: 10%; } .img-site-header .text-position.left-float { text-align: left; margin-left: 10%; margin-right: 40%; } } /*.img-site-header .content p::before, .img-site-header .content ul::before, .img-site-header .content ol::before { content: ' '; display: inline-block; width: 100%; height: 40px; background: url(../img/logo_small.png) 50% no-repeat; position: absolute; bottom: 100%; left: 0px; } .img-site-header .content p::after, .img-site-header .content ul::after, .img-site-header .content ol::after { content: ' '; display: inline-block; width: 35px; height: 79px; background: url(../img/button_down.png) 47% no-repeat; position: absolute; top: 100%; right: calc(50% - 25px); background-size: contain; margin-left: calc(50% - 25px); cursor: pointer; pointer-events: all; top: 90%; right: auto; left: 0; }*/ .img-site-header .img-header { position: relative; } .img-site-header p { color: #fff; font-size: 17px; font-family: lato; font-weight: 400; } .img-site-header h1, .img-site-header h1 p, .img-site-header h2, .img-site-header h2 p, .img-site-header h3, .img-site-header h3 p, .img-site-header h4, .img-site-header h4 p, .img-site-header h5, .img-site-header h5 p, .img-site-header h6, .img-site-header h6 p { font-family: sifonn; font-weight: 100; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin-bottom: 18px; } .img-site-header h1, .img-site-header h1 p { font-size: 50px; } .img-site-header h2, .img-site-header h2 p { font-size: 40px; } .img-site-header h3, .img-site-header h3 p { font-size: 30px; } .img-site-header h4, .img-site-header h4 p { font-size: 25px; } .img-site-header h5, .img-site-header h5 p { font-size: 22px; } .img-site-header h6, .img-site-header h6 p { font-size: 20px; } .img-site-header .owl-controls { margin-top: 10px; margin-bottom: 10px; text-align: center; } .img-site-header .owl-controls .owl-dots { padding-top: 0px; } .img-site-header .mehr_link { background: #fff; color:#333; display: inline-block; } .img-site-header .img-header .mehr_link:hover { background: #fff; color:#333; } /*VIDEO HEADER*/ .img-site-header .video-header { padding-bottom: 0; height: calc(100vh - 121px); width: 100%; background-size: cover; position: relative; background-position: center; } .videobg { position: relative; width: 100%; height: 100%; overflow: hidden; background: #333; z-index:0; } .videobg-width { position: absolute; width: 100%; height: 100%; left: -9999px; right: -9999px; margin: auto; } .videobg-aspect { position: absolute; width: 100%; height: 0; top: -9999px; bottom: -9999px; margin: auto; padding-bottom: 56.25%; overflow: hidden; } .videobg-make-height { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .videobg-hide-controls { box-sizing: content-box; position: relative; height: 100%; width: 100%; /* padding: 55px 97.7777px; top: -55px; left: -97.7777px;*/ } .slider-lazy { -webkit-transition: opacity 600ms ease-in-out; -moz-transition: opacity 600ms ease-in-out; -o-transition: opacity 600ms ease-in-out; transition: opacity 600ms ease-in-out; max-width: 100%; opacity: 0; } .slider-lazy.slider-loaded { opacity: 1; transition: opacity 600ms ease-in-out; } .videobg iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0 none; min-width: 100%; min-height: 100%; overflow: hidden; } @media (min-width: 768px) { .videobg iframe { z-index:-1; } } @media (max-width: 767px) { .videobg iframe { display: none; } } #fullscreenVideo .header_scroll { position: absolute; bottom: 50px; left: calc(50% - 29px); text-align: center; color: #fff; font-size: 27px; } @media (min-width: 768px) { .playbutton { display: none; } } .playbutton { text-align: center; } .pulsar_logo { position: absolute; top: 30%; left: calc(50% - 109px); text-align: center; min-width: 230px; } .blinking { top:0px; position: absolute; right:0px; opacity:1; } .owl-carousel .owl-item img.blinking { width: auto; } .owl-carousel .owl-item .playbutton img { width: auto; } .pulsar_logo p { color: #fff; top: 40px; position: relative; } @media (max-width: 767px) { .pulsar_logo { display: none; } } @media (max-width: 767px) { .img-site-header .mehr_link { background: #333; color: #fff; margin-top:12px; padding: 5px 10px; min-width: 150px; font-size: 12px; } .img-site-header .img-header .mehr_link:hover { background: #333; color: #fff; padding: 5px 10px; } .img-site-header .text-position { text-align: center; padding-top: 25px; padding-left: 15px; padding-right: 15px; } .img-site-header h1, .img-site-header h1 p, .img-site-header h2, .img-site-header h2 p, .img-site-header h3, .img-site-header h3 p, .img-site-header h4, .img-site-header h4 p, .img-site-header h5, .img-site-header h5 p, .img-site-header h6, .img-site-header h6 p { color: #333; margin-bottom: 12px; } .img-site-header h1, .img-site-header h1 p { font-size: 20px; } .img-site-header h2, .img-site-header h2 p { font-size: 18px; } .img-site-header h3, .img-site-header h3 p { font-size: 17px; } .img-site-header h4, .img-site-header h4 p { font-size: 16px; } .img-site-header h5, .img-site-header h5 p { font-size: 15px; } .img-site-header h6, .img-site-header h6 p { font-size: 14px; } .img-site-header p { color: #333; font-size: 13px; line-height: 1; margin-top: 0; margin-bottom: 0; } .img-site-header .video-header .text-position { position: absolute; width: 100%; bottom: 40%; } .img-site-header .video-header h1, .img-site-header .video-header h1 p, .img-site-header .video-header h2, .img-site-header .video-header h2 p, .img-site-header .video-header h3, .img-site-header .video-header h3 p, .img-site-header .video-header h4, .img-site-header .video-header h4 p, .img-site-header .video-header h5, .img-site-header .video-header h5 p, .img-site-header .video-header h6, .img-site-header .video-header h6 p { color: #fff; } .img-site-header .video-header .mehr_link { background: #fff; color: #333; margin-top:12px; padding: 5px 10px; min-width: 150px; font-size: 12px; } .img-site-header .video-header .img-header .mehr_link:hover { background: #fff; color: #333; padding: 5px 10px; } .img-site-header .video-header p { color: #fff; } } .img-site-header .video-header .mehr_link:hover { background: #fff; color: #333; } /*THRE BOXES*/ .threeBoxesContainer .one-box { text-align: center; position: relative; height: 264px; background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-position: center center; background-repeat: no-repeat; } .threeBoxesContainer .one-box .text-position { display: inline-block; width: 100%; height:264px; position: relative; } .threeBoxesContainer .one-box .text-position { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; height:264px; padding:0 15px; } .threeBoxesContainer .one-box .text-position .vFrontOwnElemTextHolder { width: 100%; } .threeBoxesContainer .one-box .text-position h1, .threeBoxesContainer .one-box .text-position h1 p, .threeBoxesContainer .one-box .text-position h2, .threeBoxesContainer .one-box .text-position h2 p, .threeBoxesContainer .one-box .text-position h3, .threeBoxesContainer .one-box .text-position h3 p, .threeBoxesContainer .one-box .text-position h4, .threeBoxesContainer .one-box .text-position h4 p, .threeBoxesContainer .one-box .text-position h5, .threeBoxesContainer .one-box .text-position h5 p, .threeBoxesContainer .one-box .text-position h6, .threeBoxesContainer .one-box .text-position h6 p { color: #fff; } .threeBoxesContainer .one-box .text-position h1, .threeBoxesContainer .one-box .text-position h1 p { font-size: 24px; } .threeBoxesContainer .one-box .text-position h2, .threeBoxesContainer .one-box .text-position h2 p { font-size: 22px; } .threeBoxesContainer .one-box .text-position h3, .threeBoxesContainer .one-box .text-position h3 p { font-size: 21px; } .threeBoxesContainer .one-box .text-position h4, .threeBoxesContainer .one-box .text-position h4 p { font-size: 20px; } .threeBoxesContainer .one-box .text-position h5, .threeBoxesContainer .one-box .text-position h5 p { font-size: 19px; } .threeBoxesContainer .one-box .text-position h6, .threeBoxesContainer .one-box .text-position h6 p { font-size: 18px; } .threeBoxesContainer .one-box .text-position p { font-size: 16px; color: #fff; } .threeBoxesContainer .one-box .bgOpacity { height: 264px; width: 100%; background: #000; opacity: 0.6; position: absolute; } @media (max-width: 991px) { .threeBoxesContainer .col-md-4 { margin-bottom: 30px; } } .threeBoxesContainer img { width: 100%; } @media (min-width: 1201px) { .threeBoxesContainer .one-box { height: 313.18px; } } @media (max-width: 1200px) { .threeBoxesContainer .one-box { height: 236px; } } @media (max-width: 991px) { .threeBoxesContainer .col-md-4 { width: 40vw; margin: 0 auto 30px; } } @media (max-width: 600px) { .threeBoxesContainer .col-md-4 { width: 100%; margin: 0 auto 30px; } } .selectColour select { position: relative; display: block; height: 48px !important; line-height: 47px; cursor: pointer; background: #333 !important; font-size: 17px !important; font-weight: 400 !important; color: #FFF !important; border-radius: 25px; margin: auto; margin-top: 100px; font-family: lato; } @media (max-width: 767px) { .selectColour { margin-top: 0px !important; } .selectColour select { min-width:200px; margin-top: -40px; float: none !important; } } .languageSelector { font-size: 17px; display: inline-block; margin-top: 24px; margin-left:20px; min-width: 75px; float: left; } .languageSelector a { color: #2d2c2b; font-size: 14px; text-transform: uppercase; color: #fff; display: block; margin-top: 3px; text-align: center; } .languageButton { cursor: pointer; } .languageList { display: none; position: relative; margin-top: 14px; background-color: #333333;; /*box-shadow: 4px 4px 3px 0px rgba(1, 1, 1, 0.6);*/ z-index: 2; line-height: 1.667; /*width: 75px;*/ float: none; } .languageList ul { list-style: none; text-align: left; margin: 0; padding: 0 0px; left:0px; float: none; height: auto; } .languageList ul li { margin: 12px 0; position: relative; float: none; } .languageList ul li a { line-height: normal; margin-top: 0px; padding: 0 25px; } .languageList.active { border-top: 1px solid red; } @media (max-width: 767px) { .languageSelector { margin-right: 65px; position: absolute; top: 0px; right: 0px; margin-top: 14px; } .languageList { position: absolute; z-index: 30; } } @media (max-width: 500px) { .languageButton { font-size: 11px; margin-top: 7px; } .main-menu ul a { font-size: 11px; } .languageSelector { min-width: 75px; } .languageList ul li { margin: 5px 0; } } @media (max-width: 360px) { .languageList { margin-top: 9px; } }