/**
 * Denis Janzen - Flyer-Blau
 *
 * Option: dj_site_palette = flyer-blue
 * Rollback: dj_site_palette = legacy-green
 *
 * Die gruene Basispalette in campaign-site.css bleibt unveraendert. Diese Datei
 * ueberschreibt ausschliesslich Markenfarben und daraus abgeleitete Flaechen.
 * Semantische Erfolgs-, Fehler- und Warnfarben bleiben bewusst erhalten.
 */

:root {
  --dj-green: #1c2e51;
  --dj-green-2: #386bb5;
  --dj-leaf: #6f8fc4;
  --dj-ink: #1c2e51;
  --dj-muted: #4d5b70;
  --dj-cream: #eef3fa;
  --dj-paper: #fcfdff;
  --dj-sky: #e6eef9;
  --dj-line: #d6e0ed;
  --dj-shadow: 0 14px 42px rgba(28, 46, 81, .12);
  --dj-maint-green: #1c2e51 !important;
  --dj-maint-green-dark: #13233f !important;
  --dj-maint-green-soft: #386bb5 !important;
  --dj-maint-cream: #eef3fa !important;
  --dj-maint-paper: #fcfdff !important;
  --dj-maint-sky: #e6eef9 !important;
  --dj-maint-ink: #1c2e51 !important;
  --dj-maint-muted: #4d5b70 !important;
  --dj-maint-line: #d6e0ed !important;
  --dj-maint-focus: #386bb5 !important;
}

.dj-header {
  background: rgba(252, 253, 255, .96);
  border-bottom-color: rgba(28, 46, 81, .09);
}

.dj-button:hover {
  background: #13233f;
  box-shadow: 0 8px 24px rgba(28, 46, 81, .22);
}

.dj-button:focus-visible,
.dj-page a:focus-visible,
.dj-page summary:focus-visible,
.dj-page input:focus-visible,
.dj-page textarea:focus-visible,
.dj-page select:focus-visible,
.dj-form-status:focus,
.dj-captcha-refresh:focus-visible {
  outline-color: #386bb5;
}

.dj-hero__veil {
  background: linear-gradient(
    90deg,
    rgba(252, 253, 255, .98) 0%,
    rgba(252, 253, 255, .92) 28%,
    rgba(252, 253, 255, .28) 58%,
    rgba(252, 253, 255, 0) 74%
  );
}

.dj-lead {
  color: #33415c;
}

.dj-values {
  background: rgba(252, 253, 255, .97);
  border-color: rgba(28, 46, 81, .1);
}

.dj-section--tint {
  background: linear-gradient(135deg, #f3f7fc, #eaf1fa);
}

.dj-card,
.dj-contact-photo img {
  box-shadow: 0 9px 28px rgba(28, 46, 81, .08);
}

.dj-topic {
  background: linear-gradient(145deg, #f8faff, #eaf1fa);
}

.dj-topic:hover {
  border-color: #bdcce0;
}

.dj-teaser--image::after {
  background: linear-gradient(0deg, rgba(20, 39, 72, .88), rgba(20, 39, 72, .08));
}

.dj-contact-band {
  background: linear-gradient(100deg, #eef3fa, #dce8f7);
}

.dj-footer {
  background: #1c2e51;
  color: #edf3fb;
}

.dj-footer a,
.dj-footer span {
  color: #dbe6f5;
}

.dj-brand--light span {
  color: #a9c4eb;
}

.dj-footer__bottom {
  color: #b9c9df;
}

.dj-subhero {
  background:
    radial-gradient(circle at 82% 30%, rgba(173, 199, 233, .9), transparent 25%),
    linear-gradient(135deg, #f9fbff, #eaf1fa);
}

.dj-theme-card__number {
  color: #edf2f8;
}

.dj-form input,
.dj-form textarea,
.dj-form select {
  border-color: #a9b8cc;
}

.dj-prose a:hover,
.dj-form .dj-check a:hover {
  color: #13233f !important;
}

.dj-form-intro {
  background: #f1f5fb;
  color: #40506a;
}

.dj-form input:disabled {
  background: #f1f4f8;
}

.dj-business-visit {
  background: linear-gradient(135deg, #dfe7f1, #dce8f7);
}

/* LightStart-Wartungsseite */
body:has(.dj-maintenance) {
  background:
    radial-gradient(circle at 88% 12%, rgba(173, 199, 233, .92) 0, rgba(230, 238, 249, .62) 18rem, transparent 34rem),
    radial-gradient(circle at 8% 92%, rgba(56, 107, 181, .14) 0, transparent 30rem),
    linear-gradient(135deg, #f9fbff 0%, var(--dj-maint-cream) 58%, #eaf1fa 100%) !important;
}

body:has(.dj-maintenance)::before {
  border-color: rgba(28, 46, 81, .16);
}

body:has(.dj-maintenance)::after {
  border-color: rgba(56, 107, 181, .06);
}

body:has(.dj-maintenance) .wrap {
  border-color: rgba(28, 46, 81, .18);
  background: rgba(252, 253, 255, .94) !important;
  box-shadow: 0 28px 80px rgba(28, 46, 81, .13) !important;
}

body:has(.dj-maintenance) .wrap::before {
  background:
    radial-gradient(circle at 38% 42%, rgba(255, 255, 255, .68) 0 1.5rem, transparent 1.6rem),
    linear-gradient(145deg, rgba(230, 238, 249, .96), rgba(173, 199, 233, .46));
}

body:has(.dj-maintenance) .wrap::after {
  border-color: rgba(28, 46, 81, .13);
  box-shadow:
    36px -26px 0 -18px rgba(56, 107, 181, .07),
    -18px 32px 0 -8px rgba(230, 238, 249, .45);
}

body:has(.dj-maintenance) .dj-maintenance__status {
  background: rgba(241, 245, 251, .9);
}

body:has(.dj-maintenance) .dj-maintenance__dot {
  box-shadow: 0 0 0 4px rgba(56, 107, 181, .18);
}

body:has(.dj-maintenance) .dj-maintenance__button--secondary:hover {
  background: rgba(28, 46, 81, .08);
}

body:has(.dj-maintenance) .dj-maintenance__footnote {
  color: #65738a !important;
}

@media (max-width: 820px) {
  .dj-hero__veil {
    background: linear-gradient(
      90deg,
      rgba(252, 253, 255, .97) 0%,
      rgba(252, 253, 255, .82) 48%,
      rgba(252, 253, 255, .05) 88%
    );
  }
}

@media (max-width: 560px) {
  .dj-hero__veil {
    background: linear-gradient(
      90deg,
      rgba(252, 253, 255, .98) 0%,
      rgba(252, 253, 255, .88) 52%,
      rgba(252, 253, 255, .05) 95%
    );
  }
}