<style>
#forumActionInfoCont, .delspan, .footer {
  display:none !important; 
}
#forumActionInfo {
  background:none !important; 
  border:none !important;
}
.notification_wrapper {
  border:none !important; 
  box-shadow:none !important; 
  background:none !important;
}
.notification_div div:last-child {
  display:none !important; 
}
.close_intro_button {
  font-family:arial;
  font-size:18px;
  color: #ffdddd;
  letter-spacing: 5px;
  font-weight:bold;
  padding: 10px 20px;
  margin:10px 5px;
  background:#aa0000;
  border-radius:5px;
  border:1px solid#aaaaaa;
  cursor:pointer;
}
.body_toggle {
  right:0;
  margin: auto;
  margin-top:-150px;
  display:table;
  width: 80%;
  height: 0;
  overflow: hidden;
  position: absolute;
  cursor:pointer;
  transform:  perspective(800px) rotateX(20deg);
}
.container_toggle {
  z-index:-1;
  position:absolute;
  left: 0;
  right: 0;
  margin: auto;
  display:table;
  width: 80%;
  height: 100%;  
  overflow: hidden;
  animation: scrollDown linear 25s;
}
@keyframes scrollDown {
  0% { top: 400px; }
  100% { top: -4000px; }
}
</style>
 

<script>
window.addEventListener('load', function(){
 
if($('.portal').length){
 
$('body').before(`
<button class="close_intro_button" onclick="close_notification(); location.reload();">Intro ausschalten</button>
<p class="body_sound"><audio controls> <source src="https://ia801703.us.archive.org/15/items/StarWarsThemeSongByJohnWilliams/Star%20Wars%20Theme%20Song%20By%20John%20Williams.mp3"  type="audio/mp3"> </audio></p>
`);
 
$('body').addClass('body_toggle');
$('.container').addClass('container_toggle');
}
 
$('html').on('click',function(){
$('body').removeClass('body_toggle')
$('.body_sound').remove();
$('.container').removeClass('container_toggle');
}).css('cursor','pointer');
 
function newload_intro(){
$('body').removeClass('body_toggle');
$('.body_sound').remove();
$('.container').removeClass('container_toggle');
};
setTimeout(newload_intro,25000);
 
});
</script>
 

<style>
#forumActionInfoCont, .delspan {
  display:none !important; 
}
#forumActionInfo {
  background:none !important; 
  border:none !important;
}
.notification_wrapper {
  border:none !important; 
  box-shadow:none !important; 
  background:none !important;
}
.notification_div div:last-child {
  display:none !important; 
}
.close_intro_button {
  float: right;
  font-family:arial;
  font-size:12px;
  color: #ffffff;
  letter-spacing: 5px;
  font-weight:bold;
  padding: 0px 10px 2px 13px;
  background:#990000;
  border-radius:5px;
  border:1px solid#aaaaaa;
  cursor:pointer;
}
.close_intro_button:hover {
  background:#4444ee;
}
.header .usercontent, .header {
  background-color: #11277e !important;
}
.body_toggle {
  border:none;
  margin: auto;
  margin-bottom:30px;
  display:table;
  width:92%;
  height: 0;
  overflow: hidden;
  position: relative;
  cursor:pointer;
/* Schräglage der Animation - kann ausgeblendet werden */
  transform:  perspective(800px) rotateX(20deg);
}
.body_toggle .boxheader {
  z-index:9999 !important;
}
.container_toggle {
  padding:20px;
  margin: 50px;
  border:1px solid #aaaaaa;
  position:relative;
  overflow: hidden;
  animation: scrollDown linear 25s;
  border-radius:5px;
  z-index:999 !important;
}
.back_info {
  z-index:99; 
  position:absolute; 
  bottom:0; 
  left:0; 
  right:0; 
  margin:auto auto 60px auto; 
  border:0px; 
  padding:10px 60px 10px 30px; 
}
 
