/* Wrapper für das Canvas */
.liquid-hero-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Ganz hinten */
    pointer-events: none; /* Klicks gehen durch */
    overflow: hidden;
}

/* Das Canvas selbst */
#liquid-hero-canvas {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.4; /* Transparenz */
}

/* Anpassung für Blocksy Hero Section */
/* Wir müssen sicherstellen, dass der Inhalt des Heros ÜBER dem Canvas liegt */
.hero-section, 
.entry-header {
    position: relative !important; /* Wichtig für absolutes Kind */
    background: transparent !important; /* Hintergrund durchsichtig machen, falls Farbe gesetzt */
}

/* Inhalte im Hero nach vorne holen */
.hero-section .ct-container,
.entry-header .ct-container,
.entry-title,
.hero-section-content {
    position: relative;
    z-index: 10;
}