.phone-icon g, .mail-icon g {
        transition: fill 0.3s ease;
      }
      .telH:hover .phone-icon g {
        fill: #f5884d;
      }
      .mailH:hover .mail-icon g {
        fill: #f5884d;
      }
      .phone-icon-container .phone-icon g {
        fill: white;
      }
      .mail-icon-container .mail-icon g {
        fill: white;
      }
      #kontakt-head{
        justify-content: center;
        gap: 20px;
        background-color: #718e22;
        border-radius: 20px;
        color: #c5c5c5;
    display: inline-table;
        margin: 20px auto;
        padding: 1rem 2rem;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        align-items: center;
      }
      #kontakt-head a{
        text-decoration: none;
        color: white;
        font-weight: bold;
        padding: 0.5rem;
        transition: color 0.3s ease;
      }
      #kontakt-head a:hover {
        color: #f5884d;;
      }
      .telH, .mailH {
        display: flex;
        align-items: center;
      }
      #kontakt-head-btn .callback-btn {
        background-color: #718e22;
        color: white;
        text-decoration: none;
        display: inline-block;
        padding: 12px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        transition: background-color 0.3s ease, transform 0.2s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }
      #kontakt-head-btn .callback-btn:hover {
        background-color: #5a6b1a;
        transform: translateY(-2px);
        text-decoration: none;
        color: white;
      }
      #kontakt-head-btn .callback-btn:focus {
        outline: 2px solid #ffeb3b;
        outline-offset: 2px;
      }