.info_h2
{
	color: #01698b;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
}

.extra-hintergrund
{
	margin: 5px 0px 10px 0px;
	
}
.extra-hintergrund >span
{
	background: #01698b;
	color: #fff;
	padding: 4px 8px;
}

.extra-abstand
{
	margin-bottom: 20px;
}
.extra-abstand > div >img
{
	margin-bottom: 15px;
}

.gepunktete_linie
{
	border-bottom: 5px dotted #01698b;
	margin-bottom: 30px;
}


@media (min-width: 1000px) {	
	.modal-extra-floatimg
	{
		max-width: 300px;
		float: left;
		margin: 0px 20px 15px 0px;
	}
	
	.modal-extra-p-clear
	{
		clear: left;
	}	
}

.modal-extra-p
{
	margin-top: 10px;
}



.hg-lueckentext
{
	line-height: 2;
}

.hg-extratext
 {
 	color: #01698b;
 	font-weight: 700;
 }

.frame {
	border: 4px dotted #ffb529; 
	border-radius: 35px;
	padding: 20px 30px 10px 30px;
	background-color: #fffef0;
	margin-bottom: 20px;
}

.hg-lueckentext h2 {
	margin-top: 0;
	font-size: 28px;
	border-bottom: 1px solid #1e5094; 
	margin-bottom: 15px;
	padding-bottom: 10px;	
}

.hg-lueckentext p
{
	padding-bottom: 25px;
}

.eingabefeld 
{
    width: 180px;	
}


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

.farbigerpunkt
{
	height:40px;
	width: 40px;
	display: inline-block;
	border-radius: 20px;
	margin-right: 20px; 	
}

.hg-farbe1
{
	background: #2cabd6;
}

.hg-farbe2
{
	background: #be68a9;
}

.hg-farbe3
{
	background: #71b555;
}

.hg-farbe4
{
	background: #f9a63d;
}

.hg-farbe5
{
	background: #f3d660;
}