/* Ergänzungen: Stellen-Detailseiten, Kurzbewerbung, „Stadt nicht dabei“ */
.q-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
.q-foot .skip-btn{margin-top:0}
.miss-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);color:#fff;font:500 15px/1.2 'Geist'}
.miss-btn:hover{background:rgba(255,255,255,.2);color:#fff}
.miss-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:clamp(24px,3vw,36px);border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(14,21,18,.04),0 12px 32px -18px rgba(14,21,18,.14)}
.miss-band h2{margin:0 0 6px;font:600 clamp(22px,2.2vw,28px)/1.15 'Geist';letter-spacing:-.025em}
.miss-band p{margin:0;max-width:560px;font:400 16px/1.55 'Geist';color:#5B635E}
.btn-green{display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;font:500 17px/1 'Geist';color:#fff;padding:17px 28px;border-radius:999px;background:linear-gradient(180deg,#1D9150 0%,#157A3E 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px -10px rgba(21,122,62,.7);white-space:nowrap}
.btn-green:hover{filter:brightness(1.08);color:#fff}
.btn-line{display:inline-flex;align-items:center;gap:10px;font:500 17px/1 'Geist';color:#0E1512;padding:17px 28px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(14,21,18,.15)}
.btn-line:hover{box-shadow:inset 0 0 0 1px #157A3E;color:#157A3E}

/* Detail-Hero */
.d-hero{position:relative;padding:calc(clamp(100px,10vw,120px) + env(safe-area-inset-top)) 0 clamp(56px,7vw,96px)}
.d-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:clamp(32px,5vw,72px);align-items:start}
@media (max-width:1023px){.d-grid{grid-template-columns:minmax(0,1fr)}}
.d-kick{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:linear-gradient(180deg,#fff,#F1F7F3);box-shadow:inset 0 0 0 1px rgba(21,122,62,.14);font:500 14px/1.2 'Geist';color:#157A3E;margin-bottom:24px}
.d-kick span:first-child{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#239955,#157A3E);display:flex;align-items:center;justify-content:center}
.d-hero h1{max-width:none;font-size:clamp(36px,4.4vw,60px);line-height:1.02}
.d-hero h1 em{display:inline}
.d-meta{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}
.d-meta li{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(14,21,18,.1);font:500 14px/1.2 'Geist';color:#3A423D}
.d-meta svg{flex:none}
.d-intro{margin:28px 0 0;max-width:620px;font:400 18px/1.6 'Geist';color:#3A423D;text-wrap:pretty}
.d-nocv{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px 10px 10px;border-radius:999px;background:#E3F1E8;font:600 15px/1.2 'Geist';color:#0F5C2E}
.d-nocv span{width:24px;height:24px;border-radius:50%;background:#157A3E;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
.d-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.d-land{position:absolute;right:-6%;top:-4%;width:min(46vw,560px);height:auto;pointer-events:none;opacity:.9}

/* Kurzbewerbung */
.apply-box{position:relative;overflow:hidden;border-radius:clamp(28px,3vw,40px);padding:clamp(22px,3vw,40px);color:#fff;background:radial-gradient(ellipse 70% 90% at 0% 0%,#167F42 0%,rgba(22,127,66,0) 55%),radial-gradient(ellipse 60% 80% at 100% 100%,#0F5132 0%,rgba(15,81,50,0) 60%),linear-gradient(135deg,#157A3E,#0A3221);box-shadow:0 40px 80px -40px rgba(10,50,33,.55);scroll-margin-top:100px}
.apply-box > *{position:relative}
.apply-box .quiz-mark{position:absolute}
.apply-box h2{margin:0;font:600 clamp(24px,2.4vw,32px)/1.1 'Geist';letter-spacing:-.03em;text-wrap:balance}
.apply-sub{margin:8px 0 0;font:400 15px/1.5 'Geist';color:rgba(255,255,255,.9)}
.apply-progress{display:none;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 10px;font:500 14px/1 'Geist'}
.apply-track{display:none;height:4px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden;margin-bottom:24px}
.apply-track span{display:block;height:100%;width:14%;background:#fff;border-radius:4px;transition:width .4s}
.js .apply-progress{display:flex}
.js .apply-track{display:block}
.step{border:none;margin:0 0 28px;padding:0;min-width:0}
.js .step{margin:0}
.js .step:not(.on){display:none}
.step.on{animation:sfIn .4s cubic-bezier(.2,.7,.2,1)}
.step-q{display:block;width:100%;padding:0;margin:0 0 6px;font:600 clamp(22px,2.2vw,28px)/1.15 'Geist';letter-spacing:-.025em;color:#fff;outline:none;text-wrap:balance}
.step-hint{margin:0;font:400 15px/1.5 'Geist';color:rgba(255,255,255,.9)}
.choices{display:grid;gap:8px;margin-top:18px}
.choices.two{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.choice{position:relative;display:block}
.choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.choice span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font:500 16px/1.3 'Geist';color:#fff;transition:background .2s,color .2s}
.choice i{flex:none;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font:600 13px/1 'Geist';font-style:normal;color:transparent}
.choice:hover span{background:rgba(255,255,255,.16)}
.choice input:checked + span{background:#fff;color:#0A3221}
.choice input:checked + span i{background:#157A3E;color:#fff;box-shadow:none}
.choice input:focus-visible + span{outline:3px solid #fff;outline-offset:2px}
.apply-box .form-grid{margin-top:18px}
.apply-box .field label{color:#fff}
.apply-box .req{color:#9BE3B9}
.apply-box .check{color:rgba(255,255,255,.92)}
.apply-box .check a{color:#fff}
.apply-box .field input:focus,.apply-box .field select:focus,.apply-box .field textarea:focus{box-shadow:inset 0 0 0 2px #157A3E,0 0 0 3px #9BE3B9}
.apply-note{grid-column:1/-1;margin:0;font:400 13px/1.5 'Geist';color:rgba(255,255,255,.88)}
.apply-note a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.apply-box .btn-white{width:100%}
.apply-nav{display:none;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
.js .apply-nav{display:flex}
.apply-nav .link-btn:disabled{opacity:.45;cursor:default}
.btn-next{border:none;cursor:pointer;font:500 16px/1 'Geist';color:#0A3221;background:#fff;padding:15px 24px;border-radius:999px}
.btn-next:hover{background:#E3F5EA}
.btn-next:disabled{opacity:.45;cursor:not-allowed}
.btn-next[hidden]{display:none}
.sent .step,.sent .apply-nav,.sent .apply-progress,.sent .apply-track{display:none!important}

/* Informationen zur Stelle */
.d-info{padding:clamp(56px,7vw,96px) 0;background:#F6F8F6}
.d-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.d-card{background:#fff;border-radius:28px;padding:clamp(24px,2.6vw,36px);box-shadow:0 1px 2px rgba(14,21,18,.04),0 12px 32px -18px rgba(14,21,18,.14)}
.d-card h2{margin:0 0 20px;display:flex;align-items:center;gap:14px;font:600 clamp(24px,2.2vw,30px)/1.1 'Geist';letter-spacing:-.03em}
.d-card h2 .ico{width:48px;height:48px;flex:none}
.d-card h2 .ico-g{border-radius:16px}
.d-card h2 .ico-a{width:30px;height:30px;border-radius:11px}
.d-card h2 .ico-g svg{width:22px;height:22px}
.d-card p{margin:0;font:400 16px/1.6 'Geist';color:#3A423D}
.d-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.d-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;font:400 16px/1.5 'Geist';color:#3A423D}
.d-list li::before{content:'';width:24px;height:24px;border-radius:50%;margin-top:0;background:#E3F1E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23157A3E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.d-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:clamp(24px,3vw,40px);border-radius:28px;color:#fff;background:radial-gradient(ellipse 70% 90% at 0% 0%,#167F42 0%,rgba(22,127,66,0) 55%),linear-gradient(135deg,#157A3E,#0A3221)}
.d-band h2{margin:0;font:600 clamp(28px,3vw,40px)/1.05 'Geist';letter-spacing:-.035em}
.d-band .btn-white{display:inline-flex}

/* FAQ */
.faq{padding:clamp(56px,7vw,96px) 0}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(24px,4vw,64px);align-items:start}
.faq-grid > div:first-child h2{margin:0;font:600 clamp(32px,3.6vw,52px)/1.05 'Geist';letter-spacing:-.035em}
.faq-more{margin:20px 0 0;font:400 16px/1.55 'Geist';color:#5B635E}
.faq-more a{text-decoration:underline;text-underline-offset:3px}
.faq details{border-bottom:1px solid #E6E8E4}
.faq details:first-child{border-top:1px solid #E6E8E4}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{margin:0;font:600 18px/1.35 'Geist';letter-spacing:-.01em}
.faq summary::after{content:'+';flex:none;width:32px;height:32px;border-radius:50%;background:#F1F7F3;display:flex;align-items:center;justify-content:center;font:400 22px/1 'Geist';color:#157A3E;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 22px;max-width:640px;font:400 16px/1.6 'Geist';color:#5B635E}
.related{padding:clamp(56px,7vw,96px) 0;background:#F6F8F6}
.related h2{margin:0 0 28px;font:600 clamp(32px,3.6vw,52px)/1.05 'Geist';letter-spacing:-.035em}
.related .more{margin-top:28px}
