.uk-section-corner-styleb1,
.uk-section-corner-styleb2,
.uk-section-corner-styleb3,
.uk-section-corner-stylea1,
.uk-section-corner-stylea2,
.uk-section-corner-stylea3 {
  position: relative;
}
.uk-section-corner-styleb1::before,
.uk-section-corner-styleb2::before,
.uk-section-corner-styleb3::before,
.uk-section-corner-stylea1::after,
.uk-section-corner-stylea2::after,
.uk-section-corner-stylea3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 250px;
}
/** Dreieck oben **/
.uk-section-corner-styleb1::before {
  background: #96c11f;
  background: linear-gradient(70deg, #96c11f 0%, #96c11f 75%, #c5d877 75.1%, #c5d877 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
/** Dreieck oben links **/
.uk-section-corner-styleb2::before {
  background: #2ea959;
  background: linear-gradient(115deg, #2ea959 0%, #2ea959 25%, #0d6839 25.1%, #0d6839 100%);
  clip-path: polygon(0 0, 0 100%, 66% 0);
}
/** Dreieck oben links **/
.uk-section-corner-styleb3::before {
  background: #ffffff;
  clip-path: polygon(0 0, 0 100%, 100% 0);
}
/** weißes Dreieck unten **/
.uk-section-corner-stylea1::after {
  background-color: #fff;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  bottom: 0px;
}
/** weißes Dreieck unten links **/
.uk-section-corner-stylea2::after {
  background-color: #fff;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  bottom: 0px;
}