/* Schiefer.IT Elementor Plugin – Particles */

/* ============================================================
 * Particles-Widget (eigenständiges Element)
 * ============================================================ */

.schiefer-particles-wrapper {
    position: relative;
    width: 100%;
}

.schiefer-particles-container {
    width: 100%;
    height: 100%;
}

.schiefer-particles-container canvas {
    display: block;
}

/* Wird genutzt, wenn der Container als Hintergrund-Layer hinter anderen
   Elementor-Elementen liegen soll. Höhe/Breite füllen dabei IMMER das
   Elternelement, unabhängig vom (dann ausgeblendeten) Höhen-Slider. */
.schiefer-particles-wrapper.schiefer-particles-position-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

/* ============================================================
 * Nativer Partikel-Hintergrund auf Section / Column / Container
 * ============================================================ */

.schiefer-particles-bg-host {
    position: relative;
}

.schiefer-particles-bg-host > canvas.particles-js-canvas-el {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    /* Fallback-Wert, falls aus irgendeinem Grund kein Elementor-Style
       geladen wird. Der Z-Index-Regler im Style-Tab (siehe
       particles-background.php) überschreibt diesen Wert normalerweise
       mit !important, ist also die eigentliche "Quelle der Wahrheit". */
    z-index: -1;
}

/* ============================================================
 * Gemeinsame Helfer-Klasse: Klicks/Hover durch die Partikel-Ebene
 * durchlassen (z.B. damit Buttons/Links unter einem Partikel-Hintergrund
 * weiterhin klickbar bleiben). Wird automatisch NICHT gesetzt, sobald
 * Hover-/Klick-Effekte der Partikel selbst aktiv sind.
 * ============================================================ */

.schiefer-particles-pointer-none {
    pointer-events: none;
}

/* Damit z.B. Buttons innerhalb einer Section mit Partikel-Hintergrund
   trotz "pointer-events:none" auf dem Host wieder klickbar sind. */
.schiefer-particles-pointer-none > :not(canvas) {
    pointer-events: auto;
}