button.server-connect {
    background: rgb(7, 105, 7);
    border-radius: 4px;
    text-decoration: none;
    color: white;
    padding: 12px;
    border: none;
    cursor: pointer;
    left: -25%;
    width: 150px;
}

button.server-view {
    background: rgb(110, 2, 110);
    border-radius: 4px;
    text-decoration: none;
    color: white;
    padding: 12px;
    border: none;
    position: relative;
    cursor: pointer;
    width: 150px;
}

button.server-copy {
    background: rgb(0, 60, 189);
    border-radius: 4px;
    text-decoration: none;
    color: white;
    padding: 12px;
    border: none;
    position: relative;
    cursor: pointer;
    width: 150px;
}

button.coming-soon {
    background: rgb(218, 186, 6);
    border-radius: 4px;
    text-decoration: none;
    color: white;
    padding: 12px;
    border: none;
    position: relative;
    cursor: pointer;
    width: 150px;
}

a.Gruppe {
    color: rgb(0, 0, 255);
    text-decoration: none; 
    font-weight: bold;
}

a.Server {
    color: rgb(0, 0, 255);
    text-decoration: none; 
    font-weight: bold;
}

h3 {
    display: none;
}

p {
    color: white;
}

ul.server2 {
    display: inline-block;
}

/* image */
.img {
    background-color: lightgreen;
    width: 100%;
    padding: 20px;
}

/* image steam*/
.img-Steam {
    background-color: rgb(46, 46, 46);
    width: 100%;
    padding: -20px;
    top: -20px;
    position: relative;
    
}

a.Gruppe{
    color: rgb(0, 0, 255);
    text-decoration: none; 
    font-weight: bold;
}