@font-face {
  src: url("../_font/Allura/Allura-Regular.ttf");
  font-family: "Allura";
  font-weight: 400;
}
.clear {
  clear: both;
}

.mobilemenubar {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: #000000;
  box-shadow: 5px 10px 10px 10px #aaa;
  color: #ffffff;
  padding: 1em;
  margin-right: 0px;
  margin-left: auto;
  top: 0px;
  width: 20vw;
  min-height: 100vh;
  display: none;
  transform-origin: 0% 100%;
  transition: transform 0.9s ease-in-out;
  z-index: 999;
}

.mobilemenubar #mobilenav-headerlogo {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: clamp(1.4em, 2.4vw, 2.8em);
  font-family: "Allura", sans-serif;
  white-space: nowrap;
  color: #ffffff;
}

.mobilemenubar #close_mobile_menu i {
  color: #ffffff;
  margin-right: 20px;
  margin-left: auto;
}

.mobilemenubar .mobile_main_nav {
  font-family: "Playfair Display", serif;
  font-size: clamp(0.9em, 1.2vw, 1.2em);
  letter-spacing: 0.01em;
  word-spacing: 0.06em;
  line-height: 150%;
  text-transform: uppercase;
  color: #777777;
  list-style: none;
  padding-top: 50px;
  height: 25vh;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  padding-left: 10px;
}

.mobilemenubar .mobile_main_nav li {
  transform: translate(-5%);
  transition: transform 0.9s ease-in-out;
}

.mobilemenubar .mobile_main_nav li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.699);
}

.mobilemenubar .mobile_main_nav li a:hover {
  text-decoration: none;
  color: rgb(255, 251, 251);
}

.mobilemenubar .mobile_menu_wrapper .sidebar_wrapper h2.widgettitle {
  color: rgb(255, 251, 251);
}

.menu-item-contact {
  margin-bottom: 20px;
  line-height: 210%;
}

.mobilemenu_button {
  padding: 0.4em 2.5em 0.4em 2.5em;
  border: thin solid;
  font-family: "Playfair Display", serif;
  font-size: clamp(0.4em, 0.7vw, 1em);
  padding: 10px;
  margin-top: 60px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.699);
}

.mobilemenu_button:hover {
  border: thin solid;
  background: rgba(204, 204, 204, 0.411) !important;
  color: #000000;
}

.sidebar-ladies {
  width: 95%;
  float: left;
  margin: 0 0 0 0;
  list-style: none;
}

.mobileactivhead {
  color: rgba(255, 255, 255, 0.699);
  margin-left: 30px;
  line-height: 210%;
}

.mobilemenubar ul.mobileactivladies {
  margin: 10px 0px 20px;
  min-height: 100px;
}

.mobilemenubar .mobileactivladies li {
  margin: 0 15px 0 0;
  list-style: none;
  float: left;
}

.mobilemenubar .mobileactivladies li a {
  list-style: none;
  list-style-type: none;
  float: left;
}

.mobileactivladies {
  border-color: #000000;
  font-size: clamp(0.9em, 1.2vw, 2em);
  font-weight: 50;
  letter-spacing: 0.01em;
  word-spacing: 0.06em;
}

.sidebar-adress {
  width: 100%;
  float: left;
  list-style: none;
}

.mobileaddress {
  margin: 10px 0px 20px;
  min-height: 100px;
  font-weight: 50;
  letter-spacing: 0.01em;
  word-spacing: 0.06em;
  white-space: nowrap;
  font-family: Assistant, sans-serif;
  font-size: clamp(0.8em, 0.8vw, 1.4em);
  color: rgba(255, 255, 255, 0.699);
  list-style: none;
}

.mobileaddress a {
  color: rgba(255, 255, 255, 0.699);
  cursor: pointer;
  text-decoration: none;
}

.mobileaddress a:hover {
  color: rgb(255, 251, 251);
  text-decoration: none;
}

body.js_nav {
  overflow: hidden;
}

body.js_nav .mobilemenubar {
  display: block;
  transform: translate(0px, 0px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 768px) {
  html[data-menu=leftmenu] .mobilemenubar {
    right: 0;
    left: initial;
    transform: translate(400px, 0px);
    -o-transform: translate(400px, 0px);
  }
  html[data-menu=leftmenu] .mobile_main_nav, #sub_menu {
    clear: both;
  }
}/*# sourceMappingURL=menumobile.css.map */