.part-webshop_search{
    /*padding: 4px 0; */
    position:relative;
    z-index:1;
}
.part-webshop_search h2{
    display:block;
    margin:0;
    padding:0;
    width:40px;
    height:40px;
    color:transparent;
    overflow:hidden;
    cursor:pointer;
}
.part-webshop_search h2::before{
    display:block;
    width:100%;
    height:100%;
    line-height:40px;
    text-align:center;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:900;
    font-size:24px;
    color:#fff;
    background-color:var(--kek);
    transition:0.3s;
}
.part-webshop_search h2:hover::before{
    background-color: #fff;
    color:var(--sotetkek);
}
.part-webshop_search .component-body{
    padding: 4px 0;
}

.part-webshop_search form{
    display:block;
    /*position:relative;*/
}
.part-webshop_search form::after{
    content:"";
    display:block;
    float:none;
    clear:both;
}
.part-webshop_search input[type=text] {
    display: block;
    float:left;
    line-height: 32px;
    height:32px;
    border:none;
    width:300px;
}
@media only screen and (max-width: 1320px){
    .part-webshop_search input[type=text]{
        width:120px;
    }
}
@media only screen and (min-width: 881px){
    .part-webshop_search h2{
        display:none!important;
    }
}
@media only screen and (max-width: 880px){
    .part-webshop_search h2{
        display:block;
    }
    .part-webshop_search .component-body{
        display:none;
        position:absolute;
    }
    .part-webshop_search.open h2::before{
        background-color:#fff;
        color:var(--sotetkek);
    }
    .part-webshop_search.open  .component-body{
        display:block;
        animation: slide-down_30 .4s ease-out;
        width:200px;
        background-color: #fff;
        box-shadow: 3px 7px 8px rgba(255,255,255,0.3);
    }
    .part-webshop_search input[type=text]{
        width:calc(100% - 32px); 
    }
    .page-header_1_left > div.part-webshop_search{
        margin-left:2px;
    }
}
.part-webshop_search input[type=submit] {
    display:block;
    float:left;
    width:32px;
    height:32px;
    color:transparent;
    overflow:hidden;
    border:none;
    background-color:#fff;
    background-image:url('../gfx/search_32x32_kek.svg');
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 24px auto;
    padding:0;
    transition: background-color 0.6s;
}
.part-webshop_search input[type=submit]:hover {
    background-image:url('../gfx/search_32x32_feher.svg');
    background-color:var(--kek);
}