/*
Theme Name: Lukas Kümmel Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

@keyframes lk-fade-in {
  from {
	  opacity: 0;
	  transform: translateY(20%);
	}
  to {
	  opacity: 1;
	  transform: translateY(0%);
	}
}

:root {
	--lk-main-color: #499131;
	--lk-highlight-color: #33bef5;
	--lk-light-black: #212422;
}

.special_amp {
	font: inherit !important;
	color: inherit !important;
}

.av-special-heading h1.av-special-heading-tag {
	font-size: 68px !important;
	font-weight: bold !important;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphenate-limit-chars: 6 3 3 !important;
	-webkit-hyphenate-limit-before: 3; /* For Safari */
	-webkit-hyphenate-limit-after: 3; /* For Safari */
	-ms-hyphenate-limit-chars: 6 3 3;
}

.av-special-heading-h1 .av-subheading_below {
	font-size: 26px !important;
	font-weight: 500 !important;
}

.av-special-heading h2.av-special-heading-tag {
	font-size: 48px !important;
	font-weight: 600;
	text-transform: none !important;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphenate-limit-chars: 6 3 3 !important;
	-webkit-hyphenate-limit-before: 3; /* For Safari */
	-webkit-hyphenate-limit-after: 3; /* For Safari */
	-ms-hyphenate-limit-chars: 6 3 3;
}

.av-special-heading h3.av-special-heading-tag {
	font-size: 32px !important;
	font-weight: 600;
	color: #000;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphenate-limit-chars: 6 3 3 !important;
	-webkit-hyphenate-limit-before: 3; /* For Safari */
	-webkit-hyphenate-limit-after: 3; /* For Safari */
	-ms-hyphenate-limit-chars: 6 3 3;
}

.logo {
	padding-top: 10px;
	padding-bottom: 10px;
}

.header-scrolled .logo .st0 {
	fill: #636362 !important;
}

.header-scrolled .logo .st2, .header-scrolled .logo .st3 {
	opacity: 0;
}

.header-scrolled .logo svg {
	transform: translateX(-38%) translateY(15%) scale(1.7);
}

.lk__header-person {
	position: relative;
	height: 80vh;
	bottom: 0px;
}

.avia-image-container-inner, .avia-image-container-wrap {
	position: static !important;
}

.avia-button.avia-color-theme-color {
	border: 0px solid transparent;
	padding: 10px 20px !important;
	font-size: 16px;
	border-radius: 22px;
	font-weight: 500;
}

.avia-button.avia-color-theme-color:hover {
	background-color: var(--lk-highlight-color);
	opacity: 1;
}

.aviaccordion-slide .aviaccordion-preview-title .aviaccordion-title {
	font-size: 36px !important;
	font-weight: 700 !important;
	margin-bottom: 30px !important;
}

.aviaccordion-slide .aviaccordion-preview-title-wrap {
	backdrop-filter: blur(50px) !important;
	/*background: linear-gradient(-45deg, rgba(73, 145, 49, 1), rgba(51, 190, 245, 1)) !important;*/
	background-color: transparent !important;
}

.aviaccordion-slide {
	border-left: 2px solid #fff !important;
	box-shadow: none !important;
}

.aviaccordion-slide .aviaccordion-image {
	width: 100% !important;
	height: auto !important;
}

.aviaccordion-slide .aviaccordion-preview-title {
	vertical-align: top !important;
	padding-bottom: 64px !important;
	background-color: rgba(73, 145, 49, .6) !important;
}

.aviaccordion-slide .aviaccordion-preview-title::after {
	content: "Mehr erfahren >";
	position: absolute;
	width: calc(100% - 30px);
	height: auto;
	background-color: var(--lk-highlight-color);
	color: #fff;
	padding: 8px 15px;
	bottom: 0px;
	left: 0px;
	transition: all .3s ease-in-out;
}

.aviaccordion-slide:hover .aviaccordion-preview-title::after {
	background-color: var(--lk-main-color);
	color: #fff;
}

.image-overlay.overlay-type-extern {
	display: none !important;
}

#scroll-top-link {
	border-radius: 100%;
	border: 0px !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2) !important;
	opacity: 1 !important;
}

#scroll-top-link:hover {
	background-color: var(--lk-main-color);
	color: #fff !important;
}

