# 🚜 Baumer Maschinenverleih - Bootstrap Website

Moderne, responsive Website für Andreas Baumer Maschinenverleih mit Bootstrap 5.

## ✨ Features

- ✅ **Keine Build-Tools** - Einfach per FTP hochladen
- ✅ **Komplett offline** - Bootstrap lokal eingebunden
- ✅ **PHPMailer** - Professionelles Kontaktformular ohne externe Dienste
- ✅ **Bootstrap 5** - Modernes, responsives Design
- ✅ **JSON-basiert** - Maschinen in `data/maschinen.json`
- ✅ **Spam-Schutz** - Honeypot & Rate Limiting integriert
- ✅ **Komplett responsive** - Funktioniert auf allen Geräten

## 📁 Projektstruktur

```
webseite/
├── index.html              # Startseite
├── kontakt.html            # Kontaktseite mit PHPMailer
├── impressum.html          # Impressum
├── datenschutz.html        # Datenschutz
├── config.php              # E-Mail Konfiguration (ANPASSEN!)
├── send-mail.php           # Mail-Versand-Script
├── .htaccess               # Sicherheit & Schutz
│
├── css/
│   ├── bootstrap.min.css   # Bootstrap CSS (lokal)
│   ├── bootstrap-icons.css # Bootstrap Icons (lokal)
│   └── style.css           # Custom Styling
│
├── js/
│   ├── bootstrap.bundle.min.js  # Bootstrap JS (lokal)
│   └── main.js             # Custom JavaScript
│
├── phpmailer/              # PHPMailer Bibliothek
│   ├── PHPMailer.php
│   ├── SMTP.php
│   └── Exception.php
│
├── fonts/
**⚠️ Wichtig:** Das Kontaktformular funktioniert nur auf einem Webserver mit PHP!

## 📧 Kontaktformular einrichten

Das Kontaktformular verwendet PHPMailer und ist bereits vollständig integriert.

**Schnellstart:**

1. Öffnen Sie `config.php`
2. Tragen Sie Ihre E-Mail ein:
   ```php
   define('MAIL_TO', 'baumer@traidendorf.de');
   ```
3. Fertig! (Bei den meisten Hostern funktioniert es sofort)

**Ausführliche Anleitung:** Siehe [PHPMAILER-ANLEITUNG.md](PHPMAILER-ANLEITUNG.md)

### SMTP konfigurieren (optional, für bessere Zustellbarkeit)

Falls E-Mails nicht ankommen, SMTP in `config.php` aktivieren:

```php
define('USE_SMTP', true);
define('SMTP_HOST', 'smtp.ihre-domain.de');
define('SMTP_USERNAME', 'ihre-email@ihre-domain.de');
define('SMTP_PASSWORD', 'ihr-passwort');
```   # Icon Font (lokal)
│   └── bootstrap-icons.woff     # Icon Font (lokal)
│
├── data/
│   └── maschinen.json      # Alle Maschinen (editierbar!)
│
└── images/                 # Bilder (optional)
```

## 🚀 Website öffnen

Einfach `index.html` im Browser öffnen oder per FTP auf Webserver hochladen.

## ✏️ Neue Maschine hinzufügen

In `data/maschinen.json` einen neuen Eintrag hinzufügen:

```json
{
  "id": "neue-maschine",
  "title": "Neue Maschine",
  "preis": "50€/Tag",
  "beschreibung": "Beschreibung...",
  "besonderheiten": ["Feature 1", "Feature 2"]
}
```

## 📧 Kontaktformular

In `kontakt.html` Formspree-ID eintragen:
```html
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
```

Mehr Details und Anleitungen in der ausführlichen Dokumentation oben! 📚