@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-Black.ttf) format(truetype);
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-BlackItalic.ttf) format(truetype);
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-ExtraBold.ttf) format(truetype);
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-ExtraBoldItalic.ttf) format(truetype);
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-Bold.ttf) format(truetype);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-BoldItalic.ttf) format(truetype);
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-SemiBold.ttf) format(truetype);
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-SemiBoldItalic.ttf) format(truetype);
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-Medium.ttf) format(truetype);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-MediumItalic.ttf) format(truetype);
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-Regular.ttf) format(truetype);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-Italic.ttf) format(truetype);
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-Light.ttf) format(truetype);
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-LightItalic.ttf) format(truetype);
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-ExtraLight.ttf) format(truetype);
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-ExtraLightItalic.ttf) format(truetype);
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-Thin.ttf) format(truetype);
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansLocal';
    src: url(font/NotoSans-ThinItalic.ttf) format(truetype);
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'OswaldLocal';
    src: url(font/Oswald-Bold.ttf) format(truetype);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'OswaldLocal';
    src: url(font/Oswald-SemiBold.ttf) format(truetype);
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'OswaldLocal';
    src: url(font/Oswald-Medium.ttf) format(truetype);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'OswaldLocal';
    src: url(font/Oswald-Regular.ttf) format(truetype);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'OswaldLocal';
    src: url(font/Oswald-Light.ttf) format(truetype);
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'OswaldLocal';
    src: url(font/Oswald-ExtraLight.ttf) format(truetype);
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'UnnaLocal';
    src: url(font/Unna-Regular.ttf) format(truetype);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GildaLocal';
    src: url(font/GildaDisplay-Regular.ttf) format(truetype);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PTSerifLocal';
    src: url(font/PTSerif-Regular.ttf) format(truetype);
    font-weight: 400;
    font-style: normal;
}


:root{ /*variables*/
    --Pozadi: #351031;
    --Text: #ffffff;
    --Primary: #fd288d;
    --Secondary: #47dddd;/*#a5e1e2   #66ffff*/
    --Hover: #01ffff;
    --Primary2: #a11761;
    --Third: #9b14b6;
    --Kacka: #ff66c4;
    --Anicka: #5e17eb;
    --Dark: #210b22;
    --DarkPozadi: #000000;
    --Grad: #4f1749;

    --Pozadi2: #5f2437;
    --Secondary2: #fcbcfc;

    --Pozadi3: #07132b;

    --borderWidth: clamp(0.12vw, 0.22vh, 0.22vh);

    --KackaCertifikatyPosun: 0;

    --SluzbyVar: 0.45;

    --nutriSpolWidth: clamp(50vw, 130vh, 140vw);
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'NotoSansLocal', 'Noto Sans', sans-serif;
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior: none !important;
}

::-webkit-scrollbar {
    width: clamp(0.6vw, 1.2vh, 1.2vh);
}
/* Track */
::-webkit-scrollbar-track {
    background: #000; 
}
   
/* Handle */
::-webkit-scrollbar-thumb {
    background:  #4d4d4d; 
    border-radius: clamp(0.25vw, 0.5vh, 0.5vh);
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--Primary); 
}
/* Handle on click */
::-webkit-scrollbar-thumb:active {
    background: var(--Text);
}

html{
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;

    min-height: 100%;
    width: 100vw;

    display: flex;
    flex-direction: column;

    scroll-behavior: smooth;

    overflow-x: hidden !important;
}
body{
    background-color: var(--Pozadi);
    flex-grow: 1;

    min-height: 100%;
    width: 100vw;

    display: flex;
    flex-direction: column;

    overflow-x: hidden !important;
}
body.blue{
    background-color: var(--Pozadi3);
    /*overflow-x: auto !important;*/
}
body.black{
    background-color: var(--DarkPozadi);
}





div.pmc{
    background-color: gray;
    height: 50vh;
}

div.menuMobileShadow{
    background: none;
}
div.menu{
    width: 100vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: clamp(5vw, 10vh, 10vh);
    background: linear-gradient(to top right, var(--Primary2), var(--Grad));
    /*box-shadow: 0 0 calc(clamp(20vw, 40vh, 40vh)*0.03) var(--Primary2);*/
    /*border-bottom: #000000 solid var(--borderWidth);*/
}
div.menu:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top right, var(--Primary2), var(--Grad));
    filter: blur(calc(clamp(20vw, 40vh, 40vh)*0.02));
    border-radius: inherit;
}
div.menu::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}
div.menu.abs{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
}

div.menuContent{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: clamp(4vw, 6vh, 6vh);
}

