#lage { background: #000; }
.location-panel--arch { display: grid; place-items: center; background: #000; padding: 38px 8%; }
.location-panel--arch img { display: block; width: min(100%, 540px); height: auto; opacity: 1; }
@media (max-width: 1100px) { .location-panel--arch { min-height: 360px; padding: 16px 24px 64px; } .location-panel--arch img { width: min(65%, 280px); } }
/* Mobile: the tower sits behind the location copy instead of in a second row. */
@media (max-width: 720px) {
  #lage { position: relative; isolation: isolate; overflow: hidden; min-height: 0; background: #000; }
  #lage::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url("marburger-tor.png?v=2") right center / auto 100% no-repeat; opacity: .48; transform: translateX(20%); }
  #lage::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, #00000099, #00000033 75%); }
  #lage .location-panel--arch { display: none; }
  #lage .location-copy { position: relative; background: transparent; text-shadow: 0 2px 8px #000; }
  #lage .location-copy .button { text-shadow: none; }
}