/* Mega Menu */

.awb-menu__mega-wrap img {
	height: 120px;
	width: auto;
	object-fit: contain;
}

.mega-menu img {
	 filter: invert(1) brightness(2);
}

.fusion-sticky-transition .menu-text,
.fusion-sticky-transition i, 
.fusion-sticky-transition .collapsed-nav-text,
.fusion-sticky-transition button span{
	color: var(--awb-color8) !important
}

.fusion-sticky-transition {
	box-shadow: 3px 0 10px rgba(0,0,0,0.2) !important;
}

/*_______________________________________________________________________________________*/


/* Headline Hero */


.headline_heroSection {
	margin-right: -80px;
	z-index: 99 !important;
}


/*_______________________________________________________________________________________*/

/* Button */

.fusion-button, button[type="submit"]{
  position: relative;
  background: transparent !important;
  border: none !important;
  z-index: 1;
  cursor: pointer;
  border-radius: 0 !important;
  overflow: hidden;
}

button[type="submit"] {
	font-size: 1rem !important;
	padding: 18px 38px !important;
	color: var(--awb-color6) !important;
}

button[type="submit"]:hover span {
	color: var(--awb-color8) !important;
}

.fusion-button::before,
button[type="submit"] span::before {
  content: '' !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('https://www.hebatronic.de/wp-content/uploads/2024/11/Hebatronic_Gradient-BG.png');
  background-size: 300%;
  background-position: center;
  z-index: -1;
  border: 4px solid transparent  !important;
  box-sizing: border-box  !important;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)  !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)  !important;
  mask-composite: exclude !important;
  -webkit-mask-composite: destination-out  !important;
  transition: background-position 0.5s ease  !important;
}

.fusion-button::after,
button[type="submit"]::after{
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background: transparent;
  z-index: 1;
}

/*_______________________________________________________________________________________*/


/* Tag Liste */


.tag-list.link li {
	cursor: pointer;
	transition: .3s;
}

.tag-list.link li:hover {
	color: var(--awb-color4);
}

.tag-list ul, .fusion-filters {
	list-style-type: none !important;
	padding: 0;
	display: flex !important;
	justify-content: center !important;
	flex-wrap: wrap;
}

.fusion-filters li {
	float: none;
	margin-left: 5px !important;
	margin-right: 5px !important;
	border: none !important;
}



.tag-list ul li, .fusion-filters li a {
	background: var(--awb-color3) !important;
	padding: 8px 24px !important;
	margin: 5px;
	border: 2px solid var(--awb-color4) !important;
	border-radius: 50px;
	line-height: 1 !important;
	text-align: center;
}

.fusion-filters li a {
	min-width: 150px;
	height: auto !important;
	border-color: var(--awb-color5) !important;
	color: var(--awb-color5) !important;
}

.fusion-filters li.fusion-active a {
	border-color: var(--awb-color4) !important;
	color: var(--awb-color4) !important;
}

.tag-list.dark ul li {
	background: none !important;
	color: #fff;
}




/*_______________________________________________________________________________________*/


/* Karuselle */

/*____Startseite - Garantie */

#usage-carousel .slick-prev {
	left: -80px;
}

#usage-carousel .slick-next {
	right: -80px;
}


#carousel-slider .fusion-builder-row-inner .slick-slide,
#garanty-carousel .slick-slide,
#news-carousel .slick-slide {
    margin: 0 10px;
}


#carousel-slider .fusion-builder-row-inner, 
#garanty-carousel .fusion-builder-row-inner{
    margin-left: -10px !important;
    margin-right: -10px !important;
}

#carousel-slider .fusion-builder-row-inner {
	margin-left: -30px !important;
}

#carousel-slider .slick-slide .fusion-column-wrapper,
#garanty-carousel .slick-slide .fusion-column-wrapper {
	padding: 40px;
	background: var(--awb-color8);
	border: 1px solid;
}

#carousel-slider .slick-slider {
	position: relative !important;
}






#vorteile_carousel .slick-slide {
	padding-right: 50px;
}


#carousel-slider .slick-arrow,
#vorteile_carousel .slick-arrow,
#garanty-carousel .slick-arrow {
	position: absolute !important;
	bottom: -60px !important;
	top: unset;
	left: 20px;
	opacity: 1 !important;
}

#vorteile_carousel .slick-arrow  {
	left: 10px
}

#carousel-slider .slick-next,
#vorteile_carousel .slick-next,
#garanty-carousel .slick-next{
	left: 70px;
}

.slick-prev:before {
    content: url("https://www.hebatronic.de/wp-content/uploads/2024/11/Icon-ion-arrow-left.svg") !important;
	opacity: 1 !important;
}


