/* Zwei aktuelle Markenauftritte auf einer gemeinsamen redaktionellen Buehne. */
#beispiel .cs-landing-grid {
  position: relative;
  isolation: isolate;
  align-items: start;
  gap: clamp(24px, 3vw, 46px);
  padding: 28px 0 48px;
}
#beispiel .cs-landing-grid::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8% -2.5% 4%;
  border: 1px solid #b5e7d938;
  background: linear-gradient(112deg, #102e34 0 50%, #24433c 50% 100%);
  clip-path: polygon(0 5%, 100% 0, 100% 94%, 0 100%);
  pointer-events: none;
}
#beispiel .cs-window {
  position: relative;
  z-index: 1;
}
#beispiel .cs-window:nth-child(2) { margin-top: clamp(28px, 4vw, 58px); }
#beispiel .cs-window-inner {
  border: 1px solid #d9eee480;
  border-radius: 5px;
  box-shadow: 16px 20px 40px #06171970;
}
#beispiel .cs-window:first-child .cs-window-inner { border-top: 5px solid #e3ed5b; }
#beispiel .cs-window:nth-child(2) .cs-window-inner { border-top: 5px solid #9fe2c3; }
#beispiel .cs-window figcaption {
  margin-top: 17px;
  padding-left: 13px;
  border-left: 2px solid #9fe2c3;
}
#beispiel .cs-window:first-child figcaption { border-left-color: #e3ed5b; }
#beispiel .cs-window:first-child figcaption b { color: #e3ed5b; }
#beispiel .cs-window:nth-child(2) figcaption b { color: #9fe2c3; }
@media (max-width: 950px) {
  #beispiel .cs-landing-grid { gap: 22px; padding-bottom: 20px; }
  #beispiel .cs-window:nth-child(2) { margin-top: 0; }
  #beispiel .cs-landing-grid::before { inset: 4% -10px 0; }
}