@charset "UTF-8";

html {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: var(--rd-fontsize-5);
  text-align: left;
  padding: 0;
  margin: 0;
  background-color: var(--cl-light-blue);
  color: #535353;
}

section {
  background-color: var(--rd-font-light);
  position: relative;
  text-align: center;
}

.center h1 {
  margin: 33px 0 32px 0;
  font-size: var(--rd-fontsize-11);
  font-size: 28px;
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 38px;
  color: var(--rd-font-dark);
}

#topcount {
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  min-width: 20px;
  border-radius: var(--rd-borderradius-border-xl);
  min-height: 20px;
  display: inherit;
  position: relative;
  right: -8px;
  top: -8px;
  line-height: 20px;
  font-size: var(--rd-fontsize-3);
  text-align: center;
  vertical-align: middle;
}

#leftcount {
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  min-width: 20px;
  border-radius: var(--rd-borderradius-border-xl);
  font-size: 0.8em;
  min-height: 20px;
  line-height: 20px;
  text-align: center;
  float: right;
  display: inherit;
}

#demozugang-kostenlos {
  display: none;
}

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

.new_header .tc_cell.set_right {
  padding-right: 0;
}

.login_section .center form input[type="submit"] {
  background-color: var(--cl-deep-green);
}

.header_table .ht_cell {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

.mainframe {
  /* margin-top:70px; */
  display: table;
  position: relative;
  width: 100%;
  min-height: 80vh;
}

#navigation_mobil {
  display: none;
}

.mainframe nav {
  display: table-cell;
  vertical-align: top;
  background-color: var(--cl-light-blue);
  border-right: var(--rd-borderwidth-border-focus) solid #e9ecf0;
  white-space: nowrap;
  font-size: var(--rd-fontsize-4);
  position: relative;
  width: 270px;
  text-align: left;
}

.mainframe nav ul {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  padding: 10px 10px 10px 0;
  width: 250px;
}

.mainframe nav ul li {
  display: block;
  margin-left: 10px;
}

.mainframe nav ul li a,
.mainframe nav ul li .navilink {
  color: #535353;
  text-decoration: none;
  display: block;
  padding: 5px 20px 5px 10px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: var(--rd-borderradius-border-md);
}

.mainframe nav ul li a:hover,
.mainframe nav ul li .navilink:hover,
.ll_akive {
  background-color: var(--cl-main-transparent);
}

.submenu>.ll_akive {
  background-color: transparent;
}

.mainframe nav ul li ul {
  overflow: hidden;
  display: none;
  font-weight: normal;
  padding-left: 30px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  box-sizing: border-box;
  line-height: 1em;
}

.mainframe nav ul li ul li a {
  padding: 5px 14px;
}

.submenu>input {
  display: none;
}

.mainframe nav ul li .ll_akive~ul,
.mainframe nav ul li input:checked~ul {
  display: block;
}

.main_navi {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.mainframe>section {

  display: table-cell;
  /* padding-left:40px; */
  text-align: left;
  overflow: hidden;
  background-color: var(--cl-light-blue);
  width: 100%;
  overflow: hidden;
  max-width: calc(100vw - 300px);
}

.relas_cats {
  font-size: 12px !Important;
  color: #999 !Important;
  font-weight: unset !Important;
  vertical-align: unset !Important;
  margin-left: unset !Important;
  margin-top: unset !Important;
}

.litui {
  position: absolute;
}

.navi_brake {
  margin-left: 10px;
  margin-right: 10px;
  height: 1px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 20px);
}

.navi_title {
  font-weight: var(--rd-fontweights-open-sans-0);
  text-transform: uppercase;
  margin-left: 20px;
  color: var(--cl-blue-grey);
}

.cont_body {
  width: 100%;
  display: block;
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

.nopadding {
  padding: 0 !important;
}

.cb_navi {
  position: relative;
  border-bottom: var(--rd-borderwidth-border-focus) solid #e9ecf0;
  padding: 10px;
}

.cb_navi>a,
.cb_navi>span {
  text-decoration: none;
  color: #535353;
  padding: 10px;
  position: relative;
}

.cb_navi>a:hover:before,
.cb_navi>span:hover:before,
.tab_aktive:before {
  position: absolute;
  content: "";
  display: inline-block;
  height: 3px;
  background-color: var(--cl-deep-green);
  left: 0;
  bottom: -2px;
  right: 0;
}

.aktiv.rd-tab a,
a.tab_aktive {
  color: var(--cl-deep-green) !important;
}

.mainframe>section .center {
  min-width: 1000px;
  width: calc(100%);
  box-sizing: border-box;
  padding-bottom: 80px;
  position: relative;
  padding-left: 40px;
  padding-right: 30px;
  min-height: 800px;
  /* max-width: calc(100vw - 240px); */
}

.mainframe>section:has(.rd-main-header) .center{
      padding-right: 40px;
}

.mainframe>section .center#Buehnenprogramm {
  padding: 0 !important;
}

.mainframe>section .round-teaser .center {
  min-height: unset;
}

.cb_navi2 {
  display: block;
  margin: 20px 10px;
  position: relative;
}

.cb_cont table {
  width: 100%;
  margin-bottom: 40px;
}

.cb_cont table thead {
  border-bottom: var(--rd-borderwidth-border-focus) solid #e9ecf0;
}

.cb_cont table thead tr {
  border-top: var(--rd-borderwidth-border-default) solid #e9ecf0;
}

.cb_cont table thead th {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: #212b36;
  padding: 10px;
  font-size: 0.9em;
}

.ll_home>a:before,
.ll_kb>a:before,
.ll_fp>a:before,
.ll_users>a:before,
.ll_users>.navilink:before,
.ll_mfp>a:before,
.admin .navilink:before,
.ll_homes a:before,
.li_referenten a:before,
.li_admin a:before,
.ll_dashboard a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: var(--rd-spacing-x-sm);
  background-size: contain;
  vertical-align: top;
  filter: grayscale(100%);
  background-repeat: no-repeat;
  background-position: 50%;
}

.ll_home>a:hover:before,
.ll_kb>a:hover:before,
.ll_fp>a:hover:before,
.ll_users>a:hover:before,
.ll_users>.navilink:hover:before,
.ll_mfp>a:hover:before,
.ll_homes>a:hover:before,
.admin>.navilink:hover:before,
.ll_akive:before {
  filter: grayscale(0) !important;
}

.ll_home>a:before {
  background-image: url("/src/img/svg/af/home-solid.svg");
}

.ll_homes>a:before {
  background-image: url("/src/img/svg/af/hotel-solid.svg");
}

.ll_fp>a:before {
  background-image: url("/src/img/svg/af/calendar-alt-solid.svg");
}

.ll_kb>a:before {
  background-image: url("/src/img/svg/af/film-solid.svg");
}

.ll_users>.navilink:before,
.ll_users>a:before {
  background-image: url("/src/img/svg/af/users-solid.svg");
}

.ll_mfp>a:before {
  background-image: url("/src/img/svg/af/graduation-cap-solid.svg");
}

.admin .navilink:before,
.li_admin a:before {
  background-image: url("/src/img/svg/af/user-shield-solid.svg");
}

.li_referenten a:before {
  background-image: url("/src/img/svg/af/chalkboard-teacher-solid.svg");
}

.ll_dashboard a:before {
  background-image: url("/src/img/svg/af/chart-pie-solid.svg");
}

.ll_dashboard:hover a:before {
  filter: grayscale(0);
}

.li_referenten:hover a:before {
  filter: grayscale(0);
}

.main_navi>li>a {
  line-height: 25px;
}

.logout_block {
  position: fixed;
  bottom: 0;
  height: 80px;
  width: 260px;
  background-color: #494949;
  z-index: 1;
}

.logout_block a {
  line-height: 60px;
  color: var(--rd-font-light);
  text-decoration: none;
  display: block;
}

.logout_block a:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-size: 18px;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 10px;
  background-image: url("/src/img/svg/af/power-off-red.svg");
}

.logout_block a:hover {
  background-color: #494949;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.im_cont {
  width: 20px;
  cursor: pointer;
}

.im_cont img {
  width: 100%;
  opacity: 0.5;
}

.typ_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #f9fafb;
  border: var(--rd-borderwidth-border-default) solid #e2e6ea;
  border-radius: 100%;
  background-position: 50%;
  background-size: 70%;
  background-repeat: no-repeat;
  filter: grayscale(1);
}

.pay {
  /* border:1px solid #999999; */
  background-image: url(/src/img/svg/af/online_kurs_icon_plus.svg) !important;
  filter: unset;
  background-size: 70%;
}

.inst_list_name,
td a {
  display: inline-block;
  text-decoration: none;
  color: #007ace;
}

.inst_list_name.nolink {
  color: steelblue;
}

.inst_list_kurs {
  font-size: 0.8em;
}

.zeitspane {
  white-space: nowrap;
  font-size: 0.8em;
}

.respons_table td,
.respons_table th {
  padding: 10px 20px;
}

.respons_table tr {
  border-bottom: var(--rd-borderwidth-border-default) solid #f5f6f7;
}

td[data-label="Fortbildungminuten"] {
  font-size: 0.8em;
}

.td_time_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  filter: grayscale(1);
  background-image: url("/src/img/svg/af/clock-regular.svg");
}

.td_count {
  display: block;
  font-size: 0.8em;
  margin-bottom: 10px;
}

.td_diagram {
  display: block;
  background-color: var(--cl-light-grey);
  height: 12px;
  border-radius: var(--rd-borderradius-border-lg);
  position: relative;
  overflow: hidden;
  max-width: 150px;
}

.CustomerTable .td_diagram {
  background-color: var(--cl-light-grey);
}

.td_diagram div {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--cl-deep-green);
}

details details .td_diagram div {
  background-color: var(--rd-warning-default);
}

.tdc_max {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.paginator {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.ic_u_list .paginator {
  padding: 0 10px;
}

.paginator .selectbox {
  display: table-cell;
  text-align: left;
  padding-left: 20px;
}

.selectbox select {
  width: auto;
  display: inline-block;
  padding: var(--rd-spacing-x-sm) 10px;
  border: var(--rd-borderwidth-border-default) solid #d4d4d4;
  border-radius: var(--rd-borderradius-border-md);
}

.sbtitle {
  display: inline-block;
  margin-left: 10px;
  font-size: 0.9em;
  color: #98a4b4;
}

.pagecountnavi {
  display: table-cell;
  text-align: right;
}

.site_input input {
  padding: var(--rd-spacing-x-sm) 10px;
  border: var(--rd-borderwidth-border-default) solid #d4d4d4;
  border-radius: var(--rd-borderradius-border-md);
  width: 60px;
}

.pagecountnavi .site_input input {
  padding: 1px 10px;
}

.paginator select {
  padding: var(--rd-spacing-xx-sm) 10px;
}

.site_text {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.9em;
  color: #98a4b4;
}

.sitemax {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.9em;
  color: #98a4b4;
  margin-left: 10px;
}

.pcn_link_back,
.pcn_link_next {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid #cdcdcd;
  background-image: linear-gradient(#fefefe, #f9fafb);
  width: 30px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}

.pcn_link_back:hover,
.pcn_link_next:hover {
  background-image: linear-gradient(#f9fafb, #fefefe);
  opacity: 0.8;
}

.pcn_link_back {
  border-radius: var(--rd-borderradius-border-md) 0 0 var(--rd-borderradius-border-md);
  border-right: 0;
}

.pcn_link_next {
  margin-right: 20px;
  border-radius: 0 var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0;
}

.pcn_link_next:before,
.pcn_link_back:before {
  content: "";
  display: inline-block;
  width: var(--rd-spacing-x-sm);
  height: var(--rd-spacing-x-sm);
  border-bottom: var(--rd-borderwidth-border-focus) solid var(--cl-blue-grey);
  border-right: var(--rd-borderwidth-border-focus) solid var(--cl-blue-grey);
  position: absolute;
  top: 10px;
}

.pcn_link_next:before {
  transform: rotate(315deg);
  right: 10px;
}

.pcn_link_back:before {
  left: 10px;
  transform: rotate(135deg);
}

.sort_th {
  text-align: left;
  cursor: pointer;
}

.thtext {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  position: relative;
}

.th_arrow {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: var(--rd-spacing-xx-sm);
  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/svg/Vector2.svg");
  -webkit-mask-image: url("/src/img/svg/Vector2.svg");
}

.sort_th:hover,
.as_asc,
.as_desc,
.aktiv_sort .thtext {
  color: var(--rd-primary-active);
}

.sort_th:hover .th_arrow,
.as_asc .th_arrow {
  background-color: var(--rd-primary-active);
}

.as_desc .th_arrow {
  mask-image: url(/src/img/svg/Vector.svg);
  -webkit-mask-image: url(/src/img/svg/Vector.svg);
  background-color: var(--rd-primary-active);

}

.as_desc:hover .th_arrow {
  transform: rotate(0deg);
}

.compleade_ampel,
.green_ampel,
.yellow_ampel,
.red_ampel {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 100%;
  background-image: none;
}

.red_ampel {
  background-color: #fd6262;
}

.green_ampel,
.compleade_ampel {
  background-color: var(--cl-deep-green);
}

.yellow_ampel {
  background-color: #f3953f;
}

.td_time {
  margin-bottom: 10px;
}

.editpoint {
  display: inline-block;
  width: 20px;
  cursor: pointer;
  position: relative;
}

.editpoint img {
  width: 100%;
  opacity: 0.4;
}

.editpoint:hover img {
  opacity: 0.6;
}

.link_brake {
  border-top: var(--rd-borderwidth-border-default) solid #e9ecf0;
  height: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.cont_nav {
  display: block;
  position: relative;
  margin-bottom: 20px;
}

.cn_link {
  background-image: url(/src/wysiwyg/newMail.png);
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 26px;
  background-position: bottom left;
}

.cn_btn {
  color: #637381;
  text-decoration: none;
  display: inline-block;
  margin-right: 30px;
}

.cn_btn:hover {
  color: var(--cl-deep-green);
}

.cn_btn {
  cursor: pointer;
}

.cn_btn_disabled,
.cn_btn_disabled:hover {
  color: #637381;
  cursor: default;
  opacity: 0.5;
}

.cn_export:before,
.cn_print:before,
.cn_import:before,
.userss_edit:before,
.instractions_edit:before,
.copy_instraction:before,
.cn_download:before,
.kurs_cakegory:before,
.kurs_info:before,
.kurs_cert:before,
.kurs_modul:before,
.copy_instr:before,
.cn_template:before,
.add_time:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: grayscale(1);
}

.rd-instructions .rd-icon-export:hover:before,
.rd-instructions .rd-icon-painter:hover:before,
.rd-instructions .rd-icon-voralge:hover:before {
  background-color: var(--rd-secondary-hover);
}

.rd-instructions .rd-icon-export:focus:before,
.rd-instructions .rd-icon-painter:focus:before,
.rd-instructions .rd-icon-voralge:focus:before {
  background-color: var(--rd-secondary-pressed);
}

.drop_down_btn label {
  margin-bottom: 0;
}

.cn_btn:hover:before {
  filter: grayscale(0);
}

.cn_export:before,
.cn_import:before {
  /* background-image: url(../img/svg/af/export-gray.svg); */
}

.cn_import.cn_userimport::before {
  background-image: url(/src/img/svg/sync_icon.svg);
  background-size: 18px auto;
}

.userss_edit:before,
.kurs_info:before {
  background-image: url(../img/svg/af/pencil-gray.svg);
}

.copy_instr:before {
  background-image: url(../img/svg/af/copy-solid.svg);
  margin-right: 5px;
  opacity: 0.9;
}

.copy_instraction:before {
  background-image: url(../img/svg/af/dublicat.svg);
}

.kurs_cert:before {
  background-image: url(../img/svg/af/award-gray.svg);
}

.add_time:before {
  background-image: url(/admin/projects/icons/time-icon.svg);
  opacity: 0.7;
  margin-right: 5px;
}

.instractions_edit:before,
.kurs_cakegory:before {
  background-image: url(../img/svg/af/tasks-gray.svg);
}

.kurs_modul:before {
  background-image: url(../img/svg/af/photo-video-gray.svg);
  width: 17px;
  opacity: 0.9;
}

.cn_import:before {
  transform: rotate(180deg);
}

.cn_print:before {
  background-image: url(../img/svg/af/print-solid.svg);
}

.cn_download:before {
  background-image: url(../img/svg/af/excel-icon.svg);
}

.cn_template:before {
  background-image: url(../img/svg/af/folder-open-solid.svg);
}

.teiln_nachricht {
  background-image: url("/src/wysiwyg/newMail.png");
  background-repeat: no-repeat;
  background-size: 14px;
  padding-left: 20px;
  background-position: left bottom;
}

.right_btn_element {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: var(--rd-spacing-md);
  row-gap: var(--rd-spacing-x-sm);
  flex-wrap: wrap-reverse;
}

.blue_link {
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  cursor: pointer;
  text-decoration: none;
}

.bl_disabled,
.bl_disabled:hover {
  cursor: default;
  filter: grayscale(1);
  opacity: 0.5;
}

.dbd_title .blue_link {
  text-transform: none;
  font-weight: normal;
  float: right;
}

.user_fortbildungszeit .dbd_title .blue_link {
  padding-right: 30px;
}

.blue_link.instractions_edit:before {
  background-image: url(../img/svg/af/tasks-blue.svg);
}

.blue_link.edit_icon:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(../img/svg/af/pencil-blue.svg);
  vertical-align: top;
  margin-right: 5px;
}

.cb_navi .blue_link {
  position: absolute;
  right: 10px;
  top: 10px;
  border-left: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  vertical-align: middle;
  padding-left: 5px;
}

.usertext {
  display: table-cell;
  padding-right: 20px;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 17px;
  text-align: right;
}

.usertext span {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.edcatbtn {
  display: table-cell;
  position: relative;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: var(--rd-font-light);
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) var(--rd-spacing-x-sm) var(--rd-spacing-md);
  cursor: pointer;
  text-decoration: none;
}

.instr_right_btn_element a {
  display: table-cell;
}

.addbtn,
.pdf_btn {
  display: table-cell;
  position: relative;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-xl);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: var(--rd-font-light);
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
  line-height: var(--rd-lineheights-1);
  cursor: pointer;
  text-decoration: none;
  font-size: var(--rd-fontsize-4);
}

.addbtn:before {
  content: "+";
  font-size: 1.5em;
  font-weight: bolder;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  line-height: 1em;
}

.pdf_btn {
  position: absolute !important;
  right: 0px;
  top: -50px;
}

.pdf_btn:before {
  content: "";
  font-size: 1.5em;
  font-weight: bolder;
  position: relative;
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
  background-size: 100%;
  background-position: 50%;
  background-image: url("/src/img/svg/af/file-pdf-white.svg");
  background-repeat: no-repeat;
}

.pdf_btn:hover,
.addbtn:hover,
.edcatbtn:hover {
  color: var(--rd-font-light);
}

.addbtn:hover:before {
  color: var(--rd-font-light);
}

.addbtn_disabled,
.addbtn_disabled:hover {
  background: var(--cl-light-grey);
  border: var(--rd-borderwidth-border-default) solid #999;
  cursor: default;
}

.instract_counter {
  position: absolute;
  right: 10px;
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: 0.9em;
}

header {
  min-height: 70px;
}

header .center {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.logout_hover {
  display: inline-block;
  vertical-align: middle;
  margin-top: 25px;
  position: relative;
  /* z-index: 9999999; */
  z-index: 100;
}

.ad_refernte .logout_hover {
  z-index: 100;
}

.lh_name {
  padding: 10px;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid #333333;
  border-radius: var(--rd-borderradius-border-md);
  cursor: pointer;
  position: relative;
}

.lh_name:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 12px;
  margin-left: 10px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/dropdown-gray.svg");
}

.lhn_cont {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  text-align: left;
  top: calc(100% + var(--rd-spacing-x-sm));
  z-index: 100;
  background-color: #585856;
  border: var(--rd-borderwidth-border-default) solid #333333;
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
}

.lhn_cont ul,
.lhn_cont li {
  display: block;
  margin: 0;
  padding: 0;
}

.lhn_cont li a {
  text-decoration: none;
  color: var(--rd-font-light);
  padding: 10px 20px;
  display: block;
  font-size: 0.8em;
}

.lhn_cont li a[title="Abmelden"]:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/src/img/svg/af/power-off-solid.svg);
  vertical-align: middle;
  filter: grayscale(100%) brightness(10);
}

.lhn_cont li a:hover {
  background-color: #63707f;
}

.msg_header_icon {
  display: none;
  vertical-align: top;
  height: 30px;
  width: 30px;
  margin-right: 20px;
  margin-top: 20px;
  background-color: #637381;
  border-radius: 100%;
  background-image: url("/src/img/svg/af/msg_white_light.svg");
  background-size: 25px;
  background-position: 50%;
  background-repeat: no-repeat;
}

header pc-help {
  margin-top: 25px;
  right: 200px;
  vertical-align: top;
  margin-right: 20px;
}

.logout_hover:hover .lhn_cont {
  display: block;
}

.db_table {
  display: table;
  width: 100%;
  position: relative;
}

.db_table>div {
  display: table-cell;
  vertical-align: top;
}

.db_tc_left {
  width: 420px;
  padding-top: 20px;
}

.userh1 {
  margin: 0 0 10px 0;
  font-size: 2em;
}

.db_tc_left ul span {
  color: var(--cl-deep-green);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.dashboard_icons {
  padding: 10px 40px;
}

.di_link {
  display: inline-block;
  width: 200px;
  height: 200px;
  background-color: var(--cl-pale-grey);
  vertical-align: top;
  margin: 5px;
  text-align: center;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  transition: all 0.3s linear;
}

.di_title {
  display: block;
  color: #535353;
  font-weight: var(--rd-fontweights-open-sans-0);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

.di_link img {
  max-width: 100%;
}

.dbi1 {
  width: 170px;
  margin-top: 25px;
}

.dbi2 {
  width: 140px;
  margin-top: 35px;
}

.dbi3 {
  width: 120px;
  margin-top: 20px;
}

.dbi4 {
  margin-top: 25px;
  width: 170px;
}

.dbi5 {
  width: 160px;
  margin-top: 30px;
}

.dbi6 {
  width: 100px;
  margin-top: 35px;
}

.userh2+ul {
  list-style: none;
}

a.di_link:hover {
  background-color: #d8d8d8;
  box-shadow: 0 0 4px #999;
}

.dil_disabled {
  filter: grayscale(100);
  opacity: 0.6;
}

.userh2+ul li:before {
  content: "";
  display: inline-block;
  background-color: var(--cl-deep-green);
  width: 6px;
  height: 6px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -10px;
}

.msg_count {
  display: inline-block;
  font-weight: var(--rd-fontweights-open-sans-0);
  color: var(--rd-font-light);
  background-color: var(--rd-primary-active);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
}

table {
  width: 100%;
  margin-bottom: 20px;
}

table thead {
  background-color: #f9fafb;
  border-top: var(--rd-borderwidth-border-default) solid #ebeef0;
  border-bottom: var(--rd-borderwidth-border-default) solid #ebeef0;
  white-space: nowrap;
}

.users_cont_list table {
  border-collapse: separate;
  border-spacing: 0 var(--rd-sizing-xs);
  width: 100%;
  margin-top: 0;
}

.users_cont_list table thead {
  background-color: transparent;
}

.users_cont_list tbody tr {
  border-radius: var(--rd-borderradius-border-md);
  /* border: var(--rd-borderwidth-border-default) solid #F00; */
}

.users_cont_list>.respons_table>tbody>tr>td {
  background-color: var(--rd-card-fg);
  border-bottom: var(--rd-borderwidth-border-default) solid #eaecf0;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
}

td .fa_name {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-1);
  color: var(--rd-error-default);
}

.users_cont_list tbody tr td:first-child {
  border-radius: 10px 0 0 10px;
}

.users_cont_list tbody tr td:last-child {
  border-radius: 0 10px 10px 0;
}

table thead th {
  padding: 10px;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
}

table tbody td {
  padding: var(--rd-spacing-sm) 10px;
  position: relative;
}

td[data-label="Anfrage vom"] span {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: var(--rd-fontsize-3);
  color: var(--rd-primary-active);
}

.CustomerTable tbody tr {
  cursor: pointer;
}

.CustomerTable tbody tr:hover {
  background-color: var(--cl-pale-grey);
}

th[data-tooltip],
.lizes_counter span[data-tooltip] {
  position: relative;
}

.lizes_counter span[data-tooltip] {
  display: inline-block;
  cursor: default;
  padding-left: 10px;
}

table tbody td[data-tooltip]:hover:before,
th[data-tooltip]:hover:before,
span[data-tooltip]:hover:before {
  display: inline-block;
  position: absolute;
  content: attr(data-tooltip);
  background-color: var(--cl-asphalt-blue);
  z-index: 1;
  font-size: var(--rd-fontsize-4);
  width: 348px;
  /* right: 100%; */
  padding: var(--rd-spacing-md);
  color: var(--rd-font-light);
  white-space: normal;
  z-index: 10000;
  border-radius: var(--rd-borderradius-border-md);
  line-height: 24px;
  font-weight: normal;
}

.ic_users .group_checkbox span[data-tooltip]:hover:before {
  left: calc(100% + 10px);
  z-index: 1000;
}

table tbody td[data-tooltip]:hover:after,
th[data-tooltip]:hover:after,
span[data-tooltip]:hover:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: var(--cl-asphalt-blue);
  transform: rotate(45deg);
  /* left: -5px;
  top: 25%; */
}

.ic_users .group_checkbox span[data-tooltip]:hover:after {
  left: auto;
  right: -15px;
}

.iut_h_titel .hb_right:hover:before {
  left: -85px;
  top: calc(100% + 10px);
  width: 260px !important;
  bottom: auto;
}

.iut_h_titel .hb_right:hover:after {
  bottom: -15px;
}

table tbody tr {
  border-bottom: var(--rd-borderwidth-border-default) solid #ebeef0;
}

table.vertical_tale tbody tr:last-child {
  border-bottom: none;
}

.shadow_right {
  position: relative;
}

.shadow_right:after {
  /* content: ""; */
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: var(--rd-spacing-x-sm);
  background-size: 100%;
  background-image: url(../img/shadow.png);
  opacity: 0.4;
}

.haus_name {
  margin-top: 20px;
  font-size: 1.5em;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.navi_haus {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #e95784;
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 1em;
  white-space: normal;
}

.iszetralle {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.iszetralle td[data-label="Haus"] {
  padding-left: 30px;
  position: relative;
}

.iszetralle td[data-label="Haus"]:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  background-image: url("/src/img/svg/af/home-solid.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
}

.gray {
  background-color: var(--cl-light-blue);
}

.db_kacheln {
  display: flex;
  position: relative;
  padding-top: var(--rd-spacing-xxx-big);
  gap: var(--rd-spacing-md);
  flex-wrap: wrap;
}

.dashboard_banner .slick-dots {
  bottom: -45px !important;
}

.dbk_element {
  display: inline-block;
  height: 120px;
  width: 266px;
  background-color: var(--rd-font-light);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  text-align: center;
  position: relative;
  vertical-align: top;
  border: 1px solid #DFE3E8;
}

.dashboard .clickbar_card_btn {
  cursor: pointer;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.dashboard .clickbar_card_btn:focus {
  outline: none;
}

.dbke_img {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 55%;
  background-position: 50%;
  border-radius: 100%;
  position: relative;
}

.dbk_element .rd-twocols {
  gap: var(--rd-spacing-md);
  justify-content: center;
  padding: var(--rd-spacing-sm) var(--rd-spacing-x-sm) var(--rd-spacing-md);
  align-items: center;
}

.dbke_img_kb {
  background-color: #f591b71a;
  background-image: url("/src/img/svg/dashboard/kurs-bibliothek-icon.svg");
}

.dbke_img_fb {
  background-color: #f3ad3f0d;
  background-image: url("/src/img/svg/dashboard/fortbildungsplan-icon.svg");
}

.dbke_img_users {
  background-color: #007ace0d;
  background-image: url("/src/img/svg/dashboard/mitarbeiter-icon.svg");
}

.dbke_img_mfb {
  background-color: #b2db3e1a;
  background-image: url("/src/img/svg/dashboard/mein-fortbildungsplan-icon.svg");
}

.dbke_img_msg {
  background-color: #fd62621a;
  background-image: url("/src/img/svg/dashboard/nachrichten-icon.svg");
}

.dbke_img_profil {
  background-color: #dfe3e8;
  background-image: url("/src/img/svg/dashboard/profil-icon.svg");
  background-size: 40%;
}

.dbke_img_msg>span {
  position: absolute;
  right: -5px;
  top: -5px;
  height: 30px;
  width: 30px;
  background-color: #fd6262;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  border: 2px solid var(--rd-font-light);
  color: var(--rd-font-light);
}

.dbke_title {
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-1);
  text-align: left;
}

.dbke_img_kb+.dbke_title {
  color: var(--rd-primary-active);
}

.dbke_img_fb+.dbke_title {
  color: var(--rd-warning-default);
}

.dbke_img_users+.dbke_title {
  color: var(--rd-secondary-active);
}

.dbke_img_mfb+.dbke_title {
  color: var(--cl-deep-green);
}

.dbke_text {
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  text-align: left;
  font-weight: 400;
  color: #999;
}

.dbke_menu {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  display: table;
  width: 100%;
  border-top: var(--rd-borderwidth-border-default) solid #dfe3e8;
}

.dbke_menu>span {
  display: table-cell;
  width: 50%;
  text-align: center;
  position: relative;
}

.dbke_menu>span:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  bottom: 15%;
  border-right: var(--rd-borderwidth-border-default) solid #dfe3e8;
}

.dbk_element_myplan .dbke_menu>span:first-child:after {
  border-right: unset;
}

.dbke_menu a {
  display: block;
  color: var(--rd-secondary-active);
  text-decoration: none;
  padding: 10px;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
}

.gruss {
  margin-top: 30px;
  margin-bottom: 30px;
}

.db_dash {
  display: flex;
  position: relative;
  margin-top: 30px;
  gap: 16px;
}

.db_dash>div {
  display: table-cell;
  vertical-align: top;
}

.dbd_diagram {
  height: 311px;
  width: 100%;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  margin-bottom: 20px;
}

.dbd_title {
  position: relative;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  display: block;
  text-transform: uppercase;
  width: 100%;
  padding: 10px;
  border-bottom: var(--rd-borderwidth-border-focus) solid #ebeef0;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.dbk_element_lib .dbke_title {
  color: var(--rd-primary-active);
}

.dbk_element_planner .dbke_title {
  color: #F3AD3F;
}

.dbk_element_users .dbke_title {
  color: var(--rd-secondary-active);
}

.dbk_element_myplan .dbke_title {
  color: #79B82A;
}

#donutchart {
  display: inline-block;
}

.dbd_diagram .table_cell {
  text-align: center;
  position: relative;
  vertical-align: top;
}

.legend {
  text-align: left;
}

.legend ul {
  margin: 0;
  padding: 0;
}

.legend ul li {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
}

.l_prozent {
  display: block;
  padding: 0 10px 0 20px;
  color: #637381;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  position: relative;
}

.legend_text {
  display: block;
  padding-bottom: 10px;
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.l_prozent:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 100%;
}

.legend_abgeschlossen .l_prozent:before {
  background-color: #79b51c;
}

.legend_offen .l_prozent:before {
  background-color: #f2ac3e;
}

.legend_abelaufen .l_prozent:before {
  background-color: var(--rd-primary-active);
}

.dc_text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.dct_number {
  height: 36px;
  color: #637381;
  font-size: 4em;
  font-weight: bolder;
  margin-top: 70px;
  line-height: 36px;
  text-align: center;
}

.dct_text {
  margin-top: 20px;
  color: #637381;
  font-size: var(--rd-fontsize-3);
  line-height: 14px;
  text-align: center;
}

.topkurse {
  /* height: 597px; */
  width: 547px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.top_kurse {
  margin-bottom: 0;
}

div.top_kurse {
  padding: var(--rd-spacing-lg);
}

.top_kurse a {
  display: block;
  padding: 9px 10px;
}

.set_right {
  text-align: right;
  /* display: flex; */
  /* justify-content: space-between; */
  /* margin-bottom: 20px; */
}

.lizes_counter {
  text-align: right;
  margin-bottom: 20px;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.fromoverlay {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* height: 3000px; */
  text-align: center;
}

.bgform {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("/src/img/black60p.png");
  z-index: 0;
  height: 3000px;
}

.fromoverlay form,
.feedbackForm {
  background-color: var(--rd-font-light);
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-top: 7%;
  border: 0;
  border-radius: var(--rd-borderradius-border-lg);
  text-align: left;
  /* width:50%; */
  min-width: 50%;
  position: relative;
  z-index: 200;
}

.importform form {
  min-width: 562px;
}

.formfields {
  /* border-top: 1px solid #DFE3E8; */
  /* border-bottom: 1px solid #DFE3E8; */
}

.formheader {
  padding: var(--rd-spacing-x-lg);
  font-weight: var(--rd-fontweights-open-sans-1);
  /* border-bottom:2px solid #DFE3E8; */
  font-size: var(--rd-fontsize-8);
  letter-spacing: 0;
  line-height: var(--rd-lineheights-0);
  color: var(--rd-font-dark);
}

.formclose {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
  background-color: var(--rd-primary-active);
  -webkit-mask-image: url('/src/img/2021/svg/close-large.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.formfields {
  padding: 0 48px;
}

.formlabel {
  display: block;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  margin-bottom: 5px;
  position: relative;
}

.formlabel .sub_label {
  display: block;
}

.usercount {
  font-size: var(--rd-fontsize-3);
}

.formlabel>span {
  font-weight: normal;
}

.formfields #Frau,
.formfields #Herr {
  display: none;
}

.radiotable {
  display: table;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  width: 100%;
  border-radius: var(--rd-borderradius-border-md);
  box-sizing: border-box;
}

.radiotable>label {
  display: table-cell;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.radiotable>label:nth-child(1) {
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.frtext {
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.frbullet {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  box-sizing: border-box;
  height: 16px;
  width: 16px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  position: relative;
}

#Frau:checked~.radiobox label[for="Frau"] .frbullet,
#Herr:checked~.radiobox label[for="Herr"] .frbullet {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
}

.formtable,
.inputfield {
  display: block;
  margin: 10px 0;
}

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

.formtable>.form_cell {
  width: 50%;
  display: table-cell;
  position: relative;
}

.tribble>.form_cell {
  width: calc(100% / 3);
}

.quattro>.form_cell {
  width: calc(100% / 4);
  padding-right: 8px;
}

.formtable>.form_cell:nth-child(1) {
  padding-right: 5px;
}

.formtable>.form_cell:nth-child(2) {
  padding-left: 5px;
}

.tribble>.form_cell:nth-child(2) {
  padding: 0 5px;
}

.tribble>.form_cell:nth-child(3) {
  padding-left: 5px;
}

#Frau:checked~.radiobox label[for="Frau"] .frbullet:before,
#Herr:checked~.radiobox label[for="Herr"] .frbullet:before {
  content: "";
  display: inline-block;
  height: var(--rd-spacing-x-sm);
  width: var(--rd-spacing-x-sm);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-deep-green);
  position: absolute;
  top: 3px;
  left: 3px;
}

.formfields input[type="text"],
.formfields input[type="password"],
.formfields input[type="email"],
.formfields input[type="tel"],
.formfields select,
.input_return,
.textarea_return {
  padding: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  width: 100%;
  box-sizing: border-box;
  color: #535353;
}

.input_return,
.textarea_return {
  display: inline-block;
  width: 60%;
  background-color: var(--cl-pale-grey);
  color: #999;
}

.textarea_return {
  min-height: 150px;
}

.forminfo {
  display: table;
  margin: 10px 0;
}

.forminfo>div {
  display: table-cell;
  vertical-align: top;
}

.fi_infobullet {
  position: relative;
  width: 30px;
}

.fi_infobullet:before {
  content: "";
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 21px;
  width: 21px;
  background-image: url("/src/img/svg/af/info-gray.svg");
  opacity: 0.7;
  margin-top: 5%;
}

.fi_Text {
  width: 350px;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  line-height: 14px;
}

.sendmailbox {
  display: block;
  padding: 10px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(143, 157, 174, 0.05);
}

.sendmailbox>input {
  display: none;
}

.sendmailbox label[for="sendmail"]:before,
.group_checkbox: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: all 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.sendmailbox>input:checked+label[for="sendmail"]:before,
input:checked+.group_checkbox:before {
  opacity: 1;
}

.sendmailbox label[for="sendmail"],
.group_checkbox {
  display: inline-block;
  height: 14px;
  width: 14px !important;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-pale-grey);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
}

input[disabled]+.group_checkbox {
  background-color: var(--rd-font-light);
  cursor: default;
  border: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  box-shadow: none;
}

.group_checkbox span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
}

.disabled_group .group_checkbox {
  cursor: default;
  opacity: 0.8;
}

.enable_group input {
  display: none;
}

.sendmailbox>input:checked+label[for="sendmail"] {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.sm_text {
  vertical-align: middle;
  display: inline-block;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.form_btn_block {
  padding: var(--rd-spacing-x-lg);
  text-align: right;
}

.fromoverlay form input[type="submit"],
.green_btn,
.gray_btn {
  display: inline-block;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-xl);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-1);
  padding: 10px 20px;
  font-size: var(--rd-fontsize-4);
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.gray_btn {
  border: var(--rd-borderwidth-border-default) solid #8e8e8e;
  background: #8e8e8e;
  color: var(--rd-font-light) !important;
}

.green_btn:focus,
.gray_btn:focus {
  color: var(--rd-font-light);
  text-decoration: none;
}

.fromoverlay form input[type="submit"]:hover,
.green_btn:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
  position: relative;
  color: var(--rd-font-light);
  text-decoration: none;
}

.gray_btn {
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  box-sizing: border-box;
  line-height: var(--rd-lineheights-1);
  font-size: var(--rd-fontsize-4);
  border-radius: var(--rd-borderradius-border-md);
  cursor: pointer;
  margin-right: 10px;
  text-decoration: none;
  color: #535353;
}

.del_btn {
  float: left;
  padding: 10px 20px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  box-sizing: border-box;
  line-height: 19px;
  font-size: var(--rd-fontsize-4);
  border-radius: var(--rd-borderradius-border-md);
  cursor: pointer;
  margin-right: 10px;
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
}

.errortext {
  color: #fd6262;
  font-size: var(--rd-fontsize-3);
  line-height: 15px;
}

.errorclose>img {
  width: 9px;
  vertical-align: middle;
  margin-left: 5px;
}

.auge {
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/eye-gray.svg");
  right: 10px;
  top: 30px;
  cursor: pointer;
}

.rd-input-content .auge {
  top: 12px
}

#filterblock {
  display: none;
}

.filter {
  position: absolute;
  background-color: var(--rd-font-light);
  z-index: 10;
  right: -100%;
  top: 0;
  bottom: 0;
  transition: all 1s;
  background-color: var(--rd-font-light);
  box-shadow: 0 0 20px 10px rgba(39, 44, 48, 0.16),
    0 0 0 1px rgba(39, 44, 48, 0.05);
  z-index: 1000;
  overflow-y: scroll;
}

.filter_body {
  background-color: #f9fafb;
  padding: 10px;
}

.fh_text {
  color: #212b36;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  padding: var(--rd-spacing-big) 10px;
}

.filter_header {
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
}

.filter_header label[for="filterblock"] {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("/src/img/svg/af/close.svg");
  background-size: 100%;
  background-position: 50%;
  position: absolute;
  right: 20px;
  top: 28px;
  cursor: pointer;
}

#filterblock:checked+.filter {
  right: 0;
}

.filter_label {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-transform: uppercase;
  margin: 10px 0;
}

.filter_label span {
  /* font-weight: 400; */
  color: var(--cl-ocean-blue);
  font-size: var(--rd-fontsize-3);
}

.filter_gruppen_box {
  background-color: var(--rd-font-light);
  height: 216px;
  overflow-y: scroll;
  margin-bottom: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.filter_gruppen_box ul {
  display: block;
  margin: 0;
  padding: 0;
}

.filter_gruppen_box ul li {
  display: block;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin: 0;
  padding: var(--rd-spacing-x-sm) 10px;
  position: relative;
}

.filter_gruppen_box ul li label {
  cursor: pointer;
}

.filter_gruppen_box ul li .group_text {
  display: inline-block;
}

.public_group .group_text:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--rd-primary-active);
  vertical-align: middle;
  margin-left: 8px;
  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/global_icon.svg");
  -webkit-mask-image: url("/src/img/svg/global_icon.svg");
}

.disabled_group {
  color: #999;
  background-color: #f3f1f1;
}

input.suche {
  display: inline-block;
  width: calc(100%);
  padding: 11px;
  box-sizing: border-box;
  border-radius: var(--rd-borderradius-border-md);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding-left: 20px;
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
}

.filter_btn {
  position: relative;
  /* right:0; */
  /* top:0; */
  /* bottom:0; */
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  /* box-shadow: 0 2px 4px 0 var(--cl-pale-grey); */
  padding: 10px 20px 10px 35px;
  cursor: pointer;
  font-weight: var(--rd-fontweights-open-sans-1);
  width: 100px;
  display: inline-block;
  float: right;
  margin: 0;
}

.filter_btn:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/src/img/svg/af/filter-solid.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  left: 12px;
  top: 11px;
  filter: grayscale(1);
}

.gt_count {
  position: absolute;
  z-index: 0;
  right: 5px;
  height: 16px;
  width: 26px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-blue-grey);
  text-align: center;
  line-height: 16px;
  font-size: var(--rd-fontsize-3);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.form_line {
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin-left: -10px;
  margin-right: -10px;
}

.table-condensed thead tr th {
  background-color: var(--rd-font-light) !important;
}

.available.prev,
.available.next {
  position: relative;
  min-width: 50px;
  min-height: 50px;
}

.available.next:hover {
  background-color: var(--rd-font-light) !important;
}

.available span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

.available span:before {
  content: "";
  display: inline-block;
  width: var(--rd-spacing-x-sm);
  height: var(--rd-spacing-x-sm);
  border-left: 3px solid var(--cl-light-grey);
  border-bottom: 3px solid var(--cl-light-grey);
  position: absolute;
}

.available.next span:before {
  transform: rotate(225deg);
  top: 5px;
  right: 11px;
}

.available.prev span:before {
  transform: rotate(45deg);
  top: 5px;
  left: 11px;
}

.table-condensed thead tr:nth-child(2) th {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.autocomplete-items {
  position: absolute;
  border: var(--rd-borderwidth-border-default) solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  color: #535353;
}

#FilterForm .autocomplete-items {
  left: 10px;
  right: 40px;
}

.autocomplete-items div {
  padding: 5px;
  cursor: pointer;
  background-color: var(--rd-font-light);
  border-bottom: var(--rd-borderwidth-border-default) solid #d4d4d4;
}

.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: var(--rd-font-light);
}

.overtitel_navi {
  margin-top: var(--rd-spacing-xxx-big);
  position: relative;
}

.overtitel_navi+h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.backLink {
  text-decoration: none;
  display: inline-block;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  margin-bottom: 10px;
}

.backLink:before {
  content: "";
  height: 12px;
  width: 12px;
  display: inline-block;
  background-size: 100%;
  background-image: url("/src/img/svg/af/arrow-left-blue-bold.svg");
  vertical-align: middle;
  margin-right: 5px;
}

.ug_left {
  padding-right: 10px;
}

.ug_right>div {
  width: 100%;
  /* max-width:500px; */
  margin-bottom: 10px;
}

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

.user_kurs {
  display: table;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #ebeef0;
  padding: var(--rd-spacing-big);
  box-sizing: border-box;
}

.user_kurs>div {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
}

.uk_typ {
  width: 50px;
  position: relative;
}

.uk_typ>span {
  display: inline-block;
  height: 36px;
  width: 36px;
  border-radius: var(--rd-borderradius-border-xl);
  background-color: rgba(143, 157, 174, 0.1);
  position: absolute;
  left: 0;
  top: 5px;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.uk_online .uk_typ>span {
  background-size: 22px;
  filter: grayscale(1);
  background-image: url(/src/img/svg/af/online_kurs_icon.svg);
}

.uk_offline .uk_typ>span {
  background-size: 22px;
  filter: grayscale(1);
  background-image: url(/src/img/svg/af/street-view-solid.svg);
}

.uk_read .uk_typ>span {
  background-size: 22px;
  filter: grayscale(1);
  background-image: url(/src/img/svg/af/book-reader-solid.svg);
}

.uk_one {
  position: relative;
  margin-bottom: 2px;
}

.uk_title,
.uk_title a {
  color: #007ace;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  display: inline-block;
  width: 70%;
  text-decoration: none;
}

.uk_title .public_status {
  display: inline-block;
  margin-left: 8px;
}

.uk_title .fa_name {
  display: inline-block;
  color: var(--rd-input-focused);
  font-weight: var(--rd-fontweights-open-sans-2);
  font-size: var(--rd-fontsize-3);
  font-style: italic;
  margin-left: 8px;
}

.uk_title,
.uk_title a span {
  display: inline-block;
  margin-left: 10px;
}

.uk_kurs_end {
  position: absolute;
  top: 0;
  right: 0;
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 14px;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.uk_kurs_end>span {
  font-weight: normal;
}

.ample_bullet,
.gesamt_ampelt {
  display: inline-block;
  background-color: var(--cl-pale-grey);
  width: 14px;
  height: 14px;
  vertical-align: top;
  margin-left: 10px;
  border-radius: 100%;
}

.gesamt_ampelt {
  position: absolute;
  right: 10px;
  top: 12px;
}

.ab_red .ample_bullet,
.status_red {
  background-color: #fd6262;
}

.ab_green .ample_bullet,
.status_green {
  background-color: var(--cl-deep-green);
}

.ab_yellow .ample_bullet,
.status_yellow {
  background-color: #f5c339;
}

.uk_proces_bg {
  display: block;
  background-color: var(--cl-pale-grey);
  width: 100%;
  height: 24px;
  border-radius: var(--rd-borderradius-border-xl);
  position: relative;
  overflow: hidden;
}

.uk_proces {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: right;
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.ab_red .uk_proces {
  background-color: #fd6262;
}

.ab_yellow .uk_proces {
  background-color: #f5c339;
}

.uk_proces[style="width:0%"] {
  background-color: transparent;
  color: #535353;
}

.ab_red .uk_proces_bg {
  background-color: rgba(253, 98, 98, 0.1);
}

.ab_yellow .uk_proces_bg {
  background-color: rgba(253, 234, 98, 0.1);
}

.uk_kurs_end:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  filter: grayscale(1);
  background-image: url("/src/img/svg/af/calendar-alt-solid.svg");
  position: absolute;
  top: -2px;
  left: -22px;
}

.custum_date:before {
  display: none;
}

.uk_pflicht {
  color: var(--cl-deep-green);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  margin-right: 5px;
  position: relative;
}

.uk_pflicht:before {
  content: "";
  background-image: url("/src/img/svg/af/check-green.svg");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
  margin-right: 2px;
}

.uk_finisch {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.uk_finisch>span {
  font-weight: normal;
}

.uk_two {
  display: block;
  position: relative;
  text-align: left;
  margin-bottom: 5px;
}

.uk_navi {
  margin-top: 10px;
  color: #007ace;
}

.nokurses {
  text-align: center;
  margin: 30px 0;
}

.uk_roces_detail,
.uk_roces_detail_open {
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  cursor: pointer;
}

.uk_roces_detail:before,
.uk_roces_detail_open:before,
.uk_cert_download:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  vertical-align: middle;
  margin-right: 5px;
}

.uk_roces_detail:before,
.uk_roces_detail_open:before {
  height: 14px;
  width: 14px;
  background-image: url("/src/img/svg/af/chevron-down-blue.svg");
}

.uk_roces_detail_open:before,
.uk_roces_detail:hover:before {
  transform: rotate(180deg);
}

.uk_roces_detail_open:hover:before {
  transform: rotate(0);
}

.uk_cert_download {
  float: right;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: right;
  cursor: pointer;
  text-decoration: none;
}

.uk_cert_download:before {
  height: 16px;
  width: 12px;
  background-image: url("/src/img/svg/af/file-pdf-blue.svg");
}

/** Donat Chart  */
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 100%;
  justify-content: space-around;
}

.circular-chart {
  display: block;
  margin: 0;
  max-width: 100%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: var(--cl-pale-grey);
  stroke-width: 4.2;
}

.circle {
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.green .circle {
  stroke: var(--cl-deep-green);
}

.circular-chart.yellow .circle {
  stroke: var(--rd-warning-default);
}

.circular-chart.red .circle {
  stroke: #ec5e84;
}

.circular-chart.blue .circle {
  stroke: #ffde5a;
}

.percentage {
  display: block;
  /* fill: #212b36; */
  font-family: "Open Sans";
  font-size: 0.6em;
  text-anchor: middle;
  color: var(--rd-font-dark);
  text-align: center;

  /* Headline/H5/H5 Bold */
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  /* 20.4px */
  padding-top: 14px;
  transform: translateY(2px);
}

/** Donut Chart End*/
.dbd_diagram_table {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  position: relative;
}

.dbd_diagram_table>div {
  display: table-cell;
}

.dbd_d_chart {
  width: 50%;
  vertical-align: top;
}

.dbd_d_chart .chart {
  height: 120px;
  width: 120px;
}

.dbd_f_cont {
  padding: 0 20px;
}

.dbd_d_box {
  margin-bottom: 10px;
}

.dbd_d_box_title {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 25px;
  text-transform: uppercase;
}

.dbd_d_box_value {
  color: #212b36;
  font-size: var(--rd-fontsize-5);
  line-height: 24px;
}

.dbd_d_box_value:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url(/src/img/svg/af/clock-regular.svg);
  filter: grayscale(1);
}

.ur_r_tab {
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  margin-bottom: 10px;
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.ur_r_tab label {
  display: inline-block;
  padding: 10px;
  position: relative;
  cursor: pointer;
}

.contant_frame .datepiker {
  padding: 0 20px;
}

.help_bullet {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: #007ace;
  border-radius: 100%;
  background-image: url("/src/img/svg/af/question-white.svg");
  background-size: var(--rd-spacing-x-sm);
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: 5px;
  position: relative;
}

.user_fortbildungszeit input[name="statistic"] {
  display: none;
}

.ur_r_tab label:after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--cl-deep-green);
  transition: all 0.2s linear;
}

.ur_r_tab label:hover:after,
#alle_kurse:checked~.ur_r_tab label[for="alle_kurse"]:after,
#pflicht_kurse:checked~.ur_r_tab label[for="pflicht_kurse"]:after {
  height: 3px;
}

.dbd_statisitic>div {
  display: none;
}

#alle_kurse:checked~.dbd_statisitic #all,
#pflicht_kurse:checked~.dbd_statisitic #pflicht {
  display: block;
}

.small_table tr,
.small_table th,
.small_table td {
  border: 0 !important;
}

.small_table th,
.small_table td {
  padding: var(--rd-spacing-xx-sm) !important;
}

.small_table th {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 24px;
}

.small_table td {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
}

.contant_frame table {
  margin-bottom: 0;
}

.user_icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: rgba(143, 157, 174, 0.1);
  border-radius: 100%;
  margin-right: 20px;
  background-image: url("/src/img/svg/af/user-gray.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.field_desc {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 21px;
}

form.user_sperren label,
form.user_entsperren label {
  display: block;
  margin-bottom: 5px;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
}

form.user_sperren label>span,
form.user_entsperren label>span {
  font-weight: normal;
}

form.user_sperren textarea,
form.user_entsperren textarea {
  width: 100%;
  height: 80px;
  padding: 5px;
  font-size: 1em;
  box-sizing: border-box;
  resize: vertical;
  margin-bottom: 20px;
  display: block;
}

form.user_sperren button,
form.user_entsperren button {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  padding: 10px;
  cursor: pointer;
  display: inline-block;
  line-height: 16px;
  margin-bottom: 20px;
}

form.user_sperren button:hover,
form.user_entsperren button:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
}

form.user_sperren button:before,
form.user_entsperren button:before,
.move_user:before {
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
}

form.user_sperren button:before {
  background-image: url("/src/img/svg/af/lock-solid.svg");
}

.move_user:before {
  background-image: url("/src/img/svg/af/angle-double-right-solid.svg");
}

form.user_entsperren button:before {
  background-image: url("/src/img/svg/af/lock-open-solid.svg");
}

span.locked_user {
  color: #fd6262;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.lu_schloss {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  background-image: url("/src/img/svg/af/lock-solid-red.svg");
  margin-right: 5px;
}

.lu_line {
  box-sizing: border-box;
  height: 19px;
  width: 2px;
  border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin-right: 10px;
  margin-left: 10px;
}

#extra_fields {
  display: none;
}

.extra_block {
  display: none;
}

.plusfield {
  display: block;
  color: #007ace;
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  cursor: pointer;
}

.plusfield:before {
  content: "+";
  display: inline-block;
  font-weight: 600;
  margin-right: 5px;
  font-size: var(--rd-fontsize-5);
  vertical-align: top;
  line-height: 18px;
}

#extra_fields:checked~.extra_block {
  display: block;
  padding-top: 20px;
}

/* Slider Checbox Ohne JS (Anfang)*/
.slider_checkbox {
  display: inline-block;
}

.sc_input {
  display: none;
}

.sc_input~.sc_label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  width: 40px;
  height: 21px;
  /* background-color: #dddddd; */
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}

.sc_input~.valuelabel,
.sc_input:checked~.valueB {
  display: none;
  /* width: 80px; */
  vertical-align: top;
  line-height: 20px;
}

.sc_input:checked~.valueA {
  display: inline-block;
}

.sc_input~.valueB {
  display: inline-block;
}

input.sc_input:checked~.sc_label:after {
  margin-left: 20px;
}

input.sc_input~.sc_label:after {
  height: 20px;
  width: 20px;
  padding: 0;
  background-color: var(--rd-font-light);
  border-radius: 100%;
  background-color: #f1f1f1;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}

input.sc_input~.sc_label:before,
input.sc_input~.sc_label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.sc_input~.sc_label:before {
  right: 1px;
  background-color: var(--cl-light-grey);
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
  height: 14px;
  margin-top: 3px;
}

input.sc_input:checked~.sc_label:before {
  background-color: var(--cl-deep-green);
}

/* Slider Checbox Ohne JS (Ende)*/
#gropup_extra_field {
  display: block;
  font-size: var(--rd-fontsize-3);
  line-height: 14px;
  color: #689c17;
}

#gropup_extra_field>span {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.midle_label {
  display: block;
  position: relative;
}

.midle_label .formlabel {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.form_desc {
  height: 63px;
  width: 518px;
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 21px;
  text-align: left;
}

.importform .formfields {
  text-align: center;
}

.importform .sendmailbox {
  text-align: left;
}

.importform .help_form_btn {
  float: right;
}

.help_form_btn {
  display: inline-block;
  box-sizing: border-box;
  border: 2px solid #007ace;
  border-radius: var(--rd-borderradius-border-xl);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  padding: var(--rd-spacing-x-sm) 10px var(--rd-spacing-x-sm) 15px;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 14px;
  cursor: pointer;
}

.help_form_btn:before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: #007ace;
  border-radius: 100%;
  vertical-align: top;
  margin-right: var(--rd-spacing-xx-sm);
  background-image: url("/src/img/svg/af/question-white.svg");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: 50%;
}

#drag_anddrop {
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) dashed var(--cl-blue-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(143, 157, 174, 0.05);
  text-align: center;
  padding: var(--rd-spacing-big) 20px;
  margin: 20px 0;
}

#customermenu {
  position: absolute;
  right: calc(100% + 10px);
  top: 2px;
  background-color: var(--rd-font-light);
  z-index: 10;
  padding: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  box-shadow: 0 2px 6px #999;
}

.excel_vorlage_btn {
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding: 10px 10px 10px 30px;
}

.excel_vorlage_btn:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
}

.excel_vorlage_btn:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
  background-image: url(../img/svg/af/export-gray.svg);
}

.da_img1 {
  background-image: url(../img/svg/af/cloud-upload-gray.svg);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 48px;
  width: 52px;
  margin-bottom: 10px;
}

.da_text1 {
  display: block;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 22px;
  margin-bottom: 10px;
}

.da_text2 {
  display: block;
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  margin-bottom: 10px;
}

#importlist {
  display: none;
}

label[for="importlist"] {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  color: var(--rd-font-light);
  padding: 10px 20px;
  cursor: pointer;
  margin-bottom: 20px;
}

label[for="importlist"]:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.green_ok_check {
  display: inline-block;
  background-color: var(--cl-deep-green);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-image: url(../img/svg/af/check-white.svg);
  background-size: 25px;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-top: 40px;
}

.import_complead_title {
  color: #212b36;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  text-align: center;
}

.import_complead_text {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  margin-bottom: 10px;
}

.import_complead_text span {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.import_complead_text+a {
  display: block;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 40px;
}

.fz_title {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.form_kategorys {
  border: var(--rd-borderwidth-border-default) solid #dfe3e8;
  border-radius: var(--rd-borderradius-border-md);
  --rd-borderradius-border-md);
}

.dropdown_checkbox {
  display: none;
}

.dropdown_cont {
  display: none;
}

.dropdown_label {
  display: block;
  width: 100%;
  background-color: #f9fafb;
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  white-space: nowrap;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding: 5px;
  cursor: pointer;
  box-sizing: border-box;
}

.dropdown_label:hover,
.dropdown_checkbox:checked+.dropdown_box .dropdown_label {
  background-color: var(--cl-pale-grey);
}

.dropdown_box:last-child .dropdown_label {
  border-bottom: 0;
}

.dropdown_box {
  width: 100%;
}

.dl_arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/src/img/svg/af/chevron-down-gray.svg");
  background-size: 100%;
  background-position: 50%;
  vertical-align: top;
  margin-top: var(--rd-spacing-xx-sm);
  margin-right: 10px;
}

.dropdown_label:hover .dl_arrow,
.dropdown_checkbox:checked+.dropdown_box .dropdown_label .dl_arrow {
  transform: rotate(180deg);
}

.dropdown_checkbox:checked+.dropdown_box .dropdown_cont {
  display: block;
}

.dropdown_fortbildung_count {
  float: right;
  height: 16px;
  width: 24px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-blue-grey);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 14px;
  text-align: center;
}

.dc_list {
  display: block;
  margin: 0;
  padding: 0;
}

.dc_list .dc_list_element {
  display: table;
  width: 100%;
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  padding: 5px;
  box-sizing: border-box;
}

.dc_list .dc_list_element>span {
  display: table-cell;
}

.dcle_name {
  width: 70%;
}

.dcle_name a {
  display: inline-block;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-decoration: none;
}

.dcle_cb {
  width: 35px;
}

.dcle_cb input {
  display: none;
}

.dcle_cb label {
  display: inline-block;
  height: 14px;
  width: 14px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-pale-grey);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
  margin-left: 10px;
}

.dcle_cb label:before,
.category_chekbox: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: all 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.dcle_cb input:checked+label:before,
.iut_check_all input:checked+label .category_chekbox:before {
  opacity: 1;
}

.dcle_date {
  width: 72px;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: right;
  padding: 10px;
}

.dcle_user_date {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: right;
  padding: 0;
  white-space: nowrap;
}

.uk_reset_tests {
  float: right;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: right;
  cursor: pointer;
  text-decoration: none;
}

.uk_reset_tests:hover {
  opacity: 0.8;
}

.uk_reset_tests:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("/src/img/svg/af/reset-blue.svg");
  vertical-align: middle;
  margin-right: 5px;
}

.user_lock_error {
  display: block;
  font-size: 0.9em;
  margin-top: 10px;
  font-style: italic;
  color: #ec6166;
  line-height: 1.2em;
  border: var(--rd-borderwidth-border-default) solid #ec6166;
  padding: 5px;
}

.video_proces,
.test_proces,
.text_proces,
.podcast_proces {
  border-radius: var(--rd-borderradius-border-md);
  background-color: #f3f3f3;
  position: relative;
  margin-bottom: 5px;
  display: table;
  width: 100%;
}

.video_proces>span,
.test_proces>span {
  display: table-cell;
}

.vp_name,
.tp_name {
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  font-weight: var(--rd-fontweights-open-sans-1);
  width: 60%;
}

.proces_icon {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 5px 10px 5px 5px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-color: var(--rd-primary-active);
  background-color: var(--cl-deep-green);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  left: 0;
}

.vp_name .proces_icon {
  mask-image: url("/src/img/svg/arrow_icon.svg");
  -webkit-mask-image: url("/src/img/svg/arrow_icon.svg");
}

.pp_name .proces_icon {
  mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
  -webkit-mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
}

.tep_name .proces_icon {
  mask-image: url("/src/img/2021/svg/text-content.svg");
  -webkit-mask-image: url("/src/img/2021/svg/text-content.svg");
}

.tp_name .proces_icon {
  mask-image: url("/src/img/2021/svg/question-sign.svg");
  -webkit-mask-image: url("/src/img/2021/svg/question-sign.svg");
}

.vp_status,
.tp_status,
.tep_status,
.pp_status {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-align: right;
  padding-right: 10px;
}

.show_proces {
  padding: 10px 0;
}

.show_proces>div {
  display: grid;
  grid-template-areas:
    "TITEL DATE";
  grid-template-columns: 70% 30%;
  min-height: 38px;
}

.show_proces>div>span:nth-child(1) {
  padding-left: 50px;
}

.kurs_fertig {
  display: inline-block;
  position: relative;
  font-size: var(--rd-fontsize-3);
  line-height: 1em;
  text-transform: uppercase;
  font-weight: var(--rd-fontweights-open-sans-0);
  color: var(--rd-font-light);
  background-color: #7cb81d;
  border-radius: var(--rd-borderradius-border-md);
  padding: 5px 5px;
  box-sizing: border-box;
}

#excelexport_checkbox {
  display: none;
}

.drop_down_btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.cn_btn_drop_down {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  background-color: var(--rd-font-light);
  width: 100%;
  z-index: 1000;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
  box-shadow: 0 2px var(--rd-borderradius-border-md) var(--cl-light-grey);
  min-width: 110px;
}

.cn_btn_drop_down a {
  display: block;
  width: 100%;
  color: #657485;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  border-bottom: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  box-sizing: border-box;
  font-size: 0.9em;
  position: relative;
}

.cn_btn_drop_down a:hover {
  font-weight: var(--rd-fontweights-open-sans-1);
  background-color: var(--cl-pale-grey);
}

.cn_btn_drop_down a:last-child {
  border: 0;
}

#excelexport_checkbox:checked~.cn_btn_drop_down {
  display: block;
}

.mavi_add_btn {
  position: absolute;
  display: block;
  top: 37px;
  right: 20px;
}

.kb_tab_menu {
  display: inline-block;
  width: 100%;
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.kb_tab_menu ul {
  display: block;
  margin: 0;
  padding: 0 15px;
}

.kb_tab_menu ul li {
  display: inline-block;
}

.tb_tm_btn {
  display: block;
  padding: 10px;
  cursor: pointer;
  position: relative;
}

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

.tb_tm_btn:hover:before,
.tb_tm_btn_aktiv:before {
  height: 3px;
}

.kb_middle {
  background-color: #666;
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 40px;
  box-sizing: border-box;
}

.kb_middle .prev_kurs_categorys,
.kb_middle .prev_kurs_status>div {
  color: var(--rd-font-light);
}

.prev_kurs_img {
  position: absolute;
  aspect-ratio: 16 / 9;
  /* left: -40px; */
  right: -40px;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  z-index: 0;
  -webkit-mask-image: linear-gradient(90deg,
      rgba(0, 0, 0, 0) 25%,
      rgba(0, 0, 0, 0.33) 55%,
      rgb(0 0 0) 100%);
  -webkit-mask-composite: destination-in;
  mask-image: linear-gradient(90deg,
      rgba(0, 0, 0, 0) 25%,
      rgba(0, 0, 0, 0.33) 55%,
      rgba(0, 0, 0, 1) 100%);
  mask-composite: intersect;
}

.livecourses .prev_kurs_img {
  left: 0;
  right: 0;
  background-position: top 0px right 0;
}

.prev_kurs_overlay {
  position: relative;
  color: var(--rd-font-light);
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 40px;
  background-size: 50% 10%, 60% 100%;
  background-position: left 110% top, right 110% top;
  background-image: url("/src/img/prev_kurs_verlauf.png"),
    url("/src/img/blueBG.png");
  background-repeat: repeat-y, no-repeat;
}

.prev_kurs_overlay_light {
  position: relative;
  color: var(--rd-font-light);
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 40px;
  background-size: 50% 10%, 60% 100%;
  background-image: url("/src/img/prev_kurs_verlauf_light.png"),
    url("/src/img/lightblueBG.png");
  background-repeat: repeat-y, no-repeat;
}

.teaser_kurs_overlay_light {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 50% 10%, 60% 100%;
  background-position: left 110% top, right 110% top;
  background-image: url("/src/img/prev_kurs_verlauf_light.png"),
    url("/src/img/lightblueBG.png");
  background-repeat: repeat-y, no-repeat;
  z-index: 1;
}

.prev_kurs {
  position: relative;
  display: inline-block;
  width: 90%;
  margin-bottom: 10px;
}

.prev_kurs_overlay_suche {
  position: relative;
  padding: 10px 15px;
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  background-image: url("/src/img/tw70p.png");
  z-index: 2;
}

.kb_m_fiedset {
  position: relative;
}

.prev_kurs_overlay .kb_m_fiedset label {
  color: #212b36;
}

.prev_kurs_categorys {
  padding-top: 50px;
  text-transform: uppercase;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  position: relative;
}

.category_trenner:after {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  margin-right: 5px;
}

.category_neu {
  color: var(--rd-font-light);
}

.prev_kurs_name {
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.prev_kurs_status {
  display: block;
  position: relative;
  margin-bottom: 20px;
}

.prev_kurs_status>div,
.prev_kurs_status>span {
  display: inline-block;
  vertical-align: middle;
}

.prev_kurs_typ,
.prev_kurs_lektion,
.prev_kurs_time,
.prev_kurs_subtitle,
.prev_kurs_homes {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.pks_trenner {
  box-sizing: border-box;
  height: 19px;
  width: 2px;
  border: var(--rd-borderwidth-border-default) solid #dfe3e8;
  margin-left: 10px;
  margin-right: 10px;
}

.prev_kurs_typ:before,
.prev_kurs_time:before,
.prev_kurs_lektion:before,
.home_icon:before,
.prev_kurs_subtitle:before,
.kt_read:before,
.webnar_termine:before,
.webinar_applied_date_info:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  background-size: 100%;
  background-position: 50%;
  margin-right: 5px;
  background-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: #FFF;
}

.webinar_applied_date_info:before {
  width: 15px;
  height: 15px;
  vertical-align: top;
}

.clc_content .prev_kurs_typ:before,
.clc_content .prev_kurs_time:before,
.clc_content .prev_kurs_lektion:before,
.clc_content .home_icon:before,
.clc_content .prev_kurs_subtitle:before,
.clc_content .kt_read:before,
.clc_content .webnar_termine:before {
  background-color: var(--rd-input-focused);
  filter: unset;
}

.course_header .prev_kurs_typ:before,
.course_header .prev_kurs_time:before,
.course_header .prev_kurs_lektion:before,
.course_header .home_icon:before,
.course_header .prev_kurs_subtitle:before,
.course_header .kt_read:before,
.course_header .webnar_termine:before,
.webinar_applied_date_info:before {
  background-color: #949DAB;
}

.prev_kurs_lektion:before {
  mask-image: url('/src/img/svg/af/hut.svg');
  -webkit-mask-image: url('/src/img/svg/af/hut.svg');
}

.webnar_termine:before {
  mask-image: url('/src/img/2023/svg/icons/rd-icon-calendar-neu.svg');
  -webkit-mask-image: url('/src/img/2023/svg/icons/rd-icon-calendar-neu.svg');


}

.home_icon:before {
  mask-image: url('/src/img/svg/af/hotel-solid.svg');
  -webkit-mask-image: url('/src/img/svg/af/hotel-solid.svg');

}

.kt_webinar:before {

  mask-image: url('/src/img/svg/af/online_kurs_icon_white.svg');
  -webkit-mask-image: url('/src/img/svg/af/online_kurs_icon_white.svg');

}

.kt_online:before {
  mask-image: url('/src/img/svg/af/online_kurs_icon_white.svg');
  -webkit-mask-image: url('/src/img/svg/af/online_kurs_icon_white.svg');
}


.kt_online_plus:before {
  mask-image: url('/src/img/svg/af/online_kurs_icon_plus.svg');
  -webkit-mask-image: url('/src/img/svg/af/online_kurs_icon_plus.svg');

}

.prev_kurs_time:before {
  mask-image: url('/src/img/svg/af/clock-regular-white.svg');
  -webkit-mask-image: url('/src/img/svg/af/clock-regular-white.svg');
}

.prev_kurs_subtitle:before {
  mask-image: url('/src/img/svg/af/comment-solid-white.svg');
  -webkit-mask-image: url('/src/img/svg/af/comment-solid-white.svg');


}

.prev_kurs_desc {
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  line-height: 21px;
  width: 50%;
  margin-bottom: 30px;
}

.prev_kurs_navi {
  display: block;
  position: relative;
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 40px 70px 40px;
}

.prev_kurs_navi>div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  z-index: 1;
}

.prev_kurs_navi .rd-primary-btn {
  box-shadow: none;
  /* padding-left:35px; */
}

.magenter_btn {
  display: inline-block;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #ea7496 0%, var(--rd-primary-active) 100%);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: 10px 20px;
  font-size: var(--rd-fontsize-4);
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.magenter_btn:hover {
  background: linear-gradient(180deg, var(--rd-primary-active) 0%, #ea7496 100%);
  color: var(--rd-font-light);
}

.view_btn {
  padding-left: 35px;
}

.view_btn:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-image: url(/src/img/svg/af/eye-white.svg);
  left: 15px;
  top: 12px;
}

.prev_kurs_ref_img {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover;
  border-radius: var(--rd-borderradius-border-xl);
  vertical-align: middle;
  margin-right: 5px;
  background-position: 50%;
  border: var(--rd-borderwidth-border-default) solid #e4e4e4;
}

.course_header .prev_kurs_ref_img {
  width: 40px;
  height: 40px;
}

.prev_kurs_ref_name {
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.untertitel_hover {
  position: absolute;
  display: none;
  /* color: var(--rd-font-light ); */
  color: var(--cl-light-blue);
  background-color: var(--cl-asphalt-blue);
  padding: var(--rd-spacing-md);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  min-width: 257px;
  border-radius: var(--rd-borderradius-border-md);
  font-weight: 400;
  bottom: 36px;
  left: -50px;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
}

.untertitel_hover ul {
  list-style: square;
  color: #7cb81d;
  margin-top: 5px;
}

.untertitel_hover ul li span {
  color: #637381;
  padding-right: 10px;
  display: block;
}

.untertitel_hover:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: var(--cl-asphalt-blue);
  transform: rotate(45deg);
  /* background:#F00; */
  left: 52px;
  bottom: -5px;
}

.prev_kurs_subtitle {
  position: relative;
  cursor: default;
}

.prev_kurs_subtitle:hover>.untertitel_hover {
  display: block;
}

.kb_button h2 {
  color: #212b36;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
}

.pcp_category {
  height: 210px;
  min-width: 190px;
  width: 100%;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  position: relative;
  float: left;
}

.pcp_c_bgimg {
  width: 100%;
  height: 110px;
  background-size: cover;
}

.pcp_c_cont {
  position: absolute;
  top: 110px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
}

.pcp_c_name {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 17px;
  word-break: break-all;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.pcp_c_count {
  position: absolute;
  bottom: 5px;
  color: #637381;
  font-size: var(--rd-fontsize-3);
  -rd-fontsize-0);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 16px;
}

.kb_button {
  position: relative;
  width: 100%;
  text-align: center;
}

.kb_button h2 {
  text-align: left;
}

.crsl-item figcaption {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: var(--rd-font-light);
  background: rgba(0, 0, 0, 0.5);
}

.table {
  display: table;
  width: 100%;
  position: relative;
}

.table_cell {
  display: table-cell;
  vertical-align: top;
}

.carusel {
  max-width: 1200px;
  display: inline-block;
  position: relative;
}

.carusel figure {
  margin: 0;
  padding: 0;
  text-align: left;
}

.crsl-nav {
  display: block;
  position: relative;
  z-index: 20;
}

.carusel_start {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  /*background-image:url("/src/img/prev_kurs_grau_verlauf_von_link.png");*/
  background-size: 100%;
  z-index: 1;
  opacity: 0.8;
}

.carusel_end {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  /*background-image:url("/src/img/prev_kurs_grau_verlauf_von_link.png");*/
  background-size: 100%;
  z-index: 1;
  transform: rotate(180deg);
  opacity: 1;
}

.crsl-nav a {
  position: absolute;
  display: inline-block;
  height: 36px;
  width: 36px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  top: 80px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("/src/img/svg/af/chevron-down-gray.svg");
}

.crsl-nav a.previous {
  left: -15px;
  transform: rotate(90deg);
  box-shadow: 0 2px 10px 0 rgba(33, 43, 54, 0.27);
}

.crsl-nav a.next {
  right: -15px;
  transform: rotate(270deg);
  box-shadow: 0 -2px 10px 0 rgba(33, 43, 54, 0.27);
}

.crsl-nav a:hover {
  background-image: url("/src/img/svg/af/chevron-down-green.svg");
}

.pcp_c_pflicht .pcp_c_name {
  color: #e57119;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.pcp_c_expert .pcp_c_name {
  color: #5ea9cf;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.pcp_kurs {
  position: relative;
  display: inline-block;
  height: 260px;
  /* max-width: 269px; */
  width: 100%;
  background-color: var(--rd-font-light);
  border-radius: var(--rd-borderradius-border-md);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  cursor: pointer;
  font-style: normal;
}

.pcp_pflicht {
  background-color: #e57119;
  color: var(--rd-font-light);
}

.pcp_expert {
  background-color: #5ea9cf;
  color: var(--rd-font-light);
}

.pcp_kurs_bg_img {
  height: 150px;
  background-size: cover;
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  display: block;
}

.pcp_kurs_desc {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.pcp_kurs_name {
  display: block;
  width: 100%;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 17px;
  word-break: break-all;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  box-sizing: border-box;
}

.pcp_kurs_referent {
  position: absolute;
  left: 10px;
  bottom: 10px;
  opacity: 0.8;
  display: block;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 16px;
}

.pcp_kurs_time {
  background-color: var(--rd-font-light);
  display: inline-block;
  margin: var(--rd-spacing-x-sm);
  border-radius: 50px;
  padding: 2px 10px 2px 5px;
  font-size: var(--rd-fontsize-3);
  line-height: 15px;
  font-weight: var(--rd-fontweights-open-sans-1);
  box-shadow: 0 2px 3px #33333394;
  color: #535353;
}

.pcp_pflicht .pcp_kurs_time {
  color: #e57119;
}

.pcp_expert .pcp_kurs_time {
  color: #5ea9cf;
}

.pcp_kurs_time:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url("/src/img/svg/af/clock-regular-green.svg");
}

.pcp_pflicht .pcp_kurs_time:before {
  background-image: url("/src/img/svg/af/clock-regular-orange.svg");
}

.pcp_expert .pcp_kurs_time:before {
  background-image: url("/src/img/svg/af/clock-regular-blue.svg");
}

.all_cateroys,
.prev_categroy_pflicht,
.prev_categroy_expert,
.prev_categroy_fach,
.prev_categroy_betreung {
  margin: -40px 0 40px 0;
  position: relative;
  width: 100%;
}

.crsl-items {
  position: relative;
}

.vorschau .invisible_radio {
  display: none;
}

.vorschau .prev_kurs {
  display: none;
}

.vorschau .invisible_radio:checked+.prev_kurs {
  display: block;
  margin-top: 15px;
}

.vorschau {
  text-align: left;
  z-index: 1;
  position: relative;
}

.vorschau .prev_kurs_img {
  top: -40px;
}

.close_preview {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  border-radius: var(--rd-borderradius-border-xl);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  box-shadow: 0 2px 12px 0 rgba(33, 43, 54, 0.5);
  cursor: pointer;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 12px;
  display: inline-block;
  padding: 15px 20px 15px 20px;
}

.close_preview:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/src/img/svg/af/close-blue.svg");
  background-size: 100%;
  vertical-align: top;
  margin-right: 5px;
}

.close_preview:hover {
  box-shadow: none;
  filter: grayscale(1);
}

.invisible_radio {
  display: none;
}

.show_all {
  text-align: right;
  margin-bottom: 10px;
}

.show_all a,
.show_all span {
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: right;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
}

.help_line {
  display: inline-block;
  border: 2px solid #007ace;
  border-radius: var(--rd-borderradius-border-xl);
  color: #007ace;
  font-weight: normal;
  padding: 15px 25px;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  cursor: pointer;
}

.help_line:before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #007ace;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 100%;
  background-image: url("/src/img/svg/af/question-white.svg");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 50%;
}

header {
  z-index: 500 !important;
  background-color: var(--rd-font-light);
}

.teaser_kurs {
  position: relative;
  background-color: #637381;
  color: var(--rd-font-light);
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 40px;
  /*   background-image: url(/src/img/istockfoto-vorschau.jpg); */
  background-size: 700px;
  background-position: top 0 right -80px;
  background-repeat: no-repeat;
  z-index: 0;
  overflow: hidden;
}

.teaser_kurs.livecourses {
  /*   background-image: url("/src/img/webinar-teaser2.jpg"); */
  background-size: 588px;
  background-position: right -56px;
}

.teaser_kurs.livecourses.allwebinars {
  /*   background-image: url("/src/img/webinar-teaser5.jpg"); */
  background-size: auto 100%;
  background-position: right top;
}

.teaser_kurs.livecourses.customwebinars {
  /*  background-image: url("/src/img/webinar-teaser4.jpg"); */
  background-size: auto 100%;
  background-position: right top;
}

.teaser_kurs.livecourses.pcwebinars {
  /*  background-image: url("/src/img/webinar-teaser3.jpg"); */
  background-size: auto 100%;
  background-position: right top;
}

.teaser_kurs.livecourses.pcwebinars .teaser_kurs_overlay {
  right: 300px;
}

.teaser_kurs h2 {
  color: var(--rd-font-light);
  margin-bottom: 10px;
}

.teaser_kurs p {
  /* width: 50%; */
  font-size: var(--rd-fontsize-4);
  line-height: 21px;
  /* margin-bottom: 30px; */
}

.teaser_kurs a {
  color: var(--rd-font-light);
}

.kurs_breadcrumbs {
  display: table;
  position: relative;
  padding-top: 10px;
}

.kurs_breadcrumbs>div {
  display: table-cell;
  color: #dfe3e8;
  font-size: var(--rd-fontsize-3);
  line-height: 15px;
  padding-right: 10px;
}

.kurs_breadcrumbs>div a {
  color: #dfe3e8;
  text-decoration: none;
}

.teaser_kurs_overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 50% 10%, 60% 100%;
  background-position: left 110% top, right 110% top;
  background-image: url(/src/img/prev_kurs_verlauf.png),
    url(/src/img/blueBG.png);
  background-repeat: repeat-y, no-repeat;
  z-index: 1;
}

.reaser_content {
  position: relative;
  z-index: 1;
  padding-bottom: 120px;
  min-height: 300px;
}

.kurs_list {
  position: relative;
  /* margin-top:-90px; */
}

.cl_course {
  /* overflow: hidden; */
  display: block;
  background-color: var(--rd-font-light);
  margin-bottom: 10px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  position: relative;
}

.cl_course.optional_instr {
  background-color: var(--rd-warning-inactive);
}

.clc_img {
  display: inline-block;
  width: 409px;
  height: 230px;
  vertical-align: top;
  background-position: 50%;
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md);
  background-size: cover;
  /* background-color:var(--cl-light-grey); */
}

.clc_content {
  display: inline-block;
  padding-left: var(--rd-spacing-x-big);
  padding-right: var(--rd-spacing-x-sm);
  position: absolute;
  left: 409px;
  right: 0;
  top: 0;
  bottom: 0;
  height: 230px;
}

.clcc_status {
  display: block;
}

.clcc_status>div,
.clcc_status>span,
.clcc_status>pc-tooltip {
  display: inline-block;
  vertical-align: middle;
}

.clcc_status .untertitel_hover {
  /* right: calc(100% + 15px); */
  /* left: auto; */
  z-index: 100;
}

.clcc_status .untertitel_hover:before {
  /* left: auto; */
  /* right: -9px; */
  /* border-right: 1px solid var(--cl-light-grey); */
  /* border-top: 1px solid var(--cl-pale-grey); */
}

.clcc_navi {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: calc(100% - 30px);
  box-sizing: border-box;
}

.clcc_navi>div {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.clcc_categorys {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
}

.cmd-desc .clcc_categorys {
  text-transform: unset;
}

.clcc_navi .prev_kurs_ref_name {
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  white-space: normal;
}

.category_pflicht {
  color: #e57119;
}

.category_expert {
  color: #5ea9cf;
}

.clcc_name {
  color: #637381;
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  margin-bottom: 0;
  line-height: 1.2em;
}

.clcc_instract {
  margin-bottom: 20px;
  color: #999999;
  font-size: var(--rd-fontsize-4);
}

.clcc_name_small {
  font-size: var(--rd-fontsize-7);
}

.clcc_status .prev_kurs_lektion:before {
  background-image: url(/src/img/svg/af/hut-gray.svg);
}

.clcc_status .kt_online:before {
  background-color: var(--rd-input-focused);
  background-image: url(/src/img/svg/af/online_kurs_icon-gray.svg);
}

.clcc_status .kt_ofline:before {
  background-image: url(/src/img/svg/af/street-view-solid.svg);
  filter: grayscale(1);
}

#ergebnis .clcc_status .kt_ofline:before {
  background-color: transparent;
}

.clcc_status .kt_read:before {
  background-image: url(/src/img/svg/af/book-reader-solid.svg);
  filter: grayscale(1);
  background-size: 80%;
}

.clcc_status .prev_kurs_time:before {
  background-image: url(/src/img/svg/af/clock-regular-gray.svg);
  background-color: var(--rd-input-focused);
  /* background-size: 80%; */
}

.clcc_status .prev_kurs_subtitle:before {
  background-size: 80%;
  opacity: 0.8;
  background-image: url(/src/img/svg/af/comment-solid-gray.svg);
}

.cb_navi_only {
  padding-top: 20px;
}

.set_center {
  text-align: center;
}

.mt40 {
  margin-top: 40px;
}

.kb_back:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  vertical-align: top;
  background-size: 100%;
  background-image: url("/src/img/svg/af/arrow-left-blue-bold.svg");
  filter: grayscale(1) brightness(100);
  background-repeat: no-repeat;
  margin-right: 2px;
}

.kb_mainlink:before {
  content: "|";
  display: inline-block;
  margin-right: 5px;
}

.kb_sublink {
  color: var(--cl-blue-grey) !important;
}

.kb_sublink:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 100%;
  transform: rotate(270deg);
  background-image: url(/src/img/svg/af/chevron-down-gray.svg);
  margin-right: 5px;
}

.teaser_kurs label {
  color: #212b36;
}

.category_link {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: var(--rd-font-light);
  height: 310px;
  width: 268px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  margin: var(--rd-spacing-x-sm);
  text-decoration: none;
  color: #637381;
}

.category_link.category_pflicht {
  color: var(--rd-font-light);
  background-color: #e57119;
}

.category_link.category_expert {
  color: var(--rd-font-light);
  background-color: #5ea9cf;
}

.category_link {
  transition: all 0.3s linear;
}

.category_link:hover {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
    0 7px 10px -5px rgb(91 91 91 / 40%);
  transform: translate3d(0, -10px, 10px);
}

.cl_image {
  display: block;
  height: 178px;
  width: 100%;
  background-size: cover;
  background-color: var(--cl-light-grey);
}

.cld_name {
  display: block;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 22px;
  padding-top: 15px;
  padding-left: 15px;
}

.cld_counter {
  position: absolute;
  left: 15px;
  bottom: 15px;
  opacity: 0.8;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 16px;
}

.filter_box {
  border: var(--rd-borderwidth-border-default) solid #eff1f3;
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  background-color: var(--rd-font-light);
  margin-bottom: 20px;
}

.filter_box ul {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}

.filter_box ul li {
  display: block;
  padding: 10px;
  border-bottom: var(--rd-borderwidth-border-default) solid #eff1f3;
}

.filter_box ul li:last-child {
  border-bottom: 0;
}

.pc_radio input {
  display: none;
}

.pcr_radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  height: 16px;
  width: 16px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-xl);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  margin-right: 5px;
  vertical-align: middle;
}

.pcr_radio:before {
  content: "";
  display: none;
  height: var(--rd-spacing-x-sm);
  width: var(--rd-spacing-x-sm);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-deep-green);
  position: absolute;
  left: 3px;
  top: 3px;
}

.pc_radio input:checked+.pcr_radio {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
}

.pc_radio input:checked+.pcr_radio:before {
  display: block;
}

.pcr_text {
  cursor: pointer;
}

.content_table {
  display: flex;
  position: relative;
  width: 100%;
  background-color: var(--rd-font-light);
  /* border:1px solid var(--cl-light-grey); */
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 43px 40px -40px rgba(63, 63, 68, 0.3);
  overflow: hidden;
  /* min-height: 413px; */
  /* height: 1px; */
  overflow: hidden;
  /* max-width: calc(100vw - 320px); */
}

.tab_nav_desktop {
  position: relative;
}

.tab_nav_desktop ul {
  position: unset !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  height: 100%;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.tab_nav_desktop ul .slick-list {
  position: relative;
}

.tab_nav_desktop .slick-prev:before,
.tab_nav_desktop .slick-next:before {
  position: relative;
  z-index: 1;
  content: '';
  background-color: var(--rd-font-dark);
  opacity: 1;
  background-image: none;
  width: 20px;
  height: 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/2023/svg/icons/paginator-arrow.svg');
  -webkit-mask-image: url('/src/img/2023/svg/icons/paginator-arrow.svg');
}

.tab_nav_desktop .slick-next:before {
  margin-left: -8px;
  /* position: relative; */
}

.tab_nav_desktop .slick-prev:hover,
.tab_nav_desktop .slick-next:hover,
.tab_nav_desktop .slick-prev,
.tab_nav_desktop .slick-next {
  display: none;
  /* background-color: transparent; */
  width: 20px;
  height: 100%;
  top: 0;
  bottom: 0;
  border-radius: 0;
  background-color: #ffffff00;
  box-shadow: none;
  transform: unset;
  z-index: 1;
}

.tab_nav_desktop .slick-prev {
  background-image: linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255 / 0%));

}

.tab_nav_desktop .slick-next {
  background-image: linear-gradient(90deg, rgb(255 255 255 / 0%), rgb(255 255 255));
}

.tab_nav_desktop .slick-prev {
  left: 0;
}

.tab_nav_desktop .slick-next {
  right: 0;
}

.kurs_img {
  display: block;
  vertical-align: top;
  width: 60%;
  background-color: rgba(33, 43, 54, 0.5);
  background-size: cover;
  background-position: 50%;
  position: relative;
  /* min-height: 200px; */
}

.kurs_img:before {
  content: "";
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  display: block;
}

.audio-img:before {
  display: none;
}

.video_title+.hidden_overflow .kurs_img:before {
  display: none;
}

.kurs_img img {
  width: 100%;
}

.kurs_tab_cont {
  position: relative;
  display: block;
  width: 40%;
}

.kurs_tab_cont input[name="ktc_tab"],
.ic_contant .ic_c_radio,
.ic_c_cont>div {
  display: none;
}

.ktc_tabs {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 6px 10px #6666665e;
}

.ktc_tab li,
.ic_c_tas li {
  display: table-cell;
  position: relative;
  z-index: 1;
}

.ktc_tab li label {
  display: block;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
  margin: 0 10px;
  position: relative;
  font-size: var(--rd-fontsize-4);
}

.ic_c_tas li label {
  display: block;
  padding: 11px 20px;
  text-align: center;
  cursor: pointer;
  margin: 0 10px;
  position: relative;
}

.not_in_list {
  padding-top: 10px;
  padding-right: 10px;
  z-index: 0;
}

.not_in_list>span {
  display: none;
}

#ic_c_r1:checked~.ic_c_tas #ic_c_b1,
#ic_c_r2:checked~.ic_c_tas #ic_c_b2,
#ic_c_r3:checked~.ic_c_tas #ic_c_b3 {
  display: block;
}

.nil_right {
  float: right;
}

.ktc_tab li label:before,
.ic_c_tas li label:before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: var(--cl-deep-green);
  height: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s linear;
}

.ktc_tab li label:hover:before,
.ic_c_tas li label:hover:before {
  height: 3px;
}

#ktc_t1:checked~div .ktc_tab label[for="ktc_t1"]:before,
#ktc_t2:checked~div .ktc_tab label[for="ktc_t2"]:before,
#ktc_t3:checked~div .ktc_tab label[for="ktc_t3"]:before,
#ktc_t4:checked~div .ktc_tab label[for="ktc_t4"]:before,
#ktc_t5:checked~div .ktc_tab label[for="ktc_t5"]:before,
#ic_c_r1:checked~.ic_c_tas label[for="ic_c_r1"]:before,
#ic_c_r2:checked~.ic_c_tas label[for="ic_c_r2"]:before,
#ic_c_r3:checked~.ic_c_tas label[for="ic_c_r3"]:before,
#ic_c_r4:checked~.ic_c_tas label[for="ic_c_r4"]:before,
#ic_c_r5:checked~.ic_c_tas label[for="ic_c_r5"]:before {
  height: 3px;
}

#ktc_t1:checked~.ktc_content .ktc_c1,
#ktc_t2:checked~.ktc_content .ktc_c2,
#ktc_t3:checked~.ktc_content .ktc_c3,
#ktc_t4:checked~.ktc_content .ktc_c4,
#ktc_t5:checked~.ktc_content .ktc_c5,
#ic_c_r1:checked~.ic_c_cont #ic_c_c1,
#ic_c_r2:checked~.ic_c_cont #ic_c_c2,
#ic_c_r3:checked~.ic_c_cont #ic_c_c3,
#ic_c_r4:checked~.ic_c_cont #ic_c_c4,
#ic_c_r5:checked~.ic_c_cont #ic_c_c5 {
  display: block;
}

.ktc_content {
  display: block;
  position: relative;
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
}

.ktc_content>div {
  padding: var(--rd-spacing-big);
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  vertical-align: top;
  top: 0;
}

.ktc_c1 {
  color: #637381;
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
}

.ktc_c1 ul li {
  color: #637381;
  display: block;
}

.ktc_c1 ul li:before {
  background-color: var(--cl-deep-green);
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 5px;
  border-radius: 100%;
  vertical-align: middle;
}

.ktc_c1 ul li span {
  color: #637381;
}

.kurs_tab_cont .ktc_content>div {
  display: none;
}

.content_title {
  color: #212b36;
  font-size: var(--rd-fontsize-11);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 38px;
  word-break: break-word;
  margin-bottom: var(--rd-spacing-md);
}

.content_sub_title {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 15px;
  margin-bottom: 20px;
}

.content_navi_top {
  display: block;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  width: 90%;
}

.content_navi_top .right_side {
  /* text-align:right; */
  /* float:right; */
}

.content_navi_top a {
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-decoration: none;
  display: inline-block;
}

.ktc_modul {
  cursor: pointer;
}

.ktc_modul.disabled {
  cursor: default;
}

.ktc_modul,
.ktc_modul.disabled:hover {
  text-decoration: none;
  display: table;
  position: relative;
  padding: 10px;
  background-color: var(--rd-font-light);
}

.ktc_modul.disabled {
  opacity: 0.5;
  filter: grayscale(1);
}

.ktc_modul:hover {
  background-color: var(--cl-pale-grey);
}

.ktcm_left {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}

.ktcm_left span {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.ktc_video .ktcm_left>span {
  background-image: url("/src/img/svg/play_video_icon_full.svg");
}

.ktc_audio .ktcm_left>span {
  background-image: none;
  mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
  -webkit-mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
  background-color: var(--cl-sp-green);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.ktc_test .ktcm_left>span {
  background-image: url("/src/img/svg/start_quest_icon_full.svg");
}

.ktcm_right {
  display: table-cell;
  width: 100%;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.ktcm_top {
  display: table;
  width: 100%;
  position: relative;
}

.ktcm_top>span {
  display: table-cell;
}

.ktcm_top_left {
  text-align: left;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 17px;
}

.ktcm_top_right {
  text-align: right;
  color: var(--cl-deep-green);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 17px;
}

.ktcm_title {
  color: #212b36;
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 17px;
  margin-bottom: 10px;
  display: block;
}

.ref_box {
  margin-top: 30px;
  display: table;
  position: relative;
}

.ref_box .rb_img {
  display: table-cell;
  padding-right: 20px;
  vertical-align: top;
}

.ref_box .rb_img>div {
  box-sizing: border-box;
  height: 61px;
  width: 61px;
  border: var(--rd-borderwidth-border-default) solid #979797;
  background-color: #d8d8d8;
  border-radius: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.rb_text {
  display: table-cell;
}

.ref_name {
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.ref_desc {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  margin-top: 5px;
}

.instr_right_btn_element {
  position: absolute;
  top: 8px;
  right: 30px;
  z-index: 1;
}

.instr_right_btn_element.level_setting_actions {
  display: flex;
  gap: 16px;
}

@media screen and (min-width: 1600px) {
  .carusel {
    max-width: 1560px;
  }

  .pcp_kurs {
    max-width: 300px;
  }

  .pcp_category {
    max-width: 250px;
  }
}

.instract_cont {
  display: block;
  position: relative;
  margin-top: 30px;
}

.ic_users {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  /* float: left; */
}

.ic_u_header {
  display: table;
  width: 100%;
  position: relative;
  border-bottom: var(--rd-borderwidth-border-focus) solid #dfe3e8;
}

.ic_u_h_counter {
  display: table-cell;
  text-align: left;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  text-transform: uppercase;
  padding: 10px 20px;
}

.ic_u_h_menu {
  display: table-cell;
  text-align: right;
  padding: 10px 20px;
}

.ic_u_h_menu .blue_link {
  margin-left: 20px;
}

.blue_link:before {
  filter: grayscale(0);
}

.ic_users .navi {
  padding: var(--rd-spacing-md) var(--rd-spacing-sm);
  display: flex;
  flex-wrap: wrap;
  gap: var(--rd-spacing-xxx-big);
  row-gap: var(--rd-spacing-md);
}

.ic_users .navi a,
.ic_users .navi span {
  display: inline-block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  /* padding: 5px; */
}

.export_link:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  background-image: url(/src/img/svg/af/arrow-right-blue-bold.svg);
  transform: rotate(90deg);
}

.put_date {
  border: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: #f9fafb;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.user_list {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  color: #637381;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.greenbtn {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  float: right;
  position: relative;
  font-family: "Open Sans", sans-serif;
}

.greenbtn[disabled],
.greenbtn[disabled]:hover {
  cursor: default;
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  color: var(--cl-blue-grey);
  font-weight: 400;
  box-shadow: none;
}

.greenbtn[disabled]:hover {
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%) !important;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) !important;
}

.greenbtn[disabled]:before {
  background-image: url(/src/img/svg/af/file-pdf-regular.svg);
  opacity: 0.2;
}

.ic_u_list input[name="users[]"] {
  /* display: none; */
}

.ic_contant {
  vertical-align: top;
  display: block;
  /* margin-left: 10px; */
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  box-sizing: border-box;
  /* width: calc(40% - 10px); */
  /* float: right; */
}

.ic_c_cont .vertical_tale {
  margin: 10px;
  width: calc(100% - 20px);
  box-sizing: border-box;
}

.ic_c_cont .vertical_tale th {
  padding: 10px;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.i_u_date {
  text-align: left;
}

.i_u_cert {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 2px;
}

.i_u_cert a {
  display: inline-block;
  float: unset;
}

.i_u_fortschritt {
  height: 12px;
  width: 100%;
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--cl-light-blue);
  position: relative;
  overflow: hidden;
}

.i_u_fortschritt span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--cl-deep-green);
}

.i_u_table {
  display: table;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 5px;
  margin-top: 10px;
}

.i_u_table>div {
  display: table-cell;
  box-sizing: border-box;
  width: 50%;
}

.i_u_t_procent {
  width: 47px;
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.i_u_t_link {
  padding-left: 10px;
  text-align: right;
}

.i_u_detail_btn {
  display: inline-block;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: right;
  cursor: pointer;
  white-space: nowrap;
}

.i_u_detail_btn:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  vertical-align: middle;
  height: 14px;
  width: 14px;
  background-image: url("/src/img/svg/af/chevron-down-blue.svg");
  margin-left: 5px;
}

.i_u_gruppe {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.i_u_name a {
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.info_users_counter {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  font-weight: 400;
  line-height: 19px;
}

.info_users_counter span {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.info_users_proces {
  height: 12px;
  width: 100%;
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--cl-light-blue);
  position: relative;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
}

.info_users_proces>div {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--cl-deep-green);
}

.ic_c_cont td {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.info_time:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/src/img/svg/af/clock-regular-gray.svg);
  vertical-align: middle;
  margin-right: 5px;
}

.green_chack {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100%;
  background-position: 50%;
  background-image: url("/src/img/svg/af/check-green.svg");
  vertical-align: middle;
  margin-right: 5px;
}

.attachment_btn {
  margin: 5px 0;
}

.attachment_btn:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100%;
  background-position: 50%;
  background-image: url("/src/img/svg/af/paperclip-blue.svg");
  vertical-align: middle;
  margin-right: 5px;
}

.b600 {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.b700 {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.b800 {
  font-weight: 800;
}

.back_link a {
  line-height: 18px;
  font-size: var(--rd-fontsize-4);
  color: var(--rd-secondary-active) !important;
  margin-bottom: var(--rd-spacing-md) !important;
  z-index: 100;
  position: relative;
  color: var(--rd-secondary-active)
}


.back_link a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/src/img/2023/svg/icons/rd-icon-arrowLineRight.svg);
  vertical-align: middle;
}

.sfi_checkbox {
  display: none;
}

.sfi_cont {
  display: none;
}

label[for="SetFinishDate"],
#IndividuelTimeSet {
  display: inline-block;
  position: relative;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) var(--rd-spacing-x-sm) var(--rd-spacing-md);
  vertical-align: top;
  cursor: pointer;
}

#SetFinishDateLabel {
  margin-bottom: 0 !important;
}

label[for="SetFinishDate"].disabled_label,
#IndividuelTimeSet[disabled] {
  color: var(--cl-light-grey);
  border-color: var(--cl-pale-grey);
  cursor: default;
}

label[for="SetFinishDate"].disabled_label:before {
  opacity: 0.5;
}

.disabled_label~.sfi_checkbox:checked+.sfi_cont {
  display: none;
}

label[for="SetFinishDate"]:hover {
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
}

label[for="SetFinishDate"]:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/calendar-alt-solid.svg");
  vertical-align: top;
  filter: grayscale(1);
  margin-right: 5px;
}

.sfi_checkbox:checked+.sfi_cont {
  display: block;
  position: absolute;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  z-index: 100;
  padding: 10px;
  margin-top: var(--rd-spacing-sm);
}

.sfi_checkbox:checked+.sfi_cont:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: var(--rd-font-light);
  border-left: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  top: -9px;
  left: 15px;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.sfi_cont label {
  position: relative;
  display: block;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.sfi_cont input {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.input-append.date input {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) !important;
  border-radius: var(--rd-borderradius-border-md) !important;
  padding: 10px !important;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4) !important;
  line-height: 19px !important;
}

/* .input-append .icon-calendar {
  position: absolute !important;
  width: 16px;
  background-color: var(--rd-font-light) !important;
  top: 0;
  bottom: 0;
  right: 0;
  background-size: 24px !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-image: url("/src/img/svg/af/calendar-alt-solid.svg") !important;
  filter: grayscale(1);
  border-left: none !important;
} */

.accordion-toggle a,
.accordion-toggle a:hover {
  z-index: 1000;
  position: relative;
  background-color: var(--cl-deep-green) !important;
  text-align: center;
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-none) !important;
}

.picker-switch.accordion-toggle {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.table-condensed {
  margin-top: 10px;
}

#reportrange {
  min-width: 250px;
}

.formfieldset {
  margin-bottom: 10px;
}

.sfi_set_time {
  display: block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: var(--rd-spacing-x-sm) 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.sfi_set_time:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.sfi_rem_time {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding: var(--rd-spacing-x-sm) 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.sfi_rem_time:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
}

.InfoMessage {
  display: block;
  text-decoration: none;
  background-color: var(--cl-deep-green);
  position: relative;
  /* margin-left:-40px; */
  /* margin-right:-40px; */
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: var(--rd-spacing-sm) 40px;
}

.InfoMessage:hover {
  color: var(--rd-font-light) !important;
}

.InfoMessage span {
  font-weight: 800;
}

.InfoMessage:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 5px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/check-circle-white.svg");
}

.disabled_label span[data-disabled-tooltip] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  z-index: 100;
  cursor: default;
}

.disabled_label:hover span[data-disabled-tooltip]:before {
  display: inline-block;
  position: absolute;
  content: attr(data-disabled-tooltip);
  border-radius: var(--rd-borderradius-border-md);
  background-color: #212b36;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 15px;
  padding: 10px;
  z-index: 1000;
  bottom: calc(100% + 15px);
  width: 272px;
  left: -20px;
}

.disabled_label:hover span[data-disabled-tooltip]:after {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #212b36;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  left: 50%;
  bottom: calc(100% + 10px);
}

.dcle_title_name,
.dcle_title_Date {
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

tr.uk_details td {
  padding: 0;
}

.ic_contant .ic_c_tas {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: var(--rd-borderwidth-border-focus) solid #dfe3e8;
}

.kurs_tab_cont .ktc_tab {
  display: inline-table;
  position: relative;
  /* width:100%; */
  padding: 0;
  margin: 0;
  /* box-shadow:0 0 6px #999; */
  background-color: var(--rd-font-light);
  z-index: 5;
}

.tab_nav_mobile .ktc_tab {
  display: block;
  width: 100%;
}

.new_modul_element .tab_nav_mobile {
  height: auto;
}

.nme_nav_shadow {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.cc_pflicht {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: #e57119;
}

.cc_expert {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: #5ea9cf;
}

.cours_instruction,
.PraesenzBlock {
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  margin-top: 30px;
}

.PraesenzAnfrageGrid {
  display: grid;
  grid-template-areas:
    "USERDATA TEXT";
  grid-template-columns: 40% auto;
}

.PraesenzAnfrageGrid>div {
  padding: var(--rd-spacing-md);
}

.double_input {
  display: grid;
  grid-template-areas:
    "EL1 EL2";
  grid-template-columns: 50%;
  margin-bottom: 14px;
  gap: var(--rd-spacing-sm);
}

.PraesenzAnfrageGrid textarea {
  width: 100%;
  height: 220px;
  padding: var(--rd-spacing-md);
}

.PraesenzAnfrageGrid input {
  padding: var(--rd-spacing-sm);
  line-height: var(--rd-lineheights-0);
  width: 100%;
}

.ci_title {
  padding: 10px 20px;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  text-transform: uppercase;
}

.ci_title_count {
  display: inline-block;
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 14px;
  text-align: center;
  padding: 2px 10px;
  vertical-align: middle;
  margin-left: 5px;
}

.cours_instruction tr th:first-child,
.cours_instruction tr td:first-child {
  padding-left: 20px;
}

.cours_instruction tr th:last-child,
.cours_instruction tr td:last-child {
  padding-right: 20px;
}

.cours_instruction .set_right {
  padding-right: 20px;
  padding-bottom: 20px;
}

.add_btn,
.add_btn:before {
  line-height: 19px;
}

.add_btn:before {
  content: "+";
  font-size: 1.5em;
  font-weight: bolder;
  display: inline-block;
  vertical-align: middle;
  margin-right: var(--rd-spacing-x-sm);
}

.cours_instruction td a {
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.cours_instruction td {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.cours_instruction tr td:last-child {
  width: 170px;
}

.procs_velue {
  display: inline-block;
  margin-right: 10px;
}

.proces_bg {
  display: inline-block;
  height: 12px;
  width: 118px;
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--cl-light-blue);
  overflow: hidden;
  position: relative;
}

.proces_bg span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--cl-deep-green);
}

.ktc_c3 .vertical_tale td {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.instruction_img_overlay {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-image: url("/src/img/black70p.png");
}

.rd-webinar-container .instruction_img_overlay_container{
  display: grid;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  height: 100%;
  gap:var(--rd-spacing-md)
}

.rd-webinar-container .instruction_img_overlay_container .white_play_icon,
.rd-webinar-container .cl_webinar.cl_webinar_fullPage_true .instruction_img_overlay_container .white_play_icon{
  margin-top: 0 !important;
}

.rd-webinar-container .instruction_img_overlay_container .webinar_showcerwrap{
  margin-right: 0 !important;
  justify-content: center;
  align-items: end;
}

.instruction_img_overlay_container a{
  font-size: var(--rd-fontsize-4) !important;
  line-height: 132%;
  letter-spacing: 0.14px;
}



.white_play_icon {
  display: inline-block;
  height: 60px;
  width: 60px;
  border: 3px solid var(--rd-font-light);
  border-radius: 100%;
  background-image: url("/src/img/svg/af/play-white.svg");
  background-position: 16px 50%;
  background-size: 33px;
  background-repeat: no-repeat;
  margin-top: 15%;
}

.white_quest_icon:before {
  content: "?";
  color: var(--rd-font-light);
  font-weight: 800;
  line-height: 60px;
  font-size: 3em;
  display: inline-block;
  height: 60px;
  width: 60px;
  border: 3px solid var(--rd-font-light);
  border-radius: 100%;
  background-position: 16px 50%;
  background-size: 33px;
  background-repeat: no-repeat;
  margin-top: 15%;
}

.white_info_icon {
  display: inline-block;
  height: 60px;
  width: 60px;
  border: 3px solid var(--rd-font-light);
  border-radius: 100%;
  background-image: url("/src/img/svg/af/info-white.svg");
  background-position: 50%;
  background-size: 33px;
  background-repeat: no-repeat;
  margin-top: 15%;
}

.white_info_icon.normal_user {
  margin-top: 10%;
}

.iio_time {
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  margin: 5px 0;
}

.magenta_btn {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
  background-color: var(--rd-primary-active);
  border-radius: var(--rd-borderradius-border-xl);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-1);
  text-decoration: none;
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
  margin-top: 5px;
  cursor: pointer;
  opacity: 1;
  background-color: var(--rd-primary-active);
}

.magenta_btn:hover {
  background-color: var(--rd-primary-hover);
  color: var(--rd-font-light) !important;
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-hover);
}

.magenta_btn:focus {
  background-color: var(--rd-primary-pressed);
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-pressed);
  color: var(--rd-font-light) !important;
  outline: unset;
}

.vertical_tale {
  text-align: left;
}

.vertical_tale .rd-labeled-icon {
  font-size: unset;
}

.vertical_tale .rd-labeled-icon:before {
  content: '';

}

.video_title {
  margin-bottom: 10px;
}

.info_text {
  color: var(--rd-font-light);
  margin: 10px 0;
  display: block;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  text-align: center;
}

.instruction_img_overlay .rd-primary-btn {
  box-shadow: none;
}

.prev_test_quest_block {
  margin-bottom: 40px;
}

.prev_test_quest_block:last-child {
  margin-bottom: 0;
}

.prev_test {
  background-color: #f9fafb;
  padding: var(--rd-spacing-big);
  box-sizing: border-box;
  max-height: 600px;
  overflow-y: scroll;
  max-width: 860px;
  padding-left: 40px;
}

.ptqb_question {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  margin-bottom: var(--rd-spacing-x-sm);
}

.ptqb_answere {
  border: var(--rd-borderwidth-border-default) solid #dfe3e8;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  margin-bottom: var(--rd-spacing-x-sm);
  padding: var(--rd-spacing-x-sm) 40px var(--rd-spacing-x-sm) 20px;
  position: relative;
}

.ptqb_answere:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 20px;
  height: 20px;
  right: 10px;
  top: var(--rd-spacing-x-sm);
}

.ptqb_answere_false:after {
  background-image: url("/src/img/svg/af/wrong.svg");
}

.ptqb_answere_true:after {
  background-image: url("/src/img/svg/af/right.svg");
}

.my_instr_navi {
  display: block;
  margin-bottom: 10px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 #3f3f4480, 0 1px 3px 0 #3f3f4426;
  position: relative;
  cursor: pointer;
  margin-top: 20px;
  color: var(--rd-font-dark);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.my_instr_navi_element {
  display: inline-block;
  vertical-align: top;
  padding: 18px var(--rd-spacing-x-big) var(--rd-spacing-md);
  position: relative;
  font-size: var(--rd-fontsize-4);
  color: var(--rd-font-dark);
}

.my_instr_navi_element:before {
  content: "";
  display: inline-block;
  background-color: var(--cl-deep-green);
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0;
  transition: all 0.2s linear;
}

.aktive_element:before {
  height: 3px;
}

.aktive_element {
  color: var(--cl-deep-green);
}

.gruss_div {
  margin-top: 30px;
  display: flex;
  flex-direction: column-reverse;
  gap: var(--rd-spacing-md);
}

.over_name {
  line-height: 19px;
  font-size: var(--rd-fontsize-5);
  font-weight: 400;
  color: var(--rd-primary-active);
  line-height: 170%;
  letter-spacing: 0.16px;
  margin-bottom: var(--rd-spacing-md);
}

.fortbildungsplan #FilterForm {
  padding-left: 0;
}

.over_name+h1 {
  margin: 0;
  line-height: 1em;
}

.ibu_info {
  display: table;
  position: relative;
  width: 100%;
  box-shadow: 0px -1px 6px #6d6d6d7d;
  background-color: var(--rd-card-fg);
}

.ibu_info>div {
  display: table-cell;
}

.ibu_date {
  padding-left: 20px;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  vertical-align: middle;
  line-height: 20px;
  text-align: right;
  padding-right: 20px;
}

.ibu_date a {
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.ibu_proces {
  width: 70%;
  padding: 10px;
}

.ibu_proces_bg {
  height: 24px;
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--cl-pale-grey);
  width: 100%;
  overflow: hidden;
  position: relative;
}

.ibu_proces_bg>span {
  min-width: 60px;
  background-color: var(--cl-deep-green);
  padding-right: 15px;
  padding-left: 20px;
  box-sizing: border-box;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 24px;
}

.cert_course .ibu_proces_bg>span {
  background-color: var(--rd-warning-default);
}

.cert_course .ibu_proces_bg>span[style="width:100%"] {
  background-color: var(--rd-success-default);
}

.ibu_date_title {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.ibu_date_title.rd-icon-after:after,
.ibu_abgelaufen.rd-icon-after:after,
.ibu_start.rd-icon-after:after {
  width: 20px !important;
  height: 20px !important;
  background-color: var(--rd-font-dark) !important;
  margin-right: 8px !important;
  margin-left: 16px !important;
}

.ibu_ampel {
  margin-left: 10px;
  vertical-align: middle;
}

.myFortbildungsplan .cl_course {
  margin-bottom: 15px;
}

.white_bg .kurs_img {
  background-color: var(--rd-font-light);
}

.converm {
  margin: 0;
  vertical-align: top;
  position: relative;
  text-align: center;
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  box-sizing: border-box;
  padding: var(--rd-spacing-big);
  overflow-y: auto;
}

.converm p {
  margin: 0;
  display: block;
  position: relative;
}

.converm .magenta_btn {
  margin-top: 10px;
}

.bold {
  font-weight: var(--rd-fontweights-open-sans-1);
}

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

#vc_error_return[style] {
  margin-top: 20px;
  padding: 10px 20px;
  line-height: 16px;
  font-size: var(--rd-fontsize-4);
  color: #637381;
}

#vc_error_return[style] span {
  font-weight: var(--rd-fontweights-open-sans-0);
}

#vc_error_return[style]:before {
  content: "";
  background-image: url("/src/img/svg/warning.svg");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
}

.video_block {
  position: relative;
  z-index: 1;
}

.video_block iframe {
  max-width: 100%;
}


.start_btn:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-position: 50%;
  background-image: url("/src/img/svg/af/play-white.svg");
  vertical-align: middle;
  margin-right: 5px;
}

.fortbildung_proces {
  background-color: var(--rd-font-light);
  position: relative;
  width: 100%;
  display: table;
  box-shadow: 0 -2px 6px var(--cl-pale-grey);
}

.fortbildung_proces>div {
  display: table-cell;
  padding: 10px;
  box-sizing: border-box;
}

.pf_diagram {
  width: 60%;
}

.pf_diagram .ibu_proces_bg {
  width: 80%;
  display: inline-block;
  text-align: right;
  float: right;
}

.dfd_title {
  display: inline-block;
  vertical-align: middle;
  width: 18%;
  vertical-align: top;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  text-transform: uppercase;
  line-height: 24px;
}

.pf_ddate {
  text-align: right;
  width: 40%;
  box-sizing: border-box;
  padding-right: 20px !important;
}

.hidden_overflow {
  overflow: hidden;
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 43px 40px -40px rgba(63, 63, 68, 0.3);
}

.test_block {
  position: absolute;
  display: block;
  background-color: #637381;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.test_block form {
  padding: var(--rd-spacing-x-big);
}

.test_block form input[name="sbs_quest"] {
  display: none;
}

.question_cont {
  display: none;
}

.test_block form input[name="sbs_quest"]:checked+.question_cont {
  display: block;
}

.qc_header {
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-between;
}

.qc_header>div {
  display: flex;
  gap: 4px;
  align-items: center;
}

.q_count {
  text-align: right;
}

.qc_titel {
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-transform: uppercase;
}

.q_count {
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 17px;
}

.q_proces_bg {
  display: inline-block;
  position: relative;
  height: 8px;
  width: 100px;
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--rd-font-light);
  margin-left: 10px;
  vertical-align: middle;
  border: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
  overflow: hidden;
}

.q_proces_bg>span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--cl-deep-green);
}

.question {
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  margin-bottom: var(--rd-spacing-sm);
}

.q_info {
  color: #dfe3e8;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  margin-bottom: var(--rd-spacing-sm);
  position: relative;
}

.qa {
  border-radius: var(--rd-borderradius-border-md);
  background: #FFF;
  margin-bottom: var(--rd-spacing-x-sm);
  display: grid;
  grid-template-columns: auto;
  width: 100%;
  padding: 16px 12px;
  gap: 10px;
  align-items: self-start;
}

.qa:has(.qa_input) {
  grid-template-columns: 24px auto;
}

.qa:has(.qa_input input[type="radio"]) {
  gap: 20px;
}


.qa:has(.a_false) {
  background-color: #F7DFE6;
}

.qa:has(.a_true) {
  background-color: #E7F0D9;
}

.qa .ani-check-box+label {
  margin: 0;
}

.qa_text label {
  margin-bottom: 0;
}

.qa>div {
  display: table-cell;
  text-align: left;
}

.qa_text {
  color: #212B36;
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.ani-check-box {
  display: none;
}

.ani-check-box+label {
  display: inline-block;
  height: 14px;
  width: 14px;

  background-color: var(--cl-pale-grey);
  /* box-shadow: 0 2px 4px 0 var(--cl-pale-grey); */
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: var(--rd-borderradius-border-sm);
  background-color: var(--rd-list-default-light);
  border: 2px solid var(--cl-light-grey);
  transition: all 0.2s linear;
  /* margin-left: 15px; */
}

.ani-check-box+label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background-position: 50%;
  background-size: 10px;
  background-image: url(/src/img/2021/svg/rd_check.svg);
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.ani-check-box:checked+label:before {
  opacity: 1;
}

.def_btn[title="Weiter"],
.q_menu a[title="Test auswerten"] {
  text-decoration: none;
  position: relative;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: 10px 20px;
  cursor: pointer;
}

.q_menu:has(.rd-primary-btn) {
  text-align: right;
}

.def_btn[title="Weiter"]:hover,
.q_menu a[title="Test auswerten"]:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.def_btn.back {
  position: relative;
  border-radius: var(--rd-borderradius-border-md);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: 10px 20px;
  float: left;
  cursor: pointer;
  vertical-align: top;
  border: var(--rd-borderwidth-border-default) solid var(--cl-blue-grey);
  color: var(--rd-font-light);
}

.def_btn.back:hover {
  background-color: #7e91a0;
}

.def_btn[title="Weiter"]:after,
.def_btn.back:before,
.q_menu a[title="Test auswerten"]:after,
.q_menu button:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-image: url(/src/img/2023/svg/icons/rd-icon-arrowRight.svg);
}

.def_btn.back:before {
  transform: rotate(180deg);
  margin-right: 5px;
}

.def_btn[title="Weiter"]:after,
.q_menu a[title="Test auswerten"]:after,
.q_menu button:after {
  margin-left: 5px;
}

.test_cell {
  display: table-cell;
  vertical-align: top;
  height: 560px;
  width: 60%;
  background-color: rgba(33, 43, 54, 0.5);
  background-size: cover;
  position: relative;
  padding-bottom: 180px;
}

.q_menu {
  position: relative;
  margin-top: 40px;
}

.q_help {
  position: absolute;
  top: 0;
  right: 0;
  height: 17px;
  width: 55px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: #fd6262;
  text-align: center;
  text-transform: uppercase;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-align: center;
}

.qa_input {
  width: 28px;
}

.a_false,
.a_true {
  width: 88px;
  height: 24px;
  display: inline-block;
  float: right;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.a_false {
  background-image: url("/src/img/2024/images/fq-false.png");
}

.a_true {
  background-image: url("/src/img/2024/images/fq-true.png");
}

.kongratulation {
  background-color: var(--cl-pale-grey);
  z-index: 1000;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}

.kurs_tab_cont .tab_nav_desktop .slick-prev,
.kurs_tab_cont .tab_nav_desktop .slick-next {
  height: 32px !important;
}

.kongratulation svg,
.kongratulation * {
  max-height: 350px;
  /* display: inline-block; */
}

.kongratulation+form {
  z-index: 100;
  position: relative;
}

#confetii {
  margin-top: 15%;
}

.grat_title {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
}

.grat_sub_title {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  margin-top: 10px;
}

.kongratulation a {

  margin-top: 20px;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}


.kurs_complead {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.kc_titel {
  font-weight: var(--rd-fontweights-open-sans-0);
  color: var(--rd-font-light);
  margin-top: 15%;
  font-size: 1.2em;
  margin-bottom: 5px;
}

.kc_subtext {
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
}

.kurs_complead a {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  margin-top: 20px;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.kurs_complead a:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.white_cert_icon {
  margin-top: 10%;
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(/src/img/svg/af/file-pdf-white.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40px;
  margin-bottom: 10px;
  border: 5px solid var(--rd-font-light);
  border-radius: 100%;
}

.white_cert_icon+.iio_time {
  margin-bottom: 10px;
}

.white_cert_icon+.iio_time+.magenta_btn {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  margin-top: 20px;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.white_cert_icon+.iio_time+.magenta_btn:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.hiddeninput {
  display: none;
}

.hiddeninput:checked~.dropdown_btn {
  display: inline-block;
  right: 0;
}

.dropdown_btn,
.dd_menu {
  background-color: var(--rd-font-light);
  display: none;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  padding: 10px;
  position: absolute;
  top: calc(100% + 15px);
  z-index: 100;
}

.dropdown_btn a,
.dd_menu a {
  display: block;
  position: relative;
  text-decoration: none;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  color: var(--cl-asphalt-blue);
  padding: 5px;
  margin-bottom: 5px;
}

.dropdown_btn a:last-child,
.dd_menu a:last-child {
  margin-bottom: 0;
}

.dropdown_btn a:hover,
.dd_menu a:hover {
  opacity: 0.6;
}

.dropdown_btn a:before,
.dd_menu a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  vertical-align: middle;
  filter: grayscale(1);
}

.online_link:before {
  background-image: url(/src/img/svg/af/online_kurs_icon.svg);
}

.offline_link:before {
  background-image: url(/src/img/svg/af/street-view-solid.svg);
}

.read_link:before {
  background-image: url(/src/img/svg/af/edit-green.svg);
}

.dropdown_btn:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--rd-font-light);
  position: absolute;
  top: -7px;
  left: calc(50% - 5px);
  transform: rotate(45deg);
  border-left: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}

.addkurs {
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 43px 40px -40px rgba(63, 63, 68, 0.3);
  display: block;
  position: relative;
  /* overflow: hidden; */
}

.addkurs_header {
  box-shadow: 0 0 10px 0 rgba(63, 63, 68, 0.5);
  border: var(--rd-borderwidth-border-default) solid #dfe3e8;
  position: relative;
  z-index: 100;
  display: table;
  width: 100%;
  position: relative;
}

.addkurs_header>div {
  display: table-cell;
}

.ah_trenner>span {
  display: inline-block;
  box-sizing: border-box;
  height: 1px;
  width: 179px;
  border-bottom: var(--rd-borderwidth-border-focus) solid #dfe3e8;
  vertical-align: middle;
}

.ah_element:last-child {
  text-align: right;
}

.ah_element {
  padding: 10px;
}

.ah_e_bullet {
  height: 32px;
  width: 32px;
  background-color: #dfe3e8;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  border-radius: 100%;
  margin-right: 10px;
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  text-align: center;
  position: relative;
}

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

.ah_element.complead .ah_e_bullet:before {
  content: "";
  position: absolute;
  background-color: var(--cl-deep-green);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  background-image: url("/src/img/svg/af/check-white.svg");
  background-size: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
}

.eh_e_text {
  color: var(--cl-asphalt-blue);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.addkurs_body {
  padding: 10px 30px;
}

.addkursform legend {
  border: 0;
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 15.5px;
}

.table_input {
  display: table;
  width: calc(100% - 20px);
  position: relative;
  margin-bottom: 20px;
}

.table_input>div {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.ti_label {
  width: 200px;
}

.til_title {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  margin-bottom: 2px;
}

.til_title>span {
  font-weight: normal;
}

.til_desc {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: normal;
  line-height: 14px;
}

.ti_input input[type="text"],
.ti_input textarea {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
}

.ti_input textarea {
  height: 192px;
  resize: vertical;
}

.ti_input input[type="file"] {
  display: none;
}

#til_a_label,
#Teilnehmerliste_label {
  border: var(--rd-borderwidth-border-default) dashed #007ace;
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(143, 157, 174, 0.05);
  display: block;
  text-align: center;
  padding: 30px;
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  cursor: pointer;
}

#til_a_label:before,
#Teilnehmerliste_label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/paperclip-blue.svg");
  vertical-align: middle;
  transform: scaleY(-1);
}

#prev_img {
  display: inline-block;
  height: 0;
  width: 100%;
  background-color: #dfe3e8;
  background-position: 50%;
  background-size: 52px;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/image-regular.svg");
  margin-bottom: 10px;
  cursor: pointer;
}

#prev_img[style] {
  height: 250px;
}

.addkursform .table_cell:nth-child(2) {
  width: 410px;
}

.addkurs_label {
  display: block;
  position: relative;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  margin-bottom: 2px;
}

.addkurs_label_desc {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: normal;
  line-height: 14px;
  display: block;
  margin-bottom: 5px;
}

.addfileplusinput {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.addfileplusinput>div,
.addfileplusinput>label {
  display: table-cell;
}

.addfileplusinput input {
  display: none;
}

.afpi_text {
  width: 218px;
  max-width: 218px;
  overflow: hidden;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  border-right: 0;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  padding: 10px;
  box-sizing: border-box;
}

.afpi_btn {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0;
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.selectAdd {
  display: block;
  position: relative;
}

.small_add_btn {
  box-sizing: border-box;
  height: 38px;
  width: 38px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  display: inline-block;
  color: var(--rd-font-light);
  text-align: center;
  line-height: 38px;
  font-weight: 800;
  font-size: var(--rd-fontsize-7);
  cursor: pointer;
}

.small_add_btn:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.selectAdd select {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  padding: 10px;
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 60px);
  box-sizing: border-box;
  margin-right: 10px;
}

.selectAdd .small_add_btn {
  float: right;
}

.addkursform .table {
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  padding-bottom: 30px;
}

.infomsg {
  display: block;
  background-color: var(--cl-deep-green);
  width: calc(100% + 80px);
  margin-left: -40px;
  margin-right: -40px;
  text-align: center;
  text-decoration: none;
  color: var(--rd-font-light);
  padding: 10px;
  box-shadow: 0 2px 6px #00000036;
  font-size: var(--rd-fontsize-4);
}

.infomsg>span {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.infomsg:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/src/img/svg/af/info-gray.svg);
  filter: brightness(10);
  vertical-align: middle;
  margin-right: 10px;
}

.addkursform_form_desc {
  /* font-family: "Open Sans"; */
  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 */
  letter-spacing: 0.16px;
}

.reset_add_kurs {
  display: none;
  background-color: #007ace;
  margin-left: -40px;
  margin-right: -40px;
  width: calc(100% + 80px);
  text-align: center;
  padding: 10px;
}

.rak_text {
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
}

.rak_text:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/src/img/svg/af/info-gray.svg);
  filter: brightness(10);
  vertical-align: middle;
  margin-right: 10px;
}

.rak_btn {
  border: var(--rd-borderwidth-border-default) solid var(--cl-blue-grey);
  border-radius: var(--rd-borderradius-border-md);
  display: inline-block;
  margin-left: 10px;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding: 5px 10px;
  cursor: pointer;
  display: inline-block;
}

.rak_btn:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-image: url("/src/img/svg/af/reset-blue.svg");
  filter: grayscale(1) brightness(100);
  vertical-align: middle;
}

.catrgory_list {
  display: block;
  margin-top: 10px;
}

.catrgory_list input {
  display: none;
}

.catrgory_list label,
.newcategory {
  box-sizing: border-box;
  display: inline-block;
  width: calc(33% - 20px);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  margin: 5px;
  cursor: pointer;
  border: var(--rd-borderwidth-border-default) solid #eff1f3;
}

.category_text {
  color: var(--cl-asphalt-blue);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  display: inline-block;
  vertical-align: middle;
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) 0;
}

.category_text .branchen {
  font-size: var(--rd-fontsize-3);
  padding-left: var(--rd-spacing-x-sm);
  color: var(--cl-deep-green);
}

.category_chekbox {
  display: inline-block;
  height: 14px;
  width: 14px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-pale-grey);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
  margin: var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) 10px;
}

.catrgory_list .category_chekbox: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: all 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.catrgory_list input:checked+label .category_chekbox:before {
  opacity: 1;
}

.catrgory_list input:checked+label {
  box-shadow: 0 2px 7px 1px rgba(39, 44, 48, 0.16),
    0 0 0 1px rgba(39, 44, 48, 0.05);
}

.newcategory {
  display: inline-block;
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding: var(--rd-spacing-x-sm);
  box-sizing: border-box;
}

.ncplus {
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: var(--rd-fontsize-8);
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}

.nctext {
  display: inline-block;
}

.addkurs_navi {
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px;
  width: calc(100% + 60px);
  display: table;
  padding: 0 30px;
  box-sizing: border-box;
}

.addkurs_navi>div {
  display: table-cell;
}

.addkurs_navi_left {
  text-align: left;
}

.addkurs_navi_right {
  text-align: right;
}

/**
.addkurs_navi_right button{padding:10px;border: 1px solid #7AB51D;	border-radius: var(--rd-borderradius-border-md);	background: linear-gradient(180deg, #89CC20 0%, #7AB51D 100%);color: var(--rd-font-light );	font-family: "Open Sans";	font-size: var(--rd-fontsize-4);	font-weight: 600;	line-height: 19px;cursor:pointer;}
.addkurs_navi_right button:hover{background: linear-gradient(180deg, #7AB51D 0%, #89CC20 100%);}
.addkurs_navi_right button:after{content:'';display:inline-block;width:14px;height:14px;vertical-align:middle;background-repeat:no-repeat;background-size:100%;background-position:50%;background-image:url("/src/img/svg/af/chevron-right-white.svg");vertical-align:middle;margin-left:5px;}
*/
/ .add_kurs_return {
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: transparent;
  text-decoration: none;
}

.add_kurs_return:before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  background-image: url("/src/img/svg/af/chevron-down-blue.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  transform: rotate(90deg);
  vertical-align: middle;
  margin-right: 10px;
}

.cat_color_blue {
  color: #5ea9cf;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.cat_color_orange {
  color: #e57119;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.cert_element {
  display: inline-block;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid #dfe3e8;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  position: relative;
  /* overflow:hidden; */
  height: 358px;
  width: 225px;
  margin: 10px 5px 15px 5px;
}

.cert_element input {
  display: none;
}

.cert_element .cert_prev {
  display: block;
  height: 317px;
  width: 224px;
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.cert_element .cert_prev canvas {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 2px);
  height: 100%;
  box-sizing: border-box;
}

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

.ce_menu {
  border-top: var(--rd-borderwidth-border-default) solid #dfe3e8;
  box-shadow: 0 -2px 4px #a9a9a96b;
  z-index: 1;
  position: relative;
  display: table;
  width: 100%;
}

.ce_menu>span,
.ce_menu>a {
  display: table-cell;
  width: 50%;
  position: relative;
  text-align: center;
  padding: 10px;
}

.ce_text {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 17px;
}

.ce_view {
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-decoration: none;
}

.ce_view:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(/src/img/svg/af/eye-blue.svg);
  vertical-align: middle;
  margin-right: 5px;
}

.add_new_cert {
  height: 358px;
  width: 225px;
  border: var(--rd-borderwidth-border-default) dashed #dfe3e8;
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(143, 157, 174, 0.05);
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

.anc_plus {
  display: block;
}

.anc_plus:after {
  content: "+";
  display: inline-block;
  height: 60px;
  width: 60px;
  background-color: rgba(223, 227, 232, 0.5);
  line-height: 60px;
  border-radius: 100%;
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: var(--rd-fontsize-14);
  color: var(--cl-blue-grey);
  margin-top: 120px;
}

.anc_text {
  display: block;
  margin-top: 20px;
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.add_new_cert:hover {
  background-color: var(--cl-deep-green);
}

.add_new_cert:hover .anc_plus:after {
  color: var(--cl-deep-green);
  background-color: var(--rd-font-light);
}

.add_new_cert:hover .anc_text {
  color: var(--rd-font-light);
}

.cert_prev:hover .sp_overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/src/img/black60p.png");
  z-index: 10;
}

.cert_prev:hover .sp_overlay .sp_radio {
  display: inline-block;
  border: 2px solid var(--rd-font-light);
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
}

.cert_prev:hover .sp_overlay .sp_btn {
  display: block;
  float: unset;
  clear: both;
}

.cert_prev:hover .sp_overlay .sp_btn:after {
  content: "Auswählen";
  display: inline-block;
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  padding: 10px;
  border-radius: var(--rd-borderradius-border-md);
  margin-top: 100px;
}

.cert_element input:checked+.cert_prev .sp_overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.cert_element input:checked+.cert_prev .sp_radio,
.cert_element input:checked+.cert_prev:hover .sp_overlay .sp_radio {
  display: inline-block;
  border: 4px solid var(--rd-font-light);
  border-radius: var(--rd-borderradius-border-xl);
  min-width: 60px;
  width: auto;
  height: 30px;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  text-align: left;
  position: relative;
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  box-shadow: 0 2px 12px 0 rgba(33, 43, 54, 0.5);
}

.cert_element input:checked+.cert_prev .sp_radio:before {
  content: "";
  background-color: var(--cl-deep-green);
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-image: url("/src/img/svg/af/check-white.svg");
  background-position: 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.cert_element input:checked+.cert_prev .sp_radio:after {
  content: "Ausgewählt";
  color: var(--cl-deep-green);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  line-height: 30px;
  padding-right: 10px;
}

.cert_element input:checked+.cert_prev:hover .sp_overlay {
  background-image: none;
}

.cert_element input:checked+.cert_prev:hover .sp_overlay .sp_btn {
  display: none;
}

.addmodul {
  display: table;
  width: 100%;
  position: relative;
  margin-left: -30px;
}

.addmodul_navi {
  display: table-cell;
  width: 266px;
  border-right: var(--rd-borderwidth-border-default) solid #dfe3e8;
}

.addmodul_cont {
  display: table-cell;
}

.ac_form {
  padding-left: 50px;
}

.ac_titel {
  padding: 10px 10px 10px 20px;
  background-color: rgba(143, 157, 174, 0.05);
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.an_titel {
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  padding: 10px 10px 18px 30px;
  margin-bottom: 15px;
}

.first_lektion_title {
  display: block;
  margin-left: 20px;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.first_lektion_title:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/chevron-down-gray.svg");
  transform: rotate(180deg);
  opacity: 0.6;
  vertical-align: middle;
}

.first_video_title {
  display: block;
  margin-left: 20px;
  margin-bottom: 10px;
  background-color: rgba(122, 181, 29, 0.2);
  margin-right: 10px;
  border-radius: var(--rd-borderradius-border-md);
  padding: 5px;
  box-sizing: border-box;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.first_quiz_title {
  display: block;
  margin-left: 20px;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  padding: 5px;
}

.first_video_title:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: top;
  background-image: url(/src/img/svg/play_video_icon_full.svg);
  margin-right: 5px;
}

.first_quiz_title:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: top;
  background-image: url(/src/img/svg/start_quest_icon_full.svg);
  margin-right: 5px;
  filter: grayscale(1);
}

/*
button[disabled],
button[disabled]:hover {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  cursor: default;
  opacity: 0.6;
}
*/
.acf_input {
  display: table;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

.acf_i_left {
  display: table-cell;
  width: 200px;
  vertical-align: top;
}

.acf_i_left label {
  display: block;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
}

.acf_desc {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  display: block;
}

.acf_i_right {
  width: 100%;
}

.acf_i_right>input,
.acf_i_right>select,
.acf_i_right textarea {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  display: block;
  resize: vertical;
  width: 100%;
  padding: 10px;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  box-sizing: border-box;
}

.time_field {
  display: inline-block;
  width: 46px;
  margin-right: 5px;
}

.time_field input {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  text-align: center;
}

.changeTime {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  line-height: 18px;
  text-align: center;
  font-weight: 800;
  cursor: pointer;
}

.time_field .changeTime:nth-child(1) {
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  border-bottom: 0;
}

.time_field input+.changeTime {
  border-top: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.acf_i_right textarea {
  min-height: 120px;
}

.add_kurs_save_video {
  border: var(--rd-borderwidth-border-default) solid #ea7496;
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #ea7496 0%, var(--rd-primary-active) 100%);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  color: var(--rd-font-light);
}

.add_kurs_save_video:hover {
  background: linear-gradient(180deg, var(--rd-primary-active) 0%, #ea7496 100%);
}

button[disabled] {
  /* position: relative; */
}

button[disabled]:hover span[data-vertica-tooltip]:before {
  content: attr(data-vertica-tooltip);
  display: inline-block;
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  min-width: 200px;
  padding: 10px;
  text-align: left;
  background-color: #212b36;
  z-index: 1;
  font-size: 0.8em;
  line-height: 1.2em;
}

button[disabled]:hover span[data-vertica-tooltip]:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #212b36;
  position: absolute;
  bottom: calc(100% + 5px);
  right: 20px;
  transform: rotate(45deg);
}

.first_quiz_title {
  position: relative;
}

.first_quiz_title:hover span:before {
  content: attr(data-vertica-tooltip);
  display: inline-block;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  min-width: 200px;
  padding: 10px;
  text-align: left;
  background-color: #212b36;
  z-index: 1;
  font-size: 0.8em;
  line-height: 1.2em;
}

.first_quiz_title:hover span:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #212b36;
  position: absolute;
  bottom: calc(100% + 5px);
  left: 20px;
  transform: rotate(45deg);
}

.acf_menu {
  margin-top: 15px;
  padding-top: 15px;
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  margin-bottom: 40px;
}

.mddc_trenner {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}

.modulDropDownContElements {
  display: none;
}

input[name="modulDropDown"] {
  display: none;
}

input[name="modulDropDown"]:checked+.modulDropDownCont .modulDropDownContElements {
  display: block;
  padding-top: 20px;
}

.modulDropDownContElements button,
.edit_test_link {
  display: block;
  width: calc(100% - 40px);
  text-align: left;
  margin-bottom: 5px;
  padding: 10px;
  box-sizing: border-box;
  margin-left: 20px;
  margin-right: 20px;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: var(--rd-borderradius-border-md);
}

.modulDropDownLabel {
  display: block;
  padding-left: 20px;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 5px;
  cursor: pointer;
}

.modulDropDownLabel:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/chevron-down-gray.svg");
  opacity: 0.6;
  vertical-align: middle;
}

input[name="modulDropDown"]:checked+.modulDropDownCont .modulDropDownLabel:before {
  transform: rotate(180deg);
}

.modulDropDownContElements button.aktiv_video,
.modulDropDownContElements button.aktiv_test,
span.aktiv_test {
  background-color: rgba(122, 181, 29, 0.2);
}

.edit_video_link {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.edit_video_link:before {
  background-image: url(/src/img/svg/play_video_icon_full.svg);
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
}

.add_quiz_link:before {
  content: "?";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
  border: 2px solid #007ace;
  text-align: center;
  color: #007ace;
  line-height: 14px;
  border-radius: 100%;
  font-weight: 800;
  box-sizing: border-box;
  font-size: var(--rd-fontsize-3);
}

.add_quiz_link {
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.add_modul_link {
  margin-left: 10px;
  display: block;
  margin-right: 40px;
  width: calc(100% - 40px);
  padding: 10px;
  background-color: transparent;
  border: none;
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  box-sizing: border-box;
  cursor: pointer;
}

.add_modul_link:before {
  content: "+";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
  border: 2px solid #007ace;
  text-align: center;
  color: #007ace;
  line-height: 14px;
  border-radius: 100%;
  font-weight: 800;
  box-sizing: border-box;
  font-size: var(--rd-fontsize-3);
}

.edit_frage_form {
  padding: 10px 50px;
}

.questuins_tab {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) cc;
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) cc;
  display: table;
  width: 100%;
}

.questuins_tab>div {
  display: table-cell;
  vertical-align: middle;
}

.qt_fragen {
  width: 80%;
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  position: relative;
}

.qt_fragen.scroll {
  overflow-x: scroll;
}

.qt_fragen a,
.qt_fragen span {
  text-decoration: none;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  display: inline-block;
  padding: 10px;
  position: relative;
}

.qt_fragen a:before,
.qt_fragen span:before {
  content: "";
  position: absolute;
  height: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--cl-deep-green);
  transition: all 0.2s linear;
}

.qt_fragen a:hover:before,
.qt_fragen span:hover:before,
.qt_fragen span.aktiv_frage:before,
.qt_fragen a.aktiv_frage:before {
  height: 3px;
}

.new_frage {
  text-align: center;
}

.new_frage a {
  text-decoration: none;
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  display: inline-block;
}

.new_frage a:before {
  content: "+";
  margin-right: 5px;
  font-weight: 800;
  font-size: var(--rd-fontsize-5);
  vertical-align: middle;
}

.edit_frage {
  margin-bottom: 10px;
  clear: both;
  position: relative;
}

.edit_frage input[type="checkbox"] {
  display: none;
}

.frage_checkbox {
  display: inline-block;
  height: 14px;
  width: 14px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-pale-grey);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
}

.frage_checkbox: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: all 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

input:checked+.frage_checkbox:before {
  opacity: 1;
}

.edit_frage input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  width: calc(100% - 30px);
}

.edit_test_link:before {
  background-image: url(/src/img/svg/start_quest_icon_full.svg);
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
}

.deleatQuestion {
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: transparent;
  text-decoration: none;
  margin-left: 30px;
  display: inline-block;
}

.deleatQuestion:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 5px;
  background-size: 100%;
  background-image: url(/src/img/svg/af/trash-blue.svg);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.8;
}

.deleatQuestion:hover {
  opacity: 0.8;
}

.md_label {
  display: inline-block;
}

.md_deleat {
  display: inline-block;
  float: right;
}

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

.KursMsgInfoOverlay {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  height: 2000px;
  right: 0;
  text-align: center;
  background-image: url("/src/img/black60p.png");
}

.KursMsgInfo {
  display: inline-block;
  height: 377px;
  width: 562px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 2px 7px 1px rgba(39, 44, 48, 0.16),
    0 0 0 1px rgba(39, 44, 48, 0.05);
  margin-top: 10%;
  padding: var(--rd-spacing-big) 30px;
  box-sizing: border-box;
}

.attantion_yellow {
  margin-top: 30px;
  display: inline-block;
  margin-bottom: 20px;
  height: 60px;
  width: 60px;
  background-color: #f3ad3f;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: 50%;
  background-image: url(/src/img/svg/af/exclamation-triangle-white.svg);
}

.kmsgi_titel {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.kmsi_info {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  margin-bottom: 20px;
}

.kmsi_menu {
  display: block;
  text-align: center;
  margin-top: 10px;
  width: 100%;
}

.kmsi_menu>a {
  display: inline-block;
  width: auto;
}

.kmsi_menu .addmodul {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  text-decoration: none;
  padding: 10px;
  margin-right: 5px;
}

.kmsi_menu .addmodul:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
}

.kmsi_menu .addmodul:before {
  content: "+";
  display: inline-block;
  margin-right: 5px;
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: var(--rd-fontsize-5);
  vertical-align: middle;
}

.savekurs {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  padding: 10px;
  box-sizing: border-box;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  text-decoration: none;
}

.savekurs:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.right_btns {
  float: right;
}

.blue_btn {
  display: inline-block;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid #1d6bb5;
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #20accc 0%, #1d75b5 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: 10px 20px;
  font-size: var(--rd-fontsize-4);
  cursor: pointer;
  text-decoration: none;
}

span.blue_btn {
  opacity: 0.5;
  cursor: default;
}

a.blue_btn:hover {
  background: linear-gradient(180deg, #1d75b5 0%, #20accc 100%);
}

.deleat_btn:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-image: url(/src/img/svg/af/trash-white.svg);
  vertical-align: top;
  margin-top: 3px;
}

.header_logo img {
  max-height: 150px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.login_header {
  /* box-shadow: 0 0 var(--rd-spacing-x-sm) #666666; */
  /* position:fixed; */
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--rd-font-light);
  min-height: 90px;
}

.login_header+.mainframe {
  /* margin-top:90px; */
}

footer {
  background-color: #494949;
  height: 80px;
  display: block;
}

.footer_menu {
  display: block;
}

.footer_menu li {
  display: inline-block;
}

.footer_menu li a {
  text-decoration: none;
  font-size: var(--rd-fontsize-4);
  color: var(--rd-font-light);
}

.footer_menu li:after {
  content: "|";
}

.footer_menu li:last-child:after {
  content: "";
  margin-right: 10px;
}

.copyright {
  color: var(--rd-font-light);
  margin-right: 10px;
  font-size: var(--rd-fontsize-3);
}

.instruction_add_table {
  display: block;
  position: relative;
  width: calc(100% + 60px);
  overflow: hidden;
  margin-left: -30px;
  margin-right: -30px;
}

.instruction_add_table>div {
  display: inline-block;
  width: 33.3%;
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  box-shadow: 5px 2px 6px var(--cl-light-grey) 94;
  vertical-align: top;
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  float: left;
}

.instruction_add_table>div:last-child {
  box-shadow: none;
  border: none;
  background-color: rgba(143, 157, 174, 0.05);
}

#categorie .instruction_sbs_title {
  margin-left: 10px;
}

.instruction_sbs_title {
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  padding: 10px;
  display: block;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  text-transform: uppercase;
}

.instruction_add_table>div>ul {
  display: block;
  margin: 0;
  padding: 10px 20px;
}

.instruction_add_table>div>ul li {
  display: block;
  position: relative;
  margin-bottom: 2px;
  padding: 5px;
}

.instruction_add_table>div>ul li>span {
  position: relative;
  display: table;
  width: 100%;
  cursor: pointer;
}

.instruction_add_table>div>ul li>span>span {
  display: table-cell;
}

.instruction_add_table>div>ul li>span>span:nth-child(2) {
  text-align: right;
  padding-right: var(--rd-spacing-sm);
}

.cat_name {
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.cat_count {
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-blue-grey);
  display: inline-block;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 14px;
  text-align: center;
  width: 24px;
  height: 16px;
}

.cat_li_aktive,
.cours_li_aktive {
  background-color: rgba(122, 181, 29, 0.2);
  border-radius: var(--rd-borderradius-border-md);
}

.cat_li_aktive .cat_count {
  background-color: var(--cl-deep-green);
}

.cours_li_aktive:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 22px;
  width: 22px;
  background-color: var(--cl-deep-green);
  right: 3px;
  top: 3px;
  border-radius: 100%;
  background-image: url("/src/img/svg/af/check-white.svg");
  background-position: 50%;
  background-size: 13px;
  background-repeat: no-repeat;
}

.prev_cours_img {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.prev_cours_img img {
  width: calc(100% - 40px);
}

.prev_cours_header {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
}

.prev_cours_title {
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 16px;
}

.prev_cours_status {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 5px;
}

.prev_cours_status>div {
  display: inline-block;
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 13px;
  float: left;
}

.pcs_lektion {
  padding-right: var(--rd-spacing-xx-sm);
  margin-right: var(--rd-spacing-xx-sm);
  border-right: var(--rd-borderwidth-border-default) solid #637381;
}

.pcs_untertitel {
  padding-left: var(--rd-spacing-xx-sm);
  padding-left: var(--rd-spacing-xx-sm);
  border-left: var(--rd-borderwidth-border-default) solid #637381;
}

.pcs_zeit {
  margin-right: 5px;
}

.pcs_trenner {
  clear: both;
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  padding-top: 15px;
  margin-bottom: 15px;
}

.pcs_ref {
  margin-bottom: 10px;
}

.pcs_ref_name {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  display: inline-block;
  vertical-align: middle;
}

.pcs_ref_img {
  display: inline-block;
  height: 31px;
  width: 31px;
  border: var(--rd-borderwidth-border-default) solid #979797;
  background-color: #d8d8d8;
  border-radius: 100%;
  background-position: 50%;
  background-size: cover;
  vertical-align: middle;
  margin-right: 10px;
}

.pcs_desc {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 14px;
  margin-top: 20px;
  width: 90%;
}

#next_overlay {
  position: relative;
  margin-left: -30px;
  margin-right: -30px;
}

.mini_preview {
  background-color: var(--rd-font-light);
  position: relative;
  padding: 10px 20px;
  box-sizing: border-box;
  width: 100%;
  box-shadow: -1px -2px 6px #66666642;
}

.mini_preview_img img {
  width: 100%;
}

.mini_preview_img {
  display: inline-block;
  width: 75px;
  padding: 0;
}

.mini_preview_cont {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

.mpc_header_titel {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 12px;
  text-transform: uppercase;
}

.mpc_titel {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.pcs_next {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.next_btn:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-image: url("/src/img/svg/af/chevron-right-white.svg");
  margin-left: 10px;
}

.instruction_detail_table {
  display: table;
  position: relative;
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
}

.instruction_detail_left {
  display: table-cell;
  width: 66.6%;
  vertical-align: top;
  padding: 10px 30px;
  box-sizing: border-box;
}

.instruction_detail_right {
  display: table-cell;
  width: 33.3%;
  vertical-align: top;
  background-color: rgba(143, 157, 174, 0.05);
  padding: 10px 30px;
  box-sizing: border-box;
}

.id_title {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  margin-bottom: 30px;
}

.id_table_input {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.id_table_input>div {
  display: table-cell;
  vertical-align: top;
}

.id_table_input>div:nth-child(1) {
  width: 260px;
}

.id_table_input>div label {
  font-size: var(--rd-fontsize-3);
  color: var(--rd-font-dark);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 14px;
}

.id_table_input>div label span {
  display: block;
  font-weight: normal;
}

.id_table_input>div label span.help_bullet {
  display: inline-block;
}

.id_table_input>div input[type="text"],
.id_table_input>div textarea {
  display: block;
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  padding: 10px;
  box-sizing: border-box;
}

.id_table_input>div textarea {
  min-height: 120px;
  resize: vertical;
}

.id_table_input>div input[type="file"] {
  display: none;
}

.id_table_input>div label[for="InstructionAnhang"] {
  border: var(--rd-borderwidth-border-default) dashed #007ace;
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(143, 157, 174, 0.05);
  display: block;
  text-align: center;
  padding: 30px;
  color: #007ace;
  font-weight: normal;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  cursor: pointer;
}

.id_table_input>div label[for="InstructionAnhang"]:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100%;
  background-position: 50%;
  background-image: url("/src/img/svg/af/paperclip-blue.svg");
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
}

.oqff_grid .id_table_input>div label {
  font-size: var(--rd-fontsize-3);
  color: var(--rd-font-dark);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 14px;
  margin-bottom: 0;
  text-align: right;
  display: grid;
  grid-template-columns: 160px 20px;
  text-align: right;
  gap: var(--rd-spacing-x-sm)
}

.oqff_grid .id_table_input>div:nth-child(1) {
  width: auto;
  align-self: center;
}

.oqff_grid .id_table_input {
  display: flex;
  gap: var(--rd-spacing-md);
}

.id_element>label {
  display: block;
  margin-bottom: 5px;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.id_element {
  margin-bottom: 10px;
}

.id_element input,
.id_element select {
  width: 100%;
  padding: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  padding: 10px;
  box-sizing: border-box;
}

.id_element ul {
  display: block;
  background-color: var(--rd-font-light);
  margin: 0;
  padding: 0;
  /* border: 1px solid #EFF1F3; */
}

.id_element ul li {
  display: block;
  padding: 5px 10px;
  border-bottom: var(--rd-borderwidth-border-default) solid #eff1f3;
}

.id_element ul li:last-child {
  border-bottom: 0;
}

.InstructionMenu {
  display: table;
  width: calc(100% + 60px);
  position: relative;
  /* box-shadow: -1px -4px 6px #66666642; */
  margin-left: -30px;
  margin-right: -30px;
  padding: 0 30px;
  box-sizing: border-box;
}

.InstructionMenu .im_left {
  display: table-cell;
  width: 50%;
  text-align: left;
  padding-top: 25px;
}

.InstructionMenu .im_right {
  display: table-cell;
  width: 50%;
  text-align: right;
  padding-top: 25px;
  padding-right: 20px;
}

.info_box {
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.info_box .ib_text {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
  display: inline-block;
}

.info_box .ib_icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: top;
  margin-right: 10px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/src/img/svg/af/info-gray.svg);
  margin-top: 6px;
  opacity: 0.8;
}

.InstructionUsers_table {
  display: table;
  /* width: calc(100% + 60px); */
  position: relative;
  /* margin-left: -30px; */
  /* margin-right: -30px; */
  box-sizing: border-box;
}

.InstructionUsers_table>div {
  display: table-cell;
  vertical-align: top;
  height: 600px;
  overflow-y: scroll;
}

.iut_left {
  width: 33.3%;
  /* box-shadow: 0 2px var(--rd-spacing-x-sm) 0 var(--cl-light-grey); */
}

.iut_right {
  width: 66.6%;
  background-color: rgba(143, 157, 174, 0.05);
}

.iut_header {
  border-bottom: var(--rd-borderwidth-border-default) solid #eff1f3;
  display: table;
  width: 100%;
  position: relative;
}

.iut_h_titel {
  display: table-cell;
  text-align: left;
  padding: 10px;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  text-transform: uppercase;
}

.iut_h_counter {
  display: table-cell;
  text-align: right;
  padding: 10px;
}

.iut_left ul {
  display: block;
  margin: 0;
  padding: 0 20px;
  margin-top: 20px;
}

.iut_left ul li {
  display: block;
  width: 100%;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  cursor: pointer;
}

.user_rolle {
  display: block;
  position: relative;
  cursor: pointer;
}

.user_rolle .ur_label {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  vertical-align: middle;
}

.user_rolle.aktiv {
  background-color: #dbe8cc;
}

.iut_check_all {
  border: var(--rd-borderwidth-border-default) solid #eff1f3;
  border-radius: var(--rd-borderradius-border-md);
  background-color: #f9fafb;
}

.iut_right>input+div,
.iut_r_checkbox {
  display: none;
}

.iut_right>input:checked+div {
  display: block;
}

#iut_r_titel {
  display: block;
  text-align: left;
  padding: 10px;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  text-transform: uppercase;
  border-bottom: var(--rd-borderwidth-border-default) solid #eff1f3;
  margin-bottom: 20px;
}

.iut_right>input:checked+div ul {
  display: block;
  margin: 0;
  padding: 0 30px;
}

.iut_right>input:checked+div ul li {
  display: block;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}

.iut_r_user {
  padding: var(--rd-spacing-x-sm) 2px;
}

.iut_right>input:checked+div ul .iut_check_all {
  background-color: #f1f1f1;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.iut_left ul li .dropdown_fortbildung_count {
  margin-top: 7px;
}

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

.date_von_bis>div {
  display: inline-block;
}

.date_von_bis.full_length>div {
  display: block;
  width: 100%;
}

.date_von_bis.full_length>div .input-append.date {
  width: 100%;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.del_form {
  float: right;
}

.rd-action-bar.del_form {
  margin-top: 0;
}

.rd-action-bar.del_form form {
  margin: 0;
}

.rd-action-bar.del_form .user_sperren button:before,
.rd-action-bar.del_form .del_link:before,
.rd-action-bar.del_form .user_entsperren button:before {
  background-image: none;
}

.rd-action-bar.del_form .user_sperren button:hover,
.rd-action-bar.del_form .user_entsperren button:hover {
  background: none;
}

.rd-action-bar .user_sperren .lock_user,
.rd-action-bar .user_entsperren .lock_user {
  padding: 0;
}

.rd-action-bar .user_entsperren .lock_user {
  color: var(--rd-error-default) !important;
}

.rd-action-bar .user_entsperren .lock_user:hover {
  color: var(--rd-error-hover) !important;
}

.rd-action-bar .user_entsperren .lock_user:focus {
  color: var(--rd-error-pressed) !important;
}

.rd-action-bar .user_entsperren .lock_user::before {
  background-color: var(--rd-error-default) !important;
}

.rd-action-bar .user_entsperren .lock_user:hover::before {
  background-color: var(--rd-error-hover) !important;
}

.rd-action-bar .user_entsperren .lock_user:focus::before {
  background-color: var(--rd-error-pressed) !important;
}

.rd-action-bar.del_form .del_link:hover {
  opacity: 1;
}

.rd-action-bar+.del_form {
  margin-top: 0;
  display: flex;
  margin-bottom: 16px;
}

.rd-action-bar .cn_export:before {
  filter: grayscale(0);
}



.del_link {
  border: 0;
  background-color: transparent;
  color: #ee7f84;
  display: inline-block;
  vertical-align: middle;
  font-size: var(--rd-fontsize-5);
  cursor: pointer;
}

.del_form_disabled .del_link,
.del_form_disabled .del_link:hover {
  color: var(--cl-blue-grey);
  cursor: default;
  opacity: 1;
}

.del_link:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 5px;
  background-size: 100%;
  background-image: url(/src/img/svg/af/trash-alt-red.svg);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.8;
}

.del_form_disabled .del_link:before {
  filter: grayscale(1);
  opacity: 0.4;
}

.del_link:hover {
  opacity: 0.7;
}

.popup_overlay {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-image: url("/src/img/black60p.png");
  height: 2000px;
}

.popup_overlay .po_frame {
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 2px 7px 1px rgba(39, 44, 48, 0.16),
    0 0 0 1px rgba(39, 44, 48, 0.05);
  display: inline-block;
  margin-top: 50px;
  padding: 30px;
  box-sizing: border-box;
}

.po_chack {
  display: inline-block;
  height: 60px;
  width: 60px;
  border: 3px solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
  border-radius: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  background-image: url("/src/img/svg/af/check-white.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}

.po_f_titel {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.po_f_text {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  display: inline-block;
  width: 70%;
  margin-bottom: 10px;
}

.po_f_table {
  display: table;
  position: relative;
  width: 100%;
}

.po_f_table>div {
  display: table-cell;
}

.po_f_table>div:nth-child(1) {
  text-align: right;
  padding-right: 10px;
}

.po_f_table>div:nth-child(2) {
  text-align: left;
  padding-left: 10px;
}

.white_btn {
  display: inline-block;
  padding: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  text-decoration: none;
}

.white_btn:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
  color: #637381;
  text-decoration: none;
}

.flclear {
  clear: both;
}

.formfields .iut_check_all {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  border: none;
  border-radius: var(--rd-borderradius-border-none);
}

.instruction_edit_form {
  display: block;
  position: relative;
  padding: 0 48px;
}

.instruction_edit_form #ief_details:checked~.ief_cont .iefd_details {
  padding: var(--rd-spacing-big) 0 20px 16px;
}

.ief_cont>div {
  display: none;
}

.instruction_edit_form input[name="ief_tab_input"] {
  display: none;
}

.instruction_edit_form .add-on.icon-calendar {
  right: 6px;
}

.instruction_edit_form #re_p {
  margin-top: 25px;
}

.instruction_edit_form .ief_tabmenu {
  /* margin-top: 10px; */
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
  position: relative;
}

.instruction_edit_form .id_table_input {
  margin-bottom: var(--rd-spacing-md);
}

.instruction_edit_form .id_table_input>div label {
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.instruction_edit_form .valuelabel.valueB {
  padding-left: 6px;
}

.instruction_edit_form .id_table_input>div:nth-child(2) {
  color: var(--cl-dark-text);
}

.instruction_edit_form .ib_text,
.instruction_edit_form .formlabel span {
  font-size: var(--rd-fontsize-3);
  line-height: 16px;
  color: var(--cl-blue-grey);
}

.instruction_edit_form .ief_tabmenu>label {
  position: relative;
  display: inline-block;
  padding: 10px;
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  cursor: pointer;
}

.instruction_edit_form .ief_tabmenu>label:before {
  content: "";
  background-color: var(--cl-deep-green);
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0;
  transition: all 0.3s linear;
}

.instruction_edit_form input.sc_input:checked~.sc_label:before {
  background: var(--cl-deep-green);
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  width: 42px;
  height: 22px;
}

.instruction_edit_form input.sc_input:checked~.sc_label:after {
  margin-left: 19px;
}

.instruction_edit_form input.sc_input~.sc_label:before {
  background: var(--cl-dark-grey);
  border: var(--rd-borderwidth-border-default) solid var(--cl-dark-grey);
  width: 42px;
  height: 22px;
}

#instructionForm .instruction_edit_form input.sc_input~.sc_label:before {
  background: var(--rd-input-default);
  border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
  width: 56px;
  height: 32px;
}

#instructionForm .sc_input~.sc_label {
  width: 56px;
  height: 32px;
}

#instructionForm .instruction_edit_form input.sc_input~.sc_label:after {
  height: 24px;
  width: 24px;
  top: 8px;
  left: 4px;
}

#instructionForm .instruction_edit_form input.sc_input:checked~.sc_label:before {
  width: 56px;
  height: 32px;
}

.instruction_edit_form .simditor,
.instruction_edit_form .simditor-toolbar {
  max-width: 580px !important;
}

.instruction_edit_form input.sc_input~.sc_label:after {
  background-color: var(--rd-font-light);
  height: 16px;
  width: 16px;
  top: 7px;
  left: 4px;
}

.instruction_edit_form .new_a_block {
  display: flex;
  justify-content: space-between;
}

.instruction_edit_form .sc_input:checked~.valueA {
  padding-left: 6px;
  color: var(--cl-deep-green);
}

.instruction_edit_form .plusfield:before {
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
}

.instruction_edit_form .add_interval_block #end_r {
  margin-bottom: 40px;
}

.instruction_edit_form .id_element {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: var(--rd-spacing-md);
}

.instruction_edit_form .iefd_tests {
  padding: var(--rd-spacing-big) 0 20px 16px !important;
}


.instruction_edit_form .id_element>label {
  display: table-cell;
  width: 260px;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
  line-height: 24px;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.instruction_edit_form .plusfield {
  color: var(--rd-primary-active);
  font-size: var(--rd-fontsize-4);
}

#ief_details:checked~.ief_tabmenu label[for="ief_details"],
#ief_tests:checked~.ief_tabmenu label[for="ief_tests"],
#ief_central:checked~.ief_tabmenu label[for="ief_central"] {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.instruction_edit_form .ief_tabmenu label {
  margin-bottom: 0 !important;
}

.instruction_edit_form .ief_tabmenu>label:hover:before,
#ief_details:checked~.ief_tabmenu label[for="ief_details"]:before,
#ief_tests:checked~.ief_tabmenu label[for="ief_tests"]:before,
#ief_central:checked~.ief_tabmenu label[for="ief_central"]:before {
  height: 3px;
}

#ief_details:checked~.ief_cont .iefd_details,
#ief_tests:checked~.ief_cont .iefd_tests,
#ief_central:checked~.ief_cont .iefd_central {
  display: block;
  padding: var(--rd-spacing-big)--rd-spacing-big) 30px;
  box-sizing: border-box;
}

.instruction_edit_form select {
  width: 100%;
  padding: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.trible_button_down {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

.trible_button_down button {
  display: inline-block;
  padding: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  text-decoration: none;
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer;
}

.trible_button_down button:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
}

.nou_header {
  border-bottom: var(--rd-borderwidth-border-focus) solid #dfe3e8;
}

.nou_header h1 {
  margin-bottom: 0;
  line-height: 1em;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-11);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 38px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.nouh_counter {
  margin-bottom: 20px;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: 400;
  line-height: 17px;
}

.nouh_counter span {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.nou_teaser {
  display: table;
  width: 100%;
  position: relative;
}

.nou_teaser>div {
  display: table-cell;
  vertical-align: middle;
}

.nou_teaser>div img {
  margin-left: 10px;
  width: 90%;
}

.nout_text h2 {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
}

.nout_text p {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 21px;
}

.nout_btns {
  display: table;
  margin-top: 10px;
}

.nout_btns>div {
  display: table-cell;
}

.nout_btns>div:nth-child(1) {
  padding-right: 10px;
}

.nout_btns span {
  display: inline-block;
}

.nout_btns .cn_btn {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  padding: var(--rd-spacing-x-sm);
}

.print_config form {
  background-color: var(--rd-font-light);
  position: relative;
  /* margin-left:-40px; */
  width: calc(100% + 80px);
  padding: 10px 30px;
  display: block;
  box-shadow: 0 0 6px #999999;
}

.print_config form .title_label {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  display: block;
  margin-bottom: 5px;
  margin-top: 10px;
}

.print_checkbox {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}

.print_checkbox input {
  display: none;
}

.print_checkbox .checkbox {
  display: inline-block;
  height: 14px;
  width: 14px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-pale-grey);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
  padding: 0;
  min-height: 0;
}

.print_checkbox .checkbox: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: all 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.print_checkbox input:checked+.checkbox:before {
  opacity: 1;
}

.checkbox_text {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
}

.print_checkbox input:checked~.checkbox_text {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.print_config form select {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  padding: var(--rd-spacing-x-sm);
}

.versuch_zaehler {
  color: #dfe3e8;
  text-transform: none;
  margin-left: var(--rd-spacing-x-sm);
  position: relative;
}

.versuch_zaehler:before {
  content: "";
  display: inline-block;
  border-left: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
  position: absolute;
  left: -6px;
  top: 4px;
  bottom: 4px;
}

.form_overlay {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/src/img/black60p.png");
  text-align: center;
}

.test_form_overlay {
  display: inline-block;
  background-color: var(--rd-font-light);
  margin-top: 10%;
  border-radius: var(--rd-borderradius-border-md);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 2px 7px 1px rgba(39, 44, 48, 0.16),
    0 0 0 1px rgba(39, 44, 48, 0.05);
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}

.orange_warning {
  display: inline-block;
  height: 60px;
  width: 60px;
  background-color: #f3ad3f;
  margin-bottom: 20px;
  border-radius: 100%;
  margin-top: 40px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: 50%;
  background-image: url(/src/img/svg/af/exclamation-triangle-white.svg);
}

.fo_title {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
  text-align: center;
  margin-bottom: 5px;
}

.fo_text {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: center;
  margin-bottom: 20px;
}

.fo_table {
  display: table;
  width: 100%;
  position: relative;
}

.fo_table>div {
  display: table-cell;
}

.fo_table>div:nth-child(1) {
  text-align: right;
  padding-right: 5px;
}

.fo_table>div:nth-child(2) {
  text-align: left;
  padding-left: 5px;
}

.fo_table>div a {
  position: relative;
  padding-left: 40px;
}

.reset_btn:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("/src/img/svg/af/reset-blue.svg");
  vertical-align: middle;
  margin-right: 5px;
  filter: grayscale(1);
}

.reset_btn {
  cursor: pointer;
}

.close_header {
  position: absolute;
  text-align: right;
  top: 0;
  left: 0;
  right: 0;
}

.close_icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("/src/img/svg/af/close.svg");
  background-size: 100%;
  background-position: 50%;
  position: absolute;
  right: 20px;
  top: 18px;
  cursor: pointer;
}

input:checked+.form_overlay {
  display: block;
}

.red_forbidden {
  display: inline-block;
  box-sizing: border-box;
  height: 60px;
  width: 60px;
  border: 3px solid #fd6262;
  background-color: #fd6262;
  border-radius: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("/src/img/svg/af/ban-solid-white.svg");
}

.no_cert_text {
  color: var(--cl-pale-grey);
  font-size: var(--rd-fontsize-4);
}

tr.referent {
  cursor: pointer;
}

tr.referent:hover {
  background-color: #fafafafa;
}

.referent_db_name {
  display: inline-block;
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.referent_db_img {
  display: inline-block;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 37px;
  width: 37px;
  border-radius: 100%;
  border: var(--rd-borderwidth-border-default) solid #979797;
  background-color: #d8d8d8;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 10px;
}

tr.referent td[data-label="E-Mail Adresse"] {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

tr.referent td[data-label="Telefon"] {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

tr.referent td[data-label="Kurse"] {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.add_ref_btn {
  position: absolute;
  right: 0;
  top: -15px;
}

.referent_add_form {
  width: 650px;
}

.referent_add_form .table>div {
  width: 50%;
}

.referent_add_form .table>div:nth-child(1) {
  padding-right: 5px;
}

.referent_add_form .table>div:nth-child(2) {
  padding-left: 5px;
}

.referent_add_form .table>div>label {
  display: block;
}

.referent_add_form textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 150px;
  resize: vertical;
  margin-bottom: 20px;
}

.img_prev_table {
  display: table;
  width: 100%;
  position: relative;
}

.img_prev_table>div {
  display: table-cell;
}

.referent_add_form #prev_img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}

.referent_add_form #prev_img+div {
  display: inline-block;
  width: calc(100%);
  box-sizing: border-box;
  text-align: right;
}

.set_middle {
  text-align: center;
}

.referent_edit h1 {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-11);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 38px;
}

.referent_edit h2 {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 24px;
}

.edit_referent {
  padding: 0 40px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.edit_referent {
  position: relative;
}

.edit_referent>.table_cell:nth-child(1) {
  width: 60%;
  position: relative;
}

.edit_referent>.table_cell:nth-child(2) {
  width: 40%;
  position: relative;
  padding-left: 20px;
}

#prev_img.refimg {
  height: 190px;
  width: 190px;
  position: relative;
  display: inline-block;
  background-size: cover;
  border-radius: 100%;
  margin-top: 60px;
}

.topK_nav label {
  margin-bottom: 0 !important;
}

.coopCustomerLinks {
  padding-left: 4.2em;
  font-size: var(--rd-fontsize-3);
}

.coopCustomerLinks a {
  display: inline-block;
  margin-right: 1em;
  color: teal;
}

.coopCustomerLinks a:hover {
  text-decoration: underline;
}

.formlabel_desc {
  display: block;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
}

.double_table>div {
  width: 50%;
}

.double_table>div:nth-child(1) {
  padding-right: 5px;
}

.double_table>div:nth-child(2) {
  padding-left: 5px;
}

.EditForm>input,
.EditForm select {
  padding: 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  width: 100%;
  box-sizing: border-box;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
}

.EditForm textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  min-height: 150px;
}

.tc_strasse,
.tc_ort {
  width: 80%;
}

.tc_strasse {
  padding-right: 10px;
}

.tc_ort {
  padding-left: 10px;
}

.ref_edit_btns {
  text-align: right;
  padding: 10px 30px;
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}

.editbusines {
  padding: 10px 30px;
}

.editbusines input,
.editbusines textarea {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.disabled_btn {
  opacity: 0.4;
}

.presenzText {
  color: var(--cl-pale-grey);
  margin-top: 15%;
  font-size: var(--rd-fontsize-4);
  margin-bottom: 15px;
}

.mb50 {
  margin-bottom: 50px;
}

.my_statistic {
  display: inline-block;
  background-color: var(--rd-font-light);
  position: relative;
  z-index: 10;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  min-width: 548px;
  text-align: left;
  margin: 10px 0 10px 0;
}

.my_statistic input[type="radio"] {
  display: none;
}

.mst_table {
  display: table;
  width: 100%;
  position: relative;
}

.mst_table>div {
  display: table-cell;
  vertical-align: top;
}

.mstt_diagram {
  width: 52px;
  padding: 10px;
}

.mstt_table table thead {
  background-color: transparent;
  border: none;
}

.mstt_table table thead th {
  padding: 0;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 25px;
  text-transform: uppercase;
}

.mstt_table table tbody tr {
  border: 0;
}

.mstt_table table td {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  text-align: right;
  text-align: left;
  padding: 0;
}

.ms_tabmenu {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  padding: 0 20px;
  position: relative;
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

.ms_tabmenu label {
  padding: 10px;
  display: table-cell;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}

.ms_tabmenu label:after {
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 0;
  background-color: var(--cl-deep-green);
  position: absolute;
  transition: all 0.2s linear;
}

.ms_tabmenu .mst_print_block {
  padding-top: 10px;
}

.ms_tabmenu label {
  margin-bottom: 0 !important;
}

.ms_tabcont>div {
  display: none;
}

#all:checked~.ms_tabmenu label[for="all"]:after,
#pflicht:checked~.ms_tabmenu label[for="pflicht"]:after,
.ms_tabmenu label:hover:after {
  height: 3px;
}

#all:checked~.ms_tabcont .mstc1,
#pflicht:checked~.ms_tabcont .mstc2 {
  display: block;
}

.w100p {
  width: 100%;
}

.dashboard_navi {
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 20px 15px -12px rgba(63, 63, 68, 0.1),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.dashboard_navi form {
  display: table;
  padding: 10px 20px;
}

.dashboard_navi form>div {
  display: table-cell;
  vertical-align: middle;
}

.dashboard_navi .table {
  margin: 0;
}

.dashboard_datepiker {
  padding-right: 10px;
}

.dp_label {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 19px;
  vertical-align: middle;
  padding-right: 10px;
}

.dp_haus_select select {
  display: inline-block;
  background-color: var(--rd-font-light);
  padding: 3px;
  width: 100%;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid #999;
  position: relative;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  line-height: 19px;
  background-image: url("/src/img/svg/zentralle-icon.svg");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: top 6px left 5px;
  padding-left: 25px;
}

.dp_haus_select select .zentralle {
  color: #76b82a;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.dashboard_diagram {
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.dd_titel {
  border-bottom: var(--rd-borderwidth-border-default) solid #ebeef0;
  padding: 10px;
}

.dd_charts {
  display: table;
  width: 100%;
  position: relative;
  text-align: left;
  padding: 40px 20px;
  box-sizing: border-box;
}

.dd_charts>div {
  display: table-cell;
  width: 33.33%;
}

.percentdesc {
  fill: #637381;
  font-family: "Open Sans";
  font-size: 0.2em;
  text-anchor: middle;
  color: #637381;
  font-family: "Open Sans";
}

.dashboard_content {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.dashboard_content>a {
  background-color: var(--rd-font-light);
  display: inline-block;
  width: calc(25% - 10px);
  box-sizing: border-box;
  float: left;
  margin: 10px 5px;
  text-decoration: none;
  text-align: center;
  height: 250px;
}

.dashboard_content>a:hover {
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.dbke_title {
  display: block;
}

.dbke_img_rolles {
  background-color: #b2db3e1a;
  background-image: url(/src/img/svg/dashboard/gruppe-icon.svg);
}

.dbke_img_rolles+.dbke_title {
  color: var(--cl-deep-green);
}

.mst_print_block {
  text-align: right;
}

.bl_print:before {
  background-image: url(../img/svg/af/print-blue.svg);
  content: "";
  display: inline-block;
  position: relative;
  width: 13px;
  height: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 2px;
}

.dt_triple th {
  width: 33.3%;
}

.prozent_bar {
  width: calc(100% - 20px);
  border-radius: var(--rd-borderradius-border-xl);
  background-color: var(--cl-pale-grey);
  margin: 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.prozent_bar>span {
  display: inline-block;
  padding: 5px 10px;
  box-sizing: border-box;
  text-align: right;
  background-color: #76b82a;
  min-width: 10%;
  color: var(--rd-font-light);
}

.instr_name {
  display: block;
}

.curs_name {
  display: block;
  font-size: 0.8em;
  color: #535353;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mt10 {
  margin-top: 10px;
}

.kurs_edit_table {
  display: table;
}

.kurs_edit_table>div {
  display: table-cell;
  vertical-align: top;
  max-width: 50%;
}

.ket_info {
  min-width: 750px;
}

.delAnhang {
  position: relative;
  margin-top: 10px;
}

.delAnhang input {
  display: none;
}

.anhang_element {
  display: block;
  padding: 5px;
  position: relative;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-light-blue);
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  line-height: 17px;
}

label[for="delAnhang"] {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  margin-left: 5px;
  background-image: url(/src/img/svg/af/trash-alt-red.svg);
  position: absolute;
  right: 10px;
  top: var(--rd-spacing-x-sm);
  cursor: pointer;
}

.delAnhang input:checked~.anhang_element {
  display: none;
}

.kurseditform {
  width: 80%;
}

h1 {
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: 2em;
  line-height: 1.8em;
  color: #535353;
}

.edit_test_link {
  display: inline-block;
}

.help_body {
  display: table;
  position: relative;
}

.help_body>div {
  display: table-cell;
  vertical-align: top;
  position: relative;
  z-index: 10;
  position: relative;
}

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

.hn_titel {
  text-transform: uppercase;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 19px;
  padding: 10px;
  border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
}

.help_navi ul {
  display: block;
  padding: 0;
  margin: 0 10px;
  margin-top: 10px;
}

.help_content {
  width: 100%;
}

.help_navi ul li {
  display: block;
}

.help_navi ul li label,
.selectHelp {
  display: block;
  color: #007ace;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  padding: 5px 10px;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}

.sh_aktiv {
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(122, 181, 29, 0.2);
  color: #535353 !important;
}

.help_tel_titel,
.help_tel_subtitel {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  padding: 0 20px;
  white-space: nowrap;
}

.help_tel_titel {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.help_tel_nr,
.help_tel_nr_zeit,
.help_teamviewer {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  padding: 0 20px;
}

.help_tel_nr {
  margin-top: 20px;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.help_tel_nr:before {
  content: "";
  background-image: url("/src/img/svg/phone-alt-solid.svg");
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-position: 50%;
  vertical-align: middle;
  margin-right: 5px;
  opacity: 0.6;
}

.help_teamviewer {
  margin-bottom: 40px;
}

.help_teamviewer a {
  text-decoration: none;
  color: #007ace;
  margin-top: 10px;
}

.help_content>input[type="radio"] {
  display: none;
}

.help_content>input[type="radio"]+div {
  display: none;
}

.help_content>input[type="radio"]:checked+div {
  display: block;
}

.help_titel {
  background-color: rgba(143, 157, 174, 0.05);
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 19px;
  text-transform: uppercase;
  padding: 10px 20px;
}

.DB_Content {
  padding: 10px 20px;
}

.DB_Content img {
  width: auto !important;
  max-width: 100%;
  max-height: 56.6%;
}

.dropdownCB {
  display: none;
}

.dbc {
  display: none;
}

.DB_Content>label {
  border: var(--rd-borderwidth-border-default) solid #dfe3e8;
  background-color: var(--cl-pale-grey);
  width: 100%;
  display: block;
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  padding: 10px;
  cursor: pointer;
  box-sizing: border-box;
}

.DB_Content>label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/src/img/svg/af/chevron-down-gray.svg");
  background-size: 100%;
  background-position: 50%;
  vertical-align: top;
  margin-top: var(--rd-spacing-xx-sm);
  margin-right: 10px;
  opacity: 0.6;
  transition: all 0.2s linear;
}

.dropdownCB:checked+.DB_Content label:before,
.DB_Content label:hover:before {
  transform: rotate(180deg);
}

.dropdownCB:checked+.DB_Content .dbc,
.dropdownCB:target+.DB_Content .dbc {
  display: block;
  padding: 10px 20px;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 17px;
}

.dbc_titel {
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 17px;
  margin-bottom: 10px;
}

.blue {
  color: #007ace !important;
  text-decoration: none;
}

.deleat_user button:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
}

.deleat_user button {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  padding: 10px;
  cursor: pointer;
  display: inline-block;
  line-height: 16px;
  margin-bottom: 20px;
}

.deleat_user button:before {
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url(/src/img/svg/af/trash-alt-red.svg);
}

.myProfil {
  display: inline-block;
  width: 500px;
  position: relative;
}

.myProfil .form_cell {
  width: 50%;
}

.myProfil input,
.myProfil select {
  padding: var(--rd-spacing-x-sm);
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--rd-borderradius-border-md);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  color: #535353;
  font-family: "Open Sans";
}

.myProfil .rd-card-left>.rd-input-row:nth-child(2),
.myProfil .rd-card-left>.rd-input-row:nth-child(6),
.myProfil .rd-card-left>.rd-input-row:nth-child(9),
.myProfil .rd-card-left>.rd-input-row:nth-child(11) {
  margin-bottom: var(--rd-spacing-x-lg);
}

/* .myProfil .rd-card-headline,
#avatarForm .rd-card-headline {
  padding: 0;
}

#avatarForm .rd-infobar {
  margin-top: var(--rd-spacing-md);
} */

.cert_deleat {
  position: absolute;
  display: inline-block;
  right: 0;
  top: -20px;
  font-size: var(--rd-fontsize-3);
  text-decoration: none;
  color: #ec6166;
}

.cert_deleat:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/src/img/svg/af/trash-alt-red.svg);
  margin-right: 1px;
}

.help_point {
  margin: 20px 0;
}

form.converm {
  display: block;
  position: relative;
  background-color: var(--rd-font-light);
  margin: 10px 0;
  border: 0;
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5);
}

.db_drei .dbd_diagram {
  /* margin-right: 15px; */
}

#vc_error_return+p {
  margin-top: 10px;
}

.time_help {
  display: none;
}

.td_time_icon:hover~.time_help {
  display: block;
  position: absolute;
  right: 100%;
  background-color: #212b36;
  color: var(--rd-font-light);
  z-index: 100;
  white-space: nowrap;
  top: 5px;
}

.td_time_icon:hover~.time_help td,
.td_time_icon:hover~.time_help th {
  padding: 5px;
  font-size: var(--rd-fontsize-3);
}

.td_time_icon:hover~.time_help table {
  margin: 0;
  color: var(--rd-font-light);
}

.td_time_icon:hover~.time_help th {
  text-transform: uppercase;
}

.box_arrow {
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  background-color: #212b36;
  display: inline-block;
  top: 7px;
  right: -4px;
  z-index: -1;
  transform: rotate(45deg);
}

.dropdown_link {
  position: relative;
  display: block;
  color: #007ace;
  text-decoration: none;
  padding: 10px;
  font-size: var(--rd-fontsize-4);
  cursor: default;
}

.dropdown_link .sl_menu {
  display: none;
  position: absolute;
  background-color: var(--rd-font-light);
  left: -10px;
  right: -10px;
  box-shadow: 0 0 6px var(--cl-light-grey);
  top: 100%;
  z-index: 100;
}

.dropdown_link:hover .sl_menu {
  display: block;
}

.sl_menu a:hover,
.dropdown_link:hover {
  background-color: #f9f9f9;
}

.ii_text {
  display: block;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  margin-bottom: 30px;
}

.info_image {
  display: inline-block;
  position: relative;
  height: 60px;
  width: 60px;
  background-color: rgba(143, 157, 174, 0.1);
  border-radius: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.info_image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  opacity: 0.4;
  background-image: url(/src/img/svg/af/info-solid.svg);
}

.dd_btn {
  position: relative;
  margin: var(--rd-spacing-big);
  display: inline-block;
}

.dd_text {
  display: block;
  position: relative;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: var(--rd-font-light);
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) var(--rd-spacing-x-sm) 36px;
  cursor: default;
  text-decoration: none;
}

.dd_text:before {
  content: "+";
  font-size: 1.5em;
  font-weight: bolder;
  position: absolute;
  display: inline-block;
  left: 15px;
  top: 2px;
  vertical-align: middle;
}

.dd_btn:hover .dd_menu {
  display: block;
  top: 100%;
  left: 0;
  right: 0;
}

.top_paginator {
  margin-top: -90px;
  position: relative;
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  background-image: url(/src/img/tw70p.png);
  z-index: 2;
  padding: 5px;
  margin-bottom: 10px;
  color: #535353;
}

.top_paginator .paginator {
  margin: 0;
  color: #535353;
}

.top_paginator .sbtitle,
.top_paginator .site_text,
.top_paginator .sitemax {
  color: #535353;
}

.help_line {
  text-decoration: none;
}

.such_feld {
  display: inline-block;
  position: relative;
  width: calc(100% - 100px - 20px);
}

.such_feld .search_btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  width: 45px;
  display: inline-block;
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
  border: 0;
  border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
}

.such_feld .search_btn:before {
  content: "";
  position: absolute;
  background-image: url("/src/img/svg/af/search-gray.svg");
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 20px;
  background-position: 50%;
  filter: brightness(100);
}

.such_feld .search_btn:hover {
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
}

.day.disabled {
  opacity: 0.4;
}

.abgelaufen_fortbildung {
  opacity: 0.5;
  filter: grayscale(1);
}

.abgelaufen_fortbildung:before {
  content: "Abgelaufen";
  position: absolute;
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: var(--rd-fontsize-11);
  text-transform: uppercase;
  border: 3px solid #333;
  padding: 5px;
  top: 85px;
  left: 115px;
  background-color: var(--rd-font-light);
  z-index: 1;
  transform: rotate(-20deg);
}

.future_fortbildung {
  opacity: 0.5;
  filter: grayscale(0.2);
}

.future_fortbildung:before {
  content: "Noch nicht verügbar";
  position: absolute;
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: var(--rd-fontsize-11);
  text-transform: uppercase;
  border: 3px solid #333;
  padding: 5px;
  top: 85px;
  left: 30px;
  background-color: var(--rd-font-light);
  z-index: 1;
  transform: rotate(-20deg);
}

.disabled_fortbildung .ibu_proces_bg>span {
  background-color: #fd6262;
}

.del_roll {
  position: absolute;
  right: 10px;
  top: 0;
}

.del_roll a {
  border: 0;
  background-color: transparent;
  color: #ee7f84 !important;
  display: inline-block;
  vertical-align: middle;
  font-size: var(--rd-fontsize-5);
  cursor: pointer;
}

.del_roll a:before,
.del_roll a:hover:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 5px;
  background-size: 100%;
  background-image: url(/src/img/svg/af/trash-alt-red.svg);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.8;
}

.left_btn {
  float: left;
  color: #535353 !important;
}

.print_icon_btn {
  padding: 7px 20px;
}

.print_icon_btn:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: top;
  margin-top: 2px;
  margin-right: var(--rd-spacing-x-sm);
  opacity: 0.9;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  filter: grayscale(1);
  filter: brightness(100);
  background-image: url(../img/svg/af/print-solid.svg);
}

.navi_end {
  height: 200px;
}

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

.pflicht_check {
  display: inline-block;
  background-image: url("/src/img/svg/af/check-green.svg");
  width: 15px;
  height: 13px;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
}

.error_date {
  position: absolute;
  top: 0;
  left: calc(100% + 20px);
  background-color: var(--rd-font-light);
  font-size: 0.8em;
  padding: var(--rd-spacing-x-sm) 15px;
  width: 150px;
  border: var(--rd-borderwidth-border-default) solid #fd6262;
  color: #fd6262;
}

.error_date:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -9px;
  top: 10px;
  background-color: var(--rd-font-light);
  transform: rotate(45deg);
  border-bottom: var(--rd-borderwidth-border-default) solid #fd6262;
  border-left: var(--rd-borderwidth-border-default) solid #fd6262;
}

#courseslist div {
  margin: 4px 16px 10px 0;
  border: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  padding-left: var(--rd-spacing-xx-sm);
  border-radius: var(--rd-borderradius-border-sm);
  cursor: pointer;
}

#courseslist div:hover {
  background-color: #ddf;
  cursor: pointer;
}

#courseslist div input {
  vertical-align: text-top;
  display: none;
}

#courseslist label {
  font-size: var(--rd-fontsize-4);
  color: var(--rd-font-dark);
}

#courseslist div input[type="checkbox"]:checked~label {
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
}

#courseslist li {
  overflow: hidden;
  display: block;
  font-weight: normal;
  padding: 0;
  margin-bottom: 2px;
  box-sizing: border-box;
  line-height: 1em;
}

#courseslist li input:checked~ul {
  display: block;
}

#courseslist li ul {
  margin: 0;
  display: none;
}


.such_text_search .rd-selector-searchrow~#courseslist li ul {
  display: block !important;
}

#courseslist li b label {
  cursor: pointer;
}

#courseslist li input:checked+b>label span {
  transform: scaleY(+1);
}

#CategoryAdd {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--cl-asphalt-blue);
  vertical-align: middle;
  -webkit-mask-image: var(--green-arrow);
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  margin-left: 30px;
  transform: scaleY(-1);
}

#courseslist li ul:last-child {
  margin-bottom: 40px;
}

.submenuCat>input {
  display: none;
}

.course_pfc {
  cursor: pointer;
  font-size: 0.9em;
  display: inline-block;
  text-overflow: "...";
  width: 100%;
  overflow: hidden;
  vertical-align: bottom;
  position: relative;
  padding: var(--rd-spacing-xx-sm) 0 var(--rd-spacing-xx-sm) 30px;
  margin-bottom: 0;
}

.fakefield {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
}

.login_section .center form {
  max-width: 350px;
}

.login_section .center form select {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

.course_c {
  cursor: pointer;
  font-size: 0.9em;
  margin: var(--rd-spacing-xx-sm);
  display: inline-block;
  white-space: nowrap;
  text-overflow: "...";
  width: 90%;
  overflow: hidden;
  vertical-align: bottom;
}

.feedback_return {
  position: absolute;
  z-index: 100;
  left: 252px;
  background-color: #F9FBF5;
  color: var(--rd-font-dark);
  width: calc(100% - 261px);
  padding: 24px 40px;
  font-size: var(--rd-fontsize-4);
  text-decoration: none;
  top: 0;
}

.feedback_return span {
  font-weight: var(--rd-fontweights-open-sans-1);
}



.bage_sel {
  background-color: #fcfbf6;
}

.fd_table {
  display: table;
  width: 100%;
  position: relative;
}

.fd_table_text {
  display: table-cell;
  vertical-align: top;
  text-align: justify;
  padding-right: 30px;
  width: 60%;
}

.fd_table_form {
  display: table-cell;
}

.fd_table_form img {
  width: 90%;
  margin-top: 30px;
}

.pinkh1 {
  color: var(--rd-primary-active);
  line-height: 1.2em;
  text-align: left;
  font-size: 2em;
}

.fd_btn,
.fd_demo_btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: var(--rd-borderradius-border-md);
  color: var(--rd-font-light);
  background-color: var(--rd-primary-active);
  margin-top: 10px;
}

.fd_btn:hover,
.fd_demo_btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.fd_btn:after,
.fd_demo_btn:after {
  content: "";
  width: var(--rd-spacing-x-sm);
  height: var(--rd-spacing-x-sm);
  border-right: var(--rd-borderwidth-border-focus) solid var(--rd-font-light);
  border-bottom: var(--rd-borderwidth-border-focus) solid var(--rd-font-light);
  display: inline-block;
  transform: rotate(-45deg);
  margin-left: 5px;
  margin-right: 5px;
}

.greenh2 {
  text-align: left;
  color: var(--cl-deep-green);
}

.fd_stepps {
  display: table;
  width: 100%;
  position: relative;
}

.fd_stepps>div {
  display: table-cell;
}

.fds_cont {
  position: relative;
  width: 33.3%;
  background-color: #efefef;
  vertical-align: top;
  text-align: center;
}

.fds_cont img[alt="f_form"] {
  margin-top: 30px;
  width: 90px;
}

.fds_cont img[alt="f_print"] {
  width: 105px;
  margin-top: 25px;
}

.fds_cont img[alt="f_mail"] {
  margin-top: 30px;
  width: 95px;
}

.fdsc_nr {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 20px;
  padding: 10px;
  background-color: var(--rd-font-light);
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: var(--rd-primary-active);
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: 2em;
  line-height: 0.6em;
}

.fds_cont p {
  text-align: left;
  width: 80%;
  display: inline-block;
  margin-top: 5px;
}

.fds_cont a,
.favbg3 a {
  white-space: nowrap;
}

.fds_img {
  overflow: hidden;
  display: block;
  height: 150px;
}

.fdsc_title {
  font-weight: var(--rd-fontweights-open-sans-0);
  color: #626264;
  text-align: left;
  width: 80%;
  display: inline-block;
  font-size: 1.2em;
}

.fds_arrow {
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #efefef;
  z-index: 100;
  top: 45%;
  transform: rotate(45deg);
  margin-left: -12px;
  border-top: var(--rd-borderwidth-border-focus) solid var(--rd-font-light);
  border-right: var(--rd-borderwidth-border-focus) solid var(--rd-font-light);
}

.form_btn {
  font-size: var(--rd-fontsize-4);
  vertical-align: middle;
  background-color: var(--rd-primary-active);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: var(--rd-spacing-sm) var(--rd-spacing-md);
  display: inline-block;
  margin-right: 10px;
  color: var(--rd-font-light) !important;
  border-radius: var(--rd-borderradius-border-md);
  text-decoration: none;
  box-sizing: border-box;
}

.form_btn:hover {
  background-color: var(--rd-primary-hover);
}

.form_btn:focus {
  background-color: var(--rd-primary-pressed);
}

.form_btn:before,
.vert_btn:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 25px;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/src/img/svg/formular.svg);
}

.vert_btn {
  background-color: var(--cl-deep-green);
  padding: var(--rd-spacing-sm) var(--rd-spacing-md);
  display: inline-block;
  margin-right: 10px;
  color: var(--rd-font-light) !important;
  border-radius: var(--rd-borderradius-border-md);
  text-decoration: none;
}

.vert_btn:hover {
  background-color: var(--rd-success-hover);
}

.vert_btn:focus {
  background-color: var(--rd-success-pressed);
}

.video_title {
  text-align: left;
  color: #5ea9cf;
  margin-bottom: 0;
}

.video_title+p {
  margin-top: 0;
  text-align: left;
}

.video_title+p b {
  display: block;
}

.demo_teaser {
  position: fixed;
  bottom: 0;
  left: 260px;
  z-index: 100;
  /* height: 73px; */
  background-color: #585856;
  width: calc(100% - 260px);
  color: var(--rd-font-light);
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}

.td_text {
  display: inline-block;
  color: #f9fafb;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
}

.td_text span {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.sell_btn {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  display: inline-block;
  margin-left: 10px;
  text-decoration: none;
  padding: 5px 10px;
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
}

.demo_teaser~section:last-child .center {
  padding-bottom: 140px;
}

.feedbackForm {
  width: 50%;
}

.VideoProjectTable tbody {
  vertical-align: top;
  font-size: 0.9em;
}

.video_more {
  font-size: 0.8em;
  color: #535353;
  /* white-space: nowrap; */
}

.video_more span {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: #333333;
  display: block;
}

.red_status,
.red {
  color: #fd6262;
}

.green_status {
  color: var(--cl-deep-green);
}

.blue_status {
  color: #0098e0;
}

.orange_status {
  color: #e0d100;
}

.double_form {
  margin: 20px 0;
}

.double_form .table_cell {
  width: 50%;
  padding-right: 15px;
}

.vp_input_label {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.vp_input_label>div {
  display: table-cell;
  vertical-align: top;
}

.bp_label {
  width: 30%;
  text-align: right;
  padding-right: 10px;
  display: block;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  margin-bottom: 5px;
  position: relative;
}

.bp_input input {
  padding: var(--rd-spacing-sm);
  box-sizing: border-box;
  width: 100%;
}

.bp_input select {
  padding: 5px;
}

.bp_input select#wo {
  width: 40%;
}

.bp_input input#Ort {
  width: calc(60% - 10px);
  float: right;
}

.bp_input select[name="status"] {
  width: 100%;
}

.double_form .table_cell:first-child {
  padding-right: 10px;
}

.videoproject_proces {
  display: block;
  background-color: var(--cl-pale-grey);
  border-radius: var(--rd-borderradius-border-xl);
  position: relative;
  height: 15px;
  overflow: hidden;
  margin-top: 5px;
}

.videoproject_proces>span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: right;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: var(--rd-fontsize-3);
  line-height: 15px;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.videoproject_proces>span.fill {
  color: var(--rd-font-light);
  background-color: var(--cl-deep-green);
  min-width: 35%;
}

.VideoProjectTable tbody tr {
  cursor: pointer;
}

.VideoProjectTable tbody tr:target {
  background-color: #c7d8fa;
  margin-left: 10px !important;
}

.VideoProjectTable tbody tr:hover {
  background-color: #fafafa;
}

.user_box {
  background-color: #fafafa;
  padding: 10px;
}

.bp_input .valuelabel {
  width: auto;
  font-size: 0.9em;
}

.bp_input textarea {
  width: 100%;
  min-height: 160px;
  box-sizing: border-box;
}

.bp_input .slider_checkbox {
  margin-top: 5px;
}

.protocol_titel {
  display: block;
  border-top: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  padding-left: 20px;
  padding-top: 10px;
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-4);
}

#showProtocol {
  margin-left: 40px;
  font-size: var(--rd-fontsize-3);
  font-style: italic;
  color: #999;
}

.full_width {
  width: 100%;
  box-sizing: border-box;
}

.todo_titel {
  margin-bottom: 0;
  line-height: 1em;
}

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

.creater_info {
  margin-bottom: 20px;
  margin-top: 5px;
  font-style: italic;
  font-size: 0.9em;
}

.help_bullet {
  position: relative;
}

.hp_html {
  display: none;
  position: absolute;
  z-index: 1000;
  bottom: 26px;
  right: calc(100% + 10px);
  width: 450px;
  font-weight: normal;
  color: var(--rd-font-light);
  background-color: var(--cl-asphalt-blue);
  border-radius: var(--rd-borderradius-border-md);
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--cl-light-blue);
}

.hb_right .hp_html {
  right: -80px;
  /* left: calc(100% + 10px); */
  padding: var(--rd-spacing-md);
}

.help_bullet:hover .hp_html {
  display: block;
  z-index: 1000;
}

.help_bullet .hp_html:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: var(--cl-asphalt-blue);
  position: absolute;
  bottom: -20px;
  right: 75px;
}


.hp_html ul {
  background-color: transparent !important;
  line-height: 1em !important;
  /* font-size: 0.8em; */
}

.li_check_gray {
  display: inline-block;
  width: 6px;
  height: 10px;
  border-bottom: 3px solid var(--cl-light-grey);
  border-right: 3px solid var(--cl-light-grey);
  transform: rotate(45deg);
  float: right;
  margin-right: 20px;
}

.li_check_green {
  display: inline-block;
  width: 6px;
  height: 10px;
  border-bottom: 3px solid var(--cl-deep-green);
  border-right: 3px solid var(--cl-deep-green);
  transform: rotate(45deg);
  float: right;
  margin-right: 20px;
}

.feedback_info {
  background-color: var(--cl-pale-grey);
  margin-left: 20px;
  padding: var(--rd-spacing-big);
  font-size: var(--rd-fontsize-4);
}

.feedback_info label {
  font-weight: var(--rd-fontweights-open-sans-1);
  margin-top: 20px;
  margin-bottom: 5px;
  display: block;
}

.feedback_info p {
  margin: 0;
  font-style: italic;
}

.feedback_info label:first-child {
  margin-top: 0;
}

.last_edit {
  margin-top: 0;
  margin-left: 20px;
  font-size: var(--rd-fontsize-4);
  color: #999999;
  font-style: italic;
}

.ibu_abgelaufen {
  color: #fd6262 !important;
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
  text-align: right;
}

/* .ibu_abgelaufen:before {
  content: "";
  background-image: url(/src/img/svg/af/close-red.svg);
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 100%;
  margin-right: 5px;
} */

.ibu_start {
  color: var(--rd-success-default);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
  text-align: right;
}

/* .ibu_start:before {
  content: "";
  background-image: url(/src/img/svg/af/close-red.svg);
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 100%;
  margin-right: 5px;
} */

.feedbackForm>form {
  width: 100%;
}

.kaufen .accordion-toggle {
  display: none;
}

.disabled_input {
  display: block;
  margin: 5px;
  padding: 10px;
  background-color: var(--cl-pale-grey);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  color: #999;
  box-sizing: border-box;
  text-align: left;
}

.kaufen legend {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.pay_label {
  /* font-weight:600; */
  margin-top: 10px;
  margin-bottom: 5px;
}

#user_count {
  width: 180px;
  padding: 10px;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid #999;
  background-color: var(--rd-font-light);
  background-image: url(/src/img/svg/3users.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right 25px center;
  font-weight: var(--rd-fontweights-open-sans-0);
  color: #535353;
}

.price_block {
  display: inline-block;
  width: 50%;
  padding: 10px;
  vertical-align: bottom;
}

.price_block select {
  font-size: 0.9em;
  outline: 0;
}

.price_box {
  display: inline-block;
  background-color: var(--rd-font-light);
  margin-top: 20px;
  border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
  border: var(--rd-borderwidth-border-default) solid #ddd;
  overflow: hidden;
  transition: margin-top 0.2s linear;
  vertical-align: bottom;
}

.pb_name {
  background-color: var(--cl-light-grey);
  padding: 10px;
}

.pb_price {
  padding: 15px;
  background-color: var(--cl-pale-grey);
  border-bottom: var(--rd-borderwidth-border-default) solid #ddd;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.pb_price input[type="number"] {
  display: inline-block;
  padding: 10px;
  width: 70px;
}

.pb_price #preise {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}

.pb_price #preise span {
  display: block;
  font-weight: normal;
  border-top: var(--rd-borderwidth-border-default) solid #999;
  padding-top: 5px;
  margin-top: 5px;
}

.price_box ul {
  display: block;
}

.price_box ul li {
  display: block;
  margin: 10px 0;
  font-size: 0.9em;
  width: 90%;
  white-space: nowrap;
}

.price_box ul li:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/src/img/svg/li_check_gray.svg);
  margin-right: 5px;
  vertical-align: middle;
  -webkit-filter: grayscale(100%) brightness(5) brightness(50%);
  filter: grayscale(100%) brightness(5) brightness(80%);
}

.help {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/src/img/svg/question_mark_gray.svg);
  cursor: help;
}

.help>span {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--cl-pale-grey);
  padding: 10px;
  border: var(--rd-borderwidth-border-default) dashed #999;
  font-size: 0.8em;
  width: 300px;
}

.help:hover>span {
  display: block;
}

.price_box input[type="submit"] {
  margin-bottom: 30px;
}

.price_box .slider_checkbox {
  margin-top: 40px;
}

.euro_icon {
  display: inline-block;
  color: #535353;
  font-weight: normal;
  margin-right: 5px;
}

.preis_zahl {
  display: inline-block;
  font-weight: normal;
  font-size: 3em;
  vertical-align: middle;
  color: var(--cl-deep-green);
}

.preis_m {
  display: block;
  font-weight: normal;
  color: #535353;
  margin-top: -8px;
}

.preis_m span {
  font-size: 0.5em;
  display: block;
}

.checkfield {
  display: block;
  background-color: var(--rd-font-light);
  padding: 10px;
  border: 2px solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-lg);
  text-align: center;
  margin-bottom: 20px;
  background-image: linear-gradient(to left top,
      var(--cl-pale-grey),
      var(--rd-font-light));
}

.cf_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/src/img/svg/check_icon.svg);
  vertical-align: middle;
  margin-right: 10px;
}

.radio_clicker {
  display: inline-block;
}

.radio_clicker input {
  display: none;
}

.radio_clicker label {
  display: block;
  padding: 10px;
  background-color: var(--cl-pale-grey);
  border: 2px solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-lg);
  cursor: pointer;
  text-align: center;
  transition: background-color 0.4s linear;
}

.radio_clicker input:checked+label {
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
}

.pb_cont {
  padding-right: 20px;
}

.preis_title {
  display: block;
}

.kaufen .center {
  text-align: center;
}

.user_data {
  display: inline-block;
}

.header_navi_submenu {
  position: relative;
}

.header_navi_submenu ul {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #333333;
  margin: 0 0 0 5px;
  padding: 0;
}

.header_navi_submenu ul li {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 5px 10px;
  left: 0;
  margin: 0;
}

.header_navi_submenu>span {
  padding: 5px;
  color: var(--rd-font-light) !important;
  cursor: default;
}

.header_navi_submenu span:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/src/img/svg/green_arrow.svg");
  margin-left: 5px;
  vertical-align: middle;
  background-size: 100%;
  transition: all 0.2s linear;
  transform: rotate(90deg);
}

.header_navi_submenu ul li:hover {
  background-color: #454545;
}

.header_navi_submenu:hover span:after {
  transform: rotate(0deg);
}

.like:after {
  position: absolute;
  right: -10px;
  content: "";
  background-image: url("/src/img/like.svg");
  display: inline-block;
  vertical-align: top;
  width: var(--rd-spacing-x-sm);
  height: var(--rd-spacing-x-sm);
  margin-left: 5px;
}

section.container-fluid.danke-page {
  text-align: center;
}

.cb_person {
  display: inline-block;
  /* background-color: var(--rd-font-light); */
  margin: 10px 0 20px 0;
}

.cbp_image {
  width: 150px;
  height: 150px;
  display: inline-block;
  overflow: hidden;
  background-size: cover;
  background-position: 30% 50%;
  border-radius: 100px;
  margin: 10px;
}

.cbp_text {
  display: block;
  vertical-align: top;
  margin-top: 50px;
  margin-left: 20px;
}

.cbpt_name {
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: 1.4em;
}

.cbpt_position {
  font-size: 0.8em;
}

.shadow_img {
  display: inline-block;
  width: 45%;
  box-shadow: 0 0 5px #999;
  margin: 10px;
}

.resetPWlink {
  display: block;
  color: #0066c0;
  font-size: 0.9em;
  cursor: pointer;
  text-decoration: none;
}

.resetPWlink:before {
  display: inline-block;
  content: "";
  width: var(--rd-spacing-x-sm);
  height: var(--rd-spacing-x-sm);
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/select_arrow.svg");
  margin-right: 5px;
  opacity: 0.7;
  transform: rotate(-90deg);
  transition: all 0.2s linear;
}

.resetPWlink:hover {
  text-decoration: underline;
}

.reset_pw_form {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  padding: var(--rd-spacing-big);
  text-align: left;
  max-width: 350px;
  margin-top: 40px;
}

.reset_pw_form .login_title {
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-5);
  margin-bottom: 10px;
}

.reset_pw_form input[type="text"] {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.reset_pw_form input[type="submit"] {
  display: block;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: 10px 20px;
  font-size: var(--rd-fontsize-4);
  cursor: pointer;
  text-decoration: none;
  position: relative;
  width: 100%;
}

.noAccses_msg {
  font-size: 0.9em;
  margin-bottom: 10px;
  color: #fd6262;
  margin-top: -10px;
}

.noAccses_msg:before {
  content: "";
  display: inline-block;
  background-image: url(/src/img/svg/af/close-red.svg);
  width: 10px;
  height: 10px;
  background-size: 100%;
  margin-right: 10px;
}

.disabled_tootip {
  position: absolute !important;
  display: none !important;
}

.disabled_link,
disabled_link:hover {
  opacity: 0.5;
  filter: grayscale(1);
  color: var(--cl-light-grey) !important;
  position: relative;
}

.disabled_link:hover .disabled_tootip {
  display: block !important;
  background-color: #212b36;
  z-index: 100;
  right: calc(100% + 10px);
  top: -10px;
  width: 250px;
  padding: 10px;
  font-size: 0.8em;
  color: var(--rd-font-light);
}

.disabled_link:hover .disabled_tootip:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #212b36;
  position: absolute;
  right: -5px;
  top: 15px;
  transform: rotate(45deg);
}

.disabled_link:hover {
  opacity: 1;
}

.pdf_btn.disabled_link {
  color: var(--rd-font-light) !important;
}

.uk_cert_download.disabled_link {
  color: #535353 !important;
}

.magenta_btn.disabled_link {
  opacity: 1;
  color: var(--rd-font-light) !important;
}

.hb_right:hover:before {
  right: auto;
  /* left: calc(100% + 7px);
  top: -10px !important; */
  left: calc(100% - 35px);
  bottom: calc(100% + 9px);
}

.hb_right:hover:after {
  right: auto !important;
  left: 2px !important;
  bottom: calc(100% + 4px);
}

.video_frame {
  max-width: 800px;
}

.video_frame_small {
  max-width: 500px;
  height: 281px;
  display: inline-block;
}

.hiddenERnr[type="number"] {
  padding: var(--rd-spacing-x-sm);
  margin-bottom: 10px;
  padding-left: 40px;
  box-sizing: border-box;
  width: 100%;
}

.er_label {
  position: absolute;
  padding: 7px 7px 7px 10px;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.set_center {
  text-align: center !important;
}

.login_form {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  padding: var(--rd-spacing-big);
  text-align: left;
  max-width: 350px;
  margin-top: 40px;
}

.login_title {
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: 2em;
  line-height: 1.8em;
  color: #7b6f64;
}

.er_number {
  display: table;
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid #999;
  margin-bottom: 10px;
}

.er_number label {
  font-weight: var(--rd-fontweights-open-sans-0);
  display: table-cell;
  padding: 10px 0 10px 10px;
  width: 15px;
}

.er_number input {
  display: table-cell;
  border: 0;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  outline: 0;
}

.login_form>input[type="text"] {
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid #999;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
}

.passwordinput {
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid #999;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
}

.login_form input[type="submit"] {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: var(--cl-deep-green);
  border: var(--rd-borderwidth-border-default) solid #689a18;
  color: var(--rd-font-light);
  font-size: 1em;
  cursor: pointer;
  margin-bottom: 20px;
  transition: all 0.2s linear;
}

.login_form input[type="submit"]:hover {
  background-color: #689a18;
}

.password {
  position: relative;
  margin-bottom: 10px;
  border: var(--rd-borderwidth-border-default) solid #999;
}

.password #password {
  padding: 10px;
  box-sizing: border-box;
  border: 0;
  width: 100%;
}

.showpw {
  position: absolute;
  top: 14px;
  right: 10px;
  cursor: pointer;
  max-width: 20px;
}

.password input {
  margin-bottom: 0 !important;
}

.passwort_valid {
  text-align: left;
  font-size: 0.7em;
  color: #999;
}

.login_help_input {
  display: none;
}

.login_help_cont {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s linear;
  text-align: left;
}

.login_help_label {
  display: block;
  color: #0066c0;
  font-size: 0.9em;
  cursor: pointer;
}

.login_help_label:hover {
  text-decoration: underline;
}

.link_help .lh_block>label:before,
.login_help_label:before {
  display: inline-block;
  content: "";
  width: var(--rd-spacing-x-sm);
  height: var(--rd-spacing-x-sm);
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/select_arrow.svg");
  margin-right: 5px;
  opacity: 0.7;
  transform: rotate(-90deg);
  transition: all 0.2s linear;
}

.login_help_input:checked+.login_help_block .login_help_label:before,
.login_help_label:hover:before,
.link_help .lh_block>label:hover:before,
.link_help>input[type="checkbox"]:checked+.lh_block>label:before {
  transform: rotate(0deg);
}

.login_help_input:checked+.login_help_block .login_help_label:hover:before,
.link_help>input[type="checkbox"]:checked+.lh_block>label:hover:before {
  transform: rotate(-90deg);
}

.login_help_input:checked+.login_help_block .login_help_cont {
  max-height: 4000px;
}

.link_help {
  display: block;
  font-size: 0.9em;
  padding-left: var(--rd-spacing-sm);
  margin: var(--rd-spacing-xx-sm) 0;
}

.link_help>input[type="checkbox"] {
  display: none;
}

.lh_cont {
  max-height: 0;
  overflow: hidden;
  padding-left: var(--rd-spacing-sm);
  color: #666;
}

.link_help>input[type="checkbox"]:checked+.lh_block .lh_cont {
  max-height: 4000px;
}

.link_help .lh_block>label {
  display: block;
  color: #0066c0;
  cursor: pointer;
}

.hr_text {
  display: inline-table;
  margin: 15px 0;
  width: 70%;
  font-size: 0.8em;
  color: #999;
}

.hr_text>div {
  display: table-cell;
  width: 33.3%;
}

.hrt_line>div {
  display: block;
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  width: 100%;
  height: 1px;
}

select[name="SUB_ER_NR"] {
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.flex_form {
  display: flex;
}

.flex_form .formfields {
  border-bottom: 0;
}

.flex_form>div {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  width: 50%;
}

#courseslist {
  height: 600px;
  overflow-y: scroll;
}

.help_img {
  width: 100%;
  max-width: 600px;
}

.feedbackForm.VideoForm .video_frame {
  max-width: 100%;
}

.lt3 {
  margin-bottom: 15px;
}

.overtitel_navi .pdf_btn {
  top: 0;
}

.header {
  min-height: 70px;
}

.login_section .center form img[alt="Logo"] {
  width: 100%;
}

.edit_category {
  color: #637381;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.edit_category:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: grayscale(1);
  background-image: url(../img/svg/af/pencil-gray.svg);
}

.edit_category:hover {
  color: var(--cl-deep-green);
}

.termin_filter {
  display: flex;
  vertical-align: top;
  margin-bottom: 10px;
}

.termin_filter div {
  margin-right: 15px;
}

.termin_filter div label {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.termin_filter div input,
.termin_filter div select {
  padding: 5px;
  border: var(--rd-borderwidth-border-default) solid #999;
}

.termin_filter input[type="submit"] {
  vertical-align: bottom;
  margin-top: 21px;
}

td[data-label="Ansprechpartner"]>div {
  white-space: nowrap;
  display: flex;
  font-size: 0.9em;
}

td[data-label="Ansprechpartner"] a {
  margin-left: 10px;
}

td[data-label="Datum"] {
  white-space: nowrap;
  font-size: 0.9em;
  font-style: italic;
}

.table_btn {
  font-size: 0.9em;
  white-space: nowrap;
  display: block;
  text-align: center;
  background-color: #7db91e;
  margin-bottom: 5px;
  border-radius: var(--rd-borderradius-border-md);
  padding: 2px 10px;
  color: var(--rd-font-light);
  max-width: 150px;
}

.table_btn:hover {
  background-color: #6ba017;
}

.termin_edit_input {
  margin: 10px 20px;
}

.termin_edit_input>div {
  display: inline-block !important;
  width: auto;
}

.termin_edit_input>div#formRest {
  display: block !important;
}

.termin_edit_input>div#formRest .form {
  display: flex !important;
}

.termin_edit_input label {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-1);
  margin-bottom: 5px;
}

.termin_protocol {
  background-color: var(--cl-pale-grey);
  padding: 10px;
  font-style: italic;
  color: #563535;
  font-size: 0.9em;
}

.termin_edit_input #datum {
  position: relative;
}

.date_flex {
  display: block;
  margin: 10px;
  vertical-align: middle;
}

.date_flex>div {
  display: inline-block;
}

.date_flex div label {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.date_flex div {
  margin-right: 10px;
}

.termin_list .contacts {
  margin: 5px 10px 40px 10px;
  font-style: italic;
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.termin_list .contacts>div {
  border-bottom: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  padding: 5px;
}

.termin_list .contacts>div:last-child {
  border-bottom: 0;
}

.contacts_title {
  font-weight: var(--rd-fontweights-open-sans-1);
  margin-left: 10px;
}

.termin_li:nth-child(odd) {
  background-color: var(--cl-light-grey);
}

st .contacts a {
  text-decoration: none;
  margin-left: 20px;
  color: #007ace;
}

.termin_list .contacts>div:nth-child(odd) {
  background-color: var(--cl-pale-grey);
}

.termin_list .contacts div a {
  display: inline-block;
  margin-left: 10px;
  text-decoration: none;
  color: #007ace;
}

.termin_navi {
  padding: 10px 20px;
}

#testversuche {
  display: none;
}

thead th {
  position: relative;
}

.ampelth {
  display: inline-block;
  background-image: url("/src/img/svg/af/traffic-light-solid.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.aktiv_user td:first-child {
  text-align: center;
}

.reset_user {
  display: inline-block;
  box-sizing: border-box;
  height: 36px;
  position: relative;
  width: 36px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
}

th .reset_user {
  margin-left: 10px;
}

.reset_user:before {
  content: "";
  background-image: url("/src/img/svg/af/sync-solid.svg");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

.one_form {
  text-align: left;
  padding: var(--rd-spacing-big) 40px;
}

.new_bullet {
  display: inline-block;
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  width: var(--rd-spacing-x-sm);
  height: var(--rd-spacing-x-sm);
  font-size: var(--rd-fontsize-0);
  line-height: var(--rd-spacing-x-sm);
  text-align: center;
  padding: 2px;
  border-radius: 100%;
  vertical-align: top;
  margin-left: 2px;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.new_header {
  display: table;
  width: 100%;
  width: 100%;
  box-sizing: border-box;
  /* padding:5px; */
  position: relative;
}

.new_header>div {
  display: table-cell;
}

.p20 {
  padding: var(--rd-spacing-big);
}

.nt_date {
  font-style: italic;
  color: #bbbbbb;
  text-align: right;
}

.nh_title {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.new_cont {
  /* padding:0 20px; */
  font-size: 0.85em;
  color: #535353;
}

#old_new_input {
  display: none;
}

.new_cont p img {
  max-width: 100%;
  object-fit: contain;
}

.old_new>label[for="old_new_input"] {
  color: #007ace;
  text-align: left;
  display: block;
  font-size: 0.9em;
  cursor: pointer;
}

.old_new_cont {
  display: none;
}

#old_new_input:checked+.old_new .old_new_cont {
  display: block;
}

.old_bemerkung {
  margin: 10px 30px;
  background-color: var(--cl-pale-grey);
  padding: var(--rd-spacing-big);
  border-radius: var(--rd-borderradius-border-md);
}

form[name="webinar_form"] {
  width: 60%;
  display: inline-block;
}

form[name="webinar_form"] .table_cell {
  text-align: left;
  vertical-align: top;
}

form[name="webinar_form"] .table_cell {
  padding: var(--rd-spacing-big);
}

form[name="webinar_form"] .id_table_input,
form[name="webinar_form"] .id_table_input>div {
  display: block !important;
  width: 100%;
}

form[name="webinar_form"] input {
  width: 100% !important;
  padding: 10px;
  box-sizing: border-box;
  border-radius: var(--rd-borderradius-border-md);
}

form[name="webinar_form"] input[type="email"] {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

form[name="webinar_form"] .input-append,
form[name="webinar_form"] .input-prepend {
  margin-bottom: 0;
}

form[name="webinar_form"] #webinardate {
  width: 100%;
}

form[name="webinar_form"] input[type="submit"] {
  margin-top: 15px;
  padding: 9px;
}

.kursadmin_warinung {
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  text-align: center;
  padding: 5px;
  font-weight: 800;
  max-height: 60px;
}

.kursadmin_warinung .center {
  margin-bottom: 0 !important;
}

.course_price {
  margin-top: 5px;
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-5);
}

.course_price .mmwst {
  font-weight: 300;
  font-size: 0.8em;
  color: #999999;
}

.course_price:before {
  content: "Preis: ";
  font-weight: 400;
  color: var(--cl-blue-grey);
}

.sell_table thead {
  background-color: #f9fafb;
  border-bottom: var(--rd-borderwidth-border-default) solid #ebeef0;
  border-top: var(--rd-borderwidth-border-default) solid #ebeef0;
}

.sell_table thead th {
  color: #212b36;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
}

.sell_table td {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
}

.sell_select_box {
  display: block;
  margin-top: 10px;
}

.sell_select_box select,
.sell_select_box input {
  display: inline-block;
  width: auto;
  padding: 5px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  font-size: var(--rd-fontsize-4);
  margin-left: 10px;
}

.sell_select_box label {
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-4);
}

.einzel_preis {
  font-size: var(--rd-fontsize-3);
  font-weight: 100;
  color: #999;
}

.einzel_preis .mmwst,
.summe_field .mmwst {
  display: block;
  font-weight: 100;
  margin-left: 5px;
  font-size: var(--rd-fontsize-3);
  color: #999999;
}

.summe_field {
  display: block;
  position: relative;
  text-align: right;
  padding-right: 5px;
  margin-bottom: 10px;
}

#lizenz_summe {
  font-weight: var(--rd-fontweights-open-sans-1);
}

#lizenz_return {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.lizenz_counter {
  padding: 0 20px;
  display: block;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  text-align: left;
}

.lizenz_counter span {
  color: var(--rd-primary-active);
}

.course_lizenz_view {
  margin-top: 10px;
  font-size: var(--rd-fontsize-4);
}

.course_lizenz_view span {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-primary-active);
}

.pay_kurs {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.formfields .simditor {
  max-width: 530px;
}

.formfields .simditor-toolbar {
  max-width: 100%;
}

.date_typ {
  margin-top: 20px;
}

.pay_typ {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
}

.pay_typ>div label {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-0);
  margin-bottom: 5px;
  text-transform: uppercase;
}

.pay_typ ul {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.pay_typ li {
  display: block;
  margin: 0 0 5px 10px;
}

.pay_typ li input[name="pay_typ"] {
  display: none;
}

.raio_pay {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 100%;
}

input:checked+.raio_pay {
  border: var(--rd-borderwidth-border-default) solid #007ace;
  position: relative;
}

input:checked+.raio_pay:before {
  content: "";
  background-color: #007ace;
  display: inline-block;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 100%;
}

.has_value[style="display: block;"] {
  margin-top: 20px;
  border-top: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
  padding: 10px 20px;
  box-sizing: border-box;
  padding-bottom: 30px;
}

.has_value[style="display: block;"] label {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.has_value[style="display: block;"] input {
  margin-bottom: 10px;
  display: block;
}

.referent_mail {
  box-sizing: border-box;
  margin-top: 40px;
  background-color: var(--rd-font-light);
  padding: var(--rd-spacing-big);
  border-radius: var(--rd-borderradius-border-md);
  box-shadow: 0 -0.12rem 0.2rem rgba(0, 0, 0, 0.25),
    0.1rem 0.15rem 0.13rem rgba(231, 88, 129, 0.05);
}

.referent_mail .rm_titel {
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.referent_mail .rm_titel+p {
  margin: 5px 0 10px 0;
  font-size: var(--rd-fontsize-4);
}

.referent_mail textarea {
  width: 100%;
  display: block;
  min-height: 150px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
}

.change_user {
  padding: var(--rd-spacing-big);
}

.change_user form {
  margin-bottom: 30px;
}

.change_user form input {
  padding: 5px;
}

.change_user form input[type="submit"] {
  cursor: pointer;
}

.change_user a {
  display: inline-block;
  text-decoration: none;
  color: #535353;
  background-color: var(--cl-pale-grey);
  padding: 5px 10px;
  border: var(--rd-borderwidth-border-default) solid #999;
  border-radius: var(--rd-borderradius-border-md);
}

.change_user a:hover {
  background-color: var(--cl-light-grey);
}

.future_releas {
  font-weight: 400;
}

.future_releas>span {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-primary-active);
}

.kurs_plus {
  display: inline-block;
  position: relative;
}

.kurs_plus span {
  font-weight: 800;
  color: var(--rd-primary-active);
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  margin-top: -2px;
  font-size: var(--rd-fontsize-5);
}

.k_plus span {
  font-weight: 800;
  color: var(--rd-primary-active);
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  margin-top: -5px;
}

.referent_mail input[type="email"] {
  padding: 5px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin-bottom: 10px;
  width: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 900px) {
  .price_block {
    width: 80% !important;
  }
}

@media screen and (max-width: 500px) {
  .price_block {
    width: 96% !important;
  }
}

@media screen and (max-width: 300px) {
  .stoerer_preise img {
    width: 100% !important;
    right: 10px;
    top: 10px;
  }

  .stoerer_preise,
  .stoerer_preise:hover {
    width: 25%;
    top: 12px;
    right: 12px;
  }
}

.lt_add_btn {
  margin: 10px;
  font-size: var(--rd-fontsize-4);
  display: block;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
  background-color: var(--cl-deep-green);
  width: calc(100% - 20px);
  cursor: pointer;
  border-radius: var(--rd-borderradius-border-md);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
  transition: all 0.2s linear;
}

.lt_add_btn:before {
  content: "+";
  display: inline-block;
  vertical-align: text-top;
  font-size: var(--rd-fontsize-6);
  font-weight: 800;
  margin-right: 5px;
  line-height: 14px;
  margin-top: 3px;
}

.lt_add_btn:hover {
  background-color: #659618;
}

.help_edit_navi {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  display: table;
  width: 100%;
  padding: 0 10px;
  /* background-color:var(--cl-pale-grey); */
  /* box-shadow:0 0 6px #999; */
  box-sizing: border-box;
  z-index: 1;
  margin-bottom: 20px;
  border-bottom: var(--rd-borderwidth-border-default) solid #bfbfbf;
}

.help_edit_navi>div {
  display: table-cell;
  width: 50%;
}

.help_edit_navi .lt_add_btn {
  display: inline-block;
  width: auto;
}

.hen_right {
  text-align: right;
}

.lt_edit_btn {
  cursor: pointer;
  color: #535353;
  font-size: var(--rd-fontsize-4);
  display: inline-block;
  margin-right: 10px;
}

.lt_edit_btn:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: grayscale(1);
  background-image: url(../img/svg/af/pencil-gray.svg);
}

.lt_edit_btn:hover {
  color: var(--cl-deep-green);
}

.help_edit {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  padding-bottom: 5px;
}

.help_edit>div {
  width: 50%;
  display: table-cell;
}

.help_edit>div:nth-child(2) {
  text-align: right;
}

.help_prev_btn {
  display: inline-block;
  padding: 5px;
}

.last_login {
  font-size: 0.8em;
  color: #808080;
  /* margin-top: -10px; */
}

.last_browser {
  font-size: 0.8em;
  color: #999;
  margin-bottom: 20px;
  font-style: italic;
}

.error_div~section .password {
  margin-bottom: 40px;
  border: var(--rd-borderwidth-border-default) solid #fd6262;
}

.error_div~section input[name="USER"] {
  border: var(--rd-borderwidth-border-default) solid #fd6262 !important;
}

.error_div~section .password:before {
  content: "ihre Anmeldedaten waren nicht korrekt";
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  color: #fd6262;
  font-size: 0.9em;
}

.sel_all {
  font-size: 0.9em;
  font-weight: var(--rd-fontweights-open-sans-1);
  color: #535353;
}

.sel_all_instr {
  margin-bottom: 10px;
}

.sel_all_instr .dcle_cb label {
  margin-left: 5px;
}

.sad {
  max-width: 250px;
}

.cb_inline_box {
  display: inline-block;
  margin-right: 10px;
}

.cb_inline_box input {
  display: none;
}

.cb_inline_box .chib_checkbox {
  display: inline-block;
  height: 14px;
  width: 14px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-pale-grey);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
}

.cb_inline_box .chib_checkbox: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: all 0.2s linear;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  background-color: var(--cl-deep-green);
}

.chib_label {
  display: inline-block;
  vertical-align: middle;
}

.cb_inline_box input:checked+.chib_checkbox:before {
  opacity: 1;
}

.form_end {
  margin-bottom: 20px;
}

.cli_custom .cat_name {
  color: #75b117 !important;
}

.locked_users_instruction {
  display: inline-block;
  font-size: var(--rd-fontsize-3);
  float: right;
  margin: 10px 0 10px 10px;
  padding: 10px;
  background-color: var(--cl-pale-grey);
  color: #535353;
  width: 180px;
  border-radius: var(--rd-borderradius-border-md);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
}

.lui_titel {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.lui_titel:before {
  content: "!";
  font-weight: 800;
  display: inline-block;
  margin-right: 5px;
  border-radius: 100%;
  background-color: #999;
  color: var(--rd-font-light);
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
}

#ieBox[style="display: block;"] {
  position: fixed;
  z-index: 100000;
  text-align: center;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url("/src/img/black90p.png");
}

.ib_msg {
  background-color: var(--rd-font-light);
  display: inline-block;
  width: 70%;
  margin-top: 10%;
  padding: var(--rd-spacing-big);
  max-width: 450px;
}

.ibm_titel {
  font-weight: 800;
  font-size: 1.2em;
  margin-bottom: 10px;
  color: var(--rd-primary-active);
}

.ibm_text {
  display: block;
}

.ib_msg a {
  display: inline-block;
  text-decoration: none;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #75b117;
  color: var(--rd-font-light);
  cursor: pointer;
  border-radius: var(--rd-borderradius-border-md);
}

.ib_msg a:hover {
  box-shadow: 0 0.15rem 0.18rem rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.15);
  opacity: 0.8;
}

.timepicker .table-condensed tr td:nth-child(4),
.timepicker .table-condensed tr td:nth-child(5) {
  display: none;
}

.cont_body {
  position: relative;
}

.resetdb {
  position: absolute;
  right: 0;
  top: -30px;
  color: var(--rd-primary-active);
  text-decoration: none;
}

.resetdb:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("/src/img/svg/af/sync-alt-magenta.svg");
}

.prev_kurs_desc span {
  color: var(--rd-font-light) !important;
}

.r_c {
  display: none;
}

.kursplus_logo span {
  color: var(--rd-primary-active);
  font-weight: 800;
}

.cours_plus_category {
  display: table;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  min-height: 230px;
}

.cours_plus_category>div {
  display: table-cell;
  position: relative;
}

.cl_both {
  clear: both;
}

.cpc_img {
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  width: 30%;
  vertical-align: top;
}

.cpc_img:after {
  content: "";
  display: inline-block;
  width: 100%;
  padding-top: 56%;
}

.cpc_img img {
  width: 100%;
}

.cpc_navi {
  padding: var(--rd-spacing-big);
  width: 60%;
  box-sizing: border-box;
}

.cpc_n_titel {
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 26px;
  display: inline-block;
}

[data-packet="Qualifizierung zur Betreuungskraft nach § 53b SGB XI"] .cpc_n_titel {
  display: flex;
}

.prev_categorie .cpc_n_titel {
  display: inline-grid;
  grid-template-areas:
    "TEXT PLUS NEU";
}

.prev_categorie .cpc_n_titel:after {
  grid-area: PLUS;
}

.prev_categorie .cpc_n_titel:before {
  content: "(NEU)";
  grid-area: NEU;
  margin-left: 8px;
}

.cpc_n_titel:after {
  content: "+";
  color: var(--rd-primary-active);
}

.cpc_preis {
  /* opacity: 0.8; */
  color: var(--rd-primary-active);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 16px;
}

.cpc_n_menu {
  text-align: left;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rd-spacing-md);
  align-items: center;
}

.cpc_n_menu .rd-secondary-btn-textlink {
  margin-left: var(--rd-spacing-md);
}

.cpc_n_counter {
  opacity: 0.8;
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 16px;
}

.cpc_desc {
  color: #637381;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 80px;
}

.cpc_n_menu .rd-primary-btn,
.cpc_n_menu .rd-secondary-btn {
  margin-left: 10px;
}

/*
.cpc_n_menu .rd-primary-btn:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  margin-left: 5px;
  transform: rotate(-45deg);
  border-right: 3px solid var(--rd-font-light);
  border-bottom: 3px solid var(--rd-font-light);
}
*/

.buy_plus {
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.buy_plus:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  margin-left: 5px;
  transform: rotate(-45deg);
  border-right: 3px solid var(--rd-font-light);
  border-bottom: 3px solid var(--rd-font-light);
}

.clc_img {
  position: relative;
}

.kurs_plus_releas_date {
  background-color: #585856;
  color: var(--rd-font-light);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 17px;
  padding: 5px;
  box-shadow: -0.1rem 0 0.14rem rgba(0, 0, 0, 0.2);
}

.kpsbs_cont {
  opacity: 0;
  visibility: hidden;
  /* hält das Element im Layout sichtbar */
  height: 0;
  transition: opacity 0.3s ease, height 0.3s ease;
}


input[name="kurs_plus_sbs"] {
  display: none;
}

input[name="kurs_plus_sbs"]:checked+.kpsbs_cont {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.next_btn {
  display: inline-block;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 19px;
  padding: 10px 20px;
  font-size: var(--rd-fontsize-4);
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

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

.sell_users_table>div {
  display: table-cell;
}

.sell_users_table>div legend {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 17px;
  text-transform: uppercase;
  padding: 10px;
  box-sizing: border-box;
}

.sell_users_table>div input[type="text"] {
  padding: 10px;
  margin: 0 10px;
  width: calc(100% - 20px);
  box-sizing: border-box;
}

.user_deselect_box,
.user_select_box {
  display: none;
}

.users_table_block {
  margin-top: 20px;
}

.users_table_block input[type="radio"] {
  display: none;
}

.users_table_block input[type="radio"]:checked+div {
  display: block;
}

.users_table_block label {
  display: block;
  margin: 0 10px;
  width: calc(100% - 20px);
  padding: 5px;
  box-sizing: border-box;
  border: var(--rd-borderwidth-border-default) solid #dfe3e8;
  background-color: #f9fafb;
  cursor: pointer;
}

.users_table_block .user_has_lizenz {
  font-size: var(--rd-fontsize-3);
  background-color: var(--rd-warning-inactive);
  padding: var(--rd-letterspacing-0) var(--rd-spacing-x-sm);
  border-radius: var(--rd-borderradius-border-lg);
  float: right;
  color: #713f12;
}

.users_table_block {
  max-height: 300px;
  overflow-y: scroll;
}

.users_table_block input[type="radio"]:not(:checked)+div {
  display: none !important;
}

#show_lizenz {
  display: inline-block;
  float: right;
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--cl-blue-grey);
  color: var(--rd-font-light);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  padding: 3px 15px;
  box-sizing: border-box;
  text-transform: initial;
}

.form_error {
  display: block;
  border: var(--rd-borderwidth-border-default) solid #fd6262;
  position: relative;
  margin: 10px;
  color: #fd6262;
  padding: 10px;
  font-size: var(--rd-fontsize-3);
  font-style: italic;
}

.form_error:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: var(--rd-borderwidth-border-default) solid #fd6262;
  border-top: var(--rd-borderwidth-border-default) solid #fd6262;
  top: -0.42rem;
  left: 20px;
  transform: rotate(45deg);
  background-color: var(--rd-font-light);
}

.settings form {
  margin: var(--rd-spacing-big);
}

.kurs_plus_logo span {
  color: var(--rd-primary-active);
  font-weight: 800;
}

.kurs_plus_preis {
  height: 167px;
  width: 161px;
  display: inline-block;
  position: absolute;
  top: 30px;
  right: -200px;
  text-align: center;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  mask-image: url("/src/img/2023/svg/icons/StarBG_magenta_2.png");
  -webkit-mask-image: url("/src/img/2023/svg/icons/StarBG_magenta_2.png");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  transform: rotate(14.545deg);
  background-color: var(--rd-secondary-active);
}



.kurs_plus_preis.kpp_99999985 .kpp3 {
  margin-top: 0;
}

.kurs_plus_preis .kpp1,
.kurs_plus_preis .kpp3 {
  display: block;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
}

.kurs_plus_preis .kpp1 {
  margin-bottom: 15px;
  margin-top: 20px;
}

.kurs_plus_preis .kpp3 {
  margin-top: 15px;
}

.kurs_plus_preis .kpp2 {
  display: inline-table;
}

.kpp_999999124 .kpp2,
.kurs_plus_preis.kpp_99999985 .kpp2 {
  margin-top: 40px;
}

.kurs_plus_preis.kpp_99999985 .kpp2 .kpp2_1,
.kurs_plus_preis.kpp_99999985 .kpp2 .kpp2_3,
.kurs_plus_preis.kpp_999999124 .kpp2 .kpp2_1,
.kurs_plus_preis.kpp_999999124 .kpp2 .kpp2_3 {
  font-size: 50px;

}

/* .kurs_plus_preis.kpp_99999985 .kpp3{
  font-size: 10px;
  line-height: 132%;
} */

.kurs_plus_preis.kpp_99999985 .kpp1,
.kurs_plus_preis.kpp_999999124 .kpp1 {
  display: none;
}

.kurs_plus_preis.kpp_99999985 .kpp2>span,
.kurs_plus_preis.kpp_999999124 .kpp2>span {
  vertical-align: sub;
}

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

.kurs_plus_preis .kpp2 .kpp2_1,
.kurs_plus_preis .kpp2 .kpp2_3 {
  font-size: 57px;
  line-height: 50px;
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
}

.kurs_plus_preis .kpp2 .kpp2_2 span {
  display: block;
}

.kurs_plus_preis .kpp2 .kpp2_2 span:nth-child(1) {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.kurs_plus_preis .kpp2 .kpp2_2 span:nth-child(2) {
  font-size: 57px;
  line-height: 0;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.kurs_plus_preis .kpp2 .kpp2_2 {
  padding-right: 5px;
}

.cpc_img {
  background-size: cover;
}

.table_row {
  display: grid;
  grid-template-areas: "NAME" "DESC" "MENU";
}

.kp_dd {
  display: none;
}

.kp_tab {
  position: relative;
}

.kp_tab:hover .kp_dd {

  display: block;
  position: absolute;

  left: 0;
  top: calc(100% - 5px);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
    0 1px 3px 0 rgba(63, 63, 68, 0.15);
  z-index: 1000;
}

.kp_dd ul,
.kp_dd li {
  display: block;
  margin: 0;
  padding: 0;
}

.kp_dd a {
  padding: 6px 15px;
  display: block;
  color: #007ace;
  text-decoration: none;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
}

.kp_dd a:hover {
  text-decoration: underline;
}

.cb_navi>span:hover .kp_dd:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  transform: rotate(-45deg);
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  border-top: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  left: 20px;
  top: -6px;
  background-color: var(--rd-font-light);
}

.kp_points {
  background-color: var(--rd-primary-active);
  display: inline-block;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  margin-top: 15px;
  margin-left: 15px;
  padding: 2px 10px;
  border-radius: var(--rd-borderradius-border-lg);
}

.kpp_icon {
  display: inline-block;
  height: 12px;
  width: 22px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/src/img/svg/af/points.svg");
  vertical-align: top;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 2px;
}

.future_date {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  text-align: center;
  padding: 5px;
  font-weight: var(--rd-fontweights-open-sans-0);
  font-size: var(--rd-fontsize-4);
  text-transform: uppercase;
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
}

.user_grid {
  display: grid;
  width: 100%;
  grid-template-areas: "CONT NAVI";
  grid-template-columns: calc(16 * 100% / 24) calc(8 * 100% / 24);
  clear: both;
}

@media screen and (max-width: 1300px) {
  .user_grid {
    grid-template-areas: "CONT" "NAVI";
    grid-template-columns: 100%;
  }

  .ug_left {
    padding-right: 0;
  }

  .user_grid>div {
    margin-bottom: 10px;
  }
}

.del_form {
  margin-top: 10px;
}

.del_form form {
  margin: 0 0 5px 0;
  display: inline-block;
}

form.user_sperren .lock_user,
form.user_entsperren .lock_user {
  margin-bottom: 0 !important;
  background-color: transparent;
  background: none;
  border: none;
  padding: 5px;
  margin-bottom: 15px;
  font-weight: unset;
  box-shadow: none;
}

.ust,
.sell_pos {
  display: block;
  font-size: var(--rd-fontsize-3);
  color: #999999;
}

.sell_user_rolls {
  font-size: var(--rd-fontsize-3);
  color: #999999;
}

.laufzeit {
  margin-bottom: 15px;
  display: block;
  color: #535353;
  font-size: var(--rd-fontsize-4);
}

@media screen and (max-width: 1450px) {

  .CustomerTable tr td:nth-child(3),
  .CustomerTable tr th:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 1350px) {

  .CustomerTable tr td:nth-child(6),
  .CustomerTable tr th:nth-child(6) {
    display: none;
  }
}

@media screen and (max-width: 1200px) {

  .CustomerTable tr td:nth-child(3),
  .CustomerTable tr th:nth-child(3),
  .CustomerTable tr td:nth-child(6),
  .CustomerTable tr th:nth-child(6) {
    display: block;
  }

  .CustomerTable thead {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .formfields {
    grid-template-columns: 100% !important;
    grid-template-areas: "ONE" "TWO" "THRE";
  }

  .CustomerTable tr td {
    display: block;
    width: 100%;
  }
}

.kp_pos {
  font-size: var(--rd-fontsize-3);
  display: block;
}

.kp_pos span {
  display: inline-block;
  margin-right: 5px;
  color: var(--rd-primary-active);
}

.kp_pos span:after {
  content: ",";
}

.kp_pos span:last-child:after {
  content: "";
}






.agb_confirm span {
  display: inline-block;
  vertical-align: top;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  grid-area: LABEL;
}

.agb_err {
  position: absolute;
  top: calc(100% + 2px);
  display: inline-block;
  left: -12px;
  background-color: var(--rd-font-light);
  color: #fd6262;
  border: var(--rd-borderwidth-border-default) solid #fd6262;
  padding: 5px 10px;
  font-size: var(--rd-fontsize-3) !important;
}

.agb_err:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: var(--rd-borderwidth-border-default) solid #fd6262;
  border-bottom: var(--rd-borderwidth-border-default) solid #fd6262;
  background-color: var(--rd-font-light);
  position: absolute;
  transform: rotate(225deg);
  top: -7px;
  left: 12px;
}

.agb_confirm {
  position: relative;
}

.popup_overlay,
.popup_input {
  display: none;
}

.popup_input:checked+.popup_overlay {
  display: block;
}

.popup_overlay {
  position: fixed;
  z-index: 100000;
  background-image: url("/src/img/black80p.png");
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
}

.popup_frame {
  display: inline-block;
  width: 50%;
  background-color: #585856;
  min-width: 600px;
  margin-top: 5%;
  border-radius: var(--rd-borderradius-border-md);
  padding: var(--rd-spacing-big);
  box-sizing: border-box;
  position: relative;
  max-width: 600px;
}

.popup_frame img {
  width: 90%;
}

.pf_over_titel {
  color: var(--cl-deep-green);
  text-align: left;
  font-size: var(--rd-fontsize-4);
}

.pf_titel {
  color: var(--rd-font-light);
  text-align: left;
  font-weight: 800;
  font-size: var(--rd-fontsize-);
}

.pf_text {
  color: var(--rd-font-light);
  text-align: left;
  margin-top: 10px;
}

.pf_btn {
  text-align: right;
}

.close_popup {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("/src/img/svg/af/close.svg");
  background-size: 100%;
  background-position: 50%;
  position: absolute;
  right: 20px;
  top: 18px;
  cursor: pointer;
  filter: brightness(10);
}

@media (max-width: 1600px) {
  .cpc_img {
    width: 50%;
  }
}

@media (max-width: 1400px) {
  .cpc_img {
    background-size: 100%;
    background-position: top;
  }

  .cpc_desc {
    font-size: var(--rd-fontsize-3);
  }
}

@media (max-width: 900px) {

  .cours_plus_category,
  .cours_plus_category>div {
    display: block;
    width: 100%;
  }
}

/** MESSEGES **/
#memonavileft>div {
  display: block;
  color: #007ace;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  margin: 10px;
  width: calc(100% - 20px);
  padding: 5px;
  box-sizing: border-box;
  margin: 5px;
}

#memonavileft>div:before {
  content: "";
  display: inline-block;
}

#outboxtable td {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
}

#outboxtable td:last-child {
  padding-right: 10px;
}

#outboxtable input {
  margin: 0;
}

#outboxtable tbody {
  height: 70%;
  overflow-y: auto;
  background-color: var(--rd-font-light);
}

a {
  color: #007ace;
  text-decoration: none;
}

#boxfoot {
  border: var(--rd-borderwidth-border-default) solid #aaa;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  height: 35px;
  background-color: rgba(143, 157, 174, 0.05);
  color: #637381;
}

#addToTrash,
#delete,
#addToInbox {
  float: right;
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  padding: 5px 10px;
  font-size: var(--rd-fontsize-3);
  line-height: 12px;
  cursor: pointer;
}

#addToTrash:hover,
#delete:hover,
#addToInbox:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
  opacity: 0.8;
}

#addToTrash:before,
#delete:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 12px;
  background-image: url(/src/img/svg/af/trash-blue.svg);
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;
  filter: grayscale(1);
  opacity: 0.8;
}

#addToInbox {
  margin-right: 10px;
}

#addToInbox:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url(/src/img/svg/af/reset-blue.svg);
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;
  filter: grayscale(1);
  opacity: 0.8;
}

.sbtitle {
  color: #999999;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 16px;
}

.sbtitle>span {
  font-weight: var(--rd-fontweights-open-sans-0);
  color: #535353;
}

#memoaction {
  width: 100%;
  display: block;
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  display: grid;
  grid-template-areas: "NAV TOP" "NAV CONT" "NAV BUTTON";
  grid-template-columns: calc(6 * 100% / 24) calc(18 * 100% / 24);
}

#tablebuttontop {
  grid-area: TOP;
  padding: 10px;
}

#memonavileft {
  grid-area: NAV;
  position: relative;
  padding-right: 10px;
}

#memonavileft:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: var(--rd-spacing-x-sm);
  background-size: 100%;
  background-image: url(../img/shadow.png);
  opacity: 0.4;
}

#outboxtable {
  grid-area: CONT;
}

.memopaginator {
  grid-area: BUTTON;
  padding: 10px;
}

#boxdescr {
  display: inline-block;
  margin: 0;
  color: #637381;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
}

.white_sel.inside_element.logos a {
  color: var(--rd-font-light) !important;
  text-decoration: none;
}

.rd-home-page .stimmen a {
  color: var(--rd-font-light) !important;
  text-decoration: none !important;
}

.stimmen .rd-primary-btn {
  margin-left: 129px;
  margin-top: var(--rd-spacing-x-big);
}

.rd-home-page .sticky-text-content:has(.ac_cont label) .rd-primary-btn-outline {
  margin-top: var(--rd-spacing-x-big);
}

.rd-home-page .sticky-text-content .rd-primary-btn-outline {
  margin-top: var(--rd-spacing-md);
}

.rd-home-page .sticky-text-content:has(.faq_frage) .rd-primary-btn-outline {
  margin-top: 0;
}

.rd-home-page .sticky-text-content .rd-primary-btn {
  margin-right: var(--rd-spacing-x-sm);
}

.instr_quick_menu .rd-icon-c-document-duplicate::before {
  width: 14px;
  height: 14px;
}


@media (max-width: 700px) {
  #memoaction {
    grid-template-areas: "NAV" "TOP" "CONT" "BUTTON";
    grid-template-columns: 100%;
  }

  #memonavileft>div {
    display: inline-block;
    padding: 5px;
  }

  #memonavileft:after {
    display: none;
  }

  #memonavileft>div {
    width: auto;
  }

  .myProfil .rd-card-left>.rd-input-row:nth-child(2),
  .myProfil .rd-card-left>.rd-input-row:nth-child(6),
  .myProfil .rd-card-left>.rd-input-row:nth-child(9),
  .myProfil .rd-card-left>.rd-input-row:nth-child(11) {
    margin-bottom: 0;
  }


  .kpsbs_cont .kurs-plus-grid {
    grid-template-areas: "LEFT" "RIGHT";
    grid-template-columns: 100%;
  }

  .sell_users_table {
    display: grid;
    gap: 24px;
    padding: 0 24px;
  }

  [data-instr-class-tab="pluscourses"] .formheader {
    padding: var(--rd-spacing-x-lg) var(--rd-spacing-x-big);
  }

}

.sendby {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.sendby:hover {
  overflow: unset;
  position: absolute;
  width: 100%;
  white-space: unset;
  background-color: var(--rd-font-light);
  z-index: 1;
  border: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  font-size: var(--rd-fontsize-3) !important;
  border-radius: var(--rd-borderradius-border-md);
  margin-top: 5px;
  box-shadow: 0.05rem 0.15rem 0.17rem rgba(0, 0, 0, 0.14);
  padding: var(--rd-spacing-big);
}

.sendby:hover:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-left: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
  background-color: var(--rd-font-light);
  left: -9px;
  top: 10px;
  transform: rotate(45deg);
}

.senddate {
  white-space: nowrap;
}

#outboxtable tr td:nth-child(2) {
  width: 40%;
}

.undoBtn {
  display: none;
}

select[name="Limiter"] {
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  width: auto;
  padding: 5px 10px;
}

#memonavileft>div:before {
  content: "";
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-right: 10px;
  filter: grayscale(1);
}

.naviInbox:before {
  background-image: url("/src/img/svg/af/in-box-green.svg");
}

.naviOutbox:before {
  background-image: url("/src/img/svg/af/out-box-green.svg");
  background-size: 90% !important;
}

.naviTrash:before {
  background-image: url("/src/img/svg/af/trash-box-green.svg");
  background-size: 75% !important;
}

.naviTamplate:before {
  background-image: url("/src/img/svg/af/tamplate-green.svg");
  background-size: 95% !important;
}

#newMemo {

  display: inline-block;
  cursor: pointer;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  margin-bottom: 10px;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
  padding: var(--rd-spacing-x-sm) 10px;
  margin-left: 24px;
}

#newMemo:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 17px;
  margin-right: 5px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: grayscale(1) brightness(100);
  background-image: url("/src/img/svg/af/umschalg-green.svg");
  vertical-align: middle;
}

#newMemo:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

#memosuche {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  padding: var(--rd-spacing-x-sm);
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  min-width: 50%;
  position: relative;
  background-image: url("/src/img/svg/af/search-gray.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: top 10px left 10px;
  padding-left: 30px;
}

#naviInbox,
#naviTrash,
#naviOutbox,
#naviTamplate {
  border-radius: var(--rd-borderradius-border-md);
  background-color: rgba(122, 181, 29, 0.2);
}

#naviInbox:before,
#naviTrash:before,
#naviOutbox:before,
#naviTamplate:before {
  filter: none !important;
}

.unreadactive,
.unreadinactive {
  display: inline-block;
  text-align: center;
  height: 16px;
  width: 24px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}

#memo {
  width: 100%;
  display: block;
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

#memobuttontop,
.msg_header,
.msg_body {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.msg_footer {
  text-align: right;
  box-sizing: border-box;
  position: relative;
  padding: 10px;
}

#memobuttontop {
  padding: 10px;
}

#closeMemo {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  padding: 5px 10px;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  background: linear-gradient(180deg, var(--rd-font-light) 0%, #f9fafb 100%);
  cursor: pointer;
}

#closeMemo:hover {
  background: linear-gradient(180deg, #f9fafb 0%, var(--rd-font-light) 100%);
}

#closeMemo:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  margin-right: 5px;
  background-image: url("/src/img/svg/af/chevron-left-gray.svg");
  vertical-align: top;
  margin-top: var(--rd-spacing-xx-sm);
}

.msg_header {
  width: 100%;
  position: relative;
  padding: 5px 10px;
  box-sizing: border-box;
}

.msg_header>div {
  display: inline-block;
}

.msg_subject {
  color: #637381;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  padding: 5px 10px 0 10px;
}

.msg_header {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 17px;
}

.msg_date {
  float: right;
}

.msg_from {
  margin-right: 10px;
  padding-right: 10px;
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-blue-grey);
}

.msg_body {
  padding: 10px;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 21px;
  width: 100%;
  box-sizing: border-box;
}

#addResponseBt {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
  cursor: pointer;
  display: inline-block;
  padding: var(--rd-spacing-x-sm) 10px;
}

#addResponseBt:before {
  content: "";
  background-image: url("/src/img/svg/af/share-solid.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  display: inline-block;
  width: 18px;
  height: 15px;
  vertical-align: top;
  margin-right: 5px;
  margin-top: 2px;
}

#addResponseBt:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.hidebox {
  display: none;
}

#memobox {
  width: 100%;
  display: block;
  background-color: var(--rd-font-light);
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
}

#memobox #memo {
  background-color: unset;
  border: unset;
}

#memoheadbox {
  margin-bottom: 20px;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

#memoheadbox>span {
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 17px;
  display: inline-block;
  width: 100px;
  padding: 10px;
  box-sizing: border-box;
}

#memoheadbox>span+input {
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  padding: 5px;
  width: calc(100% - 120px);
  box-sizing: border-box;
  box-sizing: border-box;
}

#memobox h3 {
  color: #637381;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  padding: 0 0 0 10px;
}

#memobox .tox-tinymce {
  margin: var(--rd-spacing-big);
}

#memobox .ti_input {
  margin: 10px 20px 10px 0;
  color: #637381;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
}

.msg_btn {
  cursor: pointer;
}

.down_textarea {
  text-align: right;
  padding: 0 20px 10px 0;
}

.down_textarea .msg_btn {
  display: inline-block;
  padding: var(--rd-spacing-x-sm) 10px;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
}

.msg_btn {
  cursor: pointer;
}

.down_textarea .msg_btn:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.down_textarea .msg_btn:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 17px;
  margin-right: 5px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: grayscale(1) brightness(100);
  background-image: url("/src/img/svg/af/umschalg-green.svg");
  vertical-align: middle;
}

#contactbox.showbox {
  position: absolute;
  z-index: 10;
  background-color: var(--rd-font-light);
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin-top: -1px;
  border-radius: var(--rd-borderradius-border-md);
  right: 0;
  left: 0;
  bottom: 0;
  top: 120px;
}

#contacts {
  position: relative;
}

#contactbox h3 {
  margin: 0;
  color: #637381;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  padding: 10px;
}

#filterset {
  display: block;
  border-bottom: var(--rd-borderwidth-border-focus) solid #e9ecf0;
}

#filterset label {
  display: inline-block !important;
  text-decoration: none;
  color: #535353;
  padding: 10px;
  position: relative;
  font-weight: unset;
  margin: 0;
  cursor: pointer;
}

#filterset label:after {
  position: absolute;
  content: "";
  display: inline-block;
  height: 4px;
  background-color: var(--cl-deep-green);
  left: 0;
  bottom: -3px;
  right: 0;
  opacity: 0;
  transition: all 0.2s linear;
}

#filterset input {
  display: none;
}

#filterset input:checked+label:after,
#filterset label:hover:after {
  opacity: 1;
}

.msg_zuweisung_list {
  display: grid;
  grid-template-areas: "LIST ARROW LIST2" "BUTTON BUTTON BUTTON";
  grid-template-columns: calc(50% - 20px) 40px calc(50% - 20px);
}

#liste {
  grid-area: LIST;
  max-height: 420px;
  overflow-x: scroll;
}

#liste2 {
  grid-area: LIST2;
  max-height: 420px;
  overflow-x: scroll;
}

#arrows {
  grid-area: ARROW;
}

.msg_zuweisung_list .bottbutton {
  grid-area: BUTTON;
  width: 100%;
  text-align: right;
  padding: 10px;
  box-sizing: border-box;
}

.msg_zuweisung_list #liste>div>label,
.msg_zuweisung_list #liste2>div>label {
  display: block;
  background-color: var(--cl-pale-grey);
  margin: 5px 10px;
  padding: 5px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s linear;
}

.msg_zuweisung_list #liste>div>label:hover,
.msg_zuweisung_list #liste2>div>label:hover {
  background-color: var(--cl-light-grey);
}

.msg_zuweisung_list .groups {
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.msg_zuweisung_list .groups:before,
label[for="group_list"]:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 15px;
  margin-right: 10px;
  background-image: url(/src/img/svg/af/users-solid.svg);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  filter: grayscale(1);
  vertical-align: middle;
}

label[for="group_list"]:before {
  margin-right: 0;
}

.msg_zuweisung_list .users {
  font-size: var(--rd-fontsize-4);
}

.msg_zuweisung_list .users:before,
label[for="user_list"]:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 15px;
  margin-right: 10px;
  background-image: url(/src/img/svg/af/user-gray.svg);
  background-size: 80%;
  background-position: 50%;
  background-repeat: no-repeat;
  filter: grayscale(1);
  vertical-align: middle;
}

label[for="user_list"]:before {
  margin-right: 0;
}

#emptylist {
  font-size: var(--rd-fontsize-4);
  padding: 10px;
  display: block;
  color: #999;
}

.msg_zuweisung_list .bottbutton .msg_btn {
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, #89cc20 0%, var(--cl-deep-green) 100%);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
  padding: 5px 15px;
  cursor: pointer;
}

.msg_zuweisung_list .bottbutton .msg_btn:hover {
  background: linear-gradient(180deg, var(--cl-deep-green) 0%, #89cc20 100%);
}

.msg_btn {
  display: inline-block;
  color: #212b36;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
}

.msg_top_navi {
  border: none !important;
  text-align: right;
}

.unread {
  font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-home-page h3 {
  font-size: var(--rd-fontsize-11);
}

@media (max-width: 700px) {
  #memo {
    margin-bottom: 40px;
  }
}

@media (max-width: 600px) {
  .msg_header>div {
    display: block;
    float: unset;
    text-align: left;
    border: none;
    margin-bottom: 5px;
  }


  .df_img.dfi2 .stern_batch {
    position: relative !important;
    top: unset !important;
    right: unset !important;
  }

  .dfi2 {
    float: right;
    margin-top: -20px;
    margin-bottom: 20px;
  }


  .kurs_plus_preis {
    top: 115px;
    right: 0;
  }

  .rd-landingpage-upgrade .angebot-form .container {
    padding-top: 0;
  }

}

@media (max-width: 520px) {
  .pb_price {
    text-align: left !important;
  }

  #outboxtable tr,
  #outboxtable td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  #outboxtable thead {
    display: none;
  }

  #outboxtable td {
    padding: 5px;
  }

  #q_menu_change_lang {
    margin-left: auto !important;
  }

  .qc_header {
    flex-wrap: wrap;
    gap: var(--rd-spacing-md);
  }

  .qc_header>div {
    flex-wrap: wrap;
  }
}

@media (max-width: 430px) {
  #boxdescr {
    display: block;
    margin-bottom: 10px;
  }

  #memosuche {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
  }

  .msg_zuweisung_list {
    grid-template-areas: "LIST" "ARROW" "LIST2" "BUTTON";
    grid-template-columns: 100%;
  }

  #liste {
    max-height: 150px;
  }

  #arrows {
    height: 50px;
  }

  .kpsbs_cont .button {
    width: 100%;
  }

  .kpsbs_cont .form_btn_block {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
  }

  .kpsbs_cont .button.fill {
    margin-left: 0;
  }

  .kpsbs_cont table tbody tr {
    display: grid;
  }

  .kpsbs_cont .rd-select {
    width: 95% !important;
  }

  .kpsbs_cont .kurs-plus-grid>div {
    display: block;
  }

  .kpsbs_cont .formfields {
    padding: 0 var(--rd-spacing-x-big);
  }

  .sell_select_box select,
  .sell_select_box input {
    margin-left: 0;
  }
}

@media (max-width: 290px) {

  #addToTrash,
  #delete,
  #addToInbox {
    margin-bottom: 10px;
    float: unset;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  #memonavileft>div {
    width: 100%;
  }
}

@media (max-width: 1300px) {
  .mainframe>section .center {
    min-width: 100%;
  }
}

@media (max-width: 999px) {
  .mainframe>section .center {
    min-width: unset;
  }
}

.save_template {
  display: inline-block;
  padding: var(--rd-spacing-x-sm) 10px;
  border: var(--rd-borderwidth-border-default) solid #e83e6f;
  border-radius: var(--rd-borderradius-border-md);
  background: linear-gradient(180deg, var(--rd-primary-active) 0%, #e83e6f 100%);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 19px;
  margin-right: 10px;
  cursor: pointer;
}

.save_template:hover {
  background: linear-gradient(180deg, #e83e6f 0%, var(--rd-primary-active) 100%);
}

.save_template:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 17px;
  margin-right: 5px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: grayscale(1) brightness(100);
  background-image: url(/src/img/svg/af/tamplate-add-green.svg);
  vertical-align: middle;
}

.msg_all_ussers_btn {
  background-color: var(--rd-primary-active);
  border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
  color: var(--rd-font-light);
  padding: 5px;
  margin-left: 10px;
}

/** MESSEGES END **/
.koop_block {
  display: grid;
  grid-template-areas: "TEXT IMG";
  grid-template-columns: 40% 60%;
  margin-bottom: 80px;
  text-align: left;
  width: 100%;
}

.white_sel .koop_block {
  grid-template-areas: "IMG TEXT";
}

.koop_block:nth-child(1) {
  margin-top: 40px;
}

.kb_img {
  grid-area: IMG;
}

.kb_img img {
  width: 90%;
}

.koop_block h2 {
  line-height: 1.2em;
  color: #637381;
  font-size: var(--rd-fontsize-8);
  line-height: 32px;
  font-weight: normal;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.koop_lists {
  display: grid;
  grid-template-areas: "LIST1 LIST2";
  grid-template-columns: 50% 50%;
  margin-top: 20px;
  margin-bottom: 80px;
}

.koop_lists>div {
  text-align: left;
}

.koop_lists li {
  color: var(--rd-primary-active);
  margin-bottom: 15px;
}

.koop_lists ul {
  list-style: none;
  width: 70%;
}

.koop_lists li span {
  color: #535353;
}

.koop_lists h3 {
  color: #637381;
  margin-bottom: 30px;
}

.koop_block .kb_img {
  text-align: right;
}

.koop_block {
  width: 90%;
  display: inline-grid;
}

.koop_block .kb_img img {
  /* max-width:500px; */
  display: inline-block;
}

.koop_block:nth-child(2n) .kb_img {
  text-align: left;
}

.koop_lists li {
  display: table;
}

.koop_lists li:before {
  content: "";
  display: table-cell;
  width: 35px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: top left;
  padding-right: 15px;
  height: 35px;
}

.koop_lists .cl_list:nth-child(1) ul li:nth-child(1):before {
  background-image: url(/src/img/svg/koop/click.svg);
}

.koop_lists .cl_list:nth-child(1) ul li:nth-child(2):before {
  background-image: url(/src/img/svg/koop/movie-clapper-open.svg);
}

.koop_lists .cl_list:nth-child(1) ul li:nth-child(3):before {
  background-image: url(/src/img/svg/koop/review.svg);
}

.koop_lists .cl_list:nth-child(1) ul li:nth-child(4):before {
  background-image: url(/src/img/svg/koop/report.svg);
}

.koop_lists .cl_list:nth-child(2) ul li:nth-child(1):before {
  background-image: url(/src/img/svg/koop/content.svg);
}

.koop_lists .cl_list:nth-child(2) ul li:nth-child(2):before {
  background-image: url(/src/img/svg/koop/partner.svg);
  background-size: 85%;
}

.koop_lists .cl_list:nth-child(2) ul li:nth-child(3):before {
  background-image: url(/src/img/svg/koop/financial.svg);
}

.gray_sel {
  background-color: #fafafa;
  min-height: unset !important;
}

.pc_device {
  padding-bottom: 30px;
}

.pc_device img {
  width: 80%;
  max-width: 600px;
}

@media (max-width: 900px) {

  .koop_block,
  .white_sel .koop_block {
    display: grid;
    grid-template-areas: "TEXT" "IMG";
    grid-template-columns: 100% 100%;
    text-align: center;
  }
}

@media (max-width: 800px) {
  .koop_lists {
    display: grid;
    grid-template-areas: "LIST1" "LIST2";
    grid-template-columns: 100%;
  }

  .koop_lists h3 {
    text-align: center;
  }

  .koop_lists ul {
    display: inline-block;
    text-align: left;
  }

  .koop_lists>div {
    text-align: center;
  }
}

@media (max-width: 670px) {
  .koop_block h2 {
    font-size: var(--rd-fontsize-7);
    line-height: 24px;
  }

  .gray_sel .center,
  .white_sel .center {
    width: 90% !important;
  }

  .koop_lists ul {
    margin-left: 0;
    width: 90%;
  }

  .white_cert_icon {
    width: 20px;
    height: 20px;
    border: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
    background-size: 40%;
  }
}

.find_user {
  margin: 10px;
}

.find_user input {
  padding: 10px;
}

/** DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER -- DEBUGER */
.debuggerhide {
  text-align: left;
  color: #333333;
  position: fixed;
  top: 100%;
  margin-top: -24px;
  width: 100%;
  background-color: var(--rd-font-light);
  z-index: 1;
}

.debuggershow {
  text-align: left;
  color: #333333;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: var(--rd-font-light);
  z-index: 1000;
  height: 100%;
  display: table;
  border-bottom: 6px double #ff0000;
}

.debuggershow p {
  padding-left: 20px;
}

.debugger {
  font-weight: var(--rd-fontweights-open-sans-0);
  background-color: #ff0000;
  color: var(--rd-font-light);
  padding: 0 0 0 6px;
  text-shadow: 1px 1px var(--cl-black);
  cursor: pointer;
  border: 2px outset var(--cl-black);
  position: fixed;
  width: 100%;
  margin-bottom: 40px;
}

.quiz_selectable {
  width: 100%;
  display: block;
}

.quiz_cloze div {
  float: left;
  clear: none;
  width: 100%;
}

.quiz_reset_cloze_p {
  text-align: center;
}

.quiz_reset_cloze {
  display: none;
}

.quiz_selectable_div {
  min-height: 60px;
}

.quiz_remove_item {
  font-size: 0;
  display: inline-block;
  background-color: var(--rd-primary-active);
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: var(--rd-spacing-x-sm);
  mask-image: url(/src/img/2021/svg/delete-icon.svg);
  -webkit-mask-image: url(/src/img/2021/svg/delete-icon.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.quiz_cloze_right {
  border: var(--rd-borderwidth-border-default) dashed var(--cl-deep-green);
  color: var(--cl-deep-green);
}



.kontakt_tel_teaser {
  display: inline-block;
  height: 177px;
  width: 177px;
  background-color: var(--rd-primary-active);
  position: absolute;
  right: 0;
  top: -10px;
  z-index: 100;
  border-radius: 100%;
  color: var(--rd-font-light);
}

.kontakt_tel_teaser .ktt_tel {
  display: block;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  margin-top: 5px;
}

.kontakt_tel_teaser .ktt_name {
  display: inline-block;
  width: 60%;
  text-transform: uppercase;
  margin-top: 40px;
  font-size: var(--rd-fontsize-8);
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .kontakt_tel_teaser {
    display: inline-block;
    height: auto;
    width: auto;
    background-color: transparent;
    position: relative;
    z-index: 100;
    border-radius: var(--rd-borderradius-border-none);
    color: var(--rd-primary-active);
  }

  .kontakt_tel_teaser .ktt_tel {
    display: block;
    color: var(--rd-primary-active);
    font-size: var(--rd-fontsize-5);
    font-weight: var(--rd-fontweights-open-sans-0);
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    margin-top: 5px;
  }

  .kontakt_tel_teaser .ktt_name {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: var(--rd-fontsize-5);
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
  }
}

.fa_teaser {
  background-color: var(--cl-light-blue);
  border-bottom-left-radius: 100% 20%;
  border-bottom-right-radius: 100% 20%;
}

.fat_over_titel {
  color: var(--cl-deep-green);
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0.78px;
  line-height: 21px;
  text-align: center;
  margin-top: 50px;
  text-transform: uppercase;
}

.fat_titel {
  margin-top: 0;
  color: #637381;
  font-family: "Open Sans";
  font-size: 60px;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
}

.fat_titel+p {
  color: #637381;
  font-size: var(--rd-fontsize-5);
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}

.fa_teaser a {
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
  margin-bottom: 80px;
  padding: 10px 20px;
  transition: all 0.2s linear;
  text-decoration: none;
}

.fa_section .fa_video_block {
  position: relative;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 var(--rd-spacing-x-sm) 9px 0 rgba(63, 63, 68, 0.1),
    0 43px 40px -40px rgba(63, 63, 68, 0.1);
  padding: var(--rd-spacing-big);
  margin-top: -50px;
}

.fvb_bullet {
  position: absolute;
  z-index: 1000;
  display: inline-block;
  top: -90px;
  right: -90px;
  height: 168px;
  width: 168px;
  background-color: var(--rd-primary-active);
  border-radius: 100%;
  color: var(--rd-font-light);
}

.fvb_bullet span {
  display: block;
}

.fvbb1 {
  /* color: var(--rd-font-light ); */
  margin-top: 30px;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
}

.fvbb2 {
  font-size: var(--rd-fontsize-14);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 29px;
  text-align: center;
  margin-top: 5px;
}

.fvbb3 {
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  margin-top: 5px;
}

.favb_text {
  margin-top: 20px;
  color: #637381;
  margin-bottom: 10px;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

.h2_over_titel {
  color: var(--rd-primary-active);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0.78px;
  line-height: 19px;
  text-align: center;
  margin-top: 50px;
  text-transform: uppercase;
}

.h2_over_titel+h2 {
  margin-top: 0;
  color: #637381;
  font-size: var(--rd-fontsize-14);
  letter-spacing: 0;
  line-height: 42px;
  text-align: center;
  font-weight: 400;
}

.favb_grid {
  display: grid;
  grid-template-areas: "EL1 EL2 EL3";
  grid-template-columns: 33.3% 33.3% 33.3%;
  margin-bottom: 20px;
}

.favbg_bullet {
  display: inline-block;
  height: 65px;
  width: 64px;
  background-color: var(--rd-primary-active);
  border-radius: 100%;
}

.favbg_bullet img {
  width: 30px;
  margin-top: 17px;
}

.favbg_titel {
  color: #637381;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}

.favbg_titel+p {
  color: #637381;
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

.favb_grid+a {
  margin-bottom: 30px;
  display: inline-block;
  border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-deep-green);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  padding: 10px 30px;
  transition: all 0.2s linear;
  text-decoration: none;
}



@media screen and (max-width: 900px) {
  .fvb_bullet {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .favb_grid {
    display: grid;
    grid-template-areas: "EL1" "EL2" "EL3";
    grid-template-columns: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 350px) {
  .stoerer_preise img {
    width: 60px !important;
  }
}

.formfiledH input {
  position: absolute;
  /* opacity: 0; */
  left: -100%;
  top: -100%;
  border: none;
  background-color: transparent;
}

.quiz_droppable {
  cursor: pointer;
  border: var(--rd-borderwidth-border-default) dashed var(--rd-primary-active);
  min-width: 80px;
  margin: 0 var(--rd-spacing-x-sm);
  display: inline-block;
  vertical-align: middle;
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
  text-align: center;
  margin-bottom: 0;
  min-height: 36px;
  border-radius: var(--rd-borderradius-border-md);
}

.quiz_draggable {
  cursor: pointer;
  width: auto;
  float: left;
  margin-right: 5px;
  border: var(--rd-borderwidth-border-default) solid black;
  padding: 5px;
}

.quiz_selectable {
  width: 100%;
  display: block;
}

.quiz_cloze div {
  float: left;
  clear: none;
  width: 100%;
}

.quiz_reset_cloze_p {
  text-align: left;
}

.quiz_reset_cloze_p a {
  color: var(--rd-font-dark);
}

.quiz_reset_cloze_p a:before {
  content: "";
  display: inline-block;
  -webkit-mask-image: url(/src/img/svg/reload_icon.svg);
  width: 16px;
  height: 16px;
  background-color: var(--rd-primary-active);
  vertical-align: middle;
  margin-right: 5px;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.quiz_reset_cloze {
  display: none;
}

.quiz_selectable_div {
  min-height: 60px;
}

.quiz_cloze_right {
  border: var(--rd-borderwidth-border-default) dashed var(--cl-deep-green);
  color: var(--cl-deep-green);
}



.dashboard_neue_kurse {
  position: relative;
  display: block;
  margin-top: 40px;
  max-width: 1114px;
}

.dashboard_neue_kurse .titel {
  color: var(--rd-font-dark);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 10px;
}

.dashboard_neue_kurse .all_c {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--rd-secondary-active);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  letter-spacing: 0;
  line-height: 19px;
  text-align: right;
}

.dashboard_neue_kurse .db_new_cours {
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
  height: 280px;
  width: 269px;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.dashboard_neue_kurse .db_new_cours .bg_img {
  height: 151.31px;
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
}

.dashboard_neue_kurse .db_new_cours .bg_img .time {
  border-radius: var(--rd-borderradius-border-lg);
  background-color: var(--rd-font-light);
  color: var(--cl-deep-green);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  letter-spacing: 0;
  line-height: 15px;
  padding: 0 5px;
  margin-left: 5px;
  margin-top: 5px;
  display: none;
}

.dashboard_neue_kurse .db_new_cours .bg_img .time:before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/src/img/svg/af/clock-regular-green.svg);
  margin-top: 6px;
}

.dashboard_neue_kurse .db_new_cours .cont {
  padding: 10px;
  display: grid;
  grid-template-areas:
    "EL1"
    "EL2"
    "EL3";
  grid-template-columns: 100%;
  width: 100%;
  /* background-color: antiquewhite; */
  text-align: left;
  grid-template-rows: auto auto 50px;
  height: 138px;
  /* align-content: end; */
  vertical-align: bottom;
}

.dashboard_neue_kurse .db_new_cours .cont .groups {
  color: var(--cl-blue-grey);
  display: block;
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 17px;
  text-transform: uppercase;
  grid-area: EL1;
}

.dashboard_neue_kurse .db_new_cours .cont .name {
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 17px;
  display: block;
  grid-area: EL2;
}

.dashboard_neue_kurse .db_new_cours .cont .ref {
  opacity: 0.8;
  color: var(--cl-blue-grey);
  font-family: "Open Sans";
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);
  letter-spacing: 0;
  line-height: 16px;
  /* position: absolute; */
  /* bottom: 5px; */
  grid-area: EL3;
  /* align-content: end; */
  position: relative;
}

.dashboard_neue_kurse .db_new_cours .cont .ref span {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.kpt_neu {
  font-size: 0 !important;
  background-image: url("/src/img/svg/af/kurs-plus-dash-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
}

.kurs_plus_teaser .rd-primary-btn:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-image: url("/src/img/svg/af/chevron-down-gray.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  filter: brightness(10);
  transform: rotate(-90deg);
  margin-left: 5px;
}

.add_notiz_overlay {
  position: absolute;
  top: 0;
  right: 0;
  /* left:0; */
  /* bottom:20%; */
  text-align: right;
  z-index: 1000;
}

.add_notiz_overlay .addnotiz {
  display: inline-block;
  background-color: var(--rd-primary-active);
  padding: 5px;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.add_notiz_overlay .addnotiz:hover {
  opacity: 1;
}

.add_notiz_overlay .addnotiz:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/src/img/svg/af/video-note.svg);
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.add_notiz_overlay #addform {
  position: absolute;
  right: 0;
  /* left:0; */
  top: 100%;
  /* bottom:0; */
  z-index: 0;
}

.add_notiz_overlay form {
  background-color: var(--cl-pale-grey);
  margin-top: 10px;
  border-radius: var(--rd-borderradius-border-md);
  padding: 10px;
  display: inline-block;
  text-align: left;
  position: relative;
  z-index: 1000;
  margin-right: 10px;
  min-width: 250px;
}

.add_notiz_overlay form .titel {
  display: grid;
  white-space: nowrap;
  grid-template-areas: "TIME TITEL";
  width: 100%;
  margin-bottom: 10px;
}

.add_notiz_overlay form .titel .time {
  grid-area: TIME;
  padding-right: 10px;
  color: var(--rd-primary-active);
  font-size: var(--rd-fontsize-4);
  line-height: 22px;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.add_notiz_overlay form .titel .text {
  grid-area: TITEL;
  text-transform: uppercase;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-0);
  color: #92a3b3;
}

.bgvideoform {
  left: 0;
  /* top:0; */
  /* right:0; */
  /* bottom:0; */
  /* height:100%; */
  z-index: 0;
  position: absolute;
}

.add_notiz_overlay form textarea {
  display: block;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  width: 100%;
  min-width: 310px !important;
  min-height: 100px;
}

.add_notiz_overlay form button {
  font-size: var(--rd-fontsize-4);
  line-height: 14px;
  display: inline-block;
  padding: 5px;
  background-color: var(--rd-primary-active);
  border: none;
  border-radius: var(--rd-borderradius-border-md);
  color: var(--rd-font-light);
  font-weight: var(--rd-fontweights-open-sans-0);
  cursor: pointer;
}

.add_notiz_overlay form button:hover,
.note_btn_grid .abort_btn:hover {
  box-shadow: 0 0.12rem 0.2rem rgba(0, 0, 0, 0.25);
}

.add_notiz_overlay form:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--cl-pale-grey);
  position: absolute;
  top: 0;
  right: 10px;
  top: -5px;
  transform: rotate(45deg);
}

.add_notiz_overlay form .titel .time:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/src/img/svg/af/video-solid-magenta.svg);
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 5px;
}

span.rd-addnotiz-fullscreen {
  padding: var(--rd-spacing-sm) var(--rd-spacing-x-big);
  display: inline-block;
  background-color: var(--rd-primary-active);
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

span.rd-addnotiz-fullscreen:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/src/img/svg/af/video-note.svg);
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.note_btn_grid {
  display: grid;
  grid-template-areas: "LEFT RIGHT";
}

.note_btn_grid .abort {
  grid-area: LEFT;
  text-align: left;
}

.note_btn_grid .send {
  grid-area: RIGHT;
  text-align: right;
}

.note_btn_grid .abort_btn {
  display: inline-block;
  padding: 5px;
  background-color: var(--cl-light-grey);
  border: none;
  border-radius: var(--rd-borderradius-border-md);
  color: #535353;
  font-weight: 400;
  cursor: pointer;
  font-size: var(--rd-fontsize-4);
  line-height: 14px;
}

.video_note {
  border-left: 3px solid var(--cl-deep-green);
  padding-left: 10px;
  display: grid;
  margin-bottom: 10px;
  grid-template-areas: "CONT NAV";
  width: calc(100% - 20px);
  margin-left: 15px;
}

.video_note .time {
  color: var(--cl-deep-green);
  line-height: 14px;
  margin-bottom: 2px;
  transition: all 0.2s linear;
}

.video_note .time:before {
  background-image: url("/src/img/svg/play_icon.svg");
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: middle;
  margin-right: 5px;
}

.video_note .time:hover {
  font-weight: var(--rd-fontweights-open-sans-1);
  cursor: pointer;
  opacity: 0.8;
  transform: translateX(5px);
}

.note {
  font-size: var(--rd-fontsize-3);
  color: #535353;
}

.video_note .cont {
  grid-area: CONT;
  text-align: left;
  padding-right: 15px;
}

.video_note .nav {
  grid-area: NAV;
  text-align: right;
}

.del_note {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/src/img/svg/af/trash-alt-red.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: top;
  cursor: pointer;
}

.print_notiz {
  margin-top: 20px;
}

.print_notiz a {
  color: #535353;
}

.print_notiz a:before {
  content: "";
  background-image: url(../img/svg/af/print-solid.svg);
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: grayscale(1);
}

.print_notiz a:hover,
.print_notiz a:hover:before {
  color: var(--cl-deep-green);
  filter: grayscale(0);
}

.note_help {
  text-align: center;
}

.note_help .note_img {
  display: block;
  margin-bottom: 5px;
  margin-bottom: 25px;
}

.note_help .note_img img {
  width: 70%;
  max-width: 350px;
}

.note_help p {
  margin: 0;
  color: #535353;
  font-size: var(--rd-fontsize-4);
  margin-top: 10px;
}

.note_help .note_titel {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: #999999;
}

.note_modul_name {
  font-weight: var(--rd-fontweights-open-sans-1);
  margin-bottom: 5px;
}

.video_note+.note_modul_name {
  margin-top: 20px;
}

.edit_note {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(/src/img/svg/af/pencil-blue.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: top;
  cursor: pointer;
}

#editnoteform form {
  position: absolute;
  background-color: var(--cl-pale-grey);
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  padding: var(--rd-spacing-big);
  box-sizing: border-box;
  margin-top: 20px;
  z-index: 1;
}

#editnoteform form label {
  text-transform: uppercase;
  display: block;
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  margin-bottom: 5px;
}

#editnoteform form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  min-height: 150px;
  margin-bottom: 10px;
}

#editnoteform form .close {
  display: inline-block;
  width: 20px;
  height: 20px;
  opacity: 1;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 100%;
  background-image: url("/src/img/svg/af/close.svg");
  background-size: 100%;
}

#editnoteform form .close:hover {
  opacity: 0.5;
}

#editnoteform form button {
  background-color: var(--rd-primary-active);
  border: 0;
  color: var(--rd-font-light);
  padding: 5px 10px;
  cursor: pointer;
  float: right;
  font-weight: var(--rd-fontweights-open-sans-1);
  border-radius: var(--rd-borderradius-border-md);
}

#editnoteform form button:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}

.notiz {
  resize: vertical;
}

.curent {
  border-left: 10px solid var(--rd-primary-active);
}

.curent .time {
  color: var(--rd-primary-active);
  font-weight: var(--rd-fontweights-open-sans-1);
}

.curent .time:before {
  background-image: url(/src/img/svg/play_icon_pink.svg);
}

.dashboard_neue_kurse .db_new_cours.kp_dash {
  background-color: var(--rd-primary-active);
}

.dashboard_neue_kurse .db_new_cours.kp_dash .cont .groups,
.dashboard_neue_kurse .db_new_cours.kp_dash .cont .name,
.dashboard_neue_kurse .db_new_cours.kp_dash .cont .ref {
  color: var(--rd-font-light);
}

.dashboard_neue_kurse .db_new_cours.kp_dash .bg_img .time {
  color: var(--rd-primary-active);
}

.dashboard_neue_kurse .db_new_cours.kp_dash .bg_img .time:before {
  background-image: url(/src/img/svg/af/clock-regular-pink.svg);
}

.dashboard .center h1 {
  margin: 0;
  text-align: left;
}

.dashboard .gruss {
  margin-bottom: 32px;
}

.dashboard .user_grus {
  font-weight: var(--rd-fontweights-open-sans-0);
  color: var(--rd-primary-active);
}

.drive-link {
  display: block;
  width: 150px;
  margin-top: 10px;
}

.drive-link img {
  width: 100%;
}

.projects-edit .simditor-body {
  max-height: 500px;
  overflow-y: scroll;
}

tr.err_course {
  border-left: 4px solid #f00;
}

.DocuTabNav {
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  margin-left: 100px;
}

.DocuTabNav>label {
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
}

.DocuTabNav>label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0;
  transition: all 0.2s linear;
  background-color: var(--cl-deep-green);
}

#DR1:checked~.DocuTabNav label[for="DR1"]:before,
#DR2:checked~.DocuTabNav label[for="DR2"]:before,
#DR3:checked~.DocuTabNav label[for="DR3"]:before,
#DR4:checked~.DocuTabNav label[for="DR4"]:before,
#DR5:checked~.DocuTabNav label[for="DR5"]:before,
#DR6:checked~.DocuTabNav label[for="DR6"]:before {
  height: 4px;
}

#DDC1,
#DDC2,
#DDC3,
#DDC4,
#DDC5,
#DDC6 {
  display: none;
}

#DR1:checked~.DocuDabCont #DDC1,
#DR2:checked~.DocuDabCont #DDC2,
#DR3:checked~.DocuDabCont #DDC3,
#DR4:checked~.DocuDabCont #DDC4,
#DR5:checked~.DocuDabCont #DDC5,
#DR6:checked~.DocuDabCont #DDC6 {
  display: block;
  margin-bottom: 20px;
  /* padding-bottom: 32px; */
}

#DR5:checked~.DocuDabCont #DDC5,
#DR6:checked~.DocuDabCont #DDC6 {
  padding: 0 0 32px 80px;
}

#DR5:checked~.DocuDabCont #DDC5>a,
#DR6:checked~.DocuDabCont #DDC6>a {
  margin-left: 36px;
}

.danger {
  animation-name: dangerzone;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes dangerzone {
  from {
    color: red;
  }

  to {
    color: #999999;
  }
}

.urlaub_grid {
  display: table;
  margin-bottom: var(--rd-spacing-x-sm);
  border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  width: 100%;
  max-width: 700px;
}

.urlaub_grid label {
  display: table-cell;
  width: 250px;
  color: var(--cl-blue-grey);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 17px;
  margin-bottom: 5px;
  position: relative;
  border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.urlaub_grid div {
  display: table-cell;
  padding: var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) var(--rd-spacing-md);
  font-size: var(--rd-fontsize-4);
}

.urlaub_grid span {
  display: inline-block;
  margin-left: 5px;
}

.urlaub_grid span.passt {
  color: var(--cl-deep-green);
}

.urlaub_grid span.we {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--cl-error);
}

.urlaub_grid span.current {
  color: var(--cl-ocean-blue);
}

.such_text_search {
  position: relative;
}

.autocomplete_textvalue_wrap input[type="text"] {
  padding: var(--rd-spacing-sm) var(--rd-spacing-md);
}

.such_text_search label[for="suche"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50%;
  background-image: url(/src/img/svg/af/search-solid.svg);
  background-size: 28px;
  filter: grayscale(1) brightness(10);
  background-repeat: no-repeat;
}

.such_text_search label[for="suche"] {
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: 0;
  width: 40px;
  background-color: var(--cl-deep-green);
  height: 42px;
}

.instruction_detail_left [name="repeat"] {
  margin-bottom: 25px;
}

#re_p {
  color: var(--cl-asphalt-blue);
  font-size: var(--rd-fontsize-5);
  line-height: 24px;
}

.id_table_input .pc_numbervalue_wrap input[type="text"],
.id_table_input .pc_numbervalue_wrap textarea {
  margin-right: 14px;
}

#num_input span {
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
  margin-left: 14px;
}

#num_input {
  margin-top: 11px;
}

#end_r {
  display: flex;
}

#end_r .PC_checkbox {
  margin-top: var(--rd-spacing-sm);
  margin-right: 39px;
  align-items: center;
  gap: 14px;
  color: var(--cl-asphalt-blue);
  font-size: var(--rd-fontsize-5);
  line-height: 17px;
  font-weight: normal;
}

#re_end {
  margin-top: var(--rd-spacing-md);
}

#end_r .PC_checkbox+.PC_checkbox {
  margin-right: 9px;
}

.vp_input_label .bp_input pc-files {
  width: 100%;
}

.helpsearch_block {
  margin: 5px var(--rd-spacing-md);
  position: relative;
  display: block;
}

.helpsearch_block #reset_btn {
  height: 14px;
  width: 14px;
  display: inline-block;
  position: absolute;
  background-color: var(--cl-asphalt-blue);
  top: 11px;
  right: 7px;
  mask-image: url("/src/img/svg/af/wrong_2.svg");
  -webkit-mask-image: url("/src/img/svg/af/wrong_2.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.helpsearch_block #helpsearch {
  padding: 7px;
  font-size: var(--rd-fontsize-4);
  background-image: url("/src/img/svg/af/search_icon.svg");
  background-repeat: no-repeat;
  background-position: top 10px right 7px;
}

.helpsearch_block #helpsearch:target,
.helpsearch_block #helpsearch:focus {
  border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue);
  outline: none;
}

.catsearch_block {

  position: relative;
  display: block;
}

.catsearch_block #reset_btn {
  height: 14px;
  width: 14px;
  display: inline-block;
  position: absolute;
  background-color: var(--cl-asphalt-blue);
  top: 15px;
  right: 7px;
  mask-image: url("/src/img/svg/af/wrong_2.svg");
  -webkit-mask-image: url("/src/img/svg/af/wrong_2.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.catsearch_block #suche {

  font-size: var(--rd-fontsize-4);
  /*background-image: url("/src/img/svg/af/search-solid.svg");*/
  background-size: 28px;

  background-repeat: no-repeat;
  background-position: top 10px right 7px;
  height: 42px;

}

.catsearch_block #suche:target,
.catsearch_block #suche:focus {
  border: 1px solid var(--cl-asphalt-blue);
  outline: none;
}

.help_suche_titel {
  color: var(--rd-font-dark);
  font-weight: var(--rd-fontweights-open-sans-1);
  padding: var(--rd-spacing-md);
}

#SearchContainer #searchString {
  padding: 7px;
  font-size: var(--rd-fontsize-4);
  background-image: url(/src/img/svg/af/search_icon.svg);
  background-repeat: no-repeat;
  background-position: top var(--rd-spacing-x-sm) right 7px;
}

#SearchContainer #reset_btn {
  height: 14px;
  width: 14px;
  display: inline-block;
  position: absolute;
  background-color: var(--cl-asphalt-blue);
  top: 43px;
  left: calc(100% - 51px);
  mask-image: url(/src/img/svg/af/wrong_2.svg);
  -webkit-mask-image: url(/src/img/svg/af/wrong_2.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;


}


.gefunden {
  font-weight: 800;
  background-color: var(--cl-asphalt-blue);
  color: var(--rd-font-light);
}

.add_interval_block #end_r {
  margin-bottom: 70px;
}

.update_overlay_proces {
  position: absolute;
  z-index: 10000000;

}

.update_overlay_proces_form {
  position: relative;
  z-index: 100000;
  background-color: var(--rd-card-fg);
  padding: var(--rd-spacing-md);
}

#PlusDate {
  max-width: 450px;
  text-align: center;
  min-width: unset;
  padding: 24px;
}

#PlusDate .formheader {
  text-align: center;
  padding: var(--rd-spacing-xx-lg) 0 var(--rd-spacing-x-big);
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-8);
  letter-spacing: 0;
  line-height: var(--rd-lineheights-0);
  color: var(--rd-font-dark);
}

#PlusDate .formfields {
  padding: 0;
}

#PlusDate p {
  margin-bottom: var(--rd-fontsize-9);
  text-align: left;
  font-size: var(--rd-fontsize-3);
  line-height: 170%;
  color: var(--rd-font-dark);
}

#PlusDate .date_grid {
  display: grid;
  text-align: left;
  grid-template-areas:
    "START END";
  grid-template-columns: calc(50% - 32px);
  gap: 64px;
}

#PlusDate .date_grid label {
  display: block;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 0;
  line-height: 24px;
  color: var(--cl-asphalt-blue);
}

#PlusDate pc-datetimeinput,
#PlusDate .date_grid input,
#PlusDate .input-append.datetimev2,
#PlusDate .input-append.datetimev3 {
  width: 100%;
}

.PlusDateNav {
  display: flex;
  text-align: center;
  margin-bottom: var(--rd-spacing-md);
  margin-top: var(--rd-spacing-xx-lg);
  flex-direction: column-reverse;
  gap: var(--rd-spacing-md);
  padding: 0 var(--rd-spacing-lg);
}

.PlusDateNav .button+.button {
  margin-left: 0;
}

#PlusDate .pc_datetimevalue_wrap.pc_datetimevalue_wrap_flatpickr .add-on.icon-calendar {
  background-image: url(/src/img/svg/calendar.svg) !important;
  background-size: 20px !important;
}

#PlusDate .labal-input-flex {
  grid-template-columns: 95px auto;
}

#PlusDate .labal-input-flex label {
  font-weight: var(--rd-fontweights-open-sans-0);
}

#PlusDate pc-datetimeinput[dateonly] .pc_datetimevalue_wrap {
  grid-template-columns: 100%;
}

.deltime_block {
  text-align: left;
  margin-top: var(--rd-spacing-md);
}

.deltime_block input {
  margin-right: var(--rd-spacing-sm);
}

.calendar_tip {
  background-image: url('/src/img/2021/svg/individuel-calendar.svg');
  height: 14px;
  width: 14px;
  border-radius: var(--rd-borderradius-border-none);
  display: inline-block;
  margin-left: var(--rd-spacing-x-sm);
  cursor: pointer;
}

.no_notiz_block {
  background-color: var(--rd-card-fg);
  padding: 48px 480px 61px 48px;
  background-image: url('/src/img/add_note.png');
  background-repeat: no-repeat;
  background-size: 441px;
  background-position: top 48px right 48px;
  min-height: 397px;
}

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

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


.inst_thumb {
  display: inline-block;
  width: 100px;
  height: 60px;
  background-size: cover;
  vertical-align: middle;
  margin-right: 10px;
}

.date_mini_form .pc_datetimevalue_date {
  padding: 5px;
}

.useredit {
  display: flex;
  gap: var(--rd-spacing-x-big);
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
}

.er_nummer_for_profil {
  line-height: var(--rd-lineheights-0);
  background-color: var(--rd-font-light);
  padding: var(--rd-spacing-md) var(--rd-spacing-big);
  height: 50px;
  border: var(--rd-borderwidth-border-default) solid #cccccc;
  border-radius: var(--rd-borderradius-border-md);
  display: flex;
}

.useredit pc-tooltip {
  margin-right: var(--rd-spacing-sm);
}

.divFor2sek {
  top: 250px;
  position: absolute;
  background-color: var(--rd-font-dark);
  padding: var(--rd-spacing-x-lg);
  border-radius: 129px;
  left: 200px;
  color: var(--rd-font-light);
  opacity: 0.7;
  font-size: var(--rd-fontsize-14);
  font-weight: var(--rd-fontweights-open-sans-0);
}

#ernummer_to_copy b {
  cursor: pointer;

}

.termin_list li,
.termin_list ul {
  display: block;
}

.termin_list li {
  margin-bottom: 10px;
  border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
  padding-bottom: 10px;
}

.termin_list li span {
  display: block
}

.termin_list li span>span:nth-child(1) {
  font-weight: 600;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
}

.termin_list li span>span:nth-child(2) {
  margin-left: 20px;
}

.termin_list li span label {
  font-weight: 800;
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-3);
}


.download_icon:after {
  Content: "";
  Mask-image: url(/src/img/svg/download_icon2.svg);
  -webkit-mask-image: url(/src/img/svg/download_icon2.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;
  width: 20px;
  height: 20px;
  background-color: #0275d8;
  vertical-align: middle;
}

#note_form .rd-primary-btn,
#note_form .rd-primary-btn-outline {
  margin: 5px;
  /* padding: var(--rd-spacing-xx-sm) !important; */
}

.app-prev-page #smartphone {
  display: inline-block;
  background-color: black;
  width: 395px;
  height: 717px;
  border-radius: 40px;
  overflow: hidden;
  border: 1px solid #CCC;
  padding: 10px;
  position: relative;
}

.app-prev-page #smartphone iframe {
  border-radius: 30px;
  border: none;
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}



.sm_header {
  position: absolute;
  z-index: 5;
  left: 20px;
  right: 20px;
  top: 10px;
  display: flex;
  justify-content: space-between;
}

.sm_header .time {
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-0);
  padding-top: 5px;
  padding-left: 14px;
}

.sm_header .status {
  padding-right: 12px;
}

.sm_header .status i {
  display: inline-block;
  width: 15px;
  height: 15px;
  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;
}

.sm_header .status i.akku {
  margin-left: 5px;
  mask-image: url('/src/img/2023/svg/icons/sm-akkustand.svg');
  -webkit-mask-image: url('/src/img/2023/svg/icons/sm-akkustand.svg');
}

.sm_header .status i.net {
  width: 12px;
  mask-image: url('/src/img/2023/svg/icons/sm-conection.svg');
  -webkit-mask-image: url('/src/img/2023/svg/icons/sm-conection.svg');
}

.app-prev-page #smartphone iframe {
  border-radius: 30px;
  border: none;
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 1;
}

.clickdummy {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}

.clickdummy iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% + 50px);
}

.app-prev-page .app-teaser-banner {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: right;
  padding-right: 100px;
}

.app-prev-page .app-teaser-banner img {
  width: 100px
}

.custum_date pc-tooltip {
  margin-right: 5px;
  margin-top: -2px
}

.webinarHeadActions .cn_btn {
  font-size: var(--rd-fontsize-5) !important;
  font-weight: var(--rd-fontweights-open-sans-0) !important;
  letter-spacing: 0;
  color: var(--cl-asphalt-blue) !important;
  line-height: 32px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}


.webinarHeadActions .cn_btn::before {
  content: "";
  mask-image: url(../img/svg/af/print-solid.svg);
  -webkit-mask-image: url(../img/svg/af/print-solid.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  height: 18px;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  background-color: var(--rd-primary-active);
  vertical-align: middle;
  margin-right: var(--rd-spacing-xx-sm);
  background-image: none;
  filter: unset;
}

.webinarHeadActions .cn_btn:hover {
  color: inherit;
  text-decoration: none;
}

.webinarHeadActions .cn_btn:hover:before {
  filter: unset !important;
}

input[type="text"]:hover {
  border: 1px solid var(--rd-input-hover);
}

input[type="text"]:focus {
  border: 1px solid var(--rd-input-hover);
  outline: none
}


.new_home_change pc-facility-selector {
  display: block;
  width: calc(100% - 40px);
  margin: 20px;
  height: unset;
  height: 50vh;
}

.new_home_change pc-facility-selector .rd-treeview-nodelist {
  overflow: unset;

}

.new_home_change pc-facility-selector .rd-treeview-nodelist .rd-treeview-node-title {
  cursor: pointer;
}

.iefd_central {
  padding-top: 32px;
}

form.katalgo_form {
  padding: var(--rd-spacing-lg);
  /* display: inline-block; */
}

form.katalgo_form input,
form.katalgo_form select {
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  padding: 10px;
  box-sizing: border-box;
  line-height: var(--rd-lineheights-0);
}

form.katalgo_form .id_table_input>div:nth-child(1) {
  width: 300px;
  padding-right: 20px;
}





#CertUsersBtn {
  position: relative !important;
  display: inline-block;
  top: auto;
  left: auto;
  right: auto;
}

.overtitel_navi #CertUsersBtn {
  position: absolute !important;
  top: 0;
  right: 0;
}

.filter_dd_content {
  overflow: hidden;
  height: 83px;
  position: relative;
  -webkit-mask-image: linear-gradient(to top, transparent 25%, black 75%);
  mask-image: linear-gradient(to top, transparent 25%, black 75%);
}

@media screen and (max-width: 700px) {
  .filter_dd_content {
    height: 150px;
  }
}

#filter_dd2:checked~.filter_dd_content {
  height: unset;
  -webkit-mask-image: unset;
  mask-image: unset;

}

.kp_text_bullet label[for="filter_dd2"] {
  font-size: var(--rd-fontsize-4);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: var(--rd-lineheights-0);
  /* 18.48px */
  color: var(--rd-font-light);
  margin-bottom: 30px;
}

.kp_text_bullet #filter_dd:checked~label[for="filter_dd2"] {
  display: none;
}

.kp_text_bullet label[for="filter_dd2"]:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--rd-font-light);
  vertical-align: middle;
  margin-right: 8px;
  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/2023/svg/icons/rd-icon-arrowBottomBtn-white.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-arrowBottomBtn-white.svg");


}



.quick_form {
  background-color: #FFF;
  margin-bottom: 20px;
  padding: 10px;

}

.quick_form form {
  display: flex;
  gap: 8px;
  align-items: center;
}

.quick_form form select {
  padding: 6px;
}

.sql_table {
  border-collapse: collapse;

}

.sql_table td {
  vertical-align: top;
}

.sql_table tr td:first-child {
  white-space: nowrap;
}

#return pre {
  max-height: 150px;
  overflow-y: scroll;
  font-size: var(--rd-fontsize-3);
}


.kpsbs_cont .button {
  margin-bottom: 0;
}

#multiusers:has(*) {
  margin-top: var(--rd-spacing-md);
}

.doubel_btn_flex {
  display: flex;
  justify-content: space-between;
}


.er_typ_select {
  max-height: 200px;
  overflow-y: scroll;
  border: 1px solid var(--rd-input-default);
  padding: var(--rd-spacing-md);
}


.LearnSettingsForm select {
  padding: var(--rd-spacing-x-sm);
}



.party_gesicht {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/src/img/2023/svg/svg_img/partygesicht.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: var(--rd-spacing-x-sm);
  vertical-align: middle;
}

#ManuelPoitsList tr {
  border: none;
}

.mpl_info {
  background-color: var(--rd-input-default);

}

.mpl_info td {
  padding: var(--rd-spacing-sm) !important;
  color: var(--rd-font-dark) !important;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
  /* 14.52px */
  letter-spacing: 0.11px;
}

.mpl_info td .mpl_i_title {
  font-weight: var(--rd-fontweights-open-sans-0);
  color: var(--rd-primary-active);
  margin: 0;
  margin-bottom: var(--rd-spacing-x-sm);
}

.PublicUserForm:invalid>.modal_btn_block {
  opacity: 0.5;
}

.PublicUserForm .formlabel,
.PublicUserForm pc-facility-selector,
.PublicUserForm .pr-home-block {
  text-align: left;
}

.pr-home-selector {
  display: flex;
  gap: var(--rd-spacing-x-sm);
  margin-bottom: var(--rd-spacing-sm);
}

.pr-home-selector input {
  display: grid !important;
}

.PublicUserForm pc-facility-selector {
  margin-bottom: 16px;
}

.PublicUserForm .rd-tree-view {
  max-height: 300px;
}

.weit-user-img-block+.formheader {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
}



.weit-user-count-block .modal_sub_title {
  margin-top: 40px !important;
  margin-bottom: 24px !important;
  display: block;
}

.weit-user-btn-block .rd-primary-btn {
  margin-bottom: var(--rd-spacing-md);
}

.users_online {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-2);
  font-size: var(--rd-fontsize-2);
}

.user-icon,
.roll-icon {
  display: inline-block;
  width: var(--rd-spacing-xx-big);
  height: var(--rd-spacing-xx-big);
  box-shadow: 0px 2px 5px rgba(16, 24, 40, 0.1) !important;
  border-radius: 100%;
  position: relative;
  background-color: var(--rd-font-light);
  border: 1px solid var(--rd-input-default);
}

.user-icon:before,
.roll-icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  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;
}

.user-icon:before {
  background-color: var(--rd-success-default);
  mask-image: url("/src/img/svg/one_user.svg");
  -webkit-mask-image: url("/src/img/svg/one_user.svg");
}

.roll-icon:before {
  background-color: var(--rd-primary-active);
  mask-image: url("/src/img/svg/af/users-solid.svg");
  -webkit-mask-image: url("/src/img/svg/af/users-solid.svg");
}

.qmUserFilterFromGrid {
  display: grid;
  grid-template:
    "DATE SUCHE RESET"
    "CHECK CHECK CHECK";
  gap: var(--rd-spacing-md);
  padding: var(--rd-spacing-md);
}

form#usersFilter {
  background-color: var(--rd-list-default-light);
  padding: var(--rd-spacing-md);
  border-radius: var(--rd-borderradius-border-md);
}

.qmUserFilterFromGrid .suchfeld {
  grid-area: SUCHE;
}

.qmUserFilterFromGrid .rd-timepiker {
  grid-area: DATE;
}

.qmUserFilterFromGrid .reset_filter {
  grid-area: RESET;
  text-align: right;
  margin-top: var(--rd-spacing-x-sm);
}

.qmUserFilterFromGrid .typ_list {
  grid-area: CHECK;
}

.qmUserFilterFromGrid .typ_list>input,
#filterform .typ_list>input {
  display: none;
}

.most_wanted .typ_list {
  display: flex;
  white-space: nowrap;
  padding-top: var(--rd-spacing-md);
}

.qmUserFilterFromGrid .typ_list>label,
.most_wanted .typ_list>label,
#filterform .typ_list>label,
.pcr_checkbox {
  display: inline-block;
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-pale-blue);
  text-align: center;
  padding: var(--rd-spacing-x-sm);
  margin-right: var(--rd-spacing-xx-sm);
  color: var(--rd-secondary-active);
  text-transform: none;
  cursor: pointer;
  line-height: var(--rd-lineheights-1);
  font-size: var(--rd-fontsize-4);
}

.qmUserFilterFromGrid .home-filter {
  display: inline-block;
  vertical-align: top;
}

.qmUserFilterFromGrid .typ_list>label[for="fAktiveUser"]:before {
  display: none;
}

.qmUserFilterFromGrid .typ_list input:checked+label,
.most_wanted .typ_list input:checked+label,
#filterform .typ_list input:checked+label,
.pcr_checkbox.aktive_element,
.pcr_checkbox:hover {
  color: var(--rd-font-light);
  background-color: var(--cl-ocean-blue);
}

.qmUserFilterFromGrid .typ_list>label:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 14px;
  vertical-align: top;
  background-color: var(--rd-secondary-active);
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  margin-top: 4px;
  margin-right: 4px;
}

.qmUserFilterFromGrid .typ_list label[for="fConfirmedUser"]:before,
.qmUserFilterFromGrid .typ_list label[for="fOffen"]:before {
  display: none;
}


#filterform .typ_list label:before {
  display: none;
}

.qmUserFilterFromGrid .typ_list input:checked+label:before {
  background-color: var(--rd-list-default-light);
}

.qmUserFilterFromGrid .typ_list label[for="fUsers"]:before {
  mask-image: url("/src/img/svg/one_user.svg");
  -webkit-mask-image: url("/src/img/svg/one_user.svg");
}

.qmUserFilterFromGrid .typ_list label[for="fRolls"]:before {
  mask-image: url("/src/img/svg/af/users-solid.svg");
  -webkit-mask-image: url("/src/img/svg/af/users-solid.svg");
}

.users_cont_list td span.gesperrt {
  color: var(--rd-error-hover);
  font-size: var(--rd-fontsize-3);
  font-style: italic;
}

.conten_titel {
  color: var(--rd-primary-active);
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-6);
}

.content_typ:before {
  content: '';
  display: inline-block;
  background-color: var(--rd-primary-active);
  width: var(--rd-fontsize-5);
  height: var(--rd-fontsize-5);
  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;
}

.content_typ.Thema:before {
  mask-image: url("/src/img/2021/svg/file.svg");
  -webkit-mask-image: url("/src/img/2021/svg/file.svg");
}

.content_typ.Text:before {
  mask-image: url("/src/img/2021/thema-Icon.svg");
  -webkit-mask-image: url("/src/img/2021/thema-Icon.svg");
}

.prev_kurs_quiz .quiz_icon:before {
  content: '';
  display: inline-block;
  background-color: var(--rd-success-default);
  width: var(--rd-fontsize-5);
  height: var(--rd-fontsize-5);
  vertical-align: top;
  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/2023/svg/icons/rd-icon-courseQuiz.svg);
  -webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-courseQuiz.svg);
  margin-top: 2px;
  margin-right: 2px;
}

.zahl-radio-flex {
  display: flex;
  gap: 16px;
}

.zahl-radio-flex div {
  display: flex;
}

.zahl-radio-flex div label {
  display: inline-block;
}




td a .qm_titel {
  display: block;
  font-size: var(--rd-fontsize-3);
  line-height: var(--rd-lineheights-0);
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-primary-active);
  margin-top: 4px;

}

.kurs-plus-grid {
  display: grid;
  gap: 16px;
  grid-template-areas:
    "LEFT RIGHT";
  grid-template-columns: 50% 50%;
}

.kurs-plus-grid>div>div {
  margin-bottom: 16px;
}

.kurs-plus-grid>div>div>label {
  font-weight: var(--rd-fontweights-open-sans-0);

  margin-bottom: var(--rd-spacing-xx-sm);
  text-transform: uppercase;
}

.kurs-plus-grid .agb_confirm {
  display: grid;
  grid-template-areas:
    "CHECK LABEL";
  grid-template-columns: 24px auto;
  gap: 12px;
}

.kurs-plus-grid>div {
  display: grid;
}


.lizens_price_one {
  font-weight: var(--rd-fontweights-open-sans-2);
}

.was-ist-neu hr {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.pc_kurse .rd-primary-btn {
  margin-top: 0 !important;
  margin-bottom: var(--rd-spacing-lg);
}


.prev_tag {
  font-weight: var(--rd-fontweights-open-sans-2);
  font-size: var(--rd-fontsize-4);
  font-style: italic;
}

.gid {
  font-size: var(--rd-fontsize-2);
  word-break: break-word;
}

.mainframe.flex {
  display: flex !important;
}

.pr-home-selector.disabled input {
  opacity: 0.5;
}

.pr-home-selector.disabled {
  filter: grayscale(0);
  pointer-events: none;
}

.pr-home-selector.disabled label .usercount {
  color: var(--rd-error-pressed);
}

.prev_categorie {
  background-color: var(--rd-list-active);
}

.desc_flex {
  display: flex
}

.df_img {
  margin-top: -20px;
}

.stern_batch {
  display: inline-block;
  width: 106px;
  height: 106px;
  background-image: url('/src/img/2023/svg/icons/StarBG.svg');
  text-align: center;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  /* 18.655px */
  padding-top: 34px;
  transform: rotate(15deg);
  position: relative;
}

.stern_batch::after {
  content: "Demnächst verfügbar";
  display: inline-block;
  position: absolute;
  top: 36px;
  left: 0px;
}

.new_batch {
  display: inline-block;
  width: 106px;
  height: 106px;
  mask-image: url("/src/img/2023/svg/icons/StarBG.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/StarBG.svg");
  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;
  text-align: center;
  color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  /* 18.655px */
  padding-top: 34px;
  transform: rotate(15deg);
  position: relative;
}

.new_batch::after {
  content: "NEU";
  display: inline-block;
  font-size: var(--rd-fontsize-12);
  position: absolute;
  left: 22%;
  top: 40%;
}

.cours_plus_category:nth-child(1) .stern_batch {
  background-image: url('/src/img/2023/svg/icons/StarBG_magenta_2.svg');
  transform: rotate(0);
}

.cours_plus_category:nth-child(1) .stern_batch::after {
  display: none;
}

.df_img.dfi2 .stern_batch {
  position: absolute;
  top: 45px;
  right: -150px;
}

.ti_flex {
  display: flex;
  gap: 8px;
}



.rd-course-zuordnung-title {
  font-size: var(--rd-fontsize-7);
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-primary-active);
  line-height: var(--rd-lineheights-0);
  margin-bottom: var(--rd-spacing-x-sm);
}


td span.sec_time {
  font-style: italic;
  font-size: var(--rd-fontsize-2);
  display: inline-block;
  color: var(--rd-error-pressed);
}

.ads_url {
  display: block;
  color: var(--rd-error-pressed);
  margin-top: var(--rd-spacing-sm);
  font-style: italic;
}

.campaign {
  color: blue;
}


.mobileAPP {
  margin: 0 16px;
}

.large-progress-bar {
  background-color: #F5F7FB;
  height: 12px;
  margin-top: 8px;
  margin-bottom: 16px;
  border-radius: var(--rd-borderradius-border-lg);
  position: relative;
  overflow: hidden;
}

.large-progress-bar>span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--rd-warning-default);
}

.large-progress-bar .lpb-yellow {}

.mobileAPP #weiterbildung_progres_box {
  display: block;
  margin-bottom: var(--rd-spacing-x-big);
}

.wpb_h_mobil {
  display: flex;
  justify-content: space-between;
}

.spb_h_d_grid {
  display: grid;
  align-items: center;
  color: var(--rd-font-dark);

  /* Body XXS/Body XXS Bold */
  /* font-family: "Open Sans"; */
  font-size: var(--rd-fontsize-2);
  /* font-style: normal; */
  font-weight: var(--rd-fontweights-open-sans-0);
  /* line-height: normal; */
  gap: var(--rd-spacing-x-sm);
  grid-template-columns: 45px 180px auto;
}

.spb_h_d_grid .circle-bg {
  stroke-width: 4.5;
}

.spb_h_d_grid .circle {
  stroke-width: 4.5;
}

.spb_h_d_grid .single-chart {
  width: 56px;
}

.plus_moudl_porgress_item {
  text-align: left;
  display: grid;
  grid-template-areas:
    "NAME PORGRESS TIME CHECK";
  grid-template-columns: 150px 195px 115px 20px;
  gap: 8px;
  margin-bottom: var(--rd-spacing-x-sm);
}

.mobileAPP .plus_moudl_porgress_item {
  /* grid-template-columns: 20% 40% 30%; */
  width: 100%;
}

.mobileAPP .wpb_h_select select {
  width: auto !important;
}

.plus_moudl_porgress_item>div {
  /* border-right:1px solid #CCC; */
}

.plus_moudl_porgress_item_title {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-input-hover);
  font-size: var(--rd-fontsize-2);
}

#weiterbildung_progres_box .plus_moudl_porgress_item_progress {
  grid-template-areas: unset;
  grid-template-columns: 100%;
}

.plus_moudl_porgress_item_dauer {
  font-weight: var(--rd-fontweights-open-sans-1);
  color: var(--rd-input-hover);
  font-size: var(--rd-fontsize-2);
}

.plus_moudl_porgress_item_title:before {
  content: "";
  mask-image: url(/src/img/2024/svg/icons/rd-icon-desktop-computer.svg);
  -webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-desktop-computer.svg);
  background-color: var(--rd-secondary-active);
  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;
  margin-right: 4px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  align-self: center;
}

.plus_moudl_porgress_item_progress {
  display: grid;
  grid-template-areas:
    "BAR NUMB";
  width: 100%;
  grid-template-columns: auto 20px;
  gap: 8px;
}

.mobileAPP .plus_moudl_porgress_item_progress {
  display: block;
}

.plus_moudl_porgress_item_progress>div {
  align-self: center;
}

.plus_moudl_porgress_item_progress {
  padding: 0 10px;
}

.plus_moudl_porgress_item_progress_bar_ng {
  background-color: #CCC;
  display: block;
  position: relative;
  height: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.plus_moudl_porgress_item_progress_bar {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--rd-warning-default);
}

.plus_moudl_porgress_item_progress_bar[data-value="100"] {
  background-color: var(--rd-success-default);
}

.container.kurs_plus_c h3::after {
  content: "";
  background-image: url(/src/img/2021/svg/NewTagV3.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50%;
  position: absolute;
  background-repeat: no-repeat;
  width: 70px;
  height: 41px;
  top: -30px;
  right: -75px;
}






#PrimarySelector {
  margin-bottom: var(--rd-spacing-xxx-big);
}


.columns3 {
  display: grid;
  grid-template-areas:
    "EL1 EL2 EL3 EL4 EL5 EL6";
  gap: 16px;
  grid-template-columns: 200px;
}

.no_min_width.vp_month {
  min-width: unset;
}

.passwort_vergessen_filter {
  display: flex;
  gap: 16px;
  padding: 16px;
  background-color: #FFF;
  border-radius: 4px;
  margin-bottom: 15px;
}

.feedback-filter-flex {
  display: flex;
  gap: 16px;
}

.rd-course-library .kpg-right .rd-radio-btn {
  margin-right: var(--rd-spacing-x-sm);
}

.rd-course-library .kpg-right .rd-select:after {
  display: none;
}

.rd-landingpage-blocked .rd-homepage-navi-submenu {
  margin-bottom: 60px;
}

.qc_question div select[name="languages"] {
  padding: 0 var(--rd-spacing-md);
  font-size: var(--rd-fontsize-3);
  height: 40px;
  border-radius: var(--rd-borderradius-border-md);
  border: 1px solid var(--rd-input-default);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: white;
  width: 68px;
  color: var(--rd-font-dark);
  margin-left: 32px;
  opacity: 1 !IMPORTANT;
  cursor: auto;
}

#q_menu_change_lang:after {
  cursor: pointer;
  content: "";
  display: inline-block;
  position: absolute;
  right: 8px;
  height: 15px;
  width: 15px;
  background-image: url(/src/img/2024/svg/icons/rd-icon-globe-alt.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  vertical-align: middle;
  align-self: center;
  pointer-events: none;
  top: 8px;
}

#PopupForTranslate {
  align-items: flex-start;
}

.question_cont .qmoptionsmenu {
  right: 0;
  top: 43px;
  left: unset;
  width: 200px !important;
  padding: var(--rd-spacing-md);
  max-height: 360px;
  overflow: auto;
}

#PopupForTranslate .rd-icon-check-neu::before {
  background-color: var(--rd-success-default);
}

#PopupForTranslate.qmoptionsmenu .export:first-child {
  border-bottom: 1px solid #EAECF0;
  margin-bottom: var(--rd-spacing-md);
  padding-bottom: var(--rd-spacing-md);
}

.question_cont .qmoptionsmenu .export:before {
  display: none;
}

#PopupForTranslate.qmoptionsmenu .export:hover {
  color: var(--rd-success-default);
}

.qc_question div:has(select[name="languages"]) {
  position: relative;
}

.question_cont .qmoptionsmenu>* {
  padding: 0;
  margin-bottom: var(--rd-spacing-x-sm);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.question_cont .qmoptionsmenu div:last-child {
  margin-bottom: 0;
}

#q_menu_change_lang {
  background-color: white;
  padding: var(--rd-spacing-xx-sm) var(--rd-spacing-md);
  position: relative;
  display: inline-block;
  width: 73px;
  height: 32px;
  margin-left: var(--rd-spacing-md);
  cursor: pointer;
  font-size: var(--rd-fontsize-4);
  border-radius: 4px;
  color: var(--rd-font-dark);
}

.export:has(.rd-icon-check-neu) {
  color: var(--rd-success-default);
}


.rlp-title {
  font-size: var(--rd-fontsize-14);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.38px;
  color: var(--rd-font-dark);
  margin-bottom: var(--rd-spacing-md);
  padding: var(--rd-spacing-xxx-lg) 21px 0;
}

.rlp-subtitle {
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.22px;
  color: var(--rd-font-dark);
  margin-bottom: var(--rd-spacing-xxx-lg);
  padding: 0 21px;
}

.rlp-subtitle span {
  font-style: italic;
  color: var(--rd-primary-active);
}

.rd-landingpage-upgrade {
  text-align: center;
}

.rd-landingpage-upgrade .angebot-form .container {
  margin-bottom: 60px;
}

.q_menu .rd-primary-btn-outline {
  margin-right: 16px;
}

.myInstr-filter {
  padding: 0 var(--rd-spacing-md) var(--rd-spacing-md) var(--rd-spacing-md);
}


.mondey-import {
  padding: 32px;
  padding-bottom: 0;
}

.mondey-import ul {
  display: block;
  margin: 0;
}

.mondey-import ul.replies li {
  border: 1px solid #CCC;
  border-radius: 4px;
  overflow: hidden;
}

.mondey-import ul li {
  display: block;

}

.mondey-import .docu li {
  background-color: var(--rd-input-disabled);
  margin-bottom: 20px;
}

.mondey-import .creator_header {
  padding: var(--rd-spacing-x-sm);
  justify-content: space-between;
  display: flex;
  margin-bottom: 12px;
  background-color: var(--rd-input-default);
}

.mondey-import .creator_header .name {
  font-weight: var(--rd-fontweights-open-sans-1);
}

.mondey-import .creator_header .date {
  font-size: var(--rd-fontsize-3);
}

.mondey-import .cont {
  padding: 12px;
  display: block;
}

.mondey-import .download_all {
  text-align: right;
}

h2.monday-titel img {
  max-width: 100px;
}

label[for="DR5"] img {
  width: 90px;
}

.monday-img img {
  max-width: 400px;
}





.rd-bk-empty-block {
  margin-top: 50px;
  display: block;
  text-align: center;

  .rd-bk-headline {
    color: var(--Primary-Active, #D66181);
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 132%;
    margin-top: 30px;
    margin-bottom: 8px;
  }

  p.rd-bk-empty-data {
    color: var(--BW-Black, #0D1130);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.16px;
    display: inline-block;
    max-width: 550px;
  }

  .double_link {
    display: inline-flex;
    gap: 16px;
  }
}

.end_of_weiterbildung {
  text-align: center;
  margin-top: 120px;






  .eow_img img {
    width: 230px;
  }

  .eow_img img.join-img {
    width: 120px;
    margin-bottom: 10px;
  }

  .eow_img img.filmklappe-empty-img {
    width: 50px;
  }

  .eow_img img,
  .eow_img pc-lottie {
    display: inline-block;

  }

  h3 {
    color: var(--rd-primary-active);
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 132%;
    /* margin-top: 30px; */
    margin-bottom: 8px;
  }

  p,
  ul {
    color: var(--rd-font-dark);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.16px;
    display: inline-block;
    max-width: 850px;
  }

  ul {
    display: inline-block;
  }
}

.CustomerEditForm .user_table_slider {
  margin-bottom: 0;
  display: flex;
}

.form_kv:has(.user_table_slider) .form_kv_value_nested .form_kv_key {
  margin-top: 20px;
}

.form_kv:has(.user_table_slider) .form_kv_value_nested .form_kv_key label {
  margin: 0;
}

.form_kv:has(.user_table_slider) [data-form_kv_type="custom"]>.form_kv_value {
  margin-top: 0;
}

.feedback_description {
  word-wrap: break-word;
  max-width: 800px;
}



/* *********************** */

.videoslider-container {
  position: relative;
  width: 346px;
  height: 500px;
  background-color: #ccc;
  /* Optional, falls das Bild nicht geladen wird */
  overflow: hidden;
  border-radius: 14px;
  transition: all 0.5s ease;
}

.videoslider-container .background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  transition: opacity 0.5s ease;
}

.videoslider-container .video-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Video füllt den Container aus und behält das Seitenverhältnis */
  opacity: 0;
  transition: opacity 0.5s ease;
}

.videoslider-container:hover {
  width: 446px;
  /* Box breiter machen, um das 16:9-Format zu erreichen */
}

.videoslider-container:hover .background-image {
  opacity: 0;
  /* Bild wird ausgeblendet */
}

.videoslider-container:hover .video-element {
  opacity: 1;
  /* Video wird sichtbar */
}

.VideoSliderSwiper .swiper-wrapper {
  gap: 16px;
}

/* Standardbreite der Slides */
.VideoSliderSwiper .swiper-wrapper {
  display: flex !important;
  /* Swiper-Layout fixen */
}

.VideoSliderSwiper .swiper-slide {
  width: 320px;
  /* Standardbreite */
  transition: width 1s ease;
}



.splide__slide {
  width: 320px;
  /* Standardbreite */
  flex-shrink: 0;
  /* Verhindert, dass sie zusammengedrückt werden */
  transition: width 1s ease-in-out;
}

.splide__slide:hover {
  width: 740px !important;
  /* Slide wird doppelt so groß */
}

.splide__slide:first-child,
.splide__slide:last-child {
  pointer-events: none;
}

.VideoSwipe-controls {
  display: inline-grid;
  justify-content: space-between;
  margin-top: 30px;
  /* display: block; */
  grid-template-areas:
    "PREV NAV NEXT";


  .slider {
    position: relative;
    max-width: 600px;
    max-height: 400px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, .8);
  }

  .slider__slides {
    display: flex;
    width: 400%;
    transition: transform 0.3s ease-in-out;
  }

  .slider__slide {
    width: 25%;
    height: 100%;
  }

  .slider__slide:nth-child(1) {
    background: #309954;
  }

  .slider__slide:nth-child(2) {
    background: #FFBD3C;
  }

  .slider__slide:nth-child(3) {
    background: #F8593E;
  }

  .slider__slide:nth-child(4) {
    background: #4086FA;
  }

  .splide__pagination {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
  }

  .splide__pagination__page {
    outline: none;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    /* background: rgba(255, 255, 255, .5); */
    border-radius: 50%;
    cursor: pointer;
  }

  .splide__pagination__page.is-active {
    background: white;
  }

  .splide__arrows {
    /* position: absolute; */
    top: 50%;
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
    /* transform: translateY(-50%); */
  }

  .splide__arrow--prev,
  .splide__arrow--next {
    /* background: rgba(255, 255, 255, 0.5); */
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }

}

.VideoSwipe-controls .splide__pagination {
  position: relative;
  bottom: 0;
  gap: 2px;
}

.splide__pagination li button {
  width: 12px !important;
  height: 12px !important;
}


.VideoSwipe-prev,
.VideoSwipe-next {
  width: 30px;
  height: 30px;
  content: "" !important;
  background-image: unset;
  background-color: #BDBDBD;

  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;
  transition: all 0.5s linear;
}

.VideoSwipe-prev:hover,
.VideoSwipe-next:hover {
  background-color: var(--rd-primary-active);
}

.VideoSwipe-prev {
  mask-image: url('/src/img/2024/svg/icons/rd-icon-cheveron-left.svg');
  -webkit-mask-image: url('/src/img/2024/svg/icons/rd-icon-cheveron-left.svg');
}

.VideoSwipe-next {
  mask-image: url('/src/img/2024/svg/icons/rd-icon-cheveron-right.svg');
  -webkit-mask-image: url('/src/img/2024/svg/icons/rd-icon-cheveron-right.svg');
}

.VideoSwipe-prev:disabled,
.VideoSwipe-next:disabled {
  background-color: var(--rd-secondary-inactive);
}

.VideoSwipe-controls .splide__pagination__page.is-active {
  background-color: var(--rd-success-default);
}

.videoslider-container .content_overlay {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 60%;
  color: var(--rd-font-light);
  text-align: left;
  padding: 32px;
}

.videoslider-container .content_overlay p {
  /* opacity:0; */
  transition: all 0.5s linear;
}

.videoslider-container:hover .content_overlay p {
  opacity: 1;
}

.text-review {
  display: inline-block;
  max-width: 250px;
}

#VideoList {
  margin: 0;
}

.tablehead {
  margin-bottom: 12px;
  background-color: var(--rd-font-light);
}

.tablehead,
#VideoList li {
  display: grid;
  grid-template-areas:
    'BILD TITEL TEST URL STATUS ACTION';
  grid-template-columns: 15% 20% 20% 20% 10% 15%;
}

#VideoList li>span,
.tablehead>span {
  padding: 2px 8px;
  border-right: 1px solid var(--rd-input-default);
}

.splide_overlay_left,
.splide_overlay_right {
  position: absolute;
  top: 0;
  bottom: 47px;
  width: 220px;
  /* background-color: #F00; */

  z-index: 100;
}

.splide_overlay_left {
  left: 0;
  background-image: linear-gradient(90deg, var(--rd-font-dark), transparent);
}

.splide_overlay_right {
  right: 0;
  background-image: linear-gradient(-90deg, var(--rd-font-dark), transparent);
}

.rd-video-slider {
  /* background-color: var(--rd-font-dark); */
  text-align: left;
  padding: 20px 0;
  /* color:#FFF; */
}

.videoslider-container .videoslider-verlauf {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  opacity: 0.7;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.08%, #000 100%), #fff8f900;
  transition: all 1s linear;
}

.videoslider-container:hover .videoslider-verlauf {
  opacity: 1;

}

.rd-video-slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.content_overlay a {
  opacity: 0;
}

.splide__slide:hover .content_overlay a {
  animation: showVideoTeaserLink 1.5s forwards;
}

.content_text {
  display: inline-block;
  opacity: 0;
}

.splide__slide:hover .content_text {
  animation: showVideoTeaserLink 1.5s forwards;
}

@keyframes showVideoTeaserLink {
  50% {
    opacity: 0;

  }

  100% {
    opacity: 1;
  }
}

.content_overlay h4 {
  max-width: 300px;
  font-weight: var(--rd-fontweights-open-sans-0);
}

.splide_left_verlauf,
.splide_right_verlauf {
  position: absolute;

  top: 0;
  height: 500px;
  display: inline-block;
  width: 200px;
  z-index: 1;
}

.splide_left_verlauf {
  left: 0;
  background-image: linear-gradient(90deg, #ffffff, transparent);
}

.splide_right_verlauf {
  right: 0;
  background-image: linear-gradient(-90deg, #ffffff, transparent);
}


.rive-video-combo {
  position: relative;
  display: inline-block;
}

.mobilGrafik .rive-video-combo {
  width: 100%;
  max-width: 100%;
}

.rive-video-combo video {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
  /* opacity: 0.5; */
  top: 0;
  margin-top: 0;
  margin-left: 0;
  height: 100%;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;

}

.rive-video-combo video#riveVideo01,
.rive-video-combo video#riveVideo01m {
  mask-image: url("/src/testfiles/Video_Mask3.png");
  -webkit-mask-image: url("/src/testfiles/Video_Mask3.png");
}

.rive-video-combo video#riveVideo02,
.rive-video-combo video#riveVideo02m {
  mask-image: url("/src/testfiles/LW_Mask_v4.png");
  -webkit-mask-image: url("/src/testfiles/LW_Mask_v4.png");
}

.rive-video-combo pc-rive-animation {
  position: relative;
  z-index: 1;
  /* border: 1px solid #F00; */
}

.mobilGrafik .rive-video-combo pc-rive-animation {
  max-width: 100%;
}

.mobilGrafik pc-rive-animation {
  display: block;
  width: 100%;
  /* Oder flexibel: max-width: 100%; */
}

.mobilGrafik pc-rive-animation canvas {
  width: 100% !important;
  /* Erlaubt keine automatische Vergrößerung */
  height: auto !important;
}

canvas {
  width: 100%;
  height: 100%;
  image-rendering: crisp-edges;
  /* Für scharfe Kanten */
}

.buehnenprogrammVideoTeaser {
  overflow: hidden;
}

.mobilGrafik {
  display: none;
}

.mobilGrafik canvas {
  max-width: 100%;
}

pc-rive-animation {
  position: relative;
}

.abMai2025Badge {
  position: absolute;
  right: 0;
  top: 0;
  width: 132px;
  height: 75px;
  background-image: url("/src/img/2024/svg/svg_img/badgeAbMai2025.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  display: none;
}

.demo-rive {
  position: relative;
}

.demo-rive a {
  position: absolute;
  z-index: 1;
  bottom: 16%;
  right: 27%;
}

@media screen and (max-width: 740px) {

  .splide__slide:hover {
    width: 100% !important;
    /* Slide wird doppelt so groß */
  }

  .videoslider-container .content_overlay {
    top: 50%;
  }
}