.kn-ziel{--kn-nacht:#07090a;--kn-orange:#d87a26;--kn-hell:#f2b66e;--kn-linie:#ffffff24;--kn-text-2:#ffffffbd;--kn-ease:cubic-bezier(.2, .75, .25, 1);--kn-display:var(--font-barlow-condensed), var(--font-barlow), Arial, sans-serif;background:var(--kn-nacht);color:#fff;padding:clamp(72px,8vw,128px) 0}.kn-ziel__liste{border-top:1px solid var(--kn-linie);margin:26px 0 0;padding:0;list-style:none}.kn-ziel__zeile{border-bottom:1px solid var(--kn-linie);color:#fff;isolation:isolate;grid-template-columns:56px minmax(0,1fr) 40px;align-items:center;gap:6px 28px;padding:28px 0;text-decoration:none;display:grid;position:relative;overflow:hidden}@media (min-width:1100px){.kn-ziel__zeile{grid-template-columns:56px 640px minmax(0,1fr) 40px;gap:40px}}.kn-ziel__zeile:before{content:"";z-index:-1;transform-origin:0;transition:transform .6s var(--kn-ease);background:linear-gradient(90deg,#d87a262e,#d87a2600 70%);position:absolute;inset:0;transform:scaleX(0)}.kn-ziel__zeile:hover:before,.kn-ziel__zeile:focus-visible:before{transform:scaleX(1)}.kn-ziel__nr{font-family:var(--kn-display);color:var(--kn-orange);font-size:1.4rem;font-weight:800}.kn-ziel__titel{font-family:var(--kn-display);text-transform:uppercase;transition:color .3s, transform .5s var(--kn-ease);font-size:clamp(2rem,4.2vw,3.7rem);font-weight:800;line-height:1}.kn-ziel__zeile:hover .kn-ziel__titel{color:var(--kn-hell);transform:translate(10px)}.kn-ziel__text{color:var(--kn-text-2);font-size:1.05rem;line-height:1.5}.kn-ziel__pfeil{color:var(--kn-orange);transition:transform .4s var(--kn-ease);justify-self:end;font-size:1.9rem}.kn-ziel__zeile:hover .kn-ziel__pfeil{transform:translate(8px)}@media (max-width:1099px){.kn-ziel__text{grid-column:2/4}.kn-ziel__pfeil{grid-area:1/3}}@media (max-width:640px){.kn-ziel__zeile{grid-template-columns:34px minmax(0,1fr) 24px;gap:6px 12px;padding:22px 0}.kn-ziel__titel{font-size:1.75rem}.kn-ziel__zeile:hover .kn-ziel__titel{transform:none}}@media (prefers-reduced-motion:no-preference){.kn-ziel__liste>li{opacity:0;transition:opacity .8s var(--kn-ease), transform .8s var(--kn-ease);transition-delay:calc(var(--i,0) * .11s);transform:translateY(26px)}.kn-ziel__liste.is-sichtbar>li{opacity:1;transform:none}}.kn-ziel--hell{--kn-linie:var(--ph-line);--kn-text-2:var(--ph-muted);--kn-zeile-px:clamp(14px, 2vw, 24px);background:var(--ph-paper);color:var(--ph-ink);padding:clamp(64px,7vw,104px) 0}.ph .kn-ziel--hell h2{max-width:20ch;margin:0}.kn-ziel--hell .kn-ziel__liste{margin:clamp(28px, 3.5vw, 48px) calc(-1 * var(--kn-zeile-px)) 0}.kn-ziel--hell .kn-ziel__zeile{padding-inline:var(--kn-zeile-px);color:var(--ph-ink);cursor:default;grid-template-columns:56px minmax(0,1fr)}@media (min-width:1100px){.kn-ziel--hell .kn-ziel__zeile{grid-template-columns:56px 640px minmax(0,1fr)}}@media (max-width:1099px){.kn-ziel--hell .kn-ziel__text{grid-column:2}}@media (max-width:640px){.kn-ziel--hell .kn-ziel__zeile{grid-template-columns:34px minmax(0,1fr)}}.kn-ziel--hell .kn-ziel__nr{color:var(--ph-ink)}.kn-ziel--hell .kn-ziel__titel{font-size:clamp(1.75rem,3.2vw,3rem)}.kn-ziel--hell .kn-ziel__text{transition:color .3s}.kn-ziel--hell .kn-ziel__zeile:before{background:var(--kn-orange)}.kn-ziel--hell .kn-ziel__zeile:hover:before{transform:scaleX(1)}.kn-ziel--hell .kn-ziel__zeile:hover .kn-ziel__titel,.kn-ziel--hell .kn-ziel__zeile:hover .kn-ziel__text{color:var(--ph-ink)}
