/* Gemeinsamer Seitenrahmen der Materialseiten und Fusszeilen. */
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-bar-in{
  max-width:min(1180px,96vw);
  width:100%;
  margin-inline:auto;
  gap:10px 16px;
}
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-brand{
  min-width:0;
  max-width:100%;
}
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-logo-link{flex:0 0 auto}
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-titel{
  min-width:0;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  line-height:1.35;
}
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-tools{
  min-width:0;
  gap:8px;
}
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-treffer:empty{display:none}
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-srch{
  min-width:0;
  max-width:none;
}
body:not(.quiz-page):not(.mb-start) .mb-bar .mb-srch input{
  width:100%;
  min-width:0;
}
body:not(.quiz-page):not(.mb-start) .mb-bar :is(.mb-zur,.mb-btn){white-space:nowrap}
@media screen and (min-width:1024px){
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-bar-in{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-brand{flex-wrap:nowrap}
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-tools{
    width:auto;
    flex-wrap:nowrap;
  }
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-srch{
    flex:0 1 auto;
    width:clamp(112px,12vw,192px);
  }
}
@media screen and (max-width:1023px){
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-bar-in{
    display:flex;
    flex-wrap:wrap;
  }
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-brand{flex-wrap:wrap}
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-tools{
    width:100%;
    flex-wrap:wrap;
  }
  body:not(.quiz-page):not(.mb-start) .mb-bar .mb-srch{flex:1 1 170px}
}
.mb-site-footer{font-size:10.5pt;line-height:1.6}
.mb-site-footer.end-note{max-width:1180px;margin:0 auto;padding:20px 20px 70px;text-align:center}
.mb-footer-links>a,.mb-footer-home{white-space:nowrap}
.mb-footer-links a{text-decoration:underline;text-underline-offset:.18em}
.mb-footer-links a:hover{text-decoration:none}
.mb-footer-links a:active{ text-decoration:underline}
.mb-footer-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media screen and (max-width:760px){
  .mb-site-footer .mb-footer-links,.quiz-footer .mb-footer-links{
    display:block;
    width:100%;
    text-align:center;
  }
  .quiz-page .quiz-footer{justify-content:center;text-align:center}
}

/* Aufklappfelder: ein Dreieck rechts, zu = unten, offen = oben.
   Das native details/summary bleibt per Tastatur bedienbar. */
body details>summary{
  display:block;
  position:relative;
  list-style:none;
  cursor:pointer;
}
body details>summary:not(.eh-summary){padding-right:3rem}
body details>summary::marker{content:""}
body details>summary::-webkit-details-marker{display:none}
body details>summary::after{
  content:"";
  display:block;
  position:absolute;
  right:1.15rem;
  top:50%;
  width:0;
  height:0;
  border-left:.36rem solid transparent;
  border-right:.36rem solid transparent;
  border-top:.5rem solid currentColor;
  border-bottom:0;
  transform:translateY(-50%);
  pointer-events:none;
}
body details[open]>summary::after{
  border-top:0;
  border-bottom:.5rem solid currentColor;
}
.quiz-page details.quiz-result-task>summary .quiz-result-row{
  display:flex;
  width:100%;
}
@media print{body details>summary::after{display:none}}

/* Fußzeile in einer Zeile (30.10.2026) */
.mb-footer-links{white-space:nowrap}
@media (max-width:359px){.mb-footer-links{font-size:.88em}}

/* Große Schrift: Fußzeile darf zwischen den Einträgen umbrechen, damit auf dem Handy nichts über den Rand ragt (31.10.2026) */
body.mb-gross .mb-footer-links{white-space:normal}