```css
/* ==========================================================
   Helix Ultimate - Module mit abgerundeten Ecken
   ========================================================== */

/* Standardmodul */
.sp-module {
    border-radius: 14px;
    overflow: hidden;   /* sorgt dafür, dass der Titel ebenfalls abgerundet ist */
}

/* Modultitel */
.sp-module-title {
    margin: 0;
    padding: 12px 18px;
}

/* Modulinhalt */
.sp-module-content,
.sp-module-body {
    padding: 18px;
}

/* ---------- Farbvarianten ---------- */

/* Blau */
.modul-blau {
    background: #edf6ff;
    border: 1px solid #8db8dd;
}
.modul-blau .sp-module-title {
    background: #428bca;
    color: #fff;
}

/* Grün */
.modul-gruen {
    background: #eef9ef;
    border: 1px solid #95c79b;
}
.modul-gruen .sp-module-title {
    background: #5ba85b;
    color: #fff;
}

/* Orange */
.modul-orange {
    background: #fff6e8;
    border: 1px solid #e4bf74;
}
.modul-orange .sp-module-title {
    background: #f0ad4e;
    color: #fff;
}

/* Rot */
.modul-rot {
    background: #fff0f0;
    border: 1px solid #d8a0a0;
}
.modul-rot .sp-module-title {
    background: #d9534f;
    color: #fff;
}

/* Grau */
.modul-grau {
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
}
.modul-grau .sp-module-title {
    background: #6d6d6d;
    color: #fff;
}
```
