.burger-menu {
    display: none;
    flex-direction: column;
    cursor: pointer;
    z-index: 1000;
}

.burger-menu .line {
    width: 25px;
    height: 3px;
    background-color: black;
    margin: 4px 0;
	color: black;
}

/* Media Query für Tablets */
@media only screen and (max-width: 768px) {
    .burger-menu {
        display: flex;

		position: fixed;
		top: 20px;
		right: 20px;
		display: flex;
		flex-direction: column;
		cursor: pointer;
		z-index: 1000;
    }

	#nav {
		position: fixed;
		top: 0;
		right: -100%;
		height: 100%;
		width: 250px;
		background-color: #fff;
		box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
		transition: right 0.3s ease;
		z-index: 999;
	}

	#nav.active {
		right: 0;
	}

	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#nav ul li {
		padding: 15px 20px;
		border-bottom: 1px solid #ddd;
	}

	#nav ul li a {
		color: #333;
		text-decoration: none;
		display: block;
	}

	#nav ul li a:hover {
		background-color: #f0f0f0;
	}
}