html body.apl main#apl-inhalt.apl-demo{height:auto;outline:0;background:linear-gradient(115deg,#f3f9fa 0%,#e3f1f4 65%,#b9dbe2 100%);padding:214px 24px 72px}
html body.apl .apl-demo *{box-sizing:border-box}
html body.apl .apl-demo .demo-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:64px;row-gap:32px;align-items:start}
html body.apl .apl-demo .demo-heading{grid-column:1;grid-row:1}
html body.apl .apl-demo h1{font-size:40px;font-weight:600;line-height:1.18;letter-spacing:-.025em;margin:0 0 24px;color:#1e2828;text-transform:none}
html body.apl .apl-demo p{font-size:16px;line-height:1.65;color:#1e2828;margin:0 0 16px}
html body.apl .apl-demo .demo-eyebrow{font-size:13px;letter-spacing:.12em;font-weight:600;margin:0 0 18px}
html body.apl .apl-demo .demo-details{grid-column:1;grid-row:2}
html body.apl .apl-demo h2{font-size:22px;font-weight:600;line-height:1.3;margin:0 0 20px;text-transform:none}
html body.apl .apl-demo .demo-benefits{padding:0;margin:0;list-style:none}
html body.apl .apl-demo .demo-benefits li{margin:0;padding:16px 0;border-top:1px solid #b4cbd0;font-size:16px;line-height:1.6}
html body.apl .apl-demo .demo-benefits strong{display:block;font-weight:600;margin-bottom:4px}
html body.apl .apl-demo .demo-details .demo-proof{font-size:14px;margin:24px 0 0;padding-top:20px;border-top:1px solid #b4cbd0}
html body.apl .apl-demo .demo-form-box{grid-column:2;grid-row:1 / span 2;background:#fff;border:1px solid #d4e3e6;border-radius:20px;padding:32px;box-shadow:0 12px 32px rgba(30,40,40,.045);min-width:0}
html body.apl .apl-demo .demo-form-box h2{font-size:22px;margin-bottom:8px}
html body.apl .apl-demo .demo-form-box .demo-form-intro{font-size:14px;margin-bottom:24px;color:#465858}
html body.apl .apl-demo .demo-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
html body.apl .apl-demo .demo-field{margin-bottom:18px;min-width:0}
html body.apl .apl-demo .demo-form label{display:block;font-size:14px;font-weight:600;color:#1e2828;margin:0 0 7px;line-height:1.5}
html body.apl .apl-demo .demo-optional{font-weight:400;color:#465858}
html body.apl .apl-demo .demo-form input:not([type=hidden]),html body.apl .apl-demo .demo-form textarea{width:100%;min-height:48px;border:1px solid #819a9f !important;border-radius:8px !important;padding:11px 12px;background:#fff !important;font-family:inherit;font-size:16px !important;font-weight:400;color:#1e2828;line-height:1.5;box-shadow:none}
html body.apl .apl-demo .demo-form textarea{min-height:88px;resize:vertical}
html body.apl .apl-demo .demo-form textarea::placeholder{color:#526565;opacity:1}
html body.apl .apl-demo .demo-form input:focus,html body.apl .apl-demo .demo-form textarea:focus{outline:2px solid #206477 !important;outline-offset:2px}
html body.apl .apl-demo a{color:#1e2828;text-decoration:underline;text-underline-offset:3px}
html body.apl .apl-demo a:focus-visible,html body.apl .apl-demo button:focus-visible{outline:2px solid #206477;outline-offset:4px}
html body.apl .apl-demo .demo-form .demo-privacy{font-size:13px;line-height:1.6;margin:0 0 18px;color:#465858}
html body.apl .apl-demo .demo-form .demo-submit-btn{width:100%;min-height:52px;border-radius:999px !important;background:#1e2828 !important;color:#fff !important;border:1px solid #1e2828;padding:13px 24px;font-family:inherit;font-size:16px !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important;cursor:pointer}
html body.apl .apl-demo .demo-submit-btn:hover{background:#354747 !important}
html body.apl .apl-demo .demo-submit-btn:disabled{opacity:.65;cursor:wait}
html body.apl .apl-demo .demo-form .demo-hint{font-size:13px;line-height:1.55;color:#465858;margin:14px 0 0}
html body.apl .apl-demo .demo-form-error{display:none;padding:14px;margin-bottom:20px;background:#fff3f0;color:#912b1d;border:1px solid #b04834;border-radius:8px;font-size:15px}
html body.apl .apl-demo .demo-form-success{display:none;padding:24px 0}
html body.apl .apl-demo .demo-form [aria-invalid=true]{border-color:#a63627 !important}
html body.apl .apl-demo .demo-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){html body.apl .apl-demo .demo-layout{column-gap:32px}html body.apl .apl-demo h1{font-size:34px}html body.apl .apl-demo .demo-form-box{padding:24px}}
@media(max-width:760px){html body.apl main#apl-inhalt.apl-demo{padding:190px 20px 48px}html body.apl .apl-demo .demo-layout{grid-template-columns:minmax(0,1fr);gap:28px}html body.apl .apl-demo .demo-heading{grid-column:1;grid-row:1}html body.apl .apl-demo .demo-form-box{grid-column:1;grid-row:2;padding:24px 20px}html body.apl .apl-demo .demo-details{grid-column:1;grid-row:3}html body.apl .apl-demo h1{font-size:32px;margin-bottom:16px}html body.apl .apl-demo .demo-eyebrow{margin-bottom:12px}html body.apl .apl-demo .demo-form-row{grid-template-columns:minmax(0,1fr);gap:0}}
/* Neutralise the older shared form layer's extra row spacing. */
html body.apl .apl-demo .demo-form .demo-form-row{margin:0}