:root {

--c_r3dfs-xl: clamp(1.7rem, 2vw + 1rem, 2rem);
--c_r3dfs-h2: clamp(1.2rem, 1.7vw + 1rem, 1.7rem);
--c_r3dfs-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.2rem);
--c_r3dfs-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--c_r3dfs-big: 2rem;
--c_r3dfs-normal: 0.8rem;//clamp(0.8rem, 0.8vw + 0.1rem, 0.80rem);
--c_r3dfs-middle: 0.7rem;
--c_r3dfs-small: 0.6rem;
//--c_r3dfs-small: clamp(0.6rem, 0.5vw + 0.7rem, 0.9rem);

//line height
--c_r3dlh-xl: 1;
--c_r3dlh-h2: clamp(1.5rem, 1.7vw + 1rem, 1.7rem);
--c_r3dlh-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.4rem);
--c_r3dlh-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--c_r3dlh-big: 1;
--c_r3dlh-normal: 1.2;
--c_r3dlh-middle: 1.1;
--c_r3dlh-small: 1.1;

--c_r3dpozadi:white;
--c_r3dtext:rgba(57,84,112,1);

--c_r3db1:rgba(57,84,112,1);
--c_r3db1text:white;

--c_r3db2:rgba(57,84,112,0.2);
--c_r3db2text:rgba(57,84,112,1);

--c_r3db3:grey;
--c_r3db3text:rgba(57,84,112,0.8);

--c_r3db4:white;
--c_r3db4text:rgba(57,84,112,1);

--c_r3db_outline:black;

--c_r3db_cookiesvgbg:rgba(57,84,112,1);
--c_r3db_cookiesvg:white;


--c_r3dsetting:rgba(57,84,112,0.1);
--c_r3dsettingtext:rgba(57,84,112,1);


}


.c_r3d_cookiesetting a:focus, a.c_r3d_popuptlacitko:focus, #c_r3d_popup a:focus {
outline: 2px solid var(--c_r3db_outline);
}



.c_r3d_cookiesetting {
background-color: var(--c_r3dsetting);
color: var(--c_r3dsettingtext);
padding:10px;
margin:0 0 15px 0;
border-radius:4px;
margin:15px 0 15px 0;
}

.c_r3d_cookiesetting_title {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding:0;
}

.c_r3d_cookiesname {
    flex-grow: 1;
    padding:5px 0;
    box-sizing: border-box;
    font-weight:bold;
}

.c_r3d_cookieswitcher {
    width: 60px;
    padding: 0px;
    height:20px;
    box-sizing: border-box;
    position: relative;
}

.c_r3d_cookiearrow {
    width: 16px;
    box-sizing: border-box;
    text-decoration: none;
transition:all 200ms ease-in-out;
}

.c_r3d_cookiearrow svg {
fill:var(--c_r3dsettingtext);
transform:rotate(180deg);
}

.c_r3d_cookieswitcher a {
display: inline-block;
width:38px;
height:20px;
background-color: white;
margin:0;
padding:0;
border-radius:10px;
position: absolute;
text-decoration: none;
box-shadow:  0px 0px 4px 1px rgba(0,0,0,0.2);

}

.c_r3d_cookieswitcher a:after {
transition:all 150ms ease-in-out;
content:'';
width:16px;
height:16px;
border-radius:8px;
background-color: #dd0000;
position: absolute;
left:2px;
top:2px;
}

.c_r3d_cookieswitcher.c_r3d_actual a:after {
background-color: green;
left:20px;
}

.c_r3d_cookieswitcher.c_r3d_disabled a:after {
background-color: grey;
left:20px;
content:'x';
text-align: center;
color:#f0f0f0 !important;
}


.c_r3d_cookiesettingfooter {
padding:5px;
font-size:var(--c_r3dfs-small) !important;
line-height:var(--c_r3dlh-small) !important;
}

.c_r3d_cookiesettingfooter a {
font-size:var(--c_r3dfs-normal) !important;
line-height:var(--c_r3dlh-normal) !important;
}



#c_r3d_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Poloprůhledná černá barva */
  backdrop-filter: blur(5px); /* Efekt rozmazání */
  z-index: 9999; /* Zajišťuje, že overlay bude nad obsahem, ale pod popupem */
}


#c_r3d_popup {
  text-align: left;
  background-color: var(--c_r3dpozadi) !important;
  color: var(--c_r3dtext) !important;
  font-size: var(--c_r3dfs-normal) !important;
  line-height: var(--c_r3dlh-normal) !important;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif !important;

  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 500px;
  max-height: 500px;
  width: 100%;
  height: 100%;

  box-shadow:  0px 0px 10px 1px rgba(0,0,0,0.4);
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  padding: 0px;
  overflow: hidden;
  z-index: 10000;
}






