/* table */
section.m33_wohnungen_tabelle table {
	width: 100%;
	max-width: 100%;
	display: block;
}

section.m33_wohnungen_tabelle table tbody {
	max-width: 100%;
	width: 100%;
	display: block;
}

section.m33_wohnungen_tabelle table tr {
	margin-bottom: 16px;
	position: relative;
	width: 100%;
}

section.m33_wohnungen_tabelle table tr:not(.m33_t_heading):before {
	content: '';
	border-radius: 0px 5px 5px 0;
	width: 6px;
	height: calc(100% - 20px);
	position: absolute;
	bottom: 10px;
	left: 0;
}

section.m33_wohnungen_tabelle table tr[data-available="true"]:before {
	background-color: #22c55e;
}

section.m33_wohnungen_tabelle table tr[data-available="false"]:before {
	background-color: #ef4444;
}

section.m33_wohnungen_tabelle table tr.m33_t_data {
	align-items: center;
	align-items: stretch;
}

section.m33_wohnungen_tabelle table tr:last-child {
	margin-bottom: 0;
}

section.m33_wohnungen_tabelle table th,
section.m33_wohnungen_tabelle table td {
	text-align: center;
	flex: 1;
}

section.m33_wohnungen_tabelle table td {
	background-color: #efefee;
	padding-top: 20px;
	padding-bottom: 21px;
	padding-left: 5px;
	padding-right: 5px;
}

section.m33_wohnungen_tabelle table th:last-child,
section.m33_wohnungen_tabelle table td:last-child {
	padding-right: 20px;
}

section.m33_wohnungen_tabelle table th {
	font-size: 0.833rem;
	font-weight: 300;
	/* background-color: var(--background_color); */
}

section.m33_wohnungen_tabelle table td.m33_t_title,
section.m33_wohnungen_tabelle table th.m33_t_title {
	text-align: start;
	padding-left: 60px;
}

section.m33_wohnungen_tabelle table td.m33_t_title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

section.m33_wohnungen_tabelle table td.m33_not_available {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 101;
}

section.m33_wohnungen_tabelle table td.m33_not_available span {
	cursor: default;
	--primarbutton_background_color: #ef4444;
	--primarbutton_font_color: #ffffff;
	border-color: transparent !important;
	background-color: var(--primarbutton_background_color) !important;
	color: var(--primarbutton_font_color) !important;
}

section.m33_wohnungen_tabelle table td .m33_link {
	display: block;
	font-size: 0.833rem;
}


/* legend */
section.m33_wohnungen_tabelle .m33_legend_wrapper {
	margin-top: 41px;
}

section.m33_wohnungen_tabelle .m33_legend_container {
	gap: 10px 35px;
	justify-content: flex-end;
}

section.m33_wohnungen_tabelle .m33_legend {
	align-items: center;
}

section.m33_wohnungen_tabelle .m33_legend.success {
	--l_color: #22c55e;
}

section.m33_wohnungen_tabelle .m33_legend.warning {
	--l_color: #ef4444;
}

section.m33_wohnungen_tabelle .m33_legend_circle {
	background-color: var(--l_color);
	width: 10.5px;
	height: 10.5px;
	min-width: 10.5px;
	min-height: 10.5px;
	border-radius: 50%;
	margin-right: 8px;
}

section.m33_wohnungen_tabelle .m33_legend_title {
	color: var(--l_color);
}

section.m33_wohnungen_tabelle table th.m33_t_fixed {
	background: #fff;
}

@media screen and (min-width: 1600px) {
	section.m33_wohnungen_tabelle table th,
	section.m33_wohnungen_tabelle table td {
		width: calc( 100% / 6 );
		padding-right: 10px;
		padding-left: 10px;
	}		
}

@media screen and (max-width: 1839px) {
	section.m33_wohnungen_tabelle table td.m33_t_title, 
	section.m33_wohnungen_tabelle table th.m33_t_title {
		padding-left: 40px;
	}
	
	section.m33_wohnungen_tabelle table th:last-child, 
	section.m33_wohnungen_tabelle table td:last-child {
		padding-right: 13px;
	}
}

@media screen and (max-width: 1599px) {
	section.m33_wohnungen_tabelle table td.m33_t_title, 
	section.m33_wohnungen_tabelle table th.m33_t_title {
		padding-left: 30px;
	}
	
	section.m33_wohnungen_tabelle table th:last-child, 
	section.m33_wohnungen_tabelle table td:last-child {
		padding-right: 10px;
	}
}

@media screen and (max-width: 1199px) {
	section.m33_wohnungen_tabelle table {
		overflow: scroll;
	}
	
	section.m33_wohnungen_tabelle table tr {
		width: 120%;
	}
	
	section.m33_wohnungen_tabelle table td.m33_t_fixed,
	section.m33_wohnungen_tabelle table th.m33_t_fixed {
		position: sticky;
		right: 0px;
		flex: 1.2;
		z-index: 100;
		padding-left: 10px;
	}
	
	section.m33_wohnungen_tabelle table td.m33_t_fixed:before,
	section.m33_wohnungen_tabelle table th.m33_t_fixed:before {
		content: '';
		position: absolute;
		left: -40px;
		top: 0;
		width: 40px;
		height: 100%;
		background: linear-gradient(
			to right,
			transparent,
			var(--t_background_color)
		)
	}
	
	section.m33_wohnungen_tabelle table td.m33_t_fixed:before {
		--t_background_color: #efefee;
	}
	
	section.m33_wohnungen_tabelle table th.m33_t_fixed:before {
		--t_background_color: #fff;
	}
}

@media screen and (max-width: 767px) {
	section.m33_wohnungen_tabelle table tr {
		width: 150%;
	}
}

@media screen and (max-width: 575px) {
	section.m33_wohnungen_tabelle table tr {
		width: 180%;
	}
	
	section.m33_wohnungen_tabelle table td.m33_t_fixed,
	section.m33_wohnungen_tabelle table th.m33_t_fixed {
		flex: 1.4;
	}
}

@media screen and (max-width: 419px) {
	section.m33_wohnungen_tabelle table tr {
		width: 200%;
	}
}