h1 {display: block;}

#kontejner {
  display: grid;
  grid-template-columns: minmax(10px, auto) 50px minmax(430px, 700px) minmax(10px, auto);
  
  grid-template-rows: 85px minmax(170px, 30vh) minmax(250px, auto) 85px;
  grid-gap: 10px 30px;
  height: 100vh;
}

#box img {
  max-width: 400px;
  max-height: 600px;
  position: absolute;
  z-index: -5;
}

#menu {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 4;

  min-width: 60px;
}
#menu img {
  height: 50px;
  width: 50px;
  margin-bottom: 20px;
  z-index: 2; /* kvůli ToolTipu: .title */
}
#menu a img:hover {
  height: calc(50px + 10px);
  width: calc(50px + 10px);
  margin-bottom: 15px;
  margin-top: -5px;
  margin-left: -5px;
}
/* outer stín: .stin */

@media (max-height: 570px) {
  #menu img {
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
  }
  #menu a img:hover {height: calc(40px + 10px); width: calc(40px + 10px); margin-bottom: 0px;}
}

.box:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 4;
}

#zahlavi {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;

  padding: 15px 0px;
  display: flex;
  flex-direction: row;
}
#zahlavi div:first-child {flex-grow: 1;}
#zahlavi div:last-child {
  text-align: right;
  flex-grow: 3;
}
#zahlavi #odhlaseni input[type=submit] {
  float: right;
  margin: 2px 0px 0px 15px;
  height: 50px;
}
#zahlavi #pohled {
  display: inline-block;
  margin: 0px 0px -7px 3px;
}
#zahlavi #pohled button {
  border: none;
  background: none;
  padding: 0px;
  margin-left: 3px;
}
#zahlavi form[name=prepnuti] {
  padding-top: 5px;
  white-space: nowrap;
}

#prehled {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;

  background-color: #fff;
  overflow-y: auto;
  margin-bottom: 20px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#prehled #prehled_obsah {
  padding: 10px 25px;
}
#prehled_obsah .ilustrace {
  max-width: calc(100% - (25px * 2));
  height: calc(100% - (10px * 2));
  margin: auto;
  display: block;
}

.vypis {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}
#vypis_obsah {padding: 30px 35px;}

.dvoukomorovy { /* .formular */
  width: 80%;
}

.podCarou {float: right;}

#zapati {
  grid-column-start: 2;
  grid-column-end: 4;

  text-align: right;
}
#zapati h2 {margin: 0px; display: inline-block;}
#zapati img {
  transform: translateY(3px);
  margin: 0px 1px;
}
#zapati #ikonky div {display: inline-block;}
#zapati #ikonky i {padding-right: 5px;}

@media (max-width: 1150px) {
  #zapati img {width: 15px; height: 15px; margin: 0px;}
}