/* Best Choice: shared mint/blue brand palette, 2026-10-08. */
:root,.bc-refined{--blue:#0146bb;--mint:#44d5aa;--ink:#102c42;--muted:#465f68;--soft:#eefbf6;--line:#c9e8df}
.bc-refined .header{position:sticky;top:0;z-index:100;background:#eefbf6!important;border-bottom:1px solid #c9e8df;box-shadow:0 2px 12px #0146bb0c}
.bc-refined .header .logo{gap:12px}
.bc-refined .header .logo-symbol{position:relative;width:44px;height:44px;flex:0 0 44px;align-self:center;overflow:hidden;background:none}
.bc-refined .header .logo-symbol svg{display:block;width:100%;height:100%;overflow:hidden}
.bc-refined .header .logo-symbol img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none}
.bc-refined .header .logo-type{height:40px;justify-content:flex-start;align-items:flex-start;text-align:left}
.bc-refined .header .logo-type strong{display:block;font-size:20px;line-height:24px;margin:0;padding:0;text-indent:0;letter-spacing:.02em}
.bc-refined .header .logo-type small{display:block;font-size:8px;line-height:10px;margin:6px 0 0;padding:0;text-indent:0;letter-spacing:.42em;transform:translateX(.3px)}
.bc-refined .header .contact-link,.bc-refined .form-submit,.bc-refined #karriere .button{background:#0146bb!important;color:#fff!important}
.bc-refined .hero h1 em,.bc-refined .hero .kicker,.bc-refined .hero-side .text-link{color:#44d5aa}
.bc-refined .hero-content>p:not(.kicker),.bc-refined .hero-side p:not(.kicker),.bc-refined .hero-facts span,.bc-refined .scroll-hint{color:#e6f5f1}
.bc-refined .hero-side{background:#003a9be8;border-color:#79b7d9}
.bc-refined .hero-facts{border-color:#79b7d9}
.bc-refined .hero .button:not(.button-outline){background:#44d5aa;color:#073b37}
.bc-refined .hero .button-outline{border-color:#a7e7d6}
.bc-refined .button:hover,.bc-refined .form-submit:hover,.bc-refined .header .contact-link:hover{box-shadow:0 6px 20px #0146bb26}
.bc-refined .button:focus-visible,.bc-refined a:focus-visible,.bc-refined button:focus-visible{outline-color:#44d5aa}
.bc-refined .service{border-top:3px solid #44d5aa}
.bc-refined .director-monogram,.bc-refined #karriere .benefits{background:#e6faf2}
.bc-refined #ueber-uns .director-card{border-top-color:#44d5aa}
.bc-refined .statement>p{color:#c3f2e3}
.bc-refined .contact .mail{color:#0146bb;border-color:#a8d9c9}
.bc-refined .form-fields input:not([type=checkbox]),.bc-refined .form-fields textarea{background:#fbfefc;border-color:#b3d8cb;color:#102c42}
.bc-refined input[type=checkbox]{accent-color:#0146bb}
.bc-refined input:focus,.bc-refined textarea:focus{outline:2px solid #0146bb;outline-offset:2px;border-color:#0146bb}
.bc-refined footer,.bc-refined .footer-main,.bc-refined .footer-bottom{background:#0146bb!important;color:#fff!important}
.bc-refined .footer-main p,.bc-refined .footer-bottom{color:#e1f6ef!important}
.bc-refined footer .footer-mail,.bc-refined footer .logo-type,.bc-refined footer .logo-type strong,.bc-refined footer .logo-type small,.bc-refined .footer-bottom button,.bc-refined .footer-pages a{color:#fff!important}
.bc-refined .footer-bottom,.bc-refined .footer-pages{border-color:#58acbb}
.application-page main{padding-bottom:64px;background:linear-gradient(135deg,#eefbf6 0%,#fff 65%)}
.application-page main>section>a{color:#0146bb;font-weight:700}
.application-page .application-form{background:#fff;border:1px solid #c9e8df;border-top:4px solid #44d5aa;border-radius:12px;box-shadow:0 8px 32px #0146bb0b}
.application-page .application-form h3{font-size:1.6rem}
.application-page .footer-mail{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.bc-refined .header nav{background:#eefbf6!important}.bc-refined .header .logo-symbol{width:40px;height:40px;flex-basis:40px}}
@media(max-width:600px){.bc-refined .header .logo-type strong{font-size:17px}.bc-refined .header .logo-type small{font-size:7px}.application-page main>section{margin-top:36px!important}}

/* Keep the circular logo free of the previous square tile. */
.bc-refined .logo-symbol{background:transparent!important}
.bc-refined footer .logo-symbol{border-radius:50%;overflow:hidden}

.bc-refined .phone-link{display:block;margin-top:12px;color:#0146bb;font-size:1rem;font-weight:700;text-decoration:none;line-height:1.6;overflow-wrap:anywhere}
.bc-refined .phone-link:hover{text-decoration:underline}
.bc-refined footer .footer-contact{align-self:center;min-width:0}
.bc-refined footer .phone-link{color:#fff;font-size:1rem}
.bc-refined .statement .phone-link{color:#fff;font-size:.95rem;letter-spacing:normal;margin-top:12px}

/* Shared finishing: readable contact links and consistent mobile rhythm. */
.bc-refined .contact-data a.phone-link,.bc-refined footer a.footer-mail,.bc-refined footer a.phone-link{width:fit-content;max-width:100%;border:0!important;text-decoration:none!important;padding:4px 0;line-height:1.5}
.bc-refined .contact-data a.phone-link:hover,.bc-refined footer a.footer-mail:hover,.bc-refined footer a.phone-link:hover{text-decoration:underline!important;text-underline-offset:4px}
.bc-refined .contact-data .contact-email{margin-top:16px}
.bc-refined .contact-data .contact-email+.phone-link{margin-top:4px}
.bc-refined footer .phone-link{margin-top:4px}
html{scroll-padding-top:104px}
.bc-refined main>section{scroll-margin-top:0}
.application-page main>section{max-width:900px!important;padding-inline:0!important;margin:48px auto 32px!important}
.application-page main>section h1{margin:16px 0 24px}
.application-page main>section>p:not(.kicker){line-height:1.75;color:var(--muted)}
.application-page .application-form{max-width:900px;margin-inline:auto;padding:36px}
.bc-refined .form-fields label{min-width:0}
.bc-refined .form-fields input:not([type=checkbox]),.bc-refined .form-fields textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;min-height:48px}
.bc-refined .form-fields input[type=file]{height:auto;padding:12px;overflow:hidden}
.bc-refined .form-fields small{display:block;line-height:1.55;margin-top:8px;color:var(--muted)}
@media(max-width:960px){.application-page main{padding-inline:24px}}
@media(max-width:900px){
 html{scroll-padding-top:90px}
 .bc-refined .header .menu{min-height:44px;padding:8px 14px;border:1px solid #b3d8cb;border-radius:6px;font-size:16px;color:var(--ink);background:transparent}
 .bc-refined .header nav.open{padding:16px 24px;box-shadow:0 10px 20px #102c4210}
 .bc-refined .header nav a{min-height:44px;display:flex;align-items:center}
 .bc-refined .page-train{display:block!important}.bc-refined .rail-tunnel{display:block!important}
 .bc-refined .page-track{opacity:1!important;pointer-events:none}
}
@media(max-width:600px){
 .bc-refined .header{height:76px;padding-inline:20px;gap:12px}
 .bc-refined .header .logo{gap:10px}
 .bc-refined .header .logo-type{height:38px}
 .bc-refined #leistungen,.bc-refined #ueber-uns,.bc-refined #vorteile,.bc-refined #karriere,.bc-refined #kontakt{padding:48px 24px;gap:28px}
 .bc-refined .hero{padding:48px 24px 72px;gap:28px}
 .bc-refined .scroll-hint{left:24px}
 .bc-refined .kicker{margin-bottom:16px}
 .bc-refined .section-top{gap:16px;margin-bottom:24px}
 .bc-refined .contact-copy>p:not(.kicker){margin:20px 0 0}
 .bc-refined .contact-data>div{padding-bottom:24px;margin-bottom:24px}
 .bc-refined .statement{padding:40px 24px}
 .bc-refined footer{padding-inline:24px}
 .bc-refined .footer-main{gap:24px}
 .bc-refined .footer-contact a{min-height:44px;display:flex;align-items:center}
 .bc-refined .form-fields{grid-template-columns:minmax(0,1fr)!important;gap:20px}
 .bc-refined .form-fields .full-field{grid-column:1!important}
 .bc-refined .form-fields label>span{font-size:.9rem;line-height:1.5}
 .bc-refined .form-fields .consent{align-items:flex-start;gap:12px}
 .bc-refined .form-fields .consent input{flex:0 0 18px;margin-top:3px}
 .bc-refined #kontakt #contact-form,.application-page .application-form{padding:24px 20px;margin-top:4px}
 .application-page main{padding-inline:24px;padding-bottom:48px}
 .application-page main>section{margin:32px auto 24px!important}
 .application-page main>section .kicker{margin-top:24px!important}
 .application-page main>section h1{font-size:clamp(1.9rem,7.7vw,2.5rem)!important;line-height:1.2!important}
 .application-page .form-heading{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.bc-refined .page-rail-overlay{display:none!important}.bc-refined .reveal{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto!important}}

/* Train remains part of the mobile identity. Logo sits lower on the locomotive body. */
.bc-refined .train-brand{top:44%;color:#102c42}

/* Railway imagery, October 2026. */
.bc-refined .hero{background:linear-gradient(90deg,rgba(3,32,78,.96) 0%,rgba(1,48,118,.87) 40%,rgba(1,45,104,.25) 100%),url('railway-platform.webp?v=20261009-reflective') 65% center/cover;color:#fff}
.bc-refined .hero-side{background:#003a9bd9;backdrop-filter:blur(4px)}
.bc-refined #leistungen{background:linear-gradient(90deg,#fffffff5,#ffffffe8),url('railway-landscape.webp?v=20261009') center/cover}
.bc-refined #ueber-uns{background:linear-gradient(90deg,#eefbf6f5,#eefbf6ed),url('railway-platform.webp?v=20261009-reflective') center/cover}
.bc-refined #vorteile{background:linear-gradient(90deg,#fffffff5,#ffffffeb),url('railway-landscape.webp?v=20261009') center/cover}
.bc-refined #karriere{background:linear-gradient(90deg,#fffffff7 0%,#ffffffe8 55%,#ffffffb8 100%),url('railway-platform.webp?v=20261009-reflective') 65% center/cover}
.bc-refined #karriere .benefits{background:#e6faf2ed}
.bc-refined .statement{background:linear-gradient(#0146bbbc,#003a9bd9),url('railway-landscape.webp?v=20261009') center 64%/cover;padding-block:88px}
.bc-refined .statement blockquote{text-shadow:0 2px 12px #002c6880}
.bc-refined #kontakt{background:linear-gradient(#eefbf6f2,#eefbf6f8),url('railway-landscape.webp?v=20261009') center/cover}
.bc-refined footer{background:linear-gradient(#0146bbe6,#003a9bf2),url('railway-landscape.webp?v=20261009') center/cover!important}
.bc-refined .footer-main,.bc-refined .footer-bottom{background:transparent!important}
.application-page main{background:linear-gradient(#eefbf6e8,#fffffff2),url('railway-platform.webp?v=20261009-reflective') 70% top/cover}
@media(max-width:900px){.bc-refined .hero{background-position:72% center}.bc-refined .hero-side{max-width:520px;justify-self:start}.bc-refined .statement{padding-block:66px}}
@media(max-width:600px){
 .bc-refined .hero{background-image:linear-gradient(90deg,#03204ee8,#013076bf),url('railway-platform.webp?v=20261009-reflective');background-position:72% center}
 .bc-refined #leistungen,.bc-refined #ueber-uns,.bc-refined #vorteile,.bc-refined #karriere,.bc-refined #kontakt{padding-block:60px}
 .bc-refined .statement{padding-block:60px}
}

/* Original tunnel route, with a lighter, restrained portal frame. */
.bc-refined .rail-tunnel{display:block!important;width:64px;height:50px;background:linear-gradient(180deg,#182e3b,#08141d);border:3px solid #70888d;border-bottom:0;border-radius:34px 34px 3px 3px;box-shadow:inset 0 0 0 3px #091823,0 3px 8px #102c421c}
.bc-refined .rail-tunnel::after{left:-6px;right:-6px;bottom:-5px;height:8px;background:#617b82;border-radius:3px;box-shadow:0 1px 0 #a5c2bd}
@media(max-width:560px){.bc-refined .rail-tunnel{width:46px;height:36px;border-width:2px;border-radius:25px 25px 2px 2px;box-shadow:inset 0 0 0 2px #091823,0 2px 5px #102c421c}.bc-refined .rail-tunnel::after{left:-4px;right:-4px;bottom:-4px;height:6px}}

/* Consolidated homepage details previously embedded in its head. */
.bc-refined main{overflow:visible}
.bc-refined .footer-pages{display:flex;flex-wrap:wrap;gap:14px 24px;grid-column:1/-1;padding-top:24px;border-top:1px solid #58acbb}
.bc-refined .footer-pages a{font-size:.9rem;text-decoration:none}
.bc-refined .footer-pages a:hover,.bc-refined .footer-pages a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.bc-refined .driver-total,.bc-refined .driver-stat{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:18px!important;justify-content:start!important;text-align:left!important}
.bc-refined .driver-capacity strong{width:auto!important;min-width:0!important;margin:0!important}
.bc-refined .driver-capacity span{margin:0!important;text-align:left!important;min-width:0}
@media(max-width:900px) and (min-width:601px){.bc-refined .driver-total,.bc-refined .driver-stat{grid-template-columns:minmax(0,1fr)!important}}
/* Reserve the right edge for the worker and reflective back print. */
@media(min-width:1100px){.bc-refined .hero{grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr) minmax(140px,.5fr);column-gap:32px}.bc-refined .hero-side{grid-column:2;padding:28px}.bc-refined .hero-content{grid-column:1}.bc-refined .hero{background-position:right center}}
@media(max-width:600px){html{scroll-padding-top:88px}}

/* Footer balance and inline contact details in legal dialogs. */
.bc-refined #legal-dialog .phone-link{display:inline;margin:0;font-size:inherit;line-height:inherit}
.bc-refined .footer-main{align-items:center}
.bc-refined .footer-main>p{margin:0;text-align:center;line-height:1.65;justify-self:center;max-width:32ch}
.bc-refined .footer-main>.footer-logo{min-width:0;justify-self:start}
.bc-refined .footer-main>.footer-contact{justify-self:end}
@media(min-width:901px){.bc-refined .footer-main{grid-template-columns:minmax(220px,1fr) minmax(220px,1.2fr) minmax(230px,1fr);column-gap:32px}.bc-refined footer .logo-type strong{white-space:nowrap;font-size:24px}}
@media(max-width:900px){.bc-refined .footer-main>.footer-contact{justify-self:start}.bc-refined .footer-main>p{justify-self:start;text-align:left}}