Hallo Gunnar Bittersmann,
Wenn das Überblenden wirklich so wichtig ist, würde ich einfach die jeweils eine Zeile JS und CSS direkt in das Dokument schreiben.
<script>
  document.addEventListener("DOMContentLoaded", function(ev) {
    document.documentElement.classList.add('fade');
  });
</script>
<style>
  html
  {
    transition: opacity 1s ease;
  }
  .fade
  {
    opacity: 0;
  }
</style>
<script>document.addEventListener("DOMContentLoaded",function(ev){document.documentElement.classList.add('fade');});</script>
<style>html{transition:opacity 1s ease}.fade{opacity:0}</style>
Bis demnächst
Matthias
-- 
Rosen sind rot.
  Rosen sind rot.
 nicht angemeldet
 nicht angemeldet Matthias Apsel
 Matthias Apsel TS
 TS JürgenB
 JürgenB Rolf b
 Rolf b Gunnar Bittersmann
 Gunnar Bittersmann Camping_RIDER
 Camping_RIDER