/* 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(var(--fg-cols-desktop, 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}

/* Ensure same visual height for search fields & button */
.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;}

@media (min-width: 900px){.fg-grid{grid-template-columns: repeat(var(--fg-cols-desktop, 3), minmax(0, 1fr));}}


/* Detailansicht: Text und Galerie nebeneinander auf Desktop */
.fg-single-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px;align-items:start}
.fg-single-media .fg-gallery{margin-top:0}
@media (max-width: 820px){.fg-single-layout{grid-template-columns:1fr}.fg-single-media .fg-gallery{margin-top:16px}}

/* Lightbox: sichtbarer Close-Button und kein ungewolltes Zoomen per Bildklick */
.fg-lightbox{cursor:pointer}
.fg-lb-img{cursor:default;user-select:none}
.fg-lb-close{position:fixed;top:18px;right:18px;z-index:10001;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}
.fg-lightbox.is-open .fg-lb-close{display:inline-flex}



/* Detailansicht modern: Bild links, Text rechts */
.fg-single-card-modern{padding:18px}
.fg-detail-layout{display:grid;grid-template-columns:minmax(360px, 1.15fr) minmax(280px, .85fr);gap:24px;align-items:start}
.fg-detail-media{min-width:0}
.fg-detail-text{min-width:0}
.fg-detail-main-button{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;border-radius:18px;overflow:hidden}
.fg-detail-main-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:#f3f5f7}
.fg-detail-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.fg-detail-thumb{border:2px solid transparent;background:#f3f5f7;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1/1}
.fg-detail-thumb.is-active{border-color:var(--fg-accent)}
.fg-detail-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.fg-detail-empty-image{display:flex;min-height:320px;border-radius:18px;background:#f3f5f7;align-items:center;justify-content:center;flex-direction:column;color:#6b7280;gap:8px}
.fg-detail-empty-image span{font-size:42px}
.fg-callout-detail{margin-top:18px}

@media (max-width: 900px){
  .fg-detail-layout{grid-template-columns:1fr}
  .fg-detail-main-img{aspect-ratio:4/3}
}

/* Lightbox robust ohne Enfold-Konflikt */
.fg-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:999999;padding:26px;cursor:default}
.fg-lightbox.is-open{display:flex}
.fg-lb-bg{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;z-index:1}
.fg-lb-img{position:relative;z-index:2;max-width:min(1180px, 92vw);max-height:88vh;border-radius:16px;box-shadow:0 20px 80px rgba(0,0,0,.55);cursor:default;user-select:none}
.fg-lb-close{position:fixed;top:18px;right:18px;z-index:3;width:52px;height:52px;border-radius:999px;border:0;background:rgba(17,24,39,.96);color:#fff;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.fg-lb-close:hover{filter:brightness(1.15)}
.fg-noscroll{overflow:hidden}


/* Übersicht: alle Vorschaubilder gleich groß */
.fg-card-media{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f3f5f7;
}

.fg-card-media .fg-card-img,
.fg-card-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center;
  display:block;
}

.fg-card-placeholder{
  width:100%;
  height:100%;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}