/*
Theme Name: eVI Concept
Description: Startseitenentwurf für Staging, noch keine vollständige Inhaltsmigration.
Version: 0.1.0
Text Domain: evi-concept
*/

:root{--blue:#00aee4;--navy:#062c40;--ink:#14232c;--muted:#617079;--line:#dbe3e6;--light:#f1f5f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ef9b00;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:20px;z-index:100}.skip:focus{top:10px}.utility{background:var(--navy);color:#d3e2e9;display:flex;justify-content:space-between;padding:10px 4.5%;font-size:11px;letter-spacing:.4px}.utility div{display:flex;gap:28px}.header{height:88px;display:flex;align-items:center;padding:0 4.5%;gap:30px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eef0f1}.logo{margin-right:auto;flex-shrink:0}.logo img{width:172px;height:auto}.header nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600}.header nav a{padding:14px 0;white-space:nowrap;border-bottom:2px solid transparent}.header nav a:hover{border-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--blue);color:#042b40;padding:17px 23px;font-size:13px;font-weight:700;min-height:49px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#29c5f2;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.button.ghost{background:transparent;border-color:#64717c;color:white}.button.ghost:hover{background:#ffffff15}.header .shop{font-size:12px;padding:13px 18px;min-height:44px}.menu{display:none;background:transparent;border:0;font-size:26px}.hero{height:625px;position:relative;overflow:hidden;background:#071015;color:white}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;animation:hero-enter 1.5s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,21,.9),rgba(4,15,21,.55) 44%,rgba(4,15,21,.02) 78%),linear-gradient(0deg,rgba(3,13,21,.8),transparent 35%)}.hero-copy{position:relative;padding:88px 6% 0;max-width:900px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;margin-bottom:22px;display:block}.eyebrow.light{color:#c9dbe5}.eyebrow.light:before{content:'';display:inline-block;width:25px;height:3px;background:var(--blue);vertical-align:middle;margin-right:12px}h1{font-size:clamp(44px,4.9vw,76px);letter-spacing:-3px;line-height:1.07;font-weight:500;margin:0 0 25px}em{color:var(--blue);font-style:normal}h1 em{white-space:nowrap}.hero-copy p{color:#d3dce1;font-size:16px;line-height:1.65;margin-bottom:29px}.actions{display:flex;gap:12px}.hero-partner{position:absolute;right:6%;bottom:83px;display:flex;gap:16px;align-items:center;border-top:1px solid #ffffff55;padding:20px 0 0;min-width:330px}.hero-partner small{font-size:9px;letter-spacing:1.3px;display:block;margin-bottom:8px}.hero-partner strong{font-size:26px;font-weight:500}.partner-mark{border:1px solid #ffffff65;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:var(--blue);font-size:25px}.partner-mark span{font-size:13px;margin-left:2px;color:white}.circle-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;font-size:22px}.hero-partner>.circle-arrow{margin-left:auto}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;height:53px;border-top:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#becbd2}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:0 6%;background:var(--light)}.benefits a{display:flex;align-items:center;gap:12px;padding:24px 22px 24px 0;font-size:12px;font-weight:600}.benefits a+a{padding-left:26px;border-left:1px solid var(--line)}.benefits span{font-size:10px;color:#617b8a}.benefits b{margin-left:auto;color:#008fbe;font-size:18px}.section{padding:85px 6%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:38px}.section-heading h2{margin:0}.section-heading>p{max-width:360px;margin:0;font-size:14px;color:var(--muted);line-height:1.8}h2{font-weight:500;font-size:clamp(30px,3.1vw,46px);line-height:1.14;letter-spacing:-1.5px;margin:0 0 24px}h3{font-weight:500;letter-spacing:-.5px}.brands .eyebrow{color:#55707e}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.brand{padding:28px 24px 18px}.brand+.brand{border-left:1px solid var(--line)}.brand img{height:80px;width:160px;object-fit:contain;margin:0 auto 27px}.brand a>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.brand b{font-size:19px;color:#0785b3}.brand-request{display:block;color:var(--muted);font-size:11px;margin-top:12px}.brand-note{display:flex;gap:8px;margin-top:20px;font-size:11px;color:var(--muted)}.brand-note a{color:var(--ink);border-bottom:1px solid var(--line)}.brand-note>span{margin-left:auto}.partner-section{display:grid;grid-template-columns:1.05fr 1fr;background:var(--navy);color:white}.partner-image{position:relative;min-height:440px;overflow:hidden;background:#10242d}.partner-image img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.83;transition:transform .5s}.partner-image:hover img{transform:scale(1.02)}.partner-image>span{position:absolute;bottom:24px;left:30px;font-size:9px;letter-spacing:2px;text-shadow:0 1px 5px #000}.play{position:absolute;left:calc(50% - 32px);top:calc(50% - 32px);width:64px;height:64px;border:1px solid white;border-radius:50%;display:grid;place-items:center;background:#072c4090;color:white;padding-left:4px;backdrop-filter:blur(5px)}.partner-copy{padding:68px 12%}.partner-copy .eyebrow{color:#80c5e1}.partner-copy p{color:#c5d7df;font-size:14px;line-height:1.85;max-width:430px;margin-bottom:26px}.sub-link{display:block;font-size:11px;margin-top:20px;color:inherit}.text-link{display:inline-block;font-size:12px;font-weight:600;padding-bottom:6px;border-bottom:1px solid #9eaeb7;white-space:nowrap}.product-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:18px}.product{position:relative;min-height:345px;padding:25px;color:white;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;overflow:hidden;transition:background-position .5s}.automotive{background-image:linear-gradient(0deg,#03121bf2,#03121b25),url('assets/hero.png');background-position:75%}.industrial{background-image:linear-gradient(0deg,#03121bf2,#03121b20),url('assets/industry.jpg')}.number{font-size:9px;letter-spacing:1.5px}.product h3{font-size:29px;line-height:1.1;margin:0 0 12px}.product p{font-size:11px;color:#cad6dc;margin-bottom:0;padding-right:30px}.product .circle-arrow{position:absolute;bottom:23px;right:20px;width:32px;height:32px;font-size:17px}.product-help{background:var(--light);padding:28px}.product-help .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}.product-help h3{font-size:29px;line-height:1.1;margin:0 0 15px}.product-help p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:20px}.product-help a{display:flex;justify-content:space-between;font-size:11px;padding:13px 0;border-top:1px solid #d4dfe3}.catalog{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:22px 0;font-size:13px;font-weight:600}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;font-weight:400}details[open]>summary>span{transform:rotate(45deg)}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 30px;padding:10px 0 30px;font-size:12px;line-height:1.5}.link-grid a:hover{color:#008dbb;text-decoration:underline}.news-section{background:var(--light)}.news-section .section-heading{margin-bottom:18px}.drum{font-weight:700}.intro{font-size:14px;color:var(--muted);margin:0 0 35px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.news-image{height:220px;overflow:hidden;position:relative;background:#dae2e5}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.news-image .circle-arrow{position:absolute;bottom:15px;right:15px;background:white;color:var(--ink);border:0;width:35px;height:35px}.news-grid a:hover img{transform:scale(1.04)}.news-meta{font-size:8px;letter-spacing:1px;margin-top:21px;color:#536c7a;display:flex;justify-content:space-between;gap:10px}.news-meta time{white-space:nowrap;letter-spacing:.2px}.news-grid h3{font-size:21px;line-height:1.3;margin-top:12px}.news-foot{border-top:1px solid var(--line);padding-top:23px;margin-top:34px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.news-foot a{color:var(--ink)}.services{display:grid;grid-template-columns:1fr 1fr;gap:80px}.services>div>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:410px}.services .text-link{margin-top:13px}.service-list>a{display:flex;align-items:center;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.service-list>a:first-child{border-top:1px solid var(--line)}.service-list>a>span{font-size:10px;color:#8095a0}.service-list h3{margin:0 0 8px;font-size:20px}.service-list p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.service-list b{margin-left:auto;font-size:20px;font-weight:400}.sustain{display:grid;grid-template-columns:.9fr 1.1fr;background:#f0f3ed;margin:0 6%}.sustain-img img{height:100%;width:100%;object-fit:cover}.sustain>div+div{padding:45px}.sustain h2{font-size:36px}.sustain p{font-size:13px;color:var(--muted);line-height:1.8}.sustain .text-link{white-space:normal;font-size:12px}.sustain-links{display:flex;flex-direction:column;gap:13px;margin-top:22px;font-size:11px}.about .section-heading{align-items:flex-start}.about>p{max-width:750px;font-size:13px;line-height:1.85;color:var(--muted)}.about-links{display:flex;gap:30px;font-size:11px;margin-top:25px}.contact-band{padding:48px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--blue);color:#032b40}.contact-band .eyebrow{font-size:9px;margin-bottom:13px}.contact-band h2{margin:0;font-size:38px}.button.white{background:#fff}.button.white:hover{background:#eaf7fc}footer{background:#092938;color:#c5d5dd;padding:55px 6% 16px;font-size:11px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.footer-top img{background:white;padding:10px;width:175px;height:auto}.footer-top h3{color:white;font-size:13px;letter-spacing:0;font-weight:600;margin:0 0 18px}.footer-top a{display:block;margin:12px 0}.footer-top p{line-height:1.9}.all-links{margin-top:35px;border-top:1px solid #ffffff20}.all-links summary{font-size:11px}.all-links .link-grid{font-size:10px}.footer-bottom{padding:23px 0;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:15px;font-size:10px}.footer-bottom>div{display:flex;gap:25px}.preview-note{font-size:9px;color:#8da8b7;margin:12px 0}.header a:hover,.sub-link:hover,.text-link:hover{color:#0081ae}@keyframes hero-enter{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1600px){.section,.utility,.header,.benefits,footer,.contact-band{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}.hero-copy{margin-left:calc((100vw - 1440px)/2 - 6%)}.hero{height:710px}}
@media(max-width:1100px){.header{gap:18px;padding:0 4%;height:78px}.header nav{gap:14px;font-size:11px}.logo img{width:140px}.header .shop{padding:12px}.hero{height:610px}.hero-copy{padding-top:75px}.hero-partner{min-width:295px;right:6%;bottom:75px}.hero-partner strong{font-size:23px}.section{padding:65px 6%}.partner-copy{padding:50px 9%}.services{gap:40px}.news-image{height:180px}.brand{padding:25px 18px}.benefits a{font-size:10px}.product-help{padding:24px}.product h3,.product-help h3{font-size:25px}}
@media(max-width:820px){.utility{font-size:9px}.utility div a:last-child{display:none}.header{height:72px}.header nav{display:none;position:absolute;left:0;right:0;top:72px;background:white;padding:20px 6%;border-bottom:1px solid var(--line);box-shadow:0 8px 15px #0001}.header nav.open{display:flex;flex-direction:column;align-items:stretch;font-size:15px;gap:2px}.menu{display:block}.header .shop{margin-left:auto}.hero-copy{padding-top:65px}h1{font-size:54px}.hero{height:660px}.hero-partner{left:6%;right:auto;bottom:76px;min-width:350px}.hero-photo{object-position:65%}.hero-shade{background:linear-gradient(90deg,#03121be8,#03121b65),linear-gradient(0deg,#03121be0,transparent)}.section-heading{gap:30px}.section-heading>p{max-width:270px;font-size:12px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand:nth-child(3){border-left:0}.brand:nth-child(n+3){border-top:1px solid var(--line)}.partner-section{grid-template-columns:1fr 1fr}.partner-image{min-height:400px}.partner-copy{padding:40px 10%}.partner-copy h2{font-size:30px}.partner-copy .eyebrow{font-size:8px}.partner-copy p{font-size:12px}.product-grid{grid-template-columns:1fr 1fr}.product-help{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.product-help .eyebrow{grid-column:1/-1}.product-help h3{grid-row:2/4}.product-help p{grid-column:2}.news-grid{gap:18px}.news-image{height:145px}.news-grid h3{font-size:17px}.news-meta{flex-direction:column;gap:7px}.services{grid-template-columns:1fr}.sustain{grid-template-columns:1fr 1fr}.sustain>div+div{padding:30px}.sustain h2{font-size:29px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.about-links{flex-wrap:wrap}.contact-band h2{font-size:30px}.benefits{padding:0 4%}.benefits a{gap:7px;padding:18px 10px 18px 0}.benefits a+a{padding-left:10px}.benefits span{display:none}}
@media(max-width:580px){.utility{padding:9px 5%;font-size:8px}.utility>span{max-width:210px}.header{padding:0 5%;gap:14px}.logo img{width:125px}.header .shop{font-size:10px;gap:12px;min-height:39px;padding:9px 12px}.hero{height:675px}.hero-copy{padding:58px 6% 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:43px;letter-spacing:-1.9px;line-height:1.1}h1 em{white-space:normal}.hero-copy p{font-size:14px;max-width:310px}.desktop{display:none}.actions{flex-direction:column;align-items:flex-start;gap:12px}.actions .button{font-size:12px;padding:13px 18px;min-width:245px}.hero-partner{left:6%;right:6%;min-width:0;bottom:73px;gap:12px}.hero-partner strong{font-size:24px}.hero-partner small{font-size:8px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom>span{max-width:210px}.benefits{grid-template-columns:1fr;padding:0 6%}.benefits a,.benefits a+a{border:0;border-bottom:1px solid var(--line);padding:16px 0;font-size:11px}.benefits span{display:block}.section{padding:50px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;max-width:none;font-size:13px}.section-heading>.text-link{margin-top:20px}h2{font-size:32px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.brand{padding:20px 14px 16px}.brand img{height:60px;width:120px;margin-bottom:20px}.brand a>span{font-size:11px}.brand-request{font-size:10px}.brand-note{flex-wrap:wrap;line-height:1.8}.brand-note>span{width:100%;margin-left:0}.partner-section{grid-template-columns:1fr}.partner-image{min-height:0;height:auto;aspect-ratio:1.7}.partner-copy{padding:40px 6%}.partner-copy h2{font-size:34px}.partner-copy p{font-size:14px}.partner-image>span{font-size:7px;bottom:16px;left:20px}.product-grid{grid-template-columns:1fr}.product{min-height:320px}.product h3{font-size:32px}.product-help{display:block}.product-help h3{font-size:30px}.product-help p{font-size:13px}.product-help a{font-size:12px}.link-grid{grid-template-columns:1fr 1fr;gap:17px;font-size:11px}.news-grid{grid-template-columns:1fr;gap:30px}.news-image{height:220px}.news-meta{flex-direction:row;font-size:9px}.news-grid h3{font-size:22px}.news-foot{display:block;line-height:1.8}.news-foot a{display:block;margin-top:10px}.services{gap:30px}.service-list h3{font-size:18px}.service-list>a{gap:15px}.sustain{grid-template-columns:1fr}.sustain-img{height:220px}.sustain>div+div{padding:30px 25px}.about .section-heading{margin-bottom:20px}.about-links{flex-direction:column;gap:18px}.contact-band{padding:38px 6%;display:block}.contact-band h2{font-size:31px;margin-bottom:25px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-top>div:first-child{padding-bottom:20px;border-bottom:1px solid #ffffff20}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-bottom>span{width:100%}.preview-note{line-height:1.8}.text-link{white-space:normal}}
.hero-partner{background:rgba(4,35,52,.92);border:1px solid rgba(117,199,229,.42);border-left:4px solid var(--blue);padding:20px 22px;box-shadow:0 8px 28px #0004;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-partner small{color:#c1e5f4}.hero-partner strong{color:#fff}.hero-partner:hover{background:rgba(4,44,65,.98)}
@media(max-width:580px){.hero-partner{padding:17px 13px;gap:10px}.hero-partner strong{font-size:22px}.hero-partner .partner-mark{width:39px;height:42px;flex-shrink:0}.hero-partner>.circle-arrow{width:32px;height:32px;flex-shrink:0}.hero-partner small{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Supplied white logo: original proportions, contrasting brand tile. */
.header .logo{background:var(--navy);padding:6px 18px;align-self:stretch;display:flex;align-items:center;justify-content:center}.header .logo img{width:80px;height:62px;object-fit:contain}.footer-top>div:first-child>img{width:80px;height:62px;object-fit:contain;filter:none;background:transparent;padding:0}@media(max-width:580px){.header .logo{padding:5px 10px}.header .logo img{width:64px;height:auto}}

/* Approved colour logo on the light header. */
.header .logo{background:transparent;padding:0;align-self:center}.header .logo img{width:160px;height:80px;object-fit:contain}@media(max-width:580px){.header .logo{padding:0}.header .logo img{width:120px;height:60px}}

.header .logo img{filter:url(#logo-petrol)}

/* DrumTisch: full article image, no thumbnail cropping or hover crop. */
#drumtisch .news-image img{object-fit:contain;transform:none}#drumtisch .news-image{background:#e6edef}.news-status{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.6}