/* 
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 */

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {visibility: visible;display: none;}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {visibility: inherit;}

.elementor-widget-text-editor p:last-child {
    margin: 0;
}
.half-container {
    width: calc(52% + 660px);
    margin-left: auto;
    margin-right: 0;
    max-width: 100%;
}
.custom-list ul.elementor-icon-list-items li::before {
	width: calc(100% - 45px);
	background: rgb(0 0 0 / 20%);
	height: 1px;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
}
.custom-list .elementor-icon-list-item:last-child {
    padding-bottom: 30px;
}
.lang-selector {
    border: 2px solid rgb(0 0 0 / 20%);
    border-radius: 50px;
}
.lang-selector a {
    color: #000;
    font-weight: 500;
} 
/* header#site-header {
    display: none;
} */
.site-footer {
    display: none;
}
.form-field input, .form-field textarea {
    background-color: #F5F5F5;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    padding: 10px 28px;
}
.form-field input {
    height: 71px;
}
.contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 23px 0px;
}
.col-half {
    width: 49%;
}
.col-full {
    width: 100%;
}
.form-field p {
    margin: 0;
} 
.form-field textarea {
    height: 153px;
}
.submit-btn p {
    margin: 0;
}
.submit-btn input {
    line-height: normal;
    background: #8C6BB0;
    border-color: #8C6BB0;
    color: #fff;
    transition: .2s all;
    min-width: 180px;
}
.submit-btn input:hover {
    background-color: #6A994E;
    border-color: #6A994E;
} 
.site-header .header-inner {
    max-width: 1620px;
    padding: 0px 10px;
    align-items: center;
    width: 95%;
}
ul.header-menu {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 1vw;
    align-items: center;
}
ul.header-menu li a {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    transition: .2s all;
}
.site-branding p {
    display: none;
}
.left-menu {
    width: 40%;
}
.right-menu {
    width: 40%;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.wpml-ls-legacy-dropdown {
    width: auto;
}
.site-header .site-branding {
    width: 20%;
}
.right-menu ul.header-menu {
    justify-content: end;
}
#site-header {
    background: #fffbf3;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
	padding-left: 10px;
    padding-right: 10px;
} 
.header-menu > li a:hover {
    color: #6A994E;
}
.sticky-button .elementor-icon-wrapper {
    display: flex;
}
.sticky-button .elementor-icon svg {
    transition: .2s all;
	transform:rotate(0deg);
}
.sticky-button:hover .elementor-icon svg {
    transform:rotate(45deg);
}
.footer-links li a {
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}
header {
  position: relative;
  z-index: 9;
  background: #fff;
  transition: top 0.3s ease; /* Smooth transition for the top property */
}

