/* SOL-TECH Industrie – shared premium layer for every customer-facing subpage. */
:root{
  --font:"Inter","SF Pro Text","Helvetica Neue","Avenir Next",Arial,sans-serif;
  --display:"Inter Tight","SF Pro Display","Helvetica Neue","Avenir Next",Arial,sans-serif;
}

body{font-family:var(--font);font-variation-settings:"opsz" 18;letter-spacing:-.006em}
h1,h2,h3,h4,.btn{font-family:var(--display)}
h1,h2{letter-spacing:-.052em}

.topbar__note{color:#b7c0cc;font-weight:650}
.header{background:rgba(250,250,247,.94);backdrop-filter:blur(20px) saturate(150%)}
.header__inner{max-width:1440px;height:84px;gap:22px}
.header__logo img{width:174px}
.nav{gap:clamp(14px,1.55vw,25px);margin-left:14px}
.nav a{font-size:13.5px;font-weight:650;white-space:nowrap}
.header__phone{display:none!important}
.header__actions{margin-left:auto}
.header__actions .btn{padding-inline:18px;white-space:nowrap}

/* Clean, human first introductions. All photographs are transparent AI brand motifs. */
.page-hero{min-height:clamp(570px,72svh,760px);padding-bottom:clamp(70px,8vw,106px)}
.page-hero .container{position:relative}
.page-hero h1{max-width:880px;font-weight:620;font-size:clamp(48px,6.2vw,82px);letter-spacing:-.06em}
.page-hero .lead{max-width:660px!important;color:rgba(255,255,255,.79);font-size:clamp(17px,1.6vw,20px);line-height:1.65}
.page-hero::after{background:linear-gradient(90deg,rgba(4,9,13,.94) 0%,rgba(4,9,13,.78) 43%,rgba(4,9,13,.14) 76%),linear-gradient(0deg,rgba(4,9,13,.74),transparent 62%)}
.page-hero::before{filter:saturate(.78) contrast(1.04)}
.storage-page .page-hero::before{background-image:url('../img/people/soltech-beratung-energiesystem.jpg');background-position:center 43%}
.heat-page .page-hero::before{background-image:url('../img/people/soltech-beratung-energiesystem.jpg');background-position:center 48%}
.wallbox-page .page-hero::before{background-image:url('../img/people/soltech-uebergabe-zuhause.jpg');background-position:center 50%}
.funding-page .page-hero::before{background-image:url('../img/people/soltech-beratung-planung.jpg');background-position:center 48%}
.about-page .page-hero::before{background-image:url('../img/people/soltech-montage-qualitaet.jpg');background-position:center 48%}
.references-page .page-hero::before{background-image:url('../img/people/soltech-uebergabe-zuhause.jpg');background-position:center 48%}
.contact-page .page-hero::before{background-image:url('../img/people/soltech-beratung-planung.jpg');background-position:center 47%}
.support-page .page-hero::before{background-image:url('../img/people/soltech-beratung-energiesystem.jpg');background-position:center 45%}
.career-page .page-hero::before{background-image:url('../img/people/soltech-montage-qualitaet.jpg');background-position:center 48%}
.legal-page .page-hero::before{background-image:url('../img/people/soltech-beratung-planung.jpg');background-position:center 40%}

.page-hero .breadcrumb{margin-bottom:30px}
.page-hero .eyebrow{color:#88b7ff}
.page-hero .eyebrow::before{background:#88b7ff;box-shadow:0 0 0 5px rgba(136,183,255,.13)}

/* A restrained proof block – the TÜV mark is a manufacturer/asset mark, not a claim
   that every product carries an identical certification scope. */
.trust-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:25px 0 8px}
.trust-strip__item{min-height:58px;display:flex;align-items:center;gap:11px;padding:9px 15px;border:1px solid rgba(17,21,28,.12);border-radius:14px;background:rgba(255,255,255,.8);box-shadow:0 10px 28px rgba(18,24,32,.07)}
.trust-strip__item img{width:47px;height:39px;object-fit:contain}
.trust-strip__item i{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#0a5bd6;color:#fff;font-style:normal;font-weight:800}
.trust-strip__item span{display:flex;flex-direction:column;line-height:1.15}
.trust-strip__item b{color:#11151c;font-size:13px}
.trust-strip__item small{margin-top:4px;color:#7a838f;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.trust-strip--dark .trust-strip__item{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06);box-shadow:none}
.trust-strip--dark .trust-strip__item b{color:#fff}
.trust-strip--dark .trust-strip__item small{color:#9aa5b4}

/* Official product stages. */
.official-product{position:relative;overflow:hidden;border:1px solid #e3e7ed;border-radius:30px;background:linear-gradient(145deg,#fff,#eef2f7);box-shadow:0 28px 70px rgba(18,24,32,.1)}
.official-product img{width:100%;height:100%;object-fit:contain}
.official-product__caption{position:absolute;left:18px;bottom:16px;padding:7px 11px;border-radius:999px;background:rgba(12,17,23,.76);color:#fff;font-size:9px;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(12px)}

.sigen-immersive{overflow:hidden;background:#0d121a;color:#fff}
.sigen-immersive__hero{min-height:520px;display:grid;grid-template-columns:minmax(0,.72fr) minmax(480px,1.28fr);align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#111a27,#071018);box-shadow:0 36px 100px rgba(0,0,0,.24)}
.sigen-immersive__copy{padding:clamp(34px,5vw,72px)}
.sigen-immersive__copy h2{margin:0;color:#fff;font-size:clamp(38px,4.4vw,62px);line-height:.98}
.sigen-immersive__copy p{color:#aeb9c8;line-height:1.7}
.sigen-immersive__media{align-self:stretch;min-height:430px}
.sigen-immersive__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.sigen-five{display:grid;grid-template-columns:repeat(5,1fr);margin-top:26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden}
.sigen-five article{min-height:185px;padding:24px 20px;border-right:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.sigen-five article:last-child{border-right:0}
.sigen-five span{display:block;color:#6fa8ff;font:700 10px/1 var(--mono);letter-spacing:.13em}
.sigen-five h3{margin:42px 0 8px;color:#fff;font-size:18px}
.sigen-five p{margin:0;color:#8f9bab;font-size:12px;line-height:1.55}
.facts-note{margin:18px 0 0;color:#7d8998;font-size:11px;line-height:1.55}

.heat-premium{background:linear-gradient(145deg,#111821,#080d13);color:#fff}
.heat-premium__grid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(0,1fr);gap:clamp(40px,7vw,90px);align-items:center}
.heat-premium__visual{min-height:540px;padding:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:radial-gradient(circle at 56% 45%,rgba(71,121,186,.25),transparent 38%),#f7f8fa;overflow:hidden}
.heat-premium__visual img{width:100%;max-height:420px;object-fit:contain}
.heat-premium__copy h2{margin:0;color:#fff;font-size:clamp(40px,4.5vw,62px);line-height:1}
.heat-premium__copy .lead{color:#b6c0cc}
.heat-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.heat-facts div{padding:19px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}
.heat-facts b{display:block;color:#fff;font-size:20px}
.heat-facts span{display:block;margin-top:5px;color:#8995a5;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em}
.heat-brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}
.heat-brand-grid div{height:72px;display:grid;place-items:center;padding:13px;border:1px solid #e2e6eb;border-radius:14px;background:#fff}
.heat-brand-grid img{width:100%;height:38px;object-fit:contain}

.funding-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:42px}
.funding-highlight{padding:clamp(28px,4vw,46px);border:1px solid #e1e5eb;border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(18,24,32,.07)}
.funding-highlight__value{display:block;margin-bottom:20px;color:#0a5bd6;font-size:clamp(46px,6vw,76px);font-weight:750;letter-spacing:-.07em;line-height:.9}
.funding-highlight h3{font-size:26px}
.funding-highlight p,.funding-highlight li{color:#606a76;line-height:1.65}
.funding-highlight ul{padding-left:18px}
.funding-callout{margin-top:22px;padding:18px 20px;border-left:3px solid #0a5bd6;border-radius:0 14px 14px 0;background:#edf4ff;color:#334154;font-size:13px;line-height:1.6}
.source-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}
.source-links a{color:#0a5bd6;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}

.reference-human{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:clamp(40px,7vw,90px);align-items:center}
.reference-human figure{position:relative;min-height:610px;margin:0;overflow:hidden;border-radius:30px;background:#111821}
.reference-human img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:center}
.reference-human figcaption{position:absolute;left:20px;bottom:20px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,12,17,.66);color:#fff;font-size:9px;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(12px)}

@media (max-width:1180px){
  .nav{gap:14px}.nav a{font-size:12.5px}.header__logo img{width:158px}.header__actions .btn{font-size:12px;padding-inline:15px}
  .sigen-five{grid-template-columns:repeat(3,1fr)}.sigen-five article{border-bottom:1px solid rgba(255,255,255,.1)}
  .heat-brand-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:980px){
  .nav{gap:0}.nav a{font-size:20px}.header__actions{display:none}
  .sigen-immersive__hero,.heat-premium__grid,.reference-human{grid-template-columns:1fr}
  .sigen-immersive__media{min-height:360px;order:-1}.heat-premium__visual{min-height:420px}
}

@media (max-width:720px){
  .page-hero{min-height:630px;padding-bottom:64px}.page-hero::after{background:linear-gradient(0deg,rgba(4,9,13,.96) 0%,rgba(4,9,13,.56) 68%,rgba(4,9,13,.22) 100%)}
  .page-hero h1{font-size:clamp(43px,13vw,60px)}
  .storage-page .page-hero::before,.heat-page .page-hero::before,.funding-page .page-hero::before,.contact-page .page-hero::before{background-position:center 26%}
  .trust-strip{align-items:stretch}.trust-strip__item{flex:1 1 150px}
  .sigen-immersive__hero{border-radius:22px}.sigen-immersive__copy{padding:30px 24px}.sigen-immersive__media{min-height:240px}
  .sigen-five{grid-template-columns:1fr}.sigen-five article{min-height:140px;border-right:0}.sigen-five h3{margin-top:24px}
  .heat-premium__visual{min-height:350px;padding:25px}.heat-facts{grid-template-columns:1fr}.heat-brand-grid{grid-template-columns:repeat(2,1fr)}
  .funding-highlights{grid-template-columns:1fr}.reference-human figure,.reference-human img{min-height:480px}
}