.rd-app-areas {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: var(--rd-input-disabled);
	/* 90px fot tab nav bottom : */
	min-height: calc(100vh - 80px);
	/* margin-bottom: var(--rd-spacing-xx-lg); */
	position: relative;
}

.rd-app {
	/* background: var(--rd-input-disabled) !important; */

	/* (ckube)todo: auf allen geräten testen, extra grid um keyboard ordentlich anzuzeigen*/
	min-height: 100dvh;
}

/* these styles should prevent important content from being overlayed by notch */
@media (orientation: landscape) {
	/* (ckube)todo: korrekte klassen finden um notch-problem zu lösen ohne gesamtes aussehen zu ändern*/
	/* mit der bisherigen Version erscheint z.B. Kursbibliothek-Karte nicht ganz breit und zeigt neue BG-Farbe */

	.rd-app-maincontent {
		padding-left: max(var(--rd-spacing-md), var(--safe-left));
		padding-right: max(var(--rd-spacing-md), var(--safe-right));
	}

	.rd-app-profile-bar {
		/* padding: 10px max(var(--rd-spacing-xxx-big), var(--safe-right)) var(--rd-spacing-x-big) max(var(--rd-spacing-xxx-big), var(--safe-left)) !important; */
	}

	.rd-app-headbar .rd-app-headbar-grid {
		/* (ckube)todos: möglicherweise besser ohne, gibt immer oberen rand, besonders im panorama-modus */
		/* old: margin-top: max(var(--rd-spacing-xx-big), calc(var(--deviceHeaderHeight))) !important; */

		/* margin-top: var(--rd-spacing-sm) !important; */
	}
}

pc-user-news-widget .swiper-slide {
	min-height: unset;

}

.rd-user-news-widget-footer-end {
	margin-top: unset;
}

.rd-app-area {
	width: 100%;
	/* margin: var(--rd-spacing-xx-sm); */
	/* border: var(--rd-borderwidth-border-default) solid var(--rd-input-hover); */
	font-weight: var(--rd-fontweights-open-sans-0);
	/* font-size: var(--rd-fontsize-5); */
	font-size: 1rem;
}

.rd-app-you-are-here {
	font-size: var(--rd-fontsize-4);
}


/* (ckube)todo: animation ggf wieder entfernen */
.rd-app-tabnav a {

	/* background-color: red; */
	transition: all .2s ease-in-out;
}

.rd-app-tabnav a:active {
	transform: scale(1.07);
	transition: .1s;
}


.rd-app-tabnav a.aktive {
	color: var(--rd-primary-active);
}

.rd-app-tabnav a::before {
	content: "";
	position: relative;
	display: block;
	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/svg_img/app_tabbar_home.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_home.svg);
	background: #909eae;
	width: 24px;
	height: 24px;
	margin: auto;
	margin-bottom: var(--rd-spacing-xx-sm);
}

.rd-app-tabnav a.fortbildungsplan::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_myPlan.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_myPlan.svg);
}

.rd-app-tabnav a.courselib::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_library.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_library.svg);
}

.rd-app-tabnav a.webinars::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_webinar.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_webinar.svg);
}

.rd-app-tabnav a.qmh::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_qmh.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_qmh.svg);
}

.rd-app-tabnav a.instructionclasses::before {
	mask-image: url("/src/img/2023/svg/icons/rd-kb-icon.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-kb-icon.svg");
}

.rd-app-tabnav a.aktive::before {
	background-color: var(--rd-primary-active);
}

.rd-app-maincontent {
	font-weight: var(--rd-fontweights-open-sans-1);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.rd-app pc-support-chat-button {
	display: none !important;
}

.rd-app-header {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
}

.rd-mobil-dashbaord-statistic {
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-x-big) var(--rd-spacing-md);
	border-radius: 8px;
	color: var(--rd-light-blue);
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-0);
	margin: 0 var(--rd-spacing-md) var(--rd-spacing-x-big);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.rd-mobil-dashbaord-statistic.rd-mobil-dashbaord-statistic-surveys {
	margin: 0;
}

.rd-mobil-dashbaord-statistic.rd-mobil-dashbaord-statistic-surveys .mds-header {
	margin-bottom: 0;
}

.rd-mobil-dashbaord-statistic.rd-mobil-dashbaord-statistic-surveys .mds-h-titel {
	line-height: 30px !important;
}

.rd-mobil-dashbaord-statistic.rd-mobil-dashbaord-statistic-surveys .mds-h-titel .badge {
	background-color: var(--rd-primary-active);
	height: 26px;
	width: 26px;
	border-radius: 13px;
	line-height: 20px;
	position: realtive;
	margin-top: -7px;
	margin-right: 7px;
}

/* Must be none by default */
div[data-widget-key="UmfragenWidget"] {
	display: none;
}

div[data-widget-key="DriversLicenceWidget"] {
	display: none;
}

.rd-mobil-dashbaord-statistic .mds-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--rd-spacing-x-sm);
	flex-wrap: wrap;
	gap: 8px;
}

.mds-header {
	font-size: var(--rd-fontsize-4);
}

.mds-header .mds-h-progress,
.mds-h-time span,
.mds-h-date .text {
	font-weight: var(--rd-fontweights-open-sans-2);
}

.mds-progressbar {
	height: 16px;
	border-radius: var(--rd-borderradius-border-xl);
	background-color: var(--rd-input-disabled);
	margin-bottom: var(--rd-spacing-md);
}

.mds-progressbar span {
	display: inline-block;
	background-color: var(--rd-success-default);
	height: 16px;
	border-radius: var(--rd-borderradius-border-xl) 0 0 var(--rd-borderradius-border-xl);
}

.mds-time-grid,
.mds-counter-grid {
	display: grid;
	grid-template-columns: 50% 50%;
}

.mds-time-grid {
	margin-bottom: var(--rd-spacing-x-sm);
}

.mds-time-grid .mds-h-time {
	color: var(--rd-primary-active);
	align-items: center;
}

.mds-time-grid .mds-h-time span {
	display: inline-block;
	margin: 0 2px;
}

.rd-app-areas .rd-tab a {
	color: var(--rd-input-hover);
}

.titel-link-flex .title {
	color: var(--rd-light-blue);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
}

.titel-link-flex {
	display: flex;
	justify-content: space-between;
	padding: var(--rd-spacing-xxx-big) 0 var(--rd-spacing-md);
}

.rd-app .course-carusel+.titel-link-flex {
	padding-top: 54px;
	padding-bottom: var(--rd-spacing-x-big);
}

.titel-link-flex:first-child {
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-xxx-big) 16px;
	border-radius: var(--rd-borderradius-border-xl) var(--rd-borderradius-border-xl) 0 0;
	/* box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.05); */
	margin: 0 -16px;
}

.rd-app-headbar-title {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	align-self: center;
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-app-headbar-grid {
	display: grid;
	grid-template-columns: 50px auto 50px;
	text-align: center;
	/* margin: var(--rd-spacing-lg) 0 var(--rd-spacing-md); */
	/* position: relative; */
	/* padding: var(--rd-spacing-x-lg) 0 var(--rd-spacing-x-big); */
	/* + 8px to achieve same height as AppV3Header */
	padding: 46px var(--rd-spacing-x-big) calc(var(--rd-spacing-x-big) + 8px) var(--rd-spacing-x-big);
	background-color: var(--rd-font-light);
	/* padding-top: max(50px, calc(var(--deviceHeaderHeight))) !important; */

}

/*
.rd-app-headbar ~  .rd-app-detailspage-maincontent::before{
  content: '';
  display: block;
  height: 16px;
  box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.05);
  background: var(--rd-font-light);
  border-radius: 80px 80px 0 0;
}
*/

body[data-view="certificates"] .rd-app-headbar-whiteroundrect {
	display: none;
}

.rd-app pc-webinars-filtered-app .tab_filter {
	background: var(--rd-font-light);
}

.rd-app-detailspage-headpic {
	width: 100%;
}

.rd-app .rd-app-detailspage-maincontent {
	background: var(--rd-font-light);
	border-radius: 10px;
	z-index: 1;
	position: relative;
	padding: var(--rd-spacing-md);
}

.rd-app pc-webinars-app .rd-app-detailspage-maincontent {
	margin-top: -16px;
}

.rd-app-detailspage-maincontent .webinar_sessions {
	padding: 0 0 !important;
}

.rd-app-detailspage-maincontent .webinar_sessions::after {
	content: "";
	display: inline-block;
	border-bottom: 4px solid var(--rd-input-disabled);
	height: 24px;
}

/* .rd-app[data-view="webinars"]:has(.webinar_sessions) .rd-app-maincontent {
  background-color: var(--rd-font-light);
} */

.rd-app[data-view="webinars"]:has(.webinar_sessions) .rd-icon-arrowLeftInCircle::before {
	margin-left: var(--rd-spacing-md);
}

.rd-app[data-view="webinars"] .rd-tabs {
	padding: 0 var(--rd-spacing-md);
	background: var(--rd-font-light);
}

.rd-app[data-view="webinars"] .rd-app-areas:has(.ktc_content_appv2) {
	background-color: var(--rd-font-light) !important;
}

.rd-app .cl_webinar .set_fav {
	height: 30px;
	margin-top: -12px !important;
}

.rd-webinar-applylink-sticky-wrap {
	position: fixed;
	bottom: 100px;
	width: 100%;
	left: 0;
	text-align: center;
	height: auto;
}

.rd-app .rd-webinar-applylink-sticky-wrap {
	position: relative !important;
	padding-top: var(--rd-spacing-xx-lg);
}

.rd-app-detailspage-maincontent .webinarSession.clcc_status:last-child {
	margin-bottom: 10px !important;
}

.rd-app .ktc_tab li label:before,
.rd-app .ic_c_tas li label:before {
	display: none;
}

.rd-app .ktc_tab li label {
	pointer-events: none;
}

.rd-app .kurs_tab_cont .ktc_tab {
	z-index: 0;
}

.rd-webinar-applylink-sticky-wrap .clcc_navi {
	padding: 0 var(--rd-spacing-xx-big) !important;
}

.rd-webinar-applylink-sticky-wrap * {
	width: 100%;
}

.rd-course-card-body,
.dashboard-slider-instraction {
	display: grid;
	grid-template-columns: 25% 75%;
	gap: var(--rd-spacing-x-sm);
	/* padding: var(--rd-spacing-md); */
	position: relative;
}

.rd-course-card-body {
	height: 100%;
}

.rd-course-card-noimg .rd-course-card-body {
	grid-template-columns: 100%;
}

.rd-course-card-noimg .rd-course-card-body .rd-course-card-img {
	display: none;
}

.rd-course-card {
	background: var(--rd-font-light);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	position: relative;
	margin: 0 0 var(--rd-spacing-md);
	min-height: 140px;
}

.rd-app-dropdown-content.disabled {
	filter: grayscale(1);
}

.disabled .rd-course-card {
	opacity: 0.6;
}

.rd-course-view .rd-tabs {
	margin: 0 !important;
}

/* .rd-app .rd-course-card-action {
	float: right;
	margin-top: var(--rd-spacing-md);
	z-index: 0;
	position: relative;
} */

/* (ckube)todo: muss geändert werden wenn v2 der Cards verwendet werden soll */
.rd-app .rd-course-card-action {
	/* width: 100%; */
	display: flex;
	/* flex-direction: column-reverse; */
	flex-direction: row-reverse;
	justify-content: space-between;
}

.rd-app [data-card-type="webinar"] .rd-course-card-action {
	float: unset;
	text-align: right;
}

.rd-app[data-view="webinars"] .rd-course-card {
	margin: 0 var(--rd-spacing-md) var(--rd-spacing-md);
}

.rd-password-wrap {
	position: relative;
	width: 420px;
	margin: auto;
}

.rd-password-wrap>input {
	width: 100% !important;
}

.rd-password-visibile-toggle {
	position: absolute;
	right: 0;
	top: 1px;
	margin: var(--rd-spacing-md);
	z-index: 1;
	margin: 0;
	background-image: url("/src/img/svg/pw_show.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
}

[data-is-password-visible="true"] .rd-password-visibile-toggle {
	background-image: url("/src/img/svg/pw_notshow.svg");
}

.rd-app-maincontent:has(.rd-course-view) {
	background: var(--rd-font-light);
}

.rd-app .webinars_filtered_result_wrap [data-card-type="webinar"] .fav-set .set_fav {
	width: 42px !important;
	height: 42px !important;
	/* border: 1px solid red; */
	background-size: 28px;
	background-position: top center;
	position: absolute;
	top: -12px;
	left: -12px;
}

.rd-app .set_fav {
	position: absolute;
	right: 0;
	margin-right: var(--rd-spacing-md) !important;
	background-image: url(/src/img/2023/svg/icons/rd-icon-heartUnfilled.svg);
	width: 32px !important;
	height: 32px !important;
	background-size: 28px;
	z-index: 15;
	margin-top: 0;
}

.rd-app .fav-set .set_fav {
	position: absolute;
	background-image: url(/src/img/2023/svg/icons/rd-icon-heartUnfilled.svg);
	width: 32px;
	height: 32px;
	top: 16px;
	margin: 0;
	z-index: 1;
}

.rd-course-card .fav-set .set_fav {
	position: unset;
	z-index: 1;
	margin-bottom: -14px;
	margin-right: 0 !important;
}

.rd-course-card-desc {
	font-size: var(--rd-fontsize-2);
}

.rd-course-card-title-fav {
	/* display: flex; */
	/* justify-content: space-between; */
	width: 100%;
	/* align-items: baseline; */
	/* gap: 8px; */
	/* min-height: 40px; */
}

.rd-app .fav-set {
	position: relative;
	z-index: 1;
}

/* .rd-app pc-course-wishes[data-wish-state="granted"] a:before,
.rd-app pc-course-wishes[data-wish-state="pending"] a:before {
	width: 25px;
	height: 25px;
} */

.rd-app .set_fav.favorited {
	background-image: url(/src/img/2023/svg/icons/rd-icon-heartFilled.svg);
	filter: grayscale(0);
}

.rd-course-card-linkpane {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.course-carusel .set_fav {
	bottom: -23px;
}

.rd-app .dashboard-slider-Course .dsi-img {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 180px;
	position: relative;
	border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
}

/* .rd-app-area:first-child {
		font-weight: var(--rd-fontweights-open-sans-0);
		font-size: var(--rd-fontsize-5);
		line-height: var(--rd-lineheights-1);
		color: var(--rd-primary-active);
	  } */

.rd-app-areas::before {
	content: "";
	background-image: url(/src/img/2023/svg/svg_img/app_header.svg);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 200px;
	height: 195px;
	position: absolute;
	top: -53px;
	right: 0px;
}

.rd-app .slick-initialized .slick-slide {
	margin: 0 var(--rd-spacing-md) 18px 0 !important;
}

.rd-app .rd-top-tabs-card .slick-initialized .slick-slide {
	margin: 0 !important;
}

.rd-app .rd-top-tabs-card .slick-next {
	right: -5px !important;
}

.rd-app .rd-top-tabs-card .slick-prev {
	left: -5px !important;
}

.rd-app-areas .rd-tab a {
	margin-left: 6px;
}

.rd-app .rd-top-tabs-card .rd-tabs-card {
	padding: 0 var(--rd-spacing-big) !important;
}

.rd-app .dashboard-slider-instraction {
	min-height: 370px !important;
	padding: 0;
	border-radius: var(--rd-borderradius-border-md);
}

.rd-app[data-view="webinars"] .most_wanted,
.rd-app[data-view="webinars"] .sort_input_wrap {
	display: none !important;
}

.rd-app-profile-bar {
	/* 56px */
	padding: calc(env(safe-area-inset-top) + 18px) var(--rd-spacing-x-big) var(--rd-spacing-md) var(--rd-spacing-x-big);
}

.rd-app[data-view="dashboard"] .rd-app-profile-bar {
	/* display: block; */
	background-color: var(--rd-input-disabled);
}

.dsi-text {
	text-align: right;
	padding: var(--rd-spacing-x-big) var(--rd-spacing-md) var(--rd-spacing-xxx-big) var(--rd-spacing-md);
}

.dsi-text .rd-primary-btn {
	display: inline-block;
	width: auto;
	margin-top: 32px;
}

.dsi-t-cats {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-primary-active);
	margin-right: var(--rd-spacing-xx-sm);
	text-align: left;
}

.dsi-t-titel {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-light-blue);
	margin: var(--rd-spacing-x-sm) 0;
	text-align: left;
}

.rd-app .rd-course-card .rd-course-card-img .foto {
	width: 100%;
	height: 100%;
	background-size: cover;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: 50%;
}

/* .dsi-t-status-grid,
.rd-course-card-status-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: var(--rd-fontsize-2);
	gap: var(--rd-spacing-x-sm);
	margin-top: var(--rd-spacing-x-sm);
	color: var(--rd-input-hover);
	font-weight: var(--rd-fontweights-open-sans-2);
} */

.dsi-t-s-g-time.icon_before:before {
	mask-image: url(/src/img/2023/svg/icons/app-time.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/app-time.svg);
	background-color: #d0e2b2;
}

.dsi-t-s-g-typ.icon_before:before {
	mask-image: url(/src/img/2023/svg/icons/app-online.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/app-online.svg);
	background-color: var(--rd-primary-active);
}

.mds-time-grid .mds-h-date {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	background-color: var(--rd-input-disabled);
	border-radius: var(--rd-borderradius-border-md);
}

.mds-h-time,
.mds-h-date {
	display: flex;
}

.mds-h-date {
	gap: var(--rd-spacing-x-sm);
}

.mds-h-date>.text {
	width: 100%;
}

.rd-course-card-text-content {
	/* background-color: #ff0086; */
	/* (ckube)todo: wird diese klasse benötigt? sonst raus und element ohne verwenden */
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.rd-course-card-cats-grid {
	font-size: 0.875rem;
	color: var(--rd-primary-active);
	line-height: 14px;
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-app #reportrange {
	background-color: transparent;
	height: auto;
}

.mds-h-date #reportrange {
	padding: 0 !important;
}

.rd-app .mds-h-date #reportrange .fa-caret-down {
	background-image: url(/src/img/2023/svg/icons/rd-icon-arrowDown.svg);
	width: 16px;
	height: 16px !important;
	margin-left: var(--rd-spacing-xx-sm);
	position: relative;
	background-size: unset;
	vertical-align: middle;
	min-width: unset;
}

