@media (max-width: 500px) {
  #buchungsdauer {
    flex-direction: column;
  }
}


@font-face { | 
    font-family: 'Open Sans', sans-serif;
    src:url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');   
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  overflow-x:hidden;
  color: #ababab; }



#buchungsdauer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}


#buchungsdauer li {
    width: 200px;
  height: 173.20508px;
  list-style-type: none;

  margin-right: 50px;
  z-index: 0;
  position: relative;
}


.menu-item a[title="BSommer"]{
  background-image:url("https://anderles.at/wp-content/themes/anderles/image/buchungsdauer/blank.png");
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  background-size:83%;
  background-position: center;
  background-repeat: no-repeat;

}

.menu-item a[title="BWinter"]{
  background-image:url("https://anderles.at/wp-content/themes/anderles/image/buchungsdauer/blank.png");
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  background-size:83%;
  background-position: center;
  background-repeat: no-repeat;

}

.menu-item a:hover[title="BSommer"],
.menu-item a:hover[title="BWinter"]{
	text-decoration: none;
    opacity: 1;
    font-weight: 600 !important;
    color: var(--permaweiss);
    text-shadow: -1px -1px 0 var(--permaschwarz), 1px -1px 0 var(--permaschwarz), -1px 1px 0 var(--permaschwarz), 1px 1px 0 var(--permaschwarz);
    text-align: center;
}

/*------------------------------------------------
    END Navigation
-------------------------------------------------*/