<!-- Themageschlossen - Modale Animation mit Schloß -->
<style>
.divClose {
  position: fixed; 
  top:0; 
  left: 0; 
  opacity:0; 
  height: 100%; 
  /* Durchsichtigkeit Hintergrund */
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999994; 
}
.divClose2 {
  position: fixed; 
  left: 0; right:0; top:0;
  opacity:0; 
  width: 0;
  max-width: 400px;
  margin:auto;
  display: inline-flex; 
  justify-content: center;  
  height:100px; 
  z-index: 9999998;
}
.textClose {
  background: #cccccc;
  color: #000000;
  font: bold 19px Arial, sans-serif;
  margin-top: 50px;
  padding: 5px 20px;
  border: 1px solid #aaaaaa;
  border-radius: 10px;
  box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 0px #bbbbbb, 1px 2px 0px #a7a7a7, 1px 3px 0px #999999; 
}
.textClose .textCloseBottom { 
  font-size:12px; 
  text-shadow: none; 
  font-weight: normal; 
  margin-top: 3px;
  text-align: center;
}
.imgClose {
  display: block;  
  margin: 20px auto 0 auto;
}
.thClose {
  position: relative;
  transition: all 0.5s 0.5s ease-in-out;
}
  
/* Xobor V6 */
.mbt .thClose {
  background: #ffffff !important; 
}
/* Gaia V3 */
.c_r_content2 .thClose {
  background: #dddddd !important; color: #222222 !important; position:relative;
}
</style>
 
 
<script>
document.addEventListener('DOMContentLoaded', function() {
  $('.statimg[title*="Dieses Thema ist geschlossen"], .firsttd img[title*="Thread geschlossen"]')
    .closest('.t_row, .row, .tp.xo, .threadrow') // V4+V3, V2, V1, V6
    .addClass('thClose');
  
    // Mobil ausblenden
    $('.mobileview .thClose').remove(); 
    $('.thClose').before('<div class="divClose"></div><div class="divClose2"></div>')
    .hover(function(){
      $('.divClose2').html(`
        <div class="divClose3">
          <div class="textClose">Dieses Thema wurde geschlossen!<div class="textCloseBottom">Kann nur gelesen werden!</div></div>
          <img class="imgClose" src="https://files.homepagemodules.de/b104774/pictures_u639_aHlVwWvy.png" width="100px">
        </div>
    `);
    $('.divClose, .divClose2').show(100).attr('style','width:auto; opacity: 1; transition: all 0.5s 0.5s ease-in-out;');
    $('.divClose').css('width','100%');
    $('.thClose').attr('style','z-index: 9999996');
  }, function(){
     if (!$('.divClose2:hover').length != 0) {
      $('.divClose2, .divClose, .thClose').attr('style','');
     } 
  });
  
  $('.divClose2').hover(function(){
    $('.divClose, .divClose2').show(100).attr('style','width:auto; opacity: 1; transition: all 0.5s 0.5s ease-in-out;');
    $('.divClose').css('width','100%');
  }, function(){
    $('.divClose2, .divClose, .thClose').attr('style',''); 
    $('.divClose3').hide(); 
  });
  
});
</script>