.cms_rt_answer_qt4Group { display: flex; flex-direction: column; gap: 50px; width: 100%; }
.cms_rt_dz_group { display: flex; flex-direction: column; gap: 15px; width: 100%; }

/* Start: Upload Title */
.cms_rt_dz_title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--qt4-title-default-color);
    text-align: left;
}
/* End: Upload Title */

/* Start: Upload Box */
.cms_rt_dz_box { cursor: pointer; position: relative; display: flex; flex-direction: column; padding: 53px 39px; background: var(--qt4-bg-default-color); border: 1px solid var(--qt4-border-default-color); border-radius: var(--border-radius-default); }
.cms_rt_dz_box.cms_rt_dz_box_active { gap: 30px; }
/* End: Upload Box */

/* Start: Dropzone Input Field */
.cms_rt_answer_qt4Group input { position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; padding: 0; border: none; }
/* End: Dropzone Input Field */

/* Start: Upload Feld */
.cms_rt_dropzone { position: absolute; z-index: 10; inset: 0; border-radius: var(--border-radius-default); }
.cms_rt_dropzone * { display: none; }
/* End: Upload Feld */

/* Start: Upload Info Box */
.cms_rt_dz_infoBox { display: flex; align-items: center; gap: 30px; }
.cms_rt_dz_icon,
.cms_rt_dz_icon > svg { width: 61px; height: 53px; transition: var(--transition); }
.cms_rt_dz_icon > svg path { fill: var(--qt4-icon-default-color); }
.cms_rt_dz_txt {
    flex: 1;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: var(--qt4-text-default-color);
    text-align: left;
    transition: var(--transition);
}
.cms_rt_dz_box.cms_rt_dz_box_active .cms_rt_dz_icon,
.cms_rt_dz_box.cms_rt_dz_box_active .cms_rt_dz_icon > svg { width: 39px; height: 34px; }
.cms_rt_dz_box.cms_rt_dz_box_active .cms_rt_dz_txt { font-size: 16px; line-height: 20px; }
/* End: Upload Info Box */

/* Start: Upload List Placeholder after Delete */
.cms_rt_dz_lst > div > .cms_rt_dz_noFileName {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: var(--qt4-noFileName-default-color);
    text-align: left;
}
/* End: Upload List Placeholder after Delete */

/* Start: Upload List */
.cms_rt_dz_lst { position: relative; z-index: 11 !important; }
.cms_rt_dz_lst > div > ul { padding: 0; margin: 0; }
.cms_rt_dz_lst > div > ul > li { display: flex; align-items: center; gap: 10px; padding: 0 !important; }
.cms_rt_dz_lst > div > ul > li:before { content: none !important; }
.cms_rt_dz_del { cursor: pointer; }
.cms_rt_dz_del > i { font-size: 18px; line-height: 22px; color: var(--qt4-del-default-color); transition: var(--transition); }
.cms_rt_dz_del:hover > i { color: var(--qt4-del-hover-color); }
.cms_rt_dz_fileName {
    flex: 1;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: var(--qt4-fileName-default-color);
    text-align: left;
}
/* End: Upload List */

@media screen and (max-width: 959px) {
    /* Start: Upload Box */
    .cms_rt_dz_box { padding: 30px 15px; }
    /* End: Upload Box */

    /* Start: Upload Info Box */
    .cms_rt_dz_infoBox { flex-direction: column; align-items: flex-start; gap: 10px; }
    .cms_rt_dz_icon,
    .cms_rt_dz_icon > svg { width: 39px; height: 34px; }
    .cms_rt_dz_txt { flex: none; width: 100%; font-size: 16px; line-height: 20px; }
    .cms_rt_dz_box.cms_rt_dz_box_active .cms_rt_dz_icon,
    .cms_rt_dz_box.cms_rt_dz_box_active .cms_rt_dz_icon > svg { width: 25px; height: 22px; }
    .cms_rt_dz_box.cms_rt_dz_box_active .cms_rt_dz_txt { font-size: 14px; line-height: 18px; }
    /* End: Upload Info Box */
}

@media screen and (max-width: 767px) {
    /* Start: Upload Title */
    .cms_rt_dz_title { font-weight: 700 !important; font-size: 18px !important; line-height: 22px !important; }
    /* End: Upload Title */

    /* Start: Upload Info Box */
    .cms_rt_dz_txt { font-weight: 400 !important; font-size: 16px !important; line-height: 20px !important; }
    .cms_rt_dz_box.cms_rt_dz_box_active .cms_rt_dz_txt { font-size: 14px !important; line-height: 18px !important; }
    /* End: Upload Info Box */

    /* Start: Upload List Placeholder after Delete */
    @media screen and (max-width: 767px) { .cms_rt_dz_lst > div > .cms_rt_dz_noFileName { font-weight: 400 !important; font-size: 18px !important; line-height: 22px !important; } }
    /* End: Upload List Placeholder after Delete */

    /* Start: Upload List */
    .cms_rt_dz_fileName { font-weight: 400 !important; font-size: 18px !important; line-height: 22px !important; }
    /* End: Upload List */
}

/*** Start: Error ***/

/* Start: Upload Box */
.cms_rt_dz_box.error { background: var(--qt4-bg-error-default-color); border: 1px solid var(--qt4-border-error-default-color); }
/* End: Upload Box */

/* Start: Upload Info Box */
.cms_rt_dz_box.error .cms_rt_dz_icon > svg path { fill: var(--qt4-icon-error-default-color); }
.cms_rt_dz_box.error .cms_rt_dz_txt { color: var(--qt4-text-error-default-color); }
/* End: Upload Info Box */

/* Start: Upload List Placeholder after Delete */
.cms_rt_dz_box.error .cms_rt_dz_lst > div > .cms_rt_dz_noFileName { color: var(--qt4-noFileName-error-default-color); }
/* End: Upload List Placeholder after Delete */

/*** End: Error ***/