.praktiken-intro__frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;display:flex;align-items:flex-end;color:var(--color-on-dark);isolation:isolate}.praktiken-intro__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.praktiken-intro__media-layer{position:absolute;top:0;right:0;bottom:0;left:0}.praktiken-intro__media-layer--mobile{display:none}.praktiken-intro__media-el{width:100%;height:100%;object-fit:cover;background:var(--color-dark-2)}.praktiken-intro__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,oklch(15% .015 50 / calc(var(--pi-overlay-alpha, .4) * .35)),oklch(15% .015 50 / calc(var(--pi-overlay-alpha, .4) * .9)));pointer-events:none}.praktiken-intro__content{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:clamp(28px,5vw,64px) 24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:640px}.praktiken-intro__eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-soft);font-weight:700}.praktiken-intro__heading{font-family:var(--font-heading);font-weight:500;font-size:clamp(32px,4.6vw,56px);line-height:1.08;text-wrap:balance}.praktiken-intro__text{font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--color-on-dark-soft);max-width:520px;margin:0}.praktiken-intro__cta{margin-top:6px}@media(max-width:640px){.praktiken-intro__frame{aspect-ratio:4 / 5}.praktiken-intro__media-layer--desktop{display:none}.praktiken-intro__media-layer--mobile{display:block}.praktiken-intro__content{padding:24px 20px 32px}}.praktiken-featured__inner{max-width:1240px;margin:0 auto;padding:clamp(24px,3vw,40px) 24px clamp(64px,8vw,100px);display:flex;flex-direction:column;gap:clamp(22px,3vw,32px)}.praktiken-featured__lede{max-width:640px}.praktiken-featured__text{margin:10px 0 0;font-size:15px;line-height:1.65;color:var(--color-text-soft)}.praktiken-featured__frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-dark)}.praktiken-featured__video{width:100%;height:100%;object-fit:cover;display:block}.praktiken-featured__frame>*{width:100%;height:100%}@media(max-width:640px){.praktiken-featured__frame{aspect-ratio:4 / 3}}.praktiken-library{background:var(--color-bg);overflow-x:hidden}.praktiken-library__inner{max-width:1280px;margin:0 auto;padding:clamp(48px,6vw,80px) 24px;display:flex;flex-direction:column;gap:clamp(24px,3vw,36px)}.praktiken-library__intro{margin:10px 0 0;font-size:15px;line-height:1.65;color:var(--color-text-soft);max-width:60ch}.praktiken-library__empty,.praktiken-library__editor-hint{margin:0;padding:32px;text-align:center;border-radius:var(--radius-lg);background:var(--color-surface-alt);color:var(--color-text-soft);font-size:14px}.praktiken-library__filters{display:flex;flex-wrap:wrap;gap:8px}.praktiken-library__filter{-webkit-appearance:none;appearance:none;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-weight:600;font-size:13px;line-height:1;padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;cursor:pointer;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-micro) ease}.praktiken-library__filter:hover{border-color:var(--color-text-soft)}.praktiken-library__filter:active{transform:scale(.96)}.praktiken-library__filter--active{background:var(--color-dark);color:var(--color-on-dark);border-color:var(--color-dark)}.media-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px)}.media-grid__item{min-width:0}.media-grid__item[hidden]{display:none}.media-grid__item--wide{grid-column:span 2}.media-grid__trigger{-webkit-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;width:100%;cursor:pointer;display:block;text-align:left;border-radius:var(--radius-lg)}.media-grid__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.media-grid__media{position:relative;display:block;width:100%;aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-alt)}.media-grid__item--wide .media-grid__media{aspect-ratio:16 / 9}.media-grid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-reveal) var(--ease-out-cubic)}.media-grid__trigger:hover .media-grid__image{transform:scale(1.03)}.media-grid__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#1d17138c;color:var(--color-on-dark);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.media-grid__caption{display:block;margin-top:10px}.media-grid__title{display:block;font-weight:700;font-size:14px;color:var(--color-text)}.media-grid__desc{display:block;margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--color-text-soft)}@media(max-width:1239px){.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:859px){.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:479px){.media-grid{grid-template-columns:1fr;gap:16px}.media-grid__item--wide{grid-column:span 1}.media-grid__media,.media-grid__item--wide .media-grid__media{aspect-ratio:4 / 3}}.media-grid--gallery{grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(90px,10vw,150px);grid-auto-flow:dense}.media-grid--gallery .media-grid__trigger{height:100%}.media-grid--gallery .media-grid__media{aspect-ratio:auto;height:100%}.media-grid--gallery .media-grid__item--wide{grid-column:span 4;grid-row:span 3}.media-grid--gallery .media-grid__item:nth-child(2){grid-column:span 2;grid-row:span 2}.media-grid--gallery .media-grid__item:nth-child(3){grid-column:span 2;grid-row:span 1}.media-grid--gallery .media-grid__item:nth-child(4){grid-column:span 3;grid-row:span 2}.media-grid--gallery .media-grid__item:nth-child(5),.media-grid--gallery .media-grid__item:nth-child(6){grid-column:span 3;grid-row:span 1}@media(max-width:859px){.media-grid--gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(140px,22vw,220px)}.media-grid--gallery .media-grid__item--wide{grid-column:span 2;grid-row:span 2}.media-grid--gallery .media-grid__item:nth-child(2),.media-grid--gallery .media-grid__item:nth-child(4){grid-column:span 2;grid-row:span 1}.media-grid--gallery .media-grid__item:nth-child(3),.media-grid--gallery .media-grid__item:nth-child(5),.media-grid--gallery .media-grid__item:nth-child(6){grid-column:span 1;grid-row:span 1}}@media(max-width:639px){.media-grid--gallery{display:flex;grid-template-columns:none;grid-auto-flow:row;overflow-x:auto;max-width:100%;scroll-snap-type:x mandatory;gap:14px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.media-grid--gallery .media-grid__item{flex:0 0 76%;min-width:0;scroll-snap-align:start;grid-column:auto;grid-row:auto}.media-grid--gallery .media-grid__media{aspect-ratio:4 / 5;height:auto}}.praktiken-cta{background:var(--color-surface-alt)}.praktiken-cta__inner{max-width:640px;margin:0 auto;padding:clamp(64px,8vw,100px) 24px;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}.praktiken-cta__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.praktiken-lightbox{border:none;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100%;height:100%;margin:0}.praktiken-lightbox::backdrop{background:#0f0a08eb}.praktiken-lightbox__inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px)}.praktiken-lightbox__media{position:relative;max-width:min(1200px,92vw);max-height:86vh;display:flex;align-items:center;justify-content:center}.praktiken-lightbox__media img,.praktiken-lightbox__media video{max-width:100%;max-height:86vh;width:auto;height:auto;border-radius:var(--radius-md);display:block}.praktiken-lightbox__caption{position:absolute;left:0;right:0;bottom:-34px;text-align:center;color:var(--color-on-dark-soft);font-size:13px}.praktiken-lightbox__btn{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;background:#1d171399;color:var(--color-on-dark);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) ease,transform var(--duration-micro) ease}.praktiken-lightbox__btn:hover{background:#1d1713d9}.praktiken-lightbox__btn:active{transform:scale(.93)}.praktiken-lightbox__prev:active,.praktiken-lightbox__next:active{transform:translateY(-50%) scale(.93)}.praktiken-lightbox__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.praktiken-lightbox__close{position:absolute;top:clamp(10px,2vw,24px);right:clamp(10px,2vw,24px);z-index:2}.praktiken-lightbox__prev,.praktiken-lightbox__next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.praktiken-lightbox__prev{left:clamp(6px,2vw,20px)}.praktiken-lightbox__next{right:clamp(6px,2vw,20px)}@media(max-width:640px){.praktiken-lightbox__caption{bottom:-28px;font-size:12px}}@media(prefers-reduced-motion:reduce){.praktiken-library__filter,.media-grid__image,.praktiken-lightbox__btn{transition:none}.praktiken-library__filter:active,.media-grid__trigger:hover .media-grid__image,.praktiken-lightbox__close:active{transform:none}.praktiken-lightbox__prev:active,.praktiken-lightbox__next:active{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/praktiken.css.map */