#textrahmen4 div.umgebend {
width: 86%;
background-color: #332f30;
padding: 10px;
padding-left: 7%;
padding-right: 7%;
}

#textrahmen4 h3 {
background-color: #cd1719;
margin-block-start: 0em;
margin-block-end: 0em;
color: #474344;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7%;
}

#textrahmen4 h3:before {
content: "";
display: inline-block;
width: 60px;
height: 29px;
background-size: 56px auto;
position: relative;
background-position: center;
background-repeat: no-repeat;
left: 0px;
top: 4px;
padding-right: 15px;
}

#textrahmen4 .textSpalteLinksVB3sp h3:before {
background-image: url(../../media/icon-klasse-b.png);
}

#textrahmen4 .textSpalteMitteVB3sp1 h3:before {
background-image: url(../../media/icon-klasse-be.png);
width: 79px;
height: 28px;
background-size: 82px auto;
}

#textrahmen4 .textSpalteRechtsVB3sp h3:before {
background-image: url(../../media/icon-klasse-a.png);
width: 45px;
height: 29px;
background-size: 48px auto;
}

.aktuellesumgend {
background-image: url(../../media/hintergrund-aktuelles.jpg);
background-size: cover;
}

#inhalt13 {
background-color: rgba(70,68,68,0.9);
padding-top: 15px;
padding-bottom: 15px;
}

.listelement {
background-color: rgba(70,68,68,0.9);
}

.listelement .vorschaubild {
display: none;
}

#inhalt2spalten5 {
margin-bottom: 0;
}

.listelement a.button:hover {
background-color: transparent;
}

@media screen and (max-width: 1000px) {
#inhalt2spalten5 {
margin-top: 0;
}

#inhalt15 {
padding-top: 0;
}
}

@media screen and (max-width: 800px) {
#textrahmen4 .textSpalteMitteVB3sp1 h3:before {
width: 70px;
height: 22px;
background-size: 75px auto;
}

#textrahmen4 .textSpalteRechtsVB3sp h3:before {
width: 35px;
height: 22px;
background-size: 40px auto;
}

#textrahmen4 h3:before {
width: 50px;
height: 22px;
background-size: 48px auto;
}

.listelement {
width: 48.5%;
}

.listelement p {
height: 55px;
}
}

@media screen and (max-width: 600px) {
.listelement {
width: 100%;
}
}