/****** FONTS ******/
@font-face {
	font-family: 'AvenirNext-Medium';
	src: url('fonts/AvenirNext-Medium.ttf') format("truetype");
	
}
@font-face {
	font-family: 'AvenirNext-Light';
	src: url('fonts/AvenirNext-Light.ttf') format("truetype");
	
}

.elementor-kit-5 {
	--e-global-typography-primary-font-family: 'AvenirNext-Medium', Arial, sans-serif !important;
	/* --e-global-typography-primary-font-size: 38px !important;
    --e-global-typography-primary-font-weight: normal !important;
    --e-global-typography-primary-text-transform: none !important;
    --e-global-typography-primary-font-style: normal !important;
    --e-global-typography-primary-text-decoration: none !important;
    --e-global-typography-primary-line-height: 1.2em !important;
    --e-global-typography-primary-letter-spacing: normal !important; */

	--e-global-typography-secondary-font-family: 'AvenirNext-Medium', Arial, sans-serif !important;
	/* --e-global-typography-secondary-font-size: 18px !important;
    --e-global-typography-secondary-font-weight: normal !important;
    --e-global-typography-secondary-text-transform: none !important;
    --e-global-typography-secondary-font-style: normal !important;
    --e-global-typography-secondary-text-decoration: none !important;
    --e-global-typography-secondary-line-height: 1.2em !important;
    --e-global-typography-secondary-letter-spacing: normal !important; */

	--e-global-typography-accent-font-family: 'AvenirNext-Medium', Arial, sans-serif !important;
	/* --e-global-typography-accent-font-size: 20px !important;
    --e-global-typography-accent-font-weight: normal !important;
    --e-global-typography-accent-text-transform: none !important;
    --e-global-typography-accent-font-style: normal !important;
    --e-global-typography-accent-text-decoration: none !important;
    --e-global-typography-accent-line-height: 1.2em !important;
    --e-global-typography-accent-letter-spacing: normal !important; */

	--e-global-typography-text-font-family: 'AvenirNext-Light', Arial, sans-serif !important;
	/* --e-global-typography-text-font-size: 18px !important;
    --e-global-typography-text-font-weight: normal !important;
    --e-global-typography-text-text-transform: none !important;
    --e-global-typography-text-font-style: normal !important;
    --e-global-typography-text-text-decoration: none !important;
    --e-global-typography-text-line-height: 1.2em !important;
    --e-global-typography-text-letter-spacing: normal !important; */

	--e-global-typography-c465d08-font-family: 'AvenirNext-Medium', Arial, sans-serif !important;
	/* --e-global-typography-c465d08-font-size: 15px !important;
    --e-global-typography-c465d08-font-weight: normal !important;
    --e-global-typography-c465d08-text-transform: none !important;
    --e-global-typography-c465d08-font-style: normal !important;
    --e-global-typography-c465d08-text-decoration: none !important;
    --e-global-typography-c465d08-line-height: 1.2em !important;
    --e-global-typography-c465d08-letter-spacing: normal !important; */
}


/****** VARIABLES ******/

@plugin "less-plugin";
//@ui-icon-plus: ui-icon-plus();
@transition_duration: 0.25s;
@backdrop_filter: blur( 15px );


/****** MIXINS ******/

.mixin_border_shadow() {
	box-shadow: 2px 2px 0px 0px var( --e-global-color-primary );
}

.mixin_no_border_shadow() {
	box-shadow: none;
}

.mixin_typography-secondary() {
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-secondary-font-family );
	font-size: var( --e-global-typography-secondary-font-size );
	font-weight: var( --e-global-typography-secondary-font-weight );
	text-transform: var( --e-global-typography-secondary-text-transform );
	font-style: var( --e-global-typography-secondary-font-style );
	-webkit-text-decoration: var( --e-global-typography-secondary-text-decoration );
	        text-decoration: var( --e-global-typography-secondary-text-decoration );
	line-height: var( --e-global-typography-secondary-line-height );
	letter-spacing: var( --e-global-typography-secondary-letter-spacing );
}

.mixin_typography-accent() {
	color: var( --e-global-color-text );
	font-family: var( --e-global-typography-accent-font-family );
	font-size: var( --e-global-typography-accent-font-size );
	font-weight: var( --e-global-typography-accent-font-weight );
	text-transform: var( --e-global-typography-accent-text-transform );
	font-style: var( --e-global-typography-accent-font-style );
	-webkit-text-decoration: var( --e-global-typography-accent-text-decoration );
	        text-decoration: var( --e-global-typography-accent-text-decoration );
	line-height: var( --e-global-typography-accent-line-height );
	letter-spacing: var( --e-global-typography-accent-letter-spacing );
}



