.elementFortbildungsplan .container {
	display: grid;
	grid-template-columns: 1fr auto;
	width: auto;
	margin-left: 18px;
	margin-bottom: 24px;
	padding: 0;
}

.elementFortbildungsplan .container2 {
	display: grid;
	grid-template-columns: 48px 1fr 70px;
	grid-template-areas: "one two three";
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-font-light);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	/* box-shadow: 0 0 1px 0 rgba(63,63,68,0.5), 0 1px 3px 0 rgba(63,63,68,0.15); */
	margin: 0 var(--rd-spacing-md) 0px 18px;
	height: auto;
	padding: 0 9px 0 var(--rd-spacing-x-sm);
	gap: var(--rd-spacing-x-sm);
}

.elementFortbildungsplan .myFortbildungsplan {
	padding-bottom: 17px;
	display: grid;
	gap: var(--rd-spacing-x-sm);
}

.elementFortbildungsplan .clcc_name {
	padding-top: 17px;
	margin: 0;
	font-size: var(--rd-fontsize-5);
}

.elementFortbildungsplan .bg_bill {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-font-light);
	width: 100%;
	max-width: 728px;
}

.elementFortbildungsplan .fo_prev_kurs_time {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--cl-deep-green);
}

.elementFortbildungsplan .mein-fortbildungsplan_bil {
	display: inline-block;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 24px;
	margin: 17px 0 var(--rd-spacing-md);
}

.small-course-card-copy {
	height: 85px;
	width: 694px;
}

.elementFortbildungsplan .my_instr_navi_bill {
	display: inline-flex;
	gap: 20px;
	position: relative;
	cursor: pointer;
	line-height: 29px;
	color: var(--cl-blue-grey);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.elementFortbildungsplan .link-all-ansehen {
	padding-top: 17px;
	padding-right: 25px;
}

.elementFortbildungsplan .clc_content_bill {
	display: inline-block;
	position: relative;
	grid-area: two;
}

.elementFortbildungsplan .my_instr_navi_element {
	padding: 0;
}

.elementFortbildungsplan .my_instr_navi_element:before {
	background-color: var(--rd-primary-active);
	left: -2px;
	right: -3px;
}

.elementFortbildungsplan .aktive_element {
	color: var(--rd-font-dark);
}

.elementFortbildungsplan .last_time_bill {
	padding-top: 34px;
	grid-area: three;
}

.elementFortbildungsplan .next_video_bill {
	height: 24px;
	width: 157px;
	color: var(--rd-font-dark);
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-3);
	letter-spacing: 0;
	line-height: 24px;
}

.elementFortbildungsplan .start_btn_bill {
	width: 48px;
	height: 48px;
	background-size: 100%;
	background-position: 100%;
	background-image: url("/src/img/2021/svg/play-button_magenta.svg");
	vertical-align: middle;
	margin-top: 20px;
}

.elementFortbildungsplan .pks_trenner_bill {
	box-sizing: border-box;
	height: 14px;
	width: 2px;
	border: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
	margin-left: 10px;
	margin-right: 10px;
}

.elementFortbildungsplan .cl_course_bill {
	overflow: hidden;
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-font-light);
	box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
	position: relative;
	padding-left: 22px;
	padding-top: 22px;
	height: 87px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: var(--rd-spacing-x-sm);
}

.elementFortbildungsplan .alle-ansehen {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 22px;
	padding-top: 17px;
	vertical-align: top;
	position: relative;
}

.elementFortbildungsplan .alle-ansehen:before {
	content: "";
	background-color: var(--rd-primary-active);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	transition: all 0.2s linear;
	height: 2px;
}

.myFortbildungsplan .cl_course {
	margin-bottom: var(--rd-spacing-x-lg);
	width: auto;
	max-width: unset;
}

.myFortbildungsplan .rd-queries-body {
	padding-bottom: 0;
}

.myFortbildungsplan .clc_content {
	position: relative !important;
	width: calc(100% - 415px) !important;
	height: auto !important;
	left: 0 !important;
}

.myFortbildungsplan .clcc_navi {
	position: relative !important;
	bottom: 0 !important;
	left: 0 !important;
	padding-top: var(--rd-spacing-x-big);
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
}

.cl_course.cl_flex {
	display: flex;
	width: 100%;
}

#ergebnis .cl_course {
	margin-bottom: var(--rd-spacing-md);
	width: auto;
	width: 100%;
	max-width: unset;
	/* flex-shrink: 0; */
}

#ergebnis .cl_course .new_course_gfx {
	position: relative;
}

details .cl_course.cat-modul-detail {
	display: flex;
}

.myFortbildungsplan details .cl_course.cat-modul-detail {
	display: flex;
}

.myFortbildungsplan details .cl_course .cl_flex {
	display: flex;
}

