/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**
 * Resets 
 **/

p:last-child, 
.elementor-widget:last-child,
.site-content ul:last-child, 
.site-content ol:last-child, 
.site-footer ul:last-child, 
.site-footer ol:last-child {
   margin-bottom: 0 !important;
}

/* Fix Google Search Console "mobile usability issues" */
:where(body, iframe, pre, img, svg, video, canvas, select) {
	max-width: 100%;
	overflow: auto;
	word-break: break-word;
}

/**
 * Footer 
 **/

.bk_footer a{
	color: #FAFBF3;
	opacity: 80%;
}

/**
 * Hero 
 **/
.bk_section.hero h1 em {
	font-size: 75px;
	font-weight: 600;
	line-height: 0.9em;
	font-style: normal;
}

@media only screen and (max-width: 767px) {
	.bk_section.hero h1 em {
		font-size: 50px;
		line-height: 0.9em;
	}
}

@media only screen and (max-width: 510px) {
	.bk_section.hero h1 em {
		font-size: 45px;
		line-height: 0.9em;
	}
}

/**
 * Schritte-Sektion 
 **/
.bk_section.schritte .bk_timeline .uael-events-inner-new {
	margin-top: 6px;
}

@media only screen and (max-width: 1024px) {
	.bk_section.schritte .bk_timeline .uael-events-inner-new {
		margin-top: 8px;
	}
}


/**
 * Zielgruppe-Sektion 
 **/

@media only screen and (min-width: 1024px) {
	.bk_section.zielgruppe .bk_zielgruppe-container .bk_zielgruppe-text {
		opacity: 0;
		height: 0;
		transition: all .2s ease-in-out;
	}
	
	.bk_section.zielgruppe .bk_zielgruppe-container:hover .bk_zielgruppe-text {
		opacity: 1;
		height: auto;
		transition: all .2s ease-in-out;
	}
	
	.bk_section.zielgruppe .bk_zielgruppe-container {
		transition: all .2s ease-in-out;
		overflow: hidden;
	}
}

/**
 * Fylout Menü
 **/
.uael-flyout-content {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;	
}

/**
 * Nicht-sichtbare Texte
 **/
.bk-nonvisible-text,
.bk-nonvisible-text a,
.bk-nonvisible-text a:hover {
	color: #ffffff00 !important;
	user-select: none;
	font-size: 6px !important;
}

/**
 * Sektion Einzugsgebiet
 **/
.bk-icon-einzugsgebiet a:hover {
	color: #ebebeb;
}