@charset "UTF-8";

.qmBookIntroPreview,
.qm_hanbuch_element .qmh_frontcover {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.qm_hanbuch_element .qmh_frontcover,
.qmh_backcover {
  height: 390px;
  width: 270px;
  background-color: var(--rd-font-light);
}

.qm_hanbuch_element .qmh_frontcover,
.qm_header form,
.qmh_backcover {
  background-color: var(--rd-font-light);
}

.qhe_nav,
.qm_form_grid {
  grid-template-columns: 50% 50%;
}

#baum label,
#themenList .thema>*,
.addthema,
.closeform,
.defbtn,
.handle,
.qar-element label,
.t_edit,
.t_more,
.t_read,
label[for="QMEdit"] {
  cursor: pointer;
}

.my_iv ul,
.qmImportPreviewList li,
.qmImportPreviewList ul,
.qmvg_i ul {
  list-style: none;
}

.foruser_liste,
.qmvg_i>ul {
  scrollbar-width: thin;
  scrollbar-color: #d8d8d8;
}

.qmoptionsmenu,
[data-mode="updated"] li a {
  white-space: nowrap;
}

.deleteqm:hover,
.duplicateqm:hover,
.qm_a_titel .tel,
.qmp_text .rd-simple-link,
.showqm:hover,
label[for="QMEdit"]:hover {
  text-decoration: underline;
}

.in_dauer_btn,
.qmSnippetsBlockedForDemoInfoContent,
.qm_vorschau_h {
  display: flex;
  justify-content: space-between;
}

.qmBookIntroPreview {
  border-radius: var(--rd-borderradius-border-md);
}

#QMEdit:checked~#QMEdit_open,
#QMEdit_close,
.QMImportWizard .pcx_wizard_progressbar_inner,
.accses_info,
.child_themen .endoftext:last-child,
.currDragElement .t_actions,
.currDragElementLektion .t_actions,
.currDragElementText .t_actions,
.file-upload,
.forTime,
.forUsers,
.modal_dialog.delQMConfirmDialog .pcx_iconalert_icon.confirm,
.oldposition,
.print_front_page,
.qar-element input,
.qmSnipSide,
.qm_header,
.st_led {
  display: none;
}

.qmBookIntroPreviewLogo img {
  width: 64px;
  max-height: 128px;
}

.qmBookIntroPreviewTitle {
  font-weight: var(--rd-fontweights-open-sans-0);
  padding: 1em;
  min-height: 190px;
}

.addthema,
.defbtn,
.qhe_titel,
.qm_form_grid label,
.qm_t_title {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.qm_hanbuch_element {
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 0;
}

.qm_hanbuch_element:has(.qmoptionsmenu) {
  z-index: 100;
}

.qm_hanbuch_element[data-is-deleted="true"] .qmh_frontcover::after {
  content: "Gelöscht";
  position: absolute;
  top: 0;
  right: 0;
  background: var(--cl-error-darker);
  color: var(--rd-font-light);
  padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
  z-index: 1;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md);
}

.qm_hanbuch_element .qmh_frontcover {
  display: inline-block;
  border-radius: var(--rd-borderradius-border-md);
  vertical-align: top;
  margin-right: 40px;
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
}

.qmh_backcover {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  position: absolute;
  left: 5px;
  top: -4px;
}

#qmform input,
.qm_header form {
  width: 100%;
  border-radius: var(--rd-borderradius-border-md);
}

.qhe_img {
  height: 80px;
  margin: 36px 22px var(--rd-spacing-md) var(--rd-spacing-md);
}

.qhe_img img {
  height: 100%;
  display: inline-block;
  max-width: 100%;
}

.qhe_titel {
  margin: 0 var(--rd-spacing-md) 0 var(--rd-spacing-md);
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--rd-font-dark);
  word-break: break-word;
}

.qhe_titel .qhet_date {
  display: block;
  margin-top: var(--rd-spacing-x-sm);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 32px;
  color: var(--cl-asphalt-blue);
}

.addthema,
.element-status:hover,
.qhe_nav>div a {
  font-size: var(--rd-fontsize-4);
}

.addthema,
.ces2_form .edit_btn,
.defbtn {
  color: var(--rd-font-light);
}

.qhe_chckbox {
  margin: 0 var(--rd-spacing-md);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
}

.qhe_nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-areas: "VIEW EDIT";
  border-top: 1px solid var(--cl-light-grey);
}

.QMSnippetsDialog .modal_dialog_top_title,
.qmh_form_homes .qhe_nav {
  display: flex;
}

.qhe_nav>div {
  padding: var(--rd-spacing-sm) var(--rd-spacing-sm);
}

.qhe_nav>div a {
  line-height: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.qm_header form {
  padding: 30px;
  box-sizing: border-box;
  box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
}

.qm_form_grid {
  display: grid;
  grid-template-areas: "TITEL TITEL" "SELECT IMG";
}

.qmfg_titel {
  grid-area: TITEL;
  padding-bottom: 10px;
}

.qmfg_logo {
  grid-area: IMG;
}

.qmfg_selects {
  grid-area: SELECT;
}

.qm_form_grid label {
  display: block;
  color: var(--rd-font-dark);
}

.qm_form_grid input {
  width: 100%;
  padding: 5px;
}

.qm_form_grid input[type="text"],
.qm_form_grid select {
  padding: 5px;
  font-size: var(--rd-fontsize-5);
  border: var(--rd-borderwidth-border-default) solid #999;
}

.qm_form_grid img {
  max-width: 250px;
  margin-bottom: 10px;
}

.defbtn {
  background-color: var(--cl-deep-green);
  border: 0;
  padding: 10px 15px;
  border-radius: var(--rd-borderradius-border-md);
}

#qmform .extra_info,
.lese-pflicht-form .id_table_input,
.qmSnippetsBlockedForDemoInfo.rd-infobar,
.qm_header .form_end,
.qmview h1,
input:checked~.tc_title {
  margin-bottom: 0;
}

.qm_cont {
  display: grid;
  grid-template-areas: "NAV CONT";
  grid-auto-columns: 50% 50%;
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-top: none;
  border-radius: var(--rd-borderradius-border-md);
  width: 100%;
  margin-bottom: 350px;
}

.qm_cont>div {
  padding: var(--rd-spacing-x-big);
  position: relative;
  text-align: left;
}

.qm_cont #qm_texte {
  padding-left: 15px;
  padding-top: 24px;
}

.qm_cont>div:first-child {
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}

.qm_cont>div:first-child:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  width: 8px;
  background-size: 100%;
  opacity: 0.4;
  padding-left: 7px;
}

#qmform,
#themenList,
.QMTextCont,
.confirm_btn,
.iv2 li ul li,
.qm-more-subform,
.qm_test .not_allowed_to_select+label[title],
.shared_text,
.suche_outer_div,
.t_edit,
.t_more,
.t_read,
.vorlage_suche,
.vorlage_sucheAct {
  position: relative;
}

.addthema {
  display: inline-block;
  background-color: var(--rd-primary-active);
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
  border-radius: var(--rd-borderradius-border-xl);
  letter-spacing: 0;
  line-height: var(--rd-lineheights-1);
}

.addthema:hover {
  background-color: var(--rd-primary-hover);
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-hover);
}

.addthema:focus {
  background-color: var(--rd-primary-pressed);
  border-color: var(--rd-primary-pressed) !important;
}

#qmform form,
.addthema::before {
  background-color: var(--rd-font-light);
}

.addthema::before {
  content: "";
  display: inline-block;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: var(--rd-spacing-x-sm);
  margin-top: -2px;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/src/img/svg/af/icons/pink/plus.svg);
  -webkit-mask-image: url(/src/img/svg/af/icons/pink/plus.svg);
  height: 14px;
  width: 14px;
}

.qm_t_title {
  display: block;
  margin-bottom: var(--rd-spacing-md);
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 28px;
  color: var(--rd-font-dark);
}

.form_title,
.kunder_start_date {
  font-size: var(--rd-fontsize-5);
}

#qmform form>label,
.form_title {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.qm_nav {
  margin-bottom: 20px;
  text-align: right;
}

.drop_down_arrow+a,
.qmImportPreviewNodeChildren .qmImportPreviewNodeChildren span+.qmImportPreviewLabel:before,
.qm_nav span,
.qmedb_header>div {
  display: inline-block;
}

#qmform {
  text-align: center;
}

#qmform form {
  padding: var(--rd-spacing-md);
  background-image: var(--magenta-dashed-border);
  z-index: 1000;
  top: 0;
  margin-bottom: 24px;
  margin-left: 30px;
  margin-right: 5px;
}

#qmform form>label {
  display: block;
  margin-bottom: 0;
}

.form_title {
  margin-bottom: 10px;
}

#qmform form:after {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: var(--cl-pale-grey);
  transform: rotate(45deg);
  bottom: -8.5px;
  left: 15px;
  border-right: var(--rd-borderwidth-border-default) solid #999;
  border-bottom: var(--rd-borderwidth-border-default) solid #999;
}

#qmform input {
  padding: var(--rd-spacing-sm);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin-bottom: 20px;
}

.ces2_form .edit_btn,
.t_edit,
.t_more,
.t_read {
  border-radius: var(--rd-borderradius-border-md);
}

#qmform .note_btn_grid {
  margin-bottom: 5px;
  display: flex;
  justify-content: end;
}

#themenList {
  display: table;
}

#themenList .thema {
  display: table-row;
  padding: 5px;
}

#themenList .thema>* {
  display: table-cell;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  color: var(--cl-ocean-blue);
}

.st_led.Offline {
  background-color: var(--rd-error-hover);
}

.rp_bullet.Erledigt span:before,
.st_led.Online {
  background-color: var(--cl-deep-green);
}

.QMTextCont .t_edit,
.QMTextCont .t_more,
.QMTextCont .t_read,
.rp_bullet.Korrektur span:before,
.t_edit,
.t_more,
.t_read {
  background-color: var(--rd-primary-active);
}

.t_edit,
.t_more,
.t_read {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 32px;
}

#TexteListe li .tc_title:hover .t_actions .t_edit,
#TexteListe li .tc_title:hover .t_actions .t_more,
#TexteListe li .tc_title:hover .t_actions .t_read,
.notdragable li .tc_title:hover .t_actions .t_edit,
.notdragable li .tc_title:hover .t_actions .t_more,
.notdragable li .tc_title:hover .t_actions .t_read,
.t_cont:hover .t_actions .t_edit,
.t_cont:hover .t_actions .t_more,
.t_cont:hover .t_actions .t_read {
  display: inline-block;
  text-align: right;
}

.s3-element {
  border-radius: var(--rd-borderradius-border-xl);
  overflow: hidden;
}

.t_edit::before,
.t_more::before,
.t_read::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: var(--rd-font-light);
  display: inline-block;
  vertical-align: middle;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  margin: var(--rd-spacing-x-sm);
}

#QMEdit_open:before,
.qm_header+.set_right .export:before {
  background-color: var(--rd-primary-active);
  mask-size: contain;
  mask-position: 50%;
}

.t_more::before {
  width: 20px;
  height: 4px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  margin: 15px 6px 13px;
}

#QMEdit_close:before,
#QMEdit_open:before,
.editqm:before,
.qm_header+.set_right .export:before {
  margin-right: 5px;
  width: 15px;
  height: 15px;
  content: "";
  background-size: 100%;
  vertical-align: middle;
}

.t_edit::before {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/svg/af/icons/pink/pencil.svg");
  -webkit-mask-image: url("/src/img/svg/af/icons/pink/pencil.svg");
}

.t_read::before {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/ReadingIcon.svgg");
  -webkit-mask-image: url("/src/img/2021/svg/ReadingIcon.svg");
}

.t_view.t_edit::before {
  mask-image: url("/src/img/svg/af/icons/pink/view.svg");
  -webkit-mask-image: url("/src/img/svg/af/icons/pink/view.svg");
}

.t_more::before {
  mask-image: url("/src/img/2021/svg/More_Points.svg");
  -webkit-mask-image: url("/src/img/2021/svg/More_Points.svg");
}

#QMEdit:checked~#QMEdit_close,
#QMEdit:checked~.qm_header,
#TimeInput:checked~.formfields .forTime,
#UsersInput:checked~.formfields .forUsers,
#qmeditfilter:checked~.filterconent,
.EditQmProcesForm label,
.c-home,
.contracts-app,
.iv2 input:checked~ul,
.modal_dialog.delQMConfirmDialog .pcx_iconalert,
.pcx_wizard .qmBookIntroPreviewHead,
.version_block:hover .version_content,
input:checked~.msg_block,
input:checked~label[for="disabled_messages"].dm_disable,
input~label[for="disabled_messages"].dm_enable {
  display: block;
}

#QMEdit_open:before {
  display: inline-block;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/src/img/svg/af/icons/pink/pencil.svg);
  -webkit-mask-image: url(/src/img/svg/af/icons/pink/pencil.svg);
}

.qm_header+.set_right .export:before {
  display: inline-block;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/src/img/2023/svg/icons/rd-icon-export.svg);
  -webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-export.svg);
}

#QMEdit_close:before,
.editqm:before {
  display: inline-block;
  background-image: url(/src/img/svg/af/pencil-alt-solid_white.svg);
  filter: invert(100);
  opacity: 0.5;
}

.closeform {
  position: absolute;
  background-image: url("/src/img/svg/close_icon_white.svg");
  width: 15px;
  height: 15px;
  right: 10px;
  background-size: 100%;
  filter: invert();
  opacity: 0.5;
}

.top_kurse a {
  margin: 0 !important;
}

.ces2_form .edit_btn {
  background-color: var(--cl-deep-green);
  padding: 2px 10px;
  display: inline-block;
  float: right;
  margin-right: 10px;
}

.ces2_form .rd-primary-btn {
  color: var(--cl-ocean-blue);
  background-image: none;
  border: 0;
  box-shadow: none;
}

.datatable[data-isnewclient="true"] {
  background: #edffd6ff !important;
}

.kunder_start_date {
  font-style: italic;
  color: #999;
}

#ThemenListe,
.notdragable {
  display: block;
  padding: 0 0 20px;
}

#ThemenListe li,
.notdragable li {
  display: block;
  cursor: pointer;
  position: relative;
}

.currDragElement .QMTextCont .tc_title>div,
.currDragElementLektion .QMTextCont .tc_title>div,
.currDragElementText .QMTextCont .tc_title>div,
.qmbook>span,
.t_cont>div {
  display: table-cell;
}

.currDragElement,
.currDragElementLektion,
.currDragElementText {
  background-color: var(--rd-font-light);
  box-shadow: 0 0.12rem 0.125rem rgba(0, 0, 0, 0.25);
  display: block;
}

.my_iv,
.qmbook {
  box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
}

#ThemenListe i.fa,
#ModulListe i.fa,
#InhaltBox i.fa,
.s-l-opener {
  display: inline-block;
  height: 21px;
  position: absolute;
  width: 21px;
}

.hintClass {
  border-left: 1px solid #999;
}

.s-l-opener {
  left: -32px !important;
  top: 12px;
}

.menu-punkt .s-l-opener {
  top: 6px;
}

#ModulListe i.fa,
#ThemenListe i.fa,
#InhaltBox i.fa {
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  background-size: 100%;
}

#ModulListe .fa-plus,
#ThemenListe .fa-plus,
#InhaltBox .fa-plus {
  content: "";
  background-image: url("/src/img/2021/svg/qm-plus.svg");
}

#ModulListe .fa-minus,
#ThemenListe .fa-minus,
#InhaltBox .fa-minus {
  content: "";
  background-image: url("/src/img/2021/svg/qm-minus.svg");
}

.s-l-open>.t_cont .fa-plus {
  background-image: url("/src/img/2021/svg/qm-minus.svg") !important;
}

.t_cont {
  display: table;
  width: 100%;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
}

.handle,
.t_name {
  display: inline-block;
}

.t_cont>div {
  border-right: var(--rd-borderwidth-border-default) solid transparent;
  vertical-align: middle;
}

.handle {
  width: 10px;
  height: 15px;
  background-image: url("/src/img/svg/af/grip-vertical-solid.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: middle;
  opacity: 0.4;
  margin-right: 10px;
}

.t_name {
  min-width: 85%;
}

#ThemenListe,
.notdragable {
  background-color: var(--rd-font-light);
  margin: 0 0 0 25px;
  padding: 5px var(--rd-spacing-xx-sm);
}

#ThemenListe.list.search-results-list {
  margin: 0;
  padding: 16px;
}

#ThemenListe li,
.notdragable li {
  margin-right: 0;
  border-right: 0;
}

#ThemenListe li .t_cont {
  margin-bottom: var(--rd-spacing-x-sm);
  display: table;
  text-align: left;
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  position: relative;
  border-radius: var(--rd-borderradius-border-md);
}

.not-clickable .t_cont {
  background-color: var(--rd-input-disabled);
}

.not-clickable>.t_cont .t_name.clickable {
  cursor: default;
}

#TexteListe .tc_title>span:last-child,
#ThemenListe li .t_cont .t_actions,
#qm_texte .t_actions,
#qm_texte .t_actions+div,
#sharehomestitel>div:nth-child(2),
.iv_grid>span:last-child,
.ngtf_date,
.notdragable .tc_title>span:last-child,
.notdragable li .t_cont .t_actions,
.qmt_btn_grid>div:nth-child(2),
.t_status {
  text-align: right;
}

.element-status {
  font-size: 0;
  top: 0;
  bottom: 0;
  max-width: 12px;
  padding-left: var(--rd-spacing-sm);
  border-radius: var(--rd-borderradius-border-sm) var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-sm);
  transition: width 0.2s linear;
}

.respons_table td {
  position: relative;
}

td .element-status {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 100%;
  left: 0;
}

.element-status:hover {
  padding: var(--rd-spacing-sm);
  min-width: 134px;
  text-align: center;
}

.es-Online,
.es-publict {
  background-color: var(--cl-ocean-blue);
  color: var(--rd-font-light) !important;
  font-weight: 400;
}

ul ul .es-Online {
  border-radius: 2px 0px 0px 2px;
  background: var(--rd-secondary-inactive);
}

.es-releas {
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
}

.es-Offline,
.es-check,
.es-edit,
.es-reedit {
  color: var(--rd-font-light) !important;
  font-weight: 400;
}

.es-Offline,
.es-reedit {
  background-color: var(--cl-light-grey);
}

.es-edit,
.rifelung::before {
  background-color: var(--cl-light-grey);
}

.es-check {
  background-color: var(--cl-yellow);
}

[data-status="Geprüft"].es-check {
  background-color: #d0e2b2;
  color: #526d26 !important;
}

[data-status="Prüfung läuft"].es-check {
  background-color: #fef08a;
  color: #713f12 !important;
}

[data-status="Freigabe läuft"].es-releas {
  background-color: #eab308;
  color: #713f12 !important;
}

[data-status="Korrektur"].es-reedit {
  background-color: #fb7185;
  color: #9f1239 !important;
}

[data-status="Entwurf"] {
  color: #535353 !important;
}

#TexteListe .tc_title,
.notdragable .tc_title,
.qm_text .qm_title,
.text_titel,
.version_block .version_content li b {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.es-archiv {
  background-color: var(--rd-error-hover);
  color: var(--rd-font-light);
}

.anhangbox,
.qmbook {
  background-color: var(--rd-font-light);
}

#ThemenListe li .t_cont .t_name b,
.change_thema,
.delQMConfirmDialog .modal_dialog_closelink,
.lese-pflicht-form .dropdown_label,
.move_content form .move_text .tipp span,
.notdragable li .t_cont .t_name b,
.qmeval .id_table_input>div label {
  color: var(--rd-font-dark);
}

#ThemenListe li .t_cont .t_name,
.notdragable li .t_cont .t_name {
  color: var(--cl-ocean-blue);
  align-self: center;
  position: relative;
  z-index: 10;
  line-height: 36px;
  vertical-align: middle;
  width: 100%;
  padding: 6px;
}

#ThemenListe li .t_cont .t_name,
#qmformtext input[type="text"],
.qm_thumbnail_preview img,
.qm_users.ic_users,
.vg-cont img {
  width: 100%;
}

.qmp_img img {
  width: 100%;
}

#ThemenListe li .t_cont .t_status,
.notdragable li .t_cont .t_status {
  grid-area: ST;
}

#ThemenListe li .t_cont>span,
#ModulListe li .t_cont>span,
.notdragable li .t_cont>span {
  position: absolute;
  left: 0;
}

#ThemenListe>li>ul,
.notdragable>li>ul {
  padding-bottom: 1px;
}

.s-l-open>ul {
  display: block !important;
}

.t_status {
  width: 15px;
  padding: 0;
}

.qm_img,
.qm_such_btn,
.rifelung {
  text-align: center;
}

.rifelung {
  padding: 6px;
  vertical-align: middle;
  width: 30px;
  padding-left: var(--rd-spacing-x-sm);
}

.notdragable .rifelung {
  opacity: 0;
  width: 0;
  display: none !important;
}

.change_thema::before,
.rifelung::before {
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  content: "";
}

.rifelung::before {
  bottom: 0;
  height: 12px;
  width: 20px;
  z-index: 5;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/qm-burger.svg");
  -webkit-mask-image: url("/src/img/2021/svg/qm-burger.svg");
  cursor: move;
}

.change_thema {
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 46px;
}

.change_thema::before {
  height: 40px;
  width: 40px;
  background-image: url(/src/img/svg/frageicon.svg);
  margin-right: var(--rd-spacing-x-sm);
}

#QM_Tamplate_Thema_form,
#qmformtext .qm_text_form {
  position: absolute;
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  padding: var(--rd-spacing-big);
  left: 20px;
  right: 17px;
  top: 0;
  overflow: auto;
  box-sizing: border-box;
  bottom: 0;
  z-index: 1000;
  min-height: 250px;
}

