.PageLayout {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
  background-color: var(--color-neutral-100);
  display: flex;
  flex-direction: column;
}

.PageLayout__BrandingTheme {
  min-height: 4px;
}

.PageLayout__header .Header .Section-TextConstraint,
.PageLayout__content {
  max-width: 1024px;
  margin: 0 auto;
}

.PageLayout__header {
  border-bottom: 1px solid var(--color-neutral-300);

  .Header {
    height: var(--HeaderHeight);
    padding: 0;
  }
} 

.PageLayout__footer {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space);
}

.PageLayout__action-bar {
  width: 100%;
  overflow: hidden;
  height: 68px;
}

.PageLayout__actions-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid var(--color-neutral-500);
  position: fixed;
  bottom: 0;
  background: var(--color-white);
  box-sizing: border-box;
  z-index: 12;
}

.PageLayout__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 var(--space-2x);
  height: 68px;
  max-width: 1024px;
}

.PageLayout__action {
  margin-left: var(--space);
}

@media (--screen-M-min) {
  .PageLayout--two-column-flexible {
    .PageLayout__header .Header .Section-TextConstraint,
    .PageLayout__content,
    .PageLayout__actions {
      max-width: 1680px;
    }
  }

  .PageLayout__header .Header {  
    .Section-TextConstraint {
      padding: 0 var(--space-3x);
    }

    .Header-right .Header-entry:last-child {
      display: none;
    }
  }
}