.elementor-10 .elementor-element.elementor-element-0c7b1a9 > .elementor-background-overlay{background-color:#000000;opacity:0.47;}.elementor-10 .elementor-element.elementor-element-0c7b1a9:hover > .elementor-background-overlay{opacity:0.5;filter:brightness( 0% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-0c7b1a9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-e5ec17d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-e5ec17d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for column, class: .elementor-element-e5ec17d *//* Vollflächiger, animierter Mesh-Gradient */
.bg-mesh {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  transform: translateZ(0);
}

.bg-mesh::before {
  content: "";
  position: absolute;
  inset: -12%;
  background:
    radial-gradient(40% 45% at 20% 25%, var(--c1) 0 60%, transparent 61%),
    radial-gradient(45% 40% at 82% 18%, var(--c2) 0 60%, transparent 61%),
    radial-gradient(55% 50% at 60% 80%, var(--c3) 0 60%, transparent 61%),
    var(--bg, #f6f1e4);
  filter: blur(40px) saturate(1.1);
  animation: mesh-move 40s ease-in-out infinite alternate;
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* Farbschemata über Variablen – du kannst beliebig viele Paletten definieren */
.palette-spring{ --bg:
#fbe8c6; --c1:
#f6b36b; --c2:
#65c6bb; --c3:
#9bc4a0; }
.palette-night { --bg:
#0e1222; --c1:
#203a43; --c2:
#0f2027; --c3:
#2c5364; }
.palette-sunset{ --bg:
#ffe6cc; --c1:
#ff9a76; --c2:
#ffd07f; --c3:
#8ad7c1; }
@keyframes mesh-move{
  0%   { background-position: 20% 25%, 82% 18%, 60% 80%, 50% 50%; }
  50%  { background-position: 25% 28%, 76% 22%, 55% 74%, 50% 50%; }
  100% { background-position: 30% 33%, 70% 26%, 47% 68%, 50% 50%; }
}
@keyframes hue{ to { filter: hue-rotate(360deg); } }
/* Barrierefreiheit: Animationen respektvoll drosseln/abschalten */
@media (prefers-reduced-motion: reduce){
  .bg-mesh, .bg-mesh::before{ animation: none; }
}/* End custom CSS */