.udf{position:relative;background:#05070a;color:#fff;overflow:clip}.udf__rahmen{position:relative;isolation:isolate;overflow:hidden;height:100vh;height:100svh;min-height:560px;max-height:1080px;display:flex;align-items:flex-end;background:#05070a}.udf__standbild,.udf__standbild img,.udf__film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.udf__film{opacity:0;transition:opacity .5s ease}.udf.is-laeuft .udf__film{opacity:1}.udf__schleier{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#05070aeb,#05070a8c 34%,#05070a00 60%),linear-gradient(180deg,#05070a8c,#05070a00 18%)}.udf__inhalt{position:relative;z-index:2;width:100%;max-width:60rem;padding:0 var(--page-margin, 40px) clamp(36px,7vh,72px)}.udf__kicker{font-family:var(--usp-mono, ui-monospace, Menlo, monospace);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ff5a5a;margin:0 0 14px;text-shadow:0 1px 12px rgba(0,0,0,.85)}.udf__titel{font-family:var(--font-heading--family, "Barlow Condensed", Impact, sans-serif);font-weight:700;text-transform:uppercase;line-height:.95;font-size:clamp(2.3rem,6.4vw,4.8rem);margin:0 0 12px;color:#fff;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.45)}.udf__drei{font-family:var(--font-heading--family, "Barlow Condensed", Impact, sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.1;margin:0 0 14px;color:#ffffffeb}.udf__drei span{display:inline-block}.udf__drei span:nth-child(2){color:#ff5a5a}.udf__text{font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.55;color:#ffffffe0;max-width:44ch;margin:0}.udf__cta{display:inline-block;margin-top:22px;font-family:var(--font-heading--family, "Barlow Condensed", Impact, sans-serif);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:1.02rem;color:#fff;text-decoration:none;background:var(--usp-red, #e31616);padding:13px 26px}.udf__cta:focus-visible,.udf__pause:focus-visible{outline:2px solid #fff;outline-offset:3px}.udf__hud{position:absolute;z-index:3;right:var(--page-margin, 40px);bottom:clamp(36px,7vh,72px);width:min(400px,34vw);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 14px;font-family:var(--usp-mono, ui-monospace, Menlo, monospace);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;text-shadow:0 1px 8px rgba(0,0,0,.8)}.udf__takte{grid-column:1 / -1;display:flex;gap:4px;margin:0;padding:0;list-style:none}.udf__takte li{flex:1;height:3px;background:#ffffff3d;overflow:hidden}.udf__takte i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%}.udf__werte{display:flex;gap:16px;margin:0;white-space:nowrap}.udf__werte b{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.udf__rec i{display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;vertical-align:middle;border-radius:50%;background:#fff6}.udf.is-laeuft:not(.is-angehalten) .udf__rec i{background:#ff3b30;animation:udf-rec 1.2s steps(2,jump-none) infinite}@keyframes udf-rec{50%{opacity:.25}}.udf__pause{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#05070a59;color:#fff;cursor:pointer}.udf__pause svg{width:11px;height:11px;fill:currentColor}.udf__ico-play,.udf.is-angehalten .udf__ico-pause{display:none}.udf.is-angehalten .udf__ico-play{display:inline}.udf__ort{grid-column:1 / -1;margin:0;font-size:10px;color:#ffffff9e}.udf__takte,.udf__werte,.udf__pause{opacity:0;transition:opacity .4s ease}.udf.is-laeuft .udf__takte,.udf.is-laeuft .udf__werte,.udf.is-laeuft .udf__pause{opacity:1}@media(prefers-reduced-motion:no-preference){.udf--js .udf__titel,.udf--js .udf__drei span,.udf--js .udf__text,.udf--js .udf__cta{opacity:0;transform:translateY(.5em);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}.udf--js .udf__drei span{transition-delay:calc(.35s + var(--k, 0) * .28s)}.udf--js .udf__text{transition-delay:1.3s}.udf--js .udf__cta{transition-delay:1.45s}.udf--js.is-da .udf__titel,.udf--js.is-da .udf__drei span,.udf--js.is-da .udf__text,.udf--js.is-da .udf__cta{opacity:1;transform:none}@supports (animation-timeline: view()){.udf__rahmen{animation:udf-aufziehen linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes udf-aufziehen{0%{transform:scale(.86);border-radius:28px}to{transform:none;border-radius:0}}}}@media(max-width:749px){.udf__rahmen{min-height:520px;max-height:none}.udf__inhalt{padding-bottom:calc(var(--usp-tabbar-h, 60px) + env(safe-area-inset-bottom,0px) + 34px)}.udf__cta{display:block;text-align:center;margin-right:62px}.udf__hud{top:106px;bottom:auto;left:18px;right:18px;width:auto;font-size:10px;gap:10px 12px}.udf__takte li{height:2px}.udf__ort{font-size:9px}}.udf{--udf-lvh-extra: 0px}@supports (height: 1lvh){.udf{--udf-lvh-extra: calc(100lvh - 100svh) }.udf__rahmen{height:100lvh}}.udf__inhalt{padding-bottom:calc(clamp(36px,7vh,72px) + var(--udf-lvh-extra))}.udf__hud{bottom:calc(clamp(36px,7vh,72px) + var(--udf-lvh-extra))}@media(max-width:749px){.udf__inhalt{padding-bottom:calc(var(--usp-tabbar-h, 60px) + env(safe-area-inset-bottom,0px) + 34px + var(--udf-lvh-extra))}.udf__hud{top:calc(var(--usp-kopf-zone, 60px) + 46px);bottom:auto}}@media screen and (max-width:989px)and (orientation:landscape)and (max-height:520px){.udf__rahmen{min-height:0;max-height:none}.udf__inhalt{max-width:58%;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px) + var(--udf-lvh-extra))}.udf__kicker{margin-bottom:8px}.udf__titel{font-size:clamp(1.5rem,4.2vw,2.2rem);margin-bottom:6px}.udf__drei{font-size:1.05rem;margin-bottom:8px}.udf__text{font-size:.9rem;line-height:1.45}.udf__cta{margin-top:12px;padding:10px 20px}.udf__hud{top:calc(var(--usp-kopf-zone, 74px) + 10px);bottom:auto;right:var(--page-margin, 24px);width:min(300px,34vw);font-size:10px}}@media screen and (max-width:989px)and (orientation:landscape)and (max-height:400px){.udf__text{display:none}}@media(prefers-reduced-motion:reduce){.udf__film,.udf__takte,.udf__werte,.udf__pause{display:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/usp-drohnenfilm.css.map */