.rd-course-card-header {
	font-size: var(--rd-fontsize-3);
	border-radius: 8px 8px 0px 0px;
	line-height: 130%;
}

.rd-course-card-header div {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

.rd-app-course-module {
	position: relative;
}

.rd-app-course-module .ktc_content,
.rd-app-course-module .ktc_content>div,
.rd-app-course-img {
	position: relative;
	color: var(--cl-blue-grey);
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-app-course-img img {
	width: 100%;
}

[data-mypodcast-view="true"] {
	text-align: center;
}

[data-mypodcast-view="true"] img {
	height: 450px;
	width: unset;
}

[data-podcast="true"] .rd-app-course-img {
	text-align: center;
}

[data-podcast="true"] .rd-app-course-img img {
	width: auto;
	height: 500px;
}

.ktc_content>div {
	display: none;
}

.rd-new-modul-element-app input[name="ktc_tab"] {
	display: none;
}

.rd-app .ktc_c1 {
	padding: 0;
	color: var(--rd-font-dark);
	line-height: 24px;
	font-size: 1rem;
}

.rd-app[data-view="fortbildungsplan"] {
	background-color: var(--rd-font-light) !important;
}

.rd-app-course-view-cats {
	font-size: var(--rd-fontsize-2);
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-bottom: var(--rd-spacing-x-sm);
	line-height: 14px;
}

.rd-app-course-view-titel {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	margin-bottom: var(--rd-spacing-x-sm);
	line-height: var(--rd-lineheights-0);
}

.rd-app-course-view-referent {
	font-size: var(--rd-fontsize-4);
	margin-bottom: var(--rd-spacing-xxx-big);
	line-height: 21px;
}

.rd-app-course-view-referent .rd-ref-avatar {
	display: inline-block;
	width: 32px;
	background-size: cover;
	vertical-align: middle;
	height: 32px;
	border-radius: 100%;
	margin-right: var(--rd-spacing-x-sm);
}

.rd-app-legend-titel {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	margin-bottom: var(--rd-spacing-x-big);
	margin-top: var(--rd-spacing-lg);
}

.rd-app .ktc_c1 p,
.rd-app .ktc_c1 ul li {
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 24px;
}

.rd-app-double-grid {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--rd-spacing-sm);
}

.rd-app-label {
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-app-label-result {
	margin-bottom: var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.rd-app-double-grid .rd-app-text {
	line-height: 24px;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-app .ktc_content>div {
	overflow-y: unset;
}

.rd-app-label-result .rd-labeled-icon {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-app .rd-labeled-icon {
	font-size: 0.875rem;
	font-weight: var(--rd-fontweights-open-sans-2);
	display: flex;
	align-items: center;
}

.rd-course-card-status-grid .rd-icon-courseMedium:before {
	background-color: var(--rd-primary-active);
}

.rd-course-card-status-grid .rd-icon-courseEasy:before {
	background-color: var(--rd-primary-active);
}

.rd-app .webinarSession {
	padding: var(--rd-spacing-sm) var(--rd-spacing-x-big);
	background-color: var(--rd-input-disabled);
	border-radius: var(--rd-borderradius-border-xl);
	margin-bottom: var(--rd-spacing-xx-sm);
}

.rd-app .webinarSession>div {
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-app .webinarSession.webinarSession_status_past.clcc_status {
	opacity: 0.3;
}

.rd-app .prev_kurs_typ {
	color: #000000;
}

.rd-app .webinar_sessions {
	min-height: 40px;
	margin: 0;
	display: block !important;
}

.rd-app .webinarSession.webinarSession_status_future.clcc_status {
	padding-top: var(--rd-spacing-sm);
}

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

.rd-course-card-title {
	font-size: 1rem;
	color: var(--rd-light-blue);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-x-sm);
	font-weight: var(--rd-fontweights-open-sans-0);
	word-break: break-word;
}

.rd-labeled-icon-list {
	display: flex;
	gap: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-app h3 {
	font-size: 16px !important;
	color: var(--rd-light-blue);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	text-align: left;
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-md) var(--rd-spacing-md);
}

.rd-tabs+h3 {
	margin-top: var(--rd-spacing-x-big);
}

.rd-app .dashboard-slider-Course {
	background-color: var(--rd-font-light);
	border-radius: var(--rd-spacing-xx-sm);
	min-height: 370px;
	box-shadow: 0px 10px 15px -5px rgba(16, 24, 40, 0.1);
	position: relative;
}

.rd-app .course-carusel {
	padding-bottom: 18px;
	/* padding: 0 16px; */
}

.rd-app .add-hr {
	border-top: 4px solid var(--rd-input-disabled);
	margin: 40px 10px 8px;
	border-radius: var(--rd-borderradius-border-xl);
}

.rd-app .add-hr:last-child {
	display: none;
}

/* .rd-app .cl_webinar .clcc_categorys.exclusive,
	  .rd-app .cl_webinar .content_title,
	  .rd-app .cl_webinar .clcc_status,
	  .rd-app .cl_webinar .kurs_tab_cont,
	  .rd-app .cl_webinar .ref_box {
		padding: 0 var(--rd-spacing-md);
	  } */

.rd-app[data-view="fortbildungsplan"] .rd-tabs {
	/* display: inline-grid; */
	grid-template-columns: repeat(6, auto);
	width: 100%;
	/* overflow-x: scroll; */
	margin: 0 var(--rd-spacing-md);
	display: flex;
	flex-wrap: wrap;
}

.rd-app[data-view="fortbildungsplan"] .rd-tabs::-webkit-scrollbar {
	display: none;
}

.rd-app #FilterForm {
	padding: var(--rd-spacing-md) 0;
	margin: 0;
}

.rd-app .such_text {
	margin: 12px 0 0 0;
}

.rd-app .ktc_tab li label {
	padding: 0;
	margin: var(--rd-spacing-x-big) 0;
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
}

.rd-app-areas .video_block {
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-app .sear_title {
	color: var(--rd-light-blue);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	margin: var(--rd-spacing-x-big) var(--rd-spacing-md) var(--rd-spacing-x-big);
	max-width: 200px;
}

.rd-app .mobil-content-body {
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-md) var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-xl);
	box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 0;
}

/* .rd-app[data-view="fortbildungsplan"] .rd-tabs {
		margin: 0;
	  } */

.rd-app[data-view="fortbildungsplan"] .rd-mobil-dashbaord-statistic {
	margin: var(--rd-spacing-x-big) var(--rd-spacing-md);
}

.rd-app-area.rd-app-profile-bar {
	/* padding: 46px var(--rd-spacing-x-big) var(--rd-spacing-x-big) var(--rd-spacing-x-big); */
	justify-content: space-between;
}

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

.rd-app-profile-bar-subgreeting {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-light-blue);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-app-profile-bar-rightcol {
	display: flex;
	gap: var(--rd-spacing-md);
}

.rd-app-profile-bar-bell {
	background-color: var(--rd-font-light);
	position: relative;
	border-radius: 100%;
	width: 40px;
	height: 40px;
}

.rd-app-profile-bar-bell.rd-icon-bell::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
}

.rd-app-profile-bar-picture {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: var(--rd-font-light);
	z-index: 1;
}

.rd-app[data-view="profile"] .rd-app-areas,
.rd-app[data-view="editProfile"] .rd-app-areas {
	background-color: var(--rd-font-light);
}

.rd-app[data-view="profile"] .rd-app-areas::before {
	display: none;
}

.rd-app[data-view="profile"] .add-hr,
.rd-app[data-view="editProfile"] .add-hr {
	margin: 0;
}

/* .rd-app[data-view="profile"] .rd-app-headbar-grid,
.rd-app[data-view="editProfile"] .rd-app-headbar-grid {
	margin: var(--rd-spacing-xxx-big) var(--rd-spacing-md) var(--rd-spacing-md);
} */

.rd-appv2-input-wrap {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-x-big);
	/* margin: 0 var(--rd-spacing-md) 10px; */
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	border-radius: 4px;
	display: grid;
	background-color: var(--rd-font-light);
	margin-bottom: var(--rd-spacing-sm);
}

.rd-appv2-input-wrap.disabled {
	background: var(--rd-input-disabled);
}

.rd-appv2-input-wrap.disabled label,
.rd-appv2-input-wrap.disabled input {
	color: #cccccc;
}

.rd-appv2-input-wrap.disabled input {
	background: var(--rd-input-disabled) !important;
}

.rd-appv2-input-wrap input {
	border: none;
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	width: 100%;
}

.rd-appv2-input-wrap input:focus {
	outline: none;
	border: none;
}

.rd-appv2-input-wrap input:hover {
	border: none;
}

.rd-appv2-input-wrap label {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.rd-profile-page-header {
	text-align: center;
}

.rd-profile-page-header>.add-hr {
	border-top: 2px solid var(--rd-input-disabled);
}

.rd-profile-page-picture {
	width: 112px;
	height: 112px;
	border-radius: 100%;
	background-color: #dbe6eb;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 40px;
}

.rd-profile-page-username {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-xx-sm);
}

.rd-profile-page-email {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-secondary-active);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-profile-page {
	position: relative;
	background-image: url("/src/img/2023/svg/svg_img/profil-bg-grafik.svg");
	background-repeat: no-repeat;
	background-position: top -100px right 0;
}

.rd-profile-page-menu {
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-x-big);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	display: grid;
	margin: var(--rd-spacing-lg) var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-lg);
	position: relative;
	z-index: 10;
	background-color: var(--rd-font-light);
}

