.container-header .grid-child,
.container-header .grid-child .mod-custom {
    width: 100%;
}

.container-header .header-rechts {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.mod-menu__sub {
    background-color: #f6f6f6 !important;
}
.mod-menu__sub li {
    padding: 1em 0;
}
@media (width <= 991.98px) {
  .container-header .mod-menu .mod-menu__sub a, .container-header .mod-menu .mod-menu__sub span {
    color: unset;
  }
}
.container-footer .grid-child {
    width: 100%;
    max-width: 1332px;
}

.container-footer .mod-custom {
    width: 100%;
}

/* ==========================================================
   ZUMV – Phoca Gallery
   Anpassungen für Theme Standard
   ========================================================== */


/* ----------------------------------------------------------
   1. BILDERGALERIE
   Grössere, ruhigere Bildkacheln
   ---------------------------------------------------------- */

.pg-category-view .pg-item-box {
    width: 180px !important;
    height: auto !important;
    margin: 0 14px 18px 0 !important;
}


/* Bildbereich */
.pg-category-view .pg-item-box-img {
    width: 180px !important;
    height: 135px !important;
    overflow: hidden;
}


/* Thumbnail selbst */
.pg-category-view .pg-item-box-img img {
    width: 180px !important;
    height: 135px !important;
    object-fit: cover;
    display: block;
}


/* ----------------------------------------------------------
   2. GRID
   Etwas Luft zwischen den einzelnen Bildern
   ---------------------------------------------------------- */

.pg-category-view .pg-item-box {
    box-sizing: border-box;
    vertical-align: top;
}


/* ----------------------------------------------------------
   3. TITEL
   Falls Titel weiterhin eingeschaltet sind
   ---------------------------------------------------------- */

.pg-category-view .pg-item-box-title {
    width: 180px !important;
    box-sizing: border-box;
    padding: 6px 4px !important;
    font-size: 0.9rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ----------------------------------------------------------
   5. ZURÜCK-BUTTON
   Nicht mehr als riesige Kachel darstellen
   ---------------------------------------------------------- */

.pg-category-view .pg-back-box,
.pg-category-view .pg-category-box-back {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 20px 0 !important;
}


/* Zurück-Icon */
.pg-category-view .pg-back-box svg,
.pg-category-view .pg-category-box-back svg {
    width: 32px !important;
    height: 32px !important;
}


/* ----------------------------------------------------------
   6. KATEGORIENÜBERSICHT
   Kategorien etwas grösser und luftiger
   ---------------------------------------------------------- */

.pg-categories-view .pg-category-box {
    width: 170px !important;
    min-height: 125px;
    margin: 0 14px 16px 0 !important;
    box-sizing: border-box;
}


/* Kategorie-Hintergrundbild */
.pg-categories-view .pg-category-box-image img {
    width: 100%;
    height: 125px;
    object-fit: cover;
}


/* Kategoriename */
.pg-categories-view .pg-category-box-title {
    font-size: 1rem;
    line-height: 1.25;
}


/* ----------------------------------------------------------
   7. RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 768px) {

    .pg-category-view .pg-item-box {
        width: 160px !important;
    }

    .pg-category-view .pg-item-box-img,
    .pg-category-view .pg-item-box-img img {
        width: 160px !important;
        height: 120px !important;
    }

    .pg-categories-view .pg-category-box {
        width: 160px !important;
    }
}


@media (max-width: 480px) {

    .pg-category-view .pg-item-box {
        width: calc(50% - 10px) !important;
        margin: 0 10px 15px 0 !important;
    }

    .pg-category-view .pg-item-box-img,
    .pg-category-view .pg-item-box-img img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .pg-categories-view .pg-category-box {
        width: calc(50% - 10px) !important;
    }
}

/* ==========================================================
   Phoca Gallery – Zurück-Kachel
   gleiche Grösse wie die Bilder
   ========================================================== */

.pg-item-box-image:has(> .ph-si-back-medium) {
    width: 180px !important;
    height: 135px !important;
    max-width: 180px !important;
    aspect-ratio: 4 / 3 !important;

    display: block !important;
    background: #f2f2f2;
    box-sizing: border-box;
}

/* SVG wieder über die komplette Kachel anzeigen */
.pg-item-box-image > .ph-si-back-medium {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

/* ==========================================================
   ZUMV – Phoca Gallery
   Ordnersymbole in der Kategorienübersicht begrenzen
   ========================================================== */

.pg-categories-view .pg-category-box-image svg,
.pg-categories-view .pg-category-box-image img {
    max-width: 100% !important;
    max-height: 125px !important;
    object-fit: contain;
}