/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.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 */

.page-content p{
	font-family: "Neue Frutiger World Thin", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: var(--e-global-color-d22aa50);
	line-height: 40px;
}
.page-content h1{
	font-size:47px!important;
	amrgin-bottom:0px!important;
}
.page-content h2{

	font-size: 20px!important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;	
	color:#000000!important;
	line-height: 40px;
}
.page-content p + p {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.page-content h3{
	font-size: 20px!important;
	font-style: italic !important;
    color: #000000 !important;
	line-height: 40px;
}
.page-content p + h3{
    margin-top: 1.2em !important;
    margin-bottom: 1em !important;
}
.page-content ul,
.page-content ol{
    margin-bottom: 20px!important;
}
body h1, body h2, body h3, body h4, body h5, body h6{
	    font-family: "Neue Frutiger World Thin", Sans-serif;
}
body:not(.home) ul.hfe-breadcrumbs.hfe-breadcrumbs-show-home {
    margin-top: 50px;
}

#black-line {
    height: 20px;
}
.wpml-ls-current-language a span {
    color: #000000;
    transition: all 0.7s ease-in;
}
span.hfe-breadcrumbs-home-icon {
    display: none;
}
.comments-area a, .page-content a {
     text-decoration: none!important;
}
.transition{
	transition: all 0.7s ease-out;
}
footer a {
    color: #ffffff;
}
footer a:hover {
    color: #88A4A3;
}

.main-item:hover,
.glossar-item:hover{
    background-color: #7a7a7a !important;
	transition: all 0.7s ease-in;
}
.change-item:hover{
    background-color: #dd7129 !important;
	transition: all 0.7s ease-in;
}
.ch-item:hover{
    background-color: #005150 !important;
	transition: all 0.7s ease-in;
}
.feed-item:hover{
    background-color: #62448e !important;
	transition: all 0.7s ease-in;
}
.event-item:hover{
    background-color: #b39b5e !important;
	transition: all 0.7s ease-in;
}
.ikigai-item:hover{
    background-color: #611224 !important;
	transition: all 0.7s ease-in;
}
.wiki-item:hover{
    background-color: #1d3155 !important;
	transition: all 0.7s ease-in;
}
.blog-item:hover{
    background-color: #62448e !important;
	transition: all 0.7s ease-in;
}
.shop-item:hover{
    background-color: #611224 !important;
	transition: all 0.7s ease-in;
}
.net-item:hover{
    background-color: #dd7129 !important;
	transition: all 0.7s ease-in;
}
.map-item:hover{
    background-color: #dd7129 !important;
	transition: all 0.7s ease-in;
}
.ich-item:hover,
.verbundete-item:hover,
.freunde-item:hover,
.oasen-item:hover{
    background-color: #E8AA84 !important;
	transition: all 0.7s ease-in;
}
.change-item:hover .elementor-inline-editing{
	color:#005150!important;
}
.event-item:hover .elementor-inline-editing{
	color:#d9cdaf!important;
}
.glossar-item:hover .elementor-inline-editing{
	color:#000000!important;
}
.ich-item:hover .elementor-inline-editing,
.verbundete-item:hover .elementor-inline-editing,
.freunde-item:hover .elementor-inline-editing,
.oasen-item:hover .elementor-inline-editing{
	color:#dd7129!important;
}
#box-info {
    width: 100%;
    background: #000000; /* default background without image */
	position:relative;
	transition: all 0.7s ease-out;
}
#box-info *{transition: all 0.7s ease-out;}
#box-info::before {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 85%;
  opacity: 0;
  transition: all 0.7s ease-out!important;
}
#box-info:hover::before {
opacity: 1;
transition: all 0.7s ease-in!important;
}
.main-item:hover::before,
.feed-item:hover::before,
.ikigai-item:hover::before,
.map-item:hover::before,
.ch-item:hover::before,
.wiki-item:hover::before,
.shop-item:hover::before,
.blog-item:hover::before,
.net-item:hover::before{
background-image: url(https://progenia.ch/info/wp-content/uploads/2025/12/progenia_logo-1.svg)!important;
}

.change-item:hover::before{
background-image: url(https://progenia.ch/info/wp-content/uploads/2025/12/progenia_logo_change-2.svg)!important;
}
.ich-item:hover::before,
.verbundete-item:hover::before,
.freunde-item:hover::before,
.oasen-item:hover::before{
	background-image: url(https://progenia.ch/info/wp-content/uploads/2025/12/progenia_logo_map-1.svg)!important;
}

.event-item:hover::before,
.glossar-item:hover::before {
background-image: url(https://progenia.ch/info/wp-content/uploads/2025/12/progenia_logo_event.svg)!important;
}
ul.hfe-breadcrumbs.hfe-breadcrumbs-show-home {
    margin-bottom: 32px;
}

#box-info .hfe-infocard {
    text-align: center;
    bottom: 30px;
    position: absolute;
    width: 100%;
}

h3{
    font-weight: 300!important;
    color: #000000!important;
}
#subheader-gris-blum{
	z-index:100;
	position:absolute;
	
}
.page-header h1{
	text-transform: uppercase;
	font-family: "Meridien Bold", Sans-serif;
    font-size: 47px;
    line-height: 47px;
    color: var(--e-global-color-d22aa50);
}
#header-languages-selector .wpml-ls-legacy-list-horizontal{
    padding: 0px !important;
    margin-top: -7px;
}
.wpml-ls-legacy-list-horizontal {
    padding: 0!important;
}
#box-info .hfe-infocard {
    margin-top: 40px;
}
@media (min-width:2000px){
	sr7-img#subheader-image {
    width: 100% !important;
    left: 0 !important;
	}
}
@media (min-width: 1200px) and (max-width:1450px) {
	sr7-img#SR7_26_1-51-3{
		height:357px!important;
	}
	
}
@media (min-width: 992px) {
	body:not(.home) .page-content .elementor-col-100 {
    width: 73% !important;
	}
    h1 {
        font-size: 47px !important;
    }
	main#content {
    width: 1140px;
    margin: 0 auto;
	padding-top:3.5%;
	}
	h2 {
    margin-top: 32px !important;
    margin-bottom: 16px !important;
	}
	#box-info {
    min-height: 285px;
	}
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main{
    margin-inline-end: initial;
    margin-inline-start: initial;
}
.page-header {
    margin-left: -60px;
    text-align: left;
}
}
@media (min-width:768px) and (max-width: 991px) {
	#box-info {
    min-height: 170px;
	margin: 10px 0px;
	}	
}

@media (max-width:767px){
	#box-info .hfe-infocard-cta-link>span{
	font-size:14px!important;
	}
	main#content{
    padding-top: 32px;
	}
	#box-info {
	min-height: 188px;
    min-width: 170px;
	margin: 5px;
    }
	#box-info .hfe-infocard {
    bottom: 15px;
	}
}
@media (min-width:600px) and (max-width:760px){
	#box-info {
		min-height: 350px!important;
        min-width: 350px;
    }
	#box-info .hfe-infocard-cta-link>span{
	font-size:38px!important;
	}
	    #box-info .hfe-infocard{
        bottom: 35px!important;
    }
}