@media screen and (min-width: 600px) {


/* Grundstyling für ALLE Buttons der obersten Ebene (mit und ohne Kinder) */
.wp-block-navigation__container>.wp-block-navigation-item {
    border-radius: 99px;
    display: flex;
    align-items: center;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    transition: all 0.3s ease;
}



/* --- SUBMENU RESET (Icon im Dropdown entfernen) --- */
.wp-block-navigation__submenu-container .wp-block-navigation-item::before {
    display: none !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item {
    background-color: transparent !important;
    border-radius: 0;
    display: block;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: #333333 !important;
}

/* Erhöht den Stapelwert für das aktive/gehoverte Menü-Item */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:hover,
.wp-block-navigation__container>.wp-block-navigation-item.has-child:focus-within {
    z-index: 9999 !important;
    position: relative;
}

/* Submenü über anderem Text */
.wp-block-navigation__submenu-container {
    z-index: 10000 !important;
}


/* --- ICON INTEGRATION (Das Bild vor dem Link) --- */
.wp-block-navigation__container>.wp-block-navigation-item::before {
    content: "";
    display: inline-block;
    width: 40px;
    /* Breite des Icons */
    height: 32px;
    /* Höhe des Icons */
    margin-right: 10px;
    /* Abstand zum Text */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    /* Verhindert, dass das Icon gequetscht wird */
}

.wp-block-navigation__container>.wp-block-navigation-item:nth-child(1)::before {
    background-image: url('../images/icons/schule.png');
}

.wp-block-navigation__container>.wp-block-navigation-item:nth-child(2)::before {
    background-image: url('../images/icons/beratungsstelle.png');
}

.wp-block-navigation__container>.wp-block-navigation-item:nth-child(3)::before {
    background-image: url('../images/icons/kindergarten.png');
}

.wp-block-navigation__container>.wp-block-navigation-item:nth-child(4)::before {
    background-image: url('../images/icons/eltern.png');
}

.wp-block-navigation__container>.wp-block-navigation-item:nth-child(5)::before {
    background-image: url('../images/icons/lupe.png');
    filter: invert(100%);
}

/* --- INDIVIDUELLE FARBEN --- */

.wp-block-navigation__container>.wp-block-navigation-item{
    background-color: black !important;
    color: white !important;
	text-decoration: none !important;
}

/* 1. Element: Grün */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(1) {
    background-color: var(--wp--preset--color--hws-green) !important;
}

/* 2. Element: Blau */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(2) {
    background-color: var(--wp--preset--color--hws-blue) !important;
}

/* 3. Element: Gelb */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(3) {
    background-color: var(--wp--preset--color--hws-yellow) !important;
}

/* 3. Element: Schwarze Farbe */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(3)>a.wp-block-navigation-item__content,
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(3) button.wp-block-navigation-submenu__toggle {
    color: #000000 !important;
}
/* 3. Element: Schwarzer Pfeil */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(3) button.wp-block-navigation-submenu__toggle svg {
    stroke: #000000 !important;
}

/* 4. Element: Rot */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(4) {
    background-color: var(--wp--preset--color--hws-red) !important;
}

/* --- TEXT & PFEIL ALLGEMEIN --- */
.wp-block-navigation__container>.wp-block-navigation-item.has-child>a.wp-block-navigation-item__content {
    color: #ffffff !important;
    padding-right: 5px !important;
    text-decoration: none;
    font-weight: 600;
}

.wp-block-navigation__container>.wp-block-navigation-item.has-child button.wp-block-navigation-submenu__toggle {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0 !important;
    margin-left: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

	.wp-block-navigation__container>.wp-block-navigation-item.has-child button.wp-block-navigation-submenu__toggle svg {
    	fill: none;
    	stroke: #ffffff !important;
	}

	
	/* Deaktiviert die Unterstreichung nur für diesen spezifischen Link-Typ */
	.wp-block-navigation-item__content:hover {
    	text-decoration: none !important;
	}

	.wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    	text-decoration: none !important;
	}

}

/* --- MOBILE --- */

/* 1. Element: Grün */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(1) {
    color: var(--wp--preset--color--hws-green) !important;
}

/* 2. Element: Blau */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(2) {
    color: var(--wp--preset--color--hws-blue) !important;
}

/* 3. Element: Gelb */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(3) {
    color: black !important;
}

/* 4. Element: Rot */
.wp-block-navigation__container>.wp-block-navigation-item.has-child:nth-child(4) {
    color: var(--wp--preset--color--hws-red) !important;
}


/* Close-Button zentrieren */

.wp-block-navigation__responsive-container-close {
    left: 48%;
}