.Haupt{
    width: 100%;
    margin: auto;
}
.element{position: relative;width: 210px;margin-left: auto;margin-right: auto;}
/* 
.element-2{position: relative;width: 210px;margin-left: auto;margin-right: auto;}
.element-3{position: relative;width: 210px;margin-left: auto;margin-right: auto;}
.element-4{position: relative;width: 210px;margin-left: auto;margin-right: auto;}
.element-5{position: relative;width: 210px;margin-left: auto;margin-right: auto;}
.element-6{position: relative;width: 210px;margin-left: auto;margin-right: auto;} 
*/

.more-info{
    display: block;
    position: absolute;
    bottom: -10px;
    left: 30%;
}
.Haupt p{
    text-align: center;
}

@media (min-width: 1200px){
    .Haupt{width: 85%;}
}
@media (min-width: 1800px){
    .Haupt{width: 70%;}
}
@media (min-width: 2400px){
    .Haupt{width: 60%;}
}
@media (min-width: 3000px){
    .Haupt{width: 50%;}
}
@media (min-width: 4000px){
    .Haupt{width: 45%;}
}

@media (max-width: 10000px){.bild-bereich img{margin-top: -1320px;width: 10000px;}}
@media (max-width: 9500px){.bild-bereich img{margin-top: -1220px;width: 9500px;}}
@media (max-width: 9000px){.bild-bereich img{margin-top: -1120px;width: 9000px;}}
@media (max-width: 8500px){.bild-bereich img{margin-top: -1020px;width: 8500px;}}
@media (max-width: 8000px){.bild-bereich img{margin-top: -920px;width: 8000px;}}
@media (max-width: 7500px){.bild-bereich img{margin-top: -820px;width: 7500px;}}
@media (max-width: 7000px){.bild-bereich img{margin-top: -740px;width: 7000px;}}
@media (max-width: 6500px){.bild-bereich img{margin-top: -660px;width: 6500px;}}
@media (max-width: 6000px){.bild-bereich img{margin-top: -600px;width: 6000px;}}
@media (max-width: 5500px){.bild-bereich img{margin-top: -540px;width: 5500px;}}
@media (max-width: 5000px){.bild-bereich img{margin-top: -480px;width: 5000px;}}
@media (max-width: 4900px){.bild-bereich img{margin-top: -468px;}}
@media (max-width: 4800px){.bild-bereich img{margin-top: -456px;}}
@media (max-width: 4700px){.bild-bereich img{margin-top: -444px;}}
@media (max-width: 4600px){.bild-bereich img{margin-top: -432px;}}
@media (max-width: 4500px){.bild-bereich img{margin-top: -420px;width: 4500px;}}
@media (max-width: 4400px){.bild-bereich img{margin-top: -404px;}}
@media (max-width: 4300px){.bild-bereich img{margin-top: -388px;}}
@media (max-width: 4200px){.bild-bereich img{margin-top: -372px;}}
@media (max-width: 4100px){.bild-bereich img{margin-top: -356px;}}
@media (max-width: 4000px){.bild-bereich img{margin-top: -340px;width: 4000px;}}
@media (max-width: 3900px){.bild-bereich img{margin-top: -320px;}}
@media (max-width: 3800px){.bild-bereich img{margin-top: -300px;}}
@media (max-width: 3700px){.bild-bereich img{margin-top: -280px;}}
@media (max-width: 3600px){.bild-bereich img{margin-top: -265px;}}
@media (max-width: 3500px){.bild-bereich img{margin-top: -250px;width: 3500px;}}
@media (max-width: 3400px){.bild-bereich img{margin-top: -235px;}}
@media (max-width: 3300px){.bild-bereich img{margin-top: -220px;}}
@media (max-width: 3200px){.bild-bereich img{margin-top: -205px;}}
@media (max-width: 3100px){.bild-bereich img{margin-top: -190px;}}
@media (max-width: 3000px){.bild-bereich img{margin-top: -175px;width: 3000px;}}
@media (max-width: 2900px){.bild-bereich img{margin-top: -160px;}}
@media (max-width: 2800px){.bild-bereich img{margin-top: -145px;}}
@media (max-width: 2700px){.bild-bereich img{margin-top: -130px;}}
@media (max-width: 2600px){.bild-bereich img{margin-top: -115px;}}
@media (max-width: 2500px){.bild-bereich img{margin-top: -100px;width: 2500px;}}
@media (max-width: 2400px){.bild-bereich img{margin-top: -85px;}}
@media (max-width: 2300px){.bild-bereich img{margin-top: -70px;}}
@media (max-width: 2200px){.bild-bereich img{margin-top: -55px;}}
@media (max-width: 2100px){.bild-bereich img{margin-top: -40px;}}
@media (max-width: 2000px){.bild-bereich img{margin-top: -20px;width: 2000px;}}
@media (max-width: 1900px){.bild-bereich img{margin-top:  0px;}}