/* stil.css – Aussehen für alle Blätter */
:root { color-scheme: dark; }
* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: #000;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  padding: calc(24px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));
}

.projekt {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.55);
}

.nummer {
  margin: auto 0 0;
  font-size: 72px;
  font-weight: 200;
  line-height: 1;
}

h1 {
  margin: 12px 0 auto;
  font-size: 26px;
  font-weight: 300;
}

#ar-knopf {
  align-self: center;
  padding: 14px 28px;
  border: 1px solid #fff;
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 16px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#ar-knopf:active { background: #fff; color: #000; }
#ar-knopf[hidden] { display: none; }

#hinweis {
  margin: 16px 0 0;
  min-height: 1.4em;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
}