.category-modul-details[open]>summary .cl_course {
	display: none;
}

#ergebnis .clc_content {
	position: relative !important;
	width: calc(100% - 415px);
	height: auto !important;
	left: 0 !important;
	flex-shrink: 1;
}

#ergebnis [data-podcast="true"] .clc_content {
	width: calc(100% - 160px);
}

.category-moduls .clcc_navi {
	position: relative !important;
	bottom: 0 !important;
	left: 0 !important;
	padding-top: 0;
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
}

.category-moduls .clcc_navi>div:nth-child(3) {
	padding-bottom: 0 !important;
}

#ergebnis .vies_subtitles {
	margin: 0 0 var(--rd-spacing-x-sm);
}

#ergebnis .clcc_status {
	padding: var(--rd-spacing-x-sm) 0 var(--rd-spacing-md);
}

.myFortbildungsplan .category-modul-details .clc_content {
	padding: var(--rd-spacing-big) var(--rd-spacing-big) 0 var(--rd-spacing-big);
}

.myFortbildungsplan .category-modul-details .clcc_name {
	margin-bottom: var(--rd-spacing-sm);
}

.myFortbildungsplan .category-modul-details .clcc_status_btn {
	margin-bottom: var(--rd-spacing-big);
}

.myFortbildungsplan .category-modul-details .clcc_categorys {
	font-size: var(--rd-spacing-sm);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 17px;
	color: #727c84;
	margin-bottom: 0;
}

.myFortbildungsplan .category-modul-details .clcc_instract {
	font-size: var(--rd-fontsize-4);
	line-height: 21px;
	color: #999999;
	margin-bottom: var(--rd-spacing-x-big);
}

/* .myFortbildungsplan .category-modul-details .clc_img {
	height: 230px;
} */

details.category-modul-details:focus-visible {
	outline: none !important;
}

#weiterbildung_progres_box {
	font-size: var(--rd-fontsize-3);
	display: inline-block;
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-x-big);
	border-radius: var(--rd-borderradius-border-md);
	box-shadow: 0.1rem 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
	margin-top: var(--rd-spacing-md);
}

.dbd_f_cont #weiterbildung_progres_box {
	box-shadow: none !important;
	margin-top: 4px;
	padding-top: 0;
}

.dbd_f_cont:has(#weiterbildung_progres_box) {
	padding: 0;
}

.dbd_f_cont #weiterbildung_progres_box .plus_moudl_porgress_item {
	grid-template-columns: 150px 140px 115px 20px;
}

.dbd_f_cont #weiterbildung_progres_box .spb_h_d_grid {
	grid-template-columns: 45px 140px auto;
}

.wpb_h_select select {
	border: 1px solid var(--rd-secondary-active) !important;
	color: var(--rd-secondary-active) !important;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	border-radius: var(--rd-borderradius-border-xl) !important;
	width: 138px !important;
	font-size: var(--rd-fontsize-2) !important;
	font-weight: var(--rd-fontweights-open-sans-1);
	height: 31px !important;
	line-height: normal;
}

.wpb_h_select.rd-select:after {
	background-image: url("/src/img/2024/svg/icons/rd-icon-arrow-btn-neu.svg");
	height: 14px;
	width: 14px;
	left: calc(100% - 28px);
}

.wpb_h_mobil .wpb_h_select select {
	border: none;
	color: var(--rd-secondary-active);
	padding: 4px 8px;
	border-radius: 0;
	display: inline-block;
	width: auto;
	background-color: #f5f7fb;
	border-radius: var(--rd-borderradius-border-md);
	color: #657587;
	font-weight: var(--rd-fontweights-open-sans-0);
}

.wpb_header {
	display: flex;
	grid-template-areas: "DIAGRAM SELECT";
	grid-template-columns: 50% 50%;
	justify-content: space-between;
	align-items: center;
	padding-bottom: var(--rd-spacing-x-big);
	border-bottom: 1px solid var(--rd-input-default);
	margin-bottom: var(--rd-spacing-md);
}

.plus_moudl_porgress_item:last-child {
	margin-bottom: 0;
}

.printer_grid {
	display: flex;
	gap: var(--rd-spacing-sm);
	flex-wrap: wrap;
}

/* .category-modul-details[data-courses="0"] .cmd_name .count:after {
	display: none;
}

.category-modul-details[data-courses="0"] .cmd_name {
	cursor: default;
} */

.category-modul-details #ergebnis .cl_course {
	margin-bottom: var(--rd-spacing-x-sm);
}

.myFortbildungsplan {
	margin-top: var(--rd-spacing-xxx-big);
}

