/* quickfix videoplayer block for inline videos */
.ccm-page .webpresso_video_player .webpresso_video_player-thumbnail-wrapper {
	z-index: 1;
}

/* Smaller File-Upload Icon */
.ccm-file-upload-container .dz-default .dz-button span {
    width: 250px;
}

/**
 * Show full text for formats. e.g. «Überschrift 2»
 */
.cke_combo_text {
    width: 72px !important;
}

/**
 * Make Image-Editor Icons visible
 */

.ccm-panel-open .tui-image-editor-container .tui-image-editor-help-menu {
    background-color: hsla(0,0%,100%,.08);
}

.ccm-panel-open div.ccm-ui .tui-image-editor-item svg {
    fill: whitesmoke;
    stroke: whitesmoke;
}

.ccm-panel-open .tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item {
    background-color: hsla(0,0%,100%,.08);
}

.ccm-panel-open .tui-image-editor-container .svg_ic-submenu {
    fill: whitesmoke;
    stroke: whitesmoke;
}

.ccm-panel-open .tui-image-editor-container div,
.ccm-panel-open .tui-image-editor-container input,
.ccm-panel-open .tui-image-editor-container label,
.ccm-panel-open .tui-image-editor-container li,
.ccm-panel-open .tui-image-editor-container ul {
    color: whitesmoke;
}

:root {
    --popup-width: auto;
    --popup-height: auto;
    --popup-margin: 0;
    --popup-padding: 1.5rem;

    --popup-bg: #fff;
    --popup-fg: #111;

    --popup-bg-image: none;

    --popup-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    --popup-border: 0;

    --popup-backdrop-bg: rgba(0, 0, 0, 0.25);

    --popup-button-bg: var(--bs-primary, #000);
    --popup-button-color: var(--bs-white, #fff);
    --popup-button-padding: 0.75rem 1.5rem;

    --popup-close-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
    --popup-close-width: 32px;
    --popup-close-height: 32px;
    --popup-close-border-radius: 50%;
    --popup-close-overflow: hidden;
    --popup-close-text-indent: -999em;
    --popup-close-bg-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.125' width='31' height='3' transform='rotate(45 2.125 0)' fill='%23194834'/%3E%3Crect x='0.125' y='22' width='31' height='3' transform='rotate(-45 0.125 22)' fill='%23202020'/%3E%3C/svg%3E%0A");
    --popup-close-bg-repeat: no-repeat;
    --popup-close-bg-position: center center;
    --popup-close-bg-size: 50%;
    --popup-close-bg-color: white;
    --popup-close-border: 0;
    --popup-close-position: absolute;
    --popup-close-top: -16px;
    --popup-close-right: -14px;
    --popup-close-left: inherit;
    --popup-close-bottom: inherit;
}

.pop_pop-popup {
    z-index: 9999;
    position: fixed;
    border: var(--popup-border);
    box-shadow: var(--popup-shadow);

    width: var(--popup-width);
    height: var(--popup-height);
    margin: var(--popup-margin);
    padding: var(--popup-padding);

    background-color: var(--popup-bg);
    color: var(--popup-fg);

    background-image: var(--popup-bg-image);
    background-size: cover;
    background-position: center;
}

.pop_pop-popup.no-position {
    z-index: 9999;
    position: relative;
    display: block;
    border: 0;
}

.pop_pop-popup.top-left {
    top: 0;
    left: 0;
}

.pop_pop-popup.top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.pop_pop-popup.top_right {
    top: 0;
    right: 0;
    left: auto;
}

.pop_pop-popup.center_left {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.pop_pop-popup.center_center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pop_pop-popup.center_right {
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
}

.pop_pop-popup.bottom_left {
    bottom: 0;
    left: 0;
    top: auto;
}

.pop_pop-popup.bottom_center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
}

.pop_pop-popup.bottom_right {
    bottom: 0;
    right: 0;
    left: auto;
    top: auto;
}

.pop_pop-popup .pop_pop-popup--outer,
.pop_pop-popup .pop_pop-popup--inner {
    position: relative;
}

.pop_pop-popup .pop_pop-popup--close {
    border: var(--popup-close-border);
    width: var(--popup-close-width);
    height: var(--popup-close-height);
    border-radius: var(--popup-close-border-radius);
    box-shadow: var(--popup-close-shadow);
    overflow: var(--popup-close-overflow);
    text-indent: var(--popup-close-text-indent);
    background-color: var(--popup-close-bg-color);
    background-image:var(--popup-close-bg-image) ;
    background-repeat: var(--popup-close-bg-repeat);
    background-position: var(--popup-close-bg-position);
    background-size: var(--popup-close-bg-size);
    position: var(--popup-close-position);
    right: var(--popup-close-right);
    top: var(--popup-close-top);
    left: var(--popup-close-left);
    bottom: var(--popup-close-bottom);
}

.pop_pop-popup .pop_pop-popup--close:focus,
.pop_pop-popup .pop_pop-popup--close:hover {
    outline: none !important;
    border: none !important;
}

.pop_pop-popup .pop_pop-popup--close * {
    width: 100%;
    height: 100%;
}

.pop_pop-popup .pop_pop-popup--content-image {
    max-width: 100%;
    height: auto;
}

/*-----------------------------------------------------------------------------------*/
/*  backdrop
/*-----------------------------------------------------------------------------------*/
.pop_pop-backdrop {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--popup-backdrop-bg);
}

/*-----------------------------------------------------------------------------------*/
/*  links
/*-----------------------------------------------------------------------------------*/
.pop_pop-popup--button {
    background-color: var(--popup-button-bg) !important;
    color: var(--popup-button-color) !important;
    padding: var(--popup-button-padding) !important;
}

/*-----------------------------------------------------------------------------------*/
/*  Fade in
/*-----------------------------------------------------------------------------------*/
.pop_pop-popup.fade_in {
    animation: pop_pop-fade-in 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes pop_pop-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*-----------------------------------------------------------------------------------*/
/*  Swing in
/*-----------------------------------------------------------------------------------*/
.pop_pop-popup.swing_in {
    animation: pop_pop-swing-in 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@keyframes pop_pop-swing-in {
    0% {
        rotate: x -100deg;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        rotate: x 0deg;
        transform-origin: top;
        opacity: 1;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  Zoom in
/*-----------------------------------------------------------------------------------*/
.pop_pop-popup.zoom_in {
    animation: pop_pop-zoom-in 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes pop_pop-zoom-in {
    0% {
        scale: 0;
        opacity: 0;
    }
    100% {
        scale: 100%;
        opacity: 1;
    }
}