.elementor .background{padding-block-start:5rem;padding-block-end:5rem;padding-inline-start:3rem;padding-inline-end:3rem;/* 1. Base Container Styling (Automatically scoped) */
background-color: #f5f7f9;
background-image: radial-gradient(circle at 2px 2px, rgba(58, 67, 76, 0.05) 1px, transparent 0);
background-size: 40px 40px;
position: relative;
overflow: hidden;
z-index: 1;

/* 2. Ensure your Elementor content stays in front of the blobs */
& > * {
position: relative;
z-index: 2;
}

/* 3. Red Glow Blob (Top Right - from Immobilienanalyse) */
&::before {
content: "";
position: absolute;
width: 50vw;
height: 50vw;
max-width: 800px;
max-height: 800px;
border-radius: 50%;
background-color: #d1111c; /* var(--red) */
filter: blur(140px);
opacity: 0.15;
top: 10%;
right: -5%;
z-index: 0;
pointer-events: none;
}

/* 4. Navy Glow Blob (Middle Left - from Immobilienanalyse) */
&::after {
content: "";
position: absolute;
width: 50vw;
height: 50vw;
max-width: 800px;
max-height: 800px;
border-radius: 50%;
background-color: #3a434c; /* var(--navy) */
filter: blur(140px);
opacity: 0.15;
top: 40%;
left: -10%;
z-index: 0;
pointer-events: none;
}\n}.elementor .hero-background{min-height:15vh;max-width:55vw;padding-block-start:3rem;padding-block-end:3rem;padding-inline-start:calc(-600px + 2.5rem + 50vw);;padding-inline-end:6rem;margin-block-start:9.5rem;margin-block-end:4rem;margin-inline-end:0rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:end;/* 1. Base Grey/Navy Background */
background-color: #3a434c; /* var(--navy) */
color: #ffffff;

/* 2. The Drop Shadow */
/* Note: Shadows are sometimes clipped by clip-path, so Elementor might require applying this to a parent wrapper if it gets cut off */
box-shadow: 20px 0 60px rgba(0, 0, 0, 0.4);

/* 3. The Signature Angled Cut on the bottom-right */
clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%);\n}