@charset "UTF-8";

.lp-card__body__left .lp-card__header {
	color: var(--rd-primary-active);
}

.lp-card__body__right .lp-card__header {
	color: #e48d13;
}

.lp-card__header {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	margin-bottom: var(--rd-spacing-x-sm);
}

.lp-card__header__title,
.lp-c-title {
	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);
}

.lp-card__header__subtitle,
.lp-c-sub_title {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	margin: var(--rd-spacing-x-sm) 0 var(--rd-spacing-sm);
}

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

.lp-card__header__progress {
	display: block;
	background-color: var(--rd-input-default);
	height: 12px;
	border-radius: var(--rd-borderradius-border-lg);
	margin-bottom: var(--rd-spacing-x-sm);
	position: relative;
	overflow: hidden;
}

.lp-card__header__progress__bar {
	display: inline-block;
	background-color: var(--rd-success-default);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	min-width: 15px;
}

.lp-card__header__points {
	color: var(--cl-blue-grey);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	margin-bottom: var(--rd-spacing-lg);
}

.lp-card__body {
	display: grid;
	grid-template-areas: "LEFT RIGHT";
	grid-template-columns: 1fr 1fr;
	background-color: #f2f4f7;
	padding: var(--rd-spacing-md);
	gap: var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-lg);
}

.lp-card__body__title {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	margin-bottom: 8px;
}

.lp-card__body__subtitle {
	color: var(--cl-blue-grey);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
}

.lp-card__header .icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: var(--rd-spacing-x-sm);
	background-position: center;
	background-size: 100%;
	vertical-align: middle;
}

.lp-card__body__left .lp-card__header .icon {
	background-image: url("/src/img/2023/svg/icons/rd-icon-bonus-coin.svg");
	width: 25px;
	height: 23px;
}

.lp-card__body__right .lp-card__header .icon {
	background-image: url("/src/img/2023/svg/icons/rd-icon-lern-coin-new.svg");
}

.lp-c-top3 {
	text-align: center;
	position: relative;
	padding-top: var(--rd-spacing-lg);
}