.slick-next:before {
    content: url("https://www.hebatronic.de/wp-content/uploads/2024/11/Icon-ion-arrow-right.svg") !important;
	opacity: 1 !important;
}

#news-carousel .slick-prev:before {
	content: url("https://www.hebatronic.de/wp-content/uploads/2024/11/Hebatronic_Arrow_left_blue.svg") !important;
}
#news-carousel .slick-next:before {
	content: url("https://www.hebatronic.de/wp-content/uploads/2024/11/Hebatronic_Arrow_right_blue.svg") !important;
}



.slick-slide .fusion-column-wrapper {
	margin: 0px !important;
}

#carousel-slider .fusion-builder-row-inner .slick-slide,
#garanty-carousel .slick-slide
#usage-carousel .slick-slide {
    margin: 0 10px;
}


#carousel-slider .fusion-builder-row-inner, 
#garanty-carousel .fusion-builder-row-inner,
#usage-carousel .fusion-builder-row-inner {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

#usage-carousel {
	max-width: 1200px;
	margin: auto;
}




/* Anwendungsslider */

.usage-slide h3 {
	color: #fff !important;
	margin-bottom: 20px;
}

.usage-slide {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.usage-slide img {
	max-height: 400px;
	width: auto;
	margin-right: 50px !important;
	aspect-ratio: 1/1;
	object-fit: cover;
}


/*_____________________________________________________________________________________*/


/* Seperator */

.sep-single {
    background-image: url("https://www.hebatronic.de/wp-content/uploads/2024/11/Hebatronic_Gradient-BG.png") !important;
	height: 8px !important;
	border: none !important;
    background-size: ;
    animation: gradient-move 10s linear infinite alternate;
    overflow: hidden;
}

.fusion-separator {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

@keyframes gradient-move {
    0% {
        background-position: 20% 50%;
    }
    100% {
        background-position: 80% 50%;
    }
}

/*_____________________________________________________________________________________*/

/* Produkt-Karte */

.product-card .img-hover,
.product-card-menu .img-hover {
	opacity: 0;
	position: absolute;
	top: 50px;
	transition: .3s;
}

.product-card-menu .img-hover {
	top: 0px !important;
}

.product-card-menu .img-hover img {
	filter: invert(0) !important;
}

.product-card:hover .img-hover,
.product-card-menu:hover .img-hover{
	opacity: 1;
}

.product-card img {
	height: 120px;
	width: auto !important;
	object-fit: contain;
}

.product-card .hover-arrow {
	height: 100%;
	margin-left: 10px;
	opacity: 0;
	transition: .3s;
	margin-top: 2px;
	display: none !important;
}

.product-card:hover .hover-arrow {
	margin-left: 20px;
	opacity: 1;
}


/*_____________________________________________________________________________________*/

/* Download-Liste */

.download-list ul {
	list-style-type: none !important;
	padding: 0;
}

.download-list li {
	margin-bottom: 5px;
	text-decoration: underline;
}


/*_____________________________________________________________________________________*/

/* Garantie-Box */

.garanty-box .fusion-column-wrapper {
	position: relative;
}

.garanty-box .number {
	position: absolute;
	bottom: 0;
	right: 20px;
	font-size: .85rem !important;
}

/*_____________________________________________________________________________________*/


/* Tabelle */


.table-2 th {
	color: var(--awb-color5) !important;
	border-bottom: 1px solid var(--awb-custom_color_1);
}
.table-2 td {
	border-color: var(--awb-custom_color_1) !important;
}



/*_____________________________________________________________________________________*/



/* FAQ */

.fusion-toggle-icon-wrapper-sub {
  display: inline-block;
  background: url('https://www.hebatronic.de/wp-content/uploads/2024/11/Hebatronic_Gradient-BG.png') no-repeat center;
  background-size: 900%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/*_____________________________________________________________________________________*/


/* Footer */


footer .awb-menu .awb-menu__main-ul {
	display: flex !important;
	flex-direction: row !important;
}

footer .awb-menu__main-ul_column .awb-menu__main-li {
	width: 48% !important;
	margin-right: 2%;
	margin-bottom: 10px;
}




/*
.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #122740;
    z-index: 10;
    pointer-events: none;
}

.load-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}*/



/* To Top Button */

#toTop {
	bottom: 75px;
	aspect-ratio: 1/1;
	border-radius: 6px !important;
	width: 48px !important;
	height: 48px !important;
	display: flex;
	justify-content: center;
	align-items: center !important;
	box-shadow: 0 3px 25px rgba(0,0,0,0.2);
	transition: .3s !important;
}

#toTop:hover {
	box-shadow: 0 7px 25px rgba(0,0,0,0.2);
	bottom: 90px;
}