/*
Theme Name: WPI-Service V12
Theme URI: https://www.wpi-service.de/
Author: WPI-Service
Description: WPI-Service V9 – umgesetzt nach der freigegebenen Mastergrafik.
Version: 12.0.0
Text Domain: wpi-service-v9
*/
:root{--blue:#078fe8;--navy:#061a2e;--ink:#071b32;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{height:78px;background:#fff;display:flex;align-items:center}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img,.custom-logo{display:block;width:168px;height:auto;max-height:58px;object-fit:contain}.nav{display:flex;gap:27px;font-size:13px;font-weight:700}.header-cta,.primary{background:var(--blue);color:#fff;padding:16px 22px;font-weight:800}.hero{height:530px;color:#fff;background:linear-gradient(90deg,rgba(2,20,37,.98) 0%,rgba(2,20,37,.9) 42%,rgba(2,20,37,.05) 72%),url('assets/hero.jpg') center/cover no-repeat}.hero-inner{padding-top:53px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:900;color:var(--blue);margin-bottom:13px}.hero h1{font-size:55px;line-height:.94;letter-spacing:-2px;margin:0 0 17px;max-width:620px}.hero h1 span{color:var(--blue)}.hero p{max-width:620px;font-size:15px;line-height:1.45}.actions{display:flex;gap:14px;margin:22px 0}.button{display:inline-block;padding:14px 22px;font-size:13px;font-weight:800}.ghost{border:1px solid #fff}.iso-line{font-size:17px}.benefits{padding:45px 0}.benefits-grid{display:grid;grid-template-columns:1.3fr .75fr;gap:70px}.benefits h2,.industries h2{font-size:34px;line-height:1.05;margin:0 0 12px}.benefits h3{font-size:17px}.benefits p,.industries p{line-height:1.45;color:#33475c}.benefit-list{border-left:1px solid #bdc9d4;padding-left:40px;display:grid;gap:17px}.benefit-list>div,.stats>div{display:grid;grid-template-columns:36px 1fr;align-items:center;color:#078fe8;font-size:24px}.benefit-list b,.stats b{display:block;color:var(--ink);font-size:15px}.benefit-list small,.stats small{display:block;color:#536477;font-size:13px;margin-top:2px}.iso-grid{display:grid;grid-template-columns:repeat(3,1fr)}.iso-card{height:355px;padding:40px 34px;color:#fff;background-size:cover;background-position:center;position:relative}.iso-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,16,32,.9),rgba(0,16,32,.35))}.iso-card>*{position:relative}.i1{background-image:url('assets/iso9001-clean.jpg')}.i2{background-image:url('assets/iso14001-clean.jpg')}.i3{background-image:url('assets/iso45001-clean.jpg')}.num{font-size:30px;font-weight:300}.iso-card h2{font-size:28px;margin:7px 0 2px}.iso-card h3{font-size:16px;margin:0}.iso-card i{display:block;width:42px;border-top:3px solid var(--blue);margin:18px 0}.i2 i{border-color:#9dd71d}.i3 i{border-color:#e8a019}.iso-card p{font-size:13px;line-height:1.5;max-width:330px}.iso-card b{position:absolute;bottom:28px;font-size:13px}.about{padding:0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr .55fr;min-height:400px;align-items:center}.portrait{height:100%;min-height:400px;background:url('assets/werner-v10.jpg') center/cover no-repeat}.about-grid>div:nth-child(2){padding:40px}.about h2{font-size:30px;line-height:1.05;margin:0 0 17px}.about h2 em{font-style:normal;font-weight:300}.about p{font-size:14px;line-height:1.45;color:#33475c}.signature{font-family:cursive;font-size:31px;color:#096eb5;transform:rotate(-5deg);margin:20px 0 8px}.about small{display:block;color:#536477}.stats{border-left:1px solid #bdc9d4;padding-left:28px;display:grid;gap:26px}.process{height:320px;color:#fff;padding:38px 0;background:linear-gradient(rgba(2,22,40,.66),rgba(2,22,40,.86)),url('assets/process-clean.jpg') center/cover no-repeat}.process h2{font-size:29px;font-weight:400;margin:0 0 30px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:27px}.steps>div{position:relative}.steps>div:not(:last-child):after{content:"→";position:absolute;right:-19px;top:8px;color:#fff}.steps b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-size:16px}.steps h3{font-size:14px;margin:9px 0 5px}.steps p{font-size:11px;line-height:1.45;margin:0;color:#eef3f7}.industries{padding:45px 0}.industries-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:55px;align-items:center}.industry-image{height:235px;background:url('assets/industries-clean.jpg') center/contain no-repeat}.contact{color:#fff;padding:42px 0 16px;background:linear-gradient(rgba(2,23,42,.76),rgba(2,23,42,.91)),url('assets/contact-clean.jpg') center/cover no-repeat}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px}.contact h2{font-size:31px;line-height:1.05;margin:0 0 14px}.contact p{max-width:550px;line-height:1.5}.contact-card{border-left:1px solid #a4b2bf;padding-left:38px;display:grid;gap:18px;align-content:start}.contact-card .button{font-size:14px}.footer{border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;font-size:11px;color:#d4dde5}.footer>span:last-child{text-align:right}.footer small{display:block;margin-top:12px;font-size:8px;color:#aebdca}@media(max-width:900px){.nav{display:none}.hero h1{font-size:44px}.benefits-grid,.about-grid,.industries-grid,.contact-grid{grid-template-columns:1fr}.about-grid>div:nth-child(2),.stats{padding:30px}.stats{border:0}.steps{grid-template-columns:1fr 1fr}.process{height:auto}.iso-grid{grid-template-columns:1fr}.industry-image{background-size:cover}.footer{gap:20px}}@media(max-width:560px){.wrap{width:calc(100% - 34px)}.header-cta{display:none}.hero{height:auto;min-height:510px}.hero h1{font-size:38px}.benefits h2,.industries h2{font-size:29px}.steps{grid-template-columns:1fr}.steps>div:after{display:none}.actions{flex-direction:column;align-items:flex-start}.footer{display:block}.footer>span:last-child{display:block;text-align:left;margin-top:12px}}
/* V9 header correction: exact single-line desktop navigation */
.site-header{height:72px}
.header-inner{gap:16px;flex-wrap:nowrap}
.brand{flex:0 0 150px}
.brand img,.custom-logo{width:150px;max-width:150px}
.nav{gap:20px;font-size:12px;white-space:nowrap;flex:1;justify-content:flex-end}
.header-cta{padding:14px 18px;font-size:12px;white-space:nowrap;flex:0 0 auto}
@media(max-width:1080px){.nav{gap:13px;font-size:11px}.header-cta{padding:13px 14px;font-size:11px}.brand{flex-basis:138px}.brand img,.custom-logo{width:138px}}

/* V10 targeted corrections */
.industry-image{position:relative}.industry-bottom-labels{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 0 4px}.industry-bottom-labels span{display:flex;align-items:flex-end;min-height:34px;padding:6px 7px;color:#fff;font-size:12px;font-weight:800;line-height:1.05;text-shadow:0 1px 3px #000;background:linear-gradient(transparent,rgba(0,15,28,.88))}

/* V11 targeted corrections */
.iso-grid{width:min(var(--max),calc(100% - 64px));margin-left:auto;margin-right:auto}
.signature{width:220px;height:70px;background:url('assets/signature-original.png') left center/contain no-repeat;transform:none;margin:14px 0 2px;font-size:0}
.industry-image{background-image:url('assets/industries-v11.jpg');background-position:center;background-size:contain;background-repeat:no-repeat}
.brand img{object-fit:contain;object-position:left center}
@media(max-width:560px){.iso-grid{width:calc(100% - 34px)}}

/* V12 precision corrections */
.site-header{height:88px}.brand{flex:0 0 205px}.brand img,.custom-logo{width:205px!important;max-width:205px!important;max-height:72px!important;height:auto!important}
.signature{width:230px;height:38px;background:url('assets/signature-original.png') left bottom/contain no-repeat;margin:13px 0 1px}
.steps{gap:0;position:relative}.steps>div{padding-right:28px}.steps>div:not(:last-child):after{content:"";position:absolute;top:17px;left:35px;right:0;height:1px;background:rgba(255,255,255,.92)}.steps>div:not(:last-child):before{content:"›";position:absolute;right:3px;top:2px;font-size:29px;line-height:28px;color:#fff;z-index:2}.steps b{position:relative;z-index:3;border:2px solid rgba(7,143,232,.2)}
.industry-image{height:248px;background-image:url('assets/industries-clean.jpg');background-size:contain}
@media(max-width:1080px){.brand{flex-basis:180px}.brand img,.custom-logo{width:180px!important;max-width:180px!important}}
@media(max-width:900px){.steps>div:not(:last-child):after,.steps>div:not(:last-child):before{display:none}}

.industry-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.industry-tile{height:112px;position:relative;background-image:url('assets/industries-clean.jpg');background-size:400% 200%;background-repeat:no-repeat;overflow:hidden}.industry-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,18,32,.94))}.industry-tile span{position:absolute;left:10px;right:8px;bottom:8px;color:#fff;font-size:13px;font-weight:800;line-height:1.05;z-index:2}.t1{background-position:0 0}.t2{background-position:33.333% 0}.t3{background-position:66.666% 0}.t4{background-position:100% 0}.t5{background-position:0 100%}.t6{background-position:33.333% 100%}.t7{background-position:66.666% 100%}.t8{background-position:100% 100%}@media(max-width:700px){.industry-tiles{grid-template-columns:repeat(2,1fr)}}
/* V13: final signature + unified industry tiles */
.signature{width:auto;height:auto;background:none!important;margin:14px 0 0;font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;font-size:34px!important;font-weight:400;line-height:1;color:#0874bd;transform:rotate(-4deg);letter-spacing:.2px}
.signature:before{content:"Werner Pietruska"}
.industry-tile{height:112px;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.industry-tile:after{inset:42% 0 0;background:linear-gradient(transparent,rgba(2,18,32,.92))}
.industry-tile span{left:10px;right:8px;bottom:8px;font-size:13px;line-height:1.05}
.industry-tile.t1{background-image:url('assets/industry-1.jpg')}.industry-tile.t2{background-image:url('assets/industry-2.jpg')}.industry-tile.t3{background-image:url('assets/industry-3.jpg')}.industry-tile.t4{background-image:url('assets/industry-4.jpg')}.industry-tile.t5{background-image:url('assets/industry-5.jpg')}.industry-tile.t6{background-image:url('assets/industry-6.jpg')}.industry-tile.t7{background-image:url('assets/industry-7.jpg')}.industry-tile.t8{background-image:url('assets/industry-8.jpg')}

/* V14: only signature refinement; V13 layout/content otherwise unchanged */
.signature{width:auto;height:auto;background:none!important;margin:15px 0 3px;font-family:"Segoe Script","Snell Roundhand","Brush Script MT","Lucida Handwriting",cursive;font-size:32px!important;font-weight:400;line-height:1;color:#0874bd;transform:rotate(-3deg);letter-spacing:-.8px;font-style:italic}
.signature:before{content:"Werner Pietruska"}

/* V15 Onepager navigation */
section[id]{scroll-margin-top:92px}
.legal-page{min-height:calc(100vh - 78px);padding:70px 0 90px;background:#f6f8fa}.legal-wrap{max-width:900px}.legal-page h1{font-size:46px;line-height:1;margin:0 0 30px;color:var(--ink)}.legal-content{background:#fff;padding:42px;box-shadow:0 10px 35px rgba(7,27,50,.08);font-size:15px;line-height:1.65;color:#33475c}.legal-content h2,.legal-content h3{color:var(--ink)}@media(max-width:560px){.legal-page{padding:45px 0 70px}.legal-page h1{font-size:36px}.legal-content{padding:25px}}