body {
    font-family: 'PT Sans', serif;
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url("../img/privacy.jpg");


}

.wrnkrb_list{
    /* Layout Properties */
    width: 40%;
    height: 2.938em;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 1%;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 4px solid #7B919F;
    border-radius: 29px;
    opacity: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}

.wrnkrb_artikel{
    /* Layout Properties */
    margin: auto;
    width: 39%;
    height: 12em;
    /* UI Properties */
    background: #F6F6F6 0% 0% no-repeat padding-box;
    border: 4px solid #738A99;
    border-radius: 27px;
    opacity: 1;
    padding: 0.5%;
    margin-bottom: 1%;
}

.wrnkrb_artikel_no_artikel {
    /* Layout Properties */
    margin: auto;
    width: 39%;
    height: 0em;
    /* UI Properties */
    opacity: 1;
    padding: 0.5%;
    margin-bottom: 1%;

}

.wrnkrb_artikel_txt{
    margin: auto;
    margin-left: 20%;
    /* Layout Properties */
    top: 476px;
    left: 711px;
    width: 634px;
    height: 8.125em;
    /* UI Properties */
    text-align: left;
    letter-spacing: 0px;
    color: #033375;
    opacity: 1;
}
.wrnkrb_artikel_bttn{
    /* Layout Properties */
    float: right;
    margin: auto;
    width: 10%;
    height: 12.188em;
    display: flex;
    justify-content: center;
    align-items: center;

    /* UI Properties */
    background: #D85841 0% 0% no-repeat padding-box;
    border-radius: 29px;
    opacity: 1;
}

.wrnkrb_artikel_bttn a {
    display: flex;
    justify-content: center;
    align-items: center;
}

#wrnkrb_pic{
    object-fit: contain;
    border: 2px solid #728998;
    height: 95%;
    border-radius: 12px;
    margin: auto auto auto 2%;

}

#wrnkrb_trash{
    width: 100px;
    height: 100px;
    max-width: 75%;
    max-height: 75%;
}

#wrnkrb_list_txt{
    font: normal normal normal 28px/36px PT Sans;
    color: #6C8494;

}

.wrnkrb_confirm{
    /* Layout Properties */
    width: 40%;
    height: 2.938em;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 4px solid #7B919F;
    border-radius: 21px;
    opacity: 1;
    margin: auto;
    margin-bottom: 5%;
    display: flex;
    justify-content: right;
    align-items: center;
}
.wrnkrb_confirm_bttn{
    white-space: nowrap;
    /* Layout Properties */
    margin-right: 2.5%;
    width: 30%;
    height: 2.375em;
    /* UI Properties */
    background: #F3C60A 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 13px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2% 0 2%;
    text-decoration: none;
}

.wrnkrb_confirm_bttn a {
    text-decoration: none;
}

.wrnkrb_confirm_bttn:hover {
    background: #ffd811;

}

.wrnkrb_artikel_bttn:hover{
    background: #ef4425;
}
#wrnkrb_confirm_bttn_txt{
    /* Layout Properties */
    margin-top: 5%;
    height: 1.813em;
    /* UI Properties */
    text-align: center;
    font: normal normal normal 25px/32px PT Sans;
    letter-spacing: 0px;
    color: #6C8494;
    opacity: 1;
}

