.hpn-rf{position:relative;z-index:1;display:grid;gap:var(--sp-10);--rf-still: rgb(var(--color-foreground) / var(--text-opacity, .7));--rf-linie: rgb(var(--color-border));--rf-akzent: var(--hpn-kategorie, rgb(var(--color-foreground)));--rf-lack: var(--hpn-flaeche-hoch, linear-gradient(180deg, #344F61 0%, #1A2831 55%, #000000 100%))}@media screen and (min-width:990px){.hpn-rf{grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start}}.hpn-rf__foto{margin:0;overflow:hidden;border-radius:var(--rounded-card);aspect-ratio:8 / 7;background:rgb(var(--color-foreground) / .04)}.hpn-rf__bild{display:block;width:100%;height:100%;object-fit:cover}.hpn-rf__karte{margin-top:var(--sp-4);padding:var(--sp-8);border-radius:var(--rounded-card);background:var(--rf-lack);color:var(--hpn-text, rgb(var(--color-background)))}.hpn-rf__karte-titel{margin:0;max-width:22ch;color:inherit}.hpn-rf__karte-text{margin:var(--sp-4) 0 0;max-width:60ch;opacity:var(--text-opacity, .7)}.hpn-rf__label{margin:0;color:var(--rf-still)}.hpn-rf__zeilen{margin:var(--sp-6) 0 0;padding:0;list-style:none;border-top:1px solid var(--rf-linie)}.hpn-rf__zeile{padding-block:var(--sp-6);border-bottom:1px solid var(--rf-linie)}.hpn-rf__kopf{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4)}.hpn-rf__name{margin:0}.hpn-rf__notiz{margin:0;color:var(--rf-still)}.hpn-rf__wechsel{display:grid;grid-template-columns:auto minmax(var(--sp-10),1fr) auto;align-items:end;gap:var(--sp-4);margin-top:var(--sp-5)}.hpn-rf__von,.hpn-rf__zu{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.hpn-rf__zu{align-items:flex-end}.hpn-rf__klein{color:var(--rf-still)}.hpn-rf__pille{display:inline-flex;align-items:center;padding:var(--sp-2) var(--sp-3d5);border:1px solid rgb(var(--color-foreground) / .6);border-radius:var(--rounded-full);color:rgb(var(--color-foreground));white-space:nowrap}.hpn-rf__pille--lack{border-color:transparent;background-color:var(--hpn-ton);background-image:var(--hpn-lack);box-shadow:inset 0 1px #ffffff1a;color:var(--hpn-text)}.hpn-rf__spur{position:relative;display:block;height:1px;margin-bottom:var(--sp-4);background:var(--rf-akzent)}.hpn-rf__spur:after{content:"";position:absolute;inset-inline-end:0;top:50%;width:var(--sp-2);height:var(--sp-2);border-radius:var(--rounded-full);background:var(--rf-akzent);transform:translateY(-50%)}.hpn-rf__marken{margin-top:var(--sp-8)}.hpn-rf__marken-liste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) 0;margin:var(--sp-3) 0 0;padding:0;list-style:none}.hpn-rf__marken-liste li{display:inline-flex;align-items:center}.hpn-rf__marken-liste li+li:before{content:"";display:block;width:1px;height:var(--sp-3d5);margin-inline:var(--sp-5);background:var(--rf-linie)}@media screen and (max-width:749px){.hpn-rf__wechsel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.hpn-rf__zu{align-items:flex-start}.hpn-rf__spur{width:1px;height:var(--sp-8);margin:0 0 0 var(--sp-4)}.hpn-rf__spur:after{inset-inline-end:auto;top:auto;bottom:0;left:50%;transform:translate(-50%)}.hpn-rf__marken-liste{gap:var(--sp-2) var(--sp-5)}.hpn-rf__marken-liste li+li:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/hpn-rohstoffform.css.map */