<section id="kontakt">
<div class="container">
<h2>Kontakt</h2>

<div class="contact-wrap">
<!-- Formular -->
<div class="card">
<p style="margin:0 0 10px">
Sie wünschen ein unverbindliches Erstgespräch oder ein Angebot zur Verwaltung?
Senden Sie uns Ihre Anfrage – wir melden uns zeitnah persönlich zurück.
</p>

<form action="mailto:info@procasaverwaltung.de" method="post" enctype="text/plain">
<div class="form-grid">
<div class="field">
<label>Name *</label>
<input name="Name" required>
</div>

<div class="field">
<label>E-Mail *</label>
<input type="email" name="E-Mail" required>
</div>

<div class="field">
<label>Telefon</label>
<input name="Telefon">
</div>

<div class="field">
<label>Anliegen *</label>
<select name="Anliegen" required>
<option value="" disabled selected>Bitte auswählen</option>
<option>WEG-Verwaltung</option>
<option>Mietverwaltung</option>
<option>Technische Objektbetreuung</option>
<option>Schadenmanagement</option>
<option>Allgemeine Anfrage</option>
</select>
</div>

<div class="field full">
<label>Nachricht *</label>
<textarea name="Nachricht" required></textarea>
</div>
</div>

<div class="checkbox">
<input type="checkbox" required>
<label>
Ich habe die <a href="#datenschutz">Datenschutzerklärung</a> gelesen und stimme der Verarbeitung zu. *
</label>
</div>

<div class="form-actions">
<button class="btn" type="submit">
<i class="fa-solid fa-paper-plane"></i> Anfrage senden
</button>
</div>
</form>
</div>

<!-- Adresse & Karte -->
<div class="card">
<p><strong>PROCASA Verwaltung</strong></p>
<p style="color:var(--muted)">
Inhaber: Dimitar Nestorov<br>
Burgweg 3<br>
69231 Rauenberg
</p>

<p style="color:var(--muted)">
Mobil: <strong style="color:var(--text)">0176 89099174</strong><br>
Telefon: <strong style="color:var(--text)">06222 9564097</strong><br>
E-Mail: <strong style="color:var(--text)">info@procasaverwaltung.de</strong><br>
Web: <strong style="color:var(--text)">www.PROCASAVerwaltung.de</strong>
</p>

<div class="map">
<iframe
loading="lazy"
src="https://www.openstreetmap.org/export/embed.html?marker=49.2700,8.7020&zoom=17">
</iframe>
</div>
</div>
</div>
</div>
</section>