@media screen and (min-width: 1025px) {
    #installMe {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .subkatContent {
        display: block;
    }

    .subkatHl {
        padding: 0 5%;
        font-size: 0.8em;
        height: 3em;
        display: flex;
        align-items: center;
    }

    .colorRow {
        width: 100%;
    }

    .color {
        align-items: flex-start;
        padding: 1% 0;
    }

    .dot {
        top: 2px;
    }

    .popup .popupContent.disclaimer {
        /* height: 95%; */
    }

    #content {
        line-height: 1.2em;
    }

    .results {
        /* margin-top:15%; */
    }

    .searchResult {
        flex-direction: column;
    }

    .searchLeft {
        width: 100%;
        border: none;
        border-bottom: 2px solid #152644;
        margin: 0 5%;
        padding-bottom: 5%;
    }

    .searchRight {
        flex: unset;
        border: none;
        margin: 0 5%;
        width: 100%;
        margin-top: 5%;
    }

    .searchRight .color {
        align-items: flex-start;
    }

    .searchRight .dot {
        top: 3px;
    }

    .searchLegende {
        font-size: 0.8em;
        margin-top: 2%;
    }

    .searchTerms {
        font-size: 1.2em;
        margin-bottom: 5%;
    }

    .popup .popupContent {
        overflow: auto;
        display: block;
    }

    .abstandMobile {
        margin-top: 15%;
    }

    #header {
        flex-direction: column;
    }

    .left {
        width: 100%;
    }

    .tablehome {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-left: 0.5em;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 40px 40px;
        background-image: url("../img/icon-burger-menu@2x.png");
        cursor: pointer;
    }

    .tableinfo {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-left: 0.5em;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 40px 40px;
        background-image: url("../img/icon-info@2x.png");
        cursor: pointer;
    }

    #header.result {
        flex-direction: row;
    }

    .result .left {
        width: 25%;
    }

    #content.centered {
        position: static;
        top: 0;
        left: 0;
        transform: none;
    }
}