.area-hero { align-items: center; }
.area-photo { margin: 0; min-width: 0; }
.area-photo img { display: block; width: 100%; height: auto; }
.area-photo img { border: 1px solid rgba(255, 255, 255, .84); box-shadow: 14px 14px 0 rgba(148, 31, 40, .12); }
.area-photo figcaption { padding-top: 8px; }
.area-process {
  align-items: start;
  background: rgba(18, 15, 13, .7);
  color: #fff;
}
.area-process .kicker { color: #d6b685; }
.area-process .text-stack { color: rgba(255, 255, 255, .85); }
.area-process a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.area-process a:hover { color: #fff; }
.area-process a:focus-visible { outline: 2px solid #d6b685; outline-offset: 4px; }
@media (min-width: 901px) and (min-height: 760px) {
  .area-map-wrap, .area-process-heading { position: sticky; top: 100px; align-self: start; }
}
@media (max-width: 900px) {
  .area-process { grid-template-columns: minmax(0, 1fr); }
  .area-photo img { box-shadow: 10px 10px 0 rgba(148, 31, 40, .12); }
}
.area-photo figcaption, .area-map-caption { margin: 14px 0 0; font-size: .875rem; line-height: 1.6; color: var(--ink); }
.area-visit { align-items: center; }
.area-visit-copy .text-stack { margin-top: 28px; }
.area-regions { align-items: start; }
.area-map-wrap { min-width: 0; }
.area-town-links p:not(:first-child) { padding: 12px 0; margin: 0; border-top: 1px solid var(--dark-line); font-size: .95rem; line-height: 1.6; }
.area-town-links a { display: inline-block; padding: 4px 0; text-underline-offset: .2em; }
.area-regions .place-torgelow { left: 51%; top: 24%; }
.area-regions .place-ueckermuende { left: 73%; top: 10%; }
.area-regions .place-schwedt { left: 78%; top: 64%; }
.area-regions .region-map { min-height: 420px; }
.area-regions .region-map a { text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; scroll-margin-block: 110px; }
.area-regions .region-map a:hover { text-decoration: underline; text-underline-offset: .2em; border-color: var(--red); }
.area-regions .region-map a:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; z-index: 3; text-decoration: underline; }
@media (max-width: 900px) {
  .area-hero, .area-regions, .area-visit { grid-template-columns: minmax(0, 1fr); }
  .area-photo { width: 100%; }
}