1<!DOCTYPE html> 2<html lang="de" dir="ltr" class="no-js"> 3<head><meta http-equiv="X-UA-Compatible" content="IE=edge"/> 4 5<meta charset="utf-8"> 6<!-- 7 Realisierung: reseen GmbH - Full-Service Digitalagentur aus Stuttgart - http://www.reseen.de 8 9 This website is powered by TYPO3 - inspiring people to share! 10 TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. 11 TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners. 12 Information and contribution at https://typo3.org/ 13--> 14 15<base href="https://www.caparol.de"> 16<link rel="icon" href="/typo3conf/ext/theme_caparol/Resources/Public/Icons/favicon.ico" type="image/vnd.microsoft.icon"> 17<title>Caparol â Unterstützung für Architekten & Planer in allen Projektphasen</title> 18<meta name="generator" content="TYPO3 CMS" /> 19<meta name="description" content="Caparol bietet eine Bandbreite an Möglichkeiten zur Inspiration und Ideenentwicklung für Ihr Objekt." /> 20<meta property="og:description" content="Das PLANUNGSstudio bietet eine Bandbreite an Möglichkeiten zur Inspiration und Ideenentwicklung für Ihr Objekt." /> 21<meta property="og:title" content="Architekt und Planer" /> 22<meta name="twitter:card" content="summary" /> 23 24 25<link rel="stylesheet" href="/typo3temp/assets/css/18aef04f8af25ca23e4ff2b44ff8784f.css?1694498829" media="all"> 26<link rel="stylesheet" href="/typo3conf/ext/rx_shariff/Resources/Public/Css/shariff.complete.css?1743063751" media="all"> 27<link rel="stylesheet" href="/typo3conf/ext/focuspoint/Resources/Public/jquery-focuspoint-2015-08-31/css/focuspoint.css?1672251947" media="all"> 28<link rel="stylesheet" href="/typo3conf/ext/theme_caparol/Resources/Public/CSS/Relaunch2022/fancybox/jquery.fancybox.min.css?1706168433" media="all"> 29<link rel="stylesheet" href="/typo3conf/ext/theme_caparol/Resources/Public/CSS/caparol_de.css?1790241296" media="all"> 30<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_faktencheck/Resources/Public/Css/style.css?1773330305" media="all"> 31<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_header/Resources/Public/Css/style.css?1789111195" media="all"> 32<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_highlight/Resources/Public/Css/style.css?1773330305" media="all"> 33<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_hotspot_ar/Resources/Public/Css/style.css?1773330305" media="all"> 34<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_overview/Resources/Public/Css/style.css?1789111195" media="all"> 35<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_table/Resources/Public/Css/style.css?1773330305" media="all"> 36<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_kontakt/Resources/Public/Css/style.css?1773330305" media="all"> 37<link rel="stylesheet" href="/typo3conf/ext/scbw_systemaufbau_downloads/Resources/Public/Css/style.css?1773330305" media="all"> 38<link rel="stylesheet" href="/typo3temp/assets/css/c5da614ee3c2fce1b1e4a31f0caa92bd.css?1694498820" media="all"> 39 40 41 42 43 44
45<script data-cookieconsent="ignore">window.dataLayer = window.dataLayer || [];function gtag() {dataLayer.push(arguments);}gtag("consent", "default", {ad_personalization: "denied",ad_storage: "denied",ad_user_data: "denied",analytics_storage: "denied",functionality_storage: "denied",personalization_storage: "denied",security_storage: "granted",wait_for_update: 500,});gtag("set", "ads_data_redaction", true);gtag("set", "url_passthrough", false);</script>
45<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="e7df91d9-7fc7-4a46-90d5-165008eb8596" data-blockingmode="auto" type="text/javascript"></script>
45<meta name="viewport" content="width=device-width, initial-scale=1.0"> 46 <link rel="apple-touch-startup-image" href="EXT:theme_caparol/Resources//gfx/caparol_logo.svg"> 47 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="google-site-verification" content="8mpT2u8isMzTlxhYCqGxnHTwe6rVqhXkDQZBZEF7af8" /> <meta name="theme-color" content="#990066"> <link rel="apple-touch-icon" href="/typo3conf/ext/theme_caparol/Resources/Public/Icons/apple-touch-icon.png"> 48 <link rel="apple-touch-icon" href="/typo3conf/ext/theme_caparol/Resources/Public/Icons/apple-touch-icon-76.png" sizes="76x76"> 49 <link rel="apple-touch-icon" href="/typo3conf/ext/theme_caparol/Resources/Public/Icons/apple-touch-icon-120.png" sizes="120x120"> 50 <link rel="apple-touch-icon" href="/typo3conf/ext/theme_caparol/Resources/Public/Icons/apple-touch-icon-152.png" sizes="152x152"> 51 <link rel="apple-touch-icon" href="/typo3conf/ext/theme_caparol/Resources/Public/Icons/apple-touch-icon-180.png" sizes="180x180"> <meta name="p:domain_verify" content="27827b778ce24c44ad70269303022856"/> 52 53
53<script type="text/javascript" data-cookieconsent="statistics"> 54var ScarabQueue = ScarabQueue || []; 55(function(id) { 56 if (document.getElementById(id)) return; 57 var js = document.createElement('script'); js.id = id; 58 js.src = '//cdn.scarabresearch.com/js/19A92A2E1CED5A83/scarab-v2.js'; 59 var fs = document.getElementsByTagName('script')[0]; 60 fs.parentNode.insertBefore(js, fs); 61 })('scarab-js-api'); 62</script>
62
62<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/wow.min.js" data-cookieconsent="ignore" type="text/javascript"></script>
62 63<link rel="canonical" href="https://www.caparol.de/architekt-und-planer"/> 64 65<!-- VhsAssetsDependenciesLoaded video_d8f8b379856846ad,responsive-tabsJS,tabaccordion-797175,tabaccordioncss --> 66<style type="text/css"> 67 68 .tx-tabaccordioncontent .nav-tabs { 69 border: 0; 70 text-align: center; 71 display: flex; 72 flex-wrap: wrap; 73 margin-right: auto; 74 margin-left: auto; 75 } 76 77 .tx-tabaccordioncontent .nav-tabs>li { 78 margin-bottom: 0; 79 padding: 0 5px; 80 margin: 10px; 81 } 82 83 .tx-tabaccordioncontent ul.nav-tabs li { 84 min-width: 15%; 85 } 86 87 .tx-tabaccordioncontent ul.nav-tabs li a h4 { 88 font-size: 13px; 89 } 90 91 .tx-tabaccordioncontent .nav-tabs li.active:after { 92 content: ' '; 93 position: absolute; 94 border: solid 15px transparent; 95 border-bottom: solid 0px transparent; 96 border-width: 15px; 97 left: 50%; 98 margin-left: -15px; 99 border-color: transparent transparent #EEEEEE transparent; 100 } 101 102 .tx-tabaccordioncontent .nav-tabs>li img{ 103 width: 90%; 104 height: auto; 105 opacity: 0.3; 106 } 107 108 .tx-tabaccordioncontent .nav-tabs>li.active img, 109 .tx-tabaccordioncontent .nav-tabs>li:hover img{ 110 opacity: 1; 111 } 112 113 .tx-tabaccordioncontent .nav-tabs>li>a, 114 .tx-tabaccordioncontent .nav-tabs>li>a:hover, 115 .tx-tabaccordioncontent .nav-tabs>li.active>a:hover, 116 .tx-tabaccordioncontent .nav-tabs>li.active>a, 117 .tx-tabaccordioncontent .nav-tabs>li.active>a:focus{ 118 margin: 0; 119 border: 0; 120 border-radius: 0; 121 background-color: transparent; 122 } 123 124 .tx-tabaccordioncontent .tab-content{ 125 background-color: #EEEEEE; 126 min-height: 80px; 127 text-align: center; 128 margin-top: 30px; 129 } 130 131 .tx-tabaccordioncontent .tab-content .tab-pane{ 132 padding:30px; 133 } 134 135 .tx-tabaccordioncontent .tab-content .tab-pane h4{ 136 } 137 138 .tx-tabaccordioncontent .panel-group { 139 margin: 15px; 140 } 141 142 .tx-tabaccordioncontent .panel-group h4{ 143 } 144 145 @media screen and (max-width: 1628px){ 146 .tx-tabaccordioncontent ul.nav-tabs li { 147 //width: 26%; 148 //margin: auto; 149 } 150 } 151 152 @media screen and (max-width: 767px){ 153 .wow{ 154 visibility: visible !important; 155 } 156 } 157 158 </style></head> 159<body class=" planer" id="page_81447" >
160<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/PiwikTracking/piwik-de.js" data-cookieconsent="ignore" type="text/javascript"></script>
160 161 162 163 164 <div id="group-query-popup" style="display: none;"> 165 <div class="group-query-popup_inner"> 166 <div class="intro"> 167 <p class="bodytext has-error" id="query-group-error">Keine Präferenz ausgewählt. Sie sollten eine Präferenz auswählen, wenn Sie Ihre Angaben speichern möchten.</p> 168 <p> 169 Wir möchten Ihnen die besten Inhalte für Ihre Interessen zeigen. 170 </p> 171 <p class="notice"> 172 Sie sind 173 </p> 174 </div> 175 <div class="radio-options"> 176 <div class="right-block"> 177 <div class="form-radio"> 178 <label class="form-radio-label"> 179 <input group="Fachhandwerker" class="query-radio-option" type="radio" name="group-query" value="/" /> 180 <span>Fachhandwerker</span> 181 </label> 182 </div> 183 <div class="form-radio"> 184 <label class="form-radio-label"> 185 <input group="FarbengroÃhandel" class="query-radio-option" type="radio" name="group-query" value="/" /> 186 <span>FarbengroÃhandel</span> 187 </label> 188 </div> 189 <div class="form-radio"> 190 <label class="form-radio-label"> 191 <input group="Facheinzelhandel" class="query-radio-option" type="radio" name="group-query" value="/service/facheinzelhandel" /> 192 <span>Facheinzelhandel</span> 193 </label> 194 </div> 195 <div class="form-radio"> 196 <label class="form-radio-label"> 197 <input group="Architekt & Planer" class="query-radio-option" type="radio" name="group-query" value="/architekt-und-planer" /> 198 <span>Architekt & Planer</span> 199 </label> 200 </div> 201 </div> 202 <div class="left-block"> 203 <div class="form-radio"> 204 <label class="form-radio-label"> 205 <input group="Wohnungswirtschaft" class="query-radio-option" type="radio" name="group-query" value="/wohnungswirtschaft" /> 206 <span>Wohnungswirtschaft</span> 207 </label> 208 </div> 209 <div class="form-radio"> 210 <label class="form-radio-label"> 211 <input group="Privatkunde" class="query-radio-option" type="radio" name="group-query" value="/" /> 212 <span>
212Privatkunde</span> 213 </label> 214 </div> 215 <div class="form-radio"> 216 <label class="form-radio-label"> 217 <input group="Sonstige" class="query-radio-option" type="radio" name="group-query" value="/" /> 218 <span>Sonstige</span> 219 </label> 220 </div> 221 </div> 222 </div> 223 <div class="notice form-check"> 224 <label for="agreeToSaveQuery" class="form-check-label"> 225 <input type="hidden" name="agreeToSaveQuery" value="" /><input id="agreeToSaveQuery" type="checkbox" name="agreeToSaveQuery" value="1" /> 226 <span> 227 <div class="text">Um mich beim nächsten Seitenbesuch nicht erneut fragen zu müssen, darf Caparol meine Antwort speichern. Hierfür wird ein Cookie gesetzt. Diese Angabe kann jederzeit unter <a href="/datenschutz#693739">Datenschutzerklärung</a> geändert werden.</div> 228 </span> 229 </label> 230 </div> 231 <button class="btn btn-default btn_send" onclick="saveQueryPreferences()">Angaben speichern</button> 232 </div> 233</div> 234 235 <div id="group-query-retrigger" class="GroupQueryButton" onclick="handleEditPopup()"> 236 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.032" height="18.924" viewBox="0 0 18.032 18.924"> 237 <defs> 238 <clipPath id="clip-path"> 239 <rect id="Rechteck_988" data-name="Rechteck 988" width="18.032" height="18.924" fill="#fff"/> 240 </clipPath> 241 </defs> 242 <g id="Gruppe_1704" data-name="Gruppe 1704" transform="translate(0 0)"> 243 <g id="Gruppe_1703" data-name="Gruppe 1703" transform="translate(0 0)" clip-path="url(#clip-path)"> 244 <path id="Pfad_1155" data-name="Pfad 1155" d="M8.991,33.3H1.475c-1.3-.01-1.665-.452-1.388-1.724a9.665,9.665,0,0,1,5.291-6.933,1.113,1.113,0,0,1,1.1-.009,5.665,5.665,0,0,0,5.189-.053.809.809,0,0,1,.784-.023,9.637,9.637,0,0,1,5.541,7.348c.18.966-.243,1.38-1.337,1.39-1.55.015-3.1,0-4.648,0H8.991" transform="translate(0 -14.383)" fill="#fff"/> 245 <path id="Pfad_1156" data-name="Pfad 1156" d="M15.025,9.477A4.738,4.738,0,0,1,15.056,0a4.738,4.738,0,1,1-.032,9.477" transform="translate(-6.064 0)" fill="#fff"/> 246 </g> 247 </g> 248 </svg> 249 <span>Meine Zielgruppenangabe ändern</span> 250</div> 251 252 253<div id="synthesa-popup" style="display: none;"> 254 <div class="synthesa-popup_inner"> 255 <div class="intro"> 256 257 <h2>Schön, dass Sie da sind!</h2><p>Sie greifen aktuell aus Ãsterreich auf <a href="https://caparol.de">Caparol.de</a> zu. Möchten Sie stattdessen lieber zu <a href="https://synthesa.at">Synthesa.at</a> wechseln, um ein speziell auf Sie abgestimmtes Angebot und passende Services zu erhalten?</p> 258 259 </div> 260 <div class="synthesa-popup_buttons"> 261 <button class="btn btn-default btn_yes" onclick="saveSynthesaPreferences(true)"> 262 Ja, zu Synthesa.at wechseln. 263 </button> 264 <button class="btn btn-default btn_no" onclick="saveSynthesaPreferences(false)"> 265 Nein, auf Caparol.de bleiben. 266 </button> 267 </div> 268 </div> 269</div> 270 271 272 273<a class="sr-only" href="/architekt-und-planer#content">Navigation überspringen</a> 274 275 276 <header class="header"> 277 278 279 <div id="logo"> 280 281 <a href="https://www.caparol.de/architekt-und-planer"> 282 <img title="Caparol" alt="Caparol" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/caparol_logo.svg" width="171" height="135" /> 283 </a> 284 </div> 285 286 287 288 289 290 291 <div id="meta-navigation" class="visible-xs"> 292 <div class="container"> 293 294 <div class="top-navigation-wrapper-inner"> 295 <div class="stage-wrapper"> 296 297 298 299 <div class="stage"><div class="stage-inner"><div class="stage-active"><span>Caparol für</span><span class="active">Architekt & Planer</span></div><div class="stages"><span class="small">Hier zum Bereich wechseln:</span><ul><li class="brand-primary"><a href="/" target="_self">Fachhandwerker & Handel</a></li><li class="brand-blue"><a href="/wohnungswirtschaft" target="_self">Wohnungswirtschaft</a></li></ul></div></div></div> 300 301 302 303 <div class="stage-info"><span class="stage-area">Sie befinden sich im Bereich:</span><span class="font-uppercase font-black">Architekt & Planer</span><br/><span>Sie können jederzeit in andere Bereiche wechseln:</span><span class="all-areas"><a href="/" target="_self">Fachhandwerker & Handel</a><a href="/wohnungswirtschaft" target="_self">Wohnungswirtschaft</a></span><i class="fas fa-times"></i></div> 304 305 306 307 <div class="comm-menu hidden-xs"> 308 309 310 311 <a href="/architekt-und-planer/kontaktformular"> 312 <i class="fa fa-envelope"></i> 313 </a> 314 315 316 317 318 </div> 319 </div> 320 321 322 <div class="meta-menu hidden-xs"> 323 324 325 326 327 <ul class="page-links"><li class="first">
328<a href="/architekt-und-planer/wissen-und-fortbildung" title="Fortbildung" class="first">Fortbildung</a> 329</li> 330<li class="sub"> 331<a href="/architekt-und-planer/caparol-architektur-award" title="Caparol Architektur Award" class="sub">Architektur Award</a> 332</li> 333<li class="last"> 334<a href="/architekt-und-planer/nachhaltigkeit" title="Nachhaltigkeit" class="last">Nachhaltigkeit</a> 335</li></ul> 336 337 338 339 <div class="topics-menu"> 340 <div class="icons"> 341 342 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_gesundheit.svg"> 343 344 345 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_design.svg"> 346 347 348 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_effizienz.svg"> 349 350 351 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_nachhaltigkeit.svg"> 352 353 </div> 354 <div class="overlay"> 355 <div class="square"></div> 356 <div class="wrap"> 357 <a class="item item--large" style="background-image: url('/fileadmin/data/topics_menu/057735_Rundumsicht_Firmenzentrale_DAW_SE_Ober-Ramstadt.png')" href="/unternehmen/leitthemen"> 358 <div class="headline-large">Unsere Leitthemen</div> 359 <div class="text-icon"> 360 <div class="text"> 361 Gesundheit, Design, Effizienz und Nachhaltigkeit im Einklang 362 </div> 363 <i class="fa fa-arrow-right"></i> 364 </div> 365 </a> 366 <div class="responsive-2-col-wrap wrap"> 367 368 <a class="item" href="/unternehmen/leitthemen/gesundheit"> 369 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_gesundheit.svg"> 370 <div class="headline">Gesundheit</div> 371 <i class="fa fa-arrow-right"></i> 372 </a> 373 374 375 <a class="item" href="/unternehmen/leitthemen/design"> 376 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_design.svg"> 377 <div class="headline">Design</div> 378 <i class="fa fa-arrow-right"></i> 379 </a> 380 381 382 <a class="item" href="/unternehmen/leitthemen/effizienz"> 383 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/
383Images/werte_effizienz.svg"> 384 <div class="headline">Effizienz</div> 385 <i class="fa fa-arrow-right"></i> 386 </a> 387 388 389 <a class="item" href="/unternehmen/leitthemen/nachhaltigkeit"> 390 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_nachhaltigkeit.svg"> 391 <div class="headline">Nachhaltigkeit</div> 392 <i class="fa fa-arrow-right"></i> 393 </a> 394 395 </div> 396 </div> 397 </div> 398 </div> 399 400 401 402 403 404 <div class="language-dropdown"> 405 <select class="lang-links list-inline" name="langDD" onchange="window.location.assign('/'+this.value !== '/' && this.value)"> 406 407 408 <option selected value="/architekt-und-planer"> 409 410 DE 411 </option> 412 413 414 </select> 415 </div> 416 417 418 419 420 421 422 423 424 425 426 427 </div> 428 429 </div> 430 431 </div> 432 </div> 433 434 <div class="navbar"> 435 <div class="container"> 436 437 <div class="navbar-header"> 438 <div class="button-wrapper"> 439 <button class="btn btn-navbar navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navigation" aria-expanded="false"> 440 <div class="line line-1"></div> 441 <div class="line line-2"></div> 442 <div class="line line-3"></div> 443 </button> 444 </div> 445 </div> 446 447 448 <div id="top-navigation"> 449 <div> 450 <div class="top-navigation-wrapper"> 451 452 <div class="top-navigation-wrapper-inner"> 453 <div class="stage-wrapper"> 454 455 456 457 <div class="stage"><div class="stage-inner"><div class="stage-active"><span>Caparol für</span><span class="active">Architekt & Planer</span></div><div class="stages"><span class="small">Hier zum Bereich wechseln:</span><ul><li class="brand-primary"><a href="/" target="_self">Fachhandwerker & Handel</a></li><li class="brand-blue"><a href="/wohnungswirtschaft" target="_self">Wohnungswirtschaft</a></li></ul></div></div></div> 458 459 460 461 <div class="stage-info"><span class="stage-area">Sie befinden sich im Bereich:</span><span class="font-uppercase font-black">Architekt & Planer</span><br/><span>Sie können jederzeit in andere Bereiche wechseln:</span><span class="all-areas"><a href="/" target="_self">Fachhandwerker & Handel</a><a href="/wohnungswirtschaft" target="_self">Wohnungswirtschaft</a></span><i class="fas fa-times"></i></div> 462 463 464 465 <div class="comm-menu hidden-xs"> 466 467 468 469 <a href="/architekt-und-planer/kontaktformular"> 470 <i class="fa fa-envelope"></i> 471 </a> 472 473 474 475 476 </div> 477 </div> 478 479 480 <div class="meta-menu hidden-xs"> 481 482 483 484 485 <ul class="page-links"><li class="first">
486<a href="/architekt-und-planer/wissen-und-fortbildung" title="Fortbildung" class="first">Fortbildung</a> 487</li> 488<li class="sub"> 489<a href="/architekt-und-planer/caparol-architektur-award" title="Caparol Architektur Award" class="sub">Architektur Award</a> 490</li> 491<li class="last"> 492<a href="/architekt-und-planer/nachhaltigkeit" title="Nachhaltigkeit" class="last">Nachhaltigkeit</a> 493</li></ul> 494 495 496 497 <div class="topics-menu"> 498 <div class="icons"> 499 500 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_gesundheit.svg"> 501 502 503 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_design.svg"> 504 505 506 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_effizienz.svg"> 507 508 509 <img width="20" class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_nachhaltigkeit.svg"> 510 511 </div> 512 <div class="overlay"> 513 <div class="square"></div> 514 <div class="wrap"> 515 <a class="item item--large" style="background-image: url('/fileadmin/data/topics_menu/057735_Rundumsicht_Firmenzentrale_DAW_SE_Ober-Ramstadt.png')" href="/unternehmen/leitthemen"> 516 <div class="headline-large">Unsere Leitthemen</div> 517 <div class="text-icon"> 518 <div class="text"> 519 Gesundheit, Design, Effizienz und Nachhaltigkeit im Einklang 520 </div> 521 <i class="fa fa-arrow-right"></i> 522 </div> 523 </a> 524 <div class="responsive-2-col-wrap wrap"> 525 526 <a class="item" href="/unternehmen/leitthemen/gesundheit"> 527 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_gesundheit.svg"> 528 <div class="headline">Gesundheit</div> 529 <i class="fa fa-arrow-right"></i> 530 </a> 531 532 533 <a class="item" href="/unternehmen/leitthemen/design"> 534 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_design.svg"> 535 <div class="headline">Design</div> 536 <i class="fa fa-arrow-right"></i> 537 </a> 538 539 540 <a class="item" href="/unternehmen/leitthemen/effizienz"> 541 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/
541Images/werte_effizienz.svg"> 542 <div class="headline">Effizienz</div> 543 <i class="fa fa-arrow-right"></i> 544 </a> 545 546 547 <a class="item" href="/unternehmen/leitthemen/nachhaltigkeit"> 548 <img class="icon unveil" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_nachhaltigkeit.svg"> 549 <div class="headline">Nachhaltigkeit</div> 550 <i class="fa fa-arrow-right"></i> 551 </a> 552 553 </div> 554 </div> 555 </div> 556 </div> 557 558 559 560 561 562 <div class="language-dropdown"> 563 <select class="lang-links list-inline" name="langDD" onchange="window.location.assign('/'+this.value !== '/' && this.value)"> 564 565 566 <option selected value="/architekt-und-planer"> 567 568 DE 569 </option> 570 571 572 </select> 573 </div> 574 575 576 577 578 579 580 581 582 583 584 585 </div> 586 587 </div> 588 589 590 591 592 593 594 595 <nav role="navigation"> 596 597 598 <ul class="nav navbar-nav"> 599 600 <li class="sub "> 601 602 <a href="/architekt-und-planer/entwurf" class="" data-navigation-target="sub-navigation-102501" > 603 Entwurf 604 </a> 605 606 </li> 607 608 <li class="sub "> 609 610 <a href="/architekt-und-planer/gestaltung" class="" data-navigation-target="sub-navigation-102730" > 611 Gestaltung 612 </a> 613 614 </li> 615 616 <li class="sub "> 617 618 <a href="/architekt-und-planer/planung" class="" data-navigation-target="sub-navigation-102753" > 619 Planung 620 </a> 621 622 </li> 623 624 <li class="sub "> 625 626 <a href="/architekt-und-planer/services-tools" class="" > 627 Services & Tools 628 </a> 629 630 </li> 631 632 </ul> 633 634 635 636 <form action="/suche" autocomplete="off" method="get" name="top-searchform" role="search" class="ke-searchbox"> 637 <div class="input-group input-button-2020"> 638 <input class="form-control input" placeholder="Suchbegriff..." name="tx_kesearch_pi1[sword]" type="text" /> 639 <span class="button"> 640 <button type="submit"><i class="fa fa-search"></i><span class="text">Suchen</span></button> 641 </span> 642 </div> 643 </form> 644 645 646 </nav> 647 648 649 </div> 650 </div> 651 </div> 652 </div> 653 654 655 656 657 658 659 660 661 662 <div id="main-navigation" class="collapse"> 663 <div class="overlay"></div> 664 665 666 <nav role="navigation"> 667 668 669 <div id="sub-navigation-102501" class="sub-navigation-dropdown"> 670 671 <div class="container close-container"> 672 <div class="close-button hidden-xs"><div class="text">schlieÃen</div><i class="fas fa fa-times"></i></div> 673 </div> 674 675 <div class="container"> 676 <div class="navigation-wrapper ">
677 <span class="nav-link-wrapper"> 678 <a href="/architekt-und-planer/entwurf" class="nav-title " > 679 Entwurf 680 </a> 681 682 683 684 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" href="#dropdown-menu-1-102501" aria-expanded="false" aria-controls="dropdown-menu-1-102501"></a> 685 </span> 686 687 </div> 688 689 <h4 class="h1"></h4> 690 <div class="row menu-overlay-container"> 691 <hr /> 692 693 694 <div class="col-xs-12"> 695 <div class="navigation-wrapper "> 696 697 698 699 700 701 702 703 704 705 706 707 708 <div class="collapse" id="dropdown-menu-1-102501" role="menu"> 709 <div class="row"> 710 711 712 713 714 715 <div class="col-xs-12 col-md-4"> 716 <ul class="dropdown-list depth-1"> 717 718 <li class=" first"> 719 720 <span class="nav-link-wrapper"> 721 722 723 <a href="/architekt-und-planer/entwurf/inspiration" class="nav-title first" > 724 <span class="underlined">Inspiration</span> 725 </a> 726 727 728 729 730 731 732 733 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" data-parent="#dropdown-menu-1-102501" href="#dropdown-menu-2-102503" aria-expanded="false" aria-controls="dropdown-menu-2-102503"></a> 734 </span> 735 736 737 738 739 740 <div class="collapse" id="dropdown-menu-2-102503" role="menu"> 741 <ul class="dropdown-list depth-2" role="menu"> 742 743 <li class=""> 744 <span class="nav-link-wrapper"> 745 <a href="/architekt-und-planer/entwurf/inspiration/trend-2026" class="nav-title " > 746 Trend 2026 747 </a> 748 749 </span> 750 751 </li> 752 753 <li class=""> 754 <span class="nav-link-wrapper"> 755 <a href="/architekt-und-planer/entwurf/inspiration/trend-2025" class="nav-title " > 756 Trend 2025 757 </a> 758 759 </span> 760 761 </li> 762 763 <li class="">
764 <span class="nav-link-wrapper"> 765 <a href="/architekt-und-planer/entwurf/inspiration/trend-2024" class="nav-title " > 766 Trend 2024 767 </a> 768 769 770 </span> 771 772 773 </li> 774 775 <li class=""> 776 <span class="nav-link-wrapper"> 777 <a href="/architekt-und-planer/entwurf/inspiration/trend-2023" class="nav-title " > 778 Trend 2023 779 </a> 780 781 782 </span> 783 784 785 </li> 786 787 <li class=""> 788 <span class="nav-link-wrapper"> 789 <a href="/architekt-und-planer/entwurf/inspiration/fassaden-power" class="nav-title " > 790 FASSADEN-POWER 791 </a> 792 793 </span> 794 795 </li> 796 797 <li class=""> 798 <span class="nav-link-wrapper"> 799 <a href="/architekt-und-planer/inspiration-information/inspiration-weiss" class="nav-title " > 800 Inspiration Weiss 801 </a> 802 803 </span> 804 805 </li> 806 807 <li class=""> 808 <span class="nav-link-wrapper"> 809 <a href="/architekt-und-planer/inspiration-information/black-is-back" class="nav-title " > 810 Black is back 811 </a> 812 813 </span> 814 815 </li> 816 817 <li class=""> 818 <span class="nav-link-wrapper"> 819 <a href="/architekt-und-planer/gestaltung/lebensraeume-wohnen-im-alter" class="nav-title " > 820 Lebensräume: Wohnen im Alter 821 </a> 822 823 </span> 824 825 </li> 826 827 <li class=""> 828 <span class="nav-link-wrapper"> 829 <a href="/architekt-und-planer/gestaltung/at-the-hotel" class="nav-title " > 830 At the hotel 831 </a> 832 833 </span> 834 835 </li> 836 837 </ul> 838 839 </div> 840 841 842 843 844 845 </li> 846 847 848 849 850 851 852 853 <li class=""> 854 855 <span class="nav-link-wrapper"> 856 857 858 <a href="/architekt-und-planer/entwurf/referenzen" class="nav-title " > 859 <sp
859an class="underlined">Referenzen</span> 860 </a> 861 862 863 864 865 866 867 868 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" data-parent="#dropdown-menu-1-102501" href="#dropdown-menu-2-102504" aria-expanded="false" aria-controls="dropdown-menu-2-102504"></a> 869 </span> 870 871 872 873 874 875 <div class="collapse" id="dropdown-menu-2-102504" role="menu"> 876 <ul class="dropdown-list depth-2" role="menu"> 877 878 <li class=""> 879 <span class="nav-link-wrapper"> 880 <a href="/architekt-und-planer/entwurf/referenzen/quartier-ovum-koeln" class="nav-title " > 881 Quartier Ovum Köln 882 </a> 883 884 </span> 885 886 </li> 887 888 <li class=""> 889 <span class="nav-link-wrapper"> 890 <a href="/architekt-und-planer/entwurf/referenzen/stuttgart-urbane-lebensqualitaet-trifft-nachhaltige-architektur" class="nav-title " > 891 Stuttgart: Urbane Lebensqualität trifft nachhaltige Architektur 892 </a> 893 894 </span> 895 896 </li> 897 898 <li class=""> 899 <span class="nav-link-wrapper"> 900 <a href="/architekt-und-planer/entwurf/referenzen/ralbitz-neubau-staerkt-zukunft" class="nav-title " > 901 Ralbitz: Neubau stärkt Zukunft 902 </a> 903 904 </span> 905 906 </li> 907 908 <li class=""> 909 <span class="nav-link-wrapper"> 910 <a href="/architekt-und-planer/entwurf/referenzen/stuttgart-die-kunst-des-miteinanders" class="nav-title " > 911 Stuttgart: Die Kunst des Miteinanders 912 </a> 913 914 </span> 915 916 </li> 917 918 <li class=""> 919 <span class="nav-link-wrapper"> 920 <a href="/architekt-und-planer/entwurf/referenzen/kreativwerkstatt" class="nav-title " > 921 KreativWerkstatt 922 </a> 923 924 </span> 925 926 </li> 927 928 <li class=""> 929 <span class="nav-link-wrapper"> 930 <a href="/architekt-und-planer/inspiration-information/objekt-highlights/berlin-naturstein-auf-wdvs-alt" class="nav-title " > 931 Berlin: Naturstein auf WDVS ALT 932 </a> 933 934 </span> 935 936 </li> 937 938 <li class="">
939 <span class="nav-link-wrapper"> 940 <a href="/architekt-und-planer/entwurf/referenzen/seniorenresidenz-sonnen-quartier" class="nav-title " > 941 Seniorenresidenz Sonnen-Quartier 942 </a> 943 944 </span> 945 946 </li> 947 948 <li class=""> 949 <span class="nav-link-wrapper"> 950 <a href="/architekt-und-planer/entwurf/referenzen/einfamilienhaus-blankenese" class="nav-title " > 951 Einfamilienhaus Blankenese 952 </a> 953 954 </span> 955 956 </li> 957 958 <li class=""> 959 <span class="nav-link-wrapper"> 960 <a href="/architekt-und-planer/entwurf/referenzen/heinrich-heine-universitaet-duesseldorf" class="nav-title " > 961 Heinrich-Heine-Universität, Düsseldorf 962 </a> 963 964 </span> 965 966 </li> 967 968 <li class=""> 969 <span class="nav-link-wrapper"> 970 <a href="/architekt-und-planer/entwurf/referenzen/palais-oppenheim" class="nav-title " > 971 Palais Oppenheim 972 </a> 973 974 975 </span> 976 977 978 </li> 979 980 <li class=""> 981 <span class="nav-link-wrapper"> 982 <a href="/architekt-und-planer/entwurf/referenzen/studentenlofts-am-schwanenteich" class="nav-title " > 983 Studentenlofts am Schwanenteich 984 </a> 985 986 </span> 987 988 </li> 989 990 <li class=""> 991 <span class="nav-link-wrapper"> 992 <a href="/architekt-und-planer/entwurf/referenzen/braunsmuehle" class="nav-title " > 993 Braunsmühle 994 </a> 995 996 </span> 997 998 </li> 999 1000 <li class=""> 1001 <span class="nav-link-wrapper"> 1002 <a href="/architekt-und-planer/entwurf/referenzen/feriensiedlung" class="nav-title " > 1003 Feriensiedlung 1004 </a> 1005 1006 </span> 1007 1008 </li> 1009 1010 <li class=""> 1011 <span class="nav-link-wrapper"> 1012 <a href="/architekt-und-planer/entwurf/referenzen/nikolaikirche-in-alzey" class="nav-title " > 1013 Nikolaikirche in Alzey 1014 </a> 1015 1016 </span> 1017 1018 </li> 1019 1020 <li class=""> 1021 <span class="nav-link-wrapper"> 1022 <a href="/architekt-und-planer/entwurf/referenzen/markantes-mehrfamilienhaus-dortmund" class="nav-title " > 1023 Markantes Mehrfamilienhaus, Dortmund 1024 </a> 1025 1026 </span> 1027 1028 </li> 1029 1030 <li class="">
1031 <span class="nav-link-wrapper"> 1032 <a href="/architekt-und-planer/entwurf/referenzen/oeschberghof" class="nav-title " > 1033 Ãschberghof 1034 </a> 1035 1036 </span> 1037 1038 </li> 1039 1040 <li class=""> 1041 <span class="nav-link-wrapper"> 1042 <a href="/architekt-und-planer/entwurf/referenzen/motto-boutique-hotel" class="nav-title " > 1043 Motto Boutique Hotel 1044 </a> 1045 1046 </span> 1047 1048 </li> 1049 1050 <li class=""> 1051 <span class="nav-link-wrapper"> 1052 <a href="/architekt-und-planer/entwurf/referenzen/anbau-altes-rathaus-arnsberg" class="nav-title " > 1053 Anbau Altes Rathaus, Arnsberg 1054 </a> 1055 1056 </span> 1057 1058 </li> 1059 1060 <li class=""> 1061 <span class="nav-link-wrapper"> 1062 <a href="/architekt-und-planer/entwurf/referenzen/koenigliches-amtsgericht-gladenbach" class="nav-title " > 1063 Königliches Amtsgericht Gladenbach 1064 </a> 1065 1066 </span> 1067 1068 </li> 1069 1070 <li class=""> 1071 <span class="nav-link-wrapper"> 1072 <a href="/architekt-und-planer/entwurf/referenzen/verwaltungsneubau-fuer-hipp" class="nav-title " > 1073 Verwaltungsneubau für HIPP 1074 </a> 1075 1076 </span> 1077 1078 </li> 1079 1080 <li class=""> 1081 <span class="nav-link-wrapper"> 1082 <a href="/architekt-und-planer/entwurf/referenzen/barlounge-blau" class="nav-title " > 1083 Barlounge Blau 1084 </a> 1085 1086 </span> 1087 1088 </li> 1089 1090 <li class=""> 1091 <span class="nav-link-wrapper"> 1092 <a href="/architekt-und-planer/entwurf/referenzen/schwarze-fassade-in-regensburg" class="nav-title " > 1093 Schwarze Fassade in Regensburg 1094 </a> 1095 1096 </span> 1097 1098 </li> 1099 1100 <li class=""> 1101 <span class="nav-link-wrapper"> 1102 <a href="/architekt-und-planer/entwurf/referenzen/farbwelten-2021-entdecken" class="nav-title " > 1103 Farbwelten 2021 entdecken 1104 </a> 1105 1106 </span> 1107 1108 </li> 1109 1110 <li class=""> 1111 <span class="nav-link-wrapper"> 1112 <a href="/architekt-und-planer/entwurf/referenzen/creation-center-basf" class="nav-title " > 1113 Creation Center BASF 1114 </a> 1115 1116 </span> 1117 1118 </li> 1119 1120 <li class="">
1121 <span class="nav-link-wrapper"> 1122 <a href="/architekt-und-planer/entwurf/referenzen/neues-wohnen-suendersbuehl" class="nav-title " > 1123 Neues Wohnen Sündersbühl 1124 </a> 1125 1126 </span> 1127 1128 </li> 1129 1130 <li class=""> 1131 <span class="nav-link-wrapper"> 1132 <a href="/architekt-und-planer/entwurf/referenzen/l42-optical-affairs-wiesbaden" class="nav-title " > 1133 L42 optical affairs, Wiesbaden 1134 </a> 1135 1136 </span> 1137 1138 </li> 1139 1140 <li class=""> 1141 <span class="nav-link-wrapper"> 1142 <a href="/architekt-und-planer/entwurf/referenzen/westside-tower" class="nav-title " > 1143 Westside Tower 1144 </a> 1145 1146 </span> 1147 1148 </li> 1149 1150 <li class=""> 1151 <span class="nav-link-wrapper"> 1152 <a href="/architekt-und-planer/entwurf/referenzen/premiumcolor" class="nav-title " > 1153 PremiumColor 1154 </a> 1155 1156 </span> 1157 1158 </li> 1159 1160 </ul> 1161 1162 </div> 1163 1164 1165 1166 1167 1168 </li> 1169 1170 1171 1172 1173 1174 1175 </ul> 1176 </div> 1177 1178 1179 <div class="col-xs-12 col-md-4"> 1180 <ul class="dropdown-list depth-1"> 1181 1182 1183 <li class=""> 1184 1185 <span class="nav-link-wrapper"> 1186 1187 1188 <a href="/architekt-und-planer/entwurf/farbdesignstudio" class="nav-title " > 1189 <span class="underlined">FarbDesignStudio</span> 1190 </a> 1191 1192 1193 1194 1195 1196 1197 </span> 1198 1199 </li> 1200 1201 1202 1203 1204 1205 1206 1207 <li class=""> 1208
1209 <span class="nav-link-wrapper"> 1210 1211 1212 <a href="/architekt-und-planer/entwurf/serviceangebote" class="nav-title " > 1213 <span class="underlined">Serviceangebote</span> 1214 </a> 1215 1216 1217 1218 1219 1220 1221 1222 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" data-parent="#dropdown-menu-1-102501" href="#dropdown-menu-2-102506" aria-expanded="false" aria-controls="dropdown-menu-2-102506"></a> 1223 </span> 1224 1225 1226 1227 1228 1229 <div class="collapse" id="dropdown-menu-2-102506" role="menu"> 1230 <ul class="dropdown-list depth-2" role="menu"> 1231 1232 <li class=""> 1233 <span class="nav-link-wrapper"> 1234 <a href="/architekt-und-planer/entwurf/serviceangebote/gestaltungssoftware-spectrum" class="nav-title " > 1235 Gestaltungssoftware Spectrum 1236 </a> 1237 1238 </span> 1239 1240 </li> 1241 1242 <li class=""> 1243 <span class="nav-link-wrapper"> 1244 <a href="/architekt-und-planer/entwurf/serviceangebote/farbtonkollektionen" class="nav-title " > 1245 Farbtonkollektionen 1246 </a> 1247 1248 </span> 1249 1250 </li> 1251 1252 <li class=""> 1253 <span class="nav-link-wrapper"> 1254 <a href="/architekt-und-planer/entwurf/serviceangebote/objektgestaltung" class="nav-title " > 1255 Objektgestaltung 1256 </a> 1257 1258 </span> 1259 1260 </li> 1261 1262 </ul> 1263 1264 </div> 1265 1266 1267 1268 1269 1270 </li> 1271 1272 </ul> 1273 </div> 1274 1275 1276 </div> 1277 </div> 1278 1279 1280 </div> 1281 </div> 1282 </div> 1283 </div> 1284 1285 <div class="overlay"></div> 1286 <div class="bottom-line"></div> 1287 </div> 1288 1289 1290 1291 <div id="sub-navigation-102730" class="sub-navigation-dropdown"> 1292 1293 <div class="container close-container"> 1294 <div class="close-button hidden-xs"><div class="text">schlieÃen</div><i class="fas fa fa-times"></i></div> 1295 </div> 1296 1297 <div class="container"> 1298 <div class="navigation-wrapper ">
1299 <span class="nav-link-wrapper"> 1300 <a href="/architekt-und-planer/gestaltung" class="nav-title " > 1301 Gestaltung 1302 </a> 1303 1304 1305 1306 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" href="#dropdown-menu-1-102730" aria-expanded="false" aria-controls="dropdown-menu-1-102730"></a> 1307 </span> 1308 1309 </div> 1310 1311 <h4 class="h1"></h4> 1312 <div class="row menu-overlay-container"> 1313 <hr /> 1314 1315 1316 <div class="col-xs-12"> 1317 <div class="navigation-wrapper "> 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 <div class="collapse" id="dropdown-menu-1-102730" role="menu"> 1331 <div class="row"> 1332 1333 1334 1335 1336 1337 <div class="col-xs-12 col-md-4"> 1338 <ul class="dropdown-list depth-1"> 1339 1340 <li class=" first"> 1341 1342 <span class="nav-link-wrapper"> 1343 1344 1345 <a href="/architekt-und-planer/gestaltung/fassadengestaltung" class="nav-title first" > 1346 <span class="underlined">Fassadengestaltung</span> 1347 </a> 1348 1349 1350 1351 1352 1353 1354 </span> 1355 1356 </li> 1357 1358 1359 1360 1361 1362 1363 </ul> 1364 </div> 1365 1366 1367 <div class="col-xs-12 col-md-4"> 1368 <ul class="dropdown-list depth-1"> 1369 1370 1371 <li class=""> 1372 1373 <span class="nav-link-wrapper"> 1374 1375 1376 <a href="/architekt-und-planer/gestaltung/innenwandgestaltung" class="nav-title " > 1377 <span class="underlined">Innenwandgestaltung</span> 1378 </a> 1379 1380 1381 1382 1383 1384 1385 </span> 1386 1387 </li> 1388 1389 1390 1391 1392 1393 1394 </ul> 1395 </div> 1396 1397 1398 1399 <div class="col-xs-12 col-md-4"> 1400 <ul class="dropdown-list depth-1"> 1401 1402 1403 <li class=""> 1404
1405 <span class="nav-link-wrapper"> 1406 1407 1408 <a href="/architekt-und-planer/gestaltung/serviceangebote" class="nav-title " > 1409 <span class="underlined">Serviceangebote</span> 1410 </a> 1411 1412 1413 1414 1415 1416 1417 1418 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" data-parent="#dropdown-menu-1-102730" href="#dropdown-menu-2-102745" aria-expanded="false" aria-controls="dropdown-menu-2-102745"></a> 1419 </span> 1420 1421 1422 1423 1424 1425 <div class="collapse" id="dropdown-menu-2-102745" role="menu"> 1426 <ul class="dropdown-list depth-2" role="menu"> 1427 1428 <li class=""> 1429 <span class="nav-link-wrapper"> 1430 <a href="/architekt-und-planer/gestaltung/materialstudio-digital-bemustern" class="nav-title " > 1431 MATERIALstudio - digital bemustern 1432 </a> 1433 1434 </span> 1435 1436 </li> 1437 1438 <li class=""> 1439 <span class="nav-link-wrapper"> 1440 <a href="/architekt-und-planer/gestaltung/serviceangebote/musterfertigung" class="nav-title " > 1441 Musterfertigung 1442 </a> 1443 1444 </span> 1445 1446 </li> 1447 1448 </ul> 1449 1450 </div> 1451 1452 1453 1454 1455 1456 </li> 1457 1458 </ul> 1459 </div> 1460 1461 1462 </div> 1463 </div> 1464 1465 1466 </div> 1467 </div> 1468 </div> 1469 </div> 1470 1471 <div class="overlay"></div> 1472 <div class="bottom-line"></div> 1473 </div> 1474 1475 1476 1477 <div id="sub-navigation-102753" class="sub-navigation-dropdown"> 1478 1479 <div class="container close-container"> 1480 <div class="close-button hidden-xs"><div class="text">schlieÃen</div><i class="fas fa fa-times"></i></div> 1481 </div> 1482 1483 <div class="container"> 1484 <div class="navigation-wrapper "> 1485 <span class="nav-link-wrapper"> 1486 <a href="/architekt-und-planer/planung" class="nav-title " > 1487 Planung 1488 </a> 1489 1490 1491 1492 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" href="#dropdown-menu-1-102753" aria-expanded="false" aria-controls="dropdown-menu-1-102753"></a> 1493 </span> 1494 1495 </div> 1496 1497 <h4 class="h1"></h4> 1498 <div class="row menu-overlay-container"> 1499 <hr /> 1500 1501 1502 <div class="col-xs-12"> 1503 <div class="navigation-wrapper "> 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 <div class="collapse" id="dropdown-menu-1-102753" role="menu"> 1517 <div class="row"> 1518 1519 1520 1521 1522 1523 <div class="col-xs-12 col-md-4"> 1524 <ul class="dropdown-list depth-1"> 1525 1526 <li class=" first"> 1527
1528 <span class="nav-link-wrapper"> 1529 1530 1531 <a href="/architekt-und-planer/planung/systeme-und-produkte" class="nav-title first" > 1532 <span class="underlined">Systeme und Produkte</span> 1533 </a> 1534 1535 1536 1537 1538 1539 1540 1541 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" data-parent="#dropdown-menu-1-102753" href="#dropdown-menu-2-102754" aria-expanded="false" aria-controls="dropdown-menu-2-102754"></a> 1542 </span> 1543 1544 1545 1546 1547 1548 <div class="collapse" id="dropdown-menu-2-102754" role="menu"> 1549 <ul class="dropdown-list depth-2" role="menu"> 1550 1551 <li class=""> 1552 <span class="nav-link-wrapper"> 1553 <a href="/architekt-und-planer/planung/systeme-und-produkte/capatect-photovoltaik" class="nav-title " > 1554 Capatect Photovoltaik 1555 </a> 1556 1557 </span> 1558 1559 </li> 1560 1561 <li class=""> 1562 <span class="nav-link-wrapper"> 1563 <a href="/architekt-und-planer/planung/systeme-und-produkte/capatect-faserbeton" class="nav-title " > 1564 Capatect Faserbeton 1565 </a> 1566 1567 </span> 1568 1569 </li> 1570 1571 <li class=""> 1572 <span class="nav-link-wrapper"> 1573 <a href="/architekt-und-planer/planung/systeme-und-produkte/capatect-vhf-system" class="nav-title " > 1574 Capatect VHF-System 1575 </a> 1576 1577 </span> 1578 1579 </li> 1580 1581 <li class=""> 1582 <span class="nav-link-wrapper"> 1583 <a href="/architekt-und-planer/planung/systeme-und-produkte/capatect-injektionsverfahren" class="nav-title " > 1584 Capatect Injektionsverfahren 1585 </a> 1586 1587 </span> 1588 1589 </li> 1590 1591 <li class=""> 1592 <span class="nav-link-wrapper"> 1593 <a href="/architekt-und-planer/planung/systeme-und-produkte/capatect-sockel" class="nav-title " > 1594 Capatect SOCKEL 1595 </a> 1596 1597 </span> 1598 1599 </li> 1600 1601 <li class=""> 1602 <span class="nav-link-wrapper"> 1603 <a href="/architekt-und-planer/planung/systeme-und-produkte/capatect-nature-wood" class="nav-title " > 1604 Capatect Nature Wood 1605 </a> 1606 1607 </span> 1608 1609 </li> 1610 1611 <li class="">
1612 <span class="nav-link-wrapper"> 1613 <a href="/architekt-und-planer/planung/systeme-und-produkte/capatect-design-pur" class="nav-title " > 1614 Capatect Design PUR 1615 </a> 1616 1617 </span> 1618 1619 </li> 1620 1621 <li class=""> 1622 <span class="nav-link-wrapper"> 1623 <a href="/architekt-und-planer/planung/systeme-und-produkte/original-meldorfer" class="nav-title " > 1624 Original Meldorfer® 1625 </a> 1626 1627 1628 </span> 1629 1630 1631 </li> 1632 1633 </ul> 1634 1635 </div> 1636 1637 1638 1639 1640 1641 </li> 1642 1643 1644 1645 1646 1647 1648 </ul> 1649 </div> 1650 1651 1652 <div class="col-xs-12 col-md-4"> 1653 <ul class="dropdown-list depth-1"> 1654 1655 1656 <li class=""> 1657 1658 <span class="nav-link-wrapper"> 1659 1660 1661 <a href="/architekt-und-planer/planung/serviceangebote" class="nav-title " > 1662 <span class="underlined">Serviceangebote</span> 1663 </a> 1664 1665 1666 1667 1668 1669 1670 1671 <a class="dropdown-btn collapsed" role="button" data-toggle="collapse" data-parent="#dropdown-menu-1-102753" href="#dropdown-menu-2-102762" aria-expanded="false" aria-controls="dropdown-menu-2-102762"></a> 1672 </span> 1673 1674 1675 1676 1677 1678 <div class="collapse" id="dropdown-menu-2-102762" role="menu"> 1679 <ul class="dropdown-list depth-2" role="menu"> 1680 1681 <li class=""> 1682 <span class="nav-link-wrapper"> 1683 <a href="/architekt-und-planer/planung/cad-konstruktionsdetails" class="nav-title " > 1684 CAD-Konstruktionsdetails 1685 </a> 1686 1687 </span> 1688 1689 </li> 1690 1691 <li class=""> 1692 <span class="nav-link-wrapper"> 1693 <a href="/architekt-und-planer/planung/serviceangebote/bim-objekte" class="nav-title " > 1694 BIM-Objekte 1695 </a> 1696 1697 </span> 1698 1699 </li> 1700 1701 <li class="">
1702 <span class="nav-link-wrapper"> 1703 <a href="/architekt-und-planer/planung/wdvs-planungsatlas" class="nav-title " > 1704 WDVS-Planungsatlas 1705 </a> 1706 1707 </span> 1708 1709 </li> 1710 1711 <li class=""> 1712 <span class="nav-link-wrapper"> 1713 <a href="/architekt-und-planer/planung/rund-ums-fenster" class="nav-title " > 1714 Rund ums Fenster 1715 </a> 1716 1717 </span> 1718 1719 </li> 1720 1721 <li class=""> 1722 <span class="nav-link-wrapper"> 1723 <a href="/architekt-und-planer/planung/serviceangebote/capadata-20" class="nav-title " > 1724 Capadata 2.0 1725 </a> 1726 1727 </span> 1728 1729 </li> 1730 1731 <li class=""> 1732 <span class="nav-link-wrapper"> 1733 <a href="/architekt-und-planer/planung/serviceangebote/objektservice" class="nav-title " > 1734 Objektservice 1735 </a> 1736 1737 </span> 1738 1739 </li> 1740 1741 </ul> 1742 1743 </div> 1744 1745 1746 1747 1748 1749 </li> 1750 1751 </ul> 1752 </div> 1753 1754 1755 </div> 1756 </div> 1757 1758 1759 </div> 1760 </div> 1761 </div> 1762 </div> 1763 1764 <div class="overlay"></div> 1765 <div class="bottom-line"></div> 1766 </div> 1767 1768 1769 1770 <div id="sub-navigation-104021" class="sub-navigation-dropdown"> 1771 1772 <div class="container close-container"> 1773 <div class="close-button hidden-xs"><div class="text">schlieÃen</div><i class="fas fa fa-times"></i></div> 1774 </div> 1775 1776 <div class="container"> 1777 <div class="navigation-wrapper "> 1778 <span class="nav-link-wrapper"> 1779 <a href="/architekt-und-planer/services-tools" class="nav-title " > 1780 Services & Tools 1781 </a> 1782 1783 </span> 1784 1785 </div> 1786 1787 <h4 class="h1"></h4> 1788 <div class="row menu-overlay-container"> 1789 <hr /> 1790 1791 1792 <div class="col-xs-12"> 1793 <div class="navigation-wrapper "> 1794 1795 1796 1797 1798 1799 1800 1801 1802 </div> 1803 </div> 1804 </div> 1805 </div> 1806 1807 <div class="overlay"></div> 1808 <div class="bottom-line"></div> 1809 </div> 1810 1811 1812 1813 1814 <div id="additionalNav" class="visible-xs"> 1815 1816 1817 1818 <div class="topics-menu"> 1819 <div class="icons"> 1820 <a class="item" href="/unternehmen/leitthemen/gesundheit"> 1821 <img class="icon" src="/typo3conf/ext/theme_caparol/Resources/Public/
1821Images/werte_gesundheit.svg" width="40" height="40" alt="" /> 1822 </a> 1823 1824 <a class="item" href="/unternehmen/leitthemen/design"> 1825 <img class="icon" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_design.svg" width="40" height="40" alt="" /> 1826 </a> 1827 1828 <a class="item" href="/unternehmen/leitthemen/effizienz"> 1829 <img class="icon" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_effizienz.svg" width="40" height="40" alt="" /> 1830 </a> 1831 1832 <a class="item" href="/unternehmen/leitthemen/nachhaltigkeit"> 1833 <img class="icon" src="/typo3conf/ext/theme_caparol/Resources/Public/Images/werte_nachhaltigkeit.svg" width="40" height="40" alt="" /> 1834 </a> 1835 </div> 1836 </div> 1837 1838 1839 1840 <div id="mobile-searchbox" class="visible-xs"> 1841 1842 <form action="/suche" autocomplete="off" method="get" name="top-mobile-searchform" role="search" class="ke-searchbox"> 1843 <div class="input-group input-button-2020"> 1844 <input class="form-control input" placeholder="Suchbegriff..." name="tx_kesearch_pi1[sword]" type="text" /> 1845 <span class="button"> 1846 <button type="submit"><i class="fa fa-search"></i><span class="text">Suchen</span></button> 1847 </span> 1848 </div> 1849 </form> 1850 1851 </div> 1852 1853 1854 <div class="comm-menu visible-xs"> 1855 1856 1857 1858 <a href="/architekt-und-planer/kontaktformular"> 1859 <i class="fa fa-envelope"></i> 1860 </a> 1861 1862 1863 1864 1865 </div> 1866 1867 1868 <ul class="page-links"><li class="first"> 1869<a href="/architekt-und-planer/wissen-und-fortbildung" title="Fortbildung" class="first">Fortbildung</a> 1870</li> 1871<li class="sub"> 1872<a href="/architekt-und-planer/caparol-architektur-award" title="Caparol Architektur Award" class="sub">Architektur Award</a> 1873</li> 1874<li class="sub last"> 1875<a href="/architekt-und-planer/nachhaltigkeit" title="Nachhaltigkeit" class="sub last">Nachhaltigkeit</a> 1876</li></ul> 1877 1878 1879 1880 <ul class="lang-links list-inline visible-xs"> 1881 1882 1883 <li> 1884 <a href="/architekt-und-planer"> 1885 <img src="/typo3conf/ext/theme_caparol/Resources/Public/Icons/flags/png/de.png" border="0"> 1886 DE 1887 </a> 1888 </li> 1889 1890 1891 </ul> 1892 1893 1894 </div> 1895 1896 </nav> 1897 </div> 1898 1899 1900 </div> 1901 1902 </header> 1903 1904 1905<main id="content" class="" role="main"> 1906 <!--TYPO3SEARCH_begin--> 1907 1908 1909 1910 <section class="hero"> 1911 1912 1913<div id="c809507" class="frame hidden-xs frame-type-themecaparol_video frame-layout-58"><div class="tx-video " id=""><div class=""><video playsinline id="video-d8f8b379856846ad" controlsList="nodownload" autoplay muted class="video-js vjs-default-skin vjs-big-play-centered embed-responsive-item" preload="metadata" height="100%" width="100%" 1914 1915 1916 poster="/fileadmin/data/images/26_Gesamt/26_05_Referenz_Ovum_Koeln/Caparol_Ovum_Video_thumbnail.jpg" 1917 1918 1919 data-setup='{}'><source src="/fileadmin/data/images/26_Gesamt/26_05_Referenz_Ovum_Koeln/Caparol_Architekten-Kampagne-2_2026_1920x600_v02.mp4" type='video/mp4' /><p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p></video></div></div></div> 1920 1921 1922 1923 1924<div id="c809508" class="frame visible-xs frame-type-image frame-layout-58"><div class="ce-image ce-left ce-above"><div class="ce-gallery" data-ce-columns="1" data-ce-images="1"><div class="ce-row"><div class="ce-column"><div class="image"><img class="image-embed-item img-responsive" src="/fileadmin/data/images/26_Gesamt/26_05_Referenz_Ovum_Koeln/Caparol_Architekten_Ovum_500x540.jpg" width="500" height="540" alt="" /></div></div></div></div></div></div> 1925 1926 1927 1928 </section> 1929 1930 1931 <section class="main startpage" data-page-layout="subpage"> 1932 1933 1934 1935 <div id="r797213" class="container csc-frame-91"> 1936 <div class="row"> 1937 <div class="col-xs-12"> 1938
1939<div id="c797213" class="frame container container--small frame-type-text frame-layout-0 frame-space-before-35px frame-space-after-75px"><header><h1 class="ce-headline-center font-big "> 1940 Erschaffen, was möglich ist. 1941 </h1><h2 class="ce-headline-center subheadline"><p>Mit Caparol â Ihrem Lösungsanbieter für ganzheitliche Gestaltung. </p></h2></header><p class="text-center">Gute Architektur beginnt mit einer starken Vision â und wird durch den richtigen Partner Wirklichkeit: Als Lösungsanbieter für ganzheitliche Gestaltung begleiten wir Sie zuverlässig in jeder Phase Ihres Projekts. Ganz gleich, ob es sich um einen Neubau oder eine Sanierung handelt. Dazu stellen wir Ihnen ein Produktsortiment zur Verfügung, das die gesamte Bandbreite moderner Architekturgestaltung abdeckt, ergänzt durch ein umfangreiches Serviceangebot, persönliche Farb- und Oberflächenberatung sowie inspirierende Referenzen aus der Praxis.</p></div> 1942 1943 1944 </div> 1945 </div> 1946 </div> 1947 1948 1949 1950 <div id="r797175" class="container-fluid csc-frame-109"> 1951 <div class="container"> 1952 <div class="row"> 1953 <div class="col-xs-12"> 1954 1955<div id="c797175" class="frame frame-109 frame-type-themecaparol_tabaccordioncontent frame-layout-56"><header><h2 class="ce-headline-center h1 "> 1956 Das PLANUNGSstudio unterstützt Sie in allen Phasen Ihres Projekts: 1957 </h2></header><div class="tx-tabaccordioncontent "><ul id="tabaccordion-797175" class="list-inline nav nav-tabs"><li class="active"><a href="#ab532a9e130b186e" data-toggle="tab"><img class="hidden-sm hidden-xs" title="Entwurf" alt="Entwurf" src="/fileadmin/_processed_/1/1/csm_ENTWURF_-_auf_Transparent_2e2610627e.png" width="300" height="238" /><h4>Entwurf</h4></a></li><li ><a href="#d466b3754947dccc" data-toggle="tab"><img class="hidden-sm hidden-xs" title="Gestaltung" alt="Gestaltung" src="/fileadmin/_processed_/4/3/csm_GESTALTUNG_-_auf_Transparent_e5fc020981.png" width="300" height="238" /><h4>Gestaltung</h4></a></li><li ><a href="#e9d053261980a721" data-toggle="tab"><img class="hidden-sm hidden-xs" title="Planung" alt="Planung" src="/fileadmin/_processed_/6/d/csm_PLANUNG_-_auf_Transparent_016c3dbd93.png" width="300" height="238" /><h4>Planung</h4></a></li><li ><a href="#c67ac464cd311642" data-toggle="tab"><img class="hidden-sm hidden-xs" title="Services & Tools" alt="Services & Tools" src="/fileadmin/_processed_/a/c/csm_Services___Tools_-_auf_Transparent_88a0e7f6ef.png" width="300" height="238" /><h4>Services & Tools</h4></a></li></ul><div id="tabaccordion-content-797175" class="tab-content"><div class="tab-pane fade in active" id="ab532a9e130b186e">
1957<div id="c797184" class="frame container container--small frame-type-text frame-layout-0"><header><h2 class="ce-headline-center "> 1958 Entwurf 1959 </h2></header><p class="text-center">Ideen schärfen, gestalterische Potenziale sichtbar machen: Bereits in der Entwurfsphase sind wir Ihr Sparringspartner auf Augenhöhe.</p><p class="text-center">Mit hochwertigen Referenzprojekten, aktuellen Trends aus der Farbforschung, innovativen Gestaltungskonzepten sowie praxisnahen Tools bietet Ihnen das PLANUNGSstudio vielfältige Möglichkeiten zur Inspiration und fundierten Ideenentwicklung für Ihr Objekt.</p></div><div id="c797176" class="frame frame-default frame-type-themecaparol_fluidcols4 frame-layout-0 frame-space-before-30px"><div class="row row-eq-height fluid-4-cols"><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797177" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/entwurf/inspiration" target="_self" class="teaser2020 teaser2020--hover teaser2020--797177"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/global_images/Trend_2026/07_where_light_meets_magic/Light_meets_magic_Gallery_2.jpg" alt="Inspiration" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Inspiration</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
1959<script> 1960 (function() { 1961 var teaser = document.querySelector('.teaser2020--797177'); 1962 if (!teaser) return; 1963 var bottom = teaser.querySelector('.bottom'); 1964 teaser.addEventListener('mouseenter', function() { 1965 if (!teaser.slidingDown && !teaser.slidingUp) { 1966 teaser.slidingDown = true; 1967 $('.teaser2020--797177 .fly-out').slideDown(function() { 1968 teaser.slidingDown = false; 1969 }); 1970 } 1971 }); 1972 teaser.addEventListener('mouseleave', function() { 1973 if (!teaser.slidingUp) { 1974 teaser.slidingUp = true; 1975 $('.teaser2020--797177 .fly-out').slideUp(function() { 1976 teaser.slidingUp = false; 1977 }); 1978 } 1979 }); 1980 })(); 1981 </script>
1981</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797208" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/entwurf/referenzen" target="_self" class="teaser2020 teaser2020--hover teaser2020--797208"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/images/25_Gesamt/25_07_Objekt-Highlight_Winterfeldt/B2501500_E2_print_900x600.jpg" alt="Referenzen" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Referenzen</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser">Auswahl der aktuellen Top-Referenzen</div></div></div></a>
1981<script> 1982 (function() { 1983 var teaser = document.querySelector('.teaser2020--797208'); 1984 if (!teaser) return; 1985 var bottom = teaser.querySelector('.bottom'); 1986 teaser.addEventListener('mouseenter', function() { 1987 if (!teaser.slidingDown && !teaser.slidingUp) { 1988 teaser.slidingDown = true; 1989 $('.teaser2020--797208 .fly-out').slideDown(function() { 1990 teaser.slidingDown = false; 1991 }); 1992 } 1993 }); 1994 teaser.addEventListener('mouseleave', function() { 1995 if (!teaser.slidingUp) { 1996 teaser.slidingUp = true; 1997 $('.teaser2020--797208 .fly-out').slideUp(function() { 1998 teaser.slidingUp = false; 1999 }); 2000 } 2001 }); 2002 })(); 2003 </script>
2003</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797179" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/entwurf/farbdesignstudio" target="_blank" class="teaser2020 teaser2020--hover teaser2020--797179"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Entwurf/Teaser_FDS.jpg" alt="FarbDesignStudio" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">FarbDesignStudio</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2003<script> 2004 (function() { 2005 var teaser = document.querySelector('.teaser2020--797179'); 2006 if (!teaser) return; 2007 var bottom = teaser.querySelector('.bottom'); 2008 teaser.addEventListener('mouseenter', function() { 2009 if (!teaser.slidingDown && !teaser.slidingUp) { 2010 teaser.slidingDown = true; 2011 $('.teaser2020--797179 .fly-out').slideDown(function() { 2012 teaser.slidingDown = false; 2013 }); 2014 } 2015 }); 2016 teaser.addEventListener('mouseleave', function() { 2017 if (!teaser.slidingUp) { 2018 teaser.slidingUp = true; 2019 $('.teaser2020--797179 .fly-out').slideUp(function() { 2020 teaser.slidingUp = false; 2021 }); 2022 } 2023 }); 2024 })(); 2025 </script>
2025</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 last-col" style="min-height:"><div class=""><div id="c797178" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/entwurf/serviceangebote" target="_blank" class="teaser2020 teaser2020--hover teaser2020--797178"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Entwurf/Teaser_Serviceangebot.jpg" alt="Serviceangebote" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Serviceangebote</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2025<script> 2026 (function() { 2027 var teaser = document.querySelector('.teaser2020--797178'); 2028 if (!teaser) return; 2029 var bottom = teaser.querySelector('.bottom'); 2030 teaser.addEventListener('mouseenter', function() { 2031 if (!teaser.slidingDown && !teaser.slidingUp) { 2032 teaser.slidingDown = true; 2033 $('.teaser2020--797178 .fly-out').slideDown(function() { 2034 teaser.slidingDown = false; 2035 }); 2036 } 2037 }); 2038 teaser.addEventListener('mouseleave', function() { 2039 if (!teaser.slidingUp) { 2040 teaser.slidingUp = true; 2041 $('.teaser2020--797178 .fly-out').slideUp(function() { 2042 teaser.slidingUp = false; 2043 }); 2044 } 2045 }); 2046 })(); 2047 </script>
2047</div></div></div></div></div></div><div class="tab-pane fade " id="d466b3754947dccc"><div id="c797188" class="frame container container--small frame-type-text frame-layout-0"><header><h2 class="ce-headline-center "> 2048 Gestaltung 2049 </h2></header><p class="text-center">In der Gestaltungsphase begleiten wir Sie bei der Entwicklung durchdachter Lösungen für Fassaden und Innenwände. Ein Gestaltungskonzept ist für uns dann gelungen, wenn Farbe und Material im Einklang stehen.</p><p class="text-center">Das PLANUNGSstudio unterstützt Sie dabei von der ersten digitalen Visualisierung über reale Musterplatten bis hin zur persönlichen Beratung â für sichere Entscheidungen und überzeugende Gestaltungsergebnisse.</p></div><div id="c797180" class="frame frame-default frame-type-themecaparol_fluidcols4 frame-layout-0 frame-space-before-30px"><div class="row row-eq-height fluid-4-cols"><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797181" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/gestaltung/fassadengestaltung" target="_self" class="teaser2020 teaser2020--hover teaser2020--797181"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/450_teaser__0003_Fassadengestaltung.jpg" alt="Fassadengestaltung" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Fassadengestaltung</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2049<script> 2050 (function() { 2051 var teaser = document.querySelector('.teaser2020--797181'); 2052 if (!teaser) return; 2053 var bottom = teaser.querySelector('.bottom'); 2054 teaser.addEventListener('mouseenter', function() { 2055 if (!teaser.slidingDown && !teaser.slidingUp) { 2056 teaser.slidingDown = true; 2057 $('.teaser2020--797181 .fly-out').slideDown(function() { 2058 teaser.slidingDown = false; 2059 }); 2060 } 2061 }); 2062 teaser.addEventListener('mouseleave', function() { 2063 if (!teaser.slidingUp) { 2064 teaser.slidingUp = true; 2065 $('.teaser2020--797181 .fly-out').slideUp(function() { 2066 teaser.slidingUp = false; 2067 }); 2068 } 2069 }); 2070 })(); 2071 </script>
2071</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797182" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/gestaltung/innenwandgestaltung" target="_self" class="teaser2020 teaser2020--hover teaser2020--797182"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/450_teaser__0004_Innenwandgestaltung.jpg" alt="Innenwandgestaltung" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Innenwandgestaltung</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2071<script> 2072 (function() { 2073 var teaser = document.querySelector('.teaser2020--797182'); 2074 if (!teaser) return; 2075 var bottom = teaser.querySelector('.bottom'); 2076 teaser.addEventListener('mouseenter', function() { 2077 if (!teaser.slidingDown && !teaser.slidingUp) { 2078 teaser.slidingDown = true; 2079 $('.teaser2020--797182 .fly-out').slideDown(function() { 2080 teaser.slidingDown = false; 2081 }); 2082 } 2083 }); 2084 teaser.addEventListener('mouseleave', function() { 2085 if (!teaser.slidingUp) { 2086 teaser.slidingUp = true; 2087 $('.teaser2020--797182 .fly-out').slideUp(function() { 2088 teaser.slidingUp = false; 2089 }); 2090 } 2091 }); 2092 })(); 2093 </script>
2093</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797183" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/gestaltung/serviceangebote" target="_self" class="teaser2020 teaser2020--hover teaser2020--797183"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/450_teaser__0000_Serviceangebote.jpg" alt="Serviceangebote" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Serviceangebote</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2093<script> 2094 (function() { 2095 var teaser = document.querySelector('.teaser2020--797183'); 2096 if (!teaser) return; 2097 var bottom = teaser.querySelector('.bottom'); 2098 teaser.addEventListener('mouseenter', function() { 2099 if (!teaser.slidingDown && !teaser.slidingUp) { 2100 teaser.slidingDown = true; 2101 $('.teaser2020--797183 .fly-out').slideDown(function() { 2102 teaser.slidingDown = false; 2103 }); 2104 } 2105 }); 2106 teaser.addEventListener('mouseleave', function() { 2107 if (!teaser.slidingUp) { 2108 teaser.slidingUp = true; 2109 $('.teaser2020--797183 .fly-out').slideUp(function() { 2110 teaser.slidingUp = false; 2111 }); 2112 } 2113 }); 2114 })(); 2115 </script>
2115</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 last-col" style="min-height:"><div class=""></div></div></div></div></div><div class="tab-pane fade " id="e9d053261980a721"><div id="c797189" class="frame container container--small frame-type-text frame-layout-0"><header><h2 class="ce-headline-center "> 2116 Planung 2117 </h2></header><p class="text-center">Präzise Planung schafft die Grundlage für nachhaltigen Projekterfolg. Zur Erreichung dieses Ziels stehen wir Ihnen mit technischem Know-how und umfassenden Services zur Seite.</p><p class="text-center">Vom WDVS-Planungsatlas über unsere Ausschreibungs- und Informationsplattform CAPAdata bis hin zur Fassadengestaltung mit hochwertigen Innovationen wie Faserbeton und Photovoltaik erhalten Sie genau die Unterstützung, die Sie für eine sichere und effiziente Umsetzung benötigen.</p></div><div id="c797185" class="frame frame-default frame-type-themecaparol_fluidcols4 frame-layout-0 frame-space-before-30px"><div class="row row-eq-height fluid-4-cols"><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797187" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/planung/systeme-und-produkte" target="_self" class="teaser2020 teaser2020--hover teaser2020--797187"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/26_01_Header_Objekt-Highlight_Stafflenberg
2117stra%C3%9Fe_450x300.jpg" alt="Systeme und Produkte" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Systeme und Produkte</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2117<script> 2118 (function() { 2119 var teaser = document.querySelector('.teaser2020--797187'); 2120 if (!teaser) return; 2121 var bottom = teaser.querySelector('.bottom'); 2122 teaser.addEventListener('mouseenter', function() { 2123 if (!teaser.slidingDown && !teaser.slidingUp) { 2124 teaser.slidingDown = true; 2125 $('.teaser2020--797187 .fly-out').slideDown(function() { 2126 teaser.slidingDown = false; 2127 }); 2128 } 2129 }); 2130 teaser.addEventListener('mouseleave', function() { 2131 if (!teaser.slidingUp) { 2132 teaser.slidingUp = true; 2133 $('.teaser2020--797187 .fly-out').slideUp(function() { 2134 teaser.slidingUp = false; 2135 }); 2136 } 2137 }); 2138 })(); 2139 </script>
2139</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797186" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/planung/serviceangebote" target="_self" class="teaser2020 teaser2020--hover teaser2020--797186"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/450_teaser__0000_Serviceangebote.jpg" alt="Serviceangebote" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Serviceangebote</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2139<script> 2140 (function() { 2141 var teaser = document.querySelector('.teaser2020--797186'); 2142 if (!teaser) return; 2143 var bottom = teaser.querySelector('.bottom'); 2144 teaser.addEventListener('mouseenter', function() { 2145 if (!teaser.slidingDown && !teaser.slidingUp) { 2146 teaser.slidingDown = true; 2147 $('.teaser2020--797186 .fly-out').slideDown(function() { 2148 teaser.slidingDown = false; 2149 }); 2150 } 2151 }); 2152 teaser.addEventListener('mouseleave', function() { 2153 if (!teaser.slidingUp) { 2154 teaser.slidingUp = true; 2155 $('.teaser2020--797186 .fly-out').slideUp(function() { 2156 teaser.slidingUp = false; 2157 }); 2158 } 2159 }); 2160 })(); 2161 </script>
2161</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""></div></div><div class="col-md-3 col-sm-6 col-xs-12 last-col" style="min-height:"><div class=""></div></div></div></div></div><div class="tab-pane fade " id="c67ac464cd311642"><div id="c797205" class="frame container container--small frame-type-text frame-layout-0"><header><h2 class="ce-headline-center "> 2162 Services & Tools 2163 </h2></header><p class="text-center">Partnerschaftlich, praxisnah, passgenau: Wir unterstützen Sie in allen drei Phasen â vom Entwurf über die Gestaltung bis zur Planung â mit leistungsstarken Services und Tools.</p><p class="text-center">Als ganzheitlicher Lösungsanbieter stehen wir Ihnen von der ersten architektonischen Idee bis zur erfolgreichen Umsetzung zur Seite â mit kompetenter Beratung und echter Partnerschaft auf Augenhöhe. So entsteht Architektur, die heute inspiriert und morgen Bestand hat.</p></div><div id="c797201" class="frame frame-default frame-type-themecaparol_fluidcols4 frame-layout-0 frame-space-before-30px"><header><h2 class="ce-headline-center "> 2164 Entwurfsphase 2165 </h2></header><div class="row row-eq-height fluid-4-cols"><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797202" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/entwurf/serviceangebote/gestaltungssoftware-spectrum" target="_self" class="teaser2020 teaser2020--hover teaser2020--797202"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Entwurf/Teaser_gestaltungssoftware.jpg" alt="Gestaltungssoftware Spectrum" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Gestaltungssoftware Spectrum</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2165<script> 2166 (function() { 2167 var teaser = document.querySelector('.teaser2020--797202'); 2168 if (!teaser) return; 2169 var bottom = teaser.querySelector('.bottom'); 2170 teaser.addEventListener('mouseenter', function() { 2171 if (!teaser.slidingDown && !teaser.slidingUp) { 2172 teaser.slidingDown = true; 2173 $('.teaser2020--797202 .fly-out').slideDown(function() { 2174 teaser.slidingDown = false; 2175 }); 2176 } 2177 }); 2178 teaser.addEventListener('mouseleave', function() { 2179 if (!teaser.slidingUp) { 2180 teaser.slidingUp = true; 2181 $('.teaser2020--797202 .fly-out').slideUp(function() { 2182 teaser.slidingUp = false; 2183 }); 2184 } 2185 }); 2186 })(); 2187 </script>
2187</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797204" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/entwurf/serviceangebote/farbtonkollektionen" target="_self" class="teaser2020 teaser2020--hover teaser2020--797204"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Entwurf/Teaser_Farbtonkollektionen.jpg" alt="Farbtonkollektionen" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Farbtonkollektionen</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2187<script> 2188 (function() { 2189 var teaser = document.querySelector('.teaser2020--797204'); 2190 if (!teaser) return; 2191 var bottom = teaser.querySelector('.bottom'); 2192 teaser.addEventListener('mouseenter', function() { 2193 if (!teaser.slidingDown && !teaser.slidingUp) { 2194 teaser.slidingDown = true; 2195 $('.teaser2020--797204 .fly-out').slideDown(function() { 2196 teaser.slidingDown = false; 2197 }); 2198 } 2199 }); 2200 teaser.addEventListener('mouseleave', function() { 2201 if (!teaser.slidingUp) { 2202 teaser.slidingUp = true; 2203 $('.teaser2020--797204 .fly-out').slideUp(function() { 2204 teaser.slidingUp = false; 2205 }); 2206 } 2207 }); 2208 })(); 2209 </script>
2209</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797203" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/entwurf/serviceangebote/objektgestaltung" target="_self" class="teaser2020 teaser2020--hover teaser2020--797203"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Entwurf/Teaser_Objektgestaltung.jpg" alt="Objektgestaltung" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Objektgestaltung</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2209<script> 2210 (function() { 2211 var teaser = document.querySelector('.teaser2020--797203'); 2212 if (!teaser) return; 2213 var bottom = teaser.querySelector('.bottom'); 2214 teaser.addEventListener('mouseenter', function() { 2215 if (!teaser.slidingDown && !teaser.slidingUp) { 2216 teaser.slidingDown = true; 2217 $('.teaser2020--797203 .fly-out').slideDown(function() { 2218 teaser.slidingDown = false; 2219 }); 2220 } 2221 }); 2222 teaser.addEventListener('mouseleave', function() { 2223 if (!teaser.slidingUp) { 2224 teaser.slidingUp = true; 2225 $('.teaser2020--797203 .fly-out').slideUp(function() { 2226 teaser.slidingUp = false; 2227 }); 2228 } 2229 }); 2230 })(); 2231 </script>
2231</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 last-col" style="min-height:"><div class=""></div></div></div></div><div id="c797197" class="frame frame-default frame-type-themecaparol_fluidcols4 frame-layout-0 frame-space-before-30px"><header><h2 class="ce-headline-center "> 2232 Gestaltungsphase 2233 </h2></header><div class="row row-eq-height fluid-4-cols"><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797209" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="https://materials.caparol.de/" target="_blank" class="teaser2020 teaser2020--hover teaser2020--797209" rel="noreferrer"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/450_teaser_Materialstudio.jpg" alt="MATERIALstudio â digital bemustern" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">MATERIALstudio â digital bemustern</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2233<script> 2234 (function() { 2235 var teaser = document.querySelector('.teaser2020--797209'); 2236 if (!teaser) return; 2237 var bottom = teaser.querySelector('.bottom'); 2238 teaser.addEventListener('mouseenter', function() { 2239 if (!teaser.slidingDown && !teaser.slidingUp) { 2240 teaser.slidingDown = true; 2241 $('.teaser2020--797209 .fly-out').slideDown(function() { 2242 teaser.slidingDown = false; 2243 }); 2244 } 2245 }); 2246 teaser.addEventListener('mouseleave', function() { 2247 if (!teaser.slidingUp) { 2248 teaser.slidingUp = true; 2249 $('.teaser2020--797209 .fly-out').slideUp(function() { 2250 teaser.slidingUp = false; 2251 }); 2252 } 2253 }); 2254 })(); 2255 </script>
2255</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797200" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="https://klinker.caparol.de/" target="_blank" class="teaser2020 teaser2020--hover teaser2020--797200" rel="noreferrer"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/450_teaser_klinkerscout.jpg" alt="Klinkerscout" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Klinkerscout</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2255<script> 2256 (function() { 2257 var teaser = document.querySelector('.teaser2020--797200'); 2258 if (!teaser) return; 2259 var bottom = teaser.querySelector('.bottom'); 2260 teaser.addEventListener('mouseenter', function() { 2261 if (!teaser.slidingDown && !teaser.slidingUp) { 2262 teaser.slidingDown = true; 2263 $('.teaser2020--797200 .fly-out').slideDown(function() { 2264 teaser.slidingDown = false; 2265 }); 2266 } 2267 }); 2268 teaser.addEventListener('mouseleave', function() { 2269 if (!teaser.slidingUp) { 2270 teaser.slidingUp = true; 2271 $('.teaser2020--797200 .fly-out').slideUp(function() { 2272 teaser.slidingUp = false; 2273 }); 2274 } 2275 }); 2276 })(); 2277 </script>
2277</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797210" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/gestaltung/serviceangebote/musterfertigung" target="_self" class="teaser2020 teaser2020--hover teaser2020--797210"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/450_teaser__0001_Muster.jpg" alt="Musterfertigung" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Musterfertigung</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2277<script> 2278 (function() { 2279 var teaser = document.querySelector('.teaser2020--797210'); 2280 if (!teaser) return; 2281 var bottom = teaser.querySelector('.bottom'); 2282 teaser.addEventListener('mouseenter', function() { 2283 if (!teaser.slidingDown && !teaser.slidingUp) { 2284 teaser.slidingDown = true; 2285 $('.teaser2020--797210 .fly-out').slideDown(function() { 2286 teaser.slidingDown = false; 2287 }); 2288 } 2289 }); 2290 teaser.addEventListener('mouseleave', function() { 2291 if (!teaser.slidingUp) { 2292 teaser.slidingUp = true; 2293 $('.teaser2020--797210 .fly-out').slideUp(function() { 2294 teaser.slidingUp = false; 2295 }); 2296 } 2297 }); 2298 })(); 2299 </script>
2299</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 last-col" style="min-height:"><div class=""><div id="c797199" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/produkte/innenraeume-gestalten/kreative-innenwandgestaltung/die-suchmaschine-fuer-kreativtechniken" target="_blank" class="teaser2020 teaser2020--hover teaser2020--797199"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/Animation-Oberflaechenfinder.jpg" alt="Oberflächenfinder" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Oberflächenfinder</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2299<script> 2300 (function() { 2301 var teaser = document.querySelector('.teaser2020--797199'); 2302 if (!teaser) return; 2303 var bottom = teaser.querySelector('.bottom'); 2304 teaser.addEventListener('mouseenter', function() { 2305 if (!teaser.slidingDown && !teaser.slidingUp) { 2306 teaser.slidingDown = true; 2307 $('.teaser2020--797199 .fly-out').slideDown(function() { 2308 teaser.slidingDown = false; 2309 }); 2310 } 2311 }); 2312 teaser.addEventListener('mouseleave', function() { 2313 if (!teaser.slidingUp) { 2314 teaser.slidingUp = true; 2315 $('.teaser2020--797199 .fly-out').slideUp(function() { 2316 teaser.slidingUp = false; 2317 }); 2318 } 2319 }); 2320 })(); 2321 </script>
2321</div></div></div></div></div><div id="c811492" class="frame frame-default frame-type-themecaparol_fluidcols4 frame-layout-0"><div class="row row-eq-height fluid-4-cols"><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c811493" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/gestaltung/serviceangebote/design-toolkit" target="_self" class="teaser2020 teaser2020--hover teaser2020--811493"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/images/26_Gesamt/26_04_Design-Guide-Toolkit/Architekten_Stage/Caparol_Teaser_Architekt.jpg" alt="Caparol Design Toolkit" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Caparol Design Toolkit</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2321<script> 2322 (function() { 2323 var teaser = document.querySelector('.teaser2020--811493'); 2324 if (!teaser) return; 2325 var bottom = teaser.querySelector('.bottom'); 2326 teaser.addEventListener('mouseenter', function() { 2327 if (!teaser.slidingDown && !teaser.slidingUp) { 2328 teaser.slidingDown = true; 2329 $('.teaser2020--811493 .fly-out').slideDown(function() { 2330 teaser.slidingDown = false; 2331 }); 2332 } 2333 }); 2334 teaser.addEventListener('mouseleave', function() { 2335 if (!teaser.slidingUp) { 2336 teaser.slidingUp = true; 2337 $('.teaser2020--811493 .fly-out').slideUp(function() { 2338 teaser.slidingUp = false; 2339 }); 2340 } 2341 }); 2342 })(); 2343 </script>
2343</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""></div></div><div class="col-md-3 col-sm-6 col-xs-12 last-col" style="min-height:"><div class=""></div></div></div></div><div id="c797193" class="frame frame-default frame-type-themecaparol_fluidcols4 frame-layout-0 frame-space-before-30px"><header><h2 class="ce-headline-center "> 2344 Planungsphase 2345 </h2></header><div class="row row-eq-height fluid-4-cols"><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797198" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/service/cad-konstruktionsdetails" target="_self" class="teaser2020 teaser2020--hover teaser2020--797198"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/planung/450_caparol_planung_cad-konstruktionsdetails.jpg" alt="CAD-Konstruktionsdetails" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">CAD-Konstruktionsdetails</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2345<script> 2346 (function() { 2347 var teaser = document.querySelector('.teaser2020--797198'); 2348 if (!teaser) return; 2349 var bottom = teaser.querySelector('.bottom'); 2350 teaser.addEventListener('mouseenter', function() { 2351 if (!teaser.slidingDown && !teaser.slidingUp) { 2352 teaser.slidingDown = true; 2353 $('.teaser2020--797198 .fly-out').slideDown(function() { 2354 teaser.slidingDown = false; 2355 }); 2356 } 2357 }); 2358 teaser.addEventListener('mouseleave', function() { 2359 if (!teaser.slidingUp) { 2360 teaser.slidingUp = true; 2361 $('.teaser2020--797198 .fly-out').slideUp(function() { 2362 teaser.slidingUp = false; 2363 }); 2364 } 2365 }); 2366 })(); 2367 </script>
2367</div><div id="c797196" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/planung/serviceangebote/capadata-20" target="_self" class="teaser2020 teaser2020--hover teaser2020--797196"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/planung/caparol_ausschreibung_CAPAdata.jpg" alt="Ausschreibungssoftware CAPAdata" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Ausschreibungssoftware CAPAdata</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2367<script> 2368 (function() { 2369 var teaser = document.querySelector('.teaser2020--797196'); 2370 if (!teaser) return; 2371 var bottom = teaser.querySelector('.bottom'); 2372 teaser.addEventListener('mouseenter', function() { 2373 if (!teaser.slidingDown && !teaser.slidingUp) { 2374 teaser.slidingDown = true; 2375 $('.teaser2020--797196 .fly-out').slideDown(function() { 2376 teaser.slidingDown = false; 2377 }); 2378 } 2379 }); 2380 teaser.addEventListener('mouseleave', function() { 2381 if (!teaser.slidingUp) { 2382 teaser.slidingUp = true; 2383 $('.teaser2020--797196 .fly-out').slideUp(function() { 2384 teaser.slidingUp = false; 2385 }); 2386 } 2387 }); 2388 })(); 2389 </script>
2389</div><div id="c812645" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/planung/serviceangebote/epd-finder" target="_self" class="teaser2020 teaser2020--hover teaser2020--812645"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/images/26_Gesamt/26_08_EPD-Finder/EPD-Download.png" alt="EPD-Finder" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">EPD-Finder</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2389<script> 2390 (function() { 2391 var teaser = document.querySelector('.teaser2020--812645'); 2392 if (!teaser) return; 2393 var bottom = teaser.querySelector('.bottom'); 2394 teaser.addEventListener('mouseenter', function() { 2395 if (!teaser.slidingDown && !teaser.slidingUp) { 2396 teaser.slidingDown = true; 2397 $('.teaser2020--812645 .fly-out').slideDown(function() { 2398 teaser.slidingDown = false; 2399 }); 2400 } 2401 }); 2402 teaser.addEventListener('mouseleave', function() { 2403 if (!teaser.slidingUp) { 2404 teaser.slidingUp = true; 2405 $('.teaser2020--812645 .fly-out').slideUp(function() { 2406 teaser.slidingUp = false; 2407 }); 2408 } 2409 }); 2410 })(); 2411 </script>
2411</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797194" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/planung/serviceangebote/bim-objekte" target="_self" class="teaser2020 teaser2020--hover teaser2020--797194"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/planung/450_Bim_objekte.jpg" alt="BIM-Objekte" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">BIM-Objekte</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2411<script> 2412 (function() { 2413 var teaser = document.querySelector('.teaser2020--797194'); 2414 if (!teaser) return; 2415 var bottom = teaser.querySelector('.bottom'); 2416 teaser.addEventListener('mouseenter', function() { 2417 if (!teaser.slidingDown && !teaser.slidingUp) { 2418 teaser.slidingDown = true; 2419 $('.teaser2020--797194 .fly-out').slideDown(function() { 2420 teaser.slidingDown = false; 2421 }); 2422 } 2423 }); 2424 teaser.addEventListener('mouseleave', function() { 2425 if (!teaser.slidingUp) { 2426 teaser.slidingUp = true; 2427 $('.teaser2020--797194 .fly-out').slideUp(function() { 2428 teaser.slidingUp = false; 2429 }); 2430 } 2431 }); 2432 })(); 2433 </script>
2433</div><div id="c797191" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/planung/serviceangebote/objektservice" target="_self" class="teaser2020 teaser2020--hover teaser2020--797191"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/PLanung/030226_planer_objektberatung_450_299.jpg" alt="Objektservice" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Objektservice</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2433<script> 2434 (function() { 2435 var teaser = document.querySelector('.teaser2020--797191'); 2436 if (!teaser) return; 2437 var bottom = teaser.querySelector('.bottom'); 2438 teaser.addEventListener('mouseenter', function() { 2439 if (!teaser.slidingDown && !teaser.slidingUp) { 2440 teaser.slidingDown = true; 2441 $('.teaser2020--797191 .fly-out').slideDown(function() { 2442 teaser.slidingDown = false; 2443 }); 2444 } 2445 }); 2446 teaser.addEventListener('mouseleave', function() { 2447 if (!teaser.slidingUp) { 2448 teaser.slidingUp = true; 2449 $('.teaser2020--797191 .fly-out').slideUp(function() { 2450 teaser.slidingUp = false; 2451 }); 2452 } 2453 }); 2454 })(); 2455 </script>
2455</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 " style="min-height:"><div class=""><div id="c797212" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/produkte/waermedaemmung/wdvs-planungsatlas" target="_self" class="teaser2020 teaser2020--hover teaser2020--797212"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/planung/450_wdvs_planungsatlas_teaser-B.jpg" alt="WDVS-Planungsatlas" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">WDVS-Planungsatlas</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2455<script> 2456 (function() { 2457 var teaser = document.querySelector('.teaser2020--797212'); 2458 if (!teaser) return; 2459 var bottom = teaser.querySelector('.bottom'); 2460 teaser.addEventListener('mouseenter', function() { 2461 if (!teaser.slidingDown && !teaser.slidingUp) { 2462 teaser.slidingDown = true; 2463 $('.teaser2020--797212 .fly-out').slideDown(function() { 2464 teaser.slidingDown = false; 2465 }); 2466 } 2467 }); 2468 teaser.addEventListener('mouseleave', function() { 2469 if (!teaser.slidingUp) { 2470 teaser.slidingUp = true; 2471 $('.teaser2020--797212 .fly-out').slideUp(function() { 2472 teaser.slidingUp = false; 2473 }); 2474 } 2475 }); 2476 })(); 2477 </script>
2477</div><div id="c797211" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/nachhaltigkeit/co2-footprint" target="_self" class="teaser2020 teaser2020--hover teaser2020--797211"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/Planer_Caparol_Footprint.jpg" alt="CO<sub>2</sub>-Footprint-Beratung" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">CO<sub>2</sub>-Footprint-Beratung</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2477<script> 2478 (function() { 2479 var teaser = document.querySelector('.teaser2020--797211'); 2480 if (!teaser) return; 2481 var bottom = teaser.querySelector('.bottom'); 2482 teaser.addEventListener('mouseenter', function() { 2483 if (!teaser.slidingDown && !teaser.slidingUp) { 2484 teaser.slidingDown = true; 2485 $('.teaser2020--797211 .fly-out').slideDown(function() { 2486 teaser.slidingDown = false; 2487 }); 2488 } 2489 }); 2490 teaser.addEventListener('mouseleave', function() { 2491 if (!teaser.slidingUp) { 2492 teaser.slidingUp = true; 2493 $('.teaser2020--797211 .fly-out').slideUp(function() { 2494 teaser.slidingUp = false; 2495 }); 2496 } 2497 }); 2498 })(); 2499 </script>
2499</div></div></div><div class="col-md-3 col-sm-6 col-xs-12 last-col" style="min-height:"><div class=""><div id="c797195" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/produkte/waermedaemmung/rund-ums-fenster" target="_self" class="teaser2020 teaser2020--hover teaser2020--797195"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/planung/450_planungsstudio_caparol_rund-ums-fenster.jpg" alt="Rund ums Fenster" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Rund ums Fenster</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2499<script> 2500 (function() { 2501 var teaser = document.querySelector('.teaser2020--797195'); 2502 if (!teaser) return; 2503 var bottom = teaser.querySelector('.bottom'); 2504 teaser.addEventListener('mouseenter', function() { 2505 if (!teaser.slidingDown && !teaser.slidingUp) { 2506 teaser.slidingDown = true; 2507 $('.teaser2020--797195 .fly-out').slideDown(function() { 2508 teaser.slidingDown = false; 2509 }); 2510 } 2511 }); 2512 teaser.addEventListener('mouseleave', function() { 2513 if (!teaser.slidingUp) { 2514 teaser.slidingUp = true; 2515 $('.teaser2020--797195 .fly-out').slideUp(function() { 2516 teaser.slidingUp = false; 2517 }); 2518 } 2519 }); 2520 })(); 2521 </script>
2521</div><div id="c797192" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/fassadensysteme-uebersicht" target="_self" class="teaser2020 teaser2020--hover teaser2020--797192"><div class="top"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/data_planungsstudio/Data_Planer_2026/Gestaltung/CAP-25231_ANZ_Kampagne_Erlebe-die-Power-von-Caparol_2025_Daemmung_Thumbnail.jpg" alt="Capatect Fassadensysteme" class="unveil image" /></div><div class="bottom"><div class="title-bar"><h2 class="headline">Capatect Fassadensysteme</h2><div class="link"><i class="fa fa-arrow-right"></i></div></div><div class="fly-out"><div class="teaser"></div></div></div></a>
2521<script> 2522 (function() { 2523 var teaser = document.querySelector('.teaser2020--797192'); 2524 if (!teaser) return; 2525 var bottom = teaser.querySelector('.bottom'); 2526 teaser.addEventListener('mouseenter', function() { 2527 if (!teaser.slidingDown && !teaser.slidingUp) { 2528 teaser.slidingDown = true; 2529 $('.teaser2020--797192 .fly-out').slideDown(function() { 2530 teaser.slidingDown = false; 2531 }); 2532 } 2533 }); 2534 teaser.addEventListener('mouseleave', function() { 2535 if (!teaser.slidingUp) { 2536 teaser.slidingUp = true; 2537 $('.teaser2020--797192 .fly-out').slideUp(function() { 2538 teaser.slidingUp = false; 2539 }); 2540 } 2541 }); 2542 })(); 2543 </script>
2543</div></div></div></div></div></div></div></div></div> 2544 2545 2546 </div> 2547 </div> 2548 </div> 2549 </div> 2550 2551 2552 2553 <div id="r797174" class="container-fluid csc-frame-default"> 2554 <div class="row"> 2555 2556<div id="c797174" class="frame frame-default frame-type-shortcut frame-layout-58 frame-space-before-50px"><div id="c791109" class="frame frame-default frame-type-themecaparol_teaserbox frame-layout-58"><div class="teaserbox beton-1 2557 invert 2558 2559 width-80"><div class="teaserbox-inner"><div class="teaser-col-left"><div class="headline-wrapper"><h2 class="font-m">Kontakt und Beratung</h2><h2 class="textoverlay font-m">Kontakt und Beratung</h2></div><h2 class="content font-m">Kontakt und Beratung</h2><div class="description"><p>Seit Jahrzehnten steht Caparol an der Seite von Architekten und Planern â mit nachhaltigen Systemlösungen, fundierter Beratung und einem umfassenden Serviceportfolio. Unser Ziel ist es, Sie ganzheitlich und gewerkeübergreifend in jeder Phase Ihres Projekts zu unterstützen. Haben Sie ein konkretes Anliegen? Kontaktieren Sie unseren AuÃendienst â gemeinsam finden wir die beste Lösung und erschaffen, was möglich ist.</p></div><p> </p><div class="content-top visible-xs visible-sm"><div id="c791110" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/kontaktformular-fds" target="_self" class="teaser2020 teaser2020--icon"><div class="left"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/user_upload/envelope-solid.svg" alt="Kontaktformular" class="unveil image" /></div><div class="right"><h3 class="headline">Kontaktformular</h3><div class="link" pageUid="t3://page?uid=81777"><div class="teaser">Sprechen Sie uns direkt an</div><i class="fa fa-arrow-right"></i></div></div></a></div></div></div><div class="teaser-col-right "><div class="wow fadeIn"><div class="content-bottom hidden-xs hidden-sm"><div id="c791110" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0"><a href="/architekt-und-planer/kontaktformular-fds" target="_self" class="teaser2020 teaser2020--icon"><div class="left"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/user_upload/envelope-solid.svg" alt="Kontaktformular" class="unveil image" /></div><div class="right"><h3 class="headline">Kontaktformular</h3><div class="link" pageUid="t3://page?uid=81777"><div class="teaser">Sprechen Sie uns direkt an</div><i class="fa fa-arrow-right"></i></div></div></a></div></div></div></div></div></div></div></div> 2560 2561 2562 </div> 2563 </div> 2564 2565 2566 2567 <div id="r797173" class="container csc-frame-default"> 2568 <div class="row"> 2569 <div class="col-xs-12"> 2570 2571<div id="c797173" class="frame frame-default frame-type-themecaparol_twocolstextimage frame-layout-0 frame-space-before-30px"><div id="col797173" class="colwrapper "><div class="col__left--image"><div class="row fluid-2-cols"><div class="container"><div class="col-md-6 col-sm-12 col-xs-12 col__left" style="margin: auto 0 auto 0;padding: 0;"><img class="img-responsive" src="/fileadmin/data/data_planungsstudio/images/caparol/22-06_Update-Nachhaltigkeit/2206_Update_Nachhaltigkeit_Bildebene_Mobile.jpg" width="730" height="360" alt="" /></div><div class="col-md-6 col-sm-12 col-xs-12 col__right"><h2>Erschaffen, was möglich ist â mit Verantwortung</h2><p>Als familiengeführtes Traditionsunternehmen ist Nachhaltigkeit ein wesentlicher Bestandteil unserer Philosophie. Unser Denken und Handeln â ebenso wie unsere Produkte und Lösungen â sind darauf ausgerichtet, Klima sowie Ressourcen dauerhaft zu schützen und gesundes Wohnen zu fördern. Erfahren Sie mehr über unser Nachhaltigkeitsverständnis!</p><p><a href="/architekt-und-planer/nachhaltigkeit" target="_self" class="button button-link">Nachhaltigkeit bei Caparol</a></p></div></div></div></div></div></div> 2572 2573 2574 </div> 2575 </div> 2576 </div> 2577 2578 2579 2580 </section> 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 <div class="servicebar"> 2595 <ul> 2596 <li> 2597 <a href="https://www.caparol.de/architekt-und-planer/kontaktformular?subject=Erschaffen%2C%20was%20m%C3%B6glich%20ist" target="_blank"> 2598 <img src="/typo3conf/ext/theme_caparol/Resources/Public/
2598Images/icon-product-contact.png" class="icon"> 2599 <div> 2600 <h3>Sie haben Fragen?<br /><b>Kontaktieren Sie uns.</b></h3> 2601 </div> 2602 </a> 2603 </li> 2604 </ul> 2605 </div> 2606 2607 <!--TYPO3SEARCH_end--> 2608</main> 2609 2610<footer> 2611 2612 2613 <section class="footer-section" > 2614 <div class="container"> 2615 2616 2617 <div class="fluid-5-cols row-footer"> 2618 2619 2620 <div class="col col-1"> 2621 <div class="row-footer"> 2622 <div class="col-footer-x"> 2623 <p class="footer-text"> 2624 Caparol für<br/> 2625 Architekt & Planer 2626 2627<div id="c681070" class="frame frame-default frame-type-html frame-layout-0"><div><p class="h3">Kontakt.</p></div></div> 2628 2629 2630 2631<div id="c681073" class="frame frame-default frame-type-text frame-layout-0 frame-space-after-30px"><p><a href="tel:+496154710" title="Ãffnet internen Link im aktuellen Fenster" class="internal-link phone">06154 71-0</a><br><a href="#" title="Ãffnet internen Link im aktuellen Fenster" class="mail" data-mailto-token="ocknvq,kphqBecrctqn0fg" data-mailto-vector="2">[email protected]</a></p></div> 2632 2633 2634 2635<div id="c681076" class="frame frame-default frame-type-themecaparol_sociallink frame-layout-0 frame-space-before-55px"><ul class="social-links list-inline "><li><a href="https://www.facebook.com/caparol" class="social-link fa fa-facebook-square" target="_blank"></a></li><li><a href="https://www.instagram.com/caparol.de/" class="social-link fa fa-instagram" target="_blank"></a></li><li><a href="https://www.youtube.com/user/CaparolTV" class="social-link fa fa-youtube-square" target="_blank"></a></li><li><a href="https://www.linkedin.com/company/caparol-de/?viewAsMember=true" class="social-link fa fa-linkedin" target="_blank"></a></li></ul></div> 2636 2637 2638 </p> 2639 </div> 2640 </div> 2641 </div> 2642 2643 2644 2645 <div class="col col-2"> 2646 <div class="row-footer"> 2647 <div class="col-footer-x"> 2648 2649<div id="c595698" class="frame frame-default frame-type-html frame-layout-0"><div><p class="h3">Newsletter</p></div></div> 2650 2651 2652 2653<div id="c595697" class="frame frame-default frame-type-text frame-layout-0"><p>Schnell informiert aus erster Hand:<br><a href="/architekt-und-planer/newsletter-anmeldung" title="Ãffnet internen Link im aktuellen Fenster" target="_self" class="internal-link more-link">Newsletter abonnieren</a></p></div> 2654 2655 2656 </div> 2657 </div> 2658 </div> 2659 2660 2661 2662 2663 <div class="col col-3"> 2664 <div class="row-footer"> 2665 <div class="col-footer-x"> 2666 2667<div id="c488080" class="frame frame-default frame-type-html frame-layout-0"><div><p class="h3">In Ihrer Nähe</p></div></div> 2668 2669 2670 2671<div id="c210051" class="frame frame-default frame-type-themecaparol_quicklinks frame-layout-0"><div id="quicklinks-210051" class="right "><ul class="list-unstyled indent"><li><a href="/service/fachhandwerkersuche" target="_self"> 2672 Fachhandwerker finden 2673 </a></li><li><a href="/service/haendlersuche" target="_self"> 2674 Fachhändler finden 2675 </a></li></ul></div></div> 2676 2677 2678 </div> 2679 </div> 2680 </div> 2681 2682 2683 2684 2685 <div class="col col-4"> 2686 <div class="row-footer"> 2687 <div class="col-footer-x"> 2688 2689<div id="c488081" class="frame frame-default frame-type-html frame-layout-0"><div><p class="h3">Caparol im Web</p></div></div> 2690 2691 2692 2693<div id="c180446" class="frame frame-default frame-type-themecaparol_quicklinks frame-layout-0"><div id="quicklinks-180446" class="right "><ul class="list-unstyled indent"><li><a href="https://colours-that-care.caparol.de/" target="_blank"> 2694 Colours That Care 2695 </a></li><li><a href="https://www.caparol-shop.de/" target="_blank" rel="noreferrer"> 2696 Caparol Shop 2697 </a></li><li><a href="https://www.caparol-club.de/" target="_blank" rel="noreferrer"> 2698 Caparol Club 2699 </a></li><li><a href="https://www.caparol-icons.de/" target="_blank" rel="noreferrer"> 2700 Caparol ICONS 2701 </a></li></ul></div></div> 2702 2703 2704 </div> 2705 </div> 2706 </div> 2707 2708 2709 2710 2711 <div class="col col-5"> 2712 <div class="row-footer"> 2713 <div class="col-footer-x"> 2714 2715<div id="c488082" class="frame frame-default frame-type-html frame-layout-0"><div><p class="h3">Leitthemen</p></div></div> 2716 2717 2718 2719<div id="c466501" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0 frame-space-after-10px"><a href="/unternehmen/leitthemen/gesundheit" target="_self" class="teaser2020 teaser2020--footer">
2719<img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/topics_menu/werte_icon_gesundheit-30.png" alt="Gesundheit" class="unveil image" /><span class="h3 headline">Gesundheit</span><i class="fa fa-arrow-right"></i></a></div> 2720 2721 2722 2723<div id="c466502" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0 frame-space-after-10px"><a href="/unternehmen/leitthemen/design" target="_self" class="teaser2020 teaser2020--footer"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/topics_menu/werte_icon_d3esign-30.png" alt="Design" class="unveil image" /><span class="h3 headline">Design</span><i class="fa fa-arrow-right"></i></a></div> 2724 2725 2726 2727<div id="c465828" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0 frame-space-after-10px"><a href="/unternehmen/leitthemen/effizienz" target="_self" class="teaser2020 teaser2020--footer"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/topics_menu/werte_icon_effizienz-30.png" alt="Effizienz" class="unveil image" /><span class="h3 headline">Effizienz</span><i class="fa fa-arrow-right"></i></a></div> 2728 2729 2730 2731<div id="c466485" class="frame frame-default frame-type-themecaparol_teaser2020 frame-layout-0 frame-space-after-10px"><a href="/unternehmen/leitthemen/nachhaltigkeit" target="_self" class="teaser2020 teaser2020--footer"><img src="/typo3conf/ext/theme_caparol/Resources/Public/Images/blank.gif" data-src="/fileadmin/data/topics_menu/werte_icon_nachhaltigkeit-30.png" alt="Nachhaltigkeit" class="unveil image" /><span class="h3 headline">Nachhaltigkeit</span><i class="fa fa-arrow-right"></i></a></div> 2732 2733 2734 </div> 2735 </div> 2736 </div> 2737 2738 </div> 2739 2740 2741 <section class="footer-navigation"> 2742 <div class="row"> 2743 2744 <div class="col-xs-12 col-md-12"> 2745 2746 <ul class="sub-links"><li class="firstItem"> 2747<a href="/" title="Home" class="firstItem" target="_blank">Home</a> 2748</li> 2749<li> 2750<a href="http://www.daw.de" title="DAW" target="_blank">DAW</a> 2751</li> 2752<li> 2753<a href="/impressumagb" title="Impressum/AGB">Impressum/AGB</a> 2754</li> 2755<li> 2756<a href="https://www.daw.de/integritaet" title="Integrität">Integrität</a> 2757</li> 2758<li class="lastItem"> 2759<a href="/datenschutz" title="Datenschutz" class="lastItem">Datenschutz</a> 2760</li></ul> 2761 </div> 2762 2763 </div> 2764 </section> 2765 2766 2767 </div> 2768 </section> 2769 <section class="footer-section-bottom" > 2770 <div class="container"> 2771 2772 <div class="bottom"> 2773 CAPAROL. The power of surface. 2774 </div> 2775 2776 </div> 2777 </section> 2778</footer>
2779<script> 2780// 2781var TYPO3 = Object.assign(TYPO3 || {}, Object.fromEntries(Object.entries({"lang":{"tx_scbwsystemaufbauheader.js.goto_top":"Zur\u00fcck zum Seitenanfang","tx_scbwsystemaufbaukontakt.js.goto_form":"Jetzt Anfrage starten"}}).filter((entry) => !['__proto__', 'prototype', 'constructor'].includes(entry[0])))); 2782// 2783</script>
vendor: 1 bytes, line 2783
2783
2784<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/jquery/jquery-3.6.1.min.js?1706168434"></script>
vendor: 1 bytes, line 2784
2784
2785<script src="/typo3conf/ext/rsn_imagebuilder/Resources/Public/rsn_imagebuilder.js?1706168433"></script>
vendor: 1 bytes, line 2785
2785
2786<script src="/typo3conf/ext/rx_shariff/Resources/Public/JavaScript/shariff.min.js?1743063751"></script>
vendor: 1 bytes, line 2786
2786
2787<script src="/typo3conf/ext/focuspoint/Resources/Public/jquery-focuspoint-2015-08-31/js/jquery.focuspoint.min.js?1672251947"></script>
vendor: 1 bytes, line 2787
2787
2788<script src="/typo3conf/ext/daw_diwtfinder/Resources/Public/JavaScript/daw_diwtfinder.js?1706168433"></script>
vendor: 1 bytes, line 2788
2788
2789<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/bootstrap/bootstrap.js?1706168434"></script>
vendor: 1 bytes, line 2789
2789
2790<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/Libraries/modernizr.js?1706168434"></script>
vendor: 1 bytes, line 2790
2790
2791<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/jquery/jquery-migrate-3.4.0.min.js?1706168434"></script>
vendor: 1 bytes, line 2791
2791
2792<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/Libraries/picturefill_2.3.1.min.js?1706168434"></script>
vendor: 1 bytes, line 2792
2792
2793<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/ieRedir.js?1706168434"></script>
vendor: 1 bytes, line 2793
2793
2794<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/Libraries/jquery.unveil.js?1706168434"></script>
vendor: 1 bytes, line 2794
2794
2795<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/plugins.js?1706168434"></script>
vendor: 1 bytes, line 2795
2795
2796<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/jquery.bcSwipe.js?1706168434"></script>
vendor: 1 bytes, line 2796
2796
2797<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/velocity.min.js?1706168434"></script>
vendor: 1 bytes, line 2797
2797
2798<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/responsive-tabs.js?1713522726"></script>
vendor: 1 bytes, line 2798
2798
2799<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/navigation_menu.js?1790241285"></script>
vendor: 1 bytes, line 2799
2799
2800<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/jquery.validationEngine.js?1706168434"></script>
vendor: 1 bytes, line 2800
2800
2801<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/Libraries/jquery.invertImages.js?1706168434"></script>
vendor: 1 bytes, line 2801
2801
2802<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/selectize.min.js?1706168434"></script>
vendor: 1 bytes, line 2802
2802
2803<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/Libraries/jquery.fancybox.min.js?1706168434"></script>
vendor: 1 bytes, line 2803
2803
2804<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/main.js?1789111195"></script>
vendor: 1 bytes, line 2804
2804
2805<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/tracking.js?1723623883"></script>
vendor: 1 bytes, line 2805
2805
2806<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/wdvs-shorturl-tabs.js?1789111195"></script>
vendor: 1 bytes, line 2806
2806
2807<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/cookiebotexclude.js?1706168434"></script>
vendor: 1 bytes, line 2807
2807
2808<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Global/mapsConsent.js?1773330305"></script>
vendor: 1 bytes, line 2808
2808
2809<script src="/typo3conf/ext/walloffame/Resources/Public/JavaScript/walloffame.js?1723623883"></script>
vendor: 1 bytes, line 2809
2809
2810<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/main_de.js?1724406262"></script>
vendor: 1 bytes, line 2810
2810
2811<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/geolocation.js?1789111195"></script>
vendor: 1 bytes, line 2811
2811
2812<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/group-query-popup.js?1789111195"></script>
vendor: 1 bytes, line 2812
2812
2813<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/anniversary-celebration-popup.js?1774964077"></script>
vendor: 1 bytes, line 2813
2813
2814<script src="/typo3conf/ext/theme_caparol/Resources/Public/JavaScript/Relaunch2022/synthesa-popup.js?1789111195"></script>
vendor: 1 bytes, line 2814
2814
2815<script src="/typo3conf/ext/scbw_systemaufbau_faktencheck/Resources/Public/JavaScript/plugin.js?1773330305"></script>
vendor: 1 bytes, line 2815
2815
2816<script src="/typo3conf/ext/scbw_systemaufbau_header/Resources/Public/JavaScript/plugin.js?1789111195"></script>
vendor: 1 bytes, line 2816
2816
2817<script src="/typo3conf/ext/scbw_systemaufbau_highlight/Resources/Public/JavaScript/gsap.min.js?1773330305"></script>
vendor: 1 bytes, line 2817
2817
2818<script src="/typo3conf/ext/scbw_systemaufbau_highlight/Resources/Public/JavaScript/ScrollTrigger.min.js?1773330305"></script>
vendor: 1 bytes, line 2818
2818
2819<script src="/typo3conf/ext/scbw_systemaufbau_highlight/Resources/Public/JavaScript/plugin.js?1773330305"></script>
vendor: 1 bytes, line 2819
2819
2820<script src="/typo3conf/ext/scbw_systemaufbau_hotspot_ar/Resources/Public/Javascript/model-viewer.min.js?1773330305" type="module"></script>
vendor: 1 bytes, line 2820
2820
2821<script src="/typo3conf/ext/scbw_systemaufbau_hotspot_ar/Resources/Public/Javascript/plugin.js?1773330305"></script>
vendor: 1 bytes, line 2821
2821
2822<script src="/typo3conf/ext/scbw_systemaufbau_overview/Resources/Public/JavaScript/tcrs-binding-labels.min.js?1773330305"></script>
vendor: 1 bytes, line 2822
2822
2823<script src="/typo3conf/ext/scbw_systemaufbau_overview/Resources/Public/JavaScript/toolcool-range-slider.min.js?1773330305"></script>
vendor: 1 bytes, line 2823
2823
2824<script src="/typo3conf/ext/scbw_systemaufbau_overview/Resources/Public/JavaScript/mixitup.min.js?1773330305"></script>
vendor: 1 bytes, line 2824
2824
2825<script src="/typo3conf/ext/scbw_systemaufbau_overview/Resources/Public/JavaScript/lottie_svg.min.js?1773330305"></script>
vendor: 1 bytes, line 2825
2825
2826<script src="/typo3conf/ext/scbw_systemaufbau_overview/Resources/Public/JavaScript/plugin.js?1789111195"></script>
vendor: 1 bytes, line 2826
2826
2827<script src="/typo3conf/ext/scbw_systemaufbau_table/Resources/Public/JavaScript/plugin.js?1773330305"></script>
vendor: 1 bytes, line 2827
2827
2828<script src="/typo3conf/ext/scbw_systemaufbau_kontakt/Resources/Public/JavaScript/plugin.js?1789111195"></script>
vendor: 1 bytes, line 2828
2828
2829<script src="/typo3conf/ext/scbw_systemaufbau_downloads/Resources/Public/JavaScript/plugin.js?1773330305"></script>
vendor: 1 bytes, line 2829
2829
2830<script src="/typo3temp/assets/js/e80e12d2a28ac0a07ea47dd9f146fef7.js?1695369385"></script>
vendor: 1 bytes, line 2830
2830
2831<script async="async" src="/typo3temp/assets/js/cfd16b174d7f7b046e20adbc2e0a1094.js?1695369394"></script>
2831 2832 2833 2834
2835<script type="text/javascript"> 2836 (function () { 2837 function handlePlaybackEvents(vid, tit) { 2838 const dur = vid.duration 2839 const quarter = dur / 4 2840 const checkpoints = [ 2841 { pos: quarter, label: '25% video progress'}, 2842 { pos: quarter * 2, label: '50% video progress' }, 2843 { pos: quarter * 3, label: '75% video progress' }, 2844 // handled like this instead of `ended` for looping videos 2845 { pos: dur - .2, label: '100% video progress' } 2846 ] 2847 2848 vid.addEventListener('timeupdate', function() { 2849 const cur = vid.currentTime.toFixed(1) 2850 const nextCheckpoint = checkpoints.find(el => !el.passed) 2851 if (nextCheckpoint && nextCheckpoint.pos <= cur) { 2852 const l = nextCheckpoint.label 2853 nextCheckpoint.passed = true 2854 if (typeof ga === 'undefined') return 2855 } 2856 }) 2857 2858 vid.addEventListener('pause', function() { 2859 if (typeof ga === 'undefined') return 2860 }) 2861 2862 vid.addEventListener('play', function() { 2863 if (typeof ga === 'undefined') return 2864 }) 2865 } 2866 2867 window.addEventListener('load', function() { 2868 var videoId = document.getElementById('video-d8f8b379856846ad'); 2869 var videoTitle = 'video-d8f8b379856846ad'; 2870 2871 handlePlaybackEvents(videoId, videoTitle) 2872 }) 2873 })(); 2874 </script>
vendor: 1 bytes, line 2874
2874
2875<script type="text/javascript"> 2876 !function ($) { 2877 2878 "use strict"; 2879 2880 // TABCOLLAPSE CLASS DEFINITION 2881 // ====================== 2882 2883 var TabCollapse = function (el, options) { 2884 this.options = options; 2885 this.$tabs = $(el); 2886 2887 this._accordionVisible = false; //content is attached to tabs at first 2888 this._initAccordion(); 2889 this._checkStateOnResize(); 2890 2891 // checkState() has gone to setTimeout for making it possible to attach listeners to 2892 // shown-accordion.bs.tabcollapse event on page load. 2893 // See https://github.com/flatlogic/bootstrap-tabcollapse/issues/23 2894 var that = this; 2895 setTimeout(function() { 2896 that.checkState(); 2897 }, 0); 2898 }; 2899 2900 TabCollapse.DEFAULTS = { 2901 accordionClass: 'container visible-xs', 2902 tabsClass: 'hidden-xs', 2903 accordionTemplate: function(heading, groupId, parentId, active) { 2904 return '<div class="panel panel-default">' + 2905 ' <div class="panel-heading">' + 2906 ' <h4 class="panel-title">' + 2907 ' </h4>' + 2908 ' </div>' + 2909 ' <div id="' + groupId + '" class="panel-collapse collapse ' + (active ? 'in' : '') + '">' + 2910 ' <div class="panel-body js-tabcollapse-panel-body">' + 2911 ' </div>' + 2912 ' </div>' + 2913 '</div>' 2914 } 2915 }; 2916 2917 TabCollapse.prototype.checkState = function(){ 2918 if (this.$tabs.is(':visible') && this._accordionVisible){ 2919 this.showTabs(); 2920 this._accordionVisible = false; 2921 } else if (this.$accordion.is(':visible') && !this._accordionVisible){ 2922 this.showAccordion(); 2923 this._accordionVisible = true; 2924 } 2925 }; 2926 2927 TabCollapse.prototype.showTabs = function(){ 2928 var view = this; 2929 this.$tabs.trigger($.Event('show-tabs.bs.tabcollapse')); 2930 2931 var $panelHeadings = this.$accordion.find('.js-tabcollapse-panel-heading').detach(); 2932 2933 $panelHeadings.each(function() { 2934 var $panelHeading = $(this), 2935 $parentLi = $panelHeading.data('bs.tabcollapse.parentLi'); 2936 2937 var $oldHeading = view._panelHeadingToTabHeading($panelHeading); 2938 2939 $parentLi.removeClass('active'); 2940 if ($parentLi.parent().hasClass('dropdown-menu') && !$parentLi.siblings('li').hasClass('active')) { 2941 $parentLi.parent().parent().removeClass('active'); 2942 } 2943 2944 if (!$oldHeading.hasClass('collapsed')) { 2945 $parentLi.addClass('active'); 2946 if ($parentLi.parent().hasClass('dropdown-menu')) { 2947 $parentLi.parent().parent().addClass('active'); 2948 } 2949 } else { 2950 $oldHeading.removeClass('collapsed'); 2951 } 2952 $parentLi.append($panelHeading); 2953 }); 2954 2955 if (!$('li').hasClass('active')) { 2956 $('li').first().addClass('active') 2957 } 2958 2959 var $panelBodies = this.$accordion.find('.js-tabcollapse-panel-body'); 2960 $panelBodies.each(function(){ 2961 var $panelBody = $(this), 2962 $tabPane = $panelBody.data('bs.tabcollapse.tabpane'); 2963 $tabPane.append($panelBody.contents().detach()); 2964 }); 2965 this.$accordion.html(''); 2966 2967 if(this.options.updateLinks) { 2968 var $tabContents = this.getTabContentElement(); 2969 $tabContents.find('[data-toggle-was="tab"], [data-toggle-was="pill"]').each(function() { 2970 var $el = $(this); 2971 var href = $el.attr('href').replace(/-collapse$/g, ''); 2972 $el.attr({ 2973 'data-toggle': $el.attr('data-toggle-was'), 2974 'data-toggle-was': '', 2975 'data-parent': '', 2976 href: href 2977 }); 2978 }); 2979 } 2980 2981 this.$tabs.trigger($.Event('shown-tabs.bs.tabcollapse')); 2982 }; 2983 2984 TabCollapse.prototype.getTabContentElement = function(){ 2985 var $tabContents = $(this.options.tabContentSelector); 2986 if($tabContents.length === 0) { 2987 $tabContents = this.$tabs.siblings('.tab-content'); 2988 } 2989 return $tabContents; 2990 }; 2991 2992 TabCollapse.prototype.showAccordion = function(){ 2993 this.$tabs.trigger($.Event('show-accordion.bs.tabcollapse')); 2994 2995 var $headings = this.$tabs.find('li:not(.dropdown) [data-toggle="tab"], li:not(.dropdown) [data-toggle="pill"]'), 2996 view = this; 2997 $headings.each(function(){ 2998 var $heading = $(this), 2999 $parentLi = $heading.parent(); 3000 $heading.data('bs.tabcollapse.parentLi', $parentLi); 3001 view.$accordion.append(view._createAccordionGroup(view.$accordion.attr('id'), $heading.detach())); 3002 }); 3003 3004 if(this.options.updateLinks) { 3005 var parentId = this.$accordion.attr('id'); 3006 var $selector = this.$accordion.find('.js-tabcollapse-panel-body'); 3007 $selector.find('[data-toggle="tab"], [data-toggle="pill"]').each(function() { 3008 var $el = $(this); 3009 var href = $el.attr('href') + '-collapse'; 3010 $el.attr({ 3011 'data-toggle-was': $el.attr('data-toggle'), 3012 'data-toggle': 'collapse', 3013 'data-parent': '#' + parentId, 3014 href: href 3015 }); 3016 }); 3017 } 3018 3019 this.$tabs.trigger($.Event('shown-accordion.bs.tabcollapse')); 3020 }; 3021 3022 TabCollapse.prototype._panelHeadingToTabHeading = function($heading) { 3023 var href = $heading.attr('href').replace(/-collapse$/g, ''); 3024 $heading.attr({ 3025 'data-toggle': 'tab', 3026 'href': href, 3027 'data-parent': '' 3028 }); 3029 return $heading; 3030 }; 3031 3032 TabCollapse.prototype._tabHeadingToPanelHeading = function($heading, groupId, parentId, active) { 3033 $heading.addClass('js-tabcollapse-panel-heading ' + (active ? '' : 'collapsed')); 3034 $heading.attr({ 3035 'data-toggle': 'collapse', 3036 'data-parent': '#' + parentId, 3037 'href': '#' + groupId 3038 }); 3039 return $heading; 3040 }; 3041 3042 TabCollapse.prototype._checkStateOnResize = function(){ 3043 var view = this; 3044 $(window).resize(function(){ 3045 clearTimeout(view._resizeTimeout); 3046 view._resizeTimeout = setTimeout(function(){ 3047 view.checkState(); 3048 }, 100); 3049 }); 3050 }; 3051 3052 3053 TabCollapse.prototype._initAccordion = function(){ 3054 var randomString = function() { 3055 var result = "", 3056 possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; 3057 for( var i=0; i < 5; i++ ) { 3058 result += possible.charAt(Math.floor(Math.random() * possible.length)); 3059 } 3060 return result; 3061 }; 3062 3063 var srcId = this.$tabs.attr('id'), 3064 accordionId = (srcId ? srcId : randomString()) + '-accordion'; 3065 3066 this.$accordion = $('<div class="panel-group ' + this.options.accordionClass + '" id="' + accordionId +'"></div>'); 3067 this.$tabs.after(this.$accordion); 3068 this.$tabs.addClass(this.options.tabsClass); 3069 this.getTabContentElement().addClass(this.options.tabsClass); 3070 }; 3071 3072 TabCollapse.prototype._createAccordionGroup = function(parentId, $heading){ 3073 var tabSelector = $heading.attr('data-target'), 3074 active = $heading.data('bs.tabcollapse.parentLi').is('.active'); 3075 3076 if (!tabSelector) { 3077 tabSelector = $heading.attr('href'); 3078 tabSelector = tabSelector && tabSelector.replace(/.*(?=#[^\s]*$)/, ''); //strip for ie7 3079 } 3080 3081 var $tabPane = $(tabSelector), 3082 groupId = $tabPane.attr('id') + '-collapse', 3083 $panel = $(this.options.accordionTemplate($heading, groupId, parentId, active)); 3084 $panel.find('.panel-heading > .panel-title').append(this._tabHeadingToPanelHeading($heading, groupId, parentId, active)); 3085 $panel.find('.panel-body').append($tabPane.contents().detach()) 3086 .data('bs.tabcollapse.tabpane', $tabPane); 3087 3088 return $panel; 3089 }; 3090 3091 3092 3093 // TABCOLLAPSE PLUGIN DEFINITION 3094 // ======================= 3095 3096 $.fn.tabCollapse = function (option) { 3097 return this.each(function () { 3098 var $this = $(this); 3099 var data = $this.data('bs.tabcollapse'); 3100 var options = $.extend({}, TabCollapse.DEFAULTS, $this.data(), typeof option === 'object' && option); 3101 3102 if (!data) $this.data('bs.tabcollapse', new TabCollapse(this, options)); 3103 }); 3104 }; 3105 3106 $.fn.tabCollapse.Constructor = TabCollapse; 3107 3108 }(window.jQuery); 3109 3110 </script>
vendor: 1 bytes, line 3110
3110
3111<script type="text/javascript"> 3112 $('#tabaccordion-797175').tabCollapse({ 3113 tabsClass: 'hidden-sm hidden-xs', 3114 accordionClass: 'visible-sm visible-xs' 3115 }); 3116 </script>
3116</body> 3117</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.