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; }
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;
} 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%;
}
}