.hide {
    display: none !important;
}

.tx-epx-apartment {
    clear: both;
}
.apartment__headline {
    display: flex;
    flex-wrap: nowrap;
    font-size: 2.143rem;
    justify-content: space-between;
}

/* Layout */
.apartment__layout,
#floorplan {
    /* DG: 14.10.24 - hide floorplan for mobile */
    display: none;
}

@media screen and (min-width: 768px) {
    #floorplan {
        display: block;
    }

    /* Layout */
    .apartment__layout {
        background-color: #CCCCCC;
        border-radius: 4px;
        clear: both;
        display: flex;
        font-size: 1.1rem;
        float: right;
        padding: 0.4rem;
    }
    .apartment__layout > div {
        border-radius: 4px;
        cursor: pointer;
        padding: 0.8rem;
        font-size: 1.2rem;
    }
    .apartment__layout > div:hover,
    .apartment__layout .active {
        background-color: white;
    }
    .apartment__layout--list {
        margin-left: 0.4rem;
    }
}

/* show floorplan when go back from detailpage */
#floor:target ~ .apartment__floorplan,
#list:target ~ .apartment__listview {
    display: block !important;
}
#floor:target ~ .apartment__listview,
#list:target ~ .apartment__floorplan {
    display: none !important;
}
