:root {  --black:#1d1d1d; --gold2:#be964f; --training-block-color:#191919; --gold: #dfaa28; /*--gold2: #b88f41;*/ --yellow: #ffd300; --gray: #f6f5f3; --dark-gray: #58585a; --light-gray: #494a4c; --lighter-gray: #999/*#747675*/; --light-black: #494a4c; /* použití př. var(--yellow) */ }
body { color: #fff; background: #000; font-family: "Figtree", serif; font-optical-sizing: auto; /*font-family: 'Oxygen', sans-serif;*/ font-weight: 300; font-size: 16px; line-height: 1.625; position: relative; }

/******************************************************************************/


/******************************************************************************/

a { color: #fff; }
a:hover { text-decoration: none!important; border: none!important; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }
b, strong { font-weight: 600; }
h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong { font-weight: 400; }

h1, h2, h3, h4, .h1 { /*font-family: 'Oxygen', sans-serif;*/ font-family: "Figtree", serif; font-weight: 300; text-wrap: balance;}
h1, .h1 { /*font-family: 'Oxygen', sans-serif;*/ font-family: "Figtree", serif; position: relative; font-size: 45px; /*text-transform: uppercase;*/ text-align: left; line-height: 1.25; margin-bottom: 50px; }
/*h1:before { width: 130px; height: 4px; content: ""; background-color: var(--yellow); position: relative; display: block; margin: 0 auto 10px auto; }*/

h2, .h2 { font-size: 35px; /*24px*/ /*font-weight: bold;*/ line-height: 1.5; margin-bottom: 50px; }
h3 { font-size: 30px; line-height: 1.5; margin-bottom: 0.5em; }
h4 { font-size: 15px; font-weight: normal; line-height: 1.5; margin-bottom: 0.5em; }

.h1 { display: block; }
.h1-bigger { font-size: 75px; font-weight: bold; }
.h1-bigger .link-gold-underline { border-bottom: 4px solid var(--gold2); }

table {	border-collapse: collapse; }
ul { padding-left: 20px; }
ol { padding-left: 20px; }
p { margin: 0; font-weight: 300; color: #fff; }

/******************************************************************************/

.zvyrazneni { color: #ab7442; }
.zvyrazneni-zluta { color: #ff6c08; }

.button1 { width: 220px; color: #000; text-decoration: none; background: var(--gold2); padding: 10px 0px; font-size: 16px; font-weight: 400; display: inline-block; text-align: center; border: none; display: flex; align-items: center; justify-content: center; height: 43px; padding: 0; }
a.button1 { width: 220px; color: #000; text-decoration: none; background: var(--gold2); padding: 10px 0px; font-size: 16px; font-weight: 400; display: inline-block; text-align: center; border: none; display: flex; align-items: center; justify-content: center; height: 43px; padding: 0; }
.button1 a { width: 220px; color: #000; text-decoration: none; }
/* .button1:hover { background: var(--gold); cursor: pointer; } */
.button1:hover { color: #fff; outline: 1px solid var(--gold2); outline-offset: -1px; cursor: pointer; transition: .25s background, .25s color; }

.button2 { border-radius: 5px; width: 220px; box-sizing: border-box; color: #fff; text-decoration: none; background: none; padding: 10px 0px; font-size: 16px; font-weight: 400; display: inline-block; text-align: center; border: 1px solid var(--gold2); display: flex; align-items: center; justify-content: center; height: 43px; padding: 0;  }
a.button2 { width: 220px; box-sizing: border-box; color: #fff; text-decoration: none; background: none; padding: 10px 0px; font-size: 16px; font-weight: 400; display: inline-block; text-align: center; border: 1px solid var(--gold2); display: flex; align-items: center; justify-content: center; height: 43px; padding: 0;  }
.button2 { border-radius: 5px; color: #fff; text-decoration: none; display: flex; align-items: center; justify-content: center; height: 43px; padding: 0; }
a.button2 { color: #fff; text-decoration: none; display: flex; align-items: center; justify-content: center; height: 43px; padding: 0; }
.button2:hover { transition: 0.25s; background: var(--gold2); color: #fff; cursor: pointer; }

.link-gold-underline { text-decoration: none; color: var(--gold2); border-bottom: 1px solid var(--gold2); }
.link-gold-no-underline { text-decoration: none; color: var(--gold2); border-bottom: none; }

.link-gold-linkedin { text-decoration: none; color: var(--gold2); border-bottom: 2px solid var(--gold2); }

.linkedin-icons {}
.linkedin-icons::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 8px;
    font-size: 20px;
    color: var(--gold2); /* Barva ikony */
    font-size: 60%;
}
.linkedin-icons::before {
    content: "\f08c";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    margin-right: 22px;
    display: inline-block;
    color: var(--gold2);
    font-size: 125%;
}

.training-card-title { text-decoration: none; color: var(--gold2); border-bottom: 1px solid var(--gold2); font-size: 26px; line-height: 1.25; }
.training-card-title:hover { text-decoration: none; border: none; }
.registered-trademark { font-size: 70%; vertical-align: top; }
h1 .registered-trademark { font-size: 50%; }
.price-tag { font-size: 20px; font-weight: bold; }
.without-vat-tag { font-size: 14px; color: #9d9d9d; }

.press-release-date { color: #939393; }

.reference-highlight { background: var(--gold2); color: #000; padding: 0 3px; }

table.table {}
table.table tr th { line-height: 1.5; }
table.table tr th, .table tr td { padding: 5px 5px; }
table.table tr th, .table thead tr td, .table tr.th td { background: #81ba25; color: #fff; font-weight: bold; }

table.table-two-cols { width: 100%; }
table.table-two-cols tr td { }
table.table-two-cols tr td:first-child { padding-right: 25px; vertical-align: top; text-align: left; vertical-align: top; width: 50%; /* width: calc(50% - 100px); */ }
table.table-two-cols tr td:last-child { padding-left: 25px; vertical-align: top; text-align: left; vertical-align: top; width: 50%; /* width: calc(50% - 100px); */ }

table.table-two-cols-photo-left { width: 100%; }
table.table-two-cols-photo-left tr td { }
table.table-two-cols-photo-left tr td:first-child { padding-right: 25px; vertical-align: top; text-align: left; vertical-align: top; width: 30%; /* width: calc(50% - 100px); */ }
table.table-two-cols-photo-left tr td:last-child { padding-left: 25px; vertical-align: top; text-align: left; vertical-align: top; width: 70%; /* width: calc(50% - 100px); */ }

table.table-two-cols-photo-right { width: 100%; }
table.table-two-cols-photo-right tr td { }
table.table-two-cols-photo-right tr td:first-child { padding-right: 25px; vertical-align: top; text-align: left; vertical-align: top; width: 70%; /* width: calc(50% - 100px); */ }
table.table-two-cols-photo-right tr td:last-child { padding-left: 25px; vertical-align: top; text-align: left; vertical-align: top; width: 30%; /* width: calc(50% - 100px); */ }

table.table-two-cols-center { width: 100%; }
table.table-two-cols-center tr td { }
table.table-two-cols-center tr td:first-child { padding-right: 25px; vertical-align: top; text-align: left; vertical-align: middle; width: 50%; /* width: calc(50% - 100px); */ }
table.table-two-cols-center tr td:last-child { padding-left: 25px; vertical-align: top; text-align: left; vertical-align: middle; width: 50%; /* width: calc(50% - 100px); */ }


table.table-info { width: 100%; background: #474747; font-size: 16px; }
table.table-info tr { }
table.table-info tr td { padding: 20px; }
table.table-info tr td:first-of-type { width: 25px; padding-right: 0; }

table.table-learn-to-negotiate { width: 100%; padding: 20px; background: #474747; }
table.table-learn-to-negotiate tr { }
table.table-learn-to-negotiate tr td { padding: 20px; }

/*
table.table-4-cols { width: 100%; border-collapse: collapse; }
table.table-4-cols td { padding-right: 50px; text-align: left; vertical-align: top; width: calc(25% - 50px); display: inline-block; }
table.table-4-cols tr td:last-child { border-right: none; padding-right: 0; }
table.table-4-cols a { text-decoration: none; }
*/

/* Celá tabulka */
table.table-4-cols {
    width: 100%;
    border-collapse: collapse;
    /*background-color: #000;*/
    padding: 20px 0;
}

/* Kontejner pro řádky - pomocí Grid */
table.table-4-cols tr {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 sloupce */
    gap: 30px; /* Odstupy mezi prvky */
    margin: auto;
}

/* Každý blok (buňka) */
table.table-4-cols td {
    display: flex;
    flex-direction: column;
    background: #121212;
    color: #e0e0e0;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #333;
    text-align: left;
}

/* Odkazy v nadpisech */
table.table-4-cols a {
    text-decoration: none;
    color: #d4a259; /* Zlatá barva */
}

/* Správné zarovnání textu */
table.table-4-cols td p:first-of-type { max-width: 150px; }
table.table-4-cols td p { max-width: 240px; }

/* TABLET: 2 sloupce */
@media (max-width: 1175px) {
    table.table-4-cols tr {
        grid-template-columns: repeat(2, 1fr); /* 2 sloupce */
    }
}

/* MOBIL: 1 sloupec */
@media (max-width: 600px) {
    table.table-4-cols tr {
        grid-template-columns: repeat(1, 1fr); /* 1 sloupec */
    }
}





table.table-short-text { max-width: 770px; }

table.training-block { width: 100%; /*max-width: 300px;*/ background: var(--training-block-color); color: #fff; }
table.training-block tr td { padding: 30px; vertical-align: top; }
table.training-block tr:first-child td { padding-bottom: 0; }
table.training-block tr:first-child td p:first-of-type { margin-bottom: 10px; }
table.training-block tr:nth-child(2) td { padding: 10px 30px; padding-bottom: 20px; }
table.training-block tr:last-child td { padding-top: 0; }
table.training-block a { text-decoration: none; }

table.training-detail { width: 100%; }
table.training-details tr td { }
table.training-detail tr td:first-child { padding-right: 15px; vertical-align: top; text-align: left; vertical-align: top; width: 750px; }
table.training-detail tr td:last-child { padding-left: 15px; vertical-align: top; text-align: left; vertical-align: top; width: calc(100% - 750px); }
table.training-detail ul li { margin-bottom: 1.75em; }
table.training-detail ul li:last-of-type { margin-bottom: 0px; }

table.training-detail-right { width: 100%; height: 100%; }
table.training-detail-right tr:first-of-type td { vertical-align: top; }
table.training-detail-right tr:last-of-type td { vertical-align: bottom; }

table.training-detail-gray-background { width: 100%; background: var(--training-block-color); }
table.training-detail-gray-background tr td { padding: 75px; }
table.training-detail-gray-background tr td *  { max-width: 750px; }
table.training-detail-gray-background {  }

/* 4 sloupce s obrázky */
table.table-4-cols-img {width: 100%;}
table.table-4-cols-img tr {display: grid;grid-template-columns: repeat(4, 1fr);justify-items: center;gap: 1em;}
table.table-4-cols-img img {max-width: 100%;}

table.table-know-how { width: 100%; }
table.table-know-how tr td { position: relative; }
table.table-know-how tr td h1 { margin-bottom: 25px; }
table.table-know-how tr td:first-child { vertical-align: top; text-align: left; vertical-align: top; width: 70%; z-index: 2; }
table.table-know-how tr td:last-child { vertical-align: top; text-align: left; vertical-align: top; width: 30%; }
table.table-know-how tr td:last-child img { position: absolute; bottom: calc(-1 * var(--space-between-section-bigger, 75px)); right: 5%; }
table.table-know-how tr td:first-child { height: 100%; }
table.table-know-how tr td:first-child table { height: 100%; }

table.table-book-parameters { width: 100%; }
table.table-book-parameters tr { border-bottom: 1px solid #fff; }
table.table-book-parameters tr:last-of-type { border-bottom: none; }
table.table-book-parameters tr td { padding: 8px 0; }
table.table-book-parameters tr td:last-child { font-weight: bold; }

table.table-book-format { }
table.table-book-format tr { vertical-align: top; }
table.table-book-format tr td { padding-right: 10px; vertical-align: top; width: fit-content!important; }
table.table-book-format tr td:last-of-type { padding-right: 0; }


.table-press-interested-container { width: 100%; }
.table-press-interested-container tr { }
.table-press-interested-container tr td {}
.table-press-interested-container tr td:first-child { padding-right: 5px; vertical-align: top; text-align: left; vertical-align: top; width: 50%; /* width: calc(50% - 100px); */ }
.table-press-interested-container tr td:last-child { padding-left: 5px; vertical-align: top; text-align: left; vertical-align: top; width: 50%; /* width: calc(50% - 100px); */ }

/* Obecné styly pro tabulku */
.table-press-interested {
    width: 100%;
    border-collapse: separate; /* Udržuje oddělené buňky */
}

/* Styl pro buňky tabulky */
.table-press-interested td {
    background-color: var(--dark-gray-background); /* Pozadí buněk */
    max-width: 615px; /* Maximální šířka buňky */
    width: 100%!important;
}

/* Vložení mezer mezi sloupci */
.table-press-interested tr {
    display: flex; /* Flexbox pro uspořádání sloupců vedle sebe */
}

.table-press-interested td:not(:last-child) {
    margin-right: 10px; /* Mezery mezi sloupci */
}

.table-press-interested h3 {
    margin-bottom: 0; /* Odstranění marginu kolem nadpisů */
}

.table-press-interested tr:first-child td {
    padding: 50px; /* Padding pro první řádek */
}

.table-press-interested tr:nth-child(2) td {
    padding-left: 50px;
    padding-right: 50px; /* Padding pro druhý řádek */
}

.table-press-interested tr:last-child td {
    padding: 50px 50px 170px 50px; /* Padding pro poslední řádek */
}

.table-press-interested-container tr td:last-of-type .table-press-interested tr:nth-last-child(-n+4) td {
    padding: 5px 50px 5px 50px; /* Padding pro poslední 4 řádky v tabulce - Stáhněte si Mediakit */
}

.table-press-interested-container tr td:last-of-type .table-press-interested tr:nth-child(2) td {
    padding: 5px 50px 50px 50px; /* Padding pro druhý řádek v tabulce - Stáhněte si mediakit */
}

.table-press-interested-container tr td:last-of-type .table-press-interested tr:last-child td {
    padding: 5px 50px 50px 50px; /* Padding pro poslední řádek */
}

/* Ikona pro první buňku posledního řádku */
.table-press-interested-container tr td:first-of-type tr:last-child td:first-child::before {
    content: "\f0e0"; /* Unicode pro ikonu fa-envelope */
    font-family: "Font Awesome 5 Free"; /* Font Awesome 5 */
    font-weight: 400; /* Regular weight pro outline ikonu */
    margin-right: 22px; /* Mezery mezi ikonou a textem */
    display: inline-block;
    color: var(--gold2); /* Barva ikony */
}

/* Ikona pro poslední buňku posledního řádku */
.table-press-interested-container tr td:last-of-type tr:nth-last-child(-n+4) td:last-child::before {
    content: "\f019"; /* Unicode pro ikonu fa-download */
    font-family: "Font Awesome 5 Free"; /* Font Awesome 5 */
    font-weight: 900; /* Solid weight pro vyplněnou ikonu */
    margin-right: 22px; /* Mezery mezi ikonou a textem */
    display: inline-block;
    color: var(--gold2); /* Barva ikony */
}

.table-text-middle { display: flex; justify-content: center; align-items: center; }
.table-text-middle td { text-align: left; }
.table-text-middle td * { width: 500px; box-sizing: border-box; }

.table-text-middle-border { display: flex; justify-content: center; align-items: center; }
.table-text-middle-border td { text-align: left; border: 1px solid #424242; padding: 70px 60px; }
.table-text-middle-border td * { width: 500px; box-sizing: border-box; font-size: 20px; }

.table-our-bestsellers {}
.table-our-bestsellers tr {}
.table-our-bestsellers tr td { width: 15%; }
.table-our-bestsellers tr td:first-of-type, .table-our-bestsellers tr td:last-of-type { width: 35%; vertical-align: top; }
.table-our-bestsellers tr td:first-of-type { padding-right: 75px; }
.table-our-bestsellers tr td:last-of-type { padding-left: 75px; }

.table-our-bestsellers tr td:nth-of-type(2) { text-align: right; vertical-align: top; }
.table-our-bestsellers tr td:nth-of-type(2) img { margin-top: -50px; }
.table-our-bestsellers tr td:nth-of-type(3) { text-align: left; }
.table-our-bestsellers img { width: 230px; height: auto; }

.table-quote {width: 100%; background: var(--training-block-color); }
.table-quote tr td { font-size: 22px; padding: 75px 175px; }
.table-quote tr td p { max-width: 890px; }

.table-quote-author-photo { }
.table-quote-author-photo tr td { padding: 0px 0px!important; }
.table-quote-author-photo tr td:last-of-type {padding-left: 25px!important; }
