<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Hartmann Isoliertechnik GmbH</title>
        <!-- Favicon-->
        <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
        <!-- Bootstrap icons-->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="css/styles.css" rel="stylesheet" />
        <link href="css/customize.css" rel="stylesheet" />
    </head>
    <body class="d-flex flex-column h-100">
        <main class="flex-shrink-0">
            <!-- Navigation-->
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <div class="container px-5">
                    <a class="navbar-brand" href="index.html"><img class="logo" src="assets/hartmann-logo.png" alt="..."/></a>

                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                            <li class="nav-item"><a class="nav-link" href="index.html">Startseite</a></li>
                            <li class="nav-item"><a class="nav-link" href="unternehmen.html">Unternehmen</a></li>
                            <li class="nav-item"><a class="nav-link" href="referenzen.html">Referenzen</a></li>
                            <li class="nav-item"><a class="nav-link" href="kontakt.html">Kontakt</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <!-- Header-->
            <header class="py-5">
                <div class="container px-5">
                    <div class="row gx-5 align-items-center justify-content-center">
                        <div class="col-lg-4 mb-5 mb-lg-0">
                            <div class="my-5 text-center text-xl-start">
                                <h1 class="fw-bolder text-black mb-2 h2">HARTMANN ISOLIERTECHNIK GMBH</h1>
                                <p class="lead fw-normal text-black-50 mb-4">Albert-Einstein-Straße 16<br> 
                                97447 Gerolzhofen<br>
                                Telefon  09382 8827<br>
                                Telefax  09382 903288<br>
                                E-Mail: info@hartmann-isoliertechnik.de</p>
                                <div class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xl-start">
                                    <a class="btn btn-primary btn-lg px-4 me-sm-3" href="unternehmen.html">Infos zum Unternehmen</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8 mb-5 mb-lg-0">
                            <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                              <div class="carousel-indicators">
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
                              </div>
                              <div class="carousel-inner">
                                <div class="carousel-item active">
                                  <img src="assets/home/LFT.jpg" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                  <img src="assets/home/Kaelte.jpg" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                  <img src="assets/home/Waerme.jpg" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                  <img src="assets/home/HZ-Verteiler-Alublech.jpg" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                  <img src="assets/home/Sprinkl.jpg" class="d-block w-100" alt="...">
                                </div>
                              </div>
                              <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                              </button>
                              <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                              </button>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <!-- Features section-->
            <section class="py-5 bg-light" id="features">
                <div class="container px-5 my-5">
                    <div class="row gx-5">
                        <div class="col-lg-4 mb-5 mb-lg-0"><h2 class="fw-bolder mb-0 h3">Wir sind Ihr Partner für Dämmung an betriebstechnischen Anlagen nach DIN 4140 und dem vorbeugenden Brandschutz.</h2></div>
                        <div class="col-lg-8">
                            <div class="row">
                                <p class="lead fw-normal text-black mb-2">Durch steigende Energiekosten hat der Wärme- und Kälteschutz eine immer größere Bedeutung.</p>
                                <p class="fw-normal text-muted mb-5">Die Dämmung hat die Aufgabe, die Verluste an Anlagen, Rohrleitungen, Behältern sowie an Gebäuden zu reduzieren. Wärmeverluste können durch optimale Dämmung um bis zu 90 % gegenüber ungedämmten Objekten verringert werden. Das Gebäudeenergiegesetz, kurz GEG (ehemals EnEV) in Verbindung mit dem Umweltschutz sind weitere Gründe, die den Isolierungen in Industrie, Kraftwerken, Haushalten sowie im Hochbau einen besonderen Stellenwert zuweisen.</p>
                            </div>
                            <div class="row gx-5 row-cols-1 row-cols-md-2">
                                <div class="col mb-5 h-100">
                                    <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><img class="card-img-top" src="assets/stock/Waermedaemmung.jpg" alt="..." /></div>
                                    <h2 class="h5">Wärmeschutz</h2>
                                    <p class="mb-0 text-muted">Durch die Wärmedämmung werden Energieverbrauch und Energiekosten gesenkt, Ressourcen geschont und die CO2 -Emissionen verringert. Aus ökologischer Hinsicht, sind unsere Dämmstoffe, die überwiegend aus Mineralwolle hergestellt werden, sehr zu empfehlen. Diese erfüllen bereits jetzt schon den zukünftigen Anforderungen.</p>
                                </div>
                                <div class="col mb-5 h-100">
                                    <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><img class="card-img-top" src="assets/stock/Kaeltedaemmung.jpg" alt="..." /></div>
                                    <h2 class="h5">Kälteschutz</h2>
                                    <p class="mb-0 text-muted">Um Schäden bei Tau-, Schwitzwasserbildung an kaltgehenden Medien (Leitungen, Kanäle, Behältern etc.) zu verhindern ist die Wahl des richtigen Dämmstoffes und Stärke unerlässlich. Hierzu werden Materialien u.a. synthetischer Zellkautschuk, Schaumschalen, Schaumglas verarbeitet.</p>
                                </div>
                                <div class="col mb-5 mb-md-0 h-100">
                                    <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><img class="card-img-top" src="assets/stock/Schallschutzdaemmung.jpg" alt="..." /></div>
                                    <h2 class="h5">Schallschutz</h2>
                                    <p class="mb-0 text-muted">Überwiegend Abwasserrohre und Lüftungsleitungen erzeugen bei Aktivität Luft- bzw. Körperschall. Hier gilt es die Lautstärke des Schallpegels durch die Dämmung weitestgehend zu minimieren, bestenfalls ganz zu beseitigen.</p>
                                </div>
                                <div class="col h-100">
                                    <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><img class="card-img-top" src="assets/stock/Brandschutz.jpg" alt="..." /></div>
                                    <h2 class="h5">Brandschutz</h2>
                                    <p class="mb-0 text-muted">Beim passiven Brandschutz ist die zuverlässige Umsetzung aller erforderlichen Maßnahmen unerlässlich. Entsprechend hoch sind die Anforderungen an eine lückenlose Dokumentation von der Brandschutzplanung bis zur Inspektion durch Brandschutzsachverständige. Mit unserem Brandschutz Dokumentationsmanager haben Sie die Überwachung des Gebäudebrandschutzes sicher im Griff. Sprechen Sie uns an. </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
             <!-- Blog preview section-->
            <section class="py-5">
                <div class="container px-5 my-5">
                    <div class="row gx-5">
                        <div class="col-lg-4 mb-5">
                            <div class="card shadow border-0">
                                <img class="card-img-top" src="assets/banner/Handwerk-wir-Bilden-aus.png" alt="..." />
                            </div>
                        </div>
                        <div class="col-lg-4 mb-5">
                            <div class="card shadow border-0">
                                <img class="card-img-top" src="assets/banner/Das-bayerische-Baugewerbe.png" alt="..." />
                            </div>
                        </div>
                        <div class="col-lg-4 mb-5">
                            <div class="card shadow border-0">
                                <img class="card-img-top" src="assets/banner/Wksb-Isolierer.jpg" alt="..." />
                            </div>
                        </div>
                    </div>
        </main>
        <!-- Footer-->
        <footer class="bg-dark py-4 mt-auto">
            <div class="container px-5">
                <div class="row align-items-center justify-content-between flex-column flex-sm-row">
                    <div class="col-auto"><div class="small m-0 text-white">Copyright &copy; Hartmann Isoliertechnik GmbH 2023</div></div>
                    <div class="col-auto">
                        <a class="link-light small" href="kontakt.html">Kontakt/Anfahrt</a>
                        <span class="text-white mx-1">&middot;</span>
                        <a class="link-light small" href="impressum.html">Impressum</a>
                        <span class="text-white mx-1">&middot;</span>
                        <a class="link-light small" href="datenschutz.html">Datenschutz</a>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Bootstrap core JS-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
    </body>
</html>
