body{
			display: flex;
			align-items: center;
			gap:15px;
			width: 1200px;
	}
	  
	  
	.tablet{
		background-color: #c2ffff;
		padding:20px;
	}

	.tabletActive{
		background-color: darkslategrey !important;
	}
	
	.hexes{
		display: grid;
	}
	  
	.hextile{
		width: 60px;
		height:60px;
		margin: -5px;
		margin-left:-16px;
		transition:  scale 0.1s;
	}
	
	.hextile:hover{
		transition:  scale 0.1s;
		scale:1.2;
	}

	.hextileOdd{
		margin-top:-30px;
	}
	
	.hexPlaceholder{
		
	}
	
	div#spielfelder{
		display:flex;
		flex-direction: column;
		gap: 20px;
	}
	div#wurfelFeld{
		border: solid 1 px black;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	


	div#wuerfelFeld{
		position: fixed; 
		right: 5vw;
		top: 30px;
	}
	
	div#wuerfelBereich{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		align-items: center;
	}
	div#steuerung{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	div#phase{
		width: 250px;
		height: 100px;
		background-color: whitesmoke;
		text-align: center;
		padding: 15px;
		font-size: 150%;
	}
	
	.phaseActive{
		background-color: dodgerblue !important;
	}
	
	.dice{
		width: 80px;
		height:80px;
		margin: 20px;
		border: 1px solid black;
		border-radius: 15px;
	}
	
	.selectedDice{
		border: 5px solid black;
		margin: 16px;
	}

	.selectedDiceSecound{
		border: 5px solid blueviolet;
		margin: 16px;
	}
	
	button{
		width: 300px;
		height: 50px;
		margin: 10px;
	}