.rd-profile-page-menu-item {
	padding: var(--rd-spacing-md) 0;
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
}

.rd-profile-page-menu-item::before {
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

a.rd-profile-page-menu-item:hover {
	color: var(--rd-font-dark);
}

.rd-profile-page-menu-item:last-child {
	border-bottom: unset;
	padding-bottom: 0;
}

.rd-profile-page-menu-item:after {
	content: "";
	display: inline-block;
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	vertical-align: middle;
	background-image: url(/src/img/2023/svg/icons/rd-icon-arrowRightListe-magenta.svg) !important;
	mask-image: none !important;
	-webkit-mask-image: none !important;
	float: right;
	background-color: var(--rd-font-light);
}

.rd-profile-page-menu-item::before {
	margin-right: var(--rd-spacing-big) !important;
}

.rd-profile-page-hilfe {
	text-align: center;
	margin-bottom: var(--rd-spacing-xxx-big);
}

.rd-profile-page-hilfe a {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-profile-page h2 {
	font-weight: 600;
	font-size: var(--rd-fontsize-8);
	line-height: 132%;
	color: var(--rd-primary-active);
	margin: 56px 16px 34px;
	text-align: left;
}

.rd-app .formfields .formfieldrow.form_kv input[type="text"] {
	height: 40px;
}

.rd-app .clcc_status .kt_webinar_start::before {
	background-image: url(/src/img/2023/svg/icons/rd-icon-date.svg);
}

.rd-app .clcc_status .prev_kurs_time:before {
	background-image: url(/src/img/2023/svg/icons/rd-icon-timeInBox.svg);
	background-size: 100%;
}

.rd-app .fc_counter,
.rd-app .prev_kurs_time,
.rd-app .kt_webinar {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
	line-height: 14px;
	color: var(--rd-input-hover);
	margin-right: 8px;
}

.rd-app .nw_video_el .icon:before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-coursePlay.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-coursePlay.svg);
}

.rd-app .nw_quiz_el .icon:before {
	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);
}

.rd-app .pcx_load[data-load="1"]>span.u1,
.rd-app .pcx_load[data-load="2"]>span.u1,
.rd-app .pcx_load[data-load="3"]>span.u1,
.rd-app .pcx_load[data-load="2"]>span.u2,
.rd-app .pcx_load[data-load="3"]>span.u2,
.rd-app .pcx_load[data-load="3"]>span.u3 {
	background-image: url(/src/img/2023/svg/icons/rd-icon-person-magenta.svg);
}

.rd-app .pcx_load>span {
	background-image: url(/src/img/2023/svg/icons/rd-icon-person-gray.svg);
}

.rd-app[data-view="fortbildungsplan"] .rd-app-maincontent {
	/* padding: 0 var(--rd-spacing-md); */
}

.rd-app[data-view="webinars"] .rd-app-areas::before,
.rd-app[data-view="fortbildungsplan"] .rd-app-areas::before {
	display: none !important;
}

/* (ckube)todo: ne noch ein wicht hier */
/* .rd-app-profile-bar,
.rd-app-areas::before {
	display: none;
} */

.rd-app[data-view="dashboard"] .rd-app-profile-bar,
.rd-app[data-view="dashboard"] .rd-app-areas::before,
.rd-app[data-view="fortbildungsplan"] .rd-app-profile-bar,
.rd-app[data-view="fortbildungsplan"] .rd-app-areas::before {
	display: flex;
}

.rd-app .cl_webinar .clcc_categorys {
	font-size: var(--rd-fontsize-2);
	color: var(--rd-primary-active);
	line-height: 14px;
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-app-detailspage-maincontent .content_title {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-light-blue);
}

.rd-appv2-webinar-fullpage-favlink {
	position: absolute;
	right: 0;
	top: -36px;
}

.rd-app .cl_webinar .pks_trenner {
	display: none;
}

.rd-app .fc_hearth {
	background-image: url(/src/img/2023/svg/icons/rd-icon-heartFilled.svg);
	width: 20px;
	height: 20px;
}

.rd-app .attach_block .ab_label:before,
.anhang_label:before {
	background-image: url(/src/img/2023/svg/icons/rd-icon-attachment.svg);
	margin-right: var(--rd-spacing-x-sm);
	width: 20px;
	height: 20px;
}

.rd-app .attach_block {
	padding: 0;
}

.rd-app .new_filter {
	box-shadow: unset;
	z-index: 10;
	margin: 0;
}

/* .rd-cat-card {
	background: var(--rd-font-light);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	position: relative;
	margin: 0 0 var(--rd-spacing-md);
	padding: var(--rd-spacing-md);
	min-height: 140px;
}

.rd-cat-inside-grid {
	display: grid;
	grid-template-columns: 80px auto;
	gap: var(--rd-spacing-x-sm);
} */

.rd-cat-img {
	width: 100%;
	height: 64px;
	background-size: cover;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: 50%;
}

.rd-app[data-view="instructionclasses"] .new_filter {
	padding: 0;
}

.rd-cat-c-titel {
	font-size: var(--rd-fontsize-2);
	color: var(--rd-primary-active);
	line-height: 14px;
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-cat-c-ccount {
	font-size: var(--rd-fontsize-2);
	line-height: 14px;
	color: var(--rd-light-blue);
}

.rd-course-card-body .rd-progressbar {
	margin-top: var(--rd-spacing-md);
}

.rd-cch-blue {
	background-color: var(--rd-secondary-inactive);
	color: var(--rd-secondary-active);
	border-radius: 8px 8px 0px 0px;
}

.rd-cch-green {
	background-color: var(--rd-list-active);
	color: var(--rd-success-pressed);
	border-radius: 8px 8px 0px 0px;
}

.rd-cch-red {
	background-color: #ffe4e6;
	color: #9f1239;
	border-radius: 8px 8px 0px 0px;
}

.rd-cch-yellow {
	background-color: #fefce8;
	color: var(--rd-warning-pressed);
	border-radius: 8px 8px 0px 0px;
}

.rd-app .lektion_counter {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-light-blue);
	font-weight: 700;
	line-height: var(--rd-lineheights-1);
	margin: 0px var(--rd-spacing-md) var(--rd-spacing-md);
}

.rd-app .nw_el {
	margin: 0px var(--rd-spacing-md) var(--rd-spacing-md);
	cursor: pointer;
}

.rd-app .nw_el_head .time {
	color: var(--rd-success-default);
	font-size: var(--rd-fontsize-2);
}

.rd-app .nw_el_head .time:before {
	content: "";
	display: inline-block;
	mask-image: url(/src/img/2023/svg/icons/rd-icon-time.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-time.svg);
	background-color: var(--rd-success-default);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: var(--rd-spacing-xx-sm);
}

.rd-app .nw_el_head .text {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-primary-active);
}

.rd-app .nw_el_body {
	font-size: var(--rd-fontsize-2);
	line-height: 24px;
	color: var(--rd-light-blue);
	margin-left: var(--rd-spacing-xxx-big);
}

.rd-app .ktc_content>div {
	padding: var(--rd-spacing-md) 0 0;
}

.rd-app .nw_el.nw_video_el.aktive .icon:before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-courseOnProgress.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-courseOnProgress.svg);
	background-color: var(--rd-success-default);
}

.rd-app .nw_el.nw_video_el.aktive .nw_el_head .text {
	color: var(--rd-success-default);
}

.rd-app .rd-video-confirm-info {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-md);
	text-align: center;
}

/* container for "Bestätigen & Weiter" button below instructions */
.rd-app .rd-video-confirm-container {
	padding: var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-lg);
	background: var(--rd-font-light);
	z-index: 3;
	position: relative;
	margin-bottom: var(--rd-spacing-md);

}

.rd-video-confirm-button-container {
	display: flex;
	flex-direction: column;
	gap: var(--rd-spacing-sm);
}

.rd-app .rd-video-confirm-container .rd-primary-btn {
	/* display: block; */
	/* width: 100%; */
	margin-bottom: var(--rd-spacing-sm);
}

@media screen and (min-width: 700px) {
	.rd-video-confirm-button-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: var(--rd-spacing-sm);
	}

	.rd-app .rd-video-confirm-container .rd-primary-btn {
		margin-bottom: 0;
	}
}


.rd-app .converm {
	padding: var(--rd-spacing-md);
	position: fixed;
	bottom: 0;
	z-index: 10;
	left: 0;
	right: 0;
	border-radius: var(--rd-borderradius-border-lg) var(--rd-borderradius-border-lg) 0 0;
	overflow: unset;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.rd-app .converm .rd-primary-btn {
	/* display: block; */
	/* width: 100%; */
	margin-bottom: var(--rd-spacing-sm);
}

.rd-app .autocomplete_textvalue_wrap input[type="text"] {
	width: 100%;
	height: 40px;
}

.rd-app .bgform {
	background-color: #637381;
	background-image: none;
	height: 100%;
}

.rd-app .ptqb_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-big);
	position: relative;
	z-index: 1;
	text-align: left;
}

.rd-app .ptqb_answere {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	position: relative;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	text-align: left;
}

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

.rd-app .formheader {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

.rd-app .formheader .formclose {
	background-color: var(--rd-font-light);
}

.rd-app .ptqb_answere:after {
	top: calc(100% - 28px);
}

.rd-app-qmh-card,
.rd-qmh-detail-header {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: var(--rd-spacing-x-big);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
}

.rd-app-qmh-card img {
	max-width: 100%;
	object-fit: contain;
}

.rd-app-magenta-h-titel {
	font-size: var(--rd-fontsize-8);
	color: var(--rd-primary-active);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
	margin: 0 0 var(--rd-spacing-x-big);
}

.rd-course-card-header-content {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	font-size: var(--rd-fontsize-3);
}

.rd-app .qmh_logo,
.rd-app .pfp_logo {
	padding: var(--rd-spacing-md);
	display: flex;
	justify-content: center;
	width: 300px;
	height: 130px;
	margin: auto;
}

.rd-app .qmh_logo {
	padding: var(--rd-spacing-md) 0 0;
}

.rd-qmh-app-titel {
	padding: var(--rd-spacing-md);
	padding-bottom: 0;
	font-size: var(--rd-fontsize-4);
	font-weight: 400;
	font-size: var(--rd-fontsize-4);
	line-height: 170%;
	color: var(--rd-light-blue);
}

.rd-app .qm-head-titel {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-light-blue);
	padding: var(--rd-spacing-md);
	padding-bottom: 0;
}

.rd-app .qm-head-info .table {
	display: flex;
	flex-direction: column;
	gap: var(--rd-spacing-x-sm);
	font-weight: 400;
	font-size: var(--rd-fontsize-4);
	line-height: 170%;
	color: var(--rd-light-blue);
	padding: var(--rd-spacing-md);
}

.rd-app .qm-head-logo {
	border-right: none;
}

.rd-app .qm-head-titel {
	border-bottom: none;
}

.rd-app .qm-head-info .table .table-cell {
	padding: 0 !important;
}

.rd-app .qm-head-info .table .table-cell:first-child {
	padding: 0 !important;
}

.rd-app .qm-view-nav {
	margin-bottom: var(--rd-spacing-md);
}

.rd-app[data-view="qmh"]:has(.rd-app-qmh-card) .rd-app-areas {
	background-color: var(--rd-input-disabled);
}

/* .rd-app[data-view="qmh"]:has(.rd-app-qmh-card) .rd-app-headbar-grid {
  margin-bottom: var(--rd-spacing-x-big);
} */

.rd-app[data-view="qmh"] .rd-app-areas {
	background-color: var(--rd-font-light);
}

.rd-app[data-view="qmh"] .rd-app-headbar-grid {
	margin-bottom: 0;
	padding-bottom: var(--rd-spacing-x-big);
	/* border-bottom: var(--rd-borderwidth-border-focus) solid
    var(--rd-input-disabled); */
}

.rd-app[data-view="qmh"]:has(.rd-app-qmh-card) .rd-app-detailspage-maincontent {
	padding-top: var(--rd-spacing-md);
}

.rd-app[data-view="qmh"] .rd-app-detailspage-maincontent {
	padding-top: 0;
}

.rd-app[data-view="qmh"] .rd-icon-arrowLeftInCircle {
	margin-left: var(--rd-spacing-md);
}

.rd-app .user_avatar {
	width: 40px;
	height: 40px;
}

.rd-app[data-view="profile"] .user_avatar,
.rd-app[data-view="editProfile"] .user_avatar {
	width: 100%;
	height: 100%;
}

.rd-appv2-profile-btn {
	margin: 34px var(--rd-spacing-md) 10px;
}

.rd-appv2-profile-btn .rd-primary-btn[disabled="disabled"] {
	background-color: var(--rd-primary-inactive) !important;
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-inactive) !important;
}

.rd-app .qm-view-nav a {
	margin-left: 0;
}

.rd-page-headline {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
	margin-top: 90px;
}

.rd-pass-reset {
	padding: 6px;
	line-height: var(--rd-lineheights-0);
}

.rd-pass-reset-backlink {
	margin-top: var(--rd-spacing-md);
}

