/* -------------------------------------------------------------------
   Static-Export Korrekturen (Zimmerei Finzel Lindenlaub)
   Diese Seite ist ein statischer Export der frueheren WordPress-/Enfold-
   Seite. Enfolds Masonry-/Portfolio-Galerie blendet ihre Kacheln sonst
   erst per Scroll-Animation ein; im statischen Export wird dieser
   Trigger nicht immer ausgeloest. Daher werden die bereits korrekt
   positionierten Kacheln hier dauerhaft sichtbar gemacht.
------------------------------------------------------------------- */
.av-masonry-entry.isotope-item {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Enfold-Galerien (Portfolio-Detailseiten, Galerie-Seite) blenden ihre
   Bilder ebenfalls per Scroll-Animation ein (Vorzustand opacity:0.1).
   Im statischen Export dauerhaft sichtbar machen. */
.avia-gallery img,
.avia-gallery-thumb img,
.av-horizontal-gallery-inner img,
.big_thumb img,
.avia_transform .avia-gallery img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===================================================================
   Eigene Lightbox (assets/site.js)
=================================================================== */
html.fl-lb-open { overflow: hidden; }
.fl-lightbox {
    position: fixed; inset: 0; z-index: 99999;
    display: none; align-items: center; justify-content: center;
    background: rgba(0,0,0,.9);
    -webkit-user-select: none; user-select: none;
}
.fl-lightbox.is-open { display: flex; }
.fl-lb-figure {
    margin: 0; max-width: 92vw; max-height: 92vh;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.fl-lb-img {
    max-width: 92vw; max-height: 86vh; width: auto; height: auto;
    object-fit: contain; box-shadow: 0 6px 40px rgba(0,0,0,.6); background:#111;
}
.fl-lb-caption {
    color: #eee; font-size: 14px; margin-top: 12px; text-align: center;
    max-width: 80vw; line-height: 1.4;
}
.fl-lb-close, .fl-lb-prev, .fl-lb-next {
    position: fixed; background: rgba(0,0,0,.35); color: #fff; border: none;
    cursor: pointer; line-height: 1; z-index: 1;
    transition: background .2s, opacity .2s;
}
.fl-lb-close {
    top: 18px; right: 22px; width: 48px; height: 48px; font-size: 34px; border-radius: 50%;
}
.fl-lb-prev, .fl-lb-next {
    top: 50%; transform: translateY(-50%);
    width: 56px; height: 72px; font-size: 30px; border-radius: 4px;
}
.fl-lb-prev { left: 18px; }
.fl-lb-next { right: 18px; }
.fl-lb-close:hover, .fl-lb-prev:hover, .fl-lb-next:hover { background: rgba(0,0,0,.75); }
.fl-lb-counter {
    position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
    color: #ddd; font-size: 14px; letter-spacing: 1px;
}
@media (max-width: 767px) {
    .fl-lb-close { top: 10px; right: 12px; width: 42px; height: 42px; font-size: 28px; }
    .fl-lb-prev, .fl-lb-next { width: 42px; height: 60px; font-size: 24px; }
    .fl-lb-prev { left: 6px; } .fl-lb-next { right: 6px; }
    .fl-lb-img { max-height: 80vh; }
}

/* Toggle: Cursor + Icon-Wechsel (falls Enfold-CSS es nicht abdeckt) */
.toggler { cursor: pointer; }

/* Aktives Galerie-Thumbnail hervorheben (Vorschau-Umschaltung) */
.avia-gallery-thumb a { cursor: pointer; transition: opacity .15s, outline-color .15s; }
.avia-gallery-thumb a.av-active-thumb {
    outline: 3px solid #8a6d3b;
    outline-offset: -3px;
}
.avia-gallery-big { cursor: zoom-in; }

/* Kontaktformular-Meldungen (eigene Box, ohne Enfold-Überlappung) */
.fl-formmsg {
    display: block; margin: 0 0 22px; padding: 14px 18px;
    border-radius: 4px; font-size: 15px; line-height: 1.5;
    border-left: 4px solid; box-sizing: border-box;
}
.fl-formmsg-ok  { background: #eaf5ec; border-color: #3c8f4e; color: #24632f; }
.fl-formmsg-err { background: #fdecec; border-color: #c0392b; color: #922; }
.fl-formmsg strong { font-weight: 700; }

/* Statischer Hero (ersetzt den performance-lastigen LayerSlider)
   inkl. sanftem Bildwechsel: Bilder liegen gestapelt, .fl-active ist sichtbar.
   Bild 2+3 laden erst NACH dem Seiten-Load (data-src, siehe site.js). */
.fl-static-hero{width:100%;max-width:1920px;margin:0 auto;aspect-ratio:1920/750;overflow:hidden;background:#e7eaea;position:relative}
.fl-static-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  opacity:0;transition:opacity 1.2s ease-in-out;}
/* Fallback: erstes Bild IMMER sichtbar (auch ohne JS oder bei gemischten
   Cache-Staenden von HTML/CSS). Die weiteren Bilder blenden darueber ein. */
.fl-static-hero img:first-of-type{opacity:1}
.fl-static-hero img.fl-active{opacity:1}
@media(max-width:768px){ .fl-static-hero{aspect-ratio:5/4} }

/* Hero-Text-Overlay (ohne Farbverlauf; Lesbarkeit über Textschatten) */
.fl-hero-caption{position:absolute;z-index:2;top:50%;left:0;transform:translateY(-50%);
  max-width:680px;padding:0 clamp(20px,5vw,72px);color:#fff;}
.fl-hero-eyebrow{margin:0 0 10px;font-size:clamp(12px,1.4vw,15px);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#7fd3da;text-shadow:0 1px 4px rgba(0,0,0,.75);}
.fl-static-hero .fl-hero-caption .fl-hero-title{margin:0;color:#fff !important;font-weight:700;line-height:1.08;letter-spacing:-.01em;
  font-size:clamp(30px,5vw,58px);text-shadow:0 2px 6px rgba(0,0,0,.75), 0 0 24px rgba(0,0,0,.5);}
.fl-hero-sub{margin:14px 0 0;color:#fff;line-height:1.4;
  font-size:clamp(15px,2vw,22px);text-shadow:0 1px 5px rgba(0,0,0,.75);}
@media(max-width:768px){
  .fl-hero-caption{top:auto;bottom:0;transform:none;padding:0 22px 28px;max-width:none;}
}

/* Enfold-Hover-Overlay auf verlinkten Bildern deaktivieren
   (weisse Flaeche + Kreis-Symbol beim Drueberfahren) */
.image-overlay,
.image-overlay .image-overlay-inside { display: none !important; opacity: 0 !important; }

/* ===================================================================
   Lesbarkeit: groessere Schriften (Kundenwunsch)
=================================================================== */
/* Footer-/Socket-Menue (Kontakt | Impressum | Datenschutz) + Copyright */
#socket, #socket .copyright, #socket .sub_menu_socket li, #socket .sub_menu_socket li a {
    font-size: 14px; line-height: 1.5;
}
#socket .sub_menu_socket li { line-height: 14px; }

/* Inhaltstexte (u.a. Bildunterschriften wie "Dachstuhl in Creidlitz") */
.avia_textblock, .iconbox .iconbox_content_container { font-size: 15px; }

/* CTA-Link "Hier geht's zur kompletten Uebersicht unserer Projekte" */
.avia_textblock p a[title="Komplette Projekte"] { font-size: 17px; font-weight: 600; }

/* ===================================================================
   Projekt-Uebersicht: Enfold-"Umklapp"-Animation (avia_msonry_show)
   deaktivieren – die Kacheln sind bereits sichtbar, der nachtraegliche
   3D-Flip als Kettenreaktion wirkt deplatziert.
=================================================================== */
.av-masonry-entry, .av-masonry-container .av-masonry-entry {
    -webkit-animation: none !important;
    animation: none !important;
}

/* Portfolio-Grid ("zugehoerige Projekte" auf den Leistungs-Seiten u.a.):
   Enfold blendet a.grid-image erst per JS ein (opacity 0 -> 1). Im
   statischen Export feuert der Trigger nicht -> Bilder dauerhaft sichtbar. */
.grid-image, .grid-entry .grid-image, a.grid-image.avia-hover-fx {
    opacity: 1 !important;
}

/* Enfold-Mindesthoehen-Sektionen: Container wird sonst erst per JS eingeblendet */
.js_active .av-minimum-height .container{opacity:1 !important}