/* =========================================================
   Farbkonzept "Soft Geometry Premium Gold + Soft Gold Sage"
   Seite: Keynote Speaker Führung
   Designerin: Carolin Skiba / Umsetzung: www.peterscheerer.com
   ========================================================= */

/* Seiten-ID laut HTML-Body */
body#page-2657268933 {
  background-color: #ffffff !important;
  position: relative !important;
  z-index: 0 !important;
}

/* =========================================================
   1) Soft Geometry Premium Gold Pattern (dreidimensionaler Look)
   ========================================================= */
body#page-2657268933 .hs-fullwidth-grey {
  background-color: #ffffff !important;
  /* SVG-Muster mit Linien in drei Richtungen (Premium-Look) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg stroke='%23D3C49B' stroke-width='1.1' opacity='0.65'%3E%3Cpath d='M50 0 L100 25 L100 75 L50 100 L0 75 L0 25 Z M50 0 L50 100 M0 25 L100 75 M0 75 L100 25' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 90px 90px;
  background-position: center;
  position: relative !important;
  z-index: 0 !important;
}

/* Overlay neutralisieren */
body#page-2657268933 .hs-fullwidth-grey::before {
  background: transparent !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
}

/* =========================================================
   2) Untere Sektion – Soft Gold Sage (#DFDEC6)
   ========================================================= */
body#page-2657268933 .hs-fullwidth-color.bg-primary,
body.brand-bg#page-2657268933 .hs-fullwidth-color.bg-primary {
  background: #DFDEC6 !important;
  background-color: #DFDEC6 !important;
  position: relative !important;
  z-index: 0 !important;
}

body#page-2657268933 .hs-fullwidth-color.bg-primary::before,
body.brand-bg#page-2657268933 .hs-fullwidth-color.bg-primary::before {
  background: #DFDEC6 !important;
  background-image: none !important;
  opacity: 1 !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
}

/* =========================================================
   3) Transparente Inhalte
   ========================================================= */
body#page-2657268933 .hs-fullwidth-grey > div,
body#page-2657268933 .hs-fullwidth-color.bg-primary > div {
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}

body#page-2657268933 .hs-fullwidth-grey img,
body#page-2657268933 .hs-fullwidth-color.bg-primary img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: none !important;
  margin: 0 !important;
}

/* =========================================================
   4) Fullwidth-Bilder
   ========================================================= */
#image-fullwidth {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}
#image-fullwidth img {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  margin: 0;
}