/* styles.css */
:root{--navy:#082541;--deep:#061b31;--yellow:#edc84a;--muted:#617183;--light:#f3f6f8;--line:#dfe5ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ad8200;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em;font-weight:600}h3{font-size:1.3rem}p{margin-bottom:1.2rem}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header{background:white}.header-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;line-height:1}.brand-tec{font-size:3.3rem;font-weight:800;letter-spacing:-.07em}.brand-dot{color:#ab881c}.brand-name{font-size:.69rem;font-weight:700;line-height:1.4;letter-spacing:.14em;border-left:1px solid #c3ccd5;padding-left:13px}.header nav{display:flex;align-items:center;gap:23px;font-size:.81rem;font-weight:600}.header nav a{padding:14px 0;border-bottom:2px solid transparent}.header nav a:hover,.header nav a[aria-current]{border-color:var(--yellow)}.header nav .header-project{color:var(--navy);border-color:#8b9da9;padding:12px 16px;white-space:nowrap}.header nav .header-project:hover{background:#f3f6f8}.language{border-left:1px solid var(--line);padding-left:20px;font-size:.75rem}.hero{position:relative;background:var(--deep);color:white;isolation:isolate}.hero picture,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(4,24,43,.94) 0%,rgba(4,24,43,.79) 38%,rgba(4,24,43,.18) 78%),linear-gradient(0deg,rgba(4,24,43,.55),transparent 45%)}.hero-inner{position:relative;min-height:650px;padding-top:85px;padding-bottom:85px;display:flex;justify-content:space-between;gap:40px}.eyebrow{font-size:.69rem;letter-spacing:.19em;font-weight:700;margin-bottom:22px}.hero h1{font-size:clamp(2.9rem,4.7vw,4.4rem);font-weight:600;letter-spacing:-.045em;margin-bottom:28px;line-height:1.07}.hero-copy{max-width:660px}.hero-description{max-width:580px;font-size:1.04rem;color:#e2e8ed}.location{font-size:.79rem;color:#d6e0e8}.actions{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 22px;font-size:.81rem;font-weight:700;border:1px solid transparent;transition:background .2s}.white{color:var(--navy);background:#fff}.white:hover{background:#f7e8b0}.outline{color:white;border-color:#8b9da9}.outline:hover{background:#ffffff18}.hero-motto{font-size:1.07rem;font-weight:600;line-height:1.45;text-align:right;align-self:flex-start;min-width:210px;margin-top:15px}.yellow-line{display:block;width:58px;height:3px;background:var(--yellow);margin-top:25px}.hero-motto .yellow-line{margin-left:auto}.hero-caption{position:absolute;bottom:25px;right:0;font-size:.58rem;letter-spacing:.17em;color:#e2e7ec}.trust{border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:1fr 1.15fr 1.3fr 1fr;padding:32px 0;align-items:center}.trust-grid>div{padding:3px 25px;border-left:1px solid var(--line)}.trust-grid>div:first-child{padding-left:0;border:0}.trust strong,.trust span{display:block}.trust strong{font-size:1rem}.trust .number{font-size:2.7rem;line-height:1.15;letter-spacing:-.04em}.trust span{font-size:.74rem;color:var(--muted);margin-top:5px}.certificate strong{font-size:1.8rem;line-height:1.15}.certificate b{font-weight:500;display:block;letter-spacing:.12em}.section{padding-top:90px;padding-bottom:90px}.partner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.navy{color:var(--muted)}.partner-copy{padding-top:6px;font-size:.92rem;color:var(--muted)}.lead{font-size:1.18rem;font-weight:500;color:var(--navy);line-height:1.5}.text-link{font-size:.8rem;font-weight:700;color:var(--navy);display:inline-flex;gap:22px;align-items:center;min-height:44px}.text-link:hover{text-decoration:underline;text-decoration-color:#aa820d;text-underline-offset:7px}.values{background:var(--light)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:45px 0;gap:45px}.value-number{font-size:.62rem;letter-spacing:.15em;color:var(--muted)}.values h3{margin-top:18px}.values p{font-size:.85rem;color:var(--muted);margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.section-heading h2{margin:0;max-width:560px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.industry-grid>a{background:var(--light);border-top:2px solid var(--navy);padding:30px;position:relative;min-height:230px}.industry-grid>a:hover{border-top-color:var(--yellow);background:#eaf0f4}.small-label{font-size:.75rem;color:var(--muted)}.industry-grid h3{margin-top:30px}.industry-grid p{font-size:.83rem;color:var(--muted);max-width:240px}.industry-grid>a>span:last-child{position:absolute;right:25px;top:25px}.cta{background:var(--navy);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;padding:65px 0;gap:40px}.cta h2{font-size:clamp(2rem,3.3vw,3rem)}.cta p:not(.eyebrow){font-size:.87rem;color:#c1d0dd}.cta-motto{font-size:1.5rem;line-height:1.35;color:#d4dee6}.footer{background:var(--deep);color:#fff}.footer-top{padding-top:65px;padding-bottom:45px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:70px}.footer-brand .brand-tec{font-size:2.8rem}.footer-top p{font-size:.8rem;color:#b5c4d1;margin-top:23px}.footer h3{font-size:.82rem;margin-bottom:22px}.footer-top>div>a:not(.brand){display:block;min-height:30px;font-size:.78rem;color:#bdcbd8}.footer a:hover{color:var(--yellow)}.footer address{font-size:.78rem;font-style:normal;color:#bdcbd8;margin-bottom:14px}.social{display:flex;gap:18px;flex-wrap:wrap;font-size:.72rem}.social a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom{border-top:1px solid #ffffff20;padding:20px 0;display:flex;justify-content:space-between;gap:25px;font-size:.67rem;color:#adbecc}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;gap:25px}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:#fff;padding:12px}.skip:focus{top:10px}.menu-toggle{font:inherit;background:white;border:1px solid var(--line);padding:10px 14px;color:var(--navy);cursor:pointer}.preview-main{min-height:65vh}.preview-note{border-left:3px solid var(--yellow);padding:18px 25px;background:var(--light);max-width:760px}.sitemap-list{padding-left:20px}.sitemap-list a{display:inline-block;padding:8px 0;text-decoration:underline}
.menu-toggle{display:none}.partner>div{min-width:0}h2{overflow-wrap:anywhere;hyphens:auto}
@media(min-width:1600px){.hero-inner{min-height:730px;padding-top:110px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav{gap:14px;font-size:.74rem}.brand-tec{font-size:2.7rem}.brand-name{font-size:.6rem}.partner{gap:50px}.trust-grid>div{padding:3px 15px}.footer-top{gap:40px}.hero-inner{min-height:620px}.hero-motto{min-width:175px}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;min-height:90px;padding:18px 0}.header nav{width:100%;justify-content:space-between;flex-wrap:wrap}.js .menu-toggle{display:block}.js .header nav{display:none;flex-direction:column;align-items:stretch;gap:0}.js .header nav.open{display:flex}.header nav a{padding:11px 0;font-size:.9rem}.language{padding:12px 0;border:0}.hero-inner{min-height:610px}.hero-motto{display:none}.hero h1{font-size:3.5rem}.trust-grid{grid-template-columns:1fr 1fr;gap:24px}.trust-grid>div:nth-child(3){border-left:0;padding-left:0}.partner{gap:38px}.values-grid{gap:25px}.section-heading{align-items:start;flex-direction:column}.industry-grid{gap:14px}.industry-grid>a{padding:22px}.footer-top{grid-template-columns:1.1fr 1fr;gap:40px}.footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.brand-tec{font-size:2.6rem}.hero-inner{padding-top:60px;padding-bottom:75px;min-height:640px}.hero h1{font-size:clamp(2.5rem,8.5vw,3.4rem)}.hero-description{font-size:.95rem}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#04182be8,#04182b85),linear-gradient(0deg,#04182b70,transparent)}.eyebrow{font-size:.61rem;letter-spacing:.15em}.hero-caption{font-size:.5rem;left:0;right:auto;max-width:100%;line-height:1.6}.actions{gap:12px}.button{padding:12px 17px;gap:22px}.trust-grid{padding:25px 0;gap:24px 15px}.trust strong{font-size:.83rem}.trust-grid>div{padding-left:16px;padding-right:0}.trust span{font-size:.67rem}.trust .number{font-size:2.2rem}.certificate strong{font-size:1.5rem}.section{padding-top:55px;padding-bottom:55px}.partner{grid-template-columns:1fr;gap:30px}.partner-copy{padding:0}.values-grid{grid-template-columns:1fr;padding:35px 0;gap:30px}.values article+article{border-top:1px solid var(--line);padding-top:25px}.industry-grid{grid-template-columns:1fr}.industry-grid>a{min-height:190px}.cta-inner{align-items:start;flex-direction:column;padding:45px 0;gap:38px}.cta-motto{font-size:1.2rem}.footer-top{grid-template-columns:1fr;padding-top:45px;gap:30px}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom nav{gap:22px}.footer-bottom nav a{padding:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* willkommen.css */
.welcome-page{color:#172b50;background:#f5f7fa;font-family:Arial,Helvetica,sans-serif;line-height:1.5}.welcome-shell{max-width:1240px;margin:30px auto;background:#fff}.welcome-page .wrap{width:calc(100% - 96px)}.welcome-top{background:#122650;color:white}.welcome-page .header{position:relative;background:#14264bdd;color:#fff}.welcome-page .header-inner{min-height:100px;gap:25px;padding:10px 0}.welcome-page .header nav{gap:20px;font-size:.72rem}.welcome-page .header nav a[aria-current]{border-color:#646cff}.welcome-logo{flex-shrink:0}.welcome-sprite{display:block;background:url('../images/willkommen-sprite.webp') no-repeat;background-size:1086px 1449px}.welcome-sprite.logo{width:135px;height:73px;background-position:-85px -35px}.welcome-language{position:absolute;right:32px;top:10px;display:flex;gap:12px;font-size:.65rem}.welcome-language a{padding:5px}.welcome-page .button{border-radius:3px;padding:10px 20px;min-height:43px;font-size:.81rem;gap:10px}.blue{background:#4b56f5;color:white}.blue:hover{background:#3540d7}.header-project{white-space:nowrap}.welcome-hero{position:relative;isolation:isolate;overflow:hidden}.welcome-hero picture,.welcome-shade{position:absolute;inset:0;z-index:-1}.welcome-hero img{height:100%;width:100%;object-fit:cover;object-position:65% center}.welcome-shade{background:linear-gradient(90deg,#14244ef5 0%,#14244ec4 38%,#14244e20 80%)}.welcome-hero-inner{min-height:380px;display:flex;justify-content:space-between;align-items:end;padding:30px 0 25px;gap:25px}.welcome-hero-inner>div:first-child{max-width:510px}.welcome-page .eyebrow{font-size:.64rem;letter-spacing:.16em;font-weight:700;margin:0 0 10px}.welcome-hero h1{font-size:clamp(2rem,3.4vw,2.7rem);line-height:1.04;letter-spacing:-.025em;margin-bottom:14px}.welcome-page .hero-description{font-size:.86rem;line-height:1.45;max-width:440px;margin-bottom:4px}.hero-location{font-size:.8rem;margin-bottom:8px}.welcome-page .actions{margin-top:12px;gap:15px}.welcome-motto{font-style:italic;font-size:1.35rem;line-height:1.3;background:#11234dd9;padding:14px;transform:rotate(-5deg);margin-bottom:-12px;min-width:175px}.welcome-motto .yellow-line{width:100%;height:2px;margin-top:8px}.welcome-facts{background:#f5f8fd}.welcome-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.welcome-facts-grid>div{display:flex;align-items:center;gap:16px;border-right:1px solid #c0cde0;padding:0 20px}.welcome-facts-grid>div:first-child{padding-left:0}.welcome-facts-grid>div:last-child{border:0}.welcome-facts-grid>div>span{font-size:1.8rem;font-weight:700}.welcome-facts p{font-size:.72rem;line-height:1.2;margin:0}.welcome-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:34px 0 24px}.welcome-page h2{font-size:1.85rem;letter-spacing:-.035em;margin-bottom:14px}.marked{position:relative;padding-bottom:12px}.marked:after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:#edc84a}.welcome-intro p:not(.eyebrow){font-size:.83rem;color:#536283;margin-bottom:12px}.quality-panel{position:relative;min-height:205px;border-radius:3px;overflow:hidden;background:#eef1f8;align-self:center}.quality-panel img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:72% center}.quality-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e3e8faff,#e3e8faee 25%,transparent 68%)}.quality-copy{position:relative;z-index:1;padding:20px}.quality-copy p{font-size:.75rem!important;line-height:1.15;margin:0 0 12px!important;color:#263568!important;letter-spacing:.05em}.quality-copy p strong{font-size:1.35rem}.scc-badge{display:inline-flex;flex-direction:column;align-items:center;border:2px solid white;border-radius:9px;outline:1px solid #253867;background:#223668;color:#fff;padding:9px 16px;line-height:1.2}.scc-badge strong{font-size:1.4rem}.scc-badge span{font-size:.69rem;text-align:center;margin-top:7px}.welcome-partner{padding:15px 0 26px}.welcome-partner h2{font-size:1.65rem;margin-bottom:5px}.partner-lead{font-size:.96rem;color:#4e6082;line-height:1.5;margin:0 0 18px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-grid article{border:1px solid #e1e7f0;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;background:#f9fbfe;min-width:0}.benefit-photo{height:110px;overflow:hidden}.benefit-photo img{width:100%;height:100%;object-fit:cover}.benefit-photo.vessel{background-position:-346px -811px}.benefit-photo.world{background-position:-800px -812px}.benefit-copy{padding:9px 15px 12px;display:flex;flex-direction:column;flex:1}.benefit-symbol{font-size:1.8rem;line-height:1;color:#162850;margin-bottom:5px}.benefit-copy h3{font-size:.94rem;line-height:1.15;margin:0 0 12px;overflow-wrap:anywhere;hyphens:auto}.benefit-copy p{font-size:.8rem;color:#536283;line-height:1.4;margin:0 0 10px}.benefit-copy a{margin-top:auto;color:#4651df;font-size:.8rem;font-weight:700;min-height:34px;display:flex;align-items:center}.benefit-copy a:hover{text-decoration:underline}.welcome-cta{background:linear-gradient(90deg,#14244ef0,#14244e60),url('../images/raffinerie-1672.webp') center/cover;color:white}.welcome-cta-inner{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:28px 0}.welcome-cta-inner>div{max-width:550px}.welcome-cta h2{font-size:1.5rem;margin-bottom:8px}.welcome-cta p{font-size:.82rem;line-height:1.4;margin-bottom:10px;max-width:450px}.welcome-principles{border-left:2px solid #626cf5;padding-left:20px;font-size:.9rem!important;line-height:1.5!important;margin:0!important}.welcome-footer{background:#111f42;color:white}.welcome-footer-grid{display:grid;grid-template-columns:1.2fr .9fr 1.25fr 1fr;gap:35px;padding:25px 0 22px}.welcome-footer h3{font-size:.74rem;margin:0 0 12px}.welcome-footer-grid>div>a{display:block;font-size:.68rem;min-height:22px}.welcome-footer-grid>div>p{font-size:.61rem;margin:14px 0 0;color:#d0d8e8}.welcome-footer address{font-size:.68rem;font-style:normal;line-height:1.4;margin-bottom:8px}.welcome-footer .social{font-size:.66rem;gap:12px}.welcome-footer .social a{min-height:32px}.welcome-footer a:hover{color:#edc84a}.engineering-motto{font-size:1rem!important;font-style:italic;line-height:1.2;transform:rotate(-5deg);padding-top:20px}.engineering-motto .yellow-line{margin-top:7px;width:135px;height:2px}.welcome-bottom{border-top:1px solid #ffffff20;padding:14px 0 20px;display:flex;justify-content:space-between;gap:25px;font-size:.62rem;color:#c5cde0}.welcome-bottom p{margin:0}.welcome-bottom nav{display:flex;gap:22px}
@media(max-width:1100px){.welcome-page .wrap{width:calc(100% - 60px)}.welcome-page .header nav{gap:13px}.welcome-page .header-inner{gap:15px}.header-project{padding:8px 12px!important;font-size:.7rem!important}.welcome-intro{gap:30px}.welcome-footer-grid{gap:23px}}
@media(max-width:900px){.welcome-shell{margin:0}.welcome-page .wrap{width:calc(100% - 48px)}.welcome-page .header-inner{min-height:100px;flex-wrap:wrap;padding:16px 0}.welcome-page .header nav{width:100%;gap:0}.welcome-page .menu-toggle{background:#152b55;color:white;border-color:#7887a5}.welcome-page .header nav .button{align-self:flex-start;margin-top:10px}.welcome-hero-inner{min-height:430px}.welcome-hero h1{font-size:2.6rem}.welcome-motto{font-size:1.1rem;min-width:150px}.welcome-facts-grid{grid-template-columns:1fr 1fr;gap:22px}.welcome-facts-grid>div:nth-child(2){border:0}.welcome-facts-grid>div:nth-child(3){padding-left:0}.welcome-intro{gap:24px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-photo{height:110px}.welcome-footer-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:600px){.welcome-page .wrap{width:calc(100% - 40px)}.welcome-hero-inner{padding:40px 0;min-height:490px;align-items:center}.welcome-hero-inner>div:first-child{max-width:100%}.welcome-hero h1{font-size:clamp(2rem,7.6vw,2.8rem)}.welcome-hero .hero-description{font-size:.95rem}.hero-location{font-size:.84rem;margin-top:12px}.welcome-motto{display:none}.welcome-shade{background:linear-gradient(90deg,#14244eef,#14244e99)}.welcome-hero img{object-position:65% center}.welcome-page .eyebrow{font-size:.58rem;letter-spacing:.12em}.welcome-facts-grid>div{padding:0 0 0 15px;gap:9px}.welcome-facts p{font-size:.72rem}.welcome-facts-grid>div>span{font-size:1.3rem}.welcome-intro{grid-template-columns:1fr;gap:22px;padding:35px 0 25px}.welcome-intro p:not(.eyebrow){font-size:.95rem}.quality-panel{min-height:215px}.welcome-partner{padding-bottom:35px}.welcome-partner h2{font-size:1.65rem}.partner-lead{font-size:.94rem}.benefit-grid{grid-template-columns:1fr;gap:20px}.benefit-photo{height:145px}.benefit-photo.vessel{background-size:1400px 1868px;background-position:-447px -1045px}.benefit-photo.world{background-size:1400px 1868px;background-position:-1032px -1045px}.benefit-copy{padding:16px 20px}.benefit-copy h3{font-size:1.15rem}.benefit-copy p{font-size:.95rem}.benefit-copy a{font-size:.9rem;min-height:44px}.welcome-cta-inner{flex-direction:column;align-items:start;padding:35px 0;gap:22px}.welcome-cta h2{font-size:1.55rem}.welcome-cta p{font-size:.95rem}.welcome-footer-grid{grid-template-columns:1fr;gap:25px;padding-top:30px}.welcome-footer-grid>div>a,.welcome-footer address{font-size:.85rem;min-height:32px}.welcome-footer h3{font-size:.95rem}.welcome-footer .social{font-size:.84rem}.welcome-bottom{flex-direction:column;font-size:.72rem;gap:12px}.welcome-bottom nav a{padding:8px 0}}

/* willkommen-feinschliff.css */
/* Klare HTML-Typografie und separat geladene Bilder nach der freigegebenen Vorlage. */
.welcome-shell{max-width:1440px}.welcome-page .wrap{width:calc(100% - 112px)}
.welcome-page .header-inner{min-height:106px}.welcome-page .header nav{font-size:.86rem;gap:25px}.welcome-language{font-size:.78rem}
.welcome-language{align-items:center;line-height:1}.welcome-language>*{display:inline-flex;align-items:center;gap:5px;padding:5px 0!important}.welcome-language img{width:21px;height:13px;object-fit:cover;border-radius:1px}.welcome-page .header nav .header-project{border:1px solid #9fb4c8!important;padding:10px 15px!important}.welcome-page .header nav .header-project:hover{border-color:#edc84a!important}
.welcome-hero-inner{min-height:455px;align-items:center;padding:35px 0 30px}.welcome-hero-inner>div:first-child{max-width:590px}
.welcome-hero h1{font-size:clamp(2.3rem,3.6vw,3.3rem);line-height:1.04}.welcome-page .eyebrow{font-size:.75rem;letter-spacing:.14em}
.welcome-page .hero-description{font-size:1.03rem;max-width:550px}.hero-location{font-size:.96rem}.welcome-page .actions{margin-top:18px}
.welcome-motto{align-self:flex-end;background:#10254bbd}.welcome-shade{background:linear-gradient(90deg,#12234fec,#12234fc9 35%,#12234f1f 76%)}
.welcome-page .button{font-size:.95rem;min-height:46px;padding:11px 22px}.welcome-facts-grid{padding:24px 0}.welcome-facts p{font-size:.86rem;line-height:1.4}
.welcome-intro{padding:40px 0 32px;gap:65px}.welcome-page h2{font-size:2.05rem}.welcome-intro p:not(.eyebrow){font-size:1rem;line-height:1.6;color:#3d5275}
.quality-panel{min-height:252px}.quality-panel img{object-position:80% center}.quality-panel:after{background:linear-gradient(90deg,#e7edfaff,#e7edfaf0 28%,transparent 60%)}
.quality-copy{padding:22px}.quality-copy p{font-size:.88rem!important}.quality-copy p strong{font-size:1.55rem}
.scc-badge{padding:13px 21px;border-width:2px}.scc-badge strong{font-size:1.8rem;letter-spacing:.015em}.scc-badge span{font-size:.86rem;line-height:1.45}.scc-badge b{font-weight:500;letter-spacing:.05em}
.welcome-partner{padding:12px 0 32px}.welcome-partner h2{font-size:1.98rem;line-height:1.18}.partner-lead{font-size:1.09rem;line-height:1.55;color:#3d5275;margin-bottom:22px}
.benefit-grid{gap:18px}.benefit-photo{height:140px}.benefit-copy{padding:13px 18px 16px}.benefit-copy h3{font-size:1.13rem;line-height:1.22;margin-bottom:14px}
.benefit-copy p{font-size:.98rem;line-height:1.5;color:#3d5275}.benefit-copy a{font-size:.94rem;min-height:44px}.benefit-symbol{font-size:2rem;margin-bottom:10px}
.welcome-cta{background:linear-gradient(90deg,#14244eea,#14244e55),url('../images/willkommen-raffinerie-1672.webp') center 55%/cover}
.welcome-cta-inner{padding:34px 0}.welcome-cta-inner>div{max-width:640px}.welcome-cta h2{font-size:1.9rem}.welcome-cta p{font-size:.98rem;max-width:600px;line-height:1.5}
.welcome-principles{font-size:1.05rem!important}.welcome-footer-grid{grid-template-columns:1.15fr .85fr 1.3fr 1fr;gap:32px;padding:30px 0}
.welcome-footer h3{font-size:.96rem;margin-bottom:15px}.welcome-footer-grid>div>a,.welcome-footer address{font-size:.88rem;line-height:1.5;min-height:27px}
.welcome-footer-grid>div>p{font-size:.8rem}.welcome-footer .social{font-size:.87rem;gap:16px}.welcome-footer .social a{min-height:44px}
.engineering-motto{transform:none;font-size:1.15rem!important}.welcome-bottom{font-size:.79rem;line-height:1.5;padding:18px 0 24px}.welcome-bottom nav a{min-height:30px}
.benefit-symbol{display:block;width:40px;height:34px;overflow:hidden;text-indent:-9999px;background:url('../images/willkommen-sprite.webp') no-repeat;background-size:1086px 1449px}.benefit-grid article:nth-child(1) .benefit-symbol{background-position:-124px -912px}.benefit-grid article:nth-child(2) .benefit-symbol{background-position:-349px -912px}.benefit-grid article:nth-child(3) .benefit-symbol{background-position:-579px -912px}.benefit-grid article:nth-child(4) .benefit-symbol{background-position:-808px -912px}
@media(max-width:1250px){.welcome-page .wrap{width:calc(100% - 80px)}.welcome-page .header nav{gap:18px;font-size:.8rem}.welcome-page .header-inner{gap:20px}.welcome-intro{gap:40px}.benefit-copy h3{font-size:1.03rem}.benefit-copy p{font-size:.93rem}.welcome-footer-grid{gap:22px}}
@media(max-width:1050px){.welcome-page .header nav{gap:13px;font-size:.74rem}.welcome-page .header-project{font-size:.78rem!important}.welcome-page .wrap{width:calc(100% - 60px)}}
@media(max-width:900px){.welcome-page .wrap{width:calc(100% - 48px)}.welcome-page .header nav{font-size:.95rem;gap:0}.welcome-hero-inner{min-height:450px}.welcome-hero-inner>div:first-child{max-width:510px}.welcome-hero h1{font-size:2.8rem}.welcome-page .hero-description{font-size:1rem}.welcome-motto{font-size:1.05rem;min-width:145px}.welcome-intro{gap:25px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-copy h3{font-size:1.15rem}.benefit-copy p{font-size:1rem}.benefit-photo{height:155px}.welcome-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.welcome-facts p{font-size:.86rem}}
@media(max-width:600px){.welcome-page .wrap{width:calc(100% - 40px)}.welcome-page .header-inner{min-height:110px}.welcome-language{font-size:.75rem}.welcome-hero-inner{min-height:520px;padding:35px 0}.welcome-hero h1{font-size:clamp(2rem,7.8vw,2.85rem)}.welcome-page .eyebrow{font-size:.64rem;line-height:1.5;letter-spacing:.11em}.welcome-page .hero-description{font-size:1rem;line-height:1.55}.hero-location{font-size:.94rem}.welcome-shade{background:linear-gradient(90deg,#12234fee,#12234fa8)}.welcome-page .button{font-size:.9rem;padding:11px 18px}.welcome-motto{display:none}.welcome-facts p{font-size:.79rem}.welcome-facts-grid>div{gap:10px}.welcome-intro{grid-template-columns:1fr;padding:35px 0 30px;gap:25px}.welcome-intro p:not(.eyebrow){font-size:1rem}.quality-panel{min-height:240px}.quality-copy{padding:22px}.quality-copy p{font-size:.83rem!important}.welcome-partner h2{font-size:1.85rem;line-height:1.18}.partner-lead{font-size:1rem;line-height:1.6}.benefit-grid{grid-template-columns:1fr}.benefit-photo{height:auto;aspect-ratio:2/1}.benefit-copy{padding:18px 21px}.benefit-copy h3{font-size:1.25rem}.benefit-copy p{font-size:1rem}.welcome-cta-inner{padding:35px 0;gap:24px}.welcome-cta h2{font-size:1.75rem}.welcome-cta p{font-size:1rem}.welcome-footer-grid{grid-template-columns:1fr;gap:25px}.welcome-footer h3{font-size:1.04rem}.welcome-footer-grid>div>a,.welcome-footer address{font-size:.96rem;min-height:34px}.welcome-footer-grid>div>p{font-size:.87rem}.welcome-bottom{font-size:.81rem;flex-direction:column;gap:14px}.welcome-bottom nav{flex-wrap:wrap;gap:25px}.welcome-bottom nav a{min-height:44px;display:inline-flex;align-items:center}}

/* willkommen-marke.css */
/* Transparentes Kundenlogo mit blau-silberner Kugel und weißem Schriftzug. */
.tec-original-logo{display:block;position:relative;width:170px;aspect-ratio:378/220;background:url('../images/tec-logo-weiss-transparent.png') center/contain no-repeat}
.tec-original-logo:after{content:none}
.welcome-footer .tec-original-logo{width:185px}
.welcome-facts-grid>div>.fact-icon{display:block;flex:0 0 42px;width:42px;height:40px;font-size:0;background-image:url('../images/willkommen-sprite.webp');background-repeat:no-repeat;background-size:1086px 1449px}
.fact-people{background-position:-136px -426px}
.fact-globe{background-position:-343px -426px}
.fact-shield{background-position:-591px -426px}
.fact-factory{background-position:-797px -426px}
.inspector-back-logo{position:absolute;right:9%;bottom:4%;width:14%;aspect-ratio:378/220;background:url('../images/tec-logo-original.png') center/contain no-repeat;opacity:.75;filter:brightness(.88);transform:perspective(400px) rotateY(-10deg) rotate(-3deg);z-index:1;pointer-events:none}
.inspector-back-logo:after{content:'';position:absolute;inset:0;background:inherit;filter:brightness(0) invert(1);clip-path:polygon(47% 51%,99% 51%,99% 100%,0 100%,0 67%,47% 67%)}
.quality-panel{container-type:inline-size}
.inspector-back-wordmark{position:absolute;right:8%;bottom:5%;width:20.5%;z-index:1;display:flex;flex-direction:column;align-items:center;color:#eef3f7;opacity:1;line-height:1;transform:perspective(400px) rotateY(-10deg) rotate(-3deg);filter:drop-shadow(0 1px 1px #0b1d38);pointer-events:none}
.inspector-back-wordmark b{position:relative;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:900;font-size:6.4cqw;letter-spacing:-.09em;padding-right:.1em}
.inspector-back-wordmark b:before{content:'';position:absolute;left:.1em;top:.12em;width:.6em;height:.07em;background:#e6c54c}
.inspector-back-wordmark b{display:block;width:86%;aspect-ratio:93/40;background:url('../images/tec-wordmark-jacket.svg') center/contain no-repeat;font-size:0!important;padding:0;letter-spacing:normal}
.inspector-back-wordmark b:before{display:none}
.inspector-back-wordmark>span{font-size:2.55cqw;font-weight:700;letter-spacing:.12em;margin-top:1px;text-shadow:0 1px 1px #0b1d38}
.inspector-helmet-wordmark{position:absolute;left:78.7%;top:21%;z-index:1;color:#101d33;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;font-size:2.6cqw;letter-spacing:-.07em;transform:rotate(-1deg);opacity:1;filter:contrast(1.45);pointer-events:none}
.inspector-helmet-wordmark{width:7.8%;aspect-ratio:93/40;background:url('../images/tec-wordmark-helmet.svg') center/contain no-repeat;font-size:0!important}
@media(max-width:600px){.inspector-back-wordmark{width:22%;right:6%;bottom:5%}.inspector-back-wordmark b{font-size:7.5cqw}.inspector-back-wordmark>span{font-size:2.9cqw}.inspector-helmet-wordmark{left:77.7%;top:30%;font-size:3.1cqw}}
.welcome-footer .engineering-motto{display:inline-block;transform:rotate(-10deg);transform-origin:center;padding:18px 0 12px;margin-top:20px;font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:1.3;font-size:1.15rem!important}
.engineering-motto .yellow-line{width:100%;height:2px;margin-top:8px}
.welcome-social-logos{display:flex;align-items:flex-start;gap:18px!important}.welcome-social-logos a{display:flex!important;flex-direction:column;align-items:center;gap:6px;min-width:48px;min-height:58px!important;font-size:.69rem}.welcome-social-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:4px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:.88rem;line-height:1}.welcome-social-icon.linkedin{background:#0a66c2}.welcome-social-icon.youtube{background:#f00}.welcome-social-icon.xing{background:#006567}.welcome-social-logos a:hover{color:#edc84a}.welcome-social-logos a:hover .welcome-social-icon{filter:brightness(1.12)}
@media(max-width:1050px) and (min-width:901px){.tec-original-logo{width:145px}.welcome-page .header nav{gap:10px}}
@media(max-width:600px){.welcome-facts-grid>div{align-items:center}.welcome-facts-grid>div>.fact-icon{flex-basis:34px;width:34px;height:33px;background-size:869px 1159px}.fact-people{background-position:-109px -341px}.fact-globe{background-position:-274px -341px}.fact-shield{background-position:-473px -341px}.fact-factory{background-position:-638px -341px}.inspector-back-logo{width:17.5%;right:5.5%;bottom:5%}}
@media(max-width:370px){.tec-original-logo{width:150px}.welcome-facts p{font-size:.72rem}.welcome-facts-grid>div{gap:7px}}
.welcome-legal-credit p{margin:0}.welcome-legal-credit p+p{margin-top:4px}





/* Blaues TEC-Logo für Seiten mit weißem Kopfbereich. */
.career-page .header .tec-original-logo,.legal-page .header .tec-original-logo{width:185px;aspect-ratio:348/221;background-image:url('../images/tec-logo-blau-header.jpg');background-color:#fff;background-size:contain;background-position:center;background-repeat:no-repeat}

/* Vollständiges, freigestelltes Rückenlogo direkt aus dem hochauflösenden Indexmotiv. */
html:is([lang="de"],[lang="en"]) .inspector-back-wordmark{right:calc(8% - 3.78px);bottom:3.5%;width:21.5%;aspect-ratio:3/2;background:url('../images/tec-jacket-logo.webp') center/contain no-repeat;display:block;transform:rotate(-3deg);filter:drop-shadow(0 1px 0 #07182c);backface-visibility:hidden}
html:is([lang="de"],[lang="en"]) .inspector-back-wordmark b,html:is([lang="de"],[lang="en"]) .inspector-back-wordmark>span{display:none}
@media(max-width:600px){html:is([lang="de"],[lang="en"]) .inspector-back-wordmark{right:calc(6% - 3.78px);bottom:4%;width:23%}}


/* Globus-Logo ist direkt ins Foto gedruckt; alte TEC-Overlays aus */
.quality-panel .inspector-back-wordmark,.quality-panel .inspector-helmet-wordmark{display:none!important}
.welcome-page .button.blue{background:#ffda00;color:#092b4e}
.welcome-page .button.blue:hover{background:#f2c900;color:#092b4e}

/* navigation.css */
.header nav{gap:14px;font-size:.78rem}.welcome-page .header nav{gap:15px;font-size:.78rem}.welcome-page .header nav .header-project{font-size:.79rem!important;padding:10px 15px!important;white-space:nowrap}.welcome-page .header nav a[aria-current]{border-color:#edc84a}
.index-header{max-width:984px;margin:auto;position:relative;z-index:3;font-family:Arial,Helvetica,sans-serif;color:#092b4e}.index-header .header-inner{padding:12px 25px;min-height:80px;gap:15px;flex-wrap:wrap}.index-header nav{gap:12px;font-size:.7rem;flex:1;justify-content:flex-end}.index-header .header-project{display:none}.index-brand{flex-shrink:0}.index-brand>span{display:block;width:170px;height:42px;background:url('../images/startseite-sprite.webp') -43px -5px/984px 1599px no-repeat}.index-languages{font-size:.78rem;display:flex;gap:8px;align-items:center}.index-languages a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1250px) and (min-width:1101px){.welcome-page .header nav{gap:11px;font-size:.71rem}.welcome-page .tec-original-logo{width:145px}.welcome-page .header-inner{gap:15px}}
@media(max-width:1100px){.header .header-inner{flex-wrap:wrap}.js .header .menu-toggle{display:block}.header nav,.welcome-page .header nav{width:100%;font-size:1rem}.js .header nav{display:none;flex-direction:column;align-items:stretch;gap:0}.js .header nav.open{display:flex}.header nav a{min-height:44px;padding:11px 0}.header nav .header-project{align-self:flex-start}.index-header .header-inner{justify-content:space-between;padding:12px 20px}.index-languages{order:0}.index-header nav{order:2;flex-basis:100%;justify-content:start}.index-header .menu-toggle{margin-left:auto}}
.index-brand>span{width:170px;height:37px;background-size:784px 1274px;background-position:-34px -4px}
.index-languages a{gap:6px}.index-flag{display:inline-block;width:20px;height:14px;background:linear-gradient(#000 0 33.33%,#d91920 33.33% 66.66%,#ffce00 66.66%)}
@media(max-width:600px){.index-brand>span{width:150px;background-size:693px 1126px;background-position:-30px -4px;height:33px}.index-header .header-inner{gap:12px}.index-languages{font-size:.72rem}.index-header .menu-toggle{padding:8px 10px}.welcome-page .header nav{font-size:1rem}}
.welcome-page .header nav .header-project.header-project-yellow{background:#ffda00!important;border-color:#ffda00!important;color:#082b50!important;box-shadow:0 2px 6px #0002;transition:background .2s,border-color .2s,box-shadow .2s}
.welcome-page .header nav .header-project.header-project-yellow:hover{background:#ffe866!important;border-color:#ffe866!important;color:#082b50!important;box-shadow:0 3px 8px #0003}
.index-return{background:#10294a;color:#fff}.index-return a{display:inline-flex;align-items:center;min-height:44px;padding:7px 0;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}.index-return a:hover{color:#ffda00}
.index-return{padding:10px 0}.index-return a{min-height:44px;padding:10px 18px;border:1px solid #e8bd00;border-radius:4px;background:#ffda00;color:#082b50;font-size:.85rem;font-weight:700;text-decoration:none;box-shadow:0 2px 5px #0002;transition:background .15s,box-shadow .15s}.index-return a:hover{background:#ffe44d;color:#082b50;box-shadow:0 3px 7px #0003}.index-return a:focus-visible{outline:3px solid #fff;outline-offset:3px}

.index-return{padding:6px 0}.index-return a{min-height:32px;padding:6px 12px;border:1px solid #e2c34f;border-radius:3px;background:#f3d66a;font-size:.75rem;font-weight:500;box-shadow:none;transition:background .15s}.index-return a:hover{background:#f8e292;color:#082b50;box-shadow:none}

.index-return{padding:14px 0 8px}.index-return a{min-height:28px;padding:5px 10px;font-size:.7rem}

.index-return{padding:22px 0 8px}.index-return a{min-height:24px;padding:4px 8px;font-size:.65rem}

/* cookie-consent.css */
:root {
  --tec-consent-navy: #062f55;
  --tec-consent-navy-dark: #022642;
  --tec-consent-yellow: #ffd400;
  --tec-consent-line: #d7e1ea;
  --tec-consent-copy: #294b67;
}

body.tec-consent-lock { overflow: hidden; }
.tec-consent-backdrop {
  position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center;
  padding: 24px; background: rgba(1, 25, 47, .68);
  -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px);
}
.tec-consent-backdrop[hidden], .tec-consent-settings[hidden] { display: none; }
.tec-consent-card {
  width: min(650px, 100%); max-height: calc(100vh - 34px); overflow: auto;
  background: #fff; border-radius: 3px; box-shadow: 0 24px 70px rgba(0, 20, 38, .34);
  color: var(--tec-consent-navy);
}
.tec-consent-head {
  display: flex; align-items: center; min-height: 112px; padding: 21px 34px 18px;
  border-bottom: 1px solid var(--tec-consent-line);
}
.tec-consent-head img { display: block; width: 152px; height: auto; }
.tec-consent-body { padding: 27px 34px 30px; }
.tec-consent-card h2 {
  margin: 0 0 14px; color: var(--tec-consent-navy-dark);
  font: 700 25px/1.18 Arial, Helvetica, sans-serif;
}
.tec-consent-card p {
  margin: 0 0 15px; color: var(--tec-consent-copy);
  font: 400 15px/1.55 Arial, Helvetica, sans-serif;
}
.tec-consent-card a { color: var(--tec-consent-navy); text-decoration: underline; text-underline-offset: 3px; }
.tec-consent-actions { display: grid; gap: 10px; margin-top: 24px; }
.tec-consent-card button {
  min-height: 48px; border: 2px solid var(--tec-consent-navy); border-radius: 2px;
  font: 700 14px Arial, Helvetica, sans-serif; cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}
.tec-consent-card button:hover { transform: translateY(-1px); box-shadow: 0 5px 12px rgba(0, 31, 57, .13); }
.tec-consent-card button:focus-visible, .tec-cookie-settings-link:focus-visible {
  outline: 3px solid #28a9e0; outline-offset: 3px;
}
.tec-consent-accept, .tec-consent-save {
  border-color: var(--tec-consent-yellow) !important;
  background: var(--tec-consent-yellow); color: var(--tec-consent-navy-dark);
}
.tec-consent-necessary { background: var(--tec-consent-navy); color: #fff; }
.tec-consent-configure { background: #fff; color: var(--tec-consent-navy); }
.tec-consent-settings { margin-top: 16px; border-top: 1px solid var(--tec-consent-line); }
.tec-consent-setting {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px;
  padding: 17px 0; border-bottom: 1px solid var(--tec-consent-line);
}
.tec-consent-setting strong {
  display: block; margin-bottom: 4px; color: var(--tec-consent-navy-dark);
  font: 700 14px/1.3 Arial, Helvetica, sans-serif;
}
.tec-consent-setting small { display: block; color: #587087; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.tec-consent-state {
  align-self: center; padding: 5px 8px; border-radius: 2px; background: #e8eef3;
  color: var(--tec-consent-navy-dark); font: 700 11px/1 Arial, Helvetica, sans-serif; text-transform: uppercase;
}
.tec-consent-switch { position: relative; align-self: center; width: 42px; height: 24px; }
.tec-consent-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.tec-consent-switch span { position: absolute; inset: 0; border-radius: 20px; background: #9dafbf; cursor: pointer; }
.tec-consent-switch span::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px;
  border-radius: 50%; background: #fff; transition: transform .15s ease;
}
.tec-consent-switch input:checked + span { background: var(--tec-consent-navy); }
.tec-consent-switch input:checked + span::after { transform: translateX(18px); }
.tec-consent-switch input:focus-visible + span { outline: 3px solid #28a9e0; outline-offset: 3px; }
.tec-consent-settings .tec-consent-actions { margin-top: 20px; }
.tec-consent-note { margin-top: 18px !important; color: #566b7d !important; font-size: 12px !important; }
.tec-cookie-settings-link {
  display: inline; margin: 0; padding: 0; border: 0; background: transparent;
  color: inherit; font: inherit; text-align: left; text-decoration: none; cursor: pointer;
}
.tec-cookie-settings-link:hover { text-decoration: underline; }
.ads-footer .tec-cookie-settings-link { margin-left: 18px; color: #fff; }

@media (max-width: 560px) {
  .tec-consent-backdrop { align-items: end; padding: 0; }
  .tec-consent-card { width: 100%; max-height: 92vh; border-radius: 7px 7px 0 0; }
  .tec-consent-head { min-height: 90px; padding: 17px 22px 14px; }
  .tec-consent-head img { width: 128px; }
  .tec-consent-body { padding: 22px; }
  .tec-consent-card h2 { font-size: 22px; }
  .ads-footer .tec-cookie-settings-link { margin: 0 16px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .tec-consent-card button, .tec-consent-switch span::after { transition: none; }
}


/* Startseiten-Link (Haus-Symbol) in der Hauptnavigation */
.header nav a.nav-home{display:inline-flex;align-items:center;gap:8px}
.header nav a.nav-home svg{display:block;flex-shrink:0}
.nav-home-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:900px){.nav-home-text{position:static;width:auto;height:auto;overflow:visible;clip:auto}}