/* Theme Name: Hörakustik Hamacher GmbH Theme URI: https://www.hoerakustik-hamacher.de/ 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"; .chatbot { bottom: 170px!important; right:10px!important; } .icons .icon {width: 34px;height: 34px;border-radius: 5px;display: inline-block;background: #ffcc00;padding: 1px;margin-left:4px;} .icons{display:block;text-align:right;margin:0 40px 10px 0;} .main .text picture img {width:100%; height:auto;} .link.termin span svg {width:25px;position:absolute;left:20px;margin-top:-2px;} .termin-con {display:none;} .termin-con.highlight {display:block;background:rgba(0,0,0, 0.8);position:fixed;width:100%;height:100%;top:0;z-index:8888888} #meinTerminOnline-iframe {border-radius:10px;max-width:50%;margin:0 auto;position:absolute;left:50%;margin-left:-25%;top:7%;max-height:850px;} .termin {cursor:pointer;} .termin-con span {font-size: 50px;font-weight: 700;color: #fff;position: absolute;right: 2%;top: 2%;} .error404 header {position:relative;z-index:8;} .page-id-1227 header .section.image .link {display:none!important} header .section.image .link a {border:2px solid #ffcc00;position:absolute;font-size: 18px;font-weight:400;text-transform:uppercase;display:block;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);padding:15px 20px 15px 55px;box-sizing: border-box;color:#333;border-radius:10px;right:110px;bottom:140px;transition:ease-in-out 0.5s;} .blog .section.image .link a {border:2px solid #ffcc00;position:absolute;font-size: 18px;font-weight:400;text-transform:uppercase;display:block;background: rgb(255,204,0);background: radial-gradient(circle, rgba(255,204,0,1) 0%, rgba(250,225,4,1) 100%);padding:15px 20px 15px 55px;box-sizing: border-box;color:#333;border-radius:10px;right:110px;bottom:140px;transition:ease-in-out 0.5s;} .single .section.image .link a {border:2px solid #ffcc00;position:absolute;font-size: 18px;font-weight:400;text-transform:uppercase;display:block;background: rgb(255,204,0);background: radial-gradient(circle, rgba(255,204,0,1) 0%, rgba(250,225,4,1) 100%);padding:15px 20px 15px 55px;box-sizing: border-box;color:#333;border-radius:10px;right:110px;bottom:140px;transition:ease-in-out 0.5s;} .blog .footer, .single .footer {margin-top:100px;} header .section.image .link a:hover,.blog .section.image .link a:hover,.single .section.image .link a:hover {background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 30%, rgba(255,217,64,1) 100%);transition:ease-in-out 0.5s;} input::placeholder,textarea::placeholder {color:#333;font-family: 'Roboto', sans-serif;font-size:14px;font-weight:400;} .black {display:none;} .black.show {display:block;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 88888;background: rgba(0,0,0,0.8);} .grecaptcha-badge {display:none!important} .ht24--widget {left:-57px!important;transition: ease-in-out all 0.5s;} .ht24--widget:hover {left:-10px!important;transition: ease-in-out all 0.5s;} .page-id-471 iframe {width:100%!important;height:420px!important} .captcha-image {border: 0!important;padding:0!important;text-align: left!important;margin: 30px 0;} .cf7ic_instructions {display: block;margin-bottom:10px} .captcha-image .cf7ic_instructions span {color: #ffcc00!important;font-weight: bold;} .captcha-image svg {width: 35px!important;height: 40px!important;} .captcha-image svg path {fill:#ffcc00!important} .captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {border: 2px solid #ffcc00!important;background: #f2f2f2;} .news-popup { display:none;transition: .2s ease; box-sizing: border-box; text-align: left; background: #fc0;color:#333;font-weight:400; position: absolute; top: 7%; left: 50%; transform: translate(-50%); max-width: 850px; width: 90%; z-index:999999999;} .news-popup.show { display:block; transition: .2s ease;} .news-popup.show-not { display:none!important;} .news-popup .close-btn {color:#fff;position: absolute; top: 2px; right: 0; width: 20px; height: 20px;font-size:25px;padding:5px;display:block;font-weight:700;cursor:pointer} .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;} .news-popup img {width:100%;height:auto;box-sizing: border-box;border:4px solid #fff;box-shadow: 0 0 13px rgba(0,0,0, 0.3);} /*Webfonts WICHTIG font-display: swap;*/ /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display:swap; src: url('assets/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('assets/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display:swap; src: url('assets/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('assets/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display:swap; src: url('assets/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('assets/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /*WICHTIG BackgroundImages webp - background-image: url('.webp');*/ /*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;} body {font-family: 'Roboto', sans-serif;font-size:16px;font-weight:300;line-height:23px;color:#333;} /* Globals */ .cf {zoom:1;} .cf:before, .cf:after {content:""; display:table;} .cf:after {clear:both;} input, textarea{} hr{border:none;height:1px;background:#ddd; margin:0;} a{color:#333;transition:ease-in-out 0.5s;} a:hover{color:#ffcc00;transition:ease-in-out 0.5s;} ul, ol, p {margin-bottom: 20px; } h1{margin:0 0 20px 0;text-transform: uppercase;font-size:24px;line-height:30px;font-weight:300;} h2{margin:0;} .home.page h2{text-transform: uppercase;margin:0;font-size:22px;line-height:26px;font-weight:300;padding:0 40px;text-align:center} h3{margin:0;} .wrp {max-width:1340px;margin:auto;position:relative;box-sizing:border-box;} .wrp-form {max-width:1340px;margin:auto;position:relative;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0, 0.2);border-radius:10px;border:1px solid #ffcc00;margin-bottom:40px;} /* ########## Logo ########## */ header .logo{float:left;width:230px;box-sizing: border-box;padding:20px 0;transition:ease-in-out 0.5s;} header .logo img{width:100%;height:auto;} html.scrolled header .logo {width:115px;padding:10px 0;transition:ease-in-out 0.5s;} /* ########## Mainnav ########## */ #mainnav{padding:0 40px;box-sizing: border-box;position: absolute;top: 0;width: 100%;z-index:888} html.scrolled #mainnav {position: fixed;top: 0;left: 0;width: 100%;z-index: 8888;background: rgba(255,255,255, 0.9);box-shadow: 0 0 10px rgba(0,0,0, 0.3);} html.scrolled #mainnav .wrp {padding:0 40px;} @media (min-width: 1099px){ #mainnav ul {margin: 70px 0 0 0;transition:ease-in-out 0.5s;} html.scrolled #mainnav ul {margin: 35px 0 0 0;transition:ease-in-out 0.5s;} #mainnav ul.cf{float:right;transition:ease-in-out 0.5s;} #mainnav ul.cf > li{float:left;position:relative;margin-left:40px;} #mainnav ul.cf > li > a{display:block;font-size:18px;font-weight:400;text-transform: uppercase;color:#333;transition:ease-in-out 0.5s;} #mainnav ul.cf > li > a:hover, #mainnav ul.cf > li.current-menu-item > a, #mainnav ul.cf > li.current_page_parent a{color:#ffcc00;transition:ease-in-out 0.5s;} #mainnav ul.cf > li:before {content:"";display:block;background:url("assets/icon-aktiv.png") center top no-repeat;background-size:0;width:26px;height:25px;position:absolute;left:50%;top:-25px;margin-left:-13px;transition:ease-in-out 0.5s;} #mainnav ul.cf > li:hover:before, #mainnav ul.cf > li.current-menu-item:before,#mainnav ul.cf > li.current_page_parent:before {content:"";display:block;background:url("assets/icon-aktiv.png") center top no-repeat;background-size:25px;width:26px;height:25px;position:absolute;left:50%;top:-25px;margin-left:-13px;transition:ease-in-out 0.5s;} #mainnav ul.cf > li > ul{width:200px;display:initial;padding-top:0;opacity:0;height:0;overflow:hidden;position:absolute;z-index:-1;transition:ease-in-out 0.5s;} #mainnav ul.cf > li > ul li{padding-bottom:10px;filter: drop-shadow(2px 2px 4px rgba(0,0,0, 0.3));} #mainnav ul.cf > li > ul li a{position:relative;display:block;background:#ffcc00;padding:10px;border-radius:10px;margin:0;color:#333!important;transition:ease-in-out 0.5s;} #mainnav ul.cf > li > ul li a:hover{background:#ffcc00;color:#333!important;transition:ease-in-out 0.5s;} #mainnav ul.cf > li > ul li.current-menu-item a{background:#333;color:#ffcc00!important;transition:ease-in-out 0.5s;} #mainnav ul.cf > li > ul li a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:0;position:absolute;right:35px;top:15px;transition:ease-in-out 0.7s;} #mainnav ul.cf > li > ul li a:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;right:20px;transition:ease-in-out 0.7s;} #mainnav ul.cf > li:hover > ul{display:block;padding-top:20px;overflow:visible;position:absolute;z-index:88;margin:0;width:200px;opacity:1;transition:ease-in-out 0.5s;} #mainnav ul.cf > li > ul li.back, #mainnav ul.cf > li:hover > ul li.back{display:none;} #mainnav .mobile{display:none;} html.scrolled #mainnav ul.cf{float:right;transition:ease-in-out 0.5s;} } @media (max-width: 1099px){ #mainnav a.logo{width:230px; padding-top: 18px;} #mainnav .mainnav{position:fixed;z-index:3;top:0;right:0;bottom:0;width:100%;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: auto;} body.withtopbar #mainnav{height:120px;} #toggle-mainnav{width:50px;height:50px;background:#ffcc00;position:fixed;top:15px;right:5%;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:15px;} 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:95px;border-top:1px solid #eee;} #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;} #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 {transition: all .6s ease-in-out;} #mainnav ul#topnavi {position: relative; height: auto; z-index: 1;} #mainnav ul#topnavi > li {float: none; margin: 0; font-size: 15px;} #mainnav ul#topnavi li:after {content: ""; color: #fff;padding-left: 0; } #mainnav ul#topnavi > 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#topnavi > li.open > ul{-webkit-transform:none;transform:none;box-shadow:0 0 50px rgba(0,0,0,0.3);pointer-events:auto;} #mainnav ul#topnavi li a{display:block;color:#555;padding:10px 20px;border-bottom:1px solid #eee;} #mainnav ul#topnavi 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#topnavi 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#topnavi > li.menu-item-has-children > a{position:relative;} #mainnav ul#topnavi > 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#topnavi li a:hover{background:#f9f9f9;} #mainnav ul#topnavi 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:15px;right:73px;z-index:5;} #mainnav .head{opacity:0;position:fixed;background:#fff;top:0;right:0;height:80px;width:100%;z-index:4;padding:30px 0 0 20px;box-sizing:border-box;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:20px 15px 20px 20px;font-size:15px;line-height:24px;} #mainnav .contact p{margin:10px 0;} #mainnav .contact a{color:#555;border-bottom:1px solid #ddd;} #topbar {display: none;} } #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;}} /* ########## Top ########## */ .top {display:flex;justify-content:flex-end;max-width:1340px;margin:0 auto;padding:10px 0;line-height:18px} .topfooter {display:none;} .top .top-wrp {margin:10px 2% 0 0;} .top .top-wrp:nth-last-child(1) {margin:10px 40px 0 0;} .top .top-wrp .adress {float:left;font-size:12px; color:#333;transition:ease-in-out 0.4s;} .top .top-wrp .adress a{color:#333;text-decoration:none;transition:ease-in-out 0.4s;} .top .top-wrp .adress a:hover{color:#ffcc00;text-decoration:none;transition:ease-in-out 0.4s;} .top .top-wrp .icon{float:left;margin:5px 10px 0 0;} .top .top-wrp .icon svg {width:25px;height:26px;} /* ########## Content ########## */ .home.page .main {padding:0;} .page .main {padding:0 40px;box-sizing: border-box} .page-id-404 .page .main {padding:0;box-sizing: border-box} .blog .main {padding:0 40px;box-sizing: border-box;margin:70px 0 0 0} .single .main {padding:0 40px;box-sizing: border-box;margin:70px 0 0 0} .main .content.withsidebar {width: 65%; float: left;padding:0 10px;box-sizing:border-box} .main .sidebar{width:27%;float:right;margin: 0 auto 100px auto;} .main .sidebar.is_stuck {bottom:inherit!important;position:relative!important;top:inherit!important;} .blog .main .sidebar,.single .main .sidebar{margin: 0 auto 100px auto;} .main .sidebar .boxtitel{display:none;} .main .sidebar ul li a{position:relative;z-index:1;padding: 10px 20px;box-sizing: border-box;font-size: 16px;line-height: 23px;background: #ffcc00;color: #333;text-align: left;display: block;margin: 0 0 20px 20px;border-radius: 10px;transition: ease-in-out 0.4s;} .main .sidebar ul li a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(309deg, rgba(255,204,0,1) 0%, rgba(255,229,0,1) 27%, rgba(255,204,0,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} .main .sidebar ul li a:hover:before {opacity: 1;} .main .sidebar ul li.current_page_item a:hover:before {opacity: 0;} .main .sidebar ul li.current_page_item a{color:#ffcc00;background:#333;text-decoration:none;transition:ease-in-out 0.4s;} .main .sidebar ul li a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:0;position:absolute;right:35px;top:15px;transition:ease-in-out 0.7s;} .main .sidebar ul li a:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;right:20px;transition:ease-in-out 0.7s;} .main .sidebar .widget_text .textwidget {margin-bottom:40px;padding:20px 20px 5px 20px;box-sizing: border-box;border-radius:10px;background:#f2f2f2} .main .sidebar .widget_text .textwidget a {color:#333;text-decoration:none;transition:ease-in-out 0.4s;} .main .sidebar .widget_text .textwidget a:hover {color:#ffcc00;text-decoration:none;transition:ease-in-out 0.4s;} .section.headline-wrp {margin:100px auto 0 auto;} /* ########## Boxen ########## */ .home.page .main .boxen {margin:0 auto 100px auto;max-width:inherit;clear:both;display:block;position:relative;} .page .main .boxen {margin:0 auto 100px auto;max-width:1100px;clear:both;display:block;position:relative;} .page-id-404.page .main .boxen {margin:0 auto 100px auto;max-width:inherit;clear:both;display:block;position:relative;} .page .main .boxen:before {content:"";position:absolute;display:block;height:80%;background: #ffcc00;left:-100%;margin:3% 0;width:800%;box-shadow: 0 0 10px rgba(0,0,0, 0.2)} .home.page .main .boxen .wrp {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;margin:0 40px;box-sizing: border-box} .home.page .main .boxen .box {background:#fff;border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0, 0.1)} .page .main .boxen .wrp {display:grid; grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;margin:0 40px;box-sizing: border-box} .page-id-404.page .main .boxen .wrp {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;margin:0;box-sizing: border-box} .page .main .boxen .box {background:#fff;border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0, 0.1)} .main .boxen .box .bild{border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden} .main .boxen .box img{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px;} .main .boxen .box .content {padding:20px;box-sizing:border-box;font-size:14px;line-height:21px;text-align:center;position:relative;min-height: 210px;} .main .boxen .box .content .headline {font-size:18px;font-weight:300;text-transform: uppercase;text-align:center;margin-bottom:20px;} .main .boxen .box .link a {position:relative;z-index:1;padding:10px 20px 10px 55px;box-sizing:border-box;font-size:16px;line-height:21px;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;display:block;margin:0 20px 20px 20px;border-radius:10px;transition:ease-in-out 0.4s;} .main .boxen .box .link a:hover {padding:10px 20px;transition:ease-in-out 0.4s;} .main .boxen .box .link a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:15px;position:absolute;left:20px;top:17px;transition:ease-in-out 0.7s;} .main .boxen .box .link a:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;left:88%;top:15px;transition:ease-in-out 0.7s;} .main .boxen .box .link a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} .main .boxen .box .link a:hover:before {opacity: 1;} /* ########## Backlink ########## */ a.backlink {position:relative;z-index:1;padding:10px 40px 10px 55px;box-sizing:border-box;font-size:16px;line-height:21px;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;display:inline-block;margin:20px 20px 20px 0;border-radius:10px;transition:ease-in-out 0.4s;} a.backlink:hover {padding:10px 40px 10px 20px;transition:ease-in-out 0.4s;} a.backlink:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:15px;position:absolute;left:20px;top:17px;transition:ease-in-out 0.7s;} a.backlink:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;left:88%;top:15px;transition:ease-in-out 0.7s;} a.backlink:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} a.backlink:hover:before {opacity: 1;} /* ########## Team ########## */ .teamboxen {margin:0 40px 100px 40px;clear:both;display:block;position:relative;} .teamboxen .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;box-sizing: border-box} .teamboxen .box.team {background:#fff;border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);cursor:pointer} .teamboxen .box.team .bild{border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden} .teamboxen .box.team img{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px;} .teamboxen .box.team .content {padding:20px;box-sizing:border-box;font-size:14px;line-height:21px;text-align:center;position:relative;min-height: 130px;} .teamboxen .box.team .content .headline {font-size:18px;font-weight:300;text-transform: uppercase;text-align:center;margin-bottom:20px;} .teamboxen .box.team .link a {position:relative;z-index:1;padding:5px 20px 5px 55px;box-sizing:border-box;font-size:16px;line-height:21px;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;display:block;margin:0 20px 20px 20px;border-radius:10px;transition:ease-in-out 0.4s;} .teamboxen .box.team:hover .link a {padding:5px 20px;transition:ease-in-out 0.4s;} .teamboxen .box.team .link a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:15px;position:absolute;left:20px;top:11px;transition:ease-in-out 0.7s;} .teamboxen .box.team:hover .link a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;left:88%;top:10px;transition:ease-in-out 0.7s;} .teamboxen .box.team .link a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} .teamboxen .box.team:hover .link a:before {opacity: 1;} .teamboxen .info.show {display:block;} .teamboxen .info {font-size:14px;display: none;position: fixed;background: #fff;width: 720px;margin-left: -360px;left: 50%;top: 20%;z-index: 888888;border-radius: 10px;box-sizing:border-box;box-shadow: 0 0 10px rgba(0,0,0, 0.4);padding: 20px;} .teamboxen .info .close {position:absolute;right:20px;top:-25px;font-size:24px;font-weight:700;color:#ffcc00;z-index:888;background: #fff;padding: 10px;border-radius: 5px;} .teamboxen .box.team .info img{border-radius:10px;margin-bottom:10px;} .teamboxen .box.team .info p {margin-bottom:0;padding:0 5px;} .teamboxen .box.team .info strong { font-size:16px; border-bottom: 1px solid #f2f2f2; margin-bottom: -10px; display: block; padding-bottom: 5px; } /* ########## Filialen ########## */ .section.filialen {margin-top:50px;} .section.filialen .wrp {max-width:1340px;margin:0 40px;} .section.filialen .wrp h2 {margin:70px 0;} .section.filialen .wrp .text-box h3 {text-transform:uppercase;font-size:18px;font-weight:300;text-align:left;margin:0 0 30px 0;padding:0;} .section.filialen .wrp {display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;row-gap: 10px;} .section.filialen .wrp .image,.section.filialen .wrp .text-box {filter: drop-shadow(0 0 3px rgba(0,0,0, 0.15));margin-bottom:40px;} .section.filialen .wrp .image {border-radius:10px;} .section.filialen .wrp .image img {border-radius:10px;width:100%;height:auto;} .section.filialen .wrp .text-box {border-radius:10px;box-sizing: border-box} .section.filialen .wrp .text-box .inhalt {border-radius:10px;box-sizing: border-box;padding:40px 20px 20px 20px;margin-bottom:10px;background: #f2f2f2;} .section.filialen .wrp .text-box .link {position:relative;flex-basis: 47%;flex-shrink: 1;} .section.filialen .wrp .text-box .link a {position:relative;z-index:1;display:block;background: rgb(255,204,0);background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);padding:10px 20px 10px 55px;box-sizing: border-box;color:#333;border-radius:10px;transition:ease-in-out 0.4s;} .section.filialen .wrp .text-box .link a:hover {padding:10px 20px 10px 20px;transition:ease-in-out 0.4s;} .section.filialen .wrp .text-box .link a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} .section.filialen .wrp .text-box .link a:hover:before {opacity: 1;} .section.filialen .wrp .flex {display:flex;justify-content: space-between;position:relative;} .section.filialen .wrp .flex .adresse {font-size:14px;border-radius:10px;flex-basis: 49%;flex-shrink: 1;padding:15px 15px 0 15px;background:#f2f2f2;margin:0;box-sizing: border-box;} .section.filialen .wrp .flex .zeiten {font-size:14px;border-radius:10px;flex-basis: 49%;flex-shrink: 1;padding:15px 15px 0 15px;background:#f2f2f2;margin:0;box-sizing: border-box;} .section.filialen .wrp .text-box .flex.color {background:#f2f2f2;border-radius:10px;padding:15px 20px;margin-top:10px;} .section.filialen .wrp .text-box .link a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:15px;position:absolute;left:20px;top:17px;transition:ease-in-out 0.7s;} .section.filialen .wrp .text-box .link a:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;left:88%;top:15px;transition:ease-in-out 0.7s;} .section.filialen .wrp .image .link {position:relative;flex-basis: 47%;flex-shrink: 1;} .section.filialen .wrp .image .link a {position:relative;z-index:1;display:block;background: rgb(255,204,0);background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);padding:10px 20px 10px 55px;box-sizing: border-box;color:#333;border-radius:10px;transition:ease-in-out 0.4s;} .section.filialen .wrp .image .link a:hover {padding:10px 20px 10px 20px;transition:ease-in-out 0.4s;} .adresse strong {padding-left:20px;} .adresse svg {width:15px;;position:absolute;} .zeiten strong {padding-left:25px;} .zeiten svg {width:21px;;position:absolute;} /* ########## News ########## */ .home.page .shortcode {padding:0 40px;box-sizing: border-box;margin:40px auto 150px auto;} .home.page .shortcode .wrp {display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;} .home.page .shortcode .wrp h3{text-transform: uppercase;font-size:18px;font-weight:300;margin:0 0 20px 0;} .home.page .shortcode .wrp h3 a{color:#333;text-decoration:none;} .home.page .shortcode .wrp .catpost {position:relative;text-align:left;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);padding: 20px;} .home.page .shortcode .wrp .catpost p{min-height:160px;} .home.page .shortcode .wrp .catpost a {position:absolute;bottom:25px; width:89%;z-index:1;padding:10px 20px 10px 55px;box-sizing:border-box;font-size:16px;line-height:21px;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;text-align:left;display:block;border-radius:10px;transition:ease-in-out 0.4s;} .home.page .shortcode .wrp .catpost a:hover {padding:10px 20px;transition:ease-in-out 0.4s;} .home.page .shortcode .wrp .catpost a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} .home.page .shortcode .wrp .catpost a:hover:before {opacity: 1;} .home.page .shortcode .wrp .catpost a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:15px;position:absolute;left:20px;top:17px;transition:ease-in-out 0.7s;} .home.page .shortcode .wrp .catpost a:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;left:88%;top:15px;transition:ease-in-out 0.7s;} .blog .main .content.withsidebar .grid {display:grid; grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;} .blog .main .content.withsidebar .post {position:relative;text-align:left;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);padding: 20px;} .blog .main .content.withsidebar .post p{min-height:170px;} .blog .main .content.withsidebar .post picture {display:none;} .blog .main .content.withsidebar .post h2{text-transform: uppercase;font-size:18px;font-weight:300;margin:0 0 20px 0;} .blog .main .content.withsidebar .post h2 a{color:#333;text-decoration:none;} .blog .main .content.withsidebar .post a {position:absolute;bottom:25px; width:89%;z-index:1;padding:10px 20px 10px 55px;box-sizing:border-box;font-size:16px;line-height:21px;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;display:block;border-radius:10px;transition:ease-in-out 0.4s;} .blog .main .content.withsidebar .post a:hover {padding:10px 20px;transition:ease-in-out 0.4s;} .blog .main .content.withsidebar .post a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} .blog .main .content.withsidebar .post a:hover:before {opacity: 1;} .blog .main .content.withsidebar .post a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:15px;position:absolute;left:20px;top:17px;transition:ease-in-out 0.7s;} .blog .main .content.withsidebar .post a:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;left:88%;top:15px;transition:ease-in-out 0.7s;} .glossar-wrp .wrp {display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;margin-bottom:80px;} .glossar-wrp .wrp .glossar {align-self: stretch;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);padding: 20px 20px 5px 20px;} .glossar-wrp .wrp .glossar .glossarteaser {min-height:80px;} .glossar-wrp .wrp .glossar .link a {position:relative;z-index:1;padding:10px 20px 10px 55px;box-sizing:border-box;font-size:16px;line-height:21px;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;display:block;margin:40px 0 20px 0;border-radius:10px;transition:ease-in-out 0.4s;} .glossar-wrp .wrp .glossar .link a:hover {padding:10px 20px;transition:ease-in-out 0.4s;} .glossar-wrp .wrp .glossar .link a:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:15px;position:absolute;left:20px;top:17px;transition:ease-in-out 0.7s;} .glossar-wrp .wrp .glossar .link a:hover:after {content:"";display:block;width:20px;height:20px;background:url("assets/arrow.svg") right top no-repeat;background-size:18px;opacity:1;left:88%;top:15px;transition:ease-in-out 0.7s;} .glossar-wrp .wrp .glossar .link a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(300deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} .glossar-wrp .wrp .glossar .link a:hover:before {opacity: 1;} .widget-title {font-weight: 300;margin: 0 0 20px 20px;} .widget_categories {font-weight: 300;margin: 0 0 20px 0;} /* ########## Maps ########## */ .section.maps {margin:0 40px 20px 40px;border-radius:10px;} .section.maps .acf-map {border-radius:10px;} /* ########## Footer ########## */ .footer{position:relative;background:#ffcc00;padding:30px 40px 10px 40px;margin:0 40px 0 40px;border-radius:10px; box-sizing: border-box} .footer:before {content: "";position: absolute;display: none;height: 100%;background: #ffcc00;left: -100%;margin: 0;width: 800%;top:0;z-index:-1;box-shadow: 0 0 10px rgba(0,0,0, 0.3);} .footer .wrp {display:flex;justify-content: space-between;} .footer .wrp .box {flex-basis: 25%;flex-shrink:1;font-size:14px;line-height:21px;} .footer .wrp .box a{color:#333;text-decoration:none;transition:ease-in-out 0.4s;} .footer .wrp .box a:hover{text-decoration:underline;transition:ease-in-out 0.4s;} /* ########## Bottom ########## */ .bottom {padding:0 50px 10px 50px;box-sizing: border-box;font-size:12px;} .bottom .wrp ul{float:left;display:flex;justify-content: space-between;margin:0;} .bottom .wrp .copyright {float:right} .bottom .wrp ul.bottom_nav li {margin-right:20px;} .bottom .wrp a{display:inline-block;padding:10px 0 0 0;color:#333;text-decoration:none;transition:ease-in-out 0.4s;} .bottom .wrp a:hover{color:#ffcc00;text-decoration:none;transition:ease-in-out 0.4s;} /* ########## Text ########## */ .content .section.text {margin: 0 auto 100px auto;max-width: 880px;border-bottom: 1px solid #ccc;padding: 0 40px 40px 40px;} .content.withsidebar .section.text {margin: 0 auto 70px auto;max-width: inherit;padding: 0;border:0;} .content .section.text:nth-last-child(1) {margin:0 auto 50px auto;border:0;} /* ########## Text+Text ########## */ .section.texttext {margin-bottom:1.5em;} .section.texttext .col_left{float:left;width:47.5%;} .section.texttext .col_right{float:right;width:47.5%;} /* ########## 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);} .columtext img {width: 100% !important; height: auto !important;} /* ########## Image ########## */ .page .section.image, .blog .section.image,.single .section.image,.error404 .section.image {position:relative;overflow:hidden;margin:165px 0 70px 0;} .page-id-1324 .main .section.image {position:relative;overflow:hidden;margin:0 0 40px 0;} .page-id-1324 .content.withsidebar .section.text {margin:0 auto;} .single .section.image-news {margin:40px 0;} .single .section.image-news img {width:100%;} .section.image img{display:block;width:100%;height:auto;} .home.page .section.image .claim{position:absolute;right:110px;bottom:48%;z-index:88;font-size:2.3em;line-height:45px;} .page .section.image .claim,.blog .section.image .claim,.single .section.image .claim{position:absolute;right:110px;bottom:48%;z-index:88;font-size:2.3em;line-height:50px;} /* .section.image .claim:before{content:"";display:block;position:absolute;top:-70px;left:-80px;background: url("assets/ohr.png") left top no-repeat;background-size:120px;width:150px;height:250px;} */ .home.page .section.image .claim strong {text-transform: uppercase;font-weight:700;font-size:1.3em;line-height:55px;} .page .section.image .claim strong {text-transform: uppercase;font-weight:700;} .section.image .claim strong em {font-style:normal; color:#ffcc00} /* ########## Galerie ########## */ .gallery {max-width: 1340px;margin: 0 auto 80px auto;padding: 0 50px;} .single .gallery {margin: 40px auto;padding: 0;} .gallery .gal-text{font-size: 18px;font-weight: 300;text-transform: uppercase;text-align: left;margin-bottom: 20px;} .gallery .gal-text p{margin:0;padding: 20px;} .gallery .fresco-gallery p{margin:0;} .gallery .fresco-gallery {display: grid; grid-column-gap: 10px; grid-row-gap: 10px; align-items: stretch;grid-template-columns: repeat(7, 1fr);margin-bottom:40px;} .gallery .fresco-gallery li {list-style-type: none; margin: 0;cursor:pointer;} .gallery .fresco-gallery li {list-style-type: none;text-align: center;background: #fff;border: 1px solid #ffcc00;border-radius: 10px;overflow: hidden;} .gallery .fresco-gallery li img {width: 100%;} .gallery .fresco-gallery li a {color:#333;} .gallery .info {display:block;font-size:12px;} .gallery .info.ausblenden {display:none} @media (max-width: 1024px) { .section.gallery .fresco-gallery {grid-template-columns: repeat(3, 1fr);} } @media (max-width: 500px) { .section.gallery .fresco-gallery {grid-template-columns: repeat(2, 1fr);} } /* ########## oEmbed ########## */ .section.embed .respo-video{position: relative;height: 0;overflow: hidden;} .section.embed .respo-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* ########## Maps ########## */ .section.maps .acf-map {width: 100%; height: 400px; } .section.maps .acf-map img {max-width: inherit !important;} /* ########## Accordion ########## */ .section.accordion {margin-bottom: 50px;} .section.accordion .wrp {padding: 0; box-sizing: border-box;} .section.accordion .item-accordion { margin-bottom: 8px; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border: 1px solid #e8e8e8; transition: box-shadow ease-in-out 0.3s; } .section.accordion .item-accordion:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.13); transition: box-shadow ease-in-out 0.3s; } .section.accordion .item-accordion.active { box-shadow: 0 4px 16px rgba(255,204,0,0.25); border-color: #ffcc00; } .section.accordion .item-accordion-head { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; background: #f2f2f2; color: #333; font-size: 17px; font-weight: 400; line-height: 24px; transition: background ease-in-out 0.3s; user-select: none; } .section.accordion .item-accordion-head h2, .section.accordion .item-accordion-head h3, .section.accordion .item-accordion-head p, .section.accordion .item-accordion-head strong { color: #333; margin: 0; font-size: 17px; font-weight: 400; line-height: 24px; } .section.accordion .item-accordion.active .item-accordion-head { background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%); color: #333; } .section.accordion .item-accordion.active .item-accordion-head h2, .section.accordion .item-accordion.active .item-accordion-head h3, .section.accordion .item-accordion.active .item-accordion-head p, .section.accordion .item-accordion.active .item-accordion-head strong { color: #333; } /* +/- Button */ .section.accordion .item-accordion-btn { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: rgba(0,0,0,0.2); margin-left: 16px; cursor: pointer; position: relative; transition: background ease-in-out 0.3s, transform ease-in-out 0.3s; } .section.accordion .item-accordion.active .item-accordion-btn { background: rgba(0,0,0,0.12); } .section.accordion .item-accordion-btn:before, .section.accordion .item-accordion-btn:after { content: ''; position: absolute; background: #fff; border-radius: 2px; transition: transform ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* Horizontale Linie (immer sichtbar) */ .section.accordion .item-accordion-btn:before { width: 14px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Vertikale Linie (wird bei active ausgeblendet) */ .section.accordion .item-accordion-btn:after { width: 2px; height: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; } .section.accordion .item-accordion.active .item-accordion-btn:before, .section.accordion .item-accordion.active .item-accordion-btn:after { background: #333; } .section.accordion .item-accordion.active .item-accordion-btn:after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); } /* Content */ .section.accordion .item-accordion-content { padding: 24px; background: #fff; font-size: 16px; line-height: 26px; color: #333; border-top: 2px solid #ffcc00; } .section.accordion .item-accordion-content p:last-child { margin-bottom: 0; } .section.accordion .item-accordion.hidden .item-accordion-content {display: none;} /* ########## Blog ########## */ article.singlepost a {display:inline-block;position:relative;z-index:1;padding: 10px 20px;box-sizing: border-box;font-size: 16px;line-height: 23px;background: #ffcc00;color: #333;text-align: left;margin:20px 0;border-radius: 10px;transition: ease-in-out 0.4s;} article.singlepost a:before {content:"";border-radius:10px;position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1;background: rgb(255,204,0);background: linear-gradient(309deg, rgba(255,204,0,1) 0%, rgba(255,229,0,1) 27%, rgba(255,204,0,1) 100%);color:#333;transition: opacity 0.5s linear;opacity: 0;} article.singlepost a:hover:before {opacity: 1;} article.singlepost .post-image {max-width: 50%;margin: 0 0 40px 0;} article.singlepost .post-image img {width: 100%; height: auto;} /* ########## Contact Form 7 ########## */ .wpcf7 input, .wpcf7 textarea{display:block;box-sizing:border-box;width:100%;outline:none;padding:13px;margin-bottom:10px;border:1px solid #ccc;border-radius:10px;transition: ease-in-out 0.4s} .wpcf7 input:focus, .wpcf7 textarea:focus{border:1px solid #ffcc00;transition: ease-in-out 0.4s} .wpcf7 textarea{resize:vertical;} .wpcf7 .fieldwrap{} .wpcf7 label span.mdtry{color:#f2920d;} .wpcf7 input[type=submit]{font-size:16px;font-weight:700;position:relative;cursor:pointer;-webkit-appearance: inherit;appearance: inherit;background: rgb(255,204,0);background: linear-gradient(13deg, rgba(255,204,0,1) 20%, rgba(255,217,64,1) 100%);border-radius:10px;border:0;transition: ease-in-out 0.4s} .wpcf7 input[type=submit]:hover {background:#333;color:#ffcc00;transition: ease-in-out 0.4s} .wpcf7 select {padding:7px 10px;border-radius:10px;margin-top:10px;} .wpcf7 span.safe{} .wpcf7 .wpcf7-response-output.wpcf7-validation-errors{clear: both;position: fixed;width: 100%;bottom: 0;left: 0;z-index: 9999999999999;color: #000;font-size: 20px;line-height: 26px;font-weight: 700;text-align: center;margin: 0;padding: 40px;box-sizing: border-box;background:#f7e700;} .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{clear: both;position: fixed;width: 100%;bottom: 0;left: 0;z-index: 9999999999999;color: #fff;font-size: 20px;line-height: 26px;font-weight: 700;text-align: center;margin: 0;padding: 40px;box-sizing: border-box;background:#398f14;} .wpcf7 .wpcf7-response-output{} .wpcf7 .wpcf7-not-valid-tip{} @media (max-width: 1340px) { body {padding-bottom:40px;} .top {margin: 0;} .wrp-form {margin:0 40px;} .main .boxen .box .content {min-height: 240px;} .section.filialen .wrp .text-box .link a {padding:10px 5px 10px 35px} .section.filialen .wrp .text-box .link a:after {left:5px;} .section.filialen .wrp .text-box {font-size:14px;} #meinTerminOnline-iframe {max-width:90%;left: 50%;margin-left: -45%;top: 7%;max-height: inherit;height:100%!important;z-index:8888888888} .top .top-wrp { margin: 10px 1% 0 0; } } @media (max-width: 1240px) { .main .boxen .box .link a,.home.page .shortcode .wrp .catpost a {font-size:14px;padding: 10px 20px 10px 35px;} .main .boxen .box .link a:after,.home.page .shortcode .wrp .catpost a:after {left:5px;} header .section.image .link a,.blog .section.image .link a {bottom:95px;} .home.page .main .boxen .wrp, .page .main .boxen .wrp,.glossar-wrp .wrp,.teamboxen .wrp,.page-id-404.page .main .boxen .wrp {grid-template-columns: 1fr 1fr;} .page .main .boxen .wrp {margin:0;} .page .main .boxen:before {display:none;} .main .boxen .box .content {min-height:180px;} .footer .wrp {flex-wrap: wrap;} .footer .wrp .box {flex-basis:50%;} .footer .wrp .box .kon{display:block;vertical-align:top;margin-bottom:30px;} } @media (max-width: 1239px) { .top .top-wrp .icon {display:none;} } @media (max-width: 1099px) { #mainnav .head {max-width:400px} #mainnav .mainnav {max-width:400px;} .home .content .section.text {padding:0 20px 40px 20px;} body {padding-bottom:inherit;} .top {display:none;} .topfooter .topfooter-wrp {display:flex;justify-content: space-around;max-width:1340px;margin:0 auto;padding:10px 0;line-height:18px;font-size: 13px;text-align: center;} .topfooter {position: fixed;display:none;bottom: 0;z-index: 88;background: rgba(255,204,0, 0.9);width: 100%;justify-content: space-around;margin:0;} .topfooter span{display:none;} .topfooter .icon svg {width: 28px;height: 28px;} .topfooter .top-wrp .icon {margin:0 0 5px 0;text-align:center;} .topfooter .adress p{margin-bottom:0!important;} .topfooter.close {bottom:-400px;transition: ease-in-out all 0.5s;} .buttoninfo-close {cursor:pointer;position:absolute;right:20px;top:-22px;font-size:18px;font-weight:700;color:#333;background:#ffcc00;padding:3px 10px 5px 10px;border-radius:5px;z-index:88} .buttoninfo-open {cursor:pointer;position:fixed;right:20px;bottom:-5px;font-size:18px;font-weight:700;color:#333;background:#ffcc00;padding:4px 11px 11px 11px;border-radius:5px;z-index:88} html.scrolled #mainnav .wrp {padding: 0;} #mainnav {position: fixed;top: 0;left: 0;width: 100%;z-index: 8888;background: rgba(255,255,255, 0.9);box-shadow: none;transition: ease-in-out all 0.5s;} html.scrolled #mainnav {box-shadow: 0 0 10px rgba(0,0,0, 0.3);transition: ease-in-out all 0.5s;} html.scrolled header .logo, header .logo {width: 115px;padding: 10px 0;} .home.page .section.image .claim {display:block;} #mainnav {position:fixed;} .wrp-form {margin:0;box-shadow: none;border:0;border-radius:0} .page .section.image, .blog .section.image, .single .section.image {margin:82px 0 30px 0} .section.filialen .wrp .image {display:none;} .section.filialen .wrp .flex {display:block;} .section.filialen .wrp .flex .adresse,.section.filialen .wrp .flex.first .zeiten,.section.filialen .wrp .flex.first .adresse,.section.filialen .wrp .flex .zeiten {margin:20px 0;background: #f2f2f2;border: 2px solid #f2f2f2;} .section.filialen .wrp .flex.first:after,.section.filialen .wrp .flex.last:after {display:none;} .section.filialen .wrp .text-box .link {margin-bottom:10px;} } @media (max-width:1024px) { .section.filialen .wrp .text-box .inhalt {min-height: 250px;} } @media (max-width: 960px) { .home.page .section.image .claim {bottom:26%;right:40px;} .page .section.image .claim, .blog .section.image .claim, .single .section.image .claim {bottom:26%;right:40px;} header .section.image .link a,.blog .section.image .link a,.single .section.image .link a {position:relative;right:inherit;padding: 10px;border-radius:0;bottom:0;text-align:center;} .main .sidebar {display:none;} .main .content.withsidebar {float:none;width:auto;} .link.termin span svg {display:none;} .home.page .shortcode .wrp {column-gap: 20px;} .section.headline-wrp {margin:40px auto 0 auto} .home.page .main .boxen,.page .main .boxen {margin:0 auto 60px auto} .section.filialen {margin-top:40px;} .home.page .shortcode {margin:40px auto 80px auto} .content .section.text {border-bottom:0;margin:0 auto 40px auto} } @media (max-width: 720px) { .gallery {padding:0 40px;} .main .content.withsidebar {padding:0;} .teamboxen .info {width: 94%;margin-left: -47%;left: 50%;} .home.page .section.image .claim {font-size:1.7em;line-height:1.1em} .page .section.image .claim, .blog .section.image .claim, .single .section.image .claim {font-size:1.7em;line-height:1.1em} .section.filialen .wrp {display:block;} .section.filialen .wrp .text-box {margin-bottom:40px} .section.filialen .wrp .text-box .inhalt {min-height: inherit;padding: 10px 20px;} .section.filialen .wrp .text-box .inhalt p {display:none;} .section.filialen .wrp .text-box h3 {margin:0;} .home.page .shortcode .wrp {display:block;} .home.page .shortcode .wrp .catpost {margin-bottom:40px;} .teamboxen .box.team .content {min-height:150px;} .content .section.text {padding:0 0 40px 0} .footer {margin: 0;border-radius:0;} .footer .wrp {display:block;} .footer .wrp .box .kon {display:block;margin:0 0 20px 0;} .topfooter .top-wrp strong {display:block;} } @media (max-width: 605px) { .ht24--widget,.ht24--widget:hover {left: 54% !important;top:-25px!important;transform: rotate(90deg);} } @media (max-width: 585px) { .mainnav-open .ht24--widget{z-index:-1!important} #mainnav .head {max-width:inherit} #mainnav .mainnav {max-width:inherit} .topfooter {max-height: 100px;} .topfooter .top-wrp {width:45%;margin:5px auto;text-align:center;vertical-align:top;} .topfooter .top-wrp:nth-last-child(1) {margin:5px auto;} .topfooter .top-wrp .icon {float:none;margin:0 auto 5px auto;display:block;text-align:center;} .topfooter .top-wrp .adress {float:none;} .home.page .section.image .claim {font-size: 1.0em;line-height: 0em;} .page .section.image .claim, .blog .section.image .claim, .single .section.image .claim {font-size: 1.3em;line-height: 1.2em;} .home.page .main .boxen .wrp,.page .main .boxen .wrp,.glossar-wrp .wrp,.teamboxen .wrp,.blog .main .content.withsidebar .grid,.page-id-404.page .main .boxen .wrp {display:block;} .main .boxen .box .content {min-height:inherit;} .bottom .wrp ul,.bottom .wrp .copyright {float:none;text-align:center;} .page-id-471 iframe {height:400px!important} .home.page .main .boxen .box,.page .main .boxen .box,.glossar-wrp .wrp .glossar,.teamboxen .wrp .box,.blog .main .content.withsidebar .grid .post {padding-bottom:20px;margin-bottom:40px;} } @media (max-width: 480px) { #mainnav {padding:0 20px} .home.page .section.image .claim {bottom:40%;right:20px;} .page .section.image .claim, .blog .section.image .claim, .single .section.image .claim {bottom: 36%;right: 20px;font-size: 1.2em;line-height: 1.2em;} #meinTerminOnline-iframe {top:0;z-index:-1} .termin-con span {right:30px;top:15px;color:#d60d1b;} .content .section.text {padding: 0 0 0 0;margin: 0 auto;} .section.accordion .wrp {padding: 0 20px;} .section.accordion .item-accordion-head {padding: 14px 16px; font-size: 15px;} .section.accordion .item-accordion-content {padding: 16px;} } @media (max-width: 390px) { .topfooter {max-height: 74px;} .topfooter .top-wrp strong {display: none;} .page .main {padding: 0 20px;box-sizing: border-box;} .home.page .main .boxen .wrp,.section.filialen .wrp {margin:0 20px} .home.page .shortcode {padding:0 20px;} .section.maps {margin:0 20px 20px 20px} .footer {padding:30px 20px 10px 20px} .gallery {padding:0 20px;} } .mateo-fixed { position: fixed; right: 40px !important; bottom: 40px !important; top: inherit; left: inherit; } .vision-trigger {right:inherit!important; left:82px!important; bottom:20px!important;} /* ########## Plugins ########## */ /*! 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}