:root{--page-pad:clamp(1.25rem,6vw,6rem)}
.subpage{background:#f5f3ef}.subpage .site-header{background:rgba(18,20,19,.96);border-bottom:1px solid rgba(255,255,255,.08)}
.page-hero{position:relative;min-height:min(760px,88svh);display:grid;align-items:end;color:#fff;overflow:hidden;background:#111}.page-hero.short{min-height:560px}.page-hero-media,.page-hero-shade{position:absolute;inset:0}.page-hero-media{background-position:center;background-size:cover;transform:scale(1.015)}.page-hero-shade{background:linear-gradient(90deg,rgba(8,10,9,.88),rgba(8,10,9,.42) 52%,rgba(8,10,9,.08)),linear-gradient(0deg,rgba(8,10,9,.7),transparent 60%)}
.hero-products,.hero-terrace{background-image:url('/assets/products/terrassendach.webp')}.hero-pv{background-image:url('/assets/products/photovoltaik-hero.png')}.hero-winter{background-image:url('/assets/products/kaltwintergarten.webp')}.hero-carport{background-image:url('/assets/products/carport-flachdach.webp')}.hero-references{background-image:url('/assets/products/skyview.webp')}.hero-process{background-image:url('/assets/products/vordach.webp')}.hero-about{background-image:url('/assets/javaro-hero.png')}.hero-contact{background-image:url('/assets/products/terrassendach.webp');background-position:center 60%}
.page-hero-copy{position:relative;z-index:1;width:min(760px,90%);padding:clamp(10rem,20vh,14rem) var(--page-pad) clamp(4.5rem,10vh,7rem)}.page-hero-copy h1{font:400 clamp(2.8rem,6vw,6.4rem)/.98 var(--serif);letter-spacing:-.035em;margin:0 0 1.5rem}.page-hero-copy .lead{max-width:660px;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.8vw,1.3rem)}.breadcrumbs{display:flex;gap:.6rem;align-items:center;margin-bottom:1.5rem;color:rgba(255,255,255,.63);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.breadcrumbs a:hover{color:var(--gold)}
.content-section{padding:clamp(5rem,10vw,9rem) var(--page-pad)}.content-section.dark-panel{background:#151817;color:#fff}.content-section.light-panel{background:#f7f6f3}.content-section.warm-panel{background:#ebe7df}.content-shell{width:min(var(--max),100%);margin:auto}.intro-split{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr);gap:clamp(3rem,9vw,9rem);align-items:start}.intro-split h2,.section-title{font:400 clamp(2.2rem,4.5vw,4.7rem)/1.04 var(--serif);letter-spacing:-.03em;margin:.3rem 0 1.5rem}.intro-split .large-copy{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.65;color:#40433f}.dark-panel .large-copy{color:rgba(255,255,255,.73)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(35,35,35,.15);margin-top:clamp(3rem,7vw,6rem)}.feature-grid article{padding:clamp(1.6rem,3vw,2.8rem);background:#f7f6f3}.feature-grid .number{color:#9b7838;font-size:.74rem;letter-spacing:.18em}.feature-grid h3{font:400 1.35rem/1.2 var(--serif);margin:2rem 0 .8rem}.feature-grid p{margin:0;color:#656963}.dark-panel .feature-grid{background:rgba(255,255,255,.12)}.dark-panel .feature-grid article{background:#1b1e1d}.dark-panel .feature-grid p{color:rgba(255,255,255,.64)}
.media-split{display:grid;grid-template-columns:1.1fr .9fr;min-height:660px}.media-split.reverse{grid-template-columns:.9fr 1.1fr}.media-split>img{width:100%;height:100%;object-fit:cover;min-height:560px}.media-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem);background:#161918;color:#fff}.media-copy.light{background:#f7f6f3;color:#1e1e1e}.media-copy h2{font:400 clamp(2.2rem,4vw,4.4rem)/1.06 var(--serif);margin:.4rem 0 1.4rem}.media-copy p{max-width:580px;color:rgba(255,255,255,.68)}.media-copy.light p{color:#656963}.check-list{list-style:none;padding:0;margin:2rem 0 0}.check-list li{display:grid;grid-template-columns:26px 1fr;gap:.7rem;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.12)}.check-list li:before{content:'✓';color:var(--gold)}.media-copy.light .check-list li{border-color:rgba(0,0,0,.12)}
.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:3rem}.overview-card{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;background:#222;color:#fff}.overview-card.wide{grid-column:span 2;min-height:600px}.overview-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.overview-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,6,.9),rgba(5,7,6,0) 66%)}.overview-card:hover img{transform:scale(1.035)}.overview-card-copy{position:relative;z-index:1;padding:clamp(1.6rem,4vw,3.5rem);width:min(640px,90%)}.overview-card-copy span{font-size:.7rem;letter-spacing:.2em;color:#d3a64a;text-transform:uppercase}.overview-card-copy h2{font:400 clamp(2rem,3vw,3.4rem)/1.06 var(--serif);margin:.6rem 0}.overview-card-copy p{color:rgba(255,255,255,.7)}.overview-card-copy a{display:inline-block;margin-top:1rem;color:#e1bc6b;text-transform:uppercase;font-size:.76rem;letter-spacing:.13em}
.system-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(30,30,30,.13);margin-top:3rem}.system-strip article{background:#fff;padding:2rem}.system-strip h3{font:400 1.2rem var(--serif);margin:.3rem 0 .7rem}.system-strip p{font-size:.92rem;color:#6b6f69;margin:0}
.gallery-page{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem}.gallery-page figure{margin:0;position:relative;overflow:hidden;background:#222}.gallery-page figure:nth-child(1),.gallery-page figure:nth-child(4){grid-column:span 8}.gallery-page figure:nth-child(2),.gallery-page figure:nth-child(3){grid-column:span 4}.gallery-page img{width:100%;height:clamp(360px,46vw,650px);object-fit:cover}.gallery-page figure:nth-child(2) img,.gallery-page figure:nth-child(3) img{height:100%}.gallery-page figcaption{position:absolute;inset:auto 0 0;padding:2rem;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.timeline{counter-reset:step;max-width:1000px;margin:4rem auto 0}.timeline article{counter-increment:step;display:grid;grid-template-columns:100px 1fr;gap:2rem;padding:2.6rem 0;border-top:1px solid rgba(30,30,30,.16)}.timeline article:before{content:'0' counter(step);color:#a37d38;letter-spacing:.16em}.timeline h2{font:400 clamp(1.8rem,3vw,2.8rem) var(--serif);margin:0 0 .7rem}.timeline p{max-width:680px;color:#646963;margin:0}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:4rem}.values-grid article{padding:clamp(2rem,4vw,3.5rem);background:#1b1e1d}.values-grid h3{font:400 1.65rem var(--serif);margin:0 0 1rem}.values-grid p{color:rgba(255,255,255,.65);margin:0}
.cta-band{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;padding:clamp(3rem,6vw,6rem) var(--page-pad);background:#d6a84c;color:#171817}.cta-band h2{font:400 clamp(2rem,4vw,4rem)/1.05 var(--serif);margin:0}.cta-band p{margin:0 0 1.5rem}.cta-band .button{border-color:#171817}.cta-band .button:hover{background:#171817;color:#fff}
.contact-page-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem);align-items:start}.contact-card{background:#181b1a;color:#fff;padding:clamp(2rem,4vw,3.5rem)}.contact-card h2{font:400 2rem var(--serif)}.contact-card p{border-top:1px solid rgba(255,255,255,.12);padding:1rem 0;margin:0}.contact-card span{display:block;color:#d0a24a;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.contact-page-grid .contact-form{padding:0;background:transparent}
.partner-band{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem var(--page-pad);background:#ece8e0;border-top:1px solid rgba(0,0,0,.08);font-size:.9rem}.partner-band strong{font-weight:600}.notice{padding:1rem 1.25rem;border-left:2px solid var(--gold);background:rgba(212,162,56,.1);font-size:.92rem}
.subpage .footer{margin-top:0}
.legal-page{max-width:820px;margin:auto;padding:6rem 1.25rem}.legal-page>a{color:#946f2e}.legal-page h1{font:400 clamp(2.5rem,6vw,4.5rem) var(--serif);margin:2rem 0}.legal-page h2{font:400 1.7rem var(--serif);margin-top:2.5rem}
@media(max-width:900px){.intro-split,.media-split,.media-split.reverse,.cta-band,.contact-page-grid{grid-template-columns:1fr}.media-split>img{min-height:400px}.feature-grid{grid-template-columns:1fr}.overview-card,.overview-card.wide{grid-column:auto;min-height:460px}.overview-grid{grid-template-columns:1fr}.system-strip{grid-template-columns:repeat(2,1fr)}.gallery-page figure,.gallery-page figure:nth-child(n){grid-column:span 12}.values-grid{grid-template-columns:1fr}.partner-band{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.page-hero{min-height:700px}.page-hero.short{min-height:560px}.page-hero-copy{padding-left:1.25rem;padding-right:1.25rem}.content-section{padding-left:1.25rem;padding-right:1.25rem}.system-strip{grid-template-columns:1fr}.timeline article{grid-template-columns:52px 1fr;gap:1rem}.overview-card,.overview-card.wide{min-height:420px}.cta-band{padding-left:1.25rem;padding-right:1.25rem}.partner-band{padding-left:1.25rem;padding-right:1.25rem}}
@media(prefers-reduced-motion:reduce){.overview-card img{transition:none}}