* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; background: #0b352b; }
.poster-page { position: relative; width: min(100vw, 1536px); margin: 0 auto; line-height: 0; }
.poster-image { display: block; width: 100%; height: auto; user-select: none; }
.hotspot { position: absolute; display: block; background: transparent; border: 0; cursor: pointer; }
.hotspot:focus-visible { outline: 3px solid #f2b34d; outline-offset: 2px; }
.top-instagram { left: 79.3%; top: 2.4%; width: 15.7%; height: 7%; }
.whatsapp { left: 61.3%; top: 72.1%; width: 20.3%; height: 6.5%; }
.email { left: 61.3%; top: 79.3%; width: 20.3%; height: 7%; }
.instagram { left: 61.3%; top: 86.5%; width: 20.3%; height: 6.7%; }
.address { left: 34%; top: 91.2%; width: 31.8%; height: 4.2%; }
.legal-link { position: absolute; bottom: .6%; z-index: 2; color: #d87929; font: 700 clamp(8px, .8vw, 13px)/1 Arial, sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.legal-link:hover, .legal-link:focus-visible { color: #ffd18a; text-decoration: underline; outline: none; }
.imprint-link { left: 3.5%; }
.privacy-link { right: 3.5%; }
@media (max-width: 700px) {
  .poster-page { width: min(100vw, 900px); }
  .top-instagram { display: none; }
  .whatsapp { left: 21%; top: 78.8%; width: 43%; height: 4.2%; }
  .email { left: 21%; top: 83.1%; width: 43%; height: 4.1%; }
  .instagram { left: 21%; top: 87.4%; width: 43%; height: 4.2%; }
  .address { left: 19%; top: 92.1%; width: 66%; height: 2.4%; }
  .legal-link { bottom: .55%; font-size: 7px; }
}
.legal-page { min-height: 100vh; padding: clamp(18px, 5vw, 70px); color: #0b352b; background-color: #c96d22; background-image: radial-gradient(rgba(11,53,43,.12) .8px, transparent .8px); background-size: 6px 6px; }
.legal-sheet { width: min(760px, 100%); margin: 0 auto; padding: clamp(24px, 5vw, 56px); border: 9px double #0b352b; font: 600 1rem/1.65 Arial, sans-serif; }
.legal-sheet h1, .legal-sheet h2 { font-family: Georgia, serif; }
.legal-sheet h1 { margin-top: 20px; font-size: clamp(2.3rem, 8vw, 4.7rem); }
.legal-sheet h2 { margin-top: 2rem; }
.legal-sheet a { color: inherit; }
.back-link { font-weight: 900; text-underline-offset: 4px; }