/*
Theme Name: AUTEC2000
Version: 1.9.0
Author: AUTEC2000
Description: AUTEC2000 – dark technical company layout.
*/
:root{--black:#070b0c;--panel:#101516;--red:#ed1c24;--white:#fff;--muted:#c5c9ca;--line:#596062;--max:1060px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}
.site-header{height:108px;background:#0a0f10;border-bottom:1px solid #252b2c;position:relative;z-index:10}.header-inner{max-width:1060px;margin:auto;height:100%;padding:0 58px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;gap:3px}.brand img{width:280px;height:auto;display:block}.brand span{font-size:11px;letter-spacing:.18em;color:#e5e5e5}.main-nav{display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.04em}.main-nav>a{padding:42px 0 12px;position:relative}.main-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red)}.lang{display:flex;gap:12px;margin-left:8px}.lang a{padding:0}.lang a.active{color:#fff}
.hero{position:relative;max-width:var(--max);margin:0 auto;min-height:505px;overflow:hidden;background:#070b0c;border-bottom:1px solid #4d5253}.hero-media{position:absolute;inset:0 0 0 50%;background-image:linear-gradient(90deg,#070b0c 0%,rgba(7,11,12,.82) 7%,rgba(7,11,12,.12) 48%,rgba(7,11,12,.10) 100%),url('assets/hero-clean.jpg');background-size:cover;background-position:center}.hero-inner{position:relative;z-index:1;max-width:1060px;margin:auto;padding:62px 58px}.hero-content{max-width:560px;text-align:left}.hero-title{display:block}.hero-brand{margin-bottom:18px}.hero-brand img{display:block;width:300px;height:auto;max-width:100%}.hero-title{font-size:22px;line-height:1.22;letter-spacing:.115em;font-weight:400;max-width:330px}.hero-rule{width:56px;height:2px;background:#fff;margin:23px 0}.under{font-size:31px;letter-spacing:.18em;font-weight:400}.hero-copy{font-size:17px;line-height:1.55;margin:18px 0 21px;color:#f2f2f2}.hero-slogan{font-size:16px;letter-spacing:.18em;line-height:1.65;margin:0;color:#f0f0f0}
.services{background:#111617}.services-grid{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:auto}.service-card{background:#0f1415;border-right:1px solid #666d6e}.service-card:first-child{border-left:1px solid #666d6e}.service-image{height:270px;background-position:center;background-size:cover}.service-card.elektro .service-image{border-bottom:2px solid var(--red)}.service-card.maschinen .service-image{border-bottom:1px solid #8a8f90}.service-body{padding:30px 42px 45px;min-height:275px}.service-body h2{font-size:27px;margin:0 0 12px;letter-spacing:.02em}.service-body p{font-size:16px;color:#f0f0f0;max-width:600px;margin:0}.service-rule{width:45px;height:2px;background:#fff;margin:19px 0}.service-rule.redline{background:var(--red)}.service-list{font-size:13px;letter-spacing:.16em;line-height:2;color:#f2f2f2}
.contact-section{position:relative;max-width:var(--max);margin:0 auto;min-height:350px;overflow:hidden;background:#0a0e0f}.contact-bg{position:absolute;inset:0 0 0 46%;background-image:url('assets/contact-bg-clean2.jpg');background-size:cover;background-position:center right;opacity:.82}.contact-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,12,1) 0%,rgba(7,11,12,1) 40%,rgba(7,11,12,.82) 60%,rgba(7,11,12,.38) 100%)}.contact-inner{position:relative;max-width:1060px;margin:auto;padding:48px 58px;display:grid;grid-template-columns:1.15fr .9fr auto;gap:36px;align-items:center;min-height:350px}.section-title{font-size:12px;letter-spacing:.22em;color:#ddd;margin-bottom:12px}.contact-copy h2{font-size:31px;margin:0 0 12px}.contact-copy p{font-size:17px;margin:0;color:#eee}.contact-info{border-left:1px solid #858a8b;padding-left:28px;display:grid;gap:18px}.contact-item{display:flex;gap:15px;align-items:flex-start}.ci{font-size:23px;line-height:1;color:#fff;width:25px;text-align:center}.contact-item small{display:block;font-size:9px;letter-spacing:.2em;color:#ddd;margin-bottom:4px}.contact-item a,.contact-item span{font-size:15px;line-height:1.45}.contact-button{border:1px solid #eee;padding:17px 24px;letter-spacing:.08em;font-size:13px;white-space:nowrap;background:rgba(0,0,0,.18)}.contact-button b{font-size:18px;margin-left:18px}.contact-signature{position:absolute;right:50px;bottom:27px;font-family:cursive;font-size:23px;line-height:1.2;transform:rotate(-6deg);color:#fff;text-shadow:0 2px 8px #000}
.site-footer{background:#080b0c;border-top:1px solid #313637}.footer-inner{max-width:1060px;margin:auto;min-height:105px;padding:25px 58px;display:grid;grid-template-columns:1fr 1.5fr auto;gap:25px;align-items:center}.footer-logo{width:210px;display:block}.footer-sub{font-size:9px;letter-spacing:.15em;margin-top:4px}.footer-center{font-size:11px;color:#ddd;text-align:center}.footer-lang{font-size:12px}.cookie-bar{background:#1b2224;border-top:1px solid #343a3b;padding:20px 28px;display:flex;justify-content:center;align-items:center;gap:30px;color:#eee;font-size:12px}.cookie-bar small{color:#ccc}.cookie-actions{display:flex;gap:10px}.cookie-actions a{border:1px solid #727879;padding:11px 18px;white-space:nowrap}.cookie-actions .accept{background:#fff;color:#111}
.page-wrap{max-width:1200px;margin:auto;padding:90px 30px;min-height:65vh}.page-wrap h1{font-size:48px}.page-wrap p,.page-wrap li{color:#ddd;max-width:850px}.contact-form{max-width:760px;display:grid;gap:14px;margin-top:30px}.contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aaa}.contact-form input,.contact-form textarea{width:100%;padding:13px;background:#151a1b;color:#fff;border:1px solid #444;margin-top:6px}.contact-form textarea{min-height:170px}.contact-form button{background:var(--red);color:#fff;border:0;padding:14px 20px;font-weight:700;letter-spacing:.08em;cursor:pointer}
@media(max-width:900px){.site-header{height:auto}.header-inner{padding:18px 20px;flex-direction:column;align-items:flex-start;gap:18px}.brand img{width:250px}.main-nav{gap:18px;flex-wrap:wrap}.main-nav>a{padding:0 0 8px}.hero{min-height:600px}.hero-media{inset:38% 0 0 0;opacity:.55}.hero-inner{padding:48px 25px}.hero-brand img{width:255px}.hero-title{font-size:19px;max-width:300px}.under{font-size:22px}.services-grid{grid-template-columns:1fr}.service-card{border-left:1px solid #666d6e!important}.service-image{height:230px}.contact-inner{grid-template-columns:1fr;padding:42px 25px}.contact-info{border-left:0;border-top:1px solid #858a8b;padding:20px 0 0}.contact-signature{display:none}.contact-button{justify-self:start}.footer-inner{grid-template-columns:1fr;padding:25px 25px;text-align:left}.footer-center{text-align:left}.footer-lang{display:none}.cookie-bar{flex-direction:column;align-items:flex-start}}

/* Version 1.8 – image and typography flow together like the approved reference */
.hero-media{
  inset:0;
  background-image:linear-gradient(90deg,rgba(7,11,12,.96) 0%,rgba(7,11,12,.88) 24%,rgba(7,11,12,.54) 46%,rgba(7,11,12,.10) 74%,rgba(7,11,12,.10) 100%),url('assets/hero-clean.jpg');
  background-position:center;
}
.hero-content{max-width:620px}
.hero-brand{width:300px;margin-bottom:12px}
.hero-brand img{width:300px}
.hero-title{
  width:300px;
  max-width:300px;
  white-space:nowrap;
  font-size:13px;
  line-height:1.2;
  letter-spacing:.115em;
  font-weight:400;
  color:#fff;
}
/* Let the service photographs continue behind the text instead of ending at a hard image/text seam. */
.services-grid{gap:0}
.service-card{position:relative;min-height:440px;overflow:hidden}
.service-image{position:absolute;inset:0;height:auto;background-position:center;background-size:cover;z-index:0}
.service-card.elektro .service-image{border-bottom:0}
.service-card.maschinen .service-image{border-bottom:0}
.service-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,8,9,.10) 0%,rgba(5,8,9,.20) 28%,rgba(5,8,9,.76) 62%,rgba(5,8,9,.96) 100%)}
.service-body{position:relative;z-index:2;min-height:440px;padding:205px 42px 38px;background:linear-gradient(180deg,transparent 0%,rgba(8,12,13,.10) 28%,rgba(8,12,13,.68) 65%,rgba(8,12,13,.94) 100%)}
.service-body h2{font-size:27px;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.service-body p,.service-list{ text-shadow:0 2px 7px rgba(0,0,0,.85)}
.service-rule{margin:16px 0}
@media(max-width:900px){
 .hero-media{inset:0;background-image:linear-gradient(180deg,rgba(7,11,12,.92) 0%,rgba(7,11,12,.76) 48%,rgba(7,11,12,.30) 100%),url('assets/hero-clean.jpg')}
 .hero-title{width:255px;max-width:255px;white-space:normal;font-size:12px}
 .hero-brand,.hero-brand img{width:255px}
 .service-card{min-height:410px}
 .service-body{min-height:410px;padding:190px 25px 35px}
}


/* Version 1.9 – wider mountain/contact image and larger hero AUTEC2000 */
.hero-brand,.hero-brand img{width:360px}
.hero-title{width:360px;max-width:360px}
.contact-bg{inset:0;background-image:url('assets/contact-bg-clean2.jpg');background-size:cover;background-position:center center;opacity:.70}
.contact-overlay{background:linear-gradient(90deg,rgba(7,11,12,.82) 0%,rgba(7,11,12,.62) 42%,rgba(7,11,12,.28) 72%,rgba(7,11,12,.42) 100%)}
@media(max-width:900px){.hero-brand,.hero-brand img{width:285px}.hero-title{width:285px;max-width:285px}.contact-bg{inset:0;background-position:center center}.contact-overlay{background:linear-gradient(180deg,rgba(7,11,12,.78) 0%,rgba(7,11,12,.46) 100%)}}