/*
Autor: Autark Innovations
Entwickler: Pierre Hasberg
Website: https://autarkinnovations.com
App: https://autarkinnovations.com/app-holen.html
E-Mail: info@autarkinnovations.com
Erstellt: 23.10.2026
Zuletzt bearbeitet: 23.10.2026
Projekt: autark-website
Beschreibung: Gestaltet Deye-Angebot und Herstellerwahl im vorhandenen hellen und dunklen Design.
*/
.dy-raster{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:center}
.dy-hero{padding-top:130px}.dy-hero h1{font-size:clamp(38px,4.8vw,66px);line-height:1.08;text-wrap:balance}.dy-brot{color:var(--w-t2);font-size:14px;margin-bottom:28px}.dy-brot a,.dy-klarheit a{color:var(--w-link)}
.dy-gebiet{color:var(--w-t2);line-height:1.6}.dy-gebiet strong{color:var(--w-text)}.dy-system{border:1px solid var(--w-border-h);border-radius:24px;background:var(--w-bg2);padding:clamp(20px,3vw,32px);box-shadow:var(--w-shadow-light)}
.dy-baustein{border:1px solid var(--w-border-h);background:var(--w-surf-solid);border-radius:16px;padding:20px;text-align:center}.dy-baustein strong{display:block;color:var(--w-text);font-family:var(--w-disp);font-size:18px}.dy-baustein span{display:block;color:var(--w-t2);font-size:14px;line-height:1.6;margin-top:6px}.dy-wechselrichter{border-color:var(--w-blue)}.dy-anschluesse{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.dy-klarheit{padding:clamp(24px,3vw,36px);border-radius:20px}.dy-klarheit h3{color:var(--w-text);font-family:var(--w-disp);font-size:23px;margin-bottom:14px}.dy-klarheit p{color:var(--w-t2);line-height:1.75}.dy-klarheit p+p{margin-top:16px}
.dy-pv-teaser{max-width:1000px;margin:28px auto 0;padding:28px;border:1px solid var(--w-border-h);border-radius:20px;background:var(--w-bg2);color:var(--w-text);box-sizing:border-box}.dy-pv-teaser h3{color:var(--w-text);font-family:var(--w-disp);font-size:24px;margin:0 0 12px}.dy-pv-teaser p{color:var(--w-t2);line-height:1.7;margin-bottom:20px}.dy-pv-teaser a:not(.btn){color:var(--w-link)}
#technik,#mehrfamilienhaus,#projektanfrage{scroll-margin-top:96px}
@media(max-width:900px){.dy-raster{grid-template-columns:1fr}.dy-system{max-width:600px;justify-self:center;width:100%;box-sizing:border-box}.dy-pv-teaser{margin-left:20px;margin-right:20px}}
@media(max-width:480px){.dy-hero{padding-top:112px}.dy-anschluesse{grid-template-columns:1fr}.dy-pv-teaser{padding:22px}.dy-hero h1{font-size:38px}}