/* Allgemein */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header, footer { text-align:center; padding:15px; background:#f8f8f8; }
h1 { margin: 10px 0; }

/* Grid Übersicht */
.category-grid {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap:20px;
    padding:20px;
    justify-items:center;
}
.category-card {
    background:#fff;
    padding:10px;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
    text-align:center;
}
.category-card img {
    width:80px; margin:2px; border-radius:4px; cursor:pointer;
    transition: transform 0.2s;
}
.category-card img:hover { transform: scale(1.05); }

/* Galerie auf Kategorie-Seite */
.gallery {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
    gap:15px;
    padding:20px;
    justify-items:center;
}
.gallery-item img {
    width:100%; border-radius:6px; cursor:pointer;
    transition: transform 0.2s;
}
.gallery-item img:hover { transform: scale(1.02); }
.caption { text-align:center; font-size:0.9em; margin-top:5px; }

/* Lightbox */
#lightbox {
    display:none;
    position:fixed; top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.9);
    justify-content:center; align-items:center;
    z-index:1000;
}
#lightbox-img {
    max-width:95%; max-height:95%;
    border-radius:8px;
    box-shadow:0 0 30px #000;
    transition: transform 0.3s ease;
}
#lightbox:hover #lightbox-img { transform: scale(1.02); }