/* Übergangsseite it-kirchmair.at, bis die richtige Seite online geht. Farben und Schrift wie ../../eigene-website (DESIGN.md) */

@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrument-sans-wdth-normal.woff2") format("woff2-variations"),
       url("../fonts/instrument-sans-wdth-normal.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

:root {
  --weiss: #ffffff;
  --nebel: #f1f2f5;
  --tinte: #15213b;
  --schiefer: #5b6478;
  --signal: #e8501c;
  --linie: rgba(21, 33, 59, .14);
  --rand: clamp(16px, 4vw, 40px);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--weiss);
  color: var(--tinte);
  font-family: "Instrument Sans", system-ui, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

a { color: inherit; text-decoration-color: var(--signal); text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:hover { text-decoration-color: currentColor; }
:focus-visible { outline: 3px solid var(--signal); outline-offset: 3px; border-radius: 2px; }

.wrap { max-width: 1160px; margin: 0 auto; padding: 0 var(--rand); }

.kopf { padding: 24px 0; }
.name { font-weight: 600; font-size: 1.1rem; letter-spacing: -.01em; }

.haupt { padding: clamp(64px, 14vh, 160px) 0 clamp(64px, 12vh, 140px); border-bottom: 1px solid var(--linie); }
.haupt h1 { margin: 0 0 24px; font-weight: 600; font-size: clamp(2.1rem, 6vw, 4.2rem); line-height: 1.05; letter-spacing: -.02em; max-width: 16ch; }
.haupt p { margin: 0 0 12px; max-width: 52ch; color: var(--schiefer); }
.mail { display: inline-block; margin-top: 8px; font-size: clamp(1.4rem, 4vw, 2.2rem); font-weight: 600; letter-spacing: -.01em; padding: 6px 0; overflow-wrap: anywhere; }

.recht { padding-top: 48px; padding-bottom: 56px; display: grid; gap: 32px 64px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); font-size: .95rem; color: var(--schiefer); }
.recht h2 { margin: 0 0 8px; font-size: 1.05rem; font-weight: 600; color: var(--tinte); }
.recht p { margin: 0 0 10px; max-width: 64ch; }