62 lines
9.0 KiB
HTML
62 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<!--
|
||
G19 · Buchungsbestätigung (Buchungskalender, dauerhafter Datenträger)
|
||
Betreff: Ihre Buchung {{nummer}} bei {{firma}} ist bestätigt
|
||
Absender: „<Firma>“ <Portal-Postfach> · Antworten an die E-Mail-Adresse des Vermieters
|
||
Empfänger: Gast (E-Mail aus der Buchungsanfrage) · ohne BCC
|
||
Platzhalter: {{gast_name}}, {{unterkunft}}, {{zeitraum}}, {{naechte}}, {{personen}}, {{nummer}}, {{posten_text}}, {{gesamt}}, {{zahlart_text}}, {{rechnung_nummer}}, {{stornobedingungen}}, {{firma}}, {{farbe}}, {{anbieter_kontakt}}
|
||
Optionale Blöcke (zwischen WENN-/ENDE-Kommentaren; bei Nichtzutreffen samt Inhalt entfernen): online_unbezahlt
|
||
Sie-Form, keine Anrede-Blöcke, neutrales Layout in der Akzentfarbe des Vermieters, ohne Logo. Footer: Anbieter-Kontakt des Vermieters.
|
||
naechte und personen sind fertige Texte (z. B. „2 Nächte“, „2 Personen“); zeitraum z. B. „12.11.2026 – 30.11.2026“; posten_text = eine Zeile je Posten; gesamt z. B. „1.234,00 €“; anbieter_kontakt = Name, Anschrift, E-Mail und Telefon des Vermieters.
|
||
Dauerhafter Datenträger: alle Angaben der Buchungsseite stehen in der Mail, die Rechnung hängt als PDF an. Block online_unbezahlt: Zahlart online, noch nicht bezahlt. Kein Widerrufsrecht (§ 312g Abs. 2 Satz 1 Nr. 9 BGB), der Hinweis steht fest im Text.
|
||
Texte sind Entwurf für die Mail-Überarbeitung des Inhabers; verbindlich sind nur Platzhalter und Blöcke.
|
||
-->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="color-scheme" content="light dark">
|
||
<meta name="supported-color-schemes" content="light dark">
|
||
<title>Ihre Buchung {{nummer}} bei {{firma}} ist bestätigt</title>
|
||
<!--[if mso]><style>table,td{font-family:Arial,Helvetica,sans-serif!important;}</style><![endif]-->
|
||
<style>
|
||
a{color:#111111;}
|
||
@media (max-width:620px){.w{width:100%!important;}.px{padding-left:24px!important;padding-right:24px!important;}.lbl{display:block!important;width:100%!important;padding-bottom:2px!important;border-bottom:0!important;}.val{display:block!important;width:100%!important;padding-top:0!important;}}
|
||
@media (prefers-color-scheme:dark){.bg{background:#161615!important;}.card{background:#1f1f1e!important;}.ink{color:#f2f1ee!important;}.mut{color:#a8a6a0!important;}.box{background:#2a2a28!important;border-color:#3a3a37!important;}.btn{background:#f2f1ee!important;}.btn a{color:#161615!important;}.btn2{border-color:#f2f1ee!important;}.btn2 a{color:#f2f1ee!important;}.rowline{border-color:#3a3a37!important;}.pill{background:#1f1f1e!important;}.pill span{color:#f2f1ee!important;}}
|
||
</style>
|
||
</head>
|
||
<body style="margin:0;padding:0;background:#f1f0ec;">
|
||
<table role="presentation" class="bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f1f0ec;">
|
||
<tr><td align="center" style="padding:32px 12px;">
|
||
<table role="presentation" class="w" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;">
|
||
<tr><td class="px" bgcolor="{{farbe}}" style="background:{{farbe}};border-radius:16px 16px 0 0;padding:18px 40px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="pill" bgcolor="#ffffff" style="background:#ffffff;border-radius:8px;padding:8px 14px;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:22px;font-weight:bold;color:#111111;"><span style="color:#111111;">{{firma}}</span></td></tr></table></td></tr>
|
||
<tr><td class="card" style="background:#ffffff;border-radius:0 0 16px 16px;">
|
||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
||
<tr><td class="px ink" style="padding:36px 40px 0 40px;font-family:Arial,Helvetica,sans-serif;font-size:26px;line-height:32px;mso-line-height-rule:exactly;font-weight:bold;letter-spacing:-0.5px;color:#111111;">Ihre Buchung ist bestätigt</td></tr>
|
||
<tr><td class="px mut" style="padding:14px 40px 0 40px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:25px;mso-line-height-rule:exactly;color:#4a4843;">Guten Tag {{gast_name}},<br>vielen Dank, Ihre Buchung bei {{firma}} ist verbindlich. Alle Angaben finden Sie unten; die Rechnung {{rechnung_nummer}} hängt als PDF an.</td></tr>
|
||
<tr><td class="px" style="padding:24px 40px 0 40px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:21px;mso-line-height-rule:exactly;">
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Unterkunft</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;"><strong>{{unterkunft}}</strong></td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Zeitraum</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;">{{zeitraum}} ({{naechte}})</td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Personen</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;">{{personen}}</td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Buchungsnummer</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;">{{nummer}}</td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Leistungen</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;">{{posten_text}}</td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Gesamtpreis</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;"><strong>{{gesamt}}</strong></td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Zahlung</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;">{{zahlart_text}}</td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Stornobedingungen</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;">{{stornobedingungen}}</td></tr>
|
||
<tr><td class="lbl mut rowline" width="150" valign="top" style="width:150px;padding:11px 12px 11px 0;border-bottom:1px solid #ecebe6;color:#6b6964;">Anbieter</td><td class="val ink rowline" valign="top" style="padding:11px 0;border-bottom:1px solid #ecebe6;color:#111111;">{{anbieter_kontakt}}</td></tr>
|
||
</table></td></tr>
|
||
<!-- WENN online_unbezahlt -->
|
||
<tr><td class="px" style="padding:20px 40px 0 40px;"><table role="presentation" class="box" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f7f6f3;border:1px solid #e8e6e0;border-radius:12px;"><tr><td class="ink" style="padding:16px 20px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:21px;color:#111111;">Den Bezahl-Link finden Sie auf der Buchungsseite aus unserer vorigen E-Mail.</td></tr></table></td></tr>
|
||
<!-- ENDE online_unbezahlt -->
|
||
<tr><td class="px" style="padding:20px 40px 0 40px;"><table role="presentation" class="box" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f7f6f3;border:1px solid #e8e6e0;border-radius:12px;"><tr><td class="ink" style="padding:16px 20px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:21px;color:#111111;"><strong>Kein Widerrufsrecht:</strong> Für Verträge über die Beherbergung zu einem bestimmten Zeitraum besteht nach § 312g Abs. 2 Satz 1 Nr. 9 BGB kein gesetzliches Widerrufsrecht. Es gelten die oben genannten Stornobedingungen.</td></tr></table></td></tr>
|
||
<tr><td class="px ink" style="padding:28px 40px 40px 40px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:24px;color:#111111;">Freundliche Grüße<br><strong>{{firma}}</strong></td></tr>
|
||
</table>
|
||
</td></tr>
|
||
<tr><td class="px mut" align="center" style="padding:24px 40px 0 40px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:19px;color:#6b6964;"><div><strong>{{firma}}</strong></div><div>{{anbieter_kontakt}}</div></td></tr>
|
||
<tr><td class="px mut" align="center" style="padding:12px 40px 0 40px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:19px;color:#6b6964;">Diese E-Mail wurde im Auftrag von {{firma}} über den Buchungskalender von WEBklar versendet. Antworten gehen direkt an {{firma}}.</td></tr>
|
||
</table>
|
||
</td></tr>
|
||
</table>
|
||
</body>
|
||
</html>
|