* 
        {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* Odstranění horního odsazení stránky */
        body #page 
        {
            padding-top: 0px;
        }

        /* Zobrazení chybové hlášky u formuláře na dalším řádku */
        body .help-block.error 
        {
            display: block;
            margin: 1rem 0;
        }

        /* Odsazení položek seznamu (nastavení je individuální a dle potřeby) */
        body .content ul li, .cke_editable ul li 
        {
            padding-left: 15px;
        }

        /* Flexbox layout pro řádky + zarovnání a omezení šířky - pro patičku*/
        body .row 
        {
            margin-left: -15px;
            margin-right: 0px;
            clear: both;
            display: flex;
            align-items: stretch;
            flex-flow: row wrap;
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
            position: relative;
        }

        /* Bez okrajů u specifické třídy řádku - u formuláře kvůli submit-button*/
        body .row-pad5 
        {
            margin: 0;
        }

        /* Reset vnitřního odsazení u řádku */
        body .row 
        {
            padding: 0;
        }

        /* Tělo stránky má minimální výšku celé obrazovky */
        body 
        {
            min-height: 100vh;
        }

        /* Resetování stylů sekcí - aby celá stránka neměla 1230px, ale custom*/
        body .section, body .sub 
        {
            max-width: none;
            margin: 0;
            padding: 0;
            position: static;
        }

        /* Základní zarovnání obsahu sekce "proc" - oprava pro proc kde je to třeba 1230px*/
        body .proc 
        {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
            position: relative;
        }

        /* Zrušení pozadí šedé sekce formuláře */
        body .greyformsection 
        {
            background: none;
        }

        /* Skrytí vodorovných čar v sekci - estetická věc a individuální*/
        body .section hr 
        {
            display: none;
        }

        /* Reset vnitřního odsazení a skrytí hlavního nadpisu */
        body .content 
        {
            padding: 0;
        }

        body .content h1 
        {
            display: none;
        }

        /* Zarovnání a omezení šířky hlavičky - pro navigaci*/
        header[role="banner"] 
        {
            max-width: 1230px;
            margin: 0 auto ;
            padding: 0 15px;
            position: relative;
        }

        /* Odstranění výchozích okrajů pro všechny nadpisy */
        body h1, h2, h3, h4, h5 
        {
            margin: 0;
        }

        /* Obrázky v sekci "proc" mají maximální šířku - aby nebyly tak široké*/
        .proc img 
        {
            height: auto;
            max-width: 120px;
        }

        /* Zrušení omezení šířky obrázků v obsahu */
        .content img 
        {
            max-width: none;
        }
            
        :root 
        {
            --primary: #0056b3;
            --secondary: #28a745;
            --accent: #ffc107;
            --light: #f8f9fa;
            --dark: #343a40;
            --bronze: #cd7f32;
            --silver: #c0c0c0;
            --gold: #ffd700;
            --platinum: #e5e4e2;
            --sigmadark: #333;
            --bg-gradient: radial-gradient(circle at 94.35384114583333% 89.61588541666666%,#261765 0%,20%,#26176500 40%),
                   radial-gradient(circle at 6.503906249999999% 88.037109375%,#e57800fc 0%,12%,#e5780000 24%),
                   radial-gradient(circle at 6.165364583333333% 12.617187499999998%,#261765 0%,42%,#26176500 70%),
                   radial-gradient(circle at 93.6865234375% 11.42578125%,#E57800 0%,46.683%,#e5780000 63%),
                   radial-gradient(circle at 48.9013671875% 49.521484375%,#FFF 0%,100%,#fff0 100%);
        }
        
        * 
        {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body 
        {   
            background-color: white;
            color: #333;
            line-height: 1.6;
            font-family: 'Open Sans', sans-serif;
        }

        
        h1, h2, h3, h4, h5, h6 
        {
            font-family: 'Open Sans Condensed', sans-serif;
            color: var(--sigmadark);
        }

        .header-section  
        {
            color: black;
            padding: 2rem 1rem;
            text-align: center;
        }
        
        .container 
        {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 1rem;
            
        }
        
        .container h1 
        {
            font-size: clamp(1.8rem, 4vw, 3rem);
            margin-bottom: 1rem;
            text-align: left;
            display: block !important;
        }
        
        h2 
        {
            font-size: clamp(1.5rem, 3vw, 2.5rem);
            margin: 2rem 0 4rem;
            color: var(--dark);
            text-align: left;
        }
        
        h3 
        {
            font-size: clamp(1.2rem, 2vw, 1.8rem);
            margin: 1.5rem 0 1rem;
            color: var(--dark);
        }
       
        .subtitle 
        {
            font-size: 1.2rem;
            margin-bottom: 1.5rem;
            opacity: 0.9;
            text-align: left;
        }
        
        section 
        {
            padding: 1rem 0;
        }
        
        .section-light 
        {
            background-color: white;
        }
        
        .target-audience 
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 1.5rem;
            margin: 2rem 0;
        }
        
        .audience-card 
        {
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            padding: 1.5rem;
            width: 220px;
            text-align: center;
            transition: transform 0.3s;
        }
        
        .audience-card:hover {
            transform: translateY(-5px);
        }
        
        .audience-card i 
        {
            font-size: 2.5rem;
            color: var(--dark);
            margin-bottom: 1rem;
        }
        
        /* Partner Levels Infographic */
        .partner-levels {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin: 3rem 0;
            position: relative;
            height: 400px;
        }
        
        .level {
            width: 22%;
            text-align: center;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .level-bar {
            width: 100%;
            border-radius: 8px 8px 0 0;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .level-bar:hover {
            transform: scale(1.05);
        }
        
        .level-bronze {
            height: 150px;
            background: linear-gradient(to top, var(--bronze), #cd7f32);
        }
        
        .level-silver {
            height: 200px;
            background: linear-gradient(to top, var(--silver), #c0c0c0);
        }
        
        .level-gold {
            height: 250px;
            background: linear-gradient(to top, var(--gold), #ffd700);
        }
        
        .level-platinum {
            height: 300px;
            background: linear-gradient(to top, var(--platinum), #e5e4e2);
        }
        
        .level-info {
            background: white;
            padding: 1rem;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            margin-top: 1rem;
            width: 100%;
        }
        
        .level-name {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
        }
        
        .level-commission {
            font-size: 1.5rem;
            font-weight: bold;
            margin: 0.5rem 0;
        }
        
        .level-range {
            font-size: 0.9rem;
            color: #666;
        }
        
          
        .how-it-works 
        {
            max-width: 900px;
            margin: 0 auto;
        }

        .step 
        {
            margin-bottom: 3rem;
            padding: 0 1rem;
        }

        .step:last-child 
        {
            margin-bottom: 0;
        }

        .step-number 
        {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: var(--dark);
            color: white;
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            font-weight: bold;
            margin-bottom: 1rem;
            font-family: 'Open Sans Condensed', sans-serif;
        }

        .step h3 
        {
            margin-bottom: 1rem;
        }

        .step p 
        {
            margin-bottom: 1rem;
            font-size: 1.1rem;
        }

        .step strong 
        {
            color: var(--dark);
        }
        
        @media (max-width: 768px) {
            .partner-levels {
                flex-direction: column;
                height: auto;
                align-items: center;
                gap: 2rem;
            }
            
            .level {
                width: 80%;
            }
            
            .level-bar {
                height: 100px !important;
            }
        }

        .customMenu ol
        {
            display: none !important;
        }


fieldset
{
    border: 0;
}

body .help-block.error { /* Pro zobrazení chyb ve formuláři */
    display: block;
    margin: 1rem 0;
}

body .section hr { /* Pokud jsou formuláře v .section */
    display: none;
}

.row-pad5>div[class^="col-"] { /* Pokud formulář používá tuto grid strukturu */
    padding: 0;
}

/* Specifické sekce a prvky formuláře */
.form {
    background: none !important; /* Původně bylo var(--bg-gradient) a fixed */
    color: #fff; /* Z původního pravidla .form, může vyžadovat úpravu pokud je nové pozadí světlé */
    width: 100%;
    display: flex;
    justify-content: center;
}

.form-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    max-width: 1200px;
}

.form-box { /* Často drží text/obrázek vedle formuláře */
    flex: 1;
    max-width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.formGen { /* Kontejner, kam JavaScript vkládá text související s formulářem */
    flex: 1;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-group {
    margin-bottom: 1rem;
}

.form-group label {
    display: block;
    font-weight: 700;
    margin-bottom: .5rem;
}

.form-group input {
    width: 50%;
    max-width: 500px;
    height: 2rem;
    padding: .5rem;
    border: 0;
    font-size: 1rem;
}

body .greyformsection 
{
    background: 0; 
    width: 100%;
    padding: 0; 
}

.greyformsection .section 
{ 
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: var(--bg-gradient);
    background-attachment: fixed;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 0; /* Finální hodnota z pozdějšího pravidla v původním CSS */
    box-sizing: border-box;
    position: relative;
}

body .greyformsection .row { /* Specifické stylování .row uvnitř této formulářové sekce */
    margin: 0;
}

.greyformsection h2 { /* Nadpisy v této formulářové sekci */
    display: none;
}

.greyformsection h3 { /* Nadpisy v této formulářové sekci */
    font-size: clamp(1.25rem, 5vw, 2rem);
    margin-bottom: 1rem;
    margin-top: 3rem;
    color: white;
}

.greyformsection h4 {
    font-size: clamp(1rem, 5vw, 1.5rem);
    margin-bottom: 1rem;
    color: white;
}

.greyformsection h5 
{ 
    margin-top: 1rem;
    font-size: clamp(0.5rem, 6vw, 1.2rem);
}

.greyformsection p
{ 
    margin-bottom: 1rem;
}

.greyformsection .col-12 p 
{
    font-size: clamp(0.4rem, 5vw, 0.7rem);
    max-width: 428px;
    display: block;
    margin-bottom: 0;
}

.greyformsection .col-12 a 
{
  color: #082B42;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(8, 43, 66, 0.5);
  text-underline-offset: 0.2em;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, text-underline-offset 0.2s ease-in-out;
}

.greyformsection .col-12 a:hover,
.greyformsection .col-12 a:focus 
{
  color: #0056b3;
  text-decoration-color: rgba(0, 86, 179, 0.7);
  outline: none;
}

.greyformsection .btn
{ 
    background-color: #e57800;
    color: #fff;
    padding: .75rem 1.5rem;
    border: 0;
    cursor: pointer;
    font-size: 1rem;
    border-radius: 5px;
    transition: background-color .3s ease-in-out;
    max-width: 500px;
    width: 50%;
}

.greyformsection .btn:hover {
    background-color: #c65d00 !important;
}

/* Obrázek související s formGen */
.image-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    max-width: 50%;
    padding: 0 30px;
}

.image-box img {
    max-width: 500px;
    margin: 1rem 0;
    border-radius: 8px;
    height: auto;
    display: block;
}

@media(max-width:1024px) {
    .form-container {
        flex-direction: column;
        width: 90%;
        text-align: center;
    }

    .form-group input {
        width: 80%;
    }

    .greyformsection .btn {
        width: 80%;
    }

    .greyformsection .section {
        flex-direction: column;
        text-align: center;
        padding: 50px 20px;
    }

    .image-box {
        max-width: 70%;
        padding: 20px 0;
        justify-content: center;
    }

    .image-box img {
        max-width: 60%;
    }

    .greyformsection p {
        text-align: center;
    }
}

  .external-link 
  {
            display: inline-block;
            margin-top: 2rem;
            padding: 0.75rem 1.5rem;
            background: var(--dark);
            color: white;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: all 0.3s;
}
        
.external-link:hover 
{
            background: var(--sigmadark);
            transform: translateY(-2px);
}

a:hover
{
    color: white !important;
}