@charset "utf-8";
/* CSS Document */
<style>
  /* ============================================
     Fix für Horizontal-Scrolling auf karriere.html
     ============================================ */

  /* 1. Globale Einstellungen für alle Elemente */
  * {
    box-sizing: border-box;
    max-width: 100%;
  }

  /* 2. Bilder, Videos und iframes anpassen */
  img,
  video,
  iframe {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* 3. Container und Layout-Elemente */
  .body-wrapper,
  .container,
  .container-fluid,
  .row {
    width: 100%;
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
  }

  /* 4. Spezifische Anpassungen für die karriere.html */
  .table-responsive,
  .skill-bar-container,
  .progress-bar-container {
    width: 100%;
    overflow-x: auto;
  }

  /* 5. Positionierte Elemente prüfen */
  [style*="left:"],
  [style*="right:"] {
    left: 0 !important;
    right: 0 !important;
  }

  /* 6. Falls ein Element negative Margins hat */
  [style*="margin-left:"],
  [style*="margin-right:"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
</style>
