/* SK Motors – §57a Pickerl Formular | gescoped unter .sk-pf | Schrift: Poppins */
.sk-pf{
  --skpf-accent:#ff3d00;
  --skpf-bg:#141414;            /* per Einstellung überschreibbar */
  --skpf-line:rgba(255,255,255,.14);
  --skpf-input:rgba(255,255,255,.06);
  --skpf-input-focus:rgba(255,255,255,.11);
  --skpf-text:#f4f4f4;
  --skpf-mut:#9a9a9a;
  --skpf-dim:#6e6e6e;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--skpf-text);
  max-width:560px;
}
.sk-pf *{box-sizing:border-box;font-family:'Poppins',sans-serif;}
.sk-pf-form{
  background:var(--skpf-bg);
  border:1px solid var(--skpf-line);
  border-radius:18px;
  padding:38px;
}
.sk-pf-title{
  font-weight:700 !important;
  font-size:1.5rem !important;
  line-height:1.15 !important;
  letter-spacing:-.01em;
  margin:0 0 6px !important;
  color:var(--skpf-text) !important;
}
.sk-pf-sub{color:var(--skpf-mut) !important;font-size:.95rem !important;margin:0 0 26px !important;}

.sk-pf-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

.sk-pf-field{margin-bottom:16px;}
.sk-pf-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.sk-pf label{
  display:block;
  font-weight:600;
  font-size:.74rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--skpf-mut);
  margin-bottom:8px;
}
.sk-pf-req{color:var(--skpf-accent);}
.sk-pf input,
.sk-pf select,
.sk-pf textarea{
  width:100% !important;
  background:var(--skpf-input) !important;
  border:1px solid var(--skpf-line) !important;
  border-radius:10px !important;
  padding:13px 15px !important;
  color:var(--skpf-text) !important;
  font-family:'Poppins',sans-serif !important;
  font-size:1rem !important;
  line-height:1.3 !important;
  transition:.2s;
  box-shadow:none !important;
}
.sk-pf input::placeholder,.sk-pf textarea::placeholder{color:var(--skpf-dim) !important;}
.sk-pf input:focus,.sk-pf select:focus,.sk-pf textarea:focus{
  outline:none !important;
  border-color:var(--skpf-accent) !important;
  background:var(--skpf-input-focus) !important;
}
.sk-pf select{
  appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--skpf-mut) 50%),linear-gradient(135deg,var(--skpf-mut) 50%,transparent 50%);
  background-position:calc(100% - 20px) 19px,calc(100% - 14px) 19px;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
.sk-pf textarea{resize:vertical;min-height:90px;}

.sk-pf-btn{
  width:100%;
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:'Poppins',sans-serif;
  font-weight:600;font-size:.98rem;
  padding:16px 24px;border-radius:999px;
  border:1px solid transparent;cursor:pointer;
  transition:.25s ease;margin-top:8px;
}
.sk-pf-submit{background:var(--skpf-accent);color:#fff;}
.sk-pf-submit:hover{filter:brightness(1.08);}
.sk-pf-submit:disabled{opacity:.6;cursor:default;}
.sk-pf-whatsapp{background:#25d366;color:#0a0a0a;margin-top:12px;}
.sk-pf-whatsapp:hover{filter:brightness(1.05);}
.sk-pf-whatsapp svg{flex:none;}

.sk-pf-note{color:var(--skpf-dim) !important;font-size:.78rem !important;margin:14px 0 0 !important;line-height:1.5 !important;}

.sk-pf-success{
  background:var(--skpf-bg);
  border:1px solid var(--skpf-line);
  border-radius:18px;
  padding:48px 30px;text-align:center;
}
.sk-pf-ic{
  width:64px;height:64px;border-radius:50%;
  background:var(--skpf-accent);color:#fff;
  display:grid;place-items:center;font-size:2rem;font-weight:700;
  margin:0 auto 22px;
}
.sk-pf-success h3{
  font-weight:700 !important;font-size:1.5rem !important;
  margin:0 0 10px !important;color:var(--skpf-text) !important;
}
.sk-pf-success p{color:var(--skpf-mut) !important;margin:0 !important;}
.sk-pf-again{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:.95rem;
  padding:13px 28px;border-radius:999px;cursor:pointer;
  background:transparent;color:var(--skpf-text);
  border:1px solid var(--skpf-accent);
  margin-top:24px;transition:.25s ease;
}
.sk-pf-again:hover{background:var(--skpf-accent);color:#fff;}

@media (max-width:560px){
  .sk-pf-form{padding:26px;}
  .sk-pf-row2{grid-template-columns:1fr;}
}