[data-seite] :is(h1,h2,h3,h4,button){word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}[data-seite] :is(section,article,aside,form){min-width:0}[data-seite]{--laub-motiv:url(/kulisse/solarx-blaetter-und-weiches-sonnenlicht-als-hintergrundgestaltung.webp)}.start-gruenes-x{display:none}[data-seite=start] .start-gruenes-x{pointer-events:none;z-index:-1;display:block;position:absolute;inset:0;overflow:hidden}[data-seite=start] .start-gruenes-x>span{aspect-ratio:1304/824;background:var(--color-blatt-500);opacity:.16;width:clamp(300px,42vw,580px);position:absolute;-webkit-mask:url(/brand/solarx-markenzeichen.png) 50%/contain no-repeat;mask:url(/brand/solarx-markenzeichen.png) 50%/contain no-repeat}[data-seite=start] .start-gruenes-x-system>span{opacity:.14;width:clamp(240px,25vw,320px);bottom:18px;left:-52px;transform:rotate(5deg)}[data-seite=start] .start-gruenes-x-produkte>span{opacity:.16;width:clamp(300px,27vw,390px);top:270px;right:-48px;transform:rotate(-5deg)}@media (max-width:767px){[data-seite=start] .start-gruenes-x-system>span{opacity:.24;width:110px;bottom:3px;left:-24px}[data-seite=start] .start-gruenes-x-produkte{display:none}[data-seite=start] #komponenten [class*=mobileStage]>span:first-child{opacity:.26;width:190px;top:88px;right:-45px}}[data-seite=finanzierung]>section:not(:first-of-type):not(#anfrage):nth-of-type(2n),[data-seite=haeufige-fragen]>section:nth-of-type(3),[data-seite=hilfe]>section:not(:first-of-type):nth-of-type(2n){background-image:linear-gradient(100deg,color-mix(in srgb,var(--color-papier-warm) 92%,transparent),color-mix(in srgb,var(--color-papier) 97%,transparent) 52%,color-mix(in srgb,var(--color-papier-warm) 89%,transparent)),var(--laub-motiv);background-position:50%;background-size:cover}.vergleich-mobil,.kontakt-schnell{display:none}@media (min-width:1024px){[data-seite=garantie] [data-inhalt],[data-seite=ueber-uns] [data-inhalt]{width:82%;max-width:1200px;margin-inline:auto}.faq-themen{gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))!important}.faq-themen a{padding:18px 14px}.faq-themen a>span:nth-child(2){font-size:var(--text-base);line-height:1.4}.faq-themen a>span:nth-child(3){font-size:var(--text-small)}}@media (max-width:767px){[data-seite=start] .start-hero{min-height:115svh;margin-top:0;padding-top:0}[data-seite=start] .hersteller-titel{--text-small:clamp(11px,3vw,14px);font-size:var(--text-small);letter-spacing:.035em;text-transform:none;white-space:nowrap;margin-bottom:20px}[data-seite=start] #system{padding-block:48px 24px}[data-seite=start] #system .lead{font-size:var(--text-base);line-height:1.6}.partner-pfeil p{font-size:var(--text-base);max-width:26ch}[data-seite=start] #vergleich{padding-top:48px}.vergleich-desktop{display:none!important}.vergleich-mobil{gap:16px;margin-top:28px;display:grid}.vergleich-mobil article{border:1px solid var(--color-tinte-100);background:var(--color-papier);box-shadow:0 12px 32px color-mix(in srgb,var(--color-tinte-900) 5%,transparent);border-radius:22px;overflow:hidden}.vergleich-mobil .empfohlen{border-color:var(--color-sonne-200);background:var(--color-sonne-50)}.vergleich-mobil header{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;padding:18px;display:grid}.vergleich-mobil img{object-fit:cover;border-radius:14px;width:104px;height:108px}.vergleich-mobil h3{font-size:var(--text-card);letter-spacing:-.025em;line-height:1.2}.vergleich-mobil header p{font-size:var(--text-small);letter-spacing:.06em;text-transform:uppercase;color:var(--color-sonne-700);margin-bottom:7px;font-weight:700}.vergleich-mobil article>p{font-size:var(--text-base);color:var(--color-tinte-600);padding:0 18px;line-height:1.65}.vergleich-mobil ul{font-size:var(--text-small);color:var(--color-tinte-700);gap:9px;padding:16px 18px;display:grid}.vergleich-mobil li{border-top:1px solid var(--color-tinte-100);justify-content:space-between;align-items:center;gap:16px;padding-top:9px;display:flex}.vergleich-mobil li strong{color:var(--color-blatt-700);white-space:nowrap;font-size:var(--text-small)}.vergleich-mobil a{background:var(--color-sonne-500);min-height:46px;color:var(--color-tinte-900);font-size:var(--text-base);border-radius:12px;justify-content:space-between;align-items:center;margin:2px 18px 18px;padding:12px 16px;font-weight:700;display:flex}[data-seite=solarrechner] .rechner-schritt{min-height:0}[data-seite=solarrechner] #rechner{padding-bottom:28px}[data-seite=hilfe]>section:first-of-type .augenbraue{display:none}[data-seite=hilfe]>section:first-of-type h1{margin-top:0}[data-seite=hilfe]>section:first-of-type>img{opacity:.22}[data-seite=team]>section:first-of-type{padding-top:40px}[data-seite=team]>section:first-of-type h1{margin-top:0}[data-seite=sponsoring]>section:first-of-type>div:first-child img{object-position:50% 38%;height:clamp(230px,65vw,330px)}[data-seite=sponsoring]>section:first-of-type>.rand{background-image:linear-gradient(100deg,color-mix(in srgb,var(--color-tinte-900) 90%,transparent),color-mix(in srgb,var(--color-tinte-900) 82%,transparent)),var(--laub-motiv);background-size:cover;padding-block:24px 36px}[data-seite=sponsoring]>section:first-of-type>.rand>div{margin-top:0}[data-seite=sponsoring]>section:first-of-type h1{font-size:var(--text-title);margin-top:14px}[data-seite=haeufige-fragen]>section:first-of-type{background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-papier-warm) 94%,transparent),color-mix(in srgb,var(--color-papier-warm) 80%,transparent)),var(--laub-motiv);background-size:cover}[data-seite=finanzierung]>section:first-of-type>.rand{justify-content:flex-end;min-height:calc(100svh - 72px);padding-top:280px;padding-bottom:28px}.kontakt-schnell{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:22px;display:grid}.kontakt-schnell a{text-align:center;border:1px solid var(--color-tinte-200);background:var(--color-papier);min-height:46px;color:var(--color-tinte-900);font-size:var(--text-small);border-radius:11px;justify-content:center;align-items:center;padding:8px 3px;font-weight:700;line-height:1.25;display:flex}.kontakt-schnell a:first-child{background:var(--color-sonne-500);border-color:var(--color-sonne-500)}.kontakt-schnell a:focus-visible{outline:3px solid var(--color-blatt-600);outline-offset:2px}[data-referenz-abschnitt=dach]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.start-hero .start-wege{padding-bottom:calc(15svh + 24px)}body:has(.start-hero) header:has(a[aria-label="SolarX GmbH — zur Startseite"]){border-bottom:0!important}[data-seite=hilfe]>section:first-of-type>img{object-position:right center}[data-seite=hilfe]>section>.rand{grid-template-columns:minmax(0,1fr)}[data-seite] .grid>*{min-width:0}}@media (max-width:360px){header.fixed>div:first-child{gap:8px;padding-inline:12px}header.fixed a[aria-label="SolarX GmbH — zur Startseite"]{gap:6px}header.fixed a[aria-label="SolarX GmbH — zur Startseite"] img{width:auto;height:27px}header.fixed a[href=\/solarrechner]{font-size:var(--text-small);padding-inline:11px}[data-seite=team] h2,[data-seite=hilfe] h2{font-size:var(--text-card)}[data-seite="photovoltaik/gewerbe/unternehmen"] h1{font-size:var(--text-subtitle)}}@media (max-width:400px){.rechner-steuerung{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rechner-steuerung>div{grid-area:1/1/auto/-1}.rechner-steuerung>button{justify-content:center}.rechner-steuerung p{white-space:nowrap}}.vergleich-kulisse-mobil{display:none}@media (max-width:767px){.vergleich-kulisse-desktop,.vergleich-kulisse-blatt{display:none}.vergleich-kulisse-mobil{background-image:linear-gradient(90deg,#fdfaf5d1,#fdfaf5ed 55%,#fdfaf5db),url(/kulisse/solarx-blaetter-und-weiches-sonnenlicht-als-hintergrundgestaltung.webp);background-position:15%;background-size:cover;display:block;-webkit-mask-image:linear-gradient(#0000,#000 70px calc(100% - 120px),#0000);mask-image:linear-gradient(#0000,#000 70px calc(100% - 120px),#0000)}.partner-pfeil{padding-block:28px 8px}#inhalt :is(.augenbraue,[class*=eyebrow],[class*=kicker]):not(:has(svg)){text-align:inherit;flex-direction:column;align-items:flex-start;gap:9px;display:flex}#inhalt :is(.augenbraue,[class*=eyebrow],[class*=kicker]):before,#inhalt :is(.augenbraue,[class*=eyebrow],[class*=kicker])>span:empty{display:none}#inhalt :is(.augenbraue,[class*=eyebrow],[class*=kicker]):not(:has(svg)):after{content:"";opacity:.8;background:currentColor;flex:none;width:32px;height:2px;display:block}#inhalt .text-center .augenbraue,#inhalt .augenbraue.justify-center,#inhalt [class*=componentsHead] [class*=eyebrow]{text-align:center;align-items:center}#inhalt [data-mobile-hide]{display:none!important}}