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

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

body.sticky .header-bar {
	transition:all ease .3s;
	background:#fff;
}

body.sticky .header-bar > .e-con-inner {
	padding-top:15px !important;
	padding-bottom:15px !important;
}

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

body.sticky .header-bar .logo {
	height:30px;
	margin:0;
	transition:all ease .3s;
}

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

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

/* Header */

.e-search-input-wrapper input, .e-search-submit {
	height:60px !important;
}

/* Navigation */

.btn_sub {
	left:0px;
	transition:all ease .3s;
}

.btn_sub:hover {
	transition:all ease .3s;
	left:10px;
}

.btn_sub-sub {
	font-weight:400 !important;
}

.submenu-item-container {
	min-height:250px;
}

/*
.submenu-item {
	width:calc(25% - 30px);
}
*/

.e-n-menu-title .e-n-menu-icon {
	transform:scale(1);
	transition:all ease .3s;
}

.e-n-menu-title:hover .e-n-menu-icon {
	transform:scale(1.5);
	transition:all ease .3s;
}

/* NAVIGATION NEU */

.elementor-nav-menu--main > ul.elementor-nav-menu {
  list-style: none; /* Entfernt die Standard-Markierungen */
  padding-left: 0; /* Optional: Entfernt den linken Abstand */
}

.elementor-nav-menu--main > ul.elementor-nav-menu > li::marker {
  content: ''; /* Leert den Standard-Inhalt */
}

.elementor-nav-menu--main > ul.elementor-nav-menu > li {
  position: relative; /* Ermöglicht die Positionierung des Pseudo-Elements */
  padding-left: 15px; /* Platz für den Marker */
  margin-bottom:15px;
}

.elementor-nav-menu--main > ul.elementor-nav-menu > li::before {
  content: ''; /* Fügt ein visuelles Element hinzu */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* Zentriert den Kreis vertikal */
  width: 14px;
  height: 14px;
  background-color: var(--e-global-color-text); /* Farbe des Kreises */
  border-radius: 50%; /* Macht den Kreis rund */
  transition:all ease .3s;
}

.elementor-nav-menu--main > ul.elementor-nav-menu > li:hover::before {
  width: 20px;
  height: 20px;
  background-color: var(--e-global-color-primary); /* Farbe des Kreises */
  transition:all ease .3s;
}

.elementor-nav-menu--main > ul.elementor-nav-menu > li > a > .sub-arrow {
	display:none;
}

/* Mitarbeiter */

.vorname, .name {
	font-size:28px !important;
}

.funktion {
	font-size:16px !important;
}

.btn_mail span, .btn_tel span {
	font-size:16px !important;
	font-weight:700 !important;
	text-align:left;
}

.btn_mail:hover span, .btn_tel:hover span {
	text-decoration:underline;
}

/* Box */

.box-item img {
	border-radius:30px 30px 0 0 !important;
}

/* Liste */

.elementor-widget-text-editor ul {
	margin:0 0 30px 0;
	padding:0 0 0 15px;
}

.elementor-widget-text-editor ul {
  list-style: none; /* Entfernt die Standard-Markierungen */
  padding-left: 0; /* Optional: Entfernt den linken Abstand */
}

.elementor-widget-text-editor ul li::marker {
  content: ''; /* Leert den Standard-Inhalt */
}

.elementor-widget-text-editor ul li {
  position: relative; /* Ermöglicht die Positionierung des Pseudo-Elements */
  padding-left: 30px; /* Platz für den Marker */
  margin-bottom:15px;
}

.elementor-widget-text-editor ul li::before {
  content: ''; /* Fügt ein visuelles Element hinzu */
  position: absolute;
  left: 0;
  top: 12px;
  transform: translateY(-50%); /* Zentriert den Kreis vertikal */
  width: 10px;
  height: 10px;
  background-color: #00713C; /* Farbe des Kreises */
  border-radius: 50%; /* Macht den Kreis rund */
}

/* Bellach */

.page-bellach .header_standard, .page-bellach .box-item, .page-bellach .sidebar-box {
	background-color:var(--e-global-color-c2de28e) !important;
}

.page-bellach .sidebar-titel h2 {
	color:var(--e-global-color-c2de28e) !important;
}

.page-bellach .text-box .elementor-widget-container:has(> h2) {
	background:var(--e-global-color-c2de28e) !important;
}

.page-bellach .text-box p a {
	color:var(--e-global-color-c2de28e) !important
}

.page-template-page-bellach .footer {
	background-color:var(--e-global-color-c2de28e) !important;
}

.page-bellach .btn_weiterlesen .elementor-button-icon {
	background-color:var(--e-global-color-c2de28e) !important;
}

.page-bellach .elementor-widget-text-editor ul li::before {
  background-color: var(--e-global-color-c2de28e) !important;
}


/* Lommiswil */

.page-lommiswil .header_standard, .page-lommiswil .box-item, .page-lommiswil .sidebar-box {
	background-color:var(--e-global-color-0359a07) !important;
}

.page-lommiswil .sidebar-titel h2 {
	color:var(--e-global-color-0359a07) !important;
}

