/* 
Theme Name: HNO Praxis
Description: Theme especially made for HNO Praxis
Author: Conceptstory Team
Author URI: https://conceptstory.de/
Template: HNO Praxis
Version: 1.0.1
Text Domain: HNO Praxis
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
*/

.elementor-sticky--effects { background: #FFF;}
.elementor-sticky--effects.header img { max-width: 70% !important ; }
.elementor-sticky--effects.header { padding: 0 !important; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-width: 2px;}

.elementor-top-section.elementor-section-boxed > .elementor-container { max-width: 1140px; width: 90%;}

section.header, section.bottom-footer { padding: 1% 0 !important;}
section.elementor-top-section { padding: 4% 0;}
section.no-top-padding { padding-top: 0%;}
section.elementor-top-section.banner { padding: 8% 0 10% 0; }
section.elementor-top-section.uspblock { padding: 0;}
.elementor-widget-wrap > .elementor-element.center { text-align: center !important; padding-left: 15%; padding-right: 15%; }

section.banner h1 span { color: #44507f;}

section.services .elementor-column { width: 32%; padding: 10px 1% 10px 0;}
section.services .elementor-column:nth-child(3n) { padding-right: 0;} 
section.services .elementor-container { flex-wrap: wrap;}
section.services .elementor-container h3 { position: relative;}
section.services .elementor-container h3::after { content:""; position: relative; width: 100px; height: 2px; background: #00b6ed; display: block; left: 0; top: 10px; }
section.services .elementor-container ul, section.blue-bg .elementor-container ul { list-style: none; padding: 10px 0;}
section.services .elementor-container li, section.blue-bg .elementor-container li { position: relative; padding-left: 12px; }
section.services .elementor-container li::before, section.blue-bg .elementor-container li::before  { content:""; position: relative; width: 6px; height: 1px; background: #3c4770; display: block; left: -12px; top: 13px; }
section.blue-bg .elementor-container li::before { background: #FFF;}

table tbody > tr:nth-child(2n+1) > td { background: #FFF !important;}
table td{ padding: 2px 1px !important; border-left: 0 !important; border-right: 0 !important; font-size: 1.1em;}


.blue-bg li::before { background: #FFF;}

.elementor-nav-menu li { padding: 10px 0 10px 30px !important;}
.elementor-nav-menu li::before { display: none;}
.elementor-nav-menu--main .elementor-nav-menu a { padding: 0 !important;}
li.menu-item a.elementor-item-active::after, .e--pointer-underline .elementor-item::after { height: 1px !important; }
h2.elementor-heading-title span { font-size: 0.7em; font-weight: 400;}


section.elementor-section.highlightbox { background: #FFF; padding: 20px; margin-top: -70px; border-radius: 3px 3px 0 0; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
section.elementor-section.highlightbox p.elementor-icon-box-title { letter-spacing: 0.05em;}
section.elementor-section.highlightbox .elementor-widget-wrap { margin-right: 5%;}
section.elementor-section.highlightbox .elementor-widget, section.elementor-section.highlightbox .elementor-widget p, .footertermine .elementor-widget:not(:last-child) { margin-bottom: 5px;}
section.elementor-section.highlightbox .elementor-widget ul { list-style: none; /*border-top: #afb8da solid 1px;*/padding-left: 12px;}
section.elementor-section.highlightbox .elementor-widget ul { padding-top: 0;}
section.elementor-section.highlightbox .elementor-widget ul li { border-bottom: #afb8da solid 1px; padding: 3px 0;}

section.osmap .elementor-widget-wrap { padding: 0 !important;}

#kontakt a { color: #FFF;}
#kontakt a:hover { color: #00b6ed;}
#kontakt a.elementor-button-link:hover { color: #FFF !important;}

.bottom-footer li.menu-item  { margin:0 !important; padding: 0 !important;}
.bottom-footer li.menu-item a { padding: 0 0 0 10px !important; margin: 0 0 0 10px !important;  border-left: #000 solid 1px;}
.bottom-footer li.menu-item:first-child a { border: none;}


@media (max-width: 1280px) {
	.elementor-top-section.elementor-section-boxed > .elementor-container { width: 96%;}
	.highlightbox .elementor-icon-box-title { font-size: 1.2em !important; padding-top: 0.2em;}
	.blue-bg { min-height: 350px;}
	.highlightbox .elementor-col-33:first-child { width: 35%; ;}
	.highlightbox .elementor-col-33:nth-child(2) { width: 35%; }
	.highlightbox .elementor-col-33:last-child { width: 30%; }
	section.elementor-section.highlightbox .elementor-widget-wrap { margin: 0;}
}


@media (max-width: 980px) {
	.elementor-top-section.elementor-section-boxed > .elementor-container { width: 90%;}
	section.services .elementor-column { width: 49%; padding: 20px 1% 20px 0;}
	section.services .elementor-column:nth-child(2n) { padding-right: 0;}
	section.highlightbox .elementor-column.elementor-col-33 { width: 99% !important; padding: 10px 1% 10px 0;}
	.highlightbox .elementor-icon-box-icon { width: 10%; float: left;}
	.elementor-widget-wrap > .elementor-element.center { text-align: left !important; padding-left: 0%; padding-right: 0%; }
	.elementor-heading-title, .elementor-widget-icon-box .elementor-icon-box-wrapper { text-align: left !important;}
	.header .elementor-column:first-child { width: 80%;} 
	.header .elementor-column:last-child { width: 20%;} 
	.bottom-footer .elementor-nav-menu { margin: 0 auto; text-align: center;}
	.bottom-footer .elementor-nav-menu li { display: inline-block;}
	.elementor-nav-menu li {  padding: 10px 0 !important; }
	.header .elementor-nav-menu li a { font-size: 2em !important;}
	.blue-bg { background-position: 75% center !important;}
	.elementor-widget-theme-site-logo img { width: 70vw !important;}
	

}



@media (max-width: 768px) { 
	.elementor-sticky--effects .elementor-image { max-width: 100%;}
	.bottom-footer li.menu-item a { border: none;}
	section.services .elementor-column { width: 100%;}
	.teamheading .elementor-heading-title { text-align: center !important;}
}	


@media (max-width: 480px) { 
	.elementor-sticky--effects.header img { max-width: 90% !important ; }
	h1 { font-size: 1.2em !important; padding-bottom: 20%;}
	.uspblock .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0;}
	.highlightbox .elementor-icon-box-icon { width: 20%; float: left;}
	.highlightbox .elementor-icon-box-content { padding-top: 5px;}
	.bottom-footer .elementor-nav-menu li { width: 100%; text-align: center; display: block;}
	

	
}