.gamemodebox {
	text-decoration: none; 
	color: white;
	width: 24%; 		
	
}


.findgame-buttons {
	width: 25%; 
	height: auto;
	background: #472020;
	font-size:0.8vw;
	padding: 5px 8px;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
	color: white;
}

.findgame-buttons:hover {
  background: #361111;
}

.comingsoon-buttons {
  width: 29%; 
	height: auto;
	font-size:0.8vw;
	padding: 5px 8px;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
	color: white;
}


.dropbtnbuyin {
  background: rgba(0,0,0,0);
  color: white;
  width: 100%; 
	height: auto;
  padding: 5px 8px;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
  border: none;
  cursor: pointer;
  font-size:0.8vw;


}

.popup .overlay {
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0.7);
  z-index:1;
  display:none;
}

.popup .content {
  position:absolute;
  top:40%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  background:gray;
  width:500px;
  height:700px;
  z-index:2;
  text-align:center;
  padding:20px;
  box-sizing:border-box;
  font-family:"Open Sans",sans-serif;
  color: black;
}

.popup .close-btn {
  cursor:pointer;
  position:absolute;
  right:20px;
  top:20px;
  width:30px;
  height:30px;
  background:#222;
  color:#fff;
  font-size:25px;
  font-weight:600;
  line-height:30px;
  text-align:center;
  border-radius:50%;
}

.popup.active .overlay {
  display:block;
}

.popup.active .content {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}

.gamedetails:hover {
	text-decoration: underline;
	cursor: pointer;
}

.gameimg {
	width: 40%; 
	height: auto;
	float: left;
	margin-right:2%;
}
.ueberschrift1 {

	color: #dad1cf;

}


.footer {
		margin-right: 9em;
	margin-left: 9em;
	margin-bottom: 1em;
	font-size:1vw;
	float: left;
}

.footerlink {
	text-decoration: none;
	color: black;
}

.footerlink:hover {
	text-decoration: underline;
	font-weight: 700;
	
}


.popupque .overlayque {
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vw;
  background:rgba(0,0,0,0.7);
  z-index:1;
  display:none;
}

.popupque .contentque {
  position:absolute;
  top:20%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  background:#fff;
  width:500px;
  height:250px;
  z-index:2;
  text-align:center;
  padding:20px;
  box-sizing:border-box;
  font-family:"Open Sans",sans-serif;
  color: black;
}

.popupque .close-btn {
  cursor:pointer;
  position:absolute;
  right:20px;
  top:20px;
  width:30px;
  height:30px;
  background:#222;
  color:#fff;
  font-size:25px;
  font-weight:600;
  line-height:30px;
  text-align:center;
  border-radius:50%;
}

.popupque.active .overlayque {
  display:block;
}

.popupque.active .contentque {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}


#middle-box {
position: absolute;
    top: 10em;
    left: 5%;

   width: 90%;
   height: 60%;
	
}

#side-frame {
	background:linear-gradient(to bottom, black,#352d2b 50%, #352d2b);
}