pc-course-preview {
	display: block;
	position: relative;
	text-align: left;
}

.rd-course-selector-rightcol p {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-input-hover);
	line-height: var(--rd-lineheights-0);
}

.rd-courder-selector-content h3 {
	line-height: var(--rd-lineheights-0);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
	margin: var(--rd-spacing-xxx-big) 0;
}

.rd-course-lesson-preview-wrap img {
	width: 100%;
	border-radius: var(--rd-borderradius-border-md);
}

.rd-course-add-button {
	text-align: center;
	border-radius: var(--rd-borderradius-border-xl);
	background-color: var(--rd-font-light);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	cursor: pointer;
	margin: 0;
	font-weight: var(--rd-fontweights-open-sans-1) !important;
	padding: 9px var(--rd-spacing-md) !important;
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	font-size: var(--rd-fontsize-4) !important;
}

.rd-course-custom-content:has(.rd-course-add-button) {
	text-align: left;

}

.rd-course-add-button:hover {
	background-color: var(--rd-primary-hover);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-hover);
	color: var(--rd-font-light);
}

.rd-course-add-button:before {
	content: "";
	display: inline-block;
	mask-image: url(/src/img/svg/Icon_plus_magenta.svg);
	-webkit-mask-image: url(/src/img/svg/Icon_plus_magenta.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	width: 20px;
	height: 20px;
	background-color: var(--rd-primary-active);
	vertical-align: text-bottom;
}

.rd-course-add-button:hover:before {
	background-color: var(--rd-font-light);
}

.rd-course-desc {
	font-size: var(--rd-fontsize-3);
	color: var(--rd-font-dark);
	line-height: var(--rd-lineheights-0);
}

.rd-course-desc p {
	font-size: var(--rd-fontsize-3);
	line-height: 15px;
	color: var(--rd-font-dark);
	font-weight: 400;
}

.rd-course-referent {
	background-color: var(--rd-list-default-dark);
	border-radius: var(--rd-borderradius-border-lg);
	padding: var(--rd-spacing-x-big) var(--rd-spacing-md);
	color: var(--rd-font-dark);
	line-height: 22px;
	display: grid;
	grid-template-columns: 75px auto;
}

.rd-course-referent-name {
	font-size: var(--rd-fontsize-6);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 25px;
	margin-bottom: var(--rd-spacing-sm);
}

.rd-course-referent-desc {
	font-size: var(--rd-fontsize-3);
}

.rd-course-referent-image>div {
	width: 48px;
	height: 48px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;
}

.rd-course-details-hide {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-primary-active);
	line-height: var(--rd-lineheights-0);
	padding: var(--rd-spacing-sm) 0;
	cursor: pointer;
	background: radial-gradient(75% 75% at 50% 100%, #f5f7fb 0%, rgba(245, 247, 251, 0) 100%);
	text-align: center;
	margin-top: var(--rd-spacing-x-sm);
	height: 38px;
}

.rd-course-custom-content[data-is-course-desc-expanded="true"]+div+div.rd-course-details-hide:after {
	transform: scaleY(-1);
}

[data-is-course-desc-expanded="true"] .rd-course-details-hide.rd-icon-arrowDown:after {
	transform: scaleY(-1);
}

.rd-course-lesson {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-md);
}

.rd-courder-selector-img {
	padding-top: var(--rd-spacing-xx-lg);
}

.rd-course-lesson-title {
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
	line-height: 24px;
}

.rd-course-lesson-subtitle {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-primary-active);
	line-height: 18px;
}

.rd-course-lesson {
	cursor: pointer;
}

.rd-course-lesson:hover {
	background-color: var(--rd-list-active);
}

.rd-course-lesson[data-is-selected="true"] {
	background-color: var(--rd-list-active);
	border-radius: var(--rd-borderradius-border-md);
}

.rd-course-selector pc-video3q,
.rd-course-selector audio {
	width: 100%;
}

.rd-course-lesson-video-desc,
.rd-course-lesson-audio-title {
	display: none;
}

.rd-course-lesson-test {
	background-color: var(--rd-input-disabled);
	padding: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-xxx-big);
}

.rd-course-lesson-test-question {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
}

