/* id mit #   , class mit . -----------------------------------------------  */
.menu_left_Hilfe { 
	    padding: 5px;
		padding-bottom: 3px;
		width: 100%; 
		width: 95%; 
		margin-left: 5px;
		margin-top: 0px; 
		margin-bottom: 15px; 
		margin-right: 5px; 
	    border: solid 1px RGB(230, 87, 131); /* farbiger Rahmen aussen*/ 
}

.menu_left_Hilfe li 	{	
		 /* width: 100%; 
			float: left; */
			margin-left: 3px;
			margin-bottom: 1px;
			list-style-type: none;
			font-family: Arial, sans-serif;
			text-decoration: none;
		/*	border: solid 2px #FFFFFF; */
}
		
.menu_left_Hilfe li a {
			text-decoration: none;
			color: black;
			display: block;
			padding: 2px;
			padding-left: 5px;
			background-color:  var(--colorlightgrey) ;
			border: solid 2px  var(--colorlightgrey) ; 
			
		/*	border-right: solid 2px RGB(245, 123, 1 ); */
			border-bottom: solid 2px RGB(245, 123, 1 );
			border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}
		
.menu_left_Hilfe li a:hover 	{
			/* background-color: #E4E9DF; */
			border: solid 2px RGB(230, 87, 131); /* farbiger Rahmen Menu */
			background-color: var(--colorlight7); /* farbiger Hintergrund Menu */
			color: black;
}



/* Bilder in Hilfe Text    <div class="bilder_hilfe" width=100% >  ...  </div>*/
div.bilder_hilfe {
  /*width: 100%;*/
  /*max-width: 800px; */
  float:right;
  border: 1px solid var(--colordarkgrey) ;     /* farbig */
  background-color: white; 
  margin: 0.5em;
  padding: 0.5em;
}

div.bilder_hilfe p {
  font-family: Arial, sans-serif;
  text-align: center;
  text-indent: 0;
  padding: 0.0em;
  margin-bottom: 0.0em;
}

.bilder_hilfe_img {
    width: 100%; 
	object-fit: contain;
}