html{
 zoom: 70%;
}

@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 */
}
body {
	background-color:black;
}
p {
	font-family: "Blu","Arial","Times New Roman"; 
	color:white;
}
ol {
	font-family: "Blu","Arial","Times New Roman";
    color:white;	
}
ul {
	font-family: "Blu","Arial","Times New Roman";
    color:white;	
}
h2 {
	font-family: "Cho","Arial","Times New Roman";
    color:white;	
}
button {
	font-family: "Cho","Arial","Times New Roman";
    color:white;	
}
/*Top Bild*/
.Top {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Top img {
	width: 50vw;
	height: 61.15vw;
}
/*Für das Dreh Ding*/

.marquee {
  height: 2vw;
  width: 100%;
  color: white;
  overflow: hidden;
  position: relative;
  background-color: Black;  
  border-top: 0.3vw solid white;
  border-bottom: 0.3vw solid white;
  padding: 0.3vw 0 0.3vw 0;
  font-size: 2vw;
  font-family: "Blu","Arial","Times New Roman"; 
}

.marquee .marqueeone{
  animation: marquee 10s linear infinite
}

.marquee .marqueetwo{
  animation: marquee 10s linear 2.5s infinite 
}

.marquee .marqueethree{
  animation: marquee 10s linear 5s infinite
}

.marquee .marqueefour{
  animation: marquee 10s linear 7.5s infinite
}
.marquee div {
  position: absolute;
  width: 100%;
  left: 100%;
  height: 40vw;
  display: flex;
  justify-content: space-between;
}

.marquee:hover div {
  animation-play-state: paused;
}
@keyframes marquee {
  0% { left: 100%; }
  50% { left: -100%; }
  100% {left: -100%}
}

/*Für den Hauptteil*/	
.Info-Box {
	display: grid;
	margin-top:2vw;
	margin-left: 33vw;
	margin-right: 11vw;
    grid-template-columns: repeat(3, 25vw);
    grid-template-rows: repeat(5, 30vw);
    height: 100%;
    gap: 0.5vw;
	font-size: 2vw;
	
}
 .Info-Box h2 {
	text-align: center;
	text-decoration: underline;
	margin: 1vw;
 }
  .Info-Box p {
	text-align: justify;
	margin: 1vw;	
 }
 .Info-Box ol {
	 margin: 1vw;
	 padding-left: 1vw;
	 
 }
  .Info-Box ul {
	 margin: 1vw;
	 padding-left: 1vw;
	 
 }
  .Info-Box li {
	 text-align: left;
	 margin: 1vw;
 }
.Info-Box button {
	margin-top: 8vw;
	background-color: black;
	border: 0.2vw solid white;
	height: 3.52vw;
	width: 10vw;
	font-size: 2vw;
}
.Info-Box button:hover {
  transform:rotate(-2deg);
  color: white;
}

 
.Inhalt1 {
	text-align: left;
	border: 0.3vw solid white;
	grid-column: 1 / span 2;
}
.Inhalt2 {
	text-align: center;
	border: 0.3vw solid white;
	transform:rotate(1deg);
}
.Inhalt2 img {
	width:23vw;
	height:23vw;
}
.Inhalt3 {
	text-align: center;
	border: 0.3vw solid white;
	transform:rotate(-2deg);
}
.Inhalt3 img {
	width: 10vw;
	height: 3.52vw;
	margin-top: 0.8vw;
}
.Inhalt4 {
	text-align: center;
	border: 0.3vw solid white;
	grid-column: 2 / span 2;
}
.Inhalt4 li {
	font-size: 2.5vw;
}
.Inhalt5 {
	text-align: center;
	border: 0.3vw solid white;
	grid-column: 1 / span 2;
	transform:rotate(1deg);
}
.Inhalt6 {
	text-align: center;
	border: 0.3vw solid white;
	grid-column: 3 / span 1;
	grid-row: 3 / span 2;
	transform:rotate(1deg);
}
.Inhalt6 img {
	width: 10vw;
	height: 3.52vw;
	margin-top: 0.8vw;
}
.Inhalt7 {
	text-align: center;
	border: 0.3vw solid white;
	transform:rotate(-1deg);
	
}
.Inhalt7 h2 {
	font-size: 2.4vw;
}
.Inhalt8 {
	text-align: center;
	border: 0.3vw solid white;
}
.Inhalt8 ul {
	font-size: 1.8vw;
}
.Inhalt9 {
	text-align: center;
	border: 0.3vw solid white;
	transform:rotate(-1.5deg);
}
.Inhalt10 {
	text-align: center;
	border: 0.3vw solid white;
	grid-column: 2 / span 2;
	transform:rotate(2deg);
}
.Inhalt10 ul {
	font-size: 1.9vw;
}
.est {
	width: 75vw;
}
.est p {
	text-align: center;
	font-size: 1.5vw;
}
/* Return Button*/
.Return {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Return button {
	margin-top: 4vw;
	margin-bottom: 2vw;
	text-align: center;
	width: 20vw;
    height: 7.04vw;
    background-color: black;
	border: 0.3vw solid white;
	font-size: 4vw;
}
.Return button:hover {
  color: white;
  transform:scale(1.1,1.1) rotate(-5deg);
}