/* Portfolio Grid Bilder begrenzen */
.view-portfolio .views-view-grid .views-field-field-images img {
    width: 100%;
    height: auto;
    display: block;
}
.view-portfolio .views-col {
    padding: 6px;
}

.view-portfolio .views-field-title {
    text-align: center;
    margin-top: 6px;
    font-weight: 500;
}


/* Abstand zwischen Portfolio-Kacheln */
/* echtes Grid */
.view-portfolio .views-view-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

/* alte Views-Strukturen neutralisieren */
.view-portfolio .views-view-grid .views-row,
.view-portfolio .views-view-grid .views-col {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
}

/* Karte */
.view-portfolio .views-view-grid .views-field-field-images {
    background: #fff;
}

/* Bild */
.view-portfolio .views-view-grid img {
    width: 100%;
    height: auto;
    display: block;
}

/* Titel/Meta unter Bild */
.view-portfolio .views-field-title {
    text-align: center;
    margin-top: 8px;
    min-height: 2.8em;
}