/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */

.c_inherit {
    color: inherit;
}

.c_inherit:hover {
    color: var( --e-global-color-accent );
    /*color: var( --e-global-color-accent: ) !important;*/

}




@font-face {
    /*font-family: "Roboto (Local)";*/
    /*src: url(https://dpeterson.de/wp-content/themes/jupiterx-child/assets/fonts/roboto/Roboto-Regular.woff2);*/
}





.elementor-widget-text-editor {
    /*font-family: 'Roboto (Local)', sans-serif;*/
}





body {
    overflow-x: hidden;

}
.tag {
    backdrop-filter: blur(20px);
}
.scroll-container {
    overflow: visible;
    will-change: transform;
    transition: transform 0.2s ease; /* Smooth transition for transform */
}
.panel {
    will-change: transform;
    aspect-ratio: 1.5;
    transition: background-size 0.2s ease;
}
.panel:hover {
    background-size: 130% !important;
    transition: 0.2s;
}
.overflow-hidden {
    overflow: hidden;
}

.sticky-section {
    /*transition: position 0.2s ease; !* Smooth transition for position change *!*/
    transition: position 2s ease; /* Smooth transition for position change */
}

.scroll-container {
    scroll-snap-type: x mandatory;
}

.panel {
    scroll-snap-align: start;
}