/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/*
    Add your custom styles here
*/
/* Allgemein */

.footer-container {
	transition: all 0.5s ease 0s!important;
}

.custom-section {
    max-width: 850px!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.elementor-container {
	max-width: 1400px;
}

.just-padding {
	padding-left: 12%!important;
	padding-right: 12%!important;
}

/*Blog Post headlines*/
	.blog-content h2, h3, h4{
		margin-top: 0!important;
		margin-bottom: 5px!important
}
	.blog-content p{
		margin-bottom: 30px!important
	}
	.blog-content p:last-child{
		margin-bottom: 0!important
}
/*Blog Post categories*/
	.sidebar-nav a{
		background-color: var(--e-global-color-accent);
		padding: 10px!important;
		text-align: center!important;
		/*max-width: 275px!important;*/
		margin-left: auto!important;
		margin-right: auto!important;
		border-radius: 4px;
}
	.sidebar-nav a:hover{
    	background-color: var(--e-global-color-primary);
}
/* Blog excerpt */
	.elementor-post__excerpt p::after {
    	content: "…"!important;
}
@media (max-width: 1024px) {
	.just-padding {
		padding-left: 5%!important;
		padding-right: 5%!important;
    }
}

/* Blog Widget Button */
.elementor-post__read-more-wrapper {
    display: contents;
}
.elementor-post__read-more {
	padding: 5px 15px!important;
	background-color: var(--e-global-color-primary)!important;
	transition: .3s ease;
	border-radius: 4px!important;
}
.elementor-post__read-more:hover {
	background-color: var(--e-global-color-accent)!important;
}

/* Call to Action Unterseiten */
.call-to-actions > div > div > div > div > div > div > div:last-child {
	padding-right: 50px;
	padding-left: 0;
}

/* Blog Bereich */
@media (max-width: 1279px) and (min-width: 835px){
	.elementor-grid-mobile-1 .elementor-grid {
		grid-template-columns: repeat(3,1fr);
	}
}
@media (max-width: 767px) and (min-width: 500px){
	.elementor-grid-mobile-1 .elementor-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

/* Leistungen */
.home-box {
		width: 25%!important;
		margin: 1%!important;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
		-epub-hyphens: auto;
}

/* Akkordeon */
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
    float: none!important;
}

/* Call to Action unterseiten */
.call-to-actions > div > div > div > div > div > div > div:first-child > div {
		width: 360px!important;
		height: 360px!important;
		top: 30px!important;
		margin-left: auto!important;
		margin-right: auto!important;
}

/* Nur bis Desktop */
@media (max-width:1279px) {
	/* Leistungen */
	.home-box a {
		min-height: 219px;
	}
}

/* Ab Tablet */
@media (max-width: 1024px) and (min-width:768px) {
	/* Leistungen */
	.home-box {
		width: 30%!important;
		margin: 1%;
	}
	/* Call to Action Unterseiten */
	.elementor-cta--layout-image-left .elementor-cta__bg-wrapper {
		min-width: 280px!important;
	}
	.call-to-actions > div > div > div > div > div > div > div:first-child > div {
		height: 280px!important;
		width: 280px!important;
		top: 20px!important;
		right: 0px!important;
		left: 10px!important;
	}
	.call-to-actions > div > div > div > div > div > div > div:last-child {
        padding:0px!important;
		padding-right: 15px!important;
    }
}

/*Ab Tablet Querformat*/
@media (max-width: 1279px) {
	#anwendungsbereich>div>div>div>div h3 {
		-moz-hyphens: auto;
	   -o-hyphens: auto;
	   -webkit-hyphens: auto;
	   -ms-hyphens: auto;
	   hyphens: auto;
	}
}

/* Ab Handy */
@media (max-width: 767px) {
	
	/* Leistungen */
	.home-box {
		width: 47%!important;
        margin: 10 0 0 0!important;
	}
	.home-box .elementor-cta__content {
		padding: 10px !important;
	}
	.home-box a {
		min-height: 160px;
	}
	/* Call to Action Unterseiten */
	.call-to-actions > div > div > div > div > div > div > div:last-child {
        padding:0px!important;
    }
	.call-to-actions > div > div > div > div > div > div > div:first-child > div {
		width: 250px!important;
		height: 250px!important;
	}
	/* Akkordeon icons*/
	.fa-chevron-up, .fa-chevron-down  {
		font-size: 15px!important;
	}
}

