:root { --positive: #0098d4; --positive: #00a1de; } #body[data-dev="db"] #target_header:before, #body[data-dev="db"] #target_footer:before { display:none; } #target_main .wrapper > div > a.ci3.ci2 { right:10rem; background-image:url('../img/logo-CI2.svg'); } #target_main .wrapper > div.headline { padding-left:16rem; padding-right:24rem; padding-bottom:6rem; margin:-2.5rem -3rem 0; background:url('../img/carbonfix-skola-bg3.jpg') 50% 50% no-repeat; background-size:cover; } #target_main .wrapper > div.headline > h1, #target_main .wrapper > div.headline > h1 > mark:after, #target_main .wrapper > div.headline > p { backdrop-filter:blur(3px); } #target_main .wrapper > div.headline > p { padding-bottom:0; } #target_main .wrapper > div.headline > a.button { position:static; margin-top:2rem; margin-bottom:2.5rem; } #target_main .wrapper > div.headline > > a.ci3 { bottom:6.15rem; } #target_main .wrapper > div.headline > h1[data-mod] { width:max-content; } #target_main .wrapper > div.headline > h1[data-mod]:after { content:attr(data-mod); display:block; font-size:0.4em; position:absolute; right:0; top:4rem; text-transform:uppercase; font-weight:500; } #target_main .wrapper > div.headline > h1[data-mod]:before { background-image:url('../img/logo-CarbonFix-pro_skoly.svg'); height:8.91rem; } #target_main .wrapper > div.ikony ul { width:53rem; margin-left:auto; margin-right:auto; margin-bottom:5rem; } #target_main .wrapper > #ucim-se + div { } #target_main .wrapper.homepage_wrapper > a { margin-top:-6rem; } #target_main .wrapper.homepage_wrapper > a:not(#kontakt) + div { margin-bottom:6rem; } /* #target_main #form_vypocet div.vstup[data-special="zamestnanci"], #target_main #form_vypocet div.vstup[data-special="pracovnici"], #target_main #form_vypocet div.vstup[data-special="zaci"], #target_main #form_vypocet div.vstup[data-special="plocha_m2"] { width: 12rem; display: inline-block; } #target_main #form_vypocet div.vstup[data-special="zamestnanci"] > label:first-child, #target_main #form_vypocet div.vstup[data-special="pracovnici"] > label:first-child, #target_main #form_vypocet div.vstup[data-special="plocha_m2"] > label:first-child { width: 12rem; } */ #target_main #form_vypocet div.vstup[data-special="rok"] > label { width:10rem; } #target_main #form_vypocet div.vstup[data-special="rok"] > label ~ input { width:3rem; } #target_main #form_vypocet div.vstup[data-special="rok"] > label ~ select { width:6.25rem; } #target_main #form_vypocet div.vstup[data-special="zamestnanci-zaci"].numeric_unit > label:first-child { width:3rem; } #target_main #form_vypocet div.vstup[data-special="plocha_m2"].numeric_unit > label:first-child { width:11rem; } #target_main #form_vypocet div.vstup[data-special="zamestnanci-jini"] { margin-left:6.5rem; } #target_main #form_vypocet div.vstup[data-special="zamestnanci-jini"] + a { position:static; margin-bottom:5rem; } #target_main .text_wrapper { max-width:48rem; margin-left:auto; margin-right:auto; } #target_main .text_wrapper p { text-align:justify; margin-bottom:2rem; } #target_main .text_wrapper a.button { margin-left:auto; margin-right:auto; display:block; } #target_main #o-projektu + div a.logo_mzp { display:block; margin:1rem auto; max-width:15rem; } #target_main #o-projektu + div a.logo_mzp > img { display:block; width:100%; } #target_main .wrapper > div.ikony ul { width:auto; margin:5rem 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; grid-row-gap:6rem; } #target_main .wrapper > div.ikony ul > li { display:block; flex-basis:17.5rem; flex-grow:0; flex-shrink:0; padding-top:0; } #target_main .wrapper > div.ikony ul > li > a { display:block; position:relative; padding-top:8rem; } #target_main .wrapper > div.ikony ul > li > a:before { display:block; position:absolute; top:0; left:0; right:0; font-size:6rem; line-height:1em; text-align:center; color:var(--line); transition:0.3s color; } #target_main .wrapper > div.ikony ul > li > a:hover { text-decoration:none; } #target_main .wrapper > div.ikony ul > li > a:hover:before { color:var(--positive); } #target_main .wrapper > div.ikony a.button { display:block; margin:5rem auto 0; } #target_main .wrapper > div.icons { text-align:center; padding-bottom:5.7rem; } #target_main .wrapper > div.icons > ul { display:flex; } #target_main .wrapper > div.icons > ul > li { display:block; width:21.5rem; height:auto; padding:0 2rem; line-height:1.33em; margin-top:7rem; border:1px solid var(--line); border-top:none; border-bottom:none; margin-right:-1px; } #target_main .wrapper > div.icons > ul > li:before { font-size:4.5rem; height:6rem; margin-top:-6rem; color:var(--positive); display:block; text-align:center; } #target_main .wrapper > div.icons > ul > li > h3 { text-transform:uppercase; } #target_main .wrapper > div.icons > ul > li > h4 { } #target_main .wrapper > div.icons > ul > li > p { text-align:justify; } #target_main .wrapper.wrapper_nabizime > segment { display:block; width:36rem; padding-top:1rem; padding-left:16rem; position:relative; text-align:left; margin:0 auto 5rem auto;} #target_main .wrapper.wrapper_nabizime > segment > h3 { } #target_main .wrapper.wrapper_nabizime > segment > h3 > br { display:none; } #target_main .wrapper.wrapper_nabizime > segment > p { text-align:justify; } #target_main .wrapper.wrapper_nabizime > segment:before { display:block; position:absolute; left:4rem; top:6rem; width:10rem; text-align:center; font-size:9rem; color:var(--text_alt); } #target_main .wrapper.wrapper_nabizime > segment:nth-child(4n+1) { padding-left:0; padding-right:16rem; } #target_main .wrapper.wrapper_nabizime > segment:nth-child(4n+1):before { right:4rem; left:auto; } #target_main div.wrapper.ucim_se { } #target_main div.wrapper_ucim_se a.back { display:block; text-decoration:none; color:var(--text_alt); margin-top:-2rem; margin-bottom:2rem; } #target_main div.wrapper_ucim_se ul, #target_main div.wrapper_ucim_se ol { margin-left:2rem; margin-bottom:1rem; } #target_main div.wrapper_ucim_se ul > li, #target_main div.wrapper_ucim_se ol > li { margin-bottom:0.5rem; } #target_main div.wrapper_ucim_se ol > li::marker { font-weight:bold; } #target_main div.wrapper_ucim_se ul + h2, #target_main div.wrapper_ucim_se ul + h4, #target_main div.wrapper_ucim_se ol + h2, #target_main div.wrapper_ucim_se ol + h4, #target_main div.wrapper_ucim_se p + h2, #target_main div.wrapper_ucim_se p + h4 { margin-top:2rem; margin-bottom:0.5rem; } #target_main div.wrapper_ucim_se p > a[class^="icon"] { position:relative; padding-left:1.75rem; } #target_main div.wrapper_ucim_se p > a[class^="icon"]:before { position:absolute; left:0; top:0; color:var(--positive); font-size:1.5rem; } #target_main .false_table { overflow:hidden; overflow-x:auto; height:auto; position:relative; padding-bottom:1rem; } /* #target_main .false_table > div { position:relative; white-space:nowrap; } #target_main .false_table > div > label { position:sticky; left:0; width:9rem; height:auto; margin:0; padding:0.5rem 1rem 0.5rem 0; line-height:1.2rem; white-space:normal; border-top:1px solid var(--line); } #target_main .false_table > div > label > span { position:relative; z-index:2; } #target_main .false_table > div > label:before { content:' '; display:block; position:absolute; left:0; top:0; height:5rem; margin-bottom:-5rem; width:10rem; z-index:1; background:var(--body); } #target_main .false_table > div > label.image:before { height:12rem; } #target_main .false_table > div > span { display:inline-block; width:19.333rem; padding:0.5rem 1rem; vertical-align:top; white-space:normal; padding-left:1rem; border-top:1px solid var(--line); } #target_main .false_table > div > span > h3 { margin-bottom:0; } #target_main .false_table > div > span > img { display:block; width:100%; height:11rem; object-fit:contain; object-position:50% 100%; } #target_main .false_table > div:first-child > label, #target_main .false_table > div:first-child > span { border-top:none; } */ #target_main table.ucim_se { width:76rem; table-layout:fixed; } #target_main table.ucim_se h3 { margin-bottom:0; } #target_main table.ucim_se th { width:11rem; position:sticky; left:0; padding:0.5rem 1rem 0.5rem 0; text-align:left; background:var(--body); } #target_main table.ucim_se td { width:19.33rem; padding:0.5rem 1rem; border-bottom:1px solid var(--line); } #target_main table.ucim_se img { display:block; width:100%; height:9rem; object-fit:contain; object-position:50% 100%; } #target_main table.ucim_se tr:last-child > td { border-bottom:none; } #target_main table.ucim_se_scope { width:100%; } #target_main table.ucim_se_scope th { color:#fff; padding:0.5rem 1rem; width:18rem; } #target_main table.ucim_se_scope td { color:#fff; } #target_main table.ucim_se_scope td ul { padding:0.5rem 1.5rem 0; } #target_main table.ucim_se_scope th h3 { margin-bottom:0; } #target_main table.ucim_se_scope th:nth-child(1) { background:#005061; } #target_main table.ucim_se_scope th:nth-child(2) { background:#4e6124; } #target_main table.ucim_se_scope th:nth-child(3) { background:#b3300c; } #target_main table.ucim_se_scope td:nth-child(1) { background:#427c86; } #target_main table.ucim_se_scope td:nth-child(2) { background:#96b359; } #target_main table.ucim_se_scope td:nth-child(3) { background:#cc6447; } #target_main table.ucim_se_scope th[colspan], #target_main table.ucim_se_scope th[colspan] + th { background:#222; } #target_main div.wrapper.wrapper_ucim_se_skola { width:50rem; padding-right:24rem; } #target_main table.ucim_se_opatreni th { text-align:left; padding-left:1rem; } #target_main table.ucim_se_opatreni th:first-child { padding-left:0; } #target_main table.ucim_se_opatreni td { border-top:1px solid var(--line); padding-top:0.5rem; } #target_main table.ucim_se_opatreni td:first-child { border-top:none; font-size:3rem; vertical-align:middle; text-align:center; } #target_main table.ucim_se_opatreni tr[data-scope="1"] > td:first-child { color:#005061; } #target_main table.ucim_se_opatreni tr[data-scope="2"] > td:first-child { color:#4e6124; } #target_main table.ucim_se_opatreni tr[data-scope="3"] > td:first-child { color:#b3300c; } #target_main table.ucim_se_opatreni h4 { display:block; margin:0 0 0.25rem; } #target_main table.ucim_se_opatreni div { position:relative; } #target_main table.ucim_se_opatreni div input[type="range"] { margin-bottom:0; width:10rem; padding:0; } #target_main table.ucim_se_opatreni em { display:block; margin:0; color:var(--text_alt); } #target_main table.ucim_se_opatreni input[readonly] { display:inline-block; padding:0; border:none; text-align:right; width:3rem; box-shadow:none; line-height:1.2rem; height:1.2rem; margin-bottom:0; background:transparent !important; } #target_main table.ucim_se_opatreni td:last-child { white-space:nowrap; vertical-align:bottom; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"]::-webkit-slider-thumb { border-color:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"]::-moz-range-thumb { border-color:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"]::-ms-thumb { border-color:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"]::-webkit-slider-runnable-track { background:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"]::-moz-range-track { background:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"]::-ms-fill-lower { background:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"]::-ms-fill-upper { background:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="1"] input[type="range"] ~ mark { border-color:#005061; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"]::-webkit-slider-thumb { border-color:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"]::-moz-range-thumb { border-color:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"]::-ms-thumb { border-color:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"]::-webkit-slider-runnable-track { background:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"]::-moz-range-track { background:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"]::-ms-fill-lower { background:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"]::-ms-fill-upper { background:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="2"] input[type="range"] ~ mark { border-color:#4e6124; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"]::-webkit-slider-thumb { border-color:#b3300c; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"]::-moz-range-thumb { border-color:#b3300c; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"]::-ms-thumb { border-color:#b3300c; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"]::-webkit-slider-runnable-track { background:#b3300c; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"]::-moz-range-track { background:#b3300c; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"]::-ms-fill-lower { background:#b3300c; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"]::-ms-fill-upper { background:#b3300c; } #body #target_main table.ucim_se_opatreni tr[data-scope="3"] input[type="range"] ~ mark { border-color:#b3300c; } #target_main aside#ucim_se_aside { display:block; position:sticky; margin-left:calc(100% + 4rem); margin-bottom:4rem; right:3.33rem; top:7.5rem; width:20rem; height:26.5rem; background:#fff; } #target_main aside#ucim_se_aside > h3 { padding:1rem; } #target_main aside#ucim_se_aside > div { margin-left:1rem; position:relative; width:18rem; height:12rem; border-bottom:1px solid var(--line); margin-bottom:3rem; } #target_main aside#ucim_se_aside > div > div { background:#eee; position:absolute; bottom:0; width:5rem; } #target_main aside#ucim_se_aside > div div:before, #target_main aside#ucim_se_aside > div > div:after { content:attr(data-co2)' t'; position:absolute; bottom:0%; width:100%; display:block; text-align:center; padding:0.25rem 0; color:#fff; } #target_main aside#ucim_se_aside > div > div > div { position:absolute; top:0; left:0; width:100%; background:rgba(255,255,255,0.5); transition:height 0.3s; } #target_main aside#ucim_se_aside > div > div > div:before { content:attr(data-saved)' %'; top:auto; bottom:100%; color:var(--text); } #target_main aside#ucim_se_aside > div > div#col_s1 { background:#005061; left:0.5rem; } #target_main aside#ucim_se_aside > div > div#col_s2 { background:#4e6124; left:6.5rem; } #target_main aside#ucim_se_aside > div > div#col_s3 { background:#b3300c; left:12.5rem; } #target_main aside#ucim_se_aside > div > div:after { top:100%; color:var(--text); } #target_main aside#ucim_se_aside > div > div#col_s1:after { content:'Scope 1'; } #target_main aside#ucim_se_aside > div > div#col_s2:after { content:'Scope 2'; } #target_main aside#ucim_se_aside > div > div#col_s3:after { content:'Scope 3'; } #target_main aside#ucim_se_aside > p { padding:0 1rem 1rem; } #target_main aside#ucim_se_aside > p > strong { display:inline-block; white-space:nowrap; } #target_main aside#ucim_se_aside > p > strong:after { content:' t CO₂e'; } #target_main aside#ucim_se_aside > p > strong#aside_percent:after { content:' %'; } #target_main aside#ucim_se_aside + table { margin-top:-32rem; } #target_main .wrapper_o_projektu ul { display:block; padding:0; margin-bottom:1rem; } #target_main .wrapper_o_projektu ul > li { display:block; position:relative; padding-left:2rem; margin-bottom:1rem; line-height:1.5rem; } #target_main .wrapper_o_projektu ul > li:before { content:''; position:absolute; left:1.2rem; top:0.42rem; width:0.33rem; height:0.33rem; border-radius:1rem; background:var(--text); } #target_main .wrapper_o_projektu .table.options { width:calc(50% - 2rem); display:inline-block; } #target_main .wrapper_o_projektu .table.options + .table.options { margin-left:4rem; } #target_main table.features thead tr > td:nth-child(2n), #target_main table.features thead tr > td:nth-child(2n+1) { padding-top:0.5rem; padding-bottom:0.5rem; } #target_main .wrapper > div.boxes > div { justify-content:flex-start; gap:2rem; } #target_main .wrapper_o_projektu .buttons { float:right; width:max-content; margin-right:3.33rem; margin-left:20rem; } #target_main .wrapper_o_projektu .buttons > .button { display:block; margin-bottom:1rem; width:100%; margin-left:0; } #target_main .wrapper_o_projektu > h1, #target_main .wrapper_o_projektu > p { padding-left:2rem; padding-right:2rem; } #target_main .wrapper_o_projektu .logo_aside { width:36rem; display:block; position:relative; padding-left:12rem; } #target_main .wrapper_o_projektu .logo_aside > a.logo { display:block; position:absolute; left:0; top:0; width:10rem; height:3rem; margin:2rem 0 1rem; background:url('../img/logo-CI3.svg') 50% 50% no-repeat; background-size:contain; } #target_main .wrapper_o_projektu .logo_aside > a.logo.ci2 { background-image:url('../img/logo-CI2.svg'); } #target_main .wrapper_o_projektu .logo_aside > a.logo.cfix { background-image:url('../img/logo-CarbonFix-light.svg'); } #target_main .wrapper_o_projektu .logo_aside:nth-child(2n) { padding-left:0; padding-right:12rem; } #target_main .wrapper_o_projektu .logo_aside:nth-child(2n) > a.logo { left:auto; right:0; background-position:50% 50%; } #target_main table.features tr > td > br { display:none; } @media (max-width:799px){ #target_header ul.lang { padding-left:3rem; margin-left:-3rem; } #target_main .wrapper > div.headline { padding-left:11rem; padding-right:3rem; } #target_main .wrapper > div.headline > a.ci3 { left:3rem; bottom:24rem; } #target_main .wrapper > div.headline > a.ci3.ci2 { bottom:19.5rem; } #target_main .wrapper.wrapper_nabizime > segment { width:auto; padding-left:11rem; } #target_main .wrapper.wrapper_nabizime > segment:before { left:0; } #target_main .wrapper.wrapper_nabizime > segment:nth-child(4n+1) { padding-right:11rem; } #target_main .wrapper.wrapper_nabizime > segment:nth-child(4n+1):before { right:0; } #target_main table.ucim_se { width:52rem; } #target_main table.ucim_se td { width:16.5rem; } #target_main div.wrapper.wrapper_ucim_se_skola { width:30rem; padding-right:20rem; } #target_main aside#ucim_se_aside { margin-left: calc(100% + 1.5rem); } #target_main .wrapper_o_projektu .buttons { margin-left:2rem; } #target_main table.features tr > td { width:7rem; } #target_main table.features tfoot tr > td:last-child { text-indent:0; } #target_main table.features.front tr > td:last-child { padding-right:0.5rem; } #target_main table.features thead tr > td:nth-child(2n), #target_main table.features tfoot tr > td:nth-child(2n), #target_main table.features thead tr > td:nth-child(2n+1), #target_main table.features tfoot tr > td:nth-child(2n+1) { padding-top:0.5rem; padding-bottom:0.5rem; } #target_main table.features tr > td > br { display:block; } } @media (max-width:499px){ #target_header ul.lang { width:8rem; } #target_header a.profil { z-index:10; } #target_main .wrapper > div.headline > h1[data-mod]:before { height:6rem; } #target_main .wrapper > div.headline > h1[data-mod]:after { top:2.5rem; } #target_main .wrapper > div.headline { padding-left:2.5rem; padding-right:0; margin-right:-1.5rem; } #target_main .wrapper > div.headline > p { margin-right:2rem; } #target_main .wrapper > div.headline > a.button { display:inline-block; margin-right:2.5rem; margin-bottom:0; } #target_main .wrapper > div.headline > a.ci3 { display:inline-block; position:static; margin-top:2rem; margin-right:2rem; } #target_main .wrapper > div.headline > p.sgs { margin-top:2rem; padding-top:2rem; } #target_main .wrapper > div.headline > p.sgs > a { top:2.1rem; } #target_main .wrapper > div.ikony ul > li { flex-basis:13rem; } #target_main .wrapper > div.icons > ul { display:block; } #target_main .wrapper > div.icons > ul > li { border:none; width:auto; padding:0; } #target_main .wrapper > div.icons > ul > li:before { position:absolute; right:1.5rem; margin:-0.5rem 0 0 0; } #target_main .wrapper > div.icons > ul > li > h3, #target_main .wrapper > div.icons > ul > li > h4 { margin-bottom:0.5rem; text-align:left; } #body #target_main .wrapper.wrapper_nabizime > segment { padding-left:0; padding-right:0; } #body #target_main .wrapper.wrapper_nabizime > segment:before { right:0; left:auto; top:0; font-size:4.5rem; width:5rem; } #body #target_main .wrapper_o_projektu .logo_aside { width:auto; padding-left:0; padding-right:0; } #target_main .wrapper_o_projektu .logo_aside > a.logo { position:static; margin:2rem auto 1rem ; } #target_main table.ucim_se { width:25.666rem; } #target_main table.ucim_se td { width:11.66rem; } table td { padding:0.5em 1em; } #target_main table.ucim_se_scope { font-size:0.8rem; } #target_main table.ucim_se_scope td ul { padding-left:0.5em; padding-right:0.5em; } #target_main table.ucim_se_scope th { padding:0.5em 1em; width:auto; } #target_main table.ucim_se_scope h3 { font-size:1.2rem; } #target_main .wrapper_o_projektu .buttons { float:none; margin:0 0 3rem 2rem; } #target_main table.features tr > td + td { width:2rem; } #target_main table.features.front thead tr > td:last-child, #target_main table.features.front tbody tr > td:last-child, #target_main table.features.front tfoot tr > td:last-child { padding-right:2rem; } #target_main .wrapper_o_projektu .table.options { display:block; width:calc(100% + 4rem); margin-left:-2rem; margin-right:-2rem; } #target_main .wrapper_o_projektu .table.options + .table.options { margin-left:-2rem; }