.elementor-666 .elementor-element.elementor-element-7fbd4bca{--display:flex;--overlay-opacity:0.5;}.elementor-666 .elementor-element.elementor-element-7fbd4bca::before, .elementor-666 .elementor-element.elementor-element-7fbd4bca > .elementor-background-video-container::before, .elementor-666 .elementor-element.elementor-element-7fbd4bca > .e-con-inner > .elementor-background-video-container::before, .elementor-666 .elementor-element.elementor-element-7fbd4bca > .elementor-background-slideshow::before, .elementor-666 .elementor-element.elementor-element-7fbd4bca > .e-con-inner > .elementor-background-slideshow::before, .elementor-666 .elementor-element.elementor-element-7fbd4bca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FC;--background-overlay:'';}#elementor-popup-modal-666{background-color:#00000099;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-666 .dialog-message{width:920px;height:auto;}#elementor-popup-modal-666 .dialog-close-button{display:flex;top:25px;font-size:20px;}#elementor-popup-modal-666 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-666 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-666 .dialog-close-button{left:5%;}#elementor-popup-modal-666 .dialog-close-button i{color:#C8A038;}#elementor-popup-modal-666 .dialog-close-button svg{fill:#C8A038;}@media(min-width:768px){.elementor-666 .elementor-element.elementor-element-7fbd4bca{--content-width:920px;}}/* Start custom CSS */:root{
  --gold: #cfa640;
  --accent: #2b3d6b;
  --bg: #0c0c0c;
  --bg2:#141414;
  --text:#e9e4d0;
}

/* Modal-Rahmen */
.svc-modal{ background:var(--bg); border:1px solid var(--gold); border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.55); overflow:hidden; }
.svc-modal__header{
  padding:18px 22px;
  border-bottom:1px solid rgba(207,166,64,.35);
  background:radial-gradient(ellipse at 50% 0%, rgba(207,166,64,.12), transparent 70%), linear-gradient(180deg, rgba(207,166,64,.04), rgba(207,166,64,.02));
}
.svc-modal__header h3{ margin:0; color:var(--gold); letter-spacing:.02em; font-style:italic; }
.svc-list{ list-style:none; margin:0; padding:6px; }
.svc-item{ display:grid; grid-template-columns:1fr auto auto; gap:16px; align-items:center; padding:14px 16px; margin:6px 0; background:var(--bg2); border:1px solid rgba(207,166,64,.25); border-radius:12px; color:var(--text); transition:background .2s ease, border-color .2s ease, transform .12s ease; }
.svc-item:hover{ background:linear-gradient(180deg, rgba(207,166,64,.08), rgba(207,166,64,.02)); border-color:var(--gold); transform:translateY(-1px); }
.svc-name{ font-weight:600; letter-spacing:.02em; }
.svc-price{ color:var(--gold); font-weight:700; letter-spacing:.02em; }
.svc-select{ appearance:none; border:1px solid var(--gold); color:var(--bg); background:var(--gold); padding:8px 14px; font-weight:700; border-radius:999px; cursor:pointer; transition:filter .18s ease, transform .1s ease, background-color .2s ease; }
.svc-select:hover{ filter:brightness(1.06); }
.svc-select:active{ transform:translateY(1px); }

/*Auswählen Button */
/* Sicherstellen, dass Elementor-Hover nicht greift */
.elementor-popup-modal .svc-modal .svc-select {
  background: var(--gold);
  color: var(--bg);
  border-color: var(--gold);
}

/* Hover/Fokus/Aktiv explizit auf --accent setzen */
.elementor-popup-modal .svc-modal .svc-select:hover,
.elementor-popup-modal .svc-modal .svc-select:focus,
.elementor-popup-modal .svc-modal .svc-select:active {
  background: var(--accent) !important;   /* deine dunkelblaue Akzentfarbe */
  color: #fff !important;                  /* bessere Lesbarkeit auf dunkel */
  border-color: var(--gold) !important;    /* Rahmen bleibt gold */
  filter: none !important;                 /* eigenes Brightness-Filter aus */
  transform: translateY(0);                /* optional: kein „Einsacken“ */
}

/* Falls Elementor irgendwo sehr generisch Buttons einfärbt */
.elementor .svc-select:hover,
.elementor .svc-select:focus {
  background: var(--accent) !important;
  color: #fff !important;
}

/* Popup-Wrapper sicherheitshalber relativ setzen */
.elementor-popup-modal .dialog-widget-content{ position:relative; }

/* Popup-Rahmen an dein Theme angleichen (richtiger Kommentar!) */
.elementor-popup-modal .dialog-widget-content{
  background:var(--bg);
  border:1px solid var(--gold);
  border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
  position:relative;
}

/* Close-Button */
.elementor-popup-modal .dialog-close-button{
  width:38px; height:38px;
  border:2px solid var(--gold);
  border-radius:50%;
  background: var(--accent);
  color:var(--gold);
  display:inline-flex; align-items:center; justify-content:center;
  transition:transform .25s ease, background-color .25s ease, color .25s ease, box-shadow .25s ease;
  z-index:30;
  box-shadow:none !important; outline:none !important;
}
.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg{
  font-size:18px; line-height:1;
  color:var(--gold); fill:var(--gold); stroke:var(--gold);
}

/* HOVER: Hintergrund = --accent, X wird schwarz */
.elementor-popup-modal .dialog-close-button:hover{
  background:var(--accent) !important;
  transform:rotate(90deg) scale(1.05);
  box-shadow:0 6px 18px rgba(207,166,64,.25);
}
.elementor-popup-modal .dialog-close-button:hover i,
.elementor-popup-modal .dialog-close-button:hover svg{
   stroke:#111 !important;
}

/* Fokus */
.elementor-popup-modal .dialog-close-button:focus-visible{
  outline:2px solid var(--gold); outline-offset:2px; box-shadow:none !important;
}

/* Mobile */
@media (max-width: 767px){
  .elementor-popup-modal .dialog-close-button{ width:34px; height:34px; border-width:2px; }
}/* End custom CSS */