#c_r3d_popup-header {
  height: 50px;
  flex-grow: 0;
  flex-shrink: 0;
box-sizing:border-box;
  padding:10px;
  flex-shrink: 0;
  box-shadow:  0px 0px 10px 1px rgba(0,0,0,0.4);
}


a.c_r3d_popuptlacitko {
display: inline-flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 10px;
margin: 0 10px 0 0;
box-sizing: border-box;
background-color: var(--c_r3dpozadi) !important;
color: var(--c_r3dtext) !important;
border-radius:3px;
border:1px solid var(--c_r3dtext) !important;
text-decoration: none;
}

a.c_r3d_popuptlacitko:hover {
text-decoration: underline;
}
a.c_r3d_popuptlacitko.c_r3d_actual:hover {
text-decoration: none;
}

a.c_r3d_popuptlacitko.c_r3d_actual {
color:var(--c_r3dpozadi) !important;
background-color: var(--c_r3dtext) !important;
text-decoration: none;
}

a.c_r3d_popuptlacitko:hover {
opacity:0.8;
}



a.c_r3d_popuptlacitkoclose {
float:right;
margin:0;
}


#c_r3d_popup-footer {
  height: 50px;
  flex-shrink: 0;
box-sizing:border-box;
  padding:10px;
  box-shadow:  5px 5px 10px 1px rgba(0,0,0,0.4);
}


.c_r3d_popup-content {
 flex-grow: 1;
 overflow: auto;
 max-height:100%;
 box-sizing: border-box;
 padding:10px 15px 10px 10px;
}

.c_r3d_popup-content a {
color: var(--c_r3dtext) !important;
font-weight: bold;
}


.c_r3d_popup-content p {
margin:0;
padding:7px 0 !important
}

.c_r3d_popup-content ul {
margin:0 !important;
padding:0 0 5px 20px !important;
}

.c_r3d_popup-content ul li {
margin:0 !important;
padding:0 !important;
}


.c_r3d_popup-content-predvolby {
display:none;
}

.c_r3d_popup-content-informace {
display:none;
}





/* Media query pro menší obrazovky */
@media (max-width: 500px), (max-height: 500px) {
  #c_r3d_popup {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    padding:0px; /* Snížený padding pro menší obrazovky */
  }

  #c_r3d_popup-content {
 /*   height: calc(100% - 40px - 20px); /* Výška včetně sníženého paddingu */
  }


  #c_r3d_popup-header {
  height: 40px;
  padding:5px;
}



#c_r3d_popup-footer {
  height: 40px;
  padding:5px;
}



}





.c_r3d {
box-shadow:  5px 5px 10px 1px rgba(0,0,0,0.4);
display:none;
font-family: Arial, Helvetica, sans-serif !important;
position: fixed;
bottom: 0;
left:0;
width:100%;
background-color: var(--c_r3dpozadi);
color: var(--c_r3dtext);
font-size:var(--c_r3dfs-normal) !important;
line-height:var(--c_r3dlh-normal) !important;
}

.c_r3d p a {
color: var(--c_r3dtext);
text-decoration: underline;
}

.c_r3dcudlik {
display: none;
position: fixed;
bottom: 10px;
left:0;
width:40px;
height:40px;
box-sizing: border-box;
padding:7px;
border-radius:0 10px 10px 0;
background-color: var(--c_r3db_cookiesvgbg);
color:var(--c_r3db_cookiesvg);;
transition:all 200ms ease-in-out;
}

.c_r3dcudlik:hover {
transform:scale(1.05);
transform-origin: left bottom;
}

.c_r3dcudlik svg {
width:24px;
height:24px;
}




.c_r3dholder {
position: relative;
width:100%;
margin:0 auto;
padding:15px 20px 5px 20px;
max-width:1280px;
box-sizing: border-box;
}



.c_r3dflex {
display: flex;
flex-wrap: wrap; /* Umožňuje zalomení boxů pod sebe */
justify-content: center; /* Horizontální zarovnání na střed */
align-items: center;
}


.c_r3dbigsvg {
flex: 0 0 50px; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
text-align: left;
max-width:50px;
height:50px;
text-align: center;
display:block;
box-sizing: border-box;
margin:0 10px 10px 0;
text-decoration: none;
}

.c_r3dbigsvg svg {
width:45px;
height:45px;
display: inline-block;
transition:all 200ms ease-in-out;
}


.c_r3dflex1, .c_r3dflex2 {
min-width:200px;
text-align: center;
display: block;
box-sizing: border-box;
padding:5px 5px 5px 5px ;
text-decoration: none;
}


