.checkliste{padding-block:4rem 6rem}.checkliste__inner{display:flex;flex-direction:column;gap:3rem}.checkliste__grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}@media(min-width:900px){.checkliste__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3.5rem}}.checkliste__title{margin:.75rem 0 1.25rem;font-size:clamp(2rem,4vw,2.875rem);line-height:1.1;letter-spacing:-.02em;color:var(--color-indigo)}.checkliste__lead{margin:0 0 2rem;color:var(--color-graphite);max-width:58ch}.checkliste__preview{margin-top:2.25rem;padding:1.5rem 1.75rem;background:color-mix(in oklab,var(--color-violet) 5%,var(--bg-page));border-left:3px solid var(--color-violet);border-radius:0 var(--radius-card) var(--radius-card) 0}.checkliste__preview-head{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;color:var(--color-indigo)}.checkliste__preview-head h2{font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0;color:var(--color-indigo)}.checkliste__preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.checkliste__preview-list li{display:flex;align-items:flex-start;gap:.625rem;font-size:.9375rem;line-height:1.55;color:var(--color-graphite)}.checkliste__preview-list li svg{flex-shrink:0;margin-top:2px;color:var(--color-violet)}.checkliste__author{margin:1.25rem 0 0;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-mute)}.checkliste__formwrap{padding:2rem 1.75rem;border-radius:var(--radius-card);border:1px solid color-mix(in oklab,var(--color-violet) 35%,transparent);background:var(--bg-page);position:relative}@media(min-width:900px){.checkliste__formwrap{position:sticky;top:6rem}}.checkliste__form-heading{font-size:1.25rem;color:var(--color-indigo);letter-spacing:-.015em;margin:0 0 .5rem}.checkliste__form-copy{margin:0 0 1.5rem;font-size:.9375rem;color:var(--color-graphite);line-height:1.55}.checkliste__form{display:flex;flex-direction:column;gap:1rem}.checkliste__field{display:flex;flex-direction:column;gap:.375rem}.checkliste__field label{font-size:.8125rem;font-weight:600;color:var(--color-indigo);letter-spacing:.01em}.checkliste__field input,.checkliste__field select{width:100%;padding:.75rem .875rem;border:1px solid color-mix(in oklab,var(--color-light-grey) 70%,transparent);border-radius:var(--radius-button);font:inherit;font-size:.9375rem;color:var(--color-graphite);background:var(--bg-page);transition:border-color .18s ease,box-shadow .18s ease}.checkliste__field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5l5 5 5-5' stroke='%231b2541' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.25rem}.checkliste__field input:focus-visible,.checkliste__field select:focus-visible{outline:none;border-color:var(--color-violet);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-violet) 22%,transparent)}.checkliste__honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.checkliste__consent{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;color:var(--color-graphite);line-height:1.5}.checkliste__consent input{margin-top:.2rem}.checkliste__consent a{color:var(--color-indigo);text-decoration:underline;text-underline-offset:2px}.checkliste__turnstile{min-height:65px}.checkliste__submit{align-self:flex-start}.checkliste__status{font-size:.875rem;color:var(--color-graphite);min-height:1.25rem;margin:0}.checkliste__status.is-success{color:var(--color-success)}.checkliste__status.is-error{color:var(--color-error)}.checkliste__trust{display:flex;flex-direction:column;gap:.5rem;padding-top:1.25rem;border-top:1px solid color-mix(in oklab,var(--color-light-grey) 55%,transparent)}.checkliste__trust-item{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-mute)}.checkliste__trust-item svg{color:var(--color-violet)}.checkliste__legal{margin:0;font-size:.75rem;color:var(--color-mute);line-height:1.5}.checkliste__form.is-submitted>*:not(.checkliste__status){display:none}
