/* =========================== */
/* ===== Layout: mobile ===== */
/* =========================== */

/* @media only screen and (max-width: 600px) { */
/* @media (orientation: portrait) { */


	.mobilemenu {
  
		clear: both;
		position:relative;
		width:100%;
		margin:0 auto;
		background-color: #eeeeee;     /* desktopmenu */
		font-size: 46px;

	}

	.mobilemenu a {
		color: black;
		border-radius: 6px;
		background-color: #f5f5f5;   /* mobilemenu a */
	}

	.mobilemenu a:hover {
		color: black;
		border-radius: 6px;
		background-color: white;   /* mobilemenu a - hover */
	}


	.men2-menu ul {
		margin: 0;
		padding: 0;

	}

	.men2-main-menu {
		display: none;
	}

	#tm:checked + .men2-main-menu {
		display: block;
		padding-left:40px;
	}

	.men2-menu input[type="checkbox"] {
		display: none;
	}

	.men2-menu ul span.men2-drop-icon {
		display: none;
	}


	.men2-menu li {
		border-width: 0 0 1px;
	}

	.men2-toggle-menu {
		border-width: 0 0 1px;
		position: relative;
		display: block;
		color: black;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
		padding: 1em 1.5em;
	}
	.men2-toggle-menu:hover {
		border-width: 0 0 1px;
		position: relative;
		display: block;
		color: black;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
		padding: 1em 1.5em;
		border-radius: 6px;
		background-color: white;     /* men2-toggle-menu - hover */

	}

	.men2-menu li,
	.men2-menu a {
		position: relative;
		display: block;
		color: black;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
	}

	.men2-toggle-menu {
	}

	.men2-menu a {
		padding: 1em 1.5em;
	}

	.men2-menu {
		color: black;
		background-color: #D0D0D0;   /* men2-menu - inaktiv */
		background-color: #f5f5f5;   /* men2-menu */
	}

	.men2-menu a {
		transition: all .125s ease-in-out;
		-webkit-transition: all .125s ease-in-out;
	}

	.men2-menu a:hover {
		background-color: white;   /* men2-menu a - hover */
		color: black;
		color: blue;
	}


/* ============================================================== */

	.men2-sub-menu {
		/* background-color: #444; */
		border-width: 1px 1px 0;
		margin: 0 1em;

		display: none;   /* normalerweise: nicht anzeigen */
	}

	.men2-sub-menu li:last-child {
		border-width: 0;
	}

	.men2-sub-menu a {
		color: #444;
		border-radius: 6px;
		background-color: #f5f5f5;   /* men2-sub-menu a - inaktiv */
		background-color: #fafafa;   /* men2-sub-menu a */
	}

	.men2-sub-menu a:hover {
		color: #444;
		border-radius: 6px;
		background-color: white;   /* men2-sub-menu a - hover */
	}

	.men2-menu input[type="checkbox"]:checked + .men2-sub-menu {
		/* Aufklappmenue nur anzeigen wenn checkbox=checked */
		display: block;
		padding-left:40px;   /* Einzug Aufklappmenue im Zustand "aufgeklappt" */
	}

/* ============================================================== */

}