.rd-pass-reset p {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
}

.rd-pass-reset input {
	color: var(--rd-font-dark);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-md);
	min-width: 345px;
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	margin-bottom: var(--rd-spacing-md);
}

.rd-pass-reset input:focus {
	outline: var(--rd-borderwidth-border-focus) solid var(--rd-input-hover);
}

::placeholder {
	color: var(--rd-input-hover);
	opacity: 1;
	/* Firefox */
	font-weight: 14px;
	font-size: var(--rd-fontsize-4);
}

.rd-pass-reset-footinfo {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	margin: var(--rd-spacing-xxx-lg) 0;
}

.rd-pass-reset-footinfo span {
	color: var(--rd-secondary-active);
}

.rd-pass-reset-backlink a {
	font-weight: 14px;
	font-size: var(--rd-fontsize-5);
	color: var(--rd-primary-active);
}

/* .rd-app .slick-dots li {
		width: 40px;
		height: 4px;
		border: 1px solid #eaecf0;
		border-radius: 80px;
	  }
	  
	  .rd-app .slick-dots li.slick-active {
		border: 1px solid var(--rd-primary-active);
	  }
	  
	  .rd-app .slick-dots li button::before {
		width: 100%;
		height: 100%;
		background: #eaecf0;
		color: transparent;
	  }
	  
	  .rd-app .slick-dots li.slick-active button::before {
		background: var(--rd-primary-active);
		opacity: 1;
		color: transparent;
	  }
	  
	  .rd-app .slick-dots li.slick-active button::before {
		opacity: 1;
		color: var(--rd-primary-active);
	  }
	   */

.rd-footer-bubbels {
	display: flex;
	justify-content: space-between;
	width: 100%;
	bottom: 20px;
	position: absolute;
}

.rd-footer {
	display: inline-block;
	background-repeat: no-repeat;
	/* background-size: 100%; */
	/* background-position: 50%; */
	width: 100%;
	height: 255px;
	vertical-align: top;
	/* display: grid; */
	flex-direction: column;
	padding-top: var(--rd-spacing-xxx-big);
	background-color: var(--rd-font-light);
}

.rd-footer-right {
	position: absolute;
	right: 0;
}

.rd-footer-logo {
	display: flex;
	justify-content: center;
}

.rd-footer-logo img {
	max-width: 180px;
}

/* .rd-footer-left {
		position: relative;
		z-index: 1;
	  } */

#rd-loading-animation {
	text-align: center;
	display: none;
}

.rd-la-gfx {
	display: inline-block;
	background-image: url("/src/img/2023/svg/svg_img/rd-loader.svg");
	width: 64px;
	height: 64px;
	background-size: 100%;
	animation-name: loading-elipse;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.rd-la-text {
	font-size: 0;
}

.rd-la-text:before {
	content: "Wird geladen";
	/* content:'bitte warten...';*/
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	text-align: center;
	margin-top: var(--rd-spacing-sm);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-app[data-view="qmh"] .rd-primary-btn {
	margin: 16px;
	align-self: end;
	/* box-sizing: border-box; */
}

span.rd-qm-read-count-bull {
	background-color: var(--rd-primary-active);
	display: inline-flex;
	width: 24px;
	height: 24px;
	color: var(--rd-font-light);
	border-radius: 100%;
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	justify-content: center;
	align-items: center;
	margin-left: var(--rd-spacing-x-sm);
}

@keyframes loading-elipse {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.rd-app-dropdown-label {
	display: block;
	padding-top: var(--rd-spacing-xxx-big);
	cursor: pointer;
	margin-bottom: var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	cursor: pointer;
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
}

.rd-app-dropdown-label::after {
	content: "";
	background-image: url("/src/img/2023/svg/svg_img/rd-loader.svg");
	float: right;
}

.app-check-then-hide:checked+.rd-app-dropdown-label::after {
	transform: scaleY(-1);
}

.app-check-then-hide:checked+.rd-app-dropdown-label+.rd-app-dropdown-content {
	display: none;
}

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

.rd-app .userh1 {
	font-weight: 600;
	font-size: 14px !important;
	line-height: var(--rd-lineheights-0) !important;
	color: var(--rd-light-blue);
	display: block;
	text-align: left;
	margin: 0;
}

.rd-app .qmh-card {
	display: grid;
	grid-template-columns: 60px auto;
	grid-template-columns: 60px auto;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	padding: var(--rd-spacing-md);
}

.rd-app .qc-actions {
	float: right;
	margin-top: var(--rd-spacing-md);
}

.rd-app .qc-sub-title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-2);
	line-height: 14px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-xx-sm);
}

.rd-app .qc-title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-light-blue);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-doubele-input-profil {
	display: grid;
	grid-template-areas: "ANREDE TITEL";
	grid-template-columns: 50% 50%;
	gap: 10px;
	width: calc(100% - 12px);
	/* margin-bottom: var(--rd-spacing-sm); */
}

.rd-doubele-input-profil select {
	border: none;
	width: 100%;
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
}

.rd-app-areas .form_btn_block {
	padding: 24px 0;
}

.rd-app-areas .form_btn_block .rd-primary-btn,
.rd-app-areas .form_btn_block .rd-primary-btn-outline {
	display: inline-block;
}

.rd-app-areas .formfields {
	padding: 0;
}

.qmh-card {
	position: relative;
}

.rd-profile-page input[type="file"] {
	display: none;
}

.double-app-link {
	display: inline-flex;
	gap: 12px;
}

.rd-smile-retting label {
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.2s linear;
}

.rd-smile-retting label:hover,
.rd-smile-retting input:checked+label {
	opacity: 1;
}

.rd-app-thx-page {
	background-color: var(--rd-font-light);
	height: 100vh;
	text-align: center;
}

.app-side-titel,
.mobil-content-body h2 {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
}

.rd-app-attach-box {
	padding: 0 var(--rd-spacing-big);
	margin-bottom: var(--rd-spacing-xx-huge);
}

.rd-label-titel {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-light-blue);
	margin-bottom: var(--rd-spacing-big);
	margin-top: var(--rd-spacing-xx-big);
}

.rd-app-attach-box ul {
	display: block;
	margin: 0 0 18px 0;
	padding: 0;
}

.rd-app-attach-box li {
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
}

.rd-app-attach-box li label,
.rd-app-attach-box li a {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	hyphens: auto;
	word-wrap: break-word;
}

.rd-app-attach-box li label {
	color: var(--rd-primary-active);
	margin-right: var(--rd-spacing-xxx-big);
}

.rd-app-areas .notiz_body {
	display: block;
	height: 110%;
	padding-top: 32px;
}

.rd-green-info-msg {
	background-color: var(--rd-success-inactive);
	padding: 8px 16px 8px;
	margin: 0 16px;
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-success-pressed);
	position: relative;
	border-radius: var(--rd-borderradius-border-md);
	display: grid;
	grid-template-columns: 36px auto;
	border-radius: var(--rd-borderradius-border-md);
}

.rd-app .rd-green-info-msg:before {
	content: "";
	display: inline-block;
	background-color: var(--rd-success-pressed);
	width: 14px;
	height: 14px;
	margin: 0 var(--rd-spacing-big) 0 var(--rd-spacing-xx-sm);
	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-info-icon.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-info-icon.svg);
	align-self: center;
}

.rd-green-info-msg.rotate-msg {
	margin: 0 0 var(--rd-spacing-big);
}

.rd-app .qmv-sidebar h3 {
	padding-left: 0;
}

.rd-green-info-msg.rotate-msg:before {
	mask-image: url("/src/img/2023/svg/icons/rd-info-icon.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
}

.rd-app-feedback-form {
	background-color: var(--rd-font-light);
}

.rd-app-feedback-form {
	margin: 0;
	min-height: 90vh;
	padding: var(--rd-spacing-big);
	text-align: center;
}

.rd-app-feedback-form input,
.rd-app-feedback-form select {
	margin-bottom: 16px;
}

.rd-app-feedback-form textarea {
	width: 100%;
	height: 150px;
	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;
}

.rd-smile-retting {
	margin-bottom: 16px;
}

body[data-view="imprint"] .mobil-content-body,
body[data-view="dataPolicy"] .mobil-content-body {
	padding-top: var(--rd-spacing-big);
}

.rd-app-areas [class^="rd-icon-"]::before,
.rd-app-areas [class*=" rd-icon-"]::before {
	content: "";
}

/* (ckube)todo: dupliziert, siehe ca ln 4392 */
.rd-app .rd-primary-btn,
.rd-app .rd-primary-btn-outline {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	/* font-size: 11px !important; (ckube):todo testen ob layout bricht */
	font-size: 1rem !important;
	min-width: 124px !important;
	width: auto;
	min-height: auto !important;
}

.rd-app-areas .ani-check-box+label {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.rd-app-areas #addNoteform {
	position: absolute;
	z-index: 100;
	display: block;
	width: 100%;
}

.rd-app-areas #addNoteform form {
	background-color: var(--rd-card-fg);
	width: 100%;
	padding: var(--rd-spacing-big);
	box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.14);
}

.rd-app-areas #addNoteform form textarea {
	width: 100%;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding: var(--rd-spacing-sm);
	margin-top: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-big);
}

.rd-app-areas #addNoteform form .titel .time {
	color: var(--rd-primary-active);
	margin-right: var(--rd-spacing-x-sm);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.app-cert-download {
	display: grid;
	grid-template-areas: "IMG TEXT";
	grid-template-columns: 50px auto;
	margin-bottom: var(--rd-spacing-md);
	background: var(--rd-font-light);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	font-size: var(--rd-fontsize-2);
	color: var(--rd-light-blue);
	line-height: var(--rd-lineheights-0);
	margin-top: var(--rd-spacing-x-sm);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.app-cert-download .cert_info {
	padding: var(--rd-spacing-big);
}

.app-cert-download .cert_info span {
	display: block;
}

.app-cert-download .cert_info .ci-titel {
	margin-bottom: var(--rd-spacing-xx-sm);
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.pdf_img {
	padding: var(--rd-spacing-big);
}

.pdf_img:before {
	width: 30px;
	height: 30px;
	content: "";
	display: inline-block;
	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/pdf_icon.svg");
	-webkit-mask-image: url("/src/img/svg/pdf_icon.svg");
	background-color: var(--rd-primary-active);
}

/* Hide scrollbar for IE, Edge and Firefox */
body.rd-app {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

body.rd-app::-webkit-scrollbar {
	display: none;
}

.rd-app-area .swiper-pagination {
	position: relative;
	margin-top: 15px;
}

.rd-app-area .swiper-pagination-bullet-active {
	background-color: var(--rd-primary-active);
}

/* Kalender Style*/
.rd-app .daterangepicker {
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100%;
	margin: 0;
	text-align: center;
	z-index: 100;
}

.rd-app .daterangepicker .ranges {
	text-align: center;
}

.rd-app .daterangepicker:before {
	display: none;
}

.rd-app .drp-calendar {
	display: inline-block !important;
	width: auto;
	float: unset;
	border: none;
	border-left: none !important;
}

/* Kalender Style END*/

.rd-app .prev_test {
	max-height: unset;
}

.rd-app .fromoverlay {
	z-index: 100;
	height: 110%;
}

.rd-app .instruction_img_overlay .white_info_icon {
	width: 30px;
	height: 30px;
	background-size: 100%;
}

.rd-app .info_text {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-app .knb_element {
	position: relative;
	display: grid;
	grid-template-areas:
		"knb_img knb_btns"
		"knb_name_and_counter knb_name_and_counter";
}

.rd-app .knb_element .qm-user-count {
	position: relative;
	left: var(--rd-spacing-x-sm);
	bottom: var(--rd-spacing-x-sm);
	background-color: var(--rd-primary-active);
	border: none;
	color: var(--rd-card-fg);
	font-size: var(--rd-fontsize-2);
}

.rd-app .rd-app-course-view-titel+.rd-calender {
	display: block;
	margin-bottom: 16px;
}



body[data-view="danke"] .rd-app-thx-page {
	padding: 0 var(--rd-spacing-xxx-big);
}

.rd-app .not_for_app {
	display: none;
}

.rd-app .rd-tabs {
	display: flex;
	justify-content: flex-start;
}

.rd-app .rd-tabs a,
.rd-app .rd-tabs label {
	padding: var(--rd-spacing-md) !important;
	font-weight: var(--rd-fontweights-open-sans-2) !important;
	color: var(--rd-input-hover) !important;
	font-weight: var(--rd-fontweights-open-sans-2) !important;
}

.rd-app .rd-tabs .rd-tab.rd-selected a {
	color: var(--rd-success-default) !important;
	font-weight: var(--rd-fontweights-open-sans-0) !important;
}

.rd-app .rd-kurs-beschreibung {
	font-size: var(--rd-fontsize-4);
}

.rd-app .pcx_load {
	margin-left: 0;
}

.rd-app .nw_el_head {
	display: grid;
	width: 100%;
	grid-template-columns: 25px auto auto;
	align-items: center;
}

.titel-link-flex a {
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-app .rd-toast-content {
	margin-left: 0;
}

.rd-app .rd-toast-content {
	padding: var(--rd-spacing-md);
}

.rd-app #myProfil {
	margin: var(--rd-spacing-md);
}

body[data-view="profile"] .rd-app-tabnav {
	display: none;
}

body[data-view="profile"] .rd-app-areas {
	margin: 0;
}

body[data-view="profile"] .rd-footer-bubbels {
	bottom: -20px;
}

.rd-app .rd-primary-btn-outline.full-size,
.rd-app .rd-primary-btn.full-size {
	font-size: 16px !important;
	padding: var(--rd-spacing-sm) var(--rd-spacing-md) !important;
	line-height: 147% !important;
	width: 100%;
}

.rd-app .foto_ulpoad label[for="Bild"] {
	margin-top: 40px;
	width: 112px !important;
	height: 112px !important;
}

.app-fb-qm-margin {
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-app .daterangepicker.auto-apply .drp-buttons {
	display: block;
	border: none;
	position: unset;
}

.rd-app .daterangepicker .drp-selected,
.rd-app .applyBtn {
	display: none;
}

.rd-app .cancelBtn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0 !important;
	background-color: var(--rd-font-dark);
	background-image: none;
	border: 0;
	width: var(--rd-spacing-lg);
	height: var(--rd-spacing-lg);
	mask-size: var(--rd-spacing-md);
	-webkit-mask-size: var(--rd-spacing-md);
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/close-large.svg");
	-webkit-mask-image: url("/src/img/2021/svg/close-large.svg");
}

.rd-app .daterangepicker {
	padding: var(--rd-spacing-sm) var(--rd-spacing-xxx-big);
}

.rd-app .daterangepicker .available span {
	border: 0;
}

.rd-app .daterangepicker select {
	border: none;
}

.rd-app-areas {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: var(--rd-input-disabled);
	/* 90px fot tab nav bottom : */
	min-height: calc(100vh - 90px);
	margin-bottom: var(--rd-spacing-xx-lg);
	position: relative;
	/* padding-top: var(--deviceHeaderHeight); */
	/* padding-bottom: var(--deviceFooterHeight); */
}

.rd-app {
	/* background: var(--rd-input-disabled) !important; */
}

.rd-app-area {
	width: 100%;
	/* margin: var(--rd-spacing-xx-sm); */
	/* border: var(--rd-borderwidth-border-default) solid var(--rd-input-hover); */
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
}

.rd-app-you-are-here {
	font-size: var(--rd-fontsize-4);
}

/* bottom-navigation */
.rd-app-tabnav {
	position: fixed;
	bottom: env(safe-area-inset-bottom);
	margin: 0;
	height: 80px;
	background: var(--rd-font-light);
	z-index: 100;
	display: flex;
	/* display: grid; */
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	padding-left: 8px;
	padding-right: 8px;
	/* gap: var(--rd-spacing-x-big); */
	justify-content: space-between;
	padding-top: var(--rd-spacing-big);
	box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.14);
	border-radius: var(--rd-borderradius-border-lg) var(--rd-borderradius-border-lg) var(--rd-borderradius-border-none) var(--rd-borderradius-border-none);
}

[data-view="videos ibu"] .rd-app-tabnav,
[data-view="audio ibu"] .rd-app-tabnav {
	display: none;
}

.rd-app-tabnav a {
	flex: 1;
	color: var(--rd-light-blue);
	display: inline-block;
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-1);
	text-align: center;
}

.rd-app-tabnav a.aktive {
	color: var(--rd-primary-active);
}

.rd-app-tabnav a::before {
	content: "";
	position: relative;
	display: block;
	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/svg_img/app_tabbar_home.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_home.svg);
	background: #909eae;
	width: 24px;
	height: 24px;
	margin: auto;
	margin-bottom: var(--rd-spacing-xx-sm);
}

.rd-app-tabnav a.fortbildungsplan::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_myPlan.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_myPlan.svg);
}

