/*
Theme Name: Enfold Child
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:*/
:root {
	--rl__color-white: #ffffff;
	--rl__color-lightgrey: #f2f2f2;
	--rl__color-anth: #3b3b3b;
	--rl__color-green: #30a03f;
	--rl__color-blue: #88c1ad;
	--rl__color-bbu1: #e3151d;
	--rl__color-bbu2: #087341;
	--rl__color-treffler1: #084068;
	--rl__color-treffler2: #086952;
	--rl__color-oms1: #f9c94d;
	--rl__color-oms2: #FA974D;
}

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

.logo svg {
	width: 120px;
	height: 55px !important;
	padding: 5px 0px;
}

.logo svg .st0 {
        fill: var(--rl__color-anth);
}

.av_header_transparency  .logo svg .st0 {
        fill: var(--rl__color-white);
}

h1.av-special-heading-tag {
	text-transform: none !important;
	font-weight: 700 !important;
	font-size: 3.3em !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;
}

h2.av-special-heading-tag {
	text-transform: none !important;
	font-weight: 700 !important;
	font-size: 2.4em !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;
}

h3.av-special-heading-tag {
	text-transform: none !important;
	font-weight: 700 !important;
	font-size: 2em !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;
}

.rl__header::before {
   content: "";
   display: block;
   height: 150px;
   width: 100%;
   position: absolute;
   top: 0%;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
}

.avia-color-light {
   background-color: rgba(255, 255, 255, 1) !important;
   color: #30a03f !important;
   border: 0px solid transparent !important;
   border-radius: 0px !important;
   opacity: 1 !important;
   transition: all 0.3s ease-out;
}

.avia-color-light:hover {
   background-color: rgba(255, 255, 255, .7) !important;
}

.avia-color-theme-color {
   border-radius: 0px !important;
   border-bottom: 0px !important;
   transition: all .3s ease-out;
}

.avia-color-theme-color:hover {
   transform: scale(1.05);
}

.form_element input[type=submit]:hover {
   border-color: var(--rl__color-green) !important;
}

.avia-menu .avia-menu-text {
   font-weight: normal;
   font-size: 16px !important;
}

.av_header_transparency .logo svg {
   width: 250px !important;
   max-height: auto !important;
   height: 100% !important;
   margin-top: 0px !important;
}

.current-menu-item .avia-menu-fx {
   display: block;
   width: 8px !important;
   height: 8px !important;
   background: linear-gradient(45deg, var(--rl__color-green), var(--rl__color-blue));
   border-radius: 100%;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom: 9px;
}

.current-menu-item:hover .avia-menu-fx {
   display: block;
   width: 100% !important;
   height: 3px !important;
   border-radius: 0%;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom: 9px;
}

.menu-item:hover .avia-menu-fx {
   display: block;
   width: 100% !important;
   height: 3px !important;
   border-radius: 0%;
   background: linear-gradient(45deg, var(--rl__color-green), var(--rl__color-blue));
   left: 50%;
   transform: translateX(-50%);
   margin-bottom: 9px;
}

.av_header_transparency .avia-menu-fx {
   opacity: 0 !important;
}

.rl__header--neu {
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.rl__partner {
	background-color: var(--rl__color-lightgrey) !important;
	border-radius: 24px;
	padding: 30px !important;
	overflow: hidden;
}

.rl__partner:hover::after {
	opacity: 1;
}

.rl__partner:hover * {
	color: var(--rl__color-white) !important;
}

.rl__partner::after {
	content: "";
	position: absolute;
	display: block;
	visibility: visible;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	transition: all .3s ease-in-out;
}
	
.rl__partner--bb-umwelttechnik::after {
	background: linear-gradient(45deg, var(--rl__color-bbu1), var(--rl__color-bbu2) );
}

.rl__partner--treffler::after {
	background: linear-gradient(45deg, var(--rl__color-treffler1), var(--rl__color-treffler2) );
}

.rl__partner--oms::after {
	background: linear-gradient(45deg, var(--rl__color-oms1), var(--rl__color-oms2) );
}

.rl__svg img {
	width: 999px;
	max-width: 100%;
}

.rl__partner .rl__svg img {
	width: 999px;
}

.rl__partner .rl__svg img, .rl__partner .rl__logo-partner img {
	max-width: 250px;
}

.rl__partner-bild * {
	color: var(--rl__color-white) !important;
}

.rl__partner-bild::before {
	content:"";
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: visible;
	display: block;
	background: linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,0));
	opacity: 1;
	z-index: -1;
	transition: all .3s ease-in-out;
}

.rl__partner-bild:hover::before {
	opacity: 0;
}

.rl__logo-partner--oms img {
	max-width: 180px !important;
}

.rl__logo-partner--treffler img {
	max-width: 300px !important;
}

.avia_ajax_form .form_element .text_input, .avia_ajax_form .form_element .text_area {
	border-radius: 30px !important;
}

.avia_ajax_form .form_element .button, .avia-button {
	border-radius: 100vh !important;
	padding: 12px 30px !important;
	background-color: var(--rl__color-green) !important;
	border-width: 0px !important;
	font-size: 1em !important;
	transition: all .3s ease-in-out;
}

.avia-button.avia-color-light {
	background-color: var(--rl__color-white) !important;
}

.avia_ajax_form .form_element .button:hover, .avia-button:hover {
	color: var(--rl__color-white) !important;
	background-color: var(--rl__color-blue) !important;
}

@media screen and (max-width: 767px) {
   #scroll-top-link {
      display: block !important;
   }
	
	
	h1.av-special-heading-tag {
		font-size: 2.2em !important;
	}

	h2.av-special-heading-tag {
		font-size: 1.8em !important;
	}
	
	h3.av-special-heading-tag {
		font-size: 1.5em !important;
	}
	
	.rl__partner-bild, .rl__partner {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-end !important;
	}
}