.wr-reference-customer-slider img{user-select:none}.wr-reference-customer-slider img.make-gray{filter:brightness(1.5) contrast(0.5) grayscale(1)}.wr-reference-customer-slider .multi-carousel{position:relative}.wr-reference-customer-slider .multi-carousel .multi-carousel-inner{padding:50px 0px;margin:auto}.wr-reference-customer-slider .multi-carousel .multi-carousel-inner .multi-carousel-item{padding:0px 20px;transform:scale(1);transition:300ms all}.wr-reference-customer-slider .multi-carousel .multi-carousel-inner .multi-carousel-item img{max-height:100px;width:100%;object-fit:contain}.wr-reference-customer-slider .multi-carousel .multi-carousel-inner .multi-carousel-item:hover{transform:scale(1.1)}.wr-reference-customer-slider .multi-carousel .carousel-control-next,.wr-reference-customer-slider .multi-carousel .carousel-control-prev{width:fit-content;opacity:0.5}.wr-reference-customer-slider .multi-carousel .carousel-control-next span,.wr-reference-customer-slider .multi-carousel .carousel-control-prev span{position:initial;border-radius:100%;background:var(--colorMuted);height:50px;width:50px;min-height:50px;min-width:50px;top:initial;bottom:-20%;display:inline-block;opacity:0;transition:200ms ease-in-out all;display:flex;align-items:center;justify-content:center}.wr-reference-customer-slider .multi-carousel .carousel-control-next:hover span,.wr-reference-customer-slider .multi-carousel .carousel-control-prev:hover span{opacity:1}.wr-reference-customer-slider .multi-carousel .carousel-control-prev{background:linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);width:20%;opacity:1;justify-content:start;padding:20px}.wr-reference-customer-slider .multi-carousel .carousel-control-next{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);width:20%;opacity:1;justify-content:end;padding:20px}@media (max-width:500px){.wr-reference-customer-slider .multi-carousel .carousel-control-prev{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%)}.wr-reference-customer-slider .multi-carousel .carousel-control-next{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%)}}.tx-wr-references .header{max-width:var(--containerLimitedWidth);margin:auto}.customer-list{max-width:var(--containerLimitedWidth);margin:auto;padding:0px 16px}.customer-list .wr-reference-customer{box-shadow:0px 0px 0px #c5c5c500;height:100%;transition:300ms all;border:1px solid var(--colorLight)}.customer-list .wr-reference-customer .wr-reference-customer-image{padding:20px;height:100px;display:block}.customer-list .wr-reference-customer .wr-reference-customer-image img{width:100%;height:100%;object-fit:contain;object-position:center;margin:auto}.customer-list .wr-reference-customer .wr-reference-customer-body{padding:20px;background:var(--colorWhite)}.customer-list .wr-reference-customer .wr-reference-customer-body .wr-reference-customer-title{font-size:var(--fontSizeXL);font-weight:600;color:var(--colorPrimary)}.customer-list .wr-reference-customer:hover{transform:scale(1.02);box-shadow:0px 0px 20px #c5c5c5;border:0px solid var(--colorLight)}.wr-reference-project{position:relative;box-shadow:var(--boxShadowSmall);padding-bottom:0px;display:block;height:100%}.wr-reference-project .wr-reference-project-image{width:100%;height:100%;overflow:hidden;max-height:350px;position:relative}.wr-reference-project .wr-reference-project-image img{width:100%;height:100%;object-fit:cover;transition:all 300ms;object-position:bottom}.wr-reference-project .img-placeholder{width:100%;height:100%;overflow:hidden;max-height:350px;background:url(/fileadmin/user_upload/Backgrounds/Prisma-4K-white.jpg)}.wr-reference-project .reference-header{background:var(--colorDark);width:100%;padding:10px 20px;display:flex;justify-content:space-between}.wr-reference-project .reference-header .wr-reference-project-title{font-size:var(--fontSizeL);color:var(--colorWhite);font-weight:900;white-space:nowrap;text-overflow:ellipsis;max-width:600px;overflow:hidden}.wr-reference-project .reference-header .wr-reference-project-customer{font-size:var(--fontSizeMD);color:var(--colorMuted)}.wr-reference-project .reference-header .reference-categories{width:fit-content;padding-left:10px}.wr-reference-project .wr-reference-project-body{padding:20px;background:#ffffff;position:absolute;opacity:0;transition:300ms ease-in-out all;bottom:0;width:100%;height:100%;max-height:350px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.wr-reference-project .wr-reference-project-body .wr-reference-project-description{color:var(--colorDark)}.wr-reference-project .btn-blog{padding:5px 40px;background:var(--colorPrimary);color:var(--colorWhite);font-weight:600;margin-left:auto;position:absolute;right:-10px;bottom:20%;z-index:10;box-shadow:var(--boxShadowSmall);transition:all 300ms}.wr-reference-project .btn-blog i{margin-left:10px}.wr-reference-project .wr-reference-project-footer img{height:30px;width:auto;filter:grayscale(1);margin-right:20px}.wr-reference-project:hover .btn-blog{right:-20px}.wr-reference-project:hover .wr-reference-project-image img{transform:scale(1.1)}.wr-reference-project:hover .wr-reference-project-title{color:var(--colorSecondary)}.wr-reference-project:hover .wr-reference-project-body{transform:translateY(0);opacity:1}@media (max-width:500px){.wr-reference-project .btn-blog{position:initial}.wr-reference-project:hover .btn-blog{background:var(--colorSecondary)}.wr-reference-project-footer{display:none}}.reference-pagination{width:100%;margin:50px auto}.reference-pagination ul{justify-content:center}.reference-pagination ul li{border:none}.reference-pagination ul li button{border:none !important;position:relative;display:inline-block;height:100%;background:var(--colorLight);color:var(--colorMuted);font-size:var(--fontSizeMD);letter-spacing:0.56px;text-align:center;padding:15px 20px;line-height:0.8;transition:all 400ms ease-out;margin:0px 10px}.reference-pagination ul li button:after{width:4px;height:0;position:absolute;right:0;top:0;bottom:0;margin:auto 0;content:" ";background:var(--colorPrimary);opacity:0;visibility:hidden;transition:all 400ms ease-out}.reference-pagination ul li.active button,.reference-pagination ul li:hover button{color:#fff;background:var(--colorDark)}.reference-pagination ul li.active button::after,.reference-pagination ul li:hover button::after{height:100%;opacity:1;visibility:visible}@media (max-width:600px){.reference-pagination ul li button{margin:0px;padding:10px}}.tx-wr-references .reference-detail .ref-image{overflow:hidden;background-image:url(/typo3conf/ext/wr_designgaming/Resources/Public/Images/bg-white.jpg);background-size:160%;background-position:top}.tx-wr-references .reference-detail .ref-image img{object-fit:contain;width:100%;display:block;margin:auto;max-height:600px;height:fit-content}.tx-wr-references .reference-detail .ref{max-width:var(--containerLimitedWidth);margin:auto;padding:0px 16px;margin-top:var(--spacingContentMD);margin-bottom:var(--spacingContentL)}.tx-wr-references .reference-detail .ref .ref-description{margin-bottom:var(--spacingContentMD)}.tx-wr-references .reference-detail .ref .ref-header{font-size:var(--fontSizeXXL);color:var(--colorPrimary);font-weight:900;font-family:var(--fontPrimary)}.tx-wr-references .reference-detail .ref .ref-header i{font-size:var(--fontSizeXXL);color:var(--colorPrimary)}.tx-wr-references .reference-detail .ref .ref-quest .quest-list .quest-step{margin:20px 0px}.tx-wr-references .reference-detail .ref .ref-quest .quest-list .quest-step img{width:70px;height:70px;max-width:70px;object-fit:contain}.tx-wr-references .reference-detail .ref .ref-quest .quest-list .quest-step .step-title{font-size:var(--fontSizeL);font-weight:600}.tx-wr-references .reference-detail .ref .right-column{max-width:360px;margin-left:10%}.tx-wr-references .reference-detail .ref .right-column .ref-customer-list .ref-customer{box-shadow:var(--boxShadowSmall);padding:20px}.tx-wr-references .reference-detail .ref .right-column .ref-customer-list .ref-customer img{width:100%;height:100px;object-fit:contain}.tx-wr-references .reference-detail .ref .right-column .ref-customer-list .ref-customer .customer-header{font-size:var(--fontSizeL);font-weight:600;margin-bottom:20px}.tx-wr-references .reference-detail .ref .right-column .ref-customer-list .ref-customer .ref-customer-body{margin:20px 0px}.tx-wr-references .reference-detail .ref .right-column .ref-customer-list .ref-customer .website-link{font-weight:600}.tx-wr-references .reference-detail .ref .right-column .ref-inventory{padding:20px;box-shadow:var(--boxShadowSmall);margin-top:50px}.tx-wr-references .reference-detail .ref .right-column .ref-inventory .inventory-header{font-size:var(--fontSizeL);font-weight:600;margin-bottom:20px}.tx-wr-references .reference-detail .ref .right-column .ref-inventory .inventory-list img{filter:grayscale(1);height:32px;width:auto;margin-right:10px}.tx-wr-references .reference-detail .ref .right-column .ref-inventory .inventory-list img:hover{filter:grayscale(0)}.tx-wr-references .reference-detail .ref-battle{margin-top:var(--spacingXS);margin-bottom:var(--spacingXS);box-shadow:var(--boxShadowInset)}.tx-wr-references .reference-detail .ref-battle .battle-header{font-size:var(--fontSizeXXL);color:var(--colorPrimary);font-weight:900;font-family:var(--fontPrimary);padding:20px}.tx-wr-references .reference-detail .ref-battle #refcanvas{max-height:300px;width:100%}.tx-wr-references .reference-detail .mobile-column{display:none;padding:0px 16px}.tx-wr-references .reference-detail .mobile-column .ref-customer-list .ref-customer{box-shadow:var(--boxShadowSmall);padding:20px}.tx-wr-references .reference-detail .mobile-column .ref-customer-list .ref-customer img{width:100%;height:100px;object-fit:contain}.tx-wr-references .reference-detail .mobile-column .ref-customer-list .ref-customer .ref-customer-body{margin:20px 0px}.tx-wr-references .reference-detail .mobile-column .ref-customer-list .ref-customer .website-link{font-weight:600}.tx-wr-references .reference-detail .mobile-column .ref-inventory{padding:20px;box-shadow:var(--boxShadowSmall);margin-top:50px}.tx-wr-references .reference-detail .mobile-column .ref-inventory .inventory-header{font-size:var(--fontSizeL);font-weight:600;margin-bottom:20px}.tx-wr-references .reference-detail .mobile-column .ref-inventory .inventory-list img{filter:grayscale(1);height:32px;width:auto;margin-right:10px}.tx-wr-references .reference-detail .mobile-column .ref-inventory .inventory-list img:hover{filter:grayscale(0)}.list-btn{display:block;text-align:end;padding-right:20px;margin-top:50px;width:fit-content;font-size:var(--fontSizeL);font-weight:600;cursor:pointer;transition:all 200ms ease-in-out}.tx-wr-references .ref-battle .ref-canvas-btn,.tx-wr-references .ref-battle .ref-canvas,.tx-wr-references .ref-battle canvas{z-index:999999}.tx-wr-references .ref-battle .ref-canvas-popups{position:relative}.tx-wr-references .ref-battle .ref-canvas-popups .content{height:500px;overflow:auto;padding:10px}.tx-wr-references .ref-battle .ref-canvas-popup{display:none}.tx-wr-references .ref-battle .ref-canvas-popup.active{display:block}.tx-wr-references .ref-battle .ref-canvas-popup-cursor{content:" ";background-color:transparent;position:absolute;left:0px;top:-16px;-webkit-transition:all calc(200ms * 4.5) ease-in-out;-o-transition:all calc(200ms * 4.5) ease-in-out;transition:all calc(200ms * 4.5) ease-in-out;-webkit-transform:translateY(-14px);-ms-transform:translateY(-14px);transform:translateY(-14px);z-index:1;width:0;height:0;border:15px solid #89011e;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}@media (max-width:1110px){.tx-wr-references .reference-detail .ref .right-column{display:none}.tx-wr-references .reference-detail .mobile-column{display:block}}@media (max-width:500px){.tx-wr-references .reference-detail .ref-images #carouselThumb .carousel-indicators button{height:10px;max-width:30px;border:none}}.category-filter{margin-bottom:50px}.category-filter #btn-all-categories{background:var(--colorDark);border-bottom:5px solid var(--colorDark)}.category-filter .btn-category{border:1px solid var(--colorDark);background:var(--colorWhite);padding:10px 20px;color:var(--colorDark);border-bottom:5px solid;transition:200ms ease-in-out all;margin:5px}.category-filter .btn-category img{filter:brightness(0);margin-left:10px;height:20px;width:auto}.category-filter .btn-category:hover{background-color:var(--colorLight)}.category-filter .btn-category.selected{background-color:var(--colorDark);border-left:5px solid var(--colorSecondary);border-bottom:5px solid var(--colorDark);color:var(--colorWhite);pointer-events:none}.category-filter .btn-category.selected img{filter:brightness(1)}.category-filter .btn-primary{display:inline-block}.tx-wr-references .row .col{height:fit-content;transition:transform 250ms ease-in-out, opacity 250ms ease-in-out, width 500ms ease-in-out, height 500ms ease-in-out;will-change:transform;opacity:1;transform:scale(1)}.tx-wr-references .row .col.hide{visibility:hidden;pointer-events:none;transform:scale(0);opacity:0;width:0;height:0}.tx-wr-references .row .col .wr-reference-project{transition:all 500ms ease-in-out;will-change:transform;opacity:1;transform:scale(1)}.tx-wr-references .row .col .wr-reference-project.hide{opacity:0;transform:scale(0)}.ajax-loading{filter:saturate(0);user-select:none;cursor:wait}.ajax-loading *{pointer-events:none}