#qmformtext #anhang_box>label,
#qmformtext #video_box>label,
#qmformtext .qm_text_form>label {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-1);
}

#qmformtext input,
#qmformtext select {
  padding: 10px;
  margin-bottom: 10px;
}

.pc_durationvalue_wrap input,
.qmvg_i label,
label.quickfilter {
  margin-bottom: 0 !important;
}

#qmformtext .simditor {
  overflow: hidden;
  margin-bottom: 20px;
}

textarea[name="videoCode"] {
  width: 100%;
  min-height: 100px;
  padding: 10px;
  margin-bottom: 10px;
}

.qmbook {
  display: table;
  margin-bottom: 10px;
  width: 100%;
}

.qm_img {
  width: 150px;
}

.qm_img img {
  max-height: 50px;
  padding: 5px;
}

.qm_text {
  padding-left: 10px;
  color: #535353;
  vertical-align: top;
}

.qm_text span {
  display: block;
  vertical-align: top;
}

.qm_text .qm_date {
  font-size: var(--rd-fontsize-3);
  color: #999;
}

#TexteListe,
.notdragable {
  display: block;
  margin: 10px 0 0;
  padding: 0;
}

#QmFilterRemover,
.delQMConfirmDialog .button.small {
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

#TexteListe>li,
.notdragable>li {
  display: block;
  background-color: var(--c-white);
  position: relative;
}

.QMTextCont {
  margin-bottom: var(--rd-spacing-x-sm);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

.grouped .QMTextCont:nth-child(2) {
  position: relatve;
  margin-left: 16px;
  margin-top: -4px;
}

.grouped .QMTextCont:nth-child(2):before {
  content: "";
  position: absolute;
  width: 16px;
  height: 30px;
  left: -16px;
  top: -6px;
  border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.anhangbox,
.my_iv {
  border-radius: var(--rd-borderradius-border-md);
}

#TexteListe .tc_title,
.notdragable .tc_title,
.qm_search_active .tc_title {
  font-size: var(--rd-fontsize-5);
  line-height: 16px;
  cursor: pointer;
  width: 100%;
  display: table;
}

.anhangbox label,
.delQMConfirmDialog .warnHeadline,
.ivg_titel,
.qm_thema,
.vg-side h3 {
  font-weight: var(--rd-fontweights-open-sans-0);
}

#qm_texte .text_button,
.QMCreationIntroDialog .pc_ufiles_uploadlink::after,
.QMImportWizard .pc_ufiles_uploadlink::after,
.anhangbox a,
.anhangbox label {
  font-size: var(--rd-fontsize-4);
}

#TexteListe .tc_title .dropdownarrow,
.notdragable .tc_title .dropdownarrow {
  margin-bottom: 0;
  width: 8px;
  margin-right: var(--rd-spacing-md);
  margin-left: var(--rd-spacing-xx-sm);
}

.tct_text {
  padding: 6px var(--rd-spacing-md);
  line-height: 36px;
  width: 100%;
}

.anhangbox,
.footage_grid>div,
.qmvg_h th {
  padding: 10px;
}

#TexteListe .tc_title label:before,
.notdragable .tc_title label:before {
  content: "";
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 10px;
  background-image: url("/src/img/2023/svg/icons/rd-icon-arrowDown.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  right: 0;
  top: 12px;
  transform: rotate(0);
  transition: 0.2s linear;
}

#TexteListe input:checked+.tc_title label:before,
.notdragable input:checked+.tc_title label:before {
  transform: rotate(-90deg);
}

.tc_cont {
  display: block;
  padding-top: 10px;
}

input:checked~.tc_cont {
  display: none;
  padding-top: 0;
}

.videobox {
  margin-bottom: 40px;
  display: block;
}

.anhangbox {
  display: block;
  margin-bottom: 10px;
}

.anhangbox label,
.my_iv,
.my_iv ul,
.qm_title span span {
  display: inline-block;
}

.my_iv,
.qmvg_c,
.qmvg_i {
  background-color: var(--rd-font-light);
  padding: var(--rd-spacing-big);
}

.anhangbox label {
  margin-right: 10px;
  letter-spacing: 0;
  line-height: 29px;
  color: var(--cl-asphalt-blue);
}

.anhangbox label:before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-right: 14px;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/paperclip.svg");
  -webkit-mask-image: url("/src/img/2021/svg/paperclip.svg");
  background-color: var(--rd-primary-active);
}

#TexteListe .tc_title>div,
#TexteListe .tc_title>span,
.notdragable .tc_title>div,
.notdragable .tc_title>span,
.search-texte-list .tc_title>* {
  display: table-cell;
  vertical-align: middle;
  color: var(--cl-asphalt-blue);
}

.qm_title>span {
  vertical-align: middle;
  margin-top: -3px;
  width: auto;
  font-size: var(--rd-fontsize-3);
  color: #999;
  font-style: italic;
  margin-left: 5px;
}

.qm_title span span {
  width: 8px;
}

.my_iv ul {
  width: 100%;
  margin: 0;
}

.my_iv>ul ul {
  padding-left: 30px;
}

.iv_grid {
  line-height: 28px;
  display: inline-table;
}

.iv_grid>span {
  display: table-cell;
  vertical-align: top;
}

.ivg_titel,
.vg-side h3 {
  font-size: var(--rd-fontsize-7);
  letter-spacing: 0;
  line-height: 28px;
}

.qm_thema,
.qmvg_h th.qm_titel {
  font-size: var(--rd-fontsize-8);
}

.ivg_seite {
  margin-right: var(--rd-spacing-md);
}

#QMEdit_open,
.duplicateqm {
  margin-right: 10px;
}

.qmvg_h th img {
  max-width: 220px;
}

.qmvg_h th.qm_date {
  vertical-align: top;
  font-weight: 400;
  color: #999;
}

.qm_thema {
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 26px;
  color: var(--rd-font-dark);
}

.text_cont {
  padding-left: 20px;
  margin-bottom: 36px;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30);
  padding-bottom: var(--rd-spacing-md);
}

.tc_cont *,
.tcc_desc img,
.text_cont * {
  max-width: 100%;
}

.deleteqm,
.deleteqm:hover,
.duplicateqm,
.duplicateqm:hover,
.showqm,
.showqm:hover {
  color: #535353;
}

.deleteqm:before,
.duplicateqm:before,
.showqm:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  vertical-align: middle;
  margin-right: 5px;
  background-color: var(--rd-primary-active);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/src/img/svg/af/icons/pink/view.svg);
  -webkit-mask-image: url(/src/img/svg/af/icons/pink/view.svg);
}

.deleteqm::before {
  mask-position: 100%;
  -webkit-mask-position: 100%;
  mask-image: url(/src/img/svg/trashv2.svg);
  -webkit-mask-image: url(/src/img/svg/trashv2.svg);
}

.duplicateqm::before {
  mask-position: 100%;
  -webkit-mask-position: 100%;
  mask-image: url(/src/img/2021/svg/Duplictate.svg);
  -webkit-mask-image: url(/src/img/2021/svg/Duplictate.svg);
}

.delQMConfirmDialog .warnHeadline {
  font-size: var(--rd-fontsize-11);
  color: var(--rd-error-hover);
  line-height: 36px;
  margin-bottom: 48px;
  margin-top: 24px;
}

.delQMConfirmDialog .warnInfo {
  font-size: var(--rd-fontsize-5);
  line-height: 24px;
  color: var(--cl-asphalt-blue);
  max-width: 480px;
}

#QMEdit_open,
.set_right .deleteqm,
.set_right .duplicateqm,
.set_right .export,
.set_right .showqm {
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.delQMConfirmDialog .modal_dialog_top::before {
  content: "";
  display: inline-block;
  background-image: url(/src/img/2021/svg/attention.svg);
  background-size: 100%;
  background-position: 50%;
  height: 46px;
  width: 51px;
  position: absolute;
  top: 24px;
  left: 264px;
}

.delQMConfirmDialog .modal_dialog_mid,
.delQMConfirmDialog .pcx_iconalert {
  padding-bottom: 0 !important;
}

.delQMConfirmDialog .pcx_iconalert_msg {
  padding: 0.45em 1em 2em;
}

.modal_dialog.delQMConfirmDialog>div.modal_dialog_bottom {
  padding-bottom: 26px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

#QMEdit_open {
  margin-bottom: 0;
}

.qm_suchfrom {
  margin-bottom: 14px;
}

.qm_suchfrom input {
  padding: var(--rd-spacing-x-sm) 0 9px var(--rd-spacing-md);
  width: calc(100% - 41px);
  font-size: var(--rd-fontsize-4);
  line-height: 16px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  color: var(--cl-blue-grey);
  height: 35px;
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-sm) var(--rd-borderradius-border-md);
  margin-left: 1px;
  border-left: 5px solid var(--rd-font-dark);
}

.addordner,
.footage_grid {
  border-radius: var(--rd-borderradius-border-md);
}

.qm_such_btn {
  background-color: var(--cl-deep-green);
  display: inline-block;
  font-size: var(--rd-fontsize-5);
  line-height: 26px;
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
  margin-left: 0;
  cursor: pointer;
  font-size: 0;
  height: 35px;
  width: 40px;
  vertical-align: top;
  float: right;
}

#conttext,
.footage_grid,
.qm-more-form button:hover:after,
.qm-more-form span:hover:after,
.qm_such_btn:before {
  background-color: var(--rd-font-light);
}

.qmoptionsmenu .copy:hover::before,
.qmoptionsmenu .deleat:hover:before,
.qmoptionsmenu .export:hover:before,
.qmoptionsmenu .share:hover:before,
.qmoptionsmenu .settings:hover:before,
.qmoptionsmenu .reset:hover:before {
  background-color: var(--rd-primary-hover);
}

.qmoptionsmenu .copy:focus::before,
.qmoptionsmenu .deleat:focus:before,
.qmoptionsmenu .export:focus:before,
.qmoptionsmenu .share:focus:before,
.qmoptionsmenu .settings:focus:before {
  background-color: var(--rd-primary-pressesd);
}

.qm-user-count,
.read-date,
body.footage .def_btn {
  font-size: var(--rd-fontsize-4);
}

.qm_such_btn:before {
  content: "";
  height: 21.81px;
  width: 20.6px;
  display: inline-block;
  margin-top: 6.5px;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/search_icon.svg");
  -webkit-mask-image: url("/src/img/2021/svg/search_icon.svg");
}

.qm_such_btn:hover {
  opacity: 0.8;
}

.editqm {
  margin-bottom: 10px;
  display: block;
  color: #535353;
}

.find {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-primary-active);
  text-transform: uppercase;
}

.del_suche {
  color: #535353;
  display: inline-block;
  margin-top: -40px;
  position: absolute;
}

.del_suche span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background-image: url("/src/img/svg/af/close-red.svg");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.footage_grid {
  display: grid;
  grid-template-areas: "ORDNER ITEMS";
  width: 100%;
  box-shadow: 0 0.12rem 0.125rem rgba(0, 0, 0, 0.25);
  grid-template-columns: 420px auto;
}

.form-header-grid,
.vorlage-grid {
  grid-template-areas: "SIDE CONT";
}

#fg_nav {
  grid-area: ORDNER;
  position: relative;
  overflow-x: scroll;
}

#fg_nav:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background-size: 100%;
  background-image: url(../img/shadow.png);
  opacity: 0.4;
}

.addordner {
  display: inline-block;
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
  padding: 5px 10px;
  cursor: pointer;
}

.qm-more-form,
.qm-more-form:before {
  background-color: var(--cl-light-blue);
  position: absolute;
}

.addordner:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  background-image: url("/src/img/svg/af/folder-plus-solid.svg");
  filter: invert();
  margin-right: 5px;
  vertical-align: top;
  margin-top: 5px;
}

#qm_thema_form {
  z-index: 10;
}

.aktive>.t_cont::before {
  border: 2px solid var(--rd-primary-active);
  border-radius: var(--rd-borderradius-border-md);
}

body.footage .def_btn {
  display: inline-block;
  background-color: var(--rd-primary-active);
  padding: 5px;
  border: none;
  border-radius: var(--rd-borderradius-border-md);
  color: var(--rd-font-light);
  font-weight: 400;
  cursor: pointer;
  line-height: 14px;
}

.qm-more-form li.blank-line,
.qm-more-form:before {
  border-top: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
}

.qm-more-form li,
.qm-more-form ul {
  display: block;
  margin: 0;
  padding-left: 0 !important;
  border-radius: var(--rd-borderradius-border-md);
}

.qm-more-form {
  right: 10px;
  top: calc(100% + 5px);
  padding: var(--rd-spacing-md);
  box-shadow:
    0 20px 25px -5px rgba(15, 15, 16, 0.1),
    0 10px 10px -5px rgba(15, 15, 16, 0.04);
  border-radius: 4px;
  border: 0.5px solid var(--Gray-Dark-Gray-400, #ccc);
  z-index: 100;
  background-color: var(--rd-font-light);
}

.qm-user-count,
.scrol-element {
  background-color: var(--rd-font-light);
}

/* .qm-more-form:before {
	content: "";
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	top: -10.5px;
	right: 15px;
	border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
} */

.qm-more-form button,
.qm-more-form span,
.qm-more-form a {
  color: var(--rd-font-dark);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 132%;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  position: relative;
  border-radius: var(--rd-spacing-xx-sm);
  text-align: left;
  border: none;
  width: 100%;
  background-color: transparent;
  font-weight: var(--rd-fontweights-open-sans-1);
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 0 var(--rd-spacing-x-sm);
}

.qm-more-form a.edit {
  padding-left: 0;
}

.qm-more-form span {
  padding: 0 !important;
  padding-right: var(--rd-spacing-xxx-big) !important;
  margin-bottom: 8px;
}

.qm-more-form span.disabled,
.qm-more-form span.disabled:hover {
  color: var(--rd-secondary-inactive);
}

.qm-more-form li.blank-line {
  /*margin: 0 var(--rd-spacing-x-sm);*/
  margin: var(--rd-spacing-md) 0;
}

.qm-more-form li:last-child span {
  margin-bottom: 0;
}

.qm-more-form button::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: var(--cl-asphalt-blue);
  vertical-align: middle;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.qm-more-form span:before,
.qm-more-form a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: var(--rd-font-dark);
  vertical-align: middle;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.qm-more-form span.profeature:before,
.qm-more-form span.profeature:hover:before {
  width: 36px;
  border-radius: 96px;
  background: var(--rd-red-100);
  content: "Pro";
  padding: 2px 8px;
  color: #752522;
  text-align: center;
  font-size: var(--rd-fontsize-3);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 16px;
  /* 133.333% */
}

body.qmh_form_homes .center {
  margin-bottom: 100px;
}

.qm-more-form span.disabled:before,
.qm-more-form span.disabled:hover:before {
  background-color: var(--rd-secondary-inactive);
}

.qm-more-form span:hover:before,
.qm-more-form button:hover:before {
  background-color: var(--rd-primary-hover);
}

.qm-more-form span:focus:before,
.qm-more-form button:focus:before {
  background-color: var(--rd-primary-pressed);
}

.qm-more-form .disabled span::before {
  background-color: #ccc;
}

.qm-more-form .del:before,
.qmoptionsmenu .deleat:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-trash.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-trash.svg");
  mask-size: 20px;
  -webkit-mask-size: 20px;
}

.qm-more-form .edit::before {

  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-pencil.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-pencil.svg");

}

.qm-more-form .share::before {
  mask-image: url("/src/img/2023/svg/icons/rd-icon-shared.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-shared.svg");
}

.qm-more-form span.copy::before {
  mask-image: url("/src/img/2021/svg/qm-copy.svg");
  -webkit-mask-image: url("/src/img/2021/svg/qm-copy.svg");
}

.qm-more-form span.import:before {
  mask-image: url("/src/img/2021/svg/Import.svg");
  -webkit-mask-image: url("/src/img/2021/svg/Import.svg");
}

.qm-more-form span.qmcheck:before,
.rd-icon-qm-check:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-clipboard-check.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-clipboard-check.svg");
}

.qm-more-form span.qmreleas:before,
.rd-icon-release:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-shield-check.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-shield-check.svg");
}

.qm-more-form span.qmarchiv::before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-archive.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-archive.svg");
}

.qm-more-form span.export:before,
.qmoptionsmenu .export:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-download.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-download.svg");
}

.qm-more-form span.qmedit:before {
  mask-image: url("/src/img/2021/svg/Draft.svg");
  -webkit-mask-image: url("/src/img/2021/svg/Draft.svg");
}

.qm-more-form span.qmpublic:before,
.rd-icon-publish:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-paper-airplane.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-paper-airplane.svg");
}

.qm-more-form span.qmduplicate:before,
.qmoptionsmenu .copy:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-duplicate.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-duplicate.svg");
}

.qm-more-form span.print:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-printer.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-printer.svg");
}

.qm-more-form span.qmaccses:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-lock-open.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-lock-open.svg");
}

.qm-more-form span.usersAdd:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-users.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-users.svg");
}

.qm-more-form span.online:before {
  mask-image: url("/src/img/2021/svg/qm-online.svg");
  -webkit-mask-image: url("/src/img/2021/svg/qm-online.svg");
}

.qm-more-form span.offline:before {
  mask-image: url("/src/img/2021/svg/qm-offline.svg");
  -webkit-mask-image: url("/src/img/2021/svg/qm-offline.svg");
}

.qm-more-form span.reminder:before {
  mask-image: url("/src/img/2023/svg/icons/bell.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/bell.svg");
}

.qm-more-form span.eval:before,
.rd-icon-qm-eval:before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-refresh.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-refresh.svg");
}

.qm-more-form span:hover,
.qm-more-form button:hover {
  color: var(--rd-primary-hover);
}

.qm-more-form span:focus,
.qm-more-form button:focus {
  color: var(--rd-primary-pressed);
}

.qm-more-form span.view::before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-eye-on.svg") !important;
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-eye-on.svg") !important;
}

.t_actions {
  position: relative;
  padding: 6px;
  text-align: right;
}

.ta-grid-count {
  display: flex;
  gap: 4px;
}

.qm-user-count {
  color: var(--cl-asphalt-blue);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 16px;
  border: var(--rd-borderwidth-border-default) solid #979797;
  border-radius: var(--rd-borderradius-border-xl);
  min-width: 39px;
  text-align: center;
  padding: 2px var(--rd-spacing-x-sm);
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
  margin-right: var(--rd-spacing-x-sm);
  height: auto;
  width: auto;
  background-image: none;
}

#content_load_div>div>div>div,
.qm-confirm-block-complead,
.scrol-element,
.tcc_desc {
  padding: var(--rd-spacing-md);
}

.tcc_desc>div {
  min-height: 1rem;
  /** Dont change back to 0, ask IT Team before reverting this change! **/
}

#QmFilterRemover,
.mr20 {
  margin-right: 20px;
}

.accses_content {
  height: 22.6px;
  width: 15.05px;
  display: inline-block;
  position: relative;
  margin-top: var(--rd-spacing-xx-sm);
}

.accses_content:before {
  content: "";
  display: inline-block;
  background-color: var(--rd-primary-active);
  height: 18.6px;
  width: 10.05px;
  left: 1px;
  top: 0;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  vertical-align: middle;
  mask-image: url("/src/img/2021/svg/AccessKey.svg");
  -webkit-mask-image: url("/src/img/2021/svg/AccessKey.svg");
}

.tct_text_icon {
  grid-area: ICON;
  width: 20px;
}

.QMTextCont[data-typ="Anhang"] .tct_text_icon:before,
.QMTextCont[data-typ="Organigramm"] .tct_text_icon:before,
.QMTextCont[data-typ="Text"] .tct_text_icon:before,
.QMTextCont[data-typ="Video"] .tct_text_icon:before {
  display: inline-block;
  content: "";
  height: 20px;
  width: 20px;
  background-color: var(--cl-asphalt-blue);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: var(--rd-spacing-x-sm);
}

.qmtyp,
.qmvg_i h2 label:after {
  mask-position: 50%;
  mask-repeat: no-repeat;
}

.QMTextCont[data-typ="Video"] .tct_text_icon:before,
.qmtyp.Video,
.qpude_typ.Video span {
  mask-image: url("/src/img/2021/svg/video-content.svg");
  -webkit-mask-image: url("/src/img/2021/svg/video-content.svg");
}

.QMTextCont[data-typ="Text"] .tct_text_icon:before {
  mask-image: url("/src/img/2021/svg/text-content.svg");
  -webkit-mask-image: url("/src/img/2021/svg/text-content.svg");
}

.QMTextCont[data-typ="Organigramm"] .tct_text_icon:before {
  mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
  -webkit-mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
}

.QMTextCont[data-typ="Anhang"] .tct_text_icon:before,
.qmtyp.Anhang,
.qpude_typ.Anhang span {
  mask-image: url("/src/img/2021/svg/paperclip.svg");
  -webkit-mask-image: url("/src/img/2021/svg/paperclip.svg");
}

.qm-view {
  grid-auto-columns: calc(8 * 100% / 12) calc(4 * 100% / 12);
}

.qmv-content iframe,
.qmv-content img {
  max-width: 100%;
  object-fit: contain;
}

.qmv-content {
  grid-area: CONT;
}

.qmv-sidebar {
  grid-area: SIDE;
  position: relative;
  padding-left: var(--rd-spacing-md);
}

.scrol-element {
  display: inline-block;
  width: 100%;
  border-left: 5px solid var(--rd-primary-active) !important;
  transition: 0.2s linear;
  z-index: 100;
  max-height: 100vh;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  overflow-y: scroll;
}