#header_meta {
	background: linear-gradient(45deg, var(--lk-main-color), var(--lk-highlight-color)) !important;
	border-bottom-width: 1px !important;
	border-color: #8bd173 !important;
	height: 40px !important;
}

.html_header_transparency #header_meta {
	background: rgba(73, 145, 49, .8) !important;
}

#header_meta .container {
	height: 39px;
}

#header_meta .phone-info {
	padding: 10px 0px;
	font-size: 14px !important;
	color: #fff;
}

#header_meta a {
	color: #fff !important;
	font-weight: 500 !important;
	text-decoration: underline;
}

.menu-item a .avia-menu-text {
	opacity: 1 !important;
	color: #333;
	transition: all .3s ease-in-out;
}

.current-menu-item, .menu-item:hover > a > .avia-menu-text {
	color: var(--lk-main-color);
}

.container_wrap_first {
	border-top-width: 0px !important;
}

#header_main .av-menu-button.av-menu-button-colored .avia-menu-text {
	border-radius: 21px !important;
	padding-left: 20px;
	padding-right: 20px;
	border-width: 0px !important;
}

#header_main .av-menu-button.av-menu-button-colored:hover .avia-menu-text {
	background-color: var(--lk-highlight-color) !important;
}

.title_container {
	background-color: transparent;
	position: relative;
	bottom: -100%;
	height: 0px;
	color: #fff;
}

.title_container .breadcrumbs, .title_container .breadcrumbs a {
	color: #fff;
}

.avia-slideshow-arrows > a::before {
	border-radius: 30px;
}

.lk__sektion-halb .av-parallax-inner {
	width: 48% !important;
}

.lk__sektion-halb-links {}

.lk__sektion-halb-rechts .av-parallax-inner {
	left: auto !important;
	right: 0 !important;
}

.lk__svg img {
	width: 999px !important;
	height: auto !important;
	max-width: 100% !important;
}

.lk__svg-small img {
	max-width: 300px !important;
}

.lk__svg-xsmall img {
	max-width: 100px !important;
}

.lk__header-person img {
	max-width: none !important;
	max-height: calc(100% + 50px);
	height: calc(100% + 50px) !important;
	max-height: 1080px !important;
	max-width: auto !important;
	width: auto !important;
	position: absolute;
	bottom: 0%;
	margin-bottom: -50px !important;
	transform: translateX(-60%);
}

