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="all"" 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ützt.*/"><span style="color:rgb(0,0,0);"><span class="cloaked_email ep_9a4b2e87"><span data-ep-a319a="INFO@" data-ep-b7950="de"><span data-ep-b7950="kten." data-ep-a319a="gaebl"><span data-ep-b7950="chite" data-ep-a319a="er-ar"></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="info@" data-ep-b7950="de"><span data-ep-b7950="kten." data-ep-a319a="gaebl"><span data-ep-b7950="chite" data-ep-a319a="er-ar"></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.