/* Ein fester Titelplatz in der vorhandenen Navigationsleiste. */
@media screen {
  html body[data-view] #global-back-row #global-view-title.global-view-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 20px 0 0;
    color: #111216;
    font-family: inherit;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.025em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #main-view-container h1.wp-duplicate-page-title {
    display: none !important;
  }

  html body[data-view] #main-view-container {
    position: relative !important;
  }

  /* Ein Platzhalter hält den bisherigen Inhaltsabstand. Der Button selbst
     richtet sich unabhängig von den Innenabständen einzelner Module aus. */
  html body[data-view] #main-view-container::before {
    content: "";
    display: block;
    flex: 0 0 52px;
    min-height: 52px;
    pointer-events: none;
  }

  html body[data-view] #global-back-action-row.global-back-action-row {
    box-sizing: border-box;
    width: 100%;
    height: 52px;
    min-height: 52px;
    padding: 8px 58px;
    align-items: center;
    background: transparent;
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 10;
  }

  html body:is([data-view="login"], [data-view="register"], [data-view="twofa"], [data-view="start"])
    #global-back-action-row.global-back-action-row,
  html body:is([data-view="login"], [data-view="register"], [data-view="twofa"])
    #global-back-row.global-back-row,
  html body:is(.print-a4, .print-a3, .shift-plan-print-mode) #global-back-action-row.global-back-action-row {
    display: none !important;
  }

  html body:is([data-view="login"], [data-view="register"], [data-view="twofa"], [data-view="start"])
    #main-view-container::before,
  html body:is(.print-a4, .print-a3, .shift-plan-print-mode) #main-view-container::before {
    display: none !important;
  }

  /* Die bisherigen Haupttitel werden in der Leiste angezeigt. Zusatzinfos und
     Filter in den Inhaltsköpfen bleiben erhalten. */
  html body[data-view="start"] #start-view .start-page-heading {
    visibility: hidden !important;
  }

  html body:is([data-view="production-home"], [data-view="planning-home"],
    [data-view="logistics-home"], [data-view="purchasing-home"], [data-view="sales-home"])
    #main-view-container .modern-dashboard-production-overview-hero h1,
  html body[data-view="system-uploads"] #system-uploads-view .system-uploads-heading h1,
  html body.production-overview-light[data-view="main"] #main-dashboard .production-overview-light-head h1,
  html body.production-area-light[data-view="bereich"] #bereich-dashboard #production-area-page-head h1,
  html body[data-view="werkzeuge"] #werkzeuge-view .werkzeug-title-copy h1 {
    display: none !important;
  }

  html body:is([data-view="production-home"], [data-view="planning-home"],
    [data-view="logistics-home"], [data-view="purchasing-home"], [data-view="sales-home"])
    #main-view-container .modern-dashboard-production-overview-hero,
  html body[data-view="system-uploads"] #system-uploads-view .system-uploads-heading,
  html body.production-overview-light[data-view="main"] #main-dashboard .production-overview-light-head,
  html body.production-area-light[data-view="bereich"] #bereich-dashboard #production-area-page-head,
  html body[data-view="werkzeuge"] #werkzeuge-view .werkzeug-title-copy {
    height: auto !important;
    min-height: 0 !important;
  }

  @media (max-width: 1120px) {
    html body[data-view] #global-back-action-row.global-back-action-row { padding-inline: 28px; }
  }

  @media (max-width: 720px) {
    html body[data-view] #global-back-action-row.global-back-action-row { padding-inline: 16px; }
    html body[data-view] #global-back-row #global-view-title.global-view-title {
      font-size: 18px;
      margin-right: 8px;
    }
  }
}