/* Formulare auf Baukasten-Seiten (01.11.2026): Offertformular, Umzugskostenrechner, Material-Shop, Möbellift-Anfrage.
   Die Formular-Stile bleiben in teile/formular.css und teile/material.css (dort sauber auf .offerte/.rechner/.material
   begrenzt); diese Datei übersetzt ihre Variablen auf die Baukasten-Farben und -Schriften und gestaltet Knöpfe und die
   Möbellift-Pakete. Geladen nur auf Baukasten-Seiten mit einem Formular (functions.php). */
.bk :is(.offerte,.rechner,.material){
  --f:var(--bk-f-text);--ink:var(--bk-ink);--text:var(--bk-text);--muted:var(--bk-muted);
  --navy:var(--bk-dark);--navy-2:var(--bk-dark-2);--blue:var(--bk-blue);--blue-soft:var(--bk-icon-tint);
  --red:var(--bk-red);--red-dark:var(--bk-red-2);--red-soft:var(--bk-tint);
  --line:var(--bk-line);--line-2:var(--bk-line);--line-strong:#bdbab5;--bg-2:var(--bk-bg2);--focus:var(--bk-blue);--ok:#1f8a5c;
  --r-xs:8px;--r-sm:var(--bk-r-s);--r-md:var(--bk-r-m);--r-lg:var(--bk-r-l);--r-pill:999px;
  --t:.25s;--t-fast:.15s;--t-slow:.4s;--ease:var(--bk-ease);
  --step-xs:.8125rem;--step-sm:.875rem;--step-body:1.025rem;--step-1:1.125rem;--step-h3:1.3rem;--step-h2:1.9rem;
  --shadow-sm:0 1px 2px rgb(23 25 29/.05),0 4px 14px -6px rgb(23 25 29/.08);--shadow-md:0 1px 2px rgb(23 25 29/.04),0 22px 44px -22px rgb(23 25 29/.22);
  --kopf-h:0px;--mbar-h:64px;font-family:var(--bk-f-text)
}
html[data-farbe="dunkel"] .bk :is(.offerte,.rechner,.material){--line-strong:rgb(255 255 255/.28)}
.bk :is(.offerte,.rechner,.material) :is(h2,h3,legend,.block-titel,.auswahl-titel){font-family:var(--bk-f-titel);letter-spacing:calc(var(--bk-titel-ls)/2)}
/* Knöpfe in Formularen wie die Baukasten-Knöpfe */
.bk :is(.offerte,.rechner,.material,.ml-pakete-box) .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:0 1.5rem;border:2px solid transparent;border-radius:var(--bk-r-btn);background:var(--bk-red);color:#fff;font:600 1rem/1.1 var(--bk-f-titel);text-decoration:none;cursor:pointer;transition:background-color .2s var(--bk-ease),translate .2s var(--bk-ease),box-shadow .2s var(--bk-ease)}
.bk :is(.offerte,.rechner,.material,.ml-pakete-box) .btn:hover{background:var(--bk-red-2);translate:0 -2px;box-shadow:0 12px 24px -12px rgb(211 61 68/.7)}
.bk :is(.offerte,.rechner,.material,.ml-pakete-box) .btn svg{inline-size:18px;block-size:18px}
.bk :is(.offerte,.rechner) .btn.zurueck,.bk :is(.offerte,.rechner) .zurueck{background:transparent;color:var(--bk-ink)}
/* Möbellift-Pakete ([alp_moebellift_pakete]) als Preiskarten */
.bk .ml-pakete{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}
.bk .ml-karte{display:grid;align-content:start;gap:.75rem;padding:1.5rem;border-radius:var(--bk-r-l);background:var(--bk-card);box-shadow:0 0 0 1px var(--bk-line),0 1px 2px rgb(23 25 29/.04);transition:translate .25s var(--bk-ease),box-shadow .25s var(--bk-ease)}
.bk .ml-karte:hover{translate:0 -4px;box-shadow:0 0 0 1px transparent,0 26px 50px -28px rgb(23 25 29/.45)}
.bk .ml-titel{margin:0;color:var(--bk-ink);font:var(--bk-titel-w) 1.2rem/1.25 var(--bk-f-titel);letter-spacing:calc(var(--bk-titel-ls)/2)}
.bk .ml-preis{margin:0;color:var(--bk-ink)}
.bk .ml-preis-zahl{font:var(--bk-titel-w) clamp(1.7rem,1.3rem + 1vw,2.1rem)/1 var(--bk-f-titel);letter-spacing:var(--bk-titel-ls);white-space:nowrap}
.bk .ml-preis-text,.bk .ml-stunde{color:var(--bk-muted);font-size:.9rem}
.bk .ml-merkmale{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}
.bk .ml-merkmale li{position:relative;padding-left:1.4rem;color:var(--bk-text);font-size:.95rem}
.bk .ml-merkmale li::before{content:"";position:absolute;left:.15rem;top:.55em;inline-size:.45rem;block-size:.45rem;border-radius:50%;background:var(--bk-red)}
.bk .ml-knopf{margin-top:auto}
.bk .ml-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Offerte und Rechner im Baukasten-Stil verfeinert (01.11.2026): Zusammenfassung ruhiger (keine Grossbuchstaben-Etiketten),
   Stundenansatz gross und deutlich, Schrittzeile und Fortschritt in den Baukasten-Farben */
.bk .offerte .auswahl dt,.bk .rechner dt{font-size:.8125rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--bk-muted)}
.bk .offerte .auswahl dd.preis{font:var(--bk-titel-w) 1.45rem/1.15 var(--bk-f-titel);letter-spacing:-.02em;color:var(--bk-ink)}
.bk .offerte .auswahl-titel{font-family:var(--bk-f-titel);font-size:1.2rem}
.bk .offerte .fortschritt{block-size:5px;background:var(--bk-bg3)}
.bk .offerte .fortschritt-text b{font-family:var(--bk-f-titel)}
.bk :is(.offerte,.rechner) .team-preis{font-family:var(--bk-f-titel)}
.bk :is(.offerte,.rechner) .chip span,.bk :is(.offerte,.rechner) .zahlen span{transition:background-color .2s var(--bk-ease),border-color .2s var(--bk-ease),color .2s var(--bk-ease),translate .2s var(--bk-ease)}
.bk :is(.offerte,.rechner) .chip:hover span,.bk :is(.offerte,.rechner) .zahlen label:hover span{border-color:var(--bk-ink)}
/* Schmale Handys: lange Wörter («Umzugsreinigung») passen in die Auswahl-Chips */
@media (max-width:420px){.bk .offerte .chips .chip span{gap:6px;padding-inline:11px 9px}}