@media (min-width: 320px) {
    .wrnkrb_list {
        /* Layout Properties */
        width: 20.625em;
        height: 31px;
        /* UI Properties */
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 4px solid #7B919F;
        border-radius: 21px;
        opacity: 1;
        margin-top: 20%;
    }

    #wrnkrb_list_txt {
        font: normal normal normal 17px/22px PT Sans;
        letter-spacing: 0px;
        color: #6C8494;
        opacity: 1;
    }

    .wrnkrb_artikel {
        width: 20.625em;
        height: 118px;
        background: #F6F6F6 0% 0% no-repeat padding-box;
        border: 3px solid #738A99;
        border-radius: 21px;
        opacity: 1;
        display: flex;
    }

    .wrnkrb_artikel_txt {
        margin-left: 15%;
    }

    .wrnkrb_artikel_bttn {
        float: right;
        margin: auto;
        width: 35%;
        height: 6.7em;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #D85841 0% 0% no-repeat padding-box;
        border-radius: 21px;
        opacity: 1;
    }

    .wrnkrb_confirm {
        /* Layout Properties */
        width: 20.625em;
        height: 3.688em;
        /* UI Properties */
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 4px solid #7B919F;
        border-radius: 27px;
        opacity: 1;
        justify-content: center;
    }

    .wrnkrb_confirm_bttn {
        /* Layout Properties */
        width: 350px;
        height: 36px;
        /* UI Properties */
        background: #F3C60A 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 13px;
        opacity: 1;
        margin-left: 2%;
    }
}
@media (max-width: 481px)
{
    .footer_line{
        margin-top: 55%;
    }
}
@media (max-width: 730px)
{
    #wrnkrb_pic
    {
        height: 80%;

    }
}

@media (min-width: 961px)
{
    .wrnkrb_confirm_bttn{
        width: 35%;}
}
@media (max-width: 1206px) and (min-width: 1000px)
{
    .wrnkrb_confirm_bttn{
    height: 8.7em;}
}

@media (min-width: 1000px)
{
    .wrnkrb_list{
        /* Layout Properties */
        width: 40%;
        height: 2.938em;
        margin: auto;
        margin-top: 10%;
        margin-bottom: 1%;
        /* UI Properties */
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 4px solid #7B919F;
        border-radius: 29px;
    }

    .wrnkrb_artikel{
        /* Layout Properties */
        margin: auto;
        width: 39%;
        height: 9.5em;
        /* UI Properties */
        background: #F6F6F6 0% 0% no-repeat padding-box;
        border: 4px solid #738A99;
        border-radius: 27px;
        opacity: 1;
        padding: 0.5%;
        margin-bottom: 1%;
        display: flex;
    }
    .wrnkrb_artikel_txt
    {
        margin: auto;
        margin-left: 5%;
        /* Layout Properties */
        top: 476px;
        left: 711px;
        width: 634px;
        height: 157px;
        /* UI Properties */
        text-align: left;
        letter-spacing: 0px;
        color: #033375;
        opacity: 1;
    }
    .wrnkrb_artikel_bttn
    {
        float: right;
        margin: auto;
        width: 10%;
        height: 9.7em;
        display: flex;
        justify-content: center;
        align-items: center;

        background: #D85841 0% 0% no-repeat padding-box;
        border-radius: 23px;
        opacity: 1;
    }

    .wrnkrb_artikel_pic
    {
        margin-top: 0%;
        width: auto;
        height: 9.4em;
    }
    #wrnkrb_pic
    {
    }

    #wrnkrb_trash{
        width: 75%;

    }
    .wrnkrb_confirm{
        width: 40%;
        height: 2.938em;
        justify-content: right; /* horizontal zentrieren */
        align-items: center;

    }
    .wrnkrb_confirm_bttn{
        margin-right: 2.5%;
        width: 30%;
        height: 2.375em;
    }

    #wrnkrb_confirm_bttn_txt{
        /* Layout Properties */
        margin-top: 5%;
        height: 1.813em;
        font: normal normal normal 19px/30px PT Sans;
        /* UI Properties */
    }
}
@media (min-width:1000px) {
    .wrnkrb_artikel_bttn
    {
        height: 9.5em;
        width: 15%;
        margin: auto 0 auto auto;
    }

    .wrnkrb_confirm_bttn
    {
        padding: 0 6% 0 6%;
    }
}
@media (min-width: 1600px)
{

    .wrnkrb_artikel_bttn
{
    height: 9.5em;
    width: 10%;
}
    #wrnkrb_confirm_bttn_txt
    {
        margin-top: 2%;
    }
}
        @media (min-width: 2000px)
{
    #wrnkrb_pic{
        margin: auto 0 auto 2%;
    }
    .wrnkrb_artikel_pic {
        margin-top: 0%;
        width: 16%;
        height: 100%;
    }
            #wrnkrb_trash
            {
                width: 45%;
            }
}