<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>HdH-Oase 2026 - Einladungsflyer (Ausfüllbar)</title>
<style>
@page {
size: A4 portrait;
margin: 10mm;
}
@media print {
html, body {
width: 210mm;
height: 297mm;
}
input {
border: 1px solid #a3c4a0 !important;
background-color: #f0f6ef !important;
}
}
* {
box-sizing: border-box;
}
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #2c3e50;
margin: 0;
padding: 0;
font-size: 9.5pt;
line-height: 1.35;
background-color: #ffffff;
}
/* Banner mit Radius & Farbverlauf */
.header {
background: linear-gradient(135deg, #2d5a27, #487e43);
color: white;
padding: 16px 20px;
border-radius: 10px;
margin-bottom: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.header h1 {
margin: 0 0 4px 0;
font-size: 20pt;
letter-spacing: 0.5px;
}
.header .subtitle {
font-size: 10.5pt;
font-weight: 300;
opacity: 0.95;
margin-bottom: 6px;
}
.header .tagline {
font-style: italic;
font-size: 9pt;
background: rgba(255, 255, 255, 0.18);
display: inline-block;
padding: 4px 10px;
border-radius: 6px;
}
/* Spalten-Layout */
.container-table {
width: 100%;
border-collapse: collapse;
}
.col-left {
width: 57%;
vertical-align: top;
padding-right: 8mm;
}
.col-right {
width: 43%;
vertical-align: top;
}
/* Überschriften & Textboxen */
.section-title {
color: #2d5a27;
font-size: 10.5pt;
border-bottom: 2px solid #2d5a27;
padding-bottom: 2px;
margin-top: 0;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.intro-box {
background-color: #eaf2e8;
border-left: 4px solid #2d5a27;
padding: 8px 12px;
margin-bottom: 12px;
border-radius: 0 6px 6px 0;
}
.intro-box p {
margin: 0;
font-size: 9pt;
color: #2c3e50;
}
ul.offers {
margin: 0 0 12px 0;
padding-left: 16px;
}
ul.offers li {
margin-bottom: 4px;
}
/* Eckdaten-Tabelle */
.details-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
}
.details-table td {
padding: 3px 0;
vertical-align: top;
}
.details-table td.label {
font-weight: bold;
color: #2d5a27;
width: 30%;
}
/* Leitung */
.leitung-box {
background: #fff;
border: 1px solid #d2e0d0;
border-radius: 8px;
padding: 8px 12px;
margin-top: 10px;
}
.leitung-grid {
width: 100%;
border-collapse: collapse;
}
.leitung-grid td {
padding: 3px 4px;
font-size: 8.5pt;
}
.person-name {
font-weight: bold;
color: #2c3e50;
}
.person-town {
color: #7f8c8d;
font-size: 8pt;
}
/* Anmelde-Formularfeld (Interaktiv) */
.form-card {
background-color: #fafdfa;
border: 1.5px dashed #2d5a27;
border-radius: 10px;
padding: 12px 14px;
}
.form-title {
color: #2d5a27;
font-size: 10.5pt;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.field-group {
margin-bottom: 6px;
}
.field-label {
font-size: 8pt;
color: #333333;
font-weight: 600;
margin-bottom: 2px;
}
/* Interaktive Eingabefelder */
.input-field {
width: 100%;
height: 22px;
background-color: #f0f6ef;
border: 1px solid #a3c4a0;
border-radius: 4px;
padding: 2px 6px;
font-size: 8.5pt;
font-family: inherit;
color: #2c3e50;
outline: none;
}
.input-field:focus {
border-color: #2d5a27;
background-color: #ffffff;
}
.info-note {
font-size: 7.5pt;
color: #444;
margin-top: 10px;
line-height: 1.25;
background: #eaf2e8;
padding: 6px 8px;
border-radius: 6px;
border-left: 3px solid #2d5a27;
}
.contact-box {
margin-top: 10px;
font-size: 8pt;
border-top: 1px solid #e0e8df;
padding-top: 8px;
line-height: 1.3;
}
.contact-box strong {
color: #2d5a27;
}
</style>
</head>
<body>
<!-- Header Banner -->
<div class="header">
<h1>HdH-Oase 2026</h1>
<div class="subtitle">19. — 24. Oktober 2026 in der HERR-BERGE Burkhardtsgrün</div>
<div class="tagline">Eine heilsame Zeit für Menschen, die sich nach Ermutigung und Hoffnung sehnen.</div>
</div>
<table class="container-table">
<tr>
<!-- Linke Spalte -->
<td class="col-left">
<div class="intro-box">
<p>In einer Zeit voller Herausforderungen wollen wir gemeinsam auftanken, neue Perspektiven mit Gott entdecken und dem Herzen Ruhe, Kraft und Heilung schenken.</p>
</div>
<h2 class="section-title">Unsere Angebote</h2>
<ul class="offers">
<li>Gemeinsame Lobpreiszeiten & täglicher geistlicher Input</li>
<li>Therapeutische Beratung / Seelsorge & Gruppengespräche</li>
<li>Bewegungsangebot & Unterwegs mit einem Naturpädagogen</li>
<li>Ausdrucksmalen & Kreatives Angebot</li>
<li><strong>Themenabende</strong> z.B. mit Ilona Martin, Annelie Weiser, Christoph Nitzsche</li>
</ul>
<h2 class="section-title">Eckdaten & Kosten</h2>
<table class="details-table">
<tr><td class="label">Ort:</td><td>HERR-BERGE Burkhardtsgrün, An der HERR-BERGE 1-3, 08321 Zschorlau</td></tr>
<tr><td class="label">Zeiten:</td><td>Anreise: 19. Okt. ab 11:30 Uhr (Start 12:30 Uhr mit Mittagessen)<br>Abreise: 24. Okt. ca. 16:00 Uhr</td></tr>
<tr><td class="label">Kosten:</td><td>95,00 € / Tag (Gesamt: 570,00 €)</td></tr>
<tr><td class="label">Leistungen:</td><td>EZ in Ferienwohnung (Du/WC), Vollpension, incl. seelsorgerlicher Einzelbegleitung & Programm. <em>(Bettwäsche/Handtücher mitbringen oder Ausleihe 17 €)</em></td></tr>
<tr><td class="label">Anmeldeschluss:</td><td><strong>12. September 2026</strong></td></tr>
</table>
<!-- Leitung -->
<div class="leitung-box">
<h2 class="section-title" style="margin-bottom:4px; border:none; padding:0;">Leitung & Mitwirkende</h2>
<table class="leitung-grid">
<tr>
<td><span class="person-name">Ilona Martin</span> <span class="person-town">— Schneeberg</span></td>
<td><span class="person-name">Annelie Weiser</span> <span class="person-town">— Crottendorf</span></td>
</tr>
<tr>
<td><span class="person-name">Andrea Wohlrab</span> <span class="person-town">— Annaberg-B.</span></td>
<td><span class="person-name">Christoph Nitzsche</span> <span class="person-town">— Waldenburg</span></td>
</tr>
<tr>
<td colspan="2"><span class="person-name">Johannes Winne</span> <span class="person-town">— Zwickau</span></td>
</tr>
</table>
</div>
</td>
<!-- Rechte Spalte: Formularfeld mit echten Eingabefeldern -->
<td class="col-right">
<form class="form-card" onsubmit="return false;">
<div class="form-title">Verbindliche Anmeldung</div>
<div class="field-group"><div class="field-label">Name:</div><input type="text" class="input-field"></div>
<div class="field-group"><div class="field-label">Vorname:</div><input type="text" class="input-field"></div>
<div class="field-group"><div class="field-label">Geboren am:</div><input type="text" class="input-field" placeholder="TT.MM.JJJJ"></div>
<div class="field-group"><div class="field-label">Straße:</div><input type="text" class="input-field"></div>
<div class="field-group"><div class="field-label">PLZ / Wohnort:</div><input type="text" class="input-field"></div>
<div class="field-group"><div class="field-label">Telefon:</div><input type="tel" class="input-field"></div>
<div class="field-group"><div class="field-label">Fax:</div><input type="tel" class="input-field"></div>
<div class="field-group"><div class="field-label">E-Mail:</div><input type="email" class="input-field"></div>
<div style="margin-top: 6px;"><div class="field-label">Datum / Unterschrift:</div><input type="text" class="input-field" style="height:26px;"></div>
<div class="info-note">
Nach Eingang der Anmeldung erhalten Sie eine Buchungsbestätigung mit einer Rechnung über 20 % der Kosten als Anzahlung.
</div>
<div class="contact-box">
<strong>Anmeldungen an:</strong><br>
HERR-BERGE Burkhardtsgrün<br>
z. Hd. Frau Angela Männel<br>
An der HERR-BERGE 1-3, 08321 Zschorlau<br>
Tel.: 03 77 52 / 54 0 oder 54 410<br>
Fax: 03 77 52 / 54 100<br>
E-Mail:
Web: www.HERR-BERGE.de
</div>
</form>
</td>
</tr>
</table>
</body>
</html>