/* Funktionsseiten im Stil von pim-shopware.de - Abschnittsnavigation, nummerierte Abschnitte, Karten, Bewertungen, Video-Slider */
main.fs{--fs-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}
html:has(main.fs){scroll-padding-top:0}
/* Sprungziel: Abschnittsnummer steht 24px unter der Leiste (Leiste ca. 47px, Abschnitt oben 96px bzw. mobil 64px Innenabstand) */
main.fs .pim-section{scroll-margin-top:calc(var(--fs-hdr,97px) + 47px + 24px - 96px)}
@media (max-width:700px){main.fs .pim-section{scroll-margin-top:calc(var(--fs-hdr,93px) + 44px + 20px - 64px)}}

/* Sprungleiste */
.section-nav{position:sticky;top:var(--fs-hdr,97px);z-index:40;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.section-nav .container{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:9px;padding-bottom:9px;scroll-behavior:smooth}
.section-nav .container::-webkit-scrollbar{display:none}
.section-nav a{flex:0 0 auto;display:inline-flex;align-items:center;padding:7px 14px;border-radius:100px;font-size:13.5px;font-weight:600;line-height:1;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.section-nav a:hover{background:var(--bg-2);color:var(--navy)}
.section-nav a[aria-current="true"]{background:var(--navy);color:#fff}
.section-nav a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* Abschnittskopf mit Sechseck-Nummer */
main.fs .pim-section-head{display:grid;grid-template-columns:80px minmax(0,760px);gap:28px;max-width:none;align-items:start}
.section-num{font-family:'Manrope',system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;width:72px;height:62.35px;display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:700;font-size:20px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
main.fs .pim-eyebrow{font-family:var(--fs-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--primary);font-weight:600;gap:0;margin-bottom:14px}
main.fs .pim-eyebrow::before{display:none}
main.fs .pim-section-lead a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
main.fs .pim-section-head h2{overflow-wrap:break-word;hyphens:auto}

/* Karten */
main.fs .pim-feat{border-radius:12px;padding:28px 26px;position:relative}
main.fs .pim-feat:hover{border-color:var(--primary-200,#bcd3f5);transform:translateY(-2px);box-shadow:0 10px 28px rgba(21,101,216,.10)}
main.fs .pim-feat-label{font-family:var(--fs-mono);font-size:11px;letter-spacing:.14em;border-top:0;padding:0;margin-bottom:10px;color:var(--primary)}
main.fs .pim-feat-label.coral,main.fs .pim-feat-label.navy{color:var(--primary)}
main.fs .pim-feat h3{font-size:19px}

/* Bewertungen */
.rv-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 28px}
.rv-score{font-size:40px;font-weight:800;color:var(--navy);line-height:1}
.rv-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0 -4px;padding:4px}
.rv-viewport::-webkit-scrollbar{display:none}
.rv-viewport:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:10px}
.rv-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;align-items:stretch}
.rv-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:26px 24px;margin:0}
.rv-stars{display:flex;gap:3px;margin-bottom:14px}
.rv-star{width:17px;height:17px;flex:0 0 auto;fill:var(--coral);display:block}
.rv-star.off{fill:var(--line)}
.rv-title{font-weight:700;font-size:17px;line-height:1.35;color:var(--navy);margin:0 0 10px}
.rv-text{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin:0 0 18px}
.rv-author{margin:auto 0 0;font-weight:600;font-size:14px;color:var(--navy);border-top:1px solid var(--line);padding-top:14px}
.rv-meta{display:block;font-family:var(--fs-mono,monospace);font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
.rv-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px}
.rv-nav{width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background:#fff;color:var(--navy);border:1.5px solid #c9d2e0;border-radius:50%;clip-path:none;transform:none;box-shadow:none;transition:background .15s,color .15s,border-color .15s}
@media (hover:hover){.rv-nav:hover:not(:disabled){background:var(--navy);color:#fff;border-color:var(--navy)}}
.rv-nav:focus-visible{outline:2px solid var(--primary);outline-offset:2px;background:#fff;color:var(--navy)}
.rv-nav:active{transform:none}
.rv-nav:disabled{opacity:.35;cursor:default;background:#fff;color:var(--navy);border-color:#c9d2e0}
.rv-nav svg{width:18px;height:18px;display:block}
.rv-dots{display:flex;gap:8px}
.rv-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--line);cursor:pointer}
.rv-dot[aria-current="true"]{background:var(--coral);transform:scale(1.25)}

/* Video-Slider wie auf pim-shopware.de */


main.fs .staw-slider .staw-slider-playicon svg{margin-left:0}
main.fs .staw-slider-track:has(> .staw-slider-slide:only-child) + .staw-slider-nav{grid-template-columns:1fr}
main.fs .staw-slider-track:has(> .staw-slider-slide:only-child) + .staw-slider-nav .staw-slider-btn,
main.fs .staw-slider-track:has(> .staw-slider-slide:only-child) + .staw-slider-nav .staw-slider-meta{display:none}
.fs-videolinks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:22px 0 0;font-size:14.5px;font-weight:600}
.fs-videolinks a{color:var(--primary);text-decoration:none}.fs-videolinks a::after{content:" \2192"}.fs-videolinks a:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:1024px){.rv-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media (max-width:700px){
.section-nav a{font-size:13px;padding:6px 12px}
main.fs .pim-section-head{grid-template-columns:1fr;gap:16px}
.section-num{width:58px;height:50.23px;font-size:17px}
main.fs .pim-feat{padding:22px 18px}
.rv-track{grid-auto-columns:100%;gap:16px}
.rv-card{padding:22px 20px}
}
@media (max-width:600px){
main.fs .staw-slider .staw-slider-playicon{top:auto;left:auto;right:10px;bottom:10px;width:44px;height:44px;margin:0}
main.fs .staw-slider .staw-slider-playicon svg{width:22px;height:22px}
main.fs .staw-slider .staw-slider-badge{left:10px;bottom:10px;padding:4px 10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.section-nav .container,.rv-viewport{scroll-behavior:auto}.section-nav a,.rv-nav{transition:none}}