.elementor-17423 .elementor-element.elementor-element-e73d225{--display:flex;}@media(min-width:768px){.elementor-17423 .elementor-element.elementor-element-e73d225{--content-width:73%;}}/* Start custom CSS for html, class: .elementor-element-00bda42 *//* =================== PS24 – Typeform-Style CSS =================== */
.ps24-msf{--accent:#AEBF9A; max-width:780px; margin:0 auto; padding:32px 16px; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#2E2E2E}
.ps24-msf h3{font-size:clamp(22px,3.2vw,30px); margin:0 0 10px}
.ps24-hint{margin:0 0 18px; opacity:.75}
.ps24-note{opacity:.8; font-size:.95em}

/* Progress */
.ps24-progress{height:6px; background:#eee; border-radius:6px; overflow:hidden; margin:0 0 18px}
.ps24-progress-bar{height:100%; width:0%; background:var(--accent); transition:width .35s ease}

/* Steps */
.ps24-step{display:none; animation:ps24-fade .25s ease both}
.ps24-step.is-active{display:block}
.ps24-done{display:none; text-align:center}

/* Inputs */
.ps24-msf input[type="text"],
.ps24-msf input[type="email"],
.ps24-msf input[type="tel"],
.ps24-msf input[type="date"],
.ps24-msf input[type="time"],
.ps24-msf select,
.ps24-msf textarea{
  width:100%; padding:14px 14px; border:1.5px solid #ddd; border-radius:12px;
  outline:none; transition:border-color .2s ease, box-shadow .2s ease; background:#fff;
}
.ps24-msf textarea{resize:vertical}
.ps24-msf input:focus, .ps24-msf select:focus, .ps24-msf textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);
}

/* Tiles (Anlass) */
.ps24-tiles{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:10px 0 6px}
.ps24-tile{
  border:1.5px solid #ddd; border-radius:14px; padding:16px 14px; background:#fff; cursor:pointer;
  transition:transform .08s ease, border-color .2s ease, box-shadow .2s ease;
}
.ps24-tile:focus, .ps24-tile:hover{border-color:var(--accent); box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ps24-tile:active{transform:translateY(1px)}
.ps24-tile.is-selected{border-color:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}

/* Actions */
.ps24-actions{display:flex; gap:10px; margin-top:14px}
.ps24-next, .ps24-back, .ps24-submit{
  appearance:none; border:0; border-radius:999px; padding:12px 18px; cursor:pointer; font-weight:600
}
.ps24-next, .ps24-submit{background:var(--accent); color:#132; opacity:1; transition:opacity .2s ease, transform .06s ease}
.ps24-next[disabled]{opacity:.5; cursor:not-allowed}
.ps24-back{background:#eee}
.ps24-next:active, .ps24-submit:active{transform:translateY(1px)}

/* Checkbox */
.ps24-check{display:flex; gap:10px; align-items:flex-start}
.ps24-check input{margin-top:4px}

/* Animations */
@keyframes ps24-fade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

/* Responsive */
@media (max-width:560px){
  .ps24-tiles{grid-template-columns:1fr 1fr}
}/* End custom CSS */