/* Theme Name: Wisabau Theme URI: http://www.wisabau.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"; .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: #b20000!important;font-weight: bold;} .captcha-image svg {width: 35px!important;height: 40px!important;} .captcha-image svg path {fill:#b20000!important} .captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {border: 2px solid #b20000!important;background: #f2f2f2;} .news-popup { display:none; padding: 40px; transition: .2s ease; box-sizing: border-box; text-align: left; background: #f2f2f2; color: #333; position: fixed; top: 30%; 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 {position: absolute; top: 15px; right: 10px; width: 20px; height: 20px;font-size:25px;color:#b20000;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;} .immomakler .col-md-4 {width:auto;} .page-child .projekt-wrp .text h2 {display:none;} .page-child .projekt-wrp {padding-top:70px;} .blog .projekt-wrp {padding-top:40px;} .blog .cat-item-31 {display:none;} .navigation .newer, .navigation older {margin:20px 0 0 0;display:block;} .widget_categories .widget-title {margin-bottom:20px;} .page-id-381 .section.projekt-wrp-sites .wrp {margin-bottom:80px} .page-id-381 .section.projekt-wrp-sites h2 {display:none;} .page-id-1488 .projekt-box-projekte .projekt-box .objekt {padding-top:20px;} .page-id-1479 .projekt-box-projekte .projekt-box .objekt {padding-top:20px;} .page-id-1484 .projekt-box-projekte .projekt-box .objekt {padding-top:20px;} /*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;} /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; 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; 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; 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 */ } /* ########## Placeholder ########## */ input::placeholder {color: #555;font-size:16px;} textarea::placeholder {color: #555;font-size:16px;} /* Globals */ .cf {zoom:1;} .cf:before, .cf:after {content:""; display:table;} .cf:after {clear:both;} hr{border:none;height:1px;background:#ddd; margin:0 auto;max-width:1440px;} a{color:#b20000;text-decoration:none;} a:hover{text-decoration:underline} ul, ol, p {margin-bottom: 1.5em; } #BorlabsCookieBox ._brlbs-flex-center {display:block!important;clear:both!important;text-align:center;} body {font-family: 'Roboto', sans-serif;font-size:18px;font-weight:300;line-height:26px;color:#555} .wrp-blog .content {max-width:1280px;margin:0 auto;padding:0 20px;box-sizing: border-box;} .home.page .main ul li {background:none;border-bottom: 1px solid #f1f1f1;margin-bottom:10px;padding:0 0 10px 0;} .page .main ul li {background:url("assets/square.jpg") left 10px no-repeat;background-size:5px;margin-bottom:10px;padding:0 0 0 15px;} span.boxlink a.mehr {display: block;position: absolute;height: 100%;width: 100%;z-index: 88;} /* ########## Headlines ########## */ h1{margin:0 0 40px 0;font-size:36px;font-weight:400;line-height:41px;color:#555;} .home.page .text h2{display:block;padding:0;border:0;margin:0 0 25px 0;font-size:30px;font-weight:400;line-height:37px;color:#555;text-align:center;} .page .text h2, .blog h2.text, .archive h2.text {display:inline-block;margin:0 0 7px 0;padding:0;font-size:16px;font-weight:300;line-height:20px;color:#555;border-bottom:1px solid #b20000;} h3{margin:0;} /* ########## Logo ########## */ header .logo{float:left;width:200px;margin:15px 0 0 0;transition: ease-in-out 0.5s} .scrolled header .logo{width:140px;margin:9px 0 0 0;transition: ease-in-out 0.5s} header .logo img{width:100%;height:auto;} /* ########## Mainnav ########## */ #mainnav {position:absolute;width:100%;top:100px;background:none;z-index:88;transition: background ease-in-out 0.5s;} .scrolled #mainnav {position:fixed;background:#fff;top:0;box-shadow: 0 0 10px rgba(0,0,0,0.3);z-index: 88888;transition: background ease-in-out 0.5s;} #mainnav .wrp{max-width:1240px;margin:auto;position:relative;padding:0 20px;background:rgba(255,255,255,0.9);box-shadow: 0 0 10px rgba(0,0,0,0.3);} .scrolled #mainnav .wrp{box-shadow: 0 0 0 rgba(0,0,0,0);} @media (max-width:1700px){ #mainnav{left:0;right:0;margin:0;width:100%;} } @media (min-width: 1101px){ #mainnav ul {margin: 0; } #mainnav ul.cf{float:right;} #mainnav ul.cf > li{float:left;position:relative;margin-left:30px;} #mainnav ul.cf > li > a{display:block;font-size:18px;font-weight:300;color:#b20000;padding:35px 10px;margin-top:5px;margin-bottom:5px;text-decoration:none;transition: ease-in-out 0.5s} .scrolled #mainnav ul.cf > li > a{padding:17px 15px 17px 15px;margin-top:0;margin-bottom:0;transition: ease-in-out 0.5s} #mainnav ul.cf > li:before{content:"";display:block;border-top:4px solid transparent;margin-top:-10px;transition: ease-in-out 0.5s} .scrolled #mainnav ul.cf > li:before,.scrolled #mainnav ul.cf > li:after,.scrolled #mainnav ul.cf > li:hover:before,.scrolled #mainnav ul.cf > li:hover:after {content:"";display:none!important;} #mainnav ul.cf > li:after{content:"";display:block;border-bottom:4px solid transparent;margin-bottom:-10px;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,#mainnav ul.cf > li.current-page-ancestor:before{content:"";display:block;border-top:4px solid #b20000;margin-top:-10px;transition: ease-in-out 0.5s} #mainnav ul.cf > li:hover:after,#mainnav ul.cf > li.current-menu-item:after,#mainnav ul.cf > li.current_page_parent:after,#mainnav ul.cf > li.current-page-ancestor:after {content:"";display:block;border-bottom:4px solid #b20000;margin-bottom:-10px;transition: ease-in-out 0.5s} #mainnav ul.cf > li > a:hover,#mainnav ul.cf > li:hover a,#mainnav ul.cf > li.current-menu-item a, #mainnav ul.cf > li.current_page_parent > a, #mainnav ul.cf > li.current-page-ancestor a{color:#fff;background:#b20000;text-decoration:none;transition: ease-in-out 0.5s} #mainnav ul.cf > li > ul{display:none;} #mainnav ul.cf > li:hover > ul{display:block;position:absolute;margin-top:-5px;padding-top:5px;} #mainnav ul.cf > li:hover > ul li.back{display:none;} #mainnav ul.cf > li > ul li a {color:#b20000!important;display: block;padding:10px;box-sizing:border-box;margin-bottom:5px;border:1px solid #b20000;background:#fff!important;min-width: 270px;width:100%;transition: ease-in-out 0.5s} #mainnav ul.cf > li > ul li a:hover,#mainnav ul.cf > li > ul li.current-menu-item a,#mainnav ul.cf > li > ul li.current-page-ancestor a{color:#fff!important;background:#b20000!important;} #mainnav .mobile{display:none;} #mainnav ul.cf > li > ul > li > ul{display:none;} html.scrolled #mainnav ul.cf{float:right;padding:0;} } @media (max-width: 1100px){ body.home #mainnav a {padding: 0;} #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; max-width: 100%;} #mainnav{height:auto;} html.mainnav-open #mainnav{height: 100vh;} body.withtopbar #mainnav{height:120px;} #toggle-mainnav{width:50px;height:50px;background: #94c11f;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:80px;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-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:400px;z-index:4;padding:15px 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; max-width: 100%;} #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 15px 20px 20px;font-size:13px;line-height:20px;} #mainnav .contact p{margin:10px 0;} #mainnav .contact a{color:#555;border-bottom:1px solid #ddd;} } #toggle-mainnav .icon{width:40px;height:40px;display:block;cursor:pointer;position:relative;margin:5px;} #toggle-mainnav .icon:before {content:'';position:absolute;top:50%;margin-top:-1px;width:40px;height:2px;border-radius:2px;background:#fff;} html.mainnav-open #toggle-mainnav .icon:before{content:'';background:#555;} html.mainnav-open #toggle-mainnav .icon:after{content:'';background:#555;} #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 {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;}} #mainnav .contact .smartlinks a {text-decoration:none;border:none;margin-bottom:20px;padding:2px;display:inline-block;} /* ########## Content ########## */ .main .content.withsidebar {width: 65%; float: left;} .main .sidebar{width:27%;float:right;} .blog .sidebar{width:27%;float:right;} .archive .sidebar{width:27%;float:right;} .main {position:relative;z-index:1} .home.page .main{max-width:inherit;margin:inherit;padding:0;} .page .main {max-width:1240px;margin:0 auto;padding:0 20px;} .blog .main, .single .main {max-width:1240px;margin:0 auto;padding:0 20px;} .archive .main, .single .main {max-width:1240px;margin:0 auto;padding:0 20px;} .single-projekt .main {max-width:inherit;margin:0 auto;padding:inherit;} /* ########## Subnavigation ########## */ .main .sidebar .boxtitel {display:none;} .main .sidebar ul li {background:none;} .main .sidebar ul li a {background:#fff;border:1px solid #b20000;color:#555;font-weight:400;text-decoration:none;display:block;padding:10px;margin-bottom:10px;transition: ease-in-out 0.5s} .main .sidebar ul li a:hover,.main .sidebar ul li.current_page_item a,.main .sidebar ul li.current_page_ancestor a,.main .sidebar .widget_categories ul li.current-cat a {background:#b20000;color:#fff;transition: ease-in-out 0.5s} .main .sidebar ul li ul li a {background:#fff!important;color: #555!important;padding:5px;font-size:14px;} .main .sidebar ul li ul li a:hover,.main .sidebar ul li ul li.current_page_item a {background:#b20000!important;color:#fff!important;transition: ease-in-out 0.5s} .main .sidebar ul li .sub-menu {display:none;margin:0 15px;} .main .sidebar ul li.current_page_item .sub-menu,.main .sidebar ul li.current-page-ancestor .sub-menu {display:block;} .page .main .sidebar ul li {padding:0;} .main .sidebar .personbox {display:none;margin-top:75px;font-size:16px;border:1px solid #f2f2f2} .main .sidebar .personbox .name,.main .sidebar .personbox .adresse,.main .sidebar .personbox .phone {padding:0 20px} .main .sidebar .personbox .mail {padding:0 20px 20px 20px} .main .sidebar .personbox h3{margin-bottom:20px;font-weight:300} .main .sidebar .personbox img{width:100%;height:auto;border-bottom: 1px solid #b20000;} .main .sidebar .personbox.Show {display:block;} .main .sidebar .personbox .pic {position:relative;max-height:280px;overflow:hidden} .main .sidebar .personbox .pic:before {content: '';position: absolute;bottom: -20px;left: 0;height: 20%;width: 51%;background: #fff;-webkit-transform: skew(0deg, 8deg);-moz-transform: skew(0deg, 8deg);-ms-transform: skew(0deg, 8deg);-o-transform: skew(0deg, 8deg);transform: skew(0deg, 8deg);} .main .sidebar .personbox .pic:after {content: '';position: absolute;bottom: -20px;right: 0;height: 20%;width: 51.5%;background: #fff;-webkit-transform: skew(0deg, -8deg);-moz-transform: skew(0deg, -8deg);-ms-transform: skew(0deg, -8deg);-o-transform: skew(0deg, -78deg);transform: skew(0deg, -8deg);} /* ########## Footer ########## */ .footer{background:#b20000;color:#fff;margin-top:100px;margin-bottom:15px;} .single .footer {margin-top:50px;} .single-projekt .footer {margin-top:0;} .page-id-385 .footer{margin-top:0;} .page-id-381 .footer{margin-top:0;} .footer .wrp:before {content:"";display:none;} .footer .wrp {max-width:1240px;margin:0 auto -1.5em auto;padding:65px 20px 0 20px;display:grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;} .footer .claim-con{background:#555;padding:45px 20px;box-sizing:border-box;position:relative;z-index: 10;} .footer .claim-con .claim:before{content:"";display:block;background:url("assets/haken.svg") left top no-repeat;background-size:180px 180px;width: 180px;height: 180px;position: absolute;top: -74px;right:0;} .footer .claim-con .claim{font-size:48px;line-height:50px;font-weight:300;max-width:1240px;margin:0 auto;position:relative;} .footer .claim-con .claim strong {font-weight:700;} .footer .claim-con .claim p {margin:0;} .footer a {color:#fff;text-decoration:none;} .footer .socials {padding-top:20px;} .footer .socials img{width:35px;height:35px;float:left;margin-right:15px;} .footer span.wpcf7-not-valid-tip {color: #fff;font-size: 14px;font-weight: 700;display: block;} /* ########## Bottom ########## */ .bottom {padding:0 20px;} .bottom .wrp {max-width:1240px;margin:0 auto;padding-top:20px;font-size:14px;} .bottom .wrp ul{float:left;} .bottom .wrp .copyright {float:right} .bottom .wrp .copyright a {color:#555;text-decoration:none;transition: ease-in-out 0.5s} .bottom .wrp .copyright a:hover {color:#b20000;transition: ease-in-out 0.5s} .bottom .wrp ul.bottom_nav li {color:#555;display:inline-block;} .bottom .wrp ul.bottom_nav li:after {content:"-";padding-left:3px;} .bottom .wrp ul.bottom_nav li:nth-child(3):after {content:"";} .bottom .wrp ul.bottom_nav li a {color:#555;text-decoration:none;transition: ease-in-out 0.5s} .bottom .wrp ul.bottom_nav li a:hover {color:#b20000;transition: ease-in-out 0.5s} /* ########## Text ########## */ .section.text {margin-bottom:1.5em;} .section.text {max-width:1240px;margin:0 auto;padding:0 100px;box-sizing: border-box} .page-id-381 .section.text {max-width:1240px;margin:0 auto;padding:0;box-sizing: border-box} .content.withsidebar .section.text {max-width:1240px;margin:inherit;padding:0;box-sizing: border-box} .section.text .button a {margin:40px 0;background:#b20000;color:#fff;border: 1px solid #b20000;display:inline-block;padding:5px 40px;transition: ease-in-out 0.5s;} .section.text .button a:hover {background:#fff;color:#b20000;text-decoration:none;transition: ease-in-out 0.5s;} /* ########## Leistungen Startseite ########## */ .section.leistungen {padding:100px 20px;box-sizing:border-box;} .section.leistungen h2{margin:0 0 100px 0;display:block;padding:0;border:0;font-size:30px;font-weight:400;line-height:37px;color:#555;text-align:center;} .section.leistungen:before {content:"";display:block;border-top:1px solid #ccc;margin:0 auto 100px auto;max-width:1440px} .section.leistungen:after {content:"";display:block;border-top:1px solid #ccc;margin:100px auto 0 auto;max-width:1440px} .section.leistungen .wrp {max-width:1240px;margin:0 auto;} .section.leistungen .wrp .wrp-leistungen {display:flex;flex-wrap:wrap;} .section.leistungen .wrp .wrp-leistungen .item-leistungen{width:45%;max-width:45%;margin-right:10%;margin-bottom:70px;box-sizing:border-box} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(5),.section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(6){margin-bottom:0;} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(even){margin-right:0;} .section.leistungen .wrp .wrp-leistungen .item-leistungen .icon {display:inline-block;width:16%;margin-right:40px;text-align:center;vertical-align: top;} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(1) .icon img{width:90%;margin-left:5px;} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(2) .icon img{width:90%;margin-left:5px;} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(3) .icon img{width:110%} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(4) .icon img{width:110%} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(5) .icon img{width:110%} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(6) .icon img{width:90%;margin-left:5px;} .section.leistungen .wrp .wrp-leistungen .item-leistungen .content {display:inline-block;width:73.3%;vertical-align: top;} .section.leistungen .wrp .wrp-leistungen .item-leistungen .content h3{font-weight:400;font-size:24px;margin:0;padding-bottom:20px;} .section.leistungen .wrp .wrp-leistungen .item-leistungen .content .border{border-top:1px solid #b20000;max-width:100px;margin-bottom:20px;} /* ########## Projekte Teaserbox ########## */ .home.page .section.projekt-wrp {max-width:1240px;margin:100px auto 50px auto;padding: 0 20px;} .home.page .section.projekt-wrp:before {content: "";display: block;border-top: 1px solid #f2f2f2;margin: 0 auto 100px auto;max-width: 1440px;padding:0 40px;box-sizing: border-box} .page .section.projekt-wrp {max-width:1240px;margin:0 auto;} .section.shortcode .section.projekt-wrp {padding:0} .section.projekt-wrp .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;} .archive .section.projekt-wrp .wrp {display:grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;} .blog .section.projekt-wrp .wrp {display:grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;} .archive.section.projekt-wrp .wrp {display:grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;} .page-child .section.projekt-wrp .wrp {display:grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;} .home.page .section.projekt-wrp .wrp .projekt-box {position:relative;font-size:16px;font-weight:300;margin:20px 0 0 0;display: flex;flex-direction: column;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .blog .section.projekt-wrp .wrp .projekt-box {position:relative;font-size:16px;font-weight:300;margin:0;display: flex;flex-direction: column;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .archive.section.projekt-wrp .wrp .projekt-box {position:relative;font-size:16px;font-weight:300;margin:0;display: flex;flex-direction: column;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .page .section.projekt-wrp .wrp .projekt-box{position:relative;font-size:16px;font-weight:300;margin:0;display: flex;flex-direction: column;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .section.projekt-wrp .wrp .projekt-box:hover {box-shadow:0 0 13px rgba(0,0,0,0.8);transition: ease-in-out 0.4s;} .section.projekt-wrp .wrp .projekt-box .bild {position:relative;max-height:280px;z-index:1;overflow:hidden} .section.projekt-wrp .wrp .projekt-box .bild img {width:100%;max-height: 350px;object-fit: cover;transition: ease-in-out 0.4s;} .section.projekt-wrp .wrp .projekt-box:hover .bild img {margin:-10px 0 10px 0;transition: ease-in-out 0.4s;} .section.projekt-wrp .wrp .projekt-box .text-con {padding:0 25px;margin-bottom:70px;background:#fff;position:relative;z-index:10} .section.projekt-wrp .wrp .projekt-box .ort {color:#838383;} .section.projekt-wrp .wrp .projekt-box .objekt {font-size:20px;font-weight:600;margin-bottom:20px;} .blog .section.projekt-wrp .wrp .projekt-box .objekt {padding-top:20px;} .archive .section.projekt-wrp .wrp .projekt-box .objekt {padding-top:20px;} .section.projekt-wrp .wrp .projekt-box .adresse,.section.projekt-wrp .wrp .projekt-box .preis {margin-bottom:20px;} .section.projekt-wrp .wrp .projekt-box .link {width:70px;position:absolute;bottom:0;right:20px;margin-bottom:20px;} .home .section.objekte .wrp .projekt .link {width:70px;position:absolute;bottom:0;right:20px;margin-bottom:20px;z-index: 10;} .section.projekt-wrp .wrp .projekt-box .link img{opacity:0.7;transform:scale(1);transition: ease-in-out 0.4s;} .section.projekt-wrp .wrp .projekt-box:hover .link img{transform:scale(1.2);opacity:1!important;transition: ease-in-out 0.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .home .section.objekte .wrp .projekt .link img{opacity:0.7;transform:scale(1);transition: ease-in-out 0.4s;} .home .section.objekte .wrp .projekt:hover .link img{transform:scale(1.2);opacity:1!important;transition: ease-in-out 0.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .projekt-box .bild:before {content: '';position: absolute;bottom: -20px; left: 0;height: 20%;width: 51%;background: #fff;-webkit-transform: skew(0deg, 8deg);-moz-transform: skew(0deg, 8deg);-ms-transform: skew(0deg, 8deg);-o-transform: skew(0deg, 8deg);transform: skew(0deg, 8deg);} .projekt-box .bild:after {content: '';position: absolute;bottom: -20px;right: 0;height: 20%;width: 51.5%;background: #fff;-webkit-transform: skew(0deg, -8deg);-moz-transform: skew(0deg, -8deg);-ms-transform: skew(0deg, -8deg);-o-transform: skew(0deg, -78deg);transform: skew(0deg, -8deg);} .projekt-box-projekte {cursor:pointer;position:relative;font-size:16px;font-weight:300;margin:50px 0 100px 0;display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;text-align: left;} .parent-pageid-381 .projekt-box-projekte {display:block;margin:0;} .projekt a {cursor:pointer;color:#555;text-decoration:none;display:block;height:100%;position:relative;z-index:10;} .projekt-box-projekte .projekt-box {cursor:pointer;position:relative;font-size:16px;font-weight:300;margin:0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .archive .projekt-box {cursor:pointer;position:relative;font-size:16px;font-weight:300;margin:0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .home .projekt-box-projekte .projekt-box {cursor:pointer;position:relative;font-size:16px;font-weight:300;margin:0;background:none;box-shadow:none;transition: ease-in-out 0.4s;} .home .projekt-box-projekte .projekt-box:hover {box-shadow:none;transition: ease-in-out 0.4s;} .projekt-box-projekte .projekt-box:hover {box-shadow:0 0 13px rgba(0,0,0,0.8);transition: ease-in-out 0.4s;} .projekt-box-projekte .projekt-box .bild {position:relative;max-height:280px;z-index:1;overflow:hidden} .projekt-box-projekte .projekt-box .bild img {width:100%;max-height: 350px;object-fit: cover;transition: ease-in-out 0.4s;} .projekt-box-projekte .projekt-box:hover .bild img {margin:-10px 0 10px 0;transition: ease-in-out 0.4s;} .projekt-box-projekte .projekt-box .text-con {cursor:pointer;padding:0 25px;margin-bottom:70px;background:#fff;position:relative;z-index:10} .projekt-box-projekte .projekt-box .objekt {padding-top:10px;font-size:20px;font-weight:600;margin-bottom:20px;} .home .projekt-box-projekte .projekt-box .objekt {padding-top:20px;} .projekt-box-projekte .projekt-box .link {width:70px;position:absolute;bottom:0;right:20px;margin-bottom:20px;z-index:0;} .home .projekt-box-projekte .projekt-box .link {z-index:10;} .projekt-box-projekte .projekt-box .link img{opacity:0.7;transform:scale(1);transition: ease-in-out 0.4s;} .projekt-box-projekte .projekt-box:hover .link img{transform:scale(1.2);opacity:1!important;transition: ease-in-out 0.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .page-id-1479 .text:nth-child(2) .wrp {max-width:1240px;cursor:pointer;position:relative;font-size:16px;font-weight:300;margin:0 auto;display: grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;text-align: left;} .page-id-1479 .text:nth-child(2) .wrp .projekt {cursor:pointer;background: #fff;box-shadow: 0 0 10px rgba(0,0,0, 0.5);transition: ease-in-out 0.4s;} .page-id-1479 .text:nth-child(2) .wrp .projekt:hover {background: #fff;box-shadow: 0 0 13px rgba(0,0,0, 0.8);transition: ease-in-out 0.4s;} .page-id-1479 .projekt-box-projekte .projekt-box {background: none;box-shadow: none;transition: ease-in-out 0.4s;} .page-id-1479 .wrp .projekt .link{width: 70px;position: absolute;bottom: 0;right: 20px;margin-bottom: 20px;z-index: 10;} .page-id-1479 .wrp .projekt .link img{opacity:0.7;transform:scale(1);transition: ease-in-out 0.4s;} .page-id-1479 .wrp .projekt:hover .link img{transform:scale(1.2);opacity:1!important;transition: ease-in-out 0.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .page-id-1488 .text:nth-child(2) .wrp {max-width:1240px;cursor:pointer;position:relative;font-size:16px;font-weight:300;margin:0 auto;display: grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;text-align: left;} .page-id-1488 .text:nth-child(2) .wrp .projekt {cursor:pointer;background: #fff;box-shadow: 0 0 10px rgba(0,0,0, 0.5);transition: ease-in-out 0.4s;} .page-id-1488 .text:nth-child(2) .wrp .projekt:hover {background: #fff;box-shadow: 0 0 13px rgba(0,0,0, 0.8);transition: ease-in-out 0.4s;} .page-id-1488 .projekt-box-projekte .projekt-box {background: none;box-shadow: none;transition: ease-in-out 0.4s;} .page-id-1488 .wrp .projekt .link{width: 70px;position: absolute;bottom: 0;right: 20px;margin-bottom: 20px;z-index: 10;} .page-id-1488 .wrp .projekt .link img{opacity:0.7;transform:scale(1);transition: ease-in-out 0.4s;} .page-id-1488 .wrp .projekt:hover .link img{transform:scale(1.2);opacity:1!important;transition: ease-in-out 0.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .page-id-1484 .text:nth-child(2) .wrp {max-width:1240px;cursor:pointer;position:relative;font-size:16px;font-weight:300;margin:0 auto;display: grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;text-align: left;} .page-id-1484 .text:nth-child(2) .wrp .projekt {cursor:pointer;background: #fff;box-shadow: 0 0 10px rgba(0,0,0, 0.5);transition: ease-in-out 0.4s;} .page-id-1484 .text:nth-child(2) .wrp .projekt:hover {background: #fff;box-shadow: 0 0 13px rgba(0,0,0, 0.8);transition: ease-in-out 0.4s;} .page-id-1484 .projekt-box-projekte .projekt-box {background: none;box-shadow: none;transition: ease-in-out 0.4s;} .page-id-1484 .wrp .projekt .link{width: 70px;position: absolute;bottom: 0;right: 20px;margin-bottom: 20px;z-index: 10;} .page-id-1484 .wrp .projekt .link img{opacity:0.7;transform:scale(1);transition: ease-in-out 0.4s;} .page-id-1484 .wrp .projekt:hover .link img{transform:scale(1.2);opacity:1!important;transition: ease-in-out 0.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .section.person-wrp {max-width:1280px;margin:0 auto;padding:0 20px; box-sizing:border-box;} .section.person-wrp .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;margin-top:40px;} .single .section.person-wrp .wrp {display:block;align-items: stretch;flex-wrap: inherit;justify-content: inherit;margin-top:83px;float:right;width:27%;} .section.person-wrp .wrp .person-box {position:relative;font-size:16px;font-weight:300;margin:0;display: flex;flex-direction: column;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .section.person-wrp .wrp .person-box .text-con {padding: 0 25px 25px 25px;background: #fff;margin-top: -25px;position: relative;z-index: 10;} .section.person-wrp .wrp .person-box .bild {position:relative;max-height:420px;overflow:hidden;z-index:1} .section.person-wrp .wrp .person-box .bild img{width:100%;height:auto;} .section.person-wrp .wrp .person-box .text-con .job{margin-bottom:20px;} .section.person-wrp .wrp .person-box .bild:before {content: '';position: absolute;bottom: -25px; left: 0;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, 8deg);-moz-transform: skew(0deg, 8deg);-ms-transform: skew(0deg, 8deg);-o-transform: skew(0deg, 8deg);transform: skew(0deg, 8deg);transition: ease-in-out 0.4s} .section.person-wrp .wrp .person-box .bild:after {content: '';position: absolute;bottom: -25px;right: -1px;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, -8deg);-moz-transform: skew(0deg, -8deg);-ms-transform: skew(0deg, -8deg);-o-transform: skew(0deg, -78deg);transform: skew(0deg, -8deg);transition: ease-in-out 0.4s} /* ########## Objekte Teaserbox ########## */ .home .section.objekte {max-width:1280px;margin:50px auto 0 auto;padding: 0 20px;text-align: center;box-sizing:border-box;} .home .section.objekte .wrp .projekt {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s;} .home .section.objekte .wrp .projekt:hover {box-shadow:0 0 13px rgba(0,0,0,0.8);transition: ease-in-out 0.4s;} .home .section.objekte .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr; column-gap: 40px;row-gap: 40px;} .home .projekt-box-projekte {display:block;margin:0;} .page .section.objekte p {text-align: left;margin-bottom :50px;} /* ########## Immobilienscout 24 ########## */ .immomakler {max-width:1240px;margin:0 auto;} @media (min-width: 768px) { .immomakler-archive .immomakler-boxed {display:grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;} .immomakler .col-md-4 {width:auto!important;} .immomakler .col-sm-6 {width:auto!important;} } .immomakler-archive .immomakler-boxed {display:grid!important;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;max-width:1240px;} .immomakler .immomakler-boxed.row:before {display:none;} .immomakler-archive .immomakler-boxed .property {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);font-size:16px;font-weight:300;margin:20px 0 0 0;padding:0;transition: ease-in-out 0.4s;} .immomakler-archive .immomakler-boxed .property:hover {box-shadow:0 0 13px rgba(0,0,0,0.8);transition: ease-in-out 0.4s;} .immomakler-archive .immomakler-boxed .property-container {margin:0;padding:0;height:auto!important;border:0!important;} .immomakler-archive .property-container div.property-thumbnail img {transition: ease-in-out 0.4s;} .immomakler-archive .property-container:hover div.property-thumbnail img {margin:-10px 0 10px 0;transition: ease-in-out 0.4s;} .immomakler-archive div.property-thumbnail a:before {content: '';position: absolute;bottom: -20px; left: 0;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, 8deg);-moz-transform: skew(0deg, 8deg);-ms-transform: skew(0deg, 8deg);-o-transform: skew(0deg, 8deg);transform: skew(0deg, 8deg);} .immomakler-archive div.property-thumbnail a:after {content: '';position: absolute;bottom: -20px;right: 0;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, -8deg);-moz-transform: skew(0deg, -8deg);-ms-transform: skew(0deg, -8deg);-o-transform: skew(0deg, -78deg);transform: skew(0deg, -8deg);} .immomakler-archive .immomakler-boxed .property-container .property-thumbnail {height:auto!important;max-height:200px;} .immomakler-archive .property-title a {display:block;font-size: 20px;font-weight: 600;margin-bottom: 20px;color:#555!important;transition: ease-in-out 0.4s} .immomakler-archive .property-title a:hover {color:#b20000!important;text-decoration:none;transition: ease-in-out 0.4s} .immomakler-archive .property-subtitle {font-size: 16px;font-weight: 300!important;margin-top: 0px;margin-bottom: 0px;color: #838383;} .immomakler-archive .immomakler-boxed .property-container div.property-details {padding: 0 25px 25px 25px!important;text-align: left;} .immomakler-archive .immomakler-boxed .property-container .property-actions {display: block!important;position: relative;left: inherit!important;float: right!important;right: 25px;margin-bottom: 20px!important;} .immomakler-archive .immomakler-boxed .property-container div.property-thumbnail {overflow:hidden!important} .immomakler .btn-group-vertical>.btn, .immomakler .btn-group>.btn {border:0;padding:0;background:none;} .immomakler .btn-group-vertical>.btn, .immomakler .btn-group>.btn:hover {border:0;padding:0;background:none;} .immomakler .property-container .btn-group-vertical>.btn img, .immomakler .property-container .btn-group>.btn img {transform:scale(1);width:70px;opacity:0.7;transition: ease-in-out 0.4s} .immomakler .property-container:hover .btn-group-vertical>.btn img, .immomakler .property-container:hover .btn-group>.btn img {transform:scale(1.2);opacity:1;transition: ease-in-out 0.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .immomakler .panel>.list-group:last-child .list-group-item:last-child, .immomakler .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {display:none;} .immomakler-single h2.property-subtitle {font-weight: 300!important;text-align: left;margin-bottom: 50px!important;} .immomakler-single .property-actions .btn {margin-bottom: 15px;margin-right:15px} .immomakler-single .panel-default .dt, .immomakler-single .property-features li {font-weight: 400!important;} .immomakler-map-iframe, .immomakler .archive-map .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed, .immomakler .archive-map .bc-bct-google-maps {height: 400px!important;max-height: 400px!important;margin: 50px 0 -6px 0;} .galleria-lightbox-info {font-size:16px;font-family: 'Roboto';font-weight:300;} .sidebar .widget_immomakler-widget-featuredpost h3.widget-title {font-size: 20px;font-weight: 300;line-height: 24px;color: #555;margin-bottom:20px} .immomakler .checkbox label, .immomakler .radio label {font-weight:300!important;} #immomakler-contactform-form label {font-weight:300!important;} .immomakler .btn-primary,.immomakler .btn-primary:hover {transition:opacity ease-in-out 0.3s} .immomakler .item-accordion .item-accordion-content.hidden {height:0;overflow:hidden;transition: ease-in-out 0.5s} .immomakler .item-accordion-head.ob {text-align:center;margin:20px 0} .immomakler .item-accordion-head.ob .mehr {display:block;text-align:center;} .immomakler .item-accordion-head.ob .weniger {display:none;} .immomakler .item-accordion.active .item-accordion-head.ob .weniger {display:block;} .immomakler .item-accordion.active .item-accordion-head.ob .mehr {display:none;} .immomakler .item-accordion.active .item-accordion-content.hidden {display:block!important;height:auto;overflow:visible;transition: ease-in-out 0.5s} .single .immomakler h3 {margin-top:inherit;} .single .immomakler .panel>.list-group,.single .immomakler-single .list-group {padding: 15px 0;} .single .btn-primary {margin-top:20px} .single .property-features .panel-body {padding:0 15px;} .single .immomakler .list-group {margin-bottom:0;} .immomakler .row {margin-right:0!important;margin-left:0!important;} .backlink {font-size:14px;color:#b20000;margin-bottom:20px;cursor:pointer;transition: ease-in-out 0.4s;} .backlink-bottom {display:block;font-size:14px;color:#b20000;padding-top:20px;clear:both;cursor:pointer;transition: ease-in-out 0.4s;} .backlink:hover,.backlink-bottom:hover {color:#555;transition: ease-in-out 0.4s;} .immomakler .col-xs-5,.immomakler .col-xs-7 {padding-right:0!important;padding-left:0!important;} .immomakler .col-lg-1, .immomakler .col-lg-10, .immomakler .col-lg-11, .immomakler .col-lg-12, .immomakler .col-lg-2, .immomakler .col-lg-3, .immomakler .col-lg-4, .immomakler .col-lg-5, .immomakler .col-lg-6, .immomakler .col-lg-7, .immomakler .col-lg-8, .immomakler .col-lg-9, .immomakler .col-md-1, .immomakler .col-md-10, .immomakler .col-md-11, .immomakler .col-md-12, .immomakler .col-md-2, .immomakler .col-md-3, .immomakler .col-md-4, .immomakler .col-md-5, .immomakler .col-md-6, .immomakler .col-md-7, .immomakler .col-md-8, .immomakler .col-md-9, .immomakler .col-sm-1, .immomakler .col-sm-10, .immomakler .col-sm-11, .immomakler .col-sm-12, .immomakler .col-sm-2, .immomakler .col-sm-3, .immomakler .col-sm-4, .immomakler .col-sm-5, .immomakler .col-sm-6, .immomakler .col-sm-7, .immomakler .col-sm-8, .immomakler .col-sm-9, .immomakler .col-xs-1, .immomakler .col-xs-10, .immomakler .col-xs-11, .immomakler .col-xs-12, .immomakler .col-xs-2, .immomakler .col-xs-3, .immomakler .col-xs-4, .immomakler .col-xs-5, .immomakler .col-xs-6, .immomakler .col-xs-7, .immomakler .col-xs-8, .immomakler .col-xs-9 {z-index:10} /* ########## Seiten Teaserbox ########## */ .section.projekt-wrp-sites {max-width:1240px;margin:0 auto;padding: 0 20px;} .section.shortcode .section.projekt-wrp-sites {padding:0} .section.projekt-wrp-sites .wrp {display:grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 40px;row-gap: 40px;margin-top:40px;} .section.projekt-wrp-sites .wrp .projekt-box-sites {position: relative;font-size:16px;font-weight:300;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s} .section.projekt-wrp-sites .wrp .projekt-box-sites:hover {box-shadow:0 0 13px rgba(0,0,0,0.8);transition: ease-in-out 0.4s} .section.projekt-wrp-sites .wrp .projekt-box-sites .bild {position:relative;z-index:1;} .section.projekt-wrp-sites .wrp .projekt-box-sites .bild img {width:100%;height:auto;transition: ease-in-out 0.4s;} .section.projekt-wrp-sites .wrp .projekt-box-sites:hover .bild img {margin:-5px 0 5px 0;transition: ease-in-out 0.4s;} .section.projekt-wrp-sites .wrp .projekt-box-sites .text-con {min-height:210px;padding: 20px 25px 25px 25px;position:relative;z-index:10} .section.projekt-wrp-sites .wrp .projekt-box-sites .link {width:70px;float:right;margin-bottom:20px;margin-right:25px;} .section.projekt-wrp-sites .wrp .projekt-box-sites .link img{transform:scale(1);opacity:0.7;transition: ease-in-out 0.4s} .section.projekt-wrp-sites .wrp .projekt-box-sites:hover .link img{transform:scale(1.2);opacity:1;transition: ease-in-out 0.4s} .section.projekt-wrp-sites .wrp .projekt-box-sites .headline h3{font-size: 20px;line-height:24px;font-weight: 600;margin:10px 0 20px 0;} .projekt-box-sites .bild:before {content: '';position: absolute;bottom: -15px; left: 0;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, 8deg);-moz-transform: skew(0deg, 8deg);-ms-transform: skew(0deg, 8deg);-o-transform: skew(0deg, 8deg);transform: skew(0deg, 8deg);transition: ease-in-out 0.4s} .projekt-box-sites .bild:after {content: '';position: absolute;bottom: -15px;right: 0;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, -8deg);-moz-transform: skew(0deg, -8deg);-ms-transform: skew(0deg, -8deg);-o-transform: skew(0deg, -78deg);transform: skew(0deg, -8deg);transition: ease-in-out 0.4s} .single .section.downloads {max-width: 1280px;padding: 0;margin: 0 auto;box-sizing: border-box;} .single .section.downloads .download a {display:block;background: #f2f2f2;opacity:1;padding: 10px 20px;margin-bottom:10px;transition: ease-in-out 0.4s} .single .section.downloads .download a:hover {text-decoration:none;background: #b20000;color:#fff;transition: ease-in-out 0.4s} .single .section.downloads .download a svg path,.single .section.downloads .download a svg polygon, .single .section.downloads .download a svg rect{transition: ease-in-out 0.4s} .single .section.downloads .download a:hover svg path,.single .section.downloads .download a:hover svg polygon, .single .section.downloads .download a:hover svg rect{fill:#fff!important;transition: ease-in-out 0.4s} .single .section.downloads .download a svg {height:25px;display: inline-block;vertical-align: sub;margin:0 10px 0 0;transition: ease-in-out 0.4s} .single .section.downloads .link {display:block;flex-basis: 20%;text-align:center;} .single .section.downloads .link a {display:block;background: #b20000;opacity: 1;padding: 10px 20px;flex-shrink: 1;color:#fff;transition: ease-in-out 0.4s} .single .section.downloads .link a:hover {text-decoration:none;opacity: 0.8;transition: ease-in-out 0.4s} .single .no-show {display:none;} .single .no-show.zeigen {display:block!important;} .single .no-show.zeigen {display:block!important;margin:50px auto 25px auto} /* ########## Störer ########## */ .section.stoerer {display:none;} .section.stoerer.show {display:block;background:#b20000;color:#fff;margin: 100px 0;padding:0 20px;position: relative;z-index: 88;} .section.stoerer .wrp {max-width:1240px;margin:0 auto;padding:20px} .section.stoerer .wrp .text {float:left;} .section.stoerer .wrp .text strong {font-size:40px;line-height: 42px;margin-bottom:30px;} .section.stoerer .wrp .text p {font-size:20px;line-height: 22px;} .section.stoerer .wrp .link {float:right;} .section.stoerer .wrp .link a {display:block;font-size:20px;line-height: 22px;color:#fff;padding:20px;background:none;border:1px dashed #fff;text-decoration:none;transition: ease-in-out 0.5s} .section.stoerer .wrp .link a:hover {background:#555;border:1px dashed transparent;transition: ease-in-out 0.5s} .section.stoerer .wrp .text p{margin:0;} /* ########## Text+Text ########## */ .home .section.texttext {margin:100px 0 70px 0;background: #f2f2f2;} .section.texttext {margin-bottom:1.5em;} .section.texttext h3 {font-weight:300;} .section.texttext h2{text-align:left;font-size:24px;font-weight:400;margin-bottom:20px;} .section.texttext:before {content: "";display: block;border-top: 1px solid #f2f2f2;margin: 0 auto 80px auto;max-width: 1440px;padding:0 40px;box-sizing: border-box} .section.texttext:after {content: "";display: block;border-top: 1px solid #f2f2f2;margin: 130px auto 0 auto;max-width: 1440px;padding:0 40px;box-sizing: border-box} .section.texttext .wrp {max-width:1280px;margin:0 auto;padding:0 20px;box-sizing: border-box;display:grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;} .section.texttext .box {position:relative;font-size:16px;font-weight:300;margin-top:40px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);transition: ease-in-out 0.4s} .section.texttext .box:hover {box-shadow:0 0 13px rgba(0,0,0,0.8);transition: ease-in-out 0.4s} .section.texttext .box .bild {position:relative;z-index:1;} .section.texttext .box .bild img {width:100%;height:auto;transition: ease-in-out 0.4s;} .section.texttext .box:hover .bild img {margin:-5px 0 5px 0;transition: ease-in-out 0.4s;} .section.texttext .box .text-con {min-height:210px;padding:15px 25px;position:relative;z-index:10} .section.texttext .box .link {width:70px;float:right;margin-bottom:20px;margin-right:25px;} .section.texttext .box .link img{transform:scale(1);opacity:0.7;transition: ease-in-out 0.4s} .section.texttext .box:hover .link img{transform:scale(1.2);opacity:1;transition: ease-in-out 0.4s} .section.texttext .box .headline h3{font-size: 20px;line-height:24px;font-weight: 600;margin:10px 0 20px 0;} .section.texttext .box .bild:before {content: '';position: absolute;bottom: -25px; left: 0;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, 8deg);-moz-transform: skew(0deg, 8deg);-ms-transform: skew(0deg, 8deg);-o-transform: skew(0deg, 8deg);transform: skew(0deg, 8deg);transition: ease-in-out 0.4s} .section.texttext .box .bild:after {content: '';position: absolute;bottom: -25px;right: 0;height: 20%;width: 50.5%;background: #fff;-webkit-transform: skew(0deg, -8deg);-moz-transform: skew(0deg, -8deg);-ms-transform: skew(0deg, -8deg);-o-transform: skew(0deg, -78deg);transform: skew(0deg, -8deg);transition: ease-in-out 0.4s} .section.txtxt .wrp {max-width:1280px;margin:0 auto;padding:0;box-sizing: border-box;display:flex;justify-content: space-between} .section.txtxt .box {position:relative;flex-basis: 45%;flex-shrink: 1;font-size:16px;font-weight:300;margin-top:40px;transition: ease-in-out 0.4s} .page-id-385 .section.txtxt .box {margin-top:0;} /* ########## 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;} .section.spaltentext {max-width: 1280px;margin: 0 auto;padding:0 20px;box-sizing: border-box;} /* ########## Image ########## */ .section.image .wrp{max-width:inherit;position:relative} .section.image img{display:block;width:100%;height:auto;} /* ########## Bannerbild ########### */ header {margin-bottom:60px;} .blog header {margin-bottom:0;} .archive header {margin-bottom:0;} .single header {margin-bottom:0;} .home.page header .section.image .wrp{max-width:inherit;max-height:850px;overflow:hidden;position:relative;} .page header .section.image .wrp{max-height:700px;overflow:hidden;position:relative} .error404 .section.image .wrp{max-height:400px;overflow:hidden;position:relative} .error404 .content .section.image {max-width:650px;margin:0 auto;} .error404 header {margin-bottom:0;} .error404 h1 {text-align:center} .blog .section.image .wrp,.single .section.image .wrp{max-width:inherit;max-height:450px;overflow:hidden;position:relative;} .archive .section.image .wrp{max-width:inherit;max-height:450px;overflow:hidden;position:relative;} .single .post-image {margin-bottom:30px;} /* ########## Bannerwinkel ########### */ #chevron {position:absolute;bottom:-100px;height:200px;width:100%;} #chevron:before {content: '';position: absolute;top: 0; left: 0;height: 100%;width: 50%;background: #fff;-webkit-transform: skew(0deg, 7deg);-moz-transform: skew(0deg, 7deg);-ms-transform: skew(0deg, 7deg);-o-transform: skew(0deg, 7deg);transform: skew(0deg, 7deg);} #chevron:after {content: '';position: absolute;top: 0;right: 0;height: 100%;width: 50%;background: #fff;-webkit-transform: skew(0deg, -7deg);-moz-transform: skew(0deg, -7deg);-ms-transform: skew(0deg, -7deg);-o-transform: skew(0deg, -7deg);transform: skew(0deg, -7deg);} /* ########## Bannerclaim ########### */ .home.page header .claim {width:100%;position:absolute;top:40%;font-size:80px;line-height:82px;font-weight:bold;text-align:center;color:#b20000;text-shadow:0px 1px 0 rgb(255,255,255),0px -1px 0 rgb(255,255,255),1px 0px 0 rgb(255,255,255),-1px 0px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255),1px -1px 0 rgb(255,255,255),-1px 1px 0 rgb(255,255,255),-1px -1px 0 rgb(255,255,255); -webkit-text-shadow:0px 1px 0 rgb(255,255,255),0px -1px 0 rgb(255,255,255),1px 0px 0 rgb(255,255,255),-1px 0px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255),1px -1px 0 rgb(255,255,255),-1px 1px 0 rgb(255,255,255),-1px -1px 0 rgb(255,255,255); -moz-text-shadow:0px 1px 0 rgb(255,255,255),0px -1px 0 rgb(255,255,255),1px 0px 0 rgb(255,255,255),-1px 0px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255),1px -1px 0 rgb(255,255,255),-1px 1px 0 rgb(255,255,255),-1px -1px 0 rgb(255,255,255);} .page header .claim {max-width: 800px;left: 50%;margin-left: -400px;opacity:0;animation: textInOut 3s linear forwards;width:100%;position:absolute;top:45%;font-size:60px;line-height:63px;font-weight:bold;text-align:center;color:#b20000;text-shadow:0px 1px 0 rgb(255,255,255),0px -1px 0 rgb(255,255,255),1px 0px 0 rgb(255,255,255),-1px 0px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255),1px -1px 0 rgb(255,255,255),-1px 1px 0 rgb(255,255,255),-1px -1px 0 rgb(255,255,255); -webkit-text-shadow:0px 1px 0 rgb(255,255,255),0px -1px 0 rgb(255,255,255),1px 0px 0 rgb(255,255,255),-1px 0px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255),1px -1px 0 rgb(255,255,255),-1px 1px 0 rgb(255,255,255),-1px -1px 0 rgb(255,255,255); -moz-text-shadow:0px 1px 0 rgb(255,255,255),0px -1px 0 rgb(255,255,255),1px 0px 0 rgb(255,255,255),-1px 0px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255),1px -1px 0 rgb(255,255,255),-1px 1px 0 rgb(255,255,255),-1px -1px 0 rgb(255,255,255);} @keyframes textInOut { 0% {opacity: 0;} 100% {opacity: 1;} } /* ########## Galerie ########## */ .gallery .fresco-gallery {margin-top:40px;display: grid; grid-column-gap: 20px; grid-row-gap: 0; align-items: stretch; justify-content: space-between;grid-template-columns: repeat(5, 1fr);} .gallery .fresco-gallery li {list-style-type: none; margin: 0;} .gallery .fresco-gallery li {list-style-type: none;background:none;margin-bottom:inherit;padding:inherit;} .page .main .gallery ul li {list-style-type: none;background:none;margin-bottom:inherit;padding:inherit;} .gallery .fresco-gallery li img {width: 100%;} .gallery .fresco-gallery li p {font-size:14px;margin:0} @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 .item-accordion-head {cursor: pointer;background: #f2f2f2;color: #b20000;margin-bottom:10px;padding:10px;border:1px solid #f2f2f2} .section.accordion .item-accordion-head.Objektbeschreibung {background:#f2f2f2 url("assets/objektbeschreibung.svg") 15px center no-repeat;background-size:20px 20px;padding-left:45px;} .section.accordion .item-accordion-head.Lage {background:#f2f2f2 url("assets/lage.svg") 15px center no-repeat;background-size:20px 20px;padding-left:45px;} .section.accordion .item-accordion-head.Ausstattung {background:#f2f2f2 url("assets/ausstattung.svg") 15px center no-repeat;background-size:20px 20px;padding-left:45px;} .section.accordion .item-accordion-head.Preise {background:#f2f2f2 url("assets/preis.svg") 15px center no-repeat;background-size:20px 20px;padding-left:45px;} .section.accordion .item-accordion-head.Sonstiges {background:#f2f2f2 url("assets/sonstiges.svg") 15px center no-repeat;background-size:20px 20px;padding-left:45px;} .section.accordion .active .item-accordion-head {background-color:#f8f8f8} .section.accordion .item-accordion-btn {width: 26px; height: 26px;float: right; margin: 0; cursor: pointer; position: relative;} .section.accordion .item-accordion-btn:before {content: '-'; color: #555; 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;padding:20px 20px;background:#f8f8f8;margin-bottom:10px;} .section.accordion .item-accordion.hidden .item-accordion-content:after {display:block;width: 0;height: 0;border-right: 100px solid #037CA9;border-top: 50px solid transparent;border-bottom: 50px solid transparent;} /* ########## Blog ########## */ article.singlepost {} article.singlepost .post-image {} article.singlepost .post-image img {width: 100%; height: auto;} /* ########## Projekte Detailsseite ########## */ .projekt-content {display:flex;justify-content: space-between;margin-bottom:45px;} .projekt-content .immobox {width:48%;box-sizing: border-box} .projekt-content .immobox .detailsbox div{padding:10px;background:#f2f2f2;margin-bottom:10px;} .projekt-content .immobox .detailsbox span {font-weight:400;width:110px;display:inline-block;} .single .section.accordion {margin-bottom: 0;} .single .section.maps .acf-map {margin:50px 0 0 0} .single .main .sidebar {width:100%;display:flex;background: #f2f2f2;justify-content: space-between;} .single .main .sidebar h3.headline {margin-bottom:20px;font-weight:300;} .single .main .sidebar .formular{width:65%;padding:20px 20px 0 20px;} .single .main .sidebar .formular .safe{font-size:14px;display:block;margin-top:5px;} .single .main .sidebar .personbox .name,.single .main .sidebar .personbox .adresse,.single .main .sidebar .personbox .phone,.single .main .sidebar .personbox .mail {padding:0} .single .main .wpcf7 input, .single .main .wpcf7 textarea {display: block;box-sizing: border-box;width: 100%;outline: none;padding: 10px;border:0;font-size:16px;color:#555;} .single .main .sidebar .personbox {margin: 0;width:25%;padding:20px;background:#f2f2f2;border-left: 2px dashed #fff;} .single .main .sidebar .personbox .pic {position:relative;max-height:220px;overflow:hidden} .single .main .sidebar .personbox .pic:before {content: '';position: absolute;bottom: -20px;left: 0;height: 20%;width: 51%;background: #fff;-webkit-transform: skew(0deg, 8deg);-moz-transform: skew(0deg, 8deg);-ms-transform: skew(0deg, 8deg);-o-transform: skew(0deg, 8deg);transform: skew(0deg, 8deg);} .single .main .sidebar .personbox .pic:after {display:block;content: '';position: absolute;bottom: -20px;right: 0;height: 20%;width: 51.5%;background: #fff;-webkit-transform: skew(0deg, -8deg);-moz-transform: skew(0deg, -8deg);-ms-transform: skew(0deg, -8deg);-o-transform: skew(0deg, -78deg);transform: skew(0deg, -8deg);} .single .main .sidebar .txt{font-size: 16px;margin-bottom:15px} .single .main .sidebar .adressbox{font-size: 16px;background:#fff;padding:10px 20px 20px 20px;} .single .main .wpcf7 .wpcf7-submit {opacity:1;-webkit-appearance:none;appearance:none;display:block;color:#555;background:#b20000;margin-top:20px;font-size:16px;border:1px solid #b20000;color:#fff;transition: ease-in-out 0.3s } .single .main .wpcf7 .wpcf7-submit:hover {opacity: 0.8;transition: ease-in-out 0.3s } .single .main .sidebar .form-1{display:flex;justify-content:space-between;} .single .main .sidebar .form-2{display:flex;justify-content:space-between;margin-bottom:20px;} .single .main .sidebar .form-2-1{width:78%} .single .main .sidebar .form-2-2{width:20%} .single .main .sidebar .form-2-3{width:22%} .single .main .sidebar .form-2-4{width:76%} .single .main .sidebar .form-1-anrede {width:16%;margin-bottom:20px;} .single .main .sidebar .form-1-input {width:40%;} .single-projekt .gallery .wrp {max-width:1240px;margin:0 auto 30px auto;padding:0 20px;} .single-projekt .gallery .wrp h2 {display: block;padding: 0;margin: 70px 0 50px 0;font-size: 38px;font-weight: 300;line-height: 41px;} /* ########## Contact Form 7 ########## */ .wpcf7 input, .wpcf7 textarea{display:block;box-sizing:border-box;width:100%;outline:none;padding:10px;border:1px solid #ccc;margin-bottom:10px;} .wpcf7 input:focus, .wpcf7 textarea:focus{} .wpcf7 textarea{resize:vertical;} .wpcf7 .fieldwrap{} .wpcf7 label span.mdtry{color:#b20000;} .wpcf7 input[type=submit]{cursor:pointer;opacity:1;-webkit-appearance:none;appearance:none;display:block;color:#fff;background:#b20000;margin-top:10px;font-size:16px;border:1px solid #b20000;transition: ease-in-out 0.5s } .wpcf7 input[type=submit]:hover {opacity:0.8;transition: ease-in-out 0.5s } .wpcf7 span.safe{} .wpcf7 .wpcf7-response-output.wpcf7-validation-errors{} .wpcf7 .wpcf7-response-output{} .wpcf7 .wpcf7-not-valid-tip{} div.wpcf7 .ajax-loader {display:none!important;} @media (max-width: 1300px){ #mainnav {top:50px;} header .claim {top:33%} } @media (max-width: 1240px){ #mainnav {top:0;} #mainnav ul.cf > li {margin-left:5px;} #mainnav ul.cf > li > a {font-size:17px;} header .claim {background-size: 70%;font-size:70px;} .home.page header .claim {font-size: 60px;line-height: 62px;} .section.stoerer .wrp .text {width: 65%;line-height:24px;} .section.stoerer .wrp .link {margin-top: 10px;} .section.texttext .box .link {position:absolute;right:25px;bottom:25px;margin:0;} .section.texttext .box .text-con {padding-bottom:50px;} } @media (max-width: 1240px){ .footer .claim-con .claim {font-size:40px;line-height:44px;} #chevron {bottom:-130px;} .section.projekt-wrp .wrp .projekt-box .bild {max-height:inherit;} } @media (max-width: 1100px){ .section.person-wrp .wrp .person-box {flex-basis:48%;} .main .sidebar ul,.widget_categories .widget-title {display:none;} .blog .main .sidebar ul {display:block;} .blog .widget_categories .widget-title {display:block;margin-top:40px} .archive .main .sidebar ul {display:block;} .archive .widget_categories .widget-title {display:block;margin-top:40px} } @media (max-width: 1100px){ .page header .claim {top: 30%;font-size: 48px;line-height: 60px;} #toggle-mainnav {width:40px;height:40px;top:10px;background: #b20000;right:3%;} html.mainnav-open #toggle-mainnav {width:50px;height:50px;top:14px;background: #eee;right:3%;} #toggle-mainnav .icon {width: 34px;height: 34px;margin: 3px 5px;} #toggle-mainnav .icon:before{content: '';width: 30px;} html.mainnav-open #toggle-mainnav .icon:before {content: '';width: 40px;} #toggle-mainnav .icon:after{content: '';width: 30px;} html.mainnav-open #toggle-mainnav .icon:after {content: '';width: 40px;} .burger:before,.burger:after {content: '';width:30px;} html.mainnav-open #toggle-mainnav .icon {width:40px;height:45px;} html.mainnav-open #toggle-mainnav .burger:before,html.mainnav-open #toggle-mainnav .burger:after {content: '';width: 40px;} #mainnav {position: fixed;top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.3);z-index: 8888888;} header .logo {width:140px; margin: 10px 0 0 0;} .scrolled header .logo {margin: 10px 0 0 0;} header {margin-bottom: 0;} .main .content.withsidebar {width: 100%;float: none;} .main .sidebar {width: 100%;float:none;} .home.page .section.projekt-wrp {margin:40px auto} .home.page .section.projekt-wrp:before {margin: 0 auto 50px auto;} .home.page .section.projekt-wrp .wrp .projekt-box {margin:20px 0 40px 0} .page .main .sidebar .personbox {width:auto} .page .main .sidebar .personbox .adressbox {padding:10px 20px 20px 0} .page .main .sidebar .personbox .respo {width:auto;display:flex;} .page .main .sidebar .personbox .pic {max-height:400px;} .single-post .section.person-wrp {display:none;} .section.person-wrp .wrp {display: grid;grid-template-columns: 1fr 1fr 1fr;} } @media (max-width: 960px){ .section.projekt-wrp .wrp .projekt-box {margin:20px 0 0 0;} .section.leistungen .wrp .wrp-leistungen .item-leistungen {text-align:center;} .section.leistungen .wrp .wrp-leistungen .item-leistungen .icon {display:inline-block;width:inherit;margin-right:0;margin-bottom:20px;text-align:center;} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(1) .icon img,.section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(2) .icon img,.section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(6) .icon img {width:50%} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(3) .icon img,.section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(4) .icon img,.section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(5) .icon img {width:70%;} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(5) .icon {margin-bottom:25px;} .section.leistungen .wrp .wrp-leistungen .item-leistungen:nth-child(5) .icon img {margin-top:13px;} .section.leistungen .wrp .wrp-leistungen .item-leistungen .content .border { margin: 0 auto 20px auto;} #chevron {bottom:-150px;} .section.projekt-wrp .wrp .projekt-box {position:relative;} .projekt-box-projekte .projekt-box {position:relative;} .section.projekt-wrp .wrp .projekt-box .text-con {padding-bottom:20px;padding-top:20px} .projekt-box-projekte .projekt-box .text-con {padding-bottom:20px;padding-top:20px} .section.projekt-wrp .wrp .projekt-box .link{float:none;position:absolute;right:20px;} .archive .section.projekt-wrp .wrp .projekt-box .link{z-index:10;} .projekt-box-projekte .projekt-box .link{float:none;position:absolute;right:20px;} .section.txtxt .wrp {display:block;} .section.txtxt .box {flex-basis: inherit;} .footer .claim-con .claim {font-size:36px;} .footer .claim-con .claim:before {width: 140px;height: 140px;background-size: 140px 140px;top:-67px} } @media (max-width: 940px) { .section.projekt-wrp .wrp {display: grid;grid-template-columns: 1fr 1fr;} .home .section.objekte .wrp {display: grid;grid-template-columns: 1fr 1fr;} .projekt-box-projekte {display: grid;grid-template-columns: 1fr 1fr;} .immomakler-archive .immomakler-boxed {display:grid;grid-template-columns: 1fr 1fr;} .page header .claim {top: 38%;font-size: 42px;line-height: 50px;} .projekt-content {display: block;} .projekt-content .immobox {width: 100%} .projekt-content {display: block;} .projekt-content .immobox {width: 100%} .single .main .sidebar {display:block;} .single .main .sidebar .formular {width:auto;} .single .main .sidebar .personbox {width:auto} .single .main .sidebar .personbox .respo {width:auto;display:flex;} .single .main .sidebar .personbox .pic:before,.single .main .sidebar .personbox .pic:after {display:none} .single .main .sidebar .personbox .pic {max-height:265px;} } @media (max-width: 920px){ .section.texttext .box {flex-basis:48%} .footer .wrp .adresse {width:35%;} .footer .wrp .buero {width:50%} .footer .wrp .formular {float:none;display:block;margin-top:30px;width:100%;} } @media (max-width: 900px) { header .claim-con {display:none;} .footer .wrp {display: grid;grid-template-columns: 1fr 1fr;column-gap: 40px;row-gap: 40px;} .section.projekt-wrp-sites .wrp {display: grid;grid-template-columns: 1fr 1fr;} } @media (max-width: 860px){ header .claim {font-size: 45px;line-height:50px} } @media (max-width: 770px){ .section.stoerer .wrp .text {width:100%;display:block;float:none;text-align:center;} .section.stoerer .wrp .link {float:none;margin-top:20px;text-align:center;} .section.stoerer .wrp .text p{margin-bottom:10px;} .section.stoerer .wrp .link a {display:inline-block;text-align:center;padding:10px 20px} .footer .claim-con .claim:before {display:none;} .footer .claim-con .claim {text-align:center;} .immomakler-boxed {display:flex;} .immomakler-archive .immomakler-boxed .property {flex-shrink: 1;} .spaltentext { -webkit-column-count: 1!important; -moz-column-count: 1!important; column-count: 1!important;} .section.texttext:before,.section.texttext:after {display:none;} .home .section.texttext {margin:50px 0 100px 0;} .home h1 {text-align:left!important} .home .section.text{padding:0 20px;text-align:left!important} .home .section.text p {text-align:left!important} .section.person-wrp .wrp {display: grid;grid-template-columns: 1fr 1fr;} } @media (max-width: 740px){ .home.page .section.text {padding:0 20px} .page .section.text {padding:0} .footer .wrp .adresse {width: 40%;} .footer .wrp .buero {width: 52%;} } @media (max-width: 720px){ .home.page header .section.image .wrp img {margin-top: 0;} .section.texttext .wrp .box {width:auto;} .section.texttext .box .text-con {min-height:inherit;} .immomakler-archive .immomakler-boxed .property-container .property-thumbnail {max-height:200px;} .section.projekt-wrp-sites .wrp .projekt-box-sites .text-con {min-height:280px;} .gallery .fresco-gallery {grid-template-columns: repeat(3, 1fr)!important;grid-row-gap: 20px;margin:0;} } @media (max-width: 640px){ .section.texttext .wrp {display:block;} .archive .section.projekt-wrp .wrp {display:block;} .page-id-1479 .text:nth-child(2) .wrp {display:block;} .page-id-1488 .text:nth-child(2) .wrp {display:block;} .page-id-1484 .text:nth-child(2) .wrp {display:block;} .section.projekt-wrp .wrp {display:block;} .blog .section.projekt-wrp .wrp {display:block;} .archive.section.projekt-wrp .wrp {display:block;} .home .section.objekte .wrp {display: block} .projekt-box-projekte {display:block;} .section.person-wrp .wrp {display:block;} .page-child .section.person-wrp .wrp {display: grid;grid-template-columns: 1fr 1fr;} .section.person-wrp .wrp .person-box {margin:40px 0 0 0;flex-basis: inherit;} .section.person-wrp .wrp .person-box .bild {max-height:450px;overflow:hidden} .section.projekt-wrp .wrp .projekt-box .text-con {padding-top:0;} .blog .section.projekt-wrp .wrp .projekt-box .text-con {padding-top:20px;} .archive .section.projekt-wrp .wrp .projekt-box .text-con {padding-top:20px;} .projekt-box-projekte .projekt-box .text-con {padding-top:0;} .immomakler-archive .immomakler-boxed {display: block!important;grid-template-columns: 1fr 1fr;} .single .main .sidebar .personbox .respo {width:auto;display:block;} .single .main .sidebar .personbox .pic {max-height:inherit;} .page .main .sidebar .personbox .respo {width:auto;display:block;} .page .main .sidebar .personbox .pic {max-height:400px;} .single .main .sidebar .form-1{display:block;} .single .main .sidebar .form-1-anrede {width:auto;margin-bottom:20px;} .single .main .sidebar .form-1-input {width:auto;margin-bottom:20px;} .single .main .sidebar .form-2{display:block;} .single .main .sidebar .form-2-1{width:auto;margin-bottom:20px} .single .main .sidebar .form-2-2{width:auto} .single .main .sidebar .form-2-3{width:auto;margin-bottom:20px} .single .main .sidebar .form-2-4{width:auto} .page-child .section.projekt-wrp .wrp {display: block;grid-template-columns:inherit;column-gap: inherit;row-gap: inherit;} .page .section.projekt-wrp .wrp .projekt-box {margin-bottom:40px;} .projekt-box .bild:before, .projekt-box .bild:after {bottom:-22px;} .section.projekt-wrp-sites .wrp {display: block;grid-template-columns:inherit;column-gap: inherit;row-gap: inherit;} .section.projekt-wrp-sites .wrp .projekt-box-sites {margin-bottom:40px;} .projekt-box-sites .bild:before, .projekt-box-sites .bild:after {bottom:-22px;} .section.projekt-wrp-sites .wrp .projekt-box-sites .link {width: 70px;float: inherit;margin-bottom: inherit;margin-right: inherit;position: absolute;bottom: 20px;right: 20px;} .blog .section.projekt-wrp .wrp .projekt-box {margin-bottom:40px;} .archive.section.projekt-wrp .wrp .projekt-box {margin-bottom:40px;} .projekt-box-projekte .projekt-box {margin-bottom:40px;} .section.projekt-wrp .wrp .projekt-box .bild {max-height:330px} .projekt-box-projekte .projekt-box .bild {max-height:330px} .footer .wrp {display: block;grid-template-columns:inherit;column-gap: inherit;row-gap: inherit;} .projekt-box-projekte .projekt-box .link {z-index:11;} } @media (max-width: 540px){ .page-child .section.person-wrp .wrp {display: block;grid-template-columns: inherit;} .section.person-wrp .wrp .person-box .bild {max-height:550px;} .section.person-wrp .wrp .person-box .text-con {margin-top:-50px;} .bottom .wrp ul {float: none;text-align:center} .bottom .wrp .copyright {float: none;text-align:center;padding-bottom:13px} H1 {font-size:30px;line-height:35px;} } @media (max-width: 380px){ .gallery .fresco-gallery {grid-template-columns: repeat(2, 1fr)!important;grid-row-gap: 20px;margin:0;} } /* ########## 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}