/* Mädchenberatung (md-): only what the shared blocks (b-, site.css) do not cover.
   1 the h1 keeps "Mädchenberatung ab 12 Jahren." as its own subtitle line
   2 the topic chips under the opening button (.chips/.chip from site.css)
   3 the lexicon headwords: they are the fold summaries on phones and stay visible as card titles from 900px
   4 the practical sheet starts with its first row, without a rule above it; the age question keeps some air under
     the heading */
.md-open .b-h1 .b-s { display: block; }

.md-lines { margin-top: 2rem; }
.md-lines .b-k { margin: 0; }
.md-lines ul { padding: 0; list-style: none; }

.md-lex details { width: 100%; }
.md-lex summary > .b-k { margin: 0; }
@media (min-width: 900px) {
  .md-lex details.fold > summary { display: block; min-height: 0; margin-bottom: .5rem; padding: 0; cursor: default; }
  .md-lex details.fold > summary::before, .md-lex details.fold > summary::after { content: none; }
}

.md-vorab .b-rows { margin-top: 0; }
.md-vorab .b-row:first-child { padding-top: 0; border-top: 0; }
.md-vorab .b-side > .faq { margin-top: 2rem; }