.rd-app-tabnav a.courselib::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_library.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_library.svg);
}

.rd-app-tabnav a.webinars::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_webinar.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_webinar.svg);
}

.rd-app-tabnav a.qmh::before {
	mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_qmh.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/app_tabbar_qmh.svg);
}

.rd-app-tabnav a.instructionclasses::before {
	mask-image: url("/src/img/2023/svg/icons/rd-kb-icon.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-kb-icon.svg");
}

.rd-app-tabnav a.aktive::before {
	background-color: var(--rd-primary-active);
}

.rd-app-maincontent {
	overflow: hidden;
	font-weight: var(--rd-fontweights-open-sans-1);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

pc-textinput {
	position: relative;
}

.rd-app pc-support-chat-button {
	display: none !important;
}

.rd-app-header {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
}

.rd-mobil-dashbaord-statistic {
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-x-big) var(--rd-spacing-md);
	border-radius: 8px;
	color: var(--rd-light-blue);
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-0);
	margin: 0 var(--rd-spacing-md) var(--rd-spacing-x-big);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.rd-mobil-dashbaord-statistic .mds-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--rd-spacing-x-sm);
}

.mds-header {
	font-size: var(--rd-fontsize-4);
}

.mds-header .mds-h-progress,
.mds-h-time span,
.mds-h-date .text {
	font-weight: var(--rd-fontweights-open-sans-2);
}

.mds-progressbar {
	height: 16px;
	border-radius: var(--rd-borderradius-border-xl);
	background-color: var(--rd-input-disabled);
	margin-bottom: var(--rd-spacing-md);
}

.mds-progressbar span {
	display: inline-block;
	background-color: var(--rd-success-default);
	height: 16px;
	border-radius: var(--rd-borderradius-border-xl) 0 0 var(--rd-borderradius-border-xl);
}

.mds-time-grid,
.mds-counter-grid {
	display: grid;
	grid-template-columns: 50% 50%;
}

.mds-time-grid {
	margin-bottom: var(--rd-spacing-x-sm);
}

.mds-time-grid .mds-h-time {
	color: var(--rd-primary-active);
}

.mds-time-grid .mds-h-time span {
	display: inline-block;
	margin: 0 2px;
}

.rd-app-areas .rd-tab a {
	color: var(--rd-input-hover);
}

.titel-link-flex .title {
	color: var(--rd-light-blue);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
}

.titel-link-flex {
	display: flex;
	justify-content: space-between;
	padding: var(--rd-spacing-xxx-big) 0 var(--rd-spacing-md);
}

.rd-app .course-carusel+.titel-link-flex {
	padding-top: 54px;
	padding-bottom: var(--rd-spacing-x-big);
}

.titel-link-flex:first-child {
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-xxx-big) 16px;
	border-radius: var(--rd-borderradius-border-xl) var(--rd-borderradius-border-xl) 0 0;
	/* box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.05); */
	margin: 0 -16px;
}

.rd-app-headbar-title {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	align-self: center;
	font-weight: var(--rd-fontweights-open-sans-2);
}

/*
.rd-app-headbar-whiteroundrect {
  height: 16px;
  box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.05);
  background: var(--rd-font-light);
  border-radius: 80px 80px 0 0;
}
*/

body[data-view="certificates"] .rd-app-headbar-whiteroundrect {
	display: none;
}

.rd-app pc-webinars-filtered-app .tab_filter {
	background: var(--rd-font-light);
}

.rd-app-detailspage-headpic {
	width: 100%;
}

.rd-app .rd-app-detailspage-maincontent {
	background: var(--rd-font-light);
	border-radius: 10px;
	z-index: 1;
	position: relative;
	padding: var(--rd-spacing-md);
}

.rd-app pc-webinars-app .rd-app-detailspage-maincontent {
	margin-top: -16px;
}

.rd-app-detailspage-maincontent .webinar_sessions {
	padding: 0 0 !important;
}

.rd-app-detailspage-maincontent .webinar_sessions::after {
	content: "";
	display: inline-block;
	border-bottom: 4px solid var(--rd-input-disabled);
	height: 24px;
}

/* .rd-app[data-view="webinars"]:has(.webinar_sessions) .rd-app-maincontent {
  background-color: var(--rd-font-light);
} */

.rd-app[data-view="webinars"]:has(.webinar_sessions) .rd-icon-arrowLeftInCircle::before {
	margin-left: var(--rd-spacing-md);
}

.rd-app[data-view="webinars"] .rd-tabs {
	padding: 0 var(--rd-spacing-md);
	background: var(--rd-font-light);
}

pc-chat-app[appv2view] .pchat_wrap.pchat_wrap_viewMode_conversation {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
}

.rd-app[data-view="webinars"] .rd-app-areas:has(.ktc_content_appv2) {
	background-color: var(--rd-font-light) !important;
}

.rd-webinar-applylink-sticky-wrap {
	position: fixed;
	bottom: 100px;
	width: 100%;
	left: 0;
	text-align: center;
	height: auto;
}

.rd-app-detailspage-maincontent .webinarSession.clcc_status:last-child {
	margin-bottom: 10px !important;
}

.rd-app .ktc_tab li label:before,
.rd-app .ic_c_tas li label:before {
	display: none;
}

.rd-app .ktc_tab li label {
	pointer-events: none;
}

.rd-app .kurs_tab_cont .ktc_tab {
	z-index: 0;
}

.rd-webinar-applylink-sticky-wrap .clcc_navi {
	padding: 0 var(--rd-spacing-xx-big) !important;
}

.rd-webinar-applylink-sticky-wrap * {
	width: 100%;
}

.rd-app [data-card-type="webinar"] .rd-course-card-action {
	float: unset;
	text-align: right;
}

.rd-app[data-view="webinars"] .rd-course-card {
	margin: var(--rd-spacing-md) 0;
}


.rd-app .rd-knob-list-wrap {
	gap: 8px;
}


.rd-app .rd-knob-list-wrap.rd-knob-list-wrap-quickoptions {
	gap: 4px;
}

.rd-app .rd-knob-list-label {
	font-size: 12px;
	margin-right: 1em;
}

.rd-app .rd-quick-option {
	padding: 4px;
}

.rd-app .rd-knob-body {
	gap: 4px;
	padding: 3px 12px;
	border-radius: 12px;
}

.rd-app .rd-knob-list-wrap {
	margin-bottom: 2px;
}

.rd-app [promotequicksearch] pc-knob-string[name="quickSearch"] pc-textinput::before {
	content: "Suchen";
	position: absolute;
	left: 1em;
	top: 0;
	background-position: 0 12px;
	line-height: 37px;
}


.rd-app [promotequicksearch] pc-knob-string[name="quickSearch"] input {
	padding-left: 8em;
}


.rd-app .rd-segmented-control-content {
	flex-direction: column;
}

.rd-password-wrap {
	position: relative;
	width: 420px;
	margin: auto;
}

.rd-password-wrap>input {
	width: 100% !important;
}

.rd-password-visibile-toggle {
	position: absolute;
	right: 0;
	top: 1px;
	margin: var(--rd-spacing-md);
	z-index: 1;
	margin: 0;
	background-image: url("/src/img/svg/pw_show.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
}

[data-is-password-visible="true"] .rd-password-visibile-toggle {
	background-image: url("/src/img/svg/pw_notshow.svg");
}

.rd-app-maincontent:has(.rd-course-view) {
	background: var(--rd-font-light);
}

.rd-app .webinars_filtered_result_wrap [data-card-type="webinar"] .fav-set .set_fav {
	width: 42px !important;
	height: 42px !important;
	/* border: 1px solid red; */
	background-size: 28px;
	background-position: top center;
}

/* .rd-app-area:first-child {
		font-weight: var(--rd-fontweights-open-sans-0);
		font-size: var(--rd-fontsize-5);
		line-height: var(--rd-lineheights-1);
		color: var(--rd-primary-active);
	  } */

.rd-app-areas::before {
	content: "";
	background-image: url(/src/img/2023/svg/svg_img/app_header.svg);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 200px;
	height: 195px;
	position: absolute;
	top: -53px;
	right: 0px;
}

.rd-app .slick-initialized .slick-slide {
	margin: 0 var(--rd-spacing-md) 18px 0 !important;
}

.rd-app .dashboard-slider-instraction {
	min-height: 370px !important;
	padding: 0;
	border-radius: var(--rd-borderradius-border-md);
}

.rd-app[data-view="webinars"] .most_wanted,
.rd-app[data-view="webinars"] .sort_input_wrap {
	display: none !important;
}

/* (ckube)todo: wicht? */
.rd-app-profile-bar {
	/* display: none; */
	display: flex;
	align-items: flex-start;
}

.rd-app[data-view="dashboard"] .rd-app-profile-bar {
	/* display: block; */
	background-color: var(--rd-input-disabled);
}

.rd-app .rd-course-card .rd-course-card-img .foto {
	width: 100%;
	height: 100%;
	background-size: cover;
	object-fit: cover;
	/* border-radius: 8px 8px 0 0; */
	background-repeat: no-repeat;
	background-position: 50%;
}

.rd-app .rd-course-card[data-podcast="true"] .rd-course-card-img .foto {
	width: unset;
	height: 170px;
	border-radius: 0;
}

.rd-app .rd-course-card[data-podcast="true"] .rd-course-card-img {
	text-align: center;
}

.dsi-t-status-grid,
.rd-course-card-status-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/* justify-content: space-between; */
	font-size: 1rem;
	/* gap: var(--rd-spacing-sm); */
	gap: 1em;
	margin-top: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-sm);
	color: var(--rd-input-hover);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-course-card-status-grid>div {
	display: flex
}

.dsi-t-s-g-time.icon_before:before {
	mask-image: url(/src/img/2023/svg/icons/app-time.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/app-time.svg);
	background-color: #d0e2b2;
}

.dsi-t-s-g-typ.icon_before:before {
	mask-image: url(/src/img/2023/svg/icons/app-online.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/app-online.svg);
	background-color: var(--rd-primary-active);
}

.mds-time-grid .mds-h-date {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	background-color: var(--rd-input-disabled);
	border-radius: var(--rd-borderradius-border-md);
}

.mds-h-time,
.mds-h-date {
	display: flex;
}

.mds-h-date {
	gap: var(--rd-spacing-x-sm);
}

