.background-dark {
    /* background-color: #262626; 
     background-color: #555555; */
	 background-color: #999999;
}


/*
.center {
    display: flex;
    justify-content: center;
}
*/

.container.button-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	max-width: 600px; /* optional: begrenzt die Breite */
    margin: 0 auto; /* zentriert den Block selbst */
}

.center {
    flex: 1 1 100%;
    max-width: 100%;
	display: flex;
    justify-content: center;
}

@media (min-width: 768px) {
    .center {
        flex: 1 1 45%;
        max-width: 45%;
		display: flex;
        justify-content: center;
    }
}

.centered-text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.margin-top {
    margin-top: 20px;
}

.margin-top50 {
    margin-top: 50px;
    height: 100px;
}

.copyr1 {
    font-size: 15px;
    margin-top: 100px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.copyr {
    /* Feste Ausrichtung am Browserfenster-Rand */
    position: absolute; 
    left: 0; 
    
    /* Abstand nach unten und links */
    bottom: 10px; 
    padding-left: 14px; /* Optionaler Abstand zum linken Rand */
    
    /* Überschreibt das margin-top von 100px */
    margin: 0; 
    
    /* Ihre übrigen Stile */
    font-size: 15px; 
    color: white; 
    font-family: 'Roboto', sans-serif; 
}

.text1 {
    font-size: 40px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.h1 {
    color: white;
}

.text2 {
    font-size: 20px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.text3 {
    font-size: 16px;
    color: #cac5c5e7;
    font-family: 'Roboto', sans-serif;
}

.imgbutton1 {
    width:230px;
    padding:2px;
    border:5px solid #1c87c9;
    border-radius: 20px ;
}


.imgbutton2 {
    width:230px;
    padding:2px;
    border:5px solid #c91c1c;
    border-radius: 20px ;
}


.imgbutton3 {
    width:80px;
    padding:2px;
    border:5px solid #1c87c9;
    border-radius: 15px ;
}

.imgbutton4 {
    width:80px;
    padding:2px;
    border:5px solid #555555;
    border-radius: 35px ;
}

.imgbutton5{
    width:60px;
}

.imgbutton6{
    width:30px;
}


.maschButton1 {
    width:230px;
    padding:2px;
    border:1px solid #555555;
    border-radius: 35px ;
}

.maschButton2 {
    width:230px;
    padding:2px;
    border:1px solid #555555;
    border-radius: 35px ;
}

.maschButton3 {
    width:200px;
    padding:2px;
    border:1px solid #555555;
    border-radius: 35px ;
}

.maschButton4 {
    width:120px;
    padding:2px;
    border:1px solid #555555;
    border-radius: 35px ;
}