/*
 Theme Name: elementor-comingreat
 Description: The custom theme elementor-comingreat using the parent theme hello-elementor.
 Author: EUROKEY
 Template: hello-elementor
 Version: 1
 */

html {
    scroll-behavior: smooth;
}

.solo h1, .solo h2, .solo h3 {
	border-bottom: 1px solid var( --e-global-color-0f150ab );
	padding: 10px 20px;
	text-align: center;
}

.solo.wht h2, .solo.wht h3 {
	border: 1px solid #ffffff;
	color: #ffffff;
}

.bg-colored, .bg-colored p, .bg-colored h2, .bg-colored h3, .bg-colored h4, .bg-colored h5, .bg-colored h6 {
	color: #ffffff !important;
}

main a, .post a {
	font-weight: 600;
}

h1 > a, h2 > a, h3 > a {
	font-weight: 400;
}

h1, h2 {
	hyphens: auto;
	-webkit-hyphens: auto;
	overflow-wrap: break-word;
}

h5, h6 {
	margin-bottom: 0.5rem;
}

.title-bold {
	font-weight: 600;
}

*:link, *:hover {
	transition: all 0.5s;
}

.white a, a.white {
	color: #323232;
}

.white a:hover, a:hover.white {
	color: #ffffff;
}

.wht p, .wht h2, .wht h3, .wht h4, .wht a {
	color: #fff !important;
}

a[target="_blank"]:after {
	content: url(/wp-content/uploads/2022/10/link_extern.svg);
    font-size: 0.6em;
    vertical-align: 1px;
    line-height: 1em;
    margin-left: 0.5em;
    margin-right: 0.3em;
    display: inline-block;
	transition: all 0.3s;
}

a.elementor-button[target="_blank"] {
	display: inline-flex;
}

figure a[target="_blank"]:after, .elementor-widget-image a[target="_blank"]:after, .menu-item a[target="_blank"]:after {
	content: none;
}

ul, ol {
	margin-bottom: 20px;
}

.smaller-font {
	font-size: 0.8em;
}

.font-s {
	font-size: 0.9em;
}

.no-margin {
	margin: 0;
}

.dialog-type-lightbox {
	z-index: 99999;
}

.elementor-post__excerpt p::after {
    content: " ...";
}

.anchor {
	position: absolute;
	opacity: 0;
	margin-top: -80px !important;
}

.nav-button .elementor-button-wrapper a {
	width: 100%;
	border-radius: 0;
}

.scrollup {
    position: fixed;
    bottom: 15px;
    right: 25px;
    color: #fff;
    opacity: 0;
    background-color: #98c222;
    z-index: 999;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    padding: 0.25em;
    cursor: pointer;
    border: 0 solid;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	border: 1px solid #fff;
    box-shadow: rgb(0 0 0 / 30%) 2px 2px 2px 1px;
	transition: 0.5s;
}

/* --- elementor navigation --- */

span.elementor-menu-toggle__icon--close, span.elementor-menu-toggle__icon--open {
    line-height: 0 !important;
}

.elementor-menu-toggle svg path {
	fill: #fff;
	transition: 0.5s;
}

.elementor-nav-menu__container.elementor-nav-menu--dropdown {
    -webkit-box-shadow: 0 2000px 0 2000px rgb(0 0 0 / 80%);
    box-shadow: 0px 2000px 0px 2000px rgb(0 0 0 / 80%);
}

.elementor-nav-menu__container.elementor-nav-menu--dropdown a:hover {
   text-decoration: none;
}

.elementor-nav-menu__container.elementor-nav-menu--dropdown .menu-link-has-icon i {
	padding-left: 15px;
}

.current-menu-parent {
	background: var( --e-global-color-accent );
}

.sub-menu.elementor-nav-menu--dropdown li {
	border: none !important;
}

.sub-menu.elementor-nav-menu--dropdown li a {
    padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.95rem !important;
}

.sub-menu.elementor-nav-menu--dropdown li:first-child a {
	border-top: 0.5px solid #999;
}

.sub-menu.elementor-nav-menu--dropdown li:not(:last-child) a {
	border-bottom: 0.5px solid #999;
}

.elementor-button-wrapper a, .elementor-button-wrapper a:hover {
    transition: 0.5s;
    text-decoration: none;
}

.elementor-button span {
    transition: none;
}

/* --- elementor navigation DESKTOP --- */

#menu-button-desk > .elementor-widget-container .elementor-menu-toggle.elementor-active {
	box-shadow: none !important;
}

#menu-button-desk .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {
    max-height: inherit !important;
}

#menu-button-desk .elementor-menu-toggle svg {
    width: auto !important;
    height: auto !important;
    transition: all 0.5s;
}

#menu-button-desk .elementor-menu-toggle {
    transition: all 0.5s;
    border: 1px solid #fff;
}

#menu-button-desk .elementor-menu-toggle:hover, .scrollup:hover, button.cmplz-btn.cmplz-manage-consent:hover  {
    transform: translateY(-2px);
    transition: all 0.5s;
}

#menu-button-desk .elementor-menu-toggle:hover svg path {
	fill: var(--e-global-color-a6a4c9a);
	transition: 0.5s;
}

#menu-button-desk .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: -150px;
    top: 45px;
	height: 100vh;
    width: auto;
    max-width: 40vw;
    right: -27px;
    left: auto !important;
    background-image: linear-gradient(180deg, var( --e-global-color-a6a4c9a ) 180px, var(--e-global-color-secondary ) 180px);
    overflow-y: auto;
    opacity: .99;
}

#menu-button-desk .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul {
    margin-top: 170px;
    background-color: var( --e-global-color-secondary );
}

#menu-button-desk .sub-menu.elementor-nav-menu--dropdown {
	background-color: #777 !important;
	padding-top: 0px;
	padding-bottom: 0px;	
}

#menu-button-desk .elementor-nav-menu--dropdown a {
    padding-left: 8%;
}

.elementor-nav-menu--dropdown li:last-child {
    border-bottom: 0.5px solid #808080;
}

#menu-button-desk .elementor-menu-toggle {
    z-index: 99999;
}

#menu-button-desk .elementor-nav-menu--dropdown .sub-menu a {
    padding-top: 15px;
    padding-bottom: 15px;
	padding-left: 10%;
	border-left: none;
}

#menu-button-desk .elementor-nav-menu--dropdown .sub-menu a:hover, .elementor-sub-item.elementor-item-active {
	background-color: rgb(152 194 34 / 60%) !important;
}



/* --- elementor navigation MOBILE --- */

#menu-button-mobile .elementor-element.elementor-element-3ba85fb .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    -webkit-box-shadow: 0 2000px 0 2000px rgb(0 0 0 / 70%);
    box-shadow: 0px 2000px 0px 2000px rgb(0 0 0 / 70%);
}

#menu-button-mobile .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    overflow-y: auto;
    padding-bottom: 80px;
    height: calc(100vh - 60px);
    backdrop-filter: blur(5px);
}

#menu-button-mobile .sub-menu.elementor-nav-menu--dropdown {
	background-color: rgb(152 194 34 / 10%) !important;
	background-color: #777 !important;
	padding-top: 0px;
	padding-bottom: 0px;	
}

#menu-button-mobile .sub-menu.elementor-nav-menu--dropdown li a {
	font-size: 0.85rem !important;
}

/* --- Yoast breadcrumbs --*/

.home .breadcrumb_last {
	display: none;
}

i.breadcrumb {
	padding: 0 2px;
    font-size: 0.9em;
}

/* --- WMPL --- */

.wpml-ls-legacy-dropdown a, .wpml-ls-legacy-dropdown a:hover {
	text-decoration: none;
}

/* --- complianz cookie banner --- */

#cmplz-manage-consent button.cmplz-btn.cmplz-manage-consent, #Datenschutz button.cmplz-btn.cmplz-manage-consent {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: #98c222 !important;
    font-size: 1rem;
    color: #fff;
    right: auto !important;
    top: auto !important;
    left: 10px;
    bottom: 10px !important;
    height: 27px;
    width: 27px;
    min-width: 20px;
    padding: 4px;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: none;
    transition: 0.5s;
}

/* --- pop-ups --- */

.pop-up-verfahren .elementor-container {
	max-width: 100% !important;
}

.pop-up-verfahren .dialog-close-button {
    padding: 5px;
    border-radius: 3px;
	background-color: var( --e-global-color-3aec424 );
	transition: 0.5s;
}

.pop-up-verfahren .dialog-close-button:hover {
	background-color: var( --e-global-color-accent );
	transition: 0.5s;
}

.pop-up-verfahren .dialog-close-button:hover i.eicon-close {
	color: #fff;
}

.pop-up-verfahren .elementor-heading-title {
	padding: 12px;
	color: #fff;
}

.pop-up-verfahren .elementor-widget-heading .elementor-widget-container {
	background: #000 !important;
}


.pop-up-verfahren p, .pop-up-verfahren ul {
	color: var( --e-global-color-primary );
}

.pop-up-verfahren .dialog-widget-content.dialog-lightbox-widget-content {
    max-height: 90vh;
	width: 80%;
    max-width: 1800px;
}

.pop-up-verfahren .dialog-message { 
	height: 100% !important;
	max-height: 90vh !important;
	width: 100% !important;
	font-size: 1rem;
	overflow-wrap: break-word;
} 

.pop-up-verfahren .dialog-message figcaption {
	margin-top: 5px;
    font-size: 0.9rem;
}

.pop-up-verfahren .dialog-message a {
    color: #000;
    font-weight: 600;
}


