9 lines
40 KiB
CSS
9 lines
40 KiB
CSS
/*!
|
|
* Wikimedia Jahresbericht 2017
|
|
*
|
|
* Copyright (c) 2017 Atelier Disko - All rights reserved.
|
|
*
|
|
* Use of this source code is governed by the AGPL v3
|
|
* license that can be found in the LICENSE file.
|
|
*/
|
|
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Source+Serif+Pro:400,600,700');@charset "UTF-8";body{font-size:16px;font-family:'Montserrat',sans-serif;line-height:1.2;font-weight:500;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;color:#1a1a1a;background-color:#fff}*{box-sizing:border-box}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.image-replace{display:inline-block;line-height:1;overflow:hidden;color:transparent;background-repeat:no-repeat;background-size:contain;background-position:left top}.invis{visibility:hidden;overflow:hidden;max-height:0!important}.visible{opacity:1!important}.no-scroll{overflow:hidden}.no-filter{filter:invert(0)}figure{margin:0}body > main{min-height:100vh}.cp{padding:40px}.cp--component-section{padding:110px 60px}.cp--center-section{padding:160px 40px}.cp--upped-section{padding:120px 40px 160px 40px}.cp--2x-top{padding-top:80px}.cp--nav-zone{padding-top:140px}.cp--4x-top{padding-top:160px}.cp--6x-top{padding-top:240px}.cp--2x-bottom{padding-bottom:80px}.cp--4x-bottom{padding-bottom:160px}.cp--6x-bottom{padding-bottom:240px}@media (max-width:1100px){.cp{padding:30px}.cp--nav-zone{padding-top:140px}.cp--6x-top{padding-top:240px}.cp--6x-bottom{padding-bottom:240px}}@media (max-width:550px){.cp{padding:10px}.cp--center-section{padding:40px 10px}.cp--upped-section{padding:60px 20px 40px 20px}.cp--component-section{padding:40px 10px}.cp--nav-zone{padding-top:140px}.cp--6x-top{padding-top:120px}.cp--6x-bottom{padding-bottom:120px}}.limit--l{max-width:1360px;margin:0 auto;position:relative}.limit--m{max-width:960px;margin:0 auto}.limit--s{max-width:760px;margin:0 auto}.t--alpha{font-size:80px;font-family:'Montserrat',sans-serif;font-weight:700;line-height:1.2}.t--beta{font-size:30px;font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.4}.t--gamma{font-family:'Montserrat',sans-serif;font-weight:500;font-size:20px;line-height:1.4}.t--gamma-serif{font-family:'Source Serif Pro',serif;font-weight:400;font-size:20px;line-height:1.4}.t--delta,.t--delta-emph{font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;line-height:1.2;letter-spacing:.03em}.t--delta-emph{text-transform:uppercase}.t--delta-serif{font-family:'Source Serif Pro',serif;font-weight:400;font-size:15px;line-height:1.5}.t--epsilon,.t--epsilon-emph{font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.t--epsilon-emph{font-weight:800}.t--zeta,.t--zeta-emph{font-family:'Montserrat',sans-serif;font-weight:400;font-size:12px;line-height:1.4}.t--zeta-emph{font-weight:800}@media (max-width:960px){.t--alpha{font-size:60px}}@media (max-width:560px){.t--alpha{font-size:40px}}.h--alpha{font-size:80px;font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.2}.h--beta{font-size:30px;font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.4}.h--gamma{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;line-height:1.4}.h--delta{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;line-height:1.2}.h--alpha,.h--beta,.h--gamma,.h--delta{margin:20px 0}.h--alpha a,.h--beta a,.h--gamma a,.h--delta a{color:white;border-bottom:1px solid rgba(255,255,255,0.8)}.h--alpha em,.h--beta em,.h--gamma em,.h--delta em{font-style:normal;color:#396}@media (max-width:1100px){.h--alpha{font-size:60px}}@media (max-width:550px){.h--alpha{font-size:40px}.h--beta{font-size:20px}.h--gamma{font-size:18px}.t--gamma{font-size:18px}.t--gamma-serif{font-size:18px}}.quote{margin:60px 80px 80px -80px;color:#396}.quote__body > p:first-of-type{margin-top:0}.quote__body > p:last-of-type{margin-bottom:0}.quote__author{margin-top:10px}@media (max-width:1100px){.quote{margin:60px 0 80px 0}}.bullet-list{padding:0;list-style-position:inside;list-style:none}.bullet-list li{position:relative}.bullet-list li:before{display:inline-block;content:"\00b7";margin-right:5px;position:absolute;left:-10px}.border-box{border:1px solid #1a1a1a;padding:30px 40px;margin:15px;justify-content:center;align-items:center;transition:all .5s;min-width:260px}.border-box:first-child{margin-top:0}.border-box:last-child{margin-top:0}.report-detail .border-box:last-child{margin-top:90px}.border-box .bullet-list li{padding-top:5px}.border-box--report{border-color:#396;margin:80px 30px}.border-box--report .bullet-list li{padding-top:5px;line-height:1.4}.border-box--report a{color:#1a1a1a;border-bottom:1px solid #1a1a1a}@media (max-width:550px){.border-box--report{margin:40px 30px}}.border-box--finance{color:white;border-color:white;width:450px;text-align:center;display:flex}.border-box--finance:hover{color:#f29400;background-color:white}.border-box--finance em{display:block;font-style:normal;text-transform:uppercase;padding-top:5px;font-weight:700;line-height:1.35}.border-box--fund{color:#f29400;border-color:#f29400;width:450px;text-align:center;display:flex}.border-box--fund:hover{color:white;background-color:#f29400}.border-box--fund em{display:block;font-style:normal;text-transform:uppercase;padding-top:5px;font-weight:700;line-height:1.35}.border-box--assn{color:#396;border-color:#396;width:450px;text-align:center;display:flex}.border-box--assn a{color:#396;border-bottom:1px solid #396}.border-box--assn:hover{color:white;background-color:#396}.border-box--assn em{display:block;font-style:normal;text-transform:uppercase;padding-top:5px;font-weight:700;line-height:1.35}.bg--green{background-color:#396}.bg--finance-assn{background:#fceed9;color:#396}.bg--finance-main{background-image:url(../img/finanzen_bg.png),linear-gradient(#F8B54A,#f29400 30%);background-repeat:no-repeat;background-position:center 180px,0px}.bg--light-blue{background-color:#e2efe9}.finance--assn .section .fin-detail__mittel a{border-bottom:1px solid #396;color:#396}.finance--assn .section .fin-detail__mittel a:hover{opacity:0.5}.finance--assn .section .fin-detail__mittel:last-of-type{padding-top:80px;color:#396}.section{position:relative;overflow:hidden}.section__heading{font-family:'Montserrat',sans-serif;color:#396;text-transform:uppercase;font-weight:600;font-size:18px;line-height:1.2;letter-spacing:.05em;top:5px;left:0;position:absolute;display:inline-block;margin:0;transform:scaleX(-1) rotate(90deg);transform-origin:0 0}.section__heading div{transform:scaleX(-1);transform-origin:center}.section__body p{position:relative;z-index:10}.section__body + .section__actions{margin-top:80px}.section__actions{text-align:center}@media (max-width:550px){.finance--assn .section .fin-detail__mittel:last-of-type{font-size:12px;font-weight:200;padding-top:60px}}a{text-decoration:none}a:focus{outline:none}.nav__list{list-style:none;padding:0;margin:0}.nav__list li{display:inline-block}.nav__list li + li{margin-left:40px}.nav__link{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;line-height:1.2;letter-spacing:.05em;color:white;opacity:1}.nav__link:hover{opacity:0.5}.nav__link.active{border-bottom:1px solid white}.mobile__nav{display:none;margin-top:10px;float:right}.mn-trigger{cursor:pointer}.mn-container{display:none;opacity:0;position:fixed;width:101%;height:100%;top:50%;left:155%;transform:translate(-50%,-50%);z-index:-1000;text-align:center;transition:opacity .5s,left 0s .5s;background:linear-gradient(#5AC59B,#396 60%)}.mn-container .logo{padding:10px}.mn-inframe{left:50%;opacity:1;transition:opacity .5s}.mn-container ul{list-style:none;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mn-container li{padding:6vh}.mn-close{float:right;width:48px;height:48px;background:url(../ico/close.svg) no-repeat center/contain;cursor:pointer;opacity:.8}.mn__link{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;line-height:1.2;letter-spacing:.05em;color:white}.mn-container .mn__mini-nav{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%)}.mn__mini-nav a{text-transform:uppercase;font-weight:600;letter-spacing:.05em;color:white;padding:10px;display:inline-block}.mn__link:hover,.mn-container .lang-switch:hover,.mn-close:hover{opacity:1}@media (max-width:860px){.main-header__nav{display:none}.mobile__nav,.mn-container{display:block}.mn-container{z-index:1000}}@media (max-width:600px){.mn-container li{padding:3vh}}.video__caption,.fig__caption{font-family:'Montserrat',sans-serif;font-size:12px;line-height:1.2;margin-top:10px;font-weight:600}.video__caption a,.fig__caption a{color:#396}.video__caption a:hover,.fig__caption a:hover{opacity:0.5}.figs .fig{display:inline-block}@media (max-width:550px){.figs .fig{width:100%}}.video__embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.video__embed-container iframe,.video__embed-container object,.video__embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.logo{display:block;width:200px;height:45px;background-image:url(../img/wmde_logo_white.svg)}.real-logo-black{position:absolute;z-index:100000;filter:invert(100%);transition:filter 500ms}.real-logo-white{position:absolute;z-index:100000}.logo.invis{opacity:0}.main-header{width:100%;height:140px;position:absolute;top:0;left:0;z-index:100}.main-header--black{filter:invert(100%)}.main-header .limit--l{margin-top:10px}.main-header__logo{float:left}.logo--s{display:none}.nav__list--upper{position:absolute;text-transform:uppercase;font-family:'Montserrat',sans-serif;line-height:1.2;font-weight:500;font-size:12px;letter-spacing:.05em;top:-10px;right:0;text-decoration:none}.nav__list--upper a{color:white}.nav__list--upper a:nth-last-of-type(2){margin:0 20px 0 20px}.nav__list--upper a:hover{opacity:0.5}@media (max-width:1000px){.logo--s{display:block;margin-top:9px}.logo--l{display:none}}.main-header__nav{margin-top:25px;float:right}@media (max-width:800px){.main-header__nav{margin-top:80px}}@media (max-width:550px){.logo--s{max-width:150px;margin-top:16px}}.main-footer{background-color:#1a1a1a;color:white}.main-footer__upper-wrapper{display:flex;flex-wrap:wrap}.main-footer__info{display:flex;flex-wrap:wrap}.main-footer__logo{margin:0 100px 40px 0}.main-footer__info-1{width:300px;min-width:300px;margin-right:100px}.main-footer p:first-of-type{margin-top:0}.main-footer p a,.main-footer span a{color:white;border-bottom:1px solid rgba(255,255,255,0.8)}.main-footer a:hover{opacity:0.5}.main-footer .nav__link{opacity:1;text-transform:none;letter-spacing:0}.main-footer .nav__link:hover{opacity:0.5}.main-footer__upper p a{border-color:transparent}.main-footer__upper p a:hover{border-color:white;opacity:0.5}.main-footer__bottom{padding:0 40px 40px 40px}.main-footer__bottom > div{display:flex}.imprint-toggle{float:left;width:300px;min-width:300px;height:100px;margin-left:300px}@media (max-width:997px){.imprint-toggle{margin-left:-10px}}@media (max-width:800px){.main-footer__bottom > div{flex-direction:column}.imprint-toggle{width:inherit;min-width:inherit}}@media (max-width:550px){.imprint-toggle{margin-left:-30px}}.imprint-close{position:absolute;right:0;width:48px;height:48px;background-image:url(../ico/close.svg)}.imprint.invis{opacity:0;padding:0}.imprint{opacity:1;max-width:760px;max-height:3500px;float:left;transition:all 1s;padding-bottom:80px}.imprint h1:first-of-type{margin-top:0;margin-right:60px}.imprint > section{margin-top:40px}.imprint p a,.imprint span a{color:white}.imprint__cc-logo{display:inline-block;margin-top:40px}@media (max-width:550px){.main-footer{padding:20px 0}.main-footer__info-1{width:inherit;min-width:inherit;margin-right:40px}}.button{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;line-height:1.2;padding:11px 30px 9px 30px;border:1px solid #1a1a1a}.button--small{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;border:none;margin:0}.button--report{width:50%;text-align:center;padding:100px;border:none;transition:all .5s}.button--report:nth-of-type(1){color:white;background:#396 url(../img/cubes_themenuebersicht.svg);background-repeat:no-repeat;background-position:center 40px,0;background-size:60%,100%;align-items:center;display:flex;justify-content:center}.button--report:nth-of-type(2){color:#396;background-image:none;background-color:#f6f6f6;display:block}.button--bg-green{color:white;background-color:#396;border:1px solid #396;transition:all .5s}.button--bg-green:hover{color:#396;background-color:white;border:1px solid #396}.button--outline-green{color:#396;border-color:#396;transition:all .5s}.button--outline-green:hover{color:white;background-color:#396;border:1px solid white}.button--outline-white{color:white;border-color:white}@media (max-width:1100px){.button--report:nth-of-type(1n){background-size:60%,100%}.button--report{width:100%}}@media (max-width:550px){.button--report:nth-of-type(1n){background-size:80%,100%}}.jb-vsplit{height:420px;width:100%;max-width:960px;background-color:white;display:flex}.jb-vsplit__cover,.jb-vsplit__content{width:50%}.jb-vsplit__cover{background-size:cover;background-position:center center}.jb-vsplit__title{margin:0;color:#396}.jb-vsplit__content{position:relative;padding:30px 80px 30px 40px}.jb-vsplit__button{position:absolute;bottom:40px}@media (max-width:940px){.jb-vsplit{height:inherit;flex-flow:column}.jb-vsplit__cover{width:100%;height:35vw}.jb-vsplit__content{width:100%;padding:20px}.jb-vsplit__button{position:relative;bottom:0;display:block;margin:0 auto;max-width:240px;text-align:center}}.jb-hsplit{display:inline-block;background-color:white;position:relative;overflow:hidden;opacity:0;transition:opacity .5s}.jb-hsplit__overlay{opacity:0;display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;transition:all .25s}.jb-hsplit__cover{height:300px;width:100%;background-size:cover;background-position:center center}.jb-hsplit__content{padding-top:10px;text-align:right}.jb-hsplit__title{color:#396;margin:5px 0 0 0}.jb-hsplit:hover .jb-hsplit__overlay{opacity:1}.jb-hsplit-list{margin:-40px;display:flex;flex-wrap:wrap;justify-content:center}.jb-hsplit-list .jb-hsplit{margin:0 20px 40px 20px;width:430px}.come-in{position:relative;opacity:1;top:150px;;animation:come-in 0.8s ease forwards}.come-in:nth-child(odd){animation-duration:0.6s}@keyframes come-in{to{top:0}}@media (max-width:1100px){.jb-hsplit-list{display:block;margin:0 20px}.jb-hsplit-list .jb-hsplit{display:block;margin:40px auto}}@media (max-width:550px){.jb-hsplit__cover{height:65vw}.jb-hsplit__content{padding:20px 0 40px 20px}.jb-hsplit-list .jb-hsplit{width:100%}}.jb-fact{display:flex;min-height:300px}.jb-fact .fig{width:50%}.home .jb-fact .fig{display:flex}.jb-fact .fig img{display:block;margin:0 auto}.jb-fact__title,.jb-fact__content-head{margin-top:0}.jb-fact__content{position:relative;width:50%}.jb-fact__content .button{position:absolute;bottom:0}@media (max-width:900px){.jb-fact{flex-direction:column;align-items:center}.jb-fact .fig{width:80%;max-width:400px}.jb-fact .fig img{max-width:100%}.jb-fact__content{padding-top:20px;width:100%;max-width:400px;text-align:center}.jb-fact__title{text-align:center}.jb-fact__content .button{position:relative;margin-top:20px}}.home .wrapper{position:relative}.home-hero{height:880px;color:white;background:linear-gradient(#5AC59B,#396 60%);transform-origin:0 0;position:relative;overflow:hidden}.home-hero__title{transform-origin:0 0;margin-top:60px;position:relative;z-index:20}.home-hero__17{position:absolute;width:620px;bottom:-510px;left:370px}.home-hero__img{position:absolute;top:540px;z-index:15}.home-hero__img img{width:930px}.home-hero__img--first{position:absolute;opacity:1;z-index:15}.home-hero__img--second{position:relative;opacity:1;z-index:16}.home-hero__img p{padding-left:40px;margin-top:10px;color:white;width:930px;line-height:1.5}.home-hero__img a{color:white;text-decoration:none;border-bottom:1px solid white}.home-hero__img a:hover{opacity:0.5}.home__intro{height:600px;padding:0;position:relative}.home__intro img{position:absolute;width:100%}.home__intro--layer{height:600px;background-color:#f29400;opacity:0.8;width:100%;position:absolute;z-index:5}.home__box{display:flex;position:absolute;bottom:50px;opacity:0;transition:all .5s;justify-content:center;width:100%;z-index:10}.comes-in{bottom:100px!important;opacity:1!important}.home__box .h--alpha{text-align:center;color:white;opacity:1;max-width:750px}.animation-ctl-button{color:#396;border:none;background:none;padding:0;transition:opacity 2s ease;opacity:1;display:inline-block;text-align:center}.animation-ctl-button__symbol{padding-bottom:5px;width:30px;height:30px}.animation-ctl-button:focus{outline:none}.animation-ctl-button:hover{cursor:pointer;opacity:0.8}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:1100px){.home-hero{height:820px}.home-hero__17{width:500px;bottom:-370px;left:270px}.home-hero__img{top:540px}.home-hero__img img,.home-hero__img p{width:750px}.home__box .h--alpha{max-width:600px}.home__box{bottom:100px}.comes-in{bottom:130px!important}.home__intro img{height:100%}}@media (max-width:800px){.home-hero{height:700px}.home-hero__title{margin-top:60px}.home-hero__17{width:500px;bottom:-370px;left:140px}.home-hero__img{top:500px}.home-hero__img img,.home-hero__img p{width:570px}.home__intro{height:500px}.home__box{bottom:50px}.comes-in{bottom:100px!important}}@media (max-width:600px){.home-hero{height:580px}.home-hero__title{margin-top:0}.home-hero__17{width:390px;bottom:-290px;left:100px}.home-hero__img{top:420px}.home-hero__img img,.home-hero__img p{width:450px}.home__box .h--alpha{max-width:300px;font-size:40px}.home__intro{height:360px}.home__box{bottom:-10px}.comes-in{bottom:20px!important}}@media (max-width:480px){.home-hero{height:450px}.home-hero__17{width:250px;bottom:-130px;left:51px}.home-hero__img{top:350px}.home-hero__img img{width:280px}.home-hero__img p{padding-left:10px;max-width:300px}.home__intro{height:320px}.home__box{bottom:-30px}.comes-in{bottom:0!important}}.home__facts{overflow:hidden}.home__facts,.home__facts .section__heading{color:white}@media (max-width:940px){.home .section__heading{display:none}}.home__facts .button{color:#396;background-color:white;border:1px solid white;transition:all .5s}.home__facts .button:hover{color:white;background-color:#396;border:1px solid white}.home__join{text-align:center}.home__join h1{margin-bottom:0;color:#396}.home__join p{margin-top:10px;margin-bottom:40px}.home__bagels img{width:350px;height:350px}.home__bagels{position:absolute;top:0;left:50%;right:0}.home__bagel--1,.home__bagel--2{position:absolute;width:350px;height:350px}.home__bagel--1{left:-100px;top:-110px;transform:rotate(50deg)}.home__bagel--2{right:780px;bottom:-360px;transform:rotate(193deg)}@media (max-width:1300px){.home__bagel--1{left:10px}.home__bagel--2{right:680px;bottom:-330px}}@media (max-width:1100px){.home__bagel--2{right:530px;bottom:-350px}}@media (max-width:900px){.home__bagel--2{right:440px}}@media (max-width:768px){.home__bagel--2{right:370px}}@media (max-width:550px){.home__bagels img,.home__bagel--1,.home__bagel--2{width:250px;height:250px}.home__bagel--1{left:50px;top:-60px}.home__bagel--2{right:240px;bottom:-340px}}@media (max-width:400px){.home__bagel--1{left:10px}.home__bagel--2{right:200px}}.finance-banner{position:relative;min-height:40vh;padding:180px 0;color:white;text-align:center;overflow:hidden;background-color:#f29400;display:block;text-align:left}.finance-banner a{display:block}.finance-banner a:hover{opacity:0.5}.finance-banner p{position:relative;z-index:10;margin:0;text-align:left;display:block;color:white}.finance-banner__button{margin-top:40px}@media (max-width:550px){.finance-banner{padding:80px 0 150px 0;min-height:30vh}}.pseudo-slider .swiper-button-next,.pseudo-slider .swiper-button-prev{display:none}.swiper-container{margin:0 auto;position:relative;z-index:1;width:100%;height:100%}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;box-sizing:content-box;align-items:center;transition-property:transform;transform:translate3d(0px,0,0)}.swiper-slide{opacity:1;height:100%;width:100%;position:relative;flex-shrink:0;transition:opacity .5s;text-align:center;padding:0 80px}.report-detail .swiper-slide{padding:40px 140px 0 140px}.swiper-slide .jb-vsplit,.swiper-slide .jb-fact,.swiper-slide .fig__caption{text-align:left}.swiper-slide > *{margin:0 auto}.swiper-slide img{max-width:100%}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:32px;height:99px;margin-top:-50px;z-index:10;cursor:pointer;background-size:contain;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(../ico/arrow_black_left.svg);left:10px;right:auto}.report-detail .swiper-button-prev{left:60px}.report-detail .swiper-button-prev:hover{opacity:0.5}.report-detail .swiper-button-next:hover{opacity:0.5}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(../ico/arrow_black_right.svg);right:10px;left:auto}.report-detail .swiper-button-next{right:60px}@media (max-width:550px){.swiper-slide{padding:0 35px}.swiper-button-next,.swiper-button-prev{width:25px;height:50px}.swiper-button-next{right:0}.swiper-button-prev{left:0}.report-detail .swiper-slide{padding:0 30px}.report-detail .swiper-button-prev{left:-10px}.report-detail .swiper-button-next{right:-10px}}.finance{overflow:hidden;position:relative}.finance--fund{color:#1a1a1a}.finance .section__body{padding-top:200px}.finance__intro-heading{text-align:center;margin-bottom:60px;position:relative;z-index:100}.finance__boxes{display:flex;justify-content:space-between;padding:80px 0;flex-wrap:wrap;justify-content:center}.finance__p{margin-bottom:60px}.finance__p a{color:#1a1a1a;border-bottom:1px solid #1a1a1a}.finance__p a:hover{opacity:0.5}.fin-detail__heading{text-align:center;position:relative;z-index:100;margin-bottom:0}.fin-detail__heading-s{margin-bottom:0;text-transform:uppercase;letter-spacing:.03em}.fin-detail__heading-l{margin-top:5px;margin-bottom:0}.fin-detail__mittel{color:#1a1a1a}@media (max-width:1100px){.finance__boxes{padding:40px 0}}.ft__heading{padding:40px 0 40px 0}.ft-wrapper{overflow-x:auto;font-feature-settings:"tnum" 1}.finance--assn .fin-detail__passiva .ft-wrapper tbody .ft__row-line:nth-of-type(2){font-size:12px}.ft{width:100%;border-collapse:collapse}.ft th{text-align:center}.ft tfoot td,.ft__row-foot{font-weight:700;text-transform:uppercase}.ft th,.ft td{padding-top:15px;padding-bottom:15px}.ft__row-head td{padding-top:30px;font-weight:700;text-transform:uppercase}.ft__row-low td{padding-top:0;padding-bottom:0}.ft__row-line td{border-bottom:1px solid #f6f6f6;color:#396}.ft__row-line--black td{border-bottom:1px solid white;color:#1a1a1a}.finance--fund .ft__row-line td{border-bottom:1px solid white}.finance--fund .ft__row-line--black td,.finance--assn .ft__row-line td{border-bottom:1px solid white}.finance--fund .ft__row-line .ft__col-val{border-bottom:1px solid #f6f6f6}.finance--fund .ft__row-line--black .ft__col-val{border-bottom:1px solid #e2efe9}.finance--assn .ft__row-line .ft__col-val{border-bottom:1px solid #fceed9}.finance--assn .ft__cell-line{border-bottom:1px solid #fceed9}.finance--fund .ft__cell-line{border-bottom:1px solid #e2efe9}.ft__col-key{width:35%;padding-right:35px;color:#396}.ft__col-key--black{color:#1a1a1a}.ft--alloc{margin-top:80px;font-feature-settings:"tnum" 1}.ft--alloc .ft__col-key{width:80%}.ft__col-val{width:20%;min-width:150px;color:#1a1a1a;background-color:white;text-align:right;padding-left:35px;padding-right:35px}.ft__col-void{width:2.5%;text-align:right}.ft__empty{background-color:rgba(255,255,255,.2)}.ft__green-bg{color:white;background-color:#396}.ft__orange-bg{color:white;background-color:#f29400}.ft__em{color:#396}.ft__em--orange{color:#f29400}.finance--fund .ft__em{background-color:#e2efe9}.ft__green-border{border-right:3px solid #396;border-left:3px solid #396}.ft__orange-border{border-right:3px solid #f29400;border-left:3px solid #f29400}@media (max-width:1100px){.ft__col-val{padding-left:15px;padding-right:15px}}@media (max-width:550px){.ft td,.ft th{font-size:12px}.ft__col-key{padding-right:10px}.ft__col-val{min-width:100px;padding:0 10px}.finance .section__body{padding-top:140px}.finance--assn .t--delta,.finance--fund .t--delta{font-size:12px;letter-spacing:0em}.finance--assn tr,.finance--fund tr{font-weight:200}}.bagel{position:relative;padding:40px 0}.bagel--alt{padding-bottom:100px}.bagel img{height:100%;opacity:1;transform:rotate(-45deg) scale(.8);transition:all .5s}.bagel .t--gamma{font-weight:800}.turn-in{opacity:1!important;transform:rotate(0) scale(1)!important}.bagel__image{position:absolute;height:280px}.bagel__image--l{}.bagel__image--s{padding:20px}.bagel__cap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bagel__text{height:280px;position:relative;z-index:10;display:flex}.bagel__line-1,.bagel__line-2,.bagel__line-3,.bagel__line-4,.bagel__line-4--alt,.bagel__line-4--alt-number,.bagel__line-5{position:relative}.bagel__line-1 span,.bagel__line-2 span,.bagel__line-3 span,.bagel__line-4 span,.bagel__line-4--alt span,.bagel__line-4--alt-number span,.bagel__line-5 span{position:absolute;bottom:0;font-feature-settings:"tnum" 1}.bagel__line-1{height:35px}.bagel--s .bagel__line-1{height:50px}.bagel__line-2{height:60px}.bagel__line-3{height:80px}.finance--fund .bagel__line-3{height:60px}.finance--fund .bagel__line-4--alt-number{height:60px}.finance--fund .bagel__line-4--alt{height:60px}.bagel__line-4{height:80px}.bagel__line-5{height:80px}.bagel__ratio{width:400px}.finance--fund .bagel__ratio{color:#1a1a1a}.bagel__ratio span{right:0;text-align:right;border-bottom:1px solid #1a1a1a}.finance--fund .bagel__ratio span{border-bottom:1px solid #1a1a1a}.bagel__ratio .bagel__line-1 span{width:300px}.finance--fund .bagel__ratio .bagel__line-1 span{width:290px}.bagel__ratio .bagel__line-2 span{width:160px}.finance--fund .bagel__ratio .bagel__line-2 span{width:360px}.bagel--s .bagel__ratio .bagel__line-2 span{width:170px}.finance--fund .bagel--s .bagel__ratio .bagel__line-2 span{width:350px}.bagel__ratio .bagel__line-3 span{width:148px}.bagel--s .bagel__ratio .bagel__line-3 span{width:168px}.bagel__circle{background-color:#1a1a1a;width:4px;height:4px;border-radius:2px;position:absolute;bottom:0;transform:translate(-50%,50%)}.finance--fund .bagel__circle{background-color:#1a1a1a}.bagel__info{margin-left:40px;width:440px}.bagel__info .bagel__line-1,.bagel__info .bagel__line-2{border-bottom:1px solid #1a1a1a}.finance--fund .bagel__info .bagel__line-1,.finance--fund .bagel__info .bagel__line-2,.finance--fund .bagel__info .bagel__line-3,.finance--fund .bagel__info .bagel__line-4--alt{border-bottom:1px solid #1a1a1a}.bagel__label{font-weight:500;max-width:300px}.bagel__amount{right:0;font-weight:800}.bagel__line-3 .bagel__label,.bagel__line-4 .bagel__label,.bagel__line-5 .bagel__label{font-weight:800}.finance--fund .bagel__line-3 .bagel__label{font-weight:500}.bagel__line-4--alt{font-weight:500}@media (max-width:1100px){.bagel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.bagel__image{position:relative}.bagel__ratio{width:auto}.bagel__ratio > div{border-bottom:1px solid #1a1a1a}.finance--fund .bagel__ratio > div{border-bottom:1px solid #1a1a1a}.bagel__ratio span{width:auto!important;border:none}.finance--fund .bagel__ratio span{border:none}.bagel__circle{display:none}.bagel__info{width:400px;margin-left:20px}.bagel__line-1 span,.bagel__line-2 span,.bagel__line-3 span,.bagel__line-4 span,.bagel__line-4--alt{position:relative}.bagel__line-1,.bagel__line-2,.bagel__line-3,.bagel__line-4--alt{height:50px;display:flex;justify-content:space-between;align-items:flex-end}.bagel__line-4{height:80px;display:flex;justify-content:space-between;align-items:flex-end}}@media (max-width:550px){.bagel__info{width:280px;margin-left:10px}}@media (max-width:400px){.bagel__ratio{display:none}.bagel__info{margin:0}}.achievements{text-align:center;background-color:#fceed9}.achievements__flex-wrapper{display:flex;justify-content:space-between;height:350px;overflow:visible}.achievements__left{text-align:right;width:calc(50% - 129px)}.achievements__right{text-align:left;width:calc(50% - 129px)}.achievements__button.invis{opacity:0}.achievements__button .animation-ctl-button__symbol{margin:0 auto 8px auto;background:url(../ico/reload_circle.svg) no-repeat center/contain}.achievements__button:hover .animation-ctl-button__symbol{animation:rotate 0.5s 1 ease}.achievements__cube{align-self:center;flex-grow:0;flex-shrink:0;position:relative;display:inline-block;vertical-align:middle;overflow:visible;width:155px;height:178px;margin:20px 40px;background:url(../img/cube_achievements.svg) no-repeat center/contain}.achievements__cube-side{position:absolute;width:100%;height:100%;transition:left 1s ease,top 1s ease}.achievements__cube-side--left{background:url(../img/cube_achievements_left.svg) no-repeat center/contain;left:-6.49%;top:5.64%}.achievements__cube-side--top{background:url(../img/cube_achievements_top.svg) no-repeat center/contain;top:-7.89%}.achievements__cube-side--right{background:url(../img/cube_achievements_right.svg) no-repeat center/contain;left:6.49%;top:5.64%}.achievements.loading .achievements__cube-side--left{left:-2.16%;top:1.88%}.achievements.loading .achievements__cube-side--top{top:-2.63%}.achievements.loading .achievements__cube-side--right{left:2.16%;top:1.88%}.achievement{display:inline-block;text-align:left;vertical-align:middle;padding:50px;transition:opacity 2s ease;opacity:1}.achievement--store{display:none}.achievements.loading .achievement{transition:opacity 0.5s ease;opacity:0}.achievement__category{display:inline-block;background-color:#FFF;padding:3px 5px;font-family:'Montserrat',sans-serif;text-transform:uppercase}.achievement__teaser{text-align:left;max-width:300px}.achievement__link{position:relative;padding-top:25px;float:right;color:#636466}.achievement__number{color:#f29400;display:block;white-space:nowrap;font-feature-settings:"tnum" 1;padding:0}.achievement__number-placeholder{display:inline-block;text-align:right;direction:rtl}.achievement__number-postfix{display:inline-block}.achievements__cube--mobile{display:none}@media (max-width:960px){.achievements__left,.achievements__right{width:100%}.achievements__cube{display:none}.achievements__cube--mobile{display:inline-block}.achievement__link{float:left}}@media (max-width:720px){.achievements__flex-wrapper{height:240px}.achievement{padding:30px 0}.achievements__left{display:none}.achievements__right{text-align:center}}.achievement-box{max-width:300px;background-color:#f6f6f6;padding:10px 20px 20px 20px;margin:20px 40px 20px -80px;float:left}.achievement-box__category{background-color:white;padding:2px 5px}.achievement-box__number{color:#f29400;display:block;margin:0}.achievement-box__teaser{display:block;line-height:1.3}@media (max-width:1100px){.achievement-box{margin:10px 40px 10px 0}}.reports{position:relative;display:flex;justify-content:center;align-items:center;background-color:#fceed9}.reports__data{display:none}.reports__background{position:absolute;width:52%;height:100%;top:0;right:0;filter:saturate(0.3);background-size:cover;background-position:center center;background-blend-mode:luminosity;mix-blend-mode:overlay;opacity:0.8;transition:opacity 0.3s ease}.reports__background.hidden{opacity:0}.reports__left{width:50%;float:left;text-align:right;padding-right:25px}.reports__right{position:relative;z-index:10;width:50%;float:right;padding-left:25px;transition:background 0.5s ease}.reports__link-wrapper{display:flex;flex-direction:column;align-items:left;justify-content:flex-end;max-width:400px;height:475px}.reports__link{display:block;color:#396;padding-bottom:40px;margin:0;transition:opacity 0.5s ease;opacity:1}.reports__link:hover .reports__link-title{color:#f29400}.reports__link.loading{transition:opacity 0.3s ease;opacity:0}.reports__link-project{padding-top:5px}.reports__button{padding-right:50px;text-align:left}.reports__button .animation-ctl-button__symbol{border-radius:50%;background-color:#339967}.reports__button + .reports__button{padding-top:20px}.reports__button.invis{opacity:0}.reports__button .animation-ctl-button__symbol{display:inline-block;vertical-align:middle;margin-right:10px}.reports__button--reload .animation-ctl-button__symbol{background:#339967 url(../ico/reload_circle.svg) no-repeat center/contain}.reports__button--all .animation-ctl-button__symbol{background:#339967 url(../ico/arrow_next_circle.svg) no-repeat center/contain;transition:background-position 0.4s ease}.reports__button--all:hover .animation-ctl-button__symbol{background-position-x:2px}.reports__button--reload:hover .animation-ctl-button__symbol{animation:rotate 0.5s 1 ease}.reports__canvas{position:relative;width:368px;height:160px;display:inline-block;overflow:visible;vertical-align:middle;margin-bottom:200px;transform:scale(0.875);transition:all 0.5s;opacity:1}.reports.loading .reports__canvas{opacity:0!important;margin-top:150px!important}.reports__cube{background:url(../img/cube_achievements.svg) no-repeat center/contain;width:160px;height:184px;position:absolute;overflow:visible;transition-timing-function:ease;transition-property:all;margin:auto}.reports__cube--1{top:92px;left:80px;z-index:3}.reports__cube--2{left:0;top:46px;z-index:2}.reports__cube--3{left:160px;top:46px;z-index:1}@media (max-width:960px){.reports__background{display:none}.reports__link-wrapper{height:350px;max-width:none}.reports{align-items:flex-start}.reports__left{text-align:center}.reports__right{width:60%}.reports__canvas{transform:scale(0.6875)}.reports__button,.reports__link{padding-right:20px}.reports__link.h--beta{font-size:20px}}@media (max-width:720px){.reports__link-wrapper{height:auto}.reports{display:block}.reports__left,.reports__right{width:100%;float:none;padding:0}.reports__left{height:200px}.reports__canvas{transform:scale(0.5);height:auto}.reports__link{max-width:none}}@media (max-width:540px){.reports__left{text-align:left}.reports__canvas{width:auto;left:calc(50% - 82px)}.reports__button{width:100%;text-align:center}.reports__button + .reports__button{padding-top:10px}.reports__link{text-align:left}.reports__right{text-align:center}.reports__button .animation-ctl-button__symbol{margin:0 auto 8px auto;display:block}}.report-landing-hero{background-color:#396;text-align:center;color:white}.report-landing .report-landing-hero{background:linear-gradient(#5AC59B,#396 60%)}.report-landing-hero__cubes{display:flex;justify-content:center;margin:0 auto;flex-wrap:wrap}.report-landing__jbs{margin-top:-100px}@media (max-width:1100px){.report-landing .cp{padding-bottom:100px}}@media (max-width:550px){.report-landing .cp--6x-top{padding-bottom:510px}}.nav-cube{flex-grow:1;display:flex;align-items:center;justify-content:center;width:200px;height:240px;background:url(../img/cube_themen_green.svg) no-repeat center/contain;margin:20px}.nav-cube__title{color:white}.nav-cube:hover,.nav-cube.active{background-image:url(../img/cube_themen_orange.svg)}@media (min-width:1181px){.nav-cube__title{margin-top:-144px}.nav-cube{height:300px;margin:20px}}@media (max-width:1180px){.nav-cube__title{margin-top:-137px}.nav-cube{height:270px;margin:8px}}@media (max-width:1000px){.nav-cube__title{margin-top:-116px}.nav-cube{margin:5px}}@media (max-width:900px){.nav-cube{margin:20px}.nav-cube__title{margin-top:-133px}}@media (max-width:550px){.nav-cube__title{margin-top:-113px}}@media (max-width:500px){.nav-cube{display:block;margin:0;height:160px;position:absolute}.nav-cube:nth-of-type(2){top:200px;right:-22px}.nav-cube:nth-of-type(3){top:200px;left:-22px}.nav-cube:nth-of-type(4){top:320px}.nav-cube__title{margin-top:30px;left:60px;position:absolute}.nav-cube:nth-of-type(2) .nav-cube__title{left:54px}.nav-cube:nth-of-type(3) .nav-cube__title{left:9px;top:-5px}.nav-cube:nth-of-type(4) .nav-cube__title{left:49px;max-width:100px;text-align:center}}@media (max-width:320px){.nav-cube:nth-of-type(2){right:-19px}.nav-cube:nth-of-type(3){left:-19px}.nav-cube:nth-of-type(4){top:320px}}.report-detail-hero{display:flex;justify-content:center;align-items:center;min-height:66vh;background:#e2efe9 no-repeat center/cover;position:relative}.report-detail-hero__center-illu{z-index:10}.report-detail-hero__filter{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;opacity:.45}.filter{background-repeat:no-repeat;background-position:center 0,0px;background-size:400px,0px}.filter-head{color:white;margin:0;text-align:center;padding-top:70px}.filter-head--back{color:white;text-transform:uppercase;position:relative}.filter-head--back:hover{opacity:0.5}.filter-head--menu{position:relative}.filter-head--image{width:450px;margin-top:-170px}.filter-text{max-width:760px;text-align:left;margin:-200px auto 0 auto}.report-landing .filter-head-back-align a{border-bottom:none}@media(max-width:1100px){.filter-head{padding-top:150px}}@media(max-width:550px){.filter-head--image{width:300px;margin-top:-120px}.filter-text{margin-top:-150px}.report-landing .filter-head--back{display:flex;align-items:center;justify-content:center}.report-landing .filter-head-back-align{max-width:110px;line-height:15px;margin-bottom:-15px}}.report-detail .section__title{text-align:center;margin-top:80px;margin-bottom:80px}.report-detail .h--gamma{margin-top:40px}.report-detail{padding:140px 0 0 0}.report-detail__text{padding:10px 40px 40px 40px}.report-detail__text a{color:#1a1a1a;border-bottom:1px solid #1a1a1a}.report-detail__text a:hover{opacity:0.5}.report-detail .hero__caption{text-align:center;padding-top:10px}.report-detail .hero__caption a{text-decoration:none;color:#1a1a1a}.report-detail .section__teaser{line-height:1.6;padding-bottom:25px}.report__boxes{display:flex;justify-content:space-between;flex-wrap:wrap;justify-content:center;padding:70px 0 0 0}.report__boxes a:hover{opacity:0.5}@media (max-width:1100px){.report-detail__text{padding:10px 30px 30px 30px}.report__boxes{padding:40px 0 0 0}}@media (max-width:550px){.report-detail__text{padding:10px}.report-detail .section__title{margin-top:50px;margin-bottom:40px}.report__links{padding:0 20px}.report__links .border-box{min-width:0;margin:0 0 40px 0;padding:20px}}.chart{background:linear-gradient(#5AC59B,#396 60%);position:relative;width:100%;text-align:center}.chart.cp--component-section{padding-top:60px;padding-bottom:60px}.chart-wrapper{padding-top:50px 0}.chart__headline{position:absolute;text-align:left;color:#FFF;z-index:10}.chart__headline h1{margin-top:10px}.chart__headline--description{text-transform:uppercase}.chart__cards-wrapper{position:relative;display:inline-block;width:100%;height:500px;padding-top:264px;padding-left:150px}.chart__cards{position:relative;height:100%}.chart__card{position:absolute;width:152px;height:264px;background:url(../img/chart_card.svg) no-repeat left/contain;overflow:visible;transition:margin-bottom 0.4s ease,bottom 0.8s ease}.chart__cards:not(.loading) .chart__card:hover{opacity:1;margin-bottom:10px;transition:margin-bottom 0.3s ease}.chart__card.fix{bottom:0!important}.chart__dates-wrapper{display:flex;justify-content:space-between;align-content:space-between;padding:70px 0;text-align:left}.chart__date{position:relative;color:#FFF;bottom:0;transition:bottom 0.5s}.chart__date-line{position:absolute;left:-20px}.chart__date.active{bottom:5px}.chart__date-value{font-weight:700}.chart__button{display:inline-block;font-size:12px;font-weight:500;border:1px solid white}.chart__button.active,.chart__button:hover{color:#396;background-color:white}.chart__date-linebreak,.chart__cards--small,.chart__cards--mobile{display:none}@media (min-width:1280px){.chart__cards-wrapper{position:relative;max-width:1280px;left:-10px}}@media (max-width:960px){.chart__cards-wrapper{height:400px}.chart__headline{position:relative}.chart__cards--desktop{display:none}.chart__cards--small{display:block}.chart__date-line{display:none}}@media (max-width:720px){.chart__cards--small{display:none}.chart__cards.chart__cards--mobile{display:block}.chart__cards-wrapper{height:350px}}@media (max-width:560px){.chart__dates-wrapper{flex-flow:row wrap;flex-wrap:wrap;padding:70px 10px 0 10px}.chart__dates-wrapper:after{content:'';width:100%}.chart__date{margin-bottom:50px}.chart__date:nth-child(n + 4){order:1}} |