/*sanitize_css*/ *,::before,::after{box-sizing:border-box;background-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:600}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(img,input,video,select,textarea){height:auto;max-width:100%}iframe{max-width:100%}img[style*="height"]{height:auto !important;}:where(button,input,select,textarea){background-color:transparent;border:1px solid #fff;color:inherit;font:inherit;letter-spacing:inherit;padding:.25em .375em}:where(select){appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;border-radius:0;padding-right:1em}:where(select[multiple]){background-image:none}:where([type="color" i],[type="range" i]){border-width:0;padding:0} /*sanitize_css_end*/ /*500|1400*/ :root{ color-scheme: only light; --mp0:0;--mp1:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem);--mp2:clamp(0.25rem, 0.15rem + 0.4vw, 0.5rem);--mp3:clamp(0.375rem, 0.225rem + 0.6vw, 0.75rem);--mp4:clamp(0.5rem, 0.3rem + 0.8vw, 1rem);--mp5:clamp(0.625rem, 0.375rem + 1vw, 1.25rem);--mp6:clamp(0.75rem, 0.45rem + 1.2vw, 1.5rem);--mp7:clamp(0.875rem, 0.525rem + 1.4vw, 1.75rem);--mp8:clamp(1rem, 0.6rem + 1.6vw, 2rem);--mp9:clamp(1.125rem, 0.675rem + 1.8vw, 2.25rem);--mp10:clamp(1.25rem, 0.75rem + 2vw, 2.5rem);--mp11:clamp(1.375rem, 0.825rem + 2.2vw, 2.75rem);--mp12:clamp(1.5rem, 0.9rem + 2.4vw, 3rem);--mp13:clamp(1.625rem, 0.975rem + 2.6vw, 3.25rem);--mp14:clamp(1.75rem, 1.05rem + 2.8vw, 3.5rem);--mp15:clamp(1.875rem, 1.125rem + 3vw, 3.75rem);--mp16:clamp(2rem, 1.2rem + 3.2vw, 4rem);--mp17:clamp(2.125rem, 1.275rem + 3.4vw, 4.25rem);--mp18:clamp(2.25rem, 1.35rem + 3.6vw, 4.5rem);--mp19:clamp(2.375rem, 1.425rem + 3.8vw, 4.75rem);--mp20:clamp(2.5rem, 1.5rem + 4vw, 5rem);--mp21:clamp(2.625rem, 1.575rem + 4.2vw, 5.25rem);--mp22:clamp(2.75rem, 1.65rem + 4.4vw, 5.5rem);--mp23:clamp(2.875rem, 1.725rem + 4.6vw, 5.75rem);--mp24:clamp(3rem, 1.8rem + 4.8vw, 6rem); --odaszeni: 0.75rem; --Maxsirka: calc(1560px + (var(--odaszeni)*2)); --MaxsirkaObsahu: calc(1560px + (var(--odaszeni)*2)); --maxSirkaLayoutu: 1200px; --animace:all ease-in-out 0.3s; --barvafff:#fff; --barva000:#000; --barva01:#ed1f24; --barva02:#ff0000; --barva03:#0000ff; --gridOdsazeni : calc((100vw - var(--MaxsirkaObsahu))/2); --grid-template-comuns: [full-start] var(--gridOdsazeni) [obsah-start] repeat(3,1fr) [left] repeat(3,1fr) [stred] repeat(3,1fr) [right] repeat(3,1fr) [obsah-end] var(--gridOdsazeni) [full-end]; --lrOdsazeni: clamp(1.25rem, -0.8333rem + 6.6667vw, 5rem); --pbOdsazeni: clamp(1.88rem, -1.9367rem + 12.2133vw, 8.75rem);/*8.75rem;*/ --bg-left-blue: linear-gradient(90deg,rgba(0, 0, 255, 0.25) 0%, rgba(0, 0, 255, 1) 100%); --bg-left-red: linear-gradient(90deg,rgba(255, 0, 0, 0.25) 0%, rgba(255, 0, 0, 1) 100%); --bg-right-blue: linear-gradient(90deg,rgba(0, 0, 255, 1) 0%, rgba(0, 0, 255, 0.25) 100%); --bg-right-red: linear-gradient(90deg,rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 0.25) 100%); --nadpis-size-sekce-LR: clamp(1.75rem, -0.3333rem + 6.6667vw, 5.5rem); --nadpis-line-sekce-LR: 0.9em; } #Container,#topBanner,#centerC,#bottom{display:grid;} body.myBody{color-scheme: only light;overflow-x: hidden;} html,body.myBody,#body2,#ContainerC{width:100%;height:100%;} html.noborder,.noborder body.myBody,.noborder #body2,.noborder #ContainerC{height:auto;} body.myBody{min-width:320px;background-color: var(--barva000);color: var(--barvafff);} #body2{} #ContainerC{} #Container{grid-template-rows: auto 1fr auto;grid-template-columns: 100%;text-align:left;min-height: 100vh;} #Container #topBannerC{grid-column: 1/-1;grid-row: 1;} #Container #centerC{grid-column: 1/-1;grid-row: 2;} #Container #bottomC{grid-column: 1/-1;grid-row: 3;} #Container:has( #slideShow){grid-template-rows: auto calc(100dvh - var(--hlavickaVyska,188px)) 1fr auto;} #Container:has( #slideShow) #slideShow{grid-column: 1/-1;grid-row: 2;} #Container:has( #slideShow) #centerC{grid-column: 1/-1;grid-row: 3;} #Container:has( #slideShow) #bottomC{grid-column: 1/-1;grid-row: 4;} .noborder #Container{grid-template-rows: auto;grid-template-areas:"centerC";min-height: auto;} :where(#topBanner,#bottom,#centerC.OnePage .content,#centerC.NOnePage #content,#actualPathInner,.logaPat,.BannerTextBox){width:100%;min-height:100%;max-width:var(--Maxsirka);margin:0 auto;padding:0 var(--odaszeni);} :where(#centerC.OnePage .content,#centerC.NOnePage #content,#actualPathInner){max-width:var(--MaxsirkaObsahu);} #centerC.NOnePage #content{min-height: auto} /* .text:has( :where(h1,h2,h3,h4,h5,h6,p,ul,ol)){max-width: 60ch;} */ input:not([type="button"],[type="reset"],[type="submit"],[type="radio"],[type="checkbox"]), select{min-height: 50px;} input:not([type="button"],[type="reset"],[type="submit"]):focus, select:focus,textarea:focus{outline:1px solid var(--barva02)} button, [type="button"], [type="reset"], [type="submit"]{cursor: pointer;background-color: var(--barva02);border:1px solid var(--barva02);padding:0.25rem 1.5rem;color:#fff;transition:var(--animace);} button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover{background:var(--barva03);color:#fff;} .tl,a.tl{--tlcolor:var(--barva02);display: inline-block;text-decoration: none;background-color: #fff;color: var(--tlcolor);border:1px solid #fff;padding: 0.25rem 1.5rem;font-size: 1em;line-height: 1.15em; font-variant-caps: all-petite-caps;font-weight: 500;} /* .tl:hover,a.tl:hover{background-color:#fff;color:#5a5d5e;} */ .tl-modre,a.tl-modre{--tlcolor: #fff;border-color: var(--barva03);background-color: var(--barva03);} /* .tl-modre:hover,a.tl-modre:hover{} */ .tl-cervene,a.tl-cervene{--tlcolor: #fff;border-color: var(--barva02);background-color: var(--barva02);} /* .tl-cervene:hover,a.tl-cervene:hover{} */ .tl-sipky,a.tl-sipky{display: inline-flex;gap: clamp(0.5rem, 0.1429rem + 1.1429vw, 1.25rem);align-items: center;} .tl-sipky::before,a.tl-sipky::before{order: 1;content: '';display: block;width: 4px;height: 0.9em;background-color: var(--tlcolor);} .tl-sipky::after,a.tl-sipky::after{order: 2;content: '\0000BB \0000BB';line-height: 0.5em;font-weight: 300;} /*--HLAVICKA--*/ #topBannerC.fixedHead:not(.scrollUp) #topBanner{position: fixed;top: 0;z-index: 20;left: 0;right: 0;min-height: auto;--ptb:0.5rem} #topBannerC.fixedHead:not(.scrollUp) #topBanner::before{content: '';display: block;position: absolute;z-index: -1;top: 0;left: 0;width: 100vw;height: 100%;margin-left: calc(-1*((100vw - 100%)/2));background-color: #000;} #topBannerC{background-color: var(--barva000);border-bottom: 4px solid #fff;} #topBanner{grid-gap: 1rem;grid-template-columns: auto 1fr auto;--ptb:2.5rem;padding-top: var(--ptb);padding-bottom: var(--ptb);} /* #topBanner .slogan{grid-column: 2/3;grid-row: 1/2;} */ #topBanner #jazyky{grid-column: -2/-1;grid-row: 1;align-self: center;} #topBanner #logoC{grid-column: 1/2;grid-row: 1;} #topBanner #topNavigC,.HambNav{grid-column: 2/-2;grid-row: 1;align-self: center;} #topBanner #hidenavig{grid-column: 2/3;grid-row: 1/2;justify-self: end;align-self: center;margin: 0.5em 0;} #jazyky,#topNavig{font-size: clamp(2.5rem, 1.9444rem + 1.7778vw, 3.5rem);line-height: 1.15em;} /* font-size: clamp(1.375rem, 0.1944rem + 3.7778vw, 3.5rem); */ #jazyky{} #jazyky ul{list-style:none;margin:0;padding:0;display: flex;gap: 0.5rem;align-items: center;} #jazyky li{margin:0;padding:0;display: flex;gap: 0.5rem;align-items: center;font-variant-caps: all-petite-caps;} #jazyky ul::before, #jazyky li::before{content: '';display: block;background-color: var(--barva02);width: 6px;height: 1em;} #jazyky li a:hover{color: var(--barva01);} #jazyky li a{text-decoration: none;color: #fff;} #jazyky li:not(:has( a)){text-decoration: underline;} #logoC,#logoC h1,#logoC a{width: 105px;height: 65px;} #logoC{position:relative;background-repeat: no-repeat;background-size: contain;background-image: url('/images/logo.svg');} #logoC a{display: block;} #logoC span {position: absolute; left: -10000px; border: 0px;} #topNavigC{} #topNavig{} #topNavig ul{list-style:none;margin:0;padding:0;display:flex;} #topNavig li{margin:0;padding:0;} #topNavig a{text-decoration: none;color: #fff;} #topNavig span{display: block;} #topNavig > ul{justify-content: flex-end;gap: 0.5rem;align-items: center;} #topNavig > ul > li{} #topNavig > ul > li.odelovac{background-color: var(--barva02);width: 6px;min-width: 6px;height: 1em;} #topNavig > ul > li.actual,#topNavig > ul > li:hover{} #topNavig > ul > li > a{font-variant-caps: all-petite-caps;display: inline-block;} #topNavig > ul > li.actual > a,#topNavig > ul > li:hover > a, #topNavig > ul > li > a:hover,#topNavig > ul > li > a:active,#topNavig > ul > li > a:focus{text-decoration:none;color:var(--barva01);} #topNavig > ul > li ul{} #topNavig > ul > li:not(:hover) ul{display:none;} #topNavig > ul > li ul > li{} #topNavig > ul > li ul > li > a{} #topBanner:not(.hamburger) #hidenavig{display: none;} #topBanner.hamburger #topNavigC{align-self: end;grid-column: 1/-1;} #topBanner.hamburger #topNavig{width: auto;position: relative;z-index: 200;height: 100%;display: flex;align-items: center;justify-content: flex-end;} #topBanner.hamburger #topNavigC #topNavig:not(.active) ul{height: 0;overflow: hidden;padding: 0;margin: 0;align-items: center;} #topBanner.hamburger #topNavig > ul{height: auto;background: #000;position: absolute;top: 100%;right: 0;z-index: 230;flex-direction: column;align-items: stretch;padding: 0.5rem 0;} #topBanner.hamburger #topNavig.active > ul{gap: 0.5rem 0;} #topBanner.hamburger #topNavig.active > ul > li.odelovac{display: none;} #topBanner.hamburger #topNavig.active > ul > li > a{padding: 0 0.75rem;display: block;text-align: right;} #topBanner.hamburger #topNavig > ul > li ul{display: none;} #topBanner.hamburger #hidenavig{z-index: 2;} #hidenavig,#hidenavig span {display: inline-block;transition: all .4s;box-sizing: border-box;} #hidenavig {--w:40px;--h:30px;--s:4px;position: relative;width: var(--w);height: var(--h);background: none;border: none;appearance: none;cursor: pointer;} #hidenavig span {position: absolute;left: 0;width: 100%;height: var(--s);background: #fff;border-radius: 4px;} #hidenavig:hover span{background:var(--barva01);} #hidenavig span:nth-of-type(1) {top: 0;} #hidenavig span:nth-of-type(2) {top: calc(50% - var(--s)/2);} #hidenavig span:nth-of-type(3) {bottom: 0;} #hidenavig.active span{background:var(--barvafff);} #hidenavig.active span:nth-of-type(1) {transform: translateY(calc((var(--h)/2 - var(--s)/2))) rotate(-45deg);} #hidenavig.active span:nth-of-type(2) {opacity: 0;} #hidenavig.active span:nth-of-type(3) {transform: translateY(calc(-1*(var(--h)/2 - var(--s)/2))) rotate(45deg);} /*--OBSAH--*/ #centerC{grid-template-areas: "contentC" ;grid-template-columns: 100%;} #centerC #contentC{grid-area: contentC;} /*PozadiSekci*/ :where(#bottomC,#content) .pozadi-full,:where(#bottomC,#content) .pozadi .content{padding-top:0.75rem;padding-bottom:0.75rem;position:relative;} :where(#bottomC,#content) .pozadi[class*="pozadi-odsazeniY"] .content{padding-top:0;padding-bottom:0;} :where(#bottomC,#content) .pozadi > .content{position:relative;} :where(#bottomC,#content) .pozadi-full > .content:after,:where(#bottomC,#content) .pozadi > .content:after{content:'';display:block;height:100%;position:absolute;top:0;left:0;z-index:-1;} :where(#bottomC,#content) .pozadi > .content:after{width:calc(100% - (0.75rem*2));margin-left:0.75rem} :where(#bottomC,#content) .pozadi-full > .content:after{width:100vw;margin-left:calc(-1*(100vw - 100%)/2)} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-1 .content > div{padding-top:calc(1.25em*1);padding-bottom:calc(1.25em*1);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-2 .content > div{padding-top:calc(1.25em*2);padding-bottom:calc(1.25em*2);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-3 .content > div{padding-top:calc(1.25em*3);padding-bottom:calc(1.25em*3);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-4 .content > div{padding-top:calc(1.25em*4);padding-bottom:calc(1.25em*4);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-1 .content > div{padding-left:calc(1.25em*1);padding-right:calc(1.25em*1);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-2 .content > div{padding-left:calc(1.25em*2);padding-right:calc(1.25em*2);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-3 .content > div{padding-left:calc(1.25em*3);padding-right:calc(1.25em*3);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-4 .content > div{padding-left:calc(1.25em*4);padding-right:calc(1.25em*4);} .pozadi:not(.contentC){position: relative} .pozadi.pozadi-full:not(.contentC){padding-top: 0;padding-bottom: 0;} .pozadi:not(.contentC)::after{content:'';display:block;height:100%;position:absolute;top:0;left:0;z-index:-1;width:100%;} .pozadi.pozadi-full:not(.contentC)::after{width:100vw;margin-left: calc(-1*(100vw - 100%)/2);} /*barvy*/ :where(#bottomC,#content) .pozadi-full.pozadi-fff > .content:after,:where(#bottomC,#content) .pozadi.pozadi-fff > .content:after,.pozadi.pozadi-fff:not(.contentC)::after {background-color: #fff;} /*tableRespo*/ .tabDivBox.respo{--grid-layout-gap: 1em;--grid-column-count: 1;--grid-item--min-width: 250px;} .tabDivBox.respo .tdb-container{display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: 1.25em var(--grid-layout-gap);} .tabDivBox.respo .tdb-container .hiddenTD{display: none;} .tabDivBox.respo.rozdel2{--grid-column-count: 2;--grid-item--min-width: 300px;} .tabDivBox.respo.rozdel3{--grid-column-count: 3;--grid-item--min-width: 300px;} .tabDivBox.respo.rozdel4{--grid-column-count: 4;--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel5{--grid-column-count: 5;--grid-item--min-width: 200px;} .tabDivBox.respo.rozdel6{--grid-column-count: 6;--grid-item--min-width: 150px;} .tabDivBox.respo.rozdel7{--grid-column-count: 7;--grid-item--min-width: 150px;} .tabDivBox.respo.rozdel8{--grid-column-count: 8;--grid-item--min-width: 130px;} .tabDivBox.respo.rozdel9{--grid-column-count: 9;--grid-item--min-width: 110px;} .tabDivBox.respo.rozdel10{--grid-column-count: 10;--grid-item--min-width: 100px;} .tabDivBox.respo.rozdel11{--grid-column-count: 11;--grid-item--min-width: 90px;} .tabDivBox.respo.rozdel12{--grid-column-count: 12;--grid-item--min-width: 70px;} .tabDivBox.respo .tdb-content.tdb-col-max{grid-column: 1/-1;} .tabDivBox.respo .tdb-content.tdb-col1{grid-column-end: span 1;} .tabDivBox.respo .tdb-content.tdb-col2{grid-column-end: span 2;} .tabDivBox.respo .tdb-content.tdb-col3{grid-column-end: span 3;} .tabDivBox.respo .tdb-content.tdb-col4{grid-column-end: span 4;} .tabDivBox.respo .tdb-content.tdb-col5{grid-column-end: span 5;} .tabDivBox.respo .tdb-content.tdb-col6{grid-column-end: span 6;} .tabDivBox.respo .tdb-content.tdb-col7{grid-column-end: span 7;} .tabDivBox.respo .tdb-content.tdb-col8{grid-column-end: span 8;} .tabDivBox.respo .tdb-content.tdb-col9{grid-column-end: span 9;} .tabDivBox.respo .tdb-content.tdb-col10{grid-column-end: span 10;} .tabDivBox.respo .tdb-content.tdb-col11{grid-column-end: span 11;} .tabDivBox.respo .tdb-content.tdb-col12{grid-column-end: span 12;} .tabDivBox.respo:where(.colsMax1) .tdb-content.tdb-col1, .tabDivBox.respo:where(.colsMax1,.colsMax2) .tdb-content.tdb-col2, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3) .tdb-content.tdb-col3, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4) .tdb-content.tdb-col4, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5) .tdb-content.tdb-col5, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6) .tdb-content.tdb-col6, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7) .tdb-content.tdb-col7, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8) .tdb-content.tdb-col8, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9) .tdb-content.tdb-col9, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10) .tdb-content.tdb-col10, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10,.colsMax11) .tdb-content.tdb-col11, .tabDivBox.respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10,.colsMax11,.colsMax12) .tdb-content.tdb-col12 {grid-column: 1/-1;} .tabDivBox.respo.respo-stred{display: flex;justify-content: center;} .tabDivBox.respo.respo-leva{display: flex;justify-content: flex-start;} .tabDivBox.respo.respo-prava{display: flex;justify-content: flex-end;} .tabDivBox.respo:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: 100%;width: 100%;} @media only screen and (min-width:1125px) { .tabDivBox.respo:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(var(--grid-item--min-width)*var(--grid-column-count) + var(--grid-layout-gap)*var(--grid-column-count));} } @media only screen and (max-width:450px) { .tabDivBox.respo.rozdel2 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel3 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel4 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel5 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel6 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel7 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel8 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel9 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel10 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel11 .tdb-container{--grid-item--min-width: 250px;} .tabDivBox.respo.rozdel12 .tdb-container{--grid-item--min-width: 250px;} } /*nerozbitTable*/ #contentC .nerespotable{display: block;overflow-x: auto;overflow-y: hidden;padding: 0 0 .5em 0;width: 100%;} table.nerozbit{display:table !important}table.nerozbit tbody{display:table-row-group !important}table.nerozbit tr{display:table-row !important}table.nerozbit th,table.nerozbit td{display:table-cell !important} #contentC .nerespotable table.nerozbit.tabWAuto{width: auto !important;min-width: auto !important;} #contentC .nerespotable.divWmob{width: 320px !important;} /*rozbitTable*/ table.rozbit.MeasureWidth {width: auto !important;} /* table.rozbit.MeasureWidth td {white-space: nowrap;} */ table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky), table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > th, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > td{display:block;} table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > th, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > td{width: 100% !important;} /*tablePopisky*/ #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth), #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody, #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr, #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > th, #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > td{display:block;width:100%;} #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > td{display:flex;flex-wrap:wrap;padding-left:0;padding-right:0;} #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > td:before{content:attr(data-title)':';margin:0 0.5em 0 0;font-weight:600} #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr:first-child {display: none;} /*spojeni obsahu*/ #content .spojene .contentC .content{max-width: 100%;padding-left: 0;padding-right: 0;} /*tableRozcestnik*/ .tabDivBox.TabRozcestnik .tdb-container .tdb-content{display: grid;grid-template-columns: 100%;grid-template-rows: auto 1fr;border: 1px solid #000;border-radius: 20px;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content .tr-obrazek{grid-column: 1/-1;grid-row: 1;display: flex;justify-content: center;align-items: center;width: 100%;max-height: 360px;aspect-ratio: 23/36;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content .tr-nadpis{grid-column: 1/-1;grid-row: 2;border: 1px solid #000;border-radius: 20px;border-width: 1px 0px 0 0;font-size: 1.1em;font-weight: bold;transition: all ease-in-out 0.3s;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content .tr-anot{grid-column: 1/-1;grid-row: 3;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content .tr-odkaz{grid-column: 1/-1;grid-row: 1/-1;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content :where(.tr-obrazek,.tr-nadpis){padding: 0.75em 0.5em;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content .tr-obrazek img{height: 100% !important;object-fit: contain;max-height: 360px;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content .tr-nadpis *{margin: 0;padding: 0;text-decoration: none;color: inherit;font-size: inherit;line-height: 1.2em;font-weight: inherit;} .tabDivBox.TabRozcestnik .tdb-container .tdb-content:hover .tr-nadpis{color: #ce9a37;} /*--CESTA--*/ #actPathC {} #actPath{} #actualPathInnerC{margin:1rem 0;} #actualPathInner{font-style: italic;font-size:1em;} #actualPathInner h1{color:inherit;font-size: 1em;font-weight: normal;padding: 0;margin: 0;display: inline-block;} #actualPathInner a{color:inherit;text-decoration: none;} #actualPathInner a:hover{text-decoration: underline;} .actPath{padding:0} .HLH{display: none;} .HLH :where(h2,h3,h4,h5,h6){font-size:1.85rem;color:var(--barva01);} #ContainerC.layout-hlh:where(.layout-left, .layout-right, .layout-center) .HLH{display: block;grid-row: 2;} #ContainerC.layout-hlh.layout-left{grid-column: obsah-start/left;} /*--stred--*/ .pageNumbersC{grid-column: 1/-1;padding: 0;border: 0;min-height: auto;} .pageNumbersC .pageNumbers{padding: 0.25rem 0 0.75rem;} /*--levy sloupec--*/ #leftC{grid-area: leftC;} #left{padding-bottom: 10px;} #leftNavigC {padding:0px;position: relative;} #leftNavigC li {margin:0; padding:0;} #leftNavig h2 {display: none;} #leftNavigC a, #leftNavigC a:link{display: block;border-bottom: 1px solid #8e6a00;text-align: right;padding: 10px 10px 10px 0;color: #464646;text-decoration: none;} #leftNavig ul{margin:0;padding: 0;list-style: none;display: flex;flex-direction: column;} #leftNavig li.posledni a {border: 0;} #leftNavig li.actual a {font-weight: bold; color: #000;} #searchBlockC {position: relative;padding: 0.8em 0.5em;} #searchText {width: 100px;background: #fff;border: 1px solid #8e6a00;height: 18px;} #doSearch {border: 0;} .levaReklama {margin:10px 0;border:1px solid #b0ddce;padding:10px 15px;} /*--pravy sloupec--*/ #rightColumnC{grid-area: rightColumnC;} #rightColumn {padding-bottom:0px;} #rightColumn p {padding: 7px 10px; margin: 0;} #rightColumn h3 {padding: 3px 0 0 10px; height: 23px; font-size: 1em; color: #fff; font-weight: bold; margin: 0;} #rightColumn table {width: 178px;} /*--PATICKA--*/ #bottomC{background-color: var(--barva000);border-top: 4px solid #fff;} #bottom{grid-template-columns: 100%;grid-gap: 1em;font-size: 0.9em;} .logaPat{} .logaPat .tabDivBox{padding: 2rem 0;} .logaPat .tabDivBox .tdb-container{display: flex;flex-wrap: wrap;gap: 2rem 4rem;justify-content: center;align-items: center;} .logaPat .tabDivBox .tdb-container .tdb-content{} .logaPat .tabDivBox .tdb-container .tdb-content img{max-width: 145px;max-height: 90px;} .patickaO{display: grid;grid-template-columns: repeat(3,1fr);grid-template-rows: repeat(4,auto) 1fr;color: #fff;} .patickaO a{color: inherit;text-decoration: underline;} .patickaO #copTopNav{grid-column: 1;grid-row: 1/3;} .patickaO #copTopJaz{grid-column: 1;grid-row: 2;display: none;} .patickaO #bottomNavig{grid-column: 1;grid-row: 3;} .patickaO .patKontakt{grid-column: 2;grid-row: 1/-2;} .patickaO .PatSocial{grid-column: -2;grid-row: 1;} .patickaO .PatCards{grid-column: -2;grid-row: 2/3;} .patickaO #copyright2{grid-column: 1/-1;grid-row: -2;justify-self: center;} .patickaO .PatSocial .tdb-container{display: grid;grid-template-columns: repeat(3,auto);gap: 1rem;justify-content: center;} .patickaO .PatCards .tdb-container{display: grid;grid-template-columns: repeat(2,auto);gap: 1rem;justify-content: center;} .patickaO .PatCards .tdb-container .tdb-nth3{grid-column: 1/-1;} :where(#bottomNavig,#copTopNav){align-self: start;font-size: 1.75rem;line-height: 1em;font-size: 2.5rem;} :where(#bottomNavig,#copTopNav) ul{list-style: none;margin: 0;display: flex;flex-direction: column;justify-content: space-around;flex-wrap: wrap;gap: 0.35rem;} :where(#bottomNavig,#copTopNav) li{display: flex;gap: 0.5rem;align-items: center;} :where(#bottomNavig,#copTopNav) li::before{content: '';display: block;width: 4px;height: 1em;background: var(--barva02);} :where(#bottomNavig,#copTopNav) li a{} :where(#bottomNavig,#copTopNav) a, :where(#bottomNavig,#copTopNav) a:visited, :where(#bottomNavig,#copTopNav) a:link{color:#fff;text-decoration: none;font-variant-caps: all-petite-caps;} :where(#bottomNavig,#copTopNav) a:hover, :where(#bottomNavig,#copTopNav) a:active, :where(#bottomNavig,#copTopNav) a:focus{text-decoration: none;color:#fff;} #copyright2{color: #fff;text-align: center;display: flex;align-items: center;gap: 1rem;margin: 1rem 0 0;} #copyright2::before{content: '';display: block;width: 30px;height: 30px;background-repeat: no-repeat;background-size: contain;background-image: url('/images/anawe-logo-bila-small.png');} @media only screen and (max-width: 850px) and (min-width: 521px) { .patickaO{grid-template-columns: 1fr 1fr;grid-template-rows: repeat(4,auto) 1fr;} .patickaO #copTopNav{grid-column: 1;grid-row: 1;} .patickaO #copTopJaz{} .patickaO #bottomNavig{grid-column: 1;grid-row: 2;} .patickaO .patKontakt{grid-column: 2;grid-row: 1/4;margin-bottom: 1rem;} .patickaO .PatSocial{grid-column: 1;grid-row: 4;} .patickaO .PatCards{grid-column: 2;grid-row: 4;} .patickaO #copyright2{grid-column: 1/-1;grid-row: 5;} } @media only screen and (max-width: 520px) { .patickaO{grid-template-columns: 100%;grid-template-rows: repeat(7,auto);gap: 1rem;} .patickaO #copTopNav{grid-column: 1/-1;grid-row: 1;} .patickaO #copTopJaz{grid-column: 1/-1;grid-row: 2;} .patickaO #bottomNavig{grid-column: 1/-1;grid-row: 3;} .patickaO .patKontakt{grid-column: 1/-1;grid-row: 4;} .patickaO .PatSocial{grid-column: 1/-1;grid-row: 5;margin: 1.5rem 0;} .patickaO .PatCards{grid-column: 1/-1;grid-row: 6;} .patickaO #copyright2{grid-column: 1/-1;grid-row: 7;} .logaPat .tabDivBox .tdb-container{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;justify-items: center;} .logaPat .tabDivBox .tdb-container .tdb-content img{max-width: 100%;max-height: 50px;} .patickaO .PatSocial .tdb-container{display: flex;justify-content: center;flex-wrap: wrap;} .patickaO .PatCards .tdb-container{display: flex;justify-content: center;flex-wrap: wrap;} } /*divApky*/ .HP .AppAktL{--grid-column-count: 2;} .AppAktL{--grid-layout-gap: clamp(1.25rem, -0.8333rem + 6.6667vw, 5rem); --grid-column-count: 4;--grid-item--min-width: 250px;display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: var(--grid-layout-gap);} .AppAktL .clanek{display: grid;grid-template-rows: subgrid;grid-row: span 4;gap: 0.75rem;background: #fff;padding: clamp(0.75rem, 0.1944rem + 1.7778vw, 1.75rem);color: #000;} .AppAktL .clanek a{text-decoration: none;} .AppAktL .clanek .c-foto{grid-column: 1/-1;grid-row: 1;} .AppAktL .clanek .c-nadpis{grid-column: 1/-1;grid-row: 2;} .AppAktL .clanek .c-nadpis a{color: inherit;} .AppAktL .clanek .c-anot{grid-column: 1/-1;grid-row: 3;} .AppAktL .clanek .c-tlacitko{grid-column: 1/-1;grid-row: 4;} .AppAktL .clanek .c-nadpis{} .AppAktL .clanek .c-nadpis h4{font-size: clamp(1.5rem, 0.3889rem + 3.5556vw, 3.5rem);line-height: 1.0em;} .AppAktL .clanek .c-nadpis h4 a{} .AppAktL .clanek .c-foto{width: 100%;aspect-ratio: 1/1;} .AppAktL .clanek .c-foto.neni{} .AppAktL .clanek .c-foto img{width: 100%;aspect-ratio: 1/1;object-fit: cover;} .AppAktL .clanek .c-anot{} .AppAktL .clanek .c-tlacitko{} .AppAktL .datum{font-size: 0.8em;} #contentC:has( .AppAktD){display: grid;grid-template-columns: var(--grid-template-comuns);} #contentC:has( .AppAktD)::before{content: '';display: block;width: 100%;height: 100%;grid-column: full-start/stred;grid-row: 1;background: var(--bg-left-blue);} #contentC:has( .AppAktD) #content{display: grid;grid-template-columns: subgrid;grid-column: obsah;grid-row: 1;} .AppAktD{display: grid;grid-template-columns: subgrid;grid-column: obsah;grid-row: 1;padding-top: calc(var(--pbOdsazeni)/2);} .AppAktD :where(.anot,.fotoHlavni,.text,.dateX,.prilohy){padding-left: calc(var(--lrOdsazeni)/2);grid-column: stred/obsah-end;} .AppAktD h1{grid-column: obsah-start/stred;text-align: right;padding-right: calc(var(--lrOdsazeni)/2);} .AppAktD .fotoHlavni{grid-row: 1;} .AppAktD .anot{grid-row: 2;} .AppAktD .text{grid-row: 3;} .AppAktD .date{grid-column: obsah-start/stred;grid-row: 4;padding-right: calc(var(--lrOdsazeni)/2);} .AppAktD .prilohy{grid-row: 4;} .AppAktD .date{font-size: 1.5rem;line-height: 1.4em;} .AppFotL{--grid-layout-gap: 1em;--grid-column-count: 3;--grid-item--min-width: 250px;display: grid;gap: var(--grid-layout-gap);grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));} .AppFotL a{text-decoration:none;} .AppFotL .clanek{display:flex;flex-direction:column;gap:0.5em;padding:0.5em;background: var(--barva02o7);box-shadow: 0 0 30px -15px #000;} .AppFotL .c-nadpis{} .AppFotL .fotoList{display:flex;flex-wrap:wrap;gap:0.25em;} .AppFotL .fotoList .fl-foto{} .AppFotL .fotoList .fl-foto img{max-width:100%;} .AppFotL .fl-vice{font-size:0.85em;margin-top:auto;} .AppFotL .fl-vice a:hover{text-decoration:underline;} .AppFotD{padding:0.5em;background: var(--barva02o7);box-shadow: 0 0 30px -15px #000;display:flex;flex-direction:column;gap:0.5em;} .AppFotD .fd-zpet{font-size:0.85em;} .AppFotD .fd-zpet a{} .AppFotD .fd-nadpis{} .AppFotD .fd-nadpis h3{} .AppFotD .fd-anot{} .AppFotD .fd-ptohoList{--grid-layout-gap: 1em;--grid-column-count: 5;--grid-item--min-width: 200px;display: grid;gap: var(--grid-layout-gap);grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));} .AppFotD .fd-ptohoList .photogaleryFoto{display:flex;flex-direction: column;gap: 0.25em;} .AppFotD .fd-ptohoList .photogaleryFoto img{width:100%;object-fit:cover;aspect-ratio: 4/3;} .AppFotD .fd-ptohoList .fd-popis{order:2;font-size: 0.85em;line-height: 1.2em;} .KatList{display:grid;grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));grid-gap:1em 0.5em;margin:1em 0;} .AppMista{} .AppMista .underMapList{} .AppMista .underMapList{display:grid;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));grid-gap: 1.5em 1em;} .AppMista .place_oneitem{border:1px solid #999999;padding:10px;margin:0;border-radius:5px;height:auto;box-sizing:border-box;} .AppMista .place_oneitem h3{margin:0;padding:0;} .AppMista #mapBorder{width:100%; clear:both; margin-bottom:20px;} .AppMista #map2{width: 90%; height: 500px; border:1px solid black; margin:1em auto;} .AppMista #map2.mapa_detail{width: 350px; height: 250px; border:1px solid black; margin:1em; float:right;} .DiscuL{margin:1.5em 0 0} .DiscuL .DiscuPost{display:grid;} .DiscuL .DiscuPost .JmUzi{grid-column:1/2;grid-row:1/2;} .DiscuL .DiscuPost .datum{grid-column:2/3;grid-row:1/2;justify-self: end;font-size:0.8em;} .DiscuL .DiscuPost .anot{grid-column:1/3;grid-row:2/3;} .DiscuL .DiscuPost hr{grid-column:1/3;grid-row:3/4;width: 100%;background: #000;border: 0;height:2px;} /*toto doladit*/ /* #content .anot{padding:0.5em 0;} */ /* #content .date{padding:0.5em 0;} */ #content #AddPcitures img {border: 3px solid #fff;margin-top: 0.2em;} /* #content .menuText{padding:0.25em 0;margin-bottom:1.5em;} */ #content img.kulaterohy{border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;overflow: hidden;} #content img.leftimg{margin-right: 1.5em;} #content img.rightimg{margin-left: 1.5em;} /*grafikaweb start*/ /*sekce rozdel a barvy*/ #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right,.layout-center){} #body2.page :where(#ContainerC):where(.layout-left,.layout-right) #contentC{} #body2.page :where(#ContainerC):where(.layout-left,.layout-right,.layout-center) #contentC, #body2.page :where(.contentC):where(.layout-left,.layout-right,.layout-center){display: grid;grid-template-columns: var(--grid-template-comuns);} #body2.page :where(.contentC):where(.layout-left,.layout-right,.layout-center) + :where(.layout-left,.layout-right,.layout-center){border-top: 4px solid #fff;} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .sectionC{grid-column: obsah-start/obsah-end;grid-row: 1;display: grid;grid-template-columns: subgrid;position: relative;z-index: 2;padding-top: var(--pbOdsazeni);padding-bottom: var(--pbOdsazeni);} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right,.layout-center) .section-bg-image{grid-column: 1/-1;grid-row: 1;position: relative;z-index: 0;background-size: cover;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-image: var(--sectionBG);} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right,.layout-center) .section-bg-image::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: relative;z-index: 0;} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) :where(.menuText,.content){grid-row: 1;position: relative;z-index: 1;max-width: 100%;} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .menuText{margin: 0;padding: 0;} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .menuTextC{position: sticky;top: var(--pbOdsazeni);height: calc(100dvh - (var(--pbOdsazeni)*2));color: #fff;display: flex;flex-direction: column;justify-content: space-between;padding: 0 var(--odaszeni);} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .menuTextC :where(h2),.page-name h2{font-size: var(--nadpis-size-sekce-LR);line-height: var(--nadpis-line-sekce-LR);} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .menuTextC p:has( .tl){margin: 0;padding: 0;} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .menuTextC .tl{font-size: clamp(1.375rem, 0.3889rem + 3.1556vw, 3.15rem);line-height: 1.1em;} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .sectionC:has( .menuText) .content{} #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right) .contentBox{} #body2.page :where(.contentC,#ContainerC).layout-left .menuText{grid-column: obsah-start/left;} #body2.page :where(.contentC,#ContainerC).layout-left .menuTextC{align-items: flex-start;} #body2.page :where(#ContainerC).layout-left .contentBox, #body2.page :where(.contentC,#ContainerC).layout-left .sectionC:has( .menuText) .content{grid-column: left/obsah-end;padding-left: var(--lrOdsazeni);} #body2.page :where(.contentC,#ContainerC).layout-right .menuText{grid-column: right/obsah-end;} #body2.page :where(.contentC,#ContainerC).layout-right .menuTextC{align-items: flex-end;} #body2.page :where(#ContainerC).layout-right .contentBox, #body2.page :where(.contentC,#ContainerC).layout-right .sectionC:has( .menuText) .content{grid-column: obsah-start/right;padding-right: var(--lrOdsazeni);} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red):where(.layout-left,.layout-right) #contentC::before, #body2.page :where(#ContainerC):where(.bg-blue,.bg-red):where(.layout-left,.layout-right) #contentC::after, #body2.page :where(.contentC):where(.bg-blue,.bg-red):where(.layout-right,.layout-left)::before, #body2.page :where(.contentC):where(.bg-blue,.bg-red):where(.layout-right,.layout-left)::after{position: relative;z-index: 1;height: 100dvh;position: sticky;top: 0;} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-left #contentC::before, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-left::before{content: '';grid-column: full-start/left;grid-row: 1;} #body2.page :where(#ContainerC).bg-blue.layout-left #contentC::before,#body2.page :where(.contentC).bg-blue.layout-left::before{background-image: var(--bg-left-blue);} #body2.page :where(#ContainerC).bg-red.layout-left #contentC::before,#body2.page :where(.contentC).bg-red.layout-left::before{background-image: var(--bg-left-red);} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-left #contentC::after, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-left::after{content: '';grid-column: left/full-end;grid-row: 1;}/*background-attachment: fixed;*/ #body2.page :where(#ContainerC).bg-blue.layout-left #contentC::after,#body2.page :where(.contentC).bg-blue.layout-left::after{background-image: linear-gradient(135deg,rgba(255, 255, 255, 0) 75%, rgba(0, 0, 255, 1) 100%);} #body2.page :where(#ContainerC).bg-red.layout-left #contentC::after,#body2.page :where(.contentC).bg-red.layout-left::after{background-image: linear-gradient(135deg,rgba(255, 255, 255, 0) 75%, rgba(255, 0, 0, 1) 100%);} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-right #contentC::before, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-right::before{content: '';grid-column: right/full-end;grid-row: 1;} #body2.page :where(#ContainerC).bg-blue.layout-right #contentC::before,#body2.page :where(.contentC).bg-blue.layout-right::before{background-image: var(--bg-right-blue);} #body2.page :where(#ContainerC).bg-red.layout-right #contentC::before,#body2.page :where(.contentC).bg-red.layout-right::before{background-image: var(--bg-right-red);} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-right #contentC::after, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-right::after{content: '';grid-column: full-start/right;grid-row: 1;}/*background-attachment: fixed;*/ #body2.page :where(#ContainerC).bg-blue.layout-right #contentC::after,#body2.page :where(.contentC).bg-blue.layout-right::after{background-image: linear-gradient(45deg,rgba(0, 0, 255, 1) 0%, rgba(255, 255, 255, 0) 25%);} #body2.page :where(#ContainerC).bg-red.layout-right #contentC::after,#body2.page :where(.contentC).bg-red.layout-right::after{background-image: linear-gradient(45deg,rgba(255, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 25%);} /**/ #body2.page :where(.contentC,#ContainerC):where(.layout-left,.layout-right,.smallH) .menuTextC :where(h2),.page-name h2{font-size: clamp(1.75rem, 0.2222rem + 4.8889vw, 4.5rem);} @media only screen and (max-width: 0px){/*1250*/ /*leva*/ #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-left #contentC::before, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-left::before{grid-column-end: stred;} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-left #contentC::after, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-left::after{grid-column-start: stred;} #body2.page :where(.contentC,#ContainerC).layout-left .menuText{grid-column: obsah-start/stred;} #body2.page :where(#ContainerC).layout-left .contentBox, #body2.page :where(.contentC,#ContainerC).layout-left .sectionC:has( .menuText) .content{grid-column: stred/obsah-end;} #body2.page :where(.contentC, #ContainerC).layout-left .menuTextC{align-items: flex-end;} /*prava*/ #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-right #contentC::before, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-right::before{grid-column-start: stred;} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-right #contentC::after, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-right::after{grid-column-end: stred;} #body2.page :where(.contentC,#ContainerC).layout-right .menuText{grid-column: stred/obsah-end;} #body2.page :where(#ContainerC).layout-right .contentBox, #body2.page :where(.contentC,#ContainerC).layout-right .sectionC:has( .menuText) .content{grid-column: obsah-start/stred;} #body2.page :where(.contentC, #ContainerC).layout-right .menuTextC{align-items: flex-start;} } @media only screen and (max-width: 880px){ #body2.page :where(#ContainerC):where(.layout-left, .layout-right) #contentC, #body2.page :where(.contentC):where(.layout-left, .layout-right){grid-template-rows: auto 1fr;} #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .section-bg-image{grid-row: 1/3;} #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .sectionC{grid-row: 1/3;grid-template-rows: auto 1fr;padding-top: calc(var(--pbOdsazeni)/2);} /*leva*/ #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-left #contentC::before, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-left::before{grid-column: full;grid-row: 1/-1;position: static;height: 100%;} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-left #contentC::after, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-left::after{grid-column: full;grid-row: 2;} #body2.page :where(.contentC,#ContainerC).layout-left .menuText{grid-column: obsah;grid-row: 1;padding-bottom: var(--pbOdsazeni);} #body2.page :where(#ContainerC).layout-left .contentBox, #body2.page :where(.contentC,#ContainerC).layout-left .sectionC:has( .menuText) .content{grid-column: obsah;grid-row: 2;padding: 0 var(--odaszeni);align-self: start;} #body2.page :where(.contentC, #ContainerC).layout-left .menuTextC{flex-direction: row;height: auto;align-items: center;} /*prava*/ #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-right #contentC::before, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-right::before{grid-column: full;grid-row: 1/-1;position: static;height: 100%;} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red).layout-right #contentC::after, #body2.page :where(.contentC):where(.bg-blue,.bg-red).layout-right::after{grid-column: full;grid-row: 2;} #body2.page :where(.contentC,#ContainerC).layout-right .menuText{grid-column: obsah;grid-row: 1;padding-bottom: var(--pbOdsazeni);} #body2.page :where(#ContainerC).layout-right .contentBox, #body2.page :where(.contentC,#ContainerC).layout-right .sectionC:has( .menuText) .content{grid-column: obsah;grid-row: 2;padding: 0 var(--odaszeni);align-self: start;} #body2.page :where(.contentC, #ContainerC).layout-right .menuTextC{flex-direction: row;height: auto;align-items: center;} } /*rozdeleni vycentrovani*/ #body2.page :where(.contentC).layout-center:has( .menuText) .sectionC{display: grid;grid-template-columns: subgrid;grid-column: full;grid-row: 1;position: relative;z-index: 2;} #body2.page :where(.contentC).layout-center:has( .menuText) :where(.menuText,.content){padding: var(--pbOdsazeni) var(--lrOdsazeni);} #body2.page :where(.contentC).layout-center:has( .menuText) .menuText{grid-column: obsah-start/stred;grid-row: 1;text-align: right;} #body2.page :where(.contentC).layout-center:has( .menuText) .content{grid-column: stred/obsah-end;grid-row: 1;} #body2.page :where(.contentC).layout-center:has( .menuText) .menuText h2{font-size: var(--nadpis-size-sekce-LR);line-height: var(--nadpis-line-sekce-LR);} #body2.page :where(.contentC).layout-center:where(.bg-blue,.bg-red) .sectionC::before{content: '';display: block;grid-column: full-start/stred;grid-row: 1;} #body2.page :where(.contentC).layout-center.bg-blue .sectionC::before{background: var(--bg-left-blue);} #body2.page :where(.contentC).layout-center.bg-red .sectionC::before{background: var(--bg-left-red);} @media only screen and (max-width: 880px){ #body2.page :where(.contentC).layout-center:has( .menuText) .sectionC{grid-template-rows: auto 1fr;} #body2.page :where(.contentC).layout-center:where(.bg-blue,.bg-red) .sectionC::before{grid-column: full;grid-row: 1/-1;} #body2.page :where(.contentC).layout-center:has( .menuText) .menuText{grid-column: obsah;grid-row: 1;text-align: unset;} #body2.page :where(.contentC).layout-center:has( .menuText) .content{grid-column: obsah;grid-row: 2;} } /*s pouzitim nadpisu stranky*/ #body2.page :where(#ContainerC):where(.layout-left,.layout-right) #contentC .section-bg-image{grid-row: 2;} #body2.page :where(#ContainerC):where(.layout-left,.layout-right) #contentC .HLH{grid-column: obsah;grid-row: 2;position: relative;z-index: 2;} #body2.page :where(#ContainerC):where(.layout-left,.layout-right) #contentC .HLH h1{font-size: var(--nadpis-size-sekce-LR);line-height: var(--nadpis-line-sekce-LR);} #body2.page :where(#ContainerC):where(.layout-left,.layout-right) #contentC #content{display: grid;grid-template-columns: subgrid;grid-column: obsah;grid-row: 2;position: relative;z-index: 2;} #body2.page :where(#ContainerC):where(.bg-blue,.bg-red):is(.layout-left,.layout-right) #contentC::before, #body2.page :where(#ContainerC):where(.bg-blue,.bg-red):is(.layout-left,.layout-right) #contentC::after{grid-row: 2;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-right) #contentC .HLH{grid-column: right/obsah-end;padding: var(--pbOdsazeni) var(--lrOdsazeni);display: flex;justify-content: flex-start;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left) #contentC .HLH{grid-column: obsah-start/left;padding: var(--pbOdsazeni) var(--lrOdsazeni);display: flex;justify-content: flex-end;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-right) #contentC #content{grid-column: obsah-start/right;max-width: none;padding-right: 0;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left) #contentC #content{grid-column: left/obsah-end;max-width: none;padding-left: 0;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-right) #contentC #content .sectionC{grid-column: obsah-start/right;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left) #contentC #content .sectionC{grid-column: left/obsah-end;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-right) #contentC #content .contentBox{grid-column: obsah-start/right;display: block;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left) #contentC #content .contentBox{grid-column: left/obsah-end;display: block;} @media only screen and (max-width: 880px){ #body2.page :where(#ContainerC):where(.bg-blue,.bg-red):is(.layout-left,.layout-right) #contentC::before, #body2.page :where(#ContainerC):where(.bg-blue,.bg-red):is(.layout-left,.layout-right) #contentC::after{grid-row: 1/3;} #body2.page :where(#ContainerC):where(.layout-left,.layout-right) #contentC .section-bg-image{grid-row: 1/3;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left,.layout-right) #contentC .HLH{grid-column: obsah;grid-row: 1;justify-content: flex-start;padding: var(--pbOdsazeni) var(--odaszeni);} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left,.layout-right) #contentC #content{grid-column: obsah;grid-row: 2;align-self: start;padding: 0 var(--odaszeni);} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left,.layout-right) #contentC #content .sectionC{grid-row: 1;} #body2.page :where(#ContainerC).layout-hlh:where(.layout-left,.layout-right) #contentC #content .sectionC, #body2.page :where(#ContainerC).layout-hlh:where(.layout-left,.layout-right) #contentC #content .sectionC .contentBox{grid-column: obsah;padding-top: 0;} } #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .sectionC:not(:has( .menuText)) .content{display: grid;grid-template-columns: subgrid;grid-column: obsah;} #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .sectionC:not(:has( .menuText)) .contentBox{display: grid;grid-template-columns: subgrid;grid-column: obsah;} #body2.record #ContainerC.bg-layout #contentC{display: grid;grid-template-columns: var(--grid-template-comuns);grid-template-rows: auto 1fr;} #body2.record #ContainerC.bg-layout #contentC #actPathC{grid-column: obsah-start/obsah-end;grid-row: 1;position: relative;z-index: 2;} #body2.record #ContainerC.bg-layout #contentC #content{grid-column: obsah-start/obsah-end;grid-row: 2;position: relative;z-index: 2;} /*boxerRozloženi*/ #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .sectionC:not(:has( .menuText)) .boxeriSection{display: grid;grid-template-columns: subgrid;grid-column: obsah;} #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .sectionC:not(:has( .menuText)) .boxSticky{position: sticky;top: var(--pbOdsazeni);}/*height: calc(100dvh - (var(--pbOdsazeni)*2));*/ #body2.page :where(.contentC, #ContainerC).layout-left .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriFiltr{grid-column: obsah-start/left;} #body2.page :where(.contentC, #ContainerC).layout-left .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriList{grid-column: left/obsah-end;padding-left: var(--lrOdsazeni);} #body2.page :where(.contentC, #ContainerC).layout-right .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriFiltr{grid-column: right/obsah-end;} #body2.page :where(.contentC, #ContainerC).layout-right .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriList{grid-column: obsah-start/right;padding-right: var(--lrOdsazeni);} @media only screen and (max-width: 880px){ #body2.page :where(.contentC, #ContainerC).layout-left .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriFiltr, #body2.page :where(.contentC, #ContainerC).layout-right .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriFiltr{grid-column: obsah;grid-row: 1;padding: 0 0 2rem 0;} #body2.page :where(.contentC, #ContainerC).layout-left .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriList, #body2.page :where(.contentC, #ContainerC).layout-right .sectionC:not(:has( .menuText)) .boxeriSection .BoxeriList{grid-column: obsah;grid-row: 2;padding: 0;} } .page-name{text-align: right;} .page-name h2{font-variant-caps: all-petite-caps;} /*boxeri filter*/ .filter{padding-right: var(--lrOdsazeni);} .filter .boxSticky, .filter .frm{display: flex;flex-direction: column;align-items: flex-end;gap: 1.5rem;} .filter .filtr-name{font-size: clamp(1.5rem, 0.6667rem + 2.6667vw, 3rem);line-height: 1em;margin-top: calc(-1*(clamp(0rem, -1.1111rem + 3.5556vw, 2rem)));} .filter .filtr-inputBox{width: 100%;} .filter .filtr-inputBox .fib-input{display: flex;justify-content: flex-end;} .filter .filtr-inputBox .fib-input .fibi{width: 100%;max-width: 150px;} .filter .filtr-inputBox .fib-input .fibi::placeholder{opacity: 1;color: #fff;} .filter .filtr-inputBox .fib-input .fibi[type="number"]:not(:placeholder-shown){background-color: #fff;color: #000;} .filter .filtr-inputBox .fib-input .fibi[type="number"]{-moz-appearance: textfield;} .filter .filtr-inputBox .fib-input .fibi[type="number"]::-webkit-outer-spin-button, .filter .filtr-inputBox .fib-input .fibi[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;} .filter .filtr-inputBox .fib-input .fibi:not([type="radio"],[type="checkbox"]){font-weight: 500;border: 2px solid #fff;text-align: right;} .filter .filtr-inputBox .fib-input.fib-select{} /*https://www.svgrepo.com/svg/357102/down-arrow*/ .filter .filtr-inputBox .fib-input.fib-select select.fibi{width: 100%;max-width: 250px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cline fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' x1='16' y1='26' x2='16' y2='4'%3E%3C/line%3E%3Cpolyline fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' points='24.5,18 16,26.5 7.5,18 '%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E");} .filter .filtr-inputBox .fib-input.fib-select select.fibi:open{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve' fill='%23000000' transform='matrix(-1, 0, 0, -1, 0, 0)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cline fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' x1='16' y1='26' x2='16' y2='4'%3E%3C/line%3E%3Cpolyline fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' points='24.5,18 16,26.5 7.5,18 '%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E");} .filter .filtr-inputBox .fib-input.fib-radio{display: flex;flex-direction: column;align-items: flex-end;gap: 1.5rem;} .filter .filtr-inputBox .fib-input.fib-radio label{position: relative;cursor: pointer;width: 100%;max-width: 150px;} .filter .filtr-inputBox .fib-input.fib-radio label .fibi{-webkit-appearance: none;appearance: none;margin: 0;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);border: 0;} .filter .filtr-inputBox .fib-input.fib-radio label .fibi-span{border: 2px solid #fff;text-align: right;font-weight: 500;min-height: 50px;padding: .25em .375em;display: flex;align-items: center;justify-content: flex-end;} .filter .filtr-inputBox .fib-input.fib-radio label .fibi:checked + .fibi-span{background-color: #fff;color: #000;} .filter .filtr-inputBox .fib-kotva{display: flex;flex-direction: column;align-items: flex-end;gap: 1.5rem;} .filter .filtr-inputBox .fib-kotva a{color: inherit;text-decoration: none;display: block;border: 2px solid #fff;text-align: right;font-weight: 500;min-height: 50px;padding: .25em .375em;display: flex;align-items: center;justify-content: flex-end;cursor: pointer;width: 100%;} @media only screen and (max-width: 1580px){ .filter{padding-right: calc(var(--lrOdsazeni)/3);} .filter .filtr-inputBox .fib-input.fib-radio{flex-wrap: wrap;} } @media only screen and (max-width: 880px){ .filter .boxSticky{} .filter .frm{width: 100%;} .filter .filtr-inputBox .fib-kotva{flex-direction: row;flex-wrap: wrap;} .filter .filtr-inputBox .fib-kotva a{width: auto;} .filter .filtr-inputBox .fib-input.fib-radio label{width: auto;max-width: none;min-width: 80px;} } /*boxerList*/ .BoxeriFiltr.filter .filtr-inputBox .fib-input.fib-radio{flex-direction: row;} .HP .BoxeriList{--grid-column-count: 3;} .BoxeriList{display: grid; --grid-layout-gap: clamp(1.25rem, -0.5556rem + 5.7778vw, 4.5rem);--grid-column-count: 4;--grid-item--min-width: 250px; grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr)); gap: var(--grid-layout-gap); padding: 0; } .BoxeriList .BoxeriList-nadpis{grid-column: 1/-1;} .BoxeriList .boxerBox{display: grid;grid-template-rows: subgrid;grid-row: span 4;padding: clamp(0.75rem, 0.1944rem + 1.7778vw, 1.75rem);gap: 1rem 0;background: #fff;font-size: 1.67rem;line-height: 1.1em;color: #000;} .BoxeriList .boxerBox .bb-foto{grid-column: 1/-1;grid-row: 1} .BoxeriList .boxerBox .bb-name{grid-column: 1/-1;grid-row: 2;} .BoxeriList .boxerBox .bb-info{grid-column: 1/-1;grid-row: 3;} .BoxeriList .boxerBox .bb-tlacitka{grid-column: 1/-1;grid-row: 4;} .BoxeriList .boxerBox .bb-odkaz{grid-column: 1/-1;grid-row: 1/-2;} .BoxeriList .BoxeriList-nadpis{text-align: center;} .BoxeriList .BoxeriList-nadpis h3{font-size: clamp(1.75rem, 0.7778rem + 3.1111vw, 3.5rem);line-height: 1em;} :where(.BoxeriList) .boxerBox .bb-name{} :where(.BoxeriList) .boxerBox .bb-name a{text-decoration: none;color: inherit;} :where(.BoxeriList) .boxerBox .bb-name a h3{font-size: 1.67rem;line-height: 1.1em;font-weight: 600;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-foto{width: 100%;aspect-ratio: 1/1;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-foto.neni{background-repeat: no-repeat;background-size: contain;background-position: center;background-color: #e8e8e8;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-foto.neni.avatar_muz{background-image: url('/data/USR_001_GRAFIKA/avatar_boxer_muz.png');} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-foto.neni.avatar_zena{background-image: url('/data/USR_001_GRAFIKA/avatar_boxer_zena.png');} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-foto img{width: 100%;aspect-ratio: 1/1;object-fit: cover;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek{display: flex;gap: 0.3rem;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-zeme{font-weight: 600;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek :where(.bbi-w,.bbi-l,.bbi-d) .odel{font-weight: 600;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek :where(.bbi-w,.bbi-l,.bbi-d) .bbi-name{font-weight: 600;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-w{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-l{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-d{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-cm{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-kg{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-let{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-kategorie{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .odel{padding-left: 0.3rem;} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-val{} :where(.BoxeriList,.BoxeriDetail) .boxerBox .bb-info .bbi-radek .bbi-name{} :where(.BoxeriList) .boxerBox .bb-tlacitka{display: flex;gap: 1rem;flex-wrap: wrap;} :where(.BoxeriList) .boxerBox .bb-tlacitka a.tl{font-size: 2.17rem;padding: 0.44rem 0.88rem;line-height: 1em;} :where(.BoxeriList) .boxerBox .bb-odkaz a{display: block;width: 100%;height: 100%;} /*boxerDetail*/ #content:has( > .BoxeriDetail){max-width: none;} .BoxeriDetail .boxerBox .bb-Content{padding: calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .BoxeriDetail .boxerBox :where(.bb-nadpis,.ab-nadpis){padding: calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .BoxeriDetail .boxerBox :where(.bb-nadpis,.ab-nadpis) :where(h2,h3){font-size: var(--nadpis-size-sekce-LR);line-height: var(--nadpis-line-sekce-LR);} .BoxeriDetail .boxerBox{display: grid;grid-template-columns: var(--grid-template-comuns);grid-template-rows: repeat(6,auto);} .BoxeriDetail .boxerBox :where(.bb-hlavni,.bb-bioBox,.bb-karieraBox,.bb-fotogalery,.bb-zapasy,.bb-video) > *{position: relative;z-index: 1;} .BoxeriDetail .boxerBox :where(.bb-hlavni,.bb-bioBox,.bb-karieraBox,.bb-fotogalery,.bb-zapasy,.bb-video) {display: grid;grid-template-columns: subgrid;min-height: calc((100dvh - var(--hlavickaVyska))/1.25);} .BoxeriDetail .boxerBox :where(.bb-hlavni,.bb-bioBox,.bb-karieraBox,.bb-fotogalery,.bb-zapasy,.bb-video)::before {content: '';width: 100%;height: 100%;z-index: 0;position: relative;grid-row: 1/-1;} .BoxeriDetail .boxerBox :where(.bb-bioBox,.bb-karieraBox,.bb-fotogalery,.bb-zapasy,.bb-video){position: relative;background-color: rgba(0, 0, 0, 0.5);} .BoxeriDetail .boxerBox :where(.bb-bioBox,.bb-karieraBox,.bb-fotogalery,.bb-zapasy,.bb-video)::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -5;background-image: url('/data/USR_001_PICTURES/tjslide1.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;} .BoxeriDetail .boxerBox .bb-hlavni{grid-column: full;grid-row: 1;height: 100dvh;} .BoxeriDetail .boxerBox .bb-bioBox{grid-column: full;grid-row: 2;} .BoxeriDetail .boxerBox .bb-karieraBox{grid-column: full;grid-row: 3;} .BoxeriDetail .boxerBox .bb-fotogalery{grid-column: full;grid-row: 4;} .BoxeriDetail .boxerBox .bb-zapasy{grid-column: full;grid-row: 5;} .BoxeriDetail .boxerBox .bb-video{grid-column: full;grid-row: 6;} .BoxeriDetail .boxerBox .bb-nt:empty{display: none;} /*left*/ .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty))::before{grid-column: stred/full-end;background: var(--bg-right-blue);} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: stred/obsah-end;grid-row: 1;text-align: left;justify-self: start;} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(.bb-Content,.AddGalery,.fightList,iframe){grid-column: stred/obsah-end;grid-row: 2;padding-top: 0;} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: obsah-start/stred;grid-row: 1;padding: calc(var(--lrOdsazeni)/2);padding-left: 0;} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(iframe){grid-column: full-start/stred;padding: 0;} /*right*/ .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty))::before{grid-column: full-start/stred;background: var(--bg-left-red);;} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: obsah-start/stred;grid-row: 1;text-align: right;justify-self: end;} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(.bb-Content,.AddGalery,.fightList,iframe){grid-column: obsah-start/stred;grid-row: 2;text-align: right;} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: stred/obsah-end;grid-row: 1;padding: calc(var(--lrOdsazeni)/2);padding-right: 0;} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(iframe){grid-column: stred/full-end;padding: 0;} .BoxeriDetail .boxerBox .bb-hlavni{grid-template-rows: [full-start] 1fr [name] auto [info] auto [tlacitka] auto [social] auto 1fr [full-end];gap: 1rem 0;} .BoxeriDetail .boxerBox .bb-hlavni::before{grid-column: full-start/stred;background: var(--bg-left-red);} .BoxeriDetail .boxerBox .bb-hlavni :where(.bb-name,.bb-tlacitka,.bb-info,.bb-social){grid-column: obsah-start/stred;justify-self: end;text-align: right;position: relative;z-index: 2;padding-right: calc(var(--lrOdsazeni)/2);} .BoxeriDetail .boxerBox .bb-hlavni .bb-foto{grid-column: full;grid-row: full;position: relative;z-index: -2;} .BoxeriDetail .boxerBox .bb-hlavni .bb-name{grid-row: name;} .BoxeriDetail .boxerBox .bb-hlavni .bb-tlacitka{grid-row: tlacitka;} .BoxeriDetail .boxerBox .bb-hlavni .bb-info{grid-row: info;} .BoxeriDetail .boxerBox .bb-hlavni .bb-social{grid-row: social;} .BoxeriDetail .boxerBox .bb-hlavni .bb-foto{width: 100%;height: 100%;} .BoxeriDetail .boxerBox .bb-hlavni .bb-foto img{width: 100%;height: 100%;object-fit: cover;object-position: center;filter: blur(4px) grayscale(100%);} .BoxeriDetail .boxerBox .bb-name h1{font-size: clamp(2.5rem, 0.5556rem + 6.2222vw, 6rem);line-height: 1.0em;font-weight: 600;font-variant-caps: all-petite-caps;} .BoxeriDetail .boxerBox .bb-info{font-size: clamp(1.375rem, 0.75rem + 2vw, 2.5rem);line-height: 1.2em;} .BoxeriDetail .boxerBox .bb-info .bbi-radek{justify-content: flex-end;} .BoxeriDetail .boxerBox .bb-tlacitka{display: flex;gap: 1rem;justify-content: flex-end;} .BoxeriDetail .boxerBox .bb-social ul{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;gap: 1rem;justify-content: center;} .BoxeriDetail .boxerBox .bb-social ul li{margin: 0 !important;padding: 0;} .BoxeriDetail .boxerBox .bb-bioBox{grid-template-rows: auto 1fr;} .BoxeriDetail .boxerBox .bb-bioBox .bb-Content{padding-top: 0;} .BoxeriDetail .boxerBox .bb-karieraBox{grid-template-rows: auto 1fr;} .BoxeriDetail .boxerBox .bb-karieraBox .bb-Content{padding-top: 0;} .BoxeriDetail .boxerBox .bb-fotogalery .AddGalery{/*grid-column: obsah-start/stred;grid-row: 1;padding: calc(var(--lrOdsazeni)/2);*/ --grid-layout-gap: 1rem;--grid-column-count: 2;--grid-item--min-width: 200px;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));gap: var(--grid-layout-gap);grid-auto-flow: dense;direction: rtl;align-content: start;}/**/ .BoxeriDetail .boxerBox .bb-fotogalery .AddGalery .galeryIMG{} .BoxeriDetail .boxerBox .bb-fotogalery .AddGalery .galeryIMG a{} .BoxeriDetail .boxerBox .bb-fotogalery .AddGalery .galeryIMG a img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 4/3;} .BoxeriDetail .boxerBox .bb-video{} .BoxeriDetail .boxerBox .bb-video iframe{width: 100%;height: 100%;aspect-ratio: 16/9;} @media only screen and (max-width: 970px){ .BoxeriDetail .boxerBox .bb-hlavni{height: auto;grid-template-rows: 1fr repeat(2,auto);} .BoxeriDetail .boxerBox .bb-hlavni::before{grid-column: full;grid-row: -3/-1;} .BoxeriDetail .boxerBox .bb-hlavni .bb-foto{grid-row: 1/-1;} .BoxeriDetail .boxerBox .bb-hlavni :where(.bb-info,.bb-social){justify-self: start;align-self: center;padding-left: calc(var(--lrOdsazeni)/2);padding-right: 0;} .BoxeriDetail .boxerBox .bb-hlavni :where(.bb-tlacitka,.bb-social){padding-top: calc(var(--lrOdsazeni)/2);padding-bottom: calc(var(--lrOdsazeni)/2);} .BoxeriDetail .boxerBox .bb-hlavni .bb-name{grid-column: obsah-start/stred;grid-row: -3;} .BoxeriDetail .boxerBox .bb-hlavni .bb-info{grid-column: stred/obsah-end;grid-row: -3;text-align: left;} .BoxeriDetail .boxerBox .bb-hlavni .bb-tlacitka{grid-column: obsah-start/stred;grid-row: -2;flex-wrap: wrap;align-items: center;} .BoxeriDetail .boxerBox .bb-hlavni .bb-social{grid-column: stred/obsah-end;grid-row: -2;} .BoxeriDetail .boxerBox .bb-info .bbi-radek{justify-content: flex-start;flex-wrap: wrap;} .BoxeriDetail .boxerBox .bb-social ul{flex-wrap: wrap;} .BoxeriDetail .boxerBox :where(.bb-bioBox, .bb-karieraBox, .bb-fotogalery, .bb-zapasy, .bb-video){min-height: auto;} /*left*/ .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty))::before{grid-column: full;grid-row: 1/3;} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: obsah;grid-row: 1;} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(.bb-Content,.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;padding: 0 calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .BoxeriDetail .boxerBox .bb-nt:nth-child(odd of .bb-nt:not(:empty)) :where(iframe){grid-column: full;} /*right*/ .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty))::before{grid-column: full;grid-row: 1/3;} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: obsah;grid-row: 1;} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(.bb-Content,.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;padding: 0 calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .BoxeriDetail .boxerBox .bb-nt:nth-child(even of .bb-nt:not(:empty)) :where(iframe){grid-column: full;} } /* akce rozlozeni */ /* #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .sectionC:not(:has( .menuText)) .akceSection{display: grid;grid-template-columns: subgrid;grid-column: obsah;} #body2.page :where(.contentC, #ContainerC):where(.layout-left, .layout-right) .sectionC:not(:has( .menuText)) .boxSticky{position: sticky;top: var(--pbOdsazeni);} #body2.page :where(.contentC, #ContainerC).layout-left .sectionC:not(:has( .menuText)) .akceSection .akceFiltr{grid-column: obsah-start/left;} #body2.page :where(.contentC, #ContainerC).layout-left .sectionC:not(:has( .menuText)) .akceSection .akceList{grid-column: left/obsah-end;padding-left: var(--lrOdsazeni);} #body2.page :where(.contentC, #ContainerC).layout-right .sectionC:not(:has( .menuText)) .akceSection .akceFiltr{grid-column: right/obsah-end;} #body2.page :where(.contentC, #ContainerC).layout-right .sectionC:not(:has( .menuText)) .akceSection .akceList{grid-column: obsah-start/right;padding-right: var(--lrOdsazeni);} */ /*akce global*//*500|1550*/ .akceBox .ab-name :where(h1,h2,h3) {font-size: clamp(2.25rem, 0.8214rem + 4.5714vw, 5.25rem);line-height: 1.1em;font-weight: bold;} .akceBox .ab-datumBig {font-size: clamp(2rem, -0.6429rem + 8.4571vw, 7.55rem);line-height: 1.1em;font-weight: bold;margin: 0;} .akceBox .ab-misto {font-size: clamp(1.75rem, 0.4405rem + 4.1905vw, 4.5rem);line-height: 1em;font-weight: bold;margin: 0;} .akceBox .ab-cas {font-size: clamp(1.75rem, 0.7976rem + 3.0476vw, 3.75rem);line-height: 1.1em;} .akceBox .ab-tlacitko .tl {font-size: clamp(1.375rem, 0.5298rem + 2.7048vw, 3.15rem);line-height: 1.1em;} /*akce-slider*/ .HP .contentC.slider .content{max-width: 100%;padding: 0;margin: 0;} .HP .contentC.slider .sectionC{grid-column: full;} .HP .contentC.slider .akceBox{display: grid;grid-template-columns: var(--grid-template-comuns);grid-template-rows: [full-start] 1fr [nazev] auto [datum] auto [misto] auto [tlacitka] auto 1fr[full-end];align-content: center;gap: 2rem 0;} .HP .contentC.slider .akceBox:before{content: '';grid-column: stred/full-end;grid-row: 1/-1;background: var(--bg-right-red);position: relative;z-index: 1;} .HP .contentC.slider .akceBox :where(.ab-name,.ab-foto,.ab-datumBig,.ab-misto,.ab-odkaz,.ab-tlacitko){position: relative;z-index: 2;} .HP .contentC.slider .akceBox :where(.ab-name,.ab-datumBig,.ab-misto,.ab-odkaz,.ab-tlacitko){padding-left: var(--lrOdsazeni);} .HP .contentC.slider .akceBox .ab-name{grid-column: stred/obsah-end;grid-row: nazev;} .HP .contentC.slider .akceBox .ab-foto{grid-column: full;grid-row: 1/-1;z-index: 0;} .HP .contentC.slider .akceBox .ab-datumBig{grid-column: stred/obsah-end;grid-row: datum;} .HP .contentC.slider .akceBox .ab-misto{grid-column: stred/obsah-end;grid-row: misto;} .HP .contentC.slider .akceBox .ab-tlacitko{grid-column: stred/obsah-end;grid-row: tlacitka;} .HP .contentC.slider .akceBox .ab-name{max-width: 80%;} .HP .contentC.slider .akceBox .ab-name a{color: inherit;text-decoration: none;} /* .HP .contentC.slider .akceBox .ab-name h2{font-weight: bold;font-size: 5.25rem;line-height: 1.1em;max-width: 75%;font-size: clamp(2.25rem, 0.5833rem + 5.3333vw, 5.25rem);} */ .HP .contentC.slider .akceBox .ab-foto{} .HP .contentC.slider .akceBox .ab-foto img{width: 100%;height: 100%;height: 100dvh;object-fit: cover;} /* .HP .contentC.slider .akceBox .ab-datumBig{line-height: 1.1em;margin: 0;font-size: clamp(3rem, 0.4722rem + 8.0889vw, 7.55rem);font-weight: bold;} */ /* .HP .contentC.slider .akceBox .ab-misto{font-size: 4.5rem;line-height: 1em;margin: 0;font-size: clamp(1.75rem, 0.2222rem + 4.8889vw, 4.5rem);font-weight: bold;} */ .HP .contentC.slider .akceBox .ab-tlacitko{display: flex;flex-direction: column;align-items: flex-start;gap: var(--mp8);} /* .HP .contentC.slider .akceBox .ab-tlacitko .tl{font-size: 3rem;line-height: 1.1em;} */ .HP .contentC.slider .akceBox .ab-odkaz{display: none;} .HP .contentC.slider .sy-box{display: grid;grid-template-columns: var(--grid-template-comuns);} .HP .contentC.slider .sy-box .sy-slides-wrap{grid-column: full;grid-row: 1;} .HP .contentC.slider .sy-box .sy-pager{grid-column: obsah-start/stred;grid-row: 1;} .HP .contentC.slider .sy-filler{grid-column: 1/-1;grid-row: 1/-1;} .HP .contentC.slider .sy-box .sy-pager{justify-self: end;align-self: end;z-index: 10;margin: 0;padding: clamp(0.75rem, -0.2222rem + 3.1111vw, 2.5rem) 0;} .HP .contentC.slider .sy-box .sy-pager{display: flex;justify-content: center;gap: 1.5rem;} .HP .contentC.slider .sy-box .sy-pager li{margin: 0;width: clamp(2.5rem, 1.3889rem + 3.5556vw, 4.5rem);height: clamp(1rem, 0.7222rem + 0.8889vw, 1.5rem);} .HP .contentC.slider .sy-box .sy-pager li + li{margin: 0 !important;} .HP .contentC.slider .sy-box .sy-pager li a{border-radius: 0;background-color: var(--barvafff);} .HP .contentC.slider .sy-box .sy-pager li.sy-active a{background-color: var(--barva02);} @media only screen and (max-width: 700px){ .HP .contentC.slider .sy-box{grid-template-rows: auto auto;} .HP .contentC.slider .sy-box .sy-slides-wrap{grid-row: 1/-1;} .HP .contentC.slider .sy-box .sy-pager{grid-row: 1;grid-column: 1/-1;} .HP .contentC.slider .akceBox{grid-template-rows: auto [mezera] 1rem [nazev] auto [datum] auto [misto] auto [tlacitka] auto 1rem;gap: 0;} .HP .contentC.slider .akceBox .ab-foto{grid-column: full;grid-row: 1/-1;z-index: 0;} .HP .contentC.slider .akceBox:before{grid-column: full;grid-row: mezera/-1;} .HP .contentC.slider .akceBox .ab-name{grid-column: full;grid-row: nazev;max-width: 100%;} .HP .contentC.slider .akceBox .ab-datumBig{grid-column: full;grid-row: datum;} .HP .contentC.slider .akceBox .ab-misto{grid-column: full;grid-row: misto;} .HP .contentC.slider .akceBox .ab-tlacitko{grid-column: full;grid-row: tlacitka;} .HP .contentC.slider .akceBox :where(.ab-name, .ab-datumBig, .ab-misto, .ab-odkaz, .ab-tlacitko){padding: calc(var(--lrOdsazeni)/4) calc(var(--lrOdsazeni)/2);} .HP .contentC.slider .akceBox .ab-tlacitko{flex-direction: row;} .HP .contentC.slider .akceBox .ab-foto img{height: auto;min-height: 60dvh;} } /*akce*/ .NHP :where(#content,.content):has( .akceList){max-width: 100%;padding: 0;margin: 0;} .NHP .akceList{display: flex;flex-direction: column;gap: 0;color: #fff;} .NHP .akceList-nadpis{text-align: center;padding: 4rem 0;} .NHP .akceList-nadpis h2{font-size: clamp(1.75rem, 0.7778rem + 3.1111vw, 3.5rem);line-height: 1em;} .NHP .akceList .akceBox{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: [full-start] 1fr [nazev] auto [datum] auto [misto] auto [tlacitka] auto 1fr[full-end];align-content: center;gap: 0.5rem 0;height: calc(100dvh/2);} /* .NHP .akceList .akceBox::before{height: 100%;} */ .NHP .akceList .akceBox :where(.ab-name,.ab-foto,.ab-datumBig,.ab-misto,.ab-tlacitko,.ab-odkaz){position: relative;z-index: 3;} .NHP .akceList .akceBox :where(.ab-name,.ab-datumBig,.ab-misto,.ab-tlacitko){grid-column: -2/-1;justify-self: start;padding-left: calc(var(--lrOdsazeni)/2);} .NHP .akceList .akceBox::before{content: '';display: block;grid-column: -2/-1;grid-row: 1/-1;background: var(--bg-right-red);} .NHP .akceList .akceBox .ab-foto{grid-column: 1/-1;grid-row: 1/-1;z-index: -1;} .NHP .akceList .akceBox .ab-name{grid-row: nazev;} .NHP .akceList .akceBox .ab-datumBig{grid-row: datum;} .NHP .akceList .akceBox .ab-misto{grid-row: misto;} .NHP .akceList .akceBox .ab-tlacitko{grid-row: tlacitka;} .NHP .akceList .akceBox .ab-odkaz{grid-column: 1/-1;grid-row: 1/-1;z-index: 5;} .NHP .akceList .akceBox.modre :where(.ab-name,.ab-datumBig,.ab-misto,.ab-tlacitko){grid-column: 1/2;justify-self: end;padding-left: 0;padding-right: calc(var(--lrOdsazeni)/2);} .NHP .akceList .akceBox.modre:before{grid-column: 1/2;background: var(--bg-left-blue);} .NHP .akceList .akceBox.modre .ab-name{text-align: right;} .NHP .akceList .akceBox .ab-name{} .NHP .akceList .akceBox .ab-name a{color: inherit;text-decoration: none;} .NHP .akceList .akceBox .ab-foto{} .NHP .akceList .akceBox .ab-foto.neni{} .NHP .akceList .akceBox .ab-foto img{width: 100%;height: 100%;object-fit: cover;object-position: center;} .NHP .akceList .akceBox .ab-tlacitko{display: flex;flex-direction: column;gap: 1.5rem;} .NHP .akceList .akceBox .ab-odkaz a{width: 100%;height: 100%;display: block;} @media only screen and (max-height:850px) { .NHP .akceList .akceBox{max-height: calc(100dvh - var(--hlavickaVyska));height: 100%;} } @media only screen and (max-width:650px) { .NHP .akceList .akceBox{max-height: none;height: auto;grid-template-columns: 100%;grid-template-rows: auto 1rem repeat(4,auto) 1rem;gap: 0;} .NHP .akceList .akceBox :where(.ab-name, .ab-datumBig, .ab-misto, .ab-tlacitko){margin: 0.25rem 0;} .NHP .akceList .akceBox::before{grid-column: 1/-1;grid-row: 2/-1;} .NHP .akceList .akceBox .ab-foto{grid-column: 1/-1;grid-row: 1/2;} .NHP .akceList .akceBox .ab-name{grid-column: 1/-1;grid-row: -6;} .NHP .akceList .akceBox .ab-datumBig{grid-column: 1/-1;grid-row: -5;} .NHP .akceList .akceBox .ab-misto{grid-column: 1/-1;grid-row: -4;} .NHP .akceList .akceBox .ab-tlacitko{grid-column: 1/-1;grid-row: -3;} } /*detail akce*/ .NHP #content:has( .akceDetail){max-width: 100%;padding: 0;margin: 0;} .akceDetail{} .akceDetail .akceBox .ab-Content{padding: calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .akceDetail .akceBox :where(.bb-nadpis,.ab-nadpis){padding: calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .akceDetail .akceBox :where(.bb-nadpis,.ab-nadpis) :where(h2,h3){font-size: var(--nadpis-size-sekce-LR);line-height: var(--nadpis-line-sekce-LR);} .akceDetail .akceBox{display: grid;grid-template-columns: var(--grid-template-comuns);grid-template-rows: repeat(6,auto);} .akceDetail .akceBox :where(.ab-info,.ab-fotogalery,.ab-video,.ab-report,.ab-pozvanka,.ab-zapasy) > *{position: relative;z-index: 1;} .akceDetail .akceBox :where(.ab-info,.ab-fotogalery,.ab-video,.ab-report,.ab-pozvanka,.ab-zapasy) {display: grid;grid-template-columns: subgrid;min-height: calc((100dvh - var(--hlavickaVyska))/1.25);} .akceDetail .akceBox :where(.ab-info,.ab-fotogalery,.ab-video,.ab-report,.ab-pozvanka,.ab-zapasy)::before {content: '';width: 100%;height: 100%;z-index: 0;position: relative;grid-row: 1/-1;} .akceDetail .akceBox :where(.ab-fotogalery,.ab-video,.ab-report,.ab-pozvanka,.ab-zapasy){position: relative;background-color: rgba(0, 0, 0, 0.5);} .akceDetail .akceBox :where(.ab-fotogalery,.ab-video,.ab-report,.ab-pozvanka,.ab-zapasy)::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -5;background-image: url('/data/USR_001_PICTURES/tjslide1.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;} .akceDetail .akceBox .ab-info{grid-column: full;grid-row: 1;height: 100dvh;} .akceDetail .akceBox .ab-pozvanka{grid-column: full-start/stred;grid-row: 2;}/**/ .akceDetail .akceBox .ab-plagat{grid-column: stred/full-end;min-height: calc((100dvh - var(--hlavickaVyska))/1.25);grid-row: 2;}/**/ .akceDetail .akceBox .ab-report{grid-column: full;grid-row: 3;}/**/ .akceDetail .akceBox .ab-zapasy{grid-column: full;grid-row: 4;}/**/ .akceDetail .akceBox .ab-fotogalery{grid-column: full;grid-row: 5;}/**/ .akceDetail .akceBox .ab-video{grid-column: full;grid-row: 6;}/**/ .akceDetail .akceBox .ab-nt:empty,.akceDetail .akceBox .ab-plagat:empty{display: none;} /*left*/ .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty))::before{grid-column: stred/full-end;background: var(--bg-right-blue);} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: stred/obsah-end;grid-row: 1;text-align: left;justify-self: start;} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(.ab-Content,.AddGalery,.fightList,iframe){grid-column: stred/obsah-end;grid-row: 2;padding-top: 0;} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: obsah-start/stred;grid-row: 1;padding: calc(var(--lrOdsazeni)/2);padding-left: 0;} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(iframe){grid-column: full-start/stred;padding: 0;} /*right*/ .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty))::before{grid-column: full-start/stred;background: var(--bg-left-red);;} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: obsah-start/stred;grid-row: 1;text-align: right;justify-self: end;} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(.ab-Content,.AddGalery,.fightList,iframe){grid-column: obsah-start/stred;grid-row: 2;text-align: right;} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: stred/obsah-end;grid-row: 1;padding: calc(var(--lrOdsazeni)/2);padding-right: 0;} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(iframe){grid-column: stred/full-end;padding: 0;} .akceDetail .akceBox .ab-info{display: grid;grid-template-columns: subgrid;grid-template-rows: [full-start] 1fr [name] auto [datum] auto [misto] auto [cas] auto 1fr [full-end];} .akceDetail .akceBox .ab-info::before{background: var(--bg-right-blue);grid-column: stred/end;grid-row: full;} .akceDetail .akceBox .ab-info .ab-foto{grid-column: full;grid-row: full;position: relative;z-index: -2;width: 100%;height: 100%;} .akceDetail .akceBox .ab-info .ab-foto img{width: 100%;height: 100%;object-fit: cover;object-position: center;filter: grayscale(100%);} .akceDetail .akceBox .ab-info :where(.ab-name,.ab-datumBig,.ab-misto,.ab-cas){position: relative;z-index: 2;padding-left: calc(var(--lrOdsazeni)/2);} .akceDetail .akceBox .ab-info .ab-name{grid-column: stred/obsah-end;grid-row: name;} .akceDetail .akceBox .ab-info .ab-datumBig{grid-column: stred/obsah-end;grid-row: datum;} .akceDetail .akceBox .ab-info .ab-misto{grid-column: stred/obsah-end;grid-row: misto;} .akceDetail .akceBox .ab-info .ab-cas{grid-column: stred/obsah-end;grid-row: cas;} .akceDetail .akceBox .ab-info .ab-tlacitko{grid-column: full-start/stred;grid-row: 1/-1;justify-self: stretch;} .akceDetail .akceBox .ab-info .ab-tlacitko{z-index: 2;display: flex;gap: 1rem;justify-content: flex-end;padding: calc(var(--lrOdsazeni)/2);flex-wrap: wrap;flex-direction: column;align-items: flex-end;} .akceDetail .akceBox .ab-info .ab-tlacitko .tl{} .akceDetail .akceBox :where(.ab-report,.ab-pozvanka){grid-template-rows: auto 1fr;} .akceDetail .akceBox :where(.ab-report,.ab-pozvanka) .ab-Content{padding-top: 0;} .akceDetail .akceBox:has( > .ab-pozvanka:empty) .ab-plagat{grid-row: 3;} .akceDetail .akceBox .ab-plagat{position: relative;z-index: 1;} .akceDetail .akceBox .ab-plagat img{width: 100%;object-fit: contain;}/*max-height: calc(100dvh - var(--hlavickaVyska));*/ .akceDetail .akceBox .ab-video iframe{grid-column: stred/full-end;grid-row: 1;width: 100%;height: 100%;aspect-ratio: 16/9;} .akceDetail .akceBox .ab-fotogalery .AddGalery{grid-column: obsah-start/stred;grid-row: 1;padding: calc(var(--lrOdsazeni)/2); --grid-layout-gap: 1rem;--grid-column-count: 2;--grid-item--min-width: 200px;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));gap: var(--grid-layout-gap);grid-auto-flow: dense;direction: rtl;align-content: start;}/**/ .akceDetail .akceBox .ab-fotogalery .AddGalery .galeryIMG{} .akceDetail .akceBox .ab-fotogalery .AddGalery .galeryIMG a{} .akceDetail .akceBox .ab-fotogalery .AddGalery .galeryIMG a img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 4/3;} @media only screen and (max-width: 970px){ .akceDetail .akceBox .ab-info{height: auto;grid-template-rows: 1fr repeat(3,auto);} .akceDetail .akceBox .ab-info::before{grid-column: full;grid-row: -4/-1;} .akceDetail .akceBox .ab-info .ab-foto{grid-row: 1/-1;} .akceDetail .akceBox .ab-info :where(.ab-name,.ab-datumBig){padding-top: calc(var(--lrOdsazeni)/2);} .akceDetail .akceBox .ab-info .ab-name{grid-column: obsah-start/stred;grid-row: 2;text-align: right;align-self: center;} .akceDetail .akceBox .ab-info .ab-datumBig{grid-column: stred/obsah-end;grid-row: 2;text-align: left;} .akceDetail .akceBox .ab-info .ab-misto{grid-column: obsah-start/stred;grid-row: 3;text-align: right;} .akceDetail .akceBox .ab-info .ab-cas{grid-column: stred/obsah-end;grid-row: 3;} .akceDetail .akceBox .ab-info .ab-tlacitko{grid-column: obsah;grid-row: 4;} .akceDetail .akceBox .ab-info .ab-tlacitko{flex-direction: row;justify-content: center;flex-wrap: wrap;} .akceDetail .akceBox :where(.bb-bioBox, .bb-karieraBox, .bb-fotogalery, .bb-zapasy, .bb-video){min-height: auto;} .akceDetail .akceBox{grid-template-rows: repeat(7,auto);} .akceDetail .akceBox .ab-pozvanka{grid-column: full;grid-row: 2;} .akceDetail .akceBox .ab-plagat{grid-column: full;grid-row: 3;} .akceDetail .akceBox .ab-report{grid-column: full;grid-row: 4;} .akceDetail .akceBox .ab-zapasy{grid-column: full;grid-row: 5;} .akceDetail .akceBox .ab-fotogalery{grid-column: full;grid-row: 6;} .akceDetail .akceBox .ab-video{grid-column: full;grid-row: 7;} /*left*/ .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty))::before{grid-column: full;grid-row: 1/3;} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: obsah;grid-row: 1;} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(.ab-Content,.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;padding: 0 calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .akceDetail .akceBox .ab-nt:nth-child(odd of .ab-nt:not(:empty)) :where(iframe){grid-column: full;} /*right*/ .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty))::before{grid-column: full;grid-row: 1/3;} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(.bb-nadpis,.ab-nadpis){grid-column: obsah;grid-row: 1;} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(.ab-Content,.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(.AddGalery,.fightList,iframe){grid-column: obsah;grid-row: 2;padding: 0 calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);} .akceDetail .akceBox .ab-nt:nth-child(even of .ab-nt:not(:empty)) :where(iframe){grid-column: full;} } /* .pozadiSekce{display: none;} */ .pozadiSekce{grid-column: full;grid-row: 1/-1;display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;position: relative;z-index: -2;} .pozadiSekce .ps{grid-column: full;width: 100%;height: 100%;max-height: 100dvh;position: sticky;top: 0;} .pozadiSekce img{width: 100%;height: 100%;object-fit: cover;filter: grayscale(100%);} /*fight akce*/ .akceDetail .akceBox .fightList{padding: calc(var(--lrOdsazeni)/2) calc(var(--lrOdsazeni)/2);padding-right: 0;} .fl-nadpis{text-align: center;} .fightList{display: flex;flex-direction: column;gap: 2rem;} .fightList .flbox{display: grid;gap: 0.5rem 0.25rem;container: stat/inline-size; --mezeraC:2rem; grid-template-columns: [fotoL] auto [jmenoL] 1fr [mezeraS] var(--mezeraC) [jmenoP] 1fr [fotoP] auto [end]; grid-template-rows: [pruh] auto [jmeno] auto [kategorie] auto [info] auto [end]; } /* .fightList .flbox:nth-child(odd) .fl-stat::before{background: rgba(255, 0, 0,0.75);} .fightList .flbox:nth-child(even) .fl-stat::before{background: rgba(0, 0, 255,0.75);} */ .fightList :where(.fl-stat,.fl-fighter,.fl-boxer){display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;} .fightList :where(.fl-boxrec,.flb-name,.flb-foto,.fl-vitez){position: relative;z-index: 2;} .fightList .fl-stat{grid-column: 1/-1;grid-row: 1/-1;color: #000;} .fightList .fl-stat::before{content: '';grid-column: 1/-1;grid-row: pruh;background: #fff;position: relative;z-index: -1;} .fightList .fl-stat :where(.fl-kola,.fl-metoda){align-self: center;font-size: 3rem;display: flex;align-items: center;min-height: 3.5rem;padding: 0.75rem 0 0.5rem;white-space: nowrap;position: relative;z-index: 2;} .fightList .fl-stat .fl-kola{grid-column: jmenoL/mezeraS;grid-row: pruh;justify-self: end;} .fightList .fl-stat .fl-metoda{grid-column: jmenoP/fotoP;grid-row: pruh;justify-self: start;} .fightList .fl-stat .fl-vitez{grid-row: info;background: green;color: #fff;align-self: stretch;display: flex;align-items: center;padding: 7px clamp(1rem, 0.4444rem + 1.7778vw, 2rem) 0;z-index: 3; text-align: center;justify-content: center;} .fightList .fl-stat .fl-vitez.winner-left{grid-column: fotoL/jmenoL;}/*justify-self: start;*/ .fightList .fl-stat .fl-vitez.winner-right{grid-column: fotoP/end;}/*justify-self: end;*/ .fightList .fl-stat:not(:has( > .fl-metoda)) .fl-kola{grid-column: jmenoL/fotoP;justify-self: center;} .fightList .fl-stat:not(:has( > .fl-kola)) .fl-metoda{grid-column: jmenoL/fotoP;justify-self: center;} .fightList .fl-fighter{grid-column: 1/-1;grid-row: 1/-1;} .fightList .fl-fighter .fl-boxer{grid-column: 1/-1;grid-row: 1/-1;} .fightList .fl-fighter .fl-boxer .flb-foto{grid-row: pruh/end;width: 100%;max-width: 150px;} .fightList .fl-fighter .fl-boxer .flb-foto a{} .fightList .fl-fighter .fl-boxer .flb-foto img{aspect-ratio: 1/1.25;width: 100%;max-width: 150px;height: 100%;object-fit: cover;object-position: top;background: #e8e8e8;} .fightList .fl-fighter .fl-boxer .flb-name{grid-row: jmeno;} .fightList .fl-fighter .fl-boxer .flb-name a{} .fightList .fl-fighter .fl-boxer.flb-left{} .fightList .fl-fighter .fl-boxer.flb-left .flb-foto{grid-column: fotoL;} .fightList .fl-fighter .fl-boxer.flb-left .flb-name{grid-column: jmenoL;justify-self: end;text-align: right;} .fightList .fl-fighter .fl-boxer.flb-right{} .fightList .fl-fighter .fl-boxer.flb-right .flb-foto{grid-column: fotoP;} .fightList .fl-fighter .fl-boxer.flb-right .flb-name{grid-column: jmenoP;justify-self: start;text-align: left;} .fightList .fl-fighter .fl-kategorie{grid-column: jmenoL/fotoP;grid-row: kategorie;justify-self: center;} .fightList .fl-fighter .fl-boxrec{grid-column: jmenoL/fotoP;grid-row: info;justify-self: center;} .fightList .fl-fighter .fl-boxrec a{} @container stat (width < 550px){ .fightList .fl-stat :where(.fl-kola,.fl-metoda){font-size: 1.75rem;} } @media only screen and (max-width:500px) { .fightList .flbox{--mezeraC:1rem;} .fightList .fl-stat :where(.fl-kola,.fl-metoda){font-size: 1.25rem;} .fightList .fl-fighter .fl-boxer .flb-foto img{max-width: 75px;} } /*eshop kategorie*/ .tabDivBox.eshopKategorie{} .tabDivBox.eshopKategorie .tdb-container .tdb-content{border: 0;background: #fff;border-radius: 0;padding: clamp(0.75rem, 0.1944rem + 1.7778vw, 1.75rem);gap: calc(1.75rem*1.5);} .tabDivBox.eshopKategorie .tdb-container .tdb-content :where(.tr-obrazek, .tr-nadpis){padding: 0;} .tabDivBox.eshopKategorie .tdb-container .tdb-content .tr-obrazek{max-height: none;aspect-ratio: 1/1;} .tabDivBox.eshopKategorie .tdb-container .tdb-content .tr-obrazek img{max-height: none;} .tabDivBox.eshopKategorie .tdb-container .tdb-content .tr-nadpis{border: 0;border-radius: 0;} .tabDivBox.eshopKategorie .tdb-container .tdb-content .tr-nadpis a{display: inline-block;color: #fff;background: #000;font-variant-caps: all-petite-caps;padding: .25rem .75rem;} .tabDivBox.eshopKategorie .tdb-container .tdb-content:hover .tr-nadpis a{background: var(--barva02);} .tabDivBox.eshopKategorie .tdb-container .tdb-content.hiddenTD{display: none;} /*grafikaweb end*/ /* ---------------------------formulare----------------------- */ .AppFormKont #writeusform:has( .rozdelit){display: block;} .divForm fieldset{border:0 solid var(--barva01);border-width:1px 0 0 0;margin:0;padding:0 0 0 1.5em;} .divForm legend{padding:0 0.5em;} .formContent{margin-left: calc(-1*(1.5em/2))} .formContent .fieldReq{color:red;} .formContent .fc-inputBox{padding:0.15em 0 0.5em 0;} .formContent .fc-inputBox:not(.fci-radio,.fci-checkbox) .fci-label{display:inline-flex;flex-direction:column;} .formContent .fc-inputBox:not(.fci-radio,.fci-checkbox) .fci-label .fci-input{order:1;} .formContent .fc-inputBox:not(.fci-radio,.fci-checkbox) .fci-label .fci-span{order:-1;margin:0 0 0.05em 0;} .formContent .fc-inputBox:not(.fci-radio,.fci-checkbox) .fci-label .fci-span,.formContent .fc-inputBox.fci-radio .fc-nameBox{font-weight:700;} .formContent .fc-inputBox .fci-label .inputText{width:400px;} .formContent .fc-inputBox .fci-label .inputTextSmall{width:calc(1em * 5);} .formContent .fc-inputBox .fci-label .inputRadio{} .formContent .fc-inputBox .fci-label .inputCheckbox{} .formContent .fc-inputBox .fci-label .inputTextarea{width:400px;height:200px !important;} .formContent .fc-inputBox .fci-label .inputSelect{width:400px;} .formContent .fc-inputBox .fci-label .inputCaptcha{width:400px;} .formContent .fc-inputBox .fci-label .inputSubmit{} /*custom radio a checkbox*/ .formContent .fc-inputBox.fci-radio .fci-label,.formContent .fc-inputBox.fci-checkbox .fci-label{position:relative;display:flex;align-items:center;} .formContent .fc-inputBox.fci-radio .fci-input.inputRadio,.formContent .fc-inputBox.fci-checkbox .fci-input.inputCheckbox{opacity:0;width:0;height:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: absolute;top: 0;left: 0;} .formContent .fc-inputBox.fci-radio .fci-input.inputRadio ~ .fci-custom,.formContent .fc-inputBox.fci-checkbox .fci-input.inputCheckbox ~ .fci-custom {display: inline-flex;width: 1.5em;height: 1.5em;border: 1px solid var(--barva05);background: var(--barvafff);aspect-ratio: 1/1;margin:0 0.35em 0 0} .formContent .fc-inputBox.fci-radio .fci-input.inputRadio:checked ~ .fci-custom,.formContent .fc-inputBox.fci-checkbox .fci-input.inputCheckbox:checked ~ .fci-custom {align-items: center;justify-content: center;border-color: var(--barvaHL01);} .formContent .fc-inputBox.fci-radio .fci-input.inputRadio:checked ~ .fci-custom:before,.formContent .fc-inputBox.fci-checkbox .fci-input.inputCheckbox:checked ~ .fci-custom:before {content: '';display: block;} .formContent .fc-inputBox.fci-radio{display:flex;flex-wrap: wrap;gap: 0.2em 0.75em;} .formContent .fc-inputBox.fci-radio .fc-nameBox{flex:1 1 100%;} .formContent .fc-inputBox.fci-radio .fci-input.inputRadio ~ .fci-custom{border-radius:100%;} .formContent .fc-inputBox.fci-radio .fci-input.inputRadio:checked ~ .fci-custom:before{width:0.7em;height:0.7em;background-color:var(--barvaHL01);border-radius:100%;} .formContent .fc-inputBox.fci-checkbox .fci-custom{align-self:flex-start;} .formContent .fc-inputBox.fci-checkbox .fci-input.inputCheckbox:checked ~ .fci-custom:before{width: 0.5em;height: 0.8em;border: 3px solid var(--barvaHL01);transform: rotate(45deg);border-width: 0 3px 3px 0;} /*custom radio a checkbox*/ .formContent .fc-inputBox.fci-captcha .fci-label{flex-direction: row;flex-wrap: wrap;} .formContent .fc-inputBox.fci-captcha .fci-label .inputCaptcha{order: 1;width: calc(400px - 95px);} .formContent .fc-inputBox.fci-captcha .fci-label .fci-span{flex: 1 1 100%;} .formContent .fc-inputBox.fci-captcha .fci-label .fci-imgCaptcha{order: 2;display: flex;align-items: center;justify-content: center;width: 95px;} .formContent .fc-inputBox.fci-captcha .fci-label .fci-imgCaptcha img#captchaImg{width: 86px;min-width: 86px;} .formContent .fc-inputBox.fci-sibmit{display:inline-flex;flex-direction:column;align-items: flex-start;} .formContent .fc-inputBox.fci-sibmit .fcis-submit{order:1;margin: 0.5em 0 0;} .formContent .fc-inputBox.fci-sibmit .fcis-obligatory{order:-1;} .rozdelit{--grid-layout-gap: 1em;--grid-column-count: 3;--grid-item--min-width: 250px;display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: var(--grid-layout-gap);margin-bottom: 1em;} .rozdelit.rozdel2{--grid-column-count: 2;} .rozdelit.rozdel3{--grid-column-count: 3;} .rozdelit.rozdel4{--grid-column-count: 4;} .rozdelit.rozdel5{--grid-column-count: 5;--grid-item--min-width: 100px;} .rozdelit.rozdel6{--grid-column-count: 6;--grid-item--min-width: 100px;} @media only screen and (max-width:1210px) { .formContent .fc-inputBox:not(.fci-radio, .fci-checkbox) .fci-label{display: flex;} } @media only screen and (max-width:450px) { .formContent {margin-left: -1.5em;} .formContent .fc-inputBox .fci-label .inputText, .formContent .fc-inputBox .fci-label .inputTextarea, .formContent .fc-inputBox .fci-label .inputSelect, .formContent .fc-inputBox .fci-label .inputCaptcha{width:100%;} .formContent .fc-inputBox.fci-captcha .fci-label .inputCaptcha{order: 1;width: calc(100% - 95px);} } /* ------------------------ produkty -------------------------*/ .productItemPicture {width:200px;} /* --------------------------- shop -------------------------- */ .basketStep{ float: left; width: 80px; height: 30px; text-align: center; padding-top: 5px; margin-left: 5px; border: 1px dotted #efa038; } .basketStepActive{ float: left; width: 80px; height: 30px; text-align: center; font-weight: bold; padding-top: 5px; margin-left: 5px; border: 1px solid #efa038; background-color: #f7f8fe; } /*editace z xichtu*/ .Rupdate{position:relative;} a.updatebtn {position:absolute;bottom: 0;right: 0;font-size: 1rem;padding: 0.15em 0.45em;display:block;border:1px solid #678abb;color:#fff !important;background:#678abb !important;text-decoration:none;} a.updatebtn:hover {background:#fff !important;color:#678abb !important;} .shopFilter{float:left; width:100%; margin:10px auto; text-align:center; } .shopFilterItem{ float:left; width:200px; margin:3px; } .shopFilter p{margin:8px; float:left;} /* SLIDESHOW */ /* #slideShow{width: 100%;height: 100%;max-height: calc(100dvh - var(--hlavickaVyska,188px));} */ #slideShow .sy-box{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;} #slideShow .sy-box .sy-slides-wrap{grid-column: 1/-1;grid-row: 1/-1;} #slideShow .sy-box .sy-pager{grid-column: 1/2;grid-row: 2;justify-self: end;align-self: end;z-index: 10;margin: 0;padding: 2.5rem 0;max-width: calc(var(--MaxsirkaObsahu)/2);} #slideShow .sy-box .sy-pager{display: flex;justify-content: center;gap: 1.5rem;} #slideShow .sy-box .sy-pager li{margin: 0;width: 4.5rem;height: 1.5rem;} #slideShow .sy-box .sy-pager li + li{margin: 0 !important;} #slideShow .sy-box .sy-pager li a{border-radius: 0;background-color: var(--barvafff);} #slideShow .sy-box .sy-pager li.sy-active a{background-color: var(--barva02);} /* .imageGallery,.sy-box,.slides-obsah{width: 100%;height: 100%;} */ /* #slideShow ul.slides li{height: 100%;} */ #slideShow ul.slides li + li{margin: 0 !important;} #slideShow .slides-obsah{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;} #slideShow .slides-obsah::before,#slideShow .slides-obsah img,#slideShow .slides-obsah .BannerTextBox{position: relative;z-index: 1;} #slideShow .slides-obsah::before{content: '';display: block;width: 100%;height: 100%;grid-column: -2/-1;grid-row: 1/-1;z-index: 2;background-color: rgba(0,0,0,0.66);} #slideShow .slides-obsah::before{content: '';display: block;width: 100%;height: 100%;grid-column: -2/-1;grid-row: 1/-1;z-index: 3;background: linear-gradient(90deg,rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 0.25) 100%);} #slideShow .slides-obsah img{grid-column: 1/-1;grid-row: 1/-1;width: 100%;height: 100%;height: calc(100dvh - var(--hlavickaVyska,188px));object-fit: cover;z-index: 1;} #slideShow .slides-obsah .BannerTextBox{grid-column: 1/-1;grid-row: 1/-1;z-index: 3;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;} #slideShow .slides-obsah .BannerTextBoxC{grid-column: -2/-1;grid-row: 1/-1;align-self: center;padding: 0 0 0 var(--mp21);font-size: 6.5rem;line-height: 1.0em;color: #fff;font-size: clamp(1.5rem, -1.2778rem + 8.8889vw, 6.5rem);} #slideShow .slides-obsah .BannerTextBoxC .btb-name{font-weight: bold;font-size: 5.25rem;line-height: 1.1em;max-width: 85%;margin-bottom: 2rem;font-size: clamp(2.25rem, 0.5833rem + 5.3333vw, 5.25rem);} #slideShow .slides-obsah .BannerTextBoxC .btb-text{} #slideShow .slides-obsah .BannerTextBoxC .btb-text h2{} #slideShow .slides-obsah .BannerTextBoxC .btb-text h3{font-size: 7.55rem;line-height: 1.1em;margin: 0;margin-bottom: 2rem;font-size: clamp(3rem, 0.4722rem + 8.0889vw, 7.55rem);} #slideShow .slides-obsah .BannerTextBoxC .btb-text h4{font-size: 4.5rem;line-height: 1em;margin: 0;font-size: clamp(1.75rem, 0.2222rem + 4.8889vw, 4.5rem);} #slideShow .slides-obsah .BannerTextBoxC .tl{font-size: 3rem;line-height: 1.1em;} @media only screen and (max-width: 700px){ #slideShow .sy-box .sy-pager{grid-column: 1/-1;grid-row: 1;} #slideShow .slides-obsah::before{grid-column: 1/-1;grid-row: -2/-1;} #slideShow .slides-obsah .BannerTextBoxC{grid-column: 1/-1;grid-row: -2/-1;} } /* #slideShow {padding: 0;} ul.slides{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;} li.bjqs-slide{position:absolute; display:none;} ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;} ul.bjqs-controls.v-centered li a{position:absolute;} ul.bjqs-controls.v-centered li.bjqs-next a{right:0; display:none;} ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; display:none;} ol.bjqs-markers{display:none;} ol.bjqs-markers.h-centered{display:none;} p.bjqs-caption{display:none;} p.bjqs-caption2{display:none;} */ #popUpC{background: rgba(128,128,128,0.5);width: 100%;height: 100%;position: fixed;z-index: 100000;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;} #popUp{position: relative;font-size: 1rem;filter: drop-shadow(0 1px 4px #333);} #popUp *{box-sizing: border-box;} button#popUpclose{margin:0;padding:0;border:0;border-radius:0;background:none;width: auto;height: auto;min-width: auto;max-width: none;min-height: auto;max-height: none;color: inherit;} button#popUpclose{z-index:300;position: absolute;top: 0;right: 0;width: calc(1em + 0.13em);height: calc(1em + 0.13em);font-size: 1.7em;line-height: 1em;display: flex;align-items: center;justify-content: center;padding: 0;background: #fff;border-radius: 100%;border: 1px solid #595959;box-sizing: border-box;margin: calc(-1*(1em + 0.13em)/3);cursor: pointer;transition: all linear 0.3s;font-family: arial;} button#popUpclose:hover{color: #fff;background: #222;} #popUp .content{max-width:90vw;max-height:90vh;display: grid;grid-auto-rows: 100%;overflow: hidden;border-radius: 15px;background:#fff;} #popUp img.PoPobrazek{aspect-ratio: auto;width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;} #popUp a.PoPodkaz{position: relative;z-index: 3;} #popUp .Popobsah{padding: 0.95em;position: relative;z-index: 2;min-width: 250px;min-height: 150px;} /*vse pres cele*/ #popUpC.cele .content,#popUpC:not(.pulka) .content{grid-auto-columns: 100%;} #popUpC.cele img.PoPobrazek,#popUpC:not(.pulka) img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;} #popUpC.cele a.PoPodkaz,#popUpC:not(.pulka) a.PoPodkaz{grid-column: 1/2;grid-row: 1/2;} #popUpC.cele .Popobsah,#popUpC:not(.pulka) .Popobsah{grid-column: 1/2;grid-row: 1/2;} #popUpC.maxSV:not(.pulka) .Popobsah{width: 90vw;height: 90vh;max-width: 100%;max-height: 100%;} /*pul text a obrazek*/ @media only screen and (min-width: 950px){#popUp{max-width: 1300px;}} #popUpC.pulka .content{grid-auto-columns: 1fr 1fr;} #popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;} #popUpC.pulka a.PoPodkaz{grid-column: 1/3;grid-row: 1/2;} #popUpC.pulka .Popobsah{grid-column: 2/3;grid-row: 1/2;} @media only screen and (max-width: 600px){ #popUpC.pulka .content{grid-auto-columns: 100%;grid-template-rows: 1fr 1fr;} #popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 2/3;} #popUpC.pulka a.PoPodkaz{grid-column: 1/2;grid-row: 1/3;} #popUpC.pulka .Popobsah{grid-column: 1/2;grid-row: 1/2;} } .Popobsah table,.Popobsah table.datatable{max-width:100%;height:100% !important;width: 100% !important;background: transparent;font-size:1em;font-family:inherit;} .Popobsah table,.Popobsah table tbody,.Popobsah table tr,.Popobsah table th,.Popobsah table td, .Popobsah table.datatable,.Popobsah table.datatable tbody,.Popobsah table.datatable tr,.Popobsah table.datatable th,.Popobsah table.datatable td {margin:0;padding:0;color:inherit;} .Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:2.5em;background: transparent;line-height:normal;margin:0;padding:0;} /*cookie lista*/ .myBody .cookiebox{font-size: 20px;line-height: 1.2em;} .myBody .cookiealert .cookie-tlacitka .cookie-tla{font-variant-caps: all-petite-caps;font-size: 1.15em;} .myBody .cookiealert .cookie-tlacitka .cookie-souhlas{--BtnRamecek:var(--barva02)} .myBody .cookiealert .cookie-tlacitka .cookie-souhlas:hover{--BtnRamecek:var(--barva03)} .myBody .cookieDole .cookiealert .cookie-tlacitka .cookie-tla{padding: 0.05em 0.75em;} .myBody .cookieDole .cookie-ico{top: calc(-1.5em/1.6);background: #fff;} /*-_respo_-*/ @media only screen and (max-width:0px) {} @media only screen and (min-width:0px) {} .d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-show{display:block!important}.d-hide{display:none!important} .grid-justify-content-start{justify-content:start}.grid-justify-content-end{justify-content:end}.grid-justify-content-center{justify-content:center}.grid-justify-content-stretch{justify-content:stretch}.grid-justify-content-around{justify-content:space-around}.grid-justify-content-between{justify-content:space-between}.grid-justify-content-evenly{justify-content:space-evenly}.grid-align-content-start{align-content:start}.grid-align-content-end{align-content:end}.grid-align-content-center{align-content:center}.grid-align-content-stretch{align-content:stretch}.grid-align-content-around{align-content:space-around}.grid-align-content-between{align-content:space-between}.grid-align-content-evenly{align-content:space-evenly}.grid-justify-items-start{justify-items:start}.grid-justify-items-end{justify-items:end}.grid-justify-items-center{justify-items:center}.grid-justify-items-stretch{justify-items:stretch}.grid-align-items-start{align-items:start}.grid-align-items-end{align-items:end}.grid-align-items-center{align-items:center}.grid-align-items-stretch{align-items:stretch}.grid-justify-self-start{justify-self:start}.grid-justify-self-end{justify-self:end}.grid-justify-self-center{justify-self:center}.grid-justify-self-stretch{justify-self:stretch}.grid-align-self-start{align-self:start}.grid-align-self-end{align-self:end}.grid-align-self-center{align-self:center}.grid-align-self-stretch{align-self:stretch} .flex-direction-row{flex-direction:row}.flex-direction-row-reverse{flex-direction:row-reverse}.flex-direction-column{flex-direction:column}.flex-direction-column-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-justify-content-start{justify-content:flex-start}.flex-justify-content-end{justify-content:flex-end}.flex-justify-content-center{justify-content:center}.flex-justify-content-between{justify-content:space-between}.flex-justify-content-around{justify-content:space-around}.flex-justify-content-evenly{justify-content:space-evenly}.flex-align-content-start{align-content:flex-start}.flex-align-content-end{align-content:flex-end}.flex-align-content-center{align-content:center}.flex-align-content-stretch{align-content:stretch}.flex-align-content-around{align-content:space-around}.flex-align-content-between{align-content:space-between}.flex-align-items-start{align-items:flex-start}.flex-align-items-end{align-items:flex-end}.flex-align-items-center{align-items:center}.flex-align-items-baseline{align-items:baseline}.flex-align-items-stretch{align-items:stretch}.flex-align-self-auto{align-self:auto}.flex-align-self-start{align-self:flex-start}.flex-align-self-end{align-self:flex-end}.flex-align-self-center{align-self:center}.flex-align-self-baseline{align-self:baseline}.flex-align-self-stretch{align-self:stretch}.flex-fill{flex:1 1 auto}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1} .w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-auto{width:auto}.max-w-100{max-width:100%}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.h-auto{height:auto}.max-h-100{max-height:100%}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.text-align-justify{text-align:justify}.vertical-align-baseline{vertical-align:baseline}.vertical-align-top{vertical-align:top}.vertical-align-middle{vertical-align:middle}.vertical-align-bottom{vertical-align:bottom}.float-left{float:left}.float-right{float:right}.float-none{float:none}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky} .m-0{margin:var(--mp0)}.m-1{margin:var(--mp1)}.m-2{margin:var(--mp2)}.m-3{margin:var(--mp3)}.m-4{margin:var(--mp4)}.m-5{margin:var(--mp5)}.m-6{margin:var(--mp6)}.m-7{margin:var(--mp7)}.m-8{margin:var(--mp8)}.m-9{margin:var(--mp9)}.m-10{margin:var(--mp10)}.m-11{margin:var(--mp11)}.m-12{margin:var(--mp12)}.m-13{margin:var(--mp13)}.m-14{margin:var(--mp14)}.m-15{margin:var(--mp15)}.m-16{margin:var(--mp16)}.m-17{margin:var(--mp17)}.m-18{margin:var(--mp18)}.m-19{margin:var(--mp19)}.m-20{margin:var(--mp20)}.m-21{margin:var(--mp21)}.m-22{margin:var(--mp22)}.m-23{margin:var(--mp23)}.m-24{margin:var(--mp24)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:var(--mp0);margin-right:var(--mp0)}.mx-1{margin-left:var(--mp1);margin-right:var(--mp1)}.mx-2{margin-left:var(--mp2);margin-right:var(--mp2)}.mx-3{margin-left:var(--mp3);margin-right:var(--mp3)}.mx-4{margin-left:var(--mp4);margin-right:var(--mp4)}.mx-5{margin-left:var(--mp5);margin-right:var(--mp5)}.mx-6{margin-left:var(--mp6);margin-right:var(--mp6)}.mx-7{margin-left:var(--mp7);margin-right:var(--mp7)}.mx-8{margin-left:var(--mp8);margin-right:var(--mp8)}.mx-9{margin-left:var(--mp9);margin-right:var(--mp9)}.mx-10{margin-left:var(--mp10);margin-right:var(--mp10)}.mx-11{margin-left:var(--mp11);margin-right:var(--mp11)}.mx-12{margin-left:var(--mp12);margin-right:var(--mp12)}.mx-13{margin-left:var(--mp13);margin-right:var(--mp13)}.mx-14{margin-left:var(--mp14);margin-right:var(--mp14)}.mx-15{margin-left:var(--mp15);margin-right:var(--mp15)}.mx-16{margin-left:var(--mp16);margin-right:var(--mp16)}.mx-17{margin-left:var(--mp17);margin-right:var(--mp17)}.mx-18{margin-left:var(--mp18);margin-right:var(--mp18)}.mx-19{margin-left:var(--mp19);margin-right:var(--mp19)}.mx-20{margin-left:var(--mp20);margin-right:var(--mp20)}.mx-21{margin-left:var(--mp21);margin-right:var(--mp21)}.mx-22{margin-left:var(--mp22);margin-right:var(--mp22)}.mx-23{margin-left:var(--mp23);margin-right:var(--mp23)}.mx-24{margin-left:var(--mp24);margin-right:var(--mp24)}.my-auto{margin-top:auto;margin-bottom:auto}.my-0{margin-top:var(--mp0);margin-bottom:var(--mp0)}.my-1{margin-top:var(--mp1);margin-bottom:var(--mp1)}.my-2{margin-top:var(--mp2);margin-bottom:var(--mp2)}.my-3{margin-top:var(--mp3);margin-bottom:var(--mp3)}.my-4{margin-top:var(--mp4);margin-bottom:var(--mp4)}.my-5{margin-top:var(--mp5);margin-bottom:var(--mp5)}.my-6{margin-top:var(--mp6);margin-bottom:var(--mp6)}.my-7{margin-top:var(--mp7);margin-bottom:var(--mp7)}.my-8{margin-top:var(--mp8);margin-bottom:var(--mp8)}.my-9{margin-top:var(--mp9);margin-bottom:var(--mp9)}.my-10{margin-top:var(--mp10);margin-bottom:var(--mp10)}.my-11{margin-top:var(--mp11);margin-bottom:var(--mp11)}.my-12{margin-top:var(--mp12);margin-bottom:var(--mp12)}.my-13{margin-top:var(--mp13);margin-bottom:var(--mp13)}.my-14{margin-top:var(--mp14);margin-bottom:var(--mp14)}.my-15{margin-top:var(--mp15);margin-bottom:var(--mp15)}.my-16{margin-top:var(--mp16);margin-bottom:var(--mp16)}.my-17{margin-top:var(--mp17);margin-bottom:var(--mp17)}.my-18{margin-top:var(--mp18);margin-bottom:var(--mp18)}.my-19{margin-top:var(--mp19);margin-bottom:var(--mp19)}.my-20{margin-top:var(--mp20);margin-bottom:var(--mp20)}.my-21{margin-top:var(--mp21);margin-bottom:var(--mp21)}.my-22{margin-top:var(--mp22);margin-bottom:var(--mp22)}.my-23{margin-top:var(--mp23);margin-bottom:var(--mp23)}.my-24{margin-top:var(--mp24);margin-bottom:var(--mp24)}.mt-auto{margin-top:auto}.mt-0{margin-top:var(--mp0)}.mt-1{margin-top:var(--mp1)}.mt-2{margin-top:var(--mp2)}.mt-3{margin-top:var(--mp3)}.mt-4{margin-top:var(--mp4)}.mt-5{margin-top:var(--mp5)}.mt-6{margin-top:var(--mp6)}.mt-7{margin-top:var(--mp7)}.mt-8{margin-top:var(--mp8)}.mt-9{margin-top:var(--mp9)}.mt-10{margin-top:var(--mp10)}.mt-11{margin-top:var(--mp11)}.mt-12{margin-top:var(--mp12)}.mt-13{margin-top:var(--mp13)}.mt-14{margin-top:var(--mp14)}.mt-15{margin-top:var(--mp15)}.mt-16{margin-top:var(--mp16)}.mt-17{margin-top:var(--mp17)}.mt-18{margin-top:var(--mp18)}.mt-19{margin-top:var(--mp19)}.mt-20{margin-top:var(--mp20)}.mt-21{margin-top:var(--mp21)}.mt-22{margin-top:var(--mp22)}.mt-23{margin-top:var(--mp23)}.mt-24{margin-top:var(--mp24)}.mr-auto{margin-right:auto}.mr-0{margin-right:var(--mp0)}.mr-1{margin-right:var(--mp1)}.mr-2{margin-right:var(--mp2)}.mr-3{margin-right:var(--mp3)}.mr-4{margin-right:var(--mp4)}.mr-5{margin-right:var(--mp5)}.mr-6{margin-right:var(--mp6)}.mr-7{margin-right:var(--mp7)}.mr-8{margin-right:var(--mp8)}.mr-9{margin-right:var(--mp9)}.mr-10{margin-right:var(--mp10)}.mr-11{margin-right:var(--mp11)}.mr-12{margin-right:var(--mp12)}.mr-13{margin-right:var(--mp13)}.mr-14{margin-right:var(--mp14)}.mr-15{margin-right:var(--mp15)}.mr-16{margin-right:var(--mp16)}.mr-17{margin-right:var(--mp17)}.mr-18{margin-right:var(--mp18)}.mr-19{margin-right:var(--mp19)}.mr-20{margin-right:var(--mp20)}.mr-21{margin-right:var(--mp21)}.mr-22{margin-right:var(--mp22)}.mr-23{margin-right:var(--mp23)}.mr-24{margin-right:var(--mp24)}.mb-auto{margin-bottom:auto}.mb-0{margin-bottom:var(--mp0)}.mb-1{margin-bottom:var(--mp1)}.mb-2{margin-bottom:var(--mp2)}.mb-3{margin-bottom:var(--mp3)}.mb-4{margin-bottom:var(--mp4)}.mb-5{margin-bottom:var(--mp5)}.mb-6{margin-bottom:var(--mp6)}.mb-7{margin-bottom:var(--mp7)}.mb-8{margin-bottom:var(--mp8)}.mb-9{margin-bottom:var(--mp9)}.mb-10{margin-bottom:var(--mp10)}.mb-11{margin-bottom:var(--mp11)}.mb-12{margin-bottom:var(--mp12)}.mb-13{margin-bottom:var(--mp13)}.mb-14{margin-bottom:var(--mp14)}.mb-15{margin-bottom:var(--mp15)}.mb-16{margin-bottom:var(--mp16)}.mb-17{margin-bottom:var(--mp17)}.mb-18{margin-bottom:var(--mp18)}.mb-19{margin-bottom:var(--mp19)}.mb-20{margin-bottom:var(--mp20)}.mb-21{margin-bottom:var(--mp21)}.mb-22{margin-bottom:var(--mp22)}.mb-23{margin-bottom:var(--mp23)}.mb-24{margin-bottom:var(--mp24)}.ml-auto{margin-left:auto}.ml-0{margin-left:var(--mp0)}.ml-1{margin-left:var(--mp1)}.ml-2{margin-left:var(--mp2)}.ml-3{margin-left:var(--mp3)}.ml-4{margin-left:var(--mp4)}.ml-5{margin-left:var(--mp5)}.ml-6{margin-left:var(--mp6)}.ml-7{margin-left:var(--mp7)}.ml-8{margin-left:var(--mp8)}.ml-9{margin-left:var(--mp9)}.ml-10{margin-left:var(--mp10)}.ml-11{margin-left:var(--mp11)}.ml-12{margin-left:var(--mp12)}.ml-13{margin-left:var(--mp13)}.ml-14{margin-left:var(--mp14)}.ml-15{margin-left:var(--mp15)}.ml-16{margin-left:var(--mp16)}.ml-17{margin-left:var(--mp17)}.ml-18{margin-left:var(--mp18)}.ml-19{margin-left:var(--mp19)}.ml-20{margin-left:var(--mp20)}.ml-21{margin-left:var(--mp21)}.ml-22{margin-left:var(--mp22)}.ml-23{margin-left:var(--mp23)}.ml-24{margin-left:var(--mp24)}.p-0{padding:var(--mp0)}.p-1{padding:var(--mp1)}.p-2{padding:var(--mp2)}.p-3{padding:var(--mp3)}.p-4{padding:var(--mp4)}.p-5{padding:var(--mp5)}.p-6{padding:var(--mp6)}.p-7{padding:var(--mp7)}.p-8{padding:var(--mp8)}.p-9{padding:var(--mp9)}.p-10{padding:var(--mp10)}.p-11{padding:var(--mp11)}.p-12{padding:var(--mp12)}.p-13{padding:var(--mp13)}.p-14{padding:var(--mp14)}.p-15{padding:var(--mp15)}.p-16{padding:var(--mp16)}.p-17{padding:var(--mp17)}.p-18{padding:var(--mp18)}.p-19{padding:var(--mp19)}.p-20{padding:var(--mp20)}.p-21{padding:var(--mp21)}.p-22{padding:var(--mp22)}.p-23{padding:var(--mp23)}.p-24{padding:var(--mp24)}.px-0{padding-left:var(--mp0);padding-right:var(--mp0)}.px-1{padding-left:var(--mp1);padding-right:var(--mp1)}.px-2{padding-left:var(--mp2);padding-right:var(--mp2)}.px-3{padding-left:var(--mp3);padding-right:var(--mp3)}.px-4{padding-left:var(--mp4);padding-right:var(--mp4)}.px-5{padding-left:var(--mp5);padding-right:var(--mp5)}.px-6{padding-left:var(--mp6);padding-right:var(--mp6)}.px-7{padding-left:var(--mp7);padding-right:var(--mp7)}.px-8{padding-left:var(--mp8);padding-right:var(--mp8)}.px-9{padding-left:var(--mp9);padding-right:var(--mp9)}.px-10{padding-left:var(--mp10);padding-right:var(--mp10)}.px-11{padding-left:var(--mp11);padding-right:var(--mp11)}.px-12{padding-left:var(--mp12);padding-right:var(--mp12)}.px-13{padding-left:var(--mp13);padding-right:var(--mp13)}.px-14{padding-left:var(--mp14);padding-right:var(--mp14)}.px-15{padding-left:var(--mp15);padding-right:var(--mp15)}.px-16{padding-left:var(--mp16);padding-right:var(--mp16)}.px-17{padding-left:var(--mp17);padding-right:var(--mp17)}.px-18{padding-left:var(--mp18);padding-right:var(--mp18)}.px-19{padding-left:var(--mp19);padding-right:var(--mp19)}.px-20{padding-left:var(--mp20);padding-right:var(--mp20)}.px-21{padding-left:var(--mp21);padding-right:var(--mp21)}.px-22{padding-left:var(--mp22);padding-right:var(--mp22)}.px-23{padding-left:var(--mp23);padding-right:var(--mp23)}.px-24{padding-left:var(--mp24);padding-right:var(--mp24)}.py-0{padding-top:var(--mp0);padding-bottom:var(--mp0)}.py-1{padding-top:var(--mp1);padding-bottom:var(--mp1)}.py-2{padding-top:var(--mp2);padding-bottom:var(--mp2)}.py-3{padding-top:var(--mp3);padding-bottom:var(--mp3)}.py-4{padding-top:var(--mp4);padding-bottom:var(--mp4)}.py-5{padding-top:var(--mp5);padding-bottom:var(--mp5)}.py-6{padding-top:var(--mp6);padding-bottom:var(--mp6)}.py-7{padding-top:var(--mp7);padding-bottom:var(--mp7)}.py-8{padding-top:var(--mp8);padding-bottom:var(--mp8)}.py-9{padding-top:var(--mp9);padding-bottom:var(--mp9)}.py-10{padding-top:var(--mp10);padding-bottom:var(--mp10)}.py-11{padding-top:var(--mp11);padding-bottom:var(--mp11)}.py-12{padding-top:var(--mp12);padding-bottom:var(--mp12)}.py-13{padding-top:var(--mp13);padding-bottom:var(--mp13)}.py-14{padding-top:var(--mp14);padding-bottom:var(--mp14)}.py-15{padding-top:var(--mp15);padding-bottom:var(--mp15)}.py-16{padding-top:var(--mp16);padding-bottom:var(--mp16)}.py-17{padding-top:var(--mp17);padding-bottom:var(--mp17)}.py-18{padding-top:var(--mp18);padding-bottom:var(--mp18)}.py-19{padding-top:var(--mp19);padding-bottom:var(--mp19)}.py-20{padding-top:var(--mp20);padding-bottom:var(--mp20)}.py-21{padding-top:var(--mp21);padding-bottom:var(--mp21)}.py-22{padding-top:var(--mp22);padding-bottom:var(--mp22)}.py-23{padding-top:var(--mp23);padding-bottom:var(--mp23)}.py-24{padding-top:var(--mp24);padding-bottom:var(--mp24)}.pt-0{padding-top:var(--mp0)}.pt-1{padding-top:var(--mp1)}.pt-2{padding-top:var(--mp2)}.pt-3{padding-top:var(--mp3)}.pt-4{padding-top:var(--mp4)}.pt-5{padding-top:var(--mp5)}.pt-6{padding-top:var(--mp6)}.pt-7{padding-top:var(--mp7)}.pt-8{padding-top:var(--mp8)}.pt-9{padding-top:var(--mp9)}.pt-10{padding-top:var(--mp10)}.pt-11{padding-top:var(--mp11)}.pt-12{padding-top:var(--mp12)}.pt-13{padding-top:var(--mp13)}.pt-14{padding-top:var(--mp14)}.pt-15{padding-top:var(--mp15)}.pt-16{padding-top:var(--mp16)}.pt-17{padding-top:var(--mp17)}.pt-18{padding-top:var(--mp18)}.pt-19{padding-top:var(--mp19)}.pt-20{padding-top:var(--mp20)}.pt-21{padding-top:var(--mp21)}.pt-22{padding-top:var(--mp22)}.pt-23{padding-top:var(--mp23)}.pt-24{padding-top:var(--mp24)}.pr-0{padding-right:var(--mp0)}.pr-1{padding-right:var(--mp1)}.pr-2{padding-right:var(--mp2)}.pr-3{padding-right:var(--mp3)}.pr-4{padding-right:var(--mp4)}.pr-5{padding-right:var(--mp5)}.pr-6{padding-right:var(--mp6)}.pr-7{padding-right:var(--mp7)}.pr-8{padding-right:var(--mp8)}.pr-9{padding-right:var(--mp9)}.pr-10{padding-right:var(--mp10)}.pr-11{padding-right:var(--mp11)}.pr-12{padding-right:var(--mp12)}.pr-13{padding-right:var(--mp13)}.pr-14{padding-right:var(--mp14)}.pr-15{padding-right:var(--mp15)}.pr-16{padding-right:var(--mp16)}.pr-17{padding-right:var(--mp17)}.pr-18{padding-right:var(--mp18)}.pr-19{padding-right:var(--mp19)}.pr-20{padding-right:var(--mp20)}.pr-21{padding-right:var(--mp21)}.pr-22{padding-right:var(--mp22)}.pr-23{padding-right:var(--mp23)}.pr-24{padding-right:var(--mp24)}.pb-0{padding-bottom:var(--mp0)}.pb-1{padding-bottom:var(--mp1)}.pb-2{padding-bottom:var(--mp2)}.pb-3{padding-bottom:var(--mp3)}.pb-4{padding-bottom:var(--mp4)}.pb-5{padding-bottom:var(--mp5)}.pb-6{padding-bottom:var(--mp6)}.pb-7{padding-bottom:var(--mp7)}.pb-8{padding-bottom:var(--mp8)}.pb-9{padding-bottom:var(--mp9)}.pb-10{padding-bottom:var(--mp10)}.pb-11{padding-bottom:var(--mp11)}.pb-12{padding-bottom:var(--mp12)}.pb-13{padding-bottom:var(--mp13)}.pb-14{padding-bottom:var(--mp14)}.pb-15{padding-bottom:var(--mp15)}.pb-16{padding-bottom:var(--mp16)}.pb-17{padding-bottom:var(--mp17)}.pb-18{padding-bottom:var(--mp18)}.pb-19{padding-bottom:var(--mp19)}.pb-20{padding-bottom:var(--mp20)}.pb-21{padding-bottom:var(--mp21)}.pb-22{padding-bottom:var(--mp22)}.pb-23{padding-bottom:var(--mp23)}.pb-24{padding-bottom:var(--mp24)}.pl-0{padding-left:var(--mp0)}.pl-1{padding-left:var(--mp1)}.pl-2{padding-left:var(--mp2)}.pl-3{padding-left:var(--mp3)}.pl-4{padding-left:var(--mp4)}.pl-5{padding-left:var(--mp5)}.pl-6{padding-left:var(--mp6)}.pl-7{padding-left:var(--mp7)}.pl-8{padding-left:var(--mp8)}.pl-9{padding-left:var(--mp9)}.pl-10{padding-left:var(--mp10)}.pl-11{padding-left:var(--mp11)}.pl-12{padding-left:var(--mp12)}.pl-13{padding-left:var(--mp13)}.pl-14{padding-left:var(--mp14)}.pl-15{padding-left:var(--mp15)}.pl-16{padding-left:var(--mp16)}.pl-17{padding-left:var(--mp17)}.pl-18{padding-left:var(--mp18)}.pl-19{padding-left:var(--mp19)}.pl-20{padding-left:var(--mp20)}.pl-21{padding-left:var(--mp21)}.pl-22{padding-left:var(--mp22)}.pl-23{padding-left:var(--mp23)}.pl-24{padding-left:var(--mp24)} @media only screen and (max-width:550px) { .mobil-m-0{margin:var(--mp0)}.mobil-m-1{margin:var(--mp1)}.mobil-m-2{margin:var(--mp2)}.mobil-m-3{margin:var(--mp3)}.mobil-m-4{margin:var(--mp4)}.mobil-m-5{margin:var(--mp5)}.mobil-m-6{margin:var(--mp6)}.mobil-m-7{margin:var(--mp7)}.mobil-m-8{margin:var(--mp8)}.mobil-m-9{margin:var(--mp9)}.mobil-m-10{margin:var(--mp10)}.mobil-m-11{margin:var(--mp11)}.mobil-m-12{margin:var(--mp12)}.mobil-mx-auto{margin-left:auto;margin-right:auto}.mobil-mx-0{margin-left:var(--mp0);margin-right:var(--mp0)}.mobil-mx-1{margin-left:var(--mp1);margin-right:var(--mp1)}.mobil-mx-2{margin-left:var(--mp2);margin-right:var(--mp2)}.mobil-mx-3{margin-left:var(--mp3);margin-right:var(--mp3)}.mobil-mx-4{margin-left:var(--mp4);margin-right:var(--mp4)}.mobil-mx-5{margin-left:var(--mp5);margin-right:var(--mp5)}.mobil-mx-6{margin-left:var(--mp6);margin-right:var(--mp6)}.mobil-mx-7{margin-left:var(--mp7);margin-right:var(--mp7)}.mobil-mx-8{margin-left:var(--mp8);margin-right:var(--mp8)}.mobil-mx-9{margin-left:var(--mp9);margin-right:var(--mp9)}.mobil-mx-10{margin-left:var(--mp10);margin-right:var(--mp10)}.mobil-mx-11{margin-left:var(--mp11);margin-right:var(--mp11)}.mobil-mx-12{margin-left:var(--mp12);margin-right:var(--mp12)}.mobil-my-auto{margin-top:auto;margin-bottom:auto}.mobil-my-0{margin-top:var(--mp0);margin-bottom:var(--mp0)}.mobil-my-1{margin-top:var(--mp1);margin-bottom:var(--mp1)}.mobil-my-2{margin-top:var(--mp2);margin-bottom:var(--mp2)}.mobil-my-3{margin-top:var(--mp3);margin-bottom:var(--mp3)}.mobil-my-4{margin-top:var(--mp4);margin-bottom:var(--mp4)}.mobil-my-5{margin-top:var(--mp5);margin-bottom:var(--mp5)}.mobil-my-6{margin-top:var(--mp6);margin-bottom:var(--mp6)}.mobil-my-7{margin-top:var(--mp7);margin-bottom:var(--mp7)}.mobil-my-8{margin-top:var(--mp8);margin-bottom:var(--mp8)}.mobil-my-9{margin-top:var(--mp9);margin-bottom:var(--mp9)}.mobil-my-10{margin-top:var(--mp10);margin-bottom:var(--mp10)}.mobil-my-11{margin-top:var(--mp11);margin-bottom:var(--mp11)}.mobil-my-12{margin-top:var(--mp12);margin-bottom:var(--mp12)}.mobil-mt-auto{margin-top:auto}.mobil-mt-0{margin-top:var(--mp0)}.mobil-mt-1{margin-top:var(--mp1)}.mobil-mt-2{margin-top:var(--mp2)}.mobil-mt-3{margin-top:var(--mp3)}.mobil-mt-4{margin-top:var(--mp4)}.mobil-mt-5{margin-top:var(--mp5)}.mobil-mt-6{margin-top:var(--mp6)}.mobil-mt-7{margin-top:var(--mp7)}.mobil-mt-8{margin-top:var(--mp8)}.mobil-mt-9{margin-top:var(--mp9)}.mobil-mt-10{margin-top:var(--mp10)}.mobil-mt-11{margin-top:var(--mp11)}.mobil-mt-12{margin-top:var(--mp12)}.mobil-mr-auto{margin-right:auto}.mobil-mr-0{margin-right:var(--mp0)}.mobil-mr-1{margin-right:var(--mp1)}.mobil-mr-2{margin-right:var(--mp2)}.mobil-mr-3{margin-right:var(--mp3)}.mobil-mr-4{margin-right:var(--mp4)}.mobil-mr-5{margin-right:var(--mp5)}.mobil-mr-6{margin-right:var(--mp6)}.mobil-mr-7{margin-right:var(--mp7)}.mobil-mr-8{margin-right:var(--mp8)}.mobil-mr-9{margin-right:var(--mp9)}.mobil-mr-10{margin-right:var(--mp10)}.mobil-mr-11{margin-right:var(--mp11)}.mobil-mr-12{margin-right:var(--mp12)}.mobil-mb-auto{margin-bottom:auto}.mobil-mb-0{margin-bottom:var(--mp0)}.mobil-mb-1{margin-bottom:var(--mp1)}.mobil-mb-2{margin-bottom:var(--mp2)}.mobil-mb-3{margin-bottom:var(--mp3)}.mobil-mb-4{margin-bottom:var(--mp4)}.mobil-mb-5{margin-bottom:var(--mp5)}.mobil-mb-6{margin-bottom:var(--mp6)}.mobil-mb-7{margin-bottom:var(--mp7)}.mobil-mb-8{margin-bottom:var(--mp8)}.mobil-mb-9{margin-bottom:var(--mp9)}.mobil-mb-10{margin-bottom:var(--mp10)}.mobil-mb-11{margin-bottom:var(--mp11)}.mobil-mb-12{margin-bottom:var(--mp12)}.mobil-ml-auto{margin-left:auto}.mobil-ml-0{margin-left:var(--mp0)}.mobil-ml-1{margin-left:var(--mp1)}.mobil-ml-2{margin-left:var(--mp2)}.mobil-ml-3{margin-left:var(--mp3)}.mobil-ml-4{margin-left:var(--mp4)}.mobil-ml-5{margin-left:var(--mp5)}.mobil-ml-6{margin-left:var(--mp6)}.mobil-ml-7{margin-left:var(--mp7)}.mobil-ml-8{margin-left:var(--mp8)}.mobil-ml-9{margin-left:var(--mp9)}.mobil-ml-10{margin-left:var(--mp10)}.mobil-ml-11{margin-left:var(--mp11)}.mobil-ml-12{margin-left:var(--mp12)}.mobil-p-0{padding:var(--mp0)}.mobil-p-1{padding:var(--mp1)}.mobil-p-2{padding:var(--mp2)}.mobil-p-3{padding:var(--mp3)}.mobil-p-4{padding:var(--mp4)}.mobil-p-5{padding:var(--mp5)}.mobil-p-6{padding:var(--mp6)}.mobil-p-7{padding:var(--mp7)}.mobil-p-8{padding:var(--mp8)}.mobil-p-9{padding:var(--mp9)}.mobil-p-10{padding:var(--mp10)}.mobil-p-11{padding:var(--mp11)}.mobil-p-12{padding:var(--mp12)}.mobil-px-0{padding-left:var(--mp0);padding-right:var(--mp0)}.mobil-px-1{padding-left:var(--mp1);padding-right:var(--mp1)}.mobil-px-2{padding-left:var(--mp2);padding-right:var(--mp2)}.mobil-px-3{padding-left:var(--mp3);padding-right:var(--mp3)}.mobil-px-4{padding-left:var(--mp4);padding-right:var(--mp4)}.mobil-px-5{padding-left:var(--mp5);padding-right:var(--mp5)}.mobil-px-6{padding-left:var(--mp6);padding-right:var(--mp6)}.mobil-px-7{padding-left:var(--mp7);padding-right:var(--mp7)}.mobil-px-8{padding-left:var(--mp8);padding-right:var(--mp8)}.mobil-px-9{padding-left:var(--mp9);padding-right:var(--mp9)}.mobil-px-10{padding-left:var(--mp10);padding-right:var(--mp10)}.mobil-px-11{padding-left:var(--mp11);padding-right:var(--mp11)}.mobil-px-12{padding-left:var(--mp12);padding-right:var(--mp12)}.mobil-py-0{padding-top:var(--mp0);padding-bottom:var(--mp0)}.mobil-py-1{padding-top:var(--mp1);padding-bottom:var(--mp1)}.mobil-py-2{padding-top:var(--mp2);padding-bottom:var(--mp2)}.mobil-py-3{padding-top:var(--mp3);padding-bottom:var(--mp3)}.mobil-py-4{padding-top:var(--mp4);padding-bottom:var(--mp4)}.mobil-py-5{padding-top:var(--mp5);padding-bottom:var(--mp5)}.mobil-py-6{padding-top:var(--mp6);padding-bottom:var(--mp6)}.mobil-py-7{padding-top:var(--mp7);padding-bottom:var(--mp7)}.mobil-py-8{padding-top:var(--mp8);padding-bottom:var(--mp8)}.mobil-py-9{padding-top:var(--mp9);padding-bottom:var(--mp9)}.mobil-py-10{padding-top:var(--mp10);padding-bottom:var(--mp10)}.mobil-py-11{padding-top:var(--mp11);padding-bottom:var(--mp11)}.mobil-py-12{padding-top:var(--mp12);padding-bottom:var(--mp12)}.mobil-pt-0{padding-top:var(--mp0)}.mobil-pt-1{padding-top:var(--mp1)}.mobil-pt-2{padding-top:var(--mp2)}.mobil-pt-3{padding-top:var(--mp3)}.mobil-pt-4{padding-top:var(--mp4)}.mobil-pt-5{padding-top:var(--mp5)}.mobil-pt-6{padding-top:var(--mp6)}.mobil-pt-7{padding-top:var(--mp7)}.mobil-pt-8{padding-top:var(--mp8)}.mobil-pt-9{padding-top:var(--mp9)}.mobil-pt-10{padding-top:var(--mp10)}.mobil-pt-11{padding-top:var(--mp11)}.mobil-pt-12{padding-top:var(--mp12)}.mobil-pr-0{padding-right:var(--mp0)}.mobil-pr-1{padding-right:var(--mp1)}.mobil-pr-2{padding-right:var(--mp2)}.mobil-pr-3{padding-right:var(--mp3)}.mobil-pr-4{padding-right:var(--mp4)}.mobil-pr-5{padding-right:var(--mp5)}.mobil-pr-6{padding-right:var(--mp6)}.mobil-pr-7{padding-right:var(--mp7)}.mobil-pr-8{padding-right:var(--mp8)}.mobil-pr-9{padding-right:var(--mp9)}.mobil-pr-10{padding-right:var(--mp10)}.mobil-pr-11{padding-right:var(--mp11)}.mobil-pr-12{padding-right:var(--mp12)}.mobil-pb-0{padding-bottom:var(--mp0)}.mobil-pb-1{padding-bottom:var(--mp1)}.mobil-pb-2{padding-bottom:var(--mp2)}.mobil-pb-3{padding-bottom:var(--mp3)}.mobil-pb-4{padding-bottom:var(--mp4)}.mobil-pb-5{padding-bottom:var(--mp5)}.mobil-pb-6{padding-bottom:var(--mp6)}.mobil-pb-7{padding-bottom:var(--mp7)}.mobil-pb-8{padding-bottom:var(--mp8)}.mobil-pb-9{padding-bottom:var(--mp9)}.mobil-pb-10{padding-bottom:var(--mp10)}.mobil-pb-11{padding-bottom:var(--mp11)}.mobil-pb-12{padding-bottom:var(--mp12)}.mobil-pl-0{padding-left:var(--mp0)}.mobil-pl-1{padding-left:var(--mp1)}.mobil-pl-2{padding-left:var(--mp2)}.mobil-pl-3{padding-left:var(--mp3)}.mobil-pl-4{padding-left:var(--mp4)}.mobil-pl-5{padding-left:var(--mp5)}.mobil-pl-6{padding-left:var(--mp6)}.mobil-pl-7{padding-left:var(--mp7)}.mobil-pl-8{padding-left:var(--mp8)}.mobil-pl-9{padding-left:var(--mp9)}.mobil-pl-10{padding-left:var(--mp10)}.mobil-pl-11{padding-left:var(--mp11)}.mobil-pl-12{padding-left:var(--mp12)} } .mezera-1{height: clamp(1rem, 0.6538rem + 1.2308vw, 1.5rem);}.mezera-2{height: clamp(1rem, 0.3077rem + 2.4615vw, 2rem);}.mezera-3{height: clamp(1rem, -0.0385rem + 3.6923vw, 2.5rem);}.mezera-4{height: clamp(1rem, -0.3846rem + 4.9231vw, 3rem);}.mezera-5{height: clamp(1rem, -0.7308rem + 6.1538vw, 3.5rem);}.mezera-6{height: clamp(1rem, -1.0769rem + 7.3846vw, 4rem);}.mezera-7{height: clamp(1rem, -1.4231rem + 8.6154vw, 4.5rem);}.mezera-8{height: clamp(1rem, -1.7692rem + 9.8462vw, 5rem);}.mezera-9{height: clamp(1rem, -2.1154rem + 11.0769vw, 5.5rem);}.mezera-10{height: clamp(1rem, -2.4615rem + 12.3077vw, 6rem);}.mezera-11{height: clamp(1rem, -2.8077rem + 13.5385vw, 6.5rem);}.mezera-12{height: clamp(1rem, -3.1538rem + 14.7692vw, 7rem);}.mezera-13{height: clamp(1rem, -3.5rem + 16vw, 7.5rem);}.mezera-14{height: clamp(1rem, -3.8462rem + 17.2308vw, 8rem);}.mezera-15{height: clamp(1rem, -4.1923rem + 18.4615vw, 8.5rem);}