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

.runde-ecken
{
	border-radius: 10px;
}

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

.flexcontainer
{
	display: flex;
}

.bild1
{
	 display: flex;
	 flex-direction: column;
	 width: 70%;
	 margin-right: 1rem;	 
}

.eingabefelder
{
	 display: flex;	
	 flex-direction: column;
	 width: 30%;
}

.eingabediv
{
	display: flex;	
	max-width: 210px;
	padding: 0px 8px;
	border-radius: 10px;
	border: 1px solid #444;
	margin-bottom: .25rem;			
} 

.nullbild
{
	display: flex;	
	flex-direction: column;
	margin-top: 9px;	
}

.nullbild >img
{
	width: 35px;
	margin-right: .5rem;
}

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

.eingabefeld
{
	width: 100%;
	box-shadow: none;
	outline: none;
	border: 2px solid #444;	
}

@media (max-width: 900px) {	
	.flexcontainer
	{
		display: block;
	}	
	.bild1
	{
		 display: block;
		 width: 100%;
		 margin: 0rem 0rem 1rem 0rem;	 
	}
	.eingabefelder
	{
		 display: block;	
	}
	.eingabediv
	{
		display: flex;
		min-width: 240px;
		margin-right: .25rem;			
	} 
	
	
}


.farbe1
{
	background: #70ad47;
}
.farbe2
{
	background: #ed7d31;
}
.farbe3
{
	background: #c00000;
}
.farbe4
{
	background: #c4aa6e;
}
.farbe5
{
	background: #7f7f7f;
}
.farbe6
{
	background: #d9d9d9;
}
.farbe7
{
	background: #9dc3e6;
}
.farbe8
{
	background: #ffffff;
}