<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* (from cache) */
/* PCLib CSS-Bundle Checksum cf97d14d9bbc52b306e2f3d1b8c4483c */





/*=========================================================*/
/* PATH: 00_public */
/*=========================================================*/





/*----------------------------------------*/
/* FILE: BadgeTip.css */
/*----------------------------------------*/

pc-badgetip {
	display: inline-block;
	position: relative;
	width: 1px;
	height: 1px;
	vertical-align: middle;
}

.rd-badgetip-peer-content {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	z-index: 999;
	opacity: 0.5;
	transition: opacity 0.3s ease-in-out;
}

.rd-badgetip-body {
	font-family: Caveat;
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-7);
	line-height: 28px;
	background: var(--rd-font-light);
	box-shadow: 0px 10px 15px 0px rgba(16, 24, 40, 0.1);
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
	border-radius: var(--rd-borderradius-border-lg);
	text-align: center;
}

.rd-badgetip-arrow {
	height: 70px;
	background-image: url("/src/img/2023/svg/svg_img/badgeTipArrow.svg");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}





/*----------------------------------------*/
/* FILE: Blog.css */
/*----------------------------------------*/

/* ---Blog preview--- */
.blog-head-area {
	/* margin-top: var(--rd-spacing-xxx-lg); */
	text-align: center;
	font-weight: var(--rd-fontweights-open-sans-0);
}

.blog-head-area h2 {
	color: var(--rd-primary-active);
	letter-spacing: 1.14px;
	line-height: 22px;
	font-size: var(--rd-fontsize-5);
}

.container .blog-head-area h1 {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-11);
	letter-spacing: 0;
	line-height: 52px;
	margin: 0;
}

.news-letter-icon {
	mask-image: url(/src/img/2021/svg/newsletter.svg);
	-webkit-mask-image: url(/src/img/2021/svg/newsletter.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	height: 106px;
	width: 103px;
	display: inline-block;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-xxx-big);
}

.newsletter-area {
	background-image: var(--magenta-dashed-border);
	height: auto;
	border-radius: var(--rd-borderradius-border-md);
}

.newsletter {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 28px;
	text-align: center;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
}

.newsletter+p {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
	text-align: center;
	margin-bottom: var(--rd-spacing-x-big);
}

.newsletter-area .button.regular {
	height: 52px;
	width: 100%;
}

.login_area {
	display: grid;
	grid-template-areas: ". INPUT BTN .";
	grid-template-columns: 1fr 350px 257px 1fr;
	justify-content: center;
	gap: var(--rd-spacing-x-sm);
	text-align: left;
}

.le_email {
	grid-area: INPUT;
}

.le_email input {
	width: 100%;
	height: 54px;
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-font-light);
	padding: var(--rd-spacing-md);
}

.le_btn {
	grid-area: BTN;
	text-align: center;
}

.neuste_blog {
	margin: var(--rd-spacing-lg) 0 var(--rd-spacing-lg);
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0s);
	letter-spacing: 0;
	line-height: 36px;
	color: var(--rd-font-dark);
	text-align: left;
}

.blog-item {
	display: block;
	/* margin:16px; */
	border: transparent;
	text-align: left;
}

.blog-items {
	display: grid;
	grid-template-areas:
		"one one two"
		"one one three";
	margin-bottom: var(--rd-spacing-xxx-huge);
	grid-auto-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
	gap: var(--rd-spacing-xx-big);
	width: calc(100% - 28px * 2);
}

.blog-item-pic {
	aspect-ratio: 16 / 9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	border-radius: var(--rd-borderradius-border-md);
}

.blog-article-share-area,
.newsletter-area {
	margin: var(--rd-spacing-lg) 0 var(--rd-spacing-lg);
	padding: var(--rd-spacing-xx-lg) 0;
}

.blog-item-sub-info {
	padding: var(--rd-spacing-md) 0 var(--rd-spacing-x-sm);
}

.blog-item-name {
	color: var(--cl-dark-text);
	font-size: var(--rd-fontsize-5);
	line-height: 29px;
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
}

.blog-item-title {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 26px;
	padding-bottom: var(--rd-spacing-md);
}

.rd-blog .blog-item-more-link {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 24px;
	text-decoration: underline;
	letter-spacing: 0;
	cursor: pointer;
	z-index: 100;
}

.rd-blog .blog-item-more-link:hover {
	color: var(--rd-primary-hover);
}

.rd-blog .blog-item-more-link:focus {
	color: var(--rd-primary-pressed);
}

.rd-blog .blog-item-more-link:hover::after {
	background-color: var(--rd-primary-hover) !important;
}

.rd-blog .blog-item-more-linkfocus::after {
	background-color: var(--rd-primary-pressed) !important;
}


.blog-items .first-item .blog-item-name {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 29px;
}

.blog-items .first-item .blog-item-sub-info {
	padding: var(--rd-spacing-md) 0 var(--rd-spacing-md);
}

.blog-items .first-item .blog-item-title {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 42px;
}

@media screen and (max-width: 800px) {
	.blog-items {
		display: grid;
		grid-template-areas: "one one";
		grid-auto-columns: auto auto;
		width: 100%;
	}

	.login_area {
		grid-template-columns: auto auto;
		grid-gap: var(--rd-spacing-sm);
	}

	.first-item {
		margin-bottom: var(--rd-spacing-lg);
	}
}

/* ----Blog editor---- */
.blog_editor {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	display: block;
	border-radius: var(--rd-borderradius-border-md);
	width: 80%;
	padding: var(--rd-spacing-big);
	margin: var(--rd-spacing-lg);
}

.blog_editor .bp_label {
	width: 200px;
}

.blog_editor .bp_input input {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.blog_editor .bp_label label {
	float: left;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 24px;
}

.admin-img {
	height: 70px;
	width: 70px;
	border-radius: 50%;
}

.admin-area {
	display: flex;
}

.blog_page .img_area {
	margin-left: var(--rd-spacing-md);
}

.blog_page .info_area {
	margin-left: var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-4);
	align-self: center;
}

.row-inline {
	margin-top: var(--rd-spacing-big);
}

.blog_editor .vp_input_label {
	margin-bottom: var(--rd-spacing-big);
}

.blog_page .editor_btn {
	text-align: right;
}

#bloguser {
	width: 100%;
	box-sizing: border-box;
	line-height: inherit;
}

.ad_name_h {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.blog_editor .formclose {
	right: 15px;
	top: 0px;
}

.blog_page .admin_area {
	position: relative;
}

.blog_page pc-slider {
	vertical-align: middle;
}

/* -----Blog article---- */
.blog-item-pic-a2 {
	aspect-ratio: 2.06/1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	border-radius: var(--rd-borderradius-border-md);
	margin: auto;
	max-width: 800px;
}

.blog-item-pic-a2 img {
	width: 100%;
}

.rd-blog-sub-infos,
.rd-coluerd-header-blog h1,
.blog-article-backlink-a2{
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.blog-article-backlink-a2 {
	padding: var(--rd-spacing-xxx-big) 0 var(--rd-spacing-lg) 0;
	text-align: left;
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 22px;
	color: var(--rd-font-dark);
}

.blog-article-backlink-a2 a {
	color: var(--rd-font-dark);
}

.blog-item-name-a2,
.blog-item-dauer-a2 {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 24px;
	color: var(--cl-dark-text);
	float: left;
	align-self: center;
	padding-left: var(--rd-spacing-x-big);
}

.login_blog .blog .col-lg-9:has(.blog_pfile) {
	padding-right: 100px;
}

.blog-item-dauer-a2 {
	padding-left: var(--rd-spacing-md);
	min-width: 80px;
}

.punkt-a2 {
	height: 7px;
	width: 7px;
	background-color: var(--rd-font-dark);
	margin-left: var(--rd-spacing-x-sm);
	border-radius: 50%;
	align-self: center;
}

/* .blog-item-sub-info-a2::before{
	content:"";
	background-color:#D3D3D3;
	height: 78px;
	width: 78px;
	border-radius: 50%;
	display:inline-block;
} */

.blog-item-sub-info-a2 {
	display: flex;
	margin-top: var(--rd-spacing-xxx-big);
}

.blog-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: inline-block;
}

.blog_edit,
.img_edit {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 24px;
	padding-left: var(--rd-spacing-x-sm);
	vertical-align: middle;
}

.blog_article_page .db_text {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 24px;
	padding-left: var(--rd-spacing-x-sm);
	vertical-align: middle;
}

.blog_article_page .db_text:before {
	content: "";
	mask-image: url(/src/img/2021/svg/trash.svg);
	-webkit-mask-image: url(/src/img/2021/svg/trash.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	height: 15px;
	width: 15px;
	display: inline-block;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	margin-right: var(--rd-spacing-x-sm);
}

.blog_edit:before,
.img_edit:before {
	content: "";
	mask-image: url(/src/img/svg/af/pencil-alt-solid_white.svg);
	-webkit-mask-image: url(/src/img/svg/af/pencil-alt-solid_white.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	height: 15px;
	width: 15px;
	display: inline-block;
	background-color: var(--rd-primary-active);
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
}

.blog-edit-area {
	text-align: right;
}

.blog-release-date {
	text-align: left;
}

.titel-area-a2 {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-14);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 42px;
	/* padding-top: 32px; */
	text-align: left;
	margin-bottom: var(--rd-spacing-lg);
}

.blog-article-share-area-a2 {
	color: var(--cl-dark-text);
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
	padding-top: var(--rd-spacing-lg);
	text-align: left;
}

.titel-area-a2 p {
	margin: 0;
	word-break: break-word;
}

.blog_editor .thumbnail&gt;img {
	border-radius: 50%;
}

.blog-so-area {
	margin-top: var(--rd-spacing-xxx-lg);
	text-align: center;
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 19px;
	border: var(--rd-borderwidth-border-default) dashed var(--rd-primary-active);
	height: auto;
	padding-top: var(--rd-spacing-x-lg);
	margin-bottom: var(--rd-spacing-xxx-lg);
	height: 133px;
	text-align: center;
}

.blog-so-area .blog_so_box {
	display: inline-grid;
	grid-template-areas: "one tow";
	gap: var(--rd-spacing-lg);
	background-color: var(--cl-light-blue);
}

.blog-so-area .blog_share_titel {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 19px;
	align-self: center;
}

.blog-so-area .blog_sob_links {
	height: 36px;
}

.blog-so-area .sob_links a {
	margin: 0 var(--rd-spacing-md) 0 0;
}

.blog-so-area .sob_links {
	padding: 0;
	margin: 0;
	border-bottom: none;
}

.side-conv-el {
	background-color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xx-lg);
	text-align: center;
}

.side-conv-el .sce-titel {
	padding: var(--rd-spacing-x-big) var(--rd-spacing-x-big) var(--rd-spacing-x-lg) var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 28px;
	text-align: center;
	color: var(--cl-light-blue);
}

.side-conv-el a {
	margin-bottom: var(--rd-spacing-lg);
}

.other-blogs {
	text-align: left;
}

.ob-titel {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 26px;
	margin-bottom: var(--rd-spacing-md);
}

.ob-element {
	border-bottom: var(--rd-borderwidth-border-default) dashed var(--rd-primary-active);
	display: block;
	padding: var(--rd-spacing-x-big) 0;
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
	color: var(--cl-asphalt-blue);
}

.blog .col-lg-9 {
	padding-left: var(--rd-spacing-xxx-lg);
	/* padding-right: var(--rd-spacing-xxx-lg); */
	padding-right: 53px;
	padding-top: 0px;
}

.blog-nl-form {
	text-align: center !important;
	max-width: 520px;
	min-width: unset !important;
	border-radius: var(--rd-borderradius-border-lg) !important;
}

.blog-nl-form .formheader,
.blog-nl-form .formfields {
	border: none;
}

.blog-nl-form .formheader {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 36px;
	text-align: center;
	padding-bottom: 0;
	padding-top: var(--rd-spacing-big);
}

.blog-nl-form .double-form {
	margin-top: var(--rd-spacing-x-sm);
	display: table;
	width: 100%;
}

.blog-nl-form .double-form&gt;div {
	display: table-cell;
	width: 50%;
}

.blog-nl-form .double-form&gt;div:nth-child(1) {
	padding-right: var(--rd-spacing-xx-sm);
}

.blog-nl-form .double-form&gt;div:nth-child(2) {
	padding-left: var(--rd-spacing-xx-sm);
}

.required-info {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
	color: var(--cl-dark-grey);
	margin-top: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-big);
	text-align: left;
}

.blog-nl-form .formclose {
	height: 24px;
	width: 24px;
	background-image: url(/src/img/2021/svg/close-large.svg);
}

.blog-nl-form .formfields {
	padding: var(--rd-spacing-sm) var(--rd-spacing-lg) var(--rd-spacing-lg) var(--rd-spacing-lg);
}

.blog-nl-form button {
	width: 100%;
}

.blog-items-down {
	grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

.magenta-box,
.gray-box {
	padding: var(--rd-spacing-xxx-big);
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
}

.magenta-box {
	background-color: var(--cl-pale-pink-d);
}

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

.magenta-line-box {
	border-left: 4px solid var(--rd-primary-active);
	padding-left: var(--rd-spacing-md);
}

.blog blockquote {
	border-left: 4px solid var(--rd-primary-active);
	padding-left: var(--rd-spacing-md);
}

.blog blockquote p {
	font-weight: var(--rd-fontweights-open-sans-2);
	letter-spacing: 0;
	line-height: 26px;
	color: var(--rd-font-dark);
}

.blog pre {
	background-color: transparent;
	border: none;
	padding: 0;
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
	overflow: unset;
	display: block;
	width: 100%;
	word-break: unset;
}

.blog pre code {
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
	padding: var(--rd-spacing-xxx-big);
	overflow: none;
	display: block;
	width: 100%;
}

.blog .lang-ruby {
	background-color: var(--cl-pale-pink-d);
}

.blog .lang-python {
	background-color: var(--cl-light-blue);
}

.blog ul li {
	margin-bottom: var(--rd-spacing-x-sm);
}

.blog ul li::marker {
	color: var(--rd-primary-active);
}

.anrede-nl {
	display: block;
	text-align: left;
	margin-bottom: var(--rd-spacing-md);
}

.anrede-nl input {
	display: none;
}

.anrede-nl&gt;div {
	display: inline-block;
}

.anrede-nl label {
	cursor: pointer;
}

.anrede-radio-box .radio {
	min-height: unset;
	padding: 0;
	width: 25px;
	height: 25px;
	display: inline-block;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	border-radius: 100%;
	position: relative;
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.anrede-radio-box .radio:before {
	content: "";
	display: inline-block;
	position: absolute;
	background-color: var(--cl-deep-green);
	border-radius: 100%;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	opacity: 0;
	transition: all 0.2s linear;
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

input:checked+.anrede-radio-box .radio:before {
	opacity: 1;
}

.anrede-radio-box .text {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 20px;
	margin-right: var(--rd-spacing-md);
}

.blog-nl-form .thx-icon {
	background-image: url(/src/img/2021/svg/thx-Icon.svg);
	display: inline-block;
	width: 120px;
	height: 120px;
	background-size: 100%;
}

.blog-nl-form .Danke-titel {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 36px;
	text-align: center;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xxx-lg);
}

.blog-nl-form .thx-text {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 29px;
	text-align: center;
	margin-bottom: var(--rd-spacing-x-huge);
	display: block;
}

.blog ol li {
	margin-bottom: var(--rd-spacing-x-sm);
}

.blog_page .icon_before::before {
	mask-image: url(/src/img/2023/svg/icons/plus.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/plus.svg);
}

.video_diviphone img {
	height: 100%;
	position: relative;
	width: 100%;
}

.login_blog .blog-head-area h2 {
	display: none;
}

.login_blog .blog-head-area {
	margin-top: 0;
	text-align: left;
}

.login_blog .container {
	padding: 64px !important;
	margin: 0 !important;
	padding-bottom: 24px !important;
}

.login_blog:has(.rd-blog) footer.container-fluid .container {
	padding: 60px !important;
	margin: auto !important;
}

.login_blog .container-fluid {
	padding: 0 !important;
}

.login_blog .blog-head-area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: var(--rd-spacing-xx-sm);
}



.login_blog .blog-head-area h1 {
	line-height: 132% !important;
}

.login_blog .qm_nav {
	margin-bottom: 0;
}

.login_blog .side-conv-el,
.login_blog .blog-release-date {
	display: none;
}



.login_blog .row.blog {
	flex-direction: row-reverse;
	margin-left: 0;
}

.login_blog .blog .col-lg-9 {
	padding-left: 0;
}

.login_blog .blog-edit-area {
	text-align: left;
	margin-bottom: var(--rd-spacing-md);
	display: flex;
	column-gap: var(--rd-spacing-lg);
	row-gap: var(--rd-spacing-md);
	align-items: center;
	flex-wrap: wrap;
}

.login_blog .blog-edit-area a,
.login_blog .blog-edit-area span {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-secondary-active);
	font-weight: var(--rd-fontweights-open-sans-2) !important;
}

.login_blog .db_text:before,
.login_blog .blog_edit:before,
.login_blog .img_edit:before,
.login_blog .video_edit:before,
.login_blog .audio_edit:before {
	content: "";
	mask-image: url(/src/img/2023/svg/icons/rd-icon-img.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-img.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	height: 14px;
	width: 14px;
	display: inline-block;
	vertical-align: middle;
	background-color: var(--rd-secondary-active);
	margin-right: var(--rd-spacing-x-sm);
}

.login_blog .blog_edit: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);
}

.login_blog .db_text:before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-trash.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-trash.svg);
}

.login_blog .audio_edit:before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-audio.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-audio.svg);
}

.login_blog .video_edit:before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-video.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-video.svg);
}

.login_blog .blog_edit,
.login_blog .img_edit {
	padding-left: 0;
}

.login_blog .rd-homepage-freeTrialBlueBox {
	display: none;
}

.blog_article_page h1 {
	color: var(--rd-font-dark) !important;
	font-size: var(--rd-fontsize-11) !important;
	letter-spacing: 0;
	line-height: 52px !important;
	margin: 0 !important;
	text-align: left !important;
}

.login_blog .blog-article-backlink-a2 {
	padding: 0;
	margin-bottom: var(--rd-spacing-x-sm);
}

.login_blog .blog-article-backlink-a2 a {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-secondary-active);
	font-weight: var(--rd-fontweights-open-sans-2);
}

/**Blog redesign */
.rd-blog .blog_page .container {
	/* width: 1440px; */
	margin: auto;
	max-width: 1440px;
}

.rd-blog .blog-items-down {
	display: grid;
	grid-template-areas: "one two three";
	margin-bottom: 120px;
	gap: 27px;
	width: 100%;
	grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

.rd-blog .video-row {
	position: relative;
	display: block;
	margin-top: 40px;
	/* max-width: 1312px; */
	z-index: 100;

}

.rd-blog .video-container {
	position: relative;
	height: 700px !important;
	border-radius: 20px;
	background-color: transparent;
}

.rd-blog .rd-blog-reels video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	border-radius: 20px;
}


.rd-blog .rd-blog-reels video {
	border-radius: 20px;
	width: 100%;
	height: 700px;
}

.rd-blog .rd-blog-reels .slick-slide {

	position: relative;
	box-shadow: unset !important;
}

.rd-blog .rd-blog-reels .slick-slide:last-child {
	padding-right: 0px !important;

}

.rd-blog .rd-blog-reels .slick-track {
	display: flex;
	gap: 32px;
}

/* .rd-blog .rd-blog-reels .slick-list {
	padding: 0 0 0 32px !important;
} */

.rd-blog .video-countvisit {
	position: absolute;
	bottom: 16px;
	left: 16px;
	color: white;
	padding: 10px 20px;
	font-size: 32px;
	font-weight: 600;
}

.rd-blog .video-countvisit.rd-icon-eye-on::before {
	height: 30px;
	width: 30px;
	background-color: var(--rd-font-light);
}

/* Popup Styling */
.rd-blog .popup {
	background: #fff;
	padding-left: 16px;
	display: none;
}

.rd-blog .popup.active {
	display: block;
	/* Popup sichtbar machen */
}

.rd-blog .popup h3 {
	margin-top: 0;
	font-size: 18px;
	color: #333;
}

.rd-blog .popup p {
	font-size: 14px;
	color: #555;
}

.rd-blog .popup .close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #ff5c5c;
	color: white;
	border: none;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	line-height: 18px;
}

.rd-blog .rd-blog-reels {
	color: var(--rd-font-dark);
	padding: 112px 0;
	margin-bottom: 122px;
}

.rd-blog .rd-blog-reels-title {
	font-size: 45px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 24px;
	position: relative;
	z-index: 10;
	max-width: 750px;
}

.rd-blog .rd-blog-reels p {
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 80px;
	position: relative;
	z-index: 10;
}

.rd-blog .rd-login_area .rd-primary-btn {
	min-width: 260px;
}

.rd-blog .rd-latest-blog-item {
	display: grid;
	grid-template-columns: 55% 45%;
	gap: 48px;
}

.rd-blog .rd-latest-blog-item a,
.rd-blog .blog-items a {
	border-radius: 20px;
}

.rd-blog .rd-latest-blog-item-img a {
	position: relative;
}

.rd-blog .rd-latest-blog-item-img a::after {
	content: "";
	position: absolute;
	top: -17px;
	left: -26px;
	/* background-image: url(/src/img/2024/images/rd-neu-badge.png); */
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 130px;
	height: 115px;
	display: inline-block;

}



.rd-blog .rd-headline-blog {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 150%;
	text-transform: uppercase;
	color: #7AB51D;
	margin-bottom: var(--rd-spacing-md);
}

.rd-blog .rd-subheadline-blog {
	font-size: 52px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 110%;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-lg);
}


.rd-blog .rd-latest-blog-item-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.rd-blog .blog-item-content {
	font-size: var(--rd-fontsize-5);
	font-weight: var(var(--rd-fontweights-open-sans-1));
	line-height: 150%;
	padding-bottom: var(--rd-spacing-x-big);
}

.rd-blog .blog-item-sub-info .blog-item-name {
	border-radius: 8px;
	border: 1px solid #A4B883;
	background: #EEFBD9;
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-4);
	color: #547E10;
	font-weight: 500;
	line-height: 20px;
}

.rd-blog .blog-item-sub-info .blog-item-name.purple {
	border: 1px solid #D9D6FE;
	background: #F4F3FF;
	color: #5925DC;
}

.rd-blog .blog-item-sub-info .blog-item-name.rose {
	border: 1px solid #EAB1C0;
	background: #FDF2FA;
	color: #AB4E67;
}

.rd-blog .blog-item-sub-info .blog-item-name.orange {
	border: 1px solid #F9DBAF;
	background: #FEF6EE;
	color: #B93815;
}

.rd-blog .blog-item-sub-info .blog-item-name.blue {
	border: 1px solid #B2DDFF;
	background: #EFF8FF;
	color: #175CD3;
}

.rd-blog .blog-item-sub-info .blog-item-name.grey {
	border: 1px solid #D5D9EB;
	background: #F8F9FC;
	color: #3B3F59;
}

.rd-blog .blog-item-sub-info .blog-item-duration {
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
	color: #0d1130;
	margin-left: 16px;
}

.rd-blog .blog-item-sub-info {
	padding-bottom: var(--rd-spacing-md);
	padding-top: 0;
	padding-top: var(--rd-spacing-x-big);
}



.rd-blog .rd-latest-blog-item .blog-item-title {
	font-size: 30px;
	max-width: 400px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.3px;
	padding-bottom: 8px;
}

.rd-blog .rd-newsletter-area {
	border-radius: 20px;
	background: var(--Gradient-CTA, linear-gradient(90deg, #F3FAE7 0%, #FDF2FA 48.01%, #F4F7FB 96.02%));
	padding: 60px;
	margin-bottom: 112px;
}

.rd-blog .rd-newsletter-area .newsletter {
	font-size: 40px;
	color: var(--rd-font-dark);
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 24px;
}

.rd-blog .rd-newsletter-area p {
	color: #374551;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 40px !important;
	max-width: 750px;
	margin: auto;
}

.rd-blog .blog-item-more-link {
	text-decoration: none;
	margin-right: 8px;
}

.rd-blog .blog-item-more-lin::after {
	background-color: var(--rd-primary-active);
}

.ReelsPopup .modal_dialog_mid {
	padding: 0 !important;
	border-radius: 14px !important;

}

.ReelsPopup .modal_dialog_top {
	display: none !important;
}

.ReelsPopup .video-container {
	width: auto !important;
	display: flex !important;
	height: 550px !important;
	background-color: #fff !important;
}

.ReelsPopup.modal_dialog {
	max-width: 720px !important;
	padding: 0 !important;
	border-radius: 14px !important;
}

.ReelsPopup .video-container p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}


.ReelsPopup .carusel-reels-header {
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
	padding: 8px 0 16px;
}

.ReelsPopup .video-container .popup {
	margin-left: var(--rd-spacing-md);
	text-align: left;
}

.ReelsPopup video {
	width: 320px !important;
	height: 100% !important;
	object-fit: cover !important;
	cursor: pointer !important;

}

.ReelsPopup .modal_dialog&gt;div {
	min-height: 0 !important;
}

.ReelsPopup .modal_dialog {
	padding: 0 !important;

}

.ReelsPopup .rd-close_popup {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
}

.ReelsPopup .rd-compact-popup-closelink,
.ReelsPopup .modal_dialog_bottom {
	display: none !important;
}

.ReelsPopup .modal_dialog_closelink {
	right: 10px !important;
	top: 20px !important;
}

.rd-blog .carusel-reels-header {
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
	padding: 8px 0 16px
}

.rd-blog .video-container p {
	font-size: 16px;

	font-weight: 400;
	line-height: 24px;
}

.rd-blog .rd-login_area {
	display: grid;
	gap: 16px;
	justify-content: center;
}

.rd-blog .hidden {
	display: none;
}

.rd-blog .visible {
	display: block;
}

.rd-blog #showMoreBtn,
.rd-blog #showLessBtn {
	margin-top: 10px;
	padding: 10px;
	cursor: pointer;
	max-width: 200px;
	margin-bottom: 200px;
}

.rd-blog .blog-item:nth-of-type(1) {
	grid-area: unset;
}

.rd-blog .blog-items {
	margin-bottom: 80px;
}

.rd-blog .blog_page .mainframe&gt;section {
	background-color: #fff;
}

.blog_page .rd-homepage-freeTrial h1,
.blog_page .rd-landingpage-blocked .rd-homepage-freeTrial h1 {
	font-size: var(--rd-fontsize-14);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-lg);
	color: var(--rd-font-dark);
}

.blog_page .rd-landingpage-blocked .rd-homepage-freeTrial h1 {
	margin-top: 12px;
}

.blog_page .rd-homepage-freeTrial p,
.blog_page .rd-landingpage-blocked .rd-homepage-freeTrial p {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-xx-lg);
	color: var(--rd-font-dark);
}

.blog_page .rd-homepage-freeTrial span,
.blog_page .rd-landingpage-blocked .rd-homepage-freeTrial span {
	color: var(--rd-primary-active);
}

.blog_page .freeTrial-btn {
	margin-top: 70px;
}

.blog_page .freeTrial-btn .icon_after::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowBtnRight.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowBtnRight.svg);
}

.rd-blog .rd-blog-kategorie .typ_list label {
	background-color: transparent;
	border: none;
	font-size: 16px;
	color: var(--rd-font-dark);
	font-weight: 600;
	line-height: 150%;
}

.rd-blog .most_wanted .typ_list input:checked+label {
	background-color: transparent !important;
	color: #d66181 !important;
}


.rd-blog .rd-latest-blog-item .blog-item-content p {

	margin-bottom: 0;
}

.rd-blog .rd-latest-blog-item .blog-item-content p span {
	font-size: 16px !important;
	font-weight: 400;
	line-height: 150%;
	color: #0d1130;
}

/* Punkte-Styling */
.rd-blog .video-row .slick-dots {
	display: flex;
	justify-content: flex-start;
	margin-top: 20px;
}

.rd-blog .video-row .slick-dots li {
	margin: 0 5px;
}

/* Pfeile-Styling */
.rd-blog .video-row .slick-prev,
.rd-blog .video-row .slick-next {
	position: absolute;
	top: unset;
	bottom: 0;
	width: 30px;
	height: 30px;
	color: #333;
	cursor: pointer;
	z-index: 1000;
	background-color: #d66181;
	z-index: 1;
}

.rd-blog .video-row .slick-next {
	top: unset;
	bottom: -80px;
	right: 25px;
	background-color: transparent;
}

.rd-blog .video-row .slick-prev {
	right: 100px;
	left: unset;
	bottom: -80px;
	background-color: transparent;
}


.rd-blog .video-row .slick-prev:hover,
.rd-blog .video-row .slick-prev:focus,
.rd-blog .video-row .slick-next:hover,
.rd-blog .video-row .slick-next:focus {
	transform: unset !important;
	box-shadow: none !important;
}


.rd-blog .video-row .slick-dots {
	left: 25px;
	justify-content: left;
	bottom: -80px;
}

.rd-blog .video-row .slick-prev:before {
	transform: unset;
}


.rd-blog .video-row .slick-prev:before,
.rd-blog .video-row .slick-next::before {
	width: 30px;
	height: 30px;
	content: "" !important;
	background-image: unset;
}

.rd-blog button.slick-next.rd-icon-c-archive.slick-arrow {
	transform: scaleX(-1);
}

.rd-blog .blog-head-area {
	margin-top: var(--rd-spacing-xx-lg);
}

.rd-reels-cat {
	padding: 0 64px;
	max-width: 1440px;
	margin: auto;
}

.login_blog:has(.rd-blog) .container-fluid {

	background-color: var(--rd-font-light);
}

/*login bereich*/


.login_blog .rd-blog .rd-latest-blog-item {
	grid-template-columns: 45% 55%;
}

.login_blog .rd-blog .rd-latest-blog-item .blog-item-title {
	max-width: 100%;
}

.login_blog .rd-blog .rd-subheadline-blog {
	font-size: 30px;
}

.login_blog .rd-blog .rd-latest-blog-item .blog-item-title {
	font-size: 24px;
}

/* .login_blog .rd-blog .rd-blog-reels .slick-list {
	padding-left: 0  !important;
} */

.login_blog .rd-blog .rd-blog-reels-title {
	font-size: 30px;
	max-width: 550px;
}

.rd-coluerd-header-blog {
	background: var(--New-gradient, linear-gradient(76deg, #F7FBF0 18.29%, #F7FBF0 45.16%, #FEF6F8 72.03%));
	padding: 112px var(--rd-spacing-xx-lg);
	margin: auto;
	max-width: 1440px;
	border-radius: 20px;
	margin-top: var(--rd-spacing-xx-huge);
}

.rd-blog-article .rd-coluerd-header-blog {
	padding: 112px 64px;
	margin-bottom: 40px;

}

.login_blog .rd-blog .rd-blog-reels {
	padding: 40px 0;
	margin-bottom: 80px;
}

.login_blog .rd-blog .video-row .slick-dots {
	left: 16px;
}

.login_blog .rd-blog .video-container,
.login_blog .rd-blog .rd-blog-reels video {
	height: 490px !important;
}

.login_blog:has(.rd-blog) .blog-items {
	grid-template-areas:
		"one one one two"
		"one one one three";

	grid-auto-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
}

.login_blog section.container-fluid.rd-homepage-freeTrial,
.login_blog .rd-homepage-welle-box {
	display: none;
}

.login_blog .rd-blog .video-countvisit {
	padding: 0;
	font-size: 20px;
}

.login_blog:has(.rd-blog) .blog-head-area {
	justify-content: end;
	margin-bottom: var(--rd-spacing-lg);
}



.login_blog .rd-blog .blog-item-title {
	font-size: 20px;
}

.login_blog:has(.rd-blog) #instrac_count_titel,
.login_blog:has(.rd-blog) #instrac_count_titel+.most_wanted {
	display: none;
}

.rd-blog-reels-title:after {
	content: "";
	background-image: url(/src/img/2021/svg/NewTagV3.svg);
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-position: 50%;
	position: absolute;
	background-repeat: no-repeat;
	width: 55px;
	height: 35px;
	top: -15px;
	right: -45px;
}

.login_blog .rd-blog .rd-blog-reels-title::after {
	top: 0;
	right: -24px;
}

@media screen and (max-width: 575px) {
	.blog-article-a2 h3 {
		text-align: left;
	}
}

@media screen and (max-width: 500px) {
	.blog-so-area .blog_so_box {
		grid-template-areas:
			"one"
			"tow";
		gap: var(--rd-spacing-x-sm);
	}

	.blog-so-area {
		padding-top: var(--rd-spacing-md);
		height: auto;
		padding-bottom: var(--rd-spacing-md);
	}

	.login_area {
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
			"INPUT"
			"BTN";
		padding-left: var(--rd-spacing-xx-sm);
		grid-gap: var(--rd-spacing-sm);
	}

	.blog-items {
		display: grid;
		grid-template-areas: "one";
		gap: var(--rd-spacing-lg);
	}

	.newsletter-area {
		padding: var(--rd-spacing-xx-lg) var(--rd-spacing-x-sm) var(--rd-spacing-xx-lg);
	}

	.newsletter-area .button.regular {
		width: 100%;
	}

	.first-item {
		margin-bottom: var(--rd-spacing-lg);
	}

	.newsletter+p {
		margin-bottom: var(--rd-spacing-big);
	}

	.blog-head-area h1 {
		line-height: 52px !important;
		font-size: var(--rd-fontsize-14) !important;
	}
}

@media screen and (max-width: 991px) {
	.blog .col-lg-3 {
		order: 2;
	}

	.blog .col-lg-9 {
		padding-top: var(--rd-spacing-big);
		padding-left: 0;
		padding-right: 0;
	}

	.blog-items-down {
		grid-template-areas: "one two" !important;
		margin-top: var(--rd-spacing-lg);
		grid-template-columns: 50% 50%;
		width: calc(100% - 36px);
	}

	.blog-items-down .blog-item:nth-child(3) {
		display: none;
	}

	.side-conv-el {
		display: none;
	}
}

/* blog_test */

.blog_test .blog-item {
	margin-right: var(--rd-spacing-x-big);
}

.blog_test .slick-prev,
.blog_test .slick-next {
	background-color: var(--rd-primary-active);
}

.blog_test .slick-dots li.slick-active button:before {
	color: var(--cl-dark-text);
}

.blog_test .slick-dots {
	display: none;
}

.blog_test .container-fluid.finalcta_sec {
	margin-top: var(--rd-spacing-x-huge);
}

.video_overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-mask-image: url(/src/img/svg/iPhone-14-Pro-Maske-1.png);
	mask-image: url(/src/img/svg/iPhone-14-Pro-Maske-1.png);
	-webkit-mask-size: 100%;
}

.video_diviphone video {
	position: absolute;
	left: 0;
	width: 106% !important;
	height: 98% !important;
	left: 5px;
}

.blog_article_page video {
	width: 100%;
	height: auto;
	cursor: pointer;
}

.blog-item-pic-a2:after {
	transform: rotate(130deg);
	content: "";
	display: inline-block;
	background-image: url(/src/img/svg/Pfeil_Right.svg);
	background-size: 100%;
	background-position: 50%;
	width: 125px;
	height: 115px;
	position: absolute;
	z-index: 100;
	bottom: -142px;
	right: -125px;
	background-repeat: no-repeat;
}

.rd-blog .video_div {
	position: relative;
	max-width: 788px;
	margin: auto;
	margin-bottom: 24px !important;
}

.video_diviphone {
	position: relative;
	max-width: 300px;
	width: 100%;
	margin: auto;
	margin-bottom: 24px;
}

.blog-item-a2+audio {
	margin-top: 40px;
}

.blog-article-share-area-a2 span {
	position: relative;
}

.blog_pfile:after {
	transform: rotate(130deg);
	content: "";
	display: inline-block;
	background-image: url(/src/img/svg/Pfeil_Right.svg);
	background-size: 100%;
	background-position: 50%;
	width: 88px;
	height: 115px;
	position: absolute;
	z-index: 100;
	top: 126px;
	right: -75px;
	background-repeat: no-repeat;
}

.blog_pfile {
	position: relative;
	display: inline-block;
}

.blog-article-share-area-a2:has(.blog_pfile) {
	padding-top: var(--rd-spacing-md);
}

.blog-article-a2:has(.blog_pfile) .titel-area-a2 {
	margin-bottom: var(--rd-spacing-md);
}

.blog-article-a2:has(.blog_pfile) .blog-item-sub-info-a2 {
	margin-top: var(--rd-spacing-md);
}

.blog-item-sub-info-a2 div {
	display: flex;
}

.blog-item-more-link::after {
	background-color: var(--rd-primary-active) !important;
}

.rd-blog .blog-item-title {
	font-size: 24px;
	line-height: 140%;
	font-weight: var(--rd-fontweights-open-sans-0);
	padding-bottom: var(--rd-spacing-x-big);
}

.rd-blog .blog-items {
	gap: 32px;
}

.carusel-reels-social {
	display: block;

}

.rd-compact-popup .carusel-reels-social {
	margin: var(--rd-spacing-xxx-big) 0;
}

.rd-blog-sub-infos .carusel-reels-social ul {
	margin: 0;
}

.ReelsPopup .sociallink,
.rd-blog-article .sociallink {
	display: inline-block;
	width: 25px;
	height: 25px;

}

.ReelsPopup .sociallink img,
.rd-blog-article .sociallink img {
	width: 100%;
	filter: unset !important;
	opacity: 1 !important;
}

.rd-compact-popup .carusel-reels-social ul {
	margin: 16px 0;
}

.pcr_checkbox.checked {
	background-color: transparent !important;
	color: #d66181 !important;
}

.rd-blog-kategorie ul.rd-tabs.slick-initialized.slick-slider {
	padding: 0 24px;
}

.rd-blog-kategorie.tab_nav_mobile .slick-prev,
.rd-blog-kategorie.tab_nav_mobile .slick-next,
.rd-blog-kategorie.tab_nav_mobile .slick-prev:before,
.rd-blog-kategorie.tab_nav_mobile .slick-next:before {
	width: 20px;
	height: 20px;
}

.rd-blog-kategorie.tab_nav_mobile .slick-pre {
	left: 0 !important;
}


.rd-blog-kategorie.tab_nav_mobile .slick-next {
	right: 0 !important;
}

.rd-blog-kategorie .aktiv.rd-tab a {
	color: #d66181 !important;
	text-decoration: underline;
}

.rd-blog-kategorie.tab_nav_mobile .rd-tab a {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
}

.rd-blog-kategorie .aktiv a:after {
	display: none;
}

.rd-blog-kategorie {
	margin-bottom: 80px;
}

.carusel-reels-content {
	overflow: auto;
	height: 400px;
}

.ReelsPopup .modal_dialog_mid {
	overflow: hidden;
}

.mainframe&gt;section:has(.rd-blog) {
	background-color: var(--rd-font-light);
	padding: 0 !important;
}

.rd-blog .rd-blog-reels-title::before {
	content: "";
	background-image: url(/src/img/2024/images/EllipseGreen.png);
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	width: 100%;
	height: 100%;
	width: 555px;
	height: 365px;
	position: absolute;
	top: -105px;
	z-index: -1;
	left: -65px;
}

.rd-blog .video-row::before {
	content: "";
	background-image: url(/src/img/2024/images/EllipsePink.png);
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	width: 100%;
	height: 100%;
	width: 525px;
	height: 350px;
	position: absolute;
	top: -140px;
	z-index: -1;
	right: -125px;

}


.rd-blog-article .blog-item-sub-info-a2 {
	display: grid;
	grid-template-columns: 56px auto;
	grid-template-areas: "IMG TITEL" "IMG Datum";
	margin-top: 0;
	column-gap: 16px;
}

.rd-blog-article .blog-img {
	grid-area: IMG;
	width: 56px;
	height: 56px;
}

.rd-blog-article .blog-release-date {
	display: flex;
	grid-area: Datum;
	gap: 8px;
}

.rd-blog-article .blog-item-name-a2 {
	grid-area: TITEL;
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 150%;
	padding-left: 0;
	margin-bottom: 5.5px;
}

.rd-blog-article .blog-release-date span {
	line-height: 150%;
}


.rd-blog-article .punkt-a2 {
	height: 4px;
	width: 4px;
	margin-left: 0;
}

.rd-blog-article .blog-item-dauer-a2 {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-2);
	padding-left: 0;
	color: var(--rd-font-dark);
}

.rd-blog-sub-infos {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--rd-spacing-xxx-lg) !important;
}

.rd-blog-article .blog-item-pic-a2 img {
	border-radius: 20px;
}

.rd-blog-article .blog-article-backlink-a2 {
	margin-bottom: var(--rd-spacing-x-big) !important;
}

.rd-blog-article .blog-article-backlink-a2 a {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 150%;
	color: var(--rd-primary-active);
}

.rd-blog-article .blog-article-backlink-a2 .rd-icon-cheveron-right::before {
	background-color: var(--rd-font-dark);
}

.rd-blog-article .titel-area-a2 {
	font-size: 48px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 120%;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-lg) !important;

}

.rd-blog-article .blog-item-pic-a2:after {
	display: none;
}

.login_blog .container:has(.rd-blog-article) {
	margin: auto !important;
}

.rd-blog-article .blog-article-share-area-a2,
.rd-blog-article audio {
	max-width: 788px;
	margin: auto;
	padding: 0 var(--rd-spacing-big);
	margin-bottom: var(--rd-spacing-md);
	position: relative;
	z-index: 100;

}

.rd-blog-audio {

	text-align: center;
}


.rd-blog .blog-edit-area {
	margin: var(--rd-spacing-xx-lg);
}

.rd-blog-article {
	margin-bottom: 112px !important;
	max-width: 1440px;
	margin: auto;
}

#feedback-message {
	padding: 24px 44px;
	background: #F5F7FB;
	color: var(--rd-primary-active);
}

.rd-blog-feedback {
	max-width: 768px;
	margin: auto;
	margin-top: var(--rd-spacing-x-big) !important;
	position: relative;
	z-index: 100;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
}

.rd-blog-feedback p {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	line-height: 150%;
	margin: 0 var(--rd-spacing-x-big) var(--rd-spacing-x-big);

}

.rd-blog-feedback-header {
	font-size: var(--rd-fontsize-6);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 150%;
	color: var(--rd-font-dark);
	border-bottom: 1px solid #E5E7EB;
	padding: var(--rd-spacing-x-big);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-blog-feedback .rd-primary-btn-textlink {
	margin-left: var(--rd-spacing-md);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}



.rd-blog-feedback-btns,
.rd-blog-feedback-admin {
	margin: 0 var(--rd-spacing-x-sm);
	text-align: right;
	margin-bottom: var(--rd-spacing-md)
}

.rd-blog-article .blog-items {
	position: relative;
	z-index: 10;
}

.blog-items-title {
	font-size: 48px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 120%;
	color: var(--rd-font-dark);
	margin-top: 224px;
	margin-bottom: var(--rd-spacing-xx-lg);
	position: relative;
	z-index: 10;
}

.rd-blog-article .blog-items-title::before {
	content: "";
	background-image: url(/src/img/2024/images/EllipseGreen.png);
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	width: 100%;
	height: 100%;
	width: 555px;
	height: 365px;
	position: absolute;
	bottom: -63px;
	z-index: -1;
	left: -65px;
}

.rd-blog-article .blog-article-backlink-a2,
.rd-blog-article .titel-area-a2,
.rd-blog-article .rd-blog-sub-infos {
	margin: auto;
}

.rd-blog-kategorie .rd-tab a {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1) !important;
}

.rd-blog {
	padding: 0 var(--rd-spacing-xx-lg);
}

.rd-blog-feedback .rd-primary-btn,
.rd-blog-feedback .rd-primary-btn-outline {
	width: auto !important;
}

.login_blog .rd-blog .rd-coluerd-header-blog {
	padding: var(--rd-spacing-lg) var(--rd-spacing-xx-lg);
	margin-top: 112px;
}

.rd-blog .rd-coluerd-header-blog{
margin-top: var(--rd-spacing-x-huge);
}


@media screen and (max-width: 1200px) {
	.login_blog:has(.rd-blog) .blog-items {
		display: grid;
		grid-template-areas:
			"one one one"
			"one one one" !important;
		grid-auto-columns: 1fr 1fr 1fr;
	}

	.rd-blog .rd-latest-blog-item {
		grid-template-columns: 100% !important;
	}

	/* 
	.rd-blog .rd-latest-blog-item .blog-item-title {
		max-width: 100%;
	} */

	.blog-items {
		display: grid;
		grid-template-areas:
			"one one"
			"one one";
		grid-auto-columns: 1fr 1fr;
	}

	.rd-blog {
		padding: 0 32px !important;
	}
}


@media screen and (max-width: 1000px) {
	.blog_test .slick-next {
		right: -2px;
	}

	.blog_test .slick-dots {
		display: block !important;
	}

	.blog_test .slick-initialized .slick-slide {
		margin-bottom: var(--rd-spacing-lg);
	}

	.rd-blog-sub-infos,
.rd-coluerd-header-blog h1,
.blog-article-backlink-a2{
	padding-left: 0!important;
	padding-right: 0 !important;
}
}

@media screen and (max-width: 992px) {
	.blog_test .slick-list.draggable {
		margin-top: var(--rd-spacing-lg);
	}

	.login_blog .blog .col-lg-9:has(.blog_pfile) {
		padding-right: 0;
	}

	.ReelsPopup video {
		aspect-ratio: 16 / 9;
		width: 100% !important;
	}

	.ReelsPopup .video-container {
		width: 100% !important;
		height: auto !important;
		flex-direction: column;
		box-shadow: unset !important;
	}

	.ReelsPopup .carusel-reels-content {
		overflow: hidden;
		height: 100%;
	}

	.ReelsPopup .video-container .popup {
		overflow: auto;
		max-height: 650px;
	}

	.ReelsPopup .rd-primary-btn {
		margin-bottom: var(--rd-spacing-x-sm);
		width: auto;
	}

	.ReelsPopup .modal_dialog_closelink {
		right: 20px !important;
		top: 20px !important;
	}

	.login_blog:has(.rd-blog) .blog-items {
		grid-template-areas:
			"one one"
			"one one" !important;
		grid-auto-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 900px) {
	.ReelsPopup .video-container {
		flex-direction: column;
	}

	.ReelsPopup video {
		width: 100% !important;
		height: 300px !important;
	}
}


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

	.login_blog:has(.rd-blog) .blog-items {
		grid-template-areas:
			"one"
			"one" !important;
		grid-auto-columns: 1fr !important;
	}

	.rd-blog {
		padding: 0 !important;
	}

	.rd-reels-cat {
		padding: 0 20px;
	}

	.rd-blog .rd-blog-reels .slick-track {
		gap: 16px;
	}

	.rd-blog .rd-blog-reels .slick-list.draggable {
		margin-left: -16px;
	}

	.rd-blog .rd-subheadline-blog {
		font-size: 40px !important;

	}

	.rd-blog .rd-blog-reels-title {
		font-size: 36px !important;
	}

	.rd-blog .rd-blog-reels {
		padding-top: var(--rd-spacing-xx-lg) !important;
		margin-bottom: var(--rd-spacing-x-huge) !important;
	}

	.rd-blog .rd-blog-reels-title {
		margin-bottom: var(--rd-spacing-big) !important;
	}

	.rd-blog .rd-blog-reels p {
		margin-bottom: var(--rd-spacing-x-lg) !important;
		z-index: 1000;
	}

	.rd-blog-kategorie {
		margin-bottom: var(--rd-spacing-x-lg) !important;
	}

	.rd-blog-article .titel-area-a2 {
		font-size: 36px;
		margin-bottom: var(--rd-spacing-xxx-big);
		word-break: break-word;
	}

	.blog_article_page h1,
	.blog-article-share-area-a2 h2 {
		text-align: left;
	}

	.blog-article-share-area-a2 img {
		width: 100%;
		margin: 16px 0;
	}

	.blog-items-title,
	.blog-items {
		padding: 0 var(--rd-spacing-big);
	}

	.blog-items+.rd-primary-btn-outline {
		margin: 0 var(--rd-spacing-big);
	}

	.blog-items-title {
		margin-top: var(--rd-spacing-xx-lg);
		font-size: 36px;
	}

	.rd-blog-sub-infos {
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;
		margin-bottom: var(--rd-spacing-x-lg) !important;
	}

	.rd-blog-article .rd-coluerd-header-blog {
		padding: 112px var(--rd-spacing-big);
	}

	.rd-blog-feedback {
		margin: 0 20px;
	}

	.ReelsPopup .video-container {
		height: 95vh !important;
	}

	.ReelsPopup video {
		height: 100% !important;
	}

	.ReelsPopup .video-container .popup {
		display: none;
	}

	.ReelsPopup .modal_dialog_closelink {
		right: 20px !important;
		top: 40px !important;
		width: 24px;
		height: 24px;
		background-color: var(--rd-font-light);
	}

	.rd-blog .rd-blog-reels-title::before {
		display: none;
	}

	.rd-blog .blog-items {
		padding: 0;
	}

	.blog_page .rd-homepage-freeTrial {
		padding: 0 var(--rd-spacing-big) !important;
	}

	.blog_page .rd-homepage-freeTrialBlueBox {
		padding-left: var(--rd-spacing-big) !important;
		padding-right: var(--rd-spacing-big) !important;
	}

	.rd-blog .rd-newsletter-area {
		padding: var(--rd-spacing-xx-lg) var(--rd-spacing-big);
		margin-left: -20px;
		margin-right: -20px;
	}

	.rd-blog-feedback-btns {
		display: flex;
		gap: 16px;
		justify-content: center;
		flex-wrap: wrap;
	}

	.rd-blog-article .blog-items {
		padding: 0 var(--rd-spacing-big);
	}

	.rd-blog .rd-coluerd-header-blog {
		padding: var(--rd-spacing-xx-lg) var(--rd-spacing-big) !important;
	}

	.login_blog .rd-blog .rd-blog-reels-title::after {
		right: 0;
	}

	.rd-blog-article .blog-items-title::before {
		bottom: -160px;
	}

	.rd-blog-reels-title:after {
		right: 0;
		top: -30px !important;
	}

	.rd-blog .rd-coluerd-header-blog,
	.rd-blog .blog-head-area,
	.rd-blog .qm_nav {
		margin-top: var(--rd-spacing-xx-lg) !important;
	}

	.rd-blog .tab_nav_mobile .slick-prev,
	.rd-blog .tab_nav_mobile .slick-next {
		top: 8px !important
	}
}


@media screen and (max-width: 575px) {
	.blog_test .slick-dots {
		bottom: -35px !important;
	}

	.blog_test .slick-list.draggable {
		height: 400px !important;
	}

	.blog_test .slick-prev {
		left: -2px;
	}

	.blog_pfile:after {
		display: none;
	}

	.blog-item-sub-info-a2 .punkt-a2 {
		display: none;
	}

	.blog-item-sub-info-a2 {
		flex-wrap: wrap;
	}

	span.blog-item-dauer-a2 {
		margin-left: auto;
	}

	.blog-item-sub-info-a2 div:nth-child(2) {
		display: contents;
	}

	.blog-item-dauer-a2::before {
		content: "";
		mask-image: url(/src/img/2024/svg/icons/rd-icon-clock.svg);
		-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-clock.svg);
		mask-size: contain;
		-webkit-mask-size: contain;
		mask-position: 50%;
		-webkit-mask-position: 50%;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		display: inline-block;
		margin-right: 4px;
		height: 20px;
		width: 20px;
		vertical-align: middle;
		background-color: var(--rd-success-default);
		align-self: center;
	}



	.blog-item-name-a2,
	.blog-item-dauer-a2 {
		font-size: var(--rd-fontsize-3);
	}

	.blog-item-name-a2 {
		padding-left: var(--rd-spacing-md);
	}

	.rd-blog {
		padding: 0 !important;
		margin-top: 0 !important;
	}

	.rd-blog .qm_nav {
		margin-top: var(--rd-spacing-lg);
	}



	.rd-blog .rd-blog-reels .slick-slide {
		margin-right: 0;
	}

	.rd-blog .rd-blog-reels .slick-list {
		padding: 0;
	}

	.blog-items,
	.login_blog:has(.rd-blog) .blog-items {
		grid-template-areas: "one" "one" !important;
		grid-template-columns: 100%;

	}

	.rd-coluerd-header-blog {
		padding: 64px 20px !important;
	}

	.rd-blog .rd-subheadline-blog {
		font-size: 40px;
		line-height: 120%;
	}

	.rd-blog .rd-latest-blog-item .blog-item-title {
		font-family: 24px;
		line-height: 140%;
	}

	.rd-blog .rd-blog-reels-title {
		font-size: 36px;
		line-height: 120%;
	}

	.rd-blog .rd-newsletter-area .newsletter {
		font-size: 32px;
		line-height: 120%;
	}

	.rd-blog .blog-item-title {
		font-size: var(--rd-fontsize-7);
		font-weight: var(--rd-fontweights-open-sans-1);
	}

	.blog_page .rd-homepage-freeTrial h1 {
		font-size: 24px;
		line-height: 132%;
		/* 31.68px */
		letter-spacing: 0.24px;
	}

	.rd-blog .rd-blog-reels .slick-track {
		display: block;
		padding-left: var(--rd-spacing-x-sm);

	}

	.rd-blog .rd-blog-reels .slick-slide {
		margin-right: var(--rd-spacing-md) !important;
	}

	.rd-blog-kategorie,
	.rd-blog .blog-items {
		margin-bottom: var(--rd-spacing-x-lg);
	}



	.rd-compact-popup .sociallink img {
		filter: unset;
		opacity: 1;
	}

	.rd-blog .rd-blog-reels {
		padding: var(--rd-spacing-xx-lg) 0;
	}



	.rd-blog .rd-blog-reels {
		margin-bottom: var(--rd-spacing-xx-lg);
	}


}


/* test  dfdfdf*/





/*----------------------------------------*/
/* FILE: ButtonUX.css */
/*----------------------------------------*/

.button {
	border-radius: var(--rd-borderradius-border-xl);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	font-size: var(--rd-fontsize-4);
}

.button + .button {
	margin-left: var(--rd-spacing-x-sm);
}

.button.regular {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-1);
}

.button.small {
	font-size: var(--rd-fontsize-4);
	line-height: 147%;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

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

.button.fill:hover {
	background-color: var(--rd-primary-hover);
	text-decoration: none;
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-hover);
}

.button.fill:focus {
	background-color: var(--rd-primary-pressed);
	border-color: var(--rd-primary-pressed) !important;
	outline: unset;
	text-decoration: none;
}

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

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

.button.border:focus {
	background-color: var(--rd-primary-pressed);
	border-color: var(--rd-primary-pressed);
	color: var(--rd-font-light);
	outline: unset;
	text-decoration: none;
}

.button.icon::before {
	content: "";
	display: inline-block;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.button.icon:hover::before,
.button.icon:focus::before {
	background-color: var(--rd-font-light);
}

.regular.icon::before {
	height: 18px;
	width: 18px;
}

.small.icon::before {
	height: 14px;
	width: 14px;
}

.button.disabled {
	background-color: var(--cl-light-grey);
	color: var(--rd-font-light);
	cursor: default;
}

.small.iconbutton::before {
	height: 16px;
	width: 16px;
}

.fill::before {
	background-color: var(--rd-font-light);
}

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

.border:hover::before {
	background-color: var(--rd-primary-hover);
}

.iconbutton {
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-primary-active);
	border-radius: var(--rd-borderradius-border-md);
	position: relative;
	display: inline-block;
	border: none;
	cursor: pointer;
}

.iconbutton.regular {
	height: 40px;
	width: 40px;
}

.iconbutton.small {
	height: 32px;
	width: 32px;
}

.iconbutton:before {
	content: "";
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-font-light);
	position: absolute;
	display: inline-block;
}

.iconbutton.regular:before {
	left: 12px;
	top: 12px;
	right: 12px;
	bottom: 12px;
}

.iconbutton.small:before {
	left: 8px;
	top: 8px;
	right: 8px;
	bottom: 8px;
}

.iconbutton:hover {
	background-color: var(--rd-primary-hover);
}

.iconbutton:focus {
	background-color: var(--rd-primary-pressed);
}

.text_button {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	color: var(--cl-asphalt-blue) !important;
	line-height: 32px;
	cursor: pointer;
	border: none;
	background-color: transparent;
}
.text_button .btn-help-text {
	display: inline-block;
	margin-left: var(--rd-spacing-xx-sm);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.text_button.icon:before {
	content: "";
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	vertical-align: middle;
	margin-right: var(--rd-spacing-xx-sm);
}

.text_button:hover {
	text-decoration: underline;
}

.disabled,
.disabled:hover {
	text-decoration: none;
	cursor: default;
	filter: grayscale(100);
	opacity: 1;
}
.avatar_frame_mainframe.avatars.disabled {
	filter: opacity(0.5);
}

.show-review {
	margin-top: var(--rd-spacing-xx-big);
}

.show-review::before {
	mask-image: url("/src/img/svg/af/feedback/star-fill.svg");
	-webkit-mask-image: url("/src/img/svg/af/feedback/star-fill.svg");
}

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

.copy::before {
	mask-image: url("/src/img/svg/af/copy-solid.svg");
	-webkit-mask-image: url("/src/img/svg/af/copy-solid.svg");
}

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

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

.play::before {
	mask-image: url(/src/img/svg/arrow_icon.svg);
	-webkit-mask-image: url(/src/img/svg/arrow_icon.svg);
}

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

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

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

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

.pencil::before {
	mask-image: url(/src/img/svg/af/icons/pink/pencil.svg);
	-webkit-mask-image: url(/src/img/svg/af/icons/pink/pencil.svg);
}
.add_customer::before {
	mask-image: url('/src/img/svg/af/sync-white.svg');
	-webkit-mask-image: url('/src/img/svg/af/sync-white.svg');
}

.plus::before {
	mask-image: url(/src/img/svg/af/icons/pink/plus.svg);
	-webkit-mask-image: url(/src/img/svg/af/icons/pink/plus.svg);
}
.print::before {
	mask-image: url(/src/img/2021/svg/printer.svg);
	-webkit-mask-image: url(/src/img/2021/svg/printer.svg);
}

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

.next::before {
	mask-image: url(/src/img/svg/af/icons/pink/view.svg);
	-webkit-mask-image: var(--green-arrow);
	transform: rotate(-90deg);
}

.back::before {
	mask-image: url(/src/img/svg/af/icons/pink/view.svg);
	-webkit-mask-image: var(--green-arrow);
	transform: rotate(90deg);
}

.photo::before {
	mask-image: url(/src/img/svg/af/photo-video-gray.svg);
	-webkit-mask-image: url(/src/img/svg/af/photo-video-gray.svg);
}

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

.messenger::before {
	mask-image: url(/src/img/svg/af/messanger-icon.svg);
	-webkit-mask-image: url(/src/img/svg/af/messanger-icon.svg);
}
.trash::before {
	mask-image: url('/src/img/2023/svg/icons/rd-icon-trash.svg');
	-webkit-mask-image: url('/src/img/2023/svg/icons/rd-icon-trash.svg');
}
.rd-trash::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-trash.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-trash.svg");
}

/* Additional icons (maybe need redesign?) */
.save::before {
	mask-image: url(/src/img/svg/af/save.svg);
	-webkit-mask-image: url(/src/img/svg/af/save.svg);
}

.invoice::before {
	mask-image: url(/src/img/svg/af/wpforms.svg);
	-webkit-mask-image: url(/src/img/svg/af/wpforms.svg);
}

.itemlist::before {
	mask-image: url(/src/img/svg/af/th-list.svg);
	-webkit-mask-image: url(/src/img/svg/af/th-list.svg);
}

.database::before {
	mask-image: url(/src/img/svg/af/database_white.svg);
	-webkit-mask-image: url(/src/img/svg/af/database_white.svg);
}

.box-open::before {
	mask-image: url(//src/img/svg/af/box-open.svg);
	-webkit-mask-image: url(/src/img/svg/af/box-open.svg);
}

.bolt::before {
	mask-image: url(/src/img/svg/af/bolt_white.svg);
	-webkit-mask-image: url(/src/img/svg/af/bolt_white.svg);
}

.envelope::before {
	mask-image: url(/src/img/svg/af/envelope-regular.svg);
	-webkit-mask-image: url(/src/img/svg/af/envelope-regular.svg);
}
.open-folder::before {
	mask-image: url(/src/img/svg/af/folder-open-solid.svg);
	-webkit-mask-image: url(/src/img/svg/af/folder-open-solid.svg);
}

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

.clone::before {
	mask-image: url(/src/img/svg/af/clone_white.svg);
	-webkit-mask-image: url(/src/img/svg/af/clone_white.svg);
}

.user::before {
	mask-image: url(/src/img/svg/af/user-solid_white.svg);
	-webkit-mask-image: url(/src/img/svg/af/user-solid_white.svg);
}

.users::before {
	mask-image: url(/src/img/svg/3users_white.svg);
	-webkit-mask-image: url(/src/img/svg/3users_white.svg);
}

.caret-left::before {
	mask-image: url(/src/img/svg/caret-left.svg);
	-webkit-mask-image: url(/src/img/svg/caret-left.svg);
}

.pencilpaper::before {
	mask-image: url(/src/img/2021/svg/edit-list-icon.svg);
	-webkit-mask-image: url(/src/img/2021/svg/edit-list-icon.svg);
}

.calendar::before {
	mask-image: url(/src/img/svg/af/calendar-alt-solid-gray.svg);
	-webkit-mask-image: url(/src/img/svg/af/calendar-alt-solid-gray.svg);
}

.wrench::before {
	mask-image: url(/src/img/svg/af/wrench.svg);
	-webkit-mask-image: url(/src/img/svg/af/wrench.svg);
}
.rotate::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
}
.reload::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
}
.check::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-check-green.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-check-green.svg");
}
.close::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
}
.rd-refrash::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
}

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

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

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

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

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

.anibtn3:hover:before {
	background-size: calc(100% * 50);
	transform: scale(2);
}

.anibtn1:hover:before {
	animation: balloon calc(50s / 25) steps(50);
}

.anibtn2:hover:before,
.anibtn3:hover:before {
	animation: balloon2 calc(50s / 25) steps(50);
}

@media screen and (max-width: 500px) {
	.button.fill:hover {
		color: var(--rd-font-light);
		background-color: var(--rd-primary-active);
		border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	}
	.button.border:hover {
		color: var(--rd-primary-active);
		background-color: var(--rd-font-light);
		border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	}
}






/*----------------------------------------*/
/* FILE: Cards.css */
/*----------------------------------------*/

.rd-select-cards {
	display: flex;
	justify-content: center;
	z-index: 1;
	position: relative;
	gap: var(--rd-spacing-big);
	flex-wrap: wrap;
	margin-bottom: var(--rd-spacing-xxx-lg);
}

.rd-select-card-img {
	width: 160px;
	height: 140px;
	align-self: center;
	margin: var(--rd-spacing-lg) 0;
	display: inline-table;
}

.rd-select-card label {
	width: 240px;
	height: 345px;
	display: flex;
	flex-direction: column;
	text-align: center;
	cursor: pointer;
	padding: 0 var(--rd-spacing-big);
	border: var(--rd-borderwidth-border-default) solid #cccccc;
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-font-light);
}

.rd-select-card-title {
	margin-bottom: var(--rd-spacing-x-sm);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
}

.rd-select-card-subtitle {
	margin-bottom: var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-4);
	color: var(--rd-primary-active);
}

.rd-select-card input[type="radio"]:checked + label {
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
}

.rd-select-card input[type="radio"]:checked + label &gt; .rd-select-card-img {
	background-image: url(/src/img/2023/svg/svg_img/card_checked.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	width: 64px;
	height: 64px;
	align-self: center;
	margin-top: var(--rd-spacing-xxx-lg);
	margin-bottom: var(--rd-spacing-xxx-lg);
}

.rd-select-card input[type="radio"]:checked + label &gt; .rd-select-card-img img {
	display: none;
}

.rd-select-card label:hover &gt; .rd-select-card-img {
	background-image: url(/src/img/2023/svg/svg_img/card_hover.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	width: 64px;
	height: 64px;
	margin-top: var(--rd-spacing-xxx-lg);
	margin-bottom: var(--rd-spacing-xxx-lg);
}

.rd-select-card label:hover .rd-select-card-img img,
.rd-select-card label:hover .rd-select-card-subtitle {
	display: none;
}

.rd-select-card label:hover {
	background-color: var(--rd-list-default-dark);
}

.rd-select-card input[type="radio"]:checked + label &gt; .rd-select-card-subtitle {
	display: none;
}

.rd-select-card input {
	bottom: 0;
}






/*----------------------------------------*/
/* FILE: CaveatFont.css */
/*----------------------------------------*/

/* caveat-regular - latin */
@font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Caveat';
     font-style: normal;
     font-weight: 400;
     src: url('/fonts/caveat-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
   }
   /* caveat-500 - latin */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Caveat';
     font-style: normal;
     font-weight: 500;
     src: url('/fonts/caveat-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
   }
   /* caveat-600 - latin */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Caveat';
     font-style: normal;
     font-weight: 600;
     src: url('/fonts/caveat-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
   }
   /* caveat-700 - latin */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Caveat';
     font-style: normal;
     font-weight: 700;
     src: url('/fonts/caveat-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
   }





/*----------------------------------------*/
/* FILE: ChangePackage.css */
/*----------------------------------------*/

.packageSnip {
	display: grid;
	grid-template-columns: auto 120px;
	/* grid-template-areas: "Radio Text Right"; */
	grid-template-areas: "Text Right";
	gap: var(--rd-spacing-lg);
	box-sizing: border-box;
	margin-bottom: var(--rd-spacing-md);
	border-radius: 4px;
	border: 1px solid var(--Gray-Dark-Gray-400, #ccc);
	background: #f2f6fa;
	box-shadow: 0px 1px 2px 0px rgba(15, 15, 16, 0.05);
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
}

.packageSnip.new {
	display: grid;
	grid-template-columns: auto 120px;
	border: var(--rd-borderwidth-border-focus) solid var(--rd-primary-active);
	background-color: var(--rd-font-light);
	grid-template-areas: "Text Right";
}

.contractBuyInfoSum {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}

.contractBuyInfoSumLabel,
.contractBuyInfoSumValue div:first-child {
	font-size: var(--rd-fontsize-6);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.18px;
	color: var(--rd-font-dark);
}

.contractBuyInfoSumValue {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 170%;
	color: #64646a;
	text-align: right;
}

.contractBuyInfoSumValue span {
	color: var(--rd-primary-active);
}

.contractBuyInfoSubText {
	color: #949dab;
	font-size: var(--rd-fontsize-3);
	font-weight: 400;
	text-align: center;
	padding-bottom: 39px; /* var(--rd-spacing-xxx-lg); geht nicht */
	max-width: 500px;
	margin: auto;
}

.packageSnipMainWrap {
	grid-area: Text;
	color: var(--rd-font-dark);
}

.packageSnipRadioWrap {
	grid-area: Radio;
	padding-left: var(--rd-spacing-x-sm);
	position: relative;
	display: none;
}

.packageSnipTitle {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-6);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.18px;
	color: var(--rd-font-dark);
}

.packageSnipPrice {
	font-size: var(--rd-fontsize-4);
	line-height: 170%;
	margin-bottom: var(--rd-spacing-sm);
}

.packageSnipFeatureSummary {
	font-size: var(--rd-fontsize-4);
	color: #64646a;
	line-height: 170%;
}

.packageSnipRightWrap {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 19px;
	text-align: center;
	grid-area: Right;
}

.packageSnipMainWrap span {
	color: var(--rd-primary-active);
}

.contractPurchasePopup {
	width: 100%;
	max-width: 800px;
	height: auto;
}

.contractPurchasePopup.modal_dialog &gt; div.modal_dialog_bottom {
	margin: auto;
}

.contractPurchasePopup .modal_dialog_mid {
	padding: 1.5px;
}

.contractPurchasePopup .formfields {
	padding: 0;
}

/* .contractPurchasePopup .modal_dialog_mid h2{
    margin: 0;
  } */

.contractPurchasePopup .modal_dialog_bottom {
	align-self: flex-end;
}

.contractPurchasePopup .enable_group {
	display: grid;
	gap: var(--rd-spacing-xx-sm);
	grid-template-columns: 5% 95%;
}

.contractPurchasePopup .group_checkbox {
	margin-top: var(--rd-spacing-xx-sm);
	height: 16px;
	width: 16px;
}

.contractPurchasePopup label {
	margin-bottom: var(--rd-spacing-x-big);
}

.packageSnipRadioWrap span {
	height: 24px;
	width: 24px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-lg);
	background-color: var(--rd-font-light);
	position: absolute;
	top: 20px;
}

.new .packageSnipRadioWrap span::after {
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: var(--rd-primary-active);
}

.new .packageSnipRadioWrap span {
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
}

.current &gt; .packageSnipRightWrap {
	width: 120px;
	height: 43px;
	background-color: var(--rd-secondary-active);
	color: var(--rd-font-light);
	border-radius: 24px;
	/* border-radius: 999px; */
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
}






/*----------------------------------------*/
/* FILE: ColorLib.css */
/*----------------------------------------*/

@charset "UTF-8";
:root {
	--cl-error: #f54b5e;
	--cl-deep-green: #79b82a;
	--cl-main-transparent: #e7588133;
	--cl-light-green: #f8fbf4;
	--cl-pale-pink: #fff9fa;
	--cl-pale-blue: #eff3f8;
	--cl-pale-pink-d: #fdf1f5;
	--cl-ocean-blue: #2868b1;
	--cl-ocean-blue-alpha: #b7cbe3;
	--cl-deep-green: #79b82a;
	--cl-asphalt-blue: #374551;
	--cl-blue-grey: #8f9dae;
	--cl-dark-grey: #727c84;
	--cl-light-grey: #cccccc;
	--cl-pale-grey: #eeeeee;
	--cl-light-blue: #f4f6f8;
	--cl-light-blue-500: #f5f7fb;
	--box-shadow: #a7a7a754;
	--cl-turkies: #46d68c;
	--cl-blue-box: #f4f7fb;
	--cl-yellow: #f7b500;
	--rd-light-yellow: #fefce8;
	--rd-dark-yellow-brown: #713f12;
	--cl-olive: #f8fbf4;
	--cl-rose: #fff9fa;

	/* --cl-dark-blue:        #0C1132; */
	/* --cl-ocean-blue:       #2868B1; */

	/* more needed colors: */
	--cl-black: #000000;
	--cl-deep-green-darker: #4c8700;
	--cl-error-darker: #ca2033;
	--cl-tmp-yellow: #deba1d;

	/* colors with transparency */
	--cl-black-alpha30: #00000030;
	--cl-black-alpha63: #00000063;
	--cl-white-alpha40: #ffffff40;
	--cl-black-alpha4c: #0000004c;
	--cl-black-alpha0c: #0000000c;

	--magenta-dashed-border: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23E75881FF' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	--blue-dashed-border: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%234073B6FF' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	--magenta-arrow-right: url("/src/img/2021/svg/Arrow%20right-pink.svg");
	--magenta-arrow-left: url("/src/img/2021/svg/Arrow%20left-pink.svg");
	--navi-arrow: url("/src/img/2021/svg/navbar-arrow.svg");
	--gray-heart: url("/src/img/2023/svg/icons/rd-icon-herz.svg");
	--magenta-heart: url("/src/img/2023/svg/icons/rd-icon-herz-filled.svg");
	--green-arrow: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTcgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iQW53ZW5kdW5nIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzc5QjgyQSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMi4tRmlsdGVyLURldGFpbGVkU2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM2My4wMDAwMDAsIC04NDMuMDAwMDAwKSIgZmlsbD0iIzc5QjgyQSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9IlNvcnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMzEuNTAwMDAwLCA4MzAuMTY2NTI5KSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjAwMDAwMCwgOC41MDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIzLjk5OTk3MywxMy45NDQ0NDQ0IEMxMjMuNzEzMjIxLDEzLjk0NDQ0NDQgMTIzLjQyNjUwNCwxMy44Mzc3MzU5IDEyMy4yMDc4ODEsMTMuNjI0NzY3NCBMMTE2LjMyODIyNyw2LjkxOTcyODYyIEMxMTUuODkwNTkxLDYuNDkzMjA0OTYgMTE1Ljg5MDU5MSw1LjgwMTY2OTk3IDExNi4zMjgyMjcsNS4zNzUzMTg4OCBDMTE2Ljc2NTY4Niw0Ljk0ODk2Nzc4IDExNy40NzUwOTUsNC45NDg5Njc3OCAxMTcuOTEyNzY3LDUuMzc1MzE4ODggTDEyMy45OTk5NzMsMTEuMzA4MzA4MSBMMTMwLjA4NzIxNiw1LjM3NTUyNTk0IEMxMzAuNTI0ODUxLDQuOTQ5MTc0ODUgMTMxLjIzNDE5LDQuOTQ5MTc0ODUgMTMxLjY3MTYxNCw1LjM3NTUyNTk0IEMxMzIuMTA5NDYyLDUuODAxODc3MDQgMTMyLjEwOTQ2Miw2LjQ5MzQxMjAzIDEzMS42NzE2MTQsNi45MTk5MzU2OCBMMTI0Ljc5MjA2NiwxMy42MjQ5NzQ1IEMxMjQuNTczMzM3LDEzLjgzNzk3NzUgMTI0LjI4NjYyLDEzLjk0NDQ0NDQgMTIzLjk5OTk3MywxMy45NDQ0NDQ0IFoiIGlkPSJBcnJvdy1yaWdodC1Db3B5LTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}






/*----------------------------------------*/
/* FILE: ContextMenuV2.css */
/*----------------------------------------*/

pc-context-menuv2 {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	background-color: var(--rd-font-light) white;
	vertical-align: middle;
	border-radius: 100%;
	padding: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 22px;
	background-image: url(/src/img/2023/svg/icons/rd-icon-context-menu.svg);
	text-align: left;
	align-self: center;
	padding: 1em;
	cursor: pointer;
}


#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"],
#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] #pc_tooltip_peer_content {
	pointer-events: auto;
}

#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] #pc_tooltip_peer_content {
	padding: var(--rd-spacing-md) var(--rd-spacing-x-sm);
	background-color: var(--rd-font-light);
	font-size: var(--rd-fontsize-3);
	letter-spacing: 0;
	line-height: 24px;
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-1);
	display: flex;
	flex-direction: column;
	gap: 16px;
	border-radius: 4px;
	border: 0.5px solid var(--Gray-Dark-Gray-400, #ccc);
	box-shadow: 0px 20px 25px -5px rgba(15, 15, 16, 0.1), 0px 10px 10px -5px rgba(15, 15, 16, 0.04);
}

.pcx_contextmenu_item[class*=" rd-icon-"]::before {
	background-color: var(--rd-font-dark);
	height: 20px;
	width: 20px;
}

#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] .pcx_contextmenu_item:hover {
	color: var(--rd-primary-active);
}

#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] .pcx_contextmenu_item {
	color: var(--rd-font-dark);
	border-radius: var(--rd-spacing-xx-sm);
	padding: 0 var(--rd-spacing-x-sm);
	display: flex;
	gap: var(--rd-spacing-sm);
}


#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] .pcx_contextmenu_item::after {
	background-color: var(--rd-font-dark);
	height: var(--rd-spacing-md);
	width: var(--rd-spacing-md);
}

#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] .pcx_contextmenu_item:hover::before {
	background-color: var(--rd-primary-active);
}

#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] .rd-icon-pdf::before {
	background-color: var(--rd-font-dark);
}






/*----------------------------------------*/
/* FILE: ContractApps.css */
/*----------------------------------------*/

.rd-contract-intermediate-form {
	display: grid;
	grid-template-columns: 360px 580px;
	gap: 16px;
	justify-content: center;
}

.rd-contract-inter-packageblock {
	border-radius: var(--rd-borderradius-border-md);
	border: 1px solid #cccccc;
	background: #f7dfe6;
	box-shadow: 0px 1px 3px 0px rgba(15, 15, 16, 0.1), 0px 1px 2px 0px rgba(15, 15, 16, 0.06);
	padding: 32px;
}

[data-package="pro"] .rd-contract-inter-packageblock {
	background: #26456d;
}

[data-package="pro"] .rd-contract-inter-packageblock .contractPackagePrice,
[data-package="pro"] .rd-contract-inter-packageblock .contractPackagePriceInfo,
[data-package="pro"] .rd-contract-inter-packageblock .contractPackageLicenseInfo {
	color: var(--rd-font-light);
}

[data-package="livePlus"] .rd-contract-inter-packageblock {
	background: #e7f0d9;
}

.paket_titel {
	margin-bottom: var(--rd-spacing-lg);
}

.pf_block+.rd-secondary-btn-textlink {
	margin-bottom: var(--rd-spacing-xxx-lg);
}

[data-is-survey-included="true"] h1::after,
[data-package="pro"][data-is-bonus-included="false"][data-is-survey-included="false"] h1::after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2024/images/starFace.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	margin-left: 8px;
	height: 40px;
	width: 40px;
	vertical-align: middle;
	align-self: center;
}

[data-is-survey-included="true"][data-is-bonus-included="true"] h1::after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2024/images/feuer.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	margin-left: 8px;
	height: 40px;
	width: 40px;
	vertical-align: middle;
	align-self: center;
}

[data-is-bonus-included="true"] h1::after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2024/images/partyface.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	margin-left: 8px;
	height: 40px;
	width: 40px;
	vertical-align: middle;
	align-self: center;
}

.rd-contract-intermediate-page {
	margin-bottom: var(--rd-spacing-x-huge);
}

.rd-contract-inter-packageblock .contractPackageTitle {
	font-size: var(--rd-spacing-xx-big);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.28px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
}

.pricing .rd-contract-inter-packageblock .contractPackageTitle {
	margin-top: 0 !IMPORTANT;
}

.rd-contract-inter-packageblock .contractPackagePrice {
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.6px;
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-contract-inter-packageblock .contractPackageLicenseInfo {
	margin-bottom: 0;
}

.rd-contract-intermediate-page .pricing_intro a {
	font-size: 18px;
	line-height: 29px;
	margin-bottom: 0;
}

.rd-contract-intermediate-page h1 {
	font-size: 38px;
	font-weight: 700;
	line-height: 52px;
	margin-bottom: 24px;
}

.rd-contract-intermediate-form {
	margin-bottom: var(--rd-spacing-lg);
}

.rd-contract-intermediate-form-wrapper {
	text-align: right;
	max-width: 960px;
	margin: auto;
}

.rd-surveyIncludedInProBadge {
	position: absolute;
	left: 158px;
	top: -28px;
	z-index: 1;
	width: 274px;
	height: 57px;
	z-index: 10;
	font-family: Caveat;
	color: var(--rd-primary-active) !important;
	line-height: 28px;
	background: var(--rd-font-light);
	box-shadow: 0px 10px 15px 0px rgba(16, 24, 40, 0.1);
	padding: var(--rd-spacing-md) 24px;
	border-radius: 16px;
	border: 1px solid var(--Pink-Pink-500, #d66181);
	color: #d66181;
	text-align: center;
	transform: rotate(-10deg);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: 26px;
}

.rd-slider-row-survey-switch.rd-slider-row .rd-input-content,
.rd-slider-row-bonus-switch .rd-input-content {
	width: 56px !important;
}

.rd-contract-inter-surveyblock .rd-label-content.rd-info-label {
	grid-template-columns: auto;
	align-self: center !important;
}

.rd-contract-inter-moduleblocks .rd-slider-row-bonus-switch,
.rd-contract-inter-moduleblocks .rd-slider-row-survey-switch {
	height: 119px;
}

.rd-contract-inter-moduleblocks .rd-slider-row.rd-slider-row-survey-switch {
	margin-bottom: var(--rd-spacing-md) !important;
}

.rd-switch-subinfo,
.rd-surveyIncludedInProBadge,
.rd-surveyIncludedInProBadge+.rd-badgetip-arrow {}

.rd-switch-subinfo a {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-secondary-active);
	line-height: 132%;
	letter-spacing: 0.14px;
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-switch-subinfo {
	margin-top: 4px;
	font-size: var(--rd-fontsize-4);
	color: var(--rd-primary-active);
	line-height: 132%;
	font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-surveyIncludedInProBadge+.rd-badgetip-arrow {
	height: 70px;
	background-image: url(/src/img/2023/svg/svg_img/badgeTipArrow.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	position: absolute;
	top: 0;
	width: 40px;
	top: -5px;
	right: 20px;
	transform: rotate(-39deg);
	right: 27px;
}

body {
	font-family: "Open Sans";
	letter-spacing: 0;
}

.contractPackageTitle {
	color: var(--rd-primary-active) !important;
	font-size: var(--rd-fontsize-9);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	text-align: center;
	/* width: 8em; */
	margin: auto;
	text-transform: uppercase;
	margin-top: var(--rd-spacing-big) !important;
}

.contractPackagePrice {
	color: var(--rd-font-dark);
	font-size: 60px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	text-align: center;
	margin-top: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-xx-sm);
}

[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice {
	display: block;
	font-size: var(--rd-fontsize-8);
	margin-left: var(--rd-spacing-x-huge);
	margin-bottom: var(--rd-spacing-lg);
	margin-top: var(--rd-spacing-lg);
	padding-top: var(--rd-spacing-big);
	padding-bottom: var(--rd-spacing-big);
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 28px;
	text-align: left;
}

.pkgCancelDate {
	margin-top: var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.contractChangeFinishedPopup .pcx_success_dialog_closelink {
	display: none;
}

.contractChangeFinishedPopup .btnwrap {
	margin-top: var(--rd-spacing-xxx-big);
	padding-bottom: var(--rd-spacing-xxx-big);
}

.contractChangeFinishedPopup .pcx_success_dialog_title {
	font-size: var(--rd-fontsize-11);
}

.contractChangeFinishedPopup {
	padding: var(--rd-spacing-md) var(--rd-spacing-xx-lg);
}

.contractPackagePriceInfo {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-3);
	/* font-weight: var(--rd-fontweights-open-sans-1); */
	line-height: 170%;
	text-align: center;
	margin-bottom: var(--rd-spacing-xx-sm);
}

.contractPackageLicenseInfo {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	text-align: center;
	margin-bottom: var(--rd-spacing-x-lg);
}

.contractPackageButtonWrap,
.contractPackageEndTestButtonWrap {
	text-align: center;
	margin-bottom: var(--rd-spacing-x-sm);
}

.contractPackageButtonWrap .button.regular.fill.disabled {
	background: var(--cl-blue-grey);
	filter: unset;
	border: none;
}

.contractPackageEndTestButtonWrap a {
	display: block;
}

.contractPackage[data-isactive="true"] .contractPackageButtonWrap&gt;a.button {
	/* pointer-events: none; */
}

.contractPackageFeature::before {
	content: "";
	margin-top: var(--rd-spacing-x-sm);
	display: inline-block;
	/* // NOTE: wrong filename! */

	background-image: url(/src/img/2021/svg/contract-disabled.svg);
	background-size: 100%;
	background-position: 50%;
	width: 20px;
	height: 20px;
	vertical-align: top;
	position: absolute;
	left: 24px;
}

.contractPackageFeature.feature-disabled::before {
	/* // NOTE: wrong filename! */
	background-image: url(/src/img/2021/svg/contract-enable.svg);
}

.contractPackageFeatureMissing::before {
	mask-image: url("/src/img/svg/close_red.svg");
	-webkit-mask-image: url("/src/img/svg/close_red.svg");
	background-color: var(--cl-error);
	margin-top: var(--rd-spacing-x-sm);
	height: 11px;
	width: 11px;
}

pc-admin-app-liveplus {
	margin-left: var(--rd-spacing-xxx-big);
	/* border-left: 3px solid var(--cl-light-grey); */
	padding-left: var(--rd-spacing-md);
	position: relative;
	display: block;
	margin-bottom: var(--rd-spacing-md);
}

pc-admin-app-liveplus ul {
	margin-top: var(--rd-spacing-md);
}

.contractPackageFeatures {
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	padding: 0 var(--rd-spacing-x-big) 0 var(--rd-spacing-x-big);
	display: block;
}

.contractPackageAllFeaturesWrap {
	display: none;
}

[data-packagename="basic"] .contractPackageAllFeaturesWrap {
	display: block;
}

.contractPackageAllFeaturesWrap .contractPackageFeatures {
	display: none;
}

.contractPackageAllFeaturesWrap[data-expanded="true"] .contractPackageFeatures {
	display: block;
}

.contractPackageAllFeaturesWrap[data-expanded="true"] .contractPackageShowAllFeaturesLink {
	display: none;
}

.contractPackageFeature {
	margin-bottom: var(--rd-spacing-md);
	display: block;
	padding-left: 36px;
	line-height: 32px;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
}

.packageSnipFeatureCardIntro {
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-4);
	margin-top: var(--rd-spacing-lg) !important;
	margin-bottom: var(--rd-spacing-lg);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	padding-left: var(--rd-spacing-x-big);
}

.contractPackageFeatureMissing {
	opacity: 0.6;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	line-height: 24px;
	margin-bottom: var(--rd-spacing-sm);
}

.contractPackageShowAllFeaturesLink {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 24px;
	margin-left: var(--rd-spacing-xxx-big);
	display: flex;
}

.contractPackageShowAllFeaturesLink::after {
	content: "";
	margin-left: var(--rd-spacing-x-sm);
	mask-image: url(/src/img/2021/svg/arrow.svg);
	-webkit-mask-image: url(/src/img/2021/svg/arrow.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	margin-top: var(--rd-spacing-x-sm);
	background-color: var(--rd-font-dark);
	height: 12px;
	width: 13px;
}

pc-contracts-app {
	display: inline-block;
	position: relative;
	text-align: center;
}

.customer_package_intro {
	/* border: 1px solid red; */
	text-align: center;
	width: 1142px;
	max-width: 100%;
	margin-bottom: var(--rd-spacing-lg);
}

.customer_package_intro h2 {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 132%;
}

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

.contractPackage {
	display: block;
	position: relative;
	box-sizing: border-box;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding: 50px 0 var(--rd-spacing-lg);
	max-width: 360px;
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-font-light);
	box-shadow: 0px 2px 5px rgba(16, 24, 40, 0.1);
}

.contractPackage[data-packagename="pro"] {
	background-color: #26456d;
	color: var(--rd-font-light);
}

.contractPackage[data-packagename="basic"] {
	background-color: #fbeff3;
	grid-area: one;
}

.contractPackage[data-packagename="livePlus"] {
	background-color: #e7f0d9;
	grid-area: two;
}

.contractPackage[data-packagename="pro"]&gt;div {
	color: var(--rd-font-light);
	grid-area: three;
	font-weight: var(--rd-fontweights-open-sans-0);
}

.contractPackage[data-packagename="pro"] .contractPackageFeatures&gt;div {
	color: var(--rd-font-light);
	font-weight: 400;
}

.reminderIcon {
	background: url("/src/img/svg/ic_notifications_empty.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	margin-right: var(--rd-spacing-xx-sm);
}

[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackageButtonWrap a.button:hover .reminderIcon {
	background-image: url("/src/img/svg/ic_notifications_gray.svg");
}

[data-iscurrentuseronwaitinglistforprofessional="true"][data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackageButtonWrap a.button .reminderIcon {
	background-image: url("/src/img/svg/ic_notifications_active.png");
}

[data-iscurrentuseronwaitinglistforprofessional="true"][data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackageButtonWrap a.button {
	pointer-events: none;
}

.proReminderInfo {
	font-size: var(--rd-fontsize-4);
	width: 297px;
	margin: auto;
	margin-top: var(--rd-spacing-x-sm);
	/* background: yellow; */
	font-weight: var(--rd-fontweights-open-sans-2);
	color: var(--rd-font-dark);
}

.features-box {
	width: auto;
	justify-content: center;
	display: flex;
	flex-direction: column;
	margin-top: var(--rd-spacing-big);
}

.features-box table tbody td {
	padding: var(--rd-spacing-md) var(--rd-spacing-sm);
}

/* .contractPackage[data-isactive="true"]::before {
	z-index: 2;
	background: var(--rd-font-light);
	mask-image: url("/src/img/svg/li_check_green.svg");
	-webkit-mask-image: url("/src/img/svg/li_check_green.svg");
	mask-size: contain;
	-webkit-mask-size: 20px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
} */

.contractPackage[data-isactive="true"]:before {
	display: none !important;
	content: "Aktives Paket";
	background-color: #2868b1;
	height: 47px;
	width: 100%;
	display: inline-flex;
	margin-bottom: var(--rd-spacing-sm);
	color: #f4f6f8;
	font-size: var(--rd-fontsize-5);
	font-weight: bold;
	line-height: 32px;
	justify-content: center;
	align-items: center;
	border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
	z-index: 1;
	position: relative;
	left: 0;
}

/* .contractPackage[data-isactive="true"] {
	padding-top: 0;
} */

.contractPackages .button.regular {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	width: -webkit-fill-available !important;
	margin-left: var(--rd-spacing-x-lg);
	margin-right: var(--rd-spacing-x-lg);
}

.contractPackageButtonWrap .button {
	display: block;
}

.features-box .header-tr th {
	background-color: var(--rd-font-light);
	border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.features-box .header-tr th {
	padding: var(--rd-spacing-xx-big) 0 var(--rd-spacing-xx-big);
}

.features-box .big-title {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 28px;
	color: var(--rd-font-dark);
}

.features-box .btr-title {
	float: left;
	font-size: var(--rd-fontsize-4);
	line-height: 24px;
	color: var(--cl-dark-text);
}

.features-box label {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-lg);
	/* margin-top: var(--rd-spacing-big); */
	color: var(--rd-secondary-active);
}

.features-box .afc-title {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 38px;
	text-align: center;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
}

.features-box .afc-sub-title {
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	text-align: center;
	color: var(--cl-asphalt-blue);
}

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

.features-box .body-tr {
	border-bottom: none !important;
}

.features-box .btr-title {
	padding-left: 0;
}

.features-box .padbox {
	padding: var(--rd-spacing-md) !important;
}

.features-box table tbody td:nth-child(1) {
	margin-left: var(--rd-spacing-x-big);
	text-align: left;
	/* white-space: nowrap; */
}

.features-box .header-tr .big-title {
	padding-left: var(--rd-spacing-x-big);
	width: 30%;
}

.features-box td a {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 24px;
}

.features-box tbody td:nth-child(3) {
	background-color: var(--cl-olive);
}

.features-box .small-title {
	text-align: center;
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 28px;
	color: var(--rd-font-dark);
	width: 285px !important;
}

.btr-enable,
.btr-disabled {
	display: inline-block;
	background-image: url(/src/img/2021/svg/contract-disabled.svg);
	background-size: 100%;
	background-position: 50%;
	width: 24px;
	height: 24px;
}

.btr-disabled {
	background-image: url(/src/img/2021/svg/contract-enable.svg);
}

/* [data-packagename="pro"]::after {
	content: "";
	position: absolute;
	right: -24px;
	top: -24px;
	background-image: url(/src/img/2021/svg/SleeveNew.svg);
	background-position: 50%;
	height: 125px;
	width: 125px;
} */

.features-box tr.footer-tr {
	border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

/* .features-box .footer-tr td{
    padding-top:31.5px;
    padding-bottom:48px
} */

[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice::before {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2021/svg/Flying-Objects.svg);
	background-size: 100%;
	/* background-position: 50%; */
	width: 40px;
	height: 111px;
	vertical-align: middle;
	position: absolute;
	left: 64px;
	top: 80px;
}

.mainframe.customer_package_wrap&gt;section {
	overflow: visible;
}

.mainframe.customer_package_wrap .features-box .help_bullet {
	background-position: center;
}

.mainframe.customer_package_wrap .cont_body {
	background-color: transparent;
	border: none;
}

.footer-tr td:nth-child(3) {
	background-color: var(--rd-font-light) !important;
}

[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackageLicenseInfo {
	display: none;
}

.features-box label::after {
	content: "";
	margin-left: var(--rd-spacing-x-sm);
	mask-image: url(/src/img/2021/svg/arrow.svg);
	-webkit-mask-image: url(/src/img/2021/svg/arrow.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-secondary-active);
	height: 15.17px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	transition: all 0.2s linear;
	transform: rotate(180deg);
}

input#all-fetures:checked~label[for="all-fetures"]:after {
	transform: rotate(0deg);
}

#all-fetures-content label::after {
	transform: rotate(0deg);
}

.features-box table tbody tr {
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

/* NEW CUSTOMER */

.contractPackages {
	display: flex;
	/* grid-template-columns: 1fr 1fr 1fr; */
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 24px;
}

pc-contracts-app {
	margin-top: var(--rd-spacing-x-big);
}

.rd-bonus-switch-wrap {
	display: inline-flex;
	justify-content: center;
	/* width: 948px; */
}

.rd-bonus-switch-wrap .rd-slider-row {
	flex-direction: row;
	gap: 20px;
	margin-bottom: var(--rd-spacing-lg);
}

.rd-slider-row-survey-switch .rd-slider-row .rd-label-content {
	margin-top: 2px !important;
}

.contractPackage {
	width: auto;
}

.rd-bonus-switch-wrap .rd-label-content.rd-info-label {
	grid-template-columns: auto;
}

.rd-bonus-switch-wrap .rd-slider-row .rd-label-content {
	margin-top: 0;
	align-self: center;
}

/* .rd-bonus-switch-wrap .rd-label-content.rd-info-label {
	grid-template-columns: 220px 30px;
} */

.rd-bonus-switch-wrap .rd-slider-row {
	border: 1px solid var(--Gray-Dark-Gray-400, #ccc);
	background: var(--rd-font-light);
	box-shadow: 0px 1px 2px 0px rgba(15, 15, 16, 0.05);
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
	align-items: center;
	justify-content: end;
	margin-bottom: 0;
	position: relative;
}

.rd-bonus-switch-wrap {
	display: grid;
	grid-template-columns: 49% 49%;
	gap: 24px;
}

.rd-bonus-switch-wrap .rd-slider-row .rd-input-content {
	width: 56px !important;
}

.contractPackages .rd_text_info_caveat_box {
	width: 274px;
	border: 1px solid #eaecf0;
	transform: rotate(-7.521deg);
	top: -55px;
	left: calc(100% - 315px);
	z-index: 10;
	text-align: center;
}

.contractPackages .rd_text_info_caveat_pfeil {
	z-index: 1;
	position: absolute;
	left: calc(100% - 180px);
	top: -10px;
}

.contractPackage[data-isactive="true"] .rd_text_info_caveat_box,
.contractPackage[data-isactive="true"] .rd_text_info_caveat_pfeil {
	display: none;
}

.contractPackage[data-packagename="pro"][data-isactive="true"] {
	background-color: #26456d;
}

.customer_package_wrap .rd_text_info_caveat_box {
	border: none;
}

.contractPackageFeature,
.packageSnipFeatureCardIntro {
	text-align: left;
}

.contractPackages .help_bullet,
#all-fetures-content .help_bullet {
	margin-bottom: var(--rd-spacing-x-sm);
	background-position: 50%;
	background-image: url(/src/img/2021/svg/Tooltip_Info.svg);
	background-size: 100%;
}

.footer-tr .features-box table tbody td {
	padding: 0;
}

.many_user,
.one_user {
	display: none !important;
}

input[type="range"]#users_input {
	-webkit-appearance: none;
	margin: var(--rd-spacing-md) 0;
	width: 100%;
}

input[type="range"]#users_input:focus {
	outline: none;
}

.slider-outdiv {
	display: inline-block;
	position: relative;
	width: 50%;
}

#users_input_text {
	position: absolute;
	top: -30px;
	margin-left: var(--rd-spacing-xx-sm);
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-primary-active);
}

input[type="range"]#users_input,
input[type="range"]#users_input::-webkit-slider-runnable-track {
	width: 100%;
	height: 12px;
	border-radius: var(--rd-borderradius-border-md);
}

input[type="range"]#users_input::-webkit-slider-thumb {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	background-image: radial-gradient(var(--rd-primary-active) 40%, var(--rd-font-light) 50%);
	margin-top: -12px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

input[type="range"]#users_input::-moz-range-thumb {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	background-image: radial-gradient(var(--rd-primary-active) 40%, var(--rd-font-light) 50%);
	margin-top: -12px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.how_meny_users {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
	line-height: 26px;
	margin-bottom: var(--rd-spacing-x-lg);
	text-align: center !important;
	padding-bottom: 0;
}

.slider-outdiv:before {
	bottom: 0;
}

.pricing h1 {
	margin-bottom: var(--rd-spacing-md) !important;
}

.pricing_intro a {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.pricing_intro a:hover {
	color: var(--rd-primary-hover);
}

.pricing_intro a:focus {
	color: var(--rd-primary-pressed) !important;
	text-decoration: none !important;
}

.pricing_intro p {
	color: #374551;
	font-size: var(--rd-fontsize-6);
	line-height: 29px;
	margin-bottom: var(--rd-spacing-lg);
}

.pricing_intro+div {
	padding-bottom: var(--rd-spacing-lg);
	text-align: left;
	max-width: 960px;
	margin: auto;
}

#agb_accept_border .rd-checkbox {
	margin-left: 0;
	width: 18px !important;
	display: inline-block !important;
}

.agb_block #agb_accept_border {
	text-align: left;
	display: grid;
	grid-template-columns: 30px auto;
	align-items: center;
}

.agb_block #agb_accept_border label a {
	color: var(--rd-secondary-active);
}

.agb_block {
	border-radius: var(--x-sm, 8px);
	border: 1px solid var(--Primary-Inactive, #ccc);
	background: var(--Base-Colors-fg-bg, #f2f6fa);
	padding: 40px;
	text-align: center;
}

.btn-label-short {
	display: none;
}

.btn-label-mid {
	display: block;
}

.proPackageNote {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 24px;
	text-align: center;
}

.features-box-desktop+label {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.features-box-desktop+label::after {
	height: 12px;
	width: 13px;
}

.largeClientPrice {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 28px;
	text-align: center;
	color: var(--rd-primary-active);
	margin-top: 60px;
	margin-bottom: 74px;
}

/* features-box-mobile */
.features-box-mobile {
	display: none;
}

.features-box-desktop {
	display: block;
	margin-top: var(--rd-spacing-xxx-big);
}

.features-box-mobile table {
	border: none;
}

.features-box-mobile .features-box-section-head {
	display: block;
	padding: var(--rd-spacing-x-big) 0 var(--rd-spacing-md) var(--rd-spacing-xx-sm);
	cursor: pointer;
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 26px;
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	text-align: left;
}

.features-box-mobile .features-box-section[data-section-state="closed"] .features-box-section-features {
	display: none;
}

.features-box-mobile table,
.features-box-mobile tbody {
	width: 100%;
	display: table;
}

.features-box-mobile .btr-title,
.features-box-mobile .btr-cont {
	border: none;
}

.features-box-mobile table tbody td:nth-child(1) {
	white-space: normal;
	margin-left: var(--rd-spacing-xx-sm);
	/* width: 295px; */
}

.features-box-mobile .filter_tabs {
	text-align: left;
}

.features-box-mobile .tab_filter ul {
	box-shadow: none;
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding: 0;
}

.features-box-mobile .tab_filter ul li a {
	font-weight: var(--rd-fontweights-open-sans-0);
}

.features-box-mobile .aktiv a:after,
.features-box-mobile .tab_filter ul li a:hover:after {
	background-color: var(--rd-primary-active);
}

.features-box-mobile .tab_filter ul li {
	width: 30%;
	font-weight: var(--rd-fontweights-open-sans-0);
	text-align: center;
	margin-right: 0;
}

.features-box-buyButtonWrap {
	text-align: left;
}

.features-box-mobile .features-box-section-head-label::after {
	content: "";
	display: inline-flex;
	height: 20px;
	width: 20px;
	background-image: url(/src/img/2021/svg/Arrow_down.svg);
	background-size: 100%;
	float: right;
	margin-right: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-x-sm);
}

.slider-outdiv:after {
	background-repeat: no-repeat;
}

input#all-fetures:checked~#all-fetures-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contractPackages[data-is-new-customer="false"] {
	justify-content: flex-start;
}

.contractPackages[data-is-new-customer="false"]+.features-box {
	width: 1100px;
}

/* .rd-bonus-switch-wrap .rd-slider-row.rd-slider-row-survey-switch label {
	color: var(--rd-font-dark);
} */

@media screen and (max-width: 1200px) {
	.btn-label-short {
		display: block;
	}

	.btn-label-mid {
		display: none;
	}

	.contractPackageButtonWrap .proReminderInfo {
		display: none;
	}

	.packageSnipFeatureCardIntro {
		padding-right: var(--rd-spacing-x-big);
	}

	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice {
		margin-left: 100px;
	}

	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice::before {
		left: 44px;
	}

	.features-box .header-tr .big-title {
		width: 35%;
	}

	.contractPackages {
		display: grid;
		grid-template-areas: "one two" "three three" !important;
		justify-content: center !important;
	}

	.kaufen2022 pc-contracts-app {
		display: grid;
	}

	.rd-contract-intermediate-form {
		grid-template-columns: 1fr 2fr;
	}

	.bestelen_flex {
		grid-template-areas:
			"LEFT"
			"RIGHT";
		grid-auto-columns: 100%;
	}
}

@media screen and (max-width: 990px) {
	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice {
		margin-left: var(--rd-spacing-xxx-lg);
	}

	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice::before {
		left: 34px;
	}

	.features-box .header-tr .big-title {
		width: 40%;
	}

	.contractPackages[data-is-new-customer="false"] {
		justify-content: center;
	}

	.contractPackages[data-is-new-customer="false"]+.features-box {
		width: auto;
	}

	.contractPackages {
		margin-top: var(--rd-spacing-lg);
	}

	.costCutting p {
		margin-top: 0 !important;
	}

	.rd-contract-inter-packageblock .contractPackagePrice {
		font-size: var(--rd-fontsize-14);
	}
}

@media screen and (max-width: 900px) {
	.contractPackages[data-is-new-customer="true"] {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.contractPackages .button.regular {
		width: fit-content !important;
		margin: auto;
		padding: var(--rd-spacing-x-sm) 72px !important;
	}

	.contractPackageFeature {
		padding-left: 0;
		display: block;
		margin-bottom: var(--rd-spacing-x-sm);
		margin-right: var(--rd-spacing-xxx-big);
	}

	.contractPackageFeature::before {
		position: initial;
		left: 0;
		margin-right: var(--rd-spacing-x-sm);
	}

	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice {
		margin-left: var(--rd-spacing-x-big);
		text-align: center;
	}

	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice::before {
		left: 241px;
		top: 98px;
	}

	.features-box {
		width: auto;
	}

	.features-box table {
		display: inline-table;
	}

	.features-box .small-title {
		width: unset !important;
		text-align: center;
	}

	.contractPackagePrice span {
		position: relative;
		padding-left: var(--rd-spacing-x-big);
	}

	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice span::before {
		content: "";
		display: inline-block;
		background-image: url(/src/img/2021/svg/Flying-Objects.svg);
		background-size: 100%;
		width: 40px;
		height: 111px;
		vertical-align: top;
		position: absolute;
		left: -35px;
		top: -25px;
	}

	[data-isqmgloballyenabled="false"] [data-packagename="pro"] .contractPackagePrice::before {
		display: none;
	}

	.features-box-mobile table {
		display: table;
	}

	.features-box .proReminderInfo {
		display: none;
	}

	.features-box .header-tr .big-title {
		width: unset !important;
	}

	.slider-outdiv {
		width: 50%;
	}

	.contractPackageButtonWrap .proReminderInfo {
		display: block;
	}

	.contractPackage:nth-child(3) .button {
		padding: var(--rd-spacing-x-sm) var(--rd-spacing-xxx-lg) !important;
	}

	.pricing_intro {
		margin-bottom: var(--rd-spacing-lg);
	}

	.contractPackages[data-is-new-customer="false"]+.features-box {
		width: auto;
	}
}

@media screen and (max-width: 800px) {
	.rd-slider-row-survey-switch {
		margin-right: 0 !important;
	}

	.rd-bonus-switch-wrap {
		flex-direction: column;
	}

	.contractPackages {
		display: grid;
		grid-template-areas: "one" "two" "three" !important;
		justify-content: center !important;
	}
}

@media screen and (max-width: 750px) {
	.slider-outdiv {
		width: 65%;
	}

	.rd-contract-intermediate-form {
		flex-direction: column-reverse;
		/* grid-template-columns: 1fr; */
		display: flex;
	}
}

@media screen and (max-width: 700px) {
	.rd-bonus-switch-wrap {
		grid-template-columns: 100% !important;
	}

	pc-contracts-app {
		display: block;
	}

	.rd-bonus-switch-wrap .rd-slider-row .rd-label-content {
		justify-items: flex-end;
	}
}

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

	.pricing h1,
	.costCutting h1 {
		font-size: var(--rd-fontsize-9) !important;
	}

	.costCutting div {
		font-size: var(--rd-fontsize-6) !important;
	}

	.costCutting p {
		font-size: var(--rd-fontsize-5) !important;
	}
}

@media screen and (max-width: 500px) {
	/* .contractPackageFeature table tbody td[data-tooltip].hb_right:hover::before,
	.contractPackageFeature th[data-tooltip].hb_right:hover::before,
	.contractPackageFeature span[data-tooltip].hb_right:hover::before {
		right: 100%;
		top: -10% !important;
		left: unset;
	}

	.contractPackageFeature table tbody td[data-tooltip].hb_right:hover::after,
	.contractPackageFeature th[data-tooltip].hb_right:hover::after,
	.contractPackageFeature span[data-tooltip].hb_right:hover::after {
		left: -5px !important;
		right: unset !important;
	} */

	/* .features-box-mobile table tbody td:nth-child(1) {
		width: 240px;
	} */

	.features-box {
		display: grid;
	}

	.contractPackages .button.regular {
		padding: var(--rd-spacing-x-sm) !important;
		width: unset !important;
		margin-left: var(--rd-spacing-xxx-big);
		margin-right: var(--rd-spacing-xxx-big);
	}

	.contractPackages .button+.button+.button {
		padding: var(--rd-spacing-x-sm) var(--rd-spacing-xxx-lg);
	}

	.contractPackageFeatures {
		display: block;
	}

	.contractPackageButtonWrap {
		margin-bottom: var(--rd-spacing-xx-lg);
	}

	.packageSnipFeatureCardIntro {
		text-align: left;
	}

	.contractPackageFeatures {
		margin: 0;
	}

	.contractPackageFeatures {
		padding: 0 var(--rd-spacing-big) 0 var(--rd-spacing-x-big);
	}

	.features-box-buyButtonWrap {
		border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) !important;
	}

	.features-box-buyButtonWrap a {
		width: 100%;
		margin: auto;
		margin-top: var(--rd-spacing-lg);
		margin-right: var(--rd-spacing-lg);
		text-align: center;
		display: inline-block;
	}

	.features-box table {
		width: 100%;
	}

	.slider-outdiv {
		width: 100%;
	}

	.features-box label {
		margin-bottom: var(--rd-spacing-xx-lg);
		margin-top: var(--rd-spacing-sm);
	}

	.pricing_intro {
		margin-bottom: var(--rd-spacing-xx-lg);
	}

	.pagePopupWaitingListPro .formfields {
		padding: 0;
		grid-gap: 2em !important;
	}

	.pagePopupWaitingListPro .modal_dialog_mid {
		flex: unset !important;
	}

	.bestellung h1 {
		margin-bottom: var(--rd-spacing-x-sm) !important;
		line-height: 45px !important;
	}

	.street-grid {
		grid-template-columns: 79% 20% !important;
		grid-gap: var(--rd-spacing-xx-sm);
	}

	.plz-grid {
		grid-template-columns: 30% 69% !important;
		grid-gap: var(--rd-spacing-xx-sm);
	}
}

/* pricing popup */
.pagePopupWaitingListPro .modal_dialog_top_title {
	font-size: var(--rd-fontsize-11);
	margin-top: var(--rd-spacing-xxx-lg);
}

.pagePopupWaitingListPro .modal_dialog_mid {
	padding-top: var(--rd-spacing-x-sm) !important;
	padding-bottom: var(--rd-spacing-x-sm) !important;
	line-height: 29px;
}

.pagePopupWaitingListPro label.formlabel {
	display: none !important;
}

.pagePopupWaitingListPro .litui.modal_ground .formfieldrow .form_kv_key {
	margin: 0;
}

.pagePopupWaitingListPro .litui.modal_ground .formfieldrow .form_kv_value {
	margin-bottom: var(--rd-spacing-x-sm);
}

.pagePopupWaitingListPro .formfields {
	padding-top: var(--rd-spacing-x-big) !important;
}

.pagePopupWaitingListPro .formfields .formfieldrow.form_kv input[type="email"] {
	height: 54px;
	padding: 0 0 0 var(--rd-spacing-md);
}

.pagePopupWaitingListPro [data-key="close"].button {
	display: none;
}

.pagePopupWaitingListPro&gt;div.modal_dialog_bottom {
	margin: 0 var(--rd-spacing-md) var(--rd-spacing-md) var(--rd-spacing-md) !important;
}

.pagePopupWaitingListPro .modal_dialog_bottom&gt;a {
	width: 100%;
	margin: 0;
}

.pagePopupWaitingListPro .button+.button {
	margin-left: 0;
}

.pagePopupWaitingListPro .modal_dialog_closelink {
	right: 41.5px;
	top: 40px;
	background-image: url(/src/img/2021/svg/close.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
}

.kaufen2022 .remainingDemoInfo {
	background-color: var(--rd-font-light);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding: var(--rd-spacing-x-big) var(--rd-spacing-md);
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	width: 100%;
	max-width: 1133px;
	border-radius: var(--rd-borderradius-border-md);
}

.kaufen2022 .pricing_intro_headline {
	text-align: center;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 30px;
	text-align: center;
	padding-top: var(--rd-spacing-x-big);
	padding-bottom: var(--rd-spacing-x-sm);
	width: 100%;
	max-width: 1133px;
}

.kaufen2022 .pricing_intro {
	color: var(--cl-dark-text);
	margin-bottom: var(--rd-spacing-md);
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	text-align: center;
	width: 100%;
	/* max-width: 1133px; */
}

.kaufen2022 .features-box label {
	font-size: var(--rd-fontsize-4);
	margin-top: var(--rd-spacing-md);
}

.kaufen2022 .pcBuyUserCountWrap {
	background-color: var(--rd-font-light);
	padding-top: var(--rd-spacing-x-big);
	text-align: center;
	min-height: 217px;
	width: 100%;
	border-radius: var(--rd-borderradius-border-md);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	max-width: 1112px;
}

.kaufen2022 .features-box {
	width: 100%;
}

.kaufen2022 .contractPackages[data-is-new-customer="true"] {
	margin-top: var(--rd-spacing-x-big);
	justify-items: center;
}

/* .kaufen2022 .mainframe&gt;section .center{
	padding-left: 15px;
	padding-right: 22px;
}
*/

.kaufen2022 .container {
	margin-left: 0 !important;
}

.kaufen2022 .contractPackageFeature {
	font-size: var(--rd-fontsize-4);
	line-height: 24px;
	color: var(--rd-font-dark);
}

.kaufen2022 .contractPackage {
	padding-bottom: var(--rd-spacing-lg);
}

.kaufen2022 .contractPackageLicenseInfo {
	margin-bottom: var(--rd-spacing-lg);
}

.kaufen2022 .packageSnipFeatureCardIntro {
	margin-top: var(--rd-spacing-x-lg) !important;
}

.kaufen2022 .contractPackages .button.regular {
	margin: 0 var(--rd-spacing-xxx-big) 0;
}

.kaufen2022 .packageSnipFeatureCardIntro {
	padding-left: var(--rd-spacing-xxx-big);
}

.kaufen2022 .contractPackageFeatures {
	padding: 0 var(--rd-spacing-xxx-big) 0;
}

.kaufen2022 .contractPackageFeature::before {
	left: 31px;
	margin-top: var(--rd-spacing-xx-sm);
}

.kaufen2022 .contractPackageFeature {
	padding-left: var(--rd-spacing-xxx-big);
}

.kaufen2022 [data-packagename="pro"]::after {
	background-image: url(/src/img/2021/svg/Sleeve_New_3D.svg);
	right: -26px;
	top: -26px;
}

.kaufen2022 [data-packagename="basic"] .button {
	/* background-color: var(--rd-font-light ); */
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	color: var(--rd-font-light);
}

.kaufen2022 .button:hover {
	background: var(--cl-asphalt-blue) !important;
	border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue) !important;
}

.kaufen2022 legend {
	font-size: var(--rd-fontsize-8);
	line-height: 28px;
	font-weight: var(--rd-fontweights-open-sans-0);
}

.kaufen2022 .kf_userdata label {
	margin-bottom: 0;
}

.kaufen2022 .disabled_input {
	margin-bottom: var(--rd-spacing-x-sm);
}

.kaufen2022 .kfu_adress {
	line-height: 24px;
}

.kaufen2022 #agb_accept_border {
	margin-top: var(--rd-spacing-lg);
}

/* .kaufen2022 #agb_accept_border input{
	height: 30px;
  	width: 30px;
	border: 1px solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
} */

.kaufen2022 #agb_accept_border label[for="agb_accept"] {
	font-size: var(--rd-fontsize-5);
}

.kaufen2022 .input-append.date input[type="text"] {
	width: 165px;
}

.kaufen2022 .kf_userdata input,
.kaufen2022 .kf_userdata .disabled_input {
	width: 100%;
	max-width: 460px;
}

.kaufen2022 .submitBtnWrap .button {
	width: 100%;
	max-width: 460px;
}

.kaufen2022 img {
	width: 100%;
}

.kaufen2022 .kf_licens,
.kaufen2022 .pricing_box {
	background-color: var(--rd-font-light);
}

.kaufen2022 .kaufen_grid {
	width: 100%;
	max-width: 1132px;
}

.kaufen2022 .bill_info {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
}

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

/* .kaufen2022 .kf_userdata .kfu_adress + label + div {
  margin-top: -16px !important;
} */

.kaufen2022 .kf_userdata {
	padding: var(--rd-spacing-lg) var(--rd-spacing-x-big);
}

.kaufen2022 .contractPackage[data-packagename="livePlus"][data-isactive="false"] {
	background-color: var(--rd-font-light);
}

.kaufen2022 .contractPackage[data-packagename="pro"][data-isactive="false"] {
	background-color: #26456d;
}

.kaufen2022 .contractPackage[data-packagename="pro"] {
	background-color: #26456d;
}

.kaufen2022 .contractPackage[data-packagename="pro"]&gt;div,
.kaufen2022 .contractPackage[data-packagename="pro"] .contractPackageFeatures&gt;div {
	color: white;
}

#test_tage {
	color: var(--rd-primary-active);
}

#agb_accept_border input,
#agb_accept_border label {
	display: inline;
	width: auto;
}

#agb_accept_border label a {
	color: var(--rd-primary-active);
}

#agb_accept_border {
	margin-bottom: var(--rd-spacing-xxx-big);
}

.user_return {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 31px;
	text-align: center;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-sm);
}

.user_return #user_count {
	padding: 0;
	border: 0;
	background-image: none;
	color: var(--rd-primary-active);
}

.preis_return {
	margin-bottom: var(--rd-spacing-x-big);
}

.preis_return&gt;span:nth-child(1) {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 36px;
	text-align: center;
	color: var(--rd-font-dark);
}

.preis_return #gesamt_summe {
	color: var(--rd-primary-active);
}

.preis_return&gt;span:nth-child(2) {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 27px;
	color: var(--cl-dark-text);
}

/* .kaufen2022 #agb_accept_border input,
.kaufen2022 #agb_accept_border label[for="agb_accept"] {
	display: inline-block !important;
} */

/* @media screen and (max-width: 1200px) {
  .kaufen2022 .mainframe &gt; section .center {
    padding-right: 30px !important;
  }
} */

@media screen and (max-width: 900px) {
	.kaufen2022 .contractPackages .button.regular {
		margin: auto;
	}

	.kaufen2022 .contractPackageFeature {
		line-height: 28px;
	}
}

@media screen and (max-width: 750px) {
	.kaufen2022 .kf_userdata {
		padding: var(--rd-spacing-x-big);
	}

	.submitBtnWrap {
		text-align: center;
	}
}

@media screen and (max-width: 750px) {
	.features-box-mobile {
		display: block;
	}

	.features-box .afc-title,
	.features-box .afc-sub-title {
		display: none;
	}

	.features-box-desktop {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.kaufen2022 .slider-outdiv {
		width: 90%;
	}

	.kaufen2022 .contractPackageFeature {
		padding-left: 0;
	}

	.kaufen2022 .contractPackages .button.regular {
		margin: 0 var(--rd-spacing-xxx-big) 0;
	}

	.kaufen2022 .mainframe&gt;section .center {
		padding: 0 var(--rd-spacing-sm) !important;
	}

	.kaufen2022 .kf_userdata {
		padding: var(--rd-spacing-xx-big) var(--rd-spacing-md);
	}

	.kaufen2022 .kf_licens {
		padding: var(--rd-spacing-big) var(--rd-spacing-md);
	}
}

.rd-slider-info-arrow {
	position: absolute;
	top: -111px;
	right: -80px;
}

.rd-slider-info-arrow .rd_text_info_caveat_box {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	z-index: 1;
	position: relative;
}

.rd-slider-info-arrow .rd_text_info_caveat_pfeil {
	top: 60px;
	left: 24px;
	position: absolute;
	z-index: 0;
}

.contractPackageProLabel.Pink {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background-color: var(--rd-secondary-active);
	color: var(--rd-list-default-light);
	padding: var(--rd-spacing-sm);
	z-index: 0;
	height: 47px;
	display: none;
}

/* .rd-slider-row.rd-slider-row-survey-switch label {
	color: rgba(13, 17, 48, 0.3);
} */

.rd-slider-row-survey-switch .rd-label-content {
	margin-top: 2px !important;
}

.rd-slider-row-survey-switch .rd-checkbox.disabeld {
	opacity: 0.5;
}

.costCutting h1 {
	margin-top: var(--rd-spacing-xx-big) !important;
	margin-bottom: var(--rd-spacing-md) !important;
	font-size: var(--rd-fontsize-11) !important;
	line-height: var(--rd-lineheights-0) !important;
}

.costCutting div {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.22px;
	color: var(--rd-font-dark);
}

.costCutting .semibold {
	font-weight: var(--rd-fontweights-open-sans-1);
	margin-bottom: 0;
}

.costCutting p {
	font-size: var(--rd-fontsize-6);
	line-height: 29px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xxx-big);
	margin-top: var(--rd-spacing-huge);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.costCutting img {
	width: 100%;
}

.costCutting span {
	color: var(--rd-primary-active);
}

.costCutting {
	margin-bottom: var(--rd-spacing-xx-huge);
}

.costCutting .grid {
	display: grid;
	gap: 80px;
	grid-template-columns: 60% 40%;
	width: calc(100% - 80px);
	text-align: left;
	margin-bottom: 0;
	margin-top: var(--rd-spacing-xx-lg);
}

.rd-slider-row.rd-slider-row-bonus-switch,
.rd-slider-row.rd-slider-row-survey-switch {
	border: 1px solid var(--Gray-Dark-Gray-400, #ccc);
	background: var(--rd-font-light);
	box-shadow: 0px 1px 2px 0px rgba(15, 15, 16, 0.05);
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
	align-items: center;
	justify-content: end;
	margin-bottom: 0 !important;
	position: relative;
	gap: 24px !important;
	border-radius: 4px;
}

.rd-bonus-switch-wrap pc-tooltip.info {
	margin-left: var(--rd-spacing-xx-sm);
}

.rd-bonus-switch-wrap .rd-label-content label {
	font-size: var(--rd-fontsize-6);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.18px;
}

.rd-bonus-switch-wrap .rd-label-content {
	align-items: center;
}

.rd-bonus-switch-wrap .rd-slider-row .rd-label-content {
	margin-top: 0;
	align-self: center;
}

.rd-bonus-switch-wrap {
	display: grid;
	grid-template-columns: 49% 49%;
	gap: 24px;
}

.rd-bonus-switch-wrap .rd-slider-row .rd-input-content {
	width: 56px !important;
}

.contractPackageFeature.rd-icon-zauberstab::before{
	background-image: none;
	background-color: #8F9DAE;
}

@media screen and (max-width: 750px) {
	.costCutting .grid {
		grid-template-columns: 100%;
		width: 100%;
		gap: 40px;
	}

	.rd-bonus-switch-wrap .rd-label-content label {
		font-size: var(--rd-fontsize-4);
		font-weight: var(--rd-fontweights-open-sans-1);
	}

	.rd-slider-row.rd-slider-row-bonus-switch,
	.rd-slider-row.rd-slider-row-survey-switch {
		padding: 16px !important;
	}
}

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

	.rd-slider-row.rd-slider-row-bonus-switch,
	.rd-slider-row.rd-slider-row-survey-switch {
		justify-content: space-between !important;
	}
}





/*----------------------------------------*/
/* FILE: CoreUI.css */
/*----------------------------------------*/

pc-ff-multi-or-all-select,
pc-ff-category-instruction-chooser {
	width: 40em;
	display: block;
}

pc-ff-multi-or-all-select .catchooser_cats_wrap {
	height: auto;
	max-height: 20em;
	padding-top: 0.65em;
}

[data-form_kv_type="multiOrAllSelect"]&gt;.form_kv_key {
	display: none !important;
}

pc-ff-multi-or-all-select-popup,
pc-ff-userchooser-popup,
pc-ff-category-instruction-chooser-popup,
.rd-treeview-popup-input {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-gray);
	border-radius: var(--rd-borderradius-border-md);
	display: block;
	line-height: 1.5em;
	padding: 0.3em var(--rd-spacing-x-sm);
}

pc-ff-multi-or-all-select-popup a,
pc-ff-userchooser-popup a,
pc-ff-category-instruction-chooser-popup a,
pc-ff-enum,
.rd-treeview-popup-input a {
	display: block;
	color: var(--cl-dark-grey);
}

pc-ff-multi-or-all-select-popup:hover,
pc-ff-userchooser-popup:hover,
pc-ff-category-instruction-chooser-popup:hover,
.rd-treeview-popup-input:hover,
.pcDesignControls select:hover {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	/* border: 1px solid var(--cl-dark-grey); */
}

pc-quick-component {
	display: block;
}

pc-ff-multi-or-all-select-popup::after,
pc-ff-userchooser-popup::after,
pc-ff-category-instruction-chooser-popup::after,
.rd-treeview-popup-input::after,
.pcDesignControls pc-ff-enum::after {
	content: "";
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 10px;
	/* color: var(--cl-dark-grey);
  font-size: var(--rd-fontsize-4); */
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowDown.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowDown.svg);
	width: 15px;
	height: 15px;
	background-color: var(--rd-font-dark);
}

.pc_referentSelector_wrap {
	display: block;
	position: relative;
	display: grid;
	grid-template-columns: auto 36px;
	gap: var(--rd-spacing-x-sm);
}

.pc_referentSelector_wrap select {
	width: 100%;
	padding: var(--rd-spacing-x-sm);
	border-radius: var(--rd-borderradius-border-md);
}

.pcDesignControls select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	/* border: 1px solid var(--cl-light-green); */
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-gray);
	display: block;
	line-height: 1.5em;
	padding: 0.3em var(--rd-spacing-x-sm);
	padding-bottom: var(--rd-spacing-xx-sm) !important;
}

pc-wizard {
	display: block;
}

pc-json pre {
	overflow: auto;
	font-size: var(--rd-fontsize-3);
	line-height: 1.25em;
	color: var(--cl-asphalt-blue);
}

.pcx_wizard_progressbar {
	width: 100%;
	height: 4px;
	/* border: 1px solid var(--cl-dark-grey); */
	position: relative;
	margin-top: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-md);
	/* position: relative; */

	display: none !important;
}

.pcx_wizard_progressbar::after {
	content: " ";
	background: var(--cl-light-grey);
	width: 100%;
	height: 1px;
	left: 0;
	top: 1px;
	position: absolute;
	z-index: 0;
}

.pcx_wizard_progressbar_inner {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: var(--cl-deep-green);
	transition: all 250ms cubic-bezier(0.77, 0, 0.18, 1);
	z-index: 1;
}

.pcx_progressgroups {
	display: flex;
	justify-content: space-between;
	padding: var(--rd-spacing-x-sm) 0px 9px 0px;
	box-shadow: 0 0 10px 0 rgba(63, 63, 68, 0.5);
	/* height: 52px; */
	position: relative;
	background: var(--rd-font-light);
}

.pcx_progressgroups::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	right: 0;
	height: 2px;
	background: #dfe3e8;
	z-index: 0;
}

.pcx_progressgroup {
	font-size: var(--rd-fontsize-5);
	color: var(--cl-asphalt-blue);
	position: relative;
	display: flex;
	background: var(--rd-font-light);
	z-index: 1;
	padding-left: var(--rd-spacing-xx-lg);
	padding-right: var(--rd-spacing-xx-lg);
}

.pcx_progressgroup:first-of-type {
	padding-left: var(--rd-spacing-sm);
}

.pcx_progressgroup:last-of-type {
	padding-right: var(--rd-spacing-sm);
}

.modal_dialog.wizard .pcx_progressgroups {
	/* display:none; */
	box-shadow: none;
}

/* .modal_dialog.wizard .pcx_progressgroups::after {
  display: none;
} */

.modal_dialog.wizard .pcx_wizard_progressbar {
	display: block !important;
}

.modal_dialog.wizard.singleSlide .pcx_wizard_progressbar {
	display: none !important;
}

.pcx_progressgroup .pcx_progressgroup_bubble {
	/* content: ""; */
	width: 32px;
	height: 32px;
	display: block;
	/* position: absolute; */
	/* left: -34px; */
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
	background-color: var(--cl-light-grey);
	text-align: center;
	font-size: var(--rd-fontsize-4);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--cl-dark-gray);
	margin-right: var(--rd-spacing-x-sm);
}

.pcx_progressgroup_label {
	font-size: var(--rd-fontsize-4);
	line-height: 32px;
	white-space: nowrap;
}

.pcx_progressgroup[data-current="true"] .pcx_progressgroup_bubble {
	background-color: var(--rd-primary-active);
	color: var(--rd-font-light);
}

.pcx_progressgroup[data-complete="true"] .pcx_progressgroup_bubble {
	background-color: var(--cl-deep-green);
	background-image: url("/src/img/svg/af/check-white.svg");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}

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

.pclib_dynformwrap .fromoverlay,
.pclib_dynformwrap .bgform {
	position: fixed;
}

.gencertselform {
	margin-top: var(--rd-spacing-md) !important;
}

.gencertselform .cert_select {
	text-align: center;
	margin-top: var(--rd-spacing-lg);
	max-height: 65vh;
	overflow: auto;
}

/* [data-form_kv_type="certificateTemplate"]  */

.pcx_timevalue {
	display: grid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	grid-template-columns: 36px 6em 36px;
}

.pcx_timevalue_decrease,
.pcx_timevalue_increase {
	display: inline-block;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	background-image: url("/src/img/svg/af/chevron-right-gray.svg");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	color: var(--rd-font-dark);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.pcx_timevalue input {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) !important;
	border-radius: var(--rd-borderradius-border-none) !important;
	text-align: center;
}

.pcx_timevalue_increase {
	border-left: none;
}

.pcx_timevalue_decrease {
	background-image: url("/src/img/svg/af/chevron-left-gray.svg");
	border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.modal_dialog_top_title,
.pcx_success_dialog_title {
	/* margin-left: 2.25em; */
	/* padding-top: 1.5em; */
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	background: var(--cl-light-green);
	position: relative;
	display: block;
	z-index: 1;
	padding-bottom: var(--rd-spacing-x-sm);
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: var(--rd-fontsize-8);
	line-height: 36px;
	color: var(--cl-asphalt-blue);
	background: transparent;
	margin-top: var(--rd-spacing-md);
}

.pcx_success_dialog {
	text-align: center;
}

.pcx_success_dialog_title {
	margin-bottom: var(--rd-spacing-x-sm);
}

.pcx_success_dialog_wrap .modal_dialog_bottom {
	display: none;
}

.pcx_success_dialog_wrap .modal_dialog_mid {
	min-width: 24em;
}

.pcx_success_dialog_closelink a {
	color: var(--rd-font-dark);
	text-decoration: underline;
	display: block;
	margin-top: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-md);
}

.pcx_success_dialog_icon {
	height: 42px;
	background: url(/src/img/svg/check_in_circle.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 36px;
}

.pcx_success_dialog_body {
	line-height: 1.75em;
}

.pcx_arrayvalue_itemwrap {
	margin-bottom: var(--rd-spacing-x-sm);
	padding: var(--rd-spacing-md);
	position: relative;
	background-color: var(--cl-error);
	background-color: var(--cl-light-blue);
	padding-bottom: 0;
}

.pcx_arrayvalue_itemwrap .formfields {
	padding: 0;
}

.pcx_arrayvalue_removelink {
	position: absolute;
	right: 1em;
	text-align: 0;
	top: 1.25em;
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--cl-dark-grey);
	display: block;
	z-index: 1;
}

.pcx_datetimevalue_readonly {
	font-family: monospace;
	font-size: var(--rd-fontsize-4);
	color: var(--cl-ocean-blue);
}

[data-form_kv_type="hiddenID"] {
	display: none !important;
}

.pcx_picvalue_addlink {
	display: inline-block;
	/* width: 1.75em; */
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	color: var(--rd-font-dark);
	line-height: 1.75em;
	border: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30);
	margin-right: var(--rd-spacing-xx-sm);
	background: linear-gradient(180deg, var(--cl-deep-green) 0%, var(--cl-deep-green) 100%);
	margin-bottom: var(--rd-spacing-x-sm);
	padding: 0em var(--rd-spacing-x-sm);
}

.pcx_picvalue_preview {
	min-height: 256px;
	background-image: url(/src/img/svg/cloudicon1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #dfe3e8;
}

.pcx_picvalue_preview.notEmpty {
	background-size: cover;
}

.pcx_picvalue_addlink span {
	/* font-size: 20px; */
	/* font-weight: bold; */
	color: var(--rd-font-light);
	/* font-family: monospace; */
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.pcx_arrayvalue_ctrl {
	margin-bottom: var(--rd-spacing-x-sm);
}

/*  */

.pcx_picvalue {
	/* display: grid;
  grid-template-columns: auto 9em;
  gap: 1em; */

	cursor: pointer;
}

/* .pcx_picvalue_preview img {
  width: 100%;
} */

.pcx_picvalue_urlwrap {
	display: grid;
	grid-template-columns: 60% auto;
	gap: var(--rd-spacing-md);
	width: 100%;
	/* border: 1px solid rebeccapurple; */
}

.pcx_picvalue_urlwrap a.button {
	text-align: center;
}

.tox.tox-tinymce {
	max-width: 100% !important;
}

.pcx_htmlvalue_wrap_compact_true .tox .tox-tbtn {
	height: 28px;
	/* width: 28px; */
}

.pcx_htmlvalue_wrap_compact_true .tox-toolbar__group:nth-of-type(1) {
	display: none;
}

pc-ff-html[data-fullscreen="true"] .simditor,
pc-ff-html[data-fullscreen="true"] .simditor-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	background: var(--rd-font-light);
	bottom: 0;
	height: 100%;
	overflow: auto;
	max-width: unset;
	max-height: unset;
	z-index: 1;
}

pc-ff-html[data-fullscreen="true"] .simditor-wrapper {
	position: absolute;
}

.simditor-icon-fullscreen {
	background: url("/src/img/svg/af/arrows-alt_gray.svg");
	width: 100%;
	height: 100%;
	display: block !important;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px;
}

.tox.tox-tinymce.tox-fullscreen .tox-toolbar__group:nth-of-type(1) {
	display: flex;
}

.tox-fullscreen .modal_ground.litui {
	z-index: 1000;
}

.formfieldrow.form_kv[data-form_kv_type="datetime"]&gt;.form_kv_value .input-append.datetime {
	opacity: 0;
	transition: opacity 200ms ease-out;
}

.formfieldrow.form_kv[data-form_kv_type="datetime"]&gt;.form_kv_value [data-dateisempty="false"] .input-append.datetime {
	opacity: 1;
}

[data-form_kv_type="date"] .add-on.icon-calendar,
[data-form_kv_type="datetime"] .add-on.icon-calendar {
	right: 10px;
}

.litui.modal_ground .formfieldrow .formlabel,
.litui.modal_ground .formfieldrow .form_kv_key,
.litui.modal_ground .form_kv {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
}

.litui.modal_ground {
	z-index: 1332;
}

[data-modalgroup="pcFilemanagerPopup"].litui.modal_ground {
	z-index: 13999;
}

.litui.modal_ground .formfieldrow .form_kv_key {
	margin-top: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-xx-sm);
}

.litui.modal_ground .formfieldrow .form_kv_value {
	margin-bottom: var(--rd-spacing-md);
}

.litui.modal_ground .formfieldrow.form_kv[data-form_kv_type="headline"],
.litui.modal_ground .formfieldrow.form_kv[data-form_kv_type="subheadline"] {
	border-bottom: none;
}

[data-form_kv_type="bigheadline"]&gt;div {
	font-size: var(--rd-fontsize-11);
	line-height: 36px;
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-md);
}

[data-form_kv_type="subheadline"]&gt;div {
	font-size: var(--rd-fontsize-5);
	line-height: 29px;
	color: var(--cl-asphalt-blue);
}

[data-form_kv_type="introText"]&gt;div {
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	color: var(--cl-asphalt-blue);
	margin-bottom: var(--rd-spacing-md);
}

.pcx_checkbox .dcle_name {
	width: calc(100% - 40px);
	display: inline-block;
}

.pcx_checkbox .dcle_name&gt;label {
	width: 100%;
	display: inline-block;
	cursor: pointer;
}

.pcx_checkbox:hover {
	background: var(--cl-light-green);
}

.pcx_checkbox.pcx_checkbox_disabled_true .dcle_cb label::before {
	border: var(--rd-borderwidth-border-default) solid var(--cl-dark-grey);
	background-color: var(--cl-dark-grey);
}

.pcx_checkbox_disabled_true label {
	color: var(--cl-light-grey);
}

.pcx_iconalert {
	/*padding: var(--rd-spacing-md);
	display: block;
	 display: grid;
	grid-template-columns: var(--rd-spacing-xx-lg) auto var(--rd-spacing-xx-lg); */
}

.pcx_iconalert_msg {
	font-size: var(--rd-fontsize-11);
	text-align: center !important;
	/* padding: var(--rd-spacing-x-sm) var(--rd-spacing-xxx-big); */
	padding:0 var(--rd-spacing-x-huge);
	max-width: 42em;
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: normal;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xxx-big);

}

.modal_dialog .pcx_iconalert_msg {
	text-align: left;
}

/* .pcx_iconalert_icon {
	mask-image: url("/src/img/svg/info_icon.svg");
	-webkit-mask-image: url("/src/img/svg/info_icon.svg");
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center top;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	background: var(--rd-primary-active);
	max-width: 3em;
}

.pcx_iconalert_icon.confirm {
	mask-image: url("/src/img/svg/frageicon.svg");
	-webkit-mask-image: url("/src/img/svg/frageicon.svg");
} */



/* .rd-optHTML-result .pcx_iconalert_msg h4::before {
	content: "";
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	margin-right: 4px;
	height: 30px;
	width: 30px;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	align-self: center;
	mask-image: url("/src/img/2024/svg/icons/rd-icon-zauberstab.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-zauberstab.svg");
}

.rd-optHTML-result .pcx_iconalert_msg h4 {
	display: grid;
	grid-template-columns: 35px auto;
	line-height: 1.25em;
} */

.rd-optHTML-result .pcx_iconalert_msg h4 {
	line-height: 1.25em;
}

.rd-optHTML-result .pcx_iconalert_icon.confirm {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-zauberstab.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-zauberstab.svg");
}

.rd-opt-html-ainote {
	font-style: italic;
	text-align: right;
	font-size: 14px;
}

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

pc-option-matrix table th {
	writing-mode: vertical-rl;
	vertical-align: top;
	transform: rotate(180deg) translate(10px);
	padding: var(--rd-spacing-sm) 0;
	min-width: 2em;
}

pc-option-matrix table th div {
	word-wrap: break-word;
	line-height: 1em;
	padding: 0;
}

pc-option-matrix table td {
	text-align: center;
}

pc-option-matrix table [data-isFocus="true"] {
	background: beige;
}

pc-option-matrix table .optionMatrixRowLabel {
	font-weight: var(--rd-fontweights-open-sans-0);
	text-align: right;
	padding-right: var(--rd-spacing-sm);
}

pc-option-matrix table .dcle_cb label {
	vertical-align: unset;
	margin: 0;
	width: 18px;
	height: 18px;
	margin-top: var(--rd-spacing-xx-sm);
}

@media (max-width: 900px) {
	.pcx_progressgroup:first-of-type {
		padding-left: var(--rd-spacing-xx-sm);
	}

	.pcx_progressgroup:last-of-type {
		padding-right: var(--rd-spacing-xx-sm);
	}

	.pcx_progressgroup {
		padding-right: var(--rd-spacing-xx-sm);
		padding-left: var(--rd-spacing-xx-sm);
	}

	.pcx_progressgroups::after {
		display: none !important;
	}

	.litui .modal_dialog {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		max-height: 100vh;
		width: 100vw;
		height: 100vh;
	}

	.litui .modal_dialog_mid {
		flex: 1;
		max-width: 100%;
		min-width: 100%;
		box-sizing: border-box;
	}

	.litui.modal_ground .modal_dialog {
		max-width: 100vw;
		max-height: 100vh;
		height: calc(100vh - 50px);
		box-shadow: none;
	}
}

.rd-app .litui.modal_ground .modal_dialog {
	height: 100%;
}

@media (max-width: 900px) {
	.pcx_iconalert {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: var(--rd-spacing-xxx-big);
	}

	.pcx_iconalert_icon {
		height: 50px;
		width: 50px;
	}

	.pcx_iconalert_msg {
		padding: 0  !important;
	}
}





/*----------------------------------------*/
/* FILE: Counter.css */
/*----------------------------------------*/

.rd_counter_option {
	display: grid;
	grid-template-columns: 87px 24px 87px;
	align-items: center;
	margin-bottom: 17px;
}

.rd_counter_content:first-child .rd_seperator_be {
	border: 2px solid var(--rd-list-default-dark);
}

.rd_counter_content:last-child .rd_seperator_af {
	border: 2px solid var(--rd-list-default-dark);
}

.rd_counter input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--rd-font-light);
	margin: 0;
	width: 24px;
	height: 24px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: 50%;
	place-content: center;
	text-align: center;
	cursor: pointer;
}

.rd_counter input[type="radio"]::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background-color: var(--rd-success-default);
}

.rd_counter input[type="radio"]:checked::before {
	transform: scale(1);
}

.rd_counter {
	display: flex;
	position: relative;
	padding: var(--rd-spacing-md) 0;
	text-align: center;
	justify-content: center;
}

.rd_counter input[type="radio"]:checked + label::before {
	border: var(--rd-borderwidth-border-default) solid var(--rd-success-default);
}

.rd-pfdgi-label-input-grid:last-child {
	margin-bottom: var(--rd-spacing-x-big);
}

.rd_counter[data-selected="Mittel"] .rd_counter_content:nth-child(1) .rd_seperator_af,
.rd_counter[data-selected="Mittel"] .rd_counter_content:nth-child(2) .rd_seperator_be {
	border: 2px solid var(--rd-success-default);
}

.rd_counter[data-selected="Schwer"] .rd_seperator_af,
.rd_counter[data-selected="Schwer"] .rd_seperator_be {
	border: 2px solid var(--rd-success-default);
}

.rd_counter[data-selected="Schwer"] .rd_counter_content:nth-child(1) .rd_seperator_be,
.rd_counter[data-selected="Schwer"] .rd_counter_content:nth-child(3) .rd_seperator_af {
	border: 2px solid var(--rd-list-default-dark);
}

.rd_counter_title p {
	margin-bottom: 0;
}

.rd_counter_title p:first-child {
	font-size: var(--rd-fontsize-4);
	line-height: 18px;
	color: var(--rd-font-dark);
}

.rd_counter_title p {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-3);
	color: var(--rd-input-hover);
}

.rd_counter .rd_seperator_af,
.rd_counter .rd_seperator_be {
	display: inline-block;
	width: 87px;
	border: 2px solid var(--rd-success-inactive);
	height: 2px;
	-webkit-mask-image: none;
	mask-image: none;
}

#instructionForm .rd_counter_content:last-child .rd_seperator_af,
#instructionForm .rd_counter_content:first-child .rd_seperator_be {
	border: 2px solid var(--rd-font-light) !important;
}

@media screen and (max-width: 800px) {
	.rd_counter_option {
		grid-template-columns: auto 24px auto;
	}

	.rd_counter .rd_seperator_af,
	.rd_counter .rd_seperator_be {
		width: 100%;
	}
}






/*----------------------------------------*/
/* FILE: CourseView.css */
/*----------------------------------------*/

.newcoursepopup .fromoverlay {
	z-index: 10000000;
}

.newadd .content_navi_top a+span {
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--cl-blue-grey);
}

.newadd .content_navi_top a+span:before {
	content: "|";
	display: inline-block;
	margin: 0 var(--rd-spacing-xx-sm);
}

.newadd h1 {
	margin-bottom: var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 38px;
}

.newadd .aktive .ah_e_bullet {
	background-color: var(--rd-primary-active);
}

.newadd .addkursform legend {
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-md);
}

.newadd .til_title {
	color: var(--rd-font-dark);
}

.newadd .til_desc {
	display: block;
}

.rem_att {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin-left: var(--rd-spacing-xx-sm);
	height: 18px;
	width: 20px;
	mask-image: url(/src/img/svg/trashcan.svg);
	-webkit-mask-image: url(/src/img/svg/trashcan.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
}

.newadd .addfileplusinput {
	display: block;
}

.newadd .addfileplusinput&gt;div,
.newadd .addfileplusinput&gt;label {
	display: inline-block;
	vertical-align: top;
}

.newadd .addfileplusinput&gt;label {
	float: right;
}

.newadd .addfileplusinput&gt;div {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-sm);
	max-width: unset;
	width: 62%;
}

.newadd .afpi_text {
	margin-right: 5px;
	display: inline-block;
}

.newadd .catrgory_list input:checked+label {
	box-shadow: none;
	border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
}

.newadd .category_text {
	width: 80%;
	vertical-align: top;
}

.newadd .category_chekbox {
	margin-top: var(--rd-spacing-sm);
}

.newadd .newcategory {
	color: var(--rd-primary-active);
	background-color: var(--cl-light-blue);
}

.newadd .nc_multi_att input {
	display: none;
}

.newadd .nc_multi_att label[for="attachment_file"] {
	display: block;
	text-align: center;
	margin: var(--rd-spacing-x-sm) 0;
	padding: var(--rd-spacing-md);
	background-color: var(--cl-pale-pink);
	background-image: var(--magenta-dashed-border);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
	border-radius: var(--rd-borderradius-border-md);
	color: var(--rd-primary-active);
	cursor: pointer;
}

.newadd .nc_multi_att label[for="attachment_file"] span {
	display: block;
}

.newadd .nc_multi_att label[for="attachment_file"] span:before {
	content: "";
	display: inline-block;
	height: 35.61px;
	width: 48.94px;
	mask-image: url(/src/img/svg/clouduploadicon.svg);
	-webkit-mask-image: url(/src/img/svg/clouduploadicon.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
}

.newadd .ce_view:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 11px;
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: top;
	margin-top: var(--rd-spacing-xx-sm);
	margin-right: var(--rd-spacing-sm);
	background-image: none;
	mask-image: url(/src/img/svg/af/icons/pink/view.svg);
	-webkit-mask-image: url(/src/img/svg/af/icons/pink/view.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
}

.newadd .cert_element input:checked+.cert_prev .sp_radio,
.cert_element input:checked+.cert_prev:hover .sp_overlay .sp_radio {
	height: 38px;
}

.newadd .ce_view {
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-sm);
}

.newadd .cert_element {
	height: auto;
}

.newadd .add_new_cer,
.newadd .add_new_cert .anc_text {
	color: var(--rd-font-dark);
	text-decoration: none;
}

.newadd .anc_plus:after,
.newadd .add_new_cert:hover .anc_plus:after {
	color: var(--rd-primary-active);
	line-height: 52px;
}

.newadd .add_new_cert:hover {
	background-color: var(--rd-primary-active);
}

.newadd .add_new_cert:hover .anc_text,
.newadd .add_new_cert:hover {
	color: var(--rd-font-light);
	text-decoration: none !important;
}

.newadd .modul_create_table {
	display: table;
	width: 100%;
}

.newadd .modul_create_table&gt;div {
	display: table-cell;
	padding: var(--rd-spacing-x-big);
	position: relative;
}

.newadd #mct_moduls {
	width: 350px;
	border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	vertical-align: top;
}

.newadd .addmodullink {
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--rd-primary-active);
	cursor: pointer;
}

.newadd .addmodullink.disabled {
	filter: grayscale(1);
	opacity: 0.8;
	cursor: default;
}

.newadd .addmodullink:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -3px;
	background-color: var(--rd-primary-active);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-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/svg/af/icons/pink/plus.svg);
	-webkit-mask-image: url(/src/img/svg/af/icons/pink/plus.svg);
}

.newadd .modul_element,
.modul_add_form h5 {
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	margin-bottom: var(--rd-spacing-md);
}

.newadd .modul_element label {
	margin-left: 0;
	position: relative;
	display: block;
}

.newadd .modul_element label.nocontent:after,
.modul_c .nc_element.nocontent:after {
	content: "!";
	color: var(--cl-error);
	float: right;
	padding-right: var(--rd-spacing-sm);
}

.newadd .acf_i_right&gt;input.blank,
.newadd .acf_i_right textarea.blank,
.newadd input.error {
	border: var(--rd-borderwidth-border-default) solid var(--cl-error);
	position: relative;
}

.newadd .modul_element input {
	display: none;
}

.newadd .modul_element label {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 19px;
	cursor: pointer;
}

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

.newadd .modul_element input:checked~label:before {
	transform: rotate(180deg);
}

.newadd .modul_element input:checked~div {
	display: none;
}

.newadd .session_modules {
	margin-bottom: var(--rd-spacing-sm);
}

.newadd .add_cont_typ {
	text-align: center;
	padding: var(--rd-spacing-big) 0;
}

.newadd .add_cont_typ input {
	display: none;
}

.newadd .add_cont_typ label {
	border: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
	background-color: var(--rd-font-light);
	display: inline-block;
	width: 300px;
	padding: var(--rd-spacing-xxx-big);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
	cursor: pointer;
	position: relative;
}

.newadd .add_cont_typ input:checked+label {
	border: var(--rd-borderwidth-border-focus) solid var(--rd-primary-active);
}

.newadd .add_cont_typ input:checked+label:after {
	content: "";
	position: absolute;
	height: 24px;
	width: 24px;
	display: inline-block;
	background-color: var(--rd-primary-active);
	right: 0;
	top: 0;
	background-image: url("/src/img/2021/svg/tick-w.svg");
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.newadd .add_cont_typ label:before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: -20px;
	margin-top: 2px;
	vertical-align: middle;
	margin-right: 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;
	transition: all 0.2s linear;
	background-color: var(--rd-primary-active);
}

.newadd .add_cont_typ input:disabled+label {
	filter: grayscale();
	opacity: 0.5;
	cursor: default;
}

.newadd .modul_c {
	margin-left: -38px;
}

.newadd .modul_c&gt;span {
	display: block;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) 40px;
	cursor: pointer;
}

.newadd .nce_text {
	display: inline-block;
}

.newadd .nce_text:before {
	content: "";
	display: inline-block;
	height: 16px;
	width: 16px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	background-color: var(--rd-primary-active);
}

.nc_video .nce_text:before {
	mask-image: url("/src/img/2021/svg/video-content.svg");
	-webkit-mask-image: url("/src/img/2021/svg/video-content.svg");
}

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

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

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

.newadd .nce_del {
	display: inline-block;
	height: 16px;
	width: 16px;
	mask-image: url(/src/img/2021/svg/delete-icon.svg);
	-webkit-mask-image: url(/src/img/2021/svg/delete-icon.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--cl-error);
	margin-right: var(--rd-spacing-md);
	vertical-align: middle;
}

.newadd .modul_c .nc_element {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--cl-dark-grey);
	opacity: 0.8;
}

.nce_text:before {}

.hascontent:after {
	content: "";
	mask-image: url(/src/img/2021/svg/tick.svg);
	-webkit-mask-image: url(/src/img/2021/svg/tick.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	height: 12px;
	width: 16px;
	float: right;
	padding-right: 10px;
	background-color: var(--cl-deep-green);
}

label.hascontent:after {
	padding-right: var(--rd-spacing-lg);
}

.newadd .modul_c .nc_element:hover,
.newadd .modul_c .nc_element.aktiv {
	color: var(--rd-font-dark);
	opacity: 1;
}

.newadd .modul_c .nc_element:before {
	content: "";
	display: inline-block;
	height: 16px;
	width: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	vertical-align: middle;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;

	margin-right: var(--rd-spacing-x-sm);
	margin-top: -2px;
}

.newadd .modul_c .nc_video:before,
label[for="ctvideo"]:before {
	mask-image: url("/src/img/2021/svg/video-content.svg");
	-webkit-mask-image: url("/src/img/2021/svg/video-content.svg");
}

.newadd .modul_c .nc_text:before,
label[for="ctvtext"]:before {
	mask-image: url("/src/img/2021/svg/text-content.svg");
	-webkit-mask-image: url("/src/img/2021/svg/text-content.svg");
}

.newadd .modul_c .nc_quiz:before,
label[for="ctquiz"]:before {
	mask-image: url("/src/img/2021/svg/question-sign.svg");
	-webkit-mask-image: url("/src/img/2021/svg/question-sign.svg");
}

.newadd .modul_c .nc_audio:before,
label[for="ctaudio"]:before {
	mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
	-webkit-mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
}

.newadd #textfile {
	display: none;
}

.newadd label[for="textfile"] {
	cursor: pointer;
	display: block;
	padding: var(--rd-spacing-md);
	background-image: var(--magenta-dashed-border);
	border-radius: var(--rd-borderradius-border-md);
	text-align: center;
	background-color: var(--cl-main-transparent);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
}

.newadd label[for="textfile"] .cloud {
	display: inline-block;
	height: 35.61px;
	width: 48.94px;
	mask-image: url(/src/img/svg/clouduploadicon.svg);
	-webkit-mask-image: url(/src/img/svg/clouduploadicon.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
}

.newadd .labeltext {
	display: block;
}

.question_bullet {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: var(--rd-primary-active);
	margin-top: var(--rd-spacing-xxx-huge);
	border-radius: 100%;
	position: relative;
	margin-bottom: var(--rd-spacing-x-big);
}

.question_bullet:before {
	content: "";
	display: block;
	position: absolute;
	background-color: var(--rd-font-light);
	width: 10px;
	height: 17px;
	margin: var(--rd-spacing-sm) var(--rd-spacing-md);
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/quest-Icon5.svg");
	-webkit-mask-image: url("/src/img/2021/svg/quest-Icon5.svg");
}

.question_bullet_text {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
	margin-bottom: 244px;
	display: inline-block;
	max-width: 633px;
	color: var(--rd-font-dark);
}

.content_table .kurs_img {
	padding-top: 0 !important;
}

.lese_content {
	display: block;
	max-height: 400px;
	min-height: 350px;
	overflow-y: scroll;
	padding: var(--rd-spacing-md);
}

.lese_content .file_preview img,
.lese_content .file_preview iframe {
	width: 90%;
}

.course_modul_grid {
	background-color: var(--rd-font-light);
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.course_modul_grid&gt;div {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.course_modul_grid&gt;div:nth-child(1) {
	border-right: 0;
	padding-left: 0;
}

.course_modul_grid&gt;div:nth-child(2) input[name="RadioTabs"] {
	display: none;
}

.course_modul_grid&gt;div:nth-child(2) {
	padding: 0;
}

.course_modul_grid&gt;div:nth-child(2)&gt;div {
	border-top: 1px solid var(--cl-light-grey);
	/* display:none; */
}

.course_modul_grid #rt1:checked~#rtc1,
.course_modul_grid #rt2:checked~#rtc2,
.course_modul_grid #rt3:checked~#rtc3,
.course_modul_grid #rt4:checked~#rtc4 {
	display: block;
	padding: var(--rd-spacing-x-sm);
}

.course_modul_grid&gt;div:nth-child(2)&gt;label {
	display: inline-block;
	padding: var(--rd-spacing-x-sm);
	margin: 0;
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 19px;
	cursor: pointer;
	position: relative;
	color: var(--cl-asphalt-blue);
}

.course_modul_grid&gt;div:nth-child(2)&gt;label:before {
	content: "";
	position: absolute;
	background-color: var(--cl-deep-green);
	left: 0;
	bottom: 0;
	right: 0;
	height: 0px;
	transition: all 0.2s linear;
}

.course_modul_grid #rt1:checked+label:before,
.course_modul_grid #rt2:checked+label:before,
.course_modul_grid #rt3:checked+label:before,
.course_modul_grid #rt4:checked+label:before,
.course_modul_grid&gt;div:nth-child(2)&gt;label:hover:before {
	height: 4px;
}

.tab-title {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 38px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-md);
}

.nw_module .lektion_counter {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	color: var(--rd-font-dark);
	line-height: 19px;
	margin-bottom: var(--rd-spacing-big);
	display: block;
	margin-left: var(--rd-spacing-x-sm);
}

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

.nw_el_head&gt;div {
	display: table-cell;
}

.nw_el_head .time {
	text-align: right;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	color: var(--rd-primary-active);
	/* line-height: 24px; */
}

.nw_el_head .text {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	/* line-height: 24px; */
	color: var(--rd-font-dark);
	vertical-align: top;
	padding-left: var(--rd-spacing-x-sm);
}

.nw_el_head .icon {
	width: 24px;
}

.nw_el_head .icon:before {
	content: "";
	position: relative;
	display: inline-block;
	height: 24px;
	width: 24px;
	background-color: var(--rd-primary-active);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.nw_el_body {
	/* margin-bottom:16px; */
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 24px;
	color: var(--rd-font-dark);
}

.nw_video_el .icon:before {
	mask-image: url("/src/img/svg/arrow_icon.svg");
	-webkit-mask-image: url("/src/img/svg/arrow_icon.svg");
}

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

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

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

.nc_ref_box {
	display: table;
	margin-top: var(--rd-spacing-md);
}

.nc_ref_box&gt;div {
	display: table-cell;
	vertical-align: top;
}

.nc_ref_img .ref_bullet {
	height: 60px;
	width: 60px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
}

.nc_ref_name {
	vertical-align: top;
	padding-left: var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
}

.nc_ref_text {
	font-size: var(--rd-fontsize-3);
	padding-left: var(--rd-spacing-sm);
	letter-spacing: 0;
	line-height: 17px;
	color: var(--cl-blue-grey);
}

.nw_module {
	overflow-y: scroll;
	/* max-height: 400px; */
	/* padding-right:16px; */
	margin-left: -8px;
}

.nw_quiz_el+.lektion_counter {
	margin-top: var(--rd-spacing-xxx-big);
}

.course_modul_grid #rt1:checked~#rtc1 {
	padding-right: 0;
}

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

.attattch_link {
	display: block;
	margin-bottom: var(--rd-spacing-sm);
}

.attattch_link:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: var(--rd-spacing-x-sm);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-image: url(/src/img/2021/svg/paperclip.svg);
}

.nw_module&gt;.nw_el {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) 8px var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-md);
	cursor: pointer;
	display: block;
}

.nw_module&gt;.nw_el.aktive,
.nw_module&gt;.nw_el:hover {
	background-color: var(--cl-pale-pink-d);
	text-decoration: none;
}

.disabled.aktive,
.disabled.aktive:hover {
	filter: none;
	opacity: 1;
}

.nw_el.disabled:hover {
	background-color: transparent;
}

.read_confirm {
	text-align: center;
	padding: var(--rd-spacing-md);
	border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.seen_video {
	margin-bottom: var(--rd-spacing-x-sm) !important;
	display: block;
}

.edit_modul_grid {
	display: grid;
	grid-template-areas: "NAV CONT";
	width: 100%;
	grid-template-columns: 400px auto;
}

#emg_moduls {
	grid-area: NAV;
	border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding-right: var(--rd-spacing-x-sm);
	/* max-height:400px; */
	/* overflow-y:scroll; */
	position: relative;
	min-height: 400px;
}

.modules_inside_container {
	/* position:absolute; */
	/* overflow-y:scroll; */
	/* left:0; */
	/* top:0; */
	/* bottom:0; */
	/* right:0; */
	/* padding-right:10px; */
}

.edit_modul_lektion_input {
	display: none;
}

.edit_modul_lektion_input+label {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 19px;
	cursor: pointer;
	display: block;
}

.edit_modul_lektion_input+label:before {
	content: "";
	display: inline-block;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	margin-top: -2px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--cl-asphalt-blue);
	width: 14px;
	height: 14px;
	mask-image: url(/src/img/svg/af/icons/pink/view.svg);
	-webkit-mask-image: var(--green-arrow);
	transform: rotate(-90deg);
	transition: all 0.2s linear;
}

.lc_cont {
	padding-left: 20px;
	display: none;
}

.lc_cont+.addmodullink {
	display: none;
}

.lc_cont+div {
	/* padding-left: 20px; */
	margin-bottom: var(--rd-spacing-x-sm);
}

.lc_cont&gt;div {
	cursor: pointer;
	display: grid;
	grid-template-areas: "ICON NAME TIME";
	grid-template-columns: 14px auto 80px;
	width: 100%;
	margin-bottom: var(--rd-spacing-x-sm);
}

.lc_cont&gt;div.popup_div {
	display: block;
}

.ev_time {
	grid-area: TIME;
	text-align: right;
	text-align: right;
	font-size: var(--rd-fontsize-3);
	font-weight: 400;
	letter-spacing: 0;
	color: var(--rd-primary-active);
	/* line-height: 24px; */
}

.ev_name {
	grid-area: NAME;
	font-size: var(--rd-fontsize-4);
	font-weight: 400;
	letter-spacing: 0;
	/* line-height: 24px; */
	vertical-align: top;
	padding-left: var(--rd-spacing-x-sm);
}

.edit_video:before,
.edit_text:before,
.edit_quiz:before,
.edit_audio:before {
	content: "";
	display: inline-block;
	height: 12px;
	width: 12px;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	margin-top: var(--rd-spacing-x-sm);
	background-color: var(--rd-primary-active);
}

.edit_video:before {
	mask-image: url("/src/img/2021/svg/video-content.svg");
	-webkit-mask-image: url("/src/img/2021/svg/video-content.svg");
}

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

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

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

#emg_moduls .addmodullink {
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--rd-primary-active);
	cursor: pointer;
	position: relative;
	display: block;
}

#emg_moduls .addmodullink:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -3px;
	background-color: var(--rd-primary-active);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-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/svg/af/icons/pink/plus.svg);
	-webkit-mask-image: url(/src/img/svg/af/icons/pink/plus.svg);
}

#emg_moduls .lc_cont+.addmodullink {
	margin-left: var(--rd-spacing-big);
}

.edit_modul_lektion_input:checked+label+.lc_cont,
.edit_modul_lektion_input:checked+label+.lc_cont+.addmodullink {
	display: block;
}

.edit_modul_lektion_input:checked+label:before {
	transform: rotate(0);
}

#emg_content {
	padding: var(--rd-spacing-big);
}

.edit_modul_cont_form label[for="textfile"] {
	cursor: pointer;
	display: block;
	padding: var(--rd-spacing-md);
	background-image: var(--magenta-dashed-border);
	border-radius: var(--rd-borderradius-border-md);
	text-align: center;
	background-color: var(--cl-main-transparent);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
}

.edit_modul_cont_form label[for="textfile"] .cloud {
	display: inline-block;
	height: 35px;
	width: 48px;
	mask-image: url(/src/img/svg/clouduploadicon.svg);
	-webkit-mask-image: url(/src/img/svg/clouduploadicon.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
}

.labeltext {
	display: inline-block;
	vertical-align: top;
	line-height: 35px;
	margin-left: var(--rd-spacing-sm);
}

.edit_modul_cont_form #textfile {
	display: none;
}

.edit_modul_cont_form .simditor {
	max-width: unset;
	width: 100%;
	margin-right: 0;
	max-height: 500px;
	overflow-y: scroll;
}

.edit_modul_lektion_input+label {
	margin-top: var(--rd-spacing-md);
}

#newfrageform legend {
	border: none;
	margin-top: var(--rd-spacing-sm);
	margin-bottom: var(--rd-spacing-x-sm);
}

#editquestion label {
	display: block;
	color: var(--cl-blue-grey);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 17px;
	margin-top: var(--rd-spacing-big);
	margin-bottom: 0;
}

#editquestion .label_info {
	color: var(--cl-blue-grey);
}

#editquestion .frage_element {
	display: table;
	width: 100%;
	margin-bottom: var(--rd-spacing-x-sm);
}

#editquestion .frage_element&gt;div {
	display: table-cell;
}

#editquestion .frage_element&gt;div input[type="text"] {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--rd-font-light);
	display: block;
	resize: vertical;
	width: 100%;
	padding: var(--rd-spacing-sm);
	color: #212b36;
	font-size: var(--rd-fontsize-4);
	line-height: 19px;
	box-sizing: border-box;
}

#editquestion .acf_input:nth-child(1),
#confirmquest+.acf_input {
	margin-top: var(--rd-spacing-xx-big);
}

.edit_modul_btns {
	margin-top: var(--rd-spacing-xx-big);
	text-align: right;
}

.edit_modul_grid input.error {
	border: var(--rd-borderwidth-border-default) solid var(--cl-error);
}

.edit_modul_grid .error {
	padding: var(--rd-spacing-sm);
	margin-top: var(--rd-spacing-sm);
	border: var(--rd-borderwidth-border-default) solid var(--cl-error);
	border-radius: var(--rd-borderradius-border-md);
}

.edit_modul_grid input.error {
	margin-top: 0;
}

.acf_i_right.error {
	border: none;
	padding: 0;
}

.acf_i_right.error .simditor {
	border: var(--rd-borderwidth-border-default) solid var(--cl-error);
	border-radius: var(--rd-borderradius-border-md);
}

.antwort_grid {
	display: grid;
	grid-template-areas: "TEXT FILE";
	grid-template-columns: auto 60px;
}

.aw_img {
	grid-area: FILE;
	text-align: right;
}

.aw_img input {
	display: none;
}

#editquestion label.quiz_img_label {
	display: inline-block;
	background-color: var(--rd-primary-active);
	width: 40px;
	height: 40px;
	border-radius: var(--rd-borderradius-border-md);
	margin: 0;
	vertical-align: top;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/image-solid.svg");
	-webkit-mask-image: url("/src/img/2021/svg/image-solid.svg");
	cursor: pointer;
}

.edit_modul_cont_form {
	position: relative;
}

.edit_modul_cont_form .del_link {
	margin-bottom: 20px;
}

.edit_modul_cont_form #confirmquest {
	position: relative;
	left: 0;
	top: -31px;
	right: 0;
}

.edit_modul_cont_form #confirmquest+* {
	margin-top: var(--rd-spacing-big);
}

.save_complead_msg {
	display: block;
	background-color: var(--rd-primary-active);
	text-align: center;
	color: var(--rd-font-light);
	padding: 2px 5px;
	font-size: var(--rd-fontsize-4);
	margin-left: -20px;
	margin-right: -40px;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.save_complead_msg:before {
	content: "";
	background-image: url("/src/img/2021/svg/tick-w.svg");
	display: inline-block;
	width: 15px;
	height: 15px;
	background-size: cover;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
}

.popup_div {
	position: relative;
	display: inline-block;
}

.mini_add_course_content {
	position: absolute;
	background-color: var(--rd-font-light);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	left: calc(100% + 20px);
	bottom: -20px;
	padding: var(--rd-spacing-md);
	width: 250px;
	z-index: 10;
}

.mini_add_course_content .close {
	display: inline-block;
	width: 10px;
	height: 10px;

	background-color: var(--cl-asphalt-blue);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/svg/af/close.svg");
	-webkit-mask-image: url("/src/img/svg/af/close.svg");
}

.mini_add_course_content p {
	font-size: var(--rd-fontsize-4);
}

.mini_add_course_content:before {
	content: "";
	display: inline-block;
	border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	background-color: var(--rd-font-light);
	width: 20px;
	height: 20px;
	position: absolute;
	transform: rotate(45deg);
	left: -11px;
	bottom: 20px;
}

.mini_add_course_content .formheader {
	padding: 0 0 var(--rd-spacing-xx-sm) 0;
	border: none;
}

.mini_add_course_content .add_cont_typ {
	color: var(--rd-font-dark);
}

.mini_add_course_content input {
	display: none;
}

.mini_add_course_content label {
	border: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
	display: block;
	padding: var(--rd-spacing-sm);
	padding-left: var(--rd-spacing-x-big);
	cursor: pointer;
	vertical-align: middle;
	line-height: 16px;
}

.mini_add_course_content label:before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: -20px;
	margin-top: 2px;
	vertical-align: middle;
	margin-right: var(--rd-spacing-xx-sm);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.2s linear;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
}

.mini_add_course_content label:hover {
	background-color: var(--cl-pale-pink-d);
}

.no_content_selected {
	text-align: center;
}

.ncs_icon {
	background-color: var(--rd-primary-active);
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-bottom: var(--rd-spacing-big);
	margin-top: var(--rd-spacing-xxx-big);
}

.no_content_selected {
	text-align: center;
}

.ncs_icon {
	background-color: var(--rd-primary-active);
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-bottom: var(--rd-spacing-big);
	margin-top: var(--rd-spacing-xxx-big);
	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/pc_help_icon_pink.svg");
	-webkit-mask-image: url("/src/img/svg/pc_help_icon_pink.svg");
}

.mini_add_course_content input:disabled+label,
.mini_add_course_content input:disabled+label:hover {
	background-color: transparent;
	filter: grayscale(1);
	opacity: 0.6;
}

.error_text {
	color: var(--cl-error);
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 22px;
}

.newcoursepopup {
	position: relative;
}

.newcoursepopup .kmsgi_titel {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 36px;
	text-align: center;
	color: var(--rd-font-dark);
}

.newcoursepopup .kmsi_info {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 32px;
	text-align: center;
	color: var(--cl-asphalt-blue);
}

.c_error_list {
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--cl-pale-pink);
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
	color: var(--rd-primary-active);
	padding: var(--rd-spacing-md);
	margin: var(--rd-spacing-sm) 0 var(--rd-spacing-xxx-big) 0;
}

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

.c_error_list ul li {
	padding: 0;
	display: block;
	margin-bottom: var(--rd-spacing-x-sm);
	line-height: 22px;
}

.add_new_course_warning .close {
	position: absolute;
	top: 24px;
	right: 42px;
	display: inline-block;
	height: 16px;
	width: 16px;
	background-color: var(--rd-font-dark);
	opacity: 1;
	background-color: var(--cl-asphalt-blue);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/svg/idxCloseIcon.svg");
	-webkit-mask-image: url("/src/img/svg/idxCloseIcon.svg");
}

.error_list_title {
	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;
	text-align: center;
	margin-bottom: var(--rd-spacing-x-sm);
}

.add_new_course_warning .KursMsgInfo {
	height: auto;
	padding-top: 57px;
}

#newfrageform .trash {
	margin-left: var(--rd-spacing-x-big);
}

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

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

.clcc_categorys.exclusive {
	padding: 3px 0px;
	border-radius: var(--rd-borderradius-border-sm);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-3);
}

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

.clcc_navi {
	width: auto;
	display: inline-grid;
	white-space: nowrap;
	grid-template-areas: "BTN1 BTN2 REF";
	align-items: center;
}

.clcc_navi&gt;div:nth-child(1) {
	grid-area: BTN1;
}

.clcc_navi&gt;div:nth-child(2) {
	grid-area: BTN2;
}

.clcc_navi&gt;div:nth-child(3) {
	grid-area: REF;
}

.vies_subtitles {
	margin: var(--rd-spacing-md) 0;
}

.vies_subtitles .lang {
	display: inline-block;
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--cl-light-blue);
	margin-right: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-sm);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-3);
	letter-spacing: 0;
	line-height: 17px;
	text-align: center;
	color: var(--rd-font-dark);
}

.vies_subtitles .more {
	font-size: var(--rd-fontsize-3);
	letter-spacing: 0;
	line-height: 17px;
	text-align: center;
	color: var(--rd-font-dark);
}

.category-modul-details summary {
	display: contents;
}

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

.category-modul-details .cl_course.cl_flex .clc_img {
	height: auto;
}

.category-modul-details .cl_course.cl_flex #ergebnis .clcc_navi {
	margin-top: 0;
}

.category-modul-details .cl_course.cl_flex .clc_content {
	width: 100% !important;
}

/* .category-modul-details .cl_course.cl_flex .clc_img {
	height: 197px !important;
}
 */
@media screen and (max-width: 1300px) {

	.newadd .table_input,
	.newadd .table_input&gt;div {
		display: block;
	}

	.newadd .ti_label {
		margin-bottom: var(--rd-spacing-xx-sm);
	}

	.clcc_navi {
		grid-template-areas: "REF REF" "BTN1 BTN2";
	}

	.clc_img {
		height: 300px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top left;
	}

	.clc_content {
		height: 100%;
	}

	.clcc_navi&gt;div:nth-child(3) {
		padding-bottom: var(--rd-spacing-md);
	}

	.category-modul-details .cl_course.cl_flex .clc_img {
		background-size: 100%;
		height: 197px;
	}
}

@media screen and (max-width: 1100px) {
	.mini_add_course_content {
		left: 25px;
	}

	.clcc_navi&gt;div:nth-child(3) {
		margin-bottom: var(--rd-spacing-sm);
	}

	.kurseditform .formfields {
		padding: 0;
	}

	.edit_modul_grid {
		grid-template-areas: "NAV" "CONT";
		grid-template-columns: 100%;
	}

	.edit_modul_grid&gt;div {
		padding: var(--rd-spacing-sm);
	}

	#emg_moduls {
		border-right: none;
		border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
		overflow-y: scroll;
		height: 250px;
	}

	.kurseditform .fragen_block {
		margin: 0;
	}
}

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

	.kurseditform .acf_input,
	.kurseditform .acf_input&gt;div {
		display: block;
	}

	.kurseditform .acf_input&gt;div label {
		margin-bottom: var(--rd-spacing-xx-sm) !important;
	}

	.kurseditform {
		width: 95%;
	}

	.clcc_name {
		font-size: var(--rd-fontsize-8);
		font-weight: var(--rd-fontweights-open-sans-0);
		letter-spacing: 0;
		line-height: 24px;
	}
}

@media screen and (max-width: 550px) {
	.addkurs_body .addfileplusinput {
		display: grid;
		grid-template-columns: auto;
		gap: var(--rd-spacing-x-sm);
		width: 100%;
	}

	.addkurs_body .addfileplusinput label {
		width: fit-content;
	}
}

@media screen and (max-width: 500px) {
	.clcc_navi {
		grid-template-areas:
			"REF"
			"BTN1"
			"BTN2";
		grid-template-columns: 100%;
		display: grid;
		width: 100%;
	}

	.clcc_navi&gt;div {
		margin: 0;
	}
}

@media screen and (max-width: 340px) {
	.future_date {
		top: unset !important;
		bottom: 0 !important;
	}

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

@media screen and (max-width: 1200px) {
	.addkursform .table .table_cell:first-child {
		padding-right: var(--rd-spacing-md);
	}

	.ah_element {
		text-align: center;
	}

	/* .category-modul-details .cmd-desc.clc_content {
		display: block !important;
	} */

	/* .category-modul-details .clcc_status_btn {
		position: absolute;
		bottom: 24px;
		right: 24px;
		left: 24px;
	} */

	/* .future_date {
		top: 59%;
		right: 0;
		bottom: unset;
	} */

	.category-modul-details .cl_course.cl_flex .clc_content,
	.category-modul-details .cat-modul-detail.cl_course .clc_content {
		min-height: auto;
	}
}

@media screen and (max-width: 1024px) {
	.nw_module {
		max-height: 450px;
	}

	.addkursform .table .table_cell:first-child {
		padding-right: 0;
	}

	.kurs_img {
		padding-top: calc(9 * 100% / 16);
	}

	.newadd .modul_create_table,
	.newadd .modul_create_table&gt;div,
	.newadd #mct_moduls {
		display: block;
		width: 100%;
	}

	.newadd #mct_moduls {
		border-right: none;
		border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	}

	.addkurs_navi {
		padding: var(--rd-spacing-x-big);
		border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	}

	.question_bullet {
		margin-top: var(--rd-spacing-lg);
	}

	.question_bullet_text {
		margin-bottom: var(--rd-spacing-lg);
	}

	.category-modul-details .cmd-desc.clc_content,
	#ergebnis .category-modul-details .clc_content {
		min-height: auto;
	}

	.category-modul-details .clcc_status_btn {
		position: relative;
		bottom: 0;
		right: 0;
		left: 0;
	}

	.category-modul-details .cl_course.cl_flex .clc_img {
		height: 300px !important;
		max-width: 100% !important;
	}

	.category-modul-details .cl_course.cl_flex .clc_content {
		width: auto !important;
	}
}

.newadd .addkurs_navi {
	border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.newadd .addkurs_body {
	padding: 0;
}

.newadd #mct_moduls {
	padding: 0;
}

.newadd #mct_moduls&gt;* {
	padding: var(--rd-spacing-md);
}

.newadd .addkurs_navi {
	padding: var(--rd-spacing-md);
	width: 100%;
	margin: 0;
}

.newadd .cert_select {
	text-align: left;
}

.newadd .cert_select {
	text-align: center;
}

#textdebugger {
	margin: 0;
}

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

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

	.acf_input,
	.acf_input&gt;div {
		display: block;
		width: 100%;
	}

	.acf_i_left {
		margin-bottom: var(--rd-spacing-x-sm);
		margin-right: 0;
	}

	#mct_cont .button {
		width: 100%;
		text-align: center;
		margin-top: var(--rd-spacing-md);
	}

	#newfrageform .trash {
		width: 100%;
		display: block;
		text-align: center;
		margin-left: 0;
		margin-top: var(--rd-spacing-md);
	}
}

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

	.addkurs_navi,
	.addkurs_navi&gt;div {
		display: block;
		text-align: center;
		width: 100%;
		margin: 0;
	}

	.addkurs_navi&gt;div {
		margin-bottom: var(--rd-spacing-md);
	}

	.addkurs_navi&gt;div .button,
	.addkurs_navi&gt;div .text_button {
		width: 100%;
	}

	.addkurs_body {
		padding: 0;
	}

	.newadd .add_cont_typ {
		padding: var(--rd-spacing-x-sm);
	}

	.newadd .add_cont_typ label {
		padding: var(--rd-spacing-x-big);
	}
}

.catrgory_list label,
.newcategory {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.ah_trenner&gt;span {
	border-bottom: var(--rd-borderwidth-border-focus) solid var(--cl-light-grey);
}

#newfrageform {
	padding-top: var(--rd-spacing-x-big);
}

#mct_cont .fb_table #coursefragen&gt;span:hover:after,
#mct_cont .fb_table #coursefragen&gt;span.aktiv:after {
	height: 3px;
	background-color: var(--rd-primary-active);
	bottom: calc(3px / 2 * -1);
}

#FrageTypForm&gt;label {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 24px;
	color: var(--rd-font-dark);
}

#mct_cont .fragen_block {
	margin-left: -23px;
	margin-right: -58px;
	width: calc(100% + 23px + 23px);
}

#mct_cont .label_info {
	margin-bottom: var(--rd-spacing-x-big);
}

#mct_cont #FrageTypForm .fe_checkblock label {
	margin-top: 0;
}

#editquestion {
	padding: var(--rd-spacing-md) 0;
}

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

.addkurs_header {
	border: none;
}

.white_podcast_icon,
.white_text_icon,
.white_quiz_icon {
	display: inline-block;
	background-color: var(--rd-font-light);
	height: 60px;
	width: 60px;
	margin-top: 16%;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

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

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

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

.audio-img {
	background-color: var(--cl-blue-grey) !important;
	background-image: linear-gradient(180deg, var(--cl-blue-grey) 0%, var(--cl-dark-grey) 0%, var(--cl-asphalt-blue) 100%) !important;
}

#waveform {
	/* background-color:#333; */
	width: 100%;
	display: block;
	height: 150px;
	display: none;
}

.wave-block {
	display: grid;
	grid-template-areas: "AMP IMG";
	grid-template-columns: 50% 50%;
}

.first-nav {
	text-align: center;
}

.audio-tbn i:hover {
	background-color: var(--cl-deep-green);
}

.audio-tbn i {
	background-color: var(--rd-font-light);
	width: 25px;
	height: 25px;
	margin: var(--rd-spacing-xx-sm);
	cursor: pointer;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.back-audio-icon,
.next-audio-icon,
.mute-audio-icon {
	display: inline-block;
}

.play-audio-icon {
	mask-image: url("/src/img/svg/player/play-btn.svg");
	-webkit-mask-image: url("/src/img/svg/player/play-btn.svg");
}

.pause-audio-icon {
	mask-image: url("/src/img/svg/player/pause-btn.svg");
	-webkit-mask-image: url("/src/img/svg/player/pause-btn.svg");
}

.play-audio-icon {
	display: inline-block;
}

.pause-audio-icon {
	display: none;
}

.playing .pause-audio-icon {
	display: inline-block;
}

.playing .play-audio-icon {
	display: none;
}

.back-audio-icon {
	mask-image: url("/src/img/svg/player/10secBack.svg");
	-webkit-mask-image: url("/src/img/svg/player/10secBack.svg");
}

.next-audio-icon {
	mask-image: url("/src/img/svg/player/10secNext.svg");
	-webkit-mask-image: url("/src/img/svg/player/10secNext.svg");
}

.mute-audio-icon {
	mask-image: url("/src/img/svg/player/volume_on.svg");
	-webkit-mask-image: url("/src/img/svg/player/volume_on.svg");
}

.unmute-audio-icon {
	mask-image: url("/src/img/svg/player/volume_off.svg");
	-webkit-mask-image: url("/src/img/svg/player/volume_off.svg");
	background-color: var(--rd-primary-active) !important;
}

.muted .mute-audio-icon {
	display: none;
}

.muted .unmute-audio-icon {
	display: inline-block;
	margin-right: var(--rd-spacing-md);
}

#audio_title,
.audio_block .min-time,
.audio_block .max-time {
	color: var(--cl-light-blue);
}

.wave-time-block {
	position: relative;
	vertical-align: top;
}

.audio_block .min-time,
.audio_block .max-time {
	position: absolute;
	bottom: -37px;
	color: var(--cl-blue-grey);
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 24px;
}

.audio_block .min-time {
	left: 32px;
}

.audio_block .max-time {
	right: 32px;
}

.audio-duration-block {
	position: relative;
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-xxx-big) 0 var(--rd-spacing-xxx-big);
}

input.audio-duration {
	/* display: none;*/
	margin-bottom: var(--rd-spacing-xxx-big);
	width: 100%;
	height: 5px;
	-webkit-appearance: none;
	outline: none;
	opacity: 1;
	background-color: var(--cl-light-grey);
	-webkit-transition: 0.2s;
	transition: opacity 0.2s;
	display: block;
	border-radius: var(--rd-borderradius-border-md);
}

input.audio-duration::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 32px;
	height: 32px;
	cursor: pointer;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-blue);
	border-radius: 100%;
	background-color: var(--cl-light-blue);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

input.audio-duration::-moz-range-thumb {
	width: 32px;
	height: 32px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-blue);
	border-radius: 100%;
	background-color: var(--cl-light-blue);
	cursor: pointer;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.volume-slider {
	margin-bottom: 30px;
	height: 2px;
	-webkit-appearance: none;
	outline: none;
	opacity: 1;
	background-color: var(--cl-light-grey);
	-webkit-transition: 0.2s;
	transition: opacity 0.2s;
	display: inline-block;
	vertical-align: middle;
}

.volume-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-blue);
	border-radius: 100%;
	background-color: var(--cl-light-blue);
}

.volume-slider::-moz-range-thumb {
	width: 16px;
	height: 16px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-blue);
	border-radius: 100%;
	background-color: var(--cl-light-blue);
	cursor: pointer;
}

#audio_title {
	padding: var(--rd-spacing-xxx-big);
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 28px;
}

.cover-img-block {
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-xxx-big) 0 0;
}

.cover-img-block&gt;div {
	border-radius: var(--rd-borderradius-border-md);
	overflow: hidden;
}

.audio-tbn i.play-audio-icon,
.audio-tbn i.pause-audio-icon {
	width: 60px;
	height: 60px;
}

.audio-tbn i.back-audio-icon,
.audio-tbn i.next-audio-icon {
	width: 40px;
	height: 40px;
}

.audio-tbn {
	display: inline-block;
	vertical-align: middle;
	padding: 0 var(--rd-spacing-md);
}

.mute-audio {
	margin-top: var(--rd-spacing-x-sm);
	vertical-align: text-bottom;
}

.audio-img {
	padding-top: 0;
}

.tko_1 {
	background-image: url("/src/img/KatImg1.png");
	background-size: 819px;
}

.tko_2 {
	background-image: none;
	background-size: contain;
}

.tko_3 {
	background-image: url("/src/img/KatImg3.png");
	background-size: 819px;
}

.teaser_overlay_img {
	position: absolute;
	/* left:0; */
	top: 0;
	right: 0;
	bottom: 0;
	text-align: right;
	/* opacity: 0.5; */
}

.teaser_overlay_img img {
	height: 100%;
	/* opacity: 0.6; */
}

.teaser_overlay_img:before {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	bottom: 0;
	width: 85%;
	background-image: linear-gradient(to right, #585856, transparent);
}

.tko_2 .teaser_kurs_overlay {
	background-image: none;
	background-color: #585856;
}

.converm p {
	margin-bottom: var(--rd-spacing-sm);
}

@media screen and (max-width: 700px) {
	.teaser_kurs_overlay {
		filter: brightness(0.5);
		/* opacity: 0.7; */
	}
}

.sn-grid {
	display: grid;
	grid-template-areas: "VOL NOTE";
	padding-bottom: var(--rd-spacing-md);
}

.sng-note {
	text-align: right;
	padding-right: var(--rd-spacing-xxx-big);
}

.addpodcastnotiz {
	color: var(--cl-light-blue);
	border: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.audio_block .add-podcast-note {
	position: absolute;
	right: 16px;
	top: 16px;
	background-color: var(--cl-blue-box);
	padding: var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-md);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.apn-head {
	display: table;
	margin-bottom: var(--rd-spacing-x-sm);
	vertical-align: top;
	width: 100%;
}

.note-podcast-time {
	display: table-cell;
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	line-height: 22px;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.note-podcast-time:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
	-webkit-mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
	margin-right: var(--rd-spacing-xx-sm);
}

.note-podcast-title {
	/* grid-area: TITEL; */
	display: table-cell;
	text-transform: uppercase;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: #92a3b3;
	text-align: right;
}

.add-podcast-note textarea {
	width: 100%;
	min-height: 100px;
}

.note_btn_grid {
	margin-top: var(--rd-spacing-x-sm);
}

.note_btn_grid .fill {
	margin-left: var(--rd-spacing-md);
}

@media screen and (max-width: 600px) {
	.wave-block {
		display: grid;
		grid-template-areas: "AMP" "IMG";
		grid-template-columns: 100%;
	}

	.addpodcastnotiz {
		font-size: 0;
		border: 0;
		background-color: var(--rd-font-light);
		display: inline-block;
		padding: 0;
		width: 25px;
		height: 25px;
		margin: var(--rd-spacing-xx-sm);
		mask-image: url("/src/img/svg/podcast_notes.svg");
		-webkit-mask-image: url("/src/img/svg/podcast_notes.svg");
		mask-size: contain;
		-webkit-mask-size: contain;
		mask-position: 50%;
		-webkit-mask-position: 50%;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
	}

	.cover-img-block {
		padding: var(--rd-spacing-md) 36px;
	}

	.audio-tbn {
		padding: 0 var(--rd-spacing-xx-sm);
	}

	.volume-slider {
		display: none;
	}

	.mute-audio {
		margin: 0 0 var(--rd-spacing-md) var(--rd-spacing-md);
	}

	.converm&gt;div a,
	.converm&gt;div .button,
	.converm .rd-primary-btn {
		display: block;
		width: 100%;
		margin-bottom: var(--rd-spacing-sm);
	}
}

.NL-Title {
	font-weight: var(--rd-fontweights-open-sans-1);
	margin-bottom: var(--rd-spacing-xx-sm);
	color: var(--rd-font-dark);
}

.nl-element {
	margin-left: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-md);
	margin-right: var(--rd-spacing-x-sm);
	display: grid;
	width: calc(100% - 8px);
	grid-template-areas: "CONT NAV";
	grid-template-columns: auto 30px;
}

.nl-element {
	padding-left: var(--rd-spacing-x-sm);
	grid-area: CONT;
	border-left: 3px solid var(--cl-deep-green);
}

.curent_m.nl-element {
	background-color: var(--cl-pale-pink-d);
}

.curent_m.nl-element {
	border-left: 3px solid var(--rd-primary-active);
}

.nl-element,
.nl-element {
	color: var(--cl-deep-green);
}

.nl-element .audio-time,
.nl-element .video-time {
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 15px;
	margin-top: var(--rd-spacing-x-sm);
	cursor: pointer;
}

.nl-element .audio-time:hover,
.nl-element .video-time:hover {
	text-decoration: underline;
}

.nl-element .audio-time:before,
.nl-element .video-time:before {
	content: "";
	display: inline-block;
	background-color: var(--cl-deep-green);
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 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;
}

.nl-element .audio-time:before {
	mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
	-webkit-mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
}

.nl-element .video-time:before {
	mask-image: url("/src/img/2021/svg/video-content.svg");
	-webkit-mask-image: url("/src/img/2021/svg/video-content.svg");
}

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

.audio-desc,
.video-desc {
	font-size: var(--rd-fontsize-4);
	margin-top: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-sm);
	padding-right: var(--rd-spacing-x-sm);
}

.curent_m,
.curent_m {
	color: var(--rd-primary-active);
}

.curent_m .audio-time:before,
.curent_m .video-time:before {
	background-color: var(--rd-primary-active);
}

.print-notes {
	color: var(--cl-asphalt-blue);
}

.print-notes:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: var(--rd-spacing-sm);
	background-color: var(--rd-primary-active);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/svg/af/print-solid.svg");
	-webkit-mask-image: url("/src/img/svg/af/print-solid.svg");
	margin-top: -3px;
}

.edit-note,
.deleat-note {
	display: none;
	width: 13px;
	height: 15px;
	margin: var(--rd-spacing-sm) 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;
	cursor: pointer;
}

.nl-element:hover .edit-note,
.nl-element:hover .deleat-note {
	display: block;
}

.edit-note:hover,
.deleat-note:hover {
	opacity: 0.5;
}

.edit-note {
	mask-image: url("/src/img/svg/af/pencil-dark-blue.svg");
	-webkit-mask-image: url("/src/img/svg/af/pencil-dark-blue.svg");
	background-color: var(--cl-asphalt-blue);
}

.deleat-note {
	mask-image: url("/src/img/svg/af/Trash_notiz.svg");
	-webkit-mask-image: url("/src/img/svg/af/Trash_notiz.svg");
	background-color: var(--cl-error);
}

.editNform {
	position: absolute;
	background-color: var(--cl-pale-grey);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: var(--rd-spacing-big);
	box-sizing: border-box;
	margin-top: var(--rd-spacing-big);
	z-index: 1;
}

.editNform textarea {
	display: block;
	margin-bottom: var(--rd-spacing-md);
	width: 100%;
	height: 150px;
	padding: var(--rd-spacing-x-sm);
}

.editNform span {
	display: inline-block;
}

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

.editNform .close {
	display: inline-block;
	width: 20px;
	height: 20px;
	opacity: 1;
	top: 10px;
	right: 10px;
	position: absolute;
	border-radius: 100%;
	background-image: url("/src/img/2021/svg/close.svg");
	background-size: 100%;
}

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

/* Add Kurz */

.addkurs .addkursform .table {
	border-bottom: none !important;
}

.addkurs .aktive .ah_e_bullet {
	background-color: var(--rd-primary-active);
}

.addkurs .small_add_btn {
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	background: var(--rd-primary-active);
}

.addkurs .small_add_btn:hover {
	background: var(--rd-primary-hover);
	border-color: var(--rd-primary-hover);
}

.addkurs .small_add_btn:focus {
	background: var(--rd-primary-pressed);
	border-color: var(--rd-primary-pressed);
}

.addkurs_navi_right button {
	color: var(--rd-font-light);
	background-color: var(--rd-primary-active);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	font-size: var(--rd-fontsize-5) !important;
	/* line-height: 32px !important; */
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

.addkurs .addfileplusinput&gt;div,
.addkurs .addfileplusinput&gt;label {
	display: inline-grid;
}

.addkurs .addfileplusinput .afpi_text {
	border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	margin-right: var(--rd-spacing-md) !important;
}

.newadd .addkurs .addfileplusinput .afpi_text {
	margin-right: 0 !important;
}

.addkurs .addfileplusinput .afpi_btn {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	background: var(--rd-font-light);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	color: var(--rd-primary-active);
	border-radius: var(--rd-borderradius-border-md);
}

.addkurs .addfileplusinput .afpi_btn:hover {
	background: var(--rd-primary-hover);
	border-color: 1px solid var(--rd-primary-hover);
	color: var(--rd-font-light);
}

.addkurs .addfileplusinput .afpi_btn:focus {
	background: var(--rd-primary-pressed);
	border-color: var(--rd-borderwidth-border-default) solid var(--rd-primary-pressed);
	color: var(--rd-font-light);
	outline: unset;
}

.addkurs_navi_right button {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	border-radius: var(--rd-borderradius-border-xl);
}

.addkurs .til_title,
.addkurs .addkurs_label,
.addkurs .id_table_input label,
.addkurs legend,
.addkurs .ce_text,
.addkurs .anc_text {
	color: var(--rd-font-dark);
}

.addkurs .id_table_input&gt;div label span {
	color: var(--cl-blue-grey);
}

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

.addkurs .newcategory {
	color: var(--rd-primary-active);
}

.addkurs .catrgory_list input:checked+label {
	border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
	box-shadow: none !important;
}

.addkurs_body #ab_cont1 .cert_element {
	height: auto;
}

.addkurs_body #ab_cont1 .ce_view,
.addkurs .anc_plus:after {
	color: var(--rd-primary-active);
}

.addkurs_body #ab_cont1 .ce_view:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 11px;
	vertical-align: top;
	margin-top: var(--rd-spacing-xx-sm);
	margin-right: var(--rd-spacing-sm);
	background-image: none !important;
	mask-image: url(/src/img/svg/af/icons/pink/view.svg);
	-webkit-mask-image: url(/src/img/svg/af/icons/pink/view.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
}

.addkurs .text_button.icon:before {
	background-color: var(--rd-font-light) !important;
}

.addkurs button,
.addkurs html [type="button"],
.addkurs [type="reset"],
.addkurs [type="submit"] {
	cursor: pointer;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	background-color: var(--rd-primary-active);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-5);
	/* line-height: 32px; */
	border-radius: var(--rd-borderradius-border-xl);
}

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

.addkurs button:focus {
	background: var(--rd-primary-pressed);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-pressed);
	outline: unset;
}

.add_kurs_return:before {
	content: "";
	mask-image: var(--green-arrow);
	-webkit-mask-image: var(--green-arrow);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
	vertical-align: middle;
	background-color: var(--rd-font-light);
	vertical-align: middle;
	margin-right: var(--rd-spacing-xx-sm);
	background-image: none;
}

.pc_ucv3_listitem[data-sel-mode="USER_SELECTED"] .rd-tag,
.pc_ucv3_listitem[data-sel-mode="NOT_SELECTED"] .rd-tag {
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-2);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-big);
	border-radius: var(--rd-borderradius-border-xl);
	color: var(--rd-font-dark);
	margin-left: var(--rd-spacing-xxx-big);
	background-color: #fefce8;
}

.pc_ucv3_listitem[data-sel-mode="NOT_SELECTED"] .rd-tag {
	background-color: #d9e3f0;
}

@media screen and (max-width: 1025px) {
	.clc_content {
		width: 100% !important;
	}
}

@media screen and (max-width: 1000px) {
	.addkurs_body #ab_cont1 .catrgory_list {
		display: grid !important;
		margin-top: var(--rd-spacing-sm);
		grid-template-columns: 1fr 1fr;
		gap: var(--rd-spacing-md);
	}

	.addkurs_body #ab_cont1 .catrgory_list label,
	.addkurs_body #ab_cont1 .newcategory {
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.addkurs .addkurs_header {
		display: flex;
		justify-content: space-between;
		padding: var(--rd-spacing-x-sm) 0px 9px 0px;
		box-shadow: 0 0 10px 0 rgb(63 63 68 / 50%);
		position: relative;
		background: var(--rd-font-light);
	}

	.addkurs .ah_element .eh_e_text {
		display: none;
	}

	.addkurs .ah_element.aktive .eh_e_text {
		display: inline-block;
	}

	.addkurs .addkurs_header::after {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		right: 0;
		height: 2px;
		background: #dfe3e8;
		z-index: 0;
	}

	.addkurs .ah_element {
		font-size: var(--rd-fontsize-5);
		color: var(--cl-asphalt-blue);
		position: relative;
		background: var(--rd-font-light);
		z-index: 1;
	}

	.addkurs .ah_e_bullet {
		margin-right: 0 !important;
	}

	.addkurs_body #ab_cont1 .catrgory_list {
		display: grid !important;
		margin-top: var(--rd-spacing-sm);
		width: 100% !important;
		grid-template-columns: 1fr;
	}

	.addkurs_body #ab_cont1 .catrgory_list label {
		width: 100% !important;
	}

	.addkurs_body #ab_cont1 .newcategory {
		width: 100%;
	}

	.addkursform_form_desc .newadd .cert_select {
		text-align: center;
	}

	.addkurs_body #ab_cont1 .ce_text {
		font-weight: var(--rd-fontweights-open-sans-0);
	}

	.newadd .modul_element,
	.modul_add_form h5 {
		font-weight: var(--rd-fontweights-open-sans-1);
		font-size: var(--rd-fontsize-5);
		color: var(--rd-font-dark);
	}

	.form_btn_block&gt;span,
	.form_btn_block&gt;button {
		display: block;
		text-align: center;
		width: 100%;
		margin: var(--rd-spacing-x-sm) 0;
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 400px) {
	.addkurs #ab_cont1 {
		padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) 0px var(--rd-spacing-md);
	}

	.addkurs .addkurs_navi&gt;div {
		display: block;
		padding-bottom: var(--rd-spacing-big);
	}

	.addkurs .addkurs_navi_right button,
	.addkurs .addkurs_navi_left button {
		width: 100%;
	}
}

.cn_btn.refresch:before {
	content: "";
	display: inline-block;
	background-color: var(--cl-dark-grey);
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	mask-image: url("/src/img/svg/reload_icon.svg");
	-webkit-mask-image: url("/src/img/svg/reload_icon.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

#ModulListe {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	margin-left: var(--rd-spacing-x-big);
}

#ModulListe li {
	display: block;
	margin: 0;
	padding: 0;
}

#ModulListe li ul {
	margin-top: var(--rd-spacing-x-sm);
}

#ModulListe li {
	margin-bottom: 5px;

	border-radius: var(--rd-borderradius-border-md);
	cursor: move;
	position: relative;
}

#ModulListe li::before {
	content: "";
	display: inline-block;
	bottom: 0;
	vertical-align: middle;
	background-color: var(--cl-light-grey);
	height: 12px;
	background-size: 100%;
	width: 20px;
	z-index: 5;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/qm-burger.svg");
	-webkit-mask-image: url("/src/img/2021/svg/qm-burger.svg");
	cursor: move;
	position: absolute;
	left: 10px;
	top: 10px;
}

#ModulListe li .clickable {
	cursor: pointer;
}

#ModulListe li .clickable li {
	display: grid;
	grid-template-areas: "ICON NAME TIME";
	grid-template-columns: 24px auto 80px;
	width: 100%;
	font-size: var(--rd-fontsize-4);
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: var(--rd-spacing-xx-sm);
}

#ModulListe li .clickable li .icon {
	padding-right: var(--rd-spacing-x-sm);
	grid-area: ICON;
}

#ModulListe&gt;li .clickable li .time {
	grid-area: TIME;
}

#ModulListe li::before {
	left: -30px;
	top: 4px;
}

#ModulListe&gt;li .clickable li .icon:before {
	content: "";
	display: inline-block;
	background-color: var(--rd-primary-active);
	width: var(--rd-fontsize-3);
	height: var(--rd-fontsize-3);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.me-video .icon:before {
	mask-image: url("/src/img/2021/svg/video-content.svg");
	-webkit-mask-image: url("/src/img/2021/svg/video-content.svg");
}

.me-audio .icon:before {
	mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
	-webkit-mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
}

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

.me-quiz .icon:before {
	mask-image: url("/src/img/2021/svg/question-sign.svg");
	-webkit-mask-image: url("/src/img/2021/svg/question-sign.svg");
}

#ModulListe&gt;li .clickable li .text {
	padding-left: 4px;
	line-height: var(--rd-lineheights-0);
	/* color: var(--rd-font-dark); */
	grid-area: NAME;
}

#ModulListe&gt;li .clickable li .time {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-3);
	text-align: right;
	padding-right: var(--rd-spacing-x-sm);
}

#ModulListe&gt;li summary {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
}

#ModulListe&gt;li details ul {
	margin-left: var(--rd-spacing-md);
}

.ok_icon {
	display: inline-block;
	background-color: var(--rd-primary-active);
	width: var(--rd-fontsize-14);
	height: var(--rd-fontsize-14);
	mask-image: url("/src/img/2023/svg/icons/rd-icon-badgeCheck.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-badgeCheck.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

#ModulListe summary:before {
	content: "";
	display: inline-block;
	background-color: var(--rd-font-dark);
	width: 12px;
	height: 12px;
	mask-image: url("/src/img/2023/svg/icons/list-arrow-rightF.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/list-arrow-rightF.svg");
	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: baseline;
	margin-right: 5px;
	transition: all 0.2s linear;
}

#ModulListe details[open] summary:before {
	/* background-color:#000; */
	transform: rotate(90deg);
}

#ModulListe summary::marker {
	font-size: 0;
}

.cat_module_grid {
	display: grid;
	grid-template-areas: "MD CU";
	grid-template-columns: 50% 50%;
	gap: var(--rd-spacing-md);
}

.cat_module_grid&gt;div {
	padding: var(--rd-spacing-md);
	background-color: var(--rd-font-light);
	border-radius: var(--rd-borderradius-border-md);
}

.cat_module_grid #cmg_categories&gt;.set_right {
	margin-bottom: var(--rd-spacing-x-big);
}

.cem_element_grid {
	border: 1px solid var(--rd-input-default);
	display: grid;
	grid-template-areas: "TITEL TIME COUNT ACTION";
	width: 100%;
	align-content: center;
	grid-template-columns: auto 160px 50px 80px;
	gap: var(--rd-spacing-x-sm);
	cursor: pointer;
	padding: 5px 0 5px var(--rd-spacing-lg);
}

.cem_element_grid&gt;span {
	align-self: center;
}

.cem_element_grid .cemeg-name {
	grid-area: TITEL;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.cem_element_grid .cemeg-time {
	grid-area: TIME;
}

.cem_element_grid .cemeg-time:after {
	content: "";
	display: inline-block;
	background-color: var(--rd-input-hover);
	width: 14px;
	height: 14px;
	margin-left: 2px;
	mask-image: url("/src/img/2023/svg/icons/instr-clock.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/instr-clock.svg");
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	margin-top: -4px;
}

.cem_element_grid .cemeg-count {
	grid-area: COUNT;
}

.cem_element_grid .cemeg-count:after {
	content: "";
	display: inline-block;
	background-color: var(--rd-input-hover);
	width: 14px;
	height: 14px;
	margin-left: 2px;
	mask-image: url("/src/img/2023/svg/icons/rd-icon-blog.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-blog.svg");
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	margin-top: -4px;
}

.cem_element_grid .cemeg-actions {
	grid-area: ACTION;
}

.mr20 {
	margin-right: 20px;
}

#cmg_courses .flex {
	gap: 12px;
	justify-content: end;
}

.quickc_list {
	text-align: left;
	overflow-y: scroll;
	height: 250px;
	margin: 0;
}

.quickc_list li {
	margin-bottom: var(--rd-spacing-sm);
}

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

.modul_element_list li {
	display: block;
}

.mel_element_grid {
	display: grid;
	grid-template-areas: "IMG TEXT TYP TIME ACTION";
	gap: var(--rd-spacing-x-sm);
	grid-template-columns: 60px auto 80px 80px 35px;
	margin-bottom: var(--rd-spacing-x-sm);
}

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

.meeg-typ {
	font-size: var(--rd-fontsize-4);
	font-style: italic;
	color: var(--rd-success-default);
}

.modul_element_list li img {
	width: 100%;
}

.category-moduls {
	margin-top: var(--rd-spacing-huge);
}

.category-modul-details .summary {
	/* 	display: grid;
	grid-template-areas: "NAME TIME COUNT";
	grid-template-columns: 400px 100px 100px; */
	display: block;
	cursor: pointer;
	margin-bottom: var(--rd-spacing-md);
}

.category-modul-details .summary.sticky {
	position: fixed;
	top: 0;
	z-index: 1000;
	background-color: white;
}

.category-modul-details .cmd_courses .summary.sticky {
	top: 20px;
}

.user_fortbildungen .summary {
	display: grid;
	grid-template-areas:
		"NAME TIME PROGRES";
	grid-template-columns: auto 240px 160px !important;
	padding: var(--rd-spacing-xx-big) var(--rd-spacing-x-big);
	border-bottom: 1px solid var(--rd-input-default);
	margin-bottom: 0;
}

.user_fortbildungen .cmd_courses .cert_content {
	padding: var(--rd-spacing-big);
}

.user_fortbildungen .cmd_courses .cert_content .rd-primary-btn {
	width: auto !important;
}

.user_fortbildungen .category-modul-details:last-child .summary {
	border-bottom: none;
}

.user_fortbildungen .summary .cmd_laenge,
.user_fortbildungen .summary .cmd_count {
	text-align: left;
}

.user_fortbildungen .summary .td-new-proces {
	display: inline-flex;
	display: grid;
	grid-template-areas:
		"progress text tootltip";
	grid-template-columns: auto 35px 20px;
}

.user_fortbildungen .category-modul-details details .summary .cmd_name {
	font-size: var(--rd-fontsize-3);
}

.user_fortbildungen .summary .cmd_name {
	grid-area: NAME;
}

.user_fortbildungen .summary .cmd_laenge {
	grid-area: TIME;
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 132%;
	letter-spacing: 0.11px;
	color: var(--rd-font-dark);
}

.user_fortbildungen .summary .rd-icon-clock::before {
	background-color: var(--rd-secondary-active);
	margin-right: var(--rd-spacing-x-sm);
}

.user_fortbildungen .summary .cmd_count {
	grid-area: PROGRES;
}

.user_fortbildungen .cmd_courses .summary {
	padding: 10px var(--rd-spacing-x-big);
	margin: 0 !important;
}

.user_fortbildungen .summary .cmd_courses {
	padding-left: 0;
}

.category-modul-details details .summary .cmd_name {
	/* font-size: var(--rd-fontsize-5); soll sein*/
	font-size: var(--rd-fontsize-4);
	/* font-weight: var(--rd-fontweights-open-sans-0); soll sein*/
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.16px;
}

.cmd_courses .category-modul-details .summary {
	margin-bottom: var(--rd-spacing-x-sm);
	margin-top: var(--rd-spacing-x-sm);
}

.cmd_courses .category-modul-details:first-child .summary {
	margin-top: var(--rd-spacing-x-big);
}

.category-modul-details .cmd_courses .category-modul-details .cl_course {
	margin-bottom: 16px !important;
}

.cmd_courses .category-modul-details .cl_course {
	margin-bottom: 0 !important;
}

.category-modul-details details .summary {
	grid-template-columns: 336px 100px 100px;
}

.user_fortbildungen .category-modul-details details .summar {
	grid-template-columns: 360px 200px 100px;
}

.cmd_name {
	grid-area: NAME;
	/* font-size: var(--rd-fontsize-7); soll sein*/
	font-size: var(--rd-fontsize-5);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	/* 26.4px */
	letter-spacing: 0.2px;
	color: var(--rd-font-dark);
}

.cmd_name+.cl_course {
	margin-top: 20px;
}

.mobilApp .cmd_name {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-8);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	/* 29.04px */
	/* letter-spacing: 0.22px; */
}

.mobilApp .category-modul-details .cmd_name .count:after {
	background-color: var(--rd-primary-active);
	float: right;
}

.category-modul-details .cmd_name .count {
	display: inline-block;
	margin-left: var(--rd-spacing-xx-sm);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.category-modul-details .cmd_name .count:after {
	content: "";
	height: 14px;
	width: 14px;
	margin-right: var(--rd-spacing-x-sm);
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg");
	/* background-color: var(--rd-success-default); */
	mask-size: contain;
	-webkit-mask-size: 22px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	margin-right: 4px;
	height: 22px;
	width: 22px;
	vertical-align: middle;
	background-color: var(--rd-secondary-hover);
	align-self: center;
	transition: all 0.2s linear;
}

.category-modul-details[open] .cmd_name .count:after {
	transform: scaleY(-1);
}

.category-modul-details[open] .category-modul-details .cmd_name .count:after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg") !important;
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg") !important;
	transform: scaleY(1) !important;
}

.category-modul-details[open] .category-modul-details[open] .cmd_name .count:after {
	transform: scaleY(-1) !important;
}

.category-modul-details .category-modul-details {
	padding-left: var(--rd-spacing-sm);
}

.course_stars_element {
	/* position:relative; */
}

.course_stars_element .course_stars_detail {
	display: none;
	position: absolute;
	z-index: 100;
	right: 0;
	padding: var(--rd-spacing-md);
	background-color: #fff;
}

pc-course-previewv2 .course_stars_element .course_stars_detail {
	bottom: 0;
	padding: 10px;
	margin-left: 20px;
	right: -30px;
	/* left: 0; */
}

.rd-course-card:first-child .course_stars_detail,
.rd-course-card:nth-child(3n + 1) .course_stars_detail {
	right: unset;
	left: 10px;
}

.course_stars_element:hover .course_stars_detail {
	display: block;
	border-radius: var(--x-sm, 8px);
	border: 0.5px solid var(--Gray-Dark-Gray-400, #ccc);
	background: var(--Card-fg, #fff);

	/* Shadow - lg */
	box-shadow: 0px 20px 25px -5px rgba(15, 15, 16, 0.1), 0px 10px 10px -5px rgba(15, 15, 16, 0.04);
}

.course_stars_detail_element {
	display: block;
	/* padding: var(--rd-spacing-md); */
	position: relative;
}

pc-course-previewv2 .course_stars_detail_element {
	padding-top: 0;
	padding-left: 0;
}

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

.csde_stars_recommend {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-1);
	/* 20.4px */
	display: block;
	margin-bottom: var(--rd-spacing-sm);
}

.csde_stars_course,
.csde_stars_referent {
	display: grid;
	grid-template-areas: "TITEL STARS IMG COUNT";
	grid-auto-columns: 50px 20px 100px auto;
	font-size: var(--rd-fontsize-3);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-1);
	/* 20.4px */
	margin-bottom: var(--rd-spacing-xx-sm);
	gap: var(--rd-spacing-xx-sm);
}

.csdesc_titel {
	grid-area: TITEL;
	color: var(--rd-font-dark);
}

.csdesc_stars {
	grid-area: STARS;
}

.csdesc_img {
	grid-area: IMG;
}

.csdesc_img .rd-stars:after,
.csdesc_img .rd-star-full,
.csdesc_img .rd-star-half,
.csdesc_img .rd-star-empty {
	background-color: var(--rd-warning-default);
}

.csdesc_count {
	grid-area: COUNT;
	white-space: nowrap;
}

.rd-stars {
	display: flex;
	position: relative;
	height: 20px;
}

.rd-star-full,
.rd-star-half,
.rd-star-empty {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--rd-input-focused);
	mask-size: 20px;
	-webkit-mask-size: 20px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.rd-course-card .rd-star-full,
.rd-course-card .rd-star-half,
.rd-course-card .rd-star-empty {
	width: 15px;
	height: 15px;
}

.rd-star-full {
	mask-image: url("/src/img/2024/svg/icons/rd-full-star.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-full-star.svg");
}

.rd-star-half {
	mask-image: url("/src/img/2024/svg/icons/rd-half-empty-star.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-half-empty-star.svg");
}

.rd-star-empty {
	mask-image: url("/src/img/2024/svg/icons/rd-empty-star.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-empty-star.svg");
}

.course_stars_grid {
	font-size: var(--rd-fontsize-3);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: normal;
	display: grid;
	grid-template-areas: "STARS IMG ICON COUNT";
	grid-template-columns: 22px 76px 17px auto;
	line-height: var(--rd-spacing-big);
	color: var(--rd-input-focused);
}

.course_stars_grid&gt;span {
	align-self: center;
	/* place-self: center; */
}

.course_stars_grid&gt;span.cstg_stars_number {
	grid-area: STARS;
}

.course_stars_grid&gt;span.cstg_stars_img {
	/* display: flex; */
	grid-area: IMG;
}

.course_stars_grid&gt;span.cstg_stars_dropdown_icon {
	grid-area: ICON;
}

.course_stars_grid&gt;span.cstg_stars_dropdown_icon:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background-color: var(--rd-input-focused);
	mask-image: url("/src/img/2023/svg/icons/list-arrow-down.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/list-arrow-down.svg");
	mask-size: 15px;
	-webkit-mask-size: 15px;
	mask-position: left;
	-webkit-mask-position: left;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.course_stars_grid&gt;span.cstg_stars_counter {
	grid-area: COUNT;
}

.csde_stars_detail {
	margin-top: var(--rd-spacing-sm);
	display: block;
}

.csdd_stars_element {
	display: grid;
	grid-template-areas: "TEXT BAR PROCENT";
	grid-template-columns: 50px 300px auto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
	/* 20.4px */
	white-space: nowrap;
	gap: var(--rd-spacing-xx-sm);
}

.csdde_stars_number {
	grid-area: TEXT;
	color: var(--rd-font-dark);
}

.csdde_stars_progressbar_BG {
	display: block;
	position: relative;
	background-color: #d9d9d9;
	height: 8px;
	border-radius: 8px;
	vertical-align: middle;
	margin-top: 7px;
	overflow: hidden;
}

.csdde_stars_progressbar_full {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--rd-success-default);
}

.course_stars_element {
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.category-modul-details .cl_course.cl_flex {
	display: flex;
}

@media screen and (max-width: 560px) {
	.course_stars_element {
		position: unset;
	}

	.course_stars_detail {
		left: 0;
	}

	.csdd_stars_element {
		width: 100%;
		grid-template-columns: 50px auto 20px;
	}
}

pc-course-recommender pc-course-stars {
	position: relative;
	z-index: 1;
}

pc-course-recommender pc-course-stars .course_stars_detail {
	bottom: 0;
}

.category-moduls summary::marker {
	font-size: 0;
	display: none;
}

.cat-modul-detail {
	/* margin-left: var(--rd-spacing-x-big); */
	/* width: calc(100% - var(--rd-spacing-x-big)) !important; */
}

.cat-modul-detail.cmd-desc&gt;span {
	display: block;
}

details[open]&gt;summary .cat-modul-detail {
	display: none;
}

.cmd-desc.clc_content&gt;span {
	display: block;
}

.clcc_status.modul_status {
	display: flex !important;
	gap: var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	/* 19.2px */
	color: var(--rd-input-focused);
}

.clcc_status.modul_status&gt;span i,
.clcc_status.modul_status&gt;span i::before {
	display: inline-block;
	width: 24px;
	height: 24px;
}

.clcc_status.modul_status&gt;span i {
	position: relative;
	vertical-align: middle;
	margin-right: var(--rd-spacing-xx-sm);
}

.clcc_status.modul_status&gt;span i:after {
	content: "";
	position: absolute;
	vertical-align: middle;
	/* margin-right: var(--rd-spacing-xx-sm); */
	mask-size: 20px;
	-webkit-mask-size: 20px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
}

.clcc_status.modul_status&gt;span i::before {
	position: absolute;
	content: "";
	background-color: #ecf1f8;
	border-radius: var(--rd-borderradius-border-md);
}

.clcc_status.modul_status&gt;span.modul_time i::before {
	background-color: var(--cl-light-green);
}

.clcc_status.modul_status&gt;span.online_icon i:after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-desktop-computer.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-desktop-computer.svg");
	background-color: var(--rd-secondary-active);
}

.clcc_status.modul_status&gt;span.modul_time i:after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
	background-color: var(--rd-success-default);
}

.clcc_status.modul_status&gt;span.modul_c_ocunt i:after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-film.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-film.svg");
	background-color: var(--rd-secondary-active);
}

.clcc_status.modul_status&gt;span.webinar_icon i:after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-camera-24.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-camera-24.svg");
	background-color: var(--rd-secondary-active);
}

.clcc_status.modul_status&gt;span.offline_icon i:after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-user.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-user.svg");
	background-color: var(--rd-primary-active);
}

.clcc_status.modul_status&gt;span.offline_icon i::before {
	background-color: #fff8f9;
}

.cmd-desc.clc_content .rd-primary-btn-outline {
	display: inline-block;
	margin-left: auto;
	/* 	position: absolute;
	right: 20px;
	bottom: 24px; */
	text-align: center;
}

.category-modul-details .clcc_categorys {
	font-size: var(--rd-fontsize-5);
	line-height: 120%;
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
	margin-top: 0;
	font-weight: 400;
}

.category-modul-details .clcc_name {
	line-height: 132%;
	letter-spacing: 0.22px;
	margin-bottom: var(--rd-spacing-lg);
}

.category-modul-details .cmd_courses .cl_course.cl_flex .clcc_name {
	margin-bottom: var(--rd-spacing-md);
}

.category-modul-details .cmd-desc.clc_content,
#ergebnis .category-modul-details .clc_content {
	padding: var(--rd-spacing-big) var(--rd-spacing-big) var(--rd-spacing-x-big) var(--rd-spacing-big);
}

.category-modul-details .cmd-desc.clc_content {
	cursor: pointer;
	display: grid;
	grid-template-areas:
		"one"
		"two"
		"three";
}

.category-modul-details {
	align-items: end;
}

.category-modul-details .clc_img {
	height: 197px;
	min-height: 197px;
}

.clc_lazy_img img {
	width: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	object-fit: cover;
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
}

.clc_lazy_img .kp_points {
	position: relative;
	z-index: 1;
}

#ergebnis .category-modul-details .cmd-desc .clcc_status {
	/* 	position: absolute;
	bottom: 24px; */
	padding-bottom: 0;
}

.user_fortbildungen .category-modul-details summary {
	margin: 0 20px;
}

.category-modul-details .clcc_status&gt;div {
	position: relative;
}

/* .category-modul-details .clcc_status .prev_kurs_time:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clock-box.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clock-box.svg");
	background-color: var(--rd-success-default);
	mask-size: 20px;
	-webkit-mask-size: 20px;
	background-image: none;
}

.category-modul-details .clcc_status .kt_online:before {
	mask-image: url(/src/img/2024/svg/icons/rd-icon-desktop-computer-box.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-desktop-computer-box.svg);
	background-color: var(--rd-secondary-active);
	mask-size: 20px;
	-webkit-mask-size: 20px;
	background-image: none;
}

.category-modul-details .clcc_status .prev_kurs_lektion:before {
	mask-image: url(/src/img/2024/svg/icons/rd-icon-film-box.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-film-box.svg);
	background-color: var(--rd-secondary-active);
	mask-size: 20px;
	-webkit-mask-size: 20px;
	background-image: none;
} */

/*
.category-modul-details .clcc_status &gt; div:before {	
	z-index: 100;
	position: relative;
	top: 2px;
}

 .category-modul-details .clcc_status .prev_kurs_lektion:after,
.category-modul-details .clcc_status .kt_online:after,
.category-modul-details .clcc_status .prev_kurs_time:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: -2px;
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--cl-blue-box);
}*/

.category-modul-details pc-tooltip {
	margin-left: 0;
}

.category-modul-details .clcc_status {
	gap: 4px;
	flex-wrap: wrap;
	display: flex;
}

.category-modul-details .clcc_status.modul_status {
	gap: var(--rd-spacing-md);
}

.category-modul-details .cat-modul-detail .clc_img {
	width: 60%;
	max-width: 706px;
	background-size: cover;
	background-position: center;
}

.category-modul-details .cl_course.cl_flex .clc_img {
	max-width: 353px;
	width: 100%;
}

.category-modul-details .set_fav {
	margin-top: 0;
}

.category-modul-details pc-course-wishes {
	bottom: 20px;
	right: 19px;
}

/* .cmd_courses .clcc_categorys{
	font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-0);
color: var(--rd-input-hover);
} */

.category-modul-details .category-modul-details .cmd_courses .clcc_categorys {
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-input-hover);
}

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

.category-modul-details .clcc_status_btn {
	display: flex !important;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: space-between;
	/* 	position: absolute;
	bottom: 24px;
	right: 20px;
	left: 20px; */
	align-content: end;
}

.weterbildung-info-box {
	position: relative;
	display: block;
	background-color: var(--rd-list-default-light);
	padding: var(--rd-spacing-x-big);
	border-radius: var(--rd-borderradius-border-sm);
	border: 1px solid var(--rd-input-default);
	box-shadow: 0px 1px 3px 0px rgba(15, 15, 16, 0.1), 0px 1px 2px 0px rgba(15, 15, 16, 0.06);
}

.weterbildung-info-box&gt;span {
	display: inline-flex;
	margin-right: var(--rd-spacing-x-big);
	margin-bottom: var(--rd-spacing-sm);
	color: var(--Gray-Dark-Gray-500, #808081);
	font-feature-settings: "liga" off;
	font-size: var(--rd-fontsize-5);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	/* 19.2px */
	letter-spacing: 0.16px;
	gap: var(--rd-spacing-xx-sm);
	align-items: center;
}

.weterbildung-info-box&gt;span .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #ecf1f8;
	vertical-align: middle;
	border-radius: var(--rd-borderradius-border-md);
}

.weterbildung-info-box&gt;span.time .icon {
	background-color: #f7fbf0;
	position: relative;
}

.weterbildung-info-box&gt;span.quiz .icon,
.weterbildung-info-box&gt;span.cert .icon,
.weterbildung-info-box&gt;span.time-interval .icon {
	background-color: #fef9fa;
}

.weterbildung-info-box .icon::before {
	content: "";
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	align-self: center;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
}

.weterbildung-info-box .time .icon::before {
	background-color: var(--rd-success-default);
}

.weterbildung-info-box&gt;span .icon {
	position: relative;
}

.weterbildung-info-box .time .icon::before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
}

.weterbildung-info-box .courses .icon::before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-film.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-film.svg");
}

.weterbildung-info-box .intergration .icon::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-chat-alt-2.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-chat-alt-2.svg");
}

.weterbildung-info-box .quiz .icon::before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-check-thin.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-check-thin.svg");
}

.weterbildung-info-box .cert .icon::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-graduate.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-graduate.svg");
	width: 20px;
	height: 20px;
	background-color: var(--rd-primary-active);
}

.weterbildung-info-box .time-interval .icon::before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-lamp.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-lamp.svg");
}

.weterbildung-info-box .courses .icon::before,
.weterbildung-info-box .intergration .icon::before {
	background-color: var(--rd-secondary-active);
}

.weterbildung-info-box .time .icon::before {
	background-color: var(--rd-success-default);
}

.wib-text {
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-5);
}

.clcc_text {
	color: var(--rd-input-hover);
	/* font-family: "Open Sans"; */
	font-size: var(--rd-fontsize-4);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-1);
	/* 150% */
}

.clcc_text+.action {
	margin-top: 24px;
}

.category-modul-details .cmd-desc.clc_content:hover {
	background-color: #f7fbf0;
}

.cours-count-titel {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
	margin: var(--rd-spacing-x-lg) 0;
}

details summary::-webkit-details-marker {
	display: none;
}

.rd-webinar-container .webinar_showcerwrap a:hover {
	color: #668FC5 !important;
}

/* .cmd_courses .clc_img {
	background-size: 100% !important;
} */

@media screen and (max-width: 1300px) {
	.category-modul-details .cat-modul-detail .clc_img {
		max-width: 550px;
	}

	.cat_module_grid {
		grid-template-areas:
			"MD"
			"CU";
		grid-template-columns: 100%;
	}
}

@media screen and (max-width: 1024px) {
	details.category-modul-details .cl_course {
		flex-direction: column;
	}

	.category-modul-details .clc_content {
		width: 93% !important;
	}

	.category-modul-details .cat-modul-detail .clc_img {
		width: 100%;
	}

	.future_date {
		top: unset;
		bottom: 0;
		right: 0;
	}
}

@media screen and (max-width: 800px) {
	.user_fortbildungen .summary {
		grid-template-areas:
			"NAME NAME"
			"TIME PROGRES" !important;
		grid-template-columns: 300px auto !important;
		row-gap: 8px;
	}
}

@media screen and (max-width: 600px) {
	.category-modul-details .clc_content {
		width: 100% !important;
	}

	.category-modul-details .clcc_status_btn {
		position: relative;
	}

	.category-modul-details .rd-primary-btn-outline {
		width: auto !important;
	}

	.weterbildung-info-box&gt;span {
		display: grid;
		grid-template-columns: 24px auto;
	}

	.category-modul-details .cat-modul-detail .clc_img,
	.category-modul-details .cmd-desc.clc_content,
	#ergebnis .category-modul-details .clc_content,
	.category-modul-details .clc_img {
		box-sizing: border-box;
	}

	.category-modul-details .clcc_status_btn {
		left: 0;
	}

	.category-modul-details .cmd_courses {
		padding-left: 0;
	}

	#ab_cont1 .table_input {
		display: grid !important;
	}

	#ab_cont1 .afpi_text {
		border-right: var(--rd-borderwidth-border-default) solid !important;
	}

	.user_fortbildungen .summary {
		grid-template-areas: "NAME" "TIME" "PROGRES" !important;
		grid-template-columns: 100% !important;
	}
}

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

	.cmd_courses .clc_img,
	.category-modul-details .category-modul-details .cl_course.cl_flex .clc_img,
	.category-modul-details .cl_course.cl_flex .clc_img {
		height: 197px !important;
	}
}

.kb-weiterbildung-sell-sub-tilte {
	color: var(--rd-primary-active);
	text-align: center;

	/* Headline h4 */
	/* font-family: "Open Sans"; */
	font-size: var(--rd-fontsize-7);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	/* 29.4px */
	margin-bottom: var(--rd-spacing-x-sm);
	margin-top: var(--rd-spacing-md);
}

.kb-weiterbildung-sell-tilte {
	color: var(--rd-font-dark);
	text-align: center;
	font-feature-settings: "liga" off;

	/* Headline H2 */
	/* font-family: "Open Sans"; */
	font-size: var(--rd-fontsize-11);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	/* 36.96px */
	letter-spacing: 0.28px;
	max-width: 620px;
	display: inline-block;
}

.kb-weiterbildung-sell-action {
	margin-top: var(--rd-spacing-xxx-big);
}

.set-center {
	text-align: center;
}

#cmg_courses .time_box {
	text-align: left;
	color: var(--rd-input-hover);
}


[data-webinars="0"][data-instr="0"]&gt;summary {
	display: none
}

[data-webinars="0"][data-instr="0"][data-perent="0"]&gt;summary {
	display: block;
}

[data-perent="0"]&gt;summary .hide_count {
	font-size: 0;
}


.wib-header {
	display: flex;
	justify-content: space-between;
}

.bundesland-select {
	display: flex;
	align-items: center;
	margin-bottom: var(--rd-spacing-xxx-big);
	gap: var(--rd-spacing-big);
}

.bundesland-select label {
	color: var(--rd-font-dark);
	text-align: right;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	margin: 0;
}

.bundesland-select-info-text {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
}

.bundesland-select .info {
	color: var(--rd-input-focused);
	text-align: right;
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
}

.bundesland-select pc-tooltip {
	margin: 0;
	width: 18px;
	height: 18px;
	vertical-align: top;
}

.bundesland-select-tooltip {
	width: 18px;
	height: 18px;
}

.bundesland-select select {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	padding: var(--rd-spacing-sm) var(--rd-spacing-md);

}

.zentral_category_icon {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: #FFF;
	right: 16px;
	top: 16px;
	z-index: 1;
	border-radius: var(--rd-borderradius-border-md);
}

.zentral_category_icon::before {
	content: "";
	mask-image: url('/src/img/svg/af/house.svg');
	-webkit-mask-image: url('/src/img/svg/af/house.svg');
	mask-size: 15px;
	-webkit-mask-size: 14px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-primary-active);
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}


.modal_dialog:has(.rd-treeview) .modal_dialog_closelink,
.rd-surveys-templates-dummy .modal_dialog_closelink {
	top: 24px;
	right: 24px;
}

.webinar_showcerwrap .rd-webinar-certificate {
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-5);
}

.webinar_showcerwrap {
	margin-bottom: var(--rd-spacing-xx-sm) !important;
}

.webinar_card_controls .webinar_showcerwrap .rd-webinar-certificate {
	color: var(--rd-input-hover);
}

.clcc_navi:has(.webinar_showcerwrap) .webinar_visitlinkwrap {
	margin-bottom: var(--rd-spacing-xxx-big);
}

.rd-webinar-certificate-download a {
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.14px;
}

.rd-webinar-certificate-download a:hover {
	color: var(--rd-secondary-hover);
}

.rd-webinar-certificate-download a:focus {
	color: var(--rd-secondary-pressed);
}

.rd-webinar-container .rd-webinar-certificate-download {
	margin-top: var(--rd-spacing-x-sm) !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.webinar_showcerwrap a {
	color: var(--rd-secondary-active) !important;
	border: none !important;
	background-color: transparent !important;
	margin-bottom: var(--rd-spacing-xxx-big);
}

.rd-webinar-container {
	container-type: inline-size;
}

.rd-webinar-container .clcc_navi&gt;div:nth-child(3) {
	padding-bottom: 0 !important;
}

.rd-btn-show-cert {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	/* 18.48px */
	letter-spacing: 0.14px;
	color: var(--rd-font-dark);
	margin: var(--rd-spacing-x-big) var(--rd-spacing-big) 0;
	justify-content: space-between;
	display: flex;
}

.rd-btn-show-cert::after {
	background-color: var(--rd-font-dark) !important;
}

.rd-webinar-container .kurs_tab_cont:has(.rd-btn-show-cert) .rd-webinar-certificate {
	color: #535353;
	text-align: center;
	font-size: var(--rd-fontsize-4) !important;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 24px;
}

.rd-webinar-container .kurs_tab_cont:has(.rd-btn-show-cert) .rd-webinar-cert-mobile {
	display: flex;
	justify-content: center;
}

.rd-webinar-container .kurs_tab_cont:has(.rd-btn-show-cert) .webinar_showcerwrap {
	justify-content: center;
}

.rd-webinar-container .kurs_tab_cont:has(.rd-btn-show-cert) .webinar_showcerwrap a {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(l--rd-lineheights-0);
	letter-spacing: 0.14px;
}



.rd-webinar-container .ktc_tab li label:before {
	display: none;

}

.rd-webinar-container .ktc_tab li label {
	cursor: default;
	font-weight: var(--rd-fontweights-open-sans-1);
	margin-top: var(--rd-spacing-md);
}

.rd-webinar-cert-mobile .clcc_navi {
	margin-top: var(--rd-spacing-x-big) !important;
}

.rd-webinar-container .webinar_showcerwrap:nth-child(3) {
	margin-bottom: var(--rd-spacing-x-big) !important;
}

.rd-webinar-container .webinar_showcerwrap:nth-child(3)+.webinar_showcerwrap:nth-child(4) {
	margin-bottom: var(--rd-spacing-x-big) !important;
}

.rd-webinar-container:has(.webinar_showcerwrap:nth-child(4)) .webinar_showcerwrap:nth-child(3) {
	margin-bottom: 4px !important;
}

@media (max-width:768px) {

	.rd-webinar-container .ktc_tab li label {
		margin-top: var(--rd-spacing-x-big);
	}
}

@container (max-width:950px) {

	.rd-webinar-container .rd-webinar-certificate {
		font-size: var(--rd-fontsize-3) !important;

	}

	.rd-webinar-container .instruction_img_overlay_container a {
		font-size: var(--rd-fontsize-1) !important;
	}

	.rd-webinar-container .instruction_img_overlay_container a::before {
		height: 15px;
		width: 15px;
	}

	.rd-webinar-container .rd-webinar-certificate-download {
		margin-top: 0 !important;
	}

	.rd-webinar-container .instruction_img_overlay_container {
		gap: 0;
	}
}





/*----------------------------------------*/
/* FILE: HomepageNew.css */
/*----------------------------------------*/

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

.rd-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: var(--rd-spacing-x-huge);
	grid-template-areas: "IMG CONTENT";
	text-align: left;
	gap: var(--rd-spacing-xxx-lg);
}

.rd-container:nth-child(2n) {
	grid-template-areas: "CONTENT IMG";
}

.rd-fortbildungPlanung .rd-container,
.rd-subPages.qm .rd-container,
.rd-bonussystem .rd-container {
	grid-template-areas: "CONTENT IMG";
}

.rd-fortbildungPlanung .rd-container:nth-child(2n),
.rd-subPages.qm .rd-container:nth-child(2n),
.rd-bonussystem .rd-container:nth-child(2n) {
	grid-template-areas: "IMG CONTENT";
}

.rd-fortbildungPlanung .rd-homepage-video+.rd-homepage-containers .rd-container,
.rd-subPages.qm .rd-homepage-video+.rd-homepage-containers .rd-container {
	grid-template-areas: "IMG CONTENT" !important;
}

.rd-subPages.qm .rd-container[name="hompage-Sommerangebot"] {
	grid-template-areas: "IMG CONTENT" !important;
	margin-bottom: 0;
	margin-top: var(--rd-spacing-lg);
}

.rd-bonussystem .rd-container[name="mitarbeiter-bonussystem"] {
	grid-template-areas: "IMG CONTENT" !important;
}

.rd-subPages.qm .rd-homepage-video {
	margin-top: 100px;
}

.rd-conainers-sub-colored .rd-container {
	grid-template-areas: "CONTENT IMG";
	margin-bottom: 35px;
}

.rd-conainers-sub-colored .rd-contentListe {
	margin-bottom: var(--rd-spacing-md);
}

.rd-container:first-child {
	margin-top: var(--rd-spacing-x-huge);
}

.rd-conainers-sub-colored .rd-container {
	margin-top: 100px;
}

.rd-containerContent {
	grid-area: CONTENT;
	display: flex;
	flex-direction: column;
	align-self: center;
}

.rd-containerImage {
	grid-area: IMG;
	display: flex;
}

.rd-container[name="qm-functions"] .rd-containerImage img {
	margin-top: 182px;
}

/* .rd-container:first-child {
  margin-top: 120px;
} */

/*.rd-container {
  margin: 60px 0 check later};*/

.rd-contentTitle {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-7);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-contentSubtitle {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-lg);
	/*45px*/
	color: var(--rd-font-dark);
}

.rd-contentText {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
}

.rd-btnContainer {
	margin-top: var(--rd-spacing-lg);
	z-index: 1;
	position: relative;
}

.rd-contentListeItem {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
	display: grid;
	grid-template-columns: 50px auto;
	align-items: center;
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-contentListeItem:last-child {
	margin-bottom: 0;
}

.rd-contentListeItem.icon_before::before {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-badgeCheck.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-badgeCheck.svg");
	background-color: var(--rd-success-default);
	width: 40px !important;
	height: 40px !important;
	margin-right: var(--rd-spacing-x-sm);
	vertical-align: middle;
}

.rd-homepage .rd-homepage-partners {
	padding-top: var(--rd-spacing-big) !important;
	padding-bottom: var(--rd-spacing-xx-lg) !important;
}

.rd-homepage .rd-homepage-partners h2 {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: var(--rd-lineheights-0);
	margin-bottom: 0;
}

.rd-homepage .rd-homepage-partners p {
	margin-top: var(--rd-spacing-x-big);
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-0);
	color: #535353;
}

.rd-homepage .scs_text&gt;div,
.rd-landingpage-blocked .scs_text&gt;div {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	background-color: transparent;
	position: relative;
	transform: unset;
	top: 0;
	left: 0;
	padding: 0;
}



.rd-homepage .scs_text,
.rd-landingpage-blocked .scs_text {
	text-align: left;
	padding: var(--rd-spacing-md);
}

.rd-homepage .stimmen .rcs_f_name,
.rd-landingpage-blocked .stimmen .rcs_f_name {
	border: none;
	margin-top: var(--rd-spacing-md);
}

.rd-homepage .rcs_f_name {
	border: none;
	margin-top: var(--rd-spacing-xxx-big) !important;
}

.rd-homepage .rcs_foto,
.rd-landingpage-blocked .rcs_foto {
	width: 328px;
	height: 328px;
	border-radius: 16px;
	background-position: 100%;
}

.rd-homepage .reviews .slick-slide,
.rd-landingpage-blocked .reviews .slick-slide {
	height: 578px;
	padding: var(--rd-spacing-lg) var(--rd-spacing-xxx-lg);
}

.rd-homepage .reviews .slick-dots,
.rd-landingpage-blocked .reviews .slick-dots {
	bottom: 0;
}

.rd-homepage .recesion_slider,
.rd-landingpage-blocked .recesion_slider {
	display: grid;
	z-index: 1;
	grid-template-columns: 400px auto;
}

.rd-homepage .reviews h2,
.rd-landingpage-blocked .reviews h2 {
	margin-bottom: 0;
	font-size: var(--rd-fontsize-11);
}

.rd-homepage .rcs_foto::after,
.rd-landingpage-blocked .rcs_foto::after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/svg_img/Ellipse-homepage.svg);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 328px;
	height: 328px;
	position: absolute;
	left: 16px;
	top: 13px;
	z-index: -1;
}

.rd-homepage .rcs_f_n_name,
.rd-landingpage-blocked .rcs_f_n_name {
	color: var(--rd-primary-active);
}

.rd-homepage .rcs_f_n_pos,
.rd-landingpage-blocked .rcs_f_n_pos {
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 27px;
}

.rd-homepage-partners img {
	width: 70%;
}

.rd-homepage .reviews.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0;
}

.rd-homepage .reviews.container {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.rd-homepage .tb_widget,
.rd-landingpage-blocked .tb_widget {
	padding: var(--rd-spacing-xxx-lg) 0 0;
}

.rd-homepage .rd-homepage-freeTrial {
	padding: var(--rd-spacing-xxx-lg) 0 0;
	display: block;
}

.rd-homepage .rd-homepage-freeTrial h1,
.rd-landingpage-blocked .rd-homepage-freeTrial h1 {
	font-size: var(--rd-fontsize-14);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-lg);
	color: var(--rd-font-dark);
}

.rd-landingpage-blocked .rd-homepage-freeTrial h1 {
	margin-top: 12px;
}

.rd-homepage .rd-homepage-freeTrial p,
.rd-landingpage-blocked .rd-homepage-freeTrial p {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-xx-lg);
	color: var(--rd-font-dark);
}

.rd-homepage .rd-homepage-freeTrial span,
.rd-landingpage-blocked .rd-homepage-freeTrial span {
	color: var(--rd-primary-active);
}

.pf-vorteile div:before {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/icons/rd-icon-check-green.svg);
	background-size: 100%;
	background-position: 50%;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	vertical-align: sub;
}

.freeTrial-btn {
	margin-top: 70px;
}

.freeTrial-btn .icon_after::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowBtnRight.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowBtnRight.svg);
}

.rd-homepage-questions {
	text-align: left;
	margin-bottom: var(--rd-spacing-x-huge) !important;
}

.rd-homepage-questions h1 {
	text-align: center;
	margin-top: var(--rd-spacing-x-huge) !important;
	margin-bottom: var(--rd-spacing-lg) !important;
}

.rd-homepage-questions .faq_frage:before {
	width: 18px;
	height: 18px;
	top: 10px;
}

/*header*/
.rd-header-menu,
.rd-login_btns {
	display: flex;
	padding: 0;
}

.rd-login_btns {
	justify-content: end;
}

.rd-login_btns li {
	padding: var(--rd-spacing-xxx-big) 0 0;
	display: table-cell;
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	line-height: 138%;
	margin-right: var(--rd-spacing-x-big);
}

.rd-header-menu li {
	display: table-cell;
	padding: var(--rd-spacing-xxx-big) 18px;
	line-height: var(--rd-lineheights-1);
	margin-right: var(--rd-spacing-x-big);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-5);
}

.rd-homepage .rd-header-menu li label::after {
	cursor: unset;
}

.rd-header-menu li a,
.rd-header-menu li label::after {
	cursor: pointer;
}

.rd-login_btns li:first-child {
	padding: var(--rd-spacing-big) var(--rd-spacing-md);
	margin-right: 0;
}

.rd-header-menu li a {
	color: var(--rd-font-dark);
}

.rd-login_btns a {
	color: var(--rd-primary-active);
}

.rd-login_btns a:hover {
	color: var(--rd-primary-hover);
}

.rd-login_btns a:hover:before {
	background-color: var(--rd-primary-hover);
}

.rd-login_btns a:focus:before {
	background-color: var(--rd-primary-pressed);
}

.rd-login_btns li a:focus {
	color: var(--rd-primary-pressed);
}

.rd-login_btns li a.rd_demo {
	color: var(--rd-font-light);
}

.rd-login-header.header_navi_submenu {
	display: inline-block;
	margin-bottom: 0;
}

.rd-login-header {
	padding: 0 var(--rd-spacing-xxx-lg);
	background-color: #f7fbf0;
	position: sticky;
	top: 0;
}

.rd-login-header .row {
	display: grid;
	grid-template-columns: 1fr 6fr 3fr;
}

.rd-login-header .row::before {
	display: none;
}

.rd-login-header ul {
	margin: 0;
}

.rd-login-header .logo {
	margin-top: var(--rd-spacing-big);
}

/* .rd-homepage input:checked + .rd-header-navi-submenu ul {
  display: flex;
  justify-content: center;
} */

.rd-header-navi-submenu.selected .rd-header-navi,
.rd-homepage .rd-header-navi-submenu2.selected .rd-header-navi2 {
	background: var(--rd-font-light);
	display: flex;
	justify-content: center;
}

.rd-header-navi-submenu.selected,
.rd-homepage .rd-header-navi-submenu2.selected {
	background: var(--rd-font-light);
}

.rd-header-navi-submenu li,
.rd-header-navi-submenu2 li {
	padding: 30px var(--rd-spacing-md);
	font-size: var(--rd-fontsize-4);
	line-height: 132%;
}

.rd-header-navi-submenu ul,
.rd-header-navi-submenu2 ul {
	display: flex;
	left: 0;
	background: var(--rd-font-light);
	top: 87px;
	position: absolute;
	width: 100%;
	justify-content: center;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.rd-homepage .scs_text:before,
.rd-landingpage-blocked .scs_text:before {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/svg_img/rd-fiveStars.svg);
	background-size: 100%;
	background-position: 50%;
	width: 116px;
	height: 20px;
	padding: 50px 0 var(--rd-spacing-x-big);
	background-repeat: no-repeat;
}

/**/

.rd-container-background {
	position: absolute;
	height: 690px;
	mask-image: url(/src/img/2023/svg/svg_img/website_coloredBackground.svg);
	-webkit-mask-image: url(/src/img/2023/svg/svg_img/website_coloredBackground.svg);
	mask-size: cover;
	-webkit-mask-size: cover;
	mask-position: bottom;
	-webkit-mask-position: bottom;
	mask-repeat: no-repeat;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;
	width: 100%;
	left: 0;
}

.rd-container-background.bg-yellow {
	background-color: #fefce8;
}

.rd-container-background.bg-grey {
	background-color: #ecf1f8;
}

.rd-container-background.bg-blue {
	background-color: #e1f2fa;
}

.rd-container-background.bg-blue-100 {
	background-color: #d9e3f0;
}

.rd-container-background.bg-pink {
	background-color: #fff1f2;
}

.rd-container-background.bg-green {
	background-color: #f7fbf0;
}

.rd-container-background.bg-green-grass {
	background-color: #E7F0D9;
}

.rd-container-background.bg-icy-blue {
	background-color: #F2F6FA;
}

.rd-container-background.bg-aqua {
	background-color: #DBEBEB;
}

.rd-container-background.bg-orange {
	background-color: #F8E6E1;
}



.rd-conainers-colored .rd-container {
	grid-template-areas: "CONTENT" "IMG";
	grid-template-columns: 100%;
	text-align: center;
	gap: 0;
	margin-bottom: var(--rd-spacing-xx-lg);
	margin-top: var(--rd-spacing-xx-huge);
}

.rd-conainers-colored .rd-containerImage {
	margin: auto;
}

.rd-conainers-colored .rd-contentTitle {
	font-size: var(--rd-fontsize-14);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.rd-conainers-colored .rd-contentSubtitle {
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
}

.rd-conainers-colored .rd-contentSubtitle span {
	color: var(--rd-primary-active);
	position: relative;
	font-style: italic;
}

.rd-conainers-colored .rd-contentListe,
.pf-vorteile {
	display: flex;
	flex-wrap: wrap;
	gap: 56px;
	justify-content: center;
}

.pf-vorteile {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.rd-contentListe {
	margin-bottom: var(--rd-spacing-lg);
}

.rd-conainers-colored .rd-icon-badgeCheck::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-check-green.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-check-green.svg);
	width: 20px !important;
	height: 20px !important;
}

.rd-homepage-video {
	margin-top: var(--rd-spacing-x-huge);
}

.rd-feature-title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
}

.rd-feature-text {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-5);
	line-height: 170%;
	color: var(--rd-font-dark);
}

.rd-feature-icon {
	width: 120px;
	height: 120px;
	margin-bottom: 14px;
}

.rd-features {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rd-spacing-xxx-lg) var(--rd-spacing-x-huge);
	justify-content: center;
	padding: 0px var(--rd-spacing-xx-huge);
}

.rd-feature-element {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 385px;
}

.rd-partner-teaser .center img {
	width: 70%;
	vertical-align: bottom !important;
	max-width: 200px !important;
	display: inline-block;
}

.rd-partner-teaser {
	padding: var(--rd-spacing-xx-lg) 0 0;
}

.rd-homepage-partnerTeaser .rd-primary-btn::before {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/svg_img/rd-dashedArrow-magenta.svg);
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 161px;
	height: 146px;
	position: absolute;
	left: -255px;
	top: -165px;
	background-color: var(--rd-font-light);
	-webkit-mask-image: unset;
	mask-image: unset;
}

.rd-homepage-partnerTeaser {
	padding: 0;
	margin-bottom: var(--rd-spacing-lg);
}

.rd-homepage-partnerTeaser .rd-contentSubtitle {
	margin-bottom: var(--rd-spacing-xx-lg);
}

.rd-homepage-partnerTeaser .rd-primary-btn {
	position: relative;
}

.rd-homepage-partnerTeaser .slick-slide {
	height: auto;
}

.rd-homepage .inside_element.logos .container {
	padding: 0 !important;
}

.rd-navi-submenu li {
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-sm);
	margin-bottom: 0;
	display: table-cell;
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-font-dark);
}

.rd-navi-submenu li a {
	color: var(--rd-font-dark);
}

.rd-navi-submenu {
	display: inline;
	/* justify-content: center; */
	background: var(--rd-input-disabled);
	border-radius: 32px;
}

.container.rd-navi-submenu {
	padding-left: 250px !important;
	padding-right: 250px !important;
	padding: var(--rd-spacing-xxx-big);
}

.rd-navi-submenu li {
	cursor: pointer;
}

.rd-login-header .contact_overpop_wrap {
	top: 75px;
}

.rd-login-header .rd-contact,
.rd-login-header .rd-login {
	display: flex;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-login-header .rd-contact-wrap {
	position: relative;
}

.rd-login-header .contact_overpop_btnwrap a {
	color: var(--rd-font-light);
}

.rd-homepage-slide-image {
	max-width: 780px;
	max-height: 690px;
}

.rd-homepage-slide-image img {
	width: 100%;
}

.rd-bonussystem-lp img {
	max-width: 550px;
	margin-top: -50px;
}

.rd-homepage-qm-slides {
	height: fit-content;
}

.rd-homepage-slide-content {
	display: flex;
	padding: 0 180px;
	justify-content: center;
	background-color: #f7fbf0;
}

.rd-homepage-slide-text {
	text-align: left;
	padding-top: var(--rd-spacing-x-huge);
	max-width: 620px;
}

.rd-homepage-slide-title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-14);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-homepage-slide-subtitle {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-homepage-slide-description {
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-homepage-slides {
	height: fit-content;
}

.rd-homepage-slides.qm_page {
	margin-bottom: var(--rd-spacing-x-huge);
}

.rd-homepage-slide-header {
	height: 120px;
	background: var(--rd-font-light);
}

.rd-homepage-slides.qm_page .rd-homepage-slide-content {
	padding: 0 80px;
}

.qmhpagev2 .container {
	margin-left: 25px !important;
	padding-left: var(--rd-spacing-lg) !important;
	padding-right: var(--rd-spacing-lg) !important;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	margin: var(--rd-spacing-lg) 0;
	background-color: var(--rd-font-light);
}

.qmhpagev2 .container-fluid {
	background-color: var(--cl-light-blue) !important;
}

.qmhpagev2 footer.container-fluid {
	background-color: var(--rd-font-light) !important;
}

.qmhpagev2 footer .container {
	margin-left: auto !important;
	margin-right: auto !important;
	border: unset !important;
}

.rd-homepage-slides .slick-dots li.slick-active button:before {
	opacity: 0.75;
	color: var(--rd-primary-active);
}

.rd-homepage-slides .slick-dots li button:before {
	color: var(--rd-list-active);
	width: 16px;
	height: 16px;
}

.rd-homepage-slides .slick-dots {
	bottom: -50px;
}

.rd-homepage-library {
	background-image: url(/src/img/2023/svg/svg_img/hompage-grayBackground.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	height: fit-content;
	margin: var(--rd-spacing-xxx-lg) 0 var(--rd-spacing-x-huge);
	padding-top: var(--rd-spacing-xx-huge);
}

.rd-library-title {
	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-md);
}

.rd-library-subtitle {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-font-dark);
	margin-bottom: 56px;
}

.rd-library-description {
	color: #535353;
	font-weight: var(var(--rd-fontweights-open-sans-0));
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	margin-top: 56px;
	margin-bottom: 56px;
}

.rd-library-description span {
	color: var(--rd-primary-active);
}

.rd-library-discover {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.rd-library-img img {
	width: 100%;
}

.rd-library-btn {
	margin-bottom: 130px;
}

.rd-homepage-library h1 {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin: 0 0 var(--rd-spacing-xxx-lg);
}

.rd-customers-opinions .slick-list {
	padding: 0 15% 0 15% !important;
}

.rd-customers-opinion-box {
	padding: var(--rd-spacing-x-big);
	background-color: var(--rd-font-light);
	box-shadow: 0px 44px 94px rgba(0, 0, 0, 0.06);
	border-radius: 20px;
	margin: 0 var(--rd-spacing-x-big) 30px 0;
	text-align: left;
}

.rd-customers-opinion-box img {
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-customers-opinion-header {
	display: flex;
	justify-content: space-between;
}

.pesron_img {
	height: 50px;
	width: 50px;
	border-radius: var(--rd-borderradius-border-xl);
}

.rd-customers-opinion-box p {
	color: #2b131a;
	line-height: 27px;
}

.person_name {
	text-align: right;
	color: #2b131a;
}

/* .rd-homepage .angebot-form .container:before {
  top: -15px;
  right: -40%;
  background-image: url(/src/img/2023/svg/svg_img/hompage-greenBackground.svg);
} */

.rd-homepage-welle-box,
.rd-homepage-welle-devices-box {
	/* min-height: 280px; */
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
	background-image: url(/src/img/2023/svg/svg_img/hompage-welle.svg);
}

.rd-homepage-welle-devices-box {
	display: flex;
	justify-content: flex-end;
	margin-bottom: var(--rd-spacing-x-huge);
}

.rd-homepage-welle-box img {
	width: 75%;
}

.rd-homepage-welle-devices-box div {
	text-align: right;
}

.rd-customers-opinions-group.slick-slide {
	height: auto !important;
}

.rd-homepage-Bild div {
	display: flex;
	justify-content: center;
	margin: var(--rd-spacing-x-huge) 0 var(--rd-spacing-xxx-lg);
}

.rd-devices-title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-7);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-devices-subtitle {
	font-weight: var(var(--rd-fontweights-open-sans-0));
	font-size: var(--rd-fontsize-11);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-bottom: 30px;
}

.rd-devices-description {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-5);
	line-height: 170%;
	color: var(--rd-font-dark);
}

.rd-devices-names {
	display: inline-flex;
	gap: 22px;
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-8);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
	margin-bottom: 30px;
	flex-wrap: wrap;
	justify-content: center;
}

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

.rd-homepage .rd-icon-badgeCheck::before,
.rd-landingpage-blocked .rd-icon-badgeCheck::before {
	width: 40px;
	height: 40px;
}

.rd-homepage .rd-icon-conversation::before {
	background-color: var(--rd-primary-active);
}

.rd-homepage-rezensionen {
	margin-top: var(--rd-spacing-lg);
}

.rd-header-navi li a {
	position: relative;
}

.rd-login-header .like:after {
	right: -14px;
	top: 7px;
}

.rd-login-header .mobnav_input {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-font-dark);
}

.rd-login-header .idx_hotline_wrap_tablet.idx_hotline_wrap {
	right: var(--rd-spacing-x-huge);
}

.rd-login-header .hotline_section,
.rd-login-header .idx_hotline_wrap_mobile {
	display: none;
}

/* .rd-contentSubtitle span::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/src/img/2023/svg/svg_img/hompage-line-magenta.svg);
  background-size: 100%;
  background-position: 50%;
  width: 100%;
  height: 11.65px;
  position: absolute;
  bottom: -14px;
  right: 0px;
} */

.rd-containerImage img {
	width: 100%;
	margin: auto;
}

.rd-conainers-colored .rd-containerImage img {
	margin-top: -100px;
}

.rd-containerVideo {
	top: 0;
	position: relative;
	z-index: 1;
}

.rd-container video {
	width: 100%;
	margin: auto;
}

.rd-video video {
	width: 100%;
	margin: auto;
	position: absolute;
	left: 86px;
	max-width: 400px;
	top: 96px;
	max-height: 225px;
	height: 100%;
	border-radius: 8.6px;
}

.rd-image img {
	width: 100%;
}

.rd-image:before {
	content: "";
	display: inline-block;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	max-width: 122px;
	max-height: 110px;
	height: 100%;
	width: 100%;
	margin: auto;
	position: absolute;
	background-image: url(/src/img/2023/images/rd-popcorn.png);
	right: 0;
	bottom: 0;
	z-index: 1;
}

/* .rd-homepage-navi-submenu {
  margin-top: 60px;
} */

.rd-homepage.qm .rd-homepage-library {
	height: 750px;
	margin: var(--rd-spacing-xxx-lg) 0 var(--rd-spacing-x-huge) !important;
}

.rd-homepage.qm .inside_element.stimmen {
	padding: 0 !important;
}

.rd-homepage.qm .inside_element.stimmen .slick-dots {
	bottom: 0;
}

.rd-homepage .rcs_f_name {
	left: 385px;
	padding: 0;
}

.rd-homepage.qm .rd-features {
	padding: 0px var(--rd-spacing-xx-huge) 30px;
}

.rd-homepage-Bild div img,
.rd-homepage-welle-devices-box img {
	width: 100%;
}

.rd-hompage-apps-sticker img {
	padding-top: var(--rd-spacing-x-huge);
}

.rd-homepage section {
	overflow: hidden;
}

.rd-homepage-qm-slides.slick-dotted.slick-slider {
	margin-bottom: 50px !important;
	background: #f7fbf0;
}

.rd-login-header .rd-primary-btn {
	/* font-size: 14px !important; */
}

.rd-homepage .rd-w-logo {
	/* margin: 0 var(--rd-spacing-lg);*/
}

.rd-homepage .inside_element.stimmen h3 {
	margin-bottom: 0 !important;
}

.ReviewStars {
	font-size: var(--rd-fontsize-11);
	color: var(--rd-input-hover);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.ReviewCount {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-input-hover);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-homepage-rezensionen div {
	display: flex;
	gap: var(--rd-spacing-x-sm);
	justify-content: center;
	align-items: baseline;
}

.rd-homepage .acc_text a {
	color: var(--rd-primary-active);
}

.rd-lernen .rd-features,
.rd-kursplus .rd-features {
	padding-top: var(--rd-spacing-x-huge);
}

.rd-subPages.rd-fortbildungPlanung video {
	height: auto;
}

ul.rd-header-menu li:hover {
	background-color: var(--rd-font-light);
}

.rd-homepage .hidden {
	display: none !important;
}

.rd-video_hintergrund {
	max-width: 483px;
}

.rd-video_hintergrund img {
	width: 100%;
}

.rd-header-btns {
	padding: var(--rd-spacing-x-big) var(--rd-spacing-x-big) var(--rd-spacing-lg);
	display: flex;
	gap: var(--rd-spacing-x-big);
}

.rd-video:before {
	content: "";
	display: inline-block;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	max-width: 413px;
	max-height: 238px;
	height: 100%;
	width: 100%;
	margin: auto;
	background-color: black;
	position: absolute;
	background-image: url(/src/img/2023/images/Frame_Kinoqualität.png);
	top: 90px;
	left: 79px;
	border-radius: 8.6px;
}

.rd-homepage .crsl-items {
	margin-bottom: var(--rd-spacing-xxx-lg);
}

.rd-homepage .crsl-items .slick-track {
	display: flex;
	align-items: center;
}

/* .rd-header-navi li.aktive:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 14px;
  height: 3px;
  right: 0;
  background-color: var(--rd-primary-active);
} */

.rd-header-navi li {
	position: relative;
}

.rd-header-menu li.aktive a {
	color: var(--rd-primary-active);
}

.rd-homepage .webinar {
	background-color: var(--rd-font-light) !important;
}

/* .rd-fortbildungPlanung .funktionen.aktive::after,
.rd-lernen .funktionen.aktive::after,
.rd-webinar .funktionen.aktive::after,
.qm .funktionen.aktive::after,
.rd-kursplus .funktionen.aktive::after {
  display: none !important;
} */

.rd-subPages .funktionen.aktive a {
	color: var(--rd-font-dark) !important;
}

.rd-homepage .slick-prev,
.rd-homepage .slick-next {
	z-index: 1;
}

.blog_page .container {
	padding-top: var(--rd-spacing-x-huge);
}

.messe2022 .container,
.warum-e-learning .container,
.interviews .container,
.foerderungsantrag .container,
.referenzen .container,
.about-us .container {
	padding-top: var(--rd-spacing-x-huge);
}

.rd-homepage-qm-slide.slick-slide {
	height: auto !important;
}

.referenzen .slick-slide img {
	width: 70%;
	vertical-align: bottom !important;
	max-width: 150px !important;
	display: inline-block;
	filter: grayscale(1);
	vertical-align: middle;
	max-height: 75px;
}

.referenzen .slick-track {
	display: flex !important;
}

.referenzen .slick-initialized .slick-slide {
	align-self: center !important;
}

.rd-messenger .rd-features {
	padding: var(--rd-spacing-x-huge) 0;
}

.rd-messenger .rd-containerImage img {
	margin-top: var(--rd-spacing-x-huge);
}

.rd-contentSubtitle span {
	color: var(--rd-primary-active);
}

.rd-homepage .inside_element.logos .arrow_right {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/svg_img/rd-dashedArrow-magenta.svg);
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 146px;
}

.rd-homepage-video #sdnPlayer_YwLptZFnHxqzCdG {
	z-index: 1 !important;
}

.rd-container[name="gamification"] {
	margin-bottom: 80px;
}

.rd-homepage-gutscheine p {
	margin-bottom: var(--rd-spacing-xx-big);
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-primary-active);
}

.rd-bonussystem .center {
	min-height: auto !important;
}

.rd-containerImage img {
	margin-top: var(--rd-spacing-xx-lg);
}

.rd-bonussystem .rd-homepage-gutscheine {
	margin-top: 80px;
}

.rd-homepage-gutscheine .center {
	padding-bottom: 0 !important;
}

/* .rd-bonussystem .rd-homepage-video:after {
	content: "";
	background-image: url(/src/img/2023/images/bonus_video_kreis.png);
	background-size: 100%;
	background-position: 50%;
	display: inline-block;
	height: 27%;
	width: 20%;
	position: absolute;
	top: 22%;
	right: -7%;
	z-index: 10;
} */

.rd-bonussystem .rd-homepage-video.container,
.rd-survey .rd-homepage-video.container {
	text-align: center;
}

.rd-bonussystem .rd-conainers-sub-colored .rd-containerImage:after {
	content: "";
	background-image: url(/src/img/2023/images/big_coins.png);
	background-size: 100%;
	background-position: 50%;
	display: inline-block;
	height: 250px;
	width: 250px;
	position: absolute;
	bottom: -32%;
	right: 15%;
	z-index: 10;
}

.rd-bonussystem .rd-containerImage {
	position: relative;
}

.rd-bonussystem .rd-homepage-video,
.rd-survey .rd-homepage-video {
	margin-top: var(--rd-spacing-x-huge);
}

.rd-homepage .crsl-items .slick-initialized .slick-slide {
	text-align: center;
}

.rd-bonussystem .rd-homepage-rezensionen,
.rd-survey .rd-homepage-rezensionen {
	margin-top: var(--rd-spacing-x-huge);
}

.rd-bonussystem .rd-conainers-sub-colored .rd-contentSubtitle {
	white-space: nowrap;
	/* position: absolute;
	top: 40px;*/
}

.rd-bonussystem .rd-conainers-sub-colored .rd-container {
	position: relative;
	margin-top: 155px;
}

.rd-survey .rd-conainers-sub-colored .rd-container {
	margin-top: 170px;
	margin-bottom: 200px;
}

.rd-subPages .rd-conainers-sub-colored .rd-contentTitle {
	display: none;
}

.rd-survey .rd-features {
	padding-top: var(--rd-spacing-x-huge);
}

.rd-homepage.rd-subPages.rd-kursplus .rd-container {
	margin-bottom: 105px;
}

.rd-container[name="caregiver"] .rd-contentSubtitle::after {
	content: "";
	background-image: url(/src/img/2021/svg/NewTagV3.svg);
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-position: 50%;
	position: absolute;
	background-repeat: no-repeat;
	width: 70px;
	height: 41px;
	top: -35px;
	right: -35px;
}

.rd-container[name="caregiver"] .rd-contentSubtitle {
	position: relative;
}

.rd-contentText span {
	color: var(--rd-primary-active);
}

/* landingpage-gesperrt */
.rd-landingpage-blocked .rd-conainers-colored .rd-container {
	margin-top: var(--rd-spacing-x-lg);
	margin-bottom: 0;
}

.rd-landingpage-blocked .rd-conainers-colored .rd-contentTitle {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.22px;
	color: var(--rd-primary-active);
}

.rd-landingpage-blocked .rd-conainers-colored .rd-contentSubtitle {
	font-size: var(--rd-fontsize-14);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.38px;
	margin-bottom: var(--rd-spacing-xx-lg);
}

.rd-landingpage-blocked .rd-conainers-colored .rd-contentListe {
	margin-bottom: var(--rd-spacing-xx-lg);
}

.rd-landingpage-blocked .rd-conainers-colored .rd-contentListe .rd-contentListeItem {
	grid-template-columns: 32px auto;
}

.rd-landingpage-blocked .rd-conainers-colored .rd-contentListe .rd-contentListeItem:last-child {
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-landingpage-blocked .rd-conainers-colored .rd-containerImage {
	display: none;
}

.rd-landingpage-blocked .rd-conainers-colored .rd-btnContainer {
	margin-top: 0;
}

.rd-landingpage-blocked .rd-conainers-colored .rd-primary-btn {
	min-width: 320px;
}

.rd-landingpage-blocked .rd-homepage-video {
	margin-top: 0;
}

.rd-landingpage-blocked .rd-homepage-rezensionen {
	margin-bottom: var(--rd-spacing-lg);
}

.rd-landingpage-blocked .rd-container:first-child {
	margin-top: var(--rd-spacing-xxx-lg);
	margin-bottom: var(--rd-spacing-xxx-lg);
}

.rd-landingpage-blocked .rd-container[name="hompage-Sommerangebot"] {
	grid-template-areas: "IMG CONTENT";
}

.rd-landingpage-blocked .rd-container[name="hompage-Sommerangebot"] .rd-btnContainer {
	display: grid;
	gap: 24px;
	width: max-content;
}

.rd-landingpage-blocked .rd-primary-btn,
.rd-landingpage-blocked .rd-primary-btn-outline {
	min-width: 320px !important;
}

.rd-homepage-video.video-m {
	margin-bottom: var(--rd-spacing-xxx-big);
}

.rd-landingpage-blocked .rd-container {
	grid-template-areas: "CONTENT IMG";
}

.rd-landingpage-blocked .rd-container:nth-child(2n) {
	grid-template-areas: "IMG CONTENT";
}

.landingpage-form .container:before {
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-color: #fbeff3;
	background-image: none !important;
}

.landingpage-form .reviews {
	margin-bottom: 0;
}

.rd-homepage-partners p {
	font-size: var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-font-dark);
	margin: var(--rd-spacing-xx-lg) 0;
}

.landingpage-form .container {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
}

.landingpage-form .row {
	max-width: 1200px;
}

.landingpage-form {
	margin-top: 120px;
}

.rd-landingpage-blocked .rd-login-header {
	background-color: var(--rd-font-light);
}

.landingpage-form img {
	width: 100%;
	margin-top: 27px;
	max-width: 460px;
}

.rd-landingpage-blocked .reviews .slick-slide,
.rd-landingpage-blocked .reviews {
	padding-bottom: 0;
}

.rd-homepage-video video {
	height: auto;
}

.angebot-form.landingpage-form .container form {
	margin-left: var(--rd-spacing-x-big);
	padding: 117px var(--rd-spacing-xxx-lg);
	position: relative;
}

.angebot-form.landingpage-form .container form button {
	margin-top: 0;
}

.angebot-form.landingpage-form p {
	color: #535353;
	line-height: 24px;
}

.landingpage-form .rd-select select {
	padding: 0 var(--rd-spacing-md) !important;
	font-size: var(--rd-fontsize-4) !important;
	width: 100% !important;
	height: 40px !important;
	border-radius: var(--rd-borderradius-border-md) !important;
	border: 1px solid var(--rd-input-default) !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	cursor: pointer !important;
	color: var(--rd-font-dark) !important;
	top: 12px;
}

.landingpage-form .rd-select::after {
	top: 12px;
}

.angebot-form.landingpage-form .container form input {
	height: 40px;
	font-size: var(--rd-fontsize-4);
	line-height: 20px;
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-md);
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	background-color: var(--rd-font-light);
	width: 100%;
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-2);
}

/* .angebot-form.landingpage-form .container form input::placeholder {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	line-height: 20px;
} */

.angebot-form.landingpage-form .container form::after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2024/images/rd-starfish.png);
	background-size: 100%;
	background-position: 50%;
	width: 96px;
	height: 94px;
	vertical-align: top;
	position: absolute;
	right: -48px;
	bottom: -48px;
}

.rd-landingpage-blocked .freeTrial_btnwrap .rd-primary-btn {
	width: auto;
}

.rd-landingpage-blocked .rd-homepage-freeTrialBlueBox {
	padding: 124px 0;
}

.landingpage-form.w-f {
	margin-top: 0 !important;
}

.surveys-lp .rd-surveys-lp .rd-contentTitle {
	max-width: 340px;
}

.rd-surveys-lp {
	grid-template-columns: 1fr 2fr;
}

.rd-fortbildungPlanung .rd-homepage-video+.rd-homepage-containers .rd-container[name="Fortbildung-KI"] {
	grid-template-areas: "CONTENT IMG" !important;
}

.h_qm_img {
	margin-bottom: 0;
}

.rd-container[name="hompage-mokup-pink"] .rd-containerImage img {
	margin-top: 0 !important;
	width: 550px;
}

.rd-container[name="Pinnwand"] .rd-containerImage img {
	margin-top: 0;
}

.rd-container[name="Kursplus"] .rd-contentTitle:after,
.rd-container[name="Pinnwand"] .rd-contentTitle:after {
	content: "";
	background-image: url(/src/img/2021/svg/NewTagV3.svg);
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-position: 50%;
	position: absolute;
	background-repeat: no-repeat;
	width: 70px;
	height: 41px;
	top: -30px;
}

.container.kurs_plus_c h3,
.rd-container[name="Kursplus"] .rd-contentTitle,
.rd-container[name="Pinnwand"] .rd-contentTitle {
	position: relative;
}

.rd-homepage-containers .rd-conainers-colored .rd-contentListeItem {
	grid-template-columns: 40px auto;
}

.teaser-grid {
	max-width: 1482px;
	margin: 0 auto;
	text-align: center;
	padding: var(--rd-spacing-x-huge) var(--rd-spacing-big);
}

.teaser-header .badge {
	display: inline-block;
	background: rgba(18, 18, 18, 0.10);
	padding: 2px var(--rd-spacing-x-sm);
	border-radius: 96px;
	font-size: var(--rd-fontsize-4);
	font-weight: 500;
	line-height: 20px;
	margin-bottom: var(--rd-spacing-md);
	color: var(--rd-font-dark);
	text-shadow: unset !important;
}

.teaser-header h2 {
	font-size: 28px !important;
	font-weight: var(--rd-fontweights-open-sans-0) !important;
	margin-bottom: var(--rd-spacing-md) !important;
	line-height: var(--rd-lineheights-0) !important;
	/* 50.16px */
	letter-spacing: 0.38px !important;
	position: relative;
	max-width: 800px;
	margin: auto;
}

.teaser-header p {
	max-width: 700px;
	margin: 0 auto 60px;
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-font-dark);
}

.rd-cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(456px, 1fr));
	gap: 37px;
}

.rd-card-grid {
	border: 2px solid #ccc;
	padding: var(--rd-spacing-lg);
	border-radius: 8px;
	transition: box-shadow 0.3s ease;
	border: 2px solid #C1D2DD;
	background: rgba(242, 246, 250, 0.60);
	box-shadow: 0px 4px 6px -1px rgba(15, 15, 16, 0.08), 0px 2px 4px -1px rgba(15, 15, 16, 0.06);
}

.rd-card-grid .icon::before {
	width: 56px;
	height: 56px;
	position: relative;
	z-index: 10;
}


.rd-card-grid .icon {
	width: 56px;
	position: relative;
	z-index: 10;
	margin: auto;
	margin-bottom: 22px !important;
}


.rd-card-grid h3 {
	font-size: 22px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.28px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-card-grid p {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	line-height: var(--rd-lineheights-0);
	/* 21.12px */
	letter-spacing: 0.16px;
	margin-bottom: var(--rd-spacing-md);
}



/* Farbvarianten */
/* .rd-card-grid.red { border-color: var(--rd-primary-active);  background-color:#FEF9FA ;}
.rd-card-grid.green { border-color: var(--rd-success-default); background-color:#F7FBF0  ;}
.rd-card-grid.yellow { border-color: var(--rd-warning-default); background-color:#FEFCE8    ;}
.rd-card-grid.blue { border-color: var(--rd-secondary-active); background-color:rgba(217, 227, 240, 0.30);}
.rd-card-grid.orange { border-color: #DA846A; background-color:rgba(248, 230, 225, 0.30) ;}
.rd-card-grid.teal { border-color: #4B9C9D; background-color:rgba(219, 235, 235, 0.30) ;} */


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

.rd-card-grid.green .icon::before {
	background-color: var(--rd-success-default);
}

.rd-card-grid.yellow .icon::before {
	background-color: var(--rd-warning-default);
}

.rd-card-grid.blue .icon::before {
	background-color: var(--rd-secondary-active);
}

.rd-card-grid.orange .icon::before {
	background-color: #DA846A;
}

.rd-card-grid.teal .icon::before {
	background-color: #4B9C9D;
}

/* .rd-card-grid.red:hover{
	background-color: #F7DFE6;
}

.rd-card-grid.green:hover{
	background-color: var(--rd-list-hover);
}

.rd-card-grid.yellow:hover{
	background-color: #FEF9C3;
}

.rd-card-grid.blue:hover{
	background-color: #D9E3F0;
}

.rd-card-grid.orange:hover{
	background-color: #F8E6E1;
}

.rd-card-grid.teal:hover{
	background-color: #DBEBEB;
} */

.rd-cards-grid-list {
	font-size: var(--rd-fontsize-5);
	font-weight: 400;
	line-height: var(--rd-lineheights-0);
	/* 21.12px */
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
	margin-top: var(--rd-spacing-x-lg);
	text-align: left;
	margin-bottom: 0;

}

/* .rd-cards-grid-list li {
  margin-bottom: 8px;
} */

.rd-card-grid .icon::after {
	content: "";
	background-color: var(--rd-font-light);
	display: inline-block;
	width: 76px;
	height: 76px;
	border-radius: 12px;
	position: absolute;
	top: -10px;
	left: -10px;
	mask-image: unset !important;
	-webkit-mask-image: unset !important;
	z-index: 1;
	box-shadow: 0px 1px 3px 0px rgba(15, 15, 16, 0.10), 0px 1px 2px 0px rgba(15, 15, 16, 0.06);
}

.teaser-footer h2 {
	font-size: 28px !important;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0) !important;
	/* 50.16px */
	letter-spacing: 0.38px !important;
	margin-top: var(--rd-spacing-x-lg) !important;
	margin-bottom: var(--rd-spacing-md) !important;
}

.teaser-footer {
	padding-top: var(--rd-spacing-xx-lg);
}

.teaser-footer p {
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	margin-bottom: var(--rd-spacing-xx-lg);
	color: var(--rd-font-dark);
}

.teaser-footer div {
	display: flex;
	justify-content: center;
	gap: 32px;
	flex-wrap: wrap;
}

.rd-card-grid.blue:after {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/src/img/2024/svg/svg_img/hospitalcampus-badge.svg);
	background-size: 100%;
	position: absolute;
	top: -40px;
	right: -25px;

	width: 101.437px;
	height: 100.864px;
}

.rd-card-grid.blue {
	position: relative;
}

@media (max-width: 1660px) {
	.rd-login-header .row {
		grid-template-columns: 1fr 5fr 3fr;
	}

	.container.rd-navi-submenu {
		padding-left: 75px !important;
		padding-right: 75px !important;
	}
}

@media (max-width: 1520px) {
	.rd-login-header .row {
		grid-template-columns: 1fr 4fr 3fr;
	}
}

@media (max-width: 1500px) {
	.rd-header-menu li {
		margin-right: 0;
	}
}

@media (max-width: 1450px) {
	.rd-homepage-slide-content {
		padding: 0 var(--rd-spacing-xx-lg);
	}
}

@media (max-width: 1350px) {
	.rd-login-header {
		padding: 0 var(--rd-spacing-lg);
	}

	.rd-header-menu li {
		padding: var(--rd-spacing-xxx-big) var(--rd-spacing-sm);
	}

	.rd-bonussystem .rd-homepage-video:after {
		right: -5%;
	}

	.angebot-form.landingpage-form .container form::after {
		right: -10px;
	}

	.container.rd-navi-submenu {
		display: none;
	}
}

@media (max-width: 1250px) {
	.rd-login-header {
		padding: 0 var(--rd-spacing-x-big);
	}

	.rd-login_btns li {
		margin-right: var(--rd-spacing-sm);
	}
}

@media (max-width: 1200px) {
	/* .rd-bonussystem .rd-conainers-sub-colored .rd-contentSubtitle {
		top: 0;
	} */

	.rd-video:before {
		left: 50px;
	}

	.rd-homepage.qm .rd-conainers-sub-colored .rd-container {
		margin-bottom: 167px;
	}

	.rd-hompage-apps-sticker img {
		width: 80%;
	}

	/* .rd-homepage-rezensionen img {
    width: 80%;
  } */

	.angebot-form.landingpage-form .container form button {
		min-width: unset !important;
	}

	.rd-homepage .reviews .slick-slide,
	.rd-landingpage-blocked .reviews .slick-slide {
		padding: var(--rd-spacing-lg);
	}

	.rd-conainers-colored .rd-contentListe,
	.pf-vorteile {
		grid-area: 45px 56px;
	}

	.rd-w-functions,
	.rd-w-login {
		display: none;
	}

	.rd-login-header .col.mobil-h-nav {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		position: unset;
		padding: 0;
	}

	.rd-login-header {
		position: relative !important;
	}

	.rd-login-header label[for="mobnav_input"] {
		margin: 0 !important;
	}

	.rd-login-header .row {
		display: flex;
	}

	.rd-login-header .mobil-h-nav label {
		justify-content: center;
		display: flex;
		background-image: none;
		width: 90px;
		height: 100%;
		cursor: pointer;
		float: right;
		align-items: center;
	}

	.rd-login-header .mobil-h-nav .rd-header-menu label {
		background-image: none;
		float: unset;
		display: inline;
	}

	.rd-navi-submenu {
		display: none;
	}

	/* .rd-homepage-library {
    margin: 80 0 255px;
  } */

	.rd-header-navi-submenu.selected .rd-header-navi,
	.rd-header-navi-submenu2.selected .rd-header-navi2 {
		flex-direction: column;
		justify-content: left;
	}

	.rd-header-navi-submenu ul,
	.rd-header-navi-submenu2 ul {
		position: relative;
		top: 0;
	}

	.rd-header-menu li,
	.rd-login_btns li {
		margin: var(--rd-spacing-x-sm) !important;
		padding: var(--rd-spacing-x-sm);
	}

	.rd-login-header .m_cont&gt;ul,
	.rd-login-header .m_cont&gt;ul&gt;li {
		margin: 14px var(--rd-spacing-x-big);
	}

	.rd-header-navi li,
	.rd-header-navi2 li {
		font-size: var(--rd-fontsize-4);
	}

	.rd-header-navi-submenu li,
	.rd-header-navi-submenu2 li {
		padding: var(--rd-spacing-md);
	}

	.rd-header-navi-submenu-mob ul,
	.rd-header-navi-submenu2-mob ul {
		display: none;
	}

	input:checked+.rd-header-navi-submenu-mob ul,
	input:checked+.rd-header-navi-submenu2-mob ul {
		flex-direction: column;
		justify-content: left;
		display: flex;
	}

	.rd-login-header #mobnav_input:checked+.mobil-h-nav label {
		background-color: var(--rd-font-light);
	}

	.rd-login-header .m_cont&gt;ul,
	.rd-login-header .m_cont&gt;ul&gt;li {
		display: block;
	}

	.rd-header-navi li,
	.rd-header-navi2 li {
		margin: var(--rd-spacing-x-sm);
	}

	.rd-login-header #mobnav_input:checked+.mobil-h-nav .m_cont {
		left: 0;
		right: 0;
	}

	.rd-container {
		gap: var(--rd-spacing-lg);
	}

	.rd-conainers-sub-colored .rd-container {
		margin-top: var(--rd-spacing-xx-lg) !important;
		margin-bottom: 178px;
	}

	.rd-homepage-slide-text {
		padding-top: var(--rd-spacing-xx-lg);
	}

	.rd-subPages.rd-lernen .rd-conainers-sub-colored .rd-container,
	.rd-subPages.rd-webinar .rd-conainers-sub-colored .rd-container,
	.rd-subPages.rd-kursplus .rd-conainers-sub-colored .rd-container {
		margin-bottom: 167px;
	}

	.rd-video video {
		left: 33px;
		top: 30px;
	}

	.rd-video:before {
		top: 24px;
		left: 26px;
	}

	.blog_page .container {
		padding-top: 0;
	}

	.messe2022 .container,
	.warum-e-learning .container,
	.interviews .container,
	.foerderungsantrag .container,
	.referenzen .container,
	.about-us .container {
		padding-top: 0;
	}

	.herz_h1 {
		left: 255px !important;
		top: -50px !important;
	}

	.rd-container:first-child {
		margin-top: 80px;
	}

	.qmhpagev2 .container {
		margin: auto !important;
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}

	.rd-messenger .rd-containerImage img {
		margin-top: 0;
	}

	.rd-bonussystem .rd-conainers-sub-colored .rd-containerImage:after {
		bottom: -60%;
		height: 200px;
		width: 200px;
	}

	.rd-survey .rd-conainers-sub-colored .rd-container {
		margin-bottom: 270px !important;
		margin-top: 120px !important;
	}

	.rd-homepage.rd-subPages.rd-kursplus .rd-container {
		margin-bottom: 205px;
	}

	.blog-head-area,
	.blog_article_page .blog {
		margin-top: 60px;
	}
}

@media screen and (max-width: 1100px) {
	.rd-subPages.rd-fortbildungPlanung .rd-conainers-sub-colored .rd-container {
		margin-bottom: 180px;
	}

	.rd-bonussystem .rd-homepage-video:after {
		right: -3%;
		top: 18%;
	}
}

@media (max-width: 1000px) {
	.rd-subPages.rd-webinar .rd-conainers-sub-colored .rd-container {
		margin-bottom: 235px;
	}

	.rd-homepage.qm .rd-conainers-sub-colored .rd-container {
		margin-bottom: 268px;
	}

	.rd-homepage-qm-slides.slick-dotted.slick-slider {
		margin-bottom: var(--rd-spacing-xx-lg) !important;
	}

	.rd-homepage-slide-text {
		padding-top: var(--rd-spacing-lg);
	}

	.rd-homepage .reviews .slick-slide,
	.rd-landingpage-blocked .reviews .slick-slide {
		padding: var(--rd-spacing-lg) 0;
	}

	.rd-homepage .recesion_slider,
	.rd-landingpage-blocked .recesion_slider {
		grid-template-columns: 375px auto;
	}

	.rd-homepage .slick-prev {
		left: -45px;
	}

	.rd-homepage .slick-next {
		right: -40px;
	}

	/* .rd-homepage-library {
    margin: 80px 0 0;
  } */

	.rd-video video {
		width: 83%;
		top: 0px;
		left: 23px;
		max-height: 223px;
	}

	.rd-video:before {
		left: 19px;
		max-height: 228px;
		width: 85%;
		top: -3px;
	}

	.herz_h1 {
		top: -50px !important;
	}

	.rd-homepage .inside_element.logos .arrow_right {
		left: -110px;
	}

	.rd-bonussystem .rd-homepage-video:after {
		top: 22%;
		right: -6%;
	}

	.rd-bonussystem .rd-conainers-sub-colored .rd-containerImage:after {
		bottom: -40%;
	}

	.rd-bonussystem .rd-conainers-sub-colored .rd-contentSubtitle {
		white-space: wrap;
		position: relative;
		word-break: break-word;
	}

	.angebot-form.landingpage-form .row {
		padding: 24px;
	}
}

@media screen and (max-width: 991px) {
	.rd-conainers-sub-colored .rd-container {
		margin-bottom: 110px;
	}

	.rd-subPages.rd-kursplus .rd-conainers-sub-colored .rd-container {
		margin-bottom: 220px;
	}

	.rd-video:before {
		left: 19px;
		max-height: 178px;
		width: 85%;
		top: 23px;
	}

	.herz_h1 {
		left: 130px !important;
	}

	.rd-subPages.rd-bonussystem .rd-conainers-sub-colored .rd-container {
		margin-bottom: 247px;
	}

	.rd-survey .rd-conainers-sub-colored .rd-container {
		margin-bottom: 260px !important;
	}

	.rd-homepage.rd-subPages.rd-kursplus .rd-container {
		margin-bottom: 220px;
	}

	.angebot-form.landingpage-form .container form {
		padding: 64px 16px;
	}
}

@media screen and (max-width: 900px) {
	.rd-homepage-welle-box img {
		width: 100%;
	}

	.rd-homepage .inside_element.logos .arrow_right {
		left: -70px;
	}

	.qm_pro {
		display: flex !important;
		flex-direction: column !important;
	}

	.qm_pro&gt;div {
		width: 100% !important;
	}
}

@media (max-width: 800px) {

	.rd-container,
	.rd-fortbildungPlanung .rd-homepage-video+.rd-homepage-containers .rd-container,
	.rd-subPages.qm .rd-homepage-video+.rd-homepage-containers .rd-container,
	.rd-subPages.qm .rd-homepage-containers .rd-container:first-child {
		grid-template-areas:
			"IMG"
			"CONTENT" !important;
		grid-template-columns: 100%;
		gap: var(--rd-spacing-lg);
	}

	.rd-bonussystem .rd-container[name="mitarbeiter-bonussystem"] {
		grid-template-areas: "IMG" "CONTENT" !important;
	}

	.rd-container:nth-child(2n) {
		grid-template-areas:
			"IMG"
			"CONTENT" !important;
	}

	.rd-homepage .rcs_foto,
	.rd-landingpage-blocked .rcs_foto {
		background-repeat: no-repeat;
		/* width: 100% !important; */
		margin-left: 0 !important;
		margin-right: 0 !important;
		background-position: 50% !important;
	}

	.rd-homepage .slick-prev,
	.rd-homepage .slick-next,
	.rd-landingpage-blocked .slick-prev,
	.rd-landingpage-blocked .slick-next {
		display: none !important;
	}

	.rd-homepage .scs_text {
		width: 100%;
	}

	.rd-homepage .reviews .slick-slide,
	.rd-landingpage-blocked .reviews .slick-slide {
		height: fit-content;
		padding-bottom: 65px;
	}

	.rd-homepage-slides .slick-dots {
		bottom: -20px;
	}

	.rd-subPages.qm .rd-homepage-partnerTeaser {
		margin-top: var(--rd-spacing-x-huge);
	}

	.rd-homepage-slide-image {
		background-color: var(--rd-font-light);
	}

	.rd-homepage-qm-slide .rd-primary-btn {
		margin-bottom: var(--rd-spacing-x-big);
	}

	.rd-homepage .stimmen .slick-dots li.slick-active button:before {
		color: var(--rd-primary-active);
	}

	.rd-conainers-colored .rd-containerImage img {
		margin-top: -40px;
	}

	.rd-homepage .rd-homepage-partners {
		padding-bottom: var(--rd-spacing-xxx-lg) !important;
		padding-top: var(--rd-spacing-xxx-lg) !important;
	}

	.rd-conainers-sub-colored .rd-container {
		margin-bottom: 0 !important;
	}

	.rd-homepage-partnerTeaser .rd-primary-btn::before {
		display: none;
	}

	.rd-homepage.qm .rd-container {
		gap: var(--rd-spacing-xx-lg);
		margin-bottom: var(--rd-spacing-x-huge);
	}

	.rd-conainers-colored .rd-containerImage img,
	.rd-conainers-sub-colored .rd-containerImage img {
		width: 100%;
	}

	.rd-containerImage img {
		width: 90% !important;
	}

	.rd-container video {
		width: 90%;
	}

	.rd-conainers-sub-colored .rd-container {
		grid-template-areas:
			"IMG"
			"CONTENT" !important;
	}

	.rd-subPages .rd-container-background {
		height: 100%;
	}

	.rd-conainers-sub-colored:after {
		content: "";
		mask-image: url(/src/img/2023/svg/svg_img/homepage-rectangel-header.svg);
		-webkit-mask-image: url(/src/img/2023/svg/svg_img/homepage-rectangel-header.svg);
		mask-size: 100%;
		-webkit-mask-size: 100%;
		mask-position: bottom;
		-webkit-mask-position: bottom;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		display: inline-block;
		width: 100%;
		height: 170px;
		background-color: #f7fbf0;
	}

	.rd-conainers-sub-colored:has(.bg-yellow):after,
	.rd-conainers-colored:has(.bg-yellow):after {
		background-color: #fefce8;
	}

	.rd-conainers-sub-colored:has(.bg-grey):after,
	.rd-conainers-colored:has(.bg-grey):after {
		background-color: #ecf1f8;
	}

	.rd-conainers-sub-colored:has(.bg-blue):after,
	.rd-conainers-colored:has(.bg-blue):after {
		background-color: #e1f2fa;
	}

	.rd-conainers-sub-colored:has(.bg-pink):after,
	.rd-conainers-colored:has(.bg-pink):after {
		background-color: #fff1f2;
	}

	.rd-conainers-sub-colored:has(.bg-green):after,
	.rd-conainers-colored:has(.bg-green):after {
		background-color: #f7fbf0;
	}

	.rd-conainers-sub-colored:has(.bg-green-grass):after,
	.rd-conainers-colored:has(.bg-green-grass):after {
		background-color: #E7F0D9;
	}


	.rd-conainers-sub-colored:has(.bg-blue-100):after,
	.rd-conainers-colored:has(.bg-blue-100):after {
		background-color: #d9e3f0;
	}

	.rd-conainers-sub-colored:has(.bg-orange):after,
	.rd-conainers-colored:has(.bg-orange):after {
		background-color: #F8E6E1;
	}

	.rd-conainers-sub-colored:has(.bg-aqua):after,
	.rd-conainers-colored:has(.bg-aqua):after {
		background-color: #DBEBEB;
	}

	.rd-conainers-sub-colored:has(.bg-icy-blue):after,
	.rd-conainers-colored:has(.bg-icy-blue):after {
		background-color: #F2F6FA;
	}

	.rd-features {
		padding: var(--rd-spacing-x-huge) var(--rd-spacing-xxx-lg) !important;
	}

	.rd-homepage-slide-content {
		flex-direction: column-reverse;
		padding: 0 !important;
	}

	.rd-homepage-slide-text {
		padding: var(--rd-spacing-x-big) var(--rd-spacing-md) 0;
	}

	.rd-homepage-slide-image {
		max-height: 100%;
	}

	.rd-homepage-slides {
		background: #f7fbf0;
	}

	.rd-video:before {
		max-width: 413px;
		max-height: 237px;
		top: 102px;
		left: 163px;
	}

	.rd-video video {
		top: 108px;
		left: 170px;
	}

	.rd-homepage .rcs_foto::after,
	.rd-landingpage-blocked .rcs_foto::after {
		display: none;
	}

	.herz_h1 {
		left: 40px !important;
	}

	.rd-bonussystem .rd-conainers-sub-colored .rd-containerImage:after {
		display: none;
	}

	.rd-homepage .angebot-form {
		margin: 0 !important;
	}

	.rd-bonussystem .rd-conainers-sub-colored .rd-contentSubtitle {
		white-space: unset !important;
		word-break: break-word;
	}

	.rd-survey .rd-conainers-sub-colored .rd-container {
		margin-bottom: 0 !important;
	}

	.rd-survey .rd-containerImage img {
		margin-top: 0;
	}

	.rd-container[name="Pinnwand"] .rd-containerContent {
		margin-top: var(--rd-spacing-xx-lg);
	}
}

@media (max-width: 770px) {

	.rd-homepage .recesion_slider,
	.rd-landingpage-blocked .recesion_slider {
		display: block;
	}
}

@media (max-width: 760px) {
	.rd-video:before {
		top: 90px;
		left: 36px;
	}

	.rd-video video {
		top: 96px;
		left: 44px;
	}

	.rd-bonussystem .rd-homepage-video:after {
		top: 32%;
	}

	.angebot-form.landingpage-form .container form::after {
		right: -35px;
		bottom: -40px;
	}
}

@media (max-width: 650px) {

	.rd-login-header .hotline_section,
	.rd-login-header .idx_hotline_wrap_mobile {
		display: flex;
		border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
	}

	.rd-login-header #mobnav_input:checked+.mobil-h-nav .m_cont {
		padding: 10px;
	}

	.rd-login-header .m_cont&gt;ul,
	.rd-login-header .m_cont&gt;ul&gt;li {
		margin: 14px 0;
	}

	/* .rd-login-header label[for="mobnav_input"] {
    margin-right: 20px !important;
  } */

	.rd-login-header .hotline_section .idx_hotline_wrap,
	.rd-login-header .idx_hotline_wrap_tablet {
		display: none;
	}

	.rd-homepage-devices::before {
		content: "";
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 100%;
		background-image: url(/src/img/2023/svg/svg_img/hompage-apps.svg);
		display: inline-block;
		width: 170px;
		height: 168px;
		margin-bottom: 40px;
	}

	.rd-devices-content {
		margin: 0 var(--rd-spacing-md) 100px;
	}

	.rd-hompage-apps-sticker {
		display: none;
	}

	.rd-homepage-welle-devices-box,
	.rd-homepage-welle-box {
		min-height: 200px;
	}

	.rd-homepage-welle-devices-box img {
		width: 90%;
	}

	.rd-homepage-devices {
		background-color: #f7fbf0;
		padding-top: var(--rd-spacing-xxx-lg);
	}

	.rd-homepage .rd-w-logo {
		margin: 0;
	}

	.rd-homepage-welle-devices-box {
		margin-bottom: 0;
	}

	.rd-homepage-devices {
		margin-bottom: var(--rd-spacing-x-huge);
	}

	.rd-bonussystem .rd-homepage-video:after {
		display: none !important;
	}

	.rd-container[name="caregiver"] .rd-contentSubtitle::after {
		top: -50px;
		right: 0;
	}
}

@media (max-width: 600px) {
	.rd-homepage .rd-homepage-freeTrial {
		padding-bottom: var(--rd-spacing-x-huge);
	}

	.slick-initialized .slick-slide {
		margin: 0 !important;
	}

	.rd-conainers-colored .rd-contentListe,
	.pf-vorteile {
		gap: 16px;
		justify-content: start;
		padding-left: var(--rd-spacing-md);
	}

	.rd-homepage .rd-homepage-freeTrial p {
		margin-bottom: var(--rd-spacing-xxx-big);
	}

	.rd-conainers-colored .rd-contentTitle {
		font-size: var(--rd-fontsize-8);
	}

	.rd-conainers-colored .rd-contentSubtitle {
		font-size: var(--rd-fontsize-6);
	}

	.rd-contentSubtitle {
		font-size: var(--rd-fontsize-8);
	}

	.rd-contentTitle {
		font-size: var(--rd-fontsize-6);
	}

	.rd-homepage .inside_element.querstions .ac_cont label {
		font-size: var(--rd-fontsize-5);
	}

	.rd-conainers-colored:after {
		content: "";
		mask-image: url(/src/img/2023/svg/svg_img/homepage-rectangel-header.svg);
		-webkit-mask-image: url(/src/img/2023/svg/svg_img/homepage-rectangel-header.svg);
		mask-size: 100%;
		-webkit-mask-size: 100%;
		mask-position: bottom;
		-webkit-mask-position: bottom;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		display: inline-block;
		width: 100%;
		height: 170px;
		background-color: #f7fbf0;
	}

	.rd-conainers-colored .rd-container {
		grid-template-areas:
			"IMG"
			"CONTENT" !important;
	}

	.rd-container-background {
		height: 100%;
	}

	/* .rd-login-header + .container-fluid.rd-homepage-containers {
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */

	.rd-conainers-colored .rd-containerImage {
		margin-bottom: var(--rd-spacing-xxx-big);
	}

	/*   .rd-containerContent {
    padding: 0 10px;
  } */

	.rd-features {
		padding: 0 0 var(--rd-spacing-xxx-big) !important;
	}

	/* .rd-homepage .col,
  .rd-login-header col {
    padding-left: 15px;
    padding-right: 15px;
  } */

	.rd-homepage .container-fluid,
	.rd-login-header .container-fluid {
		padding-left: var(--rd-spacing-md) !important;
		padding-right: var(--rd-spacing-md) !important;
	}

	.rd-library-btn {
		width: 100%;
	}

	.rd-btnContainer {
		padding: 0 var(--rd-spacing-sm);
	}

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

	.rd-contentSubtitle {
		margin-bottom: var(--rd-spacing-big);
	}

	.rd-contentListe {
		margin-bottom: var(--rd-spacing-big);
	}

	.rd-container {
		margin-bottom: var(--rd-spacing-xxx-big) !important;
	}

	.rd-video video {
		top: 51px;
		left: 51px;
		width: 80%;
	}

	.rd-video:before {
		top: 44px;
		left: 44px;
		width: 100%;
	}

	.rd-homepage .recesion_slider&gt;div.rcs_foto,
	.rd-landingpage-blocked .recesion_slider&gt;div.rcs_foto {
		margin-left: var(--rd-spacing-big) !important;
		margin-right: 10px !important;
		width: calc(100% - 40px) !important;
	}

	.herz_h1 {
		left: 0 !important;
	}

	.iv_text a {
		width: 90%;
	}

	.rd-container:first-child {
		margin-top: 0 !important;
	}

	.rd-subPages.qm .rd-container:first-child,
	.rd-fortbildungPlanung .rd-container:first-child,
	.rd-bonussystem .rd-container:first-child {
		margin-top: var(--rd-spacing-xxx-big);
	}

	.qmhpagev2 .container {
		margin-left: 16px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.rd-homepage .inside_element.logos .arrow_right {
		display: none;
	}

	.rd-bonussystem .rd-homepage-video {
		margin-top: var(--rd-spacing-xxx-big);
	}

	.rd-homepage-Bild div {
		margin-top: var(--rd-spacing-xxx-big);
	}

	.rd-lernen .rd-features,
	.rd-messenger .rd-features,
	.rd-kursplus .rd-features {
		padding: var(--rd-spacing-xxx-big) 0 !important;
	}

	.rd-containerImage img {
		margin-top: 0;
	}

	.rd-homepage .tb_widget,
	.rd-homepage-freeTrial,
	.rd-homepage .angebot-form .container {
		padding-top: 0 !important;
	}

	.rd-bonussystem .rd-homepage-rezensionen {
		margin-top: var(--rd-spacing-xxx-big);
	}

	.rd-survey .rd-features {
		padding-top: var(--rd-spacing-xxx-lg) !important;
	}

	.angebot-form .container form {
		margin-top: var(--rd-spacing-lg);
	}

	.rd-landingpage-blocked .rd-primary-btn,
	.rd-landingpage-blocked .rd-primary-btn-outline {
		min-width: unset !important;
	}

	.rd-landingpage-blocked .rd-container[name="hompage-Sommerangebot"] .rd-btnContainer {
		display: block;
		width: 100%;
	}

	.rd-landingpage-blocked .rd-container[name="hompage-Sommerangebot"] .rd-primary-btn {
		margin-bottom: var(--rd-spacing-md);
	}

	.rd-landingpage-blocked .rd-conainers-colored:after {
		display: none;
	}

	.rd-landingpage-blocked .container {
		width: auto !important;
	}

	.rd-landingpage-blocked .rd-conainers-colored .rd-contentTitle {
		margin-top: var(--rd-spacing-xxx-lg);
	}

	.rd-landingpage-blocked .angebot-form .container form {
		margin-left: 0;
	}

	.rd-card-grid.blue:after {
		right: -12px;

	}

	.rd-cards-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.rd-homepage .inside_element.logos .slick-track {
		/* Logos fliegen sonst einseriner*/
		/* width: 70% !important; */
		/* display: flex !important; */
		/* flex-direction: column; */
		/* align-items: end; */
	}

	.rd-homepage .angebot-form .container {
		padding-left: var(--rd-spacing-md) !important;
		padding-right: var(--rd-spacing-md) !important;
	}

	.rd-homepage-partnerTeaser::before {
		content: "";
		display: inline-block;
		background-image: url(/src/img/2023/svg/svg_img/rd-dashedArrow-magenta.svg);
		background-position: 50%;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 161px;
		height: 146px;
		background-color: var(--rd-font-light);
		-webkit-mask-image: unset;
		mask-image: unset;
		margin-bottom: var(--rd-spacing-lg);
		transform: rotate(90deg);
	}

	.stimmen .rd-primary-btn {
		margin-left: 0;
		margin-top: 24px;
	}
}

@media (max-width: 550px) {
	.rd-video:before {
		top: 45px;
		left: 46px;
		max-width: 413px;
		width: 83%;
		height: 72%;
	}

	.rd-video video {
		width: 80%;
		height: auto;
	}

	.rd-customers-opinion-header {
		flex-direction: column;
	}

	.rd-customers-opinion-header img:first-child {
		max-width: 116px;
	}

	.rd-header-btns {
		flex-direction: column;
	}
}

@media (max-width: 500px) {
	.rd-contentSubtitle span::after {
		right: -20px;
		width: 216.83px;
	}

	.rd-conainers-colored .rd-contentSubtitle {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.rd-image:before {
		max-width: 95px;
		max-height: 90px;
	}

	.rd-customers-opinion-header {}
}

@media (max-width: 450px) {

	.rd-homepage-welle-devices-box,
	.rd-homepage-welle-box {
		min-height: 100px;
	}

	.rd-container[name="caregiver"] .rd-contentSubtitle::after {
		top: -5px;
		right: 0;
		width: 50px;
		height: 40px;
	}
}

@media (min-width: 400px) {
	.angebot-form.demo-form .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}





/*----------------------------------------*/
/* FILE: Icons.css */
/*----------------------------------------*/

[class^="rd-icon-"]::before,
[class*=" rd-icon-"]::before {
	content: "";
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	/* background-color: var(--rd-font-light); */
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	align-self: center;
}

.rd-icon-after::after {
	content: "";
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: unset !important;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	vertical-align: middle;
	align-self: center;
	background-color: var(--rd-font-light);
}

.rd-icon-after::before {
	display: none;
}

.rd-primary-btn.rd-icon-after::after {
	margin-right: unset !important;
	margin-left: var(--rd-spacing-xx-sm);
}

.rd-primary-btn-textlink.rd-icon-after::after {
	margin-right: unset !important;
	margin-left: var(--rd-spacing-xx-sm);
}

.rd-primary-btn-textlink[class*=" rd-icon-"]::before,
.rd-primary-btn-textlink[class*=" rd-icon-"]::after {
	background-color: var(--rd-primary-active);
}

.rd-primary-btn-textlink[class*=" rd-icon-"]:hover:before,
.rd-primary-btn-textlink[class*=" rd-icon-"]:hover:after {
	background-color: var(--rd-primary-hover);
}

.rd-primary-btn-textlink[class*=" rd-icon-"]:focus:before,
.rd-primary-btn-textlink[class*=" rd-icon-"]:focus:after {
	background-color: var(--rd-primary-pressed);
}

.rd-secondary-btn-textlink[class*=" rd-icon-"]::before,
.rd-secondary-btn-textlink[class*=" rd-icon-"]::after {
	background-color: var(--rd-secondary-active);
	width: 14px;
	height: 14px;
}

.rd-secondary-btn-textlink[class*=" rd-icon-"]:hover:before,
.rd-secondary-btn-textlink[class*=" rd-icon-"]:hover:after {
	background-color: var(--rd-secondary-hover);
}

.rd-secondary-btn-textlink[class*=" rd-icon-"]:focus:before,
.rd-secondary-btn-textlink[class*=" rd-icon-"]:focus:after {
	background-color: var(--rd-secondary-pressed);
}

.rd-secondary-btn-textlink.rd-btn-disabled[class*=" rd-icon-"]::before,
.rd-secondary-btn-textlink.rd-btn-disabled[class*=" rd-icon-"]::after {
	background-color: var(--rd-secondary-inactive);
}

.rd-secondary-btn-textlink.rd-btn-disabled[class*=" rd-icon-"]:hover::before,
.rd-secondary-btn-textlink.rd-btn-disabled[class*=" rd-icon-"]:hover::after {
	background-color: var(--rd-secondary-inactive);
}

.rd-secondary-btn-textlink.rd-btn-disabled[class*=" rd-icon-"]:focus::before,
.rd-secondary-btn-textlink.rd-btn-disabled[class*=" rd-icon-"]:focus::after {
	background-color: var(--rd-secondary-inactive);
}

.rd-icon-info-conection:before,
.rd-icon-info-conection:after {
	mask-image: url("/src/img/2024/svg/icons/rd-status-online.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-status-online.svg");
}

.rd-infobar-red.rd-icon-info-conection:before {
	background-color: #fff;
}

.rd-labeled-icon {
	font-size: var(--rd-fontsize-1);
	line-height: 14px;
	color: #657587;
}

.rd-icon-invoice::before,
.rd-icon-invoice::after {
	background-color: var(--rd-success-default);
	mask-image: url(/src/img/svg/af/wpforms.svg);
	-webkit-mask-image: url(/src/img/svg/af/wpforms.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-itemlist::before,
.rd-icon-itemlist::after {
	background-color: var(--rd-success-default);
	mask-image: url(/src/img/svg/af/th-list.svg);
	-webkit-mask-image: url(/src/img/svg/af/th-list.svg);
	width: 10px !important;
	height: 10px !important;
}

.rd-icon-db::before,
.rd-icon-db::after {
	background-color: var(--rd-success-default);
	mask-image: url(/src/img/svg/af/database_white.svg);
	-webkit-mask-image: url(/src/img/svg/af/database_white.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-date::before,
.rd-icon-date::after {
	background-color: var(--rd-success-default);
	mask-image: url(/src/img/2023/svg/icons/rd-icon-date.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-date.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-date-neu::before,
.rd-icon-date-neu::after {
	mask-image: url(/src/img/2024/svg/icons/rd-icon-date-neu.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-date-neu.svg);
}

.rd-icon-quiz::before,
.rd-icon-quiz::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-quiz.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-quiz.svg);
}

.rd-icon-bell-fill::before,
.rd-icon-bell-fill::after {
	mask-image: url(/src/img/2023/svg/icons/bell-fill.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/bell-fill.svg);
}

.rd-icon-play-instr::before,
.rd-icon-play-instr::after {
	mask-image: url("/src/img/2024/svg/icons/rd-play-white.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-play-white.svg");
	width: 12px;
	height: 12px;
}

.rd-icon-date2::before,
.rd-icon-date2::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-date2.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-date2.svg);
	width: 16px;
	height: 16px;
}

.rd-icon-graduate::before,
.rd-icon-graduate::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-graduate.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-graduate.svg);
	width: 16px;
	height: 16px;
	background-color: #657597;
}

.rd-icon-filter::before,
.rd-icon-filter::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-filter.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-filter.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-users-manage::before,
.rd-icon-users-manage::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-users-manage.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-users-manage.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-msg::before,
.rd-icon-msg::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-msg.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-msg.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-arrowRightBtn::before,
.rd-icon-arrowRightBtn::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRightBtn.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRightBtn.svg);
	width: 10px;
	height: 10px;
}

.rd-icon-RightBtnMobile::before,
.rd-icon-RightBtnMobile::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-RightBtnMobile.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-RightBtnMobile.svg);
	background-color: var(--rd-font-light);
	width: 14px;
	height: 14px;
}

.rd-icon-arrowRight::before,
.rd-icon-arrowRight::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRight.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRight.svg);
}

.rd-icon-arrowLeft::before,
.rd-icon-arrowLeft::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRight.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRight.svg);
	transform: scaleX(-1);
}

.rd-icon-arrowLineLeft::before,
.rd-icon-arrowLineLeft::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowLineLeft.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowLineLeft.svg);
	background-color: var(--rd-secondary-active);
}

.rd-icon-arrowLineRight::before,
.rd-icon-arrowLineRight::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowLineLeft.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowLineLeft.svg);
	transform: scaleX(-1);
	background-color: var(--rd-secondary-active);
}

.rd-icon-arrowRight-magenta::before,
.rd-icon-arrowRight-magenta::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRight.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRight.svg);
	background-color: var(--rd-primary-active);
}

.rd-icon-arrowRightListe-magenta::before,
.rd-icon-arrowRightListe-magenta::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRightListe-magenta.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowRightListe-magenta.svg);
	width: 24px;
	height: 24px;
}

.rd-icon-arrowLineRightBtn::before,
.rd-icon-arrowLineRightBtn::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-RightBtnMobile.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-RightBtnMobile.svg);
	background-color: var(--rd-font-light);
}

.rd-icon-arrowDrop::before,
.rd-icon-arrowDrop::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowDrop.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowDrop.svg);
}

.rd-icon-arrowDown::before,
.rd-icon-arrowDown::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowDown.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowDown.svg);
	background-color: var(--rd-primary-active);
	height: 15px;
	width: 15px;
}

.rd-icon-attachment::before,
.rd-icon-attachment::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-attachment.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-attachment.svg);
}

.rd-icon-badgeCheck::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-badgeCheck.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-badgeCheck.svg);
	background-color: var(--rd-success-default) !important;
	width: 28px;
	height: 28px;
	margin-right: var(--rd-spacing-x-sm) !important;
}

.rd-icon-check-green::before,
.rd-icon-check-green::after {
	background-color: var(--rd-success-default);
	mask-image: url(/src/img/2023/svg/icons/rd-icon-check-green.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-check-green.svg);
}

.rd-icon-coursePlay::before,
.rd-icon-coursePlay::after {
	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);
	width: 22px;
	height: 22px;
}

.rd-icon-courseQuiz::before,
.rd-icon-courseQuiz::after {
	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);
	width: 22px;
	height: 22px;
}

.rd-icon-coin-stack:before,
.rd-icon-coin-stack:after {
	mask-image: url("/src/img/2023/svg/icons/coin-stack.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/coin-stack.svg");
}

.rd-icon-fast-forward:before,
.rd-icon-fast-forward:after {
	mask-image: url("/src/img/2023/svg/icons/fast-forward.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/fast-forward.svg");
}

.rd-icon-fast-backward:before,
.rd-icon-fast-backward:after {
	mask-image: url("/src/img/2023/svg/icons/fast-forward.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/fast-forward.svg");
	transform: scaleX(-1);
}

.rd-icon-eye-on::before,
.rd-icon-eye-on::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-eye.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-eye.svg");
}


.rd-icon-eye-off-filled::before,
.rd-icon-eye-off-filled::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-eye-off-filled.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-eye-off-filled.svg");
}

.rd-icon-courseSuccess::before,
.rd-icon-courseSuccess::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-courseSuccess.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-courseSuccess.svg);
	width: 22px;
	height: 22px;
}

.rd-icon-maus-green::before,
.rd-icon-maus-green::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-maus-green.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-maus-green.svg);
	margin-right: var(--rd-spacing-md);
	background-color: var(--rd-success-pressed);
}

.rd-icon-maus-blue::before,
.rd-icon-maus-blue::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-maus-blue.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-maus-blue.svg);
	margin-right: var(--rd-spacing-md);
	background-color: var(--rd-secondary-active);
}

.rd-icon-bell::before,
.rd-icon-bell::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-bell.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-bell.svg);
	background-color: var(--rd-font-dark);
}

.rd-icon-person-gray::before,
.rd-icon-person-gray::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-person-gray.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-person-gray.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-person-magenta::before,
.rd-icon-person-magenta::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-person-magenta.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-person-magenta.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-saveOndate::before,
.rd-icon-saveOndate::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-saveOndate.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-saveOndate.svg);
	width: 16px;
	height: 16px;
}

.rd-icon-time::before,
.rd-icon-time::after {
	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);
	width: 20px;
	height: 20px;
	background-color: var(--rd-font-dark);
}

.rd-icon-category::before,
.rd-icon-category::after {
	mask-image: url(/src/img/svg/af/tasks-gray.svg);
	-webkit-mask-image: url(/src/img/svg/af/tasks-gray.svg);
	width: 20px;
	height: 20px;
	background-color: var(--rd-font-dark);
}

.rd-icon-checklist::before,
.rd-icon-checklist::after {
	mask-image: url(/src/img/svg/af/tasks-gray.svg);
	-webkit-mask-image: url(/src/img/svg/af/tasks-gray.svg);
	width: 20px;
	height: 20px;
	background-color: var(--rd-font-dark);
}

.rd-icon-pramie::before,
.rd-icon-pramie::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-pramie.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-pramie.svg);
	width: 20px;
	height: 20px;
	background-color: var(--rd-font-dark);
}

.rd-icon-timeFill-red::before,
.rd-icon-timeFill-red::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-timeFill-red.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-timeFill-red.svg);
	margin-right: var(--rd-spacing-md);
}

.rd-icon-calender-green::before,
.rd-icon-calender-green::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-termin-calender.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-termin-calender.svg");
	margin-right: var(--rd-spacing-md);
	background-color: var(--rd-success-hover);
}

.rd-icon-timeFill-yellow::before,
.rd-icon-timeFill-yellow::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-timeFill-yellow.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-timeFill-yellow.svg);
	margin-right: var(--rd-spacing-md);
}

.rd-cch-yellow::before {
	background-color: var(--rd-warning-pressed);
}

.rd-icon-trash::before,
.rd-icon-trash::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-trash.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-trash.svg);
	background-color: var(--rd-primary-active);
	width: 14px;
	height: 14px;
}

.rd-icon-trash2::before,
.rd-icon-trash2::after {
	mask-image: url(/src/img/2024/svg/icons/rd-icon-trash2.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-trash2.svg);
	width: 40px;
	height: 40px;
}

.rd-icon-heartFilled::before,
.rd-icon-heartFilled::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-heartFilled.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-heartFilled.svg);
	width: 32px;
	height: 32px;
}

.rd-icon-heartUnfilled::before,
.rd-icon-heartUnfilled::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-heartUnfilled.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-heartUnfilled.svg);
	width: 32px;
	height: 32px;
}

.rd-icon-heart::before,
.rd-icon-heartUnfilled::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-heart.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-heart.svg);
}

.rd-icon-arrowLeftInCircle::before,
.rd-icon-arrowLeftInCircle::after {
	background-image: url(/src/img/2023/svg/icons/rd-icon-arrowLeftInCircle.svg);
	background-color: transparent;
	width: 32px;
	height: 32px;
}

.rd-icon-timeInBox::before,
.rd-icon-timeInBox::after {
	background-color: var(--rd-success-default);
	mask-image: url(/src/img/2023/svg/icons/rd-icon-timeInBox.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-timeInBox.svg);
}

.rd-icon-courseTyp::before,
.rd-icon-courseTyp::after {
	background-image: url(/src/img/2023/svg/icons/rd-icon-courseTyp.svg);
	background-color: transparent;
}

.rd-icon-courseHard::before,
.rd-icon-courseHard::after {
	background-image: url(/src/img/2023/svg/icons/rd-icon-coursehard.svg);
	background-color: transparent;
}

.rd-icon-courseMedium::before,
.rd-icon-courseMedium::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-courseMedium.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-courseMedium.svg);
}

.rd-icon-courseEasy::before,
.rd-icon-courseEasy::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-courseEasy.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-courseEasy.svg);
}

.rd-icon-courseOnProgress::before,
.rd-icon-courseOnProgress::after {
	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);
}

.rd-icon-hat-green::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-hat-green.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-hat-green.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-board::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-board.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-board.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-heart-green::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-heart-green.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-heart-green.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-message::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-message.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-message.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-cert::before {
	mask-image: url(/src/img/svg/cert_icon.svg);
	-webkit-mask-image: url(/src/img/svg/cert_icon.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-chhome::before {
	mask-image: url("/src/img/svg/af/hotel-solid.svg");
	-webkit-mask-image: url("/src/img/svg/af/hotel-solid.svg");
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-user-green::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-user-green.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-user-green.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-question-green::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-question-green.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-question-green.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-conversation::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-conversation.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-conversation.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-conversation-magenta::before,
.rd-icon-conversation-magenta::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-conversation.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-conversation.svg);
}

.rd-icon-building::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-building.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-building.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-box3d::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-box3d.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-box3d.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-logout::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-logout.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-logout.svg);
	width: 24px;
	height: 24px;
	background-color: var(--rd-success-default);
}

.rd-icon-dropdown-arrow::before,
.rd-icon-dropdown-arrow::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-dropdown-arrow.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-dropdown-arrow.svg);
	width: 14.21px;
	height: 7.89px;
	background-color: var(--rd-success-default);
}

.rd-icon-arrowBottomBtn-white::before,
.rd-icon-arrowBottomBtn-white::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowBottomBtn-white.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-arrowBottomBtn-white.svg);
	background-color: var(--rd-font-light);
}

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

.rd-icon-print::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-export.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-export.svg);
	width: 14px;
	height: 14px;
}
.not_favorited::before,
.not_favorited::after{
	mask-image: url("/src/img/2024/svg/icons/rd-empty-star.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-empty-star.svg");

}
.is_favorited::before,
.is_favorited::after{
		mask-image: url("/src/img/2024/svg/icons/rd-full-star.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-full-star.svg");

}
.rd-icon-import::before,
.rd-icon-import::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-import.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-import.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-painter::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-painter.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-painter.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-printer::before,
.rd-icon-printer::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-painter.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-painter.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-arrows-expand::before {
	mask-image: url(/src/img/2024/svg/icons/rd-icon-arrows-expand.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-arrows-expand.svg);
	width: 14px;
	height: 14px;
	background-color: var(--rd-secondary-active);
}

.rd-icon-voralge::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-voralge.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-voralge.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-website::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-website.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-website.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-wallet::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-wallet.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-wallet.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-user-add::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-user-add.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-user-add.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-pencil::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-pencil.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-pencil.svg);
	width: 14px;
	height: 14px;
}



.pcx_contextmenu_item.rd-icon-pencil::before {
	mask-image: url(/src/img/2024/svg/icons/rd-icon-pencil.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-pencil.svg);
	width: 20px;
	height: 20px;
}

.pcx_contextmenu_item.rd-icon-c-eye-on::before {
	width: 18px;
	height: 18px;
}

.rd-icon-switch::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-switch.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-switch.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-lock-open::before {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-lock-open.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-lock-open.svg);
	width: 14px !important;
	height: 14px !important;
}

.rd-icon-confetti::before {
	mask-image: url(/src/img/svg/confetti.svg);
	-webkit-mask-image: url(/src/img/svg/confetti.svg);
	width: 14px !important;
	height: 14px !important;
}

.rd-icon-kursmodul::before {
	mask-image: url(/src/img/svg/af/photo-video-gray.svg);
	-webkit-mask-image: url(/src/img/svg/af/photo-video-gray.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-kurscert::before {
	mask-image: url(/src/img/svg/af/award-gray.svg);
	-webkit-mask-image: url(/src/img/svg/af/award-gray.svg);
	width: 14px;
	height: 14px;
}

.rd-icon-kurscakegory::before {
	mask-image: url(/src/img/svg/af/tasks-gray.svg);
	-webkit-mask-image: url(/src/img/svg/af/tasks-gray.svg);
	width: 14px;
	height: 14px;
}

[class^="rd-emoji-"],
[class*=" rd-emoji-"] {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	width: 40px;
	height: 40px;
}

.rd-emoji-happy {
	mask-image: url(/src/img/2023/svg/icons/rd-emoji-happy.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-emoji-happy.svg);
}

.rd-emoji-hearts {
	mask-image: url(/src/img/2023/svg/icons/rd-emoji-hearts.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-emoji-hearts.svg);
}

.rd-emoji-rosyCheeks {
	mask-image: url(/src/img/2023/svg/icons/rd-emoji-rosyCheeks.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-emoji-rosyCheeks.svg);
}

.rd-emoji-unhappy {
	mask-image: url(/src/img/2023/svg/icons/rd-emoji-unhappy.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-emoji-unhappy.svg);
}

.rd-icon-readLupe::before {
	background-image: url(/src/img/2023/svg/icons/rd-icon-readLupe.svg);
	background-color: transparent;
	width: 43px;
	height: 43px;
}

.rd-icon-online::before,
.rd-icon-online::after {
	mask-image: url("/src/img/2023/svg/icons/rd-online-course.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-online-course.svg");
	background-color: var(--rd-primary-active);
}

.rd-icon-praesenz::before,
.rd-icon-praesenz::after,
.rd-icon-offline::before {
	mask-image: url("/src/img/2023/svg/icons/rd-offline-course.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-offline-course.svg");
	background-color: var(--rd-primary-active);
}

.rd-icon-webinar::before,
.rd-icon-webinar::after {
	mask-image: url("/src/img/2023/svg/icons/rd-webinar.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-webinar.svg");
	background-color: var(--rd-primary-active);
}

.rd-icon-subtitle::before,
.rd-icon-subtitle::after {
	mask-image: url("/src/img/2023/svg/icons/rd-subbtitle.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-subbtitle.svg");
	background-color: var(--rd-primary-active);
	width: 14px;
	height: 14px;
}

.rd-course-card-status-grid .rd-icon-check::before,
.rd-course-card-status-grid .rd-icon-check::after {
	width: 14px;
	height: 14px;
}

.rd-icon-termin-calender::before,
.rd-icon-termin-calender::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-termin-calender.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-termin-calender.svg");
	background-color: var(--rd-success-default);
}

.rd-icon-termin-calender-red::before,
.rd-icon-termin-calender-red::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-termin-calender.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-termin-calender.svg");
	background-color: var(--rd-primary-active);
}

.rd-icon-pflich::before,
.rd-icon-pflich::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-pflich.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-pflich.svg");
	background-color: var(--rd-success-default);
}

.rd-icon-lesen::before,
.rd-icon-lesen::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-read.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-read.svg");
}

.rd-icon-login::before,
.rd-icon-login::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-login.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-login.svg");
}

.rd-calender::before,
.rd-calender::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-saveOndate.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-saveOndate.svg");
}

.rd-icon-plus::before,
.rd-icon-plus::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-plus.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-plus.svg");
	background-color: var(--rd-font-light);
}

.rd-icon-template::before,
.rd-icon-template::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-template.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-template.svg");
}

.rd-icon-minus-sm::before,
.rd-icon-minus-sm::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-minus-sm.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-minus-sm.svg");
	background-color: var(--rd-font-light);
}

.rd-icon-minus::before,
.rd-icon-minus::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-minus.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-minus.svg");
}

.rd-icon-history::before,
.rd-icon-history::after {
	mask-image: url("/src/img/2023/svg/icons/instr-clock.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/instr-clock.svg");
	background-color: var(--rd-font-light);
}

.rd-icon-plus-btn::before,
.rd-icon-plus-btn::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-btn.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-btn.svg");
	background-color: var(--rd-font-light);
}

.rd-icon-plus-circle-gray::before,
.rd-icon-plus-circle-gray::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-circle-gray.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-circle-gray.svg");
	background-color: var(--rd-input-hover);
}

.rd-icon-info::before,
.rd-icon-info::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-info.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-info.svg");
	background-color: var(--rd-success-pressed);
}

.rd-icon-plus-small::before,
.rd-icon-plus-small::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-small.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-small.svg");
	background-color: var(--rd-secondary-active);
	width: 7px;
	height: 7px;
}

.rd-icon-plus-sm-thick::before,
.rd-icon-plus-sm-thick::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-sm-thick.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-plus-sm-thick.svg");
	width: 12px;
	height: 12px;
}

.rd-icon-close::before,
.rd-icon-close::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
	background-color: var(--rd-primary-active);
}

.rd-icon-info-circle::before,
.rd-icon-info-circle::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle.svg");
	background-color: var(--rd-success-pressed);
}

.rd-icon-info-circle-small::before,
.rd-icon-info-circle-small::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle-small.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle-small.svg");
}

.rd-icon-playBtn::before,
.rd-icon-playBtn::after {
	background-image: url("/src/img/2023/svg/icons/rd-icon-playBtn.svg");
	color: var(--rd-font-light);
	background-color: transparent !important;
}

.rd-icon-telefon::before,
.rd-icon-telefon::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-telefon.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-telefon.svg");
}

.rd-icon-exclamation::before,
.rd-icon-exclamationn::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-exclamation.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-exclamation.svg");
}

.rd-icon-speech-bubblel::before,
.rd-icon-speech-bubblel::after {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-speech-bubblel.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-speech-bubblel.svg);
	width: 14px;
	height: 14px;
	background-color: var(--rd-font-light);
}

.rd-icon-fav::before,
.rd-icon-fav::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-fav.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-fav.svg");
	background-color: var(--rd-input-hover);
	height: 35px;
	width: 35px;
	margin: 0;
}

.rd-icon-shared::before,
.rd-icon-shared::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-shared.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-shared.svg");
	width: 14px;
	height: 14px;
}


.rd-icon-copy::before,
.rd-icon-copy::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-copy.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-copy.svg");
	width: 14px;
	height: 14px;
}

.rd-icon-copy-small::before,
.rd-icon-copy-small::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-copy-small.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-copy-small.svg");
	width: 14px;
	height: 14px;
}

.rd-icon-ellipse::before,
.rd-icon-ellipse::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-ellipse.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-ellipse.svg");
	width: 16px;
	height: 16px;
	background-color: #42d77d;
}

.rd-icon-ellipse-small::before,
.rd-icon-ellipse-small::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-ellipse.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-ellipse.svg");
	width: 12px;
	height: 12px;
	background-color: var(--rd-success-default);
}

.rd-icon-alt-pencil::before,
.rd-icon-alt-pencil::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-pencil-alt.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-pencil-alt.svg");
	width: 14px;
	height: 14px;
	background-color: var(--rd-success-default);
}

.rd-icon-pencil-alt::before,
.rd-icon-pencil-alt::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-pencil-alt.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-pencil-alt.svg");
}

.rd-icon-arrow-right-green::before,
.rd-icon-arrow-right-green::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-arrow-right-green.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-arrow-right-green.svg");

	background-color: var(--rd-success-default);
}

.rd-icon-info-triangle::before,
.rd-icon-info-triangle::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-info-triangle.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-info-triangle.svg");
	background-color: #171717;
}

.rd-icon-pdf::before,
.rd-icon-pdf::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-pdf.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-pdf.svg");
}

.rd-icon-pdf-unfilled::before,
.rd-icon-pdf-unfilled::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-pdf-unfilled.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-pdf-unfilled.svg");
	background-color: var(--rd-font-dark);
}

.rd-icon-camera::before,
.rd-icon-camera::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-camera.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-camera.svg");
	background-color: var(--rd-font-light);
}

.rd-icon-lern-coin::before,
.rd-icon-lern-coin::after {
	background-image: url("/src/img/2023/images/rd-icon-lern-coin-new.png");
	width: 24px;
	height: 24px;
	background-color: unset;
}

.rd-icon-bonus-coin::before,
.rd-icon-bonus-coin::after {
	background-image: url("/src/img/2023/images/rd-icon-bonus-coin.png");
	width: 24px;
	height: 24px;
}

.rd-icon-bonus::before,
.rd-icon-bonus::after {
	mask-image: url("/src/img/2023/svg/icons/coins.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/coins.svg");
	background-color: var(--rd-success-default);
}

.rd-icon-telefon-fill::before,
.rd-icon-telefon-fill::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-telefon.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-telefon.svg");
	width: 20px;
	height: 20px;
}

.rd-icon-categories::before,
.rd-icon-categories::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-categories.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-categories.svg");
}

.rd-icon-map::before,
.rd-icon-map::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-map.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-map.svg");
	width: 16px;
	height: 16px;
}

.rd-icon-globe::before,
.rd-icon-globe::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-globe.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-globe.svg");
}

.rd-icon-newspaper::before,
.rd-icon-newspaper::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-newspaper.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-newspaper.svg");
}

.rd-icon-reading-loop::before,
.rd-icon-reading-loop::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-reading-loop.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-reading-loop.svg");
	width: 15px;
	height: 15px;
	background-color: var(--rd-secondary-active);
}

.rd-icon-eye::before,
.rd-icon-eye::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-eye.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-eye.svg");
	background-color: var(--rd-font-dark);
}

.rd-icon-evaluation::before,
.rd-icon-evaluation::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-evaluation.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-evaluation.svg");
	background-color: var(--rd-font-dark);
}

.rd-icon-roatet::before,
.rd-icon-roatet::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet.svg");
}

.rd-icon-roatet2::before,
.rd-icon-roatet2::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet2.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-roatet2.svg");
}

.rd-icon-up::before,
.rd-icon-up::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-up.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-up.svg");
}

.rd-icon-down::before,
.rd-icon-down::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-down.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-down.svg");
}


.rd-icon-chat-alt-2::before,
.rd-icon-chat-alt-2::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-chat-alt-2.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-chat-alt-2.svg");
}

.rd-icon-buy::before,
.rd-icon-buy::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-buy.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-buy.svg");
}

.rd-icon-clos-tags-sm::before,
.rd-icon-clos-tags-sm::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clos-tags-sm.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clos-tags-sm.svg");
	background-color: var(--rd-font-light);
}

.rd-icon-check-circle::before,
.rd-icon-check-circle::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-check-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-check-circle.svg");
	width: 40px;
	height: 40px;
	background-color: var(--rd-success-default);
}

.rd-icon-x-circle::before,
.rd-icon-x-circle::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-x-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-x-circle.svg");
	width: 40px;
	height: 40px;
	background-color: #949dab;
}

.rd-icon-film::before,
.rd-icon-film::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-film.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-film.svg");
}

.rd-icon-camera-24::before,
.rd-icon-camera-24::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-camera-24.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-camera-24.svg");
}

.rd-icon-desktop-computer::before,
.rd-icon-desktop-computer::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-desktop-computer.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-desktop-computer.svg");
}

.rd-icon-desktop-computer2::before,
.rd-icon-desktop-computer2::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-desktop-computer2.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-desktop-computer2.svg");
}

.rd-icon-clock::before,
.rd-icon-clock::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-clock.svg");
}

.rd-icon-user::before,
.rd-icon-user::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-user.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-user.svg");
}

.rd-icon-lamp::before,
.rd-icon-lamp::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-lamp.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-lamp.svg");
}

.rd-icon-check-thin::before,
.rd-icon-check-thin::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-check-thin.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-check-thin.svg");
}

.rd-icon-arrow-neu::before,
.rd-icon-arrow-neu::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg");
	background-color: var(--rd-secondary-active);
}

.rd-icon-arrowUp-neu::before,
.rd-icon-arrowUp-neu::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg");
	transform: scaleY(-1);
	background-color: var(--rd-secondary-active);
}

.rd-icon-arrow-btn-neu::before,
.rd-icon-arrow-btn-neu::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-btn-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-btn-neu.svg");
}

.rd-icon-close-circle::before,
.rd-icon-close-circle::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-close-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-close-circle.svg");
	width: 24px;
	height: 24px;
}

.rd-icon-play-small::before,
.rd-icon-play-small::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-play-small.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-play-small.svg");
	width: 12px;
	height: 12px;
}


.rd-icon-mail::before,
.rd-icon-mail::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-mail.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-mail.svg");
}


.rd-icon-export::before,
.rd-icon-export::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-export.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-export.svg");
}

.rd-icon-save::before,
.rd-icon-save::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-save.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-save.svg");
	width: 16px !important;
	height: 16px !important;
}

.rd-primary-btn[class*="rd-icon-"]:before,
.rd-primary-btn[class*="rd-icon-"]:after,
.rd-secondary-btn[class*="rd-icon-"]:before,
.rd-secondary-btn[class*="rd-icon-"]:after {
	background-color: var(--rd-font-light);
}

.rd-primary-btn-outline[class*="rd-icon-"]:before,
.rd-primary-btn-outline[class*="rd-icon-"]:after {
	background-color: var(--rd-primary-active);
}

.rd-primary-btn-outline[class*="rd-icon-"]:hover:before,
.rd-primary-btn-outline[class*="rd-icon-"]:hover:after,
.rd-secondary-btn-outline[class*="rd-icon-"]:hover:before,
.rd-secondary-btn-outline[class*="rd-icon-"]:hover:after,
.rd-primary-btn-outline[class*="rd-icon-"]:focus:before,
.rd-primary-btn-outline[class*="rd-icon-"]:focus:after,
.rd-secondary-btn-outline[class*="rd-icon-"]:focus:before,
.rd-secondary-btn-outline[class*="rd-icon-"]:focus:after {
	background-color: var(--rd-font-light);
}

.rd-icon-report::before {
	background-image: url("/src/img/2024/svg/icons/rd-icon-report.svg");
	background-color: transparent;
	width: 56px;
	height: 56px;
	margin-right: var(--rd-spacing-x-sm);
}

.rd-icon-reports::before {
	/* Spezielles Icon */
	display: flex;
	justify-content: center;
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-reports.svg);
	background-color: var(--rd-primary-active);
	width: 161px;
	height: 24px;
	margin-right: var(--rd-spacing-x-sm);
	content: "Pflegecampus Vorlage" !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	align-items: center;
	color: var(--rd-font-light);
}

.rd-icon-opinions::before {
	background-image: url("/src/img/2024/svg/icons/rd-icon-opinions.svg");
	background-color: transparent;
	margin-right: var(--rd-spacing-x-sm);
}

.rd-icon-office-building::before,
.rd-icon-office-building::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-office-building.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-office-building.svg");
}

.rd-icon-users::before,
.rd-icon-users::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-users.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-users.svg");
}

.rd-icon-lupe::before,
.rd-icon-lupe::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-lupe.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-lupe.svg");
	width: 15px;
	height: 15px;
	background-color: var(--rd-font-dark);
}

.rd-icon-query-reset::before,
.rd-icon-query-reset::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-query-reset.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-query-reset.svg");
}

.rd-icon-book-open-20::before,
.rd-icon-book-open-20::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-book-open-20.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-book-open-20.svg");
}

.rd-icon-pencil-fill::before,
.rd-icon-pencil-fill::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-pencil-fillsvg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-pencil-fill.svg");
}

.rd-icon-play::before,
.rd-icon-play::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-play.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-play.svg");
}

.rd-icon-stop::before,
.rd-icon-stop::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-stop.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-stop.svg");
}

.rd-icon-edit::before,
.rd-icon-edit::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-edit.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-edit.svg");
}

.rd-icon-gear::before,
.rd-icon-gear::after {
	mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
}

.rd-icon-gear::before,
.rd-icon-gear::after {
	mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
}

.rd-icon-smile-circle::before,
.rd-icon-smile-circle::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-smile-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-smile-circle.svg");
}

.rd-icon-lupe-circle::before,
.rd-icon-lupe-circle::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-lupe-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-lupe-circle.svg");
}

.rd-icon-smile::before,
.rd-icon-smile::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-smile.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-smile.svg");
}

.rd-icon-eye-off::before,
.rd-icon-eye-off::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-eye-off.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-eye-off.svg");
}

.rd-icon-archive::before,
.rd-icon-archive::after {
	mask-image: url("/src/img/rdImg/svg/icons/rd-icon-archive.svg");
	-webkit-mask-image: url("/src/rdImg/2024/svg/icons/rd-icon-archive.svg");
}

.rd-icon-slack::before,
.rd-icon-slack::after {
	mask-image: url("/src/img/2024/svg/icons/slack_icon.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/slack_icon.svg");
}

.rd-icon-cheveron-left::before,
.rd-icon-cheveron-left::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-left.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-left.svg");
}

.rd-icon-cheveron-right::before,
.rd-icon-cheveron-right::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-right.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-right.svg");
}

.rd-icon-cheveron-up::before,
.rd-icon-cheveron-up::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-up.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-up.svg");
}

.rd-icon-cheveron-down::before,
.rd-icon-cheveron-down::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-down.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-down.svg");
}

.rd-icon-translate-box::before,
.rd-icon-translate-box::after {
	background-image: url("/src/img/2024/svg/icons/rd-icon-translate-box.svg");
	background-color: transparent;
}

.rd-icon-clock-box::before,
.rd-icon-clock-box::after {
	background-image: url("/src/img/2024/svg/icons/rd-icon-clock-box.svg");
	background-color: transparent;
}

.rd-icon-chat-alt::before,
.rd-icon-chat-alt::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-chat-alt.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-chat-alt.svg");
}

.rd-icon-magicwand::before,
.rd-icon-magicwand::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-magicwand.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-magicwand.svg");
}

.rd-icon-question-mark-circle::before,
.rd-icon-question-mark-circle::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-question-mark-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-question-mark-circle.svg");
}

.rd-icon-sparkles::before,
.rd-icon-sparkles::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-sparkles.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-sparkles.svg");
}

.rd-icon-check-neu::before,
.rd-icon-check-neu::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-check-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-check-neu.svg");
}

.rd-icon-cog::before,
.rd-icon-cog::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-cog.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cog.svg");
}

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

.rd-icon-c-document-download::before,
.rd-icon-c-document-download::after {
	mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-download.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-download.svg");
}

.rd-icon-c-document-duplicate::before,
.rd-icon-c-document-duplicate::after {
	mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-duplicate.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-document-duplicate.svg");
}

.rd-icon-c-paper-airplane::before,
.rd-icon-c-paper-airplane::after {
	mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-paper-airplane.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-paper-airplane.svg");
}

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

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

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

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

.rd-icon-heart-green::before,
.rd-icon-heart-green::after {
	mask-image: url("/src/img/2023/svg/icons/rd-icon-heart-green.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-heart-green.svg");
}

.rd-icon-calendar::before,
.rd-icon-calendar::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-calendar.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-calendar.svg");
}

.rd-icon-calendar-neu::before,
.rd-icon-calendar-neu::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-calendar-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-calendar-neu.svg");
}


.rd-icon-location-marker::before,
.rd-icon-location-marker::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-location-marker.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-location-marker.svg");
}

.rd-icon-location-marker-fill::before,
.rd-icon-location-marker-fill::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-location-marker-fill.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-location-marker-fill.svg");
}

.rd-icon-arrow-sm-right::before,
.rd-icon-arrow-sm-right::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-sm-right.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-sm-right.svg");
}

.rd-icon-arrow-sm-left::before,
.rd-icon-arrow-sm-left::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-sm-left.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-sm-left.svg");
}

.rd-icon-microphone::before,
.rd-icon-microphone::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-microphone.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-microphone.svg");
}

.rd-icon-graduate-neu::before,
.rd-icon-graduate-neu::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-graduate-neu.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-graduate-neu.svg");
}

.rd-icon-clock-neu::before,
.rd-icon-clock-neu::after {
	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");
}

.rd-icon-download::before,
.rd-icon-download::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-download.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-download.svg");
}

.rd-icon-union::before,
.rd-icon-union::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-union.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-union.svg");
}


.rd-icon-share::before,
.rd-icon-share::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-share.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-share.svg");

}

.rd-icon-link::before,
.rd-icon-link::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-link.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-link.svg");
}

.rd-icon-facebook::before,
.rd-icon-facebook::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-facebook.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-facebook.svg");
}

.rd-icon-instagram::before,
.rd-icon-instagram::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-instagram.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-instagram.svg");
}

.rd-icon-twitter::before,
.rd-icon-twitter::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-twitter.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-twitter.svg");
}

.rd-icon-LinkedIn::before,
.rd-icon-LinkedIn::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-LinkedIn.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-LinkedIn.svg");
}


.rd-icon-mail-filled::before,
.rd-icon-mail-filled::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-mail-filled.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-mail-filled.svg");
}

.rd-icon-thumb-down::before,
.rd-icon-thumb-down::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-thumb-down.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-thumb-down.svg");
}

.rd-icon-thumb-up::before,
.rd-icon-thumb-up::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-thumb-up.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-thumb-up.svg");
}

.rd-icon-paper-airplane::before,
.rd-icon-paper-airplane::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-paper-airplane.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-paper-airplane.svg");
}

.rd-icon-zauberstab::before,
.rd-icon-zauberstab::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-zauberstab.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-zauberstab.svg");
	background-color: var(--rd-font-dark);
}

.rd-icon-sort-descending::before,
.rd-icon-sort-descending::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-sort-descending.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-sort-descending.svg");
}

.rd-icon-sort-ascending::before,
.rd-icon-sort-ascending::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-sort-ascending.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-sort-ascending.svg");
}

.rd-icon-chat::before,
.rd-icon-chat::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-chat.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-chat.svg");
}

.rd-icon-plus-circle::before,
.rd-icon-plus-circle::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-plus-circle.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-plus-circle.svg");
}

.rd-icon-duplicate::before,
.rd-icon-duplicate::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-duplicate.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-duplicate.svg");
}

.rd-icon-upload::before,
.rd-icon-upload::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-upload.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-upload.svg");
}

.rd-icon-document-text::before,
.rd-icon-document-text::after {
	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");
}

.rd-icon-document-download::before,
.rd-icon-document-download::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-document-download.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-document-download.svg");
}

.rd-icon-home::before,
.rd-icon-home::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-home.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-home.svg");
}

.rd-icon-briefcase::before,
.rd-icon-briefcase::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-briefcase.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-briefcase.svg");
}

.rd-icon-shield-check::before,
.rd-icon-shield-check::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-shield-check.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-shield-check.svg");
}

.rd-icon-shield-exclamation::before,
.rd-icon-shield-exclamation::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-shield-exclamation.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-shield-exclamation.svg");
}

.rd-icon-check::before,
.rd-icon-check::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-check.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-check.svg");
}

.rd-icon-translate::before,
.rd-icon-translate::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-translate.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-translate.svg");
}

.rd-icon-cash::before,
.rd-icon-cash::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-cash.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cash.svg");
}

.rd-icon-user-group::before,
.rd-icon-user-group::after {
	mask-image: url("/src/img/2024/svg/icons/rd-user-group.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-user-group.svg");
}

.rd-icon-scale::before,
.rd-icon-scale::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-scale.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-scale.svg");
}

.rd-icon-document::before,
.rd-icon-document::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-docv2.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-docv2.svg");
}

.rd-icon-folder-open::before,
.rd-icon-folder-open::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-folder-open.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-folder-open.svg");
}

.rd-icon-calendar-dot::before,
.rd-icon-calendar-dot::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-calendar-dot.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-calendar-dot.svg");
}

.rd-icon-bookmark::before,
.rd-icon-bookmark::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-bookmark.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-bookmark.svg");
}

.rd-icon-color-swatch::before,
.rd-icon-color-swatch::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-color-swatch.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-color-swatch.svg");
}

.rd-icon-inbox::before,
.rd-icon-inbox::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-inbox.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-inbox.svg");
}

.rd-icon-inbox-in::before,
.rd-icon-inbox-in::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-inbox-in.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-inbox-in.svg");
}

.rd-icon-photograph::before,
.rd-icon-photograph::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-photograph.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-photograph.svg");
}

/* kontextmenü */
.rd-icon-c-eye-on::before,
.rd-icon-c-eye-on::after {
	-webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-eye-on.svg");
	mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-eye-on.svg");
}

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

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

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

.rd-icon-hand::before,
.rd-icon-hand::after {
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-hand.svg");
	mask-image: url("/src/img/2024/svg/icons/rd-icon-hand.svg");
}

.rd-icon-emoji-happy::before,
.rd-icon-emoji-happy::after {
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-emoji-happy.svg");
	mask-image: url("/src/img/2024/svg/icons/rd-icon-emoji-happy.svg");
}

.rd-icon-herz::before,
.rd-icon-herz::after {
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-herz.svg");
	mask-image: url("/src/img/2024/svg/icons/rd-icon-herz.svg");
}

.rd-icon-heart::before,
.rd-icon-heart::after {
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-heart.svg");
	mask-image: url("/src/img/2024/svg/icons/rd-icon-heart.svg");
}

.rd-icon-hand-heart::before,
.rd-icon-hand-heart::after {
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-hand-heart.svg");
	mask-image: url("/src/img/2024/svg/icons/rd-icon-hand-heart.svg");
}

.rd-icon-hospital::before,
.rd-icon-hospital::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-hospital.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-hospital.svg");
}

.rd-icon-sun::before,
.rd-icon-sun::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-sun.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-sun.svg");
}

.rd-icon-truck::before,
.rd-icon-truck::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-truck.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-truck.svg");
}

.rd-icon-Office-Complex::before,
.rd-icon-Office-Complex::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-Office-Complex.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-Office-Complex.svg");
}

.rd-icon-car::before,
.rd-icon-car::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-car.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-car.svg");
}

.rd-icon-pencil-neu::before,
.rd-icon-pencil-neu::after {
	/* organisieren später*/
	mask-image: url("/src/img/2024/svg/icons/rd-icon-pencil.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-pencil.svg");
}





/*----------------------------------------*/
/* FILE: LazyContent.css */
/*----------------------------------------*/

pc-lazy-content {
	display: flex;
	position: relative;
	/* margin: 1em; */
	/* background: #eee; */
	padding: var(--rd-spacing-md);
	width: 100%;
	height: 75vh;
	justify-content: center;
	align-items: center;
}

pc-lazy-content[loaded] {
	display: block;
	height: auto;
}






/*----------------------------------------*/
/* FILE: LoginBox.css */
/*----------------------------------------*/

pc-login-box {
	position: relative;
	display: block;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	display: inline-block;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 90px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.rd-login-box-wrap {
	min-height: 10em;
	max-height: 100%;
	overflow: auto;
	position: relative;
	display: block;
	background: var(--cl-light-green);
	padding: var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-5);
	line-height: 1.4em;
	color: var(--rd-font-dark);
	background-image: var(--magenta-dashed-border);
	border-radius: var(--rd-borderradius-border-md);
	width: 42em;
	max-width: 100%;
	/* margin-top: 128px; */
}

.rd-login-box-logo {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	margin-bottom: 8px;
}

.rd-login-box-welcome {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.2px;
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-login-box-title {
	font-size: var(--rd-fontsize-11);
	color: var(--rd-font-dark);
	font-weight: 600;
	margin-bottom: var(--rd-spacing-lg);
}

.rd-login-box-inner-wrap {}

.rd-login-box-inner {}

.rd-login-box-input {}

.rd-login-box-input.rd-input-content {
	max-width: 360px;
	margin: auto;
}

.rd-login-box-submitwrap {
	margin-top: var(--rd-spacing-lg);
	margin-bottom: var(--rd-spacing-md);
}

.rd-login-box-input.rd-input-content {
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-login-box-img {
	background-image: url(/src/img/2024/images/login-pf-img.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 78.041px;
	height: 71.121px;
	margin: auto;
}

pc-login-box .rd-login-box-wrap input {
	border: 1px solid #cccccc;
	height: 48px;
}

/* pc-login-box .rd-login-box-error {
	border-radius: 4px;
	font-size: 11px;
	max-width: 360px;
} */

pc-login-box:has(rd-login-box-error) {}



@media screen and (max-width: 450px) {
	.rd-login-box-wrap {
		width: auto !important;
	}
}





/*----------------------------------------*/
/* FILE: Messe.css */
/*----------------------------------------*/

.messe-seite {
	position: relative;
}

.messe-alt {
	color: var(--rd-font-dark) !important;
}

.tt-grid img[data-imgtyp="Mobil"] {
	display: none;
}

.messe-seite .messer-over-title-h1 {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-2);
	letter-spacing: 0;
	line-height: 150%;
	color: var(--rd-font-light);
	margin-bottom: var(--rd-spacing-x-big);
}

.messe-header h1 {
	/* font-size: var(--rd-fontsize-15); */
	font-size: 45px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-light);
	margin-bottom: var(--rd-spacing-x-big) !important;
}

.messe-header p {
	font-size: 42px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 59.4px;
	color: var(--rd-font-light);
	font-family: Caveat;
	margin-bottom: var(--rd-spacing-x-big);
	margin-top: 80px;
}

.messe-header .rd-primary-btn {
	margin-top: 24px;
}

.ttg-bild img {
	/* max-width: 100%; */
	max-width: 623.61px;
}

.messe-seite .container h1 {
	margin-top: var(--rd-spacing-big);
	margin-bottom: var(--rd-spacing-x-sm);
	position: relative;
	display: inline-block;
	position: relative;
	width: 744px;
	color: var(--rd-font-light);
}

.messe-seite .container .messe-headline+p {
	font-size: var(--rd-fontsize-6);
	letter-spacing: 0;
	line-height: 29px;
	text-align: center;
	max-width: 718px;
	margin-top: var(--rd-spacing-lg);
	margin-bottom: var(--rd-spacing-x-lg);
	display: inline-block;
	color: var(--rd-font-light);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.messe-seite .fv_video_box:before {
	background: linear-gradient(0deg, #000 35.77%, rgba(0, 0, 0, 0) 262.36%);
	opacity: 0.75;
}

.messe_place {
	position: absolute;
	bottom: 14px;
	right: 0;
	left: 0;
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-5);
	display: flex;
	justify-content: center;
	align-items: baseline;
	z-index: 1;
}

.messe_place .rd-primary-btn-textlink {
	margin-left: var(--rd-spacing-md);
	vertical-align: middle;
	z-index: 1;
	font-size: var(--rd-fontsize-5);
}

/* .messe-seite .container h1:before {
	content: "";
	height: 312px;
	width: 267px;
	display: inline-block;
	position: absolute;
	background-image: url(/src/img/2021/svg/messe/Boom.svg);
	left: -200px;
	top: -100px;
	background-size: 100%;
} */

#TicketSichern {
	margin-bottom: var(--rd-spacing-huge);
}

.messe-seite .container h1+div+p+div+a {
	margin-bottom: 126px;
}

.tablet-teaser {
	position: relative;
	margin-bottom: 80px;
}

.blue-bg,
.green-bg,
.pink-bg {
	background-color: #f1f4f9;
	border-radius: var(--rd-borderradius-border-md);
	z-index: 1;
	position: relative;
}

.green-bg {
	background-color: #f8fbf4;
}

.pink-bg {
	background-color: var(--rd-primary-inactive);
}

.magenta-dash-border {
	z-index: 0;
	position: absolute;
	top: -16px;
	left: 16px;
	right: -16px;
	bottom: 30px;
	background-image: var(--magenta-dashed-border);
	border-radius: var(--rd-borderradius-border-md);
}

.tt-grid {
	display: grid;
	grid-template-areas: "TEXT IMG";
	grid-template-columns: 50% 50%;
	height: 384px;
}

.ttg-text {
	grid-area: TEXT;
	text-align: left;
	padding: 23px 0 73px 95px;
}

.tt-grid img[alt="Amazon Fire HD"] {
	margin-top: -105px;
	height: 552.76px;
}

.ttg-bild img[alt="Qm"] {
	max-width: 530px;
	height: 448px;
	margin-top: 10px;
	width: 100%;
}

.ttg-bild img[alt="helfer"] {
	height: 400px;
	margin-top: 48px;
	width: 100%;
}

.ttg-bild img[alt="Bonussytem"] {
	margin-top: -60px;
	margin-left: -67px;
}

/* #TicketSichern {
	padding-top: 80px;
} */

.messer-over-title-h3 {
	color: var(--cl-deep-green);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0.1px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: var(--rd-spacing-x-sm);
	display: none;
}

.messe-seite h3 {
	max-width: 400px;
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 38px;
	margin-bottom: 32px;
}

.produkte-blocks h3 {
	display: block;
	margin-bottom: var(--rd-spacing-x-big);
	max-width: 100%;
	word-break: break-word;
	font-size: var(--rd-fontsize-9);
	text-align: left;
}

.agb_accept_border {
	display: grid !important;
	grid-template-columns: 32px auto;
	align-items: center !important;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] input.rd-checkbox {
	width: 20px;
	height: 20px;
}

.tt-grid p {
	max-width: 400px;
	font-size: var(--rd-fontsize-6);
	letter-spacing: 0;
	line-height: 29px;
}

.produkt-block p {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 170%;
	margin-bottom: 0;
	color: #374551;
	text-align: left;
}

.produkt-block .rd-primary-btn-outline {
	margin-top: var(--rd-spacing-md);
}

.messe-seite .messe-form::after {
	position: absolute;
	background-size: 100%;
	left: -61px;
	bottom: 0;
	display: inline-block;
	height: 276.11px;
	width: 166.62px;
	background-image: url(/src/img/2021/svg/messe/Boom%203.svg);
	display: none;
}

.right-svg {
	position: absolute;
	background-size: 100%;
	right: -61px;
	top: -280px;
	display: inline-block;
	height: 312.88px;
	width: 185.63px;
	background-image: url(/src/img/2021/svg/messe/Boom%202.svg);
	display: none;
}

.messe-seite .messe-form::before {
	content: "";
	position: absolute;
	background-size: 100%;
	right: 0;
	bottom: -175px;
	display: inline-block;
	background-repeat: no-repeat;
	height: 214px;
	width: 212px;
	background-image: url(/src/img/2023/svg/svg_img/messe-boom.svg);
}

.messe-seite .messe-form {
	position: relative;
}

#TicketSichern h3 {
	display: inline-block;
	max-width: 751px;
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 36px;
	text-align: center;
	margin-bottom: var(--rd-spacing-md);
}

.messe-form {
	text-align: left;
	background-image: var(--magenta-dashed-border);
	padding: 56px 64px;
}

.mf-gird {
	display: grid;
	grid-template-areas: "LEFT RIGHT";
	grid-template-columns: calc(50% - 50px) calc(50% - 50px);
	gap: 100px;
}

.mf-gird legend {
	border: none;
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 28px;
	color: var(--rd-font-dark);
	margin-top: 0;
}

.mf-gird .field-label {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 24px;
	display: block;
	color: var(--cl-asphalt-blue);
}

.mf-gird input,
.mf-gird select {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	background-color: var(--cl-light-green);
	display: block;
	width: 100%;
	padding: var(--rd-spacing-md);
}

.mf-gird select {
	display: inline-block;
	width: auto;
}

.mf-gird select option {
	padding: var(--rd-spacing-md);
}

.messe-seite .plan {
	margin-top: 161px;
	background-color: #374551;
	text-align: left;
	color: var(--rd-font-light);
}

.messe-seite .ap-logo {
	display: inline-block;
	height: 100px;
	width: 200px;
	margin-top: 58px;
	margin-bottom: 0;
	background-image: url(/src/img/2024/svg/svg_img/altenpflege-logo-white.svg);
	background-repeat: no-repeat;
	background-size: contain;
}


.messe-seite .plan-title {
	font-size: var(--rd-fontsize-14)
		/*was 40*/
	;
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 48px;
	margin-bottom: 40px;
}

.messe-seite .plan-title+p {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 17px;
	margin-bottom: 127px;
}

.messe-seite .plan-title+div p {
	margin-bottom: 16px;
	font-weight: var(--rd-fontweights-open-sans-2);
}

.messe-seite .plan-title+div b {
	font-weight: var(--rd-fontweights-open-sans-0);
}

.messe-seite .messe-plan-bild {
	background-image: url('/src/img/2024/svg/svg_img/Messe_Nürnberg_2025_PWA_2.png');
	height: 535px;
	width: 100%;
	max-width: 727.28px;
	margin-top: 63px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.messe-seite:has(.messe-altenpflege) .messe-plan-bild {
	/* background-image: url(/src/img/2024/svg/svg_img/Messe_NÃ¼rnberg_2025_PWA_2.png) !important; */
}

.messe-seite .messe-plan-pc-logo {
	height: 69px;
	width: 167px;
	display: inline-block;
	position: absolute;
	background-image: url(/src/img/svg/pc_logo_weiss.svg);
	background-size: 100%;
	top: 63px;
	right: 36px;
	background-repeat: no-repeat;
	display: none;
}

.messe-seite .table-cell {
	display: table-cell;
}

.messe-seite .table-cell:nth-child(1) {
	padding-right: var(--rd-spacing-xx-sm);
}

.messe-seite .table-cell:nth-child(2) {
	padding-left: var(--rd-spacing-xx-sm);
}

.messe-seite .inline {
	display: inline-block;
}

.messe-radio input {
	display: none;
}

.messe-radio .text {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 20px;
	color: var(--cl-dark-grey);
	margin-right: var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.messe-radio .radio {
	height: 25px;
	width: 25px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: 100%;
	background-color: var(--rd-font-light);
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	margin-right: var(--rd-spacing-x-sm);
	position: relative;
}

.messe-radio .radio:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	border-radius: 100%;
	background-color: var(--cl-deep-green);
	opacity: 0;
	transition: all 0.2s linear;
}

.messe-radio input:checked+label .radio:before {
	opacity: 1;
}

.messe-radio label {
	cursor: pointer;
}

.messe-radio label&gt;span {
	display: inline-block;
	vertical-align: middle;
}

.pd,
.iw {
	margin-bottom: 24px;
}

.ki,
.ui,
.wt {
	margin-top: 72px;
	margin-bottom: 24px;
}

.messe-seite .mfg-right .agb_accept_border.first {
	margin-top: 72px;
}

.messe-seite .agb_accept_border {
	display: block;
	margin-bottom: 24px;
}

.messe-seite .agb_accept_border input,
.messe-seite .agb_accept_border label {
	display: inline;
	width: auto;
}

.agb_accept_border a {
	color: var(--rd-primary-active);
}

.gfx_right {
	height: 215px;
	width: 212px;
	display: inline-block;
	position: absolute;
	background-size: 100%;
	right: -50px;
	bottom: -180px;
	background-image: url(/src/img/2021/svg/messe/Boom%204b.svg);
}

.field-label.tel,
.field-label.pos,
.field-label.kunde {
	margin-top: var(--rd-spacing-md);
}

.field-label.time {
	margin-top: 32px;
}

.messe-seite form .button {
	width: 100%;
}

.messe-bunner,
.messe-bunner:hover {
	background-color: var(--cl-asphalt-blue);
	display: block;
	text-align: center;
	color: var(--cl-light-blue);
	padding: var(--rd-spacing-sm);
}

.messe-bunner:hover .mbg-cont {
	text-decoration: underline;
}

.mb-grid {
	display: inline-grid;
	grid-template-areas: "EXP1 CONT EXP2";
	grid-template-columns: 98px auto 98px;
	gap: 16px;
}

.left-explo {
	grid-area: EXP1;
	position: relative;
}

.left-explo:before {
	content: "";
	height: 85px;
	width: 97px;
	display: inline-block;
	position: absolute;
	background-image: url(/src/img/2021/svg/messe/EXPL.svg);
	right: -140px;
	top: -5px;
	background-size: 100%;
}

.right-explo {
	grid-area: EXP2;
	position: relative;
}

.right-explo:before {
	content: "";
	height: 111px;
	width: 74.44px;
	display: inline-block;
	position: absolute;
	background-image: url(/src/img/2021/svg/messe/EXPR.svg);
	right: 140px;
	top: -36px;
	background-size: 100%;
}

.mbg-title {
	display: block;
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 24px;
}

.mbg-cont {
	display: block;
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 24px;
}

.mbg-cont:after {
	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;
	height: 12px;
	width: 18px;
	mask-image: url(/src/img/2021/svg/Arrow%20right-pink.svg);
	-webkit-mask-image: url(/src/img/2021/svg/Arrow%20right-pink.svg);
	background-color: var(--cl-light-blue);
	vertical-align: middle;
}

.ticket-fields {
	padding: 18px;
}

.p-label-field&gt;label {
	font-weight: var(--rd-fontweights-open-sans-0);
	display: block;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-select select {
	line-height: 120%;
}

.thx-check-icon {
	display: inline-block;
	background-image: url(/src/img/2021/svg/thx-check.svg);
	height: 60px;
	width: 60px;
	margin-top: 19px;
	margin-bottom: 24px;
}

.thx-t-titel {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	max-width: 420px;
	color: var(--rd-font-dark);
	margin-bottom: 32px;
}

.thx-ticket p {
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 32px;
	text-align: center;
	color: var(--cl-asphalt-blue);
	max-width: 420px;
	display: inline-block;
	margin-bottom: 37px;
}

.thx-ticket {
	max-width: 502px;
	min-width: unset;
}

.mbg-title span.mobile {
	display: none;
}

.mbg-title span.desktop {
	display: inline-block;
}

.ticket-form form {
	width: 698px;
	min-width: unset;
}

.kp_we_banners&gt;div.ticket-login-banner {
	background-color: var(--cl-asphalt-blue);
	color: var(--cl-light-blue);
	display: block;
	text-align: center;
	padding: var(--rd-spacing-sm) 0;
	overflow: hidden;
	cursor: pointer;
}

.ticket-login-banne:hover .mbg-cont {
	text-decoration: underline;
}

.kp_we_banners&gt;div .mb-grid {
	width: 100%;
}

.ticket-form {
	z-index: 10000;
}

.ticket-form {
	text-align: center;
}

.ticket-form .formheader {
	border: none;
	text-align: center;
	font-size: var(--rd-fontsize-14);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 40px;
	text-align: center;
}

.ticket-form .formfields {
	border: none;
	text-align: center;
}

.ticket-form-titel {
	width: 409px;
	display: inline-block;
	margin-top: 47px;
}

.ticket-text .text {
	width: 419px;
	color: var(--cl-asphalt-blue);
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-5);
	letter-spacing: 0;
	line-height: 32px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding-top: var(--rd-spacing-md);
}

.ticket-text .img {
	content: "";
	height: 149px;
	width: 74px;
	display: inline-block;
	vertical-align: top;
	background-image: url(/src/img/2021/svg/messe/Boom%203.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 32px;
	margin-right: var(--rd-spacing-md);
}

.tf-grid {
	display: grid;
	grid-template-areas: "LEFT RIGHT";
	text-align: left;
	grid-template-columns: 50% 50%;
	margin-top: 43px;
}

.tf-grid .field-label.time {
	margin-top: 0;
}

.tf-grid select {
	width: auto;
}

.tf-grid .field-label {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 24px;
	display: block;
}

.ticket-form .formclose {
	height: 24px;
	width: 24px;
	background-image: url(/src/img/2021/svg/close-large.svg);
}

.leb-cont {
	display: flex;
	/* display: grid; */
	/* 	width: calc(100% + 16px); */
	flex-direction: row;
	justify-content: space-between;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	position: relative;
	z-index: 2;
	text-align: left;
	background-color: #f8fbf4;
	/* 	padding: 30px 55px 30px 73px; */
	gap: 20px;
}

/*.leb-cont &gt; div {
	padding: 30px;
	padding-left: 0;
	 white-space: nowrap; 
}*/

.leb-cont .ttg-text {
	padding: 23px 95px 73px 0;
}

.leb-cont a {
	float: right;
}

.leb-border {
	position: absolute;
	background-image: var(--magenta-dashed-border);
	bottom: -30px;
	top: 30px;
	left: -16px;
	right: 16px;
}

.leb-cont .sub-title {
	color: #e75881;
	font-size: var(--rd-fontsize-11);
	font-weight: bold;
	letter-spacing: 0;
	line-height: 36px;
}

.leb-cont .sub-title+h3 {
	margin: 0;
}

.leb-cont p {
	max-width: 425px;
	color: #374551;
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-6);
	letter-spacing: 0;
	line-height: 29px;
}

.produkt-block {
	/* padding: var(--rd-spacing-xxx-big); */
	text-align: left;
	padding: var(--rd-spacing-x-lg) 0;
	border-radius: 20px;
}

.block-text {
	padding: var(--rd-spacing-x-big);
	padding-top: 0;
}

.mitarbeiter-block .block-text,
.qm-block .block-text {
	padding: 48px;
	padding-bottom: 0;
}

.blue-bg .messer-over-title-h3 {
	color: #014c8c;
}

.blue-bg h3 {
	font-size: var(--rd-spacing-lg);
	line-height: 120%;
}

.produkte-blocks {
	display: grid;
	grid-template-columns: calc(50% - 20px) calc(50% - 20px);
	margin-bottom: var(--rd-spacing-md);
	gap: 40px;
}

.block-bild img {
	width: 100%;
	max-width: 540px;
}

.prodkte-block-left {
	display: grid;
	gap: var(--rd-spacing-xxx-big);
	height: calc(100% - 40px);
}

.prodkte-block-right {
	display: grid;
	gap: var(--rd-spacing-xxx-big);
	grid-template-rows: 30% 70%;
	height: calc(100% - 40px);
}

.messe-subtitle {
	color: var(--rd-font-dark);
	font-size: 45px;
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-bottom: var(--rd-spacing-x-big);
}

.messe-subtitle-magenta {
	font-family: Caveat;
	font-size: 45px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	padding-top: 112px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
}

.messe-subtitle+div {
	font-size: 18px;
	line-height: 150%;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xxx-lg) !important;
	max-width: 740px;
	margin: auto;
}

.messe-header {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.img-box {
	position: relative;
	height: 598px;
}

.pink-bg.helfer-block .messer-over-title-h3,
.bonus-block .messer-over-title-h3 {
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-x-sm);
}



.pink-bg.helfer-block,
.bonus-block {
	display: grid;
	grid-template-columns: 50% 50%;
	width: 640px;
	padding-left: 0;
}

.produkte-blocks {
	max-width: 1312px;
	margin: auto;
}

.messe-header div {
	z-index: 1;
}

.messe-header:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(/src/img/black50p.png);
}

/* 
.img-box {
	position: relative;
	height: 700px;
	background-image: url(src/img/2023/images/messe_bild.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	
} */

.img-box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.blue-app-teaser {
	position: absolute;
	right: 0;
	top: -210px;
	width: 162px;
	z-index: 100;
}

.rd-messe-footer {
	display: flex;
	flex-wrap: wrap;
}

.messe-header h1 span:after {
	content: "";
	position: absolute;
	background-size: cover;
	right: -12px;
	bottom: -12px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/src/img/2023/images/header-line.png);
	width: 200px;
	height: 16px;
}

.messe-header h1 span {
	position: relative;
}

.produkt-block.blue-bg .block-bild {
	max-width: 540px;
	margin: auto;
}

.messe-altenpflege .produkte-blocks {
	max-width: 1300px;
}

.messe-altenpflege .slick-initialized .slick-slide {
	display: block;
	height: 690px;
}

.messe-altenpflege .slick-track {
	display: flex;
	gap: 40px;
}

.messe-altenpflege .block-text {
	padding: 0 !important;
	text-align: right;
}


.block-bild {
	height: 300px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.messe-altenpflege .pink-bg.helfer-block h3,
.messe-altenpflege .bonus-block h3 {
	font-size: 24px;
}

.messe-altenpflege .blue-bg h3 {
	font-size: var(--rd-fontsize-11);
	line-height: 38px;
}

.messe-altenpflege .slick-dots {
	bottom: -48px;
}

.messe-altenpflege .produkt-block {
	border-radius: 20px;
	background: var(--Gray-Light-Blue-500, #F5F7FB);
	box-shadow: 0px 10px 15px -3px rgba(15, 15, 16, 0.10), 0px 4px 6px -2px rgba(15, 15, 16, 0.05);
	margin-bottom: 20px !important;
}


.rd-messe-buhnenprogramm {
	padding: 64px 0 80px;
}

.rd-messe-buhnenprogramm .messe-subtitle+div {
	margin-bottom: var(--rd-spacing-md) !important;
}


.rd-messe-buhnenprogramm .rd-programm-wrapper,
.rd-messe-buhnenprogramm .rd-program-ps {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
	justify-self: center;
	max-width: 1300px;
	padding: 24px;
}

.rd-messe-buhnenprogramm .rd-programm-wrapper {
	position: relative;
}


.rd-messe-buhnenprogramm .rd-programm-col1,
.rd-messe-buhnenprogramm .rd-programm-col2 {
	margin-right: 64px;
}

.rd-programm-wrapper img {
	margin-bottom: 24px;
	width: 100%;
	height: 300px;
}

.blur-layer {
	background-image: linear-gradient(180deg, transparent, #f9fafb 80%);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 94%;
	padding: 2rem 2rem 6rem;
	display: flex;
	position: absolute;
}

.blur-layer div {
	font-size: 32px;
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
}

.rd-program-ps {
	margin-top: 80px;
	padding-bottom: 0 !important;
}

.rd-program-ps p {
	font-size: 22px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 120%;
	/* 36px */
	letter-spacing: -0.3px;
	color: var(--rd-font-dark);
	margin-right: 64px;
	justify-self: flex-start;
}

.rd-messe-tickets {
	padding: var(--rd-spacing-xx-lg);
	margin: auto;
	background-image: var(--magenta-dashed-border);
	max-width: 1300px;
	color: var(--rd-font-dark);
}

.messe-altenpflege {
	padding: 0 64px;
}


.rd-messe-tickets div {
	font-size: 40px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 120%;
	margin-bottom: var(--rd-spacing-x-big)
}

.rd-messe-tickets p {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 150%;
	margin-bottom: var(--rd-spacing-lg);
}

.referenten-container {
	display: flex;
	justify-content: center;
}

.referent-box img {
	position: relative;
	border-radius: 100%;
	width: 112px;
	height: 112px;
	border: 2px solid var(--rd-success-default);
}

.referent-box:nth-child(1) img {
	z-index: 1;
}

.referent-box:nth-child(2) img {
	z-index: 10;
	margin-left: -10px;
}

.referent-box:nth-child(3) img {
	z-index: 100;
	margin-left: -10px;
}

.referent-box:nth-child(4) img {
	z-index: 100;
	margin-left: -10px;
}

.referent-box:nth-child(5) img {
	z-index: 100;
	margin-left: -10px;
}

.referent-box:nth-child(6) img {
	z-index: 100;
	margin-left: -10px;
}

.rd-messe-referenten {
	border-radius: 20px;
	background: linear-gradient(90deg, #F3FAE7 0%, #FDF2FA 48.01%, #F4F7FB 96.02%);
	padding: var(--rd-spacing-xx-lg);
	margin: auto;
	max-width: 1300px;
	display: grid;
	justify-content: center;
	margin-top: 224px;
	margin-bottom: 112px;
	gap: 24px;
	color: var(--rd-font-dark);
}

.referenten-container+div {
	font-size: 40px;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 120%
}

.referenten-container+div+p {
	font-size: var(--rd-fontsize-6);
	line-height: 150%
}

.rd-messe-referenten-icons {
	display: flex;
	justify-content: center;
	gap: 60px;
	flex-wrap: wrap;
}

.rd-messe-referenten-icons div::before {
	width: 40px !important;
	height: 40px !important;
}

.rd-messe-referenten-icons p {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 150%;
	margin-bottom: 8px;
}

.rd-messe-referenten-icons p+p {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 150%;
	text-transform: uppercase;
	margin-bottom: 0;
}

.messe-altenpflege .TicketSichern {
	display: none;
}


.messe-altenpflege .slick-initialized .slick-slide {
	height: auto;
	padding: 48px;
}

.messe-altenpflege .slick-prev {
	left: 0 !important;
	z-index: 100;
}

.messe-altenpflege .slick-next {
	right: 0 !important;
	z-index: 100;
}

.rd-messe-referenten .banner_btn.rd-primary-btn {
	margin: auto;
	margin-top: 24px !important;
}



/* Pfeile-Styling */
.produkte-blocks .slick-prev,
.produkte-blocks .slick-next {
	position: absolute;
	top: unset;
	bottom: 0;
	width: 30px;
	height: 30px;
	color: #333;
	cursor: pointer;
	z-index: 1000;
	background-color: #d66181;
	z-index: 1;
}

.produkte-blocks .slick-next {
	top: unset;
	bottom: -80px;
	right: 25px;
	background-color: transparent;
}

.produkte-blocks .slick-prev {
	right: 100px;
	left: unset !important;
	bottom: -80px;
	background-color: transparent;
}


.produkte-blocks .slick-prev:hover,
.produkte-blocks .slick-prev:focus,
.produkte-blocks .slick-next:hover,
.produkte-blocks .slick-next:focus {
	transform: unset !important;
	box-shadow: none !important;
}


.produkte-blocks .slick-dots {
	left: 25px;
	justify-content: left;
	bottom: -80px;
	display: flex !important;
}

.produkte-blocks .slick-prev:before {
	transform: unset;
}


.produkte-blocks .slick-prev:before,
.produkte-blocks .slick-next::before {
	width: 30px;
	height: 30px;
	content: "" !important;
	background-image: unset;
}

.produkte-blocks button.slick-next.rd-icon-c-archive.slick-arrow {
	transform: scaleX(-1);
}

.messe-btns {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin-bottom: 80px;
	flex-wrap: wrap;
}

.messe-btns a {
	font-size: var(--rd-fontsize-5) !important;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 150%
}

.rd-buehnenprogramm-day-content .rd-primary-btn-textlink:hover,
.rd-buehnenprogramm-day-content .rd-primary-btn-textlink:focus {
	color: var(--rd-primary-active) !important;
}


#rd-share_overlay {
	display: none;

	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

#rd-share_overlay.active {
	display: block;
	opacity: 1;
}



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

	.pink-bg.helfer-block,
	.bonus-block {
		grid-template-columns: 100%;
		width: auto;
	}

	.messe-heiglights {
		padding: 0 var(--rd-spacing-xx-lg) var(--rd-spacing-xx-lg);
	}

	.block-bild img {
		max-width: 300px;
	}

	.produkt-block.blue-bg .block-bild {
		max-width: 400px;
		margin: auto;
	}

	.prodkte-block-right {
		grid-template-rows: 42% 58%;
	}

	.prodkte-block-left {
		grid-template-rows: 58% 42%;
	}

	.produkt-block.pink-bg.helfer-block {
		padding-top: 0;
	}
}


@media screen and (max-width: 1200px) {
	.ttg-bild img {
		max-width: 100%;
	}

	.tt-grid img[alt="Amazon Fire HD"] {
		margin-top: -80px;
		margin-right: -75px;
		height: auto;
	}

	.tt-grid img[alt="Qm"] {
		margin-top: 10px;
		height: auto;
		width: 95%;
	}

	.ttg-bild img[alt="Bonussytem"] {
		margin-top: -40px;
		margin-left: -43px;
	}

	#TicketSichern {
		padding-top: 0;
	}

	.tt-grid {
		height: auto;
	}

	.messe-seite .mainframe {
		display: block;
	}

	.rd-program-ps p {
		font-size: var(--rd-fontsize-6);
	}
}

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

	.right-explo:before,
	.left-explo:before {
		right: 0;
	}

	.kp_we_banners&gt;div {
		height: auto;
	}

	.leb-cont {
		display: grid;
		grid-template-areas: "IMG TEXT ";
		grid-template-columns: 45% 55%;
		gap: 0;
	}

	.leb-cont {
		flex-direction: column;
		gap: 30px;
	}

	.iw {
		margin-top: 16px;
	}

	.messe-seite .container h1 {
		max-width: 690px;
	}

	.messe-seite .container h1:before {
		height: 183px;
		width: 157px;
		/* transform: rotate(-14deg); */
		left: -70px;
		top: -75px;
	}

	.tt-grid,
	.leb-cont {
		grid-template-areas:
			"TEXT"
			"IMG";
		grid-template-columns: 100%;
	}

	.ttg-text {
		grid-area: IMG;
	}

	.messe-seite .container h1:before {
		display: none;
	}

	.left-svg {
		display: block;
		top: -196px;
		right: 0;
		left: unset !important;
		transform: scaleX(-1);
	}

	.tt-grid img[alt="Amazon Fire HD"] {
		margin-right: 90px;
		width: 80%;
	}

	.tt-grid img[data-imgtyp="Mobil"] {
		display: none;
	}

	.right-svg {
		height: 250px;
		width: 149px;
		top: -220px;
		right: -30px;
	}

	.ttg-text {
		padding-bottom: 27px;
	}

	.left-svg {
		height: 221px;
		width: 133px;
		left: -11px;
		bottom: -100px;
	}

	.tablet-teaser {
		margin-bottom: 65px;
	}

	.mf-gird {
		display: grid;
		grid-template-areas: "LEFT" "RIGHT";
		grid-template-columns: 100%;
		gap: 0;
	}

	.gfx_right {
		z-index: 100;
	}

	.messe-seite .plan {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.messe-form {
		margin-bottom: 124px;
	}

	.plan-info-grid {
		display: grid;
		grid-template-areas:
			"IMG TEXT"
			"TITLE TEXT";
		grid-template-columns: 50% 50%;
		grid-template-rows: 40% 60%;
		margin-top: var(--rd-spacing-xx-lg);
		column-gap: 40px;
	}

	.ap-logo {
		grid-area: IMG;
		margin-top: 0 !important;
	}

	.plan-title {
		grid-area: TITLE;
	}

	.plan-info-grid p {
		grid-area: TEXT;
		font-size: var(--rd-fontsize-5);
		letter-spacing: 0;
		line-height: 19px;
	}

	/* 
	.messe-seite .messe-plan-bild {
		margin-bottom: 54px;
		background-image: url(/src/img/2023/images/Map-tablet.png);
	} */

	.leb-cont .ttg-text {
		padding: 23px 0 73px 95px;
	}

	.ttg-bild img[alt="Bonussytem"] {
		margin-left: 0;
	}

	.messe-header h1 {
		font-size: 48px;
	}
}

@media screen and (max-width: 950px) {
	.produkte-blocks {
		grid-template-columns: 100%;
		gap: 0;
	}

	.prodkte-block-left {
		margin-right: 0;
		margin-bottom: 40px;
	}


}

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

	.referent-box img {
		width: 54px;
		height: 54px;
	}

	.rd-messe-buhnenprogramm .rd-programm-wrapper {
		grid-template-columns: 1fr;
	}

	.rd-messe-buhnenprogramm .rd-program-ps {
		display: none;
	}

	.rd-programm-col2,
	.rd-programm-col3 {
		display: none;
	}

	.rd-messe-buhnenprogramm {
		padding: var(--rd-spacing-xx-lg) 0;
	}

	.messe-subtitle+div {
		margin-bottom: var(--rd-spacing-xx-lg);
	}

	.rd-messe-referenten {
		margin-bottom: 112px;
		margin-top: 148px;
	}

	.blur-layer {
		padding: 0;
	}

	.messe-altenpflege .slick-track {
		gap: 16px;
	}

	/* 
	.messe-altenpflege .slick-next {
		right: -14px !important;
	}

	.messe-altenpflege .slick-prev {
		left: -14px !important;
	} */

	.messe-header p {
		margin-top: 0;
	}

	.messe-btns {
		margin-bottom: var(--rd-spacing-x-lg);
	}

}

@media screen and (max-width: 700px) {
	.messe-seite .container h1 {
		width: 100%;
	}

	.ticket-text .text {
		width: auto;
	}

	.ticket-text .img {
		display: none;
	}

	.tf-grid {
		display: grid;
		grid-template-areas: "LEFT" "RIGHT";
		text-align: left;
		grid-template-columns: 100%;
		margin-top: 43px;
	}

	.tf-grid&gt;div:nth-child(2) {
		margin-top: var(--rd-spacing-md);
		margin-bottom: 32px;
	}

	.messe-seite .container h1 {
		width: 70%;
		font-size: var(--rd-fontsize-11) !important;
		font-weight: var(--rd-fontweights-open-sans-0);
		letter-spacing: 0;
		line-height: 38px;
		text-align: center;
	}

	.ticket-form form {
		width: 90%;
	}

	.messe-seite .messer-over-title-h1 {
		font-size: var(--rd-fontsize-4);
		display: inline-block;
		margin-bottom: var(--rd-spacing-big);
	}

	.messe-header h1 {
		font-size: 32px !important;
		line-height: var(--rd-lineheights-0);
		margin-top: 0;
		max-width: 80%;
		margin: auto;
	}

	.messe-header p {
		line-height: 50px;
		margin-bottom: var(--rd-spacing-x-sm);
		font-size: 32px;
	}

	.referenten-container+div {
		font-size: var(--rd-fontsize-12);
	}

	.messe-header .rd-primary-btn {
		margin-top: 0;
	}

	.messe-seite .container h1:before {
		display: block;
		background-image: url(/src/img/2021/svg/messe/Boom%205.svg);
		height: 158px;
		width: 58px;
		background-repeat: no-repeat;
		left: -50px;
	}

	.messe-seite .container h1+div+p {
		max-width: 80%;
	}

	.tt-grid img[alt="Amazon Fire HD"] {
		width: 130%;
		position: relative;
		z-index: 10;
	}

	.ttg-bild img[data-imgtyp="Desktop"] {
		/* display: none; */
	}

	.tt-grid img[data-imgtyp="Mobil"] {
		display: block;
	}

	.ttg-text {
		padding-left: var(--rd-spacing-md) !important;
		text-align: left !important;
	}

	.tt-grid h3 {
		text-align: left;
	}

	.left-svg {
		height: 68.01px;
		width: 72.35px;
		background-image: url(/src/img/2021/svg/messe/Boom%206.svg);
		bottom: -35px;
		left: 0;
	}

	.tablet-teaser {
		margin-bottom: 50px;
	}

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

	.messe-form .table,
	.messe-form .table-cell {
		display: block;
	}

	.messe-form .table-cell:nth-child(1) {
		margin-bottom: var(--rd-spacing-md);
	}

	.field-label.kunde~.inline.messe-radio {
		display: block;
	}

	.field-label.kunde~.inline.messe-radio:last-child {
		margin-bottom: var(--rd-spacing-md);
	}

	.messe-seite form .button {
		margin-bottom: 61px;
	}

	.plan-info-grid {
		display: block;
	}

	.messe-seite .plan-title {
		font-size: var(--rd-fontsize-11);
		font-weight: var(--rd-fontweights-open-sans-0);
		letter-spacing: 0;
		line-height: 31px;
		max-width: 243px;
		margin-bottom: 24px;
	}

	.messe-seite .plan-title+p {
		margin-top: 0;
		margin-bottom: 0;
	}

	.messe-plan-pc-logo {
		display: none !important;
	}

	.messe-seite .messe-plan-bild {
		background-image: url(/src/img/2024/images/messeplan04-2025-mobil.png);
		height: 950px;
		width: 200px !important;
		margin-top: var(--rd-spacing-xx-lg) !important;
		background-size: 100%;
	}

	.magenta-dash-border {
		right: 0;
		left: 1px;
	}

	/* 	.blue-bg {
		width: calc(100% - 20px);
	} */

	.mb-grid {
		grid-template-columns: 43px auto 0;
	}

	.right-explo:before {
		display: none;
	}

	.left-explo:before {
		left: 0;
		background-image: url(/src/img/2021/svg/messe/Boom%207.svg);
		height: 82.07px;
		width: 43.6px;
	}

	.mbg-title span.mobile {
		display: inline-block;
	}

	.mbg-title span.desktop {
		display: none;
	}

	.mbg-title {
		font-size: var(--rd-fontsize-4);
		font-weight: var(--rd-fontweights-open-sans-0);
		letter-spacing: 0;
		line-height: 24px;
		text-align: center;
	}

	.mbg-cont {
		font-size: var(--rd-fontsize-4);
		letter-spacing: 0;
		line-height: 24px;
		text-align: center;
		color: car(--cl-light-blue);
	}

	.mbg-cont span {
		display: none;
	}

	.messe-form {
		background-image: none;

		border-bottom: var(--rd-borderwidth-border-focus) dashed var(--rd-primary-active);
		border-top: var(--rd-borderwidth-border-focus) dashed var(--rd-primary-active);
	}

	.messe-form {
		padding-top: 56px;
	}

	.ticket-form-titel {
		width: 100%;
		font-size: var(--rd-fontsize-11);
	}

	.left-svg {
		display: none;
	}

	/* .img-box {
		height: 345px;
	} */

	.blue-app-teaser {
		position: absolute;
		right: 0;
		top: -110px;
		width: 102px;
	}

	.messe-seite .messe-plan-bild {
		/*background-image: url(/src/img/2023/images/Map-mobile2.svg);*/
		margin: auto;
	}

	.messe-seite:has(.messe-altenpflege) .messe-plan-bild {
		background-image: url(/src/img/2024/svg/svg_img/Messe_NÃ¼rnberg_2025_Mobile_2.png) !important;
	}

	.messe-header .rd-primary-btn {
		width: auto !important;
	}

	.messe_place {
		display: grid;
	}

	.messe-subtitle-magenta {
		font-size: var(--rd-fontsize-8);
		line-height: var(--rd-lineheights-0);
		padding-top: var(--rd-spacing-xx-lg);
	}


	.messe-subtitle {
		margin-bottom: var(--rd-spacing-x-big);
		font-size: var(--rd-fontsize-13);
	}

	.messe-header {
		padding: 0 var(--rd-spacing-big);
	}

	.block-bild {
		padding: 0 var(--rd-spacing-md);
	}

	.messe-altenpflege {
		padding: 0 24px;
	}

	.rd-messe-tickets div {
		font-size: var(--rd-fontsize-12);
	}

	.messe-altenpflege .slick-initialized .slick-slide {
		padding: 48px 24px;
	}

	.produkt-block .rd-primary-btn-outline {
		max-width: 200px;
	}

	[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-select {
		max-width: 100% !important;
	}

	.messe-header h1 span:after {
		width: 100px;
		height: 11px;
	}

}

@media screen and (max-width: 400px) {
	.messe-seite .messe-plan-bild {
		width: 100%;
	}

	.rd-buehnenprogramm-item-category {
		align-items: self-start !important;
		flex-direction: column;
	}
}

/* messe-teaser */
#color-messe-teaser {
	position: absolute;
	color: #fff;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	background-image: linear-gradient(45deg, #649eea, #e75881);
	font-size: var(--rd-fontsize-5);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-1);
	/* 27.2px */
	padding: var(--rd-spacing-x-sm);
}

#color-messe-teaser .messe_name {
	font-weight: var(--rd-fontweights-open-sans-1);
}

#color-messe-teaser .white-arrow-to-right {
	display: inline-block;
	width: 20px;
	height: 20px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-image: url("/src/img/2023/svg/icons/arrow-narrow-right.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/arrow-narrow-right.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	background-color: var(--rd-list-default-light);
	margin: 0 var(--rd-spacing-x-sm);
}

#color-messe-teaser .teaser_time {
	margin-right: var(--rd-spacing-x-sm);
}

.google_ads {
	display: inline-block;
	width: 60px;
	height: 20px;
	background-image: url("/src/img/google_logo.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.teaser-mob #color-messe-teaser {
	display: none;
}

@media screen and (max-width: 700px) {
	.teaser-mob #color-messe-teaser {
		position: relative !important;
		display: flex !important;
		justify-content: center;
	}

	#color-messe-teaser {
		display: none;
	}

	.prodkte-block-left,
	.prodkte-block-right {
		gap: var(--rd-spacing-x-big);
	}

	.messe-heiglights {
		padding: 0 var(--rd-spacing-x-big) var(--rd-spacing-x-big);
	}

	.prodkte-block-left {
		grid-template-rows: 60% 40%;
	}

	.prodkte-block-right {
		grid-template-rows: 45% 55%;
	}

	.produkte-blocks h3 {
		font-size: var(--rd-fontsize-9);
		line-height: 140%;
		margin-bottom: 20px;
	}

	.produkte-blocks .slick-next,
	.produkte-blocks .slick-prev {
		bottom: -48px;
	}

	.rd-buehnenprogramm-day h2 {
		font-size: 24px !important;
	}
}

@media screen and (max-width: 516px) {
	.sticky_block {
		display: block;
		text-align: center;
	}

	#color-messe-teaser {
		font-size: var(--rd-fontsize-4);
		line-height: 170%;
	}

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


}





/*----------------------------------------*/
/* FILE: NaviUX.css */
/*----------------------------------------*/

.group-nav a,
.group-nav label,
.group-nav .navilink {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	color: var(--cl-asphalt-blue) !important;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px !important;
	border-radius: var(--rd-borderradius-border-none) !important;
	margin: 0;
}
.group-nav a:before,
.group-nav label:before,
.group-nav .navilink:before {
	content: "";
	display: inline-block;
	margin-right: var(--rd-spacing-x-sm);
	background-image: none !important;
	background-color: var(--cl-asphalt-blue) !important;
	opacity: 1 !important;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	filter: unset !important;
	width: 20px !important;
	height: 20px !important;
	vertical-align: middle;
}

.group-nav .new_bullet {
	position: absolute !important;
	right: 10px !important;
}
.group-nav .new_badge {
	float: none !important;
    position: relative !important;
    margin-left: var(--rd-spacing-md) !important;
}
.group-nav .ll_home &gt; a:before {
	-webkit-mask-image: url(/src/img/svg/af/home-solid.svg);
}
.group-nav .ll_home &gt; a:before {
	-webkit-mask-image: url("/src/img/svg/af/home-solid.svg");
}
.group-nav .ll_homes &gt; a:before {
	-webkit-mask-image: url("/src/img/svg/af/hotel-solid.svg");
}
.group-nav .ll_pinnwand  &gt; a:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-newspaper.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-newspaper.svg");
}

.group-nav .ll_fp &gt; label:before,
.group-nav .ll_fp &gt; a:before {
	-webkit-mask-image: url("/src/img/svg/af/calendar-alt-solid.svg");
}
.group-nav .ll_kb &gt; label:before,
.group-nav .ll_kb &gt; a:before {
	-webkit-mask-image: url("/src/img/svg/af/film-solid.svg");
}
.group-nav .ll_users &gt; .navilink:before,
.ll_users &gt; a:before {
	-webkit-mask-image: url("/src/img/svg/af/users-solid.svg");
}
.group-nav .ll_mfp &gt; a:before {
	-webkit-mask-image: url("/src/img/svg/af/graduation-cap-solid.svg");
}
.present_li &gt; a:before {
	-webkit-mask-image: url("/src/img/2021/svg/whatsnew_gift_icon.svg");
}
.blog_li &gt; a:before {
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-blog.svg");
	background-color: #374551 !important;
}

.navilink[for="support"]:before {
	-webkit-mask-image: url("/src/img/svg/af/user-shield-solid.svg");
}

.group-nav .admin .navilink:before,
.group-nav .li_admin a:before {
	-webkit-mask-image: url("/src/img/svg/af/user-shield-solid.svg");
}
.qmlink a:before {
	-webkit-mask-image: url("/src/img/2021/svg/2-kursbibliothek.svg");
}
.ll_app a:before {
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-device-mobile.svg");
}
.ll_demo a:before {
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-maus-blue.svg");
}
.group-nav .li_referenten a:before {
	-webkit-mask-image: url("/src/img/svg/af/chalkboard-teacher-solid.svg");
}
.group-nav .ll_dashboard a:before {
	-webkit-mask-image: url("/src/img/svg/af/chart-pie-solid.svg");
}
.group-nav .ll_classtimes a:before {
	-webkit-mask-image: url("/src/img/svg/af/chart-line.svg");
}
.group-nav .ll_queries a:before {
	-webkit-mask-image: url("/src/img/svg/af/lab-icon.svg");
}
.group-nav &gt; ul &gt; li &gt; .nlink[title="Meine Nachrichten"]:before {
	-webkit-mask-image: url(/src/img/svg/af/messanger-icon.svg);
}
.group-nav #help_n + label:before {
	-webkit-mask-image: url("/src/img/svg/af/icons/help.svg");
}
.group-nav #konto_n + label:before {
	-webkit-mask-image: url("/src/img/svg/af/icons/settings.svg");
}
.group-nav #reporting_n + label:before {
	-webkit-mask-image: url("/src/img/svg/af/chart-pie-solid.svg");
}

.group-nav .help_navi_block {
	border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding: 8px 0 0;
	position: relative;
	margin-top: -1px;
}
/* .group-nav &gt; ul &gt; .present_li {
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
} */
.group-nav .logout_header_btn:before {
	-webkit-mask-image: url("/src/img/svg/af/icons/logout.svg");
}
.demo_Add a:before {
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-plus.svg");
}
.calender a:before {
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-calendar.svg");
}

nav.group-nav ul li {
	margin-left: 0;
}
.group-nav .main_navi {
	padding: 24px 0;
}
.group-nav .ll_akive,
.group-nav a:hover,
.group-nav label:hover {
	background-color: var(--cl-main-transparent) !important;
	padding: 14px;
}
.group-nav .ll_akive:before {
	background-color: var(--rd-primary-active);
}
.group-nav #leftcount,
.group-nav .new_bullet,
.group-nav .msgcount,
.group-nav  .neu_badge{
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: 0;
	line-height: 19px;
	width: auto;
	display: inline-block;
	padding: 0 10px;
	border-radius: var(--rd-borderradius-border-lg);
	background-color: var(--rd-primary-active) !important;
	height: auto;
	display: inline-block;
	position: relative;
	float: right;
}
.group-nav  .neu_badge{
	position:absolute;
	right:0;
	color: var(--rd-font-light);
	text-transform: uppercase;
}
.group-nav  .neu_badge.margin_right{
	margin-right:8px;
}

.msgcount {
	position: absolute !important;
	top: 8px;
	right: 10px;
	color: var(--rd-font-light);
}

a.nlink[title="Messenger"] {
	position: relative;
}

.group-nav .submenu label:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: var(--cl-asphalt-blue);
	vertical-align: middle;
	float: right;
	-webkit-mask-image: var(--green-arrow);
	-webkit-mask-size: 100%;
	-webkit-mask-position: 50%;
	-webkit-mask-repeat: no-repeat;
	margin-top: 6px;
}
.group-nav ul li ul a:before,
.group-nav ul li ul span:before {
	display: none !important;
}
.group-nav ul li ul a,
.group-nav ul li ul label,
.group-nav ul li ul .navilink {
	font-weight: 400;
}
.group-nav .nlink[title="WhiteLabel Editor"]:before {
	-webkit-mask-image: url("/src/img/svg/af/icons/pager.svg");
}
.group-nav .nlink[title="Alte WhiteLabels"]:before,
.nlink[title="Fachbeiträge"]:before{
	-webkit-mask-image: url("/src/img/svg/af/icons/copy.svg");
}
.group-nav .logout {
	margin-top: 9px;
}

.ll_surveys a:before {
	mask-image: url(/src/img/2024/svg/icons/rd-icon-smile.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-smile.svg);
	width: 20px !important;
	height: 20px !important;
}
.ll_bonus a:before {
	-webkit-mask-image: url("/src/img/2023/svg/icons/coins.svg");
	width: 20px !important;
	height: 20px !important;
}
.ll_lern_punkte a:before {
	-webkit-mask-image: url("/src/img/2023/svg/icons/sparkles.svg");
}

li.link_li.blog_li {
	padding-bottom: var(--rd-spacing-x-sm);
}

.main_navi .group-nav .help_navi_block:last-of-type {
	padding: 8px 0 !important;
}

.nlink[title="Messenger"]:before {
	-webkit-mask-image: url(/src/img/svg/af/messanger-icon.svg);
	mask-image: url(/src/img/svg/af/messanger-icon.svg);
}






/*----------------------------------------*/
/* FILE: NewInstractions.css */
/*----------------------------------------*/

@charset "UTF-8";

.new_instracion_tr {
	position: relative;
	cursor: pointer;
}

.new_instracion_tr:hover {
	background-color: var(--rd-list-hover);
}

.nit-titel-flex {
	display: flex;
	gap: 20px;
}

.nit-tf-img {
	align-self: flex-start;
}

.nit-tf-img &gt; div {
	width: 108px;
	height: 54px;
	background-size: cover;
	background-position: 50%;
	border-radius: var(--rd-borderradius-border-sm);
}

.nit-tf-text {
	align-self: center;
}

.nit-tf-text .instr-titel {
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	font-size: var(--rd-fontsize-4);
}

.nit-tf-text .course-titel {
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-primary-active);
	margin-top: 4px;
}

.new_instracion_tr .instr-typ,
.rd-sortable-table-cell .instr-typ {
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
	display: grid;
	gap: 8px;
	grid-template-columns: 18px auto;
	align-items: center;
}

.new_instracion_tr .instr-typ:before,
.rd-sortable-table-cell .instr-typ:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--rd-secondary-active);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}


.rd-sortable-table-cell .instr-typ.online-instr:before {
	mask-image: url("/src/img/2023/svg/icons/rd-online-course2.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-online-course2.svg");
}

.new_instracion_tr .instr-typ.online-instr:before{
	mask-image: url(/src/img/2023/svg/icons/rd-icon-desktop-computer2.svg);
    -webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-desktop-computer2.svg);
	width: 20px;
	height: 20px;
}

.new_instracion_tr .instr-typ.presenz-instr:before,
.rd-sortable-table-cell .instr-typ.presenz-instr:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-user.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-user.svg");
}

.new_instracion_tr .instr-typ.read-instr:before,
.rd-sortable-table-cell .instr-typ.read-instr:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-book-open-20.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-book-open-20.svg");
	width: 18px;
	height: 18px;
}

.new_instracion_tr .instr-typ.webinar-instr:before,
.rd-sortable-table-cell .instr-typ.webinar-instr:before {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-camera-24.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-camera-24.svg");
	width: 18px;
	height: 18px;
}

.ist-pflicht {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: var(--rd-font-dark);
	mask-image: url("/src/img/2023/svg/icons/instr-pflicht-check.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/instr-pflicht-check.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.new_instracion_tr .zeitspane,
.new_instracion_tr .instr-time,
.rd-sortable-table-cell .zeitspane,
.rd-sortable-table-cell .instr-time {
	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);
	align-items: center;
}

.rd-sortable-table-cell .zeitspane {
	white-space: unset;
}

.new_instracion_tr .instr-time:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--rd-font-dark);
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	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");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.date_searc_grid .rd-selector-searchrow {
	margin-bottom: 0;
	max-width: 600px;
}

.td-new-proces {
	display: flex;
	gap: 8px;
	align-items: baseline;
}

.td-new-proces .td_count {
	font-size: var(--rd-fontsize-3);
	margin-bottom: 0;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.td-new-proces .td_diagram {
	background-color: var(--rd-input-default);
}

.new_instracion_tr:hover .td_diagram {
	background-color: var(--rd-list-default-dark);
}

.public_status {
	display: block;
	text-align: center;
	background-color: var(--rd-input-default) var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-2);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-sm);
	border-radius: var(--rd-borderradius-border-xl);
	color: var(--rd-font-dark);
	margin: 4px 0;
	min-width: 112px;
	/* max-width: 112px; */
	justify-content: center;
}

.public_status.template {
	background-color: var(--rd-warning-inactive);
}

.public_status.owner {
	background-color: #f8e6e1;
}
.public_status.foreign {
	background-color: var(--rd-input-focused);
	color: var(--rd-font-light);
}

.public_status.shared_to {
	background-color: #e1f2fa;
}

.public_status.public {
	background-color: var(--rd-list-active);
}

.respons_table td[data-label="Pflicht"] span {
	margin: auto;
}

.shared_to_x_homes {
	color: var(--rd-secondary-active);
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	width: unset;
	height: unset;
	background-image: none;
}

.respons_table .thtext {
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.shared_to_x_homes:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--rd-secondary-active);
	vertical-align: middle;
	margin-right: var(--rd-spacing-x-sm);
	mask-image: url("/src/img/2024/svg/icons/rd-icon-share.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-share.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.shared_from_central {
	display: inline-block;
	width: var(--rd-fontsize-3);
	height: var(--rd-fontsize-3);
	background-color: var(--rd-secondary-active);
	mask-image: url("/src/img/svg/global_icon.svg");
	-webkit-mask-image: url("/src/img/svg/global_icon.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-image: none;
}

.td-new-proces .td_diagram {
	width: 100px;
	height: 8px;
}

.quick_menu {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(/src/img/2023/svg/icons/context-menu.svg);
	background-size: 22px;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
}

.quick_menu_c {
	position: relative;
}

.instr_quick_menu {
	position: absolute;
	right: calc(100% + 0pc);
	top: 0;
	background-color: var(--rd-font-light);
	z-index: 1;
	letter-spacing: 0;
	line-height: 24px;
	color: var(--rd-font-dark);
	white-space: nowrap;
	padding: var(--rd-spacing-x-big) var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
	box-shadow: 0px 20px 25px -5px rgba(15, 15, 16, 0.1), 0px 10px 10px -5px rgba(15, 15, 16, 0.04);
	border-radius: 4px;
	border: 0.5px solid var(--Gray-Dark-Gray-400, #ccc);
}

.instr_quick_menu ul {
	display: flex;
	flex-direction: column;
	gap: var(--rd-spacing-md);
	margin: 0;
	padding: 0;
}

.instr_quick_menu ul li {
	display: block;
}

.instr_quick_menu ul li form {
	margin: 0;
	padding: 0;
	display: block;
	float: unset;
}

.instr_quick_menu ul li span,
.instr_quick_menu ul li button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	color: var(--rd-font-dark);
	width: 100%;
	text-align: left;
	display: flex;
	padding: 0 var(--rd-spacing-x-sm);
	gap: var(--rd-spacing-md);
	align-items: center;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.instr_quick_menu ul li span:hover,
.instr_quick_menu ul li button:hover {
	color: var(--rd-primary-active);
}

.instr_quick_menu [class^="rd-icon-"]:hover::before {
	background-color: var(--rd-primary-active);
}

.instr_quick_menu [class^="rd-icon-"]::before {
	background-color: var(--rd-font-dark);
	width: 20px;
	height: 20px;
}

.home-filter {
	padding-left: 20px;
}

.home-filter pc-facility-selector {
	height: unset;
}

.home-filter pc-facility-selector .rd-treeview-popup-input {
	border: 1px solid var(--rd-input-default);
}

.instr-create-feedback-teaser {
	display: inline-block;
	background-color: var(--rd-font-light);
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-xxx-big) 96px;
	margin-top: var(--rd-spacing-lg);
	position: relative;
	/* min-width: 70%; */
	box-shadow: 0px 2px 5px 0px rgba(16, 24, 40, 0.1);
}

.instr-create-feedback-teaser.thx-teaser::before {
	display: none;
}

.instr-create-feedback-teaser::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 110px;
	height: 95px;
	background-color: var(--rd-success-default);
	mask-image: url("/src/img/2023/svg/icons/rd-kringel.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-kringel.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	left: -123px;
	top: 10px;
}

.icft-titel {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-7);
	margin-bottom: var(--rd-spacing-x-sm);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-font-dark);
}

.icft-text {
	font-size: var(--rd-fontsize-4);
	margin-bottom: var(--rd-spacing-x-big);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.icft-action {
}

.icft-action span {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-4);
	cursor: pointer;
}

.icft-action span:hover {
	text-decoration: underline;
}

.icft-action span:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: var(--rd-primary-active);
	mask-image: url("/src/img/2023/svg/icons/rd-icon-conversation.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-conversation.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 4px;
}

.instr-create-feedback-teaser.thx-teaser .icft-titel:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 34px;
	background-color: var(--rd-primary-active);
	mask-image: url("/src/img/2023/svg/svg_img/heart-sketch-line.svg");
	-webkit-mask-image: url("/src/img/2023/svg/svg_img/heart-sketch-line.svg");
	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;
	position: absolute;
	right: 20%;
	top: 17px;
}

.new_instracion_tr td[data-label="Auswählen"],
.respons_table tr th:nth-child(1) {
	padding-left: var(--rd-spacing-md);
	padding-right: 0;
}

.respons_table.qm-users tr th:nth-child(1) {
	/* padding-left: 8px; */
}

.new_instracion_tr td[data-label="Auswählen"] {
	vertical-align: top;
}

.new_instracion_tr td[data-label="Auswählen"] input.rd-checkbox {
	margin-top: 18px !important;
}

.new_instracion_tr td[data-label="Fortbildung"],
.respons_table tr th:nth-child(2) {
	padding-left: 0;
	min-width: 250px;
	word-break: break-word;
}

.new_instracion_tr td[data-label="Fortbildung"] {
	min-width: 250px;
	word-break: break-word;
}

.new_instracion_tr td {
	padding: 16px 24px 16px 0;
}

.respons_table th {
	padding: 24px 24px 16px 0;
}

.new_instracion_tr td span {
	display: flex;
}

.new_instracion_tr td span.tdc_max {
	display: inline;
}

.rd-instr-cont .respons_table {
	margin-top: 10px;
}

.rd-instructions .cont_body2 {
	margin-top: 16px;
}

.rd-instructions .paginator .selectbox {
	padding-left: 0;
}

.rd-instructions .sbtitle,
.rd-instructions .site_text,
.rd-instructions .sitemax {
	font-size: var(--rd-fontsize-3);
}

.rd-infobar-btn {
	justify-self: right;
}

.lesepflichten .respons_table tr th:nth-child(2) {
	padding-left: var(--rd-spacing-x-sm);
}

.lesepflichten .respons_table th,
.lesepflichten .respons_table td {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
}

@media screen and (max-width: 1800px) {
	.respons_table td,
	.respons_table th {
		padding: 16px 8px;
	}
}

@media screen and (max-width: 1600px) {
	.respons_table.long_table tr th:nth-child(8),
	.respons_table.long_table tr td:nth-child(8),
	.respons_table.long_table tr th:nth-child(9),
	.respons_table.long_table tr td:nth-child(9) {
		display: none;
	}
}

@media screen and (max-width: 1370px) {
	.td-new-proces .td_diagram {
		width: 80px;
	}
}

@media screen and (max-width: 1300px) {
	.nit-titel-flex {
		flex-wrap: wrap;
	}

	.new_instracion_tr td[data-label="Fortbildung"],
	.respons_table tr th:nth-child(2) {
		min-width: 150px;
	}
}

@media screen and (max-width: 1100px) {
	.respons_table.long_table tr th:nth-child(8),
	.respons_table.long_table tr td:nth-child(8),
	.respons_table.long_table tr th:nth-child(9),
	.respons_table.long_table tr td:nth-child(9) {
		display: table;
	}

	.public_status {
		display: inline-block;
		padding-left: 26px;
		padding-right: 26px;
	}

	.new_instracion_tr td[data-label="Fortbildung"],
	.respons_table tr th:nth-child(2),
	.new_instracion_tr td[data-label="Auswählen"] {
		padding-left: var(--rd-spacing-x-sm);
	}

	.instr_quick_menu {
		left: 0;
		right: unset;
	}
}

@media screen and (max-width: 850px) {
	.selectet_inst_menu .left_side,
	.selectet_inst_menu .right_site {
		align-self: flex-start;
	}

	.selectet_inst_menu .right_site ul,
	.selectet_inst_menu {
		flex-direction: column;
	}

	.date_searc_grid {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		gap: var(--rd-spacing-md);
	}

	.date_searc_grid .dsg_input {
		padding-left: 0;
	}

	.date_searc_grid .rd-selector-searchrow {
		max-width: 100%;
	}
}

.instr_quick_menu li.disable span,
.instr_quick_menu li.disable span:hover {
	color: var(--rd-secondary-inactive);
	cursor: auto;
}

.instr_quick_menu li.disable span:before,
.instr_quick_menu li.disable span:hover::before {
	background-color: var(--rd-secondary-inactive);
}

td:has(span.element-status) {
	padding-left: 14px !important;
}
div.div-table .thead &gt; div {
	margin-left: 25px;
}
div.div-table .thead &gt; div,
div.new_instracion_div,
.instr_summery {
	display: grid;
	grid-template-areas: "CHECK Fortbildung Typ Pflicht Zeitraum Fortbildungsminuten Häuser MENU";
	grid-template-columns: 33px calc(85% - 33px - 80px - 80px - 180px - 100px - 40px) 80px 80px 15% 180px 100px 40px;
	gap: 2px;
}

.instr_table .thead &gt; div {
	margin-left: 0 !important;
	padding: 24px;
}
.instr_summery {
	background-color: var(--rd-list-default-light);
	padding: var(--rd-spacing-xxx-big) var(--rd-spacing-x-big);
	margin-bottom: var(--rd-spacing-x-big);
}

.instr_summery .check_modul {
	grid-area: CHECK;
}
.instr_summery .cmd_name {
	grid-area: Fortbildung;
}
div.new_instracion_div {
	margin-bottom: var(--rd-spacing-x-sm);
}
div.div-table .thead &gt; div &gt; *,
div.new_instracion_div &gt; *,
.instr_summery &gt; * {
	/* border-left:1px solid; */
}
div.div-table.long_table .thead &gt; div,
div.new_instracion_div.long_table {
	grid-template-areas: "CHECK Fortbildung Typ Pflicht Zeitraum Fortbildungsminuten Fortschritt Status Häuser MENU";
	grid-template-columns: 30px 40% 80px 20px 15% 100px 80px 80px 80px 30px;
}
.category-modul-details summary::marker {
	display: none;
	font-size: 0;
}
.new_instracion_div {
	background-color: var(--rd-list-default-light);
	padding: var(--rd-spacing-sm) var(--rd-spacing-x-big);
}

.category-modul-details .new_instracion_div,
.category-modul-details .instr_summery {
	align-items: center;
	cursor: pointer;
}

.category-modul-details .new_instracion_div:hover,
.category-modul-details .instr_summery:hover {
	background-color: var(--rd-list-hover);
}

.category-modul-details .nit-tf-img {
	align-self: center;
}

.category-modul-details .instr_summery .check_modul {
	width: 18px;
	height: 18px;
}

.instr_summery .cmd_name:after,
.user_fortbildungen .summary .cmd_name:after {
	content: "";
	height: 14px;
	width: 14px;
	margin-right: var(--rd-spacing-x-sm);
	mask-image: url(/src/img/2024/svg/icons/rd-icon-arrow-neu.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-arrow-neu.svg);
	/* background-color: var(--rd-success-default); */
	mask-size: contain;
	-webkit-mask-size: 20px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background-color: var(--rd-secondary-hover);
	align-self: center;
	transition: all 0.2s linear;
}

.category-modul-details .instr_summery .cmd_name:after,
.user_fortbildungen .summary .cmd_name::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg") !important;
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-neu.svg") !important;
	transform: scaleY(1) !important;
}

.category-modul-details[open] .category-modul-details[open] .instr_summery .cmd_name:after,
.user_fortbildungen .category-modul-details[open] .category-modul-details[open] .summary .cmd_name::after {
	transform: scaleY(-1) !important;
}

.category-modul-details[open] .category-modul-details .instr_summery .cmd_name:after,
.user_fortbildungen .category-modul-details[open] .category-modul-details .summary .cmd_name::after {
	transform: scaleY(1) !important;
}

.category-modul-details[open] .instr_summery .cmd_name:after,
.user_fortbildungen .category-modul-details[open] .summary .cmd_name::after {
	transform: scaleY(-1) !important;
}

.category-modul-details.cmd-instr .cmd_courses .cmd-instr:last-child .instr_summery {
	margin-bottom: var(--rd-spacing-x-big);
}

.category-modul-details.cmd-instr .cmd_courses .instr_summery {
	padding: 10px 24px;
	margin-bottom: 0;
	border-bottom: 1px solid #eaecf0;
}

.category-modul-details.cmd-instr .cmd_courses .cmd_name {
	font-size: var(--rd-spacing-sm);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 170%;
}

.category-modul-details.cmd-instr .cmd_courses {
	padding-left: 0;
}

.category-modul-details.cmd-instr .cmd_courses .new_instracion_div:first-child {
	margin-top: var(--rd-spacing-x-big);
}

.category-modul-details.cmd-instr .cmd_courses .new_instracion_div {
	margin: var(--rd-spacing-x-sm) 0;
}

.category-modul-details.cmd-instr .cmd_courses .new_instracion_div:last-child {
	margin-bottom: var(--rd-spacing-x-big) !important;
}

.new_instracion_tr.new_instracion_div.webinar:last-of-type {
	margin-bottom: var(--rd-spacing-x-big);
}

.singe-chart-procent.rd-progressbar {
	height: 8px;
	margin-bottom: 0;
	display: flex;
	overflow: hidden;
}

.singe-chart-procent.rd-progressbar span {
	border-radius: var(--rd-borderradius-border-xl);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: var(--rd-warning-default);
	height: 8px;
}
.singe-chart-procent.rd-progressbar span.multicolor_progres{
	position:relative;
	border-radius: 0;
}
.singe-chart-procent.rd-progressbar span.multicolor_progres[data-value="100"]{
	background-color: var(--rd-success-default);
}
.progress_check[data-value="100"]{
		display: inline-block;
		mask-size: 20px;
		-webkit-mask-size: 20px;
		mask-position: 50%;
		-webkit-mask-position: 50%;
		mask-image: url('/src/img/2023/svg/icons/rd-icon-courseSuccess-35.svg');
		-webkit-mask-image: url('/src/img/2023/svg/icons/rd-icon-courseSuccess-35.svg');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		background-color: var(--rd-success-default);
}
@media screen and (max-width: 1500px) {
	/* 	div.div-table .thead &gt; div,
	div.new_instracion_div,
	.instr_summery {
		grid-template-columns: 33px calc(80% - 33px - 80px - 80px - 180px - 100px - 40px) 90px 80px 15% 180px 100px 40px;
	} */
}

@media screen and (max-width: 1100px) {
	.instr_summery {
		grid-template-columns: 33px auto 0 0 0 0 120px 40px;
	}
	div.div-table .thead &gt; div {
		display: none;
	}
	div.new_instracion_div {
		display: block;
	}
	div.new_instracion_div &gt; *:before {
		content: attr(data-label);
		font-size: var(--rd-fontsize-4);
		color: var(--rd-font-dark);
		font-weight: var(--rd-fontweights-open-sans-1);
	}
	div.new_instracion_div &gt; * {
		display: grid;
		grid-template-areas: "TITEL CONTENT";
		grid-template-columns: 150px auto;
		border-bottom: 1px solid var(--rd-input-default);
		padding: var(--rd-spacing-x-sm);
	}

	.category-modul-details.cmd-instr .rd-checkbox {
		margin-left: 0;
	}

	.category-modul-details.cmd-instr .instr_quick_menu {
		right: unset;
		left: 0;
	}
}

@media screen and (max-width: 650px) {
	.instr_summery {
		grid-template-columns: 30px auto;
		grid-template-areas:
			"CHECK Fortbildung"
			"Typ Pflicht"
			"Zeitraum Fortbildungsminuten"
			"Häuser Häuser";
	}

	span.cmd_fortschritt {
		grid-area: Häuser;
	}

	/* .category-modul-details.cmd-instr .cmd_courses .instr_summery {
		grid-template-areas: "CHECK Fortbildung Typ Pflicht Zeitraum Fortbildungsminuten Häuser MENU";
	} */

	.instr_summery .td-new-proces {
		justify-content: end;
	}
}

@media screen and (max-width: 400px) {
	div.new_instracion_div &gt; * {
		grid-template-columns: 90px auto;
	}
}

@media screen and (max-width: 325px) {
	div.new_instracion_div &gt; * {
		grid-template-areas:
			"TITEL"
			"CONTENT";
		grid-template-columns: 100%;
	}
}
.optional_tag{
	position:absolute;
	display:flex;
	right:16px;
	top:16px;
	z-index:1;
	padding: 2px 8px 2px 4px;
	justify-content: center;
	align-items: center;
	border-radius: 96px;
	background:  #E1E7FD;
	color: #302E7C;
	font-size: var(--rd-fontsize-4);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0); /* 142.857% */
	gap: 4px;
}
.optional_tag:before{
	content:'';
	display:inline-block;
	width:16px;
	height:16px;
	background-color:#302E7C;
	margin-left:4px;
			mask-size: 16px;
		-webkit-mask-size: 16px;
		mask-position: 50%;
		-webkit-mask-position: 50%;
		mask-image: url('/src/img/2024/svg/icons/exclamation-circle.svg');
		-webkit-mask-image: url('/src/img/2024/svg/icons/exclamation-circle.svg');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
	
}





/*----------------------------------------*/
/* FILE: OpenSans.css */
/*----------------------------------------*/

/* open-sans-300 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-300italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: 300;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300italic.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300italic.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-regular.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-regular.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: 400;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-italic.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-italic.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-500 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 500;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-500italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: 500;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500italic.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500italic.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 600;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-600italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: 600;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600italic.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600italic.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 700;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: 700;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700italic.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700italic.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 800;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   
   /* open-sans-800italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
   @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: 800;
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800italic.eot'); /* IE9 Compat Modes */
     src: url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800italic.woff') format('woff'), /* Modern Browsers */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('/fonts/Open-Sans-2023/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
   }
   





/*----------------------------------------*/
/* FILE: PCDateTimeInput.css */
/*----------------------------------------*/

pc-datetimeinput {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.pc_datetimevalue_wrap {
	display: grid;
	grid-template-columns: 135px 110px;
	gap: var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

pc-datetimeinput[dateonly] .pc_datetimevalue_wrap {
	grid-template-columns: 135px;
}

.pc_datetimevalue_wrap .add-on.icon-calendar {
	position: absolute;
	right: 8px;
}

.pc_datetimevalue_timewrap {
	position: relative;
	padding-right: 40px;
}

.pc_datetimevalue_timewrap &gt; input,
.pc_datetimevalue_date {
	padding: var(--rd-spacing-sm) var(--rd-spacing-md);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md) 0 0 var(--rd-borderradius-border-md);
	font-size: var(--rd-fontsize-4) !important;
	color: var(--rd-font-dark);
	text-align: center;
	width: 100%;
}

.pc_datetimevalue_timewrap &gt; input {
	border-right: none;
}

.input-append.datetimev2 .pc_datetimevalue_date,
.input-append.datetimev3 .pc_datetimevalue_date {
	border-radius: var(--rd-borderradius-border-md) !important;
	width: 100%;
	text-align: left;
}

.input-append.datetimev2,
.input-append.datetimev3 {
	margin: 0;
}

.pc_datetimevalue_time_control {
	background: var(--rd-primary-active);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0;
}

.pc_datetimevalue_time_control &gt; a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pc_datetimevalue_time_control &gt; a:hover {
	background: var(--rd-primary-hover);
}

.pc_datetimevalue_time_control &gt; a.pc_datetimevalue_time_control_minus {
	top: 50%;
	bottom: 0;
}

.pc_datetimevalue_time_control &gt; a::after {
	content: "";
	background-color: var(--rd-font-light);
	display: block;
	-webkit-mask-image: url("/src/img/svg/uparrow.svg");
	mask-image: url("/src/img/svg/uparrow.svg");
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	width: 14px;
	height: 15px;
	margin-top: 6px;
}

.pc_datetimevalue_time_control &gt; a.pc_datetimevalue_time_control_minus::after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: 0;
	margin-bottom: 6px;
}

.pc_datetimevalue_wrap.pc_datetimevalue_wrap_flatpickr .add-on.icon-calendar {
	pointer-events: none;
}

.pc_datetimevalue_wrap.pc_datetimevalue_wrap_flatpickr input.pc_datetimevalue_date.flatpickr-input {
	cursor: pointer;
}

.dtrange_selectWrap select {
	width: 300px;
	padding: 7px;
	border-radius: var(--rd-borderradius-border-md);
}

.dtrange_startWrap,
.dtrange_endWrap {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-sm);
	margin-top: var(--rd-spacing-x-sm);
}

.dtrange_startWrap &gt; span,
.dtrange_endWrap &gt; span {
	display: block;
	width: 32px;
}

.dtrange_startEndWrap {
	display: none;
}

pc-datetimerange[preset="custom"] .dtrange_startEndWrap {
	display: block;
}
pc-datetimeinput[inline] .pc_datetimevalue_date,
pc-datetimeinput[inline] .add-on.icon-calendar {
	display: none;
}

pc-datetimeinput[inline] .pc_datetimevalue_wrap {
	display: flex;
	flex-direction: column;
}

pc-datetimeinput[inline] .pc_datetimevalue_timewrap {
	position: relative;
	padding-right: 0;
	display: grid;
	align-items: center;
	gap: 1em;
	grid-template-columns: auto 150px 24px;
}
.rd-input-date-timelabel {
	text-align: right;
}






/*----------------------------------------*/
/* FILE: PCMultiselect.css */
/*----------------------------------------*/

pc-multiselect {
  display: inline-block;
  position: relative;
}

pc-dropdown-elements opt {
  display: none;
}

pc-multiselect option {
  display: none;
}

.pc_multiselect_option {
  position: relative;
  cursor: pointer;
  margin-bottom: var(--rd-spacing-x-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pc_multiselect_option_icon {
  bottom: 0;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--cl-light-blue);
  -webkit-box-shadow: 0 2px 4px 0 var(--cl-light-blue);
  box-shadow: 0 2px 4px 0 var(--cl-light-blue);
  height: 14px;
  width: 14px;
  position: relative;
}

.pc_multiselect_option_icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: transparent;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.pc_multiselect_option.pc_multiselect_option_checked_true
  .pc_multiselect_option_icon::after {
  -webkit-mask-image: url("/src/img/svg/af/check-white.svg");
  mask-image: url("/src/img/svg/af/check-white.svg");
  background-color: var(--cl-deep-green);
}

.pc_multiselect_option_label {
  margin-left: var(--rd-spacing-x-sm);
}






/*----------------------------------------*/
/* FILE: PCNumberInput.css */
/*----------------------------------------*/

pc-numberinput {
	display: inline-block;
	position: relative;
}

.pc_numbervalue_control {
	background: white;

	width: 40px;
	overflow: hidden;
	position: relative;
}

.pc_numbervalue_control &gt; a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pc_numbervalue_control &gt; a:hover::after {
	background: var(--rd-secondary-active);
}

.pc_numbervalue_control &gt; a::after {
	content: "";
	background-color: var(--rd-primary-active);
	display: block;
	-webkit-mask-image: url("/src/img/svg/plus_magenta.svg");
	mask-image: url("/src/img/svg/plus_magenta.svg");
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	width: 14px;
	height: 15px;
}

.pc_numbervalue_control &gt; a.pc_numbervalue_control_minus::after {
	-webkit-mask-image: url("/src/img/svg/minus_grey.svg");
	mask-image: url("/src/img/svg/minus_grey.svg");
}

[data-can-decrease="false"] .pc_numbervalue_control &gt; a.pc_numbervalue_control_minus::after,
[data-can-increase="false"] .pc_numbervalue_control &gt; a.pc_numbervalue_control_plus::after {
	background-color: var(--rd-input-default);
}

.pc_numbervalue_wrap {
	padding-right: 40px;
}

pc-numberinput .pc_numbervalue_wrap {
	padding-right: 0;
	display: flex;
}

.pc_numbervalue_control_minus_wrap {
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	border-right: none;
	border-radius: var(--rd-borderradius-border-md) 0em 0em var(--rd-borderradius-border-md);
}

.pc_numbervalue_control_plus_wrap {
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	border-left: none;
	border-radius: 0em var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0em;
}

.pc_numbervalue_wrap &gt; input {
	padding: var(--rd-spacing-sm);
	width: calc(100% - 40px);
	border: none !important;
	border-top: var(--rd-borderwidth-border-default) solid var(--rd-input-default) !important;
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-input-default) !important;
	border-radius: 0 !important;
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
	text-align: center;
}






/*----------------------------------------*/
/* FILE: PCSlider.css */
/*----------------------------------------*/

pc-slider {
	display: inline-block;
	position: relative;
}

pc-slider &gt; label,
.pc_slidervalue_wrap &gt; input {
	display: none;
}

.pc_slidervalue_wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pc_slidervalue_wrap &gt; a {
	display: inline-block;
	width: 56px;
	height: 32px;
	background: var(--rd-input-default);
	border-radius: var(--rd-borderradius-border-xl);
	position: relative;
}

pc-slider[checked] .pc_slidervalue_wrap &gt; a {
	background: var(--rd-success-default);
	/* border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green); */
}

.pc_slidervalue_wrap &gt; a::after {
	content: " ";
	position: absolute;
	width: 24px;
	height: 24px;
	left: 4px;
	background: var(--rd-font-light);
	-webkit-transition: all 100ms;
	-o-transition: all 100ms;
	transition: all 100ms;
	-webkit-transition-timing-function: cubic-bezier(0.03, 0.78, 0.08, 0.97);
	-o-transition-timing-function: cubic-bezier(0.03, 0.78, 0.08, 0.97);
	transition-timing-function: cubic-bezier(0.03, 0.78, 0.08, 0.97);
	top: 4px;
	border-radius: 100%;
	border: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 8%), 0px 4px 24px rgb(0 0 0 / 8%);
}

pc-slider[disabled] .pc_slidervalue_wrap &gt; a {
	background: var(--rd-font-light);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
pc-slider[disabled] .pc_slidervalue_wrap &gt; a:after {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	top: 2px;
}

pc-slider[disabled][checked] .pc_slidervalue_wrap &gt; a {
	background: var(--cl-light-grey);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
pc-slider[disabled][checked] .pc_slidervalue_wrap &gt; a:after {
	border: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
	top: 1.5px;
}

pc-slider[checked] .pc_slidervalue_wrap &gt; a::after {
	right: 4px;
	left: unset;
}

.pc_slidervalue_wrap &gt; label {
	cursor: pointer;
	margin: 0;
	vertical-align: top;
	padding-left: 6px;
	color: var(--cl-dark-grey);
	font-size: var(--rd-fontsize-4);
	margin-top: 6px;
}

pc-slider[checked] .pc_slidervalue_wrap &gt; label {
	color: var(--rd-success-default);
}

.CustomerEditForm .slider {
	position: relative;
	width: 80%;
}

.CustomerEditForm #contractProbability_input {
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	background: linear-gradient(90deg, var(--rd-success-default) 0%, #e0e0e0 0%);
	height: 8px;
	border-radius: 5px;
	outline: none;
	cursor: pointer;
}

.CustomerEditForm #contractProbability_input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background-color: var(--rd-success-default);
	border-radius: 50%;
	border: 3px solid white;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.CustomerEditForm #contractProbability_input::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background-color: var(--rd-success-default);
	border: none;
	border-radius: 50%;
	cursor: pointer;
}

.CustomerEditForm #contractProbability_input_text {
	font-size: 16px;
	font-weight: bold;
	color: var(--rd-success-default);
}






/*----------------------------------------*/
/* FILE: PopupWebsite.css */
/*----------------------------------------*/

@charset "UTF-8";

.modal_item {
    display: none;
}

input:checked+.modal_item {
    display: grid;
    /* height: 100%; */
    text-align: center;
    grid-template-rows: 300px 230px auto;
    grid-template-areas:
        "IMG"
        "TEXT"
        "ACTION";
}

input:checked+.modal_item[data-video-position="2"] {
    grid-template-rows: 16px 180px auto auto;
    grid-template-areas:
        "SLAVE"
        "TEXT"
        "IMG"
        "ACTION";
    text-align: center;
    justify-items: center;
}

.modal_ground[data-popup="Demo Admin"] input:checked+.modal_item {
    grid-template-rows: auto !important;
}

.modal_item[data-video-position="1"] .sleeve_item {
    display: none;
}

.modal_img {
    grid-area: IMG;
}

.modal_content {
    display: inline-block;
    background-color: var(--rd-font-light);
    width: 800px;
    padding: var(--rd-spacing-x-big);
    border-radius: var(--rd-borderradius-border-lg);
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

[data-popup="Lespflicht hinzufügen"] .modal_content {
    width: unset;
}

[data-popup="EdituserInstractions"] .modal_content {
    width: 90%;
}

.mc_small {
    width: 100%;
    height: unset;
    max-width: 600px;
}

.modal_content input[type="radio"].modal_check {
    display: none;
}

.modal_btn_block {
    display: inline-flex;
    margin-top: var(--rd-spacing-md);
    gap: var(--rd-spacing-md);
    align-items: baseline;
    margin-bottom: var(--rd-spacing-md);
}

.green_sleeve_45deg {
    position: absolute;
}

.modal_title,
.rd-popup-title,
.mtb_grid_title {
    color: var(--rd-font-dark);
    font-weight: var(--rd-fontweights-open-sans-1);
    font-size: var(--rd-fontsize-11);
    margin-top: var(--rd-spacing-md);
    text-align: center;
    line-height: 38px;
}

[data-popup="BetreuungskraftSell"] .modal_title,
[data-popup="BetreuungskraftSell"] .modal_sub_title {
    margin-top: 0;
}

[data-popup="BetreuungskraftSell"] .mtb_grid_text {
    display: none;
    height: 0;
    margin: 0;
    padding: 0;
}

[data-popup="BetreuungskraftSell"] .model_text_block.has_sub_title {
    display: block;
}

[data-popup="BetreuungskraftSell"] .modal_btn_block {
    flex-direction: column;
    align-items: center;
    margin-top: var(--rd-spacing-lg);
}

.rd-popup-subtitle {
    color: var(--rd-primary-active);
    font-weight: var(--rd-fontweights-open-sans-1);
    font-size: var(--rd-fontsize-7);
    line-height: var(--rd-lineheights-1);
    text-align: center;
    margin-bottom: var(--rd-spacing-md);
}

.rd-popup-subheadline,
.modal_sub_title,
.modal_over_title {
    color: var(--rd-primary-active);
    font-weight: var(--rd-fontweights-open-sans-1);
    font-size: var(--rd-fontsize-5);
    margin-top: var(--rd-spacing-md);
}

.modal_over_title {
    margin-top: 0;
}

/* .modal_sub_title {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
} */

.modal_text {
    color: var(--rd-font-dark);
    font-size: var(--rd-fontsize-4);
    font-weight: 400;
    margin-top: 24px;
    display: inline-block;
    max-width: 630px;
}

.modal_img_content {
    border-radius: 4px;
    display: inline-block;
    height: 100%;
    overflow: hidden;
}

.modal_img .full_size {
    width: 100%;
    max-width: 630px;
    /* margin-top: -25%; */
    height: 110%;
}

.modal_img {
    max-height: 300px;
    height: 300px;
    overflow: hidden;
}

[data-popup="BetreuungskraftSell"] .modal_img,
[data-popup="BetreuungskraftSellUser"] .modal_img {
    display: inline-block;
    max-height: unset;
    height: unset;
    overflow: hidden;
    width: 90%;
}

[data-popup="BetreuungskraftSell"] .modal_img_content,
[data-popup="BetreuungskraftSellUser"] .modal_img_content {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 55.2%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

[data-popup="BetreuungskraftSell"] .modal_img_content iframe,
[data-popup="BetreuungskraftSellUser"] .modal_img_content iframe {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

[data-popup="BetreuungskraftSell"] .modal_over_title,
[data-popup="BetreuungskraftSell"] .modal_title {
    margin-bottom: 8px;
    line-height: 132%;
}

[data-popup="BetreuungskraftSell"] .mtb_grid_title {
    margin-bottom: var(--rd-spacing-md);
}

[data-popup="BetreuungskraftSell"] .modal_content {
    padding: var(--rd-spacing-x-big) 100px;
}

.modal_links {
    display: inline-flex;
    gap: var(--rd-spacing-md);
    margin-top: var(--rd-spacing-md);
}

.modal_links b {
    display: inline-flex;
    gap: var(--rd-spacing-md);
}

.modal_navbar {
    display: inline-flex;
    gap: var(--rd-spacing-x-sm);
}

.modal_navbar label {
    height: 4px;
    background-color: var(--rd-input-default);
    width: 40px;
    cursor: pointer;
    border-radius: var(--rd-borderradius-border-xl);
}

.modal_navbar label.active {
    background-color: var(--rd-primary-active);
}

.close_modal_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--rd-primary-active);
    right: 24px;
    top: 24px;
    cursor: pointer;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
    -webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.green_sleeve_45deg {
    font-size: 0;
    background-image: url("/src/img/2023/svg/svg_img/DemoSleeve.png");
    width: 219px;
    height: 217px;
    left: -9px;
    top: -9px;
}

.mc_small .modal_sub_title {
    padding: var(--rd-spacing-x-big) 0;
}

.mc_small .modal_btn_block {
    margin-bottom: var(--rd-spacing-md);
}

.model_text_block.has_sub_title {
    display: grid;
    grid-template-rows: 75px 120px auto;
    /*  Wird für SbS Popups benötigt*/
}

[data-popup="Vertrag User"] .model_text_block.has_sub_title {
    grid-template-rows: auto auto auto;
}

.modal_img_content img {
    height: 110%;
}

.rd-popup-list ul {
    margin: 0;
    margin-top: var(--rd-spacing-sm);
    list-style: none;
    text-align: left;
}

.rd-popup-date.rd-icon-date::before,
.rd-popup-value.rd-icon-date::before {
    background-color: var(--rd-font-dark);
}

.rd-popup-title {
    margin-bottom: var(--rd-spacing-x-sm);
}

.rd-popup-img {
    text-align: center;
    margin-bottom: var(--rd-spacing-lg);
    border-radius: var(--rd-borderradius-border-md);
    overflow: hidden;
}

.rd-popup-img img {
    max-width: 100%;
}

.rd-popup-date,
.rd-popup-value {
    font-size: var(--rd-fontsize-3);
    line-height: var(--rd-lineheights-0);
    color: var(--rd-font-dark);
    margin-bottom: var(--rd-spacing-md);
    font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-popup-date span,
.rd-popup-value span {
    font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-popup-description,
.mtb_grid_text {
    font-size: var(--rd-fontsize-5);
    line-height: var(--rd-lineheights-0);
    color: var(--rd-font-dark);
    margin-bottom: var(--rd-spacing-x-big);
    margin-top: var(--rd-spacing-md);
}

.rd-popup-description-magenta {
    font-size: var(--rd-fontsize-4);
    line-height: var(--rd-lineheights-0);
    color: var(--rd-primary-active);
    margin-bottom: var(--rd-spacing-x-sm);
    margin-top: var(--rd-spacing-lg);
    font-weight: var(--rd-fontweights-open-sans-0);
}

.modal_list ul {
    margin-top: var(--rd-spacing-lg);
    list-style: none;
    margin-left: 80px;
    text-align: left;
}

.modal_list li,
.modal_text span,
.rd-popup-list li {
    font-size: var(--rd-fontsize-4);
    color: var(--rd-font-dark);
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: var(--rd-lineheights-0);
    margin-bottom: var(--rd-spacing-xx-sm);
    display: grid;
    grid-template-columns: 40px auto;
    align-items: center;
}

/* .rd-popup-img {
	max-width: 470px;
} */

.rd-bonus-coupon-popup .rd-card-bluegray {
    margin: auto;
    margin-bottom: var(--rd-spacing-lg);
    border-radius: 0 0 var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
    gap: var(--rd-spacing-lg);
    text-align: left;
    padding: var(--rd-spacing-x-big);
}

.rd-bonus-coupon-popup .rd-card-bluegray div {
    align-self: center;
}

.rd-bonus-coupon-popup .rd-card-bluegray-title {
    font-size: var(--rd-spacing-md);
}

.rd-bonus-coupon-popup .rd-popup-subtitle {
    margin-bottom: var(--rd-spacing-lg);
    font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-card-bluegray-msg {
    padding: var(--rd-spacing-md) var(--rd-spacing-xxx-big);
    font-weight: var(--rd-fontweights-open-sans-1);
    border-radius: 32px 32px 32px 8px;
    background-color: var(--rd-input-disabled);
    margin-bottom: var(--rd-spacing-md);
    max-width: 350px;
}

.rd-card-bluegray-msg .rd-card-bluegray-msg-name,
.rd-card-bluegray-msg .rd-popup-date {
    margin-bottom: var(--rd-spacing-x-sm);
}

.rd-card-bluegray-msg .rd-card-bluegray-msg-title {
    margin-bottom: 0;
}

.rd-bonus-release-request-dialog .button.border,
.rd-bonus-deny-request-dialog .button.border {
    display: none;
    font-size: var(--rd-fontsize-4);
    font-weight: var(--rd-fontweights-open-sans-2);
}

/* .rd-bonus-release-request-dialog .modal_dialog_mid,
.rd-bonus-deny-request-dialog .modal_dialog_mid {
	margin-bottom: 0 !important;
} */

.rd-bonus-release-request-dialog&gt;div.modal_dialog_bottom,
.rd-bonus-deny-request-dialog&gt;div.modal_dialog_bottom {
    min-height: 0 !important;
}

.rd-bonus-release-request-dialog .modal_dialog_bottom&gt;a,
.rd-bonus-deny-request-dialog .modal_dialog_bottom&gt;a {
    margin: 0 !important;
}

.rd-bonus-release-request-dialog .button+.button,
.rd-bonus-deny-request-dialog .button+.button {
    margin-left: 0 !important;
}

.rd-surveys-dialog .modal_dialog_bottom&gt;a.thirdButton {
    color: var(--rd-primary-active);
    font-weight: var(--rd-fontweights-open-sans-2);
    display: flex;
    margin-top: var(--rd-spacing-x-big);
}

.rd-popup-date-value {
    display: flex;
    padding: var(--rd-spacing-x-big) var(--rd-spacing-lg);
    gap: var(--rd-spacing-xx-lg);
}

.rd-popup-date-value .rd-icon-date,
.rd-popup-date-value .rd-icon-value {
    margin-bottom: 0;
}

.rd-bonus-coupon-popup .rd-popup-title {
    margin-bottom: var(--rd-spacing-lg);
}

.rd-bonus-coupon-popup .modal_dialog_bottom {
    display: none;
}

.rd-bonus-coupon-popup .rd-popup-description {
    margin-bottom: var(--rd-spacing-md);
    display: none;
}

.rd-bonus-coupon-popup .rd-action-bar {
    margin-bottom: var(--rd-spacing-lg);
}

.close_modal {
    height: 27px;
}

.rd-close_popup {
    margin-top: var(--deviceHeaderHeight);
    height: 27px;
    position: relative;
}

.modal_content_inner {
    padding: 0 122px;
    max-height: 80vh;
    overflow-y: auto;
    margin-top: var(--rd-spacing-lg);
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner {
    padding: 0;
    margin-top: 0;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner,
[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_top_title,
[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner .rd-compact-popup-subtitle {
    text-align: left;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .titek-form-titel,
[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-checkbox-label {
    display: block;
    color: var(--rd-font-dark);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: 140%;
    /* 28px */
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_content {

    overflow: auto;
    max-height: calc(100vh - 300px);
    margin-bottom: 0;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .userdata {
    margin-bottom: 0 !important;
    padding: 0 var(--rd-spacing-x-big) 0;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] legend {
    font-size: var(--rd-fontsize-7);
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: 140%;
    color: var(--rd-font-dark);
    border-bottom: unset;
    margin-bottom: var(--rd-spacing-md);
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .inputs_flex {
    display: flex;
    gap: 16px;

}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .inputs_flex label {
    color: #374551;
    font-size: var(--rd-fontsize-5);
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: 24px
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-input-radios label {
    color: #374551;
    font-size: var(--rd-fontsize-5);
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: 24px;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] ul {
    list-style: none;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 16px;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] ul li {
    display: flex;
    gap: 8px;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .inputs_flex:last-of-type {
    margin-bottom: 0;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner .rd-compact-popup-subtitle {

    margin: 0 24px var(--rd-spacing-x-big);
    font-size: var(--rd-fontsize-5);
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.1px;
    text-transform: uppercase;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .titek-form-titel {
    line-height: 140%;
    margin-bottom: var(--rd-spacing-x-big);
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_top_title {
    margin-top: 0;
    padding: var(--rd-spacing-x-big);
    font-size: var(--rd-fontsize-7);
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: 28px;
    color: var(--rd-font-dark);
    border-bottom: 1px solid #e5e7eb;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .field-label {
    margin-bottom: var(--rd-spacing-md);
    margin-top: var(--rd-spacing-x-big);
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .field-label.time {
    margin-bottom: var(--rd-spacing-x-sm);
}

.SecondPersonContent {
    display: none;
    margin-bottom: var(--rd-spacing-md);
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner {
    border-radius: 8px;
    overflow: hidden;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd_checkbox,
[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] input.rd-checkbox {
    width: 16px;
    height: 16px;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-checkbox-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    margin: var(--rd-spacing-x-big) 0;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-select {
    max-width: 125px;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-input-content {
    display: grid;
    gap: 0;
    margin-bottom: 0;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .agb_accept_border {
    font-size: var(--rd-fontsize-4);
    gap: 0;
    margin-bottom: 10px;
    line-height: 20px;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-primary-btn-textlink {
    margin-right: var(--rd-spacing-md);
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .rd-checkbox-label:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--rd-font-dark);
    mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-right.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-right.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content {
    padding: 0;
    width: 820px;
}

input:checked~.SecondPersonContent {
    display: block;
}

.SecondPersonContent .inputs_flex {
    display: grid;
    flex-wrap: wrap;
    gap: 8px;
    grid-template-areas:
        "VORNAME NAME"
        "EMAIL TEL";

    margin-bottom: var(--rd-spacing-x-big);
}

.SecondPersonContent .inputs_flex label {
    display: block;
    color: #374551;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.SecondPersonContent .inputs_flex input {
    display: block;
    width: 100%;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] input:checked~.rd-checkbox-label:after {
    mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-down.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-down.svg");
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_bottom {
    text-align: right;
    /* display: flex; */
    margin-bottom: 0;
    padding: 0 24px;
}

.rd-messe-tickets .modal_ground {
    margin-bottom: 0 !important;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .close_modal {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 10;
}

.termindata {
    padding: 0 24px;
}

.field-label {
    display: block;
    color: #374551;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.messe-radio {
    /* display:flex; */
    gap: 8px;
    flex-wrap: wrap;
}

.messe-radio label {
    display: block;
    margin-bottom: var(--rd-spacing-md);
}

.rd-popup-textarea textarea {
    width: 100%;
    min-height: 100px;
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] select {
    padding: var(--rd-spacing-x-sm);
}

[data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] {
    z-index: 20000 !important;
}

.agb_accept_border {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.modal_content_inner button {
    margin-top: var(--rd-spacing-lg);
}

.rd-bonus-waitinglist-popup-alreadyOnList .rd-popup-title {
    margin-bottom: 0;
}

.rd-bonus-waitinglist-popup-ask::before {
    content: "";
    display: inline-block;
    background-image: url(/src/img/2023/images/rd-neu-badge.png);
    background-size: 100%;
    background-position: 50%;
    width: 97px;
    height: 97px;
    vertical-align: top;
    position: absolute;
    left: -20px;
    top: -20px;
}

.rd-bonus-waitinglist-popup-ask .button.fill::before {
    content: "";
    mask-image: url(/src/img/2023/svg/icons/rd-icon-bell.svg);
    -webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-bell.svg);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    background-color: var(--rd-font-light);
}

.rd-info-tooltip {
    color: var(--rd-success-hover);
    text-align: center;
    font-size: var(--rd-fontsize-4);
    line-height: var(--rd-lineheights-0);
    margin-bottom: var(--rd-spacing-lg);
}

.rd-bonus-release-request-dialog .rd-popup-title {
    margin-bottom: var(--rd-spacing-x-sm);
    margin-top: 0;
}

/* s */

.rd-bonus-redemption-chat {
    max-height: 140px;
    overflow: auto;
    padding: 0 var(--rd-spacing-x-sm);
    margin-bottom: var(--rd-spacing-x-big);
}

.rd-bonus-redemption-chat-message {
    display: flex;
    flex-direction: column;
}

.rd-bonus-redemption-chat-message-self {
    align-items: end;
}

.rd-bonus-redemption-chat-message-body {
    background-color: #f5f7fb;
    border-radius: 32px 32px 32px 8px;
    padding: var(--rd-spacing-md) var(--rd-spacing-xxx-big);
    max-width: 350px;
}

.rd-bonus-redemption-chat-message-self .rd-bonus-redemption-chat-message-body {
    background-color: #f9fbf5;
    border-radius: 32px 32px 8px 32px;
    padding: var(--rd-spacing-md) var(--rd-spacing-xxx-big);
}

.rd-bonus-redemption-chat-message-user {
    font-size: var(--rd-fontsize-5);
    color: var(--rd-primary-active);
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: var(--rd-lineheights-0);
    margin-bottom: var(--rd-spacing-x-sm);
}

.rd-bonus-redemption-chat-message-content {
    font-size: var(--rd-fontsize-5);
    color: var(--rd-font-dark);
    line-height: var(--rd-lineheights-1);
}

.rd-bonus-redemption-chat-message-datetime {
    font-size: var(--rd-fontsize-3);
    color: #949dab;
    line-height: var(--rd-lineheights-0);
    margin: var(--rd-spacing-x-sm) 0;
}

.rd-bonus-redemption-chat-message-more {
    font-size: var(--rd-fontsize-4);
    color: var(--rd-primary-active);
    line-height: var(--rd-lineheights-0);
    margin-top: var(--rd-spacing-md);
    text-align: center;
    cursor: pointer;
}

.rd-img-fullwidth {
    width: 100%;
}

pc-bonus-prime-distributor .pc_numbervalue_wrap&gt;input {
    width: 100% !important;
}

pc-bonus-prime-distributor .pc_numbervalue_wrap {
    height: 48px !important;
}

.rd-msgs-title {
    font-size: var(--rd-fontsize-5);
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: var(--rd-lineheights-0);
    margin-bottom: var(--rd-spacing-x-big);
    color: var(--rd-primary-active);
}

.rd-card-bluegray-msg-title {
    font-size: var(--rd-fontsize-4);
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: var(--rd-lineheights-0);
    color: var(--rd-primary-active);
}

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

/*compact-popup-modal*/
.rd-compact-popup-modal {
    /* width: 555px; alt */
    width: 848px;
    /* neu */
    height: auto;
    background-color: var(--rd-font-light);
    padding: var(--rd-spacing-x-big) !important;
    text-align: center;
    margin: auto;
    border-radius: var(--rd-borderradius-border-lg);
}

.rd-compact-popup-modal .rd-compact-popup .rd-compact-popup-title {
    font-size: var(--rd-fontsize-11);
    font-weight: var(--rd-fontweights-open-sans-1);
    color: var(--rd-font-dark);
    line-height: var(--rd-lineheights-1);
}

.rd-compact-popup-modal .rd-compact-popup .rd-compact-popup-subtitle {
    font-size: var(--rd-fontsize-7);
    font-weight: var(--rd-fontweights-open-sans-1);
    color: var(--rd-primary-active);
    line-height: var(--rd-lineheights-0);
    margin-bottom: var(--rd-spacing-md);
    margin-top: var(--rd-spacing-md);
}

.rd-compact-popup-modal .rd-compact-popup .rd-compact-popup-info {
    font-size: var(--rd-fontsize-5);
    line-height: var(--rd-lineheights-0);
    color: var(--rd-font-dark);
    margin-bottom: var(--rd-spacing-xxx-big);
}

.rd-compact-popup-modal .rd-licchange-licinput {
    margin: var(--rd-spacing-xxx-big) 0;
    font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-compact-popup-modal .rd-licchange-licinput .pc-numberinput {
    margin-right: var(--rd-spacing-xx-sm);
}

.rd-compact-popup-modal .modal_dialog_bottom {
    padding: 0;
    margin: auto;
    display: flex;
    flex-direction: column-reverse;
    /* margin-top: var(--rd-spacing-xxx-big); */
}

.rd-compact-popup-modal .modal_dialog_bottom .button.border {
    border: unset;
    margin-top: var(--rd-spacing-md);
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
}

.rd-compact-popup-modal .modal_dialog_bottom .button.border:hover {
    background-color: var(--rd-font-light);
    color: var(--rd-primary-hover);
    border: unset !important;
}

.rd-compact-popup-modal .modal_dialog_bottom .button.border:focus {
    background-color: var(--rd-font-light);
    color: var(--rd-primary-pressed);
    border: unset !important;
}

.rd-compact-popup-modal .modal_dialog_bottom&gt;a {
    margin: 0;
    min-width: 160px;
}

.rd-compact-popup-modal .modal_dialog_top,
.rd-compact-popup-modal .rd-compact-popup-closelink {
    display: none;
}

/* .rd-compact-popup-modal .modal_dialog_closelink {
	right: 18px !important;
} */

.rd-compact-popup-modal .rd-compact-popup .rd-compact-popup-icon {
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 208px;
    height: 166px;
    background-image: url("/src/img/2023/svg/svg_img/rd-lizenz-popup.svg");
    margin: auto;
    margin-top: var(--rd-spacing-xx-big);
}

.rd-compact-popup-modal.rd-compact-popup-bonus-request .rd-compact-popup .rd-compact-popup-icon {
    background-image: url("/src/img/2023/svg/svg_img/rd-bonus-request.svg");
    width: 400px;
    height: 280px;
}

.rd-compact-popup-course-plus-education.rd-compact-popup-modal .rd-compact-popup .rd-compact-popup-icon {
    background-image: url("/src/img/2024/gifs/card_checked.gif");
    background-size: contain;
    margin-bottom: var(--rd-spacing-lg);
}

.rd-compact-popup-course-plus-education.rd-compact-popup-course-plus-education-second .rd-compact-popup .rd-compact-popup-icon {
    background-image: url("/src/img/2024/images/kursplus-platzhalter.png");
    width: 100%;
    height: 300px;
}

.rd-compact-popup-modal .modal_dialog_mid {
    padding: 0 !important;
}

.rd-compact-popup-closelink a {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: var(--rd-fontsize-6);
    color: var(--rd-primary-active);
    font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-bonus-release-request-dialog .modal_dialog_mid,
.rd-bonus-redemption-demand-dialog .modal_dialog_mid,
.rd-bonus-deny-request-dialog .modal_dialog_mid,
.rd-bonus-waitinglist-popup-ask .modal_dialog_mid,
.rd-bonus-waitinglist-popup-autoAdd .modal_dialog_mid,
.rd-bonus-coupon-popup .modal_dialog_mid,
.rd-bonus-waitinglist-popup-alreadyOnList .modal_dialog_mid,
.pc-bonus-prime-distributor-dialog .modal_dialog_mid,
.pc-bonus-prime-distributor-dialog .modal_dialog_mid,
.rd-bonus-waitinglist-popup-alreadyOnList .modal_dialog_mid,
.rd-surveys-create-dialog .modal_dialog_mid,
.rd-compact-popup-bonus-start-test .modal_dialog_mid,
.rd-compact-popup-bonus-test-ended .modal_dialog_mid,
.contractPurchasePopup .modal_dialog_mid {
    padding: 0 122px !important;
}

.rd-surveys-dialog .modal_dialog_mid {
    padding-left: 122px;
    padding-right: 122px;
}

.rd-popup-dialog {
    width: 800px !important;
}

.rd-popup-dialog.rd-popup-disabled-next-button .modal_dialog_bottom a[data-key="ok"] {
    opacity: 0.2;
}

.rd-popup-dialog&gt;div.modal_dialog_bottom {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    margin: auto;
}

/*das nur für bonussystem, kan später geändert werden*/
.rd-popup-dialog .modal_dialog_top {
    display: none;
}

.rd-popup-dialog .modal_dialog_mid {
    margin: var(--rd-spacing-lg) 0;
}

.rd-compact-popup-bonus-start-test .rd-popup-img {
    margin-bottom: 0;
}

.rd-compact-popup-course-plus-education-second .button.fill::before {
    content: "";
    mask-image: url(/src/img/2023/svg/icons/rd-icon-export.svg);
    -webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-export.svg);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background-color: var(--rd-font-light);
    align-self: center;
}

/*end**/

/*compact-popup-modal end*/

.contractPurchasePopupContent h2 {
    font-size: var(--rd-fontsize-11);
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: var(--rd-lineheights-0);
    letter-spacing: 0.28px;
    margin-bottom: var(--rd-spacing-md);
    color: var(--rd-primary-active);
    text-align: center;
}

.contractPurchasePopupContent h3 {
    font-size: var(--rd-fontsize-5);
    margin-bottom: var(--rd-spacing-md);
    color: var(--rd-font-dark);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.16px;
    text-align: center;
}

.contractPurchasePopupContent p {
    font-size: var(--rd-spacing-md);
    line-height: 120%;
    /* 19.2px */
    letter-spacing: 0.16px;
    color: var(--rd-font-dark);
    margin-bottom: var(--rd-spacing-md);
}

@media (max-height: 870px) {
    .rd-bonus-release-request-dialog .modal_dialog_mid {
        margin-top: 0 !important;
    }
}

@media (max-width: 900px) {
    .MsgToWebinarUsersDialog .modal_dialog_mid {
        min-width: auto !important;
    }
}

@media (max-width: 800px) {

    .rd-bonus-release-request-dialog .modal_dialog_mid,
    .rd-bonus-redemption-demand-dialog .modal_dialog_mid,
    .rd-bonus-deny-request-dialog .modal_dialog_mid,
    .rd-bonus-waitinglist-popup-ask .modal_dialog_mid,
    .rd-bonus-waitinglist-popup-autoAdd .modal_dialog_mid,
    .rd-bonus-coupon-popup .modal_dialog_mid,
    .rd-bonus-waitinglist-popup-alreadyOnList .modal_dialog_mid,
    .pc-bonus-prime-distributor-dialog .modal_dialog_mid,
    .pc-bonus-prime-distributor-dialog .modal_dialog_mid,
    .rd-compact-popup-bonus-start-test .modal_dialog_mid,
    .rd-compact-popup-bonus-test-ended .modal_dialog_mid,
    .contractPurchasePopup .modal_dialog_mid {
        padding: 0 var(--rd-spacing-xx-lg) !important;
    }

    .rd-surveys-dialog .modal_dialog_mid {
        padding-left: var(--rd-spacing-xx-lg);
        padding-right: var(--rd-spacing-xx-lg);
    }
}

@media (max-width: 750px) {

    [data-popup="BetreuungskraftSell"] .modal_content,
    [data-popup="BetreuungskraftSellUser"] .modal_content {
        padding: var(--rd-spacing-x-big) !important;
    }

    input:checked+.modal_item[data-video-position="2"] {
        grid-template-rows: 24px auto auto auto;
    }

    [data-popup="BetreuungskraftSell"] .modal_img_content iframe,
    [data-popup="BetreuungskraftSellUser"] .modal_img_content iframe {
        left: -1px;
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_content {
        max-height: calc(100vh - 250px);
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_bottom {
        position: sticky;
        bottom: 0;
        background: white;
        padding: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
        z-index: 100;
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .termindata {
        margin-bottom: 0;
    }



    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_bottom .rd-primary-btn {
        width: auto;
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner {
        max-height: 100vh;
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_dialog_bottom {
        flex-direction: column-reverse;
        gap: 8px;
        margin-left: -24px;
        margin-right: -24px;
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner {
        max-height: 100vh;
    }

    .modal_content_inner button {
        margin-top: 0 !important;
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .modal_content_inner {
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    [data-popup="BetreuungskraftSellUser"] .modal_img {
        width: 93%;
    }
}

@media (max-width: 600px) {
    .modal_btn_block {
        flex-direction: column;
    }

    .model_text_block {
        display: flex !important;
        flex-direction: column;
    }

    .modal_img {
        height: auto;
    }

    input:checked+.modal_item {
        grid-template-rows: 5% 30% 48% 12%;
    }

    .modal_links {
        display: block;
    }

    .modal_btn_left label {
        margin-bottom: 0;
    }

    /* .modal_content {
		height: 680px;
	} */

    .rd-bonus-release-request-dialog .modal_dialog_mid,
    .rd-bonus-redemption-demand-dialog .modal_dialog_mid,
    .rd-bonus-deny-request-dialog .modal_dialog_mid,
    .rd-bonus-waitinglist-popup-ask .modal_dialog_mid,
    .rd-bonus-waitinglist-popup-autoAdd .modal_dialog_mid,
    .rd-bonus-waitinglist-popup-alreadyOnList .modal_dialog_mid,
    .pc-bonus-prime-distributor-dialog .modal_dialog_mid,
    .pc-bonus-prime-distributor-dialog .modal_dialog_mid,
    .rd-compact-popup-bonus-start-test .modal_dialog_mid,
    .rd-compact-popup-bonus-test-ended .modal_dialog_mid,
    .rd-neu-report .modal_dialog_mid,
    .rd-compact-popup-overwrite-query .modal_dialog_mid,
    .rd-query-direct-export .modal_dialog_mid,
    .rd-bonus-queries-onboarding-popup .modal_dialog_mid {
        padding: 0 !important;
    }

    .contractPurchasePopup .modal_dialog_mid {
        padding: 0 16px !important;
    }

    .rd-surveys-dialog .modal_dialog_mid {
        padding-left: 0;
        padding-right: 0;
    }

    .rd-bonus-coupon-popup .modal_dialog_mid {
        padding: 0 var(--rd-spacing-md) !important;
    }

    .rd-prime-distr-row {
        flex-wrap: wrap;
    }

    .rd-prime-distr-row .rd-select {
        max-width: 100%;
    }

    .rd-prime-distr-bonus-points,
    .rd-prime-distr-bonus-points pc-numberinput {
        width: 100%;
    }

    .modal_dialog .formfields {
        padding: 0;
    }

    .rd-bonus-coupon-popup .rd-card-bluegray {
        flex-direction: column;
        gap: var(--rd-spacing-x-big);
    }

    [data-popup="BetreuungskraftSell"] .modal_img_content,
    [data-popup="BetreuungskraftSellUser"] .modal_img_content {
        padding-top: 55.1%;
    }

    [data-popup="BetreuungskraftSell"] .modal_img_content iframe,
    [data-popup="BetreuungskraftSellUser"] .modal_img_content iframe {
        top: -1px;
    }

    .packageSnip {
        grid-template-columns: 100% !important;
        grid-template-areas:
            "Text"
            "Right" !important;
    }


}

@media (max-width: 550px) {

    [data-popup="BetreuungskraftSell"] .modal_img_content,
    [data-popup="BetreuungskraftSellUser"] .modal_img_content {
        padding-top: 54.9%;
    }

    [data-popup="BetreuungskraftSell"] .modal_img_content iframe,
    [data-popup="BetreuungskraftSellUser"] .modal_img_content iframe {
        top: 1px;
    }
}

@media (max-width: 450px) {

    [data-popup="BetreuungskraftSell"] .modal_img_content,
    [data-popup="BetreuungskraftSellUser"] .modal_img_content {
        padding-top: 54.5%;
    }

    [data-popup="ALTENPFLEGE 2025 - Die Leitmesse der Pflegebranche"] .inputs_flex {
        flex-direction: column;
    }
}

@media (max-width: 400px) {

    .modal_btn_block .rd-primary-btn-outline,
    .modal_btn_block .rd-primary-btn {
        padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
        font-size: 10px !important;
        min-width: 124px !important;
        line-height: 14px;
    }

    .modal_img .full_size {
        height: 100%;
    }

    input:checked+.modal_item {
        grid-template-rows: 5% 18% 62% 12%;
    }
}

@media (max-width: 300px) {

    .modal_title,
    .modal_sub_title,
    .rd-popup-title {
        font-size: var(--rd-fontsize-6);
    }
}

.rd-surveys-dialog .modal_dialog_mid {
    /**padding: 0 0 !important;**/
}

.rd-surveys-dialog label,
.rd-surveys-create-dialog label {
    font-weight: var(--rd-fontweights-open-sans-1);
    color: var(--rd-font-dark);
    margin-bottom: var(--rd-spacing-sm);
    font-size: var(--rd-fontsize-4);
}

/* .rd-surveys-dialog .rd-popup-subtitle {
	font-size: var(--rd-fontsize-11);
} */

.rd-surveys-dialog .rd-popup-subtitle+.rd-popup-title {
    margin-top: 0;
}

.rd-surveys-dialog.isPreview .rd-close_popup .modal_dialog_closelink {
    top: 0;
}

.PasswortVergessenForm .modal_title {
    margin-bottom: var(--rd-spacing-lg);
}

.rd-popup-gray-info-box {
    background-color: var(--rd-input-default);
    padding: var(--rd-spacing-x-big) var(--rd-spacing-lg);
    text-align: left;
    border-radius: var(--rd-spacing-md);
    margin: var(--rd-spacing-lg) 0;
}

.info-box-content img {
    width: 68px;
}

.rd-popup-gray-info-box .info-box-title {
    color: var(--rd-font-dark);
    font-size: var(--rd-fontsize-5);
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: normal;
    letter-spacing: 0.16px;
    margin-bottom: var(--rd-spacing-x-sm);
}

.rd-popup-gray-info-box .info-box-subtitle {
    color: var(--rd-primary-active);
    font-size: var(--rd-fontsize-5);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: var(--rd-lineheights-0);
    /* 21.12px */
    letter-spacing: 0.16px;
}

.info-box-content&gt;div {
    display: inline-block;
    margin-right: var(--rd-spacing-x-big);
    margin-top: var(--rd-spacing-x-big);
}

.rd-compact-popup-bonus-start-test .rd-popup-list {
    margin-top: var(--rd-spacing-lg);
}

.rd-compact-popup-bonus-test-ended.rd-popup-dialog .button.border {
    border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
    padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
}

.rd-compact-popup-bonus-test-ended .rd-popup-description {
    margin-bottom: 0;
}

.rd-bonus-coupon-popup .rd-popup-img {
    margin-bottom: 0;
    border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
}

.rd-bonus-coupon-popup .rd-card-bluegray-description {
    text-align: left;
    margin-bottom: var(--rd-spacing-md);
    font-weight: var(--rd-fontweights-open-sans-2);
}

.rd-bonus-coupon-popup .rd-card-bluegray-description p,
.rd-bonus-coupon-popup .rd-card-bluegray-description .rd-conditions {
    font-size: var(--rd-fontsize-5);
    line-height: var(--rd-lineheights-0);
}

.rd-img-barcode {
    margin-bottom: var(--rd-spacing-lg) !important;
    max-height: 215px;
}



@media (max-width: 900px) {
    [data-popup="Aufzeichnungen hinzufügen"] .modal_content {
        max-width: 100vw;
        max-height: 100vh;
        height: calc(100vh - 50px);
        box-shadow: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    [data-popup="Aufzeichnungen hinzufügen"] .modal_content_inner {
        padding: 0;
    }

    [data-popup="Aufzeichnungen hinzufügen"] .modal_dialog_bottom {
        display: grid;
        justify-content: center;
    }
}

@media (max-width: 650px) {
    [data-popup="Aufzeichnungen hinzufügen"] .rd-listitem-image {
        justify-self: left;
    }
}

.modal_content_inner .rd-compact-popup-subtitle {
    color: var(--rd-primary-active);
    text-align: center;
    font-size: var(--rd-fontsize-7);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: var(--rd-lineheights-0);
    /* 26.4px */
    letter-spacing: 0.2px;
    margin-top: var(--rd-spacing-x-sm);
    margin-bottom: var(--rd-spacing-md);
}

.modal_content_inner .radioDouble {
    display: flex;
    gap: var(--rd-spacing-x-sm);
    margin-bottom: var(--rd-spacing-x-sm);
    align-items: center;
}

.modal_content_inner .radioDouble pc-tooltip {
    margin: 0;
}

.modal_content_inner .download-block {
    padding: var(--rd-spacing-lg) 0;
}

.form-btns-up-and-down {
    display: inline-flex;
    flex-direction: column;
    margin-top: var(--rd-spacing-lg);
    gap: var(--rd-spacing-md);
}

.form-btns-up-and-down button {
    margin: 0;
}

.radioDoubleInline {
    display: inline-block;
}

form.CleanDopplungen:invalid .rd-primary-btn {
    background-color: #ccc !important;
    border: 1px solid #ccc !important;
    cursor: default;
}





/*----------------------------------------*/
/* FILE: PrintStyles.css */
/*----------------------------------------*/

@media print {
	.new_header {
		display: none;
	}

	.qm-confirm-block,
	.qmh_print_block,
	.ConfirmArrow,
	.printer {
		display: none;
	}

	.print_front_page {
		display: block !important;
	}

	nav,
	.debuggerhide,
	.qmv-sidebar,
	.scrol-element,
	.qm-view-nav,
	.qm_suchfrom,
	.kursadmin_warinung,
	footer.container-fluid,
	audio,
	video,
	.lh_name,
	.pchelp_content,
	js3q-container,
	.qmvg_h,
	.center h1:first-child,
	.qm-text-confirm-text + span,
	iframe,
	.qmvg_i {
		display: none !important;
	}
	.vorschau_content_sidebar_grid,
	.vorschau_content_sidebar_grid &gt; div {
		display: block !important;
		width: 100% !important;
	}

	.qm-view {
		display: block !important;
		width: 100%;
	}

	.qmvg_i ul {
		margin: 0;
	}

	.iv_grid,
	.iv_grid a {
		color: var(--rd-font-dark);
		font-size: var(--rd-fontsize-4);
		font-weight: var(--rd-fontweights-open-sans-1);
		font-style: normal;
	}

	.print_front_page {
		text-align: center !important;
	}

	.print_front_page img {
		width: 140px;
		height: 40px;
		margin-top: 200px;
		margin-bottom: 58px;
	}

	.qm_date {
		font-size: var(--rd-fontsize-3);
		color: var(--cl-dark-text);
		line-height: 20.3px;
	}

	.qmvg_i {
		overflow-y: clip !important;
		border: none !important;
	}

	.text_cont {
		margin-bottom: 20px;
	}

	.print_front_page h1 {
		font-family: "Open Sans";
		font-size: var(--rd-fontsize-8);
		font-weight: var(--rd-fontweights-open-sans-0);
		line-height: 28px;
	}

	.pfp_check,
	.pfp_create {
		text-align: left;
	}

	.pfp_stand {
		min-height: 400px;
	}

	.qmvg_i,
	.pfp_create,
	.img_prev {
		page-break-after: always;
	}

	.img_prev {
		page-break-before: always;
	}

	.Embed.WACFrame {
		border: none !important;
	}

	.SlidePanel {
		height: 0 !important;
	}

	.qmvg_i &gt; ul {
		overflow-y: hidden !important;
	}

	.edcInner svg {
		width: 530px;
	}
	pc-support-chat-button {
		display: none !important;
	}
}

@page {
	size: A4;
	margin: 20mm;
}
@media screen {
	footer.print {
		display: none;
	}
}
@media print {
	footer.print {
		position: fixed;
		top: 0;
	}
}






/*----------------------------------------*/
/* FILE: SettingsView.css */
/*----------------------------------------*/

.lp_congif_grid {
	display: grid;
	grid-template-areas:
		"LABEL CHECK INPUT ";
	grid-template-columns: 400px 60px auto;
	gap: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-md);
	align-items: center;
	margin-bottom: var(--rd-spacing-x-big);
}

.lp_congif_grid.su_admin {
	grid-template-areas:
		"LABEL CHECK INPUT ACTION";
	grid-template-columns: 400px 60px 200px 40px;
}

.rd-card-left .lp_congif_grid {
	grid-template-columns: auto 60px 200px 40px;
}

.lp_congif_grid input {
	max-width: 100%;
	border: 1px solid var(--rd-input-default);
}

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

.btn-flex {
	display: flex;
	gap: var(--rd-spacing-md);
}

.LearnSetingConfig .sp_name {
	text-align: left;
}

.lp_congif_grid.group_title {
	text-transform: uppercase;
	background-color: transparent;
	padding: 0;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--cl-blue-grey) !Important;
	text-transform: uppercase;
	box-shadow: none;
	display: inline-block;
}


@media screen and (max-width: 900px) {
	.lp_congif_grid.su_admin {
		grid-template-areas:
			"LABEL LABEL LABEL"
			"CHECK INPUT ACTION" !important;
		grid-template-columns: 60px 200px auto !important;
	}

	.LearnSetingConfig .sp_actions {
		grid-area: ACTION;
	}

	.LearnSetingConfig .sp_name {
		grid-area: LABEL;
	}
}

@media screen and (max-width: 450px) {
	.lp_congif_grid.su_admin {
		grid-template-areas:
			"LABEL CHECK"
			"INPUT ACTION" !important;
		grid-template-columns: 75% 20% !important;
	}
}





/*----------------------------------------*/
/* FILE: Steps.css */
/*----------------------------------------*/

.rd_steps {
	display: flex;
	min-width: 1300px;
	position: relative;
	text-align: center;
	justify-content: center;
}

.rd_steps .rd_step_bullet {
	cursor: pointer;
}

.rd_steps a {
	text-decoration: none;
}

.rd_step_bullet {
	width: 32px;
	height: 32px;
	background-color: #e8e8ea;
	border-radius: 12px;
	color: var(--rd-font-dark);
	display: inline-block;
	text-align: center;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 32px;
	position: relative;
}

.rd_step.active .rd_step_bullet {
	background-color: var(--rd-primary-active);
	color: var(--rd-font-light);
}

.rd_step.success .rd_step_bullet {
	background-color: var(--rd-success-default);
	color: var(--rd-font-light);
}

.rd_step.active .rd_step_text {
	color: var(--rd-primary-active);
}

.rd_step.success .rd_step_text {
	color: var(--rd-success-default);
}

.rd_step_text {
	display: block;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
	margin-top: var(--rd-spacing-sm);
}

.rd_seperator_be,
.rd_seperator_af {
	display: inline-block;
	mask-image: url(/src/img/svg/border_green.svg);
	-webkit-mask-image: url(/src/img/svg/border_green.svg);
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	width: 48px;
	height: 2px;
	background-color: #e8e8ea;
}

.rd_step.success .rd_seperator_be,
.rd_step.success .rd_seperator_af {
	background-color: var(--rd-success-default);
}

.rd_step.active .rd_seperator_be,
.rd_step.active .rd_seperator_af {
	background-color: var(--rd-primary-active);
}

.rd_steps label:nth-of-type(1) .rd_step .rd_seperator_be {
	background-color: var(--cl-light-blue);
}

.rd_step .rd_seperator_be {
	background-color: #e8e8ea;
}

.rd_steps label:last-child .rd_step .rd_seperator_af {
	background-color: var(--cl-light-blue);
}

.rd_steps .rd-primary-btn {
	position: absolute;
	right: 0;
	bottom: 35px;
}

.rd_steps .rd-primary-btn-textlink {
	position: absolute;
	bottom: 35px;
	left: 0;
}

.ux_card {
	display: flex;
	justify-content: center;
}

.ux_card .rd_btn {
	display: flex;
	justify-content: center;
}

.rd_step div {
	display: grid;
	align-items: center;
	grid-template-areas: auto 30px;
	grid-template-columns: 43px 32px 43px;
}

.rd_steps_container {
	display: flex;
	position: relative;
}

.steps_btn,
.steps_btn_zuruck {
	position: absolute;
	right: 0;
	top: 18px;
}

.steps_btn_zuruck {
	left: 0;
	width: fit-content;
}

@media (max-width: 900px) {
	.rd_steps_container {
		padding-bottom: 40px;
	}

	.steps_btn,
	.steps_btn_zuruck {
		top: 85px !important;
	}
}

@media (max-width: 650px) {
	.rd_steps_container {
		padding-bottom: 40px;
	}

	.steps_btn,
	.steps_btn_zuruck {
		top: 0 !important;
		width: 100%;
	}

	.rd_steps label {
		display: none;
	}

	.forUsers .rd_steps_container {
		flex-direction: column;
		padding-bottom: 0;
	}

	.forUsers .steps_btn,
	.forUsers .steps_btn_zuruck {
		position: relative;
	}

	.forUsers .steps_btn .rd-primary-btn {
		width: 100%;
	}
}






/*----------------------------------------*/
/* FILE: TableStyle.css */
/*----------------------------------------*/

.datatable_heading {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* grid-template-columns: auto 12em; */
	grid-gap: var(--rd-spacing-md);
}

.datatable_heading .datatable_pagenavinfo {
	font-size: var(--rd-fontsize-7);
	margin-bottom: var(--rd-spacing-big);
	margin-top: var(--rd-spacing-big);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--cl-asphalt-blue);
	padding-left: var(--rd-spacing-x-sm);
}

.datatable_pagenav {
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.datatable [data-isnewclient="true"] {
	background: var(--cl-light-green) !important;
}

.datatable {
	position: relative;
}

.datatable tr:nth-child(even) {
	background: var(--cl-light-green);
}

.datatable tr:nth-child(odd) {
	background: var(--rd-font-light);
}

table tbody tr {
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}
table tbody tr[data-typ="Versorgungsform"]{
	background-color: var(--rd-light-yellow);
}
table tbody tr[data-typ="Fachbereich"]{
	background-color: var(--rd-list-active);
}
table.datatable td,
table.datatable th {
	word-break: break-all;
	font-size: var(--rd-fontsize-4);
	padding: var(--rd-spacing-x-sm);
}

table.datatable th {
	vertical-align: top;
}

table.datatable tr:hover {
	background: var(--cl-light-green);
}

table.datatable .thtext {
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-font-dark);
}

.datatable .thtext {
	word-break: keep-all;
}

.thtext {
	display: inline-block;
	vertical-align: top;
	padding-right: var(--rd-spacing-big);
	position: relative;
}

.ivtbl_table_row.iv_sending_blocked * {
	color: var(--cl-light-blue);
}

.ivtbl_table_row.iv_sending_blocked {
	background: var(--cl-dark-grey) !important;
}

.ivtbl_table_row.custarch_transferred {
	border-left: 4px solid var(--cl-deep-green);
}

.ivtbl_table_row.custarch_not_transferred {
	border-left: 4px solid transparent;
}

.respons_table {
	margin-top: var(--rd-spacing-x-lg);
}

.datatable_pagenavposlabel {
	padding-right: 0.5em;
}

/* -------just here------- */
table.statstable {
	border-collapse: unset;
	width: auto;
	font-family: monospace;
	font-size: var(--rd-fontsize-3);
	text-align: center;
	margin-left: 2em;
	/* margin:auto; */
}

table.statstable td {
	/* min-width:10em; */
	padding: 0.25em 3em;
	text-align: center;
}

.datatable_itemsperpagewrap {
	display: flex;
	align-items: center;
	justify-content: right;
	justify-content: flex-end;
}

/* ------- */

/* ---------------js/ts------------------ */
.tableExcelExportLink {
	position: absolute;
	right: 0;
	top: -1.85em;
	background: var(--rd-font-light);
	display: block;
	padding: 0.2em;
}

table.excelExportable {
	position: relative;
	/* margin-top:2em; */
}

.userTransferPreviewTable {
	border-collapse: unset;
	font-size: var(--rd-fontsize-4);
	margin-top: 1em;
}

.userTransferPreviewTable td {
	padding: var(--rd-spacing-x-sm);
	width: 32em;
}

body[data-view="instructions_livewebinare"] .respons_table {
	margin-top: 3em;
}

pc-quick-data-table {
	display: block;
	max-height: 26em;
	overflow: auto;
}

pc-quick-data-table td {
	word-break: break-all;
	font-size: var(--rd-fontsize-4);
	padding: var(--rd-spacing-x-sm);
	max-width: 32em;
}

.cuartbl_table {
	overflow-x: auto;
}

.usimtbl_cell {
	display: flex;
}

.usimtbl_table_row.usimtbl_table_row_selected_false {
	background: var(--cl-dark-grey) !important;
	color: var(--cl-light-grey) !important;
}

.stats_plotandtable {
	display: grid;
	grid-template-columns: 100fr 75fr;
}

.datatable_wrap {
	position: relative;
}

.stats_table {
	padding-top: 1em;
}

.mailer_receiver_table {
	position: relative;
}

/* ---------------js/ts end------------------ */

/* darkmode */
.datatable_intro {
	/* border: 1px solid; */
	padding-left: 1.25em;
	/* padding-bottom: 1.5em; */
	border-left: 4px solid var(--cl-light-grey);
	margin-bottom: 2em;
	/* margin-left: 1em; */
}

.datatable_intro &gt; h3 {
	color: var(--cl-ocean-blue);
	font-size: var(--rd-fontsize-7);
	margin-top: 0;
}

.datatable_intro &gt; p {
	margin: 0;
	line-height: 1.5em;
}

/* darkmode end*/

.tr-border-top td {
	border-top: 1px solid var(--rd-font-dark);
}
.sub_info {
	font-style: italic;
	font-size: var(--rd-fontsize-2);
	color: var(--rd-input-focused);
}






/*----------------------------------------*/
/* FILE: Tags.css */
/*----------------------------------------*/

pc-tags {
	display: block;
	background: #fff;
	position: relative;
	padding: var(--rd-spacing-x-sm) 0 0;
}

pc-tags[istagcreatorpopup] {
	padding: var(--rd-spacing-x-big);
	margin: var(--rd-spacing-x-big);
	width: calc(min(90vw, 600px));
	box-shadow: 0px 20px 25px -5px rgba(16, 24, 40, 0.1);
	border-radius: 16px;
	padding-bottom: 0;
	text-align: center;
}

pc-tags[istagcreatorpopup] .rd-tag-selector-tags {
	justify-content: center;
	align-items: start;
}

.rd-tagset-tag {
	display: inline-table;
	position: relative;
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-big);
	border-radius: var(--rd-borderradius-border-xl);
	font-family: monospace;
	font-size: var(--rd-fontsize-2);
	cursor: pointer;
	line-height: var(--rd-lineheights-0);
	min-width: 80px;
	height: 23px;
	word-break: break-word;
}

.rd-tagset-tag[data-has-click-handler="false"] {
	cursor: default;
}

.rd-tagset-tag-content {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.rd-tag-selector-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rd-spacing-x-sm);
	align-items: center;
	align-content: start;
}

#rd-tag-creator-popup-pane {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1332;
	filter: none;
}

.rd-tagset-tag-edit {
	position: relative;
	background-image: url(/src/img/2023/svg/icons/rd-icon-pencil2.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 16px !important;
	height: 16px;
	background-color: rgba(13, 17, 48, 0.5);
	border-radius: 24px;
	position: absolute;
	right: 4px;
	display: none;
}

.rd-tagset-tag:hover .rd-tagset-tag-edit {
	display: block;
}

.rd-tag-selector-tageditor {
	margin: var(--rd-spacing-lg) 0;
	display: flex;
	gap: var(--rd-spacing-xx-sm);
	align-items: center;
	justify-content: center;
}

.rd-tag-selector-header a.rd-tag-selector-close {
	mask-image: url(/src/img/2023/svg/icons/rd-icon-close.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-close.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-font-light);
	background-color: var(--rd-primary-active);
	width: 20px;
	height: 20px;
	font-size: 0;
	position: absolute;
	right: 24px;
	top: 24px;
}

.rd-tag-selector-countlabel {
	color: var(--rd-primary-active);
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-tag-selector-tageditor .rd-input-content {
	max-width: 220px;
}

.rd-tag-selector-tageditor input[type="color"] {
	border: none;
	height: 40px;
	width: 40px;
	margin-right: 14px;
}

.rd-tag-selector-tags .rd-btn-icon-gray.rd-tag-selector-add {
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	gap: var(--rd-spacing-md);
	font-size: var(--rd-fontsize-1);
	background-color: #f9fafb;
}

.rd-tag-selector-tags .rd-btn-icon-gray.rd-tag-selector-add:hover {
	color: var(--rd-font-dark);
	text-decoration: none;
}

.rd-tag-selector-tageditor .rd-btn-gray {
	padding: var(--rd-spacing-sm) var(--rd-spacing-x-sm);
	border-radius: 80px;
	min-width: 260px;
	text-align: center;
	font-size: var(--rd-fontsize-2);
	color: var(--rd-font-dark);
}

.rd-tag-selector-tageditor .rd-btn-gray::before {
	margin-right: var(--rd-spacing-x-sm) !important;
	vertical-align: sub;
}

.rd-icon-close.rd-btn-icon-gray:before {
	background-color: #949dab !important;
}

.rd-tag-selector-morelink {
	color: blue;
}

.rd-tag-selector-tageditor .rd-btn-delete::before {
	background-color: #fb7185 !important;
	margin-right: 0;
	height: 32px;
	width: 32px;
}

.rd-icon-x-circle::before,
.rd-icon-check-circle::before,
.rd-icon-trash2::before {
	margin-right: 0 !important;
	cursor: pointer;
}

.rd-tag-selector-tageditor .rd-icon-check::before {
	background-color: var(--rd-success-default) !important;
	margin-right: 0;
}

.rd-tag-selector-header span {
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
}

.rd-tag-selector-header {
	margin-top: var(--rd-spacing-x-big);
}

.rd-tag-selector-buttonrow .rd-primary-btn {
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-tag-selector-tags {
	max-height: 280px;
	overflow: auto;
}

.rd-recom-bot-panel-agent-entries .rd-tag-selector-tags {
	max-height: auto;
	max-width: 330px;
	overflow: AUTO;
}

.rd-tag-selector-morelinks {
	margin-top: var(--rd-spacing-x-big);
	background-color: var(--rd-font-light);
}

.rd-tag-selector-morelinks a {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-secondary-active);
	line-height: var(--rd-lineheights-0);
}

.rd-tag-selector-morelinks a.rd-icon-arrowDown:after {
	background-color: var(--rd-secondary-active);
}

pc-tags[expandedincreatemode] .rd-tag-selector-morelinks a.rd-icon-arrowDown:after {
	transform: scaleY(-1);
}






/*----------------------------------------*/
/* FILE: TeaserBanner.css */
/*----------------------------------------*/

.dashboard_banner {
	position: relative;
	position: relative;
	display: block;
	margin-top: 16pxpx;
	max-width: 1114px;
}

.teasser_banner {
	display: grid;
	grid-template-columns: 50% 50%;
	position: relative;
	grid-template-areas: "LEFT RIGHT";
	overflow: hidden;
	width: 100%;
	max-width: 1113px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	gap: 0;
	/* height: 270px; */
	height: 250px;
}

.banner_size_big {
	/* height: 250px; */
}

.banner_size_small {
	height: 80px !important;
	min-height: 80px !important;
	border-radius: 8px;
}

.banner_size_small .banner_sub_titel {
	margin-bottom: 0;
	font-size: var(--rd-fontsize-3);
}

.banner_size_small .banner_titel {
	font-size: var(--rd-fontsize-8);
	margin-bottom: 0;
}

.banner_size_small.ausrichtung_links .left_site {
	padding: 8px 16px;
	padding-right: 0;
}

.banner_size_small.ausrichtung_rechts .right_site {
	padding: 16px;
	padding-left: 0;
}

.banner_size_small .right_site {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
	justify-content: end;
}

.banner_size_small .bg_content,
.banner_size_small .img_cont {
	position: relative;
}

.banner_size_small .img_cont {
	width: 159px;
	height: 80px;
}

.banner_size_small .left_site .btn_typ_nichts {
	display: none;
}

.ausrichtung_links .left_site {
	padding: 60px;
	padding-right: 0;
}

.ausrichtung_rechts .left_site {
	padding: 0;
}

.ausrichtung_rechts .right_site {
	padding: 60px;
	padding-left: 0;
}

.banner_titel {
	position: relative;
	z-index: 1;
	font-size: var(--rd-fontsize-11);
	font-family: Caveat;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 24px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-md);
}

.banner_sub_titel {
	position: relative;
	z-index: 1;
	font-size: var(--rd-fontsize-5);
	line-height: 170%;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-big);
	font-weight: var(--rd-fontweights-open-sans-2) !important;
}

.banner_sub_text {
	position: relative;
	z-index: 1;
}

.bg_content * {
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 100%;
}

.bg_content img {
	height: 100%;
	width: 100%;
}

.banner_button_block {
	position: relative;
	z-index: 1;
}

.banner_btn {}

.btn_typ_video {}

.btn_typ_bild {}

.btn_typ_nichts {}

.banner_left_bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	z-index: 0;
	background-position: bottom;
}

.ausrichtung_links .banner_left_bg {
	z-index: 0;
}

.ausrichtung_rechts .banner_left_bg {
	z-index: 5;
}

.ausrichtung_links .banner_right_bg {
	z-index: 5;
}

.ausrichtung_rechts .banner_right_bg {
	z-index: 0;
}

.banner_right_bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: 50%;
	background-size: 100%;
	background-position: bottom;
}

.left_site {
	position: relative;
	background-size: 100%;
	grid-area: LEFT;
}

.right_site {
	position: relative;
	background-size: 100%;
	grid-area: RIGHT;
}

.teasser_banner video {
	max-width: 100%;
	position: relative;
	margin-left: 1px;
	top: 50%;
	transform: translateY(-50%);
}

.bg_content {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.banner_size_big video {
	/* margin-top: calc(250px / 2); */
}

.banner_prev {
	margin-bottom: 50px;
}

.banner_edit_form label.block {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.banner_edit_form pc-files {
	margin-top: 0;
	margin-bottom: 36px;
}

.resize_60_40 {
	grid-template-columns: 60% 40%;
}

.resize_40_60 {
	grid-template-columns: 40% 60%;
}

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

.btn_typ_video::before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	align-self: center;
	background-image: url(/src/img/2023/svg/icons/rd-icon-playBtn.svg);
	color: var(--rd-font-light);
}

.btn_typ_download .banner_btn::before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	align-self: center;
	-webkit-mask-image: url(/src/img/svg/download_icon2.svg);
	-webkit-mask-size: 100%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(/src/img/svg/download_icon2.svg);
	mask-size: 100%;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: white;
}

.tiket_baner .btn_typ_video::before,
.teasser_banner.qm-vorlagen .btn_typ_video::before {
	display: none;
}

.img_cont {
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: bottom;
	background-size: contain;
}

.pinnwand_banner .img_cont {
	background-position: unset;
}

.img_cont.masked {
	background-position: center;
	background-size: cover;
}

.btn_typ_nichts {
	margin-right: 16px;
}

.teasser_banner.banner_14 .img_cont {
	background-position: top left;
	background-size: cover;
	top: -8px;
}

.dashboard .slick-next,
.dashboard .slick-prev {
	z-index: 10 !important;
}

.dashboard .slick-dots li {
	z-index: 10 !important;
}

.neu_banner:after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/images/rd-neu-badge.png);
	background-size: 100%;
	background-position: 50%;
	width: 97px;
	height: 97px;
	z-index: 0;
	position: absolute;
	top: -17px;
	left: -18px;
}

.neu_banner_pink:after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2024/images/rd-neu-badge-magenta.png);
	background-size: 100%;
	background-position: 50%;
	width: 100px;
	height: 101px;
	z-index: 0;
	position: absolute;
	top: -19px;
	left: -18px;
}

.banner_image_live_logo .img_cont.masked {
	background-size: 94%;
	background-position: top right;
}

.banner_30 td:first-child,
.banner_25 td:first-child,
.banner_3 td:first-child,
.banner_5 td:first-child,
.banner_4 td:first-child,
.banner_35 td:first-child,
.banner_24 td:first-child {
	color: var(--rd-primary-active) !important;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.banner_11 td:first-child,
.banner_2 td:first-child,
.banner_12 td:first-child {
	color: var(--rd-secondary-active) !important;
	font-weight: var(--rd-fontweights-open-sans-1);
}

.banner_14 td:first-child {
	color: var(--rd-warning-pressed);
}

.banner_image_live .img_cont.masked {
	background-position: top right;
	background-size: 100%;
}

.banner_qm_sommer .img_cont {
	background-position: top;
}

.banner_image_live.ohne_play_z .btn_typ_video::before {
	display: none;
}

.digitale_pinnwand .img_cont{
background-position: top;
}

.banner_sommer.teasser_banner video{
margin-left: 0;
}

@media (max-width: 1500px) {
	.ausrichtung_links.resize_35_65 video {
		-webkit-mask-size: cover;
		mask-size: cover;
		-webkit-mask-position: top left;
		mask-position: top left;
		right: -100px;
	}

	.teasser_banner {
		max-width: 979px;
		height: 300px;
	}

	.dashboard_banner .rd-user-news-card {
		max-width: 979px !important;
		height: 300px;
	}

	.dashboard_banner .rd-user-news-banner-wrap {
		height: 300px !important;
		max-height: 300px !important;
	}

	.img_cont,
	.teasser_banner video {
		height: 300px;
	}

	.dashboard .slick-next {
		right: 110px;
	}

	.dashboard .slick-dots {
		right: 9%;
	}

	.ausrichtung_links.resize_30_70 video {
		max-width: unset;
		height: 100%;
	}

	.teasser_banner.banner_14 .img_cont {
		top: 0;
	}

	.banner_image_live {
		grid-template-columns: 40% 60%;
	}

	.dashboard_banner .rd-user-news-card {
		max-width: 979px !important;
		background: var(--rd-error-inactive);
	}

	.dashboard_banner .rd-user-news-banner-wrap {
		background-color: transparent !important;
	}
}

@media (max-width: 1300px) {
	.teasser_banner video {
		max-width: unset;
		height: 100%;
	}

	.surveys_banner video {
		max-width: 100%;
		width: 100% !important;
	}

	.teasser_banner.qm-vorlagen video {
		max-width: 100%;
		width: 100%;
	}

	.teasser_banner.banner_14 .img_cont {
		height: 100%;
	}

	.teasser_banner {
		max-width: 848px;
		background-position: 50%;
	}

	.dashboard_banner .rd-user-news-card {
		max-width: 848px !important;
	}


	/* .banner_size_big {
    height: 190px;
  } */

	.dashboard .slick-next {
		right: 245px;
	}

	.digitale_pinnwand .img_cont{
background-position: bottom;
}
}

@media (max-width: 1200px) {
	.teasser_banner {
		max-width: 875px;
	}

	.dashboard_banner .rd-user-news-card {
		height: 300px;
		max-width: 875px !important;
		background: var(--rd-error-inactive);
		align-items: center;
	}

	.dashboard_banner .rd-user-news-banner-wrap {
		max-height: 300px !important;
		height: 300px !important;
	}


	.dashboard .slick-next {
		right: 220px;
	}
}

@media (max-width: 1025px) {
	.dashboard .slick-next {
		right: 25px;
	}

	.dashboard_banner .slick-slide {
		height: auto !important;
	}
}

@media (max-width: 1000px) {
	.teasser_banner {
		max-width: 100%;
		background-position: bottom !important;
	}

	.teasser_banner.rd-soon-available {
		background-position: top !important;
	}

	.dashboard .slick-next {
		right: -25px;
	}

	.dashboard .slick-dots {
		right: 0;
	}

	.ausrichtung_links.resize_35_65 video {
		right: -5px;
	}
}

@media (max-width: 960px) {}

@media (max-width: 950px) {
	/*   .bg_content * {
    -webkit-mask-size: cover;
    mask-size: cover;
  } */

	/*   .teasser_banner video {
    max-width: unset;
    height: 100%;
  } */

	.teasser_banner {
		height: 400px;
	}

	.dashboard_banner .rd-user-news-card {
		height: 400px;
	}

	.dashboard_banner .rd-user-news-banner-wrap {
		height: 400px !important;
		max-height: 400px !important;
	}


	.banner_size_small .img_cont {
		background-position: center;
	}

	.banner_size_small .right_site {
		gap: 0;
	}

	.ausrichtung_links.resize_30_70 video {
		width: 100%;
	}

	.teasser_banner.banner_14 .img_cont {
		background-position: center;
		background-size: 100%;
	}

	.teasser_banner video {
		width: 100%;
	}

	.dashboard_banner .rd-user-news-card {
		grid-template-columns: 1fr 1fr !important;
		gap: 0 !important;
	}
}

@media (max-width: 800px) {
	.teasser_banner {
		grid-template-areas:
			"LEFT"
			"RIGHT";
		grid-template-columns: 100%;
		background-image: none !important;
		height: 500px;
		grid-template-rows: 50% 50%;
	}

	.dashboard_banner .rd-user-news-card {
		height: 500px;
	}

	.dashboard_banner .rd-user-news-banner-wrap {
		height: 500px !important;
		max-height: 500px !important;
	}

	.dashboard_banner .rd-user-news-buttonwrap {
		justify-content: start;
	}


	.bg_content {
		position: relative;
	}

	.ausrichtung_rechts .right_site,
	.ausrichtung_links .left_site {
		padding: 24px;
	}

	.teasser_banner video {
		max-width: 100% !important;
		transform: unset;
	}

	.ausrichtung_links.resize_30_70 video {
		height: 250px;
		float: right;
		width: unset;
	}

	.ausrichtung_links.teasser_banner {
		grid-template-areas:
			"RIGHT"
			"LEFT";
	}

	.ausrichtung_links.resize_35_65 video {
		max-width: 100%;
	}

	.banner_size_small .left_site .btn_typ_nichts {
		display: inline-block;
	}

	.banner_size_small .banner_sub_titel {
		margin-bottom: 24px;
	}

	.banner_size_small .img_cont {
		display: none;
	}

	.banner_size_small .right_site .btn_typ_nichts {
		display: none;
	}

	.bg_content div {
		height: 250px;
		width: 600px;
		margin: auto;
	}

	.dashboard_banner .rd-user-news-image {
		height: 250px;
	}

	.teasser_banner video {
		height: 250px;
		width: unset;
	}

	.img_cont {
		position: relative;
		background-position: center;
	}

	.banner_size_small.resize_60_40 {
		grid-template-columns: 100%;
	}

	.banner_size_small {
		height: auto;
	}

	.banner_size_small.ausrichtung_links .left_site {
		padding: 16px;
	}

	.teasser_banner.banner_14 .img_cont {
		float: right;
		height: 250px;
		width: 100%;
		background-size: cover;
		/* background-position: bottom; */
	}

	.img_cont.masked {
		width: 100%;
	}

	.dashboard_banner .rd-user-news-card {
		grid-template-columns: 1fr !important;
		gap: var(--rd-spacing-md) !important;
	}

	.dashboard_banner .rd-user-news-image {
		margin-top: -25px;
		height: 250px;
		aspect-ratio: unset;
	}

	.dashboard_banner .rd-user-news-content-wrap {
		margin-top: -85px;
	}
}

@media (max-width: 750px) {
	/* .banner_size_big {
    height: auto;
  } */

	.ausrichtung_links .left_site {
		padding: 24px;
	}

	.ausrichtung_rechts .right_site {
		padding: 24px;
	}
}

@media (max-width: 650px) {
	.banner_prev .teasser_banner {
		background-image: none !important;
	}

	.teasser_banner .rd-primary-btn {
		width: auto;
	}

	.banner_size_big video {
		margin-top: 0;
	}

	.bg_content div {
		height: 250px;
		width: 400px;
		margin: auto;
	}

	.teasser_banner video {
		height: 250px;
		max-width: unset !important;
		width: 400px;
	}

	.teasser_banner {
		height: 550px;
	}

	.dashboard_banner .rd-user-news-card {
		height: 550px;
	}

	.dashboard_banner .rd-user-news-banner-wrap {
		height: 550px !important;
		max-height: 550px !important;
	}


	.dashboard .slick-prev,
	.dashboard .slick-next {
		display: none !important;
	}
}

@media (max-width: 450px) {

	.teasser_banner video,
	.bg_content div {
		width: unset;
		height: 200px;
	}

	.teasser_banner.banner_14 .img_cont,
	.ausrichtung_links.resize_30_70 video {
		height: 200px;
	}

	.teasser_banner {
		height: 500px;
		grid-template-rows: 45% 55%;
	}

	.ausrichtung_links .left_site,
	.ausrichtung_rechts .right_site {
		padding-top: 0;
	}
}

.inactiv {
	pointer-events: none;
}





/*----------------------------------------*/
/* FILE: Toaster.css */
/*----------------------------------------*/

pc-toaster {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	z-index: 99999;
	max-width: 1200px;
	margin: auto;
	filter: none !important;
}

.rd-toast {
	display: block;
	background: var(--cl-error);
	z-index: 999999;
	color: var(--rd-font-light);
	border-radius: var(--rd-borderradius-border-md);
	font-size: var(--rd-fontsize-4);
	/* max-width: 1200px; */
	margin: auto;
	display: grid;
	grid-template-columns: auto 48px;
	box-sizing: border-box;
	/* padding: 1em; */
	margin-bottom: 2px;
	border-radius: 0;
	width: 100%;
	padding-top: var(--deviceHeaderHeight);
}

.rd-toast[data-toast-theme="info"] {
	background: var(--cl-deep-green);
}

.rd-toast[data-toast-theme="warning"] {
	background: var(--cl-yellow);
}

.rd-toast[data-is-fading="true"] {
	-webkit-animation: toastFader 1s forwards;
	animation: toastFader 1s forwards;
}

@keyframes toastFader {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		position: absolute;
	}
}

.rd-toast-content {
	display: flex;
	align-items: center;
	gap: 2px;
	margin-left: 48px;
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-1);
	padding: var(--rd-spacing-md);
}

/* .rd-toast-content:before {
  content: "";
  display: inline-block;
  width: 14px;
  background-color: var(--rd-list-default-light);
  height: 14px;
  margin-right: 11px;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/src/img/2021/svg/rd-speech-bubblel.svg");
  -webkit-mask-image: url("/src/img/2021/svg/rd-speech-bubblel.svg");
} */

.rd-toast-closelink {
	display: block;
	width: 100%;
	/* background: yellow; */
	padding: 0px;
	line-height: 41px;
	height: 100%;
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-7);
	font-size: 0;
	position: relative;
}

.rd-toast-closelink:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: var(--rd-list-default-light);
	position: absolute;
	left: 0;
	/* right: 0; */
	top: 18px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/close.svg");
	-webkit-mask-image: url("/src/img/2021/svg/close.svg");
}






/*----------------------------------------*/
/* FILE: ToggleBox.css */
/*----------------------------------------*/

.pcx_toggleBox {
	position: relative;
}

.pcx_toggleBox[data-isopen="false"] .pcx_toggleBox_content {
	display: none;
}

.pcx_toggleBox_head {
	display: block;
	position: relative;
	background-image: url("/src/img/svg/af/chevron-up-gray.svg");
	background-repeat: no-repeat;
	background-position: 0.25em center;
	background-size: 0.8em auto;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-right: 1em;
	padding-left: 1.5em;
	cursor: pointer;
}

.pcx_toggleBox[data-isopen="false"] .pcx_toggleBox_head {
	background-image: url("/src/img/svg/af/chevron-down-gray.svg");
}

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

.pcx_toggleBox_rightTop {
	position: absolute;
	right: 0.5em;
	top: 0.45em;
}





/*----------------------------------------*/
/* FILE: ToolTip.css */
/*----------------------------------------*/

pc-tooltip {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--rd-font-light) white;
	vertical-align: middle;
	border-radius: 100%;
	padding: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/src/img/2023/svg/icons/rd-icon-info-circle.svg);
	text-align: left;
	align-self: center;
	margin-left: var(--rd-spacing-x-sm);
}
pc-tooltip.driver_license{
	background-image:none;
	background-color: var(--rd-success-default);
	border-radius: 0;
	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/2024/svg/icons/rd-identification.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-identification.svg");
}
pc-tooltip.driver_license.abgelaufen{
	background-color: var(--rd-error-pressed);
}
.zeitspane .calender_icon{
		background-image: none;
		margin: 0;
		margin-right: var(--rd-spacing-x-sm);
}
.zeitspane .calender_icon:before{
	content: '';
	display: inline-block;
	height: 20px;
	width: 20px;
	/* margin-right: var(--rd-spacing-x-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/2024/svg/icons/rd-icon-date.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-date.svg");
	background-color: var(--rd-font-dark);
	border-radius: 0;
}
.zeitspane pc-tooltip.calender_icon:before{
	/* margin-right: var(--rd-spacing-sm); */
}
.zeitspane pc-tooltip.calender_icon:hover:before{
		background-image: url("/src/img/2024/svg/icons/rd-icon-calendar-dot-hover.svg");

}
.zeitspane pc-tooltip.calender_icon:before {
	content: '';
	display: inline-block;
	height: 20px;
	width: 20px;
	mask-image: none;
	-webkit-mask-image: none;

	border-radius: 0;
	background-image: url("/src/img/2024/svg/icons/rd-icon-calendar-dot.svg");
		background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	background-color: transparent;
}


.zeitspane pc-tooltip.calender_icon:hover:after{
	background-color:#AB4E67;
}

.zeitspane pc-tooltip.calender_icon{
cursor:help;
}

pc-tooltip.prev_kurs_subtitle {
	width: unset;
	height: unset;
	background-image: unset;
}

pc-tooltip.public_status {
	background-image: unset;
	width: unset;
	height: unset;
	cursor: default;
}

.floor-trenner {
	font-weight: bold;
	list-style: none;
	border-top: 1px solid #ccc;
	color: var(--rd-primary-active);
	margin-top: 5px;
}

ul .floor-trenner:first-child {
	border-top: none;
}

#pc_tooltip_peer {
	filter: blur(0) !important;
	display: block;
	background: #1a2e49;
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	color: var(--rd-font-light);
	border-radius: 8px;
	font-size: var(--rd-fontsize-4);

	/** kundendaten
	max-width: 90vw; **/
	max-width: 350px;
	box-shadow: 0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1);
	transition-delay: 300ms;

	left: -50px; /* nicht entfernen*/
	opacity: 0; /* nicht entfernen*/
}



#pc_tooltip_peer_content {
	display: block;
	padding: var(--rd-spacing-md);
	pointer-events: none;
	text-align: left;
}

#pc_tooltip_peer_triangle {
	display: block;
	position: absolute;
}

#pc_tooltip_peer[data-peer-tag="pcx_contextmenuv2_peer"] #pc_tooltip_peer_triangle {
	border-bottom-color: #1a2e49 !important;
	border: 1px solid var(--cl-light-grey);
	border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) !important;
	border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) !important;
	background-color: #1a2e49;
	top: -4px !important;
	transform: rotate(45deg);
	z-index: -1;
}


.facilityShare,
.usersShare,
.rollShare{
	background-image:none;
	width: unset;
	height: unset;
	background-color: transparent;
	border-radius: unset;
	display: inline-flex;
	gap: var(--rd-spacing-xx-sm);
	align-items: center;
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-4);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0); /* 18.48px */
	letter-spacing: 0.14px;
}


.facilityShare:before,
.usersShare:before,
.rollShare:before{
	content:'';
	display:inline-block;
	width: 20px;
	height: 20px;
	aspect-ratio: 1/1;
	background-color: var(--rd-secondary-active);
	mask-size: 16px;
	-webkit-mask-size: 16px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}
.facilityShare:before{
			mask-image: url("/src/img/2024/svg/icons/rd-icon-office-building.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-office-building.svg");
}
.usersShare:before{
			mask-image: url("/src/img/2024/svg/icons/rd-icon-users.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-users.svg");
}
.rollShare:before{
			mask-image: url("/src/img/2024/svg/icons/rd-icon-user-group.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-user-group.svg");
}
pc-tooltip.notshared,
td .notshared{
    color: var(--rd-error-default);
		font-size: var(--rd-fontsize-4);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0); /* 18.48px */
	letter-spacing: 0.14px;
}

pc-tooltip.notshared::before{
	background-color: var(--rd-error-default);
	
}
.shareGrid{
    display:grid;
    grid-template-areas:"HOME GROU USER";
    grid-auto-columns:calc(100% / 3);
}





/*----------------------------------------*/
/* FILE: UnsubscribeWidget.css */
/*----------------------------------------*/

pc-unsubscribe-widget {
	color: var(--rd-font-dark);
}

.rd-unsubscribe-widget-title {
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-xxx-big);
	margin-top: var(--rd-spacing-x-huge);
}

.rd-unsubscribe-widget-subtitle {
	font-size: var(--rd-fontsize-5);
	line-height: 170%;
	margin-bottom: var(--rd-spacing-x-big);
	color: #374551;
}

pc-unsubscribe-widget .rd-input-row {
	justify-content: center;
	gap: 12px;
	margin-bottom: var(--rd-spacing-x-big);
	align-items: flex-start;
}

pc-unsubscribe-widget .rd-label-content label {
	text-align: left;
}

pc-unsubscribe-widget .rd-label-content .rd-gray-text {
	margin-top: var(--rd-spacing-xx-sm);
	color: #949dab;
}

pc-unsubscribe-widget .rd-label-content {
	grid-template-columns: 270px auto;
}

.rd-unsubscribe-widget-footer {
	display: flex;
	justify-content: space-between;
	padding: 32px 0;
}

.rd-unsubscribe-widget-footer a,
.rd-unsubscribe-widget-tabs {
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
}

.rd-unsubscribe-widget-tabs {
	display: flex;
	gap: var(--rd-spacing-lg);
	justify-content: center;
	margin-top: var(--rd-spacing-md);
}

.rd-unsubscribe-widget-btns {
	margin-top: var(--rd-spacing-lg);
	margin-bottom: var(--rd-spacing-md);
}

.rd-unsubscribe-widget-img {
	padding-top: var(--rd-spacing-x-sm);
	padding-bottom: var(--rd-spacing-lg);
}

.rd-unsubscribe-widget-footer span {
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
}

.rd-unsubscribe-widget-img img {
	width: 160px;
	height: 160px;
}

@media (max-width: 600px) {
	.rd-unsubscribe-widget-btns .rd-primary-btn-outline {
		margin-bottom: var(--rd-spacing-md);
	}

	.rd-unsubscribe-widget-footer {
		flex-wrap: wrap;
		gap: 16px;
		justify-content: center;
	}

	.rd-unsubscribe-widget-footer a,
	.rd-unsubscribe-widget-tabs,
	.rd-unsubscribe-widget-footer span {
		font-size: var(--rd-fontsize-3);
	}

	pc-unsubscribe-widget .rd-input-row {
		flex-wrap: nowrap;
	}

	pc-unsubscribe-widget .rd-label-content {
		grid-template-columns: auto;
	}
}






/*----------------------------------------*/
/* FILE: buehnenprogramm.css */
/*----------------------------------------*/


.rd-buehnenprogramm-days  {
  display: grid;
  gap: var(--rd-spacing-xx-lg);
  grid-template-columns: 1fr 1fr 1fr ;
  justify-self: center;
  max-height: 1000px;
  overflow: auto;
  padding: 0 var(--rd-spacing-md);
}

.rd-buehnenprogramm-header h2{
  text-align: left;
  font-size: 30px;
  margin-bottom: var(--rd-spacing-x-big);
}

.rd-buehnenprogramm-header{
  display: grid;
  gap: var(--rd-spacing-xx-lg);
  grid-template-columns: 1fr 1fr 1fr ;
  justify-self: center;
  padding: 0 var(--rd-spacing-md);
  width: 100%;
  max-width: 1360px;
  position: sticky;
}



.rd-buehnenprogramm-day {
}

.rd-buehnenprogramm-day-content {
}

.rd-buehnenprogramm-item{
  background-color: var(--rd-primary-inactive);
  margin-bottom: var(--rd-spacing-x-big);
  padding: var(--rd-spacing-x-big);
  border-radius: var(--rd-borderradius-border-xl);
}

.rd-buehnenprogramm-item{
  text-align: left;
  color: var(--rd-font-dark);
  max-width: 400px;
}

.category-Fachbeitrag {
  background-color: #FDF2FA;
}

.category-Produkthighlight {
  background-color: #F4F7FB;
}

.category-Kundeninterview {
  background-color: #F3FAE7;
}

.rd-buehnenprogramm-item-category{
  margin-bottom: var(--rd-spacing-x-big);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.rd-buehnenprogramm-item-category div:first-child {
  padding: var(--rd-spacing-xx-sm) var(--rd-spacing-sm);
  border-radius: 8px;
  border: 1px solid #E5D1D7;
  background-color: var(--rd-font-light);
  font-size: var(--rd-fontsize-4);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 150%;
  text-align: left;
  color: var(--rd-primary-active);
  width: fit-content;

}

.category-Produkthighlight .rd-buehnenprogramm-item-category div:first-child{
  border: 1px solid #BFD3EE;
  color: #4073B6;
}

.category-Kundeninterview .rd-buehnenprogramm-item-category div:first-child{
  border: 1px solid #D7E6BB;
  color: #89B63F;
}

.rd-buehnenprogramm-item-category div:last-child {
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 150%; 
  color: var(--rd-success-pressed);
}

.rd-buehnenprogramm-item-category div:last-child::before{
  background-color:var(--rd-success-pressed);
}


.rd-buehnenprogramm-item-time {
  display: flex;
  gap: 16px;
  margin-bottom: var(--rd-spacing-md);
  font-size: var(--rd-fontsize-6);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: 150%;
}

.rd-buehnenprogramm-item-title {
  font-size: var(--rd-fontsize-7);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 150%;

  margin-bottom: var(--rd-spacing-x-sm);
}

.rd-buehnenprogramm-item-desc {
  font-size: 14px;
font-weight: 400;
line-height: 150%;
}

.rd-buehnenprogramm-item-person {
  display: grid;
  align-items: center;
  grid-template-columns: 56px auto;
  gap: 16px;
  margin: var(--rd-spacing-md) 0;
  border-top: 1px solid #F7DFE6;
  padding-top: var(--rd-spacing-md);
}

.category-Produkthighlight .rd-buehnenprogramm-item-person{
  border-top: 1px solid #D9E3F0;
}

.category-Kundeninterview .rd-buehnenprogramm-item-person{
  border-top: 1px solid #E7F0D9;
}

.rd-buehnenprogramm-item-person-img {
  width: 56px;
  height: 56px;
  background-size: 100%;
  border-radius: 100%;
  background-repeat: no-repeat;
  border-top: 1px solid #D9E3EF;
  padding-top: var(--rd-spacing-md);
}

.rd-buehnenprogramm-item-time div::before{
  background-color:var(--rd-font-dark)
}
.rd-buehnenprogramm-item-time div{
  display: flex;
  gap: 4px;
}

.rd-buehnenprogramm-day h2{
  text-align: left;
  font-size: 30px;
  margin-bottom: var(--rd-spacing-x-big);
}

.rd-buehnenprogramm-item-person-info {
}

.rd-buehnenprogramm-item-person-name {
  font-size: var(--rd-fontsize-5);
  line-height: 150%;
}

.rd-buehnenprogramm-item-person-desc {
}

.rd-buehnenprogramm-day-content + .rd-primary-btn-textlink{
  display: none;
}

.rd-buehnenprogramm-day-content + .rd-primary-btn-textlink:after{
  content: "";
  mask-image: url(/src/img/2024/svg/icons/rd-icon-cheveron-up.svg);
  -webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-cheveron-up.svg);
  background-color: var(--rd-primary-active);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: unset !important;
  margin-left: 4px;
  vertical-align: middle;
  align-self: center;
}

.rd-buehnenprogramm-day-content:has(.hidden-mobile) + .rd-primary-btn-textlink:after{
  mask-image: url(/src/img/2024/svg/icons/rd-icon-cheveron-right.svg);
  -webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-cheveron-right.svg);
}

.rd-buehnenprogramm-item {
  display: block !important; /* Alle Elemente auf Desktop sichtbar */
}

.rd-buehnenprogramm-item-links {
text-align: right;
}


.rd-buehnenprogramm-day-content:has(.hidden-mobile) {
padding-right: 0 !important 
}

.rd-buehnenprogramm-day-content {
padding-right: var(--rd-spacing-md) !important; 
}

.rd-buehnenprogramm-day h2{
display: none;
}

.topExperten .rd-primary-btn-textlink{
  font-size: var(--rd-fontsize-5) !important;
font-weight: var(--rd-fontweights-open-sans-1);
line-height: 150%;
}

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

.rd-buehnenprogramm-header h2{
font-size: var(--rd-fontsize-9);
}}

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

.rd-buehnenprogramm-day h2{
  display: block;
}

.rd-buehnenprogramm-header{
  display: none;
}

.rd-buehnenprogramm-days {
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}

.rd-buehnenprogramm-day-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.rd-buehnenprogramm-item{

max-width: 100%;
}
.rd-buehnenprogramm-day-content{
grid-template-columns: 1fr;
max-height: 600px;
overflow: auto;
}

.rd-buehnenprogramm-days{
max-height: max-content;
overflow: hidden;
padding: 0;
}

.rd-buehnenprogramm-day-content + .rd-primary-btn-textlink{
display: block;
font-size: var(--rd-fontsize-5) !important;
text-align: left;
font-weight: var(--rd-fontweights-open-sans-0);
line-height: 150%;
margin-top: var(--rd-spacing-x-big);
}

.rd-buehnenprogramm-day-content .hidden-mobile {
display: none !important;
}

.rd-buehnenprogramm-days {
gap: 49px;
}

} 

@media screen and (max-width:850px){
.rd-buehnenprogramm-days{
  grid-template-columns: 1fr;
  gap: 64px;
}
}

.termin {
display: block;
border-radius: 8px;
background: #F4F7FB;
padding: 16px;
margin-bottom: 16px;
/* position: relative; */
/* z-index: 999999; */
box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

.termin_header {
display: block;
width: 100%;
font-size: 12px;
}

.termin_header&gt;div {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}

.termin_header_time {
vertical-align: top;
height: 10px;
}

.termin_header_length {
height: 12px;
}

.termin_header_length .icon,
.termin_header_time .icon {
display: inline-block;
width: 15px;
height: 15px;
}

.termin_header_length .icon img,
.termin_header_time .icon img {
width: 100%;
}

.termin_header_category {
text-transform: uppercase;
padding: 4px;
font-size: 10px;
border-radius: 4px;
color: #4073B6;
border: 1px solid #BFD3EE;
background: #FFF;
}

.cat-Fachbeitrag .termin_header_category {
color: #D66181;
border: 1px solid #E5D1D7;
background: #FFF;
}

.cat-Fachbeitrag {
background: #FDF2FA;
}

.termin_header_referent_name {
font-size: 12px;
color: #0D1130;
}

.termin_header_titel {
color: #0D1130;
font-size: 14px;
font-weight: 700;
line-height: 150%;
margin-top: 12px;
}

.programm.set_center #dateSelect + .rd-buehnenprogramm-item{
  margin-top: var(--rd-spacing-md);
}

@media screen and (max-width:600px){
#Buehnenprogramm .programm{
  padding: var(--rd-spacing-xxx-big) 0;
}}





/*----------------------------------------*/
/* FILE: demoFilter.css */
/*----------------------------------------*/

/* Kundenaktivität, Demo Anfragen, Demo Archiv, kauf Anfragen, Kurs+ käufe */
.demo_filter #reportrange {
  padding: 6.5px;
  /* max-width: 250px; */
  border-radius: var(--rd-borderradius-border-md);
  margin-right: 5px;
}

.demo_filter form &gt; div {
  display: table-cell;
  padding-right: 10px;
  vertical-align: top;
}
.demo_filter form &gt; div.filter_label_grid{
  display:grid !important;
  grid-template-areas:
    "LABEL"
    "INPUT";
  /* grid-template-rows: 40px 40px; */
}
.demo_filter form &gt; div.filter_label_grid &gt; *{
  margin:0;
}
.demo_filter form &gt; div label {
  display: block;
  font-weight: var(--rd-fontweights-open-sans-1);
}

.demo_filter input[type="text"],
.demo_filter select {
  width: 250px;
}

.demo_filter input[type="text"],
.demo_filter select {
  padding: 7px;
}

.demo_filter form {
  display: grid;
  gap: var(--rd-spacing-x-sm);
  grid-template-areas:
    "EL1 EL2 EL3 EL4"
    "EL5 EL6 EL7 EL8";
}
.demo_filter form &gt; div{
    align-self: end;
}

.demo_filter form button {
  margin-top: 32px;
  padding: 7px 24px;
  width: fit-content;
  justify-self: end;
  margin-right: 10px;
  grid-area: btn;
}

.demo_filter input[name="suche"] {
  padding: var(--rd-spacing-x-sm);
}

.demo_filter select[name="was"] {
  margin-top: 32px;
}

.kurs-plus .demo_filter form,
.aktivitaet .demo_filter form {
  display: flex;
}

.kurs-plus .demo_filter select,
.aktivitaet .demo_filter select {
  width: 250px;
}

.kurs-plus .cont_body,
.aktivitaet .cont_body,
.was-ist-neu .cont_body {
  overflow-x: auto;
}

@media screen and (max-width: 1420px) {
  .demo_filter form {

    display: grid;
    grid-template-areas:
      "EL1 EL2"
      "EL3 EL4"
      "EL5 EL6"
      "EL7 EL8"
    ;
    width: 95%;
    position: relative;
    grid-template-columns: 50% 50%;
  }

  .demo_filter form button {
    width: fit-content;
    margin-bottom: 0;
  }

  .demo_filter {
    max-width: 98%;
    padding-bottom: 20px;
  }

  .demo_filter input[type="text"],
  .demo_filter select {
    width: 100%;
  }

  .demo_filter #reportrange {
    width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .demo_filter form {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
      "one one"
      "one one"
      ". btn";
    gap: var(--rd-spacing-x-sm);
  }

  .demo_filter .cb_navi {
    background-color: var(--rd-font-light);
  }
}

@media screen and (max-width: 500px) {
  .demo_filter form button {
    width: 100%;
  }
}


#DemoTyp .rd-checkbox-label,
.demo_typ{
	text-align: center;
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-3);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: normal;
	border-radius: var(--rd-borderradius-border-lg);
}
#DemoTyp .rd-panel .rd-checkboxes-listitem-group label{
	display: grid;
	grid-template-areas:
		"INPUT LABEL";
	grid-template-columns: 30px auto;
}
.demo_typ{
	display:inline-block;
	white-space: nowrap;
	
}
.demo_typ.dt_demo{
	    background-color: #FFF1F2;
    color: #9F1239;
}
.demo_typ.dt_pro_upgrade{
	    background-color: #ecf7db;
	    color: #369f34;
}
.demo_typ.dt_angebot{
    background-color: #E7F0D9;
    color: #526D26;
}
.demo_typ.dt_verlaengerung{
background-color: #ECF1F8;
    color: #4073B6;
}
.dt_webinar{
	background-color: #fff3e0;
    color: #ffa500;
}





/*----------------------------------------*/
/* FILE: email_style.css */
/*----------------------------------------*/

/*bug*/






/*----------------------------------------*/
/* FILE: foerduringsantrag.css */
/*----------------------------------------*/

.rd-financ-banner {
	background-color: var(--rd-secondary-inactive);
	box-shadow: 0px 4px 6px -1px rgba(15, 15, 16, 0.08), 0px 2px 4px -1px rgba(15, 15, 16, 0.06);
	padding: var(--rd-spacing-x-big);

	border-radius: var(--rd-borderradius-border-md);
	color: var(--rd-font-dark);
}

.rd-financ-header {
	display: grid;
	gap: var(--rd-spacing-lg);
	grid-template-columns: 55% 45%;
	align-items: center;
}
.rd-financ-header p {
	font-size: var(--rd-fontsize-4);
	font-weight: 400;
	color: var(--rd-primary-active);
	line-height: 170%;
}

.rd-financ-header h1 {
	margin-bottom: 4px;
}

.rd-segmented-control {
	display: flex;
	justify-content: end;
	margin-right: var(--rd-spacing-lg);
}
.rd-segmented-control button {
	padding: var(--rd-spacing-md) var(--rd-spacing-x-lg);
	background-color: #eaecf0;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15) inset;
	cursor: pointer;
	color: var(--rd-input-hover);
	border-radius: var(--rd-borderradius-border-xl) 0 0 var(--rd-borderradius-border-xl);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-segmented-control button:focus {
	outline: none !important;
}

.rd-segmented-control button.active {
	background-color: var(--rd-font-light);
	box-shadow: unset !important;
	color: var(--rd-font-dark);
}

.rd-control-btn:nth-child(2),
.rd-control-btn-f:nth-child(2) {
	border-radius: 0 var(--rd-borderradius-border-xl) var(--rd-borderradius-border-xl) 0;
}
.rd-financ-banner p {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 120%;
	letter-spacing: 0.2px;
	color: var(--rd-secondary-active);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-financ-banner.rd-f-green p {
	color: var(--rd-success-hover);
}

.rd-financ-banner {
	font-size: var(--rd-spacing-md);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 120%;
}
.rd-financ-content {
	display: grid;
	font-size: var(--rd-spacing-md);
	line-height: 120%;
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
	color: var(--rd-font-dark);
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	margin: 40px 0;
}
.rd-financ-content img {
	width: 100%;
}

.rd-financ-content-p {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-font-light);
	letter-spacing: 0.2px;
	margin-bottom: var(--rd-spacing-x-big);
	color: var(--rd-primary-active);
}

.rd-finanz-landingpage {
	max-width: 1060px;
}
.foerderungsantragneu .fd_stepps {
	display: flex;
	width: 100%;
	position: relative;
	gap: var(--rd-spacing-lg);
}

.foerderungsantragneu .fds_cont {
	position: relative;
	background-color: var(--rd-font-light);
	vertical-align: top;
	text-align: center;
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
	word-break: break-word;
	border-radius: var(--rd-borderradius-border-md);
	box-shadow: 0px 4px 6px -1px rgba(15, 15, 16, 0.08), 0px 2px 4px -1px rgba(15, 15, 16, 0.06);
}

.rd-financ-btns {
	text-align: center;
	margin: 40px 0 80px;
}

.rd-financ-btns .rd-primary-btn {
	margin-right: var(--rd-spacing-lg);
}

.rd-financ-content-video {
	width: 100%;
	z-index: 10;
	cursor: pointer;
}

.rd-financ-content-video video {
	width: 100%;
}

.foerderungsantragneu .fds_cont img {
	margin-top: 0;
	width: 100%;
	max-width: 100px;
	position: relative;
}

.foerderungsantragneu .fdsc_nr {
	display: inline-block;
	position: absolute;
	left: 24px;
	top: 16px;
	padding: 9px;
	background-color: var(--rd-font-light);
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	color: #ffffff;
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: 14px;
	border-radius: 12px;
	background-color: var(--rd-secondary-active);
	line-height: 112%;
	letter-spacing: 0.28px;
}

.fd_stepps.rd-f-green .fdsc_nr {
	background-color: var(--rd-success-default);
}

.foerderungsantragneu .fds_cont p {
	text-align: center;
	display: inline-block;
	font-size: var(--rd-fontsize-3);
	color: var(--rd-font-dark);
}

.foerderungsantragneu .fds_img {
	overflow: hidden;
	display: block;
	margin-top: var(--rd-spacing-x-lg) !important;
	margin-bottom: var(--rd-spacing-x-sm) !important;
	margin: auto;
	position: relative;
	height: auto;
	width: 100px;
}

.foerderungsantragneu .fdsc_title {
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-secondary-active);
	text-align: center;
	display: inline-block;
	font-size: var(--rd-spacing-md);
	line-height: 132%;
	letter-spacing: 0.16px;
	margin-bottom: var(--rd-spacing-md);
}

.foerderungsantragneu .rd-financ-btns a:before {
	width: 20px !important;
	height: 20px !important;
}
.rd-financ-alt.disabled,
.rd-financ-neu.disabled {
	display: none;
}

.rd-financ-banner.rd-f-green {
	background-color: var(--rd-list-hover);
}

.rd-financ-banner.rd-f-blue p {
	color: var(--rd-success-hover);
}

.foerderungsantragneu .fds_img:before {
	content: "";
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	height: 100px;
	width: 100px;
	background-color: var(--rd-secondary-active);
	height: 47px;
	width: 47px;
	position: absolute;
	right: 26px;
	top: 26px;
	z-index: 10;
}

.foerderungsantragneu .fds_img.f_formular:before {
	mask-image: url(/src/img/2024/svg/svg_img/f_formular.svg);
	-webkit-mask-image: url(/src/img/2024/svg/svg_img/f_formular.svg);
}

.foerderungsantragneu .fds_img.f_print:before {
	mask-image: url(/src/img/2024/svg/svg_img/f_print.svg);
	-webkit-mask-image: url(/src/img/2024/svg/svg_img/f_print.svg);
}

.foerderungsantragneu .fds_img.f_mail:before {
	mask-image: url(/src/img/2024/svg/svg_img/f_mail.svg);
	-webkit-mask-image: url(/src/img/2024/svg/svg_img/f_mail.svg);
}

.fd_stepps.rd-f-blue .fdsc_nr {
	background-color: var(--rd-secondary-active);
}

.fd_stepps.rd-f-green .fdsc_title {
	color: var(--rd-success-default);
}
.fd_stepps.rd-f-green .fds_img:before {
	background-color: var(--rd-success-default);
}

.fa_video_box_title {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.2px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-x-sm);
}

.fa_video_box_subtitle {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.2px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-lg);
}

.fa_section p {
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.16px;
	margin-bottom: var(--rd-spacing-x-big);
	color: var(--rd-font-dark);
}

.fa_section .rd-segmented-control {
	justify-content: center;
	margin-right: 0;
	margin-bottom: 104px;
}

.fa_video_box_neu .rd-bullet img {
	width: 100%;
}

.rd-bullet.bullet-green {
	background-image: url(/src/img/2024/svg/svg_img/badge-green.svg);
}

.fa_video_box_neu .rd-bullet {
	position: absolute;
	top: 37px;
	right: -93px;
}

.rd-financ-alt .rd-bullet {
	top: 11px;
	right: -92px;
}

/* .fa_video_box_neu .rd-bullet {
	display: inline-block;
	mask-image: url(/src/img/2024/svg/svg_img/bullet.svg);
	-webkit-mask-image: url(/src/img/2024/svg/svg_img/bullet.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: 152px;
	height: 151px;
	background-color: var(--rd-secondary-active);
	transform: rotate(-7.672deg);
}

.fa_video_box_neu .rd-bullet:after {
	right: 0;
	content: "Bis zu 10.000 € Förderung pro Jahr";
	display: inline-block;
	position: absolute;
	top: 38px;
	left: 40px;
	text-align: center;
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-4);
	font-weight: 700;
	width: 58px;
}

.fa_video_box_neu .rd-bullet-bg {
	display: inline-block;
	mask-image: url(/src/img/2024/svg/svg_img/bullet_stocke.svg);
	-webkit-mask-image: url(/src/img/2024/svg/svg_img/bullet_stocke.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: 180px;
	height: 177px;
	background-color: var(--rd-secondary-active);
}

.rd-bullet.bullet-green:after {
	content: "Bis zu 12.000 € pro Einrichtung";
	top: 45px;
	left: 35px;
	width: 86px;
}

.fa_video_box_neu .rd-bullet-bg {
	position: absolute;
	right: -82px;
	top: 12px;
} */

.fa_video_box_neu {
	position: relative;
}

.fa_video_box_neu .text {
	text-align: left;
	margin-top: 40px !important;
	max-width: 650px;
	margin: auto;
	color: var(--rd-font-dark);
}

.fa_video_box_neu .rd-primary-btn {
	margin-top: var(--rd-spacing-lg);
}

.fa_video_box_neu {
	display: block;
	margin-top: var(--rd-spacing-xxx-lg);
	margin-bottom: 120px;
	position: relative;
}

.favbg3 a {
	color: var(--rd-secondary-active);
}

@media (max-width: 1250px) {
	.rd-segmented-control button {
		height: auto;
	}
	.fa_section h1 {
		margin-top: 80px !important;
	}
}

@media (max-width: 1000px) {
	.rd-financ-banner {
		grid-template-columns: 100%;
	}

	.rd-segmented-control {
		margin-right: 0;
	}

	.foerderungsantragneu .fd_stepps {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media screen and (max-width: 850px) {
	.fa_video_box_neu .rd-bullet {
		position: absolute;
		top: 56px;
		right: -56px;
		max-width: 150px;
	}

	.fa_video_box_neu .rd-financ-alt .rd-bullet {
		top: 27px !important;
		right: -74px !important;
	}
}

@media screen and (max-width: 800px) {
	.foerderungsantragneu .fds_cont {
		width: 100%;
	}

	.rd-financ-content {
		display: flex;
		flex-direction: column-reverse;
		gap: 40px;
	}

	.rd-financ-btns .rd-primary-btn {
		margin-bottom: var(--rd-spacing-md);
	}
}
@media screen and (max-width: 768px) {
	.fa_video_box_neu .rd-bullet {
		top: 72px;
		right: -57px;
		max-width: 125px;
	}

	.fa_video_box_neu .rd-financ-alt .rd-bullet {
		top: 39px !important;
		right: -72px !important;
	}
}

@media screen and (max-width: 760px) {
	.fa_video_box_neu .rd-bullet {
		top: 92px;
		right: -60px;
	}

	.fa_video_box_neu .rd-financ-alt .rd-bullet {
		top: 44px !important;
	}
}

@media screen and (max-width: 650px) {
	.fa_video_box_neu .rd-bullet {
		top: 82px;
		right: -40px;
		max-width: 100px;
	}

	.fa_video_box_neu .rd-financ-alt .rd-bullet {
		top: 58px !important;
		right: -36px !important;
	}

	.rd-financ-header {
		display: block;
		margin-bottom: var(--rd-spacing-md);
	}
}

@media screen and (max-width: 575px) {
	.fa_video_box_neu .rd-bullet {
		top: 106px;
		right: -34px;
	}

	.fa_video_box_neu .rd-financ-alt .rd-bullet {
		top: 58px !important;
		right: -36px !important;
	}
}
@media screen and (max-width: 534px) {
	.fa_video_box_neu .rd-financ-alt .rd-bullet {
		top: 80px !important;
		right: -36px !important;
	}
}

@media screen and (max-width: 500px) {
	.rd-segmented-control button {
		padding: var(--rd-spacing-x-sm) var(--rd-spacing-x-big);
	}
}

@media screen and (max-width: 450px) {
	.foerderungsantragneu .fd_stepps {
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 430px) {
	.fa_video_box_neu .rd-bullet {
		top: 119px;
		right: -30px;
		max-width: 70px;
	}
	.fa_video_box_neu .rd-financ-alt .rd-bullet {
		top: 96px !important;
		right: -24px !important;
	}
}

@media screen and (max-width: 342px) {
	.fa_video_box_neu .rd-bullet {
		top: 150px;
	}
}






/*----------------------------------------*/
/* FILE: homepageUpdate.css */
/*----------------------------------------*/

.rd-homepage-header-slider {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: var(--rd-spacing-x-huge);
	grid-template-areas: "TEXT VIDEO";
	text-align: left;
	gap: var(--rd-spacing-xxx-lg);
}

.rd-homepage-header-slider-text {
	grid-area: TEXT;
}

.rd-homepage-header-slider-vedio {
	grid-area: VIDEO;
}

.rd-homepage-header-slider .rcs_foto::after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/svg_img/Ellipse-homepage.svg);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 328px;
	height: 328px;
	position: absolute;
	left: 16px;
	top: 13px;
	z-index: -1;
}

.rd-homepage-header-slider-text {
	padding: 20px;
}

.rd-fiveStars {
	width: 116px;
	height: 20px;
}

.rd-homepage-header-slider-video video {
	width: 100%;
}

.rd-homepage-header-slider-subtitle {
	font-size: 28px;
	font-weight: 700;
	line-height: 132%;
	color: var(--rd-font-dark);
}

.rd-homepage-header-slider-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 132%;
	color: #d66181;
}

.rd-icon-badgeCheck::before {
	width: 40px;
	height: 40px;
}

/* .rd-contentListeItem {
	grid-template-columns: 35px auto;
	font-size: 14px;
	margin-top: 16px;
} */

.rd-contentListeItems {
	display: flex;
	/* gap: 14px; */
}

.rd-pc-home .rd-container {
	grid-template-areas: "lISTE CONTENT";
}

.rd-pc-home .rd-contentListe {
	grid-area: lISTE;
	align-self: end;
	margin-bottom: 0;
}

.rd-pc-home .rd-containerContent {
	grid-area: CONTENT;
}






/*----------------------------------------*/
/* FILE: landingPage.css */
/*----------------------------------------*/

.quickStart .rd-conainers-colored .rd-container {
	margin-top: var(--rd-spacing-x-huge);
}

.quickStart canvas {
	position: relative;
	z-index: 10;
	margin-top: -100px;
}

.quickStart .rd-conainers-colored .rd-btnContainer {
	margin-top: var(--rd-spacing-big);
	margin-bottom: var(--rd-spacing-xxx-lg);
}

.quickStart-infobar {
	font-size: var(--rd-fontsize-6);
	font-style: italic;
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.189px;
	padding: var(--rd-spacing-md);
	background-color: var(--rd-success-default);
	position: relative;
	z-index: 1;
	color: var(--rd-font-light);
	text-align: center;
}

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

.quickStart .rd-contentListeItem {
	display: flex;
	justify-content: center;
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 120%;
	letter-spacing: 0.16px;
	margin-bottom: 20px;
}

.quickStart .rd-contentListeItem img {
	margin-right: var(--rd-spacing-x-sm);
}

.quickStart .inside_element .overh1,
.quickStart .inside_element h1,
.quickStart .inside_element a,
.quickStart .inside_element.logos .arrow_right,
.quickStart .querstions,
.quickStart .rd-homepage-freeTrialBlueBox {
	display: none !important;
}

.quickStart .rd-features {
	padding-top: var(--rd-spacing-xxx-lg) !important;
}

.quickStart .rd-feature-icon {
	width: 100%;
	height: 100%;
}

.rd-container[name="KI"] .rd-containerContent {
	margin-bottom: var(--rd-spacing-md);
}

.rd-container[name="KI"] .rd-contentListe {
	margin-top: 56px;
}

.rd-container[name="KI"] .rd-contentListeItem {
	margin-bottom: var(--rd-spacing-x-big);
	display: grid;
	grid-template-columns: 48px auto;
}

.rd-container[name="KI"] .rd-contentListeItem span {
	font-weight: var(--rd-fontweights-open-sans-0);
}

.quickStart .rd-container:first-child {
	grid-template-areas: "CONTENT IMG";
}

.quickStart .rd-containerImage img {
	margin-top: 0;
}

.quickStart .rd-containerImage {
	position: relative;
}

.quickStart-Pakete {
	text-align: center;
}

.quickStart-Pakete-title {
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 132%;
	/* 50.16px */
	letter-spacing: 0.38px;
	max-width: 550px;
	margin: auto;
	margin-bottom: var(--rd-spacing-md) !important;
	position: relative;
}

.quickStart-Pakete-subtitle {
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 132%;
	/* 29.04px */
	letter-spacing: 0.22px;
	margin-bottom: 60px;
}

.quickStart-Pakete-subtitle span {
	font-style: italic;
	color: var(--rd-primary-active);
}

.quickStart-Pakete-des {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
	/* 27.2px */
	letter-spacing: 0.16px;
	margin-bottom: 60px !important;
	max-width: 630px;
	margin: auto;
}

.quickStart-Pakete-des span {
	font-weight: 700;
}

.quickStart .rd-containerImage .rd-btnContainer a:hover,
.quickStart .rd-containerImage .rd-btnContainer a:focus {
	background-color: var(--rd-font-light) !important;
	text-decoration: none;
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
	color: var(--rd-primary-active) !important;
	cursor: default;
}

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

.quickStart .rd-feature-element canvas {
	margin-top: 0;
}

.quickStart .rd-homepage-welle-box img {
	margin-bottom: 60px;
}

.quickStart-Pakete .rd-primary-btn {
	padding: 16px 50px !important;
	font-size: 20px !important;
	border-radius: 1000px !important;
}

.quickStart-Pakete .rd-primary-btn.rd-icon-after::after {
	width: 25px;
	height: 25px;
}

.quickStart-Pakete .arrow_right {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/svg_img/rd-dashedArrow-magenta.svg);
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 146px;
	position: absolute;
	display: inline-block;
	width: 134.94px;
	height: 122.368px;
	left: -173px;
	margin-top: -22px;
}

.quickStart .rd-conainers-colored .rd-contentListe.show {
	position: relative;
}

.quickStart .rd-conainers-colored .rd-contentListe.show:after {
	content: "";
	display: inline-block;
	background-image: url(/src/img/2023/svg/svg_img/span_mask-group.svg);
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 146px;
	position: absolute;
	display: inline-block;
	width: 134.94px;
	height: 122.368px;
	right: 80px;
	top: -30px;
}




.rd-facilities-landing .angebot-form .container form {
	background-image: var(--blue-dashed-border) !important;
	background-position: 50%;
}

.rd-facilities-landing .tb_widget h2 {
	display: none;
}

.rd-facilities-landing .rd-btnContainer {
	margin-top: var(--rd-spacing-big);
}



.rd-facilities-landing .pt_carusel.partner_teaser .center img {
	filter: unset !important;
	max-height: 100% !important;
}


.rd-facilities-landing .container-fluid.partner_logos,
.rd-facilities-landing .rd-homepage-partners {
	padding-bottom: 0 !important;
}

.rd-facilities-landing .rd-features {
	padding: var(--rd-spacing-x-huge) 0;
}

.rd-facilities-landing .webinar_c {
	padding-bottom: 0;
}

.rd-facilities-landing .recesion_slider {
	justify-content: center;
	padding: var(--rd-spacing-xxx-lg);
}

.rd-facilities-landing .rcs_foto {
	position: relative;
}

.rd-facilities-landing .rd-homepage-freeTrial h1 {
	margin-top: 0;
}

.rd-facilities-landing .scs_text {
	width: 100%;
	max-width: 930px;
}

.rd-facilities-landing .freeTrial-btn {
	margin-bottom: var(--rd-spacing-lg);
}

.rd-facilities-landing .container-fluid.home_app {
	height: 285px;
	padding-top: 32px;
}

.home_app h3 {
	font-size: var(--rd-spacing-xx-big);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 36px;
}





.rd-facilities-landing .rd-conainers-colored .rd-containerImage {
	position: relative;
	margin-left: -20px !important;
}

.rive-video-combo video#riveVideoHospital {
	mask-image: url("/src/testfiles/HC_Landing_Video_Mask4.png");
	-webkit-mask-image: url("/src/testfiles/HC_Landing_Video_Mask4.png");
}

.rd-facilities-landing .rive-video-combo video {
	animation: fadeIn 1s ease forwards;
	animation-delay: 3s;
	opacity: 0;
}

.rd-facilities-landing .tg_o_h1 {
	margin-bottom: var(--rd-spacing-md);
	font-size: var(--rd-fontsize-8);
}


.rd-facilities-landing .rd-conainers-colored .rd-contentTitle {
	margin-bottom: 12px;
}


@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.rd-facilities-landing .rd-login-header .logo,
.rd-facilities-landing footer .pcl_img {
	background-image: url(/src/img/svg/pc_logo.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% !important;
	margin-top: 24px;

}

.rd-facilities-landing footer .pcl_img {
	width: 100%;
}

.rd-facilities-landing .rd-login-header .logo img,
.rd-facilities-landing footer .pcl_img img {
	display: none !important;

}

.rd-facilities-landing .rd-containerImage #CertPreview img {
	max-width: 310px;
}

.rd-facilities-landing .pcl_img {
	height: 90px;
}

.rd-facilities-landing .hero-image {
	background: linear-gradient(0deg, #26456D -60.24%, #FFF 50%);
}

.rd-facilities-landing .rd-btnContainer::after {
	content: "";
	position: absolute;
	top: 34px;
left: 30px;
	width: 98.4px;
	height: 85.199px;
	mask-image: url(/src/img/2024/svg/svg_img/rd-arrow.svg);
	-webkit-mask-image: url(/src/img/2024/svg/svg_img/rd-arrow.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	
	background-color: var(--rd-primary-active);

}

.rd-hospitalcampus .rd-btnContainer::after {
		right: 30px;
			background-color: var(--rd-secondary-active);
			left: unset;
			transform: scaleX(-1);
}


.rd-facilities-landing .rd-contentTitle .badge {

	padding: 3px 12px;
	border-radius: 144px;
	background: var(--Colors-red-100, #F9E3E2);
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 30px;
	color: #752522;
	margin-right: 7px;
	margin-top: -20px;
	text-shadow: none;
	/* background-image: url(/src/img/2024/svg/svg_img/neu_badge_blue.svg); 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;*/

}

.rd-facilities-landing .rd-contentTitle {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
}

#previewMobImage {
	display: none;
}

.rive-video-fallback-img {
	padding-top: 100px;
	max-width: 1047px;

	margin-left: 77px !important;
}

.rd-facilities-landing .content_overlay a {
	display: none;
}

.rd-facilities-landing .rd-homepage-partners p {
	font-size: 16px !important;
	font-weight: var(--rd-fontweights-open-sans-2) !important;
	line-height: var(--rd-lineheights-1) !important;
	color: var(--rd-font-light) !important;
	margin: 0 !important;
}



.container-fluid.pc_kurse {
	padding-bottom: 0;
}

.rd-facilities-landing .rd-conainers-colored .rd-contentSubtitle {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.22px;
}

.rd-facilities-landing .rd-homepage-freeTrialBlueBox p {
	margin: var(--rd-spacing-x-big) auto var(--rd-spacing-xxx-big);
	max-width: 785px;
}
.rd-facilities-landing  #CertPreview {
	position: absolute;
	bottom: 0;
	right: -10px;

	opacity: 0;
	transform: translateY(40px);
	filter: blur(4px);
	pointer-events: none;
	transition: transform 0.6s ease, opacity 0.6s ease, filter 0.6s ease;
	z-index: 1;
	will-change: transform, opacity, filter;
}

.rd-facilities-landing #CertPreview.visible {
	opacity: 1;
	transform: translateY(0);
	filter: blur(0);
	pointer-events: auto;
}

 .rd-facilities-landing  .rive-video-combo .rive-placeholder {
	position: absolute;
	width: 100%;
	height: 99%;
	max-width: 1200px;
	object-fit: contain;
	z-index: 10;
	opacity: 1;
	transition: opacity 0.5s ease;
}

.rd-facilities-landing  .rive-video-combo .rive-placeholder.hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.rd-facilities-landing .rive-video-combo {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: var(--rd-spacing-xxx-lg) auto 0;
	left: 25px;
}

.rd-facilities-landing .rd-conainers-colored .rd-containerImage .rive-placeholder {
    margin-top: 0 !important;
}

.rd-facilities-landing  .rd-riv-ani {
	width: 100%;
	max-width: 1200px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.rd-facilities-landing  .rd-hospital-ani-mob {
    display: none;
}


.rd-facilities-landing .rd-hospital-ani {
	display: block;
}

.rd-facilities-landing  .rd-containerImage {
    width: 100%;
}

.rd-facilities-landing:has(.bg-pink) .hero-image{
background: linear-gradient(0deg, #D66181 -60.24%, #FFF 50%);
}

.rd-facilities-landing:has(.bg-green-grass) .hero-image{
background: linear-gradient(0deg, #82AF33 -60.24%, #FFF 50%);
}

.rd-facilities-landing:has(.bg-yellow) .hero-image{
background: linear-gradient(0deg, #A4A052 -60.24%, #FFF 50%);
}

.rd-facilities-landing:has(.bg-orange) .hero-image{
background: linear-gradient(0deg, #F6B29E -60.24%, #FFF 50%);
}

.rd-facilities-landing:has(.bg-aqua) .hero-image{
background: linear-gradient(0deg, #4EA7A7 -60.24%, #FFF 50%);
}




@media (max-height: 800px) and (min-width: 1200px) and (max-width: 1599px) {
	#CertPreview.visible img {
		width: 80%;
	}
}

@media (max-width: 1200px) {
	#CertPreview.visible img {
		width: 80%;
	}

	.rd-facilities-landing #CertPreview.visible {
		right: -45px;
	}

	.rive-video-fallback-img {

		max-width: 875px;

		margin-left: 60px !important;
	}

}


@media (max-width: 1199px) {
	.rd-facilities-landing pc-rive-animation {
		max-width: 1000px !important;
	}
}




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

	#CertPreview.visible img {}


	.quickStart .rd-conainers-colored .rd-contentListe.show:after {
		right: 0;
	}

	.rd-conainers-colored .rd-contentListe.show:after {
		display: none;
	}

	.quickStart .rd-conainers-colored .rd-contentListe.show:after {
		display: none;
	}

	.rd-facilities-landing .angebot-form .container {
		padding-top: 150px !important;
	}

	#previewMobImage {
		display: block !important;
		padding-top: var(--rd-spacing-xxx-lg);
	}

	.rd-facilities-landing pc-rive-animation,
	.rive-video-combo video#riveVideoHospital,
	.rd-facilities-landing #CertPreview {
		display: none !important;
	}

	.rd-facilities-landing .rd-containerImage::after {
		right: -15px;
	}

	.rd-facilities-landing .rd-contentTitle::before {
		top: -30px;
		left: -30px;
	}

	#CertPreview {
		display: block !important;
	}

	.rive-video-fallback-img {
		display: none !important;
	}

	.rd-facilities-landing .rd-btnContainer::after {
		display: none;
	}

	.rd-facilities-landing #riveCanvas {
		display: none;
	}

	.rd-hospital-ani,
	#RiveAnimationLiveHospital {
		display: none;
	}

	.rive-video-combo {
		left: 0 !important;
	}
}

@media screen and (max-width: 992px) {
	.rd-facilities-landing .container-fluid.home_app {
		height: auto;

	}

	.rd-facilities-landing .home_app img[alt="iPhone"] {
		margin-top: 40px;
		margin-bottom: -250px;
	}


}

@media screen and (max-width: 800px) {
	.quickStart .rd-conainers-colored .rd-container {
		margin-top: 80px !important;
		margin-bottom: 0;
	}

	.quickStart .rd-conainers-colored .rd-contentListe {
		column-gap: 20px;
		row-gap: 0;
	}

	.quickStart .rd-conainers-colored .rd-contentSubtitle {
		font-size: 18px;
	}

	.quickStart .rd-conainers-colored .rd-contentTitle {
		font-size: 22px;
	}

	.quickStart .rd-conainers-colored .rd-btnContainer {
		margin-bottom: 40px;
	}

	.quickStart .rd-feature-element {
		margin-bottom: 40px;
	}

	.quickStart .rd-features {
		padding-bottom: 0 !important;
	}

	.quickStart .rd-container:first-child {
		margin-top: 0;
	}

	.quickStart .rd-container {
		margin-bottom: 40px;
	}

	.quickStart .rd-homepage-partnerTeaser::before {
		display: none;
	}

	.quickStart .rd-contentListeItem {
		justify-content: start;
	}

	.quickStart .rd-conainers-colored .rd-contentListeItem:last-child {
		margin-bottom: 20px;
	}



	.rd-facilities-landing .rd-containerImage::after {
		display: none
	}

	.rd-facilities-landing .rd-containerContent {
		padding: 0 24px;
		margin-top: 0 !important;
	}

	.rd-facilities-landing .rive-video-combo {
		margin-top: 0 !important;
	}
}

@media (max-width: 768px) {
	.rd-video-slider {
		padding-left: var(--rd-spacing-md);
		padding-right: var(--rd-spacing-md);
	}

	.rd-facilities-landing .rd-features {
		padding-top: var(--rd-spacing-lg) !important;
		padding-bottom: 0 !important;
	}

	.rd-facilities-landing .angebot-form .container {
		margin-top: var(--rd-spacing-xx-lg) !important;
		margin-bottom: var(--rd-spacing-xx-lg) !important;
	}

	.rd-facilities-landing .rd-homepage-partners {
		padding-top: var(--rd-spacing-big) !important;
		padding-bottom: var(--rd-spacing-lg) !important;
	}

	.rd-facilities-landing .rd-contentTitle {
		margin-left: -68px;
		padding: 0 24px;
	}
}

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



	.rd-facilities-landing .rd-contentTitle {
		max-width: 500px;
		margin-left: -50px;
		align-items: center;
		gap: 4px;
	}


	.rd-facilities-landing .rd-contentTitle .badge {
		padding: 0 12px;
		font-size: 12px;
		margin-top: 12px;
		margin-right: 0;
	}

	.rd-facilities-landing .rd-conainers-colored .rd-contentSubtitle {
		font-size: var(--rd-fontsize-5);
	}

	.rd-facilities-landing .freeTrial-btn {
		padding: 0 34px !important;
	}

	.rd-facilities-landing .rd-btnContainer {
		padding: 0;
	}

	.rd-facilities-landing .angebot-form .container form {
		padding: 46px 18px;
	}

	.rd-facilities-landing .freeTrial_btnwrap {
		padding: 0 24px;
	}

	.rd-facilities-landing .rd-feature-title,
	.rd-facilities-landing #demo-form-title,
	.rd-facilities-landing .rd-homepage-freeTrial h1,
	.rd-facilities-landing .inside_element.querstions h2,
	.rd-facilities-landing .home_app h3,
	.rd-facilities-landing .freeTrial_headline {
		font-size: var(--rd-fontsize-8) !important;
		line-height: var(--rd-lineheights-0) !important;
	}

	.rd-facilities-landing .rd-homepage-freeTrial p {
		font-size: var(--rd-fontsize-6);
	}

	.rd-facilities-landing .tg_o_h1 {
		font-size: var(--rd-fontsize-4);
	}


}

@media screen and (max-width: 575px) {
	.quickStart .rd-conainers-colored:after {
		display: none;
	}

	.quickStart .rd-contentListeItem {
		text-align: left;
	}

	.quickStart .rd-contentListeItem img {
		margin-right: var(--rd-spacing-x-sm);
		width: 52px;
	}

	.quickStart .rd-feature-title {
		margin: 0 16px 16px;
	}

	.quickStart .rd-feature-text {
		margin: 0 16px;
	}

	.quickStart-Pakete-title {
		font-size: 28px;
	}

	.quickStart .crsl-items {
		margin-bottom: 40px;
	}

	.quickStart .rd-partner-teaser {
		padding-top: 40px;
		margin-bottom: 0;
	}

	.quickStart-Pakete .rd-primary-btn {
		padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
		font-size: 14px !important;
		border-radius: 1000px !important;

		width: auto !important;
	}

	.quickStart-Pakete .rd-primary-btn.rd-icon-after::after {
		width: 20px;
		height: 20px;
	}

	.ihre_daten {
		padding: 20px;
	}

	.gesamt_preis_block .preis {
		display: block;
	}

	.rd-surveyIncludedInProBadge {
		left: 65px;
	}

	.rd-surveyIncludedInProBadge+.rd-badgetip-arrow {
		right: 71px;
	}

	.quickStart .rd-feature-element canvas {
		max-width: 120px;
		max-height: 120px;
	}

	.quickStart .rd-feature-element {
		margin-bottom: 0;
	}

}





/*----------------------------------------*/
/* FILE: landingpages.css */
/*----------------------------------------*/

.rd-landingpage-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(82deg, #4C3970 10.22%, #CC5C86 116.7%);
  color: white;
  text-align: center;
}

.rd-landingpage-hero-content {
  text-align: center;
}

.rd-landingpage-hero h1 {
  font-size: var(--rd-fontsize-14);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  /* 50.16px */
  letter-spacing: 0.38px;
  margin-bottom: var(--rd-spacing-xx-lg);
  color: var(--rd-font-light);
}

.rd-landingpage-hero h2 {
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
  /* 29.04px */
  letter-spacing: 0.22px;
  margin-bottom: var(--rd-spacing-md);
  color: var(--rd-font-light);
  margin-top: var(--rd-spacing-md);
}

.hero-image img {
  max-width: 95%;
  height: auto;
  display: block;
  margin: auto;
}

.rd-landingpage-hero .rd-landingpage-btntext a {
  font-size: var(--rd-fontsize-4);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.14px;
  color: var(--rd-font-light);
}

/* .rd-landingpage-hero .rd-landingpage-btntext {
  margin-bottom: var(--rd-spacing-xxx-big);
} */

.rd-landingpage-hero .rd-primary-btn {
  margin-bottom: var(--rd-spacing-xxx-big);
}

.rd-landingpage-4weeks-testen .rd-login-header {
  background-color: transparent;
  margin-right: auto;
}

.rd-landingpage-logos {
  margin: var(--rd-spacing-x-big) 0;
}


.rd-pc-kurse {
  padding-top: var(--rd-spacing-x-huge);
}

.rd-pc-kurse h3 {
  font-size: 38px;
  font-weight: 700;
  line-height: 132%;
  /* 50.16px */
  letter-spacing: 0.38px;
  color: var(--rd-font-dark);
  margin-bottom: var(--rd-spacing-xx-lg);
  max-width: 900px;
}

.rd-pc-kurse p {
  font-size: 16px;
  font-weight: 700;
  line-height: 147%;
  color: var(--rd-font-dark);
  margin-bottom: var(--rd-spacing-lg);
  max-width: 625px;
}

.rd-landingpages-register {
  padding-bottom: var(--rd-spacing-huge);
}

.rd-landingpages-register h1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 132%;
  /* 50.16px */
  letter-spacing: 0.38px;
  margin-bottom: 64px;
  color: var(--rd-font-dark);
}

.rd-landingpage-4weeks-testen .pricing h3 {
  font-size: var(--rd-fontsize-8);
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.22px;
  margin-bottom: var(--rd-spacing-md);
  color: var(--rd-primary-active);
}

.rd-landingpage-4weeks-testen .pricing {
  padding-top: 128px;
}

.rd-landingpage-4weeks-testen .pricing h1 {
  font-size: var(--rd-fontsize-14);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  letter-spacing: 0.38px;
  color: var(--rd-font-dark);
  margin-bottom: 24px;
}



.rd-landingpage-btntext .rd-icon-calendar-neu::after {
  width: 16px !important;
  height: 16px !important;
  margin-bottom: 3px;
}

.LiveWebinarFormularBtn:hover {
  text-decoration: underline;
}


.rd-landingpage-4weeks-testen .rd-login-header {
  position: relative;
}

.rd-landingpage-4weeks-testen .container-fluid.partner_logos {
  padding: var(--rd-spacing-x-big) 0;
}

.rd-landingpage-4weeks-testen .angebot-form .container {
  padding-top: var(--rd-spacing-xx-lg);
  padding-top: var(--rd-spacing-xx-lg);
}

.rd-landingpage-4weeks-testen .tb_widget {
  padding-top: var(--rd-spacing-x-huge);
}

.rd-landingpages-register div {
  display: flex;
  gap: 32px;
  justify-content: center;
  flex-wrap: wrap;
}

.rd-landingpage-hero-content .rd-primary-btn {
  position: relative;
  min-width: 320px;
}

.rd-landingpage-hero-content .rd-primary-btn::before {
  content: "";
  mask-image: url(/src/img/2024/images/rd-magenta-kringel.png);
  -webkit-mask-image: url(/src/img/2024/images/rd-magenta-kringel.png);
  mask-size: contain;
  -webkit-mask-size: 100%;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: -135px;
  width: 96.576px;
  height: 68.464px;
  transform: rotate(-20.131deg);
  background-color: var(--rd-font-light);
}

.rd-pc-kurse .video_teasser_text {
  position: relative;
}

.rd-pc-kurse .video_teasser_text::after {
  content: "";
  mask-image: url(/src/img/2024/images/rd-magenta-kringel.png);
  -webkit-mask-image: url(/src/img/2024/images/rd-magenta-kringel.png);
  mask-size: contain;
  -webkit-mask-size: 100%;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: -135px;
  width: 119.665px;
  height: 84.833px;
  transform: rotate(104.869deg);
  background-color: var(--rd-primary-active);
}

#DemoAnfrageFormular .rd-radios-listitem-group div {
  display: flex;
  gap: 16px;
}

.rd-landingpage-4weeks-testen .freeTrial_btnwrap .rd-primary-btn {
  min-width: 320px;
}

.rd-landingpage-4weeks-testen .user_counter_demo {
  margin-bottom: var(--rd-spacing-md);
}



@media (max-width: 768px) {
  .rd-landingpage-hero {
    justify-content: space-between;
    text-align: left;
  }

  body.rd-landingpage-4weeks-testen section {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .rd-landingpage-hero h2 {
    margin-top: var(--rd-spacing-x-lg);
  }

  .rd-landingpage-hero .rd-landingpage-btntext {
    margin-bottom: var(--rd-spacing-md);
  }

  .rd-landingpage-hero-content .rd-primary-btn::before {
    display: none;
  }

  #DemoAnfrageFormular h2 {
    font-size: var(--rd-spacing-xx-big) !important;
    text-align: left !important;
  }

  #DemoAnfrageFormular .rd-radios-listitem-group {
    justify-content: left !important;
  }



  .rd-landingpage-4weeks-testen .angebot-form .container:before {
    background-image: url(/src/img/2021/svg/Section%20BG.svg) !important;
  }

  .rd-landingpage-4weeks-testen .pricing {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  #DemoAnfrageFormular .rd-radios-listitem-group div {
    text-align: left;
  }

  .rd-pc-kurse h3 {
    font-size: 28px;
  }

  .rd-landingpage-4weeks-testen .pricing h1 {
    margin-top: 0;
  }
}





/*----------------------------------------*/
/* FILE: schnittstellen.css */
/*----------------------------------------*/

.api_items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 120px;
  margin-top: 56px;
  flex-wrap: wrap;
}

.api_item {
  padding: 40px 79px;
  background-image: var(--magenta-dashed-border);
  width: 360px;
}

.api_item .api_content .api_img {
  margin-bottom: 40px;
  aspect-ratio: 2/1;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  background-size: 100%;
  background-position: 50%;
}

.api_descrip {
  color: var(--cl-dark-text);
  font-size: var(--rd-fontsize-5);
  line-height: 29px;
  text-align: left;
}

.api_btn {
  color: var(--rd-primary-active) !important;
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-0);
  letter-spacing: 1.14px;
  line-height: 17px;
  text-transform: uppercase;
}

.api_item .api_content .last_api {
  display: none;
}

.api_item:last-child .api_content .last_api {
  display: block;
}

.api_item:last-child .api_content .api_img {
  display: none;
}

.last_api {
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-11);
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: 36px;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 30px;
}

.api_item:last-child {
  background-color: var(--cl-light-blue);
}

.api_tab h2 {
  text-align: left;
  margin-bottom: 15px;
}

.line {
  content: "";
  display: inline-block;
  background-image: url(/src/img/svg/api_line.svg);
  background-position: 50%;
  height: 1px;
  width: 100%;
  margin-top: 118px;
  margin-bottom: 80px;
}

.in_oben div,
.in_untn div {
  margin-bottom: 25px;
  min-height: 145px;
  color: var(--cl-asphalt-blue);
  font-size: var(--rd-fontsize-5);
  line-height: 29px;
  text-align: left;
}

.in_untn {
  margin-bottom: 112px;
}

.interface_img {
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  background-size: 100%;
  height: 100px;
  width: 200px;
  margin: auto;
}

.api_tab h1 {
  margin-top: 25px !important;
  margin-bottom: 80px !important;
}

.api_page h1 {
  font-size: var(--rd-fontsize-13) !important;
}

.in_tabs {
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-5);
  font-weight: var(--rd-fontweights-open-sans-1);
  margin-top: 45px;
  line-height: 17px;
  text-align: left;
}

.in_tabs a {
  color: var(--rd-font-dark);
  text-decoration: underline;
}

.api_item:nth-child(7) {
  grid-area: two;
  margin-bottom: 80px;
  margin-right: 50%;
}

.api_item:nth-child(7)::after {
  content: "";
  position: absolute;
  background-image: url(/src/img/svg/api_line.svg);
  background-position: 50%;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 320px;
}

.api_item:nth-child(8),
.api_item:nth-child(9) {
  margin-top: 50px;
}

.api_item:last-child .api_btn::after {
  content: "anfragen";
}

.api_item .api_btn::after {
  content: "entdecken";
}

.an_inputs input {
  width: 100%;
  border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
  border-radius: var(--rd-borderradius-border-md);
  background-color: var(--rd-font-light);
  padding: 14px var(--rd-spacing-md);
  margin-bottom: var(--rd-spacing-x-sm);
}

.k_name_p {
  display: grid;
  align-items: center;
  grid-template-areas: "EL1 EL2";
  width: 100%;
  gap: var(--rd-spacing-x-sm);
}

.apiPopup {
  max-width: 520px;
  border-radius: var(--rd-borderradius-border-lg);
}

.apiPopup .modal_dialog_mid {
  padding: var(--rd-spacing-md) 24px 0 24px;
}

.apiPopup .modal_dialog_mid {
  min-width: auto;
}

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

.an_inputs p {
  color: var(--cl-dark-text);
  font-size: var(--rd-fontsize-5);
  line-height: 29px;
}

.apiPopup .modal_dialog_bottom&gt;a {
  width: 100%;
  margin: 0 !important;
}

.apiPopup&gt;div.modal_dialog_bottom {
  padding: 0.5em 24px !important;
}

.apiPopup .modal_dialog_closelink {
  right: 40px;
  top: 30px;
  font-size: var(--rd-fontsize-11);
  color: var(--rd-font-dark);
  font-weight: var(--rd-fontweights-open-sans-0);
}

.apiPopup .button.small {
  padding: 14px var(--rd-spacing-md);
}

@media screen and (max-width: 991px) {
  .api_item {
    width: 345px;
  }

  .last_api {
    margin-top: 22px;
  }
}

@media screen and (max-width: 900px) {
  .apiPopup {
    border-radius: var(--rd-borderradius-border-none);
  }
}

@media screen and (max-width: 765px) {
  .api_item {
    padding: 40px 50px;
    width: 259px;
  }

  .api_items {
    justify-content: center;
    gap: 22px;
  }

  .api_item:nth-child(7)::after {
    bottom: 290px;
  }

  .last_api {
    margin-top: 5px;
    font-size: var(--rd-fontsize-9);
  }

  .api_btn {
    font-size: var(--rd-fontsize-5);
  }
}

@media screen and (max-width: 600px) {
  .api_item {
    width: 360px;
  }

  .last_api {
    width: 100%;
    margin-top: 30px;
  }

  .api_item:nth-child(7) {
    margin-right: 0;
    position: relative;
  }

  .api_item:nth-child(7)::after {
    bottom: -80px;
  }

  .api_item:nth-child(9) {
    margin-top: 0;
  }

  .api_items {
    gap: 30px;
  }

  .api_btn {
    font-size: var(--rd-fontsize-5);
  }

  .api_descrip {
    margin-left: 8px;
  }
}

@media screen and (max-width: 470px) {
  .apiPopup .modal_dialog_closelink {
    top: 0;
  }
}

@media screen and (max-width: 400px) {
  .apiPopup .modal_dialog_closelink {
    top: 30;
  }
}





/*----------------------------------------*/
/* FILE: shared.css */
/*----------------------------------------*/

/* @view-transition {
	navigation: auto !important;
} */


.rd-pane-busy-overlay {
	background: rgba(255, 255, 255, 0.75);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rd-showagain-modal .modal_dialog_closelink {
	display: none;
}

.rd-loading-block {
	min-height: 2em;
	border-radius: 8px;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: rd-loading-block-shimmer 1.2s linear infinite;
	position: relative;
	overflow: hidden;
	margin-bottom: 1em;
}

@keyframes rd-loading-block-shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

[data-has-performed-qm-action="false"] .qm-helpteaser-webinar-with-experts,
[data-closedQMHelpTeaserWebinarWithExpert="true"] .qm-helpteaser-webinar-with-experts {
	display: none !important;
}

.qm-helpteaser-close-link {
	position: absolute;
	right: 20px;
	color: var(--rd-success-pressed);
	font-weight: bold;
	font-size: 26px;
}

.qm-helpteaser-close-link.rd-icon-close::before {
	background-color: var(--rd-success-pressed);
}

pc-user-group-class-planner {
	display: block;
	position: relative;
	padding: 1em;
	border: 1px solid gray;
	margin-top: 1em;
}

pc-user-group-class-planner .rd-result li a {
	display: grid;
	color: green;
	/* border-bottom: 1px solid #ccc; */
	/* margin-bottom: 4px; */
	/* padding-bottom: 4px; */
	grid-template-columns: 80px auto;
	width: 800px;
	margin-bottom: 0.5em;
}

pc-user-group-class-planner .rd-result li a:hover {
	text-decoration: underline;
}

pc-user-group-class-planner .rd-result li[data-already-planned="true"] a {
	/* display: block; */
	color: red;
	opacity: 0.25;
}

pc-user-group-class-planner .rd-result li a span {
	/* display: inline-block; */
	/* width: 80px; */
	color: #333;
}

pc-user-group-class-planner input[type="text"] {
	width: 400px;

}

pc-user-group-class-planner label {
	width: 150px;

}

.mboard_msg.mboard_msg_showmore {
	display: flex;
	justify-content: center;
}

.mboard_showmorelink {
	max-width: 14em;
	text-align: center;
	margin: auto;
	display: block;
	position: relative;
}

.pcx_ufiles {
	border: 2px dashed var(--rd-primary-hover);
	padding: 1em;
	background: #fff0f0;
}

.npwCheckPopup_whitelabel_vivtest .rd-close_popup,
.npwCheckPopup_whitelabel_evk-ge .rd-close_popup,
.npwCheckPopup_whitelabel_vivtest [data-key="close"],
.npwCheckPopup_whitelabel_evk-ge [data-key="close"] {
	display: none !important;
}

.rd-qm-creation-backbutton-wrap {
	position: absolute;
	left: 1em;
	top: 1em;
}

.rd-anim-bounce {
	view-transition-class: bounceAnim;
}

html::view-transition-group(.bounceAnim) {
	animation-duration: 300ms;
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.rd-hide-mainheader-icon pc-main-header .rd-main-head-headline-wrap {
	display: block
}

.rd-hide-mainheader-icon pc-main-header .rd-main-head-headline-wrap::before {
	display: none !important;
}

.rd-datetime-from-to-input-row-value {
	display: flex;
	align-items: center;
	gap: 1em;
}

.rd-microsecs {
	color: var(--cl-dark-grey);
}

pc-logview .rd-search-filter .rd-selector-searchrow {
	max-width: 1000px;
	min-width: 1000px;
}

pc-ff-pic.rd-picchooser-alternative {
	width: 90%;
	max-width: 800px;
}

pc-ff-pic.rd-picchooser-alternative .pcx_picvalue_urlwrap {
	display: block;
}

pc-ff-pic.rd-picchooser-alternative .pcx_picvalue_urlwrap .button {
	width: 100%;
	margin-top: 1em;
	border-radius: 0;
	border: 2px dashed;
	background-color: #FEF9FA;
	border-radius: 4px;
}

pc-ff-pic.rd-picchooser-alternative .pcx_picvalue_urlwrap .button:hover {
	border: 2px dashed var(--rd-primary-hover);

}

pc-ff-pic.rd-picchooser-alternative .pcx_picvalue_urlwrap .button:hover span {
	color: var(--rd-primary-hover);
}

.rd-picchooser-alternative .button:hover::before {
	background-color: var(--rd-primary-hover);
}

pc-ff-pic.rd-picchooser-alternative .pcx_picvalue_urlwrap .button:focus {
	border: 2px dashed var(--rd-primary-pressed);

}

pc-ff-pic.rd-picchooser-alternative .pcx_picvalue_urlwrap .button:focus span {
	color: var(--rd-primary-pressed);
}

.rd-picchooser-alternative .button:focus::before {
	background-color: var(--rd-primary-pressed);
}

.rd-picchooser-alternative .button::before {
	content: "";
	mask-image: url("/src/img/2024/svg/icons/rd-icon-upload.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-upload.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	align-self: center;

}


pc-ff-pic.rd-picchooser-alternative .pcx_picvalue_urlwrap input[type="text"],
pc-ff-pic.rd-picchooser-alternative .form_kv_key {
	display: none !important;
}

pc-progressbar {
	position: relative;
	display: block;
	/* border: 1px solid red; */
	display: grid;
	grid-template-columns: auto 40px;
	/* min-width: 300px; */
	width: 100%;
	align-items: center;
}

pc-webinarsv2:has(.rd-buy-liveplus-wrap) .rd-queries-filter-wrap {
	display: none;
}

.contractProbabilityTable {
	max-width: 1000px;
}

.contractProbabilityTable th {
	text-align: center;
}

.contractProbabilityTable td {
	padding: 0.5em;
	width: 250px;
	vertical-align: top;
}

pc-progressbar&gt;div {
	/* border: 1px solid orange; */
}

pc-progressbar pc-tooltip {
	width: 13px;
	height: 13px;
	opacity: 0;
}

pc-progressbar:hover pc-tooltip {
	opacity: 1;
}

.rd-customer-field-cloner-popup {
	width: 1800px;
	max-width: 90vw;
}

.rd-appointments-contactPersonPhone,
.rd-appointments-contactPersonName {
	white-space: nowrap;
}

.rd-appointments-contactPersons {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.CustomerEditForm [data-form_kv_name="PREISANPASSUNG"],
.CustomerEditForm [data-form_kv_name="MAILING"],
.CustomerEditForm [data-form_kv_name="DASHBOARD_ALLOW"],
.CustomerEditForm [data-form_kv_name="VIVENDI_SHOW_CLASS_SYNC"] {
	display: none;
}

.pc-progressbar-bar {
	position: relative;
	display: block;
	background: var(--cl-light-grey);
	/* background: yellow; */
	border-radius: var(--rd-borderradius-border-lg);
	overflow: hidden;
	height: 12px;
}

.pc-progressbar-fill {
	/* background: red; */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
}

.pc-progressbar-rightlabel {
	text-align: right;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	color: var(--rd-success-default);
}

.pc-progressbar-rightlabel,
.pc-progressbar-toplabel {
	opacity: 0;
}

pc-segmented {
	/* border: 1px solid red; */
	position: relative;
	display: block;
	background: #f4f7fb;
}

pc-segmented&gt;div {
	background: #f4f7fb;
}

.rd-segmented-control-content {
	display: flex;
	gap: 0;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.rd-segmented-control-content&gt;a {
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	min-width: 6em;
	cursor: pointer;
	z-index: 2;
	font-size: 12px;
	-webkit-user-select: none;
	/* Safari */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10+/Edge */
	user-select: none;
	/* Standard */
}

.rd-segmented-control-content&gt;a.selected {
	color: white !important;
}

.rd-segmented-control-content&gt;a:not(.selected):hover {
	color: #89b63f !important;
}

.rd-segmented-control-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	z-index: 1;
	background: #89b63f;
}

/* .rd-qm-summerspecial-package-badge {
	position: absolute;
	right: -4.5em;
	top: -4em;
	max-width: 142px;
	height: 2em;
	background-image: url(/src/img/2024/images/SommerSpezialBadge.png);
	height: 100%;
	max-height: 141px;
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
} */

.rd-qm-summerspecial-package-badge {
	display: none;
}

.summerspecial-tooltip {
	display: none;
	position: absolute;
	right: -200px;
	top: -235px;
	height: auto;
	width: 290px;
	background-color: #1a2e49;
	padding: var(--rd-spacing-md);
	font-size: 14px;
	font-weight: 400;
	line-height: 132%;
	z-index: 1000;
	box-shadow: 0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1);
	border-radius: 8px;
	text-align: left;
}

.rd-qm-summerspecial-package-badge:hover+.summerspecial-tooltip {
	display: inline-block !important;
}

.summerspecial-tooltip::after {
	content: "";
	position: absolute;
	display: inline;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	background-color: #1a2e49;
	bottom: -5px;
	left: 65px;
}

.pcx_coop_api_contactperson {
	border-left: 4px solid steelblue;
	margin-bottom: 1em;
	padding-left: 1em;
}

.pcx_coop_api_ctrl {
	text-align: right;
}

.pcx_coop_api_contactpersons,
.pcx_coop_api_files {
	margin-left: 1em;
}

.pcx_coop_api_contactperson&gt;* {
	display: block;
}

.pcx_coop_api_contactperson_phone {
	background-image: url(/src/img/svg/phone-alt-solid.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 2em;
	background-size: 1em auto;
}

.pcx_coop_api_contactperson_email {
	background-image: url(/src/img/svg/envelope-regular.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 2em;
	background-size: 1em auto;
}

.pcx_coop_api_ctrl .editbtn.rd-primary-btn {
	padding: 2px var(--rd-spacing-x-sm);
}

#player1-qs-playbackrate-speed-4,
#player1-qs-playbackrate-speed-5,
#player1-qs-playbackrate-speed-6,
#player1-qs-playbackrate-speed-7,
#player1-qs-playbackrate-speed-8 {
	display: none !important;
}

.rd-banner-button-icon-bell::before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	align-self: center;
	background-image: url(/src/img/2023/svg/icons/bell_white.svg);
	color: var(--rd-font-light);
}

pc-quick-user-table .rd-search-filter {
	justify-content: flex-start;
}

.banner_30 .img_cont {
	background-size: cover;
}

[data-is-on-bonus-waiting-list="true"] .banner_30 .banner_button_block&gt;a {
	display: none;
}

[data-is-on-bonus-waiting-list="true"] .banner_30 .banner_button_block::after {
	content: "Vorgemerkt";
	color: var(--rd-font-light) !important;
	background-color: var(--rd-primary-active) !important;
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
	font-weight: var(--rd-fontweights-open-sans-0) !important;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
	cursor: unset;
	pointer-events: none;
	border-radius: var(--rd-borderradius-border-xl) !important;
	font-size: var(--rd-fontsize-4) !important;
	line-height: var(--rd-lineheights-1);
	min-width: 160px;
	display: inline-block;
	text-align: center;
	background: var(--rd-primary-active) !important;
}

.rd-feedback-link {
	text-align: right;
	position: absolute;
	right: 35px;
}

.rd-feedback-link a:hover,
.rd-feedback-link a:focus {
	text-decoration: none;
}

.rd-feedback-link a::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 100%;
	-webkit-mask-position: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	margin-right: 4px;
	mask-image: url(/src/img/2023/svg/icons/rd-icon-conversation.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-conversation.svg);
	background-color: var(--rd-font-light);
}

[data-form_kv_name="DATENSCHUTZERKLAERUNG"] {
	display: none !important;
}

.cellinfo_ivdetails {
	max-width: 200px;
	font-style: italic;
	font-size: var(--rd-fontsize-3);
	line-height: 1.2em;
	color: var(--rd-primary-active);
}

.rd-info-box {
	margin: var(--rd-spacing-md);
	padding: var(--rd-spacing-x-big);
	border-radius: var(--rd-borderradius-border-md);
	padding-right: 0;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.rd-info-box:first-child {
	margin-right: 0;
}

.rd-info-box-title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-7);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-info-box:nth-child(1) .rd-info-box-title::after {
	display: none;
}

.rd-info-box-title::after {
	content: "+";
	color: var(--rd-primary-active);
}

.rd-info-box-row-key {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: #1d1929;
}

.rd-info-box-row-value {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	color: #1d1929;
}

.rd-info-box-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: var(--rd-spacing-sm) 0;
}

.invoice_table_view_wrap .rd-intro-info-boxes {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#InvoiceTableWrap .formfields input::placeholder {
	font-size: var(--rd-fontsize-5);
}

pc-classtimes-app .col1 {
	width: 40em;
}

pc-classtimes-app [data-subViewMode="users"] .col1 {
	width: 50%;
}

pc-classtimes-app,
pc-api-configurator-for-client-app {
	padding: 1em;
	position: relative;
	display: block;
}

pc-classtimes-app [data-columnkey="user"] {
	width: 20em;
}

pc-classtimes-app [data-columnkey="class"] {
	width: 40em;
}

pc-ff-modal-dialog .formfieldrow.form_kv[data-form_kv_type="headline"],
pc-ff-modal-dialog .formfieldrow.form_kv[data-form_kv_type="subheadline"] {
	padding-left: 0;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
}

pc-ff-modal-dialog {
	position: relative;
	display: block;
	font-family: "Open Sans";
}

pc-ff-checkbox label.group_checkbox&gt;b {
	padding-left: 1.5em;
	line-height: 1.25em;
	margin-top: -0.2em;
	display: block;
	font-weight: normal;
}

pc-form-fields {
	display: block;
}

input[name="simditor_upload_file"] {
	position: absolute;
	opacity: 0;
}

.grp_permissions_wrap label {
	margin: 0;
	margin-top: var(--rd-spacing-xx-sm);
}

pc-support-chat-button {
	display: none;
}

[data-form_kv_type="infoString"] label.formlabel {
	color: var(--cl-asphalt-blue);
	font-size: var(--rd-fontsize-4);
}

pc-ff-infostring {
	font-family: "monospace";
}

.EditCustomerOfferDialog&gt;div&gt;pc-form-fields&gt;form {
	opacity: 0;
}

.EditCustomerOfferDialog .modal_dialog_mid {
	min-width: 1100px;
}

.EditCustomerOfferDialog [data-form_kv_name="address"] textarea {
	/* background: red; */
	width: 100% !important;
	height: 160px !important;
}

.demoform .simditor {
	max-width: 100%;
	width: 1400px;
}

.dashboard-widget {
	display: block;
	position: relative;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-gray);
	border-radius: var(--rd-borderradius-border-md);
	max-width: 100%;
	overflow: hidden;
	word-wrap: break-word;
	padding: var(--rd-spacing-md);
	background: var(--rd-font-light);
}

input[type="text"][disabled] {
	background: var(--cl-light-grey);
}

.tox-tinymce-aux {
	z-index: 13000 !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	z-index: 1336;
}

.api-wizard-headline {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: 36px;
	color: var(--rd-font-dark);
	padding-top: 50px;
	padding-bottom: 20px;
}

.medifox-api-wizard .api-wizard-headline {
	font-size: var(--rd-fontsize-8);
	line-height: 1.5em;
}

.modal_dialog.geocon-api-wizard,
.modal_dialog.myneva-api-wizard,
.modal_dialog.euregon-api-wizard,
.modal_dialog.komda-api-wizard,
.modal_dialog.curasoft-api-wizard,
.modal_dialog.medifox-api-wizard {
	background-image: url("/src/img/myneva_heimbas_logo.png");
	background-position: 64px 22px;
	background-size: 150px auto;
	background-repeat: no-repeat;
	max-width: 600px;
}

.modal_dialog.komda-api-wizard {
	background-image: url("/src/img/komda-logo.png");
	background-position: 96px 32px;
}

.modal_dialog.geocon-api-wizard {
	background-image: url("/src/img/logo_geocon.png");
	background-position: 96px 32px;
}


.modal_dialog.komda-api-wizard .api-wizard-headline {
	padding-top: 96px;
}

.modal_dialog.komda-api-wizard [data-form_kv_name="apiSecret"] {
	margin-bottom: 32px;
}

/* .modal_dialog.komda-api-wizard  */
.modal_dialog.medifox-api-wizard {
	max-width: 800px;
}

.pcx_success_dialog_api_icons {
	display: grid;
	grid-template-columns: 1fr 0.7fr 0.9fr;
	gap: 2em;
	width: 500px;
	margin: 1em 2em;
	margin: auto;
	margin-bottom: 1em;
}

.pcx_success_dialog_api_icons&gt;div {
	display: block;
	/* background:yellow; */
	height: 100px;

	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/myneva_heimbas_logo.png");
}

.pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/logo/nCara360.svg");
	background-size: 100px;
}

.pcx_success_dialog_api_fileupload .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/svg/files.svg");
}

.pcx_success_dialog_api_icons&gt;div.bidiline {
	background-image: url("/src/img/svg/bidiline.svg");
}

.pcx_success_dialog_api_fileupload .pcx_success_dialog_api_icons&gt;div.bidiline {
	background-image: url("/src/img/svg/bidiline_r.svg");
}

.pcx_success_dialog_api_icons&gt;div.pclogo {
	background-image: url("/src/img/svg/pc_logo.svg");
}

.pcx_progressbar {
	width: 100%;
	height: 32px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue);
	position: relative;
	margin-top: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-sm);
}

.pcx_progressbar .pcx_progressbar_inner {
	background: var(--cl-deep-green);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0%;
}

.pcx_progressbar .pcx_progressbar_perclabel {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: var(--cl-asphalt-blue);
	line-height: 32px;
	font-weight: var(--rd-fontweights-open-sans-0);
}

[data-expanded="false"] ul {
	display: none;
}

.modal_dialog.pcx_busy_dialog_wrap {
	text-align: center;
	font-size: var(--rd-fontsize-5);
}

.modal_dialog.pcx_busy_dialog_wrap .modal_dialog_closelink {
	display: none;
}

@keyframes pcx_spinner {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.pcx_spinner div {
	left: 44.5px;
	top: 16px;
	position: absolute;
	animation: pcx_spinner linear 1s infinite;
	background: var(--rd-primary-active);
	width: 11px;
	height: 28px;
	border-radius: 5.5px / 6.72px;
	transform-origin: 5.5px 34px;
}

.pcx_spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -0.9444444444444444s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(2) {
	transform: rotate(20deg);
	animation-delay: -0.8888888888888888s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(3) {
	transform: rotate(40deg);
	animation-delay: -0.8333333333333334s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(4) {
	transform: rotate(60deg);
	animation-delay: -0.7777777777777778s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(5) {
	transform: rotate(80deg);
	animation-delay: -0.7222222222222222s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(6) {
	transform: rotate(100deg);
	animation-delay: -0.6666666666666666s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(7) {
	transform: rotate(120deg);
	animation-delay: -0.6111111111111112s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(8) {
	transform: rotate(140deg);
	animation-delay: -0.5555555555555556s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(9) {
	transform: rotate(160deg);
	animation-delay: -0.5s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(10) {
	transform: rotate(180deg);
	animation-delay: -0.4444444444444444s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(11) {
	transform: rotate(200deg);
	animation-delay: -0.3888888888888889s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(12) {
	transform: rotate(220deg);
	animation-delay: -0.3333333333333333s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(13) {
	transform: rotate(240deg);
	animation-delay: -0.2777777777777778s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(14) {
	transform: rotate(260deg);
	animation-delay: -0.2222222222222222s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(15) {
	transform: rotate(280deg);
	animation-delay: -0.16666666666666666s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(16) {
	transform: rotate(300deg);
	animation-delay: -0.1111111111111111s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(17) {
	transform: rotate(320deg);
	animation-delay: -0.05555555555555555s;
	background: var(--rd-primary-active);
}

.pcx_spinner div:nth-child(18) {
	transform: rotate(340deg);
	animation-delay: 0s;
	background: var(--rd-primary-active);
}

.loadingio-spinner-spinner-ryfvqwlnwuj {
	width: 44px;
	height: 44px;
	display: inline-block;
	overflow: hidden;
	background: var(--rd-font-light);
}

.pcx_spinner {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(0.44);
	backface-visibility: hidden;
	transform-origin: 0 0;
	/* see note above */
}

.pcx_spinner div {
	box-sizing: content-box;
}

/* generated by https://loading.io/ */

.pcx_success_dialog_api_confetti {
	width: 100px;
	height: 80px;
	margin: auto;
	background-image: url("/src/img/svg/confetti.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 2em;
}

.pcx_success_dialog_api_mynevaswing .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/myneva_SWLogo2.png");
}

.pcx_success_dialog_api_geocon .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/logo_geocon.png");
}

.pcx_success_dialog_api_euregon .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/logo_euregon.svg");
}

.pcx_success_dialog_api_komda .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/komda-logo.png");
}

.pcx_success_dialog_api_noventicare .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/logo_noventicare.svg");
}

.pcx_success_dialog_api_cgm_sozial .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/CGM_Logo_CMYK.svg");
}

.pcx_success_dialog_api_cgm_viyu .pcx_success_dialog_api_icons&gt;div.partnerlogo {
	background-image: url("/src/img/Logo_CGM-VIYU-horizontal.svg");
}

.pcx_success_dialog_api_mynevaswing .pcx_success_dialog_api_confetti {
	background-image: url("/src/img/svg/construction-worker.svg");
}

.modal_dialog.connector-medifox-api-wizard {
	max-width: 870px;
}

.modal_dialog.connector-active-directory-api-wizard .api-wizard-headline,
.modal_dialog.connector-medifox-api-wizard .api-wizard-headline {
	background-image: url("/src/img/svg/pc-connector-medifox.svg");
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
	width: 100%;
	height: 36px;
	padding: 0;
	margin-left: -16px;
	margin-bottom: 24px;
}

.modal_dialog.connector-active-directory-api-wizard .api-wizard-headline {
	background-image: url("/src/img/svg/pc-connector-active-directory.svg");
}

.modal_dialog.connector-medifox-api-wizard div.modal_dialog_bottom {
	text-align: right;
}

.modal_dialog.connector-medifox-api-wizard .button {
	text-align: center;
}

.modal_dialog.connector-medifox-api-wizard .bottomContent {
	padding: var(--rd-spacing-big) 61px 29px 81px;
}

.pcx_success_dialog.pcx_success_dialog_api_mynevaswing {
	text-align: center;
	width: 700px;
	max-width: 100vw;
}

.pcx_success_dialog.pcx_success_dialog_api_mynevaswing .pcx_success_dialog_body {
	line-height: 1.75em;
	text-align: left;
	max-width: 540px;
	margin: auto;
}

.pcx_success_dialog_api_wrap .pcx_success_dialog_title {
	font-size: var(--rd-fontsize-11);
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.pcx_success_dialog_api_wrap .modal_dialog_bottom {
	display: none;
}

.pcx_success_dialog_api_wrap .pcx_success_dialog_closelink a {
	display: inline-block;
	text-decoration: none;
	margin-top: 2em;
}

.modal_dialog.curasoft-api-wizard {
	background-image: url("/src/img/CuraSoft.png");
}

.modal_dialog.euregon-api-wizard {
	background-image: url("/src/img/logo_euregon.svg");
	/* width: 100em; */
	/* max-width: 800px;*/
}

/* .modal_dialog.euregon-api-wizard [data-key="ok"] {
  display: none !important;
} */

.modal_dialog.euregon-api-wizard {
	background-position: 45px 46px;
}

.modal_dialog.medifox-api-wizard {
	background-image: url("/src/img//medifox-logo-big.png");
	background-position: 15px 22px;
}

.euregon-api-wizard-intro .api-wizard-headline,
.curasoft-api-wizard-intro .api-wizard-headline {
	padding-top: 0;
	padding-bottom: var(--rd-spacing-md);
}

.euregon-api-wizard .api-wizard-headline {
	padding-top: 32px;
	padding-bottom: var(--rd-spacing-md);
}

.euregon-api-wizard-intro .formfields,
.curasoft-api-wizard-intro .formfields,
.euregon-api-wizard .formfields {
	padding: 0;
}

.modal_dialog.euregon-api-wizard-intro,
.modal_dialog.komda-api-wizard-intro,
.modal_dialog.curasoft-api-wizard-intro,
.modal_dialog.euregon-api-wizard,
.modal_dialog.komda-api-wizard {
	max-width: 645px !important;
	width: 645px !important;
}

.euregon-api-wizard-intro p,
.curasoft-api-wizard-intro p,
.euregon-api-wizard p,
.euregon-api-wizard .form_kv_value {
	margin-bottom: 2rem;
	color: var(--cl-dark-text);
}

.euregon-api-wizard .form_kv_value {
	font-family: monospace;
}

.euregon-api-wizard .form_kv_key {
	margin-top: 32px !important;
}

.euregon-api-wizard .formfieldrow p:nth-child(1) {
	margin-top: 48px;
	margin-bottom: 13px;
}

.euregon-api-wizard-intro a,
.curasoft-api-wizard-intro a {
	color: var(--cl-ocean-blue);
}

.euregon-api-wizard-intro .modal_dialog_closelink,
.curasoft-api-wizard-intro .modal_dialog_closelink {
	color: var(--rd-font-dark);
}

.euregon-api-wizard-intro .modal_dialog_bottom,
.curasoft-api-wizard-intro .modal_dialog_bottom {
	margin-top: 53px;
	margin-bottom: var(--rd-spacing-md);
}

.euregon-api-wizard-intro .modal_dialog_bottom,
.curasoft-api-wizard-intro .modal_dialog_bottom,
.euregon-api-wizard .modal_dialog_bottom {
	text-align: right !important;
}

.modal_dialog.euregon-api-wizard-intro .modal_dialog_bottom&gt;a,
.modal_dialog.curasoft-api-wizard-intro .modal_dialog_bottom&gt;a,
.modal_dialog.euregon-api-wizard .modal_dialog_bottom&gt;a {
	text-align: center;
}

.modal_dialog.euregon-api-wizard {
	padding-top: 3em;
}

.modal_dialog.myneva-api-wizard&gt;div.modal_dialog_bottom,
.modal_dialog.medifox-api-wizard&gt;div.modal_dialog_bottom,
.modal_dialog.curasoft-api-wizard&gt;div.modal_dialog_bottom {
	min-height: 3em;
	padding: var(--rd-spacing-x-sm);
	text-align: right;
	padding-right: 30px;
}

.modal_dialog.myneva-api-wizard&gt;div.modal_dialog_bottom .button,
.modal_dialog.medifox-api-wizard&gt;div.modal_dialog_bottom .button,
.modal_dialog.curasoft-api-wizard&gt;div.modal_dialog_bottom .button {
	text-align: center;
}

.modal_dialog.curasoft-api-wizard [data-form_kv_name="apiBaseURL"],
.modal_dialog.curasoft-api-wizard [data-form_kv_name="apiKey"] {
	display: none !important;
}

/* .modal_dialog.curasoft-api-wizard.suber_999999 [data-form_kv_name="apiBaseURL"],
.modal_dialog.curasoft-api-wizard.suber_999999 [data-form_kv_name="apiKey"],
.modal_dialog.curasoft-api-wizard.suber_999999 [data-form_kv_name="exportClassTimes"],
.modal_dialog.curasoft-api-wizard.suber_213470 [data-form_kv_name="exportClassTimes"],
.modal_dialog.curasoft-api-wizard.suber_194442 [data-form_kv_name="exportClassTimes"],
.modal_dialog.curasoft-api-wizard.suber_116102 [data-form_kv_name="exportClassTimes"],
.modal_dialog.curasoft-api-wizard.suber_997875 [data-form_kv_name="exportClassTimes"],
.modal_dialog.curasoft-api-wizard.suber_871804 [data-form_kv_name="exportClassTimes"],
.modal_dialog.curasoft-api-wizard.suber_575327 [data-form_kv_name="exportClassTimes"],
.modal_dialog.curasoft-api-wizard.suber_575327 [data-form_kv_name="exportClassTimes"] {
	display: block !important;
} */

.bottomContent {
	padding: var(--rd-spacing-big) 50px 20px 50px;
}

.tab_nav_mobile {
	/* border: var(--rd-borderwidth-border-default) solid red; */
	width: 100%;
	/* max-width: 1000px !important; */
	display: block;
	position: relative;
	height: 3em;
	/* margin-top: 50px; */
	display: none;
}

.tab_nav_mobile .filter_tabs {
	position: absolute;
	/* max-width: 100%; */
	/* border: var(--rd-borderwidth-border-default) solid red; */
	left: 0;
	/* tri: 0; */
	right: 0;
	/* border: var(--rd-borderwidth-border-default) solid blue; */
	bottom: 0;
	top: 0;
}

.tab_nav_mobile ul li {
	display: inline-block;
	margin-right: 10px;
}

.tab_nav_mobile .slick-prev:hover,
.tab_nav_mobile .slick-next:hover,
.tab_nav_mobile .slick-prev:target,
.tab_nav_mobile .slick-next:target,
.tab_nav_mobile .slick-prev,
.tab_nav_mobile .slick-next,
.rd-top-tabs-card .slick-next,
.rd-top-tabs-card .slick-prev {
	background: none;
	box-shadow: none;
	filter: grayscale(100) brightness(0);
	vertical-align: top;
	top: 0;
	transform: none;
}

.tab_nav_mobile .slick-prev {
	left: -10px;
	top: 2px;
}

.tab_nav_mobile .slick-next {
	right: -10px;
	top: 2px;
}

.rd-top-tabs-card .slick-next,
.rd-top-tabs-card .slick-prev {
	top: 8px;
}

.tab_nav_mobile .tab_filter ul {
	box-shadow: none;
}

@media (max-width: 800px) {
	.tab_nav_mobile {
		display: block;
	}

	.tab_nav_desktop {
		display: none;
	}
}

.autocomplete_textvalue_wrap {
	position: relative;
}

.pc_input_suggestions {
	background: var(--rd-font-light);
	position: absolute;
	top: 2em;
	right: 0;
	left: 0;
	top: 100%;
	z-index: 11111;
	padding: 0.25em;
	display: none;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-top: none;
}

.pc_input_suggestions&gt;a {
	display: block;
	margin: 1px;
	color: var(--cl-asphalt-blue);
	font-size: var(--rd-fontsize-4);
	padding: 1px;
}

.pc_input_suggestions&gt;a[data-focus="true"],
.pc_input_suggestions&gt;a:hover {
	background: var(--cl-main-transparent);
}

.autocomplete_textvalue_wrap[data-entered="false"] input[type="text"]:focus~.pc_input_suggestions {
	display: block;
}

[data-form_kv_name="HAS_VIVENDI_ACCOUNT"] {
	display: none !important;
}

.webinar_create_button_wrap {
	position: absolute;
	right: 20px;
	top: 45px;
	display: none;
}

.webinar_create_button_wrap pc-quick-component {
	display: block;
	position: relative;
	z-index: 1;
}

.webinar_create_button_wrap.visible {
	display: block;
	height: 48px;
	position: relative;
}

.attach_block .uFileEntry {
	min-width: 28em;
	border: var(--rd-borderwidth-border-default) solid transparent;
	background: transparent;
}

.attach_block .uFileEntry * {
	text-decoration: none;
}

.attach_block .uFileEntry .uFileName {
	text-decoration: underline;
}

.idxDialogContent .pc_minus,
.idxDialogContent .pc_plus {
	/* display: none; */
}

.coopApiDocWrapper {
	max-width: 100%;
	width: 1600px;
}

td.iconCol {
	width: 50px;
}

.rightAlign {
	text-align: right;
}

.centerAlign {
	text-align: center;
}

.classtimes_overview pc-doughnut-chart {
	width: 600px;
	height: 400px;
}

.container-fluid.angebot-form {
	overflow-x: hidden;
}

.usrtbl_coursePlusInfo {
	font-style: italic;
	color: var(--cl-dark-grey);
}

.trackerState {
	font-family: monospace;
	font-size: var(--rd-fontsize-3);
	background: var(--cl-light-green);
	border: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30);
	padding: 1em;
	overflow: auto;
	max-height: 12em;
	color: var(--rd-font-dark);
}

.fullBusyLayer {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: var(--rd-font-light);
	z-index: 999999999;
	background-image: url("/src/img/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.busyIndicator {
	background-image: url("/src/img/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	text-align: center;
	height: 2em;
	padding: 2em;
}

pc-doughnut-chart {
	width: 500px;
	height: 220px;
	display: block;
}

.form_kv_value h4 {
	font-weight: 500;
	font-size: var(--rd-fontsize-4);
	color: var(--cl-blue-grey);
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	padding: 0;
}

.rd-primary-btn.smallbtn {
	padding: 0.25em 1em;
	min-width: 11em;
	text-align: center;
}

.form_kv_value ul {
	font-size: var(--rd-fontsize-4);
}

.form_kv_value ul li {
	margin-bottom: 0.5em;
}

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

.cn_transferUser {
	position: relative;
}

.cn_transferUser::before {
	/* background-image: url(/src/img/svg/af/transfer-gray.svg); */
}

.cn_transferUser::after {
	content: "Beta!";
	position: absolute;
	right: -5px;
	text-align: 0;
	top: -8px;
	color: var(--cl-error);
	font-size: var(--rd-fontsize-3);
	display: none !important;
}

.npwCheckPopup .formfieldrow {
	/* width:32em; */
	/* max-width: 100vw; */
	max-width: 320px;
}

.npwCheckPopup .formfieldrow .formlabel,
.npwCheckPopup .formfieldrow .form_kv_key,
.npwCheckPopup .form_kv {
	margin: auto !important;
}

.npwCheckPopup .formfields [data-form_kv_name="_pic"],
.npwCheckPopup .formfields [data-form_kv_name="_h1"],
.npwCheckPopup .formfields [data-form_kv_name="_h2"] {
	text-align: center;
	margin: auto;
	max-width: 440px;
}

.npwCheckPopup .formfields [data-form_kv_name="_pic"] img {
	margin-bottom: 24px;
	/* margin-top:24px; */
}

.npwCheckPopup .form_kv_fieldinfo {
	color: var(--cl-blue-grey);
}

.npwCheckPopup [data-form_kv_name="email"] .form_kv_fieldinfo {
	color: var(--cl-ocean-blue);
}

.npwCheckPopup [data-form_kv_name="dontAskEmailAgain"] {
	display: flex !important;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
}

.npwCheckPopup [data-form_kv_name="dontAskEmailAgain"] .form_kv_value {
	width: 4em;
}

.npwCheckPopup [data-form_kv_name="dontAskEmailAgain"] .form_kv_key {
	margin-top: 3px !important;
}

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

.factree_children,
.factree_node,
.hvc_house {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border-left: 4px solid transparent;
	margin-left: -2px;
}

pc-facility-selector-for-customer-editor .hvc_house {
	border-left: 4px solid #eee;
	font-size: var(--rd-fontsize-4);
}

.factree_node .factree_node .factree_node .hvc_house {
	display: block;
	padding-left: 1em;
}

.factree_node .factree_node .factree_children {
	margin-left: 1em;
	border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.hvc_house_current_true,
pc-facility-selector-for-customer-editor .hvc_house_current_true {
	border-left: 4px solid var(--cl-deep-green);
}

pc-facility-selector-for-customer-editor .rd-treeview-resultcount {
	display: none;
}

pc-facility-selector-for-customer-editor .rd-treeview {
	grid-template-rows: 50px auto;
}

.factree_node .factree_node .factree_node&gt;.hvc_house::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1em;
	height: 1px;
	background: var(--cl-light-grey);
}

.form_kv {
	display: flex;
}

.form_kv.form_kv_vert {
	flex-direction: column;
}

.form_kv_value_nested {
	padding: 0em 0em 1em 0em;
}

.formfields.kv_blocking .form_kv,
.form_kv_value_nested&gt;.form_kv {
	display: block;
}

.formfields.kv_blocking .form_kv&gt;.form_kv_key .formlabel,
.form_kv_value_nested&gt;.form_kv&gt;.form_kv_key .formlabel {
	text-align: left;
}

.form_kv_value {
	width: 100%;
	position: relative;
}

.form_kv_fieldinfo {
	font-size: var(--rd-fontsize-3);
	margin-bottom: 0.25em;
	margin-top: 0.15em;
	/* color: var(--cl-ocean-blue); */
	color: var(--cl-blue-grey);
}

.form_kv_value_nested&gt;.form_kv&gt;.form_kv_key .formlabel {
	width: auto;
}

.form_kv_multiselectwrap&gt;span {
	display: inline-block;
	margin-right: 1em;
	/* cursor: help; */
	line-height: 1.25em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.form_kv_multiselectwrap&gt;span * {
	cursor: pointer;
}

.form_kv_multiselectwrap&gt;span&gt;input,
.checkboxPeer {
	display: none;
}

.form_kv_multiselectwrap .group_checkbox {
	margin-right: 0 !important;
}

.form_kv_multiselectwrap .group_text {
	padding-left: 5px;
	font-size: var(--rd-fontsize-4);
}

.virtual_filelist_filelink {
	display: inline-block;
	width: calc(100% - 4em);
	padding: 0.25em;
	color: var(--rd-font-light);
	text-decoration: none;
	min-width: 26em;
}

.virtual_filelist_file {
	background: var(--cl-ocean-blue);
	padding: 0.25em;
	margin-bottom: 0.55em;
	border-radius: 0.25em;
}

.virtual_filelist_deletelink {
	/* background: magenta; */
	display: inline-block;
	width: 1em;
	text-align: center;
	text-decoration: none;
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-7);
}

.virtual_filelist_file:hover,
.virtual_filelist_file.virtual_file_selected {
	background: var(--cl-ocean-blue);
}

[data-form_kv_name="fileList"]&gt;.form_kv_key {
	display: none;
}

.padbox {
	padding: 10px;
}

.formfieldrow {
	margin-bottom: 1em;
}

[data-form_kv_type="custom"]&gt;.form_kv_value {
	margin-top: 0.5em;
}

.formfields .formfieldrow.form_kv input[type="text"],
.formfields .formfieldrow.form_kv input[type="password"],
.formfields .formfieldrow.form_kv input[type="email"],
.formfields .formfieldrow.form_kv input[type="tel"],
.formfields .formfieldrow.form_kv select,
.formfields .formfieldrow.form_kv .input-append.date input {
	/* padding: var(--rd-spacing-sm) var(--rd-spacing-md); */
	padding: var(--rd-spacing-x-sm);
	width: 100%;
	/* max-width: 48em; */
	position: relative;
	z-index: 10;
	background-color: transparent;
}

.formfields .formfieldrow.form_kv select[disabled] {
	color: var(--cl-light-grey);
}

.formfields .formfieldrow.form_kv .input-append.date {
	vertical-align: top;
	margin-top: 2px;
	position: relative;
}

.formfields .formfieldrow.form_kv .input-append.date input {
	border-radius: var(--rd-borderradius-border-md) !important;
	padding: 7px !important;
	font-family: revert !important;
}

.formfieldrow .formlabel {
	margin-top: 1em;
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

.formfieldrow.form_kv .formlabel {
	text-align: right;
	padding-right: 1em;
	margin-top: 0.75em;
}

.formfieldrow.form_kv[data-form_kv_type="inlinecolumns"]&gt;.form_kv_value {
	display: flex;
}

.formfieldrow.form_kv[data-form_kv_type="inlinecolumns"]&gt;.form_kv_value&gt;* {
	flex: 1;
}

.formfieldrow.form_kv[data-form_kv_type="inlinecolumns"]&gt;.form_kv_value&gt;.formfieldrow.form_kv&gt;.form_kv_key {
	display: none;
}

.formfieldrow.form_kv[data-form_kv_type="inlinecolumns"]&gt;.form_kv_value&gt;.formfieldrow.form_kv&gt;.form_kv_key&gt;.formlabel,
.formfieldrow.form_kv[data-form_kv_type="inlinecolumns"]&gt;.form_kv_value&gt;.formfieldrow.form_kv&gt;.form_kv_value&gt;input {
	width: 100%;
}

.formfieldrow.form_kv[data-form_kv_type="inlinecolumns"]&gt;.form_kv_value&gt;.formfieldrow.form_kv {
	margin-bottom: 0;
}

.formfieldrow .formlabel.formlabel_notopmargin,
.formfieldrow[data-form_kv_type="slider_checkbox"]&gt;.form_kv_key&gt;.formlabel {
	margin-top: 0.25em;
}

.formfields .formfieldrow input[type="text"],
.formfields .formfieldrow textarea {
	width: 320px;
}

.formfieldrow.form_kv[data-form_kv_type="headline"],
.formfieldrow.form_kv[data-form_kv_type="subheadline"],
.ffheadline {
	font-size: var(--rd-fontsize-7);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	padding-bottom: 0.25em;
	margin-bottom: 1em;
	padding-left: 1em;
	color: var(--cl-ocean-blue);
}

.form_kv_value .ffheadline {
	padding-left: 0;
}

.ffsinglestring {
	/* border-left: 4px solid var(--cl-ocean-blue); */
	margin-bottom: 1em;
	padding-left: 1em;
	font-size: var(--rd-fontsize-5);
	position: relative;
	margin-left: 1em;
}

.ffsinglestring::after {
	content: " ";
	position: absolute;
	left: 0;
	top: 9px;
	background: var(--cl-ocean-blue);
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

.fftext {
	background: var(--cl-light-green);
	padding: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	border-left: 4px solid var(--cl-dark-grey);
}

.ffheadline {
	margin-top: 1.5em;
}

.formfieldrow.form_kv[data-form_kv_type="subheadline"] {
	font-size: var(--rd-fontsize-4);
}

.formfieldrow.form_kv[data-form_kv_type="infotext"] {
	/* font-size: 20px; */
	max-width: 42em;
	text-align: left;
	font-size: var(--rd-fontsize-4);
	line-height: 1.4em;
	display: block;
	margin-bottom: 1em;
}

.formfieldrow.form_kv[data-form_kv_type="datetime"]&gt;.form_kv_value&gt;.input-append.datetime {
	opacity: 0;
	transition: opacity 200ms ease-out;
}

.formfieldrow.form_kv[data-form_kv_type="datetime"]&gt;.form_kv_value[data-dateisempty="false"]&gt;.input-append.datetime {
	opacity: 1;
}

.formfieldrow.form_kv[data-form_kv_type="datetime"]&gt;.form_kv_value&gt;.slider_checkbox {
	width: 3rem;
	vertical-align: middle;
}

.pcx_wizard_content {
	min-height: 525px;
	overflow: auto;
	padding: 0 10px;
	background: var(--rd-font-light);
}

.pcx_wizard_slide_desc {
	/* min-height: 75px; */
	font-size: var(--rd-fontsize-5);
	color: var(--cl-blue-grey);
	line-height: 28px;
	margin-bottom: var(--rd-spacing-md);
	font-size: var(--rd-fontsize-4);
}

.wizard .modal_dialog_top_title {
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-11);
	margin-top: 22px;
	margin-bottom: var(--rd-spacing-md);
}

.pcx_wizard_slide_title {
	font-weight: 500;
	margin-bottom: var(--rd-spacing-sm);
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
}

.pcx_wizard_formfields select {
	/* max-width: 512px; */
}

.pcx_wizard_formfields .form_kv_fieldinfo {
	color: var(--cl-blue-grey);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-spacing-md);
}

.pcx_wizard_formfields .formlabel {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-weight: 500;
	line-height: 24px;
	margin-bottom: var(--rd-spacing-x-sm);
	width: 100%;
}

.pcx_wizard_formfields .formfields {
	border: none;
}

.pcx_wizard_formfields .formfields .simditor {
	max-width: unset;
}

.pcx_wizard_formfields pc-form-field-row pc-form-field-row .formlabel {
	font-weight: 400;
}

.pcx_wizard_slidectrl {
	display: flex;
	justify-content: space-between;
	padding: 0;
	padding: var(--rd-spacing-md);
	background: var(--rd-font-light);
}

.pcx_wizard_slidectrl a {
	min-width: 140px;
	text-align: center;
}

.modal_dialog.wizard .modal_dialog_bottom {
	height: 0;
	min-height: 0;
	padding: 0;
}

.pc_uiSliderTextRight.slider_checkbox.sc_long {
	/* border: var(--rd-borderwidth-border-default) solid; */
	margin: auto;
	display: block;
	width: 133px;
	margin-top: var(--rd-spacing-md);
}

.pc_uiSliderTextRight_InputAndLabel .formlabel {
	color: var(--cl-light-grey);
	font-size: var(--rd-fontsize-3);
	line-height: 1.75em;
	text-align: left;
	margin-left: 10px;
}

.pc_uiSliderTextRight_InputAndLabel {
	display: flex;
	text-align: center;
	justify-content: center;
}

.pc_uiSliderTextRight .slider_checkbox_nested a,
.pc_APIConfigButton_ExtraLink {
	font-size: var(--rd-fontsize-3);
	text-decoration: underline;
	text-align: center;
	display: block;
	color: var(--cl-dark-grey);
}

.downtogglebox_head,
.downtogglebox_content .formfieldrow {
	background: var(--cl-light-green);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 36px;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: var(--rd-spacing-x-sm) 2em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-green);
	border-bottom: none;
	margin: 0;
}

.downtogglebox_content .formfieldrow {
	background: var(--rd-font-light);
	padding-left: 7px;
}

.downtogglebox_content .formfieldrow .formlabel {
	width: 100%;
	font-weight: normal;
	font-size: var(--rd-fontsize-4);
	color: var(--cl-dark-grey);
	cursor: pointer;
}

.downtogglebox_content {
	display: none;
}

.downtogglebox.downtogglebox_open .downtogglebox_content {
	display: block;
}

.downtogglebox_head {
	background-image: url("../img/svg/af/chevron-right-gray.svg");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 0.5em center;
	color: var(--rd-font-dark) !important;
}

.downtogglebox.downtogglebox_open .downtogglebox_head {
	background-image: url("../img/svg/af/chevron-down-gray.svg");
}

.input-append.datetime {
	width: calc(100% - 4rem);
	display: inline-block;
	vertical-align: middle;
	margin-left: 1rem;
}

.receiver_isArchiveMarker {
	color: var(--cl-error-darker);
}

.receiver_name a {
	display: inline;
}

[data-dateisrequired="true"] .input-append.datetime {
	margin-left: 0;
}

body[data-view="instructions_livewebinare"] .instr_right_btn_element .usertext,
body[data-view="instructions_livewebinare"] .cb_navi2,
body[data-view="instructions_livewebinare"] .paginator {
	display: none !important;
}

.apidesc {
	min-height: 90vh;
}

/* .container-fluid.apidesc .magenta_fill_btn  {
	  z-index: 1;
  } */

.api_img_wrap img {
	width: 120%;
	margin-top: 2em;
}

.sendmodeconflictslist {
	height: 8em;
	border: var(--rd-borderwidth-border-default) solid var(--rd-font-dark);
	overflow: auto;
	padding: var(--rd-spacing-x-sm);
}

input.sc_input:checked:disabled~.sc_label::before {
	background-color: var(--rd-primary-active);
}

.form_kv_value_nested {
	padding: 0em 0em 0.5em 0em;
}

.countbubble {
	/* position: absolute; */
	/* right: 0.25em; */
	/* top: 50%; */
	/* background: var(--cl-blue-grey); */
	/* padding: 0.15em; */
	/* color: var(--rd-font-light ); */
	/* font-size: var(--rd-fontsize-3); */
	/* border-radius: 8px; */
	/* min-width: 2.25em; */
	/* text-align: center; */
	/* font-weight: var(--rd-fontweights-open-sans-0); */
	/* height: 1.5em; */
	/* margin-top: -0.75em; */
	/* line-height: 1.5em; */
	padding: 0;
	margin-left: 10px;
}

.countbubble_zero_true {
	/* background: var(--cl-light-green); */
}

/* Customer-specific (cannot be in customer.css because needed two times) : */

.basicForm {
	max-width: 50em;
	/* padding-top: 2em; */
}

.basicForm .formfields {
	border-top: none;
}

.basicForm .formfields.formfields_twocolumn,
.twocols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 4em;
}

#InvoiceArchTableWrap .formfields {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#InvoiceArchTableWrap .invartbl_table_rows {
	overflow-x: auto;
}

[data-form_kv_name="LICENCE_DETAILS"] {
	display: none !important;
}

[data-form_kv_name="USER_LICENSE_MANAGEMENT"],
[data-form_kv_name="USER_LICENSE_HANDLING"] {
	display: none !important;
}

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

#licPriceInfoDiv a {
	padding: 0em 1em;
	font-size: var(--rd-fontsize-3);
	color: var(--rd-font-light);
	margin: 0.25em;
}

#InvoiceIntro {
	padding-left: 20px;
	margin-top: 2em;
}

.ernr_formfieldwrap {
	display: grid;
	grid-template-columns: 5em auto;
	grid-gap: 0.5em;
	max-width: 30em;
}

[data-form_kv_disabled="true"] .ernr_formfieldwrap {
	grid-template-columns: 100%;
}

[data-form_kv_name="housesForCentral"] {
	display: block;
	padding-left: 1em;
}

[data-form_kv_name="housesForCentral"] .form_kv_key {
	display: none;
}

[data-form_kv_name="SOFTWARE"] select {
	width: calc(100% - 4em) !important;
}

[data-form_kv_name="SOFTWARE"] .form_kv_value_nested {
	position: absolute;
	right: 0;
	top: 0;
	width: 2.6em;
	height: 2em;
}

[data-form_kv_name="SOFTWARE"] .form_kv_value_nested .form_kv_value {
	margin: 0;
}

[data-form_kv_name="SOFTWARE"] .form_kv_value_nested .form_kv_key {
	display: none !important;
}

.sftwrbtn.rd-primary-btn {
	width: 1.5em;
	height: 1.75em;
	font-size: var(--rd-fontsize-7);
	line-height: 1em;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hvc_house {
	padding: 0.25em 0.5em;
	text-align: left;
}

.next_appointments {
	margin-top: 1em;
	font-size: var(--rd-fontsize-4);
}

.appointment_preview {
	margin-bottom: 1em;
	margin-top: 1em;
	border-left: 3px solid var(--cl-light-grey);
	padding-left: 0.75em;
	display: grid;
	grid-template-columns: 14em auto;
}

.readOnlyHTML {
	font-size: var(--rd-fontsize-3);
	background: var(--cl-light-green);
	padding: var(--rd-spacing-x-sm);
	max-height: 32em;
	overflow: auto;
}

.form_kv_value_nested&gt;.form_kv[data-form_kv_name="INSTRUCTION_REMINDER_INTERVAL_VALUE_ENABLED"],
.form_kv_value_nested&gt;.form_kv[data-form_kv_name="INSTRUCTION_ENDREMINDER_14_INTERVAL_VALUE_ENABLED"],
.form_kv_value_nested&gt;.form_kv[data-form_kv_name="INSTRUCTION_ENDREMINDER_7_INTERVAL_VALUE_ENABLED"] {
	margin-top: 1em;
	display: flex;
}

.contactUsersWrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0em 1em;
	overflow: auto;
	max-height: 32em;
}

.cuartbl_controls .formfields {
	border: none;
	padding: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0em 2em;
}

.callbackInfo {
	background-image: url("/src/img/svg/phone-alt-solid_blue.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1em auto;
	font-size: var(--rd-fontsize-3);
	padding-left: 1.5em;
	/* opacity: 0.9; */
	margin-top: 0.25em;
}

.callbackInfo.callbackInfo_type_webinar {
	background-image: url("/src/img/svg/at-char_blue.svg");
}

.callbackInfo.callbackInfo_tdir_past {
	opacity: 0.5;
}

.coursePlusSymbol {
	color: var(--rd-primary-active);
	font-weight: 800;
	font-size: var(--rd-fontsize-5);
	line-height: 1em;
	padding-left: 0px;
	vertical-align: top;
}

#customermenu {
	display: none;
	word-break: normal;
}

.customer_edit_wrap .cb_navi&gt;a {
	display: inline-block;
}

.customer_edit_wrap .button.small {
	padding: 6px 12px;
	margin: 2px;
}

.adminContractAppMessage {
	color: var(--cl-error-darker);
	font-size: var(--rd-fontsize-4);
	text-align: center;
	margin-bottom: 1em;
}

.cont_body,
.app_login .cont_body {
	min-height: 50vh;
	/* padding-top: 3em; */
	/* margin-top: -1em; */
}

.online_badge,
.usimtbl_userblockedinfo {
	background: var(--cl-deep-green);
	color: var(--rd-font-light);
	padding: 2px var(--rd-spacing-xx-sm);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	border-radius: var(--rd-borderradius-border-md);
	margin-left: 0.5em;
}

.usimtbl_userblockedinfo {
	background: var(--cl-error-darker);
}

.liclimitinfo {
	font-size: var(--rd-fontsize-3);
	color: var(--cl-ocean-blue);
	font-weight: normal;
	margin-top: 1em;
	line-height: 1.4em;
}

.liclimitinfo.liclimitinfo_noneleft {
	color: var(--cl-error-darker);
}

.customer_new_true .btn_createInvoiceForCustomer {
	display: none !important;
}

.formfieldrow.form_kv[data-form_kv_name="FA_PLZ"],
.formfieldrow.form_kv[data-form_kv_name="RECHNUNG_PLZ"] {
	width: 10em;
	flex: unset !important;
	margin-right: 1em;
}

.formfieldrow.form_kv[data-form_kv_name="FA_HAUSNR"],
.formfieldrow.form_kv[data-form_kv_name="RECHNUNG_HAUSNR"] {
	width: 10em;
	flex: unset !important;
	margin-left: 1em;
}

.formfields .formfieldrow .formfield_textarea_wrap textarea {
	width: 100%;
	font-size: 100%;
	min-height: 6em;
}

.usimtbl_controls .formfields {
	border: none;
	padding: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0em 2em;
}

.ci_checkbox_wrap&gt;input {
	display: none;
}

.ci_checkbox_wrap label,
.usimtbl_table_row .usimtbl_cell_changed_true .usimtbl_value label,
.usimtbl_table_row .usimtbl_cell_isNew_true .usimtbl_value label {
	cursor: pointer;
}

.btnrow {
	text-align: right;
	padding: 1em;
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}

pc-main-header .btnrow {
	padding: 0;
}

.btnrow a {
	display: inline-block;
	margin-left: 0.5em;
	/* was 1*/
}

#InvoiceTableWrap {
	padding: 1em;
	/* padding-top: 2em; */
}

#InvoiceTableWrap .formfields {
	border-top: none;
}

.latest_invoice_activity {
	display: inline-block;
	padding-left: 1.5em;
	background-image: url("/src/img/svg/af/comment-solid-gray.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1em auto;
	color: var(--cl-error-darker);
}

.labeledselect {
	display: grid;
	grid-template-columns: 5em auto;
	margin-bottom: 10px;
}

.labeledselect&gt;label {
	display: flex;
	align-items: center;
}

.labeledselect&gt;select {
	padding: 10px;
	display: block;
	width: auto;
	box-sizing: border-box;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

th.sortfocus .thtext {
	text-decoration: underline;
}

th.sortfocus.sorting_asc_true .th_arrow {
	background-image: url("/src/img/svg/af/sorted_ascending.svg");
}

th.sortfocus.sorting_asc_false .th_arrow {
	background-image: url("/src/img/svg/af/sorted_descending.svg");
}

.add-on.icon-calendar {
	z-index: 20;
	position: absolute !important;
}

body.hasModalChild&gt;* {
	filter: blur(6px);
}

/* modal_ground litui */
.modal_ground,
.nonmodal_ground {
	filter: blur(0) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
	/* background: var(--cl-white-alpha40); */
	background: rgba(7, 21, 36, 0.51);
	/* background:red; */
	/* background: rgba(0, 0, 0, 0.25); */
	display: flex;
	justify-content: center;
	align-items: center;
}

.bootstrap-datetimepicker-widget,
.flatpickr-calendar {
	filter: blur(0) !important;
}

body.hasModalChild[data-tmp-modal-group="darken"]&gt;* {
	filter: blur(0) !important;
}

.inlineContactUserQMH::before {
	content: "";
	display: inline-block;
	margin-right: 2px;
	background-image: none !important;
	background-color: var(--cl-ocean-blue);
	opacity: 1 !important;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("/src/img/2021/svg/2-kursbibliothek.svg");
	-webkit-mask-image: url("/src/img/2021/svg/2-kursbibliothek.svg");
	filter: unset !important;
	width: 12px !important;
	height: 12px !important;
	vertical-align: middle;
}

.modal_dialog {
	max-height: 80vh;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	background-color: var(--rd-font-light);
	/* box-shadow: 0em 0em 0.5em var(--cl-black); */
	padding: 24px;
	position: relative;
}

.modal_dialog_closelink {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: var(--rd-primary-active);
	right: 0;
	top: 0;
	cursor: pointer;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-image: url(/src/img/2023/svg/icons/rd-icon-close.svg);
	-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-close.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	z-index: 1;
}

.modal_dialog_backlink {
	position: absolute !important;
	height: 20px;
	line-height: 20px;
	color: var(--rd-secondary-active);
	/* left: 24px; */
	/* top: 24px; */
	cursor: pointer;
	z-index: 1;
}

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

.modal_dialog_top_title .rd-subheadline {
	font-size: var(--rd-fontsize-3);
	line-height: 16px;
}

.modal_dialog&gt;div {
	min-height: 1em;
}

.modal_dialog_mid {
	overflow: auto;
	padding: 1em;
	min-width: 32em;
	max-width: 90vw;
}

.modal_dialog_mid .introContent {
	text-align: center;
}

.modal_dialog_mid .formfields {
	border: none;
}

.modal_dialog&gt;div.modal_dialog_bottom {
	text-align: center;
	min-height: 3em;
	padding: var(--rd-spacing-x-sm);
}

.modal_dialog_bottom&gt;a {
	float: none;
	min-width: 10em;
	display: inline-block;
	padding: var(--rd-spacing-x-sm);
	text-decoration: none;
	margin: 0.5em;
}

.modal_alert {
	padding: 2em 1em;
	font-size: 1rem;
	max-width: 42em;
	text-align: center;
}

.modal_alert .form_kv_value {
	text-align: left;
	margin-top: 0.25em;
}

.modal_alert .formlabel {
	min-width: 20em;
}

.slike_title {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-11);
	line-height: 1.8em;
	color: var(--cl-dark-grey);
	margin-bottom: 0.5em;
}

.slike_form {
	background-color: var(--rd-font-light);
	border-radius: 0.25rem;
	box-shadow: 0 1px 0 var(--cl-black-alpha30);
	padding: 2rem 10rem 3rem;
	margin: 0 auto 2rem;
	position: relative;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-green);
	text-align: center;
}

.reset_pw_form {
	margin-top: 4em;
	max-width: 100%;
}

.slike_infotext {
	max-width: 26em;
	margin: auto;
	margin-bottom: 1em;
}

.progress_dialog_bar {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	width: 100%;
	height: 16px;
	position: relative;
	border-radius: var(--rd-borderradius-border-md);
	overflow: hidden;
	background: rgba(204, 204, 204, 0.5);
}

.progress_dialog_innerbar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: var(--rd-borderradius-border-md);
	background: var(--cl-deep-green);
}

.progress_dialog_title {
	font-size: var(--rd-fontsize-5);
	margin-bottom: 20px;
}

.progress_dialog_wrap .modal_dialog_bottom {
	display: none;
}

.progress_dialog_wrap .modal_dialog_mid {
	padding-bottom: 32px;
	padding-top: var(--rd-spacing-xx-sm);
}

.progress_dialog_wrap .modal_dialog_closelink {
	display: none;
}

.progress_dialog_details {
	width: 52em;
	text-align: left;
	font-size: var(--rd-fontsize-4);
	line-height: 1.4em;
	margin-bottom: 1em;
	max-width: 90vw;
}

.iv_send_progress_log,
.ctb_progress_log {
	max-height: 20em;
	overflow: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	/* height: 8em; */
	padding: var(--rd-spacing-x-sm);
}

.progress_dialog_details p {
	line-height: 1.25em;
	margin: 0;
}

.debug_line_error_details {
	color: var(--cl-error);
	margin-left: 1em;
	font-size: var(--rd-fontsize-3);
	line-height: 1.25em;
}

.debug_line_error {
	color: var(--cl-error);
}

input.isInvalid {
	border-color: var(--cl-error) !important;
}

a.btn_action,
span.btn_action {
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
	border-radius: var(--rd-borderradius-border-md);
	background: linear-gradient(180deg, var(--rd-primary-active) 0%, var(--rd-primary-active) 100%);
	/* box-shadow: 0 2px 4px 0 var(--rd-primary-active); */
	color: var(--rd-font-light);
	cursor: pointer;
	text-decoration: none;
	width: 1.75em;
	height: 1.75em;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0px;
	margin-right: 0.75em;
}

a.btn_action:hover,
span.btn_action:hover {
	opacity: 0.7;
}

a.btn_action img,
span.btn_action img {
	max-width: 70%;
	max-height: 70%;
	filter: grayscale(1) brightness(10);
}

a.btn_action.btn_action_round,
span.btn_action.btn_action_round {
	border-radius: 4em;
}

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

.cellinfo.light {
	color: var(--cl-light-grey);
}

.warning_color,
.payed_too_little,
.netsum_storno {
	color: var(--cl-error);
}

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

pc-customer-offers-app,
pc-bonus-controller-for-pc-admins {
	background: white;
	position: relative;
	display: block;
}

.mboard {
	max-width: 70em;
	padding: 10px 20px;
	display: flex;
	background-color: white;
	flex-direction: column;
}

.mboard_controls_top {
	order: 1;
}

.mboard_inputwrap {
	order: 3;
}

.mboard_messages {
	order: 2;
}

.mboard_controls_bottom {
	order: 4;
}

.mboard.sortDescending_true .mboard_inputwrap {
	order: 2;
}

.mboard.sortDescending_true .mboard_messages {
	order: 3;
	/* flex-direction: column-reverse; */
}

.mboard_sortLink {
	text-decoration: none;
}

.mboard.sortDescending_true .mboard_sortLink_desc,
.mboard.sortDescending_false .mboard_sortLink_asc {
	color: var(--cl-deep-green);
}

.mboard.sortDescending_true .mboard_sortLink_asc,
.mboard.sortDescending_false .mboard_sortLink_desc {
	color: var(--cl-dark-grey);
}

.mboard_msg {
	display: grid;
	grid-template-areas: "name date" "body body";
	border-bottom: var(--rd-borderwidth-border-focus) solid var(--cl-light-green);
	margin-bottom: 1em;
	padding-bottom: 1em;
}

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

.mboard_msg_datetime {
	font-size: var(--rd-fontsize-3);
	text-align: right;
	line-height: 2em;
	color: var(--cl-dark-grey);
}

.mboard_msg_body {
	grid-area: body;
	/* background: var(--cl-light-green); */
	/* border-radius: 1em; */
	padding: 0.25em 5.5em 0.2em 1em;
	margin-left: 1em;
	display: inline-block;
	width: auto;
	margin-top: 0.5em;
	position: relative;
	border-left: 4px solid var(--cl-deep-green);
	background: var(--cl-light-green);
}

.wichtig .mboard_msg_body {
	background-color: var(--rd-primary-inactive);
	border-color: var(--rd-primary-active);
}

.mboard_msg_body_content&gt;pre {
	font-family: inherit;
	font-size: var(--rd-fontsize-4);
	background: transparent;
	border: none;
	color: var(--cl-black);
	padding: 0;
	line-height: 1.4em;
	margin: 0.5em 0;
}

[data-id="mboard_msginput"] p,
.mboard_msg_body_content p {
	margin: 0;
	min-height: 1em;
}

.btn_action.btn_edit.mboard_msg_editlink {
	width: 1.5em;
	height: 1.5em;
	margin: 0;
}

.mboard_msg_body_controls {
	position: absolute;
	right: 0.25em;
	top: 0.25em;
}

.mboard_controls {
	text-align: right;
	position: relative;
	margin-bottom: 2em;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.mboard_controls&gt;* {
	margin: 0 0.5em;
}

.inlineContactUser a {
	display: inline-block;
}

/* .mboard_msg_body_controls&gt;a {
	  color: var(--cl-black)
	  text-decoration: none;
	  display: inline-block;
	  width: 1.5em;
	  line-height: 1.5em;
	  text-align: center;
  } */

.mboard_messages {
	position: relative;
	/* border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey); */
	/* min-height: 32em; */
	margin-bottom: 1em;
	padding: 0.25em;
}

.mboard_inputwrap {
	display: grid;
	grid-template-columns: auto 7em;
	grid-gap: 1em;
	margin-bottom: 1em;
}

.mboard_inputwrap&gt;textarea {
	height: 6em;
	resize: none;
	font-family: inherit;
	font-size: inherit;
	padding: 0.25em;
}

.mboard_inputwrap&gt;.btn_send {
	height: 3em;
	text-align: center;
}

[data-mboard_msg_id="-1"] .mboard_msg_body {
	border-left: 4px solid var(--cl-ocean-blue);
}

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

.stats_form.basicForm {
	max-width: 100%;
	margin: 2em;
}

.stats_view {
	/* border: var(--rd-borderwidth-border-default) solid var(--cl-error); */
	margin: 2em;
	padding: 1em;
}

.stats_controls .formfields&gt;div {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.stats_plot {
	border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-green);
}

.stats_controls [data-form_kv_name="timeSpan"] .form_kv_value_nested&gt;div {
	display: inline-block !important;
	width: 40% !important;
}

.stats_view_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1em;
	margin-top: 3em;
}

input[type="search"] {
	/* height: 36px;
	padding: 6px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md); */
	height: 40px;
	font-size: var(--rd-fontsize-4);
	line-height: 20px;
	border-radius: var(--rd-borderradius-border-md);
	padding: var(--rd-spacing-md);
	border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
	background-color: var(--rd-font-light);
	width: 100%;
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-2);
}

input[type="search"]:hover {
	border: 1px solid var(--rd-input-hover);
}

input[type="search"]:focus {
	border: 2px solid var(--rd-input-focused);
	outline: none;
}

.svgiconbtn {
	display: grid !important;
	grid-template-columns: 1.25em auto;
	padding: 0.75em 1.5em 0.75em 1em;
	grid-gap: 1em;
	text-align: left;
}

.svgiconbtn_icon {
	max-height: 1.25em;
}

.svgiconbtn&gt;* {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.svgiconbtn_icon path {
	fill: var(--rd-font-light);
}

.svgiconbtn_label {
	white-space: nowrap;
}

.btn_download_all_invoices {
	display: none !important;
}

.ernr_editlink_wrap {
	/* background: var(--cl-error); */
	width: 1.1em;
	height: 1.5em;
	position: absolute;
	right: 0.25em;
	top: 0.5em;
	z-index: 1111;
}

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

.contactUser {
	font-size: var(--rd-fontsize-4);
	line-height: 1.4em;
}

[data-form_kv_name="notifysimulation"] a {
	text-decoration: none;
	font-size: var(--rd-fontsize-3);
	color: var(--cl-error-darker);
	text-decoration: none !important;
}

[data-form_kv_name="targetSubER1"] select,
[data-form_kv_name="targetSubER2"] select {
	width: 30em !important;
}

.usrtbl_videoTimesInfo {
	font-size: var(--rd-fontsize-3);
	color: var(--cl-dark-grey);
}

.litui.modal_ground .form_kv[data-form_kv_name="targetSubER2"] {
	display: none;
}

.mailer_columns {
	display: grid;
	/* grid-template-columns: minmax(700px, auto) minmax(600px, 1000px); */
	grid-template-columns: auto 550px;
	max-width: 100%;
	grid-gap: 1em;
	padding: 1em;
}

[data-has-fix-suber="true"] [data-form_kv_name="quicksearch"],
[data-has-fix-suber="true"] [data-form_kv_name="erTyp"],
[data-has-fix-suber="true"] [data-form_kv_name="contractPackage"],
[data-has-fix-suber="true"] [data-form_kv_name="software"],
[data-has-fix-suber="true"] [data-form_kv_name="userType"],
[data-has-fix-suber="true"] [data-form_kv_name="customerStatus"],
[data-has-fix-suber="true"] .fourcols,
[data-can-save-template="false"] .btn_save_mailer_workspace {
	display: none !important;
}

.password input {
	padding: 10px;
	box-sizing: border-box;
	border: 0;
	width: 100%;
}

.customBlockedInfo {
	font-size: var(--rd-fontsize-3);
	line-height: 1.5em;
	color: var(--cl-error-darker);
}

.threecols,
.fourcols {
	display: grid;
	position: relative;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1em;
}

.fourcols {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.threecols .formfieldrow .formlabel,
.fourcols .formfieldrow .formlabel {
	width: auto;
}

.mailer_receiverfilter .form_kv {
	display: block;
}

.mailer_receiverfilter .form_kv .formlabel {
	text-align: left;
}

.useredit_groupswrap {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	overflow: auto;
	max-height: 18em;
}

.useredit_groupswrap ul {
	list-style-type: none;
}

.useredit_groupswrap ul label {
	cursor: pointer;
}

.mailer_mainform .formfields {
	border: none;
	padding: 0;
}

.mailer_placeholders_wrap a {
	padding: 0.25em 0.5em;
	min-width: 8em;
	text-align: center;
	letter-spacing: 1px;
	/* font-family: monospace; */
	font-weight: normal;
	font-size: var(--rd-fontsize-4);
}

.mailer_placeholders_wrap {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	color: var(--cl-dark-grey);
}

.mailer_mainform .downtogglebox {
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.mailer_mainform .downtogglebox_content {
	padding: var(--rd-spacing-x-sm);
}

.mailer_mainform .downtogglebox_head {
	border: none;
	background-color: transparent;
	text-decoration: none;
}

.mailer_mainform {
	font-size: var(--rd-fontsize-5);
	padding-left: 0.36em;
}

.mailer_mainform .form_kv_multiselectwrap {
	max-width: 800px;
}

.mailer_mainform .form_kv_multiselectwrap&gt;span {
	min-width: 10em;
}

/* @media (max-width: 1500px) {
	 {
		max-width: 110px;
		max-height: 110px;
		right: -1.5em;
		top: -3em;
	}
} */
@media (max-width: 1525px) {
	.summerspecial-tooltip {
		right: -40px;
	}

	.summerspecial-tooltip::after {
		right: 60px;
		left: unset;
	}
}

@media (max-width: 1270px) {
	.rd-qm-summerspecial-package-badge {
		right: -60px;
		top: -65px;
	}
}

@media (max-width: 1230px) {
	.rd-qm-summerspecial-package-badge {
		right: -40px;
	}
}

@media (max-width: 1000px) {
	.cuartbl_controls .formfields {
		grid-template-columns: 1fr 1fr;
	}

	.repoFilesControls .formfields .col {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 900px) {
	.basicForm .formfields.formfields_twocolumn {
		grid-template-columns: 100%;
	}

	.reset_pw_form {
		margin-top: 4em;
		max-width: 100% !important;
		border: var(--rd-borderwidth-border-default) solid;
		box-sizing: border-box;
		padding: 1em;
		overflow: hidden;
		word-wrap: break-word;
		font-size: var(--rd-fontsize-4);
	}

	.reset_pw_form .slike_title {
		font-size: var(--rd-fontsize-5);
	}

	.repoFilesControls .formfields {
		grid-template-areas: "ONE";
	}
}

@media (max-width: 600px) {

	.form_kv,
	.btnrow {
		display: block;
	}

	.btnrow a {
		margin-bottom: 0.5em;
		width: 100%;
		text-align: center;
	}

	.rd-qm-summerspecial-package-badge:hover+.summerspecial-tooltip {
		display: none !important;
	}
}

.app_banner {
	display: block;
	z-index: 99999;
	position: relative;
	background: var(--cl-light-green);
	height: 60px;
	display: grid;
	grid-template-columns: auto 4em;
	overflow: hidden;
}

.app_banner_android_iconlink {
	display: grid;
	grid-template-columns: 4em auto;
	height: 100%;
	overflow: hidden;
}

.app_banner_label {
	display: flex;
	align-items: center;
	/* padding: 0.25em 1em; */
	text-decoration: none;
	height: 100%;
	overflow: hidden;
	font-size: var(--rd-fontsize-4);
	line-height: 1.25em;
}

.app_banner_icon {
	background-image: url("/src/img/app_launcher.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.app_banner_android_cancellink {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--rd-fontsize-7);
	color: var(--rd-font-dark);
}

/* login styles: */

.pcx_loginsubmitwrap {
	text-align: center;
	/* height: 4em; */
}

.pcx_loginform .pcx_loginsubmitwrap input {
	border: none;
	padding: 0.5em 3em 0.5em 3em;
	border-radius: var(--rd-borderradius-border-none);
	display: inline-block;
	width: 14em;
	margin: 1em 1em;
}

.pcx_loginform .pcx_loginsubmitwrap button {
	border: none;
	padding: 14px;
	display: inline-block;
	margin: 33px 0 63px;
	width: 24em;
	position: relative;
}

.pcx_loginform .pcx_loginsubmitwrap button::after {
	content: "";
	mask-image: url(/src/img/2021/svg/arrow_right_white.svg);
	-webkit-mask-image: url(/src/img/2021/svg/arrow_right_white.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	margin-left: var(--rd-spacing-xx-sm);
	background-color: var(--rd-font-light);
}

.pcx_loginform .pcx_loginsubmitwrap button:hover:after {
	background-color: var(--rd-font-light);
}

.pcx_login_subinfo {
	font-size: var(--rd-fontsize-5);
	line-height: 1.4em;
	margin: auto;
	margin-top: 0.5em;
	margin-bottom: 1em;
	width: 25em;
}

.pcx_login_subinfo a {
	font-size: var(--rd-fontsize-6) !important;
	color: var(--cl-ocean-blue) !important;
}

.pcx_loginform input[type="email"],
.pcx_loginform input[type="text"],
.pcx_loginform input[type="password"] {
	width: 24em;
	max-width: 24em;
	min-width: 24em;
	padding: 0.35em 0.5em;
	border-radius: var(--rd-borderradius-border-sm);
	line-height: 1.4em;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	font-size: 100%;
}

.pcx_login_backlinkwrap {
	margin-top: 2em;
}

.pcx_login_forgotwrap,
.pcx_customloginpagetail {
	font-size: var(--rd-fontsize-4);
	line-height: 1.4em;
}

.pcx_inlinelogin .pcx_login_forgotwrap {
	text-align: center;
	max-width: 32em;
	margin: auto;
}

.pcx_loginform.pcx_loginform_disabled .pcx_loginsubmitwrap input {
	display: none;
}

.pcx_loginform.pcx_loginform_disabled .pcx_loginsubmitwrap {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2em auto;
}

.pcx_loginerror {
	margin-bottom: 0.5em;
	width: 100%;
	color: var(--cl-error);
	font-size: var(--rd-fontsize-5);
	text-align: center;
	padding: 0 15px;
	display: inline-block;
}

.pcx_loginform .pass_field img {
	margin-top: 0;
}

.pcx_loginerror p {
	margin-bottom: 0.5em !important;
}

.pcx_loginbg {
	background-color: var(--cl-light-green);
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 70px);
	margin-top: 70px;
}

.pcx_loginoverlay {
	width: 27em;
	max-width: 100%;
	min-height: 10em;
	max-height: 100%;
	overflow: auto;
	position: relative;
	display: block;
	background: var(--cl-light-green);
	padding: 1em;
	font-size: var(--rd-fontsize-5);
	line-height: 1.4em;
	color: var(--rd-font-dark);
	box-shadow: 0em 0em 1em var(--rd-font-dark);
}

.pcx_loginbg .pcx_loginoverlay {
	margin-bottom: 20vh;
}

.pcx_loginoverlay {
	width: 42em;
	max-width: 100%;
}

.pcx_loginoverlay&gt;div {
	margin-top: 1px;
	margin-bottom: 1px;
	position: relative;
	text-align: center;
	line-height: 1.4em;
	/* padding:1em; */
}

.pcx_login_icon {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 5em;
	display: block;
	/* padding-top: 1em; */
	/* padding-bottom: 1em; */
	background-size: auto 80%;
}

.pcx_login_name {
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-11);
	line-height: 36px;
	padding: var(--rd-spacing-x-sm);
	padding-top: 38px;
}

.pcx_login_txtinputwrap {
	margin-bottom: 0.5em;
}

.pcx_loginsubmitwrap input {
	font-size: 100%;
	width: 20em !important;
}

.pcx_loginsubmitwrap button {
	/* min-width: 16.75em !important; */
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 24px;
}

.pcx_button {
	background: var(--rd-primary-active);
	color: var(--rd-font-light);
	cursor: pointer;
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
	transition: all 0.1s ease-out;
	border-radius: var(--rd-borderradius-border-xl);
}

.pcx_button:hover {
	background: var(--rd-primary-hover);
	color: var(--rd-font-light);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-hover) !important;
}

.pcx_button:focus {
	background: var(--rd-primary-pressed);
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-pressed) !important;
	outline: unset;
}

.instrtimesum_controls .formfields {
	border: none;
	padding: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0em 2em;
}

.instrtimesum_table [data-is-sellcourse="true"]::after {
	content: "+";
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-left: 5px;
}

/**
   * Tabs
   */

.tabs {
	display: flex;
	flex-wrap: wrap;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-green);
}

.tabs label {
	order: 1;
	display: block;
	padding: 0.75em 2rem;
	margin-right: 0.2rem;
	cursor: pointer;
	font-weight: var(--rd-fontweights-open-sans-0);
	transition: background ease 0.2s;
	border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-green);
	color: var(--cl-light-grey);
}

.tabs .tab {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 1rem;
	background: var(--rd-font-light);
	padding-top: 0;
	padding-bottom: 0;
}

.tabs .tab code {
	max-height: 42em;
	font-size: var(--rd-fontsize-3);
}

.tabs input[type="radio"] {
	display: none;
}

.tabs input[type="radio"]:checked+label {
	background: var(--rd-font-light);
	color: var(--rd-font-dark);
}

.tabs input[type="radio"]:checked+label+.tab {
	display: block;
}

.classTimesControls pc-form-fields .col {
	border: none;
	padding: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0em 2em;
}

.newchatlink {
	position: absolute;
	right: 2.5em;
	top: 0.5em;
	/* display:none; */
}

.newchatlink a {
	font-size: var(--rd-fontsize-4);
}

.chatmodewrap {
	position: absolute;
	right: 38px;
	top: 65px;
	z-index: 1;
}

.chatmode_label {
	color: var(--cl-blue-grey);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 17px;
	padding-right: var(--rd-spacing-md);
}

.chatmode_label span {
	color: var(--rd-primary-active);
}

.chatmode_switch {
	height: 14px;
	display: inline-block;
	width: 45px;
	border-radius: 100px;
	background-color: var(--cl-black-alpha30);
	position: relative;
	vertical-align: middle;
}

.chatmode_switch::before {
	content: "";
	height: 20px;
	width: 20px;
	background-color: var(--cl-light-green);
	box-shadow: 0 0 1px 0 var(--cl-black-alpha30), 0 1px 1px 0 var(--cl-black-alpha30);
	position: absolute;
	left: -11px;
	top: -4px;
	display: block;
	z-index: 1111;
	border-radius: 100%;
}

.chatmode_switch&gt;span {
	height: 13px;
	width: 18px;
	color: var(--rd-font-light);
	/* font-family: "Open Sans"; */
	font-size: var(--rd-fontsize-0);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 13px;
	position: absolute;
	right: 10px;
	top: 0px;
}

.chatmodewrap.chatmodewrap_tgtchat .chatmode_switch&gt;span {
	top: 1px;
	left: 10px;
}

.chatmodewrap.chatmodewrap_tgtchat .chatmode_switch {
	background-color: var(--rd-primary-active);
}

.chatmodewrap.chatmodewrap_tgtchat .chatmode_switch::before {
	left: unset;
	right: -11px;
}

#topcount,
#leftcount {
	opacity: 0;
}

.repoFileNameCell {
	/* max-width: 10em; */
	padding-left: 2em;
	background-size: auto 1.75em;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0.25em 2em;
	min-width: 150px;
}

@media (max-width: 1000px) {
	.qm_text_view .cl_course.cl_course_layout_small .clc_content {
		position: relative;
		left: 16px;
		margin-top: 16px;
	}

	.qm_text_view .cl_course.cl_course_layout_small .clc_img {
		background-size: 100% 100%;
		width: 100%;
	}
}

@media (max-height: 800px) {
	.pcx_loginbg .pcx_loginoverlay {
		margin-bottom: unset;
	}
}

@media (max-width: 800px) {
	.invoice_table_view_wrap .rd-intro-info-boxes {
		grid-template-columns: 1fr;
	}

	.rd-info-box:first-child {
		margin-right: var(--rd-spacing-md);
	}
}

@media (max-width: 600px) {
	.modal_dialog {
		height: 100%;
		max-height: 100%;
		width: 100%;
		max-width: 100%;
	}

	.modal_dialog_mid {
		overflow: auto;
		padding: 1em;
		min-width: 100%;
		max-width: 100%;
	}

	.modal_ground * {
		box-sizing: border-box;
	}

	.modal_ground .modal_dialog {
		/* padding-top: var(--deviceHeaderHeight); */
	}

	[data-pagekey="login"] header {
		display: none;
	}

	.pcx_loginbg {
		height: auto;
	}

	.pcx_loginbg .pcx_loginoverlay {
		position: relative;
		width: 100%;
		overflow: hidden;
		/* border: 2px solidvar(--cl-deep-green); */
		padding: 0;
		margin-bottom: 0;
		box-shadow: none;
		margin-top: 2em;
	}

	.pcx_loginform input[type="email"],
	.pcx_loginform input[type="text"],
	.pcx_loginform input[type="password"],
	.pcx_loginform .pcx_loginsubmitwrap button,
	.pcx_login_subinfo {
		/* width: auto; */
		max-width: auto;
		min-width: auto;
	}

	.pcx_login_subinfo {
		width: auto;
	}

	.pcx_loginsubmitwrap input {
		font-size: 100%;
		width: auto !important;
	}

	.pcx_loginoverlay&gt;div {
		margin-top: 1px;
		position: relative;
		text-align: center;
		line-height: 1.4em;
		padding-top: 1.9em;
		padding-bottom: 0.5em;
	}

	.pcx_loginoverlay&gt;div:nth-child(3) {
		padding-top: 0em;
		padding-bottom: 0.6em;
	}

	.pcx_loginsubmitwrap {
		margin-bottom: 3em;
	}

	.pcx_login_subinfo {
		margin-bottom: 1.7em;
	}

	.pcx_inlinelogin .pcx_login_forgotwrap {
		padding-bottom: 2em;
	}

	.pcx_login_subinfo {
		font-size: var(--rd-fontsize-5);
		line-height: 24px;
		padding: 0px 23px 0;
	}
}

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

.pcx_highlightBlue {
	color: var(--cl-ocean-blue);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.repoFileNameCell .cellinfo {
	max-width: 42em;
}

.repo_table {
	overflow-x: auto;
}

.repo_table select {
	width: 250px;
}

th[data-columnkey="category"],
th[data-columnkey="user"],
th[data-columnkey="hasBeenProcessed"],
th[data-columnkey="tUploaded"],
th[data-columnkey="action"],
th[data-columnkey="fileSize"] {
	width: 10em;
}

.repoFilesControls .formfields .col {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.repoFilesControls .formfields .formfieldrow.form_kv select {
	max-width: 250px;
}

.repoFilesControls .formfieldrow .formlabel {
	width: 80px;
}

.repoFilesControls .formfields .formfieldrow.form_kv input[type="text"] {
	max-width: 250px;
}

/* --- */

.appdownload_wrapper {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.appdownload_wrapper h4 {
	margin: auto;
	text-align: center;
}

.appdownload_wrapper a {
	background: url(/src/img/app_launcher.png);
	display: block;
	width: 5em;
	height: 5em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center 1em;
	padding-top: 4em;
	text-align: center;
	padding: 1em;
	padding-top: 6em;
	color: var(--rd-font-light);
	background-size: 90% auto;
	background-color: var(--rd-font-light);
	margin: auto;
}

.pcx .pcx_rangerwrap {
	position: relative;
}

.pcx .pcx_rangerwrap.rangerhover .pcx_ranger_bar {
	background: var(--cl-black-alpha30);
}

.pcx_ranger_control {
	display: inline-block;
	position: relative;
}

.pcx_ranger_control a {
	display: inline-block;
	width: 1.75em;
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	color: var(--rd-font-dark);
	line-height: 1.75em;
	border: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30);
	margin-right: 0.25em;
	background: linear-gradient(180deg, var(--cl-deep-green) 0%, var(--cl-deep-green) 100%);
}

.pcx_ranger_control a span {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-light);
	font-family: monospace;
}

.pcx_ranger_control a:hover {
	border: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30);
}

.pcx_ranger_inputwrap {
	height: 100%;
	position: relative;
	display: inline-block;
}

.pcx_ranger_unitlabel {
	display: inline-block;
	line-height: 2em !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.pcx_ranger_input {
	font-family: monospace !important;
	text-align: right;
	padding-right: 0.5em !important;
	line-height: 1.5em !important;
	width: 10em !important;
	border: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30) !important;
}

.licmov_diffmode_positive .pcx_kv_value,
.licmov_diffmode_negative .pcx_kv_value,
.licmov_diffmodeinfo.licmov_diffmode_negative,
.licmov_diffmodeinfo.licmov_diffmode_positive,
[data-diffmode="negative"] .formlabel,
[data-diffmode="negative"] .pcx_ranger_input {
	color: var(--rd-primary-active) !important;
}

.licmov_diffmode_neutral .pcx_kv_value,
.licmov_diffmodeinfo.licmov_diffmode_neutral,
[data-diffmode="positive"] .formlabel,
[data-diffmode="positive"] .pcx_ranger_input {
	color: var(--cl-deep-green) !important;
}

.licmov_formwrap {
	display: grid;
	grid-template-columns: 42em auto;
}

.pcx_kv {
	display: grid;
	grid-template-columns: 24em auto;
}

.pcx_kv_key {
	text-align: right;
	padding-right: 1em;
}

.LicenseMoverForm .formlabel {
	width: auto;
	min-width: 28em;
	max-width: 50vw !important;
}

.licmov_diffmodeinfo {
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
}

.licmovcurlicinfo {
	font-weight: normal;
}

.licmov_houserow_central_false .form_kv_key .formlabel&gt;div,
.licmov_houserow_central_true .form_kv_key .formlabel&gt;div,
.hvc_house.hvc_house_central_true .hvc_house_name {
	padding-left: 3em;
	display: inline-block;
}

.licmov_houserow_central_true .form_kv_key .formlabel&gt;div,
.hvc_house.hvc_house_central_true .hvc_house_name {
	background: url("/src/img/svg/af/home-solid.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 2.25em;
}

.licmov_houserow_central_false .form_kv_key .formlabel,
.licmov_houserow_central_true .form_kv_key .formlabel {
	margin-right: 1em;
	color: var(--cl-dark-grey);
}

.hvc_house.hvc_house_central_true .hvc_house_name {
	padding-left: 2em;
}

.hvc_house.hvc_house_central_true .hvc_house_name {
	background-size: 1.5em;
}

.LicenseMoverForm .form_kv_value {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.inlineCertificateTemplateSelector .bgform,
.inlineCertificateTemplateSelector .fromoverlay {
	position: relative;
	height: auto;
	max-height: 600px;
}

.inlineCertificateTemplateSelector .form_btn_block {
	display: none !important;
}

.usimtbl_pc_cell img,
.usimtbl_ext_cell img {
	width: 1.4em;
	opacity: 0.7;
}

#certCreatorWrapper {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--rd-font-light);
	z-index: 9999999;
}

#certCreatorWrapper iframe {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: var(--rd-font-light);
	z-index: 1000;
	width: 100%;
	height: 100%;
}

#certCreatorWrapper .modal_dialog_closelink {
	z-index: 9999999;
}

.cl_course.cl_course_layout_small .clc_img {
	width: 205px;
	height: 115px;
}

.cl_course.cl_course_layout_small .clc_content {
	display: inline-block;
	padding-left: 0;
	position: absolute;
	left: 218px;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
}

.cl_course_sniplink {
	z-index: 1;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.cl_course_sniplink:hover {
	background: rgba(0, 0, 0, 0.025);
}

.pcTinyEditorContent .cl_course_sniplink {
	display: none;
}

.cl_course.cl_course_layout_small .clcc_categorys {
	margin-top: var(--rd-spacing-xx-sm);
}

.cl_course.cl_course_layout_small .clcc_name {
	font-size: var(--rd-fontsize-5);
	margin-bottom: 0px;
}

.cl_course.cl_course_layout_small .clcc_status {
	padding-top: 0;
	margin-bottom: var(--rd-spacing-sm);
}

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

pc-video3q {
	display: block;
	width: 800px;
	max-width: 100%;
}

pc-embedded-content {
	display: block;
	position: relative;
}

.container-fluid.unsubscribe h1 {
	font-size: var(--rd-fontsize-11);
	line-height: 36px;
	margin-bottom: 24px;
}

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

	.form_kv,
	.btnrow {
		display: block;
	}

	.btnrow a {
		margin-bottom: 0.5em;
	}

	.formfieldrow.form_kv .formlabel {
		text-align: left;
	}

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

		.form_kv,
		.btnrow {
			display: block;
		}

		.btnrow a {
			margin-bottom: 0.5em;
		}

		.formfieldrow.form_kv .formlabel {
			text-align: left;
		}
	}

	/* Kursbewertungen */
	@media screen and (max-width: 1420px) {
		.Feedback_grid {
			display: grid !important;
			grid-template-areas: "PRJ WER" !important;
			grid-template-columns: 50% 50%;
		}

		.Feedback_grid&gt;div select {
			width: 100%;
		}

		.Feedback_grid .rd-primary-btn {
			width: 100%;
		}
	}

	@media screen and (max-width: 500px) {
		.Feedback_grid {
			display: block !important;
		}

		.pcx_inlinelogin .pcx_login_forgotwrap {
			margin: 0 10px;
		}

		.rd-qm-summerspecial-package-badge {
			max-width: 80px;
			max-height: 80px;
			right: -1em;
			top: -2em;
		}
	}
}

/* Kursbewertungen end  */
.countbubble {
	position: relative;
}

/* .countbubble:before {
	content: "(";
	position: absolute;
	left: -5px;
}

.countbubble:after {
	content: ")";
	position: absolute;
	right: -5px;
} */

.users_e .nout_text,
.users_e .nou_header {
	padding-left: 40px;
}

.users_e .nouh_title {
	padding-top: 24px;
}

@media Screen and (max-width: 600px) {
	.users_e .nout_text {
		padding-top: 24px;
	}
}

/* AGB */
span.agb_list {
	margin-right: 8pt;
}

.abg li {
	list-style-type: none;
	line-height: 1.5;
	/*display: flex;*/
}

@media Screen and (max-width: 600px) {
	.abg h1 {
		font-size: var(--rd-fontsize-13) !important;
		text-align: center;
	}

	.abg h2 {
		font-size: var(--rd-fontsize-11) !important;
		text-align: left;
	}
}

@media Screen and (max-width: 450px) {
	.abg h1 {
		font-size: var(--rd-fontsize-12) !important;
	}

	.abg h2 {
		font-size: var(--rd-fontsize-9) !important;
		text-align: left;
	}
}

/* qm in 5 steps */

.ProFirstStepsPopup.modal_dialog.wizard .pcx_wizard_progressbar {
	display: none !important;
}

.ProFirstStepsPopup .questionmark {
	background: var(--rd-primary-active);
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 11px;
	border-radius: 100%;
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-font-light);
	padding: 2px;
	font-size: var(--rd-fontsize-3);
}

.ProFirstStepsPopup .modal_dialog_top_title {
	display: none;
}

.ProFirstStepsPopup .pcx_progressgroups {
	display: none;
}

.ProFirstStepsPopup .pcx_wizard_slide_title {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 28px;
	margin-bottom: 32px;
}

.ProFirstStepsPopup .pcx_wizard_slide_desc {
	color: var(--cl-dark-text);
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	margin-bottom: 24px;
}

.ProFirstStepsPopup .pcx_wizard_content {
	width: 1000px;
	max-width: 90vw;
	height: auto !important;
}

.ProFirstStepsPopup .pcx_wizard_footer {
	display: none;
}

.ProFirstStepsPopup .pcx_wizard_slidectrl {
	padding: 18px var(--rd-spacing-x-sm) var(--rd-spacing-md);
}

.ProFirstStepsPopup .pcx_wizard_content img {
	width: 100%;
}

.ProFirstStepsPopup [data-slide-id="slide1"] .pcx_wizard_slide_title::before {
	content: "Loslegen in nur 5 Schritten";
	position: relative;
	display: block;
	line-height: 1.25em;
	text-align: left !important;
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-11);
	margin-bottom: 48px;
}

.ProFirstStepsPopup [data-slide-id="slide1"] .pcx_wizard_slidectrl_left {
	display: none;
}

.ProFirstStepsPopup [data-slide-id="slide1"] .pcx_wizard_slidectrl {
	justify-content: end;
}

.ProFirstStepsPopup [data-slide-id="slide2"] .pcx_wizard_slide_desc {
	margin-bottom: 33px;
}

.ProFirstStepsPopup [data-slide-id="slide1"] .pcx_wizard_slide_title {
	font-size: var(--rd-fontsize-8);
}

.ProFirstStepsPopup [data-slide-id="slide3"] .pcx_wizard_slide_desc {
	margin-bottom: 48px;
}

.ProFirstStepsPopup [data-slide-id="slide4"] .pcx_wizard_slide_desc {
	margin-bottom: 30px;
}

.ProFirstStepsPopup [data-slide-id="slide4"] .pcx_wizard_content img {
	height: 297px;
}

.ProFirstStepsPopup [data-slide-id="slide3"] .pcx_wizard_content img {
	height: 306px;
}

.ProFirstStepsPopup [data-slide-id="slide2"] .pcx_wizard_content img {
	height: 370px;
}

.ProFirstStepsPopup [data-slide-id="slide1"] .pcx_wizard_content img {
	height: 270px;
}

.ProFirstStepsPopup [data-slide-id="slide5"] .pcx_wizard_content img {
	height: 306px;
}

.ProFirstStepsPopup [data-slide-id="slide5"] .pcx_wizard_slide_desc {
	margin-bottom: 48px;
}

.ProFirstStepsPopup [data-slide-id="slide4"] .pcx_wizard_slide_desc::after {
	content: "";
	display: flex;
	background-image: url(/src/img/2021/Revision-Prozess.svg);
	background-size: 100%;
	background-position: 50%;
	width: 680px;
	height: 26px;
	margin: auto;
}

.ProFirstStepsPopup [data-slide-id="slide4"] .pcx_wizard_slide_desc p {
	margin-bottom: 25px;
}

.ProFirstStepsPopup .modal_dialog_closelink {
	color: var(--cl-black);
}

.ProFirstStepsPopup .modal_dialog&gt;div {
	display: none;
}

.ProFirstStepsPopup .modal_dialog&gt;div {
	min-height: 0 !important;
}

/* soll quiz von backend lÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¶schen
[onclick="GetForm('quiz','999999780/public')"] {
  display: none !important;
}
 */

/* Broadcast senden */
.broadcast_inputs {
	display: grid;
}

.broadcast_inputs select,
.broadcast_inputs input {
	padding: 7px !important;
	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;
	margin-bottom: 1em;
}

.broadcastPopup .modal_dialog_bottom {
	text-align: right !important;
}

#broadcast_msg {
	max-width: 700px;
}

.broadcastPopup .hidden {
	display: none;
	visibility: hidden;
}

.broadcastPopup .uchooser_filter_wrap {
	margin-bottom: 0;
}

.broadcastPopup .pcx_toggleBox:last-child {
	margin-bottom: 1em;
}

.broadcastPopup .modal_dialog_top_title {
	margin-bottom: 1em;
}

.broadcastPopup .modal_dialog_mid::-webkit-scrollbar {
	width: 5px;
}

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

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

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

.broadcastPopup .modal_dialog_mid {
	overflow: auto;
}

.pcx_login_subinfo span,
.pcx_login_subinfo a {
	white-space: nowrap;
}

.broadcast_inputs {
	display: grid;
	grid-template-columns: 700px 350px;
	grid-template-areas: "one two";
	gap: 45px;
}

#b_col1 {
	grid-area: one;
	padding-top: var(--rd-spacing-xx-sm);
}

#b_col2 {
	grid-area: two;
}

.broadcast_inputs .pcx_toggleBox_content {
	width: 180px;
}

.broadcastPopup .button {
	text-align: center;
}

#b_col2 input[type="text"] {
	padding: 5px !important;
}

/* Radio Buttons */
.PC_checkbox {
	font-size: var(--rd-fontsize-5);
	display: flex;
	gap: 1em;
}

.PC_checkbox+.PC_checkbox {
	margin-top: 1em;
}

.PC_checkbox input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--rd-font-light);
	margin: 0;
	width: 24px;
	height: 24px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: 50%;
	display: grid;
	place-content: center;
}

.PC_checkbox input[type="radio"]::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	/* Windows High Contrast Mode */
	background-color: var(--cl-deep-green);
}

.PC_checkbox input[type="radio"]:checked::before {
	transform: scale(1);
}

#pc_ch {
	display: grid;
	place-content: center;
}

.coop_filter .formfieldrow.form_kv .formlabel {
	margin-top: 0.25em;
}

.coop_filter {
	padding: 1em;
}

.rd-instrcreate-debug {
	position: absolute;
	left: 0;
	top: 50px;
	background: var(--rd-font-light);
	padding: var(--rd-spacing-x-sm);
	text-align: left;
	z-index: 111;
	border: 2px dotted magenta;
	font-size: var(--rd-fontsize-3);
}

.rd-instrcreate-debug pre {
	background: black;
	color: yellow;
	font-family: monospace;
}

.pc_ucv3_loading_screen {
	text-align: center;
	padding-top: 64px;
	padding-bottom: 128px;
}

.rd-process-instrcreate-progressbar-wrap .rd-progressbar {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: var(--rd-spacing-huge);
}

.rd-process-instrcreate-progressbar-wrap .rd-progressbar .rd-progressbar-innerbar {
	height: 16px;
	background-color: var(--rd-success-default);
	border-radius: var(--rd-borderradius-border-xl);
	margin-bottom: var(--rd-spacing-x-sm);
}

.rd-process-instrcreate-progressbar-wrap .rd-progressbar .rd-progressbar-label {
	font-size: var(--rd-fontsize-5);
	color: var(--rd-font-dark);
	font-weight: var(--rd-fontweights-open-sans-0);
}

#rd-image-lightbox-wrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	background: var(--rd-font-light);
}

.formfieldrow.form_kv[data-form_kv_name="KUENDIGUNGSGRUND"] {
	margin-bottom: 0;
}

.rd-image-lightbox-container {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: black;
}

#rd-image-lightbox-wrap .modal_dialog_closelink {
	z-index: 9999;
	background: var(--rd-font-light);
	width: 28px;
	height: 28px;
	border-radius: 30px;
	text-align: center;
	font-weight: bold;
	font-size: var(--rd-fontsize-7);
	right: 24px;
	line-height: 24px;
	top: 24px;
}

.rd-cropper-wrap {
	padding: 0.5em;
	width: 1000px;
	height: 800px;
	position: relative;
}

.rd-cropper-wrap&gt;div {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-cropped-img-preview {
	margin-top: 1em;
	margin-bottom: 1em;
}

.rd-cropped-img-preview img {
	max-width: 200px;
	max-height: 150px;
}





/*----------------------------------------*/
/* FILE: sharedPublic.css */
/*----------------------------------------*/

.cat_zweig .slick-next,
.cat_zweig .slick-prev {
  z-index: 10 !important;
}





/*----------------------------------------*/
/* FILE: test.css */
/*----------------------------------------*/

/* dummy */






/*=========================================================*/
/* PATH: 02_app */
/*=========================================================*/





/*----------------------------------------*/
/* FILE: AppV2.css */
/*----------------------------------------*/

.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;
}

.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);
}

.rd-app-tabnav {
	position: fixed;
	bottom: 0;
	margin: 0;
	height: 90px;
	background: var(--rd-font-light);
	z-index: 1;
	display: flex;
	/* gap: var(--rd-spacing-x-big); */
	justify-content: space-evenly;
	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);
}

.rd-app-tabnav a {
	color: #657587;
	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 {
	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: #657587;
	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;
}

.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);
	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: #657587;
	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;
}

/*
.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-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-right: var(--rd-spacing-md); */
	margin-top: var(--rd-spacing-md);
	z-index: 0;
	position: relative;
}

.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&gt;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: 90%;
	align-items: baseline;
	gap: 8px;
}

.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 {
	display: none;
}

.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: #657587;
	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);
}

.rd-course-card-status-grid&gt;div {}

.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-course-card-cats-grid {
	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-app #reportrange {
	background-color: transparent;
	border: unset;

	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&gt;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%;
}

.ktc_content&gt;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;
}

.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&gt;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: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-2);
}

.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&gt;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: var(--rd-fontsize-4);
	color: #657587;
	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: #657587;
	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: 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: #657587;
	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: #657587;
	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&gt;.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"]&gt;span.u1,
.rd-app .pcx_load[data-load="2"]&gt;span.u1,
.rd-app .pcx_load[data-load="3"]&gt;span.u1,
.rd-app .pcx_load[data-load="2"]&gt;span.u2,
.rd-app .pcx_load[data-load="3"]&gt;span.u2,
.rd-app .pcx_load[data-load="3"]&gt;span.u3 {
	background-image: url(/src/img/2023/svg/icons/rd-icon-person-magenta.svg);
}

.rd-app .pcx_load&gt;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;
}

.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: #657587;
}

.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 {
	/* margin: 16px; */
	display: grid;
	grid-template-columns: 80px auto;
	gap: var(--rd-spacing-x-sm);
	/* padding: var(--rd-spacing-md); */
}

.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: #657587;
}

.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: #657587;
	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: #657587;
	margin-left: var(--rd-spacing-xxx-big);
}

.rd-app .ktc_content&gt;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: #657587;
}

.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: #657587;
	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: #657587;
	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: 16px;
	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: #657587;
	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: #657587;
	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: #657587;
	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: "";
}

.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;
	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: #657587;
	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 .name_and_counter,
.rd-app .knb_element .name {
	font-size: var(--rd-fontsize-2);
	line-height: var(--rd-lineheights-0);
	font-weight: var(--rd-fontweights-open-sans-1);
}

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

.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;
}

.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) !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);
}

.rd-app-tabnav {
	position: fixed;
	bottom: 0;
	margin: 0;
	height: 90px;
	background: var(--rd-font-light);
	z-index: 10;
	display: flex;
	/* gap: var(--rd-spacing-x-big); */
	justify-content: space-evenly;
	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 {
	color: #657587;
	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;
}

.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: #657587;
	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: #657587;
	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&gt;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;
}

.rd-app-profile-bar {
	display: none;
}

.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;
	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);
}

.rd-course-card-status-grid&gt;div {}

.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 .such_text {
	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: #657587;
	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: #657587;
	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&gt;.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"]&gt;span.u1,
.rd-app .pcx_load[data-load="2"]&gt;span.u1,
.rd-app .pcx_load[data-load="3"]&gt;span.u1,
.rd-app .pcx_load[data-load="2"]&gt;span.u2,
.rd-app .pcx_load[data-load="3"]&gt;span.u2,
.rd-app .pcx_load[data-load="3"]&gt;span.u3 {
	background-image: url(/src/img/2023/svg/icons/rd-icon-person-magenta.svg);
}

.rd-app .pcx_load&gt;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;
}

.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: #657587;
}

.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 {
	/* margin: 16px; */
	display: grid;
	grid-template-columns: 80px auto;
	gap: var(--rd-spacing-x-sm);
	/* padding: var(--rd-spacing-md); */
}

.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: #657587;
}

.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: #657587;
	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: #657587;
	margin-left: var(--rd-spacing-xxx-big);
}

.rd-app .ktc_content&gt;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: #657587;
}

.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: #657587;
	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: #657587;
	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: 16px;
	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: #657587;
	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: #657587;
	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: "";
}

.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;
	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: #657587;
	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,
.rd-app .knb_element .name {
	font-size: var(--rd-fontsize-2);
	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="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: 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: #657587;
	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&gt;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%;
	}
}

@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-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&gt;div {
		text-align: left;
	}

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

@media (max-width: 500px) {
	.rd-app .clcc_navi&gt;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: #657587;
}

.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: #657587;
}

.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: #657587;
}

.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;
}

.rd-app pc-course-wishes a:before {
	position: absolute;
	top: -3px;
	left: -24px;
	width: 32px;
	height: 32px;
}

.rd-app[data-view="fortbildungsplan"] pc-course-wishes a:before {
	top: 32px;
}

.rd-app .rd-bonussystem-title {
	display: none;
}

.app-wartung_teaser {
	margin: 0 var(--rd-spacing-md) var(--rd-spacing-md);
}

.app-wartung_teaser a {
	color: var(--rd-warning-pressed);
	text-decoration: underline;
}

.rd-app .attach_block .uFileEntry {
	min-width: auto;
}

.rd-app .mds-h-time.rd-icon-time::before {
	background-color: var(--rd-primary-active);
}

.rd-app .cmd_name:after {
	content: "";
	height: 14px;
	width: 14px;
	margin-right: var(--rd-spacing-x-sm);
	mask-image: url(/src/img/2024/svg/icons/rd-icon-arrow-neu.svg);
	-webkit-mask-image: url(/src/img/2024/svg/icons/rd-icon-arrow-neu.svg);
	/* background-color: var(--rd-success-default); */
	mask-size: contain;
	-webkit-mask-size: 22px;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	margin-right: 4px;
	height: 22px;
	width: 22px;
	vertical-align: middle;
	background-color: var(--rd-primary-active);
	align-self: center;
	transition: all 0.2s linear;
}

.rd-app .cmd_name {
	display: flex;
	justify-content: space-between;
}

.rd-app-headbar .rd-app-headbar-grid {
	margin-top: max(50px, calc(var(--deviceHeaderHeight))) !important;
}

.rd-app-profile-bar {
	padding-top: max(50px, calc(var(--deviceHeaderHeight))) !important;
}

.rd-app[data-view="surveys"] .rd-course-card .rd-course-card-img .foto {
	display: flex;
	justify-content: center;
}


input.todo-checkbox {
	width: 24px;
	height: 24px;
}

.rd-app .rd-primary-btn:after,
.rd-app .rd-primary-btn-outline::after {
	width: 14px;
	height: 14px;
}

.rd-app .rd-user-news-card-title {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 132%;
	/* 21.12px */
	letter-spacing: 0.16px;
	color: var(--rd-primary-active);
	margin: 0 var(--rd-spacing-md);
	margin-bottom: 8px;
}

.rd-app .rd-user-news-card-subtitle {
	color: var(--rd-font-dark);
	font-size: 18px;
	margin: 0 var(--rd-spacing-md);
	font-weight: 600;
	line-height: normal;
}

.rd-app .rd-user-news-body{
margin: 0 var(--rd-spacing-x-big);
}

.rd-app:has(.rd-user-news-card) .rd-footer-bubbels {
	display: none;
}

.rd-user-news-body span {
	font-size: 14px !important;
}

.rd-app pc-user-news-widget {
    margin: 0 var(--rd-spacing-md);
}

.rd-app pc-widget:has(.wideght-stars),
.rd-app pc-widget:has(pc-user-news-widget){
	background-color: var(--cl-light-blue);
}

.rd-app .dashboard-widget-fortschritt-box,
.rd-app .sterne_box{
background-color: var(--rd-font-light);
}

.dashboard-widget-fortschritt-box{
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.rd-app .pchat_conversation_bottombar{
	bottom: 100px;
}

.rd-app .pchat_conversation_messages{
	bottom: 200px;
}




/*iPhone*/
@supports (-webkit-touch-callout: none) {
	@media screen and (max-device-width: 768px) and (orientation: portrait) {
		.rd-close_popup,
		.dashboard-widget-header {
		margin-top: 32px; 
	  }

	  .all-tasks-body{
		padding-bottom: 0;
		height: 93% !important;
	  }

	  .all-tasks-body-block{
		height: calc(100% - 380px);
	  }
	}
  }





/*----------------------------------------*/
/* FILE: AppV3.css */
/*----------------------------------------*/

pc-app-v3 {
	position: relative;
	display: block;
}

.rd-in-app-v3-iframe .rd-app-area.rd-app-tabnav {
	display: none;
}

.rd-app-v3-content&gt;iframe {
	border: 4px dashed yellow;
	width: 100%;
	height: 100%;
}

.rd-app-v3-content {
	overflow: auto;
	flex: 1;
}

.rd-app-v3-wrapper {
	display: flex;
	flex-direction: column;
	/* height: 100vh; */
	border: 7px solid red;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	justify-content: space-between;
	overflow: hidden;
}

.rd-app-v3-header {
	font-weight: bold;
}

.rd-app-v3-header,
.rd-app-v3-footer {
	background: #000;
	padding: 10px;
	color: white;
	z-index: 9999999;
}

.rd-app-v3-footer {
	display: flex;
	justify-content: space-around;
}

.rd-app-v3-footer a {
	text-decoration: none;
	color: yellow;
	font-weight: bold;
	display: inline-block;
	padding: 20px;
	border: 1px solid #ccc;
}

.rd-app-v3-footer a[data-is-active="true"] {
	color: red;
}





/*----------------------------------------*/
/* FILE: test.css */
/*----------------------------------------*/

/* dummy */


</pre></body></html>