.experiences .layout-wrapper > .h-level-2 {
  margin-bottom: 0.6em; }

.experiences .layout-wrapper > p {
  margin-bottom: 0; }

.experiences-container.no-feature > div > div:not(.media), .experiences-container.feature .experience-wide > div:not(.media) {
  align-items: center;
  display: grid;
  grid-template-rows: 1fr 64px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 3;
  width: 100%; }
  .experiences-container.no-feature > div > div:not(.media) .h-level-3, .experiences-container.feature .experience-wide > div:not(.media) .h-level-3 {
    align-self: center;
    margin: 64px auto 0 auto;
    max-width: 160px;
    text-align: center;
    width: 100%; }
  .experiences-container.no-feature > div > div:not(.media) a.read-more, .experiences-container.feature .experience-wide > div:not(.media) a.read-more {
    align-self: start;
    color: #ffffff;
    justify-self: center; }
    .experiences-container.no-feature > div > div:not(.media) a.read-more .icon svg, .experiences-container.feature .experience-wide > div:not(.media) a.read-more .icon svg {
      fill: #ffffff; }
  .experiences .experiences-container.no-feature > div > div:not(.media), .experiences .experiences-container.feature .experience-wide > div:not(.media), .experiences-container.feature .experiences .experience-wide > div:not(.media) {
    align-items: flex-end;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    padding: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px); }
    .experiences .experiences-container.no-feature > div > div:not(.media) .h-level-3, .experiences .experiences-container.feature .experience-wide > div:not(.media) .h-level-3, .experiences-container.feature .experiences .experience-wide > div:not(.media) .h-level-3 {
      align-self: auto;
      margin-left: 0;
      text-align: left;
      font-size: 1.4rem;
      line-height: 1.5rem; }
    .experiences .experiences-container.no-feature > div > div:not(.media) a.read-more, .experiences .experiences-container.feature .experience-wide > div:not(.media) a.read-more, .experiences-container.feature .experiences .experience-wide > div:not(.media) a.read-more {
      align-self: auto; }
      .experiences .experiences-container.no-feature > div > div:not(.media) a.read-more .icon, .experiences .experiences-container.feature .experience-wide > div:not(.media) a.read-more .icon, .experiences-container.feature .experiences .experience-wide > div:not(.media) a.read-more .icon {
        margin-right: 0;
        transform: translate(12px, 0);
        transition: transform 0.3s; }

.experiences .experience-wide:hover a.read-more .icon,
.experiences .experience-wide:focus-visible a.read-more .icon,
.experiences .experience-teaser:hover a.read-more .icon,
.experiences .experience-teaser:focus-visible a.read-more .icon,
.experiences .neighbourhood:hover a.read-more .icon,
.experiences .neighbourhood:focus-visible a.read-more .icon {
  transform: translate(0, 0) !important; }

.experiences a.read-more:focus-visible .icon {
  transform: translate(0, 0) !important; }

.experiences-container > div {
  color: #ffffff;
  overflow: hidden;
  position: relative; }

.experiences-container em {
  display: block;
  font-style: normal; }

.experiences-container p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  display: none;
  margin: 0;
  max-width: 12em; }

.experiences-container .icon {
  display: block;
  width: 16px;
  justify-self: center; }
  .experiences-container .icon svg {
    fill: #ffffff; }

.experiences-container a.read-more {
  display: flex;
  font-family: "AcherusBold", sans-serif; }
  .experiences-container a.read-more .link-title {
    font-size: 1.4rem;
    line-height: 1.6rem; }
  .experiences-container a.read-more .icon {
    height: 16px; }

@media only screen and (min-width: 1024px) {
  .experiences-container {
    display: flex; }
    .experiences-container > div {
      flex: 1;
      margin: 0 calc(16px / 2); }
      .experiences-container > div:first-child {
        margin-left: 0; }
      .experiences-container > div:last-child {
        margin-right: 0; } }

@media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
  .experiences-container.no-feature {
    grid-template-columns: 1fr 1fr; } }

@media only screen and (min-width: 600px) and (max-width: calc(1024px - 1px)) {
  .experiences-container.no-feature {
    grid-template-columns: 1fr 1fr 1fr; } }

@media only screen and (min-width: 0) and (max-width: calc(1024px - 1px)) {
  .experiences-container.no-feature {
    display: grid;
    grid-gap: 16px; } }

