{"version":3,"names":[],"mappings":"","sources":["scripts.min.js"],"sourcesContent":["// MATCHES\n// Support für IE 9+, Edge und Android bis Version 4.4.4\n// -------------------------------------------------------------------------------------------------\n\n(function() {\n if (!Element.prototype.matches) {\n var matches = function(selector) {\n return (this.matchesSelector || this.msMatchesSelector || this.webkitMatchesSelector).call(this, selector);\n };\n\n Element.prototype.matches = matches;\n }\n})();\n\n\n// SVG4EVERYBODY\n// SVG-Support für alle IE-Versionen\n// -------------------------------------------------------------------------------------------------\n\n(function(document, window) {\n /* jshint nocomma: false */\n\n function embed(svg, g) {\n if (g) {\n var viewBox = !svg.getAttribute('viewBox') && g.getAttribute('viewBox'),\n fragment = document.createDocumentFragment(), clone = g.cloneNode(!0);\n\n for (viewBox && svg.setAttribute('viewBox', viewBox); clone.childNodes.length;) {\n fragment.appendChild(clone.firstChild);\n }\n\n svg.appendChild(fragment);\n }\n }\n\n function loadreadystatechange(xhr) {\n xhr.onreadystatechange = function() {\n if (xhr.readyState === 4) {\n var x = document.createElement('x');\n\n x.innerHTML = xhr.responseText, xhr.s.splice(0).map(function(array) {\n embed(array[0], x.querySelector('#' + array[1].replace(/(\\W)/g, '\\\\$1')));\n });\n }\n }, xhr.onreadystatechange();\n }\n\n function svg4everybody() {\n var $uses = document.getElementsByTagName('use'),\n polyfill = /\\bFirefox\\b|\\bEdge\\b|\\bTrident\\/[567]\\b|\\bVersion\\/7.0 Safari\\b/.test(navigator.userAgent) || (navigator.userAgent.match(/AppleWebKit\\/(\\d+)/) || [])[1] < 537,\n requestAnimationFrame = window.requestAnimationFrame || setTimeout,\n $svgCache = {};\n\n function oninterval() {\n for (var use, svg, i = 0; i < $uses.length;) {\n if (use = $uses[i], svg = use.parentNode, svg && /svg/i.test(svg.nodeName)) {\n var src = use.getAttribute('xlink:href'),\n $url = src.split('#'),\n url_root = $url[0],\n url_hash = $url[1];\n\n if (svg.removeChild(use), url_root.length) {\n var xhr = $svgCache[url_root] = $svgCache[url_root] || new XMLHttpRequest();\n xhr.s || (xhr.s = [], xhr.open('GET', url_root), xhr.send()), xhr.s.push([ svg, url_hash ]),\n loadreadystatechange(xhr);\n }\n else {\n embed(svg, document.getElementById(url_hash));\n }\n } else {\n i += 1;\n }\n }\n requestAnimationFrame(oninterval, 17);\n }\n\n if (polyfill) {\n oninterval();\n }\n }\n\n svg4everybody();\n}(document, window));\n\n// HELPERS\n// -------------------------------------------------------------------------------------------------\n\n(function(document, window) {\n var $helpers,\n $$;\n\n // Interne Funktion\n\n function _is_document($node) {\n return $node !== null && $node.nodeType === $node.DOCUMENT_NODE;\n }\n\n function _is_window($node) {\n return $node !== null && $node === window;\n }\n\n function _is_array($obj) {\n return Object.prototype.toString.call($obj) === '[object Array]';\n }\n\n function _is_input($node) {\n return $node.tagName === 'INPUT' ||\n $node.tagName === 'SELECT' ||\n $node.tagName === 'TEXTAREA';\n }\n\n function _query(selector, context) {\n var simpleRe = /^(#?[\\w-]+|\\.[\\w-.]+)$/,\n periodRe = /\\./g,\n slice = [].slice,\n $nodes;\n\n if (simpleRe.test(selector)) {\n switch(selector[0]) {\n case '#':\n $nodes = context.getElementById(selector.substr(1));\n break;\n case '.':\n $nodes = slice.call(context.getElementsByClassName(selector.substr(1).replace(periodRe, ' ')));\n break;\n default:\n $nodes = slice.call(context.getElementsByTagName(selector));\n }\n }\n else {\n $nodes = slice.call(context.querySelectorAll(selector));\n }\n\n return $nodes ? (_is_array($nodes) ? $nodes : [$nodes]) : [];\n }\n\n function _get_filtered_nodes($nodes, selector) {\n var $filtered_nodes = [];\n\n for (var i = 0, len = $nodes.length; $nodes !== null && (i < len); i++) {\n if ($nodes[i].nodeType === 1) {\n if (typeof selector === 'undefined') {\n $filtered_nodes.push($nodes[i]);\n }\n else if($nodes[i].tagName.toLowerCase() === selector) {\n $filtered_nodes.push($nodes[i]);\n }\n }\n }\n\n return $filtered_nodes;\n }\n\n function _create_element(html) {\n var $div = document.createElement('div');\n\n $div.innerHTML = html.trim(); // textContent/nodeValue funktionieren hier nicht,\n // Bug bei Popups: http://stackoverflow.com/a/25896886\n\n return _get_filtered_nodes($div.childNodes);\n }\n\n function _get_scroll_offset($node) {\n var top,\n left;\n\n if (_is_window($node)) {\n if (window.pageXOffset !== null) {\n top = window.pageYOffset;\n left = window.pageXOffset;\n }\n }\n else {\n top = $node.scrollTop;\n left = $node.scrollLeft;\n }\n\n return {\n top : top,\n left : left\n };\n }\n\n function _get_vendor_property(property) {\n var css_prefixes = ['Moz', 'ms', 'Webkit'],\n $div = document.createElement('div');\n\n if (property in $div) {\n return property;\n }\n\n var cap_name = property.charAt(0).toUpperCase() + property.slice(1),\n orig_name = property;\n\n for (var i = css_prefixes.length; i > 0; i--) {\n property = css_prefixes[i] + cap_name;\n\n if (property in $div.style) {\n return property;\n }\n }\n\n return orig_name;\n }\n\n function _camel_case_property(property) {\n return property.replace(/-([\\da-z])/gi, function(all, letter) {\n return letter.toUpperCase();\n });\n }\n\n function _get_prefixed_event(type, $types) {\n var $div = document.createElement('div').style,\n $prefixes = ['', 'Moz', 'ms', 'Webkit'],\n prefix;\n\n for (var i = 0, len = $prefixes.length; i < len; i++) {\n prefix = $prefixes[i] + type.charAt(0).toUpperCase() + type.substr(1, type.length - 4);\n\n if (prefix in $div) {\n return $types[prefix];\n }\n }\n\n return type;\n }\n\n function _get_event_type_wheel(type) {\n return type === 'wheel' ? 'onwheel' in document || document.documentMode >= 9 ? 'wheel' : 'mousewheel' : type;\n }\n\n function _get_event_type_animatedend(type) {\n return _get_prefixed_event(type, {\n 'animation' : 'animationend',\n 'MozAnimation' : 'animationend',\n 'WebkitAnimation' : 'webkitAnimationEnd',\n 'msAnimation' : 'MSAnimationEnd'\n });\n }\n\n function _get_event_type_transitionend(type) {\n return _get_prefixed_event(type, {\n 'transition' : 'transitionend',\n 'MozTransition' : 'transitionend',\n 'WebkitTransition' : 'webkitTransitionEnd',\n 'msTransition' : 'MSTransitionEnd'\n });\n }\n\n function _get_event_type(type) {\n type = _get_event_type_animatedend(type) || _get_event_type_transitionend(type);\n type = _get_event_type_wheel(type);\n\n return type;\n }\n\n // Erstellt Helpers Object\n\n $$ = function(selector, context) {\n context = context || document;\n return new $helpers(selector, context);\n };\n\n $helpers = function(selector, context) {\n var _this = this,\n $nodes = [];\n\n if (selector) {\n if (typeof selector === 'string') {\n selector = selector.trim();\n\n if (/<[a-z][\\s\\S]*>/i.test(selector)) {\n $nodes = _create_element(selector);\n }\n else {\n $nodes = _query(selector, context);\n }\n }\n else if (_is_array(selector)) {\n $nodes = selector;\n }\n else {\n $nodes = [selector];\n }\n }\n\n for (var i = 0, len = $nodes.length; i < len; i++) {\n _this[i] = $nodes[i];\n }\n\n _this.length = $nodes.length;\n\n return _this;\n };\n\n // Helpers API\n\n $helpers.prototype = {\n is_helper: true,\n\n find: function(selector) {\n var $this = this,\n $nodes = [],\n context;\n\n if ($this.length !== 0) {\n if ($this.length === 1) {\n $nodes = _query(selector, $this[0]);\n }\n else {\n for (var i = 0, len = $this.length; i < len; i++) {\n $nodes = $nodes.concat(\n _query(selector, $this[i])\n );\n }\n\n $nodes = $nodes.reduce(function(a, b) {\n if (a.indexOf(b) < 0) {\n a.push(b);\n }\n\n return a;\n }, []);\n }\n }\n\n return $$($nodes, context);\n },\n\n children: function(selector) {\n var $this = this,\n $filtered_child_nodes = [],\n $child_node;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n $child_node = this[i].firstChild;\n\n while ($child_node) {\n if ($child_node.nodeType === 1 && $child_node.matches(selector)) {\n $filtered_child_nodes.push($child_node);\n }\n\n $child_node = $child_node.nextSibling;\n }\n }\n\n return $$($filtered_child_nodes);\n },\n\n get_parent: function(selector) {\n var $this = this,\n maybe_class,\n name_only,\n tag_name,\n class_name,\n $obj;\n\n if ($this.length === 1) {\n $obj = $this[0];\n\n if (typeof selector !== 'undefined') {\n maybe_class = selector[0] === '.';\n name_only = maybe_class ? selector.slice(1) : selector;\n tag_name = name_only.toUpperCase();\n }\n\n do {\n $obj = $obj.parentNode;\n class_name = (' ' + $obj.className + ' ').replace(/[\\t\\r\\n\\f]/g, ' ');\n\n if ((typeof selector === 'undefined' && $obj.nodeType === 1) ||\n (maybe_class && class_name.indexOf(' ' + name_only + ' ') > -1) ||\n $obj.tagName === tag_name) {\n\n return $$($obj);\n }\n }\n while ($obj && $obj.nodeType !== 9);\n }\n },\n\n append: function($obj) {\n var $this = this;\n\n if (typeof $obj === 'string') {\n $obj = _create_element($obj);\n }\n\n for (var i = 0, len = $this.length; i < len; i++) {\n for (var j = 0, obj_len = $obj.length; j < obj_len; j++) {\n $this[i].appendChild($obj[j]);\n }\n }\n },\n\n prepend: function($obj) {\n var $this = this;\n\n if (typeof $obj === 'string') {\n $obj = _create_element($obj);\n }\n\n for (var i = 0, len = $this.length; i < len; i++) {\n for (var j = 0, obj_len = $obj.length; j < obj_len; j++) {\n $this[i].insertBefore($obj[j], $this[i].childNodes[0]);\n }\n }\n },\n\n before: function($obj) {\n var $this = this;\n\n if (typeof $obj === 'string') {\n $obj = _create_element($obj);\n }\n\n for (var i = 0, len = $this.length; i < len; i++) {\n for (var j = 0, obj_len = $obj.length; j < obj_len; j++) {\n $this[i].parentNode.insertBefore($obj[j], $this[i]);\n }\n }\n },\n\n after: function($obj) {\n var $this = this;\n\n if (typeof $obj === 'string') {\n $obj = _create_element($obj);\n }\n\n for (var i = 0, len = $this.length; i < len; i++) {\n for (var j = 0, obj_len = $obj.length; j < obj_len; j++) {\n $this[i].parentNode.insertBefore($obj[j], $this[i].nextSibling);\n }\n }\n },\n\n remove: function() {\n var $this = this;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n $this[i].parentNode.removeChild($this[i]);\n }\n },\n\n remove_children: function() {\n var $this = this;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n while ($this[i].firstChild) {\n $this[i].removeChild($this[i].firstChild);\n }\n }\n },\n\n empty: function() {\n var $this = this;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n while ($this[i].firstChild) {\n $this[i].removeChild($this[i].firstChild);\n }\n }\n },\n\n clone: function() {\n var $this = this;\n\n if ($this.length === 1) {\n return $$($this[0].cloneNode(true));\n }\n },\n\n next_sibling: function() {\n var $this = this;\n\n if ($this.length === 1) {\n var $obj = $this[0];\n\n do {\n $obj = $obj.nextSibling;\n }\n while ($obj && $obj.nodeType !== 1);\n\n return $$($obj);\n }\n },\n\n prev_sibling: function() {\n var $this = this;\n\n if ($this.length === 1) {\n var $obj = $this[0];\n\n do {\n $obj = $obj.previousSibling;\n }\n while ($obj && $obj.nodeType !== 1);\n\n return $$($obj);\n }\n },\n\n get_siblings: function() {\n var $this = this,\n $siblings = [];\n\n if ($this.length === 1) {\n var $obj = $this[0],\n $children = $obj.parentNode.children;\n\n for (var i = 0, len = $children.length; i < len; i++) {\n if ($children[i].nodeType === 1 && $children[i] !== $obj) {\n $siblings.push($children[i]);\n }\n }\n }\n\n return $$($siblings);\n },\n\n get_attribute: function(attribute) {\n var $this = this,\n value = null;\n\n if ($this.length === 1) {\n if (_is_input($this[0]) && attribute === 'value') {\n value = $this[0][attribute];\n }\n else {\n value = $this[0].getAttribute(attribute);\n }\n }\n\n return value === null ? '' : value;\n },\n\n set_attribute: function(attribute, value) {\n var $this = this;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n if (_is_input($this[i]) && attribute === 'value') {\n $this[i][attribute] = value;\n }\n else if (value) {\n $this[i].setAttribute(attribute, value);\n }\n else {\n $this[i].removeAttribute(attribute);\n }\n }\n },\n\n set_text: function(text) {\n var $this = this;\n\n if ($this.length === 1) {\n $this[0].textContent = text.toString().trim();\n }\n },\n\n get_text: function() {\n var $this = this,\n text = '';\n\n if ($this.length === 1) {\n text = $this[0].textContent.trim();\n }\n\n return text;\n },\n\n insert_html: function(html, outer) {\n var $this = this;\n\n if ($this.length === 1) {\n if (outer === true) {\n $this[0].outerHTML = html;\n }\n else {\n $this[0].innerHTML = html;\n }\n }\n },\n\n get_html: function(outer) {\n var $this = this,\n html = '';\n\n if ($this.length === 1) {\n if (outer === true) {\n html = $this[0].outerHTML;\n }\n else {\n html = $this[0].innerHTML;\n }\n }\n\n return html.trim();\n },\n\n get_file: function() {\n var $this = this,\n filename = '',\n filetype = '',\n filesize = 0,\n $file;\n\n if ($this.length === 1) {\n $file = $this[0].files;\n\n if ($file.length) {\n filename = $file[0].name;\n filesize = $file[0].size;\n filetype = $file[0].type;\n }\n }\n\n return {\n 'filename' : filename,\n 'filesize' : filesize,\n 'filetype' : filetype\n };\n },\n\n is_tag: function(tagname) {\n var $this = this,\n is_tag = false;\n\n if ($this.length === 1) {\n is_tag = $this[0].tagName.toLowerCase() === tagname;\n }\n\n return is_tag;\n },\n\n is_visible: function() {\n var $this = this,\n is_visible = false,\n $styles,\n $obj;\n\n if ($this.length === 1) {\n $obj = $this[0];\n is_visible = true;\n\n while ($obj && $obj.nodeType !== 9) {\n $styles = window.getComputedStyle($obj, null);\n\n if ($obj.offsetWidth === 0 &&\n $obj.offsetHeight === 0 &&\n $styles.display === 'none') {\n\n is_visible = false;\n break;\n }\n\n $obj = $obj.parentElement;\n }\n }\n\n return is_visible;\n },\n\n index: function(element) {\n var $this = this;\n\n if (typeof element === 'object') {\n for (var i = 0, len = $this.length; i < len; i++) {\n if ($this[i] === element) {\n return i;\n }\n }\n }\n else if (typeof element === 'number') {\n if (element === -1) {\n element = $this.length - 1;\n }\n\n return $$($this[element]);\n }\n },\n\n for_each: function(callback) {\n var $this = this;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n callback.call($this[i], i);\n }\n },\n\n is_checked: function() {\n var $this = this,\n is_checked = false;\n\n if ($this.length === 1) {\n is_checked = $this[0].checked;\n }\n\n return is_checked;\n },\n\n add_class: function(selector) {\n var $this = this,\n $selector = selector.split(' '),\n updated = false,\n trimmed_classes,\n classes;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n trimmed_classes = String.prototype.trim.call($this[i].getAttribute('class') || '');\n classes = trimmed_classes ? trimmed_classes.split(/\\s+/) : [];\n\n for (var j = 0, selector_len = $selector.length; j < selector_len; j++) {\n if (classes.indexOf($selector[j]) === -1) {\n classes.push($selector[j]);\n updated = true;\n }\n }\n\n if (updated) {\n $this[i].setAttribute('class', classes.sort().join(' '));\n updated = false;\n }\n }\n },\n\n remove_class: function(selector) {\n var $this = this,\n $selector = selector.split(' '),\n updated = false,\n trimmed_classes,\n classes,\n index;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n trimmed_classes = String.prototype.trim.call($this[i].getAttribute('class') || '');\n classes = trimmed_classes ? trimmed_classes.split(/\\s+/) : [];\n\n for (var j = 0, selector_len = $selector.length; j < selector_len; j++) {\n index = classes.indexOf($selector[j]);\n\n if (index > -1) {\n classes.splice(index, 1);\n updated = true;\n }\n }\n\n if (updated) {\n if (classes.length) {\n $this[i].setAttribute('class', classes.sort().join(' '));\n }\n else {\n $this[i].removeAttribute('class');\n }\n updated = false;\n }\n }\n },\n\n has_class: function(selector) {\n var $this = this,\n has_class = false;\n\n if ($this.length === 1) {\n has_class = $this[0].classList.contains(selector);\n }\n\n return has_class;\n },\n\n focus: function() {\n var $this = this;\n\n if ($this.length) {\n $this[0].focus();\n }\n },\n\n click: function() {\n var $this = this;\n\n if ($this.length) {\n $this[0].click();\n }\n },\n\n set_style: function($styles) {\n var $this = this,\n property_camel_case,\n property_vendor;\n\n for (var i = 0, len = $this.length; i < len; i++) {\n for (var property in $styles) {\n if ($styles.hasOwnProperty(property)) {\n property_camel_case = _camel_case_property(property);\n property_vendor = _get_vendor_property(property_camel_case);\n\n $this[i].style[property_vendor] = $styles[property];\n }\n }\n }\n },\n\n get_style: function(property) {\n var $this = this,\n style = '',\n $styles;\n\n if ($this.length === 1) {\n $styles = window.getComputedStyle($this[0], null);\n style = $styles.getPropertyValue(property);\n }\n\n return style;\n },\n\n set_data: function(key, value) {\n var $this = this;\n\n if ($this.length === 1) {\n $this[0][key] = value;\n }\n },\n\n get_data: function(key) {\n var $this = this;\n\n if ($this.length === 1) {\n return $this[0][key];\n }\n },\n\n get_width: function() {\n var $this = this,\n width = 0;\n\n if ($this.length === 1) {\n if (_is_window($this[0])) {\n width = document.documentElement.clientWidth;\n }\n else if (_is_document($this[0])) {\n width = Math.max(\n document.body.scrollWidth,\n document.body.offsetWidth\n );\n }\n else {\n width = this[0].offsetWidth;\n }\n }\n\n return width;\n },\n\n get_height: function() {\n var $this = this,\n height = 0;\n\n if ($this.length === 1) {\n if (_is_window($this[0])) {\n height = document.documentElement.clientHeight;\n }\n else if (_is_document($this[0])) {\n height = Math.max(\n document.body.scrollHeight,\n document.body.offsetHeight\n );\n }\n else {\n height = this[0].offsetHeight;\n }\n }\n\n return height;\n },\n\n get_offset_top: function() {\n var $this = this,\n top = 0,\n $obj;\n\n if ($this.length === 1) {\n $obj = $this[0];\n top = $obj.offsetTop;\n\n while ($obj = $obj.offsetParent) {\n top += $obj.offsetTop;\n }\n }\n\n return top;\n },\n\n get_offset_left: function() {\n var $this = this,\n left = 0,\n $obj;\n\n if ($this.length === 1) {\n $obj = $this[0];\n left = $obj.offsetLeft;\n\n while ($obj = $obj.offsetParent) {\n left += $obj.offsetLeft;\n }\n }\n\n return left;\n },\n\n get_scroll_top: function() {\n var $this = this,\n scroll_top = 0;\n\n if ($this.length === 1) {\n scroll_top = _get_scroll_offset($this[0]).top;\n }\n\n return scroll_top;\n },\n\n get_scroll_left: function() {\n var $this = this,\n scroll_left = 0;\n\n if ($this.length === 1) {\n scroll_left = _get_scroll_offset($this[0]).left;\n }\n\n return scroll_left;\n },\n\n set_value: function(value) {\n return this.set_attribute('value', value);\n },\n\n get_value: function() {\n return this.get_attribute('value');\n },\n\n add_event: function(type, listener) {\n var $this = this,\n $types = type.split(','),\n event_listener;\n\n event_listener = function(event) {\n listener.call(this, event);\n };\n\n for (var i = 0, len = $this.length; i < len; i++) {\n for (var j = 0, types_len = $types.length; j < types_len; j++) {\n type = _get_event_type($types[j].trim());\n\n $this[i].addEventListener(type, event_listener, false);\n }\n }\n },\n };\n\n // Ladet JavaScript-Code nach\n\n $$.load_script = function(url, callback) {\n var $head = document.getElementsByTagName('head')[0],\n $script = document.createElement('script');\n\n $script.src = (navigator.userAgent.indexOf('MSIE ') > 0) ? url + '?' + Math.random() : url;\n\n if (callback && typeof(callback) === 'function') {\n $script.onload = callback;\n }\n\n $head.appendChild($script);\n };\n\n // Ajax\n\n $$.get = function(url, callback) {\n if (window.XMLHttpRequest) {\n var $ajax = new XMLHttpRequest();\n\n $ajax.open('GET', url, true);\n\n $ajax.onload = function() {\n if (this.status === 200) {\n callback.call(this, this.responseText);\n }\n };\n\n $ajax.send();\n }\n };\n\n // Setzt hash\n\n $$.set_hash = function(hash) {\n if (window.history && window.history.replaceState) { // IE 10+\n hash = hash || window.location.pathname;\n window.history.replaceState(null, document.title, hash);\n }\n };\n\n // Verbindet zwei Objekte\n\n $$.merge_objects = function($obj1, $obj2) {\n for (var key in $obj2) {\n if ($obj2[key].constructor === Object) {\n $obj2[key] = $$.merge_objects($obj1[key], $obj2[key]);\n }\n else {\n $obj1[key] = $obj2[key];\n }\n }\n\n return $obj1;\n };\n\n // Scrollt zu\n\n $$.scroll_to = function(to, duration, callback) {\n var diff = to - $$(window).get_scroll_top(),\n step = diff / duration * 10;\n\n setTimeout(function() {\n window.scrollBy(0, step);\n\n if (Math.abs(diff) <= Math.abs(step)) {\n\n if (typeof callback === 'function') {\n callback();\n }\n\n return;\n }\n\n $$.scroll_to(to, duration - 10, callback);\n }, 10);\n };\n\n\n // Gibt die Touch-Richtung zurück\n\n $$.get_touch_range = function(dist_x, dist_y) {\n var theta = Math.atan2(-dist_x, dist_y),\n degrees;\n\n if (theta < 0) {\n theta += 2 * Math.PI;\n }\n\n degrees = Math.floor(theta * (180 / Math.PI) - 180);\n\n if (degrees < 0 && degrees > -180) {\n degrees = 360 - Math.abs(degrees);\n }\n\n return {\n is_top : degrees <= 40 || degrees >= 320,\n is_right : degrees >= 50 && degrees <= 130,\n is_bottom : degrees >= 140 && degrees <= 220,\n is_left : degrees >= 230 && degrees <= 310\n };\n };\n\n window.$$ = $$;\n}(document, window));\n\n// DEVICE\n// -------------------------------------------------------------------------------------------------\n\n(function(document, navigator, window) {\n var $html = document.querySelector('html');\n\n function _find(needle) {\n return navigator.userAgent.toLowerCase().indexOf(needle) !== -1;\n }\n\n window.device = {};\n\n device.iphone = _find('iphone');\n device.ipod = _find('ipod');\n device.ipad = _find('ipad');\n device.ios = device.iphone || device.ipod || device.ipad;\n device.android = _find('android');\n device.android_phone = device.android && _find('mobile');\n device.android_tablet = device.android && !_find('mobile');\n device.windows = _find('windows');\n device.windows_phone = device.windows && _find('phone');\n device.windows_tablet = device.windows && _find('touch');\n device.mobile = device.android_phone || device.iphone || device.ipod || device.windows_phone;\n device.tablet = device.ipad || device.android_tablet || device.windows_tablet;\n\n if (device.ios) {\n if (device.ipad) {\n $html.classList.add('ios', 'ipad', 'tablet');\n }\n else if (device.iphone || device.ipod) {\n $html.classList.add('ios', 'iphone', 'mobile');\n }\n }\n else if (device.android) {\n if (device.android_tablet) {\n $html.classList.add('android', 'tablet');\n }\n else {\n $html.classList.add('android', 'mobile');\n }\n }\n else if (device.windows) {\n if (device.windows_tablet) {\n $html.classList.add('windows', 'tablet');\n }\n else if (device.windows_phone) {\n $html.classList.add('windows', 'mobile');\n }\n else {\n $html.classList.add('desktop');\n }\n }\n else {\n $html.classList.add('desktop');\n }\n}(document, navigator, window));\n\n// BROWSER SUPPORT\n// -------------------------------------------------------------------------------------------------\n\n(function(document, navigator, window) {\n var $html = document.querySelector('html'),\n $div = document.createElement('div');\n\n // Überprüft die Browser-Unterstützung für CSS-Attribute wie z. B. transition\n\n function _has_css_property(property) {\n var css_property_found = false,\n prefixes = ['Moz', 'Webkit'];\n\n if (property in $div.style) {\n css_property_found = true;\n }\n else {\n property = property.charAt(0).toUpperCase() + property.substr(1);\n\n for (var i = 0, len = prefixes.length; i < len; i++) {\n if (typeof $div.style[prefixes[i] + property] !== 'undefined') {\n css_property_found = true;\n break;\n }\n }\n }\n\n return css_property_found;\n }\n\n window.support = {\n touch : window.navigator.msMaxTouchPoints || 'ontouchstart' in document.documentElement,\n transition : _has_css_property('transition') && 'TransitionEvent' in window // TransitionEvent wird benötigt für Android 4.1.x (https://bugs.dojotoolkit.org/ticket/17164#comment:13)\n };\n\n // Setzt Klassen auf den HTML-Tag\n\n $html.classList.remove('no_js');\n $html.classList.add(support.touch ? 'touch' : 'no_touch');\n $html.classList.add(support.transition ? 'csstransitions' : 'no_csstransitions');\n}(document, navigator, window));\n\n// PREFETCH\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var Prefetch = function($prefetch_link) {\n var _this = this;\n\n _this._$prefetch_link = $prefetch_link;\n _this._$options = _this._$prefetch_link.getAttribute('data-performance');\n };\n\n Prefetch.prototype = {\n init: function() {\n var _this = this;\n\n if (_this._$options.indexOf('prefetch') > -1) {\n _this._prefetch();\n }\n\n if (_this._$options.indexOf('prerender') > -1) {\n _this._prerender();\n }\n },\n\n _prefetch: function() {\n var _this = this,\n $link = document.createElement('link');\n\n $link.setAttribute('rel', 'prefetch');\n $link.setAttribute('href', _this._$prefetch_link.getAttribute('href'));\n\n document.querySelector('head').appendChild($link);\n },\n\n _prerender: function() {\n var _this = this,\n $link = document.createElement('link');\n\n $link.setAttribute('rel', 'prerender');\n $link.setAttribute('href', _this._$prefetch_link.getAttribute('href'));\n\n document.querySelector('head').appendChild($link);\n }\n };\n\n var $prefetch_links = document.querySelectorAll('[data-performance]');\n\n for (var i = 0, len = $prefetch_links.length; i < len; i++) {\n new Prefetch($prefetch_links[i]).init();\n }\n})(document);\n\n// BARRIEREFREIHEIT\n// Wird gebraucht für alle Projekte\n\n// EXTERNER LINK\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var $links = document.querySelectorAll('[href*=http]');\n\n for (var i = 0, $link; $link = $links[i]; i++) {\n var target = $link.getAttribute('target'),\n title = $link.getAttribute('title');\n\n if (title && target === '_blank') {\n $link.setAttribute('title', title + ' (Neues Fenster)');\n }\n }\n})(document);\n\n\n// TASTATURSTEUERUNG FÜR ELEMENTE MIT ROLE BUTTON\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var $buttons = document.querySelectorAll('[role=\"button\"]');\n\n for (var i = 0, $button; $button = $buttons[i]; i++) {\n $button.addEventListener('keyup', function(event) {\n if (event.keyCode === 13 && this.tagName !== 'A' || event.keyCode === 32) {\n this.click();\n }\n });\n }\n})(document);\n\n\n// ERKENNUNG DER FOKUSMETHODE FÜR LINKS\n// Wird verwendet für verbesserten Fokus auf Links (siehe default.less)\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var FocusMethod = function($link) {\n var _this = this;\n\n _this.$link = $link;\n\n _this.focus_method = false;\n _this.last_focus_method = false;\n };\n\n FocusMethod.prototype = {\n init: function() {\n var _this = this;\n\n _this.$link.addEventListener('keydown',\n _this._on_key_down.bind(this), {\n 'passive' : true\n }\n );\n\n _this.$link.addEventListener('mousedown',\n _this._on_mouse_down.bind(this), {\n 'passive' : true\n }\n );\n\n _this.$link.addEventListener('touchstart',\n _this._on_touch_start.bind(this), {\n 'passive' : true\n }\n );\n\n _this.$link.addEventListener('focus', _this._on_focus.bind(this));\n _this.$link.addEventListener('blur', _this._on_blur.bind(this));\n\n window.addEventListener('blur', this._on_window_blur.bind(this));\n },\n\n _on_key_down: function() {\n var _this = this;\n\n _this.focus_method = 'key';\n },\n\n _on_mouse_down: function() {\n var _this = this;\n\n if (_this.focus_method === 'touch') {\n return;\n }\n\n _this.focus_method = 'mouse';\n },\n\n _on_touch_start: function() {\n var _this = this;\n\n _this.focus_method = 'touch';\n },\n\n _on_focus: function() {\n var _this = this;\n\n if (!_this.focus_method) {\n _this.focus_method = _this.last_focus_method;\n }\n\n _this.$link.setAttribute('data-focus-method', _this.focus_method);\n\n this.last_focus_method = this.focus_method;\n this.focus_method = false;\n },\n\n _on_blur: function() {\n var _this = this;\n\n _this.$link.removeAttribute('data-focus-method');\n },\n\n _on_window_blur: function() {\n var _this = this;\n\n _this.focus_method = false;\n }\n };\n\n var $links = document.querySelectorAll('a, [tabindex=\"0\"]');\n\n for (var i = 0, $link; $link = $links[i]; i++) {\n new FocusMethod($link).init();\n }\n})(document);\n\n// COOKIE-HINWEIS\r\n// -------------------------------------------------------------------------------------------------\r\n\r\n/*\r\n(function(document) {\r\n var $cookie_banner = document.querySelector('#cookie_banner'),\r\n $body = document.querySelector('body');\r\n\r\n if (!$cookie_banner) {\r\n return;\r\n }\r\n\r\n var $close = $cookie_banner.querySelector('.close'),\r\n now = new Date().getTime(),\r\n storage = localStorage.getItem(domain + '_cookie_banner');\r\n\r\n if (storage === null || now > storage) {\r\n $cookie_banner.classList.remove('hideme');\r\n $body.classList.add('cb_visible');\r\n } else {\r\n $cookie_banner.classList.add('hideme');\r\n }\r\n\r\n $close.addEventListener('click', function(event) {\r\n event.preventDefault();\r\n\r\n localStorage.setItem(domain + '_cookie_banner', now + 31536000);\r\n $cookie_banner.classList.add('hideme');\r\n $body.classList.remove('cb_visible');\r\n });\r\n}(document));\r\n*/\r\n\n// COOKIE-HINWEIS FUSSZEILE VERLÄNGERN\r\n// -------------------------------------------------------------------------------------------------\r\n// Auf Kundenwunsch ausgeblendet - siehe OTRS Ticket Atikon#6222371\r\n\r\n/*\r\n(function(document) {\r\n var $cookie_banner = document.querySelector('#cookie_banner'),\r\n $footer = document.querySelector('footer'),\r\n $close = $cookie_banner.querySelector('.close'),\r\n $cookie_spacing;\r\n\r\n if (!$cookie_banner) {\r\n return;\r\n }\r\n\r\n $close.addEventListener('click', function() {\r\n if ($footer) {\r\n $footer.removeChild($cookie_spacing);\r\n }\r\n });\r\n\r\n if ($footer) {\r\n $cookie_spacing = document.createElement('div');\r\n $footer.appendChild($cookie_spacing);\r\n $cookie_spacing.style.paddingBottom = $cookie_banner.clientHeight + 'px';\r\n window.addEventListener('resize', function() {\r\n $cookie_spacing.style.paddingBottom = $cookie_banner.clientHeight + 'px';\r\n }, false);\r\n }\r\n\r\n}(document));\r\n*/\n// TOOLTIP\n// Wird gebraucht für: google_maps,newsletter_quick_subscribe, formular\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var Tooltip = function($tooltip_wrapper) {\n var _this = this;\n\n _this.$tooltip_wrapper = $tooltip_wrapper;\n _this.$tooltip = $tooltip_wrapper.querySelector('[role=\"tooltip\"]');\n\n _this._temp_disabled = false;\n _this._perm_disabled = false;\n _this._focused = false;\n\n var tooltip_id = _this.$tooltip.getAttribute('id');\n\n _this.$tooltip_trigger = $tooltip_wrapper.querySelector('[aria-describedby=\"' + tooltip_id + '\"]');\n };\n\n Tooltip.prototype = {\n init: function() {\n var _this = this;\n\n _this.$tooltip_trigger.addEventListener('keyup', _this._check_tooltip.bind(_this));\n _this.$tooltip_trigger.addEventListener('focus', _this._check_tooltip.bind(_this));\n _this.$tooltip_trigger.addEventListener('blur', _this._hide_tooltip.bind(_this));\n\n if (!support.touch) {\n _this.$tooltip.addEventListener('mouseenter', _this._check_tooltip.bind(_this));\n _this.$tooltip.addEventListener('mouseleave', _this._hide_tooltip.bind(_this));\n _this.$tooltip_trigger.addEventListener('mouseenter', _this._check_tooltip.bind(_this));\n _this.$tooltip_trigger.addEventListener('mouseleave', _this._hide_tooltip.bind(_this));\n }\n\n _this._keyboard_nav();\n },\n\n _check_tooltip: function(event) {\n var _this = this;\n\n if (_this.$tooltip_trigger.getAttribute('aria-invalid') === 'true') {\n _this._perm_disabled = false;\n _this._show_tooltip(event);\n }\n else {\n _this._perm_disabled = true;\n _this._hide_tooltip(event);\n }\n },\n\n _show_tooltip: function(event) {\n var _this = this;\n\n if (_this.disabled) {\n return;\n }\n\n if (event.type === 'keyup' || event.type === 'focus') {\n _this._focused = true;\n }\n\n if (!_this._temp_disabled && !_this._perm_disabled ||\n event.type === 'mouseenter' && !_this._perm_disabled) {\n _this.$tooltip.setAttribute('aria-hidden', 'false');\n }\n },\n\n _hide_tooltip: function(event) {\n var _this = this;\n\n if (event.type === 'blur') {\n _this._temp_disabled = false;\n _this._focused = false;\n }\n\n if (!_this._focused || _this._perm_disabled || _this._temp_disabled) {\n _this.$tooltip.setAttribute('aria-hidden', 'true');\n }\n },\n\n _keyboard_nav: function() {\n var _this = this;\n\n _this.$tooltip_trigger.addEventListener('keydown', function(event) {\n if (event.keyCode === 27 && _this.$tooltip.getAttribute('aria-hidden') === 'false') {\n event.stopPropagation();\n\n _this._temp_disabled = true;\n _this._hide_tooltip(event);\n }\n });\n }\n };\n\n var $tooltip_wrappers = document.querySelectorAll('.tooltip_wrapper');\n\n for (var i = 0, len = $tooltip_wrappers.length; i < len; i++) {\n new Tooltip($tooltip_wrappers[i]).init();\n }\n\n window.Tooltip = Tooltip;\n})(document);\n\n// DROPDOWN MENU\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var DropdownMenu = function($dropdown_menu) {\n var _this = this,\n id = $dropdown_menu.getAttribute('id');\n\n _this.$dropdown_menu = $dropdown_menu;\n _this.$main_menuitems = $dropdown_menu.querySelectorAll('#' + id + ' > ul > li > a');\n _this.$sub_menuitems = $dropdown_menu.querySelectorAll('#' + id + ' > ul > li li > a');\n _this.$sub_menuitems_with_sub_sub_menu = $dropdown_menu.querySelectorAll('#' + id + ' > ul > li li > a.has_sub_sub_menu');\n _this.$main_menuitems_with_sub_menu = $dropdown_menu.querySelectorAll('[href^=\"#\"]');\n _this.main_menu_index = 0;\n _this.event_type = false;\n\n _this.$key = {\n 'tab' : 9,\n 'enter' : 13,\n 'escape' : 27,\n 'space' : 32,\n 'arrow_left' : 37,\n 'arrow_up' : 38,\n 'arrow_right' : 39,\n 'arrow_down' : 40\n };\n };\n\n DropdownMenu.prototype = {\n init: function() {\n var _this = this;\n\n _this._init_accessibility();\n _this._init_keyboard();\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems[i]; i++) {\n var $li = $main_menuitem.parentElement;\n\n $li.addEventListener('mouseenter',\n _this._on_mouseenter_main_menuitem.bind(_this, $main_menuitem)\n );\n\n $li.addEventListener('mouseover',\n _this._on_mouseover_main_menuitem.bind(_this, $main_menuitem)\n );\n\n $li.addEventListener('mouseout',\n _this._on_mouseout_main_menuitem.bind(_this)\n );\n\n $main_menuitem.addEventListener('focus',\n _this._on_focus_main_menuitem.bind(_this, $main_menuitem)\n );\n }\n },\n\n _init_accessibility: function() {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n $main_menuitem.setAttribute('aria-expanded', 'false');\n\n $main_menuitem.addEventListener('click', function(event) {\n event.preventDefault();\n });\n }\n },\n\n _init_keyboard: function() {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems[i]; i++) {\n $main_menuitem.addEventListener('keydown',\n _this._on_keydown_main_menuitem.bind(_this, $main_menuitem)\n );\n }\n\n for (var j = 0, $sub_menuitem; $sub_menuitem = _this.$sub_menuitems[j]; j++) {\n $sub_menuitem.addEventListener('keydown',\n _this._on_keydown_sub_menuitem.bind(_this, $sub_menuitem)\n );\n }\n },\n\n _on_keydown_main_menuitem: function($main_menuitem, event) {\n var _this = this;\n\n _this.event_type = event.type;\n _this.main_menu_index = _this._get_main_menuitem_index();\n _this.$main_menuitem = $main_menuitem;\n _this.$sub_menu = $main_menuitem.nextElementSibling;\n\n switch(event.keyCode) {\n case _this.$key.tab:\n if (event.shiftKey) {\n _this.main_menu_index -= 1;\n }\n else {\n _this.main_menu_index += 1;\n }\n\n break;\n\n case _this.$key.enter:\n if (_this.$sub_menu) {\n event.preventDefault();\n _this._close_sub_menus();\n this._open_sub_menu(false);\n }\n\n break;\n\n case _this.$key.escape:\n event.preventDefault();\n\n if (_this.sub_menu_is_open) {\n event.stopPropagation();\n }\n\n _this._close_sub_menu();\n\n break;\n\n case _this.$key.arrow_left:\n event.preventDefault();\n\n _this._focus_prev_main_menuitem();\n\n break;\n\n case _this.$key.arrow_up:\n event.preventDefault();\n\n if (_this.sub_menu_is_open) {\n _this._focus_prev_menuitem();\n }\n\n break;\n\n case _this.$key.arrow_right:\n event.preventDefault();\n\n _this._focus_next_main_menuitem();\n\n break;\n\n case _this.$key.arrow_down:\n event.preventDefault();\n\n if (_this.$sub_menu) {\n this._open_sub_menu(false);\n }\n else {\n _this._focus_next_main_menuitem();\n }\n\n break;\n }\n },\n\n _get_main_menuitem_index: function() {\n var _this = this;\n\n return Array.prototype.indexOf.call(_this.$main_menuitems, document.activeElement);\n },\n\n _focus_prev_menuitem: function() {\n var _this = this;\n\n _this.main_menu_index -= 1;\n\n if (_this.main_menu_index < 0) {\n _this.main_menu_index = 0;\n\n return;\n }\n\n _this.$main_menuitem = _this.$main_menuitems[_this.main_menu_index];\n _this.$sub_menu = _this.$main_menuitem.nextElementSibling;\n\n if (_this.$sub_menu && _this.sub_menu_is_open) {\n this._open_sub_menu(true);\n }\n else {\n _this.$main_menuitem.focus();\n }\n },\n\n _focus_prev_main_menuitem: function() {\n var _this = this;\n\n _this.main_menu_index -= 1;\n\n if (_this.main_menu_index < 0) {\n _this.main_menu_index = 0;\n\n return;\n }\n\n _this.$main_menuitem = _this.$main_menuitems[_this.main_menu_index];\n\n _this.$main_menuitem.focus();\n },\n\n _focus_next_main_menuitem: function() {\n var _this = this;\n\n _this.main_menu_index += 1;\n\n if (_this.main_menu_index === _this.$main_menuitems.length) {\n _this.main_menu_index = _this.$main_menuitems.length - 1;\n\n return;\n }\n\n _this.$main_menuitem = _this.$main_menuitems[_this.main_menu_index];\n\n _this.$main_menuitem.focus();\n },\n\n _on_mouseenter_main_menuitem: function($main_menuitem, event) {\n var _this = this;\n\n _this.event_type = event.type;\n _this.$main_menuitem = $main_menuitem;\n _this.$sub_menu = $main_menuitem.nextElementSibling;\n\n _this._close_sub_menus();\n\n if (_this.$sub_menu) {\n _this._open_sub_menu(false);\n }\n },\n\n _on_mouseover_main_menuitem: function() {\n var _this = this;\n\n clearTimeout(_this.close_sub_menu_timeout);\n },\n\n _on_mouseout_main_menuitem: function() {\n var _this = this;\n\n _this.close_sub_menu_timeout = setTimeout(function() {\n _this._close_sub_menus();\n }, 1000);\n },\n\n _on_focus_main_menuitem: function($main_menuitem, event) {\n var _this = this;\n\n _this.event_type = event.type;\n\n if (_this.sub_menu_is_open) {\n _this.$main_menuitem = $main_menuitem;\n _this.$sub_menu = $main_menuitem.nextElementSibling;\n\n _this._close_sub_menus();\n\n if (_this.$sub_menu) {\n _this._open_sub_menu();\n }\n }\n },\n\n _on_keydown_sub_menuitem: function($sub_menuitem, event) {\n var _this = this;\n\n switch(event.keyCode) {\n case _this.$key.tab:\n\n if (event.shiftKey) {\n _this.sub_menu_index -= 1;\n }\n else {\n _this.sub_menu_index += 1;\n }\n\n break;\n\n case _this.$key.escape:\n event.preventDefault();\n event.stopPropagation();\n\n _this._close_sub_menu();\n\n break;\n\n case _this.$key.arrow_left:\n event.preventDefault();\n\n _this.sub_menu_index = 0;\n _this._focus_prev_sub_menuitem();\n\n break;\n\n case _this.$key.arrow_up:\n event.preventDefault();\n\n _this._focus_prev_sub_menuitem();\n\n break;\n\n case _this.$key.arrow_right:\n event.preventDefault();\n\n _this.sub_menu_index = 0;\n _this._focus_prev_sub_menuitem();\n\n break;\n\n case _this.$key.arrow_down:\n event.preventDefault();\n\n _this._focus_next_sub_menuitem();\n\n break;\n }\n\n _this._open_sub_sub_menu();\n },\n\n _open_sub_sub_menu: function() {\n var _this = this;\n $sub_menuitem = _this.$main_menuitem.nextElementSibling.querySelectorAll('li li > a')[_this.sub_menu_index];\n\n if($sub_menuitem) {\n\n for (var i = 0, $menuitem; $menuitem = _this.$sub_menuitems[i]; i++) {\n var is_current_menuitem = $sub_menuitem === $menuitem,\n $sub_sub_menu = $sub_menuitem.parentNode.querySelector('ul');\n is_sub_sub_menuitem = $sub_menuitem.classList.contains('sub_sub_menuitem');\n\n if (is_current_menuitem && $sub_sub_menu) {\n $menuitem.parentElement.classList.add('hover');\n $menuitem.setAttribute('aria-expanded', true);\n }\n\n else if (is_current_menuitem && is_sub_sub_menuitem) {\n $menuitem.parentElement.parentElement.parentElement.classList.add('hover');\n $menuitem.parentElement.parentElement.parentElement.setAttribute('aria-expanded', true);\n }\n\n else {\n $menuitem.parentElement.classList.remove('hover');\n $menuitem.setAttribute('aria-expanded', false);\n }\n }\n }\n\n else {\n _this._close_sub_sub_menus();\n }\n },\n\n _close_sub_sub_menus: function() {\n var _this = this;\n\n for (var i = 0, $sub_menuitem; $sub_menuitem = _this.$sub_menuitems_with_sub_sub_menu[i]; i++) {\n $sub_menuitem.parentElement.classList.remove('hover');\n $sub_menuitem.setAttribute('aria-expanded', 'false');\n }\n },\n\n _focus_prev_sub_menuitem: function() {\n var _this = this,\n $sub_menuitems = _this.$main_menuitem.nextElementSibling.querySelectorAll('a'),\n $sub_menuitem,\n $main_menuitem;\n\n _this.sub_menu_index -= 1;\n\n $sub_menuitem = $sub_menuitems[_this.sub_menu_index];\n\n if (_this.sub_menu_index < 0) {\n $main_menuitem = _this.$main_menuitems[_this.main_menu_index];\n\n if ($main_menuitem) {\n $main_menuitem.focus();\n }\n }\n else if ($sub_menuitem) {\n $sub_menuitem.focus();\n }\n },\n\n _focus_next_sub_menuitem: function() {\n var _this = this,\n $sub_menuitems = _this.$main_menuitem.nextElementSibling.querySelectorAll('a'),\n $sub_menuitem,\n $main_menuitem;\n\n _this.sub_menu_index += 1;\n\n $sub_menuitem = $sub_menuitems[_this.sub_menu_index];\n\n if (_this.sub_menu_index === $sub_menuitems.length) {\n _this.main_menu_index += 1;\n\n $main_menuitem = _this.$main_menuitems[_this.main_menu_index];\n\n if ($main_menuitem) {\n $main_menuitem.focus();\n }\n else {\n _this.main_menu_index -= 1;\n _this.sub_menu_index -= 1;\n }\n }\n else {\n $sub_menuitem.focus();\n }\n },\n\n _open_sub_menu: function(focus_last_sub_menuitem) {\n var _this = this,\n $sub_menuitems;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n var is_current_menuitem = _this.$main_menuitem === $main_menuitem;\n\n if (is_current_menuitem) {\n $main_menuitem.parentElement.classList.add('hover');\n }\n else {\n $main_menuitem.parentElement.classList.remove('hover');\n }\n\n $main_menuitem.setAttribute('aria-expanded', is_current_menuitem);\n }\n\n _this.sub_menu_index = 0;\n\n if (_this.event_type === 'keydown') {\n $sub_menuitems = _this.$sub_menu.querySelectorAll('a');\n\n if (focus_last_sub_menuitem) {\n _this.sub_menu_index = $sub_menuitems.length - 1;\n }\n\n $sub_menuitems[_this.sub_menu_index].focus();\n\n _this.event_type = false;\n }\n\n _this.sub_menu_is_open = true;\n },\n\n _close_sub_menu: function() {\n var _this = this;\n\n _this.$main_menuitem.parentElement.classList.remove('hover');\n _this.$main_menuitem.setAttribute('aria-expanded', 'false');\n\n _this.sub_menu_is_open = false;\n\n _this.$main_menuitem.focus();\n },\n\n _close_sub_menus: function() {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n $main_menuitem.parentElement.classList.remove('hover');\n $main_menuitem.setAttribute('aria-expanded', 'false');\n }\n\n _this._close_sub_sub_menus();\n }\n };\n\n var $dropdown_menu = document.getElementsByClassName('dropdown_menu');\n\n for (var i = 0, len = $dropdown_menu.length; i < len; i++) {\n new DropdownMenu($dropdown_menu[i]).init();\n }\n})(document);\n\n// DROPDOWN MENU\n// Vergibt eine Klasse open_to_top wenn das Menü nach oben geöffnet werden soll, da es nach unten abgeschnitten werden würde, weil kein Platz vorhanden ist.\n// -------------------------------------------------------------------------------------------------\n\n(function(document, window) {\n var DropdownMenuOpenToTop = function($dropdown_menu) {\n this._$dropdown_menu = $dropdown_menu;\n this._max_height = 0;\n this._offset = 20; // Zusätzlicher Abstand\n };\n\n DropdownMenuOpenToTop.prototype = {\n init: function() {\n this._set_max_height();\n this._open_to_top();\n // this._$dropdown_menu.classList.add('open_to_top');\n\n window.addEventListener('resize', this._set_max_height.bind(this), true);\n window.addEventListener('scroll', this._open_to_top.bind(this), true);\n },\n\n _open_to_top: function() {\n if (window.innerHeight - this._offset > this._$dropdown_menu.getBoundingClientRect().top + this._max_height) {\n this._$dropdown_menu.classList.remove('open_to_top');\n } else {\n this._$dropdown_menu.classList.add('open_to_top');\n }\n },\n\n _set_max_height: function() {\n var $elements = this._$dropdown_menu.querySelectorAll('ul > li');\n\n for (var i = 0; i < $elements.length; i++) {\n $elements[i].classList.add('hover');\n var $element_open = $elements[i].querySelector('ul');\n\n if ($element_open) {\n var height = $element_open.getBoundingClientRect().height + $elements[i].getBoundingClientRect().height;\n\n if (height > this._max_height) {\n this._max_height = height;\n }\n }\n $elements[i].classList.remove('hover');\n }\n }\n };\n\n var dropdown_menu = document.querySelector('.dropdown_menu.origin');\n\n if (dropdown_menu) {\n new DropdownMenuOpenToTop(dropdown_menu).init();\n }\n\n}(document, window));\n\n// OFFCANVAS MENU ACORDION\n// MUSS VOR DEM EIGENTLICHEN ACORDION GELADEN WERDEN\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var OffCanvasMenuAccordion = function($toggle_offcanvas_menu) {\n var _this = this,\n controls;\n\n controls = $toggle_offcanvas_menu.querySelector('.open_offcanvas_menu').getAttribute('aria-controls');\n\n _this.$main_menuitems_with_sub_menu = document.getElementById(controls).querySelectorAll('[href^=\"#\"]');\n };\n\n OffCanvasMenuAccordion.prototype = {\n init: function() {\n var _this = this;\n\n _this._init_accessibility();\n\n for (var j = 0, $main_menuitem_with_sub_menu; $main_menuitem_with_sub_menu = _this.$main_menuitems_with_sub_menu[j]; j++) {\n $main_menuitem_with_sub_menu.addEventListener('click',\n _this._on_click_main_menuitem.bind(_this, $main_menuitem_with_sub_menu)\n );\n }\n\n window.addEventListener('resize',\n _this._window_size_changed.bind(_this, $main_menuitem_with_sub_menu)\n );\n\n },\n\n _init_accessibility: function() {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n if ($main_menuitem.classList.contains('active')) {\n $element = $main_menuitem.parentElement.querySelector('ul');\n $element.style.height = $element.scrollHeight + 'px';\n }\n }\n },\n\n _window_size_changed: function() {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n if ($main_menuitem.getAttribute('aria-expanded') === 'true') {\n var $element = $main_menuitem.parentElement.querySelector('ul');\n // reset height font.size manipulates height of element\n $element.style.height = 'auto';\n $element.style.height = $element.scrollHeight + 'px';\n }\n }\n },\n\n _on_click_main_menuitem: function($main_menuitem_selected) {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n var $element = $main_menuitem.parentElement.querySelector('ul');\n\n if ($main_menuitem_selected === $main_menuitem) {\n $element.style.height = '0px';\n if ($main_menuitem.getAttribute('aria-expanded') === 'false') {\n $element.style.height = $element.scrollHeight + 'px';\n } else {\n $element.style.height = '0px';\n }\n }\n else {\n $element.style.height = '0px';\n }\n }\n }\n };\n\n // init OffCanvasMenu only once\n new OffCanvasMenuAccordion(document.getElementsByClassName('toggle_offcanvas_menu')[0]).init();\n var $toggle_offcanvas_menu = document.getElementsByClassName('toggle_offcanvas_menu');\n\n // create an Opener for each button\n for (var i = 0, len = $toggle_offcanvas_menu.length; i < len; i++) {\n new OffCanvasMenuAccordion($toggle_offcanvas_menu[i]).init();\n }\n\n})(document);\n\n// OFFCANVAS MENU\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var OffCanvasMenu = function($toggle_offcanvas_menu) {\n var _this = this,\n controls;\n\n controls = $toggle_offcanvas_menu.querySelector('.open_offcanvas_menu').getAttribute('aria-controls');\n\n _this.$offcanvas_menu = document.getElementById(controls);\n _this.$main_menuitems_with_sub_menu = _this.$offcanvas_menu.querySelectorAll('[href^=\"#\"]');\n // _this.$offcanvas_menu_content = _this.$offcanvas_menu.querySelector('.offcanvas_menu_content');\n _this.$focus_elements = _this.$offcanvas_menu.querySelectorAll('a');\n _this.focus_element = false;\n _this.$offcanvas_menu_state = false;\n\n _this.$key = {\n 'tab' : 9,\n };\n };\n\n OffCanvasMenu.prototype = {\n init: function() {\n var _this = this;\n\n _this._init_accessibility();\n _this._init_keyboard();\n\n for (var j = 0, $main_menuitem_with_sub_menu; $main_menuitem_with_sub_menu = _this.$main_menuitems_with_sub_menu[j]; j++) {\n $main_menuitem_with_sub_menu.addEventListener('click',\n _this._on_click_main_menuitem.bind(_this, $main_menuitem_with_sub_menu)\n );\n }\n },\n\n _init_accessibility: function() {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n $main_menuitem.setAttribute('aria-expanded', $main_menuitem.classList.contains('active'));\n }\n },\n\n _init_keyboard: function() {\n var _this = this;\n\n document.addEventListener('keydown', function(event) {\n if (!_this.$offcanvas_menu_state.checked) {\n return;\n }\n\n if (event.keyCode === _this.$key.tab) {\n event.preventDefault();\n\n if (event.shiftKey) {\n _this._focus_element_with_shift_tab_key(event);\n }\n else {\n _this._focus_element_with_tab_key(event);\n }\n }\n });\n },\n\n _focus_element_with_shift_tab_key: function() {\n var _this = this;\n\n _this.tab_index -= 1;\n\n if (_this.tab_index < 0) {\n _this.tab_index = _this.$focus_elements.length - 1;\n }\n\n for (var i = _this.tab_index, $focus_element; $focus_element = _this.$focus_elements[i]; i--) {\n if ($focus_element.offsetParent === null || $focus_element.offsetWidth === 0) {\n _this.tab_index -= 1;\n continue;\n }\n\n _this.$focus_elements[_this.tab_index].focus();\n break;\n }\n },\n\n _focus_element_with_tab_key: function() {\n var _this = this;\n\n if (_this.tab_index === _this.$focus_elements.length - 1) {\n _this.tab_index = 0;\n }\n else {\n _this.tab_index += 1;\n }\n\n for (var i = _this.tab_index, $focus_element; $focus_element = _this.$focus_elements[i]; i++) {\n if ($focus_element.offsetParent === null || $focus_element.offsetWidth === 0) {\n _this.tab_index += 1;\n\n if (_this.tab_index > _this.$focus_elements.length - 1) {\n _this.tab_index = 0;\n }\n else {\n continue;\n }\n }\n\n _this.$focus_elements[_this.tab_index].focus();\n break;\n }\n },\n\n _on_click_main_menuitem: function($main_menuitem, event) {\n var _this = this;\n\n event.preventDefault();\n\n _this.$main_menuitem = $main_menuitem;\n\n _this._toggle_sub_menus();\n },\n\n _toggle_sub_menus: function() {\n var _this = this;\n\n for (var i = 0, $main_menuitem; $main_menuitem = _this.$main_menuitems_with_sub_menu[i]; i++) {\n var is_active_menuitem = _this.$main_menuitem === $main_menuitem,\n $parent_menuitems = _this._get_parent_menu_elements();\n\n if (is_active_menuitem) {\n _this.sub_menu_is_open = $main_menuitem.getAttribute('aria-expanded') === 'false';\n\n $main_menuitem.parentElement.classList.toggle('expanded', _this.sub_menu_is_open);\n $main_menuitem.setAttribute('aria-expanded', _this.sub_menu_is_open);\n }\n else if ($parent_menuitems.indexOf($main_menuitem) !== -1) { // Check parents\n $main_menuitem.parentElement.classList.toggle('expanded', 'true');\n $main_menuitem.setAttribute('aria-expanded', 'true');\n }\n else {\n $main_menuitem.parentElement.classList.remove('expanded');\n $main_menuitem.setAttribute('aria-expanded', 'false');\n }\n }\n },\n\n _get_parent_menu_elements: function() {\n var _this = this.$main_menuitem,\n $findings = [];\n\n while (_this.parentNode) {\n _this = _this.parentNode;\n\n if (_this.nodeName.toLowerCase() === 'li') {\n $findings.push(_this.querySelector('a'));\n }\n }\n\n return $findings || False;\n }\n };\n\n var OffCanvasMenuOpener = function($toggle_offcanvas_menu) {\n var _this = this;\n var controls = $toggle_offcanvas_menu.querySelector('.open_offcanvas_menu').getAttribute('aria-controls');\n\n _this.$toggle_offcanvas_menu = $toggle_offcanvas_menu.querySelector('label');\n _this.$open_offcanvas_menu = $toggle_offcanvas_menu.querySelector('.open_offcanvas_menu');\n _this.$close_offcanvas_menu = $toggle_offcanvas_menu.querySelector('.close_offcanvas_menu');\n _this.$offcanvas_menu_state = document.querySelector('#' + _this.$toggle_offcanvas_menu.getAttribute('for'));\n _this.$offcanvas_menu = document.getElementById(controls);\n _this.$focus_elements = _this.$offcanvas_menu.querySelectorAll('a');\n\n _this.$key = {\n 'enter' : 13,\n 'escape' : 27,\n 'space' : 32\n };\n };\n\n OffCanvasMenuOpener.prototype = {\n init: function() {\n var _this = this;\n\n _this._init_keyboard();\n\n _this.$toggle_offcanvas_menu.addEventListener('click', _this._toggle_menu.bind(_this));\n _this.$open_offcanvas_menu.addEventListener('click', _this._open_menu.bind(_this));\n _this.$close_offcanvas_menu.addEventListener('click', _this._close_menu.bind(_this));\n\n _this.$offcanvas_menu.addEventListener('transitionend', function(event) {\n\n // var _this = this;\n if (event.target !== this) {\n return;\n }\n\n if (_this.$offcanvas_menu_state.checked) {\n if (_this.focus_element) {\n _this.focus_element = false;\n _this.$focus_elements[0].focus();\n }\n }\n else if (_this.focus_element) {\n _this.focus_element = false;\n _this.$open_offcanvas_menu.focus();\n }\n });\n },\n\n _init_keyboard: function() {\n var _this = this;\n\n _this.$open_offcanvas_menu.addEventListener('keydown', function(event) {\n if (event.keyCode === _this.$key.space || event.keyCode === _this.$key.enter) {\n _this.focus_element = true;\n }\n\n if (event.keyCode === _this.$key.space) {\n event.preventDefault();\n }\n });\n\n _this.$close_offcanvas_menu.addEventListener('keydown', function(event) {\n if (event.keyCode === _this.$key.space) {\n event.preventDefault();\n }\n });\n\n document.addEventListener('keydown', function(event) {\n if (!_this.$offcanvas_menu_state.checked) {\n return;\n }\n\n if (event.keyCode === _this.$key.escape) {\n _this.focus_element = true;\n _this._close_menu(event);\n }\n });\n },\n\n _scroll_to_top: function() {\n var _this = this;\n\n setTimeout(function() {\n var duration = 300,\n interval;\n\n interval = setInterval(function() {\n var diff = -window.pageYOffset,\n step = diff / duration * 10;\n\n if (Math.abs(diff) <= Math.abs(step)) {\n if (_this.$anchor) {\n _this.$anchor.focus();\n }\n\n clearInterval(interval);\n }\n\n window.scrollBy(0, step);\n duration -= 10;\n }, 10);\n }, 300);\n },\n\n _toggle_menu: function(event) {\n var _this = this;\n\n if (_this.$offcanvas_menu_state.checked) {\n _this._close_menu(event);\n }\n else {\n _this._open_menu(event);\n }\n },\n\n _open_menu: function(event) {\n var _this = this;\n\n event.preventDefault();\n\n _this.$offcanvas_menu_state.checked = true;\n _this.tab_index = 0;\n\n _this._scroll_to_top();\n },\n\n _close_menu: function(event) {\n var _this = this;\n\n event.preventDefault();\n\n _this.$offcanvas_menu_state.checked = false;\n _this.tab_index = 0;\n }\n };\n\n var $offcanvas_menu = document.getElementsByClassName('toggle_offcanvas_menu');\n\n if ($offcanvas_menu.length) {\n new OffCanvasMenu($offcanvas_menu[0]).init(); // init once\n\n // create an opener for each button\n for (var i = 0, len = $offcanvas_menu.length; i < len; i++) {\n new OffCanvasMenuOpener($offcanvas_menu[i]).init();\n }\n }\n})(document);\n\n// FORMULARE\n// -------------------------------------------------------------------------------------------------\n\n(function() {\n var FormHelpers = function(element) {\n var _this = this;\n\n _this.$el = $$(element);\n };\n\n FormHelpers.prototype = {\n init: function() {\n var _this = this;\n\n _this._file_upload();\n _this._select();\n },\n\n _file_upload: function() {\n var _this = this;\n\n if (_this.$el.get_attribute('type') !== 'file') {\n return;\n }\n\n var $file_name = _this.$el.get_parent().children('.file_name'),\n $file_button = _this.$el.get_parent().children('.file_button');\n\n _this.$el.add_event('focus', function() {\n $file_button.add_class('focus');\n });\n\n _this.$el.add_event('blur', function() {\n $file_button.remove_class('focus');\n });\n\n _this.$el.add_event('change', function() {\n $file_name.set_text(_this.$el.get_file().filename);\n });\n },\n\n _select: function() {\n var _this = this;\n\n if (!_this.$el.is_tag('select')) {\n return;\n }\n\n _this.$el.add_event('focus', function() {\n _this.$el.get_parent('.select').add_class('focus');\n });\n\n _this.$el.add_event('blur', function() {\n _this.$el.get_parent('.select').remove_class('focus');\n });\n }\n };\n\n $$('input, select, textarea').for_each(function() {\n new FormHelpers(this).init();\n });\n})();\n\n// FORM VALIDIERUNG\n// -------------------------------------------------------------------------------------------------\n\n(function(document, window) {\n var FormValidation = function($form) {\n var _this = this;\n\n _this._$form = $form;\n _this._$inputs = _this._$form.querySelectorAll('input.validate, textarea.validate');\n _this._$inputs_checkbox = _this._$form.querySelectorAll('input[type=checkbox][required]');\n _this._$inputs_checkbox_wrapper = _this._$form.querySelectorAll('.checkbox_wrapper.required');\n _this._$inputs_email = _this._$form.querySelectorAll('input[type=email]');\n _this._$selects = _this._$form.querySelectorAll('select[required]');\n _this._$button = _this._$form.querySelector('[type=\"submit\"]');\n _this._$error_msg_button = _this._$form.querySelector('.error_msg_button');\n };\n\n FormValidation.prototype = {\n init: function() {\n var _this = this;\n\n _this._init_validation();\n\n for (var j = 0, inputs_len = _this._$inputs.length; j < inputs_len; j++) {\n var $input = this._$inputs[j];\n\n $input.addEventListener('keyup', _this._input_keyup.bind(_this, $input));\n $input.addEventListener('blur', _this._input_blur.bind(_this, $input));\n }\n\n for (var i = 0, inputs_checkbox_len = _this._$inputs_checkbox.length; i < inputs_checkbox_len; i++) {\n var $input_checkbox = this._$inputs_checkbox[i];\n\n $input_checkbox.addEventListener('click', _this._input_checkbox_click.bind(_this, $input_checkbox));\n $input_checkbox.addEventListener('keyup', _this._input_checkbox_keyup.bind(_this, $input_checkbox));\n $input_checkbox.addEventListener('blur', _this._input_checkbox_blur.bind(_this, $input_checkbox));\n }\n\n for (var k = 0, inputs_checkbox_wrapper_len = _this._$inputs_checkbox_wrapper.length; k < inputs_checkbox_wrapper_len; k++) {\n var $inputs_checkbox_wrapper = _this._$inputs_checkbox_wrapper[k];\n var $wrapped_checkboxes = $inputs_checkbox_wrapper.querySelectorAll('input[type=checkbox]');\n\n for (var l = 0, wrapped_checkboxes_len = $wrapped_checkboxes.length; l < wrapped_checkboxes_len; l++) {\n var $wrapped_checkbox = $wrapped_checkboxes[l];\n\n $wrapped_checkbox.addEventListener('click', _this._input_wrapped_checkbox_click.bind(_this, $wrapped_checkbox, $inputs_checkbox_wrapper));\n $wrapped_checkbox.addEventListener('keyup', _this._input_wrapped_checkbox_keyup.bind(_this, $wrapped_checkbox, $inputs_checkbox_wrapper));\n }\n }\n\n for (var x = 0, selects_len = _this._$selects.length; x < selects_len; x++) {\n var $select = this._$selects[x];\n\n $select.addEventListener('change', _this._select_change.bind(_this, $select));\n $select.addEventListener('blur', _this._select_blur.bind(_this, $select));\n }\n\n _this._$form.addEventListener('submit', _this._submit.bind(_this));\n\n _this._check_submit_status();\n },\n\n _init_validation: function() {\n var _this = this;\n\n _this._$form.noValidate = true;\n\n for (var i = 0; i < _this._$inputs_email.length; i++) {\n _this._$inputs_email[i].pattern = '@';\n }\n },\n\n _input_keyup: function($input, event) {\n if (event.keyCode === 9 || event.keyCode === 27) {\n // No validation on TAB or ESC\n return;\n }\n\n this._validate_input($input, event);\n },\n\n _input_blur: function($input, event) {\n this._validate_input($input, event);\n },\n\n _validate_input: function($input, event) {\n var _this = this,\n id = $input.getAttribute('id'),\n $error_warning = document.querySelector('[for=\"' + id + '\"] .error_warning'),\n min = parseInt($input.getAttribute('min')),\n pattern = $input.getAttribute('pattern'),\n regexp = new RegExp(pattern),\n value = $input.value;\n\n if ($input.type === 'file') {\n _this._validate_input_file($input);\n }\n else if (value) {\n if (pattern && value.match(regexp) || value >= min || !pattern && $input.required) {\n $input.setAttribute('aria-invalid', 'false');\n\n if (!event || event.type === 'blur') {\n $input.classList.remove('error');\n\n if ($error_warning) {\n $error_warning.classList.remove('show');\n }\n }\n }\n else {\n $input.setAttribute('aria-invalid', 'true');\n\n if (!event || event.type === 'blur') {\n $input.classList.add('error');\n\n if ($error_warning) {\n $error_warning.classList.add('show');\n }\n }\n }\n }\n else if ($input.required) {\n $input.setAttribute('aria-invalid', 'true');\n\n if (!event || event.type === 'blur') {\n $input.classList.add('error');\n\n if ($error_warning) {\n $error_warning.classList.add('show');\n }\n }\n }\n else {\n $input.setAttribute('aria-invalid', 'false');\n\n if (!event || event.type === 'blur') {\n $input.classList.remove('error');\n\n if ($error_warning) {\n $error_warning.classList.remove('show');\n }\n }\n }\n _this._check_submit_status();\n },\n\n _validate_input_file: function($input) {\n var _this = this,\n id = $input.getAttribute('id'),\n $error_warning = document.querySelector('[for=\"' + id + '\"] .error_warning'),\n value = $input.value;\n\n while ($input && $input.nodeType !== 9) {\n $input = $input.parentNode;\n\n if ($input.classList.contains('file')) {\n break;\n }\n }\n\n if (value) {\n $input.classList.remove('error');\n if ($error_warning) {\n $error_warning.classList.remove('show');\n }\n }\n else {\n $input.classList.add('error');\n if ($error_warning) {\n $error_warning.classList.add('show');\n }\n }\n\n _this._check_submit_status();\n },\n\n _input_checkbox_click: function($input_checkbox, event) {\n this._validate_input_checkbox($input_checkbox, event);\n },\n\n _input_checkbox_keyup: function($input_checkbox, event) {\n if (event.keyCode === 32) { // SPACE\n this._validate_input_checkbox($input_checkbox, event);\n }\n },\n\n _input_checkbox_blur: function($input_checkbox, event) {\n this._validate_input_checkbox($input_checkbox, event);\n },\n\n _validate_input_checkbox: function($input_checkbox, event) {\n var _this = this,\n id = $input_checkbox.getAttribute('id'),\n $error_warning = document.querySelector('#label_' + id + ' .error_warning');\n\n if ($input_checkbox.checked && !event ||\n $input_checkbox.checked && event && event.type !== 'keyup' ||\n !$input_checkbox.checked && event && event.type === 'keyup') {\n $input_checkbox.setAttribute('aria-invalid', 'false');\n $input_checkbox.classList.remove('error');\n $error_warning.classList.remove('show');\n }\n else {\n $input_checkbox.setAttribute('aria-invalid', 'true');\n $input_checkbox.classList.add('error');\n $error_warning.classList.add('show');\n }\n\n _this._check_submit_status();\n },\n\n _input_wrapped_checkbox_click: function($wrapped_checkbox, $parent, event) {\n this._validate_input_checkbox_wrapper($parent, event);\n },\n\n _input_wrapped_checkbox_keyup: function($wrapped_checkbox, $parent, event) {\n if (event.keyCode === 32) { // SPACE\n this._validate_input_checkbox($parent, event);\n }\n },\n\n _input_wrapped_checkbox_blur: function($wrapped_checkbox, $parent, event) {\n this._validate_input_checkbox($parent, event);\n },\n\n _validate_input_checkbox_wrapper: function($inputs_checkbox_wrapper) {\n var _this = this,\n id = $inputs_checkbox_wrapper.getAttribute('id'),\n $error_warning = document.querySelector('#label_' + id + ' .error_warning'),\n $checked_checkboxes = $inputs_checkbox_wrapper.querySelectorAll('input[type=checkbox]:checked');\n\n if ($checked_checkboxes.length >= 1) {\n $inputs_checkbox_wrapper.setAttribute('aria-invalid', 'false');\n $inputs_checkbox_wrapper.classList.remove('error');\n $error_warning.classList.remove('show');\n }\n else {\n $inputs_checkbox_wrapper.setAttribute('aria-invalid', 'true');\n $inputs_checkbox_wrapper.classList.add('error');\n $error_warning.classList.add('show');\n }\n\n _this._check_submit_status();\n },\n\n _select_change: function($select, event) {\n this._validate_select($select, event);\n },\n\n _select_blur: function($select, event) {\n this._validate_select($select, event);\n },\n\n _validate_select: function($select, event) {\n var _this = this,\n id = $select.getAttribute('id'),\n $wrapper = $select,\n $error_warning = document.querySelector('#label_' + id + ' .error_warning'),\n value = $select.value;\n\n while ($wrapper && $wrapper.nodeType !== 9) {\n $wrapper = $wrapper.parentNode;\n\n if ($wrapper.classList.contains('select')) {\n break;\n }\n }\n\n if (value) {\n $select.setAttribute('aria-invalid', 'false');\n\n if (!event || event.type === 'blur') {\n $wrapper.classList.remove('error');\n $error_warning.classList.remove('show');\n }\n }\n else {\n $select.setAttribute('aria-invalid', 'true');\n\n if (!event || event.type === 'blur') {\n $wrapper.classList.add('error');\n $error_warning.classList.add('show');\n }\n }\n\n _this._check_submit_status();\n },\n\n _check_submit_status: function() {\n var _this = this,\n error_msg_button_id = _this._$error_msg_button.getAttribute('id'),\n enable_submit_button = true;\n\n for (var j = 0, inputs_len = _this._$inputs.length; j < inputs_len; j++) {\n if (_this._$inputs[j].getAttribute('aria-invalid') === 'true' ||\n _this._$inputs[j].required && !_this._$inputs[j].value) {\n enable_submit_button = false;\n break;\n }\n }\n\n for (var k = 0, inputs_checkbox_wrapper_len = _this._$inputs_checkbox_wrapper.length; k < inputs_checkbox_wrapper_len; k++) {\n if (_this._$inputs_checkbox_wrapper[k].getAttribute('aria-invalid') === 'true') {\n enable_submit_button = false;\n break;\n }\n }\n\n for (var i = 0, inputs_checkbox_len = _this._$inputs_checkbox.length; i < inputs_checkbox_len; i++) {\n if (!_this._$inputs_checkbox[i].checked) {\n enable_submit_button = false;\n break;\n }\n }\n\n for (var x = 0, selects_len = _this._$selects.length; x < selects_len; x++) {\n if (!_this._$selects[x].value) {\n enable_submit_button = false;\n break;\n }\n }\n\n if (enable_submit_button) {\n _this._$button.classList.remove('disabled');\n _this._$button.removeAttribute('aria-describedby');\n }\n else {\n _this._$button.classList.add('disabled');\n _this._$button.setAttribute('aria-describedby', error_msg_button_id);\n }\n },\n\n _show_first_error: function() {\n var _this = this,\n $first_input_error = _this._$form.querySelector('[aria-invalid=\"true\"]'),\n top_position = 0,\n offset_top = 60,\n duration = 300,\n interval,\n $obj;\n\n if ($first_input_error) {\n $obj = $first_input_error;\n top_position = $obj.offsetTop - offset_top;\n\n while ($obj = $obj.offsetParent) {\n top_position += $obj.offsetTop;\n }\n\n if (window.pageYOffset < top_position) {\n $first_input_error.focus();\n return;\n }\n\n interval = setInterval(function() {\n var diff = top_position - window.pageYOffset,\n step = diff / duration * 10;\n\n if (Math.abs(diff) <= Math.abs(step)) {\n $first_input_error.focus();\n clearInterval(interval);\n }\n\n window.scrollBy(0, step);\n duration -= 10;\n }, 10);\n }\n },\n\n _submit: function(event) {\n var _this = this;\n\n _this._check_submit_status();\n\n if (_this._$button.classList.contains('disabled')) {\n event.preventDefault();\n\n for (var j = 0, inputs_len = _this._$inputs.length; j < inputs_len; j++) {\n _this._validate_input(this._$inputs[j]);\n }\n\n for (var i = 0, inputs_checkbox_len = _this._$inputs_checkbox.length; i < inputs_checkbox_len; i++) {\n _this._validate_input_checkbox(this._$inputs_checkbox[i]);\n }\n\n for (var k = 0, inputs_checkbox_wrapper_len = _this._$inputs_checkbox_wrapper.length; k < inputs_checkbox_wrapper_len; k++) {\n _this._validate_input_checkbox_wrapper(this._$inputs_checkbox_wrapper[k]);\n }\n\n for (var x = 0, selects_len = _this._$selects.length; x < selects_len; x++) {\n _this._validate_select(this._$selects[x]);\n }\n\n _this._show_first_error();\n }\n }\n };\n\n var $forms = document.querySelectorAll('[data-form*=\"validate\"]');\n\n for (var i = 0, len = $forms.length; i < len; i++) {\n new FormValidation($forms[i]).init();\n }\n})(document, window);\n\n// FORMULARE: EINGABE ZWISCHENSPEICHERN\n// Wird verwendet für: formular\n// -------------------------------------------------------------------------------------------------\n\n(function(document) {\n var FormCache = function($form) {\n var _this = this;\n\n _this._$form = $form;\n _this._form_name = _this._$form.getAttribute('data-form-cache');\n _this._$inputs = _this._$form.querySelectorAll('input, select, textarea');\n _this._$cache = {};\n };\n\n FormCache.prototype = {\n init: function() {\n var _this = this;\n\n _this._init_events();\n _this._restore_cache();\n },\n\n _init_events: function() {\n var _this = this,\n $input,\n type,\n event_listener;\n\n for (var i = 0, len = _this._$inputs.length; i < len; i++) {\n $input = _this._$inputs[i];\n type = $input.type;\n\n if (type === 'checkbox') {\n event_listener = 'click';\n }\n else if (type === 'select-one') {\n event_listener = 'change';\n }\n else {\n event_listener = 'input';\n }\n\n $input.addEventListener(event_listener, _this._save_cache.bind(_this, $input), false);\n }\n\n _this._$form.addEventListener('submit', _this._reset_cache.bind(_this), false);\n },\n\n _save_cache: function($input) {\n var _this = this,\n name = $input.getAttribute('name'),\n type = $input.type;\n\n if (type === 'checkbox') {\n _this._$cache[name] = $input.checked;\n }\n else if (type === 'select-one') {\n _this._$cache[name] = $input.selectedIndex;\n }\n else {\n _this._$cache[name] = $input.value;\n }\n\n localStorage.setItem(domain + '_form_cache_' + _this._form_name, JSON.stringify(_this._$cache));\n },\n\n _restore_cache: function() {\n var _this = this,\n $cache = localStorage.getItem(domain + '_form_cache_' + _this._form_name),\n $input,\n type;\n\n if (!$cache) {\n return;\n }\n\n _this._$cache = JSON.parse($cache);\n\n for (var key in _this._$cache) {\n if (_this._$cache.hasOwnProperty(key)) {\n $input = _this._$form.querySelector('[name=\"' + key + '\"]');\n type = $input.type;\n\n if (type === 'checkbox') {\n $input.checked = _this._$cache[key];\n }\n else if (type === 'select-one') {\n $input.selectedIndex = _this._$cache[key];\n }\n else {\n $input.value = _this._$cache[key];\n }\n }\n }\n },\n\n _reset_cache: function() {\n var _this = this,\n is_valid = true;\n\n for (var i = 0, len = _this._$inputs.length; i < len; i++) {\n if (_this._$inputs[i].getAttribute('aria-invalid') === 'true') {\n is_valid = false;\n break;\n }\n }\n\n if (is_valid) {\n localStorage.removeItem(domain + '_form_cache_' + _this._form_name);\n }\n }\n };\n\n var $forms = document.querySelectorAll('[data-form-cache]');\n\n for (var i = 0, len = $forms.length; i < len; i++) {\n new FormCache($forms[i]).init();\n }\n})(document);\n\n// FORMULARE: TEXTAREA AUTOGROW\n// Wird gebraucht für alle