html, body { margin: 0; height: 100%; background: #d8cec2; }
/* Bildschirm breiter als das Bild → Ränder links/rechts; schmaler → Ränder oben/unten */
@media (min-aspect-ratio: 1512/2016) { body { background: linear-gradient(to right, #d8cec2, #b6aca2); } }
@media (max-aspect-ratio: 1512/2016) { body { background: linear-gradient(to bottom, #d3c2b3, #ede1d4); } }
a { position: fixed; inset: 0; display: block; cursor: pointer; }
picture, img { display: block; width: 100%; height: 100%; }
img { object-fit: contain; object-position: center; }
a:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.unsichtbar { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }