@layer components{[data-site=prod]{--hf-text-abstand:28px;--hf-rechts-abstand:56px;--hf-mittig-oben:calc(var(--prod-nav-hoehe) + 40px);--hf-mittig-rechts-abstand:40px}[data-site=prod] .prod-sektion.hf-seite{height:auto;min-height:var(--prod-ueber-fuss);padding-block:var(--prod-pol-oben) var(--prod-luft);align-content:start;display:block}[data-site=prod] .hf-raster{column-gap:calc(2 * var(--prod-rand));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}[data-site=prod] .hf-links{top:var(--prod-pol-oben);position:sticky}[data-site=prod] .hf-satz{max-width:15em;font:400 var(--prod-t-titel) / var(--prod-zh-titel) var(--site-font-display);letter-spacing:var(--prod-lw-titel);text-wrap:balance}[data-site=prod] .hf-text{margin-top:var(--hf-text-abstand);font:var(--prod-w-text) var(--prod-t-text) / var(--prod-zh-text) var(--site-font-display);color:var(--prod-grau-text)}[data-site=prod] .hf-text a{color:inherit;text-underline-offset:.2em;transition:color var(--prod-dauer-zustand) var(--prod-ease-wechsel);text-decoration:underline;text-decoration-thickness:1px}[data-site=prod] .hf-text a:hover{color:var(--tinte)}[data-site=prod] .prod-sektion.hf-seite[data-mittig]{align-content:center}[data-site=prod] .prod-sektion.hf-seite[data-mittig] .hf-raster{align-items:center}[data-site=prod] .prod-sektion.hf-seite[data-mittig] .hf-links{position:static}@media not (min-width:48rem){[data-site=prod] .hf-raster{grid-template-columns:minmax(0,1fr)}[data-site=prod] .hf-links{position:static}[data-site=prod] .hf-rechts{margin-top:var(--hf-rechts-abstand)}[data-site=prod] .prod-sektion.hf-seite[data-mittig]{padding-top:var(--hf-mittig-oben);align-content:start}[data-site=prod] .prod-sektion.hf-seite[data-mittig] .hf-rechts{margin-top:var(--hf-mittig-rechts-abstand)}}}