var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}
var acc = document.getElementsByClassName("accordion2");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}










window.addEventListener("DOMContentLoaded", function() {
    if (window.innerWidth > 1024) {
        var level1Divs = document.querySelectorAll('div.is-level-1');
        var level0Links = document.querySelectorAll('div.is-level-0 div.navigation-flyout-col a.is-level-0');
        var level0Divs = document.querySelectorAll('div.is-level-0');

        level1Divs.forEach(function(level1Div) {
            level1Div.style.display = "none";
        });

        level0Links.forEach(function(level0Link) {
            level0Link.addEventListener("mouseover", function() {
                level1Divs.forEach(function(level1Div) {
                    level1Div.style.display = "none";
                });
                var parentDiv = this.parentNode;
                var level1Div = parentDiv.querySelector('div.is-level-1');
                if (level1Div) {
                    level1Div.style.display = "block";
                }
            });
        });

        level0Divs.forEach(function(level0Div) {
            level0Div.addEventListener("mouseleave", function() {
                level1Divs.forEach(function(level1Div) {
                    level1Div.style.display = "none";
                });
            });
        });
    }
});



document.addEventListener("DOMContentLoaded", function() {
    var productDetailMedia = document.querySelector(".product-detail-media");
    if (productDetailMedia) {
        var smallElement = document.createElement("small");
        smallElement.textContent = "*Farbabweichung moeglich";
        smallElement.style.fontSize = "12px";
        productDetailMedia.appendChild(document.createElement("p").appendChild(smallElement));
    }

    var footerHeadlines = document.querySelectorAll(".footer-headline");
    footerHeadlines.forEach(function(footerHeadline) {
        footerHeadline.addEventListener("click", function() {
            var parent = this.parentNode.parentNode;
            var footerColumnContent = parent.querySelector(".footer-column-content");
            var footerColumnToggle = parent.querySelector(".footer-column-toggle");
            if (footerColumnContent && footerColumnToggle) {
                footerColumnContent.classList.toggle("collapse");
                footerColumnToggle.classList.toggle("showicon");
            }
        });
    });
});


var prevScrollpos = window.pageYOffset;

window.onscroll = function() {

  var currentScrollPos = window.pageYOffset;

  if (prevScrollpos > currentScrollPos) {

    document.getElementById("navbar").style.bottom = "0";

  } else {

    document.getElementById("navbar").style.bottom = "-1000px";

  }

  prevScrollpos = currentScrollPos;

}
/*
window.onscroll = function() {myFunction()};

var navbar = document.getElementById("navbar");
var stickybar = navbar.offsetTop;

function myFunction() {
  if (window.pageYOffset >= stickybar) {
    navbar.classList.add("stickybar")
  } else {
    navbar.classList.remove("stickybar");
  }
}

function closeNav() {
  document.getElementById("navbar").style.width = "0";
}*/
var slideIndex = 1;
var myTimer;
var slideshowContainer;

window.addEventListener("load",function() {
    showSlides(slideIndex);
    myTimer = setInterval(function(){plusSlides(1)}, 2000);  
    slideshowContainer = document.getElementsByClassName('slideshow-inner')[0];
    if(slideshowContainer){
        slideshowContainer.addEventListener('mouseenter', pause)
        slideshowContainer.addEventListener('mouseleave', resume)
    }
})


function plusSlides(n){
  clearInterval(myTimer);
  if (n < 0){
    showSlides(slideIndex -= 1);
  } else {
   showSlides(slideIndex += 1); 
  }
  
  if (n === -1){
    myTimer = setInterval(function(){plusSlides(n + 2)}, 2000);
  } else {
    myTimer = setInterval(function(){plusSlides(n + 1)}, 2000);
  }
}

function currentSlide(n){
  clearInterval(myTimer);
  myTimer = setInterval(function(){plusSlides(n + 1)}, 2000);
  showSlides(slideIndex = n );
}

function showSlides(n){
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  if(slides[slideIndex-1]){
    slides[slideIndex-1].style.display = "block";
  }
  if(dots[slideIndex-1]){
    dots[slideIndex-1].className += " active";
  }
}

pause = () =>{
  clearInterval(myTimer);
}

resume = () =>{
  clearInterval(myTimer);
  myTimer = setInterval(function(){plusSlides(slideIndex)}, 2000);
}

����*