/* Golden ceramic-column motif between arrival and the homepage FAQ. */
.page-home .home-gold-divider {
  width: calc(100% - 2 * var(--gutter));
  max-width: var(--width);
  margin: 0 auto;
  line-height: 0;
}
.page-home .home-gold-divider img {
  display: block;
  width: 100%;
  height: clamp(22px, 3.5vw, 46px);
}
.page-home #ankommen { padding-bottom: 26px; }
.page-home .home-gold-divider + .compact-faq { padding-top: 30px; }
@media (max-width: 700px) {
  .page-home #ankommen { padding-bottom: 22px; }
  .page-home .home-gold-divider + .compact-faq { padding-top: 24px; }
}

/* A long golden brush stroke separates room categories from guest benefits. */
.page-home #zimmer { padding-bottom: 26px; }
.page-home .home-gold-divider + .guest-benefits { padding-top: 30px; }
@media (max-width: 700px) {
  .page-home #zimmer { padding-bottom: 22px; }
  .page-home .home-gold-divider + .guest-benefits { padding-top: 24px; }
}

.page-home .home-gold-divider-stroke {
  height: 5px;
  background: #b88e43;
  border-radius: 80% 15% 75% 20%;
  transform: rotate(-.35deg);
  clip-path: polygon(0 45%, 99% 0, 100% 45%, 1% 100%);
}
@media (max-width: 700px) {
  .page-home .home-gold-divider-stroke {
    height: 4px;
    transform: rotate(-.5deg);
  }
}

/* A golden sphere with breathing room below the photographs and captions. */
.page-home #ankommen { position: relative; padding-top: 72px; }
.page-home #ankommen::before,
.page-home .home-gold-sphere {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 28%, #fff1b3 0%, #e6c878 18%, #c49a45 45%, #a77926 78%, #7c571e 100%);
  box-shadow: inset -1px -2px 3px #67421226, 0 2px 3px #a77d2220;
  pointer-events: none;
}
.page-home #ankommen::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
}
.page-home .home-gold-sphere {
  margin: 24px auto 20px;
}
.page-home .home-gold-sphere + .booking { margin-top: 0; }
@media (max-width: 700px) {
  .page-home #ankommen { padding-top: 60px; }
  .page-home #ankommen::before,
  .page-home .home-gold-sphere {
    width: 24px;
    height: 24px;
  }
  .page-home #ankommen::before { top: 20px; }
  .page-home .home-gold-sphere { margin: 20px auto 16px; }
}