.lk__header .av-section-color-overlay-wrap::before {
	content: "";
	width: 50vw;
	height: 75vh;
	position: absolute;
	display: block !important;
	bottom: 0px;
	margin-bottom: -15px !important;
	right: 0px;
	background-image: url(/wp-content/uploads/2024/03/Wellenmuster.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	visibility: visible !important;
	z-index: 1;
	opacity: 0;
	transform: translateY(20%);
	animation-name: lk-fade-in;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.lk__header .av-section-color-overlay {
	z-index: 0;
}

.lk__header .avia-button, .lk__button-sektion-dunkel .avia-button {
	border: 2px solid #fff !important;
	border-radius: 22px;
	padding: 10px 15px 10px 15px;
	font-weight: 600;
	font-size: 16px !important;
}

.lk__header .avia-button.avia-color-light:hover, .lk__button-sektion-dunkel .avia-button:hover {
	background-color: #fff !important;
	opacity: 1;
	color: var(--lk-main-color) !important;
}

.lk__header .avia-button.avia-color-theme-color-highlight {
	background-color: var(--lk-highlight-color) !important;
	border-color: var(--lk-highlight-color) !important;
	opacity: 1;
	color: #fff !important;
}

.lk__header .avia-button.avia-color-theme-color-highlight:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	opacity: 1;
	color: var(--lk-main-color) !important;
}

.av-main-nav .avia-menu-text {
	font-weight: 500;
	font-size: 16px !important;
}

.lk__zitat h2.av-special-heading-tag {
	position: relative;
	display: inline;
	background-color: var(--lk-main-color);
	-webkit-box-shadow: 10px 0 0 var(--lk-main-color), -10px 0 0 var(--lk-main-color);
  	-moz-box-shadow: 10px 0 0 var(--lk-main-color), -10px 0 0 var(--lk-main-color);
  	box-shadow: 10px 0 0 var(--lk-main-color), -10px 0 0 var(--lk-main-color) !important;
	box-decoration-break: clone;
	color: #fff;
	text-transform: none !important;
	font-size: 58px !important;
	line-height: 76px !important;
}

.lk__zitat h2.av-special-heading-tag::before {
	content: "»";
	color: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 100px !important;
	transform: translateX(-70%) translateY(-60%);
	margin-top: -10px;
	font-weight: bold;
}

/*.lk__zitat h2.av-special-heading-tag::after {
	content: "«";
	color: #fff;
	position: absolute;
	bottom: auto;
	top: auto;
	font-size: 58px !important;
	transform: translateX(-80%);
	font-weight: bold;
}*/

.lk__zitat .av-subheading_below {
	position: absolute;
	right: 10%;
	margin-top: 0px;
	background-color: #fff;
	font-weight: bold;
	font-size: 20px !important;
	padding: 8px 15px;
	border-radius: 3px;
	color: var(--lk-light-black) !important;
}

.lk__zitat .av-subheading_below::before {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #fff;
	position: absolute;
	transform: rotate(45deg);
	top: -6px;
	left: 10px;
}

.lk__leistung-kachel {
	position: relative;
	transition: all .3s ease-in-out;
	z-index: 2 !important;
	border-radius: 16px !important;
	padding-bottom: 60px !important;
}

.lk__leistung-kachel:hover {
	transform: scale(1.03);
	box-shadow: 0px 0px 25px rgba(0,0,0,.3) !important;
}

.lk__leistung-kachel::before {
	content:"";
	display: block;
	visibility: visible;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 16px !important;
	background: linear-gradient(45deg, var(--lk-main-color), var(--lk-highlight-color)) !important;
}

.lk__leistung-kachel .avia-image-container {
	position: absolute;
	top: 5%;
	transition: all .3s ease-in-out;
	z-index: -2 !important;
}

.lk__leistung-kachel:hover .avia-image-container {
	transform: translateY(-100%);
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
	overflow: hidden;
	transition: all .3s ease-in-out;
}

.lk__leistung-kachel:hover .avia-image-container {
	box-shadow: 0px 0px 25px rgba(0,0,0,.3) !important;
}

.lk__leistung-kachel .av_textblock_section, 
.lk__leistung-kachel .av-special-heading {
	position: relative;
	padding: 0px 30px;
	z-index: 2;
}

.lk__leistung-kachel .lk__more-button {
	position: absolute !important;
	bottom: 0% !important;
	background-color: #ffffff !!important;
	color: var(--lk-main-color) !important;
	border-radius: 0px !important;
	font-size: 16px !important;
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
	width: 100%;
}

.lk__leistung-kachel .lk__more-button .avia-button.avia-color-theme-color {
	border-radius: 0px !important;
	font-size: 16px !important;
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
	transition: all .3s ease-in-out;
	margin-bottom: -1px !important;
}

.lk__leistung-kachel:hover .lk__more-button .avia-button.avia-color-theme-color {
	border-radius: 0px !important;
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
	background-color: var(--lk-highlight-color) !important;
}

.lk__leistung-kachel:hover .avia_button_background {
	border-radius: 0px !important;
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
}

.lk__maschinenkachel {
	border-radius: 15px !important;
	overflow: hidden !important;
}

.form_element input[type=submit] {
	padding: 10px 15px !important;
	border: none !important;
	border-radius: 24px !important;
	float: right;
}

.form_element input[type=submit]:hover {
	background-color: var(--lk-highlight-color) !important;
}

.lk__hint {
	border-radius: 20px !important;
}

.lk__hint .avia_message_box_content {
	text-align: left !important;
	text-transform: none !important;
}

.lk__hint .avia_message_box_content a {
	color: #fff !important;
	text-decoration: underline !important;
}

.lk__animated-number--half {
	width: 49% !important;
	display: inline-block !important;
	min-width: 250px !important;
}

.lk__animated-number--half .avia-single-number {
	font-family: 'playfair-display',Helvetica,Arial,sans-serif;
	font-weight: bold !important;
}

.current-menu-item > a > .avia-menu-text {
	color: var(--lk-main-color) !important;
}

.trail-before {
	display: none !important;
}

/* Accessibility-Optimization */
*:focus-visible, .avia-link-column:has(a.av-screen-reader-only:focus-visible) {
	outline: 3px solid var(--lk-highlight-color) !important;
	outline-offset: 2px !important;
}

@media screen and (max-width: 767px) {
	.responsive #top #main {
		/* Margin top value should be equal to header height*/
		margin-top: 120px;
	}
	.responsive #top #wrap_all #header {
		position: fixed;
	}
	
	.header-scrolled-full .logo svg {
		padding: 0px !important;
	}
	
	#header_meta {
		color: #fff !important;
	}
	
	.av_header_transparency .logo .st0 {
		fill: #868686 !important;
	}
	
	.logo svg {
		padding: 8px 0px !important;
	}
	
	.av-burger-menu-main:hover .av-hamburger-inner, .av-burger-menu-main:hover .av-hamburger-inner::before, .av-burger-menu-main:hover .av-hamburger-inner::after {
		background: var(--lk-main-color) !important;
	}
	
	.av-hamburger.is-active .av-hamburger-inner, .av-hamburger.is-active .av-hamburger-inner::before, .av-hamburger.is-active .av-hamburger-inner::after {
		background: #969696 !important;
	}
	
	.av-special-heading h1.av-special-heading-tag {
		font-size: 48px !important;
	}

	.av-special-heading-h1 .av-subheading_below {
		font-size: 23px !important;
	}

	.av-special-heading h2.av-special-heading-tag {
		font-size: 36px !important;
	}

	.av-special-heading h3.av-special-heading-tag {
		font-size: 28px !important;
	}
	
	.lk__header-person img {
		margin-bottom: -70px !important;
	}
	
	.lk__header h1.av-special-heading-tag, .lk__header .av-special-heading .av-subheading_below, .lk__header .avia-buttonrow-wrap {
		text-align: center !important;
	}
	
	.lk__header-person {
		height: 70vh !important;
	}
	
	.lk__leistung-kachel {
		overflow: hidden !important;
		margin-bottom: 60px !important;
	}
	
	.lk__leistung-kachel .avia-image-container {
		position: relative !important;
		z-index: 0 !important;
		border-top-left-radius: 16px !important;
		border-top-right-radius: 16px !important;
	}
	
	.lk__leistung-kachel:hover .avia-image-container {
		transform: none !important;
		box-shadow: none !important;
	}
	
	.lk__zitat h2.av-special-heading-tag {
		line-height: 48px !important;
	}
	
	#footer-page .entry-content-wrapper {
		text-align: center !important;
	}
	
	#footer-page .lk__svg-small {
		float: none !important;
		display: inline-block !important;
	}
	
	#footer-page .lk__mobile-center {
		display: inline-block !important;
		float: none !important;
		margin-bottom: 20px !important;
	}
	
	#footer-page .lk__mobile-center.lk__mobile-center-right {
		padding-left: 40px !important;
	}
	
	.avia-image-container {
		margin-left: 0px !important;
	}
	
	.lk__horizontal-scroll {
		overflow-y: scroll !important;
	}
	
	.lk__horizontal-scroll .flex_column_table {
		overflow: visible;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		column-gap: 5vw !important;
	}
	
	.lk__horizontal-scroll .flex_column_table .flex_column {
		display: inline-block !important;
		min-width: 80vw !important;
	}
	
	.lk__horizontal-scroll .flex_column_table .flex_column:last-of-type {
		margin-right: 30px !important;
	}
	
	.lk__horizontal-scroll .flex_column_table .av-flex-placeholder {
		display: inline-block !important;
	}
	
	.lk__sektion-halb .av-parallax {
		position: relative;
		display: block;
		transform: none !important;
		height: 500px !important;
		margin-bottom: -80px !important;
	}
	
	.lk__sektion-halb .av-parallax-inner {
		width: 100% !important;
	}
	
	.lk__mobile-center {
		text-align: center !important;
	}
	
	.lk__maschinenkachel {
		width: 44% !important;
		float: left !important;
		margin-right: 6% !important;
	}
	
	.lk__maschinenkachel:nth-child(even) {
		margin-right: 0% !important;
	}
	
	.st0 {
		fill: #868686 !important;
	}
	
	.lk__sektion-halb .active-parallax {
		position: relative !important;
	}
	
	.av-equal-height-column-flextable:has(.lk__leistung-kachel) {
		margin-top: 0px !important;
	}
	
	.lk__animated-number--half {
		width: 100% !important;
		margin-bottom: 30px;
		min-width: auto !important;
	}
}

@media only screen and (max-width: 568px) {
	#header_meta {
		display: none !important;
	}
	
	.responsive #top #main {
		margin-top: 80px;
	}
}