.experiences-container.feature .experience-wide {
  flex: none;
  margin: 0 0 16px;
  width: 100%; }
  .experiences-container.feature .experience-wide .media-image {
    height: 100%;
    width: 100%;
    z-index: 0; }
    .experiences-container.feature .experience-wide .media-image .media-container {
      height: 100%;
      width: 100%; }
  .experiences-container.feature .experience-wide .h-level-3 {
    margin-bottom: 40px;
    margin-top: 0; }
    .experiences-container.feature .experience-wide .h-level-3 em {
      display: inline; }
  .experiences-container.feature .experience-wide img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
  .experiences-container.feature .experience-wide + .experience-teaser {
    margin-left: 0; }
  @media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
    .experiences-container.feature .experience-wide {
      height: 230px; }
      .experiences-container.feature .experience-wide .h-level-3 {
        margin-bottom: 32px;
        margin-top: 16px; }
        .experiences-container.feature .experience-wide .h-level-3 em {
          display: block; } }
  @media only screen and (min-width: 600px) {
    .experiences-container.feature .experience-wide {
      height: 400px; }
      .experiences-container.feature .experience-wide > div:not(.media) {
        grid-template-rows: 1fr 130px; }
        .experiences-container.feature .experience-wide > div:not(.media) .h-level-3 {
          margin-top: 130px;
          max-width: none; } }

.experiences-container.feature > div:not(:first-child) {
  align-content: start;
  background: none;
  color: #282f50;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'image' 'content'; }
  .experiences-container.feature > div:not(:first-child) > div:not(.media) {
    display: block;
    grid-area: content; }
  .experiences-container.feature > div:not(:first-child) .h-level-3 {
    margin: 16px 0 6px 0;
    text-align: left;
    text-transform: none; }
  .experiences-container.feature > div:not(:first-child) a.read-more {
    margin-top: 16px; }
    .experiences-container.feature > div:not(:first-child) a.read-more .icon {
      margin-right: 0;
      transform: translate(12px, 0);
      transition: transform 0.3s; }
    .experiences-container.feature > div:not(:first-child) a.read-more svg {
      fill: #282f50; }
  .experiences-container.feature > div:not(:first-child) p {
    display: block; }
  .experiences-container.feature > div:not(:first-child) .media {
    grid-area: image; }

@media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
  .experiences-container.feature {
    grid-template-columns: 1fr; }
    .experiences-container.feature .experience-wide {
      margin-bottom: 12px; }
    .experiences-container.feature > div:not(:first-child) {
      align-items: center;
      grid-template-columns: minmax(140px, 30%) 1fr;
      grid-template-rows: auto;
      grid-template-areas: 'image content';
      height: auto;
      margin-bottom: 12px; }
      .experiences-container.feature > div:not(:first-child) > div:not(.media) {
        height: auto;
        margin-left: 16px;
        padding-right: 70px;
        grid-area: content; }
      .experiences-container.feature > div:not(:first-child) .media {
        grid-area: image; }
      .experiences-container.feature > div:not(:first-child) a.read-more span.link-title {
        display: none; }
      .experiences-container.feature > div:not(:first-child) .icon {
        margin-top: -8px;
        position: absolute;
        right: 10px;
        top: 50%; } }

@media only screen and (min-width: 600px) and (max-width: calc(768px - 1px)) {
  .experiences-container.feature > div:not(:first-child) > div:not(.media) {
    padding-left: 10px; } }

@media only screen and (min-width: 600px) {
  .experiences-container.feature > div:not(:first-child) {
    margin-bottom: 10px; }
    .experiences-container.feature > div:not(:first-child) > div:not(.media) {
      align-items: center;
      display: flex;
      justify-content: space-between; }
    .experiences-container.feature > div:not(:first-child) a.read-more {
      margin: 16px 10px 6px 0; } }

@media only screen and (min-width: 600px) and (max-width: calc(1024px - 1px)) {
  .experiences-container.feature {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px; }
    .experiences-container.feature .experience-wide {
      grid-column-start: 1;
      grid-column-end: -1;
      margin: 0; } }

@media only screen and (min-width: 1024px) {
  .experiences-container.feature {
    flex-wrap: wrap; }
    .experiences-container.feature > div:not(:first-child) {
      flex: 1; }
      .experiences-container.feature > div:not(:first-child):nth-child(2) {
        margin-left: 0; } }

.neighbourhoods .experiences-container a.read-more {
  font-size: 1.4rem;
  line-height: 1.6rem; }

@media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
  .neighbourhoods .experiences-container {
    grid-gap: 10px;
    grid-template-columns: 1fr;
    text-transform: uppercase; }
    .neighbourhoods .experiences-container > div > div:not(.media) {
      grid-template-rows: 1fr 55px; }
      .neighbourhoods .experiences-container > div > div:not(.media) .h-level-3 {
        margin-top: 55px;
        max-width: none; } }

@media only screen and (min-width: 1024px) {
  .neighbourhoods .experiences-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px; }
    .neighbourhoods .experiences-container > div {
      margin: 0; } }

@media only screen and (min-width: 1200px) {
  .neighbourhoods .experiences-container {
    grid-template-columns: repeat(6, 1fr); } }

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