:root {
  font-size: 500%;
  font-family: "fraunces"; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}




.container2 {
display:grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 10px;
  row-gap: 10px;
  width: 100vw;
  z-index: 2;
  margin-top: -1070px;;

}

.container {

  width: 100vw;
  margin-top: 1px;
  z-index: 1;
  

}




.burger {
  position: relative;
  grid-column-start: 1;
  grid-row-start: 1;


  color: #d62300;
  font-size: 98%;
  /*font-weight: 800; */
  animation: Test1 2s infinite alternate;
}

.king {
  position: relative;
  grid-column-start: 2;
  grid-row-start: 2;

  font-weight: bolder;
  align-self: end;

  color: #d62300;
  font-size: 140%;
  animation: Test1 1s infinite alternate;
}

.bread {
  grid-column-start: 2;
  grid-row-start: 1;
  line-height: 0px;

  position: start;
}

.bread2 {
  grid-column-start: 2;
  grid-row-start: 2;

}

@keyframes Test1 {
  from {
    font-variation-settings: "slnt" 0, "CRSV" 0, "wght" 600;
  }
  to {
    font-variation-settings: "slnt" -25, "CRSV" 0, "wght" 800;
  }
}