.lp-c-top3-background:before,
.lp-c-top3-background:after {
	content: "";
	position: absolute;
	display: inline-block;
	z-index: 1;
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.lp-c-top3-background:before {
	background-image: url("/src/img/2023/svg/svg_img/Highlight-3.svg");
	height: 56px;
	width: 30px;
	left: 5%;
	top: 131px;
}

.lp-c-top3-background:after {
	background-image: url("/src/img/2023/svg/svg_img/Highlight-4.svg");
	height: 36px;
	width: 27px;
	right: 10%;
	top: 54px;
}

.lp-c-top3-grid {
	display: inline-grid;
	grid-template-areas:
		"LEFT MIDDLE RIGHT";
	grid-template-columns: calc(100% / 3 - 16px / 2);
	background-image: url("/src/img/2023/svg/svg_img/treppe-no-numbers.svg");
	background-position: bottom;
	padding-bottom: 150px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	gap: var(--rd-spacing-md);
}

.lp-c-top3-grid:before {
	content: "";
	position: absolute;
	display: inline-block;
	/* background-color:#F00; */
	background-image: url("/src/img/2023/svg/svg_img/top3-coin-new.svg");
	background-size: cover;
	width: 55px;
	height: 55px;
	bottom: 45px;
	right: 95px;
}

.lp-c-top3-item {
	text-align: center;
	position: relative;
	padding-bottom: 8px;
}

.lp-c-top3-item-position {
	position: absolute;
	left: 0;
	right: 0;
	color: var(--rd-font-light);
	/* text-align: center; */
	/* font-family: Roboto; */
	font-size: 61px;
	/* font-style: normal; */
	font-weight: var(--rd-fontweights-open-sans-0);
	/* bottom: 30px; */
	top: 209px;
}

.lp-c-top3-item:nth-child(1) {
	grid-area: MIDDLE;
}

.two-row {
	margin-top: -16px;
}

/* .three-row {
	margin-top: -32px;
} */

.four-row {
	margin-top: -48px;
}

.lp-c-top3-item:nth-child(1) .lp-c-top3-item-position {
	top: 169px;
}

.lp-c-top3-item:nth-child(2) {
	grid-area: LEFT;
	padding-top: 50px;
}

.lp-c-top3-item:nth-child(3) {
	grid-area: RIGHT;
	padding-top: 50px;
}

.lp-c-top3-item-img {
	position: relative;
}

.lp-c-top3-item-img>span,
.lp-c-top3-item-img>.avatar_mainframe {
	width: 84px;
	height: 84px;
}

.user_avatar {}

.lp-c-top3-item-points {
	color: #e48d13;
	/* font-family: Open Sans; */
	font-size: var(--rd-fontsize-6);
	/* font-style: normal; */
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	/* 26.46px */
}

.lp-c-top3-item-name {
	color: var(--rd-primary-active);
	/* font-family: Open Sans; */
	font-size: var(--rd-fontsize-3);
	/* font-style: normal; */
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	/* 14.52px */
	/* letter-spacing: 0.11px; */
	/* white-space: nowrap; */
}

.lp-c-top3-item-level {
	color: var(--dark-mobile, #657587);
	text-align: center;
	/* font-feature-settings: 'liga' off; */
	/* Body/XS/Mobile */
	/* font-family: Open Sans; */
	font-size: var(--rd-fontsize-0);
	/* font-style: normal; */
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	/* 11.88px */
	/* letter-spacing: 0.09px; */
}

.lp-c-outher-list {}

.lp-c-outher-list-grid {
	display: grid;
	width: 100%;
	grid-template-areas: "POS1 POS2 POS3 POS4";
	grid-template-columns: 34px 40px auto 50px;
	border-bottom: 1px solid #eaecf0;
	text-align: left;
	padding: var(--rd-spacing-sm) 0;
}

.lp-c-outher-list-item {
	color: var(--dark-mobile, #657587);
	/* Body/Bold */
	font-family: Open Sans;
	font-size: var(--rd-fontsize-5);
	font-style: normal;
	font-weight: 700;
	line-height: 147%;
	/* 23.52px */
}

.lp-c-outher-list-item .name {
	color: var(--rd-primary-active);
	/* font-feature-settings: 'liga' off; */
	/* font-family: Open Sans; */
	font-size: var(--rd-fontsize-4);
	/* font-style: normal; */
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	/* 18.48px */
	/* letter-spacing: 0.14px; */
}

.lp-c-outher-list-item .level {
	color: var(--rd-input-focused);
	font-feature-settings: "liga" off;
	font-family: Open Sans;
	font-size: var(--rd-fontsize-3);
	font-style: normal;
	font-weight: 700;
	line-height: 132%;
	/* 14.52px */
	letter-spacing: 0.11px;
}

.lp-c-outher-list .points {
	/* text-align: right; */
	color: var(--bonus-mobile, #e48d13);
	text-align: right;
	/* font-feature-settings: 'liga' off; */
	/* font-family: Open Sans; */
	font-size: var(--rd-fontsize-5);
	/* font-style: normal; */
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	/* 21.12px */
	/* letter-spacing: 0.16px; */
}

.lp-c-top3-item-img>span.level_coin_lvl {
	position: absolute;
	width: 44px;
	height: 44px;
	background-image: url("/src/img/2023/svg/svg_img/top3-coinampty.svg");
	background-repeat: no-repeat;
	right: -10px;
	bottom: 0;
	color: #e48d13;
	text-align: center;
	text-shadow: 0.3999998867511749px 0.3999998867511749px 0px #f1e2c4;
	font-family: Open Sans;
	font-size: var(--rd-fontsize-0);
	font-style: normal;
	font-weight: 700;
	line-height: 93%;
	/* 7.44px */
	z-index: 10;
}

.lp-c-top3-item-img>span.level_coin_lvl .lcl_text {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: rotate(344deg);
	padding-top: 9px;
}

.lp-c-top3-item-img>span.level_coin_lvl .lcl_text span {
	font-size: var(--rd-fontsize-6);
	display: block;
	margin-top: 5px;
}

.rd-bs-profile-card .user_avatar {
	width: 85px;
	height: 85px;
}

.lp-card__header__name {
	font-size: var(--rd-fontsize-8);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.rd-bs-profile-card-date {
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
	color: #657587;
	margin: var(--rd-spacing-x-big) 0 var(--rd-spacing-sm);
}

.rd-bs-profile-card-msg {
	font-size: var(--rd-fontsize-5);
	line-height: 24px;
	color: var(--rd-font-dark);
	padding: 10px 14px;
	background-color: #f2f4f7;
	border-radius: 0px var(--rd-spacing-x-sm) var(--rd-spacing-x-sm) var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-lg);
}

.rd-bs-profile-card-link {
	text-align: center;
}

.rd-bs-profile-card-link a {
	font-size: var(--rd-fontsize-4);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.14px;
	color: var(--rd-primary-active);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-card .set_center {
	padding: var(--rd-spacing-md) 0;
}

.lp-card-header {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.lp-card-header #reportrange {
	padding-right: 32px;
}

.editLevelForm .rd-card-headline {
	border-bottom: 1px solid var(--rd-input-default);
}

.editLevelForm hr {
	display: none;
}

.rd-card-info {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
	line-height: var(--rd-lineheights-0);
}

.editLevelForm pc-files,
.editLevelForm .pc_ufiles_uploadlink {
	margin-top: 0;
}

.rd-card-img-info {
	color: #ccc;
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-0);
}

.lp-card-levels-element {
	display: flex;
	justify-content: space-between;
	padding: var(--rd-spacing-md);
	gap: var(--rd-spacing-x-big);
}

.rd-card-active .lp-card-levels-element-btn {
	display: none;
}

.lp-card-levels-element.locked .rd-primary-btn-outline {
	background-color: #cad3e4 !important;
	border: var(--rd-borderwidth-border-default) solid #cad3e4 !important;
	color: #232629 !important;
	font-size: var(--rd-fontsize-3) !important;
	filter: opacity(0.5);
	cursor: default;
}

.lp-card-levels-element .lp-card-levels-element-icon,
.lp-card-levels-element .avatar_mainframe {
	height: 40px;
	width: 40px;
}

.lp-card-levels-element .lp-card-levels-element-icon img {
	width: 100%;
}

.lp-card-levels-element.unlocked .lp-card-levels-element-icon {
	background-image: url(/src/img/2023/svg/icons/rd-icon-badgeCheck2.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
}

.lp-card-levels-element.locked .lp-card-levels-element-icon {
	/* overflow: hidden; */
	border-radius: 100%;
}

.lp-card-levels-element-left {
	display: flex;
	gap: var(--rd-spacing-x-big);
}

.rd-card-gray-bg {
	padding: var(--rd-spacing-md);
	background-color: var(--rd-input-default);
	border-radius: var(--rd-borderradius-border-lg);
	text-align: center;
}

.userlearn-card-left-body-name {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-11);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
}

.lp-vorname {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	color: var(--rd-font-dark);
}

.full_points {
	font-size: var(--rd-fontsize-7);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	color: #e48d13;
	margin-bottom: var(--rd-spacing-x-sm);
}

.full_points_text {
	font-size: var(--rd-fontsize-4);
	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-sm);
}

.last_points_text {
	font-size: var(--rd-fontsize-3);
	line-height: 14px;
}

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

.userlearn-card {
	display: flex;
	gap: var(--rd-spacing-md);
	justify-content: space-between;
	flex-wrap: wrap;
}

.userlearn-card-left-body {
	display: flex;
	gap: var(--rd-spacing-x-big);
	flex-wrap: wrap;
}

.userlearn-card-left-body-img .avatar_mainframe {
	display: inline-block;
	width: 85px;
	height: 85px;
	background-size: contain;
	vertical-align: middle;
	margin-right: var(--rd-spacing-xx-sm);
	border-radius: 100%;
	background-size: cover;
}

.large-level-card-header {
	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);
	padding: var(--rd-spacing-md) 0;
}

.rd-app[data-view=lernpunkte] .lp-c-h-left {
	margin-top: var(--rd-spacing-md);
}

.pl-c-let-lvl {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: #657587;
}

.pl-c-let-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);
}

