/* ============================
   Galerie
   ============================ */

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

.galerie-thumbnails {
    display: flex;
    gap: 18px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.galerie-thumbnails img {
    width: 205px;
    height: 180px;
    object-fit: cover;
}

.galerie-main {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.galerie-main-img {
    width: 435px;
    height: 289px;
    object-fit: cover;
    flex-shrink: 0;
}

.galerie-tall-img {
    width: 433px;
    height: 514px;
    object-fit: cover;
    flex-shrink: 0;
}

.vollbild-button {
    display: inline-block;
    margin-top: 20px;
    padding: 8px 16px;
    color: #562D0F;
    font-family: "open-sans-condensed", sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    border: 2px solid #8A4810;
}

.vollbild-button:hover {
    background-color: #8A4810;
    color: #FFFFFF;
    text-decoration: none;
}

/* ============================
   Responsive – Tablet (max 959px)
   ============================ */
@media (max-width: 959px) {
    .galerie-thumbnails img {
        width: calc(50% - 9px);
        height: auto;
        aspect-ratio: 205 / 180;
    }

    .galerie-main-img {
        width: 100%;
        height: auto;
        aspect-ratio: 435 / 289;
    }

    .galerie-tall-img {
        width: 100%;
        height: auto;
        aspect-ratio: 433 / 514;
    }
}

/* ============================
   Responsive – Mobil (max 600px)
   ============================ */
@media (max-width: 600px) {
    .galerie-thumbnails {
        gap: 10px;
    }

    .galerie-thumbnails img {
        width: calc(50% - 5px);
    }

    .vollbild-button {
        display: block;
        text-align: center;
        margin-top: 16px;
    }
}