/* 
Theme Name: Junker Technologies GmbH
Theme URI: https://github.com/elementor/hello-theme/
Description: Junker Technologies GmbH is a child theme of Hello Elementor
Author: Junker Technologies GmbH
Author URI: https://www.junker-technologies.com
Template: hello-elementor
Version: 1.0.0
Text Domain: junker-technologies
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
.elementor-icon-list-icon svg {
   width: 12px !important;
   height: 12px !important;
}

.elementor-icon-list-icon svg .st0 {
   fill: #B41E39 !important;
   stroke: #B41E39 !important;
}*/

/* Grayscale effect */

.jt-grayscale-effect img {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}

.jt-grayscale-effect img {
  height: 100px;
  float: left;
  filter: brightness(100) grayscale(1);
  -webkit-filter: brightness(100) grayscale(1);
  -moz-filter: brightness(100) grayscale(1);
}

.jt-grayscale-effect img:hover {
  filter: brightness(100) grayscale(1);
  -webkit-filter: brightness(100) grayscale(1);
  -moz-filter: brightness(100) grayscale(1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

/*Button*/
/*
.jt-button a.elementor-button {
	min-width: 150px !important;
}*/

/* StepByStep Hexagon */
/*
.e-form__indicators__indicator--shape-circle {
	border-radius: 0 !important;
	border-width: 0 !important;
	background-image: url("/wp-content/uploads/2022/03/Hexagon.svg") !important;
	color: white !important;	
}*/


/* Sticky Header --------------------------------------------------- */
/* https://elementor.com/blog/shrinking-sticky-header/ */

/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 90px;
	--opacity: 1;
	--shrink-me: 0.8;
	--sticky-background-color: #FFFFFF;
	--transition: 300ms ease-in-out;
	background-color: rgba(255, 255, 255, 0);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(255, 255, 255, .95);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	/*-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);*/
	/*
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);*/
	backdrop-filter: none;
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-me) ) !important;
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}

/***
* class: .logo
*/
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
}

/* -----------------------------------------------*/


/*
header.sticky-header {
    --header-height: 90px;
    --opacity: 1;
    --shrink-me: 0.80;
    --sticky-background-color: #FFFFFF;
    --transition: .3s ease-in-out;

    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}

header.sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    opacity: var(--opacity) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

header.sticky-header > .elementor-container {
    transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-me))!important;
    height: calc(var(--header-height) * var(--shrink-me));
}

header.sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}

header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

header.sticky-header > .elementor-container .logo img {
    transition: max-width var(--transition);
}

header.sticky-header.elementor-sticky--effects .logo img {
    max-width: calc(100% * var(--shrink-me));
}*/

/*Navigationsmenü - Untermenü*/
.jt-nav-menu .sub-menu li .elementor-sub-item {
	font-family: Lato;
	font-size: 17px;
}

/*Navigationsmenü - Responsive - Toggle*/
/*
.elementor-menu-toggle i:before {
content: '';
display: block;
background: url(/wp-content/uploads/2022/02/Nav-Menue-Hamburger_x_quadrat.svg );
width: 40px;
height: 40px;
background-size: cover;
}

.elementor-menu-toggle.elementor-active i:before {
content: '';
display: block;
background: url(/wp-content/uploads/2022/02/Nav-Menue-Hamburger_x_quadrat_x.svg);
width: 40px;
height: 40px;
background-size: cover;
}*/

/*Vorteile - Icons*/
/*
.jt-vorteile svg path {
    stroke: #B5223D !important;
}*/

/*Slider Kundenreferenzen - Testimonial*/
/*Text nicht kursiv*/
/*
.jt-testimonial .elementor-testimonial__content * {
    font-style: normal;
}

.jt-testimonial.elementor-widget-testimonial-carousel .elementor-testimonial__image img {
	max-width: 150px !important;
	width: auto !important;
	height: auto !important;
}*/

/*Kontakt - Icons*/

.jt-contacts .jt-fill svg {
	fill: #3C3C3B;
}
.jt-contacts .jt-stroke svg path {
	stroke: #3C3C3B;
}
.jt-contacts .elementor-column:hover .jt-fill svg {
	fill: #C58E0E;
}
.jt-contacts .elementor-column:hover .jt-stroke svg path {
	stroke: #C58E0E;
}
.jt-contacts .elementor-column:hover a {
	color: #C58E0E;
}