.eingabefeld 
{
    width: 80%;	
}

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

.hg-liste ul {
	list-style-image:url(../img/liste.png);
	}
	
	
@media (max-width: 500px) {	
	.hg-liste
	{
	
		min-width: 380px;
	}
}

.wort
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none;  
}
.durchgestrichen
{
	color: #888;
	text-decoration: line-through;
}


/*
*	Wie bei IT 60 sind irgendwann die Grenzen des Zumutbaren erreicht.
*	So auch bei dieser Tabelle. Tabellen haben ihre Grenzen. Hier stellt
*	man ein, wo diese Grenze ist. Wenn das Display zu klein ist, kann
* 	man diese Übung mit dem Endgerät einfach nicht sinnvoll bearbeiten.
*	Bei Unterschreitung der minimalen Bildbreite wird dann ein Hinweis
*	angezeigt. 
*
*/
.wursthinweis {
    display: none;
    background: #f7fdac;
    border: 2px solid #d30000;
    padding: 10px;
    margin: 20px 0px;
}

@media (max-width: 600px) {
    .table {
        display: none;
    }

    .wursthinweis {
        display: block;
    }
}