/*
Theme Name: H. Gohl GmbH
Description: Autoteile und Ersatzteile
Template: themify-ultra
Author: grobc (carsten.grob@gmail.com)
*/

/* Woohoo! Let's customize! */
#headerwrap .social-widget, #mobile-menu:not(.sidemenu-on) .tb_layout_part_wrap {
	display: none;
}
#headerwrap {
	border-bottom: 1.5px rgba(255, 255, 255, 0.4) solid;
}
#headerwrap:before {
	webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	background: rgba(255, 255, 255, 0.28);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 0;
}
#header {
	padding: 0;
}
#content {
	padding-top: 0;
}
.content_header {
	padding: 5% 30px;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5%;
}
.content_header:before{
	background-color: var(--content_header);
}
body:not(.home) .header-widget-full, .mobile_menu_active .sidemenu, :root :where(.wp-element-button, .wp-block-button__link), .social-links .icon-small em, button {
	background-color: var(--blue);
}
.mobile_menu_active #menu-icon:hover, #menu-icon-close.tf_close:hover, .builder_button.blue:hover, button:hover {
	background-color: var(--theme_accent_hover);
}
body.home .header-widget-full {
	background: none;
}
.header-widget-full .module-icon .module-icon-item em, #menu-icon-close, :root :where(.wp-element-button, .wp-block-button__link):hover, .social-links .icon-small em, #menu-icon-close.tf_close:hover:after, #menu-icon-close.tf_close:hover:before, .social-links .icon-small em:hover {
	color: var(--blue);
	background-color: var(--white);
}
body:not(.home) #main-nav .current_page_item > a, body:not(.home) #main-nav .current-menu-item > a, body:not(.home) #main-nav a:hover, .module .sp-button:hover, .blau {
	color: var(--blue);
}
.header-widget-full .module-icon span:hover, .header-widget-full .module-icon .module-icon-item em:hover, .mobile_menu_active .sidemenu .module-icon.icon_horizontal span:hover, #footerwrap a:hover, .social-links .icon-small em:hover {
	color: var(--theme_accent_hover);
}
.content_header h1, .content_header h2, .content_header h3, .content_header h4, .content_header h5, .content_header h6, .content_header, #footerwrap a, .mobile_menu_active #menu-icon {
	color: var(--white);
}
body.home:not(.mobile_menu_active) #main-nav a {
	text-shadow: 1px 1px 1px #000;
}
body:not(.home) #main-nav a {
	border-bottom: 2px solid #FFF;
}
.module .sp-selected-button {
	border-color: var(--white);
}
.blue_shadow a{
	-webkit-filter: drop-shadow(30px 30px 0px var(--blue));
}
.blue_shadow:hover a{
	-webkit-filter: drop-shadow(30px 30px 0px var(--content_header));
}
.home .leistungen h3 {
	-webkit-text-stroke: 1px var(--theme_accent_hover);
}
#footerwrap a {
	text-decoration: underline;
}
body.home:not(.mobile_menu_active) #main-nav a:hover, body:not(.home):not(.mobile_menu_active) #main-nav a:hover {
	text-shadow: 1px 1px 1px #FFF;
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a, body:not(.home) #main-nav .current_page_item > a, body:not(.home) #main-nav .current-menu-item > a, body.home #main-nav a:hover, body:not(.home) #main-nav a:hover {
	border-bottom: 2px solid var(--theme_accent_hover);
}
.social-links .icon-small em {
	align-self: baseline;
	display: inline-flex;
	font-size: var(--tb_mi_f,16px);
	line-height: 0;
	margin-top: calc(var(--tb_mi_size)/9);
	min-height: var(--tb_mi_size,auto);
	min-width: var(--tb_mi_size,auto);
	padding: .5em;
	place-content: center;
}
body:not(.mobile_menu_active) .header-widget .col4-2 {
	width: 28.4%;
}
body:not(.mobile_menu_active) .header-widget .col4-2.first {
	width: 68.4%;
}
.content_header p {
	font-size: 1.4em;
}
#site-logo {
	margin: .2em .7em .1em 0;
}
#menu-icon {
	margin-top: 28px;
}
body.home #site-logo a img {
	filter: drop-shadow(0 0 1px #FFF);
}
.sp-slide-text {
	align-content: center;
}
:root :where(.wp-element-button, .wp-block-button__link) {
	padding-top: 0;
	padding-bottom: 0;
}
.header-widget-full .layout-parts {
	width: 100%;
}
.header-widget-full input:read-write {
	padding: 0.2em 0.6em;
	margin: 0;
}
.mobile-menu-visible .main-nav, .mobile_menu_active .sidemenu .navbar-wrapper, .mobile_menu_active .sidemenu #main-nav a, .mobile-menu-visible .main-nav, .mobile_menu_active .sidemenu .module-icon.icon_horizontal, .mobile_menu_active .sidemenu .themify-social-links {
	text-align: center;
}
@media (min-width: 681px) {
	.footer-left-col .main-col {
		width: 32.6%
	}
	.footer-left-col .section-col {
		width: 64.2%
	}
}
@media (max-width: 680px) {
	#footer {
		text-align: center;
	}
	#footer .module-icon-item {
		justify-content: center;
	}
}