hallo,
erklären kann ich es nicht, da noch nicht näher untersucht.
Wenn ich mich nicht täusche, hatte ich mal eine Webseite von drmenzelit gesehen wo Sie ein «Shape Divider» in einem Cassiopeia eingebaut hatte.
ja, hier https://j4.dr-menzel-it.de/styles/style-2
liebe grüße, christine
Danke christine2 , Ja, genau dieser war es. Gebe doch kurz Bescheid im Fall dass du es auch noch untersuchen wirst. 
Es scheint es hätte nur css und html.
Einstellungen für JCE Editor wie iframes und svg werden akzeptiert, aber beim einfügen dieser Code im JCE wird er nicht angenommen und gelöscht.
<div class="custom-shape-divider bottom-a">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none">
<path d="M0,150L500,30L500,150L0,150Z"></path>
</svg>
</div>Oder kommt dieser Code anderswo ?
EDIT: Ok, mit dem CodeMirror wird er gespeichert. Ich teste mal weiter...
Der svg Code ist in meinem Template in der index.php eingebaut
hallo viviana,
meinst das wahrscheinlich
// Divider
$wave = '<svg viewBox="0 0 500 150" preserveAspectRatio="none">
<path d="M0.00,49.98 C253.38,114.77 349.20,-50.00 500.00,49.98 L500.00,150.00 L0.00,150.00 Z" style="stroke: none;"></path>
</svg>';
$tiltr = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none">
<path d="M0,30L500,150L500,150L0,150Z"></path>
</svg>';
$tiltl = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none">
<path d="M0,150L500,30L500,150L0,150Z"></path>
</svg>';liebe grüße, christine
Oh, schon wieder! Ich bekomme immer Hunger, wenn ich mir die Seite anschaue. 
In deiner user.css steht ganz oben bei .footer ein margin-top.
Wenn du das auf -10px setzt, sollte es reichen.
Vielleicht noch eine letzte Frage:
Wie man sehen kann passt sich der Shape-Divider für verschiedene Bildschirmgrössen nicht korrekt an. Es betrifft Breiten zwischen PC und Smartphone.
Welche CSS Anweisungen wären ideal, mit diesem konkreter Beispiel.
Irgendwie habe ich immer ein durcheinander mit den Media Queries. 
Stef Hast du das schon einmal damit probiert? So, wie ich das sehe, ist die Lösung voll responsiv. Habs aber nur auf der Seite ausprobiert.
hmm, muss das mal selbst ausprobieren.
Also, ich habs ziemlich hingekriegt, ist aber ein bisschen ein Gebastel:
Cassiopeia (Layout: Fluid) / Eigenes Modul auf bottom-a Inhalt (ohne Editor eingefügt)
Und dann steht in der user.css folgendes zum Thema:
Das Ergebnis sieht dann so aus:
Ja. unterhalb 430px Breite funzt es allerdings noch nicht wirklich. Wie gesagt: Es war ein Versuch, und es ist in der Form ein Gebastel.
.footer svg {
position: relative;
display: block;
width: calc(111% + 1.3px);
height: 150px;
margin-left: -22px;
margin-top: -20px;
transform: rotate(180deg);
}das transform und die margins haben mir schlussendlich geholfen.
Hatte es direkt so generiert, darum war bei mir kein transform nötig.
Bleibt aber trotzdem ein Gebastel 
wenn ich das eingebe - user.css
.grid-child.container-bottom-b {
display: block;
}habe ich keinen weißen abstand mehr. ob so korrekt, weiß ich nicht
ev. spielt mir der cache einen streich.
mit code ok. ohne hab ich weißen streifen.
mit einer hand ist das gemurkse. ich geh dann mal wieder.