/*
 * TYPO3 content-element wrapper around Angular custom elements.
 * Ensures the widget column tracks the CMS layout when the viewport changes.
 */
section.app-api-widget {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

section.app-api-widget > :is(
    app-api-locations,
    app-api-glossary,
    app-api-faq,
    app-api-failures,
    app-api-calendar,
    app-api-bulky-waste
  ) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}