/* standardmäßig ausgeblendet */

.hamburger-menu {
    display: none;
}

.hamburger-icon {
    display: none;
}

/* Media Query für kleinere Bildschirme */
@media screen and (max-width: 768px) {
    .header-nav {
        display: none;
    }
	
	.header-icon {
		display: none;
	}
	
	.hamburger-menu {
		display: block;
	}
	
    .hamburger-icon {
        display: block;
        cursor: pointer;
    }
}