@charset "UTF-8";@font-face{font-family:Roboto;font-weight:100;src:local("Roboto Thin"),local("Roboto-Thin"),url(fonts/Roboto/Roboto-Thin.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(fonts/Roboto/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;src:local("Roboto Regular"),local("Roboto-Regular"),url(fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(fonts/Roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(fonts/Roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:900;src:local("Roboto Black"),local("Roboto-Black"),url(fonts/Roboto/Roboto-Black.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:100;src:local("Roboto ThinItalic"),local("Roboto-ThinItalic"),url(fonts/Roboto/Roboto-ThinItalic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto LightItalic"),local("Roboto-LightItalic"),url(fonts/Roboto/Roboto-LightItalic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;src:local("Roboto Italic"),local("Roboto-Italic"),url(fonts/Roboto/Roboto-Italic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto BoldItalic"),local("Roboto-BoldItalic"),url(fonts/Roboto/Roboto-BoldItalic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:local("Roboto BlackItalic"),local("Roboto-BlackItalic"),url(fonts/Roboto/Roboto-BlackItalic.ttf) format("truetype")}html,body{height:100%;overflow:hidden;cursor:default}*{box-sizing:border-box;margin:0;padding:0;list-style:none;border:0 none;background:none;cursor:inherit;-webkit-tap-highlight-color:transparent;outline:0 none}sup{font-size:50%;vertical-align:super;line-height:0}a{color:inherit;text-decoration:none}a[href]{cursor:pointer}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:visible;cursor:pointer}body{font:normal 14px/125% Roboto,Arial,Helvetica,sans-serif;background:#131f2a url(img/bg.jpg) no-repeat;background-size:cover;color:white;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main>.map{width:100%;position:absolute;top:50%;left:0;right:0;min-height:62.5vw;background:url(img/map.png) no-repeat 50% 50%;background-size:contain;margin-top:-31.25vw}body.zoom-in #main .map,body.zoom-in #main #map{-webkit-transform:scale(2);transform:scale(2);transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}#logo-planet-schule{display:inline-block;overflow:hidden;width:145px;height:40px;background:url(img/logo_planet_schule.png) no-repeat 50% 50%;background-size:145px 32px;text-indent:-999em;margin:0 0 0 2em}header#page-header{display:block;overflow:hidden;position:absolute;top:0;left:0;right:0;width:100%;height:40px;background:#e2e7f5;color:#2466d7;z-index:1000;-webkit-transform:translateZ(0);transform:translateZ(0)}header#page-header nav{float:right;margin:0 1em 0 0}header#page-header nav ul,header#page-header nav ul li{display:inline}header#page-header a{height:40px;line-height:40px;padding:0 1em;cursor:pointer;display:inline-block;transition:all .5s ease}header#page-header a:hover{color:#12336c}#logo-kippelemente{text-transform:uppercase;color:white;font:normal 30px/36px Roboto,Arial,Helvetica,sans-serif;position:absolute;top:54vw;left:50%;width:560px;height:560px;-webkit-transform:translate(-240px,-96px) rotate(45deg) scale(.8);transform:translate(-240px,-96px) rotate(45deg) scale(.8);z-index:30}#logo-kippelemente>span,#logo-kippelemente>strong{display:block;position:absolute;top:0;left:0;background:#c71f6e;height:36px;line-height:36px;padding:0 5px;white-space:nowrap;cursor:pointer}#logo-kippelemente>span{text-align:right;width:246px;background:linear-gradient(to right,rgba(199,31,110,0) 0,#e34f2e 100%);-webkit-transform:rotate(-90deg) translate(-140px,-105px);transform:rotate(-90deg) translate(-140px,-105px);padding-right:2px}#logo-kippelemente>strong{background:linear-gradient(to right,#e34f2e 0,#e4502d 100%)}#error-message{position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,.75);padding:10vw 25vw}#error-message h1{font-weight:100;font-size:3em;margin:1em 0}#error-message p{font-size:1.5em;line-height:125%;margin:0 0 .5em}.fade-out-enter{opacity:0;visibility:hidden}.fade-out-enter.fade-out-enter-active{opacity:1;visibility:visible;transition:all .01s ease-in}.fade-out-leave{opacity:1;visibility:visible}.fade-out-leave.fade-out-leave-active{opacity:0;visibility:hidden;transition:all .3s ease-out}.fade-zoom-enter{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);visibility:hidden}.fade-zoom-enter.fade-zoom-enter-active{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease-in}.fade-zoom-enter#details-view{-webkit-transform:scale(1);transform:scale(1);opacity:1}.fade-zoom-enter#details-view>.close{margin-left:-128px;transition:all .5s ease-in}.fade-zoom-enter#details-view #timeline{opacity:0}.fade-zoom-enter#details-view>#details-boxes .text-box,.fade-zoom-enter#details-view>#details-boxes .key-points{-webkit-transform:translate(670px,0);transform:translate(670px,0);transition:all .5s ease-in}.fade-zoom-enter#details-view>#details-boxes .toggle-box{opacity:0}.fade-zoom-enter#details-view>#detail-map{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.fade-zoom-enter#details-view.fade-zoom-enter-active>.close{margin-left:0}.fade-zoom-enter#details-view.fade-zoom-enter-active #timeline{opacity:1;transition:all .5s ease-in}.fade-zoom-enter#details-view.fade-zoom-enter-active>#details-boxes .text-box,.fade-zoom-enter#details-view.fade-zoom-enter-active>#details-boxes .key-points{-webkit-transform:translate(0,0);transform:translate(0,0)}.fade-zoom-enter#details-view.fade-zoom-enter-active>#details-boxes .toggle-box{opacity:1;transition:opacity .25s ease-in .5s}.fade-zoom-enter#details-view.fade-zoom-enter-active>#detail-map{-webkit-transform:scale(1);transform:scale(1);opacity:1.0;transition:all .5s ease-in}.fade-zoom-leave{opacity:1;visibility:visible}.fade-zoom-leave.fade-zoom-leave-active{opacity:0;visibility:hidden;transition:all .5s ease-out}.fade-zoom-leave.fade-zoom-leave-active#details-view{-webkit-transform:scale(1);transform:scale(1);opacity:1}.fade-zoom-leave.fade-zoom-leave-active#details-view>#details-boxes .text-box,.fade-zoom-leave.fade-zoom-leave-active#details-view>#details-boxes .key-points,.fade-zoom-leave.fade-zoom-leave-active#details-view>#details-boxes .toggle-box{-webkit-transform:translate(670px,0);transform:translate(670px,0);transition:all .5s ease-out}.fade-zoom-leave.fade-zoom-leave-active#details-view>.close{-webkit-transform:translate(-192px,-92px) rotate(-45deg);transform:translate(-192px,-92px) rotate(-45deg);transition:all .5s ease-out}.fade-zoom-leave.fade-zoom-leave-active#details-view #timeline{opacity:0;transition:all .5s ease-out}.fade-zoom-leave.fade-zoom-leave-active#details-view>#detail-map{opacity:0;transition:all .5s ease-out}.tilt-pin-enter{opacity:0;visibility:hidden}.tilt-pin-enter .tilter{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tilt-pin-enter.tilt-pin-enter-active{opacity:1;visibility:visible;transition:all 1s ease-in}.tilt-pin-enter.tilt-pin-enter-active .tilter{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all 1s cubic-bezier(.72,0,1,.5)}.tilt-pin-leave{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.tilt-pin-leave.tilt-pin-leave-active{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);visibility:hidden;transition:all .5s ease-out}#frontpage{position:absolute;left:0;top:0;width:100vw;height:100vh;margin:0}#frontpage #logo-kippelemente{background:#131f2a;top:50%;-webkit-transform:translate(-240px,-76px) rotate(45deg);transform:translate(-240px,-76px) rotate(45deg)}#frontpage #logo-kippelemente:after{display:block;content:"\00a0";position:absolute;background:#131f2a;width:800px;height:800px;left:514px;top:-243px}#frontpage a.start{color:white;background:linear-gradient(to right,#c71f6e 0,#e4502d 100%);text-align:center;width:378px;font-weight:700;font-size:16px;height:42px;line-height:42px;border:0 none;position:absolute;top:50%;left:50%;margin-top:-42px;margin-left:218px;width:316px;z-index:10;text-transform:uppercase}#frontpage a.start:before,#frontpage a.start:after{position:absolute;display:block;content:"\00a0";overflow:hidden;width:1px;height:1px}#frontpage a.start:before{background:#c71f6e;width:42px;height:42px;top:0;left:-42px}#frontpage a.start:after{top:-1px;right:-42px;border:0 none transparent;border-right:42px solid transparent;border-bottom:42px solid #e4502d}#frontpage .content-box{background:#131f2a;position:absolute;top:50vh;left:50vw;width:576px;min-height:180px;padding:0 0 0 2em;font-size:16px;line-height:20px;color:#eceff8;z-index:50}#frontpage .content-box p{margin:2em 0 0}#frontpage .square{border:8px solid #1a54ba;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#78858b;background-size:cover;position:absolute;top:50vh;left:50vw}#frontpage .sq-a{width:524px;height:524px;-webkit-transform:translate(-642px,-104px) rotate(45deg);transform:translate(-642px,-104px) rotate(45deg);background-image:url(img/amazon.jpg);z-index:100}#frontpage .sq-b{-webkit-transform:translate(90px,-464px) rotate(45deg);transform:translate(90px,-464px) rotate(45deg);width:512px;height:512px;background-image:url(img/north-pole.jpg)}#frontpage .sq-c{-webkit-transform:translate(-320px,-367px) rotate(45deg);transform:translate(-320px,-367px) rotate(45deg);width:320px;height:320px;background-image:url(img/desert.jpg)}#map{top:0;bottom:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;position:absolute;top:50%;left:0;right:0;min-height:62.5vw;margin-top:-31.25vw}#map .pin{position:absolute;top:25vw;left:50vw;display:block}#map .pin>.tilter{position:relative;display:inline-block;line-height:22px;padding:0 6px;font-size:13px;font-weight:700;height:20px;min-width:40px;max-width:55px;top:-20px;background:#e34f2e}#map .pin>.tilter .flag{content:"\00a0";display:block;position:absolute;top:-25px;left:0;height:25px;width:20px;background:inherit}#map .pin .title{position:absolute;top:0;left:0;display:block;background:rgba(26,41,61,.7);text-transform:uppercase;color:white;font-weight:700;font-size:14px;line-height:17px;padding:6px 16px;transition:all .5s ease}#map .pin:hover .title{background-color:rgba(26,41,61,.9)}#map .pin>.tilter,#map .pin .title{cursor:pointer}#thermometer{display:block;width:143px;height:298px;position:absolute;left:2vw;top:20vw;padding-left:80px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:pointer}#thermometer:after{display:block;position:absolute;top:0;right:0;width:63px;height:298px;content:"\00a0";background:url(img/thermometer.png) no-repeat bottom right;background-size:63px 298px;z-index:10}#thermometer .groove{position:absolute;top:29px;left:0;height:81%;width:100%}#thermometer .groove .hg{position:absolute;top:auto;bottom:0;right:33px;transition:height .3s ease;width:11px;height:32px;overflow:hidden}#thermometer .groove .hg>div{background:#e34f2e;background:linear-gradient(to bottom,#c71f6e 0,#e4502d 100%);position:absolute;bottom:0;left:0;height:242px;width:100%}#thermometer .groove:after{display:block;position:absolute;bottom:-20px;right:23px;border-radius:50%;content:"\00a0";background:#e34f2e;width:32px;height:32px}#thermometer.dragging,#thermometer.dragging *{cursor:-webkit-grabbing;cursor:grabbing}#thermometer.dragging #indicator{transition:background-color .3s ease}#indicator{display:block;font-size:20px;font-weight:700;width:72px;height:30px;line-height:30px;background:#d33059;text-align:center;position:absolute;top:auto;left:4px;margin-bottom:-15px;transition:all .3s ease;z-index:20;padding-left:22px}#indicator,#indicator *{cursor:-webkit-grab;cursor:grab}#indicator b{position:absolute;display:block;background:rgba(0,0,0,.2);top:0;left:0;width:22px;height:30px}#indicator b:before,#indicator b:after{position:absolute;display:block;overflow:hidden;content:"\00a0";opacity:.6;border-top:1px solid white;border-bottom:1px solid white;top:12px;left:5px;width:12px;height:3px}#indicator b:after{border-bottom:0 none;top:14px}#indicator:after{position:absolute;display:block;content:"\00a0";overflow:hidden;top:8px;right:-6px;width:14px;height:14px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@-webkit-keyframes hint-anim{0%{border-color:#fff}100%{border-color:#222}}@keyframes hint-anim{0%{border-color:#fff}100%{border-color:#222}}#thermometer .handle-hint{position:absolute;bottom:68px;left:42px}#thermometer .handle-hint>div{position:absolute;border-top:2px solid #444;border-left:2px solid #444;width:8px;height:8px;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:hint-anim 1s linear infinite;animation:hint-anim 1s linear infinite}#thermometer .handle-hint>div.arr1{bottom:16px;-webkit-animation-delay:.333s;animation-delay:.333s}#thermometer .handle-hint>div.arr2{bottom:8px;-webkit-animation-delay:.167s;animation-delay:.167s}#thermometer .handle-hint>div.arr3{bottom:0}#thermometer .hint-box{position:absolute;top:50%;margin-top:-60px;left:160px;width:300px;background:rgba(0,0,0,.7);color:white;text-transform:uppercase;font-weight:500;z-index:1000}#thermometer .hint-box p{padding:1em}#thermometer .hint-box:before{content:"\00a0";position:absolute;left:-8px;top:50%;margin-top:-8px;border-right:8px solid rgba(0,0,0,.7);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:0 none;overflow:hidden;height:1px;width:1px}.area-animations>.area-animation{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.area-animations>.area-animation>canvas{width:100%;height:100%}.area-animations .animation-arctic-sea-ice{top:6.6vw;left:0;width:100vw;height:6vw}.area-animations .animation-greenland-ice-sheet{top:7.9vw;left:29.3vw;width:18vw;height:7vw}.area-animations .animation-west-antarctic-ice-sheet{top:45.25vw;left:10vw;width:40.5vw;height:11.5vw}.area-animations .animation-boreal-woods{top:9.6vw;left:3vw;width:94vw;height:10vw}.area-animations .animation-amazon-rainforest{top:27.5vw;left:27vw;width:11vw;height:9.5vw}.area-animations .animation-el-nino-and-southern-oscillation{top:16.5vw;left:-1.5vw;width:49vw;height:33vw}.area-animations .animation-westafrican-monsun{top:26.25vw;left:42.75vw;width:20vw;height:8vw}.area-animations .animation-indian-summer-monsoon{top:21.5vw;left:69vw;width:8vw;height:8vw}.area-animations .animation-atlantic-thermohaline-circulation{top:9.5vw;left:24vw;width:27vw;height:25vw}#details-view{position:absolute;top:40px;left:0;width:100%;height:100%}#details-view .close{position:absolute;display:block;top:0;left:0;font-size:32px;width:180px;height:180px;background:#c71f6e;background:linear-gradient(to right,#c71f6e 0,#e4502d 100%);-webkit-transform:translate(-92px,-92px) rotate(-45deg);transform:translate(-92px,-92px) rotate(-45deg);text-indent:-999em;color:white}#details-view .close:after{position:absolute;display:block;content:"\00a0";bottom:24px;left:50%;margin-left:-12px;width:24px;height:24px;background:url(img/btn_close_icon.png) no-repeat 50% 50%;background-size:24px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#details-view .text-box{position:absolute;background:white;top:0;left:auto;right:0;color:#131f2a;padding:20px 30px;width:760px;height:360px;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;z-index:500}#details-view .text-box .content{width:100%;height:100%}#details-view .text-box .temperature-range{background:#e4502d;color:white;font-weight:500;font-size:14px;height:30px;line-height:30px;padding:.1em .5em}#details-view .text-box h1{font-weight:700;font-size:32px;line-height:34px;text-transform:uppercase;margin:8px 0 16px}#details-view .text-box p{font-size:14px;line-height:20px;color:black}#details-view .toggle-box{position:absolute;right:760px;top:54px;width:65px;height:50px;color:white;overflow:hidden;text-indent:-999em;cursor:pointer}#details-view .toggle-box:before{content:"\00a0";position:absolute;top:0;left:-8px;background:red;width:200%;height:200%;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#e34f2e;background:linear-gradient(to top,#c71f6e 25%,#e4502d 75%)}#details-view .toggle-box>span:before,#details-view .toggle-box>span:after{content:"\00a0";display:block;position:absolute;top:16px;left:18px;border-top:5px solid white;border-right:5px solid white;width:12px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .5s ease}#details-view .toggle-box>span:before{margin-left:14px}#details-view .text-box,#details-view .toggle-box{-webkit-transform:translateZ(0);transform:translateZ(0);transition:all 1s ease .1s}#details-view .hidden .text-box{right:-760px}#details-view .hidden .key-points{right:-560px}#details-view .hidden .toggle-box{right:0}#details-view .hidden .toggle-box>span:before,#details-view .hidden .toggle-box>span:after{-webkit-transform:translate(5px,0) rotate(-135deg);transform:translate(5px,0) rotate(-135deg)}#details-view .key-points{text-transform:uppercase;position:absolute;left:auto;right:0;width:560px;top:340px;z-index:600;transition:all 1s ease .1s}#details-view .key-points>ul{background:#1a54ba;color:white;font-size:16px;font-weight:700;display:block;padding:12px 4px}#details-view .key-points>ul>li{padding:4px 4px 4px 32px;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;position:relative;line-height:125%}#details-view .key-points>ul>li:before{position:absolute;top:4px;left:16px;display:inline;content:"—"}#details-view .key-points>div{background:white;color:#131f2a;font-size:14px;padding:16px 20px 24px}#details-view .timespan{position:relative}#details-view .timespan strong{font-weight:500}#details-view .timespan .timeline{position:absolute;left:100px;top:16px;width:440px;height:16px;background:#d1ddf1}#details-view .timespan .timeline>div{position:absolute;top:0;left:0;height:100%;width:50%;max-width:100%;background:#1a54ba}#details-view .timespan .timespan-value{color:#1a54ba;font-weight:500;position:absolute;right:0;top:18px;white-space:nowrap}#timeline{position:absolute;left:80px;bottom:128px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100}#timeline .knob{width:32px;height:32px;border:3px solid white;border-radius:50%;background:linear-gradient(to top,#c71f6e 0,#e4502d 100%);position:absolute;bottom:4px;left:4px;cursor:-webkit-grab;cursor:grab;transition:all .5s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0)}#timeline .knob>div{position:absolute;left:48px;top:-50%;background:#1a54ba;width:320px;padding:10px}#timeline .knob>div:before{display:block;content:"\00a0";width:1px;height:1px;overflow:hidden;position:absolute;left:-8px;top:50%;margin-top:-8px;border-top:8px solid transparent;border-left:0 none;border-bottom:8px solid transparent;border-right:8px solid #1a54ba}#timeline.dragging,#timeline.dragging .groove,#timeline.dragging .knob{cursor:-webkit-grabbing;cursor:grabbing}#timeline.dragging .knob{transition:none}#timeline ul,#timeline ul>li{display:block;position:relative}#timeline ul>li{width:40px;height:40px;line-height:40px;border-radius:50%;background:#1a54ba;color:#1a2e4e;font-weight:700;font-size:18px;text-align:center;margin-top:48px;cursor:pointer}#timeline ul>li:first-child{margin-top:0}#timeline ul:before{width:10px;height:100%;position:absolute;left:50%;margin-left:-5px;background:#1a54ba;content:"\00a0";bottom:0}#detail-map{width:100%;height:100%;background:#131f2a}#detail-map>div{position:absolute;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#131f2a none no-repeat 50% 50%;background-size:cover;opacity:0;transition:opacity 2s ease}#details-view.step-1 #timeline .knob{bottom:4px}#details-view.step-1 #detail-map>.step-1{opacity:1.0}#details-view.step-1 #detail-map>.step-2{opacity:1.0}#details-view.step-1 #detail-map>.step-3{opacity:1.0}#details-view.step-2 #timeline .knob{bottom:92px}#details-view.step-2 #detail-map>.step-2{opacity:1.0}#details-view.step-2 #detail-map>.step-3{opacity:1.0}#details-view.step-3 #timeline .knob{bottom:180px}#details-view.step-3 #detail-map>.step-3{opacity:1.0}body .arte-future{display:none}body .planet-schule{display:inline}body.arte-future .arte-future{display:inline}body.arte-future .planet-schule{display:none}body.arte-future #details-view{top:0}@media(max-width:1156px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}#frontpage .content-box p{max-width:45vw}}@media(max-width:1024px){#frontpage{margin-left:-20vw}#frontpage .content-box p{max-width:60vw}#logo-kippelemente{-webkit-transform:translate(-240px,-112px) rotate(45deg) scale(.6);transform:translate(-240px,-112px) rotate(45deg) scale(.6)}#error-message{font-size:.85em}}@media(min-width:1024px){#wrapper{position:relative;overflow:hidden;width:100%;height:100%}}@media(max-height:720px){#frontpage{margin-top:-10vh}}@media(max-width:800px){#map .pin>.tilter,#map .pin .title{font-size:9px;line-height:12px}#map .pin>.tilter{height:12px;top:-16px}#map .pin>.tilter .flag{width:12px;height:12px;top:-12px;padding:3px 8px}#thermometer{-webkit-transform:scale(.75);transform:scale(.75);top:auto;bottom:0;left:0}#details-view{top:20px}#details-view .close{-webkit-transform:translate(-90px,-90px) scale(.5) rotate(-45deg);transform:translate(-90px,-90px) scale(.5) rotate(-45deg)}#details-view .text-box{width:85vw;height:260px;padding:5px 10px}#details-view .text-box .temperature-range{font-size:9px;height:20px;line-height:20px}#details-view .text-box h1{font-size:14px;line-height:1.25em;margin:0 5px 5px 0}#details-view .text-box p{font-size:12px;line-height:14px}#details-view .key-points{top:240px;width:80.75vw}#details-view .key-points>ul{padding:8px 0;font-size:11px}#details-view .key-points>ul>li{font-size:11px}#details-view .toggle-box{right:85vw;-webkit-transform:scale(.5) translate(33px,-32px);transform:scale(.5) translate(33px,-32px)}#details-view #timeline{-webkit-transform:scale(.667);transform:scale(.667);left:40px;bottom:40px;top:auto}#details-view .timespan{font-size:12px}#details-view .timespan .timeline{width:63.75vw}header#page-header{height:20px}header#page-header a{height:20px;line-height:20px;font-size:9px}#logo-planet-schule{height:20px;width:72.5px;background-size:72.5px 16px;margin:0 0 0 1em}}@media(max-height:560px){#frontpage{-webkit-transform:scale(.667);transform:scale(.667)}}