@media (max-width: 1000px) {
  #PageWrapper, .Liner {
    margin: 0px;
    padding: 0px;
  }

  .Navigation {
    display: none;
  }

  body, html {
    overflow-x: hidden;
    height: auto;
    width: 100%;
    position: relative;
  }

  #PageWrapper {
    width: 100%;
    border-radius: 0%;
    border-width: 0px;
  }

  #Header {
    width: 100%;
  }
  #Header .Liner {
    width: 100%;
    background-position: 50% 50%;
    background-origin: border-box;
  }

  #ContentWrapper {
    width: 90%;
    float: none;
    padding: 0px;
    padding-right: 5px;
  }
  #ContentWrapper #ContentColumn {
    width: 100%;
    padding: 0px 10px;
    border-width: 0px;
    border-top-width: 3px;
  }
  #ContentWrapper #ContentColumn .Liner {
    border-width: 0px;
  }
  #ContentWrapper #ContentColumn .Liner hr {
    margin-left: 10px;
    margin-right: 10px;
  }

  #StandartNav {
    opacity: 0 !important;
    display: none !important;
  }
}
@media (min-width: 1000px) {
  #MobileMenue {
    opacity: 0 !important;
    display: none !important;
  }
}
#menu--toggle[type=checkbox]:not(:checked),
#menu--toggle[type=checkbox]:checked {
  display: none;
}

.menu--toggle__trigger,
.menu--toggle__burger,
.menu--toggle__burger:before,
.menu--toggle__burger:after {
  position: absolute;
  top: 1.6em;
  left: 1.6em;
  width: 2em;
  height: 5px;
  background-color: #d13538;
  border-radius: 2px;
  cursor: pointer;
  z-index: 100;
  transition: 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.menu--toggle__trigger {
  height: 2em;
  background: none;
}

.menu--toggle__burger:before {
  content: "";
  top: 10px;
  left: 0;
}
.menu--toggle__burger:after {
  content: "";
  top: 20px;
  left: 0;
}

.menu__body {
  position: absolute;
  width: 7em;
  height: 7em;
  margin: 0;
  padding: 0;
  background-color: #fcfcfc;
  border-bottom-right-radius: 100%;
  box-shadow: 3px 3px 7px rgba(209, 53, 56, 0.2);
  z-index: 10;
  animation: checkboxUncheckedAnimation 0.35s both;
}

.menu__body-element,
.menu__body-link {
  white-space: nowrap;
  display: none;
  margin: 4.4em 0 -3.3em -0.1em;
  font-weight: normal;
  color: #d13538;
  text-decoration: none;
  text-transform: none;
  list-style: none;
  outline: 0;
  font-size: 18px;
}

.menu__body-element {
  text-indent: 2em;
}

.menu__body-link:hover {
  display: block;
  width: 0;
  color: #d13538;
  background-color: #e2e2e2;
  animation: changeWidthOfElementAnimation 0.35s both;
}

#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger {
  top: 35px;
  transform: rotate(405deg);
  transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger:before {
  top: 0;
  transform: rotate(-90deg);
  transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger:after {
  top: 0;
  transform: rotate(90deg);
  transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger + .menu__body {
  animation: checkboxCheckedAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1) both;
}
#menu--toggle:checked + .menu--toggle__trigger ~ .menu__body .menu__body-element, #menu--toggle:checked + .menu--toggle__trigger ~ .menu__body .menu__body-link {
  display: block;
}

@keyframes checkboxCheckedAnimation {
  50% {
    width: 100vw;
    height: 100vh;
  }
  100% {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
}
@keyframes checkboxUncheckedAnimation {
  0% {
    width: 100vw;
    height: 100vh;
  }
}
@keyframes changeWidthOfElementAnimation {
  50% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
#MobileMenue > * {
  position: fixed;
}

.inputText {
  width: 97%;
}

.inputTitle {
  width: 100%;
}

/*# sourceMappingURL=mobilestyle.css.map */