.elementor-kit-7{--e-global-color-primary:#13203E;--e-global-color-secondary:#0F357D;--e-global-color-text:#6599B7;--e-global-color-accent:#FFFAEE;--e-global-color-fe3dd60:#E97278;--e-global-color-cd022a2:#FFFFFF;--e-global-color-dbb1cfd:#40AE49;--e-global-color-3b8b204:#88B04B;--e-global-color-6b98a52:#1F5129;--e-global-typography-primary-font-family:"arboria";--e-global-typography-secondary-font-family:"arboria";--e-global-typography-text-font-family:"arboria";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-accent );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:300ms;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:992px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}}
/* Start custom CSS *//* -------------------------------- 

General

-------------------------------- */
body{
overflow-y: scroll;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
}

.blur{
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.blur_light{
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}

*:focus {
outline: none;
}

input::placeholder, textarea::placeholder {
color: var(--blue) !important;
opacity: 1 !important;
}


.aspect1-1{
aspect-ratio: 1 / 1;
}
.aspect4-3{
aspect-ratio: 4 / 3;
}
.aspect16-9{
aspect-ratio: 16 / 9;
}

.p_none{
pointer-events: none;
}
.p_auto{
pointer-events: auto;
}

.oflow_hidden{
overflow:hidden;
}
.shadow_01{
box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}
.shadow_02{
box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}
.shadow_03{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.drop_shadow_01{
filter: drop-shadow(rgba(0,0,0,.2) 0.7rem 0.7rem 12px);
}


/* -------------------------------- 
HELPER CLASSES
-------------------------------- */

.padding_zero{
padding:0 auto;
}
.margin_zero{
margin:0 auto;
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mt60{
margin-top:60px;
}
.mt90{
margin-top:90px;
}

.mt-5{
margin-top:-5px;
}
.mt-10{
margin-top:-10px;
}
.mt-15{
margin-top:-15px;
}
.mt-20{
margin-top:-20px;
}

.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}


/* -------------------------------- 

Color
color:var(--red);
-------------------------------- */
:root {
--darkblue: #13203e;
--blue: #0f357d;
--lightblue: #6599b7;
--ghiblue: #139eda;
--offwhite: #fffaee;
--coral: #e97278;
--white: #ffffff;
}
.darkblue{
color: #13203e;
}
.blue{
color: #0f357d;
}
.lightblue{
color: #6599b7;
}
.ghiblue{
color: #139eda;
}
.offwhite{
 color: #fffaee;
}
.coral{
 color: #e97278;
}
.white{
 color: #ffffff;
}



/* -------------------------------- 

Responsive Typography

-------------------------------- */
.display_xl { 
font-size: 36px !important; 
cursor: default;
}
@media (min-width: 375px) { 
.display_xl {
font-size: calc(36px + (90 - 36) * ((100vw - 375px) / (1440 - 375))) !important; 
}
}
@media (min-width: 1440px) { 
.display_xl {
font-size: 90px !important;
}
}

.display_l, .display_l h1 { 
font-size: 32px !important;
cursor: default;
}
@media (min-width: 375px) { 
.display_l, .display_l h1 {
font-size: calc(32px + (70 - 32) * ((100vw - 375px) / (1440 - 375))) !important; 
}
}
@media (min-width: 1440px) { 
.display_l, .display_l h1 {
font-size: 70px !important; 
}
}

.display_m, .display_m h1, .display_m h2 { 
font-size: 32px !important;
cursor: default;
}
@media (min-width: 375px) { 
.display_m, .display_m h1, .display_m h2 {
font-size: calc(32px + (56 - 32) * ((100vw - 375px) / (1440 - 375))) !important;
}
}
@media (min-width: 1440px) { 
.display_m, .display_m h1, .display_m h2 {
font-size: 56px !important; 
}
}


h1, .h1, .h1 h2 { 
font-size: 28px; 
cursor: default;
}
@media (min-width: 375px) { 
h1, .h1, .h1 h2 {
font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h1, .h1, .h1 h2 {
font-size: 40px; 
}
}


h2, .h2, .h2 h3 { 
font-size: 26px; 
cursor: default;
}
@media (min-width: 375px) { 
h2, .h2, .h2 h3 {
font-size: calc(26px + (32 - 26) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h2, .h2, .h2 h3 {
font-size: 32px; 
}
}


h3, .h3, .h3 h2  { 
font-size: 22px; 
cursor: default;
}
@media (min-width: 375px) { 
h3, .h3, .h3 h2 {
font-size: calc(22px + (26 - 22) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h3, .h3, .h3 h2 {
font-size: 26px; 
}
}

h4, .h4, .h4 h2 { 
font-size: 18px; 
cursor: default;
}
@media (min-width: 375px) { 
h4, .h4, .h4 h2 {
font-size: calc(18px + (22 - 18) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h4, .h4, .h4 h2 {
font-size: 22px; 
}
}

h5, .h5{ 
font-size: 16px; 
cursor: default;
}
@media (min-width: 375px) { 
h5, .h5 {
font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h5, .h5 {
font-size: 20px; 
}
}

h6, .h6{ 
font-size: 14px; 
cursor: default;

letter-spacing: 4px;
text-transform: uppercase;
}

.display_xl, .display_l, .display_m{ 
line-height: 1.1 !important;
}
h1{ 
line-height: 1.1 !important;
}
h2{ 
line-height: 1.1 !important;
}
h3{ 
line-height: 1.2 !important;
}
h4{ 
line-height: 1.2 !important;
}
h5{ 
line-height: 1.3 !important;
}
h6{ 
line-height: 1.2 !important;
}
@media (max-width: 767px) {
.display_xl, .display_l, .display_m{ 
line-height: 1.2 !important;
}
}

p, .p, .elementor-icon-list-item{ 
font-size: 18px !important;
cursor: default;
line-height:1.5 !important;
font-optical-sizing: auto;
font-style: normal;
}
@media (min-width: 375px) { 
p, .p, .elementor-icon-list-item {
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1140px) { 
p, .p, .elementor-icon-list-item {
font-size: 20px !important; 
}
}

.p_sm { 
font-size: 16px !important;
cursor: default;
line-height:1.5 !important;
font-optical-sizing: auto;
font-style: normal;
}
@media (min-width: 375px) { 
.p_sm {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1140px) { 
.p_sm {
font-size: 18px !important; 
}
}

.p_l { 
font-size: 18px !important;
cursor: default;
line-height:1.5 !important;
font-optical-sizing: auto;
font-style: normal;
}
@media (min-width: 375px) { 
.p_l {
font-size: calc(18px + (24 - 18) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1140px) { 
.p_l {
font-size: 24px !important; 
}
}


ul, ol, .ul{
font-size:18px !important;
line-height:1.5;
cursor:default;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
@media (min-width: 375px) { 
ul, ol, .ul {
font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1140px) { 
ul, ol, .ul {
font-size: 21px !important; 
}
}

@media (max-width: 767px) {
.p_l { 
font-size: 18px !important;
cursor: default;
line-height:1.3 !important;
font-optical-sizing: auto;
font-style: normal;
}
@media (min-width: 375px) { 
.p_l {
font-size: calc(18px + (24 - 18) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1140px) { 
.p_l {
font-size: 24px !important; 
}
}
}
.p16{ 
font-size: 16px !important;
cursor: default;
line-height:1.5;
font-optical-sizing: auto;
}
.p15{ 
font-size: 15px !important;
cursor: default;
line-height:1.3;
font-optical-sizing: auto;
}
.p14{ 
font-size: 14px !important;
cursor: default;
line-height:1.3;
font-optical-sizing: auto;
}
.p12{ 
font-size: 12px !important;
cursor: default;
line-height:1.3;
font-optical-sizing: auto;
}

.fw9{
font-weight:900;
}
.fw8{
font-weight:800;
}
.fw7{
font-weight:700;
}
.fw6{
font-weight:600;
}
.fw5{
font-weight:500;
}
.fw4{
font-weight:400;
}
.fw3{
font-weight:300;
}

.italic{
font-style: italic;
}

.t_center{
text-align: center;
}
.l_spacing{
letter-spacing: 3px;
}

.uppercase{
text-transform: uppercase;
}

.arboria{
font-family: "arboria", sans-serif;
}



/* -------------------------------- 

Hyperlinks

-------------------------------- */
a:link{
cursor:pointer !important;
}
.link_inline{
text-decoration:underline !important;
color:inherit;
}
.link_inline:hover{
text-decoration:underline !important;
color:inherit;
}

/* -------------------------------- 

Header

-------------------------------- */

/* -------------------------------- 

Footer

-------------------------------- */

/* -------------------------------- 

Homepage

-------------------------------- */


.custom_fade {
opacity: 0;
transition: opacity 0.6s ease-in-out;
}

.custom_fade:hover {
opacity: 1;
}


#start_hero_img{
background-image:url("https://gemeindehilfe-israel.ch/wp-content/uploads/2026/06/Hands_01.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}


.heart-beat {
transform-origin: center;
animation: heartbeat 1.2s infinite ease-in-out;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.25); 
  }
  28% {
    transform: scale(1); 
  }
  42% {
    transform: scale(1.3); 
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1); 
  }
}

#scale_overlay{
    transform: scale(1.01); 
  }
/* -------------------------------- 

GHI - Förderverein

-------------------------------- */
.gradient_bg_anim {
height: 100%;
background: 
linear-gradient(-45deg, #139eda, #0f357d) 0/ 500%;
animation: gradient 20s ease-in-out infinite;
}

@keyframes gradient { 50% { background-position: 100% } }

/* -------------------------------- 

Password Protection

-------------------------------- */
.post-password-form {
padding: 20px 20px 20px 20px;
padding-top:200px;
padding-bottom:300px;
text-align:left;
font-size:18px;
font-weight:500;
}
.post-password-form label {
margin-top:5px;
}
	
.post-password-form input[type=”password”] {
border: 2px solid #0f357d;
padding: 10px;
width: 100%;
max-width: 300px;
border-radius: 40px;
font-family: "arboria", sans-serif;
color: #0f357d;
}	
	
.post-password-form input[type=”submit”] {
background-color: #0f357d;
color: #ffffff;
border: none;
border-radius: 40px;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s;
font-family: "arboria", sans-serif;
font-size:18px;
font-weight:500;
}	
.post-password-form input[type=”submit”]:hover {
background-color: #0f357d;
}
	
.post-password-form p {
font-family: "arboria", sans-serif;
font-size: 16px;
text-align: left;
font-family: "arboria", sans-serif;
color: #0f357d;
font-size:18px;
font-weight:500;
}	
	
.post-password-form input {
margin-bottom: 15px;
font-family: "arboria", sans-serif;
font-size:18px;
font-weight:500;
}

/* -------------------------------- 

Impressum/Datenschutz

-------------------------------- */

.impressum h2{
margin-top:30px;
}
.impressum h1{
margin-bottom:30px;
}

.datenschutz{
font-family: "arboria", sans-serif;
color: #13203e;
}/* End custom CSS */