<!DOCTYPE html>

<html lang="de">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="IE=Edge">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


  <!-- SEO -->

  <title>eduflow GmbH – Holding für nachhaltige Investitionen</title>

  <meta name="description" content="eduflow GmbH – Holding für Immobilien & Beteiligungen. Substanz schaffen, Zukunft sichern, langfristig investieren.">

  <link rel="canonical" href="https://eduflow.de/">

  <meta name="robots" content="index,follow">


  <!-- Theming -->

  <meta name="theme-color" content="#072944">

  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">


  <!-- Favicons (Dateien siehe Checkliste unten) -->

  <link rel="icon" type="image/x-icon" href="/favicon.ico">

  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">

  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">

  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

  <link rel="manifest" href="/site.webmanifest">


  <!-- Open Graph / Social Preview -->

  <meta property="og:type" content="website">

  <meta property="og:url" content="https://eduflow.de/">

  <meta property="og:title" content="eduflow GmbH – Holding für nachhaltige Investitionen">

  <meta property="og:description" content="Substanz schaffen – Zukunft sichern – langfristig investieren.">

  <meta property="og:image" content="https://raw.githubusercontent.com/eduflownow-ui/eduflow/main/Blume_oben.jpg">

  <meta property="og:image:alt" content="eduflow – helle, warme Naturaufnahme als Markenmotiv">


  <!-- Twitter Card -->

  <meta name="twitter:card" content="summary_large_image">

  <meta name="twitter:title" content="eduflow GmbH – Holding für nachhaltige Investitionen">

  <meta name="twitter:description" content="Substanz schaffen – Zukunft sichern – langfristig investieren.">

  <meta name="twitter:image" content="https://raw.githubusercontent.com/eduflownow-ui/eduflow/main/Blume_oben.jpg">


  <style>

    html{font-family:'Inter',Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;scroll-behavior:smooth;}

    *,*::before,*::after{box-sizing:inherit}

    :root{--brand:#072944;--text:#333;--muted:#888;--bg-alt:#eef2f5}

    body{background:#fff;margin:0;color:var(--text);font-size:15px;line-height:1.6;font-weight:400}

    img{max-width:100%;height:auto;display:block}

    a{text-decoration:none;color:var(--muted)}

    a:hover{color:#000}

    p{margin:6px 0}

    h1{font-size:clamp(32px,6vw,64px);font-weight:700;margin:0}

    h2{font-size:30px;font-weight:700;margin:0 0 8px}

    b,strong{font-weight:700}

    header{position:relative;margin:0 auto 30px;width:auto;max-width:1200px;text-align:center}

    nav{z-index:9999;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}

    nav ul{padding:7px 0;list-style:none;margin:0}

    nav li{display:inline-block;padding:7px 20px}

    nav a{transition:color .25s ease;font-weight:600}

    section{position:relative;margin:0 auto;text-align:center}

    .hero{background:#fff;padding:7px 0;position:relative;overflow:hidden}

    .hero img.bg{width:100%;opacity:.95;aspect-ratio:16/9;object-fit:cover}

    .hero img.logo {

  width: 30vw;           /* 30% der Viewport-Breite */

  max-width: 240px;      /* nie größer als 240px */

  min-width: 140px;      /* nie kleiner als 140px */

  height: auto;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));

}

    #home{color:#fff;background:var(--brand);padding:120px 16px 140px;overflow:hidden}

    #home .callout{position:relative;z-index:1}

    #home h1{font-size:clamp(36px,8vw,72px);letter-spacing:.3px;margin-bottom:16px;font-weight:700}

    #home p.lead{font-size:clamp(18px,2.4vw,26px);opacity:.95;line-height:1.6;margin:12px auto 0;max-width:860px}

    .cta{display:inline-block;margin-top:22px;border:1px solid rgba(255,255,255,.6);padding:12px 22px;border-radius:999px;color:#fff;font-weight:600}

    .cta:hover{background:rgba(255,255,255,.16)}

    .pad{padding:80px 16px 100px;background:#fff}

    .callout{position:relative;overflow:hidden;margin:0 auto;padding:30px 10px 50px;width:auto;max-width:800px;text-align:center}

    .callout.center{text-align:center}

    .back-to-top-button{display:inline-block;width:70px;height:70px;background:#072944;border-radius:50%;line-height:70px;text-align:center;color:#fff}

.back-to-top-button { position: relative; top: -35px; display: inline-block; width: 70px; height: 70px; background: #72944; border-radius: 50%; line-height: 70px !important; text-align: center; color: #fff; }

.back-to-top-button span { position: relative; top: 5px; font-size: 28px; font-weight: bold; }

    footer{clear:both;position:relative;margin:0 auto;width:auto;text-align:center;background:#072944;color:#b9c2c9}

    footer a:hover{color:initial;text-decoration:underline}

    footer .footer-copyright{margin:-40px auto 0;max-width:800px;text-align:center;padding:0 10px 30px}

    .divider-img{width:100%;height:auto}

    .privacy-note{max-width:900px;margin:0 auto 32px;color:#cfd6dc;font-size:14px;line-height:1.5}

  </style>

</head>

<body>

<header id="header-start">

  <nav>

    <ul>

      <li><a href="#home">HOME</a></li>

      <li><a href="#kontakt">KONTAKT</a></li>

      <li><a href="#impressum">IMPRESSUM</a></li>

    </ul>

  </nav>

</header>


<!-- HERO -->

<section class="hero" aria-label="eduflow – Hero">

  <img class="bg" src="https://raw.githubusercontent.com/eduflownow-ui/eduflow/main/Blume_oben.jpg" alt="Helle, warme Naturaufnahme">

  <img class="logo" src="https://raw.githubusercontent.com/eduflownow-ui/eduflow/main/IMG_0422.jpg" alt="eduflow Logo">

</section>


<!-- CLAIM -->

<section id="home">

  <div class="callout center">

    <h1><span style="text-transform:none;">eduflow</span> – Holding für nachhaltige Investitionen</h1>

    <p class="lead">Substanz schaffen – Zukunft sichern – langfristig investieren</p>

    <!-- <a class="cta" href="#kontakt">Kontakt aufnehmen</a> -->

  </div>

</section>


<!-- Trennbild -->

<section aria-label="Trennbild">

  <img class="divider-img" src="https://raw.githubusercontent.com/eduflownow-ui/eduflow/main/Blume_mitte.jpeg" alt="Natürliche Zwischenaufnahme – warm, freundlich" loading="lazy">

</section>


<!-- KONTAKT -->

<section id="kontakt" class="pad" aria-labelledby="kontakt-heading">

  <div class="callout">

    <h2 id="kontakt-heading">Kontakt</h2>

    <p><strong>eduflow GmbH</strong><br>

       San&nbsp;Michele&nbsp;Straße&nbsp;14<br>

       89537&nbsp;Giengen&nbsp;an&nbsp;der&nbsp;Brenz<br>

       Deutschland</p>

    <p>Telefon: <a href="tel:+4973229189479">+49&nbsp;(0)7322&nbsp;9189479</a><br>

       E-Mail: <a href="mailto:eduflow.now@gmail.com">eduflow.now@gmail.com</a></p>

    <p>Geschäftszeiten: Mo–Fr&nbsp;09:00–17:00&nbsp;Uhr</p>

  </div>

</section>


<!-- Trennbild unten -->

<section aria-label="Trennbild zum Footer" style="background:#072944;">

  <img class="divider-img" src="https://raw.githubusercontent.com/eduflownow-ui/eduflow/main/Blume_unten.jpeg" alt="Natürliche Aufnahme – Stabilität & Zukunft" loading="lazy">

</section>


<!-- IMPRESSUM + DATENSCHUTZ -->

<section id="impressum" class="pad" aria-labelledby="impressum-heading">

  <div class="callout">

    <div style="display:flex; flex-wrap:wrap; gap:40px; justify-content:space-between;">

      

      <!-- Spalte 1: Impressum -->

      <div style="flex:1 1 300px; min-width:280px;">

        <h2 id="impressum-heading">Impressum</h2>

        <p><strong>eduflow GmbH</strong><br>

           San&nbsp;Michele&nbsp;Straße&nbsp;14, 89537&nbsp;Giengen&nbsp;an&nbsp;der&nbsp;Brenz, Deutschland<br>

           Vertretungsberechtigter Geschäftsführer: Eduard&nbsp;Egel<br>

           Registergericht: Amtsgericht Ulm, HRB&nbsp;800155<br>

           USt-IdNr.: DE[Nummer einsetzen]

        </p>

        <p>Inhaltlich Verantwortlicher gem. §&nbsp;18 Abs.&nbsp;2 MStV: Eduard&nbsp;Egel</p>

      </div>


      <!-- Spalte 2: Datenschutz -->

      <div style="flex:1 1 300px; min-width:280px;">

        <h2>Datenschutz</h2>

        <p><strong>Hinweis:</strong> Diese Website setzt keine Cookies und verwendet keine externen Tracking-Dienste.</p>

        <p>Beim Aufruf werden durch den Hosting-Provider aus technischen Gründen Server-Logfiles verarbeitet

        (z.&nbsp;B. IP-Adresse, Zeitpunkt, etc.) zur Absicherung des Betriebs.</p>

        <p>Rechtsgrundlage: Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;f DSGVO.</p>

        <p>Für Auskunfts- oder Löschanfragen wenden Sie sich bitte an: <a href="mailto:info@eduflow.de">eduflow.now@gmail.com</a>.</p>

      </div>


    </div>

  </div>

</section>


<footer>

  <a href="#header-start" class="back-to-top-button" aria-label="Zurück nach oben"><span>&#94;</span></a><br><br><br>

  <div class="footer-copyright">

    &copy; <span id="y"></span> eduflow GmbH – Alle Rechte vorbehalten

  </div>

</footer>


<script>

  document.getElementById('y').textContent = new Date().getFullYear();

</script>

</body>

</html>