function updatepage(serverdata) {

    
    verb = serverdata.verb;
    idbd_pk = serverdata.idbd_pk;
    idbd_first = serverdata.idbd_first;
    icard = serverdata.icard;
    lenTopic = serverdata.lenTopic;

    
    const el_counter = document.querySelector('.counter');
    el_counter.innerText = `${icard} / ${lenTopic}`;
    

    
    
    const audioElement = document.querySelector('.audio');
    const sourceElement = audioElement.querySelector('source');
    
    const audiopath = '/static/cards/audios/';
    sourceElement.setAttribute('src', audiopath + serverdata.sAudio);
    
    audioElement.load();

    
    const elVerb3span = document.querySelector('.word h3 span');
    elVerb3span.innerHTML = serverdata.sVerb3; 


    
    
    const elUl_declination = document.querySelector('.declination'); 
    
    const elUl_konj_prat = document.querySelectorAll('.declination__wrap ul');

    
    const newItems_konj = serverdata.lstKonjugation;
    if (newItems_konj.length == 0) { 
        
        elUl_declination.style.display = 'none'; 
    } else {
        
        elUl_declination.style.display = 'block'; 
        
        const elUl_konj = elUl_konj_prat[0];
        
        elUl_konj.innerHTML = '';
        
        newItems_konj.forEach(item => {
            
            const li = document.createElement('li');
            
            li.innerHTML = item;
            
            elUl_konj.appendChild(li);
        });

        
        const newItems_konjprat = serverdata.lstKonjugationPrat;
        
        const elUl_konjprat = elUl_konj_prat[1];
        
        elUl_konjprat.innerHTML = '';
        
        newItems_konjprat.forEach(item => {
            
            const li = document.createElement('li');
            
            li.innerHTML = item;
            
            elUl_konjprat.appendChild(li);
        });
    }




    
    
    const Prap = serverdata.lstPraposition;
    const Uber = serverdata.lstUbersetzung;
    const n = Prap.length;
       
    const elUl_transl = document.querySelector('.translation ul');
    
    elUl_transl.innerHTML = '';
    
    for (let i = 0; i < n; i++) {
        
        const li = document.createElement('li');
        
        const div_item = document.createElement('div');
        div_item.classList.toggle('text'); 
        
        const div = document.createElement('div');
        
        div.innerHTML = Prap[i];
        
        div_item.appendChild(div);
        
        const p = document.createElement('p');
        
        p.innerHTML = Uber[i];
        
        div_item.appendChild(p);
        
        li.appendChild(div_item);
        
        elUl_transl.appendChild(li);
    }

    
    
    
    const newItems_exampl_short = serverdata.lstBeispiel_short;
    if (newItems_exampl_short.length != 0) { 
        const newItems_exampl = newItems_exampl_short;
        
        const elUl_exampl = document.querySelector('.examples ul');
        if (elUl_exampl) {
            
            elUl_exampl.innerHTML = '';
            
            newItems_exampl.forEach(item => {
                
                const li = document.createElement('li');
                
                li.innerHTML = item;
                
                elUl_exampl.appendChild(li);
            });
        }
        const hiddenButton = document.getElementById('more-examples-btn');
        if (hiddenButton) {
            hiddenButton.style.display = 'inline-block'; 
        }

    } else { 
        const newItems_exampl = serverdata.lstBeispiel;
        
        const elUl_exampl = document.querySelector('.examples ul');
        if (elUl_exampl) {
            
            elUl_exampl.innerHTML = '';
            
            newItems_exampl.forEach(item => {
                
                const li = document.createElement('li');
                
                li.innerHTML = item;
                
                elUl_exampl.appendChild(li);
            });
        }
        const hiddenButton = document.getElementById('more-examples-btn');
        if (hiddenButton) {
            hiddenButton.style.display = 'none'; 
        }
    }


}