.dws__icon-preloader {
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    position: fixed;
    left: -9999px;
    z-index: -1;
}

.dws__icon-preloader div:nth-child(1) {
    background: url("../../icons/videoplayer/play__blue.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(2) {
    background: url("../../icons/videoplayer/play-btn-big.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(3) {
    background: url("../../icons/videoplayer/pause.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(4) {
    background: url("../../icons/videoplayer/settings.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(5) {
    background: url("../../icons/videoplayer/chapter-list.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(6) {
    background: url("../../icons/videoplayer/chapter-list__blue.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(7) {
    background: url("../../icons/videoplayer/fullsize.svg") no-repeat;
}

.dws__icon-preloader div:nth-child(8) {
    background: url("../../icons/videoplayer/fullsize__blue.svg") no-repeat;
}

.dws__icon-preloader div:nth-child(9) {
    background: url("../../icons/videoplayer/fullsize-off.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(10) {
    background: url("../../icons/videoplayer/fullsize-off__blue.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(11) {
    background: url("../../icons/videoplayer/cross.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(12) {
    background: url("../../icons/videoplayer/cross__grey.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(13) {
    background: url("../../icons/videoplayer/slides.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(14) {
    background: url("../../icons/videoplayer/verdict.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(15) {
    background: url("../../icons/videoplayer/script.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(16) {
    background: url("../../icons/videoplayer/sound.svg") no-repeat center;
}

.dws__icon-preloader div:nth-child(17) {
    background: url("../../icons/videoplayer/sound-off.svg") no-repeat center;
}

.dws__videoplayer {
    font-family: Roboto, sans-serif;
}

.dws__videoplayer .vjs-text-track-display {
    display: none;
    position: unset;
    pointer-events: unset;
}

.dws__videoplayer .vjs-marker {
    display: unset;
    width: .5rem !important;
    height: .5rem;
    border-radius: 50% !important;
    background-color: #87888A !important;
    position: absolute;
    top: -.1rem;
}

.vjs-user-active.dws__videoplayer::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 20%;
    pointer-events: none;

    background: transparent linear-gradient(180deg, #58585A00 0%, #58585A 100%) 0 0 no-repeat padding-box;
    opacity: 0.8;
    z-index: 1;
}

/*########   MENU SECTION   ##########*/

/* settings menu */
.dws__videoplayer .vjs-menu .vjs-menu-content {
    font-family: Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #58585a;

    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 3px 3px 3px #00000029,-3px -3px 3px #E1E1E129;
    z-index: 2;
}

.dws__videoplayer .vjs-menu-button-popup .vjs-menu {
    left: 0;
}

.dws__videoplayer .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 100%;
}

.dws__videoplayer .vjs-menu .vjs-menu-content .vjs-menu-item.vjs-selected {
    color: #892337;
}

.dws__videoplayer .vjs-menu .vjs-menu-content .vjs-menu-item:hover {
    background-color: unset;
}

.dws__videoplayer .vjs-menu .vjs-menu-content .vjs-menu-item[role='menuitem'] {
    color: #C6C7C8;
    cursor: initial;
}

.dws__videoplayer .vjs-quality-selector .vjs-menu,
.dws__videoplayer .vjs-chapter-selector .vjs-menu {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    padding: 11rem 2.5rem;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.dws__videoplayer .vjs-quality-selector .vjs-menu-content,
.dws__videoplayer .vjs-chapter-selector .vjs-menu-content {
    position: static;
    width: auto;
    padding: 2rem;
}

/*########   CONTROL SECTION   ##########*/
.dws__videoplayer .vjs-control-bar {
    position: unset;
    width: unset;
    height: 0;
    background-color: unset;
}

.dws__videoplayer .vjs-remaining-time {
    display: none;
}

.dws__videoplayer .vjs-content-slide-label {
    display: none;
}

.dws__videoplayer .vjs-volume-panel {
    display: none;
}

.vjs-icon-volume-mute::before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before {
     content: "";
}

.vjs-icon-volume-low::before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder::before {
    content: "";
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    margin-left: 1rem;
}


.dws__videoplayer .vjs-play-control {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* dialog radio buttons */
.dws__videoplayer .vjs-menu .vjs-menu-content .vjs-menu-item {
    text-align: left;
    text-transform: initial;
}

.dws__videoplayer .vjs-menu-item.vjs-menu-item {
    position: relative;
    padding-left: 40px;
    padding-bottom: 3rem;
}

.dws__videoplayer .vjs-menu-item.vjs-menu-item:first-child {
    padding-top: 2.3rem;
}

.dws__videoplayer .vjs-menu-item.vjs-menu-item:last-child {
    padding-bottom: 0;
}

.dws__videoplayer .vjs-menu-item::before {
    content: "";
    position: absolute;
    top: .5rem;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #87888A;
    border-radius: 9999px;
}

.dws__videoplayer .vjs-menu-item:first-child::before {
    top: 2.3rem;
}

.dws__videoplayer .vjs-menu-item.vjs-selected::after {
    content: '';
    position: absolute;
    top: .7rem;
    left: .2rem;
    width: 16px;
    height: 16px;
    border-radius: 9999px;
    background: #892337;
}

.dws__videoplayer .vjs-menu-item.vjs-selected:first-child::after {
    top: 2.5rem;
}

.dws__videoplayer .vjs-menu-item.vjs-selected::before {
    border-color: #892337;
}

/* big play button */
.dws__videoplayer .vjs-big-play-button {
    font-size: unset;
    line-height: unset;
    padding: unset;
    opacity: unset;
    border: unset;
    background-color: unset;
    border-radius: unset;
    transition: unset;

    display: block;
    height: 8rem;
    width: 8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;

    background: url("../../icons/videoplayer/play-btn-big.svg") no-repeat center;
    background-size: cover;
}

.dws__videoplayer:hover .vjs-big-play-button {
    background-color: unset;
    width: 9rem;
    height: 9rem;
}

.dws__videoplayer .vjs-big-play-button:hover {
    background-color: unset;
}

.dws__videoplayer.vjs-has-started .vjs-big-play-button {
    display: none;
}

.dws__videoplayer .vjs-big-play-button .vjs-icon-placeholder::before {
    content: unset;
}

/* play/pause buttons */
.dws__videoplayer .vjs-play-control.vjs-playing .vjs-icon-placeholder::before,
.dws__videoplayer .vjs-play-control.vjs-paused .vjs-icon-placeholder::before {
    content: unset;
}

.dws__videoplayer .vjs-play-control.vjs-paused {
    background: url("../../icons/videoplayer/play.svg") no-repeat center;
}

.dws__videoplayer .vjs-play-control.vjs-paused:hover {
    background: url("../../icons/videoplayer/play__blue.svg") no-repeat center;
}

/* quality selector button */
.dws__videoplayer .vjs-quality-selector.vjs-menu-button-popup:hover .vjs-menu {
    display: none;
}

.dws__videoplayer .vjs-quality-selector .vjs-menu-button .vjs-icon-placeholder::before {
    content: unset;
}

.dws__videoplayer .vjs-quality-selector .vjs-menu .vjs-menu-content {
    text-align: left;
}

.dws__videoplayer .vjs-quality-selector .vjs-control {
    text-align: left;
}

.dws__videoplayer .vjs-quality-selector .vjs-menu-content::before {
    content: 'Einstellung';
    font-size: 1.6rem;
}

.dws__videoplayer .vjs-quality-selector {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    top: 1.5rem;
    left: 1.5rem;

    background: url("../../icons/videoplayer/settings.svg") no-repeat center;
    background-size: contain;
    z-index: 200;
}

.dws__videoplayer .vjs-quality-selector:focus,
.dws__videoplayer .vjs-quality-selector:hover {
    background: url("../../icons/videoplayer/settings__blue.svg") no-repeat center;
    background-size: contain;
}

/* chapter selector */

.dws__videoplayer .vjs-chapter-selector.vjs-menu-button-popup:hover .vjs-menu {
    display: none;
}

.dws__videoplayer .vjs-chapter-selector .vjs-menu .vjs-menu-content {
    text-align: left;
}

.dws__videoplayer .vjs-chapter-selector .vjs-control {
    text-align: left;
}

/*.dws__videoplayer .vjs-chapter-selector .vjs-menu-content {*/
/*    width: 15rem;*/
/*    padding: 1rem;*/
/*}*/
.dws__videoplayer .vjs-chapter-selector .vjs-menu-content::before {
    content: 'Kapitel';
    font-size: 1.6rem;
}

.dws__videoplayer .vjs-chapter-selector {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1.5rem;
    left: 5.2rem;

    background: url("../../icons/videoplayer/chapter-list.svg") no-repeat center;
    background-size: contain;
    z-index: 299;
}
.dws__videoplayer .vjs-chapter-selector:focus,
.dws__videoplayer .vjs-chapter-selector:hover {
    background: url("../../icons/videoplayer/chapter-list__blue.svg") no-repeat center;
    background-size: contain;
}

.dws__videoplayer .vjs-chapter-selector::before {
    content: unset;
}

/* prev slide button */
.dws__videoplayer .vjs-prev-content-slide {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%) rotate(-180deg);
    background: url("../../icons/videoplayer/play.svg") no-repeat center;
    background-size: contain;
    z-index: 2;
}

.dws__videoplayer .vjs-prev-content-slide::before {
    content: unset;
}

.dws__videoplayer .vjs-prev-content-slide:hover {
    transform: translate(-50%, -50%) rotate(-180deg);
    background: url("../../icons/videoplayer/play__blue.svg") no-repeat center;
    background-size: contain;
}

/* next slide button */
.dws__videoplayer .vjs-next-content-slide {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    background: url("../../icons/videoplayer/play.svg") no-repeat center;
    background-size: contain;
    z-index: 2;
}

.dws__videoplayer .vjs-next-content-slide:hover {
    transform: translate(-50%, -50%);
    background: url("../../icons/videoplayer/play__blue.svg") no-repeat center;
    background-size: contain;
}

.dws__videoplayer .vjs-next-content-slide::before {
    content: unset;
}

/* display time */

.dws__videoplayer .vjs-time-control {
    font-family: Roboto, sans-serif;
    font-size: 1.1rem;
    color: white;
}

.dws__videoplayer .vjs-current-time {
    height: unset;
    width: 3.7rem;
    line-height: unset;
    padding: unset;

    display: block;
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    z-index: 2;
}

.dws__videoplayer .vjs-time-divider {
    height: unset;
    width: .5rem;
    min-width: unset;
    line-height: unset;
    padding: unset;
    text-align: right;

    display: block;
    position: absolute;
    left: calc(1.5rem + 3.7rem + .5rem);
    bottom: 1.5rem;
    z-index: 2;
}

.dws__videoplayer .vjs-duration {
    height: unset;
    width: unset;
    line-height: unset;
    padding: unset;

    display: block;
    position: absolute;
    left: calc(1.5rem + 3.7rem + .5rem + .5rem + .5rem);
    bottom: 1.5rem;
    z-index: 2;
}

/* progress bar */
.dws__videoplayer .vjs-progress-control {
    position: absolute;
    left: 12rem;
    bottom: 1.5rem;
    width: calc(100% - 12rem - 1.9rem - 1.5rem * 2);
    height: 1rem;
    z-index: 2;
}

.dws__videoplayer .vjs-progress-control .vjs-progress-holder {
    margin: 0;
}

.dws__videoplayer .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
    height: .3rem;
    border-radius: .5rem;
    background-color: #7a7b7d;
}

.dws__videoplayer .vjs-load-progress {
    display: none;
}

.dws__videoplayer .vjs-progress-control:hover .vjs-time-tooltip {
    display:none;
}

.dws__videoplayer .vjs-play-progress {
    border-radius: .5rem;
    background-color: #99cfe5;
}

.dws__videoplayer .vjs-play-progress::before {
    color: #99cfe5;
    z-index: unset;
}

.dws__videoplayer .vjs-play-progress::before {
    font-size: 1rem;
    line-height: 1rem;
    color: #99cfe5;
}

.dws__videoplayer .vjs-play-progress:hover {
    font-size: 1rem;
    line-height: 1rem;
}

/* fullscreen button */
.dws__videoplayer .vjs-fullscreen-control {
    position: absolute;
    bottom: 1.3rem;
    right: 1.5rem;
    height: 1.9rem;
    width: 1.9rem;

    background: url("../../icons/videoplayer/fullsize.svg") no-repeat;
    background-size: cover;
    z-index: 2;
}

.dws__videoplayer .vjs-fullscreen-control:focus,
.dws__videoplayer .vjs-fullscreen-control:hover {
    background: url("../../icons/videoplayer/fullsize__blue.svg") no-repeat;
    background-size: cover;
}

.dws__videoplayer.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before,
.dws__videoplayer .vjs-fullscreen-control .vjs-icon-placeholder::before {
    content: unset;
}

.dws__videoplayer .vjs-fullscreen-control[title="Non-Fullscreen"] {
    background: url("../../icons/videoplayer/fullsize-off.svg") no-repeat center;
    background-size: cover;
}

.dws__videoplayer .vjs-fullscreen-control[title="Non-Fullscreen"]:hover {
    background: url("../../icons/videoplayer/fullsize-off__blue.svg") no-repeat center;
    background-size: cover;
}

/* Demo button */
.dws__videoplayer .vjs-start-demo-button {
    display: none;
    position: absolute;
    width: 45rem;
    height: 5rem;
    z-index: 1;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -75%);
}

.dws__videoplayer:not(.vjs-has-started) .vjs-start-demo-button {
    display: block;
}

.dws__videoplayer .vjs-start-demo-btn {
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #58585a;
    background-color: #f8f8f8;
    border: .2rem solid #99cfe5;
    border-radius: .5rem;

    font-family: Roboto, sans-serif;
    font-size: 2rem;
    font-weight: 400;
}

/* additional features button */
.dws__videoplayer.vjs-controls-disabled .vjs-additional-features {
    display: none;
}

.dws__videoplayer.vjs-user-inactive .vjs-additional-features {
    visibility: visible;
    opacity: 1;
    transition: visibility 1s, opacity 1s;
}

.dws__videoplayer.vjs-user-inactive .vjs-additional-features {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.dws__videoplayer:not(.vjs-has-started) .vjs-additional-features {
    display: none;
}

.dws__videoplayer .vjs-additional-features-btn .vjs-button-text,
.dws__videoplayer .vjs-additional-features-btn .vjs-icon-circle {
    display: none;
}

.dws__videoplayer .vjs-additional-features {
    position: absolute;
    width: 5rem;
    height: 3rem;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 2;
}

.dws__videoplayer .vjs-additional-features-btn {
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #58585a;
    background-color: #f8f8f8;
    border: .2rem solid #99cfe5;
    border-radius: .5rem;

    font-family: Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}

.dws__videoplayer .vjs-additional-features-btn::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
    border-bottom: 1px solid #58585a;
    border-right: 1px solid #58585a;
    transform: translate(-50%, -20%) rotate(45deg);
}


/* feature menu */
.vjs-additional-features-menu {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    background: rgba(0, 0, 0, 0.9);
    z-index: 300;
}

.vjs-additional-features-menu-inner {
    position: fixed;
    top: 11rem;
    left: 2.5rem;
    right: 2.5rem;
    padding: 2rem;

    color: #58585a;
    background: #FFFFFF;
    box-shadow: 3px 3px 3px #00000029,-3px -3px 3px #E1E1E129;
    z-index: 300;
}

.vjs-additional-features-menu-item {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.vjs-additional-features-menu-item-title {
    font-family: Roboto, sans-serif;
    font-size: 2.1rem;
    font-weight: 600;
    color: #58585a;
    cursor: pointer;
    margin: 0 0 0 1.5rem;
}

.vjs-additional-features-menu-item-title:hover {
    color: #892337;
}

.vjs-additional-features-menu-close {
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.vjs-additional-features-menu-close-title-icon-cancel {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    pointer-events: auto;
    cursor: pointer;
    background: url("../../icons/videoplayer/cross__grey.svg") no-repeat center;
}

.dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal .vjs-additional-features-menu-close-title-icon-cancel {
    position: absolute;
    top: 1.6rem;
    right: 3rem;
}

.vjs-icon-slides {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: url("../../icons/videoplayer/slides.svg") no-repeat center;
    background-size: cover;
}
.vjs-icon-verdict {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: url("../../icons/videoplayer/verdict.svg") no-repeat center;
    background-size: cover;
}
.vjs-icon-script {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: url("../../icons/videoplayer/script.svg") no-repeat center;
    background-size: cover;
}
.vjs-icon-attachment {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: url("../../icons/videoplayer/attachment.svg") no-repeat center;
    background-size: cover;
}

.dws__videoplayer .vjs-chapter-slide .as__btn.as__btn--secondary {
    display: flex;
}

.dws__videoplayer .vjs-icon-learn__btn-icon {
    display: inline-block;
    width: 25px;
    height: 24px;
    margin-right: 10px;
    background: url("../../icons/videoplayer/learn-questions-icon.svg") no-repeat center;
}

.dws__videoplayer .vjs-final-slide .as__btn.as__btn--secondary:hover .vjs-icon-learn__btn-icon,
.dws__videoplayer .vjs-final-slide .as__btn.as__btn--secondary:focus .vjs-icon-learn__btn-icon,
.dws__videoplayer .vjs-chapter-slide .as__btn.as__btn--secondary:hover .vjs-icon-learn__btn-icon,
.dws__videoplayer .vjs-chapter-slide .as__btn.as__btn--secondary:focus .vjs-icon-learn__btn-icon {
    background: url("../../icons/videoplayer/learn-questions-icon__white.svg") no-repeat center;
}

.dws__videoplayer .vjs-icon-script__btn-icon {
    display: inline-block;
    width: 20px;
    height: 23px;
    margin-right: 10px;
    background: url("../../icons/videoplayer/script-icon.svg") no-repeat center;
}

.dws__videoplayer .vjs-chapter-slide .as__btn.as__btn--secondary:hover .vjs-icon-script__btn-icon,
.dws__videoplayer .vjs-chapter-slide .as__btn.as__btn--secondary:focus .vjs-icon-script__btn-icon {
    background: url("../../icons/videoplayer/script-icon__white.svg") no-repeat center;
}

.dws__videoplayer .vjs-chapter-slide-info-text {
    font-size: 1.4rem
}

/* verdict modal */
.dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    color: #58585a;
    background: rgba(0, 0, 0, 0.9);
    z-index: 300;
}


.dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal .vjs-modal-dialog-content {
    position: absolute;
    top: 11rem;
    left: 2.5rem;
    right: 2.5rem;

    width: auto;
    height: auto;

    padding: 4rem 2rem 2rem 2rem;
    background: #FFFFFF;
}

.dws__videoplayer .vjs-modal-dialog-content .vjs-icon-cancel-verdict {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 3.5rem;

    cursor: pointer;

    font-size: 1.6rem;
    font-weight: 600;
    color: #892337;
}

.dws__videoplayer .vjs-modal-dialog-content .vjs-icon-cancel-verdict::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .4rem;
    left: 0;
    width: 1.2rem;
    height: 1.2rem;
    border-bottom: 1px solid #892337;
    border-left: 1px solid #892337;
    transform: rotate(45deg);
}

.dws__videoplayer .vjs-verdict-modal-content {
    padding-left: 4rem;
}

.dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal .vjs-additional-features-menu-item-title {
    cursor: unset;
}

.dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal .vjs-additional-features-menu-item-title:hover {
    color: #58585a;
}

.dws__videoplayer .vjs-verdict-entry {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}

.dws__videoplayer .vjs-verdict-entry-title:hover {
    color: #892337;
    text-decoration: underline;
}

.dws__videoplayer .vjs-verdict-modal .vjs-close-button.vjs-control.vjs-button {
    top: 2rem;
    right: 2rem;
    height: 2.5rem;
    width: 2.5rem;
}

.dws__videoplayer .vjs-verdict-modal .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: unset;
}

.dws__videoplayer .vjs-verdict-modal .vjs-control.vjs-close-button .vjs-icon-placeholder {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    pointer-events: auto;
    cursor: pointer;
    background: url("../../icons/videoplayer/cross__grey.svg") no-repeat center;
}

/*chapter slides modal*/
.dws__videoplayer .vjs-modal-dialog.vjs-chapter-slide-modal {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #58585a;
    padding: 11rem 2.5rem;
    background: rgba(0, 0, 0, 0.9);
}

.dws__videoplayer .vjs-modal-dialog.vjs-chapter-slide-modal .vjs-modal-dialog-content {
    position: static;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dws__videoplayer .vjs-modal-dialog .as__checkbox__label:before,
.dws__videoplayer .vjs-modal-dialog .as__checkbox__control:checked + .as__checkbox__label:before {
    background-color: #FFFFFF;
}

.dws__videoplayer .vjs-modal-dialog.vjs-chapter-slide-modal .as__btn + .as__btn {
    margin-left: unset;
}

.dws__videoplayer .as__btn.vjs-next-chapter-button,
.dws__videoplayer .as__btn.vjs-repeat-chapter-button {
    width: 100%;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.1rem;
    display: inline-block;
    min-width: 0;
    margin-bottom: 2.5rem;
    padding: 0.9rem 2rem 1rem 2rem;
    background: #892337;
    border: .1rem solid #892337;
    border-radius: .5rem;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 #00000029;
}

.dws__videoplayer .as__btn.vjs-next-chapter-button:hover,
.dws__videoplayer .as__btn.vjs-next-chapter-button:focus,
.dws__videoplayer .as__btn.vjs-repeat-chapter-button:hover,
.dws__videoplayer .as__btn.vjs-repeat-chapter-button:focus {
    color: #fff;
    background-color: #661a29;
    border-color: #661a29;
}

/*final slide*/
.dws__videoplayer .vjs-modal-dialog .vjs-final-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dws__videoplayer .vjs-modal-dialog .vjs-close-button .vjs-icon-placeholder::before {
    content: unset;
}

.dws__videoplayer .vjs-modal-dialog .vjs-close-button {
    width: 3rem;
    height: 3rem;
    right: 1.5rem;
    top: 1.5rem;
    background: url("../../icons/videoplayer/cross.svg") no-repeat center;
}

.dws__videoplayer .vjs-final-slide-btn-wrapper {
    flex-direction: column;
}

.dws__videoplayer .vjs-final-slide-btn-wrapper .as__btn {
    width: 100%;
}

.dws__videoplayer .vjs-final-slide-social-wrapper {
    display: flex;
    justify-content: space-between;
}

.dws__videoplayer .vjs-final-slide-btn-wrapper .as__btn.as__btn--secondary {
    display: flex;
}

.dws__videoplayer .vjs-final-slide-btn__feedback {
    display: inline-block;
    width: 2.2rem;
    height: 2.3rem;
    margin-right: 1rem;
    background: url("../../icons/videoplayer/feedback-icon.svg") no-repeat center;
}

.dws__videoplayer .vjs-final-slide-btn-wrapper .as__btn.as__btn--secondary:hover .vjs-final-slide-btn__feedback {
    background: url("../../icons/videoplayer/feedback-icon__white.svg") no-repeat center;
}

.dws__videoplayer .vjs-final-slide-btn__dashboard {
    display: inline-block;
    width: 2.9rem;
    height: 2.3rem;
    margin-right: 1rem;
    background: url("../../icons/videoplayer/dashboard-icon.svg") no-repeat center;
}

.dws__videoplayer .vjs-final-slide-btn-wrapper .as__btn.as__btn--secondary:hover .vjs-final-slide-btn__dashboard {
    background: url("../../icons/videoplayer/dashboard-icon__white.svg") no-repeat center;
}

.dws__videoplayer .vjs-final-slide-btn-wrapper.vjs-demo-final-slide-btn-wrapper .as__btn.as__btn--secondary {
    display: inline-block;
}

.dws__videoplayer .vjs-picture-in-picture-control {
    display: none;
}

.vjs-menu-item.vjs-customMenuItems-label::before {
    content: unset;
    position: unset;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    border: unset;
    border-radius: unset;
}

.vjs-menu-item.vjs-customMenuItems-label {
    color: #1f201e !important;
    padding-left: 0 !important;
}

.vjs-menu-item.playbackRateItem .vjs-menu-item-text {
    color: #58585a !important;
}

@media (min-width: 1024px) {
    .dws__videoplayer .vjs-additional-features {
        width: 20rem;
        height: 4rem;
        top: 1.5rem;
    }

    .dws__videoplayer .vjs-additional-features-btn::after {
        margin-left: 2rem;
    }

    .dws__videoplayer .vjs-additional-features-btn .vjs-button-text {
        display: unset;
    }

    .dws__videoplayer .vjs-quality-selector .vjs-menu,
    .dws__videoplayer .vjs-chapter-selector .vjs-menu {
        position: absolute;
        padding: 0;
        height: auto;
        background: none;
    }

    .dws__videoplayer .vjs-quality-selector .vjs-menu {
        width: 17rem;
        left: -11.2rem;
        top: -25rem;
    }

    .dws__videoplayer .vjs-chapter-selector .vjs-menu {
        width: 35rem;
        top: -25.2rem;
        bottom: 4.8rem;
    }

    .dws__videoplayer .vjs-quality-selector .vjs-menu-content,
    .dws__videoplayer .vjs-chapter-selector .vjs-menu-content {
        position: static;
        width: unset;
        height: auto;
        min-height: 21.5rem;
        padding: 2rem;
        background: rgba(255,255,255, 0.9);
        border-radius: .5rem;
    }

    .dws__videoplayer .vjs-menu .vjs-menu-item.vjs-selected {
        background: none;
    }

    .dws__videoplayer .vjs-quality-selector .vjs-menu-content::before {
        content: '';
    }

    .dws__videoplayer .vjs-chapter-selector .vjs-menu-content::before {
        content: '';
    }

    .dws__videoplayer .vjs-menu-item.vjs-menu-item:first-child {
         padding-top: 0;
    }

    .dws__videoplayer .vjs-menu-item:first-child::before {
         top: 0;
    }

    .dws__videoplayer .vjs-menu-item.vjs-selected:first-child::after {
         top: .2rem;
    }

    .dws__videoplayer .vjs-menu-item.vjs-menu-item {
        padding-bottom: 1.5rem;
    }


    .dws__videoplayer .vjs-control-bar {
        position: absolute;
        width: calc(100% - 2 * 2rem);
        height: 6rem;
        left: 2rem;
        z-index: 5;
    }

    .dws__videoplayer .vjs-progress-control {
        width: 100%;
        bottom: 5.5rem;
        left: unset;
    }

    .dws__videoplayer .vjs-fullscreen-control {
        right: 0;
        bottom: 2rem;
    }

    .dws__videoplayer .vjs-play-control.vjs-playing,
    .dws__videoplayer .vjs-play-control.vjs-paused {
        top: unset;
        left: unset;
        bottom: 1.5rem;
        transform: unset;

        width: 3rem;
        height: 3rem;
        background-size: cover;
    }

    .dws__videoplayer .vjs-play-control.vjs-playing {
        background: url("../../icons/videoplayer/pause.svg") no-repeat center;
        background-size: contain;
    }

    .dws__videoplayer .vjs-play-control.vjs-playing:hover {
        background: url("../../icons/videoplayer/pause__blue.svg") no-repeat center;
        background-size: contain;
    }

    .dws__videoplayer .vjs-current-time {
        text-align: right;
        left: 4rem;
        bottom: 2.4rem;
    }

    .dws__videoplayer .vjs-time-divider {
        left: calc(4rem + 3.7rem + .5rem);
        bottom: 2.4rem;
    }

    .dws__videoplayer .vjs-duration {
        left: calc(4rem + 3.7rem + .5rem + .5rem + .5rem);
        bottom: 2.4rem;
    }

    .dws__videoplayer .vjs-chapter-selector {
        width: 3rem;
        height: 3rem;

        top: unset;
        bottom: 1.5rem;
        left: 15rem;

        background-size: contain;
    }

    /* prev slide button */
    .dws__videoplayer .vjs-prev-content-slide {
        width: 1.5rem;
        height: 1.5rem;
        top: unset;
        bottom: 1.5rem;
        left: 45%;
        background-size: contain;
    }

    .dws__videoplayer .vjs-content-slide-label {
        display: flex;
        justify-content: center;
        width: 8rem;
        height: unset;
        position: absolute;
        bottom: 2rem;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Roboto, sans-serif;
        z-index: 2;
        pointer-events: none;
    }

    /* next slide button */
    .dws__videoplayer .vjs-next-content-slide {
        width: 1.5rem;
        height: 1.5rem;
        top: unset;
        bottom: 1.5rem;
        left: 55%;
        background-size: contain;
    }

    .dws__videoplayer .vjs-volume-panel {
        display: flex;
        position: absolute;
        height: auto;
        right: 7rem;
        bottom: 1.5rem;
        z-index: 5;
    }

    .dws__videoplayer .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
        display: none;
    }

    .dws__videoplayer .vjs-mute-control {
        width: 3rem;
        height: 3rem;
        background: url("../../icons/videoplayer/sound.svg") no-repeat center;
        background-size: contain;
    }

    .dws__videoplayer .vjs-mute-control.vjs-vol-0 {
        width: 3rem;
        height: 3rem;
        background: url("../../icons/videoplayer/sound-off.svg") no-repeat center;
        background-size: contain;
    }

    .dws__videoplayer .vjs-mute-control .vjs-icon-placeholder::before {
        content: unset;
    }

    .dws__videoplayer .vjs-volume-control {
        margin-left: 1rem;
    }

    .dws__videoplayer .vjs-quality-selector {
        top: unset;
        left: unset;
        width: 2.3rem;
        height: 2.3rem;
        right: 4rem;
        bottom: 1.8rem;
    }

    .dws__videoplayer .vjs-quality-selector .vjs-menu,
    .dws__videoplayer .vjs-quality-selector .vjs-lock-showing.vjs-menu {
        bottom: 19rem;
    }

    .dws__videoplayer .vjs-fullscreen-control {
        bottom: 2rem;
    }

    .dws__videoplayer .vjs-additional-features-menu {
        width: 0;
        height: 0;
        background: none;
    }

    .dws__videoplayer .vjs-additional-features-menu,
    .dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal .vjs-modal-dialog-content {
        position: absolute;
        top: 0;
        left: unset;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 30rem;
    }

    .dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal {
        position: absolute;
        background: none;
        width: 100%;
        height: 100%;
    }

    .dws__videoplayer .vjs-additional-features-menu-inner {
        position: static;
        height: 100%;
        box-shadow: 0 3px 6px #00000029;
        padding: 3.6rem 4rem;
        opacity: 0.95;
    }

    .dws__videoplayer .vjs-additional-features-menu-item-title {
        font-size: 1.8rem;
    }

    .dws__videoplayer .vjs-additional-features-menu-close-title-icon-cancel {
        position: absolute;
        top: 1.6rem;
        right: 3rem;
    }

    .dws__videoplayer .vjs-modal-dialog.vjs-verdict-modal .vjs-modal-dialog-content {
        width: 30rem;
        opacity: 0.95;
    }

    .dws__videoplayer .vjs-modal-dialog .vjs-chapter-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 6rem;
    }

    .dws__videoplayer .vjs-modal-dialog .as__label.as__checkbox__label {
        color: #FFFFFF;
    }

    .dws__videoplayer .vjs-modal-dialog.vjs-chapter-slide-modal {
        position: absolute;
        padding: 0;
    }

    .dws__videoplayer .vjs-modal-dialog.vjs-chapter-slide-modal .vjs-modal-dialog-content {
        background-color: unset;
    }

    .dws__videoplayer .vjs-modal-dialog.vjs-chapter-slide-modal .vjs-modal-dialog-content .vjs-chapter-slide-headline {
        color: #FFFFFF;
    }

    .dws__videoplayer .vjs-chapter-slide-info-text {
        color: #FFFFFF;
        font-size: 1.6rem;
    }

    .dws__videoplayer .vjs-modal-dialog.vjs-chapter-slide-modal .vjs-modal-dialog-content .vjs-chapter-slide-modal-btn-wrapper {
        width: unset;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .dws__videoplayer .vjs-chapter-slide-modal-btn-wrapper .as__btn__content.vjs-button-text {
        display: flex;
        align-items: center;
    }

    .dws__videoplayer .as__btn.vjs-next-chapter-button {
        color: #fff;
        background: none;
        border: none;
        box-shadow: none;
        display: flex;
    }

    .dws__videoplayer .as__btn.vjs-next-chapter-button {
        display: flex;
        justify-content: end;
    }

    .dws__videoplayer .as__btn.vjs-next-chapter-button .as__btn__content.vjs-button-text::after {
        content: '';
        display: inline-block;
        width: 5.2rem;
        height: 4rem;
        margin-left: 2rem;
        background: url("../../icons/videoplayer/continue.svg");
    }

    .dws__videoplayer .as__btn.vjs-next-chapter-button:hover .as__btn__content.vjs-button-text::after {
        background: url("../../icons/videoplayer/continue__blue.svg");
    }

    .dws__videoplayer .as__btn.vjs-repeat-chapter-button {
        color: #fff;
        background: none;
        border: none;
        box-shadow: none;
        display: flex;
    }

    .dws__videoplayer .as__btn.vjs-repeat-chapter-button .as__btn__content.vjs-button-text::before {
        content: '';
        display: inline-block;
        width: 5.2rem;
        height: 4rem;
        margin-right: 2rem;
        background: url("../../icons/videoplayer/continue.svg");
        transform: rotate(180deg);
    }

    .dws__videoplayer .as__btn.vjs-repeat-chapter-button:hover .as__btn__content.vjs-button-text::before {
        background: url("../../icons/videoplayer/continue__blue.svg");
        transform: rotate(180deg);
    }

    .dws__videoplayer .as__btn.vjs-next-chapter-button:hover,
    .dws__videoplayer .as__btn.vjs-next-chapter-button:focus,
    .dws__videoplayer .as__btn.vjs-repeat-chapter-button:hover,
    .dws__videoplayer .as__btn.vjs-repeat-chapter-button:focus {
        color: #99CFE5;
        background-color: transparent;
        border-color: transparent;
    }

    .dws__videoplayer .vjs-modal-dialog .vjs-modal-dialog-content .as__text {
        color: #FFFFFF;
        width: 70%;
    }

    .dws__videoplayer .vjs-final-slide-btn-wrapper .as__btn {
        width: unset;
    }

    .dws__videoplayer .vjs-final-slide-btn-wrapper {
        width: unset;
        flex-direction: row;
    }

    .dws__videoplayer .vjs-final-slide-social-wrapper {
        width: 40%;
        display: flex;
        justify-content: space-between;
    }

    .dws__videoplayer .vjs-modal-dialog .vjs-final-slide .as__btn + .as__btn {
        margin-left: 3rem;
    }
}