@keyframes PopFenster {
    
    0% {  opacity: 0;
        transform: scale(0%);} 

    100% {  opacity: 100;
        transform: scale(100%);} 

}



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

html, body {
    margin: 0;
    padding-left: 0px;
    background-color: rgb(113, 0, 148);
    background-image: none;
    color: white;
    font-size: 3.5vw;
}

html {
    scroll-behavior: smooth;
}

@keyframes Ladeani {
    0% {transform: rotate(0deg);}

    100% {transform: rotate(360deg);}
}


@keyframes Versandneu {
    0% {transform:scale(100%);
        color: green;}

    50% {transform:scale(105%);
        color: rgb(0, 255, 0);}

    100% {transform:scale(100%);
        color: green;}
}

@keyframes PayPal {
    0% {transform:rotate(0deg)}

    25% {transform:rotate(-2deg)}

    50% {transform:rotate(2deg)}

    75% {transform:rotate(-2deg)}

    100% {transform:rotate(0deg)}
}

#Ladenbalken {
    text-align: center;
    top: -5vw;
    background-color: #000000 ;
    width: 100vw;
    height: 400vw;
    z-index: 10000;
    position: fixed;
}

.Ladebild {
    margin-top: 70vw;
    height: 20vw;
    animation-name: Ladeani;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

.VersandkostenNEUT {
    color: green;
    animation-name: Versandneu;
    animation-duration: 1.5s;
    animation-iteration-count: 2;
}


.GesammtkostenNEUT {
    color: green;
    animation-name: Versandneu;
    animation-duration: 1.5s;
    animation-iteration-count: 2;
}


#kaufinfo {
    position: fixed;
    width: 100%;
    height: 94%;
    background-color: #000000;
    z-index: 10000;
    text-align: center;
    margin-top: 12vw;
    overflow: scroll;
    overflow-x: hidden;
    animation-name: PopFenster;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
}

#kaufinfoexit {
    position: fixed;
    width: 98%;
    padding: 0.6vw;
    background-color: white;
    color: #000000;
    text-align: right;
    border-bottom: 0.5vw solid rgba(0, 0, 0, 0.692);
}

#kaufinfotext {
    z-index: 100;
    border: 0.5vw solid rgba(0, 0, 0, 0.692);
    padding: 1.5vw;
    padding-top: 3vw;
    background-color: rgb(255, 255, 255);
    color: #000000;
}

.Widerrufsbelehrung {
    color: rgb(31, 236, 13);
    cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    width: 2vw;
    height: 1vw;
}



#container {
    text-align: justify;
    font-family: sans-serif;
    font-size: 3.5vw;
    display: grid;
    grid-template-columns: repeat(5, 17%);
    grid-template-rows: repeat(3, 33%);
    grid-gap: 3vw;
    padding: 2vw;
    margin-bottom: 0.2vw;
    border-bottom: 0.1vw solid black;
    border-top: 0.1vw solid black;
}

#Gesamtbetragung {
    text-align: justify;
    font-family: sans-serif;
    font-size: 3.5vw;
    display: grid;
    grid-template-columns: repeat(5, 17%);
    grid-gap: 3vw;
    padding: 2vw;
    margin-bottom: 0.6vw;
    border-top: 0.1vw solid black;
}

.versandkasten {
    grid-column-start: 1;
    grid-column-end: 6;
    width: 95%;
    overflow: hidden;
    text-align: center;
}

.er {
    grid-column-start: 2;
    grid-column-end: 3;
}

.Verpackungoption {
    position: absolute;
}

.infoVerpackung {
    color: rgb(3, 184, 3);
    font-size: 2.8vw;
}

.Versanddatumanzeige{
    margin-top: 0.5vw;
}

.Versandtext{
    text-align: center;
}

.Versandinfot {
    position: absolute;
    font-size: 2.1vw;
    color: rgba(107, 199, 107, 0.726);
}

.Artikelbild {
    height: 20vw;
    width: 100%;
    border-radius: 1vw;
    box-shadow: 0.3vw 0.3vw 1vw rgb(0, 0, 0);
}

.Artikel {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    overflow: hidden;
    border-radius: 1vw;
    text-align: center;
}



.Artikelname {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 1;
    margin-left: 10vw;
}

.zahler {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
}

.zahlerminus {
    position: absolute;
    text-align: center;
    border-top-left-radius: 1vw;
    border-bottom-left-radius: 1vw;
    background-color: black;
    opacity: 0.9;
    color: white;
    cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    width: 6vw;
    height: 6vw;
    padding-top: 1.6vw;
    user-select: none;
}