/****** HTML, BODY ******/

html, body {
}

html {
}

body {
	overflow-x: hidden !important;
	-webkit-text-size-adjust: none;
	margin: 0;
}

* {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

.ready/* , .pace-done */ {
	background: white;
	overflow-y: auto;

	[data-elementor-type="header"], [data-elementor-type="archive"], [data-elementor-type="product"], [data-elementor-type="single-page"], [data-elementor-type="footer"], [data-elementor-type="error-404"], [data-elementor-type="search-results"], #content {
		opacity: 1;
	}
}


/****** TYPOGRAPHY ******/

h1, h2, h3, h4, h5, p {
	cursor: text;
}

p a {
	color: inherit !important;
}

[data-elementor-device-mode="mobile"] {
	.elementor-heading-title {
		-webkit-hyphens: auto;
		    -ms-hyphens: auto;
		        hyphens: auto;
	}
}


/****** HEADER ******/

#page {
	position: relative;
	#masthead {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
	}
}

#masthead {
	.hfe-nav-menu {
		flex-direction: row;
		width: 100%;
		//min-width: 900px;
		justify-content: space-between;

		li {
			.mixin_border_shadow();
			transition: all @transition_duration;

			&:hover {
				.mixin_no_border_shadow();
				transform: translate( 2px, 2px );
			}

			.hfe-menu-toggle.sub-arrow {

				i {
					display: none;
				}

				&:after {
					content: "▼";
					font-size: 10px;
				}
			}

			&:last-of-type.hfe-has-submenu {
				.sub-menu {
					left: unset !important;
					right: 0 !important;
				}
			}
		}

		&:before, &:after {
			display: none;
		}
	}

	.ue_menu_wrapper {
		.checkbox-toggle {
			&:hover {
				&+ .ue_hamburger {
					transition: all @transition_duration;
					.mixin_no_border_shadow() !important;
					transform: translate( 2px, 2px );
				}
			}
		}

		.uc-list-menu {
			width: 100% !important;
		}
	}

	


}

[data-elementor-device-mode="tablet"], [data-elementor-device-mode="mobile"] {
	#page #masthead .ue_menu_wrapper {
		position: fixed !important;
		top: 37px;
	}
}

[data-elementor-device-mode="mobile"] {
	#page #masthead .ue_menu_wrapper {
		position: fixed !important;
		top: 10px;
	}
}


/****** MISC ******/

.backdrop_filter {
	-webkit-backdrop-filter: @backdrop_filter;
	        backdrop-filter: @backdrop_filter;

	&>.elementor-widget-wrap {
		background: rgba( 100, 100, 100, 0.05 ) !important;
	}
}

@supports ((-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)) or (clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0))) {
	#content .elementor-section.fixed_background {
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
	}
	#content .elementor-section.fixed_background {
		.elementor-background-overlay {
			position: fixed;
			top: 0;
			left: 0;
			height: 100vh;
			pointer-events: none;
		}

		&.header_subpage {
			.elementor-background-overlay {
				position: fixed;
				top: 0;
				left: 0;
				height: 80vh;
				pointer-events: none;
			}
		}
	}
}

.fixed_background {

	&.header_subpage {
		height: 80vh;
		max-height: 80vh;
	}
}

&.elementor-kit-5 {
	--e-global-typography-primary-font-size: 32px !important;
	--e-global-typography-primary-line-height: 36px !important;
	--e-global-typography-text-font-size: 17px !important;
	--e-global-typography-text-line-height: 28px !important;
}

[data-elementor-device-mode="mobile"] {
	.elementor-section.elementor-section-boxed > .elementor-container {
		padding: 0 30px;
	}

	/* #masthead {
		&>.elementor {
			&>section {
				padding-left: 30px !important;
				padding-right: 30px !important;
			}
		}
	} */

	.fixed_background {
		//padding-left: 30px !important;
		//padding-right: 30px !important;
	}

	&.elementor-kit-5 {
		--e-global-typography-primary-font-size: 24px !important;
		--e-global-typography-primary-line-height: 29px !important;
		--e-global-typography-text-font-size: 15px !important;
		--e-global-typography-text-line-height: 23px !important;
	}

	.fixed_background {

		&.header_subpage {
			height: 100vh;
			max-height: 100vh;

			.elementor-background-overlay {
				height: 100vh !important;
			}
		}
	}
}


/****** BUTTONS ******/
.elementor-widget-button .elementor-button {
	.mixin_typography-accent();
	transition: all @transition_duration;

	&:hover {
		transform: translate( 2px, 2px );
	}
}



/****** KACHELN ******/