div.menuContent a{
    text-decoration: none;
    font-size: clamp(1.3vw, 2.6vh, 2.6vh);
    letter-spacing: clamp(0.3vw, 0.6vh, 0.6vh);
    font-weight: 600;
    color: var(--Text);

    margin-right: clamp(7vw, 12vh, 12vh);
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
div.menuContent a:hover{
    color: var(--Hover);
}
div.menuContent a.active{
    color: var(--Hover);
    pointer-events: none;
}


a.logoMenu{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
    margin-left: clamp(1vw, 1.25vh, 2vh);
}
a.logoMenu img{
    object-fit: contain;
    height: 100%;
    transition-property: filter;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    filter: drop-shadow(0 0 clamp(0, 0, 0) var(--Text)); 
}
a.logoMenu:hover img{
    filter: drop-shadow(0 0 clamp(0.4vw, 0.8vh, 0.8vh) var(--Text));
}

a.iconMenu{
    display: none;
}


div.SusenkyDiv{
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9;
    display: none;
    justify-content: center;
    align-items: center;
    bottom: 0;
}
div.SusenkyDiv.show{
    display: flex;
}
div.SusenkyContent{
    width: clamp(45vw, 90vh, 85vw);
    max-height: 90svh;
    background-color: var(--Pozadi);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding-top: clamp(3.5vw, 7vh, 7vh);
    padding-bottom: clamp(2.5vw, 5vh, 5vh);
    border-radius: clamp(1.5vw, 3vh, 3vh);
    box-shadow: 0 0 calc(clamp(45vw, 90vh, 85vw)*0.04) #000000;
    position: relative;
}

div.SusenkyContent a.close{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(1.3vw, 2.6vh, 2.6vh);
    top: clamp(0.8vw, 1.6vh, 1.6vh);
    right: clamp(0.8vw, 1.6vh, 1.6vh);
}
div.SusenkyContent a.close img{
    object-fit: contain;
    width: 100%;
}

div.SusenkyContent p{
    text-align: center;
    font-size: clamp(1.2vw, 1.8vh, 2.4vh);
    font-weight: 400;
    color: var(--Text);
    width: 80%;
}
div.SusenkyContent p a{
    color: var(--Text);
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
@media (min-width: 1200px){
    div.SusenkyContent p a:hover{
        color: var(--Primary);
    }
}
div.SusenkyContent p strong{
    font-size: clamp(1.9vw, 2.4vh, 3.8vh);
    font-weight: 700;
}

div.SusenkyTlacitka{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    width: 90%;
    padding-top: clamp(0.5vw, 1vh, 1vh);
}




div.uvod{
    height: clamp(48vw, 100vh, 100vh);
    width: 100vw;
    background-color: var(--Text);
    overflow: hidden;
}
div.uvod div.pozadi{
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none; 
    background: none !important;
    position: relative;
    z-index: 4;
}
div.uvod div.pozadi img{
    object-fit: cover;
    width: 100%;
    min-height: 100%;
    object-position: 100% 45%;
    overflow: hidden;
}

div.uvodContent{
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    margin-top: clamp(5vw, 10vh, 10vh);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
div.uvodContent h1{
    font-size: clamp(5.5vw, 10vh, 11vh);
    font-weight: 700;
    color: var(--Text);
    line-height: 1;

    margin: clamp(8vw, 16vh, 16vh);
    margin-left: clamp(8vw, 10vh, 16vh);
    margin-bottom: clamp(5vw, 10vh, 10vh);
}
div.uvodContent h3{
    font-size: clamp(1.6vw, 2.9vh, 3.2vh);
    font-weight: 400;
    color: var(--Text);

    margin-left: clamp(9vw, 12vh, 18vh);
    margin-bottom: clamp(5vw, 10vh, 10vh);
}
a.gradButton{
    padding: clamp(1.2vw, 2.4vh, 2.4vh);
    text-decoration: none;
    border-radius: clamp(2vw, 4vh, 4vh);
    font-size: clamp(1.3vw, 2.6vh, 2.6vh);
    letter-spacing: clamp(0.3vw, 0.6vh, 0.6vh);
    font-weight: 600;
    color: var(--Text);
    background: linear-gradient(to right, var(--Primary) 15%, var(--Secondary) 85%);
    width: clamp(19vw, 38vh, 38vh);
    display: block;
    text-align: center;
    background-size: 100% 100%;
    transition-property: background-size;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
a.gradButton.moving{
    transition-duration: 0s;
}
a.gradButton.uvodni{
    margin-left:  clamp(8vw, 10vh, 16vh);
}
a.gradButton.anicka{
    background: linear-gradient(to right, var(--Anicka) 15%, #8d5bf1 85%);
    border-radius: clamp(1vw, 2vh, 2vh);
    margin-top: clamp(2vw, 4vh, 4vh);
    margin-bottom: clamp(2vw, 4vh, 4vh);
    font-size: clamp(1.7vw, 3.4vh, 3.4vh);
}
a.gradButton.kacka{
    background: linear-gradient(to right, var(--Primary) 15%, var(--Kacka)  85%);
    border-radius: clamp(1vw, 2vh, 2vh);
    margin-top: clamp(2vw, 4vh, 4vh);
    margin-bottom: clamp(2vw, 4vh, 4vh);
    font-size: clamp(1.7vw, 3.4vh, 3.4vh);
}


a.gradButton.ano{
    background: linear-gradient(to right, var(--Primary) 10%, var(--Third)  85%);
    border-radius: clamp(1vw, 2vh, 2vh);
    margin-top: clamp(0.75vw, 1.5vh, 1.5vh);
    margin-bottom: clamp(1vw, 2vh, 2vh);
    font-size: clamp(1.7vw, 3.4vh, 3.4vh);
    letter-spacing: clamp(0.1vw, 0.2vh, 0.2vh);
    font-size: clamp(1.4vw, 2.8vh, 2.8vh);
    width: auto;
    margin-left: clamp(1vw, 2vh, 2vh);
    margin-right: clamp(1vw, 2vh, 2vh);
}
a.gradButton.ne{
    background: linear-gradient(to right, var(--Anicka) 10%, var(--Third)  85%);
    border-radius: clamp(1vw, 2vh, 2vh);
    margin-top: clamp(0.75vw, 1.5vh, 1.5vh);
    margin-bottom: clamp(1vw, 2vh, 2vh);
    font-size: clamp(1.7vw, 3.4vh, 3.4vh);
    letter-spacing: clamp(0.1vw, 0.2vh, 0.2vh);
    font-size: clamp(1.4vw, 2.8vh, 2.8vh);
    width: auto;
    margin-left: clamp(1vw, 2vh, 2vh);
    margin-right: clamp(1vw, 2vh, 2vh);
}


div.igUvod{
    width: clamp(15.9vw, 27.4vh, 31vh);
    height: clamp(30vw, 52vh, 52vh);
    z-index: 3;
    position: absolute;
    left: 86.5vw;/*clamp(111.7vh, 86.6vw, 86.6vw) nejužší: 111.7vh 82.5vw    ideal: 86.5vw 174.3vh    nejširší: 86.6vw 188vh      clamp(12.4vw, 21.8vh, 25.5vh)*/
    top: clamp(14vw, 24vh, 28vh);
    transform: translateX(-100%);
}
div.igUvod iframe{
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    border: none !important;
}
div.igUvod iframe html{
    font-size: clamp(1vw, 2vh, 2vh) !important;
}
@media (max-aspect-ratio: 7/4){
    div.igUvod{
        left: auto;/*clamp(86.6vw, 86.6vw, 111.7vh)      nejužší: 82.5vw 111.7vh     random: 83.8vw 123vh     nejširší: 86.6vw 151.5vh*/
        right: clamp(11.3vw, 22.6vh, 22.6vh);
        transform: none;
    }
    
}

@media (max-aspect-ratio: 65/48){/*1300x960*/
    div.menuMobileShadow{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 6;
        height: clamp(5vw, 10vh, 10vh);
        width: 100vw;
        background: linear-gradient(to top right, var(--Primary2), var(--Grad));
        filter: blur(calc(clamp(20vw, 40vh, 40vh)*0.02));
        transition-property: height;
        transition-duration: 0.5s;
        transition-timing-function: ease-in;
    }
    /*div.menuMobileShadow.down{
        height: clamp(25vw, 50vh, 50vh);
        transition-timing-function: ease-out;
    }*/

    div.menu{
        justify-content: space-between;
        position: relative;
        height: clamp(5vw, 10vh, 10vh);
        padding-bottom: 0;
        transition-property: height, padding-bottom;
        transition-duration: 0.5s;
        transition-timing-function: ease-in;
    }
    div.menu:before {
        background: none;
    }
    div.menu.down{
        height: clamp(25vw, 50vh, 50vh);
        padding-bottom: clamp(20vw, 40vh, 40vh);
        transition-timing-function: ease-out;
    }
    /*div.menu.abs{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
    }
    div.menu.abs.down{
        z-index: 7;
    }*/

    div.menuContent{
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-left: 0;

        transition-property: opacity;
        transition-duration: 0s;
        transition-delay: 0s;

        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        padding-bottom: 4vh;
    }
    div.menuContent.down{
        opacity: 1;
        transition-duration: 0.5s;
        transition-delay: 0.3s;
    }
    
    div.menuContent a{
        text-decoration: none;
        font-size: clamp(1.3vw, 2.6vh, 2.6vh);
        letter-spacing: clamp(0.3vw, 0.6vh, 0.6vh);
        font-weight: 600;
        color: var(--Text);
        margin-top: 7vh;
        margin-bottom: 0vh;
    
        margin-right: 0;
    }

    a.iconMenu{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 40%;
        margin-right: clamp(2.5vw, 2vh, 5vh);

        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-in;
    }
    a.iconMenu div{
        width: calc(clamp(5vw, 10vh, 10vh)*0.6);
        height: 13%;
        background-color: var(--Text);
        border-radius: clamp(0.2vw, 0.4vh, 0.4vh);
    }
    a.iconMenu.down{
        transform: rotate(-90deg);
        transition-timing-function: ease-out;
    }


    div.uvod{
        min-height: clamp(48vw, 100vh, 100vh);
        height: auto;
        background-color: transparent;
        background: linear-gradient(to right, var(--Dark) 25%, #af1f64 180%);

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    div.uvod div.pozadi{
        display: none;
    }

    div.uvodContent{
        position: static;
        /*padding-top: clamp(5vw, 10vh, 10vh);*/
        /*margin-top: 0;*/
        width: 100%;
        min-height: calc(100vh - clamp(5vw, 10vh, 10vh));
    }
    div.uvodContent h1{
        font-size: clamp(7vw, 6.5vh, 14vh);
        font-weight: 700;
        color: var(--Text);
        line-height: 1;
    
        margin-top: clamp(6vw, 20vh, 20vh);
        margin-left: clamp(4vw, 4vh, 8vh);
        margin-bottom: clamp(5vw, 14vh, 14vh);
        margin-right: 0;
    }
    div.uvodContent h3{
        font-size: clamp(1.6vw, 2.9vh, 3.2vh);
        font-weight: 400;
        color: var(--Text);
    
        margin-left: clamp(6vw, 6vh, 12vh);
        margin-bottom: clamp(5vw, 14vh, 14vh);
    }
    a.gradButton{
        width: clamp(19vw, 38vh, 80vw);
    }
    a.gradButton.uvodni{
        margin-left: clamp(4vw, 4vh, 8vh);
    }

    div.igUvod{
        width: clamp(20vw, 40vh, 80vw);
        height: clamp(47vh, 48vh, 90vw);
        max-width: 80vw;
        position: relative;
        transform: none;
        left: 0;
        top: 0;

        margin-top: 2vh;
        margin-left: clamp(5vw, 4vh, 10vh);
        margin-bottom: clamp(5vw, 4vh, 10vh);

        display: none;
    }
    div.igUvod:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(to top right, var(--Primary), var(--Secondary));
        filter: blur(calc(clamp(20vw, 40vh, 40vh)*0.03));
        border-radius: inherit;
    }
    div.igUvod::after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        border-radius: inherit;
    }
}

@media (max-width: 1300px){
    div.menuMobileShadow{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 6;
        height: clamp(5vw, 10vh, 10vh);
        width: 100vw;
        background: linear-gradient(to top right, var(--Primary2), var(--Grad));
        filter: blur(calc(clamp(20vw, 40vh, 40vh)*0.02));
        transition-property: height;
        transition-duration: 0.5s;
        transition-timing-function: ease-in;
    }
    /*div.menuMobileShadow.down{
        height: clamp(25vw, 50vh, 50vh);
        transition-timing-function: ease-out;
    }*/
    div.menu{
        justify-content: space-between;
        position: relative;
        height: clamp(5vw, 10vh, 10vh);
        padding-bottom: 0;
        transition-property: height, padding-bottom;
        transition-duration: 0.5s;
        transition-timing-function: ease-in;
    }
    div.menu:before {
        background: none;
    }
    div.menu.down{
        height: clamp(25vw, 50vh, 50vh);
        padding-bottom: clamp(20vw, 40vh, 40vh);
        transition-timing-function: ease-out;
    }
    /*div.menu.abs{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
    }
    div.menu.abs.down{
        z-index: 7;
    }*/
    div.menuContent{
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-left: 0;

        transition-property: opacity;
        transition-duration: 0s;
        transition-delay: 0s;

        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        padding-bottom: 4vh;
    }
    div.menuContent.down{
        opacity: 1;
        transition-duration: 0.5s;
        transition-delay: 0.3s;
    }
    
    div.menuContent a{
        text-decoration: none;
        font-size: clamp(1.3vw, 2.6vh, 2.6vh);
        letter-spacing: clamp(0.3vw, 0.6vh, 0.6vh);
        font-weight: 600;
        color: var(--Text);
        margin-top: 7vh;
        margin-bottom: 0vh;
    
        margin-right: 0;
    }

    a.iconMenu{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 40%;
        margin-right: clamp(2.5vw, 2vh, 5vh);

        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease-in;
    }
    a.iconMenu div{
        width: calc(clamp(5vw, 10vh, 10vh)*0.6);
        height: 13%;
        background-color: var(--Text);
        border-radius: clamp(0.2vw, 0.4vh, 0.4vh);
    }
    a.iconMenu.down{
        transform: rotate(-90deg);
        transition-timing-function: ease-out;
    }


    div.uvod{
        min-height: clamp(40vw, 100vh, 100vh);
        height: auto;
        background-color: transparent;
        background: linear-gradient(to right, var(--Dark) 25%, #af1f64 180%);

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    div.uvod div.pozadi{
        display: none;
    }

    div.uvodContent{
        position: static;
        /*padding-top: clamp(5vw, 10vh, 10vh);*/
        /*margin-top: 0;*/
        width: 100%;
        min-height: calc(100vh - clamp(5vw, 10vh, 10vh));
    }
    div.uvodContent h1{
        font-size: clamp(4.5vw, 6.5vh, 10vh);
        font-weight: 700;
        color: var(--Text);
        line-height: 1;
    
        margin-top: clamp(5vw, 20vh, 20vh);
        margin-left: clamp(4vw, 4vh, 8vh);
        margin-bottom: clamp(4vw, 14vh, 14vh);
        margin-right: 0;
    }
    div.uvodContent h3{
        font-size: clamp(1.6vw, 2.9vh, 3.2vh);
        font-weight: 400;
        color: var(--Text);
    
        margin-left: clamp(6vw, 6vh, 12vh);
        margin-bottom: clamp(4vw, 14vh, 14vh);
    }
    a.gradButton{
        width: clamp(19vw, 38vh, 80vw);
    }
    a.gradButton.uvodni{
        margin-left: clamp(4vw, 4vh, 8vh);
    }

    div.igUvod{
        width: clamp(20vw, 40vh, 80vw);
        height: clamp(47vh, 48vh, 90vw);
        max-width: 80vw;
        position: relative;
        transform: none;
        left: 0;
        top: 0;

        margin-top: 2vh;
        margin-left: clamp(5vw, 4vh, 10vh);
        margin-bottom: clamp(5vw, 4vh, 10vh);

        display: none;
    }
    div.igUvod:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(to top right, var(--Primary), var(--Secondary));
        filter: blur(calc(clamp(20vw, 40vh, 40vh)*0.03));
        border-radius: inherit;
    }
    div.igUvod::after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        border-radius: inherit;
    }
}

@media (max-width: 1200px){
    div.menuContent a:hover{
        color: var(--Text);
    }
    div.menuContent a:active{
        color: var(--Hover);
        transition-duration: 0.1s;
    }

    a.logoMenu:hover img{
        filter: none; 
    }
}


div.onas{
    width: 100vw;
    min-height: 100vh;
    background-color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

div.onas h1{
    font-size: clamp(3.5vw, 4.5vh, 7vh);
    font-weight: 700;
    color: var(--Text);
    text-align: left;
    margin-top: clamp(6vw, 8vh, 12vh);
    margin-left: clamp(1.5vw, 3vh, 3vh);
    margin-right: clamp(1.5vw, 3vh, 3vh);
}

div.onas div.content{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-top: clamp(6.5vw, 14vh, 14vh);
    margin-top: clamp(1.5vw, 3vh, 3vh);
    padding-left: 5vw;
    padding-right: 5vw;
    flex-wrap: wrap-reverse;
    position: relative;
}

div.onas div.content div.tlacitka{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: clamp(5vw, 3vh, 10vh);
    padding-bottom: clamp(3vw, 3vh, 8vh);
    margin-left: 5vw;
    margin-right: 5vw;
}

div.onas div.content div.text{
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(35vw, 70vh, 80vw);
    margin-left: 4vw;
    margin-right: 4vw;
    margin-top: clamp(3vw, 3vh, 5vh);
    margin-bottom: clamp(1vw, 1vh, 4vh);
}
div.onas div.content div.text p{
    font-weight: 300;
    color: var(--Text);
    text-align: left;
    font-size: clamp(1.4vw, 2.6vh, 2.6vh);
}

div.onas div.content img{
    position: absolute;
    width: clamp(9vw, 14vh, 18vh);
    object-fit: contain;
    top: clamp(0.9vw, 1vh, 1.8vh);
    filter: drop-shadow(0 0 0 var(--Text));
    transition-property: filter;
    transition-duration: 0.5s;
    transition-delay: 0.2s;
    transition-timing-function: ease-out;
}
div.onas div.content img.show{
    filter: drop-shadow(0 0 clamp(0.6vw, 1vh, 1.2vh) var(--Text));
}

div.onas img.spolecnaFotka{
    object-fit: contain;
    width: clamp(20vw, 40vh, 85vw);
    margin-top: clamp(1vw, 2vh, 2vh);
    margin-bottom: clamp(4vw, 7vh, 10vh);
}




div.osobniCont{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    width: 100vw;
    overflow-x: auto;
}
div.osobniCont::-webkit-scrollbar {
    height: clamp(0.7vw, 1.4vh, 1.4vh);
}
div.osobniContainer{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: visible;
    height: 100%;
}
div.osobniUvod{
    width: 100vw;
    height: clamp(50vw, 100%, 120vw);/*90vw*/
    max-height: 100%;
    background-color: var(--Pozadi3);
    display: flex;
    justify-content: center;
    align-items: center;
}
div.osobniUvod div.content{
    width: clamp(65vw, 130vh, 100vw);
    height: 100%;
    position: relative;
}
div.osobniUvod div.background{
    width: 100%;
    height: 100%;
}
div.osobniUvod div.background div.fotka{
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--DarkPozadi);
    height: 100%;/*edit*/
    width: calc(clamp(65vw, 130vh, 130vh)*0.55);/*60%*/
    max-width: 65vw;
    clip-path: polygon(0% 40%,
        30% 0%,
        100% 0%,
        100% 100%,
        70% 100%);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.osobniUvod div.background div.fotka img{
    object-fit: cover;
    width: 100%;
    min-height: 100%;
}
div.osobniUvod div.background div.pruh{
    position: absolute;
    /*right: calc(calc(clamp(65vw, 130vh, 130vh)*0.55)*0.14);*/
    right: 7.8%;
    top: 0;
    height: 100%;/*edit*/
    width: calc(clamp(65vw, 130vh, 130vh)*0.55);
    max-width: 65vw;
    background: linear-gradient(to top, var(--Kacka) 20%, var(--Pozadi3) 85%);
    clip-path: polygon(0% 40%,
        30% 0%,
        38% 0%,
        8% 40%,
        54.7% 80%,
        46.7% 80%);
}
div.osobniUvod div.background div.pruh.anicka{
    background: linear-gradient(to top, var(--Anicka) 20%, var(--Pozadi3) 85%);
}


div.osobniUvod div.info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: clamp(1.2vw, 3vh, 3vh);
    padding-left: clamp(1.6vw, 4vh, 4vh);
}

div.osobniUvod div.info a.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    height: clamp(7.6vw, 19vh, 19vh);
    margin-left: clamp(2.4vw, 6vh, 6vh);
    margin-top: clamp(0.2vw, 0.5vh, 0.5vh);
}
div.osobniUvod div.info a.logo img{
    object-fit: contain;
    height: 100%;
    transition-property: filter;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    filter: drop-shadow(0 0 clamp(0, 0, 0) var(--Text));
}

div.osobniUvod div.info h1{
    font-size: clamp(4.8vw, 12vh, 12vh);
    font-weight: 300;
    color: var(--Text);
    font-family: 'OswaldLocal';
    text-align: left;
    line-height: 1;
    margin-top: clamp(2vw, 5vh, 5vh);
    margin-bottom: clamp(2.4vw, 6vh, 6vh);
}
div.osobniUvod div.info h1.anicka{
    margin-bottom: clamp(2.1vw, 5.5vh, 5.5vh);
}

div.osobniUvod div.info p{
    font-size: clamp(1.2vw, 3vh, 3vh);
    color: var(--Kacka);
    font-weight: 400;
    margin-bottom: clamp(3vw, 6vh, 6vh);
    font-style: italic;
    margin-left: clamp(1vw, 2vh, 2vh);
}
div.osobniUvod div.info p.anicka{
    color: var(--Anicka);
    font-size: clamp(1vw, 2.6vh, 2.6vh);
    margin-bottom: clamp(2vw, 5vh, 5vh);
}

div.osobniUvod div.info ul{
    display: block;
    padding: clamp(1.2vw, 3vh, 3vh);
    padding-left: clamp(3vw, 6vh, 6vh);
    background-color: var(--Kacka);
    border-radius: clamp(1.6vw, 4vh, 4vh);
}
div.osobniUvod div.info ul.anicka{
    background-color: var(--Anicka);
    border-radius: clamp(3vw, 6vh, 6vh);
    padding: clamp(0.5vw, 1vh, 1vh);
    padding-left: clamp(3.5vw, 7vh, 7vh);
    padding-right: clamp(4vw, 8vh, 8vh);
}
div.osobniUvod div.info ul li{
    color: var(--Text);
    font-size: clamp(1.12vw, 2.8vh, 2.8vh);
    font-weight: 500;
    margin-top: clamp(0.4vw, 1vh, 1vh);
    margin-bottom: clamp(0.4vw, 1vh, 1vh);
}
div.osobniUvod div.info ul.anicka li{
    font-size: clamp(1vw, 2vh, 2vh);
}

div.osobniUvod div.info a.inst{
    position: absolute;
    right: 0;
    bottom: 0;
    height: clamp(6.8vw, 17vh, 17vh);
    margin: clamp(0.96vw, 2.4vh, 2.4vh);
}
div.osobniUvod div.info a.inst img{
    object-fit: contain;
    height: 100%;
}
div.osobniUvod div.info p.anickaAdditional{
    font-size: clamp(1.2vw, 2.4vh, 2.4vh);
    color: var(--Text);
    font-weight: 400;
    margin-top: clamp(1.5vw, 4vh, 4vh);
    font-family: "GildaLocal";
    margin-left: clamp(1vw, 2vh, 2vh);
    margin-bottom: 0;
    font-style: normal;
    display: block;
}


div.osobniCertifikaty{
    width: 100vw;
    min-height: 100%;
    background-color: var(--DarkPozadi);
    display: flex;
    justify-content: center;
    align-items: center;
}
div.osobniCertifikaty div.content{
    width: clamp(85vw, 170vh, 95vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.osobniCertifikaty div.content div.fotka{
    width: clamp(30vw, 60vh, 65vw);
    clip-path: polygon( 95.164% 13.676%,95.164% 13.676%,94.526% 13.565%,93.887% 13.454%,93.249% 13.343%,92.61% 13.231%,91.973% 13.117%,91.336% 13.002%,90.699% 12.883%,90.064% 12.761%,89.43% 12.635%,88.798% 12.505%,29.599% 0%,29.599% 0.07%,10.202% 0.07%,10.202% 0.07%,8.547% 0.208%,6.978% 0.606%,5.514% 1.244%,4.177% 2.099%,2.988% 3.15%,1.969% 4.376%,1.139% 5.754%,0.52% 7.263%,0.134% 8.882%,0% 10.588%,0% 66.876%,0% 66.876%,0.133% 68.577%,0.518% 70.189%,1.135% 71.693%,1.962% 73.067%,2.978% 74.288%,4.163% 75.336%,5.495% 76.188%,6.954% 76.824%,8.518% 77.221%,10.168% 77.358%,29.599% 77.358%,29.599% 89.474%,29.599% 89.474%,29.779% 91.182%,30.299% 92.801%,31.131% 94.311%,32.246% 95.691%,33.617% 96.917%,35.216% 97.969%,37.013% 98.825%,38.981% 99.463%,41.092% 99.862%,43.317% 100%,86.293% 100%,86.293% 100%,88.517% 99.862%,90.626% 99.464%,92.593% 98.826%,94.389% 97.971%,95.986% 96.919%,97.357% 95.694%,98.472% 94.316%,99.303% 92.806%,99.822% 91.188%,100.002% 89.481%,100.002% 18.334%,100.002% 18.334%,99.941% 17.665%,99.765% 17.024%,99.481% 16.418%,99.097% 15.853%,98.622% 15.335%,98.064% 14.871%,97.431% 14.467%,96.732% 14.129%,95.974% 13.864%,95.166% 13.677% );
    overflow: hidden;
    margin-left: 3vw;
}
div.osobniCertifikaty div.content div.fotka img{
    object-fit: cover;
    width: 100%;
    max-height: 80vh;
}

div.osobniCertifikaty div.content div.fotkaAnicka{
    width: clamp(30vw, 60vh, 70vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 3vw;
}
div.osobniCertifikaty div.content div.fotkaAnicka h2{
    font-size: clamp(4.8vw, 12vh, 12vh);
    font-weight: 300;
    color: var(--Text);
    font-family: 'OswaldLocal';
    text-align: left;
    line-height: 1.15;
    margin-top: clamp(1vw, 2vh, 2vh);
    margin-bottom: clamp(3vw, 6vh, 6vh);
}
div.osobniCertifikaty div.content div.fotkaAnicka img{
    object-fit: contain;
    width: 100%;
    max-height: 50vh;
    border-radius: clamp(1.5vw, 3vh, 3vh);
}

div.osobniDalsiFotky{
    min-width: 100vw;
    min-height: 100%;
    background-color: var(--Pozadi3);
    display: flex;
    justify-content: center;
    align-items: center;
}
div.osobniDalsiFotky div.content{
    min-width: clamp(95vw, 190vh, 95vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.osobniDalsiFotky div.content div.nadpisDalsiFotky{
    width: clamp(30vw, 60vh, 70vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 1vw;
    margin-right: clamp(1vw, 2vh, 2vh);
}
div.osobniDalsiFotky div.content div.nadpisDalsiFotky h2{
    font-size: clamp(4.8vw, 12vh, 12vh);
    font-weight: 300;
    color: var(--Text);
    font-family: 'OswaldLocal';
    text-align: left;
    line-height: 1.15;
    margin-top: clamp(1vw, 2vh, 2vh);
    margin-bottom: clamp(3vw, 6vh, 6vh);
} 
div.osobniDalsiFotky div.content div.GroupDalsiFotky{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: clamp(3vw, 3vh, 6vh);
    margin-right: clamp(3vw, 3vh, 6vh);
    height: clamp(40vw, 80vh, 80vh);
    margin-top: 5vh;
    margin-bottom: 5vh;
}
div.osobniDalsiFotky div.content div.GroupDalsiFotky img{
    object-fit: contain;
    height: 37.5%;
    max-width: 90vw;
}
div.osobniDalsiFotky div.content div.GroupDalsiFotky img.horniG{
    margin-left: 2.5vw;
}
div.osobniDalsiFotky div.content div.GroupDalsiFotky img.dolniG{
    margin-right: 2.5vw;
}
div.GroupDalsiFotkyText{
    margin-top: clamp(1.5vw, 3vh, 3vh);
    margin-bottom: clamp(1.5vw, 3vh, 3vh);
    width: clamp(25vw, 50vh, 90vw);
}
div.GroupDalsiFotkyText h4{
    color: var(--Text);
    font-weight: 600;
    font-size: clamp(1.2vw, 2vh, 2.4vh);
}
div.GroupDalsiFotkyText p{
    color: var(--Text);
    font-weight: 400;
    font-size: clamp(1vw, 1.6vh, 2vh);
    margin-top: clamp(0.4vw, 0.8vh, 0.8vh);
}


div.sliderContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /*padding-bottom: clamp(7vw, 14vh, 14vh);*/
}
div.sliderContainer a.arrow{
    padding: clamp(1vw, 2vh, 2.5vw);
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
div.sliderContainer a.arrow.hidden{
    opacity: 0;
    pointer-events: none;
}
div.sliderContainer a.arrow.back{
    margin-right: clamp(1vw, 2vh, 2.5vw);
}
div.sliderContainer a.arrow.forw{
    margin-left: clamp(1vw, 2vh, 2.5vw);
}
div.sliderContainer a.arrow img{
    object-fit: contain;
    height: clamp(2vw, 4vh, 5vw)
}

div.slider{
    width: clamp(25vw, 60vh, 75vw);
    height: clamp(35.45vw, 85vh, 106.5vw);
    scroll-behavior: smooth;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
div.sliderContent{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: clamp(35.45vw, 85vh, 106.5vw);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transform: translateX(calc(-1*clamp(25vw, 60vh, 75vw)*var(--KackaCertifikatyPosun)));
}
div.sliderContent a{
    width: clamp(25vw, 60vh, 75vw);
    height: clamp(35.45vw, 85vh, 106.5vw);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.sliderContent a img{
    object-fit: cover;
    width: clamp(25vw, 60vh, 75vw);
    min-height: clamp(35.45vw, 85vh, 106.5vw);
}

/*a.vsechnyCertif{
    position: absolute;
    bottom: 0;
    height: clamp(4.5vw, 9vh, 9vh);
    color: var(--Primary);
    background-color: var(--Text);
    border-radius: clamp(1vw, 2vh, 2vh);
    width: clamp(25vw, 50vh, 80vw);
    text-align: center;
    align-content: center;
    font-size: clamp(2vw, 4vh, 4vh);
    font-weight: 600;
    text-decoration: none;
    letter-spacing: clamp(0.1vw, 0.2vh, 0.2vh);
}*/


a.home{
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: clamp(4vw, 8vh, 8vh);
    margin-left: clamp(1vw, 1.25vh, 2vh);
    margin-top: clamp(1vw, 2vh, 2vh);
    z-index: 7;
}
a.home img{
    object-fit: contain;
    height: 100%;
    transition-property: filter;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    filter: drop-shadow(0 0 clamp(0, 0, 0) var(--Text)); 
}
div.motto{
    position: fixed;
    top: clamp(1.25vw, 2.5vh, 2.5vh);
    left: clamp(10vw, 20vh, 20vh);
    font-size: clamp(1.1vw, 2.2vh, 2.2vh);
    color: var(--Text);
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
    width: clamp(20vw, 40vh, 40vh);
    font-style: italic;
}

a.arrowH{
    height: clamp(2.5vw, 5vh, 5vh);
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    opacity: 1;
}
a.arrowH.back{
    left: 4%;
}
a.arrowH.forw{
    right: 4%;
}
a.arrowH img{
    object-fit: contain;
    height: 100%;
}

a.arrowH.hide{
    opacity: 0;
    pointer-events: none;
    transition-duration: 0.1s;
}a.arrowH:active{
    opacity: 0.6;
}



div.nutrispol{
    width: 100vw;
    height: clamp(50vw, 100%, 120vw);/*90vw*/
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.nutrispol.prvni{
    /*background-color: var(--Pozadi);*/
    background: linear-gradient(to right, var(--Pozadi) 50%, var(--Pozadi3) 150%);
}
div.nutrispol.druhy{
    /*background-color: var(--Pozadi3);*/
    background: linear-gradient(to right, var(--Pozadi) -50%, var(--Pozadi3) 50%, var(--Pozadi3) 50%, var(--DarkPozadi) 150%);
}
div.nutrispol.treti{
    /*background-color: var(--DarkPozadi);*/
    background: linear-gradient(to right, var(--Pozadi3) -50%, var(--DarkPozadi) 50%);
}
div.nutrispol div.content{
    width: clamp(65vw, 130vh, 100vw);
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div.nutrispol div.content h2{
    position: relative;
    z-index: 3;
    font-size: clamp(2.7vw, 6vh, 6vh);
    color: var(--Text);
    font-weight: 700;
    text-align: center;
    margin-top: clamp(3vw, 6vh, 6vh);
    margin-bottom: clamp(0.75vw, 2vh, 2vh);
    width: calc(clamp(65vw, 130vh, 100vw)*0.9);
}
div.nutrispol div.content h4{
    position: relative;
    z-index: 3;
    font-size: clamp(1.5vw, 3.8vh, 3.8vh);
    color: var(--Text);
    font-weight: 400;
    margin-top: clamp(1.5vw, 4.5vh, 4.5vh);
}
div.nutrispol div.content h4 span{
    font-weight: 600;
}
div.nutrispol div.content p{
    position: relative;
    z-index: 3;
    font-size: clamp(1vw, 2.5vh, 2.5vh);
    color: var(--Text);
    font-weight: 400;
    width: calc(clamp(65vw, 130vh, 100vw)*0.8);
    text-align: center;
    line-height: 1.6;
    margin-bottom: clamp(1.25vw, 3vh, 3vh);
}
div.nutrispol div.content h2, div.nutrispol div.content h4, div.nutrispol div.content p{
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0.1s;
}
div.nutrispol div.content.show h2, div.nutrispol div.content.show h4, div.nutrispol div.content.show p{
    opacity: 1;
}
div.nutrispol div.content h4{
    transition-delay: 0.4s;
}

div.nutrispol div.content div.fotky{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--nutriSpolWidth)*0.7);
}
div.nutrispol div.content div.fotky div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--nutriSpolWidth)*0.7*0.315);
    border-radius: clamp(13vw, 26vh, 26vh);
    border: var(--Text) solid calc(var(--borderWidth)*1.5);
    overflow: hidden;
    box-shadow: 0 0 calc(var(--nutriSpolWidth)*0.7*0.03) #130613;
    position: relative;
    z-index: 1;
}
div.nutrispol div.content div.fotky div.left{
    transform: translateX(6%);

    top: -8%;
    opacity: 0;
    transition-property: opacity, top;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    transition-delay: 0.15s;
}
div.nutrispol div.content div.fotky div.mid{
    width: calc(var(--nutriSpolWidth)*0.7*0.37);
    z-index: 2;
    box-shadow: 0 0 calc(var(--nutriSpolWidth)*0.7*0.05) #130613;

    top: -10%;
    opacity: 0;
    transition-property: opacity, top;
    transition-duration: 0.2s, 0.5s;
    transition-timing-function: ease-out;
}
div.nutrispol div.content div.fotky div.right{
    transform: translateX(-6%);

    top: -8%;
    opacity: 0;
    transition-property: opacity, top;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.3s;
}

div.nutrispol div.content.show div.fotky div.left, div.nutrispol div.content.show div.fotky div.right{
    top: 0%;
    opacity: 1;
}
div.nutrispol div.content.show div.fotky div.mid{
    top: 0%;
    opacity: 1;
}


div.nutrispol div.content div.fotky div img{
    object-fit: cover;
    width: 100%;
    min-height: calc(var(--nutriSpolWidth)*0.7*0.315*1.4);
}
div.nutrispol div.content div.fotky div.mid img{
    min-height: calc(var(--nutriSpolWidth)*0.7*0.37*1.4);
}





@media (max-aspect-ratio: 30/19){/*1500*950*/
    div.osobniCont{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        width: 100vw;
        overflow-x: hidden;
    }
    div.osobniContainer{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        overflow-x: hidden;
        height: auto;
        width: 100vw;
    }
    div.osobniCont.nutri{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100vh;
        width: 100vw;
        overflow-x: auto;
    }
    div.osobniContainer.nutri{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        overflow-x: visible;
        height: 100%;
        width: auto;
    }

    div.osobniUvod{
        height: clamp(50vw, 100vh, 120vw);/*90vw*/
        max-height: 100vh;
    }

    div.osobniCertifikaty div.content{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    div.osobniCertifikaty div.content div.fotka{
        margin-top: clamp(4.5vw, 6vh, 9vh);
        margin-bottom: clamp(4.5vw, 6vh, 9vh);
        margin-left: 0;
    }
    div.osobniCertifikaty div.content div.fotkaAnicka{
        margin-top: clamp(4.5vw, 6vh, 9vh);
        margin-bottom: clamp(5vw, 7vh, 10vh);
        margin-left: 0;
    }
    div.osobniCertifikaty div.content div.fotkaAnicka h2{
        font-size: clamp(4.8vw, 10vh, 15vw);
        margin-top: 0;
        margin-bottom: clamp(3vw, 3vh, 6vh);
    }

    div.osobniDalsiFotky div.content{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    div.osobniDalsiFotky div.content div.nadpisDalsiFotky{
        margin-top: clamp(4.5vw, 6vh, 9vh);
        margin-bottom: 0;
        margin-left: 0;
    }
    div.osobniDalsiFotky div.content div.nadpisDalsiFotky h2{
        font-size: clamp(4.8vw, 10vh, 15vw);
        margin-top: 0;
        margin-bottom: clamp(1vw, 2vh, 2vh);
    }

    div.sliderContainer{
        margin-bottom: clamp(3vw, 6vh, 6vh);
    }


}

@media (max-aspect-ratio: 21/19){/*1050*950*/
    div.osobniUvod div.info{
        padding: clamp(1.5vw, 3vh, 6vw);
        padding-left: clamp(2vw, 4vh, 4vw);
    }
    
    div.osobniUvod div.info a.logo{
        height: clamp(9.5vw, 19vh, 19vw);
        margin-left: 0;
        margin-top: clamp(0.25vw, 0.5vh, 1vw);
    }
    
    div.osobniUvod div.info h1{
        font-size: clamp(6vw, 12vh, 12vw);
        margin-top: clamp(2.5vw, 5vh, 9vw);
        margin-bottom: clamp(3vw, 6vh, 10vw);
    }
    div.osobniUvod div.info h1.anicka{
        margin-bottom: clamp(2.1vw, 5.5vh, 6vw);
    }
    
    div.osobniUvod div.info p{
        font-size: clamp(1.5vw, 3vh, 3.5vw);
        margin-bottom: clamp(3vw, 6vh, 10vw);
        margin-left: clamp(1vw, 2vh, 2vw);
        max-width: 35vw;
    }
    div.osobniUvod div.info p.anicka{
        font-size: clamp(1vw, 2.6vh, 3.2vw);
        margin-bottom: clamp(2vw, 5.2vh, 5.5vw);
        max-width: 30vw;
    }
    
    div.osobniUvod div.info ul{
        padding: clamp(1.5vw, 2.5vh, 3vw);
        padding-left: clamp(3vw, 6vh, 6vw);
        border-radius: clamp(2vw, 4vh, 4vw);
        max-width: 43vw;
    }
    div.osobniUvod div.info ul.anicka{
        border-radius: clamp(3vw, 6vh, 6vw);
        padding: clamp(0.5vw, 1vh, 1.2vw);
        padding-left: clamp(3.5vw, 7vh, 8vw);
        padding-right: clamp(4vw, 8vh, 8vw);
    }
    div.osobniUvod div.info ul li{
        font-size: clamp(1.4vw, 2.8vh, 2.9vw);
        margin-top: clamp(0.5vw, 1vh, 1vw);
        margin-bottom: clamp(0.5vw, 1vh, 1vw);
    }
    div.osobniUvod div.info ul.anicka li{
        font-size: clamp(1vw, 2vh, 2.8vw);
    }
    
    div.osobniUvod div.info a.inst{
        height: clamp(8.5vw, 17vh, 20vw);
        margin: clamp(1.2vw, 2.4vh, 1.5vw);
    }

    div.osobniUvod div.info p.anickaAdditional{
        font-size: clamp(1.2vw, 2.2vh, 2.7vw);
        margin-top: clamp(1.5vw, 4vh, 6vw);
        max-width: 43vw;
        margin-left: clamp(1vw, 2vh, 2vw);
    }
    
}

@media (max-aspect-ratio: 24/19){
    div.osobniCont.nutri{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        width: 100vw;
        overflow-x: hidden;
    }
    div.osobniContainer.nutri{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        overflow-x: hidden;
        height: auto;
        width: 100vw;
    }


    a.home{
        position: absolute;
    }
    div.motto{
        position: absolute;
        top: clamp(1.25vw, 2.5vh, 2.5vh);
        left: clamp(10vw, 13vh, 20vh);
        font-size: clamp(1vw, 2vh, 2vh);
        width: clamp(20vw, 25vh, 40vh);
    }
    
    a.arrowH{
        display: none;
    }

    div.nutrispol{
        height: clamp(50vw, 100vh, 100vh);
        max-height: 100vh;
    }
    div.nutrispol.prvni{
        /*background-color: var(--Pozadi);*/
        background: linear-gradient(to bottom, var(--Pozadi) 50%, var(--Pozadi3) 150%);
    }
    div.nutrispol.druhy{
        /*background-color: var(--Pozadi3);*/
        background: linear-gradient(to bottom, var(--Pozadi) -50%, var(--Pozadi3) 50%, var(--Pozadi3) 50%, var(--DarkPozadi) 150%);
    }
    div.nutrispol.treti{
        /*background-color: var(--DarkPozadi);*/
        background: linear-gradient(to bottom, var(--Pozadi3) -50%, var(--DarkPozadi) 50%);
    }
    div.nutrispol div.content h2{
        font-size: clamp(3vw, 5.25vh, 6vh);
        margin-top: clamp(3vw, 4vh, 6vh);
        margin-bottom: clamp(1vw, 3.5vh, 3.5vh);
        width: calc(clamp(65vw, 130vh, 100vw)*0.9);
    }
    div.nutrispol div.content h2.smaller{
        font-size: clamp(3vw, 3.8vh, 6vh);
        margin-top: clamp(3vw, 3vh, 6vh);
        margin-bottom: clamp(1vw, 4vh, 4vh);
    }
    div.nutrispol div.content h4{
        font-size: clamp(1.9vw, 3.5vh, 3.8vh);
        margin-top: clamp(2.25vw, 4.5vh, 4.5vh);
    }
    div.nutrispol div.content p{
        font-size: clamp(1.25vw, 2.3vh, 2.5vh);
        width: calc(clamp(65vw, 130vh, 100vw)*0.8);
        margin-bottom: clamp(1.5vw, 4.5vh, 4.5vh);
    }
}


@media (min-width: 1200px){
    div.osobniUvod div.info a.logo:hover img{
        filter: drop-shadow(0 0 clamp(0.6vw, 1.2vh, 1.2vh) var(--Text));
    }
    div.sliderContainer a.arrow:hover img{
        opacity: 0.6;
    }

    a.home:hover img{
        filter: drop-shadow(0 0 clamp(0.4vw, 0.8vh, 0.8vh) var(--Text));
    }

    a.arrowH:hover{
        opacity: 0.6;
    }


    
}


div.certifikaceCont{
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: clamp(5vw, 10vh, 10vh);
    position: relative;
    background-color: var(--Pozadi);
}
div.certifikaceContainer{
    width: 80%;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: clamp(5vw, 10vh, 10vh);
}
div.certifikaceContainer h1{
    font-size: clamp(4vw, 6vh, 8vh);
    font-weight: 300;
    color: var(--Text);
    font-family: 'OswaldLocal';
    text-align: left;
    line-height: 1;
    margin-bottom: clamp(3vw, 4vh, 6vh);
    margin-left: clamp(1.5vw, 3vh, 2.5vw);
    display: block;
    margin-top: clamp(0.5vw, 1vh, 1vh);
}
div.certifikaceContainer div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-bottom: var(--Text) solid var(--borderWidth);
    width: 100%;
}
div.certifikaceContainer a{
    margin-left: clamp(1.5vw, 3vh, 2.5vw);
    margin-right: clamp(1.5vw, 3vh, 2.5vw);
    margin-bottom: clamp(3vw, 6vh, 7vw);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: clamp(20vw, 40vh, 75vw);
    height: clamp(28.35vw, 56.7vh, 106.5vw);
    box-shadow: 0 0 calc(clamp(28.35vw, 56.7vh, 56.7vh)*0.04) #000000;
    transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
}
div.certifikaceContainer a img{
    object-fit: cover;
    width: 100%;
    min-height: 100%;
}


div.certifDetail{
    display: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 8;
    background-color: rgba(0, 0, 0, 0.7);
}
div.certifDetail.show{
    display: flex;
}
div.certifDetail div{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
div.certifDetail img.certifDetailImg{
    object-fit: contain;
    width: clamp(35vw, 70vh, 80vw);
    max-height: 85svh;
}
div.certifDetail a{
    position: absolute;
    height: clamp(2vw, 4vh, 4vh);
    right: 0;
    top: 0;
    transform: translate(calc(1 * clamp(0.5vw, 1vh, 1vh)), calc(-1 * clamp(2.5vw, 5vh, 5vh)));
    display: flex;
    justify-content: center;
    align-items: center;
} 
div.certifDetail a img{
    object-fit: contain;
    height: 100%;
} 

div.certifP{
    position: absolute;
    width: 1vw;
    height: 1vh;
    top: 15vh;
    left: 0;
}
a.nahoru{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: clamp(1vw, 2vh, 2vh);
    padding: clamp(0.75vw, 1.5vh, 1.5vh);
    border-radius: 50%;
    background-color: var(--Primary);
    opacity: 0;
    transition-property: opacity, background-color;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    margin-left: 0;
}
a.nahoru.show{
    opacity: 1;
    transition-duration: 0.3s;
}
a.nahoru img{
    object-fit: contain;
    height: clamp(1.5vw, 3vh, 3vh);
    width: clamp(1.5vw, 3vh, 3vh);
}
@media(orientation: portrait){
    /*a.nahoru{
        display: none;
    }*/

    a.nahoru{
        margin: clamp(1vw, 0.5vh, 2vh);
        padding: clamp(0.75vw, 1vh, 1.5vh);
        margin-left: 0;
    }
    a.nahoru img{
        height: clamp(1.5vw, 1.75vh, 3vh);
        width: clamp(1.5vw, 1.75vh, 3vh);
    }
}
@media (min-width: 1200px){
    a.nahoru:hover{
        background-color: #eb006d;
    }
    div.certifikaceContainer a:hover{
        box-shadow: 0 0 calc(clamp(28.35vw, 56.7vh, 56.7vh)*0.06) var(--Primary);
        transition-timing-function: ease-out;
        transition-duration: 0.3s;
    }
}



div.zapati{
    width: 100vw;
    background-color: var(--DarkPozadi);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: var(--Text);
}
div.zapati div.content{
    width: 85%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: clamp(3.5vw, 7vh, 7vh);
    padding-bottom: clamp(3vw, 6vh, 6vh);
}

div.kontakt{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
div.kontakt h4{
    font-size: clamp(2.4vw, 4.8vh, 4.8vh);
    padding-bottom: clamp(0.4vw, 0.8vh, 0.8vh);
}
div.kontakt div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: clamp(0.75vw, 1.5vh, 1.5vh);
    padding-bottom: clamp(0.75vw, 1.5vh, 1.5vh);
    padding-left: clamp(0.5vw, 1vh, 1vh);
}
div.kontakt div img{
    object-fit: contain;
    width: clamp(1.6vw, 3.2vh, 3.2vh);
}
div.kontakt div p{
    font-size: clamp(1.2vw, 2.2vh, 2.4vh);
    padding-left: clamp(1vw, 2vh, 2vh);
    color: var(--Primary);
    font-weight: 500;
}
div.kontakt div a{
    text-decoration: none;
    color: var(--Text);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

div.pravni{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: clamp(3vw, 6vh, 7vh);
    padding-bottom: clamp(3vw, 1vh, 6vh);
}
div.pravni a{
    text-decoration: none;
    font-size: clamp(1.2vw, 2.4vh, 2.4vh);
    color: var(--Text);
    margin-top: clamp(0.75vw, 1.5vh, 1.5vh);
    margin-bottom: clamp(0.75vw, 1.5vh, 1.5vh);
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

div.autor{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
div.autor a{
    text-decoration: none;
    width: 65%;
    text-align: center;
    color: var(--Text);
    border-top: var(--Text) solid var(--borderWidth);
    font-size: clamp(1.2vw, 2.2vh, 2.4vh);
    padding-top: clamp(1vw, 2vh, 2vh);
    padding-bottom: clamp(1vw, 2vh, 2vh);
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

@media (max-aspect-ratio: 22/19){
    div.zapati div.content{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (min-width: 1200px){
    div.pravni a:hover{
        color: var(--Primary);
    }
    div.autor a:hover{
        color: var(--Primary);
    }
}



div.sluzby{
    width: 100vw;
    min-height: 100vh;
    background-color: var(--Pozadi);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div.sluzby h1{
    font-size: clamp(3vw, 6vh, 6vh);
    font-weight: 700;
    color: var(--Text);
    text-align: left;
    margin-bottom: clamp(5vw, 10vh, 10vh);
    margin-left: clamp(1.5vw, 3vh, 3vh);
    margin-right: clamp(1.5vw, 3vh, 3vh);
}
div.sluzbyContent{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(70vw + 20vw);
    margin-bottom: clamp(2vw, 4vh, 4vh);
}
div.sluzbyMezi{
    width: calc(19vw * var(--SluzbyVar));
    height: clamp(1vw, 2vh, 2vh);
}
a.sluzbyItem{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: clamp(30vw, 60vh, 60vh);
    width: clamp(24vw, 48vh, 80vw);
    margin-left: 0.25vw;
    margin-right: 0.25vw;
    background-color: var(--Pozadi);
    border-color: var(--Text);
    border-width: var(--borderWidth);
    border-style: solid;
    border-radius: clamp(1.2vw, 2.4vh, 2.4vh);
    text-decoration: none;
    box-shadow: 0 0 calc(clamp(30vw, 60vh, 60vh)*0.1) #130613;
    transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    z-index: 3;
}
a.sluzbyItem:active{
    box-shadow: 0 0 calc(clamp(30vw, 60vh, 60vh)*0.14) var(--Primary);
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    z-index: 2;
}
a.sluzbyItem img{
    object-fit: contain;
    height: clamp(13vw, 26vh, 26vh);
    max-width: 80%;
    margin-bottom: clamp(3vw, 6vh, 6vh);
    margin-top: clamp(1vw, 2vh, 2vh);
}
a.sluzbyItem h3{
    font-size: clamp(2.5vw, 5vh, 5vh);
    font-weight: 600;
    color: var(--Text);
    text-decoration: none;
    letter-spacing: clamp(0.1vw, 0.2vh, 0.2vh);
    line-height: 1.4;
    text-align: center;
    margin: clamp(1vw, 2vh, 2vh);
    margin-top: 0;
}

@media (max-aspect-ratio: 133/100){/*1275*950*/
    div.sluzby h1{
        font-size: clamp(3vw, 4.5vh, 6vh);
        margin-top: clamp(3.5vw, 7vh, 7vh);
        margin-bottom: clamp(3.5vw, 7vh, 7vh);
    }
    div.sluzbyMezi{
        width: clamp(1vw, 2vh, 2vh);
        height: clamp(4vw, 8vh, 8vh);
    }
    div.sluzbyContent{
        flex-direction: column;
        margin-bottom: clamp(4.5vw, 9vh, 9vh);
    }

    a.sluzbyItem{
        height: clamp(30vw, 50vh, 60vh);
        border-radius: clamp(1.2vw, 2.4vh, 2.4vh);
        box-shadow: 0 0 calc(clamp(30vw, 50vh, 60vh)*0.07) #130613;
    }
    a.sluzbyItem:active{
        box-shadow: 0 0 calc(clamp(30vw, 50vh, 60vh)*0.10) var(--Primary);
    }
    a.sluzbyItem img{
        height: clamp(13vw, 20vh, 26vh);
        max-width: 80%;
        margin-bottom: clamp(3vw, 4vh, 6vh);
        margin-top: clamp(1vw, 2vh, 2vh);
    }
    a.sluzbyItem h3{
        font-size: clamp(2.5vw, 4vh, 5vh);
        letter-spacing: clamp(0.1vw, 0.2vh, 0.2vh);
        margin: clamp(1vw, 2vh, 2vh);
        margin-top: 0;
    }
}

@media (min-width: 1200px){
    a.sluzbyItem:hover{
        box-shadow: 0 0 calc(clamp(30vw, 60vh, 60vh)*0.14) var(--Primary);
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        z-index: 2;
    }
}


div.textContainer{
    width: 100vw;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: clamp(5vw, 10vh, 10vh);
}

div.textContent{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: clamp(60vw, 120vh, 85vw);
    color: var(--Text);
    margin-bottom: clamp(5vw, 10vh, 10vh);
}
div.textContent h1{
    width: 100%;
    text-align: center;
    font-size: clamp(3.5vw, 6vh, 7vh);
    margin-top: clamp(5vw, 10vh, 10vh);
    margin-bottom: clamp(3.5vw, 7vh, 7vh);
    font-weight: 700;
}
div.textContent h2{
    width: 100%;
    text-align: left;
    font-size: clamp(2vw, 3.5vh, 4vh);
    font-weight: 600;
}
div.textContent p{
    width: 100%;
    text-align: left;
    font-size: clamp(1.2vw, 2.4vh, 2.4vh);
    font-weight: 400;
}
div.textContent p strong{
    font-weight: 700;
}
div.textContent a{
    color: var(--Text);
}


div.treninkContainer{
    position: relative;
    width: 100vw;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: clamp(5vw, 10vh, 10vh);
    
    background: linear-gradient(to right, #af1f64  -80%, var(--Dark) 75%);

    padding-left: clamp(2vw, 3vh, 4vh);
    padding-right: clamp(2vw, 3vh, 4vh);
}

div.treninkContainer div.treninkContent{
    width: clamp(60vw, 80vh, 90vw);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    margin-top: clamp(5vw, 10vh, 10vh);
}
div.treninkContainer div.treninkContent h1{
    font-size: clamp(3.5vw, 4.3vh, 7vh);
    color: var(--Text);
    font-family: "PTSerifLocal";
    letter-spacing: clamp(0.5vw, 1vh, 1vh);
    
    position: relative;
    z-index: 1;
}
div.treninkContainer div.treninkContent p.treninkSmall{
    font-size: clamp(1.1vw, 1.8vh, 2.2vh);
    color: var(--Text);
    letter-spacing: clamp(0.3vw, 0.6vh, 0.6vh);
    margin-top: clamp(1.5vw, 3vh, 3vh);
    font-weight: 300;
    position: relative;
    z-index: 1;
}
div.treninkContainer div.treninkContent div.treninkCara{
    height: var(--borderWidth);
    width: clamp(30vw, 60vh, 80vw);
    background-color: var(--DarkPozadi);
    margin-top: clamp(1vw, 2vh, 2vh);
    transform: translateX(calc(-1*clamp(0.5vw, 1vh, 1vh)));
    position: relative;
    z-index: 1;
}

div.treninkContainer div.treninkContent div.treninkKontakt{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: clamp(0.5vw, 1vh, 1vh);
}

div.treninkContainer div.treninkContent div.treninkKontakt div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: clamp(0.75vw, 1.5vh, 1.5vh);
    padding-bottom: clamp(0.75vw, 1.5vh, 1.5vh);
}
div.treninkContainer div.treninkContent div.treninkKontakt div img{
    object-fit: contain;
    width: clamp(1.7vw, 3.4vh, 3.4vh);
}
div.treninkContainer div.treninkContent div.treninkKontakt div p{
    font-size: clamp(1.5vw, 2vh, 3vh);
    padding-left: clamp(1vw, 2vh, 2vh);
    color: var(--Text);
    font-weight: 400;
}
div.treninkContainer div.treninkContent div.treninkKontakt div a{
    text-decoration: none;
    color: var(--Text);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

div.treninkContainer div.lineDiv{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    transform: translateX(calc(-1*clamp(1vw, 2vh, 2vh)));
    margin-top: clamp(3vw, 4vh, 6vh);
}
div.treninkContainer div.lineDiv p.treninkBigger{
    font-size: clamp(1.3vw, 2.1vh, 2.4vh);
    padding-left: clamp(1vw, 2vh, 2vh);
    color: var(--Text);
    font-weight: 500;
    margin-right: clamp(0.75vw, 1.5vh, 1.5vh);
    margin-top: clamp(1vw, 1.5vh, 2vh);
    margin-bottom: clamp(1vw, 1.5vh, 2vh);
}

div.treninkContainer div.treninkContent #korunka{
    position: absolute;
    top: calc(-1*clamp(4.5vw, 7vh, 9vh));
    left: calc(-1*clamp(3.5vw, 2vh, 7vh));
    height: clamp(10.5vw, 15vh, 21vh);
    z-index: 0;
    object-fit: contain;
}
div.treninkContainer div.treninkContent #podpis{
    position: absolute;
    bottom: 10%;
    right: clamp(2vw, 4vh, 4vh);
    height: clamp(10vw, 20vh, 20vh);
    object-fit: contain;
}


div.treninkContainer div.treninkFotka{
    margin-top: clamp(1vw, 4vh, 4vh);
    margin-bottom: clamp(1vw, 4vh, 4vh);
    height: clamp(30vw, 80vh, calc(85vw/0.5625));
}
div.treninkContainer div.treninkFotka img{
    object-fit: contain;
    height: 100%;
    max-width: 85vw;
}

@media (max-aspect-ratio: 3/2){
    div.treninkContainer div.treninkContent #podpis{
        display: none;
    }
}




/*div.treninkContent{
    height: 100%;
    width: clamp(65vw, 130vh, 100vw);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
div.treninkContainer img.ilustrace{
    object-fit: contain;
    width: clamp(30vw, 50vh, 60vh);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-25%, -25%);
    opacity: 0.45;
}

div.treninkInfo{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: clamp(30vw, 70vh, 100vw);
    padding-left: clamp(4vw, 5vh, 8vh);
}
div.treninkInfo a.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    height: clamp(5vw, 12vh, 12vh);
    
    margin-top: clamp(1.5vw, 4vh, 4vh);
}
div.treninkInfo a.logo img{
    object-fit: contain;
    height: 100%;
    transition-property: filter;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    filter: drop-shadow(0 0 clamp(0, 0, 0) var(--Text));
}
div.treninkInfo h1{
    text-align: left;
    font-size: clamp(2.5vw, 6vh, 6vh);
    margin-top: clamp(2vw, 4vh, 4vh);
    margin-bottom: clamp(2vw, 5vh, 5vh);
    font-weight: 700;
    color: var(--Text);
}
div.treninkInfo div.cara{
    width: 60%;
    background-color: var(--Text);
    height: var(--borderWidth);
    margin-left: clamp(1vw, 2vh, 2vh);
    margin-bottom: clamp(3vw, 6vh, 6vh);
}
div.treninkInfo div.item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: clamp(2.5vw, 4vh, 5vh);
    width: 88%;
}
div.treninkInfo div.item img{
    object-fit: contain;
    height: clamp(2vw, 5vh, 5vh);
    margin-right: clamp(1.8vw, 3.6vh, 3.6vh);
}
div.treninkInfo div.item p{
    display: block;
    text-align: left;
    color: var(--Text);
    font-weight: 700;
    font-size: clamp(1.35vw, 2.6vh, 2.7vh);
}

div.treninkInfo p.dolniText{
    text-align: left;
    display: block;
    color: var(--Text);
    font-weight: 700;
    font-size: clamp(1.2vw, 2.7vh, 2.7vh);
    margin-top: clamp(1vw, 2.6vh, 2.6vh);
    width: 90%;
}
div.treninkInfo p.dolniText span{
    color: var(--Kacka);
}


div.treninkImg{
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: clamp(30vw, 70vh, 100vw);
    height: 100vh;
    clip-path: polygon(0% 100%, 20% 0%, 100% 0%, 100% 100%);
}
div.treninkImg img{
    object-fit: cover;
    width: 100%;
    min-height: 100%;
}
div.treninkImg p{
    position: absolute;
    width: 100%;
    display: block;
    text-align: left;
    color: var(--DarkPozadi);
    background-color: var(--Text);
    font-weight: 700;
    z-index: 3;
}
div.treninkImg p.horni{
    top: 0;
    padding-top: clamp(1vw, 2.8vh, 2.8vh);
    padding-bottom: clamp(1vw, 2.8vh, 2.8vh);
    padding-left: clamp(7.6vw, 15.2vh, 15.2vh);
    font-size: clamp(1vw, 2.5vh, 2.5vh);
}
div.treninkImg p.dolni{
    bottom: 0;
    padding-top: clamp(2vw, 5.6vh, 5.6vh);
    padding-bottom: clamp(2vw, 5.6vh, 5.6vh);
    padding-left: clamp(2.1vw, 4.2vh, 4.2vh);
    font-size: clamp(1.5vw, 3.4vh, 3.4vh);
}


@media (max-aspect-ratio: 58/45){
    div.treninkContainer{
        height: auto;
    }
    div.treninkInfo{
        width: 100%;
        height: auto;
        padding-right: 0;
        padding-left: clamp(4vw, 3vh, 8vh);
    }

    div.treninkInfo h1{
        font-size: clamp(2.5vw, 5vh, 6vh);
        margin-top: clamp(2vw, 4vh, 4vh);
        margin-bottom: clamp(2vw, 4vh, 5vh);
    }
    div.treninkInfo div.cara{
        width: 80%;
        background-color: var(--Text);
        height: var(--borderWidth);
        margin-left: clamp(1vw, 1vh, 2vh);
        margin-bottom: clamp(2vw, 5vh, 5vh);
    }

    div.treninkInfo div.item{
        margin-bottom: clamp(1.5vw, 4vh, 4vh);
        width: 85%;
    }
    div.treninkInfo div.item img{
        height: clamp(2vw, 4vh, 5vh);
        margin-right: clamp(1.8vw, 3vh, 3.6vh);
    }
    div.treninkInfo div.item p{
        font-size: clamp(1.1vw, 2.4vh, 2.6vh);
    }
    
    div.treninkInfo p.dolniText{
        text-align: left;
        display: block;
        color: var(--Text);
        font-weight: 700;
        font-size: clamp(1.2vw, 2.5vh, 2.7vh);
        margin-top: clamp(1vw, 2.1vh, 2.6vh);
        width: 85%;
    }


    div.treninkImg{
        position: relative;
        clip-path: none;
        height: clamp(75vw, 80vh, 100vh);
        margin-top: clamp(3vw, 4vh, 6vh);
        overflow: visible;
    }
    div.treninkImg img{
        clip-path: polygon(0% 100%, clamp(1vh, 12vw, 10vh) 0%, 100% 0%, clamp(1vh, 85vw, 59.5vh) 100%);
    }

    div.treninkImg p.horni{
        padding-top: clamp(1vw, 2vh, 2.8vh);
        padding-bottom: clamp(1vw, 2vh, 2.8vh);
        padding-left: clamp(1vw, 2vh, 2vh);
        padding-right: clamp(1vw, 2vh, 2vh);
        font-size: clamp(1vw, 2vh, 2.5vh);
        width: 100vw;
    }
    div.treninkImg p.dolni{
        padding-top: clamp(2vw, 4vh, 5.6vh);
        padding-bottom: clamp(2vw, 4vh, 5.6vh);
        padding-left: clamp(1vw, 2vh, 2vh);
        padding-right: clamp(1vw, 2vh, 2vh);
        font-size: clamp(1.5vw, 2.2vh, 3.4vh);
        width: 100vw;
    }
}

@media (min-width: 1200px){
    div.treninkInfo a.logo:hover img{
        filter: drop-shadow(0 0 clamp(0.6vw, 1.2vh, 1.2vh) var(--Text));
    }
}

div.treninkInfo a.logo:active img{
    filter: drop-shadow(0 0 clamp(0.6vw, 1.2vh, 1.2vh) var(--Text));
    transition-duration: 0.1s;
}*/