/* Zusätzliches Erscheinungsbild nur für den Hauptmandanten. Partner laden diese Datei nicht. */

body:has(.wagenengel-shell) {
  background-color: #faf7f4;
  background-image:
    radial-gradient(ellipse 70% 45% at 100% -8%, rgba(215, 167, 64, 0.16), transparent 60%),
    radial-gradient(ellipse 50% 40% at -8% 100%, rgba(214, 51, 36, 0.06), transparent 55%);
}

.wagenengel-shell .MuiAppBar-root.MuiPaper-root {
  background-color: color-mix(in srgb, var(--wagenengel-primary, #002c77) 88%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

body:has(.wagenengel-shell) .MuiDrawer-paper {
  background-color: rgba(250, 247, 244, 0.86);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.wagenengel-shell .MuiAppBar-root::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, #d63324, #d7a740 50%, #d63324);
}

.wagenengel-shell .MuiToolbar-root > a:first-of-type {
  box-shadow: 0 0 0 1px #d7a740;
}

.wagenengel-shell h1 {
  background-image: linear-gradient(90deg, #d7a740, #d63324);
  background-repeat: no-repeat;
  background-size: 4.5rem 2px;
  background-position: left bottom;
  padding-bottom: 0.65rem;
}

.wagenengel-shell > footer {
  border-top-width: 0;
  background-color: color-mix(in srgb, #faf7f4 82%, #ffffff);
  background-image: linear-gradient(90deg, #d63324, #d7a740 50%, #d63324);
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: left top;
}