<!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 Michele Straße 14<br>
89537 Giengen an der Brenz<br>
Deutschland</p>
<p>Telefon: <a href="tel:+4973229189479">+49 (0)7322 9189479</a><br>
E-Mail: <a href="mailto:eduflow.now@gmail.com">eduflow.now@gmail.com</a></p>
<p>Geschäftszeiten: Mo–Fr 09:00–17:00 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 Michele Straße 14, 89537 Giengen an der Brenz, Deutschland<br>
Vertretungsberechtigter Geschäftsführer: Eduard Egel<br>
Registergericht: Amtsgericht Ulm, HRB 800155<br>
USt-IdNr.: DE[Nummer einsetzen]
</p>
<p>Inhaltlich Verantwortlicher gem. § 18 Abs. 2 MStV: Eduard 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. B. IP-Adresse, Zeitpunkt, etc.) zur Absicherung des Betriebs.</p>
<p>Rechtsgrundlage: Art. 6 Abs. 1 lit. 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>^</span></a><br><br><br>
<div class="footer-copyright">
© <span id="y"></span> eduflow GmbH – Alle Rechte vorbehalten
</div>
</footer>
<script>
document.getElementById('y').textContent = new Date().getFullYear();
</script>
</body>
</html>