/* =========================================================
SNIPPET 2/2: ELF RATIOS (12-Unit Basis, Top-Presets + Spiegel)
- setzt --c1w/--c2w/--c3w/--c4w
- Breite von a Units = a*u + (a-1)*g
- Kuratiert, aber mit Spiegelung für asymmetrische Layouts
========================================================= */

/* ---------- 2 Spalten ---------- */
/* 6-6 (50/50) */
.elementor .el-6-6{
  --c1w: calc((6 * var(--u)) + (5 * var(--g)));
  --c2w: calc((6 * var(--u)) + (5 * var(--g)));
}

/* 8-4 (2/3 - 1/3) + Spiegel */
.elementor .el-8-4{
  --c1w: calc((8 * var(--u)) + (7 * var(--g)));
  --c2w: calc((4 * var(--u)) + (3 * var(--g)));
}
.elementor .el-4-8{
  --c1w: calc((4 * var(--u)) + (3 * var(--g)));
  --c2w: calc((8 * var(--u)) + (7 * var(--g)));
}

/* 9-3 (3/4 - 1/4) + Spiegel */
.elementor .el-9-3{
  --c1w: calc((9 * var(--u)) + (8 * var(--g)));
  --c2w: calc((3 * var(--u)) + (2 * var(--g)));
}
.elementor .el-3-9{
  --c1w: calc((3 * var(--u)) + (2 * var(--g)));
  --c2w: calc((9 * var(--u)) + (8 * var(--g)));
}

/* 10-2 + Spiegel */
.elementor .el-10-2{
  --c1w: calc((10 * var(--u)) + (9 * var(--g)));
  --c2w: calc((2 * var(--u)) + (1 * var(--g)));
}
.elementor .el-2-10{
  --c1w: calc((2 * var(--u)) + (1 * var(--g)));
  --c2w: calc((10 * var(--u)) + (9 * var(--g)));
}

/* 7-5 (Editorial) + Spiegel */
.elementor .el-7-5{
  --c1w: calc((7 * var(--u)) + (6 * var(--g)));
  --c2w: calc((5 * var(--u)) + (4 * var(--g)));
}
.elementor .el-5-7{
  --c1w: calc((5 * var(--u)) + (4 * var(--g)));
  --c2w: calc((7 * var(--u)) + (6 * var(--g)));
}

/* ---------- 3 Spalten ---------- */
/* 4-4-4 (Drittel) */
.elementor .el-4-4-4{
  --c1w: calc((4 * var(--u)) + (3 * var(--g)));
  --c2w: calc((4 * var(--u)) + (3 * var(--g)));
  --c3w: calc((4 * var(--u)) + (3 * var(--g)));
}

/* 6-3-3 + Spiegel */
.elementor .el-6-3-3{
  --c1w: calc((6 * var(--u)) + (5 * var(--g)));
  --c2w: calc((3 * var(--u)) + (2 * var(--g)));
  --c3w: calc((3 * var(--u)) + (2 * var(--g)));
}
.elementor .el-3-3-6{
  --c1w: calc((3 * var(--u)) + (2 * var(--g)));
  --c2w: calc((3 * var(--u)) + (2 * var(--g)));
  --c3w: calc((6 * var(--u)) + (5 * var(--g)));
}

/* Optional, falls du die mittig-dominante Variante auch oft brauchst (mit Spiegel identisch):*/
.elementor .el-3-6-3{
  --c1w: calc((3 * var(--u)) + (2 * var(--g)));
  --c2w: calc((6 * var(--u)) + (5 * var(--g)));
  --c3w: calc((3 * var(--u)) + (2 * var(--g)));
}


/* ---------- 4 Spalten ---------- */
/* 3-3-3-3 (Viertel) */
.elementor .el-3-3-3-3{
  --c1w: calc((3 * var(--u)) + (2 * var(--g)));
  --c2w: calc((3 * var(--u)) + (2 * var(--g)));
  --c3w: calc((3 * var(--u)) + (2 * var(--g)));
  --c4w: calc((3 * var(--u)) + (2 * var(--g)));
}