.elementor-65 .elementor-element.elementor-element-576cef02{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--z-index:1;}.elementor-65 .elementor-element.elementor-element-576cef02:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-576cef02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://schamanische-kraftquellen.de/wp-content/uploads/2024/11/Schamanische-Kraftquellen.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-65 .elementor-element.elementor-element-bba9472{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-65 .elementor-element.elementor-element-bba9472:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-bba9472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5DC7A;}.elementor-65 .elementor-element.elementor-element-7d51fce{--spacer-size:50px;}.elementor-65 .elementor-element.elementor-element-ed20b88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-65 .elementor-element.elementor-element-ed20b88:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-ed20b88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5DC7A;}.elementor-65 .elementor-element.elementor-element-1be8f13 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65 .elementor-element.elementor-element-1be8f13{text-align:center;}.elementor-65 .elementor-element.elementor-element-1be8f13 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:1.3vw;font-weight:600;}.elementor-65 .elementor-element.elementor-element-f791c86{--spacer-size:25px;}.elementor-65 .elementor-element.elementor-element-c797cfd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65 .elementor-element.elementor-element-c797cfd{text-align:left;font-family:"EB Garamond", Sans-serif;font-size:1.3vw;font-weight:500;color:#6B4423;}.elementor-65 .elementor-element.elementor-element-4229b8e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65 .elementor-element.elementor-element-4229b8e{font-family:"EB Garamond", Sans-serif;font-size:1.3vw;font-weight:500;color:#6B4423;}.elementor-65 .elementor-element.elementor-element-1b95b01 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65 .elementor-element.elementor-element-1b95b01{font-family:"EB Garamond", Sans-serif;font-size:1.3vw;font-weight:500;color:#6B4423;}.elementor-65 .elementor-element.elementor-element-ad71c07 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65 .elementor-element.elementor-element-ad71c07{font-family:"EB Garamond", Sans-serif;font-size:1.3vw;font-weight:500;color:#6B4423;}.elementor-65 .elementor-element.elementor-element-f1262ad > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-65 .elementor-element.elementor-element-f1262ad{font-family:"EB Garamond", Sans-serif;font-size:1.3vw;font-weight:500;color:#6B4423;}@media(max-width:1024px) and (min-width:768px){.elementor-65 .elementor-element.elementor-element-576cef02{--width:0vw;}}@media(max-width:1024px){.elementor-65 .elementor-element.elementor-element-576cef02{--min-height:50vh;}.elementor-65 .elementor-element.elementor-element-1be8f13 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-65 .elementor-element.elementor-element-1be8f13 .elementor-heading-title{font-size:2.5vw;}.elementor-65 .elementor-element.elementor-element-c797cfd > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-65 .elementor-element.elementor-element-c797cfd{font-size:2.5vw;}.elementor-65 .elementor-element.elementor-element-4229b8e > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-65 .elementor-element.elementor-element-4229b8e{font-size:2.5vw;}.elementor-65 .elementor-element.elementor-element-1b95b01 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-65 .elementor-element.elementor-element-1b95b01{font-size:2.5vw;}.elementor-65 .elementor-element.elementor-element-ad71c07 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-65 .elementor-element.elementor-element-ad71c07{font-size:2.5vw;}.elementor-65 .elementor-element.elementor-element-f1262ad > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-65 .elementor-element.elementor-element-f1262ad{font-size:2.5vw;}}@media(max-width:767px){.elementor-65 .elementor-element.elementor-element-576cef02{--min-height:25vh;}.elementor-65 .elementor-element.elementor-element-1be8f13 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-65 .elementor-element.elementor-element-1be8f13{text-align:center;}.elementor-65 .elementor-element.elementor-element-1be8f13 .elementor-heading-title{font-size:5vw;}.elementor-65 .elementor-element.elementor-element-f791c86{--spacer-size:10px;}.elementor-65 .elementor-element.elementor-element-c797cfd > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-65 .elementor-element.elementor-element-c797cfd{text-align:center;font-size:5vw;}.elementor-65 .elementor-element.elementor-element-4229b8e > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-65 .elementor-element.elementor-element-4229b8e{text-align:center;font-size:5vw;}.elementor-65 .elementor-element.elementor-element-1b95b01 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-65 .elementor-element.elementor-element-1b95b01{text-align:center;font-size:5vw;}.elementor-65 .elementor-element.elementor-element-ad71c07 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-65 .elementor-element.elementor-element-ad71c07{text-align:center;font-size:5vw;}.elementor-65 .elementor-element.elementor-element-f1262ad > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-65 .elementor-element.elementor-element-f1262ad{text-align:center;font-size:5vw;}}/* Start custom CSS for html, class: .elementor-element-5eb4724 */.glassmorphism-element {
    display: flex; /* Flexbox, um Inhalte zentriert und geordnet zu halten */
    flex-direction: column; /* Die Elemente sollen vertikal angeordnet werden */
    justify-content: center; /* Zentriere die Inhalte vertikal */
    align-items: center; /* Zentriere die Inhalte horizontal */
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35vw; /* Das Element nimmt 45% der Breite des Banners ein, um proportional zu bleiben */
    aspect-ratio: 3 / 2; /* Sicherstellen, dass die Höhe und Breite im richtigen Verhältnis bleiben */
    padding: 2vw; /* Padding relativ zur Größe des Containers, um die Proportionen zu wahren */
    background: rgba(245, 245, 220, 0.65);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    overflow: hidden; /* Verhindere, dass Inhalte über den Container hinausragen */
}