@media (max-width: 1200px) {
	.pop-up-verfahren .elementor-section.elementor-element {
	padding: 2em !important;
}
}


@media (max-width: 992px) {
	.pop-up-verfahren .elementor-section.elementor-element {
		padding: 0px !important;
	}
	
	.pop-up-verfahren .elementor-container .elementor-column, div[data-elementor-type="popup"] .elementor-inner-section .elementor-inner-column {
		width: 100% !important;
	}
	
	.pop-up-verfahren .elementor-inner-section .elementor-widget-wrap.elementor-element-populated {
		padding: 0px;
	}
}


/* --- elementor Accordion --- */

.elementor-accordion a {
	font-weight: 600;
}

/* --- elementor Tabs --- */

.elementor-widget-tabs .elementor-tab-desktop-title {
	line-height: 1.4 !important;
}

.elementor-widget-tabs .elementor-tab-desktop-title, .elementor-widget-tabs .elementor-tab-mobile-title {
	font-weight: 600 !important;
}

/* --- elementor Slider --- */

.elementor-swiper .elementor-ken-burns--active {
    -webkit-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
}

.elementor-swiper .animated {
    webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.elementor-swiper .elementor-slides .swiper-slide-inner, .elementor-slides .swiper-slide-inner:hover {
    flex-direction: column;
    justify-content: center;
    
}

#slider-text .elementor-swiper .swiper-slide-contents {
    background: rgba(255,255,255,.9);
    padding: 3vw 2vw;
    border-radius: 5px 0 0 5px;
}

@media (max-width: 992px) {
   .elementor-swiper .elementor-slides .swiper-slide-inner .elementor-slide-heading {
        margin: 5px !important;
    }
	
    #slider-text .elementor-swiper .swiper-slide-contents {
        border-radius: 0px;
         padding: 5vw 4vw;
    }
    
    .elementor-slides .swiper-slide-inner .elementor-slide-description {
        margin-bottom: 0px !important;
    }
    
    .elementor-swiper .elementor-slides .swiper-slide-inner, .elementor-slides .swiper-slide-inner:hover {
    flex-direction: column;
    justify-content: flex-end;
    
}
}

/* -------- Call-to-action -----------*/

.elementor-cta--skin-classic .elementor-cta__button.elementor-button {
    color: var(--e-global-color-accent) !important;
	border-color: var(--e-global-color-accent) !important;
	border: 1px solid var(--e-global-color-accent);
}

.elementor-cta--skin-classic .elementor-cta__button.elementor-button:hover {
    color: #ffffff !important;
	border-color: var(--e-global-color-accent) !important;
	border: 1px solid var(--e-global-color-accent);
	background: var(--e-global-color-accent) !important;
}

.elementor-cta__content {
	padding: 35px 15px !important;
}

.elementor-cta--skin-classic.elementor-bg-transform-move-up:hover .elementor-cta__content {
	transform: translateY(-3px);
}

.elementor-cta--skin-classic.elementor-bg-transform-move-up .elementor-cta__content h3 {
	font-weight: 600;
}

.elementor-cta__content .elementor-cta__title {
	hyphens: auto;
	-webkit-hyphens: auto;
	overflow-wrap: break-word;
}



/* -------- News -----------*/

.single-post .elementor-location-single.post .elementor-widget-theme-post-content p img {
	margin: 20px 0;
}

/* -------- News-Plugin Smart post show -----------*/

nav.pcp-post-pagination {
	text-align: center;
}

.next.page-numbers, .prev.page-numbers {
	border: 2px solid transparent !important;
}

.next.page-numbers:hover, , .prev.page-numbers:hover {
	border: 2px solid var(--e-global-color-accent) !important;
}

.sp-pcp-post .sp-pcp-post-meta  {
	margin-top: 5px;
}

@media (min-width: 992px) {
	
	.elementor-location-header {
		border-bottom: 5px solid #98C222;
	}
	main {
		min-height: calc(100vh - 292px);
	}
}

@media (max-width: 992px) {
	
	.scrollup {
		bottom: 10px;
		right: 10px;
		font-size: 1rem;
		padding: 4px;
		cursor: pointer;
		width: 27px;
		height: 27px;
	}
	
	.pop-up-verfahren .dialog-close-button {
		top: 11px;
	}
	

	.pop-up-verfahren .dialog-widget-content.dialog-lightbox-widget-content {
		padding-top: 45px;
		height: calc(100vh - 25px) !important;
		max-height: calc(100vh - 15px) !important;
		width: calc(100vw - 20px) !important;
		max-width: 1800px;
		font-size: 1rem;
	}
	
	.pop-up-verfahren .dialog-message {
		max-height: 100vh !important;
	}
	
	.pop-up-verfahren .dialog-message section:first-child {
		padding-top: 20px !important;
	}
	

}