body {
    margin: 0;
    width: 100vh;
    height: 100vh;
    background-color: #d2c6ba;
    color: #6d3c1e;
    scroll-behavior: smooth;
}
/*AlexAutopflege*/
#alexautopflege {
    height: 100%;
    width: 100%;
}

#alexautopflege-bild-hochkant {
    object-fit: cover;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#alexautopflege-bild {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#alexautopflege-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Audiotec*/
#audiotec {
    height: 100%;
    width: 100%;
}

#audiotec-bild-2 {
    object-fit: cover;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#audiotec-bild-3 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#audiotec-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Beckmann*/
#beckmann {
    height: 100%;
    width: 100%;
}

#beckmann-bild {
    object-fit: cover;
    object-position: left;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#beckmann-bild-2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#beckmann-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Daus*/
#daus {
    height: 100%;
    width: 100%;
}

#daus-bild {
    object-fit: cover;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#daus-bild-2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#daus-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Dynamicar*/
#dynamicar {
    height: 100%;
    width: 100%;
}

#dynamicar-bild {
    object-fit: cover;
    object-position: left;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#dynamicar-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#dynamicar-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*FranzTrippe*/
#franztrippe {
    height: 100%;
    width: 100%;
}

#franztrippe-bild {
    object-fit: cover;
    object-position: 16%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#franztrippe-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#franztrippe-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*GierseSchoellmann*/
#gierseschoellmann {
    height: 100%;
    width: 100%;
}

#gierseschoellmann-bild {
    object-fit: cover;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#gierseschoellmann-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#gierseschoellmann-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Hellwig*/
#hellwig {
    height: 100%;
    width: 100%;
}

#hellwig-bild {
    object-fit: cover;
    object-position: 6%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#hellwig-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#hellwig-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Humbach*/
#humbach {
    height: 100%;
    width: 100%;
}

#humbach-bild {
    object-fit: cover;
    object-position: 6%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#humbach-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#humbach-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Jaeger*/
#jaeger {
    height: 100%;
    width: 100%;
}

#jaeger-bild {
    object-fit: cover;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#jaeger-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#jaeger-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Kemper*/
#kemper {
    height: 100%;
    width: 100%;
}

#kemper-bild {
    object-fit: cover;
    object-position: 42%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#kemper-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#kemper-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Knappstein*/
#knappstein {
    height: 100%;
    width: 100%;
}

#knappstein-bild {
    object-fit: cover;
    object-position: 75%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#knappstein-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#knappstein-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Merte*/
#merte {
    height: 100%;
    width: 100%;
}

#merte-bild {
    object-fit: cover;
    object-position: 40%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#merte-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#merte-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Metek*/
#metek {
    height: 100%;
    width: 100%;
}

#metek-bild {
    object-fit: cover;
    object-position: 65%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#metek-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#metek-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Motorsport*/
#motorsport {
    height: 100%;
    width: 100%;
}

#motorsport-bild {
    object-fit: cover;
    object-position: 65%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#motorsport-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#motorsport-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*MSG*/
#msg {
    height: 100%;
    width: 100%;
}

#msg-bild {
    object-fit: cover;
    object-position: 30%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#msg-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#msg-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Niederstrasser*/
#niederstrasser {
    height: 100%;
    width: 100%;
}

#niederstrasser-bild {
    object-fit: cover;
    object-position: 60%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#niederstrasser-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#niederstrasser-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*pointS*/
#points {
    height: 100%;
    width: 100%;
}

#points-bild {
    object-fit: cover;
    object-position: 70%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#points-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#points-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*PREIN*/
#prein {
    height: 100%;
    width: 100%;
}

#prein-bild {
    object-fit: cover;
    object-position: 45%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#prein-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#prein-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*RichterLeiterplatten*/
#richter {
    height: 100%;
    width: 100%;
}

#richter-bild {
    object-fit: cover;
    object-position: 25%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#richter-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#richter-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*SBSiepe*/
#sbsiepe {
    height: 100%;
    width: 100%;
}

#sbsiepe-bild {
    object-fit: cover;
    object-position: 25%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#sbsiepe-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#sbsiepe-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Schueco*/
#schueco {
    height: 100%;
    width: 100%;
}

#schueco-bild {
    object-fit: cover;
    object-position: 53%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#schueco-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#schueco-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Transfluid*/
#transfluid {
    height: 100%;
    width: 100%;
}

#transfluid-bild {
    object-fit: cover;
    object-position: 45%;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#transfluid-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#transfluid-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

/*Zimmermann*/
#zimmermann {
    height: 100%;
    width: 100%;
}

#zimmermann-bild {
    object-fit: cover;
    object-position: left;
    width: 30vh;
    height: 60vh;
    border-radius: 10vh;
    position: absolute;
    margin-top: 10%;
    left: 20%;
}

#zimmermann-bild2 {
    object-fit: cover;
    width: 60vh;
    height: 30vh;
    border-radius: 15vh;
    position: absolute;
    margin-top: 24.75%;
    left: 37%;
}

#zimmermann-text {
    position: absolute;
    margin-top: 10%;
    left: 38%;
}