/* Fundsachen Galerie – Frontend Styles */
:root{--fg-accent:#ce061d}
.fg-container{max-width:1100px;margin:0 auto;padding:24px 16px}
.fg-header{margin-bottom:16px}
.fg-title{font-size:32px;line-height:1.15;margin:0 0 6px}
.fg-subtitle{margin:0;color:#5a5f66}

.fg-search{margin:18px 0 22px}
.fg-search-row{display:flex;gap:10px;flex-wrap:wrap}
.fg-search-row input,
.fg-search-row select{flex:1;min-width:200px;border:1px solid #d6d9dd;border-radius:12px;padding:12px 14px;font-size:15px;outline:none;background:#fffheight:48px;}

.fg-search-row input:focus,
.fg-search-row select:focus{border-color:var(--fg-accent);box-shadow:0 0 0 3px rgba(206,96,29,.18)}
.fg-search-row button{border:0;border-radius:12px;padding:12px 16px;font-weight:700;background:var(--fg-accent);color:#fff;cursor:pointerheight:48px;display:inline-flex;align-items:center;justify-content:center;}

.fg-search-row button:hover{filter:brightness(0.95)}

.fg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width: 900px){.fg-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 620px){.fg-grid{grid-template-columns:1fr;}}

.fg-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e6ea;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:transform .12s ease, box-shadow .12s ease}
.fg-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,0,0,.09)}
.fg-card-media{position:relative;aspect-ratio:16/10;background:#f3f5f7;display:flex;align-items:center;justify-content:center}
.fg-card-img{width:100%;height:100%;object-fit:cover;display:block}
.fg-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b818a}
.fg-card-placeholder span{font-size:28px;margin-bottom:6px}
.fg-card-placeholder small{font-size:13px}

.fg-card-body{padding:14px 14px 16px}
.fg-card-title{font-size:18px;margin:0 0 8px}
.fg-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.fg-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(206,96,29,.12);color:#7c1d16;border-radius:999px;padding:6px 10px;font-size:12.5px;font-weight:700}
.fg-pill-muted{background:#f1f3f5;color:#4b5563}

.fg-excerpt{margin:0;color:#5a5f66;font-size:14px;line-height:1.45}
.fg-empty{background:#fff;border:1px dashed #cfd4db;border-radius:18px;padding:18px;color:#4b5563}

.fg-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fg-page, .fg-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:12px;border:1px solid #d6d9dd;background:#fff;text-decoration:none;color:#111827;font-weight:700}
.fg-page.is-active{background:var(--fg-accent);color:#fff;border-color:var(--fg-accent)}

.fg-single .fg-single-header{margin:8px 0 14px}
.fg-single-title{font-size:34px;line-height:1.15;margin:0 0 10px}
.fg-single-card{background:#fff;border:1px solid #e4e6ea;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.fg-prose{font-size:16px;line-height:1.6}
.fg-muted{color:#6b7280}
.fg-breadcrumb a{text-decoration:none;color:var(--fg-accent);font-weight:700}

.fg-gallery{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width: 780px){.fg-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 520px){.fg-gallery{grid-template-columns:1fr;}}
.fg-gallery-item{display:block;border-radius:16px;overflow:hidden;border:1px solid #e4e6ea;background:#f3f5f7}
.fg-gallery-img{width:100%;height:100%;object-fit:cover;display:block}

.fg-callout{margin-top:14px;background:#fff7ed;border:1px solid rgba(206,96,29,.25);border-radius:16px;padding:12px 14px}
.fg-callout strong{display:block;margin-bottom:6px;color:#7c1d16}
.fg-callout-text{color:#374151}

.fg-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}
.fg-lightbox.is-open{display:flex}
.fg-lb-img{max-width:min(1100px, 96vw);max-height:86vh;border-radius:16px;box-shadow:0 20px 80px rgba(0,0,0,.45)}
.fg-lb-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:0;background:rgba(17,24,39,.92);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.fg-noscroll{overflow:hidden}

.fg-search-row input, .fg-search-row select, .fg-search-row button{box-sizing:border-box; height:48px; line-height:48px; padding-top:0; padding-bottom:0;}