/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.dsgvo-iframe-video-converter-popup-active {
    overflow-y: hidden;
}

#dsgvo-iframe-video-converter-container {
    display: block;
}
dsgvo-iframe-video-converter {
    display: block;
    position: relative;
    height: 100%;
}
.video_img_container_base {
    height: 100%;
}
dsgvo-iframe-video-converter video,
dsgvo-iframe-video-converter img {
    display: block;
    width: 100%;
    height: auto;
}

.dsgvo-iframe-video-converter-popup .btn-grp,
dsgvo-iframe-video-converter .btn-grp {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-left-radius: .375rem;
    opacity: .75;
    z-index: -1;
    transition: all .33s ease;
    display: flex;
    justify-content: flex-end;
    flex-flow: row nowrap;
}
body.dsgvo-iframe-video-converter-mobile .btn-grp,
dsgvo-iframe-video-converter:hover .btn-grp {
    z-index: 1;
}
body.dsgvo-iframe-video-converter-mobile .btn-grp button *,
dsgvo-iframe-video-converter:hover .btn-grp button * {
    pointer-events: none;
}
.dsgvo-iframe-video-converter-popup svg,
dsgvo-iframe-video-converter .btn-grp svg {
    width: 16px;
    height: 16px;
}
dsgvo-iframe-video-converter button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.dsgvo-iframe-video-converter-popup {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    /* pointer-events: none; */
}
.dsgvo-iframe-video-converter-popup::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    /* pointer-events: none; */
    background-color: rgba(0, 0, 0, .75);
}
.dsgvo-iframe-video-converter-popup .dsgvo-iframe-video-converter-popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dsgvo-iframe-video-converter-popup .dsgvo-iframe-video-converter-popup-content {
    max-width: 1400px;
    width: 80vw;
    pointer-events: all;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .5rem;
}
.dsgvo-iframe-video-converter-popup .dsgvo-iframe-video-converter-popup-body .description.scroll {
    overflow-y: auto;
}
.dsgvo-iframe-video-converter-popup .dsgvo-iframe-video-converter-popup-inner td {
    white-space: pre-wrap;
    padding: 8px;
}
.dsgvo-iframe-video-converter-popup .dsgvo-iframe-video-converter-popup-inner .description_inner {
    white-space: pre-wrap;
}

.dsgvo-iframe-video-converter-popup.fullvideo .btn-grp {
    z-index: 1;
    pointer-events: all;
}
/* .dsgvo-iframe-video-converter-popup.fullvideo .btn-grp .btn {
    padding: 0.75rem;
} */
.dsgvo-iframe-video-converter-popup.fullvideo video {
    object-fit: contain;
    object-position: center center;
    width: 100%;
    height: 100%;
    background-color: black;
    pointer-events: all;
}


.dsgvo-iframe-video-converter-popup-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    z-index: 1;
    border-bottom: 1px solid #ccc;
}
.dsgvo-iframe-video-converter-popup-header .dsgvo-iframe-video-converter-popup-title {
    margin: 15px 15px 15px 40px;
}