/* BU-Check: Ist eine BU für mich sinnvoll? */
.buc{max-width:1100px;margin:0 auto}
.buc__card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(30px,5vw,64px);box-shadow:0 34px 60px -44px rgba(31,76,59,.45)}
.buc__progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 30px;padding:0;list-style:none}
.buc__progress li{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);padding-top:12px;border-top:3px solid var(--line);transition:border-color .2s}
.buc__progress li.is-active{color:var(--waldgruen);border-color:var(--koralle)}
.buc__progress li.is-done{border-color:var(--waldgruen-soft);color:var(--waldgruen)}
.buc__progress[hidden],.buc form[hidden]{display:none}
.buc__step{display:none}
.buc__step.is-active{display:block;animation:buc-in .3s ease}
@keyframes buc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.buc__step h2{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3.2vw,34px);line-height:1.15;color:var(--waldgruen);margin:0 0 8px}
.buc__hint{color:var(--ink-soft);font-size:16.5px;line-height:1.55;margin:0 0 32px;max-width:64ch}
.buc__q{margin:0 0 26px}
.buc__label{display:block;font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ink);margin:0 0 12px}
.buc__label small{display:block;font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--ink-soft);margin-top:3px}
.buc__opts{display:flex;flex-wrap:wrap;gap:10px}
.buc__opt{position:relative}
.buc__opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.buc__opt span{display:inline-flex;align-items:center;min-height:50px;padding:12px 20px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);font-size:16px;font-weight:600;color:var(--ink);transition:border-color .15s,background .15s,color .15s}
.buc__opt input:hover+span{border-color:var(--waldgruen-soft)}
.buc__opt input:checked+span{background:var(--waldgruen);border-color:var(--waldgruen);color:#fff}
.buc__opt input:focus-visible+span{outline:3px solid var(--koralle-pale);outline-offset:2px}
.buc__input{width:100%;min-height:56px;padding:14px 20px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);font:inherit;font-size:17px;color:var(--ink)}
.buc__input:focus{outline:none;border-color:var(--waldgruen);background:#fff}
.buc__combo{position:relative}
.buc__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:280px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -24px rgba(31,76,59,.4);padding:6px;margin:0;list-style:none;display:none}
.buc__list.is-open{display:block}
.buc__list li{padding:10px 14px;border-radius:10px;cursor:pointer;font-size:15px;color:var(--ink)}
.buc__list li:hover,.buc__list li.is-hi{background:var(--waldgruen-wash);color:var(--waldgruen)}
.buc__list li mark{background:none;color:var(--koralle);font-weight:700}
.buc__list .buc__list-note{color:var(--ink-soft);font-size:13.5px;cursor:default}
.buc__chosen{margin-top:10px;font-size:14px;color:var(--ink-soft)}
.buc__chosen strong{color:var(--waldgruen)}
.buc__row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.buc__nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.buc__nav .btn--ghost{color:var(--waldgruen)}
.buc__err{display:none;margin:0 0 18px;padding:12px 16px;border-radius:12px;background:var(--koralle-wash);color:#9a3f25;font-size:14.5px;font-weight:600}
.buc__err.is-visible{display:block}
.buc__inline-hint{margin:14px 0 0;padding:14px 18px;border-radius:12px;background:var(--koralle-wash);font-size:14.5px;line-height:1.55;color:var(--ink);animation:buc-in .3s ease}
.buc__inline-hint[hidden]{display:none}
.buc__inline-hint a{color:var(--waldgruen);font-weight:700}
.buc__pfl{font-size:13.5px;color:var(--ink-soft);margin:18px 0 0;line-height:1.5}
/* Ergebnis */
.buc-res{display:none}
.buc-res.is-active{display:block;animation:buc-in .4s ease}
.buc-res__top{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,40px);align-items:center;margin-bottom:34px}
.buc-res__gauge{position:relative;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--buc-col) calc(var(--buc-pct)*1%),var(--waldgruen-wash) 0)}
.buc-res__gauge::before{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}
.buc-res__gauge span{position:relative;font-family:var(--font-display);font-weight:900;font-size:44px;color:var(--waldgruen);line-height:1}
.buc-res__gauge span small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);margin-top:4px}
.buc-res__tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:14px}
.buc-res__tag::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.buc-res--ja .buc-res__tag{background:var(--waldgruen-wash);color:var(--waldgruen)}
.buc-res--kippe .buc-res__tag{background:#FBF1D6;color:#8a6410}
.buc-res--nein .buc-res__tag{background:var(--koralle-wash);color:#9a3f25}
.buc-res--ja{--buc-col:var(--waldgruen-mid)}
.buc-res--kippe{--buc-col:#E1B54A}
.buc-res--nein{--buc-col:var(--koralle)}
.buc-res__title{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3.6vw,40px);line-height:1.1;color:var(--waldgruen);margin:0 0 14px}
.buc-res__lede{font-size:17.5px;line-height:1.6;color:var(--ink-soft);margin:0;max-width:64ch}
.buc-res__h{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--koralle);margin:30px 0 16px}
.buc-res__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.buc-res__reason{border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;background:var(--paper);display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start}
.buc-res__reason i{width:38px;height:38px;border-radius:50%;background:var(--waldgruen);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px;font-style:normal}
.buc-res__reason h3{font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--waldgruen);margin:5px 0 8px;line-height:1.25}
.buc-res__reason p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-soft)}
.buc-res__reason--contra i{background:var(--koralle)}
.buc-res__alt{margin-top:8px;display:grid;gap:10px}
.buc-res__alt a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s}
.buc-res__alt a:hover{border-color:var(--koralle);background:var(--koralle-wash)}
.buc-res__alt strong{display:block;font-family:var(--font-display);color:var(--waldgruen);font-size:16px}
.buc-res__alt span{font-size:14px;color:var(--ink-soft)}
.buc-res__alt em{flex:none;font-style:normal;color:var(--koralle);font-weight:700}
.buc-res__note{margin-top:22px;padding:16px 20px;border-radius:14px;background:var(--waldgruen-wash);font-size:14.5px;line-height:1.55;color:var(--ink)}
.buc-res__note a{color:var(--waldgruen);font-weight:700}
.buc-res__cta{margin-top:34px;background:var(--waldgruen);color:var(--paper);border-radius:var(--radius-lg);padding:clamp(26px,4vw,40px);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;position:relative;overflow:hidden}
.buc-res__cta::before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(219,106,74,.18)}
.buc-res__cta .eyebrow{color:var(--koralle-soft)}
.buc-res__cta h3{font-family:var(--font-display);font-weight:800;font-size:clamp(21px,2.6vw,27px);line-height:1.15;color:#fff;margin:0 0 10px;position:relative}
.buc-res__cta p{margin:0;color:rgba(251,248,243,.86);font-size:15.5px;line-height:1.55;position:relative}
.buc-res__cta-actions{display:grid;gap:12px;position:relative}
.buc-res__cta-actions .btn{justify-content:center;text-align:center}
.buc-res__cta-actions .btn--ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.buc-res__cta-actions .btn--ghost:hover{background:rgba(255,255,255,.1)}
.buc-mail{display:grid;gap:8px;padding-top:6px}
.buc-mail label{font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;letter-spacing:.01em}
.buc-mail__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.buc-mail input[type=email]{min-width:0;height:48px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:15px;outline:none}
.buc-mail input[type=email]::placeholder{color:rgba(251,248,243,.55)}
.buc-mail input[type=email]:focus{border-color:var(--koralle-soft);background:rgba(255,255,255,.14)}
.buc-mail .btn{white-space:nowrap}
.buc-mail .btn:disabled{opacity:.6;cursor:default}
.buc-mail__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.buc-mail__hint,.buc-mail__msg{font-size:12.5px!important;line-height:1.45!important;color:rgba(251,248,243,.7)!important;margin:0!important}
.buc-mail__msg:empty{display:none}
.buc-mail__msg.is-err{color:#ffd2c4!important;font-weight:600}
.buc-mail__done{background:rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;font-size:14.5px!important;color:#fff!important}
.buc-mail__done strong{color:var(--koralle-soft)}
@media (max-width:480px){.buc-mail__row{grid-template-columns:1fr}}
.buc-res__again{margin-top:22px;text-align:left}
.buc-res__again button{background:none;border:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-soft);text-decoration:underline;cursor:pointer;padding:0}
.buc-res__disc{margin-top:18px;font-size:13px;color:var(--ink-soft);line-height:1.5}
/* Extra-Hinweis Schreibtischberufe */
.buc-desk{margin-top:30px;border-radius:var(--radius-lg);background:var(--waldgruen);color:var(--paper);padding:clamp(26px,4vw,40px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,44px);position:relative;overflow:hidden}
.buc-desk::before{content:"";position:absolute;left:-80px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(219,106,74,.16)}
.buc-desk .eyebrow{color:var(--koralle-soft);position:relative}
.buc-desk h3{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.8vw,30px);line-height:1.12;color:#fff;margin:0 0 14px;position:relative}
.buc-desk p{margin:0 0 12px;font-size:15.5px;line-height:1.6;color:rgba(251,248,243,.88);position:relative}
.buc-desk p strong{color:#fff}
.buc-desk__num{display:flex;flex-wrap:wrap;gap:26px;margin:20px 0 0;position:relative}
.buc-desk__num div{display:grid;gap:4px}
.buc-desk__num b{font-family:var(--font-display);font-weight:900;font-size:34px;line-height:1;color:var(--koralle-soft)}
.buc-desk__num span{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:rgba(251,248,243,.7)}
.buc-desk__chart{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:22px 24px 18px}
.buc-desk__chart h4{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,248,243,.7);margin:0 0 16px}
.buc-desk__bar{display:grid;grid-template-columns:118px 1fr 52px;gap:12px;align-items:center;margin:0 0 11px;font-size:14px}
.buc-desk__bar i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.buc-desk__bar i::before{content:"";display:block;height:100%;width:calc(var(--v)*1%);background:var(--waldgruen-soft);border-radius:999px}
.buc-desk__bar.is-hot i::before{background:var(--koralle)}
.buc-desk__bar.is-hot b,.buc-desk__bar.is-hot em{color:#fff}
.buc-desk__bar em{font-style:normal;font-family:var(--font-display);font-weight:800;text-align:right;color:rgba(251,248,243,.85)}
.buc-desk__bar b{font-weight:600;color:rgba(251,248,243,.85)}
.buc-desk__src{margin:16px 0 0;font-size:12px;line-height:1.5;color:rgba(251,248,243,.6)}
.buc-desk__src a{color:rgba(251,248,243,.8)}
@media (max-width:760px){.buc-desk{grid-template-columns:1fr}.buc-desk__bar{grid-template-columns:96px 1fr 48px;font-size:13px}.buc-desk__num b{font-size:28px}}
.buc-res__disc a{color:var(--waldgruen)}
@media (max-width:760px){.buc__row{grid-template-columns:1fr}.buc__progress li{font-size:11px;letter-spacing:.1em}.buc-res__top{grid-template-columns:1fr;justify-items:start}.buc-res__gauge{width:124px;height:124px}.buc-res__gauge span{font-size:30px}.buc-res__grid{grid-template-columns:1fr}.buc-res__cta{grid-template-columns:1fr}.buc__nav{flex-direction:column-reverse;align-items:stretch}.buc__nav .btn{justify-content:center}}
@media (max-width:480px){.buc__card{padding:24px 18px;border-radius:var(--radius)}.buc__opt span{padding:10px 15px;font-size:15px;min-height:46px}.buc-res__gauge{width:130px;height:130px}.buc-res__gauge span{font-size:32px}}