.rd-course-lesson-test-question-title {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-course-lesson-test-answer {
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	padding-bottom: var(--rd-spacing-x-sm);
	margin-top: var(--rd-spacing-x-big);
	display: grid;
	grid-template-columns: 97% 3%;
}

.rd-course-lesson-test-answer:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(/src/img/svg/correct.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	float: right;
}

.rd-course-lesson-test-answer[data-is-correct="false"]:after {
	background-image: url(/src/img/svg/wrong.svg);
}

.rd-course-add-button[data-is-selected="true"] {
	background-color: var(--rd-success-default);
	border-color: var(--rd-success-default);
	color: var(--rd-font-light);
}

.rd-course-add-button[data-is-selected="true"]:before {
	mask-image: url(/src/img/2021/svg/tick-w.svg);
	-webkit-mask-image: url(/src/img/2021/svg/tick-w.svg);
	width: 20px;
	height: 20px;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	background-color: var(--rd-font-light);
}

.rd-course-lesson-test-question-answers p {
	color: var(--rd-font-dark);
	font-weight: 400;
}

.rd-course-lesson-test-question-answers strong {
	color: var(--rd-success-default);
}

.rd-course-lesson-navigation-wrap {
	display: grid;
	grid-template-columns: 20px auto 20px;
	text-align: center;
}

.rd-course-lesson-navigation-wrap a::before,
.rd-course-lesson-navigation-wrap a::after {
	margin: 0;
}

.rd-course-preview-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--rd-spacing-big);
	margin-top: var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
	flex-wrap: wrap;
	gap: 16px;
}

.rd-course-lesson-preview-wrap {
	min-height: 340px;
}

pc-course-selectorv2 .rd-course-card-img .foto,
.rd-recom-bot-panel-result .rd-course-card-img .foto {
	height: 96px;
	width: 160px;
	background-size: 100%;
	background-repeat: no-repeat;
	border-radius: var(--rd-borderradius-border-md);
}

pc-course-selectorv2 .rd-course-card-body,
.rd-recom-bot-panel-result .rd-course-card-body {
	grid-template-columns: 160px auto;
	grid-template-areas:
		"IMG TEXT"
		". CONTENT";
	column-gap: 24px;
	row-gap: 0;
	padding: var(--rd-spacing-md) 0 0;
}

pc-course-selectorv2 .rd-course-card-img,
.rd-recom-bot-panel-result .rd-course-card-img {
	grid-area: IMG;
}

pc-course-selectorv2 .rd-course-card-text,
.rd-recom-bot-panel-result .rd-course-card-text {
	grid-area: TEXT;
	text-align: left;
}

pc-course-selectorv2 .rd-course-custom-content,
.rd-recom-bot-panel-result .rd-course-custom-content {
	grid-area: CONTENT;
}

pc-course-selectorv2 .rd-course-card,
.rd-recom-bot-panel-result .rd-course-card {
	box-shadow: none;
	min-height: unset;
	margin-bottom: 24px;
}

[data-selected-tab="RECOMMENDATIONS"] .rd-course-card-title,
.rd-recom-bot-panel-result .rd-course-card-title {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
	font-weight: var(--rd-fontweights-open-sans-1);
	min-height: 48px;

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* number of lines to show */
	line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

[data-selected-tab="INFO"] .rd-course-card-title {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-primary-active);
	min-height: 40px;
}

pc-course-selectorv2 .rd-course-card-status-grid,
.rd-recom-bot-panel-result .rd-course-card-status-grid {
	gap: var(--rd-spacing-x-big);
	margin-top: 0;
}

pc-course-selectorv2 .rd-course-card[data-has-podcast-image="true"] .foto {
	background-size: contain;
	background-position: center;
}

.rd-course-content-list-headline {
	margin-top: 24px;
	text-align: left;
	line-height: 147%;
	font-size: var(--rd-fontsize-5);
	font-weight: 700;
	color: var(--rd-primary-active);
	margin-bottom: 8px;
}

.rd-course-content-list-headline+ul {
	text-align: left;
}

.rd-course-content-list-headline+ul li {
	font-size: var(--rd-fontsize-3);
	color: var(--rd-font-dark);
	line-height: 19px;
}

