/* ==========================================================================
   partner.css — NUR unconsulting. Partnerspezifische Extras, die es auf
   keiner anderen Microsite gibt.

   Warum eine eigene Datei? tokens/base/components/pages/microsite.css bleiben
   projektweit identisch (damit Design-Updates einfach nachgezogen werden
   können) und theme.css enthält ausschließlich Farbwerte. Alles, was nur
   dieser eine Partner hat, steht deshalb hier — und wird auch nur von
   unconsulting eingebunden (zuletzt, nach theme.css).

   Inhalt: türkiser Sektions-Trenner nach dem Vorbild von unconsulting.net
   (dort ein Elementor-Shape-Divider, ~25 px hoch, Füllung #BDF3EE).
   ========================================================================== */
:root{
  --uc-tuerkis:#BDF3EE;   /* Türkis von unconsulting.net (Flächen + Trenner) */
}

/* ---- Türkiser Sektions-Trenner ------------------------------------------
   Full-bleed zwischen zwei Sektionen. Die gezackte Kante ist als Data-URI
   eingebettet — keine zusätzliche Datei, damit die Seite auch per Doppelklick
   (file://) ohne Nachladen funktioniert.

   Jeder Trenner bekommt eine EIGENE Kontur (--uc-sep--1/2/3), damit sich die
   „Welle" nicht wiederholt. Alle Varianten teilen die Bildsprache der
   Partner-Website: gerade Segmente, eine tiefe Kerbe, flache Ränder;
   viewBox 0 0 1000 100 mit preserveAspectRatio="none", also auf jede Breite
   gestreckt. Neue Variante = neuer Pfad nach demselben Muster:
     M<x1>,<y1> L<x2>,<y2> L<x3>,<y3> L0,<links> V0 l1000,0 v<rechts>
   (x-Werte absteigend, y zwischen 0 und 100, Ränder flach halten).

   Rein dekorativ → im Markup mit aria-hidden="true". */
.uc-sep{
  display:block; width:100%; height:28px; margin:0; border:0;
  background:var(--uc-sep-img) no-repeat center / 100% 100%;
  transform:rotate(180deg);   /* wie auf unconsulting.net: Zacken nach oben */
}
@media (max-width:640px){ .uc-sep{ height:20px; } }

/* Variante 1 — Original-Kontur von unconsulting.net */
.uc-sep,
.uc-sep--1{
  --uc-sep-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M761.9,44.1L643.1,27.2L333.8,98L0,3.8V0l1000,0v3.9' fill='%23BDF3EE'/%3E%3C/svg%3E");
}

/* Variante 2 — Kerbe weiter rechts, kräftigerer linker Anstieg */
.uc-sep--2{
  --uc-sep-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M688.4,89.6L521.7,30.5L247.3,63.2L0,9.4V0l1000,0v13.7' fill='%23BDF3EE'/%3E%3C/svg%3E");
}

/* Variante 3 — flacher Verlauf, tiefste Stelle in der Mitte */
.uc-sep--3{
  --uc-sep-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M842.6,36.9L607.4,94.3L296.5,41.8L0,17.2V0l1000,0v5.2' fill='%23BDF3EE'/%3E%3C/svg%3E");
}

/* Trenner sitzt bündig zwischen den Sektionen — der Abstand kommt aus der
   Sektion selbst, der Trenner bringt keinen eigenen mit. */
.uc-sep + .section,
.uc-sep + .ms-cta{ margin-top:0; }