/* Vložená data */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;0,900;1,300;1,600;1,900&display=swap');

/* Nastavení barev a fontů */
:root{
--fonts:            #171717;
--extra-red:        #D9002F;
--extra-blue:       #012E7D;
--background-color: #f2f2f2;
--linear:           #686868;

--font-display: 'Poppins', sans-serif;
}

/* Nastavení posuvníku */
/* width */
::-webkit-scrollbar { width: 8px;}
/* Track */
::-webkit-scrollbar-track { background: var(--background-color);}
/* Handle */
::-webkit-scrollbar-thumb { background: var(--background-color);}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: var(--extra-blue);}

body { width: 100%; font-family: var(--font-display); display: flex; flex-flow: column; align-items: flex-start; justify-content: center; margin: 0 0 0 0; font-size: 20px; font-weight: 300; color: var(--fonts); background: var(--background-color);}
    
span { font-weight: 900; color: var(--extra-blue);}
a { color: var(--extra-red); text-underline-offset: 4px; text-decoration-color: var(--extra-red); text-decoration-thickness: 1px; text-decoration-line: 2px; text-decoration-style: dotted; transition: ease-in-out color .35s;}
a:hover { color: var(--extra-blue); text-decoration-color: var(--extra-blue);}
a span { color: var(--extra-blue); transition: ease-in-out color .35s;}
a:hover span { color: var(--extra-blue);}