.rd-course-recommendation-banner {
	padding: var(--rd-spacing-x-big);
	display: flex;
	gap: var(--rd-spacing-x-big);
	border: 1px solid var(--rd-input-default);
	border-radius: 4px;
	position: relative;
}

.rd-course-recommendation-banner-content h4 {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: #1b240d;
	margin-bottom: var(--rd-spacing-xx-sm);
	text-align: left;
}

.rd-course-recommendation-banner-content p,
.rd-chain-link {
	font-size: var(--rd-fontsize-4);
	line-height: 24px;
	color: #1b240d;
	text-align: left;
	margin-bottom: var(--rd-spacing-xx-sm);
	float: left;
}

.rd-chain-link.rd-icon-attachment::before {
	height: 15px;
	width: 15px;
	background-color: #1b240d;
}

.rd-course-recommendation-banner-anim {
	/* background-image: url(/src/img/2023/images/animation.png); */
	background-size: 100%;
	height: 160px;
	width: 200px;
}

[data-selected-tab="INFO"] .rd-course-preview-tabcontent {
	display: grid;
	grid-template-rows: fit-content(0) auto 200px;
	height: calc(100% - 40px);
	padding-bottom: 0;
}

[data-is-campus-bot-intro-hidden="true"][data-selected-tab="INFO"] .rd-course-preview-tabcontent {
	grid-template-rows: unset;
}

.rd-course-preview-tabcontent {
	padding-bottom: var(--rd-spacing-x-lg);
}

.rd-course-desc-details {
	overflow: auto;
	text-align: left;
	margin-bottom: 20px;
}

pc-course-previewv2>div {
	height: 100%;
}

pc-course-previewv2 .rd-course-selector-rightcol {
	padding-top: var(--rd-spacing-x-sm);
}

.rd-course-lessons {
	text-align: left;
	margin-top: var(--rd-spacing-x-sm);
}

pc-course-previewv2 .rd-course-lesson-headline {
	font-size: var(--rd-fontsize-6);
	line-height: 170%;
	color: var(--rd-primary-active);
	text-align: left;
	font-weight: var(--rd-fontweights-open-sans-0);
}

[data-selected-tab="RECOMMENDATIONS"] .rd-course-lesson-headline,
.rd-recom-bot-panel-result .rd-course-lesson-headline {
	padding: var(--rd-spacing-x-big) 0;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontweights-open-sans-2);
}

.rd-course-preview-details-row {
	grid-template-columns: 35% 65%;
	display: grid;
	text-align: left;
	margin-bottom: var(--rd-spacing-lg);
}

.rd-course-preview-details-row-title {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-1);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
}

.rd-course-preview-details-row-value {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.rd-course-preview-details-row-value-time {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
}

[data-selected-tab="DETAILS"] .rd-course-preview-details {
	margin-top: var(--rd-spacing-x-big);
}

.rd-course-selector-rightcol {
	text-align: center;
}

pc-course-previewv2 pc-course-recommender .rd-course-recom-courses {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

[data-selected-tab="RECOMMENDATIONS"] .rd-course-card-body,
.rd-recom-bot-panel-result .rd-course-card-body {
	grid-template-areas:
		"IMG"
		"TEXT";
	max-width: 195px;
	grid-template-columns: 100%;
	grid-template-rows: 80px auto;
	gap: 16px;
	padding-top: 0;
}

[data-selected-tab="RECOMMENDATIONS"] .rd-course-card,
.rd-recom-bot-panel-result .rd-course-card {
	padding: 16px 8px;
}

[data-selected-tab="RECOMMENDATIONS"] .rd-course-card,
.rd-recom-bot-panel-result .rd-course-card {
	width: 194px !important;
	min-width: 194px;
}

[data-selected-tab="RECOMMENDATIONS"] .rd-course-recom-courses,
.rd-recom-bot-panel-result .rd-course-recom-courses {
	gap: 16px 10px;
}

[data-selected-tab="RECOMMENDATIONS"] .rd-infobar,
.rd-recom-bot-panel-result .rd-infobar {
	margin-bottom: var(--rd-spacing-x-sm);
}

pc-course-previewv2 .rd-tab .rd-bubble {
	display: inline-flex;
	justify-content: center;
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-left: var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 19px;
	padding: 0 6px !important;
	border-radius: var(--rd-borderradius-border-lg);
	background-color: var(--rd-primary-active) !important;
	color: var(--rd-font-light);
}

pc-course-previewv2 .rd-tab.rd-selected:after {
	bottom: -2px;
}

pc-course-previewv2 .rd-tabs-in-card {
	border-bottom: 3px solid #eaecf0;
}

pc-course-previewv2 .rd-course-card .rd-btn-small[data-is-selected="true"] {
	background-color: var(--rd-success-default) !important;
	border-color: var(--rd-success-default) !important;
}

pc-course-previewv2 .rd-course-card .rd-btn-small[data-is-selected="true"]:before {
	content: "";
	display: inline-block;
	mask-image: url(/src/img/2021/svg/tick-w.svg);
	-webkit-mask-image: url(/src/img/2021/svg/tick-w.svg);
	width: 12px;
	height: 12px;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	background-color: var(--rd-font-light);
	margin-right: 4px;
}

.rd-course-recom-config-toggle-button {
	display: none;
}

a.rd-course-recommendation-banner-close.rd-icon-close {
	position: absolute;
	top: 20px;
	right: 18px;
}

li[data-mode="new"] a::before,
li[data-mode="recommendations"] a:before,
li[data-mode="updated"] a::before,
li[data-mode="qmForms"] a::before,
li[data-mode="qmSnippetSidebarItem"] a::before {
	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;
	width: 20px;
	height: 20px;
	background-color: #374151;


}

li[data-mode="qmSnippetSidebarItem"] a:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-document-text.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-document-text.svg");
}

li[data-mode="recommendations"] a:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-star.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-star.svg");
}


