body {
	background-image: url('../images/template/bg.png');
	font-size:100%;
	font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	text-align:center;
}

* {
	box-sizing:border-box;
}

div.Rahmen {
	display:flex;
	flex-direction:column;
	flex-wrap: nowrap;
	margin: 0 auto;
	width:96%;
	min-height:98vh;
	background-color:#FFFEFE;
	margin:0 auto;
	padding:0px;
}

header.yi {
	min-width:500px;
	flex-grow: 1; 
	text-align:left;
	margin:0px;
}

header.er {
	min-width:500px;
	flex-grow: 1; 
	text-align:center;
	margin-bottom:0.3%;
}

a.hint {	
font-size:1vmax;
}

img.img_frage {
	width:12vmax;	
}

article {
	flex-grow: 5;
	min-width:500px;
	min-height:5vh;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: space-evenly; 
	margin:0px;
}

div.item_cn {
	min-width:480px; 
	max-width:48%; 
	flex-grow: 2;
	background-color:white;
	margin:1px;
	border:thin red solid;
	box-shadow: 3px 3px 3px 3px yellow;
	font-size:4vmax;
}

div.item_cn a {
	color:black;
	text-decoration:none;
	cursor:pointer;
}

.pin { 
	visibility:hidden;
}

img.pic {
	width:20%;
	height:auto;
	visibility: hidden;
}

.sound { 
	visibility:hidden;
}

img.sound {
	width:3vw;
	height:2vw;
}

div.item_de {
	text-align:left;
	min-width:480px; 
	max-width:48%; 
	flex-grow: 2;
	background-color:white;
	margin:1px;
	border:thin red solid;
	box-shadow: 3px 3px 3px 3px yellow;
	padding-left:1%;
	padding-right:1%;
	font-size:2vmax;
	hyphens: auto;
}

div.antwort {
	line-height:3vmax;
	width:100%;
	margin-top:1%;
	margin-bottom:3%;
	border:thin red solid;
	box-shadow: 2px 2px 2px 2px yellow;
	cursor:pointer;
	padding:0.5%
}

img.richtig {
	width:2vmax;
	height:auto;
	visibility: hidden;
}


section {
	flex-grow: 5;
	min-width:500px;
	min-height:5vh;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: space-evenly; 
	/*background-color:yellow;*/
	margin:0px;
}
	
footer {
	background-color:darkred;
	color:yellow;
	display: flex;	
	flex-direction:row;
	justify-content: flex-end;
	align-items:center;
	flex-wrap: wrap;
	flex-grow: 1;
	font-size:80%;
	min-width:500px;
	flex-direction:row;
	margin:0px;
	padding-right:0.5%;
}