.scrol-element[style="position: fixed;"] {
  top: 10px;
}

#content_load_div:has(*) {
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  padding: var(--rd-spacing-md);
}

#content_load_div>div.confirm_element {
  padding: var(--rd-spacing-md);
  background-image: var(--magenta-dashed-border);
}

.qm-confirm-block-complead {
  background-color: var(--cl-blue-box);
  color: var(--rd-font-dark);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.read-date {
  display: block;
  color: #535353;
  font-style: italic;
  opacity: 0.7;
}

.qmtyp {
  display: inline-block;
  background-color: var(--cl-blue-grey);
  width: 20px;
  height: 20px;
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
}

.newposition,
.qmvg_h table,
.qmvg_i,
.thg-input input {
  background-color: var(--rd-font-light);
}

.qmtyp.Thema,
.qpude_typ.Thema span {
  mask-image: url("/src/img/2021/svg/file.svg");
  -webkit-mask-image: url("/src/img/2021/svg/file.svg");
}

.qmtyp.Text,
.qpude_typ.Text span {
  mask-image: url("/src/img/2021/thema-Icon.svg");
  -webkit-mask-image: url("/src/img/2021/thema-Icon.svg");
}

.tcc_desc ul {
  margin-bottom: 20px;
}

.form-header-grid {
  display: inline-grid;
}

.form-header-grid .fhg-title {
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 28px;
}

.qm-vorlage-overlay {
  width: 90%;
  max-width: 1200px;
}

.thg-input {
  padding-left: 20px;
}

.thg-input input {
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  padding: 3px 5px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  box-shadow: 0 2px 30px 2px rgba(192, 220, 244, 0.17);
  min-width: 250px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top 5px right 5px;
  background-image: url("	/src/img/svg/af/search-gray.svg");
}

.vg-side li,
.vorlage-h-title {
  font-size: var(--rd-fontsize-5);
  line-height: 24px;
  letter-spacing: 0;
}

.vorlage-grid {
  display: grid;
  grid-auto-columns: 220px auto;
}

.vg-side {
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  grid-area: SIDE;
}

.vg-cont {
  grid-area: CONT;
  padding-left: 31px;
}

.vg-side ul {
  display: block;
  margin: 0;
  margin-right: var(--rd-spacing-md);
}

.vg-side li {
  display: block;
  margin-bottom: 0;
  padding: 3px var(--rd-spacing-md);
  cursor: pointer;
}

.qmacces legend,
.qmv-sidebar h3,
.qmvg_i h2 {
  line-height: 28px;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.qmsnippetsCategories li>.qmSnippetSideLabel:hover,
.qmsnippetsCategories li[data-selected="true"]>.qmSnippetSideLabel,
.vg-side li.aktiv,
.vg-side li:hover {
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  border-radius: var(--rd-borderradius-border-md);
}

.qmsnippetsCategories li>.qmSnippetSideLabel:hover::before,
.qmsnippetsCategories li[data-selected="true"]>.qmSnippetSideLabel::before {
  background-color: var(--rd-font-light);
}

.vorlage-h-title {
  color: var(--cl-asphalt-blue);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.qm-edift-form-label,
.qm-text-confirm-text,
.qm_vorschau_h .text_button {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.currDragElement,
.currDragElementLektion,
.currDragElementText {
  transform: rotate(5deg);
  border-radius: var(--rd-borderradius-border-md);
  cursor: pointer;
  filter: opacity(0.8);
  line-height: 30px;
  z-index: -1;
  position: absolute;
  pointer-events: none;
}

.dropdowthema,
.qmvg_i h2 label:after {
  transform: rotate(-90deg);
  cursor: pointer;
  transition: 0.2s linear;
}

.currDragElement .t_cont,
.currDragElementLektion .t_cont,
.currDragElementText .t_cont {
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
  z-index: -1;
}

.currDragElement ul,
.currDragElementLektion ul,
.currDragElementText ul,
.recover_element+div {
  display: none !important;
}

.newposition {
  border: var(--rd-borderwidth-border-default) dashed #999;
  max-height: 50px;
  border: var(--rd-borderwidth-border-default) dashed var(--rd-primary-active) !important;
  max-width: 100%;
  border-radius: var(--rd-borderradius-border-md);
  margin: 2px;
}

#ProcesTaskMsg .msg_block label,
.qm-head-titel,
.qmCreationChoicePic,
.qmSnippetPic {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.qmCreationChoice,
.qmvg_i {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.qm-view-nav,
.qm_vorschau_h h1 {
  margin: var(--rd-spacing-xx-sm) 0 24px;
}

.qm-view-nav {
  text-align: right;
  font-size: var(--rd-fontsize-3);
}

.qm_vorschau_h .text_button {
  color: var(--rd-font-dark);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
}

#qm_texte .text_button.icon:before {
  height: 14px;
  width: 14px;
}

.qm_vorschau_h .text_button.icon:before {
  height: 15px;
  width: 15px;
  margin-right: var(--rd-spacing-x-sm);
}

.qm-view-nav a,
.qm_form_menu>div {
  margin-left: var(--rd-spacing-md);
}

.qmvg_h table {
  margin: 0;
}

.confirm_element .text_to_confirm,
.confirm_freigabe_cancel .rp_bullet span,
.confirm_freigabe_finisch .rp_bullet span,
.qmvg_h table tbody tr,
.releas_info li:last-child,
.vorschau_switch a:last-child {
  border: none;
}

.qmvg_i {
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  margin-bottom: 17px;
  padding: 0;
}

.qmvg_i>ul {
  max-height: 317px;
  overflow-y: scroll;
  padding-right: 20px;
}

.qmvg_i ::-webkit-scrollbar {
  width: 5px;
}

.qmvg_i::-webkit-scrollbar-track {
  background: var(--rd-font-light);
}

.qmvg_i ::-webkit-scrollbar-thumb {
  background: var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

.qmvg_i ::-webkit-scrollbar-thumb:hover {
  background: #bebebe;
}

.qmvg_i h2 {
  font-size: var(--rd-fontsize-8);
  letter-spacing: 0;
  margin-bottom: 0;
  padding: var(--rd-spacing-md);
  border-left: 5px solid var(--rd-font-dark);
}

.qmvg_i h2 label {
  display: block;
  cursor: pointer;
}

.qmvg_i h2 label:after {
  content: "";
  display: inline-block;
  height: 9px;
  width: 17px;
  background-color: var(--cl-dark-text);
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/Arrow_down.svg");
  -webkit-mask-image: url("/src/img/2021/svg/Arrow_down.svg");
  float: right;
  margin-top: 5px;
  margin-right: 20px;
}

#IvCheckbox:checked+h2 label:after,
.iv2 input:checked~.iv_grid .dropdowthema {
  transform: rotate(0);
}

.ivg_kenung {
  margin-right: 5px;
}

.qmv-sidebar h3 {
  font-size: var(--rd-fontsize-7);
  letter-spacing: 0;
  margin-bottom: 28px;
}

.endofthema {
  text-align: center;
  color: var(--cl-light-grey);
  position: relative;
}

.endofthema:after,
.endofthema:before {
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  width: 40%;
  border-top: 1px solid var(--cl-light-grey);
  opacity: 0.5;
  top: 12px;
}

.endofthema:before {
  left: 0;
}

.endofthema:after {
  right: 0;
}

#qm-accses-rolls {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-gap: 20px;
  -webkit-column-gap: 13px;
  -moz-column-gap: 13px;
  overflow-y: scroll;
  max-width: 100%;
  max-height: 400px;
}

.qmacces form {
  max-width: 957px;
}

.fromoverlay h4+p,
.qm-disabled-title,
.qm-disabled-typ,
.qmacces p {
  margin-bottom: 32px;
}

.qm-disabled-text {
  min-height: 400px;
}

.qm-edift-form-label+span,
.qm-text-confirm-text {
  letter-spacing: 0;
  margin-bottom: var(--rd-spacing-md);
}

.qmacces legend {
  border: none;
  font-size: var(--rd-fontsize-8);
  letter-spacing: 0;
  color: var(--rd-font-dark);
}

.qm-lese-user-nav>div,
.ulun-time:before,
.ulun-user:before {
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
}

#qm-accses-rolls .pc_label_checkbox {
  display: inline-block;
  height: 24px;
  width: 24px;
  vertical-align: top;
  mask-size: 10%;
  -webkit-mask-size: 100%;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/unlock-big.svg");
  -webkit-mask-image: url("/src/img/2021/svg/unlock-big.svg");
  background-color: var(--cl-deep-green);
}

#qm-accses-rolls.islocket .pc_label_checkbox {
  background-color: var(--rd-error-hover);
  mask-image: url("/src/img/2021/svg/lock-big.svg");
  -webkit-mask-image: url("/src/img/2021/svg/lock-big.svg");
}

#qm-accses-rolls.islocket input:checked~.pc_label_checkbox,
#qm-accses-rolls.islocket *.checked~.pc_label_checkbox {
  background-color: var(--cl-deep-green);
  mask-image: url("/src/img/2021/svg/unlock-big.svg");
  -webkit-mask-image: url("/src/img/2021/svg/unlock-big.svg");
}

.accses_content:hover .accses_info {
  position: absolute;
  display: inline-block;
  background-color: var(--cl-asphalt-blue);
  bottom: calc(100% + 20px);
  left: -25px;
  z-index: 2100;
  color: var(--cl-light-blue);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  padding: var(--rd-spacing-md);
  border-radius: var(--rd-borderradius-border-md);
}

.accses_content:hover .accses_info:before {
  content: "";
  background-color: var(--cl-asphalt-blue);
  display: inline-block;
  width: 25px;
  height: 25px;
  bottom: -11px;
  position: absolute;
  transform: rotate(45deg);
}

.accses_content:hover .accses_info ul {
  margin: 0;
}

.qm-confirm-block {
  text-align: center;
  margin-top: 32px;
}

.qm-text-confirm-text {
  font-size: var(--rd-fontsize-5);
  line-height: 24px;
  text-align: center;
  color: var(--rd-font-dark);
}

.qm-date-range,
.qm-edift-form-label {
  margin-bottom: var(--rd-spacing-x-sm);
}

#remove-accses-lock {
  display: none;
  float: left;
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--cl-ocean-blue);
}

.ta-grid {
  display: none;
  grid-template-areas: "ICON1 ICON2";
  grid-gap: var(--rd-spacing-x-sm);
  vertical-align: middle;
}

.qm-lese-user-nav {
  padding: 52px 48px 32px;
  text-align: left;
}

.newQMUserAddPopup .qm-lese-user-nav {
  padding: 0;
  margin-bottom: var(--rd-spacing-lg);
}

.qm-lese-user-nav>div {
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 32px;
  color: #212b36;
}

.qm-lese-user-nav .ulun-user {
  margin-right: 40px;
}

.qm-lese-user-nav .ulun-time {
  margin-left: 40px;
}

.ulun-user:before {
  content: "2";
}

.ulun-time:before {
  content: "1";
}

.ulun-time:before,
.ulun-user:before {
  background-color: var(--cl-light-grey);
  color: var(--cl-dark-grey);
  height: 32px;
  width: 32px;
  margin-right: var(--rd-spacing-sm);
  text-align: center;
}

#TimeInput:checked~.qm-lese-user-nav .ulun-time:before,
#UsersInput:checked~.qm-lese-user-nav .ulun-user:before {
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
}

.qmoptionsmenu .copy:hover,
.qmoptionsmenu .deleat:hover,
.qmoptionsmenu .export:hover,
.qmoptionsmenu .share:hover,
.qmoptionsmenu .settings:hover,
.qmoptionsmenu .reset:hover {
  color: var(--rd-primary-hover);
}

.qmoptionsmenu .copy:focus,
.qmoptionsmenu .deleat:focus,
.qmoptionsmenu .export:focus,
.qmoptionsmenu .share:focus {
  color: var(--rd-primary-pressed);
}

.qmoptionsmenu .deleat,
.qmoptionsmenu .reset {
  color: var(--rd-error-default);
}

.qmoptionsmenu .deleat::before,
.qmoptionsmenu .reset::before {
  background-color: var(--rd-error-default);
}

.qmoptionsmenu .reset::before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-refresh.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-refresh.svg");
}

.qmoptionsmenu .settings::before {
  mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-cog.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-cog.svg");
}

.lese-pflicht-form #TimeInput:checked~.qm-lese-user-nav .ulun-user:before,
.newQMUserAddPopup #UsersInput:checked~.qm-lese-user-nav .ulun-time:before {
  content: "";
  background-color: var(--cl-deep-green);
  position: relative;
  background-image: url(/src/img/2021/svg/Haekchen.svg);
  background-repeat: no-repeat;
  background-position: 50%;
}

.ulun-trenner {
  width: 14%;
  border-top: 1px solid var(--cl-light-grey);
}

.foruser_liste {
  max-height: 379px;
  overflow: hidden;
  overflow-x: hidden;
}

.long_list {
  max-height: unset;
}

.fromoverlay h4 {
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 28px;
  color: var(--rd-font-dark);
}

.lese-pflicht-form .form_btn_block label,
.lese-pflicht-form .form_btn_block span {
  vertical-align: top;
}

.lese-pflicht-form .id_table_input label+span {
  display: block;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--rd-font-dark);
  max-width: 172px;
}

#ArcivTextBtn {
  position: absolute;
  right: 0;
  top: -27px;
}

.qm-edift-form-label {
  display: block;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
}

.qm-edift-form-label+span {
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
  display: block;
  color: var(--cl-blue-grey);
}

#qmformtext pc-html-editor,
.ChangeQmProcesForm select {
  margin-bottom: 24px;
}

#qmformtext pc-html-editor .mce-content-body {
  overflow: auto;
  max-height: 600px;
  min-height: 400px;
}

.pcTinyWrapper[data-is-fullscreen="true"] {
  z-index: 10000;
}

.pcTinyWrapper[data-is-fullscreen="true"] .mce-content-body {
  overflow: scroll;
  max-height: unset;
  min-height: unset;
}

.pcTinyWrapper[data-is-fullscreen="true"] .pcTinyEditorContent {
  max-width: unset;
}

.wm_vorlage_edit_block .pcTinyEditorContent {
  max-width: unset;
}

.wm_vorlage_edit_block #anhang_box {
  margin-top: 24px;
}

.qm-date-range {
  display: inline-grid;
  grid-template-areas: "LABEL INPUT";
  grid-template-columns: 30px auto;
}

.qm-date-range label {
  line-height: 32px !important;
}

.QMImportWizard .pcx_wizard_content {
  width: 1100px;
  max-width: 90vw;
  height: 1000px;
  max-height: 50vh;
  min-height: 490px;
}

.qmCreationChoice {
  border-radius: var(--rd-borderradius-border-md);
  cursor: pointer;
  position: relative;
  height: 444px;
  width: 315px;
}

.qmCreation {
  height: 100%;
}

.qmCreation .qmCreationChoicePic {
  background-size: contain;
}

.qmCreationDialog.modal_dialog>div {
  min-height: auto !important;
}

