.intro{-ms-flex-line-pack:justify;-ms-flex-align:start;-ms-flex-pack:distribute;align-content:space-between;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-around;padding-bottom:0!important}.intro .title{-ms-flex-item-align:start;align-self:flex-start;max-width:600px;padding:1rem}.intro .navivation{-ms-flex-align:start;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.2rem;margin-bottom:3rem;margin-left:-.2rem;margin-right:-.2rem}.intro .navivation a{margin:.2rem}.intro .image{-ms-flex-item-align:end;align-self:flex-end;max-width:800px;width:90%}.intro .logo{margin-bottom:1rem;margin-top:2rem;max-width:10rem}.question{color:#00574d;margin:.4rem 1rem 1rem}@media (min-width:30em){.question{font-size:1.5rem;margin-top:3rem}}.sub-question{color:#00574d;font-size:1rem;margin-left:1rem;margin-top:0}.selector{margin-bottom:.5rem;position:relative;text-align:center}.selector #earth-val{left:1rem;position:absolute;top:0}.selector img{width:10px}.swiper-container,.swiper-slide,.swiper-wrapper{height:auto!important}.swiper-slide{max-width:80%!important;min-width:100px!important;width:auto!important}.swiper-slide div{background-color:#96c5bf;border-radius:10px;cursor:pointer;padding:1rem}.swiper-slide-active div{background-color:#96c599!important}.answers .swiper-slide{margin:1rem;max-width:90%!important;width:100%!important}.answers .abc:active{background-color:#75b379!important;position:relative;top:1px}.earth-input-description{display:block}.earth-input{text-align:center;width:6rem}.earth-input-field{margin-left:auto;margin-right:auto;text-align:center}.review{margin:0 1rem;padding-bottom:5rem;padding-top:1rem}.review h1,.review h2,.review h3{margin-top:0}.review h1{font-weight:700}.review h2{font-size:1em;margin-bottom:0}.review h3{color:#00574d;font-weight:700}.review p{color:#006960}.review .categories{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.review .category{margin-top:2rem;width:18rem}.review .total{font-size:2rem;font-weight:700;margin-top:2rem}.review .usage-earth{color:#00574d;text-align:center}.review .usage-earth>div{font-size:2rem;font-weight:600}.review .tipp-wrapper{padding-top:2rem}.review .tipp-wrapper .tipp-visual{color:#006960;display:-ms-flexbox;display:flex;font-size:2rem;margin:0 -1rem;max-width:26rem}.review .tipp-wrapper .tipp-visual>img{height:7rem;margin:1rem 0 1rem 1rem;width:7rem}.review .tipp-wrapper .tipp-visual>div{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-size:1.5rem;margin-left:.5rem}.review .tipp-wrapper .tipp-visual>div img{height:1.5rem;margin-right:.2rem}.review .tipp-wrapper .tipp-visual>div span{font-size:.7rem}.review .earth-values{list-style-type:none;padding:0}.review .earth-values h3{margin-bottom:0}.review .earth-values li{padding-top:1rem}.review .svg-container{height:0;margin-left:-.25rem;margin-top:.5rem;padding:0 0 4rem;position:relative}.review .svg-container svg{height:100%;left:0;position:absolute;top:0;width:100%}.review .earth-consumption .earth-background{fill:#ca3826}.review .earth-consumption .earth-stroke{fill:#a51800}.review .earth-assessment .earth-background{fill:#00a28f}.review .earth-assessment .earth-stroke{fill:#006960}.review .earth-average .earth-background{fill:#6565c1}.review .earth-average .earth-stroke{fill:#00a}.review .visual-container{background:#d0e6d7;cursor:pointer;display:block;margin:0 -1rem;overflow-x:scroll;overflow-y:hidden}.review .visual-container .svg-container{height:22rem;margin-left:1rem;margin-right:1rem;padding-bottom:0;position:relative;width:50rem}.review .visual-container .svg-container .scaling-svg{height:100%;left:0;position:absolute;top:0;width:100%}.review .visual-container .show-hover{visibility:hidden}.review .visual-container svg:hover .show-hover{visibility:visible}.review .key-description{list-style-type:none;padding:0}.review .key-description li{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.review .key-description li .key-icon{height:1rem;margin-right:.5rem;width:1rem}.review .icon-description{height:1rem;width:1rem}.review .text-description{color:#559c96}.review .environmentalbehavior h3{margin-bottom:0}.review .visual-footer .visual-footer-navigation{text-align:right}.review .persona-icon{margin-top:3rem;padding-left:30%;padding-right:30%}.review .form-control p{font-weight:700}.review .form-check{display:block;margin-bottom:.5rem;position:relative}.review .form-check-label{cursor:pointer;display:inline-block;margin-bottom:0;margin-left:1.75rem;padding:0 0 .5rem;position:relative}.review .form-check-input:only-child{//position:static}.review .form-check-input{left:-1.75rem;margin-top:.25rem;position:absolute}.review .category-container{margin-top:1rem}@media (min-width:30em){.review .category-container{display:-ms-flexbox;display:flex;margin-left:-6.1rem}}.review .category-container .icon{height:3.2rem;width:3.2rem}@media (min-width:30em){.review .category-container .icon{-ms-flex-negative:0;flex-shrink:0;margin-right:2rem}}.review .category-container .content{margin-bottom:2rem;margin-top:.5rem}@media (min-width:30em){.review .category-container .content{margin-left:1rem}}.review .category-container .content h3{font-size:1rem}#category-intro h1{font-weight:700;margin-top:0;text-align:center}#category-intro h2{font-size:1em;margin-bottom:0;text-align:center}#category-intro p{text-align:center}#category-intro .category-icon{margin-top:3rem;padding-left:30%;padding-right:30%}#category-intro .progress-notification{font-size:.8rem;padding-top:3rem;text-align:center}#category-intro .progress-notification .percentage{font-size:1.4em;font-weight:600;margin:.1em}#calculator-intro .main h1{margin-bottom:3rem}#calculator-intro .main .image{margin-top:4rem;max-width:800px;width:100%}#calculator-intro .main .step{margin-bottom:3rem}#calculator-intro .main .step .number{font-size:1.6rem}#calculator-intro .main .step .number span{font-size:.8rem}#calculator-intro .main hr{border-bottom:0;border-top:1px solid rgba(0,105,96,.2);margin-bottom:3rem}#calculator-intro .main .category-description{display:-ms-flexbox;display:flex;margin-top:2rem}#calculator-intro .main .category-description .icon{-ms-flex-negative:0;flex-shrink:0;height:2.5rem;width:2.5rem}#calculator-intro .main .category-description .description{margin-left:1rem}#calculator-intro .main .sub-cagegories{-ms-flex-pack:distribute;display:-ms-flexbox;display:flex;justify-content:space-around;margin-left:3.4rem;margin-top:1rem}#calculator-intro .main .sub-cagegories .icon{-ms-flex-negative:0;flex-shrink:0;height:2rem;width:2rem}#studies-overview{max-width:40rem}#studies-overview .intro,#studies-overview h1,#studies-overview h2,#studies-overview h3{padding-left:1rem;padding-right:1rem}#studies-overview .intro{font-style:italic}#studies-overview ul{padding-bottom:2rem;padding-right:1rem}#studies-overview li{margin-bottom:1rem}#studies-overview .study .navi{border:1px solid rgba(0,87,77,.15);border-radius:.2rem;display:-ms-inline-flexbox;display:inline-flex;font-size:.7rem;margin-top:.5rem;padding:.2rem 1rem;width:7.6rem}#studies-overview .study .navi:before{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;content:url(/static/images/pfeil.svg);display:block;height:9.6px;height:.6rem;margin-right:.3rem;width:16px;width:1rem}#studies-overview .study .navi:hover{text-decoration:none}#studies-overview .study .excerpt{font-weight:100}#studies-overview .study .hidden{display:none}#studies-overview img:not(:first-of-type){margin-top:3rem}#studies-overview .svg-image{background-position:50%;height:240px;margin-top:4rem}#personal-data h1{font-weight:700;margin-top:0;text-align:center}#personal-data .persona-icon{margin-top:3rem;padding-left:30%;padding-right:30%}#personal-data .form-control p{font-weight:700}#personal-data .form-check{display:block;margin-bottom:.5rem;position:relative}#personal-data .form-check-label{cursor:pointer;display:inline-block;margin-bottom:0;margin-left:1.75rem;padding:0 0 .5rem;position:relative}#personal-data .form-check-input:only-child{//position:static}#personal-data .form-check-input{left:-1.75rem;margin-top:.25rem;position:absolute}.error{-ms-flex-line-pack:justify;-ms-flex-align:start;align-content:space-between;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:3rem}.error h1{font-weight:700;margin-top:0;text-align:center}.error h2{font-size:1em;margin-bottom:0;text-align:center}.error .title{-ms-flex-item-align:start;align-self:flex-start;max-width:600px;padding:1rem}.error .description{-ms-flex-align:start;align-items:flex-start;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto;max-width:30rem;padding:0 1rem 3rem;width:100%}.error .image{-ms-flex-item-align:end;align-self:flex-end;max-width:800px;width:100%}.validation-error{background-color:#c4979d;border-radius:10px;color:#8e2c2a;max-width:90%;padding:.75rem}#earths{display:-ms-flexbox;display:flex;height:32vh;margin-bottom:1rem;padding-left:2rem;padding-right:2rem}.earth-wrapper{-ms-flex:1 1 0px;flex:1 1 0px;position:relative;transition:all .2s}.earth{height:32vh;left:-8rem;margin-left:auto;margin-right:auto;position:absolute;right:-8rem;top:0;transition:all .3s cubic-bezier(.175,.885,.52,1.1) .2s;width:32vh}.earth svg{overflow:hidden}.added-earth-wrapper{-ms-flex-positive:0.00001;flex-grow:0.00001;transition:none}.added-earth-wrapper .earth{opacity:0;top:-21rem!important;transition:none}.remove-earth-wrapper{-ms-flex-positive:0.00001;flex-grow:0.00001;opacity:0;transition:all .2s}.no-transition{transition:none}.tipp svg{height:7rem;margin:1rem;overflow:hidden;width:7rem}.full-screen,body,html{-webkit-overflow-scrolling:touch;height:100%}body{background-color:#c3e0cd;color:#006960;font-family:Open Sans,sans-serif;line-height:1.5;margin:0}.full-screen{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden}.full-screen .main{-ms-flex:1 0 auto;flex:1 0 auto;padding-bottom:6rem;position:relative}h1,h2{color:#00574d}h1{font-size:1.9em;font-weight:600;line-height:1.5em}h2{font-size:1.2em}h2,h3{font-weight:400}h3{color:#00a28f;font-size:.8em}.container{margin:1rem 1rem 0}header{-ms-flex-pack:justify;color:#00a28f;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;font-size:.8rem;justify-content:space-between}header .button-link{color:#00a28f;margin:0;padding:0;width:auto}header>div{margin:1rem 1rem .3rem}header .navigation-back{width:100px}header .header-icon{height:26px;margin-top:8px;padding-top:0;width:26px}header .progress{text-align:right;width:100px}header .progress img{margin-left:2px;width:10px}a,a:visited{color:#00574d;text-decoration:none}a:focus,a:hover,a:visited:focus,a:visited:hover{color:#00574d;text-decoration:underline}.button,button{background-color:transparent;border:1px solid #00574d;border-radius:.1em;color:#00574d;cursor:pointer;font-size:1em;line-height:1.8em;padding:.4em 1em;position:relative;text-align:center;width:100%}.button,.button:focus,.button:hover,button,button:focus,button:hover{text-decoration:none}.button:active,button:active{top:1px}.button-primary{background-color:#faaf16;border:1px solid #faaf16;color:#000}.button-primary:active{background-color:#d79104}.button-primary:visited{color:#000}.button-link{border:none}a.text-link{font-weight:600;text-decoration:underline}button:disabled{background-color:#fff;border:1px solid #ececec;color:#dcdcdc}.icon{height:1rem;margin-bottom:-.25rem;width:1rem}#progress-bar{background-color:#00a28f;height:3px}.navigation{-ms-flex-pack:end;-ms-flex-align:baseline;align-items:baseline;bottom:0;display:-ms-flexbox;display:flex;justify-content:flex-end;left:0;margin-bottom:2rem;position:absolute;right:0}.navigation .button+.button{margin-left:.5rem}.navigation img{height:1rem}.navigation-placeholder{height:5rem}footer{background-color:#002622;color:#fff;font-size:.7rem;min-height:1.2rem;padding:.4rem 1rem}footer ul{display:inline;list-style-type:none;margin-left:2rem;padding:0}footer li{display:inline-block}footer li a.button{color:#fff!important;margin:0;padding:.7em .3em}footer li+li:before{content:"|";padding-right:.6rem}.form-control{background-clip:padding-box;border-radius:.25rem;color:#464a4c;display:block;font-size:1rem;line-height:1.25;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}input[type=number]{font-size:2rem}input[type=number],select{border:1px solid #989898;padding:.4rem}select{font-size:1rem}.social{padding-top:5rem}.social .social-links{-ms-flex-pack:distribute;display:-ms-flexbox;display:flex;justify-content:space-around;list-style:none;padding:0}.social .social-links li{float:left;padding-top:2px;position:relative}.social .social-links img{height:3rem;width:3rem}@media (min-width:30em){.button,button{width:auto}.wrap{margin-left:auto;margin-right:auto;max-width:30rem;width:100%}.desktop-centered{text-align:center}.intro .image{width:50%}#category-intro .category-icon{margin:0 auto;max-width:300px;padding:0;text-align:center;width:90%}#answer-form{margin:0 auto;max-width:600px;width:100%}#earths,.earth-input-field,.swipe-wrap,.usage-wrapper{padding-top:12vh}.earth-collection{float:left;padding-left:0;padding-right:0;width:45%}.earth-collection .earth-wrapper{z-index:1}.earth{left:auto;right:0}.usage-question .earth{left:auto;right:-2rem}.swipe-wrap{float:left;height:16rem;margin-left:-3rem;margin-right:-3rem;overflow:hidden;width:60%;width:calc(55% + 6rem)}.swipe-wrap .selector{padding-top:7vh}.swipe-wrap .swiper-container{overflow:visible;z-index:0}.swiper-slide{max-width:250px!important}.usage-wrapper{float:left;margin-left:10%;width:45%}.review .usage-earth{margin-left:auto;max-width:42vh}.review .visual-container{overflow:hidden}.review .visual-container .svg-container{height:0;padding-bottom:45%;width:calc(100% - 2rem)}.review .visual-container-overview{margin-left:-6rem;margin-right:-6rem}.review .visual-footer{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex}.review .visual-footer .key-description{margin-bottom:0}.review .visual-footer .visual-footer-navigation{margin-left:auto;text-align:left}header .header-icon{height:35px;margin-top:20px;width:35px}#studies-overview .svg-image{height:360px}}