.tenants {padding-top:80px;padding-bottom:80px;background:#f5f5f5;position:relative}
@media screen and (max-width:750px ) {.tenants {padding-top:60px;padding-bottom:60px }}
.tenants:before,
.tenants:after {content:"";display:block;width:1px;height:100%;position:absolute;transform:rotate(33.7269849deg);background:rgba(0,0,0,0.1)}
.tenants:before {transform-origin:top right;top:0;left:510px}
@media screen and (max-width:750px ) {.tenants:before {transform-origin:top left;top:0;right:40px;left:327px;bottom:unset }}
.tenants:after {top:50%;right:0;transform-origin:top right}
@media screen and (max-width:750px ) {.tenants:after {display:none }}
@media screen and (max-width:750px ) {.tenants .container {padding-left:0;padding-right:0 }}
@media screen and (max-width:750px ) {.tenants .container >.row {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column-reverse }}
.tenants .container >.row >.col {padding:0}
.tenants .container .grid-row--3 {height:100%}
.tenants__categories {user-select:none;padding-top:25px;position:sticky;position:-webkit-sticky;top:0}
.tenants__categories:before {content:"";width:40px;height:63px;background:url(../themes/kvartal/assets/img/svg/appearance/arrow-chevrone-left--white.svg) center right / contain no-repeat;position:absolute;right:100%;top:0;pointer-events:none;margin-right:40px}
@media screen and (max-width:750px ) {.tenants__categories {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;overflow-x:auto;overflow-y:hidden;margin-left:20px;padding-top:0;margin-bottom:30px }}
.tenants__categories .h3 {margin-bottom:20px;position:relative;cursor:pointer;-webkit-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease}
@media screen and (max-width:750px ) {.tenants__categories .h3 {flex-shrink:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row-reverse;padding-right:30px;margin-bottom:0 }.tenants__categories .h3:last-child {padding-right:20px }}
.tenants__categories .h3 span {right:100%;margin-right:11px;color:#d0d0d0;top:1px;position:absolute}
@media screen and (max-width:750px ) {.tenants__categories .h3 span {position:static;margin-left:5px;margin-right:0 }}
.tenants__categories .h3.is_active,
.tenants__categories .h3:hover {color:#0e8946}
.is_loading + .tenants-load-more-wrapper {pointer-events:none}