.parallax{height:500px;height:85vh;overflow-x:hidden;overflow-y:auto;-webkit-perspective:300px;perspective:300px;border:2px solid red;box-sizing:border-box}.parallax__group{position:relative;height:500px;height:85vh;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.parallax__layer{position:absolute;top:0;left:0;right:0;bottom:0}.parallax__layer--fore{-webkit-transform:translateZ(90px) scale(0.7);transform:translateZ(90px) scale(0.7);z-index:1}.parallax__layer--base{-webkit-transform:translateZ(0);transform:translateZ(0);z-index:4}.parallax__layer--back{-webkit-transform:translateZ(-300px) scale(2);transform:translateZ(-300px) scale(2);z-index:3}.parallax__layer--deep{-webkit-transform:translateZ(-600px) scale(3);transform:translateZ(-600px) scale(3);z-index:2}.debug{position:fixed;top:0;left:0.5em;z-index:999;background:rgba(0, 0, 0, 0.85);color:#fff;padding:0.5em;border-radius:0 0 5px 5px}.debug-on .parallax__group{-webkit-transform:translate3d(800px, 0, -800px) rotateY(30deg);transform:translate3d(700px, 0, -800px) rotateY(30deg)}.debug-on .parallax__layer{box-shadow:0 0 0 2px #000;opacity:0.9}.parallax__group{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s}body,html{overflow:hidden}*{margin:0;padding:0}.title{width:100%;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#group1{z-index:5}#group1 .parallax__layer--base{background:#6c6}#group1 .parallax__layer--base img{margin:0 auto 0 auto}#group2{z-index:3}#group2 .parallax__layer--back{border:2px solid red;box-sizing:border-box}#group3{z-index:4}#group3 .parallax__layer--base{background:rgba(153, 216, 101, 0.7);border:1px solid blue;box-sizing:border-box}#group4{z-index:2}#group4 .parallax__layer--deep{background-image:url("../../files/theme2/CSS-5-PARALLAX-TESTS/mondbild.jpg")}.base-layergoup-4{height:110vh;margin-top:124vh;background-color:#e9e9e9}#group4 .parallax__layer--back{color:#fff}#group5{z-index:3}#group5 .parallax__layer--base{background:#d6e564;background:white;border:2px solid magenta;box-sizing:border-box}#group5 img{height:auto;width:70%;margin:0 auto 0 19%}#group6{z-index:2}#group6 .parallax__layer--back{background:#f5eb64}#group7{z-index:3}#group7 .parallax__layer--base{background:#fff164}.demo__info{display:none;position:absolute;z-index:100;bottom:1vh;top:auto;font-size:80%;text-align:center;width:100%}#main{width:100%;height:100%;margin-top:0;border:3px solid blue;box-sizing:border-box}#main .inside{min-height:1px;margin-top:0rem}.mod_article.first.block,.mod_article{padding:0}.parallax h1{font-size:3.5rem}.parallax h1,.parallax h2,.parallax h3,.parallax h4{margin:0 0 1rem 0;font-family:Open Sans Condensed, sans-serif;line-height:120%;font-weight:400;color:#D8D8D5;letter-spacing:0.04rem;word-spacing:0.04rem}@media screen and (max-width:1920px){}@media screen and (max-width:1680px){}@media screen and (max-width:1440px){}@media screen and (max-width:1366px){}@media screen and (max-width:1280px){}@media screen and (max-width:1024px){}@media screen and (max-width:900px){}@media screen and (max-width:800px) and (orientation:portrait){html{font-size:85%}}@media screen and (max-width:768px){html{font-size:84%}}@media only screen and (max-width:736px) and (orientation:landscape){html{font-size:83%}}@media only screen and (max-width:480px){html{font-size:88%}}@media only screen and (max-width:414px) and (orientation:portrait){html{font-size:92%}}@media only screen and (max-width:375px) and (orientation:portrait){html{font-size:88%}}@media only screen and (max-width:320px){html{font-size:90%}}@media only screen and (max-width:280px){html{font-size:100%}}