.qmCreationChoice:hover,
.qmSnippetListItem:hover {
  box-shadow: 0px 0px 12.3px 0px rgba(214, 97, 129, 0.6);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.oqff_grid #suche,
.vorlage_sucheAct .qmSnippetSearchBox {
  box-shadow: 0 2px 30px 2px rgba(192, 220, 244, 0.17);
}

.qmCreationChoices [data-selected="true"] {
  border: 3px solid var(--rd-primary-active);
  position: relative;
}

.tc_title:hover .t_actions .ta-grid-count .ta-grid,
.thema>.t_cont:hover .t_actions .ta-grid,
.undefined>.t_cont:hover .t_actions .ta-grid,
.t_cont.hover_effect .t_actions .ta-grid,
.QMTextCont.hover_effect .t_actions .ta-grid {
  display: grid;
}

.qmCreationChoices {
  display: flex;
  grid-template-columns: repeat(3, 315px);
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.qmCreationChoicePic {
  width: 100%;
  aspect-ratio: 2/1;
  background-image: url("/src/img/qm_p.PNG");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

[data-key="template"] .qmCreationChoicePic {
  background-image: url("/src/img/qm_p2.PNG");
}

[data-key="import"] .qmCreationChoicePic {
  background-image: url("/src/img/qm_p3.PNG");
}

.qmCreationChoices.rd-qmform-insertion-choices [data-key="manual"] .qmCreationChoicePic {
  background-image: url(/src/img/2024/images/form-from-prompt.png);
}

.qmCreationChoices.rd-qmform-insertion-choices [data-key="auto"] .qmCreationChoicePic {
  background-image: url(/src/img/2024/images/form-from-file.png);
}

.qmCreationChoices.rd-qmform-insertion-choices [data-key="template"] .qmCreationChoicePic {
  background-image: url(/src/img/2024/images/form-from-template.png);
}

.qmCreationChoiceDesc,
.qmCreationChoiceTitle {
  line-height: 24px;
  color: var(--rd-font-dark);
}

.qmCreationChoiceTitle {
  font-weight: var(--rd-fontweights-open-sans-0);
  padding: 17px 24px;
  min-height: 75px;
}

.qmCreationChoiceDesc {
  font-size: var(--rd-fontsize-4);
  padding: 0 24px 24px;
}

.bull_kenung,
.qm-head-titel h1 {
  font-size: var(--rd-fontsize-8);
  letter-spacing: 0;
}

.qmCreationDialog .modal_dialog_top_title {
  font-size: var(--rd-fontsize-11);
  line-height: 36px;
  text-align: left;
  padding-left: var(--rd-spacing-md);
  padding-bottom: 48px;
  color: var(--rd-font-dark);
}

#insideElement>div,
.QMCreationIntroDialog .formfields {
  padding: 0 !important;
}

.QMCreationIntroDialog>div.modal_dialog_bottom,
.QMSnippetsDialog .modal_dialog_bottom,
.qmCreationDialog>div.modal_dialog_bottom {
  text-align: right !important;
}

.QMCreationIntroDialog .modal_dialog_bottom a,
.qmCreationDialog .modal_dialog_bottom a {
  text-align: center;
  padding: 9px 24px;
  line-height: var(--rd-lineheights-0);
}

.QMCreationIntroDialog .modal_dialog_top_title {
  text-align: left;
  margin-left: 32px;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-11);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 36px;
}

.QMCreationIntroDialog .formlabel,
.QMImportWizard .form_kv_key label,
.lese-pflicht-form .id_table_input>div label {
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  color: var(--rd-font-dark);
}

.QMCreationIntroDialog .formfields input[type="text"] {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 16px;
}

.QMCreationIntroDialog .modal_dialog_mid {
  margin-bottom: 15px;
}

.QMCreationIntroDialog .form_kv_key {
  margin-top: 24px !important;
}

.QMCreationIntroDialog [data-form_kv_type="text"] .form_kv_key {
  margin-bottom: var(--rd-spacing-sm) !important;
  margin-top: 34px !important;
}

.QMCreationIntroDialog .form_kv_fieldinfo {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.QMImportWizard .pcx_wizard_slide_title,
.qmImportPreviewNodeTitle,
.qmvg_i>ul>li>.iv_grid .ivg_titel {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.qmBookIntroPreview {
  float: right;
  margin-top: 1cm;
  width: 315px;
  word-break: break-all;
}

.QMCreationIntroDialog>div.modal_dialog_bottom {
  padding: 1em !important;
}

.QMImportWizard .pcx_wizard_progressbar {
  display: none !important;
  height: 0;
  margin: 0;
}

#baum .home-block,
.QMImportWizard .form_kv_fieldinfo,
.iv2 input~ul li,
.qmsnippetsCategories li>.qmSnippetSideLabel {
  margin-bottom: var(--rd-spacing-x-sm);
}

.QMImportWizard .pcx_wizard_progressbar::after {
  background: 0 0;
}

.QMImportWizard .pcx_wizard_slide_title {
  font-size: var(--rd-fontsize-11);
  line-height: 36px;
  color: var(--rd-font-dark);
}

.QMImportWizard input[type="text"] {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 16px;
  max-width: 445px;
}

.QMImportWizard .form_kv_fieldinfo {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4) !important;
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px !important;
  max-width: 445px;
}

.QMImportWizard .pcx_wizard_slide_desc {
  font-size: var(--rd-fontsize-5);
  line-height: 24px;
  color: var(--rd-font-dark);
}

.QMImportWizard .uFileName,
.qmImportPreviewList li a {
  color: var(--cl-dark-text);
  line-height: 29px;
  font-size: var(--rd-fontsize-5);
}

.QMImportWizard .pc_ufiles_uploadlink {
  max-width: 445px;
  margin-top: var(--rd-spacing-sm);
  height: 100px;
}

.QMImportWizard .uFileEntry {
  display: inline-grid;
  width: 86%;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-light-blue);
  height: 100px;
}

.QMImportWizard .form_kv_value select {
  max-width: 330px;
}

.QMImportWizard .form_kv_key {
  margin-bottom: var(--rd-spacing-sm) !important;
  margin-top: 24px !important;
}

.QMImportWizard .uFileDownloadLink {
  padding: var(--rd-spacing-md) 0 0 var(--rd-spacing-x-sm) !important;
}

.QMImportWizard .uFileRemoveLink {
  content: "";
  mask-image: url(/src/img/2021/svg/Trash_blue.svg);
  -webkit-mask-image: url(/src/img/2021/svg/Trash_blue.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  display: inline-block;
  background-color: #000;
  background-image: none !important;
  position: relative;
  top: -20px;
}

#qmImportPreview {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  padding: var(--rd-spacing-x-sm);
  min-height: 200px;
  height: auto;
  max-height: 38vh;
  overflow-y: scroll;
  font-size: var(--rd-fontsize-4);
  line-height: 20px;
  font-weight: 500;
  width: 93%;
}

.pcx_wizard_content::-webkit-scrollbar {
  display: none;
}

.pcx_wizard_content {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#qmImportPreview li,
#qmImportPreview ul {
  margin-bottom: var(--rd-spacing-xx-sm);
  margin-top: var(--rd-spacing-xx-sm);
}

[data-item-selectable="false"] .qmImportPreviewNodeTitle {
  color: var(--cl-light-grey);
}

.qmImportPreviewToggle {
  display: inline-block;
  width: 20px;
  overflow: hidden;
  height: 20px;
  text-align: center;
  background-image: url("/src/img/2021/svg/qm-plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.qmImportPreviewList li a {
  font-family: "Open Sans";
  letter-spacing: 0;
  font-weight: 400;
}

.QMImportWizard .pcx_wizard_footer {
  border-top: none;
}

.QMSnippetsDialog .modal_dialog_mid .qmsnippetsBody,
.QMSnippetsDialog[data-issnippetselected="true"] .modal_dialog_bottom {
  border-top: 1px solid var(--cl-light-grey);
}

.QMSnippetsDialog .rd-top-tabs-card .rd-tabs-card:first-child {
  border: none !important;
  margin-left: var(--rd-spacing-x-big);
}

.QMSnippetsDialog .rd-tabs-card {
  margin: 0;
}

.QMImportWizard .pc_multiselect_option {
  display: inline-flex !important;
  margin-right: var(--rd-spacing-sm);
}

.QMImportWizard .qmImportPreviewToggle {
  background-size: 20px;
}

[data-expanded="true"]>a>.qmImportPreviewToggle {
  background-image: url(/src/img/2021/svg/Minus.svg);
}

.qmImportPreviewNodeTitle .qmImportPreviewLabel::before {
  content: "";
  background-image: url(/src/img/2021/svg/Folder.svg);
  background-size: 100%;
  background-position: 50%;
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 16px;
  left: -30px;
  background-repeat: no-repeat;
  top: 0.2px;
}

#ProcesTaskMsg .msg_block input:checked+label .date,
#ProcesTaskMsg .msg_cont,
#baum input,
#qm_themen hr,
#scrolfixed,
#sharehomestitel input,
.QMSnippetsDialog[data-isSnippetSelected="false"] .button[data-key="cancel"],
.QMSnippetsDialog[data-isSnippetSelected="false"] .button[data-key="ok"],
.QMSnippetsDialog[data-issnippetselected="false"] .modal_dialog_bottom,
.c-home .c-home_rolles,
.c-home .c-home_rolles .home_roll_users,
.currDragElement .QMTextCont:nth-child(2),
.currDragElementLektion .QMTextCont:nth-child(2),
.currDragElementText .QMTextCont:nth-child(2),
.filterconent input,
.iv2 input~ul,
.lese-pflicht-element.hide,
.msg_block,
.pro-upgrade-trial .contractPackage[data-packagename="basic"],
.pro-upgrade-trial .contractPackage[data-packagename="livePlus"],
.pro-upgrade-trial .features-box,
.pro-upgrade-trial .proTrialButtonWrap,
.qm-more-subform:hover ul span:after,
.qmImportPreviewNodeChildren .qmImportPreviewNodeChildren .qmImportPreviewLabel::before,
.qm_users.ic_users tr input,
.qmoptionsmenu .trenner,
.releas_proces.hide,
input:checked+label[for="qmeditnote"]+div,
input:checked~label[for="disabled_messages"].dm_enable,
input~label[for="disabled_messages"].dm_disable {
  display: none;
}

.qmImportPreviewNodeChildren .qmImportPreviewNodeChildren .qmImportPreviewLabel,
.qmSnipMain iframe {
  margin-left: 30px;
}

.qmImportPreviewNodeChildren .qmImportPreviewNodeChildren span+.qmImportPreviewLabel {
  margin-left: 35px;
}

span.qmImportPreviewLabel {
  margin-left: 35px;
  position: relative;
}

.QMImportWizard .modal_dialog_mid {
  overflow: hidden;
}

.QMImportWizard a:focus,
.QMImportWizard a:hover {
  text-decoration: none !important;
}

.QMImportWizard .pcx_progressgroup_label {
  color: #212b36;
}

.qmCreationChoices [data-selected="true"]::after {
  content: "";
  background-image: url(/src/img/2021/svg/Selected_option.svg);
  background-size: 100%;
  background-position: 50%;
  display: inline-block;
  position: absolute;
  height: 32px;
  width: 32px;
  bottom: -1px;
  right: -1px;
}

.qmImportPreviewNodeChildren li {
  margin: 0 0 10px 30px !important;
}

#qmImportPreview ul {
  margin: 0 0 10px !important;
}

.qmvg_c {
  line-height: 2em;
}

.bull_kenung {
  display: inline-block;
  color: var(--rd-primary-active);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 20px;
  border-right: 3px solid var(--rd-primary-active);
  padding-right: var(--rd-spacing-x-sm);
}

.qm-head-logo,
.qmsnippetsSidebar {
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.iv2>ul {
  padding-top: var(--rd-spacing-md);
  margin-left: 0;
  padding-left: 43px;
  border-left: 5px solid var(--rd-font-dark);
  margin-bottom: 0;
}

.iv2 li {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: var(--rd-spacing-md);
}

.iv2 li ul {
  padding-left: 26px;
  position: relative;
}

.iv2 li ul:after {
  border-left: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  content: "";
  position: absolute;
  display: inline-block;
  border-left: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  left: -1px;
  top: 0;
  width: 1px;
  bottom: 18px;
}

.iv2 li ul li:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 2px;
  border-bottom: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  left: -26px;
  top: 12px;
}

.ivg_seite {
  width: 50px;
}

.dropdowthema {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: var(--rd-font-dark);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/Arrow_down.svg");
  -webkit-mask-image: url("/src/img/2021/svg/Arrow_down.svg");
  margin-left: 20px;
  vertical-align: middle;
}

.iv2 input~ul .ivg_titel {
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  color: var(--cl-ocean-blue);
  cursor: pointer;
}

.qmvg_i>ul>li>.iv_grid .ivg_titel {
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 20px;
  color: var(--rd-font-dark);
  text-align: left;
}

.iv2 input~ul .ivg_seite {
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  font-weight: var(--rd-fontweights-open-sans-1);
}

#insideElement,
.fromoverlay form.deleatFormConfim h3,
.qm-head-titel h1,
.qmSnipTitle,
.qmSnippetListHeadline,
.qmSnippetTitle,
.qmsnippetsSidebarHeadline {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.iv2 input~ul li {
  position: relative;
}

.qmvg_h {
  display: grid;
  grid-template-areas: "LOGO TITEL" "LOGO INFO";
  grid-auto-columns: 197px auto;
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  margin-bottom: var(--rd-spacing-md);
}

.qm-head-logo {
  padding: var(--rd-spacing-x-big);
  grid-area: LOGO;
}

.oqff_menu>div:nth-child(2),
.qmsnippetsSidebar {
  padding-left: var(--rd-spacing-md);
}

.qm-head-titel {
  grid-area: TITEL;
}

.qm-head-titel h1 {
  line-height: 28px;
  padding: 24px 14px;
  margin: 0;
}

.qm-head-info {
  grid-area: INFO;
}

.qm-head-info .table {
  display: table;
  margin: 0;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
}

.qm-head-info .table .table-cell {
  display: inline-block;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  padding: 22px 15px 18px;
}

.thema.aktive>.t_cont,
.notdragable li.aktive .t_cont {
  border: 2px solid var(--rd-primary-active) !important;
}

.thema .t_cont:hover,
.tc_title:hover {
  background-color: var(--cl-light-blue-500);
}

.thema:hover .t_cont~ul .t_cont:hover {
  background-color: var(--cl-light-blue-500);
}

.thema:hover .t_cont~ul .t_cont {
  background-color: unset;
}

.tc_title:hover .t_actions .ta-grid,
.thema:hover .t_cont~ul .t_cont:hover .t_actions .ta-grid {
  display: grid !important;
}

.tc_title:hover .t_actions .ta-grid,
.thema:hover .t_cont~ul .t_cont .t_actions .ta-grid {
  display: none;
}

.fromoverlay form.deleatFormConfim {
  text-align: center;
  min-width: unset;
}

.fromoverlay form.deleatFormConfim .formclose {
  height: 20px;
  width: 20px;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/close-large.svg");
  -webkit-mask-image: url("/src/img/2021/svg/close-large.svg");
  background-color: var(--cl-black);
  background-image: none;
}

.deleatFormConfim .form_btn_block {
  padding-top: var(--rd-spacing-x-big);
}

.attantion_icon {
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/attention.svg");
  -webkit-mask-image: url("/src/img/2021/svg/attention.svg");
  background-color: var(--rd-error-hover);
  height: 46px;
  width: 50.84px;
  display: inline-block;
  margin-bottom: var(--rd-spacing-lg);
}

.deleatFormConfim .formheader {
  padding-bottom: var(--rd-spacing-xxx-big);
}

.fromoverlay form.deleatFormConfim h3 {
  display: inline-block;
  max-width: 465px;
  color: var(--rd-error-hover);
  font-size: var(--rd-fontsize-11);
  letter-spacing: 0;
  line-height: var(--rd-lineheights-0);
  text-align: center;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.fromoverlay form.deleatFormConfim h3 span,
.oqffg2 p,
.qmh_form_homes .all_selecter label {
  color: var(--cl-asphalt-blue);
}

.fromoverlay form.deleatFormConfim p {
  max-width: 483px;
  display: inline-block;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: 0.16px;
  color: var(--rd-font-dark);
}

#loading_screen,
.QMSnippetsDialog .modal_dialog_bottom a,
.fromoverlay form.deleatFormConfim .form_btn_block {
  text-align: center;
}

.QMImportWizard ::-webkit-scrollbar {
  width: 5px;
}

.QMImportWizard ::-webkit-scrollbar-track {
  background: var(--rd-font-light);
}

.QMImportWizard ::-webkit-scrollbar-thumb {
  background: var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

.QMImportWizard ::-webkit-scrollbar-thumb:hover {
  background: #bebebe;
}

.qmSnippetSideLabel .chip {
  background: var(--rd-primary-active);
  color: #fff;
  width: 32px;
  display: inline-block;
  text-align: center;
  border-radius: var(--rd-borderradius-border-lg);
  margin-left: 5px;
}

.qmSnippetListItem,
.qmSnippetSearchBox {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

[data-selected="true"] .chip {
  color: var(--rd-primary-active);
  background: #fff;
}

.QMSnippetsDialog.modal_dialog {
  width: 71vw;
  max-width: 2048px;
  height: 80vh;
  padding-left: 0;
  padding-right: 0;
}

.QMSnippetsDialog.modal_dialog .modal_dialog_top_title {
  text-align: left;
  padding: 0 24px 24px;
  margin-top: 0;
  color: var(--rd-font-dark);
}

.QMSnippetsDialog .modal_dialog_mid {
  flex: 1;
  overflow: hidden;
  padding: 0;
}

.QMSnippetsDialog.modal_dialog .rd-close_popup {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.QMSnippetsDialog.modal_dialog #SearchContainer {
  height: 32px;
  line-height: normal;
}

.qmsnippetsBody {
  border-bottom-right-radius: 8px;
}

pc-qm-snippet-dialog {
  display: flex;
  position: relative;
  margin: var(--rd-spacing-x-sm) var(--rd-spacing-x-sm);
  flex-direction: column;
  height: 100%;
  margin: 0;
}

.qmsnippetsSidebar {
  padding-right: var(--rd-spacing-md);
  overflow: auto;
}

.qmsnippetsBody {
  display: grid;
  grid-template-columns: 307px auto;

  overflow: auto;
}

.qmsnippetsList {
  height: 100%;
  overflow: auto;
  background-color: var(--cl-blue-box);
}

.qmsnippetsList > .qmSnippetsBlockedForDemoInfo {
  position: sticky;
  top: 0;
  z-index: 10;
}

.qmSnippetListHeadline span {
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
  color: var(--rd-primary-active);
}

.qmSnipBody,
.qmSnippetListItem {
  background-color: var(--rd-font-light);
}

.qmSnippetListItem {
  display: inline-block;
  width: 315px;
  vertical-align: top;
  border-radius: var(--rd-borderradius-border-md);
  cursor: pointer;
  margin: 0 0 32px 32px;
}

.qmSnippetListItem[data-is-demo-allowed="true"] {
  /* background: green !important; */
}

.qmSnippetListItems {
  display: flex;
  flex-wrap: wrap;
}

.qmSnippetPic {
  width: 100%;
  aspect-ratio: 2/1;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.qmSnippetListBackButtonIcon,
.vorlage_sucheAct::after {
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
}

.qmSnippetTitle {
  padding: 17px 24px;
  min-height: 75px;
  color: var(--rd-font-dark);
}

.qmSnippetDesc {
  font-size: var(--rd-fontsize-4);
  padding: 0 24px 55px;
  color: var(--rd-font-dark);
}

.qmsnippetsSidebarHeadline {
  padding: var(--rd-spacing-md) 0 var(--rd-spacing-md) var(--rd-spacing-x-sm);
  font-size: var(--rd-fontsize-7);
  letter-spacing: 0;
  line-height: 28px;
  color: var(--rd-font-dark);
}

.qmsnippetsSidebarHeadline:first-child {
  padding-top: 23.5px;
}

.qmsnippetsCategories li a {
  padding: var(--rd-spacing-x-sm);
  display: block;
  color: var(--cl-asphalt-blue);
  line-height: 24px;
  padding-left: var(--rd-spacing-md);
}

.qmsnippetsCategories li>.qmSnippetSideLabel:hover .chip {
  background: var(--rd-font-light);
  color: var(--rd-primary-active);
}

.qmsnippetsCategories ul {
  list-style-type: none;
  margin: 0 0 10px var(--rd-spacing-x-sm);
}

.qmSnippetListHeadline {
  margin: 22px 0 28px 32px;
  color: var(--rd-font-dark);
  line-height: 24px;
  font-size: var(--rd-fontsize-7);
}

.qmSnipContent,
.qmSnipDesc,
.qmSnipSide,
.qmSnipTitle {
  color: var(--rd-font-dark);
}

.qmSnipMain {
  width: calc(100% - 16px);
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .qmSnipMain {
      width: calc(100%);
    }
  }
}

.qmSnipBody table,
.qmSnipBody table th,
.qmSnipBody table td,
.qmSnipBody table tr,
.qmSnipBody table tbody {
  border-color: black !important;
  border-collapse: collapse;
  outline: none;
}

.qmSnipBody table tbody td {
  color: black !important;
}

.qmSnipBody table * {
  outline: none !important;
  box-shadow: none !important;
}

.qmSnippetSearchBox {
  height: 32px;
  width: 387px;
  margin-left: 62px;
  border-radius: var(--rd-borderradius-border-md);
  box-shadow: 0 2px 30px 2px rgb(192 220 244 / 17%);
  padding: 3px 0 3px 7px;
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
}

.qmSnippetSearchBox:focus,
.vorlage_sucheAct .qmSnippetSearchBox {
  border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue);
}

.qm-disabled-text,
.qmSnipBody {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.vorlage_sucheAct::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 7px;
  background-image: url(/src/img/svg/af/wrong_2.svg);
  background-size: 100%;
  height: 14px;
  width: 14px;
  cursor: pointer;
}

.qmSnippetListBackButton {
  display: inline-block;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding-top: 30px;
  margin-left: 30px;
}

.qmSnipBody,
.qpude_confirmdate,
.qpude_name {
  padding: var(--rd-spacing-md);
}

.qmSnippetListBackButtonIcon {
  background-image: url("/src/img/2021/svg/Back_arrow_qm.svg");
  background-size: contain;
  left: 0;
  top: 0;
  width: 26px;
  height: 1em;
  vertical-align: middle;
}

.qmSnipContent {
  display: grid;
}

.qmSnipContent:has(.qmSnipBodyBlocked) {
  overflow: auto;
  max-height: 500px;
  height: 100%;
}

.qmSnipTitle {
  font-size: var(--rd-fontsize-7);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 2.5em;
  margin-left: var(--rd-spacing-x-big);
}

#insideElement,
.qmSnipDesc,
.qmSnipSide,
.qpude_confirmdate,
.qpude_name {
  font-size: var(--rd-fontsize-4);
}

.qpude_confirmdate,
.qpude_name,
.text_titel {
  letter-spacing: 0;
  line-height: 29px;
}

.formsubheader,
.freigabe_counter,
.lese-pflicht-element .text .date,
.lese-pflicht-element .text .title,
.notreadet_cont {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.qmSnipDesc {
  margin-bottom: 24px;
  margin-left: var(--rd-spacing-x-big);
}

.qmSnipBody {
  min-height: 256px;
  margin-left: var(--rd-spacing-x-big);
  margin-bottom: var(--rd-spacing-md);
}

.qmSnippetListBackButtonLabel,
.qmsnippetsCategories li ul a {
  margin-left: var(--rd-spacing-x-sm);
}

.QMSnippetsDialog ::-webkit-scrollbar {
  width: 5px;
}

.QMSnippetsDialog ::-webkit-scrollbar-track {
  background: var(--rd-font-light);
}

.QMSnippetsDialog ::-webkit-scrollbar-thumb {
  background: var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

.lese-pflicht-element.finisch .check span:before,
.qm_a_titel .questionmark,
.qmp_text ul li .bullet span {
  background-repeat: no-repeat;
  background-position: 50%;
}

.QMSnippetsDialog ::-webkit-scrollbar-thumb:hover {
  background: #bebebe;
}

#metadescription {
  width: 100%;
  height: 150px;
}

.qm_thumbnail_preview {
  display: inline-block;
  max-width: 150px;
}

.modal_dialog.QMSnippetsDialog {
  padding-bottom: 0 !important;
  border-radius: 8px;
}

.QMSnippetsDialog .modal_dialog_closelink {
  /* top: 20px !important; */
  color: var(--cl-black);
  right: 24px;
}

.plusminus:before,
.rp_bullet span:before {
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}

.qmSnippetsEmptyList {
  margin-left: 32px;
}

.qmsnippetsSidebarHeadline:first-child+ul {
  margin-bottom: 30px;
}

.qm_progres_user_detail_element {
  display: grid;
  grid-template-areas: "TYP TEXT DATE";
  width: 100%;
  text-align: left;
  grid-auto-columns: 50px auto auto;
  color: var(--cl-dark-grey);
  border: var(--rd-borderwidth-border-default) solid #ebeef0;
}

.drop_down_arrow,
.qpude_typ span {
  display: inline-block;
  mask-position: 50%;
  mask-repeat: no-repeat;
}

.qm_progres_user_detail_element:nth-child(2n) {
  background-color: var(--cl-blue-box);
}

.qpude_confirmdate {
  grid-area: DATE;
  text-align: right;
}

.qpude_name,
.releast-qm-header-grid .text,
.rp_text {
  grid-area: TEXT;
}

.confirm_freigabe,
.confirm_freigabe p,
.freigabe_counter {
  text-align: center;
}

.qpude_typ span {
  height: 20px;
  width: 20px;
  background-color: var(--cl-asphalt-blue);
  vertical-align: middle;
  margin-top: 22px;
  margin-left: 22px;
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
}

.complead,
.confirm_freigabe_finisch,
.ng_menu>div:hover,
.qm_progres_user_detail_element.complead:nth-child(2n) {
  background-color: var(--cl-light-green);
}

.qmview h1+.set_right {
  margin-bottom: 56px;
}

.i_u_fortschritt.blue span {
  background-color: var(--cl-yellow);
}

.drop_down_arrow {
  cursor: pointer;
  height: 12px;
  width: 7px;
  margin-right: var(--rd-spacing-x-sm);
  background-color: var(--cl-ocean-blue);
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/down-filled-triangular-arrow.svg");
  -webkit-mask-image: url("/src/img/2021/svg/down-filled-triangular-arrow.svg");
}

.plusminus,
.qm-disabled-text,
.rp_bullet span,
.rp_bullet span:after {
  background-color: var(--rd-font-light);
}

.plusminus:before,
.rp_bullet span:after {
  mask-position: 50%;
  mask-repeat: no-repeat;
}

.currDragElement .QMTextCont .tc_title,
.currDragElementLektion .QMTextCont .tc_title,
.currDragElementText .QMTextCont .tc_title {
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
  border-radius: var(--rd-borderradius-border-md);
  display: table;
  width: 100%;
}

/* .grouped {
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
	border-left: unset !important;
} */

.releast-qm-header-grid {
  display: grid;
  grid-template-areas: "TEXT VERSION";
  width: 100%;
  gap: 24px;
}

.releast-qm-header-grid .version {
  grid-area: VERSION;
  text-align: right;
  margin-top: 42px;
}

.qm_btn_grid {
  display: inline-grid;
  float: right;
}

.qm-disabled-text {
  border-radius: var(--rd-borderradius-border-md);
  height: 539px;
  overflow-y: scroll;
  margin-bottom: 32px;
  padding: 25px;
}

.vorschau_content_sidebar_grid {
  display: inline-grid;
  grid-template-areas: "CONT SIDE";
  grid-template-columns: calc(8 * 100% / 12) calc(4 * 100% / 12);
  width: 100%;
}

.lese-pflicht-element {
  display: grid;
  margin-bottom: var(--rd-spacing-md);
  grid-template-areas: "CHECK TEXT";
  grid-template-columns: 30px auto;
}

.qmp_text ul li,
.releas_proces {
  grid-template-areas: "BULL TEXT";
}

.lese-pflicht-element .check {
  grid-area: CHECK;
}

.lese-pflicht-element .check span {
  display: inline-block;
  height: 23.18px;
  width: 23.27px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  vertical-align: middle;
  border-radius: 100%;
  position: relative;
}

.lese-pflicht-element.finisch .check span {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
}

.lese-pflicht-element.finisch .check span:before {
  content: "";
  background-image: url("/src/img/2021/svg/tick-w.svg");
  background-color: var(--cl-deep-green);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  background-size: 60%;
}

.lese-pflicht-element .text {
  grid-area: TEXT;
  color: var(--cl-dark-grey);
}

.lese-pflicht-element .text .title {
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--cl-ocean-blue);
  cursor: pointer;
}

.lese-pflicht-element ul,
.notreadet_cont {
  font-size: var(--rd-fontsize-3);
}

.lese-pflicht-element .text .date {
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 15px;
  color: var(--cl-dark-grey);
}

.lese-pflicht-element.finisch .title {
  color: var(--cl-dark-grey);
}

.qm-more-form .disabled span {
  cursor: default;
  color: #ccc;
}

.qm-more-form .disabled span:after {
  background-color: #ccc;
}

.qm-more-form .disabled span:hover {
  background-color: transparent;
}

.plusminus {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-input-placeholder);
  border-radius: 100%;
  position: absolute;
  left: -33px;
  top: 6px;
  z-index: 1;
  cursor: pointer;
}

.readed_text,
.text_to_confirm {
  border-radius: var(--rd-borderradius-border-md);
}

.plusminus:before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: var(--rd-font-dark);
  mask-size: 12px;
  -webkit-mask-size: 8px;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
  -webkit-mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
}

input:checked~.plusminus:before {
  mask-image: url("/src/img/svg/minus-qm-solid.svg");
  -webkit-mask-image: url("/src/img/svg/minus-qm-solid.svg");
}

.text_to_confirm {
  background-image: var(--magenta-dashed-border);
  padding: 15px;
  margin-bottom: var(--rd-spacing-md);
}

.readed_text {
  padding: var(--rd-spacing-md);
  background-color: var(--cl-light-green);
}

.qmvg_i>ul>li>.plusminus {
  left: -22px;
}

.text_titel {
  font-size: var(--rd-fontsize-7);
  color: var(--rd-font-dark);
}

.text_cont b,
.text_cont h1,
.text_cont h2,
.text_cont h3,
.text_cont h4,
.text_cont h5,
.text_cont h6,
.text_cont p {
  font-size: var(--rd-fontsize-5) !important;
}

.ChangeQmProcesForm label,
.confirm_freigabe p,
.formsubheader {
  font-size: var(--rd-fontsize-5);
}

#content_load_div>div#ConfirmArrow {
  display: inline-block;
  position: fixed;
  color: var(--rd-font-light);
  z-index: 1000;
  left: calc(270px);
  padding: 2px var(--rd-spacing-md);
  width: calc((8 * 100% / 12) - 170px);
  text-align: center;
  font-size: 0;
  border: none;
  background-color: transparent;
}

#insideElement,
.freigabe_counter {
  letter-spacing: 0;
  background-color: var(--rd-primary-active);
  border-radius: var(--rd-borderradius-border-lg);
  color: var(--rd-font-light);
}

#content_load_div>div#ConfirmArrow.Bottom {
  bottom: 40px;
}

#content_load_div>div#ConfirmArrow.TOP {
  top: 20px;
}

