/* The holding page on munichdevs.de. A file of its own because the page ships
   with style-src 'self'. Colours are the company site's. */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem;
  background: linear-gradient(160deg, #0a1628 0%, #0b4c8c 100%);
  color: #eef2f8;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

main { width: 100%; max-width: 38rem; }
.kicker { margin: 0; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #9dc0ff; }
h1 { margin: 0.75rem 0 0; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.1; letter-spacing: -0.02em; color: #fff; }
.lead { margin: 1.25rem 0 0; font-size: 1.125rem; }
.lead[lang="en"] { margin-top: 0.25rem; color: #c9d6ea; font-size: 1rem; }

.contact { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 2rem 0 0; }
.contact a { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 1.25rem; border-radius: 9999px; background: #fff; color: #0b4c8c; font-weight: 600; text-decoration: none; }
.contact a:hover { background: #dfe9f7; }
a:focus-visible { outline: 3px solid #9dc0ff; outline-offset: 3px; }

section { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid rgb(255 255 255 / 0.18); font-size: 0.875rem; color: #c9d6ea; }
h2 { margin: 0 0 0.5rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9dc0ff; }
address { font-style: normal; }
section p { margin: 0.5rem 0 0; }