@charset "UTF-8";

/*
* by Cedric Esser
* © Resch & Partner, Winnenden | https://www.reschundpartner.de
* Customer: Funk Ingenieure
*/

/*
==============
General styles
==============
*/

:root {
	--color-white: var(--awb-color1); /* #fff */
	--color-light-gray: var(--awb-color2); /* #f7f8f9 */
	--color-blue: var(--awb-color3); /* #00528c */
	--color-red: var(--awb-color4); /* #e30613 */
	--color-gray: var(--awb-color5); /* #dadada */
	--color-black: var(--awb-color6); /* #000 */
	--font-weight-bold: 700;
}

@media screen and (max-width: 767px) {
	:root {
		--container_padding_100_right: 24px;
		--container_padding_100_left: 24px;
		--container_padding_default_left: 24px;
		--container_padding_default_right: 24px;
		--container_padding_100_top: 80px;
		--container_padding_100_bottom: 56px;
		--container_padding_default_top: 80px;
		--container_padding_default_bottom: 56px;
		--col_margin-bottom: 24px;
		--awb-typography4-font-size: 18px;
	}

	.fusion-layout-column {
		--awb-margin-bottom-large: 24px !important;
	}
}

*::-moz-selection {
	background-color: var(--color-blue);
	color: var(--color-white);
}

*::selection {
	background-color: var(--color-blue);
	color: var(--color-white);
}

body {
	margin-bottom: 0 !important;
}

img[src$=".svg"] {
	width: 100%;
	height: auto;
}

.fusion-imageframe {
	width: 100%;
}

b,
strong {
	font-weight: var(--font-weight-bold);
}

.fusion-fullwidth.video-background[data-bg] {
	background-size: cover;
}

.post-content p {
	margin-bottom: 24px;
}

.fusion-text > h1,
.fusion-text > h2,
.fusion-text > h3,
.fusion-text > h4,
.fusion-text > h5,
.fusion-text > h6 {
	color: inherit;
}

.h100 {
	height: 100%;
}

/*
======
Header
======
*/
#header nav a[href="#"] {
	pointer-events: none;
}

#header .mm-custom .fusion-column-has-link:hover .fusion-imageframe img {
	transform: scale(1.1);
}

#header .mm-custom .fusion-column-has-link:hover .fusion-title .fusion-responsive-typography-calculated {
	color: var(--color-red);
}

#header .no-active:not(:hover) > a {
	color: var(--awb-submenu-color) !important;
}

#header .fusion-portfolio-content-wrapper .fusion-portfolio-content,
#header .fusion-portfolio-content-wrapper .fusion-portfolio-content .entry-title {
	margin-bottom: 0;
}

#header.header-transparent:not(.fusion-sticky-transition) {
	background: var(--color-black);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 99%);
}

#header.header-transparent.fusion-sticky-transition,
#header.header-transparent .awb-menu__mega-wrap {
	--link_color: var(--color-black) !important;
}

#header.header-transparent.fusion-sticky-transition .menu-item {
	--awb-color: var(--color-black) !important;
}

/*
======
Footer
======
*/
#footer .awb-menu__main-li {
	margin-left: 0;
	margin-right: var(--awb-gap);
}

#footer .awb-menu__main-li:nth-last-child(2) {
	margin-inline-end: 8px;
}

#footer .awb-menu__main-li:last-child {
	margin-inline-start: 0;
}

/*
========
Formular
========
*/
form abbr {
	text-decoration: none;
	color: var(--color-red);
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label:before,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked + label:after {
	top: 14px;
}

/*
======
Slider
======
*/
#main .flex-control-paging li a {
	background: var(--color-white);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	width: 14px;
	height: 14px;
}

#main .flex-control-paging li a:hover,
#main .flex-control-paging li a.flex-active {
	background: var(--color-red);
}

