.hpn-dunkel{--hpn-dunkel-grund-oben: #172230;--hpn-dunkel-grund-mitte-1: #111a26;--hpn-dunkel-grund-mitte-2: #0c121b;--hpn-dunkel-grund-mitte-3: #080b11;--hpn-dunkel-grund-unten: #06080b;--hpn-dunkel-grund-rgb: 6 8 11;--hpn-dunkel-kopf-rgb: 10 11 13;--hpn-dunkel-text-rgb: 240 241 242;--hpn-dunkel-linie: rgb(var(--hpn-dunkel-text-rgb) / .08);--hpn-dunkel-neutral-rgb: 27 30 33;--hpn-dunkel-neutral-lack: linear-gradient(180deg, #2a2e32 0%, #15171a 55%, #000000 100%);--hpn-dunkel-akzent-hell: #45b8f4;--hpn-dunkel-akzent: #1e63e0;--hpn-dunkel-akzent-rgb: 30 99 224;--hpn-dunkel-akzent-tief: #0c2a78;--hpn-dunkel-akzent-linie: #35c3f3;--hpn-dunkel-akzent-linie-rgb: 53 195 243;--hpn-dunkel-akzent-zwei: #6ea2ff;--hpn-dunkel-lack: linear-gradient(180deg, var(--hpn-dunkel-akzent-hell) 3%, var(--hpn-dunkel-akzent) 55%, var(--hpn-dunkel-akzent-tief) 100%);--hpn-dunkel-karte-oben: #1f2e40;--hpn-dunkel-karte-mitte: #18232f;--hpn-dunkel-karte-unten: #131c27;--hpn-dunkel-karte: linear-gradient(180deg, var(--hpn-dunkel-karte-oben) 0%, var(--hpn-dunkel-karte-mitte) 55%, var(--hpn-dunkel-karte-unten) 100%);--hpn-dunkel-karte-hell: #f3f4f6;--hpn-dunkel-schatten-eng: 0 1px 2px rgb(0 0 0 / .6);--hpn-dunkel-schatten-weit: 0 10px 24px rgb(0 0 0 / .5);--hpn-dunkel-schatten-karte: 0 2px 6px rgb(0 0 0 / .5), 0 26px 60px rgb(0 0 0 / .78);--hpn-dunkel-schatten-kopf: 0 2px 6px rgb(0 0 0 / .45), 0 14px 32px rgb(0 0 0 / .55);--hpn-dunkel-kante-licht: inset 0 1px 0 rgb(255 255 255 / .1);--jdgm-primary-color: rgb(var(--hpn-dunkel-text-rgb));--jdgm-secondary-color: rgb(var(--hpn-dunkel-text-rgb) / .12);--jdgm-paginate-color: rgb(var(--hpn-dunkel-text-rgb));--jdgm-reviewer-name-color: rgb(var(--hpn-dunkel-text-rgb));--jdgm-write-review-bg-color: rgb(var(--hpn-dunkel-text-rgb));--jdgm-write-review-text-color: #000000}.hpn-dunkel body{--hpn-hell-grund-rgb: var(--color-base-background);--hpn-hell-text-rgb: var(--color-base-text);--hpn-hell-platzhalter-rgb: var(--color-placeholder);--hpn-hell-button-rgb: var(--color-base-button);--hpn-hell-button-lack: var(--color-base-button-gradient);--hpn-hell-button-text-rgb: var(--color-base-button-text);background-color:#000}.hpn-dunkel #MainContent,.hpn-dunkel .shopify-section-group-footer-group{--color-base-background: var(--hpn-dunkel-grund-rgb);--color-base-text: var(--hpn-dunkel-text-rgb);--color-base-button: var(--hpn-dunkel-neutral-rgb);--color-base-button-gradient: var(--hpn-dunkel-neutral-lack);--color-base-button-text: var(--hpn-dunkel-text-rgb);--color-background: var(--hpn-dunkel-grund-rgb);--color-background-2: 14 16 18;--color-foreground: var(--hpn-dunkel-text-rgb);--color-border: var(--color-foreground) / .12;--color-border-dark: var(--color-foreground) / .4;--color-border-light: var(--color-foreground) / .07;--color-placeholder: 18 20 23;--color-price: var(--hpn-dunkel-text-rgb);--color-shadow: 0 0 0;--color-button-background: var(--hpn-dunkel-neutral-rgb);--color-button-gradient: var(--hpn-dunkel-neutral-lack);--color-button-border: var(--hpn-dunkel-neutral-rgb);--color-button-text: var(--hpn-dunkel-text-rgb);--hpn-ton: rgb(var(--hpn-dunkel-neutral-rgb));--hpn-lack: var(--hpn-dunkel-neutral-lack);--hpn-text: rgb(var(--hpn-dunkel-text-rgb));--hpn-flaeche-hoch: var(--hpn-dunkel-karte);color:rgb(var(--color-foreground));color-scheme:dark}.hpn-dunkel #MainContent{padding-block-start:var(--sp-5);background:linear-gradient(180deg,var(--hpn-dunkel-grund-oben) 0%,var(--hpn-dunkel-grund-mitte-1) 28%,var(--hpn-dunkel-grund-mitte-2) 58%,var(--hpn-dunkel-grund-mitte-3) 82%,var(--hpn-dunkel-grund-unten) 100%)}.hpn-dunkel .header-section .header.hpn-header--siegel{margin-block-end:0}@media screen and (min-width:1024px){.hpn-dunkel #MainContent{padding-block-start:var(--sp-8)}}.hpn-dunkel .page-container{background-color:var(--hpn-dunkel-grund-unten)}.hpn-dunkel .shopify-section-group-header-group .header{--color-background: var(--hpn-dunkel-kopf-rgb);--color-foreground: var(--hpn-dunkel-text-rgb);--color-border: var(--hpn-dunkel-text-rgb) / .12;--color-button-background: var(--hpn-dunkel-neutral-rgb);--color-button-gradient: var(--hpn-dunkel-neutral-lack);--color-button-border: var(--hpn-dunkel-neutral-rgb);--color-button-text: var(--hpn-dunkel-text-rgb);--hpn-ton: rgb(var(--hpn-dunkel-neutral-rgb));--hpn-lack: var(--hpn-dunkel-neutral-lack);--hpn-text: rgb(var(--hpn-dunkel-text-rgb))}.hpn-dunkel .header-section .header:before{box-shadow:var(--hpn-dunkel-schatten-kopf)}.hpn-dunkel .hpn-header--logo-farbe .header__logo-link:after{background:#fff}.hpn-dunkel .shopify-section-group-header-group .section:not(.header){--gradient-background: linear-gradient(180deg, #1d2023 0%, #0c0d0f 55%, #000000 100%);--color-background: 0 0 0;--color-foreground: var(--hpn-dunkel-text-rgb)}.hpn-dunkel .shopify-section-group-footer-group .section{--gradient-background: none;--color-background: var(--hpn-dunkel-grund-rgb);border-block-start:1px solid var(--hpn-dunkel-linie)}.hpn-dunkel .shopify-section-group-footer-group .section,.hpn-dunkel .shopify-section-group-footer-group .section:before{border-radius:0}.hpn-dunkel .hpn-kb-kat,.hpn-dunkel .hpn-dosis,.hpn-dunkel .hpn-rf{--hpn-kategorie: var(--hpn-dunkel-akzent-linie) !important}.hpn-dunkel .hpn-kb-nutzen__icon{color:var(--hpn-dunkel-akzent-linie)}.hpn-dunkel .hpn-dosis{--hpn-dosis-kurve-2: var(--hpn-dunkel-akzent-zwei)}@media screen and (min-width:990px){.hpn-dunkel #MainContent>.shopify-section:first-child>.section{background-image:url(hpn-netz.png);background-repeat:no-repeat;background-position:left calc(var(--sp-12) * -1) bottom var(--sp-6);background-size:36rem auto}}.hpn-dunkel .hpn-kb-pille--lack,.hpn-dunkel .hpn-rf__pille--lack,.hpn-dunkel .hpn-vgl__pille{background-color:var(--hpn-dunkel-akzent);background-image:var(--hpn-dunkel-lack);color:#fff;box-shadow:var(--hpn-dunkel-kante-licht)}.hpn-dunkel .product-form__submit{--color-button-background: var(--hpn-dunkel-akzent-rgb);--color-button-border: var(--hpn-dunkel-akzent-rgb);--color-button-gradient: var(--hpn-dunkel-lack);--color-button-text: 255 255 255;box-shadow:var(--hpn-dunkel-schatten-eng),var(--hpn-dunkel-schatten-weit)}.hpn-dunkel #MainContent .banner__subheading{color:rgb(var(--color-foreground) / .6)}.hpn-dunkel .hpn-rf__karte,.hpn-dunkel #MainContent .image-with-text.hpn-karte,.hpn-dunkel #MainContent .faqs.with-background{box-shadow:var(--hpn-dunkel-schatten-eng),var(--hpn-dunkel-kante-licht)}@media screen and (min-width:990px){.hpn-dunkel .hpn-rf__zeile:not(:first-child) .hpn-rf__klein{display:none}}.hpn-dunkel .hpn-vgl__spalte-eigen{background:rgb(var(--hpn-dunkel-akzent-linie-rgb) / .09)}.hpn-dunkel .hpn-vd{--color-base-background: var(--hpn-hell-grund-rgb);--color-base-text: var(--hpn-hell-text-rgb);--color-base-button: var(--hpn-hell-button-rgb);--color-base-button-gradient: var(--hpn-hell-button-lack);--color-base-button-text: var(--hpn-hell-button-text-rgb);--color-background: var(--hpn-hell-grund-rgb);--color-background-2: var(--hpn-hell-grund-rgb);--color-foreground: var(--hpn-hell-text-rgb);--color-border: var(--color-foreground) / .1;--color-border-dark: var(--color-foreground) / .4;--color-border-light: var(--color-foreground) / .06;--color-placeholder: var(--hpn-hell-platzhalter-rgb);--color-button-background: var(--hpn-hell-button-rgb);--color-button-gradient: var(--hpn-hell-button-lack);--color-button-border: var(--hpn-hell-button-rgb);--color-button-text: var(--hpn-hell-button-text-rgb);--hpn-ton: rgb(var(--hpn-hell-button-rgb));--hpn-lack: var(--hpn-hell-button-lack);--hpn-text: rgb(var(--hpn-hell-button-text-rgb));padding:var(--sp-8) var(--sp-5);border-radius:var(--rounded-card);color:rgb(var(--color-foreground));background:var(--hpn-dunkel-karte-hell);box-shadow:var(--hpn-dunkel-schatten-karte);color-scheme:light}@media screen and (min-width:990px){.hpn-dunkel .hpn-vd{padding:var(--sp-14) var(--sp-12)}}.hpn-dunkel #MainContent .jdgm-widget,.hpn-dunkel #MainContent .jdgm-widget *{--jm-review-widget-text-color: rgb(var(--hpn-dunkel-text-rgb)) !important;--jm-review-widget-lighter-text-color: rgb(var(--hpn-dunkel-text-rgb) / .6) !important;--jm-review-widget-button-color: rgb(var(--hpn-dunkel-text-rgb)) !important;--jm-review-widget-button-text-color: #000000 !important;--jm-widget-primary-color: rgb(var(--hpn-dunkel-text-rgb)) !important;--jm-tabs-active-border-color: rgb(var(--hpn-dunkel-text-rgb)) !important;--jm-tabs-item-text-color: rgb(var(--hpn-dunkel-text-rgb) / .6) !important;--jm-tabs-text-active-color: rgb(var(--hpn-dunkel-text-rgb)) !important;--jm-review-widget-light-color: rgb(var(--hpn-dunkel-text-rgb) / .12) !important}
/*# sourceMappingURL=/cdn/shop/t/236/assets/hpn-dunkel.css.map */