:root {
  --paper: #E7EAEE;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100svh;
  background: var(--paper);
}

.blatt {
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 4vw, 3rem);
}

.bild {
  display: block;
  max-width: 100%;
  max-height: calc(100svh - clamp(2rem, 8vw, 6rem));
  width: auto;
  height: auto;
  object-fit: contain;
}

@supports not (min-height: 100svh) {
  body, .blatt { min-height: 100vh; }
  .bild { max-height: calc(100vh - clamp(2rem, 8vw, 6rem)); }
}