:root {
    /* Schriftart des Dropdown-Menüs */
    --videoplayer-dropdown-font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    
    /* Schriftgröße des Dropdown-Menüs */
    --videoplayer-dropdown-font-size: 16px;
    
    /* Hintergrundfarbe des Dropdown-Menüs */
   /* --videoplayer-dropdown-background-color: rgba(0,45,58,0.6); */
	--videoplayer-dropdown-background-color: var(--sk-color-dark2);
    
    /* Textfarbe des Dropdown-Menüs */
    --videoplayer-dropdown-text-color: var(--sk-color-light);
    
    /* Rahmenbreite des Dropdown-Menüs */
    --videoplayer-dropdown-border-width: 0px;
    
    /* Rahmenfarbe des Dropdown-Menüs */
    --videoplayer-dropdown-border-color: var(--sk-color-dark2);
    
    /* Innenabstand des Dropdown-Menüs */
    --videoplayer-dropdown-padding: 5px;
    
    /* Vertikale Position des Dropdown-Menüs */
    --videoplayer-dropdown-position-top: 10px;
    
    /* Horizontale Position des Dropdown-Menüs */
    --videoplayer-dropdown-position-right: 10px;

    /* Hintergrundfarbe der Dropdown-Optionen */
    --videoplayer-dropdown-option-background: var(--sk-color-dark2);

    /* Textfarbe der Dropdown-Optionen */
    --videoplayer-dropdown-option-color: var(--sk-color-light);
}

.videoplayer-video-container {
    /*margin: 10px 0;*/
    text-align: center;
    position: relative;
}

.videoplayer-video-wrapper {
    position: relative;
    /*display: inline-block;*/
}

.videoplayer-video {
    width: 100%;
	aspect-ratio: 16 / 9;
	background: rgba(0,0,0,0.6);
	vertical-align: top;
    /* max-width: 600px; */
    /* height: auto; */
	border-top-left-radius: 10px 4%;
	border-top-right-radius: 10px 4%;
	border-bottom-left-radius: 10px 4%;
	border-bottom-right-radius: 10px 4%;
}

.videoplayer-controls-overlay {
    position: absolute;
    top: var(--videoplayer-dropdown-position-top);
    right: var(--videoplayer-dropdown-position-right);
    background: var(--videoplayer-dropdown-background-color);
    padding: var(--videoplayer-dropdown-padding);
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.videoplayer-controls-overlay:hover {
	transform: scale(1.1);
}

.videoplayer-resolution-selector {
    color: var(--videoplayer-dropdown-text-color);
    background: var(--videoplayer-dropdown-background-color);
    /* border: var(--videoplayer-dropdown-border-width) solid var(--videoplayer-dropdown-border-color); */
	border: none;
    outline: none;
    font-size: var(--videoplayer-dropdown-font-size);
    font-family: var(--videoplayer-dropdown-font-family);
    appearance: none;
    padding: var(--videoplayer-dropdown-padding);
    cursor: pointer;
}

.videoplayer-resolution-selector option {
    background: var(--videoplayer-dropdown-option-background);
    color: var(--videoplayer-dropdown-option-color);
    padding: var(--videoplayer-dropdown-padding);
}