8 lines
42 KiB
CSS
8 lines
42 KiB
CSS
@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Source+Serif+Pro:400,600,700);/*!
|
|
* Wikimedia Jahresbericht 2018
|
|
*
|
|
* Copyright (c) 2019 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.
|
|
*/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:after,.clearfix:before{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--delta,.h--gamma{margin:20px 0}.h--alpha a,.h--beta a,.h--delta a,.h--gamma a{color:#fff;border-bottom:1px solid rgba(255,255,255,.8)}.h--alpha em,.h--beta em,.h--delta em,.h--gamma em{font-style:normal;color:#009ee0}@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:#009ee0}.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-bottom:15px;justify-content:center;align-items:center;transition:all .5s;min-width:260px}.border-box:first-child{margin-top:0;margin-right:15px}.border-box:last-child{margin-top:0;margin-left:15px}.report-detail .border-box:last-child{margin-top:90px}.border-box .bullet-list li{padding-top:5px}.border-box--report{border-color:#009ee0;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:1100px){.border-box:first-child,.border-box:last-child{margin-left:30px;margin-right:30px}.border-box+.border-box{margin-top:10px}}@media (max-width:550px){.border-box--report{margin:40px 30px}}.border-box--finance{color:#fff;border-color:#fff;width:450px;text-align:center;display:flex}.border-box--finance:hover{color:#652d90;background-color:#fff}.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:#009ee0;border-color:#009ee0;width:450px;text-align:center;display:flex}.border-box--fund:hover{color:#fff;background-color:#009ee0}.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:#652d90;border-color:#652d90;width:450px;text-align:center;display:flex}.border-box--assn a{color:#652d90;border-bottom:1px solid #652d90}.border-box--assn:hover{color:#fff;background-color:#652d90}.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:#009ee0}.bg--finance-assn{background:#e5f5fc;color:#1a1a1a}.bg--finance-main{background-image:url(../img/finanzen_bg.png),linear-gradient(#8c42c6,#652d90 30%);background-position:center 180px,0;background-repeat:no-repeat}.bg--finance-fund{background-color:#efe9f3}.finance--assn .section .fin-detail__mittel a{border-bottom:1px solid #1a1a1a;color:#1a1a1a}.finance--assn .section .fin-detail__mittel a:hover{opacity:.5}.finance--assn .section .fin-detail__mittel:last-of-type{padding-top:80px;color:#1a1a1a}.section{position:relative;overflow:hidden}.section__heading{font-family:Montserrat,sans-serif;color:#009ee0;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:0}.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:#fff;opacity:1}.nav__link:hover{opacity:.5}.nav__link.active{border-bottom:1px solid #fff}.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(#0092d0,#009ee0 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:#fff}.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:#fff;padding:10px;display:inline-block}.mn-close:hover,.mn-container .lang-switch:hover,.mn__link:hover{opacity:1}@media (max-width:860px){.main-header__nav{display:none}.mn-container,.mobile__nav{display:block}.mn-container{z-index:1000}}@media (max-width:600px){.mn-container li{padding:3vh}}.fig__caption,.video__caption{font-family:Montserrat,sans-serif;font-size:12px;line-height:1.2;margin-top:10px;font-weight:600}.fig__caption a,.video__caption a{color:#1a1a1a;text-decoration:underline}.fig__caption a:hover,.video__caption a:hover{opacity:.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 embed,.video__embed-container iframe,.video__embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.video__embed-container video{width: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 .5s}.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:#fff}.nav__list--upper a+a{margin-left:20px}.nav__list--upper a:hover{opacity:.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:#fff}.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:#fff;border-bottom:1px solid rgba(255,255,255,.8)}.main-footer a:hover{opacity:.5}.main-footer .nav__link{opacity:1;text-transform:none;letter-spacing:0}.main-footer .nav__link:hover{opacity:.5}.main-footer__upper p a{border-color:transparent}.main-footer__upper p a:hover{border-color:#fff;opacity:.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{padding:0 30px 40px 30px}.main-footer__bottom>div{flex-direction:column}.imprint-toggle{width:inherit;min-width:inherit;margin-left:0}}@media (max-width:550px){.main-footer__bottom{padding:0 10px 40px 10px}}.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:#fff}.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:#fff;background:#009ee0 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:var(--color-back);background-image:none;background-color:#f6f6f6;display:block}.button--bg-green{color:#fff;background-color:#009ee0;border:1px solid #009ee0;transition:all .5s}.button--bg-green:hover{color:#009ee0;background-color:#fff;border:1px solid #009ee0}.button--outline-green{color:#009ee0;border-color:#009ee0;transition:all .5s}.button--outline-green:hover{color:#fff;background-color:#009ee0;border:1px solid #fff}.button--outline-white{color:#fff;border-color:#fff}@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:#fff;display:flex}.jb-vsplit__content,.jb-vsplit__cover{width:50%}.jb-vsplit__cover{background-size:cover;background-position:center center}.jb-vsplit__title{margin:0;color:#009ee0}.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:#fff;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:#1a1a1a;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 .8s ease forwards}.come-in:nth-child(odd){animation-duration:.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__content-head,.jb-fact__title{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:#fff;background:linear-gradient(#009ee0,#0092d0 90%);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__18{position:absolute;width:780px;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:#fff;width:930px;line-height:1.5}.home-hero__img a{color:#fff;text-decoration:none;border-bottom:1px solid #fff}.home-hero__img a:hover{opacity:.5}.home__intro{height:600px;padding:0;position:relative}.home__intro img{position:absolute;width:100%}.home__intro--layer{height:600px;background-color:#652d90;opacity:.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:#fff;opacity:1;max-width:750px}.animation-ctl-button{color:#009ee0;border:none;background:0 0;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:0}.animation-ctl-button:hover{cursor:pointer;opacity:.8}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1100px){.home-hero{height:820px}.home-hero__18{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__18{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__18{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__18{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:#fff}@media (max-width:940px){.home .section__heading{display:none}}.home__facts .button{color:#009ee0;background-color:#fff;border:1px solid #fff;transition:all .5s}.home__facts .button:hover{color:#fff;background-color:#009ee0;border:1px solid #fff}.home__join{text-align:center}.home__join h1{margin-bottom:0;color:#009ee0}.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__bagel--1,.home__bagel--2,.home__bagels img{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:#fff;text-align:center;overflow:hidden;background:linear-gradient(#8848ba,#652d90 70%);display:block;text-align:left}.finance-banner a{display:block}.finance-banner a:hover{opacity:.5}.finance-banner p{position:relative;z-index:10;margin:0;text-align:left;display:block;color:#fff}.finance-banner__button{margin-top:40px}.finance-banner__button span+span{padding-left:8px}@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(0,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 .fig__caption,.swiper-slide .jb-fact,.swiper-slide .jb-vsplit{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:.5}.report-detail .swiper-button-next:hover{opacity:.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;color:#fff}.finance--assn{color:#1a1a1a}.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}.finance__p{margin-bottom:60px}.finance__p a{color:#fff;border-bottom:1px solid #fff}.finance__p a:hover{opacity:.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:10px auto 0 auto;max-width:500px}.fin-detail__mittel{color:#1a1a1a}@media (max-width:1100px){.finance__boxes{padding:40px 0;justify-content:center}}.ft__heading{padding:40px 0 40px 0}.ft__subtitle{display:block;font-weight:400;padding-top:10px}.ft-wrapper{overflow-x:auto;font-feature-settings:"tnum" 1}.ft{width:100%;border-collapse:collapse}.ft th{text-align:center}.ft tfoot td,.ft__row-foot{font-weight:700;text-transform:uppercase}.ft td,.ft th{padding-top:15px;padding-bottom:15px}.ft__row-head td{padding-top:30px;font-weight:700;text-transform:uppercase}.ft__col-key--main,.ft__row-head td{padding-right:8px}.ft__row-low td{padding-top:0;padding-bottom:0}.ft__row-line td{border-bottom:1px solid #f6f6f6;color:#1a1a1a}.ft__row-line--small{font-size:12px}.ft__row-line--black td{border-bottom:1px solid #fff;color:#1a1a1a}.finance--fund .ft__row-line td{border-bottom:1px solid #fff}.finance--assn .ft__row-line td,.finance--fund .ft__row-line--black td{border-bottom:1px solid #fff}.finance--main .ft__row-line--white td{border-bottom:1px solid #e9e8e8}.finance--fund .ft__row-line .ft__col-val{border-bottom:1px solid #f6f6f6}.finance--main .ft__col-val{min-width:175px;padding-left:15px;padding-right:15px}.finance--fund .ft__row-line--black .ft__col-val{border-bottom:1px solid var(--color-lightgreen)}.finance--assn .ft__row-line .ft__col-val{border-bottom:1px solid #efe9f3}.finance--assn .ft__cell-line{border-bottom:1px solid #efe9f3}.finance--fund .ft__cell-line{border-bottom:1px solid var(--color-lightgreen)}.ft__col-key{width:35%;padding-right:35px;color:#1a1a1a}.ft__col-key--black{color:#1a1a1a}.ft__col-key--main{color:#fff}.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:#fff;text-align:right;padding-left:35px;padding-right:35px}.ft__col-void{width:2.5%;text-align:right}.finance--main .ft__col-void{width:1%}.ft__empty{background-color:rgba(255,255,255,.2)}.ft__assn-bg{color:#fff;background-color:#652d90}.ft__fund-bg{color:#fff;background-color:#009ee0}.ft__main-bg{color:#1a1a1a;background-color:#fff;font-weight:700}.ft__em{color:#652d90}.ft__em--fund{color:#009ee0}.ft__em--main{color:#652d90}.finance--fund .ft__em{background-color:var(--color-lightgreen)}.ft__assn-border{border-right:3px solid #652d90;border-left:3px solid #652d90}.ft__fund-border{border-right:3px solid #009ee0;border-left:3px solid #009ee0}.ft__main-border{border-right:3px solid #b164da;border-left:3px solid #b164da}@media (max-width:1100px){.ft__col-val{padding-left:15px;padding-right:15px}}@media (max-width:1010px){.ft-wrapper--four-column:after{content:"";position:absolute;top:221px;bottom:30px;left:-15px;right:30px;box-shadow:inset -40px 0 20px -30px #4c0088d1}}@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:0}.finance--assn tr,.finance--fund tr{font-weight:200}.ft-wrapper--four-column:after{top:187px;bottom:10px;right:10px}}.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--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:#fff}.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 .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 .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:#1a1a1a}.achievement__number{color:#009ee0;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:356px;background-color:#f6f6f6;padding:10px 20px 20px 20px;margin:20px 40px 20px -80px;float:left}.achievement-box__category{background-color:#fff;padding:2px 5px}.achievement-box__number{color:#652d90;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:#fff}.reports__data{display:none}.reports__background{position:absolute;width:52%;height:100%;top:0;right:0;filter:saturate(.1);background-size:cover;background-position:center center;opacity:.15;transition:opacity .3s ease}.reports__background.hidden{opacity:0;transition:opacity .3s ease}.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 .5s ease}.reports__link-wrapper{display:flex;flex-direction:column;align-items:left;justify-content:flex-end;max-width:400px;height:475px;padding-bottom:50px}.reports__link{display:block;color:#1a1a1a;padding-bottom:40px;margin:0;transition:opacity .5s ease,color .2s ease;opacity:1}.reports__link:hover .reports__link-title{color:#636466;transition:color .2s ease}.reports__link.loading{transition:opacity .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 .4s ease}.reports__button--all:hover .animation-ctl-button__symbol{background-position-x:2px}.reports__button--reload:hover .animation-ctl-button__symbol{animation:rotate .5s 1 ease}.reports__canvas{position:relative;width:368px;height:160px;display:inline-block;overflow:visible;vertical-align:middle;margin-bottom:200px;transform:scale(.875);transition:all .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;padding-bottom:0}.reports{align-items:flex-start}.reports__left{text-align:center}.reports__right{width:60%}.reports__canvas{transform:scale(.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(.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:#009ee0;text-align:center;color:#fff}.report-landing .report-landing-hero{background:linear-gradient(#0092d0,#009ee0 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:160px}.report-landing .cp{padding-left:30px;padding-right:30px}}@media (max-width:500px){.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_blue.svg) no-repeat center/contain;margin:20px}.nav-cube__title{color:#fff}.nav-cube.active,.nav-cube:hover{background-image:url(../img/cube_themen_purple.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;width:150px;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:36px;position:absolute}.nav-cube:nth-of-type(2) .nav-cube__title{left:28px}.nav-cube:nth-of-type(3) .nav-cube__title{left:29px;top:2px}.nav-cube:nth-of-type(4) .nav-cube__title{left:27px;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:var(--color-lightgreen) no-repeat;background-size:cover;background-position:center center;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,0;background-size:400px,0}.filter-head{color:#fff;margin:0;text-align:center;padding-top:70px}.filter-head--back{color:#fff;text-transform:uppercase;position:relative}.filter-head--back:hover{opacity:.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:.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-detail__panorama{width:100%;height:500px}.report__boxes{display:flex;justify-content:space-between;flex-wrap:wrap;justify-content:center;padding:70px 0 0 0}.report__boxes a:hover{opacity:.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(#009ee0,#0092d0 90%);position:relative;width:100%;text-align:center;padding-top:60px;padding-bottom:60px;padding-left:110px;padding-right:110px;height:100%}.chart__bars,.chart__headline{max-width:960px;position:relative;margin:auto}.chart__headline{position:relative;text-align:left;color:#fff;z-index:10}.chart__headline h1{margin-top:10px;padding-bottom:30px}.chart__headline--description{text-transform:uppercase}.chart__button{margin-top:80px}.chart-bars__texts{float:left;text-align:right;width:120px}.chart-bars__text{position:relative;text-align:right;color:#fff;background-color:#009ee0;padding:10px 15px;margin-top:0;margin-bottom:26px;height:53px}.chart-bars__text--date,.chart-bars__text--number{display:block}.chart-bars__text--date+.chart-bars__text--number{padding-top:5px}.chart-bars__animation{float:right;position:relative;width:calc(100% - 120px)}.chart-bar{height:79px;float:left;position:relative;width:100%;z-index:1}.chart-bar__image{height:79px;float:left}.chart-bar__inner{background-color:#fff;position:absolute;bottom:0;left:0;top:0;right:0;margin-left:46px;margin-top:26px}.chart .loading .chart-bar .chart-bar__inner{animation:none;right:100%}@media (max-width:1100px){.chart{padding-left:60px;padding-right:60px}}@media (max-width:550px){.chart{padding-left:10px;padding-right:10px}.chart-bars__texts{width:90px}.chart-bars__text{padding:8px 5px}.chart-bars__animation{width:calc(100% - 90px)}}@keyframes grow-2019{from{right:100%}to{right:calc(1% * (100 - ((100 / 72.611) * 72.611)))}}.percent-2019 .chart-bar__inner{animation-duration:2s;animation-name:grow-2019;right:calc(1% * (100 - ((100 / 72.611) * 72.611)))}@keyframes grow-2018{from{right:100%}to{right:calc(1% * (100 - ((100 / 72.611) * 65.374)))}}.percent-2018 .chart-bar__inner{animation-duration:2.5s;animation-name:grow-2018;right:calc(1% * (100 - ((100 / 72.611) * 65.374)))}@keyframes grow-2017{from{right:100%}to{right:calc(1% * (100 - ((100 / 72.611) * 43.138)))}}.percent-2017 .chart-bar__inner{animation-duration:3s;animation-name:grow-2017;right:calc(1% * (100 - ((100 / 72.611) * 43.138)))}@keyframes grow-2016{from{right:100%}to{right:calc(1% * (100 - ((100 / 72.611) * 29.169)))}}.percent-2016 .chart-bar__inner{animation-duration:3.5s;animation-name:grow-2016;right:calc(1% * (100 - ((100 / 72.611) * 29.169)))}@keyframes grow-2015{from{right:100%}to{right:calc(1% * (100 - ((100 / 72.611) * 15.778)))}}.percent-2015 .chart-bar__inner{animation-duration:4s;animation-name:grow-2015;right:calc(1% * (100 - ((100 / 72.611) * 15.778)))}@keyframes grow-2014{from{right:100%}to{right:calc(1% * (100 - ((100 / 72.611) * 9.803)))}}.percent-2014 .chart-bar__inner{animation-duration:4.5s;animation-name:grow-2014;right:calc(1% * (100 - ((100 / 72.611) * 9.803)))}@keyframes grow-2013{from{right:100%}to{right:94%}}.percent-2013 .chart-bar__inner{animation-duration:3.5s;animation-name:grow-2013;right:94%} |