.behr_tiles_outercontainer {
	.behr_tiles_inner_container {
		/* display: grid;
		grid-template-columns: repeat( @tiles_columns, @tile_width );
		gap: @tiles_gap; */

		&.col_4 {
			@tiles_columns: 4;
			@tiles_gap: 40px;
			@tile_width: calc( ( 100% / @tiles_columns ) - ( ( @tiles_gap * ( @tiles_columns - 1 ) ) / ( @tiles_columns - 1 ) ) );
			
			gap: @tiles_gap;
			
			.behr_tiles_single_outer_container {
				flex: 0 0 @tile_width;
			}
		}

		&.col_3 {
			@tiles_columns: 3;
			@tiles_gap: 40px;
			@tile_width: calc( ( 100% / @tiles_columns ) - ( ( @tiles_gap * ( @tiles_columns - 1 ) ) / ( @tiles_columns - 1 ) ) );
			@missing_tiles_width: calc( ( ( 100% / 4 ) - ( ( @tiles_gap * ( 4 - 1 ) ) / ( 4 - 1 ) ) ) / 2 + @tiles_gap / 2 );
			padding-left: @missing_tiles_width;
			padding-right: @missing_tiles_width;
			
			gap: @tiles_gap;
			
			.behr_tiles_single_outer_container {
				flex: 0 0 @tile_width;
			}
		}

		&.col_2 {
			@tiles_columns: 2;
			@tiles_gap: 40px;
			@tile_width: calc( ( 100% / @tiles_columns ) - ( ( @tiles_gap * ( @tiles_columns - 1 ) ) / ( @tiles_columns - 1 ) ) );
			@missing_tiles_width: calc( ( ( 100% / 4 ) - ( ( @tiles_gap * ( 4 - 1 ) ) / ( 4 - 1 ) ) ) + @tiles_gap );
			padding-left: @missing_tiles_width;
			padding-right: @missing_tiles_width;
			
			gap: @tiles_gap;
			
			.behr_tiles_single_outer_container {
				flex: 0 0 @tile_width;
			}
		}

		

		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		

		.behr_tiles_single_outer_container {
			
			background: rgba( 100, 100, 100, 0.05 );
			.mixin_border_shadow();
			-webkit-backdrop-filter: @backdrop_filter;
			        backdrop-filter: @backdrop_filter;
			transition: all @transition_duration;

			&:hover {
				//background: rgba( 255, 255, 255, 0.05 );
				.mixin_no_border_shadow();
				transform: translate( 2px, 2px );
			}
			.behr_tiles_single_inner_container {
				padding: 20px;
				display: flex;
				justify-content: center;
				align-items: center;
				aspect-ratio: 16/9;
				position: relative;
				.behr_tiles_headline {
					.mixin_typography-secondary();
					text-align: center;
				}
			}
		}
	}
}

[data-elementor-device-mode="tablet"] {
	@tiles_columns: 3;
	@tiles_gap: 40px;
	@tile_width: calc( ( 100% / @tiles_columns ) - ( ( @tiles_gap * ( @tiles_columns - 1 ) ) / 3 ) );
	.behr_tiles_outercontainer {
		.behr_tiles_inner_container {
			.behr_tiles_single_outer_container {
				flex: 0 0 @tile_width;
			}
		}
	}
}

[data-elementor-device-mode="mobile"] {
	@tiles_gap: 40px;

	.behr_tiles_outercontainer {
		padding: 30px;
		.behr_tiles_inner_container {
			display: block;

			@tiles_columns: 3;
			@tiles_gap: 40px;
			@tile_width: calc( ( 100% / @tiles_columns ) - ( ( @tiles_gap * ( @tiles_columns - 1 ) ) / ( @tiles_columns - 1 ) ) );
			@missing_tiles_width: calc( ( ( 100% / 4 ) - ( ( @tiles_gap * ( 4 - 1 ) ) / ( 4 - 1 ) ) ) / 2 + @tiles_gap / 2 );
			padding-left: @missing_tiles_width;
			padding-right: @missing_tiles_width;
			padding-top: 30px;
			
			gap: @tiles_gap;
			
			.behr_tiles_single_outer_container {
				flex: 0 0 @tile_width;
			}

			.behr_tiles_single_outer_container {
				.behr_tiles_single_inner_container {
					margin-bottom: @tiles_gap;
				}
			}
		}
	}
}


/****** FOOTER ******/

#colophon {
	.elementor-icon-list-item {
		background: #4D4D4D;
		padding: 5px 10px;
	}
}

[data-elementor-device-mode="mobile"] {
	#colophon {
		.hfe-nav-menu {
			display: block;
			li {
				display: block;
				text-align: center;
				margin-right: 0;

				a {
					display: block;
				}
			}
		}
	}
}


/****** COOKIE TOOL ******/