PageSourceSearch

https://gaebler-architekten.de/projekte

html gaebler-architekten.de collected 2026-10-09 23:18:17 UTC 72,956 bytes, 1,603 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="de-de" dir="ltr">
4	<head>
5		
6		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7		<meta charset="utf-8">
8	<meta name="robots" content="index, follow">
9	<meta name="generator" content="Helix Ultimate - The Most Popular Joomla! Template Framework.">
10	<title>Projekte – GAEBLER Bauplanung Partnerschaft von Architekten mbB</title>
11	<link href="/images/1Kundenordner/logo-gaeblerarchitekten-fav.jpg" rel="icon" type="image/jpeg">
12<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet" data-jtaldef-processed="2.1.0"/>
13	<link href="/components/com_sppagebuilder/assets/css/font-awesome-6.min.css?fba6c85d81d0c68346fb69189fc1e35e" rel="stylesheet" data-jtaldef-processed="2.1.0">
14	<link href="/components/com_sppagebuilder/assets/css/font-awesome-v4-shims.css?fba6c85d81d0c68346fb69189fc1e35e" rel="stylesheet" data-jtaldef-processed="2.1.0">
15	<link href="/components/com_sppagebuilder/assets/css/animate.min.css?fba6c85d81d0c68346fb69189fc1e35e" rel="stylesheet" data-jtaldef-processed="2.1.0">
16	<link href="/components/com_sppagebuilder/assets/css/sppagebuilder.css?fba6c85d81d0c68346fb69189fc1e35e" rel="stylesheet" data-jtaldef-processed="2.1.0">
17	<link href="/components/com_sppagebuilder/assets/css/dynamic-content.css?fba6c85d81d0c68346fb69189fc1e35e" rel="stylesheet" data-jtaldef-processed="2.1.0">
18	<link href="/components/com_spsimpleportfolio/assets/css/featherlight.min.css" rel="stylesheet" data-jtaldef-processed="2.1.0">
19	<link href="/components/com_spsimpleportfolio/assets/css/spsimpleportfolio.css" rel="stylesheet" data-jtaldef-processed="2.1.0">
20	<link href="/media/plg_system_jtaldef/index/css/7d8161e8a8db37582f3b7b45bec7c96c.css?60c266dea984f3cf54f02b2b396d38e7" rel="stylesheet" media="none" onload="media=&quot;all&quot;" data-jtaldef-processed="2.1.0">
21	<link href="/templates/shaper_helixultimate/css/bootstrap.min.css" rel="stylesheet" data-jtaldef-processed="2.1.0">
22	<link href="/plugins/system/helixultimate/assets/css/system-j4.min.css" rel="stylesheet" data-jtaldef-processed="2.1.0">
23	<link href="/media/system/css/joomla-fontawesome.min.css?ead1b3" rel="stylesheet" data-jtaldef-processed="2.1.0">
24	<link href="/templates/shaper_helixultimate/css/template.css" rel="stylesheet" data-jtaldef-processed="2.1.0">
25	<link href="/templates/shaper_helixultimate/css/presets/default.css" rel="stylesheet" data-jtaldef-processed="2.1.0">
26	<style>.cloaked_email span:before { content: attr(data-ep-a319a); } .cloaked_email span:after { content: attr(data-ep-b7950); } img.cloaked_email { display: inline-block !important; vertical-align: middle; border: 0; }</style>
27	<style>@media(min-width: 1400px) {.sppb-row-container { max-width: 1320px; }}</style>
28	<style>.sp-page-builder .page-content #section-id-1753001648217{box-shadow:0px 0px 0px 0px #FFFFFF;}.sp-page-builder .page-content #section-id-1753001648217{padding-top:20px;padding-right:0px;padding-bottom:10px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#column-id-1753001648216{box-shadow:0 0 0 0 #FFFFFF;}#column-wrap-id-1753001648216{max-width:100%;flex-basis:100%;}@media (max-width:1199.98px) {#column-wrap-id-1753001648216{max-width:100%;flex-basis:100%;}}@media (max-width:991.98px) {#column-wrap-id-1753001648216{max-width:100%;flex-basis:100%;}}@media (max-width:767.98px) {#column-wrap-id-1753001648216{max-width:100%;flex-basis:100%;}}@media (max-width:575.98px) {#column-wrap-id-1753001648216{max-width:100%;flex-basis:100%;}}#sppb-addon-1753001697764{box-shadow:0 0 0 0 #FFFFFF;}#sppb-addon-1753001697764 .sppb-addon-header .sppb-addon-title{text-transform:uppercase;}#sppb-addon-1753001697764 .sppb-addon.sppb-addon-header{text-align:left;}#sppb-addon-1753001697764 .sppb-addon-header .sppb-addon-title{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}#sppb-addon-1761332561929{box-shadow:0 0 0 0 #FFFFFF;}#sppb-addon-1761332561929 .sppb-divider{margin-top:5px;margin-bottom:0px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;}.sp-page-builder .page-content #section-id-9ckDuxUNaUMgQ9wjbChxs{box-shadow:0px 0px 0px 0px #ffffff;}.sp-page-builder .page-content #section-id-9ckDuxUNaUMgQ9wjbChxs{padding-top:15px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;border-radius:0px;}.sp-page-builder .page-content #section-id-9ckDuxUNaUMgQ9wjbChxs.sppb-row-overlay{border-radius:0px;}#column-id-P1zTil9dsQBHpFIiRggS6{border-radius:0px;}#column-wrap-id-P1zTil9dsQBHpFIiRggS6{max-width:100%;flex-basis:100%;}@media (max-width:1199.98px) {#column-wrap-id-P1zTil9dsQBHpFIiRggS6{max-width:100%;flex-basis:100%;}}@media (max-width:991.98px) {#column-wrap-id-P1zTil9dsQBHpFIiRggS6{max-width:100%;flex-basis:100%;}}@media (max-width:767.98px) {#column-wrap-id-P1zTil9dsQBHpFIiRggS6{max-width:100%;flex-basis:100%;}}@media (max-width:575.98px) {#column-wrap-id-P1zTil9dsQBHpFIiRggS6{max-width:100%;flex-basis:100%;}}#column-id-P1zTil9dsQBHpFIiRggS6 .sppb-column-overlay{border-radius:0px;}#sppb-addon-1753006237193{box-shadow:0 0 0 0 #FFFFFF;}</style>
29	<style>/* Höhe des Sticky-Headers (Desktop) */
30:root { --header-h: 70px; }
31
32/* Main zum Flex-Container machen */
33#sp-main {
34  display: flex;
35  flex-direction: column;
36  min-height: calc(100vh - var(--header-h));
37}
38
39/* Inhalt füllt den Raum, Footer wird nach unten gedrückt */
40#sp-main-body { 
41  flex: 1 0 auto;
42}
43#sp-footer {
44  margin-top: auto;
45}
46
47/* Falls der Header auf Mobil höher/niedriger ist, hier anpassen */
48@media (max-width: 575px) {
49  :root { --header-h: 70px; } /* ggf. an deine mobile Headerhöhe anpassen */
50}
51
52/*NEUUUUUUU*/
53#sp-footer1{
54  padding: 0px!important;
55}
56
57/*===User centric Button Farbe ===*/
58#uc-btn-open-main-corner-modal{
59  background: #000000!important;
60 }
61 #uc-btn-open-main-corner-modal #fingerprint {
62     fill: black !important;
63 }
64 #uc-btn-close-main-corner-modal polygon {
65   fill: black !important;
66 }
67 use {
68 fill: #000000!important;
69 }
70 .usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button {
71 background-color: #000000!important;
72 }
73 
74 .uc-card-header {background-color: #000000!important;}
75 
76 .uc-nav-tabs{background-color: #000000!important;}
77 
78 /*===Menu text upper case ===*/
79 #sp-header .sp-megamenu-parent > li > a {
80   text-transform: uppercase;
81 }
82 
83 /*===Startseite Bilder ===*/
84 
85 .sppb-addon-overlay-image-content {
86 padding:0px;
87 }
88 .overlay-image-title {
89   position: relative;
90   z-index: 1;
91   height: 160px;
92 }
93 .overlay-image-button-wrap{
94 position: absolute;
95 bottom: 20px;
96 }
97 
98 @media (min-width: 991px) and (max-width: 1380px) {
99    .overlay-image-title {
100   height: 170px;
101 }
102 }
103 
104 
105 
106 
107 /*===Mobile Bild Links ===*/
108 @media (max-width: 767px) {
109     .reverse .sppb-row {
110         flex-direction: column-reverse;
111     }
112 }
113 
114 #sp-header {
115 box-shadow: none;
116 /*border-bottom: solid black 2px;*/
117
118 }
119 
120 #sp-header.header-sticky {height: 100px;
121 background:rgba(255,255,255,1);}
122 
123 #sp-header .sp-megamenu-parent>li:hover>a {
124 }
125 
126 #sp-header.header-sticky .logo-image {
127     height: 35px;
128 }
129
130 #sp-header.header-sticky {
131  height: 70px;
132  background: rgba(255,255,255,1);
133}
134 
135 #sp-header .sp-megamenu-parent>li>a  {
136   position: relative;
137   text-decoration: none;
138 }
139 
140 #sp-header .sp-megamenu-parent>li>a::after {
141   position: absolute;
142   content: "";
143   width: 100%;
144   height: 3px;
145   top: 75%;
146   left: 0;
147   background: #000000;
148   transition: transform 0.5s;
149   transform: scaleX(0);
150   transform-origin: left;
151 }
152 
153 #sp-header .sp-megamenu-parent>li>a:hover::after {
154   transform: scaleX(1);
155 }
156 
157 .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
158   font-weight:900;
159 }
160 
161 .mfp-counter{
162 display:none;
163 }
164 
165 #sp-footer .container-inner {
166 padding: 0px 0;
167 /*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
168 }
169
170 .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
171  color: #000000;
172}
173
174.sp-megamenu-parent > li a:hover {
175  color: #000000;
176}
177
178/* ----------------------------------------------------------------------------------------------  */
179/* ------------------------- Usercentrics Button & Modal v2 + Back2Top --------------------------  */
180/* ----------------------------------------------------------------------------------------------  */
181:root {
182  --main-color: #000000;
183  --btns-width: 50px;
184  --btns-height: 50px;
185  --btns-position: absolute;
186  --btns-bg-color: #000000;
187  --btns-bg-color-active: #000000;
188  --btns-color: #fff;
189  --btns-border: 1px solid #ffffff;
190  --btns-border-radius: 5px;
191  --btn-backtop-size: 23px;
192  /* font-size for arrow icon */
193  --btn-uc-size: 1.2;
194  /* scaling of the fingerprint icon */
195  --btns-box-shadow: none;
196  --btns-xl-mr: 15px;
197  --btn-backtop-xl-mb: 58px;
198  --btn-uc-xl-mb: calc(var(--btn-backtop-xl-mb) + 65px);
199  --btns-sm-mb: 15px;
200}
201
202/*========Scroll top button===========*/
203.sp-scroll-up {
204  display: grid;
205  place-content: center;
206  position: var(--btns-position);
207  bottom: var(--btn-backtop-xl-mb);
208  right: var(--btns-xl-mr);
209  width: var(--btns-width);
210  height: var(--btns-height);
211  padding: 0px;
212  background: var(--btns-bg-color);
213  border: var(--btns-border);
214  border-radius: var(--btns-border-radius);
215  box-shadow: var(--btns-box-shadow);
216}
217
218.sp-scroll-up:hover {
219  background: var(--btns-bg-color-active);
220}
221
222.sp-scroll-up span.icon-arrow-up {
223  font-size: 25px;
224  color: var(--btns-color);
225}
226
227@media screen and (max-width: 992px) {
228
229  .sp-scroll-up {
230      bottom: var(--btns-sm-mb);
231      left: 50%;
232      margin-left: 5px;
233  }
234
235}
236
237/* ----------------------------------------------------------------------------------------------  */
238/* ------------------------- ENDE Usercentrics Button & Modal v2 + Back2Top --------------------------  */
239/* ----------------------------------------------------------------------------------------------  */
240
241.sp-copyright{
242  color:black;
243}
244.sp-copyright a{
245  color:black!important;
246}
247
248.sp-copyright a:hover{
249  color:black!important;
250}
251
252.com-sppagebuilder #sp-main-body {
253padding: 0;
254}
255
256#sp-header {
257/*background: #ffffffd9;*/
258}
259
260.speasyimagegallery-gallery-item-title{display:none;}
261
262
263/* .text p{
264hyphens: auto;
265-moz-hyphens: auto;
266-webkit-hyphens: auto;
267word-break: break-word;
268-ms-word-break: break-all;
269word-wrap: break-word;
270text-align: justify
271} */
272
273@media (max-width: 1200px) {
274#offcanvas-toggler {display: flex !important;}
275#sp-menu .sp-megamenu-parent {display: none !important;}
276}
277
278.logo-image {
279  margin-top: 0px;
280  margin-left: -6px;
281}
282
283@media (max-width: 992px) {
284  .logo-image-phone {
285      margin-top: 3px;
286      margin-left: -4px;
287  }
288}
289
290@media (max-width: 576px) {
291  .logo-image-phone {
292    margin-top: 5px;
293          margin-left: -4px;
294  }
295}
296
297@media (min-width: 991px) and (max-width: 1380px) {
298  .overlay-image-title {
299    min-width: 350px;
300  }
301}
302
303.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
304  color: #9d6830;
305}
306
307.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
308  color: #9d6830;
309}
310
311.offcanvas-menu .offcanvas-inner ul.menu > li a:hover , .offcanvas-menu .offcanvas-inner ul.menu li.active a,  .offcanvas-menu, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus{
312  color: #000000;
313}
314
315.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
316  font-size: 18px;
317  line-height: 40px;
318}
319
320#sp-footer {
321  /* border: #000000 solid; */
322  /* border-width: 2px 0px 0px 0px; */
323  }
324
325  .sp-megamenu-parent > li:hover > a {
326    color: inherit !important;
327}
328.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
329  color: #000000 !important;
330}
331
332@media (max-width: 1100px) {
333#sp-footer1 {
334    padding-bottom: 90px !important;
335}
336}
337
338@media (max-width: 400px) {
339  .logo-image-phone {
340    height: 32px!important;
341          margin-left: -4px;
342  }
343}
344
345/* ----Copyright---- */
346.footer-info {
347  display: flex;
348  justify-content: space-between;
349  padding: 15px;
350  font-family: 'IBM Plex Sans', sans-serif;
351  font-size: 15px;
352  line-height: 1.6;
353}
354
355.footer-left {
356  display: flex;
357  flex-direction: column;
358  text-align: left;
359}
360
361.footer-right {
362  display: flex;
363  flex-direction: column;
364  text-align: right;
365  margin-left: auto;
366}
367
368/* Mobile */
369@media (max-width: 768px) {
370  .footer-info {
371    flex-direction: column;
372  }
373
374  .footer-right {
375    text-align: left;
376    margin-left: 0;
377  }
378}
379
380@media (max-width: 575px) {
381  #sp-header {
382    height: 70px!important;
383  }
384}
385
386/* ----ENDE Copyright---- */
387a:hover{
388     color:grey!important;
389}
390
391
392.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
393  background: #fff;
394  padding: 0px;
395  font-size: 1em;
396  line-height: 16px;
397  -webkit-transition: all .4s;
398  transition: all .4s;
399  padding-top: 10px;
400  border-bottom: 1px solid black;
401  margin-bottom: 5px;
402}
403
404.sp-simpleportfolio-tags{
405    display:none;
406}
407
408.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {
409  background: #ffffff;
410  color: rgb(0, 0, 0);
411}
412.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover h3 > a {
413  color: #000000;
414}
415
416.proj p{margin-top: 0;
417  margin-bottom: 0px;}
418
419  .sp-simpleportfolio-btns {
420  display: none !important;
421}
422
423.sp-simpleportfolio-item {
424  cursor: pointer;
425  transition: box-shadow 0.2s ease;
426}
427
428.speasyimagegallery-close {
429    font-weight: 300!important;
430}
431
432.speasyimagegallery-next > span {
433    border-right: 2px solid #fff!important;
434}
435
436.speasyimagegallery-next > span, .speasyimagegallery-prev > span {
437    border-top: 2px solid #fff!important;
438}
439
440.speasyimagegallery-prev > span {
441    border-left: 2px solid #fff!important;
442}
443
444@media (min-width: 1000px) {
445#sp-menu > .sp-column {
446  margin-right: -20px!important;
447}
448}
449
450button:focus {
451  outline: none;
452  box-shadow: none;
453}
454
455button:focus-visible {
456  outline: 1px solid #ffffff; 
457}
458
459* { outline: none !important; }
460
461
462/* ----- CSS für 3 Spalten Masonry mit exakt 10px Gaps und 10px Padding-Bottom ----- */
463
464/* ----- CSS für 3 Spalten Masonry mit exakt 10px Gaps und 10px Padding-Bottom ----- */
465
466/* UL‑Container aufräumen und relativ positionieren */
467.sppb-addon-content > ul.sppb-gallery {
468  margin:     0;
469  padding:    0;
470  list-style: none;
471  position:   relative;
472  box-sizing: border-box;
473}
474
475/* LI‑Kacheln exakt auf 1/3 Breite minus Gutter setzen */
476.sppb-addon-content > ul.sppb-gallery > li {
477  width:           calc((100% - 20px) / 3) !important;
478  margin:          0 !important;
479  padding:         0 !important;
480  padding-bottom:  10px !important;  /* zusätzlicher Abstand unten */
481  box-sizing:      border-box !important;
482  position:        relative;          /* für das Overlay */
483  overflow:        hidden;            /* Overlay bleibt in der Kachel */
484}
485
486/* Link block‑level ohne Margin‑Bottom */
487.sppb-addon-content > ul.sppb-gallery > li > a {
488  display:  block !important;
489  margin:   0 !important;
490  position: relative !important;     /* Bezugspunkt für ::before */
491}
492
493/* Bilder proportional skalieren */
494.sppb-addon-content .sppb-gallery img {
495  display: block !important;
496  width:   100%  !important;
497  height:  auto  !important;
498}
499
500/* Overlay‑Pseudo über dem Link/Bild */
501.sppb-addon-content > ul.sppb-gallery > li > a::before {
502  content:          "";
503  position:         absolute;
504  top:              0;
505  right:            0;
506  bottom:           0;
507  left:             0;
508  background:       rgba(0,0,0,0.5);
509  opacity:          0;
510  transition:       opacity .3s ease;
511  pointer-events:   none;
512  z-index:          1;
513}
514
515/* Overlay einblenden bei Hover auf LI */
516.sppb-addon-content > ul.sppb-gallery > li:hover > a::before {
517  opacity: 1;
518}
519
520/* Stellt sicher, dass das Bild unter dem Overlay liegt */
521.sppb-addon-content > ul.sppb-gallery > li > a img {
522  position: relative;
523  z-index:  0;
524}
525
526
527
528/* Deaktiviert alle Hover‑Transforms und Transitions auf die Portfolio‑Bilder */
529.sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img,
530.sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
531  transform: none !important;
532  transition: none !important;
533  will-change: auto !important;
534}
535
536.nowrap .sppb-row{
537flex-wrap: nowrap!important;
538}
539
540.burger-icon {
541  width: 25px;
542  cursor: pointer;
543  padding-top: 5px;
544}
545
546.sppb-section{
547  border-width: 0px!important;
548  
549}
550
551#sp-header .container-inner{
552  border-bottom: solid black 2px;
553}
554
555.header-sticky .container-inner{
556  border-bottom: solid black 0px;
557}
558
559/* Standardzustand – Border sichtbar */
560#sp-header .container-inner {
561    border-bottom: solid black 2px; /* Beispiel */
562    transition: border 0.3s ease;
563}
564
565/* Wenn der Header sticky ist – Border ausblenden */
566#sp-header.header-sticky .container-inner {
567    border: none !important;
568}</style>
569	<style>body{font-family: 'IBM Plex Sans', sans-serif;font-size: 1em;font-weight: 400;text-decoration: none;}
570@media (min-width:768px) and (max-width:991px){body{font-size: 1em;}
571}
572@media (max-width:767px){body{font-size: 1em;}
573}
574</style>
575	<style>h1{font-family: 'IBM Plex Sans', sans-serif;font-size: 1.5em;font-weight: 400;text-decoration: none;text-align: left;}
576</style>
577	<style>h2{font-family: 'IBM Plex Sans', sans-serif;font-size: 1.5em;font-weight: 700;text-decoration: none;}
578</style>
579	<style>h3{font-family: 'IBM Plex Sans', sans-serif;font-size: 1.1em;font-weight: 500;text-decoration: none;}
580</style>
581	<style>h4{font-family: 'IBM Plex Sans', sans-serif;font-size: 1.1em;text-decoration: none;}
582</style>
583	<style>h5{font-family: 'IBM Plex Sans', sans-serif;font-size: 16px;text-decoration: none;}
584</style>
585	<style>.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: 'IBM Plex Sans', sans-serif;font-size: 1.1em;color: #333333;text-decoration: none;}
586</style>
587	<style>.menu.nav-pills > li > a, .menu.nav-pills > li > span, .menu.nav-pills .sp-dropdown li.sp-menu-item > a{font-family: 'IBM Plex Sans', sans-serif;font-size: 1.1em;color: #333333;text-decoration: none;}
588</style>
589	<style>.logo-image {height:50px;}.logo-image-phone {height:50px;}</style>
590	<style>@media(max-width: 992px) {.logo-image {height: 40px;}.logo-image-phone {height: 40px;}}</style>
591	<style>@media(max-width: 576px) {.logo-image {height: 35px;}.logo-image-phone {height: 35px;}}</style>
592	<style>#sp-footer{ background-color:#FFFFFF;color:#000000;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; }</style>
593	<style>#sp-footer a{color:#000000;}</style>
594	<style>#sp-footer a:hover{color:#000000;}</style>
595	<style>:root {--sppb-topbar-bg-color: #000000; --sppb-topbar-text-color: #ffffff; --sppb-header-bg-color: #ffffff; --sppb-logo-text-color: #ffffff; --sppb-menu-text-color: #000000; --sppb-menu-text-hover-color: #000000; --sppb-menu-text-active-color: #000000; --sppb-menu-dropdown-bg-color: #ffffff; --sppb-menu-dropdown-text-color: #000000; --sppb-menu-dropdown-text-hover-color: #000000; --sppb-menu-dropdown-text-active-color: #000000; --sppb-offcanvas-menu-icon-color: #000000; --sppb-offcanvas-menu-bg-color: #ffffff; --sppb-offcanvas-menu-items-and-items-color: #000000; --sppb-offcanvas-menu-active-menu-item-color: #000000; --sppb-text-color: #252525; --sppb-bg-color: #ffffff; --sppb-link-color: #000000; --sppb-link-hover-color: #000000; --sppb-footer-bg-color: #ffffff; --sppb-footer-text-color: #0a0a0a; --sppb-footer-link-color: #a2a2a2; --sppb-footer-link-hover-color: #ffffff}</style>
596<script type="application/json" class="joomla-script-options new">{"data":{"breakpoints":{"tablet":991,"mobile":480},"header":{"stickyOffset":"70"}},"joomla.jtext":{"ERROR":"Fehler","MESSAGE":"Nachricht","NOTICE":"Hinweis","WARNING":"Warnung","JCLOSE":"Schließen","JOK":"OK","JOPEN":"Öffnen"},"system.paths":{"root":"","rootFull":"https:\/\/gaebler-architekten.de\/","base":"","baseFull":"https:\/\/gaebler-architekten.de\/"},"csrf.token":"11dd3d4c7abd3690d3e32cdadb29f402","plg_system_schedulerunner":{"interval":300}}</script>
596
597	
597<script src="/media/system/js/core.min.js?a3d8f8"></script>
597
598	
598<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
598
599	
599<script src="/media/legacy/js/jquery-noconflict.min.js?504da4"></script>
599
600	
600<script src="/media/vendor/bootstrap/js/alert.min.js?5.3.8" type="module"></script>
600
601	
601<script src="/media/vendor/bootstrap/js/button.min.js?5.3.8" type="module"></script>
601
602	
602<script src="/media/vendor/bootstrap/js/carousel.min.js?5.3.8" type="module"></script>
602
603	
603<script src="/media/vendor/bootstrap/js/collapse.min.js?5.3.8" type="module"></script>
603
604	
604<script src="/media/vendor/bootstrap/js/dropdown.min.js?5.3.8" type="module"></script>
604
605	
605<script src="/media/vendor/bootstrap/js/modal.min.js?5.3.8" type="module"></script>
605
606	
606<script src="/media/vendor/bootstrap/js/offcanvas.min.js?5.3.8" type="module"></script>
606
607	
607<script src="/media/vendor/bootstrap/js/popover.min.js?5.3.8" type="module"></script>
607
608	
608<script src="/media/vendor/bootstrap/js/scrollspy.min.js?5.3.8" type="module"></script>
608
609	
609<script src="/media/vendor/bootstrap/js/tab.min.js?5.3.8" type="module"></script>
609
610	
610<script src="/media/vendor/bootstrap/js/toast.min.js?5.3.8" type="module"></script>
610
611	
611<script src="/media/system/js/showon.min.js?e51227" type="module"></script>
611
612	
612<script src="/media/mod_menu/js/menu.min.js?ead1b3" type="module"></script>
612
613	
613<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
613
614	
614<script src="/media/plg_system_schedulerunner/js/run-schedule.min.js?229d3b" type="module"></script>
614
615	
615<script src="/components/com_sppagebuilder/assets/js/common.js" data-jtaldef-processed="2.1.0"></script>
615
616	
616<script src="/components/com_sppagebuilder/assets/js/dynamic-content.js?fba6c85d81d0c68346fb69189fc1e35e" data-jtaldef-processed="2.1.0"></script>
616
617	
617<script src="/components/com_sppagebuilder/assets/js/jquery.parallax.js?fba6c85d81d0c68346fb69189fc1e35e" data-jtaldef-processed="2.1.0"></script>
617
618	
618<script src="/components/com_sppagebuilder/assets/js/sppagebuilder.js?fba6c85d81d0c68346fb69189fc1e35e" defer data-jtaldef-processed="2.1.0"></script>
618
619	
619<script src="/components/com_spsimpleportfolio/assets/js/jquery.shuffle.modernizr.min.js" data-jtaldef-processed="2.1.0"></script>
619
620	
620<script src="/components/com_spsimpleportfolio/assets/js/featherlight.min.js" data-jtaldef-processed="2.1.0"></script>
620
621	
621<script src="/components/com_spsimpleportfolio/assets/js/spsimpleportfolio.js" data-jtaldef-processed="2.1.0"></script>
621
622	
622<script src="/templates/shaper_helixultimate/js/inert.min.js" data-jtaldef-processed="2.1.0"></script>
622
623	
623<script src="/templates/shaper_helixultimate/js/main.js" data-jtaldef-processed="2.1.0"></script>
623
624	
624<script src="/components/com_sppagebuilder/assets/js/addons/text_block.js" data-jtaldef-processed="2.1.0"></script>
624
625	
625<script>window.RegularLabs=window.RegularLabs||{};window.RegularLabs.EmailProtector=window.RegularLabs.EmailProtector||{unCloak:function(e,g){document.querySelectorAll("."+e).forEach(function(a){var f="",c="";a.className=a.className.replace(" "+e,"");a.querySelectorAll("span").forEach(function(d){for(name in d.dataset)0===name.indexOf("epA")&&(f+=d.dataset[name]),0===name.indexOf("epB")&&(c=d.dataset[name]+c)});if(c){var b=a.nextElementSibling;b&&"script"===b.tagName.toLowerCase()&&b.parentNode.removeChild(b);b=f+c;g?(a.parentNode.href="mailto:"+b,a.parentNode.removeChild(a)):a.innerHTML=b}})}};</script>
625
626	
626<script>/* LINK JS */
627document.addEventListener("DOMContentLoaded", function () {
628  const cards = document.querySelectorAll('.sp-simpleportfolio-item');
629
630  cards.forEach(card => {
631    const link = card.querySelector('.sp-simpleportfolio-title a');
632    if (link) {
633      let url = link.getAttribute('href');
634
635      // URL umschreiben
636      url = url.replace('/component/spsimpleportfolio/item/', '/projekte/');
637      url = url.replace(/\?Itemid=\d+/, ''); // löscht ?Itemid=0 oder andere Zahlen
638
639      card.style.cursor = 'pointer';
640
641      card.addEventListener('click', function () {
642        window.location.href = url;
643      });
644
645      // Optional: auch den Link direkt im <a> anpassen, falls jemand z.B. Rechtsklick macht
646      link.setAttribute('href', url);
647    }
648  });
649});
650
651
652/* ------------------------------ Usercentrics Button V2 ------------------------------ */
653
654let details = navigator.userAgent;
655let regexp = /android|iphone|kindle|ipad/i;
656let isMobileDevice = regexp.test(details);
657
658if (isMobileDevice) {
659    
660  var style = document.createElement('style');
661  style.innerHTML = `
662    #usercentrics-root{
663      display: none;    /* hidden until styles are apllied via JS */
664    }
665  `;
666  document.head.appendChild(style);
667  
668  setTimeout(() => {
669      
670      function checkWidth(x) {
671        if (x.matches) {
672            
673          let ucbtn = document.querySelector("#usercentrics-root").shadowRoot.querySelector('button[data-testid="uc-privacy-button"]');
674          ucbtn.style.cssText = `
675              width: var(--btns-width);
676              height: var(--btns-height);
677              position: var(--btns-position);
678              bottom: var(--btns-sm-mb);
679              right: initial;
680              left: 50%;
681              translate: -50px 0px;
682              background: var(--btns-bg-color);
683              border: var(--btns-border);
684              border-radius: var(--btns-border-radius);
685              box-shadow: var(--btns-box-shadow);
686          `;
687          
688          let ucbtnicon = document.querySelector("#usercentrics-root").shadowRoot.querySelector('div[data-testid="uc-privacy-icon"]');
689          ucbtnicon.style.cssText = `
690              scale: var(--btn-uc-size);
691              color: var(--btns-color);
692          `;
693          // console.log("small");
694          
695        } else {
696            
697          let ucbtn = document.querySelector("#usercentrics-root").shadowRoot.querySelector('button[data-testid="uc-privacy-button"]');
698          ucbtn.style.cssText = `
699              width: var(--btns-width);
700              height: var(--btns-height);
701              position: var(--btns-position);
702              bottom:var(--btn-uc-xl-mb);
703              left: initial;
704              right: var(--btns-xl-mr);
705              background: var(--btns-bg-color);
706              border: var(--btns-border);
707              border-radius: var(--btns-border-radius);
708              box-shadow: var(--btns-box-shadow);
709          `;
710          
711          let ucbtnicon = document.querySelector("#usercentrics-root").shadowRoot.querySelector('div[data-testid="uc-privacy-icon"]');
712          ucbtnicon.style.cssText = `
713              scale: var(--btn-uc-size);
714              color: var(--btns-color);
715          `;
716          // console.log("big");
717          
718        }
719      }
720      
721      var x = window.matchMedia("(max-width: 992px)");
722      checkWidth(x); // Call listener function at run time
723      x.addListener(checkWidth);
724       // Attach listener function on state changes
725      
726      if (document.querySelector('#usercentrics-root')) {
727          document.querySelector('#usercentrics-root').style.display = 'block';
728      }
729  
730  }, "2250")
731
732} else {
733    
734  var style = document.createElement('style');
735    style.innerHTML = `
736    #usercentrics-root{
737      display: none;    /* hidden until styles are apllied via JS */
738    }
739    `;
740    document.head.appendChild(style);
741      
742  setTimeout(() => {
743      
744      if (document.querySelector('#usercentrics-root')) {
745          document.querySelector('#usercentrics-root').style.display = 'block';
746      }
747      
748      const host = document.getElementById("usercentrics-root");
749      var sheet = new CSSStyleSheet;
750      var css = 'button[data-testid="uc-privacy-button"]{\
751                      width: var(--btns-width);\
752                      height: var(--btns-height);\
753                        position: var(--btns-position);\
754                        bottom:var(--btn-uc-xl-mb);\
755                        left: initial;\
756                        right: var(--btns-xl-mr);\
757                        background: var(--btns-bg-color);\
758                        border: var(--btns-border);\
759                      border-radius: var(--btns-border-radius);\
760                        box-shadow: var(--btns-box-shadow);\
761                  }\
762                  button[data-testid="uc-privacy-button"]:hover{\
763                      background: var(--btns-bg-color-active);\
764                  }\
765                  button[data-testid="uc-privacy-button"].hWlXXx{\
766                      opacity:1;\
767                      background: var(--btns-bg-color-active);\
768                  }\
769                  div[data-testid="uc-privacy-icon"]{\
770                      scale: var(--btn-uc-size);\
771                      color: var(--btns-color);\
772                  }\
773                  @media screen and (max-width: 992px) {\
774                      .jEcacy{\
775                            display:grid;\
776                      }\
777                      button[data-testid="uc-privacy-button"] {\
778                            bottom: var(--btns-sm-mb);\
779                            right: 50%;\
780                            place-self: center;\
781                            translate: -30px 0px;\
782                      }\
783                  }\
784                  ';
785      sheet.replaceSync(css);
786      host.shadowRoot.adoptedStyleSheets = [sheet];
787      
788  }, "1000")
789  
790}
791
792
793/* GALLERY */
794
795/* ----- JS für Masonry mit imagesLoaded, per SP PB Custom Javascript ----- */
796;(function(){
797  function loadScript(src){
798    return new Promise(function(resolve, reject){
799      var s = document.createElement('script');
800      s.src = src;
801      s.onload = resolve;
802      s.onerror = reject;
803      document.head.appendChild(s);
804    });
805  }
806
807  document.addEventListener('DOMContentLoaded', function(){
808    Promise.all([
809      loadScript('https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js'),
810      loadScript('https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js')
811    ])
812    .then(initMasonry)
813    .catch(function(err){
814      console.error('Script‑Load error:', err);
815    });
816  });
817
818  function initMasonry(){
819    var grid = document.querySelector('.sppb-addon-content > ul.sppb-gallery');
820    if (!grid){
821      console.warn('Masonry: Galerie‑Container nicht gefunden');
822      return;
823    }
824    imagesLoaded(grid, function(){
825      new Masonry(grid, {
826        itemSelector:    'li',
827        columnWidth:     '.sppb-addon-content > ul.sppb-gallery > li',
828        percentPosition: true,
829        gutter:          10
830      });
831    });
832  }
833})();</script>
833
834	
834<script>template="shaper_helixultimate";</script>
834
835	
835<script>
836				document.addEventListener("DOMContentLoaded", () =>{
837					window.htmlAddContent = window?.htmlAddContent || "";
838					if (window.htmlAddContent) {
839        				document.body.insertAdjacentHTML("beforeend", window.htmlAddContent);
840					}
841				});
842			</script>
842
843	
843<script>(function () {
844	try {
845		var SPPB_TIME_ZONE = Intl.DateTimeFormat().resolvedOptions().timeZone;
846
847		if (!SPPB_TIME_ZONE){
848			return;
849		}
850
851		document.cookie =
852			'sppb_user_timezone=' + encodeURIComponent(SPPB_TIME_ZONE) +
853			'; path=/' +
854			'; max-age=43200'; // 12 hours
855	} catch (e) {}
856})();</script>
856
857	
857<script>
858			const initColorMode = () => {
859				const colorVariableData = [];
860				const sppbColorVariablePrefix = "--sppb";
861				let activeColorMode = localStorage.getItem("sppbActiveColorMode") || "";
862				activeColorMode = "";
863				const modes = [];
864
865				if(!modes?.includes(activeColorMode)) {
866					activeColorMode = "";
867					localStorage.setItem("sppbActiveColorMode", activeColorMode);
868				}
869
870				document?.body?.setAttribute("data-sppb-color-mode", activeColorMode);
871
872				if (!localStorage.getItem("sppbActiveColorMode")) {
873					localStorage.setItem("sppbActiveColorMode", activeColorMode);
874				}
875
876				if (window.sppbColorVariables) {
877					const colorVariables = typeof(window.sppbColorVariables) === "string" ? JSON.parse(window.sppbColorVariables) : window.sppbColorVariables;
878
879					for (const colorVariable of colorVariables) {
880						const { path, value } = colorVariable;
881						const variable = String(path[0]).trim().toLowerCase().replaceAll(" ", "-");
882						const mode = path[1];
883						const variableName = `${sppbColorVariablePrefix}-${variable}`;
884
885						if (activeColorMode === mode) {
886							colorVariableData.push(`${variableName}: ${value}`);
887						}
888					}
889
890					document.documentElement.style.cssText += colorVariableData.join(";");
891				}
892			};
893
894			window.sppbColorVariables = [];
895			
896			initColorMode();
897
898			document.addEventListener("DOMContentLoaded", initColorMode);
899		</script>
899
900	<meta property="article:author" content="Melina Brkic"/>
901	<meta property="article:published_time" content="2022-10-04 22:31:20"/>
902	<meta property="article:modified_time" content="2025-10-24 19:09:27"/>
903	<meta property="og:locale" content="de_DE" />
904	<meta property="og:title" content="Projekte – GAEBLER Bauplanung Partnerschaft von Architekten mbB" />
905	<meta property="og:type" content="website" />
906	<meta property="og:url" content="https://gaebler-architekten.de/projekte" />
907	<meta property="og:site_name" content="GAEBLER Bauplanung Partnerschaft von Architekten mbB" />
908	<meta name="twitter:card" content="summary" />
909	<meta name="twitter:title" content="Projekte – GAEBLER Bauplanung Partnerschaft von Architekten mbB" />
910	<meta name="twitter:site" content="@GAEBLER Bauplanung Partnerschaft von Architekten mbB" />
911<script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script>
vendor: 2 bytes, line 911
911
912<script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="AmgCvRhatjoxNO" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script>
912
913			</head>
914	<body class="site helix-ultimate hu com_sppagebuilder com-sppagebuilder view-page layout-default task-none itemid-314 de-de ltr sticky-header layout-fluid offcanvas-init offcanvs-position-right">
915
916		
917		
918		<div class="body-wrapper">
919			<div class="body-innerwrapper">
920					<div class="sticky-header-placeholder"></div>
921<header id="sp-header">
922	<div class="container">
923		<div class="container-inner">
924			<div class="row">
925				<!-- Left toggler (when offcanvas left) -->
926				
927				<!-- Logo -->
928				<div id="sp-logo" class="col-auto">
929					<div class="sp-column">
930						<div class="logo"><a href="/">
931				<img class='logo-image  d-none d-lg-inline-block'
932					srcset='https://gaebler-architekten.de/images/1Kundenordner/25logo-gaeblerarchitekten.jpg 1x, https://gaebler-architekten.de/images/25logo-gaeblerarchitekten.jpg 2x'
933					src='https://gaebler-architekten.de/images/1Kundenordner/25logo-gaeblerarchitekten.jpg'
934					height='50'
935					alt='GAEBLER Bauplanung Partnerschaft von Architekten mbB'
936				/>
937				<img class="logo-image-phone d-inline-block d-lg-none" src="https://gaebler-architekten.de/images/1Kundenordner/25mobile_logo-gaeblerarchitekten.jpg" alt="GAEBLER Bauplanung Partnerschaft von Architekten mbB" /></a></div>						
938					</div>
939				</div>
940
941				<!-- Menu -->
942				<div id="sp-menu" class="col-auto flex-auto">
943					<div class="sp-column  d-flex justify-content-end align-items-center">
944												
945
946						<!-- Related Modules -->
947						<div class="d-none d-lg-flex header-modules align-items-center">
948								
949													</div>
950
951						<!-- Right toggler  -->
952													
953  <a id="offcanvas-toggler"
954     class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center"
955     href="#"
956     aria-label="Menu"
957     title="Menu">
958     <div class="burger-icon" aria-hidden="true"><span></span><span></span><span></span></div>
959  </a>											</div>
960				</div>
961			</div>
962		</div>
963	</div>
964</header>				<main id="sp-main">
965					
966<section id="sp-section-1" >
967
968				
969	
970<div class="row">
971	<div id="sp-title" class="col-lg-12 "><div class="sp-column "></div></div></div>
972				
973	</section>
974
975<section id="sp-main-body" >
976
977				
978	
979<div class="row">
980	
981<div id="sp-component" class="col-lg-12 ">
982	<div class="sp-column ">
983		<div id="system-message-container" aria-live="polite"></div>
984
985
986		
987		<div id="sp-page-builder" class="sp-page-builder  page-6 " x-data="easystoreProductList">
988
989	
990	
991
992	
993	<div class="page-content builder-container" x-data="easystoreProductDetails">
994
995				<section id="section-id-1753001648217" class="sppb-section" ><div class="sppb-row-container"><div class="sppb-row"><div class="sppb-row-column  " id="column-wrap-id-1753001648216"><div id="column-id-1753001648216" class="sppb-column " ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1753001697764" class="sppb-addon-wrapper  addon-root-heading"><div id="sppb-addon-1753001697764" class="clearfix  "     ><div class="sppb-addon sppb-addon-header"><h1 class="sppb-addon-title">Projekte</h1></div></div></div><div id="sppb-addon-wrapper-1761332561929" class="sppb-addon-wrapper  addon-root-divider"><div id="sppb-addon-1761332561929" class="clearfix  "     ><div class="sppb-addon-divider-wrap divider-position"><div class="sppb-divider sppb-divider-border " role="none"></div></div></div></div></div></div></div></div></div></section><section id="section-id-9ckDuxUNaUMgQ9wjbChxs" class="sppb-section sppb-section-content-top" ><div class="sppb-row-container"><div class="sppb-row sppb-align-top"><div class="sppb-col-md-6  " id="column-wrap-id-P1zTil9dsQBHpFIiRggS6"><div id="column-id-P1zTil9dsQBHpFIiRggS6" class="sppb-column " ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1753006237193" class="sppb-addon-wrapper  addon-root-module"><div id="sppb-addon-1753006237193" class="clearfix  "     ><div class="sppb-addon sppb-addon-module "><div class="sppb-addon-content"><div id="mod-sp-simpleportfolio" class="sp-simpleportfolio sp-simpleportfolio-view-items layout-default ">
996	
997	
998	
999	<div class="sp-simpleportfolio-items sp-simpleportfolio-columns-3">
1000					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1001								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1002					
1003					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/12-ost/ost-1_600x400.jpg" alt="OST">
1004
1005					<div class="sp-simpleportfolio-overlay">
1006						<div class="sp-vertical-middle">
1007							<div>
1008								<div class="sp-simpleportfolio-btns">
1009																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/ost-1.jpg" data-featherlight="image">Zoom</a>
1010																		<a class="btn-view" href="/component/spsimpleportfolio/item/12-ost?Itemid=0">View</a>
1011								</div>
1012
1013															</div>
1014						</div>
1015					</div>
1016				</div>
1017
1018									<div class="sp-simpleportfolio-info">
1019						<h3 class="sp-simpleportfolio-title">
1020							<a href="/component/spsimpleportfolio/item/12-ost?Itemid=0">
1021								OST							</a>
1022						</h3>
1023						<div class="sp-simpleportfolio-tags">
1024							Projekt						</div>
1025					</div>
1026				
1027							</div>
1028					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1029								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1030					
1031					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/09-brb/brb-1_600x800.jpg" alt="BRB">
1032
1033					<div class="sp-simpleportfolio-overlay">
1034						<div class="sp-vertical-middle">
1035							<div>
1036								<div class="sp-simpleportfolio-btns">
1037																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/brb-1.jpg" data-featherlight="image">Zoom</a>
1038																		<a class="btn-view" href="/component/spsimpleportfolio/item/09-brb?Itemid=0">View</a>
1039								</div>
1040
1041															</div>
1042						</div>
1043					</div>
1044				</div>
1045
1046									<div class="sp-simpleportfolio-info">
1047						<h3 class="sp-simpleportfolio-title">
1048							<a href="/component/spsimpleportfolio/item/09-brb?Itemid=0">
1049								BRB							</a>
1050						</h3>
1051						<div class="sp-simpleportfolio-tags">
1052							Projekt						</div>
1053					</div>
1054				
1055							</div>
1056					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1057								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1058					
1059					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/10-offa/offa-1_600x600.jpg" alt="OFFA">
1060
1061					<div class="sp-simpleportfolio-overlay">
1062						<div class="sp-vertical-middle">
1063							<div>
1064								<div class="sp-simpleportfolio-btns">
1065																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/offa-1.jpg" data-featherlight="image">Zoom</a>
1066																		<a class="btn-view" href="/component/spsimpleportfolio/item/10-offa?Itemid=0">View</a>
1067								</div>
1068
1069															</div>
1070						</div>
1071					</div>
1072				</div>
1073
1074									<div class="sp-simpleportfolio-info">
1075						<h3 class="sp-simpleportfolio-title">
1076							<a href="/component/spsimpleportfolio/item/10-offa?Itemid=0">
1077								OFFA							</a>
1078						</h3>
1079						<div class="sp-simpleportfolio-tags">
1080							Projekt						</div>
1081					</div>
1082				
1083							</div>
1084					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1085								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1086					
1087					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/08-aspen/aspen-1_600x800.jpg" alt="ASPEN">
1088
1089					<div class="sp-simpleportfolio-overlay">
1090						<div class="sp-vertical-middle">
1091							<div>
1092								<div class="sp-simpleportfolio-btns">
1093																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/aspen-1.jpg" data-featherlight="image">Zoom</a>
1094																		<a class="btn-view" href="/component/spsimpleportfolio/item/08-aspen?Itemid=0">View</a>
1095								</div>
1096
1097															</div>
1098						</div>
1099					</div>
1100				</div>
1101
1102									<div class="sp-simpleportfolio-info">
1103						<h3 class="sp-simpleportfolio-title">
1104							<a href="/component/spsimpleportfolio/item/08-aspen?Itemid=0">
1105								ASPEN							</a>
1106						</h3>
1107						<div class="sp-simpleportfolio-tags">
1108							Projekt						</div>
1109					</div>
1110				
1111							</div>
1112					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1113								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1114					
1115					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/07-willi/willi-1_600x400.jpg" alt="WILLI">
1116
1117					<div class="sp-simpleportfolio-overlay">
1118						<div class="sp-vertical-middle">
1119							<div>
1120								<div class="sp-simpleportfolio-btns">
1121																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/willi-1.jpg" data-featherlight="image">Zoom</a>
1122																		<a class="btn-view" href="/component/spsimpleportfolio/item/07-willi?Itemid=0">View</a>
1123								</div>
1124
1125															</div>
1126						</div>
1127					</div>
1128				</div>
1129
1130									<div class="sp-simpleportfolio-info">
1131						<h3 class="sp-simpleportfolio-title">
1132							<a href="/component/spsimpleportfolio/item/07-willi?Itemid=0">
1133								WILLI							</a>
1134						</h3>
1135						<div class="sp-simpleportfolio-tags">
1136							Projekt						</div>
1137					</div>
1138				
1139							</div>
1140					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1141								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1142					
1143					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/05-hbw/hbw-1_600x600.jpg" alt="HBW">
1144
1145					<div class="sp-simpleportfolio-overlay">
1146						<div class="sp-vertical-middle">
1147							<div>
1148								<div class="sp-simpleportfolio-btns">
1149																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/hbw-1.jpg" data-featherlight="image">Zoom</a>
1150																		<a class="btn-view" href="/component/spsimpleportfolio/item/05-hbw?Itemid=0">View</a>
1151								</div>
1152
1153															</div>
1154						</div>
1155					</div>
1156				</div>
1157
1158									<div class="sp-simpleportfolio-info">
1159						<h3 class="sp-simpleportfolio-title">
1160							<a href="/component/spsimpleportfolio/item/05-hbw?Itemid=0">
1161								HBW							</a>
1162						</h3>
1163						<div class="sp-simpleportfolio-tags">
1164							Projekt						</div>
1165					</div>
1166				
1167							</div>
1168					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1169								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1170					
1171					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/06-sem60/sem60-1_600x600.jpg" alt="SEM60">
1172
1173					<div class="sp-simpleportfolio-overlay">
1174						<div class="sp-vertical-middle">
1175							<div>
1176								<div class="sp-simpleportfolio-btns">
1177																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/sem60-1.jpg" data-featherlight="image">Zoom</a>
1178																		<a class="btn-view" href="/component/spsimpleportfolio/item/06-sem60?Itemid=0">View</a>
1179								</div>
1180
1181															</div>
1182						</div>
1183					</div>
1184				</div>
1185
1186									<div class="sp-simpleportfolio-info">
1187						<h3 class="sp-simpleportfolio-title">
1188							<a href="/component/spsimpleportfolio/item/06-sem60?Itemid=0">
1189								SEM60							</a>
1190						</h3>
1191						<div class="sp-simpleportfolio-tags">
1192							Projekt						</div>
1193					</div>
1194				
1195							</div>
1196					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1197								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1198					
1199					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/03-wad/wad-1_600x400.jpg" alt="WAD">
1200
1201					<div class="sp-simpleportfolio-overlay">
1202						<div class="sp-vertical-middle">
1203							<div>
1204								<div class="sp-simpleportfolio-btns">
1205																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/wad-1.jpg" data-featherlight="image">Zoom</a>
1206																		<a class="btn-view" href="/component/spsimpleportfolio/item/03-wad?Itemid=0">View</a>
1207								</div>
1208
1209															</div>
1210						</div>
1211					</div>
1212				</div>
1213
1214									<div class="sp-simpleportfolio-info">
1215						<h3 class="sp-simpleportfolio-title">
1216							<a href="/component/spsimpleportfolio/item/03-wad?Itemid=0">
1217								WAD							</a>
1218						</h3>
1219						<div class="sp-simpleportfolio-tags">
1220							Projekt						</div>
1221					</div>
1222				
1223							</div>
1224					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1225								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1226					
1227					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/04-wad-dh/wad-dh-1_600x800.jpg" alt="WAD-DH">
1228
1229					<div class="sp-simpleportfolio-overlay">
1230						<div class="sp-vertical-middle">
1231							<div>
1232								<div class="sp-simpleportfolio-btns">
1233																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/wad-dh-1.jpg" data-featherlight="image">Zoom</a>
1234																		<a class="btn-view" href="/component/spsimpleportfolio/item/04-wad-dh?Itemid=0">View</a>
1235								</div>
1236
1237															</div>
1238						</div>
1239					</div>
1240				</div>
1241
1242									<div class="sp-simpleportfolio-info">
1243						<h3 class="sp-simpleportfolio-title">
1244							<a href="/component/spsimpleportfolio/item/04-wad-dh?Itemid=0">
1245								WAD-DH							</a>
1246						</h3>
1247						<div class="sp-simpleportfolio-tags">
1248							Projekt						</div>
1249					</div>
1250				
1251							</div>
1252					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1253								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1254					
1255					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/02-mit/mit-1_600x600.jpg" alt="MIT">
1256
1257					<div class="sp-simpleportfolio-overlay">
1258						<div class="sp-vertical-middle">
1259							<div>
1260								<div class="sp-simpleportfolio-btns">
1261																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/mit-1.jpg" data-featherlight="image">Zoom</a>
1262																		<a class="btn-view" href="/component/spsimpleportfolio/item/02-mit?Itemid=0">View</a>
1263								</div>
1264
1265															</div>
1266						</div>
1267					</div>
1268				</div>
1269
1270									<div class="sp-simpleportfolio-info">
1271						<h3 class="sp-simpleportfolio-title">
1272							<a href="/component/spsimpleportfolio/item/02-mit?Itemid=0">
1273								MIT							</a>
1274						</h3>
1275						<div class="sp-simpleportfolio-tags">
1276							Projekt						</div>
1277					</div>
1278				
1279							</div>
1280					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1281								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1282					
1283					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/01-ise/ise-1_600x800.jpg" alt="ISE">
1284
1285					<div class="sp-simpleportfolio-overlay">
1286						<div class="sp-vertical-middle">
1287							<div>
1288								<div class="sp-simpleportfolio-btns">
1289																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/ise-1.jpg" data-featherlight="image">Zoom</a>
1290																		<a class="btn-view" href="/component/spsimpleportfolio/item/01-ise?Itemid=0">View</a>
1291								</div>
1292
1293															</div>
1294						</div>
1295					</div>
1296				</div>
1297
1298									<div class="sp-simpleportfolio-info">
1299						<h3 class="sp-simpleportfolio-title">
1300							<a href="/component/spsimpleportfolio/item/01-ise?Itemid=0">
1301								ISE							</a>
1302						</h3>
1303						<div class="sp-simpleportfolio-tags">
1304							Projekt						</div>
1305					</div>
1306				
1307							</div>
1308					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1309								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1310					
1311					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/11-peg/peg-1_600x400.jpg" alt="PEG">
1312
1313					<div class="sp-simpleportfolio-overlay">
1314						<div class="sp-vertical-middle">
1315							<div>
1316								<div class="sp-simpleportfolio-btns">
1317																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/peg-1.jpg" data-featherlight="image">Zoom</a>
1318																		<a class="btn-view" href="/component/spsimpleportfolio/item/11-
1318peg?Itemid=0">View</a>
1319								</div>
1320
1321															</div>
1322						</div>
1323					</div>
1324				</div>
1325
1326									<div class="sp-simpleportfolio-info">
1327						<h3 class="sp-simpleportfolio-title">
1328							<a href="/component/spsimpleportfolio/item/11-peg?Itemid=0">
1329								PEG							</a>
1330						</h3>
1331						<div class="sp-simpleportfolio-tags">
1332							Projekt						</div>
1333					</div>
1334				
1335							</div>
1336					<div class="sp-simpleportfolio-item" data-groups='["projekt"]'>
1337								<div class="sp-simpleportfolio-overlay-wrapper clearfix">
1338					
1339					<img class="sp-simpleportfolio-img" src="/images/spsimpleportfolio/13-eule/EULE-1_600x800.jpg" alt="EULE">
1340
1341					<div class="sp-simpleportfolio-overlay">
1342						<div class="sp-vertical-middle">
1343							<div>
1344								<div class="sp-simpleportfolio-btns">
1345																			<a class="btn-zoom" href="https://gaebler-architekten.de/images/1Kundenordner/EULE-1.jpg" data-featherlight="image">Zoom</a>
1346																		<a class="btn-view" href="/component/spsimpleportfolio/item/13-eule?Itemid=0">View</a>
1347								</div>
1348
1349															</div>
1350						</div>
1351					</div>
1352				</div>
1353
1354									<div class="sp-simpleportfolio-info">
1355						<h3 class="sp-simpleportfolio-title">
1356							<a href="/component/spsimpleportfolio/item/13-eule?Itemid=0">
1357								EULE							</a>
1358						</h3>
1359						<div class="sp-simpleportfolio-tags">
1360							Projekt						</div>
1361					</div>
1362				
1363							</div>
1364			</div>
1365</div></div></div></div></div></div></div></div></div></div></section>
1366			</div>
1367
1368	</div>
1369
1370			</div>
1371</div>
1372</div>
1373				
1374	</section>
1375
1376<footer id="sp-footer" >
1377
1378						<div class="container">
1379				<div class="container-inner">
1380			
1381	
1382<div class="row">
1383	<div id="sp-footer1" class="col-lg-12 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"><div class="mod-sppagebuilder  sp-page-builder" data-module_id="121">
1384	<div class="page-content">
1385		<section id="section-id-1761332027681" class="sppb-section" ><div class="sppb-row-container"><div class="sppb-row"><div class="sppb-row-column  " id="column-wrap-id-1761332027680"><div id="column-id-1761332027680" class="sppb-column " ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1761332093987" class="sppb-addon-wrapper  addon-root-divider"><div id="sppb-addon-1761332093987" class="clearfix  "     ><div class="sppb-addon-divider-wrap divider-position"><div class="sppb-divider sppb-divider-border " role="none"></div></div><style type="text/css">#sppb-addon-1761332093987{
1386}#sppb-addon-1761332093987{
1387padding-top: 0px;
1388padding-right: 0px;
1389padding-bottom: 0px;
1390padding-left: 0px;
1391}
1392@media (max-width: 1199.98px) {#sppb-addon-1761332093987{}}
1393@media (max-width: 991.98px) {#sppb-addon-1761332093987{}}
1394@media (max-width: 767.98px) {#sppb-addon-1761332093987{}}
1395@media (max-width: 575.98px) {#sppb-addon-1761332093987{}}#sppb-addon-wrapper-1761332093987{
1396margin-top: 0px;
1397margin-right: 0px;
1398margin-bottom: 0px;
1399margin-left: 0px;
1400}
1401@media (max-width: 1199.98px) {#sppb-addon-wrapper-1761332093987{}}
1402@media (max-width: 991.98px) {#sppb-addon-wrapper-1761332093987{}}
1403@media (max-width: 767.98px) {#sppb-addon-wrapper-1761332093987{}}
1404@media (max-width: 575.98px) {#sppb-addon-wrapper-1761332093987{}}#sppb-addon-1761332093987 .sppb-addon-title{
1405}</style><style type="text/css">#sppb-addon-1761332093987 .divider-position{
1406}#sppb-addon-1761332093987 .sppb-divider{
1407margin-top: 0px;
1408margin-bottom: 10px;
1409border-bottom-width: 2px;
1410border-bottom-style: solid;
1411border-bottom-color: #000000;
1412}
1413@media (max-width: 1199.98px) {#sppb-addon-1761332093987 .sppb-divider{}}
1414@media (max-width: 991.98px) {#sppb-addon-1761332093987 .sppb-divider{}}
1415@media (max-width: 767.98px) {#sppb-addon-1761332093987 .sppb-divider{}}
1416@media (max-width: 575.98px) {#sppb-addon-1761332093987 .sppb-divider{}}</style></div></div></div></div></div></div></div></section><section id="section-id-1674481339113" class="sppb-section sppb-section-content-center" ><div class="sppb-row-container"><div class="sppb-row sppb-align-center"><div class="sppb-row-column  " id="column-wrap-id-1752998060974"><div id="column-id-1752998060974" class="sppb-column " ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-FiSoQX3gsWXwLyIMPJEFc" class="sppb-addon-wrapper  addon-root-text-block"><div id="sppb-addon-FiSoQX3gsWXwLyIMPJEFc" class="clearfix  "     ><div class="sppb-addon sppb-addon-text-block " ><div class="sppb-addon-content  "><p><span style="color:rgb(0,0,0);">GAEBLER ARCHITEKTEN<br></span><a rel="" href="#"><span style="color:rgb(0,0,0);">Mozartstraße 10b<br>22083 Hamburg</span></a></p></div></div><style type="text/css">#sppb-addon-FiSoQX3gsWXwLyIMPJEFc{
1417}#sppb-addon-FiSoQX3gsWXwLyIMPJEFc{
1418color: #000000;
1419border-radius: 0px;
1420}
1421@media (max-width: 1199.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc{}}
1422@media (max-width: 991.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc{}}
1423@media (max-width: 767.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc{}}
1424@media (max-width: 575.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc{}}#sppb-addon-wrapper-FiSoQX3gsWXwLyIMPJEFc{
1425margin-top: 0px;
1426margin-right: 0px;
1427margin-bottom: 0px;
1428margin-left: 0px;
1429}
1430@media (max-width: 1199.98px) {#sppb-addon-wrapper-FiSoQX3gsWXwLyIMPJEFc{}}
1431@media (max-width: 991.98px) {#sppb-addon-wrapper-FiSoQX3gsWXwLyIMPJEFc{}}
1432@media (max-width: 767.98px) {#sppb-addon-wrapper-FiSoQX3gsWXwLyIMPJEFc{}}
1433@media (max-width: 575.98px) {#sppb-addon-wrapper-FiSoQX3gsWXwLyIMPJEFc{}}#sppb-addon-FiSoQX3gsWXwLyIMPJEFc a {
1434	color: #000000;
1435}
1436#sppb-addon-FiSoQX3gsWXwLyIMPJEFc a:hover,
1437#sppb-addon-FiSoQX3gsWXwLyIMPJEFc a:focus,
1438#sppb-addon-FiSoQX3gsWXwLyIMPJEFc a:active {
1439	color: #000000;
1440}
1441#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-title{
1442}</style><style type="text/css">#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block{
1443text-align: left;
1444}
1445@media (max-width: 1199.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block{text-align: left;}}
1446@media (max-width: 991.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block{text-align: left;}}
1447@media (max-width: 767.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block{}}
1448@media (max-width: 575.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block{}}#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content{
1449font-size: 15px;
1450}
1451@media (max-width: 1199.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}
1452@media (max-width: 991.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}
1453@media (max-width: 767.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}
1454@media (max-width: 575.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-textblock-column{
1455}#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h6{
1456font-size: 15px;
1457}
1458@media (max-width: 1199.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}
1459@media (max-width: 991.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}
1460@media (max-width: 767.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}
1461@media (max-width: 575.98px) {#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-FiSoQX3gsWXwLyIMPJEFc .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}</style></div></div></div></div></div><div class="sppb-col-md-4  " id="column-wrap-id-1674481339111"><div id="column-id-1674481339111" class="sppb-column " ><div class="sppb-column-addons"><div id="sppb-addon-wrapper-1675413405453" class="sppb-addon-wrapper  addon-root-text-block"><div id="sppb-addon-1675413405453" class="clearfix  "     ><div class="sppb-addon sppb-addon-text-block .footer-right" ><div class="sppb-addon-content  "><p><!-- Diese E-Mail Adresse ist vor Spambots geschützt. --><a rel="" href="javascript:/* Diese E-Mail Adresse ist vor Spambots gesch&uuml;tzt.*/"><span style="color:rgb(0,0,0);"><span class="cloaked_email ep_9a4b2e87"><span data-ep-a319a="&#73;&#78;FO&#64;" data-ep-b7950="d&#101;"><span data-ep-b7950="kt&#101;n&#46;" data-ep-a319a="&#103;&#97;&#101;&#98;l"><span data-ep-b7950="&#99;&#104;&#105;&#116;&#101;" data-ep-a319a="&#101;&#114;&#45;&#97;&#114;"></span></span></span></span></span>
1461<script>RegularLabs.EmailProtector.unCloak("ep_9a4b2e87");</script>
1461<span class="cloaked_email ep_13d330c0" style="display:none;"><span data-ep-a319a="i&#110;&#102;&#111;&#64;" data-ep-b7950="de"><span data-ep-b7950="kt&#101;&#110;&#46;" data-ep-a319a="&#103;&#97;&#101;&#98;&#108;"><span data-ep-b7950="&#99;&#104;&#105;t&#101;" data-ep-a319a="&#101;&#114;&#45;&#97;&#114;"></span></span></span></span></a>
1461<script>RegularLabs.EmailProtector.unCloak("ep_13d330c0", true);</script>
1461<span style="color:rgb(0,0,0);"><br>TEL </span><a rel="" href="tel:+494043093090"><span style="color:rgb(0,0,0);">+49 40 430 93 09 - 0</span></a></p></div></div><style type="text/css">#sppb-addon-1675413405453{
1462}#sppb-addon-1675413405453{
1463color: #000000;
1464border-radius: 0px;
1465}
1466@media (max-width: 1199.98px) {#sppb-addon-1675413405453{}}
1467@media (max-width: 991.98px) {#sppb-addon-1675413405453{}}
1468@media (max-width: 767.98px) {#sppb-addon-1675413405453{}}
1469@media (max-width: 575.98px) {#sppb-addon-1675413405453{}}#sppb-addon-wrapper-1675413405453{
1470margin-top: 0px;
1471margin-right: 0px;
1472margin-bottom: 0px;
1473margin-left: 0px;
1474}
1475@media (max-width: 1199.98px) {#sppb-addon-wrapper-1675413405453{}}
1476@media (max-width: 991.98px) {#sppb-addon-wrapper-1675413405453{}}
1477@media (max-width: 767.98px) {#sppb-addon-wrapper-1675413405453{}}
1478@media (max-width: 575.98px) {#sppb-addon-wrapper-1675413405453{}}#sppb-addon-1675413405453 a {
1479	color: #000000;
1480}
1481#sppb-addon-1675413405453 a:hover,
1482#sppb-addon-1675413405453 a:focus,
1483#sppb-addon-1675413405453 a:active {
1484	color: #000000;
1485}
1486#sppb-addon-1675413405453 .sppb-addon-title{
1487}</style><style type="text/css">#sppb-addon-1675413405453 .sppb-addon-text-block{
1488text-align: right;
1489}
1490@media (max-width: 1199.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block{text-align: right;}}
1491@media (max-width: 991.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block{text-align: right;}}
1492@media (max-width: 767.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block{text-align: left;}}
1493@media (max-width: 575.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block{}}#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content{
1494font-size: 15px;
1495}
1496@media (max-width: 1199.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}
1497@media (max-width: 991.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}
1498@media (max-width: 767.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}
1499@media (max-width: 575.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content{font-size: 14px;}}#sppb-addon-1675413405453 .sppb-textblock-column{
1500}#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h6{
1501font-size: 15px;
1502}
1503@media (max-width: 1199.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}
1504@media (max-width: 991.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}
1505@media (max-width: 767.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}
1506@media (max-width: 575.98px) {#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h1,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h2,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h3,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h4,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h5,#sppb-addon-1675413405453 .sppb-addon-text-block .sppb-addon-content h6{font-size: 14px;}}</style></div></div><div id="sppb-addon-wrapper-1753825598966" class="sppb-addon-wrapper  addon-root-icon"><div id="sppb-addon-1753825598966" class="clearfix  "     ><div class="sppb-icon "><a target="_blank" href="https://www.instagram.com/gaeblerarchitekten/" ><span class="sppb-icon-inner"><i class="fab fa-instagram" aria-hidden="true" title="" aria-hidden="true"></i><span class="sppb-form-label-visually-hidden">fab fa-instagram</span></span></a></div><style type="text/css">#sppb-addon-1753825598966{
1507}#sppb-addon-1753825598966{
1508color: #000000;
1509}
1510@media (max-width: 1199.98px) {#sppb-addon-1753825598966{}}
1511@media (max-width: 991.98px) {#sppb-addon-1753825598966{}}
1512@media (max-width: 767.98px) {#sppb-addon-1753825598966{}}
1513@media (max-width: 575.98px) {#sppb-addon-1753825598966{}}#sppb-addon-wrapper-1753825598966{
1514margin-top: -10px;
1515margin-right: 0px;
1516margin-bottom: 0px;
1517margin-left: 0px;
1518}
1519@media (max-width: 1199.98px) {#sppb-addon-wrapper-1753825598966{}}
1520@media (max-width: 991.98px) {#sppb-addon-wrapper-1753825598966{}}
1521@media (max-width: 767.98px) {#sppb-addon-wrapper-1753825598966{}}
1522@media (max-width: 575.98px) {#sppb-addon-wrapper-1753825598966{}}#sppb-addon-1753825598966 a {
1523	color: #000000;
1524}
1525#sppb-addon-1753825598966 a:hover,
1526#sppb-addon-1753825598966 a:focus,
1527#sppb-addon-1753825598966 a:active {
1528	color: #747474;
1529}
1530#sppb-addon-1753825598966 .sppb-addon-title{
1531}</style><style type="text/css">#sppb-addon-1753825598966 .sppb-icon-inner{
1532margin: -10 0px 0px 0px;
1533}
1534@media (max-width: 1199.98px) {#sppb-addon-1753825598966 .sppb-icon-inner{}}
1535@media (max-width: 991.98px) {#sppb-addon-1753825598966 .sppb-icon-inner{}}
1536@media (max-width: 767.98px) {#sppb-addon-1753825598966 .sppb-icon-inner{}}
1537@media (max-width: 575.98px) {#sppb-addon-1753825598966 .sppb-icon-inner{}}#sppb-addon-1753825598966 .sppb-icon-inner:hover{
1538}#sppb-addon-1753825598966 .sppb-icon-inner i{
1539font-size: 20px;
1540}
1541@media (max-width: 1199.98px) {#sppb-addon-1753825598966 .sppb-icon-inner i{}}
1542@media (max-width: 991.98px) {#sppb-addon-1753825598966 .sppb-icon-inner i{}}
1543@media (max-width: 767.98px) {#sppb-addon-1753825598966 .sppb-icon-inner i{}}
1544@media (max-width: 575.98px) {#sppb-addon-1753825598966 .sppb-icon-inner i{}}#sppb-addon-1753825598966 .sppb-icon-inner{
1545}#sppb-addon-1753825598966{
1546text-align: right;
1547}
1548@media (max-width: 1199.98px) {#sppb-addon-1753825598966{}}
1549@media (max-width: 991.98px) {#sppb-addon-1753825598966{}}
1550@media (max-width: 767.98px) {#sppb-addon-1753825598966{text-align: left;}}
1551@media (max-width: 575.98px) {#sppb-addon-1753825598966{}}</style></div></div></div></div></div></div></div></section><style type="text/css">.sp-page-builder .page-content #section-id-1761332027681{box-shadow:0px 0px 0px 0px #FFFFFF;}.sp-page-builder .page-content #section-id-1761332027681{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#column-id-1761332027680{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}#column-wrap-id-1761332027680{max-width:100%;flex-basis:100%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}@media (max-width:1199.98px) {#column-wrap-id-1761332027680{max-width:100%;flex-basis:100%;}}@media (max-width:991.98px) {#column-wrap-id-1761332027680{max-width:100%;flex-basis:100%;}}@media (max-width:767.98px) {#column-wrap-id-1761332027680{max-width:100%;flex-basis:100%;}}@media (max-width:575.98px) {#column-wrap-id-1761332027680{max-width:100%;flex-basis:100%;}}
1551.sp-page-builder .page-content #section-id-1674481339113{box-shadow:0px 0px 0px 0px #ffffff;}.sp-page-builder .page-content #section-id-1674481339113{padding-top:1px;padding-right:0px;padding-bottom:50px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;color:#000000;border-radius:0px;}@media (max-width:575.98px) {.sp-page-builder .page-content #section-id-1674481339113{padding-top:15px;padding-right:0px;padding-bottom:15px;padding-left:0px;}}.sp-page-builder .page-content #section-id-1674481339113.sppb-row-overlay{border-radius:0px;}#column-id-1752998060974{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}#column-wrap-id-1752998060974{max-width:50%;flex-basis:50%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}@media (max-width:1199.98px) {#column-wrap-id-1752998060974{max-width:50%;flex-basis:50%;}}@media (max-width:991.98px) {#column-wrap-id-1752998060974{max-width:50%;flex-basis:50%;}}@media (max-width:767.98px) {#column-wrap-id-1752998060974{max-width:100%;flex-basis:100%;}}@media (max-width:575.98px) {#column-wrap-id-1752998060974{max-width:100%;flex-basis:100%;}}#column-id-1674481339111{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-radius:0px;}#column-wrap-id-1674481339111{max-width:50%;flex-basis:50%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}@media (max-width:1199.98px) {#column-wrap-id-1674481339111{max-width:50%;flex-basis:50%;}}@media (max-width:991.98px) {#column-wrap-id-1674481339111{max-width:50%;flex-basis:50%;}}@media (max-width:767.98px) {#column-wrap-id-1674481339111{max-width:100%;flex-basis:100%;}}@media (max-width:575.98px) {#column-wrap-id-1674481339111{max-width:100%;flex-basis:100%;}}#column-id-1674481339111 .sppb-column-overlay{border-radius:0px;}</style>	</div>
1552</div></div></div><div class="sp-module "><div class="sp-module-content">
1553<div id="mod-custom152" class="mod-custom custom">
1554    <p><a href="https://hgd-media.de/">Webdesign by HGD-Media GmbH - Hamburg</a></p></div>
1555</div></div></div></div></div>
1556							</div>
1557			</div>
1558			
1559	</footer>
1560				</main>
1561			</div>
1562		</div>
1563
1564		<!-- Off Canvas Menu -->
1565		<div class="offcanvas-overlay"></div>
1566		<!-- Rendering the offcanvas style -->
1567		<!-- If canvas style selected then render the style -->
1568		<!-- otherwise (for old templates) attach the offcanvas module position -->
1569					<div class="offcanvas-menu border-menu " tabindex="-1" inert>
1570	<div class="d-flex align-items-center justify-content-between p-3 pt-4">
1571				<a href="#" class="close-offcanvas" role="button" aria-label="Close Off-canvas">
1572			<div class="burger-icon" aria-hidden="true">
1573				<span></span>
1574				<span></span>
1575				<span></span>
1576			</div>
1577		</a>
1578	</div>
1579	<div class="offcanvas-inner"> 
1580		<div class="d-flex header-modules mb-3">
1581			
1582					</div>
1583		
1584					<div class="sp-module "><div class="sp-module-content"><ul class="mod-menu mod-list menu nav-pills">
1585<li class="item-101 default"><a href="/" >Home</a></li><li class="item-314 current active"><a href="/projekte" aria-current="page">Projekte</a></li><li class="item-167"><a href="/buero" >Büro</a></li><li class="item-108"><a href="/kontakt" >Kontakt</a></li><li class="item-141"><a href="/impressum" >Impressum</a></li><li class="item-142"><a href="/datenschutzerklaerung" >Datenschutzerklärung</a></li></ul>
1586</div></div>		
1587		
1588		
1589				
1590					
1591		
1592		<!-- custom module position -->
1593		
1594	</div>
1595</div>		
1596
1597		
1598		
1599
1600		<!-- Go to top -->
1601					<a href="#" class="sp-scroll-up" aria-label="Scroll to top"><span class="fas fa-angle-up" aria-hidden="true"></span></a>
1602					</body>
1603</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.