article h1 {
font-size: 52px;
letter-spacing: 3.7px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
}

article h1:before {
border-bottom: 1px solid #fff;
content: "";
display: inline-block;
width: 45px;
height: 20px;
margin-right: 15px;
}

article h2 {
text-transform: uppercase;
font-size: 1.3em;
margin-block-end: 0.1em;
color: #fff;
line-height: 1.2em;
}

article h3 {
text-transform: uppercase;
font-size: 31px;
margin-block-end: 0.1em;
color: #000;
line-height: 1.2em;
font-weight: 500;
letter-spacing: 2.2px;
}

article h3 {
text-transform: uppercase;
font-size: 1.5em;
font-weight: 500;
color: #fff;
margin-block-end: 0.1em;
line-height: 1.2em;
}

article h2:before {
display: none;
}

article {
padding-left: 30%;
width: 30%;
padding-right: 40%;
background-color: #000;
padding-top: 50px;
padding-bottom: 100px;
}
article p {
color: #fff;
}

article a {
color: #fff;
}

@media screen and (max-width: 1200px) {
article {
padding-left: 6%;
width: 88%;
padding-right: 6%;
}
}

@media screen and (max-width: 800px) {
#inhalt57 {
overflow: hidden;
}

article br {
display: block;
}

}