Reifenservice für PKW –
Termin direkt online buchen
CSS
/* === CF7 4-Spalten Layout === */
.cf7-grid{
display:grid;
grid-template-columns: repeat(4, minmax(220px, 1fr));
gap: 18px;
align-items: start;
}
/* Tablet: 2 Spalten */
@media (max-width: 1100px){
.cf7-grid{ grid-template-columns: repeat(2, minmax(240px, 1fr)); }
}
/* Mobile: 1 Spalte */
@media (max-width: 640px){
.cf7-grid{ grid-template-columns: 1fr; }
}
.cf7-block{
background: rgba(0,0,0,0.12);
border: 1px solid rgba(255,255,255,0.10);
border-radius: 10px;
padding: 16px;
}
.cf7-title{
margin: 0 0 12px;
font-size: 18px;
line-height: 1.2;
font-weight: 700;
color: #fff;
}
.cf7-row{
margin-bottom: 12px;
}
.cf7-label{
display:block;
font-weight: 600;
font-size: 13px;
margin-bottom: 6px;
color: rgba(255,255,255,0.92);
}
.cf7-help{
margin: 6px 0 0;
font-size: 12px;
color: rgba(255,255,255,0.75);
}
/* Inputs */
.cf7-grid input[type=“text“],
.cf7-grid input[type=“email“],
.cf7-grid input[type=“tel“],
.cf7-grid input[type=“date“],
.cf7-grid select,
.cf7-grid textarea{
width:100%;
box-sizing:border-box;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.18);
background: rgba(255,255,255,0.08);
color: #fff;
outline: none;
}
.cf7-grid textarea{
min-height: 110px;
resize: vertical;
}
.cf7-grid input::placeholder,
.cf7-grid textarea::placeholder{
color: rgba(255,255,255,0.65);
}
/* File Upload */
.cf7-grid input[type=“file“]{
width:100%;
box-sizing:border-box;
padding: 10px 12px;
border-radius: 8px;
border: 1px dashed rgba(255,255,255,0.22);
background: rgba(255,255,255,0.06);
color: rgba(255,255,255,0.9);
}
/* Submit */
.cf7-submit{
width:100%;
padding: 12px 14px;
border: none;
border-radius: 8px;
font-weight: 700;
cursor: pointer;
}
/* CF7 Validation */
.wpcf7-not-valid-tip{
font-size: 12px;
margin-top: 6px;
}
.wpcf7 form .wpcf7-response-output{
margin: 12px 0 0;
padding: 10px 12px;
border-radius: 8px;
}
CF7 Code
Kontaktdaten
[text* your-name autocomplete:name placeholder „Vor- und Nachname“]
[text your-company autocomplete:organization placeholder „Firma (optional)“]
[email* your-email autocomplete:email placeholder „name@beispiel.de“]
[tel* your-phone autocomplete:tel placeholder „Telefonnummer“]
Leistung
[select* service-type include_blank „Radwechsel“ „Reifenwechsel“ „Reifenreparatur“]
Tipp: Für mehrere Anliegen bitte eine Leistung wählen und Details ins Nachrichtenfeld schreiben.
[textarea your-message placeholder „Kurzbeschreibung / Hinweise (z. B. 2. Radsatz, Ventile, Runflat, etc.)“]
Reifenangaben
[file tyre-photo limit:12mb filetypes:jpg|jpeg|png|webp|heic]
Bitte Seitenwand fotografieren (z. B. 205/55 R16).
[text tyre-size placeholder „z. B. 225/55 R17“]
Wenn du ein Foto hochlädst, kann dieses Feld leer bleiben.
Wunschtermin
[date* desired-date placeholder „TT.MM.JJJJ“]
[select* desired-slot include_blank
„früher Vormittag“
„vormittags“
„gegen Mittag“
„früher Nachmittag“
„nachmittags“
„abends“]
Wir melden uns zur Bestätigung mit dem nächstmöglichen Termin.