.zahlerminus:hover {
    color: #ff0000;
    transition: 0.3s;
}

.zahlerzero {
    position: absolute;
    text-align: center;
    background-color: black;
    color: white;
    opacity: 0.8;
    border-right: 0.1vw solid white;
    border-left: 0.1vw solid white;
    width: 6vw;
    height: 6vw;
    margin-left: 6vw;
    padding-top: 1.6vw;
    user-select: none;
}

.zahlerplus {
    display: block;
    text-align: center;
    border-top-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
    background-color: black;
    color: white;
    border-left: 0.1vw solid white;
    opacity: 0.9;
    cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    width: 6vw;
    height: 6vw;
    margin-left: 12vw;
    padding-top: 1.6vw;
    user-select: none;
}

.zahlerplus:hover {
    color: #ff0000;
    transition: 0.3s;
}
.Versanddauer {
    float: left;
}


.ausverkauftextuber {
    margin-top: 0.2vw;
    font-weight: 900;
    text-shadow: #000000 0.2vw 0.2vw 0.2vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #f3ae6e;
}

.ausverkauftextlosch {
    margin-top: 0.2vw;
    text-shadow: #000000 0.2vw 0.2vw 0.2vw;
    color: #f3ae6e;
    position: absolute;
}

.ausverkauftextlo {
    margin-top: 0.2vw;
    text-shadow: #000000 0.2vw 0.2vw 0.2vw;
    color: #f3ae6e;
}

.Wloschen {
    position: absolute;
    color: white;
    margin-top: 2.2vw;
}

.Wloschenmobile {
    grid-column-start: 1;
    grid-column-end: 6;
    text-align: center;
}


.Wschen {
    border: 0.2vw solid rgba(255, 255, 255, 0.473);;
    color: white;
    background-color: black;
    position: relative;
    cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    height: 6vw;
    width: 50vw;
    font-size: 4vw;
    margin-left: -10vw;
    padding-left: 4vw;
    padding-right: 4vw;
    border-radius: 2vw;
    margin-top: 6.3vw;
}

#versandoption {
    border-radius: 1vw;
    background-color: black;
    color: white;
    margin-top: 6vw;
    width: auto;
}

.versandoption {
    border-radius: 1vw;
    background-color: black;
    color: white;
}

.lander {
    border: none;
    border-bottom: 0.1vw solid #000000;
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4;
}

select {
    font-size: 3vw ;
    width: 18vw;
    background-color: rgba(30, 36, 36, 0.2);
    border-radius: 0.3vw;
}

.Preisalt {
    font-size: 1.7vw;
    text-align: right;
    font-style:italic;
    text-decoration:line-through;
    transform: rotate(0deg);
    color: rgb(137, 200, 27);
}

.Preisone {
    position: absolute;
    margin-left: 30vw;
    margin-top: 8vw;
    font-size: 3vw;
}

.gesamtbetrag {
    transform: scale(80%);
}

.Versandkosten {
    transform: scale(80%);
}

.betrag {
    transform: scale(80%);
}

.er {
    transform: scale(80%);
}

#check{
    transform: scale(200%);
    height: 3vw;
}

.InfotextPAY {
    position: absolute;
    font-size: 3vw;
    margin-left: -43.2vw;
    padding: 0vw;
    margin-top: -0.2; /*3.3vw;*/
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    border-radius: 0.2vw;
    background-color: rgb(0, 0, 255);
    border: 0.1vw solid white;
    opacity: 0.1;
    transition: 0.3s;
}

.InfotextPAYInfo {
    position: absolute;
    font-size: 2.5vw;
    margin-left: -43.2vw;
    padding: 0vw;
    margin-top: -0.2; /*3.3vw;*/
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    border-radius: 0.2vw;
    background-color: rgb(255, 0, 0);
    border: 0.1vw solid white;
    opacity: 1;
    transition: 0.3s;
}

#InfoeingabePAYMail {
    width: 60vw;
}

#InfotextPAYMail {
    margin-left: -60.2vw;
}

.InfotextPAYMail {
    margin-left: -60.2vw;
}

.InfoeingabePAY {
    color: rgba(255, 255, 255, 0.664);
    padding: 2vw;
    margin: 2vw;
    font-size: 5vw;
    display: inline-block;
    box-sizing: border-box;
    transition: 0,5s;
    width: 43vw;
    border: none;
    background-color: rgba(30, 36, 36, 0.2);
    border-radius: 0.3vw;
}

.InfoeingabePAY:focus {
    border: none;
    color: #ffffff;
}

