html, body {
  overflow-x: hidden;
  height: 100%;}
.menuKnop {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  position: relative;
  overflow: hidden;
  z-index: 10;}
#sidebarMenu {
  height: 100%;
  position: fixed;
  z-index:888;
  top: 0px;
  /* left: calc(100% + (100% - 900px) / 2); */
  padding-top: 150px;
  right: -1px;
  width:50vw;
  max-width:50vw;
  transform: translateX(50vw);
  transition: transform 250ms ease-in-out;
  background-color:rgba(188, 12, 11, 1);}
@media (max-width : 750px) {
  #sidebarMenu {
    width:100vw;
    max-width:100vw;
    transform: translateX(100vw);
  }
}
.sidebarMenuInner{
  position: relative;
  margin:0 90px;
  padding:0;
  z-index:3;
  border-top: 1px solid rgba(255, 255, 255, 0.10);}

.sidebarMenuInner li{
  list-style: none;
  color: #fff;
  /* text-transform: uppercase; */
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 20px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.sidebarMenuInner li span{
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.50);}
.sidebarMenuInner li a{
  color: #fff;
  font-family: 'Outfit extra bold', sans-serif;
  font-size: 1.5rem;
  /* text-transform: uppercase;
  font-weight: bold; */
  cursor: pointer;
  text-decoration: none;}
.sidebarMenuInner li a.active{
  color: #000;}
input[type="checkbox"].openSidebarMenu:checked ~ #sidebarMenu {
  transform: translateX(0);}
input[type="checkbox"].openSidebarMenu:checked ~ .logo_wrap .logo {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(318deg) brightness(101%) contrast(101%);
}
input[type=checkbox].openSidebarMenu {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;}
.sidebarIconToggle {
  position: relative;
  z-index: 999;
  display:inline-block;
  transition:all 0.3s;
  cursor: pointer;
  z-index: 999;
  height: 40px;
  width: 40px;
  margin-right:20px;
  /* background-color:#fff; */
}
.spinner {
  transition: all 0.3s;
  position: absolute;
  height: 4px;
  width: 40px;
  background-color: #000;}
.horizontal {
  transition: all 0.3s;
  position: absolute;
  top:6px;}
.diagonal.part-1 {
  position: absolute;
  transition: all 0.3s;
  float: left;
  top:18px;}
.diagonal.part-2 {
  transition: all 0.3s;
  position: absolute;
  top:30px;}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle{
  background-color: rgba(188, 12, 11, 1);
}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.1s;
  box-sizing: border-box;
  opacity: 0;}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  transform: rotate(135deg);
  top:19px;
  left:3px;
  width:36px;
  background-color: #fff;}
input[type=checkbox].openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  transform: rotate(-135deg);
  top:19px;
  left:3px;
  width:36px;
  background-color: #fff;}
.anker{
  position: absolute;
  right:-15%;
  top:20%;
  z-index:1;}
.anker img{
  height:85vh;
  opacity:0.5}
.langChoice{
  position: relative;
  margin:10px 100px;
  padding:0;
  z-index:3;}
.langChoice input[name=lang]{
  border:none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background:none;
  margin:5px;
  width:40px;
  height:40px;
  color:#fff;
  font-weight:600;
  text-transform: uppercase;}
.langChoice input[name=lang].active{
  opacity:0.5;
  color:#000;
  border-color:#000;
}