/**
 * vordrucke.eb.de-Design für mobiles Navigationsmenü
 *
 * @author		Sonja Liefke
 * @copyright	2023-07-05
 * @package		Webshop-Layout
 * @version		1.0
 *
 * @history <br />
 * 1.0 vom 2023-07-05, so.li
 *   - Initialversion
 */
@media screen and (max-width: 799px) {

	/* normales Link-Styling in der Navigation entfernen. */
	.navigationsleiste-container a:hover,
	.navigationsleiste-container a:focus {
		text-decoration: none;
	}

	.nav-items {
		background-color: #fff;
	}

	.nav-subtitle:focus,
	.nav-subtitle:hover {
		background-color:#f3f3f3;
	}

	.nav-subtitle .css-icon{
		color: #7e5387;
	}
	
	.nav-subtitle {
		font-weight: bold;
	}
	
	.nav-subtitle label{
		padding: 0;
		font-weight: bold;
	}
	
	#hamburger span {
		font-weight: bold;
	}
	
	#toggleMenu:focus ~ #hamburger img {
		/* Hamburger-Symbol farbig hinterlegen, wenn der Fokus auf dem Element zum Auf- und Einklappen des Menüs liegt */
		background-color: #f3f3f3;
	}
	
	.nav-subtitle > label span::after{
		content: "\25BE";
	}
}