.legend,
.mwh-row-status .mwh-row-value,
.mwh-top .state,
.views-field-title span {
  display: flex;
  gap: 10px;
  color: #0ea248;
  align-items: center;
}
.legend:before,
.mwh-row-status .mwh-row-value:before,
.mwh-top .state:before,
.views-field-title span:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/frei.svg) no-repeat center center;
  background-size: 100% auto;
}
.status-17.legend,
.status-17 .mwh-row-status .mwh-row-value,
.status-17 .mwh-top .state,
.status-17 .views-field-title span {
  color: #ab8419;
}
.status-17.legend:before,
.status-17 .mwh-row-status .mwh-row-value:before,
.status-17 .mwh-top .state:before,
.status-17 .views-field-title span:before {
  background-image: url(../images/reserviert.svg);
}
.status-18.legend,
.status-18 .mwh-row-status .mwh-row-value,
.status-18 .mwh-top .state,
.status-18 .views-field-title span {
  color: #e8390a;
}
.status-18.legend:before,
.status-18 .mwh-row-status .mwh-row-value:before,
.status-18 .mwh-top .state:before,
.status-18 .views-field-title span:before {
  background-image: url(../images/verkauft.svg);
}
.legends {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: 10px 20px;
}
.sections-wohnungen-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: var(--gapsmall);
}
.sections-wohnungen-header h2 {
  margin: 0px;
}
@media all and (max-width: 550px) {
  .sections-wohnungen-header {
    flex-direction: column;
  }
}
/*==================================================================================================================================
		mobile byty
==================================================================================================================================*/
.main-container {
  -webkit-border-radius: var(--radius2);
  -moz-border-radius: var(--radius2);
  border-radius: var(--radius2);
  overflow: hidden;
}
/* hlavicka */
.mobile-wohnung-header-main {
  background: var(--primary);
  display: table;
  width: 100%;
  color: var(--light);
}
.mwh {
  font-size: var(--label);
  line-height: 1em;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-weight: 700;
  padding: 20px;
}
/* radky */
.mwohnungrow {
  background-color: transparent;
  border-bottom: 1px solid var(--border);
}
/* hlavicka radky */
.mobile-wohnung-header {
  display: table;
  width: 100%;
  cursor: pointer;
}
.mobile-wohnung-header .mwh {
  font-size: var(--label);
  line-height: 1em;
  font-weight: 400;
}
.open-wohnung .mobile-wohnung-header {
  background: rgba(var(--lightrgb), 0.2);
}
.mwh-top {
  width: 105px;
  min-width: 105px;
  word-break: keep-all;
}
.mwh-etage {
  width: 77px;
}
.mwh-zimmer {
  width: 74px;
}
.mwh-flache {
  width: 104px;
}
.mwh-preis {
  white-space: nowrap;
}
.mwh-open {
  width: 36px;
}
/* obsah radky */
.mobile-wohnung-content {
  padding: 0px 20px 20px;
  display: none;
}
.open-wohnung .mobile-wohnung-content {
  background: rgba(var(--lightrgb), 0.2);
  display: block;
}
.mwh-open span {
  margin: 0px 0px 0px auto;
  width: 15px;
  height: 15px;
  line-height: 100em;
  overflow: hidden;
  background: url(../images/plus.svg) no-repeat center center;
  background-size: 100% auto;
  display: block;
}
.open-wohnung .mwh-open span {
  background: url(../images/uparr.svg) no-repeat center center;
  background-size: auto 100%;
}
/* obsah obsahu */
.mwh-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  width: 100%;
  font-size: var(--label);
  padding: 10px 0px;
  border-bottom: 1px solid var(--border);
}
.mwh-row.empty {
  display: none;
}
.mwh-row-label {
  color: var(--secondary);
}
.tlacitka-mobil {
  display: flex;
  margin-top: 20px;
}
.view-wohnungen.view-display-id-block_1 > .attachment {
  display: none;
}
@media all and (max-width: 720px) {
  .view-wohnungen.view-display-id-block_1 > .view-content {
    display: none;
  }
  .view-wohnungen.view-display-id-block_1 > .attachment {
    display: block;
  }
  .mwh {
    padding: 20px 10px;
  }
}
@media all and (max-width: 550px) {
  .mwh-etage {
    display: none;
  }
}
@media all and (max-width: 450px) {
  .mwh-zimmer {
    display: none;
  }
}