<style>
@import url('https://fonts.googleapis.com/css?family=Courgette');
 
#box_clock {
  background:#fff;
  margin:auto;
  padding: 10px 10px;
  max-width: 600px;
  mmin-width: 300px;
  text-align:center;
  border-radius: 5px;
  border:2px solid #ccc;
  box-shadow: 0 5px 5px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
  z-index: 999999;
}
#box_time {
  font:20px Arial, serif; 
  color:#a52a2a;;
}
#box_date {
  font:15px Arial, serif; 
  color:#191970; 
  padding: 3px 0 10px 0;
}
#box_greetings {
  font: 16px Courgette, serif;
  color:#008000;
}
</style>
 
<div id="box_clock">
  <div id="box_time"></div>
  <div id="box_date"></div>
  <div id="box_greetings"></div>
</div>
 
<script>
  var myVar = setInterval(function(){myTimer()},1000);
  function myTimer(){
    Number.prototype.lpad = function(padString, length) {
      var str = '' + this;
      while (str.length < length) {
        str = padString + str;
      }
      return str;
    }
    function getTimeShiftMinutes(minutes) {
      if (typeof minutes === 'undefined')
      minutes = ((new Date()).getTimezoneOffset() * (-1));
 
      var localTime = new Date();
      localTime.setMinutes(localTime.getMinutes() + minutes);
      return localTime;
    }
    function getTimeShiftHours(hours) {
      if (typeof hours === 'undefined')
      hours = (new Date()).getTimezoneOffset() / (-60);
      return getTimeShiftMinutes(hours * 60);
    }
	
    function parseLocalTime(dateTime) { 
      return dateTime.getUTCHours().lpad(0, 2) + ':' + dateTime.getUTCMinutes().lpad(0, 2) + ':' + dateTime.getUTCSeconds().lpad(0, 2) + '';
    }
 
    // Zeitverschiebung + autom. Sommer- / Winterzeit
    var TimeDiff = new Date();
    var heute = new Date(TimeDiff.getFullYear(), TimeDiff.getMonth(), TimeDiff.getDate());
    var utc = Date.UTC(TimeDiff.getFullYear(), TimeDiff.getMonth(), TimeDiff.getDate());
    var one_hour = 1000 * 60 * 60; // Millisekunden
    var Zeitverschiebung = Math.abs(utc - heute) / one_hour;
 
    // var Zeitverschiebung = 2 ;
    document.getElementById("box_time").innerHTML = parseLocalTime(getTimeShiftHours(Zeitverschiebung));
 
    function parseLocalDate(dateTime) {
     var dayNames   = [ 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag' ];
      return dayNames[dateTime.getUTCDay()] + ', '+dateTime.getUTCDate().lpad(0, 2)+'.'+ (dateTime.getUTCMonth()+1).lpad(0, 2) +'.' + dateTime.getUTCFullYear() + '';
    }
    document.getElementById("box_date").innerHTML = parseLocalDate(getTimeShiftHours(Zeitverschiebung));
 
    var dateTime = getTimeShiftHours(Zeitverschiebung);
    var zeit = dateTime.getUTCHours();
    if(zeit >= 0 && zeit < 6) ht = "Willkommen im neuen Tag!";
    else if(zeit >= 6 && zeit < 10) ht = "Guten Morgen! <br>Ich wünsche Dir einen großartigen Start in den Tag!";
    else if(zeit >= 10 && zeit < 17) ht = "Guten Tag! <br>Möge er voller positiver Momente und erfolgreicher Erlebnisse sein!";
    else if(zeit >= 17 && zeit < 22) ht = "Guten Abend! <br>Zeit zum Entspannen und Abschalten.";
    else if(zeit >= 22 && zeit < 24) ht = "Ich wünsche Dir eine gute Nacht";
  
    // Samstag (6) oder Sontag (0) - Wünsche zum Wochenende
    if(dateTime.getUTCDay() == 0 || dateTime.getUTCDay() == 6) 
    document.getElementById("box_greetings").innerHTML = ('Ich wünsche Euch ein schönes Wochenende <br /><br /><img src="//files.homepagemodules.de/b104774/a_icon9_7e6af05b.gif" height="20px">');
 
    // Alle anderen Tage
    else document.getElementById("box_greetings").innerHTML = ht;
  }
</script>