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

/* ─────────────  Hover-Reveal-Effekt  ───────────── */
.reveal-on-hover{
    position: relative;               /* Referenzpunkt für Kind-Elemente */
}

/* Fließtext ist zunächst unsichtbar */
.reveal-on-hover .reveal-copy{
    opacity: 0;
    transform: translateY(6px);       /* kleiner Slide-In von unten   */
    pointer-events: none;             /* verhindert Klicks im Verborgenen */
    transition: opacity .35s ease, transform .35s ease;
}

/* Sichtbar, sobald die Kachel gehovert wird */
.reveal-on-hover:hover .reveal-copy{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}


/* ──────────────────────────────────────────────────────────────
   1)  Header bleibt ganz vorn
   ────────────────────────────────────────────────────────────── */
.site-header{                 /* ggf. an dein Header-Selektor anpassen */
    position: relative;       /* erzeugt Stacking-Context               */
    z-index: 100000;          /* höher als alle hier definierten Pop-ups*/
}

/* Start custom CSS for heading, class: .elementor-element-e0bbdb0 */
/* Gradient-Headline ohne abgeschnittene Unterlängen */
.g-text-1 h1, .g-text-1 h2, .g-text-1 h3, .g-text-1 h4, .g-text-1 h5, .g-text-1 h6, .g-text-1 p, .g-text-1 a {
    /* --- Gradient-Füllung ------------------------------------------------ */
    background: linear-gradient(-120deg, #42a9c9 0%, #35a168 100%);
    -webkit-background-clip: text;
    /* Safari/Chrome */
    background-clip: text;
    /* Standard */
    -webkit-text-fill-color: transparent;
    color: transparent;
    /* Fallback für Browser ohne WebKit */
    /* --- Anti-Clipping-Tweaks ------------------------------------------- */
    display: inline-block;
    /* lässt das Element seine eigene Höhe bestimmen */
    line-height: 1.15;
    /* etwas mehr Zeilenhöhe für Descender */
    padding-bottom: .15em;
    /* vergrößert den Bounding-Box-Bereich unten   */
    margin-bottom: -.15em;
    /* gleicht das Padding aus, Layout bleibt gleich */
    /* Sicherheitshalber: Vermeidet Artefakte bei mehrzeiligen Breaks */
    -webkit-box-decoration-break: clone;
}


 .card {
            position: relative;
            overflow: hidden;
        }
        /* Spotlight nur bei Hover einblenden */
        
        .card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            background: radial-gradient( circle at var(--cursorX, 50%) var(--cursorY, 50%), var(--e-global-color-889c05d) 0%, transparent 40%);
            opacity: 1;
            transition: opacity 0.3s ease, background-position 0.1s;
			inset: 0;
        }