.goodie_form_grid {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--rd-spacing-x-big) 0;
}

.has_goodie_grid {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-md);
}

.LearnSetingConfig legend {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	color: var(--rd-primary-active);
	padding-bottom: var(--rd-spacing-md);
}

@media screen and (max-width: 1600px) {
	.lp-card-levels-element .btn-flex {
		justify-content: right;
		flex-direction: column;
	}
}

@media screen and (max-width: 750px) {
	.lp-card-levels-element {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.userlearn-card {
		grid-template-columns: 100%;
	}

	.goodie_selet_img {
		grid-template-areas: "IMG" "TEXT" "ACTION" !important;
		grid-template-columns: 100% !important;
	}
}

@media screen and (max-width: 600px) {
	.lp-card-header {
		padding-bottom: 40px;
		display: block;
	}

	.lp-card-levels-element {
		flex-direction: column;
	}
}

@media screen and (max-width: 500px) {
	.lp-card-levels-element {
		flex-direction: column;
	}
}

.level_bild_selector_grid {
	display: grid;
	grid-template-areas: "SELECT IMG";
	grid-template-columns: 50% 50%;
	gap: var(--rd-spacing-x-sm);
}

.level_curent_bild {
	grid-area: IMG;
}

.level_bild_selector_grid input:checked+label {
	border: 5px solid var(--rd-primary-active);
}

.level_bild_selector_grid label {
	display: block;
	width: 100%;
	border-radius: var(--rd-borderradius-border-md);
	overflow: hidden;
	background-position: 50%;
}

.level_curent_bild label img {
	width: 100%;
}

.level_bild_selects {
	grid-area: SELECT;
}

.vorschaubilder_grid {
	display: grid;
	height: 100%;
	width: 100%;
	min-height: 150px;
}

.vorschaubilder_grid div {
	position: relative;
}

.vorschaubilder_grid[data-bilder="2"] {
	grid-template-areas:
		"IMG1"
		"IMG2";
	grid-template-columns: 100%;
	grid-template-rows: 50% 50%;
}

.vorschaubilder_grid[data-bilder="3"] {
	grid-template-areas:
		"IMG1 IMG2"
		"IMG3 IMG3";
	grid-template-columns: 50% 50%;
	grid-template-rows: 50% 50%;
	/* gap: var(--rd-spacing-xx-sm); */
}

.vorschaubilder_grid[data-bilder="3"]>div:nth-child(3) {
	grid-area: IMG3;
}

.vorschaubilder_grid[data-bilder="4"] {
	grid-template-areas:
		"IMG1 IMG2"
		"IMG3 IMG4";
	grid-template-columns: 50% 50%;
	grid-template-rows: 50% 50%;
}

.vorschaubilder_grid[data-bilder="2"] div,
.vorschaubilder_grid[data-bilder="3"] div,
.vorschaubilder_grid[data-bilder="4"] div {
	padding: 4px;
}

.vorschaubilder_grid label {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	cursor: pointer;
}

.rd-deleat-prev-img {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	right: 8px;
	top: 8px;
	background-color: var(--rd-input-default);
	border-radius: 100%;
}

.rd-deleat-prev-img:before {
	content: "";
	position: absolute;
	background-color: var(--rd-primary-active);
	left: 0;
	top: 0;
	bottom: 0;
	right: 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-trash.svg");
	-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-trash.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.goodie_selet {
	text-align: left;
	margin-bottom: var(--rd-spacing-md);
}

.goodie_selet_img {
	display: grid;
	gap: var(--rd-spacing-md);
	grid-template-areas: "IMG TEXT ACTION";
	grid-template-columns: 70px 57% 28%;
	padding: var(--rd-spacing-x-sm);
	align-items: center;
}

.goodie_selet_img:hover {
	background-color: var(--rd-input-disabled);
}

.avatar_thumb img {
	width: 68px;
}

.avs_content {
	display: flex;
	overflow-x: auto;
	max-width: 410px;
	gap: var(--rd-spacing-md);
	padding: var(--rd-spacing-sm) 0;
}

.avs_content img {
	max-width: 90px;
}

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

.hgg-thumb img {
	max-width: 70px;
}

.goodie_selet_action {
	text-align: right;
	align-self: flex-start;
}

.goodie_selet_action label {
	position: relative;
	text-align: center;
	display: block;
	color: var(--rd-primary-active);
	border: 1px solid var(--rd-primary-active);
	padding: var(--rd-spacing-x-sm);
	/* text-align: center; */
	/* font-family: Open Sans; */
	font-size: var(--rd-fontsize-3);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	/* 17.64px */
	border-radius: var(--rd-borderradius-border-xl);
	cursor: pointer;
	margin-bottom: 0;
	margin-top: 14px;
}

.goodie_selet_action label:before {
	content: "Auswählen";
}

.goodie_selet_action input:checked+label {
	background-color: var(--rd-primary-active);
	color: var(--rd-font-light);
}

.goodie_selet_action input:checked+label:before {
	content: "Ausgewählt";
}

[data-popup="SelectGoodie"] .modal_content_inner {
	padding: 0;
}

[data-popup="SelectGoodie"] .modal_title {
	margin-top: 0;
}

.avatar_folder_selector .rd-secondary-btn-textlink {
	margin-top: var(--rd-spacing-x-sm);
}

#rcb-left hr:last-child {
	display: none;
}

.no_learn_points_text {
	color: var(--rd-error-default);
	margin-left: var(--rd-spacing-x-sm);
	font-style: italic;
}

.top_lerner_table p {
	margin: 0;
}

.rd-top-tabs-card .slick-track {
	width: 100% !important;
}

@media screen and (max-width: 700px) {
	.rd-top-tabs-card .slick-track {
		width: 25000px !important;
	}
}

.lernesterne-suche-datepiker {
	display: grid;
	grid-template-areas:
		"PIKER SUCHE";
	gap: var(--rd-spacing-md);
	grid-template-columns: 268px auto;
}

.lernesterne-suche-datepiker .rd-selector-searchrow {
	grid-area: SUCHE;
	margin: 0;
}

.lernesterne-suche-datepiker .rd-selector-filter {
	grid-area: PIKER;
}

.form-sterne-filter-flex {
	display: flex;
	gap: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-md);
}