@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
            margin: 0;
            font-family: "Open sans", sans-serif;
            display: flex;
        }
        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 40px;
            background-color: #F8E08C;
            
            z-index: 1000;
            display: flex;
            align-items: center; /* Vertikálně zarovná obsah na střed */
            justify-content: right; /* Horizontálně zarovná obsah na střed (volitelně) */
    
            
        }
        .header a {font-weight: 600; color: #3F0590; text-decoration: none; font-size: 0.9em;  padding-right: 1em;} 
        .mobilheader {display: none;
        position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 5em; 
            background-color: #F8E08C;
            padding: 1em;
            z-index: 1000;
            
    
            
        }
        .sidebar {
            position: fixed;
            top: 40px; /* Adjust based on header height */
            left: 0;
            width: 250px;
            height: calc(100% - 40px); /* Adjust based on header height */
            background-color: #F8E08C;
            background: url('paisley2.jpg');
            color: white;
            padding: 20px;
            box-sizing: border-box;
            z-index: 999;
        }
                .sidebar h1 {color:#3F0590;font-size: 1.3em; text-align: center; background: rgb(139 139 139 / 20%); padding: 0.5em 0.5em; border-radius: 0.5em; }

        .sidebar h1 em {font-size: 0.8em; font-weight: 600; text-decoration: none;}
        
        nav {
            text-align: center;
            margin-top: 20px;
        }

        nav a {
            display: block;
            text-decoration: none;
            color: #3F0590; /* Tmavě fialová */
            padding: 10px;
            
            transition: color 0.3s;
            font-weight: 600;
            
        }

        nav a:hover {
            color: #F8E08C; /* Tmavě modrá při najetí myši */
            cursor: pointer;
            background: #3F0590;
            border-radius: 0.5em;
        }
        
        .main-content {
            margin-top: 40px; /* Adjust based on header height */
            margin-left: 250px; /* Adjust based on sidebar width */
            padding: 1em 3em;
            flex-grow: 1;
            max-width: 900px;
        }
        
        @media (max-width: 768px) {
            body {font-size: 0.8em;}
            .sidebar {
                width: 150px; /* Narrower sidebar on small screens */
                padding: 10px 5px;
                
            }
            .main-content {
                margin-left: 150px; /* Adjust based on narrower sidebar */
                padding: 1em;
            }
             h1 {margin-top: 0;}
        }
        
        @media (max-width: 760px) 
       {
           .sidebar {display: none;}
           .main-content {width: 100%; margin-left: 0; margin-top: 6em;}
           
           .header {display: none;}
           .mobilheader {display: block;}
           .mobilheader h1 {font-size: 1.5em; margin: 0; color: #3F0590;}
           .menu-icon {font-size: 3em; float: right; margin-right: 1em; cursor: pointer;}
           
       }
        
        p {line-height: 1.5em; text-align: justify;}
        
        table {
            width: 100%;
            max-width: 580px;
            margin-left: 2em;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        td:first-child {
            width: 50%;
            padding-right: 20px;
        }
        tr {border-bottom: 1px solid black; height: 3em;}
        tr:last-child {border: none; }
        
 .image-container {
            display: flex;
            justify-content: space-between; /* Přidá prostor mezi obrázky */
        }

        .image-container a {
            flex: 1; /* Umožní obrázkům zabírat stejný prostor */
            text-align: center;
            margin: 0 10px; /* Přidá trochu místa kolem obrázků */
        }

        .image-container img {
            max-width: 100%; /* Zajistí, že obrázky nebudou větší než jejich kontejner */
            height: auto; /* Udrží poměr stran obrázků */
        }
.container {
    width: 100%;
    max-width: 400px;
}
.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

button {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background-color:  #3F0590;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}
address {line-height: 1.5em;}
img {max-width: 100%;}

form {
    margin-bottom: 20px;
}

label {
    display: block;
    margin-top: 10px;
}

input, textarea {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
}
ul li {line-height: 1.5em;}
#mobile-nav {display: none; position: fixed; top: 4.65em; right: 0; background: #fff; font-size: 1.5em; z-index: 1000; }
#mobile-nav nav {margin: 0; box-shadow: -2px 2px 4px #666;}
#mobile-nav a {padding: 1em 2em 1em 1em; border-top: 1px solid #ddd; font-size: 0.8em;}