/* tablet querformat */
@media (max-width: 1279px) and (min-width: 835px){ 
	/* Bild Text Startseite*/
	.bild-text-section>div>div:first-child {
		width: 48%!important;
		display: block!important;
	}
	.bild-text-section>div>div:first-child>div {
		height: 100%!important;
	}
	.bild-text-section>div>div:last-child {
		width: 50%!important;
	}
	.bild-text-section>div>div:last-child>div>div:nth-child(3)>div>img {
		display:none!important;
	}

	/* NEU Inhaltsverzeichnis */
	.inhaltsverzeichnis>.elementor-container>aside {
		width: 30%!important;
	}

	.inhaltsverzeichnis>.elementor-container>div {
		width: 70%!important;
	}
	.inhaltsverzeichnis>.elementor-container>div>div {
		padding: 0% 4% 0% 1%!important;
	}
	
	/* NEU Call to Action Startseite */
	.call-to-action>.elementor-container>div:last-child>div>div:first-child {
		display: none;
	}
	.call-to-action>.elementor-container>div:last-child>div>div:last-child {
		display: flex;
		justify-content: center;
	}
	/* Footer */
	.footer-top>div>div:last-child>div {
		padding: 0 115px 0 10px!important;
	}
	/* unterseiten Call to action */
	.call-to-actions > div > div > div > div > div > div > div:last-child {
		padding: 10px!important;
		padding-right: 40px!important;
		min-height: 350px!important;
	}
	.call-to-actions > div > div > div > div > div > div > div:first-child > div {
		width: 275px!important;
		height: 275px!important;
		top: 30px!important;
	}
	.elementor-cta--layout-image-left .elementor-cta__bg-wrapper {
		min-width: 330px!important;
	}
	
}

/* handy querformat */
@media (max-width: 767px) and (min-width: 500px){ 

/* Leistungen */
	.home-box {
        width: 30%!important;
		margin-bottom: 20px!important;
		margin-top: 0!important;
    }
	
/* Kontaktaufnahme */
	.elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-first_name.elementor-col-50.elementor-field-required,
	.elementor-field-group-last_name.elementor-col-50.elementor-field-required,
	.elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-50.elementor-field-required,
	.elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-phone.elementor-col-50.elementor-field-required
	{
        width: 50%!important;
    }
/* Über Uns 
	.bild-text {
		width: 50%!important;
	}
*/
	
/* NEU Standort */
	.standort>div>div:first-child {
		width: 50%!important;
		order: 1!important;
	}
	.standort>div>div:last-child {
		width: 50%!important;
		order: 2!important;
	}

/* NEU 3 Flip Boxen Startseite */
	.flip-box>.elementor-container>.elementor-column>div>div:nth-child(3), .flip-box>.elementor-container>.elementor-column>div>div:nth-child(4), .flip-box>.elementor-container>.elementor-column>div>div:nth-child(5) {
		width: 32%!important;
	} 

/* Home-Standort */
	.home-standort>div>div:first-child {
		width: 50%!important;
		order: 8!important;
	}
	.home-standort>div>div:last-child {
		width: 50%!important;
	}
/*Blog Post*/
	.blog-content {
        width: 75%;
    }
	.elementor-element.blog-side-bar {
        width: 25%;
        padding-left: 2%;
    }
    .elementor-element.blog-author-mobil-portrait {
        display: none;
    }
    .elementor-element.blog-author-mobil-landscape {
        display: block;
    }
    .elementor-element.blog-author-mobil-landscape .elementor-author-box {
        text-align: center;
    }
 
/* Footer */
	.footer-top>div>div:first-child {
		width: 40%!important;
	}

	.footer-top>div>div:last-child {
		width: 60%!important;
	}
	/* 3 column */
	.footer-bottom>div>div{
		width: 32%!important;
	}
	/* 2 column 
	.footer-bottom-2-columns>div>div{
		width: 50%!important;
	}*/
	
	
/* Bild Text Startseite*/
	.bild-text-section>div>div:first-child {
		width: 48%!important;
		display: block!important;
	}
	.bild-text-section>div>div:first-child>div {
		height: 100%!important;
	}
	.bild-text-section>div>div:last-child {
		width: 50%!important;
	}
	.bild-text-section>div>div:last-child>div>div:nth-child(3)>div>img {
		display:none!important;
	}
	#gewinnung {
		margin-bottom: 50px!important;
	}
	
/* Call to Action Unterseite */
	.call-to-actions > div > div > div > div > div > div {
		flex-wrap: nowrap !important;
	}
	.call-to-actions > div > div > div > div > div > div >div:last-child {
		padding-right: 30px!important;
		-moz-hyphens: auto;
       -o-hyphens: auto;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
	}
	.call-to-actions > div > div > div > div > div > div > div:first-child > div {
		width: 275px!important;
		height: 275px!important;
		top: 15px!important;
	}
}