.ff-welcome{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 36px);margin:auto;padding:36px 44px 32px;border:1px solid var(--lg-edge,rgba(255,255,255,.96));border-radius:28px;background:var(--lg-action);color:var(--lg-ink,#24333c);box-shadow:var(--lg-rim),0 32px 80px -25px rgba(36,51,60,.45);backdrop-filter:blur(34px) saturate(170%);-webkit-backdrop-filter:blur(34px) saturate(170%);overflow:auto;text-align:center;isolation:isolate}
.ff-welcome::backdrop{background:rgba(28,40,53,.32);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.ff-welcome[open]{animation:ff-welcome-in .38s cubic-bezier(.16,1,.3,1)}
.ff-welcome h2{font-family:'Space Grotesk',sans-serif;font-size:28px;line-height:1.2;letter-spacing:-.025em;color:var(--lg-ink);margin:10px 0 10px;text-wrap:balance}
.ff-welcome .ff-welcome-intro{font-family:Inter,sans-serif;font-size:14px;color:#42535f;line-height:1.65;margin:0 auto;max-width:48ch}
.ff-welcome-close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:var(--lg-clear);color:var(--lg-ink);cursor:pointer;box-shadow:inset 0 1px 0 #fff}
.ff-welcome-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7}
.ff-welcome-visuals{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;margin:24px 0 26px;min-height:220px}
.ff-welcome-products{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:110px 110px;gap:9px 6px;align-items:center;min-width:0}
.ff-welcome-product{margin:0;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.ff-welcome-product img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:drop-shadow(0 6px 6px rgba(45,60,68,.12))}
.ff-welcome-smoke{grid-column:1;grid-row:1}.ff-welcome-smoke img{object-view-box:inset(1% 2% 1% 2%)}
.ff-welcome-camera{grid-column:1;grid-row:2}.ff-welcome-camera img{object-view-box:inset(16% 1% 22% 1%)}
.ff-welcome-spray{grid-column:2;grid-row:1 / 3}.ff-welcome-spray img{object-view-box:inset(13% 42% 14% 44%)}
.ff-welcome-brand{padding:14px 4px;display:flex;align-items:center;justify-content:center;min-width:0}.ff-welcome-brand img{display:block;width:min(100%,214px);height:auto;max-height:222px;object-fit:contain;mix-blend-mode:multiply}
.ff-welcome-actions{display:flex;flex-direction:column;gap:13px;align-items:center}.ff-welcome-actions .ff-welcome-consult{width:100%;min-height:60px;justify-content:center;font-size:17px;font-weight:700;letter-spacing:0;white-space:normal;text-wrap:balance;padding:16px 20px}.ff-welcome-actions .ff-welcome-continue{min-height:44px;justify-content:center;font-size:13px;padding:11px 25px;font-weight:500;color:#344952}
.ff-welcome :focus-visible{outline:3px solid #95372f;outline-offset:4px}.ff-welcome-close:hover{background:rgba(255,255,255,.75)}
@keyframes ff-welcome-in{from{opacity:0;transform:translateY(16px) scale(.975);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:600px){.ff-welcome{padding:31px 22px 24px;border-radius:24px;max-height:calc(100dvh - 28px)}.ff-welcome h2{font-size:23px;margin-top:13px}.ff-welcome .ff-welcome-intro{font-size:12px}.ff-welcome-close{width:32px;height:32px;top:10px;right:10px}.ff-welcome-visuals{grid-template-columns:1.2fr 1fr;gap:14px;margin:21px 0 22px;min-height:170px}.ff-welcome-products{grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:82px 82px;gap:6px 4px}.ff-welcome-brand{padding:4px 0}.ff-welcome-brand img{max-height:156px}.ff-welcome-actions{gap:12px}.ff-welcome-actions .ff-welcome-consult{min-height:58px;font-size:14px;padding:15px 12px}.ff-welcome-actions .ff-welcome-continue{font-size:12px}}
@media(max-height:530px) and (min-width:601px){.ff-welcome{padding-top:25px;padding-bottom:24px}.ff-welcome-visuals{margin-block:14px;min-height:150px}.ff-welcome-products{grid-template-rows:72px 72px}.ff-welcome-brand img{max-height:145px}.ff-welcome h2{font-size:24px}.ff-welcome-actions .ff-welcome-consult{min-height:50px}}
@media(prefers-reduced-motion:reduce){.ff-welcome[open]{animation:none}}

.ff-welcome-products{mix-blend-mode:multiply}.ff-welcome-product img{mix-blend-mode:normal;filter:none}.ff-welcome-visuals{isolation:auto}
.ff-welcome{background:var(--lg-action),#f3eee7}

/* Deckende Produktkörper, echte transparente PNG-Hintergründe. */
.ff-welcome-products{display:flex;flex-direction:column;position:relative;grid-template-columns:none;grid-template-rows:none;gap:0;min-height:0;width:100%;height:auto;mix-blend-mode:normal}
.ff-welcome-viewport{width:100%;height:246px;position:relative;isolation:isolate}
.ff-welcome-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;opacity:0;z-index:1;pointer-events:none;transition:opacity 750ms cubic-bezier(.2,.65,.3,1);mix-blend-mode:normal}
.ff-welcome-slide.is-current{opacity:1;z-index:2}
.ff-welcome-slide img{display:block;width:100%;height:100%;max-width:270px;object-fit:contain;mix-blend-mode:normal;filter:none;opacity:1;image-rendering:auto}
@media(max-width:600px){.ff-welcome-viewport{height:186px}.ff-welcome-visuals{min-height:220px}.ff-welcome-product-info{gap:7px;flex-wrap:wrap;min-height:38px}.ff-welcome-product-name{font-size:10px}.ff-welcome-pause{font-size:10px;padding:4px 6px;min-height:30px}.ff-welcome-slide img{max-width:180px}}
@media(max-height:530px) and (min-width:601px){.ff-welcome-viewport{height:150px}.ff-welcome-product-info{min-height:32px}}
@media(prefers-reduced-motion:reduce){.ff-welcome-slide{transition-duration:150ms}}

.ff-welcome-slide img,.ff-welcome-spray-cutout{filter:url(#ffProductOpaque);opacity:1;mix-blend-mode:normal}.ff-welcome-spray-cutout{display:block;width:100%;height:100%;max-width:270px;overflow:visible}@media(max-width:600px){.ff-welcome-spray-cutout{max-width:180px}}

.ff-welcome [hidden]{display:none!important}
.ff-welcome-footer{margin:22px 0 0;font:400 10px/1.6 Inter,sans-serif;color:#53616a;text-wrap:balance}
.ff-welcome-form-panel{text-align:left;margin-top:24px}.ff-welcome-form-host .form-row{gap:13px}.ff-welcome-form-host .form-field{font-size:12px;gap:6px}.ff-welcome-form-host input,.ff-welcome-form-host textarea{background:rgba(255,255,255,.67);color:#24333c;border:1px solid rgba(66,83,95,.32);border-radius:12px;min-height:44px;font-size:14px}.ff-welcome-form-host textarea{min-height:104px;resize:vertical}.ff-welcome-form-host button[type="submit"]{width:100%;justify-content:center;min-height:50px;margin-top:4px}.ff-welcome-form-host .form-status{font-size:12px;line-height:1.5;margin-block:12px 0}.ff-welcome-form-panel>.ff-welcome-continue{display:flex;margin:18px auto 0;justify-content:center;font-size:12px;min-height:42px}.ff-welcome-is-form h2{padding-inline:20px;font-size:25px}.ff-welcome-is-success[open]{min-height:230px;display:flex;align-items:center;justify-content:center}.ff-welcome-confirmation{font:600 26px/1.3 Inter,sans-serif;margin:32px 0;color:#24333c}.ff-welcome-close:disabled,.ff-welcome-continue:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.ff-welcome-visuals{min-height:186px}.ff-welcome-is-form{padding:35px 22px 20px}.ff-welcome-is-form h2{font-size:22px;margin-top:18px;padding-inline:0}.ff-welcome-form-panel{margin-top:18px}.ff-welcome-form-host .form-two{grid-template-columns:1fr 1fr;gap:12px}.ff-welcome-footer{font-size:9px;margin-top:18px}.ff-welcome-form-host textarea{min-height:90px}.ff-welcome-form-host input{font-size:16px}.ff-welcome-confirmation{font-size:22px}}