.backWrap{position:absolute;top:0;right:0;left:0;bottom:0;height:100%}@media only screen and (min-width:1024px){.backWrap{transform:translateZ(-10px) scale(2)}}@media only screen and (max-width:1024px){.backWrap{top:52.5px}}.background{width:100%;z-index:-1;position:absolute;top:0;right:0;left:0;object-fit:cover;height:500px}@media only screen and (max-width:1024px){.background{height:170px}}.background:after{content:"";position:absolute;right:0;bottom:0;left:0;height:100px;background:linear-gradient(180deg,hsla(0,0%,6%,0),hsla(0,0%,6%,.8) 60%,#0f0f0f 80%)}.background img{width:100%;height:100%;object-fit:cover;opacity:0;transition:all .2s}@media only screen and (max-width:500px){.background img{width:auto;height:170px}}@media only screen and (max-width:1024px){.background img{width:100%;height:100%}}.background img[data-fully-loaded=true]{opacity:1}h1.breadcrumb{color:#fff;padding:0 1rem;margin:0;overflow:hidden;flex-shrink:0;height:3.25rem;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center}@media only screen and (max-width:768px){h1.breadcrumb{white-space:wrap;height:auto;padding:1rem}}header{width:100%;z-index:0;position:absolute;top:0;right:0;left:0;height:100%}@media only screen and (min-width:1024px){header{transform:translateZ(-5px) scale(1.5)}}header .logo-container{position:absolute;top:0;left:50%;transform:translate(-50%);max-width:1100px;width:100%;height:420px;z-index:200;display:flex;align-items:center}@media only screen and (max-width:1024px){header .logo-container{height:235px}}header .logo-container h1{text-indent:-9999px}header .logo-container .logo{position:absolute;top:50%;transform:translateY(-50%);width:auto!important;height:auto!important;max-height:150px;max-width:350px;transition:all 25ms;opacity:0}header .logo-container .logo.left{left:2rem}header .logo-container .logo.center{left:50%;transform:translateX(-50%)}header .logo-container .logo.right{right:2rem}@media only screen and (max-width:1024px){header .logo-container .logo,header .logo-container .logo.center,header .logo-container .logo.left,header .logo-container .logo.right{left:1rem;max-height:70px;max-width:180px;top:50%}}header .logo-container .logo[data-fully-loaded=true]{opacity:1}@container carousel (min-width: 300px){.carousel .carousel-main:hover button{opacity:1}.carousel .carousel-main button{opacity:.5;position:absolute;background:hsla(0,0%,39%,.7);padding:1rem 0}.carousel .carousel-main button.back{left:.25rem}.carousel .carousel-main button.forward{right:.25rem}}.carousel{margin:0 auto;display:flex;flex-direction:column;justify-content:center;position:relative;gap:1rem;width:100%}.carousel-main{display:flex;gap:.5rem;align-items:center;overflow:hidden;flex:1 0 auto}.carousel-main button{background:#646464;padding:2rem .5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:all .2s;border-radius:.5rem}@container carousel (max-width: $mobile-width){.carousel-main button{padding:2rem .5rem}}.carousel-main button.back{left:.5rem}.carousel-main button.forward{right:0}.carousel-main button svg{width:1.5rem;height:1.5rem;fill:#fff;transition:all .2s}.carousel-main button:hover{background:hsla(0,0%,100%,.9);border-color:#0f0f0f}.carousel-main button:hover svg{fill:#0f0f0f}.carousel-main .lightbox-fullscreen-toggle{display:none}.carousel-main .carousel-slides{overflow:hidden;width:100%}.carousel-main .carousel-slides .carousel-container{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1 1 100%;position:relative;transition:all .2s}.carousel-main .carousel-slides .carousel-container .slide{display:flex;flex-direction:row;flex:1 0 100%;order:4}.carousel-main .carousel-slides .carousel-container .slide.no-transition{transition:none}.carousel-main .carousel-slides .carousel-container .slide.current{order:1}.carousel-main .carousel-slides .carousel-container .slide.next{order:2}.carousel-main .carousel-slides .carousel-container .slide.prev{order:0}.carousel-main .carousel-slides .carousel-container .slide a{display:block;width:100%}.carousel hr{border:none;border-bottom:1px solid #646464}.carousel .carousel-navigation{margin:0 auto}.carousel .carousel-navigation .select-box{position:relative}.carousel .carousel-navigation .select-box select{padding:.25rem 2rem .25rem .5rem;border-radius:.5rem;background:#646464;border:1px solid #fff;min-width:100px}.carousel .carousel-navigation .select-box svg{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);fill:#fff;width:1.5rem;height:1.5rem;pointer-events:none}.carousel .carousel-navigation.thumbnails{justify-content:flex-start;margin:0;align-items:stretch}.carousel .carousel-navigation.thumbnails .toggle-thumbnail{position:absolute;bottom:100%;left:.5rem;background:rgba(35,35,35,.75);padding:0 .5rem;border-radius:.5rem .5rem 0 0;display:none;width:2.5rem;height:2.5rem;transition:all .2s;cursor:pointer;flex-direction:row;align-items:center;justify-content:center}.carousel .carousel-navigation.thumbnails .toggle-thumbnail:not(.expanded) svg{transform:rotate(180deg)}.carousel .carousel-navigation.thumbnails .toggle-thumbnail svg{margin:auto;width:1.5rem;height:1.5rem;fill:#999;transition:all .2s}.carousel .carousel-navigation.thumbnails .toggle-thumbnail:hover svg{fill:#fff}.carousel .carousel-navigation.thumbnails .carousel-navigation-slider{display:flex;align-items:center;gap:.5rem;overflow-y:hidden;overflow-x:auto;height:100%}.carousel .carousel-navigation.thumbnails .carousel-navigation-slider .slide{background:rgba(71,71,71,.75);border:4px solid rgba(71,71,71,.75);display:flex;align-items:center;opacity:.7;cursor:pointer;min-width:60px;height:100%;aspect-ratio:1/1}.carousel .carousel-navigation.thumbnails .carousel-navigation-slider .slide.current{opacity:1;border-color:#5b5b5b}.carousel .carousel-navigation.thumbnails .carousel-navigation-slider .slide figure{aspect-ratio:1/1;overflow:hidden}.carousel .carousel-navigation.thumbnails .carousel-navigation-slider .slide figure img{object-fit:cover!important;aspect-ratio:1/1!important;width:100%;height:auto}.images.gallery{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:min-content;grid-gap:1rem;gap:1rem;width:100%}.images.gallery .carousel .slide{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:1rem;width:100%}.images.gallery figure{grid-column:span 4;aspect-ratio:1/1;overflow:hidden;border:1px solid #484848;position:relative}.images.gallery figure .zoom{position:absolute;width:100%;height:100%;background:rgba(72,72,72,.8);z-index:20;opacity:0;transition:all .2s}.images.gallery figure .zoom svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;z-index:20;fill:#fff;transition:all .2s}.images.gallery figure:hover .zoom{opacity:1}.images.gallery figure:hover .zoom svg{transform:translate(-50%,-50%) scale(1.2)}.images.gallery figure img{object-fit:cover;aspect-ratio:1/1!important;z-index:1}.images{container-type:inline-size;container-name:carousel;width:100%}.images:not(.images.float-left,.images.float-right){margin:0 auto}.images .slide,.images figure{overflow:hidden}.images figure{display:flex;flex-direction:column;flex:1 0 100%;position:relative}.images figure.hover{cursor:pointer}.images figure[data-elm=parallax] img{transform:scale(1.2)}.images figure.effect-zoom{cursor:pointer}.images figure.effect-zoom img{transition:transform .2s}.images figure.effect-zoom:hover img{transform:scale(1.1)}.images figure.effect-opacity{cursor:pointer}.images figure.effect-opacity img{transition:all .2s;opacity:1}.images figure.effect-opacity:hover img{opacity:.75}.images figure img{width:100%;height:auto;object-fit:contain;position:relative}.images figure figcaption{position:absolute;right:0;bottom:0;left:0;padding:.5rem;background:rgba(71,71,71,.75)}[aria-label=Demo] .images,[aria-label=Magazins] .images{display:flex;align-items:center}.lightbox-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1000}.lightbox-container .lightbox{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;max-height:100%;height:100%}.lightbox-container .lightbox .lightbox-topbar{width:100%;color:#999;background:rgba(35,35,35,.75);padding:.5rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;z-index:1000}.lightbox-container .lightbox .lightbox-topbar .count{flex:1 1}.lightbox-container .lightbox .lightbox-topbar .caption{flex:3 1;text-align:center}.lightbox-container .lightbox .lightbox-topbar .actions{flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1rem}.lightbox-container .lightbox .lightbox-topbar .actions .zoomAndReset{display:flex;flex-direction:row;align-items:center;gap:.5rem}.lightbox-container .lightbox .lightbox-topbar .actions .zoomAndReset button{margin:0}.lightbox-container .lightbox .lightbox-topbar button{display:flex;flex-direction:row;align-items:center;margin:0;padding:.25rem;background:#2f2f2f;border-radius:.25rem;transition:all .1s;cursor:pointer}.lightbox-container .lightbox .lightbox-topbar button.lightbox-fullscreen-toggle{margin:0}.lightbox-container .lightbox .lightbox-topbar button:disabled{opacity:.5}.lightbox-container .lightbox .lightbox-topbar button:hover:not(:disabled){background:#000}.lightbox-container .lightbox .lightbox-topbar button:hover:not(:disabled) svg{fill:#fff}.lightbox-container .lightbox .lightbox-topbar button svg{width:1.5rem;height:1.5rem;fill:#ccc;transition:all .1s}.lightbox-container .ReactModal__Overlay{cursor:pointer}.lightbox-container .ReactModal__Content{top:1rem;left:50%;bottom:1rem;transform:translateX(-50%);padding:0;border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,.25);cursor:auto}.lightbox-container .carousel.fullscreen .lightbox-topbar{top:-100%}.lightbox-container .carousel.fullscreen .carousel-container figure figcaption{display:none}.lightbox-container .carousel.fullscreen .carousel-navigation{bottom:-5rem!important}.lightbox-container .carousel.fullscreen .carousel-navigation .carousel-navigation-slider,.lightbox-container .carousel.fullscreen .carousel-navigation .toggle-thumbnail{display:none!important}.lightbox-container .images{float:none;max-height:100%;height:100%;margin:0;flex:1 1;overflow:hidden}.lightbox-container .images .carousel{max-height:100%;height:100%;overflow:hidden;gap:0}.lightbox-container .images .carousel .carousel-main{height:auto;flex:1 1}.lightbox-container .images .carousel .carousel-main .image{padding:.5rem}.lightbox-container .images .carousel .carousel-main .image img{transition:all .2s;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox-container .images .carousel .carousel-main .image figcaption{display:none}.lightbox-container .images .carousel .carousel-navigation{width:100%;background:#232323;transition:all .1s;padding:0;height:0;position:relative}.lightbox-container .images .carousel .carousel-navigation.expanded{padding:.5rem;height:5rem}.lightbox-container .images .carousel .carousel-navigation .toggle-thumbnail{display:flex}.lightbox-container .images .carousel .carousel-navigation .slide{margin:auto 0}.lightbox-container .images .carousel .carousel-main{height:100%;width:auto}.lightbox-container .images .carousel .carousel-main button{padding:2rem .5rem}.lightbox-container .images .carousel .carousel-main button.back{left:.5rem}.lightbox-container .images .carousel .carousel-main button.forward{right:.5rem}.lightbox-container .images .carousel .carousel-main .carousel-slides{height:100%;width:100%}.lightbox-container .images .carousel .carousel-main .carousel-slides .carousel-container{height:100%;width:auto}.lightbox-container .images img{max-height:100%;width:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.header-nav{display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,6%,.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:70px;font-size:1rem;color:#fff;position:fixed;top:.25rem;right:0;left:50%;transform:translateX(-50%);z-index:100;max-width:1100px;width:100%;border-radius:.5rem;transition:all .1s}@media only screen and (max-width:1260px){.header-nav{height:auto;padding:.25rem 1rem;top:0}}@media only screen and (min-width:1260px){.header-nav.sticky{top:0;max-width:100%;border-radius:0 0;height:50px}.header-nav.sticky a{font-size:1rem}.header-nav.sticky .logo{width:30px!important;height:30px!important;top:0}.header-nav.sticky .header-nav-inner .nav-links{gap:.75rem}.header-nav.sticky .header-nav-inner .nav-links li{gap:.5rem}.header-nav.sticky .header-nav-inner .nav-links li a:before{bottom:-9px}.header-nav.sticky .nav-socials a{width:1.25rem!important;height:1.25rem!important}.header-nav.sticky .nav-socials a svg{width:.9rem!important;height:.9rem!important}}.header-nav .header-nav-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 .5rem;max-width:1100px;width:100%;z-index:10;pointer-events:auto}.header-nav .header-nav-inner .nav-links{max-width:1360px;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1rem}.header-nav .header-nav-inner .nav-links li{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem}.header-nav .header-nav-inner .nav-links li.start.active{color:#326db3}.header-nav .header-nav-inner .nav-links li.start.active svg{fill:#326db3}.header-nav .header-nav-inner .nav-links li.start a span:before{background:#326db3}.header-nav .header-nav-inner .nav-links li.start:hover{color:#326db3}.header-nav .header-nav-inner .nav-links li.start:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.start:hover svg{fill:#326db3;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.start.active{border-bottom-color:#326db3}}.header-nav .header-nav-inner .nav-links li.blog.active{color:#9299a9}.header-nav .header-nav-inner .nav-links li.blog.active svg{fill:#9299a9}.header-nav .header-nav-inner .nav-links li.blog a span:before{background:#9299a9}.header-nav .header-nav-inner .nav-links li.blog:hover{color:#9299a9}.header-nav .header-nav-inner .nav-links li.blog:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.blog:hover svg{fill:#9299a9;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.blog.active{border-bottom-color:#9299a9}}.header-nav .header-nav-inner .nav-links li.demos.active{color:#00ac9f}.header-nav .header-nav-inner .nav-links li.demos.active svg{fill:#00ac9f}.header-nav .header-nav-inner .nav-links li.demos a span:before{background:#00ac9f}.header-nav .header-nav-inner .nav-links li.demos:hover{color:#00ac9f}.header-nav .header-nav-inner .nav-links li.demos:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.demos:hover svg{fill:#00ac9f;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.demos.active{border-bottom-color:#00ac9f}}.header-nav .header-nav-inner .nav-links li.games.active{color:#df0024}.header-nav .header-nav-inner .nav-links li.games.active svg{fill:#df0024}.header-nav .header-nav-inner .nav-links li.games a span:before{background:#df0024}.header-nav .header-nav-inner .nav-links li.games:hover{color:#df0024}.header-nav .header-nav-inner .nav-links li.games:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.games:hover svg{fill:#df0024;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.games.active{border-bottom-color:#df0024}}.header-nav .header-nav-inner .nav-links li.magazine.active{color:#767ee1}.header-nav .header-nav-inner .nav-links li.magazine.active svg{fill:#767ee1}.header-nav .header-nav-inner .nav-links li.magazine a span:before{background:#767ee1}.header-nav .header-nav-inner .nav-links li.magazine:hover{color:#767ee1}.header-nav .header-nav-inner .nav-links li.magazine:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.magazine:hover svg{fill:#767ee1;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.magazine.active{border-bottom-color:#767ee1}}.header-nav .header-nav-inner .nav-links li.lexikon.active{color:#e87bbd}.header-nav .header-nav-inner .nav-links li.lexikon.active svg{fill:#e87bbd}.header-nav .header-nav-inner .nav-links li.lexikon a span:before{background:#e87bbd}.header-nav .header-nav-inner .nav-links li.lexikon:hover{color:#e87bbd}.header-nav .header-nav-inner .nav-links li.lexikon:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.lexikon:hover svg{fill:#e87bbd;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.lexikon.active{border-bottom-color:#e87bbd}}.header-nav .header-nav-inner .nav-links li.videos.active{color:#00aa9e}.header-nav .header-nav-inner .nav-links li.videos.active svg{fill:#00aa9e}.header-nav .header-nav-inner .nav-links li.videos a span:before{background:#00aa9e}.header-nav .header-nav-inner .nav-links li.videos:hover{color:#00aa9e}.header-nav .header-nav-inner .nav-links li.videos:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.videos:hover svg{fill:#00aa9e;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.videos.active{border-bottom-color:#00aa9e}}.header-nav .header-nav-inner .nav-links li.datenbank.active{color:#f3c202}.header-nav .header-nav-inner .nav-links li.datenbank.active svg{fill:#f3c202}.header-nav .header-nav-inner .nav-links li.datenbank a span:before{background:#f3c202}.header-nav .header-nav-inner .nav-links li.datenbank:hover{color:#f3c202}.header-nav .header-nav-inner .nav-links li.datenbank:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.datenbank:hover svg{fill:#f3c202;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.datenbank.active{border-bottom-color:#f3c202}}.header-nav .header-nav-inner .nav-links li.podcast.active{color:#326db3}.header-nav .header-nav-inner .nav-links li.podcast.active svg{fill:#326db3}.header-nav .header-nav-inner .nav-links li.podcast a span:before{background:#326db3}.header-nav .header-nav-inner .nav-links li.podcast:hover{color:#326db3}.header-nav .header-nav-inner .nav-links li.podcast:hover [aria-current=page] svg,.header-nav .header-nav-inner .nav-links li.podcast:hover svg{fill:#326db3;opacity:1}@media only screen and (max-width:1260px){.header-nav .header-nav-inner .nav-links li.podcast.active{border-bottom-color:#326db3}}.header-nav .header-nav-inner .nav-links li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:stretch;gap:.25rem;height:100%;position:relative}.header-nav .header-nav-inner .nav-links li a span{display:flex;justify-content:center;align-items:center;position:relative;flex:1 1}.header-nav .header-nav-inner .nav-links li a span:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all .1s;height:4px;width:0}.header-nav .header-nav-inner .nav-links li a:hover span:before,.header-nav .header-nav-inner .nav-links li a[aria-current=page] span:before{width:100%}.header-nav .header-nav-inner .nav-links li .symbol{width:1rem;height:1rem;fill:#fff;margin:auto 0}.header-nav .header-nav-inner .nav-links li .symbol.playstation{display:none}.header-nav .header-nav-inner .nav-links li.show-mobile{display:none!important}.header-nav .header-nav-inner .nav-links li.hide-mobile{display:flex!important}.header-nav .header-nav-inner .nav-links .logo{width:50px;height:50px;transition:all .2s}.header-nav .header-nav-inner .nav-links .logo:hover{opacity:.75}.header-nav .header-nav-inner .nav-socials{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;gap:1rem}.header-nav .header-nav-inner .nav-socials li,.header-nav .header-nav-inner .nav-socials li a{display:flex;justify-content:center;align-items:center}.header-nav .header-nav-inner .nav-socials li a{background:#fff;border-radius:100%;width:1.75rem;height:1.75rem;transition:all .2s;cursor:pointer}.header-nav .header-nav-inner .nav-socials li a svg{width:1.1rem;height:1.1rem;transition:all .2s;cursor:pointer}.header-nav .header-nav-inner .nav-socials li a:hover{background:#0f0f0f;box-shadow:0 0 1rem #fff;outline:2px solid #fff}.header-nav .header-nav-inner .nav-socials li a:hover svg{fill:#fff}@media only screen and (max-width:1260px){.header-nav{background:#2f2f2f;border-radius:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);padding:.75rem;box-shadow:0 0 1rem #2f2f2f}.header-nav.mobileVisible{display:block;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-nav.mobileVisible .header-nav-mobile .logo{display:none}.header-nav.mobileVisible .header-nav-inner{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;max-width:100%;overflow:auto;z-index:1;gap:2rem}.header-nav.mobileVisible .header-nav-inner .nav-links{flex-direction:column;margin:auto auto 0;gap:0}.header-nav.mobileVisible .header-nav-inner .nav-links li{border-bottom:1px solid #fff;padding:.5rem 1rem}.header-nav.mobileVisible .header-nav-inner .nav-links li.start.active{color:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.start.active svg{fill:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.start a span:before{background:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.start:hover{color:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.start:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.start:hover svg{fill:#326db3;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.start.active{border-bottom-color:#326db3}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.blog.active{color:#9299a9}.header-nav.mobileVisible .header-nav-inner .nav-links li.blog.active svg{fill:#9299a9}.header-nav.mobileVisible .header-nav-inner .nav-links li.blog a span:before{background:#9299a9}.header-nav.mobileVisible .header-nav-inner .nav-links li.blog:hover{color:#9299a9}.header-nav.mobileVisible .header-nav-inner .nav-links li.blog:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.blog:hover svg{fill:#9299a9;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.blog.active{border-bottom-color:#9299a9}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.demos.active{color:#00ac9f}.header-nav.mobileVisible .header-nav-inner .nav-links li.demos.active svg{fill:#00ac9f}.header-nav.mobileVisible .header-nav-inner .nav-links li.demos a span:before{background:#00ac9f}.header-nav.mobileVisible .header-nav-inner .nav-links li.demos:hover{color:#00ac9f}.header-nav.mobileVisible .header-nav-inner .nav-links li.demos:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.demos:hover svg{fill:#00ac9f;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.demos.active{border-bottom-color:#00ac9f}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.games.active{color:#df0024}.header-nav.mobileVisible .header-nav-inner .nav-links li.games.active svg{fill:#df0024}.header-nav.mobileVisible .header-nav-inner .nav-links li.games a span:before{background:#df0024}.header-nav.mobileVisible .header-nav-inner .nav-links li.games:hover{color:#df0024}.header-nav.mobileVisible .header-nav-inner .nav-links li.games:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.games:hover svg{fill:#df0024;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.games.active{border-bottom-color:#df0024}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.magazine.active{color:#767ee1}.header-nav.mobileVisible .header-nav-inner .nav-links li.magazine.active svg{fill:#767ee1}.header-nav.mobileVisible .header-nav-inner .nav-links li.magazine a span:before{background:#767ee1}.header-nav.mobileVisible .header-nav-inner .nav-links li.magazine:hover{color:#767ee1}.header-nav.mobileVisible .header-nav-inner .nav-links li.magazine:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.magazine:hover svg{fill:#767ee1;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.magazine.active{border-bottom-color:#767ee1}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.lexikon.active{color:#e87bbd}.header-nav.mobileVisible .header-nav-inner .nav-links li.lexikon.active svg{fill:#e87bbd}.header-nav.mobileVisible .header-nav-inner .nav-links li.lexikon a span:before{background:#e87bbd}.header-nav.mobileVisible .header-nav-inner .nav-links li.lexikon:hover{color:#e87bbd}.header-nav.mobileVisible .header-nav-inner .nav-links li.lexikon:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.lexikon:hover svg{fill:#e87bbd;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.lexikon.active{border-bottom-color:#e87bbd}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.videos.active{color:#00aa9e}.header-nav.mobileVisible .header-nav-inner .nav-links li.videos.active svg{fill:#00aa9e}.header-nav.mobileVisible .header-nav-inner .nav-links li.videos a span:before{background:#00aa9e}.header-nav.mobileVisible .header-nav-inner .nav-links li.videos:hover{color:#00aa9e}.header-nav.mobileVisible .header-nav-inner .nav-links li.videos:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.videos:hover svg{fill:#00aa9e;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.videos.active{border-bottom-color:#00aa9e}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.datenbank.active{color:#f3c202}.header-nav.mobileVisible .header-nav-inner .nav-links li.datenbank.active svg{fill:#f3c202}.header-nav.mobileVisible .header-nav-inner .nav-links li.datenbank a span:before{background:#f3c202}.header-nav.mobileVisible .header-nav-inner .nav-links li.datenbank:hover{color:#f3c202}.header-nav.mobileVisible .header-nav-inner .nav-links li.datenbank:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.datenbank:hover svg{fill:#f3c202;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.datenbank.active{border-bottom-color:#f3c202}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.podcast.active{color:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.podcast.active svg{fill:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.podcast a span:before{background:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.podcast:hover{color:#326db3}.header-nav.mobileVisible .header-nav-inner .nav-links li.podcast:hover [aria-current=page] svg,.header-nav.mobileVisible .header-nav-inner .nav-links li.podcast:hover svg{fill:#326db3;opacity:1}}@media only screen and (max-width:1260px)and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li.podcast.active{border-bottom-color:#326db3}}@media only screen and (max-width:1260px){.header-nav.mobileVisible .header-nav-inner .nav-links li a{margin-right:auto;gap:.5rem}.header-nav.mobileVisible .header-nav-inner .nav-links li a span:before{display:none}.header-nav.mobileVisible .header-nav-inner .nav-links li svg{width:1.5rem;height:1.5rem;z-index:10;margin:auto}.header-nav.mobileVisible .header-nav-inner .nav-links li .symbol.playstation{display:block}.header-nav.mobileVisible .header-nav-inner .nav-links li.show-mobile{display:flex!important}.header-nav.mobileVisible .header-nav-inner .nav-links li.hide-mobile{display:none!important}.header-nav.mobileVisible .header-nav-inner .nav-socials{z-index:10;margin-bottom:auto}.header-nav.mobileVisible .header-nav-inner:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:hsla(0,0%,6%,.75);z-index:-1}.header-nav .header-nav-inner{display:none}}.header-nav .header-nav-mobile{display:none;align-items:center}.header-nav .header-nav-mobile a{display:flex;align-items:center}.header-nav .header-nav-mobile .opener,.header-nav .header-nav-mobile svg{width:2rem;height:2rem}.header-nav .header-nav-mobile .opener svg{width:2rem;height:2rem;fill:#fff}@media only screen and (max-width:1260px){.header-nav .header-nav-mobile{width:100%;display:flex;justify-content:space-between;z-index:40;position:relative}}.App-content{max-width:1328px;padding:.5rem;margin:0 auto}.App-link{color:#61dafb}.richText{display:block}.richText.center{margin:auto 0}.richText.bottom{margin:0 0 auto}.richText:after{content:"";clear:both;display:table}.richText .image.image-position-left{float:left;margin:0 1rem 1rem 0}.richText .image.image-position-right{float:right;margin:0 0 1rem 1rem}.richText .image img{display:block;height:auto;margin:0 auto;max-width:100%;min-width:100%}.richText h3,.richText p{margin-bottom:.5rem}.richText a{text-decoration:underline}.richText .table{overflow:auto;border:1px solid #484848;border-bottom:0}.richText .table table{gap:1rem;border:0!important;border-collapse:separate}.richText .table table,.richText .table table tbody{width:100%;overflow:auto}.richText .table table tr:first-child{border-top:none}.richText .table table tr td,.richText .table table tr th{border-right:1px solid #484848;border-bottom:1px solid #484848;padding:.25rem .5rem!important}.richText .table table tr td:first-child,.richText .table table tr th:first-child{position:-webkit-sticky;position:sticky;left:0;background:#2f2f2f}.richText .table table tr td:last-child,.richText .table table tr th:last-child{border-right:none}.richText .table table tr td p,.richText .table table tr th p{margin:0}.richText .table table tr th,.richText .table table tr th:first-child{background:#484848;border-color:#2f2f2f!important}.richText .table table td{padding:.5rem}.richText .table table td:first-child{padding:.5rem .5rem .5rem 0}.richText .table table td:last-child{padding:.5rem 0 .5rem .5rem}.richText .table table td p:last-child{margin:0}.richText ul{position:relative;list-style-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve" fill="white"><path transform="translate(0, 2)" d="M3.7,17.2V6.8c0-0.3,0.2-0.5,0.5-0.7s0.7-0.3,1.2-0.3c0.1,0,0.3,0,0.4,0S6.1,5.9,6.3,6l13.9,5.2c0.3,0.1,0.4,0.2,0.6,0.4c0.1,0.2,0.2,0.3,0.2,0.5c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.2-0.3,0.3-0.6,0.4L6.3,18c-0.1,0.1-0.3,0.1-0.4,0.1c-0.2,0-0.3,0-0.4,0c-0.5,0-0.9-0.1-1.2-0.3C3.8,17.7,3.7,17.5,3.7,17.2z"/></svg>');list-style-position:inside}.richText ul li{position:relative;left:1.25rem;margin-left:-1.25rem;text-indent:-1.25em;padding-left:1.25rem;max-width:100%}.richText ul li::marker{font-size:1.8em;line-height:.2}.video{flex:0 1 calc(100%/var(--columns) - var(--gap) + var(--gap)/var(--columns));cursor:pointer}.video .image{position:relative;display:flex;overflow:hidden;align-self:flex-start}.video .image img{width:100%;height:auto;border-radius:.4rem}.video .image .placeholder{width:100%;height:240px;border-radius:.4rem;background:#646464}.video .image .duration{background:rgba(0,0,0,.9);color:#fff;padding:2px 8px;position:absolute;right:.5rem;bottom:.5rem;font-size:.9rem;border-radius:4px}.video .details{overflow:hidden;max-width:100%;text-align:left;padding:.5rem 0 0}.video .details .title{overflow-wrap:break-word;font-weight:700;text-decoration:underline}.video .details p{display:none}.video.width_100,.video.width_50,.video.width_62_5,.video.width_75,.video.width_87_5{display:flex;flex-direction:row;gap:1rem}.video.width_100 .image,.video.width_50 .image,.video.width_62_5 .image,.video.width_75 .image,.video.width_87_5 .image{width:33.3333333333%}.video.width_100 .image .duration,.video.width_50 .image .duration,.video.width_62_5 .image .duration,.video.width_75 .image .duration,.video.width_87_5 .image .duration{display:none}.video.width_100 .details,.video.width_50 .details,.video.width_62_5 .details,.video.width_75 .details,.video.width_87_5 .details{width:66.6666666667%;padding:0}.video.width_100 .details p,.video.width_50 .details p,.video.width_62_5 .details p,.video.width_75 .details p,.video.width_87_5 .details p{white-space:pre;text-overflow:ellipsis;overflow:hidden;display:block}.playlist-full{margin:0 auto;display:flex;flex-direction:row;justify-content:center;width:100%}@media only screen and (max-width:768px){.playlist-full .carousel-main button{padding:2rem .05rem}}.playlist-full .carousel-slides .carousel-container{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.playlist-full .carousel-slides .carousel-container .slide{--gap:1rem;--columns:3;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);justify-content:flex-start;align-items:flex-start}@media only screen and (max-width:768px){.playlist-full .carousel-slides .carousel-container .slide{flex-direction:column;width:100%;flex-wrap:inherit}.playlist-full .carousel-slides .carousel-container .slide .video{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:min-content;grid-gap:.5rem}.playlist-full .carousel-slides .carousel-container .slide .video .image{grid-column:span 3}.playlist-full .carousel-slides .carousel-container .slide .video .image .duration{right:0;bottom:0;font-size:.75rem;line-height:.75rem;padding:2px 4px}.playlist-full .carousel-slides .carousel-container .slide .video .details{grid-column:span 5;padding:0}.playlist-full .carousel-slides .carousel-container .slide .video .details h4{font-size:.75rem}}.playlistItem{--gap:1rem;--columns:4;flex:0 1 calc(100%/var(--columns) - var(--gap) + var(--gap)/var(--columns));cursor:pointer}.playlistItem .image{position:relative;display:flex}.playlistItem .image img{width:100%;height:auto}.playlistItem .image .videos{background:rgba(0,0,0,.9);color:#fff;padding:2px 8px;position:absolute;right:.5rem;bottom:.5rem;font-size:.9rem;border-radius:4px;display:flex;align-items:center;gap:.25rem}.playlistItem .image .videos svg{fill:#fff;width:1rem;height:1rem}.playlistItem .details{overflow:hidden;max-width:100%;text-align:left;padding:.5rem 0}.playlistItem .details .title{overflow-wrap:break-word;font-weight:700;text-decoration:underline}.playlists{margin:0;gap:1rem;justify-content:center;width:100%}.gamesList{list-style:none;margin:0}.gamesList h3{margin-bottom:1rem}.gamesList .games{margin-bottom:2rem}@media only screen and (max-width:1024px){.gamesList .games{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:768px){.gamesList .games{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:500px){.gamesList .games{grid-template-columns:repeat(2,1fr)}}.gamesList .games .game{position:relative}@media only screen and (max-width:1024px){.gamesList .games .game.width_12_5{grid-column:span 1}}.gamesList .games .game:after:not(:last-child){content:"";display:block;position:absolute;top:0;right:calc(-.5rem - 1px);bottom:0;border-right:1px solid #484848}.gamesList .games .game h4{line-height:1.5rem;margin:.5rem 0 0}.gamesList .games .game h4 a{text-decoration:underline}.tabs [role=tablist]{display:flex;flex-direction:row;justify-content:flex-start;border-bottom:2px solid #646464}.tabs [role=tablist] button{padding:.5rem 1rem calc(.5rem + 2px);margin:2px .25rem 0 0;border-radius:.25rem .25rem 0 0;cursor:pointer;transition:all .2s;border:1px solid #646464;border-bottom:0;font-weight:700;position:relative;overflow:hidden}.tabs [role=tablist] button:before{content:"";width:0;height:100%;position:absolute;top:0;bottom:0;left:0;background:#326db3;transition:all .2s}.tabs [role=tablist] button:hover{background:#646464}.tabs [role=tablist] button[aria-selected=true]{background:#646464;color:#fff}.tabs [role=tablist] button[aria-selected=true]:before{content:"";width:4px}@media only screen and (max-width:768px){.tabs [role=tablist]{display:none}}.tabs .tabContent{padding:1rem 0 0;display:none}@media only screen and (max-width:768px){.tabs .tabContent{padding:.5rem 0 0;display:block}.tabs .tabContent section{padding-top:.5rem}.tabs .tabContent .gallery .slide .image{grid-column:span 4}}.tabs .tabContent summary{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:2px solid #484848;margin-bottom:.5rem}.tabs .tabContent summary h3{line-height:2.5rem}.tabs .tabContent summary:after{content:"";display:block;width:0;height:0;border-color:transparent transparent #484848;border-style:solid;border-width:0 8px 8px;transform:rotate(0deg);transition:all .2s}@media only screen and (min-width:768px){.tabs .tabContent summary{display:none}}.tabs .tabContent[open]{display:block}.tabs .tabContent[open] summary:after{border-color:transparent transparent #fff;transform:rotate(180deg)}aside{padding:1rem;margin:-1rem -1rem -1rem 0;width:calc(100% + 1rem);background:#484848;display:flex;flex-direction:column;gap:1.5rem}aside h2{margin:0}aside a{text-decoration:underline}aside .section{display:flex;flex-direction:column;gap:1rem}aside .section .row{line-height:1rem;display:flex;flex-direction:column;gap:.25rem}main section article .opener aside .images{width:100%}.lexiconList{padding:0;list-style:none;margin:0}.lexiconList h3{margin-bottom:1rem}.lexiconList .category{margin-bottom:2rem}.lexiconList .category .entry{padding-left:.5rem}.lexiconList .category .entry ul{padding-left:1rem}.lexiconList .category a{text-decoration:underline}main section article .ratings.grid .singleRatings{display:flex;flex-direction:column;gap:.5rem}@media only screen and (max-width:768px){main section article .ratings.grid .singleRatings{grid-column:span 16}}main section article .ratings.grid .rating-box{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin-right:1.5rem;position:relative;padding:.25rem 1rem;background-color:#484848;border-radius:.5rem 0 0 0}main section article .ratings.grid .rating-box:before{content:"";position:absolute;top:0;left:100%;width:0;height:0;border-color:#484848 transparent transparent;border-style:solid;border-width:2.1rem 1.5rem 0 0;transform:rotate(0deg)}main section article .ratings.grid .ratingWrapper{display:flex;align-items:flex-start;gap:.5rem;border:1px solid #484848;border-radius:.5rem;position:relative}main section article .ratings.grid .ratingWrapper p{flex:1 1;padding:.5rem 0;text-align:right}main section article .ratings.grid .ratingWrapper .rating{margin:.5rem .5rem auto auto;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#484848;border-radius:100%;font-weight:700}main section article .ratings.grid .ratingWrapper .rating.nr_1{background:#a31010}main section article .ratings.grid .ratingWrapper .rating.nr_2{background:#df0024;color:#000}main section article .ratings.grid .ratingWrapper .rating.nr_3{background:#f3c202;color:#2f2f2f}main section article .ratings.grid .ratingWrapper .rating.nr_4{background:#00ac9f;color:#2f2f2f}main section article .ratings.grid .ratingWrapper .rating.nr_5{background:#17ad49;color:#000}@media only screen and (max-width:1024px){main section article .ratings.grid .ratingWrapper{flex-wrap:wrap}main section article .ratings.grid .ratingWrapper p{flex:1 1 100%;order:3;width:100%;padding:.5rem 1rem;text-align:left}}main section article .ratings.grid .totalRating{display:flex;border:1px solid #484848;border-radius:.5rem;position:relative}main section article .ratings.grid .totalRating p{flex:1 1;margin:auto 0;padding:.5rem 1rem}main section article .ratings.grid .totalRating .singleRatingWrapper{display:flex;flex-direction:column}main section article .ratings.grid .totalRating .singleRatingWrapper .rating{margin:auto;text-align:center;display:flex;flex-direction:column;border-radius:100%;background:#484848;height:100px;aspect-ratio:1/1;position:relative}main section article .ratings.grid .totalRating .singleRatingWrapper .rating.nr_1{background:#a31010}main section article .ratings.grid .totalRating .singleRatingWrapper .rating.nr_2{background:#df0024;color:#000}main section article .ratings.grid .totalRating .singleRatingWrapper .rating.nr_3{background:#f3c202;color:#2f2f2f}main section article .ratings.grid .totalRating .singleRatingWrapper .rating.nr_4{background:#00ac9f;color:#2f2f2f}main section article .ratings.grid .totalRating .singleRatingWrapper .rating.nr_5{background:#17ad49;color:#000}main section article .ratings.grid .totalRating .singleRatingWrapper .rating .number{font-size:3rem;line-height:3rem;font-weight:700;margin:auto}main section article .ratings.grid .totalRating .singleRatingWrapper .rating .of{margin-bottom:auto;position:absolute;bottom:25%;right:15%}@media only screen and (max-width:1024px){main section article .ratings.grid .totalRating{flex-direction:column;gap:0}main section article .ratings.grid .totalRating .singleRatingWrapper{flex-direction:row}main section article .ratings.grid .totalRating .singleRatingWrapper .rating-box{margin-bottom:auto}main section article .ratings.grid .totalRating .singleRatingWrapper .rating{margin:.5rem .5rem auto auto;height:50px}main section article .ratings.grid .totalRating .singleRatingWrapper .rating .number{font-size:1.25rem;line-height:1.25rem}main section article .ratings.grid .totalRating .singleRatingWrapper .rating .of{font-size:.75rem;bottom:12%;right:12%}}@media only screen and (max-width:768px){main section article .ratings.grid .totalRating .singleRatingWrapper .rating .number{font-size:2rem;line-height:2rem}main section article .ratings.grid .totalRating .singleRatingWrapper .rating .of{font-size:.75rem;bottom:12%;right:13%}}.aside .randomGameBox{border-radius:0 0 0 .5rem}@media only screen and (max-width:1024px){.aside .randomGameBox{border-radius:.5rem}}.aside .randomGameBox h2{margin-bottom:.5rem}.aside .randomGameBox .teaser{position:relative;display:grid;grid-template-columns:repeat(16,1fr);grid-column-gap:1rem;grid-row-gap:.25rem}@media only screen and (max-width:768px){.aside .randomGameBox .teaser{grid-template-columns:repeat(8,1fr);grid-row-gap:1rem}}.aside .randomGameBox .teaser .images{grid-column:span 6}@media only screen and (max-width:768px){.aside .randomGameBox .teaser .images{grid-column:span 2}}@media only screen and (max-width:360px){.aside .randomGameBox .teaser .images{grid-column:span 8}}.aside .randomGameBox .teaser .images img{border:0;outline:0}.aside .randomGameBox .teaser .teaser-data{grid-column:span 10}@media only screen and (max-width:768px){.aside .randomGameBox .teaser .teaser-data{grid-column:span 6}}@media only screen and (max-width:360px){.aside .randomGameBox .teaser .teaser-data{grid-column:span 8}}.aside .randomGameBox .teaser .teaser-data h3{font-size:1rem;line-height:1.25rem;font-weight:700;margin:0}.aside .randomGameBox .teaser .teaser-data h3 a{display:block;text-decoration:underline}.aside .randomGameBox .teaser .teaser-data p{margin-top:.5rem;line-height:.75rem}.aside .randomGameBox .teaser .teaser-data p a{font-size:.75rem;line-height:.75rem}@media only screen and (max-width:768px){.aside .randomGameBox .teaser .teaser-data h3{font-size:1.25rem;line-height:1.25rem}.aside .randomGameBox .teaser .teaser-data p{line-height:1.25rem}.aside .randomGameBox .teaser .teaser-data p a{font-size:1rem;line-height:1.25rem}}.pagination{display:flex;flex-direction:row;justify-content:space-between;position:relative}.pagination .pages{display:flex;align-items:center;gap:.5rem}.pagination .pages a{border:1px solid #fff;border-radius:.5rem;min-width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;padding:.25rem .5rem;text-decoration:none;transition:all .2s;color:#fff;fill:#fff}.pagination .pages a:hover:not(.disabled):not(.current){color:#000;background:#fff;fill:#000}.pagination .pages a.disabled{border-color:#484848;fill:#484848}.pagination .pages a.current{color:#000;background:#fff;text-decoration:underline}.pagination .pages .next,.pagination .pages .prev{width:1rem;height:1rem}.entry .images{display:flex;align-items:center;margin:auto}@media only screen and (max-width:768px){.entry .images{grid-column:span 2}}.entry .images .carousel{margin:auto}.entry .entry-data{display:flex;flex-direction:column;margin:auto 0}@media only screen and (max-width:768px){.entry .entry-data{grid-column:span 6}}.entry .entry-data small{font-size:.75rem;line-height:1rem}.entry .entry-data h3 a{text-decoration:underline}.entry .entry-data p{margin-top:.5rem}@media only screen and (max-width:500px){.entry .entry-data p{display:none}}.entry .entry-data .data{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.entry .entry-data .data .game,.entry .entry-data .data .type{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:400;line-height:.75rem;padding:.25rem .5rem;background:#484848;color:#fff;margin:auto 0;position:relative;border-radius:4px}.entry .entry-data .data .game svg,.entry .entry-data .data .type svg{fill:currentColor;width:.75rem;height:.75rem}.entry .entry-data .data .game svg.logo rect,.entry .entry-data .data .type svg.logo rect{display:none}.entry .entry-data .data .blog{background:#9299a9;color:#000}.entry .entry-data .data .demo{background:#00ac9f;color:#000}.entry .entry-data .data .game{background:#df0024}.entry .entry-data .data .magazin{background:#767ee1}.entry .entry-data .data .lexikon{background:#e87bbd;color:#000}.entry .entry-data .data .podcast{background:#326db3}.listBox{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.aside .randomMagazineBox h2{margin-bottom:.5rem}.aside .randomMagazineBox .teaser{position:relative;display:grid;grid-template-columns:repeat(16,1fr);grid-column-gap:1rem;grid-row-gap:.25rem}@media only screen and (max-width:768px){.aside .randomMagazineBox .teaser{grid-template-columns:repeat(8,1fr);grid-row-gap:1rem}}.aside .randomMagazineBox .teaser .images{grid-column:span 16;max-height:250px;overflow:hidden;position:absolute;top:0;right:0;left:0;z-index:1}.aside .randomMagazineBox .teaser .images:before{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10;background:linear-gradient(180deg,rgba(72,72,72,0),#484848 90%);pointer-events:none}.aside .randomMagazineBox .teaser .images img{border:0;outline:0}.aside .randomMagazineBox .teaser .teaser-data{margin-top:150px;z-index:10;grid-column:span 16;padding:0 .5rem}.aside .randomMagazineBox .teaser .teaser-data h3{font-size:1.25rem;line-height:1.5rem;font-weight:700;margin:0}.aside .randomMagazineBox .teaser .teaser-data h3 a{display:block;text-decoration:underline}.aside .randomMagazineBox .teaser .teaser-data p{margin-top:.5rem;line-height:.75rem}.aside .randomMagazineBox .teaser .teaser-data p strong{display:block;margin-bottom:.25rem}.aside .randomMagazineBox .teaser .teaser-data p a{font-size:1rem;line-height:1.25rem}.livestream{width:100%}.livestream h2{display:flex;justify-content:space-between;align-items:center}.livestream h2 small{font-size:1rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.5rem;color:#fff;height:2rem}.livestream h2 small.live{background:#149e00}.livestream h2 small.offline{background:#a30000}.livestream h2 small svg{width:1.25rem;height:1.25rem;fill:currentColor;margin:0}.livestream .layer{display:block;height:200px;-webkit-user-select:all;-moz-user-select:all;user-select:all;position:relative}.livestream .layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,100%,.1);z-index:10}.livestream .layer iframe{width:100%;height:200px;border:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.livestream h4{margin:0;font-size:1.25rem}.livestream .entries{display:flex;flex-direction:column;gap:.5rem}.livestream .entries .entry{display:flex;flex-direction:column;gap:.25rem}.livestream a.button{margin:.5rem 0 0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;border:1px solid hsla(0,0%,100%,.3)}.livestream a.button.twitch{margin:0 0 .5rem;border:1px solid hsla(0,0%,100%,.3)}.livestream a.button.twitch svg{fill:currentColor}.aside .currentlyOnYoutube .gamesList ul .gamesList-game{padding:0;margin:0}.aside .currentlyOnYoutube .gamesList ul .gamesList-game .elm{display:flex;flex-direction:column;gap:.5rem}.aside .currentlyOnYoutube .gamesList ul .gamesList-game .elm h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin:0}.aside .currentlyOnYoutube .gamesList ul .gamesList-game .elm .playlistItem{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:.75rem;padding:1rem;background-color:#2f2f2f;border-radius:.5rem;transition:all .2s}.aside .currentlyOnYoutube .gamesList ul .gamesList-game .elm .playlistItem:hover{background:hsla(0,0%,100%,.2)}.aside .currentlyOnYoutube .gamesList ul .gamesList-game .elm .playlistItem .image{width:100%}.aside .currentlyOnYoutube .gamesList ul .gamesList-game .elm .playlistItem .details{padding:0;margin:0}.aside .currentlyOnYoutube .gamesList ul .gamesList-game .elm .playlistItem h4{font-size:1rem;line-height:1.25rem;font-weight:700;margin:0;border:none}@media only screen and (max-width:1024px){.start .aside,.start .start-list{grid-column:span 16}}.aside .randomBlogBox{border-radius:0 0 0 .5rem}@media only screen and (max-width:1024px){.aside .randomBlogBox{border-radius:.5rem}}.aside .randomBlogBox h3{margin-bottom:1rem}.aside .randomBlogBox .teaser{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-column-gap:1rem;grid-row-gap:.25rem}.aside .randomBlogBox .teaser .images{grid-column:span 3}.aside .randomBlogBox .teaser .images img{border:0;outline:0}.aside .randomBlogBox .teaser .teaser-data{grid-column:span 8}.aside .randomBlogBox .teaser .teaser-data h3{font-size:1rem;line-height:1.25rem;font-weight:700;margin:0}.aside .randomBlogBox .teaser .teaser-data h3 a{text-decoration:underline}.aside .randomBlogBox .teaser .teaser-data p{margin-top:.5rem;line-height:.75rem}.aside .randomBlogBox .teaser .teaser-data p strong{display:block;margin-bottom:.25rem}.aside .randomBlogBox .teaser .teaser-data p a{font-size:.75rem;line-height:.75rem}@media only screen and (max-width:1024px){.blog .aside,.blog .blog-list{grid-column:span 16}}.gamesOverviewWidget{padding:1rem;margin:-1rem -1rem auto 1rem;border-radius:0 0 0 .5rem;background:#484848;width:100%;display:flex;flex-direction:column;gap:.5rem;position:-webkit-sticky;position:sticky;top:-30px}@media only screen and (max-width:768px){.gamesOverviewWidget{border-radius:.5rem;margin:0 0 1rem;width:100%}}.gamesOverviewWidget ul{display:flex;flex-direction:column;gap:.25rem}.gamesOverviewWidget ul li{display:flex;gap:.5rem;justify-content:flex-start;align-items:center}.gamesList-game{padding:0;margin:0;display:flex;flex-direction:row;align-items:center;gap:.5rem}.gamesList-game svg{width:1rem;height:1rem}.gamesList-game .elm{display:flex;flex-direction:column;gap:0;flex:1 1}.gamesList-game .elm small{font-size:.75rem;line-height:1rem}.gamesList-game a{display:flex;flex-direction:row;align-items:center;gap:.5rem}.gamesList-game a .link{text-decoration:underline}.gamesList{gap:.25rem;padding:0}.gamesList,.gamesOverview{display:flex;flex-direction:column}.gamesOverview{gap:1rem}.gamesOverview h3{margin-bottom:.5rem}.gamesOverview .gameLists,.gamesOverview .gameLists .ul{margin:0}.gamesOverview .gameLists .ul .li{margin:0 0 1rem}@media only screen and (max-width:768px){.gamesOverview .gameLists .gamesOpen{order:2}.gamesOverview .gameLists .gamesDone{order:1}}.aside .randomPodcastBox{border-radius:0 0 0 .5rem}@media only screen and (max-width:1024px){.aside .randomPodcastBox{border-radius:.5rem}}.aside .randomPodcastBox h2{margin-bottom:1rem}.aside .randomPodcastBox .teaser{position:relative;display:grid;grid-template-columns:repeat(16,1fr);grid-column-gap:1rem;grid-row-gap:.25rem}@media only screen and (max-width:768px){.aside .randomPodcastBox .teaser{grid-template-columns:repeat(8,1fr);grid-row-gap:1rem}}.aside .randomPodcastBox .teaser .images{grid-column:span 6}@media only screen and (max-width:768px){.aside .randomPodcastBox .teaser .images{grid-column:span 2}}@media only screen and (max-width:360px){.aside .randomPodcastBox .teaser .images{grid-column:span 8}}.aside .randomPodcastBox .teaser .images img{border:0;outline:0}.aside .randomPodcastBox .teaser .teaser-data{grid-column:span 10}@media only screen and (max-width:768px){.aside .randomPodcastBox .teaser .teaser-data{grid-column:span 6}}@media only screen and (max-width:360px){.aside .randomPodcastBox .teaser .teaser-data{grid-column:span 8}}.aside .randomPodcastBox .teaser .teaser-data h3{font-size:1rem;line-height:1.25rem;font-weight:700;margin:0}.aside .randomPodcastBox .teaser .teaser-data h3 a{text-decoration:underline}.aside .randomPodcastBox .teaser .teaser-data p{margin-top:.5rem;line-height:.75rem}.aside .randomPodcastBox .teaser .teaser-data p strong{display:block;margin-bottom:.25rem}.aside .randomPodcastBox .teaser .teaser-data p a{font-size:.75rem;line-height:.75rem}@media only screen and (max-width:768px){.aside .randomPodcastBox .teaser .teaser-data h3{font-size:1.25rem;line-height:1.25rem}.aside .randomPodcastBox .teaser .teaser-data p{line-height:1.25rem}.aside .randomPodcastBox .teaser .teaser-data p a{font-size:1rem;line-height:1.25rem}}.aside{display:flex;flex-direction:column}.aside,.podcasts.grid{gap:1rem}@media only screen and (max-width:1024px){.podcasts{gap:1rem}.podcasts .aside,.podcasts .podcast-list{grid-column:span 16}}.categoryList{display:flex;flex-direction:column;gap:1rem}.categoryList .categories{margin:0}.categoryList .categories li{display:flex;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width:1024px){.categoryList .categories li{grid-column:span 2}}@media only screen and (max-width:768px){.categoryList .categories li{grid-column:span 4}}@media only screen and (max-width:500px){.categoryList .categories li{grid-column:span 8}}.categoryList .categories li a{display:flex;flex:1 1 auto;height:100%;align-items:center;justify-content:center;border:1px solid #484848;padding:1rem;border-radius:.5rem;text-align:center;transition:all .2s}.categoryList .categories li a:hover{background-color:#484848}.content{height:calc(100vh - 56px);height:100svh;width:100vw;position:relative;display:flex;flex-direction:column;justify-content:center;z-index:10;padding-top:80px;overflow-x:hidden;overflow-y:scroll}@media only screen and (min-width:1024px){.content{transform-style:preserve-3d;perspective:10px}}@media only screen and (max-width:768px){.content{padding-top:180px}}main{top:260px;position:relative;margin:0 auto;max-width:1100px;width:100%;min-height:calc(100vh - 300px);height:100%;background:rgba(71,71,71,.75);box-shadow:0 10px 10px #000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;flex-direction:column}@media only screen and (max-width:1024px){main{top:90px;margin:0 1rem;max-width:calc(100% - 2rem)}}@media only screen and (max-width:768px){main{top:0;margin:.5rem;max-width:calc(100% - 1rem)}}main section{display:block;background:#2f2f2f;flex:1 1}main section:after{content:"";clear:both;display:table}main section article{width:100%;display:grid;grid-template-columns:repeat(16,1fr);grid-gap:1rem;gap:1rem;flex:1 1;padding:1rem}@media only screen and (max-width:768px){main section article{gap:.25rem;row-gap:1rem}}@media only screen and (max-width:500px){main section article .opener{display:flex;flex-direction:column}}main section article .opener .images{width:25%}@media only screen and (max-width:1024px){main section article .opener .images{width:33%;margin:0 0 1rem 1rem;float:right;clear:right}}@media only screen and (max-width:768px){main section article .opener .images{width:50%;margin:0 0 1rem 1rem;float:right;clear:right}}@media only screen and (max-width:500px){main section article .opener .images{width:100%;float:none;margin:0 0 1rem;order:2}}main section article .opener aside{position:relative;z-index:1}main section article .opener aside.game{width:auto;float:none;display:flex;flex-direction:row;gap:1rem;border-radius:0;margin:-1rem -1rem 0 0}@media only screen and (max-width:768px){main section article .opener aside.game{width:auto;grid-column:span 16;margin:-1rem -1rem 1rem;flex-direction:column;order:3}}@media only screen and (max-width:500px){main section article .opener aside.game{width:calc(100% + 2rem);grid-column:span 16;flex-direction:column;margin:-1rem -.5rem 1rem -1rem}main section article .opener aside.game .section{width:100%;flex:1 1}}main section article .opener aside.game .section{flex:2 1}main section article .opener aside.game .section:first-child{flex:3 1}@media only screen and (max-width:1024px){main section article .opener aside{width:33%;margin:0 0 1rem 1rem;float:right;clear:right}}@media only screen and (max-width:768px){main section article .opener aside{width:50%;margin:0 0 1rem 1rem;float:right;clear:right;order:3}}@media only screen and (max-width:500px){main section article .opener aside{border-radius:0;margin:0 -1rem 1rem;width:calc(100% + 2rem);float:none}}@media only screen and (max-width:768px){main section article .opener .teaser{order:1;margin-bottom:1rem}}main section article .opener .teaser .richText{margin:0}main section article .opener .richText{order:4}@media only screen and (max-width:768px){main section article .opener .richText{margin-top:0}}main section article .opener .richText:after{clear:none}main section article h2{width:100%}main section article .grid{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:min-content;grid-gap:1rem;gap:1rem;width:100%}@media only screen and (max-width:768px){main section article .grid{grid-template-columns:repeat(8,1fr)}}main section article hr{border-bottom:2px solid #646464;height:0}main.section-game .opener .images{width:calc(100% + 2rem);margin:-1rem 0 0 -1rem;padding:1rem 0 1rem 1rem;background:#484848}@media only screen and (max-width:768px){main.section-game .opener .images{width:calc(100% + 2rem);grid-column:span 16;padding:1rem;margin:-1rem -1rem 0;order:3}}@media only screen and (max-width:500px){main.section-game .opener .images{width:calc(100% + 2rem);grid-column:span 16;padding:1rem;margin:0 -1rem}}main.section-game .opener .richText{grid-column:span 16}main .sidebarWidget{padding:1rem;margin:-1rem -1rem 1rem 1rem;float:right;border-radius:.5rem 0 0 .5rem;background:#484848;display:flex;flex-direction:column;gap:.5rem}@media only screen and (max-width:1024px){main .sidebarWidget{margin:0;border-radius:.5rem}main.section-magazins section article .images.width_25{grid-column:span 4}}@media only screen and (max-width:500px){main.section-magazins section article .images.width_25{grid-column:span 8}}footer{background:#2f2f2f;text-align:center;padding:.5rem;display:flex;justify-content:center;gap:.5rem}