.tab-anwendungen-top-block {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-gap: 40px;
}

.tab-anwendungen-top-block .tab-anwendungen-top-info h3, .tab-anwendungen-vermieten-top-block .tab-anwendungen-top-info h3 {
    color: #000000;
    font-family: "Roboto", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    text-transform: initial;
    padding: 0;
    margin: 35px 0 40px 0;
    line-height: 1.25;
    text-align: left;
}

.tab-anwendungen-top-block .tab-anwendungen-top-info p {
    margin: 30px 0 0;
}

.tab-anwendungen-vermieten-top-block .tab-anwendungen-top-info p {
    margin: 30px 0;
}

.tab-anwendungen-top-block .tab-anwendungen-top-svg-wrap svg {
    max-width: 60%;
}

.tab-anwendungen-main-grid {
    display: grid;
    grid-template-columns: 1fr 100px 10fr;
}

.tab-anwendungen-main-grid .tab-anwendungen-numbers-block, .tab-anwendungen-main-grid .tab-anwendungen-hr-block {
    display: grid;
    grid-template-rows: 70px;
    grid-gap: 10px;
    align-items: center;
}

.tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 25px;
    color: #fff;
    font-size: 40px;
    border: 1px solid;
    cursor: pointer;
}

.tab-anwendungen-main-grid .tab-anwendungen-hr-block hr {
    width: 98%;
}

.tab-anwendungen-main-grid .tab-anwendungen-hr-block .displayLine {
    visibility: visible;
}

.tab-anwendungen-main-grid .tab-anwendungen-hr-block .hideLine {
    visibility: hidden;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box {
    box-shadow: 0 3px 6px #00000029;
    min-height: 482px;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box .text-box {
    padding: 30px;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box .text-box h4 {
    font-size: 30px;
    margin-bottom: 20px;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box .text-box p {
    margin: 0 0 20px 10px;
    line-height: 32px;
    font-size: 19px;
}

/*=======================
  RESPONSIVE DESIGN
=========================*/
@media (max-width: 1200px) {
    .tab-anwendungen-top-block .tab-anwendungen-top-info p {
        margin: 30px 0;
    }
}

@media (max-width: 998px) {
    .tab-anwendungen-top-block {
        grid-template-columns: 1fr;
    }

    .tab-anwendungen-top-block .tab-anwendungen-top-svg-wrap {
        display: none;
    }

    .tab-anwendungen-top-block .tab-anwendungen-top-info h3, .tab-anwendungen-vermieten-top-block .tab-anwendungen-top-info h3 {
        margin: 35px 0 0 0;
    }
}

@media (max-width: 768px) {
    .tab-anwendungen-main-grid {
        grid-template-columns: 1fr 20px 10fr;
        padding: 15px 10px;
    }
}

@media (max-width: 540px) {
    .tab-anwendungen-main-grid {
        grid-template-columns: 1fr;
    }

    .tab-anwendungen-main-grid .tab-anwendungen-numbers-block {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 20px;
        grid-template-rows: 1fr;
        margin-bottom: 10px;
        justify-items: center;
    }

    .tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
        padding: 0;
        width: 75px;
        height: 75px;
    }

    .tab-anwendungen-main-grid .tab-anwendungen-hr-block {
        display: none;
    }
}

@media (max-width: 450px) {
    .tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
        width: 50px;
        height: 50px;
        font-size: 35px;
    }
}

@media (max-width: 400px) {
    .tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }
}


/*=======================
   SVG HOUSE VERKAUFEN
=========================*/
.st0{fill:#CFBFA6;}
.st1{fill:#904F39;}
.st2{fill:#B7B7B7;}
.st3{fill:#FDFDFD;}
.st4{fill:#79CACA;}
.st5{fill:#7799CA;}
.st6{fill:#587195;}
.st7{fill:#FFFFFF;}
.st8{fill:#6E3C2B;}
.st9{fill:#DDE76C;}
.st10{fill:#98533C;}
.st11{fill:#968A78;}
.st12{fill:#7A7A7A;}
.st13{fill:#A8A8A8;}
.st14{fill:#579292;}
.st15{fill:#9E563F;}
.st16{fill:#80A6DB;}
.st17{fill:#5E79A0;}
.st18{fill:#CCCCCC;}