FINDE
DEIN RAD

Du hast nicht das passende gefunden? Dann konfiguriere dir dein eigenes Bike in unserem Konfigurator.

#faq-shop,#faq-konf,#faq-beratung{margin-block-start:2rem;max-width:100%}
#faq-shop .faq-item,#faq-konf .faq-item,#faq-beratung .faq-item{border-block-end:1px solid rgba(0,0,0,.12)}
#faq-shop .faq-item:first-child,#faq-konf .faq-item:first-child,#faq-beratung .faq-item:first-child{border-block-start:1px solid rgba(0,0,0,.12)}
#faq-shop .faq-q,#faq-konf .faq-q,#faq-beratung .faq-q{margin:0;padding:0;text-indent:0;font-size:inherit;font-weight:inherit;line-height:inherit}
#faq-shop .faq-toggle,#faq-konf .faq-toggle,#faq-beratung .faq-toggle{all:unset;box-sizing:border-box;display:flex;width:100%;gap:1rem;align-items:center;justify-content:space-between;cursor:pointer;margin:0;padding:1.1rem 0;text-indent:0;font-family:inherit;font-size:inherit;font-weight:700;line-height:inherit;color:inherit}
#faq-shop .faq-toggle:focus-visible,#faq-konf .faq-toggle:focus-visible,#faq-beratung .faq-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#faq-shop .faq-toggle::after,#faq-konf .faq-toggle::after,#faq-beratung .faq-toggle::after{content:““;flex:0 0 auto;width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s ease}
#faq-shop .faq-item[data-open] .faq-toggle::after,#faq-konf .faq-item[data-open] .faq-toggle::after,#faq-beratung .faq-item[data-open] .faq-toggle::after{transform:rotate(-135deg)}
#faq-shop .faq-a,#faq-konf .faq-a,#faq-beratung .faq-a{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease}
#faq-shop[data-js] .faq-a,#faq-konf[data-js] .faq-a,#faq-beratung[data-js] .faq-a{grid-template-rows:0fr}
#faq-shop[data-js] .faq-item[data-open] .faq-a,#faq-konf[data-js] .faq-item[data-open] .faq-a,#faq-beratung[data-js] .faq-item[data-open] .faq-a{grid-template-rows:1fr}
#faq-shop .faq-a-inner,#faq-konf .faq-a-inner,#faq-beratung .faq-a-inner{overflow:hidden}
#faq-shop .faq-a-inner p,#faq-konf .faq-a-inner p,#faq-beratung .faq-a-inner p{margin:0;padding:0 0 1.1rem;text-indent:0}
@media (prefers-reduced-motion:reduce){#faq-shop *,#faq-konf *,#faq-beratung *{transition:none!important}}

(function(){
var root=document.getElementById(„faq-shop“);
if(!root)return;
var items=[].slice.call(root.querySelectorAll(„.faq-item“));
root.setAttribute(„data-js“,““);
items.forEach(function(it){
var btn=it.querySelector(„.faq-toggle“);
btn.setAttribute(„aria-expanded“,“false“);
btn.addEventListener(„click“,function(){
var open=it.hasAttribute(„data-open“);
it.toggleAttribute(„data-open“,!open);
btn.setAttribute(„aria-expanded“,open?“false“:“true“);
it.setAttribute(„data-touched“,““);
});
});
function open(it){
if(it.hasAttribute(„data-touched“)||it.hasAttribute(„data-open“))return;
it.setAttribute(„data-open“,““);
it.querySelector(„.faq-toggle“).setAttribute(„aria-expanded“,“true“);
}
if(!(„IntersectionObserver“ in window)){items.forEach(open);return;}
var reduce=window.matchMedia(„(prefers-reduced-motion:reduce)“).matches;
var io=new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(!e.isIntersecting)return;
var it=e.target;
io.unobserve(it);
setTimeout(function(){open(it);},reduce?0:140);
});
},{threshold:.35,rootMargin:“0px 0px -12% 0px“});
items.forEach(function(it){io.observe(it);});
})();