.glassmorphism-element h1 {
    font-size: clamp(1.5rem, 2vw + 0.5rem, 3rem); /* Verwende clamp, um die Schriftgröße dynamisch anzupassen */
    margin-top: 0.5rem; 
    margin-bottom: 1.4rem;
    
}

.glassmorphism-element h2 {
    font-size: clamp(1rem, 1vw, 1rem); /* Verwende clamp, um die Schriftgröße dynamisch anzupassen */
    margin-bottom: 2rem;
    
}
.glassmorphism-element .button {
    display: inline-block;
    margin-top: 1rem; /*
   
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Reduziere den Box-Shadow für dezenteren Effekt */
    text-decoration: none !important;
    transition: background-color 0.3s ease, color 0.3s ease;
     /* Schriftgröße dynamisch mit clamp() anpassen */
    font-size: clamp(0.1rem, 0.5vw + 0.5rem, 1.1rem) !important; /* Minimalwert, flexible Anpassung, Maximalwert */

}

/* Media Query für kleinere Bildschirme */
@media (max-width: 1024px) {

    .glassmorphism-element {
        width: 35vw; /* Sicherstellen, dass das Element auf kleineren Bildschirmen kompakter ist */
        padding: 2.3%; /* Padding relativ zur Größe des Containers, um die Proportionen zu wahren */
    }

    .glassmorphism-element h1 {
        font-size: 1.7rem; /* Verwende eine größere Referenzgröße für kleinere Bildschirme */
    }

    .glassmorphism-element h2 {
        font-size: 1.5rem; /* Verwende eine größere Referenzgröße für kleinere Bildschirme */
    }
    .glassmorphism-element .button{
        font-size:0.1rem !important;
    }
}
/* Media Query für größere Bildschirme */
@media (min-width: 1440px) {
    .glassmorphism-element {
        width: 35vw; /* Stelle sicher, dass das Element auf größeren Bildschirmen eine kontrollierte Breite hat */
        padding: 3.3%;
    }

    .glassmorphism-element h1 {
        font-size: 3.2rem; /* Größere Schriftgröße für sehr große Bildschirme */
    }

    .glassmorphism-element h2 {
        font-size: 1.4rem; /* Größere Schriftgröße für sehr große Bildschirme */
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576cef02 */.banner {
    width: 100vw;  /* Nimmt die gesamte Breite des Viewports ein */
    height: 100vh; /* Nimmt die gesamte Höhe des Viewports ein */
    position: relative; /* Positionierung, um die Platzierung des Glassmorphism-Elements zu ermöglichen */
    overflow: hidden; /* Verhindert, dass Inhalte aus dem Banner herausragen */
}/* End custom CSS */