/*ABOUT US TITLE*/
.aboutustitle h1 {
  font-family: "Space Mono",monospace;
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}


/*===ABOUT US===*/
.uberuns {
  width: 100%;
  height: auto;
  background: black;
  color: white;
  padding: 40px;
  margin-top: 40px;
}

.uberunscontent {
  max-width: 800px;
  margin: auto;
}

.uberunscontent h1 {
  font-family: "Space Mono", monospace;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin: auto;
  border: 5px solid white;
  border-radius: 8px;
  width: fit-content;
  padding: 10px;
  margin-bottom: 20px;
}

.uberunscontent p {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

p.uberschrift {
  margin-bottom: 10px;
}

p.oneabsatz,
p.twoabsatz,
p.threeabsatz {
  margin-bottom: 8px;
}


/*===TEAMMEMBERS===*/
.ourteam {
  margin-top: 40px;
}

.ourteam h1 {
  font-family: "Space Mono", monospace;
  font-size: 30px;
  margin: 0 auto;
  padding: 10px;
  margin-bottom: 30px;
  background-color: rgb(214, 181, 255);
  border: 5px solid black;
  border-radius: 8px;
  width: fit-content;
}

.ourteammembers {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 Spalten */
  column-gap: 50px;
  row-gap: 40px;
  align-items: start;
  justify-items: center;
  max-width: 800px;
  margin: 0 auto;
}

.member {
  border: 5px solid black; /* Rahmen um jedes Mitglied */
  padding: 10px;
  border-radius: 8px;
  width: 100%;
  max-width: 400px;
  padding-top: 20px;
  background-color: rgb(214, 181, 255);
}

.member img {
  display: block;
  height: 300px;
  width: 300px;
  object-fit: contain;
  border: 5px solid black;
  border-radius: 8px;
  margin: auto;
}

.member p {
  text-align: center;
  font-size: 25px;
  margin-top: 10px;
}


/*===RAZORALERT
.uberuns {
  margin-top: 30px;
}

.aboutustext {
  margin-top: 20px;
  margin-bottom: 20px;
}

.aboutuscontent {
  display: flex;
  flex-direction: column;
  border: 5px solid red;
  background: white;
  color: red;
  width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.aboutuscontent h1 {
  font-size: 30px;
  margin: 0 auto;
  margin-bottom: 10px;
  letter-spacing: 3px;
}

.aboutuscontent p {
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}


<div class="aboutustext">
  <div class="aboutuscontent">
    <h1>WHO THE FUCK IS RAZOR?</h1>
    <p>Für die lieben Leute die das noch nicht verstaden haben,
      das ist eine Satire Website von mir, Aruran, bzw. Razor.
      Es gibt keine Razor Media Solutions weder FUCC Holding Group,
      es sind fiktive Firmennamen, um sich über die ganze Grafik-/Techbranche 
      lustig zu machen. Hoffentlich ist euch die übertriebene Branding, arschlangweilige
      Logos, dummme Buzzwörter ohne jegliche Bedeutung und möchtegern Aktivismus aufgefallen.
      Die Website wurde ausserdem von wirklichen Werbeagenturen inspiriert, die Referenzen
      waren direkte Screenshots von Websiten von solchen Firmen. Die Grafik ist tot und 
      Werbeagenturen schären sich nur ums Profit. Ich finde Werbungen (auch Propaganda), wenn man sie seperat
      ansieht, wirklich ästhetisch ansprechend, gar würde ich das als Kunst bezeichnen. Aber heutzutage nicht mehr.
      Man muss nur Werbetafeln angucken, dieser abartige Minimalismus und dieser ganze
      grässliche Corporate Style vermischt in einer Brühe von gezielter Manipulation und Lügen.
      Aber da darf man nicht NUR die Grafiker verteufeln, sondern auch die Kunden, welche aus
      unerklärlichen Gründen, Ästhetik und Illustration einfach hassen?</p>
  </div>
</div>

  */


/*===OURBRANDS===*/
.ourbrand {
  margin-top: 30px;
}

.ourbrand h1 {
  font-family: "Space Mono", monospace;
  font-size: 30px;
  margin: 0 auto;
  padding: 10px;
  margin-bottom: 30px;
  border: 5px solid black;
  border-radius: 8px;
  width: fit-content;
}

.ourbrandonly {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 Spalten */
  column-gap: 50px;
  row-gap: 40px;
  align-items: start;
  justify-items: center;
  max-width: 800px;
  margin: 0 auto;
}

.brandseinzeln {
  border: 5px solid black; /* Rahmen um jedes Mitglied */
  padding: 10px;
  border-radius: 8px;
  width: 100%;
  max-width: 400px;
  min-height: 398px;
}

.brandseinzeln img {
  display: block;
  height: 300px;
  width: 300px;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 10px;
}

.brandseinzeln p {
  text-align: center;
  font-size: 25px;
}

/*===BUTTONS===*/
.buttonslink {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}

.button1,
.button2 {
  font-family: "Space Mono", monospace;
  font-size: 50px;
  height: auto;
  width: fit-content;
  margin: 10px;
  padding: 10px;
  background-color: rgb(214, 181, 255);
  color: black;
  border: 5px solid black;
  border-radius: 8px;
}

.button1 a,
.button2 a {
  text-decoration: none;
  color: black;
}


/*===AD===*/
.aboutusad {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.aboutusad img {
  height: 300px;
  width: 300px;
  border: 5px solid black;
  border-radius: 8px;
}