<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>embé Ingenieurdienstleistungen GmbH – Software & Dienstleistungen</title>
  <meta name="description" content="RohrDimGS H2-Ready, TRGI, Beratung – seit 2004 für Gasanlagen und mehr">
  
  <!-- EINFACHES, SCHNELLES CSS -->
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Inter', Arial, sans-serif; line-height: 1.7; color: #222; background: #f5f7fa; }
    a { text-decoration: none; color: #003366; }
    a:hover { text-decoration: underline; color: #004488; }

    /* NAVIGATION */
    nav {
      background: #003366; padding: 1rem 0; position: sticky; top: 0; z-index: 100;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    nav ul {
      list-style: none; display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap;
      max-width: 1000px; margin: 0 auto; padding: 0 1rem;
    }
    nav a {
      color: white; font-weight: 600; font-size: 1rem;
    }
    nav a:hover { color: #a0d8ff; }

    /* CONTAINER */
    .container {
      max-width: 1000px; margin: 2rem auto; padding: 0 1rem;
    }

    /* HEADER MIT LOGO + TEXT – JETZT STÄRKER! */
    .header {
      background: #f8f9fa; padding: 2.5rem 2rem; border-radius: 16px;
      display: flex; align-items: center; gap: 2rem; flex-wrap: wrap;
      justify-content: center; text-align: left;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      margin-bottom: 2.5rem;
      border-left: 6px solid #003366;
    }
    .header img {
      height: 90px; width: auto; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
    }
    .header-text h1 {
      font-size: 1.8rem; color: #003366; margin: 0; font-weight: 700;
      letter-spacing: -0.5px;
    }
    .header-text p {
      font-size: 1.15rem; color: #003366; margin: 0.4rem 0 0; font-weight: 500;
    }

    /* SECTION */
    section {
      background: white; padding: 2rem; border-radius: 12px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08); margin-bottom: 2rem;
    }
    h2 {
      color: #003366; font-size: 1.6rem; margin-bottom: 1rem;
      border-bottom: 2px solid #003366; padding-bottom: 0.5rem;
    }
    ul { margin-left: 1.5rem; margin-bottom: 1rem; }
    li { margin: 0.5rem 0; }

    /* KONTAKT-BUTTON */
    .contact-btn {
      display: inline-block; margin: 1rem 0 0; padding: 0.9rem 1.8rem;
      background: #003366; color: white; font-weight: bold;
      border-radius: 8px; font-size: 1rem; transition: background 0.3s;
    }
    .contact-btn:hover { background: #004488; }

    /* FOOTER */
    footer {
      text-align: center; padding: 2rem 1rem; background: #003366; color: white;
      font-size: 0.95rem; margin-top: 3rem;
    }
    footer a { color: #a0d8ff; text-decoration: underline; }
    footer a:hover { color: white; }

    /* MOBIL */
    @media (max-width: 700px) {
      .header {
        padding: 1.8rem 1.5rem; gap: 1.2rem;
      }
      .header img {
        height: 65px;
      }
      .header-text h1 {
        font-size: 1.4rem;
      }
      .header-text p {
        font-size: 1rem;
      }
      nav ul { gap: 1rem; }
      nav a { font-size: 0.95rem; }
    }
  </style>
</head>
<body>

  <!-- NAVIGATION -->
  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="htm/software.html">Software</a></li>
      <li><a href="htm/dienstleistungen.html">Dienstleistungen</a></li>
      <li><a href="htm/ueber_uns.html">Über uns</a></li>
      <li><a href="htm/kontakt.html">Kontakt</a></li>
      <li><a href="htm/impressum.html">Impressum</a></li>
      <li><a href="htm/datenschutz.html">Datenschutz</a></li>
    </ul>
  </nav>

  <div class="container">

    <!-- HEADER MIT STARKEM LOGO + TEXT -->
    <div class="header">
      <img src="pic/logo.png" alt="embé Logo">
      <div class="header-text">
        <h1>embé Ingenieurdienstleistungen GmbH</h1>
        <p>Seit 2004: Software, Beratung & Planung für Gasanlagen und mehr</p>
        <p><h3>Sonderangebote der Software bis 24.12.2025<h3></p>
      </div>
    </div>

    <!-- LEISTUNGEN -->
    <section>
      <h2>Unsere Leistungen</h2>
      <ul>
        <li><strong>RohrDimGS 5.1 H2-Ready</strong> – Dimensionierung nach TRGI 2018, inkl. Puffervolumen</li>
        <li>Beratung zu Gasverwendung, Normen, H2-Ready</li>
        <li>Schulungen zu RohrDimGS (vor Ort oder online)</li>
        <li>Planung & Analyse komplexer Gasversorgungssysteme</li>
        <li>Individuelle Softwarelösungen für den Mittelstand</li>
      </ul>
    </section>

    <!-- KONTAKT -->
    <section>
      <h2>Kontakt aufnehmen</h2>
      <p>Wir antworten Ihnen <strong>innerhalb von 24 Stunden</strong>.</p>
      <p>Direkt per E-Mail: <a href="mailto:info@embe-idl-gmbh.de">info@embe-idl-gmbh.de</a></p>
      <a href="htm/kontakt.html" class="contact-btn">Zur Kontaktseite</a>
    </section>

  </div>

  <!-- FOOTER -->
  <footer>
    <p><strong>embé Ingenieurdienstleistungen GmbH</strong><br>
       Feldstraße 29, 99955 Ballhausen<br>
       Tel: <a href="tel:+49‭3604133254‬">‭036041 33254‬</a> | 
       E-Mail: <a href="mailto:info@embe-idl-gmbh.de">info@embe-idl-gmbh.de</a>
    </p>
    <p>&copy; 2025 – <a href="htm/impressum.html">Impressum</a> | <a href="htm/datenschutz.html">Datenschutz</a></p>
  </footer>

  <!-- ANALYTICS -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-CPDTV4EMT8"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-CPDTV4EMT8');
  </script>


</body>
</html>