@font-face{font-family:'Lato';src:url('lato--v24-normal-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}body{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;font-family:'Lato',sans-serif;background:linear-gradient(135deg,#1a0e5d,#e4215b)}header{text-align:center;height:10vh;color:#fff;width:100%;display:flex;justify-content:center;align-items:center}header,section{max-width:500px;margin:auto}.header-img{background-image:url('../img/jugendforum-landingpage-header.png');@supports (background-image:url('../img/jugendforum-landingpage-header.avif')){background-image:url('../img/jugendforum-landingpage-header.avif')}max-width:400px;max-height:75px;height:calc(100% - 25px);background-size:contain;background-position:center;margin:25px 20px 0 20px;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;width:calc(100% - 20px)}.full-width-box{position:relative;height:45vh;width:100%;color:#fff;padding:0;box-sizing:border-box;overflow:hidden;border-radius:10px}.bg{position:absolute;left:10px;right:10px;width:auto;height:40vh;background-size:cover;background-position:center;z-index:-1;border-radius:10px}#box1 .bg{top:3vh;bottom:0}#box2 .bg{top:0;bottom:2vh}.bg1{background-image:url('../img/Jugendforum-NRW-Stand.jpg');@supports (background-image:url('../img/Jugendforum-NRW-Stand.avif')){background-image:url('../img/Jugendforum-NRW-Stand.avif')}}.bg2{background-image:url('../img/Jugendpresse-Rheinland-gamescom.jpg');@supports (background-image:url('../img/Jugendpresse-Rheinland-gamescom.avif')){background-image:url('../img/Jugendpresse-Rheinland-gamescom.avif')}}.content{position:relative;z-index:1;height:88.888%;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;animation:background-fade 1s ease-in-out forwards}#box1 .content{margin:3vh 10px 0 10px;animation-delay:.5s}#box2 .content{margin:0 10px 0 10px;animation-delay:1s}.content .icon{position:absolute;top:10px;width:30px;height:30px}#icon1{left:10px}#icon2{left:50px}#icon3{left:90px}#icon4{left:130px}#icon5{left:170px}.content .logo{position:absolute;top:5px;right:5px;width:100px;height:auto}.content h2{text-align:center;margin:0 5px 10px 5px;color:#fff;font-size:22px;opacity:0;animation:fade-in .5s ease-out forwards;animation-name:fade-in-top}.content p{text-align:center;margin:0 5px 20px 5px;color:#f0f0f0;font-size:15px;opacity:0;animation:fade-in .5s ease-out forwards;animation-name:fade-in-bottom}.content .button{text-align:center;margin:0 5px 20px 5px;background-color:#f70c5b;padding:10px 20px;text-decoration:none;color:#fff;opacity:0;animation:fade-in .5s ease-out forwards;animation-name:fade-in-bottom}#box1 h2{animation-delay:.5s}#box1 p{animation-delay:.75s}#box1 .button{animation-delay:1s}#box2 h2{animation-delay:1s}#box2 p{animation-delay:1.25s}#box2 .button{animation-delay:1.5s}#impressum{position:absolute;bottom:5px;left:10px;font-size:12px;color:#fff;text-decoration:none}@media only screen and (max-height:700px){body{height:700px}header{height:10%}.full-width-box{height:45%}.bg{height:88.888%}}@keyframes fade-in-top{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes background-fade{0%{background-color:transparent}100%{background-color:rgba(34,34,34,.62)}}