@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>div {
	width: 108px;
	height: 54px;
	background-size: cover;
	background-position: 50%;
	border-radius: var(--rd-borderradius-border-sm);
}

[data-podcast="1"] .nit-tf-img>div {
	/* width: 54px; */
	/* margin-right: 54px; */
	background-size: contain;
	background-repeat: no-repeat;
	background-color: var(--rd-secondary-active);
}

.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.dark {
	background-color: rgba(59, 63, 89, 1);
	color: #fff;
}

.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-md);
	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-x-sm);
	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;
	gap: var(--rd-spacing-md);
	align-items: center;
	font-weight: var(--rd-fontweights-open-sans-1);
	padding: 0 !important;
    padding-right: var(--rd-spacing-xxx-big) !important;
}

.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% !important;
	}
}

.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>div {
	margin-left: 25px;
}

div.div-table .thead>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>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>div>*,
div.new_instracion_div>*,
.instr_summery>* {
	/* border-left:1px solid; */
}

div.div-table.long_table .thead>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 > 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>div {
		display: none;
	}

	div.new_instracion_div {
		display: block;
	}

	div.new_instracion_div>*: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>* {
		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>* {
		grid-template-columns: 90px auto;
	}
}

@media screen and (max-width: 325px) {
	div.new_instracion_div>* {
		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;

}