/* 
Theme Name: bachtelen.ch - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: bachtelen.ch is a child theme of Hello Elementor, created by Elementor team
Author: webgearing AG
Author URI: https://www.webgearing.com
Template: hello-elementor
Version: 3.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
*/

/* Add your custom styles here */

/* Header Sticky Test */ 

body .header-bar {
	transition:all ease .5s;
	width:100vw !important;
}

body.sticky .header-bar {
	transition:all ease .3s;
	position:relative;
	display:block;
}

body .header-bar .logo {
	height:176px;
	width:auto;
	margin:0;
	transition:all ease .3s;
	padding:0;
	position:relative;
	top:-38px;
	
}

body .header-bar .logo img {
	opacity:1;
	height:176px;
	width:auto;
	transition:all ease .3s;
}

body.sticky .header-bar .logo {
	height:50px;
	width:auto;
	margin:0;
	transition:all ease .3s;
	padding:5px;
}


body.sticky .header-bar .logo img {
	height:40px;
	width:auto;
	transition:all ease .3s;
}

.top-header {
	height:106px;
	overflow:visible;
	z-index:2;
}

@media (max-width: 767px) { 
	body .header-bar .logo {
		height:116px;
		width:auto;
		margin:0;
		transition:all ease .3s;
		padding:0;
		position:relative;
		top:-38px;
		
	}
	
	body .header-bar .logo img {
		opacity:1;
		height:116px;
		width:auto;
		transition:all ease .3s;
	}
	
}

/* Navigation */

.nav_main {
	border-radius:20px !important;
}

.nav_main a {
	color:var(--e-global-color-text) !important;
	font-weight:600;
	font-size:20px;
	line-height:20px;
	padding-top:30px !important;
	padding-bottom:30px !important;
	
}

.nav_main:hover {
	background:var(--e-global-color-primary);
}

.nav_main:hover > a {
	color:#fff !important;
}

.nav_angebote {
	background:var(--e-global-color-f5e7115);
}

.nav_arbeiten-bei-uns {
	background:var(--e-global-color-6d5a522);
}

.nav_ueber-uns {
	background:var(--e-global-color-00c0135);
}

.nav_standorte {
	background:var(--e-global-color-062f76b);
}

.nav_unterstuetzen {
	background:var(--e-global-color-8c57501);
}

.nav_main-nav ul {
	gap:15px;
}

.menu-item-has-children .sub-menu {
	background:rgba(255,255,255,0.95);
	border-radius:10px;
	padding:30px 15px !important;
}

.menu-item-has-children .sub-menu .menu-item a {
	background:var(--e-global-color-326b842);
	border-radius:10px;
	margin-bottom:10px;
	display:inline-block;
	padding:15px 20px !important;
}

.menu-item-has-children .sub-menu .menu-item:last-child a {
	margin-bottom:0;
}


.nav_main-nav .menu-item-has-children > .sub-menu li > ul {
	top:22px !important;
	left:15px !important;
    background:rgba(255,255,255,0.95) !important;
    margin-bottom:15px;
}

.nav_main-nav .menu-item-has-children > .sub-menu li > ul .menu-item a {
	background:#fff;
	border:1px solid var(--e-global-color-326b842) !important;
}


@media (max-width: 767px) { 

	.menu-burger svg {
		width:26px;
		height:28px;
	}
	

	nav.elementor-nav-menu__container {
		background:transparent !important;
	}
	
	.nav_angebote, .nav_arbeiten-bei-uns, .nav_ueber-uns, .nav_standorte, .nav_unterstuetzen {
		background:#CBE2E9;
		margin-bottom:15px !important;
		border-radius:20px !important;		
	}
	
	.elementor-nav-menu--dropdown li:first-child a {
		border-radius:20px !important;
	}
	
	.elementor-item-active, .elementor-item.has-submenu.highlighted, .elementor-sub-item.has-submenu.highlighted {
		background:#CBE2E9 !important;
		border-radius:20px !important;
	}
	
	.nav_main:hover > a {
		color:#000 !important;
	}
		
	.sub-menu {
		background:transparent !important;
	}

	a.elementor-sub-item {
		background:transparent !important;
		color:#CBE2E9 !important;
	}
	
	.menu-item-has-children .sub-menu .menu-item a {
		padding:0px !important;
		display:flex;
		font-size:14px !important;
	}
	
	.elementor-sub-item.has-submenu.highlighted {
		background:transparent !important;
	}
	
	.menu-item-has-children .sub-menu .sub-menu {
		padding:0px 15px 15px 15px !important;
	}
		
	
}


/* Typo */

.elementor-widget-text-editor ul {
	margin-bottom:30px;
}

/* Buttons */

.elementor-button {
	padding-top:30px;
	padding-bottom:30px;
}

/* Ansprechperson */

.ansprechperson div {
	font-size:16px;
	margin-bottom:0;
}

.ansprechperson_titel h3 {
	font-size:22px;
	font-weight:700;
	line-height:28px;
}

.ansprechperson .ansprechperson_name div {
	font-size:22px;
	font-weight:700;
	line-height:28px;
	position:relative;
}

.ansprechperson .ansprechperson_name div:after {
	content:url(images/kreidestrich_gelb.svg);
	position:absolute;
	bottom:-10px;
	left:-11px;
}

.btn_ansprechperson a.elementor-button {
	padding:0;
	background:transparent;
	font-weight:700;
	font-size:18px;
	line-height:30px;
	color:var(--e-global-color-primary)
}

.btn_ansprechperson a.elementor-button:hover {
	padding:0;
	background:transparent;
	font-weight:700;
	font-size:18px;
	line-height:30px;
	color:var(--e-global-color-primary)
}

/* Teaser Angebot */

.teaser-angebot {
	position:relative;
	mix-blend-mode:multiply;
	min-height:308px;
	width:100%;
	border-radius:20px !important;
}

.teaser-angebot-titel {
	position:absolute;
	bottom:30px;
	text-align:center;
}

.teaser-angebot-titel h3 {
	text-align: center;
	background:#fff;
	border-radius:15px;
	font-size:20px;
	line-height:20px;
	padding:19px 33px;
}

/* Infobox */

.infobox {
	color:#fff;
}

.infobox ul {
	margin-bottom:0;
}

.infobox ul li {
	font-weight:600;
}

.infobox ul li a {
	color:#fff;
}

/* Standortkarte */

.adresse {
	display:block;
}

.hidden {
	display:none;
}


/* Sidebar */

.submenu-sidebar li {
	margin-bottom:20px !important;
}

.submenu-sidebar li a {
	display:block;
	background:var(--e-global-color-f5e7115);
	color:var(--e-global-color-text);
	border-radius:20px 20px 20px 20px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	padding:30px !important;
	text-align:center !important;
}

.submenu-sidebar li a:hover, .submenu-sidebar li.current_page_item a {
	background:var(--e-global-color-primary);
	color:var(--e-global-color-0152779) !important;
}

.submenu-arbeiten-bei-uns li a {
	background:var(--e-global-color-6d5a522);
}

.submenu-ueber-uns li a {
	background:var(--e-global-color-00c0135);
}

/* Footer */

#footer p a {
	color:var(--e-global-color-primary) !important;
}

/* Cookie Notice */

#cookie-notice span, #cookie-notice a.cn-button   {
	font-family:var(--e-global-typography-text-font-family), Arial, sans !important;
}