/*footer*/
.footer-text{
    color: silver;
    text-decoration: none;
}

.footer-elementi{
    text-decoration: none;
    color: silver;
}

.footer-elementi:hover{
    color: rgb(86, 86, 86);
}
/*prvi odstavek*/
.prvi-odstavek{
    background-image: url(Slike/Slika-1.jpg);
}

.text1{
    color: whitesmoke;
}
/*skatle*/
.skatle .card{
    text-decoration: none;
    color: whitesmoke; 
    display: block;
    background-color: #101c3e;
  }

  .skatle:hover .card{
    background-color: #576797; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    transform: translateY(-5px); 
    transition: all 0.3s ease; 
    color: black;
  }

  .btn1{
    background-color: #101c3e;
    color: whitesmoke;
    text-decoration: none;
  }
  .btn1:hover{
    background-color: #576797;
    color: inherit;
  }


  /*Kontakt*/

  .kform-element{
    display: block;
    margin-top: 30px;
    margin-left: 20px; 
    margin-right: 20px;
}

  input[type="text"],
  input[type="email"],
  input[type="number"] {
      display: block;
      width: 100%;
      padding: 8px; 
  }

  .btn2{
    background-color: #101c3e;
    color: whitesmoke;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
  }
  .btn2:hover{
    background-color: #576797;
    color: inherit;
  }

  .kcard{
    padding-left: 30px;
    padding-right: 30px;
  }