@import "snippets/fonts.css";
@import "snippets/reset.css";

:root {
  --body: 1.2rem;
  --text-color: black;
  --link-color-hover: blue;
}

body {
  margin: var(--body);
  font-family: "Freiburg Normal";
  font-size: var(--body);
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

main {
  width: 100%;
  margin-top: calc(var(--body) * 3.2);
  display: flex;
  /* grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); */
  gap: var(--body);
  justify-content: center;
  flex-direction: column;
}

.login {
  margin-bottom: calc(var(--body) * 2);
  text-align: center;
}

nav {
  /* flex-grow: 3;
  flex-shrink: 2;
  flex-basis: 0; */
  text-align: center;
}

header {
  max-width: 100%;
  container-type: inline-size;
  display: flex;
  justify-content: center;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0.8;
  /* font-size: 34vw; */
  font-size: 35cqw;
  text-align: center;
  font-family: "Freiburg Ultra Compressed Display";
}

h2,
h3 {
  font-size: var(--body);
  font-weight: 400;
}

h2 {
  margin-bottom: var(--body);
}

.sparte {
  margin-top: var(--body);
}

/* .indent {
  margin-left: calc(var(--body) * 2);
} */

a {
  color: var(--text-color);
  text-decoration: underline;
}

a:hover {
  color: var(--link-color-hover);
  cursor: pointer;
}

sup {
  vertical-align: -0.245em;
}