/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
    /* IE8 - has no alpha support */
    background-color: rgb(255, 198, 0);
    /* Opacity: 1.0 = 100%, 0.0 = 0% */
    background-color: rgba(255, 198, 0, 0.9);
}

/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
.theme-dark .video-js .vjs-control-bar,
.theme-dark .video-js .vjs-big-play-button,
.theme-dark .video-js .vjs-menu-button .vjs-menu-content {
    /* IE8 - has no alpha support */
    background-color: rgb(27, 29, 54);
    /* Opacity: 1.0 = 100%, 0.0 = 0% */
    background-color: rgba(27, 29, 54, 0.9);
}

.video-js .vjs-big-play-button {
    border: 0;
}


/*media-player {*/
/*    min-height: 500px;*/
/*}*/

/*.media-player[data-view-type="video"] {*/
/*    aspect-ratio: 16 / 9;*/
/*}*/

[data-media-player][data-layout='video']:not([data-fullscreen]) {
    border-width: 0 !important;
    border-radius: 0.5em !important;
    /*overflow: clip;*/
    aspect-ratio: 16/9;
    width: 100%;
}



[data-media-player][data-layout='video']:not([data-fullscreen]) video {
    height: 100%;
}



[data-media-player]:not([data-view-type='audio']) [data-media-provider], [data-media-player][data-fullscreen] [data-media-provider] {
    /*height: auto;*/
}

.vds-video-layout {
    --video-brand: hsl(47, 100%, 50%);
    /* Layout: https://vidstack.io/docs/player/components/layouts/default-layout#video-layout  */
    /* Components: https://www.vidstack.io/docs/player/components/layouts/default-layout#components */
}

.vds-audio-layout {
    --audio-brand: hsl(47, 100%, 50%);
    /* Layout: https://vidstack.io/docs/player/components/layouts/default-layout#audio-layout */
    /* Components: https://www.vidstack.io/docs/player/components/layouts/default-layout#components */
}

/*.plyr {*/
/*    --plyr-color-main: hsl(198, 100%, 50%);*/
/*    !* CSS Vars: https://vidstack.io/docs/player/components/layouts/plyr-layout#css-variables *!*/
/*}*/



/* Chat - if footer bar detached then remove background */
.footer-bar-detached.chat-footer-bar {
    background: transparent !important;
}

.chat-footer-bar .btn.disabled {
    display: block !important;
    color: var(--umonio-yellow) !important;
    opacity: 0.65 !important;
}

/* Placeholder-Styling für textarea */
textarea::placeholder {
    font-size: 16px; /* gewünschte Größe */
    /* optional: Farbe, Gewicht etc. */
    /* color: #888; */
}