#content_load_div {
  position: relative;
  min-height: 2000px;
}

#insideElement {
  line-height: 24px;
  display: inline-block;
  padding: var(--rd-spacing-xx-sm) 52px;
}

#insideElement>div {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

#insideArrow {
  background-image: url("/src/img/2021/svg/white-arrow-down.svg");
  height: 13.09px;
  width: 10.98px;
  margin-right: var(--rd-spacing-x-sm) !important;
  background-size: 100%;
  background-repeat: no-repeat;
}

.ConfirmArrow.TOP #insideArrow,
input:checked~.qmedb_header label[for="qmeditfilter"]:after {
  transform: rotate(180deg);
}

.ChangeQmProcesForm .formheader {
  padding-top: 88px;
  padding-bottom: var(--rd-spacing-x-sm);
  display: grid;
  justify-items: center;
  gap: 40px;
  font-weight: var(--rd-fontweights-open-sans-1) !important;
  font-size: var(--rd-fontsize-11) !important;
  text-align: center;
  line-height: 38px !important;
}

.formsubheader {
  letter-spacing: 0;
  line-height: 24px;
  padding: 0 48px;
  margin-bottom: 56px;
  color: var(--rd-primary-active);
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-6);
  line-height: var(--rd-lineheights-1);
  text-align: center;
  margin-bottom: 40px;
}

.freigabe_counter,
.rpt_titel {
  font-size: var(--rd-fontsize-4);
}

.fromoverlay.qmacces:has(.ChangeQmProcesForm) {
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(6px);
  filter: blur(0) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
}

.ChangeQmProcesForm {
  width: 800px;
  /* Mit dem Overlay (display: flex) gibt es kein Problem*/
  margin-top: 0 !important;
}

.rd-popup-note {
  font-size: 12px;
  color: var(--rd-input-hover);
}

.ChangeQmProcesForm label {
  display: block;
  letter-spacing: 0;
  line-height: 24px;
}

.ChangeQmProcesForm textarea {
  width: 100%;
  height: 150px;
  resize: vertical;
}

.freigabe_counter {
  line-height: 16px;
  padding: 0 11px;
  margin-right: var(--rd-spacing-sm);
  vertical-align: middle;
}

.confirm_freigabe p,
.rpt_titel {
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  letter-spacing: 0;
}

.EditQmProcesForm,
.confirm_freigabe {
  background-color: var(--cl-light-blue);
}

.confirm_freigabe,
.cont_body.qmview,
.freigabe-text {
  padding: 24px var(--rd-spacing-md);
}

.ng_text,
.rp_bullet span {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.releas_proces {
  display: grid;
  grid-template-columns: 33px auto;
  margin-bottom: var(--rd-spacing-md);
  cursor: pointer;
}

.qmp_text ul li .bullet,
.rp_bullet {
  grid-area: BULL;
}

.rp_bullet span {
  display: inline-block;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  position: relative;
}

.rp_bullet span:after,
.rp_bullet span:before {
  content: "";
  display: block;
  border-radius: 100%;
  position: absolute;
}

.rp_bullet span:after {
  left: 5px;
  top: 5px;
  bottom: 5px;
  right: 5px;
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/tick-w.svg");
  -webkit-mask-image: url("/src/img/2021/svg/tick-w.svg");
}

label[for="qmeditfilter"]:after,
label[for="qmeditnote"]:before {
  content: "";
  vertical-align: middle;
  mask-size: contain;
  mask-position: 50%;
  mask-repeat: no-repeat;
}

.rpt_titel {
  color: var(--cl-ocean-blue);
}

.rpt_date {
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 12px;
  color: var(--cl-dark-grey);
}

.freigabe-text {
  border: var(--rd-borderwidth-border-default) dashed var(--rd-primary-active) !important;
  border-radius: var(--rd-borderradius-border-md) !important;
}

.confirm_freigabe {
  color: var(--rd-font-dark);
  margin-top: 63px;
}

.cf_menu {
  display: inline-grid;
  grid-template-areas: "LEFT RIGHT";
  grid-gap: 16px;
}

#ProcesTaskMsg .msg_block label {
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 10px 14px;
}

#ProcesTaskMsg label:last-child {
  border-bottom: none !important;
}

#ProcesTaskMsg input:checked+label+.msg_cont {
  display: block;
  padding: var(--rd-spacing-x-sm);
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 22px;
}

.msg_date {
  display: block;
  float: unset;
  margin-top: 20px;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  text-align: right;
  color: var(--cl-asphalt-blue);
}

#ProcesTaskMsg .msg_block input:checked+label,
.ngt_header {
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 17px;
  font-size: var(--rd-fontsize-5);
}

#ProcesTaskMsg .msg_block input:checked+label {
  border: none;
  color: var(--rd-primary-active);
}

.BtnSparkleAnimation,
.BtnSparkleAnimation2 {
  position: absolute;
  left: calc((100% - 139px) / 2);
  right: calc((100% - 139px) / 2);
  top: -20px;
  bottom: -20px;
  background-position: left center;
  background-size: calc(100% * 50);
  animation-fill-mode: forwards;
}

.BtnSparkleAnimation,
.animation1:hover:before,
.animation2:hover:before {
  animation: calc(50s / 25) steps(50) balloon;
}

.BtnSparkleAnimation2 {
  animation: calc(50s / 25) steps(50) balloon2;
}

@keyframes balloon {
  0% {
    background-image: url("https://www.pflegecampus.de/src/img/Konfetti-V1.png");
  }

  99.9% {
    background-image: url("https://www.pflegecampus.de/src/img/Konfetti-V1.png");
    background-position: calc(100% * -50);
  }
}

@keyframes balloon2 {
  0% {
    background-image: url("https://www.pflegecampus.de/src/img/Konfetti-V3.png");
  }

  99.9% {
    background-image: url("https://www.pflegecampus.de/src/img/Konfetti-V3.png");
    background-position: calc(100% * -50);
  }
}

.animation1:hover:before .animation2:hover:before {
  content: "";
  position: absolute;
  left: calc((100% - 139px) / 2);
  right: calc((100% - 139px) / 2);
  top: -20px;
  bottom: -20px;
  background-position: left center;
  background-size: calc(100% * 50);
  animation-fill-mode: forwards;
}

#qmform .fromoverlay form,
.feedbackForm {
  float: unset;
  right: unset;
  position: relative;
}

.EditQmProcesForm {
  padding: var(--rd-spacing-md);
}

.EditQmProcesForm textarea {
  width: 100%;
  display: block;
  background-color: var(--cl-light-green);
  border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue);
  border-radius: var(--rd-borderradius-border-md);
  min-height: 187px;
  resize: vertical;
  padding: 14px var(--rd-spacing-md);
}

.EditQmProcesForm select {
  width: 100%;
  display: block;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 32px;
  padding: 11px var(--rd-spacing-md);
  margin-bottom: 24px;
  border-radius: var(--rd-borderradius-border-md);
  color: var(--cl-asphalt-blue);
}

.EditQmProcesForm h3 {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 56px;
}

.EditQmProcesForm .form_confirm_block {
  text-align: center;
  margin-top: 40px;
}

.notes_grid {
  display: grid;
  grid-template-areas: "TEXT MSGS";
  grid-template-columns: calc(100% / 3 * 2) calc(100% / 3);
  grid-gap: 16px;
  margin-bottom: 24px;
  width: calc(100% - 16px);
}

.ng_text {
  grid-area: TEXT;
  border-radius: var(--rd-borderradius-border-md);
  padding: var(--rd-spacing-x-sm);
}

.ng_menu,
label[for="qmeditnote"] {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.ng_menu {
  grid-area: MSGS;
  border-radius: var(--rd-borderradius-border-md);
}

.ng_menu>div {
  padding: var(--rd-spacing-sm) var(--rd-spacing-x-sm);
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  cursor: pointer;
}

.ngt_header {
  color: var(--cl-deep-green);
  margin-bottom: var(--rd-spacing-md);
}

.quickfilter,
label[for="qmeditfilter"] {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.ngt_text {
  margin-bottom: 31px;
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 22px;
  color: var(--cl-asphalt-blue);
}

.ngt_footer,
label[for="qmeditnote"] {
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
}

.ngt_footer {
  display: grid;
  grid-template-areas: "NAME DATE";
  line-height: 19px;
}

label[for="qmeditnote"] {
  line-height: 24px;
  color: var(--rd-font-dark);
  background-color: var(--cl-light-green);
  padding: 9px;
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  margin-bottom: 24px;
  cursor: pointer;
}

label[for="qmeditnote"]:before {
  height: 20px;
  width: 21px;
  display: inline-block;
  background-color: var(--rd-primary-active);
  margin-right: var(--rd-spacing-x-sm);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/MessageIcon.svg");
  -webkit-mask-image: url("/src/img/2021/MessageIcon.svg");
}

.confirm_freigabe_cancel,
.confirm_freigabe_finisch {
  text-align: center;
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
  padding: var(--rd-spacing-md);
  color: var(--rd-font-dark);
  margin-top: 63px;
}

.confirm_freigabe_cancel .rp_bullet,
.confirm_freigabe_finisch .rp_bullet {
  display: inline-block;
  vertical-align: middle;
  margin-right: var(--rd-spacing-x-sm);
}

.confirm_freigabe_cancel,
.home_select_label:hover {
  background-color: var(--cl-pale-pink);
}

.qm_edit_filter_box {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  background-color: var(--rd-font-light);
}

.qmedb_header {
  width: 100%;
  display: table;
}

.qmedb_header>div:last-child {
  float: right;
  text-align: right;
}

.quickfilter {
  background-color: var(--cl-pale-blue);
  display: inline-block;
  padding: 6px 20px;
  color: var(--cl-ocean-blue);
  margin-right: var(--rd-spacing-md);
  border-radius: var(--rd-borderradius-border-md);
  cursor: pointer;
}

#QmFilterRemover,
.cl_text {
  font-size: var(--rd-fontsize-4);
  color: var(--cl-asphalt-blue);
  letter-spacing: 0;
}

#QmFilterRemover::before,
.cl_checkbox,
.quickfilter span,
.vorschau_switch a span {
  margin-right: var(--rd-spacing-x-sm);
}

.quickfilter[data-akive="true"] {
  background-color: var(--cl-ocean-blue);
  color: var(--rd-font-light);
}

.quickfilter span {
  color: var(--cl-ocean-blue);
  border: var(--rd-borderwidth-border-default) solid var(--cl-ocean-blue);
  display: inline-block;
  padding: 0 5px;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 16px;
  min-width: 39px;
  border-radius: var(--rd-borderradius-border-lg);
  text-align: center;
}

#QmFilterRemover,
.cl_checkbox {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.quickfilter[data-akive="true"] span {
  background-color: var(--rd-font-light);
  color: var(--cl-ocean-blue);
}

label[for="qmeditfilter"] {
  font-size: var(--rd-fontsize-4);
  color: var(--rd-font-dark);
  vertical-align: middle;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
}

#QmFilterRemover,
.notdragable>li.filter_thema_titel,
.qm_edit_filter_box legend {
  font-weight: var(--rd-fontweights-open-sans-0);
}

label[for="qmeditfilter"]:after {
  display: inline-block;
  margin-left: 11px;
  height: 14px;
  width: 14px;
  background-color: var(--cl-asphalt-blue);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2023/svg/icons/rd-icon-arrowDown.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-arrowDown.svg");
  transition: 0.2s linear;
}

#QmFilterRemover::before,
.cl_checkbox:after {
  mask-size: contain;
  mask-position: 50%;
  mask-repeat: no-repeat;
  content: "";
}

.qm_edit_filter_box legend {
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 13px;
  border: none;
  color: var(--cl-blue-grey);
  text-transform: uppercase;
  margin-bottom: var(--rd-spacing-md);
}

.filterconent {
  padding: 33px var(--rd-spacing-md) 38px;
  display: none;
}

.cl_checkbox,
.cl_text {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.filterconent>div {
  display: table-cell;
  padding-right: 46px;
}

.cl_text {
  line-height: 21px;
}

.cl_checkbox {
  height: 15px;
  width: 15px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  position: relative;
  overflow: hidden;
}

.cl_checkbox:before {
  content: "";
  position: absolute;
  background-color: var(--cl-deep-green);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: 0.2s linear;
}

.cl_checkbox:after {
  position: absolute;
  background-color: var(--rd-font-light);
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  opacity: 0;
  transition: 0.2s linear;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/tick-w.svg");
  -webkit-mask-image: url("/src/img/2021/svg/tick-w.svg");
}

#baum input:checked~.qmcheckbox:before,
#sharehomestitel input:checked~.qmcheckbox2:before,
input:checked+.cl_checkbox:after,
input:checked+.cl_checkbox:before {
  opacity: 1;
}

#QmFilterRemover {
  cursor: pointer;
  line-height: 16px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(83, 83, 83, 0.05);
}

#LabelChangeAllDropdown,
.vorschau_switch a span {
  display: inline-block;
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: 19px;
}

#QmFilterRemover::before {
  display: inline-block;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/close-large.svg");
  -webkit-mask-image: url("/src/img/2021/svg/close-large.svg");
  height: 7.07px;
  width: 7.07px;
  background-color: var(--cl-asphalt-blue);
  vertical-align: middle;
  margin-bottom: 5px;
}

.lese-pflicht-form .dialog_closelink,
.plus_radial:before {
  mask-size: contain;
  mask-position: 50%;
  mask-repeat: no-repeat;
}

.recover_element {
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  padding: var(--rd-spacing-x-sm);
}

#LabelChangeAllDropdown,
.add_new_qm_text,
.qmp_text ul li .text,
.releas_info li,
.vorschau_switch a,
.vorschau_switch a span {
  font-size: var(--rd-fontsize-4);
}

.add_new_qm,
.qil_block>span,
.vorschau_switch a.akitiv span {
  background-color: var(--rd-font-light);
}

.add_new_qm_text,
.notdragable>li.filter_thema_titel,
.releas_info li {
  color: var(--rd-font-dark);
  letter-spacing: 0;
}

.notdragable>li.filter_thema_titel {
  border: none !important;
  font-size: var(--rd-fontsize-8);
  line-height: 28px;
  margin-bottom: 22px;
  margin-top: 48px;
}

#qmformtext .qm_text_form .kb_breadcrumbs,
.notdragable>li.filter_thema_titel:first-child {
  margin-top: 0;
}

#baum,
.move_content form .move_text .tipp {
  margin-top: var(--rd-spacing-md);
}

.releas_info {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin: 6px 0 0;
  padding: 0;
}

.releas_info li {
  display: block;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  padding: var(--rd-spacing-x-sm);
  line-height: 16px;
}

.add_new_qm {
  border: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  text-align: center;
  cursor: pointer;
  height: 370px;
  width: 270px;
  display: inline-block;
  border-radius: var(--rd-borderradius-border-md);
}

.oqffg1,
.vorschau_switch a {
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.qmBookIntroPreviewLogo,
label[for="disabled_messages"] {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.plus_radial {
  height: 60px;
  width: 60px;
  display: inline-block;
  margin-top: 127px;
  background-color: var(--cl-light-blue);
  border-radius: 100%;
  margin-bottom: var(--rd-spacing-md);
  position: relative;
}

.plus_radial:before,
.qil_block,
.qm_a_titel .questionmark,
.qmhe-mail a:before,
.vorschau_switch a span,
.vorschau_switch a.akitiv {
  background-color: var(--rd-primary-active);
}

.oqf_from,
.vorschau_switch {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.plus_radial:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
  -webkit-mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
}

.add_new_qm_text {
  line-height: 24px;
}

.qmt_btn_grid {
  display: table;
  width: 100%;
  margin-bottom: 23px;
}

.qmt_btn_grid>div {
  display: table-cell;
  width: 50%;
  vertical-align: bottom;
}

#LabelChangeAllDropdown {
  cursor: pointer;
  letter-spacing: 0;
  color: var(--cl-ocean-blue);
}

.vorschau_switch {
  display: inline-table;
  margin-right: 55px;
  border-radius: var(--rd-borderradius-border-md);
  overflow: hidden;
}

.qil_block>span,
.vorschau_switch a span {
  border-radius: var(--rd-borderradius-border-lg);
}

.vorschau_switch a {
  display: table-cell;
  padding: 9px var(--rd-spacing-md);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--rd-font-dark);
}

.cont_body h4,
.qmview_thema_titel {
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  color: var(--rd-font-dark);
}

.vorschau_switch a.akitiv {
  color: var(--rd-font-light);
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.vorschau_switch a span {
  letter-spacing: 0;
  text-align: center;
  color: var(--rd-font-light);
  padding: 0 var(--rd-spacing-md);
}

.vorschau_switch a.akitiv span {
  color: var(--rd-primary-active);
}

.cont_body h4 {
  font-size: 20px;
  line-height: 26px;
  margin: 25px;
}

.qm_pro {
  margin: 25px;
  display: flex;
  gap: 80px;
}

#TasksToggleButton,
.oqffg2 .rd-input-row,
.qmp_text ul li,
.qmview_thema_titel {
  margin-bottom: var(--rd-spacing-md);
}

.qm_pro>div {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

#baum>ul,
.qmp_text ul {
  display: block;
  margin: 0;
  padding: 0;
}

.qmp_text ul li {
  display: grid;
  grid-template-columns: 31px auto;
}

.qmp_text ul li .bullet span {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("/src/img/2021/svg/checkCircle.svg");
  background-size: 100%;
  margin-right: 11px;
}

.qmp_text ul li .text {
  grid-area: TEXT;
  letter-spacing: 0;
  line-height: 24px;
}

.qm_a_titel {
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--rd-font-dark);
}

.qm_a_titel .tel {
  color: var(--rd-primary-active);
}

.qm_a_titel .questionmark {
  display: inline-block;
  height: 40px;
  width: 40px;
  box-shadow: 0 1px 15px 1px rgba(192, 220, 244, 0.17);
  vertical-align: middle;
  margin-right: var(--rd-spacing-x-sm);
  border-radius: 100%;
  background-image: url("/src/img/2021/svg/questionmark.svg");
}

.cont_body.qmview {
  margin-top: 36px;
}

.qmview_thema_titel {
  font-size: var(--rd-fontsize-8);
  line-height: 28px;
}

.qmview_text_titel {
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 29px;
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-font-dark);
}

.qil_block,
.qil_block>span {
  font-size: var(--rd-fontsize-4);
  text-align: center;
  letter-spacing: 0;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.qil_block {
  padding: 6px;
  left: 0;
  right: 0;
  line-height: 24px;
  color: var(--rd-font-light);
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
}

.qil_block>span {
  display: inline-block;
  color: var(--rd-primary-active);
  line-height: 19px;
  padding: 0 11px;
  margin-right: var(--rd-spacing-x-sm);
}

#sharehomestitel .sh_titel,
.oqff_grid h3,
.qmhe-mail a,
.qmhe-tel a,
.qmhelp-grid>div {
  color: var(--rd-font-dark);
}

.lese-pflicht-form .dialog_closelink {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  height: 20px;
  width: 20px;
  right: 24px;
  top: 24px;
  background-color: var(--rd-font-dark);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/close.svg");
  -webkit-mask-image: url("/src/img/2021/svg/close.svg");
}

.foruser_liste::-webkit-scrollbar {
  width: 9px;
}

.foruser_liste::-webkit-scrollbar-track {
  background: var(--rd-font-light);
}

.foruser_liste::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: var(--rd-borderradius-border-md);
}

.foruser_liste::-webkit-scrollbar-thumb:hover {
  background: #bebebe;
}

.lese-pflicht-form .form_btn_block {
  padding-right: 0;
  max-width: 1400px;
  width: 100%;
}

.lese-pflicht-form .forTime p {
  margin-bottom: 74px;
  color: var(--cl-dark-text);
  font-size: var(--rd-fontsize-5);
  line-height: 24px;
}

.lese-pflicht-form .qm-date-range label {
  font-size: var(--rd-fontsize-4) !important;
  font-weight: 400 !important;
  margin-right: var(--rd-spacing-x-sm);
  color: #535352 !important;
}

.lese-pflicht-form .forUsers p,
.qmhe-mail a,
.qmhe-tel a,
.qmhe-text,
.qmhelp-grid>div {
  font-size: var(--rd-fontsize-5) !important;
}

.lese-pflicht-form .forUsers p {
  color: var(--cl-dark-text);
  line-height: 24px;
  max-width: 580px;
}

.QMTextCont[data-typ="Video"] .tct_text_icon:before {
  background-image: url(/src/img/2021/svg/Content_video.svg);
  background-size: 100%;
  background-position: 50%;
  background-color: var(--rd-font-light);
  height: 25px;
  width: 25px;
  margin-left: 5px;
}

.qm-helpteaser {
  background-color: var(--rd-success-inactive);
  padding: 10px var(--rd-spacing-x-big);
  padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
  align-items: center;
}

.qm-helpteaser-neu .qmhelp-grid {
  display: flex;
  align-items: center;
  gap: var(--rd-spacing-xxx-big);
  flex-wrap: wrap;
}

.qm-helpteaser-neu .qmhelp-grid>div {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* .qmhe-btn {
	margin-left: var(--rd-spacing-md);
} */

.qmhe-btn .rd-primary-btn-textlink {
  font-size: var(--rd-fontsize-5) !important;
}

.qmspecial2024 {
  background-color: #c2e5f4;
}

.qm-helpteaser .qmhelp-grid>div {
  margin-right: var(--rd-spacing-md);
}

.contact_overpop_people>div.contact_overpop_people4 {
  background-image: url(/src/courses/999999/userimg/4/spschultz.png) !important;
  z-index: 1;
  background-size: 100%;
}

.qmhelp-grid>div {
  vertical-align: middle;
  display: inline-block;
  margin-right: 22px;
  line-height: 17px;
}

.qmhelp-grid>div:nth-child(2),
.qmhelp-grid>div:nth-child(3) {
  margin-right: var(--rd-spacing-sm);
}

.qmhe-text {
  grid-area: TEXT;
  letter-spacing: 0;
  line-height: 17px;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.qmhe-mail {
  grid-area: MAIL;
}

.qmhe-text+span {
  /* margin-left: var(--rd-spacing-md); */
  font-weight: var(--rd-fontweights-open-sans-2);
}

.qmhelp-grid div:last-child .qmhe-text+span {
  margin-left: -16px;
}

/* .qmhe-mail a:before,
.qmhe-tel a:before {
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.qmhe-mail a:before {
	content: "";
	height: 16px;
	margin-top: -2px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	mask-image: url("/src/img/2021/svg/Shape.svg");
	-webkit-mask-image: url("/src/img/2021/svg/Shape.svg");
} */

.qmhe-mail a:before,
.qmhe-tel a:before {
  height: 20px !important;
  width: 20px !important;
}

.qmhe-tel {
  grid-area: TEL;
}

.qmhe-tel a,
.qmhe-mail a {
  font-size: 16px;
  line-height: 132%;
  /* 21.12px */
  letter-spacing: 0.16px;
  color: var(--rd-secondary-active);
}

.qmhe-tel a:before {
  content: "";
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-bottom: var(--rd-spacing-xx-sm);
  background-color: var(--rd-secondary-active);
  vertical-align: middle;
  margin-right: 4px;
  mask-image: url("/src/img/2023/svg/icons/rd-icon-telefon.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-telefon.svg");
  mask-repeat: no-repeat;
}

.oqf_from .close,
label[for="disabled_messages"]:before {
  height: 20px;
  display: inline-block;
  background-color: var(--rd-primary-active);
  mask-size: contain;
  mask-position: 50%;
  mask-repeat: no-repeat;
}

.qmhe-img>div {
  margin-left: 20px;
}

.qm-helpteaser-neu .qmhe-img {
  display: inline-block;
  background-image: url(/src/img/2024/svg/svg_img/rd-live.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 89px;
  height: 34px;
  margin-right: -8px;
}

.releas_animation {
  background-color: var(--cl-ocean-blue);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 100;
  color: var(--rd-font-light);
}

.ra_tetxt {
  display: inline-block;
  height: 100%;
  padding: var(--rd-spacing-big) 40px;
  line-height: 12px;
}

.ra1 .ra_tetxt:before,
.ra2 .ra_tetxt:before {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  top: 0;
  bottom: 0;
  background-position: left center;
  background-size: calc(100% * 65);
  animation-fill-mode: forwards;
}

.ra1 .ra_tetxt:before {
  animation: calc(65s / 25) steps(65) releasAni1;
}

.ra2 .ra_tetxt:before {
  animation: calc(65s / 25) steps(65) releasAni2;
}

@keyframes releasAni1 {
  0% {
    background-image: url("https://www.pflegecampus.de/src/img/animation/Veroeffentlichen-3.png");
  }

  99.9% {
    background-image: url("https://www.pflegecampus.de/src/img/animation/Veroeffentlichen-3.png");
    background-position: calc(100% * -65);
  }

  100% {
    background-image: none;
  }
}

@keyframes releasAni2 {
  0% {
    background-image: url("https://www.pflegecampus.de/src/img/animation/Veroeffentlichen-2-2.png");
  }

  99.9% {
    background-image: url("https://www.pflegecampus.de/src/img/animation/Veroeffentlichen-2-2.png");
    background-position: calc(100% * -65);
  }

  100% {
    background-image: none;
  }
}

label[for="disabled_messages"] {
  display: block;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  padding: 9px;
  color: var(--rd-font-dark);
  background-color: var(--cl-light-green);
  cursor: pointer;
}

.oqff_grid h3,
.qmeval h3+div {
  font-size: var(--rd-fontsize-11);
}

label[for="disabled_messages"]:before {
  content: "";
  width: 21.11px;
  vertical-align: middle;
  margin-right: var(--rd-spacing-x-sm);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/message.svg");
  -webkit-mask-image: url("/src/img/2021/svg/message.svg");
}

#addform.blur {
  height: 3000px;
  width: 100%;
  position: absolute;
  z-index: 5;
  text-align: center;
}

#addform.blur~* {
  filter: blur(6px);
}

.daterangepicker {
  filter: blur(0) !important;
}

.overlay_qm_form {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  height: 1000%;
  text-align: center;
  background: rgba(7, 21, 36, 0.51);
}

.reset_icon,
.shared_text::before,
.template_filter input,
.version_nummer {
  background-repeat: no-repeat;
}

.oqf_from {
  text-align: left;
  display: inline-block;
  background-color: var(--rd-font-light);
  border-radius: var(--rd-borderradius-border-lg);
  margin-top: 10%;
  max-width: 957px;
  position: relative;
  z-index: 100;
}

.oqff_grid {
  display: flex;
  flex-direction: row;
  padding: var(--rd-spacing-x-lg);
}

#sharehomestitel>div,
.oqff_grid>div {
  width: 50%;
}

.oqffg1 {
  padding-right: 48px;
}

.oqffg2 {
  padding-left: 48px;
}

.oqf_from .close {
  width: 20px;
  opacity: 1;
  position: absolute;
  right: 24px;
  top: 24px;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/close-large.svg");
  -webkit-mask-image: url("/src/img/2021/svg/close-large.svg");
}

.not_allowed_to_select,
.qm_book_more_options {
  mask-size: contain;
  mask-position: 50%;
  mask-repeat: no-repeat;
  vertical-align: middle;
}

.oqff_grid h3 {
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 38px;
}

.oqff_menu {
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin-top: 275px;
}

.oqff_grid #suche {
  display: block;
  width: 100%;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  padding: 3px var(--rd-spacing-x-sm);
  margin-bottom: 38px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

#baum>ul li,
#sharehomestitel .sh_titel {
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
}

#sharehomestitel {
  display: flex;
  height: 22px;
}

#sharehomestitel .sh_titel {
  font-weight: var(--rd-fontweights-open-sans-1);
}