.button-pozice { width: auto; height: auto; display: flex; flex-flow: row; justify-content: center; align-items: center;}
.button { width: auto; height: auto; padding: 10px 20px; border-radius: 10px; font-size: .9em; font-weight: 600; text-decoration: none; display: flex; flex-flow: column; justify-content: center; align-items: center; transition: all .35s ease-in-out;}
a.button { color: #fff; background: var(--fonts);}
a.button:hover { color: #fff; background: linear-gradient(45deg, var(--extra-red), var(--extra-blue)); box-shadow: 0px 10px 20px #bbb;}

/* Velké obrazovky a stolní monitory */
@media (min-width: 1281px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 20px;}
    .free-big { width: 100%; height: 50px;}
    .free-mini { width: 100%; height: 12px;}
    .space { width: 100%; height: 40px;}
    .top-space { width: 100%; height: 80px;}

    h1, h2 { font-size: 2.6em; margin: 0 0 20px 0;}
    h2 { font-size: 1.75em; margin: 0 0 15px 0;}
    p { font-size: 1.2em; margin: 0 0 10px 0; font-weight: 300;}
    ul { margin: 0 0 10px 0; list-style: none;}
    li { font-size: 1.4em; margin: 0 0 5px 0; list-style: none;}
    li::before { content: "•"; color: var(--extra-red); font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Navigační linie */
    nav { width: 100%; height: auto; padding: 20px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .navigation-pass { width: 1260px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .logo { width: 194px; height: 80px; background: url('../themes/logo.png') center no-repeat; background-size: contain;}
    .top-menu { width: auto; height: auto; font-weight: 600; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .top-menu-item { width: auto; height: auto; padding: 10px 20px; font-size: 1.2em; text-decoration: none; color: #292929; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus { width: auto; height: auto; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .konktaktus .top-menu-item { width: auto; height: auto; padding: 10px 20px; font-size: 1.2em; font-weight: 600; text-decoration: none; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus a.top-menu-item { color: var(--extra-red);}

    /* Hlavička webu - SmallBlock */
    .small-block { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .small-block p { font-size: 1.2em; font-weight: 600; margin: 0;}
    .small-block h1 { margin: 0;}

    /* Hlavička webu - foto */
    .picture-block { width: 100%; height: 600px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .picture-block-image { width: 1260px; height: 500px; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fko.png') top no-repeat; background-size: 1260px auto;}
    .picture-block-free { width: 1260px; height: 610px; position: absolute; background: url('../themes/fko-free.png') top no-repeat; background-size: 1260px auto;}

    /* Vodítko */
    .voditko-block { width: 100%; height: 60px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .voditko-button-pozice { width: 120px; height: 60px;}
    .voditko-button { width: 120px; height: 120px; position: absolute; margin: -30px 0; filter: drop-shadow(0px 10px 20px #bbb); background: url('../themes/button-before.png') top no-repeat; background-size: cover;}

    /* Hlavička webu - grafická hlavička */
    header { width: 100%; height: auto; padding: 80px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .header-titulek { width: 1260px; height: 315px; background: url('../themes/header-back.png') top no-repeat; background-size: contain;}
    .header-tituls { width: 400px; position: absolute; margin: 0 0 0 500px; padding: 0 0 0 20px; border-left: 1px solid #686868; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-tituls h1 { font-weight: 500; margin: 0; font-size: 1.6em;}

    .header-text { width: 1000px; height: auto; padding: 0 130px;}
    .header-text h1 { font-size: 1.5em; font-weight: 300; text-align: center; color: var(--fonts); margin: 0 0 0 0;}
    .header-text h1:last-child { font-size: 1.5em; font-weight: 600; text-align: center; color: var(--fonts); margin: 0 0 0 0;}

    .header-boxies { width: 1260px; height: auto; display: flex; flex-wrap: wrap; justify-content: start; align-items: start;}
    .header-boxies:last-child {  width: 1160px; height: 380px; padding: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
    .header-boxies-a { width: 330px; height: 240px; padding: 30px 30px 30px 270px; display: flex; flex-flow: column; justify-content: flex-end; align-items: flex-end;}
    .header-boxies-a h1 { text-align: right; font-weight: 300; color: #bbb; margin: 0;}
    .header-boxies-b { width: 630px; height: auto; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-b-image { width: 630px; height: 300px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/white-car.png') 0 -40px no-repeat; background-size: 630px auto;}
    .header-boxies-b-free { width: 630px; height: 340px; position: absolute; margin: -40px 0 0 0; background: url('../themes/white-car-free.png') 0 0 no-repeat; background-size: 630px auto;}
    .header-boxies-c { width: 630px; height: 380px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-c-image { width: 630px; height: 300px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fdo.png') 0 -40px no-repeat; background-size: 740px auto;}
    .header-boxies-c-free { width: 640px; height: 380px; position: absolute; margin: -40px 0 0 0; background: url('../themes/fdo-free.png') 0 0 no-repeat; background-size: 740px auto;}
    .header-boxies-d { width: 400px; height: 380px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-d-image {  width: 400px; height: 260px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fd.png') -80px -40px no-repeat; background-size: 630px auto;}
    .header-boxies-d-free { width: 480px; height: 340px; position: absolute; margin: -40px 0 0 -80px; background: url('../themes/fd-free.png') 0 0 no-repeat; background-size: 630px auto;}

    /* Textová obsah webu */
    .classic-block { width: 100%; height: auto; padding: 80px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .classic-block-content { width: 1260px; height: auto; display: flex; flex-wrap: wrap; justify-content: start; align-items: start; gap: 20px;}
    .classic-block-content h1 { width: 100%; text-align: center;}
    
    .boxservice { width: 260px; height: auto; padding: 20px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .boxservice-image { width: 260px; height: 260px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position { width: 160px; height: 160px; border-radius: 20px; border: 1px solid #bbb; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position img { width: 100%; object-fit: cover; object-position: center;}
    .boxservice h1 { text-align: center; margin: 0; font-size: 1.3em;}
    .boxservice p { margin: 0; font-size: .9em;}

    /* Kontaktni informace */
    main { width: 100%; height: auto; padding: 80px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .contact-main { width: 1260px; height: auto; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    .contact-main-left { width: 760px; height: auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contactbox { width: 760px; height: auto; border-radius: 20px; overflow: hidden; box-shadow: 0px 10px 20px #bbb; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; background: #fff;}
    .contactbox-left { width: 410px; height: auto; padding: 20px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-left-line { width: 100%; height: auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .contentbox-left-line-content-a, .contentbox-left-line-content-b, .contentbox-left-line-content-c { width: 340px; height: 70px; padding-left: 80px; display: flex; flex-flow: column; justify-content: center; align-items: start; background: url('../themes/mobil.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-b { background: url('../themes/maps.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-c { background: url('../themes/time.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-a p, .contentbox-left-line-content-b p, .contentbox-left-line-content-c p { font-size: .7em; margin: 0 0 5px; font-weight: 600; color: var(--linear);}
    .contentbox-left-line-content-a h2, .contentbox-left-line-content-b h2, .contentbox-left-line-content-c h2 { font-size: 1.2em; font-weight: 300; color: var(--fonts); margin: 0 0 0 0;} 
    .contentbox-left-line-content-b h2 { font-size: 1em;} 

    .contactbox-right { width: 290px; height: 290px; overflow: hidden; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-right img { width: 290px; height: 290px; object-fit: cover; object-position: center;}

    .contact-main-right { width: 420px; height: 290px; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .contact-main-right-image { width: 420px; height: 290px; border-radius: 20px; border: 1px solid var(--linear); overflow: hidden; box-shadow: 0px 10px 20px #bbb; background: url('../themes/maps-car.png') top no-repeat; background-size: cover;}
    .contact-main-right-free { width: 420px; height: 320px; position: absolute; margin: 0; background: url('../themes/maps-car-free.png') top no-repeat; background-size: cover;}

    /* Spodní čát webu */
    footer { width: 100%; height: auto; padding: 80px 0 0 0; display: flex; flex-flow: column; justify-content: center; align-items: center; background: #292929;}
    .footer-info { width: 1260px; height: auto; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .footer-info-leftbox { width: 570px; height: auto; padding: 0 30px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .footer-info-leftbox-logo { width: 246px; height: 80px; background: url('../themes/logo-white.png') center no-repeat; background-size: contain;}
    .footer-info-leftbox p {  font-size: .7em; margin: 0 0 5px 0; color: #fff;}
    .footer-info-leftbox p span { color: var(--extra-red);}
    .footer-info-rightbox { width: 570px; height: auto; padding: 0 30px; display: flex; flex-flow: column; justify-content: start; align-items: end;}
    .footer-info-rightbox p:nth-child(1) { font-size: .9em; margin: 0 0 10px 0; color: var(--extra-red); font-weight: 600;}
    .footer-info-rightbox p { font-size: .7em; margin: 0 0 5px 0; color: #fff;}

    .footer-bottom { width: 1260px; height: 160px; padding-top: 40px; border-top: 1px solid var(--linear); display: flex; flex-flow: column; justify-content: start; align-items: center; background: url('../themes/footer-back.png') bottom center no-repeat; background-size: 1200px auto;}
    .footer-bottom p { width: 100%; height: auto; margin: 0 0 0 0; font-size: .75em; font-weight: 300; color: #fff; text-align: center;}
    .footer-bottom a { color: var(--background-color);}
    .footer-bottom a:hover { color: var(--background-color); text-decoration-color: var(--linear);}
}

/* Menší laptopy a stolní počítače */
@media (min-width: 1100px) and (max-width: 1280px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}
 
    /* Definice textu */
    .free { width:100%; height: 20px;}
    .free-big { width: 100%; height: 50px;}
    .free-mini { width: 100%; height: 12px;}
    .space { width: 100%; height: 40px;}
    .top-space { width: 100%; height: 80px;}

    h1, h2 { font-size: 2.4em; margin: 0 0 20px 0;}
    h2 { font-size: 1.55em; margin: 0 0 15px 0;}
    p { font-size: 1.4em; margin: 0 0 10px 0; font-weight: 300;}
    ul { margin: 0 0 10px 0; list-style: none;}
    li { font-size: 1.3em; margin: 0 0 5px 0; list-style: none;}
    li::before { content: "•"; color: var(--extra-red); font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Navigační linie */
    nav { width: 100%; height: auto; padding: 20px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .navigation-pass { width: 1100px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .logo { width: 194px; height: 80px; background: url('../themes/logo.png') center no-repeat; background-size: contain;}
    .top-menu { width: auto; height: auto; font-weight: 600; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .top-menu-item { width: auto; height: auto; padding: 10px 15px; font-size: 1em; text-decoration: none; color: #292929; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus { width: auto; height: auto; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .kontaktus .top-menu-item { width: auto; height: auto; padding: 10px 15px; font-size: 1.2em; font-weight: 600; text-decoration: none; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .kontaktus a.top-menu-item { color: var(--extra-red);}

    /* Hlavička webu - SmallBlock */
    .small-block { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .small-block p { font-size: 1.2em; font-weight: 600; margin: 0;}
    .small-block h1 { margin: 0;}

    /* Hlavička webu - foto */
    .picture-block { width: 100%; height: 600px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .picture-block-image { width: 1100px; height: 500px; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fko.png') top no-repeat; background-size: 1260px auto;}
    .picture-block-free { width: 1100px; height: 610px; position: absolute; background: url('../themes/fko-free.png') top no-repeat; background-size: 1260px auto;}

    /* Vodítko */
    .voditko-block { width: 100%; height: 60px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .voditko-button-pozice { width: 120px; height: 60px;}
    .voditko-button { width: 120px; height: 120px; position: absolute; margin: -30px 0; filter: drop-shadow(0px 10px 20px #bbb); background: url('../themes/button-before.png') top no-repeat; background-size: cover;}

    /* Hlavička webu - grafická hlavička */
    header { width: 100%; height: auto; padding: 80px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .header-titulek { width: 1100px; height: 260px; background: url('../themes/header-back.png') top no-repeat; background-size: contain;}
    .header-tituls { width: 300px; position: absolute; margin: 0 0 0 450px; padding: 0 0 0 20px; border-left: 1px solid #686868; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-tituls h1 { font-weight: 500; margin: 0; font-size: 1.4em;}

    .header-text { width: 1000px; height: auto; padding: 0 50px;}
    .header-text h1 { font-size: 1.5em; font-weight: 300; text-align: center; color: var(--fonts); margin: 0 0 0 0;}
    .header-text h1:last-child { font-size: 1.5em; font-weight: 600; text-align: center; color: var(--fonts); margin: 0 0 0 0;}

    .header-boxies { width: 1100px; height: auto; display: flex; flex-wrap: wrap; justify-content: start; align-items: start;}
    .header-boxies:last-child {  width: 1100px; height: 380px; padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
    .header-boxies-a { width: 250px; height: 200px; padding: 30px 30px 30px 270px; display: flex; flex-flow: column; justify-content: flex-end; align-items: flex-end;}
    .header-boxies-a h1 { text-align: right; font-weight: 300; color: #bbb; margin: 0;}
    .header-boxies-b { width: 550px; height: auto; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-b-image { width: 550px; height: 260px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/white-car.png') 0 -40px no-repeat; background-size: 550px auto;}
    .header-boxies-b-free { width: 550px; height: 300px; position: absolute; margin: -40px 0 0 0; background: url('../themes/white-car-free.png') 0 0 no-repeat; background-size: 550px auto;}
    .header-boxies-c { width: 630px; height: 380px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-c-image { width: 630px; height: 300px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fdo.png') 0 -40px no-repeat; background-size: 740px auto;}
    .header-boxies-c-free { width: 640px; height: 380px; position: absolute; margin: -40px 0 0 0; background: url('../themes/fdo-free.png') 0 0 no-repeat; background-size: 740px auto;}
    .header-boxies-d { width: 400px; height: 380px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-d-image {  width: 400px; height: 260px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fd.png') -80px -40px no-repeat; background-size: 630px auto;}
    .header-boxies-d-free { width: 480px; height: 340px; position: absolute; margin: -40px 0 0 -80px; background: url('../themes/fd-free.png') 0 0 no-repeat; background-size: 630px auto;}

    /* Textová obsah webu */
    .classic-block { width: 100%; height: auto; padding: 60px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .classic-block-content { width: 1100px; height: auto; display: flex; flex-wrap: wrap; justify-content: start; align-items: start; gap: 20px;}
    .classic-block-content h1 { width: 100%; text-align: center;}
    
    .boxservice { width: 240px; height: auto; padding: 10px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .boxservice-image { width: 260px; height: 260px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position { width: 140px; height: 140px; border-radius: 20px; border: 1px solid #bbb; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position img { width: 100%; object-fit: cover; object-position: center;}
    .boxservice h1 { text-align: center; margin: 0; font-size: 1.3em;}
    .boxservice p { margin: 0; font-size: .9em;}

    /* Kontaktni informace */
    main { width: 100%; height: auto; padding: 80px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .contact-main { width: 1100px; height: auto; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    .contact-main-left { width: 600px; height: auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contactbox { width: 600px; height: auto; border-radius: 20px; overflow: hidden; box-shadow: 0px 10px 20px #bbb; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; background: #fff;}
    .contactbox-left { width: 410px; height: auto; padding: 20px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-left-line { width: 100%; height: auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .contentbox-left-line-content-a, .contentbox-left-line-content-b, .contentbox-left-line-content-c { width: 340px; height: 70px; padding-left: 80px; display: flex; flex-flow: column; justify-content: center; align-items: start; background: url('../themes/mobil.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-b { background: url('../themes/maps.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-c { background: url('../themes/time.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-a p, .contentbox-left-line-content-b p, .contentbox-left-line-content-c p { font-size: .7em; margin: 0 0 5px; font-weight: 600; color: var(--linear);}
    .contentbox-left-line-content-a h2, .contentbox-left-line-content-b h2, .contentbox-left-line-content-c h2 { font-size: 1.2em; font-weight: 300; color: var(--fonts); margin: 0 0 0 0;} 
    .contentbox-left-line-content-b h2 { font-size: 1em;} 

    .contactbox-right { width: 130px; height: 290px; overflow: hidden; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-right img { width: 130px; height: 290px; object-fit: cover; object-position: center;}

    .contact-main-right { width: 420px; height: 290px; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .contact-main-right-image { width: 420px; height: 290px; border-radius: 20px; border: 1px solid var(--linear); overflow: hidden; box-shadow: 0px 10px 20px #bbb; background: url('../themes/maps-car.png') top no-repeat; background-size: cover;}
    .contact-main-right-free { width: 420px; height: 320px; position: absolute; margin: 0; background: url('../themes/maps-car-free.png') top no-repeat; background-size: cover;}

    /* Spodní čát webu */
    footer { width: 100%; height: auto; padding: 80px 0 0 0; display: flex; flex-flow: column; justify-content: center; align-items: center; background: #292929;}
    .footer-info { width: 1100px; height: auto; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .footer-info-leftbox { width: 550px; height: auto; padding: 0; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .footer-info-leftbox-logo { width: 246px; height: 80px; background: url('../themes/logo-white.png') center no-repeat; background-size: contain;}
    .footer-info-leftbox p {  font-size: .7em; margin: 0 0 5px 0; color: #fff;}
    .footer-info-leftbox p span { color: var(--extra-red);}
    .footer-info-rightbox { width: 550px; height: auto; padding: 0; display: flex; flex-flow: column; justify-content: start; align-items: end;}
    .footer-info-rightbox p { font-size: .7em; margin: 0 0 5px 0; color: #fff;}
    .footer-info-rightbox p:nth-child(1) { font-size: .9em; margin: 0 0 10px 0; color: var(--extra-red); font-weight: 600;}

    .footer-bottom { width: 1100px; height: 160px; padding-top: 40px; border-top: 1px solid var(--linear); display: flex; flex-flow: column; justify-content: start; align-items: center; background: url('../themes/footer-back.png') bottom center no-repeat; background-size: 1100px auto;}
    .footer-bottom p { width: 100%; height: auto; margin: 0 0 0 0; font-size: .75em; font-weight: 300; color: #fff; text-align: center;}
    .footer-bottom a { color: var(--background-color);}
    .footer-bottom a:hover { color: var(--background-color); text-decoration-color: var(--linear);}
}

/* Tablety na šířku */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 15px;}
    .free-big { width: 100%; height: 40px;}
    .free-mini { width: 100%; height: 9px;}
    .space { width: 100%; height: 30px;}
    .top-space { width: 100%; height: 65px;}

    h1, h2 { font-size: 1.8em; margin: 0 0 15px 0;}
    h2 { font-size: 1.3em; margin: 0 0 12px 0;}
    p { font-size: 1.15em; margin: 0 0 8px 0; font-weight: 300;}
    ul { margin: 0 0 8px 0; list-style: none;}
    li { font-size: 1.1em; margin: 0 0 5px 0; list-style: none;}
    li::before { content: "•"; color: var(--extra-red); font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Navigační linie */
    nav { width: 100%; height: auto; padding: 20px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .navigation-pass { width: 760px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center;}
    .logo { width: 194px; height: 80px; background: url('../themes/logo.png') center no-repeat; background-size: contain;}
    .top-menu { width: auto; height: auto; font-weight: 600; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .top-menu-item { width: auto; height: auto; padding: 10px 15px; font-size: 1em; text-decoration: none; color: #292929; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus { width: auto; height: auto; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .konktaktus .top-menu-item { width: auto; height: auto; padding: 10px 15px; font-size: 1.6em; font-weight: 600; text-decoration: none; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus a.top-menu-item { color: var(--extra-red);}

    /* Hlavička webu - SmallBlock */
    .small-block { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .small-block p { font-size: 1.2em; font-weight: 600; margin: 0;}
    .small-block h1 { margin: 0;}

    /* Hlavička webu - foto */
    .picture-block { width: 100%; height: 360px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .picture-block-image { width: 760px; height: 330px; position: absolute; margin: 0; border-radius: 16px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fko.png') top no-repeat; background-size: 760px auto;}
    .picture-block-free { width: 760px; height: 400px; position: absolute; background: url('../themes/fko-free.png') top no-repeat; background-size: 760px auto;}

    /* Vodítko */
    .voditko-block { width: 100%; height: 40px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .voditko-button-pozice { width: 80px; height: 40px;}
    .voditko-button { width: 80px; height: 80px; position: absolute; margin: -20px 0; filter: drop-shadow(0px 10px 20px #bbb); background: url('../themes/button-before.png') top no-repeat; background-size: cover;}

    /* Hlavička webu - grafická hlavička */
    header { width: 100%; height: auto; padding: 60px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .header-titulek { width: 760px; height: 180px; background: url('../themes/header-back.png') top no-repeat; background-size: contain;}
    .header-tituls { width: 300px; position: absolute; margin: -20px 0 0 300px; padding: 0 0 0 15px; border-left: 1px solid #686868; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-tituls h1 { font-weight: 500; margin: 0; font-size: 1.2em;}

    .header-text { width: 700px; height: auto; padding: 0 30px;}
    .header-text h1 { font-size: 1.4em; font-weight: 300; text-align: center; color: var(--fonts); margin: 0 0 0 0;}
    .header-text h1:last-child { font-size: 1.4em; font-weight: 600; text-align: center; color: var(--fonts); margin: 0 0 0 0;}

    .header-boxies { width: 760px; height: auto; display: flex; flex-wrap: wrap; justify-content: start; align-items: start;}
    .header-boxies:last-child {  width: 760px; height: 250px; padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
    .header-boxies-a { width: 170px; height: 220px; padding: 20px; display: flex; flex-flow: column; justify-content: flex-end; align-items: flex-end;}
    .header-boxies-a h1 { text-align: right; font-weight: 300; color: #bbb; margin: 0; font-size: 1.4em;}
    .header-boxies-b { width: 550px; height: auto; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-b-image { width: 550px; height: 260px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/white-car.png') 0 -40px no-repeat; background-size: 550px auto;}
    .header-boxies-b-free { width: 550px; height: 300px; position: absolute; margin: -40px 0 0 0; background: url('../themes/white-car-free.png') 0 0 no-repeat; background-size: 550px auto;}
    .header-boxies-c { width: 340px; height: 300px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-c-image { width: 300px; height: 300px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fdo.png') -60px -40px no-repeat; background-size: 740px auto;}
    .header-boxies-c-free { width: 320px; height: 300px; position: absolute; margin: 0 0 0 -20px; background: url('../themes/fdo-free.png') -60px -40px no-repeat; background-size: 740px auto;}
    .header-boxies-d { width: 400px; height: 300px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-d-image {  width: 400px; height: 260px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 20px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fd.png') -80px -40px no-repeat; background-size: 630px auto;}
    .header-boxies-d-free { width: 480px; height: 340px; position: absolute; margin: -40px 0 0 -80px; background: url('../themes/fd-free.png') 0 0 no-repeat; background-size: 630px auto;}

    /* Textová obsah webu */
    .classic-block { width: 100%; height: auto; padding: 60px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .classic-block-content { width: 760px; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: start; gap: 10px;}
    .classic-block-content h1 { width: 100%; text-align: center;}
    
    .boxservice { width: 220px; height: auto; padding: 10px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .boxservice-image { width: 220px; height: 220px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position { width: 120px; height: 120px; border-radius: 20px; border: 1px solid #bbb; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position img { width: 100%; object-fit: cover; object-position: center;}
    .boxservice h1 { text-align: center; margin: 0; font-size: 1.1em;}
    .boxservice p { margin: 0; font-size: .8em;}

    /* Kontaktni informace */
    main { width: 100%; height: auto; padding: 60px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .contact-main { width: 760px; height: auto; padding-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    .contact-main-left { width: 740px; height: auto; padding: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contactbox { width: 740px; height: auto; border-radius: 20px; overflow: hidden; box-shadow: 0px 10px 20px #bbb; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; background: #fff;}
    .contactbox-left { width: 420px; height: auto; padding: 10px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-left-line { width: 100%; height: auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .contentbox-left-line-content-a, .contentbox-left-line-content-b, .contentbox-left-line-content-c { width: 340px; height: 70px; padding-left: 80px; display: flex; flex-flow: column; justify-content: center; align-items: start; background: url('../themes/mobil.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-b { background: url('../themes/maps.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-c { background: url('../themes/time.png') left no-repeat; background-size: 70px;}
    .contentbox-left-line-content-a p, .contentbox-left-line-content-b p, .contentbox-left-line-content-c p { font-size: .7em; margin: 0 0 5px; font-weight: 600; color: var(--linear);}
    .contentbox-left-line-content-a h2, .contentbox-left-line-content-b h2, .contentbox-left-line-content-c h2 { font-size: 1.2em; font-weight: 300; color: var(--fonts); margin: 0 0 0 0;} 
    .contentbox-left-line-content-b h2 { font-size: 1em;}

    .contactbox-right { width: 300px; height: 260px; overflow: hidden; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-right img { width: 300px; height: 260px; object-fit: cover; object-position: center;}

    .contact-main-right { width: 0px; height: 0px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start; visibility: hidden; overflow: hidden;}
    .contact-main-right-image { width: 0px; height: 0px; border-radius: 0px; border: none; visibility: hidden; overflow: hidden; box-shadow: none;}
    .contact-main-right-free { width: 0px; height: 0px; position: absolute; margin: 0; visibility: hidden; overflow: hidden;}

    /* Spodní čát webu */
    footer { width: 100%; height: auto; padding: 60px 0 0 0; display: flex; flex-flow: column; justify-content: center; align-items: center; background: #292929;}
    .footer-info { width: 760px; height: auto; padding-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .footer-info-leftbox { width: 380px; height: auto; padding: 0; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .footer-info-leftbox-logo { width: 246px; height: 80px; background: url('../themes/logo-white.png') center no-repeat; background-size: contain;}
    .footer-info-leftbox p {  font-size: .65em; margin: 0 0 5px 0; color: #fff;}
    .footer-info-leftbox p span { color: var(--extra-red);}
    .footer-info-rightbox { width: 380px; height: auto; padding: 0; display: flex; flex-flow: column; justify-content: start; align-items: end;}
    .footer-info-rightbox p { font-size: .65em; margin: 0 0 5px 0; color: #fff;}
    .footer-info-rightbox p:nth-child(1) { font-size: .8em; margin: 0 0 10px 0; color: var(--extra-red); font-weight: 600;}

    .footer-bottom { width: 760px; height: 120px; padding-top: 30px; border-top: 1px solid var(--linear); display: flex; flex-flow: column; justify-content: start; align-items: center; background: url('../themes/footer-back.png') bottom center no-repeat; background-size: 760px auto;}
    .footer-bottom p { width: 100%; height: auto; margin: 0 0 0 0; font-size: .7em; font-weight: 300; color: #fff; text-align: center;}
    .footer-bottom a { color: var(--background-color);}
    .footer-bottom a:hover { color: var(--background-color); text-decoration-color: var(--linear);}
}

/* Tablety na výšku */
@media screen and (min-width: 481px) and (max-width: 767px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 10px;}
    .free-big { width: 100%; height: 30px;}
    .free-mini { width: 100%; height: 7px;}
    .space { width: 100%; height: 20px;}
    .top-space { width: 100%; height: 40px;}

    h1, h2 { font-size: 22px; margin: 0 0 10px 0;}
    h2 { font-size: 19px; margin: 0 0 9px 0;}
    p { font-size: 17px; margin: 0 0 6px 0; font-weight: 300;}
    ul { margin: 0 0 6px 0; list-style: none;}
    li { font-size: 16px; margin: 0 0 3px 0; list-style: none;}
    li::before { content: "•"; color: var(--extra-red); font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Navigační linie */
    nav { width: 100%; height: auto; padding: 10px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .navigation-pass { width: 480px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center;}
    .logo { width: 194px; height: 80px; background: url('../themes/logo.png') center no-repeat; background-size: contain;}
    .top-menu { width: auto; height: auto; font-weight: 600; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .top-menu-item { width: auto; height: auto; padding: 10px 15px; font-size: 18px; text-decoration: none; color: #292929; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus { width: auto; height: auto; display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .konktaktus .top-menu-item { width: auto; height: auto; padding: 10px 15px; font-size: 24px; font-weight: 600; text-decoration: none; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus a.top-menu-item { color: var(--extra-red);}

    /* Hlavička webu - SmallBlock */
    .small-block { width: 100%; height: auto; padding: 20px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .small-block p { font-size: 18px; font-weight: 600; margin: 0;}
    .small-block h1 { margin: 0;}

    /* Hlavička webu - foto */
    .picture-block { width: 100%; height: 240px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .picture-block-image { width: 480px; height: 200px; position: absolute; margin: 0; border-radius: 12px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fko.png') top no-repeat; background-size: 480px auto;}
    .picture-block-free { width: 480px; height: 240px; position: absolute; background: url('../themes/fko-free.png') top no-repeat; background-size: 480px auto;}

    /* Vodítko */
    .voditko-block { width: 100%; height: 30px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .voditko-button-pozice { width: 60px; height: 30px;}
    .voditko-button { width: 60px; height: 60px; position: absolute; margin: -15px 0; filter: drop-shadow(0px 10px 20px #bbb); background: url('../themes/button-before.png') top no-repeat; background-size: cover;}

    /* Hlavička webu - grafická hlavička */
    header { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .header-titulek { width: 480px; height: 120px; background: url('../themes/header-back.png') top no-repeat; background-size: contain;}
    .header-tituls { width: 200px; position: absolute; margin: -20px 0 0 200px; padding: 0 0 0 10px; border-left: 1px solid #686868; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-tituls h1 { font-weight: 500; margin: 0; font-size: 16px;}

    .header-text { width: 460px; height: auto; padding: 0;}
    .header-text h1 { font-size: 18px; font-weight: 300; text-align: center; color: var(--fonts); margin: 0 0 0 0;}
    .header-text h1:last-child { font-size: 18px; font-weight: 600; text-align: center; color: var(--fonts); margin: 0 0 0 0;}

    .header-boxies { width: 480px; height: auto; display: flex; flex-wrap: wrap; justify-content: start; align-items: start;}
    .header-boxies:last-child {  width: 480px; height: auto; padding: 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
    .header-boxies-a { width: 460px; height: auto; padding: 0 0 40px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .header-boxies-a h1 { font-weight: 300; color: #bbb; margin: 0; font-size: 22px; text-align: center;}
    .header-boxies-b { width: 480px; height: 240px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-b-image { width: 480px; height: 210px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 18px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/white-car.png') 0 -40px no-repeat; background-size: 480px auto;}
    .header-boxies-b-free { width: 480px; height: 250px; position: absolute; margin: -40px 0 0 0; background: url('../themes/white-car-free.png') 0 0 no-repeat; background-size: 480px auto;}
    .header-boxies-c { width: 480px; height: 270px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .header-boxies-c-image { width: 460px; height: 230px; border: 1px solid #292929; position: absolute; margin: 0 0 0 10px; border-radius: 18px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fdo.png') -60px -40px no-repeat; background-size: 590px auto;}
    .header-boxies-c-free { width: 470px; height: 300px; position: absolute; margin: 0 0 0 10px; background: url('../themes/fdo-free.png') -60px -40px no-repeat; background-size: 590px auto;}
    .header-boxies-d { width: 480px; height: 260px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-d-image {  width: 400px; height: 220px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 18px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fd.png') -60px -20px no-repeat; background-size: 500px auto;}
    .header-boxies-d-free { width: 420px; height: 260px; position: absolute; margin: 0 0 0 -20px; background: url('../themes/fd-free.png') -45px -30px no-repeat; background-size: 520px auto;}

    /* Textová obsah webu */
    .classic-block { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .classic-block-content { width: 480px; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: start; gap: 10px;}
    .classic-block-content h1 { width: 100%; text-align: center;}
    
    .boxservice { width: 225px; height: auto; padding: 5px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .boxservice-image { width: 120px; height: 120px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position { width: 80px; height: 80px; border-radius: 16px; border: 1px solid #bbb; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position img { width: 100%; object-fit: cover; object-position: center;}
    .boxservice h1 { text-align: center; margin: 0; font-size: 22px;}
    .boxservice p { margin: 0; font-size: 18px;}

    /* Kontaktni informace */
    main { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .contact-main { width: 480px; height: auto; padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    .contact-main-left { width: 460px; height: auto; padding: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contactbox { width: 460px; height: auto; border-radius: 16px; overflow: hidden; box-shadow: 0px 10px 20px #bbb; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; background: #fff;}
    .contactbox-left { width: 440px; height: auto; padding: 10px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-left-line { width: 100%; height: auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .contentbox-left-line-content-a, .contentbox-left-line-content-b, .contentbox-left-line-content-c { width: 410px; height: 40px; padding-left: 50px; display: flex; flex-flow: column; justify-content: center; align-items: start; background: url('../themes/mobil.png') left no-repeat; background-size: 40px;}
    .contentbox-left-line-content-b { background: url('../themes/maps.png') left no-repeat; background-size: 40px;}
    .contentbox-left-line-content-c { background: url('../themes/time.png') left no-repeat; background-size: 40px;}
    .contentbox-left-line-content-a p, .contentbox-left-line-content-b p, .contentbox-left-line-content-c p { font-size: 0px; margin: 0; font-weight: 600; color: var(--linear);}
    .contentbox-left-line-content-a h2, .contentbox-left-line-content-b h2, .contentbox-left-line-content-c h2 { font-size: 20px; font-weight: 300; color: var(--fonts); margin: 0 0 0 0;} 

    .contactbox-right { width: 0px; height: 0px; visibility: hidden; overflow: hidden; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-right img { width: 0px; height: 0px; visibility: hidden; overflow: hidden; object-fit: cover; object-position: center;}

    .contact-main-right { width: 0px; height: 0px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start; visibility: hidden; overflow: hidden;}
    .contact-main-right-image { width: 0px; height: 0px; border-radius: 0px; border: none; visibility: hidden; overflow: hidden; box-shadow: none;}
    .contact-main-right-free { width: 0px; height: 0px; position: absolute; margin: 0; visibility: hidden; overflow: hidden;}

    /* Spodní čát webu */
    footer { width: 100%; height: auto; padding: 20px 0 0 0; display: flex; flex-flow: column; justify-content: center; align-items: center; background: #292929;}
    .footer-info { width: 480px; height: auto; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .footer-info-leftbox { width: 240px; height: auto; padding: 0; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .footer-info-leftbox-logo { width: 185px; height: 60px; background: url('../themes/logo-white.png') center no-repeat; background-size: contain;}
    .footer-info-leftbox p {  font-size: 14px; margin: 0 0 5px 0; color: #fff;}
    .footer-info-leftbox p span { color: var(--extra-red);}
    .footer-info-rightbox { width: 240px; height: auto; padding: 0; display: flex; flex-flow: column; justify-content: start; align-items: end;}
    .footer-info-rightbox p { font-size: 14px; margin: 0 0 5px 0; color: #fff;}
    .footer-info-rightbox p:nth-child(1) { font-size: 16px; margin: 0 0 10px 0; color: var(--extra-red); font-weight: 600;}

    .footer-bottom { width: 480px; height: 80px; padding-top: 10px; border-top: 1px solid var(--linear); display: flex; flex-flow: column; justify-content: start; align-items: center; background: url('../themes/footer-back.png') bottom center no-repeat; background-size: 460px auto;}
    .footer-bottom p { width: 100%; height: auto; margin: 0 0 0 0; font-size: 15px; font-weight: 300; color: #fff; text-align: center;}
    .footer-bottom a { color: var(--background-color);}
    .footer-bottom a:hover { color: var(--background-color); text-decoration-color: var(--linear);}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 480px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 10px;}
    .free-big { width: 100%; height: 30px;}
    .free-mini { width: 100%; height: 7px;}
    .space { width: 100%; height: 20px;}
    .top-space { width: 100%; height: 40px;}

    h1, h2 { font-size: 19px; margin: 0 0 6px 0;}
    h2 { font-size: 17px; margin: 0 0 5px 0;}
    p { font-size: 15px; margin: 0 0 4px 0; font-weight: 300;}
    ul { margin: 0 0 4px 0;}
    li { font-size: 14px; margin: 0 0 2px 0; list-style: none;}
    li::before { content: "•"; color: var(--extra-red); font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Navigační linie */
    nav { width: 100%; height: auto; padding: 10px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .navigation-pass { width: 320px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center;}
    .logo { width: 194px; height: 80px; background: url('../themes/logo.png') center no-repeat; background-size: contain;}
    .top-menu { width: auto; height: auto; font-weight: 600; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .top-menu-item { width: 100%; height: auto; padding: 10px 15px; text-decoration: none; color: #292929; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus { width: auto; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .konktaktus .top-menu-item { width: auto; height: auto; padding: 10px 15px; font-size: 24px; font-weight: 600; text-decoration: none; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .konktaktus a.top-menu-item { color: var(--extra-red);}

    /* Hlavička webu - SmallBlock */
    .small-block { width: 100%; height: auto; padding: 20px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .small-block p { font-size: 16px; font-weight: 600; margin: 0;}
    .small-block h1 { margin: 0; font-weight: 24px;}

    /* Hlavička webu - foto */
    .picture-block { width: 100%; height: 160px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .picture-block-image { width: 320px; height: 140px; position: absolute; margin: 0; border-radius: 8px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fko.png') top no-repeat; background-size: 320px auto;}
    .picture-block-free { width: 320px; height: 160px; position: absolute; background: url('../themes/fko-free.png') top no-repeat; background-size: 320px auto;}

    /* Vodítko */
    .voditko-block { width: 100%; height: 20px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .voditko-button-pozice { width: 50px; height: 20px;}
    .voditko-button { width: 50px; height: 50px; position: absolute; margin: -15px 0; filter: drop-shadow(0px 10px 20px #bbb); background: url('../themes/button-before.png') top no-repeat; background-size: cover;}

    /* Hlavička webu - grafická hlavička */
    header { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .header-titulek { width: 320px; height: 80px; background: url('../themes/header-back.png') top no-repeat; background-size: contain;}
    .header-tituls { width: 150px; position: absolute; margin: -25px 0 0 130px; padding: 0 0 0 5px; border-left: 1px solid #686868; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-tituls h1 { font-weight: 500; margin: 0; font-size: 14px;}

    .header-text { width: 320px; height: auto; padding: 0;}
    .header-text h1 { font-size: 16px; font-weight: 300; text-align: center; color: var(--fonts); margin: 0 0 0 0;}
    .header-text h1:last-child { font-size: 16px; font-weight: 600; text-align: center; color: var(--fonts); margin: 0 0 0 0;}

    .header-boxies { width: 320px; height: auto; display: flex; flex-wrap: wrap; justify-content: start; align-items: start;}
    .header-boxies:last-child {  width: 320px; height: auto; padding: 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
    .header-boxies-a { width: 320px; height: auto; padding: 0 0 40px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .header-boxies-a h1 { font-weight: 300; color: #bbb; margin: 0; font-size: 22px; text-align: center;}
    .header-boxies-b { width: 320px; height: 240px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-b-image { width: 320px; height: 200px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 12px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/white-car.png') 0 -40px no-repeat; background-size: 480px auto;}
    .header-boxies-b-free { width: 320px; height: 250px; position: absolute; margin: -40px 0 0 0; background: url('../themes/white-car-free.png') 0 0 no-repeat; background-size: 480px auto;}
    .header-boxies-c { width: 320px; height: 220px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .header-boxies-c-image { width: 320px; height: 160px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 12px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fdo.png') top no-repeat; background-size: 400px auto;}
    .header-boxies-c-free { width: 320px; height: 220px; position: absolute; margin: 0; background: url('../themes/fdo-free.png') top no-repeat; background-size: 400px auto;}
    .header-boxies-d { width: 320px; height: 220px; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .header-boxies-d-image {  width: 320px; height: 180px; border: 1px solid #292929; position: absolute; margin: 0; border-radius: 12px; box-shadow: 0px 10px 20px #bbb; background: url('../themes/fd.png') top no-repeat; background-size: 400px auto;}
    .header-boxies-d-free { width: 320px; height: 220px; position: absolute; margin: 0; background: url('../themes/fd-free.png') top no-repeat; background-size: 400px auto;}

    /* Textová obsah webu */
    .classic-block { width: 100%; height: auto; padding: 40px 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .classic-block-content { width: 320px; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: start; gap: 10px;}
    .classic-block-content h1 { width: 100%; text-align: center;}
    
    .boxservice { width: 320px; height: auto; padding: 5px; display: flex; flex-wrap: wrap; justify-content: start; align-items: center;}
    .boxservice-image { width: 90px; height: 90px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position { width: 60px; height: 60px; border-radius: 12px; border: 1px solid #bbb; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .boxservice-image-position img { width: 100%; object-fit: cover; object-position: center;}
    .boxservice h1 { width: 180px; text-align: center; padding: 0 20px; margin: 0; font-weight: 600; font-size: 18px;}
    .boxservice p { margin: 0; font-size: 14px;}

    /* Kontaktni informace */
    main { width: 100%; height: auto; padding: 20px 0; display: flex; flex-flow: column; justify-content: center; align-items: center;}
    .contact-main { width: 320px; height: auto; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    .contact-main-left { width: 320px; height: auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contactbox { width: 320px; height: auto; border-radius: 12px; overflow: hidden; box-shadow: 0px 10px 20px #bbb; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; background: #fff;}
    .contactbox-left { width: 300px; height: auto; padding: 10px; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-left-line { width: 100%; height: auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .contentbox-left-line-content-a, .contentbox-left-line-content-b, .contentbox-left-line-content-c { width: 250px; height: 40px; padding-left: 50px; display: flex; flex-flow: column; justify-content: center; align-items: start; background: url('../themes/mobil.png') left no-repeat; background-size: 40px;}
    .contentbox-left-line-content-b { background: url('../themes/maps.png') left no-repeat; background-size: 40px;}
    .contentbox-left-line-content-c { background: url('../themes/time.png') left no-repeat; background-size: 40px;}
    .contentbox-left-line-content-a p, .contentbox-left-line-content-b p, .contentbox-left-line-content-c p { font-size: 0px; margin: 0; font-weight: 600; color: var(--linear);}
    .contentbox-left-line-content-a h2, .contentbox-left-line-content-b h2, .contentbox-left-line-content-c h2 { font-size: 16px; font-weight: 300; color: var(--fonts); margin: 0 0 0 0;} 
    .contentbox-left-line-content-b h2 { font-size: 15px;}

    .contactbox-right { width: 0px; height: 0px; visibility: hidden; overflow: hidden; display: flex; flex-flow: column; justify-content: start; align-items: start;}
    .contactbox-right img { width: 0px; height: 0px; visibility: hidden; overflow: hidden; object-fit: cover; object-position: center;}

    .contact-main-right { width: 0px; height: 0px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start; visibility: hidden; overflow: hidden;}
    .contact-main-right-image { width: 0px; height: 0px; border-radius: 0px; border: none; visibility: hidden; overflow: hidden; box-shadow: none;}
    .contact-main-right-free { width: 0px; height: 0px; position: absolute; margin: 0; visibility: hidden; overflow: hidden;}

    /* Spodní čát webu */
    footer { width: 100%; height: auto; padding: 20px 0 0 0; display: flex; flex-flow: column; justify-content: center; align-items: center; background: #292929;}
    .footer-info { width: 320px; height: auto; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}
    .footer-info-leftbox { width: 320px; height: auto; padding: 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .footer-info-leftbox-logo { width: 185px; height: 60px; background: url('../themes/logo-white.png') center no-repeat; background-size: contain;}
    .footer-info-leftbox p {  font-size: 14px; margin: 0 0 5px 0; color: #fff;}
    .footer-info-leftbox p span { color: var(--extra-red);}
    .footer-info-rightbox { width: 240px; height: auto; padding: 10px 0 0 0; display: flex; flex-flow: column; justify-content: start; align-items: center;}
    .footer-info-rightbox p { font-size: 14px; margin: 0 0 5px 0; color: #fff;}
    .footer-info-rightbox p:nth-child(1) { color: var(--extra-red); font-weight: 600; text-align: center;}

    .footer-bottom { width: 320px; height: 80px; padding-top: 10px; border-top: 1px solid var(--linear); display: flex; flex-flow: column; justify-content: start; align-items: center; background: url('../themes/footer-back.png') bottom center no-repeat; background-size: 310px auto;}
    .footer-bottom p { width: 100%; height: auto; margin: 0 0 0 0; font-size: 14px; font-weight: 300; color: #fff; text-align: center;}
    .footer-bottom a { color: var(--background-color);}
    .footer-bottom a:hover { color: var(--background-color); text-decoration-color: var(--linear);}
}