/* 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;
}

body {
  margin: 0 auto;
  padding: 0;
  display: block;
  max-width: 1400px;
  background: #060622;
  font-family: "Inter", Arial, Helvetica, sans-serif, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  align-items: center;
  color: #FFFFFF;
  container-type: inline-size;
}
body a {
  color: #FFFFFF;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
body li {
  color: #FFFFFF;
  list-style: none;
}
body .sectionClass {
  scroll-margin-top: 60px;
  padding: 40px 20px;
  max-width: 1400px;
  justify-content: flex-start;
  container-type: inline-size;
}
body .sectionClass h2 {
  text-align: center;
  text-transform: uppercase;
}

#landing {
  padding: 10px;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
#landing h1 {
  margin: 8%;
  font-weight: 200;
  text-transform: uppercase;
  font-size: clamp(1.2rem, 2.2vw, 2.8rem);
}
#landing .karriereLanding {
  font-size: clamp(1.4rem, 2.4vw, 3.8rem);
  font-weight: 600;
}
#landing #bmMaschinenmesser {
  font-size: clamp(1.4rem, 2.2vw, 4rem);
  font-weight: 800;
}
#landing #karriereLandingBild {
  justify-self: center;
  align-self: center;
  margin: 0em 2em;
  width: 90cqw;
  height: auto;
  border-radius: 40px;
  overflow: hidden;
}
#landing p {
  align-self: center;
  text-align: center;
  margin-top: 1em;
  padding: 4cqw;
  width: 50cqw;
  min-width: 260px;
  max-width: 90vw;
  font-size: 1.2rem;
}

.stellen {
  background-color: #252B41;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stellen ul {
  text-decoration: underline;
}
.stellen ul li {
  list-style: circle;
  padding: 1em;
  font-size: 1.6em;
}