/* Reset */
*{
margin:0;
padding:0;
}
 
 
/* wrapper */
.wrapper {
    width: min(800px, 90%);
    margin: 0 auto;
    padding: 50px 0 0 0;
}

.wrapper-3col {
    width: min(800px, 90%);
    margin: 0 auto;
    padding: 50px 0;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* fonts */
body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
}

h1, h2, h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
 
/* Container 1 */
 
#container-1{
background:#000000;
text-align: center;
}

#container-1 h1{
font: 600 80px/35px "Montserrat", sans-serif;
color:#40ff2a;
text-transform: uppercase; 
margin-bottom: 40px;
}
 
#container-1 h2{
font: 600 80px/35px "Montserrat", sans-serif;
color:#ff2ed0;
text-transform: uppercase; 
margin-bottom: 20px;
}

#container-1 h3{
font: 600 70px/70px "Montserrat", sans-serif;
color:#ffffff;
text-transform: uppercase; 
margin-bottom: 20px;
}
 
#container-1 p{
font: 34px/40px "Montserrat", sans-serif;
color:#FFFFFF;
margin: 50px 0 50px 0;
}

#container-2{
background:#000000;
text-align: center;
}

#container-2 p{
font: 20px/30px "Montserrat", sans-serif;
color:#40ff2a;
margin: 0px 0 0px 0;
}

.zentriert {
display: block;
margin: 0 auto;
width: 300px;
}

a {
    color: #ff2ed0;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #ffffff;
}

a:visited {
    color: #ff2ed0;
}

a:active {
    color: #ffffff;
}