.eingabefeld
{
	width: 180px;
	text-transform: uppercase;
}

.durchgestrichen
{
	color: #888;
	text-decoration: line-through;
}

.btn-hilfe
{
	/* Hier die kleinen Info-Buttons gestalten! */
	
}

.hg-liste
{
	border: 2px dotted #155193;
	margin-top: 5px;
	padding: 10px 15px;
}

.hg-row
{
	display: block;
	width: 100%;
	margin-top: 20px;
}

.hg-col
{
	display: inline-block;
	padding: 5px;
}


.hg-eingabefeld input[type="text"]
{
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.luecke
{
	display: inline-block;
	width: 40px;
}

.hg-textlang
{
    width: 260px;
    text-transform: uppercase;
}

.hg-marg-bott
 {
 	margin-bottom: 20px;
 }

.hg-input-aktiv
{
	background: #cbcbcb;
	outline: medium none;
	border: 1px solid #575757;
}

.hg-input-passiv
{
	background: #ebebeb;
	outline: medium none;
	border: 1px solid #575757;
}

.hg-input-auswahl
{
	background: #e5f7b3;
	border: 2px solid #a4c25a;
	background-repeat: no-repeat;
	background-position: right top;
	outline: medium none;		
}

.readonly
{
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hg-abst-oben
{
	margin-top: 30px;
}

.hg-rifa img
{
	display: none;
	width: 30px;
}

@media (max-width: 500px) {	
	.hg-liste
	{
	
		min-width: 380px;
	}
}