:root {
    --primary: #b11817;
    --secondary: #222a35;
  }

  #financovani h2,
  #financovani h5,
  #financovani h4 {
    color: var(--primary);
    font-weight: 700;
  }

  #financovani h3{
      line-height: 1.5;
      font-size: 20px;
  }

  #financovani h6 {
    color: var(--secondary);
    font-weight: 600;
  }

  #financovani .lead {
    color: var(--secondary);
  }

  #financovani .card {
    border-radius: .75rem;
    border: 1px solid #e0e0e0;
    transition: box-shadow .15s ease-in-out;
  }

  #financovani .card:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
  }

  #financovani .btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
  }

  #financovani .btn-primary:hover {
    background-color: #8e1212;
    border-color: #8e1212;
  }

  #financovani ul {
    margin-bottom: 0;
  }

  #financovani li {
    margin-bottom: 0.4rem;
  }

  #financovani table thead th {
    background: #fff;
    color: var(--secondary);
    font-weight: 600;
  }

  #financovani .table td {
    color: var(--secondary);
  }

  #financovani .badge {
    background: rgba(177, 24, 23, 0.1);
    color: var(--primary);
    font-weight: 600;
    font-size: 100%;
    white-space: normal;
  }
  .ls{
      color: black;
  }
  #soukrome_financovani .card-body{
      min-height: 450px;
  }
  #na_co_pozor .card{
      min-height: 330px;     
  }

  #evropske_zdroje .card-body{
      min-height: 200px;     
  }
  #proc_spoluprace .card-body{
      min-height: 300px;     
  }

  .done_or{
      min-height: 350px!important;
  }

  /* Jen dlaždice "Nevýhody" */
  #financovani .tile-nevyhody{
  position: relative;
  padding-bottom: 160px;            /* rezerva na obrázek, ať neleze do textu */
  overflow: hidden;                 /* ořízne případný přesah */
  }

  /* Samotný obrázek dole */
  #financovani .tile-nevyhody .bottom-illustration{
  position: absolute;
  bottom: 0px;
  right: 12px;                      /* můžeš změnit na left:12px pokud chceš vlevo */
  max-width: 60%;                   /* drží rozumnou velikost vůči šířce karty */
  height: auto;
  pointer-events: none;             /* kliky neblokuje */
  user-select: none;
  }

  /* Reakce na menší obrazovky: o něco menší rezerva i obrázek */
  @media (max-width: 575.98px){
  #financovani .tile-nevyhody{
      padding-bottom: 120px;
  }
  #financovani .tile-nevyhody .bottom-illustration{
      max-width: 60%;
  }
  }

  #financovani table th:first-child,
#financovani table td:first-child {
  width: 50%;
}

#financovani table th:last-child,
#financovani table td:last-child {
  width: 50%;
}

.alert-window,
.alert-window2 {
  border-radius: 20px;
  color: white;
  padding: 20px;
  text-align: center;
}

/* Barvy pozadí zůstávají podle tříd */
.alert-window {
  background: #b31c1c;
}

.alert-window2 {
  background: #222a35;
}

/* Odkazy uvnitř alertů */
.alert-window a,
.alert-window2 a {
  color: white;
  text-decoration: underline;
  font-weight: 600;
}

/* Základní velikost textu pro mobily */
.alert-window,
.alert-window2 {
  font-size: 18px;
}

/* TABLET */
@media (min-width: 768px) {
  .alert-window,
  .alert-window2 {
    font-size: 22px;
  }
}

/* POČÍTAČ */
@media (min-width: 1200px) {
  .alert-window,
  .alert-window2 {
    font-size: 26px;
  }
}

.title-underline {
  width: 80px;
  height: 4px;
  background-color: #b31c1c;
  margin: 0 auto;
  border-radius: 2px;
}

.alert-window:hover {
  background: transparent;
  border: 3px solid #b31c1c;
  color: #b31c1c!important;
  transition: all 0.3s ease;
}

.alert-window a:hover {
  color: #b31c1c!important;
}


.alert-window2:hover {
  background: transparent;
  border: 3px solid #222a35;
  color: #222a35;
  transition: all 0.3s ease;
}