/*responsive Styles liste in Cloud*/
#objectList .gridrow[max-width~="1024px"] div.ol-c4,
#objectList .gridrow[max-width~="1024px"] div.ol-c5 {
    display: none;
    visibility: hidden;
}

#objectList .gridrow[max-width~="1024px"] div.ol-c3 {
    width: 55%;
}

#objectList .gridrow[max-width~="800px"] div.ol-c8 {
    width: 150px;
}

#objectList .gridrow[max-width~="800px"] div.ol-c3 {
    width: 45%;
}

#objectList .gridrow[max-width~="620px"] div.ol-c3 {
    width: calc(100% - 210px);
}

#objectList .gridrow[max-width~="620px"] div.ol-c7 {
    padding: 0;
}

#objectList .gridrow[max-width~="620px"] div.ol-c6 {
    margin-left: 44px;
    padding: 0;
    width: calc(100% - 44px);
}

    #objectList .gridrow[max-width~="620px"] div.ol-c6 i.fx {
        padding: 0 0 8px 0;
    }

#objectList .gridrow[max-width~="250px"] div.ol-c3 {
    width: 40%;
}

#objectList .gridrow[max-width~="400px"] div.ol-c3 {
    width: 60%;
}

#objectList .gridrow[max-width~="400px"] div.ol-c8 {
    width: 100px;
}

    #objectList .gridrow[max-width~="400px"] div.ol-c8 .fr {
        display: none;
    }

    #objectList .gridrow[max-width~="400px"] div.ol-c8 div.date {
        float: none;
        width: 100%;
        text-align: right;
    }

#objectList .gridrow[max-width~="400px"] div.ol-c9 {
    display: none;
    visibility: hidden;
}

#objectList .gridrow[max-width~="620px"] div.ol-c6 {
    margin-left: 42px;
    width: calc(100% - 42px);
}

/*Styles für die Icons*/
.fx {
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
}

    .fx:before,
    .fx::before {
        font-size: 1.000rem;
        vertical-align: top;
        color: #595959;
    }

    .fx[class^="icon-"],
    .fx[class*=" icon-"] {
        vertical-align: middle;
    }