li[data-mode="new"] a::before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clock-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clock-neu.svg");
}

li[data-mode="updated"] a::before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-refresh.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-refresh.svg");
}

li[data-mode="qmForms"] a::before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clipboard-list.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clipboard-list.svg");
}


a.qmSnippetSideLabel {
	display: flex !important;
	align-items: center;
	gap: 8px;
}

@media (max-width: 750px) {
	pc-course-previewv2 .rd-course-lesson-preview-wrap {
		min-height: auto;
	}

	pc-course-previewv2 .rd-course-recom-courses {
		grid-template-columns: 1fr 1fr;
	}

	[data-selected-tab="RECOMMENDATIONS"] .rd-course-card,
	.rd-recom-bot-panel-result .rd-course-card {
		margin: auto;
	}

	.rd-category-selector-wrap a {
		width: auto !important;
	}
}

@media (max-width: 650px) {
	.rd-course-recommendation-banner-anim {
		margin: auto;
	}

	.rd-course-recommendation-banner-content {
		text-align: left;
	}

	.rd-course-recommendation-banner {
		height: fit-content;
		flex-wrap: wrap;
	}

	[data-selected-tab="INFO"] .rd-course-preview-tabcontent {
		height: auto;
		grid-template-rows: auto;
		padding-bottom: 48px;
	}

	.rd-course-card-body {
		grid-template-columns: 100%;
		grid-template-areas:
			"IMG"
			"TEXT"
			"CONTENT";
	}

	pc-course-selectorv2 .rd-course-card-img .foto,
	.rd-recom-bot-panel-result .rd-course-card-img .foto {
		height: 250px;
		width: 100%;
		/* min-height: 200px; */
		background-position: 50%;
		background-size: cover;
	}

	pc-course-selectorv2 .rd-course-card-text,
	.rd-recom-bot-panel-result .rd-course-card-text {
		margin-top: var(--rd-spacing-md);
	}

	.rd-course-add-button {
		margin-top: var(--rd-spacing-md);
	}

	pc-course-previewv2 .rd-course-recom-courses,
	.rd-recom-bot-panel-result .rd-course-recom-courses {
		display: flex;
	}

	.rd-course-selector>div {
		padding: var(--rd-spacing-x-sm);
	}
}

@media (max-width: 600px) {

	pc-course-selectorv2 .rd-course-card-img .foto,
	.rd-recom-bot-panel-result .rd-course-card-img .foto {
		height: 200px;
	}

	.rd-course-preview-details-row {
		gap: var(--rd-spacing-x-sm);
		grid-template-columns: 100%;
	}
}