@font-face {
  font-family: Pix; /* set name */
  src: url(fonts/PixelFraktur.ttf); /* url of the font */
}
@font-face {
  font-family: Cho; /* set name */
  src: url(fonts/Chomsky.otf); /* url of the font */
}
@font-face {
  font-family: Blu; /* set name */
  src: url(fonts/blueDOS8.ttf); /* url of the font */
}
.wrapper {
  max-width: 70vw;
  width: 100%;
  margin: 0 auto;
  padding: 0.5vw;
}
body {
    background-color: black;
    color: white;
}
h1 {
  text-align: center;
  font-family: "Pix",'Franklin Gothic Medium', 'Arial';
  font-size: 5vw;
  margin: 0.5vw;
}
.Grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: repeat(1, 32vw); /* definiert länge der Box */
  height: 32vw;
  gap: 0;
  overflow: hidden;

}

.Item1 Img {
  width: 15.5vw;
	height: 31vw;
	float: right;
}
.Item3 Img {
  width: 14vw;
	height: 30vw;
	float: left;
}
.Item2 {
   border: 2px solid white;
   height: 30vw;
   flex: 1;
    min-height: 0; 
    overflow-y: auto;
    scrollbar-width: thin;
}
.Return {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Return button {
  color: white;
	margin: 0;
	text-align: center;
	width: 15vw;
    height: 5.04vw;
    background-color: black;
	border: 0.3vw solid white;
	font-size: 4vw;
  font-family: 'Cho',"Arial", "monospace";
}
.Return button:hover {
  color: white;
  transform:scale(1.1,1.1) rotate(-5deg);
}

ul {
	font-family: "Blu","Arial","Times New Roman";
    color:white;	
    margin-right: 2vw;
    list-style-type: none;
    padding-left: 2vw;
}
a:link {
  color: rgb(206, 255, 240);
  display:inline-block;
}
a:visited {
  color: rgb(206, 255, 240);
  display:inline-block;
}
a:hover {
  color: rgb(169, 252, 227);
  display:inline-block;
  transform: scale(1.1,1.1) rotate(2deg);
}