/* inter-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/inter-v20-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/inter-v20-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/inter-v20-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter-v20-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter-v20-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter-v20-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/inter-v20-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/inter-v20-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
  background-color: lightgray;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  container-type: inline-size;
}

body {
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  max-width: 1400px;
  min-height: 100vh;
  background: #060622;
  font-family: "Inter", Arial, Helvetica, sans-serif;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
  text-align: center;
  container-type: inline-size;
}
body h1 {
  font-size: 4cqw;
  font-weight: 800;
}
body a {
  color: #FFFFFF;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
body li {
  color: #FFFFFF;
  list-style: none;
}
body .sectionClass {
  display: flex;
  flex-direction: column;
  scroll-margin-top: 60px;
  width: 100cqw;
  max-width: 1400px;
  font-size: 2cqw;
}
body .sectionClass h1 {
  text-align: center;
  text-transform: uppercase;
}
body .sectionClass {
  justify-content: flex-start;
  container-type: inline-size;
}

.Beschriftung {
  font-weight: 800;
}

#Barrierefreiheit {
  background-color: #252B41;
  align-items: center;
}
#Barrierefreiheit p {
  margin-bottom: 2.8em;
  width: 80cqw;
}

#impressum {
  margin-top: 60px;
  padding-bottom: 8cqw;
}

#xasertech {
  display: flex;
  min-height: 12em;
  container-type: Size;
  background: linear-gradient(160deg, black 92%, #DD0000, #FFCE00 98%);
}
#xasertech a .Beschriftung {
  line-height: 2;
}
#xasertech a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100cqw;
  height: 100cqh;
}