.labyrinth { background-image:url(/images/labyrinth.webp); background-repeat:no-repeat; background-position:center center; background-size:700px;
             min-height:600px; width:100%; padding-top:60px; padding-bottom:60px; }
.labyrinth .pagelayout { display:flex; flex-wrap:nowrap;  align-items: flex-start;}
.labyrinth .flex.left{ width:50%; flex-wrap:wrap; }
.labyrinth .flex.right{ width:50%; flex-wrap:wrap; }
.labyrinth .item{ display:flex; flex-wrap:nowrap; width:100%; }
.labyrinth .item .text-content{ width:300px; }
.labyrinth .item .text-content h2{ font-size:1.8rem; }
.labyrinth .item .text-image{ flex-grow:1; }
.labyrinth .item .text-image .ico{ width:200px; height:200px; display:block; border-radius:100px; border:10px solid var(--color10);
                                   /*box-shadow: 1px 1px 3px 2px rgba(107,107,107,0.51);
-webkit-box-shadow: 1px 1px 3px 2px rgba(107,107,107,0.51);
-moz-box-shadow: 1px 1px 3px 2px rgba(107,107,107,0.51);*/
overflow:hidden;
transition: transform 0.8s ease;
  transform-origin: center;
}
.labyrinth .item .text-image a{ display:block; width:100%; height:100%; }

.labyrinth .item:hover .text-image .ico {
  transform: scale(1.1);
}

.labyrinth .item.box1,.labyrinth .item.box2{  }
.labyrinth .item.box3,.labyrinth .item.box4{ flex-direction:row-reverse;}

.labyrinth .item.box1 .text-content { padding-top:80px; }
.labyrinth .item.box1 .text-image .ico { margin-left:60px; margin-top:10px; background-image:url(/images/programming.webp); background-repeat:no-repeat; background-size:cover; }
.labyrinth .item.box2 .text-content { padding-top:50px }
.labyrinth .item.box2 .text-image .ico { margin-left:60px; margin-top:60px; background-image:url(/images/servers.webp); background-repeat:no-repeat; background-size:cover; }
.labyrinth .item.box3 .text-content { }
.labyrinth .item.box3 .text-image .ico { margin-right:40px; margin-top:10px; margin-left:auto; background-image:url(/images/grant.webp); background-repeat:no-repeat; background-size:cover; }
.labyrinth .item.box4 .text-content { padding-top:50px; }
.labyrinth .item.box4 .text-image .ico { margin-right:60px; margin-left:auto; margin-top:120px; background-image:url(/images/zhodnoceni-zameru.webp); background-repeat:no-repeat; background-size:cover; }