/* hanburger_menu*/
.hamburger-menu {
  display: none;
}

.menu {
  display: flex;
  
  align-items: center;
  justify-content: center;
}

/* tablet, Mobeil*/

@media (max-width: 1024px) {

  .menu {
    display: none; 
  }

 button:hover {
    background: #8f8f8f;
    color: white;
}
 
  .hamburger_container{
 
 display: flex;
  
  }
  .wrapperhome_title {
    width: 100%;
    font-size: 6rem;    
    margin-top: 20rem;  
   text-align: center;
    margin-left: 0;
    font-weight: bold;
    animation: none;
    opacity: 1;
    
  }


  .wrapperhome__subtitle {
    width: 100%;
    font-size: 2.5rem;
    margin-top: 1rem;
    text-align: center;
    margin-left: 0;
    animation: none;
    opacity: 1;
    
  }

  .lang-switcher {
    align-items: center; 
    width: 100%;
  }
  .logoimag_mobil-hamburger{
        width: 7rem;
        }

        .menu_projects{
          display: none;
        }
        .hamburger-menu{
         display: block;
        }

          .name-fields, .email-phone {
    flex-direction: column; 
  }
  
  .footer-nav a {
    font-size: 1rem;
    text-align: center;
  }
.contact-container {
    flex-direction: column; 
    max-width: 90%;
    gap: 0px;
  }
  .contact-info,
  .contact-form-container {
    margin-top: 10rem;
  }
  .contact-info p {
   
    text-align: center;
  }
  .contact-subtitle {
    text-align: center;
  }
  form {
  flex: 2;
  width: 30em;
  margin: auto;
 
  
}
.team-section-title {
    
    margin-top: 7rem;
   
   font-size: 4rem;
    
  
}
.about-text {
    font-size: 1.8rem;
   line-height: 3.5rem;
    
  
}
.certificates-title {
   
    font-size: 3rem;
   
}
.certificate img {
   
    height: auto;
    
}
.certificates-container {
    animation: none;

    
  
}


.contact-item{
      max-width: 34rem;
}

.portfolio-title {
            
       font-size: 4rem;
       margin-top: 7rem;

  }
  .contact-subtitle {
  font-size: 4rem;
  
  
}
.header-project {
   
    padding-top: 7rem;
   
}
.container {
   
    max-width: 600px;
    
    padding-left: 1rem;
    padding-right: 1rem;
  
}
.footer-nav  {
   flex-direction: column;
    text-align: center;
 
   gap: 0.5rem;
  }
  .download-link {
   display: none;
  }
 
  .flipbook  {
    display: none;
  }
   .pdfcontainer {
      display: none;
    }
  .pdf-container {
      display: none;

    }
      .download-btn {
 
  display: block;
}
 
   .about_subtitle {
   font-size: 2.3rem;
}
   .startlogo {
    width: 50%; 
  }
  .close {
     font-size: 4rem;

    top: -3px;
   
}
.certificates {
   
    padding: 4rem 1rem;
   
   
}
 .certificate:hover {
  
    transform: none;
  }
.modal {
    width: 55%;
    
}
.modal-caption {
    font-size: 1.3rem;
   
}
.hamburger-ul {
   
    line-height: 3.5rem;
   
}
.modal button {

  font-size: 18px;
 
}


}


/* ** ** Mobeil  ** ** ** ****/


@media (max-width: 600px) {
  .wrapperhome_title {
    width: 100%;
    font-size: 5rem;
       text-align: center;
    margin-top: 25rem;
    animation: none;
    opacity:1 ;
  }

  .wrapperhome__subtitle {
    width: 100%;
    font-size: 2rem;
    margin-top: 0.5rem;
    text-align: center;
    animation: none;
    opacity: 1;
    
  }

  .lang-switcher {
    align-items: center;
    width: 100%;
   
  }
  .menuhamburger_projects{
          display: block;
        }
          .contact-subtitle {
  
    text-align: center;
  }
  form.contact-form {
    padding: 1.5rem;
  }
  .footer-nav a {
    font-size: 0.9rem;
  }
 .contact-container {
    flex-direction: column; 
    max-width: 100%;
    gap: 0px;
  }
  .name-fields,
  .email-phone {
    flex-direction: column; 
  }
  
  .contact-subtitle {
    font-size: 4rem;
  }
  form button {
    width: 100%; 
  }
    form {
  flex: 2;
  width: 30rem;
  margin: auto;
 
  
}

 .contact-info p {
    font-size: 2.5rem;
    text-align: center;
  }




.container {
   
    max-width: 342px;
    
    padding-left: 1rem;
  padding-right: 1rem;
  
}
.elevator-btn {
  position: fixed;
  bottom: 20px;
  right: 10px;
  
  
 
}

.back-to-top {

  right: 5px;
  
  
}
.footer-nav {
 
  text-align: center;

}

.modal-caption {
   
    font-size: 1.3rem;
   
}
.modal button {
   
    top: 45%;

}
  .pdf-container {
      display: none;

    }
  .pdf-mobile {
    display: block;
  }
  .download-btn {
 
  display: block;
}

  .startlogo {
    width: 35%; 
  }
    .close {
     font-size: 3rem;

   
   
}
.ui-projects {
   
        margin-left: 0;
    margin-top: 2rem;



}
.hamburger-ul {
   
    line-height: 6rem;
   
}
.modal {
    width: 80%;
    
}
.certificate:hover {
  
    transform: none;
  }
}