#baum {
  overflow-y: auto;
  height: 400px;
}

#baum::-webkit-scrollbar {
  width: 5px;
}

#baum::-webkit-scrollbar-track {
  background: var(--rd-font-light);
}

#baum::-webkit-scrollbar-thumb {
  background: var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

#baum::-webkit-scrollbar-thumb:hover {
  background: #bebebe;
}

.reset_icon,
.shared_text::before {
  background-position: 50%;
  background-size: 100%;
}

#baum>ul ul {
  margin-left: var(--rd-spacing-sm);
}

#baum>ul li {
  display: block;
  color: var(--cl-dark-text);
}

#baum .qmcheckbox,
#sharehomestitel .qmcheckbox2 {
  display: inline-block;
  height: 16px;
  width: 16px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  margin-right: var(--rd-spacing-sm);
  margin-bottom: var(--rd-spacing-xx-sm);
  vertical-align: middle;
  position: relative;
}

#TasksToggleButton:before,
.not_allowed_to_select,
.shared_qmh::before {
  margin-right: var(--rd-spacing-x-sm);
}

input:disabled+.qmcheckbox {
  filter: grayscale(10);
  opacity: 0.5;
}

#baum .qmcheckbox:before,
#sharehomestitel .qmcheckbox2:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: 50%;
  background-size: 100%;
  background-image: url("/src/img/svg/af/check-white.svg");
  opacity: 0;
  transition: 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.not_allowed_to_select {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-color: var(--rd-error-hover);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/svg/ban-solid.svg");
  -webkit-mask-image: url("/src/img/svg/ban-solid.svg");
  margin-bottom: 4px;
}

.not_allowed_to_select+* {
  color: var(--rd-error-hover);
}

.qmh_form_homes .qmh_backcover,
.qmh_form_homes .qmh_frontcover {
  height: 370px;
  width: 282.76px;
}

.qmh_form_homes .qmh_frontcover .text_button .qmh_form_homes .qmh_frontcover .text_button {
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}

.qm_book_more_options {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: var(--cl-dark-grey);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/More_Points.svg");
  -webkit-mask-image: url("/src/img/2021/svg/More_Points.svg");
  cursor: pointer;
}

#addform2 .bgform,
.home_select_label,
.qmoptionsmenu,
.roll_select_label {
  background-color: var(--rd-font-light);
}

.qmoinside {
  position: relative;
  z-index: 100;
}

.qmoptionsmenu {
  position: absolute;
  right: -20px;
  top: 10px;
  letter-spacing: 0;
  line-height: 24px;
  color: var(--rd-font-dark);
  padding: var(--rd-spacing-md);
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: var(--rd-spacing-x-sm);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  box-shadow:
    0 20px 25px -5px rgba(15, 15, 16, 0.1),
    0 10px 10px -5px rgba(15, 15, 16, 0.04);
  border-radius: 4px;
  border: 0.5px solid var(--Gray-Dark-Gray-400, #ccc);
}

.sharedQMH,
.shared_qmh {
  color: var(--cl-ocean-blue);
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 24px;
}

.currDragElementText:after,
.move_text span,
.qm-upgrade .con_p,
.qm-upgrade h1,
.sh_titel_not_found {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.qmoptionsmenu>* {
  cursor: pointer;
  position: relative;
  display: flex;
  /* padding: 0 var(--rd-spacing-x-sm); */
  gap: 12px;
  align-items: center;
  border-radius: var(--rd-spacing-xx-sm);
  padding-right: var(--rd-spacing-xxx-big);
}

.qmoptionsmenu *:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: var(--rd-font-dark);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.qmoptionsmenu .share:before {
  mask-image: url("/src/img/svg/Share.svg");
  -webkit-mask-image: url("/src/img/svg/Share.svg");
}

.qmoptionsmenu .print:before {
  mask-image: url("/src/img/2024/svg/icons/rd-printer.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/rd-printer.svg");
}

.qmoptionsmenu .archiv:before {
  mask-image: url("/src/img/2024/svg/icons/rd-archive.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/rd-archive.svg");
}

.suche_outer_div .suche_icon {
  position: absolute;
  height: 13.49px;
  width: 13.39px;
  background-color: var(--cl-blue-grey);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/search_icon.svg");
  -webkit-mask-image: url("/src/img/2021/svg/search_icon.svg");
  top: 9px;
  right: 8px;
}

.roll_select_label[data-public="Ja"]:after,
.shared_qmh::before {
  content: "";
  mask-size: contain;
  mask-position: 50%;
  mask-repeat: no-repeat;
  vertical-align: middle;
}

.shared_qmh {
  margin-left: var(--rd-spacing-md);
  margin-top: 58px;
  position: absolute;
  right: 16px;
  bottom: 80px;
}

.shared_qmh::before {
  display: inline-block;
  background-color: var(--cl-ocean-blue);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/share.svg");
  -webkit-mask-image: url("/src/img/2021/svg/share.svg");
  height: 21.38px;
  width: 18px;
}

.qm_hanbuch_element .text_button.icon:before {
  height: 15px;
  width: 15px;
}

.qm_hanbuch_element .text_button.icon.view:before {
  height: 15px;
  width: 15px;
}

.qmh_frontcover .pc_slidervalue_wrap>label {
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
}

.qm_test .not_allowed_to_select+label[title]:hover::after {
  content: attr(title);
  position: absolute;
  color: var(--rd-font-light);
  height: 114px;
  width: 288px;
  background-color: var(--cl-asphalt-blue);
  z-index: 1000;
  display: inline-block;
  left: 30px;
  top: -110px;
  padding: var(--rd-spacing-md);
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue);
  border-radius: var(--rd-borderradius-border-md);
}

.oqffg2 .button {
  width: 133px;
  text-align: center;
}

.qmBookIntroPreviewHead {
  display: flex;
  flex-direction: column-reverse;
}

.qm_edit_filter_box #FilterForm {
  padding: var(--rd-spacing-sm);
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  display: grid;
  gap: var(--rd-spacing-md);
  align-items: center;
}

.qm_edit_filter_box #FilterForm .rd-selector-searchrow {
  margin-bottom: 0;
}

.qmBookIntroPreviewLogo {
  min-height: 157px;
}

.shared .qmh_backcover,
.shared .qmh_frontcover {
  border: var(--rd-borderwidth-border-default) solid var(--cl-ocean-blue);
}

.roll_select_label .user_count {
  border-radius: var(--rd-borderradius-border-lg);
}

.shared .qhe_nav {
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-ocean-blue);
}

.sharedQMH {
  position: absolute;
  right: 20px;
  display: inline-block;
  bottom: 79px;
  cursor: pointer;
}

#qm_texte .qm_t_title {
  margin-bottom: var(--rd-spacing-big);
  margin-top: 21px;
}

.modal_dialog.QMCreationIntroDialog,
.modal_dialog.QMImportWizard {
  width: 1090px;
  /* max-height: 800px; */
}

.pcx_wizard_formfields pc-form-fields>form>.col_1 {
  padding-right: 80px;
}

.QMCreationIntroDialog .uFileName,
.QMImportWizard .uFileName {
  padding-left: 0 !important;
}

.shared .qmh_backcover {
  background-color: var(--cl-ocean-blue-alpha);
}

.shared_text::before {
  content: "";
  background-image: url(/src/img/svg/Share.svg);
  position: absolute;
  width: 27px;
  height: 27px;
  left: -27px;
  top: -4px;
}

.home_select_label {
  display: block;
  width: 100%;
  padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
  border-radius: var(--rd-borderradius-border-md);
  box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

input:checked+.home_select_label+.c-home_rolles,
input:checked+.roll_select_label+.home_roll_users {
  display: block;
  padding-left: 30px;
}

.roll_select_label {
  display: block;
  position: relative;
  padding: var(--rd-spacing-xx-sm);
  cursor: pointer;
}

.roll_select_label[data-public="Ja"]:after {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--rd-primary-active);
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  filter: unset !important;
  mask-image: url(/src/img/svg/af/house.svg);
  -webkit-mask-image: url(/src/img/svg/af/house.svg);
  margin-left: 15px;
}

.eval_content,
.template_filter #del_template_filter {
  mask-size: contain;
  mask-position: 50%;
  mask-repeat: no-repeat;
}

.roll_select_label:hover {
  background-color: var(--cl-pale-blue);
}

.roll_select_label .user_count {
  position: absolute;
  display: inline-block;
  right: 8px;
  top: 8px;
  background-color: var(--rd-primary-active);
  font-size: var(--rd-fontsize-4);
  line-height: 14px;
  padding: 2px 5px;
  color: var(--rd-font-light);
}

.tooltip_hover:hover:before,
.version_block .version_content {
  padding: var(--rd-spacing-md);
  font-size: var(--rd-fontsize-4);
  border-radius: var(--rd-borderradius-border-md);
  z-index: 1000;
  background-color: var(--cl-asphalt-blue);
  letter-spacing: 0;
}

.tooltip_hover {
  position: relative;
  width: calc(100% - 16px);
}

.tooltip_hover:hover:before {
  content: attr(data-tooltip);
  position: absolute;
  display: inline-block;
  color: var(--rd-font-light);
  line-height: 24px;
  font-weight: 100;
  bottom: calc(100% + 20px);
  left: 0;
  right: 16px;
}

.tooltip_hover:hover:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: var(--cl-asphalt-blue);
  width: 26px;
  height: 26px;
  transform: rotate(45deg);
  bottom: calc(100% + 10px);
  left: 25%;
}

.version_block {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 30px;
  cursor: pointer;
}

.version_nummer {
  height: 16px;
  width: 16px;
  display: inline-block;
  background-image: url("/src/img/2021/svg/TooltipInfoCopy6.svg");
  margin-left: var(--rd-spacing-x-sm);
  background-position: 50%;
}

.version_block .version_content {
  display: none;
  position: absolute;
  width: 368px;
  color: var(--cl-light-blue);
  line-height: 26px;
  bottom: calc(100% + 9px);
  left: calc(100% - 45px);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.version_block .version_content:before {
  content: "";
  background-color: var(--cl-asphalt-blue);
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  transform: rotate(45deg);
  bottom: -6px;
  left: 18px;
}

.version_block .version_content li,
.version_block .version_content ul {
  display: block;
  margin: 0;
}

.version_block .version_content li {
  line-height: 26px;
  font-weight: 100;
}

/* .thema:hover .t_cont,
.tc_title:hover,
.thema:hover .t_cont ~ ul .t_cont:hover{
	background-color: var(--cl-light-blue-500);
}
.thema:hover .t_cont ~ ul .t_cont{
	background-color:unset;
} */
.move_text {
  font-style: 16px;
}

.move_text span {
  color: var(--rd-primary-active);
}

.move_content form {
  padding: 30px;
  max-width: 645px;
}

.move_content form .move_text {
  margin-top: 48px;
  margin-bottom: 79px;
}

.qm_form_menu {
  display: flex;
  margin-top: 20px;
  justify-content: right;
}

.movetothis::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  border-right-color: var(--rd-primary-active);
  right: 5px;
  top: 12px;
}

.movetothis .t_actions {
  opacity: 0;
}

.qar-disabled label {
  cursor: default;
}

.sh_titel_not_found {
  width: 100% !important;
  font-size: var(--rd-fontsize-7);
  letter-spacing: 0;
  line-height: 26px;
  color: var(--rd-font-dark);
}

.nofindhome_text {
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
}

.nofindhome_text+ul {
  list-style: inside;
}

.nofindhome_text+ul li {
  display: list-item !important;
}

.currDragElementText:after {
  content: "Tipp: Die Shift-Taste gedrückt halten, um im aktuellen Thema zu bleiben.";
  position: absolute;
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--rd-font-dark);
}

.reset_icon {
  position: absolute;
  top: 9px;
  right: 7px;
  background-image: url(/src/img/svg/af/wrong_2.svg);
  height: 14px;
  width: 14px;
  display: inline-block;
  cursor: pointer;
}

#addform2 .fromoverlay form {
  margin: 0;
  width: 100%;
  max-width: unset;
}

#addform2 .fromoverlay {
  text-align: left;
  top: -22px;
}

#addform2 .bgform {
  background-image: none;
}

#addform2 .fromoverlay .pc_userchooserv3_wrapper {
  padding: 0;
}

#addform2 pc-user-selector {
  max-width: 1400px;
  width: 100%;
}

.template_filter {
  margin-bottom: 20px;
  margin-top: 10px;
  display: inline-block;
  position: relative;
}

