/* ==========================================================================
   Vet-Dogs – Desktop-Hauptmenü
   Das Menü (≈956px) + Logo (240px) war breiter als der 1140px-Container,
   deshalb rutschte das Menü immer unter das Logo. Hier wird es kompakter,
   damit es in eine Zeile neben das Logo passt.
   ========================================================================== */

@media (min-width: 1001px) {

	/* „Mitgliederbereich“ steht schon als Button in der Top-Bar –
	   im Hauptmenü auf dem Desktop ausblenden (mobil bleibt er sichtbar). */
	.fusion-main-menu > ul > li#menu-item-14323 {
		display: none !important;
	}

	.fusion-main-menu > ul > li:not(.fusion-menu-cart) {
		padding-right: 24px !important;
	}

	.fusion-main-menu > ul > li > a {
		letter-spacing: 0 !important;
	}

	/* Hover- und Aktiv-Zustand: grüne Linie unter dem Text -------------- */
	.fusion-main-menu > ul > li:not(.btn-freebie):not(.fusion-menu-cart) > a .menu-text {
		position: relative;
	}

	.fusion-main-menu > ul > li:not(.btn-freebie):not(.fusion-menu-cart) > a .menu-text::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -8px;
		height: 2px;
		border-radius: 2px;
		background: #4acbbc;
		transform: scaleX(0);
		transform-origin: left center;
		transition: transform .2s ease;
	}

	.fusion-main-menu > ul > li:not(.btn-freebie):not(.fusion-menu-cart):hover > a .menu-text::after,
	.fusion-main-menu > ul > li:not(.btn-freebie):not(.fusion-menu-cart) > a:focus-visible .menu-text::after,
	.fusion-main-menu > ul > li.current-menu-item:not(.btn-freebie) > a .menu-text::after,
	.fusion-main-menu > ul > li.current-menu-ancestor:not(.btn-freebie) > a .menu-text::after {
		transform: scaleX(1);
	}

	.fusion-main-menu > ul > li:not(.btn-freebie):not(.fusion-menu-cart):hover > a {
		color: #2fa797 !important;
	}

	/* 0,- € Angebote: warmes Pfirsich statt grauem Feld ---------------- */
	.fusion-main-menu > ul > li.btn-freebie > a .menu-text {
		background: #fbe3d8 !important;
		color: #424242 !important;
		border: 0;
		transition: background-color .2s ease;
	}

	.fusion-main-menu > ul > li.btn-freebie > a:hover .menu-text,
	.fusion-main-menu > ul > li.btn-freebie > a:focus-visible .menu-text {
		background: #f8d2c1 !important;
	}
}

/* Top-Leiste: zwei schlichte Links + ein farbiger Button ----------------- */
#first-level-nav li > a {
	border-color: transparent !important;
	background: transparent;
	color: #616161 !important;
	transition: color .15s ease, background-color .15s ease;
}

#first-level-nav li > a i {
	color: #4acbbc;
}

#first-level-nav li > a:hover,
#first-level-nav li > a:focus-visible {
	color: #2fa797 !important;
	background: #eaf8f6;
}

/* Ausbildung: ruhiges Mintgrün mit dunkelgrüner Schrift */
#first-level-nav li > a.vd-topbar-cta {
	background: #dff4f1 !important;
	border-color: transparent !important;
	color: #1f6f65 !important;
	font-weight: 600;
}

#first-level-nav li > a.vd-topbar-cta i {
	color: #2fa797;
}

#first-level-nav li > a.vd-topbar-cta:hover,
#first-level-nav li > a.vd-topbar-cta:focus-visible {
	background: #c9ece7 !important;
	color: #1f6f65 !important;
}

@media (prefers-reduced-motion: reduce) {
	.fusion-main-menu .menu-text::after { transition: none !important; }
}

/* Kleine Laptops / Tablets quer: etwas enger und kleineres Logo */
@media (min-width: 1001px) and (max-width: 1199px) {

	.fusion-main-menu > ul > li:not(.fusion-menu-cart) {
		padding-right: 16px !important;
	}

	.fusion-main-menu > ul > li > a {
		font-size: 13px !important;
		letter-spacing: 0 !important;
	}

	.fusion-header .fusion-logo img {
		width: 190px !important;
		height: auto !important;
	}
}