:host {
  --digi--notification-error-page--max-width: var(--digi--container-width--larger);
  --digi--notification-error-page--gutter: calc(var(--digi--container-gutter--larger) + 3rem);
  --digi--notification-error-page--padding-top--tablet: 238px;
  --digi--notification-error-page--padding-top--desktop: 144px;
  --digi--notification-error-page--padding-top--mobile: 48px;
}
:host .digi-notification-error-page {
  margin: 0;
  --digi--container-width--largest: var(--digi--notification-error-page--max-width);
  --digi--container-gutter--largest: var(--digi--notification-error-page--gutter);
  max-width: var(--digi--notification-error-page--max-width);
  padding-left: var(--digi--notification-error-page--gutter);
  padding-right: var(--digi--notification-error-page--gutter);
}
:host .digi-notification-error-page__grid {
  padding-top: var(--digi--notification-error-page--padding-top--mobile);
  padding-bottom: var(--digi--notification-error-page--padding-top--mobile);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
:host .digi-notification-error-page__grid .digi-notification-error-page__content {
  width: 100%;
}
:host .digi-notification-error-page__grid .digi-notification-error-page__picture {
  width: 100%;
  margin-bottom: 20px;
}
:host .digi-notification-error-page__picture {
  margin: 0;
}
:host .digi-notification-error-page--mobile .digi-notification-error-page__picture svg {
  width: auto;
  height: auto;
  max-height: 100px;
}
:host .digi-notification-error-page__content__heading {
  margin: 0;
  margin-bottom: 16px;
}
:host .digi-notification-error-page__content__bodytext {
  margin: 0;
  margin-bottom: 48px;
}
:host .digi-notification-error-page__content__search {
  margin: 0;
  margin-bottom: 24px;
  max-width: 407px;
}
:host .digi-notification-error-page__content__links {
  margin: 0;
}
:host .digi-notification-error-page__content__links [slot=links],
:host .digi-notification-error-page__content__links ::slotted([slot^=links]),
:host .digi-notification-error-page__content__links ul,
:host .digi-notification-error-page__content__links ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
:host .digi-notification-error-page [slot=links],
:host .digi-notification-error-page ::slotted([slot^=links]) {
  list-style: none;
  padding: 0;
  margin: 0;
}
:host .digi-notification-error-page .infography-primary {
  fill: var(--digi--color--infographic--brand--primary);
}
:host .digi-notification-error-page .infography-primary-stroke {
  stroke: var(--digi--color--infographic--brand--primary);
}
:host .digi-notification-error-page .infography-secondary {
  fill: var(--digi--color--infographic--brand--secondary);
}
:host .digi-notification-error-page .infography-secondary-stroke {
  stroke: var(--digi--color--infographic--brand--secondary);
}
:host .digi-notification-error-page .infography-tertiary-stroke {
  stroke: var(--digi--color--infographic--brand--tertiary);
}
:host .digi-notification-error-page .infography-tertiary-fill {
  fill: var(--digi--color--infographic--brand--tertiary);
}
@media (min-width: 48rem) {
  :host .digi-notification-error-page {
    --digi--container-width--largest: var(--digi--notification-error-page--max-width);
    --digi--container-gutter--largest: var(--digi--notification-error-page--gutter);
  }
  :host .digi-notification-error-page__grid {
    padding-top: var(--digi--notification-error-page--padding-top--tablet);
    gap: 54px;
    justify-content: space-between;
  }
  :host .digi-notification-error-page__grid .digi-notification-error-page__content {
    flex: 1 0 0;
    width: auto;
    order: 1;
  }
  :host .digi-notification-error-page__grid .digi-notification-error-page__picture {
    width: auto;
    order: 2;
    margin-bottom: 0;
  }
}
@media (min-width: 75rem) {
  :host .digi-notification-error-page {
    --digi--container-width--largest: var(--digi--notification-error-page--max-width);
    --digi--container-gutter--largest: var(--digi--notification-error-page--gutter);
  }
  :host .digi-notification-error-page__grid {
    padding-top: var(--digi--notification-error-page--padding-top--desktop);
  }
  :host .digi-notification-error-page__grid .digi-notification-error-page__content {
    flex: 1 0 0;
    width: auto;
    order: 1;
    max-width: 510px;
  }
  :host .digi-notification-error-page__grid .digi-notification-error-page__picture {
    width: auto;
    order: 2;
  }
}