/* Clarity360-Rahmen für Produktseiten (DESIGN.md v2.0, Abschnitt 13 und 15).
   Dieselbe Optik wie Kopfzeile und Fußzeile in home.css, aber mit fr-Präfix, damit die Produktfläche (product.css) unberührt bleibt.
   Kein Umschalter: Produktseiten haben eine feste Darstellung. */
.fr-top{position:sticky;top:0;z-index:100;background:var(--nav-bg-scrolled);border-bottom:1px solid var(--border);font-family:"DM Sans",system-ui,sans-serif}
.fr-wrap{width:min(1200px,100% - 2*clamp(20px,4vw,48px));margin-inline:auto}
.fr-in{display:flex;align-items:center;gap:24px;height:72px;justify-content:space-between}
.fr-brand{min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg-1);font:800 1.25rem/1 "Inter",system-ui,sans-serif;letter-spacing:-.02em}
.fr-brand img{width:36px;height:36px}
.fr-brand b{font-weight:inherit;color:var(--wordmark-accent)}
.fr-nav{display:flex;gap:32px;margin-inline:auto;font-size:.9375rem}
.fr-nav a{text-decoration:none;color:var(--fg-2);padding-block:14px}
.fr-nav a:hover,.fr-nav a[aria-current="page"]{color:var(--fg-1)}
.fr-r{display:flex;align-items:center;gap:12px}
.fr-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:#00C2A8;color:#0D1B2A;font:500 .9375rem/1 "DM Sans",system-ui,sans-serif;text-decoration:none;border:0;border-radius:6px;cursor:pointer;transition:background .2s}
.fr-btn:hover{background:var(--btn-primary-hover)}
.fr-menu{display:none;position:relative}
.fr-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 4px;font-weight:500;color:var(--teal-ink)}
.fr-menu summary::-webkit-details-marker{display:none}
.fr-panel{position:absolute;right:0;top:52px;width:264px;background:var(--bg-canvas);border:1px solid var(--border-card);padding:8px 0;box-shadow:var(--shadow-hover)}
.fr-panel a{display:block;padding:12px 20px;text-decoration:none;color:var(--fg-1)}
@media (max-width:860px){.fr-nav{display:none}.fr-menu{display:block}.fr-r .fr-btn{display:none}.fr-r{margin-left:auto}}
.fr-band{border-top:1px solid var(--border);padding-block:clamp(40px,5vw,64px);font-family:"DM Sans",system-ui,sans-serif}
.fr-band p{color:var(--fg-1);font-size:1.125rem;margin-bottom:20px}
.fr-link{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.fr-link:hover{color:var(--link-hover)}
.fr-foot{border-top:1px solid var(--border);padding-block:28px 40px;font:400 .875rem/1.5 "DM Sans",system-ui,sans-serif;color:var(--fg-2)}
.fr-foot .fr-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}
.fr-foot a{color:var(--fg-2);text-decoration:none;display:inline-block;padding:12px 0;min-height:44px;margin-left:20px}
.fr-foot a:hover{text-decoration:underline}