h1 {
    text-decoration: underline;
    text-align: center;
    font-size: 50px;
    font-family: "lobster", cursive;
    margin: 15px 0px 0px 0px;
}

#box1 {
    font-family: "lobster", cursive;
    position: relative;
    margin-top: 80px;
    left: 450px;
    border: 4px solid black;
    outline: 5px solid black;
    outline-offset: 8px;
    width: 1025px;
    height: 475px;
}

#lkwl {
    position: absolute;
    top: 80px;
    left: -80px;
    width:614px;
    height: 349px;
}

#lkwr {
    position: absolute;
    top: 80px;
    right: -150px;
}

#lkwm {
    position: absolute;
    top: 80px;
    width: 620px;
    height: 320px;
    left: 210px;
}

#lkw {
    margin: 0;
    position: absolute;
    left: 450px;
    color: #C26600;
    font-size: 45px;
    text-decoration: underline
}

.text1 {
    margin: 0;
    position: absolute;
    top: 70px;
    left: 215px; 
    font-size: 20px;
}

.text2 {
    position: absolute;
    top: 385px;
    left: 245px;
    font-size: 20px;
}

#lkw2 {
    position: absolute;
    top: 420px;
    left: 450px;
    color: #C26600;
    font-size: 45px;
    text-decoration: underline
}

#box2 {
    font-family: "lobster", cursive;
    position: relative;
    margin-top: 8px;
    left: 450px;
    border: 4px solid black;
    outline: 5px solid black;
    outline-offset: 8px;
    width: 1025px;
    height: 475px;
}

#lkwb2 {
    margin: 0;
    position: absolute;
    left: 415px;
    color: #C26600;
    font-size: 45px;
    text-decoration: underline
}

#lkwb23 {
    position: absolute;
    top: 422px;
    left: 415px;
    color: #C26600;
    font-size: 45px;
    text-decoration: underline
}

#anhängerl {
    position: absolute;
    top: 80px;
    left: 30px;
    width: 360px;
    height: 270px;
}

#anhängerr {
    position: absolute;
    top: 80px;
    right: 30px;
    width: 360px;
    height: 270px;
    width: 360px;
    height: 270px;
    
}

#anhängerm {
    position: absolute;
    top: 80px;
    width: 500px;
    height: 270px;
    left: 250px;
}

footer {
    margin-top: 10% !important;
}

@media (min-width: 2100px) {
    
    #box1 {
        left: 530px;
    }

    #box2 {
        left: 530px;
    }
}

@media (max-width: 1260px) {

    #box1,#box2 {
        left: 130px;
    }
}

@media (max-width: 1024px) {

    #box1 {
        left: 50px;
        width: 900px;
    }

    #lkw, #lkw2 {
        left: 415px;
    }

    .text1 {
        left: 200px;
    }


    #lkwl {
        width: 500px;
        height: 300px;
        left: 10px;
    }

    #lkwr {
        width: 500px;
        height: 300px;
        right: -100px;

    }

    #lkwm {
        width: 550px;
        height: 280px;
    }

    #box2 {
        left: 50px;
        width: 900px;
    }

    #lkwb2 {
        left: 380px;
    }

    #lkwb23 {
        left: 380px;
    }

    #anhängerl {
        width: 300px;
        height: 230px;

    }

    #anhängerm {
        left: 190px;


    }

    #anhängerr {
        width: 300px;
        height: 230px;
    }
}

@media (max-width: 800px) {

    #box1 {
        left: 90px;
        width: 600px;
    }

    #lkw, #lkw2 {
        left: 260px;
    }

    .text1 {
        left: 60px;
        font-size: 18px;
    }

    .text2 {
        left: 80px;
        font-size: 18px;
        top: 350px;
    }


    #lkwl {
        width: 290px;
        height: 190px;
        left: 25px;
        top: 145px;
    }

    #lkwr {
        width: 290px;
        height: 190px;
        top: 145px;
        right: -50px;

    }

    #lkwm {
        width: 350px;
        height: 180px;
        top: 150px;
        left: 160px;
    }

    #box2 {
        left: 90px;
        width: 600px;
    }

    #lkwb2 {
        left: 230px;
    }

    #lkwb23 {
        left: 230px;
    }

    #anhängerl {
        width: 200px;
        height: 160px;
        top: 150px;

    }

    #anhängerm {
        left: 85px;
        top: 140px;
        width: 420px;
        height: 190px;


    }

    #anhängerr {
        width: 200px;
        height: 160px;
        top: 150px;
    }
}

@media (max-width: 720px) {

    #box1,#box2 {
        left: 50px;
    }
}

@media (max-width: 415px) {

    h1 {
        font-size: 35px;
    }

    #box1,#box2 {
        border: 0;
        outline: 0;
        left: 0;
    }

    #lkw {
        left: 155px;
    }

    .text1 {
        left: 30px;
        width: 350px;
        text-align: center;
    }

    #lkwl {
        left: 20px;
        width: 220px;
        height: 140px;
    }

    #lkwm {
        display: none;
    }

    #lkwr {
        left: 210px;
        width: 220px;
        height: 140px;
    }

    .text2 {
        top: 280px;
        left: 55px;
        width: 300px;
        text-align: center;
    }

    #lkw2 {
        top: 330px;
        left: 160px;
    }

    #lkwb2 {
        left: 125px;
    }

    #anhängerl {
        left: 100px;
        width: 100px;
        height: 130px;
    }

    #anhängerm {
        display: none;
    }

    #anhängerr {
        left: 220px;
        width: 100px;
        height: 130px;
    }

    #lkwb23 {
        left: 130px;
    }
}

@media (max-width: 361px) {

    #box1,#box2 {
        left: -30px;
    }
}