html { color-scheme: dark; }
body { margin: 0; background-color: #19151f; }
body.home { background: #19151f url('./frapanne-buehne.png') center / cover no-repeat; }
.fp-local-poster { position: relative; display: block; aspect-ratio: 16 / 9; background: #100e16; }
.fp-local-poster img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fp-poster-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 2rem; padding: .5rem .8rem; background: #19151fdd; color: #fff8ef; font: 600 .8rem system-ui, sans-serif; white-space: nowrap; }
.fp-local-poster:focus-visible { outline: 2px solid #fff8ef; outline-offset: 3px; }
.frapanne-video iframe[data-embed-src] { display: none; }
.http-preview .frapanne-video iframe[data-embed-src] { display: block; }
.http-preview .fp-local-poster { display: none; }
.fp-local-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 45rem; margin-top: 1.4rem; }
.fp-local-photos figure { margin: 0; }
.fp-local-photos img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.fp-local-photos figcaption { margin-top: .55rem; font-size: .9rem; color: #d6c5cb; }
@media (max-width: 600px) { .fp-local-photos { grid-template-columns: minmax(0,1fr); } }