#seite {
max-width: 1200px;
margin: 0 auto;

}

#banner {
display: flex;
justify-content: space-between;

background-color: #aa0000;
min-height: 200px;
width: 100%;
max-width: 1200px;
}


#logo {
max-height: 150px; max-width: 150px;
margin: 20px;
margin-left: 40px;


}

#textbox {

display: flex;
justify-content: space-between;
width: 63%;
margin-right: 10px;
}

#logo img {
max-height: 150px;
}

#toptext {
	white-space:nowrap;

margin-top: 100px;
margin-right: 20px;


}

#ueberschrift {
height: 50px; width: 262px;
white-space:nowrap;
color: white;
font-weight: bold;
font-size: 25pt;
margin-top: -30px;
margin-right: 20px;

}


#toptext h3 {
color: white;
font-weight: bold;
font-size: 25pt;
}

#toptext p {
color: white;
font-weight: normal;
font-size: 15pt;
margin-top: -20px;;
}


#content {
margin: 0 auto;
font-family: sans-serif;
}

#content img {
width: 100%;

}

h2 {
color: black;
}

.zentriert {
text-align: center;

}

.bild {
border: 10px solid #aa0000;
max-width: 900px;
max-height: 95%;
margin: 0 auto;
margin-top: 10px;
padding-bottom: -15px;
}

.bilder {
padding: 10px;
margin: 0 auto;
}

@media (max-width: 755px) {
#toptext { 
margin-top: 55px;
margin-left: 10px;
}
#ueberschrift {
margin-top: -20px;
margin-left: 10px;
}

#textbox {
display: grid;
}

}


@media (max-width: 510px) {
#banner {
display: grid;
}

#toptext { 
margin-top: 55px;
margin-left: 10px;
}
#ueberschrift {
margin-top: -50px;
margin-left: 10px;
}

}