@media only screen and (min-width: 1025px) {
  /* Globale Regel: Blendet den Standard-Mauszeiger für den gesamten Body und die meisten interaktiven Elemente aus.
   Die !important-Regel stellt sicher, dass diese Einstellung Priorität hat. */
  body,
  a,
  button,
  input[type="submit"],
  input[type="button"],
  .elementor-button,
  /* Spezifische Elementor-Button-Klasse */
  .elementor-clickable,
  /* Wenn Elementor eine allgemeine "klickbar"-Klasse verwendet */
  [onclick],
  /* Für Elemente mit direkten JavaScript-Klick-Events */
  [role="button"],
  /* Für ARIA-Rollen, die Buttons simulieren */
  [tabindex]:not([tabindex="-1"])
  /* Für fokussierbare Elemente, die keine Links oder Buttons sind */ {
    cursor: none !important;
  }

  /* Spezifische Regeln für Elementor Accordion-Widget-Elemente.
   Diese zielen auf die Bereiche ab, die üblicherweise das Handsymbol anzeigen. */
  .e-n-accordion .e-n-accordion-item-title,
  /* Der Haupttitelbereich des Akkordeons (das <summary> Element) */
  .e-n-accordion .e-n-accordion-item-title-icon
  /* Das Icon innerhalb des Akkordeon-Titels */ {
    cursor: none !important;
  }

  /* Grundstil für den benutzerdefinierten Cursor selbst. */
  .custom-cursor {
    width: 10px;
    /* Standardgröße des Punktes auf 10px */
    height: 10px;
    /* Standardgröße des Punktes auf 10px */
    background-color: #e94e1a;
    /* Standardfarbe des Punktes */
    border-radius: 50%;
    /* Macht das Element zu einem Kreis */
    position: fixed;
    /* Bleibt an der Bildschirmposition, auch beim Scrollen */
    transform: translate(-50%, -50%);
    /* Zentriert den Punkt exakt unter dem Mauszeiger */
    pointer-events: none;
    /* Ganz wichtig: Stellt sicher, dass der Cursor keine Mausklicks auf darunterliegende Elemente blockiert */
    z-index: 9999 !important;
    /* Stellt sicher, dass er über allen anderen Inhalten angezeigt wird */
    transition: width 0.3s ease,
      height 0.3s ease,
      background-color 0.3s ease,
      border 0.3s ease;
    /* Übergänge auch für den Border-Effekt hinzugefügt */
    cursor: none !important;
    /* Doppelte Sicherheit, dass der Custom Cursor selbst kein Handsymbol wird */
    border: 0px solid transparent;
    /* Start ohne Border */
  }

  /* Stil für den Custom Cursor, wenn er über einem "klickbaren" Element schwebt. */
  .custom-cursor.hovered {
    width: 30px;
    /* Vergrößert den Punkt auf 20px */
    height: 30px;
    /* Vergrößert den Punkt auf 20px */
    background-color: transparent;
    /* **KORRIGIERT:** Macht das Innere transparent */
    border: 1px solid #c63301;
    /* **KORRIGIERT:** Fügt einen 1px dicken Rand in der Hover-Farbe hinzu */
  }
}