<footer class="footer">
<div class="footer__wrapper">
<section class="footer__section footer__section--contact">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a class="link image image--brand" href="javascript:void(0)"
><img class="image__file" src="/styleguide/branding/kampmann-wort-bild-marke-light.svg"
/></a>
</div>
<ul class="social-media col-auto">
<li class="social-media__element social-media__element--youtube">
<a class="link image--social-media" href="javascript:void(0)"
><img class="image__file" src="/src/assets/images/icons/kampmann-social-media-youtube.svg"
/></a>
</li>
<li class="social-media__element social-media__element--instagram">
<a class="link image--social-media" href="javascript:void(0)"
><img class="image__file" src="/src/assets/images/icons/kampmann-social-media-instagram.svg"
/></a>
</li>
<li class="social-media__element social-media__element--linkedin">
<a class="link image--social-media" href="javascript:void(0)"
><img class="image__file" src="/src/assets/images/icons/kampmann-social-media-linkedin.svg"
/></a>
</li>
<li class="social-media__element social-media__element--xing">
<a class="link image--social-media" href="javascript:void(0)"
><img class="image__file" src="/src/assets/images/icons/kampmann-social-media-xing.svg"
/></a>
</li>
<li class="social-media__element social-media__element--facebook">
<a class="link image--social-media" href="javascript:void(0)"
><img class="image__file" src="/src/assets/images/icons/kampmann-social-media-facebook.svg"
/></a>
</li>
</ul>
</div>
</div>
</section>
<section class="footer__section footer__section--sitemap">
<div class="container">
<div class="sitemap row">
<div class="sitemap__element col-12 col-lg mb-5">
<h3 class="headline headline--h3">Produkte</h3>
<ul class="link-list" style="--columns: 2">
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Unterflurkonvektoren</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Lufterhitzer</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Fan Coils</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">RLT-Geräte</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Luftdurchlässe</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Luftschleier</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Konvektoren</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Dezenrale Lüftungsgeräte</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kaltwassererzeuger/ Wärmepumpen</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Deckenstrahlplatten</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kühlbalken</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kühldeckensysteme</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Schwerkraftkühlung</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Klappen/Regler</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Design Roste</a>
</li>
</ul>
</div>
<div class="divider d-none d-lg-block col-1 mb-5"></div>
<div class="sitemap__element col-12 col-lg mb-5">
<h3 class="headline headline--h3">Einsatzbereiche</h3>
<ul class="link-list" style="--columns: 2">
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Bürogebäude</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Gewerbe- und Industriegebäude</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Hotel und Serviced Apartment</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Handelskette und Verkäufsgebäude</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Multifunktions- und Sporthalle</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kita und Schule</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Bahnhof und Flughafen</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Großküchen</a>
</li>
<li class="link-list__element"><a class="link-list__link link" href="javascript:void(0)">Medizin</a></li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Historische Gebäude</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Spa und Bad</a>
</li>
<li class="link-list__element"><a class="link-list__link link" href="javascript:void(0)">Wohnraum</a></li>
</ul>
</div>
<div class="col-12"></div>
<div class="sitemap__wrapper col-12 col-lg">
<div class="row">
<div class="sitemap__element col-12 col-md-6 mb-5 mb-lg-0">
<h3 class="headline headline--h3">Unternehmen</h3>
<ul class="link-list">
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Die Kampmann Gruppe</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Genau mein Klima</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Forschung und Entwicklung</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Nachhaltigkeit und Qualität</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kampmann Heute</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Presse</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Karriere</a>
</li>
</ul>
</div>
<div class="sitemap__element col-12 col-md-6 mb-5 mb-lg-0">
<h3 class="headline headline--h3">Services</h3>
<ul class="link-list">
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kampus</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Projektunterstützung</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kundendienst</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Tools</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Ersatzteilshop</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Einbauservice</a>
</li>
<li class="link-list__element">
<a class="link-list__link link" href="javascript:void(0)">Kontakt</a>
</li>
</ul>
</div>
</div>
</div>
<div class="divider d-none d-lg-block col-1"></div>
<div class="sitemap__element col-12 col-md">
<div class="cta cta--contact row mb-4">
<h3 class="headline headline--h3 col-12">Kontakt</h3>
<div class="col-12 col-sm col-lg-12 col-xl mb-2 mb-sm-0 mb-lg-2 mb-xl-0 d-flex flex-column">
<a class="btn btn--outline justify-content-start" href="tel: +49 591 7108-0">
<div class="btn__icon btn__icon--before">
<svg
width="27px"
height="27px"
viewBox="0 0 27 27"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g
id="Footer-Links"
transform="translate(-780.000000, -459.000000)"
fill="currentColor"
fill-rule="nonzero"
>
<g id="Kontakt-Copy" transform="translate(764.000000, 396.000000)">
<g id="Tel" transform="translate(0.000000, 52.000000)">
<g id="Icon/Tel" transform="translate(16.772141, 11.631797)">
<path
d="M6.78885553,5.40336675 L6.75961883,5.43437942 L5.75916494,6.42605383 C4.70070625,7.40435462 4.46017101,8.97629393 5.17832596,10.2219368 L5.19081461,10.2425146 C7.85493106,14.4176312 11.4208788,17.9538627 15.6310804,20.5957782 L15.6519969,20.6082567 L15.7120277,20.6414088 C16.9576389,21.3117479 18.5070304,21.0649874 19.4781915,20.0335972 L20.4794656,19.0408132 L20.4666532,19.0528837 C21.3704636,18.2414238 21.4433327,16.858306 20.6297133,15.9578657 L20.6093584,15.9365434 L18.9344016,14.2755446 L18.9125147,14.2550171 L18.8667348,14.2155009 C17.9740333,13.4656425 16.6446863,13.5345795 15.8357228,14.3726825 L15.8048487,14.4053353 L15.5369915,14.6704088 L15.516038,14.6532693 C14.0097796,13.4113034 12.6172325,12.0399205 11.3545742,10.5551802 L11.1661932,10.3316221 L11.4344211,10.0667324 L11.421691,10.0785595 C12.3240855,9.26740839 12.3975255,7.88620864 11.5861555,6.98544697 L11.5648702,6.96313709 L9.88883213,5.30428293 L9.86759264,5.28436825 C8.97467142,4.49136425 7.61135271,4.54865553 6.78885553,5.40336675 Z M9.13807904,6.07629119 L10.7884127,7.70974707 L10.7797209,7.69979472 C11.1849112,8.14962631 11.1592825,8.83338583 10.7293515,9.25237275 L10.6769522,9.30153796 L10.0562774,9.9148958 C9.86052229,10.1083433 9.84339053,10.4170471 10.0165573,10.6306284 C11.562953,12.5379293 13.3121551,14.274381 15.2338554,15.8098962 C15.4487976,15.9816436 15.7596905,15.9652438 15.9550462,15.7718529 L16.5768023,15.1563504 L16.6272681,15.1035362 C17.0387604,14.6885353 17.7034799,14.6540644 18.1563769,15.0242399 L18.1836796,15.0476147 L19.8321596,16.6823574 L19.8243983,16.6734545 C20.2305231,17.1229166 20.2052123,17.8072878 19.7748239,18.226273 L19.7214834,18.2763105 L18.7007221,19.2885654 L18.6599998,19.3306115 C18.0147908,19.978695 17.0336973,20.1262625 16.2388381,19.7048414 L16.1970879,19.6819897 L16.0325016,19.5779286 C12.0933288,17.0707286 8.74548648,13.7507849 6.21721757,9.84443855 L6.11157138,9.68015148 L6.11704863,9.68971419 C5.65756611,8.89273976 5.79894495,7.89125827 6.45475978,7.25007437 L6.50989099,7.19758177 L7.53065224,6.18639917 L7.54960004,6.16664965 C7.95747123,5.719277 8.64604265,5.67262135 9.11089913,6.05305792 L9.13807904,6.07629119 Z"
id="Path"
></path>
<path
d="M6.92761456,1.48451232 C12.2055126,-1.27366409 18.6998346,-0.107571091 22.6674152,4.31068439 C26.6349959,8.72893988 27.0533236,15.2606999 23.6812848,20.1412209 C23.5125127,20.3854932 23.1760099,20.4478384 22.9296848,20.2804727 C22.6833597,20.113107 22.6204906,19.7794084 22.7892628,19.535136 C25.8802983,15.0613252 25.4968312,9.07387847 21.8598823,5.02381095 C18.2229334,0.973743418 12.2698049,-0.0951751656 7.43173169,2.43315321 C2.59365848,4.96148159 0.117492489,10.4354646 1.43043405,15.700035 C2.74337562,20.9646054 7.50705785,24.6629958 12.9757582,24.6635461 C16.3940705,24.6635461 18.2846341,23.7288996 18.998759,22.2236718 C19.2565913,21.6802146 19.3451546,21.0790519 19.2893766,20.5007779 C19.2669724,20.2685038 19.2216623,20.0534497 19.1629356,19.880277 C19.1386488,19.8086606 19.1134304,19.7485504 19.0901927,19.7043125 L19.0766391,19.6785749 C19.0763257,19.6777523 19.076259,19.6772825 19.0764711,19.6771819 L19.081345,19.6811432 C18.8702051,19.4717628 18.8702051,19.1322902 19.081345,18.9229098 C19.2924848,18.7135294 19.6348102,18.7135294 19.84595,18.9229098 C20.4450965,19.5170634 20.6195916,21.3261277 19.9771952,22.6801667 C19.0635379,24.6059674 16.778059,25.73585 12.9757034,25.73585 C7.00978856,25.7352497 1.8130443,21.700642 0.380744413,15.9574743 C-1.05155548,10.2143066 1.64971651,4.24268874 6.92761456,1.48451232 Z"
id="Path"
></path>
</g>
</g>
</g>
</g>
</g>
</svg>
</div>
+49 591 7108-0
</a>
</div>
<div class="col-12 col-sm col-lg-12 col-xl mb-2 mb-sm-0 mb-lg-2 mb-xl-0 d-flex flex-column">
<a class="btn btn--outline justify-content-start text--lower" href="mailto:info@kampmann.de">
<div class="btn__icon btn__icon--before">
<svg
width="25px"
height="18px"
viewBox="0 0 25 18"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g
id="Footer-Links"
transform="translate(-1049.000000, -463.000000)"
fill="currentColor"
fill-rule="nonzero"
>
<g id="Kontakt-Copy" transform="translate(764.000000, 396.000000)">
<g id="Mail" transform="translate(268.000000, 52.000000)">
<g id="Icon/Mail" transform="translate(17.000000, 15.000000)">
<path
d="M23.918051,0.440552378 L1.08194898,0.440552378 C0.807774399,0.440552378 0.585511983,0.662814794 0.585511983,0.936989379 L0.585511983,16.8229734 C0.585511983,17.097148 0.807774399,17.3194104 1.08194898,17.3194104 L23.918051,17.3194104 C24.1922256,17.3194104 24.414488,17.097148 24.414488,16.8229734 L24.414488,0.936989379 C24.414488,0.662814794 24.1922256,0.440552378 23.918051,0.440552378 Z M23.4215005,1.43331291 L23.4215005,16.3264229 L1.57832925,16.3264229 L1.57832925,1.43331291 L23.4215005,1.43331291 Z"
id="Path"
></path>
<path
d="M23.0190794,1.13046253 C23.2313663,0.956951851 23.5441171,0.988386229 23.7176278,1.20067318 C23.8844649,1.40479524 23.8618189,1.70180176 23.6711078,1.87859681 L23.6474171,1.89922157 L12.8141689,10.7536719 C12.6400734,10.8959671 12.3934727,10.9027431 12.212472,10.7739998 L12.1858311,10.7536719 L1.3525829,1.89922157 C1.14029595,1.72571089 1.10886157,1.41296012 1.28237225,1.20067318 C1.44920944,0.996551111 1.74478192,0.959637413 1.95599379,1.11135021 L1.98092064,1.13046253 L12.5,9.72817947 L23.0190794,1.13046253 Z"
id="Path"
></path>
</g>
</g>
</g>
</g>
</g>
</svg>
</div>
info@kampmann.de
</a>
</div>
</div>
<form class="form form--newsletter row">
<h3 class="headline headline--h3 col-12">Newsletter</h3>
<div class="formelement__wrapper-outer col">
<div class="formelement__wrapper">
<input id="input" class="formelement formelement--input" type="text" placeholder="E-Mail-Adresse*" />
<label for="input" class="formelement__label">E-Mail</label>
</div>
</div>
<div class="formelement__wrapper col-auto">
<button class="btn btn--primary mt-0">Anmelden</button>
</div>
<small class="col-12 mt-2"
>Ich möchte zukünftig Informationen und Angebote der Kampmann GmbH per E-Mail erhalten.<br />Die
Hinweise zum Datenschutz habe ich gelesen. Diese Einwilligung kann jederzeit unter den in den
Datenschutzinformationen angegebenen Kontaktdaten oder am Ende jeder E-Mail widerrufen werden.</small
>
</form>
</div>
</div>
</div>
</section>
<section class="footer__section footer__section--juristic">
<div class="container">
<div class="row justify-content-between align-items-center">
<nav class="navigation navigation--footer col-12">
<ul class="navigation__wrapper">
<li class="navigation__element">
<a class="navigation__link link link--uppercase" href="javascript:void(0)">Impressum</a>
</li>
<li class="navigation__element">
<a class="navigation__link link link--uppercase" href="javascript:void(0)">AGB</a>
</li>
<li class="navigation__element">
<a class="navigation__link link link--uppercase" href="javascript:void(0)"
>Allgemeine Einkaufbedingungen</a
>
</li>
<li class="navigation__element">
<a class="navigation__link link link--uppercase" href="javascript:void(0)">Datenschutz</a>
</li>
<li class="navigation__element">
<a class="navigation__link link link--uppercase" href="javascript:void(0)">Cookies</a>
</li>
<li class="navigation__element">
<a class="navigation__link link link--uppercase" href="javascript:void(0)">Verbraucherschlichtung</a>
</li>
<li class="navigation__element">
<a class="navigation__link link link--uppercase" href="javascript:void(0)">Modern slavery statement</a>
</li>
</ul>
</nav>
</div>
</div>
</section>
</div>
</footer>
Footer