/*odznaky*/
//#odznaky .active { background-color: #ccc; }
#odznaky ul { padding-left: 1rem; list-style-type: none; }
#odznaky ul li { padding-left: 1rem; margin: 0.2rem 0; background-image: url(../img/odrazka.gif); background-position: 0 0.4rem; background-size: 1rem 0.5rem; background-repeat: no-repeat; }

.collapsible {   cursor: pointer;  text-align: center;  display: block;  border: none; margin: 1rem auto 0 auto;  padding: 0.5rem;  width: 200px; font-weight: bold;  box-shadow: 10px 10px 20px #333 ;font-size: 90%; background-color: #f2f2f2; }  
.collapsible:hover {   background-color: var(--odkaz_h); }
.content { padding: 0 1rem ; display: none;  overflow: hidden;  background-color: #f2f2f2; }

.mista { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap : 1rem;  background-image: url(../img/mich.jpg); background-repeat: no-repeat;   background-size: cover;
}

@media only screen and (max-width: 800px)  {
.mista { display:  block; }
}