.template_filter input {
  padding: var(--rd-spacing-x-sm);
  border: var(--rd-borderwidth-border-default) solid var(--rd-input-focused);
  border-radius: var(--rd-borderradius-border-md);
  background-image: url("/src/img/svg/af/search_icon.svg");
  background-position: top 10px right 8px;
}

.template_filter #del_template_filter {
  position: absolute;
  right: 8px;
  top: 11px;
  display: inline-block;
  height: 15px;
  width: 15px;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  mask-image: url("/src/img/svg/af/wrong_2.svg");
  -webkit-mask-image: url("/src/img/svg/af/wrong_2.svg");
  background-color: var(--rd-font-dark);
  -webkit-mask-repeat: no-repeat;
  background-image: none;
  cursor: pointer;
}

.template_filter_grid {
  display: inline-grid;
  grid-template-areas: "INPUT OPTIONS";
}

.template_options {
  grid-area: OPTIONS;
  padding-left: var(--rd-spacing-md);
}

.template_options #someOptions>div {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--rd-spacing-md);
  margin-top: 14px;
}

.tc_cont [style="list-style-type: none;"] {
  list-style-type: unset !important;
}

.tc_cont [style="display: none;"] {
  display: unset !important;
}

.qm-more-subform:hover>span {
  background-color: var(--rd-input-hover);
  color: var(--rd-list-default-light);
}

.qm-more-subform:hover>span:after {
  background-color: var(--rd-list-default-light);
}

.qm-more-subform ul {
  display: none;
  padding: var(--rd-spacing-x-sm) !important;
}

.qm-more-subform:hover ul {
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
  background-color: var(--rd-list-default-dark);
}

.eval_content {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--rd-secondary-active);
  vertical-align: middle;
  margin-top: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2023/svg/icons/eval.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/eval.svg");
}

.qmeval h3+div {
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: var(--rd-lineheights-0);
  color: var(--rd-font-dark);
  margin-bottom: var(--rd-spacing-xxx-big);
}

.qmeval .formfields {
  padding: 0;
  margin-top: var(--rd-spacing-xxx-big);
  margin-bottom: var(--rd-spacing-xx-lg);
}

.qm-upgrade .con_p,
.qm-upgrade h1,
.qmeval .formfields select {
  margin-bottom: var(--rd-spacing-x-big);
}

.qmeval .id_table_input>div:first-child {
  width: 150px;
}

.qmeval .rd-trash {
  margin-top: 10px;
  display: block;
}

.pro-upgrade-contact,
.pro-upgrade-trial {
  text-align: center;
  color: var(--rd-font-dark);
  padding: var(--rd-spacing-xxx-lg) 0;
}

.qm-upgrade .mainframe>section {
  display: table-cell;
  height: 100vh;
  background: var(--rd-input-disabled) !important;
  padding: 0 16px;
}

.qm-upgrade .mainframe {
  display: table;
}

.pro-upgrade-contact .rd-primary-btn {
  margin-top: 48px;
  z-index: 1;
  position: relative;
}

.qm-upgrade .con_p,
.qm-upgrade h1 {
  font-size: var(--rd-fontsize-11) !important;
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.28px;
  color: var(--rd-primary-active);
}

#TasksToggleButton,
.qmp_text .rd-simple-link {
  font-size: var(--rd-fontsize-4);
  color: var(--rd-primary-active);
}

.qm-upgrade p {
  font-size: var(--rd-fontsize-3);
  line-height: 170%;
  letter-spacing: 0.12px;
  margin-bottom: var(--rd-spacing-xxx-lg);
  z-index: 1;
  position: relative;
}

.qm-upgrade .con_p {
  color: var(--rd-font-dark) !important;
}

.pro-upgrade-trial p {
  margin-bottom: 24px;
  padding: 0 16px;
}

.rd-contact-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

.rd-contact-card-tel>.rd-icon-telefon::before {
  background-color: var(--rd-primary-active);
  vertical-align: sub;
}

.rd-contact-card {
  border-radius: 8px;
  background: #fef9fa;
  box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.25);
  padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
  min-width: 320px;
  z-index: 1;
  margin: 0 var(--rd-spacing-md);
}

.rd-contact-card-name,
.rd-contact-card-tel,
.rd-contact-card-text {
  margin-bottom: 0 !important;
  margin-top: var(--rd-spacing-x-sm);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-contact-card-name,
.rd-contact-card-tel {
  font-size: var(--rd-fontsize-5) !important;
  line-height: var(--rd-lineheights-1) !important;
  color: var(--rd-primary-active);
}

.rd-contact-card-tel a {
  color: var(--rd-primary-active) !important;
}

.rd-contact-card-text {
  font-size: var(--rd-fontsize-4) !important;
  line-height: 170%;
  letter-spacing: 0.14px;
}

.pro-upgrade-trial .rd-primary-btn {
  margin-bottom: 24px;
  width: 320px !important;
}

.rd-div-flex {
  display: flex;
  gap: 24px;
  margin-top: 8px;
}

.vorteile-p {
  font-size: var(--rd-fontsize-11) !important;
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  margin-bottom: 48px;
  margin-top: 120px;
}

.pro-upgrade-trial .contractPackages {
  justify-content: center;
}

.pro-upgrade-trial .rd-primary-btn-outline {
  margin-top: 80px;
  background-color: transparent !important;
  width: fit-content;
}

.pro-upgrade-contact::before,
.pro-upgrade-trial .contractPackage:after {
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  content: "";
  display: inline-block;
}

.pro-upgrade-contact-footer-left {
  bottom: 0;
  position: fixed;
}

.pro-upgrade-contact-footer-right {
  position: fixed;
  bottom: 0;
  right: 120px;
}

.pro-upgrade-trial-footer-right {
  top: 300px;
  position: absolute;
  right: 0;
}

.pro-upgrade-trial-footer-left {
  bottom: 200px;
  position: absolute;
  left: 0;
}

.pro-upgrade-contact-footer img {
  width: 200%;
}

.pro-upgrade-contact::before {
  background-image: url(/src/img/2023/svg/svg_img/contacts_magenta_line.svg);
  height: 22px;
  position: absolute;
  top: 0;
  right: 10%;
}

.pro-upgrade-trial .contractPackage:after {
  top: 120px;
  background-image: url(/src/img/2023/svg/svg_img/qm-sketch.svg);
  height: 280px;
  position: absolute;
  left: 330px;
}

.pro-upgrade-trial .contractPackage {
  padding-left: var(--rd-spacing-md);
  padding-right: var(--rd-spacing-md);
  z-index: 1;
}

.qm_btn_group_2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.qmp_text a {
  top: unset;
}

.qmp_text .rd-simple-link {
  line-height: var(--rd-lineheights-0);
}

.qm_btns_group {
  display: inline-flex;
  /* flex-direction: column; */
  gap: 24px;
  text-align: center;
  margin-top: var(--rd-spacing-big);
  align-items: center;
}

.qm_btns_group .button+.button {
  margin-left: 0;
}

.rd-qm-btn {
  width: 320px;
}

#anhang_box {
  align-items: center;
  gap: var(--rd-spacing-md);
}

#TasksToggleButton {
  font-weight: var(--rd-fontweights-open-sans-2);
  display: block;
  text-align: right;
  cursor: pointer;
}

#TasksToggleButton:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--rd-primary-active);
  vertical-align: middle;
  mask-image: url("/src/img/2023/svg/icons/eye-on.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/eye-on.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

#TasksToggleButton.hideToggle:before {
  mask-image: url("/src/img/2023/svg/icons/eye-off.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/eye-off.svg");
}

.qm-accses-fa-name {
  display: block;
  font-size: var(--rd-fontsize-3);
  color: var(--rd-input-focused);
  font-style: italic;
}

.qar-element {
  display: inline-flex;
  margin-bottom: 8px;
}

.rd-qm-title-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--rd-spacing-big);
}

.rd-qm-title-actions h1 {
  margin: 0 !important;
  line-height: 30px;
}

.qm-more-form li.blank-line:last-of-type {
  border-top: 0;
  display: none !important;
}

.rd-qm-users .pc_ucv3_columns {
  width: auto;
  height: 100%;
}

.qmuseradd .cb_navi2,
.qmuseradd .users_cont_list {
  max-width: 1590px;
}

.qmuseradd .right_btn_element {
  width: 100%;
  top: 0;
  left: 40px;
  max-width: 1590px;
  position: absolute;
  justify-content: end;
}

.qmuseradd .back_link,
.qmuser_add .back_link {
  margin-bottom: var(--rd-spacing-x-sm);
}

.qmuser_add .qm-lese-user-nav .ulun-time {
  margin-left: 0;
}

.qmuser_add .formfields {
  padding: 0;
}

.qmuser_add .pc_userchooserv3_wrapper {
  background-color: var(--rd-font-light);
}

.qmuseradd .conten_titel {
  color: var(--rd-primary-active);
  margin-bottom: var(--rd-spacing-md);
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-2);
}

.qmuseradd .rd-action-bar {
  margin-top: var(--rd-spacing-md);
}

.lesepflichten .overtitel_navi+h1 {
  margin: var(--rd-spacing-xxx-big) 0;
}

.qmuser_add .pc_ucv3_columns {
  width: 100%;
}

.qmuser_add .pc_ucv3_columns label {
  display: grid !important;
}

.qm_edit .mainframe>section .center {
  min-height: 1400px;
}

.qm-more-form ul {
  display: flex;
  flex-direction: column;
  margin-left: 0 !important;
  gap: var(--rd-spacing-x-sm);
}

.newQMUserAddPopup h3 {
  margin-bottom: var(--rd-spacing-lg);
}

.newQMUserAddPopup .rd-input-content {
  max-width: 300px;
}

.qmuser_add .rd_seperator_be,
.qmuser_add .rd_seperator_af {
  width: 75px;
}

.qmuser_add .rd_step div {
  grid-template-columns: 75px 32px 75px;
}

.qmuser_add .rd_steps {
  min-width: auto;
  margin: auto;
}

.qmuser_add .rd_steps_container {
  max-width: 1590px;
}

.qmuser_add .rd-instruction-subtitle.rd-before-sub {
  text-align: center;
  margin-top: 40px;
  max-width: 1590px;
}

.qmuser_add pc-user-selector {
  max-width: 1590px;
}

.qmuser_add .rd-wizard-bg {
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.qmuser_add .rd-card {
  z-index: 10;
  position: relative;
}

.qmuser_add .rd-primary-btn,
.qmuser_add .rd-primary-btn-outline,
.qmuser_add .pc_userchooserv3_wrapper {
  z-index: 10;
  position: relative;
}

.qmuser_add .rd_steps .rd_step:nth-of-type(1) .rd_seperator_be,
.qmuser_add .rd_steps .rd_step:last-child .rd_seperator_af {
  background-color: var(--cl-light-blue);
}

.qmuser_add .rd_step label {
  margin: 0;
  padding: 0;
}

.qmuser_add .rd_step.active .rd_step_bullet {
  cursor: default;
}

.qmuser_add .rd-icon-arrowLeft::before {
  vertical-align: top;
}

.qm_edit .deleatFormConfim h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 132% !important;
  color: var(--rd-primary-active) !important;
  margin-bottom: 0 !important;
}

.qm_edit .deleatFormConfim .formheader {
  padding-bottom: 0;
  padding-top: 90px;
}

.qm_edit .deleatFormConfim .formfields p {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 600;
  line-height: 132%;
  color: var(--rd-font-dark);
}

.qm_edit .deleatFormConfim .form_btn_block {
  display: grid;
  gap: var(--rd-spacing-md);
  flex-direction: column;
  padding: 40px !important;
  text-align: center;
  max-width: 300px;
  margin: auto;
}

.qm_edit .deleatFormConfim .button+.button {
  margin-left: 0;
}

.qm_edit .attantion_icon {
  display: none;
}

.qm_edit .fromoverlay form {
  width: 50%;
}

.qm_edit .fromoverlay form.deleatFormConfim .formclose {
  height: 14px;
  width: 14px;
  background-color: var(--rd-primary-active);
}

.qmSnipBodyBlocked {
  max-height: 430px;
  mask-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 1)),
      to(rgba(0, 0, 0, 0.1)));
  -webkit-mask-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 1)),
      to(rgba(0, 0, 0, 0.1)));
  overflow: hidden;
}

/* .qm_edit .deleatFormConfim .form_btn_block .button{
	max-width: 300px;
} */

.pcTinyWrapper[data-is-fullscreen="true"] .mce-content-body {
  max-height: calc(100% - 200px);
}

.qmhelp-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.qm-helpteaser .rd-icon-close-circle::before {
  background-color: var(--rd-secondary-active);
}

.qmCreationDialog .button.fill::after {
  content: "";
  mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowLineRightBtn.svg);
  -webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowLineRightBtn.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: unset !important;
  margin-left: 4px;
  vertical-align: middle;
  align-self: center;
  background-color: var(--rd-font-light);
}

.rd-info-snip-title.CampusBot-Emoji::before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url(/src/img/2024/svg/icons/Campus_Bot_Emoji.svg);
  margin-right: 4px;
}

@media screen and (max-width: 1850px) {
  .qmuseradd .right_btn_element {
    left: -30px;
  }
}

@media screen and (max-width: 1450px) {
  .rd-qm-title-actions {
    display: block;
  }

  .rd-qm-title-actions .set_right {
    margin-top: var(--rd-spacing-md);
  }
}

@media screen and (max-width: 1200px) {
  .forUsers .pc_ucv3_columns_left {
    max-height: 300px;
  }

  .rd-qm-users .lese-pflicht-form .forUsers p {
    max-width: 100%;
  }

  .rd-qm-users .pc_ucv3_columns_right img {
    width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  .qmuseradd .respons_table td:before {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .pro-upgrade-trial .contractPackageFeatures {
    grid-template-columns: 100% !important;
    margin: 0;
  }

  .pro-upgrade-trial .contractPackage:after {
    display: none;
  }

  .pro-upgrade-contact-footer-right {
    right: 55px;
  }

  .pro-upgrade-contact-footer img {
    width: 150%;
  }

  .QMCreationIntroDialog .qmBookIntroPreview {
    float: unset;
    width: 100%;
    margin-top: 0;
  }

  .oqff_grid {
    flex-direction: column;
    gap: var(--rd-spacing-lg);
  }

  .oqff_grid>div {
    width: 100%;
  }

  .oqffg1 {
    border-right: unset;
  }

  #baum {
    min-height: 200px;
    height: 100%;
  }

  .oqff_menu {
    margin-top: var(--rd-spacing-xxx-lg);
  }

  .oqffg2 {
    padding-left: 0;
  }

  .qm-helpteaser-neu .qmhelp-grid>div {
    flex-wrap: wrap;
    gap: var(--rd-spacing-x-sm);
  }

  .qmhelp-grid div:last-child .qmhe-text+span {
    margin-left: -8px;
  }

  .qm-helpteaser-neu .qmhe-img {
    margin-right: 0;
  }
}

@media screen and (max-width: 800px) {
  .vorschau_content_sidebar_grid {
    grid-template-areas: "SIDE" "CONT";
    grid-template-columns: 100%;
    width: 100%;
  }

  .qmUserFilterFromGrid {
    grid-template:
      "SUCHE SUCHE "
      "DATE DATE"
      "CHECK CHECK "
      "RESET RESET";
  }

  #scrolelement {
    position: relative !important;
  }

  .qmv-sidebar {
    padding-left: 0;
  }

  #content_load_div>div#ConfirmArrow {
    width: 100%;
    left: 0;
  }

  .qmhelp-grid>div:first-child {
    margin-bottom: var(--rd-spacing-x-sm);
  }

  .qmuseradd .conten_titel {
    margin-top: var(--rd-spacing-md) !important;
    margin-left: var(--rd-spacing-md);
  }

  .qmhe-text+span {
    margin-left: 0;
  }
}

@media screen and (max-width: 750px) {
  .qm-upgrade .con_p {
    margin-bottom: var(--rd-spacing-xxx-lg);
  }

  .rd-contact-cards {
    display: block;
  }

  .rd-contact-card {
    margin: 0 var(--rd-spacing-md) var(--rd-spacing-x-big);
    position: relative;
    z-index: 1;
  }

  .pro-upgrade-contact::before {
    display: none;
  }

  .pro-upgrade-contact-footer-left,
  .pro-upgrade-contact-footer-right {
    position: absolute;
  }

  .pro-upgrade-contact-footer-right {
    right: 0;
  }

  .pro-upgrade-contact-footer {
    height: 162px;
    display: flex;
    justify-content: space-between;
  }

  .pro-upgrade-contact-footer img {
    width: 100%;
  }

  .qm-upgrade h1 {
    margin-top: 0;
  }

  .qmuseradd .right_btn_element {
    position: relative;
    justify-content: start;
    left: 0;
  }
}

@media screen and (max-width: 706px) {
  .qmuser_add .qm-lese-user-nav .ulun-time {
    margin-bottom: var(--rd-spacing-x-sm);
  }
}

@media screen and (max-width: 600px) {
  .pro-upgrade-trial .contractPackage {
    width: auto;
  }

  .rd-contact-card {
    margin: 0 !important;
  }

  .rd-div-flex {
    gap: 0;
  }

  .qmUserFilterFromGrid .typ_list {
    margin-top: var(--rd-spacing-md);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--rd-spacing-x-sm);
  }

  .qm_edit .fromoverlay form {
    width: 100%;
  }
}

@media screen and (max-width: 570px) {
  .QMCreationIntroDialog .modal_dialog_top_title {
    margin-left: var(--rd-spacing-md);
  }

  .qmvg_h {
    display: block !important;
  }

  .qm-head-logo {
    padding: 24px var(--rd-spacing-md) !important;
    border-right: none !important;
  }

  .qm-head-titel h1 {
    padding: 24px var(--rd-spacing-md);
    line-height: 36px !important;
    text-align: left;
    font-size: var(--rd-fontsize-6) !important;
  }

  .vorschau_switch {
    width: 100%;
    text-align: center;
  }

  .qm-view-nav,
  .qmv-sidebar h3,
  .qmvg_i h2 {
    text-align: left;
  }

  .vorschau_content_sidebar_grid {
    padding-top: 50px;
  }

  .qm-head-info .table {
    padding-left: var(--rd-spacing-md);
  }

  .qm-head-info .table .table-cell {
    display: block !important;
    padding: var(--rd-spacing-xx-sm) !important;
  }

  .qm-head-info .table .table-cell:first-child {
    padding-top: var(--rd-spacing-x-sm) !important;
  }

  .qm_vorschau_h .text_button {
    display: none;
  }

  .qm-view-nav {
    margin-bottom: var(--rd-spacing-md);
  }

  .qm_vorschau_h {
    display: block;
  }

  .oqff_grid #suche {
    margin-top: 10%;
    margin-bottom: var(--rd-spacing-xx-lg);
  }
}

@media screen and (max-width: 500px) {
  .lese-pflicht-form .form_btn_block {
    padding: var(--rd-spacing-x-lg);
  }

  .lese-pflicht-form .form_btn_block .button+.button {
    margin-left: 0;
  }

  .lese-pflicht-form .form_btn_block .button {
    width: 100%;
  }

  .ulun-trenner {
    display: none;
  }

  .qm-lese-user-nav .ulun-user {
    margin-bottom: var(--rd-spacing-md);
  }

  #sharehomestitel {
    flex-direction: column-reverse;
  }

  #sharehomestitel>div:nth-child(2) {
    text-align: left;
    padding: var(--rd-spacing-md) 0;
  }
}

@media screen and (max-width: 450px) {
  .qmoptionsmenu:before {
    border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
    border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
    border-top: none !important;
    border-left: none !important;
    bottom: -10px;
    left: 34px;
    top: unset !important;
    right: unset !important;
  }
}

@media screen and (max-width: 400px) {
  .vorschau_switch {
    margin-right: 18px !important;
  }

  .qm-view-nav {
    text-align: center;
  }

  #sharehomestitel>div {
    width: 100%;
  }
}

/* li.aktive:hover .t_cont {
	background-color: unset;
} */

.qm-date-input-flex {
  display: inline-grid;
  grid-template-areas: "DATE SUCHE";
  grid-template-columns: 300px auto;
  width: 100%;
  gap: var(--rd-spacing-x-sm);
}

.pdfContainer {
  margin-left: var(--rd-spacing-x-big);
}

.rd-filled-template-switch-wrap {
  border-radius: 8px;
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 32px;
  padding: 12px;
}

.rd-filled-template-switch-wrap:has(.rd-theme-slider input:checked) {
  background-color: var(--rd-success-inactive);
}

.rd-filled-template-switch-wrap:has(.rd-theme-slider input:checked) .rd-label-content label {
  opacity: 1;
}

.rd-filled-template-switch-wrap .rd-label-content label {
  opacity: 0.3;
}

.rd-filled-template-switch-wrap .rd-slider-row {
  gap: 0;
}

.rd-filled-template-switch-wrap .rd-slider-row .rd-label-content {
  align-self: center;
  grid-template-columns: 20px 150px;
  grid-template-areas: "ICON TEXT";
  gap: 4px;
  margin-top: 0;
}

.rd-filled-template-switch-wrap .rd-label-content .info {
  grid-area: ICON;
  margin-left: 0;
}

.rd-filled-template-switch-wrap .rd-label-content label {
  line-height: 120%;
  text-align: left;
}

.rd-filled-template-switch-wrap .rd-slider-row .rd-input-content {
  height: 32px;
}

.rd-filled-template-switch-wrap .rd-theme-slider input {
  margin-right: var(--rd-spacing-sm);
}

.banner_prev.qm_banner {
  padding: 0 var(--rd-spacing-x-big);
  border-radius: 16px;
  margin-bottom: 0;
}

