{"id":197,"date":"2026-04-28T09:57:02","date_gmt":"2026-04-28T09:57:02","guid":{"rendered":"https:\/\/dev.beisser-elementebau.de\/?page_id=197"},"modified":"2026-05-04T08:12:28","modified_gmt":"2026-05-04T08:12:28","slug":"referenzen","status":"publish","type":"page","link":"https:\/\/dev.beisser-elementebau.de\/?page_id=197","title":{"rendered":""},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-1-1024x576.jpg\" alt=\"\" class=\"wp-image-198\" style=\"object-fit:cover;width:1920px;height:720px\" srcset=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-1-1024x576.jpg 1024w, https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-1-300x169.jpg 300w, https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-1-768x432.jpg 768w, https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-1-1536x864.jpg 1536w, https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-887dc801 wp-block-group-is-layout-constrained\" style=\"padding-right:15%;padding-left:15%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-e26cd692 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:0;padding-bottom:var(--wp--preset--spacing--70);padding-left:0\">\n<h1 class=\"wp-block-heading has-xx-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--40);margin-right:0;margin-bottom:var(--wp--preset--spacing--40);margin-left:0\"><strong>Unsere Referenzen<\/strong><\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">Handwerk, das begeistert<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unsere Fassaden, Fenster und T\u00fcren pr\u00e4gen Geb\u00e4ude. Geb\u00e4ude zum Leben, zum Arbeiten und zum Wohlf\u00fchlen. Komfort und Funktion sind uns dabei genauso wichtig wie gutes Design und Individualit\u00e4t. Hochwertige Materialien sowie Pr\u00e4zision und Sorgfalt bei der Ausf\u00fchrung aller Arbeiten sind f\u00fcr uns selbstverst\u00e4ndlich. Die Bauherren und Architekten, mit denen wir zusammenarbeiten, wissen das zu sch\u00e4tzen. Unsere individuell gefertigten Bauteile geben jedem Geb\u00e4ude eine unverwechselbare Atmosph\u00e4re.<\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"filter-buttons\">\n  <button data-filter=\"all\" class=\"active\">Alle<\/button>\n  <button data-filter=\"Wohnbau\">Wohnbau<\/button>\n  <button data-filter=\"Gewerbebau\">Gewerbebau<\/button>\n  <button data-filter=\"offentlicheprojekte\">\u00d6ffentliche Projekte<\/button>\n  <button data-filter=\"Fassadenelemente\">Fassadenelemente<\/button>\n  <button data-filter=\"hausturen\">Haust\u00fcren<\/button>\n  <button data-filter=\"Brandschutzelemente\">Brandschutzelemente<\/button>\n<\/div>\n\n<div class=\"gallery\">\n\n  <div class=\"item Gewerbebau Fassadenelemente Brandschutzelemente\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=983\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/mas-exterieur_7_x.jpg\">\n    <\/a>\n    <p>MAS Campus, Leonberg<\/p>\n  <\/div>\n\n  <div class=\"item Gewerbebau Fassadenelemente\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1010\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Tierklinik-Feuchtwangen-3.jpg\">\n    <\/a>\n    <p>Tierklinik Feuchtwangen<\/p>\n  <\/div>\n\n  <div class=\"item Gewerbebau Fassadenelemente\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1001\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/desinghotel-2.jpg\">\n    <\/a>\n    <p>Meiser Designhotel, Dinkelsb\u00fchl<\/p>\n  <\/div>\n\n  <div class=\"item Gewerbebau hausturen\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1049\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Architekturbu__ro_MO-CUP_header.jpg\">\n    <\/a>\n    <p>Architekturb\u00fcro MOCUP<\/p>\n  <\/div>\n\n  <div class=\"item Gewerbebau Fassadenelemente\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1019\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Fa-Reinert_2.jpg\">\n    <\/a>\n    <p>Fa. Reinert<\/p>\n  <\/div>\n\n  <div class=\"item offentlicheprojekte Fassadenelemente\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1056\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Freikirche-Rothenburg_1.jpg\">\n    <\/a>\n    <p>Freikirche Rothenburg<\/p>\n  <\/div>\n\n  <div class=\"item Wohnbau hausturen\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1095\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Haus-B_3.jpg\">\n    <\/a>\n    <p>Haus B.<\/p>\n  <\/div>\n\n  <div class=\"item Wohnbau hausturen\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1120\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Haus-H_2.jpg\">\n    <\/a>\n    <p>Haus H.<\/p>\n  <\/div>\n\n  <div class=\"item Wohnbau hausturen\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1034\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Haus-S-1.jpg\">\n    <\/a>\n    <p>Haus S.<\/p>\n  <\/div>\n\n  <div class=\"item Wohnbau\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1130\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-6.jpg\">\n    <\/a>\n    <p>Wohnhaus<\/p>\n  <\/div>\n\n  <div class=\"item Wohnbau\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1027\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/beisser-metallbau-projekte-2.jpg\">\n    <\/a>\n    <p>Haus F.<\/p>\n  <\/div>\n\n  <div class=\"item Gewerbebau\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1135\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Ruisinger_Stuttgart_heder.jpg\">\n    <\/a>\n    <p>Ruisinger, Stuttgart<\/p>\n  <\/div>\n\n  <div class=\"item offentlicheprojekte hausturen\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1143\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/Kiga-Breitenau-2.jpg\">\n    <\/a>\n    <p>Kindergarten Breitenau<\/p>\n  <\/div>\n\n  <div class=\"item offentlicheprojekte\">\n    <a href=\"https:\/\/dev.beisser-elementebau.de\/?page_id=1152\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/dev.beisser-elementebau.de\/wp-content\/uploads\/2026\/04\/re-beisser-sporthalle-mwb-1.jpg\">\n    <\/a>\n    <p>Sporthalle Markt Weidenbach<\/p>\n  <\/div>\n\n<\/div>\n\n<style>\n.filter-buttons {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.filter-buttons button {\n  padding: 8px 14px;\n  margin: 5px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: #444;\n  font-size: 20px;\n}\n\n.filter-buttons button.active {\n  color: black;\n  font-weight: 600;\n  border-bottom: 4px solid orange;\n}\n\n.gallery {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 15px;\n  max-width: 1450px;\n  margin: 0 auto;\n}\n\n.gallery .item {\n  display: none;\n  text-align: center;\n}\n\n.gallery .item.show {\n  display: block;\n}\n\n.gallery img {\n  width: 400px;\n  height: auto;\n  transition: transform 0.3s ease; \/* Added a subtle hover effect *\/\n}\n\n.gallery a:hover img {\n  transform: scale(1.02); \/* Slight zoom on hover for better UX *\/\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 992px) {\n  .gallery {\n    grid-template-columns: repeat(2, 1fr); \/* 2 columns on tablets *\/\n  }\n}\n\n@media (max-width: 600px) {\n  .gallery {\n    grid-template-columns: 1fr; \/* 1 column on phones *\/\n    padding: 0 15px;\n  }\n  \n  .filter-buttons button {\n    font-size: 16px; \/* Smaller text for mobile *\/\n    padding: 5px 8px;\n  }\n}\n\n.gallery img {\n  width: 100%; \/* Makes image responsive *\/\n  height: auto;\n  max-width: 400px; \/* Maintains original size cap *\/\n  display: block;\n  margin: 0 auto;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const buttons = document.querySelectorAll('.filter-buttons button');\n  const items = document.querySelectorAll('.gallery .item');\n\n  function filterItems(category) {\n    items.forEach(item => {\n      if (category === 'all' || item.classList.contains(category)) {\n        item.classList.add('show');\n      } else {\n        item.classList.remove('show');\n      }\n    });\n\n    buttons.forEach(btn => btn.classList.remove('active'));\n    document.querySelector('[data-filter=\"' + category + '\"]').classList.add('active');\n  }\n\n  buttons.forEach(button => {\n    button.addEventListener('click', function () {\n      filterItems(this.getAttribute('data-filter'));\n    });\n  });\n\n  filterItems('all');\n});\n<\/script>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unsere Referenzen Handwerk, das begeistert Unsere Fassaden, Fenster und T\u00fcren pr\u00e4gen Geb\u00e4ude. Geb\u00e4ude zum Leben, zum Arbeiten und zum Wohlf\u00fchlen. Komfort und Funktion sind uns dabei genauso wichtig wie gutes Design und Individualit\u00e4t. Hochwertige Materialien sowie Pr\u00e4zision und Sorgfalt bei der Ausf\u00fchrung aller Arbeiten sind f\u00fcr uns selbstverst\u00e4ndlich. Die Bauherren und Architekten, mit denen wir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=\/wp\/v2\/pages\/197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=197"}],"version-history":[{"count":186,"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=\/wp\/v2\/pages\/197\/revisions"}],"predecessor-version":[{"id":1242,"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=\/wp\/v2\/pages\/197\/revisions\/1242"}],"wp:attachment":[{"href":"https:\/\/dev.beisser-elementebau.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}