@media (max-width: 110em) {
    .header .header-flex .slogan { margin-left:0; text-align:right; padding-right:100px; }
}

@media (max-width: 92em) {

    .header .logo-container { width:400px; }
    .labyrinth { background-size:45%; max-width:100%; padding-left:30px; padding-right:30px;}
    .footer { max-width:100%; padding-left:30px; padding-right:30px; }
    .programming .pagelayout,.submenu .pagelayout,
    .hosting .pagelayout,
    .grant .pagelayout,
    .grantplan .pagelayout,
    .contact .pagelayout,
    .personaldata .pagelayout{ max-width:96%; }
}

@media (max-width: 85em) {
    
}

@media (max-width: 80em) {
    .labyrinth { background:none; padding-top:80px; }
    .labyrinth .item .text-image { flex-grow:0; }
    .labyrinth .item .text-content { width:auto; }
    .labyrinth .item.box1 { flex-direction:row-reverse; justify-content:flex-end; }
    .labyrinth .item.box1 .text-image .ico { margin-left:0; margin-top:15px; margin-right:30px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }
    .labyrinth .item.box1 .text-content { padding-top:10px; padding-right:30px; }
    .labyrinth .item.box2 { flex-direction:row-reverse; justify-content:flex-end; margin-top:60px; }
    .labyrinth .item.box2 .text-image .ico { margin-left:0; margin-top:15px; margin-right:30px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }
    .labyrinth .item.box2 .text-content { padding-top:10px; padding-right:30px; }
    .labyrinth .item.box3 { flex-direction:row-reverse; justify-content:flex-end; margin-top:0; }
    .labyrinth .item.box3 .text-image .ico { margin-left:0; margin-top:15px; margin-right:30px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }
    .labyrinth .item.box3 .text-content { padding-top:10px; }
    .labyrinth .item.box4 { flex-direction:row-reverse; justify-content:flex-end; margin-top:60px; }
    .labyrinth .item.box4 .text-image .ico { margin-left:0; margin-top:15px; margin-right:30px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }
    .labyrinth .item.box4 .text-content { padding-top:10px; }

}

@media (max-width: 75em) {
    .labyrinth .item .text-image .ico { width:150px; height:150px; }
    .header .header-flex .slogan { padding-right:50px; }
    .header .header-flex .slogan img{ max-width:300px; }
}

@media (max-width: 65em) {
    .header .logo-container { height:100px; border-bottom-right-radius:0; width:auto; padding-left:30px; }
    .labyrinth { padding-top:30px; padding-bottom:0; }
    .labyrinth .flex.left,.labyrinth .flex.right { width:100%; }
    .labyrinth .pagelayout { flex-wrap:wrap; }
    .labyrinth .item.box1 .text-content { padding-right:0; }
    .labyrinth .item.box2 { margin-top:30px; }
    .labyrinth .item.box2 .text-content { padding-right:0; }
    .labyrinth .item.box3 { margin-top:30px; }
    .labyrinth .item.box4 { margin-top:30px; }
    .footer .pagelayout div:first-child { flex-wrap:wrap; }
    .footer .links { width:50%; }
    .footer .contacts { width:50%; }
    .footer .footer-form { width:100%; margin-top:30px; }
    .programming .box2 .boxes,.grant .box2 .boxes{ flex-wrap:wrap; }

    .grant .boxes-numberlist .boxline { display:none; }
    .grant .boxes-numberlist .box { width:calc(50% - 30px); margin:15px; }
    .grant .boxes-numberlist div:nth-child(1) { order:1; }
    .grant .boxes-numberlist div:nth-child(2) { order:2; }
    .grant .boxes-numberlist div:nth-child(3) { order:3; }
    .grant .boxes-numberlist div:nth-child(4) { order:4; }
    .grant .boxes-numberlist div:nth-child(5) { order:5; }
    .grant .boxes-numberlist div:nth-child(6) { order:6; }
    .grant .boxes-numberlist div:nth-child(7) { order:7; }
    .grant .boxes-numberlist div:nth-child(8) { order:8; }
    .grant .boxes-numberlist div:nth-child(9) { order:9; }
    .grant .boxes-numberlist div:nth-child(10) { order:10; }
    .grant .boxes-numberlist div:nth-child(11) { order:11; }
    .grant .boxes-numberlist div:nth-child(12) { order:12; }
    .grant .boxes-numberlist div:nth-child(13) { order:13; }
    .grant .boxes-numberlist div:nth-child(14) { order:14; }
    
}