.InfoeingabePAY:focus ~ .InfotextPAY {
    opacity: 1;
    margin-top: -0.2vw;
}

.InfoeingabePAY:focus ~ .InfotextPAYInfo {
    opacity: 1;
    margin-top: -0.2vw;
}



#Bestellinfo {
    user-select: none;
    opacity: 0.5;
    background-color: white;
    color: black;
    padding: 1.5vw;
    font-size: 3vw;
    font-weight: bold;
    padding-left: 2.25vw;
    padding-right: 2.25vw;
    border-radius: 3vw;
    bottom: 3vw;
    cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    transition: 0.5s;
}

.Bestellinfo {
    opacity: 0;
    background-color: white;
    width: 3vw;
    height: 3vw;
}

.Bestellinfotextaus {
    opacity: 1;
    color: black;
    font-size: 3vw;
    width: 45vw;
    height: 10vw;
    padding: 1.5vw;
    border-radius: 1.5vw;
}

.pinselcursor {
    cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    color: blue;
}

#PayPalwechsel {
    position: fixed;
    background-color: #000000;
    z-index: 10000;
    text-align: center;
    margin-left: 0w;
    margin-top: 10vw;
    animation-name: PopFenster;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
}

.PayPalwechselbild{
    width: 30vw;
    height: auto;
}

.PayPalwechselaus {
    position: relative;
    z-index: 1000;
    display: block;
}


.unsichtbar {
    opacity: 0;
    display: none;
}

#error {
    color: #e61818c7;
    font-size: 3.9vw;
}


#paypal-button-container {
    width: 80vw;
    text-align: center;
}


#paypal-button-container:hover {
    filter:hue-rotate(180vw);
    transition: 2s;
}

.paypalWA {
    animation-name: PayPal;
    animation-duration: 0.1s;
    animation-iteration-count: 4;
}

}