header.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  animation: slideDown 0.3s ease; /* Animation for the sliding effect */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: add shadow for visibility */
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.form-field input:focus, .form-field textarea:focus {
    outline: none;
}
.form-field textarea:focus {
    border:1px solid
}
.site-header .site-branding img {
    max-width: 230px;
    margin: 0 auto;
    width: 100%;
}
.e-con.e-flex>.e-con-inner {
    width: 95%;
}
.site-navigation-toggle-holder {
    padding: 0;
}
.stephanie-section{
	z-index:1;
}
.stephanie-section::after {
    position: absolute;
    content: "";
    width: 45%; 
    height: 100%;
    background-image: url("/wp-content/uploads/2026/01/Stephanie.png");
    right: 0;
    left: auto;
    background-size: contain;
    background-position: bottom right;
    z-index: -1;
    background-repeat: no-repeat;
}
.andreas-section {
    position: relative;
}
.andreas-section::after { 
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2026/01/Andreas-bg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 40%;
    height: 97%;
    z-index: -1;
    left: 0;
    background-size: contain;
    bottom: 0;
}
.custom-line::before {
    width: 1px;
    height: 100%;
    background: rgb(140 107 176 / 60%);
    position: absolute;
    content: "";
    left: 46px;
    top: 10px;
}
.custom-line-green::before {
    background: rgb(255 255 255 / 60%);
} 
.custom-lists ul.elementor-icon-list-items {
    position: relative;
}
ul.header-menu > li > a {
    background-color: transparent;
    border-radius: 50px;
    padding: 5px 10px;
    transition: .2s all;
}
ul.header-menu > li > a:hover, ul.header-menu > li.current-menu-item > a {
    color: #fff;
    background: #6A994E;
}
.elementor-widget-text-editor a {
    border-bottom: 1px solid;
}
.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: #6A994E;
} 
div.tnp-subscription {
    max-width: 100%;
}
.tnp-subscription .tnp-field input {
    border: 1px solid #E6E6E6;
    background: #F5F5F5;
    border-radius: 10px;
    padding: 20px 30px;
}
.tnp-subscription .tnp-field.tnp-field-button input {
    background: #8C6BB0;
    border-radius: 50px;
}
.tnp-field label {
    display: none;
} 
.newsletter-confirm {
    background: #fff;
    max-width: 1317px;
    text-align: center;
    padding: 60px 20px;
    margin: 0 auto;
	position:relative;
	
}
.newsletter-confirm-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(0 0 0 / 70%);
    z-index: 99;
    height: 100%;
    text-align: center;
    padding: 10% 15px 15px;
    transition: .2s all;
}
.newsletter-confirm p {
    font-size: 28px;
    color: #000;
    font-weight: 600;
    text-align: center;
    max-width: 702px;
    margin: 23px auto 0px!important;
    line-height: 1.3;
}
.mailerlite-form .mailerlite-form-field {
    margin-bottom: 28px;
}
.tnp-subscription div.tnp-field:last-child {
    margin: 0;
} 
.newsletter-confirm-outer.popup-remove {
    display: none;
}
.clos-btn {
    position: absolute;
    top: 20px;
    right: 20px;
}
.popup-close {
    display: block;
    cursor: pointer;
    transition: .2s all;
    transform: scale(1);
}
.popup-close:hover {
    transform: scale(1.1);
} 
.lang-dropdown {
    background-color: #fff;
    border: 2px solid rgb(0 0 0 / 20%);
    border-radius: 50px;
    width: 76px;
    padding: 5px 10px;
    position: relative;
    background-image: url(/wp-content/uploads/2026/01/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center right 10px;
    display: inline-block;
    appearance: none;
    cursor: pointer;
} 
.lang-menu > a:hover {
    background-color: transparent !important;
}
.lang-dropdown:focus {
    outline: none;
}
.footer-links  ul.elementor-icon-list-items.elementor-inline-items {
    padding: 0;
    list-style: none;
    display: inline-flex;
}
.lang-menu > a {
    pointer-events: none;
}
.lang-menu > a select {
    pointer-events: auto;
}
.mailerlite-form-field input {
    border: 1px solid #E6E6E6;
    background: #F5F5F5;
    border-radius: 10px;
    padding: 20px 30px;
}
.mailerlite-form-field label {
    display: none;
}
.mailerlite-form .mailerlite-form-field label {
     display: none; 
}
button.mailerlite-subscribe-submit {
    line-height: normal;
    background: #8C6BB0;
    border-radius: 50px;
    text-align: left;
    color: #fff;
    border-color: #8C6BB0;
}
.mailerlite-form .mailerlite-subscribe-button-container {
    text-align: left;
} 
button.mailerlite-subscribe-submit:hover {
    background: #6a994e;
}
.mailerlite-form-field input:focus {
    outline: none;
}
.wpml-ls-legacy-dropdown a {
    border: 2px solid #0000001A;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 8px 10px;
}
.wpml-ls-current-language  > a {
    border-radius: 50px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 10px;
    width: 9px;
    height: 9px;
    background-color: transparent;
    border: 2px solid #000;
    border-right: none;
    border-top: none;
    transform: rotate(-45deg);
    top: 10px;
}
.page-id-913 .sticky-button, .page-id-1200 .sticky-button {
    display: none;
}

.custom-contact-btn > a {
    background-color: transparent !important;
    color: #000 !important ;
}

.custom-contact-btn > a:hover {
    background-color: #6A994E !important;
    color: #fff !important;
}
.mobile-contact-btn > a {
    background: #fff !important;
    color: #55595c !important;
}
.mobile-contact-btn > a:hover {
    background-color: #6A994E !important;
    color: #fff !important;
}

/* media rule start */

@media (min-width: 768px) and (max-width: 1200px) {
.unsere-mission {
	background-size: 160px;
}
}

@media (min-width: 1025px) and (max-width: 1100px) {
.andreas-section {
    background-position: 45% 90px !important;
    background-size: 148px;
}
.stephanie-section::before {
    background-size: 130px;
    background-position: 51% 120px !important;
}
}

@media (min-width: 992px) and (max-width: 1220px) {
ul.header-menu {
    gap: 15px 0.2vw;
}
ul.header-menu li a {
    font-size: 15px;
}
}


@media (max-width:1024px){
.andreas-section::after, .stephanie-section::after {
    display:none;
}
.custom-line::before {
    left: 41px;
}
.e-con.e-flex>.e-con-inner {
    width: 100%;
}
.sticky-button {
    bottom: 0;
    top: auto !important;
} 
.site-header .header-inner {
    width: 100%;
}
.mailerlite-form-field input {
    padding: 15px;
}
.mailerlite-form .mailerlite-form-field {
    margin-bottom: 15px;
}
}  

@media(min-width:992px){ 
.half-container {
    padding-left: 2%;
}
}
 
@media (max-width:991px){ 
.wpml-ls-legacy-dropdown a {
    font-size: 14px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    height: 8px;
    width: 8px;
}
.site-header .site-branding {
    width: calc(100% - 120px);
}
.right-menu {
    width: auto;
}
.site-header .site-branding img {
    margin: 0;
}
.left-menu, .right-menu .header-menu  {
    display: none;
}
.site-navigation-toggle-holder .site-navigation-toggle {
    padding: 0px;
    width: 26px;
    height: 26px;
    background-image: url(https://nuura.ch/wp-content/uploads/2026/01/hamburger.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 0;
    background-color: transparent;
}
.site-navigation-toggle-holder.elementor-active .site-navigation-toggle {
    background-image: url(https://nuura.ch/wp-content/uploads/2026/01/close-1-1.png);
    background-size: 19px;
}
.site-navigation-toggle-holder .site-navigation-toggle-icon {
    width: 0;
    font-size: 0;
}

.form-field input, .form-field textarea {
    padding: 15px;
}
.form-field input {
    height: auto;
}
.custom-list .elementor-icon-list-item:last-child {
    padding-bottom: 20px;
}
}

@media (max-width:767px){
.custom-line::before {
  display:none;
}
.col-half {
    width: 100%;
}	
.site-header .site-branding img {
    max-width: 150px;
}
.site-navigation-dropdown ul.menu li a {
    padding: 15px;
}
}
// Calendly: Höhe automatisch anpassen
window.addEventListener('message', function(e) {
  if (e.data.event && e.data.event === 'calendly.page_height') {
    var widget = document.querySelector('.calendly-inline-widget');
    if (widget) {
      widget.style.height = e.data.payload.height + 'px';
    }
  }
});