/* Tablet mode */
@media (max-width: 992px) and (min-width: 421px) { /* max-width: <= | min-width: >= */
  #menu::before,
  #kalender::after,
  #bilder::after {
    display:none;
  }

  div.galleryItem {
    position:relative;
    float:left;
    width:40%;
    margin-right:3%;
  }

  ul.menu {
    display:inline;
    padding:0;
    margin:0;
  }

  li.menu {
    font-size:3vmin;
    padding:0.5vmin 2vmin;
  }

  #menu,
  ul.menu,
  li.menu,
  a.menu {
    font-size:3vmin;
  }

  li.menu.mainItem {
    display:initial;
  }

  li.menu.subItem {
    display:none;
  }

  li.menu.mainItem,
  li.menu.moreButton {
    display:inline;
    position:relative;
  }

  select.menu.more {
    display:block;
  }

  #kalender {
    position:absolute;
    left:auto;
    top:auto;
    right:0;
    bottom:-9vmin;
    height:6vmin;
    width:43vmin;
    border-radius:2vmin 0vmin 0vmin 2vmin;
    padding:0.5vmin;
    overflow:hidden;
  }

  #kalenderSquare {
    padding:0;
    width:32vmin;
    height:6vmin;
  }

  #bilder {
    position:absolute;
    left:0;
    top:auto;
    right:auto;
    bottom:-9vmin;
    height:6vmin;
    width:43vmin;
    border-radius:0vmin 2vmin 2vmin 0vmin;
    padding:0.5vmin;
    overflow:hidden;
  }

  #kalenderTitel,
  #bilderTitel {
    position:relative;
    white-space:pre;
    font-size:2vmin;
    padding-top:0.5vmin;
    width:11vmin;
  }

  #bilderTitel {
    text-align:right;
    margin-right:1.5vmin;
    float:left;
  }

  #kalenderTitel {
    margin-left:1.5vmin;
    float:right;
  }

  div.previewThumb.more {
    display:none;
  }

  div.previewThumb {
    margin:0;
    padding:0;
    width:6vmin;
    height:6vmin;
    margin-right:1.5vmin;
  }

  div.kalenderTag {
    display:none;
  }

  div.kalenderTagContent {
    font-size:3vmin;
  }

  div.kalenderTag.main {
    display:block;
    margin:0;
    padding:0;
    width:6vmin;
    height:6vmin;
    margin-left:1.5vmin;
  }

  div.kalenderTag.today::before {
    display:none;
  }

  #wrapper {
    position:absolute;
    left:0;
    right:0;
    top:16vmin;
    bottom:11vmin;
    height:auto;
    width:auto;
  }

  #kontakt {
    position:absolute;
    left:50%;
    margin-left:-4vmin;
    bottom:0;
    border-radius:2vmin 2vmin 0vmin 0vmin;
    width:8vmin;
    height:7vmin;
    padding:0;
  }

  a.kontakt {
    left:15%;
    right:15%;
  }

  #menu {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    border-radius:0;
    width:100%;
    text-align:center;
    height:5vmin;
    margin:0;
    padding:0;
    padding-top:1.5vmin;
/*     overflow:hidden; */
    min-height:0;
  }

  #main {
    position:absolute;
    left:0;
    width:100%;
    bottom:0vmin;
    height:auto;
    top:8.5vmin;
    overflow:auto;
    background-color:#FFFFFF;
  }

  #mainContent {
    border-radius:0;
    margin:0;
  }

  #mainContent div.kalenderTagContent {
    font-size:2.5vw;
  }

  #mainContent div.kalenderTag {
    width:13%;
    height:auto;
    padding-bottom:13%;
    margin:0;
    margin-right:1%;
    margin-bottom:1%;
  }

  div.calendarMainContainer {
    width:50%;
    margin:auto;
  }

}