a.button {
display: inline-block;
padding: 12px 24px;
border-radius: 6px;
border: 0;
font-weight: bold;
letter-spacing: 0.0625em;
text-transform: uppercase;
background: #615f8b;
color: #fff;
}
/* Add a rollover background colour but keep the text white */
a.button:hover,
a.button:focus,
a.button:active {
background: #B41917;
color: #fff;
}

.btn-primary
{
background-color:	#B41917 !important;
border-color: #B41917!important;
font-weight:400!important;
}

.btn-primary:active
{
background-color:	#B41917 !important;
border-color: #B41917!important;
font-weight:400!important;
}
.btn-primary:focus {

outline-color: green !important;

}
h3.meineFotos{
    
    
    margin-bottom: 10px!important;
}
hr.bild{
   margin-bottom: 1.5em!important; 
   margin-top: 1.5em!important;
}
#delFotoButton{
   margin-top: 0.5em!important; 
}

.delFotoButton{
     margin-top: 0.5em!important;
}

.diashow{
    
    
}

.container {
  display: flex;
  justify-content: center; /* Horizontale Ausrichtung */
  align-items: center;    /* Vertikale Ausrichtung */
  height: 1080px!important;          /* Optional: Volle Höhe des Viewports */
  width:1920px!important;
  background-color:	#FFF;
}

img {
  max-width: 100%; /* Passt das Bild an die Breite des Containers an */
  max-height: 100%; /* Passt das Bild an die Höhe des Containers an */
  object-fit: contain; /* Behält das Seitenverhältnis bei */
  
}