.praktiken-showcase__inner{max-width:1280px;margin:0 auto;padding:clamp(56px,7vw,96px) 24px;display:grid;grid-template-columns:3fr 2fr;gap:clamp(28px,5vw,64px);align-items:center}.praktiken-showcase--content-left .praktiken-showcase__content{order:1}.praktiken-showcase--content-left .praktiken-showcase__media,.praktiken-showcase--content-right .praktiken-showcase__content{order:2}.praktiken-showcase--content-right .praktiken-showcase__media{order:1}.praktiken-showcase__media{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:var(--radius-xl);overflow:hidden}.praktiken-showcase__media-layer{position:absolute;top:0;right:0;bottom:0;left:0}.praktiken-showcase__media-layer--mobile{display:none}.praktiken-showcase__image{width:100%;height:100%;object-fit:cover;display:block;background:var(--color-surface-alt)}.praktiken-showcase__content{display:flex;flex-direction:column;gap:18px;min-width:260px}.praktiken-showcase__body{font-size:16px;line-height:1.7;color:var(--color-text-soft);max-width:46ch}.praktiken-showcase__body p{margin:0 0 1em}.praktiken-showcase__body p:last-child{margin-bottom:0}.praktiken-showcase__supporting{display:flex;gap:14px;margin-top:6px}.praktiken-showcase__supporting-item{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-alt);flex:1 1 0;aspect-ratio:4 / 5}.praktiken-showcase--support-1 .praktiken-showcase__supporting-item{flex:1 1 100%;aspect-ratio:3 / 2}.praktiken-showcase--support-2 .praktiken-showcase__supporting-item:first-child{flex:1.15 1 0}.praktiken-showcase--support-2 .praktiken-showcase__supporting-item:last-child{flex:1 1 0;aspect-ratio:3 / 4;margin-top:28px}.praktiken-showcase__supporting-image{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:859px){.praktiken-showcase__inner{grid-template-columns:1fr}.praktiken-showcase--content-left .praktiken-showcase__content,.praktiken-showcase--content-right .praktiken-showcase__content{order:2}.praktiken-showcase--content-left .praktiken-showcase__media,.praktiken-showcase--content-right .praktiken-showcase__media{order:1}.praktiken-showcase__media{aspect-ratio:4 / 5}.praktiken-showcase__media-layer--desktop{display:none}.praktiken-showcase__media-layer--mobile{display:block}.praktiken-showcase__supporting{flex-direction:column}.praktiken-showcase--support-1 .praktiken-showcase__supporting-item,.praktiken-showcase--support-2 .praktiken-showcase__supporting-item:first-child,.praktiken-showcase--support-2 .praktiken-showcase__supporting-item:last-child{flex:1 1 auto;aspect-ratio:4 / 5;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/praktiken-showcase.css.map */