:root{	
	--gelb: #eab80f;	
	--braun: #7c630e;	
	--hellgrau: #f2f2f2;	
	--weiss: #ffffff;	
}
a{
	text-decoration:none;
	color:var(--braun);
}
body{	
	font-family: "Helvetica";	
	padding: 0px;	
}
hr{
	border: none;
	height: 2px;
	background: var(--braun);
}
dialog{
	border: 1px solid rgb(128,128,128);
	background: rgb(100,0,0);
	color: rgb(255,255,255);
	border-radius: 5px;
	padding: 7px;
	line-height:110%;
	box-shadow: 3px 3px 3px rgb(0,0,0);
}
#farb_balken{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
	width: 98%;	
	padding: 5px;
	border:1px solid rgb(0,0,0);	
	border-radius: 7px;	
	font-size: 12pt;
	background: linear-gradient(90deg, 
		hsl(0,100%,50%) 0%, 
		hsl(45,100%,50%) 50%, 
		hsl(80,100%,50%) 100%);
	}
h2{
	background: var(--gelb);
	padding: 5px;
	text-align:center;
	border-radius: 10px; 
	border: 2px solid  var(--braun);
}
h3{
	background: var(--hellgrau);
	padding: 5px;
	border-radius: 5px; 
	border-top: 1px solid  var(--braun);
	border-bottom: 1px solid  var(--braun);
	margin: 10px;
	}
h4{
	background: var(--braun);
	padding: 5px;
	font-size:90%;
	}

.gelb_font{
	color: var(--gelb);
	}
.bg_gelb{
	background: var(--gelb);
}
.bg_rot{
	background: rgb(180,0,0);
	color: rgb(255,255,255);
	}
.is_weg{
	display: none;
}
.bg_schwarz{
	background: rgb(0,0,0);
	color: var(--gelb);
	border: 2px solid var(--gelb);
}
.transparent{
	background-color: rgba(200,200,200,0.5);
	color: rgb(0,0,0);
}
.rot{
	color: rgb(200,0,0)
	}
.center{
	text-align:center;
	}
.rechts{
	text-align:right;
	}
.b{
	font-weight:bold;
}
.s{
	font-size: 0.7em;
}
.i{
	font-style: italic;
	}
.u{
	text-decoration:underline;
}
.grau{
	color: rgba(128,128,128,0.7);
	}
.top_border{
	border-top:2px solid rgb(0,0,0);
	padding: 3px;
	border-radius: 5px;
	}
#cnt_dot{
	background:  var(--braun); 
	border: 2px solid var(--gelb); 
	border-radius: 10px; 
	font-size:25px;
	text-align: center;
	padding:5px;
	text-shadow: 0 0 5px var(--gelb),0 0 5px var(--gelb),0 0 5px var(--gelb);
	}
#il_block{
	display:flex; 
	flex-direction: row;
	flex-wrap: wrap;
	}
.il_zeile{
	display:flex; 
	margin-bottom: 5px;
	background-color: rgba(200,200,200,0.5);
	margin: 5px;
	padding: 2px;
	border-radius: 10px;
	border: 1px solid  var(--braun);
	box-shadow: 2px 2px 2px rgba(128,128,128,0.7);
}
#live_hint{
	display:inline-block;
	position: fixed; 
	top: 3px; 
	right: 3px; 
	border: 1px solid var(--braun); 
	border-radius: 10px; 
	padding: 5px;
	color: var(--braun);
	font-weight: bold;	
	text-decoration:none;
}
#thema_cont{
	display: flex; 
	flex-wrap: wrap; 
	width: 99%;
	align-items:stretch;
	flex-start: center;
	}
.themenblock{
	display: inline-block;
	border: 2px solid  var(--braun);
	border-radius: 10px; 
	width: 30%; 
	margin: 5px;
	padding: 5px;
	box-shadow: 2px 2px 2px rgba(128,128,128,0.7);
}
.thema{
	display: inline-block;
	border:1px solid  var(--braun); 
	padding:3px; 
	padding-left:5px;
	padding-right:5px;
	margin:2px; 
	/* white-space:nowrap; */
	border-radius: 5px;
}

.auswertung_cont {
	display:flex; 
	flex-direction:column;
	}