/* ============================================================
   Medien.Bayern - Custom-Module-Styles (Sammel-Stylesheet)
   (aus style.css ausgegliedert; eingehaengt via functions.php
   -> mb_enqueue_module_styles, laedt NACH style.css)
   ------------------------------------------------------------
   WICHTIG: Diese Regeln sind GENERISCH (.medienbayern .quote ...)
   und gelten fuer BEIDE:
     - die alten Mini-Template-Zitate (.quote .picture .frame .text .author)
     - das neue Modul 12019 (mb_zitat, Wrapper .mb-zitat.quote)
   Daher NICHT auf .mb-zitat einschraenken - sonst brechen die Alt-Module.
   Modul-spezifisches Layout liegt getrennt im Plugin (mb-zitat.css).
   ============================================================ */

/* --- Zitat-Typografie (responsive) ------------------------ */
.medienbayern .quote .text p {
  font-size: calc(32px + (38 - 32) * ((100vw - 1001px) / (1968 - 1001))*var(--scalefactor-font-size));
  line-height: calc((43px + (51 - 43) * ((100vw - 1001px) / (1968 - 1001)))*var(--scalefactor-line-height));
  letter-spacing: 0 !important;
}
@media (max-width:1200px) {}
@media only screen and (max-width: 1024px) {}
@media (max-width:1000px) {
  .medienbayern .quote .text p {
    font-size: calc(28px + (32 - 28) * ((100vw - 769px) / (1000 - 769))*var(--scalefactor-font-size));
    line-height: calc((38px + (43 - 38) * ((100vw - 769px) / (1000 - 769)))*var(--scalefactor-line-height));
  }
}
@media (max-width:768px) {
  .medienbayern .quote .text p {
    font-size: calc(28px * var(--scalefactor-font-size));
    line-height: calc(38px * var(--scalefactor-line-height));
  }
}
@media (max-width:360px) {}
@media (min-width:1968px) {
  .medienbayern .quote .text p {
    font-size: calc(38px * var(--scalefactor-font-size));
    line-height: calc(51px * var(--scalefactor-line-height));
  }
}
.medienbayern .quote .text p {
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* --- Blaue Box ums Textfeld ------------------------------- */
.medienbayern .quote .frame {
  background-color: var(--mb-bluelight);
  padding: 24px !important;
}

/* --- Alt-Modul: vc_row-fluid.mb24 Abstand ----------------- */
#medienbayern .quote.vc_row-fluid.mb24 {
  margin-bottom: 24px !important;
}

/* --- Listen im Zitat -------------------------------------- */
#medienbayern .quote ul {
  margin-left: 24px;
  margin-top: 12px;
}
#medienbayern .quote ul li {
  list-style-position: outside;
  margin-bottom: 12px;
}