'); doc.close(); isCompliantCached = doc.documentElement.scrollHeight > doc.body.scrollHeight; iframe.parentNode.removeChild(iframe); } return isCompliantCached; }; function isRendered(style) { return style.display != 'none' && !(style.visibility == 'collapse' && /^table-(.+-group|row|column)$/.test(style.display)); } function isScrollable(body) { // A 'body' element is scrollable if 'body' and 'html' both have // non-'visible' overflow and are both being rendered. var bodyStyle = computeStyle(body); var htmlStyle = computeStyle(document.documentElement); return bodyStyle.overflow != 'visible' && htmlStyle.overflow != 'visible' && isRendered(bodyStyle) && isRendered(htmlStyle); } var scrollingElement = function() { if (isCompliant()) { return document.documentElement; } var body = document.body; // Note: 'document.body' could be a 'frameset' element, or 'null'. // 'tagName' is uppercase in HTML, but lowercase in XML. var isFrameset = body && !/body/i.test(body.tagName); body = isFrameset ? getNextBodyElement(body) : body; // If 'body' is itself scrollable, it is not the 'scrollingElement'. return body && isScrollable(body) ? null : body; }; if (Object.defineProperty) { // Support modern browsers that lack a native implementation. Object.defineProperty(document, 'scrollingElement', { 'get': scrollingElement }); } else if (document.__defineGetter__) { // Support Firefox ≤ 3.6.9, Safari ≤ 4.1.3. document.__defineGetter__('scrollingElement', scrollingElement); } else { // IE ≤ 4 lacks 'attachEvent', so it only gets this one assignment. IE ≤ 7 // gets it too, but the value is updated later (see 'propertychange'). document.scrollingElement = scrollingElement(); document.attachEvent && document.attachEvent('onpropertychange', function() { // This is for IE ≤ 7 only. // A 'propertychange' event fires when '' is parsed because // 'document.activeElement' then changes. if (window.event.propertyName == 'activeElement') { document.scrollingElement = scrollingElement(); } }); } }()); doc.documentElement.classList.remove('no-js'); doc.documentElement.classList.add('js'); addEventListener('scroll', function(event) { doc.body.classList.add('scrolled'); }, { once: true }); var winW = doc.scrollingElement.offsetWidth; addEventListener('resize', function(event) { winW = doc.scrollingElement.offsetWidth; doc.documentElement.classList.add('rds-no-transitions'); }); addEventListener('load', function() { if( !!doc.getElementById('wpadminbar') ) { doc.documentElement.classList.add('has-adminbar'); } doc.documentElement.classList.remove('rds-no-transitions'); }); debouncedResize(function() { doc.documentElement.classList.remove('rds-no-transitions'); }); var nav = doc.getElementById('rds-nav'); if( !!nav ) { dropdownify(nav); var topRated = nav.querySelector('.rds-nav-top-rated'); function toggleTopRated() { if( winW = 1024 && topRated.parentNode !== null ) { topRated.parentNode.removeChild(topRated); } } toggleTopRated(); debouncedResize(toggleTopRated); var navToggle = doc.createElement('button'); navToggle.textContent = 'Menü'; navToggle.classList.add('rds-nav-toggle'); nav.parentNode.insertBefore(navToggle, nav); var navBack = doc.createElement('button'); navBack.textContent = 'Zurück'; navBack.classList.add('rds-nav-back'); nav.appendChild(navBack); navBack.addEventListener('click', closeDropdown); var navOverlay = doc.createElement('div'); navOverlay.classList.add('rds-nav-overlay'); doc.body.appendChild(navOverlay); navToggle.addEventListener('click', toggleNav); var toggleSpan = doc.createElement('span'); navToggle.appendChild(toggleSpan); var navList = nav.querySelector('.rds-nav-list'); navList.style.minHeight = navList.offsetHeight + 'px'; addEventListener('resize', function() { if( winW = 1024 ) { closeDropdown(); toggleNav({ forceHide: true }); navList.style = ''; } else { navList.style.minHeight = navList.offsetHeight + 'px'; } }); } function toggleNav(event) { var html = doc.documentElement; if( event.hasOwnProperty('forceHide') ) { var forceHide = true; } if( html.classList.contains('rds-nav-open') || forceHide ) { html.classList.remove('rds-nav-open'); } else { html.classList.add('rds-nav-open'); } } function dropdownify(nav) { var dropdowns = nav.querySelectorAll('.rds-nav-dd'); if( !!dropdowns ) { for( var i = 0; i = 1024 ) { sidebar.classList.remove('no-scroll'); requestAnimationFrame(function() { var containerStyle = getComputedStyle(sidebarContainer); var paddingTop = parseInt(containerStyle['padding-top'].replace('px', ''), 10); var paddingBottom = parseInt(containerStyle['padding-bottom'].replace('px', ''), 10); if( sidebar.getBoundingClientRect().height >= sidebar.parentNode.getBoundingClientRect().height + paddingTop + paddingBottom ) { sidebar.classList.add('no-scroll'); } sidebarContainer.style.minHeight = (sidebar.getBoundingClientRect().height + paddingTop + paddingBottom) + 'px'; }); } else { sidebar.classList.add('no-scroll'); } } var movables = doc.querySelectorAll('[data-mobile-container][data-desktop-container]'); if( !!movables ) { for( var i = 0; i = 1024 && movable.parentNode !== dskContainer ) { dskContainer.appendChild(movable); } } function debouncedResize(callback) { var debouncer = null; addEventListener('resize', function(event) { if( typeof debouncer === 'number' ) { clearTimeout(debouncer); } debouncer = setTimeout(function() { callback(); debouncer = null; }, 300); }); } var scrollableTables = doc.querySelectorAll('.rds-scrollable-table'); if( !!scrollableTables ) { for( var i = 0; i = table.scrollWidth - table.offsetWidth ) { table.classList.add('at-end'); } else if( table.classList.contains('at-end') ) { table.classList.remove('at-end'); } } var intro = doc.querySelector('.rds-intro'); var introToggle = doc.getElementById('intro-slideout-toggle'); var introSlideout = doc.getElementById('intro-slideout'); if( !!introToggle && !!introSlideout ) { var introHide = doc.createElement('span'); introHide.classList.add('rds-intro-hide'); introHide.textContent = 'Testübersicht schließen'; introSlideout.appendChild(introHide); introToggle.addEventListener('click', toggleIntro); introHide.addEventListener('click', collapseIntro); function toggleIntro() { if( intro.classList.contains('expanded') ) { collapseIntro(); } else { expandIntro(); } } function expandIntro() { intro.classList.add('expanding'); introSlideout.style.transition = 'max-height .25s, padding-top .25s'; introSlideout.style.maxHeight = introSlideout.scrollHeight + 'px'; introSlideout.addEventListener('transitionend', function() { introSlideout.style = ''; intro.classList.remove('expanding'); intro.classList.add('expanded'); }, { once: true }); scroll({ top: introToggle.parentNode.getBoundingClientRect().top + doc.scrollingElement.scrollTop, behavior: 'smooth' }); } function collapseIntro() { setTimeout(function() { intro.classList.add('collapsing'); introSlideout.style.transition = 'max-height .25s, padding-top .25s'; introSlideout.style.maxHeight = introSlideout.offsetHeight + 'px'; requestAnimationFrame(function() { intro.classList.remove('expanded'); introSlideout.style.maxHeight = '0px'; }); }, 250); introSlideout.addEventListener('transitionend', function() { introSlideout.style = ''; intro.classList.remove('collapsing'); }, { once: true }); scroll({ top: intro.parentNode.getBoundingClientRect().top + doc.scrollingElement.scrollTop, behavior: 'smooth' }); } } function index(el) { if (!el) return -1; var i = 0; do { i++; } while (el = el.previousElementSibling); return i; } var topsTables = doc.querySelectorAll('.rds-tops-table'); if( !!topsTables ) { for( var i = 0; i = rect.height - 37 && !ln.classList.contains('hover') ) { ln.classList.add('hover'); } else if( event.clientY - rect.top = 2 ) { target.classList.add('mobile-hidden'); } var prefix = target.querySelector('.tops-table-item span').textContent; var suffix = target.querySelector('.tops-table-item').textContent.replace(prefix, ''); var listItem = doc.createElement('span'); listItem.classList.add('tops-table-item'); listItem.setAttribute('data-prefix', prefix); listItem.setAttribute('data-suffix', suffix.trim()); source.appendChild(listItem); if( !source.hasAttribute('data-desktop-prefix') ) { source.setAttribute('data-desktop-prefix', name); } } } } } } function enableTopsTableTabs(topsTable) { var tabGroups = []; var tableTabs = topsTable.querySelectorAll('[data-tabs]'); if( !!tableTabs ) { for( var i = 0; i 0 && !backToTop.classList.contains('visible') ) { backToTop.classList.add('visible'); } else if( doc.scrollingElement.scrollTop = quicknaviTriggerInlineOffset && !doc.scrollingElement.classList.contains('quicknavi-trigger-visible') ) { doc.documentElement.classList.add('quicknavi-trigger-visible'); } else if( ( winW >= 1024 || !quicknaviData.length || scrollTop = item.offset && scrollTop nextOffset ) && item.active === true ) { item.active = false; item.link.classList.remove('active'); item.link.parentNode.classList.remove('expanded'); var parent = item.link.parentNode.parentNode.parentNode; if( parent.classList.contains('expanded') && parent.querySelector('.active') === null ) { parent.classList.remove('expanded'); updateSidebarsData(); } } } } } function openQuicknavi() { doc.documentElement.classList.add('quicknavi-visible'); } function closeQuicknavi() { if( doc.documentElement.classList.contains('quicknavi-visible') ) { doc.documentElement.classList.remove('quicknavi-visible'); } } var backToTop = doc.createElement('span'); backToTop.classList.add('back-to-top'); doc.body.appendChild(backToTop); backToTop.addEventListener('click', function() { scroll({ top: 0, behavior: 'smooth' }); }); function quicknaviExpandability(quicknavi) { var dropdowns = quicknavi.querySelectorAll('li > ul'); if( !!dropdowns ) { for( var i = 0; i win.innerHeight ? sidebarHeight - win.innerHeight + 40 : 0; sidebarsData.push({ el: sidebar, start: start, end: end, tolerance: tolerance, current: 0, currentTolerance: 0 }); } } function updateSidebarsData() { if( winW >= 1024 ) { var scrollTop = doc.scrollingElement.scrollTop; for( var i = 0; i win.innerHeight ? sidebarHeight - win.innerHeight + 40 : 0; var activeItem = item.el.querySelector('.active'); if( !!activeItem && activeItem.getBoundingClientRect().top - item.el.getBoundingClientRect().top item.tolerance ) { item.currentTolerance = item.tolerance; } } } } var scrollDirection = 'down'; var lastScrollTop = doc.documentElement.scrollTop; var lastScrollTopWhenChanged = doc.documentElement.scrollTop; function sidebarScrollHandler(event, targetTop) { var scrollTop = typeof targetTop !== 'undefined' ? targetTop : doc.documentElement.scrollTop; var directionChanged = false; if( scrollTop > lastScrollTop && scrollDirection !== 'down' ) { directionChanged = true; scrollDirection = 'down'; lastScrollTopWhenChanged = scrollTop; } else if( scrollTop = 1024 && (typeof targetTop === 'undefined' && !doc.scrollingElement.classList.contains('animated-scroll') || doc.scrollingElement.classList.contains('animated-scroll') && typeof targetTop !== 'undefined' ) ) { updateSidebarsData(); for( var i = 0; i = item.start && !sidebar.classList.contains('no-scroll') ) { var currentTolerance = item.currentTolerance; if( scrollDirection === 'down' ) { currentTolerance = currentTolerance + (scrollTop - lastScrollTop); } else if( item.currentTolerance > 0 ) { currentTolerance = currentTolerance - (lastScrollTop - scrollTop); } if( currentTolerance > item.tolerance ) { currentTolerance = item.tolerance; } if( currentTolerance item.end ) { offset = item.end; } sidebar.style.transform = 'translateY(' + offset + 'px)'; item.current = offset; item.currentTolerance = currentTolerance; } else if( scrollTop = 0; i-- ) { var el = children; if( el !== inner ) { inner.insertBefore(el, inner.firstChild); } } scrollable.appendChild(inner); if( scrollable.getAttribute('data-cell') !== 'tr' ) { inner.appendChild(mobilePadder); } var innerOffset = parseInt(getComputedStyle(inner)['padding-left'].replace('px', ''), 10); debouncedResize(function() { innerOffset = parseInt(getComputedStyle(inner).replace('px', ''), 10); }); scrollableResizeHandler(); addEventListener('load', scrollableResizeHandler); addEventListener('load', scrollableActiveState); debouncedResize(scrollableResizeHandler); inner.addEventListener('scroll', scrollableActiveState); if( scrollable.classList.contains('js-arrows') ) { var prev = doc.createElement('span'); var next = doc.createElement('span'); prev.classList.add('js-prev'); next.classList.add('js-next'); scrollable.appendChild(prev); scrollable.appendChild(next); prev.addEventListener('click', scrollablePreviousCell); next.addEventListener('click', scrollableNextCell); } if( scrollable.classList.contains('js-dots') ) { var dotsContainer = doc.createElement('div'); dotsContainer.classList.add('js-dots-nav'); var cellsParent = scrollable; if( scrollable.hasAttribute('data-set-width') ) { cellsParent = scrollable.querySelector(scrollable.getAttribute('data-set-width')); } var cells = cellsParent.querySelectorAll(scrollable.getAttribute('data-cell')); if( !!cells ) { for( var i = 0; i 0 && scrollable.classList.contains('at-beginning') ) { scrollable.classList.remove('at-beginning'); } if( scrollLeft + inner.offsetWidth >= inner.scrollWidth && !scrollable.classList.contains('at-end') ) { scrollable.classList.add('at-end'); } else if( scrollLeft + inner.offsetWidth = 0 && cellOffset cells.length - 1 ) { activeIdx = cells.length - 1; } var dotsContainer = scrollable.querySelector('.js-dots-nav'); var activeEls = inner.querySelectorAll('.js-active'); for( var i = 0; i = 0; i-- ) { var dot = dotsContainer.children; if( i >= scrollable.querySelectorAll(scrollable.getAttribute('data-cell')).length - limit && limit > 0 ) { dot.classList.add('js-hidden'); } else { dot.classList.remove('js-hidden'); } } } } var boxesExpTrig = doc.getElementById('boxes-exp-trig'); if( !!boxesExpTrig ) { boxesExpTrig.addEventListener('click', function(){ boxesExpTrig.parentNode.classList.toggle('opened'); }); } var faqs = doc.querySelectorAll('.rds-qna'); if( !!faqs ) { for( var i = 0; i = 1024 ) { if( introMeta.nextElementSibling !== introList ) { introList.insertAdjacentElement('beforebegin', introMeta); } } else if( winW