/* ----------------------------------------------------------
   more than harmony
   ----------------------------------------------------------
   Description    Design studio in Hamburg, Berlin and Mallorca
   Design & Code  More Than Harmony, https://morethanharmony.com/
   Powered by     NIBS™, https://asknibs.com/
   Version        1.0
   License        All rights reserved
   ---------------------------------------------------------- */
/* Unterseite: schwarz auf weiß, schlicht wie das Vorbild (dort weiß auf schwarz). Schrift: The Future (Datei nur lokal). */
@font-face { font-family: "The Future"; src: url("fonts/TheFuture-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
:root { --schrift: "The Future", ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
* { box-sizing: border-box; }
html { background: #fff; color-scheme: light; }
body { margin: 0; background: #fff; color: #0a0a0a; font: 14px/20px var(--schrift); letter-spacing: .06em; -webkit-text-size-adjust: 100%; }
a { color: inherit; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid #0a0a0a; outline-offset: 3px; }

/* Zurück-Link: gleiche Position wie „Imprint“ auf der Startseite. */
.zurueck { position: fixed; right: calc(16px + env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); text-transform: uppercase; text-decoration: none; z-index: 2; }
.zurueck:hover { text-decoration: underline; }

.seite { max-width: 62rem; margin: 0 auto; padding: calc(80px + env(safe-area-inset-top)) 70px 96px 70px; }
h1 { margin: 0 0 18px; font: 400 38px/44px var(--schrift); letter-spacing: .04em; text-transform: uppercase; }
h2 { margin: 36px 0 8px; font: 400 14px/20px var(--schrift); text-transform: uppercase; }
h2.klein, h2.mittel { text-transform: none; }
h2.mittel { font-size: 16px; }
p { margin: 0 0 14px; max-width: 56rem; }

@media (max-width: 600px) {
  .seite { padding: calc(72px + env(safe-area-inset-top)) 16px 64px 16px; }
}