/* NUR responsive und header !!! */
@media screen and (max-width: 1024px) {
 	#hamburger {
 		position: absolute;
 		right: 0px;
 		top: 37px;
 		cursor: pointer;
 	}
 	#hamburger:hover {
 		opacity: 0.8;
 	}
 	.hamburger-box {
 		display: block;
 		width: 40px;
 		height: 40px;
 	}
	.balken {
		width: 36px;
  		height: 4px;
		border-radius: 0px;
  		display: block;
  		background: var(--blau);
  		position: relative;
  		content: " ";
  		transition: all 0.5s ease;
  		transform-origin: center;
	}
	#hamburger.da .balken1 {
		top: 12px;
		transform: rotate(45deg);
		transition: all 0.5s ease;
		height: 6px;
	}
	#hamburger.da .balken2 {
		opacity: 0;
		transition: all 0.5s ease;
	}
	#hamburger.da .balken3 {
		transform: rotate(-45deg);
		top: 2px;
		transition: all 0.5s ease;
		height: 6px;
	}
	.hamburger .balken1 {
		top: 0px;
	}
	.hamburger .balken2 {
		top: 7px;
	}
	.hamburger .balken3 {
		top: 14px;
	}
	#mm {
		height: auto;
		width: 100%;
		max-width: 222px;
		padding: 15px 25px;
		background: var(--blau);
		position: fixed;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		z-index: 200;
		right: -360px;
		top: 100px;
		transition: all 0.5s ease;
	}
	#mm.da {
		right: 0px;
		
		transition: all 0.5s ease;
	}
	#menu-primary-container {
		float: none;
		display: none;
	}
	#mm #menu-primary-container {
		display: block;
		margin-top: 0px;
		text-align: left;
	}
	#menu-primary {
  		float: none;
  		margin: 0 0 0 0;
  		text-align: left;
	}
	#menu-primary ul {
		margin: 0 0 0 0;
	}
	.menu-primary li {
		display: block;
		text-align: left;
		border: 0px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	#menu-primary ul li a {
		color: #FFF !important;
	}
	.menu-primary li:nth-of-type(6) a:hover {
  		background: var(--kindrot);
	}
} /* ENDE 1024 */




@media screen and (max-width: 799px) {
	.menu-primary li {
		padding: 6px 0;
		margin: 8px 0;
	}
}