/* .rd-app .cl_webinar .clcc_categorys.exclusive,
	  .rd-app .cl_webinar .content_title,
	  .rd-app .cl_webinar .clcc_status,
	  .rd-app .cl_webinar .kurs_tab_cont,
	  .rd-app .cl_webinar .ref_box {
		padding: 0 var(--rd-spacing-md);
	  } */

.rd-app[data-view="fortbildungsplan"] .rd-tabs {
	margin: 0 var(--rd-spacing-md);
}

.rd-app #FilterForm {
	padding: var(--rd-spacing-md) 0;
	margin: 0;
}


.rd-app .ktc_tab li label {
	padding: 0;
	margin: var(--rd-spacing-x-big) 0;
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
}

.rd-app-areas .video_block {
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-app .sear_title {
	color: var(--rd-light-blue);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	margin: var(--rd-spacing-x-big) var(--rd-spacing-md) var(--rd-spacing-x-big);
	max-width: 200px;
}

.rd-app .mobil-content-body {
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-md) var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-xl);
	box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 0;
}

/* (ckube)todo: check duplicated code, gibt es alles so weiter oben schon mal */
/* .rd-app[data-view="fortbildungsplan"] .rd-tabs {
		margin: 0;
	  } */
/* 
.rd-app[data-view="fortbildungsplan"] .rd-mobil-dashbaord-statistic {
	margin: var(--rd-spacing-x-big) var(--rd-spacing-md);
}

.rd-app-area.rd-app-profile-bar {
	padding: 46px var(--rd-spacing-x-big) var(--rd-spacing-x-big) var(--rd-spacing-x-big);
	justify-content: space-between;
}

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

.rd-app-profile-bar-subgreeting {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-light-blue);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-app-profile-bar-rightcol {
	display: flex;
	gap: var(--rd-spacing-md);
}

.rd-app-profile-bar-bell {
	background-color: var(--rd-font-light);
	position: relative;
	border-radius: 100%;
	width: 40px;
	height: 40px;
} */

/* .rd-app-profile-bar-bell.rd-icon-bell::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
}

.rd-app-profile-bar-picture {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: var(--rd-font-light);
	z-index: 1;
}

.rd-app[data-view="profile"] .rd-app-areas,
.rd-app[data-view="editProfile"] .rd-app-areas {
	background-color: var(--rd-font-light);
}

.rd-app[data-view="profile"] .rd-app-areas::before {
	display: none;
}

.rd-app[data-view="profile"] .add-hr,
.rd-app[data-view="editProfile"] .add-hr {
	margin: 0;
} */

/* .rd-app[data-view="profile"] .rd-app-headbar-grid,
.rd-app[data-view="editProfile"] .rd-app-headbar-grid {
	margin: 46px var(--rd-spacing-md) var(--rd-spacing-md) var(--rd-spacing-md);
} */

.rd-appv2-input-wrap {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-x-big);
	/* margin: 0 var(--rd-spacing-md) 10px; */
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	border-radius: 4px;
	display: grid;
	background-color: var(--rd-font-light);
	margin-bottom: var(--rd-spacing-sm);
}

.rd-appv2-input-wrap.disabled {
	background: var(--rd-input-disabled);
}

.rd-appv2-input-wrap.disabled label,
.rd-appv2-input-wrap.disabled input {
	color: #cccccc;
}

.rd-appv2-input-wrap.disabled input {
	background: var(--rd-input-disabled) !important;
}

.rd-appv2-input-wrap input {
	border: none;
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	width: 100%;
}

.rd-appv2-input-wrap input:focus {
	outline: none;
}

.rd-appv2-input-wrap label {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.rd-profile-page-header {
	text-align: center;
}

.rd-profile-page-header>.add-hr {
	border-top: 2px solid var(--rd-input-disabled);
}

.rd-profile-page-picture {
	width: 112px;
	height: 112px;
	border-radius: 100%;
	background-color: #dbe6eb;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 40px;
}

.rd-profile-page-username {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-xx-sm);
}

.rd-profile-page-nickname {
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.22px;
}

.rd-profile-page-email {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-secondary-active);
}

.rd-profile-page {
	position: relative;
	background-image: url("/src/img/2023/svg/svg_img/profil-bg-grafik.svg");
	background-repeat: no-repeat;
	background-position: top -100px right 0;
}

.rd-profile-page pc-bonus-points-widget {
	pointer-events: none;
}

.rd-profile-page-menu {
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-x-big);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	display: grid;
	margin: var(--rd-spacing-lg) var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-lg);
	position: relative;
	z-index: 10;
	background-color: var(--rd-font-light);
}

.rd-profile-page-menu-item {
	padding: var(--rd-spacing-md) 0;
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
}

a.rd-profile-page-menu-item:hover {
	color: var(--rd-font-dark);
}

.rd-profile-page-menu-item:last-child {
	border-bottom: unset;
	padding-bottom: 0;
}

.rd-profile-page-menu-item:after {
	content: "";
	display: inline-block;
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	vertical-align: middle;
	background-image: url(/src/img/2023/svg/icons/rd-icon-arrowRightListe-magenta.svg) !important;
	float: right;
}

.rd-profile-page-menu-item::before {
	margin-right: var(--rd-spacing-big) !important;
}

.rd-profile-page-hilfe {
	text-align: center;
	margin-bottom: var(--rd-spacing-xxx-big);
}

.rd-profile-page-hilfe a {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-profile-page h2 {
	font-weight: 600;
	font-size: var(--rd-fontsize-8);
	line-height: 132%;
	color: var(--rd-primary-active);
	margin: 56px 16px 34px;
	text-align: left;
}

.rd-app .formfields .formfieldrow.form_kv input[type="text"] {
	height: 40px;
}

.rd-app .clcc_status .kt_webinar_start::before {
	background-image: url(/src/img/2023/svg/icons/rd-icon-date.svg);
}

.rd-app .clcc_status .prev_kurs_time:before {
	background-image: url(/src/img/2023/svg/icons/rd-icon-timeInBox.svg);
	background-size: 100%;
}

.rd-app .fc_counter,
.rd-app .prev_kurs_time,
.rd-app .kt_webinar {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
	line-height: 14px;
	color: var(--rd-input-hover);
	margin-right: 8px;
}

.rd-app .nw_video_el .icon:before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-coursePlay.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-coursePlay.svg);
}

.rd-app .nw_quiz_el .icon:before {
	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);
}

.rd-app .pcx_load[data-load="1"]>span.u1,
.rd-app .pcx_load[data-load="2"]>span.u1,
.rd-app .pcx_load[data-load="3"]>span.u1,
.rd-app .pcx_load[data-load="2"]>span.u2,
.rd-app .pcx_load[data-load="3"]>span.u2,
.rd-app .pcx_load[data-load="3"]>span.u3 {
	background-image: url(/src/img/2023/svg/icons/rd-icon-person-magenta.svg);
}

.rd-app .pcx_load>span {
	background-image: url(/src/img/2023/svg/icons/rd-icon-person-gray.svg);
}

.rd-app[data-view="fortbildungsplan"] .rd-app-maincontent {
	/* padding: 0 var(--rd-spacing-md); */
}

.rd-app[data-view="webinars"] .rd-app-areas::before,
.rd-app[data-view="fortbildungsplan"] .rd-app-areas::before {
	display: none !important;
}

/* (ckube)todo: wicht 3 detektiert */
/* .rd-app-profile-bar,
.rd-app-areas::before {
	display: none;
} */

.rd-app[data-view="dashboard"] .rd-app-profile-bar,
.rd-app[data-view="dashboard"] .rd-app-areas::before,
.rd-app[data-view="fortbildungsplan"] .rd-app-profile-bar,
.rd-app[data-view="fortbildungsplan"] .rd-app-areas::before {
	display: flex;
}

.rd-app .cl_webinar .clcc_categorys {
	font-size: var(--rd-fontsize-2);
	color: var(--rd-primary-active);
	line-height: 14px;
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-app-detailspage-maincontent .content_title {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-light-blue);
}

.rd-appv2-webinar-fullpage-favlink {
	position: absolute;
	right: 0;
	top: -36px;
}

.rd-app .cl_webinar .pks_trenner {
	display: none;
}

.rd-app .fc_hearth {
	background-image: url(/src/img/2023/svg/icons/rd-icon-heartFilled.svg);
	width: 20px;
	height: 20px;
}

.rd-app .attach_block .ab_label:before,
.anhang_label:before {
	background-image: url(/src/img/2023/svg/icons/rd-icon-attachment.svg);
	margin-right: var(--rd-spacing-x-sm);
	width: 20px;
	height: 20px;
}

.rd-app .attach_block {
	padding: 0;
}

.rd-app .new_filter {
	box-shadow: unset;
	z-index: 10;
	margin: 0;
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-cat-card {
	background: var(--rd-font-light);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	position: relative;
	margin: 0 0 var(--rd-spacing-md);
	/* padding: var(--rd-spacing-md); */
	/* min-height: 140px; */
}

.rd-cat-inside-grid {
	/* margin: 16px; */
	display: grid;
	grid-template-columns: 100px auto;
	gap: var(--rd-spacing-x-sm);
	/* padding: var(--rd-spacing-md); */
}

.rd-cat-img {
	width: 100%;
	height: 100px;
	background-size: cover;
	border-radius: 8px 0px 0px 8px;
	background-repeat: no-repeat;
	background-position: 50%;
}

.rd-app[data-view="instructionclasses"] .new_filter {
	padding: 0;
}

.rd-cat-cont {
	padding: var(--rd-spacing-x-sm) 0 0 0;
}

.rd-cat-c-titel {
	/* font-size: var(--rd-fontsize-2); */
	font-size: 1rem;
	color: var(--rd-primary-active);
	line-height: 1.1rem;
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-cat-c-ccount {
	/* font-size: var(--rd-fontsize-2); */
	font-size: 0.875rem;
	line-height: 14px;
	color: var(--rd-light-blue);
}

.rd-course-card-body .rd-progressbar {
	margin-top: var(--rd-spacing-md);
}

.rd-cch-blue {
	background-color: var(--rd-secondary-inactive);
	color: var(--rd-secondary-active);
	border-radius: 8px 8px 0px 0px;
}

.rd-cch-green {
	background-color: var(--rd-list-active);
	color: var(--rd-success-pressed);
	border-radius: 8px 8px 0px 0px;
}

.rd-cch-red {
	background-color: #ffe4e6;
	color: #9f1239;
	border-radius: 8px 8px 0px 0px;
}

.rd-cch-yellow {
	background-color: #fefce8;
	color: var(--rd-warning-pressed);
	border-radius: 8px 8px 0px 0px;
}

.rd-app .lektion_counter {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-light-blue);
	font-weight: 700;
	line-height: var(--rd-lineheights-1);
	margin: 0px var(--rd-spacing-md) var(--rd-spacing-md);
}

.rd-app .nw_el {
	margin: 0px var(--rd-spacing-md) var(--rd-spacing-md);
	cursor: pointer;
}

.rd-app .nw_el_head .time {
	color: var(--rd-success-default);
	font-size: var(--rd-fontsize-2);
}

.rd-app .nw_el_head .time:before {
	content: "";
	display: inline-block;
	mask-image: url(/src/img/2023/svg/icons/rd-icon-time.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-time.svg);
	background-color: var(--rd-success-default);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: var(--rd-spacing-xx-sm);
}

.rd-app .nw_el_head .text {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-primary-active);
}

.rd-app .nw_el_body {
	font-size: var(--rd-fontsize-2);
	line-height: 24px;
	color: var(--rd-light-blue);
	margin-left: var(--rd-spacing-xxx-big);
}

.rd-app .ktc_content>div {
	padding: var(--rd-spacing-md) 0 0;
}

.rd-app .nw_el.nw_video_el.aktive .icon:before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-courseOnProgress.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-courseOnProgress.svg);
	background-color: var(--rd-success-default);
}

.rd-app .nw_el.nw_video_el.aktive .nw_el_head .text {
	color: var(--rd-success-default);
}

.rd-app .rd-video-confirm-info {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-md);
}

.rd-app .converm {
	padding: var(--rd-spacing-md);
	position: fixed;
	bottom: 0;
	z-index: 10;
	left: 0;
	right: 0;
	border-radius: var(--rd-borderradius-border-lg) var(--rd-borderradius-border-lg) 0 0;
	overflow: unset;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.rd-app .converm .rd-primary-btn {
	/* display: block; */
	/* width: 100%; */
	margin-bottom: var(--rd-spacing-sm);
}

.rd-app .autocomplete_textvalue_wrap input[type="text"] {
	width: 100%;
	height: 40px;
}

.rd-app .bgform {
	background-color: #637381;
	background-image: none;
	height: 100%;
}

.rd-app .ptqb_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-big);
	position: relative;
	z-index: 1;
	text-align: left;
}

.rd-app .ptqb_answere {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	position: relative;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	text-align: left;
}

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

.rd-app .formheader {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

.rd-app .formheader .formclose {
	background-color: var(--rd-font-light);
}

.rd-app .ptqb_answere:after {
	top: calc(100% - 28px);
}

.rd-app-qmh-card,
.rd-qmh-detail-header {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: var(--rd-spacing-x-big);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
}

.rd-app-qmh-card img {
	max-width: 100%;
	object-fit: contain;
}

.rd-app-magenta-h-titel {
	font-size: var(--rd-fontsize-8);
	color: var(--rd-primary-active);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
	margin: 0 0 var(--rd-spacing-x-big);
}

.rd-course-card-header-content {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	font-size: var(--rd-fontsize-3);
}

.rd-app .qmh_logo,
.rd-app .pfp_logo {
	padding: var(--rd-spacing-md);
	display: flex;
	justify-content: center;
	width: 300px;
	height: 130px;
	margin: auto;
}

.rd-app .qmh_logo {
	padding: var(--rd-spacing-md) 0 0;
}

.rd-qmh-app-titel {
	padding: var(--rd-spacing-md);
	padding-bottom: 0;
	font-size: var(--rd-fontsize-4);
	font-weight: 400;
	font-size: var(--rd-fontsize-4);
	line-height: 170%;
	color: var(--rd-light-blue);
}

.rd-app .qm-head-titel {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-light-blue);
	padding: var(--rd-spacing-md);
	padding-bottom: 0;
}

