/* Screens ab 900 px */
@media only screen and (min-width: 900px)
{

    html {
        max-height: 100%;
    }

    /* Menü Container Links */

    /* Kachelübersicht */
    #leftContainer {
        height: 100%;
    }
    .kachel {

        position:relative;
        float: left;
        width: calc(100% / 3);
        min-height: 200px;
        height: calc(100% / 6);
        transition: 0.5s ease-in-out;
        overflow: hidden;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .button-group {
        width: 800px;
        height: 40px;
    }
    #arbeitsfilter {
        height: 40px;
        text-align: center;
        position: relative;
        z-index: 999999;
        display: block;
        float: left;
    }

    #arbeitsfilter_mobile {
        display: none;
    }

    #arbeitsfilter_mobile_500 {
        display: none;
    }

    #bottomLine {
        display: inline-block;
    }

    .button {
        padding: 8px 18px;
        margin-bottom: 10px;
        -webkit-appearance: push-button;
        width: auto;
         background: #000000;
       border: none;
        color: #555555;
        width: auto;
    }

    div.media iframe,
    div.media a img {
        width: 700px;
        height: 394px;
    }


    button:active,
    .button.is-checked {
        background-color: transparent;
    }

    .button:hover {
        background-color: transparent;
    }

    .button.is-checked {
        background-color: transparent;
    }

    div#wrapper {
        position: absolute;
        left: 150px;
        height: 100%;
        min-height: 550px;
        width: 100%;
    }

    /* Inhaltseinstellungn */
    .lightbox-content2 {
        width: 700px;
    }

    .mobile_hinweis {
        display: none;
    }
}