.myFortbildungsplan .category-modul-details .clcc_name {
	margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {

	.myFortbildungsplan .category-modul-details .clc_content,
	.myFortbildungsplan .cert_course .clc_content {
		width: auto !important;
	}

	.myFortbildungsplan .category-modul-details .cl_course {
		max-width: 534px;
	}

	.myFortbildungsplan .category-modul-details .cl_course .cl_flex {
		flex-direction: column;
	}

	.myFortbildungsplan .category-modul-details .cl_course .cl_flex .clc_img {
		height: 300px;
	}
}

@media screen and (max-width: 1000px) {
	.myFortbildungsplan .clc_content {
		padding: var(--rd-spacing-md);
		width: auto !important;
	}
}

@media screen and (max-width: 600px) {
	.elementFortbildungsplan .container {
		grid-template-columns: 70% 30%;
	}

	.elementFortbildungsplan .container2 {
		grid-template-columns: 48px 1fr;
		grid-template-areas:
			"one two"
			". three";
		gap: 0;
	}

	.elementFortbildungsplan .fo_prev_kurs_time {
		text-align: end;
		padding-left: 11px;
		padding-bottom: 9px;
	}

	.elementFortbildungsplan .link-all-ansehen {
		padding-right: 7px;
		text-align: end;
	}

	.elementFortbildungsplan .mein-fortbildungsplan_bil {
		font-size: var(--rd-fontsize-5);
	}

	.elementFortbildungsplan .my_instr_navi_bill {
		gap: 15px;
	}

	.elementFortbildungsplan .myFortbildungsplan {
		padding-bottom: 9px;
		gap: 16px;
	}

	.elementFortbildungsplan .start_btn_bill {
		height: 36px;
		width: 36px;
	}

	.myFortbildungsplan .category-modul-details .clc_img {
		padding: 0;
		background-size: cover;
	}

	#weiterbildung_progres_box {
		display: block;
	}

	.wpb_header {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--rd-spacing-x-sm);
	}

	.wpb_h_select.rd-select {
		align-self: end;
	}

	.plus_moudl_porgress_item {
		grid-template-areas:
			"NAME NAME"
			"PORGRESS TIME";
		grid-template-columns: 50% 50%;
		row-gap: 4px;
	}

	.plus_moudl_porgress_item_title {
		grid-area: NAME;
	}

	.plus_moudl_porgress_item_progress {
		padding: 0;
	}

	.category-modul-details .cl_webinar .clc_img {
		background-size: cover;
	}

	.fortbildungsplan .clcc_categorys {
		margin-top: 0;
	}
}

@media screen and (max-width: 500px) {
	.fortbildungsplan .clc_img {
		background-size: cover;
		height: 190px !important;
	}
}

@media screen and (max-width: 390px) {
	.fortbildungsplan .link-all-ansehen {
		text-align: none;
	}

	.fortbildungsplan .container {
		grid-template-columns: 65% 35%;
	}

	.fortbildungsplan .my_instr_navi_bill {
		gap: 12px;
		font-size: var(--rd-fontsize-4);
	}

	.fortbildungsplan .alle-ansehen {
		font-size: var(--rd-fontsize-4);
	}

	.category-modul-details .summary {
		display: block !important;
	}

	.fortbildungsplan .clc_img {
		height: 160px !important;
	}
}

pc-showcourse .new_course_gfx {
	width: 409px;
	height: 230px;
}

pc-showcourse .clc_img {
	opacity: 1;
	transition: all 0.5s linear;
}

.prev_course_video {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	transition: all 0.5s linear;
}

pc-showcourse:has(.prev_course_video):hover .clc_img {
	opacity: 0;
}

pc-showcourse:hover .prev_course_video {
	opacity: 1;
}

pc-showcourse pc-course-stars {
	z-index: 100;
}

pc-showcourse:has(.prev_course_video):hover .mute_action {
	display: inline-block;
	width: 25px;
	/* background-color:#FFF; */
	height: 25px;
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: rgb(255 255 255 / 20%);
	top: 20px;
	right: 20px;
	border-radius: 200%;
	border: 1px solid var(--rd-font-light);
	z-index: 1000;
	cursor: pointer;
}

pc-showcourse:has(.prev_course_video):hover .mute_action:before {
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #fff;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	mask-size: 20px;
	-webkit-mask-size: 20px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	mask-image: url("/src/img/2024/svg/icons/volume-off.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/volume-off.svg");

}

pc-showcourse .prev_course_video * {
	background-color: transparent;
}

pc-showcourse .js3q-wrapper {
	opacity: 0;
	transition: all 0.5s linear;
}

pc-showcourse .js3q-wrapper.playing {
	opacity: 1;
}

pc-showcourse:has(.prev_course_video):hover .mute_action[data-muted="true"]:before {

	mask-image: url("/src/img/2024/svg/icons/volume-up.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/volume-up.svg");
}