/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2026 | 20:59:22 */
/* ============================================================
MV Neukenroth: Bestellformular (Contact Form 7)
Aussehen der Kartenbestellung in der Karte "mv-formular".
Farben kommen aus dem zentralen Design.
============================================================ */
.mv-formular .wpcf7 form > p{ margin: 0; }
.mv-formular .wpcf7 br{ display: none; }
.mv-bestellung{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; margin: 0 0 16px; }
.mv-bestellung__feld{ margin: 0 0 14px; }
.mv-bestellung .mv-bestellung__feld{ margin: 0; }
.mv-bestellung__feld > p{ margin: 0; }
.mv-bestellung__feld--breit{ grid-column: 1 / -1; }
.mv-bestellung__trenner{
grid-column: 1 / -1;
font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--mv-gold-dunkel);
padding-top: 6px; border-top: 1px solid var(--mv-linie);
}
.mv-bestellung__trenner:first-child{ border-top: 0; padding-top: 0; }
.mv-formular label,
.mv-bestellung__label{ display: block; font-size: 14px; font-weight: 600; color: var(--mv-tinte); }
.mv-formular .wpcf7-form-control-wrap{ display: block; margin-top: 6px; }
.mv-formular :is(input[type="number"], select){
width: 100% !important; box-sizing: border-box;
font-family: var(--mv-schrift); font-size: 15px; color: var(--mv-tinte);
background: var(--mv-papier-soft);
border: 1px solid var(--mv-linie) !important; border-radius: 10px;
padding: 12px 14px !important;
}
.mv-formular input[type="number"]:focus{
outline: none; background: #fff; border-color: var(--mv-rot) !important;
box-shadow: 0 0 0 3px rgba(125,1,2,.12);
}
.mv-bestellung__summe{
background: var(--mv-rot-tint); border-radius: 10px;
padding: 14px 16px; margin: 0 0 18px;
font-size: 15px; color: var(--mv-tinte-soft);
}
.mv-bestellung__summe,
.mv-bestellung__summe > p{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.mv-bestellung__summe > p{ width: 100%; margin: 0; }
.mv-bestellung__summe strong{ font-size: 22px; font-weight: 800; color: var(--mv-rot); }
.mv-bestellung__summe--fehler strong{ font-size: 15px; color: #b3261e; }
.mv-formular .wpcf7-radio{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.mv-formular .wpcf7-radio .wpcf7-list-item{ margin: 0; }
.mv-formular .wpcf7-radio label{
display: inline-flex; align-items: center; gap: 8px;
font-weight: 500; cursor: pointer;
background: var(--mv-papier-soft); border: 1px solid var(--mv-linie);
border-radius: 999px; padding: 9px 16px;
}
.mv-formular .wpcf7-radio input{ accent-color: var(--mv-rot); margin: 0; }
.mv-bestellung__zustimmung .wpcf7-list-item{ margin: 0; }
html body .mv-formular .mv-bestellung__zustimmung label{ display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; }
html body .mv-formular .mv-bestellung__zustimmung input[type="checkbox"]{ flex: 0 0 18px; width: 18px !important; height: 18px; margin: 2px 0 0 !important; accent-color: var(--mv-rot); }
html body .mv-formular .mv-bestellung__zustimmung .wpcf7-list-item-label{ font-weight: 400; font-size: 14px; line-height: 1.5; color: var(--mv-tinte-soft); }
.mv-formular .wpcf7-not-valid-tip{ font-size: 13px; margin-top: 4px; }
.mv-formular .wpcf7 form .wpcf7-response-output{
margin: 18px 0 0; padding: 12px 16px; border-radius: 10px; font-size: 15px;
}
.mv-formular .wpcf7 form.sent .wpcf7-response-output{ border-color: #2e7d32; background: #edf7ee; color: #1b5e20; }
.mv-preis{ font-size: 22px; font-weight: 800; color: var(--mv-rot); }
html body .mv-seite .mv-hinweis{ padding: 18px 22px; }
html body .mv-seite .mv-hinweis p{ margin: 0 0 8px; color: var(--mv-tinte-soft); }
html body .mv-seite .mv-hinweis p:last-child{ margin-bottom: 0; }
html body .mv-seite .mv-hinweis strong{ color: var(--mv-rot); }
html body .mv-seite .mv-bild img{ box-shadow: 0 16px 34px rgba(34,26,26,.22); }
.mv-bestellung__hinweis{ font-size: 14px; line-height: 1.55; color: var(--mv-tinte-soft); background: var(--mv-papier-soft); border-left: 3px solid var(--mv-gold); border-radius: 0 var(--mv-radius-s) var(--mv-radius-s) 0; padding: 12px 14px; margin: 0 0 14px; }
.mv-bestellung__hinweis > p{ margin: 0; }
.mv-bestellung__falle{ position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
@media only screen and (max-width: 600px){
.mv-bestellung{ grid-template-columns: 1fr; }
.mv-formular{ padding: 20px; }
}

/* Bestellseite: kompakte Schrittleiste */
.mv-schritte{
display: grid; grid-template-columns: repeat(3, 1fr);
list-style: none !important; margin: 0 0 34px !important; padding: 0 !important;
background: var(--mv-papier-soft); border: 1px solid var(--mv-linie); border-radius: var(--mv-radius-m);
}
.mv-schritt{ display: flex; gap: 12px; align-items: flex-start; list-style: none !important; margin: 0 !important; padding: 14px 16px !important; }
.mv-schritt + .mv-schritt{ border-left: 1px solid var(--mv-linie); }
.mv-schritt__nr{
flex: 0 0 30px; height: 30px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: var(--mv-rot); color: #fff; font-size: 14px; font-weight: 700;
}
.mv-schritt__titel{ display: block; font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--mv-tinte); }
.mv-schritt__text{ display: block; font-size: 13.5px; line-height: 1.45; color: var(--mv-tinte-soft); margin-top: 2px; }

/* Bestellseite: Termin mit Kalenderblatt */
.mv-termin{ display: flex; gap: 16px; align-items: center; }
.mv-termin__kalender{
flex: 0 0 66px; text-align: center; overflow: hidden;
background: #fff; border: 1px solid var(--mv-linie); border-radius: 10px; box-shadow: var(--mv-schatten-s);
}
.mv-termin__monat{ display: block; background: var(--mv-rot); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: 4px 0; }
.mv-termin__tag{ display: block; font-size: 28px; font-weight: 800; line-height: 1.1; color: var(--mv-tinte); padding-top: 6px; }
.mv-termin__jahr{ display: block; font-size: 11px; color: var(--mv-tinte-soft); padding-bottom: 6px; }
.mv-termin .mv-kontaktliste__wert strong{ font-size: 17px; color: var(--mv-tinte); }

/* Bestellseite: Preistabelle */
.mv-preise__zeile{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0; border-bottom: 1px dashed var(--mv-linie); }
.mv-preise__zeile:last-child{ border-bottom: 0; }
.mv-preise__name{ font-size: 15px; color: var(--mv-tinte); }
.mv-preise__betrag{ font-size: 22px; font-weight: 800; color: var(--mv-rot); white-space: nowrap; }
.mv-preise__zeile--klein .mv-preise__betrag{ font-size: 16px; color: var(--mv-tinte); }
.mv-preise__hinweis{ font-size: 13.5px !important; line-height: 1.5; color: var(--mv-tinte-soft); margin: 10px 0 0 !important; }
.mv-nowrap{ white-space: nowrap; }

/* Bestellseite: Formularkarte mit eigener Überschrift */
html body .mv-formular--bestellung{ border-top: 4px solid var(--mv-rot); }
.mv-formular__titel{ font-size: 22px !important; font-weight: 800; line-height: 1.25; color: var(--mv-tinte); margin: 0 0 4px !important; }
.mv-formular__sub{ font-size: 14.5px !important; color: var(--mv-tinte-soft); margin: 0 0 18px !important; }

@media only screen and (max-width: 768px){
.mv-schritte{ grid-template-columns: 1fr; }
.mv-schritt + .mv-schritt{ border-left: 0; border-top: 1px solid var(--mv-linie); }
}