/* MitBlick Energie: additions to the shared MB Finance styles (mb-site.css, mb-nav.css) used on every page. */
:root {
  --me-radius: 14px;
  --me-radius-small: 10px;
  --me-shadow: 0 24px 60px -32px rgba(0, 0, 0, .9);
}

/* Headings use Playfair Display like the homepage of mitblick-finance.com. */
h1, h2, h3, .mbc-title { font-family: var(--mb-serif); font-weight: 600; letter-spacing: -.005em; }
h3 { font-weight: 600; }
body[dir="rtl"] h1, body[dir="rtl"] h2, body[dir="rtl"] h3, body[dir="rtl"] .mbc-title {
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: 0;
}
body[dir="rtl"] h1 { line-height: 1.3; }
body[dir="rtl"] h2 { line-height: 1.35; }
body[dir="rtl"] .mb-eyebrow { letter-spacing: 0; }

.mb-logo img, .me-footer-logo img { display: block; width: min(176px, 40vw); height: auto; }
.me-footer-logo { display: inline-flex; }
.mb-button { border-radius: 2px; }
.mb-card, .mb-tool, .mbc-form, .mbc-results { border-radius: var(--me-radius); }

/* Footer */
.me-footer-contact { font-size: 14px; }
.me-footer-contact a { color: var(--mb-gold-soft); text-decoration: none; }
.me-footer-contact a:hover { text-decoration: underline; }
.mb-footer__bottom { flex-wrap: wrap; }
.me-claim { color: var(--mb-gold); }

/* Header menu: short intro line in the insurance menu */
.mbn .mbn-intro { grid-column: 1 / -1; max-width: 46ch; margin: 0 0 6px; color: var(--mb-muted); font-size: 13px; line-height: 1.55; }

/* Footer site map: five blocks (Strom & Gas, Rechner, Ratgeber, Versicherungen, Über uns) */
.mbs-grid {
  grid-template-areas:
    "energy calculators guides about"
    "insurance insurance guides about";
}
.mbs-block--energy { grid-area: energy; }
@media (max-width: 900px) {
  .mbs-grid { grid-template-areas: "energy calculators" "guides about" "insurance insurance"; }
}
@media (max-width: 560px) {
  .mbs-grid { grid-template-areas: "energy" "calculators" "guides" "insurance" "about"; }
  .mbs-block--energy .mbs-block__body, .mbs-block--calculators .mbs-block__body { columns: 2; column-gap: 22px; }
  .mbs-block--insurance .mbs-block__body { columns: 1; }
}

/* Questions and answers: plus / cross on the right, as on mitblick-finance.com */
.mb-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; list-style: none; }
.mb-faq summary::-webkit-details-marker { display: none; }
.mb-faq summary::after { flex: 0 0 auto; color: var(--mb-gold); content: "+"; font-size: 22px; font-weight: 400; line-height: 1; }
.mb-faq details[open] > summary::after { content: "×"; }
.mb-faq summary:hover { color: var(--mb-gold-soft); }