/* Gekapseltes Styling: alles unter .scr, Farben ueber CSS-Variablen (--scr-accent wird per style gesetzt),
   damit das Formular in NOVA, bike-store-dynamic, radsport-haus-dynamic und speedware gleich gut aussieht. */
.scr{--scr-accent:#8e1d24;--scr-ink:#211c18;--scr-ink2:#5b5148;--scr-surface:#f8f6f1;--scr-line:#d8cebf;--scr-err:#b3261e;
  max-width:44rem;margin:1.5rem auto 2.5rem;color:var(--scr-ink);line-height:1.55;box-sizing:border-box}
.scr *,.scr *::before,.scr *::after{box-sizing:border-box}
.scr h1{font-size:1.9rem;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.1;margin:0 0 .75rem;color:var(--scr-ink)}
.scr h1::before{content:"";display:block;width:3rem;height:.3rem;background:var(--scr-accent);margin-bottom:.7rem}
.scr-intro{color:var(--scr-ink2);margin-bottom:1.25rem}
.scr-intro p{margin:0 0 .5rem}
.scr-card{background:var(--scr-surface);padding:1.5rem;border-top:3px solid var(--scr-accent);position:relative}
.scr-row{margin-bottom:1rem}
.scr-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.scr label{display:block;font-weight:700;font-size:.9rem;margin-bottom:.25rem;color:var(--scr-ink)}
.scr input[type=text],.scr input[type=tel],.scr input[type=email],.scr select,.scr textarea{display:block;width:100%;font:inherit;font-size:1rem;padding:.65rem .75rem;
  color:var(--scr-ink);background:#fff;border:1px solid var(--scr-line);border-radius:0;box-shadow:none;height:auto}
.scr input:focus,.scr select:focus,.scr textarea:focus{outline:2px solid var(--scr-accent);outline-offset:1px;border-color:var(--scr-accent)}
.scr textarea{resize:vertical}
.scr-hint{display:block;font-size:.82rem;color:var(--scr-ink2);margin-top:.25rem}
.scr-err{display:block;font-size:.85rem;color:var(--scr-err);margin-top:.25rem;font-weight:600}
.scr-alert{background:#fdecea;border-left:4px solid var(--scr-err);color:var(--scr-err);padding:.7rem .9rem;margin-bottom:1rem;font-weight:600}
.scr-check label{font-weight:400;display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem}
.scr-check input{margin-top:.25rem;flex:none}
.scr-check label span{display:block;flex:1;min-width:0}
.scr a{color:var(--scr-accent)}
.scr .scr-btn{display:inline-block;cursor:pointer;border:0;padding:.85rem 2rem;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;
  background:var(--scr-accent);color:#fff;border-radius:0;transition:filter .15s;clip-path:polygon(.7rem 0,calc(100% - .7rem) 0,100% 50%,calc(100% - .7rem) 100%,.7rem 100%,0 50%)}
.scr .scr-btn:hover,.scr .scr-btn:focus{filter:brightness(.88)}
.scr-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
.scr-thanks h1{font-size:1.6rem}
.scr-note{color:var(--scr-ink2);font-size:.9rem}
@media (max-width:600px){.scr-cols{grid-template-columns:1fr}.scr-card{padding:1.1rem}.scr h1{font-size:1.5rem}}