.serach-top
{

    position: absolute;
    top: 5vw;
    right: 5vw;
    scale: 1.3;

}



.search-button 
{

    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}



.search-icon 
{

    width: 48px;
    height: 48px;
    
    color: var(--webpage-text-color-regular-normal);         
    
    transition: transform 0.3s ease, color 0.3s ease;
    transform-origin: center;    /* Wichtig: Lässt die Lupe genau aus der Mitte heraus wachsen */
    display: block;              /* Verhindert Inline-Layout-Zicken */

}



.search-button:hover .search-icon
{

    color: #116d3f; /*#2563eb*/        
    
    transform: scale(1.33);  

}



@media (max-width: 1500px) 
{

    .search-icon 
    {

        width: 32px;
        height: 32px;

    }

}



@media (max-width: 960px) 
{

    .search-icon 
    {

        width: 40px;
        height: 40px;

    }

}