.klimek-p{padding:0 0 clamp(90px,14vh,160px)}.klimek-p__logo{width:var(--logo, 96px);max-width:42vw;margin:clamp(24px,5vh,56px) auto clamp(28px,6vh,64px)}.klimek-p__logo img{display:block;width:100%;height:auto}.klimek-p__intro{max-width:22em;margin:0 auto clamp(48px,10vh,120px);padding:0 clamp(20px,5vw,56px);color:var(--fg-soft);font-size:clamp(13px,1.5vw,15px);line-height:1.9;text-align:center}.klimek-p__ware{max-width:560px;margin:0 auto clamp(64px,12vh,140px);padding:0 clamp(20px,5vw,56px)}.klimek-p__bild img{display:block;width:100%;height:auto}.klimek-p__zeile{display:flex;gap:1em;align-items:baseline;justify-content:space-between;margin:clamp(14px,2vh,22px) 0 clamp(12px,2vh,18px);border-bottom:1px solid var(--linie);padding-bottom:10px}.klimek-p__name{margin:0;font-size:clamp(13px,1.6vw,15px);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.klimek-p__preis{margin:0;font-size:clamp(13px,1.6vw,15px);white-space:nowrap}.klimek-p__hinweis{color:var(--fg-soft);font-size:12px}.klimek-p__detail{position:relative;margin:0 0 clamp(64px,12vh,140px)}.klimek-p__detail-bild img,.klimek-p__kapitel-bild img{display:block;width:100%;height:auto}.klimek-p__detail-text,.klimek-p__kapitel-text{max-width:30em;margin:clamp(18px,3vh,32px) auto 0;padding:0 clamp(20px,5vw,56px)}.klimek-p__label{margin:0 0 .9em;color:var(--fg);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.klimek-p__fliess{color:var(--fg-soft);font-size:clamp(13px,1.5vw,15px);line-height:1.9}.klimek-p__fliess p{margin:0 0 1em}.klimek-p__fliess p:last-child{margin-bottom:0}.klimek-p__kapitel{margin:0 0 clamp(80px,14vh,160px)}.klimek-p__legal{display:flex;flex-wrap:wrap;gap:.4em .75em;justify-content:center;padding:clamp(40px,8vh,90px) clamp(20px,5vw,56px) 0;color:var(--fg-soft);font-size:clamp(10px,1.5vw,12px);letter-spacing:.08em;text-transform:uppercase}.klimek-p__legal a{display:inline-flex;min-height:44px;align-items:center;padding:0 2px;border-bottom:1px solid currentColor;color:inherit;text-decoration:none}.klimek-p__legal{align-items:center}[data-zeigen]{opacity:0;transform:translateY(14px);transition:opacity .62s ease,transform .62s ease}[data-zeigen].is-sichtbar{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-zeigen]{opacity:1;transform:none;transition:none}.klimek-p__leiste{transition:none}}.klimek-p__detail{position:relative;min-height:190svh}.klimek-p__detail-bild{position:sticky;top:0;overflow:hidden;height:100svh}.klimek-p__detail-bild img{width:100%;height:100%;object-fit:cover}.klimek-p__detail-text{position:relative;z-index:2;max-width:26em;margin:-46svh auto 0;padding:clamp(22px,4vh,40px) clamp(20px,5vw,44px);background:color-mix(in srgb,var(--grund, #E9E5DA) 92%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.klimek-p__kapitel{position:relative;min-height:200svh}.klimek-p__kapitel-bild{position:sticky;top:0;overflow:hidden;height:100svh}.klimek-p__kapitel-bild img{width:100%;height:100%;object-fit:cover}.klimek-p__kapitel-text{position:relative;z-index:2;max-width:30em;margin:-52svh auto 0;padding:clamp(26px,5vh,52px) clamp(20px,5vw,48px);background:color-mix(in srgb,var(--grund, #E9E5DA) 94%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(min-width:750px){.klimek-p__ware{max-width:640px}.klimek-p__detail-text{margin-inline:0;margin-left:clamp(40px,8vw,140px)}.klimek-p__detail--rechts .klimek-p__detail-text{margin-left:auto;margin-right:clamp(40px,8vw,140px)}}.klimek-b{margin:0 0 clamp(64px,12vh,140px)}.klimek-b__spur{height:calc(var(--teile, 6) * 76svh + 30svh);view-timeline-name:--buehne;view-timeline-axis:block}.klimek-b__fix{position:sticky;top:0;display:grid;overflow:hidden;height:100svh;place-items:center}.klimek-b__teil{visibility:hidden;pointer-events:none;display:grid;width:min(88vw,620px);margin:0;grid-area:1 / 1;grid-template-areas:"bild" "nr" "text";grid-template-rows:auto auto auto;opacity:0;place-items:center}.klimek-b__bildlink{display:block;width:100%;grid-area:bild}.klimek-b__bild{display:block;width:100%;height:auto;max-height:46svh;grid-area:bild;object-fit:contain}.klimek-b__nr{position:relative;z-index:3;display:grid;grid-area:nr;color:#0505054d;font-size:clamp(38px,11vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1;mix-blend-mode:multiply;place-items:center}.klimek-b__ziffer{display:block;grid-area:1 / 1}.klimek-b__nr .klimek-b__marke{position:absolute;top:50%;left:50%;width:auto;max-width:none;max-height:none;height:1.25em;translate:-50% -50%;opacity:0}.klimek-b__unten{display:grid;width:100%;gap:clamp(8px,1.4vh,14px);margin-top:clamp(10px,2vh,20px);border-top:1px solid var(--linie);padding-top:12px;grid-area:text}@media(orientation:landscape)and (min-width:600px){.klimek-b__teil{width:min(94vw,1520px);align-items:center;gap:clamp(28px,5vw,80px);grid-template-areas:"bild nr text";grid-template-columns:minmax(0,1.2fr) auto minmax(0,.72fr);grid-template-rows:auto;place-items:center stretch}.klimek-b__bild{max-height:82svh}.klimek-b__bildlink,.klimek-b__bild{align-self:center}.klimek-b__unten{margin-top:0;align-self:center;max-width:34em}.klimek-b__zeile{font-size:clamp(14px,1.3vw,18px)}.klimek-b__info{font-size:clamp(11px,.95vw,14px)}.klimek-b__nr{color:#05050561;font-size:clamp(64px,7vw,150px);padding-inline:clamp(6px,1vw,20px)}}@media(orientation:landscape)and (min-width:600px)and (max-height:560px){.klimek-b__bild{max-height:74svh}.klimek-b__unten{gap:8px;padding-top:8px}}.klimek-b__zeile{display:flex;gap:1em;align-items:baseline;justify-content:space-between;font-size:clamp(13px,2.4vw,17px);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.klimek-b__info{color:var(--fg-soft);font-size:clamp(11px,1.9vw,13px);letter-spacing:.06em;text-transform:uppercase}.klimek-b__form{display:block}.klimek-b__mehr{color:inherit;text-decoration:none;border-bottom:1px solid var(--linie);padding-bottom:2px}@media(hover:hover){.klimek-b__mehr:hover{border-bottom-color:var(--fg)}}.klimek-b__zaehler{position:absolute;bottom:clamp(18px,4vh,40px);left:50%;width:min(60vw,260px);height:1px;transform:translate(-50%);background:var(--linie)}.klimek-b__balken{display:block;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--fg)}@supports (animation-timeline: view()){.klimek-b__teil{animation:klimek-wechsel linear both;animation-timeline:--buehne;animation-range:contain var(--von) contain var(--bis)}.klimek-b__teil--erst{animation-range:entry 0% contain var(--bis)}.klimek-b__teil--erst .klimek-b__unten{animation-range:entry 20% contain var(--bis)}.klimek-b__teil--erst .klimek-b__nr,.klimek-b__teil--erst .klimek-b__marke{animation-range:contain 0% contain var(--bis)}.klimek-b__teil--erst .klimek-b__nr{animation-name:klimek-nr-erst}@keyframes klimek-nr-erst{0%,30%{opacity:0;filter:blur(7px);transform:scale(1.35)}56%,72%{opacity:1;filter:blur(0);transform:scale(1)}86%,to{opacity:0;filter:blur(7px);transform:scale(.72)}}.klimek-b__teil--letzt{animation-name:klimek-wechsel-schluss}.klimek-b__teil--letzt .klimek-b__nr{animation-name:klimek-nr-schluss}.klimek-b__teil--letzt .klimek-b__unten{animation-name:klimek-schrift-schluss}@keyframes klimek-wechsel{0%{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(34%,4%,0) scale(1.22) rotate(2.5deg)}28%{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1) rotate(0)}68%{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1) rotate(0)}to{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-34%,-4%,0) scale(.82) rotate(-2.5deg)}}@keyframes klimek-wechsel-schluss{0%{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(34%,4%,0) scale(1.22) rotate(2.5deg)}28%,to{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1) rotate(0)}}.klimek-b__fix{animation:klimek-grund linear both;animation-timeline:--buehne;animation-range:contain 0% contain 100%}@keyframes klimek-grund{0%{background-color:var(--grund, #E9E5DA)}50%{background-color:#dcd8cc}to{background-color:var(--grund, #E9E5DA)}}.klimek-b__nr{animation:klimek-nr linear both;animation-timeline:--buehne;animation-range:contain var(--von) contain var(--bis)}@keyframes klimek-nr{0%,20%{opacity:0;filter:blur(7px);transform:scale(1.35)}36%,64%{opacity:1;filter:blur(0);transform:scale(1)}80%,to{opacity:0;filter:blur(7px);transform:scale(.72)}}.klimek-b__marke{animation:klimek-marke linear both;animation-timeline:--buehne}@keyframes klimek-marke{0%,30%{opacity:1;filter:blur(0);transform:scale(1)}56%,to{opacity:0;filter:blur(7px);transform:scale(.72)}}@keyframes klimek-nr-schluss{0%,20%{opacity:0;filter:blur(7px);transform:scale(1.35)}36%,to{opacity:1;filter:blur(0);transform:scale(1)}}.klimek-b__teil figcaption{animation:klimek-schrift linear both;animation-timeline:--buehne;animation-range:contain var(--von) contain var(--bis)}@keyframes klimek-schrift{0%,34%{opacity:0}44%,62%{opacity:1}72%,to{opacity:0}}@keyframes klimek-schrift-schluss{0%,34%{opacity:0}44%,to{opacity:1}}.klimek-b__balken{animation:klimek-balken linear both;animation-timeline:--buehne;animation-range:contain 0% contain 100%}@keyframes klimek-balken{to{transform:scaleX(1)}}[data-parallax] img{animation:klimek-parallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes klimek-parallax{0%{transform:translateY(-7%) scale(1.32)}to{transform:translateY(7%) scale(1.02)}}[data-zeigen]{opacity:1;transform:none;animation:klimek-auf linear both;animation-timeline:view();animation-range:entry 8% entry 62%}@keyframes klimek-auf{0%{opacity:0;transform:translateY(18px);clip-path:inset(0 0 22% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.klimek-p__label{animation:klimek-linie linear both;animation-timeline:view();animation-range:entry 12% entry 55%}@keyframes klimek-linie{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}}@media(prefers-reduced-motion:reduce){.klimek-b__spur{height:auto;view-timeline-name:none}.klimek-b__fix{position:static;display:block;overflow:visible;height:auto;animation:none;background-color:transparent}.klimek-b__teil{position:relative;visibility:visible;pointer-events:auto;width:min(88vw,620px);margin:0 auto clamp(48px,9vh,96px);opacity:1;animation:none;transform:none}.klimek-b__bild{max-height:none}.klimek-b__nr{transform:none;filter:none;opacity:1;animation:none;font-size:clamp(32px,8vw,64px)}.klimek-b__marke{display:none}.klimek-b__teil figcaption,.klimek-b__balken,[data-parallax] img,[data-zeigen],.klimek-p__label{opacity:1;animation:none;transform:none;clip-path:none}.klimek-b__zaehler{display:none}.klimek-p__detail,.klimek-p__kapitel{min-height:0}.klimek-p__detail-bild,.klimek-p__kapitel-bild{position:static;height:auto}.klimek-p__detail-bild img,.klimek-p__kapitel-bild img{height:auto;aspect-ratio:3 / 2}.klimek-p__detail-text,.klimek-p__kapitel-text{margin-top:0;-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/5/compiled_assets/styles.css.map?subset=AACA */