body{position:relative;font-family:inherit}body .gehirn{background:url(../img/gehirn.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .herz{background:url(../img/herz.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .turm{background:url(../img/hantennen_turm.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .baum{background:url(../img/baum.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .fernrohr{background:url(../img/fernrohr.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .mint{background:url(../img/mint_mensch.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .office{background:url(../img/computer_office.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .antennen{background:url(../img/antennen_turm.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .wappen{background:url(../img/wappen.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .denkblase{background:url(../img/denkblase.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .roboter{background:url(../img/roboter.svg) no-repeat;width:112px;height:110px;background-size:100px 100px;display:inline-block}body .icon-hand-mobile{display:none}@media only screen and (max-width:900px) and (orientation:landscape){body .icon-hand-mobile{display:block;background:url(../img/icon_hand.svg) no-repeat;width:60px;height:60px;background-size:60px 60px;display:inline-block;position:absolute;top:160px;left:20px;z-index:10}}@media only screen and (max-width:600px){body .main-content-report{height:400px}}body #Gehirn .st14,body #Gehirn .st3,body #Gehirn .st4,body #Gehirn .st5,body #Gehirn .st7,body #Gehirn .st8{fill:#ffec4d}body .box{width:450px;position:absolute;background-color:rgba(255,255,255,.9);color:#323b6a;padding:20px;border-radius:10px}body .box .box-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media print,screen and (min-width:40em){body .box{width:550px}}@media print,screen and (min-width:40em){body .box h2{font-size:16px}}@media print,screen and (min-width:40em){body .box p{font-size:14px;margin:0}}body .close{-webkit-mask:url(../img/close-icon.svg) no-repeat;mask:url(../img/close-icon.svg) no-repeat;background-color:#0c3d5d;width:30px;height:30px;position:absolute;top:20px;right:20px;cursor:pointer;-webkit-transition:all .4s;transition:all .4s}body .close:hover{background-color:#ff1313}body h2.box-titel{font-size:22px;line-height:1}body .brain-text{opacity:0;top:230px;left:-600px}@media only screen and (max-width:800px) and (orientation:landscape){body .brain-text{top:200px}}body .brain-text.animation{-webkit-animation-name:brain;animation-name:brain;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .fernrohr-text{opacity:0;top:230px;left:-600px}@media only screen and (max-width:800px) and (orientation:landscape){body .fernrohr-text{top:130px}}body .fernrohr-text.animation{-webkit-animation-name:mikroskop;animation-name:mikroskop;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .roboter-text{opacity:0;top:230px;left:-600px}@media only screen and (max-width:800px) and (orientation:landscape){body .roboter-text{top:130px}}body .roboter-text.animation{-webkit-animation-name:roboter;animation-name:roboter;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .mint-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px) and (orientation:landscape){body .mint-text{top:130px}}body .mint-text.animation{-webkit-animation-name:mint;animation-name:mint;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .office-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px) and (orientation:landscape){body .office-text{top:130px}}body .office-text.animation{-webkit-animation-name:office;animation-name:office;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .herz-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px){body .herz-text{top:130px}}body .herz-text.animation{-webkit-animation-name:herz;animation-name:herz;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .herz-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px){body .herz-text{top:130px}}body .herz-text.animation{-webkit-animation-name:herz;animation-name:herz;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .baum-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px){body .baum-text{top:130px}}body .baum-text.animation{-webkit-animation-name:baum;animation-name:baum;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .wappen-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px){body .wappen-text{top:130px}}body .wappen-text.animation{-webkit-animation-name:wappen;animation-name:wappen;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .antennen-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px){body .antennen-text{top:130px}}body .antennen-text.animation{-webkit-animation-name:antennen;animation-name:antennen;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}body .denkblase-text{opacity:0;top:230px;right:-600px}@media only screen and (max-width:800px){body .denkblase-text{top:130px}}body .denkblase-text.animation{-webkit-animation-name:denkblase;animation-name:denkblase;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes brain{from{left:0;opacity:0}to{left:10%;opacity:1}}@keyframes brain{from{left:0;opacity:0}to{left:10%;opacity:1}}@-webkit-keyframes baum{from{left:0;opacity:0}to{left:10%;opacity:1}}@keyframes baum{from{left:0;opacity:0}to{left:10%;opacity:1}}@-webkit-keyframes wappen{from{left:0;opacity:0}to{left:10%;opacity:1}}@keyframes wappen{from{left:0;opacity:0}to{left:10%;opacity:1}}@-webkit-keyframes antennen{from{right:0;opacity:0}to{right:10%;opacity:1}}@keyframes antennen{from{right:0;opacity:0}to{right:10%;opacity:1}}@-webkit-keyframes denkblase{from{right:0;opacity:0}to{right:10%;opacity:1}}@keyframes denkblase{from{right:0;opacity:0}to{right:10%;opacity:1}}@-webkit-keyframes mikroskop{from{left:0;opacity:0}to{left:15%;opacity:1}}@keyframes mikroskop{from{left:0;opacity:0}to{left:15%;opacity:1}}@-webkit-keyframes roboter{from{left:0;opacity:0}to{left:10%;opacity:1}}@keyframes roboter{from{left:0;opacity:0}to{left:10%;opacity:1}}@-webkit-keyframes mint{from{right:0;opacity:0}to{right:10%;opacity:1}}@keyframes mint{from{right:0;opacity:0}to{right:10%;opacity:1}}@-webkit-keyframes herz{from{right:0;opacity:0}to{right:10%;opacity:1}}@keyframes herz{from{right:0;opacity:0}to{right:10%;opacity:1}}@-webkit-keyframes office{from{right:0;opacity:0}to{right:10%;opacity:1}}@keyframes office{from{right:0;opacity:0}to{right:10%;opacity:1}}body svg{width:100%}body svg #Gehirn,body svg #MINT_Mensch,body svg #Mikroskop,body svg #Roboter{z-index:5;cursor:pointer;position:relative;display:block}body svg #Antennenturm,body svg #Baum,body svg #Cumputer_Office,body svg #Denkblase,body svg #Fernrohr,body svg #Gehirn,body svg #Herz,body svg #MINT_Mensch,body svg #Roboter,body svg #Wappen{-webkit-transition:fill 2s;transition:fill 2s;cursor:pointer;-webkit-transform-origin:center center!important;-ms-transform-origin:center center!important;transform-origin:center center!important}body svg #Antennenturm:hover .st28,body svg #Baum:hover .st28,body svg #Cumputer_Office:hover .st28,body svg #Denkblase:hover .st28,body svg #Fernrohr:hover .st28,body svg #Gehirn:hover .st28,body svg #Herz:hover .st28,body svg #MINT_Mensch:hover .st28,body svg #Roboter:hover .st28,body svg #Wappen:hover .st28{fill:#fff}body svg #Antennenturm:hover .st3,body svg #Baum:hover .st3,body svg #Cumputer_Office:hover .st3,body svg #Denkblase:hover .st3,body svg #Fernrohr:hover .st3,body svg #Gehirn:hover .st3,body svg #Herz:hover .st3,body svg #MINT_Mensch:hover .st3,body svg #Roboter:hover .st3,body svg #Wappen:hover .st3{fill:#fff}body svg #Gehirn{-webkit-animation-name:popup-g;animation-name:popup-g;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:2s;animation-delay:2s}body svg #Fernrohr{-webkit-animation-name:popup-f;animation-name:popup-f;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.5s;animation-delay:.5s}body svg #Baum{-webkit-animation-name:popup-mi;animation-name:popup-mi;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.4s;animation-delay:.4s}body svg #MINT_Mensch{-webkit-animation-name:popup-mint;animation-name:popup-mint;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.9s;animation-delay:.9s}body svg #Denkblase{-webkit-animation-name:popup-denk;animation-name:popup-denk;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.2s;animation-delay:.2s}body svg #Roboter{-webkit-animation-name:popup-rob;animation-name:popup-rob;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s}body svg #Wappen{-webkit-animation-name:popup-w;animation-name:popup-w;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.2s;animation-delay:.2s}body svg #Cumputer_Office{-webkit-animation-name:popup-off;animation-name:popup-off;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.5s;animation-delay:.5s}body svg #Antennenturm{-webkit-animation-name:popup-ant;animation-name:popup-ant;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.9s;animation-delay:.9s}body svg #Herz{-webkit-animation-name:popup-herz;animation-name:popup-herz;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes popup-g{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-g{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-f{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-f{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-mi{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-mi{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-mint{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-mint{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-denk{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-denk{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-rob{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-rob{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-w{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-w{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-off{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-off{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-ant{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-ant{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@-webkit-keyframes popup-herz{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}@keyframes popup-herz{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.005);transform:scale(1.005)}}body .blue-header{height:120px;width:100vw;background-color:#323b6a}@media screen and (min-width:1120px){body .blue-header{height:200px}}@media screen and (min-width:767px){.portrait-mobile-text{display:none}}@media screen and (min-width:320px) and (max-width:767px) and (orientation:portrait){.portrait-mobile-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100vh;background-color:#323b6a}.portrait-mobile-text p{color:#fff;margin-top:30px;font-size:30px}.portrait-mobile-text .mobile-icon{-webkit-mask:url(../img/mobile.svg) no-repeat;mask:url(../img/mobile.svg) no-repeat;background-color:#fff;height:50px;width:50px;margin-right:20px;-webkit-animation-name:mobile;animation-name:mobile;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes mobile{to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes mobile{to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}body .main-content-report{display:none}}@media screen and (min-width:320px) and (max-width:850px) and (orientation:landscape){.portrait-mobile-text{display:none}.blue-header{height:100px}}