/* R431: public volunteer recruitment page, scoped to this route only. */
body[data-section="public"][data-active="mitmachen"] .nv-public-page-stage {
 padding-bottom:clamp(46px,4vw,90px);
}
body[data-section="public"][data-active="mitmachen"] .nv-public-page-hero{
 min-height:clamp(350px,36vw,480px);
}
body[data-section="public"][data-active="mitmachen"] .nv-public-title{
 max-width:1000px;font-size:clamp(31px,3.1vw,58px);
 line-height:1.11;letter-spacing:-.025em;
}
body[data-section="public"][data-active="mitmachen"] .nv-public-text{
 max-width:860px;line-height:1.6;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section{
 position:relative;padding:clamp(40px,4vw,72px) 0 clamp(64px,6vw,104px);
 background:linear-gradient(165deg,#06182b 0%,#092338 42%,#071526 100%);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section>.nv-home-container{
 width:min(calc(100% - 36px),1460px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-eyebrow{
 display:inline-flex;align-items:center;gap:9px;color:#74ddf5;
 font-size:12px;font-weight:780;letter-spacing:.09em;text-transform:uppercase;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-intro{
 margin:0 0 clamp(25px,3vw,42px);max-width:910px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-intro h2{
 margin:12px 0 14px;color:#f7fcff;
 font-size:clamp(27px,2.2vw,39px);font-weight:790;line-height:1.2;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-intro p,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card p,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-bottom p{
 color:#c7dfe9;line-height:1.72;font-size:clamp(14px,.9vw,16px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-roles,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-bottom{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card{
 display:flex;flex-direction:column;align-items:flex-start;min-width:0;
 padding:clamp(23px,2.6vw,38px);border:1px solid rgba(113,202,242,.31);
 border-radius:20px;background:linear-gradient(155deg,rgba(21,67,96,.72),rgba(8,35,58,.86));
 box-shadow:0 17px 45px rgba(0,0,0,.18);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card-icon{
 display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;
 border-radius:16px;border:1px solid rgba(116,221,245,.4);
 background:rgba(21,155,215,.14);font-size:27px;color:#85e4ff;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card .nv-volunteer-role{
 margin:0 0 8px;font-size:12px;text-transform:uppercase;
 letter-spacing:.075em;font-weight:790;color:#83e2fc;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card h3,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-bottom h2{
 margin:0 0 13px;font-size:clamp(23px,1.65vw,29px);font-weight:780;color:#fff;line-height:1.25;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card ul{
 margin:12px 0 25px;padding-left:22px;color:#e0f0f6;line-height:1.85;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card li::marker{color:#66d8fb}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-skill{
 display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding:9px 13px;
 border:1px solid rgba(97,215,248,.27);border-radius:10px;
 background:rgba(16,112,151,.13);color:#b1eafa;font-size:13px;font-weight:730;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-bottom{
 margin-top:clamp(16px,2vw,28px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-expectations,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact{
 min-width:0;padding:clamp(22px,2.5vw,36px);border:1px solid rgba(113,202,242,.24);
 border-radius:18px;background:rgba(8,32,50,.8);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-expectations h2 i{color:#83e2fc}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-unpaid{
 padding:13px 16px;border-left:3px solid #7bdef5;
 background:rgba(24,112,149,.16);border-radius:0 9px 9px 0;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact h2{margin-top:11px}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-cta{
 display:inline-flex;justify-content:center;align-items:center;gap:12px;
 max-width:100%;min-height:48px;padding:12px 19px;margin:12px 0;
 border-radius:12px;background:linear-gradient(120deg,#168dc0,#2170af);
 border:1px solid rgba(165,236,255,.5);color:#fff;font-size:15px;font-weight:770;
 text-decoration:none;box-shadow:0 8px 23px rgba(2,44,68,.33);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-cta:hover,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-cta:focus-visible{
 background:linear-gradient(120deg,#21a7dd,#287fc3);
 color:#fff;outline:2px solid #e3faff;outline-offset:3px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact-address{
 overflow-wrap:anywhere;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact-address a{
 color:#88e2ff;text-underline-offset:3px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact-note{
 font-size:12px;color:#a8c5d3;
}
@media(max-width:800px){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-roles,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-bottom{
  grid-template-columns:minmax(0,1fr);
 }
 body[data-section="public"][data-active="mitmachen"] .nv-public-page-hero{min-height:0}
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section>.nv-home-container{
  width:calc(100% - 24px);
 }
}
@media(max-width:430px){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-expectations,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact{
  padding:20px 17px;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-cta{width:100%}
}
@media(prefers-reduced-motion:reduce){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-cta{transition:none}
}

/* R432: each position gets its own accessible role-specific email contact. */
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-role-cta{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 min-height:45px;max-width:100%;padding:10px 13px;margin-top:16px;
 background:rgba(20,123,167,.28);
 border:1px solid rgba(130,215,243,.48);border-radius:11px;
 color:#e6f9ff;text-decoration:none;
 font-size:14px;font-weight:740;text-align:center;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-role-cta:hover,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-role-cta:focus-visible{
 color:white;background:rgba(21,151,198,.5);
 outline:2px solid #a6edff;outline-offset:3px;
}
@media(max-width:430px){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-role-cta{
  width:100%;
 }
}

/* R433: public volunteer page orientation and accessible interaction. */
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-quicklinks{
 display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(22px,3vw,38px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-quicklinks a{
 display:inline-flex;align-items:center;gap:9px;min-height:44px;
 padding:10px 15px;border-radius:99px;border:1px solid rgba(118,221,249,.42);
 background:rgba(28,119,159,.23);color:#d8f3fd;text-decoration:none;
 font-size:14px;font-weight:750;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-quicklinks a:hover,
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-quicklinks a:focus-visible{
 color:white;background:rgba(29,138,182,.4);outline:2px solid #adf2ff;outline-offset:3px;
}
body[data-section="public"][data-active="mitmachen"] #nvVolunteerScript,
body[data-section="public"][data-active="mitmachen"] #nvVolunteerMesh,
body[data-section="public"][data-active="mitmachen"] #nvVolunteerContactTitle{
 scroll-margin-top:clamp(100px,10vw,145px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-process{
 margin-top:clamp(28px,3vw,44px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-process-heading h2{
 margin:10px 0 21px;color:#f8fcff;
 font-size:clamp(23px,2vw,32px);font-weight:780;line-height:1.25;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-steps{
 list-style:none;margin:0;padding:0;
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.7vw,22px);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-steps li{
 min-width:0;border:1px solid rgba(113,202,242,.26);
 border-radius:16px;padding:clamp(19px,2vw,28px);background:rgba(8,38,58,.78);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-step-count{
 color:#8ce5ff;font-size:14px;letter-spacing:.1em;font-weight:830;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-steps h3{
 margin:10px 0 9px;color:#fff;font-size:clamp(17px,1.25vw,21px);font-weight:770;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-steps p{
 margin:0;color:#c7dfe9;line-height:1.65;font-size:14px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq{
 margin-top:clamp(30px,4vw,55px);max-width:960px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq-list{
 display:grid;gap:9px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq details{
 border:1px solid rgba(115,199,235,.3);border-radius:13px;
 background:rgba(7,36,55,.83);overflow:clip;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq summary{
 display:flex;justify-content:space-between;align-items:center;gap:20px;
 padding:16px 20px;min-height:50px;
 color:#f6fcff;font-size:clamp(14px,1vw,16px);font-weight:750;
 cursor:pointer;list-style:none;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq summary::-webkit-details-marker{display:none}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq summary:focus-visible{
 outline:3px solid #a1e7ff;outline-offset:-3px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq details[open] summary i{
 transform:rotate(180deg);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq details p{
 margin:0;padding:0 20px 18px;color:#d0e8f3;font-size:14px;line-height:1.72;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-copy-tools{
 display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-copy{
 display:inline-flex;align-items:center;gap:9px;min-height:44px;
 padding:10px 14px;border:1px solid rgba(131,224,247,.4);
 border-radius:10px;background:rgba(20,118,160,.19);color:#e3f7ff;
 font-weight:710;font-size:13px;cursor:pointer;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-copy:focus-visible{
 outline:3px solid #adf2ff;outline-offset:3px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-copy-status{
 font-size:13px;color:#adebfa;line-height:1.5;
}
@media(max-width:800px){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-steps{
  grid-template-columns:minmax(0,1fr);
 }
}
@media(max-width:430px){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-quicklinks a{
  flex:1;justify-content:center;padding:9px;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq summary{
  padding:15px 13px;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq details p{
  padding:0 13px 15px;
 }
}
@media(prefers-reduced-motion:reduce){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq summary i{
  transition:none;
 }
}

/* R434: browser printing is opt-in and only user-initiated. */
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print{
 display:inline-flex;align-items:center;gap:9px;justify-content:center;
 min-height:44px;padding:10px 15px;
 border-radius:99px;border:1px solid rgba(118,221,249,.42);
 background:rgba(28,119,159,.23);color:#d8f3fd;
 cursor:pointer;font-size:14px;font-weight:750;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print:hover{
 color:white;background:rgba(29,138,182,.4);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print:focus-visible{
 outline:2px solid #adf2ff;outline-offset:3px;
}
/* R434: accessible local share links; no external trackers or network calls. */
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share{
 display:flex;flex-wrap:wrap;align-items:center;gap:8px;
 width:100%;max-width:100%;margin:12px 0 0;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share-button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:44px;max-width:100%;padding:9px 12px;
 background:transparent;border:1px solid rgba(127,202,229,.47);
 border-radius:10px;color:#c6eaf8;font-size:13px;font-weight:720;
 cursor:pointer;text-align:center;overflow-wrap:anywhere;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share-button:hover{
 color:white;background:rgba(21,123,158,.24);
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share-button:focus-visible{
 outline:3px solid #b2edff;outline-offset:3px;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share-status{
 color:#b7efff;font-size:12px;line-height:1.5;overflow-wrap:anywhere;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share-general{
 margin-top:3px;margin-bottom:3px;
}
@media(max-width:430px){
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share-button{
  width:100%;
 }
}
/* A clean printable information sheet, with no website chrome or
   buttons that cannot be used on paper. */
@media print{
 body[data-section="public"][data-active="mitmachen"]{
  background:#fff!important;color:#121212!important;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-home-header,
 body[data-section="public"][data-active="mitmachen"] .nv-public-page-hero,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-quicklinks,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-role-cta,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-cta,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-copy-tools,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-share,
 body[data-section="public"][data-active="mitmachen"] footer{
  display:none!important;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section{
  background:#fff!important;color:#121212!important;
  padding:0!important;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section>.nv-home-container{
  width:100%!important;max-width:none!important;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-card,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-steps li,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-expectations,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq details{
  border:1px solid #aaa!important;box-shadow:none!important;
  background:#fff!important;color:#111!important;
  break-inside:avoid;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section h2,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section h3,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section p,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section li,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section span,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section summary,
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-section a{
  color:#111!important;text-shadow:none!important;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq details p{
  display:block!important;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-contact-note{
  display:none!important;
 }
}

/* R435: a printable recruitment headline is required when web hero is hidden. */
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print-heading{
 display:none;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-manual-link[hidden]{
 display:none!important;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-manual-link:not([hidden]){
 display:block;flex:1 0 100%;max-width:100%;width:100%;min-height:44px;
 padding:10px 12px;border-radius:9px;border:1px solid rgba(134,217,242,.6);
 background:#f6fcff;color:#102637;outline-offset:3px;
 font:inherit;font-size:13px;overflow-wrap:anywhere;
}
body[data-section="public"][data-active="mitmachen"] .nv-volunteer-manual-link:focus-visible{
 outline:3px solid #b2edff;
}
@media print{
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print-heading{
  display:block!important;padding:0 0 16px;margin:0 0 16px;
  border-bottom:2px solid #222;
  break-after:avoid;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print-heading h2{
  font-size:25px!important;color:#111!important;
  line-height:1.2;margin:0 0 6px;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-print-heading p{
  font-size:12px;color:#111!important;margin:2px 0;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-faq details > p{
  display:block!important;visibility:visible!important;
 }
 body[data-section="public"][data-active="mitmachen"] .nv-volunteer-manual-link{
  display:none!important;
 }
}