* {
	box-sizing: border-box;
}

#spielfeld {
	width: 750px;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
	margin-left : auto;
	border: 1px solid #999;
	border-radius: 1px 0.5em 0.5em;				
	background:#eee;
	
}

#angabe {
	position: relative;
	width:210px;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
	margin : auto;
	border: 1px solid #999;
	border-radius: 1px 0.5em 0.5em;
	background:#eee;

}

.spielkarte, .spielkarte2 {
	height: calc(20% - 4px);
	width: calc(25% - 4px);
	margin: 2px;
	position: relative;
	background:#dedeff;
	transform: scale(1);
	transform-style: preserve-3d;
	transition: transform .5s;
	border: 2px solid darkblue;
	border-radius: 1px 0.5em 0.5em;
	text-align: center;
	padding: 20px 2px 20px;
	font-size: 22px;
}

.spielkarte2 {
	height: calc(20% - 4px);
	width: calc(16.667% - 4px);
}

#karte0 {				
	width:600px;				
	text-align: left;
	padding: 10px 20px;
	font-size: 26px;
}

#txt2, #txt1 {
	margin: 90px 10px; 
	font-size:22px;
	display:block;
}

.schalter2 {
	padding: 8px;
	font-size: 20px;
	width:180px;
	height: 50px;
	border-radius:4px;
	color: #fff;
	text-decoration: none;
	background: #4c5d8a;
	border: none;
	transition: all 0.4s ease 0s;
	display:none;
}

.schalter3 {
	position: absolute;
	top: 325px;
	left: 10px;
	padding: 8px;
	font-size: 20px;
	width:200px;
	height: 60px;
	border-radius:4px;
	color: #fff;
	text-decoration: none;
	background: #4c5d8a;
	border: none;
	transition: all 0.4s ease 0s;
	display:none;
}


.schalter2, .schalter3:hover{
	color:#ff7700;
	background: #7583a8;
	transition: all 0.4s ease 0s;
}
.schalter2, .schalter3:focus{
	color:#ff7700;
	background: #7583a8;
	transition: all 0.4s ease 0s;
}

.schalter2, .schalter3:disabled{
	background: #7583a8;
}


footer p{	
	margin-top:2px;
}