@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap");
 h1, h2, h3, h4, h5, h6 {
     font-weight: 300;
     font-style: normal;
     margin: 0;
     padding: 0;
     line-height: 1.5;
     margin-bottom: 0;
}
 p {
     margin: 0;
}
 @media (min-width: 1600px) {
     .container {
         max-width: 1500px;
    }
}
 @keyframes pulse {
     from {
         transform: scale(1);
         opacity: 1;
    }
     50% {
         transform: scale(0.75);
         opacity: 0.25;
    }
     to {
         transform: scale(1);
         opacity: 1;
    }
}
 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scale(1);
         opacity: 1;
    }
     50% {
         -webkit-transform: scale(0.75);
         opacity: 0.25;
    }
     100% {
         -webkit-transform: scale(1);
         opacity: 1;
    }
}
/* GENERAL */
 html {
     position: relative;
     min-height: 100%;
}
 body {
     margin-bottom: 0px;
     padding-top: 76px;
     font-weight: 300;
     font-size: 18px;
}
 @media (max-width: 992px) {
     body {
         margin-bottom: 0px;
         padding-top: 0px;
    }
}
 html, body {
     font-family: 'Roboto', sans-serif;
}
 .footer {
     height: 60px;
     background: #000;
}
 @media (max-width: 992px) {
     .footer {
         position: relative;
         height: auto;
    }
}
 .footer.desktop {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin-bottom: 0;
}
 .clearfix {
     clear: both;
}
 .evalo-list {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .evalo-list li {
     background: url(../img/arrow.gif) no-repeat scroll 0 6px rgba(0, 0, 0, 0);
     padding-left: 15px;
}
/* MAIN HEADER */
 header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     height: 76px;
     padding: 0;
     background: #fff;
     z-index: 800;
     transition: border-color 0.7s linear;
     border-bottom-width: 1px;
     border-color: transparent;
}
 header.scrolled {
     border-bottom: 1px solid rgba(164, 166, 19, 0.7);
     -webkit-box-shadow: 0px 1px 3px 0px rgba(140, 140, 140, 0.4);
     -moz-box-shadow: 0px 1px 3px 0px rgba(140, 140, 140, 0.4);
     box-shadow: 0px 1px 3px 0px rgba(140, 140, 140, 0.4);
}
 @media (max-width: 992px) {
     header {
         position: relative;
    }
}
 @media (max-height: 650px) {
    /* disable bullets*/
     #content .home-content .big-image .container .big-image-inner .message .points {
         display:none;
    }
}
 header .mobile-menu-trigger {
     display: inline-block;
     position: absolute;
     right: 10px;
     top: 27px;
}
 @media (min-width: 992px) {
     header .mobile-menu-trigger {
         display: none;
    }
}
 header .mobile-menu-trigger .bar1, header .mobile-menu-trigger .bar2, header .mobile-menu-trigger .bar3 {
     width: 30px;
     height: 1px;
     background-color: #a4a613;
     margin: 8px 0;
     transition: 0.6s;
}
 header .mobile-menu-trigger.change .bar1 {
     -webkit-transform: rotate(-45deg) translate(-9px, 6px);
     transform: rotate(-45deg) translate(-9px, 6px);
}
 header .mobile-menu-trigger.change .bar2 {
     opacity: 0;
}
 header .mobile-menu-trigger.change .bar3 {
     -webkit-transform: rotate(45deg) translate(-8px, -8px);
     transform: rotate(45deg) translate(-6px, -5px);
}
 header .mobile-menu-items {
     position: absolute;
     top: 75px;
     background: #fff;
     right: 0;
     left: 0;
     height: auto;
     overflow: hidden;
     transition: transform 0.3s ease-out;
     height: auto;
     transform: scaleY(0);
     transform-origin: top;
     background: #a4a613;
}
 header .mobile-menu-items.open {
     transform: scaleY(1);
     padding: 10px 0;
}
 @media (min-width: 992px) {
     header .mobile-menu-items.open {
         transform: scaleY(0);
    }
}
 header .mobile-menu-items .header-mobile-menu {
     list-style: none;
     margin: 0;
     padding: 0;
}
 header .mobile-menu-items .header-mobile-menu li a {
     display: block;
     padding: 5px 15px;
     color: #fff;
     font-size: 20px;
     font-weight: 300;
}
 header .mobile-menu-items .header-mobile-menu li ul.tabs-menu {
     list-style: none;
}
 header .mobile-menu-items .header-mobile-menu li ul.tabs-menu li {
     position: relative;
     padding-left: 22px;
}
 header .mobile-menu-items .header-mobile-menu li ul.tabs-menu li:before {
     position: absolute;
     content: "+";
     margin-right: 4px;
     left: 0;
     color: #fff;
}
 header .header-left {
     padding: 10px 0;
}
 header .header-left a.logo {
     display: block;
     padding: 5px;
     padding-left: 0;
}
 header .header-right {
     padding: 10px 0;
}
 @media (max-width: 992px) {
     header .header-right {
         display: none;
    }
}
 header .header-right ul.header-menu {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-top: 29px;
}
 header .header-right ul.header-menu li {
     float: left;
     margin-left: 15px;
}
 header .header-right ul.header-menu li a.link {
     display: block;
     padding: 5px 15px;
     color: #000000;
     font-size: 18px;
     font-weight: 300;
}

