.elementor-3758 .elementor-element.elementor-element-d53886c{--display:flex;}.elementor-3758 .elementor-element.elementor-element-d53886c:not(.elementor-motion-effects-element-type-background), .elementor-3758 .elementor-element.elementor-element-d53886c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor7 );}@media(max-width:767px){.elementor-3758 .elementor-element.elementor-element-d53886c{--border-radius:25px 25px 25px 25px;}}/* Start custom CSS for html, class: .elementor-element-3a457e7 *//* ================================
   Stayonpoker Styles – Isolation
   ================================ */

/* Basis: Container Hintergrund + Schrift */
#sop {
  background: #0b0f13;
  color: #edf2f7;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Alle Texte hell halten */
#sop h1,
#sop h2,
#sop h3,
#sop h4,
#sop h5,
#sop h6,
#sop p,
#sop span,
#sop div {
  color: #edf2f7 !important;
}

/* Links */
#sop a {
  color: #9fe6bd !important;
  text-decoration: none;
}

/* Buttons */
#sop .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.1);
}

#sop .btn-primary {
  background: #50C878 !important;
  color: #07110a !important;
  border-color: transparent !important;
}

#sop .btn-ghost {
  background: transparent !important;
  color: #dbe5ef !important;
}

/* Grid Cells */
#sop .cell.on {
  background: #50C878;               /* Fallback */
  background: rgba(80,200,120,.9);   /* Modern */
  color: #03150b !important;
}

#sop .cell.off {
  background: rgba(255,255,255,.04) !important;
  color: #aeb7c2 !important;
}

/* Pills / Badges */
#sop .pill {
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.12);
  padding: .3rem .7rem;
  color: #edf2f7;
}

#sop .badge {
  background: rgba(80,200,120,.15);
  color: #c9ffe0;
  border: 1px solid rgba(80,200,120,.3);
}

/* Tabs */
#sop .tab {
  padding: .6rem 1rem;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.08);
  color: #edf2f7;
}

#sop .tab.active {
  background: #50C878 !important;
  color: #05150b !important;
  border-color: transparent !important;
}

/* Inputs */
#sop .input {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  padding: .6rem .8rem;
  border-radius: .8rem;
  color: #e6eef7;
}

/* Glass Effekt */
#sop .glass {
  backdrop-filter: saturate(180%) blur(14px);
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.08);
}

/* Karten/Grid */
#sop .grid-cards {
  display: grid;
  grid-template-columns: repeat(13, minmax(0,1fr));
  gap: .25rem;
}

#sop .card {
  border-radius: 1.25rem;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d53886c *//* Schützt Farben im Container #sop vor Theme/Elementor */
#sop { 
  background: #0b0f13;
  color: #edf2f7;
}

#sop a { 
  color: #9fe6bd !important;
}

#sop .btn-primary {
  background: #50C878 !important;
  color: #07110a !important;
  border-color: transparent !important;
}

#sop .cell.on { 
  background: #50C878; /* Fallback */
  background: rgba(80,200,120,.9); 
  color: #03150b !important;
}

#sop .cell.off { 
  background: rgba(255,255,255,.04) !important;
  color: #aeb7c2 !important;
}/* End custom CSS */