.module-columns {
    display: flex;
    gap: 20px; /* Mezera mezi sloupci */
}

.module-columns .column {
    width: 50%; /* Každý sloupec zabere polovinu šířky */
}

.custom-breadcrumbs {
    margin: 50px 0 10px;
}

.custom-sp-main-body {
    padding: 200px 0px !important;
}

@media (max-width: 991px) {
  .custom-breadcrumbs {
}

.custom-breadcrumbs .breadcrumb {
  background-color: transparent;
}

/* oprava pravidla v template, sp header mel vnucenou vysku na 60px, coz je tady nesmysl */
@media (max-width: 575px) {
    #sp-header {
        height: auto !important;
    }
}

  /* uprava na center loga */
@media (max-width: 991px) {
    /* nastavuje sirku header elementu na 100% - jinak to nema jak zarovnavat na center - tento element mel vyrazne mensi sirku nez 100% */
    #sp-logo {
        width: 100%;
    }
    /* pro jistotu nastavuje flex i nadrazenemu elementu - tento sdruzuje burger menu a logo */
    #sp-logo .sp-column {
        display: flex;
        align-items: center;
    }
     /* burger menu mel nesmyslny margin a sirku, sirka vnucena na 40px */
    #sp-logo .sp-column #offcanvas-toggler {
        width: 40px;
        margin-right: 0 !important;
     }
      /* logo - vyuziva 100% zbyvajiciho prostoru (krome 40px burger menu), nasledne flex, align na center a odecteni 40px (za burger menu - jinak by to nebylo na stredu, byl by to stred plus o 40px doprava) */
    #sp-logo .sp-column .logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 40px !important;
    }
}