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

@plugin "less-plugin";
//@ui-icon-plus: ui-icon-plus();



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

html, body {
}

html {
}

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

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

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

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


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

@font-face {
	font-family: 'AdelleSans-Bold';
	src:	url( 'fonts/AdelleSans-Bold.woff' ) format( 'woff' );
	src:	url( 'fonts/AdelleSans-Bold.woff2' ) format( 'woff2' );
}

@font-face {
	font-family: 'AdelleSans-ExtraBold';
	src:	url( 'fonts/AdelleSans-ExtraBold.woff' ) format( 'woff' );
	src:	url( 'fonts/AdelleSans-ExtraBold.woff2' ) format( 'woff2' );
}

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

	//* Primary
	--e-global-typography-primary-font-family: "AdelleSans-ExtraBold" !important;

	//* Secondary
	--e-global-typography-secondary-font-family: "AdelleSans-ExtraBold" !important;

	//* Text
	--e-global-typography-text-font-family: "AdelleSans-Bold" !important;

	//* Accent
	--e-global-typography-accent-font-family: "AdelleSans-Bold" !important;
}


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

body {

	#masthead {
		.elementor {
			> .elementor-section {
				svg {
					width: 240px;
					height: auto;

					#logo_matthias {
						fill: var( --e-global-color-primary );
					}

					#logo_rechtsanwalt {
						fill: var( --e-global-color-text );
					}
				}
			}
		}

		.hfe-nav-menu__layout-horizontal {
			ul {
				margin-top: 10px;

				li {
					&.lang-item {
						&:first-of-type {
							margin-right: 20px;
							&:after {
								content: "";
								width: 2px;
								height: 11px;
								position: absolute;
								top: 1px;
								right: -11px;
								background-color: var( --e-global-color-text );
							}
						}

						a {
							color: var( --e-global-color-text );

							&:hover {
								text-decoration: underline !important;
							}
						}

						&.current-lang {
							a {
								color: var( --e-global-color-primary );
							}
						}
					}
				}
			}
		}
	}

	&.home {

		#masthead {
			.elementor {
				> .elementor-section {
					background-color: var( --e-global-color-accent );
					--e-global-color-primary: var( --e-global-color-secondary );

					svg {

						#logo_matthias {
							fill: var( --e-global-color-secondary );
						}

						#logo_rechtsanwalt {
							fill: var( --e-global-color-secondary );
						}
					}
				}
			}

			.hfe-nav-menu__layout-horizontal {
				ul {
					li {
						&.lang-item {
							&:first-of-type {
								&:after {
									background-color: var( --e-global-color-text );
								}
							}
	
							a {
								color: var( --e-global-color-text );
							}
	
							&.current-lang {
								a {
									color: var( --e-global-color-secondary );
								}
							}
						}
					}
				}
			}
		}

	}

	&[data-elementor-device-mode="mobile"] {
		#masthead {
			.hfe-nav-menu__layout-horizontal {
				ul {
					display: block;

					li {
						&.lang-item {
							display: block;
							margin: 0;

							&:first-of-type {
								margin-bottom: 5px;

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


/****** CONTENT MENU ******/

.hfe-nav-menu__layout-vertical {
	ul {
		li {
			a {
				line-height: 1.2em !important;
			}
		}
	}
}