#ref_img {
width: 100%;
height: auto;
}

#ueber_uns {
display: grid;
}

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

.bottom1_bg {
margin-bottom: 30px;
}

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

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

.main {
width: 100%px;
max-width: 3000px;
margin-bottom: 5px;
padding-right: 0px;
padding-left: 0px;
}

img.lupe:hover {
z-index: 50;
transform: scale(2.0, 2.0);
}

img.lupe {
z-index: 50;
transition: transform 0.6s;
}

@media (min-width: 840px) {
#ueber_uns {
grid-template-columns: 65% 35%;
}

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

#p0 {
grid-template-columns: auto auto;
}

#p2, #p4, #p6, #p8, #p10, #p12 {
height: 0px;
}
}

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

#p2, #p4, #p6, #p8, #p10, #p12 {
height: 0px;
}

#ueber_uns {
grid-template-columns: 50% 50%;
}

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

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