/* Hexxer Mietrechner 1.3.1 – Farben kommen aus dem Theme (Customizer/Farbpalette) */
.hxr{--hxr-accent:var(--wpex-accent,#5B3DF5);--hxr-accent-2:var(--hx-accent-2,#FF8A1F);--hxr-dark:var(--hx-dark,#0E1330);--hxr-soft:var(--hx-soft,#F4F2FF);--hxr-border:var(--wpex-border-main,#E4E1F5);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start;text-align:left}
.hxr__form{display:flex;flex-direction:column;gap:18px}
.hxr__step{margin:0;border:1px solid var(--hxr-border);border-radius:20px;padding:22px 22px 18px;background:#fff;box-shadow:0 6px 24px rgba(14,19,48,.06)}
.hxr__legend{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 14px;font-family:var(--wpex-heading-font-family,inherit);font-weight:700;font-size:19px;color:var(--hxr-dark);float:left;width:100%}
.hxr__legend+*{clear:both}
.hxr__num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--hxr-accent);color:#fff;font-size:15px;flex:none}
.hxr__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hxr__field{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600;color:var(--hxr-dark)}
.hxr__field--full{margin-bottom:10px}
.hxr__field input,.hxr__field select{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--hxr-border);border-radius:12px;background:#fff;font:inherit;font-weight:500;color:var(--hxr-dark);box-sizing:border-box}
.hxr__field input:focus,.hxr__field select:focus{outline:none;border-color:var(--hxr-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hxr-accent) 20%,transparent)}
.hxr__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hxr__chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1.5px solid var(--hxr-border);border-radius:999px;background:var(--hxr-soft);color:var(--hxr-dark);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}
.hxr__chip:hover{border-color:var(--hxr-accent);color:var(--hxr-accent)}
.hxr__chip--check input{position:absolute;opacity:0;width:1px;height:1px}
.hxr__chip--check:has(input:checked){background:var(--hxr-accent);border-color:var(--hxr-accent);color:#fff}
.hxr__chip--check:has(input:focus-visible){outline:2px solid var(--hxr-accent);outline-offset:2px}
.hxr__km{margin:4px 0 0;font-size:15px;font-weight:600;min-height:1em}
.hxr__km.is-ok{color:#11734b}.hxr__km.is-ok:before{content:"✓ "}
.hxr__km.is-info{color:var(--hxr-dark)}
.hxr__sum{position:sticky;top:100px;border-radius:24px;padding:28px 26px;background:var(--hxr-dark);color:#fff;box-shadow:0 20px 50px rgba(14,19,48,.25)}
.hxr__sum-kicker{margin:0;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--hxr-accent-2);font-weight:700}
.hxr__price{margin:4px 0 2px;font-family:var(--wpex-heading-font-family,inherit);font-size:54px;line-height:1.05;font-weight:800;color:#fff}
.hxr__sum-sub{margin:0 0 14px;color:#c9c6ff;font-size:15px}
.hxr__lines{list-style:none;margin:0 0 14px;padding:0}
.hxr__lines li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.18);font-size:15px}
.hxr__incl{list-style:none;margin:0 0 16px;padding:0}
.hxr__incl li{position:relative;padding:4px 0 4px 26px;font-size:15px;color:#e8e6ff}
.hxr__incl li:before{content:"✓";position:absolute;left:2px;top:3px;font-weight:800;color:var(--hxr-accent-2)}
.hxr__hint{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:rgba(255,138,31,.15);color:#ffd9b3;font-size:14px}
.hxr__cta.theme-button{display:block;width:100%;text-align:center;font-size:17px;padding:15px 20px;background:var(--hxr-accent-2);color:var(--hxr-dark);border-radius:14px}
.hxr__cta.theme-button:hover{background:#fff;color:var(--hxr-dark)}
.hxr__legal{margin:12px 0 0;font-size:13px;color:#b9b6e8;text-align:center}
@media (max-width:959px){.hxr{grid-template-columns:1fr}.hxr__sum{position:static}}
@media (max-width:479px){.hxr__row{grid-template-columns:1fr}.hxr__step{padding:18px 16px 14px}.hxr__price{font-size:46px}}
.hxr [hidden]{display:none!important}
.hxr__sync{margin:10px 0 0;font-size:13px;color:#c9c6ff;text-align:center}