#leistungen {
display: grid;
}

.bottom1 {
text-align: left;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
padding: 30px 15px 15px 15px;
}

.bottom1_bg {
max-width: 100%;
margin-bottom: 35px;
}

.bottom2 {
text-align: left;
background-color: #e3e6f2;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
padding: 30px 15px 15px 15px;
}

.bottom2_bg {
background-color: #e3e6f2;
max-width: 100%;
}

@media (min-width: 840px) {
#leistungen {
grid-template-columns: 50% 50%;
}

#leistungengeintrag {
margin-right: 7px;
margin-bottom: 15px;
margin-left: 7px;
}

.header_text_box {
text-decoration: none;
text-align: left;
float: right;
position: relative;
width: 460px;
right: 175px;
bottom: 200px;
padding-top: 50px;
padding-right: 10px;
padding-left: 35px;
}
}

@media (min-width: 560px) and (max-width: 839px) {
#leistungen {
grid-template-columns: 50% 50%;
}

#leistungeneintrag {
margin-right: 7px;
margin-bottom: 15px;
margin-left: 7px;
}

.header_text_box {
text-decoration:  none;
text-align: left;
float: right;
position: relative;
width: 370px;
right: 55px;
bottom: 160px;
padding-top: 40px;
padding-right: 5px;
padding-left: 25px;
}
}

@media (max-width: 559px) {
#leistungen {
width: 100%;
}

.header_text_box {
text-decoration:  none;
text-align: left;
float: right;
position: relative;
width: 270px;
right: 20px;
bottom: 135px;
padding-top: 30px;
padding-right: 5px;
padding-left: 20px;
}
}