.holding-project-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 50px;
}

/* Die Boxen */
.holding-project-wrapper .box {
    padding: 25px;
    border-radius: 20px;
}

.project-header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 !important;
}

.project-header-box h1, .project-header-box h2 {
    background: linear-gradient(0deg, #e7e4df 45%, rgba(217, 217, 217, 0) 45%);;
}

.project-content-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
}

.gallery-box { padding: 0 !important; overflow: hidden; position: relative; }
.gallery-box img { width: 100%; height: auto; display: block; }

.gallery-hint {
    position: absolute; bottom: 10px; right: 10px;
    background: rgba(0,0,0,0.7); color: #fff;
    padding: 5px 12px; font-size: 12px;
}

.info-box {
    background-color: #1f293e;
    color: white;
}

.description-box {
    background-color: #e7e4df;

}

.meta-list .meta-item {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.btn-holding {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 25px;
    background: #1a1a1a;
    color: #fff;
    text-decoration: none;
}

.map-box {
    padding: 0 !important;
    filter: grayscale(1);
    transition: all 0.4s ease;
}

.map-box:hover {
    filter: none;
}

.map-box iframe { width: 100%; height: 350px; border: 0; display: block; border-radius: 20px; }

.status-badge {
    padding: 4px 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; background-color: #ffffff; border-radius: 20px;
}
.badge-planung { background: #eee; color: #666; }
.badge-bau { background: #d4edda; color: #155724; }
.badge-fertig { background: #cce5ff; color: #004085; }

@media (max-width: 768px) {
    .project-content-grid { grid-template-columns: 1fr; }
}

.gallery-box { position: relative; cursor: pointer; }
.pswp-link img { transition: 0.4s ease; display: block; max-width: 1200px !important; }
.pswp-link:hover img { transform: scale(1.05); }

.gallery-hint {
    position: absolute; bottom: 15px; right: 15px;
    background: #fff; color: #000; padding: 5px 12px; border-radius: 20px;
    font-size: 12px; font-weight: bold; text-transform: uppercase;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* Fix für das Box-Layout */
.project-content-grid {
    display: flex; gap: 20px; margin-top: 20px;
}
.gallery-box { flex: 2; }
.info-box { flex: 1; }

@media (max-width: 768px) {
    .project-content-grid { flex-direction: column; }
}