:root{--bg:#090b0c;--panel:#101416;--ink:#f3f5f4;--muted:#9ca7a8;--line:#263033;--ci:#4cc1c6;--max:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;max-width:100%}header{position:fixed;z-index:50;inset:0 0 auto;height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#090b0cf2,#090b0c99,transparent);backdrop-filter:blur(8px)}.logo{display:flex;align-items:center;gap:15px}.logo img{width:150px;height:54px;object-fit:contain;background:white;padding:5px 8px}.logo span{font:700 13px "Barlow Condensed";letter-spacing:.2em;color:var(--ci)}nav{display:flex;align-items:center;gap:28px;font-size:12px}nav a{color:#c9cecf}.navcta{border:1px solid var(--ci);padding:12px 16px;color:white}.menu{display:none;background:transparent;border:0;color:white;font-size:25px}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:150px 6vw 100px;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607f5 0%,#07090ad9 37%,#05060766 67%,#05060722),linear-gradient(0deg,#090b0ce6 0%,transparent 45%)}.hero-copy{position:relative;z-index:2;max-width:850px}.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#b4bec0;margin:0 0 18px}.kicker:before{content:"";display:inline-block;width:34px;height:3px;background:var(--ci);margin-right:12px;vertical-align:middle}h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;margin:0}h1{font-size:clamp(70px,10vw,150px);line-height:.78;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:var(--ci)}.lead{font-size:18px;line-height:1.6;color:#c2c9ca;max-width:600px;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;background:var(--ci);color:#071011;min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:.2s}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn.secondary{background:#0a0d0dbd;color:white;border:1px solid #ffffff3d}.hero-facts{position:absolute;z-index:2;right:4vw;bottom:45px;display:flex;gap:22px;font-size:10px;letter-spacing:.12em;color:#aeb6b7}.hero-facts span:before{content:"●";color:var(--ci);margin-right:7px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;color:#737f81;font:700 15px "Barlow Condensed";letter-spacing:.16em;white-space:nowrap}.ticker div{width:max-content;animation:run 24s linear infinite}.ticker b{color:var(--ci);padding:0 22px}@keyframes run{to{transform:translateX(-35%)}}.section{max-width:var(--max);margin:auto;padding:120px 28px}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}h2{font-size:clamp(54px,7.2vw,105px);line-height:.83;letter-spacing:-.025em}.intro-copy{padding-bottom:8px}.intro-copy p,.people-head>p,.apply-title>p,.location p{color:var(--muted);line-height:1.75;font-size:16px}.textlink{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--ci);display:inline-block;margin-top:20px}.photo-grid{max-width:1500px;margin:auto;padding:0 24px 110px;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:350px 350px;gap:12px}.photo-grid figure{margin:0;position:relative;overflow:hidden;background:#111}.photo-grid .wide{grid-row:1/3}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.photo-grid figure:hover img{transform:scale(1.025)}figcaption{position:absolute;left:18px;bottom:18px;background:#080b0cd9;padding:10px 13px;font:700 11px "Barlow Condensed";letter-spacing:.12em}figcaption b{color:var(--ci);margin-right:10px}.benefits{padding-top:30px}.benefit-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:25px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}.benefit-row:last-child{border-bottom:1px solid var(--line)}.benefit-row>span{color:var(--ci);font:700 14px "Barlow Condensed"}.benefit-row h3{font-size:clamp(30px,3.5vw,50px)}.benefit-row p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:420px}.areas{padding:120px max(24px,calc((100vw - var(--max))/2));background:#e8eeee;color:#0a0c0d}.areas .kicker{color:#465254}.areas-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}.areas-head .kicker{grid-column:1/-1}.areas h2 em{color:#248f94}.status{color:#5e696b;line-height:1.6;max-width:520px;font-size:13px;border-left:3px solid var(--ci);padding-left:15px}.area-cards{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;border-left:1px solid #bbc5c6}.area-cards button{min-height:300px;text-align:left;padding:25px;background:transparent;border:0;border-right:1px solid #bbc5c6;display:flex;flex-direction:column;color:#0b0d0e;cursor:pointer;transition:.2s}.area-cards button:hover{background:#d8e2e2}.area-cards small{font-size:9px;letter-spacing:.13em;color:#667173}.area-cards strong{font:800 31px/1 "Barlow Condensed";margin-top:auto}.area-cards span{font-size:30px;color:#248f94;margin-top:20px}.people-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:50px}.portraits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portraits figure{margin:0;aspect-ratio:3/4;overflow:hidden;background:#15191a}.portraits img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:.35s}.portraits figure:hover img{transform:scale(1.025);filter:saturate(1)}.apprentice{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;background:#111617}.apprentice>img{width:100%;height:760px;object-fit:cover;object-position:center 25%}.apprentice>div{padding:80px 6vw;display:flex;flex-direction:column;justify-content:center}.apprentice p:not(.kicker){color:var(--muted);line-height:1.7;max-width:470px}.apprentice .btn{align-self:flex-start;margin-top:20px}.location{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.location img{width:100%;max-height:650px;object-fit:cover}.apply{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;border-top:1px solid var(--line)}form{background:#101517;border:1px solid var(--line);padding:38px;min-height:520px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:45px}.steps i{height:3px;background:#303b3d}.steps i.on{background:var(--ci)}fieldset{border:0;margin:0;padding:0}.step{display:none}.step.on{display:block}.step legend{font:700 clamp(26px,3vw,40px) "Barlow Condensed";margin-bottom:30px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:25px}.choices input{position:absolute;opacity:0}.choices span{display:block;border:1px solid #344043;padding:17px;cursor:pointer;font-size:13px}.choices input:checked+span{border-color:var(--ci);background:#4cc1c611}.field,.inputs label{display:grid;gap:8px;color:#98a4a6;font-size:10px;letter-spacing:.1em;margin-bottom:17px}select,input:not([type=radio]):not([type=checkbox]):not([type=file]){background:#090c0d;border:1px solid #344043;color:white;padding:16px;outline:0;width:100%}select:focus,input:focus{border-color:var(--ci)}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.formnav{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.back{border:0;background:none;color:#8e999b;font-size:11px;cursor:pointer}.upload{display:grid;gap:8px;color:#98a4a6;font-size:10px;letter-spacing:.1em}.upload input{position:absolute;opacity:0}.upload span{border:1px dashed #455255;padding:28px;text-align:center;color:white;font-weight:700;cursor:pointer}.upload small{display:block;color:#788486;font-weight:400;margin-top:7px}.check{display:flex;gap:10px;align-items:flex-start;color:#9aa5a7;font-size:11px;line-height:1.5;margin-top:22px}.check a{text-decoration:underline}.hidden{display:none}.error{font-size:11px;color:#ff827d}.mascot{max-width:var(--max);margin:0 auto 100px;display:grid;grid-template-columns:.6fr 1.4fr;background:#e8eeee;color:#0a0c0d;min-height:470px}.mascot img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.mascot>div{padding:55px;display:flex;justify-content:center;flex-direction:column}.mascot .kicker{color:#526062}.mascot h2 em{color:#248f94}.mascot .btn{align-self:flex-start;margin-top:30px}footer{border-top:1px solid var(--line);padding:50px 4vw 100px;display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center}footer img{background:white;padding:6px;width:165px}footer div:not(.legal){display:grid;gap:6px;font-size:12px;color:#879294}footer b{color:white}.legal{display:flex;gap:18px;font-size:11px}.mobile-cta{display:none}
@media(max-width:850px){header{height:70px;padding:0 17px}.logo img{width:125px;height:44px}.logo span{display:none}nav{display:none}.menu{display:block}nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#090b0cf8;padding:24px;flex-direction:column;align-items:stretch}.hero{padding:120px 20px 90px;min-height:850px}.hero-photo{object-position:58% center}.hero-shade{background:linear-gradient(0deg,#07090af9 0,#07090adf 45%,#07090a55 100%)}h1{font-size:clamp(68px,20vw,105px)}.lead{font-size:15px}.hero-facts{left:20px;right:20px;bottom:30px;gap:8px 15px;flex-wrap:wrap}.section{padding:80px 20px}.intro,.people-head,.location,.apply{grid-template-columns:1fr;gap:35px}.photo-grid{padding:0 12px 70px;grid-template-columns:1fr;grid-template-rows:420px 300px 300px}.photo-grid .wide{grid-row:auto}.benefit-row{grid-template-columns:40px 1fr;gap:12px}.benefit-row p{grid-column:2}.areas{padding:80px 20px}.areas-head{grid-template-columns:1fr}.area-cards{grid-template-columns:1fr 1fr}.area-cards button{min-height:210px;border-bottom:1px solid #bbc5c6}.portraits{grid-template-columns:1fr 1fr}.apprentice{grid-template-columns:1fr;min-height:auto}.apprentice>img{height:570px}.apprentice>div{padding:70px 20px}.location img{order:-1}.apply-title p{max-width:500px}form{padding:24px 17px}.inputs{grid-template-columns:1fr}.mascot{margin:0 12px 100px;grid-template-columns:1fr}.mascot img{height:330px}.mascot>div{padding:40px 24px}footer{grid-template-columns:1fr;padding:40px 20px 100px}.legal{justify-content:flex-start}.mobile-cta{display:block;position:fixed;z-index:45;left:10px;right:10px;bottom:10px;background:var(--ci);color:#071011;text-align:center;padding:16px;font-size:11px;font-weight:900;letter-spacing:.08em}}
@media(max-width:500px){.area-cards{grid-template-columns:1fr}.portraits{grid-template-columns:1fr 1fr;gap:6px}.portraits figure{aspect-ratio:2.6/4}.choices{grid-template-columns:1fr}.actions .btn{width:100%}.apprentice>img{height:500px}}


.loyalty{max-width:var(--max);margin:0 auto;padding:40px 28px 130px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.loyalty-copy>p:not(.kicker){max-width:620px;color:var(--muted);font-size:17px;line-height:1.75;margin:28px 0}
.loyalty-copy>p strong{color:var(--ink)}
.loyalty blockquote{margin:38px 0 0;padding:20px 0 20px 24px;border-left:3px solid var(--ci);font:500 22px/1.35 "Barlow Condensed";text-transform:uppercase;color:#aab5b6}
.loyalty blockquote b{color:white}
.loyalty-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#0d1112}
.loyalty-stats article{min-height:360px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line);position:relative;overflow:hidden}
.loyalty-stats article:last-child{border-right:0}
.loyalty-stats article:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--ci);filter:blur(110px);opacity:.10;top:-80px;right:-80px}
.loyalty-stats strong{font:800 clamp(90px,10vw,145px)/.7 "Barlow Condensed";letter-spacing:-.06em;color:var(--ci)}
.loyalty-stats strong span{font-size:.42em;vertical-align:top;margin-left:4px}
.loyalty-stats h3{font-size:42px;margin:20px 0 8px}
.loyalty-stats p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:850px){.loyalty{padding:20px 20px 85px;grid-template-columns:1fr;gap:40px}.loyalty-stats article{min-height:270px;padding:24px}.loyalty-stats h3{font-size:32px}}
@media(max-width:460px){.loyalty-stats{grid-template-columns:1fr}.loyalty-stats article{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.loyalty-stats article:last-child{border-bottom:0}}

.team-wide{padding-top:30px}
.team-wide-copy{display:grid;grid-template-columns:.7fr 1.25fr 1fr;gap:35px;align-items:end;margin-bottom:34px}
.team-wide-copy h2{margin:0}.team-wide-copy>p:last-child{color:var(--muted);line-height:1.7;margin:0}
.team-wide-photo{margin:0;position:relative;overflow:hidden;border:1px solid var(--line);background:#0d1112}
.team-wide-photo img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;object-position:center 52%}
.team-wide-photo figcaption{position:absolute;left:24px;bottom:18px;padding:8px 10px;background:rgba(0,0,0,.72);font:600 12px/1 "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:#fff}
.people-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:850px){.team-wide-copy{grid-template-columns:1fr;gap:12px}.team-wide-photo img{aspect-ratio:4/3}.people-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.team-wide-photo img{aspect-ratio:1/1;object-position:center}}

/* V6 – echte Stellen und Arbeitgeberleistungen */
.employer{padding-top:20px;padding-bottom:110px;display:grid;grid-template-columns:.65fr 1.25fr 1fr;gap:35px;align-items:start}
.employer h2{margin:0}.employer>p:last-child{color:var(--muted);font-size:17px;line-height:1.75;margin:8px 0 0}
.job-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:1px}
.job-details article{background:#0d1112;padding:42px}.job-details h3{font-size:34px;margin:10px 0 16px}.job-details article>p:not(.kicker){color:var(--muted);line-height:1.65;max-width:600px}.job-details article>p strong{color:#fff}.job-details .btn{margin-top:16px;display:inline-block}
.application-contact{max-width:720px;margin:0 auto 24px;color:var(--muted);line-height:1.6}.application-contact a{color:var(--ci);font-weight:700}
@media(max-width:850px){.employer{grid-template-columns:1fr;gap:14px;padding-bottom:80px}.job-details{grid-template-columns:1fr}.job-details article{padding:28px 22px}}

.legal{background:#090b0c;color:#fff}.legal-wrap{width:min(860px,calc(100% - 40px));margin:auto;padding:70px 0 100px}.legal-wrap h1{font-size:clamp(52px,9vw,96px);margin:30px 0 55px}.legal-wrap h2{font-size:25px;margin:42px 0 12px}.legal-wrap p{color:#b7c0c1;line-height:1.75}.legal-wrap strong{color:#fff}.legal-wrap a{color:var(--ci)}.legal-wrap .back{display:inline-block;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.legal-note{margin-top:45px;padding:20px;border:1px solid var(--line);font-size:13px}