.ae{max-width:820px;padding-top:24px;padding-bottom:48px}
.ae *{box-sizing:border-box}
.ae-who{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 20px;font-size:15px;color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-ok{display:inline-flex;font-size:14px;font-weight:700;background:color-mix(in srgb,#e1f2e6 var(--fw-bm,100%),#10233b);color:color-mix(in srgb,#1e6b3a var(--fw-sm,100%),#fff);border-radius:999px;padding:3px 12px}
.ae-steps{display:flex;flex-wrap:wrap;gap:8px 4px;margin:0 0 24px;padding:0;list-style:none}
.ae-steps li{display:flex;align-items:center}
.ae-steps li+li::before{content:"";width:22px;border-top:2px solid var(--color-divider,var(--fw-gl,#ccccdd))}
.ae-steps button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--color-text-muted,var(--fw-gt,#556666));cursor:pointer}
.ae-steps em{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--color-divider,var(--fw-gl,#ccccdd));font-size:13px}
.ae-steps button.done em{background:#1E6B3A;border-color:#1E6B3A;color:var(--fw-wt,#fff)}
.ae-steps button.on{color:var(--color-primary)}
.ae-steps button.on em{background:var(--color-primary);border-color:var(--color-primary);color:var(--fw-wt,#fff)}
.ae-steps button:focus-visible,.ae-btn:focus-visible,.ae-form input:focus-visible,.ae-form select:focus-visible,.ae-form textarea:focus-visible,.ae-file:focus-visible+.ae-drop{outline:3px solid var(--color-secondary);outline-offset:2px}
.ae-p h2{font-size:26px;line-height:1.15;font-weight:800;color:var(--color-primary);margin:0 0 6px}
.ae-k{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-lead{margin:0 0 20px;color:var(--color-text-muted,var(--fw-gt,#556666));max-width:60ch}
.ae-f{display:block;margin:0 0 18px;padding:0;border:0;min-width:0}
.ae-f>label,.ae-f>legend{display:block;font-weight:700;margin:0 0 6px;padding:0}
.ae-f input[type=text],.ae-f select,.ae-f textarea{display:block;width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--color-divider,var(--fw-gl,#ccccdd));border-radius:10px;background:var(--color-surface-white,var(--fw-wb,#fff));color:var(--color-text);font:inherit}
.ae-f textarea{min-height:170px;line-height:1.5;resize:vertical}
.ae-f [aria-invalid=true]{border-color:#B3261E;border-width:2px}
.ae-hint{display:block;margin:4px 0 0;font-size:14px;color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-cnt{display:block;margin-top:4px;text-align:right;font-size:13px;color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-err{display:block;margin-top:4px;font-size:14px;font-weight:700;color:color-mix(in srgb,#b3261e var(--fw-sm,100%),#fff)}
.ae-err:empty{display:none}
.ae-blk{margin:0 0 28px}
.ae-blk h3{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:18px;font-weight:800;margin:0 0 4px}
.ae-pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;background:color-mix(in srgb,#fcefd0 var(--fw-bm,100%),#10233b);color:color-mix(in srgb,#8a5a00 var(--fw-sm,100%),#fff)}
.ae-pill.ok{background:color-mix(in srgb,#e1f2e6 var(--fw-bm,100%),#10233b);color:color-mix(in srgb,#1e6b3a var(--fw-sm,100%),#fff)}
.ae-pill.ae-opt{background:var(--color-secondary-container);color:var(--color-primary)}
.ae-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ae-drop{display:grid;place-items:center;gap:2px;min-height:104px;margin-top:10px;border:2px dashed var(--color-primary);border-radius:12px;background:var(--color-secondary-container);color:var(--color-primary);text-align:center;padding:12px;cursor:pointer}
.ae-drop small{color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-drop.over{background:var(--color-container-low);border-style:solid}
.ae-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ae-it{border:1px solid var(--color-divider,var(--fw-gl,#ccccdd));border-radius:12px;overflow:hidden;background:var(--color-surface-white,var(--fw-wb,#fff));min-width:0}
.ae-it .im{position:relative;aspect-ratio:4/3;background:var(--color-container-low);display:grid;place-items:center}
.ae-it img{width:100%;height:100%;object-fit:cover;display:block}
.ae-it .play{width:48px;height:48px;border-radius:10px;background:var(--color-primary);color:var(--fw-wt,#fff);display:grid;place-items:center;font-size:20px}
.ae-it .tb{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;color:var(--fw-wt,#fff);background:rgba(0,0,0,.65);border-radius:99px;padding:2px 8px}
.ae-it .nm{padding:8px 10px 2px;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ae-it .sz{padding:0 10px;font-size:12px;color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-it .ac{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px 10px}
.ae-it .ac button{min-height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--color-divider,var(--fw-gl,#ccccdd));background:none;color:var(--color-primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ae-sym{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.ae-s{position:relative;display:block;border:2px solid var(--color-divider,var(--fw-gl,#ccccdd));border-radius:12px;overflow:hidden;cursor:pointer;background:var(--color-surface-white,var(--fw-wb,#fff))}
.ae-s input{position:absolute;opacity:0;width:1px;height:1px}
.ae-s img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--color-container-low)}
.ae-s span{display:block;padding:6px 8px;font-size:13px;font-weight:700;line-height:1.25}
.ae-s:has(input:checked){border-color:var(--color-primary);background:var(--color-secondary-container)}
.ae-s:has(input:checked) span::after{content:" ✓"}
.ae-s:has(input:focus-visible){outline:3px solid var(--color-secondary);outline-offset:2px}
.ae-chips{display:flex;flex-wrap:wrap;gap:8px}
.ae-c{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px;border:1px solid var(--color-divider,var(--fw-gl,#ccccdd));border-radius:999px;cursor:pointer;background:var(--color-surface-white,var(--fw-wb,#fff));font-weight:600;font-size:15px}
.ae-c input{width:20px;height:20px;accent-color:var(--color-primary);flex:none}
.ae-c:has(input:checked){border-color:var(--color-primary);background:var(--color-secondary-container);color:var(--color-primary)}
.ae-chk .ae-c{border-radius:10px;align-items:flex-start;padding:12px 14px}
.ae-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ae-range{display:flex;align-items:center;gap:14px;min-height:48px}
.ae-range input{flex:1;min-width:0;accent-color:var(--color-primary)}
.ae-range output{min-width:64px;font-weight:800;color:var(--color-primary)}
.ae-sum{margin:0 0 20px;border:1px solid var(--color-divider,var(--fw-gl,#ccccdd));border-radius:12px;overflow:hidden;background:var(--color-surface-white,var(--fw-wb,#fff))}
.ae-sum div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-divider,var(--fw-gl,#ccccdd))}
.ae-sum div:last-child{border:0}
.ae-sum dt{font-weight:700;color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-sum dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ae-card{border:1px solid var(--color-divider,var(--fw-gl,#ccccdd));border-radius:14px;padding:16px;background:var(--color-surface-white,var(--fw-wb,#fff));margin:0 0 12px}
.ae-card h3{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--color-primary)}
.ae-tl{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;font-size:15px}
.ae-card .ae-tl{margin:0}
.ae-tl li{display:grid;grid-template-columns:22px 1fr;column-gap:8px}
.ae-tl li::before{content:"";grid-row:1/3;width:14px;height:14px;border-radius:50%;border:3px solid var(--color-divider,var(--fw-gl,#ccccdd));margin-top:4px}
.ae-tl li.d::before{border-color:#1E6B3A;background:#1E6B3A}
.ae-tl li.n::before{border-color:var(--color-secondary)}
.ae-tl span{color:var(--color-text-muted,var(--fw-gt,#556666));font-size:14px}
.ae-nav{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:24px}
.ae-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:12px;border:2px solid var(--color-primary);background:var(--color-primary);color:var(--fw-wt,#fff);font:inherit;font-size:17px;font-weight:700;cursor:pointer;text-decoration:none}
.ae-btn.ae-alt{background:transparent;color:var(--color-primary)}
.ae-btn[hidden]{display:none}
.ae-saved{font-size:13px;color:var(--color-text-muted,var(--fw-gt,#556666))}
.ae-done{padding:8px 0}
.ae-done h2{font-size:26px;font-weight:800;color:var(--color-primary);margin:0 0 8px}
@media(max-width:700px){.ae-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-sym{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-two{grid-template-columns:minmax(0,1fr)}.ae-sum div{grid-template-columns:minmax(0,1fr);gap:2px}.ae-btn{flex:1 1 auto}}
.ae-steps[hidden],.ae-done[hidden],.ae-form[hidden]{display:none}
.ae-drop:has(+.ae-file:focus-visible){outline:3px solid var(--color-secondary);outline-offset:2px}

/* ===== Plakat-Design (Variante 1) ===== */
.aeb{background:var(--fw-y,#ffb81c);position:relative;overflow:hidden;color:var(--fw-k,#10233b);padding-bottom:64px}
.aeb::before{content:"";position:absolute;right:-110px;top:-110px;width:340px;height:340px;border-radius:50%;background:var(--fw-o,#e8630a);pointer-events:none}
.aeb .ph{background:transparent!important;color:var(--fw-k,#10233b)!important;position:relative;z-index:1;padding:48px 0 8px!important}
.aeb .ph h1{display:inline-block;background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c)!important;font-weight:900;font-size:clamp(26px,4.6vw,46px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;padding:6px 16px;transform:rotate(-1.4deg);margin:0 0 14px}
.aeb .ph p{color:var(--fw-k,#10233b)!important;font-size:18px;font-weight:500;max-width:52ch;opacity:1}
.aeb .ae{position:relative;z-index:1;max-width:900px;padding-top:16px}
.aeb .ae-who{display:inline-flex;background:var(--fw-wb,#fff);border:2px solid var(--fw-k,#10233b);border-radius:999px;padding:4px 12px 4px 6px;font-weight:600;color:var(--fw-k,#10233b);margin-bottom:24px}
.aeb .ae-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 30px}
.aeb .ae-steps li{position:relative;display:block}
.aeb .ae-steps li+li::before{position:absolute;left:calc(-50% + 32px);right:calc(50% + 32px);top:24px;width:auto;border-top:4px dotted var(--fw-k,#10233b)}
.aeb .ae-steps button{display:grid;justify-items:center;gap:8px;width:100%;padding:0;min-height:44px;text-align:center;color:var(--fw-k,#10233b);font-size:14px;font-weight:700;position:relative;z-index:1}
.aeb .ae-steps em{width:48px;height:48px;border:3px solid var(--fw-k,#10233b);background:var(--fw-wb,#fff);color:var(--fw-k,#10233b);font:900 18px/1 Montserrat,system-ui,sans-serif}
.aeb .ae-steps button.on{color:var(--fw-k,#10233b)}
.aeb .ae-steps button.on em{background:var(--fw-o,#e8630a);border-color:var(--fw-k,#10233b);color:var(--fw-wo,#fff);transform:scale(1.12);box-shadow:4px 4px 0 var(--fw-k,#10233b)}
.aeb .ae-steps button.done em{background:var(--fw-k,#10233b);border-color:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c)}
.aeb .ae-form,.aeb .ae-done{background:var(--fw-wb,#fff);color:var(--fw-k,#10233b);border:3px solid var(--fw-k,#10233b);border-radius:22px;box-shadow:8px 8px 0 var(--fw-k,#10233b);padding:32px}
.aeb .ae-p h2,.aeb .ae-done h2{color:var(--fw-k,#10233b);font-family:Montserrat,system-ui,sans-serif;font-weight:900;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.02em}
.aeb .ae-k{color:var(--fw-o,#e8630a);letter-spacing:.12em}
.aeb .ae-lead,.aeb .ae-hint,.aeb .ae-cnt,.aeb .ae-saved,.aeb .ae-tl span,.aeb .ae-sum dt{color:var(--fw-gt,#51627a)}
.aeb .ae-lead{font-size:16.5px}
.aeb .ae-f>label,.aeb .ae-f>legend{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:15px}
.aeb .ae-f input[type=text],.aeb .ae-f select,.aeb .ae-f textarea{border:3px solid var(--fw-k,#10233b);border-radius:12px;box-shadow:3px 3px 0 var(--fw-k,#10233b);background:var(--fw-wb,#fff);color:var(--fw-k,#10233b)}
.aeb .ae-f [aria-invalid=true]{border-color:#B3261E;box-shadow:3px 3px 0 #B3261E}
.aeb .ae-blk h3,.aeb .ae-card h3{font-family:Montserrat,system-ui,sans-serif;color:var(--fw-k,#10233b)}
.aeb .ae-pill{background:var(--fw-y,#ffb81c);border:2px solid var(--fw-k,#10233b);color:var(--fw-k,#10233b)}
.aeb .ae-pill.ok{background:color-mix(in srgb,#d6f3e4 var(--fw-bm,100%),#10233b);color:color-mix(in srgb,#0d5c39 var(--fw-sm,100%),#fff)}
.aeb .ae-pill.ae-opt{background:var(--fw-wb,#fff)}
.aeb .ae-drop{border:3px dashed var(--fw-k,#10233b);border-radius:18px;background:repeating-linear-gradient(135deg,color-mix(in srgb,#fff7e0 var(--fw-bm,100%),#10233b) 0 14px,var(--fw-wb,#fff) 14px 28px);color:var(--fw-k,#10233b);font-family:Montserrat,system-ui,sans-serif}
.aeb .ae-drop small{color:var(--fw-gt,#51627a);font-family:Inter,system-ui,sans-serif}
.aeb .ae-drop.over{background:var(--fw-y,#ffb81c);border-style:solid}
.aeb .ae-it,.aeb .ae-s,.aeb .ae-sum,.aeb .ae-card{border:3px solid var(--fw-k,#10233b);border-radius:14px;background:var(--fw-wb,#fff)}
.aeb .ae-sum{border-radius:16px}
.aeb .ae-sum div{border-bottom:2px dashed var(--fw-k,#10233b)}
.aeb .ae-sum dt{font-family:Montserrat,system-ui,sans-serif;font-weight:800;color:var(--fw-k,#10233b)}
.aeb .ae-it .tb{background:var(--fw-y,#ffb81c);color:var(--fw-k,#10233b);border:2px solid var(--fw-k,#10233b)}
.aeb .ae-it .play{background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c)}
.aeb .ae-it .ac button{border:2px solid var(--fw-k,#10233b);color:var(--fw-k,#10233b);background:var(--fw-wb,#fff);border-radius:999px}
.aeb .ae-s:has(input:checked){border-color:var(--fw-k,#10233b);background:var(--fw-wb,#fff);box-shadow:4px 4px 0 var(--fw-o,#e8630a);transform:translateY(-2px)}
.aeb .ae-s:has(input:checked) span::after{content:" \2713";color:var(--fw-o,#e8630a)}
.aeb .ae-c{border:3px solid var(--fw-k,#10233b);background:var(--fw-wb,#fff);color:var(--fw-k,#10233b);font-weight:700}
.aeb .ae-c input{accent-color:var(--fw-o,#e8630a)}
.aeb .ae-c:has(input:checked){background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c);border-color:var(--fw-k,#10233b)}
.aeb .ae-chk .ae-c:has(input:checked){background:var(--fw-yl,#fff3cf);color:var(--fw-k,#10233b)}
.aeb .ae-range input{accent-color:var(--fw-o,#e8630a)}
.aeb .ae-range output{color:var(--fw-k,#10233b);font-family:Montserrat,system-ui,sans-serif;font-weight:900}
.aeb .ae-card{background:var(--fw-yl,#fff3cf)}
.aeb .ae-tl li::before{border-color:var(--fw-k,#10233b);background:var(--fw-wb,#fff)}
.aeb .ae-tl li.d::before{background:var(--fw-k,#10233b)}
.aeb .ae-tl li.n::before{border-color:var(--fw-o,#e8630a);background:var(--fw-o,#e8630a)}
.aeb .ae-btn{border:3px solid var(--fw-k,#10233b);border-radius:999px;background:var(--fw-o,#e8630a);color:var(--fw-wo,#fff);box-shadow:4px 4px 0 var(--fw-k,#10233b);font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:16px}
.aeb .ae-btn.ae-alt{background:var(--fw-wb,#fff);color:var(--fw-k,#10233b);box-shadow:none}
.aeb .ae-err{color:color-mix(in srgb,#b3261e var(--fw-sm,100%),#fff)}
.aeb .ae-steps button:focus-visible,.aeb .ae-btn:focus-visible,.aeb .ae-form input:focus-visible,.aeb .ae-form select:focus-visible,.aeb .ae-form textarea:focus-visible,.aeb .ae-file:focus-visible+.ae-drop{outline:3px solid var(--fw-k,#10233b);outline-offset:3px}
@media(max-width:860px){
.aeb .ae-form,.aeb .ae-done{padding:22px}
.aeb .ae-steps em{width:40px;height:40px;font-size:16px}
.aeb .ae-steps li+li::before{left:calc(-50% + 26px);right:calc(50% + 26px);top:20px}
.aeb .ae-steps button{font-size:12px}
.aeb::before{width:240px;height:240px;right:-90px;top:-90px}
}
@media(prefers-reduced-motion:reduce){.aeb *{transition:none!important}}

/* Kreis als Hintergrundbild (robust) */
.aeb::before{display:none!important}
.aeb{background-color:var(--fw-y,#ffb81c)!important;background-image:radial-gradient(circle at calc(100% - 40px) 130px,var(--fw-o,#e8630a) 0,var(--fw-o,#e8630a) 170px,transparent 171px)!important;background-repeat:no-repeat!important}
@media(max-width:860px){.aeb{background-image:radial-gradient(circle at calc(100% - 20px) 110px,var(--fw-o,#e8630a) 0,var(--fw-o,#e8630a) 105px,transparent 106px)!important}}

/* Kreis am Inhalt ausrichten */
.aeb{background-image:radial-gradient(circle at min(calc(50% + 470px),calc(100% - 40px)) 130px,var(--fw-o,#e8630a) 0,var(--fw-o,#e8630a) 150px,transparent 151px)!important}
@media(max-width:860px){.aeb{background-image:radial-gradient(circle at calc(100% - 20px) 110px,var(--fw-o,#e8630a) 0,var(--fw-o,#e8630a) 105px,transparent 106px)!important}}