/* In TYPO3 13 hat sich die Methode geändert, wie man CSS für das Backend anpassen kann.
Siehe https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/13.3/Feature-100232-LoadAdditionalStylesheetsInTYPO3Backend.html
 */
 
  /* Abdunklung für bessere Lesbarkeit auf hellem Hintergrundbild */
.my-background::before {
  ...
}

.textblock {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.topbar-header-site {
  background: rgb(131,58,180);
  background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}.my-background {
  position: relative;
 /* background-image: url('/fileadmin/backgrounds/mail13-orang.jpg');*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 100vh;
  z-index: 0;
  overflow: visible;
}

/* Abdunklung über das gesamte Bild */
.my-background::before {
  content: "";
  position: fixed; /* ? wichtig: fixiert über gesamten Viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 50% Abdunklung */
  z-index: -1;
  pointer-events: none; /* ? verhindert Klickblockade */
}

/*hader abstand */

nav.navbar {
  margin-bottom: 0 !important;
  padding-top: 0.5rem;  /* optional: kleiner Abstand */
  padding-bottom: 0.5rem;
}


main.flex-shrink-0 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/*layaut*/ 

/* Container für das gesamte Layout */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; /* Zentrieren */
  padding: 10px;
}

/* Zeilen */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px; /* Abstand zwischen den Zeilen */
}

/* Volle Breite obere Spalte */
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Drei Spalten unten, jeweils ein Drittel */
.col-4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}