/* Auf dem Handy: Marken- und Bedienzeile jeweils mittig auf allen Seiten. */
@media screen and (max-width:760px){
  body .mb-bar .mb-bar-in,
  body .mb-bar .quiz-toolbar-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-inline:auto;
  }

  body:not(.quiz-page) .mb-bar .mb-bar-in .mb-brand,
  body.quiz-page .mb-bar .quiz-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    width:100%;
    min-width:0;
    max-width:100%;
    text-align:center;
  }
  body .mb-bar .mb-logo-link,
  body .mb-bar .mb-dot,
  body .mb-bar .quiz-brand-mark{flex-shrink:0}
  body .mb-bar .mb-titel,
  body .mb-bar .quiz-brand>span:last-child{
    min-width:0;
    white-space:normal;
    word-break:normal;
    hyphens:none;
    text-align:center;
  }

  body .mb-bar .mb-tools,
  body .mb-bar .quiz-tools{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-inline:0;
    text-align:center;
  }
  /* Die Anzeigegruppe darf sich nicht mehr an den rechten Rand schieben. */
  body .mb-bar .mb-tools .mb-anzeige{margin-inline:0}
  body .mb-bar .quiz-tools>a{margin-inline:0}
  body:not(.quiz-page) .mb-bar .mb-tools .mb-srch{
    flex:0 1 210px;
    max-width:100%;
  }
}