body {
  margin: 1em;
  font-family: "Open Sans", sans-serif;
  width: 95%;
  max-width: 1280px;
  margin-inline: auto;
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header > :first-child {
  margin-right: 1em;
}
header img {
  max-width: 100%;
}

.languages {
  display: flex;
  margin-right: 16px;
}
.languages [data-language] {
  display: block;
  margin-inline: 6px;
}
.languages [data-language] span {
  display: none;
}
.languages [data-language]::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.languages [data-language=nl]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%2321468b%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h640v320H0z%22%2F%3E%3Cpath%20fill%3D%22%23ae1c28%22%20d%3D%22M0%200h640v160H0z%22%2F%3E%3C%2Fsvg%3E");
}
.languages [data-language=en]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%23012169%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m75%200%20244%20181L562%200h78v62L400%20241l240%20178v61h-80L320%20301%2081%20480H0v-60l239-178L0%2064V0h75z%22%2F%3E%3Cpath%20fill%3D%22%23C8102E%22%20d%3D%22m424%20281%20216%20159v40L369%20281h55zm-184%2020%206%2035L54%20480H0l240-179zM640%200v3L391%20191l2-44L590%200h50zM0%200l239%20176h-60L0%2042V0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M241%200v480h160V0H241zM0%20160v160h640V160H0z%22%2F%3E%3Cpath%20fill%3D%22%23C8102E%22%20d%3D%22M0%20193v96h640v-96H0zM273%200v480h96V0h-96z%22%2F%3E%3C%2Fsvg%3E");
}
.languages [data-language=de]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22%23ffce00%22%20d%3D%22M0%20320h640v160H0z%22%2F%3E%3Cpath%20d%3D%22M0%200h640v160H0z%22%2F%3E%3Cpath%20fill%3D%22%23d00%22%20d%3D%22M0%20160h640v160H0z%22%2F%3E%3C%2Fsvg%3E");
}

main {
  margin-top: 2em;
}

.accommodations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 2em;
}
.accommodations .accommodation {
  transition: box-shadow 0.3s, transform 0.3s;
  box-shadow: 1px 1px 15px rgba(102, 102, 102, 0.1);
  color: initial;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
}
.accommodations .accommodation:hover {
  box-shadow: 1px 1px 15px rgba(85, 85, 85, 0.3);
  transform: translateY(-10px);
}
@media (max-width: 400px) {
  .accommodations {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .accommodations .accommodation {
    display: flex;
    flex-flow: row;
    text-align: left;
  }
  .accommodations .accommodation > :first-child {
    flex: 0 0 75px;
  }
}
.accommodations .accommodation__title {
  padding: 1em;
}

.accommodation__image img {
  max-width: 100%;
  display: block;
}

.houseinfo {
  /*
  .accommodation__title {
    font-family: Caveat;
    font-size: 50px;
  }
  .accommodation__subtitle {
    font-family: Caveat;
    font-size: 25px;
  }
  */
}
.houseinfo .accommodation {
  background: #EEF3E9;
  display: flex;
  flex-flow: row wrap;
}
.houseinfo .accommodation__image {
  flex: 1 999 200px;
}
.houseinfo .accommodation__text {
  flex: 999 1 auto;
  padding: 1em;
}
.houseinfo .accommodation__title {
  font-size: 40px;
}
.houseinfo .accommodation__subtitle {
  font-size: 20px;
}
@media (max-width: 500px) {
  .houseinfo .accommodation {
    flex-flow: column;
  }
  .houseinfo .accommodation .accommodation__image {
    flex-basis: auto;
  }
  .houseinfo .accommodation img {
    width: 100%;
  }
}

.details > div {
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.062745098);
  margin-block: 2em;
}
.details > div > :first-child, .details > div > :last-child > div {
  padding: 12px 8px;
}
.details > div > :first-child {
  color: #83b850;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details > div > :first-child::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-width%3D%224%22%20stroke%3D%22%2383b850%22%20fill%3D%22%2383b850%22%20transform%3D%22rotate%2890%2016%2016%29%22%20d%3D%22m23.21%2016.71-13%2013a1%201%200%200%201-1.42%200%201%201%200%200%201%200-1.42L21.09%2016%208.79%203.71a1%201%200%200%201%201.42-1.42l13%2013a1%201%200%200%201%200%201.42z%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
}
.details > div.open > :last-child > div > p:first-child {
  margin-top: 0;
}
.details > div.open > :last-child > div > p:last-child {
  margin-bottom: 0;
}
.details strong {
  font-weight: 700;
}

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