@keyframes scrollDown {
  0% { top:400px; }
  100% { top: -400px; }
}
</style>
 
 
<script>
window.addEventListener('load', function(){
/* Box ID - Rechte Maustaste - Portal-Box - "Untersuchen" */
var Box_ID = "1105";
 
if($('.portal').length){
  $('#boxcontainer_'+Box_ID+' .boxheader').prepend(`
    <button title="Intro schließen!" class="close_intro_button" onclick="close_notification(); location.reload();">&#x2716; </button>
  `);
 
  $('#boxcontainer_'+Box_ID+' .spacer10').before(`<center><div class="back_info">
 
    <!-- Hintergrund-Info für die leere Portal-Box - Hier eine Grafik -->
    <img width="150px" src="//files.homepagemodules.de/b104774/a_152_f2cf5aac.png">
 
  </div></center>`);
 
  $('#boxcontainer_'+Box_ID+' .box').addClass('body_toggle');
  $('#boxcontainer_'+Box_ID+' .spacer10').addClass('container_toggle');
 
  function newload_intro(){
    $('#boxcontainer_'+Box_ID+' .box').removeClass('body_toggle');
    $('.body_sound').remove();
    $('#boxcontainer_'+Box_ID+' .spacer10').removeClass('container_toggle');
    $('.back_info').remove();
  };
  setTimeout(newload_intro, 24000);
 
};
 
});
</script>
 

<style>
#forumActionInfoCont, .delspan, .footer {
  display:none !important; 
}
#forumActionInfo {
  background:none !important; 
  border:none !important;
}
.notification_wrapper {
  border:none !important; 
  box-shadow:none !important; 
  background:none !important;
}
.notification_div div:last-child {
  display:none !important; 
}
.close_intro_button {
  font-family:arial;
  font-size:14px;
  color: #ffdddd;
  letter-spacing: 5px;
  font-weight:bold;
  padding: 3px 10px;
  margin:10px 5px;
  background:#aa0000;
  border-radius:5px;
  border:1px solid#aaaaaa;
  cursor: pointer;
}
.body_toggle {
  left:0;
  right:0;
  margin: 0 auto; 
  display: table;
  width: 80%;
  height: 0;
  overflow: hidden;
  position:relative;
  cursor:pointer;
  transform:  perspective(1600px) rotateX(30deg);
}
.container_toggle {
  z-index:-1;
  position:relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: table;
  width: 90%;
  max-height: 100%; 
  height:1000px;
  overflow: hidden;
  animation: scrollDown linear 21s;
}
@keyframes scrollDown {
  0% { top: 400px; }
  100% { top: -1500px; }
}
</style>
 
 
<script>
/* Classes der Intro - Seite */
/* .page_index, .page_blog_main, .page_gallery, .page_calendar, .page_geomap, .page_treetalk */
 
var IntroPage = " .page_index"; 
 
window.addEventListener('load', function(){
 
  if($(''+IntroPage+'').length){
 
    $('body').before(`
      <button class="close_intro_button" onclick="close_notification(); location.reload();">Intro ausschalten</button>
      <p class="body_sound"><audio controls> <source src="https://ia801703.us.archive.org/15/items/StarWarsThemeSongByJohnWilliams/Star%20Wars%20Theme%20Song%20By%20John%20Williams.mp3"  type="audio/mp3"> </audio></p>
    `).css('overflow','hidden');
 
    $('body .container').addClass('body_toggle');
    $(''+IntroPage+'').addClass('container_toggle');
  };
 
  $('html').on('click',function(){
    $('body .container').removeClass('body_toggle')
    $('.body_sound').remove();
    $(''+IntroPage+'').removeClass('container_toggle');
    $('body,.body_toggle, .container_toggl').css('overflow','');
  }).css('cursor','pointer');
 
  function newload_intro(){
    $('body .container').removeClass('body_toggle');
    $('.body_sound').remove();
    $(''+IntroPage+'').removeClass('container_toggle');
    $('body,.body_toggle, .container_toggl').css('overflow','');
  };
setTimeout(newload_intro,20000);
 
});
</script>