:root {
  --brand: rgba(196, 163, 76, 1);
  --grey: rgba(112, 112, 112, 1);
  --dark: rgba(0, 0, 0, 1);

  --fs-400: 16px;
  --fs-500: 18px;
  --fs-600: 20px;
  --fs-700: 23px;

}

@font-face {
  font-family: outfit_regular;
  src: url(assets/Outfit-Regular.ttf);
}

@font-face {
  font-family: outfit_semibold;
  src: url(assets/Outfit-SemiBold.ttf);
}

@font-face {
  font-family: outfit_bold;
  src: url(assets/Outfit-Bold.ttf);
}

body {
  font-family: outfit_regular, sans-serif;
  padding: 0 20px;
  -webkit-font-smoothing: antialiased;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  font-size: var(--fs-400);
  color: var(--grey);
  line-height: 1.75;
  margin: 0;
  margin: 158px 0;
}

body > * {
  margin-left: auto;
  margin-right: auto;
}

body > div {
  text-align: center;
  width: min(100%, 760px);
}

h2 {
  font-family: outfit_bold, sans-serif;
  text-transform: uppercase;
  color: var(--dark);
  line-height: 1;
  font-size: var(--fs-700);
}

h2 + * {
  margin-top: 48px;
}

h3 {
  font-family: outfit_bold, sans-serif;
  color: var(--brand);
  font-size: 20px;
}

.fs-500 {
  font-size: var(--fs-500);
}

.fs-600 {
  font-size: var(--fs-600);
}

.underline {
  text-decoration: underline;
}

strong {
  font-family: outfit_bold, sans-serif;
}

.brand {
  color: var(--brand);
}

.logo {
  display: block;
  width: min(100%, 318px);

}

.impressum {
  margin-top: 184px;
}

.datenschutz {
  margin-top: 141px;
}

.datenschutz div + div {
  margin-top: 60px;
}

.datenschutz ul {
  list-style: none;
  font-family: outfit_bold, sans-serif;
}

.script {
  font-family: outfit_regular, sans-serif;
}

.script p {
  text-align: center !important;
}

.script ul {
  list-style: none;
  font-family: outfit_bold, sans-serif;
}

#colA,
#colB {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#colB {
  padding: 0 !important;
}

body a {
  color: var(--grey) !important;
  font-family: outfit_bold, sans-serif;
}