.trepsa-video{background:var(--tv-bg, #fff);padding:clamp(48px,9vw,96px) var(--gutter-container, 16px) clamp(56px,8vw,80px);overflow:visible}.trepsa-video__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;overflow:visible}@media(min-width:750px){.trepsa-video__inner{grid-template-columns:minmax(0,620px) minmax(0,480px);gap:56px}.trepsa-video--reverse .trepsa-video__inner{grid-template-columns:minmax(0,480px) minmax(0,620px)}.trepsa-video--reverse .trepsa-video__media{order:2}.trepsa-video--reverse .trepsa-video__content{order:1}}.trepsa-video__media{width:100%}.trepsa-video__embed-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#111827;cursor:pointer;box-shadow:0 14px 24px #00000024;transition:transform .35s ease,box-shadow .35s ease}.trepsa-video__embed-wrap:hover{transform:translateY(-6px);box-shadow:0 28px 52px #00000042}.trepsa-video__embed-wrap--img{background:#f5f5f3;cursor:default}.trepsa-video__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;z-index:30}.trepsa-video__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .35s ease}.trepsa-video__embed-wrap:hover .trepsa-video__thumb{transform:scale(1.03)}.trepsa-video__thumb--empty{background:#1f2937}.trepsa-video__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.trepsa-video__embed-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;opacity:0;transition:opacity .28s ease;pointer-events:none;z-index:1}.trepsa-video__embed-wrap:hover:after{opacity:1}.trepsa-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:transparent;border:none;cursor:pointer;padding:0;z-index:20;display:flex;align-items:center;justify-content:center}.trepsa-video__play-ring{width:72px;height:72px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 18px #0000002e;transition:transform .35s ease,box-shadow .35s ease}.trepsa-video__play-ring svg{width:26px;height:26px;margin-left:4px}.trepsa-video__embed-wrap:hover .trepsa-video__play-ring{transform:scale(1.12);box-shadow:0 18px 36px #00000047}.trepsa-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff6;padding:24px;text-align:center;z-index:2}.trepsa-video__placeholder svg{width:48px;height:48px}.trepsa-video__placeholder span{font-size:12px;font-weight:800}.trepsa-video__content{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.trepsa-video__kicker{font-size:12px;font-weight:900;letter-spacing:.2px;opacity:.65;color:var(--tv-btn-bg, #4DA0D3)}.trepsa-video__title{margin:0;font-weight:900;line-height:1.15;color:#111827}.trepsa-video__text{font-size:14px;line-height:1.55;opacity:.9;max-width:48ch}.trepsa-video__text p{margin:0 0 .6em}.trepsa-video__text p:last-child{margin-bottom:0}.trepsa-video__links{display:flex;flex-wrap:wrap;gap:12px}.trepsa-video__btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:var(--tv-btn-bg, #4DA0D3);color:#fff;border-radius:999px;font-weight:900;font-size:14px;text-decoration:none;box-shadow:0 10px 18px #0000002e;transition:transform .35s ease,box-shadow .35s ease;white-space:nowrap}.trepsa-video__btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px #00000042}.trepsa-video__btn--ghost{background:#fff;color:#111827;border:1px solid rgba(17,24,39,.16);box-shadow:0 10px 18px #0000001a}.trepsa-video__btn--ghost:hover{box-shadow:0 18px 36px #00000029}.trepsa-video__btn-icon{display:inline-flex;align-items:center;width:18px;height:18px;flex-shrink:0}.trepsa-video__btn-icon svg{width:18px;height:18px}.trepsa-anleitung__inner{width:100%;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;background:#fff;border-radius:16px;border:1px solid rgba(17,24,39,.1);box-shadow:0 14px 24px #0000001a;transition:transform .35s ease,box-shadow .35s ease}.trepsa-anleitung__inner:hover{transform:translateY(-3px);box-shadow:0 28px 52px #0000002e}.trepsa-anleitung__icon{flex-shrink:0;width:48px;height:48px;background:#fff;border-radius:14px;color:var(--ta-accent, #4DA0D3);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px #0000001a}.trepsa-anleitung__icon svg{width:28px;height:28px}.trepsa-anleitung__body{flex:1 1 140px;display:flex;flex-direction:column;gap:4px}.trepsa-anleitung__kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.55;color:var(--ta-accent, #4DA0D3)}.trepsa-anleitung__title{margin:0;font-weight:900;font-size:15px;line-height:1.2;color:#111827}.trepsa-anleitung__text{font-size:13px;line-height:1.55;opacity:.85;margin:0}.trepsa-anleitung__text p{margin:0}.trepsa-anleitung__action{flex-shrink:0}.trepsa-anleitung__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--ta-btn-bg, #4DA0D3);color:#fff;border-radius:999px;font-weight:900;font-size:14px;text-decoration:none;white-space:nowrap;box-shadow:0 10px 18px #0000002e;transition:transform .35s ease,box-shadow .35s ease}.trepsa-anleitung__btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px #00000042}.trepsa-anleitung__btn-icon{display:inline-flex;align-items:center;width:16px;height:16px;flex-shrink:0}.trepsa-anleitung__btn-icon svg{width:16px;height:16px}@media(max-width:749px){.trepsa-video__media{order:1}.trepsa-video__content{order:2}.trepsa-video__play,.trepsa-video__play-ring{width:60px;height:60px}.trepsa-video__play-ring svg{width:22px;height:22px}.trepsa-video__btn{flex:1 1 auto;justify-content:center}.trepsa-anleitung__action{width:100%}.trepsa-anleitung__btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/trepsa-video.css.map */