/* Gleiche Buttongröße und rechts ausgerichtet */
.container-fluid{
	min-width: 620px;
}
.equal-button {
    flex: 1;
    text-align: center;
    padding: 0.6rem;
    min-width: 120px;
}

/* Lange Titel kürzen */
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .container, .container-sm {
         max-width: 100%; 
    }

/* Mobile Ansicht: Buttons bleiben rechts und untereinander */
@media (max-width: 768px) {
    .d-flex {
        flex-direction: column;
    }

    .equal-button {
        min-width: 100%;
        max-width: 100%;
    }

    button {
        font-size: 0.9rem;
        padding: 0.6rem;
        min-width: 100%;
        max-width: 100%;
    }

    .list-group-item {
        padding: 1rem;
    }

}
  .background-layer {
      width: 100%;
      height: 400px;
      background-image: url('/images/background_edit.png');
      background-size: none;       /* Passt das Bild proportional an, um den gesamten Bereich abzudecken */
      background-position: left;  /* Zentriert das Bild im Layer */
      background-repeat: no-repeat; /* Wiederholt das Bild nicht */
      text-align: left;
      display:block;
      align-items: center;
      justify-content: center;
  }
@media (max-width: 990px) {
    h5 {
        font-size: 1rem;
    }
    button {
        font-size: 0.9rem;
        padding: 0.6rem;
        min-width: 100px;
    }
    .list-group-item {
        padding: 1rem;
    }
    .d-flex {
        flex-direction: column;
    }
}
@media (max-width: 1150px) {

    .d-flex {
        flex-direction: column;
	}
	.border-end{
		width: 100% !important;
    }
    #app {
		padding: 0px !important;    
		/*display: flex;*/
    align-items: center;
    }
}