.addtocalendar {
  align-items: center;
  display: flex;
  font-style: normal;
}
.addtocalendar .atc_event {
  display: none;
}

.react-add-to-calendar {
  position: relative;
}

.addtocalendar .atcb-link,
.react-add-to-calendar__button {
  align-items: center;
  color: #747481 !important;
  display: flex;
  height: 1.875rem;
  font-style: normal;
  letter-spacing: 0.125em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
  white-space: normal;
}
.addtocalendar .atcb-link,
.react-add-to-calendar__button {
  font-size: 0.5rem;
}
@media (min-width: 48rem) {
  .addtocalendar .atcb-link,
  .react-add-to-calendar__button {
    font-size: 0.625rem;
  }
}
@media (min-width: 62rem) {
  .addtocalendar .atcb-link,
  .react-add-to-calendar__button {
    font-size: 0.75rem;
  }
}
.addtocalendar .atcb-link,
.react-add-to-calendar__button {
  line-height: 1;
}
.addtocalendar .atcb-link:hover, .addtocalendar .atcb-link:focus,
.react-add-to-calendar__button:hover,
.react-add-to-calendar__button:focus {
  cursor: pointer;
  color: #261f26 !important;
}
.addtocalendar .atcb-link:before,
.react-add-to-calendar__button:before {
  align-items: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2223%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.6%203.9c.4%200%20.8.1%201.2.5.3.3.5.7.5%201.2v17.1c0%20.5-.2.9-.5%201.2-.4.4-.8.5-1.2.5H1.7c-.5%200-.9-.1-1.2-.5-.3-.3-.5-.7-.5-1.2V5.6c0-.5.2-.9.5-1.2.3-.4.7-.5%201.2-.5h1.7V2.6c0-.6.2-1.1.7-1.5A2%202%200%200%201%205.6.4h.8c.6%200%201.1.2%201.5.7.5.4.7.9.7%201.5v1.3h5.1V2.6c0-.6.2-1.1.6-1.5A2%202%200%200%201%2016%20.4h.8c.6%200%201.1.2%201.5.7.4.4.7.9.7%201.5v1.3h1.7zm-5.2-1.3v3.8l.1.3.4.2h.8c.1%200%20.2%200%20.3-.2l.1-.3V2.6v-.3l-.4-.2H16c-.2%200-.3%200-.4.2v.3zm-10.3%200v3.8c0%20.2%200%20.3.2.3%200%20.1.1.2.3.2h.8c.2%200%20.3%200%20.3-.2.1%200%20.2-.1.2-.3V2.6c0-.2%200-.3-.2-.3%200-.1-.1-.2-.3-.2h-.8c-.2%200-.3%200-.3.2-.1%200-.2.1-.2.3zm15.5%2020.1V9H1.7v13.7h18.9zM12%2015h3l.3.1.1.3v1.2l-.4.1h-3v3l-.1.3-.3.1h-1.2l-.1-.4v-3h-3l-.3-.1-.1-.3v-.9-.3l.4-.1h3v-3l.1-.3.3-.1H12l.1.4v3z%22%20fill%3D%22%2351832f%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.875em;
  content: "";
  display: inline-flex;
  height: 1.875em;
  justify-content: center;
  margin-right: 0.625rem;
  transition: transform 0.2s ease-out;
  white-space: nowrap;
  width: 2.875em;
}
.addtocalendar .atcb-link > span,
.react-add-to-calendar__button > span {
  align-items: center;
  display: flex;
  height: 1.875rem;
}

.react-add-to-calendar__dropdown {
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px rgba(129, 132, 135, 0.4);
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
}
.react-add-to-calendar__dropdown > ul:not([class]) {
  margin: 0;
  padding: 0;
}
.react-add-to-calendar__dropdown > ul:not([class]) > li {
  list-style: none;
}
.react-add-to-calendar__dropdown > ul:not([class]) > li {
  margin: 0;
  padding: 0;
}
.react-add-to-calendar__dropdown > ul:not([class]) > li::before {
  content: none;
}
.react-add-to-calendar__dropdown > ul:not([class]) > li:not(:last-child) {
  border-bottom: 1px solid #eef1f4;
}
.react-add-to-calendar__dropdown > ul:not([class]) > li > a {
  display: block;
  padding: 0.75em 1em;
  text-decoration: none;
}
.react-add-to-calendar__dropdown > ul:not([class]) > li > a {
  font-size: 0.5rem;
}
@media (min-width: 48rem) {
  .react-add-to-calendar__dropdown > ul:not([class]) > li > a {
    font-size: 0.625rem;
  }
}
@media (min-width: 62rem) {
  .react-add-to-calendar__dropdown > ul:not([class]) > li > a {
    font-size: 0.75rem;
  }
}
.react-add-to-calendar__dropdown > ul:not([class]) > li > a {
  line-height: 1;
}

@media (min-width: 62rem) {
  .teaser__footer .room-reservation-addtocalendar {
    text-align: left;
  }
}
.teaser__footer .react-add-to-calendar__button:before {
  margin-right: 2rem;
}
.teaser__footer .react-add-to-calendar__dropdown > ul:not([class]) > li > a {
  font-size: 0.4618055556rem;
}
@media (min-width: 48rem) {
  .teaser__footer .react-add-to-calendar__dropdown > ul:not([class]) > li > a {
    font-size: 0.5208333333rem;
  }
}
@media (min-width: 62rem) {
  .teaser__footer .react-add-to-calendar__dropdown > ul:not([class]) > li > a {
    font-size: 0.625rem;
  }
}