@media only screen and (max-width: 1530px) {
    body .nav-teil2 {
        top: 900px;
    }
    

}


@media only screen and (max-width: 1425px) {
    
    body .redvideo{
        right: 220px;
    }

    body .h1footer{
        left: 200px;
    }

    body .textfeel{
        left: 200px;
    }

    body .textimmer{
        left: 200px;
    }

    body .bagsr{
        right: 220px;
    }

    body .h1footer2{
        left: 200px;
    }

    body .textimmer2{
        left: 200px;
    }

    body .flex1 {
        right: 100px;
    }

    body .flex2 {
        right: 85px;
    }


}


@media only screen and (max-width: 1360px) {
    body .buy {
        top: 500px;
    }

    body .nav-teil2 {
        top: 800px;
    }

    body .bagsr{
        top: 2000px;
    }

    body .h1footer2{
        top: 2000px;
    }

    body .textimmer2{
        top: 2100px;
    }

    body .footer {
        top: 2600px;
    }




}


@media only screen and (max-width: 1285px) {

    body .nav-teil2 {
        top: 700px;
    }

    body .bagsr{
        top: 1900px;
    }

    body .h1footer2{
        top: 1900px;
    }

    body .textimmer2{
        top: 2000px;
    }

    body .footer {
        top: 2500px;
    }


}


@media only screen and (max-width: 1240px) {

    body .redvideo{
        right: 120px;
    }

    body .h1footer{
        left: 100px;
    }

    body .textfeel{
        left: 100px;
    }

    body .textimmer{
        left: 100px;
    }


    body .bagsr{
        right: 120px;
    }

    body .h1footer2{
        left: 100px;
    }

    body .textimmer2{
        left: 100px;
    }

    body .flex1 {
        right: 15px;
    }

    body .flex2 {
        right: 0px;
    }

    body .logoscrift {
        left: 40px;
    }

    

}


@media only screen and (max-width: 1090px) {

    body .redvideo{
        top: 650px;
        left: 50%;
        transform: translate(-50%);
    }

    body .h1footer{
        top: 100px;
        left: 50%;
        transform: translate(-50%);
    }

    body .textfeel{
        width: 344px;
        top: 425px;
        left: 50%;
        transform: translate(-50%);
    }

    body .textimmer{
        width: 340px;
        top: 560px;
        left: 50%;
        transform: translate(-50%);
    }

    body .nav-teil2 {
        height: 1400px;
    }

    body .bagsr{
        left: 50%;
        top: 2500px;
        transform: translate(-50%);
    }

    body .h1footer2{
        width: 400px;
        top: 2200px;
        left: 50%;
        transform: translate(-50%);
    }

    body .textimmer2{
        top: 2300px;
        left: 50%;
        transform: translate(-50%);
    }

    body .flex1 {
        left: 50%;
        transform: translate(-50%);
        top: 120px;
        width: 440px;
        gap: 161px;
    }

    body .flex2 {
        left: 50%;
        transform: translate(-50%);
        top: 170px;
        width: 441px;
        gap: 123px;
    }

    body .logoscrift {
        left: 50%;
        transform: translate(-50%);
    }

    body .footer {
        height: 245px;
        top: 2950px;
    }


}


@media only screen and (max-width: 1000px) {

    body .nav-teil2 {
        top: 600px;
    }

    body .buy {
        top: 450px;
    }


}


@media only screen and (max-width: 825px) {

    body .nav-teil2 {
        top: 500px;
    }


}


@media only screen and (max-width: 950px) {
    body .buy {
        top: 400px;
    }

}


@media only screen and (max-width: 649px) {
    body .flex1 {
        width: 385px;
        gap: 100px;
    }

    body .flex2 {
        width: 385px;
        gap: 64px;
    }

}


@media only screen and (max-width: 625px) {
    body .videoabout {
        display: none;
    }

    body .videoaboutsize {
        display: block;
        position: absolute;
        width: 100%;
        top: 136px;
    }

    body .nav-teil2 {
        top: 1000px;
    }

    body .buy {
        top: 800px;
    }

    body .bagsr{
        top: 2800px;
    }

    body .h1footer2{
        top: 2500px;
    }

    body .textimmer2{
        top: 2600px;

    }

    body .flex1 {
        width: 400px;
        right: 30px;
        gap: 110px;
    }

    body .flex2 {
        width: 400px;
        right: 10px;
        gap: 77px;
    }

    body .footer {
        top: 3200px;
    }

}

@media only screen and (max-width: 528px) {

    body .p1, .p2, .p3 {
        font-size: 12px;
    }

    body .f1, .f2, .f3 {
        font-size: 18px;
    }

    body .flex1 {
        width: 365px;
        right: 30px;
        gap: 110px;
    }

    body .flex2 {
        width: 365px;
        right: 10px;
        gap: 85px;
    }

}

@media only screen and (max-width: 486px) {

    body .nav-teil2 {
        top: 900px;
    }

    body .buy {
        top: 700px;
    }


    body .bagsr{
        top: 2700px;
    }

    body .h1footer2{
        top: 2400px;
    }

    body .textimmer2{
        top: 2500px;

    }

    body .footer {
        top: 3100px;
    }



}

@media only screen and (max-width: 476px) {

    body .p1, .p2, .p3 {
        font-size: 10px;
    }

    body .f1, .f2, .f3 {
        font-size: 16px;
    }

    body .flex1 {
        width: 350px;
        right: 30px;
        gap: 110px;
    }

    body .flex2 {
        width: 350px;
        right: 10px;
        gap: 103px;
    }


}

@media only screen and (max-width: 430px) {

    body .nav-teil2 {
        top: 800px;
    }

    body .buy {
        top: 600px;
    }

    body .bagsr {
        width: 360px;
        top: 2620px;

    }

    body .footer {
        top: 3050px;
    }

    body .h1footer2 {
        top: 2300px;
        width: 368px;
    }

    body .textimmer2 {
        top: 2400px;
        width: 358px;
    }

    body .p1, .p2, .p3 {
        top: -10px;
        font-size: 10px;
    }

    body .f1, .f2, .f3 {
        font-size: 15px;
    }

    body .flex1 {
        width: 330px;
        right: 30px;
        gap: 85px;
    }

    body .flex2 {
        width: 330px;
        right: 10px;
        gap: 80px;
    }

    body .logoscrift {
        font-size: 45px;
        width: 345px;
    }
}

@media only screen and (max-width: 375px) {


    body .nav-teil2 {
        top: 700px;
    }

    body .buy {
        top: 500px;
    }

    body .h1footer2 {
        top: 2200px;
    }

    body .textimmer2 {
        top: 2300px;
    }

    body .bagsr {
        top: 2530px;
    }

    body .footer {
        top: 3000px;
    }

    body .bagsr {
        width: 340px;

    }

    body .h1footer2 {
        width: 350px;
    }

    body .textimmer2 {
        width: 340px;
    }

    body .flex1 {
        width: 96%;
    }

    body .redvideo {
        height: 620px;
    }

    body .flex1 {
        width: 300px;
        right: 30px;
        gap: 85px;
    }

    body .flex2 {
        width: 300px;
        right: 10px;
        gap: 65px;
    }


}