/* Massstab: 1 Einheit = 1px ab 950px Viewportbreite, darunter proportional kleiner.
   Alle Werte stammen aus dem Layout-PDF (A4 quer, 96 dpi). */
:root {
  --ink: #0f0f0f;
  --paper: #ffffff;
  --u: min(1px, 0.10526vw);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100svh;
  background: var(--paper);
  color: var(--ink);
  font-family: "adobe-hebrew", Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-variant-numeric: oldstyle-nums;
  -webkit-font-smoothing: antialiased;
}

.page {
  width: calc(705.3 * var(--u));
  margin-inline: auto;
  padding-top: calc(163 * var(--u));
}

.brand {
  margin: 0;
  font-size: calc(45 * var(--u));
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.008em;
  white-space: nowrap;
}

.brand strong {
  font-weight: 700;
  letter-spacing: 0.01em;
}

.brand__mark {
  display: inline-block;
  width: calc(35.36 * var(--u));
  height: calc(33.7 * var(--u));
  margin-right: calc(18 * var(--u));
  vertical-align: calc(-1.3 * var(--u));
}

.contact {
  margin-top: calc(115.4 * var(--u));
  text-align: right;
  font-style: normal;
  font-size: calc(24 * var(--u));
  line-height: 1.2;
}

.contact strong {
  font-weight: 700;
}

.contact__gap {
  display: block;
  height: 1.2em;
}

.contact a {
  color: inherit;
  text-decoration: none;
}

.contact a:hover,
.contact a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

@media (max-width: 767px) {
  .page {
    width: 100%;
    margin: 0;
    padding: 2rem 1.75rem 3rem;
  }

  .brand {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
    white-space: normal;
  }

  .brand__mark {
    width: 0.786em;
    height: 0.749em;
    margin-right: 0.4em;
    vertical-align: -0.03em;
  }

  .contact {
    margin-top: 3.5rem;
    text-align: left;
    font-size: 1.3rem;
  }
}