@media (max-width: 1200px) {
  header .header-right ul.header-menu li a.link {
    display: block;
    padding: 5px 10px;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
}
}

 header .header-right ul.header-menu li a.link:hover {
     text-decoration: none;
}
 header .header-right ul.header-menu li a.link:after {
     content: '';
     display: block;
     width: 0;
     height: 2px;
     background: #a4a613;
     transition: width .3s;
}
 header .header-right ul.header-menu li a.link:hover::after {
     width: 100%;
}
 header .header-right ul.header-menu li a.link.active {
     color: #a4a613;
}
 header .header-right ul.header-menu li a.link.active:after {
     content: '';
     display: block;
     width: 100%;
     height: 2px;
     background: #a4a613;
     transition: width .3s;
}
 header .header-right ul.header-menu li a.analyse-button {
     margin-left: 10px;
     display: block;
     padding: 5px 15px;
     background: #a4a613;
     font-weight: 300;
     font-size: 18px;
     color: #fff;
     overflow: hidden;
     position: relative;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
}
@media (max-width: 1200px) {
  header .header-right ul.header-menu li a.analyse-button {
    padding: 7px 10px;
    font-size: 16px;
  }
}
 header .header-right ul.header-menu li a.analyse-button:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 header .header-right ul.header-menu li a.analyse-button:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 header .header-right ul.header-menu li a.analyse-button:hover {
     text-decoration: none;
}
 #content.not-home-content {
     margin-bottom: 60px;
}
 #content a {
     color: #a4a613;
}
 #content .home-content .big-image {
     position: relative;
}
 #content .home-content .big-image:before {
     position: absolute;
     content: '';
     z-index: -2;
     width: 100%;
     height: 100%;
     background-image: url("../img/evalo-home-background.jpg");
     background-repeat: no-repeat;
     background-size: cover;
}
 #content .home-content .big-image .container .big-image-inner {
     position: relative;
    /* min-height:620px;
    */
}
 #content .home-content .big-image .container .big-image-inner .message {
     color: #fff;
     position: absolute;
     left: 0px;
     top: 140px;
     line-height: 1.2;
     min-height: auto;
}
 #content .home-content .big-image .container .big-image-inner .message h1 {
     font-size: 65px;
     font-weight: 300;
     line-height: 1.2;
}
 @media (max-width: 992px) {
     #content .home-content .big-image .container .big-image-inner .message {
         font-size: 40px;
         left: 15px;
         right: auto;
         top: 86px;
         min-height: 300px;
    }
     #content .home-content .big-image .container .big-image-inner .message h1 {
         font-size: 40px;
    }
}
 #content .home-content .big-image .fake-btn-analyse-small {
     position: absolute;
     width: 220px;
     background: #a4a613;
     border-radius: 0;
     bottom: 43px;
     left: 50%;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
     font-weight: 300;
     margin-left: -110px;
}
 @media (min-width: 992px) {
     #content .home-content .big-image .fake-btn-analyse-small {
         display: none;
    }
}
 #content .home-content .big-image .fake-btn-analyse-small:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 #content .home-content .big-image .fake-btn-analyse-small:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 #content .home-content .big-image .fake-btn-analyse-small .inner {
     color: #fff;
     font-size: 20px;
     line-height: 1.4;
     padding: 10px 10px;
     text-align: center;
}
 #content .home-content .big-image .fake-btn-analyse-small:hover {
     text-decoration: none;
}
 #content .home-content .big-image .fake-btn-analyse {
     position: absolute;
     width: 150px;
     height: 150px;
     background: #a4a613;
     border-radius: 50%;
     right: auto;
     bottom: 100px;
     left: 0px;
     top: auto;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
     font-weight: 300;
}
 @media (max-width: 992px) {
     #content .home-content .big-image .fake-btn-analyse {
         display: none;
    }
}
 #content .home-content .big-image .fake-btn-analyse:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 #content .home-content .big-image .fake-btn-analyse:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 #content .home-content .big-image .fake-btn-analyse .inner {
     color: #fff;
     font-size: 22px;
     margin-top: 45px;
     margin-left: 30px;
     line-height: 1.3;
}
 #content .home-content .big-image .fake-btn-analyse:after {
     position: absolute;
    /* border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 14px solid white;
     height: 0px;
     right: 23px;
     bottom: 52px;
     */
     right: 23px;
     bottom: 43px;
     content: "\003e";
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 #content .home-content .big-image .fake-btn-analyse:hover {
     text-decoration: none;
}
 @media (min-width: 992px) {
     #content .home-content .big-image .fake-btn-analyse {
         position: absolute;
         width: 150px;
         height: 150px;
         background: #a4a613;
         border-radius: 50%;
         right: 0;
         bottom: -150px;
         left: auto;
         top: auto;
         cursor: pointer;
         overflow: hidden;
         border: 1px solid transparent;
         font-weight: 300;
    }
}
 @media (min-width: 992px) and (max-width: 992px) {
     #content .home-content .big-image .fake-btn-analyse {
         display: none;
    }
}
 @media (min-width: 992px) {
     #content .home-content .big-image .fake-btn-analyse:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
         opacity: 1;
         -webkit-transform: translate(-105%, 0);
         transform: translate(-105%, 0);
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: white;
         background-color: rgba(255, 255, 255, 0.25);
    }
     #content .home-content .big-image .fake-btn-analyse:hover::before {
         opacity: 0;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     #content .home-content .big-image .fake-btn-analyse .inner {
         color: #fff;
         font-size: 22px;
         margin-top: 45px;
         margin-left: 30px;
         line-height: 1.3;
    }
     #content .home-content .big-image .fake-btn-analyse:after {
         position: absolute;
        /* border-top: 7px solid transparent;
         border-bottom: 7px solid transparent;
         border-left: 14px solid white;
         height: 0px;
         right: 23px;
         bottom: 52px;
         */
         right: 23px;
         bottom: 43px;
         content: "\003e";
         color: #fff;
         font-size: 24px;
         font-weight: 300;
         -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
         transition-duration: 0.8s;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         transition-property: transform;
    }
     #content .home-content .big-image .fake-btn-analyse:hover {
         text-decoration: none;
    }
}
 @media (min-width: 1800px) {
     #content .home-content .big-image .fake-btn-analyse {
         position: absolute;
         width: 150px;
         height: 150px;
         background: #a4a613;
         border-radius: 50%;
         right: 0;
         bottom: -150px;
         left: auto;
         top: auto;
         cursor: pointer;
         overflow: hidden;
         border: 1px solid transparent;
         font-weight: 300;
    }
}
 @media (min-width: 1800px) and (max-width: 992px) {
     #content .home-content .big-image .fake-btn-analyse {
         display: none;
    }
}
 @media (min-width: 1800px) {
     #content .home-content .big-image .fake-btn-analyse:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
         opacity: 1;
         -webkit-transform: translate(-105%, 0);
         transform: translate(-105%, 0);
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: white;
         background-color: rgba(255, 255, 255, 0.25);
    }
     #content .home-content .big-image .fake-btn-analyse:hover::before {
         opacity: 0;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     #content .home-content .big-image .fake-btn-analyse .inner {
         color: #fff;
         font-size: 22px;
         margin-top: 45px;
         margin-left: 30px;
         line-height: 1.3;
    }
     #content .home-content .big-image .fake-btn-analyse:after {
         position: absolute;
        /* border-top: 7px solid transparent;
         border-bottom: 7px solid transparent;
         border-left: 14px solid white;
         height: 0px;
         right: 23px;
         bottom: 52px;
         */
         right: 23px;
         bottom: 43px;
         content: "\003e";
         color: #fff;
         font-size: 24px;
         font-weight: 300;
         -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
         transition-duration: 0.8s;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         transition-property: transform;
    }
     #content .home-content .big-image .fake-btn-analyse:hover {
         text-decoration: none;
    }
}
 #content .idee-content {
     padding-top: 30px;
}
 @media (max-width: 1200px) {
     #content .idee-content {
         padding-top: 0;
    }
}
 #content .idee-content .idee-title {
     line-height: 1.2;
     font-weight: 300;
     margin-top: 82px;
}
 #content .idee-content .idee-title h1, #content .idee-content .idee-title h2 {
     font-size: 38px;
     line-height: 1.2;
}
 @media (max-width: 1200px) {
     #content .idee-content .idee-title {
         margin-top: 50px;
    }
}
 #content .idee-content .idee-title .green {
     color: #a4a613;
     line-height: 1.5;
}
 #content .idee-content .idee-text {
     padding-top: 20px;
     font-size: 18px;
}
 #content .idee-content .idee-text.idee-text-first div {
     margin-bottom: 7px;
}
 #content .idee-content .idee-text:last-child {
     padding-bottom: 60px;
}
 #content .idee-content .idee-text-list {
     margin-top: 35px;
     margin-bottom: 55px;
}
 #content .idee-content .idee-text-list .idee-list-holder {
     margin-bottom: 35px;
}
 #content .idee-content .idee-text-list .idee-list-holder .idee-list-label {
     float: left;
     width: 140px;
     line-height: 1.2;
}
 #content .idee-content .idee-text-list .idee-list-holder .idee-list-label h3 {
     font-size: 22px;
     font-weight: 300;
}
 @media (max-width: 992px) {
     #content .idee-content .idee-text-list .idee-list-holder .idee-list-label {
         display: block;
         float: none;
         margin-bottom: 15px;
    }
}
 #content .idee-content .idee-text-list .idee-list-holder .idee-text-desc {
     float: left;
     font-size: 18px;
     margin-left: 20px;
     width: calc(100% - 160px);
}
 @media (max-width: 992px) {
     #content .idee-content .idee-text-list .idee-list-holder .idee-text-desc {
         display: block;
         float: none;
         margin-left: 0;
         width: 100%;
    }
}
 #content .idee-content .idee-image {
     position: relative;
     margin: 40px 0;
}
 @media (max-width: 1200px) {
     #content .idee-content .idee-image {
         margin-bottom: 100px;
    }
}
 #content .idee-content .idee-image .fake-btn-analyse {
     position: absolute;
     width: 150px;
     height: 150px;
     background: #a4a613;
     border-radius: 50%;
     right: 30px;
     bottom: -75px;
     left: auto;
     top: auto;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
     font-weight: 300;
}
 #content .idee-content .idee-image .fake-btn-analyse:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 #content .idee-content .idee-image .fake-btn-analyse:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 #content .idee-content .idee-image .fake-btn-analyse .inner {
     color: #fff;
     font-size: 22px;
     margin-top: 45px;
     margin-left: 30px;
     line-height: 1.3;
}
 #content .idee-content .idee-image .fake-btn-analyse:after {
     position: absolute;
    /* border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 14px solid white;
     height: 0px;
     right: 23px;
     bottom: 52px;
     */
     right: 23px;
     bottom: 43px;
     content: "\003e";
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 #content .idee-content .idee-image .fake-btn-analyse:hover {
     text-decoration: none;
}
 #content .idee-content .idee-energy-display {
     padding-top: 80px;
}
 #content .idee-content .idee-energy-display .row {
     margin-top: 15px;
}
 #content .idee-content .idee-energy-display .inner-title {
     font-size: 20px;
     font-weight: 300;
}
 @media (max-width: 992px) {
     #content .idee-content .idee-energy-display .inner-title {
         font-size: 16px;
    }
}
 #content .idee-content .idee-energy-display .inner-title-big {
     font-size: 20px;
     font-weight: 400;
}
 @media (max-width: 992px) {
     #content .idee-content .idee-energy-display .inner-title-big {
         font-size: 16px;
    }
}
 #content .idee-content .idee-energy-display .inner-loader {
     width: 100%;
     background: #f1f1f1;
     float: left;
     height: 22px;
     position: relative;
}
 @media (max-width: 992px) {
     #content .idee-content .idee-energy-display .inner-loader {
         width: 100%;
    }
}
 #content .idee-content .idee-energy-display .inner-loader .loader-von {
     position: absolute;
     background: #a5a613;
     left: 0;
     top: 0;
     bottom: 0;
     width: 0;
     z-index: 5;
}
 #content .idee-content .idee-energy-display .inner-loader .loader-bis {
     z-index: 4;
     left: 0;
     top: 0;
     bottom: 0;
     position: absolute;
     background: #efefd4;
}
 #content .idee-content .idee-energy-display .loader-label {
     text-align: left;
     font-size: 16px;
}
 #content .idee-content .home-evalo-data {
     padding-top: 30px;
     color: #000000;
}
 #content .idee-content .home-evalo-data .title {
     font-size: 22px;
}
 #content .idee-content .home-evalo-data .data {
     padding-top: 20px;
}
 #content .idee-content .home-evalo-data .data-grid {
     padding-top: 30px;
}
 #content .idee-content .home-evalo-data .data-grid .col-inner .number {
     font-size: 38px;
     line-height: 1;
}
 #content .idee-content .home-evalo-data .data-grid .col-inner .label {
     font-size: 20px;
     padding-top: 10px;
}
 #content .idee-content .home-evalo-data .data-grid.data-grid-first {
     margin-top: 80px;
}
 #content .simulation-boxes {
     margin-top: 30px;
     padding-bottom: 0px;
}
 @media (max-width: 992px) {
     #content .simulation-boxes .second-simulation-box {
         margin-top: 10px;
    }
}
 #content .simulation-boxes .box {
     background: #f8f9fb;
     border-radius: 5px;
     border: 2px solid #eae9ee;
     color: #a4a520;
     padding: 10px;
}
 #content .simulation-boxes .box .row .icon-label {
     background-repeat: no-repeat;
     background-position: 0px center;
     background-size: 40px auto;
     padding: 11px 5px 11px;
     padding-left: 50px;
     font-size: 17px;
     margin-bottom: 10px;
}
 #content .simulation-boxes .box .row .icon-label.standort {
     background-image: url("../img/icons/standort.png");
}
 #content .simulation-boxes .box .row .icon-label.finanzen {
     background-image: url("../img/icons/finanzen.png");
}
 #content .simulation-boxes .box .row .icon-label.gebauede {
     background-image: url("../img/icons/gebaeude.png");
}
 #content .simulation-boxes .box .row .icon-label.sanierung {
     background-image: url("../img/icons/sanierung.png");
}
 #content .simulation-boxes .box .row .icon-label.abschlusskontrolle {
     background-image: url("../img/icons/abschlusskontrolle.png");
     margin-bottom: 0px;
}
 #content .simulation-boxes .circle-holder {
     padding: 5px 20px;
}
 #content .simulation-boxes .circle-holder .progress-circle {
     text-align: center;
}
 #content .simulation-boxes .circle-holder .progress-data {
     font-size: 12px;
     line-height: 1.3;
     color: #8f8f8f;
     padding-top: 15px;
}
 #content .sanieren-page .sanieren-menu, #content #blog .sanieren-menu {
     margin-top: 10px;
     display: none;
}
 @media (min-width: 1200px) {
     #content .sanieren-page .sanieren-menu, #content #blog .sanieren-menu {
         display: block;
    }
}
 #content .sanieren-page .sanieren-menu ul, #content #blog .sanieren-menu ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 #content .sanieren-page .sanieren-menu ul li, #content #blog .sanieren-menu ul li {
     float: left;
}
 @media (max-width: 992px) {
     #content .sanieren-page .sanieren-menu ul li, #content #blog .sanieren-menu ul li {
         display: block;
         float: none;
         margin: 0 -15px;
    }
}
 #content .sanieren-page .sanieren-menu ul li a, #content #blog .sanieren-menu ul li a {
     display: block;
     padding: 12px 30px;
     color: #333;
     font-size: 18px;
     font-weight: 300;
}
 #content .sanieren-page .sanieren-menu ul li a:hover, #content #blog .sanieren-menu ul li a:hover {
     text-decoration: none;
}
 #content .sanieren-page .sanieren-menu ul li a:first-child, #content #blog .sanieren-menu ul li a:first-child {
     padding-left: 0;
}
 @media (min-width: 641px) and (max-width: 780px) {
     #content .sanieren-page .sanieren-menu ul li a, #content #blog .sanieren-menu ul li a {
         font-size: 13px;
    }
}
 #content .sanieren-page .sanieren-menu ul li a:after, #content #blog .sanieren-menu ul li a:after {
     content: '';
     display: block;
     width: 0;
     height: 2px;
     background: #a4a613;
     transition: width .3s;
}
 #content .sanieren-page .sanieren-menu ul li a:hover::after, #content #blog .sanieren-menu ul li a:hover::after {
     width: 100%;
}
 #content .sanieren-page .sanieren-menu ul li a.active, #content #blog .sanieren-menu ul li a.active {
     color: #a4a613;
}
 #content .sanieren-page .sanieren-menu ul li a.active:after, #content #blog .sanieren-menu ul li a.active:after {
     content: '';
     display: block;
     width: 100%;
     height: 2px;
     background: #a4a613;
     transition: width .1s;
}
 #content .sanieren-page .tab-subtitle, #content #blog .tab-subtitle {
     font-weight: 300;
     font-size: 26px;
     color: #000000;
}
 #content .sanieren-page .tab-subtitle h2, #content #blog .tab-subtitle h2 {
     font-weight: 300;
     font-size: 26px;
}
 #content .sanieren-page .sanierung-body, #content #blog .sanierung-body {
     min-height: 400px;
     position: relative;
     padding: 50px 0 30px;
}
 #content .sanieren-page .sanierung-body.loading:after, #content #blog .sanierung-body.loading:after {
     content: " ";
     background-image: url(../img/evalo-loader.gif);
     background-repeat: no-repeat;
     background-position: center 200px;
     position: absolute;
     background-color: #fff;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
 @media (max-width: 992px) {
     #content .sanieren-page .sanierung-body.loading:after, #content #blog .sanierung-body.loading:after {
         background-position: center 50px;
    }
}
 #content .sanieren-page .sanierung-body .sanierung_tabs, #content #blog .sanierung-body .sanierung_tabs {
     display: none;
}
 #content .sanieren-page .sanierung-body .tab-title, #content #blog .sanierung-body .tab-title {
     font-size: 38px;
     font-weight: 300;
     line-height: 1.2;
}
 #content .sanieren-page .sanierung-body .tab-title h1, #content #blog .sanierung-body .tab-title h1 {
     font-size: 38px;
     line-height: 1.2;
}
 #content .sanieren-page .sanierung-body .tab-block, #content #blog .sanierung-body .tab-block {
     padding-top: 20px;
     font-size: 18px;
     position: relative;
}
 #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse, #content #blog .sanierung-body .tab-block .fake-btn-analyse {
     position: absolute;
     width: 150px;
     height: 150px;
     background: #a4a613;
     border-radius: 50%;
     right: 0;
     bottom: -75px;
     left: auto;
     top: auto;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
     font-weight: 300;
}
 #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:before, #content #blog .sanierung-body .tab-block .fake-btn-analyse:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:hover::before, #content #blog .sanierung-body .tab-block .fake-btn-analyse:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse .inner, #content #blog .sanierung-body .tab-block .fake-btn-analyse .inner {
     color: #fff;
     font-size: 22px;
     margin-top: 45px;
     margin-left: 30px;
     line-height: 1.3;
}
 #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:after, #content #blog .sanierung-body .tab-block .fake-btn-analyse:after {
     position: absolute;
    /* border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 14px solid white;
     height: 0px;
     right: 23px;
     bottom: 52px;
     */
     right: 23px;
     bottom: 43px;
     content: "\003e";
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:hover, #content #blog .sanierung-body .tab-block .fake-btn-analyse:hover {
     text-decoration: none;
}
 @media (min-width: 1200px) {
     #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse, #content #blog .sanierung-body .tab-block .fake-btn-analyse {
         position: absolute;
         width: 150px;
         height: 150px;
         background: #a4a613;
         border-radius: 50%;
         right: 30px;
         bottom: -75px;
         left: auto;
         top: auto;
         cursor: pointer;
         overflow: hidden;
         border: 1px solid transparent;
         font-weight: 300;
    }
     #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:before, #content #blog .sanierung-body .tab-block .fake-btn-analyse:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
         opacity: 1;
         -webkit-transform: translate(-105%, 0);
         transform: translate(-105%, 0);
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: white;
         background-color: rgba(255, 255, 255, 0.25);
    }
     #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:hover::before, #content #blog .sanierung-body .tab-block .fake-btn-analyse:hover::before {
         opacity: 0;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse .inner, #content #blog .sanierung-body .tab-block .fake-btn-analyse .inner {
         color: #fff;
         font-size: 22px;
         margin-top: 45px;
         margin-left: 30px;
         line-height: 1.3;
    }
     #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:after, #content #blog .sanierung-body .tab-block .fake-btn-analyse:after {
         position: absolute;
        /* border-top: 7px solid transparent;
         border-bottom: 7px solid transparent;
         border-left: 14px solid white;
         height: 0px;
         right: 23px;
         bottom: 52px;
         */
         right: 23px;
         bottom: 43px;
         content: "\003e";
         color: #fff;
         font-size: 24px;
         font-weight: 300;
         -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
         transition-duration: 0.8s;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         transition-property: transform;
    }
     #content .sanieren-page .sanierung-body .tab-block .fake-btn-analyse:hover, #content #blog .sanierung-body .tab-block .fake-btn-analyse:hover {
         text-decoration: none;
    }
}
 #content .sanieren-page .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse, #content #blog .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse {
     position: absolute;
     width: 150px;
     height: 150px;
     background: #a4a613;
     border-radius: 50%;
     right: -94px;
     bottom: -34px;
     left: auto;
     top: auto;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
     font-weight: 300;
}
 #content .sanieren-page .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:before, #content #blog .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 #content .sanieren-page .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:hover::before, #content #blog .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 #content .sanieren-page .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse .inner, #content #blog .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse .inner {
     color: #fff;
     font-size: 22px;
     margin-top: 45px;
     margin-left: 30px;
     line-height: 1.3;
}
 #content .sanieren-page .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:after, #content #blog .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:after {
     position: absolute;
    /* border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 14px solid white;
     height: 0px;
     right: 23px;
     bottom: 52px;
     */
     right: 23px;
     bottom: 43px;
     content: "\003e";
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 #content .sanieren-page .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:hover, #content #blog .sanierung-body .tab-block.photovoltaik-block .fake-btn-analyse:hover {
     text-decoration: none;
}
 #content .sanieren-page .sanierung-body .tab-image, #content #blog .sanierung-body .tab-image {
     margin: 20px 0;
}
 #content .sanieren-page .sanierung-body .tab-image.tab-image-with-button, #content #blog .sanierung-body .tab-image.tab-image-with-button {
     margin: 20px 0 90px;
}
 @media (min-width: 1200px) {
     #content .sanieren-page .sanierung-body .tab-image.tab-image-with-button, #content #blog .sanierung-body .tab-image.tab-image-with-button {
         margin: 20px 0;
    }
}
 #content .sanieren-page .sanierung-body .subtitle2, #content #blog .sanierung-body .subtitle2 {
     font-size: 18px;
}
 #content .sanieren-page .sanierung-body .subtitle-sparpotenzial, #content #blog .sanierung-body .subtitle-sparpotenzial {
     color: #a4a613;
     font-weight: 300;
}
 #content .sanieren-page .sanierung-body .subtitle-sparpotenzial h2, #content #blog .sanierung-body .subtitle-sparpotenzial h2 {
     font-size: 28px;
}
 #content .sanieren-page .sanierung-body .finanzierung-list ul, #content #blog .sanierung-body .finanzierung-list ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 #content .sanieren-page .sanierung-body .finanzierung-list ul li, #content #blog .sanierung-body .finanzierung-list ul li {
     position: relative;
     padding-left: 22px;
}
 #content .sanieren-page .sanierung-body .finanzierung-list ul li:before, #content #blog .sanierung-body .finanzierung-list ul li:before {
     content: "-";
     margin-right: 15px;
     position: absolute;
     left: 0;
}
 #content .sanieren-page .sanierung-body .dachfester-list, #content #blog .sanierung-body .dachfester-list {
     margin-top: 20px;
}
 #content .sanieren-page .sanierung-body .dachfester-list ul, #content #blog .sanierung-body .dachfester-list ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 #content .sanieren-page .sanierung-body .dachfester-list ul li, #content #blog .sanierung-body .dachfester-list ul li {
     position: relative;
     padding-left: 22px;
}
 #content .sanieren-page .sanierung-body .dachfester-list ul li:before, #content #blog .sanierung-body .dachfester-list ul li:before {
     position: absolute;
     content: "+";
     margin-right: 4px;
     left: 0;
}
 #content .sanieren-page .sanierung-body .tab-text, #content #blog .sanierung-body .tab-text {
     font-size: 18px;
     color: #000000;
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele, #content #blog .sanierung-body .tab-text .table.daemen-tabele {
     width: 600px;
}
 @media (max-width: 992px) {
     #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele, #content #blog .sanierung-body .tab-text .table.daemen-tabele {
         width: 100%;
    }
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele tr td, #content #blog .sanierung-body .tab-text .table.daemen-tabele tr td {
     border: 0;
     padding-left: 0;
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele tr td:first-child, #content #blog .sanierung-body .tab-text .table.daemen-tabele tr td:first-child {
     min-width: 250px;
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele tr td ul, #content #blog .sanierung-body .tab-text .table.daemen-tabele tr td ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele tr td ul li, #content #blog .sanierung-body .tab-text .table.daemen-tabele tr td ul li {
     position: relative;
     padding-left: 22px;
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele tr td ul li:before, #content #blog .sanierung-body .tab-text .table.daemen-tabele tr td ul li:before {
     position: absolute;
     content: "+";
     margin-right: 4px;
     left: 0;
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele tr td span, #content #blog .sanierung-body .tab-text .table.daemen-tabele tr td span {
     font-size: 18px;
     font-weight: 300;
}
 #content .sanieren-page .sanierung-body .tab-text .table.daemen-tabele tr.highlight td, #content #blog .sanierung-body .tab-text .table.daemen-tabele tr.highlight td {
     font-size: 26px;
     font-weight: 300;
}
 #content .sanieren-page .sanierung-body img.crop, #content #blog .sanierung-body img.crop {
     object-fit: cover;
     width: 100%;
}
 @media (min-width: 992px) {
     #content .sanieren-page .sanierung-body img.crop, #content #blog .sanierung-body img.crop {
         height: 400px;
    }
}
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
}
 .video-container iframe, .video-container object, .video-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .m-t-30 {
     margin-top: 30px;
}
/* Blog */
 .img-header {
     height: 180px;
     width: 100%;
     background-color: #fff;
     background-image: url("http://localhost/evalo/img/evalo-home-background.jpg");
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
}
/* IMPRESSUM */
 .impressum {
     padding-top: 30px;
     padding-bottom: 30px;
}
 @media (max-width: 1200px) {
     .impressum {
         padding-top: 44px;
    }
}
 .impressum h1 {
     font-size: 27px;
     font-weight: 300;
     margin-top: 82px;
     line-height: 1.2;
     margin-bottom: 0.5rem;
}
 @media (min-width: 1200px) {
     .impressum h1 {
         font-size: 38px;
    }
}
 @media (max-width: 1200px) {
     .impressum h1 {
         margin-top: 0;
    }
}
 .impressum h4 {
     font-size: 27px;
     font-weight: 300;
}
 .impressum .impressum-block {
     padding-top: 35px;
     font-size: 18px;
}
 .impressum .impressum-block .dark {
     font-weight: 300;
     margin: 15px 0;
}
 .impressum .impressum-block .dark h2 {
     font-size: 26px;
     line-height: 1.2;
}
 .impressum .impressum-block .subtitle {
     margin: 15px 0;
     font-weight: 400;
     font-size: 18px;
}
/* UBER UNS */
 .uber_uns {
     padding-top: 30px;
     padding-bottom: 30px;
     font-size: 18px;
}
 @media (max-width: 1200px) {
     .uber_uns {
         padding-top: 0;
    }
}
 .uber_uns h1 {
     font-size: 38px;
     font-weight: 300;
     margin-top: 83px;
     line-height: 1.2;
     margin-bottom: 0.5rem;
}
 @media (max-width: 1200px) {
     .uber_uns h1 {
         margin-top: 50px;
    }
}
 .uber_uns h2 {
     font-size: 18px;
}
 .uber_uns .subtitle {
     font-size: 26px;
     margin-top: 30px;
     font-weight: 300;
     margin-bottom: 10px;
}
 .uber_uns .subtitle h2 {
     font-size: 26px;
}
 .uber_uns .uber-text {
     padding-top: 15px;
     font-size: 18px;
}
 .uber_uns .ueber_image {
     margin: 20px 0;
     padding: 20px 0 0;
}
 .uber_uns .uber-text-spacing {
     width: 90%;
}
 .uber_uns .uber-text-spacing .year-holder {
     margin-bottom: 17px;
     font-weight: 300;
     font-size: 18px;
}
 .uber_uns .uber-text-spacing .year-holder .year {
     float: left;
     width: 30px;
}
 .uber_uns .uber-text-spacing .year-holder .year-text {
     float: left;
     margin-left: 20px;
     width: calc(100% - 50px);
     font-weight: 300;
}
 .uber_uns .uber-logos {
     padding: 25px 0;
}
 .uber_uns .uber-logos img {
     height: 80px;
}
 .uber_uns .uber-logos img:nth-child(2) {
     padding-left: 150px;
}
 .uber_uns .uber-punkte {
     padding-top: 45px;
}
 .uber_uns .uber-punkte .subtitle {
     font-weight: 400;
     padding-top: 20px;
}
 .uber_uns .uber-punkte .liste {
     padding-top: 20px;
}
 .uber_uns .uber-punkte .liste ol {
     padding: 0;
     margin: 0;
     list-style: none;
     counter-reset: my-awesome-counter;
}
 .uber_uns .uber-punkte .liste ol li {
     counter-increment: my-awesome-counter;
     position: relative;
     margin-bottom: 30px;
     padding-left: 50px;
     line-height: 1;
     height: 30px;
}
 .uber_uns .uber-punkte .liste ol li:before {
     position: absolute;
     content: counter(my-awesome-counter) "";
     color: #fff;
     font-weight: 400;
     font-size: 30px;
     padding: 6px 4px 0px 11px;
     line-height: 0.7;
     background: #a4a613;
     left: 0;
}
 .uber_uns .uber-app {
     padding-top: 40px;
}
 .uber_uns .uber-app .subtitle {
     font-weight: 400;
     padding-top: 20px;
}
 .uber_uns .uber-app .list {
     padding-top: 20px;
}
 .uber_uns .uber-app .free-title {
     padding-top: 20px;
}
 .uber_uns .uber-app .free-title a {
     color: #a4a613;
}
 .uber_uns .uber-app .app-images {
     padding-top: 20px;
}
 .uber_uns .uber-app .app-images img {
     width: 210px;
     margin-right: 8px;
}
 .uber_uns .uber-app .app-download {
     padding-top: 20px;
}
/* PARTNER */
 .partner {
     padding-top: 30px;
     padding-bottom: 30px;
     font-size: 14px;
}
 .partner .subtitle {
     font-size: 26px;
     margin-top: 30px;
     font-weight: 300;
     margin-bottom: 10px;
}
 .partner .subtitle h2 {
     font-size: 26px;
}
 .partner .partner-top {
     position: relative;
}
 .partner .partner-top .partner-subtext {
     font-size: 17px;
     margin-top:20px;
}
 .partner .partner-top .partner-subtext a {
     color: #a4a613;
}
 @media (max-width: 992px) {
     .partner .partner-top {
         padding-right: 0;
    }
}
 .partner .partner-top .fake-btn-partner {
     position: absolute;
     width: 150px;
     height: 150px;
     background: #a4a613;
     border-radius: 50%;
     right: 0px;
     bottom: -147px;
     left: auto;
     top: auto;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
     font-weight: 300;
}
 .partner .partner-top .fake-btn-partner:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 .partner .partner-top .fake-btn-partner:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 .partner .partner-top .fake-btn-partner .inner {
     color: #fff;
     font-size: 22px;
     margin-top: 45px;
     margin-left: 30px;
     line-height: 1.3;
}
 .partner .partner-top .fake-btn-partner:after {
     position: absolute;
    /* border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 14px solid white;
     height: 0px;
     right: 23px;
     bottom: 52px;
     */
     right: 23px;
     bottom: 43px;
     content: "\003e";
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 .partner .partner-top .fake-btn-partner:hover {
     text-decoration: none;
}
 @media (min-width: 1200px) {
     .partner .partner-top .fake-btn-partner {
         position: absolute;
         width: 150px;
         height: 150px;
         background: #a4a613;
         border-radius: 50%;
         right: 41px;
         bottom: -147px;
         left: auto;
         top: auto;
         cursor: pointer;
         overflow: hidden;
         border: 1px solid transparent;
         font-weight: 300;
    }
     .partner .partner-top .fake-btn-partner:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
         opacity: 1;
         -webkit-transform: translate(-105%, 0);
         transform: translate(-105%, 0);
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: white;
         background-color: rgba(255, 255, 255, 0.25);
    }
     .partner .partner-top .fake-btn-partner:hover::before {
         opacity: 0;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
     .partner .partner-top .fake-btn-partner .inner {
         color: #fff;
         font-size: 22px;
         margin-top: 45px;
         margin-left: 30px;
         line-height: 1.3;
    }
     .partner .partner-top .fake-btn-partner:after {
         position: absolute;
        /* border-top: 7px solid transparent;
         border-bottom: 7px solid transparent;
         border-left: 14px solid white;
         height: 0px;
         right: 23px;
         bottom: 52px;
         */
         right: 23px;
         bottom: 43px;
         content: "\003e";
         color: #fff;
         font-size: 24px;
         font-weight: 300;
         -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
         transition-duration: 0.8s;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         transition-property: transform;
    }
     .partner .partner-top .fake-btn-partner:hover {
         text-decoration: none;
    }
}
 .partner .partner-mobile {
     display: none;
     position: relative;
     height: 150px;
}
 @media (max-width: 992px) {
     .partner .partner-mobile {
         display: block;
    }
}
 .partner .partner-mobile .fake-btn-partner {
     position: absolute;
     width: 100px;
     height: 100px;
     background: #a4a613;
     border-radius: 50%;
     left: 50%;
     margin-left: -50px;
     bottom: 30px;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
}
 .partner .partner-mobile .fake-btn-partner:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 .partner .partner-mobile .fake-btn-partner:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 .partner .partner-mobile .fake-btn-partner .inner {
     color: #fff;
     font-size: 18px;
     margin-top: 32px;
     margin-left: 10px;
     line-height: 1.3;
}
 .partner .partner-mobile .fake-btn-partner:after {
     content: "";
     position: absolute;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 14px solid white;
     height: 0px;
     right: 5px;
     bottom: 40px;
     color: #fff;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 .partner .partner-mobile .fake-btn-partner:hover::after {
     transform: rotate(360deg);
}
 .partner .partner-mobile .fake-btn-partner:hover {
     text-decoration: none;
}
 .partner .partner-block {
     padding-top: 50px;
     width: 70%;
}
 .partner .partner-block .partner-box {
     padding-bottom: 30px;
     padding-top: 10px;
     min-height: 130px;
    /* background-position: 90% 30px;
     background-repeat: no-repeat;
     background-size: 100px auto;
     */
}
 .partner .partner-block .partner-box .title {
     font-weight: 400;
}
 .partner .partner-block .partner-box .text {
     float: left;
     width: 580px;
}
 .partner .partner-block .partner-box .partner-logo {
     float: right;
}
 .partner .partner-block .partner-box:last-child {
     padding-bottom: 0;
}
 .partner .partner-block .partner-box.flumroc {
    /* background-image: url('../img/logos/flumroc.png');
     background-position: 90% 0px;
     */
}
 .partner .partner-block .partner-box.flumroc .partner-logo {
     margin-top: -20px;
}
 .partner .partner-block .partner-box.gaz-energie {
    /*background-image: url('../img/logos/gaz-energie.jpg');
    */
}
 .partner .partner-block .partner-box.hoval {
    /* background-image: url('../img/logos/1200px-Hoval_Logo.svg.png');
     */
}
 .partner .partner-block .partner-box.reiffeisen {
    /* background-image: url('../img/logos/raiffeisen.png');
     */
}
 .partner .partner-block .partner-box.velux {
    /* background-image: url('../img/logos/logo_690x230.png');
     */
}
 .partner .partner-block .partner-box.hev {
    /* background-image: url('../img/logos/hev.png');
     background-position: 90% 0px;
     */
}
 .partner .partner-block .partner-box.a2c {
    /* background-image: url('../img/logos/a2-c_logo.png');
     background-position: 90% 0px;
     */
}
 .partner .partner-block .partner-box .italic {
     font-style: italic;
}
 .partner .title, .partner h1 {
     font-size: 38px;
     font-weight: 300;
     line-height: 1.2;
     margin-bottom: 0.5rem;
}
 @media (min-width: 1200px) {
     .partner .title, .partner h1 {
         margin-top: 81px;
    }
}
 .partner .data {
     font-size: 18px;
}
 @media (min-width: 1200px) {
     .partner .data {
         padding-top: 20px;
    }
}
 .partner .data-grid {
     padding-top: 30px;
}
 .partner .data-grid .col-inner .number {
     font-size: 27px;
     line-height: 1;
}
 .partner .data-grid .col-inner .label {
     font-size: 18px;
}
 .partner .home-evalo-partner {
     position: relative;
}
 @media (min-width: 1200px) {
     .partner .home-evalo-partner {
         padding: 30px 0 30px;
    }
}
 .partner .home-evalo-partner .title {
     color: #000000;
}
 .partner .home-evalo-partner .title h3 {
     font-size: 30px;
     font-weight: 300;
}
 .partner .home-evalo-partner .data {
     position: relative;
}
 @media (min-width: 1200px) {
     .partner .home-evalo-partner .data {
         margin-top: 20px;
    }
}
 .partner .home-evalo-partner .data .fake-btn-partner {
     position: absolute;
     width: 150px;
     height: 150px;
     background: #a4a613;
     border-radius: 50%;
     right: 180px;
     bottom: 10px;
     cursor: pointer;
     overflow: hidden;
     border: 1px solid transparent;
}
 @media (max-width: 992px) {
     .partner .home-evalo-partner .data .fake-btn-partner {
         width: 100px;
         height: 100px;
         right: 20px;
    }
}
 .partner .home-evalo-partner .data .fake-btn-partner:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     -webkit-transform: translate(-105%, 0);
     transform: translate(-105%, 0);
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: white;
     background-color: rgba(255, 255, 255, 0.25);
}
 .partner .home-evalo-partner .data .fake-btn-partner:hover::before {
     opacity: 0;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
 .partner .home-evalo-partner .data .fake-btn-partner .inner {
     color: #fff;
     font-size: 22px;
     margin-top: 45px;
     margin-left: 30px;
     line-height: 1.3;
}
 @media (max-width: 992px) {
     .partner .home-evalo-partner .data .fake-btn-partner .inner {
         font-size: 18px;
         margin-top: 30px;
         margin-left: 11px;
    }
}
 .partner .home-evalo-partner .data .fake-btn-partner:after {
     content: "";
     position: absolute;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 14px solid white;
     height: 0px;
     right: 23px;
     bottom: 52px;
     color: #fff;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 @media (max-width: 992px) {
     .partner .home-evalo-partner .data .fake-btn-partner:after {
         right: 10px;
         bottom: 43px;
    }
}
 .partner .home-evalo-partner .data .fake-btn-partner:hover::after {
    /* transform : rotate(360deg);
     */
}
 .partner .home-evalo-partner .data .partner-single {
     margin-bottom: 30px;
}
 @media (min-width: 1200px) {
     .partner .home-evalo-partner .data .partner-single {
         margin-bottom: 85px;
    }
}
 .partner .home-evalo-partner .data .partner-single ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .partner .home-evalo-partner .data .partner-single ul li {
     float: left;
     margin-right: 80px;
}
 .partner .home-evalo-partner .data .partner-single ul li img {
    /* filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     opacity: 0.5;
     */
    /* transition: filter .5s ease-in-out;
     -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
     -ms-transition: opacity .5s ease-in-out;
     -o-transition: opacity .5s ease-in-out;
     transition: opacity .5s ease-in-out;
     */
     max-height:65px;
}
 .partner .home-evalo-partner .data .partner-single ul li img:hover {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
     opacity: 1;
}
 @media (max-width: 992px) {
     .partner .home-evalo-partner .data .partner-single ul li {
         display: block;
         width: 100%;
         margin: 10px;
    }
}
 .partner .home-evalo-partner .data .partner-single ul li.label {
     width: 200px;
     padding-top: 12px;
     margin-right: 0;
     font-size: 18px;
}
 @media (max-width: 992px) {
     .partner .home-evalo-partner .data .partner-single ul li.label {
         display: block;
         width: 100%;
    }
}
/* KONTAKT */
 .kontakt {
     padding-bottom: 30px;
     font-size: 14px;
     padding-top: 30px;
}
 @media (max-width: 1200px) {
     .kontakt {
         padding-top: 44px;
    }
}
 .kontakt .title {
     font-size: 38px;
     font-weight: 300;
     margin-top: 75px;
}
 @media (max-width: 1200px) {
     .kontakt .title {
         margin-top: 0;
    }
}
 @media (max-width: 992px) {
     .kontakt .contact-adresses {
         padding-top: 30px;
    }
}
 .kontakt .contact-adresses .subtitle {
     padding-bottom: 5px;
     padding-top: 10px;
     font-weight: 400;
     font-size: 18px;
}
 .kontakt .contact-adresses .row .inner {
     padding-bottom: 20px;
     line-height: 1.3;
     padding-bottom: 20px;
     line-height: 1.3;
     padding-top: 20px;
     font-size: 18px;
}
 .kontakt .contact-adresses .row .inner .title {
     font-weight: 400;
     font-size: 18px;
}
 .kontakt .contact-adresses .row .inner a {
     color: #a4a613;
}
 .kontakt .contact-form .form {
     margin-top: 10px;
     padding: 10px 0;
}
 .kontakt .contact-form .form .form-group {
     margin-bottom: 50px;
}
 @media (max-width: 576px) {
     .kontakt .contact-form .form .form-group .contact-margin-bottom {
         margin-bottom: 40px;
    }
}
 .kontakt .contact-form .form .form-subtitle {
     font-size: 24px;
     font-weight: 300;
     padding-bottom: 60px;
     padding-top: 60px;
}
 .kontakt .contact-form .form .select-style {
     font-family: 'Roboto', sans-serif;
     padding: 0;
     margin: 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.8);
     width: 100%;
     border-radius: 0px;
     overflow: hidden;
     background-color: #fff;
     background: #fff url("../img/icons/arrow-down.png") no-repeat 98% 50%;
     background-size: 18px auto;
}
 .kontakt .contact-form .form .select-style select {
     padding: 5px 8px;
     min-width: 100%;
     font-family: 'Roboto', sans-serif;
     width: auto;
     border: none;
     font-size: 18px;
     box-shadow: none;
     background-color: transparent;
     background-image: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding-left: 0;
}
 .kontakt .contact-form .form .select-style select:focus {
     outline: none;
}
 .kontakt .contact-form .form .select-style select option:hover {
     box-shadow: 0 0 10px 100px #1882A8 inset;
}
/* FOOTER */
 .footer .mobile-langs {
     margin: 0;
     padding: 0;
     padding-top: 10px;
}
 @media (min-width: 992px) {
     .footer .mobile-langs {
         display: none;
    }
}
 .footer .mobile-langs li {
     display: inline-block;
}
 .footer .mobile-langs li a {
     color: #717070;
     display: block;
     font-size: 18px;
     margin: 5px 5px;
     padding: 5px;
     width: 37px;
     height: 37px;
     border-radius: 50%;
     text-align: center;
     border: 1px solid transparent;
}
 .footer .mobile-langs li:first-child a {
     margin-left: 0;
}
 .footer .mobile-langs li.selected a {
     color: #fff;
     width: 37px;
     height: 37px;
     border-radius: 50%;
     text-align: center;
     border: 1px solid #fff;
}
 .footer .footer-left-menu ul, .footer .footer-left-languages ul, .footer .footer-right-menu ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .footer .footer-left-menu ul li, .footer .footer-left-languages ul li, .footer .footer-right-menu ul li {
     float: left;
     line-height: 1;
}
 @media (max-width: 992px) {
     .footer .footer-left-menu ul li, .footer .footer-left-languages ul li, .footer .footer-right-menu ul li {
         display: block;
         float: none;
         font-weight: 300;
    }
}
 .footer .footer-left {
     padding-top: 25px;
}
 @media (max-width: 992px) {
     .footer .footer-left {
         float: none !important;
         display: block;
         text-align: left;
         padding-top: 7px;
    }
}
 .footer .footer-left .footer-left-menu ul li a {
     display: block;
     color: #d2d2d2;
     font-size: 14px;
     font-weight: 300;
     padding: 0px 15px;
     border-right: 1px solid #d2d2d2;
     line-height: 1;
     -webkit-transition: color .3s;
     transition: color .3s;
}
 @media (min-width: 992px) {
     .footer .footer-left .footer-left-menu ul li a {
         font-size: 12px;
    }
}
 @media (min-width: 1200px) {
     .footer .footer-left .footer-left-menu ul li a {
         font-size: 14px;
    }
}
 .footer .footer-left .footer-left-menu ul li a.active {
     color: #a4a613;
}
 .footer .footer-left .footer-left-menu ul li a:hover {
     text-decoration: none;
     color: #a4a613;
}
 .footer .footer-left .footer-left-menu ul li:first-child a {
     padding-left: 0;
}
 .footer .footer-left .footer-left-menu ul li:last-child a {
     border-right: 0;
}
 @media (max-width: 992px) {
     .footer .footer-left .footer-left-menu ul li a {
         padding-left: 0;
         border-right: 0;
         font-size: 17px;
         margin: 10px 0;
    }
}
 .footer .footer-left .footer-left-languages {
     margin-left: 20px;
}
 @media (max-width: 992px) {
     .footer .footer-left .footer-left-languages {
         display: none;
    }
}
 .footer .footer-left .footer-left-languages ul li a {
     display: block;
     color: #d2d2d2;
     font-size: 14px;
     font-weight: 300;
     padding: 0 5px;
}
 .footer .footer-left .footer-left-languages ul li a:hover {
     text-decoration: none;
}
 .footer .footer-left .footer-left-languages ul li a:after {
     content: '';
     display: block;
     width: 0;
     height: 2px;
     background: #d2d2d2;
     transition: width .3s;
}
 .footer .footer-left .footer-left-languages ul li a:hover::after {
     width: 100%;
}
 .footer .footer-left .footer-left-languages ul li a.selected:after {
     content: '';
     display: block;
     width: 100%;
     height: 2px;
     background: #d2d2d2;
     transition: width .3s;
}
 .footer .footer-right {
     padding-top: 25px;
}
 @media (max-width: 992px) {
     .footer .footer-right {
         float: none !important;
         display: block;
         text-align: left;
         padding: 0;
         margin-top: -10px;
    }
}
 .footer .footer-right .footer-right-menu ul li {
     color: #d2d2d2;
     font-size: 13px;
}
 .footer .footer-right .footer-right-menu ul li a {
     display: block;
     color: #d2d2d2;
     font-size: 14px;
     font-weight: 300;
     padding: 0px 10px;
     border-right: 1px solid #d2d2d2;
     line-height: 1;
     -webkit-transition: color .3s;
    /* For Safari 3.0 to 6.0 */
     transition: color .3s;
    /* For modern browsers */
}
 .footer .footer-right .footer-right-menu ul li a.active {
     color: #a4a613;
}
 .footer .footer-right .footer-right-menu ul li a:hover {
     text-decoration: none;
     color: #a4a613;
}
 .footer .footer-right .footer-right-menu ul li:last-child {
     padding-left: 10px;
}
 @media (max-width: 992px) {
     .footer .footer-right .footer-right-menu ul li:last-child {
         text-align: center;
         padding-bottom: 10px;
         padding-top: 20px;
    }
}
 @media (max-width: 992px) {
     .footer .footer-right .footer-right-menu ul li a {
         padding-left: 0;
         border-right: 0;
         font-size: 17px;
         margin: 10px 0;
    }
}
 .text-with-padding-right {
     padding-right: 0;
}
 @media (min-width: 1200px) {
     .text-with-padding-right {
         padding-right: 190px;
    }
}
/* INPUT RADIO */
 .checkbox input[type="checkbox"], .checkbox input[type="radio"] {
     opacity: 0;
     position: absolute;
}
 .checkbox label {
     position: relative;
     display: inline-block;
    /*18px width of fake checkbox + 6px distance between fake checkbox and text*/
     padding-left: 22px;
}
 .checkbox label::before, .checkbox label::after {
     position: absolute;
     content: "";
    /*Needed for the line-height to take effect*/
     display: inline-block;
}
/*Outer box of the fake checkbox*/
 .checkbox label::before {
     height: 18px;
     width: 18px;
     border: 1px solid;
     left: 0px;
     border-color: #a4a613;
    /*(24px line-height - 18px height of fake checkbox) / 2 - 1px for the border *to vertically center it. */
     top: 3px;
}
/*Checkmark of the fake checkbox*/
 .checkbox label::after {
     height: 5px;
     width: 9px;
     border-left: 2px solid;
     border-bottom: 2px solid;
     transform: rotate(-45deg);
     border-color: #a4a613;
     left: 4px;
     top: 7px;
}
/*Hide the checkmark by default*/
 .checkbox input[type="checkbox"] + label::after {
     content: none;
}
/*Unhide on the checked state*/
 .checkbox input[type="checkbox"]:checked + label::after {
     content: "";
}
/*Adding focus styles on the outer-box of the fake checkbox*/
 .checkbox input[type="checkbox"]:focus + label::before {
     outline: #a4a613 auto 5px;
}
 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="textarea"]:focus, .uneditable-input:focus {
     border: 0;
     border-bottom: 1px solid rgba(164, 166, 19, 0.8);
     border-color: rgba(164, 166, 19, 0.8);
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(164, 166, 19, 0.6);
    */
     box-shadow: none;
     outline: 0 none;
}
 textarea {
     border: 0;
     border-bottom: 1px solid rgba(164, 166, 19, 0.8);
     border-color: rgba(164, 166, 19, 0.8);
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(164, 166, 19, 0.6);
    */
     box-shadow: none;
     outline: 0 none;
}
 .form-control {
     border-radius: 0;
     border: 0;
     border-bottom: 1px solid rgba(164, 166, 19, 0.8);
     font-size: 20px;
     padding-left: 0;
}
 .form-control:focus {
     box-shadow: 0;
     box-shadow: none;
     border-color: rgba(164, 166, 19, 0.8);
     outline: 0 none;
}
 .btn-evalo {
     border-color: #a4a613;
     background: #a4a613;
     color: #fff !important;
     border-radius: 0;
}
 .btn-kontakt {
     border-color: #000;
     background: #000;
     color: #fff;
     border-radius: 0;
     border-radius: 4px;
     padding: 6px 20px;
}
/* NEWS */
 .news {
     padding: 30px 0;
     font-size: 14px;
}
 @media (max-width: 1200px) {
     .news {
         padding-top: 44px;
    }
}
 .news .title {
     font-size: 38px;
     font-weight: 300;
     margin-top: 75px;
}
 @media (max-width: 1200px) {
     .news .title {
         margin-top: 0;
    }
}
 .news .holder {
     padding-top: 20px;
}
 .news .holder .block {
     border-bottom: 1px solid #a4a613;
     padding: 10px 0 0;
}
 .news .holder .block .title {
     font-weight: 300;
     font-size: 22px;
     cursor: pointer;
     margin-top: 0;
}
 .news .holder .block .title h2 {
     font-size: 22px;
}
 @media (max-width: 992px) {
     .news .holder .block .title {
         font-size: 18px;
    }
     .news .holder .block .title h2 {
         font-size: 18px;
    }
}
 .news .holder .block .title .toggler-holder {
     padding-right: 10px;
}
 .news .holder .block .title .toggler-holder .dropdown-image {
     transform: rotate(-90deg);
     cursor: pointer;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 .news .holder .block .text {
     padding-top: 10px;
     padding-left: 30px;
     font-size: 18px;
     font-weight: 300;
     overflow: hidden;
     height: 0;
}
 .news .holder .block .text a {
     color: #a4a613;
}
 .news .holder .block.open {
     padding: 10px 0;
}
 .news .holder .block.open .title .toggler-holder .dropdown-image {
     transform: rotate(0deg);
     cursor: pointer;
}
 .bold {
     font-weight: 500;
}
 .required_star {
     color: #f10505;
}
 #blog a {
     color: #a4a613;
}
 #blog .main-title {
     padding-top: 30px;
     margin-top: 15px;
     font-size: 38px;
}
 #blog .lead {
     color: #a4a613;
}
 #blog .preview-img {
     width: 100%;
     height: 350px;
     background-repeat: no-repeat;
     background-size: cover;
}
 @media screen and (max-width: 1200px) {
     #blog .preview-img {
         height: 290px;
    }
}
 @media screen and (max-width: 768px) {
     #blog .preview-img {
         height: 230px;
    }
}
 #blog .preview-img:hover {
     opacity: 0.8;
}
 #blog .light {
     font-size: 12px;
}
 #blog .blockquote {
     padding: 30px;
     background-color: #F5F5F5;
     border-left: 4px solid #a4a631;
     font-style: italic;
}
/* blog responsive */
 .partner-kontakt {
     margin-top:81px;
     font-size: 17px;
}
 .left-side {
     float: left;
     width: 40%;
     padding-right: 2%;
     padding-bottom: 2%;
}
 .btn-fachpartner {
     position: absolute;
     bottom: 122px;
     right: auto;
     left: calc(50% - 110px);
     padding: 10px;
     min-width: 220px;
     font-size: 19px;
     font-weight: 300;
}
.btn-fachpartner_fr {
  left: calc(50% - 143px);
}
.btn-fachpartner_it {
  left: calc(50% - 135px);
}
 @media (min-width: 992px) {
     .btn-fachpartner {
         position:absolute;
         bottom:40px;
         right:0;
         left:auto;
         font-size:18px;
         padding: 6px 15px;
         width:auto;
    }
}
 .partner-box-block {
     margin-top:30px;
}
 .select-style {
     font-family: 'Roboto', sans-serif;
     padding: 0;
     margin: 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.8);
     width: 100%;
     border-radius: 0px;
     overflow: hidden;
     background-color: #fff;
     background: #fff url("../img/icons/arrow-down.png") no-repeat 98% 50%;
     background-size: 18px auto;
}
 .select-style select {
     padding: 5px 8px;
     min-width: 100%;
     font-family: 'Roboto', sans-serif;
     width: auto;
     border: none;
     font-size: 18px;
     box-shadow: none;
     background-color: transparent;
     background-image: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding-left: 0;
}
 .select-style select:focus {
     outline: none;
}
 .select-style select option:hover {
     box-shadow: 0 0 10px 100px #1882A8 inset;
}
 .partner-select {
     font-size:18px;
}
 .select-partner-label {
     margin-bottom:0;
}
 .partner-select.error-input {
     border-bottom-color: red;
}
 .partner-form-kosten {
     margin-top:25px;
     font-size:22px;
     font-weight:400;
}
 .partner-form-kosten span {
     font-size:30px;
}
 .partner-form-kosten .kosten_information {
     font-weight:300;
     font-size:12px;
     color:rgb(173, 173, 173);
     display:none;
}
 .apps {
     margin-top:30px;
}
 .partner-apps-auswahl {
     list-style:none;
     margin:0;
     padding:0;
}
 .partner-apps-auswahl li {
     float:left;
     margin-right:67px;
     border:3px solid transparent;
     background-size:cover;
     background-repeat:no-repeat;
}
 .partner-apps-auswahl li:last-child {
     margin-right:0;
}
 .partner-apps-auswahl li.selected {
     border:3px solid #A4A513;
}
 .partner-apps-auswahl li.dach_app {
     background-image: url('../app/public/img/apps/dachsanierung.jpg');
}
 .partner-apps-auswahl li.fassade_app {
     background-image: url('../app/public/img/apps/fassadesanierung.jpg');
}
 .partner-apps-auswahl li.fenster_app {
     background-image: url('../app/public/img/apps/fenstersanierung.jpg');
}
 .partner-apps-auswahl li.heizung_app {
     background-image: url('../app/public/img/apps/heizungsanierung.jpg');
}
 .apps input {
     width:0px;
     height:0px;
     visibility:hidden;
}
 .partner-apps-auswahl li label {
     height:160px;
     width:220px;
     cursor:pointer;
    /* background:#F9F9F9;
     */
     transition: background-color 0.3s linear;
     margin:0;
}
 .partner-apps-auswahl li.selected label {
    /* background-color:rgba(164, 166,19,0.4);
     transition: background-color 0.3s linear;
     */
}
 .partner-apps-auswahl li label .apps_li_title{
     padding:5px;
     margin-top:100px;
     background-color:rgba(241,241,241, .8);
     color:#000;
     text-align:right;
     color: #000;
     text-align: right;
     font-size: 16px;
     font-weight: 400;
     margin-right:-3px;
}
 .partner-apps-auswahl li.selected label .apps_li_title{
     margin-right:0px;
    /* padding:5px;
     margin-top:10px;
     */
    /* background-color:rgba(164, 166,19, 0.7);
     color:#fff;
     */
}
/* .partner-apps-auswahl li label .icon{
     text-align:center;
}
 .partner-apps-auswahl li label .icon img{
     height:85px;
     width:auto;
     margin-top:10px;
}
 .partner-apps-auswahl li.roof label .icon img{
     height:120px;
     width:auto;
     margin-top:-10px;
}
 */
 #rechnungs_adresse {
     display:none;
}
 .datepicker:read-only {
     background:#fff;
}
/* .partner-apps-auswahl {
     list-style:none;
     margin:0;
     padding:0;
     .partner-apps-auswahl li {
         float:left;
         margin-right:20px;
         &:last-child {
             margin-right:0;
        }
         width:166px;
         .app-btn-image {
             background-size:cover;
             background-repeat:no-repeat;
             height:120px;
             border:3px solid #fff;
            ;
             &.dach {
                 background-image: url('../img/apps/dachsanierung.jpg');
            }
             &.fassade {
                 background-image: url('../img/apps/fassadesanierung.jpg');
            }
             &.fenster {
                 background-image: url('../img/apps/fenstersanierung.jpg');
            }
             &.heizung {
                 background-image: url('../img/apps/heizungsanierung.jpg');
            }
             label {
                 width:100%;
                 .apps_li_title {
                     margin-top:58px;
                     background:rgba(241, 241, 241, 0.8);
                     font-size:16px;
                     color:#000;
                     text-align:right;
                     padding:5px;
                     font-weight:400;
                }
            }
             &.active {
                 border-color:#a4a613;
            }
        }
    }
}
 */
 #form-error, #partner-form-success {
     display:none;
}
 .label-info {
     font-size:13px;
     background:url('../app/public/img/icon/info-svg.svg') no-repeat 0 2px;
     padding-left: 20px;
     background-size: 15px auto;
     color: rgb(173, 173, 173);
}
 .brands {
     margin:0;
     padding:0;
     list-style:none;
     margin-bottom:60px;
     margin-top:-10px;
}
 .brands__item {
     display:block;
     margin-top:20px;
}
 @media(min-width:768px) {
     .brands__item {
         margin-right:50px;
         display:inline-block;
         height:50px;
         margin-top:0px;
    }
}
 .brands__item a {
     display: flex;
     justify-content: left;
     align-items: left;
     height: 100%;
}
 .brands__item div {
     display: flex;
     justify-content: left;
     align-items: left;
     height: 100%;
}
 .brands__item img {
     max-width: 150px;
     max-height: 60px;
     object-fit: contain;
     mix-blend-mode: multiply;
}
 .brands__item img[src$=".jpg"], .brands__item img[src$=".png"] {
     mix-blend-mode: multiply;
}
 .brands__item img[src$=".svg"] {
     width:170px;
     height:auto;
}
 .fachpartnerschaft_subtitle {
     font-weight:400;
}
 .responsive-video {
     aspect-ratio: 16 / 9;
     width: 100%;
}
 .btn-kostenloss-probemonat {
     text-align:right;
     color:#333;
     font-size:14px;
     font-weight:400;
     font-style: italic;
     color:#a4a613;
}
 .btn-kostenloss-probemonat span {
     text-align:center;
     float: right;
     margin-right: 25px;
     margin-top: 5px;
}
 .btn-rounded {
     width:150px;
     height:150px;
     border-radius:50%;
     padding-top: 50px;
     font-size: 18px;
     position:relative;
}
 .btn-rounded:after {
     position: absolute;
     right: 25px;
     bottom: 40px;
     content: "\003e";
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
 .nutzung-table thead tr th {
     font-weight:500;
     vertical-align: middle;
     border-color:transparent;
     border-bottom-color:#a4a613;
     border-bottom-width: 2px;
    ;
}
 .nutzung-table tbody tr td {
     vertical-align: middle;
     border-color:transparent;
}
/*# sourceMappingURL=style.css.map */