.c_r3dflex1  {
flex: 1 1 200px; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
min-width:200px;
text-align: left;
padding-bottom:20px;
}

.c_r3dflex2 {
flex: 1 1 220px; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
max-width:30%;
}

.c_r3dflex1 p {
margin:0;
padding:0;
}

.c_r3dflex1 b {
margin:4px 0;
display: block;
}

.c_r3dflex1 p i {
padding:5px 0 0 0;
display: inline-block;
opacity:0.7;
font-size:var(--c_r3dfs-middle) !important;
line-height:var(--c_r3dlh-middle) !important;
font-style: normal;
}

.c_r3dbutt1,.c_r3dbutt2,.c_r3dbutt3,.c_r3dbutt4 {
text-decoration: none;
transition:all 200ms ease-in-out;
}

.c_r3dbutt1,.c_r3dbutt2,.c_r3dbutt3,.c_r3dbuttlink {
text-decoration: none;
width: 100%;;
box-sizing:border-box;
display: block;
max-width:220px;
margin:3px auto;
padding:9px 10px;
border-radius:4px;
}

.c_r3dbutt1 {
background-color:var(--c_r3db1);
color:var(--c_r3db1text);
font-size:var(--c_r3dfs-normal) !important;
}
.c_r3dbutt2 {
background-color:var(--c_r3db2);
color:var(--c_r3db2text);
font-size:var(--c_r3dfs-normal) !important;
}
.c_r3dbutt3 {
background-color:var(--c_r3db3);
color:var(--c_r3db3text);
}

.c_r3dbutt1:hover,.c_r3dbutt2:hover,.c_r3dbutt3:hover,.c_r3dbutt4:hover,
.c_r3dbutt1:focus,.c_r3dbutt2:focus,.c_r3dbutt3:focus,.c_r3dbutt4:focus {
opacity:0.9;
outline: 2px solid var(--c_r3db_outline);
}

.c_r3dbuttlink {
color:var(--c_r3db3text);
font-size:var(--c_r3dfs-normal) !important;
text-decoration: none;
}
.c_r3dbuttlink:hover, .c_r3dbuttlink:focus {
text-decoration: underline;
outline: 0px ;
}


.c_r3dbutt4 {
position: absolute;
right:5px;
top:3px;
background-color:var(--c_r3db4);
color:var(--c_r3db4text);
padding:2px 5px;;
font-size:var(--c_r3dfs-small) !important;
line-height:var(--c_r3dlh-small) !important;
border-radius:4px;
}

.c_r3dbutt4:hover, .c_r3dbutt4:focus {
color:var(--c_r3db4);
background-color:var(--c_r3db4text);
}


.cr3d_table {
margin:20px 0;
border:1px solid var(--c_r3dtext);
border-collapse: collapse;
}
.cr3d_table td {
box-sizing: border-box;
padding:4px 6px;
vertical-align: top;
border-bottom:1px solid var(--c_r3dtext);
border-right:1px solid var(--c_r3dtext);
}

.cr3d_tr1 td {
color: var(--c_r3dpozadi);
background-color: var(--c_r3dtext);

font-size:var(--c_r3dfs-normal) !important;
line-height:var(--c_r3dlh-normal) !important;
font-weight: bold;

}
.cr3d_tr2 td {
font-size:var(--c_r3dfs-normal) !important;
line-height:var(--c_r3dlh-normal) !important;
font-weight: bold;
font-style: italic;
}

.cr3d_tr3 td {
font-size:var(--c_r3dfs-small) !important;
line-height:var(--c_r3dlh-small) !important;
}



.cr3d_tr3 td:last-child {
border-right:0;
}



@media (max-width: 500px) {

.placeholder {
}

.c_r3dbigsvg {
flex: 0 0 100%; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
max-width:50px;
min-width:100%;
height:16px;
margin:0 0px 0px 0;
}

.c_r3dbigsvg svg{
width:16px;
height:16px;
}




.c_r3dbutt4 {
//bottom:10px;
//top:auto;
}

.c_r3dimagemobile {
display: inline-block;
}


.c_r3d {
font-size:var(--c_r3dfs-middle) !important;
line-height:var(--c_r3dlh-middle) !important;
}


.c_r3dflex2 {
display: block;
max-width:100%;
width:100%;
padding:0;
}
.c_r3dholder {
padding:7px 10px 0 10px;
}

.c_r3dbutt1,.c_r3dbutt2,.c_r3dbutt3 {
max-width:250px;
}

.c_r3dflex1 {
text-align: center;
padding:5px 5px 10px 5px ;
width:100%;
flex: 0 0 100%;
}



}