/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,500&display=swap'); */
@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Light.ttf') format('truetype');
  font-weight: 300; /* nebo 'light' */
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-LightItalic.ttf') format('truetype');
  font-weight: 300; /* nebo 'light' */
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Medium.ttf') format('truetype');
  font-weight: 500; /* nebo 'medium' */
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-MediumItalic.ttf') format('truetype');
  font-weight: 500; /* nebo 'medium' */
  font-style: italic;
}
 
 @font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon/icomoon.eot?srf3rx");
  src: url("fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5j2n32');
  src:  url('fonts/icomoon.eot?5j2n32#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5j2n32') format('truetype'),
    url('fonts/icomoon.woff?5j2n32') format('woff'),
    url('fonts/icomoon.svg?5j2n32#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media (min-width: 1200px) {

  p {font-size:0.81rem;}
  h1{font-size: 1.8rem !important;}
  h2{font-size: 1.5rem !important;}
  h3{font-size: 1.2rem !important;}
  h4{font-size: .9rem !important;}
  h5{font-size: .81rem !important;}
  /* html,body{font-size:0.9vw !important;} */
    html,body{font-size:1.7vw !important;}

 }

 body {
  font-family: 'Ubuntu', sans-serif; 
 }

/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');





@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

 */
 .section{
  padding-top: 1.5rem;
 }

.mymaxwidth{width:80%;max-width:60rem;position: relative; margin: 0 auto;}
.mymaxwidthhfull{width:100%;}

.mymain{min-height: 100vh; height:100%;position:relative;
  /* background-image: 
  linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), 
  url('../wall1-grey.webp'); */
  background-image: url('../../_media/wall1-grey.webp');
background-size: cover;
background-position: center center, center center;
  /* background-color: pink; */
}



.dark .mymainbox{
    background-color: rgba(2, 2, 2, 0.81);

}


.dark .tblack {
  color: white;
}

.mymainbox{

  background-color: rgba(255, 255, 255, 0.81);
  border-radius:0.6rem;
  -webkit-border-radius:0.6rem;
  -moz-border-radius:0.6rem;
  -ms-border-radius:0.6rem;
  -o-border-radius:0.6rem;
  box-shadow:0px 0px 0.9rem rgba(0, 0, 0, 0.332);
  backdrop-filter: blur(5px);
}




  .sidebar {
    /* background-color: rgba(197, 197, 197, 0.394); */
background-color:rgba(0, 0, 0, 0.09);
  }

  .sidebarlogo{
    max-width:6rem;border-radius:50%;border:0.18rem solid white;box-shadow:0rem 0rem 0.18rem #cacaca;

  }

  @media screen and (min-width:553.1px)and (max-width:1199px){
    .sidebarlogo{max-width: 7.5rem !important;}

  }

  @media screen and (max-width:553px){
    .sidebarlogo{max-width: 12rem !important;}
    .sidebar{justify-content: center !important;
    }
    .logosid{justify-content: center !important;}
    .sid{margin-left:.33rem;
    width:270px !important;
    
    }
    .sidride{display: flex;justify-content: start !important;}

    /* .contact-list{
      margin-top:.9rem;
      
    } */
    ul.contact-list.boxkonakt {
      margin: 1rem auto;
  }

  }
  @media screen and (max-width:1199px) {

  


    .sidride{display: flex;justify-content: end;}
.contact-list{
    font-size:.9rem !important;
  width:210px;
  }
  
  
    .logosid{
      display: flex;
      justify-content: start;
      align-items: start;

    }
    .sid{width:50%;}
    .mymain{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mymainbox{
      /* background-color: white; */
      margin: 3rem auto;
      width:90%;
      max-width:45rem;
    }
      .sidebar{
        border-top-left-radius: 0.6rem;
        border-top-right-radius: 0.6rem;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        
      }
    .content, .sidebar {
    padding:1.5rem;
    }
    .contact-item-s,.contact-item{
      text-align: left;
      font-size: .9rem !important;
      margin-top: .3rem !important;
     }
     .showmore{font-size:.69rem !important;}

  }
  
  @media screen and (min-width:1600px) and (max-width:1799.9px) {
  html, body{
    font-size: 27px !important;
  }
  }
  @media screen and (min-width:1800px) {
    html, body{
      font-size: 1.5vw !important;
    }
    }


  
  /* .showmore{background-color: pink;} */


@media screen and (min-width:1200px) {
  .showmore{font-size:0.51rem !important;}
  .contact-list{margin-top: .6rem;}
  .sidebarlogo{margin-bottom: .6rem;}
  .contact-item-s,.contact-item{
    text-align: left;
  }
  .mymain{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mymainbox{
    /* background-color: white; */
    min-height: 6rem;
    width:51rem;
    display: flex;
    margin: 3rem auto;
    
  }
  .sidebar {
    /* background-color: #d3d3d3; */
    width: 12rem; /* šířka sidebaru */
    position:relative;
    padding: 1.5rem;
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
  }
  .content {
    /* background-color: #ffffff; */
    width: 39rem; /* šířka obsahu */
    position:relative;
    padding:1.5rem;

  }
}


.contact-item{
  font-size: 0.75rem;
  margin-top:0.42rem;
}
.contact-item-s{
  font-size: 0.6rem;
  margin-top:0.42rem;
}
.bold{font-weight: bold;}

.sidebarlogo{width:90%; max-width:15rem;}

.item-hide{display: none;}
.item-2-hide{display: block;}

.show-more-info{
    font-size:0.9rem;

}
a.linkntd{text-decoration: none !important;}
a.linkntd:hover{text-decoration: underline !important;}
.mr03{margin-right:0.15rem;}

@media screen and (min-width:1200px){
  .contact-list{
    width:6.6rem;
    margin: 0 auto;

  }
}
@media screen and (max-width:1199px){
  .contact-list{
    max-width:10rem;

  }
}
.contact-list {
  list-style-type: none; /* Odstranění standardních odrážek */
  padding-left: 0;
  text-align: left;
  font-size:.6rem;

}
.contact-list li {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem; /* Odstup mezi položkami */
}
.contact-list li .icon {
  margin-right: 0.5rem; /* Odstup mezi ikonou a textem */
}

/* .contact-list li .item-hide { */

 .item-hide {
  display: none !important; /* Skrytí položky se třídou item-hide */
  background-color:pink !important;
}



.box-shadow-dark{  box-shadow:0px 0px 0.9rem rgba(0, 0, 0, 0.332);
}

.tblack{color:black;}

/* body {background-color: pink !important;} */



/* sidebar dodatek */
.sidebar h1{font-size: .81rem !important; 
opacity: .6;}
.sidebar h2{font-size: .6rem !important;
opacity: .6;margin:0px; padding: 0px; 
text-align: left;}


@media (min-width:1200px){
.content, .content p, .content ul, .content li{
  font-size: .75rem;
} }


/* topbutton */
#topButton {
  font-size:1.5625rem;
  font-weight:bolder;
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.573); 
  border-color:rgba(255, 255, 255, 0.141);
color:rgb(0, 0, 0);
border-radius: 50% !important;
z-index: 2097;
width:3.125rem;
height:2.8125rem;

}
#topButton:hover {
background-color: rgba(219, 219, 219, 0.709); 
  border-color:rgba(0, 0, 0, 0.3);
}