/* === Display Utilities === */
.d-none     { display: none !important; }
.d-block    { display: block !important; }
.d-inline   { display: inline !important; }
.d-inline-block { display: inline-block !important; }

/* === Width & Height === */
.w-100      { width: 100% !important; }
.h-100      { height: 100% !important; }

/* === Responsive Image === */
.img-fluid, .img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

/* === Margin Auto (für zentrierte Blöcke) === */
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === Text Utilities === */
.text-center   { text-align: center !important; }
.text-left     { text-align: left !important; }
.text-right    { text-align: right !important; }

/* === Spacing (einfaches Beispiel) === */
.mt-3 { margin-top: 1rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.p-3  { padding: 1rem !important; }

/* === Overflow === */
.overflow-hidden { overflow: hidden !important; }

/* === Position Utilities === */
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed    { position: fixed !important; }