.grantplan { }
.grantplan .slogan{ font-size:1.4rem; color:var(--color03); margin:15px 0 15px 15px; position:relative; }
.grantplan .slogan::before {
  content: "„";
  margin-right: 5px;
}

.grantplan .slogan::after {
  content: "“";
  margin-left: 5px;
}

.grantplan .box1 { max-width:1000px }
.grantplan .box1 h1{ margin-bottom:0; margin-top:50px; margin-bottom:30px; }
.grantplan .box1 .image-content .ico{ width:340px; height:340px; display:block; border-radius:170px; border:10px solid var(--color10);
                                   box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
overflow:hidden;
transition: transform 0.8s ease;
  transform-origin: center; margin-top:5px; margin-left:60px; background-image:url(/images/zhodnoceni-zameru-lg.webp); background-repeat:no-repeat; background-size:cover; }

.grantplan .box1 .slogan { margin-top:30px; }
.grantplan .box2 { background-color:var(--color04); padding:60px 0; margin-top:60px; }
.grantplan .box2 .subtext{ max-width:600px; padding-top:30px; margin-left:auto; margin-right:auto; text-align:center; }

.boxes { display:flex; flex-wrap:nowrap; justify-content:center;  }
.boxes .box{ width:300px; margin:25px; }
    .boxes .box .content { border-radius:30px; background-color:var(--color10); padding:15px; text-align:center; }
.boxes .box .ico{ width:100px; height:100px; display:block; margin:15px auto; border-radius: 50px; background-color:var(--color01); text-align:center; }
.boxes .box .ico i{ font-size:30px; line-height:100px; color:var(--color10); }
.grantplan .box3 { padding:60px 0; }
.grantplan .box4 { padding:60px 0; background-color:var(--color04); }
.grantplan .buttons { justify-content:center; padding:30px 0; }
.grantplan .buttons .button { margin:0 15px; }
.grantplan .box5 { padding:30px 0 30px 0; }
.grantplan .box5 .buttons { margin-top:30px; }
.grantplan .box6 { padding:60px 0; }
.grantplan .box6 .text2{  }
.grantplan .box5 .text2 .ring{ 
    width: 180px;
    height: 180px;
    display: block;
    border-radius: 90px;
    border: 10px solid var(--color10);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.8s ease;
    transform-origin: center;
    margin-top: 5px;
    margin-left: 10px; margin-right:30px;
    background-image: url(/images/vera-greifova.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
.grantplan .box5 .text2 .flex{ vertical-align:middle; }
.grantplan .box5 .text2 .owner { padding-top:30px; }
.grantplan .box5 .text2 .owner strong{ color:var(--color01); font-size:1.2em; }
.grantplan .box5 .text2 .owner .name{ color:var(--color03); }

.grantplan .boxes-numberlist { display:flex; flex-wrap:wrap; justify-content:center; }
.grantplan .boxes-numberlist .box{ display:flex; flex-wrap:nowrap; background-color:var(--color10); border-radius:30px; padding:15px;
                                     /*border:1px solid var(--color03);*/ width:30%; 
}
.grantplan .boxes-numberlist .box .ico{ width:50px; height:50px; display:block; margin:15px auto; border-radius: 25px; background-color:var(--color01); text-align:center;
                                          color:var(--color10); font-size:1.4rem; line-height:50px; font-weight:600; margin-right:15px; }
.grantplan .boxes-numberlist .box .text{  }
.grantplan .boxes-numberlist .boxline { width:5%; position:relative; display:flex; min-height:100%; vertical-align:middle; }
.grantplan .boxes-numberlist .boxline .line{ position:absolute; width:100%; height:10px; background-color:var(--color10); top:30px; }
.grantplan .boxes-numberlist div:nth-child(6) {
  width:100%; height:60px;
}
.grantplan .boxes-numberlist div:nth-child(6) .line {
  width:10px; height:60px; margin:0; top:0; right:30px;
}

.box {
  width: 25%;
}

.grantplan .boxes-numberlist {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content:flex-start;
  padding-top:60px;
}

/* výchozí šířky */
.grantplan .boxes-numberlist > .box {
  width: 28%;
}

.grantplan .boxes-numberlist > .boxline {
  width: 8%;
}

/* svislá čára dolů */
.grantplan .boxes-numberlist > div:nth-child(6),
.grantplan .boxes-numberlist > div:nth-child(12) {
  width: 100%;
}

/* pořadí hada */
.grantplan .boxes-numberlist > div:nth-child(1)  { order: 1; }  /* box 1 */
.grantplan .boxes-numberlist > div:nth-child(2)  { order: 2; }  /* čára */
.grantplan .boxes-numberlist > div:nth-child(3)  { order: 3; }  /* box 2 */
.grantplan .boxes-numberlist > div:nth-child(4)  { order: 4; }  /* čára */
.grantplan .boxes-numberlist > div:nth-child(5)  { order: 5; }  /* box 3 */
.grantplan .boxes-numberlist > div:nth-child(6)  { order: 6; }  /* čára dolů */

.grantplan .boxes-numberlist > div:nth-child(11) { order: 7; }  /* box 6 */
.grantplan .boxes-numberlist > div:nth-child(10) { order: 8; }  /* čára */
.grantplan .boxes-numberlist > div:nth-child(9)  { order: 9; }  /* box 5 */
.grantplan .boxes-numberlist > div:nth-child(8)  { order: 10; } /* čára */
.grantplan .boxes-numberlist > div:nth-child(7)  { order: 11; } /* box 4 */
.grantplan .boxes-numberlist > div:nth-child(12) { order: 12; } /* čára dolů */

.grantplan .boxes-numberlist > div:nth-child(13) { order: 13; } /* box 7 */

.grantplan .boxes-numberlist > div:nth-child(12) { height:60px; }
.grantplan .boxes-numberlist > div:nth-child(12) .line{ width:10px; height:60px; margin:0; top:0; left:30px; }

/* otočení druhého řádku */