$(document).ready(function() {




    var slideDowntime    = 500;         // Zeit fuer Slide
    var slideUptime    = 500;
    var timebg  = 800;       // Zeit fuer Hintergrund

    $(".sinnes, .wellness").hide();     // erstmal alles ausblenden bis auf START

      $(".openwellness").click(function(){
          $(".opensinnes").removeClass("sinnesaktiv");
          $(".openstart").removeClass("startaktiv");
          $(this).addClass("wellnessaktiv");
          $(".top").slideUp(slideUptime, function(){ // erst slide dann background animieren
              $(".inhalte").hide(0);
              $(".wellness").show(0);
              $("body").animate({
                  backgroundColor : "#F2E1C9"
              }, timebg);
              $(".top").slideDown(slideDowntime);

          });
      });

      $(".opensinnes").click(function(){
          $(".openwellness").removeClass("wellnessaktiv");
          $(".openstart").removeClass("startaktiv");
          $(this).addClass("sinnesaktiv");
          $(".top").slideUp(slideUptime, function(){ // erst slide dann background animieren
            $(".inhalte").hide(0);
            $(".sinnes").show(0);
            $("body").animate({
                backgroundColor : "#77634E"
            }, timebg);
            $(".top").slideDown(slideDowntime);
          });
      });

      $(".openstart").click(function(){
          $(".openwellness").removeClass("wellnessaktiv");
          $(".opensinnes").removeClass("sinnesaktiv");
          $(this).addClass("startaktiv");
          $(".top").slideUp(slideUptime, function(){ // erst slide dann background animieren
            $(".inhalte").hide(0);
            $(".start").show(0);
            $("body").animate({
                backgroundColor : "#fff"
            }, timebg);
            $(".top").slideDown(slideDowntime);
            });
        });

});