/* Local refinement: vector navigation, consistent portal rhythm, native select controls. */
.draft-header .desktop-nav{gap:24px}
.draft-header .nav-group>summary{display:flex;align-items:center;justify-content:flex-start;gap:9px;line-height:1.5}
.menu-symbol{display:block;width:22px;height:22px;flex:0 0 22px;color:#bd0024}
.draft-header .menu-chevron{width:15px;height:15px;flex-basis:15px;color:#ff3459;transition:transform .18s}
.draft-header .nav-group[open]>summary .menu-chevron{transform:rotate(180deg)}
.draft-header .draft-mega-panel{width:840px;grid-template-columns:1fr 1fr;gap:0;padding:24px;left:-190px}
.draft-header .menu-solutions{padding-right:24px}
.draft-header .menu-industries{padding-left:24px;border-left:1px solid #d9dcd5}
.draft-header .draft-menu-column>.eyebrow{padding:5px 10px 14px;font-weight:700;color:#515a55;letter-spacing:.11em}
.draft-header .menu-industries>.eyebrow{color:#b10021}
.draft-header .draft-menu-column>.menu-item{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;padding:11px 10px;border-radius:3px}
.draft-header .draft-menu-column>.menu-item strong{font-weight:550;font-size:14px;line-height:1.5}
.draft-header .menu-industries>.menu-item{align-items:start;padding-block:14px;background:#efeee9;margin-bottom:6px}
.draft-header .menu-industries>.menu-item:hover{background:#e7e6df}
.draft-header .menu-industries>.menu-item .menu-symbol{margin-top:2px}
.draft-header .draft-menu-column .menu-item small{font-size:12px;line-height:1.6;margin-top:3px;color:#5f685f}
.draft-header .draft-menu-column>.draft-menu-overview{color:#b00022;font-size:13px;font-weight:650;padding:9px 10px 14px;margin-bottom:4px;border-bottom:1px solid #d9dcd5}
.draft-header .draft-menu-note{margin:13px 10px 0;padding-top:15px}
.draft-header .draft-menu-note strong{font-size:14px}
.draft-header .draft-menu-note p{font-size:12px;margin-bottom:12px}
.draft-site select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%233b4542' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-size:18px 18px;background-position:right 15px center;background-repeat:no-repeat}
.draft-site .demo-dialog .demo-form-grid select,.draft-site .portal-search select{padding-right:45px;cursor:pointer}
.draft-site select:disabled{cursor:default}
/* One measured container for heading, search, cards and related links. */
.draft-portal .portal-hero,.draft-portal .portal-content,.draft-portal .portal-related,.draft-portal .portal-detail{max-width:1232px}
.draft-portal .portal-hero-bottom{margin-top:20px}
.draft-portal .portal-card{position:relative;grid-template-columns:minmax(0,1fr) minmax(155px,auto);grid-template-rows:auto auto 1fr auto;gap:0 28px;padding:24px 28px;background:#fffefa;border:1px solid #d7dcd4;border-left:3px solid #c8cfc5;transition:border-color .15s,box-shadow .15s}
.draft-portal .portal-card:hover,.draft-portal .portal-card:focus-within{border-color:#c20025;box-shadow:0 4px 15px #11191f08}
.draft-portal .portal-card-top{grid-column:1;grid-row:1;color:#556052;font-size:13px}
.draft-portal .portal-card h3{grid-column:1;grid-row:2;font-size:24px;line-height:1.3;letter-spacing:-.025em;max-width:42ch;margin:7px 0 9px}
.draft-portal .portal-location{grid-column:2;grid-row:1/3;align-self:start;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:2px 0 0;font-size:15px;text-align:right;max-width:240px;line-height:1.55}
.draft-portal .portal-pin{width:18px;height:21px;background:transparent;color:#bb0023;flex:0 0 18px}
.draft-portal .portal-card-facts{grid-column:1;grid-row:3;font-size:14px;line-height:1.65;margin:3px 0 0;color:#5c665b;max-width:70ch}
.draft-portal .portal-card-salary{grid-column:1;grid-row:4;align-self:end;color:#25312a;font-size:15px;margin:12px 0 0}
.draft-portal .portal-card-link{grid-column:2;grid-row:2/5;align-self:end;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:145px;min-height:42px;padding:10px 16px;margin-top:12px;border:1px solid #a5afa3;background:transparent;color:#28352d;font-size:13px;font-weight:650;line-height:1.4;width:auto}
.draft-portal .portal-card:hover .portal-card-link,.draft-portal .portal-card:focus-within .portal-card-link{border-color:#bd0024;color:#b50022;background:#fff2f4}
.draft-portal .portal-card h3 a:focus-visible{outline:none}
.draft-portal .portal-related .portal-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:22px}
.draft-portal .portal-related .portal-card-link{align-self:stretch;justify-self:auto;margin-top:20px}
.draft-portal .portal-related .portal-card h3{font-size:21px}
.draft-portal .portal-related .portal-location{align-self:flex-start;justify-content:start;text-align:left;max-width:none}
/* Bright, credible working scenes. Keep subjects clear at each crop. */
.draft-site .draft-banner img{filter:none;height:clamp(200px,22vw,290px);object-position:50% 43%}
.draft-site .draft-sector-banner img{height:clamp(240px,27vw,330px);object-position:50% 40%}
.draft-site img[src*="team-unsplash"]{object-position:65% 56%}
.draft-site .page-hero.with-image img[src*="team-unsplash"]{object-position:67% 56%}
.draft-site .draft-world-card img[src*="industrie-unsplash"]{object-position:54% 48%}
.draft-site .draft-world-card img[src*="logistik-unsplash"]{object-position:50% 38%}
.draft-site .draft-banner img[src*="logistik-unsplash"]{object-position:50% 39%}
.draft-site .draft-banner img[src*="team-unsplash"]{object-position:65% 56%}
.draft-site #standorte{scroll-margin-top:120px}
.candidate-locations{padding-block:48px}
.candidate-locations h2{font-size:34px;margin:13px 0 16px}
.candidate-locations>.wrap>p:not(.eyebrow){font-size:16px;max-width:65ch;color:#626862;line-height:1.8}
.candidate-locations .location-grid{margin-top:30px}
@media(max-width:1100px){
 .draft-header .mobile-nav:not([hidden]){display:flex;flex-direction:column;align-items:stretch;gap:0;height:calc(100dvh - var(--fine-menu-top,80px) - var(--privacy-gap,0px));max-height:calc(100dvh - var(--fine-menu-top,80px) - var(--privacy-gap,0px));bottom:var(--privacy-gap,0px);padding-bottom:max(25px,env(safe-area-inset-bottom));background:#11191f;color:#fff}
 .draft-header .mobile-nav>a,.draft-header .mobile-nav>.nav-group{display:block;width:100%;flex:none}
 .draft-header .mobile-nav>a,.draft-header .mobile-nav .nav-group>summary{min-height:57px;padding:13px 0;font-size:21px;line-height:1.5;border-bottom:1px solid #ffffff26;color:#f9faf8}
 .draft-header .mobile-nav .nav-group>summary{justify-content:space-between}
 .draft-header .mobile-nav .nav-dropdown{padding:0;background:#11191f;margin:0}
 .draft-header .mobile-nav .menu-solutions,.draft-header .mobile-nav .menu-industries{padding:20px 0 8px;border:0}
 .draft-header .mobile-nav .menu-industries{border-top:1px solid #ffffff26}
 .draft-header .mobile-nav .draft-menu-column>.eyebrow{padding-left:0;color:#b6c5c2}
 .draft-header .mobile-nav .draft-menu-column>.menu-item{display:grid;grid-template-columns:24px minmax(0,1fr);padding:13px 8px;min-height:48px;margin:0;background:transparent;color:#f8faf9;border-bottom:1px solid #ffffff12}
 .draft-header .mobile-nav .draft-menu-column>.menu-item:hover{background:#ffffff0c}
 .draft-header .mobile-nav .draft-menu-column .menu-item strong{font-size:16px;line-height:1.5}
 .draft-header .mobile-nav .draft-menu-column .menu-item small{font-size:13px;color:#b6c5c2}
 .draft-header .mobile-nav .draft-menu-column>.draft-menu-overview{color:#ffb8c3;background:transparent;border-bottom-color:#ffffff26}
 .draft-header .mobile-nav .menu-symbol{color:#ff6985}
 .draft-header .mobile-nav-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:24px;width:100%}
 .draft-header .mobile-nav-actions a,.draft-header .mobile-nav-actions button{display:flex;justify-content:center;align-items:center;width:100%;margin:0;min-height:48px;padding:12px;font:600 15px/1.5 var(--sans);border:1px solid #ffffff65}
 .draft-header .mobile-nav-actions .draft-primary{border-color:var(--red)}
 .draft-header .mobile-nav-actions .mobile-phone,.draft-header .mobile-nav-actions .draft-utility{color:#dce5e2;border:0;justify-content:flex-start;padding-inline:0}
}
@media(max-width:700px){
 .draft-portal .portal-card{display:flex;flex-direction:column;align-items:stretch;padding:21px 20px;border-left-width:3px;gap:0}
 .draft-portal .portal-card h3{font-size:23px;margin:8px 0 12px}
 .draft-portal .portal-location{order:0;align-self:flex-start;justify-content:flex-start;text-align:left;margin:0 0 5px;max-width:none;font-size:15px}
 .draft-portal .portal-card-facts{margin-top:6px}
 .draft-portal .portal-card-salary{margin-top:10px;align-self:flex-start}
 .draft-portal .portal-card-link{align-self:flex-start;justify-content:flex-start;justify-self:auto;width:auto;min-width:0;min-height:36px;padding:6px 0 4px;margin-top:16px;border:0;border-bottom:1px solid #bd0024;color:#a80020;background:transparent}
 .draft-portal .portal-card:hover .portal-card-link{background:transparent}
 .draft-portal .portal-related .portal-card-link{align-self:flex-start}
 .draft-site .draft-banner img{height:190px;object-position:50% 40%}
 .draft-site .draft-sector-banner img{height:210px}
 .draft-footer-links nav,.draft-footer .footer-bottom nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%}
 .draft-footer .footer-bottom{align-items:flex-start}
 .candidate-locations{padding-block:35px}
 .candidate-locations h2{font-size:30px}
 .draft-site #standorte{scroll-margin-top:100px}
}
@media(prefers-reduced-motion:reduce){.draft-header .menu-chevron,.draft-portal .portal-card{transition:none}}

.draft-header nav a[aria-current],.draft-header summary.nav-active{color:#ffb8c3;text-decoration:underline;text-decoration-color:#ff3459;text-underline-offset:8px}
.draft-site .draft-banner figcaption,.draft-site .draft-world-card figcaption{font-size:12px;line-height:1.5;background:#11191f;color:#fff;padding:4px 8px;text-shadow:none}
.draft-site [id^="besuch-"]{scroll-margin-top:120px}

.draft-site .page-hero.with-image img[src*="onsite-unsplash"]{object-position:48% 40%}
.draft-site .editorial-photo figcaption{left:12px;right:auto;bottom:12px;padding:4px 8px;background:#11191f;color:white;font-size:12px;line-height:1.5;letter-spacing:0}
.draft-header .mobile-nav-actions a.button{background:transparent;color:#fff;border-color:#a5b4af}
.draft-header .mobile-nav-actions .button[aria-current]{color:#fff;text-decoration:none}
@media(max-width:900px){
 .draft-portal .portal-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}
 .draft-portal .portal-search-row>label:first-child{grid-column:1/-1}
 .draft-portal .portal-search-row>label:nth-child(2){grid-column:1}
 .draft-portal .portal-search-row>.button{grid-column:2;align-self:end}
}
@media(max-width:360px){
 .draft-portal .portal-search-row{grid-template-columns:minmax(0,1fr)}
 .draft-portal .portal-search-row>label,.draft-portal .portal-search-row>.button{grid-column:1;width:100%}
 .draft-portal .portal-search-row>.button{justify-content:center}
}
.draft-header .draft-mega-panel a[aria-current]{color:#b00022;text-decoration-color:#b00022}
/* Curated image selection v2: deliberate focal points, no colour filters. */
.draft-site .draft-world-card img[src*="industrie-unsplash"],.draft-site .editorial-photo img[src*="industrie-unsplash"]{object-position:50% 30%}
.draft-site .draft-world-card img[src*="logistik-unsplash"],.draft-site .editorial-photo img[src*="logistik-unsplash"]{object-position:40% 51%}
.draft-site .draft-banner img[src*="industrie-unsplash"]{object-position:50% 22%}
.draft-site .draft-banner img[src*="logistik-unsplash"]{object-position:40% 52%}
.draft-site .draft-banner img[src*="team-unsplash"]{object-position:60% 41%}
.draft-site .page-hero.with-image img[src*="onsite-unsplash"]{object-position:50% 40%}
.draft-site .draft-banner img[src*="team-unsplash"]{object-position:60% 54%}
