.nx-rechnung__zeile{border-top:1px solid #ffffff1a;grid-template-columns:1.75rem minmax(0,1fr);grid-template-areas:"zeichen begriff"".kurz";align-items:baseline;gap:.25rem .5rem;padding:1rem 0;display:grid}.nx-rechnung__zeichen{grid-area:zeichen}.nx-rechnung__begriff{grid-area:begriff}.nx-rechnung__kurz{grid-area:kurz}.nx-rechnung__zeile--ergebnis{border-top:0}@media (min-width:768px){.nx-rechnung__zeile{grid-template-columns:2.75rem minmax(10rem,17rem) minmax(0,1fr);grid-template-areas:"zeichen begriff kurz";column-gap:clamp(1rem,2.5vw,2.5rem);padding:1.125rem 0}}.nx-teil{grid-template-columns:minmax(0,1fr);row-gap:2.5rem;display:grid}@media (min-width:1024px){.nx-teil{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;column-gap:clamp(3rem,6vw,7rem)}.nx-teil[data-seite=links]{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.nx-teil[data-seite=links] .nx-teil__text{order:2}.nx-teil[data-seite=links] .nx-teil__szene{order:1}}.nx-szene{container-type:inline-size}.nx-fenster{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;min-width:0;position:relative;overflow:hidden}.nx-fenster__kopf{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.5rem .75rem .5rem .875rem;display:flex}.nx-code{white-space:pre;padding:.875rem 1rem 1rem;overflow:hidden}.nx-adresse{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;flex:1;align-items:center;gap:.375rem;min-width:0;height:1.875rem;padding:0 .625rem;transition:border-color .26s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nx-adresse[data-aktiv=true]{border-color:var(--accent)}.nx-marke{vertical-align:-.15em;background:var(--accent);width:1px;height:1.05em;margin-left:1px;animation:1s step-end infinite nx-marke;display:inline-block}@keyframes nx-marke{50%{opacity:0}}.nx-knopf{color:#fff;white-space:nowrap;border:1px solid #ffffff38;border-radius:5px;align-items:center;gap:.375rem;min-height:1.75rem;padding:0 .625rem;transition:transform .12s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.nx-knopf:active,.nx-knopf[data-druck=true]{transform:scale(.95)}.nx-knopf[data-ton=akzent]{border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.nx-knopf:hover{border-color:#ffffff73}}.nx-reiter{color:#ffffffa6;white-space:nowrap;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .875rem;transition:color .26s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.nx-reiter[aria-selected=true]{color:#fff}.nx-reiter:after{content:"";background:var(--accent);opacity:0;border-radius:2px;height:2px;transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto .875rem -1px;transform:scaleX(.4)}.nx-reiter[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.nx-baum__zeile{border-top:1px solid #ffffff0f;align-items:center;gap:.5rem;min-height:2.125rem;padding-right:.75rem;display:flex}.nx-baum__zeile:first-child{border-top:0}.nx-anteil{background:#ffffff14;border-radius:4px;height:4px;position:relative;overflow:hidden}.nx-anteil>span{border-radius:4px;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.nx-marke{animation:none}.nx-adresse,.nx-knopf,.nx-reiter,.nx-reiter:after,.nx-einsatz__feld{transition:none}}.nx-kopf{gap:1.5rem;display:grid}@media (min-width:1024px){.nx-kopf{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.75rem,2.5vw,2.5rem) clamp(1.5rem,3.5vw,3.5rem)}.nx-kopf>:first-child{grid-column:1/-1}.nx-kopf>:last-child{grid-column:2}}.nx-vergleich__zeile{border-top:1px solid #0d0d0d1a;grid-template-columns:minmax(0,1fr);grid-template-areas:"name""einsatz""nutzung""stark""bedenken";row-gap:1.25rem;padding:2rem 0;display:grid}.nx-vergleich__name{grid-area:name}.nx-vergleich__einsatz{grid-area:einsatz}.nx-vergleich__nutzung{grid-area:nutzung}.nx-vergleich__stark{grid-area:stark}.nx-vergleich__bedenken{grid-area:bedenken}@media (min-width:768px){.nx-vergleich__zeile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"name name""einsatz nutzung""stark bedenken";column-gap:2.5rem}}@media (min-width:1024px){.nx-vergleich__zeile{grid-template-columns:minmax(13rem,.8fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"name einsatz nutzung""name stark bedenken";gap:1.5rem clamp(2rem,3.5vw,3.5rem);padding:2.5rem 0}}.nx-einsatz{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}.nx-einsatz__feld{color:#0d0d0da6;text-align:center;white-space:nowrap;border:1px solid #0d0d0d1f;border-radius:7px;justify-content:center;align-items:center;min-height:2.25rem;padding:0 .375rem;transition:background-color .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),color .45s cubic-bezier(.16,1,.3,1);display:flex}.nx-einsatz__feld[data-an=true]{color:#fff;background:#0d0d0d;border-color:#0d0d0d}.nx-einsatz__feld[data-an=true][data-hervor=true]{border-color:var(--accent);background:var(--accent);color:#fff}.nx-anteil[data-flaeche=hell]{background:#0d0d0d14}.nx-paar{border-top:1px solid #0d0d0d1a;grid-template-columns:minmax(0,1fr);grid-template-areas:"vorteil""steg""kehrseite";padding:2rem 0;display:grid}.nx-paar__vorteil{grid-area:vorteil}.nx-paar__steg{grid-area:steg}.nx-paar__kehrseite{grid-area:kehrseite}@media (min-width:900px){.nx-paar{grid-template-columns:minmax(0,1fr) clamp(5.5rem,9vw,8.5rem) minmax(0,1fr);grid-template-areas:"vorteil steg kehrseite";align-items:start;padding:2.25rem 0}}.nx-paar__steg{align-items:center;gap:.75rem;padding:.875rem 0 .875rem .5rem;display:flex}.nx-paar__linie{background:#0d0d0d3d;flex:none;width:1px;height:1.75rem;display:block}@media (min-width:900px){.nx-paar__steg{text-align:center;flex-direction:column;align-items:stretch;gap:.5rem;padding:.95rem .875rem 0}.nx-paar__linie{width:100%;height:1px}}.nx-einstieg{grid-template-columns:minmax(0,1fr);display:grid}.nx-einstieg__bild{max-width:48rem;margin:3rem 0 0}.nx-einstieg__rechnung{margin-top:3.5rem}@media (min-width:1280px){.nx-einstieg{grid-template:"titel bild""lead bild"1fr"rechnung rechnung"/minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(3rem,5vw,6rem)}.nx-einstieg__titel{grid-area:titel}.nx-einstieg__lead{grid-area:lead;align-self:start}.nx-einstieg__bild{grid-area:bild;align-self:start;max-width:none;margin-top:.5rem}.nx-einstieg__rechnung{grid-area:rechnung;margin-top:5rem}}.nx-karte{grid-template-rows:auto 1.5rem auto 1.5rem auto 1.5rem auto;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:.5rem;display:grid}@media (min-width:640px){.nx-karte{grid-template-columns:5.75rem repeat(5,minmax(0,1fr));column-gap:.75rem}}.nx-karte [data-spalte="1"]{grid-column:1}.nx-karte [data-spalte="2"]{grid-column:2}.nx-karte [data-spalte="3"]{grid-column:3}.nx-karte [data-spalte="4"]{grid-column:4}.nx-karte [data-spalte="5"]{grid-column:5}.nx-karte [data-spalte=alle]{grid-column:1/-1}@media (min-width:640px){.nx-karte [data-spalte="1"]{grid-column:2}.nx-karte [data-spalte="2"]{grid-column:3}.nx-karte [data-spalte="3"]{grid-column:4}.nx-karte [data-spalte="4"]{grid-column:5}.nx-karte [data-spalte="5"]{grid-column:6}.nx-karte [data-spalte=alle]{grid-column:2/-1}}.nx-karte [data-zeile=web]{grid-row:1}.nx-karte [data-zeile=s1]{grid-row:2}.nx-karte [data-zeile=framework]{grid-row:3}.nx-karte [data-zeile=s2]{grid-row:4}.nx-karte [data-zeile=grundlage]{grid-row:5}.nx-karte [data-zeile=beides]{grid-row:3/6}.nx-karte [data-zeile=s3]{grid-row:6}.nx-karte [data-zeile=js]{grid-row:7}.nx-karte__beschriftung{display:none}@media (min-width:640px){.nx-karte__beschriftung{grid-column:1;align-items:center;display:flex}}.nx-karte__leiste{min-width:0;min-height:3rem;transition:border-color .45s cubic-bezier(.16,1,.3,1);transition-delay:var(--verzug,0s);background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .875rem;display:flex}.nx-karte__meldung{opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transition-delay:var(--verzug,0s);flex:none;align-items:center;gap:.375rem;display:inline-flex;transform:translateY(4px)}.nx-karte__kachel{min-width:0;min-height:3.75rem;transition:border-color .45s cubic-bezier(.16,1,.3,1),background-color .45s cubic-bezier(.16,1,.3,1);transition-delay:var(--verzug,0s);background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:.625rem .375rem;display:flex;position:relative}@media (min-width:640px){.nx-karte__kachel{min-height:6.25rem;padding:.875rem .5rem}}.nx-karte__steg{justify-self:center;width:2px;height:100%;position:relative}.nx-karte__linie{transform-origin:bottom;background:#ffffff2e;width:1px;transition:background-color .26s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:.5px}.nx-karte__licht{background:var(--accent);transform-origin:bottom;transition:transform .32s cubic-bezier(.45,0,.25,1);transition-delay:var(--verzug,0s);border-radius:2px;position:absolute;inset:0;transform:scaleY(0)}.nx-karte__kachel[data-aktiv=true]{background:#ffffff0d;border-color:#ffffff52;transition-delay:0s}.nx-karte__steg[data-aktiv=true]>.nx-karte__linie{background:#ffffff80}.nx-karte[data-licht=true] .nx-karte__steg[data-pfad=true]>.nx-karte__licht{transform:scaleY(1)}.nx-karte[data-licht=true] .nx-karte__kachel[data-pfad=true]{border-color:var(--accent);background:#ff550012}.nx-karte[data-licht=true] .nx-karte__leiste[data-pfad=true]{border-color:var(--accent)}.nx-karte[data-licht=true] .nx-karte__meldung{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.nx-karte__leiste,.nx-karte__meldung,.nx-karte__kachel,.nx-karte__linie,.nx-karte__licht{transition:none}}