/* Durchgehende AES-Seite: unterschiedliche Farbstimmungen, gemeinsame weiche Kanten. */
:is(.aes-guide, .aes-welcome, .aes-plan, .aes-promise, .aes-wa, .aes-next, .aes-faq, .aes-cta) {
  position: relative;
  isolation: isolate;
  background: transparent;
  --tone-fade: 160px;
}
:is(.aes-guide, .aes-welcome, .aes-plan, .aes-promise, .aes-wa, .aes-next, .aes-faq, .aes-cta)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--section-tone);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 var(--tone-fade), #000 calc(100% - var(--tone-fade)), transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 var(--tone-fade), #000 calc(100% - var(--tone-fade)), transparent 100%);
}
.aes-guide {
  --section-tone: radial-gradient(ellipse 44% 30% at 50% 52%, #12304d, rgba(13,32,52,.45) 55%, transparent 80%), linear-gradient(180deg, var(--night-2), var(--night));
}
.aes-welcome {
  --section-tone: radial-gradient(circle at 30% 40%, rgba(1,176,239,.08), transparent 34%), linear-gradient(180deg, var(--night), var(--night-2));
}
.aes-plan {
  --section-tone: radial-gradient(circle at 84% 6%, rgba(98,189,240,.08), transparent 28%), linear-gradient(180deg, var(--night), var(--night-2));
}
.aes-promise {
  --section-tone: radial-gradient(ellipse 36% 60% at 26% 50%, rgba(1,176,239,.09), transparent 70%), linear-gradient(180deg, var(--night), var(--night-2));
}
.aes-wa { --section-tone: linear-gradient(180deg, var(--night-2), var(--night)); }
.aes-next {
  --section-tone: radial-gradient(ellipse 40% 55% at 74% 60%, rgba(1,176,239,.1), transparent 70%), linear-gradient(180deg, var(--night), var(--night-2));
}
.aes-faq {
  --section-tone: radial-gradient(ellipse 38% 55% at 76% 55%, rgba(1,176,239,.1), transparent 70%), linear-gradient(180deg, var(--night), var(--night-2));
}
.aes-cta { --section-tone: linear-gradient(180deg, var(--night-2), var(--night)); }
body > footer { background: linear-gradient(180deg, transparent, #050b12 180px); }

/* Kleiner, etwas deutlicherer Punkte-Akzent ausschliesslich unten links. */
.aes-reviews__dots {
  background-image: radial-gradient(circle, rgba(98,189,240,.42) 1.15px, transparent 1.8px);
  background-size: 26px 26px;
  background-position: 0 0;
  -webkit-mask-image: radial-gradient(ellipse 26% 30% at 6% 86%, #000 5%, rgba(0,0,0,.65) 38%, transparent 82%);
  mask-image: radial-gradient(ellipse 26% 30% at 6% 86%, #000 5%, rgba(0,0,0,.65) 38%, transparent 82%);
}
@media (max-width: 860px) {
  .aes-reviews__dots {
    background-size: 24px 24px;
    -webkit-mask-image: radial-gradient(ellipse 42% 22% at 0% 86%, #000 5%, transparent 82%);
    mask-image: radial-gradient(ellipse 42% 22% at 0% 86%, #000 5%, transparent 82%);
  }
}
@media (max-width: 860px) {
  :is(.aes-guide, .aes-welcome, .aes-plan, .aes-promise, .aes-wa, .aes-next, .aes-faq, .aes-cta) { --tone-fade: 100px; }
}