Buche heute noch deine erste Flughafenfahrt bei KHAN Fahrdienst Konstanz & Überlingen
Seit dem Start von KHAN Fahrdienst in Konstanz und Überlingen bringen wir frischen Wind in die Transportbranche am Bodensee.
Unser Anspruch ist es, neue Maßstäbe für Qualität und Service zu setzen – Standards, die Kunden heute erwarten und auch erwarten dürfen.
Wir stehen für saubere, gepflegte Fahrzeuge, sichere und erfahrene Fahrer sowie ein komfortables, hochwertiges Fahrerlebnis.
Unser moderner Fuhrpark vereint Zuverlässigkeit mit einem Hauch von Luxus – für jede Fahrt, ob kurz oder lang.
Mit KHAN Fahrdienst entscheiden Sie sich für einen Service, der Professionalität, Sicherheit und Qualität konsequent in den Mittelpunkt stellt.
.png)
Wir sind jederzeit für Sie da – egal, was passiert. Auf uns können Sie sich immer verlassen, wann immer Sie uns brauchen.
🚕 Zuverlässiger Fahrdienst in Konstanz & Überlingen – pünktlich, sicher und jederzeit verfügbar
✈️ Spezialisiert auf Flughafen-, Kranken- und Stadtfahrten am Bodensee
💳 Komfortabel unterwegs mit gepflegten Fahrzeugen & bequemer Kartenzahlung
<div class="booking-form-wrapper">
<!-- Progress Bar -->
<div class="progress-bar">
<div class="progress-fill" id="progressFill"></div>
</div>
<div class="step-indicators">
<span class="step-dot active" data-step="1">1</span>
<span class="step-dot" data-step="2">2</span>
<span class="step-dot" data-step="3">3</span>
<span class="step-dot" data-step="4">4</span>
<span class="step-dot" data-step="5">5</span>
</div>
<form id="bookingForm">
<!-- SCHRITT 1: Route & Zeit -->
<div class="form-step active" data-step="1">
<h2>Route & Zeit</h2>
<label>Abholort (Flughafen / Adresse)
<input type="text" name="pickup" placeholder="z.B. Flughafen München" required>
</label>
<label>Zielort
<input type="text" name="destination" placeholder="z.B. Marienplatz 1, München" required>
</label>
<label>Datum
<input type="date" name="date" required>
</label>
<label>Uhrzeit
<input type="time" name="time" required>
</label>
<label>Rückfahrt?
<select name="return_trip">
<option value="no">Nein</option>
<option value="yes">Ja</option>
</select>
</label>
</div>
<!-- SCHRITT 2: Reisedetails -->
<div class="form-step" data-step="2">
<h2>Reisedetails</h2>
<label>Anzahl Passagiere
<select name="passengers" required>
<option value="">Bitte wählen</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5+">5+</option>
</select>
</label>
<label>Anzahl Gepäckstücke
<select name="luggage" required>
<option value="">Bitte wählen</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4+">4+</option>
</select>
</label>
<label>Flugnummer (optional)
<input type="text" name="flight_number" placeholder="z.B. LH 1234">
</label>
</div>
<!-- SCHRITT 3: Fahrzeug & Klasse -->
<div class="form-step" data-step="3">
<h2>Fahrzeug & Klasse</h2>
<p class="field-label">Reiseklasse</p>
<div class="card-select" id="classSelect">
<div class="select-card active" data-value="economy">
<span class="card-icon">🚗</span>
<strong>Economy</strong>
<small>Komfortabel & günstig</small>
</div>
<div class="select-card" data-value="business">
<span class="card-icon">🚘</span>
<strong>Business</strong>
<small>Premium & exklusiv</small>
</div>
</div>
<input type="hidden" name="travel_class" id="travelClass" value="economy">
<p class="field-label" style="margin-top:1.5rem">Fahrzeugklasse</p>
<div class="card-select" id="vehicleSelect">
<div class="select-card active" data-value="sedan">
<span class="card-icon">🚙</span>
<strong>Sedan</strong>
<small>Bis 3 Personen</small>
</div>
<div class="select-card" data-value="van">
<span class="card-icon">🚐</span>
<strong>Van</strong>
<small>Bis 7 Personen</small>
</div>
<div class="select-card" data-value="limousine">
<span class="card-icon">🚖</span>
<strong>Limousine</strong>
<small>Business Premium</small>
</div>
</div>
<input type="hidden" name="vehicle_class" id="vehicleClass" value="sedan">
</div>
<!-- SCHRITT 4: Kontaktdaten -->
<div class="form-step" data-step="4">
<h2>Kontaktdaten</h2>
<label>Vorname
<input type="text" name="first_name" placeholder="Max" required>
</label>
<label>Nachname
<input type="text" name="last_name" placeholder="Mustermann" required>
</label>
<label>E-Mail
<input type="email" name="email" placeholder="max@beispiel.de" required>
</label>
<label>Telefonnummer
<input type="tel" name="phone" placeholder="+49 123 456789" required>
</label>
</div>
<!-- SCHRITT 5: Zusammenfassung & Zahlung -->
<div class="form-step" data-step="5">
<h2>Zusammenfassung</h2>
<div class="summary-box" id="summaryBox"></div>
<div class="payment-section">
<p class="field-label">Zahlung</p>
<div class="card-select" id="paymentSelect">
<div class="select-card active" data-value="card">
<span class="card-icon">💳</span>
<strong>Kreditkarte</strong>
</div>
<div class="select-card" data-value="paypal">
<span class="card-icon">🅿️</span>
<strong>PayPal</strong>
</div>
</div>
<input type="hidden" name="payment_method" id="paymentMethod" value="card">
</div>
</div>
<!-- Navigation Buttons -->
<div class="form-nav">
<button type="button" id="prevBtn" onclick="changeStep(-1)" style="display:none">← Zurück</button>
<button type="button" id="nextBtn" onclick="changeStep(1)">Weiter →</button>
<button type="submit" id="submitBtn" style="display:none">✅ Jetzt buchen</button>
</div>
</form>
</div>Bei weiteren Fragen, gerne per Mail oder Telefon Kontakt aufnehmen.
