/* Theme-Inline (aus WP-Head extrahiert): the-box responsive Navigation + Akzentfarben */
.menu-toggle,
	button.menu-toggle {
		display: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 40px;
		text-decoration: none;
		color: #151515;
		padding: 0;
		margin: 0;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		text-align: center;
		cursor: pointer;
	}
	.menu-toggle:hover,
	.menu-toggle:active,
	button.menu-toggle:hover,
	button.menu-toggle:active {
		background-color: transparent;
		opacity: 1;
	}
	.button-toggle {
		display: block;
		background-color: #151515;
		height: 3px;
		opacity: 1;
		position: absolute;
		transition: opacity 0.3s ease 0s, background 0.3s ease 0s;
		width: 24px;
		z-index: 20;
		left: 8px;
		top: 20px;
		border-radius: 2px;
	}
	.button-toggle:before {
		content: "";
		height: 3px;
		left: 0;
		position: absolute;
		top: -7px;
		transform-origin: center center 0;
		transition: transform 0.3s ease 0s, background 0.3s ease 0s;
		width: 24px;
		background-color: #151515;
		border-radius: inherit;
	}
	.button-toggle:after {
		bottom: -7px;
		content: "";
		height: 3px;
		left: 0;
		position: absolute;
		transform-origin: center center 0;
		transition: transform 0.3s ease 0s, background 0.3s ease 0s;
		width: 24px;
		background-color: #151515;
		border-radius: inherit;
	}
	.toggled-on .button-toggle {
		background-color: transparent;
	}
	.toggled-on .button-toggle:before,
	.toggled-on .button-toggle:after {
		opacity: 1;
		background-color: #fff;
	}
	.toggled-on .button-toggle:before {
		transform: translate(0px, 7px) rotate(-45deg);
	}
	.toggled-on .button-toggle:after {
		transform: translate(0px, -7px) rotate(45deg);
	}
	@media (max-width: 480px) {
		.mobile-navigation {
			padding-left: 20px;
			padding-right: 20px;
		}
	}
	@media (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
		#site-navigation-sticky-wrapper,
		#site-navigation {
			display: none;
		}
		.menu-toggle,
		button.menu-toggle {
			display: block;
			z-index: 1000;
			border: 0;
			border-radius: 0;
			text-decoration: none;
			text-align: center;
		}
		.mobile-navigation {
			display: block;
			background-color: #151515;
			height: 100vh;
			opacity: 0;
			overflow-y: auto;
			overflow-x: hidden;
			padding: 60px 40px 40px;
			font-size: 16px;
			visibility: hidden;
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 999;
			-webkit-transition: .3s;
			transition: .3s;
			box-sizing: border-box;
		}
		.admin-bar .mobile-navigation {
			padding-top: 100px;
		}
		.mobile-navigation ul {
			list-style-type: none;
		}
		.mobile-navigation ul li {
			display: block;
			margin: 0;
		}
		.mobile-navigation ul ul {
			margin: 0;
			padding: 0 0 0 20px;
			opacity: 0;
			visibility: hidden;
			max-height: 0;
			-webkit-transition: .4s ease-in-out;
			transition: .4s ease-in-out;
		}
		.mobile-navigation .home-link {
			float: none;
			padding: 0 10px;
		}
		.mobile-navigation .home-link a {
			color: #fff;
		}
		.mobile-navigation .icon-home {
			font-size: 18px;
		}
		.mobile-nav-menu {
			padding: 0;
			margin: 0;
		}
		.mobile-nav-menu .icon-home {
			font-size: 18px;
		}
		.mobile-nav-menu > li {
			border-bottom: 1px solid rgba(255,255,255,.1);
		}
		.mobile-nav-menu a {
			display: inline-block;
			width: auto;
			height: auto;
			padding: 15px 10px;
			line-height: 1.5;
			color: #ddd;
			background: transparent;
			text-decoration: none;
			border: 0;
		}
		.mobile-nav-menu a:hover {
			text-decoration: none;
		}
		.mobile-nav-menu ul a {
			padding-left: inherit;
		}
		.mobile-nav-menu a:hover {
			background-color: #151515;
			color: #fff;
		}
		.mobile-navigation.toggled-on {
			opacity: 1;
			visibility: visible;
		}
		.mobile-nav-open {
			overflow: hidden;
		}
		.mobile-navigation li.toggle-on > a ~ ul {
			opacity: 1;
			visibility: visible;
			max-height: 1024px;
		}
		.mobile-navigation .dropdown-toggle {
			display: inline-block;
			position: relative;
			padding: 10px;
			color: #fff;
			vertical-align: middle;
			cursor: pointer;
		}
		.mobile-navigation .dropdown-toggle:before {
			border-color: currentcolor;
			border-style: solid;
			border-width: 0 2px 2px 0;
			border-radius: 2px;
			content: "";
			height: 7px;
			width: 7px;
			position: absolute;
			right: 6px;
			top: 4px;
			transform: rotate(45deg);
		}
		.mobile-navigation .toggle-on > .dropdown-toggle:before {
			transform: rotate(-135deg);
		}
	}
	@media (min-width: 769px) {
		.mobile-navigation {
			display: none;
		}
	}

		.main-navigation,
		button,
		input[type='button'],
		input[type='reset'],
		input[type='submit'],
		.pagination .nav-links .current,
		.pagination .nav-links .current:hover,
		.pagination .nav-links a:hover {
		background-color: #3c2201;
		}
		button:hover,
		input[type='button']:hover,
		input[type='reset']:hover,
		input[type='submit']:hover {
		background-color: rgba(60,34,1, 0.9);
		}
		.entry-time {
		background-color: rgba(60,34,1, 0.7);
		}
		.site-header .main-navigation ul ul a:hover,
		.site-header .main-navigation ul ul a:focus,
		.site-header .site-title a:hover,
		.page-title a:hover,
		.entry-title a:hover,
		.entry-meta a:hover,
		.entry-content a,
		.entry-summary a,
		.entry-footer a,
		.entry-footer .icon-font,
		.author-bio a,
		.comments-area a,
		.page-title span,
		.edit-link a,
		.more-link,
		.post-navigation a,
		#secondary a,
		#secondary .widget_recent_comments a.url {
		color: #3c2201;
		}
		.edit-link a {
		border-color: #3c2201;
		}