.page-lommiswil .text-box .elementor-widget-container:has(> h2) {
	background:var(--e-global-color-0359a07) !important;
}

.page-lommiswil .text-box p a {
	color:var(--e-global-color-0359a07) !important
}

.page-template-page-lommiswil .footer {
	background-color:var(--e-global-color-0359a07) !important;
}

.page-lommiswil .btn_weiterlesen .elementor-button-icon {
	background-color:var(--e-global-color-0359a07) !important;
}

.page-lommiswil .elementor-widget-text-editor ul li::before {
  background-color: var(--e-global-color-0359a07) !important;
}

/* Selzach */

.page-selzach .header_standard, .page-selzach .box-item, .page-selzach .sidebar-box {
	background-color:var(--e-global-color-b9e8fd1) !important;
}

.page-selzach .sidebar-titel h2 {
	color:var(--e-global-color-b9e8fd1) !important;
}

.page-selzach .text-box .elementor-widget-container:has(> h2) {
	background:var(--e-global-color-b9e8fd1) !important;
}

.page-selzach .text-box p a {
	color:var(--e-global-color-b9e8fd1) !important
}

.page-template-page-selzach .footer {
	background-color:var(--e-global-color-b9e8fd1) !important;
}

.page-selzach .btn_weiterlesen .elementor-button-icon {
	background-color:var(--e-global-color-b9e8fd1) !important;
}

.page-selzach .elementor-widget-text-editor ul li::before {
  background-color: var(--e-global-color-b9e8fd1) !important;
}

/* Sidebar Box */

.page-template-default .sidebar h2 {
	color:var(--e-global-color-primary) !important;
}

.page-template-default .sidebar .sidebar-box {
	background:var(--e-global-color-primary) !important;
}


.sidebar-box p a {
	color:var(--e-global-color-07cb83a) !important;
	font-weight:700;
} 

.sidebar-box p a:hover {
	text-decoration:underline;
} 

/* btn_weiterlesen */

.btn_weiterlesen .elementor-button {
	padding:0px !important;
	position:relative;
}

.btn_weiterlesen {
	left:0px;
	transition:all ease .3s;
}

.btn_weiterlesen:hover {
	left:10px;
	transition:all ease .3s;
}

.btn_weiterlesen .elementor-button-icon {
	background-color:var(--e-global-color-primary) !important;
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:50%;
	padding:5px;
	font-size:10px;
	fill:var(--e-global-color-07cb83a) !important;
	
}

.btn_weiterlesen:hover .elementor-button-icon{
	transition:all ease .3s;
}

.btn_weiterlesen .elementor-button-text {
	z-index:2;
	line-height:20px;
	font-size:16px !important;
	font-weight:400 !important;
}


/* Teaser Aktuell */

.teaser_aktuell {
	padding-bottom:20px !important;
	border-bottom:1px solid var(--e-global-color-primary) !important;
}


/* Ihr Anliegen Quicklinks */

#ihr-anliegen {
	background:var(--e-global-color-primary);
	color:#ffffff;
	border-radius:30px;
	border:0px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height:50px;
	font-size:20px;
	font-weight:600;
}


/* Tablepress */

.tablepress {
	--head-active-bg-color:var(--e-global-color-primary) !important;
	--head-bg-color:var(--e-global-color-primary) !important;
  --text-color: var(--e-global-color-text);
  --head-text-color: var(--e-global-color-07cb83a);
  --odd-text-color: var(--text-color);
  --odd-bg-color: #fff;
  --even-text-color: var(--text-color);
  --even-bg-color: #f9f9f9;
  --hover-text-color: var(--text-color);
  --hover-bg-color: #f3f3f3;
  --border-color: #ddd;
  --padding: 0.5rem;

} 

table.2spaltig.tablepress thead tr th.column-1, table.2spaltig.tablepress tbody tr td.column-1, table.2spaltig.tablepress thead tr th.column-2, table.2spaltig.tablepress tbody tr td.column-2 {
	max-width:50% !important;
}

.tablepress.bellach {
	--head-bg-color:var(--e-global-color-c2de28e) !important;
}

.tablepress.lommiswil {
	--head-bg-color:var(--e-global-color-0359a07) !important;
}

.tablepress.selzach {
	--head-bg-color:var(--e-global-color-b9e8fd1) !important;
}

/*
.select-wrapper {
  position: relative;
  display: inline-block;
  width: 200px; 
 }

#ihr-anliegen {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 8px 30px 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
}

.select-wrapper::after {
  font-family: 'FontAwesome';
  content: "\f107";   position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
}
*/


/* Footer */

.footer p {
	color:#fff !important;
}

.footer p a {
	color:#fff !important;
	font-weight:700 !important;
}

.footer p a:hover {
	text-decoration:underline;
}


.cookie-notice-container span, .cn-buttons-container a {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
}

@media (max-width: 767px) {

    /* Generelles Padding 
    .page-content > .elementor > .elementor-element, .elementor-location-single.type-post, */.footer {
        padding-left: 30px;
        padding-right: 30px;
    }

}