/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Falls man den Header fixed und immer sichtbar haben möchte braucht man das */
.ehf-header #masthead {
    z-index: 900;
}

/* Wenn der Header sticky animieren soll (muss dazu aber im Elementor-Header als Sticky eingestellt sein) - Beispiel bei Mayer Verputz */


#header,
#header .logo img, #header .logo-icon img {
	transition: all .4s ease;
}
#header {
	width: 100% !important;
}

/*body.home #header {
	position: fixed;
    width: 100%;
    top: 0;
}*/

body.scrolled #header {
	background-color: rgba(255,255,255,1);
	backdrop-filter: blur(10px);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
body.scrolled #header .logo img {
	width: 120px;
}

body.scrolled #header .logo-icon img {
	width: 65px;
}



/* Falls ein Burgernav benötigt wird - Beispiel bei Blickfang 360 --> in den Klassen steht das bf- für BlickFang ... das bitte anpassen */
/*

.bf-menu-container {
    width: 51px;
    padding: 5px 0;
}
.bf-menu-container div {
    background-color: #707070;
    margin: 10px 0;
    height: 2px;
    transition: all .4s ease;
}
.bf-menu-container:hover {
    cursor: pointer;
}
.bf-menu-container div:nth-child(2) {
    width: 80%;
}
.bf-menu-container:hover div:nth-child(2) {
    width: 100%;
}

.bf-menu-container.clicked div:nth-child(1) {
    transform: rotate(30deg) translateY(7.5px);
}
.bf-menu-container.clicked div:nth-child(2) {
    transform: rotate(-30deg) translateY(-6px);
    width: 100%;
}

.overlay-navigation {
    position: fixed;
    z-index: 999;
    top: calc(-100vh - 200px);
    min-height: 75vh;
    width: 100vw;
    transition: all .8s ease;
    transform: scale(.3);
    opacity: .7;
}
body.elementor-editor-active .overlay-navigation {
    position: relative;
    top: auto;
    opacity: 1;
    transform: scale(1);
}
.overlay-navigation.active {
    top: 0;
    transform: scale(1);
    opacity: 1;
}

*/

.blur {
	backdrop-filter: blur(10px);
}

.invert p,
.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6,
.invert a,
.invert span {
    color: #fff !important;
}

.subheading {
    font-weight: 700;
    color: #000;
    font-size: 20px;
}


.elementor-field-type-acceptance .elementor-field-option {
	font-size: .8em;
	line-height: 1.4em;
}

/* Span_Text mit Trennlinie (.with-line) */
.with-line .elementor-heading-title {
    position: relative;
    display: inline-flex;     /* wichtig: damit Linie sauber daneben steht */
    align-items: center;      /* vertikale Ausrichtung */
    	color: #333;
}

.with-line .elementor-heading-title::after {
    content: "";
    display: inline-block;
    height: 1px;              /* gewünschte Strichstärke */
    width: 40px;                 /* Startbreite */
	background-color: var(--ast-global-color-0);
    margin-left: 6px;         /* Abstand zwischen Text und Linie */
    transition: width 0.3s ease, background-color 0.3s ease;
}

/* Hover-Farbe */
.with-line .elementor-heading-title:hover {
    color: #333333;
}
.invert .with-line a:hover {
    color: var(--ast-global-color-0);
}

/* Linie fährt rechts aus */
.with-line .elementor-heading-title:hover::after {
    width: 18px;
}

.invert .with-line .elementor-heading-title::after {
	background-color: #fff;
}


.custom-trenner {
  position: relative; /* falls du später positionieren willst */
}

.custom-trenner::before {
	margin-top: 25px;
	margin-left: 3px;
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	/* harter Übergang bei exakt 80% */
	background: linear-gradient(
		to right,
		var(--ast-global-color-0) 0,
		var(--ast-global-color-0) 80%,
		#fff 80%,
		#fff 100%
  );
  /* optional: mittig ausrichten */
  /*margin: 0 auto;*/
}

/* ToDo: Relevanssi Styles nachrüsten */

/* Robert */
.acc-container .acc-hover img,
.acc-container .acc-hover-slide-out,
.acc-container .add-acc-chevron:after {
	transition: all .8s ease;
}

.acc-container .acc-hover {
	overflow: hidden;
}
/*
.acc-container .acc-hover-slide-out {
	bottom: -140px !important;
	pointer-events: none;
}
*/

.acc-container .add-acc-chevron {
	position: relative;
}
.acc-container .add-acc-chevron:after {
	content: "\f054";
	position: absolute;
	right: 0;
	top: 0;
	/*transform: translateY(-50%);*/
	color: #fff;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	
}

/*dunkles Gold für hover-conatiner*/
.acc-hover-slide-out {
	background-color: var(--ast-global-color-8) !important;
}

.acc-container .acc-hover:hover .acc-hover-slide-out {
	bottom: 0 !important;
	background-color: var(--ast-global-color-8) !important;
}
.acc-container .acc-hover:hover img {
	transform: scale(1.2);
}

.acc-container .acc-hover:hover .add-acc-chevron:after {
	transform: rotate(90deg);
}


.tab-container {}
.tab-container .tab-nav {
	background-color: #fff;
	transition: all .4s ease;
}
.tab-container .tab-nav.active {
	background-color: var(--ast-global-color-8);
}
.tab-container .tab-nav:hover {
	cursor: pointer;
	background-color: var(--ast-global-color-8);
}
.tab-container .tab-nav.active p {
	color: #fff;
}
.tab-container .tab-nav:hover p {
	color: #fff;
}
.tab-container .tab-nav p {
	padding: 20px;
	letter-spacing: 0px;
	color: #54595f;
	font-weight: 500;
}


.tab-container .tab-content {
	padding: 0;
}




.link-with-line a {
	font-weight: bold;
	position: relative;
	display: inline-block;    /* damit Höhe/Breite/Position sauber wirken */
	padding-right: 60px;
}
.link-with-line a:after {
	content: '';
	position: absolute;
	width: 50px;
	height: 1px;
	background-color: #fff;
	top: calc(50% - 1px);
	right: 0;
	z-index: 999;
	margin-left: 10px;
}

.kontaktformular .elementor-column {
 align-content: flex-start !important;
}

.img-karussell .uael-grid-item .uael-grid-img .uael-grid-img-thumbnail img {
    height: 275px !important;
    object-fit: cover;
    object-position: center center;
}
/*
.custom-gallery .e-gallery-item:nth-child(odd) {
    margin-top: -25px;
    margin-left: -20px;
}

.custom-gallery .e-gallery-item:nth-child(7n+1) {
    margin-top: 20px;
    margin-left: -25px;
} */

/* Elementor iFrame Anpassungen */
.elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {
	min-height: 400px;
}


/* Borlabs Anpassungen */
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
  display: block;
  text-align: center;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
	display: inline-block;
}