.rd-app .qm-head-info .table {
	display: flex;
	flex-direction: column;
	gap: var(--rd-spacing-x-sm);
	font-weight: 400;
	font-size: var(--rd-fontsize-4);
	line-height: 170%;
	color: var(--rd-light-blue);
	padding: var(--rd-spacing-md);
}

.rd-app .qm-head-logo {
	border-right: none;
}

.rd-app .qm-head-titel {
	border-bottom: none;
}

.rd-app .qm-head-info .table .table-cell {
	padding: 0 !important;
}

.rd-app .qm-head-info .table .table-cell:first-child {
	padding: 0 !important;
}

.rd-app .qm-view-nav {
	margin-bottom: var(--rd-spacing-md);
}

.rd-app[data-view="qmh"]:has(.rd-app-qmh-card) .rd-app-areas {
	background-color: var(--rd-input-disabled);
}

/* .rd-app[data-view="qmh"]:has(.rd-app-qmh-card) .rd-app-headbar-grid {
  margin-bottom: var(--rd-spacing-x-big);
} */

.rd-app[data-view="qmh"] .rd-app-areas {
	background-color: var(--rd-font-light);
}

.rd-app[data-view="qmh"] .rd-app-headbar-grid {
	/* margin-bottom: 0;
	padding-bottom: var(--rd-spacing-x-big); */
	/* border-bottom: var(--rd-borderwidth-border-focus) solid
    var(--rd-input-disabled); */
}

.rd-app[data-view="qmh"]:has(.rd-app-qmh-card) .rd-app-detailspage-maincontent {
	padding-top: var(--rd-spacing-md);
}

.rd-app[data-view="qmh"] .rd-app-detailspage-maincontent {
	padding-top: 0;
}

.rd-app[data-view="qmh"] .rd-icon-arrowLeftInCircle {
	margin-left: var(--rd-spacing-md);
}

.rd-app .user_avatar {
	width: 40px;
	height: 40px;
}

.rd-app[data-view="profile"] .user_avatar,
.rd-app[data-view="editProfile"] .user_avatar {
	width: 100%;
	height: 100%;
}

.rd-app-profile-bar-bell-counter {
	width: 18px;
	height: 18px;
	background-color: var(--rd-primary-active);
	border-radius: 100%;
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-2);
	position: absolute;
	top: -8px;
	right: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
}

.rd-appv2-profile-btn {
	margin: 34px var(--rd-spacing-md) 10px;
}

.rd-appv2-profile-btn .rd-primary-btn[disabled="disabled"] {
	background-color: var(--rd-primary-inactive) !important;
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-inactive) !important;
}

.rd-app .qm-view-nav a {
	margin-left: 0;
}

.rd-page-headline {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
	margin-top: 90px;
}

.rd-pass-reset {
	padding: 6px;
	line-height: var(--rd-lineheights-0);
}

.rd-pass-reset-backlink {
	margin-top: var(--rd-spacing-md);
}

.rd-pass-reset p {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
}

.rd-pass-reset input {
	color: var(--rd-font-dark);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-md);
	min-width: 345px;
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	margin-bottom: var(--rd-spacing-md);
}

.rd-pass-reset input:focus {
	outline: var(--rd-borderwidth-border-focus) solid var(--rd-input-hover);
}

::placeholder {
	color: var(--rd-input-hover);
	opacity: 1;
	/* Firefox */
	font-weight: 14px;
	font-size: var(--rd-fontsize-4);
}

.rd-pass-reset-footinfo {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	margin: var(--rd-spacing-xxx-lg) 0;
}

.rd-pass-reset-footinfo span {
	color: var(--rd-secondary-active);
}

.rd-pass-reset-backlink a {
	font-weight: 14px;
	font-size: var(--rd-fontsize-5);
	color: var(--rd-primary-active);
}

/* .rd-app .slick-dots li {
		width: 40px;
		height: 4px;
		border: 1px solid #eaecf0;
		border-radius: 80px;
	  }
	  
	  .rd-app .slick-dots li.slick-active {
		border: 1px solid var(--rd-primary-active);
	  }
	  
	  .rd-app .slick-dots li button::before {
		width: 100%;
		height: 100%;
		background: #eaecf0;
		color: transparent;
	  }
	  
	  .rd-app .slick-dots li.slick-active button::before {
		background: var(--rd-primary-active);
		opacity: 1;
		color: transparent;
	  }
	  
	  .rd-app .slick-dots li.slick-active button::before {
		opacity: 1;
		color: var(--rd-primary-active);
	  }
	   */

.rd-footer-bubbels {
	display: flex;
	justify-content: space-between;
	width: 100%;
	bottom: 20px;
	position: absolute;
}

.rd-footer {
	display: inline-block;
	background-repeat: no-repeat;
	/* background-size: 100%; */
	/* background-position: 50%; */
	width: 100%;
	height: 255px;
	vertical-align: top;
	/* display: grid; */
	flex-direction: column;
	padding-top: var(--rd-spacing-xxx-big);
	background-color: var(--rd-font-light);
}

.rd-footer-right {
	position: absolute;
	right: 0;
}

.rd-footer-logo {
	display: flex;
	justify-content: center;
}

.rd-footer-logo img {
	max-width: 180px;
}

/* .rd-footer-left {
		position: relative;
		z-index: 1;
	  } */

#rd-loading-animation {
	text-align: center;
	display: none;
}

.rd-la-gfx {
	display: inline-block;
	background-image: url("/src/img/2023/svg/svg_img/rd-loader.svg");
	width: 64px;
	height: 64px;
	background-size: 100%;
	animation-name: loading-elipse;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.rd-la-text {
	font-size: 0;
}

.rd-la-text:before {
	content: "Wird geladen";
	/* content:'bitte warten...';*/
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	text-align: center;
	margin-top: var(--rd-spacing-sm);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-app[data-view="qmh"] .rd-primary-btn {
	margin: 16px;
	align-self: end;
	/* box-sizing: border-box; */
}

span.rd-qm-read-count-bull {
	background-color: var(--rd-primary-active);
	display: inline-flex;
	width: 24px;
	height: 24px;
	color: var(--rd-font-light);
	border-radius: 100%;
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	justify-content: center;
	align-items: center;
	margin-left: var(--rd-spacing-x-sm);
}

@keyframes loading-elipse {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.rd-app-dropdown-label {
	display: block;
	padding-top: var(--rd-spacing-xxx-big);
	cursor: pointer;
	margin-bottom: var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	cursor: pointer;
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
}

.rd-app-dropdown-label::after {
	content: "";
	background-image: url("/src/img/2023/svg/svg_img/rd-loader.svg");
	float: right;
}

.app-check-then-hide:checked+.rd-app-dropdown-label::after {
	transform: scaleY(-1);
}

.app-check-then-hide:checked+.rd-app-dropdown-label+.rd-app-dropdown-content {
	display: none;
}

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

.rd-app .userh1 {
	font-weight: 600;
	font-size: 14px !important;
	line-height: var(--rd-lineheights-0) !important;
	color: var(--rd-light-blue);
	display: block;
	text-align: left;
	margin: 0;
}

.rd-app .qmh-card {
	display: grid;
	grid-template-columns: 60px auto;
	grid-template-columns: 60px auto;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	padding: var(--rd-spacing-md);
}

.rd-app .qc-actions {
	float: right;
	margin-top: var(--rd-spacing-md);
}

.rd-app .qc-sub-title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-2);
	line-height: 14px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-xx-sm);
}

.rd-doubele-input-profil {
	display: grid;
	grid-template-areas: "ANREDE TITEL";
	grid-template-columns: 50% 50%;
	gap: 10px;
	width: calc(100% - 12px);
	/* margin-bottom: var(--rd-spacing-sm); */
}

.rd-doubele-input-profil select {
	border: none;
	width: 100%;
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
}

.rd-app-areas .form_btn_block {
	padding: 24px 0;
}

.rd-app-areas .form_btn_block .rd-primary-btn,
.rd-app-areas .form_btn_block .rd-primary-btn-outline {
	display: inline-block;
}

.rd-app-areas .formfields {
	padding: 0;
}

.qmh-card {
	position: relative;
}

.rd-profile-page input[type="file"] {
	display: none;
}

.double-app-link {
	display: inline-flex;
	gap: 12px;
}

.rd-smile-retting label {
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.2s linear;
}

.rd-smile-retting label:hover,
.rd-smile-retting input:checked+label {
	opacity: 1;
}

.rd-app-thx-page {
	background-color: var(--rd-font-light);
	height: 100vh;
	text-align: center;
}

.app-side-titel,
.mobil-content-body h2 {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
}

.rd-app-attach-box {
	padding: 0 var(--rd-spacing-big);
	margin-bottom: var(--rd-spacing-xx-huge);
}

.rd-label-titel {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-light-blue);
	margin-bottom: var(--rd-spacing-big);
	margin-top: var(--rd-spacing-xx-big);
}

.rd-app-attach-box ul {
	display: block;
	margin: 0 0 18px 0;
	padding: 0;
}

.rd-app-attach-box li {
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
}

.rd-app-attach-box li label,
.rd-app-attach-box li a {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	hyphens: auto;
	word-wrap: break-word;
}

.rd-app-attach-box li label {
	color: var(--rd-primary-active);
	margin-right: var(--rd-spacing-xxx-big);
}

.rd-app-areas .notiz_body {
	display: block;
	height: 110%;
	padding-top: 32px;
}

.rd-green-info-msg {
	background-color: var(--rd-success-inactive);
	padding: 8px 16px 8px;
	margin: 0 16px;
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-success-pressed);
	position: relative;
	border-radius: var(--rd-borderradius-border-md);
	display: grid;
	grid-template-columns: 36px auto;
	border-radius: var(--rd-borderradius-border-md);
}

.rd-green-info-msg.rotate-msg {
	margin: 0 0 var(--rd-spacing-big);
}

.rd-app .qmv-sidebar h3 {
	padding-left: 0;
}

.rd-green-info-msg.rotate-msg:before {
	mask-image: url("/src/img/2023/svg/icons/rd-info-icon.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
}

.rd-app-feedback-form {
	background-color: var(--rd-font-light);
}

.rd-app-feedback-form {
	margin: 0;
	min-height: 90vh;
	padding: var(--rd-spacing-big);
	text-align: center;
}

.rd-app-feedback-form input,
.rd-app-feedback-form select {
	margin-bottom: 16px;
}

.rd-app-feedback-form textarea {
	width: 100%;
	height: 150px;
	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;
}

.rd-smile-retting {
	margin-bottom: 16px;
}

body[data-view="imprint"] .mobil-content-body,
body[data-view="dataPolicy"] .mobil-content-body {
	padding-top: var(--rd-spacing-big);
}

.rd-app-areas [class^="rd-icon-"]::before,
.rd-app-areas [class*=" rd-icon-"]::before {
	content: "";
}

/* (ckube)todo: dupliziert */
.rd-app .rd-primary-btn,
.rd-app .rd-primary-btn-outline {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	/* font-size: 11px !important; */
	font-size: 1rem !important;

	min-width: 124px !important;
	width: auto;
}

.rd-app-areas .ani-check-box+label {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.rd-app-areas #addNoteform {
	position: absolute;
	z-index: 100;
	display: block;
	width: 100%;
}

.rd-app-areas #addNoteform form {
	background-color: var(--rd-card-fg);
	width: 100%;
	padding: var(--rd-spacing-big);
	box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.14);
}

.rd-app-areas #addNoteform form textarea {
	width: 100%;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding: var(--rd-spacing-sm);
	margin-top: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-big);
}

