/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 17 2025 | 15:17:09 */
@media screen and (min-width: 1200px) {
#colophon .footer-custom-inner > .container {
	max-width: 100%;
	}
}
	/*
@media screen and (max-width: 1199px) {
	.ct-nav-menu1 {
    	display: flex;
    }
	#menu-footer-fixed-menu {
		display: flex;
    	flex-direction: row;
	}
}
.menu-footer-fixed-menu {
		display: flex;
    	flex-direction: row;
	}

*/

/* ===== Загальні стилі посилань (Оптимізовано) ===== */
.elementor-nav-menu--main .elementor-nav-menu a {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 8px 20px 8px 0;
    text-decoration: none;
    color: inherit; /* Зберігаємо колір тексту від батьківського елемента */
    -webkit-transition: background-color 0.4s ease, color 0.4s ease;
    -moz-transition: background-color 0.4s ease, color 0.4s ease;
    -o-transition: background-color 0.4s ease, color 0.4s ease;
    transition: background-color 0.4s ease, color 0.4s ease;
}

/* ===== Hover фон і текст ===== */
#menu-1-8abec49 li:hover > a {
    background-color: #1ab5ff;
    color: white;
}

/* ===== Підменю та Батьківський елемент (без змін) ===== */
#menu-1-8abec49 .sub-menu.elementor-nav-menu--dropdown {
    top: auto !important;
    bottom: 100% !important;
    left: 0;
    min-width: 10em;
    max-width: 1000px;
}

#menu-1-8abec49 li.menu-item-has-children {
    position: relative;
}

/* ===== Початковий стан підменю (з префіксами) ===== */
#menu-1-8abec49 .sub-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);

    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s ease;
    -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s ease;
    -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}

/* ===== Підменю при наведенні (з префіксами) ===== */
#menu-1-8abec49 li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* ===== Вимкнути стрілки SmartMenus (без змін) ===== */
#menu-1-8abec49 .scroll-up,
#menu-1-8abec49 .scroll-down {
    display: none !important;
    visibility: hidden !important;
}

/* --- ІКОНКИ --- */

/* ===== Загальні стилі іконок через ::before всередині a (КОРЕКЦІЯ КОЛЬОРУ) ===== */
/* Робимо іконки чорними, щоб вони були видимі на світлому фоні */
#menu-1-8abec49 a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    display: inline-block; /* Використовуємо inline-block для коректного відображення з flex на 'a' */
    color: white; /* ЗМІНА: Встановлюємо чорний колір, щоб іконки були видимі */
	position: inherit;
}

/* Зміна кольору іконок при наведенні */
/* Націлюємося на ::before всередині a, коли li знаходиться у стані :hover */
#menu-1-8abec49 li:hover > a::before {
    color: white !important; /* Встановлюємо білий колір при наведенні */
}


/* ===== Індивідуальні іконки для конкретних пунктів ===== */
/* Використовуємо прямий нащадок (>) для більшої специфічності та уникнення конфліктів */
#menu-1-8abec49 .menu-item-9429 > a::before { content: "\f095"; } /* Телефон */
#menu-1-8abec49 .menu-item-9430 > a::before { content: "\f0e0"; } /* Email */
#menu-1-8abec49 .menu-item-9431 > a::before { content: "\f044"; } /* Ihre Anfrage */
#menu-1-8abec49 .menu-item-9441 > a::before { content: "\f019"; } /* Download */

/* ===== Специфічний стиль для Kunden (9490) ===== */
/* Ця іконка вже чорна, тому вона видима */
#menu-1-8abec49 .menu-item-9490 > a::before { 
	content: "\f019";
	margin-left: -13px;
	color: black;
}

/* ===== Hover ефект для іконки Kunden (9490) - можна замінити загальним блоком вище ===== */
#menu-1-8abec49 .menu-item-9490:hover > a:hover::before {
    color: white;

}

.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after, .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before
 {
    opacity: 1 !important;
}
.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover
 {
    padding: 0;
}

#menu-1-8abec49 .sub-menu li.menu-item a {
    padding: 8px;
}





/* ===== Мобільне меню: ховати текст основного меню ===== */
@media (max-width: 767px) {
    /* Ховаємо текст всередині основних пунктів меню */
    #menu-1-8abec49 > li > a > span, /* якщо текст у span */
    #menu-1-8abec49 > li > a {
        font-size: 0;     /* або visibility: hidden / display: none */
        color: transparent;
		gap: 0;
    }

    /* Зберігаємо іконки */
    #menu-1-8abec49 > li > a::before {
        font-size: 16px;   /* розмір іконки можна залишити */
    }

    /* Підменю залишається видимим */
    #menu-1-8abec49 .sub-menu a {
        font-size: 14px;   /* текст підменю видно */
        color: inherit;
    }
	#menu-1-8abec49 .sub-arrow {
        padding: 0;
    }
}