* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
  }
  body {
	display: grid;
	place-items: center;
	min-height: 100vh;
	font-family: 'Poppins', sans-serif;
	background-color: #ffffff;
	transition: background-color 0.35s ease-in-out;
  }

  .wheelcontainer {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw; 
	height: 100vh; 
	transition-delay: 4s;
	transition: 1s;
	transition-timing-function: 0, 0.3, 0.5, 0.65, 0.8, 0.9, 1;
  }

  .wheel {
	position: absolute;
  }
  
  iframe {
	z-index: 0;
	width: 100vw;
	height: 100vh;
	border: none;
	position: absolute; 
	top: 0px;
	left: 0px;
  }

  .images {
	z-index: 1;
	position: fixed;
	bottom: 0.1vh;
	display: block;
	text-align: justify;
  }

  img {
	align-items: justify;
  }

  .JFButton {
	cursor: pointer;
	height: 4vh;
	width: 4vh;
  }
  
  #aktuell {
	height: 4vh;
	width: 4vh;
  }

  .result {
	position: relative;
	z-index: 10;
	color: #000;
	font-size: 1.7rem;
	font-weight: 500;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
	display: block;
  }
  
  .box {
	position: relative;
	transition-timing-function: ease-in-out;
  }
  
  .btnSpin {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  
	display: block;
	width: 80px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: none;
	font-size: 1.2rem;
	font-family: inherit;
	font-weight: bold;
  
	cursor: pointer;
	background-color: #fff;
  }

  .btnMove {
	cursor: pointer;
	position: absolute;
	display: none;
	z-index: 11;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: none;
	background-color: #000;
	opacity: 0;
  }

  .btnMove:hover {
	opacity: 0.5;
  }

  .btnIframe {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	display: none;
	background-color: #00000000;
	border: none;
  }
  
  #context-menu {
	position: fixed;
	z-index: 10000;
	width: 150px;
	background: #1b1a1a;
	border-radius: 5px;
	display: none;
  }
  
  #context-menu.visible {
	display: block;
  }
  
  #context-menu {
	position: fixed;
	z-index: 10000;
	width: 300px;
	background: #1b1a1a;
	border-radius: 5px;
	transform: scale(0);
	transform-origin: top left;
  }

  #context-menu.visible {
  	transform: scale(1);
    transition: transform 200ms ease-in-out;
  }

#context-menu .item {
  padding: 8px 10px;
  font-size: 15px;
  color: #eee;
  cursor: pointer;
  border-radius: inherit;
}

#context-menu .item:hover {
  background: #343434;
}