.footer {
  border-top: var(--anrt-spacing-100) solid var(--anrt-color-white);
}

.region-footer,
.region-housekeeping {
  background-color: var(--anrt-color-primary);
  padding-block: var(--anrt-spacing-100);
  --anrt-color-text: var(--anrt-color-white);
  --anrt-color-link: var(--anrt-color-white);
  --anrt-color-heading: var(--anrt-color-white);
}

.slimline-region__inner--footer,
.slimline-region__inner--housekeeping {
  display: flex;
  flex-direction: column;
  gap: var(--anrt-spacing-100);
}

.region-housekeeping {
  background-color: var(--anrt-color-primary-b);
}

.copyrights {
  background-color: var(--anrt-color-white);
}

.copyrights p {
  color: var(--anrt-color-primary-b);
  padding-block: var(--anrt-spacing-050);
  padding-left: var(--anrt-spacing-250);
  /* add space for the cookiebot button */
}

@media screen and (min-width: 103rem) {
  .copyrights p {
    padding-left: var(--anrt-spacing-100);
  }
}

.footer .block-system-branding-block {
  max-width: 320px;
}

.footer .block-system-branding-block .branding {
  width: 100%;
}

.footer p a {
  font-weight: 400;
  text-decoration: none;

  &:hover,
  &:focus {
    border-bottom: 1px solid;
  }
}

.footer .logo svg path {
  fill: var(--anrt-color-white) !important;
}

.menu--social-media .menu-item__title {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


/* Menus */



@media screen and (min-width: 48em) {
  .slimline-region__inner--footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
  }

  .block--footer-address {
    grid-row: span 2;
  }

  .footer .block-menu {
    margin-left: auto;
  }

  .block.navigation--social-media {
    margin-top: auto;
  }

  .slimline-region__inner--housekeeping {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }

}

/* content bottom */
.region-content-bottom {
  background-color: var(--anrt-color-tertiary-20);
  padding-block: var(--anrt-spacing-200);
  --anrt-color-text: var(--anrt-color-black);
}

.region-content-bottom .block__title {
  text-align: center;
  font-size: var(--anrt-font-size-h3);
  color: var(--anrt-color-text);
  font-weight: 300;
  margin-bottom: var(--anrt-spacing-200);
}


/* sticky footer */
html,
body,
.dialog-off-canvas-main-canvas {
  min-height: calc(100vh - var(--drupal-displace-offset-top, 0px));
}

.footer {
  position: sticky;
  top: calc(100vh - var(--drupal-displace-offset-top, 0px));
}