.artikel-glas .artikel-text p.vergleich-vorspann{font-family: var(--f-serif);font-size: calc(var(--t-lead) * 1.3);font-weight: 400;line-height: 1.472;color: #ffffff}.vergleich-vorspann-zahl{font-size: 2em;line-height: 0.736}.kachel-echo h1.vergleich-titel{font-family: var(--f-serif);font-size: calc(var(--t-lead) * 1.3);font-weight: 400;line-height: 1.472;letter-spacing: normal;text-transform: none;color: #ffffff;box-sizing: border-box;width: 100%;max-width: var(--kachel-q-text);margin-inline: auto;text-align: start;text-wrap: wrap}.vergleich-titel-zahl{color: var(--c-gold-titel)}.artikel-glas .artikel-text ul.vergleich-prinzipien,.artikel-glas .artikel-text ul.vergleich-prinzipien ul{margin-block: var(--phi-2);margin-inline: auto;padding: 0;list-style: none;text-align: start}.artikel-glas .artikel-text ul.vergleich-prinzipien ul{margin-block: var(--phi-00) 0;padding-inline-start: var(--phi-2)}.artikel-glas .artikel-text ul.vergleich-prinzipien ul{font-size: 0.75em}.artikel-glas .artikel-text ul.vergleich-prinzipien ul > li{display: grid;grid-template-columns: 1.618em minmax(0,1fr)}.vergleich-verfahren-nr{font-variant-numeric: tabular-nums}.artikel-glas .artikel-text ul.vergleich-prinzipien > li + li{margin-block-start: var(--phi-1)}.artikel-glas .artikel-text ul.vergleich-prinzipien .vergleich-prinzip{display: block;font-size: var(--t-small);font-weight: 500;letter-spacing: var(--sperr-weit);text-transform: uppercase;color: var(--c-gold)}.artikel-glas .artikel-text ul.vergleich-pfad{position: relative;padding-inline-start: var(--phi-3)}.artikel-glas .artikel-text ul.vergleich-pfad ul{padding-inline-start: 0}.artikel-glas .artikel-text ul.vergleich-pfad > li{position: relative}.artikel-glas .artikel-text ul.vergleich-pfad > li + li{margin-block-start: var(--phi-2)}.artikel-glas .artikel-text ul.vergleich-pfad > li::before{content: '';position: absolute;left: calc(-1 * var(--phi-3));top: calc(0.809em - var(--phi-0) / 2);width: var(--phi-0);height: var(--phi-0);border-radius: 50%;background: var(--c-gold);box-shadow: 0 0 0 var(--phi-000) var(--c-gold-linie);font-size: var(--t-lesetext)}.artikel-glas .artikel-text ul.vergleich-pfad > li:not(:last-child)::after{content: '';position: absolute;left: calc(-1 * var(--phi-3) + var(--phi-0) / 2 - var(--linie) / 2);top: calc(0.809em + var(--phi-0) / 2 + var(--phi-000));bottom: calc(-1 * var(--phi-2) - 0.809em + var(--phi-0) / 2 + var(--phi-000));width: var(--linie);background: var(--c-gold-linie);font-size: var(--t-lesetext)}.artikel-glas .artikel-text ul.vergleich-pfad .vergleich-prinzip{font-size: var(--t-lesetext);font-weight: 500;line-height: 1.618;letter-spacing: normal;text-transform: none;color: var(--c-kachel-ink)}.vergleich-pfad-nr{display: inline-block;min-width: var(--phi-2);margin-inline-end: var(--phi-0);font-family: var(--f-sans);font-size: var(--t-fine);font-weight: 300;letter-spacing: var(--sperr-eng);color: var(--c-gold)}.artikel-glas .artikel-text ul.vergleich-pfad .vergleich-pfad-nr{box-sizing: border-box;width: calc(var(--phi-2) + var(--phi-0));min-width: 0;margin-inline-end: 0}.artikel-glas .artikel-text ul.vergleich-pfad .vergleich-prinzip,.artikel-glas .artikel-text ul.vergleich-pfad ul > li{display: grid;grid-template-columns: calc(var(--phi-2) + var(--phi-0)) minmax(0,1fr);align-items: baseline}@media (max-width: 22.5rem){.artikel-glas .artikel-text ul.vergleich-pfad .vergleich-prinzip{font-size: calc(var(--t-lesetext) * 0.854)}}@media (max-width: 29.03rem){.artikel-glas .artikel-text ul.vergleich-pfad{padding-inline-start: var(--phi-2)}.artikel-glas .artikel-text ul.vergleich-pfad > li::before{left: calc(-1 * var(--phi-2))}.artikel-glas .artikel-text ul.vergleich-pfad > li:not(:last-child)::after{left: calc(-1 * var(--phi-2) + var(--phi-0) / 2 - var(--linie) / 2)}}.artikel-glas .artikel-text p.vergleich-nr{margin: var(--phi-5) auto var(--phi-00);font-size: var(--t-fine);font-weight: 500;letter-spacing: var(--sperr-weit);text-transform: uppercase;color: var(--c-gold)}.artikel-glas .artikel-panel .artikel-text > p.vergleich-nr + h2{margin-top: 0}.artikel-glas .artikel-panel .artikel-text > p.vergleich-nr + h2{padding-block-end: var(--phi-0);border-block-end: var(--linie) solid var(--c-gold-linie);font-weight: 600}.artikel-glas .artikel-text p.vergleich-kern{font-family: var(--f-serif);font-size: var(--t-lead);font-weight: 500;line-height: 1.382;color: #ffffff}.artikel-glas .artikel-text p.vergleich-fazit{font-weight: 600;padding-block: var(--phi-1);border-block: var(--linie) solid var(--c-gold)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > figure.vergleich-schau{box-sizing: border-box;width: 100%;max-width: 100%;margin: 0}@media (max-width: 40rem){.vergleich-techniken > .vergleich-kachel-inhalt{padding-inline: 0}}.artikel-glas .artikel-text ul.vergleich-legende{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--phi-00) var(--phi-1);max-width: none;margin: var(--phi-2) 0 0;padding: var(--phi-0) 0;border-top: var(--linie) solid var(--c-kachel-line);border-bottom: var(--linie) solid var(--c-kachel-line);list-style: none}.artikel-glas .artikel-text ul.vergleich-legende li{display: flex;align-items: center;gap: var(--phi-00);min-width: 0;margin: 0;padding: 0;font-size: var(--t-boden);line-height: 1.236;text-align: left;color: var(--c-kachel-ink)}.artikel-glas .artikel-text ul.vergleich-legende li:last-child{grid-column: 1 / -1}.artikel-glas .artikel-text ul.vergleich-legende li::before,.artikel-glas .artikel-text ul.vergleich-legende li::marker{content: none}.vergleich-legende svg{flex: 0 0 auto;width: var(--phi-2);height: var(--phi-2)}@media (min-width: 42.36rem){.artikel-glas .artikel-text ul.vergleich-legende{grid-template-columns: repeat(5,minmax(0,auto));justify-content: space-between;gap: var(--phi-0);padding: var(--phi-1) var(--phi-0)}.artikel-glas .artikel-text ul.vergleich-legende li{flex-direction: column;font-size: max(var(--t-fine),var(--t-boden));text-align: center}.artikel-glas .artikel-text ul.vergleich-legende li:last-child{grid-column: auto}}.vergleich-buehne.ist-gebaut .vergleich-legende{grid-area: 3 / 1}@media (min-width: 42.36rem){.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut ul.vergleich-legende{grid-area: 1 / 1;justify-self: end;align-self: start;position: relative;z-index: 1;display: flex;flex-direction: column;gap: var(--phi-000);margin: calc(var(--linie) + var(--phi-1)) calc(var(--linie) + var(--phi-1)) 0 0;padding: 0;border: 0;pointer-events: none}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut ul.vergleich-legende li{flex-direction: row;gap: var(--phi-00);font-size: var(--t-boden);line-height: 1.236;text-align: left;white-space: nowrap}.vergleich-buehne.ist-gebaut .vergleich-legende svg{width: var(--phi-1);height: var(--phi-1)}}.vergleich-buehne.ist-gebaut .vergleich-akt .vergleich-flaeche{grid-template-rows: minmax(0,1fr) auto auto}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-flaeche > ul.vergleich-legende{grid-area: 2 / 1 / 3 / -1;justify-self: stretch;align-self: center;z-index: auto;display: flex;flex-flow: row wrap;justify-content: center;gap: var(--phi-000) var(--phi-1);margin: var(--phi-1) 0 0;padding: 0;border: 0;pointer-events: none}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-flaeche > ul.vergleich-legende li{flex-direction: row;gap: var(--phi-000);font-size: calc(var(--t-boden) * 0.8);line-height: 1.236;text-align: left;white-space: nowrap}.vergleich-buehne.ist-gebaut .vergleich-flaeche > .vergleich-legende svg{width: 0.8rem;height: 0.8rem}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-flaeche > ul.vergleich-legende + p.vergleich-technik{grid-row: 3;margin-top: var(--phi-1)}.vergleich-buehne.ist-gebaut .vergleich-akt .vergleich-flaeche{border-color: transparent}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p.vergleich-stoff-gewaehlt{margin-bottom: 0}.vergleich-buehne{display: grid;grid-template-columns: minmax(0,1fr)}.vergleich-wahl{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));grid-auto-rows: 1fr;gap: var(--phi-0);margin-bottom: 0}.vergleich-wahl[hidden]{display: none}.vergleich-wahl-knopf{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--phi-00);min-width: 0;min-height: max(2.75rem,calc(2 * (2 * var(--phi-0) + var(--phi-00) + 0.49 * var(--t-lead) + 0.7 * var(--t-fine))));margin: 0;padding: var(--phi-0) var(--phi-000);border: var(--linie) solid transparent;border-radius: 0;background-color: var(--knopf-hauch);font-family: var(--f-sans);color: var(--c-kachel-ink-soft);cursor: pointer;transition: background-color var(--zeit-kurz) ease,color var(--zeit-kurz) ease}.vergleich-wahl-knopf[aria-pressed="true"]{background: var(--c-gold);color: var(--c-kachel-bg-solid)}.vergleich-wahl-knopf[aria-pressed="true"] .vergleich-wahl-buchstabe{color: var(--c-kachel-bg-solid)}.vergleich-wahl-knopf .vergleich-wahl-buchstabe,.vergleich-wahl-knopf .vergleich-wahl-name{font-weight: 200}.vergleich-wahl-knopf[aria-pressed="true"] .vergleich-wahl-buchstabe,.vergleich-wahl-knopf[aria-pressed="true"] .vergleich-wahl-name{font-weight: 400}.vergleich-wahl-knopf .vergleich-wahl-name{font-weight: 400}.vergleich-wahl-knopf[aria-pressed="true"] .vergleich-wahl-name{font-weight: 800}.vergleich-wahl-knopf:focus-visible{outline: var(--linie-fokus) solid var(--c-kachel-focus);outline-offset: var(--phi-n1)}@media (hover: hover){.vergleich-wahl-knopf:not([aria-pressed="true"]):hover{background-color: var(--knopf-hauch-ueber)}}.vergleich-wahl-buchstabe{font-family: var(--f-sans);font-size: calc(var(--t-lead) * 0.7);font-weight: 400;line-height: 1;color: var(--c-gold)}@supports (text-box: trim-both cap alphabetic){.vergleich-wahl-buchstabe,.vergleich-wahl-name{text-box: trim-both cap alphabetic}}.vergleich-wahl-name{display: block;max-width: 100%;font-size: var(--t-fine);font-weight: 500;line-height: 1.236;letter-spacing: var(--sperr-mittel);text-transform: uppercase;-webkit-hyphens: manual;hyphens: manual;overflow-wrap: break-word}@supports (font-size: 1cqi){.vergleich-wahl{container-type: inline-size}.vergleich-wahl-feld{--wahl-innen: calc(50cqi - var(--phi-0) * 0.5 - 0.6rem)}.vergleich-wahl-name{--wahl-sperr: clamp(0.0618em,calc((var(--wahl-innen) * 0.97 - 9.04 * var(--t-boden)) / 13),var(--sperr-mittel));font-size: max(var(--t-boden),min(var(--t-fine),calc(var(--wahl-innen) * 0.082)));letter-spacing: var(--wahl-sperr);margin-right: calc(var(--wahl-sperr) * -1)}}.vergleich-akt + .vergleich-akt{margin-top: var(--phi-2)}.vergleich-akt[hidden]{display: none}.vergleich-buehne.ist-gebaut .vergleich-wahl{grid-area: 2 / 1}.vergleich-buehne.ist-gebaut .vergleich-wahl{margin-top: var(--phi-0)}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-schema p.vergleich-stoff-zulauf{display: none}.vergleich-buehne.ist-gebaut .vergleich-akt{grid-area: 1 / 1;display: grid;grid-template-columns: minmax(0,1fr);margin-top: 0}.vergleich-buehne.ist-gebaut .vergleich-akt[hidden]{display: grid;visibility: hidden}.vergleich-buehne.ist-gebaut .vergleich-flaeche{align-self: stretch;justify-self: stretch}.vergleich-buehne.ist-gebaut .vergleich-akt[hidden] *{animation: none}.vergleich-flaeche{--flaeche-pad: 0rem;--flaeche-rand: 0rem;display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: auto auto 1fr auto;gap: var(--phi-2);align-items: center;padding: var(--phi-1) 0 var(--phi-2)}.vergleich-seite{display: flex;flex-direction: column;align-items: flex-start;align-self: start;min-width: 0}.artikel-glas .artikel-text .vergleich-seite p.vergleich-prinzip-nr{max-width: none;margin: 0;font-size: var(--t-boden);font-weight: 500;letter-spacing: var(--sperr-weit);text-transform: uppercase;color: var(--c-kachel-ink-soft)}.artikel-glas .artikel-text .vergleich-seite p.vergleich-name{max-width: none;margin: var(--phi-000) 0 var(--phi-1);font-size: var(--t-small);font-weight: 500;-webkit-hyphens: manual;hyphens: manual;letter-spacing: var(--sperr-mittel);text-transform: uppercase;color: #ffffff}.artikel-glas .artikel-text ol.vergleich-schritte{display: grid;gap: var(--phi-1);max-width: none;margin: 0;padding: 0;list-style: none}.artikel-glas .artikel-text ol.vergleich-schritte li.vergleich-schritt{display: grid;grid-template-columns: var(--phi-2) minmax(0,1fr);margin: 0;padding: 0;font-size: var(--t-lesetext);line-height: 1.618;text-align: left;-webkit-hyphens: manual;hyphens: manual;color: var(--c-kachel-ink)}.artikel-glas .artikel-text ol.vergleich-schritte li.vergleich-schritt::before,.artikel-glas .artikel-text ol.vergleich-schritte li.vergleich-schritt::marker{content: none}.vergleich-schritt-nr{color: var(--c-gold)}.vergleich-schritt-wort{display: block;font-size: var(--t-fine);font-weight: 500;letter-spacing: var(--sperr-weit);text-transform: uppercase;color: var(--c-kachel-ink-soft)}@media (min-width: 42.36rem){.vergleich-wahl{grid-template-columns: repeat(4,minmax(0,1fr))}@supports (font-size: 1cqi){.vergleich-wahl-feld{--wahl-innen: calc(25cqi - var(--phi-0) * 0.75 - 0.6rem)}}.vergleich-flaeche{--flaeche-pad: var(--phi-2);--flaeche-rand: var(--linie);padding: var(--flaeche-pad);border: var(--flaeche-rand) solid var(--c-kachel-line)}}.artikel-glas .artikel-text ul.vergleich-stoffe{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));grid-template-rows: repeat(10,auto);grid-auto-flow: column;gap: var(--phi-00);max-width: none;margin: 0 0 var(--phi-00);padding: 0;list-style: none}.artikel-glas .artikel-text ul.vergleich-stoffe[hidden]{display: none}.artikel-glas .artikel-text ul.vergleich-stoffe li{display: flex;margin: 0;padding: 0}.artikel-glas .artikel-text ul.vergleich-stoffe li::before,.artikel-glas .artikel-text ul.vergleich-stoffe li::marker{content: none}.vergleich-stoff{flex: 1 1 auto;min-width: 0;min-height: 2.75rem;margin: 0;padding: var(--phi-00) var(--phi-0);border: var(--linie) solid transparent;border-radius: 0;background-color: var(--knopf-hauch);font-family: var(--f-sans);font-size: max(calc(var(--t-fine) * 0.854),var(--t-boden));font-weight: 400;line-height: 1.236;letter-spacing: 0;text-align: left;-webkit-hyphens: manual;hyphens: manual;overflow-wrap: anywhere;color: var(--c-kachel-ink-soft);cursor: pointer;transition: background-color var(--zeit-kurz) ease,color var(--zeit-kurz) ease}.vergleich-stoff[aria-pressed="true"]{background: var(--vgl-stoff);font-weight: 600;color: var(--c-kachel-bg-solid)}.vergleich-stoff:focus-visible{outline: var(--linie-fokus) solid var(--c-kachel-focus);outline-offset: var(--phi-n1)}@media (hover: hover){.vergleich-stoff:not([aria-pressed="true"]):hover{background-color: var(--knopf-hauch-ueber)}}@media (max-width: 22.5rem){.artikel-glas .artikel-text ul.vergleich-stoffe{grid-template-columns: repeat(2,minmax(0,1fr));grid-template-rows: repeat(15,auto)}}@media (min-width: 42.36rem){.artikel-glas .artikel-text ul.vergleich-stoffe{grid-template-columns: repeat(5,minmax(0,1fr));grid-template-rows: repeat(6,auto)}.artikel-glas .artikel-text ul.vergleich-stoffe li{aspect-ratio: 2.618 / 1}}@media (min-width: 61.8rem){.artikel-glas .artikel-text ul.vergleich-stoffe{grid-template-columns: repeat(6,minmax(0,1fr));grid-template-rows: repeat(5,auto)}}.vergleich-ansage{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.vergleich-wahl-feld{display: flex;flex-direction: column;min-width: 0}.vergleich-wahl-feld > .vergleich-wahl-knopf{flex: 0 0 auto}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-wert{flex: 1 1 auto;padding: var(--phi-1) 0;border: var(--linie) solid var(--c-kachel-line);border-top: 0;transition: border-color var(--zeit-kurz) ease}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-wert.ist-gewaehlt{border-color: var(--c-gold)}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-wert{display: flex;flex-direction: column;align-items: center;justify-content: flex-start;gap: var(--phi-00);min-width: 0;max-width: none;margin: 0;font-size: var(--t-boden);font-weight: 400;line-height: 1.236;font-variant-numeric: tabular-nums;text-align: center;color: var(--c-kachel-ink-soft)}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-wert{align-items: stretch;gap: 0}.vergleich-wahl-wert .vergleich-wert-zeile{display: flex;flex-direction: column;align-items: center;gap: var(--phi-000)}.vergleich-wahl-wert .vergleich-wert-zeile + .vergleich-wert-zeile{margin-top: var(--phi-0);padding-top: var(--phi-0);border-top: var(--linie) solid var(--c-kachel-line)}.vergleich-wahl-wert .vergleich-wert-zeile:only-child::before{content: "";display: block;height: calc(var(--t-boden) * 0.854 * 1.236)}.vergleich-wert-mass{display: block;white-space: nowrap}.vergleich-wert-wort{margin-right: var(--phi-000)}.vergleich-wert-zahl{font-size: var(--t-body);font-weight: 500;line-height: 1.236;color: var(--c-kachel-ink);transition: color var(--zeit-kurz) ease}@supports (font-size: 1cqi){.vergleich-wahl-wert .vergleich-wert-zahl{font-size: max(var(--t-fine),min(var(--t-body),calc((var(--wahl-innen) - 2.9rem) / 4.8)))}}.vergleich-wahl-wert.ist-gewaehlt .vergleich-wert-zahl,.vergleich-wahl-wert .vergleich-wert-zahl.vergleich-wert-best,.vergleich-wahl-wert .vergleich-wert-zahl.vergleich-wert-orange,.vergleich-wahl-wert .vergleich-wert-zahl.vergleich-wert-rot{color: var(--c-kachel-ink)}.vergleich-wert-zeile{display: block;white-space: nowrap}.vergleich-wert-verfahren{font-weight: 400;color: var(--c-kachel-ink-soft)}.vergleich-wahl-wert .vergleich-wert-verfahren{display: block;font-size: calc(var(--t-boden) * 0.854);line-height: 1.236;letter-spacing: var(--sperr-mittel);text-transform: uppercase}.vergleich-wahl-feld{--wahl-schrift: var(--t-fine);--wahl-sperr: var(--sperr-mittel)}@supports (font-size: 1cqi){.vergleich-wahl-feld{--wahl-schrift: max(var(--t-boden),min(var(--t-fine),calc(var(--wahl-innen) * 0.082)));--wahl-sperr: clamp(0.0618em,calc((var(--wahl-innen) * 0.97 - 9.04 * var(--t-boden)) / 13),var(--sperr-mittel))}}.vergleich-wahl .vergleich-wahl-knopf{min-height: 2.75rem;padding: var(--phi-1) var(--phi-000)}.vergleich-wahl .vergleich-wahl-knopf .vergleich-wahl-name,.vergleich-wahl .vergleich-wahl-knopf[aria-pressed="true"] .vergleich-wahl-name{font-size: var(--wahl-schrift);line-height: 1.236}.vergleich-wahl .vergleich-wahl-knopf .vergleich-wahl-name{font-weight: 400}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-wert{padding: var(--phi-1) 0;font-size: var(--wahl-schrift);font-weight: 400;line-height: 1.236}.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-zahl,.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-wort,.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-verfahren{font-size: 1em;font-weight: 400;line-height: 1.236}.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-verfahren{letter-spacing: var(--wahl-sperr)}.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-verfahren{white-space: normal}@media (max-width: 22.5rem){.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-verfahren{letter-spacing: 0}}.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-zeile + .vergleich-wert-zeile{margin-top: var(--phi-1);padding-top: var(--phi-1)}.vergleich-wahl .vergleich-wahl-wert .vergleich-wert-zeile:only-child::before{height: 1.236em}.vergleich-schema{display: flex;flex-direction: column;justify-content: flex-start;align-self: stretch;min-width: 0}.artikel-glas .artikel-text p.vergleich-stoff-gewaehlt,.artikel-glas .artikel-text .vergleich-schema p.vergleich-stoff-zulauf,.artikel-glas .artikel-text .vergleich-flaeche p.vergleich-technik{box-sizing: border-box;width: 100%;max-width: none;margin: 0;padding: var(--phi-00) var(--phi-0);border: var(--linie) solid var(--c-gold);background: transparent;font-size: var(--t-small);font-weight: 600;line-height: 1.236;letter-spacing: var(--sperr-eng);text-transform: uppercase;text-align: center;font-variant-numeric: tabular-nums;-webkit-hyphens: manual;hyphens: manual;color: #ffffff}.artikel-glas .artikel-text .vergleich-schema p.vergleich-stoff-zulauf{margin-bottom: var(--phi-0)}.vergleich-schema .vergleich-bild{margin-bottom: var(--phi-0)}.vergleich-schema{display: contents}.artikel-glas .artikel-text .vergleich-schema p.vergleich-stoff-zulauf{grid-column: 1 / -1;width: auto;align-self: stretch}.artikel-glas .artikel-text .vergleich-schema p.vergleich-stoff-zulauf{grid-row: 1;margin: calc(-1 * (var(--flaeche-pad) + var(--flaeche-rand)));margin-bottom: 0}.vergleich-schema .vergleich-bild{grid-column: 1;grid-row: 2;align-self: start;margin: 0}.vergleich-flaeche .vergleich-seite{grid-row: 3}.vergleich-buehne.ist-gebaut .vergleich-flaeche{grid-template-rows: minmax(0,1fr);gap: 0;padding-block: var(--phi-2)}.vergleich-buehne.ist-gebaut .vergleich-schema .vergleich-bild{grid-row: 1;align-self: center;justify-self: center}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-seite{display: none}.artikel-glas .artikel-text p.vergleich-stoff-gewaehlt{margin-bottom: var(--phi-3);border-color: var(--vgl-stoff);background-color: var(--vgl-stoff);color: var(--c-kachel-bg-solid)}.artikel-glas .artikel-text p.vergleich-stoff-gewaehlt[hidden]{display: none}.artikel-glas .artikel-text .vergleich-flaeche p.vergleich-technik{display: none}.vergleich-buehne.ist-gebaut .vergleich-flaeche{--flaeche-block: var(--phi-2);grid-template-rows: minmax(0,1fr) auto;padding-block: var(--flaeche-block)}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-flaeche p.vergleich-technik{display: block;grid-column: 1 / -1;grid-row: 2;width: auto;align-self: end;margin: var(--flaeche-block) calc(-1 * (var(--flaeche-pad) + var(--flaeche-rand))) calc(-1 * (var(--flaeche-block) + var(--flaeche-rand)))}@media (min-width: 42.36rem){.vergleich-buehne.ist-gebaut .vergleich-flaeche{--flaeche-block: var(--phi-3)}.vergleich-schema .vergleich-bild{width: 61.8%;justify-self: center}}.vergleich-buehne.ist-gebaut .vergleich-schema .vergleich-bild{width: min(100%,max(18.75rem,calc((100svh - var(--phi-6) - var(--phi-5)) * 300 / 352)))}@media (min-width: 42.36rem){.vergleich-buehne.ist-gebaut .vergleich-schema .vergleich-bild{width: min(61.8%,max(18.75rem,calc((100svh - var(--phi-6) - var(--phi-5) - var(--phi-4)) * 300 / 352)))}}.vergleich-stoff-wert .vergleich-wert-verfahren{color: #ffffff}.vergleich-stoff-wert .vergleich-wert-zeile{font-size: 0.854em;letter-spacing: 0;text-transform: none}.vergleich-bild{display: block;width: 100%;height: auto;aspect-ratio: 300 / 352;overflow: visible;--dx: 0px;--dy: 0px;--blass: 0.382}.vergleich-glas,.vergleich-kolben{fill: none;stroke: #d9e2ea;stroke-width: 1.6;stroke-linejoin: round;stroke-linecap: round}.vergleich-glas-licht{fill: none;stroke: rgba(238,243,247,0.236);stroke-width: 1.2;stroke-linecap: round}.vergleich-glaswasser{fill: rgba(238,243,247,0.146)}.vergleich-meniskus,.vergleich-spiegel{fill: rgba(238,243,247,0.146);stroke: rgba(238,243,247,0.382);stroke-width: 0.8}.vergleich-rohr{fill: none;stroke: rgba(217,226,234,0.764);stroke-width: 1.3;stroke-linejoin: round}.vergleich-fluss{fill: none;stroke: rgba(217,226,234,0.764);stroke-width: 1.3;stroke-linecap: round;stroke-linejoin: round}.vergleich-salz{fill: #d98a6c}.vergleich-tausch{fill: #5cc7c0}.vergleich-organik{fill: #e39bbd}.vergleich-keim{fill: #b5d67a}.vergleich-keim-tot{fill: none;stroke: var(--c-gold);stroke-width: 1.8;stroke-linecap: round}.vergleich-geraet{fill: rgba(238,243,247,0.0382);stroke: #d9e2ea;stroke-width: 1.6}.vergleich-korn{fill: rgba(217,226,234,0.146);stroke: rgba(217,226,234,0.382);stroke-width: 0.8}.vergleich-vlies,.vergleich-membran{fill: none;stroke: rgba(217,226,234,0.764);stroke-width: 1.1}.vergleich-vlies{stroke-dasharray: 3 3}.vergleich-membran{stroke-dasharray: 1.5 1.5}.vergleich-harz{fill: rgba(217,226,234,0.0902);stroke: rgba(217,226,234,0.618);stroke-width: 0.9}.vergleich-quarz{fill: rgba(185,179,255,0.0902);stroke: rgba(217,226,234,0.618);stroke-width: 1}.vergleich-lampe{fill: #b9b3ff}.vergleich-strahl{fill: none;stroke: #b9b3ff;stroke-width: 1.3;stroke-linecap: round}.vergleich-blase{fill: none;stroke: rgba(238,243,247,0.618);stroke-width: 0.9}.vergleich-heizung{fill: rgba(201,163,95,0.382);stroke: var(--c-gold);stroke-width: 1.3}.vergleich-heizung-fuss{fill: none;stroke: var(--c-gold);stroke-width: 1.5;stroke-linecap: round}.vergleich-mantel{fill: rgba(120,170,210,0.146);stroke: #78aad2;stroke-width: 1.2;stroke-linejoin: round}.vergleich-kuehlung{fill: none;stroke: #78aad2;stroke-width: 1.3;stroke-linecap: round;stroke-linejoin: round}.vergleich-tropfen{fill: rgba(238,243,247,0.618);stroke: #d9e2ea;stroke-width: 1}.vergleich-schild{font-family: var(--f-sans);font-size: 12px;font-weight: 400;letter-spacing: 0;fill: #eef3f7}.vergleich-schild-mitte{text-anchor: middle}.vergleich-schild-ende{text-anchor: end}.vergleich-schild-schmal{display: none}@media (max-width: 40rem){.vergleich-schild{font-size: 15.3px}.vergleich-mini-bild .vergleich-schild{font-size: 12px}.vergleich-schild-breit{display: none}.vergleich-schild-schmal{display: inline}}.vergleich-schild-schirm,.vergleich-ergebnis{display: none}.vergleich-ergebnis-verfahren,.vergleich-ergebnis-wert{font-family: var(--f-sans);font-size: 12px;font-weight: 400;letter-spacing: 0;font-variant-numeric: tabular-nums;fill: #eef3f7}.vergleich-ergebnis-zahl,.vergleich-ergebnis-zahl.vergleich-wert-best,.vergleich-ergebnis-zahl.vergleich-wert-orange,.vergleich-ergebnis-zahl.vergleich-wert-rot{fill: #eef3f7}@media (min-width: 42.36rem){.vergleich-schild-telefon{display: none}.vergleich-schild-schirm{display: inline}.vergleich-buehne.ist-gebaut .vergleich-ergebnis{display: inline}.vergleich-buehne.ist-gebaut .vergleich-akt[data-akt="d"] .vergleich-zug{transform: translate(-45px,0px)}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-flaeche p.vergleich-technik{background: var(--c-gold);letter-spacing: var(--sperr-mittel);color: var(--c-kachel-bg-solid)}}.vergleich-schau{position: relative}.vergleich-pfeile{display: none;position: absolute;top: 0;left: 0;overflow: visible;pointer-events: none}@media (min-width: 42.36rem){.vergleich-pfeile{display: block}}.vergleich-pfeil-linie{fill: none;stroke: var(--c-gold);stroke-width: var(--linie);stroke-linejoin: miter;stroke-linecap: square}.vergleich-pfeil-spitze{fill: var(--c-gold);stroke: none}.vergleich-pfeile{--vgl-pfeil-technik: var(--c-gold)}.vergleich-pfeile[data-akt="a"]{--vgl-pfeil-technik: var(--vgl-filter)}.vergleich-pfeile[data-akt="b"]{--vgl-pfeil-technik: var(--vgl-ionen)}.vergleich-pfeile[data-akt="c"]{--vgl-pfeil-technik: var(--vgl-licht)}.vergleich-pfeile[data-akt="d"]{--vgl-pfeil-technik: var(--vgl-destillation)}.vergleich-pfeile .vergleich-pfeil-linie{stroke-width: calc(2 * var(--linie))}.vergleich-pfeile .vergleich-pfeil-linie.vergleich-pfeil-stoff{stroke: var(--vgl-stoff)}.vergleich-pfeile .vergleich-pfeil-spitze.vergleich-pfeil-stoff{fill: var(--vgl-stoff)}.vergleich-pfeile .vergleich-pfeil-linie.vergleich-pfeil-technik{stroke: var(--vgl-pfeil-technik)}.vergleich-pfeile .vergleich-pfeil-spitze.vergleich-pfeil-technik{fill: var(--vgl-pfeil-technik)}@media print{.vergleich-pfeile{display: none}}.vergleich-technik:focus{outline: none}.vergleich-technik:focus-visible{outline: var(--linie-fokus) solid var(--c-kachel-focus);outline-offset: var(--phi-n1)}.vergleich-welle{fill: none;stroke: rgba(238,243,247,0.618);stroke-width: 0.8;opacity: 0}.vergleich-blasen,.vergleich-dampf,.vergleich-tropfen,.vergleich-fuellung,.vergleich-spiegel,.vergleich-neu,.vergleich-wellenzug,.vergleich-welle,.vergleich-glut,.vergleich-strom,.vergleich-fluss,.vergleich-durch,.vergleich-halt,.vergleich-frei{transform-box: fill-box}.vergleich-fuellung{transform-origin: 50% 100%}.vergleich-tropfen{transform-origin: 50% 0}.vergleich-welle{transform-origin: 50% 50%}.vergleich-dampf{transform-origin: 50% 50%;opacity: 0.764}.vergleich-dampf-2{transform: translate(0px,-70px)}.vergleich-dampf-3{transform: translate(60px,-57px)}.vergleich-halt{transform: translate(var(--dx),var(--dy));opacity: var(--blass)}.vergleich-durch,.vergleich-frei{opacity: 0}.vergleich-ort-a1{--dx: -18px;--dy: 34px}.vergleich-ort-a2{--dx: 16px;--dy: 46px}.vergleich-ort-a3{--dx: -22px;--dy: 76px}.vergleich-ort-a4{--dx: 4px;--dy: 76px}.vergleich-ort-a5{--dx: 24px;--dy: 75px}.vergleich-ort-a6{--dx: -8px}.vergleich-ort-a7{--dx: 10px}.vergleich-ort-b1{--dx: -17.5px;--dy: 37.5px;--blass: 1}.vergleich-ort-b2{--dx: 6.5px;--dy: 37.5px;--blass: 1}.vergleich-ort-b3{--dx: -5.5px;--dy: 52.5px;--blass: 1}.vergleich-ort-b4{--dx: 7px;--dy: 60px}.vergleich-ort-b5{--dx: -17px;--dy: 60px}.vergleich-ort-b6{--dx: -5px;--dy: 45px}.vergleich-ort-b7{--dx: 12px}.vergleich-ort-b8{--dx: -12px}.vergleich-ort-c1{--dx: -22px}.vergleich-ort-c2{--dx: 28px}.vergleich-ort-c3{--dx: -30px}.vergleich-ort-c4{--dx: 22px}.vergleich-ort-c5{--dx: -28px}.vergleich-ort-c6{--dx: 30px}.vergleich-buehne.ist-bewegt .vergleich-durch{animation: vergleich-durch 7s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-halt{animation: vergleich-halt 7s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-frei{animation: vergleich-frei 7s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-treffer{animation: vergleich-treffer 7s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-takt-2{animation-delay: -1.75s}.vergleich-buehne.ist-bewegt .vergleich-takt-3{animation-delay: -3.5s}.vergleich-buehne.ist-bewegt .vergleich-takt-4{animation-delay: -5.25s}.vergleich-buehne.ist-bewegt .vergleich-blasen{animation: vergleich-blasen 2s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-blasen-b{animation-delay: -1s}.vergleich-buehne.ist-bewegt .vergleich-dampf{animation: vergleich-dampf 7s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-dampf-2{animation-delay: -2.333s}.vergleich-buehne.ist-bewegt .vergleich-dampf-3{animation-delay: -4.667s}.vergleich-buehne.ist-bewegt .vergleich-tropfen{animation: vergleich-tropfen 2s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-fuellung{animation: vergleich-fuellung 14s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-spiegel{animation: vergleich-spiegel 14s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-neu{animation: vergleich-neu 14s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-wellenzug{animation: vergleich-spiegel 14s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-welle{animation: vergleich-welle 2s cubic-bezier(0.22,0.61,0.36,1) -0.16s infinite}.vergleich-buehne.ist-bewegt .vergleich-glut{animation: vergleich-glut 3.5s ease-in-out infinite}.vergleich-buehne.ist-bewegt .vergleich-strom{animation: vergleich-strom 3.5s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-fluss{animation: vergleich-fluss 2s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-schritt{animation: vergleich-schritt 14s linear infinite}.vergleich-buehne.ist-bewegt .vergleich-schritt-2{animation-delay: -10.5s}.vergleich-buehne.ist-bewegt .vergleich-schritt-3{animation-delay: -7s}.vergleich-buehne.ist-bewegt .vergleich-schritt-4{animation-delay: -3.5s}.vergleich-buehne.ist-bewegt:not(.ist-laufend) .vergleich-flaeche *{animation-play-state: paused}.vergleich-buehne.vergleich-buehne.ist-bewegt .vergleich-flaeche .vergleich-bild{animation: vergleich-auftritt 0.618s cubic-bezier(0.22,0.61,0.36,1) 1;animation-play-state: running}@media (prefers-reduced-motion: reduce){.vergleich-buehne.vergleich-buehne.ist-bewegt .vergleich-flaeche *,.vergleich-buehne.vergleich-buehne.ist-bewegt .vergleich-flaeche .vergleich-bild{animation: none}}@keyframes vergleich-durch{0%{transform: translate(0px,0px);opacity: 0}6%{transform: translate(0px,6px);opacity: 1}20%{transform: translate(var(--dx),30px);opacity: 1}60%{transform: translate(var(--dx),92px);opacity: 1}70%{transform: translate(0px,108px);opacity: 1}78%{transform: translate(0px,116px);opacity: 1}100%{transform: translate(0px,160px);opacity: 0}}@keyframes vergleich-halt{0%{transform: translate(0px,0px);opacity: 0}6%{transform: translate(0px,6px);opacity: 1}18%{transform: translate(var(--dx),18px);opacity: 1;animation-timing-function: cubic-bezier(0.22,0.61,0.36,1)}40%{transform: translate(var(--dx),var(--dy));opacity: 1}55%{transform: translate(var(--dx),var(--dy));opacity: var(--blass)}92%{transform: translate(var(--dx),var(--dy));opacity: var(--blass)}100%{transform: translate(var(--dx),var(--dy));opacity: 0}}@keyframes vergleich-frei{0%{transform: translate(0px,0px);opacity: 0}45%{transform: translate(0px,0px);opacity: 0}52%{transform: translate(0px,0px);opacity: 1;animation-timing-function: cubic-bezier(0.45,0,0.55,1)}80%{transform: translate(var(--dx),var(--dy));opacity: 1}92%{transform: translate(var(--dx),calc(var(--dy) + 30px));opacity: 1}100%{transform: translate(var(--dx),calc(var(--dy) + 50px));opacity: 0}}@keyframes vergleich-treffer{0%{opacity: 0}30%{opacity: 0}42%{opacity: 1}100%{opacity: 1}}@keyframes vergleich-blasen{0%{transform: translate(0px,0px);opacity: 0}20%{opacity: 0.854}80%{opacity: 0.854}100%{transform: translate(0px,-16px);opacity: 0}}@keyframes vergleich-dampf{0%{transform: translate(0px,0px) scale(0.618);opacity: 0}10%{transform: translate(0px,-15px) scale(1);opacity: 0.764}45%{transform: translate(2px,-102px) scale(1);opacity: 0.764}85%{transform: translate(85px,-38px) scale(0.764);opacity: 0.618}100%{transform: translate(100px,-27px) scale(0.382);opacity: 0}}@keyframes vergleich-tropfen{0%{transform: translate(0px,0px) scale(0.382);opacity: 0;animation-timing-function: cubic-bezier(0.22,0.61,0.36,1)}12%{opacity: 1}40%{transform: translate(0px,0px) scale(1);opacity: 1;animation-timing-function: cubic-bezier(0.55,0,1,0.45)}88%{opacity: 1}100%{transform: translate(0px,60px) scale(1);opacity: 0}}@keyframes vergleich-welle{0%{transform: scale(0.146,0.382);opacity: 0}8%{opacity: 0.764}100%{transform: scale(1,1);opacity: 0}}@keyframes vergleich-auftritt{0%{transform: translate(0px,8px);opacity: 0}100%{transform: translate(0px,0px);opacity: 1}}@keyframes vergleich-fuellung{0%{transform: scale(1,0.0382);opacity: 0}3%{transform: scale(1,0.0382);opacity: 1}86%{transform: scale(1,1);opacity: 1}93%{transform: scale(1,1);opacity: 1}99%{transform: scale(1,1);opacity: 0}100%{transform: scale(1,0.0382);opacity: 0}}@keyframes vergleich-spiegel{0%{transform: translate(0px,48px);opacity: 0}3%{transform: translate(0px,48px);opacity: 1}86%{transform: translate(0px,0px);opacity: 1}93%{transform: translate(0px,0px);opacity: 1}99%{transform: translate(0px,0px);opacity: 0}100%{transform: translate(0px,48px);opacity: 0}}@keyframes vergleich-neu{0%{opacity: 0}35%{opacity: 0}80%{opacity: 1}93%{opacity: 1}100%{opacity: 0}}@keyframes vergleich-glut{0%{opacity: 0.618}50%{opacity: 1}100%{opacity: 0.618}}@keyframes vergleich-strom{0%{transform: translate(0px,0px);opacity: 0}20%{opacity: 1}80%{opacity: 1}100%{transform: translate(-24.2px,-17.7px);opacity: 0}}@keyframes vergleich-fluss{0%{transform: translate(0px,-6px);opacity: 0}30%{opacity: 1}70%{opacity: 1}100%{transform: translate(0px,8px);opacity: 0}}@keyframes vergleich-schritt{0%{opacity: 1}22%{opacity: 1}27%{opacity: 0.618}96%{opacity: 0.618}100%{opacity: 1}}.artikel-glas .artikel-text .vergleich-quellen .quellen-liste > li + li{margin-block-start: var(--phi-00)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > .tabelle-halter-breit{max-width: none;margin-block: 0}@media (max-width: 40rem){.artikel-glas .artikel-text .vergleich-kachel-inhalt > .tabelle-halter-breit.tmod-bereit{margin-block-start: calc(max(calc(var(--t-fine) * 0.8281),var(--t-boden)) * 1.236 + var(--phi-00) * 3 + var(--phi-1))}}.artikel-glas .artikel-panel.vergleich-reihe-feld{margin-top: var(--phi-3);padding: 0;background: none;border-top: 0;-webkit-backdrop-filter: none;backdrop-filter: none}@media screen and (scripting: enabled){.artikel-glas:not(:target) .artikel-panel.vergleich-reihe-feld:not(.ist-erschienen,:has(:target)){display: none}}@media screen{.artikel-glas .artikel-panel.vergleich-reihe-feld.ist-zugeklappt{display: none}}.vergleich-tor-kopf a.feder-weiter[aria-expanded="true"] .feder-pfeil{transform: rotate(180deg)}@media (prefers-reduced-motion: no-preference){.vergleich-tor-kopf a.feder-weiter .feder-pfeil{transition: transform 0.382s cubic-bezier(0.618,0,0.382,1)}}.vergleich-tor-kopf{cursor: pointer}@media (hover: hover){.vergleich-tor-kopf:hover .feder-weiter .feder-pfeil-licht stop:first-child{stop-color: #f8f2e2}.vergleich-tor-kopf:hover .feder-weiter .feder-pfeil-licht stop:last-child{stop-color: #ddc89c}}.artikel-glas .artikel-text > .vergleich-kacheln{display: grid;grid-template-columns: minmax(0,1fr);row-gap: var(--phi-1);width: 100%;margin: 0}.vergleich-kachel{position: relative;scroll-margin-top: calc(var(--nav-h) + var(--phi-2));background: var(--c-kachel-bg-solid);border-top: var(--linie) solid var(--c-gold-linie);color: var(--c-kachel-ink);transition: border-top-color var(--zeit-mittel) var(--kurve)}@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))){.vergleich-kachel{background: var(--c-kachel-bg);-webkit-backdrop-filter: blur(var(--phi-2));backdrop-filter: blur(var(--phi-2))}}.vergleich-kachel[open]:not([data-agb-zu]){background: var(--c-kachel-bg-solid);border-top-color: var(--c-gold);-webkit-backdrop-filter: none;backdrop-filter: none}@media (prefers-reduced-transparency: reduce),(prefers-reduced-motion: reduce){.vergleich-kachel{background: var(--c-kachel-bg-solid);-webkit-backdrop-filter: none;backdrop-filter: none}}.vergleich-kachel summary{display: grid;grid-template-columns: minmax(0,1fr);justify-items: center;padding: var(--phi-2) var(--kachel-pad-inline);text-align: center;cursor: pointer;list-style: none;transition: background-color var(--zeit-mittel) var(--kurve)}.vergleich-kachel summary::-webkit-details-marker{display: none}.vergleich-kachel-nr{display: none}.artikel-glas .artikel-panel .artikel-text h2.vergleich-kachel-titel{justify-self: stretch;margin: 0;padding: 0;border: 0;padding-inline-start: var(--sperr-eng);font-family: var(--f-sans);font-size: var(--t-small);font-weight: 300;line-height: 1.236;letter-spacing: var(--sperr-eng);text-transform: uppercase;text-align: center;text-wrap: balance;-webkit-hyphens: manual;hyphens: manual;overflow-wrap: anywhere;color: var(--c-kachel-ink);transition: color var(--zeit-mittel) var(--kurve)}@media (min-width: 29.03rem){.artikel-glas .artikel-panel .artikel-text h2.vergleich-kachel-titel{padding-inline-start: var(--sperr-weit);font-size: var(--t-body);letter-spacing: var(--sperr-weit)}}.vergleich-kachel-pfeil{order: -1;margin-block-end: var(--phi-0);inline-size: var(--phi-0);block-size: var(--phi-0);border-inline-end: var(--linie) solid var(--c-gold-titel);border-block-end: var(--linie) solid var(--c-gold-titel);transform: translateY(calc(-1 * var(--phi-000))) rotate(45deg);transition: transform var(--zeit-mittel) var(--kurve)}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-kachel-pfeil{transform: translateY(var(--phi-000)) rotate(225deg);transition-duration: var(--zeit-lang)}@media (hover: hover){.vergleich-kachel summary:hover{background-color: var(--c-kachel-bg-mittel)}.artikel-glas .artikel-panel .vergleich-kachel summary:hover h2.vergleich-kachel-titel{color: var(--c-gold-bright)}}.artikel-glas .artikel-panel .vergleich-kachel summary:focus-visible h2.vergleich-kachel-titel{color: var(--c-gold-bright)}.vergleich-kachel summary:focus-visible{outline: var(--linie-fokus) solid var(--c-kachel-focus);outline-offset: calc(-1 * var(--linie-fokus))}.vergleich-kachel-inhalt{padding: var(--phi-1) var(--kachel-pad-inline) var(--phi-3)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p{margin: 0 0 var(--phi-2)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p:last-child{margin-bottom: 0}@media (max-width: 40rem){.artikel-glas .artikel-text .vergleich-kachel-inhalt > p{margin-bottom: var(--phi-1)}}.artikel-panel.papier-dunkel .artikel-text .vergleich-kachel-inhalt > p:not([class]){color: var(--c-kachel-ink-soft)}.artikel-panel.papier-dunkel .artikel-text .vergleich-kachel-inhalt > p:is(.vergleich-kern,.vergleich-fazit){color: var(--c-kachel-ink)}.artikel-panel.papier-dunkel .artikel-text .vergleich-kachel-inhalt > p.vergleich-kachel-unter{font-weight: 400;line-height: 1.236;letter-spacing: var(--sperr-mittel);color: var(--c-kachel-ink)}@media (min-width: 29.03rem){.artikel-panel.papier-dunkel .artikel-text .vergleich-kachel-inhalt > p.vergleich-kachel-unter{letter-spacing: var(--sperr-weit)}}@supports (animation-timeline: view()) and (view-timeline-name: --parallax-kachel){@media (prefers-reduced-motion: no-preference){.vergleich-kachel{contain: paint;view-timeline-name: --parallax-kachel}.vergleich-kachel:not([open])::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: var(--parallax-licht);animation: parallax-licht var(--parallax-licht-kurve) both;animation-timeline: --parallax-kachel;animation-range: var(--parallax-strecke)}.vergleich-kachel summary > *{animation: parallax-tiefe linear both;animation-timeline: --parallax-kachel;animation-range: var(--parallax-strecke)}}@media (prefers-contrast: more){.vergleich-kachel::before{content: none}}}@media print{.vergleich-kachel,.vergleich-kachel[open]:not([data-agb-zu]){background: none;-webkit-backdrop-filter: none;backdrop-filter: none;contain: none}.vergleich-kachel::before,.vergleich-kachel-pfeil{display: none}.vergleich-kachel summary > *{animation: none}}.artikel-glas .artikel-text p.vergleich-kachel-unter{margin: 0 0 var(--phi-1);font-family: var(--f-sans);font-size: var(--t-fine);font-weight: 500;line-height: 1.618;letter-spacing: var(--sperr-weit);text-transform: uppercase;color: var(--c-gold)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p.vergleich-kachel-unter{margin-bottom: var(--phi-2)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p{margin-bottom: var(--phi-3);line-height: 1.618}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p.vergleich-kern{line-height: 1.472}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p.vergleich-fazit{padding: var(--phi-2) 0}@media (max-width: 40rem){.artikel-glas .artikel-text .vergleich-kachel-inhalt > p{margin-bottom: var(--phi-2)}}.artikel-glas .artikel-text figure.vergleich-mini{box-sizing: border-box;width: 100%;max-width: 34rem;margin: var(--phi-3) auto;padding: var(--phi-2) var(--phi-1) var(--phi-1);border: var(--linie) solid var(--c-kachel-line)}.vergleich-mini-bild{display: block;width: 100%;height: auto;aspect-ratio: 300 / 170;overflow: visible}.vergleich-mini-trenn{fill: none;stroke: rgba(217,226,234,0.236);stroke-width: 1}.vergleich-mini-boden{fill: none;stroke: rgba(217,226,234,0.382);stroke-width: 1}.vergleich-mini-dampfkreis{fill: rgba(255,255,255,0.45);opacity: 0}.vergleich-mini-glut{fill: rgba(201,163,95,0.3)}.vergleich-mini-gold{fill: var(--c-gold)}.vergleich-mini-mass{fill: none;stroke: var(--c-gold);stroke-width: 1.2}.vergleich-mini-skala{fill: none;stroke: rgba(217,226,234,0.618);stroke-width: 1.2;stroke-linecap: round}.vergleich-mini-zeiger{fill: none;stroke: #d9e2ea;stroke-width: 1.6;stroke-linecap: round}.vergleich-mini-nabe{fill: #d9e2ea}.vergleich-mini-saeule-uo{fill: rgba(217,226,234,0.146);stroke: rgba(217,226,234,0.618);stroke-width: 1.2}.vergleich-mini-saeule-d{fill: rgba(201,163,95,0.3);stroke: var(--c-gold);stroke-width: 1.2}.vergleich-mini-blass{opacity: 0.382}.vergleich-mini-halt,.vergleich-mini-durch,.vergleich-mini-frei,.vergleich-mini-wandern,.vergleich-mini-wuchs,.vergleich-mini-dampf,.vergleich-mini-hop,.vergleich-mini-lauf,.vergleich-mini-saeule,.vergleich-mini-zeiger{transform-box: fill-box}.vergleich-mini-saeule{transform-origin: 50% 100%}.vergleich-mini-zeiger{transform-origin: 100% 100%}.vergleich-mini-hop-2{--hx: 85px}@media (prefers-reduced-motion: no-preference){.vergleich-mini-halt{animation: vergleich-mini-halt 7s linear infinite}.vergleich-mini-durch{animation: vergleich-mini-durch 7s linear infinite}.vergleich-mini-frei{animation: vergleich-mini-frei 7s linear infinite}.vergleich-mini-wandern{animation: vergleich-mini-wandern 7s linear infinite}.vergleich-mini-wuchs{animation: vergleich-mini-wuchs 7s linear infinite}.vergleich-mini-kreuz{animation: vergleich-mini-kreuz 7s linear infinite}.vergleich-mini-puls{animation: vergleich-mini-puls 3.5s ease-in-out infinite}.vergleich-mini-dampf{animation: vergleich-mini-dampf 7s linear infinite}.vergleich-mini-hop{animation: vergleich-mini-hop 7s linear infinite}.vergleich-mini-lauf{animation: vergleich-mini-lauf 7s linear infinite}.vergleich-mini-saeule{animation: vergleich-mini-saeule 7s cubic-bezier(0.22,0.61,0.36,1) infinite}.vergleich-mini-zeiger{animation: vergleich-mini-zeiger 3.5s ease-in-out infinite}.vergleich-mini-t2{animation-delay: -1.75s}.vergleich-mini-t3{animation-delay: -3.5s}.vergleich-mini-t4{animation-delay: -5.25s}.vergleich-mini-hop-2{animation-delay: -3.5s}}@keyframes vergleich-mini-halt{0%{transform: translateY(-60px);opacity: 0}10%{opacity: 1;animation-timing-function: cubic-bezier(0.22,0.61,0.36,1)}55%{transform: translateY(0);opacity: 1}96%{transform: translateY(0);opacity: 1}100%{transform: translateY(0);opacity: 0}}@keyframes vergleich-mini-durch{0%{transform: translateY(-104px);opacity: 0}10%{opacity: 1}90%{opacity: 1}100%{transform: translateY(0);opacity: 0}}@keyframes vergleich-mini-frei{0%{transform: translateY(-52px);opacity: 0}18%{transform: translateY(-52px);opacity: 0}28%{opacity: 1;animation-timing-function: cubic-bezier(0.45,0,0.55,1)}72%{transform: translateY(0);opacity: 1}96%{transform: translateY(0);opacity: 1}100%{transform: translateY(0);opacity: 0}}@keyframes vergleich-mini-wandern{0%{transform: translateX(0);opacity: 0}8%{opacity: 1}92%{opacity: 1}100%{transform: translateX(104px);opacity: 0}}@keyframes vergleich-mini-wuchs{0%{opacity: 0}32%{opacity: 0}46%{opacity: 1}100%{opacity: 1}}@keyframes vergleich-mini-kreuz{0%{opacity: 0}38%{opacity: 0}48%{opacity: 1}100%{opacity: 1}}@keyframes vergleich-mini-puls{0%{opacity: 0.618}50%{opacity: 1}100%{opacity: 0.618}}@keyframes vergleich-mini-dampf{0%{transform: translate(0px,0px) scale(0.618);opacity: 0}12%{transform: translate(0px,-8px) scale(1);opacity: 0.7}85%{transform: translate(0px,-52px) scale(0.9);opacity: 0.55}100%{transform: translate(0px,-60px) scale(0.618);opacity: 0}}@keyframes vergleich-mini-hop{0%{transform: translate(0px,0px);opacity: 0}8%{transform: translate(0px,-10px);opacity: 0.75}22%{transform: translate(0px,-48px);opacity: 0.75}48%{transform: translate(var(--hx,98px),-48px);opacity: 0.75}60%{transform: translate(var(--hx,98px),-10px);opacity: 0.75}66%{transform: translate(var(--hx,98px),0px);opacity: 0}100%{transform: translate(var(--hx,98px),0px);opacity: 0}}@keyframes vergleich-mini-lauf{0%{transform: translate(0px,0px)}25%{transform: translate(76px,0px)}50%{transform: translate(76px,76px)}75%{transform: translate(0px,76px)}100%{transform: translate(0px,0px)}}@keyframes vergleich-mini-saeule{0%{transform: scaleY(0)}55%{transform: scaleY(1)}100%{transform: scaleY(1)}}@keyframes vergleich-mini-zeiger{0%{transform: rotate(0deg)}40%{transform: rotate(-4deg)}60%{transform: rotate(3deg)}100%{transform: rotate(0deg)}}.vergleich-kacheln,.artikel-glas .artikel-text ul.vergleich-pfad{--vgl-filter: #56ab6f;--vgl-ionen: #f2665f;--vgl-licht: #c08ee8;--vgl-destillation: var(--c-gold);--vgl-filter-hauch: rgba(86,171,111,0.146);--vgl-ionen-hauch: rgba(242,102,95,0.146);--vgl-licht-hauch: rgba(192,142,232,0.146);--vgl-destillation-hauch: rgba(201,163,95,0.146);--vgl-filter-linie: rgba(86,171,111,0.382);--vgl-ionen-linie: rgba(242,102,95,0.382);--vgl-licht-linie: rgba(192,142,232,0.382);--vgl-destillation-linie: rgba(201,163,95,0.382);--vgl-stoff: #cd6f2a}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-filter::before{background: var(--vgl-filter);box-shadow: 0 0 0 var(--phi-000) var(--vgl-filter-linie)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-ionen::before{background: var(--vgl-ionen);box-shadow: 0 0 0 var(--phi-000) var(--vgl-ionen-linie)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-licht::before{background: var(--vgl-licht);box-shadow: 0 0 0 var(--phi-000) var(--vgl-licht-linie)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-destillation::before{background: var(--vgl-destillation);box-shadow: 0 0 0 var(--phi-000) var(--vgl-destillation-linie)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-filter::after{background: var(--vgl-filter-linie)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-ionen::after{background: var(--vgl-ionen-linie)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-licht::after{background: var(--vgl-licht-linie)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-filter .vergleich-pfad-nr{color: var(--vgl-filter)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-ionen .vergleich-pfad-nr{color: var(--vgl-ionen)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-licht .vergleich-pfad-nr{color: var(--vgl-licht)}.artikel-glas .artikel-text ul.vergleich-pfad > li.vergleich-prinzip-destillation .vergleich-pfad-nr{color: var(--vgl-destillation)}.vergleich-wahl-feld[data-prinzip="filter"] .vergleich-wahl-knopf{background-color: var(--vgl-filter-hauch);color: var(--vgl-filter)}.vergleich-wahl-feld[data-prinzip="ionen"] .vergleich-wahl-knopf{background-color: var(--vgl-ionen-hauch);color: var(--vgl-ionen)}.vergleich-wahl-feld[data-prinzip="licht"] .vergleich-wahl-knopf{background-color: var(--vgl-licht-hauch);color: var(--vgl-licht)}.vergleich-wahl-feld[data-prinzip="destillation"] .vergleich-wahl-knopf{background-color: var(--vgl-destillation-hauch);color: var(--vgl-destillation)}.vergleich-wahl-feld[data-prinzip="filter"] .vergleich-wahl-knopf[aria-pressed="true"]{background: var(--vgl-filter);color: var(--c-kachel-bg-solid)}.vergleich-wahl-feld[data-prinzip="ionen"] .vergleich-wahl-knopf[aria-pressed="true"]{background: var(--vgl-ionen);color: var(--c-kachel-bg-solid)}.vergleich-wahl-feld[data-prinzip="licht"] .vergleich-wahl-knopf[aria-pressed="true"]{background: var(--vgl-licht);color: var(--c-kachel-bg-solid)}.vergleich-wahl-feld[data-prinzip="destillation"] .vergleich-wahl-knopf[aria-pressed="true"]{background: var(--vgl-destillation);color: var(--c-kachel-bg-solid)}.vergleich-wahl-feld[data-prinzip="filter"]{--vgl-feld: var(--vgl-filter);--vgl-feld-hauch: var(--vgl-filter-hauch);--vgl-feld-linie: var(--vgl-filter-linie)}.vergleich-wahl-feld[data-prinzip="ionen"]{--vgl-feld: var(--vgl-ionen);--vgl-feld-hauch: var(--vgl-ionen-hauch);--vgl-feld-linie: var(--vgl-ionen-linie)}.vergleich-wahl-feld[data-prinzip="licht"]{--vgl-feld: var(--vgl-licht);--vgl-feld-hauch: var(--vgl-licht-hauch);--vgl-feld-linie: var(--vgl-licht-linie)}.vergleich-wahl-feld[data-prinzip="destillation"]{--vgl-feld: var(--vgl-destillation);--vgl-feld-hauch: var(--vgl-destillation-hauch);--vgl-feld-linie: var(--vgl-destillation-linie)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip] p.vergleich-wahl-wert{border-color: transparent;background-color: var(--vgl-feld-hauch)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip] p.vergleich-wahl-wert.ist-gewaehlt{border-color: var(--vgl-feld)}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-zeile + .vergleich-wert-zeile{border-top-color: var(--vgl-feld-linie)}.vergleich-wahl-feld[data-prinzip="filter"]{--vgl-feld-ueber: rgba(86,171,111,0.236)}.vergleich-wahl-feld[data-prinzip="ionen"]{--vgl-feld-ueber: rgba(242,102,95,0.236)}.vergleich-wahl-feld[data-prinzip="licht"]{--vgl-feld-ueber: rgba(192,142,232,0.236)}.vergleich-wahl-feld[data-prinzip="destillation"]{--vgl-feld-ueber: rgba(201,163,95,0.236)}.vergleich-buehne.ist-gebaut .vergleich-wahl-feld:not(.ist-gewaehlt){cursor: pointer}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip] p.vergleich-wahl-wert{transition: background-color var(--zeit-kurz) ease,border-color var(--zeit-kurz) ease}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip] p.vergleich-wahl-wert{justify-content: center}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-zeile:only-child::before{content: none}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-mass{display: flex;flex-direction: column;align-items: center;gap: var(--phi-000)}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-wort{margin-right: 0}@supports (font-size: 1cqi){.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-zahl{font-size: max(var(--t-fine),min(var(--t-body),calc(var(--wahl-innen) / 4.8)))}}@supports (text-box: trim-both cap alphabetic){.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-stoff .vergleich-stoff-name,.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-stoff .vergleich-wahl-verb{text-box: trim-both cap alphabetic}}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip] p.vergleich-wahl-stoff{flex-direction: column;gap: var(--phi-0);min-height: 0;padding-top: 0;padding-bottom: calc(var(--phi-2) - var(--linie))}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-stoff .vergleich-wahl-verb{display: block;font-size: 0.75em;font-weight: var(--vgl-dicke-schild);line-height: 1.236;letter-spacing: var(--sperr-mittel);text-indent: var(--sperr-mittel);text-transform: uppercase}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-stoff .vergleich-stoff-name{margin-right: calc(var(--wahl-sperr) * -1)}.vergleich-wahl-feld[data-prinzip] > .vergleich-wahl-knopf{padding-top: calc(var(--phi-2) - var(--linie));padding-bottom: calc(var(--phi-0) - 2 * var(--linie))}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip] p.vergleich-wahl-wert{min-height: 0;padding: 0 0 calc(var(--phi-2) - var(--linie))}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-zeile{gap: var(--phi-0)}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-mass{gap: var(--phi-0)}.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert .vergleich-wert-verfahren{margin-right: calc(var(--wahl-sperr) * -1)}@supports (text-box: trim-both cap alphabetic){.vergleich-wahl-feld[data-prinzip] .vergleich-wahl-wert :is(.vergleich-wert-verfahren,.vergleich-wert-zahl,.vergleich-wert-wort){text-box: trim-both cap alphabetic}}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip] p.vergleich-wahl-wert.ist-gewaehlt{border-color: var(--vgl-feld);background-color: var(--vgl-feld);color: var(--c-kachel-bg-solid)}.vergleich-wahl-feld[data-prinzip].ist-gewaehlt .vergleich-wahl-wert :is(.vergleich-wert-verfahren,.vergleich-wert-zahl,.vergleich-wert-wort){color: var(--c-kachel-bg-solid)}.vergleich-wahl-feld[data-prinzip].ist-gewaehlt .vergleich-wahl-wert .vergleich-wert-zeile + .vergleich-wert-zeile{border-top-color: rgba(16,29,39,0.382)}@supports selector(:has(*)){.vergleich-wahl-feld[data-prinzip] > .vergleich-wahl-knopf:focus-visible{outline: none}.vergleich-wahl-feld[data-prinzip]:has(> .vergleich-wahl-knopf:focus-visible){outline: var(--linie-fokus) solid var(--c-kachel-focus);outline-offset: var(--phi-n1)}}@media (hover: hover){.vergleich-wahl-feld[data-prinzip]:not(.ist-gewaehlt):hover .vergleich-wahl-knopf:not([aria-pressed="true"]),.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip]:not(.ist-gewaehlt):hover p.vergleich-wahl-wert,.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip]:not(.ist-gewaehlt):hover p.vergleich-wahl-stoff{background-color: var(--vgl-feld-ueber)}}.artikel-glas .artikel-text .vergleich-akt[data-akt="a"] .vergleich-seite p.vergleich-prinzip-nr,.artikel-glas .artikel-text .vergleich-akt[data-akt="a"] .vergleich-seite p.vergleich-name{color: var(--vgl-filter)}.artikel-glas .artikel-text .vergleich-akt[data-akt="b"] .vergleich-seite p.vergleich-prinzip-nr,.artikel-glas .artikel-text .vergleich-akt[data-akt="b"] .vergleich-seite p.vergleich-name{color: var(--vgl-ionen)}.artikel-glas .artikel-text .vergleich-akt[data-akt="c"] .vergleich-seite p.vergleich-prinzip-nr,.artikel-glas .artikel-text .vergleich-akt[data-akt="c"] .vergleich-seite p.vergleich-name{color: var(--vgl-licht)}.artikel-glas .artikel-text .vergleich-akt[data-akt="d"] .vergleich-seite p.vergleich-prinzip-nr,.artikel-glas .artikel-text .vergleich-akt[data-akt="d"] .vergleich-seite p.vergleich-name{color: var(--vgl-destillation)}.vergleich-akt[data-akt="a"]{--vgl-akt: var(--vgl-filter);--vgl-akt-hauch: var(--vgl-filter-hauch)}.vergleich-akt[data-akt="b"]{--vgl-akt: var(--vgl-ionen);--vgl-akt-hauch: var(--vgl-ionen-hauch)}.vergleich-akt[data-akt="c"]{--vgl-akt: var(--vgl-licht);--vgl-akt-hauch: var(--vgl-licht-hauch)}.vergleich-akt[data-akt="d"]{--vgl-akt: var(--vgl-destillation);--vgl-akt-hauch: var(--vgl-destillation-hauch)}.artikel-glas .artikel-text .vergleich-buehne.ist-gebaut .vergleich-akt .vergleich-flaeche p.vergleich-technik{border-color: var(--vgl-akt);background: var(--vgl-akt);color: var(--c-kachel-bg-solid)}.vergleich-buehne.ist-gebaut .vergleich-akt .vergleich-flaeche{position: relative;isolation: isolate}.vergleich-buehne.ist-gebaut .vergleich-akt .vergleich-flaeche::before{content: "";position: absolute;inset: calc(-1 * var(--flaeche-rand));z-index: -1;background-color: var(--vgl-akt-hauch);pointer-events: none}.vergleich-buehne.vergleich-buehne.ist-bewegt .vergleich-akt .vergleich-flaeche::before{animation: vergleich-grund-ein 0.618s cubic-bezier(0.22,0.61,0.36,1) 1 both}.vergleich-buehne.vergleich-buehne.ist-gebaut .vergleich-akt[hidden] .vergleich-flaeche::before{animation: none}.vergleich-buehne[data-vorher="a"]{--vgl-vorher-hauch: var(--vgl-filter-hauch)}.vergleich-buehne[data-vorher="b"]{--vgl-vorher-hauch: var(--vgl-ionen-hauch)}.vergleich-buehne[data-vorher="c"]{--vgl-vorher-hauch: var(--vgl-licht-hauch)}.vergleich-buehne[data-vorher="d"]{--vgl-vorher-hauch: var(--vgl-destillation-hauch)}.vergleich-buehne.ist-gebaut.ist-bewegt[data-vorher]::before{content: "";grid-area: 1 / 1;background-color: var(--vgl-vorher-hauch,transparent);opacity: 0;pointer-events: none;animation: vergleich-grund-aus-a 0.618s cubic-bezier(0.22,0.61,0.36,1) 1 both}.vergleich-buehne.ist-gebaut.ist-bewegt.ist-wechsel-b[data-vorher]::before{animation-name: vergleich-grund-aus-b}@media (prefers-reduced-motion: reduce){.vergleich-buehne.vergleich-buehne.ist-bewegt .vergleich-akt .vergleich-flaeche::before{animation: none}.vergleich-buehne.ist-gebaut.ist-bewegt[data-vorher]::before{display: none}}@keyframes vergleich-grund-ein{0%{opacity: 0}100%{opacity: 1}}@keyframes vergleich-grund-aus-a{0%{opacity: 1}100%{opacity: 0}}@keyframes vergleich-grund-aus-b{0%{opacity: 1}100%{opacity: 0}}.artikel-glas .artikel-text .vergleich-kachel-inhalt > .vergleich-anleitung{max-width: 34rem;margin: 0 auto var(--phi-4)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > .vergleich-anleitung[hidden]{display: none}.artikel-glas .artikel-text .vergleich-anleitung > p.vergleich-anleitung-kopf{display: flex;align-items: center;gap: var(--phi-1);max-width: none;margin: 0 0 var(--phi-3);font-size: var(--t-fine);line-height: 1.618;letter-spacing: var(--sperr-weit);text-transform: uppercase;text-align: center;-webkit-hyphens: manual;hyphens: manual;color: var(--c-gold)}.vergleich-anleitung-kopf::before,.vergleich-anleitung-kopf::after{content: "";flex: 1 1 0;min-width: var(--phi-2);height: var(--linie)}.vergleich-anleitung-kopf::before{margin-inline-end: var(--sperr-weit);background: linear-gradient(90deg,rgba(201,163,95,0),var(--c-gold))}.vergleich-anleitung-kopf::after{background: linear-gradient(90deg,var(--c-gold),rgba(201,163,95,0))}.artikel-glas .artikel-text .vergleich-anleitung > ol.vergleich-anleitung-schritte{margin: 0;padding: 0;list-style: none}.artikel-glas .artikel-text .vergleich-anleitung .vergleich-anleitung-schritte > li{display: grid;grid-template-columns: calc(var(--phi-2) + var(--phi-0)) minmax(0,1fr);column-gap: 0;align-items: baseline;margin: 0;font-size: var(--t-lesetext);line-height: 1.618;text-align: left;text-wrap: pretty;-webkit-hyphens: manual;hyphens: manual;color: var(--c-kachel-ink)}.artikel-glas .artikel-text .vergleich-anleitung .vergleich-anleitung-schritte > li + li{margin-top: var(--phi-2)}.vergleich-anleitung-nr{justify-self: start;font-family: var(--f-sans);font-size: 1em;line-height: inherit;font-variant-numeric: lining-nums tabular-nums;color: inherit}@media (max-width: 40rem){.artikel-glas .artikel-text .vergleich-kachel-inhalt > .vergleich-anleitung{margin-bottom: var(--phi-3);padding-inline: var(--phi-1)}.artikel-glas .artikel-text .vergleich-anleitung > p.vergleich-anleitung-kopf{display: block;margin-bottom: var(--phi-2);padding-inline-start: var(--sperr-eng);letter-spacing: var(--sperr-eng);text-wrap: balance}.vergleich-anleitung-kopf::before{content: none}.vergleich-anleitung-kopf::after{display: block;width: var(--phi-4);min-width: 0;margin: var(--phi-0) auto 0;background: linear-gradient(90deg,rgba(201,163,95,0),var(--c-gold) 50%,rgba(201,163,95,0))}}.artikel-glas .artikel-text .vergleich-kachel-inhalt > .vergleich-eroeffnung{margin: 0 0 var(--phi-4);font-size: var(--t-lesetext)}.artikel-glas .artikel-text .vergleich-eroeffnung > p.vergleich-eroeffnung-satz{max-width: none;margin: 0 0 var(--phi-3);font-family: var(--f-serif);font-size: var(--t-lead);line-height: 1.382;text-align: center;text-wrap: balance;-webkit-hyphens: manual;hyphens: manual;color: var(--c-kachel-ink)}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad{box-sizing: border-box;width: -moz-fit-content;width: fit-content;max-width: 100%;margin: 0 auto}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad .vergleich-prinzip{color: var(--c-kachel-ink)}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad ul{margin-block-start: var(--phi-00);font-size: 0.854em}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad ul > li{line-height: 1.618;color: var(--c-kachel-ink-soft)}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad > li.vergleich-prinzip-filter .vergleich-verfahren-nr{color: var(--vgl-filter)}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad > li.vergleich-prinzip-ionen .vergleich-verfahren-nr{color: var(--vgl-ionen)}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad > li.vergleich-prinzip-licht .vergleich-verfahren-nr{color: var(--vgl-licht)}.artikel-glas .artikel-text .vergleich-eroeffnung > ul.vergleich-pfad > li.vergleich-prinzip-destillation .vergleich-verfahren-nr{color: var(--vgl-destillation)}@media (max-width: 40rem){.artikel-glas .artikel-text .vergleich-kachel-inhalt > .vergleich-eroeffnung{margin-bottom: var(--phi-3);padding-inline: var(--phi-1)}.artikel-glas .artikel-text .vergleich-eroeffnung > p.vergleich-eroeffnung-satz{margin-bottom: var(--phi-2)}}@keyframes vergleich-eroeffnung-ein{from{opacity: 0;transform: translateY(var(--phi-1))}to{opacity: 1;transform: none}}@keyframes vergleich-eroeffnung-punkt{0%{opacity: 0;transform: scale(0.382)}61.8%{opacity: 1;transform: scale(1.146)}100%{opacity: 1;transform: scale(1)}}@keyframes vergleich-eroeffnung-linie{from{transform: scaleY(0)}to{transform: scaleY(1)}}@media (prefers-reduced-motion: no-preference){.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > .vergleich-eroeffnung-satz,.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li{animation: vergleich-eroeffnung-ein 0.854s var(--kurve) 0.236s backwards}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li::before{animation: vergleich-eroeffnung-punkt var(--zeit-lang) var(--kurve) 0.382s backwards}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:not(:last-child)::after{transform-origin: 50% 0;animation: vergleich-eroeffnung-linie 0.854s var(--kurve) 0.618s backwards}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(1){animation-delay: 0.382s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(2){animation-delay: 0.528s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(3){animation-delay: 0.674s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(4){animation-delay: 0.82s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(1)::before{animation-delay: 0.382s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(2)::before{animation-delay: 0.528s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(3)::before{animation-delay: 0.674s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(4)::before{animation-delay: 0.82s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(1)::after{animation-delay: 0.618s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(2)::after{animation-delay: 0.764s}.vergleich-kachel[open]:not([data-agb-zu]) .vergleich-eroeffnung > ul.vergleich-pfad > li:nth-child(3)::after{animation-delay: 0.91s}}@media print{.vergleich-eroeffnung > *,.vergleich-eroeffnung > ul.vergleich-pfad > li,.vergleich-eroeffnung > ul.vergleich-pfad > li::before,.vergleich-eroeffnung > ul.vergleich-pfad > li::after{animation: none}}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p{max-width: 34rem;margin-inline: auto}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-wert{min-height: calc(4 * 1.236em + 4 * var(--phi-1) + var(--linie) + var(--phi-2))}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-stoff{flex: 0 0 auto;box-sizing: border-box;display: flex;align-items: center;justify-content: center;min-height: 2.75rem;max-width: none;margin: 0;padding: var(--phi-1) var(--phi-000);border: var(--linie) solid transparent;background-color: var(--knopf-hauch);font-family: var(--f-sans);font-size: var(--wahl-schrift);font-weight: 400;line-height: 1.236;letter-spacing: var(--wahl-sperr);text-transform: uppercase;text-align: center;-webkit-hyphens: manual;hyphens: manual;overflow-wrap: break-word;color: var(--c-kachel-ink-soft);transition: background-color var(--zeit-kurz) ease,color var(--zeit-kurz) ease}.artikel-glas .artikel-text .vergleich-wahl-feld p.vergleich-wahl-stoff .vergleich-stoff-name{display: block;min-width: 0;max-width: 100%}.artikel-glas .artikel-text .vergleich-wahl-feld.ist-gewaehlt p.vergleich-wahl-stoff{font-weight: 800}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="filter"] p.vergleich-wahl-stoff{background-color: var(--vgl-filter-hauch);color: var(--vgl-filter)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="ionen"] p.vergleich-wahl-stoff{background-color: var(--vgl-ionen-hauch);color: var(--vgl-ionen)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="licht"] p.vergleich-wahl-stoff{background-color: var(--vgl-licht-hauch);color: var(--vgl-licht)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="destillation"] p.vergleich-wahl-stoff{background-color: var(--vgl-destillation-hauch);color: var(--vgl-destillation)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="filter"].ist-gewaehlt p.vergleich-wahl-stoff{background-color: var(--vgl-filter);color: var(--c-kachel-bg-solid)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="ionen"].ist-gewaehlt p.vergleich-wahl-stoff{background-color: var(--vgl-ionen);color: var(--c-kachel-bg-solid)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="licht"].ist-gewaehlt p.vergleich-wahl-stoff{background-color: var(--vgl-licht);color: var(--c-kachel-bg-solid)}.artikel-glas .artikel-text .vergleich-wahl-feld[data-prinzip="destillation"].ist-gewaehlt p.vergleich-wahl-stoff{background-color: var(--vgl-destillation);color: var(--c-kachel-bg-solid)}.artikel-glas .artikel-text .vergleich-kachel-inhalt > p.vergleich-stoff-gewaehlt{max-width: none;margin-inline: 0}.artikel-glas .artikel-text .vergleich-kachel-inhalt > a.vergleich-pdf{display: flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;margin: 0 0 var(--phi-1) auto;color: var(--c-gold);border: 0;-webkit-tap-highlight-color: transparent;transition: color var(--zeit-kurz) ease}.artikel-glas .artikel-text .vergleich-kachel-inhalt > a.vergleich-pdf .pdf-zeichen{width: 2.236rem;height: 2.236rem}@media (hover: hover){.artikel-glas .artikel-text .vergleich-kachel-inhalt > a.vergleich-pdf:hover{color: var(--c-gold-bright)}}.artikel-glas .artikel-text .vergleich-kachel-inhalt > a.vergleich-pdf:focus-visible{outline: var(--linie-fokus) solid var(--c-gold-bright);outline-offset: var(--phi-n1)}.vergleich-kacheln,body > .tmod-schleier{--f-sans: var(--f-geraet);--f-serif: var(--f-geraet);--vgl-dicke-lese: 120;--vgl-dicke-kern: 194;--vgl-dicke-schild: 314;--vgl-dicke-stark: 508;--vgl-dicke-wahl: 822;font-family: var(--f-geraet);font-weight: var(--vgl-dicke-lese)}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) :is(p,li,td,caption){font-weight: var(--vgl-dicke-lese)}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) :is(th,button,text,.vergleich-kachel-titel,.vergleich-kachel-unter,.vergleich-name,.vergleich-prinzip-nr,.vergleich-prinzip,.vergleich-pfad-nr,.vergleich-anleitung-kopf,.vergleich-wahl-name,.vergleich-wahl-wert,.vergleich-wahl-stoff,.vergleich-wert-zahl,.vergleich-wert-wort,.vergleich-wert-verfahren),:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) .tab-senkrecht,:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) .quellen-titel,:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) .tmod-hinweis{font-weight: var(--vgl-dicke-schild)}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) :is(.vergleich-kern,.vergleich-anleitung-nr,.vergleich-eroeffnung-satz){font-weight: var(--vgl-dicke-kern)}.vergleich-kacheln:not(#_) .vergleich-eroeffnung ul.vergleich-pfad ul > li{font-weight: var(--vgl-dicke-kern)}.vergleich-kacheln:not(#_) .vergleich-techniken :is(.vergleich-eroeffnung,.vergleich-anleitung) :is(p,li,span){font-weight: var(--vgl-dicke-kern)}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) :is(.vergleich-fazit,.vergleich-technik,.vergleich-stoff-zulauf,.vergleich-stoff-gewaehlt),:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) .tab-bestwert,:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) .tmod-druck-titel{font-weight: var(--vgl-dicke-stark)}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) .vergleich-stoff[aria-pressed="true"]{font-weight: var(--vgl-dicke-stark)}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) .vergleich-wahl-feld.ist-gewaehlt .vergleich-wahl-stoff{font-weight: var(--vgl-dicke-wahl)}.vergleich-kacheln:not(#_) .vergleich-kachel-inhalt > p.vergleich-fazit{--vgl-tafel-schrift: 'Montserrat','Montserrat Fallback','Montserrat Fallback Android',Arial,sans-serif;position: relative;isolation: isolate;overflow: hidden;box-sizing: border-box;max-width: 42.361rem;margin: var(--phi-2) auto var(--phi-3);padding: var(--phi-2) var(--phi-1);border: 1px solid rgba(196,161,105,0.382);border-radius: 0;background: linear-gradient(180deg,rgba(196,161,105,0.236) 0%,rgba(196,161,105,0.146) 100%),rgba(13,13,13,0.618);box-shadow: inset 0 1px 0 rgba(232,208,160,0.618);font-family: var(--vgl-tafel-schrift);font-size: var(--t-lesetext);font-weight: 500;line-height: 1.618;letter-spacing: normal;text-align: left;-webkit-hyphens: manual;hyphens: manual;color: #f2ede4;text-shadow: 0 1px 2px rgba(13,13,13,0.382)}@media (min-width: 48rem){.vergleich-kacheln:not(#_) .vergleich-kachel-inhalt > p.vergleich-fazit{margin-top: var(--phi-4);padding: var(--phi-2) var(--phi-3);font-weight: 400;text-align: center;text-wrap: balance}}.vergleich-fazit-text{display: block}@media screen and (prefers-reduced-motion: no-preference){.vergleich-kacheln:not(#_) .vergleich-kachel-inhalt > p.vergleich-fazit.ist-tafel{opacity: 0;transform: translateY(var(--phi-2)) scale(0.987);transform-origin: 50% 100%;transition: opacity 1.618s cubic-bezier(0.16,1,0.3,1) 0.236s,transform 1.618s cubic-bezier(0.16,1,0.3,1) 0.236s}.vergleich-fazit.ist-tafel > .vergleich-fazit-text{opacity: 0;transform: translateY(var(--phi-0));transition: opacity 1s cubic-bezier(0.16,1,0.3,1) 0.618s,transform 1s cubic-bezier(0.16,1,0.3,1) 0.618s}.vergleich-fazit.ist-tafel::after{content: "";position: absolute;inset: -20% -40%;z-index: -1;pointer-events: none;background: linear-gradient(105deg,rgba(232,208,160,0) 38.2%,rgba(232,208,160,0.236) 50%,rgba(232,208,160,0) 61.8%);transform: translateX(-61.8%);transition: transform 1.618s cubic-bezier(0.382,0,0.618,1) 1.236s}.vergleich-kacheln:not(#_) .vergleich-kachel-inhalt > p.vergleich-fazit.ist-tafel.ist-erschienen,.vergleich-fazit.ist-tafel.ist-erschienen > .vergleich-fazit-text{opacity: 1;transform: none}.vergleich-fazit.ist-tafel.ist-erschienen::after{transform: translateX(61.8%)}}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) table.daten-tabelle-verfahren,:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) table.daten-tabelle-verfahren :is(th,td,span){font-family: var(--f-eng);font-weight: 300}:is(.vergleich-kacheln,body > .tmod-schleier):not(#_) table.daten-tabelle-verfahren td.tab-bestwert{font-weight: 500}.artikel-glas .artikel-text .vergleich-quellen .vergleich-kachel-inhalt > p.vergleich-kachel-unter{max-width: none;margin-inline: 0}