@media (max-width: 55em) {
    .header .header-flex .icon-contacts { width:100px; }
    .header .header-flex .slogan img{ max-width:250px; }
    .header .header-flex .slogan { padding-right:25px; }
    .programming .box1,.hosting .box1,.grant .box1,.grantplan .box1 { flex-direction:column-reverse; flex-wrap:wrap; }
    .programming .box1 .image-content .ico,.hosting .box1 .image-content .ico,.grant .box1 .image-content .ico,.grantplan .box1 .image-content .ico { width:150px; height:150px; }
    .boxes .box { margin:10px; }
    .programming .buttons { flex-wrap:wrap; }
    .programming .buttons .button{ margin:15px; }
    .twolayer.image { flex-wrap:wrap; }
    .twolayer.image div:first-child.image-content { margin:0; width:100%; padding:0; }
    .twolayer.image div:first-child.image-content img{ max-width:400px; }
    .twolayer.image .text-content { width:100%; }
    .twolayer.image .image-content { width:100%; padding:0; margin:0; }
    .programming .box4 .twolayer.image,.hosting .box4 .twolayer.image,.grant .box4 .twolayer.image,.grantplan .box3 .twolayer.image{ flex-direction:column-reverse; }
    .twolayer.image div:last-child.image-content { padding:0; }
    .twolayer.image div:last-child.image-content img{ max-width:400px; }
    .programming .boxes-numberlist .box { width:100% }
    .programming .boxes-numberlist .boxline { width:100%; height:40px; }
.programming .boxes-numberlist .boxline .line{width: 10px;
    height: 60px;
    margin: 0;
    top: 0;
    right: 30px; min-height:0; bottom:0; }
    .programming .boxes-numberlist div:nth-child(8) .line, .programming .boxes-numberlist div:nth-child(10) .line,.programming .boxes-numberlist div:nth-child(6) { bottom:0; height:40px; }
    /*.programming .boxes-numberlist div:nth-child(4) { width:100%; height:60px; }
    .programming .boxes-numberlist div:nth-child(4) .line{ width: 10px;
    height: 60px;
    margin: 0;
    top: 0;
    right: 30px; }*/
    .programming .boxes-numberlist div:nth-child(1) { order:1; }
    .programming .boxes-numberlist div:nth-child(2) { order:2; }
    .programming .boxes-numberlist div:nth-child(3) { order:3; }
    .programming .boxes-numberlist div:nth-child(4) { order:4; }
    .programming .boxes-numberlist div:nth-child(5) { order:5; }
    .programming .boxes-numberlist div:nth-child(6) { order:6; }
    .programming .boxes-numberlist div:nth-child(7) { order:7; }
    .programming .boxes-numberlist div:nth-child(8) { order:8; }
    .programming .boxes-numberlist div:nth-child(9) { order:9; }
    .programming .boxes-numberlist div:nth-child(10) { order:10; }
    .programming .boxes-numberlist div:nth-child(11) { order:11; }
    .programming .boxes-numberlist div:nth-child(12) { order:12; }
    .programming .box6 .twolayer { flex-wrap:wrap; }
    .twolayer .column { width:100%; }
    .programming .box6 .text2 { margin-top:30px; }
    .grant .box3 { margin-top:0; }
    .grant .buttons { flex-wrap:wrap; }
    .grant .buttons .button{ margin:10px; }
    .grant .box6 .text2 { padding-top:30px; }
    .contact .contact-content { flex-wrap:wrap; }
    .contact .contact-content .box{ width:100%; text-align:center; }
    .contact .contact-content .box.contacts { padding-bottom:30px; }
    .contact .contact-content .box.company { max-width:600px; margin:0 auto; }
    .contact .contact-content .box.contacts .buttons{ width:100%; }
    .contact .contact-content .box.contacts .buttons .button{ margin:0 auto; }
}

