/* ============================
   Startseite
   ============================ */

.home-heading {
    width: auto;
    margin: 13px 0 0;
    padding: 0;
}

.home-content {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: -9px;
}

.home-text {
    width: 620px;
    min-height: 264px;
    padding-right: 20px;
}

.home-images {
    display: flex;
    gap: 18px;
    margin-top: 20px;
    flex-wrap: nowrap;
}

.home-images img {
    width: 284px;
    height: 250px;
    object-fit: cover;
}

.home-resmio {
    margin-top: 20px;
    width: 200px;
}

/* Info-Boxen */
.home-info {
    display: flex;
    gap: 0;
    margin-top: 20px;
}

.home-info-box {
    width: 284px;
    min-height: 192px;
    padding-right: 18px;
}

.home-info-box a {
    color: #8A4810;
    text-decoration: none;
}

.home-info-box a:hover {
    text-decoration: underline;
}

/* ============================
   Responsive – Tablet (max 959px)
   ============================ */
@media (max-width: 959px) {
    .home-text {
        width: 100%;
        padding-right: 0;
    }

    .home-images {
        flex-wrap: wrap;
        gap: 12px;
    }

    .home-images img {
        width: calc(50% - 6px);
        height: auto;
    }

    .home-info {
        flex-wrap: wrap;
        gap: 16px;
    }

    .home-info-box {
        width: calc(50% - 8px);
        padding-right: 0;
    }

    .home-resmio {
        width: 100%;
    }
}

/* ============================
   Responsive – Mobil (max 600px)
   ============================ */
@media (max-width: 600px) {
    .home-images img {
        width: 100%;
        height: auto;
    }

    .home-info-box {
        width: 100%;
    }
}