<!-- EINSTIEGSBLOCK IM UBER-STIL -->
<div style="
width: 100%;
max-width: 1200px;
margin: 60px auto;
padding: 40px 20px;
background: #ffffff;
font-family: Lato, sans-serif;
color: #3b2c1e;
text-align: center;
border-radius: 16px;
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
">
<h1 style="
font-size: 2.8em;
max-width: 800px;
margin-bottom: 20px;
font-weight: 400;
line-height: 1.3;
color: #000000;
">
Taxi-Flexpreis Koblenz –
<span style="color: #000000;">
günstiger als der Taxitarif
</span>
</h1>
<p style="font-size: 1.2em; color: #777777;">
Jetzt deinen Festpreis berechnen und Fahrt sichern – deutschlandweit, verbindlich & zuverlässig.
</p>
</div>
<!-- BREADCRUMB (optional) -->
<nav style="max-width: 1000px; margin: 20px auto 0 auto; font-size: 0.9em; color: #666; font-family: Lato, sans-serif;">
<a href="/" style="color:#4f5b1d; text-decoration:none;">
Start
</a>
›
<a href="/taxi-services-koblenz" style="color:#4f5b1d; text-decoration:none;">
Taxi Koblenz
</a>
›
<span style="color:#999">
Festpreis
</span>
</nav>
<!-- FLEXPREIS-RECHNER MIT VERGLEICH -->
<div style="max-width: 1000px; margin: 50px auto 10px auto; background: #000000; padding: 30px; border-radius: 16px;
box-shadow: 0 8px 30px rgba(0,0,0,0.6); font-family: Lato, sans-serif; color: #ffffff;">
<div style="text-align:center; margin-bottom:20px;">
<div style="font-size:1.8em; color:#f7d87c;">
Deine Strecke:
<span id="kmValue">
85
</span>
km zum günstigen Flexpreis
</div>
<div style="font-size:0.95em; color:#bbbbbb; margin-top:6px;">
Mit direktem Vergleich zum offiziellen Taxitarif Koblenz
</div>
</div>
<input type="range" id="kmRange" name="kmRange" min="1" max="300" value="85" style="width:100%; margin-bottom:30px;">
<div id="priceBox" style="background:#1a1a1a; padding:20px; border-radius:12px; text-align:center; transition: background 0.4s; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;">
<div style="flex:1; min-width:200px;">
<p style="font-size:1.2em; color:#bbbbbb; margin:0;">
Regulärer Taxitarif
</p>
<p style="font-size:1.6em; color:#ffffff; margin:0;">
<strong>
<span id="taxiOutput">
0,00 €
</span>
</strong>
</p>
</div>
<div style="flex:1; min-width:200px;">
<p style="font-size:1.2em; color:#f7d87c; margin:0;">
Dein Flexpreis
</p>
<p style="font-size:1.6em; color:#f7d87c; margin:0;">
<strong>
<span id="priceOutput">
0,00 €
</span>
</strong>
</p>
</div>
</div>
<div id="seoText" style="margin-top:12px; font-size:0.9em; color:#aaaaaa; text-align:center;">
85 km: Flexpreis unter dem Koblenzer Taxitarif
</div>
<div style="text-align: center; margin-top: 30px;">
<a href="tel:+4915778933055" style="
display: inline-block;
background: #004b87;
color: #ffffff;
padding: 18px 50px;
font-size: 1.25em;
border-radius: 12px;
text-decoration: none;
box-shadow: 0 4px 15px rgba(0,0,0,0.5);
transition: all 0.3s ease;
" onmouseover="this.style.background='#0066b2'; this.style.transform='translateY(-2px)';" onmouseout="this.style.background='#004b87'; this.style.transform='translateY(0)';">
📞 Jetzt Flexpreis sichern
</a>
</div>
<div style="font-size: 0.75em; color: #999999; text-align: center; margin-top: 16px; line-height: 1.4; max-width: 900px; margin-left: auto; margin-right: auto;">
<p style="margin: 0;">
Hinweis: Flexpreise gelten nur bei Verfügbarkeit und ausschließlich für Auswärtsfahrten ab Koblenz. Innerhalb Koblenz gilt der Taxitarif. Der angezeigte Tarifvergleich dient der Orientierung und kann vom tatsächlichen Preis abweichen.
</p>
</div>
</div>
<script>
function calculateTaxiTarif(km) {
let grundpreis = 4.0;
if (km <= 1) {
return grundpreis + (4.0 * km);
} else {
return grundpreis + 4.0 + (km - 1) * 2.3;
}
}
function calculateFlexpreis(km) {
let preis = calculateTaxiTarif(km);
let rabatt = 0;
if (km > 100) {
rabatt = 0.20;
} else if (km >= 50) {
rabatt = 0.15;
} else if (km > 20) {
rabatt = 0.10;
}
return preis * (1 - rabatt);
}
const kmRange = document.getElementById("kmRange");
const priceOutput = document.getElementById("priceOutput");
const taxiOutput = document.getElementById("taxiOutput");
const seoText = document.getElementById("seoText");
const priceBox = document.getElementById("priceBox");
const kmValue = document.getElementById("kmValue");
function updatePrice() {
let km = parseInt(kmRange.value);
let flexpreis = calculateFlexpreis(km);
let taxipreis = calculateTaxiTarif(km);
priceOutput.textContent = flexpreis.toFixed(2).replace('.', ',') + " €";
taxiOutput.textContent = taxipreis.toFixed(2).replace('.', ',') + " €";
seoText.textContent = `${km} km: Flexpreis ${flexpreis.toFixed(2).replace('.', ',')} € vs. Taxitarif ${taxipreis.toFixed(2).replace('.', ',')} €`;
kmValue.textContent = km;
priceBox.style.background = "#333333";
setTimeout(() => {
priceBox.style.background = "#1a1a1a";
}, 200);
}
kmRange.addEventListener("input", updatePrice);
updatePrice();
</script>