.banner_prev.qm_banner .left_site {
  padding: var(--rd-spacing-lg) var(--rd-spacing-xx-lg);
}

.banner_prev.qm_banner .img_cont {
  top: -80px;
  right: -140px;
}

.banner_prev.qm_banner .teasser_banner {
  height: auto;
  max-width: 100%;
  border-radius: 16px;
}

.banner_prev.qm_banner .bg_content img {
  height: auto;
}

.banner_prev.qm_banner .banner_sub_titel {
  margin-bottom: 0;
}

.qmh_form_homes .rd-homepage-video {
  padding: var(--rd-spacing-xx-lg) 0 0;
  margin: auto;
  text-align: center;
}

.qmh_form_homes .rd-contentTitle {
  margin-bottom: var(--rd-spacing-x-sm);
}

.qmh_form_homes .rd-homepage-video .button {
  margin-bottom: var(--rd-spacing-lg);
}

/* .qmSnippetListItem[data-is-demo-allowed="true"] .qmSnippetPic {
  background-image: url(/src/img/2024/svg/svg_img/qmVorlage.svg) !important;
} */

.qmSnippetListItem[data-is-demo-allowed="true"][data-snippet-virtualid="qmt_1621"] .qmSnippetPic {
  background-image: url(/src/img/2024/images/KI_Checkliste_2x.png) !important;
}

.qmSnippetListItem[data-is-demo-allowed="true"][data-snippet-virtualid="qmt_147"] .qmSnippetPic {
  background-image: url(/src/img/2024/images/Hitzeschutz2.png) !important;
}

.qmSnippetListItem[data-is-demo-allowed="true"] .qmSnippetPic {
  position: relative;
  overflow: hidden;
}

.qmSnippetListItem[data-is-demo-allowed="true"] .qmSnippetPic::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 84px 84px 0 0;
  border-color: var(--rd-primary-active) transparent transparent transparent;
  z-index: 1;
  filter: drop-shadow(0 4px 6px rgba(15, 15, 16, 0.08)) drop-shadow(0 2px 4px rgba(15, 15, 16, 0.06));
}

.qmSnippetListItem[data-is-demo-allowed="true"] .qmSnippetPic::after {
  content: "Exklusiv";
  position: absolute;
  top: 0px;
  left: -7px;
  z-index: 2;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0.5px;
  transform: rotate(-45deg);
  transform-origin: center;
  background-image: url(/src/img/2024/svg/svg_img/sonne.png);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center top;
  padding-top: 27px;
}

.qmh_form_homes .rd-homepage-video .button {
  min-width: 220px;
}

.rd-qmsnippet-demo-banner {
  display: grid;
  grid-template-columns: 50% 50%;
  background-color: var(--rd-secondary-pressed);
  max-width: 1011px;
  margin-bottom: var(--rd-spacing-lg);
  width: calc(100% - 48px);
  grid-template-areas: "Text Bild";
  border-radius: 8px;
}

.qmsnippet_banner_right_site {
  text-align: right;
  grid-area: Bild;
  align-content: center;
}

.qmsnippet_banner_left_site {
  padding: var(--rd-fontsize-9);
  color: var(--rd-font-light);
  grid-area: Text;
}

.qmsnippet_banner_left_site h3 {
  font-size: var(--rd-fontsize-6);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.18px;
  margin-bottom: var(--rd-spacing-x-sm);
  color: var(--rd-font-light);
  text-align: left;
}

.qmsnippet_banner_left_site p {
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
}

.qmsnippet_banner_right_site img {
  width: 100%;
  border-radius: 8px;
}

.qmsnippet_banner_title img {
  width: 24px;
  height: 24px;
}

.qmsnippet_banner_title {
  display: flex;
  gap: 8px;
}

@media screen and (max-width: 1750px) {
  .banner_prev.qm_banner .img_cont {
    top: -64px;
  }
}

@media screen and (max-width: 1200px) {
  .banner_prev.qm_banner .img_cont {
    top: -45px;
  }
}

@media screen and (max-width: 800px) {
  .banner_prev.qm_banner .left_site {
    padding: 24px;
  }

  .banner_prev.qm_banner .bg_content div {
    height: 250px;
    width: 600px;
    margin: auto;
  }

  .rd-qmsnippet-demo-banner {
    grid-template-columns: 100%;
    grid-template-areas: "Bild" "Text";
  }

  .qmsnippet_banner_right_site img {
    width: 90%;
  }
}

@media screen and (max-width: 650px) {
  .banner_prev.qm_banner .teasser_banner {
    height: 550px;
  }
}

@media screen and (max-width: 600px) {
  .banner_prev.qm_banner .bg_content div {
    width: 550px;
  }
}

@media screen and (max-width: 575px) {
  .banner_prev.qm_banner .bg_content div {
    width: 450px;
    top: 0;
  }
}

@media screen and (max-width: 500px) {
  .banner_prev.qm_banner .bg_content div {
    width: 100%;
    top: 0;
    height: 200px;
  }

  .banner_prev.qm_banner .teasser_banner {
    height: 500px;
    grid-template-rows: 30% 70%;
  }
}

@media screen and (max-height: 855px) {
  .qmCreationChoice {
    height: 407px;
  }
}

.filter_flex_qm {
  margin-left: var(--rd-spacing-sm);
  padding-bottom: var(--rd-spacing-md);
}

.qmoptionsmenu .trenner {
  display: block;
  border-bottom: 1px solid #eaecf0;
  margin: var(--rd-spacing-x-sm) 0;
}

.qmoptionsmenu .trenner:before {
  display: none;
}

*[data-key="internal"] .qmCreationChoicePic {
  padding: 20px;
  background-size: 80%;
}

.rd-instruction-sub-subtitle {
  display: block;
  color: var(--rd-primary-active);
  font-size: var(--rd-fontsize-8);
}

.rd-instruction-subtitle.rd-before-sub:has(.rd-instruction-sub-subtitle) {
  font-size: var(--rd-fontsize-11);
}

.rd-instruction-qm-title {
  color: var(--rd-input-focused);
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: var(--rd-lineheights-1);
  /* 32.34px */
}

.newQMUserAddPopup:has(.rd-instruction-qm-title) .rd-instruction-sub-subtitle {
  margin-bottom: var(--rd-spacing-x-sm);
}

.text-version-count {
  color: var(--rd-input-focused);
  font-size: var(--rd-fontsize-3);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: var(--rd-lineheights-0);
  /* 300% */
}

.qm-breadcrumbs-flex {
  display: flex;
  justify-content: space-between;
}

#qmformtext .rd-label-content label {
  text-align: left;
  margin-top: 0;
}

#qmformtext .rd-input-row {
  max-width: 550px;
}

#qmformtext .rd-select select {
  margin-bottom: 0;
}

#qmformtext .rd-infobar {
  max-width: 1600px;
}

#qm_texte span {
  margin-right: var(--rd-spacing-md);
}

#qm_texte span.releas_animation {
  margin-right: 0;
}

span.text_button.icon.plus.rd-addactionplan-link {
  display: inline-block;
  align-items: center;
}

@media screen and (max-height: 855px) {
  #qmformtext .rd-input-row {
    flex-wrap: wrap;
  }

  .in_dauer_btn {
    flex-wrap: wrap;
    gap: 16px;
  }

  .note_btn_grid {
    margin-left: auto;
  }
}

/* QMH-Landingpage */
.rd-qmh-landing-headline {
  color: var(--rd-font-dark, #0d1130);
  font-feature-settings: "liga" off;
  /* font-family: "Open Sans"; */
  font-size: 28px;
  /* font-style: normal; */
  font-weight: 700;
  line-height: 132%;

  letter-spacing: 0.28px;
}

.rd-qmh-landing-hero-section {
  background-color: #fff1f2;
  padding: var(--rd-spacing-x-huge) var(--rd-spacing-lg) var(--rd-spacing-lg);
}

.rd-qmh-landing-hero-badge-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 4px;
}

.rd-qmh-landing-hero-badge {
  max-width: 180px;
  height: auto;
}

.rd-qmh-landing-hero {
  display: grid;
  /* todo: sizing für video */
  grid-template-columns: 1fr 1fr;
  gap: var(--rd-spacing-lg);
  background: #fff1f2;
  align-items: start;
}

.rd-qmh-landing.qm .rd-qmh-landing-hero{
    grid-template-columns: auto 1fr 1fr;
}

.rd-qmh-landing .rd-contentListeItem,
.rd-intern-landingpage .rd-contentListeItem {
  font-weight: var(--rd-fontweights-open-sans-2);
  grid-template-columns: 24px auto;
}

.rd-qmh-landing .rd-icon-badgeCheck::before,
.rd-qmh-landing .rd-icon-badgeCheck-disabled::before,
.rd-intern-landingpage .rd-icon-badgeCheck::before,
.rd-intern-landingpage .rd-icon-badgeCheck-disabled::before {
  width: 20px;
  height: 20px;
}

.rd-qmh-landing-hero-buttons {
  margin-top: var(--rd-spacing-lg);
}

.rd-qmh-landing-hero-title {
  font-size: var(--rd-fontsize-11);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.28px;
  margin-bottom: var(--rd-spacing-x-big) !important;
  color: var(--rd-font-dark);
}

.rd-qmh-landing-hero-subtitle {
  font-size: var(--rd-fontsize-7);
  font-weight: var(--rd-fontweights-open-sans-2);
  margin-bottom: var(--rd-spacing-x-sm);
  color: var(--rd-primary-active);
}

.rd-qmh-landing-hero-section p {
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.16px;
  color: var(--rd-font-dark);
  margin-bottom: var(--rd-spacing-x-big);
}

.rd-qmh-landing-hero-buttons {
  display: flex;
  /* todo: spacing größer */
  gap: 8px;
  flex-wrap: wrap;  
}

.rd-qmh-landing-ki {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--rd-spacing-lg);
  padding: var(--rd-spacing-xxx-lg) 0;
}

.rd-qmh-landing.rd-homepage > section  {
    text-align: left !important;
}

.qmh_form_homes:has(.rd-qmh-landing) .center{
  padding: 0 !important;
}

.rd-container[name="rd-qmh-landing-ki"] {
  margin: 0 !important;
  padding: var(--rd-spacing-x-huge) 0;
}

.rd-qmh-landing .rd-homepage-features h2,
.rd-intern-landingpage .rd-homepage-features h2 {
  font-size: var(--rd-fontsize-11);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.28px;
  margin-bottom: var(--rd-spacing-lg) !important;
  text-align: center;
}

.rd-qmh-landing .rd-homepage-features,
.rd-intern-landingpage .rd-homepage-features {
  padding-bottom: var(--rd-spacing-x-huge);
}

/* .rd-features {
  padding: 0 !important;
} */

.rd-feature-element {
  text-align: center;
}

/* .rd-homepage>section  */
.rd-homepage .qm {
  text-align: unset !important;
}

@media screen and (max-width: 1000px) {
  .rd-qmh-landing-hero-badge-wrap {
    display: none;
  }

  .rd-qmh-landing-hero {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 765px) {

  .rd-qmh-landing-hero,
  .rd-qmh-landing-ki {
    grid-template-columns: 100%;
  }

  .rd-qmh-landing-hero-badge {
    max-width: 120px;
  }

  .rd-features {
    padding: 0 !important;
  }

  .rd-container[name="rd-qmh-landing-ki"] {
    padding: 40px 0 60px 0 !important;
  }
}

.neu-badge {
  display: flex;
  width: 42px;
  height: 20px;
  padding: 2px 8px 4px 8px;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px;

  border-radius: 96px;
  background-color: #d66181;
}

.neu-badge-text {
  color: #fff;
  text-align: center;

  font-size: 12px;
  font-style: normal;
}

.qmh-price-teaser {
  font-size: 28px;
  font-weight: 700;
  line-height: 132%;
  letter-spacing: 0.28px;
}

[data-titel="2694"] .qmh_frontcover:before {
  content: "";
  width: 84px;
  height: 55px;
  display: inline-block;
  right: 0;
  top: 25px;
  background-size: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("/src/img/2024/images/Beta-Badge.png");
}

/* .rd-contentListeItem {
	grid-template-columns: 24px auto auto !important;
} */

*:focus .ta-grid {
  display: grid;
}

.thema:focus {
  border: 1px solid var(--rd-primary-active);
}

pc-tooltip.text-link {
  width: unset;
  background-image: none;
  padding: 0;
  margin: 0;
}

.rd-tab-rows .rd-tabs-card a.disabled-pro,
.rd-nav-grid a.disabled-pro {
  /*cursor:default;*/
  opacity: 0.5;
}

.rd-tab-rows .rd-tabs-card a.disabled-pro:before,
.rd-nav-grid a.disabled-pro:before {
  display: none;
}

.rd-tab-rows .rd-tabs-card a.disabled-pro:after,
.text_button.pro-disabled::after,
.rd-nav-grid a.disabled-pro:after,
.pro_feature:after {
  content: attr(data-badge);
  display: inline-block;
  /* <- verhindert, dass underline durchgeht */
  margin-left: 4px;
  color: #752522;
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
  border-radius: var(--rd-borderradius-border-xl);
  background: var(--rd-red-100);
  padding: 2px var(--rd-spacing-x-sm);
  vertical-align: middle;
  /* optional, für schöne Ausrichtung */
}

.text_button.pro-disabled::after,
.pro_feature:after {
  content: "Pro";
  margin-left: 4px;
}

.text_button.pro-disabled,
.text_button.pro-disabled:hover {
  opacity: 0.5;
  text-decoration: none;
}

[data-popup="QM Lite Professional Paket"] {
  .image-container {
    /* margin-bottom: 100%; */
  }

  .image-container img {
    max-width: 100%;
  }

  .rd-popup-subtitle {
    margin-top: 8px;
    margin-bottom: 0;
  }

  .rd-popup-title {
    margin-top: 0 !important;
    margin-bottom: 16px;
    white-space: nowrap;
  }

  .first-paragraph {
    color: var(--rd-font-dark);
    text-align: center;
    font-size: var(--rd-fontsize-5);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-2);
    line-height: var(--rd-lineheights-0);
    /* 19.2px */
    margin-bottom: var(--rd-spacing-x-lg);
  }

  .features-list {
    display: inline-block;
    text-align: left;
    margin-bottom: var(--rd-spacing-x-lg);
  }

  .feature-titel {
    color: var(--rd-font-dark);
    font-size: var(--rd-fontsize-5);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: var(--rd-lineheights-0);
    /* 21.12px */
    letter-spacing: 0.16px;
  }

  .second-paragraph {
    color: var(--rd-font-dark);
    text-align: center;
    font-size: var(--rd-fontsize-5);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-2);
    line-height: var(--rd-lineheights-0);
    /* 21.12px */
    margin-bottom: var(--rd-spacing-lg);
  }

  .features-list ul {
    color: var(--rd-font-dark);
    font-size: var(--rd-fontsize-5);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-2);
    line-height: var(--rd-lineheights-0);
    /* 21.12px */
    margin-bottom: var(--rd-spacing-lg);
    list-style: none;
    margin-bottom: 0;
  }

  .features-list ul li {
    display: flex;
    margin-bottom: var(--rd-spacing-xx-sm);
    gap: var(--rd-spacing-xx-sm);
  }

  .features-list ul li::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("/src/img/2023/svg/icons/rd-icon-check-green.svg");
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .features-list ul li.ki-list::before {
    background-image: url("/src/img/2024/svg/icons/rainbow-zauberstab.svg");
  }
}

#permatipContainer {
  position: absolute;
}

.qm-lite-permatip pc-quick-component .rd-outline-white-btn,
.qm-lite-permatip pc-quick-component .rd-outline-white-btn:hover {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.qm-lite-permatip pc-quick-component .rd-outline-white-btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/src/img/2023/svg/icons/rd-icon-arrowLineRightBtn.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 4px;
}

.tbg_btn_flex {
  display: flex;
  gap: var(--rd-spacing-sm);
}

.tbg_btn_flex .rd-primary-btn,
.tbg_btn_flex .rd-infobar-content {
  white-space: nowrap;
}

.tbg_btn_flex pc-infobar>div {
  margin: 0;
  padding: 10px 16px;
}

[color="lightred"] .rd-infobar,
[color="lightred"] .rd-infobar a {
  background-color: var(--rd-error-inactive);
  color: var(--rd-error-pressed);
}

[color="lightred"] .rd-infobar a {
  text-decoration: underline;
}

[color="lightred"] .rd-infobar:before {
  background-color: var(--rd-error-pressed);
}

.tbg_btn_flex .rd-primary-btn.pro-disabled {
  filter: grayscale(1);
  opacity: 0.5;
}

#qm_texte pc-infobar {
  margin-top: 8px;
  display: block;
}

.rd-badge.rd-badge-pro-badge {
  display: inline-block;
  color: #752522;
  text-align: center;
  font-size: var(--rd-fontsize-3);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
  /* 133.333% */
  border-radius: var(--rd-borderradius-border-xl);
  background: var(--rd-red-100);
  padding: 2px var(--rd-spacing-x-sm);
  justify-content: center;
  align-items: center;
}

.DisabelAdd {
  opacity: 0.5;
}

.button-container {
  display: inline-flex;
  gap: var(--rd-spacing-md);
  flex-wrap: wrap;
}

.pro-disabled,
.pro_feature {
  display: inline-flex;
  align-items: center;
}

.rd-main-subheadline .clock-icon,
.rd-release-headline {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.rd-release-headline {
  gap: 16px;
}

.rd-main-subheadline .clock-icon::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("/src/img/2024/svg/icons/rd-header-clock.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.image-container.new-versio-icons {
  font-size: 90px;
}

.Status_config_grid.qm_category {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
  grid-template-areas: "TEXT ACTION";
  grid-template-columns: calc(100% - 220px) 200px;
  border: 1px solid var(--rd-input-default);
  background-color: var(--rd-card-fg);
  padding: var(--rd-spacing-xx-sm);
  padding-left: 40px;
  position: relative;
  width: calc(100% - 8px);
  align-items: flex-start;
}

.not-clickable .rifelung {
  display: none;
}

.tc_title .count_treffer {
  color: var(--rd-success-default);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
}

#ThemenListe {
  min-height: 1200px;
}

.filter_date_input_grid {
  display: flex;
  gap: var(--rd-spacing-sm);
  width: 100%;
}

.filter_date_input_grid .such_feld {
  flex: 1;
  /* nimmt den restlichen Platz ein */
}

.filter_date_input_grid .such_feld pc-textinput {
  width: 100%;
  /* wichtig bei Custom Elements */
}

.filter_date_input_grid .such_feld pc-textinput .autocomplete_textvalue_wrap input[type="text"] {
  width: 100%;
  /* wichtig bei Custom Elements */
}

.rd-table td:first-child {
  padding-left: 16px;
}

#filterform pc-queries-form {
  display: inline-flex;
  width: auto !important;
  gap: var(--rd-spacing-sm);
}

.clickable_row {
  cursor: pointer;
}

/* ===== Layout ===== */

.qmSnippetListHeadlineRow {
  display: flex;
  align-items: center;
  gap: 12px;
}

.qmSnippetTopFilter {
  display: flex;
  align-items: center;
  gap: 12px;
}

.qmSnippetFilterReset {
  white-space: nowrap;
  color: var(--rd-primary-active);
  font-size: var(--rd-fontsize-3);
  background-color: transparent;
  line-height: var(--rd-lineheights-0);
  border: none;
  font-weight: 400;
  cursor: pointer;
  width: auto;
  height: auto;
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 170%;
  text-decoration: none;
  color: var(--rd-primary-active);
}

.qmSnippetFilterReset:hover {
  color: var(--rd-primary-active);
}

/* ===== Einrichtung Filter ===== */

.einrichtungFilter {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ===== Icon für Einrichtungen ===== */

.einrichtungFilter pc-knob-multi-select {
  --rd-knob-icon-mask: url(/src/img/2024/svg/icons/rd-icon-academic-cap.svg);
  --rd-knob-icon: url(/src/img/2024/svg/icons/rd-icon-academic-cap.svg);
}

/* Projekt überschreibt mask-image -> hier hart setzen (nur Einrichtungen) */
.einrichtungFilter pc-knob-multi-select[name="Einrichtungen"] .rd-knob-icon {
  -webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-academic-cap.svg);
  mask-image: url(/src/img/2024/svg/icons/rd-icon-academic-cap.svg);
}

/* Fallback: falls Icon via ::before gebaut wird */
.einrichtungFilter pc-knob-multi-select .rd-knob-button::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-academic-cap.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url(/src/img/2024/svg/icons/rd-icon-academic-cap.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* ===== Anfangszustand: KEIN Text (versteckt "Einrichtung (Alle)") ===== */
/* data-empty wird im TS als boolean attribute gesetzt */
.einrichtungFilter pc-knob-multi-select[data-empty]::part(button),
.einrichtungFilter pc-knob-multi-select[data-empty] .rd-knob-button {
  font-size: 0 !important;
  /* Text weg */
  line-height: 1 !important;
  /* verhindert "nach unten rutschen" */
}

/* Icon wieder sichtbar lassen */
.einrichtungFilter pc-knob-multi-select[data-empty]::part(button)::before,
.einrichtungFilter pc-knob-multi-select[data-empty] .rd-knob-button::before {
  font-size: 14px !important;
}

.einrichtungFilter pc-knob-multi-select[data-empty] .rd-knob-icon {
  font-size: 14px !important;
}

/* Am Anfang/Reset nur den Short-Value "(Alle)/(Keine)" ausblenden */
.einrichtungFilter pc-knob-multi-select[data-empty="1"] .rd-knob-value-short {
  display: none !important;
}