.apo{--ink: #171717;--ink-soft: #404040;--ink-muted: #595959;--line: #d4d4d8;--paper: #fff;--grey: #f4f4f5;--forest: #064e3b;--forest-soft: #047857;--lime: #d9f99d;--hl: #ecfdf5;--hlb: #a7f3d0;--warn: #fffbeb;--warnb: #fcd34d;--warnt: #92400e;--ok: #ecfdf5;--okb: #a7f3d0;color:var(--ink-soft);background:var(--paper);font-size:16.5px;line-height:1.62;overflow-x:hidden}.apo [id]{scroll-margin-top:88px}.apo .wrap{max-width:1140px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}.apo .sec{padding:clamp(56px,7vw,96px) 0}.apo .sec-sm{padding:clamp(44px,5vw,64px) 0}.apo .sec-paper{background:var(--paper)}.apo .sec-grey{background:var(--grey)}.apo .sr-only-legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.apo .honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.apo h1,.apo h2,.apo h3{letter-spacing:-.02em;line-height:1.07;font-weight:600;color:var(--ink)}.apo h1{font-size:clamp(34px,4.9vw,58px)}.apo h2{font-size:clamp(26px,3.3vw,42px)}.apo h3{font-size:19px;line-height:1.28}.apo .eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--forest);margin-bottom:13px}.apo .lede{font-size:18px;max-width:60ch;line-height:1.58;color:var(--ink-soft)}.apo .reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.apo .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.apo .reveal{opacity:1!important;transform:none!important;transition:none!important}}.apo .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:16px;text-decoration:none;padding:15px 30px;border-radius:11px;border:1px solid transparent;cursor:pointer;transition:transform .18s cubic-bezier(.2,.7,.2,1),background .18s,color .18s,box-shadow .18s}.apo .btn-forest{background:var(--forest);color:#fff}.apo .btn-forest:hover{background:#043d2e;transform:translateY(-2px);box-shadow:0 10px 26px #064e3b3d}.apo .btn-lime{background:var(--lime);color:var(--ink)}.apo .btn-lime:hover{background:#fff;color:var(--forest);transform:translateY(-2px)}.apo .btn-ghost{background:transparent;color:var(--forest);border-color:var(--line)}.apo .btn-ghost:hover{border-color:var(--forest);transform:translateY(-2px)}.apo .btn-sm{padding:11px 20px;font-size:14px}.apo .btn[disabled]{background:#e4e4e7;color:#52525b;border-color:#e4e4e7;box-shadow:none;cursor:not-allowed;transform:none}.apo .btn:focus-visible,.apo .opt:focus-within,.apo .modell-opt:focus-within{outline:2px solid var(--forest);outline-offset:3px}.apo .hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(32px,5vw,60px);align-items:center}@media (max-width: 900px){.apo .hero-grid{grid-template-columns:1fr;gap:40px}}.apo .hero h1{max-width:15ch}.apo .hero .sub{font-size:19px;color:var(--ink-soft);max-width:50ch;margin-top:20px;line-height:1.55}.apo .hero .btns{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.apo .countdown{font-size:13.5px;color:var(--forest);font-weight:600;margin-top:18px}.apo .countdown b{font-size:15px}.apo .photo-holder{position:relative}.apo .photo-bg{position:absolute;right:0;bottom:0;width:74%;height:72%;background:var(--forest);border-radius:30px;z-index:0}.apo .photo-card{position:relative;z-index:1;border-radius:28px;overflow:hidden;background:linear-gradient(158deg,#b4bbbe,#9ba4a8);aspect-ratio:1 / 1.12;box-shadow:0 30px 70px #064e3b29}.apo .photo-card>div{width:100%;height:100%}.apo .photo-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 6%;object-position:center 6%;display:block}.apo .photo-tag{position:absolute;z-index:2;left:22px;bottom:22px;background:var(--lime);color:var(--forest);font-weight:600;font-size:14px;padding:10px 20px;border-radius:999px;box-shadow:0 8px 22px #0000002e}.apo .urgency{background:var(--lime);border-radius:16px;padding:18px 26px;display:flex;align-items:center;gap:16px;margin-top:30px;flex-wrap:wrap}.apo .urgency .n{font-weight:600;font-size:26px;color:var(--forest);line-height:1}.apo .urgency p{font-size:14.5px;color:#1c2b12;margin:0}.apo .trust-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:44px}.apo .tpill{font-size:12.5px;font-weight:600;color:var(--ink-soft);background:var(--grey);border:1px solid var(--line);border-radius:999px;padding:7px 15px}.apo .usp-list{display:flex;flex-direction:column;gap:14px;margin-top:32px}.apo .usp{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:22px 24px 22px 28px;overflow:hidden;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s}.apo .usp:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000012}.apo .usp:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--forest);transform:scaleY(0);transform-origin:top;transition:transform .28s ease}.apo .usp:hover:before{transform:scaleY(1)}.apo .usp h3{margin-bottom:6px;color:var(--forest);font-size:18px}.apo .usp p{font-size:14.5px;margin:0}.apo .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center}@media (max-width: 860px){.apo .feat-grid{grid-template-columns:1fr;gap:32px}}.apo .prod{background:var(--grey);border-radius:24px;padding:clamp(24px,3vw,40px);text-align:center}.apo .prod img{width:100%;height:auto;display:block}.apo .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}@media (max-width: 860px){.apo .flow{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.apo .flow{grid-template-columns:1fr}}.apo .step{background:var(--grey);border-radius:16px;padding:24px 22px;transition:transform .22s cubic-bezier(.2,.7,.2,1)}.apo .step:hover{transform:translateY(-3px)}.apo .step-forest{background:var(--forest);color:#ffffffe0}.apo .step .d{font-weight:600;color:var(--forest);font-size:15px}.apo .step-forest .d{color:var(--lime)}.apo .step h3{font-size:17px;margin:8px 0 6px}.apo .step-forest h3{color:#fff}.apo .step p{font-size:13.5px}.apo #anmeldung .lede{margin-top:16px}.apo .hint-block{margin:-2px 0 14px}.apo .standort>.hint{margin:-4px 0 12px}.apo .modell-fieldset{margin-top:6px}.apo .formwrap{margin-top:30px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3vw,44px);box-shadow:0 16px 48px #0000000f}.apo .fprog{height:4px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:7px}.apo .fprog i{display:block;height:100%;background:var(--forest);transition:width .35s cubic-bezier(.2,.7,.2,1)}.apo .fprog-lbl{font-size:12.5px;color:var(--ink-muted);margin-bottom:22px}.apo .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:16px}.apo .f{display:flex;flex-direction:column;gap:6px}.apo .f.full{grid-column:1 / -1}.apo label{font-size:13px;font-weight:600;color:var(--ink)}.apo label .req{color:var(--forest)}.apo input[type=text],.apo input[type=email],.apo input[type=tel],.apo textarea{font:inherit;font-size:15px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--grey);color:var(--ink);width:100%;transition:border-color .18s,background .18s,box-shadow .18s}.apo input:focus,.apo textarea:focus{outline:none;border-color:var(--forest);background:#fff;box-shadow:0 0 0 3px #064e3b1f}.apo input[aria-invalid=true]{border-color:#b91c1c;background:#fef2f2}.apo textarea{min-height:78px;resize:vertical}.apo fieldset{border:0;margin-top:26px}.apo legend{font-size:12px;font-weight:700;color:var(--forest);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px}.apo .opt{display:flex;gap:11px;align-items:flex-start;background:var(--grey);border:1px solid var(--line);border-radius:12px;padding:14px 15px;cursor:pointer;transition:border-color .18s,background .18s}.apo .opt:hover{border-color:var(--forest-soft)}.apo .opt input{margin-top:3px;accent-color:var(--forest);flex:0 0 auto}.apo .opt b{display:block;font-size:14.5px;color:var(--ink)}.apo .opt small{display:block;font-size:12.5px;color:var(--ink-muted);margin-top:2px;line-height:1.4}.apo .hint{font-size:12.5px;color:var(--ink-muted);margin-top:5px}.apo .err{font-size:12.5px;color:#991b1b;margin-top:6px;font-weight:600}.apo .standort{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:14px}.apo .standort-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.apo .standort-head b{font-size:16px;color:var(--forest);font-weight:600}.apo .standort-rm{background:none;border:0;color:var(--ink-muted);font-size:13px;cursor:pointer;text-decoration:underline;padding:4px}.apo .standort-rm:hover{color:#991b1b}.apo .modell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;margin-top:6px}.apo .modell-opt{display:flex;gap:10px;align-items:flex-start;background:var(--grey);border:1px solid var(--line);border-radius:11px;padding:12px 13px;cursor:pointer;transition:border-color .18s,background .18s}.apo .modell-opt:hover{border-color:var(--forest-soft)}.apo .modell-opt input{margin-top:3px;accent-color:var(--forest);flex:0 0 auto}.apo .modell-opt.sel{border-color:var(--forest);background:var(--hl)}.apo .modell-opt b{display:block;font-size:13.5px;color:var(--ink)}.apo .modell-opt small{display:block;font-size:11.5px;color:var(--ink-muted);margin-top:1px;line-height:1.35}.apo .addon-row{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.apo .addon-opt{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--ink-soft);font-weight:400;cursor:pointer}.apo .addon-opt input{margin-top:3px;accent-color:var(--forest)}.apo .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}.apo .status{font-size:14.5px;margin-top:18px;padding:16px 18px;border-radius:12px}.apo .status.ok{background:var(--ok);border:1px solid var(--okb);color:#065f46}.apo .status.warn{background:var(--warn);border:1px solid var(--warnb);color:var(--warnt)}.apo .cta-block{background:var(--ink);border-radius:28px;color:#fff;padding:clamp(46px,6vw,78px) clamp(26px,4vw,54px);text-align:center}.apo .cta-block h2{color:#fff;max-width:22ch;margin:0 auto}.apo .cta-block p{color:#d4d4d8;margin:18px auto 0;max-width:52ch}.apo .cta-block p a{color:#fff}.apo .cta-block .btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:30px}
