@charset "UTF-8";
/*!
Theme Name: Klimakollektiv
Theme URI: https://www.klimakollektiv.org
Description: Klima, Wandel und Aktion!
Author: Sascha Müller & Simon Hötten
URI:
Template: zerif-lite
Version: 0.1 
*/body.has-post-thumbnail{background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}@media screen and (min-width:1200px){#main-nav{padding-top:10px;padding-bottom:10px}}header#home .navbar{background:rgba(0,0,0,.5)}header#home .navbar .navbar-toggle.active,header#home .navbar .navbar-toggle:focus,header#home .navbar .navbar-toggle:hover{background-color:#0d9330!important}@media (max-width:767px){header#home .navbar .dropdownmenu{background:#0d9330}header#home .navbar .dropdownmenu:after{position:absolute;top:40%;left:5px;content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}header#home .navbar .this-open>a{color:#0d9330!important}header#home .navbar .navbar-brand{max-width:75%}}header#home .navbar nav li a{color:#fff}@media screen and (max-width:767px){header#home .navbar nav li a:after{content:""}}@media screen and (min-width:480px){header#home .navbar nav li a{font-size:18px}}header#home .navbar nav li a:hover{color:#0d9330!important}header#home .navbar nav li ul.sub-menu{background:rgba(0,0,0,.5)}header#home .header-content-wrap{background:transparent}header#home .intro-text-subtitle{color:#fff;font-weight:200}header#home div.buttons a:first-of-type{background:#09de99}header#home div.buttons a:first-of-type:hover{background:#057c55}header#home div.buttons a:nth-of-type(2){background:#00cade}header#home div.buttons a:nth-of-type(2):hover{background:#007682}.buttons{text-align:center;margin-top:45px}.button{display:inline-block;padding:10px 35px;border-radius:4px}.button,.custom-button{text-align:center;text-transform:uppercase;margin:10px}.custom-button{display:inline-block!important;padding:13px 35px;border-radius:4px;border:none}#focus span:nth-child(4n+3) .service-icon .flipper .back a,.red-btn{background:#0d9330}#focus span:nth-child(4n+3) .service-icon .flipper .back a:hover,.red-btn:hover{color:#fff;background:#096421}#focus span:nth-child(4n+1) .service-icon .flipper .back a,.green-btn{background:#09de99}#focus span:nth-child(4n+1) .service-icon .flipper .back a:hover,.green-btn:hover{color:#fff;background:#07ad77}#focus span:nth-child(4n+2) .service-icon .flipper .back a,.blue-btn{background:#00cade}#focus span:nth-child(4n+2) .service-icon .flipper .back a:hover,.blue-btn:hover{color:#fff;background:#009cab}#focus span:nth-child(4n+4) .service-icon .flipper .back a,.yellow-btn{background:#e7ac44}#focus span:nth-child(4n+4) .service-icon .flipper .back a:hover,.yellow-btn:hover{color:#fff;background:#d8951e}#focus span:nth-child(4n+1) .service-icon .flipper .back a,#focus span:nth-child(4n+2) .service-icon .flipper .back a,#focus span:nth-child(4n+3) .service-icon .flipper .back a,#focus span:nth-child(4n+4) .service-icon .flipper .back a,.blue-btn,.green-btn,.red-btn,.yellow-btn{color:#fff!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn:hover{box-shadow:none}.home .about-us{background:rgba(0,0,0,.8)}.home .about-us p{color:#bbb}.home .testimonial{background:rgba(0,0,0,.7)}.projects h3{font-size:22px}@media screen and (max-width:991px){.projects h3{font-size:18px}}.projects .service-icon{cursor:pointer;display:block;width:100%;height:350px;padding:10px;margin:auto;border-radius:0;border:5px solid #ececec;margin-bottom:20px;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-perspective:1000px;perspective:1000px}@media screen and (max-width:479px){.projects .service-icon{height:250px}}@media screen and (min-width:1200px){.projects .service-icon{height:400px}}.projects .service-icon .flipper .back,.projects .service-icon .flipper .front{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;overflow:hidden}.projects .service-icon .flipper{width:100%;height:100%;-webkit-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.projects .service-icon .flipper .front{z-index:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.projects .service-icon .flipper .front img{max-width:none;height:100%}@media screen and (max-width:767px){.projects .service-icon .flipper .front img{width:100%;height:auto}}.projects .service-icon .flipper .back{display:table;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.projects .service-icon .flipper .back p{display:table-cell;vertical-align:middle;font-size:20px}@media screen and (min-width:1200px){.projects .service-icon .flipper .back p{font-size:24px}}@media screen and (max-width:991px){.projects .service-icon .flipper .back p{font-size:18px}}@media screen and (max-width:479px){.projects .service-icon .flipper .back p{font-size:14px}}@media screen and (max-width:399px){.projects .service-icon .flipper .back p{font-size:12px}}#focus span:nth-child(4n+1) .focus-box .service-icon:focus,#focus span:nth-child(4n+1) .focus-box .service-icon:hover{border:5px solid #09de99}#focus span:nth-child(4n+2) .focus-box .service-icon:focus,#focus span:nth-child(4n+2) .focus-box .service-icon:hover{border:5px solid #00cade}#focus span:nth-child(4n+3) .focus-box .service-icon:focus,#focus span:nth-child(4n+3) .focus-box .service-icon:hover{border:5px solid #0d9330}#focus span:nth-child(4n+4) .focus-box .service-icon:focus,#focus span:nth-child(4n+4) .focus-box .service-icon:hover{border:5px solid #f7d861}#focus span:nth-child(4n+1) .focus-box .red-border-bottom:before{background:#09de99}#focus span:nth-child(4n+2) .focus-box .red-border-bottom:before{background:#00cade}#focus span:nth-child(4n+3) .focus-box .red-border-bottom:before{background:#0d9330}#focus span:nth-child(4n+4) .focus-box .red-border-bottom:before{background:#f7d861}#navbar-widgets-collapsed{text-align:center;padding-bottom:10px}@media screen and (min-width:768px){#navbar-widgets-collapsed{display:none}}#navbar-widgets{background-color:rgba(0,0,0,.4);border:1px solid #000;position:absolute;top:0;right:0;padding:0 10px 5px}@media screen and (max-width:767px){#navbar-widgets{display:none}}#navbar-widgets,#navbar-widgets-collapsed{color:#aaa;list-style:none}#navbar-widgets-collapsed ul,#navbar-widgets ul{margin:0;display:inline}#navbar-widgets-collapsed li,#navbar-widgets li{display:inline}#navbar-widgets-collapsed li:not(:last-of-type):after,#navbar-widgets li:not(:last-of-type):after{content:" | "}#navbar-widgets-collapsed li a,#navbar-widgets li a{font-size:14px!important;color:#aaa!important}#navbar-widgets-collapsed li.current-lang a,#navbar-widgets li.current-lang a{border-bottom:1px solid #0d9330}#navbar-widgets-collapsed li.current-lang a:hover,#navbar-widgets li.current-lang a:hover{cursor:default}#navbar-widgets-collapsed li:not(.current-lang) a:hover,#navbar-widgets li:not(.current-lang) a:hover{color:#0d9330!important}.has-post-thumbnail:not(.home) header.header{padding-bottom:40%!important}@media screen and (min-width:768px){.has-post-thumbnail:not(.home) header.header{padding-bottom:330px!important}}.has-post-thumbnail:not(.home) footer#footer{background:rgba(39,39,39,.8)}a{color:#09de99}a:hover{color:#07ad77}a:visited{color:#20c791}::-moz-selection{background:#09de99;color:#fff}::selection{background:#09de99;color:#fff}.testimonial{background:#2e5749}button,input#submit,input[type=button],input[type=reset],input[type=submit]{background-color:#128962!important;-webkit-transition:background-color .1s ease-in;transition:background-color .1s ease-in;color:#fff!important}button:focus,button:hover,input#submit:focus,input#submit:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#333!important}.archive ul.nav>li.current-menu-item>a:before,.page ul.nav>li.current-menu-item>a:before,.single-post ul.nav>li.current-menu-item>a:before,ul.nav>li.current>a:before{background:#0d9330;width:15%;left:0}.entry-title:after,.widget .widget-title:before{background:#0d9330}.entry-title{font-size:40px;line-height:42px}.entry-title:after{width:40%;height:4px}.red-text{color:#0d9330}.green-text{color:#09de99}
/*# sourceMappingURL=style.css.map */