.rd-app-areas #addNoteform form .titel .time {
	color: var(--rd-primary-active);
	margin-right: var(--rd-spacing-x-sm);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.app-cert-download {
	display: grid;
	grid-template-areas: "IMG TEXT";
	grid-template-columns: 50px auto;
	margin-bottom: var(--rd-spacing-md);
	background: var(--rd-font-light);
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	font-size: var(--rd-fontsize-2);
	color: var(--rd-light-blue);
	line-height: var(--rd-lineheights-0);
	margin-top: var(--rd-spacing-x-sm);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.app-cert-download .cert_info {
	padding: var(--rd-spacing-big);
}

.app-cert-download .cert_info span {
	display: block;
}

.app-cert-download .cert_info .ci-titel {
	margin-bottom: var(--rd-spacing-xx-sm);
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.pdf_img {
	padding: var(--rd-spacing-big);
}

.pdf_img:before {
	width: 30px;
	height: 30px;
	content: "";
	display: inline-block;
	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/pdf_icon.svg");
	-webkit-mask-image: url("/src/img/svg/pdf_icon.svg");
	background-color: var(--rd-primary-active);
}

/* Hide scrollbar for IE, Edge and Firefox */
body.rd-app {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

body.rd-app::-webkit-scrollbar {
	display: none;
}

.rd-app-area .swiper-pagination {
	position: relative;
	margin-top: 15px;
}

.rd-app-area .swiper-pagination-bullet-active {
	background-color: var(--rd-primary-active);
}

/* Kalender Style*/
.rd-app .daterangepicker {
	position: absolute;
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100%;
	margin: 0;
	text-align: center;
	padding-top: 40px !important;
}

.rd-app .daterangepicker .ranges {
	text-align: center;
}

.rd-app .daterangepicker:before {
	display: none;
}

.rd-app .drp-calendar {
	display: inline-block !important;
	width: auto;
	float: unset;
	border: none;
	border-left: none !important;
}

/* Kalender Style END*/

.rd-app .prev_test {
	max-height: unset;
}

.rd-app .fromoverlay {
	z-index: 100;
	height: 110%;
}

.rd-app .instruction_img_overlay .white_info_icon {
	width: 30px;
	height: 30px;
	background-size: 100%;
}

.rd-app .info_text {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-app .knb_element .name_and_counter {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.name_and_counter .qm-user-count {
	position: initial !important;
	margin: unset;
}

.rd-app .knb_element .name_and_counter,
.rd-app .knb_element .name {
	/* font-size: var(--rd-fontsize-2); */
	font-size: 1rem;
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-app .knb_element .plus {
	display: none;
}

.rd-app .rd-app-course-view-titel+.rd-calender {
	display: block;
	margin-bottom: 16px;
}

.rd-app .KursNotizBlock .NoteLektion {
	flex-direction: column;
}

.rd-app .KursNotizBlock .NL-Title {
	text-align: left;
}

.rd-app .KursNotizBlock .nl-element {
	margin-left: 0;
	width: 100%;
}


body[data-view="danke"] .rd-app-thx-page {
	padding: 0 var(--rd-spacing-xxx-big);
}

.rd-app .not_for_app {
	display: none;
}

.rd-app .rd-tabs {
	display: flex;
	justify-content: flex-start;
}

.rd-app .rd-tabs a,
.rd-app .rd-tabs label {
	padding: var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-2);
	color: var(--rd-input-hover);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-app .rd-kurs-beschreibung {
	font-size: var(--rd-fontsize-4);
}

.rd-app .pcx_load {
	margin-left: 0;
}

.rd-app .nw_el_head {
	display: grid;
	width: 100%;
	grid-template-columns: 25px auto auto;
	align-items: center;
}

.titel-link-flex a {
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-app .rd-toast-content {
	margin-left: 0;
}

.rd-app .rd-toast-content {
	padding: var(--rd-spacing-md);
}

.rd-app #myProfil {
	margin: var(--rd-spacing-md);
}

body[data-view="qmh-detail"] .rd-app-tabnav,
body[data-view="editProfile"] .rd-app-tabnav,
body[data-view="profile"] .rd-app-tabnav,
body[data-view="chat"] .rd-app-tabnav {
	display: none;
	height: 0;
}

body[data-view="profile"] .rd-app-areas {
	margin: 0;
}

body[data-view="profile"] .rd-footer-bubbels {
	bottom: -20px;
}

.rd-app .rd-primary-btn-outline.full-size,
.rd-app .rd-primary-btn.full-size {
	font-size: 16px !important;
	padding: var(--rd-spacing-sm) var(--rd-spacing-md) !important;
	line-height: 147% !important;
	width: 100%;
}

.rd-app .foto_ulpoad label[for="Bild"] {
	margin-top: 40px;
	width: 112px !important;
	height: 112px !important;
}

.app-fb-qm-margin {
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-app .daterangepicker.auto-apply .drp-buttons {
	display: block;
	border: none;
	position: unset;
}

.rd-app .daterangepicker .drp-selected,
.rd-app .applyBtn {
	display: none;
}

.rd-app .cancelBtn {
	position: absolute;
	top: 40px;
	right: 0;
	font-size: 0 !important;
	background-color: var(--rd-font-dark);
	background-image: none;
	border: 0;
	width: var(--rd-spacing-lg);
	height: var(--rd-spacing-lg);
	mask-size: var(--rd-spacing-md);
	-webkit-mask-size: var(--rd-spacing-md);
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/close-large.svg");
	-webkit-mask-image: url("/src/img/2021/svg/close-large.svg");
}

.rd-app .daterangepicker {
	padding: var(--rd-spacing-sm) var(--rd-spacing-xxx-big);
}

.rd-app .daterangepicker .available span {
	border: 0;
}

.rd-app .daterangepicker select {
	border: none;
}

.rd-app .mobil_filter_on {
	display: inline-block;
	position: absolute;
	right: 0;
	background-color: var(--rd-primary-active);
	top: 4px;
	right: 4px;
	border-radius: var(--rd-borderradius-border-md);
	height: 32px;
	width: 32px;
	z-index: 100;
}

.rd-app .mobil_filter_on:before {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/icons/rd-icon-filter.svg);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.rd-app .such_text label[for="suche"] {
	display: none;
}

/* .rd-app[data-view="chat"] .rd-app-headbar-grid,
.rd-app[data-view="notes"] .rd-app-headbar-grid,
.rd-app[data-view="feedback"] .rd-app-headbar-grid,
.rd-app[data-view="imprint"] .rd-app-headbar-grid,
.rd-app[data-view="dataPolicy"] .rd-app-headbar-grid,
.rd-app[data-view="lernpunkte"] .rd-app-headbar-grid,
.rd-app[data-view="level"] .rd-app-headbar-grid,
.rd-app[data-view="bonususer_overview"] .rd-app-headbar-grid,
.rd-app[data-view="bonususer_shop"] .rd-app-headbar-grid,
.rd-app[data-view="bonususer_inventory"] .rd-app-headbar-grid {
	margin: 0;
	padding: var(--rd-spacing-x-lg) 0 var(--rd-spacing-x-big);
	background-color: var(--rd-font-light);
} */

.rd-app[data-view="help"] .rd-app-headbar-grid {
	padding: var(--rd-spacing-xx-big) 0 var(--rd-spacing-lg);
	background-color: var(--rd-font-light);
	margin: 0;
}

.rd-app .cl_webinar .clcc_navi .button {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	padding: var(--rd-spacing-sm) var(--rd-spacing-md);
}

.rd-app .cl_webinar .clcc_navi {
	display: flex !important;
	flex-direction: column-reverse;
}

.es-titel {
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-light-blue);
	margin-bottom: var(--rd-spacing-sm);
}

.es-list-titel,
.es-list-titel+ul {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-1);
	letter-spacing: 0.01em;
	font-feature-settings: "liga" off;
	color: var(--rd-font-dark);
}

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

.es-list-titel+ul {
	margin-bottom: 0;
}

.empty-state a {
	margin-top: var(--rd-spacing-md);
}

.rd-app .no_notiz_block {
	display: block;
	width: 100%;
	background-image: none;
	padding: 16px;
}

.rd-app .no_notiz_block>div {
	display: block;
	width: 100%;
}

.rd-app .cpc_n_menu .rd-primary-btn:after {
	border-right: 2px solid var(--rd-font-light) !important;
	border-bottom: 2px solid var(--rd-font-light) !important;
}

body[data-view="sofunktioniertes"] .video_block {
	margin: 0;
}

.rd-app .webinarSession.webinarSession_status_future.clcc_status {
	display: block !important;
}

.rd-app-dropdown-label:first-of-type {
	padding-top: var(--rd-spacing-md) !important;
}

.rd-app .user_mini_foto,
.rd-app .user_mini_foto .avatar_mainframe {
	width: 100%;
	height: 100%;
	background-size: 100%;
}

.rd-app #note_form .rd-primary-btn {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
}

.rd-app .most_wanted+label[for="filter_dd"] {
	display: none;
}

.rd-app .filter_cont {
	position: absolute;
	background-color: var(--rd-font-light);
	z-index: 1000;
	top: 70px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	right: 16px;
	left: 16px;
	padding: var(--rd-spacing-sm);
}

.rd-app pc-ff-multi-or-all-select-popup {
	width: auto !important;
}

.forgotpass .rd-footer-bubbels {
	bottom: 0 !important;
}

.rd-app #content_load_div {
	min-height: unset;
	overflow: auto;
}

.rd-app .qmvg_i h2 label:after {
	height: 24px;
	width: 24px;
	margin: 0;
}

/* @media (min-width: 500px) {
	.rd-course-card-title-fav {
		width: 94%;
	}
} */

/* (ckube)todo: Kurs-Cars und Bibliothek-Ansicht für Tablet optimieren, noch zu groß. Vlt mehrere pro Zeile einblenden
	generell die Listenansicht für panorama und größer wieder einbringen */

@media (max-width: 800px) {
	.rd-app #content_load_div {
		margin-top: var(--rd-spacing-md);
	}
}

@media (max-width: 600px) {
	.rd-app .rd-course-card .rd-course-card-img .foto {
		height: 62px;
	}

	.rd-app .rd-course-card[data-podcast="true"] .rd-course-card-img .foto {
		width: 100%;
		/* height: 62px; */
		border-radius: 8px 8px 0 0;
	}

	.rd-course-card-img {
		background-color: transparent !important;
	}

	/* .rd-course-card-body {
		grid-template-columns: 80px auto;
		position: relative;
	} */

	.rd-app-areas .note_btn_grid {
		grid-template-areas:
			"LEFT"
			"RIGHT";
		grid-template-columns: 100%;
	}

	.rd-app-areas .note_btn_grid>div {
		text-align: left;
	}

	.forgotpass .rd-footer {
		position: relative;
	}
}

@media (max-width: 500px) {
	.rd-app .clcc_navi>div {
		margin-bottom: 0;
	}
}

/* @media (max-width: 450px) {
	.rd-app .cat-list {
		width: 180px;
	}
} */

@media (max-width: 350px) {
	.rd-course-card .fav-set .set_fav {
		position: absolute !important;
		top: -12px;
		left: -35px;
	}

	.rd-app[data-view="fortbildungsplan"] pc-course-wishes a:before {
		left: -20px !important;
	}
}

.rd-app .cont_box {
	/*overflow: hidden; /*auskometiert am 21.11.2024 weil kunden bereite tabelle haben */
	overflow: scroll;
}

.rd-app pc-lazy-content {
	padding: 0;
}

body[data-view="certificates"] .rd-tabs {
	margin: 16px;
}

.offline_info_box {
	padding: 10px;
	background: #f5f7fb;
	border-radius: 8px;
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-1);
	/* or 21px */
	letter-spacing: 0.01em;
	font-feature-settings: "liga" off;

	/* Blue-grey */
	color: var(--rd-light-blue);
}

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

.app-demo_teaser {
	margin-bottom: var(--rd-spacing-md);
}

.app-demo_teaser a {
	display: block;
	color: var(--rd-success-pressed);
	text-decoration: underline;
}

.attachmentPreview_conten {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--rd-font-light);
	z-index: 1000;
}

.attachments-container {
	text-align: center;
}

.attachments-container * {
	max-width: 100%;
}

body[data-view="texte"] .rd-app-tabnav {
	display: none;
}

body[data-view="texte"] .read_confirm {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 5;
	background-color: var(--rd-list-default-light);
}

.rd-app .lp-mobil-card {
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
	background-color: var(--rd-font-light);
	margin: var(--rd-spacing-lg) var(--rd-spacing-md) var(--rd-spacing-lg);
	border-radius: var(--rd-borderradius-border-md);
}

.rd-app .lp-card__header__subtitle {
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-light-blue);
}

.rd-app .lp-card__header__subtitle .magenta {
	margin-top: var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-5);
}

.rd-app .lp-c-title {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-light-blue);
}

.rd-app .lp-c-sub_title {
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-app .lp-card-header {
	margin-top: var(--rd-spacing-lg);
}

.rd-app .lp-card-header #reportrange {
	border: 1px solid #999 !important;
}

.rd-app .large-level-card-header,
.rd-app .large-level-card .lp-card__header__subtitle,
.rd-app .large-level-card .lp-card__header__progress,
.rd-app .large-level-card .lp-card__header__points {
	display: none;
}

.rd-app .lp-card-levels-element {
	border-bottom: 1px solid var(--rd-input-default);
	padding: var(--rd-spacing-lg) 0;
}

.rd-app .lp-card-levels-element-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.rd-app .pl-c-let-lvl {
	font-size: var(--rd-fontsize-3);
}

.lp-card-levels-element-btn .rd-primary-btn-outline {
	min-width: 200px !important;
}

.rd-app .lp-card-levels-element-btn {
	text-align: center;
}

.rd-app .lp-c-top3-background:after {
	display: none;
}

.rd-app[data-view="bonususer_overview"] .rd-footer-bubbels {
	display: none !important;
}

.rd-app[data-view="bonususer_overview"] .lp-mobil-card {
	margin: 0 !important;
	padding: 0 !important;
}

.rd-app[data-view="bonususer_overview"] .lp-card-header,
.rd-app[data-view="lernpunkte"] .lp-card-header {
	margin-top: 0 !important;
	display: block;
}

.rd-app[data-view="bonususer_shop"] .pcx_iconalert {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.rd-app[data-view="bonususer_shop"] .pcx_iconalert_icon {
	height: 100px;
	width: 250px;
}

.rd-app[data-view="bonususer_shop"] .pcx_iconalert_msg {
	padding: 0;
}


/** FOR "Appvorschau" on the Website itself **/

body.inIFrame div[data-widget-key="DriversLicenceWidget"],
body.inIFrame div[data-widget-key="UmfragenWidget"] {
	display: none !important;
}

body.inIFrame pc-appv3-header {
	margin-top: 30px;
}

/* data-web-only link replacement (deep links unavailable in native app) */
.rd-web-only-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: var(--rd-fontsize-3);

}

.rd-web-only-link[data-copy-url] {
	color: var(--rd-secondary-active);
	cursor: pointer;
}

.rd-web-only-link[data-copy-url]:active {
	opacity: 0.6;
}