/*
	 ___ ___   _         _         
	| | | . |_| |___ ___|_|___ ___ 
	|_  | . | . | -_|_ -| | . |   |
	  |_|___|___|___|___|_|_  |_|_|
	                      |___|    
					  
// UTF-8[ñ] //

 Theme Name:   Hättig & Partner
 Theme URI:    https://www.haettig-partner.de
 Description:  Theme for HÄTTIG & PARTNER based on enfold
 Author:       Fabian Groß
 Author URI:   http://www.48design.de
 Template:     enfold
 Version:      2.0
 License:      -
 License URI:  -
 Tags:         haettig, enfold
 Text Domain:  haettig-partner
*/

.responsive .logo svg {
	padding: 0.75rem 0;
}

.header_color .main_menu ul:first-child>li.current-menu-item>a,
.header_color .main_menu ul:first-child>li.current_page_item>a {
	color: var(--enfold-main-color-primary);
	font-weight: 700;
}

/* menu */
#header_main .av-main-nav>li>a {
	font-size: 100%;
	font-weight: normal;
	transition: color 0.25s ease-in-out;
}

.av-main-nav ul {
	width: fit-content;
}

#header .main_menu ul:first-child>li.menu-item-has-children>a::after {
	display: inline-block;
	content: "▾";
	font-size: inherit;
	margin-left: 0.33rem;
}

#top .av-main-nav ul a {
	font-size: 16px;
}

.html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child {
	display: flex;
	width: 100%;
	justify-content: space-around;
}

.av-main-nav>li>a {
	padding: 0 1.5rem;
}

#top .av_header_transparency .avia-menu-fx,
.av_minimal_header .avia-menu-fx {
	display: inline;
	height: 3px;
	bottom: 0;
}

#top .av-menu-button>a .avia-menu-text {
	border-radius: 5px;
	color: var(--enfold-main-color-primary);
}

/* Header */
.avia-section.hero .container {
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 5%, rgba(255, 255, 255, 0.0));
}

/* Intro */
#intro-logo-huge {
	width: 90vw;
	height: auto;
}

#intro-logo-huge .avia-image-container-inner {
	width: 100%
}

#intro-logo-huge img {
	width: 100%;
}

#intro-logo-huge a:hover .image-overlay {
	display: none !important;
}

#top .intro-row {
	background: var(--enfold-main-color-primary);
}

#top .intro-row .iconbox .iconbox_icon.avia-svg-icon {
	top: -1.5rem;
	width: 3rem;
	height: 3rem;
	font-size: 3rem;
}

.av-special-heading:is(.av-special-heading-h1,
	.av-special-heading-h2,
	.av-special-heading-h3) {
	--line-color: var(--enfold-main-color-primary);
	--line-width: 48px;
	--line-height: 2px;
	--line-gap: 12px;
}

body .av-special-heading .av-special-heading-tag {
	text-transform: none !important;
	overflow-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}

.av-subheading {
	text-transform: uppercase;
}

.av-special-heading .av-subheading_above {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--line-gap);
	width: fit-content;
	margin-bottom: 18px;
	padding-bottom: 12px;
}

.av-special-heading .av-subheading_above p {
	margin: 0;
}

.av-special-heading .av-subheading_above::after {
	content: "";
	width: var(--line-width);
	height: var(--line-height);
	flex-shrink: 0;
	background: var(--line-color);
}

.av-special-heading .av-subheading_above::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: var(--line-width);
	height: var(--line-height);
	background: var(--line-color);
}

.av-special-heading .special-heading-border {
	display: none;
}

/* content */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

.av-column-link {
	position: relative;
	padding-right: 80px !important;
}

.av-column-link::after {
	content: "➜";
	position: absolute;
	top: 50%;
	right: 28px;
	transform: translateY(-50%);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 32px;
	height: 80%;
	color: var(--enfold-main-color-primary);
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: 300;
	line-height: 1;
	pointer-events: none;
	visibility: visible;
	transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.av-column-link:hover::after {
	opacity: 0.75;
}

.iconbox .iconbox_content h2.iconbox_content_title,
.iconbox .iconbox_content h3.iconbox_content_title {
	text-transform: none;
}

@media (max-width: 767px) {
	.av-column-link {
		padding-right: 65px !important;
	}

	.av-column-link::after {
		right: 15px;
		width: 36px;
		height: 36px;
		font-size: 19px;
	}

	#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
		margin-top: 0;
	}

	.responsive #top #wrap_all .flex_column.av_one_third.first {
		margin-top: 2rem;
	}

	.flex_column.av-align-middle .avia-button-center {
		text-align: left;
	}

	#top #wrap_all .flex_column.avia-link-column {
		padding: 1.5rem;
	}
}

.av-layout-grid-container.icon-row {
	background: #fff;
}

.av-layout-grid-container.icon-row .flex_cell_inner {
	display: flex;
	justify-content: center;
}

/* breadcrump shortcode */
.breadcrump-nav span.trail-before {
	display: none !important;
}

.breadcrump-nav .breadcrumb-trail {
	font-size: small;
}

.main_color .breadcrump-nav .breadcrumb a {
	color: var(--enfold-main-color-primary);
}

.breadcrump-nav .sep {
	width: auto;
}

.av-content-full:has(.breadcrump-nav) {
	padding: 0.5rem 0 0 0;
}

.avia-button.avia-size-x-large .avia_iconbox_title {
	font-weight: bold;
	font-size: initial;
}

.subpage-overview-box {
	border-width: 1px;
    border-color: #eeeded;
    border-style: solid;
    padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    background-color: #ffffff;
}

.subpage-overview-box .av-special-heading {
	margin-top: 0;
}
@media only screen and (max-width: 767px) {
	.subpage-overview-box .hr {
		display: none;
	}
}

/* contact */
#top .main_color .input-text,
#top .main_color input[type='text'],
#top .main_color input[type='input'],
#top .main_color input[type='password'],
#top .main_color input[type='email'],
#top .main_color input[type='number'],
#top .main_color input[type='url'],
#top .main_color input[type='tel'],
#top .main_color input[type='search'],
#top .main_color textarea,
#top .main_color select {
	background: var(--enfold-alternate-color-bg);
	color: var(--enfold-main-color-color);
}

/* footer/socket */
#footer .av-special-heading:is(.av-special-heading-h1,
	.av-special-heading-h2,
	.av-special-heading-h3) {
	--line-color: var(--enfold-footer-color-border);
}

#socket {
	font-size: 14px;
}

#socket .container {
	padding-bottom: 0;
}

#socket .av_inherit_color a {
	text-decoration: none;
}

#socket .av_inherit_color a:hover,
#socket .av-list-menu-wrap .av-list-menu-list a:hover {
	text-decoration: underline;
}

#socket .av-iconlist-small .iconlist_icon {
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	margin-left: 0;
	margin-right: 1rem;
}

#socket .av-iconlist-small .iconlist_icon svg:first-child {
	width: 100%;
	height: 100%;
	margin-top: 0;
}

#socket .av-iconlist-small .iconlist_content p:first-child {
	margin: 0;
}

.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-hide-notification,
.avia-popup .avia-cookie-consent-button.avia-cookie-hide-notification {
	color: #000 !important;
}