jQuery( document ).ready( function( $ ) {

		// JS-Klassen in den HTML-Tag einfügen
		$('html').addClass('js');

		// Klassen für Sub Menus und Sub Menus Toggle Button hinzufügen
		$(".site-nav li > ul").parent('li').addClass('has-sub-menu');
		$(".site-nav li > ul").addClass('sub-menu');

		// Button zum auf- und zuklappen des Menüs erstellen und in den Header rendern
		//var create_toggle_nav_button = ['<div class="toggle-site-nav">Menu</div>'].join("");
		//$("header").append(create_toggle_nav_button)

		// Button zum auf- und zuklappen von Sub Menus in der mobilen Ansicht erstellen und allen Sub-Menus hinzufügen
		var create_sub_toggle_button = ['<span class="toggle-sub-menu"></span>'].join("");
		$(".has-sub-menu > a").after(create_sub_toggle_button);

		// Variablen definieren
		var $menu = $('.site-nav'),
		$toggle_nav = $('.toggle-site-nav'),
		$toggle_sub_menu = $('.toggle-sub-menu');

		// Auf/Zuklapp-Funktion des Hauptmenüs
		$toggle_nav.click(function(e) {
			e.preventDefault();
			$menu.slideToggle();
		});

		// Auf/Zuklapp-Funktion der DropDown-Menüs in der mobilen Ansicht
		$toggle_sub_menu.click(function(e) {
			e.preventDefault();
			var $this = $(this);
			$this.toggleClass('active').next('ul').slideToggle();
		});

		// Ausgeblendete Elemente wieder einblenden, wenn das Browserfenster größer gezogen wird.
		$(window).resize(function(){
		  var w = $(window).width();
		  if(w > 900) {
			  $('.site-nav').removeAttr('style');
			  $('.sub-menu').removeAttr('style');
		  }
	  	});

});