/****************************
* GESCHMACKSWELTEN
****************************/
.geschmackswelten {
  overflow: hidden;
  background: #000000;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.geschmackswelten .background {
  position: absolute;
  height: 100%;
  width: 100%; }

.geschmackswelten .slide {
  overflow-x: hidden; }

.geschmackswelten .slide1 {
  z-index: 20;
  height: 33%;
  overflow: hidden; }

.geschmackswelten .slide2 {
  z-index: 10;
  height: 67%;
  overflow: hidden; }

.geschmackswelten .slide3 {
  z-index: 00; }

.geschmackswelten .slide.cover {
  height: 100%;
  top: 0; }

.geschmackswelten img {
  position: absolute;
  width: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.geschmackswelten .cover img {
  left: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.geschmackswelten .description-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden; }

.geschmackswelten .description-container.annimate {
  -webkit-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear; }

.geschmackswelten .description {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #ffffff; }

.geschmackswelten .cocktail .description {
  background: rgba(0, 0, 0, 0.8); }

.geschmackswelten .caffee {
  position: absolute;
  height: 100vh;
  width: 100%;
  z-index: 20;
  overflow: hidden; }
  @media (max-width: 768px) {
    .geschmackswelten .caffee {
      overflow-y: auto; } }

.geschmackswelten .pizza {
  position: absolute;
  height: 100vh;
  width: 100%;
  z-index: 10;
  overflow: hidden; }
  @media (max-width: 768px) {
    .geschmackswelten .pizza {
      overflow-y: auto; } }

.geschmackswelten .cocktail {
  position: absolute;
  height: 100vh;
  width: 100%;
  z-index: 00;
  overflow: hidden; }
  @media (max-width: 768px) {
    .geschmackswelten .cocktail {
      overflow-y: auto; } }

.geschmackswelten .caffee > h1,
.geschmackswelten .pizza > h1,
.geschmackswelten .cocktail > h1 {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 20;
  color: #211E1D;
  text-transform: uppercase; }

.geschmackswelten .pizza > h1 {
  color: #ffffff; }

.geschmackswelten .cocktail > h1 {
  color: #7c0016; }

.geschmackswelten .caffee h1.annimate,
.geschmackswelten .pizza h1.annimate,
.geschmackswelten .cocktail h1.annimate {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.geschmackswelten .pizza h1.annimate {
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out; }

.geschmackswelten .cocktail h1.annimate {
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out; }

.geschmackswelten .caffee h1.innavi,
.geschmackswelten .pizza h1.innavi,
.geschmackswelten .cocktail h1.innavi {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50px;
  left: 0;
  margin-top: 0; }

.geschmackswelten .caffee h1.innavi,
.geschmackswelten .pizza h1.innavi {
  color: #ffffff; }

.geschmackswelten .caffee .description {
  right: 0; }

.geschmackswelten .pizza .description,
.geschmackswelten .cocktail .description {
  left: 0; }

.geschmackswelten .caffee img.annimate,
.geschmackswelten .pizza img.annimate,
.geschmackswelten .cocktail img.annimate {
  -webkit-transition: all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 2000ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.geschmackswelten .description.scroll {
  top: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

/* 24" ---------------------------------------------------------------------------------------------------------- */
/*2.560 x 1.600 Pixel*/
/* 15" ---------------------------------------------------------------------------------------------------------- */
/*2.880 x 1.800 Pixel*/
/* 13" ---------------------------------------------------------------------------------------------------------- */
/* IPad Portrait ------------------------------------------------------------------------------------------------ */
@media (max-width: 860px) {
  .geschmackswelten {
    background: #000000;
    overflow-y: scroll; }

  .geschmackswelten .slide {
    overflow-y: hidden; }

  .geschmackswelten .slide.cover .background {
    position: relative;
    height: 600px; }

  .geschmackswelten .slide.cover .cutter {
    position: relative;
    height: 600px;
    overflow: hidden; }

  .geschmackswelten .description-container {
    position: relative;
    height: auto;
    overflow-y: hidden; }

  .geschmackswelten .description {
    position: relative;
    top: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    background: black; }

  .geschmackswelten .description {
    width: 86% !important;
    padding: 25px 7%; }

  .geschmackswelten .slide.cover .caffee img,
  .geschmackswelten .slide.cover .pizza img,
  .geschmackswelten .slide.cover .cocktail img {
    top: 300px !important;
    left: 50% !important; } }
/* IPhone Portrait ---------------------------------------------------------------------------------------------- */
@media (max-width: 560px) {
  .geschmackswelten .slide.cover .background {
    position: relative;
    height: 300px; }

  .geschmackswelten .slide.cover .cutter {
    position: relative;
    height: 300px;
    overflow: hidden; }

  .geschmackswelten .slide.cover .caffee img,
  .geschmackswelten .slide.cover .pizza img,
  .geschmackswelten .slide.cover .cocktail img {
    top: 150px !important; } }
@media (min-width: 861px) and (max-height: 500px) {
  .geschmackswelten .caffee > h1,
  .geschmackswelten .pizza > h1,
  .geschmackswelten .cocktail > h1 {
    display: none; } }