/* pxe_odoo_termin im markt.machen-CD (Indexed Geometry): Petrol #00313c, Lime #c4d600, Weiss.
   Kein Radius, keine Schatten, Inter fuer Text, Big Shoulders Display fuer Titel.
   Spezifitaet "html body .pxe-termin" schlaegt termin.css unabhaengig von der Ladereihenfolge.
   Kontrast: Petrol auf Lime ca. 8:1, Petrol auf Weiss ca. 14:1, Weiss auf Petrol ca. 14:1. */
html body .pxe-termin {
  --pxe-navy: #00313c; --pxe-tuerkis: #00313c; --pxe-tuerkis-text: #00313c;
  --pxe-text-h: #00313c; --pxe-text: #00313c; --pxe-mist: #f2f2f2;
  font-family: var(--mm-body, "Inter", Arial, sans-serif); color: #00313c;
  border: 1px solid #00313c; box-shadow: none;
}
html body .pxe-termin, html body .pxe-termin * { border-radius: 0 !important; }
html body .pxe-termin .pxe-termin__title {
  font-family: var(--mm-display, "Big Shoulders Display", Arial, sans-serif);
  font-weight: 800; text-transform: uppercase; letter-spacing: .02em; font-size: 2rem; color: #00313c;
}
html body .pxe-termin .pxe-eyebrow,
html body .pxe-termin .pxe-termin__day h4,
html body .pxe-termin .pxe-termin__time,
html body .pxe-termin .pxe-btn { font-family: var(--mm-body, "Inter", Arial, sans-serif); }
html body .pxe-termin .pxe-eyebrow, html body .pxe-termin .pxe-eyebrow span { color: #00313c; }
html body .pxe-termin .pxe-btn { background: #c4d600; color: #00313c; }
html body .pxe-termin .pxe-btn:hover, html body .pxe-termin .pxe-btn:focus-visible { background: #00313c; color: #fff; }
html body .pxe-termin .pxe-termin__time:focus-visible,
html body .pxe-termin .pxe-btn:focus-visible { outline: 3px solid #c4d600; outline-offset: 2px; }
html body .pxe-termin a { color: #00313c; text-decoration: underline; }

/* Formular im weissen Buchungskasten: die Seitenregeln fuer dunkle Flaechen (weisse Schrift,
   Lime-Linien) hier zuruecksetzen. Feldlinie Petrol statt Lime (Lime auf Weiss nur ca. 1,6:1). */
html body .pxe-termin .form-label,
html body .pxe-termin .form-check-label,
html body .pxe-termin .pxe-termin__chosen,
html body .pxe-termin .btn-link { color: #00313c; }
html body .pxe-termin .form-label { font-weight: 600; margin-bottom: .35rem; }
html body .pxe-termin .form-control {
  color: #00313c; background: #fff; border: 1px solid #00313c; padding: .6rem .75rem; box-shadow: none;
}
html body .pxe-termin .form-control::placeholder { color: #4d6f77; opacity: 1; }
html body .pxe-termin .form-control:focus { border-color: #00313c; outline: 3px solid #c4d600; outline-offset: 0; }
html body .pxe-termin .alert,
html body .pxe-termin .alert-danger { color: #00313c; background: #f2f2f2; border: 0; border-left: 4px solid #b42318; }
html body .pxe-termin .alert-success { border-left-color: #00313c; }
html body .pxe-termin .form-check-input { border: 2px solid #00313c; background-color: #fff; }
html body .pxe-termin .form-check-input:checked { background-color: #00313c; border-color: #00313c; }