body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { 
    width: 100vw; 
    height: 75vw; /* 100/75 = 1.333 */
    background: pink;
    max-height: 100vh;
    max-width: 233vh; /* 21/9 = 2.33 */ 
    margin: auto;
    position: absolute;
    overflow:hidden;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */ }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #FFFFFF }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }

#unity-loading-bar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1px;
    transition: opacity 1.2s ease-out;
}

#unity-logo {
    position: relative;
    width: 858px;
    height: 240px;
    background: url('Logo_BEUMERGROUP_Originalfarbe_RGB.png') no-repeat center;
    background-size: contain;
    z-index: 1;
}

#unity-spinner-container {
    position: relative;
    width: 120px;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

#unity-spinner {
    width: 120px;
    height: 120px;
    display: block;
    animation: spinner-rotate 1s linear infinite;
}

@keyframes spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}

#unity-arrow {
    position: absolute;
    top: calc(-100vh - 250px);
    left: 50%;
    width: 250px;
    height: 250px;
    transform: translate(-50%, -50%);
    z-index: 3;
    transition: top 1.2s ease-out;
}