/* Theme Name: Claytect Lehmbaustoffe GmbH Theme URI: http://www.claytec.at/ Author: SIGN+DESIGN Werbeagentur Author URI: https://www.signunddesign.com/ Description: Wozu lange um den „heißen Brei“ reden: Unser Ziel ist Ihr Erfolg! Denn nur erfolgreiche Kunden sind auf Dauer glückliche Kunden. Und um Sie glücklich zu machen, richten wir unsere Energie auf Ihren stimmigen Auftritt und die Entwicklung zielführender Kommunikationsmaßnahmen. Werbung darf bei uns Spaß machen und ist trotzdem niemals Selbstzweck. Was zählt ist Ihr Erfolg! Die Früchte unserer Bemühungen: treue, langjährige Kunden und zahlreiche Weiterempfehlungen – mit ein Grund dafür, dass viele unserer Kunden aus dem Bereich Immobilien stammen. Und hier liegt auch seit über 20 Jahren ein Schwerpunkt unserer Arbeit. Version: 2.1 */@charset "UTF-8"; /*Global Reset*/ body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;} body,html{/*overflow-x:hidden;*/width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} a{outline:none !important;text-decoration:none;} ol,ul,li{list-style:none;} p {cursor:text;} img{-ms-interpolation-mode:bicubic; vertical-align: bottom;} /* Globals */ .cf {zoom:1;} .cf:before, .cf:after {content:""; display:table;} .cf:after {clear:both;} body{background:#fff;font-family:'Aago',sans-serif;font-weight:300;font-size:16px;line-height:1.5em;color:#555; padding-top: 260px;background-image: url(assets/kellenwischer.png);background-repeat: no-repeat;background-position-y: 110px;background-position-x: 50px;} input, textarea{} hr{border:none;height:1px;background:#ddd; margin:0 0 50px 0;} a{color:#C81932;} a:hover{text-decoration:underline;} ul, ol, p {margin-bottom: 1.5em; } h1{font-size:30px;margin:0 0 1em 0;font-weight: 300; line-height: 30px;} h2{font-size:26px;margin:0 0 1em 0;font-weight: 300;} h3{font-size:16px;margin:1em 0 0.5em 0;font-weight: 300;} .wrp {max-width:1360px;margin:auto;position:relative;box-sizing:border-box;} .wrp.boxed {padding:40px 50px 30px 40px; box-sizing: border-box;} @media (max-width: 1313px){ .wrp {width:100%;padding: 0 20px;} } @media (max-width: 1381px){ .dgwt-wcas-search-wrapp {min-width: auto !important;} } .ipadding {padding: 0 100px; box-sizing: border-box;} .item-modal {display: none;} .item-modal {display:block;} .item-modal { background: #fff; position: fixed; z-index: 109; height:auto; max-height: 75vh; width: 700px; top:50%; left:50%; transform: translate(-50%, -50%); box-sizing: border-box;padding: 40px; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);} .item-modal .headline {font-size: 25px; color: #631a32;} .item-modal .btn {background: #4c4c4c; color: #fff; padding: 10px 15px; margin-top: 20px; display: inline-block; transition: all .5s;} .item-modal .btn:hover {background: #631a32;} .item-modal hr {margin: 20px 0;} .item-modal .btn-modal-close { display: none; } .item-modal .btn-modal-close { display: block; position: absolute; top:-25px; right: -15px; padding: 10px 15px; width: auto; height: 30px; line-height: 30px; border-radius: 2px; background: #4c4c4c; color: #fff; text-align: center; cursor: pointer; transition: background .3s ease-in-out;} .item-modal .btn-modal-close:hover { background: #631a32;} .item-modal.hide {display: none;} @media (max-width: 800px) { .item-modal {width: 400px;} } @media (max-width: 500px) { .item-modal {width: 80%; padding: 30px;} .item-modal p {font-size: 15px; line-height: 1.5em;} .item-modal .headline {font-size: 20px; margin-bottom: 20px;} .item-modal hr {display: none;} .item-modal .btn {margin-top: 0; padding: 5px 10px;} .item-modal .btn-modal-close {top: -40px; right: 0; padding: 5px 10px;} } /* ############# Navigation Kategorien ############## */ .navigation {height: 45px;background: #f4f3f1; } .catimg{float: left; width: 20px; height: 20px; vertical-align: bottom; margin-right: 5px;} .catimg img {width: 100%;} .catlink {float: left; margin-top: 5px;margin-left: 1px;margin-bottom: 20px;} .catlink a{color: #fff;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;font-size: 16px;margin-right: 40px; font-weight: inherit;} .catlink a:hover{color:#9a1b22;text-decoration:none;} .logodiv {height: 130px; margin-top: 10px; transition: all .3s ease-in-out;} .logodiv #logo {position: relative; z-index: 2;} .kundenlinks {position: relative; z-index: 1;} .kundenlinks #cart {position: relative; z-index: 3;} .kundenlinks .acc {position: relative; z-index: 4;} #search {/*position: relative; z-index: 1;left: 3%; float: left;*/ margin-left: 300px;} .austria {left: 290px;width: 216px;position: absolute; transition: all .3s ease-in-out;} .austria img {width: 100%;transition: all .3s ease-in-out;} /* ########## Mainnav ########## */ #mainnav{position:fixed;z-index:10;top:0;left:0;background:#fff;width:100%;height:219px;box-shadow:0 0 20px rgba(0,0,0,0.25); transition: all .3s ease-in-out;} #mainnav a.logo{float:left;display:block;padding:20px 0 0 0;width:260px;transition: all .3s ease-in-out;} #mainnav a.logo img{width:100%;height:auto;} #mainnav .topbar{height:40px;background:#f2920d;-webkit-transition:margin-top .3s ease-in-out;transition:margin-top .3s ease-in-out;} #mainnav .topbar{height:29px;background: #f4f3f1; border-top: 2px solid #C81932; padding-top: 4px;} #mainnav .topbar ul {float: right;} #mainnav .topbar li {float: left; margin-left: 30px; font-size: 13px; list-style: none;} #mainnav .topbar li:first-child {} #mainnav .topbar li:first-child a {background: #C81932; color: #fff; border-radius: 15px; padding: 3px 10px ; } #mainnav .topbar li:last-child:after {content:""; color: #fff; padding-left: 0;} #mainnav .topbar a {color: #808080;} #mainnav .topbar a:hover {color: #cccccc;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out; text-decoration: none;} #mainnav .topbar .topleft {float: left; font-size: 13px; } @media (max-width: 1024px){ #mainnav .topbar ul {margin-right: 20px;} } @media (max-width: 768px){ .logodiv {height: 90px;} #mainnav {height: auto;} .navigation {height: 0px;} } @media (max-width: 670px) { #mainnav .topbar ul {display: none;} } @media (max-width: 400px) { #mainnav .topbar .topleft{/*display: none;*/ font-size: 10px;} } #cart{float:right;-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out;margin: 0 0 0 30px;} html.scrolled-80 #cart{padding:11px 0;} #cart a{position:relative;display:block;} #cart a .cart{display:block;font-size:13px;line-height:14px;width: 135px;padding: 0px 10px 8px 15px;background:#fff;color:#808080;border-radius: 0 0 5px 5px; border-top: 0;border-left: 0;border-right: 0;border-bottom: 2px solid #d3d0c9;float:left;-webkit-transition:background .2s ease-in-out, border-right-color .2s ease-in-out;transition:background .2s ease-in-out, border-right-color .2s ease-in-out;} #cart a .cart:after{content: "";float: right;width: 24px;height: 24px;background: url(assets/icon_basket.svg); position: absolute; top: 2px;left: 120px;} #cart a:hover .cart{} #cart a .icon{display:block;width:35px;height:40px;float:right;background:url(assets/icon-cart.png) #fff no-repeat 35% center;} #cart a .count{position:absolute;top:-4px;right:-4px;width:25px;height:15px;border-radius:50%;background:#C81932;color:#fff;text-align:center;line-height:16px;font-size:12px;font-weight:bold;} #search{-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out;} .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {left: auto !important;right: 10px !important;} .dgwt-wcas-search-wrapp {width: 300px !important;} html.scrolled-80 #search{padding:11px 0;} #search div.asl_w{background:none !important;box-shadow:none;} #search div.asl_m .probox .promagnifier{border-radius:0 30px 30px 0;} #search #ajaxsearchlite1 .probox .proinput input{font-size:15px;height:30px;} #search #ajaxsearchlite1 .probox .proinput input[type=text]{opacity:0;} #search div.asl_w .probox .proclose{height:30px;} #search #ajaxsearchlite1 .probox, div.asl_w .probox{height:30px;} #search div.asl_w .probox .promagnifier{height:30px;width:50px;} #search #ajaxsearchlite1 .probox, div.asl_w .probox{background-image:none !important;background:#f0f0f0 !important;border-radius:30px;} #search div.asl_w .probox .promagnifier{background-image:none !important;background:#c0d3d0 !important;} div.asl_r .results .item .asl_content h3 a{font-family:'Lato',sans-serif !important;font-weight:400 !important;line-height:1.1em !important;font-size:18px !important;color:#9a1b22 !important;padding-top:0.3em !important;display:block;} div.asl_r .results .item .asl_content .asl_desc{font-family:'Lato',sans-serif !important;font-weight:400 !important;line-height:1.1em !important;font-size:15px !important;color:#4c4c4b !important;padding-top:0.3em !important;display:block;} div.asl_r.vertical{background:#2d7960 !important;} #mainnav .kundenlinks {margin-top: -90px;} #mainnav .acc{float:right;-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out;margin-left: 20px;border-radius: 0 0 5px 5px; border-top: 0;border-left: 0;border-right: 0;border-bottom: 2px solid #d3d0c9;width: 135px;} #mainnav .acc a{display:block;padding: 0 0 8px 10px;line-height:14px; font-size: 13px;transition: all .3s ease-in-out; position: relative;} #mainnav .acc a:hover{color: #808080; text-decoration: none;} #mainnav .acc .kundenkonto:after{content: "";float: right;width: 24px;height: 24px;background: url(assets/icon_kundenkonto.svg); position: absolute; top: 2px;left: 100px;} #mainnav .acc .kundenkonto{} #mainnav .acc .warenkorb{display: inline-block;} #mainnav .acc .warenkorb:after{content: "" ;float: right;width: 25px;height: 25px;margin: 8px 5px 0 10px;background: url(assets/icon_basket.svg);} .dgwt-wcas-sf-wrapp {display: inline-block !important;} li > ul.children > li {width: 100%;} li > ul.children > li a{color: #fff; font-size: 14px; width: 100%;padding: 5px 26px;text-decoration: none;} /*#mainnav .acc a:after {content: url('');}*/ html.scrolled-80 #mainnav .acc{padding-top:11px;} html.scrolled .kundenlinks{padding: 20px 0 0 0;} #mainnav ul ul li {padding: 2px 0 2px 1px;} #mainnav ul ul li:hover {color:#fff;text-decoration:none;background: #9a1b22;} @media (max-width:1700px){ #mainnav{left:0;right:0;margin:0;width:100%;} } @media (min-width: 1313px){ .menuemobile {display: none;} #mainnav ul {margin: 0; } #mainnav ul.cf li.back{display:none;} #mainnav ul.cf{transition: all .3s ease-in-out;/*margin-top: 38px;*/position: absolute; top: 0px;} #mainnav ul.cf > li{float:left;margin-right: 40px;} #mainnav ul.cf > li:last-child{margin-right: 0px;} #mainnav ul.cf > li > a{display:block;color:#4a4a49;padding:10px 0;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out; font-size: 16px;/*margin-right: 25px;*/} #mainnav ul.cf > li > a:hover, #mainnav ul.cf > li.current-menu-item > a{color:#C81932; text-decoration: none;} #mainnav ul.cf > li > ul{display:none;margin-top: 41px;background: #414141;position: absolute;margin-left: 26px;} #mainnav ul.cf > li:hover > ul{display:block;} #mainnav .mobile{display:none;} html.scrolled #mainnav {height: 179px;transition: all .3s ease-in-out;} html.scrolled #mainnav a.logo{padding:10px 0;width: 210px;} html.scrolled #mainnav ul.cf{float:none;padding:0;/*margin-top: 12px*/;transition: all .3s ease-in-out;} html.scrolled #mainnav .logodiv{height: 90px; transition: all .3s ease-in-out;} html.scrolled #mainnav .austria{width: 150px;left: 220px;} } @media (max-width: 1313px){ .menuedesktop {display: none;} .menuemobile {display: block;} .catimg {display: none;} .catlink {float: none;margin-left: -50px; margin-bottom: 0;} .austria{left: 290px;} #mainnav .mainnav{position:fixed;z-index:3;top:0;right:0;bottom:0;width:400px;background:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out, box-shadow .7s ease-in-out;transition:transform .3s ease-in-out, box-shadow .7s ease-in-out;overflow-y:scroll;-webkit-overflow-scrolling:touch;} #mainnav{/*height:80px;*/} body.withtopbar #mainnav{height:120px;} #toggle-mainnav{width:50px;height:50px;background:#C81932;position:fixed;top:60px;right:20px;z-index:4;border-radius:3px;cursor:pointer;-webkit-transition:right .3s ease-in-out, top .3s ease-in-out;transition:right .3s ease-in-out, top .3s ease-in-out;} body.withtopbar #toggle-mainnav{top:55px;} html.mainnav-open body.withtopbar #toggle-mainnav{top:15px;} html.mainnav-open #toggle-mainnav{right:20px;} html.mainnav-open, html.mainnav-open body{overflow:hidden;} html.mainnav-open #mainnav .mainnav{-webkit-transform:none;transform:none;box-shadow:0 0 150px rgba(0,0,0,0.3);} #mainnav ul.cf{margin-top:10px;margin-left: -10px;} #mainnav .mainnav.hidden{overflow:hidden;pointer-events:none;} #mainnav ul.cf > li > ul{/*position:fixed;top:0;z-index:2;right:0;bottom:0;width:380px;*/background:#fff;/*padding-top:80px;*/-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out, box-shadow .3s ease-in-out;transition:transform .3s ease-in-out, box-shadow .3s ease-in-out;overflow-y:scroll;-webkit-overflow-scrolling:touch;} #mainnav ul.cf > li.open > ul{-webkit-transform:none;transform:none;box-shadow:0 0 50px rgba(0,0,0,0.3);pointer-events:auto;} #mainnav ul.cf li a{display:block;color:#555;padding:10px 20px;border-bottom:1px solid #eee;font-size: 14px;} #mainnav ul.cf li.back a{background:#eee;padding:5px 0 5px 30px;text-transform:uppercase;font-weight:bold;font-size:13px;position:relative;border-bottom-color:#ddd;border-top:1px solid #ddd;} #mainnav ul.cf li.back a:before{content:'';position:absolute;top:50%;left:15px;border:4px solid transparent;border-right-color:#555;width:0;height:0;margin-top:-4px;} #mainnav ul.cf > li.menu-item-has-children > a{position:relative;} #mainnav ul.cf > li.menu-item-has-children > a:before{content:'';position:absolute;top:50%;right:5%;border:4px solid transparent;border-left-color:#555;width:0;height:0;margin-top:-4px;} #mainnav ul.cf li a:hover{background:#f9f9f9;} #mainnav ul.cf li.back a:hover{background:#e9e9e9;} #mainnav-overlay{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);cursor:pointer;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0s .5s, background .2s ease-in-out;transition:transform 0s .5s, background .2s ease-in-out;} html.mainnav-open #mainnav-overlay{-webkit-transform:none;transform:none;background:rgba(0,0,0,0.8);-webkit-transition:-webkit-transform 0s, background .5s ease-in-out;transition:transform 0s, background .5s ease-in-out;} #mainnav .mobile{display:block;} #mainnav .buttons{position:fixed;top:45px;right:73px;z-index:5;} #mainnav .head{opacity:0;position:fixed;background:#fff;top:0;right:0;height:130px;width:400px;z-index:4;padding:45px 0 0 20px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0.1);font-size:24px;font-weight:300;line-height:50px;-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out;} html.mainnav-open #mainnav .head{opacity:1;} #mainnav .buttons a{opacity:0;display:block;width:50px;height:50px;background:#eee;float:left;margin-left:8px;border-radius:3px;} #mainnav .buttons a:nth-child(1) svg{display:block;width:26px;height:26px;margin:12px;} #mainnav .buttons a:nth-child(2) svg{display:block;width:30px;height:30px;margin:10px;} #mainnav .buttons a:nth-child(2){-webkit-transition:opacity .5s .3s ease-in-out;transition:opacity .5s .3s ease-in-out;} #mainnav .buttons a:nth-child(1){-webkit-transition:opacity .5s .5s ease-in-out;transition:opacity .5s .5s ease-in-out;} html.mainnav-open #mainnav .buttons a{opacity:1;} #mainnav .contact{padding:0;font-size:13px;line-height:20px;margin-left: 0px;} #mainnav .contact p{margin:10px 0;} #mainnav .contact a{color:#555;border-bottom:1px solid #ddd;} .menuemobile .children {line-height: 20px;} #search {float: none;margin-top: 0px;position: absolute;z-index: 100;top: 25px;left: -280px;} .dgwt-wcas-search-wrapp {max-width: 240px!important;} #cart {margin: 0;} .kundenlinks #cart {margin-left: 15px;} #mainnav .acc {margin-left: 0;float: none;} #mainnav .kundenlinks {margin-top: 150px;transition: all .3s ease-in-out;} #mainnav .acc .warenkorb:after{content: "" ;float: right;width: 0px;height: 0px;} #mainnav .acc .kundenkonto:after{content: "";float: right;width: 0px;height: 0px;} .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {padding: 0 0 0 5px !important;} #mainnav .head, #mainnav .mainnav{width:350px;margin-top: 40px;} #mainnav ul.cf > li > ul{width:335px;} } @media (max-width: 768px){ #mainnav a.logo{width:150px;} .austria{width:150px;left: 180px;} } #toggle-mainnav .icon{width:40px;height:40px;display:block;cursor:pointer;position:relative;margin:5px;} #toggle-mainnav .icon:before, html.mainnav-open #toggle-mainnav .icon:before{content:'';position:absolute;top:50%;margin-top:-1px;width:40px;height:2px;border-radius:2px;background:#fff;} #toggle-mainnav .icon:before{-webkit-animation:animationOneReverse 1s ease forwards;animation:animationOneReverse 1s ease forwards;} @-webkit-keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} @keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} html.mainnav-open #toggle-mainnav .icon:before{-webkit-animation:animationOne 1s ease forwards;animation:animationOne 1s ease forwards;} @-webkit-keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}} @keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}} #toggle-mainnav .icon:after, html.mainnav-open #toggle-mainnav .icon:after{content:'';position:absolute;top:50%;margin-top:-1px;width:40px;height:2px;border-radius:2px;background:#fff;} #toggle-mainnav .icon:after{-webkit-animation:animationTwoReverse 1s ease forwards;animation:animationTwoReverse 1s ease forwards;} @-webkit-keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} @keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} html.mainnav-open #toggle-mainnav .icon:after{-webkit-animation:animationTwo 1s ease forwards;animation:animationTwo 1s ease forwards;} @-webkit-keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}} @keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}} .burger:before{content:'';position:absolute;top:8px;width:40px;height:2px;border-radius:2px;background:#fafafa;-webkit-animation:animationBurgerTopReverse 1s ease forwards;animation:animationBurgerTopReverse 1s ease forwards;} @-webkit-keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} @keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} html.mainnav-open .burger:before{-webkit-animation:animationBurgerTop 1s ease forwards;animation:animationBurgerTop 1s ease forwards;} @-webkit-keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}} @keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}} .burger:after{content:'';position:absolute;bottom:8px;width:40px;height:2px;border-radius:2px;background:#fafafa;-webkit-animation:animationBurgerBottomReverse 1s ease forwards;animation:animationBurgerBottomReverse 1s ease forwards;} @-webkit-keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} @keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} html.mainnav-open .burger:after{-webkit-animation:animationBurgerBottom 1s ease forwards;animation:animationBurgerBottom 1s ease forwards;} @-webkit-keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}} @keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}} /* ########## Symbol03 ############ */ #symbol03 {position:absolute;z-index:2;background:none;width:95%;height:0px;max-height: 710px;} #symbol03 .img03 {text-align: right;width: 98%; margin-top: 250px; /*top:580px; position:absolute;*/ } @media (max-width: 768px){ #symbol03 {display: none;} } /* ########## Stage ########## */ #stage{height:480px;min-height:480px;max-height:710px;margin-top: 0; /*background-image: url('assets/kellenwischer.png'); background-repeat: no-repeat;background-position-y: -110px; background-position-x: 50px;*/ position: relative;} #stage .wrapper{position:absolute;bottom:15%;left:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} #stage .typo{max-width:900px;margin-top: 5%;margin-left: 13%;} #stage .darkcolor p{color:#003d9b;text-shadow:0 0 40px rgba(255,255,255,1);} #stage .slick-slider .slick-slide{overflow:hidden;/*height:63vh;*/min-height:420px;max-height:710px;position:relative;} #stage .slick-slider .slick-slide .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;backfacevisibility:hidden;/*-webkit-animation:kenburns 50s ease-in-out forwards infinite;animation:kenburns 50s ease-in-out forwards infinite;*/} #stage .slick-slider .slick-slide a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;font-size:0;} #stage .slick-arrow, #gl_leistungen .slick-arrow{opacity:0;position:absolute;top:55%;width:35px;height:61px;background-size:100% !important;z-index:2;font-size:0;outline:none !important;border:none;-webkit-appearance:none;cursor:pointer;-webkit-transition:opacity .5s ease-in-out, background .2s ease-in-out;transition:opacity .5s ease-in-out, background .2s ease-in-out;} #stage:hover .slick-arrow, #gl_leistungen:hover .slick-arrow{opacity:1;} #stage .slick-arrow:hover, #gl_leistungen .slick-arrow:hover{background-color:#ccc;} #stage .slick-arrow.slick-next, #gl_leistungen .slick-arrow.slick-next{right: -150px;top: 30%;background:url(assets/arrow-right.png) no-repeat center;} #stage .slick-arrow.slick-prev, #gl_leistungen .slick-arrow.slick-prev{left:-150px;top: 30%;background:url(assets/arrow-left.png) no-repeat center;} #stage .slick-dots{display:none !important;position:absolute;bottom:200px;text-align:center;right:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);} #stage .slick-dots li{display:inline-block;padding:3px;} #stage .slick-dots button{display:block;-webkit-appearance:none;width:10px;height:10px;background:#dce0e7;border:none;font-size:0;outline:none !important;cursor:pointer;padding:0;} #stage .slick-dots .slick-active button{background:#0075be;} #stage .quadrat {width: 15px;height: 15px;background: #fff;z-index: 100000;position: absolute;top: 560px;} @-webkit-keyframes kenburns{0%,100%{-webkit-transform:scale(1);transform:scale(1);}50%{-webkit-transform:scale(1.2);transform:scale(1.2);}} @keyframes kenburns{0%,100%{-webkit-transform:scale(1);transform:scale(1);}50%{-webkit-transform:scale(1.2);transform:scale(1.2);}} /* Responsive */ @media (max-width: 1000px){ #stage p{font-size:40px;} } @media (max-width: 768px){ #stage{margin-top: -80px;} } @media (max-width: 700px){ #stage p{font-size:30px;} } @media (max-width: 768px){ /*#stage {min-height: 300px;}*/ } #stage .featuredprodukt {background: #f4f3f1; width: 1000px; position: absolute; top: 0; height: 470px;} #stage .featuredprodukt .text {width: 345px; margin: 50px 0 0 70px;} #stage .featuredprodukt .text p{font-size: 14px; color: #000;} /*#stage .featuredprodukt .bild{font-size: 14px; color: #000; float: right;margin: 30px; width: 50%;}*/ #stage .featuredprodukt .bild{font-size: 14px; color: #000; margin: 30px; width: 50%; position: absolute; right: 0; top: 0;} #stage .featuredprodukt .bild img {width: 100%;} #stage .featuredprodukt .titelbox {width: 345px;/*position: absolute;top: 40px;left: 60px;*/margin: 50px;} #stage .featuredprodukt .titelbox .titel, #stage .featuredprodukt .titelbox .untertitel {font-size: 28px; line-height: 32px;} #stage .featuredprodukt .titelbox .titel {color: #000;} #stage .kategorienrechts {width: 338px; min-height:470px; position: absolute; top: 0; right: 0;} #stage .kategorienrechts .kasten {width: 335px; height:225px; position: relative;transition:all .3s ease-in-out;} #stage .kategorienrechts .kasten:first-child {margin-bottom: 20px;} #stage .kategorienrechts .kasten:hover {opacity: 0.8;} #stage .kategorienrechts .kasten .balken {background: #000; opacity: 0.3; position: absolute; bottom: 0px; height: 53px; width: 100%;} #stage .kategorienrechts .kasten:after {content: "";width: 24px;height: 24px;background: url(assets/arrow-right.svg); position: absolute; top: 186px;right: 20px; z-index: 1000;} #stage .kategorienrechts .kasten .titel {position: absolute; bottom: 0px; color: #fff;margin: 0 0 10px 20px;} #stage .featuredprodukt .button {margin: 0px 0 0 70px;width: 300px; position: relative;} .sprechblase {position: relative;padding: 17px;margin: 0;color: #fff;background: #d0ac23;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .sprechblase:after {content: "";position: absolute;width: 0px;height: 0px;border-style: solid;border-width: 40px 0 0 150px;border-color: transparent transparent transparent #d0ac23;transform: rotate(10deg);right: -110px;bottom: -10px;} #stage .kategorienmobil {display: none;} #stage .kategorienmobil .kasten {width: 50%;height: 130px; position: relative; transition: all .3s ease-in-out; float: left;} #stage .kategorienmobil .kasten:first-child {margin-bottom: 20px;} #stage .kategorienmobil .kasten:hover {opacity: 0.8;} #stage .kategorienmobil .kasten .balken {background: #000; opacity: 0.3; position: absolute; bottom: 0px; height: 53px; width: 100%;} #stage .kategorienmobil .kasten:after {content: "";width: 24px;height: 24px;background: url(assets/arrow-right.svg); position: absolute; top: 186px;right: 20px; z-index: 1000;} #stage .kategorienmobil .kasten .titel {position: absolute; bottom: 0px; color: #fff;margin: 0 0 10px 20px;} @media (max-width: 1370px){ #stage .kategorienrechts {display: none;} #stage .featuredprodukt {width: 95%;} } @media (max-width: 780px) { #stage .featuredprodukt .text {width: 90%;} #stage .featuredprodukt .titelbox .titel {font-size: 20px; line-height: 24px;} #stage .featuredprodukt .titelbox .untertitel {font-size: 16px !important;} } @media (max-width: 580px) { #stage .featuredprodukt {top: 0;width: 90%;} #stage .featuredprodukt .titelbox {width: 90%;border-radius: 0px;} .sprechblase {height: 200px;} .sprechblase:after{display: none;} #stage .featuredprodukt .titelbox .titel {position: absolute;} #stage .featuredprodukt .titelbox .untertitel {position: absolute;top: 60px;} #stage .featuredprodukt .bild{position: absolute; right: 0; top: 70px;} #stage .kategorienmobil {display: block;} #ankuendigungen {margin-top: 100px;} #stage .featuredprodukt {background: none;} } section#infos {background: #d3d0c9; min-height: 100px; margin-top: -10px; position: relative;} section#infos .menurahmen ul.infomenu {position: absolute; top: 0; right: 15%;} section#infos .infomenu li {float: left;font-size: 12px;list-style: none;background: #e3e2dd;padding: 10px 0 10px 50px; color: #000;} section#infos .infomenu li a {color: #000;} section#infos .infomenu li:last-child {padding-right: 50px;} section#infos .infomenu li .icon {float: left; margin-right: 10px;} section#infos .infomenu li .icon img {width: 24px; height: 24px;} @media (max-width: 1000px){ #stage .featuredprodukt .titelbox {margin: 0;} #stage .featuredprodukt .text {margin: 10px 0 0 20px;/*position: absolute;top: 100px;*/} #stage .featuredprodukt .button {margin: 0 0 0 20px; /*position: absolute; bottom: 10px;*/} section#infos {display: none;} #stage .featuredprodukt {height: 400px;} } /* ########## Content ########## */ .main {padding-top: 0;} .main .content {width:100%;margin-bottom: 50px;} .main .content.withsidebar {width: 65%; float: left;} .main .sidebar{width:27%;float:right;} /* Responsive */ @media (max-width: 1024px){ .main .content.withsidebar {width:100%;float:none;} .main .sidebar{display:none;} /*.main {padding-top: 150px;}*/ } @media (max-width: 768px) { .main {margin-top: -100px;} } /* Teaserkacheln */ .section.teaserkacheln {margin: 20px 0 100px 0;} .section.teaserkacheln .wrp .titel {font-size: 36px; font-weight: 100; text-align: center;margin: 50px 0;} .section.teaserkacheln .wrp a {color: #555;} .section.teaserkacheln .wrp .teaserkachel {width: 32%; height: 300px; float: left; margin: 0 2% 0 0; position: relative;transition: all .3s ease-in-out; overflow: hidden;} .section.teaserkacheln .wrp .teaserkachel.kachelhover {box-shadow:0 20px 50px rgba(0,0,0,0.1);} .section.teaserkacheln .wrp .teaserkachel_last {margin-right: 0 !important;} .section.teaserkacheln .wrp .teaserkachel .box {position: absolute;height: 30px;background: #d3d0c9;width: 100%;bottom: 0;padding: 10px 0 5px;transition: all .3s ease-in-out;} .section.teaserkacheln .wrp .teaserkachel.kachelhover .box {background: #fff;padding-bottom: 50px;} .section.teaserkacheln .wrp .teaserkachel .box div {padding-left: 30px;} .section.teaserkacheln .wrp .teaserkachel .box div:after {content: "";width: 24px;height: 24px;background: url(assets/keyboard-arrow-right.svg); position: absolute; top: 10px;right: 20px;} .section.teaserkacheln .wrp .teaserkachel .box .kurztext{display: none;height: 35px;overflow: hidden; font-size: 14px; line-height: 18px;cursor: pointer;} .section.teaserkacheln .wrp .teaserkachel.kachelhover .box .kurztext {font-size: 14px; line-height: 18px; display: block; cursor: pointer;} @media(max-width: 1300px){ .section.teaserkacheln .wrp .teaserkachel .box div:after {display: none;} .section.teaserkacheln .wrp .teaserkachel .box {height: 55px;} .section.teaserkacheln .wrp .teaserkachel .box div {padding-left: 10px;font-size: 14px;} } @media (max-width: 800px){ .section.teaserkacheln .wrp .titel {font-size: 24px;} .section.teaserkacheln .wrp .teaserkachel .box {background: #fff; text-align: center;} .section.teaserkacheln .wrp .teaserkachel {float: none; width: 100%; background-size: contain !important; background-position-x: center !important;} } @media (max-width: 764px){ .section.teaserkacheln {margin: 100px 0 100px 0;} } @media (max-width: 420px){ .section.teaserkacheln .wrp .teaserkachel .box {background: #d3d0c9;} .section.teaserkacheln .wrp .teaserkachel .box {height: 35px; bottom: 30px;} .section.teaserkacheln .wrp .teaserkachel.kachelhover .box .kurztext {display: none;} } /* Handwerkerbanner */ .section.handwerkerbanner {margin: 20px 0 100px 0;} .section.handwerkerbanner .box {width: 33.33333%; background: #f4f3f1; height: 330px; float: left;} .section.handwerkerbanner .box div {padding: 50px;} .section.handwerkerbanner .box.farbig {background: #C81932; color: #fff;} .section.handwerkerbanner .box.farbig ul {margin: 20px 0 0 40px;} .section.handwerkerbanner .box.farbig li {font-size: 30px; font-weight: 100; line-height: 36px;} .section.handwerkerbanner .box.farbig li:before {content:' ';background-image: url(assets/check-circle-1.svg); width: 18px; height: 18px;position: absolute;margin-top: 10px;margin-left: -30px; } @media (max-width: 1140px){ .section.handwerkerbanner .box.mitte {display: none;} .section.handwerkerbanner .box {width: 50%;} } @media (max-width: 768px){ .section.handwerkerbanner .box {width: 100%; height: auto; float: none;} } /* Partnerbanner */ .section.partnerbanner {margin: 100px 0 20px 0;} .section.partnerbanner .box {width: 33.33333%; background: #f4f3f1; height: 330px; float: left;} .section.partnerbanner .box div {padding: 50px;} .section.partnerbanner .box.farbig {background: #C81932; color: #fff;} .section.partnerbanner .box.farbig ul {margin: 20px 0 0 40px;} .section.partnerbanner .box.farbig li {font-size: 30px; font-weight: 100; line-height: 36px;} .section.partnerbanner .box.farbig li:before {content:' ';background-image: url(assets/check-circle-1.svg); width: 18px; height: 18px;position: absolute;margin-top: 10px;margin-left: -30px; } @media (max-width: 1140px){ .section.partnerbanner .box.mitte {display: none;} .section.partnerbanner .box {width: 50%;} } @media (max-width: 768px){ .section.partnerbanner .box {width: 100%; height: auto; float: none;} .section.partnerbanner .box div {padding: 20px 0;} } /* Newsletterbanner */ .section.newsletterbanner {height: 400px;background: #f4f3f1;margin: 20px 0 100px 0;position: relative;} .section.newsletterbanner .bild {position: absolute;left: 0; top: 0; width: 55%; height: 400px;} .section.newsletterbanner .inhalte {position: absolute;left: 55%; top: 0; width: 45%; height: 400px; background: url('assets/kellenwischer.png'); background-repeat: no-repeat; background-position-x: -50px; background-position-y: -100px;} .section.newsletterbanner .wrapper {max-width: 380px; padding: 50px;} .section.newsletterbanner .inhalte .wrapper .titel {font-size: 18px; color: #000; margin-bottom: 20px;} .section.newsletterbanner .inhalte .wrapper .titel span {color: #C81932;} .section.newsletterbanner .inhalte .wrapper .text {font-size: 14px; color: #000; margin-bottom: 20px; line-height: 18px;} .section.newsletterbanner .inhalte .wrapper .infotext {font-size: 10px; line-height: 12px;} .section.newsletterbanner .spwrp {width: 240px; font-size: 28px; font-weight: 100; line-height: 34px;} .section.newsletterbanner .spwrp.wrp {padding-top: 50px;} .section.newsletterbanner .spwrp .sprechblase:after {right: -70px;border-width: 20px 0 0 100px;bottom: -8px;} .section.newsletterbanner .geschenkwrp{width: 200px;position: absolute;right: -80px;z-index: 2;bottom: 30px;} .section.newsletterbanner .geschenkwrp .geschenk{width: 140px; height: 140px; border-radius: 50%; background: #C81932; font-size: 46px; font-weight: 100; color: #fff; text-align: center;transform: rotate(10deg);box-shadow: 5px 5px 0px rgba(90, 90, 90, 0.5);} .section.newsletterbanner .geschenkwrp .geschenk span {font-size: 16px;} .section.newsletterbanner .geschenkwrp .geschenk .inhalt {padding-top: 45px;} @media (max-width: 768px){ .section.newsletterbanner .bild {width: 35%;} .section.newsletterbanner .inhalte {width: 65%;left: 35%;} } @media (max-width: 570px){ .section.newsletterbanner .spwrp.wrp .sprechblase {display: none;} } @media (max-width: 500px){ .section.newsletterbanner .bild {display: none} .section.newsletterbanner .inhalte {width: 100%;left: 0; } .section.newsletterbanner .geschenkwrp {display: none;} .section.newsletterbanner .wrapper {padding: 20px;} } /* Ankündigungsbanner */ .section.ankuendigungsbanner {height: 400px;background: #f4f3f1;margin: 0;position: relative;} .section.ankuendigungsbanner .bild {position: absolute;left: 0; top: 0; width: 55%; height: 400px;} .section.ankuendigungsbanner .inhalte {position: absolute;left: 55%; top: 0; width: 45%; height: 400px; background: url('assets/kellenwischer.png'); background-repeat: no-repeat; background-position-x: -50px; background-position-y: -100px;} .section.ankuendigungsbanner .wrapper {max-width: 380px; padding: 50px;} .section.ankuendigungsbanner .inhalte .wrapper .titel {font-size: 18px; color: #000; margin-bottom: 20px;} .section.ankuendigungsbanner .inhalte .wrapper .titel span {color: #C81932;} .section.ankuendigungsbanner .inhalte .wrapper .text {font-size: 14px; color: #000; margin-bottom: 20px; line-height: 18px;} .section.ankuendigungsbanner .inhalte .wrapper .infotext {font-size: 10px; line-height: 12px;} .section.ankuendigungsbanner .spwrp {/*width: 240px;*/ font-size: 28px; font-weight: 100; line-height: 44px;position: absolute;right: 0; padding-right: 50px; text-align: right;} .section.ankuendigungsbanner .spwrp.wrp {padding-top: 50px;} .section.ankuendigungsbanner .spwrp .sprechblase:after {right: -70px;border-width: 20px 0 0 100px;bottom: -8px;} .section.ankuendigungsbanner .geschenkwrp{width: 200px;position: absolute;right: -80px;z-index: 2;bottom: 30px;} .section.ankuendigungsbanner .geschenkwrp .geschenk{width: 140px; height: 140px; border-radius: 50%; background: #C81932; font-size: 46px; font-weight: 100; color: #fff; text-align: center;transform: rotate(10deg);box-shadow: 5px 5px 0px rgba(90, 90, 90, 0.5);} .section.ankuendigungsbanner .geschenkwrp .geschenk span {font-size: 16px;} .section.ankuendigungsbanner .geschenkwrp .geschenk .inhalt {padding-top: 45px;} .section.ankuendigungsbanner .titel{color: #C81932; font-weight: 500; font-size: 34px;} .section.ankuendigungsbanner .titel span{text-transform: uppercase;} .section.ankuendigungsbanner .ak_logo{position: absolute;right: 20px;bottom: 20px;} .section.ankuendigungsbanner .ak_logo img{border-radius: 30px;} .section.ankuendigungsbanner .bildmobil {display: none;} @media (max-width: 768px){ .section.ankuendigungsbanner .bild {width: 35%;} .section.ankuendigungsbanner .inhalte {width: 65%;left: 35%;} } @media (max-width: 570px){ .section.ankuendigungsbanner .spwrp.wrp .sprechblase {display: none;} } @media (max-width: 500px){ .section.ankuendigungsbanner .bild {display: none} .section.ankuendigungsbanner .inhalte {width: 100%;left: 0; } .section.ankuendigungsbanner .geschenkwrp {display: none;} .section.ankuendigungsbanner .wrapper {padding: 20px;} .section.ankuendigungsbanner .bildmobil {display: block; width: 100%;} .section.ankuendigungsbanner .bildmobil img {width: 100%;} .section.ankuendigungsbanner .inhalte {position: relative;} .ankuendigungen_clear {clear: both; height: 250px;} } /* ########## Bild-Ankündigungsbanner ########## */ .section.bildankuendigungen {position: relative; max-width: 1024px; margin: 50px auto;} .section.bildankuendigungen .bild {width: 100%;} .section.bildankuendigungen .bild img {width: 100%;} @media (max-width: 1000px){ .section.bildankuendigungen {margin: -30px auto 50px auto;} } /* ########## Footer ########## */ .footer{background:#f4f3f1;color:#fff;overflow: hidden;} .footer:before {content:' ';background-image: url(assets/kellenwischer.png); width: 880px; height: 533px;position: absolute;left: -50px;top: -100px; } .footer .wrpfooter {padding: 60px 80px; display: flex;} .footer .logo {width: 170px;} .footer a{color:#fff;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out; font-weight: 300;} .footer a:hover{color: #C81932; text-decoration: none;} .footer ul{/*float:right;*/line-height: 28px;} .footer ul li{float:left;} .footer ul li.hilight a{color: #C81932;} .footer ul li a{display:block;padding:0; font-size: 12px; color: #000;} /*.footer ul li a:before {content: '\f0da';float: left;display: block;padding-right: 10px;font-size: 20px;color: #fff;font-family: "FontAwesome", sans-serif;}*/ .infozeile {background: #C81932; height: 70px;padding: 23px 80px; color: #fff; font-size: 18px; position: relative;} .infozeile .txt {margin-right: 30px; float: left;} .infozeile .phone, .infozeile .email {position: relative; margin-left: 30px; color: #fff;} .infozeile .phone a {color: #fff;} .infozeile .phone:before {content: ' '; background-image: url(assets/phone-landline.svg); background-repeat: no-repeat; width: 24px; height: 22px;position: absolute;left: -30px;} .infozeile .email:before {content: ' '; background-image: url(assets/email-action-unread.svg); background-repeat: no-repeat; width: 24px; height: 22px;position: absolute;left: -30px;top: 1px;} .infozeile .servicetext {font-size: 12px; position: absolute; right: 85px; line-height: 16px; top: 20px;} @media (max-width: 1000px){ .infozeile {font-size: 14px;padding: 23px 20px;height: auto;} .infozeile .servicetext {position: relative; right: auto; line-height: 24px; float: right;top:0;} } @media (max-width: 790px){ .infozeile .servicetext {position: relative; right: auto; line-height: 24px; float: left;top:0;} } #footer .col2 .inhalt ul.footermenue li {list-style-image: none; position: relative;} /*#footer .col2 .inhalt ul.footermenue li:before {content: '\f105';display: block;font-size: 20px;color: #fff;font-family: "FontAwesome", sans-serif; position: absolute;left: -18px;}*/ .footer .text{float:right;clear:right;} .footer .text p{font-size: 16px; color: #000;} .footer strong {font-size: 18px;} /* Responsive */ @media (max-width: 1000px){ #footer .logo, #footer ul, #footer ul li, #footer .text{float:none;margin-right: 40px;} } @media (max-width: 370px){ .footer {margin-top: 50px;} } #footer .col1 {font-size:16px; line-height: 28px; width: 36%; margin: 0; color: #000;} #footer .col2 {font-size:16px; line-height: 28px; width: 20%; margin: 0 50px;} #footer .col3 {font-size:16px; line-height: 28px; width: 50%; float: right; padding: 10px 0px 0 0;} #footer .col1 .inhalt {padding-left: 0px; } #footer .col2 .inhalt .titel {font-weight: 400; margin-bottom: 25px; color: #000;} #footer .col1 .inhalt .adresse p {font-size:16px; line-height: 28px; color: #000;} #footer .col1 .inhalt .adresse p strong {font-size:16px; line-height: 28px; color: #000; font-weight: 400;} #footer .col2 .inhalt ul.footermenue li {float: none; border-bottom: 1px solid #d3d0c9;} #footer .col2 .inhalt ul.footermenue li:last-child {border-bottom: 0px solid #d3d0c9;} #footer .menueblock li{line-height: 26px;} #footer .menueblock li:last-child { border-bottom:0; } #footer .titel.center {text-align: center;} @media (max-width: 1332px) { #footer .col1, #footer .col2 {width: 25%} } @media (max-width: 1332px) { #footer .col3 {width: 25%; margin-right: 20px;} } @media (max-width: 1170px) { #footer .col3 {padding: 10px 40px 0 0;} } @media (max-width: 1070px) { #footer .col1, #footer .col2, #footer .col3 {float: none; width: 100%; text-align: left;} .footer ul {float: none;} #footer .col2 {margin-top: 0;} } @media (max-width: 1000px) { .footer .wrpfooter {padding: 60px 0px;} /*#footer .col1 {display: none;}*/ #footer .col2 {width: 100%; margin: 0;} } @media (max-width: 800px) { .footer .wrpfooter {display: block;} #footer .col2, #footer .col3 {float: none; width: 100%; text-align: left;} } @media (max-width: 768px) { .footer strong {font-size: 16px;} } #footer .zahlungen {margin-top: 20px;} #footer .zahlung {width: 49%; float: left; text-align: center; line-height: 12px;padding: 40px 0;} #footer .zahlungen .zahlung:nth-child(1) {border-right: 1px solid #d3d0c9;border-bottom: 1px solid #d3d0c9;} #footer .zahlungen .zahlung:nth-child(2) {border-bottom: 1px solid #d3d0c9;} #footer .zahlungen .zahlung:nth-child(3) {border-right: 1px solid #d3d0c9;} #footer .zahlung span {font-size: 12px;} #footer .zahlung img {width: 24px; height: 24px;margin-bottom: 5px;} #copyright {background: #d3d0c9;color:#fff; font-size: 12px; padding: 10px 0 10px 0; font-weight: 300;border-top: 1px solid #fff;} #copyright .wrpcopyright {width: 100%; margin: auto; padding: 10px 0;max-width: 1360px;} #copyright .crwrapper {width: 95%;max-width: 1200px;margin: 0 auto;position: relative;box-sizing: border-box;padding: 15px 0 0 0;} #copyright .crwrapper a {color: #fff;font-size:12px; } #copyright .crleft{float: left;font-size:14px; margin-left: 125px;padding-top: 5px;} #copyright .crright {float: right;font-size:12px; padding-right: 0px;padding-top: 5px;margin-right: 125px;} #copyright .crright img {width: 24px;} #copyright .crright a { color: #fff; margin-left: 10px;} #copyright .crright a:hover { color: #C81932; text-decoration: none;} #copyright .crleft ul {line-height: 20px;} #copyright .crleft li {float: left; margin-right: 10px;} #copyright .crleft li:after {color: #fff;content: "|";padding-left: 10px;font-size: 12px; } #copyright .crleft li:last-child:after {content: ""; padding-left: 0px;} #copyright .crleft li a{color: #fff;transition: color .3s ease-in-out; font-size: 12px; font-weight: 400;} #copyright .crleft li a:hover{color: #95c11f; text-decoration: none;} @media (max-width: 1170px) { #copyright .crright {padding-right: 40px;} } @media (max-width: 462px){ /*#copyright .crleft, #copyright .crright {float: none;}*/ } @media (max-width: 710px) { /*#copyright .crleft li {float: none;}*/ } .section h1 {color: #666666; font-weight: 100; text-transform: uppercase; font-size: 26px;} /* ########## Text ########## */ .section.text {margin-top: calc(50px - 1.5em);} .section.text ul {margin-left: 20px;} .section.text ul li {list-style: disc;} .section.text .woocommerce ul {margin-left: 0px;} .section.text .woocommerce ul li {list-style: none;} /* ########## Teasercards ########## */ .section.teasercards {} .section.teasercards .wrp {background: #f4f3f1; padding: 0 50px 30px 40px; box-sizing: border-box;} .section.teasercards .wrp ul {margin: 0; padding: 0;} .section.teasercards .wrp ul li {float: left; width: 49.5%; margin: 0 1% 1% 0;} .section.teasercards .wrp ul li:nth-child(2n+2) {margin: 0 0 1% 0;} .section.teasercards .wrp ul li a {display: table; text-align: center; background: rgba(255 ,255 ,255, 0.4); vertical-align: center; transition: all .3s ease-in-out; width: 100%; height: 50px;} .section.teasercards .wrp ul li a:hover { background: rgba(255 ,255 ,255, 1); transition: all .3s ease-in-out; text-decoration: none;} .section.teasercards .wrp ul li a span { display: table-cell; vertical-align: middle;} @media (max-width: 800px){ .section.teasercards .wrp ul li {float: none; width: 100%; margin: 0 0 1% 0;} .section.teasercards .wrp ul li:nth-child(2n+2) {margin: 0 0 1% 0;} } /* ########## Text+Text ########## */ .section.texttext {margin-bottom: calc(50px - 1.5em);} .section.texttext .col_left{float:left;width:47.5%;} .section.texttext .col_right{float:right;width:47.5%;} /* Responsive */ @media (max-width: 800px){ .section.texttext .col_left, .section.texttext .col_right{float:none;width:100%;} } /* ########## Text+Text+Text ########## */ .section.texttexttext {margin-bottom:calc(50px - 1.5em); } .section.texttexttext .col_left {float:left;width:31%; margin: 0 3.5% 0 0;} .section.texttexttext .col_center {float:left;width:31%; margin: 0 3.5% 0 0;} .section.texttexttext .col_right {float:right;width:31%;} /* ########## Spaltentext ########### */ .spaltentext {-webkit-column-gap: 52px; /* Chrome, Safari, Opera */-moz-column-gap: 52px; /* Firefox */column-gap: 52px;margin-top: 25px;margin-bottom: calc(50px - 1.5em);} @media (max-width: 768px){ .spaltentext {-webkit-column-count:1!important;column-count:1!important;} } /* Responsive */ @media (max-width: 800px){ .section.texttexttext .col_left, .section.texttexttext .col_center, .section.texttexttext .col_right{float:none;width:100%;} } .main.startteaser {padding-top: 0px !important;} section#teasercontent {background: #fff;-webkit-box-shadow: 0px 0px 40px 6px rgba(0,0,0,0.26);box-shadow: 0px 0px 40px 6px rgba(0,0,0,0.10); margin: 10px 0 40px 0;text-align: center;} section#teasercontent .teaser {width: 30%; float: left; margin: 10px;} section#teasercontent .teaser img {width: 100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;} section#teasercontent .teaser img:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);opacity: .5;filter: alpha(opacity=50);} section#teasercontent .teaser .image {display: inline-block;background: white;overflow: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;height: 240px;} section#teasercontent .cf .teaser:nth-child(1) {padding: 15px 5px 15px 20px;} section#teasercontent .cf .teaser:nth-child(2) {padding: 15px 5px 15px 5px;} section#teasercontent .cf .teaser:nth-child(3) {padding: 15px 0px 15px 5px;} section#teasercontent .cf .teaser:nth-child(4) {padding: 15px 5px 15px 20px;} section#teasercontent .cf .teaser:nth-child(5) {padding: 15px 5px 15px 5px;} section#teasercontent .teaser .headline {margin-top: 10px; font-size: 18px; color: #105177;} @media (max-width: 1110px){ section#teasercontent, .main.startteaser {display: none;} } .zwischentitel h2 {text-transform: uppercase; color: #666666;font-weight: 100;} /* ########## Text Bild ########## */ .section.textbild {margin: 20px 0 0 0; display: flex;} .section.textbild .text { background: #f4f3f1; padding:40px 50px 30px 40px; box-sizing: border-box; } .section.textbild .bild { box-sizing: border-box; background: no-repeat center center; background-size: cover;} .section.textbild .bild img {width: 100%; height: auto; vertical-align: bottom;} @media (max-width: 580px) { .section.textbild {display: block;} .section.textbild .text {border-left: 0px !important;} } /* ########## Image ########## */ .section.image {margin-bottom: 50px;} .section.image img{display:block;width:100%;height:auto;} /* ########## Image Slider ########## */ .section.imageslider {margin-bottom: 50px;} .section.imageslider .rslides_tabs{margin-top:8px;} .section.imageslider .rslides_tabs li{display:inline-block;} .section.imageslider .rslides_tabs li a{font-size:0;margin:0 8px 0 0;height:6px;width:40px;background:#ddd;display:block;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;} .section.imageslider .rslides_tabs li.rslides_here a{background:#f2920d;-webkit-transition:background .6s ease-in-out;transition:background .6s ease-in-out;} /* ########## Galerie ########## */ .section.gallery {margin-bottom: calc(50px - 1%);} .section.gallery .fresco-gallery li{float:left;background:#333;width:11.625%;box-sizing:border-box;position:relative;border-right:1px solid #fff; margin: 0 1% 1% 0;} .section.gallery .fresco-gallery li:nth-child(8n+8) {margin: 0 0 1% 0;} .section.gallery.halfwidth .fresco-gallery li{width:15.8333333333333%;} .section.gallery.halfwidth .fresco-gallery li:nth-child(6n+6) {margin: 0 0 1% 0;} .section.gallery.halfwidth .fresco-gallery li:nth-child(8n+8) {margin: 0 1% 1% 0;} .section.gallery .fresco-gallery li img{display:block;width:100%;height:auto;} .section.gallery .fresco-gallery li:after{content:'';display:block;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,10,10,0);z-index:2;pointer-events:none;} .section.gallery .fresco-gallery li:hover:after{background:rgba(10,10,10,0.2);} @media (max-width: 1024px){ .section.gallery .fresco-gallery li{width:15.8333333333333%;} .section.gallery .fresco-gallery li:nth-child(6n+6) {margin: 0 0 1% 0;} .section.gallery .fresco-gallery li:nth-child(8n+8) {margin: 0 1% 1% 0;} } @media (max-width: 720px){ .section.gallery .fresco-gallery li{width:19.2%;} .section.gallery .fresco-gallery li:nth-child(6n+6) {margin: 0 1% 1% 0;} .section.gallery .fresco-gallery li:nth-child(5n+5) {margin: 0 0 1% 0;} } @media (max-width: 620px){ .section.gallery .fresco-gallery li{width:24.25%;} .section.gallery .fresco-gallery li:nth-child(5n+5) {margin: 0 1% 1% 0;} .section.gallery .fresco-gallery li:nth-child(4n+4) {margin: 0 0 1% 0;} } @media (max-width: 480px){ .section.gallery .fresco-gallery li{width:32.66666666666667%;} .section.gallery .fresco-gallery li:nth-child(4n+4) {margin: 0 1% 1% 0;} .section.gallery .fresco-gallery li:nth-child(3n+3) {margin: 0 0 1% 0;} } @media (max-width: 380px){ .section.gallery .fresco-gallery li{width:49.5%;} .section.gallery .fresco-gallery li:nth-child(3n+3) {margin: 0 1% 1% 0;} .section.gallery .fresco-gallery li:nth-child(2n+2) {margin: 0 0 1% 0;} } /* ########## oEmbed ########## */ .section.embed {margin-bottom: 50px;} .section.embed .respo-video{position: relative; padding-bottom: 56.25%; padding-top: 0; margin-bottom: 30px; height: 0;overflow: hidden;} .section.embed .respo-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* ########## Maps ########## ------------------------------------------------------------------------------------------ */ .section.maps {margin-bottom: 50px;} .section.maps .acf-map {width: 100%; height: 400px; } .section.maps .acf-map img {max-width: inherit !important;} #map_canvas {height: 700px; display: block;} .gm-style-iw-d span {font-size: 16px; font-weight: 500;} .gm-style-iw-d img {width: 100%;} .gm-style-iw-d a {color: #505050;} .gm-style .gm-style-iw {font-size: 16px;line-height: 24px;min-width: 300px !important;} .partnerart {font-size: 12px !important; font-weight: 500; margin-bottom: 10px;} .gm-style-iw a{color: #C81932;} .kontaktbutton {width: 100%;height: 35px;background: #C81932;font-weight: 100; color: #fff;border: 0; cursor: pointer; margin-top: 5px;text-align: center;vertical-align: middle;padding-top: 10px;} .kontaktbutton a {background: none !important; display: block;} .kontaktbutton a:hover {text-decoration: none;} .item-modal {display: none;} .item-modal.active {display:block;} .item-modal.active { overflow:hidden;border:20px solid transparent;position: fixed; z-index: 109;height:auto;width:100%;max-width: 1480px; top:10vh;left: 50%;transform: translate(-50%, 0);box-sizing: border-box;padding:0;} .item-modal.active .md_kontaktformular {overflow:hidden;display:flex;width:100%;box-sizing:border-box;background: #f2f2f2;-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.55); -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.55); box-shadow: 0 0 25px 0 rgba(0,0,0,0.55);} .item-modal .btn-modal-close { display: none; } .item-modal.active .btn-modal-close {background:#C81932; transition:all 2.5s ease-in-out;display: block; position: absolute; top:10px; right: 10px; padding: 0 10px; width: auto; height: 20px; line-height: 20px;font-size:20px;font-weight:700;border-radius: 2px;color: #fff; text-align: center; cursor: pointer;} .lastrow {text-align:center;} .lastrow ul{padding-left:0!important;} .lastrow li{list-style: none!important;} .lastrow li a{display: inline-block;text-align: center;border: 1px solid #C81932;padding: 10px;margin: 0 auto;} /* Main Overlay */ .bg-overlay {z-index: 88;visibility: hidden; opacity: 0; filter:Alpha(Opacity=0); display: block; background: rgba(0, 0, 0, 0.85); position: fixed; width: 100%; height: 100%; top:0; right:0; bottom:0; left:0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .bg-overlay.active {visibility: visible; opacity: 1; filter:Alpha(Opacity=100);cursor: pointer;} /* md_kontaktformular Konfigurator Formular */ .wpcf7-form .hide {display:block;} .wpcf7-form .hide.show {display:block;} .wpcf7-form .hide.show-not {display:none} .wpcf7-form .hide-1 {display:none} .wpcf7-form .hide-1.show {display:block} .wpcf7-form .hide-2 {display:none} .wpcf7-form .hide-2.show {display:block} .md_kontaktformular h2 {line-height: 30px;} .md_kontaktformular .wpcf7 input,.md_kontaktformular .wpcf7 textarea {width:100%;float:none;margin-bottom:13px;} .md_kontaktformular .wpcf7 input[type="checkbox" i] {width:13px;height:13px;-webkit-appearance: checkbox;appearance: checkbox;display:inline-block;vertical-align:top;} .md_kontaktformular .wpcf7 textarea {height:auto;min-height:inherit;max-height:inherit;} .md_kontaktformular .wpcf7 label {width:auto;line-height:1.5em;margin-bottom:5px;} .md_kontaktformular span.wpcf7-list-item {margin:0;vertical-align:top;} .md_kontaktformular .wpcf7-form-control-wrap {clear:both;display:block;} .md_kontaktformular .wpcf7-form-control-wrap.checkbox-vorlage {position:absolute;margin-top:-23px;} .md_kontaktformular .wpcf7-form-control-wrap.checkbox-vorlage input[type="checkbox" i] {-webkit-appearance: checkbox!important;} .md_kontaktformular .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item-label{display:none} .md_kontaktformular .wpcf7 .txt {display:block;margin-top:40px;text-align:center;font-weight:600;} .md_kontaktformular .wpcf7 .vorlage{display:block;padding:0;padding-left:30px;margin-bottom:20px} .md_kontaktformular div.wpcf7-validation-errors, .md_kontaktformular div.wpcf7-acceptance-missing {border: 2px solid red;position: fixed;z-index: 888;bottom: 0;background: #fff;box-shadow: 0 0 13px #000;left: 0;text-align: center;} .md_kontaktformular div.wpcf7-mail-sent-ok {border: 2px solid green;position: fixed;z-index: 888;bottom: 0px;background: #fff;box-shadow: 0 0 13px #000;left: 0;width: 96%;text-align: center;} .md_kontaktformular div.wpcf7-spam-blocked{border: 2px solid #C81932;position: fixed;z-index: 888;bottom: 0px;background: #fff;box-shadow: 0 0 13px #000;left: 0;width: 96%;text-align: center;} .md_kontaktformular select {margin-bottom:13px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background:#fff url(assets/arrow.png) 97% center no-repeat;background-size:13px;border: 1px solid #ddd;border-radius: 0;color: #555;cursor: pointer;font-family: 'Open Sans', sans-serif;font-size: 16px;height: 40px;outline: none;padding-left: 10px;width: 100%;box-sizing:border-box;} .md_kontaktformular select:after {content:"pfeil";display:block;} .md_kontaktformular select option {color: #666;} .md_kontaktformular select::-ms-expand {display: none;} .md_kontaktformular select:focus::-ms-value {background-color: #fff;} .md_kontaktformular .wpcf7 input[type=submit],.md_kontaktformular .wpcf7 input[type=button] {opacity:1;background: #C81932;color: #fff;display:block;width: 100%;cursor: pointer;float: none;margin-left: inherit;margin-top:40px;border: none;padding: 13px;font-weight:700;transition: ease-in-out 0.4s;} .md_kontaktformular .wpcf7 input[type=submit]:hover,.md_kontaktformular .wpcf7 input[type=button]:hover {opacity:0.8;transition: ease-in-out 0.4s;} .md_kontaktformular div.wpcf7 .ajax-loader {display:none!important} button#submit {opacity:1;background: #C81932;color: #fff;display:block;width: 100%;cursor: pointer;float: none;margin-left: inherit;margin-top:40px;border: none;padding: 13px;font-weight:700;transition: ease-in-out 0.4s;} button#submit:hover {opacity:0.8;transition: ease-in-out 0.4s;} /* md_kontaktformular Konfigurator weiter bzw zurück Button Hauptbereich */ .md_kontaktformular .button { position: absolute;bottom: 20px;right:20px;opacity:1;font-size:14px;font-weight:700;overflow:hidden;border-radius: 5px;display:inline-block;color:#fff;padding:5px 10px;box-sizing:border-box;margin-top:20px;margin-right:20px;cursor:pointer;transition:ease-in-out 0.4s;} .md_kontaktformular .button:hover {animation:none;opacity:0.8;transition:ease-in-out 0.4s;} .has-error {border-color: #ff0000 !important;} .has-success {border-color: #398f14 !important;} #errormessage {color: #C81932; font-size: 12px; margin-top: 10px;} .md_kontaktformular .links {flex-basis: 45%; padding: 20px;} .md_kontaktformular .rechts {flex-basis: 45%;} @media (max-width: 1170px){ .item-modal.active {max-height:inherit;position:absolute;top:10vh;width:100%;} .item-modal.active .md_kontaktformular {overflow:visible;} .md_kontaktformular h2 {font-size:17px;} .md_kontaktformular .wpcf7 label {font-size:14px;} .md_kontaktformular .rechts .rechts-con-1 {width:100%;margin-top:85px;} .md_kontaktformular .rechts .rechts-con-2 {padding:0;position: absolute;width: 100%;left: 0;top: 0;display:flex;} .md_kontaktformular .rechts .rechts-con-2 .linkbox:after {content:"";border: solid #fff;border-width: 0 6px 6px 0;display: inline-block;vertical-align:top;padding: 4px;position: absolute;margin-top: -17px;margin-left: 18px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .md_kontaktformular .rechts .rechts-con-2 .linkbox:nth-child(3):after {display:none;} .md_kontaktformular #more-form {margin-top: 0;margin-left:0;} .md_kontaktformular .linkbox {position: relative;border:0;margin-bottom:0;margin-right: 20px;padding: 17px 20px 13px 20px;} .md_kontaktformular .linkbox svg {width:30px;height:30px;margin: 0 auto 5px auto;} .md_kontaktformular .wpcf7 input,.md_kontaktformular .wpcf7 textarea {margin-bottom:5px;font-size:14px;} .md_kontaktformular select {font-size:14px;} .md_kontaktformular .wpcf7 .vorlage {padding:2px 0 0 25px} } @media (max-width: 1024px){ #show-mast-4 {margin-right:10px;} .item-modal.active {width:98%;} .item-modal.active {overflow:visible;} } @media (max-width: 900px){ .item-modal.active {max-height:inherit;position:absolute;width:85%;} .item-modal.active .md_kontaktformular {display:block;overflow:visible;} .baupic {overflow: hidden;max-height: inherit;position:absolute;top:0;} .baupic img, .links .platzhalter img {object-fit:inherit;height: auto;} .baupic-info {top:50px;padding:10px 20px} .md_kontaktformular .legende {position: relative;bottom: 0;margin-bottom:10px;} .md_kontaktformular .button { bottom: 15px; } } .news-popup { display:none; padding: 40px; transition: .2s ease; box-sizing: border-box; text-align: left; background: #c71d20; color: #fff; position: absolute; top: 30%; left: 50%; transform: translate(-50%); max-width: 850px; width: 90%; z-index:999999999;} .news-popup .headline { color: #ffffff;} .news-popup.show { display:block; transition: .2s ease;} .news-popup.show-not { display:none!important;} .news-popup .close-btn {position: absolute; top: 15px; right: 10px; width: 20px; height: 20px;font-size:25px;padding:5px;display:block;font-weight:700;cursor:pointer; background: none !important;} .news-popup-overlay {width: 100%; height: 100%; background: rgba(0,0,0,0); position: fixed; z-index: -1; transition: .2s ease; top: 0;} .news-popup-overlay.show {background: rgba(0,0,0,0.8); z-index: 99999999; transition: .2s ease;} /* ########## ENDE Maps ########## ------------------------------------------------------------------------------------- */ /* ########## Archiv Objekte // Filter ########## */ * { --body: #e4e4ea; --akzent-gold: #cec287; --text-color: #505050; --light-gray: #d6d8d9; --transition: .2s ease-in-out; --box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.5); --font-family: "Aago-Rg", sans-serif; --favorit: #579be7; } .mb {margin-bottom: 100px;} .mb25 {margin-bottom: 25px;} .mb50 {margin-bottom: 50px;} .beautiful-taxonomy-filters-select-wrap {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-column-gap: 50px; align-items: end;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax {width: 100%;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax label {display: block; margin-bottom: 10px;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax select {position: relative; border: none; width: calc(100% - 50px); border-radius: 0!important; height: 50px; padding: 10px; box-sizing: border-box; margin-left: 50px;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax select:focus {outline: none;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax select:before {content: ''; width: 50px; height: 50px; position: absolute; left: -50px; top: 0; bottom: 0; background: url("assets/icons/fav-tour.svg") var(--light-gray); background-repeat: no-repeat; background-position: center; background-size: 70%;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax a {width: 50px; height: 50px; padding: 0; float: right; display: flex; align-items: center; justify-content: center;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax #btnkarte a, .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax #btnobjekte a {width: 100%;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax #btnkarte a svg, .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax #btnobjekte a svg {margin-right: 10px;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax a svg {margin-right: 0;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax {position: relative;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax.select_nutzung:before {content: ''; width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #d6d8d9 url("assets/icons/filter-nutzung.svg") no-repeat; background-size: 20px; background-position: center;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax.select_architektur:before {content: ''; width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #d6d8d9 url("assets/icons/filter-bauwerk.svg") no-repeat; background-size: 20px; background-position: center;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax.select_lehmbaustoffe:before {content: ''; width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #d6d8d9 url("assets/icons/filter-baustoff.svg") no-repeat; background-size: 20px; background-position: center;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax.select_seiten:before {content: ''; width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #d6d8d9 url("assets/icons/pages.svg") no-repeat; background-size: 20px; background-position: center;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax.select_handwerker:before {content: ''; width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #d6d8d9 url("assets/icons/filter-nutzung.svg") no-repeat; background-size: 20px; background-position: center;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax.select_architekt:before {content: ''; width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #d6d8d9 url("assets/icons/filter-bauwerk.svg") no-repeat; background-size: 20px; background-position: center;} .beautiful-taxonomy-filters-select-wrap .beautiful-taxonomy-filters-tax.select_orte:before {content: ''; width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; background: #d6d8d9 url("assets/icons/filter-baustoff.svg") no-repeat; background-size: 20px; background-position: center;} .show-filter-options {display: none;} .add-filter {cursor: pointer} .reset-filters {color: var(--text-color); float: right; transition: var(--transition);} .reset-filters:hover {color: var(--akzent-gold); transition: var(--transition);} .beautiful-taxonomy-filters-select-wrap.additional-filter {display: none;} .beautiful-taxonomy-filters-select-wrap.additional-filter.open {display: grid;} @media (max-width: 1024px) { .beautiful-taxonomy-filters-select-wrap {grid-template-columns: repeat(2, 1fr); grid-column-gap: 50px; height: 0; overflow: hidden; transition: var(--transition);} .beautiful-taxonomy-filters-select-wrap.filter-visible {height: auto; overflow: visible; transition: var(--transition);} .beautiful-taxonomy-filters-tax {margin-bottom: 25px;} .show-filter-options {color: var(--text-color); font-family: "Aago-Sm", sans-serif; border-radius: 5px; background-color: var(--akzent-gold); padding: 14px 0; display: block; text-align: center;} .show-filter-options span {display: flex; align-items: center; justify-content: center;} .show-filter-options span svg {width: 18px; height: 18px; margin-right: 10px;} } @media (max-width: 500px) { .beautiful-taxonomy-filters-select-wrap {grid-template-columns: 100%;} } /* ########## Partnersuche ########## */ #partnersuche {display: flex; align-items: center; justify-content: space-between;} #partnersuche input {border-radius: 0; border: none;} #partnersuche input[type="search"] {width: calc(100% - 35px); height: 40px; background: #f4f3f1; padding: 0 10px;} #partnersuche .submit {width: 40px; height: 40px; background-color: #C81932; display: flex; align-items: center; justify-content: center;} #partnersuche .submit img {width: 20px; height: 20px; object-fit: contain;} #partnersuche input[type="checkbox"] {width: 40px; height: 40px; font-size: 1px; margin: 0; border-radius: 0;} #partnersuche label {width: calc(100% - 35px); height: 40px; font-size: 14px; background: #f4f3f1; line-height: 40px; padding: 0 10px;} #partnersuche .partnersuche-form-item:first-child {flex-basis: 48%;} #partnersuche .partnersuche-form-item {flex-basis: 23%; display: flex; align-items: center;} .filterreset {margin-top: 10px;text-align: right;} .filterreset a .partnerbox {color: #C81932;} #partnerliste {/*display: grid; grid-template-columns: repeat(4, 20%); grid-template-rows: auto; justify-items: start; align-items: end; justify-content: space-between;*/ margin-top: 50px;} #partnerliste a{display: block; width: 100%; font-size: 14px;} #partnerliste a:hover{text-decoration: none;} #partnerliste a:hover .partnerbox{color: #C81932;} #partnerliste .partnerbox{margin: 0 0 10px 0;line-height: 40px;padding-bottom: 10px;width: 100%;border-bottom: 1px solid #d3d0c9; transition: var(--transition);display: grid; grid-template-columns: /*repeat(4, 20%)*/26% 26% 26% 22%; grid-template-rows: auto; justify-items: start; align-items: end; justify-content: space-between;} #partnerliste .partnerbox.nborder{border-right: 0;} #partnerliste .partnerbox span {font-size: 14px;font-weight: 500;} /* ########## Accordion ########## */ .section.accordion {margin-bottom: 50px;} .section.accordion .item-accordion-head {cursor: pointer; background: #f2f2f2; padding: 10px; box-sizing: border-box; border-radius: 3px;} .section.accordion .item-accordion-btn {width: 26px; height: 26px; background: #d7d7d7; float: right; margin: 0; cursor: pointer; position: relative;} .section.accordion .item-accordion-btn:before {content: '-'; color: #fff; position: absolute; width: 26px; height: 26px; text-align: center; line-height: 22px; font-size: 24px;} .section.accordion .item-accordion {margin-bottom: 5px; } .section.accordion .item-accordion.hidden .item-accordion-btn:before {content: '+'; line-height: 26px;} .section.accordion .item-accordion.active .item-accordion-btn:before {content: '-'; line-height: 22px; } .section.accordion .item-accordion.hidden.active .item-accordion-btn:before {content: '-'; line-height: 22px;} .section.accordion .item-accordion.hidden .item-accordion-content {display: none;} .section.accordion .item-accordion .item-accordion-content {padding: 1.5em 1.5em 0 1.5em;} /* ########## Blog ########## */ article.singlepost {} article.singlepost .post-image {} article.singlepost .post-image img {width: 100%; height: auto;} article.singlepost h1.sprechblase {display: inline; position: absolute; z-index: 2; top: 100px; left: 40px; padding-right: 80px; font-weight: 300;} /* ########## Content ########## */ .content .post-image {margin-bottom: 40px;} .content .post-image img {width: 100%; height: auto;} .content h1.sprechblase {display: inline; position: absolute; z-index: 2; top: 100px; left: 40px; padding-right: 80px; font-weight: 300;} article.singlepost h1.blogtitel {display: none;} @media (max-width: 600px) { article.singlepost h1.sprechblase {display: none;} article.singlepost h1.blogtitel {display: block;font-size: 25px;} .content h1.sprechblase {background: none;top: 10px;} .content .post-image {margin-bottom: 100px;} } /* ########## Contact Form 7 ########## */ .wpcf7 input, .wpcf7 textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #ddd;border-radius:2px;padding:10px 15px;outline:none;-webkit-transition:border-color .1s ease-in-out;transition:border-color .1s ease-in-out;} .wpcf7 input:focus, .wpcf7 textarea:focus{border-color:#aaa;} .wpcf7 textarea{resize:vertical;height:180px;min-height:120px;max-height:350px;} .wpcf7 .fieldwrap{margin:0.7em 0;} .wpcf7 label span.mdtry{color:#9a1b22;} .wpcf7 input[type=submit]{background:#9a1b22;color:#fff;width:auto;cursor:pointer;display:inline-block;border-color:#ccc;} .wpcf7 span.safe{display:inline-block;font-size:13px;color:#999;margin:0.8em 0 0.8em 2px;} .wpcf7 .wpcf7-response-output.wpcf7-validation-errors{background:#fbebc8;border-color:#e4cc99;} .wpcf7 .wpcf7-response-output{margin:1em 0 0 0;border:1px solid;padding:15px;line-height:1.4em;font-size:15px;} .wpcf7 .wpcf7-not-valid-tip{font-size:11px;text-transform:uppercase;color:#9a1b22;} /* Downloads */ #pdfs ul.downloads { margin-left:0px} #pdfs .downloads li { list-style-type:none; margin:0 0 10px 0;} #pdfs .downloads li a { list-style-type:none; display:block; padding: 5px 0 5px 45px; background: #F2F5F5 url(assets/pdf.gif) no-repeat 3px center; font-size: 14px;} #pdfs .downloads li a:hover { background: #C81932 url(assets/pdf_hover.gif) no-repeat 3px center; color:#fff; -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;} /* Produktdetail Konfigurator */ .kachel_5 {width: 125px; height: 125px;} .kachel_4 {width: 158px; height: 158px;} .kachel_3 {width: 214px; height: 214px;} .farbraumreiter {} .farbraum {/*display: flex;flex-wrap:wrap;*/max-width: 800px;} .farbraum .farbe {float: left; margin-right: 5px;} .farbraum .farbe_margin {margin-right: 0px !important;} .farbraum .farbenstring, .farbraum .farbenbezeichnung {text-transform: uppercase; font-size: 10px;} .farbraumtitel {width: 100%;padding: 0.5rem 0 0 0; margin-bottom: 10px; border-radius: 0px;} .farbraumlink {width: 31.7%;float: left;} .farbraumlink {margin-right: 10px;border: 1px solid #000;margin-bottom: 10px;} .reitertabs .farbraumlink:nth-child(3) {margin-right: 0;} .reitertabs .farbraumlink:nth-child(6) {margin-right: 0;} .reitertabs .farbraumlink:nth-child(9) {margin-right: 0;} .farbraumlink.inaktiv {border: 1px solid #000;} .farbraumlink.aktiv {border: 1px solid #C81932; color: #C81932;} .farbraumlink a {display: inherit;color: #000;text-align: center;font-size: 14px;} .farbraumlink a:hover {text-decoration: none;} .farbraumtitel:hover {text-decoration: none; color: #C81932; border-color: #C81932;} .reiterhide {display: none;} .reitershow {display: block;} .reitertabs {margin-bottom: 20px; margin-top: 5px;} .produktdaten {margin-bottom: 0px;} .produktdaten .preis {color: #a06438; font-size: 36px; height: 50px;} .produktdaten .prdaten_left {font-size: 14px; width: 50%; float: left; margin: 10px 0;font-weight: 500;line-height: 30px;} .produktdaten .prdaten_right {font-size: 14px; width: 50%; float: right; margin: 10px 0;font-weight: 500;} .produktdaten #farbe {height: 40px;} .produktdaten #farbe div {height: 25px; width: 25px; float: left; margin-right: 10px;} .produktdaten .prdaten_left .infos {line-height: 20px;} @media (max-width: 1000px){ .produktdaten .prdaten_left, .produktdaten .prdaten_right {float: none; width: 100%;} } @media (max-width: 570px) { .farbraumlink {width: 50%;} } .konfigtitel {color: #C81932; font-size: 16px; font-weight: bold;margin-right: 10px; float: left;} .hinweis { font-size: 14px;} #strukturen {display: none;} .strukturen {max-width: 100%;margin-bottom: 20px; margin-top: 5px;} #strukturen .struktur {width: 23.6%;margin-right: 10px; float: left; margin-bottom: 10px;} #strukturen .struktur:nth-child(4),#strukturen .struktur:nth-child(8) {margin-right: 0px;} #strukturen .struktur .bezeichnung { font-size: 10px;} .strukturthumbnail {width: 25px; height: 25px;float: left;margin-right: 10px;} .farbspektrum_load {float: right; display: none;} .farbspektrum_load img {width: 25px;} .lupe {width: 20px; float: right;} .variantenlink {width: 48%;float: left;} .variantenlink {margin-right: 10px;border: 1px solid #000;margin-bottom: 10px;} .variantenlink a {display: inherit;color: #000;text-align: center;font-size: 14px;} .variantenlink a:hover {text-decoration: none;} .variantentitel:hover {text-decoration: none; color: #C81932; border-color: #C81932;} .product-total {display: none;} .product p.wc-gzd-additional-info {display: none;} .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {padding: 0 0 0 10px !important;background: #f4f3f1;border-radius: 0 0 5px 5px; border-top: 0;border-left: 0;border-right: 0;border-bottom: 2px solid #d3d0c9;} /* ########## Sidebar ########## */ .sidebar{font-size:14px;line-height:1.6em;} .sidebar .box{margin:0;padding:15px;border:1px solid #ddd;position:relative;} .sidebar .box:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}* html .sidebar .box{min-height:1%;} .content .sidebar .box p{margin:0.5em 0 0 0;} .content .sidebar .box p:first-child{margin-top:0;} .content .sidebar .box p.head{color:#9a1b22;font-weight:bold;text-transform:uppercase;font-size:16px;} .content .sidebar .box.categories ul{margin:0;} .content .sidebar .box.categories ul li{list-style:none;} .content .sidebar .box.categories ul li a{color:#9a1b22;margin:0 0 7px 0;display:block;position:relative;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;} .content .sidebar .box.categories ul li a:hover{color:#9a1b22;} .content .sidebar .box.categories ul li a:hover{text-decoration:none;} .content .sidebar .box.categories ul li.current-cat a, #content.blog.home .sidebar .box.categories ul li.cat-item-all a{font-weight:bold;} .content .sidebar .box.categories.home ul li.cat-item-all a:after{opacity:0 !important;} .content .sidebar .box.categories.categorypage ul li:not(.current) a{color:#777;} .content .sidebar .box.categories.categorypage ul li a:after{background:#ccc;} .content .sidebar .box.categories.categorypage ul li ul{display:none;margin-bottom:7px;} .content .sidebar .box.categories.categorypage ul li.current ul{display:block;margin-top:-7px;} .content .sidebar .box.categories.categorypage ul li ul li a{display:block;position:relative;padding-left:20px;} .content .sidebar .box.categories.categorypage ul li ul li a:before{content:'';position:absolute;left:0;top:10px;width:12px;height:2px;background:#ccc;} .content .sidebar .box.categories.categorypage ul li.current ul li a{color:#777;background:none;} .content .sidebar .box.categories.categorypage ul li.current a{font-weight:bold;} .content .sidebar .box.categories.categorypage ul li.current ul li a{font-weight:normal;} .content .sidebar .box.categories.categorypage ul li.current a:after{display:none;} .content .sidebar .box.categories.categorypage ul li ul li.current-sub a{color:#9a1b22;} .content .sidebar .box.product{padding-bottom:5px;} .content .sidebar .box.product img{display:block;width:100%;height:auto;} .content .sidebar .box.product h2{font-size:20px;color:#777;margin:0.1em 0 0.5em;} .content .sidebar .box.product a:hover{text-decoration:none;} .content .sidebar .box.product li.product{margin:0 !important;width:100%;} .content .sidebar img.brand-thumbnail{max-width:100px;float:left;margin-right:12px;} .content .sidebar li.chosen a:hover{text-decoration:line-through;} .content .sidebar .price_slider{margin:1em 0 0;} .content .sidebar .woocommerce-widget-layered-nav-dropdown__submit{background:#9a1b22;color:#fff;-webkit-appearance:none;border:none;border-radius:2px;padding:8px 10px;font-weight:bold;font-size:14px;} .content .sidebar .select2-container{margin-top:0.7em;} .content .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:#2d7960;} .content .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background:#9a1b22;} .content .woocommerce .widget_price_filter .ui-slider .ui-slider-range{background:#2d7960;} /* Responsive */ @media (max-width: 1000px){ .sidebar .box{padding:10px;margin:7% 0;} } ul.page-numbers {list-style: none;margin: 0;} .page-numbers:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} ul.page-numbers li {display: block;float: left;margin: 0 4px 4px 0;text-align: center;} .page-numbers a, .page-numbers span {display: block;padding: 10px;height: 18px;line-height: 18px;font-size: 14px;text-decoration: none;font-weight: 400;cursor: pointer;border: 1px solid #ddd;color: #555555;} .page-numbers a span { padding: 0 } .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover {color: #fff;background: #C81932;text-decoration: none;} .page-numbers:hover { text-decoration: none } /* Quadratmeter Rechner */ .quantity.infobox {border: 1px solid #ccc; background: #f2f2f2; padding: 15px; box-sizing: border-box;} /* Produktetabs */ .prtabs .tab {background: #ccc; padding: 5px; float: left;} .prkategorie .woocommerce.columns-4 {width: 100% !important;} #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {margin: 0 !important;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #cssmenu:after, #cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} #cssmenu {width: auto;line-height: 1;} /*#cssmenu ul {position: absolute;top: 41px;}*/ #cssmenu > ul > li {float: left;height: 65px;padding-top: 12px;} #cssmenu > ul > li:before {content:"";position: absolute;top: 7px; color: #c4c4c4;font-size: 25px;} #cssmenu > ul > li.active + li:before, #cssmenu > ul > li:first-child:before {content:"";position: absolute;top: 7px; color: #c4c4c4;font-size: 25px;} #cssmenu.align-center > ul > li {display: inline-block;float: none;} #cssmenu.align-right > ul > li {float: right;} #cssmenu.align-right > ul > li > a {margin-right: 0;margin-left: -4px;} #cssmenu > ul > li > a {z-index: 2;padding: 14px 25px 24px 25px;font-size: 15px;font-weight: 400;text-decoration: none;color: #000;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;margin-right: -4px;} #cssmenu > ul > li > a:after {position: absolute;left: 0;bottom: 0;right: 0;z-index: -1;width: 100%;height: 120%;content: "";-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;} #cssmenu > ul > li.active > a:after, #cssmenu > ul > li:hover > a:after, #cssmenu > ul > li > a:hover:after {background: #fff;} .prhide {display: none;} .tabnavi {background: #d3d0c9; min-height: 50px;} .tabnavi h3 {padding-top: 30px;} .prkategorie {margin-top: 50px;} @media (max-width: 768px){ #cssmenu > ul > li {float: none;} #cssmenu > ul > li > a {padding: 14px 10px 24px 10px;} } table.frachtkosten{width: 100%;} table.frachtkosten tr:nth-child(even) {background-color: #dddddd;} table.frachtkosten tr:nth-child(odd) {background-color: #cccccc;} table.frachtkosten td,table.frachtkosten th{text-align: right; font-size: 14px;padding: 4px 10px;/*min-width: 80px;*/} .fr-content {background: #fff;} /* ########## Bilder Hersteller ############## */ .bhbilder {display: flex;flex-direction: row;} .bhbild {margin: 1px;} .bhbild img {width: 100%;} /* ########## Warenkorb-Popup ############## */ .xoo-cp-success {background: #C81932 !important; color: #fff !important;} #strukturen .struktur .bild {border: 1px solid #ccc;} .hlborder {border: 1px solid #C81932 !important;} /* Siegel */ .siegel {float: left; margin-right: 20px; font-size: 13px; line-height: 53px;} .siegel img{float: left; margin-right: 10px;} /* Newsletter */ .mc4wp-form-fields input[type=email],.mc4wp-form-fields input[type=text]{padding: 0 0 0 10px !important;background: #f4f3f1;border-radius: 0 0 5px 5px;border-top: 0;border-left: 0;border-right: 0;border-bottom: 2px solid #d3d0c9;} .nlinput {width: 100%;height: 40px;font-size: 14px;line-height: 100%;padding: 10px 15px;background: #fff;border: 1px solid #ddd;border-radius: 3px;-webkit-border-radius: 3px;-webkit-appearance: none;box-sizing: border-box;} .mc4wp-form-fields .dgwt-wcas-ico-magnifier { left: auto !important; right: 10px !important; } .mc4wp-form-fields .dgwt-wcas-ico-magnifier {height: 50%;max-height: 20px;width: 100%;max-width: 20px;left: 12px;right: auto;opacity: .5;fill: #000;top: 0px;} .mc4wp-form-fields input[type=submit]{display: none;} /* Nach Oben Link */ .nachoben {position: fixed;bottom: 0;right: 0px;text-decoration: none;color: #fff;background-color: #d3d0c9;font-size: 12px;display: none; width: 70px; height: 70px; text-align: center;} .nachoben a {color:#fff;} .nachoben a:hover {text-decoration: none;} .nachoben img {width: 24px; height: 24px;margin-top: 15px;} .has-success {border: 1px solid #0db936 !important;} .has-error {border: 1px solid #cb2424 !important;} #qausgabe {color: #C81932;} #profikunde {display: none;} .produkte .woocommerce.columns-4 {width: 100%;} /* Infonav */ .infonav-footer{background:#fff;display:none;} .infonav-footer ul{padding:30px 0;} .infonav-footer ul li{float:left;width:24.25%;margin: 0 1% 1% 0; list-style: none;} .infonav-footer ul li:nth-child(4n+4){margin: 0 0 1% 0;} .infonav-footer ul li a{background:#eee;color:#555;display:block;padding:3px;border-radius:4px;text-align:center;font-size: 12px;} #open-infonav{display:block;width:16px;height:16px;float:right;margin-left:10px; cursor: pointer; border-radius: 100%; text-align: center; margin-top: 2px;} #open-infonav:before {content: '\f129'; text-align: center; font-family: 'FontAwesome', sans-serif; color: #ffffff; line-height: 13px; width: 16px; font-size: 10px; text-indent: 1px; vertical-align: text-top;} @media (max-width: 1200px){ .infonav-footer ul li {width: 32.6666667%;} .infonav-footer ul li:nth-child(4n+4){margin: 0 1% 1% 0;} .infonav-footer ul li:nth-child(3n+3){margin: 0 0 1% 0;} } @media (max-width: 900px){ .infonav-footer ul li {width: 49.5%;} .infonav-footer ul li:nth-child(3n+3){margin: 0 1% 1% 0;} .infonav-footer ul li:nth-child(2n+2){margin: 0 0 1% 0;} } @media (max-width: 600px){ .infonav-footer ul li {width: 100%; float: none; margin: 0 0 1% 0;} .infonav-footer ul li:nth-child(3n+3){margin: 0 0 1% 0;} } .box_profikundenantrag {margin: 20px 0;border: 1px solid #efefef;padding: 20px;color: #fff;} .box_profikundenantrag.hilight {background: #C81932;} .box_profikundenantrag.hilight_ok {background: #2d7960;} .wc-gzd-checkbox-placeholder-reg_data_privacy {} .wc-gzd-checkbox-placeholder-reg_data_privacy .terms-privacy-policy {background: rgba(255, 180, 0, 0.2); margin: 20px 0 5px 0; border: 1px solid rgba(255, 180, 0, 1); box-sizing: border-box; display: block; padding: 0 0 0 20px; float: none;} .wc-gzd-checkbox-placeholder-reg_data_privacy .terms-privacy-policy input[type="checkbox"] {width: 16px; height: 16px; } .cr_form input[name="email"]{padding: 8px 5px!important; width: 100%; display: inline;border: none;outline: none;margin: 5px 0 5px 0!important;box-sizing: border-box;} .cr_form button[type="submit"] {color: var(--text-color);font-family: "Aago-Sm", sans-serif;width: 100%;background-color: var(--akzent-gold);padding: 14px 10px;text-align: center;border: none;outline: none; cursor: pointer; margin-bottom: 20px;} .cart-collaterals .cross-sells{display: none;} /* ########## Plugins ########## */ /* Slick Slider */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height: 710px;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block; /*width: 100%;*/}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*! http://responsiveslides.com v1.55 by @viljamis */ .rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}.rslides li:first-child{position:relative;display:block;float:left}.rslides img{display:block;height:auto;float:left;width:100%;border:0} /* Fresco */ .fr-overlay,.fr-window{position:fixed;top:0;left:0}.fr-box,.fr-overlay,.fr-overlay-background,.fr-page,.fr-pages,.fr-window{width:100%;height:100%}.fr-hovering-clickable .fr-container,.fr-side{cursor:pointer}.fr-overlay,.fr-overlay [class^=fr-],.fr-spinner,.fr-spinner [class^=fr-],.fr-window,.fr-window [class^=fr-]{box-sizing:border-box}.fr-overlay{z-index:99998}.fr-window{font:13px/20px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;transform:translateZ(0);z-index:99999}.fr-spinner{z-index:100000}.fr-overlay-background{float:left;background:#000;opacity:.9;filter:alpha(opacity=90)}.fr-overlay-ui-fullclick .fr-overlay-background{background:#292929;opacity:1;filter:alpha(opacity=100)}.fr-overlay.fr-mobile-touch,.fr-window.fr-mobile-touch{position:absolute;overflow:visible}.fr-measured{margin:0!important;min-width:0!important;min-height:0!important}.fr-box{position:absolute;top:0;left:0}.fr-pages{position:absolute;overflow:hidden;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fr-info,.fr-position-inside,.fr-position-outside{-webkit-text-size-adjust:none;text-size-adjust:none;-khtml-user-select:text}.fr-page{position:absolute}.fr-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;text-align:center}.fr-ui-inside .fr-container,.fr-ui-inside.fr-no-sides .fr-container{padding:20px}.fr-ui-outside .fr-container{padding:20px 82px}.fr-ui-outside.fr-no-sides .fr-container{padding:20px 48px}@media all and (max-width:700px) and (orientation:portrait),all and (orientation:landscape) and (max-height:700px){.fr-ui-inside .fr-container,.fr-ui-inside.fr-no-sides .fr-container{padding:12px}.fr-ui-outside .fr-container{padding:12px 72px}.fr-ui-outside.fr-no-sides .fr-container{padding:12px 48px}}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:500px){.fr-ui-inside .fr-container,.fr-ui-inside.fr-no-sides .fr-container{padding:0}.fr-ui-outside .fr-container{padding:0 72px}.fr-ui-outside.fr-no-sides .fr-container{padding:0 48px}}.fr-ui-fullclick .fr-container,.fr-ui-fullclick.fr-no-sides .fr-container{padding:0}.fr-ui-fullclick.fr-type-video .fr-container{padding:0 62px}.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container{padding:48px 0}.fr-overflow-y .fr-container{padding-top:0!important;padding-bottom:0!important}.fr-content,.fr-content-background{position:absolute;top:50%;left:50%;overflow:visible}.fr-info,.fr-info-background{position:absolute;top:0;width:100%}.fr-content-element{float:left;width:100%;height:100%}.fr-content-background{background:#101010}.fr-info{left:0;color:#efefef;font-size:13px;line-height:20px;text-align:left;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fr-position,.fr-position-text{color:#b3b3b3}.fr-info-background{left:0;height:100%;background:#000;line-height:1%;filter:none;opacity:1}.fr-ui-inside .fr-info-background{filter:alpha(opacity=80);opacity:.8;zoom:1}.fr-ui-outside .fr-info-background{background:#0d0d0d}.fr-content .fr-info{top:auto;bottom:0}.fr-info-padder{display:block;overflow:hidden;padding:12px;position:relative;width:auto}.fr-caption{width:auto;display:inline}.fr-position{float:right;line-height:21px;opacity:.99;position:relative;text-align:right;margin-left:15px;white-space:nowrap}.fr-position-inside,.fr-position-outside{position:absolute;bottom:0;right:0;margin:12px;width:auto;padding:2px 8px;border-radius:10px;font-size:11px;line-height:20px;text-shadow:0 1px 0 rgba(0,0,0,.4);display:none;overflow:hidden;white-space:nowrap;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fr-close,.fr-side{-webkit-user-select:none;-moz-user-select:none}.fr-position-inside{border:0}.fr-position-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#0d0d0d;filter:alpha(opacity=80);opacity:.8;zoom:1}.fr-position-inside .fr-position-text,.fr-position-outside .fr-position-text{float:left;position:relative;text-shadow:0 1px 1px rgba(0,0,0,.3);opacity:1}.fr-ui-outside .fr-position-outside{display:block}.fr-ui-outside .fr-info .fr-position{display:none}.fr-ui-inside.fr-no-caption .fr-position-inside{display:block}.fr-info .fr-stroke-top,.fr-ui-fullclick .fr-stroke,.fr-ui-inside.fr-no-caption .fr-caption,.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom,.fr-ui-outside.fr-no-caption .fr-info{display:none}.fr-info a,.fr-info a:hover{color:#ccc;border:0;background:0 0;text-decoration:underline}.fr-info a:hover{color:#eee}.fr-stroke{position:absolute;top:0;left:0;width:100%;height:1px}.fr-stroke-vertical{width:1px;height:100%}.fr-stroke-horizontal{padding:0 1px}.fr-stroke-right{left:auto;right:0}.fr-stroke-bottom{top:auto;bottom:0}.fr-stroke-color{float:left;width:100%;height:100%;background:rgba(255,255,255,.08)}.fr-info .fr-stroke-color{background:rgba(80,80,80,.3)}.fr-ui-fullclick .fr-content-background{box-shadow:none}.fr-side-hidden,.fr-thumbnails-disabled .fr-thumbnails{display:none!important}.fr-side{position:absolute;top:50%;width:54px;height:72px;margin:-36px 9px 0;user-select:none;zoom:1}.fr-side-previous{left:0}.fr-side-next{right:0;left:auto}.fr-side-disabled{cursor:default}.fr-close,.fr-thumbnail,.fr-thumbnail-overlay{cursor:pointer}.fr-side-button{float:left;width:100%;height:100%;margin:0;padding:0}.fr-side-button-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#101010}.fr-side-button-icon{float:left;position:relative;height:100%;width:100%;zoom:1;background-position:50% 50%;background-repeat:no-repeat}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:414px){.fr-side{width:54px;height:60px;margin:-30px 0 0}.fr-side-button{width:48px;height:60px;margin:0 3px}}.fr-close{position:absolute;width:48px;height:48px;top:0;right:0;user-select:none}.fr-close-background,.fr-close-icon{position:absolute;top:12px;left:12px;height:26px;width:26px;background-position:50% 50%;background-repeat:no-repeat}.fr-close-background{background-color:#000}.fr-thumbnails{position:absolute;overflow:hidden}.fr-thumbnails-horizontal .fr-thumbnails{width:100%;height:12%;min-height:74px;max-height:160px;bottom:0}.fr-thumbnails-vertical .fr-thumbnails{height:100%;width:10%;min-width:74px;max-width:160px;left:0}.fr-thumbnails,.fr-thumbnails *{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fr-thumbnails-wrapper{position:absolute;top:0;left:50%;height:100%}.fr-thumbnails-vertical .fr-thumbnails-wrapper{top:50%;left:0}.fr-thumbnails-slider{position:relative;width:100%;height:100%;float:left;zoom:1}.fr-thumbnails-slider-slide{position:absolute;top:0;left:0;height:100%}.fr-thumbnails-thumbs{float:left;height:100%;overflow:hidden;position:relative;top:0;left:0}.fr-thumbnails-slide{position:absolute;top:0;height:100%;width:100%}.fr-thumbnail-frame{position:absolute;zoom:1;overflow:hidden}.fr-thumbnail{position:absolute;width:30px;height:100%;left:50%;top:50%;zoom:1;margin:0 10px}.fr-ltIE9 .fr-thumbnail *{overflow:hidden;z-index:1;zoom:1}.fr-thumbnail-wrapper{position:relative;background:#161616;width:100%;height:100%;float:left;overflow:hidden;display:inline;z-index:0}.fr-thumbnail-active,.fr-thumbnail-active .fr-thumbnail-overlay{cursor:default}.fr-thumbnail-overlay,.fr-thumbnail-overlay-background,.fr-thumbnail-overlay-border{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;overflow:hidden;border-style:solid;border-color:transparent}.fr-ltIE9 .fr-thumbnail-overlay-border{border-width:0!important}.fr-thumbnail .fr-thumbnail-image{position:absolute;filter:alpha(opacity=85);opacity:.85;max-width:none}.fr-thumbnail-active:hover .fr-thumbnail-image,.fr-thumbnail:hover .fr-thumbnail-image{filter:alpha(opacity=99);opacity:.99}.fr-thumbnail-active .fr-thumbnail-image,.fr-thumbnail-active:hover .fr-thumbnail-image{filter:alpha(opacity=35);opacity:.35}.fr-thumbnail-loading,.fr-thumbnail-loading-background,.fr-thumbnail-loading-icon{position:absolute;top:0;left:0;width:100%;height:100%}.fr-thumbnail-loading-background{background-color:#161616;background-position:50% 50%;background-repeat:no-repeat;opacity:.8;position:relative;float:left}.fr-thumbnail-loading-icon{display:none}.fr-thumbnail-error .fr-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#202020}.fr-thumbnails-side{float:left;height:100%;width:28px;margin:0 5px;position:relative;overflow:hidden}.fr-thumbnails-side-previous{margin-left:12px}.fr-thumbnails-side-next{margin-right:12px}.fr-thumbnails-vertical .fr-thumbnails-side{height:28px;width:100%;margin:10px 0}.fr-thumbnails-vertical .fr-thumbnails-side-previous{margin-top:20px}.fr-thumbnails-vertical .fr-thumbnails-side-next{margin-bottom:20px}.fr-thumbnails-side-button{position:absolute;top:50%;left:50%;margin-top:-14px;margin-left:-14px;width:28px;height:28px;cursor:pointer}.fr-thumbnails-side-button-background,.fr-thumbnails-side-button-icon{position:absolute;width:100%;height:100%;left:0;top:0}.fr-thumbnails-side-button-background{filter:alpha(opacity=80);opacity:.8;-moz-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;background-color:#333;cursor:pointer;border-radius:4px}.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background{background-color:#3b3b3b}.fr-thumbnails-side-button-disabled *{cursor:default}.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background{background-color:#333}.fr-thumbnails-vertical .fr-thumbnail-frame,.fr-thumbnails-vertical .fr-thumbnails-side,.fr-thumbnails-vertical .fr-thumbnails-thumbs{clear:both}.fr-window-ui-fullclick .fr-thumbnails{background:#090909}.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom,.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left{display:block!important}.fr-thumbnails-horizontal .fr-thumbnails-thumbs{padding:12px 5px}.fr-thumbnails-vertical .fr-thumbnails-thumbs{padding:5px 12px}.fr-thumbnails-measured .fr-thumbnails-thumbs{padding:0!important}@media all and (min-height:700px){.fr-thumbnails-horizontal .fr-thumbnails-thumbs{padding:16px 8px}.fr-thumbnails-horizontal .fr-thumbnails-side{margin:0 8px}.fr-thumbnails-horizontal .fr-thumbnails-side-previous{margin-left:16px}.fr-thumbnails-horizontal .fr-thumbnails-side-next{margin-right:16px}}@media all and (min-height:980px){.fr-thumbnails-horizontal .fr-thumbnails-thumbs{padding:20px 10px}.fr-thumbnails-horizontal .fr-thumbnails-side{margin:0 10px}.fr-thumbnails-horizontal .fr-thumbnails-side-previous{margin-left:20px}.fr-thumbnails-horizontal .fr-thumbnails-side-next{margin-right:20px}}@media all and (min-width:1200px){.fr-thumbnails-vertical .fr-thumbnails-thumbs{padding:8px 16px}.fr-thumbnails-vertical .fr-thumbnails-side{margin:0 8px}.fr-thumbnails-vertical .fr-thumbnails-side-previous{margin-top:16px}.fr-thumbnails-vertical .fr-thumbnails-side-next{margin-bottom:16px}}@media all and (min-width:1800px){.fr-thumbnails-vertical .fr-thumbnails-thumbs{padding:10px 20px}.fr-thumbnails-vertical .fr-thumbnails-side{margin:10px 0}.fr-thumbnails-vertical .fr-thumbnails-side-previous{margin-top:20px}.fr-thumbnails-vertical .fr-thumbnails-side-next{margin-bottom:20px}}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:500px){.fr-thumbnails-horizontal .fr-thumbnails{display:none!important}}@media all and (max-width:700px) and (orientation:portrait),all and (orientation:landscape) and (max-height:414px){.fr-thumbnails-vertical .fr-thumbnails{display:none!important}}.fr-window-ui-fullclick .fr-close-outside,.fr-window-ui-fullclick .fr-content .fr-close,.fr-window-ui-fullclick .fr-content .fr-info,.fr-window-ui-fullclick .fr-content .fr-side-next,.fr-window-ui-fullclick .fr-content .fr-side-previous,.fr-window-ui-fullclick .fr-side-next-outside,.fr-window-ui-fullclick .fr-side-previous-outside,.fr-window-ui-inside .fr-close-fullclick,.fr-window-ui-inside .fr-close-outside,.fr-window-ui-inside .fr-page>.fr-info,.fr-window-ui-inside .fr-side-next-fullclick,.fr-window-ui-inside .fr-side-next-outside,.fr-window-ui-inside .fr-side-previous-fullclick,.fr-window-ui-inside .fr-side-previous-outside,.fr-window-ui-outside .fr-close-fullclick,.fr-window-ui-outside .fr-content .fr-close,.fr-window-ui-outside .fr-content .fr-info,.fr-window-ui-outside .fr-content .fr-side-next,.fr-window-ui-outside .fr-content .fr-side-previous,.fr-window-ui-outside .fr-side-next-fullclick,.fr-window-ui-outside .fr-side-previous-fullclick{display:none!important}.fr-toggle-ui{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.fr-visible-fullclick-ui .fr-box>.fr-toggle-ui,.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui{opacity:1}.fr-hidden-fullclick-ui .fr-box>.fr-toggle-ui,.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui{-webkit-transition:opacity .3s;transition:opacity .3s}.fr-ltIE9.fr-hidden-fullclick-ui .fr-box>.fr-toggle-ui,.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui{display:none}.fr-spinner{position:fixed;width:52px;height:52px;background:#101010;background:rgba(16,16,16,.85);border-radius:5px}.fr-spinner div{position:absolute;top:0;left:0;height:64%;width:64%;margin-left:18%;margin-top:18%;opacity:1;-webkit-animation:fresco-12 1.2s infinite ease-in-out;animation:fresco-12 1.2s infinite ease-in-out}.fr-spinner div:after{content:'';position:absolute;top:0;left:50%;width:2px;height:8px;margin-left:-1px;background:#fff;box-shadow:0 0 1px transparent}.fr-spinner div.fr-spin-1{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.fr-spinner div.fr-spin-2{-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-1s;animation-delay:-1s}.fr-spinner div.fr-spin-3{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.fr-spinner div.fr-spin-4{-ms-transform:rotate(120deg);-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.fr-spinner div.fr-spin-5{-ms-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.fr-spinner div.fr-spin-6{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.fr-spinner div.fr-spin-7{-ms-transform:rotate(210deg);-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.fr-spinner div.fr-spin-8{-ms-transform:rotate(240deg);-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.fr-spinner div.fr-spin-9{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.fr-spinner div.fr-spin-10{-ms-transform:rotate(300deg);-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.fr-spinner div.fr-spin-11{-ms-transform:rotate(330deg);-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.fr-spinner div.fr-spin-12{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes fresco-12{0%{opacity:1}100%{opacity:0}}@keyframes fresco-12{0%{opacity:1}100%{opacity:0}}.fr-thumbnail-spinner{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px}.fr-thumbnail-spinner-spin{position:relative;float:left;margin:8px 0 0 8px;text-indent:-9999em;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);border-left:2px solid #fff;-webkit-animation:fr-thumbnail-spin 1.1s infinite linear;animation:fr-thumbnail-spin 1.1s infinite linear}.fr-thumbnail-spinner-spin,.fr-thumbnail-spinner-spin:after{border-radius:50%;width:24px;height:24px}@-webkit-keyframes fr-thumbnail-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fr-thumbnail-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fr-error{float:left;position:relative;background-color:#ca3434;width:160px;height:160px}.fr-error-icon{position:absolute;width:42px;height:42px;top:50%;left:50%;margin-left:-21px;margin-top:-21px}.fr-window-skin-fresco .fr-close-icon,.fr-window-skin-fresco .fr-error-icon,.fr-window-skin-fresco .fr-side-button-icon,.fr-window-skin-fresco .fr-thumbnails-side-button-icon{background-image:url(sprite.svg)}.fr-window-skin-fresco .fr-error-icon,.fr-window-skin-fresco.fr-no-svg .fr-close-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon{background-image:url(sprite.png)}.fr-window-skin-fresco .fr-error-icon{background-position:-160px -126px}.fr-window-skin-fresco .fr-content-background{background:#101010;box-shadow:0 0 5px rgba(0,0,0,.4)}.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background{box-shadow:none}.fr-window-skin-fresco .fr-side-button-background{background-color:transparent}.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon{background-position:-13px -14px}.fr-window-skin-fresco .fr-side-next .fr-side-button-icon{background-position:-93px -14px}.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon{background-position:-13px -114px}.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon{background-position:-93px -114px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon{background-position:-13px -114px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon{background-position:-93px -114px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon{background-position:-13px -214px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon{background-position:-93px -214px}.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon{background-position:-13px -114px}.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon{background-position:-93px -114px}.fr-window-skin-fresco.fr-svg .fr-side-button-icon{opacity:.5}.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon{opacity:1}.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon{opacity:.8}.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon{opacity:.2}.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon{background-image:none}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:414px){.fr-page{min-width:100%;min-height:100%}.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon{background-position:0 -300px}.fr-window-skin-fresco .fr-side-next .fr-side-button-icon{background-position:-48px -300px}.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon{background-position:0 -360px}.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon{background-position:-48px -360px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon{background-position:0 -360px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon{background-position:-48px -360px}.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon{background-position:0 -360px}.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon{background-position:-48px -360px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon{background-position:0 -420px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon{background-position:-48px -420px}}.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background{background-color:#363636}.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background{background-color:#434343}.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background,.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background{background-color:#131313;filter:alpha(opacity=80);opacity:.8}.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background,.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background{background-color:#191919}.fr-window-skin-fresco .fr-close .fr-close-icon{background-position:-168px -8px}.fr-window-skin-fresco .fr-close:hover .fr-close-icon{background-position:-210px -8px}.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon{background-position:-210px -8px;opacity:.8}.fr-window-skin-fresco .fr-close:hover .fr-close-icon,.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon,.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon{opacity:1}.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper{box-shadow:0 0 1px rgba(0,0,0,.1)}.fr-window-skin-fresco .fr-thumbnail-wrapper{border-color:transparent;border-style:solid;border-width:0;box-shadow:0 -1px 4px rgba(0,0,0,.3)}.fr-window-skin-fresco .fr-thumbnail-overlay-border{border-width:1px;border-color:rgba(255,255,255,.08)}.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border{border:0}.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-167px -49px}.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon{background-position:-209px -49px}.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-167px -91px}.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon{background-position:-209px -91px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-293px -49px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon{background-position:-335px -49px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-293px -91px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon{background-position:-335px -91px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon{-moz-transition:opacity .2s ease-in;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:.8}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-167px -49px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-209px -91px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon{opacity:1}.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-293px -49px}.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-335px -91px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled{opacity:.5}.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-251px -49px}.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-251px -91px}.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background{filter:alpha(opacity=50)}.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-377px -49px}.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-377px -91px} .sidebarwrp {max-width: 1360px; margin: auto; position: relative; box-sizing: border-box;} .sidebarwrp .contentwithsidebar {width: 65%; margin: 0; float: left;} .sidebarwrp .contentwithsidebar .section {} .sidebarwrp .contentwithsidebar .wrp {width: 100%;} .sidebarwrp .contentwithsidebar .section.text img {width: 100%; height: auto;} .sidebarwrp aside.sidebar {width: 30%; margin:66px 0 0 0; float: right;} .sidebarwrp aside.sidebar h3 {font-size: 26px; margin: 0 0 1em 0; font-weight: 300;font-family: 'aago-condensed', sans-serif;} .sidebarwrp aside.sidebar .textwidget img {width: 100%; height: auto; vertical-align: bottom;} .sidebarwrp aside.sidebar .widget {margin: 0 0 50px 0;} /*.sidebarwrp aside.sidebar .widget.widget_nav_menu {} .sidebarwrp aside.sidebar .widget.widget_nav_menu li {border-bottom: 1px solid #d6d8d9;} .sidebarwrp aside.sidebar .widget.widget_nav_menu li a {display: block; line-height: 35px; transition: all .2s ease-in-out; box-sizing: border-box; padding: 0 0 0 0;} .sidebarwrp aside.sidebar .widget.widget_nav_menu li a:hover {display: block; line-height: 35px; transition: all .2s ease-in-out; padding: 0 0 0 10px; text-decoration: none;} .sidebarwrp aside.sidebar .widget.widget_nav_menu li:last-child {border-bottom:none;}*/ .sidebarwrp aside.sidebar {} .sidebarwrp aside.sidebar.sidebarsingle {margin-top: 0px;} .sidebarwrp aside.sidebar li {border-bottom: 1px solid #d6d8d9;} .sidebarwrp aside.sidebar li a {display: block; line-height: 35px; transition: all .2s ease-in-out; box-sizing: border-box; padding: 0 0 0 0;} .sidebarwrp aside.sidebar li a:hover {display: block; line-height: 35px; transition: all .2s ease-in-out; padding: 0 0 0 10px; text-decoration: none;} .sidebarwrp aside.sidebar li:last-child {border-bottom:none;} .clayblog {} .clayblog li {float: left; width: 48%; margin: 0 4% 4% 0;} .clayblog li:nth-child(2n+2) {margin: 0 0% 4% 0;} .clayblog li span {display: block;} .clayblog li .titel {font-size: 20px; padding: 0 0 5px 0;} .clayblog li .image {border-bottom: 2px solid #C81932; overflow: hidden;} .clayblog li .image img {width: 100%; height: auto; vertical-align: bottom;transition: all .3s ease-in-out;} .clayblog li:hover .image img {transform: scale(1.05);transition: all .3s ease-in-out;} .clayblog li .button {padding: 3px 0;} .clayblog li a {} .clayblog li a:hover {text-decoration: none;} aside.sidebar ul li a br {display: none;} .section.latestblogposts {margin: 0 0 45px 0;} .section.latestblogposts h2 {margin: 30px 0 25px 0;} .section.latestblogposts hr {margin: 20px 0 ;} .section.latestblogposts .postgrid {display: grid; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns:repeat(3, 1fr); ;} .section.latestblogposts article a span {display: block;} .section.latestblogposts article a .titel {font-size: 20px; padding: 0 0 5px 0;} .section.latestblogposts article a .image {border-bottom: 2px solid #C81932; overflow: hidden;} .section.latestblogposts article a .image img {width: 100%; height: auto; vertical-align: bottom;transition: all .3s ease-in-out;} .section.latestblogposts article a:hover .image img {transform: scale(1.05);transition: all .3s ease-in-out;} .section.latestblogposts article a .button {padding: 3px 0;} .section.latestblogposts article a {} .section.latestblogposts article a:hover {text-decoration: none;} @media (max-width: 1024px){ .section.latestblogposts .postgrid { grid-template-columns:repeat(2, 1fr); ;} } @media (max-width: 600px){ .section.latestblogposts .postgrid { grid-template-columns:repeat(1, 1fr);} .sidebarwrp .contentwithsidebar {width: 100%;} .clayblog li {width: 100%;} } p span.small {font-size: 12px;}