@media only screen and (min-width: 1080px) { 

    html, body {
        margin: 0;
        padding-left: 0px;
        background-color: rgb(113, 0, 148);
        background-image: none;
        color: white;
    }
    
    html {
        scroll-behavior: smooth;
    }


    body, html {
        cursor: url("../Vorschaubilder/animation/PinselHB.png"), auto;
    }
    
    a:hover {
        cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    }
    input{
        cursor: url("../Vorschaubilder/animation/PinselH.png"), auto;
    }
    
    @keyframes Ladeani {
        0% {transform: rotate(0deg);}
    
        100% {transform: rotate(360deg);}
    }
    
    
    @keyframes Versandneu {
        0% {transform:scale(100%);
            color: green;}
    
        50% {transform:scale(105%);
            color: rgb(0, 255, 0);}
    
        100% {transform:scale(100%);
            color: green;}
    }
    
    @keyframes PayPal {
        0% {transform:rotate(0deg)}
    
        25% {transform:rotate(-2deg)}
    
        50% {transform:rotate(2deg)}
    
        75% {transform:rotate(-2deg)}
    
        100% {transform:rotate(0deg)}
    }
    
    #Ladenbalken {
        text-align: center;
        top: -5vw;
        background-color: #000000 ;
        width: 100vw;
        height: 400vw;
        z-index: 10000;
        position: fixed;
    }
    
    .Ladebild {
        margin-top: 25vw;
        height: 10vw;
        animation-name: Ladeani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
    }
    
    .VersandkostenNEUT {
        color: green;
        animation-name: Versandneu;
        animation-duration: 1.5s;
        animation-iteration-count: 2;
    }
    
    
    .GesammtkostenNEUT {
        color: green;
        animation-name: Versandneu;
        animation-duration: 1.5s;
        animation-iteration-count: 2;
    }
    
    
    #kaufinfo {
        position: fixed;
        width: 25vw;
        height: 40vw;
        background-color: #000000;
        z-index: 10000;
        text-align: center;
        margin-left: 37.5vw;
        margin-top: 5vw;
        overflow: scroll;
        overflow-x: hidden;
        animation-name: PopFenster;
        animation-duration: 0.3s;
        animation-iteration-count: 1;
    }
    
    #kaufinfoexit {
        position: fixed;
        width: 23.8vw;
        padding: 0.6vw;
        background-color: white;
        color: #000000;
        text-align: right;
        border-bottom: 0.5vw solid rgba(0, 0, 0, 0.692);
    }
    
    #kaufinfotext {
        border: 0.5vw solid rgba(0, 0, 0, 0.692);
        padding: 1.5vw;
        padding-top: 3vw;
        background-color: rgb(255, 255, 255);
        color: #000000;
    }
    
    .Widerrufsbelehrung {
        color: rgb(31, 236, 13);
        cursor: url("../Vorschaubilder/animation/PinselG.png"), pointer;
        font-size: 1.5vw;
        height: 1.5vw;
    }
    
    
    
    #Navigationsleiste {
        display: none;
        overflow: hidden;
        opacity: 0;
        width: 0vw;
    }
    
    
    
    #container {
        text-align: justify;
        font-family: sans-serif;
        margin-left: 20vw;
        font-size: 1vw;
        display: grid;
        grid-template-columns: repeat(6, 8vw);
        grid-template-rows: repeat(2, 8vw);
        grid-gap: 2vw;
        padding: 2vw;
        margin-bottom: 0.2vw;
        border-bottom: 0.1vw solid black;
        border-top: 0.1vw solid black;
        margin-right: 15vw;

    }

    #Gesamtbetragung {
        text-align: justify;
        font-family: sans-serif;
        margin-left: 20vw;
        font-size: 1vw;
        display: grid;
        grid-template-columns: repeat(6, 8vw);
        grid-gap: 2vw;
        padding: 2vw;
        margin-bottom: 0.2vw;
        border-top: 0.1vw solid black;
        margin-right: 15vw;
    }
    
    .versandkasten {
        grid-column-start: 1;
        grid-column-end: 4;
        overflow: hidden;
        text-align: center;
    }
    
    .infoVerpackung {
        color: rgb(3, 184, 3);
        font-size: 0.8vw;
    }
    
    .Versanddatumanzeige{
        margin-top: 0.5vw;
    }
    
    .Versandtext{
        text-align: center;
    }
    
    .Versandinfot {
        position: absolute;
        font-size: 0.7vw;
        color: rgba(107, 199, 107, 0.726);
    }
    
    .Artikelbild {
        max-width: 100%;
        max-height: 100%;
        border-radius: 1vw;
        box-shadow: 0.3vw 0.3vw 1vw rgb(0, 0, 0);
    }
    
    .Artikel {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
        overflow: hidden;
        border-radius: 1vw;
        text-align: center;
        cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
    }
    
    
    
    .Artikelname {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        grid-column-start: 3;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    
    .zahlerminus {
        position: absolute;
        text-align: center;
        border-top-left-radius: 0.5vw;
        border-bottom-left-radius: 0.5vw;
        background-color: black;
        opacity: 0.9;
        color: white;
        cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
        width: 1.5vw;
        height: 1.5vw;
        padding-top: 0.4vw;
        user-select: none;
    }
    
    .zahlerminus:hover {
        color: #ff0000;
        transition: 0.3s;
    }
    
    .zahlerzero {
        position: absolute;
        text-align: center;
        background-color: black;
        color: white;
        opacity: 0.8;
        border-right: 0.1vw solid white;
        border-left: 0.1vw solid white;
        width: 1.5vw;
        height: 1.5vw;
        margin-left: 1.5vw;
        padding-top: 0.4vw;
        user-select: none;
    }
    
    .zahlerplus {
        display: block;
        text-align: center;
        border-top-right-radius: 0.5vw;
        border-bottom-right-radius: 0.5vw;
        background-color: black;
        color: white;
        border-left: 0.1vw solid white;
        opacity: 0.9;
        cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
        width: 1.5vw;
        height: 1.5vw;
        margin-left: 3vw;
        padding-top: 0.4vw;
        user-select: none;
    }
    
    .zahlerplus:hover {
        color: #ff0000;
        transition: 0.3s;
    }
    
    .Verpackungoption {
        position: absolute;
    }
    
    .Versanddauer {
        position: absolute;
    }
    
    
    .ausverkauftextuber {
        margin-top: 0.2vw;
        font-weight: 900;
        text-shadow: #000000 0.2vw 0.2vw 0.2vw;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #f3ae6e;
    }
    
    .ausverkauftextlosch {
        margin-top: 0.2vw;
        text-shadow: #000000 0.2vw 0.2vw 0.2vw;
        color: #f3ae6e;
        position: absolute;
    }
    
    .ausverkauftextlo {
        margin-top: 0.2vw;
        text-shadow: #000000 0.2vw 0.2vw 0.2vw;
        color: #f3ae6e;
    }
    
    .Wloschen {
        position: absolute;
        color: white;
        margin-top: 2.2vw;
        font-size: 1vw;
    }
    
    
    .Wschen {
        border: 0.1vw solid rgba(255, 255, 255, 0.473);;
        font-size: 1vw;
        color: white;
        background-color: black;
        cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
        padding-left: 2vw;
        padding-right: 2vw;
        border-radius: 1vw;
    }
    
    #versandoption {
        border-radius: 1vw;
        background-color: black;
        color: white;
        margin-top: 2.5vw;
        font-size: 1vw;
        width: auto;
    }
    
    .versandoption {
        border-radius: 1vw;
        background-color: black;
        color: white;
        margin-top: 2.5vw;
        font-size: 1vw;
        width: auto;
    }
    
    .lander {
        border: none;
        border-bottom: 0.1vw solid #000000;
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    
    select {
        font-size: 1.3vw ;
        width: 18vw;
        background-color: rgba(30, 36, 36, 0.2);
        border-radius: 0.3vw;
    }
    
    .InfotextPAY {
        position: absolute;
        font-size: 1vw;
        margin-left: -18.2vw;
        padding: 0vw;
        margin-top: -0.2; /*3.3vw;*/
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 0.2vw;
        background-color: rgb(0, 0, 255);
        border: 0.1vw solid white;
        opacity: 0.1;
        transition: 0.3s;
    }

    .InfotextPAYInfo {
        position: absolute;
        font-size: 1vw;
        margin-left: -18.2vw;
        padding: 0vw;
        margin-top: -0.2; /*3.3vw;*/
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 0.2vw;
        background-color: rgb(255, 0, 0);
        border: 0.1vw solid white;
        opacity: 1;
        transition: 0.3s;
    }


    .InfoeingabePAY {
        color: rgba(255, 255, 255, 0.664);
        padding: 0.5vw;
        margin: 0.7vw;
        font-size: 1.3vw;
        display: inline-block;
        box-sizing: border-box;
        transition: 0,5s;
        width: 18vw;
        border: none;
        background-color: rgba(30, 36, 36, 0.2);
        border-radius: 0.3vw;
    }

    .InfoeingabePAY:focus {
        border: none;
        color: #ffffff;
    }

    .InfoeingabePAY:focus ~ .InfotextPAY {
        opacity: 1;
        margin-top: -0.2vw;
    }

    .InfoeingabePAY:focus ~ .InfotextPAYInfo {
        opacity: 1;
        margin-top: -0.2vw;
    }

    

    
    
    .Gesamtbetrag {
        margin-right: 20vw;
        text-align: right;
        font-family: sans-serif;
        font-size: 1vw;
    }

    .Preisalt {
        font-size: 0.7vw;
        text-align: right;
        font-style:italic;
        text-decoration:line-through;
        transform: rotate(0deg);
        color: rgb(137, 200, 27);
    }

    .Preisone {
        position: absolute;
        margin-left: 20vw;
        margin-top: 4vw;
        font-size: 0.75vw;
    }
    
    
    
    .unsichtbar {
        opacity: 0;
        display: none;
    }
    
    #error {
        color: #e61818c7;
        font-size: 1.3vw;
    }
    


    #Bestellinfo {
        user-select: none;
        opacity: 0.5;
        background-color: white;
        color: black;
        padding: 0.5vw;
        font-size: 1vw;
        font-weight: bold;
        padding-left: 0.75vw;
        padding-right: 0.75vw;
        border-radius: 1vw;
        bottom: 1vw;
        cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
        transition: 0.5s;
    }

    .Bestellinfo {
        opacity: 0;
        background-color: white;
        width: 1vw;
        height: 1vw;
    }

    .Bestellinfotextaus {
        opacity: 1;
        color: black;
        font-size: 1vw;
        width: 15vw;
        height: 3vw;
        padding: 0.5vw;
        border-radius: 0.5vw;
    }

    .pinselcursor {
        cursor: url("../Vorschaubilder/animation/PinselG.png"), auto;
        color: blue;
    }

    #PayPalwechsel {
        position: fixed;
        background-color: #000000;
        z-index: 10000;
        text-align: center;
        margin-left: 26vw;
        margin-top: 5vw;
        animation-name: PopFenster;
        animation-duration: 0.3s;
        animation-iteration-count: 1;
    }

    .PayPalwechselbild{
        width: 30vw;
        height: auto;
    }

    .PayPalwechselaus {
        position: relative;
        z-index: 1000;
        display: block;
    }
    
    #Bestellinfo:hover {
        opacity: 1;
    }
    
    #paypal-button-container {
        width: 30vw;
    }
    
    
    #paypal-button-container:hover {
        filter:hue-rotate(180vw);
        transition: 2s;
    }
    
    .paypalWA {
        animation-name: PayPal;
        animation-duration: 0.1s;
        animation-iteration-count: 4;
    }
    
    }