.button{
    color: white;
    border: none;
    padding: 12px 48px;
    display: inline-block;
    transition-duration: 0.4s;
    cursor: pointer;
    
    text-decoration: none;
    
   

}

.button1 {
    border: 2px solid ;
    font-size: 22px;
    padding: 140px, 28px;
    background-color: #3185bf;
    color: white;
    border-radius: 5px;
    position: relative;
    animation: buttonleft ;
    animation-duration: 2s;     
}

.buttonnav{
    color: white;
    background-color: #343a40;
    border: 2px solid white;  
}
.buttonnav:hover{
    
    background-color: blue;
}
.buttonschalt{
    
    color: white;
    border: 2px solid lightblue;
    padding: 10px;
    padding-right: 50px;
}
.arrow {
    position: relative;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    right: -10px;
    
  }
  
  .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  
  
  }
.buttonserv{
    color: black;
    border: 2px solid blue;  
}
.buttonserv:hover{
    color: white;
    background-color: blue;
    transition-duration: 0.3s;
}
.buttonschalt:hover {
    background-color:lightblue;
}
.button1:hover{
    background-color: white;
    color: #3185bf;
}