/* pxe_odoo_termin – pixelegg-CD (Live-Seite): Navy #2B4EA0, Türkis #17C3D6 (Text auf Weiß #0A6F7C),
   Text #14192B/#353C55, Mist #EEF2FA, Poppins (Überschriften/Buttons), Quicksand (Text), Pill-Buttons, Radius 12px */
.pxe-termin { --pxe-navy:#2B4EA0; --pxe-tuerkis:#17C3D6; --pxe-tuerkis-text:#0A6F7C; --pxe-text-h:#14192B; --pxe-text:#353C55; --pxe-mist:#EEF2FA;
  font-family: Quicksand, Arial, Helvetica, sans-serif; color: var(--pxe-text); background:#fff; border-radius:12px; padding: 2rem; box-shadow: 0 6px 24px rgba(20,25,43,.08); }
.pxe-termin__title { font-family: Poppins, Arial, sans-serif; font-weight:700; color: var(--pxe-text-h); font-size:1.5rem; margin:0 0 1rem; }
.pxe-eyebrow { font-family: Poppins, Arial, sans-serif; font-weight:700; font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; color: var(--pxe-tuerkis-text); margin:0 0 .5rem; }
.pxe-eyebrow span { color: var(--pxe-tuerkis); }
.pxe-termin__intro { margin-bottom:1.5rem; }
.pxe-termin__hint { color: var(--pxe-text); }
.pxe-termin__day { margin-bottom:1.25rem; }
.pxe-termin__day h4 { font-family: Poppins, Arial, sans-serif; font-size:1rem; font-weight:700; color: var(--pxe-text-h); margin:0 0 .5rem; }
.pxe-termin__times { display:flex; flex-wrap:wrap; gap:.5rem; }
.pxe-termin__time { font-family: Poppins, Arial, sans-serif; font-weight:700; border:2px solid var(--pxe-navy); color: var(--pxe-navy); background:#fff;
  border-radius:999px; padding:.45rem 1rem; min-width:5.5rem; cursor:pointer; }
.pxe-termin__time:hover, .pxe-termin__time:focus-visible { background: var(--pxe-navy); color:#fff; outline:none; }
.pxe-termin__more { margin-top:.5rem; }
.pxe-btn { font-family: Poppins, Arial, sans-serif; font-weight:700; background: var(--pxe-navy); color:#fff; border-radius:999px; padding:.8rem 1.75rem; border:0; }
.pxe-btn:hover, .pxe-btn:focus-visible { background:#1B3269; color:#fff; }
.pxe-btn[disabled] { opacity:.6; }
.pxe-termin .form-check-input:checked { background-color: var(--pxe-navy); border-color: var(--pxe-navy); }
.pxe-termin__done { background: var(--pxe-mist); border-radius:12px; padding:1.5rem; }
.pxe-hp { position:absolute !important; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media (max-width: 575px) { .pxe-termin { padding:1.25rem; } .pxe-termin__time { min-width:4.75rem; } }