/* Shared light identity — Werkstudentenjob, November 2026. */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-ext-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{color-scheme:light;--ink:#153744;--muted:#526973;--lime:#e0f2ea;--paper:#f5f7f8;--line:#dce4e7;--white:#fff;--brand:#006f68;--weight-text:400;--weight-heading:750}
html{background:#f5f7f8;scroll-padding-top:95px}body{background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4,button,input,select,textarea{font-family:Inter,Arial,sans-serif}h1,h2,h3{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d18a12;outline-offset:3px}a,button{touch-action:manipulation}.wrap{width:min(1264px,calc(100% - 64px))}body>header{background:#fff;border-bottom:1px solid #e1e8e8;position:relative;z-index:20}.nav{height:88px;gap:24px}.brand{color:#153744;flex-shrink:0}.brand-wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:760;font-size:22px;letter-spacing:-1px;white-space:nowrap}.brand-symbol{width:38px;height:38px;background:#006f68;color:white;display:grid;place-items:center;border-radius:10px;letter-spacing:-1.7px;font-size:25px;padding-bottom:3px}.brand-wordmark small{font-size:13px;color:#526973;font-weight:500;letter-spacing:-.3px}.navlinks{font-size:14px;gap:25px;font-weight:600}.navlinks a{color:#435d67}.navlinks a[aria-current=page],.navlinks a:hover{color:#006f68}.nav .nav-insert,.nav .top-insert{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;background:#006f68;color:#fff;border:1px solid #006f68;border-radius:7px;font-size:13px;font-weight:650;line-height:1.4;white-space:nowrap}.nav .nav-insert:hover{background:#005851}.menu{background:#edf5f1;color:#153744;border:1px solid #dce4e7;border-radius:7px;min-width:42px;min-height:42px;padding:8px}.button,button{border-radius:7px}.button{background:#006f68;color:#fff;font-weight:650}.button:hover{background:#005851}.button.light{background:#e0f2ea;color:#075d55}.button.outline{color:#006f68;background:#fff;border-color:#bfd5ce}.page-head h1{font-size:clamp(30px,4vw,46px);line-height:1.16;font-weight:750;letter-spacing:-1.3px}.page-head p,.intro{color:#526973}.panel,.card,.job{border-color:#dce4e7;border-radius:12px;background:#fff;box-shadow:none}.card:hover{transform:none;border-color:#9fbfb7}.card p,.prose,.legacy-content{color:#334e59}.prose{font-size:16px;line-height:1.8}.prose h2{font-size:26px}.prose h3{font-size:21px}.prose a,.legacy-content a{color:#006f68}.breadcrumb{font-size:13px;color:#526973}.job-detail-head{padding:28px 0;gap:22px;align-items:flex-start}.job-detail-head h1{font-size:clamp(27px,3.2vw,40px);line-height:1.2;letter-spacing:-1px;font-weight:750;margin:7px 0 14px}.job-detail-head p{font-size:16px}.job-detail-head .company-logo{width:72px;height:72px;min-width:72px;border-radius:12px;border-color:#dce4e7;background:#fff}.job-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.job-layout>article{background:#fff;border:1px solid #dce4e7;border-radius:12px;padding:30px;max-width:none;min-width:0}.job-layout .employer-box{position:sticky;top:22px;background:#eaf5ef;border:1px solid #cedfd7;border-radius:12px;padding:24px}.employer-box h3{font-size:21px}.employer-box .button{font-size:14px;min-height:48px}.employer-box p,.employer-box .tiny{font-size:13px;color:#526973}.job-detail-facts{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.job-detail-facts span{border:1px solid #dce4e7;background:#fff;border-radius:6px;padding:7px 11px;font-size:13px}.job-current-note{font-size:13px;color:#536a74;margin:6px 0 0}.section{padding:40px 0}.notice,.note{background:#eaf5ef;color:#334e59;border-color:#a8ccc0}.tiny{font-size:12px;color:#526973}.result{background:#153744}footer{background:#fff;border-top:1px solid #dce4e7;margin-top:50px;padding:35px 0 24px}.footer-links{font-size:13px;gap:12px 22px;max-width:760px;justify-content:flex-end}.footer-bottom{font-size:12px;color:#526973}.footer-top{align-items:flex-start}.footer-top .brand-wordmark{font-size:18px}.footer-top .brand-symbol{width:31px;height:31px;font-size:21px}.home-bottom{width:min(1264px,calc(100% - 64px));margin:0 auto 30px}.home-cities{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:24px 0 32px;border-top:1px solid #dce4e7}.home-cities h2{font-size:17px;margin:0 16px 0 0;letter-spacing:-.3px}.home-cities a{font-size:13px;padding:8px 13px;background:#fff;border:1px solid #dce4e7;border-radius:7px}.home-cities a:hover{border-color:#006f68;color:#006f68}.home-employer{padding:30px 32px;display:flex;gap:24px;align-items:center;justify-content:space-between;background:#e6f3ec;border:1px solid #cee3d7;border-radius:13px}.home-employer h2{font-size:25px;letter-spacing:-.6px;margin:0 0 6px}.home-employer p{font-size:15px;color:#526973;margin:0}.home-employer .button{flex-shrink:0}.home-help{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.home-help a{background:#fff;border:1px solid #dce4e7;border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:8px}.home-help strong{font-size:18px}.home-help span{font-size:14px;color:#526973}.publish-page{max-width:1100px}.publish-hero,.publish-heading{padding:28px 0}.publish-hero h1,.publish-heading h1{font-size:clamp(30px,4vw,45px);line-height:1.17;letter-spacing:-1.2px}.publish-hero p,.publish-heading p{max-width:740px;font-size:17px;color:#526973}.publish-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 30px}.publish-step{background:#fff;border:1px solid #dce4e7;border-radius:11px;padding:20px}.publish-step h2,.publish-step h3{font-size:18px;margin:8px 0}.publish-step p{font-size:14px;color:#526973}.publish-form,.publish-form-panel{background:#fff;border:1px solid #dce4e7;border-radius:12px;padding:25px;margin:25px 0}.publish-note,.publish-info{font-size:14px;color:#526973}.publish-actions{display:flex;gap:12px;flex-wrap:wrap}.publish-faq{margin:30px 0}.publish-faq summary{font-size:16px}.publish-form h2,.publish-form-panel h2{font-size:26px}
@media(max-width:1100px){.nav{gap:16px}.navlinks{gap:17px}.brand-wordmark{font-size:20px}.nav .nav-insert{font-size:12px;padding:11px}.wrap,.home-bottom{width:calc(100% - 40px)}}
@media(max-width:900px){.navlinks{gap:14px;font-size:13px}.nav .top-insert{font-size:12px;max-width:175px;white-space:normal;text-align:center}.brand-wordmark{font-size:19px}.brand-symbol{width:32px;height:32px;font-size:22px}.job-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.job-layout>article{padding:23px}}
@media(max-width:760px){.wrap,.home-bottom{width:calc(100% - 32px)}.nav{height:auto;min-height:80px;gap:10px;flex-wrap:wrap;padding:16px 0}.nav .brand{flex:1}.nav .menu{display:inline-flex;order:2}.nav .top-insert{order:3;max-width:none;width:100%;font-size:13px;min-height:42px;padding:10px;white-space:normal}.navlinks{display:none;order:4;position:static;width:100%;background:#fff;border:0;padding:14px 0 2px;gap:16px;flex-wrap:wrap;font-size:15px}.navlinks.open{display:flex}.brand-wordmark{font-size:20px}.navlinks a{padding:6px 0}.job-layout{grid-template-columns:1fr}.job-layout .employer-box{position:static}.job-detail-head .company-logo{width:55px;height:55px;min-width:55px}.job-detail-head{gap:14px}.job-detail-head h1{font-size:27px}.job-layout>article{padding:20px}.home-employer{align-items:flex-start;flex-direction:column;padding:23px}.home-employer .button{width:100%;font-size:14px}.home-help,.publish-steps{grid-template-columns:1fr;gap:12px}.footer-top,.footer-bottom{flex-direction:column;gap:20px}.footer-links{justify-content:flex-start}.publish-form,.publish-form-panel{padding:16px}.home-cities h2{width:100%;margin-bottom:6px}}
@media(max-width:360px){.brand-wordmark{font-size:17px;gap:7px}.brand-wordmark small{font-size:11px}.brand-symbol{width:29px;height:29px;font-size:20px}.home-employer h2{font-size:23px}.job-detail-head{flex-direction:column}.wrap,.home-bottom{width:calc(100% - 28px)}}
body>header .nav{display:flex;height:88px;min-height:88px;align-items:center;justify-content:space-between;padding:0;gap:24px}body>header .nav>.brand{min-width:0}body>header .nav>.top-insert{width:auto;max-width:none;min-width:0;padding:11px 16px;font-size:13px;border-radius:7px;box-shadow:none}body>header .nav>.menu{display:none}.relaunch-search-main>.job-explorer{margin:0;width:100%;max-width:none}
@media(max-width:980px){body>header .nav{display:grid;grid-template-columns:minmax(0,1fr) 42px;height:auto;min-height:0;padding:14px 0;gap:12px}body>header .nav>.brand{grid-row:1;grid-column:1}body>header .nav>.menu{display:flex;grid-row:1;grid-column:2;width:42px;min-width:42px;height:42px;align-items:center;justify-content:center;padding:0}body>header .nav>.top-insert{grid-row:2;grid-column:1/-1;width:100%;min-height:42px;font-size:13px}body>header .nav>.navlinks{display:none;position:static;grid-row:3;grid-column:1/-1;width:100%;padding:6px 0;border:0;background:white;box-shadow:none}body>header .nav>.navlinks.open{display:flex;flex-wrap:wrap;gap:20px}.brand-wordmark{font-size:20px}.brand-symbol{width:32px;height:32px;font-size:23px}}
@media(max-width:760px){.job-detail-head{display:flex;flex-direction:column;padding:20px;gap:12px}.job-detail-head>div{min-width:0;width:100%}.job-detail-head h1{font-size:27px;hyphens:auto;overflow-wrap:break-word;word-break:normal}.job-detail-head .company-logo{width:48px;height:48px;min-width:48px}.job-detail-head p{font-size:14px}.job-layout.section{padding-top:22px}.ex-results-top{row-gap:4px}.ex-results-tabs{margin-top:13px}}
@media(max-width:360px){.brand-wordmark{font-size:17px;gap:6px}.brand-wordmark small{font-size:10px}.brand-symbol{width:27px;height:29px;font-size:20px}}
body>header .nav>.menu{background:#fff;color:#006f68;border:1px solid #c9ddd6;box-shadow:none;border-radius:8px;cursor:pointer}body>header .nav>.menu:hover,body>header .nav>.menu:focus-visible{background:#e0f2ea;color:#005851;border-color:#94bdb0}body>header .nav>.menu[aria-expanded=true]{background:#006f68;color:#fff;border-color:#006f68}body>header .menu svg{width:22px;height:22px;display:block;flex-shrink:0}body>header .menu-close{display:none}body>header .menu[aria-expanded=true] .menu-bars{display:none}body>header .menu[aria-expanded=true] .menu-close{display:block}body>header .navlinks .nav-publish-mobile{display:none}
@media(max-width:980px){body>header .nav>.top-insert{display:none!important}body>header .nav>.navlinks{grid-row:2}body>header .nav>.navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0 0;border-top:1px solid #e2e9e6}body>header .navlinks>a{padding:10px 4px;font-size:15px}body>header .navlinks .nav-publish-mobile{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:5px;padding:12px 14px;border-radius:7px;background:#006f68;color:#fff;font-size:14px;font-weight:650;text-align:center}body>header .navlinks .nav-publish-mobile:hover{background:#005851;color:#fff}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