/*
==============
Slide-in-Panel
==============
*/
#sip {
	transition: right ease-out 0.2s;
	position: fixed;
	top: 144px;
	right: -100%;
	width: 100%;
	max-width: 100%;
	overflow-y: auto;
	background-color: var(--color-white);
	border: 2px solid var(--color-blue);
	z-index: 99;
}

@media screen and (min-width: 768px) {
	#sip {
		top: 135px;
		right: -75%;
		width: 75%;
	}
}

@media screen and (min-width: 1025px) {
	#sip {
		top: 200px;
	}
}

@media screen and (min-width: 1300px) {
	#sip {
		right: -700px;
		width: 700px;
	}
}

#sip.show {
	right: 0;
}

#sip .sip-close {
	position: absolute;
	right: 25px;
	top: 40px;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	padding: 5px;
	z-index: 99;
}

@media screen and (max-width: 1024px) {
	#sip .sip-close {
		right: 20px;
	}
}

#sip .sip-close::before {
	transition: transform ease-out 0.2s;
	transform: rotate(0);
	transform-origin: center;
	content: "\f057";
	font-family: "Font Awesome 5 Free";
	font-weight: 300;
	font-size: 18px;
	color: var(--color-blue);
	display: block;
}

#sip .sip-close:hover::before {
	color: var(--color-black);
	transform: rotate(180deg);
}

#sip .fusion-title p {
	margin-top: 0;
}

/*
==========
Pivacy-Bar
==========
*/
.fusion-privacy-bar {
	max-height: 100%;
	z-index: 999999;
}

@media screen and (max-width: 767px) {
	.fusion-privacy-bar .fusion-privacy-bar-main {
		flex-wrap: wrap;
	}

	.fusion-privacy-bar .fusion-privacy-bar-main > span {
		margin-bottom: 15px;
	}

	.fusion-privacy-bar .fusion-button {
		margin-top: 10px !important;
	}
}

/*
=======================
Impressum & Datenschutz
=======================
*/
.page-impressum p ~ h2,
.page-datenschutz p ~ h2 {
	margin-top: 50px;
}

.page-impressum h3,
.page-datenschutz h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

/*
============================
Google Review: Custom Styles
============================
*/
#boxed-wrapper .wp-gr .wp-google-wr a {
	background: var(--color-blue) !important;
}

/*
=================
Lightbox stylings
=================
*/
.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title {
	text-align: center;
}

/*
=========
Portfolio
=========
*/
#wrapper #main .fusion-fullwidth[style*="--awb-background-color"] .fusion-portfolio-content > h2.fusion-post-title {
	color: var(--color-white);
}

#wrapper
	#main
	.fusion-fullwidth[style*="--awb-background-color"]
	.fusion-portfolio-content
	> h2.fusion-post-title
	a:not(:hover) {
	color: inherit;
}

/*
=============================
Floating Widget: Fast Contact
=============================
*/
.floating-widget {
	position: fixed;
	bottom: 50px;
	right: 30px;
	z-index: 999;
}

#fastContact .fontawesome-icon {
	display: block;
	margin-right: 0;
	height: 48px;
	width: 48px;
	line-height: 44px;
}

#fastContact .sip-open {
	display: none;
}

#fastContact .fusion-column-wrapper {
	position: relative;
}

#fastContact .fusion-fa-align-center {
	position: absolute;
	bottom: 1px; /* Hide behind the size of the fc-mobile-trigger element */
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.2s ease-out;
}

#fastContact .fusion-fa-align-center.expanded-1 {
	transform: translateY(-315%);
}

#fastContact .fusion-fa-align-center.expanded-2 {
	transform: translateY(-215%);
}

#fastContact .fusion-fa-align-center.expanded-3 {
	transform: translateY(-115%);
}

#fastContact .fc-mobile-trigger {
	z-index: 2; /* Ensure the trigger is above the icons */
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.24);
}

@media screen and (min-width: 1600px) {
	#fastContact .fusion-fa-align-center {
		position: relative;
		bottom: auto;
	}

	#fastContact .fc-mobile-trigger {
		display: none;
	}
}