html, body { background: #FFF; transition: 0.5s; margin-bottom: 0 !important;}
body > .elementor > .elementor-element { padding: 4% 8%; }

.menubar { width: 50px; height: 100vh; position: fixed; right: 0; }
.no-padding { padding: 0 !important;}
.bottom-padding { padding-top: 0 !important; padding-bottom : 8%;}
.top-padding { padding-bottom: 0 !important; padding-top: 8%;}
.no-tb-padding { padding-top: 0 !important; padding-bottom: 0 !important;}

.elementor-sticky--active { position: fixed; margin: 10px; }
.elementor-sticky--effects .elementor-widget-theme-site-logo { padding: 9px 18px; backdrop-filter: blur(5px); background: #FFFFFF99;  border-radius: 10px;}
.elementor-sticky--effects img { max-width: 180px !important; transition: 0.5s;  }

#elementor-popup-modal-289 { background: #00000033; backdrop-filter: blur(5px); transition: 2s -webkit-filter linear; }

.home-banner { height: 80vh;}
.inner-banner, .blog-banner { height: 60vh;}

.center-text { width: 70%; margin: auto;}

.vorteile:not(.home) .pp-info-box-icon { margin-top: 40px;}
.center-icon .pp-info-box-icon { margin-top: 0 !important; }

.elementor-widget-container .elementor-nav-menu--layout-horizontal li { border: none; border-right: #DDD dotted 1px; padding: 0 20px;}
.figures .pp-dual-heading { display: flex; gap: 0px; flex-direction: column; align-items: start;}

form.newsletter { position: relative;}
form.newsletter input.medium {  width: calc(100% - 134px) !important; background: transparent; border: #FFF solid 1px; border-radius: 10px 0 0 10px; padding: 15px 25px !important; }
form.newsletter input::placeholder { color: #FFF;}
form.newsletter input:hover { background: #FFFFFF11;/*
	    -webkit-transition: background-color 500ms linear;
	    -ms-transition: background-color 500ms linear;
	    transition: background-color 500ms linear;*/
	}
form.newsletter .gform-footer { position: absolute; top: 0; right: 0; padding: 0 !important; margin: 0 !important; }
form.newsletter .gform_button { border: #FFF solid 1px; border-left: 0; border-radius: 0 10px 10px 0;}
form.newsletter .gfield_consent_label { color: #FFF;} 

.newsletter_wrapper .gform_required_legend { color: #FFF;}
.newsletter .gform-field-label a { color: #FFF; border-bottom: #FFFFFF66 solid 1px; }
.gform-field-label a { color: var(--e-global-color-secondary);}
form.newsletter input.medium:focus { background: #FFFFFF;}




input[type="text"], input[type="email"], input[type="tel"], textarea { padding: 10px 25px !important; border: var( --e-global-color-primary ) solid 1px; border-radius: 10px;}

.e-n-accordion-item-title-text { font-size: 1.1em !important;}
.highlights > .e-con-inner > .e-child { padding: 3%; transition: 0.5s; position: relative;}
.highlights > .e-con-inner > .e-child:hover { background: #0f2d52; /*background: var( --e-global-color-primary )*/;}
.highlights p { margin: 0;}
a { color: var( --e-global-color-150817b );}
.e-n-accordion-item-title-text:hover, a:hover, .blog-loop h3:hover, .highlights h2:hover { text-shadow: 5px 5px 3px #00000044; transition: 0.5s ease-in-out;}


#burgermenu { width: 25px; height: 25px; position: relative; margin: 20px 0; display: block; cursor: pointer; }
#burgermenu span { width: 25px; height: 2px; display: block; position: absolute; left: 0; border-radius: 5px; background: var( --e-global-color-primary ); transition: 0.5s; }
#burgermenu span:nth-child(1) { top: 5px;}
#burgermenu span:nth-child(2) { top: 15px;}
#burgermenu:hover span:nth-child(1) { transform: rotate(-30deg);}
#burgermenu:hover span:nth-child(2) { transform: rotate(30deg); top: 16px;}
#burgermenu.open span:nth-child(1) { top: 10px; transform: rotate(-30deg); }
#burgermenu.open span:nth-child(2) { top: 10px; transform: rotate(30deg); }
#blockNav { position: fixed; top: 0; left: -250px; /* Hide the nav off-screen by default */ width: 250px; height: 100vh; background: #333; transition: left 0.3s ease; /* Smooth sliding animation */}
#blockNav.open {left: 0; /* Slide the nav into view */ }

.elementor-widget-container ul, ol { padding: 0 0 0 20px; margin: 0;}
.elementor-widget-container li { padding: 5px; border-bottom: #DDD dotted 1px;}
.elementor-widget-container li:last-child { border: none;}
.text-list li { font-size: 1.2em; font-weight: 300;}

.navblock { z-index: 0;}

.blog-list-block { max-width: 1200px !important; width:70%; margin: 0 auto; padding: 0 !important;} 
.blog-list-block .elementor-widget-container li { border: none;}
.elementor-post-info { justify-content: space-between !important;}
li.elementor-inline-item { border: none;}
.post-listing .e-con.e-flex > .e-con-inner { flex-flow: column; }


ul.pp-post-filters { padding: 20px 0; }
.pp-post-filters .pp-post-filter { border: var( --e-global-color-primary ) solid 1px !important; background: #FFF; color : var( --e-global-color-primary ); border-radius: 10px; padding: 9px 15px; margin-right: 20px;}
.pp-post-filters .pp-post-filter.pp-filter-current, .pp-post-filters .pp-post-filter:hover {  border: var( --e-global-color-primary ) solid 1px; background: var( --e-global-color-primary ); border-radius: 10px; padding: 9px 15px;} 

.search-pop .dialog-widget-content { top: 60px;}
.search-pop .e-con.e-con > .e-con-inner > .elementor-widget { width: calc( 100% - 60px);}


.blog-list { padding: 20px 20px 0px 20px; /*border: var( --e-global-color-b5aaf7d ) solid 1px;*/ border-radius: 10px; border: var( --e-global-color-0370e7b ) solid 1px;}
.blog-content { padding-right: 10%;}
.newsletter-block { padding-right: 10%;}

.vorteile { gap: 50px;}
.single-col { gap: 0;}
.vorteile .pp-icon i::before { font-size: 2em; padding: 15px; border: var( --e-global-color-secondary ) solid 2px; border-radius: 50%; }
.pp-icon i, .pp-icon svg { width: auto !important; height: auto !important;}


.e-n-accordion-item > .elementor-element { border: none;  }
.e-n-accordion-item > .elementor-element .elementor-widget-text-editor { font-weight: 300; }

.steps .elementor-icon-box-title span { width: 100px; height: 100px; background: #00000011; display: block; font-size: 2em; border: var( --e-global-color-secondary ) solid 2px; border-radius: 50px; padding: 20px; margin: auto;}

.footer-nav ul { padding-left: 0;}

.no-tb-padding {padding-top: 0; padding-bottom: 0;}
.no-top-padding {padding-top: 0 !important;}
.vorteil-bg {filter: brightness(1.1) saturate(1.2) contrast(1.2);}
.pp-testimonial-text {line-height: 1.2;}
.inner-banner {filter: brightness(1.1) saturate(1.2);}
.e-n-accordion-item-title-icon svg {width: 25px; height: 25px !important; color:#489099;}
.accordion p, .accordion ol li {font-weight: 400 !important;}
p, a {overflow-wrap: break-word; word-break: break-word;}


/************
	MEDIA QUERIES
*************/

@media screen and ( min-width: 831px ){

	.mobile-logo { display: none;}
}


@media screen and ( max-width: 1440px ){ 
	
	.mid-padding > .e-con-inner { padding: 0% 8%; }
	.center-text { width: 80%; margin: auto;}
	
	h2.elementor-heading-title { font-size: 3em !important;}
	.highlights h2.elementor-heading-title { font-size: 2.4em !important;}
	.highlights h3.elementor-heading-title  { font-size: 1.8em !important;}
}



@media screen and ( max-width: 1280px ){ 

	h2.elementor-heading-title { font-size: 2.4em !important;}
	.highlights h2.elementor-heading-title { font-size: 2.0em !important;}
	.highlights h3.elementor-heading-title  { font-size: 1.4em !important;}
	.highlights { margin-top: -10%;}
	
	.newsletter-block .elementor-heading-title { font-size: 2.4em !important;}
	
	.pp-info-box-left .pp-info-box { flex-direction: column; align-items: first baseline !important;}
	.kontakt .pp-info-box-left .pp-info-box { flex-direction: row; align-items: center !important}
	.vorteile .pp-info-box { margin-bottom: 5%;}
	
	.footer-nav { flex-direction: column !important;}
	

}

@media screen and ( max-width: 1024px ){ 

	.center-text { width: 90%; margin: auto;}
	
}

@media screen and ( max-width: 830px ){ 
	
	.menubar { height: 50px; width: 100vw;}
	.menubar .e-con-inner { flex-direction: row !important; justify-content: flex-end !important; gap: 20px; padding-right: 20px; background-color: #e1eaeb;}
	.mobile-logo { position: absolute; left: 0;}
	.elementor-sticky--active .elementor-widget-theme-site-logo { display: none;}
	
	body > .elementor > .elementor-element { padding: 4% 6%; }
	
	#burgermenu { width: 25px; height: 25px; position: relative; margin: 0; display: block; cursor: pointer; }

	.highlights { margin-top: -10%;}
	.highlights > .e-con-inner { flex-direction: column !important;}
	.highlights > .e-con-inner .elementor-element:first-child { border-radius: 10px 10px 0 0;} 
	.highlights > .e-con-inner .elementor-element:last-child { border-radius: 0 0 10px 10px; width: 100%;} 
	
	.banner-text .elementor-element:last-child h2.elementor-heading-title { font-size: 1.4em !important;}
	
	.vorteile .pp-info-box { margin-bottom: 0%;}
	
	.home-banner { height: 60vh; }
	.inner-banner, .blog-banner { height: 50vh;}
	
	.blog-content{ padding-right: 5%;}
	
	.e-con-full.e-flex.figures { flex-direction: column; gap: 0;}
	.figures .pp-dual-heading { margin: 0;}
	
	.home-vorteile { flex-direction: column !important; background-position: top right !important;}
	.mid-onecol.e-con.e-flex > .e-con-inner, .mid-onecol.e-con.e-flex , .steps.e-con-full.e-flex { flex-direction: column;}
	.mid-onecol.e-con.e-flex > .e-con-inner .elementor-element , .mid-onecol.e-con.e-flex .elementor-element { width: 100%;}
	
	.patient-vorteile.elementor-element { background-position: top right !important; background-size: 40% !important;}
	
	.elementor-location-footer > .elementor-element > .elementor-element:first-child { flex-direction: column; }
	.footer-nav { flex-direction: row !important;}
	.elementor-widget-container .elementor-nav-menu--layout-horizontal li { border: none; padding: 0 10px;}

}


@media screen and ( max-width: 767px ){ 
	
	.highlights > .e-con-inner > .e-child { padding: 6%;}
	.figures .pp-dual-heading { flex-direction: column; gap: 0; align-items: start;}
	
	.home-banner { height: 50vh; }
	.inner-banner, .blog-banner { height: 50vh;}
	
	.center-text { width: 100%;}
	.blog-list-block { width: 90%;}
	
	.footer-nav { padding: 0;}
	.elementor-location-footer > .elementor-element > .elementor-element:last-child { flex-direction: column-reverse; }
	.elementor-location-footer > .elementor-element { padding: 4% 2% !important;}
	.elementor-nav-menu--layout-horizontal ul { margin: 0 !important; padding-left: 0 !important;}
	.elementor-nav-menu--layout-horizontal li { padding-left: 0 !important; padding-right: 20px !important;}
	form.newsletter .gform_button { padding-top: 10px;}
	
	.mobile-logo a img { width: 100% !important; max-width: 30vw !important; margin-left: 20px;} 
	.vorteile { gap: 10px !important;}
	
	.vorteile:not(.home) .pp-info-box-icon { margin-top: 0px;}

}


@media screen and ( max-width: 600px ){ 
	
	h2.elementor-heading-title { font-size: 2.0em !important;}
	.highlights h2.elementor-heading-title { font-size: 1.6em !important;}
	.highlights h3.elementor-heading-title  { font-size: 1.4em !important; line-height: 1.2;}
	.highlights { margin-top: 0%;}
	
	.figures .pp-first-text { font-size: 2em !important;} 
	.newsletter-block .elementor-heading-title { font-size: 1.8em !important;}

	
}

/*	
	
@media screen and ( max-width: 830px ){ 
	

	.elementor-sticky--active { position: fixed; margin: 10px; top: 50px !important;}
	.highlights { margin-top: -21%;}
	.highlights .elementor-heading-title { font-size: 1.6em !important;}
	p.elementor-heading-title { font-size: 1.2em !important;}
	h1.elementor-heading-title { font-size: 2.2em !important;}
	h2.elementor-heading-title { font-size: 2.2em !important;}
	
	.home-vorteile { padding-top: 25%;}
	
	.mid-onecol > .elementor-element:first-child { width: 100%; border: #F00 solid 2px;}
	
	
	
	
	.e-flex.e-con.e-child { flex-flow: column;}
	.rene .e-con-inner { align-items: start;}
	.pp-info-box {flex-direction: column !important;}
	.center-text { width: 80%;}
	
	body > .elementor > .elementor-element { padding: 4%;}
	body > .elementor > .elementor-element > .elementor-element > .elementor-element ,
	body > .elementor > .elementor-element > .elementor-element > .elementor-element > .elementor-element, 
	body > .elementor > .elementor-element > .elementor-element > .elementor-element > .elementor-element > .elementor-element { padding-left: 0;}
	
	.elementor-location-footer .elementor-heading-title { font-size: 1.1em !important;}
	.footer-nav { flex-direction: row !important;}
	
	
	
}


@media screen and ( max-width: 768px ){ 

	.mid-onecol .e-con-inner { flex-direction: column !important; }
	
}


@media screen and ( max-width: 767px ){ 
	
	.highlights > .e-con-inner .elementor-element:first-child { border-radius: 10px 10px 0 0;} 
	.highlights > .e-con-inner .elementor-element:last-child { border-radius: 0 0 10px 10px;} 
	
}


@media screen and ( max-width: 600px ){ 
	
	.highlights > .e-con-inner > .e-child { padding: 8%;}
	.footer-nav { flex-direction: column !important;}
	.center-text { width: 100%;}
	
	
}

*/