@import "button_00.css" screen, projection;

/* BUTTON -- BESTELLEN SIE JETZT */
/* id #c426 */

@media (min-width:200px) and (max-width: 576px){

    #c426 { 
       -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
       border: 0px solid red; 
       touch-action: none;
        /*pointer-events: none;*/
    }
    
    /* global */
    #c426 .gallery-row {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gallery-gap);
        /* align-items: flex-end; */
        /* flex-direction: row; */
        /* align-content: flex-end; */
        padding-top:  0px;
        pading-bo: 0px;
        border:  1px solid green;
    }
    #c426 { position: relative;display: flex; }
    
     #c426 {        
       width: 500px;
       height: 200px;
       
       width: 100%;
    }
    /* Alle */
    #c426 .gallery-row>.gallery-item {
        width: 100%;
        /* height: 200px; */
    }
    /* Alle ausser erstes */
    #c426 .gallery-row>.gallery-item ~ .gallery-item {
        width: 40px;
        height: 40px;
        position: relative;
        border: 0px solid green;
        /* left: calc(100% - 50px - 50px - 0px); */
        top: -55px;
        left: calc(100% - 95px);
    }
    /* Verschiebung nach oben */
    #c426 {  }
}
@media (min-width:576px) {
     #c426 {
        width: 500px;
        height: 100px;
    }
    /* Alle */
    #c426 .gallery-row>.gallery-item {
        width: 100%;
    }
    /* Alle ausser erstes */
   #c426 .gallery-row>.gallery-item ~ .gallery-item {
        width: 50px;
        height: 40px;
        position: relative;
        border: 0px solid green;
        /* left: calc(100% - 50px - 50px - 0px); */
        top: -70px;
        left: calc(100% - 130px);
    }
    /* Verschiebung nach oben */
    #c426 {margin-top: 50px;margin-bottom: 100px;}
}

@media (min-width:992px) {
    /* Verschiebung nach oben */
    #c426 {position: relative;margin-top: 150px;margin-bottom: 0;left: 450px;}
}
@media (min-width:1200px) {
    /* Verschiebung nach oben */
    #c426 {position: relative;margin-top: 200px;margin-bottom: 0;left: 422px;}
}

@media (min-width:768px) {
     #c426 {
        width: 500px;
        height: 100px;
    }
    /* Alle */
    #c426 .gallery-row>.gallery-item {
        width: 100%;
    }
    /* Alle ausser erstes */
    #c426 .gallery-row>.gallery-item ~ .gallery-item {
        width: 55px;
        height: 55px;
        border: 0px solid red;
    }
    /* Verschiebung nach oben */
    #c426 {
           margin-top: 0px;
           left: -13px;
           margin-bottom: 100px;
           position: relative;
           top: -185px;
           /* z-index: -1; */
           }
}

@media (min-width:992px) {
    /* Verschiebung nach oben */
    
    #c426 {position: relative;margin-top: 20px;margin-bottom: 0;left: 70px;top: -250px;}
}
@media (min-width:1200px) {
    /* Verschiebung nach oben */
    #c426 {position: relative;margin-top: 10px;top: -265px;margin-bottom: 0;left: 150px;}
}