.aurora-bg { position: relative; overflow: hidden; isolation: isolate; }  .aurora-bg > * { position: relative; z-index: 2; }  .aurora-bg:before { content: ""; position: absolute; z-index: 0;  top: 50%; left: 50%;  width: 350px; height: 350px; border-radius: 50%;  background: var(--at-primary); filter: blur(50px);  transform: translate(-50%, -50%); will-change: transform;  animation-name: aurora_anim_1; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; }  .aurora-bg:after { content: ""; position: absolute; z-index: 0;  top: 50%; left: 50%;  width: 250px; height: 250px; border-radius: 50%;  background: var(--at-accent); filter: blur(50px);  transform: translate(-50%, -50%); will-change: transform;  animation-name: aurora_anim_2; animation-duration: 10s;  animation-iteration-count: infinite; animation-timing-function: linear; }  @keyframes aurora_anim_1 {  0% { transform: translate(-50%, -50%) scale(1) translate(-50px, -100px); } 25% { transform: translate(-50%, -50%) scale(1.3) translate(150px, 100px); } 50% { transform: translate(-50%, -50%) scale(1.1) translate(0px, -150px); } 75% { transform: translate(-50%, -50%) scale(1.3) translate(-150px, 100px); } 100% { transform: translate(-50%, -50%) scale(1) translate(-50px, -100px); } } @keyframes aurora_anim_2 {  0% { transform: translate(-50%, -50%) scale(1) translate(50px, 100px); } 25% { transform: translate(-50%, -50%) scale(1.2) translate(-100px, -80px); } 50% { transform: translate(-50%, -50%) scale(1) translate(100px, 150px); } 75% { transform: translate(-50%, -50%) scale(1.2) translate(100px, -80px); } 100% { transform: translate(-50%, -50%) scale(1) translate(50px, 100px); } }   .bounce-bg { position: relative; overflow: hidden; isolation: isolate; }  .bounce-bg > * { position: relative; z-index: 2; }  .bounce-bg:before { content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: 350px; height: 350px; border-radius: 50%; background: var(--at-primary); filter: blur(50px); transform: translate(-50%, -50%); will-change: transform;  animation-name: heartbeat_anim_1; animation-duration: 12s; animation-iteration-count: infinite; animation-timing-function: linear; }  .bounce-bg:after { content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: 250px; height: 250px; border-radius: 50%; background: var(--at-accent); filter: blur(50px); transform: translate(-50%, -50%); will-change: transform;  animation-name: heartbeat_anim_2; animation-duration: 12s;  animation-iteration-count: infinite; animation-timing-function: linear; }  @keyframes heartbeat_anim_1 {  0% { transform: translate(-50%,-50%) rotate(0deg) translateX(120px) rotate(0deg) scale(1.0); } 10% { transform: translate(-50%,-50%) rotate(36deg) translateX(120px) rotate(-36deg) scale(1.2); }  20% { transform: translate(-50%,-50%) rotate(72deg) translateX(120px) rotate(-72deg) scale(1.0); } 25% { transform: translate(-50%,-50%) rotate(90deg) translateX(120px) rotate(-90deg) scale(1.3); }  35% { transform: translate(-50%,-50%) rotate(126deg) translateX(120px) rotate(-126deg) scale(1.0); }  50% { transform: translate(-50%,-50%) rotate(180deg) translateX(120px) rotate(-180deg) scale(1.0); } 60% { transform: translate(-50%,-50%) rotate(216deg) translateX(120px) rotate(-216deg) scale(1.2); }  70% { transform: translate(-50%,-50%) rotate(252deg) translateX(120px) rotate(-252deg) scale(1.0); } 75% { transform: translate(-50%,-50%) rotate(270deg) translateX(120px) rotate(-270deg) scale(1.3); }  85% { transform: translate(-50%,-50%) rotate(306deg) translateX(120px) rotate(-306deg) scale(1.0); }  100% { transform: translate(-50%,-50%) rotate(360deg) translateX(120px) rotate(-360deg) scale(1.0); } } @keyframes heartbeat_anim_2 {  0% { transform: translate(-50%,-50%) rotate(0deg) translateX(80px) rotate(0deg) scale(1.0); } 10% { transform: translate(-50%,-50%) rotate(-36deg) translateX(80px) rotate(36deg) scale(1.2); }  20% { transform: translate(-50%,-50%) rotate(-72deg) translateX(80px) rotate(72deg) scale(1.0); } 25% { transform: translate(-50%,-50%) rotate(-90deg) translateX(80px) rotate(90deg) scale(1.3); }  35% { transform: translate(-50%,-50%) rotate(-126deg) translateX(80px) rotate(126deg) scale(1.0); }  50% { transform: translate(-50%,-50%) rotate(-180deg) translateX(80px) rotate(180deg) scale(1.0); } 60% { transform: translate(-50%,-50%) rotate(-216deg) translateX(80px) rotate(216deg) scale(1.2); }  70% { transform: translate(-50%,-50%) rotate(-252deg) translateX(80px) rotate(252deg) scale(1.0); } 75% { transform: translate(-50%,-50%) rotate(-270deg) translateX(80px) rotate(270deg) scale(1.3); }  85% { transform: translate(-50%,-50%) rotate(-306deg) translateX(80px) rotate(306deg) scale(1.0); }  100% { transform: translate(-50%,-50%) rotate(-360deg) translateX(80px) rotate(360deg) scale(1.2); } }  .effekt-welle-multi {  background-color: #525d5f;  position: relative;  isolation: isolate; }  .effekt-welle-multi::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background-image: radial-gradient( circle at center, #f2c170 5%,  #000000 15%,  #4797c5 25%,  transparent 40%  ); background-repeat: no-repeat; background-position: center;  z-index: -1;  animation: ripple-wave-slow 10s ease-out infinite; }  @keyframes ripple-wave-slow { 0% { background-size: 0% 0%; opacity: 1; } 50% { opacity: 1;  } 100% { background-size: 300% 300%; opacity: 0;  } }  .effekt-aurora-licht {  position: relative;  overflow: hidden;  isolation: isolate;  background-color: #000000; }  .effekt-aurora-licht::before, .effekt-aurora-licht::after { content: ''; position: absolute;  z-index: -1;   filter: blur(140px);  width: 500px; height: 500px; }  .effekt-aurora-licht::before {  background: radial-gradient(circle, #4797c5, transparent 60%);  opacity: 0.6;  top: -100px; left: -100px;  animation: aurora-licht-1 15s ease-in-out infinite; }  .effekt-aurora-licht::after {  background: radial-gradient(circle, #f2c170, transparent 60%); opacity: 0.4;   bottom: -100px; right: -100px;   animation: aurora-licht-2 20s ease-in-out infinite;  animation-delay: -10s; }   @keyframes aurora-licht-1 { 0% { transform: translate(0, 0);  } 50% { transform: translate(300px, 400px);  } 100% { transform: translate(0, 0);  } }  @keyframes aurora-licht-2 { 0% { transform: translate(0, 0);  } 50% { transform: translate(-400px, -300px);  } 100% { transform: translate(0, 0);  } }  .effekt-verlauf-welle {  position: relative;  isolation: isolate;  }  .effekt-verlauf-welle::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  z-index: -1;  background: linear-gradient( 6deg,  #525d5f, #f2c170, #000000, #4797c5 );  background-size: 300% 300%;  animation: verlauf-welle-anim 10s ease infinite; }  @keyframes verlauf-welle-anim { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }   .bounce-bg-only-mobil { position: relative; overflow: hidden; isolation: isolate; }  .bounce-bg-only-mobil > * { position: relative; z-index: 2; }  .bounce-bg-only-mobil:before, .bounce-bg-only-mobil:after { display: none; content: ""; }  @media (max-width: 767px) {  .bounce-bg-only-mobil:before { display: block;  content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: 350px; height: 350px; border-radius: 50%; background: var(--at-primary); filter: blur(50px); transform: translate(-50%, -50%); will-change: transform;  animation-name: heartbeat_anim_1; animation-duration: 12s; animation-iteration-count: infinite; animation-timing-function: linear; }  .bounce-bg-only-mobil:after { display: block;  content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: 250px; height: 250px; border-radius: 50%; background: var(--at-accent); filter: blur(50px); transform: translate(-50%, -50%); will-change: transform;  animation-name: heartbeat_anim_2; animation-duration: 12s;  animation-iteration-count: infinite; animation-timing-function: linear; } }