@media (max-width: 45em) {
    .header .header-flex .slogan { display:none; }
    .footer .links { display:none; }
    .footer .contacts { width:100%; }
    .labyrinth .item .text-content h2 { font-size:1.6em; }
    .grant .boxes-numberlist .box { margin:0 0 15px 0; width:100%; }
    .cookie-bar .button,.cookie-bar .buttons { width:100%; }
}

@media (max-width: 35em) {
    .header .logo-container { padding-left:10px; padding-right:20px; }
    .header .logo-container .logo a { margin-right:0; }
    .labyrinth .item { flex-wrap:wrap; }
    .labyrinth .item .text-image .ico { margin:0 auto; }
    .labyrinth .item.box1 { justify-content:center; flex-direction:column-reverse; }
    .labyrinth .item.box1 .text-image .ico { margin:0 auto; }
    .labyrinth .item.box1 .text-content { padding-top:0; }
    .labyrinth .item.box2 { justify-content:center; flex-direction:column-reverse; }
    .labyrinth .item.box2 .text-image .ico { margin:0 auto; }
    .labyrinth .item.box2 .text-content { padding-top:0; }
    .labyrinth .item.box3 { justify-content:center; flex-direction:column-reverse; }
    .labyrinth .item.box3 .text-image .ico { margin:0 auto; }
    .labyrinth .item.box3 .text-content { padding-top:0; }
    .labyrinth .item.box4 { justify-content:center; flex-direction:column-reverse; }
    .labyrinth .item.box4 .text-image .ico { margin:0 auto; }
    .labyrinth .item.box4 .text-content { padding-top:0; }
    .boxes .box { width:100%; }
    .buttons .button { padding:0 15px; font-size:1rem; }
    .twolayer.image div:first-child.image-content img,.twolayer.image div:last-child.image-content img { max-width:100%; }
    .programming .box6 .text2 .flex { flex-wrap:wrap; }
    .programming .box6 .text2 .ring { margin:auto; }
    .programming .box6 .text2 .owner { text-align:center; width:100%; }
    .programming .box6 .text2 .buttons { width:100%; }
    .programming .box6 .text2 .buttons .button{ margin:auto; }
    .programming .box1 .image-content .ico { margin:auto; }

    .grant .box6 .text2 .flex { flex-wrap:wrap; }
    .grant .box6 .text2 .ring { margin:auto; }
    .grant .box6 .text2 .owner { text-align:center; width:100%; }
    .grant .box6 .text2 .buttons { width:100%; }
    .grant .box6 .text2 .buttons .button{ margin:auto; }
    .grant .box1 .image-content .ico { margin:auto; }

    .grantplan .box5 .text2 .flex { flex-wrap:wrap; }
    .grantplan .box5 .text2 .ring { margin:auto; }
    .grantplan .box5 .text2 .owner { text-align:center; width:100%; }
    .grantplan .box5 .text2 .buttons { width:100%; }
    .grantplan .box5 .text2 .buttons .button{ margin:auto; }
    .grantplan .box1 .image-content .ico { margin:auto; }

}

@media (max-width: 25em) {
    .header .header-flex .icon-contacts { display:none; }
    #fast-contact-form .flex .item.firstname { width:100%; }
    #fast-contact-form .flex .item.lastname { width:100%; }
    #fast-contact-form .flex .item.phone { width:100%; }
    #fast-contact-form .flex .item.email { width:100%; }
    #fast-contact-form .flex .accepted { width:100%; }
    #fast-contact-form .flex .buttons { width:100%; }
    #fast-contact-form .flex .buttons .button{ width:100%; }
}