.hintergrundbild
{
	background: url("hintergrund.jpg") no-repeat left center;
	background-size: 100%;
	padding: 10px;
}
@media only screen and (max-width: 1300px) {
	.hintergrundbild
	{
		background-size: auto;
	}
}

sub
{
	font-size: 10px;
	letter-spacing: 0.25em;
}
.eingabefeld
{
	width: 300px;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	box-shadow: none;
	outline: none;
	margin-bottom: 1rem;	
}

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

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

.loesungsbuchstabe
{
	width: 300px;
	height: 40px;
	display: none;	
	
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    background: #fff;
	border: 2px solid #28a745;
    border-radius: .25rem;
    padding: 6px 12px;
    margin: 8px 0px;
    letter-spacing: 0.5em;	    
 
    background-image: url("../../img/haken.png");
    background-size: 15px;
    background-position: center right 13px;
    background-repeat: no-repeat;
    
    margin-bottom: 1rem;	    	
}

.loesungshow
{
	display: inline-block;

}
.hg-markiert
{
	color: #28a745;
	letter-spacing: 0em
}


.hinweiswort
{
	display: inline-block;
    /* border: 2px solid #01698b; */ /* wenn blauer Rahmen gewünscht wird */
    /* background-color: #fff; */ /* dann auch Hintergrund auf fff setzten */
    border-radius: .25rem;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    color: #fff;
    font-size: 16px; 
    width: 300px;   
}



/*
.hinweisfarbe1
{
	background: #fbba00;
}
.hinweisfarbe2
{
	background: #b4c7e7;
}
.hinweisfarbe3
{
	background: #c5e0b4;
}
.hinweisfarbe4
{
	background: #2e75b6;
}
.hinweisfarbe5
{
	background: #b994d6;
}
*/ 

.hinweisfarbe1
{
	background: #ce895b;
}
.hinweisfarbe2
{
	background: #ad734b;
}
.hinweisfarbe3
{
	background: #905f3e;
}
.hinweisfarbe4
{
	background: #714a30;
}
.hinweisfarbe5
{
	background: #593a25;
}

.farbe1
{
	border-color: #ce895b;
}
.farbe2
{
	border-color: #ad734b;
}
.farbe3
{
	border-color: #905f3e;
}
.farbe4
{
	border-color: #714a30;
}
.farbe5
{
	border-color: #593a25;
}

.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;		
}

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

.hg-indexzahl
{
	color: #a4c25a;
	font-size: 12px;
	margin: 0px 10px 0px -15px; /* Abstand zwischen den Inputfeldern beachten! */
}



.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;
}