{{user_admin==false.start}}
 
<style>
/* Baustellen - Wartung - Screen */
body { 
  margin:0;
  overflow:hidden;
  padding:0;
}
.screen {
  position: fixed;
  top:0;
  left:0;
  bottom:0;
  height:100vh;
  width:100%;
  overflow:hidden;
  z-index:2222222;
  animation:colorPulse 5s infinite ease-in-out;
  background-image:radial-gradient(#ffffff, #aaaaaa);
  box-sizing:border-box;
}
.screen p {
  margin: 10px;
  padding: 20px;
  background:#222222;
  border-radius:10px;
  max-width:1000px;
  font: bold 20px Arial !important;
  z-index:2222222;
}
.screen p:first-child {
  margin-top: 30px;
}
.screen img {
  border: 5px double #aaaaaa;
  max-width:40%;
  max-height: 40%;
}
.screen:before {
  animation:wave 10s infinite ease-in-out;
  content:"";
  height:20vh;
  left:0;
  opacity:.5;
  position:absolute;
  right:0;
  z-index:1111111;
}
.screen:after {
  background-image:linear-gradient(transparent, transparent 3px, #222222);
  background-size:4px 4px;
  bottom:0;
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  z-index:2222222
}
.screen p:last-child:after {
  animation:blink 1s infinite;
  content:"_";
}
.screenmobil {
  overflow:auto;
  height:90vh;
}
.screenHover {
  display:inline-block; 
}
.screenHover a {
  padding:5px 30px !important;
  background:#222222;
  border-radius:10px;
  font: bold 20px Arial !important;
  color: #aaaaaa !important;
}
.screenHover:hover a {
  color: #ffffff !important;
}
 
@keyframes colorPulse {
  0%, 100% {
    color:#ffffff;
  }
  48%, 52% {
    color:#777777;
  }
}
 
@keyframes wave {
  0% {
    box-shadow:0 -10vh 20vh #ffffff;
    top:-100vh;
  }
  48%, 52% {
    box-shadow:0 -10vh 20vh #222222;
  }
  100% {
    box-shadow:0 -10vh 20vh #ffffff;
    top:200vh;
  }
}
 
@keyframes blink {
  50% {
    opacity:0;
  }
}
</style>
 
<center>
  <div class="screen">
    <div class="screenmobil">
      <p>
	    Zur Zeit befindet sich das Forum im Wartungsmodus.
      </p>      
      <p>
        Wollen Sie schon das neue Forum-Outfit sehen? Dann schicken Sie mir eine Email an:<br> info@rth-radeberg.de 
      </p>
 
      <img src="https://files.homepagemodules.de/b104774/a_401_7239869e.jpg">
 
      <p>Mit freundlichen Grüßen<br>Arndt Richter</p><br>
      
      <div class="screenHover"><a href="/admin/">Zur Administration</a></div><br /><br />
    </div>
 
  </div>
</center>
 
{{user_admin==false.else}}
 
<style>
.admin_hinweis  {
  position:fixed; 
  top:80px; 
  left:45%; 
  padding:10px 30px; 
  border-radius:10px;
  background:#cccccc;
  color: #383838 !important;
  font: bold 20px arial !important;
  z-index:999;
  border:5px double #aaaaaa;
  cursor: move;
}
</style>
 
<div title="Verschieben" class="admin_hinweis">Wartungsmodus</div>
 
<!-- Wenn das Verschieben nicht funktioniert, untere Zeile freigeben! -->
<!-- <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script> -->
<script>
  $('.admin_hinweis').draggable();
</script>
 
{{user_admin==false.end}}