403 lines
27 KiB
HTML
403 lines
27 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Bilder – Tischlerei Staffenberger</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body>
|
||
<!-- ========== Header & Widescreen Hero Banner ========== -->
|
||
<header class="site-header">
|
||
<div class="hero-banner">
|
||
<div class="hero-image" aria-hidden="true"></div>
|
||
<div class="hero-overlay" aria-hidden="true"></div>
|
||
<div class="hero-text">
|
||
<img src="stafflogo06.svg" alt="" class="hero-logo" aria-hidden="true">
|
||
<h1>Tischlerei Staffenberger</h1>
|
||
<p class="hero-subtitle">Handwerk mit Tradition</p>
|
||
</div>
|
||
<nav class="main-nav">
|
||
<ul>
|
||
<li><a href="index.html">Start</a></li>
|
||
<li><a href="pictures.html">Bilder</a></li>
|
||
<li><a href="shop.html">Shop</a></li>
|
||
<li><a href="impressum.html">Impressum</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="layout">
|
||
<header class="gallery-header">
|
||
<h1 class="page-title">Referenzen & Bilder</h1>
|
||
<p>Einblicke in vergangene Projekte: Küchen, Außenbereich und Sonderanfertigungen.</p>
|
||
</header>
|
||
|
||
<!-- ========== Filter buttons ========== -->
|
||
<div class="gallery-filters">
|
||
<button type="button" class="active" data-filter="all">Alle</button>
|
||
<button type="button" data-filter="kitchen">Küche</button>
|
||
<button type="button" data-filter="outdoor">Außenbereich</button>
|
||
<button type="button" data-filter="custom">Sonderanfertigung</button>
|
||
</div>
|
||
|
||
<!-- ========== Gallery grid (images are clickable; lightbox opens on click) ========== -->
|
||
<div class="gallery-grid">
|
||
|
||
<!-- Küche -->
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-307-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-307-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 307">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-307-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-307-800w.jpg" alt="Küche – FotoPosch 307" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 307</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-317-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-317-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 317">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-317-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-317-800w.jpg" alt="Küche – FotoPosch 317" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 317</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-318-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-318-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 318">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-318-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-318-800w.jpg" alt="Küche – FotoPosch 318" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 318</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-419-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-419-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 419">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-419-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-419-800w.jpg" alt="Küche – FotoPosch 419" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 419</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-420-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-420-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 420">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-420-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-420-800w.jpg" alt="Küche – FotoPosch 420" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 420</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-421-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-421-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 421">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-421-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-421-800w.jpg" alt="Küche – FotoPosch 421" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 421</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-422-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-422-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 422">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-422-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-422-800w.jpg" alt="Küche – FotoPosch 422" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 422</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-423-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-423-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 423">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-423-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-423-800w.jpg" alt="Küche – FotoPosch 423" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 423</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-424-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-424-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 424">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-424-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-424-800w.jpg" alt="Küche – FotoPosch 424" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 424</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-425-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-425-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 425">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-425-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-425-800w.jpg" alt="Küche – FotoPosch 425" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 425</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-426-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-426-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 426">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-426-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-426-800w.jpg" alt="Küche – FotoPosch 426" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 426</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-427-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-427-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 427">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-427-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-427-800w.jpg" alt="Küche – FotoPosch 427" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 427</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="kitchen">
|
||
<a href="images/optimized/küche/FotoPosch-428-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/küche/FotoPosch-428-1920w.jpg" data-lightbox-alt="Küche – FotoPosch 428">
|
||
<picture>
|
||
<source srcset="images/optimized/küche/FotoPosch-428-800w.webp" type="image/webp">
|
||
<img src="images/optimized/küche/FotoPosch-428-800w.jpg" alt="Küche – FotoPosch 428" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Küche – FotoPosch 428</figcaption>
|
||
</figure>
|
||
|
||
<!-- Außenbereich -->
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-101-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-101-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 101">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-101-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-101-800w.jpg" alt="Außenbereich – FotoPosch 101" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 101</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-102-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-102-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 102">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-102-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-102-800w.jpg" alt="Außenbereich – FotoPosch 102" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 102</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-108-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-108-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 108">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-108-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-108-800w.jpg" alt="Außenbereich – FotoPosch 108" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 108</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-109-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-109-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 109">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-109-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-109-800w.jpg" alt="Außenbereich – FotoPosch 109" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 109</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-110-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-110-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 110">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-110-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-110-800w.jpg" alt="Außenbereich – FotoPosch 110" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 110</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-111-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-111-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 111">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-111-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-111-800w.jpg" alt="Außenbereich – FotoPosch 111" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 111</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-112-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-112-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 112">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-112-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-112-800w.jpg" alt="Außenbereich – FotoPosch 112" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 112</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-204-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-204-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 204">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-204-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-204-800w.jpg" alt="Außenbereich – FotoPosch 204" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 204</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-205-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-205-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 205">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-205-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-205-800w.jpg" alt="Außenbereich – FotoPosch 205" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 205</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-213-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-213-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 213">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-213-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-213-800w.jpg" alt="Außenbereich – FotoPosch 213" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 213</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-214-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-214-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 214">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-214-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-214-800w.jpg" alt="Außenbereich – FotoPosch 214" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 214</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-215-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-215-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 215">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-215-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-215-800w.jpg" alt="Außenbereich – FotoPosch 215" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 215</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-216-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-216-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 216">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-216-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-216-800w.jpg" alt="Außenbereich – FotoPosch 216" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 216</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="outdoor">
|
||
<a href="images/optimized/aussenbereich/FotoPosch-306-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/aussenbereich/FotoPosch-306-1920w.jpg" data-lightbox-alt="Außenbereich – FotoPosch 306">
|
||
<picture>
|
||
<source srcset="images/optimized/aussenbereich/FotoPosch-306-800w.webp" type="image/webp">
|
||
<img src="images/optimized/aussenbereich/FotoPosch-306-800w.jpg" alt="Außenbereich – FotoPosch 306" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Außenbereich – FotoPosch 306</figcaption>
|
||
</figure>
|
||
|
||
<!-- Sonderanfertigungen -->
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch029-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch029-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 029">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch029-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch029-800w.jpg" alt="Sonderanfertigung – FotoPosch 029" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 029</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch103-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch103-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 103">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch103-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch103-800w.jpg" alt="Sonderanfertigung – FotoPosch 103" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 103</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch-430-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch-430-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 430">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch-430-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch-430-800w.jpg" alt="Sonderanfertigung – FotoPosch 430" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 430</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch-431-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch-431-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 431">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch-431-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch-431-800w.jpg" alt="Sonderanfertigung – FotoPosch 431" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 431</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch-432-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch-432-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 432">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch-432-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch-432-800w.jpg" alt="Sonderanfertigung – FotoPosch 432" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 432</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch-433-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch-433-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 433">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch-433-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch-433-800w.jpg" alt="Sonderanfertigung – FotoPosch 433" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 433</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch-434-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch-434-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 434">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch-434-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch-434-800w.jpg" alt="Sonderanfertigung – FotoPosch 434" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 434</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item" data-category="custom">
|
||
<a href="images/optimized/sonderanfertigungen/FotoPosch-435-1920w.jpg" class="gallery-image-link" data-lightbox-src="images/optimized/sonderanfertigungen/FotoPosch-435-1920w.jpg" data-lightbox-alt="Sonderanfertigung – FotoPosch 435">
|
||
<picture>
|
||
<source srcset="images/optimized/sonderanfertigungen/FotoPosch-435-800w.webp" type="image/webp">
|
||
<img src="images/optimized/sonderanfertigungen/FotoPosch-435-800w.jpg" alt="Sonderanfertigung – FotoPosch 435" width="800" height="600" loading="lazy" decoding="async">
|
||
</picture>
|
||
</a>
|
||
<figcaption>Sonderanfertigung – FotoPosch 435</figcaption>
|
||
</figure>
|
||
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- ========== Lightbox modal (open on gallery image click; close via X, backdrop or ESC) ========== -->
|
||
<div id="lightbox" class="lightbox" role="dialog" aria-modal="true" aria-label="Bild vergrößert">
|
||
<div class="lightbox-backdrop" aria-hidden="true"></div>
|
||
<button type="button" class="lightbox-prev" aria-label="Vorheriges Bild">‹</button>
|
||
<button type="button" class="lightbox-next" aria-label="Nächstes Bild">›</button>
|
||
<div class="lightbox-content">
|
||
<button type="button" class="lightbox-close" aria-label="Schließen">×</button>
|
||
<img src="" alt="" id="lightbox-img">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ========== Footer ========== -->
|
||
<footer class="site-footer">
|
||
<div class="layout">
|
||
<div class="footer-contact">
|
||
<img src="stafflogo06.svg" alt="" class="footer-logo" aria-hidden="true">
|
||
<p><strong>Tischlerei Staffenberger</strong></p>
|
||
<p>Musterstraße 1 · 12345 Musterort</p>
|
||
<p>Tel.: 01234 / 567890</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="index.html">Start</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|