<!doctype html>

<head>

<title>herrschulz.net</title>

<style>

:root{--bg:#F7F5F0;--text:#222;--muted:#666;--accent:#B03045;--gold:#D4A017;--max:1200px}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}header{padding:24px 32px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}nav a{margin-left:16px;color:var(--text);text-decoration:none}nav a:hover,nav a.active{color:var(--accent)}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.hero{padding:48px 0}.heroimg{height:55vh;min-height:320px;background:#ddd url('https://picsum.photos/1400/800') center/cover;border-radius:18px}.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem);margin:24px 0 8px}.lead{max-width:700px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:40px 0}.card{background:#fff;padding:20px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.thumb{height:180px;background:#ddd url('https://picsum.photos/600/400?grayscale') center/cover;border-radius:12px;margin-bottom:16px}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none}.btn:hover{background:var(--gold);color:#222}.quote{padding:40px 0;text-align:center;font-family:Georgia,serif;font-size:1.4rem}.quote:before,.quote:after{content:'—';margin:0 .5rem;color:var(--accent)}footer{padding:32px;text-align:center;border-top:1px solid #ddd;color:var(--muted)}@media(max-width:700px){header{padding:18px}.heroimg{height:38vh}}</style>

</head>

<body>

<header class="wrap"><strong>herrschulz.net</strong><nav><a class="active" href="#">Start</a><a href="#">Fotografie</a><a href="#">Themen</a><a href="#">Über mich</a><a href="#">Kontakt</a></nav></header>

<section class="hero"><div class="heroimg"></div><h1>Fotografie, Themen und persönliche Perspektiven</h1><p class="lead">Willkommen auf herrschulz.net – ein Ort für Bilder, Gedanken und Entdeckungen.</p><p class="lead">Diese Website wird gerade erst neu aufgebaut und funktioniert daher noch nicht. Besuchen Sie mich demnächst noch einmal!</p>

</section>

<article class="card"><div class="thumb"></div><h2>Fotografie</h2><p>Eine Auswahl aus Reisen, Landschaften, Städten und besonderen Momenten.</p><a class="btn" href="#">Zur Galerie</a></article>

<article class="card"><h2>Themen</h2><p>Weitere Interessen, Gedanken und Themenbereiche finden hier ihren Platz.</p><a class="btn" href="#">Mehr entdecken</a></article>

<article class="card"><h2>Über mich</h2><p>Ein persönlicher Blick auf Hintergründe, Interessen und Wege.</p><a class="btn" href="#">Mehr erfahren</a></article>

</section>

<section class="quote">Unterwegs zwischen Bildern, Orten und Ideen.</section>

</main>

<footer>Kontakt · Impressum · Datenschutz</footer>

</body>

</html>