<div id="container" class="container intro-effect-side"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <header class="header"><!-- [et_pb_line_break_holder] --> <div class="bg-img"><img src="https://www.neosmedien.de/wp-content/uploads/effekte/werbeagentur_.jpg" alt="Background Image" /></div><!-- [et_pb_line_break_holder] --> <div class="title"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <h1 style="text-transform:uppercase"> <h1>IHRE <strong>IDEEN</strong></h1><!-- [et_pb_line_break_holder] --><h1> WERDEN <strong>REALITÄT</strong></h1><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <img src="/wp-content/uploads/effekte/neos_logo.png" alt="logo" /><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </header><!-- [et_pb_line_break_holder] --><div class="scroll"><!-- [et_pb_line_break_holder] --> <a href="#"><!-- [et_pb_line_break_holder] --> <div class="mouse"><!-- [et_pb_line_break_holder] --> <div class="wheel"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> <article class="content"><!-- [et_pb_line_break_holder] --> <div><!-- [et_pb_line_break_holder] --> <p></p><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </article><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --> (function() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // detect if IE : from https://stackoverflow.com/a/16657946 <!-- [et_pb_line_break_holder] --> var ie = (function(){<!-- [et_pb_line_break_holder] --> var undef,rv = -1; // Return value assumes failure.<!-- [et_pb_line_break_holder] --> var ua = window.navigator.userAgent;<!-- [et_pb_line_break_holder] --> var msie = ua.indexOf('MSIE ');<!-- [et_pb_line_break_holder] --> var trident = ua.indexOf('Trident/');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (msie > 0) {<!-- [et_pb_line_break_holder] --> // IE 10 or older => return version number<!-- [et_pb_line_break_holder] --> rv = parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);<!-- [et_pb_line_break_holder] --> } else if (trident > 0) {<!-- [et_pb_line_break_holder] --> // IE 11 (or newer) => return version number<!-- [et_pb_line_break_holder] --> var rvNum = ua.indexOf('rv:');<!-- [et_pb_line_break_holder] --> rv = parseInt(ua.substring(rvNum + 3, ua.indexOf('.', rvNum)), 10);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return ((rv > -1) ? rv : undef);<!-- [et_pb_line_break_holder] --> }());<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // disable/enable scroll (mousewheel and keys) from https://stackoverflow.com/a/4770179 <!-- [et_pb_line_break_holder] --> // left: 37, up: 38, right: 39, down: 40,<!-- [et_pb_line_break_holder] --> // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36<!-- [et_pb_line_break_holder] --> var keys = [32, 37, 38, 39, 40], wheelIter = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function preventDefault(e) {<!-- [et_pb_line_break_holder] --> e = e || window.event;<!-- [et_pb_line_break_holder] --> if (e.preventDefault)<!-- [et_pb_line_break_holder] --> e.preventDefault();<!-- [et_pb_line_break_holder] --> e.returnValue = false; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function keydown(e) {<!-- [et_pb_line_break_holder] --> for (var i = keys.length; i--;) {<!-- [et_pb_line_break_holder] --> if (e.keyCode === keys[i]) {<!-- [et_pb_line_break_holder] --> preventDefault(e);<!-- [et_pb_line_break_holder] --> return;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function touchmove(e) {<!-- [et_pb_line_break_holder] --> preventDefault(e);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function wheel(e) {<!-- [et_pb_line_break_holder] --> // for IE <!-- [et_pb_line_break_holder] --> //if( ie ) {<!-- [et_pb_line_break_holder] --> //preventDefault(e);<!-- [et_pb_line_break_holder] --> //}<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function disable_scroll() {<!-- [et_pb_line_break_holder] --> window.onmousewheel = document.onmousewheel = wheel;<!-- [et_pb_line_break_holder] --> document.onkeydown = keydown;<!-- [et_pb_line_break_holder] --> document.body.ontouchmove = touchmove;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function enable_scroll() {<!-- [et_pb_line_break_holder] --> window.onmousewheel = document.onmousewheel = document.onkeydown = document.body.ontouchmove = null; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var docElem = window.document.documentElement,<!-- [et_pb_line_break_holder] --> scrollVal,<!-- [et_pb_line_break_holder] --> isRevealed, <!-- [et_pb_line_break_holder] --> noscroll, <!-- [et_pb_line_break_holder] --> isAnimating,<!-- [et_pb_line_break_holder] --> container = document.getElementById( 'container' ),<!-- [et_pb_line_break_holder] --> trigger = container.querySelector( 'button.trigger' );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function scrollY() {<!-- [et_pb_line_break_holder] --> return window.pageYOffset || docElem.scrollTop;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> function scrollPage() {<!-- [et_pb_line_break_holder] --> scrollVal = scrollY();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if( noscroll && !ie ) {<!-- [et_pb_line_break_holder] --> if( scrollVal < 0 ) return false;<!-- [et_pb_line_break_holder] --> // keep it that way<!-- [et_pb_line_break_holder] --> window.scrollTo( 0, 10 );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( classie.has( container, 'notrans' ) ) {<!-- [et_pb_line_break_holder] --> classie.remove( container, 'notrans' );<!-- [et_pb_line_break_holder] --> return false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( isAnimating ) {<!-- [et_pb_line_break_holder] --> return false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if( scrollVal <= 0 && isRevealed ) {<!-- [et_pb_line_break_holder] --> toggle(0);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else if( scrollVal > 0 && !isRevealed ){<!-- [et_pb_line_break_holder] --> toggle(1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function toggle( reveal ) {<!-- [et_pb_line_break_holder] --> isAnimating = true;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if( reveal ) {<!-- [et_pb_line_break_holder] --> classie.add( container, 'modify' );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else {<!-- [et_pb_line_break_holder] --> noscroll = true;<!-- [et_pb_line_break_holder] --> disable_scroll();<!-- [et_pb_line_break_holder] --> classie.remove( container, 'modify' );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // simulating the end of the transition:<!-- [et_pb_line_break_holder] --> setTimeout( function() {<!-- [et_pb_line_break_holder] --> isRevealed = !isRevealed;<!-- [et_pb_line_break_holder] --> isAnimating = false;<!-- [et_pb_line_break_holder] --> if( reveal ) {<!-- [et_pb_line_break_holder] --> noscroll = false;<!-- [et_pb_line_break_holder] --> enable_scroll();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }, 50 );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // refreshing the page...<!-- [et_pb_line_break_holder] --> var pageScroll = scrollY();<!-- [et_pb_line_break_holder] --> noscroll = pageScroll === 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> disable_scroll();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if( pageScroll ) {<!-- [et_pb_line_break_holder] --> isRevealed = true;<!-- [et_pb_line_break_holder] --> classie.add( container, 'notrans' );<!-- [et_pb_line_break_holder] --> classie.add( container, 'modify' );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> window.addEventListener( 'scroll', scrollPage );<!-- [et_pb_line_break_holder] --> trigger.addEventListener( 'click', function() { toggle( 'reveal' ); } );<!-- [et_pb_line_break_holder] --> })();<!-- [et_pb_line_break_holder] --> </script>