
.fl{max-width:1080px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16)}
.fl h1{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.3rem);margin:0 0 .4rem}
.fl-lead{color:var(--ink-muted);max-width:640px;margin:0 0 var(--space-6);line-height:1.6}
.fl-admin{background:#FFF4E0;border:1px solid #F0D29A;color:#7A4E00;border-radius:12px;padding:.7rem 1rem;margin-bottom:var(--space-5);font-weight:700;font-size:.9rem}
.fl-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-8);align-items:start}
@media (max-width:860px){.fl-raster{grid-template-columns:1fr}}
.fl-buehne{position:sticky;top:90px;background:var(--card,#fff);border:1px solid var(--line);border-radius:20px;padding:var(--space-5);text-align:center}
@media (max-width:860px){.fl-buehne{position:static}}
.fl-buehne svg{width:100%;max-width:340px;height:auto;display:block;margin:0 auto}
.fl-licht{display:inline-flex;border:2px solid var(--line);border-radius:999px;overflow:hidden;margin-top:var(--space-3)}
.fl-licht button{border:0;background:none;padding:.45rem 1rem;font-weight:700;cursor:pointer;color:var(--ink-muted)}
.fl-licht button[aria-pressed="true"]{background:var(--mint-deep,#2f9e8f);color:#fff}
.fl-klein{font-size:.78rem;color:var(--ink-soft,#7a878b);margin:.6rem 0 0}
.fl-schritt{background:var(--card,#fff);border:1px solid var(--line);border-radius:18px;padding:var(--space-5);margin-bottom:var(--space-4)}
.fl-schritt h2{font-size:1.05rem;margin:0 0 .8rem;font-family:var(--font-display)}
.fl-art{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--space-4)}
.fl-art a{padding:.5rem 1rem;border-radius:999px;border:2px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700;font-size:.9rem}
.fl-art a.an{border-color:var(--mint-deep,#2f9e8f);background:var(--mint-soft,#e8f6f3)}
.fl-hinweis{background:#FFF8E6;border:2px solid #F2C14E;border-radius:14px;padding:.85rem 1rem;margin:0 0 1rem;font-size:.9rem;line-height:1.55}
.fl-hinweis b{display:block;font-size:.98rem;margin-bottom:.2rem}
.fl-farben{display:flex;flex-wrap:wrap;gap:.55rem}
.fl-farbe{width:42px;height:42px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:pointer;padding:0}
.fl-farbe[aria-checked="true"]{box-shadow:0 0 0 3px var(--mint-deep,#2f9e8f)}
.fl-farbname{margin:.6rem 0 0;font-weight:700;font-size:.9rem}
.fl-farbwarnung{margin:.5rem 0 0;padding:.55rem .8rem;border-radius:10px;background:#FBEFF0;color:#7d2a33;font-size:.86rem;font-weight:600}
.fl-anzahl{display:flex;flex-wrap:wrap;gap:.5rem}
.fl-anzahl button{border:2px solid var(--line);background:#fff;border-radius:12px;padding:.55rem .9rem;cursor:pointer;font-weight:700;text-align:left;line-height:1.3}
.fl-anzahl button small{display:block;font-weight:500;color:var(--ink-muted);font-size:.78rem}
.fl-anzahl button[aria-pressed="true"]{border-color:var(--mint-deep,#2f9e8f);background:var(--mint-soft,#e8f6f3)}
.fl-slot{border:1px dashed var(--line);border-radius:14px;padding:.8rem;margin-bottom:.7rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.fl-slot img{width:60px;height:80px;object-fit:cover;border-radius:6px;background:#eee}
.fl-slot .fl-slotinfo{flex:1;min-width:150px;font-size:.88rem}
.fl-slot .fl-slotinfo b{display:block}
.fl-knopf{display:inline-block;border:0;border-radius:12px;padding:.6rem 1rem;font-weight:700;cursor:pointer;background:var(--mint-deep,#2f9e8f);color:#fff;font-size:.9rem}
.fl-knopf.leise{background:#fff;color:var(--ink);border:2px solid var(--line)}
.fl-knopf:disabled{opacity:.5;cursor:not-allowed}
.fl-zuschnitt{display:none;margin-top:.6rem;text-align:center}
.fl-zuschnitt.offen{display:block}
.fl-zuschnitt canvas{width:100%;max-width:300px;aspect-ratio:3/4;border-radius:10px;touch-action:none;cursor:grab;background:#222}
.fl-zuschnitt input[type=range]{width:100%;max-width:300px}
.fl-summe{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem;font-weight:800;margin:.4rem 0 1rem}
.fl-summe small{font-weight:500;color:var(--ink-muted);font-size:.8rem}
.fl-haken{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;line-height:1.5;margin-bottom:.8rem}
.fl-haken input{margin-top:.25rem;width:18px;height:18px;accent-color:var(--mint-deep,#2f9e8f);flex-shrink:0}
.fl-fehler{color:#a3262f;font-weight:700;font-size:.9rem;min-height:1.2em;margin:.5rem 0}
.fl-info{font-size:.82rem;color:var(--ink-muted);line-height:1.6;margin:.8rem 0 0}

/* Produktgeschichte und Konfigurator, auf das vorhandene littleplott-Design abgestimmt. */
.fl{max-width:1200px;padding-top:24px;--fl-cream:#f5eee6;--fl-dark:#234d48}
.fl [id]{scroll-margin-top:110px}.fl img{max-width:100%}.fl h1,.fl h2{font-family:var(--font-display);line-height:1.13;letter-spacing:-.035em}.fl h2{font-size:clamp(1.75rem,3.1vw,2.65rem);margin:0 0 22px}.fl p{line-height:1.7}.fl a:focus-visible,.fl button:focus-visible,.fl summary:focus-visible{outline:3px solid #24655e;outline-offset:4px}
.fl-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem;color:var(--ink-muted);margin:0 0 25px}.fl-breadcrumb a{color:inherit;text-decoration:none}.fl-eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:var(--mint-xdeep);margin:0 0 15px}
.fl-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(26px,5vw,66px);align-items:center}.fl-product-photo{position:relative;border-radius:24px;overflow:hidden;background:var(--fl-cream);margin:0}.fl-product-photo>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.fl-photo-mark{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.93);padding:8px 14px;border-radius:99px;color:#31534c;font-size:.73rem;font-weight:800;box-shadow:0 3px 15px #0000000a}
.fl-thumbs{display:flex;gap:12px;margin-top:13px}.fl-thumb{display:flex;align-items:center;gap:10px;flex:1;padding:6px 10px 6px 6px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink-muted);font:inherit;font-size:.75rem;text-align:left;cursor:pointer}.fl-thumb img{width:48px;height:48px;object-fit:cover;border-radius:7px}.fl-thumb[aria-pressed=true]{border:2px solid var(--mint-xdeep);padding:5px 9px 5px 5px;color:var(--fl-dark)}.fl-visual-note{font-size:.68rem;color:var(--ink-muted);line-height:1.55;margin-top:10px}.fl-hero-copy h1{font-size:clamp(2.2rem,4.2vw,3.35rem);margin:0 0 22px}.fl-hero-copy h1 span{color:var(--fl-dark)}.fl-hero-lead{color:var(--ink-muted);font-size:1rem;margin:0 0 23px}.fl-feature-note{display:flex;gap:13px;align-items:flex-start;background:var(--mint-soft);padding:16px 18px;border-radius:14px;margin:0 0 25px}.fl-feature-note p{font-size:.82rem;margin:0;line-height:1.6}.fl-change-icon{font-size:1.8rem;line-height:1;color:var(--mint-xdeep);margin-top:3px}.fl-hero-price{margin-bottom:18px}.fl-hero-price>p{margin:4px 0 2px;line-height:1.2}.fl-from{font-size:.95rem;color:var(--ink-muted)}.fl-hero-price strong{font-family:var(--font-display);font-size:2.1rem}.fl-hero-price small{display:block;line-height:1.6;font-size:.72rem;color:var(--ink-muted);margin-top:3px}.fl-hero-price a{color:inherit}.fl-offer{display:inline-flex;padding:5px 10px;border-radius:7px;background:#fbecce;color:#765116;font-size:.73rem;font-weight:800;margin-bottom:7px}.fl-hero-cta{display:flex;justify-content:center;align-items:center;gap:22px;padding:14px 18px;border-radius:12px;background:#2f7d73;font-size:.95rem;text-decoration:none;min-height:48px}.fl-hero-cta:hover{background:#25675f}.fl-text-link{display:inline-block;color:var(--mint-xdeep);font-weight:700;text-decoration:underline;text-underline-offset:4px;font-size:.82rem;margin-top:13px}.fl-hero-facts{display:flex;flex-wrap:wrap;gap:6px 15px;list-style:none;font-size:.7rem;color:var(--ink-muted);padding:0;margin:18px 0 0}
.fl-change{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,6vw,76px);margin:88px 0;background:#edf5f1;border-radius:26px;padding:34px}.fl-change-copy>p:not(.fl-eyebrow){color:var(--ink-muted);font-size:.9rem}.fl-change figure{margin:0}.fl-change figure>img{display:block;width:100%;height:auto;border-radius:17px;aspect-ratio:1;object-fit:cover}.fl-change figcaption{font-size:.66rem;color:var(--ink-muted);margin-top:9px;line-height:1.55}.fl-change-steps{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:20px}.fl-change-steps li{display:flex;gap:13px}.fl-change-steps b{flex-shrink:0;font-size:.7rem;border:1px solid #b5d3c9;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#376e60}.fl-change-steps strong{font-size:.86rem}.fl-change-steps p{font-size:.78rem;margin:3px 0 0;color:var(--ink-muted);line-height:1.6}
.fl-details{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;margin-bottom:88px}.fl-details>div>p:last-child{color:var(--ink-muted);font-size:.9rem;max-width:480px}.fl-specs{margin:0}.fl-specs>div{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.82rem}.fl-specs dt{color:var(--ink-muted)}.fl-specs dd{margin:0;font-weight:600;line-height:1.5}
.fl-config{border-top:1px solid var(--line);padding-top:48px}.fl-config-heading{text-align:center;max-width:620px;margin:0 auto 27px}.fl-config-heading h2{margin-bottom:13px}.fl-config-heading>p:last-child{color:var(--ink-muted);font-size:.88rem}.fl-art{justify-content:center;margin:0 0 30px}.fl-art a{background:#fff}.fl-raster{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.fl-buehne{background:linear-gradient(145deg,#f8f3eb,#f1eee7);border-color:#e5ded3;padding:22px 28px;top:100px;box-shadow:none}.fl-buehne svg{max-width:330px;margin:6px auto}.fl-preview-label{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700;color:#715e47;margin:0 0 8px}.fl-schritt{border-radius:15px;padding:22px;background:#fff}.fl-schritt h2{font-size:1rem;letter-spacing:0}.fl-hinweis{background:#faf8f2;border:1px solid #e8dfc6;font-size:.8rem;line-height:1.6}.fl-hinweis b{font-size:.85rem}.fl-anzahl button{flex:1;min-width:110px;font:inherit;font-size:.85rem;min-height:60px}.fl-anzahl button small{font-size:.7rem;margin-top:5px}.fl-slot{background:#fafcfc;border-style:solid}.fl-knopf{min-height:40px}.fl-slot .fl-knopf{display:inline-flex;align-items:center}.fl-klein{font-size:.7rem}.fl-info{font-size:.77rem}#fl-kaufen{background:#2f7d73;min-height:48px}.fl-summe{padding-bottom:8px;border-bottom:1px solid var(--line)}
.fl-faq{display:grid;grid-template-columns:.65fr 1fr;gap:60px;margin:76px 0 8px;padding-top:40px;border-top:1px solid var(--line)}.fl-faq details{border-bottom:1px solid var(--line);padding:0}.fl-faq summary{font-size:.88rem;font-weight:700;cursor:pointer;padding:17px 24px 17px 0;line-height:1.5}.fl-faq details p{font-size:.82rem;color:var(--ink-muted);margin:0 0 20px}
@media(max-width:900px){.fl-hero{gap:28px}.fl-hero-copy h1{font-size:2.2rem}.fl-change{padding:24px;gap:26px}.fl-details{gap:30px}.fl-raster{grid-template-columns:1fr 1.1fr;gap:20px}}
@media(max-width:700px){.fl{padding:18px 18px 50px}.fl-breadcrumb{font-size:.7rem;margin-bottom:16px}.fl-hero,.fl-change,.fl-details,.fl-raster,.fl-faq{grid-template-columns:1fr}.fl-hero{gap:27px}.fl-gallery{max-width:550px;width:100%;margin:auto}.fl-hero-copy h1{font-size:clamp(2rem,8.5vw,2.7rem)}.fl-hero-copy .fl-eyebrow{font-size:.62rem}.fl-feature-note{margin-bottom:20px}.fl-hero-cta{width:100%}.fl-change{margin:52px 0;padding:22px 18px;gap:26px}.fl-change figure{order:-1}.fl-change h2,.fl-details h2,.fl-config h2,.fl-faq h2{font-size:1.8rem}.fl-details{gap:20px;margin-bottom:50px}.fl-specs>div{grid-template-columns:98px 1fr;font-size:.78rem}.fl-config{padding-top:35px}.fl-buehne{position:static;padding:20px}.fl-buehne svg{max-width:250px}.fl-schritt{padding:18px}.fl-faq{gap:8px;margin-top:44px;padding-top:30px}.fl-faq h2{margin-bottom:5px}.fl-thumbs{gap:8px}.fl-thumb{font-size:.7rem}.fl-photo-mark{font-size:.65rem;left:12px;bottom:12px}.fl-haken{font-size:.8rem}.fl-slot .fl-slotinfo{min-width:130px}.fl-offer{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.fl *{scroll-behavior:auto!important;transition:none!important}}

/* Motivpakete: identisch auf Produktseite und im Konfigurator. */
.fl-pakete{margin:20px 0;padding:18px;border:1px solid #ccded8;border-radius:16px;background:#f3f8f5;color:#233b34;text-align:left}
.fl-pakete .fl-pakete-kicker{font-size:.67rem;font-weight:800;letter-spacing:.08em;margin:0 0 7px;color:#467165}
.fl-pakete h3{font-size:1.12rem;line-height:1.3;margin:0 0 8px}.fl-pakete>p{font-size:.86rem;line-height:1.55;margin:0 0 12px}
.fl-pakete-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fl-paket{display:flex;flex-direction:column;gap:7px;border:1px solid #cadbd4;border-radius:11px;padding:13px;background:#fff;color:#233b34;text-decoration:none;transition:border-color .15s,box-shadow .15s;min-width:0}
.fl-paket:hover,.fl-paket:focus-visible{border-color:#28725f;box-shadow:0 0 0 2px #b9d5c8;outline:none}.fl-paket-best{border:2px solid #397e66}.fl-paket-name{font-size:.85rem;font-weight:700}.fl-paket strong{font-size:1.6rem;line-height:1.2}.fl-paket-save{align-self:flex-start;font-size:.76rem;font-weight:800;background:#e5f3e9;border-radius:6px;padding:3px 7px}.fl-paket-link{font-size:.75rem;font-weight:700;margin-top:auto}.fl-pakete .fl-pakete-note{font-size:.7rem;color:#587067;line-height:1.5;margin:12px 0 0}
.fl .fl-sparhinweis{margin:12px 0;padding:12px 14px;border-radius:10px;background:#e8f5e9;font-size:.88rem;line-height:1.5;color:#28583e;font-weight:650}.fl .fl-anzahl .fl-option-save{display:block;margin-top:5px;color:#287046;font-size:.75rem;font-weight:800}
@media(max-width:380px){.fl-pakete-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.fl-paket{transition:none}}

.fl-usb-hinweis{font-size:.83rem;line-height:1.55;color:#4d514e;margin:10px 0;padding:10px 12px;border-left:3px solid #9bafa3;background:#f5f6f2;border-radius:0 7px 7px 0}

/* Mobile-Prüfung 29.10.2026: Hinweistext und Touch-Bedienung. */
.fl-hero-price .fl-usb-hinweis{font-size:.83rem;line-height:1.55;margin:10px 0}
.fl-hero-price .fl-usb-hinweis strong{font-size:inherit;font-family:inherit;line-height:inherit}
@media(max-width:860px){
  .fl-farbe{width:44px;height:44px}
  .fl-knopf,.fl-licht button,.fl-art a{min-height:44px}
  .fl-licht button,.fl-art a{display:inline-flex;align-items:center;justify-content:center}
  .fl-zuschnitt input[type=range]{min-height:44px}
}

@media(max-width:860px){
  body:has(#fotolampe .fl-zuschnitt.offen) .wa-fab,
  body:has(#fotolampe .fl-zuschnitt.offen) .plotti-start,
  body:has(#fotolampe .fl-zuschnitt.offen) .plotti-blase,
  body:has(#fotolampe .fl-zuschnitt.offen) .plotti-fenster{display:none}
}

/* KI-Motivbeispiele, bewusst als Ausgangsfotos gekennzeichnet. */
.fl-beispiele{margin:44px auto;padding:28px;border:1px solid #e1e8e2;border-radius:22px;background:#f4f7f3;max-width:960px;color:#253e37}
.fl-beispiele header{max-width:680px;margin:0 auto 24px;text-align:center}.fl-beispiele .fl-beispiele-kicker{font-size:.66rem;font-weight:800;letter-spacing:.09em;margin:0 0 12px;color:#517567}.fl-beispiele h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}.fl-beispiele header>p:last-child{font-size:.88rem;line-height:1.7;margin:0}
.fl-beispiele-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.fl-beispiele figure{margin:0;padding:18px;border-radius:16px;background:#fff;min-width:0}.fl-beispiele figure>img{display:block;width:100%;max-width:300px;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:10px;margin:auto}.fl-beispiele figcaption{padding-top:14px;line-height:1.6}.fl-beispiele figcaption strong{font-size:.95rem}.fl-beispiele figcaption p{font-size:.82rem;margin:4px 0 7px;color:#52675f}.fl-beispiele figcaption span{font-size:.7rem;color:#687970}.fl-beispiele .fl-beispiele-note{font-size:.73rem;color:#61746a;line-height:1.6;margin:20px 0 16px}.fl-beispiele>.btn{max-width:100%;white-space:normal;text-align:center;min-height:44px}
@media(max-width:600px){.fl-beispiele{padding:20px 16px;margin:32px 0}.fl-beispiele-grid{grid-template-columns:1fr;gap:16px}.fl-beispiele figure{padding:16px}}
