/* Phone mode */
@media (max-width: 420px) { /* max-width: <= */
  #menu::before,
  #kalender::after,
  #bilder::after {
    display:none;
  }

  #galleryClose {
    background-size:15vmin 15vmin;
  }

  #galleryPicture {
    top:15vmin;
    bottom:15vmin;
  }

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

  #kalenderSquare {
    padding:0;
    width:52vmin;
    height:11vmin;
  }

  #bilder {
    position:absolute;
    left:0;
    top:auto;
    right:auto;
    bottom:-16vmin;
    height:14vmin;
    width:84vmin;
    border-radius:0vmin 2vmin 0vmin 0vmin;
    overflow:hidden;
    padding:0;
  }

  #kalenderTitel,
  #bilderTitel {
    position:relative;
    white-space:pre;
    font-size:4vmin;
  }

  #bilderTitel {
    padding-top:3vmin;
    text-align:right;
    margin-right:4vmin;
    float:left;
    width:27.5vmin;
  }

  #kalenderTitel {
    padding-top:2.2vmin;
    float:right;
    width:28vmin;
  }

  div.previewThumb.more {
    display:none;
  }

  div.previewThumb {
    margin:0;
    padding:0;
    width:11vmin;
    height:11vmin;
    margin-top:2vmin;
    margin-right:2vmin;
  }

  div.kalenderTag {
    display:none;
  }

  div.kalenderTagContent {
    font-size:6vmin;
    margin-top:2.5vmin;
  }

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

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

  #noten {
    border-radius:0;
  }

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

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

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

  #menu {
    position:absolute;
    left:0;
    width:14vmin;
    height:14vmin;
    padding:0;
    margin:0;
    min-height:0;
  }

  ul.menu {
    display:none;
  }

  #menuButton {
    display:block;
    position:absolute;
    left:0;
    right:0;
    margin:10%;
    width:80%;
    height:80%;
    background-image:url('./../img/menu.svg');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
  }

  #kontakt {
    position:absolute;
    right:0;
    bottom:0;
    left:auto;
    border-radius:2vmin 0vmin 0vmin 0vmin;
    width:14vmin;
    height:14vmin;
    padding:0;
  }

  a.kontakt {
    left:15%;
    right:15%;
    background-position:center center;
  }

  select.menu.complete {
    display:block;
  }

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

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

  div.calendarMainContainer {
    width:100%;
    margin-left:1.5%;
  }

  div.borderBottom {
    border-bottom:1px solid #666666;
  }

  div.spalte2 {
    position:relative;
    width:95%;
    margin-left:0;
    margin-bottom:2.5%;
    float:none;
  }
}