.game-view > .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: auto;
    padding: var(--spacing-medium);
}

.game-view-header,
.game-view-content {
    gap: var(--spacing-medium);
    display: flex;
    flex-direction: column;
}

.game-view-content ul {
    padding-left: var(--spacing-medium);
    gap: var(--spacing-xx-small);
    display: flex;
    flex-direction: column;
}

.game-view-content-left,
.game-view-content-right {
    padding: var(--spacing-medium);
}

.game-view-content-left {
    width: 65%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
}

.game-view-content-right {
    gap: var(--spacing-medium);
    border-left: 1px solid var(--border-color);
    width: 35%;
    display: flex;
    flex-direction: column;
}

.game-view-youtube-container,
.game-view-youtube-trailer {
    width: 100%;
}

.game-view-youtube-container {
    position: relative;
    padding-bottom: 56.25%; /* Voor 16:9 video's (9/16 * 100%) */
    height: 0;
    overflow: hidden;
    background-color: var(--black-color);
}

.game-view-youtube-trailer {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    height: 100%;
}

@media (max-width: 900px) {

    .game-view > .content {
        flex-direction: column;
    }

    .game-view-content-left,
    .game-view-content-right {
        width: inherit;
    }

    .game-view-content-right {
        border-left: inherit;
        border-top: 1px solid var(--border-color);
    }

}