.nkk { position: relative; height: 250vh; width: 100%; }
.nkk-stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; display: grid; place-items: center; }
.nkk-rahmen { position: relative; width: calc(var(--w, 46) * 1vw); height: calc(var(--h, 54) * 1vh); border-radius: calc(var(--rad, 22) * 1px); overflow: hidden; background: #D8CFBF; max-width: 100vw; }
.nkk-rahmen img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transform: scale(var(--iz, 1.15)); }
.nkk-rahmen::after { content: ""; position: absolute; inset: 0; background: rgba(28, 29, 25, calc(var(--dim, 0) * 0.45)); }
.nkk-worte { position: absolute; inset: 0; margin: 0; display: flex; justify-content: center; align-items: center; gap: 2vw; pointer-events: none; z-index: 2; font-family: "Unbounded", system-ui, sans-serif; font-weight: 500; font-size: clamp(1.8rem, 6vw, 5.6rem); letter-spacing: -0.035em; color: #2C2E29; padding-inline: 16px; }
.nkk.ist-voll .nkk-worte { color: #FFFFFF; }
.nkk-w1 { transform: translateX(calc(var(--sp, 0) * -1vw)); }
.nkk-w2 { transform: translateX(calc(var(--sp, 0) * 1vw)); }
.nkk-pfad { position: absolute; top: 76px; left: 0; right: 0; margin: 0; text-align: center; z-index: 2; font: 400 0.8rem "Hanken Grotesk", system-ui, sans-serif; color: #5E615B; }
.nkk.ist-voll .nkk-pfad { color: rgba(255, 255, 255, 0.85); }
.nkk-danach { position: absolute; left: 0; right: 0; bottom: 9vh; z-index: 3; text-align: center; color: #FFFFFF; opacity: var(--ac, 0); padding-inline: 16px; display: grid; gap: 16px; justify-items: center; font-family: "Hanken Grotesk", system-ui, sans-serif; }
.nkk-danach p { margin: 0; max-width: 46ch; color: rgba(255, 255, 255, 0.92); font-size: 1.08rem; }
.nkk-knopf { display: inline-flex; gap: 8px; padding: 13px 24px; border-radius: 999px; background: #FFFFFF; color: #2C2E29; font-weight: 600; text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
	.nkk { height: auto; }
	.nkk-stick { position: relative; height: 80vh; }
}