/* Vollständig Original-Background/Animation auf dem genauen Selektor entfernen */
.loading .animation {
  background-image: none !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  transition: none !important;
  filter: none !important;
}

/* Alle Kinder (img, svg etc.) unsichtbar machen */
.loading .animation,
.loading .animation * {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Sichtbaren Container wiederherstellen (setzt Größe/Position für unser Icon) */
.loading .animation {
  width: 64px !important;    /* gewünschte Breite */
  height: 64px !important;   /* gewünschte Höhe */
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;
}

/* Eigenes Icon als ::after in voller Größe zentriert einfügen */
.loading .animation::after {
  content: '' !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 64px !important;    /* gleiche Werte wie oben */
  height: 64px !important;
  background: url('https://formulare.lra.unterallgaeu.de/frontend-server/form/includes/ressource?mid=1&name=Wappen_Landkreis.svg') center/contain no-repeat !important;
  background-size: contain !important;
  z-index: 99999 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}